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

@charset "utf-8";
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;}
*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body{
	font-family: Arial, "微软雅黑";
	font-size: 14px;
	color:#525252;
}
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;}
a{ color:#525252; text-decoration:none;}



/*banner*/
.banner_yc{
	display: block
}
.banner_cx{
	display: none;
}
/*banner*/
.zy{
	width: 100%;
	overflow: hidden;
	padding: 6px;
	border-bottom: 1px solid #d8dad7;
	background: #fff;

}
.zy_1200{
	width: 1200px;
	margin: 0 auto;
	
}
.zy_1200 p{
	float: left;
	color: #686868;
}
.zy_1200 h3{
	float: right;
	display: none;
}
.zy_1200 h3 img{
	width: 20px;
	margin-top: 4px;
	margin-left: 5px;
}
.zy_1200 h3 a{
	margin-left: 10px;
	color: #686868;
	
}
.zy_1200 h3 a:hover{
	margin-left: 10px;
	color: #F50004;
}
/*top*/
.top-dh1{
	width: 100%;
	background: #105494;
	overflow: hidden;
}
.top-1{
	width: 1200px;
	margin: 0 auto;
}
.top-1 p{
	padding: 3px 0;
	font-size: 12px;
	color: #f1f1f1;
	letter-spacing:1px;
}
.top-1 p img{
	margin-top: 4px;
	margin-right: 5px;
}
.top-1 .p1{
	float: left;
}
.top-1 .p2{
	float: right;;
}


.top{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding:20px 0; 
}
.top h1{
	float: left;
	padding: 0px 0;
}
.top-dh{
	width: 100%;
	background: #2c2e33;
}
.top-dh ul {
	width: 1150px;
	margin:0 auto;
	padding:20px 0; 
}
.top-dh ul li{
	float: left;
	border-right:1px solid #f1f1f1;
	margin-right:76px;
	padding-right: 51px;
	height: 9px;
	line-height: 7px;
	margin-top: -3px;
	position: relative;
	font-size: 16px;
	letter-spacing:5px;
}
.top-dh ul li .hx{
	position: absolute;
	height: 2px;
	width: 0%;
	background: #f1f1f1;
	bottom: -10px;
		-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;

}
.top-dh ul li .z{
	width: 0%;
	float: right;
	margin-right: 0%;
}
.top-dh ul li:hover .hx{
	width: 60%;
}
.top-dh ul li:hover .c{
	width:80%;
}
.top-dh ul li:hover .z{
	width: 139%;
	margin-right: 0;
		float: right;

}

.top-dh ul li a{
	color: #f1f1f1;
}


.top-dh ul li .top-erji{
	position: absolute;
	top: 10px;
	z-index: 88888;
	line-height: 30px;
	width: 130%;
	margin-left: -36%;
	text-align: center;
	height: 0px;
	overflow: hidden;
			-webkit-transition: all .9s;
	-moz-transition: all .9s;
	transition: all .9s;
	padding-top:12px;

}


.top-dh ul li .top-erji p{
	padding: 4px 0;
	background: #3f4142;
	border-bottom: 1px solid #DDDDDD;
			-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;

}
.top-dh ul li .top-erji p:hover{
	padding: 4px 0;
	background: #dc2815;
	border-bottom: 1px solid #DDDDDD;
	margin-left: 5px;
	
}
.top-dh ul li:hover .top-erji{
	height: 300px;
}
.top-dh ul li:last-child{
	border-right:none;
	padding-right:0px;
	margin-right: 0px;
}

.lx{
	float: right;
	margin-top: 18px;
}
.lx img{
	float: left;
}
.lx h3{
	float: left;
	margin-left: 15px;
	margin-top: -2px;
	color: #808080;
	
}
.lx h3 p{
	font-size: 26px;
	font-weight: 600;
	color: #dc2815;
	margin-top: 2px;
}


/*banner*/

.js-silder{
	position: relative;	
	min-width: 320px;
	text-align: center;
}
.js-silder .banner-pf{
	position: absolute;
	bottom:0px; ;
	width: 100%;
	z-index:9999;
	font-size: 18px;
	font-weight: 900;
	color: #f1f1f1;
	background: url(../images/t/1.png);
}
.js-silder .banner-pf p{
	padding:5px 0; 
	
}


.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;
}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}
.silder-ctrl-con{
	display: inline-block;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;
	display: none;
}
.silder-ctrl-con>span{
	display: none;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	cursor: pointer;
	background-color: #e4e4e4;
	display: none;
}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
	}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
	}

}

/*gg*/
.gg{
	width: 1200px;
	margin: 20px auto 0 auto;
	text-align: center;
	position: relative;
}
.gg img{
	box-shadow: 1px 2px 10px #e1e1e1;
}
.gg a{
	position: absolute;
	bottom: 20px;
	right:80px;;
	  display: inline-block;
  padding: 8px 60px;
  color: #333;
  transform: skew(-20deg);
	background: #fff;
	color: #dc2815;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
}
.gg a:hover{
	background: #bd1b0a;
	color: #f1f1f1;
	
}

