/* PC端公用样式 */
@charset "utf-8";
html{color: #000;overflow-x: hidden;height: 100%;-webkit-tap-highlight-color: transparent;}
body {font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;color: #000;-webkit-text-size-adjust: none;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0;vertical-align: top;}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%;-webkit-margin-before:0em;margin-block-start:0em;-webkit-margin-after: 0em;margin-block-end: 0em;}
h1,h2,h3,h4,h5,h6{font-family:"Arial","Microsoft YaHei","黑体","宋体",sans-serif}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal}
address,cite,dfn,rem,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
sup,sub{vertical-align:baseline}
hr {height: .02rem;margin: .1rem 0;border: medium none;border-top: .02rem solid #cacaca;}
a {color: #000;text-decoration: none;}
a:hover{color: #E53935;}
img {max-width: 100%;vertical-align:middle;}

/* html设置 */
html{font-size: 100px;}

/*placeholder*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
    color: #999;
} 
input:-moz-placeholder, textarea:-moz-placeholder{
    color: #999;
}
input::-moz-placeholder, textarea::-moz-placeholder{
    color: #999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{
    color: #999;
}
input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
}
textarea {  
  -webkit-appearance: none;
}

/* 基本样式 */
.clear{
  content: "";
  display: block;
  clear: both;
}
.container{
  width: 11.4rem;
  height: auto;
  margin: 0 auto;
  -webkit-head-sizing: border-head;
  -moz-head-sizing: border-head;
  head-sizing: border-head;
  behavior: url(css/PIE.htc);
}
.ykde-head{
  width: 100%;
  text-align: center;
  padding : .4rem 0;
}
.ykde-head p{
  position: relative;
  height: 1.3rem;
}
.ykde-head p b{
  font-size: .45rem;
  height: .79rem;
  line-height: .7rem;
  font-weight: bold;
  z-index: 2;
  display: table;
  margin: 0 auto;
  position: relative;
  letter-spacing: .02rem;
  z-index: 1;
}
.ykde-head p b:before{
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -2.7rem;
  bottom: 0;
  width: 1.8rem;
  height: .09rem;
  background-color: #e6272f;
  z-index: -1;
  border-left: 1.8rem solid #000;
  border-right: 1.8rem solid #f5d128;
}
.ykde-head p span{
  display: inline-block;
  height: .5rem;
  line-height: .5rem;
  font-size: .25rem;
  text-transform: uppercase;
  vertical-align: top;
  position: relative;
}
.ykde-btn{
  text-align: center;
  width: 100%;
  z-index: 99;
  position: relative;
  height: .99rem;
  line-height: .79rem;
  margin-top: .3rem;
  z-index: 1;
}
.btn-more-a{
  display: inline-block;
  width: 2.49rem;
  height: .71rem;
  text-align: center;
  font-weight: bold;
  line-height: .71rem;
  font-size: .4rem;
  letter-spacing: .05rem;
  cursor: pointer;
  color: #fff;
  background-color: #15B863;
  position: relative;
  border-radius: .1rem;
}
.btn-more-a span{
  display: inline-block;
  position: relative;
  padding-right: .6rem;
}
.btn-more-a span:before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: .42rem;
  height: .79rem;
  /* background: url(../img/ico1.png) center no-repeat;
  background-size: contain; */
  margin: 0;
}
.btn-more-a:hover{
  color: #fff;
  box-shadow: 0 .02rem .08rem  rgba(255, 255, 255, .8);
}
.top-header{
  background-color: #f9f9f9;
  padding: 0 .1rem;
}
.top-header .top-header-table::after{
  content: '';
  display: block;
  clear: both;
}
.top-header .top-header-table .top-link-left,
.top-header .top-header-table .top-text-right{
  height: .55rem;
  line-height: .55rem;
}
.top-header .top-header-table .top-link-left{
  float: left;
}
.top-header .top-header-table .top-text-right{
  float: right;
}
.top-header .top-header-table .top-link-left img{
  max-height: .35rem;
  margin-right: .15rem;
}
.top-header .top-text-right{
  text-align: right;
}
.top-header a,
.top-header p{
  color: #666;
  font-size: .16rem;
  display: inline-block;
  float: left;
}
.top-header a:hover{
  opacity: .8;
}

/* 文本框样式提取 */
.ykde4 .ykde-table .ykde-item:after{
  content: '';
  display: block;
  clear: both;
}
.ykde4 .ykde-table .ykde-item .ykde-list{
  padding: 0 .15rem;
  position: relative;
  float: left;
  width: 32%;
  margin-bottom: .23rem;
  height: .69rem;
  line-height: .69rem;
}
.ykde4 .ykde-table .ykde-item .ykde-list:before{
  content: '';
  position: absolute;
  top: .31rem;
  left: .3rem;
  width: .1rem;
  height: .1rem;
  background: url(../img/ico3.png);
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.ykde4 .ykde-table .ykde-item .ykde-list:last-child:before{
  display: none;
}
.has-error .help-block,
label.error{
  position: absolute;
  top: -.40rem;
  left: .6rem;
  color: #CC080C;
  font-size: .14rem;
  font-weight: bold;
  height: .34rem;
  line-height: .34rem;
  background: #fff;
  padding: 0 .1rem;
  border-radius: .05rem;
  box-shadow: 0 0 .05rem #000;
}
.has-error .help-block:before,
label.error:before{
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -.16rem;
  bottom: -.16rem;
  border: .08rem solid transparent;
  border-top-color: #fff;
}
.ykde4 .ykde-table .ykde-item .ykde-list .ykde-input{
  display: block;
  width: 100%;
  height: .69rem;
  line-height: .69rem;
  border: none;
  font-size: .35rem;
  background-color: #fff;
  border-radius: .05rem;
  overflow: hidden;
  padding: 0 .15rem 0 .35rem;
  box-sizing: border-box;
  letter-spacing: .02rem;
  color: #000;
}
.ykde4 .ykde-table .ykde-item .ykde-list select.ykde-input{
  padding: 0;
}
input::-webkit-input-placeholder,
select,
option{
  color: #000;
}



.ykde .lineTitle{
  width: 100%;
  height: .7rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ykde .lineTitle .line{
  flex: 0.5;
  border: 1px dashed #212551;
}
.ykde .lineTitle .title{
  width: 3.5rem;
  height: .7rem;
  position: relative;
  text-align: center;
  flex-shrink: 0;
  line-height: .26rem;
}
.ykde .lineTitle .title .titleCon{
  font-size: .45rem;
  font-weight: bold;
  color: #000000;
}
.ykde .lineTitle .title .titleLine{
  width: 3.43rem;
  height: .16rem;
  position: absolute;
  bottom: .1rem;
  left: 50%;
  margin-left: -1.715rem;
  background: rgba(147, 0, 47, 0.33);
  border-radius: .08rem;
}


.banner{
  position: relative;
  background: url(../img/bg-pic1.jpg) center bottom no-repeat;
  height: 4.6rem;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
}
.banner .banner-body{
  margin: 0 auto;
  color: #fff;
  padding: .8rem 0 .56rem;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
.banner .banner-body .banner-title{
  width: 8.85rem;
  height: .36rem;
  margin: 0 auto .5rem;
  font-size: .36rem;
  color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.banner .banner-body .banner-text{
  text-align: center;
  cursor: pointer;
  width: 11.4rem;
  margin: 0 auto;
}
.bannerItemBox{
  width: 100%;
  height: .81rem;
  position: relative;
  left: 0;
  top: -.41rem;
  z-index: 3;
}
.bannerItemBox .bannerItemContent{
  width: 11.4rem;
  height: .81rem;
  background-color: #15B863;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.bannerItemBox .bannerItemContent .bannerItem{
  width: 1.9rem;
  height: 100%;
  position: relative;
}
.bannerItemBox .bannerItemContent .bannerItem a{
  text-decoration: none;
  width: 1.9rem;
  height: .81rem;
  text-align: center;
  line-height: .81rem;
  font-size: .3rem;
  font-weight: bold;
  color: #000000;
  position: absolute;
  top: 0;
  left: 0;
}
.bannerItemBox .bannerItemContent .bannerItem a:hover{
  font-size: .34rem;
  transition: all 0.2s;
}
.bannerItemBox .bannerItemContent .bannerItem .itemLine{
  width: 1px;
  height: .38rem;
  background-color: #000;
  position: absolute;
  right: 0;
  top: .2rem;
}

.ykde .advantageBox{
  width: 100%;
  height: auto;
  text-align: center;
}
.ykde .advantageBox .advantageTitle{
  width: 100%;
  font-size: .45rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #000000;
  margin-bottom: .08rem;
}
.ykde .advantageBox .advantageContent{
  width: 100%;
  font-size: .24rem;
  font-family: SourceHanSansCN;
  color: rgba(21, 184, 99, 0.8);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  text-transform: uppercase;
}
.ykde .advantageBox .advantageContent span:nth-of-type(2){
  width: 2.7rem;
  flex-shrink: 0;
}
.ykde .advantageBox .advantageContent span:nth-of-type(1),
.ykde .advantageBox .advantageContent span:nth-of-type(3){
  flex: 0.5;
}

.doulePic{
  width: 100%;
  height: 18.87rem;
  background-image: url(../img/bg-pic2.jpg);
  background-position: 0 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
  top: -.81rem;
  overflow: hidden;
}
.ykde1{
  width: 100%;
  height: 12.75rem;
  position: relative;
  overflow: hidden;
}
.ykde1 .container{
  width: 11.4rem;
  height: auto;
  margin: 1.7rem auto 0;
}
.ykde1 .container .projectInfo{
  width: 11.4rem;
  height: 3.31rem;
  background: #13406C;
  position: relative;
  margin-bottom: 1.45rem;
}
.ykde1 .container .projectInfo .infoLeft{
  width: 3.27rem;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: .22rem;
  box-sizing: border-box;
}
.ykde1 .container .projectInfo .infoLeft .info{
  width: 2.68rem;
  height: .73rem;
  display: inline-block;
  background: #FFFFFF;
  text-align: center;
  line-height: .73rem;
  font-size: .42rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #000000;
  position: relative;
  margin-bottom: .15rem;
}
.ykde1 .container .projectInfo .infoLeft .info:before{
  content: '';
  position: absolute;
  top: .18rem;
  right: -.3rem;
  border: .2rem solid transparent;
  border-left-color: #fff;
}
.ykde1 .container .projectInfo .infoLeft .info:hover{
  box-shadow: 0 0.02rem 0.08rem rgb(0 0 0 / 40%);
  transition: all .2s;
}
.ykde1 .container .projectInfo .infoLeft .title{
  text-transform: uppercase;
  font-size: .32rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.43);
  line-height: .4rem;
}
.ykde1 .container .projectInfo .infoRight{
  width: 7.78rem;
  height: 3.09rem;
  background: #FFFFFF;
  box-shadow: 0 .04rem .36rem .04rem rgba(64,68,90,0.3);
  position: absolute;
  top: -.49rem;
  right: .35rem;
  padding: .3rem;
  box-sizing: border-box;
}
.ykde1 .container .projectInfo .infoRight .rightTitle{
  font-size: .34rem;
  font-family: SourceHanSansCN;
  font-weight: bold;
  color: #000000;
  margin-bottom: .15rem;
}
.ykde1 .container .projectInfo .infoRight .rightInfo{
  font-size: .3rem;
  font-family: SourceHanSansCN;
  color: #000000;
  line-height: .48rem;
}
.ykde1 .container .projectInfo .infoBottom{
  width: 2.49rem;
  height: .71rem;
  background: #15B863;
  border-radius: .1rem;
  text-align: center;
  line-height: .71rem;
  position: absolute;
  bottom: -.35rem;
  left: 50%;
  margin-left: -1.245rem;
  font-size: .4rem;
  color: #fff;
  cursor: pointer;
}
.ykde1 .container .projectInfo .infoBottom:hover{
  box-shadow: .005rem -0.005rem 0.1rem rgb(255 255 255 / 40%);
  transition: all .2s;
}
.ykde1 .container .projectInfo.projectInfo2{
  height: 5.59rem;
  margin-bottom: .5rem;
}
.ykde1 .container .projectInfo.projectInfo2 .infoLeft{
  padding-left: .22rem;
  padding-top: 1rem;
}
.ykde1 .container .projectInfo.projectInfo2 .infoRight{
  height: 5.41rem;
  padding: .25rem .3rem;
}
.ykde1 .container .projectInfo.projectInfo2 .infoRight .rightTitle{
  margin-bottom: .1rem;
  margin-top: .1rem;
}
.ykde1 .container .projectInfo.projectInfo2 .infoRight .rightTitle:nth-of-type(1){
  margin-top: 0;
}
.ykde1 .container .projectInfo.projectInfo2 .infoRight .rightInfo{
  height: 1rem;
  border-bottom: 1px dashed #15B863;
  line-height: .4rem;
}
.ykde1 .container .projectInfo.projectInfo2 .infoRight .rightInfo:nth-of-type(6){
  border-bottom: 0;
}


.ykde6{
  width: 100%;
  height: 6.12rem;
  position: relative;
}
.ykde6 .container{
  width: 11.4rem;
  height: auto;
  margin: .35rem auto 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.ykde6 .container .advItem{
  width: 5.46rem;
  height: 1.97rem;
  background: #13406C;
  margin-bottom: .4rem;
  padding: .2rem .18rem;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.ykde6 .container .advItem:hover{
  box-shadow: 0 0.02rem 0.1rem rgb(0 0 0 / 40%);
  transition: all .2s;
}
.ykde6 .container .advItem .itemTop{
  font-size: .28rem;
  color: #FFFFFF;
}
.ykde6 .container .advItem .itemBottom{
  width: 5.11rem;
  height: .6rem;
  background: #15B863;
  position: absolute;
  bottom: .26rem;
  left: .18rem;
  padding-left: .1rem;
  line-height: .6rem;
  color: #fff;
  font-size: .3rem;
}
.ykde6 .container .advItem .itemBottom .itemIconBox{
  width: .72rem;
  height: .72rem;
  background: #FFFFFF;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -.29rem;
  right: .17rem;
}




.ykde-item:after{
  content: '';
  display: block;
  clear: both;
}
.ykde5{
  width: 100%;
  height: 11.16rem;
  position: relative;
  padding-top: .7rem;
  box-sizing: border-box;
  background-color: #fff;
  top: -.81rem;
}
.ykde5 .advantageBox .advantageContent span:nth-of-type(2){
  width: 5.8rem;
}

.ykde5 .container{
  width: 11.4rem;
  height: auto;
  margin: .4rem auto 0;
}
.ykde5 .container .majorsItem{
  width: 11.4rem;
  height: 1rem;
  background: #FFFFFF;
  border: 2px solid #13406C;
  border-radius: .1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: .3rem;
  overflow: hidden;
  cursor: pointer;
}
.ykde5 .container .majorsItem:hover{
  box-shadow: 0 0.02rem 0.1rem rgb(0 0 0 / 40%);
  transition: all .2s;
}
.ykde5 .container .majorsItem .majorClass{
  width: 1.71rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  color: #fff;
  font-size: .34rem;
  font-weight: bold;
  border-top-left-radius: .1rem;
  border-bottom-left-radius: .1rem;
}
.ykde5 .container .majorsItem .majorClass.majorClass1{
  background: #13406C;
}
.ykde5 .container .majorsItem .majorClass.majorClass2{
  background: #15B863;
}
.ykde5 .container .majorsItem .majorLabel{
  width: 9.69rem;
  padding-left: .2rem;
  font-size: .35rem;
  color: #000000;
  line-height: 1rem;
  box-sizing: border-box;
}
.ykde5 .container .majorsItem .majorLabel span{
  padding-right: .25rem;
}
.ykde5 .container .majorsItem .majorLabel span:nth-last-of-type(1){
  padding-right: 0;
}
.ykde5 .ykde-btn .btn-more-a:hover{
  color: #fff;
  box-shadow: 0 .02rem .08rem  rgba(0, 0, 0, .8);
}





.ykde0{
  width: 100%;
  height: 15.6rem;
  background-image: url(../img/bg-pic4.jpg);
  background-position: 0 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-top: .6rem;
  box-sizing: border-box;
  position: relative;
  top: -.81rem;
}
.ykde0 .advantageBox .advantageContent span:nth-of-type(2){
  width: 5.7rem;
}
.ykde0 .advantageBox .advantageTitle{
  color: #fff;
}
.ykde0 .container{
  width: 11rem;
  height: auto;
  margin: .5rem auto 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.ykde0 .container .uniItem{
  width: 2.5rem;
  height: auto;
  cursor: pointer;
  text-align: center;
  margin-bottom: .3rem;
  margin-right: .1rem;
}
.ykde0 .container .uniItem:nth-of-type(4n){
  margin-right: 0;
}
.ykde0 .container .uniItem a{
  width: 2.5rem;
  height: auto;
  text-decoration: none;
  text-align: center;
}
.ykde0 .container .uniItem a .uni-icon{
  width: 1.72rem;
  height: 1.72rem;
  margin-bottom: .15rem;
}
.ykde0 .container .uniItem a .uniName{
  font-size: .28rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: .34rem;
}
.ykde0 .container .uniItem a:hover .uni-icon{
  box-shadow: 0 .02rem .08rem  rgba(255, 255, 0, .8);
  transition: all 0.2s;
}
.ykde0 .container .uniItem a:hover .uniName{
  color: #15B863;
  transition: all 0.2s;
}

.ykde4{
  width: 100%;
  height: 2.58rem;
  position: relative;
  padding: 0;
  background-image: url(../img/bg-pic3.jpg);
  background-position: 0 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: -.81rem;
}
.ykde4.bottom{
  width: 100%;
  height: 2.53rem;
  padding-top: .4rem;
  box-sizing: border-box;
  background-image: url(../img/bg-pic5.jpg);
  background-position: 0 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.ykde4.bottom .ykde-body{
  height: auto;
  padding: 0;
}
.ykde4.bottom .ykde-body:before,
.ykde4.bottom .ykde-body::after{
  display: none;
}
.ykde4 .ykde-head p{
  color: #fff;
}
.ykde4 .ykde-table{
  padding: .3rem 0 .07rem;
}
.ykde4.bottom .ykde-body{
  background: none;
}
.ykde4.bottom .ykde-table{
  padding: 0;
}
.ykde4.bottom .ykde-table .ykde-item .ykde-list{
  width: 32%;
}
.ykde4.bottom .ykde-btn {
  margin: 0 0 .2rem;
}
.ykde4.bottom .ykde-table .ykde-item .ykde-list .ykde-input{
  background-color: #13406C;
  color: #fff;
}
.ykde4.bottom .ykde-table .ykde-item .ykde-list .ykde-input::placeholder{
  color: #fff;
}
.ykde4.bottom .btn-more-a:hover{
  box-shadow: .005rem -0.005rem 0.1rem rgb(0 0 0 / 40%);
  transition: all .2s;
}




.ykde-copy{
  margin-top: .15rem;
  text-align: center;
  line-height: .2rem;
  padding: .1rem .2rem;
}
.ykde-copy,
.ykde-copy p,
.ykde-copy a{
  color: #999 !important;
  font-size: .12rem;
}
.ykde-copy a:hover{
  opacity: .8;
}
.ykde-copy img{
  width: .1rem;
}



.ykde4 .ykde-btn{
  margin-top: 0;
}