@charset "utf-8";

body{ min-width:1200px;}
/*chengyuhan*/
.title_box{ height:102px; line-height: 102px; text-align: center; background:url(../img/title-bg.png) no-repeat center center; font-size:40px; color:#fff;}

.auto{ width:1200px; margin:0 auto; height:100%; position:relative;}

.auto h2{padding-top:60px; text-align: center;}
.auto i{ position:absolute; width:60px; height:25px; background:url(../img/sanjiao.png) no-repeat 0 0; left:50%; top:100%; margin-left:-30px; z-index:5;}

.about_top{ height:726px; width:100%; background:url(../img/top-bg.png) no-repeat center center;}
.about_top .auto{ background:url(../img/about-us-text_03.png) no-repeat center center;}

.introduce{ height:917px; width:100%; background:url(../img/a-second-bg_02.png) no-repeat center center;}
.introduce::after{}
.introduce_text{ height:532px;display:table;padding-top: 100px;}
.introduce_text div{ display:table-cell;}
.introduce_text p{ font-size:18px; color:#b9cee8; margin:0 34px; line-height: 44px; text-indent: 2em;} 
.introduce_text1{padding-bottom: 19px;}


.culture{ height:792px; width:100%; background:url(../img/a-third-bg.png) no-repeat center center; }
.culture_con{ width:1126px; margin:104px 28px 0; color:#fff; text-align: center;}
.culture_con li{ float:left; width:220px; transition:all .6s ease; transform:translateY(300px); opacity:0;}
.culture_con div{ transform:translateY(50px); opacity:0;  -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
.culture_con h3{ font-size:24px; font-weight:bold; line-height:48px; margin:20px 0 8px;}
.culture_con p{ font-size:18px; line-height:18px;}

.team{ height:730px; width:100%; background:url(../img/forth-about-bg.png) no-repeat center center; }



.history{ height:1208px; width:100%; background:url(../img/task.png) no-repeat center center; }
.history .auto{ position:relative;}
.history .auto div{font-size: 15px;line-height: 30px;color: #b9cee8;position: absolute;text-align:justify;}
.history .y2012{width: 203px;height: 110px;top: 139px;left: 249px;padding: 20px 23px 0;border-radius: 13px;}  
.history .y2013{width: 296px;height: 193px;top: 139px;left: 547px;padding: 15px 21px 0 29px;border-radius: 13px;}  
.history .y2014{width: 260px;height: 193px;top: 509px;left: 190px;padding: 19px 23px 0 27px;border-radius: 20px} 
.history .y2015{width: 231px;height: 132px;top: 553px;left: 555px;padding: 14px 24px 0 31px; border-radius: 20px} 
.history .y2016{width: 261px;height: 180px;top: 506px;left: 887px;padding: 14px 24px 0 27px;border-radius: 20px}
.history .y2017{width: 290px;height: 215px;top: 844px;left: 755px;border-radius: 20px;}

.usstyle{ height:975px; width:100%; padding-top:5px; position:relative; overflow:hidden;}
.allimg{ position:absolute; left:50%; top:5px; margin-left:-960px; width:1920px; height:975px;}
.allimg div{ float:left;}
.allimg img{ width:100%; height:100%; -webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;}
.allimg img:hover{ width:130%; height:130%; margin-left:-15%; margin-top:-15%;}
.leftfive{ width:890px;}
.wrapimg{ border-left:5px solid #fff; border-bottom:5px solid #fff; overflow:hidden;}
.middlethree{ width:315px;}
.rightsix{ width:720px; margin-right:-5px;}