.banner,
.banner img {
	width: 100%;
	display: block;
}

.contpros {
	width: 100%;
	height: 46px;
	line-height: 46px;
	background: #eee;
}

.prodt {
	max-width: 1200px;
	margin: 0 auto;
}

.procurrent,
.procurrent a {
	font-size: 12px;
	color: #666;
}


/*             -------------           enters         ------------          */

.enters {
	width: 100%;
}

.position {
	width: 100%;
	height: 46px;
	line-height: 46px;
	background: #eee;
}

.positions {
	max-width: 1200px;
	margin: 0 auto;
}

.positdiv,
.positdiv a {
	font-size: 12px;
	color: #666;
}

.ny_conter {
	margin: 0 auto;
	max-width: 1200px;
	padding: 2.5% 0;
}

.ny_conterl {
	width: 18%;
	background: #f9f9f9;
}

.ny_contldiv {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 10%;
}

.ny_contldivp {
	color: #fff;
	background-color: #3767c2;
	line-height: 64px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 5%;
	font-family: "微软雅黑";
	font-size: 22px;
}
.ny_contldiv>ul{
    width: 80%;
    margin: 0 0 0 auto;
}
.ny_contldiv li {
	line-height: 50px;
}

.ny_contldiv li a {
	color: #222;
	font-size: 14px;
	position: relative;
}

.ny_contldiv li a i {
	position: absolute;
	height: 100%;
	width: 5px;
	background: #3767c2;
	top: 0;
	left: -21px;
	display: none;
}

.ny_contldiv>ul>li:hover>a,
.ny_contldiv>ul>li.on>a,.jx_leftnavs li.ons a{
	color: #3767c2;
}

.ny_contldiv li.on a i {
	display: block;
}
.jx_leftnavs{
width: 91%;
    margin: 0 0 0 auto;
display:none;
}
.ny_contldiv li.on .jx_leftnavs{
display:block;
}
.spanfls img{
width: 25px;
    vertical-align: middle;
    margin-top: -3px;
}


.ny_conterr {
	width: 76%;
}

.ny_contrdiv {
	width: 93%;
	padding: 2% 0 5%;
	margin: 0 auto;
}

.ny_contrdiv p {
	font-size: 16px;
	color: #444;
	line-height: 30px;
}

.ny_contrdiv p img,
.ny_contrdiv img {
	max-width: 100%;
	margin: 0 auto;
}

.ny_contrdivh1 {
	font-size: 30px;
	text-align: center;
	color: #444;
	padding: 4% 0;
}


/*         -----------          certificate           ------------           */

.htbbusinness img {
	width: 100%;
}




/*----------------------------------------------------------*/

.accreditation{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}


.intoml{
	padding-bottom: 4%;
}
.intodiv{
	margin-bottom: 3%;
}

.appgallery li{
	width: 33%;
	float: left;
	display: block;
	border-bottom: 1px dashed #e0e0e0;
	border-right: 1px dashed #e0e0e0;
	padding-top: 25px;
}
.appgallery li:nth-child(3),.appgallery li:nth-child(6),.appgallery li:nth-child(9){
	border-right: none;
}

.appgallery li:nth-child(4){
clear:both;
}

.appgallery li a{
	display: block;
	width: 90%;
	margin: 0 auto ;
	text-align: center;
}
.appgallery li a img{
	width: 100%;
    display: block;
}
.appgallery li a span{
	font-size: 14px;
	color: #666;
	line-height: 48px;
}
.fancybox .fancyboximg{
display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 360px;
    overflow: hidden;
}





/*   ----------------------     product        -------------------    */

.cn_protconttle {
	margin-top: 0;
	text-align: right;
	line-height: 40px;
	border-bottom: 1px solid #d4dae6;
	font-size: 14px;
	color: #666;
	margin-bottom: 1%;
}

.cn_protconttle a {
	color: #666;
}

.cn_protconttle span {
	color: #2b7fc6;
}

.ny_product {
	width: 76%;
}

.page-product-list {
	margin-top: 10px;
}

#pages {
	padding: 25px 0 15px;
	text-align: center;
	overflow: hidden;
}

#bosi dl dt img,
#box dl dt img {
    display: block;
    max-width: 100%;
    height: 100%;
    text-align: center;
    margin: 0 auto;
}

#bosi dl dt span,
#box dl dt span {
	position: absolute;
	width: 0;
	height: 1px;
	background-color: #008dd7;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	overflow: hidden;
}

