body,html{ overflow-x:hidden;  font-family:"Microsoft YaHei","微软雅黑"; font-size:12px; margin:0px; padding:0px; letter-spacing:1px; color:#333;}
ul,li{margin:0px; padding:0px; list-style:none;}
body{ overflow:hidden;}
ul,li,dir,h4,h3,h2,p{ margin:0px; padding:0px;}
a{ text-decoration:none;color:#333;transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
a:hover{text-decoration:none;transition: all 0.3s linear; color:#0187d0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}

img{border:none;}
.clear{clear:both;}
::-webkit-scrollbar-track-piece{width:10px;background-color:#000;}
::-webkit-scrollbar{width:8px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:#0187d0;}
::-webkit-scrollbar-thumb:hover{background:#0187d0;}

::selection {
background:#0187d0;
color: #fff;
}





/** header **/
.navbg{width:100%; height:115px; background:#fff; z-index:99999999;
position:fixed;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
background:#fff;
position:fixed;
_position:absolute;
top:0px;
_top:expression(eval(document.documentElement.scrollTop));
_bottom:auto;left:0px;
}
.navtop{float:right; height:40px; margin-top:10px;}
.navul{float:left;}
.navul ul{margin-top:6px;}
.navul ul li{float:left; width:100px; height:40px; line-height:40px; text-align:center;}
.navul ul li span{margin-right:8px; font-family:Arial, Helvetica, sans-serif;}
.navul ul li a{color:#777777;}
.navul ul li a:hover{color:#0187d0}


.navsearch{float:left;width:150px; margin-top:10px;}
.navk{width:150px; height:30px; line-height:30px; border:1px solid #ccc;}
.navk input{float:left; width:120px; height:30px; line-height:30px; outline:none; padding:0px 10px; font-size:12px; color:#777777; border:none; background:none;}
.search{float:right; width:25px; height:30px;}
.search i{font-size:18px; color:#777777; height:30px; line-height:30px; text-align:center;}
.navbg{ }
.navmain{width:100%; height:60px; line-height:60px;}
.navlogo{float:left; width:12%; margin-top:-15px;}
.navmenu{float:right; width:70%;}

.current a{/*width:100%; border-bottom:2px solid #0187d0; padding-bottom:12px;*/ /*color:#0187d0 !important;*/}

.navmenu ul{position:relative;}
.navmenu ul li{float:left; width:16.6%; height:30px; line-height:30px; color:#333; margin-top:15px; font-size:16px; text-align:center;}
.navmenu ul li a{color:#333; position:relative;}
.navmenu ul li a:hover{color:#0187d0;}
.nav_a_i{
	position:absolute;width:100%; height:2px; background:#0187d0; left:0px;bottom:-34px;transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear; 
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.navmenu ul li a:hover .nav_a_i{
	bottom:-12px;transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
filter:alpha(opacity=100); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}

/*.navmenu ul li a:after{ 
}

/*.navmenu ul .current a:after{ position:absolute; content:"";width:100%; height:2px; background:#0187d0; left:0px;bottom:-12px;transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
*/
/*.navmenu ul li a:hover:after{bottom:-12px;transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}*/

.navmenu ul li.current a{color:#0187d0;}
.navmenu ul li.current a:after{bottom:-12px;transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}




.navwen{width:10%; float:left; font-size:24px; color:#0187d0; text-align:right;}
/** header **/



.indbox{width:100%;}
.indbox .indexbg2{/*padding:0px 30px; background:url(../images/subtle_dots.png);*/}


/** banner **/
.bannerbox{margin-top:115px; position:relative;}
.bannerbox h2{padding:50px 0px;}
.banner{background:url(../images/banner3.jpg) no-repeat;background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;}
.banner2{background:url(../images/banner.jpg) no-repeat; background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;}
.banner3{background:url(../images/banner1.jpg) no-repeat; background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;}


.three .banneritem{ right:10% !important; left:inherit; }
.banneritem{width:450px; position:absolute; top:14%; left:10%; z-index:99;}
.bannwen{color:#fff; padding:30px 40px 0 40px; background:rgba(1,135,208,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B20187d0,endColorstr=#B20187d0); margin-bottom:1px;}
.bannwen h4{line-height:32px; font-size:24px; padding-bottom:10px;}
.bannwen p{font-size:12px; line-height:24px; height:165px; overflow:hidden;}

.bannmore{display:block; width:100%; height:50px; line-height:50px; font-size:15px; background:rgba(1,135,208,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B20187d0,endColorstr=#B20187d0); padding-left:30px;
color:#fff;}
.bannmore i{float:right; padding-right:10px; line-height:50px; color:#fff;}
.bannmore:hover{color:#fff;}



.lineb2{width:100%; height:22px;padding:50px 0px 0px 0px;}
.linel2{width:40%; float:left;}
.lined2{width:20%; float:left;}
.liner2{width:40%; float:right;}

.car{ position:relative;}
.proright{ position:absolute; z-index:99999; left:63%; top:15%;}

/** banner **/


/***    index_culture***/



.index_culture{ padding:80px 0;  background:#f1f1f1; }
.index_culture .news_title {
    text-align: center;}
	
.index_culture .news_title h3 {
    font-size: 3.4em;
    text-transform: capitalize;
    color: #0187d0 ;
    padding-bottom: 10px;
    position: relative;}
	
.index_culture .news_title h3:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 30px;
    height: 3px;
    background: #0187d0 ;
    content: "";
    margin-left: -15px;}
	
.index_culture_top p{color:#666; font-size:14px; text-align:center; line-height:24px; margin-top:25px; margin-bottom:35px;}

.index_culture_con{padding:45px 0;}
.index_culture_con .row{width:90%; margin:0 auto;}
.index_culture1 img{margin:0 auto 20px auto; display:block;}
.index_culture1 h3{ font-size:16px; margin-bottom:20px; line-height:30px; text-align:center; color:#0187d0;}
.index_culture1 p{font-size:14px; line-height:24px; text-align:center; height:24px; overflow:hidden; text-align:center;}

/** sec **/
.index1{padding-top:80px; margin-bottom:80px;}
.index1 h2{font-size:34px; margin-bottom:5px;}
.index1_wen{color:#0187d0;}



.index1_item{border:1px solid #666; margin-top:30px;}
.index1_fonts{padding:20px 20px 60px 20px;}
.index1_fonts h4{font-size:16px; line-height:32px; font-weight:bold;width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index1_fonts p{font-size:14px; line-height:22px; height:90px; overflow:hidden;}

.index1_more{margin-top:10px; color:#0187d0; font-size:14px; display:block;}
.index_culture1{ left:300px; border-right:1px #EAE5E5 solid;   position:relative; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.index_culture4{ border:none;}

/*.line{margin-top:45px;}*/
/** sec **/


/** sec2 **/
.index2{ padding-bottom:80px;}
.index2 h4{font-size:26px; margin-bottom:30px;transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}

.index2_main{}
.index2_item{border:1px solid #e5e5e5;}
.index2_item:hover{ background:#fafafa;}
.index2_img{width:50%; float:left; position:relative;}
.index2bg{ position:absolute; top:0px; left:0px; width:100%; height:100%;background-color: rgba(0, 0, 0, .7); color:#fff; padding:20px; line-height:24px; font-size:14px;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}

.index2_item:hover .index2bg{filter:alpha(opacity=100); -moz-opacity:0; -khtml-opacity:0; opacity:0;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}

.index2bg p{ position:relative; padding-bottom:10px; margin-top:60px;}
.index2bg p:after{position:absolute;  bottom:0px; left:0%; width:20px; height:2px; background:#fff; content:"";}

.index2_wen{width:50%; float:left; padding:15px 15px 0px 20px;}
.index2_wen h4{font-size:16px; margin-bottom:0px; line-height:32px; font-weight:bold; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; padding-bottom:15px;}
.index2_wen h4:after{position:absolute; bottom:0px; left:0px; width:32px; height:2px; background-color:#0187d0; content:"";}

.index2_wen p{line-height:22px; font-size:12px; height:90px; overflow:hidden; color:#666; margin-top:30px;}
.index2_more{margin-top:10px; color:#0187d0; font-size:12px; display:block;}
.index2_item .index2_more{ display:block; margin-top:30px;}
.index2_item a i{ margin-left:8px;}
.index2_item:hover .index2_more{ margin-left:10px;}
 
.index2_item:hover .index2_wen h4 a{ color:#0187d0;}


.index2_item:hover .index2_wen h4{ margin-left:-10px;transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}

/** sec2 **/





/** sec3 **/
.index3{ background:#f2f2f2; padding-top:80px; overflow:hidden;}
.index3 h4{font-size:26px; margin-bottom:40px; margin-left:15px; position:relative;}

.index3 h4:after {
    position: absolute;
    bottom: -15px;
    left: 15px;
    width: 50px;
    height: 3px;
    background: #333 ;
    content: "";
    margin-left: -15px;}

.index3_item p{font-size:18px; line-height:32px; margin-bottom:3px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.index3_img{position:relative;}
.index3_bg{position:absolute; bottom:0; left:0; width:100%; height:35px; background:rgba(1,135,208,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B20187d0,endColorstr=#B20187d0); }
.index3_more{display:block; color:#fff; float:right; padding-right:10px; font-size:14px; line-height:35px;}
.index3_more:hover{color:#fff;}
.index3_more i{margin-left:15px;}

.lineb{width:100%; height:22px;padding:50px 15px 0px 15px;}
.linel{width:40%; float:left;}
.lined{width:20%; float:left;}
.liner{width:40%; float:right;}


.sec3text{ padding:20px; background:#fafafa;}
.sec3bt{ font-size:16px; color:#0187d0; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}

.secwz{ color:#666; margin-top:10px; height:32px; overflow:hidden;}

.sec3text a{ margin-top:20px; color:#0187d0; display:block;}
.sec3text a i{ margin-left:8px;}
.sec3item:hover .sec3text a{ margin-left:10px;}
.sec3warp .row{ margin-left:0px; margin-right:0px;}

.sec3item:hover .sec3bt{ margin-left:-10px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}
.sec3item:hover{-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}

.sec3item{transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}

.sec3item:hover img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}

.sec3item img{transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}

.sec3img{ overflow:hidden;}

.sec3bt i{ margin-right:8px; font-size:14px;}

.index3 .index3bg{ padding-bottom:80px;}

/** sec3 **/







.brand_box{ margin-top:40px; position:relative}
.brand_jieshao{ height:auto; }
.brand_jieshao_top{ 
 overflow:hidden;
position:relative;
background:#0187d0;
height:100%; 
padding:20px; 
font-size:15px; 
line-height:24px; 
color:#fff; 
letter-spacing:1px;
}

.anniu {
	cursor:pointer;
	position:absolute; 
	left:5%; 
	bottom:20px; 
	 background:#2171bd; 
	 width:90%; 
	 height:35px; 
	 line-height:35px; 
	 padding-left:20px;	 

	
}

.anniu a{
	font-size:12px; 
	color:#fff; 	
	 transition:All 0.4s ease-in-out;    
-webkit-transition:All 0.4s ease-in-out;    
-moz-transition:All 0.4s ease-in-out;   
 -o-transition:All 0.4s ease-in-out;
	}
	
.anniu:hover a{
	transform:translate(10px,0);    
-webkit-transform:translate(10px,0);    
-moz-transform:translate(10px,0);   
-o-transform:translate(10px,0);    
-ms-transform:translate(10px,0);
}

.anniu_bz{ 
border-left:1px #ddd solid; width:10px; padding-left:10px; padding-right:10px; height:15px; line-height:15px;
 position:absolute; right:10px; top:10px;
	}

.brand_jieshao_bot{ overflow:hidden;/*height:352px;*/ vertical-align:middle; font-size:15px; line-height:24px;}
.xiaolanmu{ margin-top:39px;}
.xiaolanmu ul{ padding-left:20px;}
.xiaolanmu ul li{ 
float:left; 
text-align:left; 
width:260px; 
background:url(../images/anniutb.png) no-repeat left center;
height:40px; 
line-height:40px; 
padding-left:40px;
}
.xiaolanmu ul li a{ font-size:15px; color:#555555; letter-spacing:1px;height:40px; line-height:40px; }
.xiaolanmu ul li a:hover{ text-decoration:none; color:#25346a;}
.brandhover{transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}

.brandhover:hover{ margin-left:-10px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;

}


.brandimg{ position:relative; cursor:pointer;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}

.brandwarp{ position:absolute; top:0px; left:0px; width:100%; height:100%; color:#fff;}
.brandbt{ font-size:26px; position:relative; padding-bottom:20px; color:#fff; margin-bottom:30px;}
.brandwz{ margin-top:20px; line-height:24px; width:400px; font-size:15px; padding-right:10px;}
.brandcenter{margin-left:60px; margin-top:25px;}
.brandcenter a{ color:#fff; margin-top:30px; display:block;}
.brandcenter a:hover{ margin-left:10px;}
.brandbt:after{position:absolute;  bottom:0px; left:0%; width:50px; height:2px; background:#fff; content:"";}
.branditem { text-align:center; 
  }
.branditem p{ font-size:14px; margin-top:20px;}
.branditem a{ color:#fff;}
.branditem a img:hover{ transform:scale(1.1);   
-webkit-transform:scale(1.1);   
-moz-transform:scale(1.1);    
-o-transform:scale(1.1);   
 -ms-transform:scale(1.1);}
 
 .branditem a img:hover{   transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;}
 
.branditem.big img{ width:100%;}
.branditem2 img{ width:80%; margin:0 auto;}


.brandjstop:hover{ background:#0187d0;}
.brandjsbot:hover{background:url(../images/jiangbei.png) no-repeat 200px 20px #25346b !important;}
.brandjstop:hover .anniu{ background:#00a0e9;}

/*.brandimg:hover{ margin-top:-10px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}*/
/*brand结束*/

.brandbt2{color:#0187d0; margin-left:15px; position:relative; margin-bottom:50px;}
.brandbt2:after{    position: absolute;
    bottom: 0px;
    left: 0%;
    width: 50px;
    height: 2px;
    background: #0187d0;
    content: "";}



/** footer **/
.foot_c{ 
	margin-top:30px;
}
.confoot{
	background:#fafafa;
	border-top:1px solid #EEE;
	padding-bottom:50px;
}
.footlist{ 
	margin:0 auto;
	margin-top:20px;
	overflow:hidden;
	
}
.footlist > li{ 
	float:left;
	line-height:24px;
	color:#333;
	font-size:14px; border-right:1px solid #e5e5e5;
	background-repeat:no-repeat;
	background-position:0px center;
	padding-left:15px; width:20%; padding-left:8%;
}

.footlist > li.last{ border:none;}

.footlist li ul{ 
	padding-top:10px;
	overflow:hidden;
}
.footlist li ul li{ 
	line-height:20px;
	background-image:none;
	padding-left:0px;
}
.footlist li ul li a{ 
	color:#999;
	font-size:12px;
}
.footlist li ul li a:hover{ 
	color:#0187d0;
}
.foot_bottom{ 
	background:#F1F1F1;
	overflow:hidden;
}
.conbottom{ 
	margin:0 auto;
	height:100px;
}
.logoimg{ 
	float:left;
	margin-top:40px;
}
.banquan{ 
	float:left;
	margin-left:30px;
}
.sm{
	margin-top:40px;
}
.sm a{ 
	color:#666;
}
.unohacha_logo{ 
	float:right;
	margin-top:40px;
}
.bq{ 
	margin-top:10px;
	padding-left: 15px;
}
.logoimg{ /*margin-left:-50px;*/}
.confoot .row{ margin-left:-100px;}

/** footer **/


/******调整*****/
.brand_che img{ width:70%; height:auto; display:block; margin:10px auto; }


/***********/
.sec2_box .col-lg-6{padding-left:0px; padding-right:0px;}
.sec2_left{padding:80px 0px 80px 0px; background-color:#25346b; }
.sec2_img img{transition:all .4s linear; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -ms-transition:all .4s linear; -o-transition:all .4s linear; position:relative; }
.sec2_left:hover .sec2_img img{margin-left:10px;}
.sec2_left:hover .sec2_fonts{margin-left:20px;}

.sec2_img{width:35%; float:left;}
.sec2_wen{width:50%; float:left; padding-left:30px;}
.sec2_title{}
.sec2_icon{font-size:24px; color:#fff; float:left;}
.sec2_fonts{background:url(../images/icon01.png) no-repeat left top; padding-left:40px; margin-bottom:20px;
transition:all .4s linear; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -ms-transition:all .4s linear; -o-transition:all .4s linear; position:relative; }

.sec2_fonts a{color:#fff;}
.sec2_fonts h4{font-size:18px; line-height:24px; margin-bottom:5px; margin-top:5px; width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sec2_fonts p{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sec2_wenzi{width:100%; height:92px; overflow:hidden;}
.sec2_wenzi p{line-height:24px; color:#fff;}

.sec2_right{padding:80px 0px 80px 0px; background-color:#0187d0;}
.sec2_right:hover .sec2_img img{margin-left:10px;}
.sec2_right:hover .sec2_fonts{margin-left:20px;}
/***********/

/*************/
.probox{padding:20px; margin-bottom:0px; margin-top:0px; padding-top:40px; padding-bottom:40px;}
.proleft{padding:20% 0 10% 30%;}
.word{font-size:34px; margin-bottom:50px; color:#0187d0;}
.word2{ position:relative;color:#333;}
.wordspan{ position:absolute;font-size:28px; top:-20px; left:20px; margin-left:20px; width:280px;}
.word3{font-size:28px; margin-left:30px; margin-top:43px; z-index:1; width:280px;color:#333;}
/*.word3:after{content:""; position:absolute; bottom:14px; left:-12px; width:100px; height:24px; background-color:#0187d0; z-index:-1;}*/
.word4{position:relative;width:300px; margin-left:85px; margin-top:30px; padding-bottom:150px;}
.word4 p{ font-size:18px; line-height:30px;}
.wordline{position:absolute; width:2px; height:100px; background-color:#000; top:0; left:0; margin-top:75px; margin-left:34%;} 

.proright{}

.proright_pic{}
.proright_pic img{ display:block; width:70%;}

.infos {
    position: absolute;
    top: 160px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.infos .info {
    
    position: absolute;
    width: 40px;
    height: 40px;
}

.info-1 {
    margin: -260px 0 0 -586px;
}
.info-2 {
    margin: -90px 0 0 -480px;
}
.info-3 {
      margin: -106px 0 0 62px;
}
.info-4 {
    margin: 19px 0 0 102px;
}


.button {
    position: absolute;
    top: 70px;
    left: -245%;
    width: 40px;
    height: 40px;
    background: #323f48;
    border: 2px solid #dbd9d6;
    cursor: pointer;
    z-index: 5;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all .2s ease,width .2s ease,height .2s ease;
    -o-transition: all .2s ease,width .2s ease,height .2s ease;
    -webkit-transition: all .2s ease,width .2s ease,height .2s ease;
    transition: all .2s ease,width .2s ease,height .2s ease;
}
.is-opened.button {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.button:hover{
	margin: -5px 0 0 -5px;
    width: 50px;
    height: 50px;
}
.button:before {
    margin: -7px 0 0 -1px;
    width: 2px;
    height: 14px;
	position: absolute;
    top: 50%;
    left: 50%;
    background: #dbd9d6;
    content: '';
}
.button:after {
    margin: -1px 0 0 -7px;
    width: 14px;
    height: 2px;
	position: absolute;
    top: 50%;
    left: 50%;
    background: #dbd9d6;
    content: '';
}
.content {
    display:none;
    margin-left: -320px;
    position: absolute;
    top: 25px;
    left: 50%;
    width: 270px;
    background: #323f48;
    color: #dbd9d6;
    font-size: 11px;
}
.content-inner {
    padding: 85px 45px 50px;
    position: relative;
    background: #323f48;
    z-index: 2;
}
.info-title {
    position: absolute;
    top: 40px;
    left: 45px; display:inherit;
	font-size:21px; padding-bottom:10px;
}
.info-title:after{position:absolute;  bottom:0px; left:0%; width:12px; height:2px; content:"";}
.background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #231f20;
    z-index: 1;
}
.content .content-line {
    position: absolute;
    bottom: -15px;
    left: 50%;
    width: 1px;
    height: 40px;
    background: #dbd9d6;
    z-index: 3;
}
.line {
	position: absolute;
    top:98px;
    left:-200%;
    width: 1px;
    height: 119px;
    background: #dbd9d6;
    z-index: 1;
}
.info .content-text {
   filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;opacity:0; 
	
}
/****************/ 


/****************/
.brand_bg{
	background: #0288d1;	
	/*background:url(../images/brangbg.jpg) no-repeat;*/
	 width:100%; height:100%; position:absolute; top:0px; left:0px; background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; z-index:999;}

.brand_box2{}
.brand2_main{ margin-left:25px; padding-top:30px;}
.brand2_item ul{}
.brand2_item ul li{}

.brand2_item p{}
.brand2_item ul li a{color:#fff; font-size:14px; display:block; text-align:center; line-height:24px;}
.brand2_item2{margin-top:30px;}
.brand2_item2 ul li{width:33.33%; float:left; margin-left:12%; border:1px solid #4460c8; padding-bottom:30px;  
-webkit-border-radius:4px; -moz-border-radius: 4px;border-radius: 4px;-khtml-border-radius:4px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
}

.brand2_item2 ul li:hover{ margin-left:-10px;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}

.brand2_item2 p{ margin-top:10px;}
.brand2_item2 ul li a{color:#fff; font-size:14px; display:block; text-align:center; line-height:24px;}

.brand_main{position:relative; margin-right:300px;}

.brand_wenzi{ margin-bottom:20px; overflow:hidden;}

/*****************/




.sec2bg{ background:url(/other/ban2.jpg) no-repeat center center;height:430px; background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
}
.sec2warp{ width:500px; float:right; padding-top:4%; color:#fff; margin-right:15%;}
.sec2wen{font-size:26px; margin-bottom:30px; position:relative; padding-bottom:20px;}
.sec2wen:after{position:absolute; bottom:0px; left:0px; content:""; background-color:#fff; width:50px; height:2px;}

.sec2wen02{font-size:14px; line-height:24px;}
.sec2more{color:#fff; font-size:14px; display:block; margin-top:20px; position:relative; transition:all .4s linear;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-o-transition:all .4s linear;
}




.sec2more:hover{margin-left:10px; color:#0187d0;}
.sec2more i{margin-left:8px;}
.sec2more{display:block; width:100px; height:40px; line-height:40px; background:#fff; color:#0187d0; text-align:center;}



/******调整********/












/** 特效 **/
.newstop{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;top:200px;}
.index2left{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;left:-200px;}
.index2right{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;right:-200px;}
.sec2_left{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;left:-200px;}
.sec2_right{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;right:-200px;}
.brandtop{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;top:200px; margin-bottom:40px;}
.word{position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; left:-200px;}
.word2{position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; left:-200px;}
.word3{position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; left:-200px;}
.sec2wen{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;right:-200px;}
.sec2wen02{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;right:-200px;}
.sec2moreleft{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; position:relative;right:-200px;}

/** 特效 **/



.divimg p a:hover{ color:#0187d0 !important; margin-right:10px !important;}
.divimg p a{ position:relative}
.divimg p a:after{ position:absolute;top:5px; left:-28px; width:14px; height:14px; border:2px solid #0187d0; content:"";
-webkit-border-radius:7px; -moz-border-radius: 7px;border-radius: 7px;-khtml-border-radius:7px;}
.divimg p a:before{ position:absolute; top:10px;left:-14px; width:0%; height:3px; background:#0187d0; content:"";
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}

.divimg p a:hover:before{ width:120%;
transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}






/***  nav  **/
.navigation-up .navigation-v3{float:right;position:relative; width:790px;}
.navigation-up .navigation-v3 ul{float:left;}
.navigation-up .navigation-v3  li{float:left;color:#fff; width:100px; text-align:center; height:88px; line-height:88px;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0;width:100px;}
.navigation-up .navigation-v3 li h2 a{ width:100px;color:#000;display:inline-block; font-size:14px; font-weight:bold;}
.navigation-down{position:absolute;top:111px; left:0px;width:100%; z-index:9999;}
.navigation-down .nav-down-menu{ width:100%;margin:0;position:absolute;top:0px; left:0px;}
.navigation-down-inner{margin:auto;width:100%;position:relative; height:auto;background:rgba(255,255,255,0.8);padding-top:20px;  border-bottom:3px solid #0187d0; z-index:999;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff,endColorstr=#CCffffff);
}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.index_banner_{
 background:url(../images/banner2_4.jpg) center center no-repeat; width:100%; background-size:cover;
 -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
}

.menu_xlnr {
	width: 960px;
	height: 220px;
	margin:0 auto;
	margin-top:20px;
}
/***********menu_dhleft**********/
.menu_dhleft {
	width: 288px;
	float: left;
}
#menu_ulab {
	height: auto;
}
#menu_ulab li {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dotted #7ccef4;
	font-size: 12px;
	padding-left: 15px;
	letter-spacing: 2px;
}
#menu_ulab li a {
	display: block;
	color: #333; font-size:13px;
	
}
#menu_ulab li a:hover {
	text-decoration: none;
	color: #004098;
}
/***********menu_dhleft**********/
/***********menu_dhright**********/
.menu_dhright {
	width: 620px;
	height: 181px;
	float: right;
}
.menu_abdiv1 {
	width: 290px;
	height: 181px;
	float: left;
}
.menu_abdiv2 {
	width: 290px;
	height: 181px;
	float: right;
}
.menu_tp {
	width: 290px;
	height: 130px;
	overflow: hidden;
	border:2px solid #7ccef4;
}
.menu_tp img {
	-webkit-transform: scaleX(1) scaleY(1);
transition: all 3s;
-webkit-transition: all 3s;
}
.menu_tp img:hover {
	transform:scaleX(1.1) scaleY(1.1);
	-webkit-transform:scaleX(1.1) scaleY(1.1);
}
.menu_tpmz {
	height: 25px;
	line-height: 25px;
	margin-top: 10px;
	font-size: 14px;
}
.menu_tpmz a {
	color: #333;
}
.menu_tpmz a:hover {
	color: #7ccef4;
}
.mneu_tpwz {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	margin-top:5px;}
.sbj{margin-top:30px}
.branditembk{    overflow: hidden;
 
}
.brand2box{ padding:3% ;}
.branditem ul li{overflow:hidden}
.branditem ul li img:hover{ transform:scale(1.1);   
-webkit-transform:scale(1.1);   
-moz-transform:scale(1.1);    
-o-transform:scale(1.1);   
 -ms-transform:scale(1.1);}
 
.branditem ul li img:hover{ text-align:center; 
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;}
 
 .branditembk img{ display:block}
/*nav*/



	@media (max-width: 1440px) {
.brand2box .col-lg-8 ,.brand2box .col-lg-4{ padding-left:10px; padding-right:10px;}
.sbj{margin-top:20px;}
.brand2_main{ padding-top:20px;}
	.brand2box { padding-top: 2.5%;}



	}
@media (max-width: 1770px) and (min-width:1440px){
	
	.info-1 {margin: -119px 0 0 -495px;}
	.branditem img{width:90%;}
	.proright{ top:0;}



}





@media (max-width:1440px) and (min-width:1300px){
	
	
.info-1 {
      margin: -31px 0 0 -479px;
}
.info-2 {
       margin: 113px 0 0 -382px;}
	
.info-3 {
       margin: 101px 0 0 113px;}
.info-4 {
       margin: 218px 0 0 149px;
	
		

}
}


@media (max-width: 1300px) and (min-width:1200px){
	
	
		.info-1 {
       margin: -35px 0 0 -465px;
}
.info-2 {
    margin:109px 0 0 -373px;}
	
.info-3 {
    margin: 102px 0 0 124px;}
.info-4 {
        margin: 217px 0 0px 156px;
		

}
	
	}

@media (max-width: 1439px) and (min-width:1200px){

	.brand_icon{ background-position:175px 20px !important;}
	.brand2_item2{margin-top:0px;}
	.proleft{padding-left:0%;}
	.index_culture1 p span{ display:none;}

	.branditem img{width:80%;}
	.proright{ top:-11%;}
	.brand_che img{ width:50%; margin: 0 auto;}
	.brand_wenzi{ margin-bottom:10px;}
	.xs{ display:none;}
	

	.brand2_item p {
    margin-top: 12px;}
	
/*	.ybj{padding-right:0}*/
}


@media (max-width: 1199px) and (min-width:769px){
	.brand_icon{ background-position:175px 20px !important;}
	.brand2_item2{margin-top:0px;}
	
	.proleft{padding-left:0%;}
	.info-1 {margin: -60px 0 0 0;}
	.info-2{margin:-110px 0 0 0;}
	.brand2_item{margin-bottom:15px;}
	.branditem img{width:80%;}
	.banneritem{left:3%;}
	
	.brand_wenzi{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.brand_che img{margin:0 auto; width:50%;}
	.xs{ display:none;}
	.brand2_main{ padding-top:10px;}
	.brand2box { padding-top: 2%;}
/*	.ybj{padding-right:0}*/
	
}

@media (max-width: 768px) {
.navbar-nav { width:100%; margin-left:0px; text-transform:uppercase;}
.navbar-nav li{ text-align:center; border-bottom:1px dotted #e5e5e5; line-height:40px;}
.navbar-nav li a{ color:#666; font-size:13px;}
.navbar-nav li a:hover{ color:#0187d0;}
.headerbg{ position:fixed; top:0px; left:0px; width:100%; z-index:999999999; background:#fff;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.logo_boxlist{ float:left; width:145px; margin-top:5px;}
.navbar-toggle {margin-top:15px;}
.navbar-toggle .icon-bar {background-color:#0187d0;}
.navbar-collapse{ border-top:1px solid #e5e5e5;}
.logo_boxlist img{width:100%; margin-top: 5px;}
.indexbg{width:100% !important;
    height: auto;
    padding-bottom: 40px;}
.brandtop{margin-bottom:30px;}
.index3 .index3bg{width:100% !important;}
.conbottom{height:36px; line-height:36px;}
.sec2warp{width:100%; padding:0px 15px; float:none; padding-top:30px;}



/***  index  ***/
	.bannerbox{margin-top:58px;}
	.index_culture{padding: 40px 0;}
	.index_culture .news_title h3{font-size:26px;}
	.index_culture_con{ padding:0;}
	.index_culture1{margin-bottom:30px; padding:0;}
	.index_culture1 h3{margin-bottom:10px;}
	.index_culture_top{margin-bottom:50px;}
	.index_culture1 img{margin-bottom:8px;     width: 20%;}
	.index_culture4{margin-bottom:0;}
	.index1 h2{line-height:36px; font-size:30px;}
	.index3 .index3bg{padding-bottom: 30px;}
	.index3{padding-top: 40px;}
	.foot_bottom .container{padding:0 !important;}
	.banquan{ float:none; margin-left:0;}
	.index1{padding-top:50px;}
	.index_service{ background:url(../images/index_ser_pic.jpg) left top no-repeat fixed; padding:50px 0; margin-bottom:50px;}
	.index_service_in h3{ font-size:30px; text-align:center; margin-bottom:30px;
    text-transform: capitalize;
    color: #0187d0 ;
    padding-bottom: 10px;
    position: relative;}
	
		
	.index_service_in h3:after {
		position: absolute;
		bottom: -8px;
		left: 50%;
		width: 30px;
		height: 3px;
		background: #0187d0 ;
		content: "";
		margin-left: -15px;}
	.index_service_in p{font-size:14px; color:#fff; line-height:24px; text-align:center;}
	.swiper-pagination2{ text-align:center; margin-top: 10px;}
	.index_culture1{  position:relative; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; width:100%; left:0; }
	.index_culture1 p{ }
	
	.newstop{ top:0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; width:100%;}
	.index_culture1{ background:none;}
}