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


.top{
	top: 0;
	z-index: 9999;
	width: 100%;
position: absolute;
	padding: 30px 0 0 0;
	background: #fff;
}
.top .top_xz{
	width: 95%;
	margin: 0 auto;
	
}
.top .top_xz h1{
	float: left;
}
.top .top_xz h1 .img1{
	display: none;
}
.top .top_xz ul {
	margin-left: 20px;
	float: left;
	margin-top:12px;
}
.top .top_xz ul li{
	float: left;
	margin: 0px 10px;
	padding: 0px 20px 30px 20px;
	position: relative;
}

.top .top_xz  h4{
	float: right;
	color: #f1f1f1;
	margin-right: -5px;
	margin-top: 12px;
}
.top .top_xz  h4 a{
	color: #f1f1f1;
	margin: 0 5px;
	
	
} 

.top:hover .top_xz ul li>a{
	color: #383838;
}
.top:hover .top_xz  h4{
	color: #383838;
}
.top:hover .top_xz  h4 a{
	color: #383838;
	
	
} 

.top:hover .top_xz  h4 .x{
	color: #2F318B;
	
	
} 
.top:hover .top_xz ul .s{
	border-bottom: 3px solid #2F318B;

}
.top:hover .top_xz ul .s a{
	color: #2F318B
}
.top .top_xz ul li{
	border-bottom: 3px solid #fff;
}
.top .top_xz ul li:hover{
	border-bottom: 3px solid #2F318B;

}

.top:hover .top_xz ul li:hover>a{
color: #2F318B
}



.top_pf{
	position: absolute;
	top: 52px;
	left: 0;
	text-align: center;
	width: 100%;
	display: none;

}
.entop_pf{left: -37px !important;    width: 159px !important;top: 49px !important;}
.top_pf p{
	width: 100%;
	background:#fff;
	padding: 15px 10px;
	border-bottom: 1px solid #ccc;
}
.top_pf p a{
	font-size: 14px;
}
.top_pf p:hover{
color: #2F318B;
	background: #f1f1f1;
}

.top_pf p:hover a{
color: #2F318B;
}
.top .top_xz ul li:hover .top_pf{
	display: block;
}

#top{
	z-index: 9999;
	width: 100%;
	padding: 30px 0 0 0;
	overflow: hidden;
	
}
#top .top_xz{
	width: 90%;
	margin: 0 auto;
	
}
#top .top_xz h1{
	float: left;
}
#top .top_xz h1 .img1{
	display: none;
}
#top .top_xz ul {
	margin-left: 20px;
	float: left;
	margin-top:12px;
}
#top .top_xz ul li{
	float: left;
	margin: 0px 10px;
	padding: 0px 14px 30px 14px;
	position: relative;
}
#top .top_xz ul li>a{
	color: #f1f1f1;
}

#top .top_xz  h4{
	float: right;

	margin-right: -5px;
	margin-top: 12px;
}
#top .top_xz  h4 a{

	margin: 0 5px;
	
	
} 
#top:hover{
	background: #fff;
}

#top:hover .top_xz ul li>a{
	color: #383838;
}
#top:hover .top_xz  h4{
	color: #383838;
}
#top:hover .top_xz  h4 a{
	color: #383838;
	
	
} 

#top:hover .top_xz  h4 .x{
	color: #2F318B;
	
	
} 
#top:hover .top_xz ul .s{
		border-bottom: 3px solid #2F318B;

}
#top:hover .top_xz ul .s a{
color: #2F318B
}
#top .top_xz ul li:hover{
		border-bottom: 3px solid #2F318B;

}

#top:hover .top_xz ul li:hover>a{
color: #2F318B
}

#top:hover h1 .img {
	display: none;
}

#top:hover h1 .img1 {
	display: block;
}


#top .top_xz ul li:hover .top_pf{
	display: block;
}




/*cp*/
.cp{
	width: 100%;
	background: #f3f3f3;
	padding-top: 40px ;
	text-align: center;
	overflow: hidden;
}
.cp>h3{
	color: #2F318B;
	font-size: 36px;
	padding-bottom: 40px;
}
.cp .cp_jl{
	width: 90%;
	margin: 0 auto;
}
.cp .cp_jl .cp_z{
	width: 49.8%;
	float: left;
	position: relative;
		transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 

}
.cp .cp_jl .cp_z .nr{
	position: absolute;
	top: 0;
	right: 0;
	text-align: left;
	padding: 5%;
}
.cp .cp_jl .cp_z .nr  h4{
	font-size: 28px;
	margin-bottom: 10px;
}
.cp .cp_jl .cp_z .nr  p{
	font-size: 20px;
	margin-bottom: 15px;
}
.cp .cp_jl img{
	width: 100%;
}
.cp .cp_jl .cp_y{
	width: 49.8%;
	float: right;
	position: relative;
	margin-bottom: 0.5%;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 

}

