@media screen and (min-width: 1701px){
    html {
        font-size:1250%!important
    }
}
@media screen and (min-width: 1601px) and (max-width: 1700px){
    html {
        font-size: 1150%!important
    }
}
@media screen and (min-width: 1401px) and (max-width: 1600px){
    html {
        font-size: 1050%!important
    }
}
@media screen and (min-width: 1201px) and (max-width: 1400px){
    html {
        font-size: 950%!important
    }
}
@media screen and (min-width: 1001px) and (max-width: 1200px){
    html {
        font-size: 850%!important
    }
}
@media screen and (max-width: 1001px){
    html {
        font-size: 750%!important
    }
}
@media screen and (min-width:769px){
html { padding: 0; margin:0;  font-size: 625%;-webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch;  /*10 ÷ 16 × 100% = 62.5%*/}
body { padding: 0; font-size: .14rem;  -webkit-overflow-scrolling: touch; /*1.4 × 10px = 14px */}

.w{width:80%; max-width:1600px; margin:0 auto;}
.pc_fl{float:left;}
.pc_fr{float:right;}
.pc_dn{display:none;}

.top{width:100%; height:.18rem; background:#dfdfdf;}
.top p{float:left; font-size:.08rem; line-height:.18rem; padding:0 .09rem; border-left:1px solid #FFFFFF;}
.top p:nth-child(1){padding-left:0; border-left:none;}
.top p img{width:auto; height:.06rem; margin-right:.03rem;}
.top_1 a{display:block; float:left; width:.2rem; border-right:1px solid #FFFFFF;}
.top_1 a:nth-child(1){border-left:1px solid #FFFFFF;}
.top_1 a img{width:100%;}

header{width:100%; height:.46rem; background:#FFFFFF;}
.logo{width:auto; height:.36rem; margin-top:.05rem;}
.logo img{width:auto; height:100%;}

.menu .nav__list > ul > li{float:left; position:relative; margin-left:.1rem;}
.menu .nav__list > ul > li > a{font-size:.09rem; display:block; color:#222222; line-height:.46rem; padding:0 .05rem; position:relative;}
.menu .nav__list > ul > li > a > img{width:.06rem; vertical-align:middle; margin-left:5px;}
.menu .nav__list > ul > li > a:before{content:""; position:absolute; display:block; width:0; height:2px; background:#1aa3ad; left:0; top:0;transition:all .3s;}
.menu .nav__list > ul > li > ul{display:block; position:absolute; top:.35rem; width:100%; left:0; background:#ffffff;z-index:9999;box-shadow:0 0 10px rgba(0,0,0, .3); display:none;}
.menu .nav__list > ul > li > ul > li{position:relative;}
.menu .nav__list > ul > li > ul > li > a{color:#616161; border-bottom:none; display:block; padding:0; line-height:.2rem; border-bottom:1px solid #e5e5e5; font-size:.08rem; padding:0 .05rem;}
.menu .nav__list > ul > li > ul > li dl{position:absolute;left:100%; width:100%; top:0; background:#FFFFFF;box-shadow:0 0 10px rgba(0,0,0,.3); display:none;}
.menu .nav__list > ul > li > ul > li dl dd{margin:0;}
.menu .nav__list > ul > li > ul > li dl dd a{color:#616161; border-bottom:none; display:block; padding:0; line-height:.2rem; border-bottom:1px solid #e5e5e5; font-size:.075rem; padding:0 .05rem;}
.menu .nav__list > ul > li:hover ul{display:block;}
.menu .nav__list > ul > li > ul > li:hover dl{display:block;}
.menu .nav__list > ul > li:hover > a,.menu .nav__list > ul > li.on > a{color:#1aa3ad;}
.menu .nav__list > ul > li:hover > a:before,.menu .nav__list > ul > li.on > a:before{width:100%;}
.menu .nav__list > ul > li > ul > li:hover > a{color:#FFFFFF; background:#1aa3ad;}
.menu .nav__list > ul > li > ul > li dl dd a:hover{color:#FFFFFF; background:#1aa3ad;}

.ban1 .txt a:hover{background:#1aa3ad;}
.packaging_c .items{width:calc((100% - .3rem)/4); height:1.93rem; margin-top:.1rem;}
.packaging_c .items:nth-child(1){width:calc((100% - .1rem)/2); height:4.39rem;}
.packaging_c .items:nth-child(2){
	float:right; width:calc((100% - .1rem)/2); height:2.16rem; /**background:#f3f3f3;**/
}
.packaging_c .items:nth-child(3){float:right; height:2.15rem; margin-top:.09rem;}
.packaging_c .items:nth-child(4){float:right; height:2.15rem; margin-top:.09rem; margin-right:.1rem;}
.packaging_c .items:nth-child(n+5):nth-child(-n+7){margin-right:.1rem;}
.packaging_c .items .more a:hover{background:#FFFFFF; color:#1aa3ad;}
.packaging_c .items:nth-child(2) .img{/**width:61%; position:absolute; height:auto; left:.08rem;top:50%;transform:translate(0,-50%);**/}
.packaging_c .items:nth-child(2) .img img{/**position:static; width:100%;**/}
.packaging_c .items:nth-child(2) p{/**text-align:right; line-height:.24rem; color:#303030; float:none; margin:.6rem .07rem 0 0;**/}
.packaging_c .items:nth-child(2) p span{display:block;}
.packaging_c .items:nth-child(2) .more a{/**margin:.18rem .07rem 0 0; background:#1aa3ad; border-color:#1aa3ad; color:#FFFFFF;**/}
.packaging_c .items:nth-child(2) .more a:hover{/**background:none; color:#1aa3ad;**/}
.packaging_c .items:nth-child(1) p{margin-left:.12rem; font-size:.12rem;}
.packaging_c .items:nth-child(1) .more a{margin:.07rem .1rem 0 0;width:.68rem;font-size:.12rem;height:.21rem; line-height:.2rem;}
.packaging_c .items:nth-child(1) .img{height:4.03rem;}

.about_c .txt a:hover{background:#008892;}
.about_c .img{position:absolute; bottom:0; left:0; width:35%;}
.about_c .img img{width:100%;max-height: 531px;}
.about ul li:nth-child(5n+1){margin-left:0;}
.choose ul li:nth-child(4n+1){margin-left:0;}
.success ul li:nth-child(4n+1){margin-left:0;}
.success ul li:hover{background:#1aa3ad;}
.success ul li:hover .txt h3:after{background:#FFFFFF;}
.blog_rt dd:hover{background:#1aa3ad;}
.blog_rt dd:hover .time{color:#FFFFFF; border-right-color:#FFFFFF;}
.blog_rt dd:hover .time b,.blog_rt dd:hover .txt h3,.blog_rt dd:hover .txt p{color:#FFFFFF;}
.blog_lf .txt h4 a:hover{color:#1aa3ad;}
.message .txt input.submit:hover{background:none; color:#1aa3ad;}

.fot_2 p a:hover{color:#1aa3ad;}
.fot_nav a:hover{color:#1aa3ad;}

.bread{text-align:right;}
  
.det_top .txt .txt_1 a{background:#1aa3ad; color:#FFFFFF!important}
  
.det_advs ul li .img{float:left;}
.det_advs ul li:nth-child(even) .img{float:right;}
.det_advs ul li .txt{position:absolute; top:50%; right:0;transform:translate(0,-50%);}
.det_advs ul li:nth-child(even) .txt{left:0; right:auto;}
.list_con ul li:nth-child(3n+1){margin-left:0;}
.list_con ul li:hover .txt{background:#1aa3ad;}
.list_con ul li:hover .txt h3,.list_con ul li:hover .txt p{color:#FFFFFF;}
.list_con ul li:hover .txt a{background:#FFFFFF; color:#303030;}
.page a:hover{background:#1aa3ad; border-color:#1aa3ad; color:#FFFFFF;}
.det_realted ul li:hover img{transform:scale(1.15,1.15);}

}

.banner{width:100%;}
.banner .swiper-slide{width:100%; height:3.55rem; background-size:cover; background-position:center;}
.ban1 .txt{padding-top:.55rem;}
.ban1 .txt h2{font-size:.35rem; color:#1aa3ad;}
.ban1 .txt p{font-size:.18rem; line-height:.24rem; color:#1aa3ad; width:59%; margin-top:.16rem;}
.ban1 .txt a{display:inline-block; width:.98rem; height:.22rem; background:#ff6c00; text-align:center; line-height:.22rem; color:#FFFFFF; border-radius:.05rem; font-size:.09rem; margin:.25rem .12rem 0 0;}
.ban1 .txt a img{width:.08rem; margin-right:.05rem;}
.ban1 .txt li{float:left; width:.64rem; height:.64rem; border:.015rem solid #FFFFFF; border-radius:50%; overflow:hidden; margin:.35rem .07rem 0 0;}

.packaging{margin-top:.3rem;}
.tit h2{font-size:.18rem; line-height:.18rem; color:#1aa3ad; font-weight:normal;}
.tit h2 img{width:.69rem;transform: translateY(-.03rem); margin:0 .2rem;}
.tit p{font-size:.09rem; color:#3b3b3b; margin-top:.1rem;}
.packaging_c{margin-top:.15rem;}
.packaging_c .items{background:#1aa3ad; border-radius:.1rem; float:left; overflow:hidden; position:relative; height:2.15rem;}
.packaging_c .items .img{width:100%; position:relative; background:#f3f3f3; height:1.8rem;}
.packaging_c .items .img a{display:block;}
.packaging_c .img img{display:block; position:absolute; width:auto; height:auto; max-width:100%; max-height:100%; left:0; right:0; top:0; left:0; bottom:0; margin:auto;}
.packaging_c .items p{font-size:.1rem; color:#FFFFFF; float:left;line-height:.36rem; margin-left:.06rem;}
.packaging_c .items .more{float:right;}
.packaging_c .items .more a{display:block; border:1px solid #FFFFFF; border-radius:.11rem; color:#FFFFFF; text-align:center;width:.52rem;font-size:.09rem;height:.16rem; line-height:.15rem; margin:.1rem .08rem 0 0;}

.about{margin-top:.3rem;}
.about_c{position:relative; margin-top:.46rem;}
.about_c .txt{float:right; width:67%; background:#f3f3f3; padding:.16rem .2rem .2rem .35rem; overflow:hidden; border-radius:.05rem;}
.about_c .txt h3{font-size:.15rem; line-height:.15rem; color:#606060;}
.about_c .txt p{font-size:.1rem; line-height:.2rem; color:#858585; margin-top:.15rem;}
.about_c .txt a{display:block; float:right; width:1.03rem; height:.28rem; background:#1aa3ad; border-radius:.14rem; text-align:center; line-height:.28rem; margin-top:.15rem; color:#FFFFFF; font-size:.09rem;}
.about_c .txt a img{width:.1rem; margin-left:5px;}
.about ul{display:flex;flex-wrap: wrap;}
.about ul li{width:18.5%; height:.8rem; background:#f3f3f3; border-radius:.05rem; margin:.15rem 0 0 1.875%; position:relative;}
.about ul li img{display:block; position:absolute; width:auto; height:auto; max-width:100%; max-height:100%; left:0; right:0; top:0; bottom:0; margin:auto;}

.choose{margin-top:.2rem; background:#fcfcfc; padding:.2rem 0 .3rem 0;}
.choose ul{display:flex;flex-wrap: wrap;}
.choose ul li{width:22%; margin:.3rem 0 0 4%; position:relative; padding-left:.3rem;}
.choose ul li img{display:block; width:.19rem; position:absolute; left:0;}
.choose ul li h3{font-weight:normal; font-size:.12rem; color:#1aa3ad; border-bottom:1px solid rgba(48,48,48,.5); padding-bottom:.04rem;}
.choose ul li p{font-size:.08rem; line-height:.12rem; color:#303030; margin-top:.04rem;}

.success{width:100%; background:url(../img/bg1.jpg) center; background-size:cover; padding:.25rem 0;}
.success .tit h2,.success .tit p{color:#FFFFFF;}
.success ul{display:flex;flex-wrap: wrap;}
.success ul li{width:24%; margin:.25rem 0 0 1.33%; padding-bottom:.1rem; border-radius:.05rem; overflow:hidden; background:#545f61; color:#FFFFFF;transition:all .3s;}
.success ul li .img{position:relative; width:100%;}
.success ul li .img a{display:block; position:absolute; width:.3rem; height:.3rem; top:0; left:0; right:0; bottom:0; margin:auto;}
.success ul li .img img{width:100%;}
.success ul li .txt{padding:0 .08rem; margin-top:.09rem;}
.success ul li .txt h3{font-weight:normal; font-size:.1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.success ul li .txt h3:after{content:""; display:block; width:.31rem; height:2px; background:#1aa3ad; margin-top:.05rem;transition:all .3s;}
.success ul li .txt p{font-size:.09rem; line-height:.18rem; margin-top:.05rem;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;}

.blog{margin-top:.25rem;}
.zx_c li{display:none;}
.zx_c li.thisclass{display:list-item;}
.blog .zx_t{margin-top:.25rem; text-align:center;}
.blog .zx_t li{display:inline-block; width:1.42rem; height:.28rem; border:.01rem solid #f3f3f3; border-radius:.14rem; line-height:.26rem; font-size:.12rem; color:#333333; margin:0 .35rem; cursor:pointer;transition:all .3s;}
.blog .zx_t li.active{color:#FFFFFF; background:#1aa3ad; border-color:#1aa3ad;}
.blog .zx_c{margin-top:.25rem;}
.blog_lf{width:42.75%; background:#f8f8f8; border-radius:.05rem;}
.blog_lf .img img{width:100%;}
.blog_lf .txt{padding:.1rem;}
.blog_lf .txt h4 a{font-weight:normal; display:block; font-size:.13rem; color:#333333; line-height:.13rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.blog_lf .txt p{font-size:.09rem; line-height:.15rem; color:#858585; margin-top:.07rem; height:.6rem;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 4;}
.blog_rt{width:55.5%;}
.blog_rt dd{margin:0; margin-bottom:.12rem; width:100%; height:.74rem; background:#f8f8f8;transition:all .3s;}
.blog_rt dd .time{float:left;font-size:.09rem;color:#858585;text-align:center;width:.75rem;height:.74rem;padding-top:.17rem;border-right:1px solid #c9c9c9;transition:all .3s;}
.blog_rt dd .time b{display:block; font-weight:normal; font-size:.18rem; color:#6b6b6b; margin-bottom:.03rem;transition:all .3s;}
.blog_rt dd .txt{float:right; width:calc(100% - .75rem); padding:.1rem .1rem 0 .1rem;}
.blog_rt dd .txt h3{font-weight:normal; font-size:.11rem; color:#6b6b6b; line-height:.11rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition:all .3s;}
.blog_rt dd .txt p{font-size:.08rem; line-height:.15rem; color:#858585; margin-top:.1rem;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;transition:all .3s;transition:all .3s;}

.message{width:100%; background:#f3f3f3; margin-top:.15rem;}
.message .img{width:62.5%;}
.message .txt{background:#FFFFFF; width:34.18%; padding:.15rem; margin-top:.04rem;}
.message .txt h3{font-weight:normal; font-size:.12rem; color:#1aa3ad; line-height:.13rem;}
.message .txt h3 img{width:.13rem; display:block; float:left; margin-right:.05rem;}
.message .txt input[type="text"]{display:block; width:100%; height:.25rem; border:1.5px solid #c8c8c8; background-color:#FFFFFF; margin-top:.1rem; font-size:.09rem; padding:0 .1rem 0 .17rem; background-repeat:no-repeat; background-position:.04rem center; outline:none;}
.message .txt input.name{background-image:url(../img/052.png);}
.message .txt input.number{background-image:url(../img/053.png);}
.message .txt input.email{background-image:url(../img/054.png);}
.message .txt textarea{display:block; width:100%; height:.6rem; border:1.5px solid #c8c8c8; background-color:#FFFFFF; margin-top:.1rem; font-size:.09rem; padding:.05rem .1rem .05rem .17rem;font-family: SourceHanSerifSC-Regular, Arial, Helvetica, sans-serif; background:url(../img/055.png) .04rem .06rem no-repeat; outline:none;}
.message .txt input.submit{display:block; outline:none; cursor:pointer; width:100%; height:.25rem; background:#1aa3ad; font-size:.1rem; color:#FFFFFF; border-radius:.13rem; margin-top:.1rem; border:1px solid #1aa3ad;transition:all .3s;}

.footer{width:100%; background:#292929; padding:.25rem 0 0 0;}
.footer ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.footer ul li h3{color:#FFFFFF; font-size:.12rem; line-height:.12rem;}
.footer ul li h3:after{content:""; display:block; width:.15rem; height:.015rem; background:#1aa3ad; margin-top:.06rem; margin-bottom:.08rem;}
.fot_nav a{color:#fafafa; display:block; font-size:.08rem; line-height:.15rem; font-weight:bold;}
.footer ul li td{padding-right:.4rem;}
.footer ul li p{font-size:.08rem; line-height:.15rem; color:#fafafa; position:relative; padding-left:.12rem; font-weight:bold;}
.footer ul li p img{display:block; position:absolute; left:0; width:.07rem; top:.03rem;}
.footer ul li:nth-child(2){width:2.2rem;}
.fot_1 a{display:inline-block; width:.3rem; margin-top:.2rem; margin-right:.15rem;}
.fot_1 a img{width:.3rem; height:.3rem;}
.fot_2{border-top:1px solid rgba(255,255,255,.2); margin-top:.23rem;display:flex;flex-wrap: wrap;justify-content: space-between;}
.fot_2 p{font-size:14px; color:#FFFFFF; line-height:.25rem; font-weight:bold;}
.fot_2 p a{color:#FFFFFF; font-weight:normal;}


.bread{width:100%; height:.27rem; background:#1aa3ad; color:#FFFFFF; font-size:.08rem; line-height:.27rem;}
.bread a{color:#FFFFFF;}
.bread img{width:12px; margin-right:10px;}
.det_top{margin-top:.28rem;}
.det_top .img{width:42.5%; border-radius:.1rem; overflow:hidden; margin:0 0 0 .4rem;}
.det_top .txt{width:47.5%; margin-top:.18rem;}
.det_top .txt h3{font-weight:normal; font-size:.16rem; color:#000000;}
.det_top .txt h3:after{/**content:""; display:block; width:.23rem; height:.02rem; background:#1aa3ad; margin-top:.13rem;**/}
.det_top .txt .txt_1{margin-top:.1rem; margin-bottom:.05rem;}
.det_top .txt .txt_1 a{display:inline-block; border:1px solid #1aa3ad; border-radius:.05rem; line-height:.18rem; padding:0 .05rem; vertical-align:top; margin-top:.04rem; font-size:.09rem; color:#606060;}
.det_top .txt p{position:relative; font-size:.11rem; color:#606060; margin-top:.12rem; padding-left:.15rem;}
.det_top .txt p img{display:block; position:absolute; width:.06rem; left:0; top:.03rem;}

.det_con{margin-top:.23rem;}
#moveNav2{position:relative; width:100%; background:#1aa3ad; height:.3rem; color:#FFFFFF;}
#moveNav2.fixed{position:fixed;left:0;top:0;z-index:999;}
.navHref li{float:left; text-align:center; width:14.2857%; line-height:.3rem;}
.navHref li a{color:#FFFFFF; font-size:.08rem; display:block;}
.navHref li a img{width:.09rem; margin-right:.05rem;}
.navHref li a.active{background:#007780;}
.det_video{width:100%; background:#f4f4f4; padding:.25rem 0;}
.caseItem h2{text-align:center; font-size:.16rem; font-weight:normal; color:#000000; line-height:.16rem;}
.caseItem h2 img{width:.1rem; margin:0 .07rem;}
#video{width:4.1rem;margin:0 auto;position:relative; margin-top:.25rem;}
#video video{width:100%;object-fit:fill;}
.VideoBtn{cursor:pointer;z-index:10; position:absolute; width:.36rem; height:.36rem; top:0; bottom:0; left:0; right:0; margin:auto;}
.VideoBtn img{width:100%;}
.det_video .txt{width:4.1rem; margin:0 auto; margin-top:.06rem; font-size:.11rem; color:#606060; text-align:center;}
.det_specs{padding:.25rem 0; text-align:center;}
.det_specs ul{display:inline-block; margin-top:.15rem; min-width:2.8rem;}
.det_specs ul li{border-bottom:1px dashed rgba(0,0,0,.25); font-size:.11rem; line-height:.25rem; color:#606060; text-align:left;}
.det_specs ul li img{width:.1rem; margin-right:.1rem;}

.det_realted ul{display:flex;flex-wrap: wrap;justify-content: space-between; margin-top:.2rem;}
.det_realted ul li{width:15%; height:1.64rem; background:#f7f7f7; border-radius:.05rem; position:relative; margin-top:.05rem;}
.det_realted ul li a{display:block; position:relative; width:100%; height:1.64rem; position:relative; overflow:hidden;}
.det_realted ul li img{width:auto; height:auto; max-width:90%; max-height:90%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;transition:transform .5s ease;}
.det_realted ul li:nth-child(3),.det_realted ul li:nth-child(8){width:37%;}
.det_realted ul li .txt{position:absolute; right:.07rem; bottom:.1rem; width:.75rem;}
.det_realted ul li .txt p{font-size:.07rem; color:#606060;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.det_realted ul li .txt a{display:block; float:right; width:.5rem; height:.13rem; background:#1aa3ad; border-radius:.07rem; text-align:center; color:#FFFFFF; font-size:.07rem; line-height:.13rem; margin-top:.05rem;}

.det_advs{width:100%; background:#f4f4f4; padding:.25rem 0;}
.det_advs ul{max-width:5.1rem; margin:0 auto; display:block;}
.det_advs ul li{position:relative; overflow:hidden; margin-top:.21rem;}
.det_advs ul li .img{width:53%; background:#FFFFFF; padding:.07rem; overflow:hidden; border-radius:.1rem;}
.det_advs ul li .txt{width:44%; font-size:.11rem; line-height:.24rem; color:#606060;}

.det_advs table tr td {
    display: table-cell;
    /* vertical-align: middle; */
    font-size: .11rem;
    line-height: .24rem;
    color: #606060;
}

.det_advs table tr td img {
    background: #FFFFFF;
    padding: .07rem;
    overflow: hidden;
    border-radius: .22rem;
}

.det_realted{margin-top:.25rem;}

.det_order{margin-top:.25rem;}
.det_order ul{margin-top:.12rem;}
.det_order li{font-size:.11rem; line-height:.24rem; color:#606060; position:relative; padding-left:.1rem;}
.det_order li:before{content:""; display:block; position:absolute; width:.04rem; height:.04rem; background:#606060; border-radius:50%; left:0; top:.1rem;}

.det_order ul {
    margin-top: .12rem;
    width: 46%;
}
.det_order ul p{
  color:#606060;
  line-height: 0.15rem;
}

.det_order ul h2 ,.det_order ul h2 span{
   /**font-size:unset!important;
   font-weight:unset!important;
   margin: .12rem 0;**/
}

.det_faq{padding:.25rem 0; background:#f4f4f4; margin-top:.25rem; text-align:center;}
.det_faq ul{/**display:inline-block; min-width:5.1rem; margin-top:.2rem;**/}
.det_faq ul li{position:relative; border-bottom:1px solid #e5e5e5; width:100%; text-align:left; line-height:.25rem; font-size:.11rem; color:#606060; padding-left:.13rem;}
.det_faq ul li img{display:block; position:absolute; width:6px; left:3px; top:.11rem;}

.det_faq  ul {
    width: 46%;
}

.container{margin-top:.25rem; margin-bottom:.7rem;}
.left{width:1.48rem;}
.left h3{color:#FFFFFF; text-align:center; width:100%; height:.38rem; font-size:.13rem; background:#1aa3ad; line-height:.38rem; border-top-left-radius:.05rem;border-top-right-radius:.05rem; font-weight:normal;}
.left h3 img{width:.19rem; vertical-align:middle; margin-right:.08rem;}
.left_nav ul{background:#FFFFFF; border:.01rem solid #cecece; border-top:none; margin-bottom:.1rem;}
.left_nav ul li{border-bottom:1px solid #cecece; line-height:.3rem;}
.left_nav ul li a{display:block; font-size:.1rem; color:#171717; padding:0 .13rem 0 .31rem; background-image:url(../img/089.png); background-repeat:no-repeat; background-position:.15rem center; background-size:.04rem .05rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.left_nav ul li:nth-last-child(1){border-bottom:none;}
.left_nav ul li.on a,.left_nav ul li:hover a{color:#1aa3ad; background-image:url(../img/090.png);}
.recommended li{width:100%; background:#f7f7f7; border-radius:.05rem; margin-top:.1rem; height:.72rem;}
.recommended li .img{float:left; width:46%; height:.72rem; padding:.03rem .05rem; text-align:center;}
.recommended li .img img{max-width:100%; max-height:100%;}
.recommended li .txt{float:left; width:54%; margin-top:.07rem; padding-right:.05rem;}
.recommended li .txt h4{font-weight:normal; font-size:.08rem; color:#303030;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.recommended li .txt p{font-size:.07rem; line-height:.11rem; color:#7e7e7e;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2; margin-top:.03rem;}
.recommended li .txt a{display:block; float:right; color:#FFFFFF; font-size:.07rem; line-height:..09rem; background:#1aa3ad; border-radius:.05rem; padding:0 .05rem; margin-top:.06rem;}
.right{width:calc(100% - 1.6rem);}
.list_con ul{display:flex;flex-wrap: wrap;}
.list_con ul li{width:32%; margin-left:2%; margin-bottom:.12rem; border-radius:.05rem; overflow:hidden;}
.list_con ul li .img{width:100%; border:.01rem solid #f7f7f7;border-top-left-radius:.05rem;border-top-right-radius:.05rem; overflow:hidden; border-bottom:none;}
.list_con ul li .img a{display:block; background:#FFFFFF; width:100%; height:1.5rem; position:relative;}
.list_con ul li .img a img{display:block; position:absolute; width:auto; height:auto; max-width:100%; max-height:100%; left:0; right:0; top:0; bottom:0; margin:auto;}
.list_con ul li .txt{overflow:hidden; padding:.05rem .08rem .1rem .08rem;background:#f7f7f7;transition:all .3s;}
.list_con ul li .txt h3{font-size:.11rem; width:100%; color:#303030; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition:all .3s;}
.list_con ul li .txt p{font-size:.09rem; line-height:.16rem; height:.32rem; color:#7e7e7e; margin-top:.05rem;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;transition:all .3s;}
.list_con ul li .txt a{display:block; float:right; width:.52rem; height:.15rem; background:#1aa3ad; border-radius:.08rem; text-align:center; line-height:.15rem; color:#FFFFFF; font-size:.08rem; margin-top:4px;}
.page{text-align:center; margin-top:.35rem;}
.page a,.page span{display:inline-block; border:1px solid #d2d2d2; width:.23rem; height:.23rem; line-height:.22rem; font-size:.1rem; color:#333333;margin-right:10px}
.page a.fist{width:.35rem;}
.page a.prev{width:.45rem;}
.page a.on,.page span.current{background:#1aa3ad; border-color:#1aa3ad; color:#FFFFFF;}





@media screen and (max-width: 768px) {
html {
    padding: 0;
    margin:0;
    font-size: 625%;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
    /*10 ÷ 16 × 100% = 62.5%*/
}

body {
    padding: 0;
    font-size: .14rem;
    max-width: 768px;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
    /*1.4 × 10px = 14px */
}
body {
    margin: 0;
    padding: 0;
    color: #444;
    font-family: SourceHanSerifSC-Regular, Arial, Helvetica, sans-serif;
}

img {
    border: none;
    vertical-align: middle;
}

@media only screen and (min-width: 375px) {
    html {
        font-size: 700%!important
    }
}
@media only screen and (min-width: 410px) {
    html {
        font-size: 800%!important
    }
}
@media only screen and (min-width: 481px) {
    html {
        font-size: 940%!important
    }
}

@media only screen and (min-width: 561px) {
    html {
        font-size: 1090%!important
    }
}

@media only screen and (min-width: 641px) {
    html {
        font-size: 1250%!important
    }
    body {
        margin: 0 auto;
        max-width: 768px
    }
}
img{width:100%;height:auto;border:none;}
.ww{width:93.75%; margin:0 auto;}
.sj_fl{float:left;}
.sj_fr{float:right;}
.sj_clear{clear:both;}
.sj_dn{display:none;}

.top{display:none;}
header{width:100%; height:.5rem; background:#FFFFFF; position:relative;}
.logo{width:auto; height:.42rem; margin-top:.04rem; margin-left:.1rem;}
.logo img{width:auto; height:100%;}

/*    导航菜单     */
.nav {position:fixed;z-index: 100;opacity: 0;z-index:1000;-webkit-transform: translateX(0);transform: translateX(0);width: 58%;height: 100%;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 300ms;transition-duration: 300ms; padding:.55rem 0 .15rem 0;}
.nav--active .nav {opacity: 1;background:rgba(0,0,0,.7);}
.nav__list {padding:0.1rem;line-height:0.35rem;font-size:0.13rem; height:100%;overflow:scroll;}
.nav__list li,.nav__list li a{color:#FFFFFF;}
.nav__trigger{display: block;position:absolute;width: 30px;height: 25px;right: .1rem;top: .24rem;z-index: 1001;}
.nav__icon {display: inline-block;position: relative;width: 28px;height: 3px;background-color: #1aa3ad;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before,.nav__icon:after {content: '';display: block;width: 28px;height: 3px;position: absolute;background: #1aa3ad;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top: -10px;}
.nav__icon:after {margin-top: 10px;}
.nav--active .nav {-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.nav--active .nav__icon:before {margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg); background:#FFFFFF;}
.nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); background:#FFFFFF;}
.nav--active .nav__trigger{position:fixed;}
/*二级导航*/
.cd-accordion-menu {width: 100%;}
.cd-accordion-menu ul {display: none;}
.cd-accordion-menu li {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.cd-accordion-menu input[type=checkbox] {position: absolute;opacity: 0;}
.cd-accordion-menu label, .cd-accordion-menu a {position: relative;display: block;color: #ffffff;}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {background: #52565d;}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {content: '';display: inline-block;width: 16px;height: 16px;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);margin-top:-1px;}
.cd-accordion-menu label {cursor: pointer;}
.cd-accordion-menu label::before{background-image: url(../img/cd-icons.svg);background-repeat: no-repeat;}
.cd-accordion-menu label::before {right: 0;background-position: 0 0;-webkit-transform: translateY(-50%) rotate(-90deg);-moz-transform: translateY(-50%) rotate(-90deg);-ms-transform: translateY(-50%) rotate(-90deg);-o-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);}
.cd-accordion-menu input[type=checkbox]:checked + label::before {-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.cd-accordion-menu input[type=checkbox]:checked + label::after {background-position: -32px 0;}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {display: block;}
.cd-accordion-menu ul label,.cd-accordion-menu ul a {padding-left: 0.1rem;font-size:0.12rem;}
.cd-accordion-menu ul label::before {right: 0;}
.cd-accordion-menu ul ul label,.cd-accordion-menu ul ul a {padding-left:0.2rem;font-size:0.09rem;line-height:0.25rem;color:#cbd8da;}
.cd-accordion-menu.animated label::before {-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}

.ban1 .txt{padding-top:.3rem;}
.ban1 .txt h2{font-size:.3rem;}
.ban1 .txt p{font-size:.16rem;line-height:.22rem;margin-top:.1rem; width:100%;}
.ban1 .txt a{height:.25rem; line-height:.25rem; margin-top:.15rem;}
.packaging{margin-top:.3rem;}
.tit h2{letter-spacing:0;}
.tit h2 img{width:.3rem; margin:0 .05rem;}
.packaging_c .items{width:48%; float:left;}
.packaging_c .items:nth-child(even){float:right;}
.packaging_c .items p{width:50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.packaging_c .items .img{height:1.5rem;}
.packaging_c .items{height:1.85rem; margin-top:.15rem;}

.about{margin-top:.3rem;}
.about_c{margin-top:.2rem;}
.about_c .txt{float:none; width:100%; margin-top:.15rem; padding:.2rem;}
.about ul li{width:48%; margin-left:2%; margin-top:.1rem;}
.about ul li:nth-child(odd){margin-left:0;}
.choose ul li{width:48%;}
.choose ul li:nth-child(odd){margin-left:0;}
.choose ul li p{font-size:.11rem; line-height:1.4;}
.success ul li{width:48%; margin-left:4%;}
.success ul li:nth-child(odd){margin-left:0;}
.blog{margin-top:.25rem;}
.blog .zx_t li{margin:0; width:1.35rem;}
.blog_lf{width:100%;}
.blog_lf .txt p{line-height:1.4;}
.blog_rt{width:100%; margin-top:.2rem;}
.message .img{width:100%;}
.message .txt{width:100%; margin-top:.2rem;}
.message{padding-bottom:.2rem;}
.message .txt input[type="text"]{padding-left:.25rem;}
.message .txt textarea{padding:.08rem .1rem .05rem .25rem;}

.footer ul li{width:100%; margin-bottom:.2rem;}
.footer ul li h3{font-size:.14rem;}
.fot_nav a{font-size:.12rem; line-height:.2rem;}
.footer ul li p{font-size:.12rem; line-height:.2rem; padding-left:.2rem;}
.footer ul li p img{width:.1rem; top:.03rem;}
.fot_2{margin-top:.23rem; text-align:center; padding:.1rem 0;}
.fot_2 p{font-size:12px; color:#FFFFFF; line-height:.2rem; font-weight:normal; width:100%;}


.bread{height:auto;}
.det_top .img{width:100%; margin:.2rem 0 0 0;}
.det_top .txt{width:100%;}
.navHref li{width:auto;}
.navHref li a{padding:0 .1rem;}
#video{width:100%;}
.det_video .txt{width:100%; margin-top:.2rem;}
.det_advs ul li .img{width:100%;}
.det_advs ul li .txt{width:100%; margin-top:.15rem; font-size:.12rem;}
.det_faq ul{width:100%; min-width:100%;}
.container{margin-top:.25rem; margin-bottom:.7rem;}
.left{display:none;}
.right{width:100%;}
.list_con ul li{width:48%; margin-left:4%;}
.list_con ul li:nth-child(odd){margin-left:0;}
.det_realted ul li{width:48%;}
.det_realted ul li:nth-child(3), .det_realted ul li:nth-child(8){width:100%;}




}