#bosi dl dt:hover span.botop {
	left: 0;
	top: 0;
	height: 1px;
	width: 100%;
}

#bosi dl dt:hover span.boright {
	right: 0;
	top: 0;
	height: 100%;
	width: 1px;
}

#bosi dl dt:hover span.bobottom {
	right: 0;
	bottom: 0;
	height: 1px;
	width: 100%;
}

#bosi dl dt:hover span.boleft {
	left: 0;
	bottom: 0;
	height: 100%;
	width: 1px;
}

.page-product-clss {
	border: 2px solid #008dd7;
	border-radius: 10px;
	padding: 10px;
	margin-top: 20px;
}

.page-product-clss dl {
	height: 400px;
}

.page-product-clss dl dt {
	float: left;
	width: 490px;
	height: 400px;
}

.page-product-clss dl dd {
	float: left;
	width: 410px;
	height: 400px;
	position: relative;
	margin-left: 20px;
}

.page-product-clss dl dd h3 {
	padding-top: 10px;
}

.page-product-clss dl dd h3 a {
	font-weight: 700;
	font-size: 30px;
	line-height: 50px;
	color: #809c20;
}

.page-product-clss dl dd h3 a:hover {
	color: #008dd7;
	text-decoration: underline;
}

.page-product-clss dl dd h6 {
	font-size: 18px;
	line-height: 30px;
	color: #333;
	padding: 20px 0 10px;
}

.page-product-clss dl dd p {
	font-size: 14px;
	line-height: 24px;
}

.page-product-clss dl dd h5 {}

.page-product-clss dl dd h5 a {
	display: inline-block;
	padding: 0 28px 0 20px;
	border-radius: 15px;
	float: right;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background-color: #008dd7;
	background-image: url(../images/icon-w-jiao.png);
	background-repeat: no-repeat;
	background-position: 100px 50%;
	position: absolute;
	left: 0;
	bottom: 45px;
}

.page-product-clss dl dd h5 a.btn-b {
	background-color: #1b1b1b;
	background-position: 76px 50%;
	left: 130px;
}

.page-product-clss dl dd h5 a:hover {
	background-color: #008dd7
}

.page-product-list {
	margin-top: 10px;
}

.page-product-list dl {
	width: 31.5%;
	float: left;
	margin: 1.6% 2.6% 0 0;
	overflow: hidden;
	position: relative;
}

.page-product-list dl:nth-child(3n) {
	margin-right: 0;
}

.page-product-list dl dt {
    position: relative;
    overflow: hidden;
    text-align: center;
    border: 1px solid #e5e5e5;
}

