@charset "utf-8";
@import url("iconfont.css");
body{ background-color:#F6F6F6;}
.container{}
.header{ height:45px; line-height:45px;background:#002C9D;}

.header .subfield{ display:inline-block; width:40px; height:100%; padding-left:15px; color:#fff;}
.header .subfield i{font-size:16px;     color: #fff;}
.header .title{-webkit-flex: 1;-webkit-box-flex: 1;height:45px; line-height:45px; font-size:16px; text-align:center; font-weight:800;color:#fff;}
.badge{ width:40px; height:100%;}
.badge i{ font-size:20px; color:#fff;}

.nav{ background:#fff; border-bottom:#d1d1d1 solid 1px; overflow:hidden; display: none;}
.nav li{ float:left; width:33.3%; height:35px; line-height:35px; margin:0 0 -1px -1px; border:#d1d1d1 solid 1px; font-size:14px; text-align:center;}
.nav li a{ display:block; height:100%;}
.nav li a:hover{ background:#06F; color:#fff;}

.category{ position: relative; height:35px; line-height:35px;  background:#fff; margin-bottom:15px;}
.subnav{ position:absolute; left:0; top:0;width:100%; height:auto; background:#fff; border-bottom:#d1d1d1 solid 1px;z-index:6;}
.subnav .subnav-list{-webkit-flex: 1;-webkit-box-flex: 1;height:35px; line-height:35px; overflow:hidden;}
.subnav .subnav-list li{ float:left; width:67px; height:35px; padding-left:15px; font-size:13px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.subnav .subnav-list li.cur span{ display: inline-block; height:100%; border-bottom:#900 solid 2px;}
.category .more{ position:relative; width:50px; height:100%; text-align:center;}
.category .more i{color:#666; font-size:20px;}

.custom-category{margin:6px 8px;}
.custom-category ul{text-align:justify;text-justify:distribute-all-lines;text-align-last:justify;font-size:0;margin:0;padding:0;}
.custom-category li{float:left;display:inline;vertical-align:top;width:50%;margin-bottom:4px;font-size:0;text-align:center;}
.custom-category li a{display:block;height:80px;width:auto;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;margin:0 2px;padding:15px 12px 0 12px;}
.custom-category li i{font-size:24px;}
.custom-category li span{ display:block; margin-top:10px;}

.nav-about a{ background:#00a3a2;}
.nav-product a{ background:#7a14f3;}
.nav-news a{ background:#ff330e}
.nav-contact a{ background:#008f18;}

.custom-nav{ line-height:44px; }
.custom-nav li{ margin:0 10px;border-bottom:#eee solid 1px;}
.custom-nav a{ display:block;height: 100%;color: #333;line-height: 44px;font-size: 14px;font-weight: 700; }
.good-list{ padding:5px; max-width:100%;}
.good-list li{ float:left; width:50%; margin:4px 0;}
.good-list li .link{ display:block; margin:0 4px; border:#ddd solid 1px;}
.good-list li .photo-block{ width: 100%;height:143px; background-image:url(../image/pic_bg@2x.png);background-size: 6px 6px; text-align:center; vertical-align:middle;}
.good-list li .photo-block img{ height:100%;}
.good-list li .info{ padding:5px; background:#fff;}
.good-list li .good-title{height:32px;line-height: 1.3; font-size:13px; color:#333;}

.cont-block{ margin:10px; padding:10px;border:#ddd solid 1px; background:#fff; line-height:1.3;}


.footer{ background:#333;color:#ccc; margin-bottom:52px;}
.footer .ft-links a{ margin:0 10px; color:#ccc;}
.footer .copyright{ padding:10px 0; color:#999; line-height:16px; font-size:12px; text-align:center;}
.footer .copyright .ft-copyright{ margin-top:10px;}

.ft-fix{ left:0; bottom:0; width:100%; background:#fff; border-top:#C4CDD3 solid 1px; font-size:12px;}
.ft-fix ul{ padding:4px 10px;}
.ft-fix li{ width:49%; height:36px; line-height:36px; padding:0 10px; -moz-border-radius:5px;-webkit-border-radius: 5px;border-radius:5px;}
.ft-fix li a{ display:block; text-align:center; color:#fff;}
.ft-fix li a i{ margin-right:10px;}
.ft-fix li.m-tel{background:#F30;}
.ft-fix li.m-msg{ background:#090;}

.tel-fix{ width:40px; height:40px; line-height:30px; right:20px; bottom:20px; border:#fff solid 2px; background:#090;-moz-border-radius:100%;-webkit-border-radius: 100%;border-radius:100%; text-align:center;}
.tel-fix i{ color:#fff; font-size:18px;}


.wrap{}
.wrap:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.ui-slider {height:165px;width: 100%;overflow: hidden;position: relative;-webkit-tap-highlight-color:#000;}
.ui-slider-wheel {height: 100%;position: relative;left: 0;top: 0;-webkit-transform: translate3d(0, 0, 0);
-webkit-transition-duration: 0ms;-webkit-animation-timing-function:ease-out;
-webkit-transform-style: preserve-3d;/*设置内嵌的元素在 3D 空间如何呈现：保留 3D*/
-webkit-backface-visibility:hidden;/*（设置进行转换的元素的背面在面对用户时是否可见：隐藏）*/
}
.ui-slider-item > a {display: block; height:100%;text-decoration: none;}
.ui-slider-group {height: 100%;float: left;}
.ui-slider-item {height: 100%;width:100%;background-color: #e3e3e3;text-align: center;top:0;display: inline-block;overflow: hidden;}
.ui-slider-item > p {position: absolute;bottom: 0;width: 100%;
text-align: left;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;}
.ui-slider-dots {position: absolute;bottom:6px;right: 0;padding: 0 6px;text-align: right;}  
.ui-slider-item img {background:#E7E7E7; width:100%; max-width:100%; max-height:100%;}
.ui-slider-item > p {color: #fff;background: rgba(0, 0, 0, 0.5);padding: 2px 0; font-size:14px; text-indent: 10px;}
.ui-slider-dots b {display: inline-block;margin: 0 4px;width: 6px;height: 6px;border-radius: 3px; background: rgba(144, 144, 144, 0.8);}
.ui-slider-dots .ui-slider-dot-select {background: #fff;}  



/*
@media screen and (min-width:640px){
	body{width:640px;  margin:0 auto;}
	.temslide{ height:330px;}
}
@media screen and (min-width:480px) and (max-width:640px){
	.temslide{ height:300px;}
	.ui-slider {height: 267px;}
}
@media screen and (min-width:320px) and (max-width:480px){
	.temslide{ min-height:165px;}
}
*/

.top-blank{ height:40px;}
.top-bar{ width:100%;height:40px; background:#212c30; left:0; top:0; z-index:910;box-shadow: 0 5px 8px rgba(131,103,103,.3);}
.top-bar .title{ position:absolute; left:30%; top:8px; width:40%; text-overflow: ellipsis; overflow:hidden; color:#fff; font-size:17px;}
.top-bar span{ display:inline-block; text-indent:-999em; overflow:hidden;}
.top-bar .back{ float:left; }
.top-bar .back a{ display:block;padding:4px;}
.top-bar .back .ico{display:inline-block; width:32px; height:32px; background:url(../ico/arrow_carrot-left.png);}
.top-bar .menu{ float:right;}
.top-bar .menu a{ display:inline-block; width:32px; height:32px; padding:4px 10px;}
.top-bar .menu .ico{display:inline-block; width:32px; height:32px; background:url(../ico/icon_ul.png) no-repeat center center ;background-size:30px auto;}



/*index*/

.product_block{margin: 10px auto;background: #fff;border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.product_block .hd{ height:40px; line-height:40px; color:#424242; font-size:1.6rem;text-indent: 3.125%;}
.product_block ul{ display:table;}
.product_block li{ width:49.9%; padding:3px 6px; display:inline-block; float:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.product_block li:nth-child(2n+1){ padding-right:3px;}
.product_block li:nth-child(2n){ padding-left:3px;}
.product_block li .t{ height:23px; line-height:23px; padding:0 5px; background:#efefef; text-align:center; font-size:1.4rem; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}




.atricle{}
.atricle .head{ padding:5px 4.2%;}
.atricle .head h1{ padding-bottom:10px; border-bottom:#e6e7ec solid 1px; font-size:20px; font-weight: normal; color:#000;}
.atricle .head .meta{ margin-top:6px; font-size:12px; color:#8c8c8c;}
.atricle .head .meta .source{ color:#607fa6;}
.atricle .text{ padding:6px 4.2%; line-height:150%; font-size:16px; color:#3e3e3e;}
.atricle .text *{ max-width:100%; }


.news-page{ padding:0 4.2%;}
.news-page li{ height:80px; margin:5px 0; padding:10px; border:#ddd solid 1px; background:#fff;}
.news-page .title{ margin-bottom:8px;font-size:16px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.news-page .p{ height:32px;font-size:12px; line-height:16px; color:#666;overflow:hidden;}
.news-page .img{ float:left; width:70px; height:52px; margin-right:4%; overflow:hidden;}
.news-page .img img{ height:100%;}

.goods-list{padding:0 4.2%;}
.goods-list-card{ position:relative; margin:5px 0; padding:10px;border:#ddd solid 1px; background:#fff;}
.goods-list-card a{ display:block; min-height:80px;}
.goods-list-card .photo{ position:relative; float:left; width:80px; height:80px; margin-right:15px; background:#f6f6f6;}
.goods-list-card .photo img{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; vertical-align:bottom;}
.goods-list-card .info{ height:80px; padding-right:40px;}
.goods-list-card i{ position:absolute; top:30px; right:10px; width:30px; height:30px; line-height:30px; background:#f3f3f3; color:#666; font-size:18px; text-align:center;-moz-border-radius:100%;-webkit-border-radius: 100%;border-radius:100%;}
.goods-list-card a:hover i{background:#951D29; color:#fff;}

.goods{}
.goods-img{}
.goods-info{ background:#fff; border-bottom:#f0f0f0 solid 1px; padding:8px 10px;margin-bottom:10px;}
.goods-info .title{ line-height:22px; font-size:16px; color:#951d29;}
.goods-info p{ line-height:22px; font-size:12px; color:#666;}

.goods-desc{ margin-bottom:10px; padding:12px 10px; background:#fff;}
.goods-desc .text{ line-height:21px; font-size:13px; color:#727272;}
.goods-desc h2{ margin-bottom:10px; padding-left:12px; border-left:#951d29 solid 5px; font-size:16px;}



@media (min-width:360px) {}
@media (min-width:375px) {}
@media (min-width:414px) {}
@media (min-width:540px) {
	.good-list li{max-height:253px;width:176px;}
	.good-list li .photo-block{height:176px;}
	}
@media (min-width:760px) {
	.content{width:750px;margin:30px auto 0;}
	.content-body{background-color:#fff;width:540px;border:1px solid #ddd;padding:10px;}
	}
@media (min-width:800px) {
	.content{width:760px;margin:30px auto 20px;}
	.content-body{background-color:#fff;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.1);box-shadow:0 2px 10px rgba(0,0,0,0.1);}
}