@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{
	font-family: "微软雅黑";
	font-size: 14px;
	color:#000;	
}

ul, ol { list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Lao UI, sans-serif, "微软雅黑"; vertical-align:middle;}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix:after{ display:block; content:''; visibility:hidden; height:0px; clear:both;}
.clearfix{ zoom:1;}
a{ color:#333; text-decoration:none;}

/*top*/
.top{
	
}
.top-logo{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.top-logo h1{
	float: left;
	padding: 18px 0;
	width: 280px;
}
.top-logo h1 img{
	width: 100%;
}

.top-logo h3{
	float: right;
	margin-top: 12px;
}
.top-logo h3 img{
	width: 80px;
}
.top-logo h3 p{
	float: right;
	font-size: 22px;
	font-weight: 600;
	color: #014da2;
	line-height:35px;
	margin-top: 10px;
	margin-left: 10px;
}
.top-logo h3 p b{
	color: #484848;
	font-family: "宋体";
	font-size: 28px;
}
.top-dh {
	width: 100%;
	overflow: hidden;
	background: #014da1;
	
}
.top-1200{
	width: 1200px;
	margin: 0 auto;
}
.top-dh ul {
	
}
.top-dh ul li{
	float: left;
	padding: 16px 30px;
	font-size: 16px;
	color: #f1f1f1;
}


.top-dh ul .dj a{
	color: #f1f1f1;
}
.top-dh ul .dj:hover{
	background: #f7931c;
	
}
.top-dh ul .s{
	background: #f7931c;
	
}
.top-dh ul h4{
	float: right;
	margin-top: 17px;
}
.top-dh ul h4 a{
	padding: 10px;
	background: #f8941d;
	border-radius: 40px;
	color: #f1f1f1;
	
}

/*cp*/
.cp{
	width: 100%;
	overflow: hidden;
	background: #fff;
	padding-bottom: 20px;

}
.cp-1200{
	width: 1200px;
	margin: 20px auto;
	text-align: center;
}
.cp .cp-dh{
	margin-top: 73px;
}
.cp .cp-dh img{
	margin-bottom: 43px;
} 
.cp .cp-dh h3{
	padding-bottom: 66px;
}
.cp .cp-dh h3 a{
	border: 1px solid #c7c7c7;
	color: #818181;
	padding:0 1%;
	border-radius: 5px;
	line-height: 50px;
	width:auto;
	height:auto;
	float:left;
	display:block;
	white-space:nowrap;
	margin:1%;
}
.cp-1200  ul{
	margin-left: -43px;
clear:both; 
margin-top:20px;

}

 .cp-dh{ zoom: 1; }
.cp-dh:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }
.cp-1200 ul li{
float: left;
	margin-left: 43px;
	margin-bottom: 41px;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	position: relative;
	


}
.cp-1200 ul li img:nth-child(1){
	box-shadow: 0px 2px 7px #d1d1d1;
}
.cp-1200 ul li img:nth-child(4){
	position: absolute;
	bottom: -25px;
	display: none;
	left: 49%;
}
.cp-1200 ul li h3{
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #505050;
	text-overflow: ellipsis;white-space:nowrap;overflow:hidden;
}
.cp-1200 ul li p{
	color: #909090;
	min-height: 2em;
	text-overflow: ellipsis;white-space:nowrap;overflow:hidden;
}

.cp-1200 ul li:hover{
	transform: translateY(-20px);
}
.cp-1200 ul li:hover h3 {
	color: #1a7ae6;
	

}
.cp-1200 ul li:hover p{
	color: #1a7ae6;
}
.cp-1200 ul li:hover img:nth-child(4){
	display: block;
}
 .cp .cp-dh h3:hover{
}
.cp .cp-dh h3 a:hover{
	border: 1px solid #1a7ae6;
	color: #f1f1f1;
	border-radius: 5px;
	 background: #1a7ae6;
}
/*yy*/
.yy{
	width: 100%;
	height: 821px;
	background: url( ../images/di-1.jpg);
	margin-top: 71px;
}
.yy .yy-dh{
		margin: 0 auto;
	text-align: center;
	padding-top: 71px;
	width: 658px;
	line-height: 24px;
	color: #f1f1f1;
	margin-bottom: 101px;
}
.yy .yy-dh img{
	margin-bottom: 28px;
}

.yy-1200{
	width: 1200px;
	margin: 0 auto;
}
.yy-1200 ul{
	margin-left: -21px;
}
.yy-1200 ul li{
	background: #f1f1f1;
	width: 277px;
	height: 466px;
	position: relative;
	float: left;
	margin-left: 21px;
							transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 


}
.yy-1200 ul li img{
	width: 100%;
}
.yy-1200 ul li h3{
	font-size: 16px;
	margin-top: 30px;
	margin-left: 24px;
	margin-right: 24px;
	color: #444444;
	margin-bottom: 14px;
}

.yy-1200 ul li h4{
	margin-left: 24px;
	color: #989898;
	padding-bottom:22px;
	margin-bottom: 22px;
	border-bottom: 1px solid  #AFAFAF;
	margin-right: 24px;
		
	
}

.yy-1200 ul li p{
	margin:0 24px;
}

.yy-1200 ul li i{
	position: absolute;
	bottom:0px;;
	width:0%;
	height: 4px;
	background: #f5811e;
							transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 


}
.yy-1200 ul li:hover i{
	position: absolute;
	bottom:0px;;
	width: 100%;
	height: 4px;
	background: #f5811e;
}
.yy-1200 ul li:hover{
	margin-top: -15px;
}
.yy-1200 ul li:hover h3{
color: #f5811e;
}
/*xw*/
.xwzx{
	width: 1200px;
	margin: 0 auto;
	padding-top: 48px;
	padding-bottom: 48px;
	overflow: hidden;
}
.xw-dh{
	margin-bottom: 70px;
}
.xw-dh h3{
	width: 40px;
	border-bottom: 2px solid #484848;
	padding-bottom: 26px;
}
.xw-dh>a{
	float: right;
	color: #f1f1f1;
	padding: 10px 18px;
	background: #229ae6;
	border-radius:8px;
	margin-top: -40px;
}

.xwzx ul{

	margin-left: -3%;
}
.xwzx ul li{
	width: 47%;
	float: left;
	margin-left: 3%;
	margin-bottom: 3%;
}
.xwzx ul li img{
	float: left;
	margin-right: 2%;
	width: 45%
}
.xwzx ul li div{
	overflow: hidden;
}
.xwzx ul li div h3{
	font-size: 18px;
	color: #484848;
	margin-top: 7px;
	margin-bottom: 14px;
	font-weight: 600;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:1; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

	
	
}
.xwzx ul li div h4{
	color: #afafaf;
	padding-bottom: 18px;
	border-bottom: 1px solid #afafaf;
	margin-bottom: 18px;
	margin-left: 47%
}
.xwzx ul li div p{
	line-height: 24px;
	color: #999999;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/

	
}
.xwzx ul li:hover div h3{
	color: #1a7ae6;
}
.xwzx ul li:hover div h4{
	color: #1a7ae6;
	padding-bottom: 18px;
	border-bottom: 1px solid #1a7ae6;
	margin-bottom: 18px;
}
.xwzx ul li:hover div p{
	color: #1a7ae6;
}

/*di*/
.di{
	background: #28282a;
	overflow: hidden;
}
.di-1200 {
	width: 1200px;
	margin: 0 auto;
}
.di-1200 .di-logo{
	float: left;
	width: 207px;
	background: #323232;
	height: 100%;
	padding-top: 55px;
	text-align: center;
	padding-bottom: 219px;
	
}

.di-1200 .di-logo img:nth-child(1)
{
	margin-bottom: 32px;;
}
.di-1200 .di-logo img:nth-child(2)
{
	margin-bottom: 21px;;
}
.di-1200 .di-logo  h3{
	font-size: 24px;
	color: #1a7ae6;
	
}
.di-1200 .di-dh{
	float: left;
	width: 82.7%
}
.di-1200 .di-dh h3{
	padding-top: 37px;
	padding-bottom: 29px;
	border-bottom: 1px solid #4f4f51;
	display: none;
}
.di-1200 .di-dh h3 a{
	margin: 0px 42px;
	color: #b8b8b8;
	
}
.di-1200 .di-dh h3 a:hover{
	margin: 0px 42px;
	color: #f1f1f1;
	
}
.di-1200 .di-dh ul{
	
}
.di-1200 .di-dh ul li{
	float: left;
	padding:0px 40px;
	border-right: 1px solid #565658;
	margin-top: 42px;
	height: 380px;

}
.di-1200 .di-dh ul li h4{
	font-size: 18px;
	color: #dfe1e2;
	margin-bottom: 20px;
	margin-top: 4px;
}
.di-1200 .di-dh ul li p{
margin-bottom: 10px;
	font-size: 14px;
	color: #737373;
}
.di-1200 .di-dh ul li p a{
	color: #737373;
}
.di-1200 .di-dh ul li p:hover a{
	color: #f1f1f1;
}

.di .er{
	float: right;
	margin-top: 52px;
	text-align: center;
	line-height: 45px;
	color: #dfe1e2;
	
}
.di h5{
	width: 100%;
	text-align: center;
	overflow: hidden;
	display: block;
	background: #414141;
	padding: 12px 0;
	color: #dfe1e2;
		
}
/*GY*/
.gy{
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0; 
	overflow: hidden;
}
.gy .z{
float: right;	
	width: 46%;
	padding-top: 20px;
}
.gy .z h2{
	font-size: 24px;
	color: #484848;
	font-weight: 600;
	margin-top: 28px;
	margin-bottom: 36px;
}
.gy .z h3{
	font-size: 18px;
	color: #686868;
	font-weight: 600;
	margin-bottom: 37px;
}
.gy .z  p{
	color: #999999;
	line-height: 30px;
}
.gy .z h4{
	padding: 12px 24px;
	background: #229ae6;
	float: left;
	border-radius: 5px;
	margin-top: 60px;
		
}
.gy .z h4 a{
	color: #f1f1f1;
}
.gy  .y{
	float: left;
	width: 50%;
}
.gy  .y img{width:100%}
.di_se{
	background: #f9f9f9;
}

/*dh*/
/*内页导航*/
.ny_dh_bj{width:1200px; margin-bottom: 60px;margin: 0 auto 110px auto;overflow: hidden;}
.ny_dh{
	margin-bottom: 40px;
}
.ny_dh ul{overflow:hidden;width: 100%;overflow: hidden;border-bottom:  1px solid #e5e5e5;}
.ny_dh ul .wz{ clear:none;float: right;margin-top: 33px;color:#747474;}
.ny_dh ul li{ display:inline-block;font-size: 24px;padding: 25px 0  25px 0 ; color: #282828;font-weight: 600;}
.ny_dh ul li a{ color:#014da2;}
.ny_dh ul .wz img{margin-right: 7px;}
.ny_dh ul .wz a{ color:#747474;}
.ny_dh ul .s{border-bottom:solid 3px #007cba;}
.ny_dh ul .s a{color:#014da2;}
.ny_dh ul li:hover{}
.ny_dh ul .wz a:hover{color:#014da2;}
/*内页框架*/
.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;width:97%;}
.ny_wb img{max-width:100%;}
.ny_dh1{
	padding:40px 0;
	border-bottom: 1px  dashed #e9e9e9;;
}
.ny_dh1 a{
	border: 1px solid #cccccc;
	padding: 0px 20px;
	margin-right: 20px;
	line-height: 50px;
    width: auto;
    height: auto;
    float: left;
    display: block;
    white-space: nowrap;
    margin: 1%;
}
.kj_nr{    clear: both;}

.ny_dh1 a:hover{
	border: 1px solid #014da2;
	background: #014da2;
	color: #f1f1f1;
}
.ny_dh1 .s{
	border: 1px solid #014da2;
	background: #014da2;
	color: #f1f1f1;
}


  .fu_y{
	width: 100%;
	float: right;
	padding: 0px 0;
} 


  .fu_y .az{
	line-height: 30px;
	color: #686868;
}
  .fu_y .az h2{
	font-size: 18px;
	color: #282828;
	margin-bottom: 30px;
}
.az img{max-width:100%;}

/*ny-cp*/
#ny-cp ul{
	margin-left: -1%;
	text-align: center;
}

#ny-cp ul li{
	float: left;
	width: 24%;
	margin-left: 1%;
	margin-bottom: 2%;
	padding: 0;
	overflow: hidden;
	
}
#ny-cp ul li img{
	width: 100%;
	border: 1px solid #ECECEC;
}
#ny-cp ul li p{
	width: 100%;
	padding:10px;
	background: #014da1;
	color: #f1f1f1;
}
#ny-cp ul li:hover p{
	background: #1a7ae6;
}


/*产品详情*/

.product_kuan{width:100%;margin: 40px auto; overflow: hidden}
.product_xq{width:100%; margin:0 auto; }
.page{ float:left; width:38%;}
.page img{
	width: 450px;
}
.sp-wrap{ display:none; line-height:0; font-size:0;}
.sp-thumbs{ width:100%;}
.sp-thumbs img{ max-width:100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{ margin:0 0 0 1%; width:24%; height:46px; overflow:hidden; opacity:.3; display:inline-block; background-size:cover; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out;-o-transition:all .2s ease-out; transition:all .2s ease-out;}
.sp-thumbs a:hover{ opacity:1;}
.sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.sp-large{ border:1px solid #eee; position:relative; overflow:hidden; width:100% !important; margin:0 0 2% 0;}
.sp-large a img{ max-width:100%; height:auto;}
.sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}
.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background:#444;}
@media screen and (max-width: 400px) {
	.sp-wrap{ margin:0 0 15px 0;width: 100%}
	#sp-prev, #sp-next{ top:auto; margin-top:0; bottom:25px;}
}
.product_xq_right{ float:right; width:56%; font-size:14px; color:#525252; line-height:24px;position: relative;padding-bottom: 40px;min-height: 280px;}
.product_xq_right h2{ font-size:20px; line-height:26px; color:#2b4278; padding:0 0 8px 0; margin:0 0 12px 0;}
.product_xq_right h2 a{
	float: right;
	font-size: 16px;
	margin-right: 5px;
	margin-top: 5px;
	color: #808080
}
.product_xq_right h3{
	width: 100%;
	border-top: 1px solid #e1e1e1;
	position: absolute;
	bottom: 0;
	padding-top: 10px;
}	 
.product_xq_right h3  a{
	color: #808080;
}	
.product_xq_right h3  a:hover{
	color: #175FB5;
}
.yx{width: 110px;float: right;height: 100%; }
.yx img{width: 100%;margin-top:12%}
.products_detail_two p{
	clear: left;
	margin:10px 5px; 
}
.products_detail_two{ display:block; height:auto; overflow:hidden; margin:36px 0 0 0; background:#fff; font-size:14px; color:#525252; line-height:24px;position: relative;}
.products_detwo_titel{ border-bottom:solid 1px #e8e8e8; border-top:solid 1px #e8e8e8; height:55px; line-height:55px;}
.products_detwo_titel .web>a{ cursor:pointer; float:left; font-size:16px; text-align:center; display:block; height:55px; border-left:solid 1px #e8e8e8; border-top:none; padding:0 5%;}
.products_detwo_titel .web a.cur,.products_detwo_titel a:hover{ color:#fff; background:#2b4278; text-decoration:none;margin-bottom: 3%}
.borleft{ width:100%; border-left:solid 1px #e8e8e8;}
.borleft h3{
float: right;
	margin-right: 1px;
}
.borleft h3 a{
	height:55px;
	cursor:pointer; float:left; font-size:14px; text-align:center; display:block; height:55px; border:solid 1px #e8e8e8; border-top:none;padding: 0 10px;
}	
.products_decon{ width:100%; margin:0 auto;}
.pro_con{ display:none; padding-top:30px; font-size:14px; color:#666; line-height:24px;}
.produxt_common{ padding-bottom:30px; display:block; height:auto; overflow:hidden; width:100%;}
.produxt_common ul { padding-top:20px;}
.produxt_common ul li{ border:solid 1px #ddd; width:225px; float:left; margin-right:19px; text-align:center; padding:5px 4px 20px 4px;}	

.banh{width: 100%;text-align: center;display: none;overflow: hidden}
.banh p{padding:1% 0 1% 0;background: #2E3032; margin-bottom: 48px;color: #f1f1f1;}


.products_detail_two{
	
}
.products_detail_two h4{
	font-size: 18px;
	font-weight: 600;
	color: #282828;
	margin-bottom: 20px;
}
.products_detail_two .js>p{
	color: #686868;
	line-height: 40px;
}
.products_detail_two .js{
	margin-bottom: 40px;
}
.js  table{
border-collapse: collapse;
	text-align: center;
	width: 80%;
}
.js  table tr{
padding: 15px;
	height: 40px;
}
.js  table tr:nth-child(1){
	background: #1a7ae6;
	color: #f1f1f1;
	font-size: 18px;
	border-color: #f1f1f1;
}
.js  table td{
	
}



.tj{
	padding-top:60px; 
	
}
.tj h3{
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom:60px;
	color:#1a7ae6;
}
/*cp*/
.tj{
	width: 100%;
	padding: 68px 0 5px 0;
	overflow: hidden;
}
.tj{
	margin: 0 auto;
	text-align: center;
}



.tj ul{
	margin-left: -23px;
margin-bottom: 30px;
overflow: hidden;}
.tj ul li{
	width: 282px;
	margin-left: 23px;
	margin-bottom: 21px;
	float: left;
			transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	padding-bottom: 10px;

	
}
.tj ul li img{width: 100%;
}
.tj ul li p{
			    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp:1; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
	margin-top: 22px;
	font-weight: 600;
	color: #5b5b5b;

}

.tj ul li:hover {
	transform: translateY(-10px);
	box-shadow: 0px 2px 7px #d1d1d1;

}
.tj ul li:hover p{
	color: #1a7ae6;
}


/*xw*/
.w1024{
	padding: 20px;
	background: #f3f3f3;
}
.xw_xq{ padding-bottom:20px; margin-bottom:40px; border-bottom:1px #ccc dotted; text-align:center;margin-top: 0px;}
.xw_xq .xw_xq_bt{ font-size:18px; color:#444; font-weight:600;}
.xw_xq .xw_xq_rq{ margin-top:20px; font-size:13px;}
.xw_xq .xw_xq_rq span{ color:#999}

.xw_more{margin-top:40px;}
.xw_more a{display:inline-block; line-height:40px; padding:0 16px; color:#fff; background:#c82126 ;}

.jiathis_style_24x24{ overflow:hidden; margin-top:30px;}
.jiathis_style *{ border:none !important;}

.xwxq_sxp{width:100%; overflow:hidden; margin:30px 0 0 0;}
.xwxq_sxp a{display:block; margin-bottom:10px; transition: all 0.7s;}
.xwxq_sxp a:hover{color:#c82126;}
.xwxq_sxp a span{ font-weight:600; color:#444;}

/*xw*/
.ny_xw{
	width: 96%;
	background: #fff;
	margin:10px auto 20px auto;
	padding: 20px 20px;
	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: 20%;
	margin-right: 3%;
}
.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: 22.5%;
	color: #808080;
}
.ny_xw:hover{
	
transform:translate(0px,-3px);
	box-shadow:  1px 5px 8px #d9d9d9;

}


.he-1{width: 1200px;margin: 0 auto;padding: 20px;background: #f3f3f3;overflow: hidden;}
.he-1 ul{margin-top:20px;margin-bottom: 20px;}
.he-1 h4{color:#3778e4; 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;
}

/*ym  */
.ym{
	text-align: center;
	padding-top: 40px;
	width: 100%;
	overflow: hidden;
}
.ym a{
	padding: 10px 20px;
	background: #f3f3f3;
	margin: 0 6px;
	border-radius: 5px;
	line-height: 60px;
}
.ym .s{
	background: #0b70d0;
	color: #f1f1f1;
}
.ym a:hover{
	background: #0b70d0;
	color: #f1f1f1;
}

/*在线客服*/
.mt10 { margin-top:10px }
.fs14 { font-size:14px }

.service_box{ position:fixed; z-index:1000;right:-147px;top:50%;margin-top:-100px;width:146px;border:1px solid #ece8e5; background:#fff; }
.service_box .tab_nav{ position:absolute;left:-42px;top:-1px;}
.service_box .tab_nav > li {background:#ece8e5;border-bottom:1px solid #dfdbd9;}
.service_box .tab_nav > li.active{ background:#ff6b09;}
.service_box .tab_nav > li:first-child{border-radius:8px 0 0;}
.service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.service_box .tab_nav > li > a{ display:block; width:28px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;}
.service_box .tab_nav > li.active > a{ color:#fff;}
.service_box .tab_nav .icon{ display:block; height:28px;width:28px; background:url(images/bg_online_service_new.gif) no-repeat; overflow:hidden;margin:3px 0;*margin:6px 0;}
.service_box .tab_nav .icon_1{ background-position:0 0 ;}
.service_box .tab_nav .icon_2{ background-position:-28px 0 ;}
.service_box .tab_nav .icon_3{ background-position:-56px 0 ;}
.service_box .tab_nav .active .icon_1{ background-position:0 -28px ;}
.service_box .tab_nav .active .icon_2{ background-position:-28px -28px ;}
.service_box .tab_nav .active .icon_3{ background-position:-56px -28px ;}
.service_box .tab_content{padding:20px 5px 10px; position:relative;}
.service_box .tab_plan{ display:none; text-align:center;}
.service_box .tab_plan p{color:#333;}
.tab_plan h3 p{
	font-weight: 600;
	font-size: 16px;
	color: #EB9519!important;
}
/*手机*/
/*dh*/
/*sj*/
/*导航*/
.mobile-inner{ float:right; margin-top:21px; transition:all 0.5s;display: none;z-index:999999999;text-align: left;padding-bottom: 0px;background: #f1f1f1;}
.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:94px;left: 0px;bottom:0px;padding-top: 30px;padding-bottom: 80px;display: none;z-index:21;z-index:999;}
.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;
}


.banner img{
	width: 100%;
}

.banner {
	width: 100%;
}

.products_detail_two img{max-width:100%}
/*分页*/
		.yema{text-align:center; padding:30px 0 0; overflow:hidden;  clear: both;}
		.yema a,.yema span{ padding:6px 14px; border:#ccc 1px solid; margin:0 4px; font-size:17px; display:inline-block; color:#333; font-family:"宋体"; margin-bottom:10px; border-radius:4px;}
		.current{background:#5791d2;color:#fff !important;border:#5791d2 1px solid !important;}
		.yema a:hover{  background:#5791d2;  color:#fff; text-decoration:none; border:1px solid #5791d2;}

		a.yema_on{color:#fff !important; border:#5791d2 1px solid !important; background:#5791d2;}
		a.yema_on:hover{color:#fff !important; border:#5791d2 1px solid !important; }
		a.ok{color:#fff !important; border:#5791d2 1px solid !important; background:#5791d2;}
		a.ok:hover{color:#fff !important; border:#5791d2 1px solid !important; }


.tj{
	display: none;
}


/*2019.5.15*/
.product_xq_right h3{
	width: 100%;
	border-top: 1px solid #e1e1e1;
	position: absolute;
	bottom: 0;
	padding-top: 10px;
}	 
.product_xq_right h3  a{
	color: #808080;
}
.product_xq_right h4{
	position: absolute;
	bottom:45px;
	background: #DF1414;
	right: 0;
	border-radius: 5px;
	padding: 5px 0;
	
}	
.product_xq_right h4 img{
	width:15px;
	margin-left: 5px;
	margin-top: 8px;
}
.product_xq_right h4  a{
	color: #808080;
	color: #f1f1f1;
	padding: 10px;
	line-height: 30px;
}




.ny_sp{
	overflow: hidden;
	width:1200px;
	margin:0 auto;
}
.ny_sp ul {
	margin-left: -1%;
}
.ny_sp ul li{
	width: 32%;
	float: left;
	text-align: left;
	border: 1px solid #e1e1e1;
		margin-left: 1%;
	margin-bottom: 1%;

}
.ny_sp .xw_nbj{
	padding: 10px 20px;
}
.ny_sp h4{
	font-size: 15px;
	color: #808080;
	
}
.ny_sp h3{
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 18px;
	color: #282828;
	text-overflow: ellipsis;white-space:nowrap;overflow:hidden;
}
.ny_sp p{
	line-height: 30px;
	color: #686868;
	text-overflow: ellipsis;
	display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp:2; /** 显示的行数 **/
	overflow: hidden;  /** 隐藏超出的内容 **/
}
.ny_sp h5{
	text-transform: uppercase;
	margin-right: 15px;
	font-size: 12px;
	margin-top: 32px;
	color: #8db511;
}

.ny_sp h5 img{
	margin-left: 5px;
	margin-top: 1px;
}
.ny_sp ul li:hover h5 img{ 
	margin-left: 10px;
	transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
	
}
.ny_sp .xw_tu {
	overflow: hidden;
}
.ny_sp .xw_tu img{
	width: 100%;
	transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}
.ny_sp ul li:hover .xw_tu img{
	transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); /* IE 9 */
-moz-transform:scale(1.1,1.1); /* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari and Chrome */
-o-transform:scale(1.1,1.1); /* Opera */
}
.ny_sp ul li>a>img{
		width: 100%;
	}
.ny_sp iframe{
	width: 100%;
	height: 320px;
}