/*************************************
author:DeathGhost
website:http://www.deathghost.cn
**************************************/
@charset "UTF-8";
@import url(swiper3.07.min.css);
body{margin:0}
a:active,a:hover{outline:0}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
img{vertical-align:middle;border:0}
@-ms-viewport{width:device-width}
html{font-size:50px;-webkit-tap-highlight-color:transparent;height:100%;min-width:320px;overflow-x:hidden}
body{font-family:"microsoft yahei";font-size:.28em;line-height:1;color:#333;background-color:#f1f1f1;    max-width: 640px;
    min-width: 320px;
    margin-left: auto;
    margin-right: auto;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.1}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1}
.h1,.h2,.h3,h1,h2,h3{margin-top:.28rem;margin-bottom:.14rem}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
.h4,.h5,.h6,h4,h5,h6{margin-top:.14rem;margin-bottom:.14rem}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
.h1,h1{font-size:.364rem}
.h2,h2{font-size:.2996rem}
.h3,h3{font-size:.238rem}
.h4,h4{font-size:.175rem}
.h5,h5{font-size:.14rem}
.h6,h6{font-size:.119rem}
h6{margin-top:0;margin-bottom:0}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#06c1ae;text-decoration:none;outline:0}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a.react,label.react{display:block;color:inherit;height:100%}
a.react.react-active,a.react:active,label.react:active{background:rgba(0,0,0,.1)}
ul{margin:0;padding:0;list-style-type:none}
hr{margin-top:.28rem;margin-bottom:.28rem;border:0;border-top:1px solid #DDD8CE}
h6{line-height:1.41;text-align:justify;margin:-.2em 0;word-break:break-all}
small,weak{color:#666}
::-webkit-input-placeholder {color:#999;line-height:normal;} 
:-moz-placeholder {color:#999;line-height:normal;} 
::-moz-placeholder {color:#999;line-height:normal;} 
 
/*other public*/
.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.iconfont{}
.center{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.more_btn{display:block;width:40%;height:.65rem;line-height:.65rem;text-align:center;background:#f8f8f8;border-radius:25px;background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.5, #f5f5f5), to(rgb(248,248,248)));border:1px #efefef solid;margin:.23rem auto;color:#d8d8d8;}
.more_btn:after{content:"v";margin-left:.05rem;}
.backIcon{display:block;position:absolute;left:0;top:0;padding:0 .3rem;color:white;font-size:.4rem;}
.topCart{position:absolute;right:0;top:0;display:block;height:1rem;color:white;padding:0 .3rem;}
.topCart:before{content:"G";font-size:.6rem}
.topCart em{display:block;position:absolute;top:.15rem;right:12%;width:.36rem;height:.36rem;line-height:.36rem;text-align:center;font-size:.2rem;font-style:normal;border-radius:50%;background:red;}
.setIcon{position:absolute;right:0;top:0;display:block;color:white;padding:0 .3rem;font-size:.5rem;}
header{height:1rem;line-height:1rem;background:#64ab5b;position:relative;}
header h1{margin:0;text-align:center;width:50%;margin:0 auto;height:1rem;line-height:1rem;color:white;}
header .logoIcon{font-size:.8rem;}


header .location{display:block;position:absolute;left:0;top:0;color:white;padding:0 .25rem;}
header .rt_searchIcon{display:block;position:absolute;right:0;top:0;padding:0 .25rem;color:white;font-size:.5rem;}

/*slide*/
#slide{width:100%;height:3rem;overflow: hidden;position:relative;}
#slide .swiper-slide{text-align:center;height:3rem;}
#slide .swiper-slide img{width:auto;max-width:100%;height:3rem;}
#slide .pagination{position: absolute; z-index: 20; bottom:5px; width:100%; text-align: center; right:0;}
#slide .swiper-pagination-bullet{display: inline-block; width:5px; height:5px; border-radius:5px; background:grey; margin: 0 2px; opacity: 0.8; cursor: pointer;}
#slide .swiper-pagination-bullet-active{background:#fff;}

.categoryLiIcon{overflow:hidden;background:white;margin:.15rem 0;padding-bottom:.5rem;}
.categoryLiIcon li{float:left;width:25%;overflow:hidden;margin-top:.25rem;}
.categoryLiIcon li a{display:block;text-align:center;}
.categoryLiIcon li a img{width:1rem;height:1rem;border-radius:50%;margin:.1rem 0;}
.categoryLiIcon li a em{display:block;font-style:normal;color:#666;}
.tab_proList{padding:0 3%;overflow:hidden;background:white;margin:0;}
.tab_proList dt{padding:.1rem 0;height:.65rem;line-height:.65rem;display:box;display:-webkit-box;display:-moz-box;border-bottom:1px #d2d2d2 solid;}
.tab_proList dt a{color:#64ab5b;display:block;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;border-right:1px #d2d2d2 solid;text-align:center;}
.tab_proList dt a:last-child{border:none;}

.tab_proList dd{margin:.23rem 0;}
.tab_proList dd li{overflow:hidden;border-bottom:1px #f1f1f1 dotted;padding:.15rem 0;}
.tab_proList dd li:last-child{margin:0;}
/*goodsList*/
.goodsPic{width:2rem;height:2rem;display:block;float:left;text-align:center;overflow:hidden;border:1px #f8f8f8 solid;border-radius:2px;}
.goodsPic img{width:auto;max-width:100%;height:2rem;}
.goodsInfor{margin-left:2.3rem;position:relative;}
.goodsInfor h2 a{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#333;}
.goodsInfor p{margin:.2rem 0;color:grey; height:57px; overflow:hidden;line-height:1.41;text-align:justify;margin:-.2em 0;word-break:break-all}
.goodsInfor p .price{color:#64ab5b;}



.down-banner {
    max-width: 640px;
    min-width: 320px;
    margin-left: auto;
    margin-right: auto;
}
.down-banner img{ margin-top:10px;}

.page_info{padding:0 3%;overflow:hidden;background:white;margin:0;}


.textmain{ width:90%; margin:0 auto; margin-top:20px; line-height:24px; font-size:18px;}
.texttime{width:90%; margin:0 auto; color:#999; font-size:14px; line-height:30px;}
.text{width:90%; margin:0 auto; color:#333; line-height:25px; font-size:16px; }
.text img{margin:10px auto;}

/*--------------Footer---------------*/
#footer {
	width:100%; overflow:hidden; font-size:14px; text-align:center; padding:2% 0; margin-top:3%;
}

.btm{
	overflow:hidden; line-height:22px; text-align:center; padding:2% 5% 0 5%; margin-top:2%; border-top:1px solid #cccccc;
}

.type-box ul li {
    float: left;
    width: 33.3%;
    position: relative;
}
.type-box {
margin-bottom: 10px;}
.cl, .clear {
    clear: both;
}



@font-face {
	font-family: "IcoMoon";
	src:url("/m_style/fonts/icomoon.eot");
	src:url("/m_style/fonts/icomoon.eot?#iefix") format("embedded-opentype"),
		url("/m_style/fonts/icomoon.woff") format("woff"),
		url("/m_style/fonts/icomoon.ttf") format("truetype"),
		url("/m_style/fonts/icomoon.svg#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

 body,div,span,ul,li,dl,dt,dd{
	margin:0;
	padding:0;
}
ul,li,dl,dt,dd{
	list-style:none;
}
i{
	font-family: 'IcoMoon';
	font-size:1.5em;
	font-weight:normal;
	font-style:normal;
}
.cl{
	clear:both;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.ovh{
	overflow:hidden;
}
.abs{
	position:absolute;
}
.rel{
	position:relative;
}
.tc{
	text-align:center;
}
.bg-222{
	background:#222;
}
.bg-392{
	background:#392;
}
.bg-6c5{
	background:#6C5;
}
.bg-f39{
	background:#F39;
}
.bg-f90{
	background:#F90;
}
.color-222{
	color:#222;
}
.color-392{
	color:#392;
}
.color-6c5{
	color:#6C5;
}
.color-69f{
	color:#69F;
}
.color-f39{
	color:#F39;
}
.color-f50{
	color:#F50;
}
.color-f90{
	color:#F90;
}
/*S 顶栏 S*/
.mob-header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:3em;
	opacity:0.8;
	color:#392;
	background:#111;
	z-index:1000;
}
.mob-header-box{
	height:3em;
}
.mob-header-logo{
	height:3em;
	text-align:center;
}
.mob-header-logo img{
	margin:0.5em 0;
	height:2em;
}
.mob-header-but{
	cursor:pointer;
	width:3em;
	height:3em;
	line-height:3em;
	text-align:center;
}
.mob-header-but:hover{
	color:#FFF;
	background:#392;
}
/*E 顶栏 E*/

/*S 滚动 S*/
.mob-banner-top{
	margin:0 auto;
	height:auto;
}
#mob-banner-box {
	margin:0 auto;
	height:auto;
	display:none;
}
a.slidesjs-next,a.slidesjs-previous,a.slidesjs-play,a.slidesjs-stop,.slidesjs-pagination li{
	display:none;
}
/*E 滚动 E*/


/*S 导航 S*/
.mob-nav-top{
	margin:0 auto;
	width:90%;
}
.mob-nav-top dl{
	width:25%;
	float:left;
	font-family:"微软雅黑";
}
.mob-nav-top dl dt{
	margin:0.5em;
	width:90%;
	text-align:center;
	border-radius:50%;
	border:#EEE solid 0.1em;
}
.mob-nav-top dl dd{
	margin:0 0.5em;
	width:90%;
	height:1.5em;
	line-height:1.5em;
	text-align:center;
}
/*E 导航 E*/

 
/*S 分店 S*/
.mob-branch-box{
	margin-top:0.5em;background:#FFFFFF;
}

.mob-branch-box dl{
	margin:1em 1.66%;
	float:left;
	width:30%;
	font-family:"微软雅黑";
height: 8.5em;
}
.mob-branch-box dl dt{
	margin:0 auto;
	width:90%;
	height:auto;
}
.mob-branch-box dl dt img{
	width:100%;
height: 6em;
}
.mob-branch-box dl dd{
	height:2.5em;
	line-height:2.5em;
overflow: hidden;
	font-size:0.8em;
}
/*E 分店 E*/
.mob-footer dl dt i {
    font-size: 1.8em;
}

/*S 三体 S*/
.mob-banner-pop{
	margin:0;
}
.mob-banner-pop ul{
	margin-left:0.1%;
}
.mob-banner-pop ul li{
	float:left;
	width:33.3%;
	height:auto;
}
.mob-banner-pop ul li img{
	width:100%;
	height:auto;
}
/*E 三体 E*/


/*S 项目 S*/
.mob-w100{
	width:100%;
	height:auto;
}
.mob-w100 img{
	width:100%;
}

/*E 项目 E*/




/*S 案例 S*/
.mob-case{
	height:393px;
	overflow-x:auto;
}
.mob-case ul{
	overflow:hidden;
}
.mob-case li{
	float:left;
	width:243px;
	height:393px;
	overflow:hidden;
	position:relative;
}

/*E 案例 E*/






/*S 底部导航 S*/
.mob-footer{
	position:fixed;
	padding-left:0.5%;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:4em;
	color:#392;
	z-index:1000;
}
.mob-footer dl{
	float:left;
	width:33%;
	color:#FFF;
	text-align:center;
	font-family:"微软雅黑";
}
.mob-footer dl dt{
	width:100%;
	height:2.8em;
	line-height:2.8em;
}
.mob-footer dl dt i{
	font-size:1.8em;
}
.mob-footer dl dd{
	width:100%;
	height:1.5em;
	line-height:1.5em;
	font-size:0.8em;
}
.mob-footer-box{
	height:4em;
}




/*E 底部导航 E*/



.epages{padding:3px;margin:3px;margin:20px;text-align:center;}
.epages a{border:#2c2c2c 1px solid;padding:2px 10px;background:#2c2c2c;color:#fff;margin:0 10px 0 0;text-decoration:none;}
.epages b{padding:0 3px;}
.epages a:hover{border:#aad83e 1px solid;background:#aad83e;color:#fff;}
.epages a:active{border:#aad83e 1px solid;background:#aad83e;color:#fff;}
.epages span.current{border:#aad83e 1px solid;padding:2px 10px;font-weight:bold;background:#aad83e;color:#fff;margin:0 2px 0 0;}
.epages span.disabled{border:#f3f3f3 1px solid;padding:2px 10px;color:#ccc;margin:0 2px 0 0;}

