h4{ font-size:40px; line-height:1.5; display: block; width: 100%; font-weight: 400; margin-bottom: 25px; }
.banner-about{ background: #000000; width: 100%; height: 400px; position: relative; z-index: 1; top:80px; }
.banner-about img{ display: block; width: 1200px; height: 400px; position: absolute; left: 50%; top:50%; margin-left: -600px; margin-top: -180px; }
.banner-about span{ width: 100%; display: block; margin-top: 200px}
.banner-about h4,.banner-about h5{ font-size: 72px; color: #fff;  text-align:left;}
.banner-about h5{ font-size: 60px;}
.banner-about p{ font-size: 24px; color: #FFF;  text-align:left;}

.banner-about2{ background: #000000; width: 100%; height: 400px; position: relative; z-index: 1;top:80px; overflow: hidden;}
.banner-about2 img{ display: block; width: 1200px; height: 400px; position: absolute; left: 50%; top:50%; margin-left: -600px; margin-top: -200px; }
.banner-about2:hover img{ transform:scale(1.3,1.3);  transition:all 6s ;}    
.banner-about2 span{ width: 100%; display: block; margin-top: 150px; position: relative; }
.banner-about2 h4,.banner-about2 h5{ font-size: 48px; color: #fff;  text-align:center;}
.banner-about2 h5{ font-size: 48px;}
.banner-about2 p{ font-size: 24px; color: #FFF;  text-align:center;}


.bannerbg{ background: url(../img/yanjiu04.jpg); background-repeat: no-repeat;  background-position: center center; background-size: cover;}

.about01{ padding: 60px 0px; overflow: hidden;position: relative; clear: both; margin-top: 60px;}
.about01 h3{ font-size:40px; line-height:1.5; display: block; width: 100%; font-weight: 400; margin-bottom: 25px; }
.jianjie{ width: 100%;    position: relative; }
.jianjie span{ position: relative ; padding: 30px;  display: block; left: 0; top:0; width: 70%;  background-color: #f2f2f2; }
.jianjie p{ display: block;   margin-bottom: 20px; line-height: 2; font-size: 15px; width: 80%; }
.jianjie img{ position: absolute; right: 20px; display: block; width: 37%; top:60px;z-index: 6;}
.jianjie label{position: absolute; display: block; height: 200px; right: 0; display: block; width: 30%; top:110px; background-color: #f4f4f4;}
.about01 small{ color: #999; font-size: 16px; display: block; width: 100%; margin-bottom: 25px;}


#zhongxinjj{ overflow: hidden; margin-top: 130px; margin-bottom: 60px;}
#zhongxinjj span{ display: block; float: left; width: 40%;}
#zhongxinjj h3{ font-size:40px; line-height:1.5; display: block; width: 100%; font-weight: 400; margin-bottom: 25px; margin-top: 120px; }
#zhongxinjj p{display: block; width: 80%;   margin-bottom: 20px; line-height: 2; font-size: 15px; margin: 50px 0; }

#zhongxinjj .res01{ display: block; width: 60%; float:right;}
.zhuli{ width: 100%; margin: 80px auto; border-top:1px solid #aaa; clear: both; overflow: hidden;}
.zhuli img{ width: 80%; margin: 0 auto; display: block;}

#rongyu{  }
.comp{ display: block; width: 100%; display: flex; justify-content: space-between; margin-top: 30px; margin-bottom: 30px;}
.comp li{ width: 31%;}
.comp img{ width:100%; height: auto; }

.swiper-box2{ width:86%; margin: 0 auto; overflow: hidden;  position: relative; }
.swiper-box2 .swiper-slide{ width:25%; padding: 0px 5%;}
.swiper-slide img{ width: 100%;}
.rescon{ position: relative;height:800px; }
.resimg02{ display: block; position: absolute; right: 50px; top:340px; z-index: -1; width: 500px;  }
.rescon strong{ margin-top: 20px; display: block;}


.vision{width: 100%; background-color: #14808D; background-image: url(../img/about_wh.jpg) ; background-position: 100% 100%; }
.vision ul{display: flex;}
.vision>ul>li{ width:33% ; color: #FFFFFF;  position: relative;  border-radius: 9px; }
.vision ul img{ width: 100%;  display: block; z-index: 1; opacity: 0.6; }
.vision label{ position: absolute; z-index: 3;}
.vision ul h5{ font-size: 24px;  line-height: 2.2; font-style: normal; font-weight: 400; }
.vision ul p{  line-height: 1.7;  font-size: 16px;}
.vision>ul>li:hover img{ opacity: 1;}


.ditu0{ width: 100%; clear: both; overflow: hidden; }
.ditu{ float: left; width: 55%; position: relative; height: 700px;  overflow: hidden;}
.ditu > img{ position: absolute; width: 450px; right: 80px; top:140px}

.ditu_span{ display: block; float: left; width: 45%; padding-top:150px }
.ditu_span h4{ font-size: 24px; margin-bottom: 30px; font-weight: 400;}
.ditu_span label{ display: block;margin-top: 10px; clear: both; overflow: hidden;}
.ditu_span p{ display:block; float: left; font-size: 16px; line-height: 1.6; width: 75%; text-align: left;}
.ditu_span>img{ width: 150px; height: 150px; display: block; margin: 50px 0;}
.ditu_span label img{ width: 24px; height: 24px; display: block; float: left; margin-right: 10px; }


#zjtd{ width: 100%; }
.zjtd-top{ width: 100%; height: 150px; }
.zjtd-bottom{ width: 100%; position: relative; background:url(../img/resc_bg.jpg); background-size: 100% 100%;  }
.zhuanjia{ position: relative; width: 100%;}
.zhuanjia1{ position: absolute; top:0; right: 20px; width: 50%;  background-color: #0f4dff;  color: #fff;  box-shadow: 0px 0px 5px #666;  z-index: 999;  border-radius: 9px;  padding: 20px; display: flex; align-items:center;}

.zhuanjia1:hover{box-shadow: 0px 0px 10px #0f7aff;  }
.zhuanjia1 img{width: 150px; height: 150px; display: block; margin: 50px; }
.zhuanjia1 strong{ display: block;  font-size: 28px; font-style: normal; font-weight: 400; }
.zhuanjia1 span{ font-size: 17px; color: #fff; margin-bottom: 20px; display: block;   }
.zhuanjia1 label, .zhuanjia1 li{ font-size: 16px; display: block; line-height: 2;  }


.zhuanjia2{ position: relative; display: flex; padding-top: 150px; justify-content:space-between; }
.zhuanjia2 img{  width: 150px; height: 150px; display: block; margin: 20px auto;}
.zhuanjia2>div{ margin: 80px 20px;    border-radius: 9px; padding:20px ; box-shadow: 0px 0px 8px #bbb; background-color: #fff;  width: 33%; color: #333; }
.zhuanjia2>div:hover{box-shadow: 0px 0px 10px #0f7aff; }
.zhuanjia2 strong{ display: block;  font-size: 28px; font-style: normal; font-weight: 400; }
.zhuanjia2 span{ font-size: 17px; display: block; width: 100%; text-align: center;  margin-bottom: 20px; color: #888; }
.zhuanjia2 label, .zhuanjia2 li{ font-size: 16px; display: block; line-height: 2; }


.zhuanjia2 strong{ text-align: center; }




.zj-box{ width: 300px;} 

.about01 ul li{ line-height: 2; font-size: 16px;}
.about01 strong{ font-size: 24px; line-height: 2;}
 
@media (max-width: 768px){
.about01{ padding: 0px 0px 40px; margin-top:0px;}
.about01 span{ width: 100%; float: none; }
.comp{float: none; width: 100%; display: block;}
.comp li{ width: 100%;}
.swiper-box2{margin-top: 40px; width: 100%;}	
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ display: none;}
.swiper-box2 .swiper-slide{ width: 30%; padding: 0px 2%;}
.vision3 ul{ width: 90%;}	
.ditu{float: none; width: 100%; height: auto; margin-top: 60px;}
.ditu_span{ float: none; width: 90%; padding-top: 50px; margin: 10px auto;}
.ditu > img{ width: 90%;  display: block; margin: 0px auto; top:0; position: static;}
.liuyan ul {display: block;}
.liuyan ul li{width:100%;}
.zhuanjia>div{float: none; width: 100%;} 
.vision ul{ display: block;}
.vision>ul>li{ width: 100%; opacity: 1;}
.vision ul img{ opacity: 1;}
.rescon{ position: relative; height: 950px; margin-top: 80px;}
.resimg02{ display: block; position: static; width: 100%;}
.banner-about2, .banner-about{ top: 60px;}
.banner-about2 h4{ font-size: 40px;}
.jianjie img{ position: static; width: 100%; margin-bottom: 60px;}
.jianjie label{ position: static; width: 0; height: 0;}
#zhongxinjj .res01{ width: 60%; position:absolute; right: 0%; z-index: -1; overflow: hidden;}
#zhongxinjj span{ width: 100%;}
#zhongxinjj p{width: auto;}
.zhuli img{width: 120%; margin-left: -10%;}
.zhuli{ margin: 60px auto;}
.zjtd-top{ height: auto; margin-bottom: 25px;}
.zhuanjia1{ position: static; width: auto; display: block;}
.zhuanjia1 img{ margin: 20px auto;}
.zhuanjia1 strong{ text-align: center;}
.zhuanjia1 span{text-align: center;}
.zhuanjia2{ display: block; margin-top: 40px; padding-top: 40px;}
.zhuanjia2>div{ width: auto; margin: 20px auto;}
}