/*gy*/
.sy_gy{
	width:1200px;
	margin: 0 auto;
	padding-top:50px;
		
}
.sy_gy .gu_z{
	width: 755px;
	float: left;
}
.sy_gy .gu_z h3{
	font-size: 18px;
	font-weight: 600;
}
.sy_gy .gu_z h3 p{
	font-size: 28px;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #dc2815;
}
.sy_gy .gu_z>p{
	line-height: 29px;
	margin-top: 20px;
	color: #808080;
}
.sy_gy .gu_z h5 {
	margin-top: 30px;
}
.sy_gy .gu_z h5 a{
	padding:8px 35px;
	line-height: 45px;
	border: 1px solid #dc2815;
	color: #dc2815;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	
}
.sy_gy .gu_z h5:hover a{
	color: #f1f1f1;
	background: #dc2815
}

.box{width:387px;height:326px;text-align:center;font-size:50px;position:relative;margin:0px auto;overflow:hidden;}
.box ul{height:326px;width:387px;position:relative;}
.box ul li{width:387px;height:326px;left:300px;top:0;position:absolute;}
.box ol{position:absolute;bottom:1px;width:260px;margin-left:-130px;left:50%;z-index:20;text-align:center;}
.box ol a{width:12px;height:12px;margin-right:10px;background:#dc2815;border-radius:50%;display:inline-block;}
.box ol a.active{background:white;z-index:18;}


.sy_cp{
	width: 100%;
	background: #f6f6f6;
	padding: 63px 0;
	overflow: hidden;
	margin-top: 63px;
}
.sy_cp1200{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.cp_dh{
	
}
.cp_dh img{
	margin-bottom: 43px;
}
.cp_dh p{
	color: #6d6d6d;
	margin-bottom: 39px;
	
}
.sy_cp1200 h5{
	margin-bottom: 41px;
}
.sy_cp1200 h5 a{
	padding: 10px 15px;
	border: 1px solid #dc2815;
	color: #dc2815;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	margin: 0 15px;
    display:inline-block;

}
.sy_cp1200 h5 a:hover{
	padding: 10px 15px;
	border: 1px solid #dc2815;
	color: #f1f1f1;
	background: #dc2815;

}
.sy_cp1200 ul{
	margin-left: -11px;
}
.sy_cp1200 ul li{
	width: 291px;
	height:  234px;
	position: relative;
	overflow: hidden;
	margin-left: 11px;
	float: left;
	margin-bottom: 11px;
}
.sy_cp1200 ul li:hover img{
	   transform: scale(1.1);
    -ms-transform:scale(1.1);     /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 和 Chrome */
    -o-transform:scale(1.1);

}
.sy_cp1200 ul li img{
	width: 100%;
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
	
}
.sy_cp1200 ul li .cp_pf{
	position: absolute;
	bottom:0;
	width: 100%;
	background: #2c2e33;
	padding: 10px 0;
	
}
.sy_cp1200 ul li:hover .cp_pf{
	background: #dc2815;
}
.sy_cp1200 ul li .cp_pf p{
	color: #f1f1f1;
	font-size: 18px;
	font-weight: 600;
	
}
.sy_cp1200 ul li:hover img{
	   transform: scale(1.1);
    -ms-transform:scale(1.1);     /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 和 Chrome */
    -o-transform:scale(1.1);

}



/*xz*/
.xz{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 73px;
}
.xz .xz-dh{
	text-align: center;
	margin-bottom: 101px;
}
.xz ul{
	
}
.xz ul li{
	background: #f3f3f3;
	overflow: hidden;
}
.xz ul li .zimg{
	width: 50%;
}
.xz ul li .zimg img{
	width: 100%;
	float: left;
	
}
.xz ul li .wz{
	width: 50%;
	float: right;
	padding: 20px 40px 0 40px;;
	background: #f3f3f3;
	height: 100%;
	position: relative;
	overflow: auto
}
.xz ul li .wz h3{
	font-size:62px;
	font-weight: 600;
	color: #b5b5b5;
	margin-bottom: 30px;
}
.xz ul li .wz h4{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 48px;
}
.xz ul li .wz i{
position: absolute;
	top: 185px;
	width: 20%;
	height:3px;
	background: #dddddd;
	left: 0;
	
}
.xz ul li .wz p{
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 24px;
	color: #888888;
}
.xz ul li .wz p b{
	color: #dc2815;
	font-weight: 600;
}

.xz ul .z .zimg{
	float: left
}
.xz ul .y .zimg{
float: right;
}

/*dz*/
.dz{
	width: 100%;
	background: #dc2815;
	margin-top: 40px;
	padding: 40px;
	overflow: hidden;
	
}
.dz-1200 {
	width: 1200px;
	margin: 0 auto
}
.dz-1200 .dz-dh{
	text-align: center;
	margin-bottom: 70px;
}
.dz ul{
	margin-left: -106px;
	padding-bottom: 20px;
	overflow: hidden
}
.dz ul li{
	width: 111px;
	overflow: hidden;
	text-align: center;
	float: left;
	margin-left: 106px;
}
.dz ul li .xh{
	width: 22px;
	height: 22px;
	overflow: hidden;
	margin: 0 auto;
	
}
.dz ul li .xh img{
	margin-left: -3px;
	margin-top: -5px;
}

.dz ul li .xz{
	width: 111px;
	height: 111px;
	margin-top: 20px;
	margin-bottom: 14px;
}
.dz ul li .xz img{
	margin-left: -24px;
	margin-top: -93px;
	
}
.dz ul li h3{
	font-size: 15px;
	color: #f1f1f1;
	line-height: 24px;
	
}
.dz ul li h3 p{
	font-size: 13px;
}
.dz ul li .xz:hover img{
	margin-left: -24px;
	margin-top: -292px;
		transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
}


.dz ul li:nth-child(2) .xh  img{
	margin-left: -225px;
}
.dz ul li:nth-child(3) .xh  img{
	margin-left: -426px;
}
.dz ul li:nth-child(4) .xh  img{
	margin-left: -632px;
}
.dz ul li:nth-child(5) .xh  img{
	margin-left: -845px;
}
.dz ul li:nth-child(6) .xh  img{
	margin-left: -1046px;
}

.dz ul li:nth-child(2) .xz img{
	margin-left: -245px;
}
.dz ul li:nth-child(2) .xz:hover img{
	margin-left: -245px;
}

.dz ul li:nth-child(3) .xz img{
	margin-left: -449px;
}
.dz ul li:nth-child(3) .xz:hover img{
	margin-left: -449px;
}
.dz ul li:nth-child(4) .xz img{
	margin-left: -659px;
}
.dz ul li:nth-child(4) .xz:hover img{
	margin-left: -659px;
}
.dz ul li:nth-child(5) .xz img{
	margin-left: -866px;
}
.dz ul li:nth-child(5) .xz:hover img{
	margin-left: -866px;
}
.dz ul li:nth-child(6) .xz img{
	margin-left: -1073px;
}
.dz ul li:nth-child(6) .xz:hover img{
	margin-left: -1073px;
}

/*xw*/
.xw{
	width: 1200px;
	margin:0 auto;
	padding: 50px 0;
	overflow: hidden;
}
.xw ul .xw-dh{
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 2px solid #9f9f9f;
	margin-bottom: 50px;
}
.xw ul .xw-dh a{
	float: right;
	margin-top: -15px;
}
.xw ul .xw-dh a:hover {
	color: #dc2815;
}	
.xw ul .xw-dh  h3{
	font-size: 24px;
}
.xw ul  li{
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #e4e4e4;
	
}
.xw ul  li h2{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 14px;
	margin-top: 30px;
}
.xw ul  li h2 b{
	margin-right: 15px;
	font-weight: 100;
	
}
.xw ul  li p{
	color: #707070;
}
.xw-k{
	width: 40%;
	margin-right: 5%;
	float: left;
}
.xw-y{
	width: 50%;
	float: right
}
.xw ul  li:hover h2{
color: #dc2815;
}
.xw ul  li:hover p{
color: #dc2815;
	
}
.xw ul  li:hover{
	border-bottom: 1px solid #dc2815;
	
}


/*kj*/
.kj{
	padding: 40px 0  80px 0;
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}
.kj .kj-y{
	width: 304px;
	float: left;
	text-align: center;
	
}
.kj .kj-y h3{
	padding: 20px 0;
	background: #dc2815;
	font-size: 23px;
	color: #f1f1f1;
	margin-bottom: 10px;
	margin-bottom:4px;
}
.kj .kj-y h3 p{
	font-size: 18px;
	margin-top: 10px;
}
.kj .kj-y ul{
	padding-top:5px;
	border-top:5px solid #dc2815;
}
.kj .kj-y  ul li{
	width: 100%;
	padding: 22px 23px;
	text-align: left;
	background: #f4f4f4;
	margin-bottom: 10px;
	font-size: 16px;
}
.kj .kj-y  ul li:hover {
	background: #dc2815;
}
.kj .kj-y  ul li:hover a{
	color:#f1f1f1;
}

.kj .kj-y ul  .s{
	background: #dc2815;
}
.kj .kj-y  ul .s a{
	color:#f1f1f1;
}

.kj-bk{
	margin-bottom: 30px;
}

.kj-bk>p{
	background: #f4f4f4;
	padding:10px 20px; 
	line-height: 24px;
}
.kj-bk>h4{
	background: #f4f4f4;
	padding: 20px;
	font-size: 16px;
}
.kj-bk>h4 p{
	font-size: 30px;
	margin-top: 10px;
	color: #dc2815;
}
.kj-z{
	width: 870px;
	float: right;
}
.kj-WD{
	margin-bottom: 26px;
}
.kj-WD p{
	font-size: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid #efefef;
	color: #656464;
}
.kj-WD p b{
	color: #dc2815;
}
.kj-z>h3{
	font-size: 30px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	color: #dc2815;
	border-bottom: 1px solid #d3d3d3;
	position: relative;
}
.kj-z>h3 b{
	font-size: 14px;
	font-weight: 300;
	color: #808080;
}
.kj-z>h3 i{
	position: absolute;
	width: 40%;
	height: 3px;
	background: #dc2815;
	left: 0;
	bottom: -2px;
	z-index: 88;
}


/*sy*/
.sy {
	margin-top: 0%;
	margin-bottom: 2%;
	float: left;
	width: 100%
}
.sy h3{
	text-align: center;
	font-size: 20px;
	color: #333333;
	margin-bottom: 6%;

		
}
.sy h3 p{
	font-size: 14px;
	color: 888888;
}



.sy ul{
	margin-left: -2.3%;
}
.sy ul li{
	width: 31%;
	overflow: hidden;
	margin-left: 2.3%;
	float: left;
	margin-bottom: 4%;
	box-shadow: 0px 4px 10px #e1e1e1;
	position: relative;

	
}
.sy ul li .dx {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.sy ul li .dx img{
	width: 100%
}
.sy ul li .yx-pf{
	padding:10px 10px ;
	background: #fff;
}
.sy ul li .yx-pf h3{
	font-size: 18px;
	margin-bottom: 10px;
	text-align: left
}

.sy ul li .yx-pf{
	padding:10px 10px ;
	background: #2c2e33 ;
	position: absolute;
	bottom: -60px;
	z-index: 99999;
	width: 100%;
	text-align: center;	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 

	
}
.sy-cp-gd ul li .yx-pf{
	padding:10px 10px ;
	background:#2c2e33;
	position: absolute;
	bottom: -10px;
	z-index: 99999;
	width: 100%;
	text-align: center;	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 

	
}
 .sy ul li .yx-pf p{
	font-size: 18px;
	margin-bottom: 10px;
	color: #f1f1f1;
}
.sy ul li .yx-pf h3 {
	margin-top: 20px;
	margin-bottom: 12px;
	 text-align: center;
}
 .sy ul li .yx-pf h3 a{
	padding: 9px 20px;
	border: 1px solid #f1f1f1;
	color: #f1f1f1;
	border-radius: 15px;
	font-size: 14px;

}

.sy  ul li  img{
	transition-duration:0.4s; 
	-moz-transition-duration:0.4s; 
	-webkit-transition-duration:0.4s; 
	-o-transition-duration:0.4s; 
}
.sy ul li:hover img{
		transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);

}
.sy ul li:hover{
		box-shadow: 0px 4px 10px #d1d1d1;

	
}
 .sy ul li:hover .yx-pf{
	position: absolute;
	bottom: 0px;
}
 .sy ul li .yx-pf h3 a:hover{
	padding: 9px 20px;
	border: 1px solid #f1f1f1;
	color: #2c2e33;
	border-radius: 15px;
	font-size: 14px;
	background: #f1f1f1;
}


/*kj*/

/*产品详情*/

.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:50%; 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 h5{
	width: 100%;
	border-top: 1px solid #e1e1e1;
	position: absolute;
	bottom: 0;
	padding-top: 10px;
}	 
.product_xq_right h5  a{
	color: #808080;
}	
.product_xq_right h5  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:#2c2e33; 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 td{
	
}



.tj{
	padding-top:60px; 
	
}
.tj h3{
	font-size: 30px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom:60px;
	color:#1a7ae6;
}

/*gsgy*/
.gsjj_ny {
	margin-top: 2%;
	margin-bottom: 3%;
	overflow: hidden;
	text-align: left;
	float: left;
	width: 100%;
	
}
.gsjj_ny h5{
	width: 100%;
}
.gsjj_ny h3{
	text-align: center;
	font-size: 20px;
	color: #333333;
	margin-bottom: 6%;

		
}
.gsjj_ny h3 p{
	font-size: 14px;
	color: 888888;
}

.gsjj_ny img{
	float: left;
	
}
.gsjj_ny h5{
	float: right;
	font-size: 22px;
	color: #484848;
	font-weight: 600;
}
.gsjj_ny h5 p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 3%;
	font-weight: normal;
	color: #686868;
}

