@charset "UTF-8";
/* CSS Document */


/*company*/
.companyImg {width:640px;}
.companyText{ width:490px; line-height: 28px;}
.companyText span{font-size:16px; font-weight: bold; color:#2189cb;}

/*development*/
.development{ background:url(../images/historyBg2.png) no-repeat center bottom; height:1000px; }
.development ul{width:950px; float:left; margin-left:135px; margin-top:20px;}
.developmentMain ul li{width:100%; float:left;line-height:32px; margin-top:44px;}
.developmentMain ul li:first-child{margin-top:0px!important;}
.developmentMain ul li .years{width:90px;font-size:30px; font-family: DIN; color:#333; font-weight: bold;}
.developmentMain ul li .years span{ font-size:14px; color:#999; margin-left:5px;}
.developmentMain ul li .info{margin-left:100px;}


/*team*/
.scroll {overflow: hidden;}
.team ul{ width:999999px; float:left; white-space: nowrap;}
.team ul li{width:370px; float:left; margin-right:30px;  display: inline-block;}
.team ul li .teamImg img{width:100%;}
.team ul li .teamText{line-height:60px; background: #f8f8f8; text-align: center;}
.roll-wrap{ position: relative; height:330px; width: 100%; overflow: hidden;}
.roll_row .roll_list::before, .roll_row .roll_list::after { content: "";display: table;line-height: 0;}
.roll_row .roll_list::after { clear: both;}
.roll_row .roll_list{ width: 9999px;}
.roll_row .roll_list li{ float: left; display: block;}


/*culture*/
.culture{ background:url(../images/cultureBg.png) no-repeat center bottom; height:580px; }
.culture .channelTitle h3,.culture .channelTitle h1{color:#fff!important;}
.culture ul{ width:900px; margin-left:135px;}
.culture ul li:nth-child(1n){ width:40%; float:left; margin-bottom:50px;}
.culture ul li:nth-child(2n){ width:40%; float:right; margin-bottom:50px;}


/*honor*/
.pre_banner_3d a{ text-decoration: none;  border:none;}
.pre_banner_3d{  margin:auto;  width:1200px; height:380px; position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.contrves{ width:100%;  height:auto; position:absolute;}
.banner_tree{ width:100%; height:380px; position:absolute; bottom:0; overflow: hidden;}
.color_font{background:#2189cb;color:#fff;width: 45px;height: 100px;font-size:24px;text-align: center;line-height: 100px;border-radius: 5px;font-weight: 700;position:absolute;top:0;bottom:0;margin:auto;z-index: 50;cursor: pointer;}
.left_btn{left:0; z-index: 20000!important;}
.right_btn{right:0; z-index: 20000!important;}
.show_s_ui{width:100%;height:100%;position:relative;}
.show_s_ui>li{width:300px;height:210px;position:absolute;top:0;bottom:0;margin:auto;cursor: pointer;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);opacity: 0;font-size:40px;}
.show_s_ui>li>div{ position: absolute; top:0; width:100%;height:100%; background:#fff; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity: 0.9; display:none;}
.show_s_ui>li>img{width:100%;height:100%;}
#middel_shows{width:535px;height:380px;left:27%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity:1; z-index: 1000!important;}
#left_shows{left:3%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;}
#right_shows{left:71%; opacity: 0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
#small_left,#small_right{ width:154px; height:249px; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
#small_left{left:-10%;}
#small_right{left:102.5%;}







/*contact*/
.contactTop{background: url("../images/contactBg1.png") no-repeat right; height:240px;}
.contactTop div{width:100%; float:left;font-size:16px; font-weight: bold; color:#2189cb; line-height: 40px; margin-bottom: 30px; margin-top:70px;}
.contactTop p{width:100%; float:left; line-height:30px; color:#666; }
.contactList ul{margin-top:60px; padding-top:60px; border-top:1px solid #ddd;}
.contactList ul, .contactList ul li div, .contactList ul li p{width:100%; float:left;}
.contactList ul .line{width:100%; float:left;  border-top:1px solid #ddd;}
.contactList ul li{width:45%; float:left; height:280px; margin-bottom:20px; margin-top:50px;}
.contactList ul li:nth-child(2n){width:45%; float:right;}
.contactList ul li div{font-size:16px; font-weight: bold; color:#2189cb; line-height: 40px; margin-bottom:10px;text-align: center;}
.contactList ul li p{line-height:30px; color:#666; text-align: left;}
.contactList ul .li1{background: url("../images/contactBg2.png") no-repeat bottom;}
.contactList ul .li2{background: url("../images/contactBg3.png") no-repeat bottom;}