/* CSS Document */
img{max-width:100%;}
.banner {
    width: 100%;
    position: relative;
    height: auto;
    z-index: 1;
    /* background-color: #FF7E00; */
}
.banner .btn {
    width: 24px;
    height: 40px;
    background-size: 100% auto;
    background-position: center;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.3s;
	

    position: absolute;
      top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;

	
	}
	#section1{margin-top:-5px;}
.banner .btn.prev {
    left: 100px;
    background-image: url(index_ban_prev.png);
}.banner .btn.next {
    right: 100px;
    background-image: url(index_ban_next.png);
}


.cplbhus{background:#e5e5e5; overflow:hidden; padding-top:55px; padding-bottom:100px; margin-top:-2px;}
.dia{max-width:1200px; margin:0 auto;  
border-radius: 20px;  }
	
	
.cplbhus ul li{margin-bottom:55px; margin-left:3.3333%;}
	
.cplbhus ul li:nth-of-type(3n){float:right; margin-right:0;}
.cplbhus ul li:nth-of-type(1){float:left; margin-left:0;}
.cplbhus ul li:nth-of-type(4){float:left; margin-left:0;}
.swiper-pagination-bullets{display:none;}
.bannerBox{max-height:100%; overflow:hidden;}
.dia a{display:block; overflow:hidden; position:relative;}	
.dia a img{  border-radius: 20px;}
.dia span {
    display: none;
    width: 100%;
    height: 99.4%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    display: none;
    border-radius: 20px;
}
.dia a:hover span{ display:block;}
.gz{background:url(gz.jpg) center top no-repeat;padding-top:5%; padding-bottom:7%; background-size:100%;     height: calc(100vw*900/2900);}


@media screen and (max-width:1050px) {
.gz{background:url(gz.jpg) center top no-repeat;padding-top:0%; padding-bottom:7%; background-size:100%;     height: calc(100vw*900/2900);}

}









.dymain{max-width:1000px; margin:0 auto; overflow:hidden; margin-bottom:50px;}
.dymain ul {max-width:800px; margin:0 auto; overflow:hidden;}
.dymain ul li{display:block; width:360px; margin-left: 20px; float:left; text-align:center;}
.dymain ul li img{text-align:center;}
.dymain h3{text-align:center; color:#ffffff; font-size:36px; padding-top:50px; padding-bottom:15%;}
.gzs{ max-width: 100%;
    margin: 0 auto;
    padding-top: 5%;
    padding: 5%;  text-align:center;}
.wz{max-width:800px; margin:0 auto; font-size:20px; line-height:1.7; padding-top:50px;}
.black{background:#000; padding-top:7%; padding-bottom:7%; color:#fff; overflow:hidden;}
.black ul{max-width:1200px; margin:0 auto; margin-top:20px;}
.black ul li{width: 28%;
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    border-right: 1px #f9f9f9 solid;
    margin: 20px 2.5%;}
.black ul li:last-child{border:none;}

.gywomain{max-width:1200px; margin:0 auto; overflow:hidden;}
.gywomain h1{text-align:center; font-size:30px; line-height:3; padding-top: 50px;}
.gywomain h3{text-align:center; font-size:18px; line-height:2; color:#868587; padding-bottom: 30px;}
.gywomain ul{max-width:1200px; margin:0 auto; overflow:hidden; margin-left: 15%; margin-bottom: 60px;}
.gywomain ul li{width:36%; margin:2%; float:left; overflow:hidden; background:#e5e5e5; text-align:center; padding:40px 0; border-radius:30px; min-height: 470px;}
.gywomain ul li img{display:block; margin:0 auto; padding-top: 80px; }
.gywomain ul li p {font-size:14px; width:80%; margin:0 auto; line-height:1.5; text-align:justify;}
.gywomain ul li p strong{display:block; text-align:center; font-size:30px; line-height:2;    padding-bottom: 20px;
    padding-top: 60px; }
.gywomain ul li:nth-of-type(5){min-height:470px;}
.gywomain ul li:nth-of-type(6){min-height:470px;}
.list_news {
max-width:1200px; margin:0 auto; overflow:hidden;
  overflow: hidden; padding:0px 0; padding-left:2%; padding-right:2%;
}
.list_news li {
  padding: 5% 0;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;  border-bottom:1px #868587 solid;
}
.list_news li .pic {
  display: block; max-width:245px;
  overflow: hidden;
}
.list_news li .pic img { max-width:100%;
  
  transition: all 0.3s;  border-radius:20px; 
}

.list_news li .box {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  padding: 0 0 0 20px;
}
.list_news li .box .bt {
  font-size: 20px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; color:#000000; height:30px; line-height:30px; font-weight:bold;
}
.list_news li .box p {
  display: block;
  overflow: hidden;
  line-height: 22px;
  height: 44px;
  color: #888;
  margin: 10px 0 10% 0; width:99%;
}
.list_news li .box .cs .iconfont {
  margin-left: 15px;
  margin-right: 5px;
}
.list_news li .box .cs .iconfont:first-child {
  margin-left: 0;
}
.list_news li .box .but {
  text-align: right;
  overflow: hidden;
  padding: 5px 0 0 0;
}
.list_news li .box .but a {
  display: inline-block;
  background: #999999;
  color: #fff;
  margin-left: 10px;
  line-height: 30px;
  padding: 0 20px;
}
.list_news li .box .but a:hover {
  opacity: 0.8;
}
.list_news li .box .but a:first-child {
  background: #114ea9;
}
.list_news li .box .cs em{display:block; float:left; 
    color: #868587;}
.list_news li .box .cs i{display:block; float:right; width:30px; color: #868587;}


.arcbody{ font-size:15px; line-height:1.5; max-width:1200px; margin:0 auto; padding:30px 0; padding-left: 10%;
    padding-right: 10%; padding-bottom: 100px;}
.arcbody h1{font-size:20px; text-align:center; line-height:3; font-weight:bold;}

.x-pc-nogic-swiper{height: calc(100vw*1137/4300); padding-left:4%; padding-right:4%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left:0!important; text-align:center!important; display:block;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 15px!important;
}

@media screen and (max-width:1920px) {
.x-pc-nogic-swiper{
    height: calc(100vw*1228/3500);}

}
@media screen and (max-width:1440px) {
.x-pc-nogic-swiper{
    height: calc(100vw*1218/2600);}
.dymain h3{padding-bottom:6%;}

}
@media screen and (max-width:1280px) {
.cp{padding-left:4%; padding-right:4%;}
.dia{padding-left:4%; padding-right:4%; }

}

@media screen and (max-width:1200px) {
.dymain h3{padding-top:20px;}

}
@media screen and (max-width:1000px) {
.dymain h3{padding-top:25px;}

}


@media screen and (max-width:480px) {
.ban{ margin-top:64px;}
.gywomain h1{font-size:24px;}
.gywomain h3{font-size:16px;}
.gywomain ul li{width:98%; float:none; margin:0 auto; margin-bottom:20px;}
.gywomain ul li img{width:40%;}
.gywomain ul li p{width:90%; font-size:14px;}
.wz{font-size:20px;}
.pt img{max-width:100%;}
.black ul li{width:98%; float:none; margin:0 auto;}
.black ul li h3{text-align:center;}
.black{overflow:hidden;}
.gzs img{max-width:100%;}
.gz{ background-size:auto;    background: url(gz.jpg) center center no-repeat; }
.dymain ul li{width:45%; margin:10px 2.5%;}
.dymain h3{font-size:24px;}
.gywomain ul{margin-left:0;}
.x-pc-nogic-swiper{    height: calc(100vw*1300/3300);}
#section2{padding-bottom:3%; padding-left:2%; padding-right:2%; width:auto;}
.list_news li .pic{width:100%; float:none;}
.list_news li .box{width:100%; float:none; padding:0;}
}