.cp .cp_jl .cp_y .nr{
	position: absolute;
	top: 0;
	right: 0;
	text-align: left;
	padding: 5%
}
.cp .cp_jl .cp_y .nr  h4{
	font-size: 28px;
	margin-bottom: 10px;
}
.cp .cp_jl .cp_y .nr  p{
	font-size: 20px;
	margin-bottom: 15px;
}
.cp .cp_jl .cp_y:hover{
transform:translate(0px,-3px);
	box-shadow:  1px 1px 8px #d9d9d9}

.cp .cp_jl .cp_z:hover{
transform:translate(0px,-3px);
	box-shadow:  1px 1px 8px #d9d9d9}


/*an*/
.an{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 70px 0;
	overflow: hidden;
}
.an>img{
	margin-bottom: 4%;
	width: 40%;
}

.an ul:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }
.an ul {
	margin-left: -0.3%;zoom: 1;
	margin-bottom: 20px;
}
.an ul li{
	position: relative;
	float: left;
	width: 33%;
	margin-left: 0.3%;
	margin-bottom: 0.2%;
}
.an ul li>img{
	width: 100%;
}
.an ul li .an_pf{
	position: absolute;
	top: 0;
	background: url(../img/2.png);
	width: 100%;
	height: 100%;
	padding: 20%;

	
}
.an ul li a  {
	color: #f1f1f1;
}
.an_pf h3{
	margin-bottom: 15px;
	color: #f1f1f1;
	font-size: 24px;
	text-overflow: ellipsis;white-space:nowrap;overflow:hidden;
}
.an_pf2{
	display: none;
}
.an ul li:hover .an_pf{
	display: none;
}
.an ul li:hover .an_pf2{
	display: block;
}
.an ul li .an_pf2{
	position: absolute;
	top: 0;
	background: url(../img/1.png);
	width: 100%;
	height: 100%;
	padding: 22% 18% 0 18%;

	
}
.an ul li .an_pf2 p{
	font-size: 16px;
	color: #f1f1f1;
	overflow : hidden;
	display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;
	margin-bottom: 20px;
}
.an ul li .an_pf2 a{
	padding: 2px 10px;
	border: 1px solid #f1f1f1;
	border-radius: 15px;
}
.an ul li .an_pf2 a:hover{
	padding: 2px 10px;
	border: 1px solid #2F318B;
	border-radius: 15px;
	background: #2F318B;
}

.an .an_more{padding: 5px 20px;border: 1px solid #ccc;background-color: #2F318B;color: #fff;}
.an .an_more:hover{border-radius: 8px;}

.an .settingBox .ohbox{height: 220px;}

/*xw*/
.xw{
	width: 1200px;
	text-align: center;
	overflow: hidden;
}
.xw h3{
	font-size: 34px;
	color: #2F318B;
}
/*.xw ul {
	margin-left: -0.5%;
	margin-top: 40px;
}
.xw ul li{
	width: 49.5%;
	float: left;
	margin-left: 0.5%;
	position: relative;
	
}
.xw ul li img{
	width: 100%;
}
.xw ul li a{
	color: #f1f1f1;
}
.xw_pf {
	position: absolute;
	top: 0;
	padding: 5%;
	text-align: left;
}
.xw_pf h4{
	font-size: 24px;
	color: #333;
	margin-bottom: 15px;
	text-overflow: ellipsis;white-space:nowrap;overflow:hidden;

}
.xw_pf p{
	color: #333;
	font-size: 18px;
text-overflow: ellipsis;white-space:nowrap;overflow:hidden;
}*/

/*di*/

.di{
	width: 100%;
	overflow: hidden;
	background: #333333;
	padding-top: 50px;
}
.di_nr{
	width: 90%;
	margin: 0 auto;
}

.di_nr ul{
	
}
.di_nr ul li{
	float: left;
	width:7%;
}
.di_nr ul li p:nth-child(1){
	font-size: 18px;
	color: #f1f1f1;
	margin-bottom: 30px;
}
.di_nr ul li p:nth-child(1) a{
	font-size: 14px;
	color: #f1f1f1;
	
}
.di_nr ul li p{
	font-size: 14px;
	margin-bottom:20px;
	color: #9F9F9F;
}
.di_nr ul li p a{
	font-size: 14px;
	margin-bottom: 5px;
	color: #9F9F9F;
}
.di_nr ul li a{
width: 100%;
}
.di_nr ul li p a:hover{
	color: #6ca0e8;
}

.di_z{
	float: right;
	text-align: center;
}

.di_z h3{
	font-size: 21px;
	font-weight: 800;
	color: #f1f1f1;
	margin-bottom: 10px;
}
.di_z h4{
	color: #949494;
	line-height: 30px;
}

.di_z  h5{
	font-size: 16px;
	padding: 8px 15px;
	background: #2F318B;
	border-radius: 5px;
	margin-top: 15px;
}
.di_z  h5 a{
	color: #f1f1f1;
}
.di_z  h5 img{
	margin-top: 4px;
	margin-right: 5px;
}
.di_an{
	width: 100%;
	border-top: 1px solid #3e3e3e;
	overflow: hidden;
	float: left;
	padding: 10px;
	color: #d2d2d2;
	margin-top: 40px;
}
.di_an a{
	color: #d2d2d2;
}

.di_an a:hover{
	color: #DF0303;
}


/*nye*/
.banner_pf {
	position: absolute;
	bottom:0px;
	text-align: center;
	width: 100%;
	z-index: 666;
	display: block;
}
.banner_pf img{
	width: 15%;
}
.ny-banner{
	height: auto;
	position: relative;
	overflow: hidden;
}
.ny-banner>img{
	width: 100%;	
	height:500px
}
.ny-banner>.banner_pf h2{
	font-size: 50px;
	margin-bottom:10%;
	color: #f1f1f1;
}


/*dh*/
/*内页导航*/
.ny_dh_bj{width:100%; background: #f7f7f7;margin-bottom: 40px; }
.ny_dh ul{overflow:hidden;}
.ny_dh ul .wz{ clear:none;float: right;margin-top: 21px;color:#747474;}
.ny_dh ul li{ display:inline-block; padding:20px 40px;font-size: 16px; }
.ny_dh ul li a{ color:#747474;}
.ny_dh ul .wz a{ color:#747474;}
.ny_dh ul .s{border-bottom:solid 3px #2F318B;}
.ny_dh ul .s a{color:#2F318B;}
.ny_dh ul li:hover{border-bottom:solid 3px #2F318B;}
.ny_dh ul li:hover a{color:#2F318B;}
.ny_dh ul .wz a:hover{color:#2F318B;}
/*内页框架*/
.ny_dbj{width:100%; background:#f1f1f1; padding:50px 0 0 0;}
.ny_bj{width:100%; background:#fff; border-top:1px solid #ebebeb; padding:0 0 20px 0;}
.ny_kj{padding:0 0 0 0;width: 1200px;margin: 0 auto} 
.ny_kj .ny_wb{line-height:26px; color:#666; font-size:15px;}
/*内页框架*/
.w1200{
	width: 1400px;
	margin: 0 auto;
}


/*xw*/
.ny_xw{
	width: 1400px;
	background: #fff;
	margin:10px auto 10px auto;
	padding: 20px 60px;
	overflow: hidden;
	position: relative;
	box-shadow:  1px 1px 8px #d9d9d9;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	
}
.ny_xw img{
	float: left;
	width: 30%;
	margin-right: 4%;
}
.ny_xw h4{
	font-size: 20px;
	margin-bottom: 2%;
	color: #282828;
}
.ny_xw p{
	font-size: 16px;
	color: #686868;
}
.ny_xw h5{
	position: absolute;
	bottom: 8%;
	margin-left: 30%;
	color: #808080;
}
.ny_xw:hover{
	
transform:translate(0px,-3px);
	box-shadow:  1px 5px 8px #d9d9d9;

}

/*xw-nr*/
.xw_nr{
	width: 1400px;
	margin: 0 auto;
}
.xw_z img{max-width:100%;}
.xw_z{
	width: 74%;
	float: left;
	background: #fff;
	padding: 20px 30px;
	text-align: center;
}
.xw_z h2{
	font-size: 22px;
	color: #000;
	margin-bottom: 20px;
}
.xw_z h3{
	font-size: 12px;
	color: #808080;
	margin-bottom: 18px;
		
}
.xw_z p{
	line-height: 24px;
	color: #686868;
	text-align: left;

}
.xw_y{
	width: 25%;
	float: right;
	background: #fff;
	padding: 10px;
}

.xw_y h3{
	font-size: 18px;
	color: #2F318B;
	padding-bottom: 10px;
	border-bottom: 1px solid #B0B0B0;
	margin-bottom: 6%;
	position: relative;
}
.xw_y h3 i{
	position: absolute;
	bottom: -2px;left: 0;
	width: 40px;
	height: 3px;
	background: #2F318B;
		
		
}

.xw_tj{
	width:100%;
	margin-bottom:8%;
}

.xw_tj img{
	width: 30%;
	float: left;
	margin-right: 5%;
}
.xw_tj h5{
	font-size: 16px;
}
.xw_tj p{
	color: #686868;
}
.xw_tj h5:hover {
	color: #2F318B;
}

.he-1{width: 1400px;margin: 0 auto;padding: 20px;background: #fff;overflow: hidden;}
.he-1 ul{margin-top:20px;margin-bottom: 20px;}
.he-1 h4{color:#2F318B; font-family:"微软雅黑"; font-size:24px; font-weight:600; margin-bottom:15px}
.he-1 li{font-size:16px; color:#484848; font-family:"微软雅黑"; line-height:24px;margin-bottom: 15px;color: #686868}

.he-1 h3{
	font-size: 18px;
	color: #D11014;
	margin-top: 40px;
	padding-bottom: 10px;
}
.he-1 h5{
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 600;
	
}
.he-1 p{
	color: #686868;
}



/*gy*/
.gy img{max-width:100%;}
.gy{
	width: 1400px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
}
.gy>img{
	margin-bottom: 40px;
}






/*cp*/

/*文章详细*/
.newsLeft{background:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);-ms-box-shadow:0 1px 1px rgba(0,0,0,.1);width:1400px;padding:2.5% 2%;margin:1.6% 0 }
.newsDetail h2{font-size:24px;line-height:26px;text-align:center;color:#333;padding-bottom:15px;font-weight:normal;}
.newsDetail .msg{text-align:center;border-bottom:1px solid #ededed;font-family:"宋体";font-size:12px;padding-bottom:5px;}
.newsDetail .msg span{padding:0 7px;color:#999;}
.newsDetail .msg .fonts a{padding:0 3px;}
.newsDetail .msg a.active{font-weight:bold;color:#fe9418;}
.newsDetail .detailCont{padding:30px 0;line-height:26px;overflow:hidden;}
.newsDetail .detailCont .pic{text-align:center;padding-bottom:20px}
.newsDetail .detailCont .pic img{margin-top:10px;}
.pagIng{border:1px solid #ededed;padding:8px 15px;overflow:hidden;}
.pagIng .fl{width:589px;height:60px;padding-right:30px;border-right:1px solid #ededed;}
.pagIng .fl a{display:block;height:30px;line-height:30px;}
.pagIng .fr{line-height:28px;display:block;width:85px;height:28px;margin-top:16px;text-align:center;color:#fff;border-radius:2px;background:#fe9418;}
.pagIng .fr:hover{background:#f3ac00;color:#fff;}
.newsRight{width:28%;margin-top: 1.6%}
.newsRight .box{background:#fff;margin-bottom:20px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);-ms-box-shadow:0 1px 1px rgba(0,0,0,.1);overflow:hidden;}
.newsRight h3{padding-left:20px;height:42px;border-top:1px #f1f1f1 solid;border-bottom:1px #f1f1f1 solid;color:#333;font-size:18px;line-height:42px;}
.newsRight .news,.newsRight .product{padding:0 20px;overflow:hidden;}

.news a>img{
	margin-right: 20px;
}

.newsRight .news li{padding:20px 0;border-bottom:1px solid #f1f1f1;overflow:hidden;}
.newsRight .news  img{
	height: 60px;float: left;
}
.newsRight .news li a{display:block;}
.newsRight .news li h4,.newsRight .news li span{line-height:30px;}
.newsRight .news li span{display:inline-block;background:url(../images/icon_clock.png) no-repeat left 7px;padding-left:20px;color:#999;}
.newsRight .product li{width:100%;margin:15px 0;}
.newsRight .product li .pic{display:block;position:relative;width:100%;height:auto;overflow:hidden;}
.newsRight .product li .pic .cover{position:absolute;left:0;top:0;z-index:4;width:100%;height:100%;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;}
.newsRight .product li:hover .pic .cover{box-shadow:inset 0 0 100px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 0 100px rgba(0,0,0,0.3);-ms-box-shadow:inset 0 0 100px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 100px rgba(0,0,0,0.3);}
.newsRight .product li .pic img{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;width:100%;height:auto;}
.newsRight .product li .cont{padding-top:10px;overflow:hidden;}
.newsRight .product li .cont .tit{margin-bottom:5px;font-size:16px;color:#000;}
.newsRight .product li .cont .des a{color:#999;font-size:12px;}
.newsRight .product li:hover .cont .tit a{color:#fe9418;}

.leftProd{width:30%;height:auto;overflow:hidden;position:relative;float: left; }
.leftProd .hd{margin-top:50px;padding-bottom:50px;text-align:center;}
.leftProd .hd ul li{display:inline-block;margin:0 5px;width:10px;height:10px;background-color:#ddd;border-radius:50%;text-indent:-9999px;cursor:pointer;}
.leftProd .hd{position:absolute;left:0;bottom:10px;width:100%;text-align:center;margin-top:0;padding-bottom:0;}
.leftProd .hd ul li.on{background-color:#fe9418;border-color:#fe9418;}
.leftProd .cBtn{top:45%;}
.leftProd .bd li img{width:100%;height:100%;}
.prodXian{padding-bottom:30px;overflow:hidden;}
.prodXian .ti{line-height:55px;border-bottom:1px solid #ededed;font-size:20px;color:#333;}
.prodXian .xm{padding-top:20px;font-size:16px;overflow:hidden;}


.prodXian .xm .pImg{display:block;width:33.3%;height:231px;float:left;margin-right:30px;}
.prodXian .xm .pImg img{width:100%;height:100%;}

.prodXian .xm p{width:33.3%;float:left;line-height:33px;}

.prodXian .xm p span{color:#fe9418;font-size: 18px;font-weight: 600;}
.prodXian .xma{padding-top:20px;overflow:hidden;line-height:30px;}
.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.clearfix:after{display:block;clear:both;height:0;content:'\200B';overflow:hidden;}
.clearfix{zoom:1;}
a{color:#555;text-decoration:none;outline:none;font-size: 16px;}
.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.fl{float:left;}
/*.fr{float:right;}*/

.pb80 {
	width: 1400px;
	margin: 0 auto;
		
}
 .prev, .next {
    position: absolute;
    z-index: 99;
    top: 52%;
    margin-top: -40px;
    left: 0;
    height: 70px;
    width: 30px;
    color: #fff;
    cursor: pointer;
    background-color: #000;
    opacity: .5;
}

 .prev{
	background-image: url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY0M0UwQjkxMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0M0UwQjkwMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACUIyPqcvtD6OctNqLs968+w+G4kiWIYB6aMqtrOYCrTuv9ZvFt7zpPf2zBXEY31Al3CGTQ56yY2wuiTng8yqFWo9Lk/cLDovH5LL5jE6r15oCADs=");
}
 .next {

    left: auto;
    right: 0;
    background-image: url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg0QTYyN0Y0MEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg0QTYyN0YzMEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACV4yPqcvtD6OctNqLs968+w+G4kiWFIB+aNqtLOcCXjy79Xq/G93aPf7TaXgwX1GYMQ6VGGKSeXE2oRZplFqxVrEn7kSb9X6BR5P5jE6r1+y2+w2Py+fmAgA7");
}


.prorigh{width: 65%;float: right;}
.prorigh h3{font-size: 25px;color: #2F318B;padding-bottom: 1em;border-bottom: 1px dashed #ccc;}
.prorigh ul{width: 100%;padding: 1%;}
.prorigh ul li{padding: 1% 0;}
.prorigh ol{padding: 1.5% 0;width: 8em;margin-top: 1em; text-align: center;background: #2F318B;font-size: 18px; color: #fff;border-radius: 10px;}

.ljzx{padding: 3% 0;text-align: center;background-size: 100% 100%; width: 100%;background: url(../img/showBan.jpg);}
.ljzx h1{font-size: 30px; color: #fff;margin-bottom: 15px;}
.ljzx ol{width: 10em;padding: 0.8% 0; transition: all 1.5s; border-radius: 8px;color: #fff; margin: 0 auto;background: #2F318B;}
.ljzx ol:hover{transform: scale(1.2);}
/*cp*/
.ny_cp{
	width: 1400px;
	margin: 0 auto;
	text-align: center;
}
.ny_cp ul{
	margin-left:-0.5%;

}
.ny_cp ul li{
background: #f3f3f3	;
	float: left;
	width: 24.5%;
	padding: 10px;
	margin-left: 0.5%;
	margin-bottom: 0.5%;
		transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 

}
.ny_cp ul li:hover{
	transform:translate(0px,-3px);
	box-shadow:  1px 5px 8px #d9d9d9;

}
.ny_cp ul li img{
	width: 100%;
}
.ny_cp ul li h3{
	font-size: 20px;
	padding: 10px 0;
	text-overflow: ellipsis;white-space:nowrap;overflow:hidden;
}
.ny_cp ul li p{
	color: #787878;
	height:2.5em;
overflow : hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;
}
.ny_cp ul li  .more{
	width: 10em;
	padding: 5px 0;
	margin: 15px auto;
	line-height: 30px;
	border-radius: 10px;
}
.ny_cp ul li:hover .more{
	
	background: #2F318B;
	color: #f1f1f1;
}



/*fw*/
.fw{
	width: 1400px;
	margin: 40px auto 0 auto;
}
.fw .fu_z{
	border-right: 1px solid #C1C1C1;
	float: left;
	padding: 20px 60px;
	width:14.1%;
	
}
.fw .fu_z p{
	margin-bottom: 30px;
	padding-bottom: 15px;
	padding: 10px ;
}
.fw .fu_z p:hover a{
	color: #2F318B;
}
.fw .fu_z p:hover {
	border-bottom: 2px solid #2F318B;
	margin-bottom: 28px;
}
.fw .fu_z .s{
	margin-bottom: 30px;
	padding-bottom: 15px;
	padding: 10px ;
	border-bottom: 2px solid #2F318B;
}
.fw .fu_z .s a{
	color: #2F318B;
}

.fw .fu_y{
	width: 82%;
	float: right;
	padding: 15px 0;
} 


.fw .fu_y .az{
	line-height: 30px;
	color: #686868;
}
.fw .fu_y .az h2{
	font-size: 18px;
	color: #282828;
	margin-bottom: 30px;
}


/*内页新闻和知识中心*/
.ny-gsjj-nr{width:95%;margin:0px auto 70px auto;overflow: hidden;}
.ny-gsjj-nr ol{ margin-bottom:0px;margin-top:10px; }
.ny-gsjj-nr ol li img {float: left;transition: all 0.4s ease;margin-bottom: 10px;}
.ny-gsjj-nr ol li{ border-bottom: 1px solid #D6D6D6; overflow: hidden; margin-bottom: 35px;width: 100%}
.ny-gsjj-nr ol li h2{ margin-bottom:30px;font-size:16px;transition: all 0.8s ease;font-weight: 900}
.ny-gsjj-nr ol li h2 p{float:right;transition: all 0.2s ease;font-size: 16px;margin-right: 100px;}
.ny-gsjj-nr ol li p{ font-size: 14px; line-height: 24px;color: #808080;transition: all 1.2s ease;padding-bottom: 30px;}

.ny-gsjj-nr ol li:hover p{margin-left:10px;color: #1275D1;}
.ny-gsjj-nr ol li:hover h2{margin-left: 10px;color: #1275D1;}
.ny-gsjj-nr ol li:hover img{margin-left:10px;color: #1275D1;}


/*fw*/
.ny_fw{
	width: 95%;
	margin: 0 auto;
	padding: 2%;
	overflow: hidden;
	margin-bottom: 70px;
	background: #f9f9f9;
}

.ny_fw ul{
	
}
.ny_fw ul li{
	padding-bottom: 20px;
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 50px;
}
.ny_fw ul li img{
	float: left;
	margin-right: 20px;
}
.ny_fw ul li h3{
	font-size: 18px;
	font-weight: 600;
	color: #282828;
	margin-bottom: 10px;
}
.ny_fw ul li p{
	font-size: 12px;
	color: #808080;
}
.ny_fw ul li h4{
	text-align: right;
	padding: 10px 20px;
	border: 1px solid #1275D1;
	float: right;
	margin-top: -40px;
			transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 

}
.ny_fw ul li h4 a{
	text-align: right;
	color: #1275D1
}
.ny_fw ul li h4:hover {
	background: #1275D1;
}
.ny_fw ul li h4:hover  a{
	color: #f1f1f1;
}
.ny_fw ul li h3:hover  a{
	color:#1275D1;}

/*nycp*/
.ny-cp{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 2%;
}
.ny-cp ul{
	overflow: hidden;
	margin-left: -2.29%;
	margin-top: 2%;	
}
.ny-cp ul li{
	width: 31%;
	float: left;
	margin-left: 2.29%;
    border: 1px solid #ccc;
}
.ny-cp .wor1 li{
	width: 22%
}
.ny-cp ul li img{
	width: 100%;
}
.ny-cp ul li p{
	color: #333;
	font-size: 16px;
	padding:15px 5px;
	transition-duration:0.6s; 
	-moz-transition-duration:0.6s; 
	-webkit-transition-duration:0.6s; 
	-o-transition-duration:0.6s; 
	
}
.ny-cp ul li:hover p{
color: #f1f1f1
}

.ny-cp ul li:hover p{
	background:#1275D1;

}


.container {
	padding: 0;
}


/* WP8 and IE10 hack */
@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
.ie {
	height: 100%;
	width: 100%;
	background: url(../images/404.jpg) no-repeat center center #F3F2EE;
	position: fixed;
	z-index: 999999;
}


.fancybox{ margin-bottom:30px;}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
	position: relative;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/fancybox_sprite.png);
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../images/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../images/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
/* Overlay helper */

.fancybox-lock {
	overflow: visible !important;
	width: auto;
}
.fancybox-lock body {
	overflow: hidden !important;
}
.fancybox-lock-test {
	overflow-y: hidden !important;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../images/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}
/* Title helper */

.fancybox-title {
	visibility: hidden;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (min--moz-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/fancybox_sprite@2x.png);
	background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
	background-image: url(../images/fancybox_loading@2x.gif);
	background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/* 缩略图样式 */
#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 99999999999;
}
#fancybox-thumbs.bottom {
	bottom: 2px;
}
#fancybox-thumbs.top {
	top: 2px;
}
#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}
#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}
#fancybox-thumbs ul li:hover {
	opacity: 1;
}
#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}
#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}


/*sj*/
/*导航*/
.mobile-inner{ float:right; margin-top:-12px; transition:all 0.5s;display: none;z-index: 888;text-align: left;padding-bottom: 15px;}
.mobile-inner img{width: 100%;margin-bottom: 30px;}
.mobile-inner p{color: #676767;line-height: 25px;font-size: 16px;padding-bottom: 30px;padding-right: 30px;padding-left: 30px;margin:0px;}
.mobile-inner-header{height: 50px;z-index:10;}
.mobile-inner-header-icon{height:50px;text-align: center;width: 50px;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}

.mobile-inner-nav{background:#222222;width: 100%;position:fixed;top:85px;left: 0px;bottom:0px;padding-top: 30px;padding-bottom: 80px;display: none;z-index:21;z-index: 999999}
.mobile-inner-nav a{display:block;line-height: 50px;text-decoration: none;width:96%; margin:0 auto; color: #FFFFFF;border-bottom: solid 1px rgba(255,255,255,0.3);transition: all 0.5s;font-weight:300;}

.mobile-inner-header-icon:hover{background-color: rgba(255,255,255,0.2);cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 2px;background-color: rgba(0,0,0,1);}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
	
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
/* flexslider */

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.block_home_slider .slide {position:relative;}
.block_home_slider .caption {padding:13px 16px 12px; position:absolute; left:0px; right:0px; bottom:0px; background:url( ../image/bg_caption.png); text-align:left;}
.block_home_slider .caption p {padding-bottom:0px; font-size:11px; color:#dedede; text-shadow:0px -1px #000000; line-height:17px;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/


}
.block_home_slider .caption p.title {padding-bottom:6px; font-size:15px; color:#ffffff; font-weight:bold; line-height:normal;

}
.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:50%; background-repeat:no-repeat; background-image:url(../image/sprite_arrow_2.png); text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider .flex-control-paging {padding-top:15px; display:inline-block;}
.block_home_slider .flex-control-paging li {
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
	list-style-type: none;
	background: none;
}
.block_home_slider .flex-control-paging li a {width:0px; height:12px; display:block; background-repeat:no-repeat; background-image:url(sprite_nav_3.png); text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active {background-position:right top;}

.block_home_post_feature {width:300px;}
.block_home_post_feature p {padding-bottom:0px;}



.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}




.AP_foot {position:fixed;bottom:0;width:100%;box-sizing:border-box;background:repeating-linear-gradient(#222222,#222222);opacity:0.9; z-index:99;display:none;}
.AP_foot:after {content:"";display:block;visibility:hidden;clear:both;}
.AP_foot a {width:25%;text-align:center;box-sizing:border-box;float:left;color:#fff;font-size:1.1em;padding:5px 0;}
.tel:before {content:"";display:block;margin:0 auto;width:20px;height:20px;background:url(../img/main_icon.png) no-repeat left top;background-size:20px auto;}
.signup:before {content:"" ;display:block;margin:0 auto;width:20px;height:20px;background:url(../img/main_icon.png) no-repeat left -20px;background-size:20px auto;} 
.ask:before {content:"";display:block;margin:0 auto;width:20px;height:20px;background:url(../img/main_icon.png) no-repeat left -40px;background-size:20px auto;}
.query:before {content:"";display:block;margin:0 auto;width:20px;height:20px;background:url(../img/main_icon.png) no-repeat left -80px;background-size:20px auto;}

.yc{
	display: none;
}

.product_xq_right ul>p{
	margin-top: 10px;
	margin-left: 6px;
}
.cx{
	display: block;
}

#top{
	display: none;
}

   .pro_tab .tab_bar {
   	width: 1200px;
    margin: 30px auto;
  }
  .pro_tab .tab_bar ul {
    margin: 0 auto;
    text-align: center;
  }
  .pro_tab .tab_bar li:hover{background-color: #2F318B;color: #fff;cursor: pointer;}
  .pro_tab .tab_bar li {
    list-style-type: none;
    float: left;
    width: 27%;
       font-size :20px;
    margin: 10px 24px;
    text-overflow: ellipsis;white-space:nowrap;overflow:hidden;
    /*background-color: gray;*/
    padding: 10px 5px;
    border: 1px solid #ccc;
    border-radius: 8px;
  }
  

  
.tab_css{width: 100%; margin: 0 auto;margin-top: 70px; list-style-type: none;display: none}
.tab_css .pro_div1{width: 29%;float: left;margin: 20px 13px;border: 1px solid #ccc;}
.tab_css .pro_div1 img{width: 100%;}
.tab_css .pro_div1 .text{padding: 10px 0;}
.tab_css .pro_div1:hover .text{background-color: #2F318B;color: #fff;}


.pr_ul{width: 1400px;margin: 20px auto; zoom: 1; }
.pr_ul:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.pr_ul li{padding: 5px 20px;border: 1px solid #ccc; float: left;}
.pr_ul li:hover,.pr_ul li.xuan{background: #2F318B;color: #fff;}

 .clear{clear: both;}

.ji_ul1{width:45%;float:left; clear:both;margin:0 auto;}
.ji_ul2{width:45%;float:right;margin:0 auto;}

 .h5title{
    text-align: center;
    padding: 10px 0 30px 0;
}

/*首页*/
.pro_tab .tab_css img{width: 100%;}
.tab_css .pro_depo{width: 1000px;margin: 0 auto;margin-top: -8%;}



.an>h3{
	color: #2F318B;
	font-size: 36px;
}

.xw .in_new{width: 100%;margin: 30px 0;}
.xw .in_new>div{width: 48%;}
.in_new .new_div1{float: left;}
.in_new .new_div2{float: right;}
.new_div2>div{width: 100%;margin-bottom: 20px;float: left;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;}
.new_div2>div:hover{
	color: #ccc;
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;}
.new_div2 .newd2_n1{width: 35%;float: left;}
.newd2_n1 img{width: 100%;height: 135px;}
.new_div2 .newd2_n2{width: 63%;float: right;}
.newd2_n2 li{text-align: left;}
.newd2_n2 li span{float: right;color: #333;font-size: 12px;line-height: 30px;}
.newd2_n2 li.inew_title{font-size: 18px;font-weight: 700;clear: both;}
.newd2_n2 li.inew_title p{float: left; display: block; text-overflow: ellipsis;white-space:nowrap;overflow:hidden;width: 75%;}
.newd2_n2 li.inew_cont{width: 98%; line-height: 25px;font-size: 14px; margin: 30px 0 10px 0;overflow : hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.newd2_n2 li.inew_more{text-align: left;cursor: pointer;color: #2F318B; }


.pro_tab #box{
	width:100%;
}
.pro_tab #box li {
	margin: 0 25px;
	width:400px;
}
.pro_tab .mb-wrapper {
	margin: 0 auto 20px;
	position: relative;
	height:500px;
	left: 0;
	top: 0;
}
.pro_tab .mb-slider, .mb-scroll {
	width: 100%;
	height:380px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
}
.pro_tab .mb-active-slider {
	border-color: #333;
}
.pro_tab .mb-slider .mb-panel {
	margin-top:100px;
	display: block;
	cursor: pointer;
	float: left;
	list-style: none;
}
.pro_tab .mb-panel a {
	outline:0;
}
.pro_tab .mb-slider .mb-panel.current {
	cursor: auto;
}
.pro_tab .mb-inside * {
	max-width: 100%;
}
.pro_tab a.mb-scrollButtons {
	display: block;
	width: 45px;
	height: 58px;
	position: absolute;
	top: 40%;
	margin-top: -29px;
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	border: 0;
	
}
.pro_tab a.mb-scrollButtons.mb-left {
	background-position: left top;
	left: -45px;
background: transparent url(../images/preImg.png) no-repeat;
	}
.pro_tab a.mb-scrollButtons.mb-right {
	background-position: right top;
	right: -45px;
	background: transparent url(../images/nexImg.png) no-repeat;
}
.pro_tab a.mb-scrollButtons.mb-left:hover {
	background-position: left bottom;
}
.pro_tab a.mb-scrollButtons.mb-right:hover {
	background-position: right bottom;
}
.pro_tab a.mb-scrollButtons.disabled {
	display: none;
}
.pro_tab .mb-controls {
	margin: 0 auto;
	text-align: center;
	position:absolute;
	top:350px;
	left:560px;
	z-index: 100;
}
.pro_tab .mb-controls a {
	color: #666;
	font: 18px/2.2 Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}
.pro_tab .mb-panel {
	margin-top:90px;
}
.pro_tab .mb-controls a:hover {
	color: black;
}
.pro_tab .mb-controls a.current {
	color:#900;
}
.pro_tab .main-nav {
	display: block;
	text-align: center;
	border-bottom: 2px solid #a71700;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}
.pro_tab .main-nav a {
	text-decoration: none;
	color: #3e63ec;
	font-size: 18px;
	margin: 0 8px;
}
.pro_tab .main-nav a:hover {
	color: black;
	border-bottom: 2px solid black;
}
.pro_tab .mb-inside img {
	width: 100%;
}


/*xinwen*/
.xw .carousel {
	position: relative;
	width: 100%;
	height: 445px;
	overflow: hidden;
	margin: 0 auto;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .3)
}

.xw .carousel:hover .slide:after,
.xw .carousel:hover .counter,
.xw .carousel:hover .slide:before {
	opacity: 1
}

.xw .slide {
	float: right;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 445px;
	background-color: #eee;
	text-align: center;
	transition: opacity .4s;
	opacity: 1;
	text-overflow: ellipsis;white-space:nowrap;overflow:hidden;
}
.xw .slide img{width: 100%;height: 100%;}
.xw .slide:before {
	content: attr(annot);
	display: block;
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: rgba(255, 255, 255, .9);
	font-size: 14px;
	font-weight: 300;
	z-index: 12;
	opacity: 0;
	transition: opacity .3s;
	text-shadow: 0 0 1px #000
}

.xw .slide:after {
	content: attr(slide);
	display: block;
	position: absolute;
	bottom: 0;
	transition: opacity .3s;
	width: 100%;
	height: 80px;
	opacity: 0;
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
	text-align: left;
	text-indent: 549px;
	line-height: 101px;
	font-size: 13px;
	color: rgba(255, 255, 255, .9);
	text-shadow: 0 0 1px #000
}

.xw .counter {
	position: absolute;
	bottom: 20px;
	right: 1px;
	height: 20px;
	width: 60px;
	z-index: 2;
	text-align: center;
	color: #fff;
	line-height: 21px;
	font-size: 13px;
	opacity: 0;
	transition: opacity .3s
}

.xw .faux-ui-facia {
	top: 0;
	right: 0;
	float: right;
	position: absolute;
	margin-top: 0;
	z-index: 9;
	height: 100%;
	width: 100%;
	opacity: 0;
	cursor: pointer
}

.xw .faux-ui-facia:checked {
	z-index: 8
}

.xw .faux-ui-facia:checked+.slide {
	opacity: 0
}

.xw .faux-ui-facia:checked:nth-child(1):checked {
	z-index: 9
}

.xw .faux-ui-facia:nth-child(1):checked {
	float: left;
	z-index: 9
}

.xw .faux-ui-facia:nth-child(1):checked+.slide {
	opacity: 1
}

.xw .faux-ui-facia:nth-child(1):checked~.faux-ui-facia {
	float: left;
	z-index: 8
}

.xw .faux-ui-facia:nth-child(1):checked~.faux-ui-facia+.slide {
	opacity: 0
}

.xw .faux-ui-facia:nth-child(1):checked~.faux-ui-facia:checked {
	z-index: 9
}

.xw .faux-ui-facia:nth-child(1):checked~.faux-ui-facia:checked+.slide {
	opacity: 1
}

.xw .intro {
	padding: 80px 0 60px;
	text-align: center;
	color: #fff;
	margin: auto;
	width: 100%;
}

.xw .intro .intro__title {
	font-weight: 200;
	font-size: 32px;
	color: #fff
}

.xw .intro .intro__body {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	opacity: .48;
	padding: 0 160px;
	margin: 0
}




/*关于我们*/
.about{margin: 60px auto;}
.about>h3{
	text-align: center;
	color: #2F318B;
	font-size: 36px;
}
.ab_zen div{float: left;width: 45%;}
.ab_zen div.ab_right{float: right; width: 50%;}
.ab_left img{float: right;width: 100%;height: 340px;}
.ab_right li{width: 100%;clear: both;margin-bottom: 10px;text-align: left;}
.ab_right img{float: left;}
.ab_right h1{font-size: 20px;}
.ab_right .ab_cont{margin-top: 20px;color: #666; line-height: 30px;text-indent: 2em; overflow : hidden;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
.ab_right .ab_more{padding: 5px 20px;border: 1px solid #ccc;background-color: #2F318B;float: left;color: #fff;}
.ab_right .ab_more:hover{border-radius: 8px;}

.setting{padding:50px 0;}
.setting .menu{text-align:center;height:56px;margin-bottom:30px;}
.setting .menu a{display:inline-block;width:170px;height:52px;line-height:52px;text-align:center;font-size:16px;color:#333;background:#f8f8f8;border-radius:26px 0 0 26px;border:2px solid #6CA0E8;border-right:none;}
.setting .menu a:nth-child(2){border:2px solid #6CA0E8;border-left:none;border-radius:0 26px 26px 0;}
.setting .menu a.on,.aboutBox3 .font a,.aMore,.l_more{color:#fff;background: -webkit-linear-gradient(left bottom, #6CA0E8, #2F318B);
	background: -o-linear-gradient(left bottom, #6CA0E8, #2F318B);
	background: -moz-linear-gradient(left bottom, #6CA0E8, #2F318B);
	background: linear-gradient(left bottom, #6CA0E8, #2F318B);}
.settingMain,.settingBox{position:relative;}
.settingBox .ohbox{overflow:hidden;}
.settingMain ul{width:1240px;overflow:hidden;margin-bottom:30px;}
.settingMain li{float:left;width:285px;height:260px;text-align:center;margin-right:20px;}
.settingMain li .pic{display:block;width:285px;height:210px;overflow:hidden;background:#6CA0E8;}
.settingMain li img{width:285px;height:210px;transition:all 0.5s;}
.settingMain li p{height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.settingMain li:hover img{transform:scale(.96);}
.settingMain .pageBtn span{top:85px;}


/*产品中心*/

.fl {
	float: left;
}
.fr {
	width: 1400px;
    margin: 0 auto;
}
.w1200 {
	width: 1200px;
	margin: 40px auto;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb25 {
	margin-bottom: 25px;
}
.center {
	text-align: center;
}
.hide {
	overflow: hidden;
}
.erp {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*  解决方案 */

.solution {
	padding-top: 5%;
	overflow: hidden;
}
.hTitle {
	text-align: center;
	font-size: 36px;
	color: #2F318B;
	font-weight: normal;
	margin-bottom: 30px;
	line-height: 36px;
	text-transform: uppercase;
}
.hTitle span {
	font-size: 14px;
	color: #666;
	display: block;
}
.solution .menu {
	text-align: center;
	margin-bottom: 2%;
}
.solution .menu a {
	display: inline-block;
	width: 274px;
	height: 62px;
	border: 1px solid #ccc;
	text-align: center;
	margin: 0 20px;
	color: #333;
	border-radius: 32px;
	line-height: 62px;
	font-size: 20px;
	transition: 0s;
}
.solution .menu a i {
	display: inline-block;
	width: 30px;
	height: 32px;
	background: url('../img/static/sIcon.png') no-repeat;
	margin-right: 8px;
	position: relative;
	top: 8px;
	transition: .3s;
}
.solution .menu a:nth-child(2) i {
	background-position: -30px 0;
}
.solution .menu a:nth-child(3) i {
	background-position: -60px 0;
}
.solution .menu a.on,
.solution .menu a:hover,
.solutionMain .main .more,
.case .more,
.aboutMain .more {
	background: -webkit-linear-gradient(left bottom, #6CA0E8, #2F318B);
	background: -o-linear-gradient(left bottom, #6CA0E8, #2F318B);
	background: -moz-linear-gradient(left bottom, #6CA0E8, #2F318B);
	background: linear-gradient(left bottom, #6CA0E8, #2F318B);
	color: #fff;
	border: 1px solid #6CA0E8;
}
.solution .menu .on i {
	background-position: 0 -32px;
}
.solution .menu .on:nth-child(2) i {
	background-position: -30px -32px;
}
.solution .menu .on:nth-child(3) i {
	background-position: -60px -32px;
}
.solutionMain {
	background: #f8f8f8;
}
.solutionMain,
.solutionBox {
	overflow: hidden;
}
.solutionMain .main {
	position: relative;
	font-size: 16px;
	z-index: 2;
}
.solutionMain .main img {
	position: relative;
	margin-left: -360px;
}
.solutionMain .main .font {
	position: absolute;
	right: 0;
	top: 190px;
	width: 400px;
	padding: 40px 50px;
	background: #fff url('../img/static/s_line.jpg') no-repeat left top;
	z-index: 3;
	opacity: 0;
	transition: all 0.8s;
	transition-delay: .1s;
}
.solutionMain .main.on .font {
	opacity: 1;
	top: 160px;
}
.solutionMain .main h4 {
	font-size: 30px;
	color: #333;
	font-weight: normal;
	margin-bottom: 30px;
	line-height: 30px;
}
.solutionMain .main p {
	height: 140px;
	margin-bottom: 10px;
	overflow: hidden;
}
.solutionMain .main .more {
	display: inline-block;
	width: 125px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 18px;
	color: #fff;
	text-align: center;
}
.solutionMain .main .more:hover,
.aboutMain .more:hover {
	box-shadow: 0 0 5px #fff inset;
	width: 180px;
}
.solutionMain .main:before {
	content: '';
	position: absolute;
	top: 0;
	left: -50%;
	width: 0;
	height: 100%;
	background: url('../img/static/overlay_a.png') repeat;
	animation: overIn 2s both;
	z-index: 2;
}
@keyframes overIn {
	from {
		width: 200%;
	}
}
.product {
	position: relative;
	margin-top: -10%;
	z-index: 5;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 80px;
}
.product .ohbox {
	overflow: hidden;
}
.product .ohbox ul {
	width: 1240px;
}
.product li {
	float: left;
	width: 100%;
	margin-right: 20px;
	border: 1px solid #eee;
	text-align: center;
	margin-bottom: 8px;
	background: #fff;
}
.product li .pImg {
	width: 100%;
	display: block;
	overflow: hidden;
}
.product li img {
	width: 100%;
	transition: all 0.5s;
}
.product li p {
	height: 40px;
}
.product li:hover {
	box-shadow: 0 0 10px #ddd;
}
.product li:hover img {
	transform: scale(1.1);
}
.product .pageBtn span {
	background: url('../img/static/pBtn.png') no-repeat 0 0;
	display: inline-block;
	width: 36px;
	height: 36px;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999px;
	left: -70px;
	top: 115px;
	border: 1px solid #ccc;
border-radius: 50%;
}
.product .pageBtn .next {
	background-position: -36px 0;
	left: auto;
	right: -70px;
}
.product .pageBtn span:hover {
	background-position: -72px 0;
}
.product .pageBtn .next:hover {
	background-position: -108px 0;
}


.tempWrap{overflow:hidden; position:relative; width:1208px}
.tempWrap ul{width: 2718px; position: relative; overflow: hidden; padding: 0px; margin: 0px;}
.tempWrap ul li{float: left; width: 285px;}


.pro_block{display: none;}
.product .pro_dic ul{overflow: hidden; width: 48%;float: left;margin: 1% 1%;border: 1px solid #ccc;}
.product .pro_dic ul li{width: 100%;}
.product .pro_dic ul li img{width: 100%;}

.set_div{width: 98%;margin: 0 auto;}
.set_div ul{float: left;width: 48%;margin: 1%;}
.set_div li{text-align: center;}
.set_div li img{width: 100%;}
.set_block{display: none;}

.an_block{display: none;}

@media screen and (max-width:1400px){
	.w1200{width: 85%;}
	.product .ohbox{width: 90%;margin: 0 auto;}
}
@media screen and (max-width:1340px){
	.di_nr ul li{width: 11%;}
}
@media screen and (max-width:1208px){
	.pro_tab .tab_bar {width: 100%;}
	.tab_css{width: 100%;}
	.xw_pf { width: 90%;}
	.ji_ul2{font-size:12px;}
	.solutionMain .main img{width: 100%;margin-left: 0;}
}

@media screen and (max-width:1024px){
	.w1200{width: 99%;}
}
@media screen and (max-width:942px){
	.solution .menu a{width: 29%;margin: 0 2%;}
	.an_block{display: block;}
	.an_none{display: none;}
}
@media screen and (max-width:769px){
	.ji_ul1,.ji_ul2{width:95%;magin:0 auto;font-size:12px}
	.new_div1{width: 100%;margin-bottom: 20px;}
	.solution .menu a{width: 28%;}
	.xw .in_new>div{width: 98%;margin: 10px auto;}
	.pro_block{display: block;}
	.pro_none{display: none;}
	.set_block{display: block;}
	.set_none{display: none;}
	.settingMain li img{height: auto;}
	.ab_left img{height: auto;}
	.ab_right img{width: 50%;}
	.product{margin-top: 0;}
	.ab_zen div{width: 100%;margin: 0 auto;height: auto;}
	.ab_zen div.ab_right{width: 97%;margin: 10px auto;}
	.set_div li{width: 100%;height: auto;line-height: 35px;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}
}
	
@media screen and (max-width:900px){
	.newd2_n2 li span{display: none;}
}
@media screen and (max-width:500px){
	.solution .menu a{font-size: 14px;}
}

@media screen and (max-width:414px){
	.setting .menu a{width: 48%;}
	.pro_tab .tab_bar li{width: 90%;}
	.tab_css .pro_div1 {width:93%;}
	.solution .menu a{width: 31%;font-size: 13px;line-height: 0;height: auto;padding-bottom: 4%;margin: 0 1%;}
	.newd2_n2 li.inew_cont{margin: 0;}
	.newd2_n2 li.inew_title p{width: 70%;}
	.xw .in_new{margin: 0;}
	.xw .slide{height: auto;}
	.xw .carousel{height: 300px;}
	.setting{padding:20px 0;}
	.w1200{padding:0px 0;margin:0;}
}
@media screen and (max-width:380px){
	.solution .menu a i{ display: none;}
	.solution .menu a{    padding: 1em;}
}
@media screen and (max-width:330px){
	.solution .menu a{width:95%;margin:2% 0;padding: 1.5em;}
	
}