*{margin:0;padding:0;}
li{list-style-type: none;}
a{text-decoration:none;color:#000;}
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
body{max-width: 32rem; margin: 0 auto;color:#333;background:#f7f7f7;font-size: 1rem;font-family: 'PingFang SC';}
.no{display:none;}
img{ border:0;}
.img{width: 100%;display:block}
.clear{clear:both;}
.box{width:94%;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left} 
.fr{float: right}
.border{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;}
.swiper{ margin: 0 auto;}
.swiper-button-prev,.swiper-button-next{outline: none;margin: 0;}

.wr{writing-mode: vertical-rl;writing-mode: tb-rl;}
.wl{writing-mode: vertical-lr; writing-mode: tb-lr;}




.hz1{width:100%;position:relative;}
.hz11{position:absolute;top:0;left:0;width:100%;height:100%}
.hz11 .main_visual{height:100%;overflow:hidden;position:relative;width:100%;}
.hz11 .main_image{height:100%;overflow:hidden;position:relative;}
.hz11 .main_image ul{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.hz11 .main_image li{float:left;width:100%;height:100%;}
.hz11 .main_image li span{display:block;width:100%;height:100%}
.hz11 .main_image li .img_1{background:url('../image/1.jpg') center top no-repeat;background-size: 100%}
.hz11 .main_image li .img_2{background:url('../image/2.jpg') center top no-repeat;background-size: 100%}
.hz11 .main_image li .img_3{background:url('../image/3.jpg') center top no-repeat;background-size: 100%}
.hz11 .flicking_con{width: 100%; position:absolute;bottom:0.5rem;left:0;z-index:99;text-align: center}
.hz11 .flicking_con a{width:0.8rem;height:0.8rem; display: inline-block; border-radius: 50%;border: 1px solid #fff; text-indent:-1000px;background-size:100%;margin:0 0.1rem;}
.hz11 .flicking_con a.on{background: #fff;}

/*.cp_banner{margin-top: 4rem;}*/
.cp_banner .swiper-pagination{bottom: 1rem;}
.cp_banner .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box; border: none; width:0.8rem;height:0.8rem;border-radius: 50%;border: 1px solid #fff;background: none; opacity: 1}
.cp_banner .swiper-pagination-bullet-active{background: #fff !important;}


.cor{color: #ff4544}
.cor1{color: #e9ca74}
.cor2{color: #ffffff}
/* 内容 */
.bt{width: 100%;max-width: 32rem; height: 4rem; background: #fff; position: fixed;top:0;left: 0;right: 0;margin: auto; z-index: 999;}
.bt1{width: 100%;height: 4rem;font-size: 1.3rem;}
.bt1 h1{width: 60%;text-align:center;}
.bt>a{display: block;position: absolute;top: 0.9rem;left: 3%;}
.bt>a>img{height: 2rem;}


.sy-nav{padding: 1rem 8%;background: #fff;margin: 0 0 0.8rem 0;}
.sy-nav ul li p{font-size: 1rem;margin-top: 0.5rem;}
.sy-nav ul li img{height: 3.5rem;}

.content{width: 100%;max-width: 32rem;padding-bottom: 6rem}

.sy_cp{border-radius: 0.5rem;margin-bottom: 0.8rem}
.sy_cp>h5{padding: 1rem 0;background: #fff;margin-bottom: 0.3rem; text-align:center;font-size: 1.5rem;}
.sy_cp .product{padding: 1rem 3%  0.1rem;background: #fff;}
.sy_cp .product ul li{border: 1px solid #ddd;}


/* 在线留言 */
.message{border-radius: 0.5rem;}
.message>h5{padding: 1rem 0;background: #fff;margin-bottom: 0.3rem; text-align:center;font-size: 1.5rem;}

.message .ly{padding: 1.5rem 3%;background: #fff;}
.message .ly0{margin-bottom: 1rem;}
.message .ly0 h5{font-size: 1.2rem;margin-bottom: 0.3rem;padding: 0 2%;}
.message .ly0 .text{display: block;width: 100%; height: 3rem;border-radius: 0.5rem; background: none;outline: none;border: 1px solid #ddd;font-size: 1rem;padding: 0 3%; }
.message  .tj{display: block;width:100%; border-radius: 0.5rem;height: 3rem;background: #ff4544;outline:none;cursor: pointer;border: none;margin: 1.5rem 0 0; font-size: 1.3rem;color: #fff; }

.bq{padding: 1rem 0;background: #fff;margin-top: 0.8rem;font-size: 1rem;color: #666}






/* 底部导航 */
.footer-nav{width: 100%;max-width: 32rem; padding: 0.8rem 0;border-top: 1px solid #ddd;background: #fff; position: fixed;bottom:0;left: 0;right: 0;margin: auto; z-index: 999;}
.footer-nav ul li{width: 25%;font-size: 1rem;}
.footer-nav ul li a{display: block;}
.footer-nav ul li img{height: 1.6rem;margin-bottom: 0.3rem;}
.footer-nav ul li.active a{color: #ff4544}
.footer-nav ul li.active .d01{display: none}
.footer-nav ul li.active .d01_{display: inline-block}


/* 产品中心 */
.pxf{width: 100%;max-width: 32rem;background: #f7f7f7;position: fixed;top:0;left: 0;right: 0;margin: auto; z-index: 999;}
.pxf .bt{position: static;}

.p_nav{margin-top: 0.8rem; padding: 0.8rem 10% 0.5rem 3%;background: #fff;border-bottom: 1px solid #ddd;}
.p_nav .nav{width: 100%;height: 2.6rem; }
.p_nav .nav ul li{width: 24%;margin: 0.2rem 1% 0.2rem 0 ;}
.p_nav .nav ul li:nth-child(4n){margin-right: 0}
.p_nav .nav ul li a{width: 100%;height: 2rem;line-height: 2rem;font-size:1.2rem; border-radius: 1rem;}
.p_nav .nav ul li a.active{background: #ff4544;color: #fff;}
.p_nav .btn{width: 2rem;height: 2rem;top: 1rem;right: 3%;}
.p_nav .btn.on{background:url('../images/pm_.jpg') center no-repeat;background-size: 1rem}
.p_nav .btn.off{background:url('../images/pm.jpg') center no-repeat;background-size: 1rem}

.product ul li{width: 49%;height: 22rem;border-radius: 0.5rem;background: #fff;margin-bottom: 0.8rem;}
.p_img{display: block;width: 100%;height: 14.7rem;}
.p_img img{width: 100%;height: 100%;}
.p_con{padding: 1rem 5% 0;}
.p_tit{font-size: 1.1rem;}
.p_jg{margin-top: 0.5rem;}
.p_jg .p1{font-size: 1.5rem;}
.p_jg .p2{font-size: 1rem}
.p_jg .p2 span{text-decoration: line-through}
.p_jg a img{height: 1rem}

/* 产品详情 */
.xq-con{background: #fff;border-radius: 0.5rem;margin: 0.8rem auto;padding: 1.2rem 0;}
.xq-con>h3{padding: 0 3% 1rem;font-size: 1.3rem}
.xq-con>div{padding: 0 0 0 3%;}
.xq-con>div .xql p{font-size: 0.9rem;margin-top: 0.3rem;}
.xq-con>div .xql p b{font-size: 1.5rem}
.xq-con>div .xql p span{font-size: 0.9rem;text-decoration: line-through}
.xq-con div a img{height: 2.2rem}

.xq-pj{background: #fff;border-radius: 0.5rem;margin: 0.8rem auto;padding: 1.2rem 3%;}

.xq-nav{width: 100%;max-width: 32rem; padding: 0.8rem 0;border-top: 1px solid #ddd;background: #fff; position: fixed;bottom:0;left: 0;right: 0;margin: auto; z-index: 999;}
.xq-nav .box .div1 a{font-size: 1rem;display: block;margin: 0 1rem;}
.xq-nav .box .div1 a img{height: 1.6rem;margin-bottom: 0.3rem;}
.xq-nav .box .div2{width: 70%;height: 3rem;border-radius: 1.5rem;}
.xq-nav .box .div2>a{width: 50%;height: 3rem;color: #fff;font-size: 1.2rem;}
.xq-nav .box .div2>.gwc{background-image: linear-gradient(to right, #f39901, #f7b74c);}
.xq-nav .box .div2>.gm{background-image: linear-gradient(to right, #ff4544, #ff7c7b);}

.cp-detail{background: #fff;border-radius: 0.5rem;}
.cp-detail>h5{padding: 1.5rem 0;text-align:center;font-size: 1.5rem;}
.cp-body{white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 0.9rem;line-height: 1.8rem;}
.cp-body img{max-width:100%;}



/* 购物车 */
.wxts{width: 100%;padding-top: 40%;}
.wxts img{height: 7rem;margin-bottom: 1rem}
.wxts{font-size: 1.3rem;line-height: 2.4rem;}
.wxts span{font-size: 1.6rem;
/* 个人中心 */
/*.about{margin-top: 4rem}*/