@charset "utf-8";
/* CSS Document */
body{font-family:微软雅黑}

.header{ height:.5rem; background:#0169c6; width:100%; padding:0 3%; box-sizing:border-box;}
.header > form{ width:84%; height:.32rem; margin-top:.09rem; background:#fff; display:block; float:left; border-radius:.16rem;}
.header > form >img{ float:left; height:.26rem; margin-top:.03rem; margin-left:.1rem}
.header > form >input{ display:block; float:left; width:70%;  height:.18rem; margin-top:.05rem; background:none; border:none; margin-left:.1rem; line-height:.2rem;}
.header > form >.img-btn{ display:block; float:left; background:none; border:none; height:.2rem; margin-top:.06rem;}

.header > a{ display:block; float:right; color:#fff; font-size:.16rem; line-height:.5rem;}
hgroup{ display:block;  clear:both; width:100%; padding:0 3%; box-sizing:border-box; background:#f5f5f5; height:.6rem;}
hgroup > span{ display:block; font-size:.14rem; color:#000; line-height:.6rem; display:block; width:20%; float:left;}
hgroup > p{ display:block; float:left; width:80%; margin-top:.15rem; padding-left:0.1rem; box-sizing:border-box;}
hgroup > p > a{ display:block; float:left; color:#a3a3a3; font-size:.14rem; height:.3rem; line-height:.3rem; background:#fff; padding:0 .1rem; margin-right:.12rem}
/*banner*/
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
margin-top:50px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: .2rem;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: 微软雅黑;
	font-weight: bold;
	color: #666;
	bottom:5px
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #325ADB ;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 3%;
	background:url(../img/controls-l.png) no-repeat;
}

.bx-wrapper .bx-next {
	right: 3%;
	background:url(../img/controls-r.png) no-repeat;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}


.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: 微软雅黑;
	display: block;
	font-size: .85em;
	padding: 10px;
}
.bx-controls-direction{ display:none !important;}
/*banner结束*/
nav{ display:block; clear:both; padding:0 10px; box-sizing:border-box; margin-top:.2rem}
nav > ul{ display:block;}
nav > ul > li{ width:20%;display:block; float:left; margin-bottom:10px; overflow: hidden;text-align:center}
nav > ul > li a{ display:block;}
nav > ul > li img{ width:50px;}
nav > ul > li span{ display:block; width:100%; text-align:center; font-size:14px; color:#000; padding:5px 0}
/*通用样式*/
body{font-fa}.fl{float:left}.fr{float:right}.f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.hg20{height:20px}.hg10{height:10px}.fff{background:#fff}.bg{background:#eee;height:10px}
/* 广告 */
.home_ad{height: 100px;padding: 0 10px;}
.swiper-container{height: 100%;border-radius: 8px}
.swip_href {height: 100%;width: 100%;display: block;}
.swiper-pagination.pagination1{width: 40px;height: 18px;background: rgba(0, 0, 0, 0.5);border-radius: 8px;color: #FFFFFF;font-size: 12px;line-height: 16px;position: absolute;bottom: 8px;right: 8px;left: auto;z-index: 100;text-align: center;}
/* 列表块 */
.home_list{overflow:hidden}
.home_list_div li{float: left;width: 49%;margin:0 2% 2% 0;background: #eee;border-radius: 4px}
.home_list_div li:nth-child(even){margin-right: 0;}
.home_list_div li a{display: block;padding:20px 10px}
.home_list_div li img{padding-right:10px;width:50px}
.home_list_div li h4{font-size:14px}
.home_list_div li span{display:block;line-height:14px;font-size: 12px;color: #333;padding-top: 2px;min-height: 28px;}
/* 产品中心 */
.product{overflow:hidden}
.product li {width:31.3%;margin:0 3% 3% 0;float:left;text-align:center;}
.product li:nth-child(3n+0){margin-right:0}
.product li a{display:block;border-radius: 8px;border:1px solid #efefef;padding:5px 0 10px}
.product li img{width:50px;height:50px}
/*精选品牌*/
.jxpp{ padding-bottom: .1rem;}
.jxpp ul{ display: block;}
.jxpp ul li{float: left; width: 25%;overflow: hidden; margin-bottom:8px;}
.jxpp ul li a{ display: block; width: 100%;}
.jxpp ul li img{display: block; width: 92%; margin: auto;}
.jxpp ul li span{ display: block; width: 100%; text-align: center; font-size: 14px; color: #333; margin-top:6px; line-height:25px;}
/*热门品类*/
.hot-class{overflow:hidden}
.hot-class li{float:left;width:22%;margin:0 4% 4% 0;}
.hot-class li:nth-child(4n+0){margin-right:0}
.hot-class li img{border:1px solid #efefef;border-radius:5px;width:97%;height:70px;object-fit: contain;}
.hot-class li span{display: block;width: 100%;height:40px;color: #333;text-align: left;font-size: 14px;line-height: 22px;padding-top: 3px;display: -webkit-box;
    -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;text-overflow:ellipsis}
/*行业资讯*/
.new-content{display: block;margin-top:10px;background: #fff;padding: 5px 10px 12px 10px;}
.new-title{line-height: 40px;margin-bottom:2px}
.new-title .lable{color: #3e93d5;font-size: 26px;padding-right: 8px;display:none}
.new-title a{font-size:12px;font-weight:normal;color:#999}
.new-content .news-conter li{width:100%;height: 28px;line-height: 32px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size:14px}
.news-conter a{color:#333}
.news-conter .red-lable{position: relative;top: 16px;left: 0;float: left;
margin-right: 5px;padding: 1px 5px;border-radius: 3px;background-color: #ff4040;color: #fff;text-align: center;font-size: 13px;line-height: 1.5;-webkit-transform: translateY(-50%);transform: translateY(-50%);}	
/*底部*/
footer > p{ display:block; font-size:14px; text-align:left; padding-bottom:5px;line-height:20px}
/*回到顶部*/
.top{ background: #f4f4f4;width: 50px;height: 50px;border-radius: 50%;font-size: 13px;text-align:center;position: fixed;bottom: 100px;right: 5px}
.top a{display:block;margin-top:10px}
@media(max-width:400px){
.new_last > ul >li h3 span{ font-size:.14rem;}	
nav > ul > li span{ font-size:0.13rem}
.znzz > article > figure figcaption{ color:#333333; display:block; font-size:.13rem; line-height:.22rem; font-weight:bold}
.znzz > article > figure p{ display:block; font-size:.12rem; color:#666666; margin-top:.04rem; line-height:.2rem }
.znzz > ul > li  span{ font-size:.13rem;}
.jqhr > ul > li  span{ font-size:.13rem; line-height:.16rem; height:.34rem}
.znzz > ul > li  p{ font-size:.12rem;}
.jcal > ul >li  a span{ font-size:.13rem;line-height:.18rem;height:.38rem; }
.jcal > ul >li  a p{font-size:.12rem; margin-top:.06rem }
.jcal > ul >li  a b{font-size:.12rem; margin-top:0px;}
.more{ font-size:.12rem; height:.3rem; line-height:.3rem;}
.jszl > nav > ul >li{ font-size:.14rem;}
}
@media(max-width:360px){.header > form >input{ width:56%;}
.jqrpx > nav > ul >li{display: block;width: 33.333333%;text-align: center;font-size:.14rem;color: #333333;line-height: .2rem;float: left;margin-bottom: .06rem;}}
/*新闻资讯，百科*/
.list-new-txt{margin-top:50px;}
.list-new-txt li{overflow:hidden;padding:10px;border-bottom:1px solid #efefef}
.list-new-txt .img{float:left;width:30%}
.list-new-txt .img img{width:100%;min-height:80px}
.list-new-txt .text{float:right;width:68%;margin-left:2%}
.list-new-txt .text .tit{line-height:20px;margin-bottom:10px}
.list-new-txt .text .date{background:url('../img/ico-time.png') no-repeat 0 center;background-size:14px 14px;display:block;padding-left: 18px;font-size: 13px;color: #666;float:left}
.list-new-txt .text .hits{background:url('../img/ico-hits.png') no-repeat 0 center;background-size:14px 14px;display:block;padding-left: 18px;font-size: 13px;color: #666;float:left;margin-left:20px}	
.info .date{background:url('../img/ico-time.png') no-repeat 0 center;background-size:14px 14px;display:block;padding-left: 18px;font-size: 13px;color: #666;float:left}
.info .hits{background:url('../img/ico-hits.png') no-repeat 0 center;background-size:14px 14px;display:block;padding-left: 15px;font-size: 13px;color: #666;float:left;margin-left:10px}
.info .area{background:url('../img/ico-area.png') no-repeat 0 center;background-size:14px 14px;display:block;padding-left: 15px;font-size: 13px;color: #666;float:left;margin-left:10px}