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

.in_banner{ width:100%; height:auto; }
.in_banner img{width:100%; height:auto; display:block;}



/**  多用   **/

.news_title {
    text-align: center;}
	
.news_title p {
    font-size: 3.4em;
    text-transform: capitalize;
    color: #0187d0 ;
    padding-bottom: 10px;
    position: relative;}
	
.news_title p:after {
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 30px;
    height: 3px;
    background: #0187d0 ;
    content: "";
    margin-left: -15px;}
	
.in_center{padding:80px 0; background:#f4f4f6;}

/***  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}
.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;}

/*nav*/


/** contact **/
.contactwarp{border-bottom: 1px solid #d9d9d9; margin-top:50px;border-left: 1px solid #d9d9d9;
    border-top: none;
    background: #fff url(/other/support_bg_top.png) no-repeat right top; padding-bottom: 60px;}
	
.message{ padding-top:50px; padding-left:50px;padding-right:50px;}
.messline{ border-bottom:1px solid #e5e5e5; padding-bottom:20px; font-size:14px; line-height:24px;}
.messagewarp{ margin-top:30px;}
.messagewarp p{ font-size:14px;}
.messagewarp input{ width:100%; height:40px; line-height:38px; border:1px solid #ccc; margin-top:10px; color:#999; outline:none; padding-left:10px; padding-right:10px;}
.messagetop{ margin-top:20px;}
.messagewarp textarea{ width:100%; height:200px; line-height:24px; border:1px solid #ccc; margin-top:10px; color:#999; outline:none; padding-left:10px; padding-right:10px;}
.messagetop button{ margin-top:20px; width:100px; height:40px; border:none; color:#fff; background:#0187d0 ; transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.messagetop button:hover{ background:none; border:1px solid #0187d0 ; color:#0187d0 ; transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.messagetop button i{ margin-left:8px;}

.contactlist{ width:86%; float:right;}
.contactlist .lxfs{color: #fff; font-size:16px; margin-top:50px;
    line-height: 48px;
    border-top: 1px solid #0187d0 ;
    border-bottom: 1px solid #0187d0 ;
    padding-left: 22px;background: #0187d0 ; position:relative;}
.contactlist .lxfs i{ margin-right:10px;}
.contactlist .lxfs:after{ content: "";
    display: block;
    position: absolute;
    right: -10px;
    top:-1px;
    width: 10px;
    height: 61px;
    background: url(/other/list_on.png) no-repeat 0 0;}

.contactadd{ margin-top:30px; margin-right:20px;border-bottom:1px solid #e5e5e5; padding-bottom:30px;}
.contactgsmc{ position:relative; padding-bottom:20px; margin-bottom:20px; font-size:16px;}
.contactgsmc:after{position:absolute;  bottom:0px; left:0%; width:30px; height:2px; background:#0187d0 ; content:"";}

.contactadd p{ line-height:28px; color:#666; font-size:14px; }
.contactadd p span{ font-family:Arial;}
.contactadd p i{ margin-right:8px;}

.map{ margin-top:30px; margin-right:30px;}

.contactadd h3{color:#333; font-size:14px; line-height:30px; margin-top:10px;}

/** contact **/


.history_box{
	padding: 0 15px;
}
.history_box h2{
	font-size: 40px;color: #049fd9;
	margin: 15px 0;
	text-align: center;
}
.history_box p{
	font-size: 14px;color: #666;
	line-height: 24px;
	letter-spacing: 0;
}
/** job **/
.job_box1 h1,.job_box2 h1,.job_box3 h1,.job_box4 h1{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 
					-webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.job_box1 h1{ text-transform:uppercase; font-size:3.4em; line-height:34px; color:#0187d0; font-family: "DINWeb-Medium-woff"; text-align:center; margin-top:50px;}
.job_box1 p{ width:80%; margin:0 auto; color:#666; line-height:22px; margin-top:30px; text-align:center;}


.job_box2{ background:#0187d0; color:#fff; font-size:18px;}
.job_box2 span{ display:inline-block; padding:5px 10px 5px 20px; color:#fff; font-size:20px;}
.job_box2:nth-of-type(3n+2){ margin-left:5%; margin-right:5%;}

.job_box3{ margin-top:30px; margin-bottom:30px; border-top:#aaa 1px solid; border-bottom:#aaa 1px solid; padding:30px 0;}
.job_box3 div{ width:30%; float:left; color:#fff;}
.job_box3 div:nth-of-type(3n+2){ margin-left:5%; margin-right:5%;}
/*.job_box3_left{padding-top:15px;}*/
.job_box3_left  h1{ font-size:16px; padding-bottom:10px; color:#0187d0;}
.job_box3_left  p{ color:#333; text-decoration:none; display:inline-block; line-height:24px; font-size:14px;} 
.job_box3_left  p:hover{ color:#0187d0; -webkit-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -moz-transition:all 0.5s linear; transition:all 0.5s linear;}

.job_box4{ margin:40px 0 0 0;}
.job_box4 h1{ font-size:16px; color:#0187d0; line-height:22px; text-transform:uppercase;}
.job_box4 span{ display:inline-block; color:#0187d0;   font-size:20px;}
.job_box4_left{ width:30%; margin-right:5%; float:left;}
.job_box4_left p{color:#333; font-size:14px;
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;}

.job_box4_left h1 a{ color:#0187d0; text-decoration:none;}
.job_box4_left_img{ overflow:hidden;}
.job_box4_left_img img{ width:100%; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.job_box4_left:hover .job_box4_left_img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
.job_box4_left:hover p{ margin-left:10px;color:#0187d0;
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;
}

.job_box4_right{ width:65%; float:right;}
.job_box4_right ul{ min-height:750px;}
.job_box4_right ul li{ float:left; width:46%; margin-bottom:30px;}
.job_box4_right_img{ width:100%; overflow:hidden;}
.job_box4_right_img img{ width:100%; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.job_box4_right_img img:hover{ -webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.job_box4_right ul li:nth-of-type(2n+1){ margin-right:8%;}
.job_box4_right ul li p{ color:#333; font-size:14px;
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;
line-height:24px;
}

.job_box4_right li h1 a{ color:#0187d0; text-decoration:none;}

.job_box4_right ul li:hover p{ margin-left:10px; color:#0187d0;
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;
}

.job_top{ margin-top:50px; margin-bottom:80px; border-bottom:1px dotted #ccc; padding-bottom:20px;}
/** job **/

/** news **/
.news{ padding-top:80px; padding-bottom:80px; background:#fff;}
.news_title{ text-align:center;}
.wenhua .news_title p{color:#fff;}
.wenhua .news_title p:after{background:#fff;}
.news_title p{font-size:30px !important;text-transform:capitalize; color:#0187d0; padding-bottom:10px; position:relative; margin-bottom:45px;}
.news_title p:after{position:absolute;  bottom:-10px; left:50%; width:40px; height:3px; background:#0187d0; content:""; margin-left:-20px;}
.news_list{ margin-top: 10px; padding-left:25px; padding-right:25px; padding-top:25px; border:1px solid #e8e8e8; background:#fff;}
.newswarp{ margin-top:60px;}
.newswarp_con{ left:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.news_one{ top:300px; position:relative; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }

.news_date{ position:relative; padding-left:20px;}
.news_date:after{position:absolute; top:50%; left:0px; width:8px; height:2px; background:#0187d0; content:""; margin-top:-3px;}
.news_img{ margin-top:20px;}
.news_text{ padding-bottom:30px;}
.news_text a{ color:#999; margin-top:20px; display:block; text-transform:capitalize; }
.news_text a i{ margin-left:8px;}
.news_list:hover .news_text a{ color:#0187d0; margin-left:10px;}
.news_text h3{ font-size:16px; font-weight:600;
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;
margin-top:20px;}

.news_text p{ color:#666; margin:8px 0; font-size:14px; height:48px; overflow:hidden; line-height:24px;}

.news_list:hover h3{ margin-left:-10px;color:#0187d0;
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;}

.news_list:hover{-webkit-filter: brightness(103%);
    filter: brightness(103%);
    box-shadow: 0 20px 40px -10px rgba(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;}

.news_list{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;}

.news_list: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;}

.news_img{ overflow:hidden;}

.news_img 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;}

.news_bottom{ margin-top:40px; overflow:hidden;}
.news_one{ border-bottom:1px dotted #ccc; padding:20px 0px;}
.news_one .news_bottom_date{ color:#666;}
.news_one .news_bottom_gs{ display:inline-block; width:145px; font-size:14px; height:25px; line-height:25px; background:#0187d0; text-align:center; color:#fff; text-transform:capitalize; margin-left:20px;
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;}
.news_one .news_text{ color:#333; margin-left:20px;  font-size:14px;}
.news_one .news_bottom_more{ float:right; text-transform:capitalize; line-height:25px;}
.news_one .news_bottom_more i{ margin-left:8px;}
.news_one:hover .news_bottom_gs{ background:#03a4fb;
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;}

.news_one:hover .news_text{ color:#0187d0; margin-left:30px;}

.news_one:hover .news_bottom_more{ margin-right:10px;}
.news_fl{ float:right; margin-top:20px;}
.news_fl a{ margin-right:10px; font-size:16px; color:#999; text-transform:capitalize; display:inline-block; width:150px; height:30px; line-height:30px; background:#e5e5e5;}
.news_fl .news_fl_cur{ background:#0187d0; color:#fff;}
.news_fl a:hover{background:#0187d0; color:#fff;}
/** news **/


/** newsdot **/
.xinwenny{ margin:0 auto;height:auto;}		
.xinwenbt{   line-height:60px;border-bottom:1px #808080 dotted;font-size:24px;color:#000; text-align:center; }
.xinwenxbt{line-height:30px;text-align:center; margin:0 auto; height:30px;padding-top:10px;font-size:12px;color:#4c4c4c;}		
.xinwennl{  margin:0 auto;padding-top:25px;height:auto;line-height:30px;font-size:12px;color:#4c4c4c; text-align:left;margin-bottom:40px;}
.xinwennl p{ text-indent:2em; line-height:30px; font-size:14px;}
.xinwentpbj{ height:510px; margin:0 auto;margin-bottom:10px;}
.xinwendb{ margin:0 auto; height:auto;}
.xinwendbz{ overflow:hidden;float:left;line-height:35px;font-size:12px;color:#4c4c4c;height:60px;}
.xinwendbz a{color:#4c4c4c;}
.xinwendbzs{  height:30px; overflow:hidden; text-align:left; line-height:30px; font-size:12px; color:#333}
.xinwendbzx{  height:30px; line-height:30px;overflow:hidden;text-align:left;font-size:12px;color:#333}
.submit{

margin:0 auto;
margin-top:40px;
}
.submit a{width: 100px; margin:0 auto;
    height: 40px;
    background: #0187d0;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 14px;transition: color .6s,border-color .6s,background-color .6s;}
.submit a:hover{ background:#000;transition: color .6s,border-color .6s,background-color .6s;}
.sc{float:left;}
.bt{float:left;}
/** newsdot **/



/** product **/
.product{ padding:0; margin:80px 0 0 0;}
.pro_li{ background:url(/other/proli_bg.jpg) center center no-repeat; background-size:auto 100%; padding:0; display:table; text-align:center; position:relative; right:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.ser_li{ background:url(/other/serli_bg.jpg) center center no-repeat;  padding:0; display:table; text-align:center; position:relative; left:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.product h3{ font-size:30px; margin:0 auto;  text-align:center; width:200px; height:200px; line-height:200px; border-radius:60%;  background:rgba(255,255,255,0.8); position:relative; }
.product h3 span{ position:absolute; left:70%; top:70%;  width:100px; height:100px; line-height:100px; border-radius:60%;  background:rgba(255,255,255,0.8); font-size:16px; }


.product h3 a{color:#333;}
.product h3 a:hover{ color:#0187d0;}
.pro_li .in{ display:table-cell; vertical-align:middle;}
.ser_li .in{ display:table-cell; vertical-align:middle;}
.pro3_pic{
	position:relative; left:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
	
	}
.pro3_pic .in img{width:100%; height:auto; display:block;  transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.pro3_pic .in{ overflow:hidden; }
.pro3_pic .in:hover img{ transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;



transform:scale(1.1);   
-webkit-transform:scale(1.1);   
-moz-transform:scale(1.1);    
-o-transform:scale(1.1);   
 -ms-transform:scale(1.1);
}


.cover_wrap{ width:150%;height:100%; position:relative;}

.pro1_con{ margin:80px 0 0 0 ;}
.pro1_con_list{ position:relative; 
	overflow:hidden;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; 
	left:300px;
}
.pro1_con_list img{width:100%; height:auto; display:block;}
.pro1_con_list h3{  background:#0187D0; color:#fff; line-height:50px; position:relative; text-align:center; margin-top:-50px; height:50px; z-index:99;   width:100%; font-size:14px; }
.pro1_con_list p{ color:#666; line-height:22px; margin-top:6px; font-size:14px; height:44px; overflow:hidden;}
.honor_wz p{font-size:14px;}


.pro2{  padding:0 0 80px 0; }
.pro2 .container{ overflow:hidden;}
.pro2_con h3{ color:#333; line-height:40px; font-size:22px; text-align:center; margin-bottom:10px;}
.pro2_con p{ color:#666; line-height:26px; text-indent:2em; font-size:14px;   }
.bai{ color:#fff !important;}
.bai:after{ background:#fff !important;}
.pro2_con{position:relative; top:200px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}


.pro3{ margin:80px 0; background:#f5f5f5; }
.pro3_text{ position:relative; right:200px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; margin-top:2%;}
.pro3_text p{ color:#666; line-height:22px; margin-bottom:20px; font-size:14px; }

.honor_wz{ color:#666; line-height:24px; margin-bottom:60px;}
.honor_list{ position:relative; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; left:300px;}
.honor_list img{ width:100%; height:auto; display:block; }
.honor_list p{ color:#666; line-height:30px; text-align:center; font-size:14px;}

.fx_top{ margin:0 0 60px 0;}
.fx_top p{ color:#666; line-height:30px; font-size:14px;}

.fx_cont{ margin-bottom:60px;}
.fx_con img{width:100%; height:auto; display:block; }
.fx_con p{ color:#666; line-height:30px; text-align:center; font-size:14px;}


.pro4{ background:rgba(255,255,255,1); padding:80px 0; margin:0;}

.pro_xg_list h3{ margin-bottom:10px;}
.pro_xg_list p{ line-height:22px; margin-left:6px;}

/** product **/

/**  prolist  ***/

	.warpper{ margin-top:115px;}
	.nav_list{ border-bottom:1px #d8d8d8 solid; padding-bottom:15px; color:#666; line-height:20px; font-size:14px; margin-top:20px;}
	.nav_list a{ color:#666; white-space: nowrap;}
	.nav_list a.last{ color:#0089cf; font-size:14px;}
	
	.top_sm{ background:#f2f0f1; padding:20px; width:100%; box-sizing:border-box; margin-top:10px;}
	.sm_con{ float:left;}
	.sm_con h3{ color:#333; font-size:16px; line-height:26px; margin:0;}
	.sm_con p{ color:#666; font-size:14px; line-height:24px; margin:0;}
	.xhss{float:right;  width:180px; position:relative; }
	
	
	.cx_a{margin-top:20px;}
	.fl_list{border:1px #f2f1f1 solid; padding:12px 12px 2px 12px;  box-sizing:border-box;}
	.fl_list_con li{ float:left;   background:#f2f1f1; line-height:30px; margin-bottom:10px; text-align:center;  box-sizing:border-box; width:30%; margin-right:5%; }
	.fl_list_con li.three{ margin-right:0;}
	.fl_list_con li.nbt{ margin-bottom:0;}
	.fl_list_con li a{color:#666; }
	.fl_list_con li.on{ background:#0186d1;}
	.fl_list_con li.on a{ color:#fff;}
	.fl_list_con li:hover{ background:#0186d1;}
	.fl_list_con li:hover a{ color:#fff;}
	
	.cx_list_cont{width:30%; margin-right:5%;  float:left; margin-bottom:15px; }
	.xhss2{width:30%; margin-right:0;  float:left; margin-bottom:15px;}
	.xhss2 .l_select{ border:none;}
	.cx_list_cont .l_select{ background:none; }
	.cx_list_cont .l_select p{ color:#666;}
	.cx_list_cont.three{ margin-right:0;}
	.cx_list_cont h3{background:none; border:1px #f2f0f1 solid; color:#666;}
	
	.cx_list_con li.nbt{ margin-bottom:0;}
	.cx_list_cont .l_select_down{ background:#f2f0f1; border-left:1px #aaaaaa solid; border-right:1px #aaaaaa solid; }
	.cx_list_cont .l_select_down ul li{ border-bottom:1px #ccc solid; }
	.cx_list_cont .l_select_down ul li:hover{ background:#0186d1; color:#fff;}
	
	
	.cont{ margin-top:50px; padding-bottom:80px; }
	.nav2_list{ border:1px #cbcbcb solid; padding:0;}
	.fl_title{ border-bottom:1px #cbcbcb solid; color:#333; font-size:16px; padding-left:30px; line-height:40px;}
	.nav2_list_con{ padding:15px 20px; box-sizing:border-box; }
	.nav2_list_con li.nav2_li{ line-height:32px; width:100%; background:#f2f0f1; margin-bottom:10px; }
	.nav2_list_con li.nav2_li>a{ color:#666; display:block; width:80%; background:url(/other/nav2_a_bg.png) right center no-repeat; margin:0 auto; font-size:14px;}
/*	.nav2_list_con li.on{ background:#0186d1;}
	.nav2_list_con li.on a{background:url(/other/nav2_ah_bg.png) right center no-repeat; color:#fff;  text-decoration:none;}*/
	
	.nav2_list_con li.nav2_li:hover{ background:#0186d1;}
	.nav2_list_con li.nav2_li:hover a{background:url(/other/nav2_ah_bg.png) right center no-repeat; color:#fff; text-decoration:none;}
	
	.nav2_list_con li.nav2_li.act{ background:#0186d1;}
	.nav2_list_con li.nav2_li.act a{background:url(/other/nav2_ah_bg.png) right center no-repeat; color:#fff; text-decoration:none;}
	
	.menu2 li{ line-height:24px; color:#666;  background:#f2f0f1 !important; margin-bottom:5px;  }
	.menu2{padding:5px 0; display:none; background:#f2f0f1 !important; padding-left: 10px;
    padding-right: 10px;}
	.menu2:hover{}
	.menu2 li a{ background:none !important; padding-left:20px; box-sizing:border-box; color:#666 !important; width:70%; margin:0 auto;  }

	.menu2 li a:hover { color:#0485c7 !important;  background:none !important;}
	
	
	.pro_list{padding-right:0; position:relative; left:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
	.pro_list_con{width:95%;}
	.pro_list_con li{ float:left; width:32%; margin-right:2%; margin-bottom:20px; padding:10px; border:1px #f3f3f3 solid;  box-sizing:border-box; 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;}
	.pro_list_con li.three{ margin-right:0;}

	.pro_list_con li img{ width:100%; height:auto; display:block;}
	.pro_list_con li p{ color:#666; line-height:30px; text-align:center; font-size:14px;}
	.pro_list_con li: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;
-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); padding:10px; box-sizing:border-box;}

.page{width: 100%; margin:30px auto 0 auto;}
.page p{ margin-right:5px; float:left; color:#666; line-height:30px; font-size:14px;}
.page ul{ float:left;}
.page ul li{ float:left;margin-right:5px;  line-height:30px;}
.page ul li:hover{background:#0485c7; }
.page ul li:hover a{color:#fff;}
.page ul li.on a{ background:#0485c7; color:#fff; border:none; border: 1px #0485c7 solid;}
.page ul li a{ border:1px #ddd solid;  padding:6px 12px; font-size:14px; }

.page ul li.sy a{ color:#0485c7; border:none;}
.page ul li.wy a{ color:#0485c7; border:none; font-size:14px;}
.page ul li.sy:hover{ background:none;}	
.page ul li.wy:hover{ background:none;}

.l_select {height: 40px; background:#0485c7; width: 100%;position: relative;     border: 1px #aaaaaa solid;}
.l_select select{width: 100%; height: 45px; border: none; background:none;outline: none;}
.l_select select option{height: 45px;}
.l_select_sh p {padding: 0 10px;font-size: 13px; line-height:40px; color:#fff;}
.l_select_sh {
    cursor: pointer;
}
.l_select_sh img {
    position: absolute;
    right: 0;
    top: 0;
}
.l_select_down {
    border-left: solid 1px #aaa;
    border-right: solid 1px #aaa;
	display:none;
	position:absolute;
	top:40px;
	width:100%;
	left:0;
	z-index:99;
}

.l_select_down ul li {
    height: 30px;
    padding: 0 15px;
    background:#f2f0f1;
	cursor:pointer;
	line-height:30px;
	border-bottom:1px #aaa solid;
}
.l_select_down ul li:hover {color:#fff; background-color:#0485c7;}

.cx_list_con li.none { filter:alpha(opacity=0.7); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; 
 }
 
 .cx_list_con li.none .l_select_down ul{ display:none;}

.cx_list{ padding-right:0;}
.nav2_list_a{padding-left:0; padding-right:0; position:relative; right:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; 
}

/**  prolist  ***/




/** about **/
.about_top{ margin-top:50px; overflow:hidden; padding:30px 0;}
.about_text {
    padding-top: 40px;
}
.about_text h1{ position:relative; font-size:16px;  /* padding-bottom:10px;*/ margin-top:0px; margin-bottom:25px;}
/*.about_text h1:after{position:absolute;  bottom:0px; left:0%; width:30px; height:2px; background:#0187d0; content:"";}
*/.about_text p{ line-height:24px; font-size:14px;     margin-bottom: 15px;}
#qyjj .about_top_text{left:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
#qyjj .about_top_pic{right:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;  }
#qyjj .about_img{  background:#0297E8; margin-top:25px;  }
#qyjj .about_top_pic img{ position:relative; right:25px; bottom:25px;	
 transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s; }
*#qyjj .about_top_pic:hover img{
	right: 0;bottom:0;
/*	transform:translate(25px,25px);    
-webkit-transform:translate(25px,25px);    
-moz-transform:translate(25px,25px);   
-o-transform:translate(25px,25px);    
-ms-transform:translate(25px,25px);*/
	
	
	 transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;}

.swiper-pagination3{ text-align:center; margin-top:20px;}


.wenhua{
	
	background:url(/other/ban2.jpg) center center no-repeat fixed; 
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  (src=/other/wenhua_bg.jpg,  sizingMethod='scale');
}
.wenhua_text{ position:relative; top:200px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.wenhua .wenhua_text p{margin-bottom:20px; color:#fff; font-size:14px;}
.wenhua .wenhua_text p b{color:#fff; }
.wenhua .wenhua_text p span{ display:block; line-height:20px; padding-left:65px;}
.wenhua_text_left_in{width:80%; margin:0 auto;}
.wenhua_text_right_in{width:80%; margin:0 auto;}


/** about **/

/** 历史进程 **/
.history .swiper-button-next{ right:7%;}
.history .swiper-button-prev{left:7%;}
.nianfen h3{  font-size:20px; font-family: 'theSansNormal',Arial,Helvetica,sans-serif; text-align:center; margin:0; line-height:30px;}
.nianfen h3 a{color:#049fd9;}
.history_con{margin-top:60px; border-top:1px #9aa2a4 solid;}
.history_con .nianfen_title{width:100%; height:56px; background:url(/other/nf_title_bg.png) top center no-repeat; padding-top:10px; margin-bottom:40px;}
.history_con .nianfen_title h3{ color:#fff; width:135px; margin:0 auto 0 auto; text-align:center; border-top:1px #717171 solid; border-bottom:1px #717171 solid; line-height:35px;}

.history_cont_top_text h2{ color:#333; font-size:20px; margin:0 0 10px 0; font-weight:bold; }
.history_cont_top_text p{ color:#666; font-size:14px; line-height:24px; margin :0;}
.history_cont_top_text ul li{ float:left; width:20%; }
.history_cont_top_text ul li img{ margin:0 auto;}
.history_cont_top_text ul li p{ text-align:center;}


.timeline-years {
    position:absolute;
	margin-top:0px;
    width: 100%;
}
.timeline-years__full-line {
    -webkit-transition: width 2s;
	-moz-transition: width 2s;
	-ms-transition: width 2s;
	-o-transition: width 2s;
    transition: width 2s;
    width: 100%;
}
.timeline-years__full-line {
    background-color: #5c5b59;
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    width: 0;
}
.relative {
    position: relative;
}
.col-10 {
    width: 83.33333%;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.timeline-years__active-line {
    background-color: #049fd9;
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transition: width 1s;
    transition: width 1s;
    width: 0;
    z-index: 1;
}
.timeline-years__year:hover, .timeline-years__year.active {
    color: #049fd9;
}
.timeline-years__year {
    box-sizing: border-box;
    color: #6b6561;
    cursor: pointer;
    display: inline-block;
    letter-spacing: normal;
    line-height: 1;
    padding-bottom: 30px;
    position: relative;
    text-align: center;
    vertical-align: bottom;
	margin-right: -5px;
}
.timeline-years__year:hover:after, .timeline-years__year.active:after {
    background-color: #049fd9;
    margin-left: -1.5px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    width: 3px;
}
.timeline-years__year:after {
    background-color: #5c5b59;
    bottom: -15px;
    content: '';
    display: block;
    height: 30px;
    left: 50%;
    margin-left: -0.5px;
    position: absolute;
    width: 1px;
}
.timeline-years__year:first-child {
    color: #049fd9;
    font-size: 35px;
    font-style: normal;
    font-weight: 200;
	width:15% !important;
}
.timeline-years__year:last-child {
    color: #049fd9;
    font-size: 35px;
    font-style: normal;
    font-weight: 200;
}

.slider--timeline {
    margin-top: 80px;
}
.slick-slider {
    position: relative;
	width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slider--timeline .slick-prev {
    left: 25%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.slider--timeline .slick-next {
    right: 25%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.slider--timeline .slick-prev, .slider--timeline .slick-next {
    top:180px;
}
.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 14px;
    width: 84px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -7px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 1;
}
.slick-prev {
    left: 0;
    background:url(/other/left02.png) no-repeat center center;
}
.slick-next {
    right: 0;
    background:url(/other/right02.png) no-repeat center center;
}
.slick-prev:hover {
	left: 24%;
    background:url(/other/left-white.png) no-repeat center center;
}
.slick-next:hover {
	right: 24%;
    background:url(/other/right-white.png) no-repeat center center;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-slider {
	z-index:99;
    position: absolute;
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
    transition: all 0.5s;
	margin:0;
}
.slick-list {
	width: 100%;
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-track {
	width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.slide{
	opacity:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
}
.slick-active{
	opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
	z-index::100;
}
#history{padding-top:80px; height:570px;
    padding-bottom: 75px; overflow:hidden;  }
	
.history_conta{ top:200px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.slider--timeline .slide__year {
    font-size: 60px;
	position:absolute; top:130px; left:44%;
}
.orange {
    color: #049fd9;
}
.slider--timeline .slide__title {
    font-size: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    max-width: 450px;
}
.slider--timeline .slide__title:after {
    background-color: #049fd9;
    content: '';
    display: block;
    height: 2px;
    margin: 20px auto 45px auto;
    width: 20px;
}
.slider--timeline .slide__content {
    letter-spacing: 2px; font-size:14px;
}

.col-10 {
    width: 83.33333%;
}
.slider--timeline .slide__bottom--left {
     color:#fff;
    box-sizing: border-box;
    height:auto;
    padding: 30px;
    position: relative;
    vertical-align: top;
    float:left; width:100%;
}
.slide__bottom--left h2{color:#333; line-height:24px; font-size:20px; text-align:center; width:70%; margin:0 auto; margin-bottom:20px; }
.slide__bottom--left p{color:#666; line-height:24px; font-size:14px; text-align:center; width:70%; margin:0 auto; }
.slider--timeline .slide__53 {
    font-size: 60px; padding-top:20px;
}

.slider--timeline .slide__bottom--right {
    position: relative;
    float:right; width:100%;
}
.slider--timeline .slide__bottom--right img{ width:70%; margin:0 auto; display:block;}
.olive {
    color: #dfd8d2;
}
.lg-col-7 {
    width: 68.33333%;
}

.slide__bottom{ padding-top:200px; position:relative;}
.slide__content p{ margin-bottom:5px;}
.histoybg{ background:url(/other/net.png); position:absolute;top:0px; left:0px; width:100%; height:100%;}
.fgx{ position:absolute;  width:100%; background:#9aa2a4; height:1px; top:150px;}


/**  历史进程  **／


/** honor **/
.honor{padding-top:80px; padding-bottom:80px;}
.honortop{ top:200px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.honor .container{ overflow:hidden;}

.indexprobgwz{ position:absolute; top:90px; left:0px; width:100%; height:100%; z-index:1;}
.indexprobgwz .col-lg-3{ width:20%;}
.honorbt{ font-size:48px; text-align:center;text-transform:uppercase; margin-bottom:90px; position:relative; padding-bottom:20px;}
.honorbt:after{position: absolute;
    bottom: 0px;
    left: 50%;
    width: 30px;
    height: 5px;
    background: #0187d0;
    content: "";
    margin-left: -15px;}
.indexproimg{ text-align:center;}
.indexprowz{ margin-top:0px;}
.indexprowz  a{ display:block; text-align:center;  line-height:26px;}
.indexprowz .indexprotitle{ font-size:12px;color:#333; margin-top:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.indexprowz .indexpronr{color:#666;}
.indexprowz .inedxpro_more{ color:#0187d0; text-transform:capitalize; margin-top:20px;}
.honorwarp{z-index:99; position:relative; border:1px solid #ddd;background:#fff; }
.indexprowz p{ color:#333; margin-top:20px;}
.indexproimg{  padding:20px;}
.indexprowz{padding:0 20px 20px 20px;   text-align:center;}
.honortitle{ text-align:center; text-transform:uppercase; color:#333; margin-top:0px; font-size:16px;}
.indexproimg{ position:relative; overflow:hidden; padding-top:20px;}
.indexproimg img{transition: all 0.4s linear; width:100%; height:auto; display:block;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.indexproimg span{ position:absolute; top:0px; left:0px;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
 
width:100%; height:100%; padding:30px 10px 10px 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;}

.honorwarp:hover .indexproimg span{transition: all 0.4s linear;
filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); 

-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
.honorwarp: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;
}
.honorwarp{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;  }
/** honor **/


/**   yingxiao  **/

.yx_1{padding:80px 0;}
.join_smain{ margin-top:25px; }
.join_sitem{margin:0 auto 50px;}
.join_sel{ width:24.12%; height:38px; line-height:38px; padding-left:8px; border:1px solid #ccc; color:#666; font-size:12px; float:left; outline:none;}
.join_selwen{float:left; margin-left:10px; line-height:38px; font-size:14px; margin-right:30px;}
.chaxun{ line-height:38px; width:13%; color:#fff; text-align:center; background:#000; float:left;}
.chaxun:hover{ background:#004dab;}

.join_swen{font-size:20px; color:#7e9c3c; text-align:center; margin-bottom:40px;}
.join_storeit{font-size:14px; margin-top:10px; line-height:24px; position:relative;  }
.join_storeit p{ color:#666; margin-top:10px; padding-bottom:5px; border-bottom:1px solid #e8e8e8;}
.join_wz h2{ font-size:20px; color:#333; margin-top:8px; margin-bottom:15px; font-weight:bold;}
.join_wz p{ font-size:14px; line-height:24px; margin-top:0; padding-left:10px; border-bottom:none;}

.join_storeitimg{  position:relative;   right:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.join_storeittext{ position:relative;  left:300px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}



/**   yingxiao  **/





/*** sec2 ***/
.sec2{ margin-top:40px;}

.features{left: 30px;
    position: absolute;
    top: 55%;
    width: 70%;
    z-index: 2;}

.features .excerpt {
 
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    -webkit-transition: opacity .4s cubic-bezier(.215,.61,.355,1),.6s transform cubic-bezier(.25,.46,.45,.94);
    -moz-transition: opacity .4s cubic-bezier(.215,.61,.355,1),.6s transform cubic-bezier(.25,.46,.45,.94);
    -ms-transition: opacity .4s cubic-bezier(.215,.61,.355,1),.6s transform cubic-bezier(.25,.46,.45,.94);
    -o-transition: opacity .4s cubic-bezier(.215,.61,.355,1),.6s transform cubic-bezier(.25,.46,.45,.94);
    transition: opacity .4s cubic-bezier(.215,.61,.355,1),.6s transform cubic-bezier(.25,.46,.45,.94);
    -webkit-transform: translate(-20px,0);
    -ms-transform: translate(-20px,0);
    transform: translate(-20px,0);
	font-size:16px;
}
.indexcaseimg:hover .excerpt {
    -webkit-transform: translate(10px,0);
    -ms-transform: translate(10px,0);
    transform: translate(10px,0);
    opacity: 1;
    filter: alpha(opacity=100);

	
}

.sec2show{ position:absolute; top:0px;left:30px; color:#fff; width:400px;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;
}

.sec2showbt{ font-size:30px; margin-top:25%;}
.sec2showwz{ font-size:16px; margin-top:10px;}
.slide:hover .sec2show{  filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: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;
}

.slide:hover .name{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;}

.solution{
	 position:relative; 
	 height:300px;
	 }
 
	#slider {
		position: absolute;
		width:100%;
		height:100%;
		left:0%;
		top: 0px;
		margin-left:0px;
		overflow: hidden;
	}
	
	#slider .slide {
		position: absolute;
		top: 0px;
		height:100%;
		width:820px;
		overflow: hidden;
		cursor: default;
	}
	
	#slider .title   {
		color:#FFF;
		font-size:23px;
		margin-right: 1.5em;
		text-decoration: none;
	}
	#slider .backgroundText {
		position: absolute;
		width: 100%;
		height: 100%;
		botttom: 0%;
	}
	
	#slider .name {
		position: absolute;
		bottom:0%;
		color: #FFF;
		left:0px;
		text-align:center; width:100%;background-color: rgba(101,172,30,0.7);
		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;		
	}
	.name p{
		margin-bottom:0px; 
		letter-spacing:2px;
		font-size:24px;
		display:block;
		width:100%;
		margin-left:20px;
		text-align: left;position:relative; line-height:70px;
		}
		.name a{ color:#fff;}
	.name p span{
		margin-top:15px; 
		font-size:14px; 
		display:block;
		width: 230px;
		text-align: left;
		letter-spacing:#fff;2px;
		line-height:25px;
		}
	#slider .text {
		position: absolute;
		top: 1%;
		top: 100%;
		color: #FFF;
		font-size: 0.9em;
		text-align: justify;
		width: 20px;
		left: 10px;
	}

	#slider .diapo {
		position: absolute;
		filter: alpha(opacity=100);
		opacity: 1;
		visibility: hidden;
		} 
	
	.casebg{position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(/other/mark2.png);
    transition: all 0.7s linear;
    -webkit-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;}
	.case_sfq .slide:hover .casebg{ opacity:0;
	transition: all 0.7s linear;
    -webkit-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;}	
/*** sec2 ***/



/***   jobdot  ****/
.zpxxnrtop_job{ width:auto; height:35px; line-height:30px; border-bottom:1px #ddd dashed; text-align:left; font-size:16px;color:#333; font-weight:bold;}
.zpxxnrtop_job span{ color:#dab866;font-size:12px;}
.zpxxnrbody{ width:auto;border-bottom:1px #ddd dashed; padding-top:20px; padding-bottom:20px; padding-left:12px; padding-right:10px;}
.zpxxnrbodynr{ width:220px; height:50px; float:left; margin-right:30px;}
.zpxxnrbodynrs{ width:auto; height:auto;}
.zpxxnrbodynrsz{ width:75px; height:25px; line-height:25px;font-size:14px; float:left;color:#666;}
.zpxxnrbodynrsy{ width:120px; float:right; height:25px; line-height:25px;font-size:14px;}

.zxzpnr{ line-height:25px; font-size:14px;}
.jianli{ width:180px; height:auto;  position:relative;}
.shangchuan{width:80px; height:23px; line-height:23px; margin-top:10px; right:0px; position:absolute; border:1px #dab866 solid; color:#dab866;text-align:center; font-size:12px;}
.shangchuan a{ color:#dab866;}
.shangchuan a:hover{ color:#fff; background:#dab866; display:block;}
.tjl{ width:100px; height:50px; position:absolute; left:0px; }


.upload{ margin-top:50px;}
.upload a{ display:block; width:130px; height:35px; line-height:35px; margin:0 auto; border:1px solid #0187d0; color:#0187d0; text-align:center;
transition: color .6s,border-color .6s,background-color .6s,border .6s;}
.upload a:hover{ background:#0187d0 ; color:#fff;transition: color .6s,border-color .6s,background-color .6s,border .6s;}









/***   jobdot  ****/

/*****   prodot  *****/
.cp_xxjs{
	width:100%;
	height:auto;
	overflow:hidden;
	height:auto;
	position:relative;
	margin-left: -30px;
	margin-right: -30px;
	}
.cp_xxjs1{
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
	 border:1px solid #ccc;
	/*
	width:420px;
	height:490px;
	float:left; 
	*/
	}
/******cp_xxjs1_js******/
#preview{ float:none; margin:0 auto; text-align:center;/* width:420px;*/ width:100%;}
.jqzoom{ /*width:420px; height:400px;*/ width:100%; height:auto; position:relative;}

.zoomdiv{ left:450px; height:400px; width:400px;}
.list-h{width:80% !important;}
.list-h li{ float:left;}
#spec-n5{/*width:420px;*/ width:100%; height:70px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px; margin-left:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:507px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:70px; height:70px; cursor:pointer; margin-right:5px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:60px; height:60px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#fff 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:90%; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:8px; *margin-left:0;}
/******cp_xxjs1_js******/
.cp_xxjs2{

	}
.cp_xinxi{
	padding:15px 20px;
	height:auto;
	}

.cp_jsnm{
	line-height:22px; 
	font-size:16px;
	color:#ffae3e;
	margin-bottom:8px;
	}
.cp_jiage{
	background:#f1f1f1;
	margin-top:15px;
	padding:20px 8px 20px 8px;
	}
.cp_jiage p{
	height:20px;
	line-height:20px;
	}
.sppj{
	height:24px;
	line-height:24px;
	}
.sppj1{
	float:left;
	width:65px;
	height:24px;
	}
.sppj2{
	float:left;
	height:24px; 
	}
.sppj2 img{
	width:20px;
	margin-right:3px;
	float:left;
	}
.sppj3{
	float:left;
	width:110px;
	height:24px;
	}
.yuyueanz{
	height:25px;
	margin-top:10px;
	}
.yuyueanz1{
	float:left;
	height:25px;
	line-height:25px;
	}
.yuyueanz2{
	float:left;
	height:25px;
	line-height:25px;
	margin-left:2px;
	}
.ps_dq{
	height:25px; 
	margin-top:10px;
	line-height:25px;
	}
.ps_dq1{
	float:left;
	height:25px;
	width:55px; 
	}
.ps_dq2{
	float:left;
	height:25px;
	}


.prodot{margin-top:115px;}
.pro_js_text{float:right;}
.pro_js_text .typename{color:#0187d0; font-size:16px; line-height:30px; margin-bottom:10px;}
.pro_js_text .typename span{color:#333;}
.pro_js_text .cpfl{ border-bottom:1px #ddd solid; }
.pro_js_text .cpfl li{float:left; line-height:30px; text-align:center; padding:0 15px;}
.pro_js_text .cpfl li.one{border-right:1px #ddd solid;}
.pro_js_text .cpfl li a{color:#333; font-size:16px; }
.pro_js_text .cpfl li:a{ color:#0187d0;}

.pro_details{margin-top:25px;}
.pro_details p{color:#666; line-height:24px; margin:8px 0 0 0 ; font-size:14px;}
.pro_details h3{color:#0187d0; font-size:16px; margin-bottom:20px;}


.cp_xxjs .back{color:#0187d0; border:1px #0187d0 solid; clear:both; margin:60px auto 0 auto; text-align:center; line-height:35px; width:130px; font-size:12px; display:block;}
.cp_xxjs .back:hover{ background:#0187d0; color:#fff;}


@media (max-width:1600px) and (min-width:1440px){
	.divimg .txt{width:45%; margin:35px auto;}
	.divimg .txt p{margin-left:10px;}
	
	}
	
	
@media (max-width:1439px) and (min-width:1000px){
	.divimg .txt{width:46%;}
	.divimg .txt p{margin-left:0;}
	.list-h{width:85%;}
	.pro2_con{ width:85%; margin:0 auto;}
	.honor_wz{ width:85%; margin:0 auto 60px auto;}
	}
.honorwarp {
    margin-top: 10px;
}
@media (max-width:768px){
	
	.news_bottom {
		margin-top: 10px;
	}
	.honor_con {
    	margin-top: 50px;
	}
	#history{
		padding: 40px 0;
		height: 410px;
	}
	.headerbg{padding:6px 5%;}
	.news {padding: 40px 5%; box-sizing:border-box;}
	.about_img img{ display:block; width:100%;}
	.col-lg-6 {padding:0; width:100%;}
	.col-md-6{padding:0;  width:100%;}
	.col-sm-6{padding:0;  width:100%;}
	
	.honor{padding: 40px 5%; box-sizing:border-box;}
	.container{padding:0;}
	.swiper1{ height:500px;}
	.swiper-pagination1{bottom:-5%;}
	
	.about_top_pic{ width:90%; margin:0 auto;}
	
	.about_text{ width:90%; margin:0 auto; padding-top: 30px;}
	.pro_list_ban h1{ font-size:20px;}
	.news_title p{margin-bottom: 50px; font-size:26px;}
	
	
	
	
	/***  news  **/
	.news_fl a{margin-bottom:20px;}
	.newswarp{margin-top: 10px;}
	.swiper-pagination2{ text-align:center;}
	.news_one .news_bottom_gs{ display:block; margin:15px auto;}
	.news_one .news_bottom_more{ float:right; clear:both; margin-top:20px;}
	
	.newsdot{margin-top:50px !important;}
	.xinwenny{width:90%; }
	
	
	.pro_list_ban{margin-top:69px; padding:35px 5%;}
	
	.prod_wenzi{ height:auto;}
	.prodot{margin-top:69px;}
	.pro_js_text{margin-top:30px; padding:0 5%; padding-bottom:60px;}
	.pro_details{ margin-bottom:30px;}
	
	
	
	
	
	
	/***  job_list  **/
	.job_list{margin-bottom:30px;}
	.job_box4_right{width:100%;}
	.job_box4_right ul li{width:100%; margin-bottom:0;}


	.conbg{margin-top:69px !important; padding: 40px 0 !important;}
	.conbg .container{ width:90%;}

	/*.contact{margin-top: 40px;}*/
	.contactwarp{padding-bottom: 30px;}
	.contactlist{width:95%;}
	
	.s_pro_list{ height:auto; margin-bottom:30px;}
	.s_pro_list_con{ position:relative; margin-top:59px;}
	.s_pro_list_con img{width:100%; height:auto; display:block; }
	.s_pro_list_con .s_pro_list_con_in{width:100%; height:100%; padding-top:42%; box-sizing:border-box; position:absolute; left:0; top:0; z-index:999; background:#000; filter:alpha(opacity=0.7); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; }
	.s_pro_list_con .s_pro_list_con_in .in{}
	
	.s_pro_list_con .s_pro_list_con_in h3{color:#fff; font-size:30px; text-align:center; margin-bottom:30px;}
	.s_pro_list_con .s_pro_list_con_in p{  font-size:16px; text-align:center; line-height:24px; margin-bottom:10px;}
	.s_pro_list_con .s_pro_list_con_in p a{color:#fff;}
	.s_pro_list .swiper-pagination1{ text-align:center; }
	
	.bq{padding: 0 5%;}
	
	
	.wenhua_text{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; top:0; margin-top: 45px;}
	#qyjj .about_top_pic img{ right:0; bottom:0;}
	#spec-list ul li{width:23%;  }
	#spec-list{width:88%;  margin-left:5px;}
	
	.fx_top{ width:90%; margin:0 auto 30px auto;}
	.fx_con img{ width:90%; margin:0 auto;}
	.fx_cont{ margin-bottom:30px;}
	.pro1_con_list{ margin-bottom:30px;}
	.pro2{ margin:40px 0; padding:40px 0; height:auto;}
	.pro3{ margin:40px 0;}
	.pro3_text { padding:0 5%;}
	.pro3_pic img{ width:90% !important; margin:0 auto; }
	
	.honor_wz p{ width:90%; margin:30px auto; }
	
	.honor_wz{ margin-bottom:40px;}
	.pro4{ padding:40px 0;}
	
	
	.warpper{margin-top:69px;}
	.top_sm{padding:20px 5%;}
	.nav_list{width:90%; margin:20px auto 0 auto;}
	.warpper .row{ margin:0;}
	.dx{ margin-top:30px;}
	.dd{ top:70px;}
	
	.cx_list{ width:96%;}
	.about_top {
		margin-top: 25px;
		overflow: hidden;
		padding: 0px 0;
	}
	.yjjc{
		padding: 40px 5% !important;
	}
	.yjjc_con_left{
		background: #f4f4f6!important;
	}
	.yjjc_con_right h2{
		padding-left: 0!important;
	}
	.yjjc_con_right_list{
		padding-left: 0!important;
	}
	.yx_1{
		padding: 40px 0 !important;
	}
	.join_wz p{
		padding: 0 70px 0 10px!important;
	}
	.job_box4_left{ width: 100%;margin: auto; float: none;}
	.job_top{ margin-top:50px; margin-bottom: 40px;}
	.job_box4_right ul li{
		width: 100%;
		margin-top: 30px;
	}
	.job_box4 h1{
		margin: 15px 0 5px;
	}
	.contactlist .lxfs{
		margin-top: 30px;
	}
	.tb2{
		width: 100%!important;
	}
	
	
	
	}


	/*分页*/
.page1 {
    margin-top: 30px;
}
.page1 a {
    display: inline-block;
    padding: 4px 10px;
    color: #666;
    border: 1px solid #0485c7;
	
}

.page1 a.on {
    background-color: #0485c7;
    color: #fff;
}

.page1 .sy{ color:#0485c7; border:none;}
.page1 .wy{ color:#0485c7; border:none;}
.page1 .sy:hover{ background:none;}	
.page1 .wy:hover{ background:none;}