/*内页新闻和知识中心*/
.ny-kj{width: 100%;margin: 0px auto;}
.ny-kj ul{ margin-bottom: 40px;}
.ny-kj ul li img {float: left;transition: all 0.4s ease;margin-bottom: 10px;}
.ny-kj ul li{ border-bottom: 1px solid #D6D6D6; overflow: hidden; margin-top: 40px;}
.ny-kj ul li h2{ margin-bottom:20px;font-size:18px; transition: all 0.8s ease;font-weight: 600;}
.ny-kj ul li h2 p{float:right;transition: all 0.2s ease;font-size: 16px;margin-right: 10px;font-weight: lighter;}
.ny-kj ul li p{ font-size: 14px; line-height: 24px;color: #575757;transition: all 1.2s ease;}

.ny-kj ul li:hover p{margin-left:10px;color: #dc2815;}
.ny-kj ul li:hover h2{margin-left: 10px;color: #dc2815;}
.ny-kj ul li:hover img{margin-left:10px;color: #dc2815;}


/*lx*/
.kj_1200{
	width: 1200px;
}
/*lx*/
.lxdz{
	margin-top: 2%;
	padding: 0px 0px;
	margin-bottom: 3%
	
}
#diz{
	width: 1200px;
	margin: 40px auto 0 auto;
}

#diz li{
	width:40%;
	float: left;
	margin-bottom: 20px;
}
#diz li h3{
	font-size: 18px;
	font-weight: 900;
	margin-bottom: 10px;
	
}
#diz li p{
	margin:10px 0; 
	padding-right:40px;
}


.row li img{
	border: 1px solid #f1f1f1;
}

/*fw*/
.ny_fw{
	width: 100%;
	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 #ec0b0b;
	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: #ec0b0b
}
.ny_fw ul li h4:hover {
	background: #ec0b0b;
}
.ny_fw ul li h4:hover  a{
	color: #f1f1f1;
}
.ny_fw ul li h3:hover  a{
	color:#58a527;}

/*xw*/
.xw_xq{ padding-bottom:20px; margin-bottom:40px; border-bottom:1px #ccc dotted; text-align:center;padding-top: 2%}
.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;padding-bottom: 32px;}
.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;}

.ny_wb p{
	line-height: 24px;
}

/*2018.2.8*/

.footer{background:#282828;overflow:hidden;color:#fff;}
.grWidth{width:1200px; margin:0 auto;}
.footMenu{height:50px;line-height:50px;border-bottom:1px solid #484848;font-size:16px;text-align:center;color:#484848;margin-bottom:40px;}
.hidden{overflow:hidden;}
.footMenu em{margin:0 60px;font-style:normal;}
.fl{float:left;}
.footLogo{width:240px;padding-top:45px;}
.fr{
	float: right;
}
.footContact{width:590px;overflow:hidden;padding-left:240px;min-height:145px;}
.footContact h4{font-size: 20px;margin-bottom: 20px;}
.footContact p{margin-bottom: 15px;}
.footContact p img{margin-right: 10px;}
.footContact p:nth-child(2) img{margin-right: 14px!important;}
.footContact p:nth-child(4) img{margin-right: 14px!important;}
.footWx{width:250px;overflow:hidden;text-align:center;background: url('../images/foot_line.jpg') no-repeat;padding-left:50px;min-height:145px;}

.footWx img{width:115px;height:115px;display:block;margin-bottom:5px;}

.firendLink{line-height:30px;color:#fff;border-top:1px solid #484848;min-height: 60px;padding-top: 15px;margin-top: 20px;}
.firendLink2{line-height:30px;color:#e1e1e1;padding: 10px 0 5px 0;margin-bottom: 10px;}
.firendLink2 a{color: #b1b1b1!important}
.firendLink em{font-style:normal;margin:0 10px;}

.footer a{color:#fff;}

.footer a:hover{text-decoration: underline;}



/*手機*/
/*手机导航*/
.container {

}

/**
* iPhone
* Credits: Flat, Scaleable CSS iPhone Illustration by Tom Hergenreter
* http://codepen.io/TomHergenreter/details/qDywF/
*/
.iphone__screen {
  width: 100%;
  height: 100%;
  overflow: hidden;background: #000;
}
.iphone__content {
  position: relative;
  background-color: #D2527F;
  width: 100%;
  height: 100%;
}
/**
* Navigation Defaults
*/
.nav {
  position: absolute;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav--active .nav {
  opacity: 1;
  background-color: #333;
}
.nav__list {
  margin: 0;
  padding: 10px;
}
.nav__item {
  list-style-type: none;
  text-align: left;
	padding: 5px 0;
	border-bottom: 1px solid #a1a1a1;
	width: 100%;
	margin-bottom: 1%;
}
.nav__link {
  font-size: 14px;
  text-decoration: none;
  color: #f1f1f1!important;
  opacity: 1;
	padding: 5px 0;
	width: 100%;
	
}
.nav__link a{
	color: #f1f1f1!important;
}
/* Default navigation icon */
.nav__trigger {
  display: block;
  position: absolute;
  width: 30px;
  height: 25px;
  right: 30px;
  top: 50px;
  z-index: 200;
}
.nav--active .nav__trigger {
  opacity: 0.5;
}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 5px;
  background-color: #484848;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  position: absolute;
  background: #484848;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before {
  margin-top: -10px;
}
.nav__icon:after {
  margin-top: 10px;
}
/* Don't nest if you don't have to. */
/**
* Style #1
*/
.style-1 .nav {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 100%;
  height: 100%;
}
.style-1 .nav__link {
  opacity: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.style-1 .nav--active .nav__link {
  opacity: 1;
}
.style-1 .nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.style-1 .nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.style-1 .nav--active .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.style-1 .nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}


.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(../images/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(../images/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(../images/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(../images/main_icon.png) no-repeat left -80px;background-size:20px auto;}


.iphone {
	display: none
	
}
.header{
	display: none;
}



/*hq*/
/*nycp*/
.ny-cp{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 0%;
}
.ny-cp ul{
	overflow: hidden;
	margin-left: -2.29%;
	margin-top: 0%;	
}
.ny-cp ul li{
	width: 31%;
	float: left;
	margin-left: 2.29%;
}
.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: #1791ec;
		padding:15px 15px;

}


.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:10px;}
/*! 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;
}

/*悬浮链接*/
.suspension{position:fixed;z-index:999;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.di_tu{
width: 100%;
	float: right;
}
.my-map { margin: 0 auto; width: 100%; height:450px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}



		/*分页*/
		.yema{text-align:center; padding:30px 0 0; overflow:hidden;  margin-bottom:50px;}
		.yema a,.yema span{ padding:3px 10px; border:#ccc 1px solid; margin:0 2px; font-size:17px; display:inline-block; color:#333; font-family:"宋体"; margin-bottom:10px; border-radius:4px;}
		.current{background:#484848;color:#fff !important;border:#484848 1px solid !important;}
		.yema a:hover{  background:#484848; margin:0 2px; color:#fff; text-decoration:none; border:1px solid #484848;}

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


/*20220730*/
.inpage-banner{width:100%;height:300px;background-repeat:no-repeat;background-position:center top}

.i-nou{max-width:1200px;margin:auto;overflow:hidden;width: 96%;}

.aboutMenubg .p1{line-height:50px;font-size:15px;float:left;width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;}
.aboutMenubg .p1 a{padding:0 4px;color:#333;}
.aboutMenubg .p1 img{margin:0 10px 0 0px;position:relative;top:16px;}
.aboutMenubg{width: 100%; height: auto;border-bottom:1px solid #e6e6e6;}
.aboutMenu{width:calc(100% - 300px);float:right;margin:0 auto;text-align:right;}
.aboutMenu li{display:inline-block;*display:inline;*zoom:1;font-size:16px;color:#333;line-height:50px;text-align:center;margin:0 15px;}
.aboutMenu li a{color:#333;text-decoration:none;display:block;border-bottom:2px solid #fff;}
.aboutMenu li:last-child{margin-right:0}
.aboutMenu li.cur a{border-bottom:2px solid #dc2815}
.aboutMenu li.cur a{color:#dc2815}


@media screen and (min-width:980px){
.aboutMenu li:hover a{color:#dc2815;border-bottom:2px solid #dc2815}
}

.ny_main{width:100%; margin:60px 0; overflow: hidden;}
.container{margin-left:auto;margin-right:auto; max-width:1200px;width:96%;}

.abou{line-height:32px;font-size:15px;}
.abou img{max-width:100%;}

.honor_r_img{width:100%; float:left;}
.honor_r_img ul{margin-right:-2% }
.honor_r_img li{width:23%; float:left; margin:0 2% 30px 0; text-align:center; padding:10px 10px 10px 10px; background:#fff; border:1px solid #d6d6d6; border-bottom:3px solid #ddd; position:relative;box-sizing: border-box;}
.honor_r_img li .pImg{display:block; width:100%; padding:4px; border:1px solid #e3e3e3; background:#fff; display:table-cell; vertical-align:middle;}
.honor_r_img li img{width:100%; vertical-align:middle}
.honor_r_img li::before{content:""; position:absolute; height:3px; bottom:-3px; left:0; transition:all .5s; width:0;}
.honor_r_img li:hover::before{width:100%; background:#dc2815; transition:all .5s}
.honor_r_img li p{font-size:14px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding:10px 0 0; color: #555}
.honor_r_img li:hover{background:#eee; box-shadow:0 1px 10px #999;}

/*产品*/
.cpMain{ background:#f5f5f5; overflow:hidden;}
.cpMain .container{ margin-top:20px;padding-bottom:20px;}
.cpMain .pleft{ overflow:hidden; float:left; width:20%; }
.cpMain .pleft h3{ background:url(../images/pro_h.png) no-repeat 22px center; background-color:#dc2815; font-weight:normal;padding:30px 0 30px 80px; font-size:18px; color:#fff; border-radius:10px 10px 0 0}
.cpMain .pleft h3 a{ color:#fff;}
.cpMain .pleft h3 span{ font-size:14px; color:#fff; margin-left:5px;}
.cpMain .pleft ul{ overflow:hidden;border-radius:0 0 10px 10px; margin-bottom:15px; border-top:none; border-bottom:1px solid #e3e0e0;background: #fff;}
.cpMain .pleft li{ overflow:hidden; width:100%;}
.cpMain .pleft li>a{ display:block; padding:15px 0 15px 22px;font-size:15px; text-decoration:none; border-bottom:1px solid #e3e0e0;  color:#5a5a5a;font-weight: bold;}
.cpMain .pleft li:hover>a,.cpMain .pleft li>a.cur{ background-color:#dc2815;color:#fff;}
.cpMain .pleft li>a.cur{color:#dc2815;}
.cpMain .pleft .pnav {overflow:hidden;padding:15px 0;width: 202px;padding-left: 38px;font-size:16px;line-height:35px;color:#666;border-bottom:1px solid #e3e0e0;}
.cpMain .pleft .pnav a{ display:block; padding-left:15px; background:url(../images/ico02.png) no-repeat left center; text-decoration:none; font-size: 14px;}
.cpMain .pleft li.cur>a{ color:#fff;background-color:#dc2815;}
.cpMain .pleft .pnav a:hover,.cpMain .pleft .pnav a.cur{ color:#dc2815}
.cpMain .phone { overflow:hidden; width:166px; padding:30px 0; padding-left:75px; border-radius:10px; background:url(../images/pro_phone.png) no-repeat 20px center; background-color:#dc2815;}
.cpMain .phone p{ font-size:16px; color:#fff;}
.cpMain .phone b{ display:block; font-size:24px; color:#fff; font-family:'Times New Roman'}

/*产品左边联系我们*/
.pleft .divBox{overflow:hidden;background-color:#fff;border-top:5px solid #dc2815;margin-bottom:10px;padding:20px 15px;line-height: 26px;}
.pleft .divBox .lxfs{ font-size:20px; color:#dc2815; margin:10px 0 18px 0;font-weight:bold;}
.pleft .divBox .lxfs a{color:#dc2815;}
.pleft .divBox  span{ display:block; font-size:14px; color:#303030; line-height:25px;}

.dqpkcprocont{ font-size:14px;}

/*cpright*/
.cpright{ width:77.5%; padding:0 25px; background:#fff; float:right;padding-bottom:30px;box-sizing:border-box;}
#ny_prBox{background-color: #fff; margin-bottom:30px; margin-top: 55px;}
#rtop{padding-top: 18px; padding-bottom: 15px;margin: 12px 20px 0 20px;}
.rtop{ overflow:hidden; padding-top:20px; padding-bottom:9px; border-bottom:1px solid #dbdbdb;}
.rtop h5{ float:left; padding-left:10px; border-left:3px solid #dc2815; line-height:16px; }
.rtop h5 a{ font-size:16px; color:#dc2815;}
.rtop span{ float:right;}
.rtop span em{ color:#999;}
.rtop span a{ color:#999;}
.rightbox{ overflow:hidden;position:relative;/*margin-top: 25px;*/}
.sideBox{width: 100%;}
.sideBox ul {margin-right:-2%;}
.sideBox ul li a{text-decoration:none;}
.sideBox ul.cur {display: block;}
.sideBox ul li {float: left;width:31.333%;border: 1px solid #d9d9d9;transition: all 0.5s;margin-right:2%;margin-top:2%;box-sizing:border-box;}
.sideBox ul li.ImgLeft {margin-right: 0;}
.sideBox ul li i {display: block;text-align: center;}
.sideBox ul li i em {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 100%;width: 0;}
.sideBox ul li i img {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transition: all 0.5s;overflow: hidden;width:100%;}
.sideBox ul li p {line-height: 50px;font-size: 14px;color: #666;text-align: center;background: #f5f5f5;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sideBox ul li i{display:block;overflow:hidden;}
.sideBox ul li:hover {box-shadow:0px 5px 10px #999;border-color: #dc2815;}
.sideBox ul li:hover p {background: #dc2815;color:#fff;}
.sideBox ul li:hover i img {transform: scale(1.05);}
.pagebox{ font-family:Arial; text-align:center;clear:both;}
.page{ display:inline-block; margin-top:30px; margin-bottom:20px; margin-left:1px; font-size:0px;width: 100%;}
.page a,.page span{ margin-left:-1px; display:inline-block; font-size:14px; line-height:30px; width:30px; border:1px  solid #e0e0e0;}
.page span.on{  border:1px  solid #dc2815; background:#dc2815; color:#fff;}
.page a:first-child,.page span:first-child{ border-radius:4px 0px 0px 4px;}
.page a:last-child,.page span:last-child{ border-radius:0px 4px 4px 0px;}
.page2 { margin-top:20px;}
.page2 span{ color:#999;}

.pro_right{width: 100%;  float: right; margin-top: 0px;}
.pro_right h3{width: 100%; color:#333; font-size:17px; line-height:35px; font-weight: bold; border-bottom:1px solid #e5e5e5; padding-bottom: 6px;}
.prod_list {padding:30px 0 0 0;margin-top: 0px;overflow: hidden}
.prod_list ul{ margin-right: -2%;}
.prod_list li{float: left; width: 31.333%; text-align: center;margin-right: 2%; margin-bottom: 10px;}  
.prod_list li img{width:95%; border: 1px solid #e2e2e2; padding: 2px;} 
.prod_list li a{color: #555;}
.prod_list li span{ display: block; line-height: 22px; padding: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.prod_list li img:hover{border: 1px solid #f18519;}

.products{width:100%; float:left; margin-top:30px;}
.promore_l{width:45%;float:left;}


.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}




.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:calc(100% - 68px); height:51px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:54px;height:41px;}
.spec-scroll .items ul li img:hover{border:2px solid #dc2815; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:1px dashed #e6e6e6;}
.pros_right_top h1{overflow:hidden; display:inline-block; font-size:24px; color:#dc2815; padding-bottom:10px;}
.proleft{width:100%;float:left; font-size:14px; line-height:30px; margin-top:20px;}
.proleft p{font-size:14px; line-height:25px; }

.proleft_btntext{font-size:15px; font-weight:600;color:#d62800;margin-top:20px;float:left;}
.proleft_btn{width:100%; float:left; margin-top:5px;}
.proleft_btn li{font-size:0;}
.proleft_btn li a{height:40px; line-height:40px; text-align:center; font-size:14px;border:1px solid;padding: 5px 20px; color: #737373;margin-right:5px;}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#dc2815; color:#fff;}

.tabs-basic{width:100%; margin-top:50px; float:left;}
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6; background:#eee;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#eee; border:1px solid transparent; padding:10px 40px; color: #333}
.tabs-basic .tab-active{border-bottom:2px solid #dc2815; color:#fff; background:#dc2815;}
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.view-page{width:100%; max-width:1200px; float:left; position:relative; margin:40px 0; border-top:1px solid #d6d6d6; padding-top:40px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:160px; height:40px; line-height:40px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev{left:0;}
.view-page .prev a{background:#fff url(../images/le.png) 20px center no-repeat;text-align:center; border:1px solid #e6e6e6; color: #555; line-height: 38px;}
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #dc2815;}
.view-page a{display:block;} 
.view-page .back{left:50%; width:160px; transform:translateX(-50%);}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #dc2815;color: #fff; text-align:center;line-height: 38px;}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #dc2815; color:#fff;}
.view-page .next{right:0;}
.view-page .next a{background:#fff url(../images/ri.png) 90% center no-repeat;text-align:center; border:1px solid #e6e6e6; line-height: 38px; color: #555}
.view-page .next a:hover{color:#fff; background:url(../images/ri-white.png) 90% center no-repeat #dc2815;}

/*内页新闻中心*/
.news_r_text{width:100%; height: auto;}
.news_r_text ul li{width:100%;border-bottom:1px dashed #e6e6e6; padding:2% 0;overflow: hidden; transition:all 0.3s;box-sizing:border-box;}
.news_r_text ul li:nth-child(5n){border-bottom:none; padding-bottom:inherit;}
.news_r_text ul li .pic{width:20%; float:left; overflow:hidden; background:#e6e6e6; padding:3px;} 
.news_r_text ul li .pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.news_r_text ul li .pic img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.news_r_text ul li .text{width:100%}
.news_r_text ul li .text .titnr{width:100%;}

.news_r_text ul li .text .tit{font-size:16px; color:#333; overflow: hidden; text-overflow: ellipsis;white-space: nowrap!important;} 
.news_r_text ul li .text .time{color:#666;margin:10px auto 10px;font-size:12px;}
.wzss{line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.news_r_text ul li:hover{padding:2% 30px;background:#f8f8f8;}
.news_r_text ul li:hover .text .tit{color:#dc2815}
/*内页新闻中心*/

/*新闻详情*/
.xinwenxiangqing{width:100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.xinwenxiangqing .nd_head{text-align: center;margin-top:10px;padding-bottom: 30px;border-bottom: 1px dashed #d6d6d6;}
.xinwenxiangqing .nd_head p{color: #008ac5;font-size: 28px;margin-bottom: 18px;height: auto;overflow: hidden;}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text {text-align: left;font-size:14px;line-height:30px;  padding: 30px 0;}
.xinwenxiangqing .nd_text img{ max-width: 100%; display: block; margin: 10px auto;}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad; color:#333;}
.new_s2{width:100%;float:left; margin-top:50px;}
.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%;background:#f1f1f1; color:#008ac5; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}
.news_random2{width:100%;float:left; background:#fff; border:1px solid #d6d6d6; padding:20px; border-top:none; box-sizing: border-box;}
.news_random2 ul li{width:48%; float:left; font-size:14px; line-height:36px; overflow:hidden; margin-right:4%; border-bottom:1px dashed #e6e6e6;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.news_random2 ul li:nth-child(2n){margin-right:0;}
.news_random2 ul li a{background:url(../images/ly_li.png) no-repeat left center; padding-left:15px; color: #333}
.news_random2 ul li a:hover{color:#008ac5;}
.news_random2 ul li span{float:right; color:#999; line-height: 37px;}

.news_con_b{border-top: 1px solid #EEE;margin-top: 50px;padding-top: 50px;}
.news_con_b ul{line-height: 30px;float: left;}
.news_con_b li {font-size: 14px; color: #555;}
.news_con_b li a{font-size: 14px; color: #555;}
.news_con_b li a:hover{font-size: 14px; color: #008ac5;}
.news_con_b .fhlb{float: right;width: 140px;height: 40px;line-height: 40px;background: #008ac5;text-align: center;}
.news_con_b .fhlb a{display: block;color: #FFF; font-size: 14px;}
.news_con_b .fhlb a:hover{display: block;color: #FFF;text-decoration: none;}

/*内页联系我们*/
#con{overflow:hidden;}
.contact{width:46%;float:left;padding-right:4%;margin-top:10px;line-height:30px;font-size:14px;}
.contact h2{font-size:20px;font-weight:bold;position: relative;}
.contact h3{font-size:24px;color:#333;margin-bottom:20px;}
.contact img{width:160px;border:1px solid #ccc;margin-top:5px;}
.cotu{width:50%;float:right;height:350px;}