/*body{font-size: 1.6rem;}*/
.banner{
  margin-top: 128px;
}
.banner img{
  width: 100%;
}

.mk1{
  width: 100%;
  height: 372px;
  background: url(../images/ysds/mk1_bj2.png) 100% no-repeat;
  background-size: 100% 100%;
  margin:0 auto;
  margin-top: -35px;
  margin-bottom: 35px;
  display: block;
  overflow: hidden;
}
.mk1 .xcon{
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;
}
.mk1 .xcon li{
  width: 17%;
  margin-right: 10.6%;
}
.mk1 .xcon li .bt{
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 2.8px; 
  text-align: center;
  margin-top: 35px;
}
.mk1 .xcon li .des{
  width: 85%;
  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 26px;
  margin:0 auto;
  margin-top: 35px;
  text-align:justify;
  text-align-last: center;
  display: inline-block;
}


.mk2 {
  width: 100%;
  /*height:610px;*/
  height: auto;
  background-color: #e8e8e8;
  text-align: center;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.mk2 .xcon{
  height: 100%;
  margin: 0px auto;
  margin-top: 50px;
}
.mk2 .xcon li{
  width: 31.8%;
  /*height: 430px;*/
  height: 90%;
  background-color: #fff;
  text-align: center;
  margin:0 auto;
  margin-right: 2.28%;
  margin-bottom: 42px;
  box-shadow: 3px 5px 5px #c1c1c1;
}
.mk2 .xcon li img{
  width: 97.5%;
  /*height: 284px;*/
  margin:0 auto;
  padding-top: 1.34%;
}
.mk2 .xcon .xm{
  font-size: 2rem;
  font-weight: bold;
  margin-top: 40px;
}
.mk2 .xcon .dx{
  font-size: 1.8rem;
  letter-spacing: 4px;
  margin-top: 15px;
  margin-bottom: 35px;
}

.mk3 {
  width: 100%;
  height:auto;
  background-color: #fff;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.mk3 .xcon{
  width: 100%;
  margin:0 auto;
  margin-top: 60px;
}
.mk3 .xcon li{
  width: 48.8%;
  height: 200px;
  border: 1px solid #023580;
  text-align: left;
  float:left;
  margin-bottom: 30px;
  display:inline-block;
}
.mk3 .xcon .jg{
  margin-right: 2%;
}
.mk3 .xcon li .c_lt{
  width: 52%;
  padding-left: 5%;
  float: left;
}
.mk3 .xcon li .c_lt .bt{
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 4px;
  padding-top: 30px;
  margin-bottom: 38px;
}
.mk3 .xcon li .c_lt .des{
  font-size: 1.5rem;
  line-height: 30px;
  letter-spacing: 1px;
}
.mk3 .xcon li .c_rt{
  width: 43%;
  float: right;
}
.mk3 .xcon li .c_rt img{
  /*height: 184px;*/
}
.mk3 .xcon li .sxj{
  padding-top: 10px;
  padding-bottom: 10px;
}

.mk4 {
  width: 100%;
  height:auto;
  background-color: #e8e8e8;
  text-align: center;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.mk4 .xcon{
  width: 100%;
  height: 528px;
  background: url(../images/ysds/mk4_bj2.png) 100% no-repeat;
  background-size: 100% 100%;  
  margin: 0 auto;
  margin-bottom:65px;
}
/*.mk4 .jsm{margin-top: 58px;}*/
.mk4 .xcon li{
  width: 23%;
  text-align: center;
  padding-left: 1%;
  padding-right: 1%;
}
/*.mk4 .xcon .pic{
  width:310px;
  height:310px;
  border:1px solid #fff;
  background-color:#fff;
  border-radius:50%; 
  box-shadow: 3px 5px 5px #c1c1c1;
}*/

.mk4 .xcon .tp {
  width: 82.5%;
  height: 0;
  background-color: #fff;
  box-shadow: 3px 5px 5px #c1c1c1;
  border-radius: 50%;
  margin: 0 auto;
  padding-top: 82.5%;
  position: relative;
}
.mk4 .xcon .tp img {
  width: 96.6%;
  height: 96.6%;
  border-radius: 50%;
  margin: 0 auto;
  top: 1.7%;
  left: 1.7%;
  position: absolute;
}
/*.mk4 .xcon .tp{
  width: 312px;
  height: 312px;
  background-color: #fff;
  box-shadow: 3px 5px 5px #c1c1c1;
  border-radius:50%; 
  margin:0 auto;
}
.mk4 .xcon .tp img{
  width: 96.2%;
  height: 96.2%;
  border-radius: 50%;
  margin: 0 auto;
  padding-top: 6px;
}*/
.mk4 .xcon .xm{
  font-size: 2rem;
  font-weight: bold;
  margin-top: 18px;
  margin-bottom: 16px;
}
.mk4 .xcon .sc{
  font-size: 1.7rem;
  letter-spacing: 5px;
  margin-bottom: 20px;
}
.mk4 .xcon .zx{
  width: 42%;
  height: 35px;
  line-height: 35px;
  font-size: 1.55rem;
  letter-spacing: 3px;
  border: 1px solid #023580;
  border-radius: 20px;
  margin: 0 auto;
}
.mk4 .xcon .zx:hover {
  background: #023580;
  color: #fff;
  cursor: pointer;
}


.mk5 {
  width: 100%;
  height:auto;
  text-align: center;
  margin: 0 auto;
  margin-top: 42px;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.mk5 .xcon{
  width: 100%;
  height: auto;
  margin:0 auto;
  margin-top: 60px;
}
.mk5 .xcon li{
  width: 100%;
  height: 242px;
  margin:0 auto;
  margin-bottom: 33px;
  /*overflow: hidden;*/
}
.mk5 .xcon li .nr_lt{
  width: 74.2%;
  height: 99.5%;
  /*border: 1px solid #f9f9f9;*/
  box-shadow: 3px 4px 7px #c1c1c1;
  text-align: left;
  margin-right: 2%;
  overflow: hidden;
}
.mk5 .xcon li .nr_lt .nb_l{
  width: 4.3%;
  padding-left: 3%;
  padding-top: 3%;
}
.mk5 .xcon li .nr_lt .nb_y{
  width: 85.4%;
  letter-spacing: 1px;
  padding-right: 7.3%;
  padding-top: 3.5%;
}

.mk5 .xcon li .nr_lt .nb_y .bt{
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.mk5 .xcon li .nr_lt .nb_y .des{
  font-size: 1.4rem;
  line-height: 30px;
  margin-bottom: 40px;
}
.mk5 .xcon li .nr_lt .nb_y .xtb{
  width: 100%;
  height: 16px;
  line-height: 16px;
  font-size: 1rem;
}
.mk5 .xcon li .nr_lt .nb_y .xtb .dx{
  width: 16px;
  height: 15px;
  background: url(../images/ysds/mk5_dx0.png) 100% no-repeat;
  background-size: 100% 100%;  
  margin: 0 auto;
  margin-right: 5px;
}
.mk5 .xcon li .nr_lt .nb_y .xtb .dx:hover{
  background: url(../images/ysds/mk5_dx1.png) 100% no-repeat;
  background-size: 100% 100%;  
  cursor: pointer;
}
.mk5 .xcon li .nr_lt .nb_y .xtb .dz{
  width: 16px;
  height: 100%;
  background: url(../images/ysds/mk5_dz0.png) 100% no-repeat;
  background-size: 100% 100%;  
  margin: 0 auto;
  margin-right: 5px;
}
.mk5 .xcon li .nr_lt .nb_y .xtb .dz:hover{
  background: url(../images/ysds/mk5_dz1.png) 100% no-repeat;
  background-size: 100% 100%;  
  cursor: pointer;
}
.mk5 .xcon li .nr_lt .nb_y .xtb .fx{
  width: 16px;
  height: 100%;
  background: url(../images/ysds/mk5_fx0.png) 100% no-repeat;
  background-size: 100% 100%;  
  margin: 0 auto;
  margin-right: 5px;
}
.mk5 .xcon li .nr_lt .nb_y .xtb .fx:hover{
  background: url(../images/ysds/mk5_fx1.png) 100% no-repeat;
  background-size: 100% 100%;  
  cursor: pointer;
}
.mk5 .xcon li .nr_lt .nb_y .xtb .jyc{
  margin-right: 30px;
}

.mk5 .xcon li .nr_rt{
  width: 23.6%;
}
.mk5 .xcon li .nr_rt img{
  /*height: 242px;*/
  height: 100%;
}




.cmod0 {
  margin: 0 auto;
  padding-top: 50px;
}

/*S板块标题*/
.htwz_zx {
  width: 100%;
}
.htwz_zx .xnr {
  font-size: 2.7rem;
  font-weight: 700;
  letter-spacing: 2px;
  height: 35px;
  line-height: 40px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.htwz_zx .xnr .dtzs {
  color:#000;
  text-align: center;
  margin: 0 auto;
}
.swz0 {
  background: linear-gradient(to bottom,white 0%,white 50%,#ffcf66 50.01%,#ffcf66 100%);
}

.swz1 {
  background: linear-gradient(to bottom,#f2f2f2 0%,#f2f2f2 60%,#ffcf66 40.01%,#ffcf66 100%);
}
.swz2 {
    background: linear-gradient(to bottom,#0d408b 0%,#0d408b 60%,rgba(255,255,255,0.5) 40.01%,rgba(255,255,255,0.5) 100%);
}
.swz3 {
  background: linear-gradient(to bottom,#f6f6f6 0%,#f6f6f6 60%,#ffcf66 40.01%,#ffcf66 100%);
}
.swz4 {
  background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,#023580 40.01%,#023580 100%);
}
.swz5 {
  background: linear-gradient(to bottom,#f6f6f6 0%,#f6f6f6 50%,#ffcf66 50.01%,#ffcf66 100%);
}
.swz6 {
  background: linear-gradient(to bottom,#e8e8e8 0%,#e8e8e8 50%,#ffcf66 50.01%,#ffcf66 100%);
}
/*E板块标题*/
.tm{
  transition: all 0.2s;
}
.fd:hover{
  box-shadow: 0 2px 2px 0 white;
  transform: translate(0,-3px);
}
.fd2:hover{
  box-shadow: 0 2px 2px 0 #EBEBEB;
  transform: translate(0,-3px);
}

.zw2{width: 1625px;max-width:1625px;}

/*@media (min-width: 0px) and (max-width: 1539px)*/
@media (min-width: 0px) and (max-width: 1590px)
{
  /*html{font-size: 9px;}
  body{font-size: 1.6rem;}*/
  .zw{width: 1200px;max-width: 1200px;}
  .zw2{width: 1200px;max-width: 1200px;}
  
}
@media (min-width: 1540px) and (max-width: 1590px)
{
  .zw{width: 1400px;max-width: 1400px;}
  .zw2{width: 1200px;max-width: 1200px;}
}



@media (min-width: 0px) and (max-width: 1399px)
{


}

/*@media (min-width: 1400px) and (max-width: 1539px)
{
  
  .zw {width: 1400px;}
}
*/
@media (min-width: 1540px)
{
 
}
@media (min-width: 0px) and (max-width: 1790px)
{
  
}