@charset 'utf-8';

/*=====     公司简介     =======*/
.warp_ab{width: 100%;padding-top: 60px;background:url(../images/abbg.jpg) no-repeat center bottom;padding-bottom: 100px;}
.warp_ab .bbt{width: 1200px;margin: 0 auto;}
.warp_ab .bbt h2{text-align: center;font-size: 30px;line-height: 30px;font-weight: normal;color:#333;}
.warp_ab .bbt em{display: block;height: 1px;background: #888;width: 60px;margin: 10px auto;}
.warp_ab .bbt img{display: block; margin: 25px auto;}
.warp_ab .bbt p{font-size: 24px;text-align: center;line-height: 48px;color:#333;}
.warp_ab .abbox{width: 1120px;margin: 36px auto 0;background: #fff;padding: 40px;overflow: hidden;}
.warp_ab .abbox img{width: 48%;float: left;height: 320px;}
.warp_ab .abbox .text{width: 48%;float: right;height:320px; overflow-x: hidden; overflow-y:auto;padding-right: 10px;}
.warp_ab .abbox .text p{font-size: 14px;line-height: 28px;text-align:justify;}
.warp_ab .abbox .text::-webkit-scrollbar {width: 4px;height: 4px;}
.warp_ab .abbox .text::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.warp_ab .abbox .text::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}

.a2{width: 1200px; margin: 80px auto;overflow: hidden;}
.a2 ul{overflow: hidden;border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.a2 ul li{float: left;width: 25%;text-align: center;}
.a2 ul li img{}
.a2 ul li span{display: block;font-size: 18px;color: #333;font-weight: bold;line-height: 30px;}
.a2 ul li p{font-size: 14px;line-height: 30px;}
.a2 .btt{text-align: center;font-size: 26px;color: #333;margin-top: 55px;line-height: 30px;}

.a3{width: 100%;background: #f2f2f2 url(../images/a3.png) center repeat-x;padding: 100px 0;}
.a3 .a_3{cursor: -webkit-grab;}
.a3 .year{font-size: 30px;line-height: 30px;margin-bottom: 48px;}
.a3 .txt{font-size: 18px;margin-top: 25px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;}
.a3 .img{border:5px solid #e7e7e7;width: 338px;height: 200px;overflow: hidden;}
.a3 .img img{display: block;width: 100%;}

.a3 .container{cursor: -webkit-grab;}
.a3 .container ul{}
.a3 .container ul li{width: 33.333%;float:left;}
.a3 .container ul li .yuan,.a3 .container ul li .img,.a3 .container ul li .move,{opacity: 0;-webkit-transition: all .3s; -moz-transition: all .3s ;transition: all .3s;}
.a3 .container .sbox{text-align: center;}
.a3 .container .next{top:33%;right:34px;position: absolute;}
.a3 .container .prev{top:33%;left: 0;position: absolute;}




.a3 .move{margin: 20px auto 0;}
.box {width: 1200px;margin: 0 auto;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;position: relative;}
.a4{width: 1200px; margin: 80px auto;}
.a4 img{width: 100%;}


/*=====     企业文化     =======*/
.wenhua{width: 100%;overflow: hidden;padding-top:60px; background: #efefef;padding-bottom: 120px;}
.wenhua .ul1{width: 1200px;margin: 0 auto;overflow: hidden;}
.wenhua .ul1 .pic{float:left;width: 50%;}
.wenhua .ul1 .pic img{display: block; width: 100%;}
.wenhua .ul1 .text{float:right;width: 50%;background:#fff;height: 360px;}
.wenhua .ul1 .text .tt{font-size: 20px;line-height: 30px;margin: 60px 45px 0 80px;}
.wenhua .ul1 .text .td{margin: 0px 45px 0 80px;font-size: 16px;line-height: 26px;}
.wenhua .ul1 .text .tc{margin: 10px 45px 0 80px;font-size: 14px;line-height: 24px;text-align: justify;}

.wenhua .ul2{width: 1200px;margin: 0 auto;overflow: hidden;}
.wenhua .ul2 .pic{float:right;width: 50%;}
.wenhua .ul2 .pic img{width: 100%;display: block;}
.wenhua .ul2 .text{float:left;width: 50%;background:#fff;height: 360px;}
.wenhua .ul2 .text .tt{font-size: 20px;line-height: 30px;margin: 60px 45px 0 80px;}
.wenhua .ul2 .text .td{margin: 0px 45px 0 80px;font-size: 16px;line-height: 26px;}
.wenhua .ul2 .text .tc{margin: 10px 45px 0 80px;font-size: 14px;line-height: 24px;text-align: justify;}

.wenhua .ul3{width: 100%;margin: 0 auto;overflow: hidden;}
.wenhua .ul3 .pic{float:left;width: 50%;height: 357px; background:url(../images/wh3.png) no-repeat right top;background-size: auto 100%;}
.wenhua .ul3 .text{float:right;width: 50%;background:#0b5f94;height: 357px;}
.wenhua .ul3 .text .tt{font-size: 20px;line-height: 30px;margin: 60px 45px 0 80px;color:#fff;}
.wenhua .ul3 .text .td{margin: 36px 45px 0 80px;font-size: 16px;line-height: 26px;color:#fff;}
.wenhua .ul3 .text .tc{margin: 30px 45px 0 80px;font-size: 14px;line-height: 24px;text-align: justify;color:#fff;}

.cu3{padding: 100px 0;background: #ececec;}
.cu3 .box {width: 1200px;margin: 0 auto;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;position: relative;}
.cu3 dl{position: relative;}
.cu3 dl dt{position: absolute;width: 340px;height: 340px;left: 50%;margin-left: -170px;top: 50%;margin-top: -170px;}
.cu3 dl dt.act{transform: rotate(-360deg);-webkit-transform: rotate(-360deg);-webkit-transition: all 1.5s; -moz-transition: all 1.5s ;transition: all 1.5s;}
.cu3 dl dd{width: 597px;float: left;height: 300px;margin-right: 6px;margin-bottom: 6px;background: #005ca2;opacity: 0;}
.cu3 dl dd:nth-child(2),.cu3 dl dd:nth-child(4){margin-right: 0;}
.cu3 dl dd div,.cu3 dl dd span{color: #fff;}
.cu3 dl dd div{padding-left: 70px;width: 366px;}
.cu3 dl dd .dtt{padding-top: 80px;font-size: 20px;line-height: 20px;}
.cu3 dl dd .dtt span{display: inline-block;font-size: 16px;margin-left: 20px;}
.cu3 dl dd .dct{margin-top: 20px;}
.cu3 dl dd:nth-child(2){background: #1f171a;}
.cu3 dl dd:nth-child(2) div{padding-left: 190px;width: 355px;}
.cu3 dl dd:nth-child(3){background: #0093DD;}
.cu3 dl dd:nth-child(3) div{width: 430px;}
.cu3 dl dd:nth-child(4){background: #b6b6b4;}
.cu3 dl dd:nth-child(4) div{padding-left: 190px;width: 325px;}
.clearfix:after {content: " ";display: block;height: 0;clear: both;visibility: hidden;}

@media screen and (min-width: 780px) and (max-width: 1199px) {
	.warp_ab .bbt{width: 1000px;}
	.warp_ab .bbt p{font-size: 20px;}
	.warp_ab .abbox{width:1000px; padding: 20px; }
	.a2{width: 1000px;}
	.a3{padding:60px 0;}
	.box{width: 1000px;}
	.a3 .year{font-size: 24px;margin-bottom: 20px;}
	.a3 .txt{font-size:16px; height: 46px;margin-top:0;}
	.a3 .a_3 .next_a3{background: none;}
	.a3 .a_3 .next_a3 img{width: 40px;}
	.a3 .a_3 .prev_a3{background: none;}
	.a3 .a_3 .prev_a3 img{width: 40px;}
	.a4{width: 1000px;margin: 60px auto 80px;}
}
@media screen and (min-width: 300px) and (max-width: 779px) {
	.warp_ab{padding-top: 30px;background: none;padding-bottom: 20px;}
	.warp_ab .bbt{width: 100%;}
	.warp_ab .bbt h2{font-size: 1.4em;line-height: 1.6em;}
	.warp_ab .bbt em{margin: 5px auto;}
	.warp_ab .bbt img{width: 90%;margin: 10px auto;}
	.warp_ab .bbt p{font-size: 1.2em;line-height: 1.4em;margin: 0 5%;}
	.warp_ab .abbox{width: 96%;padding: 2%;}
	.warp_ab .abbox img{width: 100%;float: none;}
	.warp_ab .abbox .text{width: 100%;float: none;height: auto;padding: 0;}
	.a2{width: 100%;margin: 20px auto;}
	.a2 ul li{width: 50%;}
	.a2 .btt{font-size: 1em; margin-top: 20px;}
	.box{width: 100%;}
	.a3{padding: 25px 0;}
	.a3 .year{font-size: 2em;margin-bottom: 20px;}
	.a4{width: 100%;margin: 25px auto;}
	

}