

.culture_main{width: 100%; background-color: #f5fbff; padding: 50px 0;}
.culture{width: 1280px; margin: 0 auto;}
.culture_title{width: 100%; height: auto; padding: 20px 0; text-align: center; overflow: hidden;}
.culture_title h4{font-size: 36px;color: #222;}
.culture_title h5{font-size: 16px;color: #555;padding-top: 10px;}

.culture_title2{width: 100%; height: auto; padding: 20px 0; text-align: center; overflow: hidden;}
.culture_title2 h4{font-size: 36px;color: #fff;}
.culture_title2 h5{font-size: 16px;color: #fff;padding-top: 10px;}

.culture_center{width: 100%;height:auto;padding: 20px 0;}
.culture_center li{width: 30.333%;float: left;margin-left: 1.5%;margin-right: 1.5%;text-align: center; }
.culture_center li h4{width: 100%;height:auto;transition: all .4s;}
.culture_center li h4 img{border: 0;vertical-align: middle;max-width: 100%;}
.culture_center li h5{font-size: 22px;color: #148ed3;text-align: center; padding: 10px 0; }
.culture_center li p{font-size: 14px;color: #777;text-align: center; padding: 5px 0;}

.culture_center li:hover h4{transform: translateY(-10px);}

.gsjg_main{width: 100%; background-color: #f5fbff; padding: 50px 0;}
.gsjg{width: 1280px; margin: 0 auto;}
.gsjg_img{width: 100%;height:auto; padding: 30px 0;}
.gsjg_img img{max-width: 100%; height: auto;}

.honor_main{width: 100%; background:url('../images/about/about_bg1.jpg') no-repeat; padding: 50px 0 0 0;}
.honor{width: 1280px; margin: 0 auto;}

.honor_center{width: 100%;overflow: hidden;padding: 20px 0 0 0;}
.honor_center_top{ width: 100%; }
.honor_center_top{ max-width: 1058px; overflow: hidden;height: 360px;  margin: 0 auto; /*background-color: #fff;*/}
.honor_center_top ul li{  width: 100%;  overflow: hidden;  height: 360px;  padding: 0px 0; position: relative;}
.honor_center_top ul li .honor_center_top_img {width: 50%;float: left;height:360px;}
.honor_center_top ul li .honor_center_top_img img{height:auto;object-fit: cover; width: 100%}
.honor_center_top ul li .honor_center_top_text{float: left; background:url('../images/about/about_06.png') no-repeat;
background-size: 100%; width: 50%;overflow: hidden;height:360px;text-align: center;padding: 35px;}
.honor_center_top ul li .honor_center_top_text h4{width: 100%;height: auto;text-align: center;}
.honor_center_top ul li .honor_center_top_text h4 img{max-width: 100%;vertical-align: middle;}
.honor_center_top ul li .honor_center_top_text h5{font-size: 24px;color:#222;line-height: 50px;}
.honor_center_top ul li .honor_center_top_text h5 b{width: 40px;height: 2px;background: #d3b779;margin: 0 auto; display:block;}
.honor_center_top ul li .honor_center_top_text p{font-size: 16px;line-height: 30px;padding: 20px 10px 0 10px;} 

.honor_center_bottom{ margin-top: 40px;}

.honor_center_bottom .prev,.honor_center_bottom .next{ display: block; width: 25px; height: 48px; /*background-color: #f4f4f4;*/ border: 0px solid #dcdcdc; text-align: center; cursor: pointer; margin-top: 25px;}
.honor_center_bottom .prev i,.honor_center_bottom .next i{width: 13px;height: 20px;background-repeat: no-repeat;display: inline-block;margin-top: 15px;}

.honor_center_bottom .prev i{background-image: url('../images/about/quan_left.png');}
.honor_center_bottom .prev:hover{background-color: rgba(0, 0, 0, .8);}
.honor_center_bottom .prev:hover i{}

.honor_center_bottom .next i{background-image: url('../images/about/quan_right.png');}
.honor_center_bottom .next:hover{background-color: rgba(0, 0, 0, .8);}


.honor_center_bottom .prev{  float: left;margin-top: 50px;}
.honor_center_bottom .next{ float: right;margin-top: 50px;}

.honor_center_bottom_list{width: 1058px; height: 165px; overflow: hidden; float: left; margin-left: 86px;}
.honor_center_bottom_list ul li{ width: 88px; float: left; height: 164px;margin-right: 30px;margin-left: 30px;font-size: 16px; padding-top: 78px;
 background:url('../images/about/quan.png') bottom no-repeat;color:#fff;
  text-align: center; cursor: pointer;}
.honor_center_bottom_list ul li.on{ background:url('../images/about/quan_on.png') bottom no-repeat;color:#fff; background-size:100%;padding-top: 35px;
font-size: 18px; }

/*发展历程*/
.host_main{width: 100%;padding: 50px 0 0 0;background:url('../images/about/about_bg2.jpg') no-repeat;}
.host{width: 1280px;margin: 0 auto;}
.fzlc{width: 100%;padding: 20px 0;overflow: hidden;}
.fzlc_left{width: 25px;height: 50px;float: left;text-align: center;position: relative;margin-top: 90px; cursor: pointer;}
.fzlc_left i{width: 13px;height: 20px;background:url('../images/about/quan_left.png')  no-repeat;position: absolute; top:15px;left:0px;}
.fzlc_center{width: 1056px;margin-left: 87px;height: 237px;background:url('../images/about/about_bg3.png') top #fff no-repeat;float: left;}
.fzlc_center_text{width:778px;height: 237px;float: left; padding: 40px;}
.fzlc_center_text h4{font-size: 26px;color: #222;padding-left: 35px;position: relative;}
.fzlc_center_text h4 i{background:url('../images/about/about_09.png')  no-repeat;position: absolute;left:0px;width: 25px;height: 23px;top: 5px;}

.fzlc_center_text h5{font-size: 16px;color: #666;position: relative;margin-top: 10px;line-height: 30px; padding-bottom: 20px;}
.fzlc_center_text h5 i{background: #000;position: absolute;left:0px;width: 35px;height: 2px;bottom: 0px;}

.fzlc_center_img{width: 278px;height: 237px;float: left;}
.fzlc_center_img img{width: 100%;}
.fzlc_right{width: 25px;height: 50px;float: right;text-align: center;position: relative;margin-top: 90px; cursor: pointer;}
.fzlc_right i{width: 13px;height: 20px;background:url('../images/about/quan_right.png')  no-repeat;position: absolute; top:15px;right:0px;}


.shan_main{width: 100%;height: 450px;background:url('../images/about/about_shan.png') top center  no-repeat;}
.shan{width: 1200px;margin:0 auto;position: relative;}
.shan_dian1{position: absolute;left: 63px;top: 342px;width: 80px;height:50px;text-align: center; cursor: pointer;user-select:none;}
.shan_dian1 h6{font-size: 18px;font-family: "Arial";text-align: center;color: #a0d6ff;}
.shan_dian1 i{width: 13px;height: 21px;position: absolute;bottom: 0;background:url('../images/about/about_11.png')  no-repeat;left: 33px}

.shan_dian1:nth-child(2){left: 183px;top: 263px;}
.shan_dian1:nth-child(3){left: 335px;top: 268px;}
.shan_dian1:nth-child(4){left: 435px;top: 198px;}
.shan_dian1:nth-child(5){left: 539px;top: 218px;}
.shan_dian1:nth-child(6){left: 673px;top: 135px;}
.shan_dian1:nth-child(7){left: 805px;top: 145px;}
.shan_dian1:nth-child(8){left: 915px;top: 65px;}
.shan_dian1:nth-child(9){left: 1063px;top: 22px;}

.fzlc_center.onfalse{display: none;}
.shan_dian1.ontrue{height:80px;margin-top: -20px;}
.shan_dian1.ontrue h6{color: #f3c63d;font-size: 22px;font-weight: bold;}
/* .shan_dian1.ontrue i{width: 40px;height: 40px;position: absolute;bottom: 0;background:url('../images/about/about_12.png')  no-repeat;
left: 20px;background-size:100%; } */

.shan_dian1.ontrue i{
    position:absolute;
width:40px;
height:40px;
margin:0 auto;
bottom: 10px;
left: 19px;
cursor:pointer;
/*	background-image:-webkit-gradient(linear,left top,left bottom,from(#f3c63d),to(#d6b74f));*/
background:url('../images/about/about_12.png') bottom no-repeat;
background-size:100%;
line-height:40px;
border:0px solid #2b92d4;
border-radius:100%;overflow:hidden;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-name:breathe;
-webkit-animation-duration:1500ms;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
}



@-webkit-keyframes breathe {
0% {
opacity:.2;
/*box-shadow:0 1px 2px rgba(243,198,61,0.1);*/
}
100% {
opacity:1;
border:0px solid rgba(59,235,235,1);
/*box-shadow:0 1px 30px rgba(243,198,61,1);*/
}
}





/* -------------------------PC端--------------------------- */

@media all and (max-width:1340px) {

.culture{width: 94%;}
.gsjg{width: 94%;}
.honor{width: 94%;}
.honor_center_bottom_list{margin-left: 0px; width: 900px}
.honor_center_bottom_list ul li{margin-left: 20px;margin-right: 20px;}

.host{width:96%;}
.fzlc_center{margin-left: 20px;}
}

@media all and (max-width:1280px) {
.host{width:360px;}
.fzlc_center{width: 310px; height: auto; margin-left: 0px;}
.fzlc_center_text{width: 100%;}
.fzlc_center_img{width: 100%;}
.fzlc_center_text h4{font-size: 22px;}
.fzlc_center_text h5{font-size: 12px;line-height: 22px; padding-bottom: 20px;}
.fzlc_center_img img{object-fit: cover; height: auto;}
.fzlc_left{margin-top: 200px;}
.fzlc_right{margin-top: 200px;}

.shan_main{width: 100%;height: auto;background: none;overflow: hidden;}
.shan{width: 100%;height: auto;margin-top: 10px;}
.shan_dian1{float: left; left: 0px;top:0px;width:31.33%;height:50px;text-align: center;position: relative;margin-left: 1%;margin-right: 1%;
	background-color: #f5fbff;margin-bottom: 10px;}
.shan_dian1 h6{font-size: 14px;font-family: "Arial";text-align: center;color: #666;line-height: 50px;}
.shan_dian1 i{background:none;}

.shan_dian1:nth-child(2){left: 0px;top: 0px;}
.shan_dian1:nth-child(3){left: 0px;top: 0px;}
.shan_dian1:nth-child(4){left: 0px;top: 0px;}
.shan_dian1:nth-child(5){left: 0px;top: 0px;}
.shan_dian1:nth-child(6){left: 0px;top: 0px;}
.shan_dian1:nth-child(7){left: 0px;top: 0px;}
.shan_dian1:nth-child(8){left: 0px;top: 0px;}
.shan_dian1:nth-child(9){left: 0px;top: 0px;}

.shan_dian1.ontrue{height:50px;margin-top: 0px; background-color: #f3c63d;}
.shan_dian1.ontrue h6{color: #fff;font-size: 14px;font-weight: normal;}
.shan_dian1.ontrue i{display: none}


}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
.culture_title{padding: 15px; }
.culture_title h4{font-size: 24px;}
.culture_title h5{font-size: 14px;}
.culture_title2{padding: 15px; }
.culture_title2 h4{font-size: 24px;}
.culture_title2 h5{font-size: 14px;}

.culture_center li{width: 100%;margin-bottom: 3%;}
.gsjg_img{padding: 20px 0;}


/*荣誉奖项*/
.honor{width: 350px;}
.honor_center_top{width: 100%;height: 500px;}
.honor_center_top ul li{height: auto;}
.honor_center_top ul li .honor_center_top_img{width: 100%;height: auto;}
.honor_center_top ul li .honor_center_top_text{width: 100%; padding: 15px;height: auto;background-size:cover;}
.honor_center_top ul li .honor_center_top_text h5{font-size: 20px;color:#222;line-height: 50px;}
.honor_center_top ul li .honor_center_top_text p{font-size: 14px;line-height: 30px;padding: 15px 5px 0 5px;} 

.honor_center_bottom .prev{ margin-top: 0px;}
.honor_center_bottom .next{ margin-top: 0px;}

.honor_center_bottom_list{width: 300px; height: 50px; overflow: hidden; float: left; margin-left: 0px;}
.honor_center_bottom_list ul li{ width: 30px; float: left; height: 50px;margin-right: 10px;margin-left: 10px;font-size: 12px; 
 background:none;color:#fff;text-align: center; cursor: pointer; opacity: 0.6;padding-top: 0px;line-height: 50px;}
.honor_center_bottom_list ul li.on{ background:none;color:#fff;opacity: 1;font-size: 12px;padding-top: 0px; }



}