.page-product-list dl dd {
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	color: #555;
	-ms-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.page-product-list dl a:hover dd {
	color: #008dd7
}


.protcotfls .bd  a{
font-size: 18px;
    color: #666;
}

/*         -----------          news           ------------           */

.cotnews {
	width: 100%;
	display: block;
	margin: 0 auto 3%;
}

.newsct {
	margin: 0 auto;
	width: 93%;
}

.new_left {
	width: 30%;
	border: 1px solid #c3c3c3;
	overflow: hidden;
}

.new_left img {
	width: 100%;
	-webkit-transition: 1s;
	display: block;
}

.cotnews li:hover .new_left img,
.cotnews li:hover .new_left img {
	-webkit-transform: scale(1.1);
}

.new_right {
	width: 66%;
}

.newsdivs {
	padding: 2% 0;
	overflow: hidden;
	border-bottom: 1px dashed #ccc;
}

.newschak {
	color: #666;
	line-height: 40px;
	font-size: 14px;
	float: right;
	margin-right: 8%;
}

.newsdivs .newsfa1 p {
	line-height: 46px;
}

.newsdivs .newsfar .newsfrp {
	font-size: 16px;
	line-height: 40px;
}
.newsimg img{
	width: 100%;
}
.newsfa{
	margin: 3% 0;	
}
.newsfa1{
	width: 20%;
	text-align: center;
}
.newsfa1 p{
	color: #e6212a;
	width: 60%;
	margin: 0 auto;
	line-height: 30px;
	font-family: "微软雅黑";
}
.newsfa1 p:nth-child(1){
	border-bottom:1px solid #e6212a;
	font-size: 26px;
}
.newsfar{
	width: 78%;
}
.newsfar p,.newsfar p a{
	color: #888;
	font-size: 12px;
	font-family: "微软雅黑";
}

.newsfar .newsfrp{
	font-size: 14px;
	font-weight: 600;
	color: #000;
	line-height: 32px;
	font-family: "微软雅黑";
}

.newsr{
	width: 48%;
}
.newsr li{
	border-bottom: 1px  dashed #646464;
}
.newsfas1{
	width: 100%;
	margin: 0;
	padding: 2.6% 0;
}


/*         -----------          case           ------------           */

.cn_protcontcp {
	margin: 10px;
}

.cn_protcontcp>ul>li {
	margin: 10px;
	width: 30.6%;
	float: left;
	display: block;
	border: 1px solid #e9e9e9;
}

.cn_protctcps {
	width: 90%;
	margin: 4% auto 2%;
	text-align: center;
}

.cn_protctcps div {
	height: inherit;
	overflow: hidden;
}

.cn_protctcps div img {
	width: 100%;
	display: block;
}

.cn_protctcps p {
	color: #666;
	font-size: 14px;
	line-height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cn_protcontcp>ul>li:hover {
	box-shadow: 8px 8px 20px #eee;
}


/*         -----------          cont           ------------           */



/*         -----------          productcot           ------------           */

/*商品缩略图样式*/
.goods-pic{      position: relative;
    width: 51%;
    z-index: 1;
    margin: 0 auto;}
.pic-preview{position:relative;width:368px;height:inherit;border:1px solid #e8e8e8;}
.pic-scroll{margin-top:10px;width:370px;}
.pic-scroll .prev{float:left;margin-right:5px;}
.pic-scroll .next{float:right;}
.pic-scroll .prev,.pic-scroll .next{display:none;font-family:"宋体";text-align:center;width:10px;height:60px;line-height:60px;border:1px solid #e8e8e8;background:#f7f7f7;cursor:pointer;text-decoration:none;}
.pic-scroll .items{position:relative;float:left;width:335px;height:62px;overflow:hidden;}
.pic-scroll .items ul{position:absolute;margin:0;padding:0;width:999999px;height:100%;}
.pic-scroll .items ul li{float:left;margin:0;padding:0;width:67px;text-align:center;}
.pic-scroll .items ul li img{padding:2px;border:1px solid #e8e8e8;width:56px;height:56px;}
.pic-scroll .items ul li img:hover{padding:1px;border:2px solid #d70000;}
/*商品规格*/
.goods-spec{position:relative;margin:30px 0 0 400px;overflow:hidden;overflow:hidden;*zoom:1;}
.goods-spec h1{display:block;color:#555;font-size:18px;font-weight:700;line-height:1.1em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.goods-spec .subtitle{margin-top:5px;color:#6c6c6c;font-size:15px;line-height:18px;}
.goods-spec .spec-box{position:relative;margin-top:10px;}
.goods-spec .spec-box.line{padding-top:10px;border-top:1px solid #efefef;}
.goods-spec .spec-box:after{clear:none;content:"";display:block;height:0;visibility:hidden;}
.goods-spec .spec-box dl{clear:both;display:block;}
.goods-spec .spec-box dl:after{clear:none;content:"";display:block;height:0;visibility:hidden;}
.goods-spec .spec-box dl dt{float:left;width:80px;line-height:38px;min-height:38px;color:#999;}
.goods-spec .spec-box dl dd{position:relative;padding:5px 0;line-height:26px;min-height:26px;color:#6c6c6c;}
.goods-spec .spec-box dl dd s{display:inline-block;text-decoration:line-through;}
.goods-spec .spec-box dl dd .price{display:inline-block;margin-right:5px;color:#f40;font-size:24px;font-weight:700;}
.goods-spec .spec-box dl dd .items li{position:relative;float:left;margin:0 5px 8px 0;padding:1px;line-height:20px;vertical-align:middle;}
.goods-spec .spec-box dl dd .items li a{display:block;padding:1px;color:#666;min-width:10px;width:auto !important;text-align:center;text-decoration:none;border:1px solid #eee;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;}
.goods-spec .spec-box dl dd .items li a span{display:inline-block;padding:5px 9px;font-style:normal;line-height:20px;}
.goods-spec .spec-box dl dd .items li a img{width:36px;height:38px;vertical-align:middle;}
.goods-spec .spec-box dl dd .items li a.selected{margin:-1px;color:#333;border:2px solid #f40;color:#f40;}
.goods-spec .spec-box dl dd .stock-box{display:block;float:left;margin-right:10px;width:64px;}
.goods-spec .spec-box dl dd .stock-box input{float:left;margin-right:3px;width:42px;height:30px;line-height:30px;text-align:center;border:1px solid #e8e8e8;}
.goods-spec .spec-box .stock-box a{display:block;float:left;margin-bottom:4px;width:15px;height:12px;line-height:12px;color:#333;font-size:11px;text-align:center;border:1px solid #e8e8e8;cursor:pointer;overflow:hidden;}
.goods-spec .spec-box .stock-txt{float:left;line-height:32px;}
.goods-spec .spec-box .btn-buy{margin-top:15px;}
.goods-spec .spec-box .btn-buy .buy{display:inline-block;margin-right:10px;padding:0 30px;color:#e5511d;font-size:16px;line-height:38px;background:#ffe4d0;border:1px solid #f0cab6;border-radius:2px;cursor:pointer;}
.goods-spec .spec-box .btn-buy .add{display:inline-block;padding:0 30px;color:#fff;font-size:16px;line-height:38px;background:#f40;border:1px solid #f40;border-radius:2px;cursor:pointer;}
.goods-spec .spec-box .btn-buy button.over{color:#999;background:#f7f7f7;border-color:#e8e8e8;cursor:default;}
/* 图片放大镜样式*/
.jqzoom{position:relative;display:block;margin:0;padding:0;width:368px;height:inherit;border:none;cursor:crosshair;}
.jqzoom img{height: inherit;
    display: block;
    margin: 0 auto;    width: 100%;}



.procttit{
	font-size: 25px;
    font-weight: bold;
    line-height: 45px;
    margin-bottom: 30px;
    color: rgb(23,43,89);
}

.protflssx{
	margin-bottom: 2%;border-bottom: 2px solid #EAECEE;
}
.protflssx li{
	width: 24.65%;
	float: left;
	display: block;
	text-align: center;
    line-height: 52px;
    font-size: 16px;
}
.protflssx li:hover, .protflssx li.on{
    border-bottom: 2px solid #f00726;
	color: #f00726;
}
.protcotfls .bd li{
	padding: 1% 2% 2%;
    overflow: hidden;
}

.prodetails{
	width: 100%;
	margin: 3% 0 6%;
}
.prodetails p{
	font-size: 14px;
	line-height: 25px;
}


.protcotsl{
	width: 100%;
    display: block;
}


.jqZoomPup,.zoomdiv{
	display: none !important;
}


/*   ----------------------     search        -------------------    */
@media screen and (max-width:768px) {
	.ny_conter {
		margin: 0 auto;
		max-width: 1200px;
		padding: 2.5% 0;
		width: 90%;
	}
	.ny_conterl {
		width: 100%;
		float: none;
	}
	.ny_contldiv li {
		line-height: 50px;
		width: 50%;
		float: left;
	}
	.ny_conterr,
	.ny_product {
		width: 100%;
		float: none;
		margin: 4% 0;
	}
	.ny_contrdiv {
		width: 90%;
	}
	.cn_protcontcp>ul>li {
		margin: 2% 2%;
		width: 45.4%;
		float: left;
		display: block;
		border: 1px solid #e9e9e9;
	}
	.new_left {
		width: 100%;
		border: 1px solid #c3c3c3;
		overflow: hidden;
		float: none;
	}
	.new_right {
		width: 100%;
		float: none;
		padding: 5% 0 16%;
	}
	
	
.page-product-list dl,.page-product-list dl:nth-child(3n){
    width: 49%;
    float: left;
    margin: 1.6% 1% 0 0;
    overflow: hidden;
    position: relative;
}
#bosi dl dt img, #box dl dt img {
    border: 1px solid #e5e5e5;
    display: block;
    width: 98%;
}
	


.page-product-list dl dd {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding: 7% 0;
}







.newsfa1 {
    width: 100%;
    text-align: center;
}
.newsfar {
    width: 100%;
}



.ny_contldiv li {
    line-height: 50px;
    width: 100%;
    float: left;
}


.ny_contldiv li a {
    color: #222;
    font-size: 16px;
    position: relative;
}







}

@media screen and (max-width:414px) {
	
	.appgallery li a span {
		font-size: 12px;
		color: #666;
		line-height: 48px;
	}
}