@charset "utf-8";
/* CSS Document */
html{}
body{}
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}

/*header*/
header { overflow:hidden; width:100%; height:5em; background: #f5f5f5;}
header h1{ float:left; width:35%; margin-left:3%; }
header h1 img{ display:block; width:80%; height:2em;}
header h2{ float:left; font-size:1.25em; color:#484848; margin-left:-2%; padding-left:2%; border-left:1px solid #eaeaea; margin-top:3%; line-height:20px;}
header h2 span{ display:block}
header h2 b{ color:#fc7a22;}

/*nav*/
nav { overflow:hidden; width:100%; background-color:#5e261b;}
nav a{     display: block;
    width: 33%;
    text-align: center;
    font-size: 1em;
    color: #fff;
    padding: 1em 0;
    border-bottom: 1px solid #fff;
    float: left;
    border-right: 1px solid;}
nav a:nth-child(3),nav a:nth-child(6){ background:none; border-right:none}


/*公共颜色调用*/
.CategoryList_Title i{color:#333;}
.hdPhone p i{border:1px solid #fff;}
 .pagedSpan a{color:#fff;}
.pagedSpan{background:#feeddc;}



/*分类标题*/
.CategoryList_Title{height:2.968em; line-height:2.968em; padding:0 .687em; color:#333; text-align:center; border-bottom:1px solid #b0b4bb; font-size:1.4em; background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);}
.CategoryList_Title i{font-size:1.1em; margin-top:.75em;}
.CategoryList_Title .icon-details{margin-right:.5em;}


/*分类列表*/
.CategoryLista{margin-bottom: 0.8em;}
.CategoryLista li {width:50%;float: left;}

.CategoryLista > li > a{height:3.031em; line-height:3.031em; display:block; color:#333; background:#f4f4f4; padding:0 1.125em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1.2em;}
.CategoryLista li i{float:right; margin-top:.45em; color:#656565; font-weight:bold; font-size:1.6em;}
.CategoryLista > li li a{height:3.031em; line-height:3.031em; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; display:block; color:#666; background:#fff; padding:0 2.062em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1.1em;}
.CategoryLista li:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.CategoryLista .icon-arrow-down{color:#f90;}
.CategoryLista > li > ul >li >ul{padding:0 1.125em;}
.CategoryLista > li > .list1,.CategoryLista > li > .list1 li ul{display:none;}

/*搜索*/
.searchSpan{position:relative; overflow:hidden; margin:.687em; margin-bottom: 8em;}
.searchSpan .txtSearch{height:33px; border-radius:5px; border:1px solid #ddd; font-size:1em; text-indent:.25em; width:99.9%; outline:none;}
.searchSpan .btnSearch{position:absolute; right:0px; top:1px; border-radius:0 5px 5px 0; display:block; height:33px; line-height:33px; color:#333; width:2.5em; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; background:linear-gradient(180deg , #fff 0% , #ededed 100%);}



.content{width:100%;word-wrap:break-word;word-break:break-all;overflow: hidden;}
.fenye{text-align: center;margin-top: 10px;margin-bottom:20px;}
.fenye a{margin-left: 5px;}
.fenye span{margin-left: 5px;}
.nextinfo{margin-bottom: 35px;}
.nextinfo p {margin: 15px;}
.nextinfo a {color: #000;	word-break: break-all;}
.green{width:20em;margin-top: 0.5em;color:#058de0;  margin-left: 2em;}
.red{color:Red; text-align: center;margin-bottom: 1em;}
#ErrorInfo{ text-align:center;margin-top: 1em;} 


/*@media screen and (min-width:320px) {
    body{font-size:75%;}
    
}
@media screen and (min-width:375px) {
    body{font-size:87.5%;}

}
@media screen and (min-width:480px) {
    body{font-size:87.5%;}

}
@media screen and (min-width:540px) {
    body{font-size:112.5%;}
 
}
@media screen and (min-width:550px) {
    body{font-size:125%;}
 
}
@media screen and (min-width:640px) {
    body{font-size:150%;}

}*/


.brand{margin: 0 auto;}
.brand_ys{width:100%;background:#fff;text-align:center; margin:0 auto;}
.brand .bt{font-size:20px; color:#000;line-height:68px;height:68px; background: url(/m/images/ppys.jpg) no-repeat center;padding: 20px;}
.brand_nr{width:96%;margin:0 auto;font-size:16px; padding-bottom: 40px;line-height:32px;text-align:center;}
.brand_jm{width:96%;text-align:center; margin:0 auto;}
.brand_jmxz{width:96%;margin-bottom: 30px;}
.brand_jmxz li{width:300px; height:120px;background:#F8F8F8;margin: 0 auto;margin-top: 20px;}
.brand_jm1{float: left;margin-top:30px;width: 35%;}
.brand_jm1 img {width: 60px;}
.brand_jm2{font-size:18px;padding-top:20px;text-align:left;}
.brand_jm3{font-size:14px;margin-top:10px;line-height:20px;color: grey;text-align:left;}


.brand_xz{width:100%;background:#fff; }
.brand_xzz{width:98%;margin:0 auto;}
.brand_xz_l{ width:98%; margin-top:50px;}
.brand_xz_l img{width:100%;}
.brand_xz_r{width: 95%;margin: 0 auto;margin-top: 20px;}
.brand_xz_r_bt{ font-size:22px; padding-bottom:20px;border-bottom: 1px solid #DFDEDE;}
.brand_xz_r_wz1{font-size:18px; margin-top:18px; }
.brand_xz_r_wz1 img{width:20px; margin-right:5px;margin-bottom: -3px;}
.brand_xz_r_wz2{margin-top:10px;font-size:14px;line-height:24px;}
.brand_xz_r_wz3{border-bottom: 1px solid #DFDEDE; margin-top:30px;}

/*全国门店*/
.qgmd{width: 100%;margin: 0 auto;text-align:center; }
.qgmd_bt{font-size:20px; color:#000;line-height:68px;height:68px; background: url(/m/images/ppys.jpg) no-repeat center;}
.qgmd_bt2{font-size:14px; padding:10px;}

.right_main{margin: 0 auto; width: 100%;}
dl.dl_ryzz {margin-top:10px;width:100%; padding:5px ; float:left; display:inline-block;}
dl.dl_ryzz dt { width: 98%; overflow:hidden; } 
dl.dl_ryzz dt img { border: 1px solid #D6D6D6; padding:1px; width: 98%; height: 230px; }
dl.dl_ryzz dt img:hover { border: 1px solid #D8CBBA;} 
dl.dl_ryzz dd { margin:2px 0 0 0;  width:98%; height:24px; line-height:24px; overflow:hidden; text-align:center;}
dl.dl_ryzz dd a {color:#666; font-size:16px;}

/*页码*/
.page {margin:auto; display:table; padding:20px;font-size: 12px;}
.page a,.page span{border: 1px solid #dfdfdf; color: #888; margin: 0px 2px; padding:7px 7px; text-decoration: none; width:60px; height:30px; line-height:30px; text-align:center}
.page .current{color: #fff; border-color: #ffae2c; background-color: #ffae2c;}
.page .prev, .page .next{ color:#ccc; background-color: #fff;}
.page a:hover, .page a.prev:hover, .page a.next:hover { border: 1px solid #ffae2c; color: #ffae2c; background-color: #fff;text-decoration: none; }
.page a.prev, .page a.next { border: 1px solid #dfdfdf; color: #888; margin: 0px 2px; padding:7px 17px; text-decoration: none;}

/*加入我们*/
.join{width:100%;background:#fff;text-align:center; margin:0 auto;}
.join img {width: 100%;}
.join .bt{font-size:20px; color:#000;line-height:68px;height:68px; background: url(/m/images/ppys.jpg) no-repeat center;padding: 10px;}




.content .cont_t{padding:0 20px;}
.content .cont_t h1{font-size:18px; padding-top: 10px; text-align: center; font-weight:bold;}
.content .cont_t p{line-height:22px; color:#999; font-size:14px;text-align: center;margin-top:10px;}
.content .cont_c{border-top:1px solid #eee; padding:10px 14px 7px 10px; font-size:14px; line-height:1.7em;}
.content .cont_c img{width:100% !important; height:100%!important;/*display:block;*/}

/*分页*/
.pagedSpan{margin:1.25em .781em; height:1.562em; line-height:1.562em; border-radius:5px; text-align:center; color:#666;}
.pagedSpan a{width:100%; height:1.562em; line-height:1.562em; color:#666;}
.pagedSpan em{color:#f00;}
.pagedSpan .btnPagedUp{border-right:1px solid #ccc; border-radius:5px 0 0 5px;}
.pagedSpan .btnPagedDown{border-left:1px solid #ccc; border-radius:0 5px 5px 0;}


.jlmenu{width: 100%;margin: 0 auto;}
.jlmenu li{float: left;width:30%;margin-left:10px;}
.jlmenu li a{display: block;height: 42px;line-height: 42px;font-size: 16px;background: #585858;color: #fff;text-align: center;margin: 4px 12px 4px 0;padding: 0 16px;border-radius: 2px;}
.jlmenu li a:hover{background: #D8CBBA!important;transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);box-shadow: 0 12px 22px -10px rgba(0,36,100,.5);-webkit-box-shadow: 0 12px 22px -10px rgba(0,36,100,.5);-moz-box-shadow: 0 12px 22px -10px rgba(0,36,100,.5);}
.jlmenu li .act{background:#D8CBBA!important;color: #000}
.cp_1{margin-top:60px;}
.cp_1 img{width:100%;}
.cp_bt {width: 100%;text-align: center;padding: 10px;}
.cp_bt img {width: 240px;}
.category-main {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 40px;
}
.category-main .category-item {
    width: 100%;
    margin-bottom:20px;
}
.category-main .category-item .photo {
    width: 100%;
    height: 70%;
    border-radius: 4px;
}
.tr-img-box {
    overflow: hidden;
}
.tr-img-box .image {
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    background-size: cover!important;
    width: 100%;
    height: 100%;
}
.category-main .category-item .title {
    font-size: 1rem;
    color: #333;
    margin: 5px 0 5px;
}
.category-main .category-item .desc {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}



.ft-carousel {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ft-carousel .carousel-inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.ft-carousel .carousel-inner .carousel-item {
	float: left;
	height: 100%;
}

.ft-carousel .carousel-item img {
	width: 100%;
}

.ft-carousel .carousel-indicators {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.ft-carousel .carousel-indicators span {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	margin: 0 4px;
	border-radius: 50%;
	cursor: pointer;
}

.ft-carousel .carousel-indicators span.active {
	background-color: #de3a3a;
}

.ft-carousel .carousel-btn {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 45px;
	margin-top: -25px;
	cursor: pointer;
}

.ft-carousel .carousel-prev-btn {
	left: 0;
	background: url(/m/images/prev.png) no-repeat;
}

.ft-carousel .carousel-next-btn {
	right: 0;
	background: url(/m/images/next.png) no-repeat;
}

.example {width: 100%;height: 265px;font-size: 40px;text-align: center;margin: 20px auto;background-color: #fff;}
.carousel-item{line-height: 265px;color: #fff;font-family:  Arial Black}