@charset "utf-8";

a{ color:#333;}
a:hover{ color:#3276da;}
.con{width: 12rem;margin-left: auto;margin-right: auto;}

/* header */
.head-wrap{height: 1.5rem;position: relative;padding-top: 0.4rem;}
.logo{width: 2.85rem;}
.head-phone{position: absolute;right: 0;top: 0.5rem;}
.head-phone span{display: inline-block;font-size: 0.22rem;background: url(images/phone.png) 0.15rem center no-repeat;background-size: 0.2rem 0.2rem;
padding-left: 0.45rem;}
.head-phone p{font-size: 0.16rem;margin-top: 0.15rem;}
.nav-bar{height: 0.5rem;background: #f9f9f9;}
.nav-bar a{line-height: 0.5rem;text-shadow: 1px 0 #c7c7c7;margin: 0 0.7rem;}
.nav-bar a.navcheck{ color:#3276da;}

/* index */
.banner{ width: 100%;position: relative;height:6rem;}
.m-banner{ width: 100%;position: relative;height:3.5rem;}
.m-banner img{width: 100%;height:3.5rem;}
.banner-box{display: block;width: 100%;height: 6rem;background-size: 19.2rem 6rem !important;}
.slick-list{ position: relative;overflow: hidden;}
.slick-track { position: relative; left: 0; top: 0;}
.slick-slide{ float: left; height: 100%;}
.slick-prev,.slick-next{display: none !important;}
.slick-dots{ position:absolute; z-index:1000; bottom:0.3rem; list-style:none; width:100%; text-align:center;}
.slick-dots li{ display:inline-block; width:0.16rem; height:0.16rem; background:#d2d2d2; margin:0 0.08rem; border-radius:50%;}
.slick-dots li button{display:inline-block; width:0.16rem; height:0.16rem; text-indent:-9999px; background:none; border:none; cursor:pointer;outline: none;}
.slick-dots .slick-active{ background:#3276da;}
.title{padding: 0.6rem 0 0.4rem;}
.title h2 font{font-family: impact;}
.title h2:after{content: "";display: block;width: 0.5rem;height: 0.04rem;background: #3276da;margin: 0.15rem auto;}
.pro-hot li{float: left;width: 4rem;position: relative;}
.hot-img{width: 4rem;height: 5rem;overflow: hidden;}
.hot-img img{width: 100%;}
.hot-best{position: absolute;left: 0.12rem;top: 0.12rem;width: 0.6rem;height: 0.6rem;background: #fff;box-shadow: 1px 1px 5px rgba(0,0,0,0.2);padding-top: 0.12rem;}
.hot-best span{font-family: arial;}
.hot-best p{margin-top: 0.05rem;}
.pro-wrap{background: #f8f8f8;padding: 0.6rem 0 0.2rem;margin-top: 0.6rem;position: relative;height: 8rem;}
.js-tab-con{position: absolute;background: #f8f8f8;width: 12rem;left: 50%;top: 1.5rem;margin-left: -6rem;}
.pro-title{margin-bottom: 0.5rem;}
.pro-title span{margin: 0 0.4rem;cursor: pointer;display: inline-block;}
.pro-title-this{color: #3276da;}
.pro-title-this:after{content: "";display: block;width: 0.3rem;height: 0.03rem;background: #3276da;margin: 0.15rem auto 0;}
.pro-list{position: relative;height: 6.1rem;width: 100%;}
.pro-list-one{float: left !important;width: 3.7rem !important;height: 5.15rem !important;position: relative;padding-left: 0.35rem;margin-right: 0.3rem;}
.pro-img{position: absolute;width: 1.41rem;left: 0.05rem;top: 0.45rem;z-index: 2;}
.pro-img img{width: 100%;}
.pro-info{height: 2.39rem;padding: 0.5rem 0.2rem 0 1.4rem;position: relative;}
.pro-info h3{line-height: 0.35rem;}
.pro-info h4{line-height: 0.2rem;}
.pro-info p{position: absolute;right: 0;bottom: 0;width: 1.95rem;border-bottom: 1px solid #9b9b9b;height: 0.35rem;line-height: 0.35rem;}
.pro-info p span{display: inline-block;height: 0.35rem;border-bottom: 0.03rem solid #febb50;margin-right: 0.1rem;}
.pro-con{height: 5.15rem;position: relative;z-index: 1;}
.pro-con>p{padding: 0.2rem;max-height: 2rem;overflow: hidden;}
.pro-con a{position: absolute;width: 1.17rem;height: 0.49rem;line-height: 0.49rem;color: #fff;background: #3276da;text-align: center;font-size: 0.16rem;
right: 0.2rem;bottom: 0.2rem;}
.about-people{background: #2c80fd;}
.people-info{padding:0.8rem 0.2rem 0.5rem 3.7rem;}
.people-info >.fl{width: 2.6rem;}
.people-info >.fr{width: 4.3rem;padding-top: 0.35rem;}
.people-info p{margin-top: 0.1rem;}
.people-con{padding: 0.5rem 0.2rem 0.5rem 3.7rem;position: relative;}
.people-bg{position: absolute;left: 0;bottom: 0;width: 3.39rem;height: 5.9rem;background: url(images/about.png) no-repeat;background-size: 100% 100%;}
.about-list{margin-top: 0.6rem;}
.about-list li{float: left;width: 5.94rem;}
.about-list li img{width: 3.2rem;height: 3.2rem;}
.about-info{width: 2.74rem;height: 3.2rem;background: #f8f8f8;padding: 0.3rem 0.2rem;}
.about-info-2{width: 2.74rem;height: 3.2rem;background: #f9ebd3;padding: 0.3rem 0.2rem;}
.about-info h3:after,.about-info-2 h3:after{content: "";display: block;width: 0.4rem;height: 0.04rem;background: #ee3270;margin-top: 0.1rem;}
.about-info p{max-height: 1.9rem;overflow: hidden;}
.about-banner{margin-top: 0.6rem;}
.about-banner img{width: 100%;}
.about-wrap{padding:0.6rem 0.4rem;position: relative;top: -0.6rem;}
.about-con{width: 11.2rem;height: 6.28rem;background: url(images/about-bg.jpg) no-repeat;background-size: 100% 100%;}
.about-con article{width: 5.5rem;padding: 2.6rem 0 0 0.45rem;max-height: 6.1rem;overflow: hidden;}

/* footer */
.friend-wrap{background: #3f3f3f;padding: 0.4rem 0;color: #fff;}
.friend-wrap a{display: inline-block;color: #fff;margin: 0.2rem 0.1rem 0 0;}
.friend-wrap a:hover{color: #3276da;}
.shop-footer{background: #000;color: #fff;padding: 0.4rem 0;}
.shop-footer .shop-top-code{display: inline-block;text-align: left;padding: 0.2rem 0;}
.shop-footer .shop-top-code img{background: #fff;padding: 0.05rem;width: 0.8rem;height: 0.8rem;margin:0.05rem 0.25rem 0 0;}
.shop-top-code p{margin-top: 0.1rem;}
.shop-footer a{color: #fff;display: inline-block;}
.shop-footer a:hover{color: #3276da;}

/*inner*/
.about-title{background: #f8edd7;padding: 1rem 0;}
.about-info-in{padding: 1rem 0;}
.about-bg{padding-bottom:0.3rem;background: url(images/about-title.png) center bottom no-repeat;background-size: 1.32rem 0.12rem;margin-bottom: 0.5rem;}
.about-img-in{float: left;width: 5.65rem;}
.about-in-info{float: right;width: 5.8rem;}
.about-in-info li{margin-top: 0.1rem;}
.about-in-info li:before{content: "";display: inline-block;width: 0.06rem;height: 0.06rem;background: #b6795f;vertical-align: middle;margin-right: 0.1rem;}
.about-good{height: 4.3rem;background: #f8edd7;margin:1rem 0 1.7rem;}
.about-good ul{position: relative;margin-top: -1rem;}
.about-good li{float: left;width: 3.8rem;height: 6.06rem;margin-left: 0.29rem;background-size: 100% 100%;}
.about-good li:first-child{margin-left: 0;}
.about-good-1{background: url(images/about-5.jpg) no-repeat;}
.about-good-2{background: url(images/about-6.jpg) no-repeat;}
.about-good-3{background: url(images/about-7.jpg) no-repeat;}
.about-good li article{width: 3.22rem;height: 2.86rem;margin: 1.7rem auto 0;background: rgba(255,250,243,0.75);
padding: 0.8rem 0.2rem 0;}
.about-good li article p{padding: 0 0.5rem;max-height: 1.4rem;overflow: hidden;}
.brand-banner{height: 5.99rem;background: url(images/brand-1.jpg) center no-repeat;background-size: 19.2rem 100%;}
.brand-banner .about-con{background: none;}
.brand-banner .about-con article{padding: 2.5rem 0.4rem 0 0.18rem;height: 5.5rem;}
.brand-info{float: left;width: 6rem;height: 3.77rem;background: #61a0fe;padding:0.3rem 0.55rem;}
.brand-img{float: right;width: 6rem;display: block;}
.brand-good{margin: 0.5rem auto;}
.brand-good li{float: left;width: 3.46rem;height: 4.25rem;background-size: 100% 100%;padding: 0.1rem;margin-left: 0.4rem;}
.brand-good-1{background: url(images/brand-3.jpg) no-repeat;}
.brand-good-2{background: url(images/brand-4.jpg) no-repeat;}
.brand-good-3{background: url(images/brand-5.jpg) no-repeat;}
.brand-good li article{width: 100%;height: 100%;border: 1px solid rgba(255,255,255,0.5);padding: 0.2rem 0;}
.brand-good li h4{font-size: 0.6rem;margin: 0.7rem 0 0.6rem;}
.brand-good li h4:after{content: "";display: block;width: 0.7rem;height: 0.04rem;background: #fff;margin: 0.4rem auto 0;opacity: 0.8;}
.brand-effect{padding: 0.5rem;}
.effect-info{float: left;width: 6rem;}
.effect-img{float: right;width: 3.8rem;}
.title-big{font-family: impact;color: #f1b34b;opacity: 0.22;}
.brand-effect .title-big{font-size: 1.03rem;margin-top: -0.65rem;border-bottom: 1px solid #f1b34b;padding-bottom: 0.25rem;}
.brand-sales{height: 4.01rem;background: url(images/brand-7.jpg) center no-repeat;background-size: 12rem 100%;
margin-bottom: 0.55rem;padding-top: 0.6rem;}
.brand-sales article{width: 7.35rem;height: 2.85rem;background: #fff;margin: 0 auto;padding: 0.5rem 0.7rem 0;}
.brand-sales .title-big{font-size: 0.72rem;margin-top: -0.5rem;}
.pro-banner{width: 100%;display: block;}
.pro-type,.pro-type-2{padding: 0.3rem 0 0.1rem;}
.pro-type{border-bottom: 1px solid #dedede;}
.pro-type font,.pro-type-2 font{display: inline-block;width: 0.8rem;vertical-align: top;}
.pro-type span,.pro-type-2 span{display: inline-block;width: 11rem;vertical-align: top;}
.pro-type a,.pro-type-2 a{display: inline-block;margin: 0 0.2rem 0.2rem 0;}
.pro-in-list{width: 12.25rem;margin: 0 auto;padding-top: 0.5rem;}
.pro-in-list li{float: left;width: 2.8rem;background: #fff;margin: 0 0.13rem 0.3rem;height: 4.2rem;}
.pro-in-list li a{display: block;width: 100%;height: 100%;padding: 0.4rem 0.2rem 0;}
.pro-in-list li a:hover{box-shadow: 0 0 0.2rem rgba(0,0,0,0.2);transition: 0.3s;}
.pro-img-in{width: 2.4rem;height: 2.4rem;overflow: hidden;margin-bottom: 0.6rem;}
.pro-img-in img{width: 100%;}
.pagination{text-align: center;padding: 0.3rem 0 0.6rem;font-size: 0.16rem;}
.pagination li{display: inline-block;height: 0.34rem;line-height: 0.34rem;margin: 0 0.05rem;}
.pagination li span{display: inline-block;padding: 0 0.13rem;}
.pagination li a{display: inline-block;width: 100%;height: 100%;padding: 0 0.13rem;background: #fff;}
.pagination li a:hover{background: #61a0fe;color: #fff;}
.pro-img-tab{float: left;width: 4.1rem;position: relative;height: 5.6rem;padding-top: 4.2rem;margin-top: 0.3rem;}
.pro-img-box{width: 4rem;height: 4rem;overflow: hidden;position: absolute;left: 0;top: 0;background: #f7f7f7;border:1px solid #f7f7f7;}
.pro-img-box img{width: 100%;}
.pro-img-nav{width: 4.1rem;}
.pro-img-nav li{float: left;width: 0.94rem;height: 0.94rem;background: #f7f7f7;margin-right: 0.08rem;cursor: pointer;
border:1px solid #f7f7f7;}
.pro-img-this{border: 2px solid #00b2ec !important;}
.pro-img-nav li img{width: 100%;height: 100%;}
.pro-detail-info{float: right;width: 7.4rem;margin: 0.4rem 0;}
.pro-btn-1,.pro-btn-2{width: 2.5rem;height: 0.6rem;font-size: 0.24rem;color: #fff;box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);}
.pro-btn-1{background: #2c80fd;}
.pro-btn-1:hover{background: #0966ef;}
.pro-btn-2{background: #f6c16b;}
.pro-btn-2:hover{background: #e3a034;}
.detail-title span{float:left;height: 0.46rem;line-height: 0.46rem;padding: 0 0.9rem;cursor: pointer;padding-top: 0.04rem;}
.detail-title .detail-this{background: #fbfbfb;border-top: 0.04rem solid #00b2ec;padding-top: 0;}
.detail-tab{background: #fbfbfb;padding: 0.8rem;overflow: hidden;}
.detail-tab img{max-width: 100%;}
.js-detail{display: none;}
.pdlf58 span{padding-left:68px;}