/*公共*/
#tip{background: #111;height: .5rem;}
#tip p{display:inline-block;margin:0 1.4rem;line-height: .5rem;color:#fff}

.header{position: absolute;top: .5rem;left: 0;width: 100%;z-index: 2;}
.header .width{display: flex;align-items: center;}
.header .logo{width: 1.6rem;height: .5rem;justify-content: flex-start;}
.header .con{display: flex;justify-content: flex-end;flex:1}
.header ul{display: flex;margin-right: .25rem;}
.header li{padding: 0 .2rem;position: relative;}
.header li>a{line-height: 1.2rem;font-size: .18rem;}
.header .child{position: absolute;top: 80%;left: 50%;width: max-content;background: #fff;border-radius: .2rem;display: none;transform: translateX(-50%);}
.header .items{display: flex;padding: .3rem .45rem .4rem;}
.header .items.one{padding: .3rem .75rem .4rem;}
.header .item{margin-right: .5rem;position: relative;max-width: 2.5rem;}
.header .item:last-child{margin-right: 0}
.header .item .img-div{height: 1.2rem;margin-bottom: .15rem;}
.header .item>p{font-size: .18rem;text-align: center;color:#333}
.header .search{position: relative;}
.header .search>p{height: 1.2rem;width: .2rem;background: url(../images/search.png) no-repeat center center/100%;cursor: pointer;}
.header .search .popup{position: absolute;top: calc(100% - .2rem);right: 0;display: none;}
.header .search .popup>div{display: flex;}
.header .search .popup>div>input{width: 3rem;height: .5rem;padding: 0 .2rem;background: #f5f5f5;border-radius: .05rem 0 0 .05rem;}
.header .search .btn{width: .5rem;height: .5rem;background: #ff5f1f url(../images/search.png) no-repeat center center/.18rem;cursor: pointer;transition: .3s;border-radius: 0 .05rem .05rem 0;}
.header.w{border-bottom: 1px rgba(255,255,255,.1) solid;}
.header.w .logo{filter: brightness(0%) invert(100%)}
.header.w li>a{color:#fff}
.header.w .search>p{filter: brightness(0%) invert(100%)}
.header-space{height: 1.2rem;}

.footer{background: #111;color:#fff;padding: 1.1rem 0 .9rem;}
.footer a{color:#fff}
.footer .con{display: flex;border-bottom: 1px solid rgba(255,255,255,.1);margin-bottom: .45rem;padding-bottom: 1.6rem;}
.footer .info{width: 34%;}
.footer .info>p{font-size: .48rem;line-height: .6rem;margin-bottom: .45rem;}
.footer .info li{padding-left: .4rem;color:rgba(255,255,255,.5);padding-bottom: .25rem;}
.footer .phone{background: url(../images/3.png) no-repeat .02rem top/.16rem;}
.footer .email{background: url(../images/4.png) no-repeat left .01rem/.2rem;}
.footer .nav{display: flex;justify-content: flex-end;flex:1;}
.footer .nav ul{display: flex;justify-content: flex-end;flex:1;}
.footer .nav ul.m{display: none;}
.footer .nav li{margin-right: .9rem;}
.footer .nav li>p{font-size: .18rem;margin-bottom: .15rem;}
.footer .nav .childs{display: flex;}
.footer .nav .child>a{font-size: .16rem;line-height: .48rem;opacity: .5;width: 1.7rem;padding-right: .3rem;}
.footer .back{width: .6rem;height: .6rem;background: rgba(255,255,255,.1) url(../images/5.png) no-repeat center center/.21rem;border-radius: .05rem;cursor: pointer;transition: .3s;}
.footer .copyright{display: flex;justify-content: space-between;}
.footer .copyright>p{flex:1;opacity: .5;}
.footer .copyright>div{flex:1;text-align: right;}
.footer .copyright>div>a{opacity: .5;display: inline-block;}

.title{position: relative;color:#bdff1f;font-size: .72rem;line-height: .72rem;}
.title::after{content:attr(data-name);position: absolute;top: .03rem;left: .03rem;width: 100%;height: 100%;color:#ff5f1f;z-index: 2;}
.title.inner::after{top: 0;}

.inner-banner{height: 7.4rem;position: relative;}
.inner-banner .m{display: none;}
.inner-banner .width{position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 100%;display: flex;flex-direction: column;justify-content: center;}
.inner-banner .width>p{font-size: .2rem;line-height: .3rem;margin: .15rem 0 .4rem;}

.nav-m{display: none;}

@media (max-width:1024px){
    #tip{height: .8rem;}
    #tip p{line-height: .8rem;}

    .header{top: .8rem;}
    .header ul{display: none}
    .header .search{position: static;margin-right: .3rem;}
    .header .search>p{width: .35rem;}
    .header .search .popup{top: 100%;display: none;left: 0;padding: 0 .4rem;}
    .header .search .popup>div>input{width: calc(100% - .8rem);height: .8rem;padding: 0 .3rem;}
    .header .search .btn{width: .8rem;height: .8rem;background-size:.3rem;}
    .header .menu{width: .45rem;height: 1.2rem;background: url(../images/menu.svg) no-repeat center center/100%;}
    .header.w .menu{filter: brightness(0%) invert(100%)}

    .footer{padding: 1rem 0 .6rem;}
    .footer .con{display: block;margin-bottom: .4rem;padding-bottom: .4rem;}
    .footer .info{width: 100%;margin-bottom: .6rem;}
    .footer .info>p{font-size: .45rem;line-height: .65rem;}
    .footer .info li{padding-left: .5rem;}
    .footer .phone{background-size:.26rem;}
    .footer .email{background-position:left .07rem;background-size:.3rem;}
    .footer .nav{display: block;}
    .footer .nav ul.pc{display: none;}
    .footer .nav ul.m{display: block;}
    .footer .nav li{margin-right: 0;margin-bottom: .4rem;}
    .footer .nav li>p{font-size: .3rem;margin-bottom: .15rem;}
    .footer .nav .child{display: flex;flex-wrap: wrap;}
    .footer .nav .child>a{font-size: .26rem;line-height: .5rem;width: calc(100% / 3 - .14rem);margin-right:.21rem;padding-right: 0;}
    .footer .nav .child>a:nth-child(3n){margin-right: 0;}
    .footer .back{width: 1rem;height: 1rem;background-size:.4rem;margin: 0 auto;}
    .footer .copyright{display: block;}
    .footer .copyright>p{font-size: .28rem;line-height: .44rem;margin-bottom: .1rem;text-align: center;}
    .footer .copyright>div{text-align: center;}

    .title{font-size: .6rem;line-height: .65rem;}

    .inner-banner{height:auto}
    .inner-banner .pc{display: none;}
    .inner-banner .m{display: block;padding-bottom: 80%;}
    .inner-banner .width{align-items: center;text-align: center;}
    .inner-banner .width>p{font-size: .28rem;line-height: .48rem;margin: .15rem 0 0;}

    .nav-m{position:fixed;top:.8rem;left:0;bottom:0;width:100%;background:#fff;z-index:2001;}
    .nav-m .info{display:flex;justify-content:space-between;align-items:center;height:1.2rem;background: #fff;}
    .nav-m .logo{width: 1.6rem;height: .5rem;justify-content: flex-start;}
    .nav-m .close{width: .4rem;height:100%;background:url(../images/close.svg) no-repeat left center/100%}
    .nav-m ul{border-top:1px solid #eee;overflow-y: auto;overflow-x:hidden;height:calc(100% - 1.2rem);position: absolute;top: 1.2rem;left: 0;width: 100%;padding: 0 .3rem;}
    .nav-m li{border-bottom:1px solid #eee;padding:.35rem 0;background:url(../images/arrow1.svg) no-repeat right center/.4rem;}
    .nav-m li>a{font-size: .32rem;}
}

@media (any-hover:hover){
    .header li:hover>a{color:#ff5f1f;text-decoration: underline;}
    .header .item:hover .img-div>img{transform: scale(1.05);}
    .header .item:hover>p{color:#ff5f1f}
    .header .search .btn:hover{background-image: url(../images/search-w.png);}

    .footer .nav .child>a:hover{opacity: 1;color:#ff5f1f}
    .footer .back:hover{background-color: #ff5f1f;}
    .footer .copyright>div>a:hover{opacity: 1;color:#ff5f1f}
}

/* 首页 */
.index-page h2{font-size: .48rem;line-height: .6rem;}
.index-page .more{background: #ff5f1f;padding-right: .4rem;display: inline-block;border-radius: .3rem;transition: .3s;border: .02rem solid #ff5f1f;}
.index-page .more>p{font-size: .18rem;background: url(../images/arrow1.svg) no-repeat right center/.2rem;line-height: .56rem;padding: 0 .35rem 0 .5rem;transition: .3s;}
.index-page .more.plain{border-color: #111;background: none;padding-right: .3rem;}
.index-page .more.plain>p{font-size: .16rem;padding: 0 .3rem 0 .35rem;}

.index-page .box1 .m{display: none;}
.index-page .box1 .img{padding-bottom: 48.43%;}
.index-page .box1 .swiper-slide .width{position: absolute;top: 28%;left: 50%;transform: translateX(-50%);}
.index-page .box1 .info{max-width: 7.2rem;}
.index-page .box1 .title{margin: .05rem 0 .25rem;display: block;}
.index-page .box1 .info>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;}
.index-page .box1 .info>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;}
.index-page .box1 .more{margin-top: .55rem;}
.index-page .box1 .swiper-pagination{bottom: .7rem;text-align: left;left: 50%;transform: translateX(-50%);}
.index-page .box1 .swiper-pagination-bullet{width: .3rem;height: .02rem;background: #000;opacity: .5;border-radius: 0;transition: .3s;}
.index-page .box1 .swiper-pagination-bullet-active{opacity: 1;height: .04rem;}

.index-page .box2{padding: .9rem 0 1.2rem;}
.index-page .box2 .tit{display: flex;align-items: center;margin-bottom: .55rem;}
.index-page .box2 .tit>h2{flex:1;padding-right: 1rem;}
.index-page .box2 .con{display: flex;}
.index-page .box2 li{position: relative;border-radius: .2rem .2rem 0 .2rem;}
.index-page .box2 li::before{content:'';width: 1rem;height: 1rem;background: url(../images/6.png) no-repeat center center/100%;position: absolute;bottom: 0;right: 0;z-index: 2;}
.index-page .box2 li::after{content:'';width: .55rem;height: .55rem;background: #ff5f1f url(../images/arrow1.svg) no-repeat center center/.22rem;position: absolute;bottom: 0;right: .1rem;border-radius: 50%;z-index: 2;transition: .3s;}
.index-page .box2 .big{display: flex;width: 68.75%;}
.index-page .box2 .big li{height: 6.8rem;flex:1;margin-right: .5rem;}
.index-page .box2 .sm{flex:1;}
.index-page .box2 .sm li{height: 3.15rem;}
.index-page .box2 .sm li:nth-of-type(1){margin-bottom: .5rem;}
.index-page .box2 .info{position: absolute;bottom: 0;left: 0;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 80%);width: 100%;padding: 20% 1rem .35rem .4rem;color:#fff;transition: .3s;}
.index-page .box2 .info>h3{font-size: .24rem}
.index-page .box2 .info>p{font-size: .16rem;margin-top: .1rem;}
.index-page .box2 .m{display: none;}

.index-page .box3{padding-bottom: 48.46%;position: relative;}
.index-page .box3 ul{height: 100%;display: flex;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.index-page .box3 li{flex:1;color:#fff;padding-top: 18%;}
.index-page .box3 li:nth-of-type(2){padding:0 0 5.5% 4.5%;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;}
.index-page .box3 .img{display: none;}
.index-page .box3 .img-div{width: .51rem;height: .61rem;}
.index-page .box3 .info>h3{font-size: .36rem;line-height: .46rem;margin: .4rem 0 .2rem;}
.index-page .box3 .info>p{font-size: .16rem;line-height: .3rem;max-width: 3.5rem;}
.index-page .box3 .more{border-color: #fff;padding-right: .35rem;margin-top: .2rem;}
.index-page .box3 .more>p{color:#fff;background-image: url(../images/arrow1-w.svg);padding: 0 .5rem 0 .4rem;}

.index-page .box4{padding: 1.1rem 0 .9rem;}
.index-page .box4 ul{display: flex;flex-wrap: wrap;margin-top: .55rem;}
.index-page .box4 li{width: calc(50% - .2rem);margin-bottom: .3rem;}
.index-page .box4 li:nth-child(2n+1){margin-right: .4rem;}
.index-page .box4 li>a{position: relative;background: #f5f5f5;border-radius: .2rem;text-align: center;transition: .3s;}
.index-page .box4 .img{padding-bottom: 100%;}
.index-page .box4 .info{position: absolute;top: 0;left: 0;width: 100%;padding: .55rem 19% 0;}
.index-page .box4 .info>h3{font-size: .36rem;line-height: .4rem;}
.index-page .box4 .info>p{font-size: .16rem;line-height: .24rem;color:#666;margin: .15rem 0 .25rem;}
.index-page .box4 .img-div{display: none;}

.index-page .box5{height: 3.6rem;}
.index-page .box5 .width{display: flex;align-items: center;height: 100%;}
.index-page .box5 .info{flex:1;padding-right: 1rem;color:#fff;}
.index-page .box5 .info>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;}
.index-page .box5 .info>p:nth-of-type(2){font-size: .18rem;line-height: .28rem;margin: .05rem 0 .3rem;}
.index-page .box5 .more{border-color: #fff;padding-right: .35rem;margin-top: .2rem;}
.index-page .box5 .more>p{color:#fff;background-image: url(../images/arrow1-w.svg);padding: 0 .4rem 0 .45rem;}

@media (max-width:1024px){
    .index-page h2{font-size: .45rem;line-height: .65rem;text-align: center;}
    .index-page .more{padding-right: .45rem;border-radius: .6rem;}
    .index-page .more>p{font-size: .28rem;background-size:.35rem;line-height: .76rem;padding: 0 .45rem 0 .55rem}
    .index-page .more.plain{padding-right: .45rem;}
    .index-page .more.plain>p{font-size: .28rem;padding: 0 .45rem 0 .55rem;}

    .index-page .box1 .pc{display: none;}
    .index-page .box1 .m{display: block;}
    .index-page .box1 .img{padding-bottom: 120%;}
    .index-page .box1 .swiper-slide .width{top: 25%;}
    .index-page .box1 .info{max-width: 100%;text-align: center;}
    .index-page .box1 .title{margin: .1rem 0 .2rem;}
    .index-page .box1 .info>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;}
    .index-page .box1 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .index-page .box1 .more{margin-top: .4rem;}
    .index-page .box1 .swiper-pagination{bottom: .3rem;text-align: center}
    .index-page .box1 .swiper-pagination-bullet{width: .6rem;height: .04rem;}
    .index-page .box1 .swiper-pagination-bullet-active{height: .08rem;}

    .index-page .box2{padding: 1rem 0;}
    .index-page .box2 .tit{display: block;}
    .index-page .box2 .tit>h2{padding-right: 0;}
    .index-page .box2 .tit>a{display: none;}
    .index-page .box2 .con{display: block;}
    .index-page .box2 li::before{width: 1.2rem;height: 1.2rem;}
    .index-page .box2 li::after{width: .7rem;height: .7rem;background-size:.35rem;right: .05rem;}
    .index-page .box2 .big{display: block;width: 100%;}
    .index-page .box2 .big li{height: auto;margin: 0 0 .6rem;}
    .index-page .box2 .big .img{padding-bottom: 136%;}
    .index-page .box2 .sm li{height: auto;}
    .index-page .box2 .sm li:nth-of-type(1){margin-bottom: .6rem;}
    .index-page .box2 .sm .img{padding-bottom: 63%;}
    .index-page .box2 .info{padding: 20% 1.4rem .5rem .4rem;}
    .index-page .box2 .info>h3{font-size: .4rem}
    .index-page .box2 .info>p{font-size: .28rem;margin-top: .2rem;}
    .index-page .box2 .m{display: block;text-align: center;margin-top: .6rem;}

    .index-page .box3{padding-bottom: 0;background: none !important;}
    .index-page .box3 ul{display: block;position: static;transform: translateX(0);}
    .index-page .box3 li{padding: 0;margin-bottom: .6rem;border-radius: .2rem;overflow: hidden;position: relative;}
    .index-page .box3 li:nth-of-type(2){padding:0;display: block;}
    .index-page .box3 .img{display: block;padding-bottom: 90.8%;}
    .index-page .box3 .info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;padding: .4rem;align-items: center;}
    .index-page .box3 .img-div{width: .71rem;height: .81rem;margin: 0 auto;}
    .index-page .box3 .info>h3{font-size: .4rem;line-height: .6rem;margin: .3rem 0 .1rem;text-align: center;}
    .index-page .box3 .info>p{font-size: .28rem;line-height: .48rem;max-width: 100%;text-align: center;}
    .index-page .box3 .more{padding-right: .45rem;margin-top: .4rem;}
    .index-page .box3 .more>p{padding: 0 .45rem 0 .55rem;}

    .index-page .box4{padding: .4rem 0;}
    .index-page .box4 ul{display: block;}
    .index-page .box4 li{width: 100%;margin-bottom: .6rem;}
    .index-page .box4 li:nth-child(2n+1){margin-right: 0;}
    .index-page .box4 li>a{display: block;padding: .8rem .4rem;}
    .index-page .box4 .img{display: none;}
    .index-page .box4 .info{position: static;padding: .4rem 0 0;}
    .index-page .box4 .info>h3{font-size: .32rem;line-height: .52rem;}
    .index-page .box4 .info>p{font-size: .28rem;line-height: .48rem;margin: .15rem 0 .35rem;}
    .index-page .box4 .img-div{display: flex;height: 4rem;}

    .index-page .box5{height: auto;padding: 1rem 0;}
    .index-page .box5 .width{flex-direction: column;}
    .index-page .box5 .info{padding-right: 0;text-align: center;}
    .index-page .box5 .info>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;}
    .index-page .box5 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin: .1rem 0 .4rem;}
    .index-page .box5 .more{padding-right: .45rem;margin-top: 0;}
    .index-page .box5 .more>p{padding: 0 .45rem 0 .55rem;}
}

@media (any-hover:hover){
    .index-page .more:hover>p{color: #fff;background-image: url(../images/arrow1-w.svg);}
    .index-page .more.plain:hover{background: #ff5f1f;border-color: #ff5f1f;}
    .index-page .more.plain:hover>p{color: #000;background-image: url(../images/arrow1.svg);}

    .index-page .box2 li:hover::after{background-color: #bdff1f;}
    .index-page .box2 li:hover .img{transform: scale(1.1);}
    .index-page .box2 li:hover .info{padding-bottom: .45rem;}

    .index-page .box3 .more:hover{border-color: #ff5f1f;}
    .index-page .box3 .more:hover>p{color:#000;background-image: url(../images/arrow1.svg);}

    .index-page .box4 li:hover>a{box-shadow: 0 0 .05rem rgba(0,0,0,.1);}
    .index-page .box4 li:hover .img{transform: scale(1.1);}
    .index-page .box4 .info>h3:hover{color:#ff5f1f}
    .index-page .box4 .more:hover{border-color:#ff5f1f;background: #ff5f1f;}
    
    .index-page .box5 .more:hover{border-color: #ff5f1f;}
    .index-page .box5 .more:hover>p{color:#000;background-image: url(../images/arrow1.svg);}
}

/* 产品 */
.product-page .btn{display: flex;}
.product-page .more{background: #ff5f1f;padding-right: .2rem;border-radius: .25rem;transition: .3s;border: .02rem solid #ff5f1f;margin-right: .1rem;}
.product-page .more:last-child{margin-right: 0;}
.product-page .more>p{background: url(../images/arrow1-w.svg) no-repeat right center/.18rem;line-height: .46rem;padding: 0 .25rem 0 .3rem;transition: .3s;color:#fff}
.product-page .more.plain{background: none;padding-right: .25rem;}
.product-page .more.plain>p{padding: 0 .25rem 0 .35rem;color:#ff5f1f;background-image: url(../images/arrow1-m.svg);}
.product-page .btn.sm .more{border-radius: .2rem;border-width: 1px;padding-right: .15rem;}
.product-page .btn.sm .more>p{background-size: .16rem;line-height: .38rem;padding: 0 .2rem;}

.product-page.list{padding: .8rem 0 .4rem;}
.product-page.list h2{font-size: .48rem;text-align: center;margin-bottom: .4rem;}
.product-page.list .head{height: 6.4rem;position: relative;border-radius: .2rem;margin-bottom: .6rem;}
.product-page.list .head .m{display: none;}
.product-page.list .head .info{position: absolute;left:8%;height: 100%;top: 0;max-width: 4.5rem;display: flex;flex-direction: column;justify-content: center;padding-bottom: .5rem;}
.product-page.list .head .new{display: flex;margin-bottom: .1rem;}
.product-page.list .head .new>p{line-height: .2rem;border-radius: .1rem;font-size: .12rem;width: .48rem;text-align: center;color:#fff;background: #e00711;margin-right: .05rem;}
.product-page.list .head .new>p:last-child{margin-right: 0;}
.product-page.list .head .new>p.hot{background: #ff5f1f;}
.product-page.list .head .info h3{font-size: .48rem;line-height: .58rem;}
.product-page.list .head .info>p{font-size: .18rem;line-height: .28rem;margin: .15rem 0 .45rem;}

.product-page.list ul{display: flex;flex-wrap: wrap;padding-bottom: .4rem;}
.product-page.list li{width: calc(100% / 3 - .26rem);margin: 0 .39rem .4rem 0;background: #f5f5f5;border-radius: .1rem;padding: .6rem .4rem;transition: .3s;}
.product-page.list li:nth-child(3n){margin-right: 0;}
.product-page.list li .img-div{height: 2.4rem;}
.product-page.list li>a:nth-of-type(2)>h3{font-size: .24rem;margin: .4rem 0 .1rem;}
.product-page.list li>p{font-size: .16rem;line-height: .24rem;color:#666}
.product-page.list li>p:nth-of-type(1){height: .24rem;}
.product-page.list li>p:nth-of-type(2){height: .48rem;margin: .2rem 0 .25rem;}

.product-page.detail{padding-bottom: 1.2rem;}
.product-page.detail .box1{position: relative;}
.product-page.detail .box1 .m{display: none;}
.product-page.detail .box1 .img{padding-bottom: 48.43%;}
.product-page.detail .box1 .swiper-slide .width{position: absolute;top: 13%;left: 50%;transform: translateX(-50%);text-align: center;}
.product-page.detail .box1 .swiper-slide .width>p{font-size: .2rem;line-height: .3rem;margin-top: .1rem;}
.product-page.detail .box1 .swiper-pagination{bottom: .7rem;text-align: left;left: 50%;transform: translateX(-50%);}
.product-page.detail .box1 .swiper-pagination-bullet{width: .3rem;height: .02rem;background: #000;opacity: .5;border-radius: 0;transition: .3s;}
.product-page.detail .box1 .swiper-pagination-bullet-active{opacity: 1;height: .04rem;}

.product-page.detail .box2{background: #f5f5f5;padding: .9rem 0 .95rem;}
.product-page.detail .box2 .width{max-width: 9.5rem;text-align: center;}
.product-page.detail .box2 .width>p:nth-of-type(1){font-size: .48rem;margin-bottom: .2rem;}
.product-page.detail .box2 .width>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;color:#333}

.product-page.detail .box3{padding-top: 1rem;display: flex;flex-wrap: wrap;}
.product-page.detail .box3 .item{width: 60%;background: #f5f5f5;border-radius: .2rem;margin-bottom: .2rem;height: 6rem;position: relative;}
.product-page.detail .box3 .item.sm{width: calc(40% - .2rem);}
.product-page.detail .box3 .item:nth-child(2n+1){margin-right: .2rem;}
.product-page.detail .box3 .item>.img-div{display: none;}
.product-page.detail .box3 .info{position: absolute;left: 0;}
.product-page.detail .box3 .item.left .info{padding: .6rem;top: 0;width:38%;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.product-page.detail .box3 .item.top .info{top: 0;text-align: center;padding: .6rem;width: 100%;}
.product-page.detail .box3 .item.bottom .info{bottom: 0;padding: .4rem .5rem;width: 100%;}
.product-page.detail .box3 .info>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;margin-bottom: .05rem;}
.product-page.detail .box3 .info>p:nth-of-type(2){font-size: .2rem;line-height: .3rem;color:#666}
.product-page.detail .box3 .info>p:nth-of-type(3){font-size: .16rem;line-height: .3rem;color:#666;margin-top: .35rem;max-height: 3rem;padding-right: .05rem;}
.product-page.detail .box3 .info>p:nth-of-type(3)>b{color:#000}
.product-page.detail .box3 .item.txt{text-align: center;display: flex;flex-direction: column;justify-content: center;padding: 1rem 1rem 1.5rem;}
.product-page.detail .box3 .item>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;}
.product-page.detail .box3 .item>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;color:#666;margin: .1rem 0 .55rem;padding-right: .05rem;}
.product-page.detail .box3 ul{display: flex;justify-content: space-around;}
.product-page.detail .box3 li{text-align: center;}
.product-page.detail .box3 li .img-div{width: .52rem;height: .51rem;margin: 0 auto;}
.product-page.detail .box3 li>p:nth-of-type(1){font-size: .2rem;margin: .3rem 0 .1rem;}
.product-page.detail .box3 li>p:nth-of-type(2){font-size: .16rem;color:#666}

.product-page.detail .box4{padding-top: .9rem;}
.product-page.detail .box4>p{font-size: .36rem;margin-bottom: .35rem;}
.product-page.detail .box4 ul{display: flex;flex-wrap: wrap;}
.product-page.detail .box4 li{width: calc(100% / 3 - .26rem);margin-right: .39rem;background: #f5f5f5;border-radius: .1rem;padding: .6rem .4rem;transition: .3s;}
.product-page.detail .box4 li:last-child{margin-right: 0;}
.product-page.detail .box4 li .img-div{height: 2.4rem;}
.product-page.detail .box4 li>a:nth-of-type(2)>h3{font-size: .24rem;margin: .4rem 0 .1rem;}
.product-page.detail .box4 li>p{font-size: .16rem;line-height: .24rem;color:#666}
.product-page.detail .box4 li>p:nth-of-type(1){height: .24rem;}
.product-page.detail .box4 li>p:nth-of-type(2){height: .48rem;margin: .2rem 0 .25rem;}

.product-page.detail .box5{padding-top: .7rem;}
.product-page.detail .box5>p{font-size: .36rem;margin-bottom: .35rem;}
.product-page.detail .con{position: relative;}
.product-page.detail .swiper-slide{border: 1px #000 solid;}
.product-page.detail .img{padding-bottom: 140.9%;}
.product-page.detail .arrow{width: .6rem;height: .6rem;position: absolute;top: 50%;transform: translateY(-50%);right: -5.5%;background: url(../images/arrow1.svg) no-repeat center center/100%;cursor: pointer;transition: .3s;}
.product-page.detail .prev{right: auto;left: -5.5%;transform: translateY(-50%) rotate(180deg);}
.product-page.detail .swiper-button-disabled{opacity: .5;cursor: auto;}

@media (max-width:1024px){
    .product-page .btn{justify-content: center;}
    .product-page .more{padding-right: 0;border-radius: .6rem;margin-right: .2rem;}
    .product-page .more>p{background: none;line-height: .76rem;padding: 0 .5rem;font-size: .26rem;}
    .product-page .more.plain{padding-right: 0;}
    .product-page .more.plain>p{padding: 0 .5rem;background: none}
    .product-page .btn.sm .more{border-radius: .6rem;padding-right: 0;}
    .product-page .btn.sm .more>p{background: none;line-height: .76rem;padding: 0 .5rem;}

    .product-page.list{padding: 1rem 0 0;}
    .product-page.list h2{font-size: .45rem}
    .product-page.list .head{height: auto}
    .product-page.list .head .pc{display: none;}
    .product-page.list .head .m{display: block;padding-bottom: 126.95%;}
    .product-page.list .head .info{left:0;max-width: 100%;padding: .8rem .4rem;justify-content: flex-start;align-items: center;text-align: center;}
    .product-page.list .head .new{justify-content: center;margin-bottom: .2rem;}
    .product-page.list .head .new>p{line-height: .4rem;border-radius: .6rem;font-size: .24rem;width: 1rem;margin-right: .2rem;}
    .product-page.list .head .info h3{font-size: .4rem;line-height: .6rem;}
    .product-page.list .head .info>p{font-size: .28rem;line-height: .48rem;margin: .1rem 0 .4rem;}

    .product-page.list ul{display: block;}
    .product-page.list li{width: 100%;margin: 0 0 .6rem;padding: .8rem .4rem;text-align: center;}
    .product-page.list li .img-div{height: 4rem;}
    .product-page.list li>a:nth-of-type(2)>h3{font-size: .36rem;}
    .product-page.list li>p{font-size: .28rem;line-height: .48rem}
    .product-page.list li>p:nth-of-type(1){height: auto;}
    .product-page.list li>p:nth-of-type(2){height: auto;margin: .1rem 0 .4rem;}

    .product-page.detail{padding-bottom: 1rem;}
    .product-page.detail .box1 .pc{display: none;}
    .product-page.detail .box1 .m{display: block;}
    .product-page.detail .box1 .img{padding-bottom: 120%;}
    .product-page.detail .box1 .swiper-slide .width{top: 20%;}
    .product-page.detail .box1 .swiper-slide .width>p{font-size: .28rem;line-height: .48rem;}
    .product-page.detail .box1 .swiper-pagination{bottom: .3rem;text-align: center}
    .product-page.detail .box1 .swiper-pagination-bullet{width: .6rem;height: .04rem;}
    .product-page.detail .box1 .swiper-pagination-bullet-active{height: .08rem;}

    .product-page.detail .box2{padding: .8rem 0;}
    .product-page.detail .box2 .width{max-width: 100%}
    .product-page.detail .box2 .width>p:nth-of-type(1){font-size: .4rem}
    .product-page.detail .box2 .width>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}

    .product-page.detail .box3{display: block}
    .product-page.detail .box3 .item{width: 100%;margin-bottom: .6rem;height: auto;padding: .8rem .4rem;display: block;}
    .product-page.detail .box3 .item.sm{width: 100%;}
    .product-page.detail .box3 .item:nth-child(2n+1){margin-right: 0;}
    .product-page.detail .box3 .item:last-child{margin-bottom: 0;}
    .product-page.detail .box3 .img{display: none;}
    .product-page.detail .box3 .item>.img-div{display: flex;height: 5rem;}
    .product-page.detail .box3 .info{position: static;text-align: center;}
    .product-page.detail .box3 .item.left .info{padding: .4rem 0 0;width:100%;height: auto;display: block}
    .product-page.detail .box3 .item.top .info{padding: .4rem 0 0;}
    .product-page.detail .box3 .item.bottom .info{padding: .4rem 0 0}
    .product-page.detail .box3 .info>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;}
    .product-page.detail .box3 .info>p:nth-of-type(2){font-size: .32rem;line-height: .52rem}
    .product-page.detail .box3 .info>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;margin-top: .2rem;max-height: 10000rem;padding-right: 0;}
    .product-page.detail .box3 .item.txt{display: block;padding: .6rem .4rem;}
    .product-page.detail .box3 .item>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;}
    .product-page.detail .box3 .item>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;padding-right: 0;}
    .product-page.detail .box3 ul{justify-content: center;}
    .product-page.detail .box3 li{width: calc(100% / 3 - .14rem);margin-right: .21rem;}
    .product-page.detail .box3 li:last-child{margin-right: 0;}
    .product-page.detail .box3 li .img-div{width: .72rem;height: .71rem}
    .product-page.detail .box3 li>p:nth-of-type(1){font-size: .28rem;line-height: .44rem;}
    .product-page.detail .box3 li>p:nth-of-type(2){font-size: .24rem;line-height: .4rem;}

    .product-page.detail .box4{padding-top: 1rem;}
    .product-page.detail .box4>p{font-size: .4rem;margin-bottom: .5rem;text-align: center;}
    .product-page.detail .box4 ul{display: block}
    .product-page.detail .box4 li{width: 100%;margin: 0 0 .6rem;background: #f5f5f5;border-radius: .1rem;padding: .8rem .4rem;transition: .3s;text-align: center;}
    .product-page.detail .box4 li:last-child{margin-bottom: 0;}
    .product-page.detail .box4 li .img-div{height: 4rem;}
    .product-page.detail .box4 li>a:nth-of-type(2)>h3{font-size: .36rem;}
    .product-page.detail .box4 li>p{font-size: .28rem;line-height: .48rem}
    .product-page.detail .box4 li>p:nth-of-type(1){height: auto;}
    .product-page.detail .box4 li>p:nth-of-type(2){height: auto;margin: .1rem 0 .3rem;}

    .product-page.detail .box5{padding-top: 1rem;}
    .product-page.detail .box5>p{font-size: .4rem;margin-bottom: .5rem;text-align: center;}
    .product-page.detail .box5 .swiper-container{padding-right: 1px;}
    .product-page.detail .box5 .swiper-pagination{margin-top: .4rem;position: static;}
    .product-page.detail .box5 .swiper-pagination-bullet{margin: 0 .06rem;}
    .product-page.detail .box5 .swiper-pagination-bullet-active{background: #ff5f1f;}
    .product-page.detail .arrow{display: none;}
}

@media (any-hover:hover){
    .product-page .more:hover>p{color: #000;background-image: url(../images/arrow1.svg);}
    .product-page .more.plain:hover{background: #ff5f1f;}

    .product-page.list h2:hover>a{color:#ff5f1f}
    .product-page.list .head:hover .img{transform: scale(1.1);}
    .product-page.list .head .info h3:hover{color:#ff5f1f}

    .product-page.list li:hover{box-shadow: 0 0 .05rem rgba(0,0,0,.1);}
    .product-page.list li:hover .img-div>img{transform: scale(1.1);}
    .product-page.list li>a:nth-of-type(2)>h3:hover{color:#ff5f1f}

    .product-page.detail .box3 .item:hover .img{transform: scale(1.1);}

    .product-page.detail .box4 li:hover{box-shadow: 0 0 .05rem rgba(0,0,0,.1);}
    .product-page.detail .box4 li:hover .img-div>img{transform: scale(1.1);}
    .product-page.detail .box4 li>a:nth-of-type(2)>h3:hover{color:#ff5f1f}
}

/* 防伪 */
.fw-page{max-width: 9.6rem;color:#fff;padding: .8rem 0 1.2rem;}
.fw-page .info{text-align: center;max-width: 6.2rem;margin: 0 auto;}
.fw-page .info .img-div{margin: 0 auto;width: .51rem;height: .51rem;}
.fw-page .info>p:nth-of-type(1){font-size: .48rem;margin: .2rem 0}
.fw-page .info>p:nth-of-type(2){font-size: .16rem;line-height: .32rem;}
.fw-page .info>p:nth-of-type(3){font-size: .3rem;margin: .4rem 0 .3rem;}
.fw-page ul{display: flex;margin-bottom: .6rem;}
.fw-page li{width: calc(100% / 3 - .2rem);margin-right: .3rem;background: rgba(10,10,10,.1);border: 1px solid #444;border-radius: .2rem;position: relative;padding: 1.05rem .5rem .85rem .4rem;backdrop-filter:blur(.1rem);transition: .3s;}
.fw-page li:last-child{margin-right: 0;}
.fw-page li>span{position: absolute;top: .2rem;left: 0;background: #ff5f1f;font-size: .16rem;border-radius: 0 .1rem .1rem 0;width: 1.2rem;line-height: .4rem;text-align: center;}
.fw-page li>p:nth-of-type(1){font-size: .22rem;margin-bottom: .1rem;}
.fw-page li>p:nth-of-type(2){line-height: .24rem;opacity: .5;}
.fw-page .con{background: rgba(10,10,10,.1);border-radius: .2rem;padding: .55rem 1rem .9rem;backdrop-filter:blur(.1rem);border: 1px solid #444;}
.fw-page .con>p{text-align:center;font-size: .3rem;}
.fw-page .con>p:nth-of-type(2){margin: .3rem 0 .2rem;color:#ff5f1f}
.fw-page .page{border: 1px solid #c9a96133;border-radius: .05rem;height: 7.5rem;margin: 0 auto;background:#000}

@media (max-width:1024px){
    .fw-page{max-width: 100%;padding: 1rem 0;}
    .fw-page .info{max-width: 100%}
    .fw-page .info .img-div{width: .71rem;height: .71rem;}
    .fw-page .info>p:nth-of-type(1){font-size: .4rem;margin: .3rem 0 .2rem}
    .fw-page .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .fw-page .info>p:nth-of-type(3){font-size: .36rem;margin: .5rem 0;}
    .fw-page ul{display: block;}
    .fw-page li{width: 100%;margin: 0 0 .4rem;padding: 1.3rem .4rem .6rem;}
    .fw-page li>span{top: .3rem;font-size: .26rem;width: 1.8rem;line-height: .6rem}
    .fw-page li>p:nth-of-type(1){font-size: .32rem;margin-bottom: .15rem;}
    .fw-page li>p:nth-of-type(2){line-height: .48rem}
    .fw-page .con{padding: .6rem .4rem}
    .fw-page .con>p{font-size: .4rem;}
    .fw-page .con>p:nth-of-type(2){margin: .3rem 0;}
}

@media (any-hover:hover){
    .fw-page li:hover{transform: translateY(-.05rem);}
}

/* 联系 */
.contact-page{display: flex;justify-content: space-between;padding: .9rem 0 1.2rem;}
.contact-page .con{width: 38%;}
.contact-page .con>p:nth-of-type(1){font-size: .36rem;line-height: .48rem;}
.contact-page .con>p:nth-of-type(2){color:#666;margin: .3rem 0 .55rem;}
.contact-page .con>p:nth-of-type(4){color:#ff5f1f;text-decoration: underline;margin: .15rem 0 .4rem;}
.contact-page .media{display: flex;flex-wrap: wrap;}
.contact-page .media>a{width: .48rem;height: .48rem;border-radius: 50%;border: 1px #eee solid;margin: 0 .1rem .1rem 0;transition: .3s;}
.contact-page .media>a:last-child{margin-right: 0;}
.contact-page .media>a>img{max-width: 40%;max-height: 40%;}
.contact-page>form{width: 52%;border-left: 1px #eee solid;padding-left: 1.2rem;}
.contact-page>form>input{border: 1px solid #e5e5e5;height: .6rem;border-radius: .1rem;width: 100%;margin-bottom: .2rem;padding: 0 .2rem;}
.contact-page>form>input:focus{border-color: #ff5f1f;}
.contact-page>form>textarea{border: 1px solid #e5e5e5;height: 2rem;border-radius: .1rem;width: 100%;margin-bottom: .2rem;padding: .15rem .2rem;}
.contact-page>form>textarea:focus{border-color: #ff5f1f;}
.contact-page .btn{line-height: .6rem;cursor: pointer;transition: .3s;font-size: .16rem;text-align: center;background: #ff5f1f;color:#fff;border-radius: .3rem;}

@media (max-width:1024px){
    .contact-page{display: block;padding: 1rem 0;}
    .contact-page .con{width: 100%;text-align: center;margin-bottom: .6rem;}
    .contact-page .con>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;}
    .contact-page .con>p:nth-of-type(2){margin: .2rem 0 .4rem;line-height: .48rem;}
    .contact-page .con>p:nth-of-type(4){margin: .15rem 0 .6rem;}
    .contact-page .media{justify-content: center;}
    .contact-page .media>a{width: .8rem;height: .8rem;margin: 0 .2rem .2rem 0}
    .contact-page>form{width: 100%;border-top: 1px #eee solid;padding: .6rem 0 0;border-left: 0;}
    .contact-page>form>input{height: .8rem;margin-bottom: .3rem;padding: 0 .3rem;}
    .contact-page>form>textarea{height: 4rem;margin-bottom: .3rem;padding: .25rem .3rem;}
    .contact-page .btn{line-height: .8rem;font-size: .28rem;border-radius: .6rem;}
}

@media (any-hover:hover){
    .contact-page .media>a:hover{border-color:#ff5f1f;background: #ff5f1f;}
    .contact-page .media>a:hover>img{filter: brightness(0%) invert(100%);}
    .contact-page .btn:hover{color:#000}
}

/* 搜索 */
.search-page{padding: .5rem 0 .8rem;}
.search-page li{border-bottom: 1px #eee solid;line-height: .6rem;font-size: .16rem;}

@media (max-width:1024px){
    .search-page li{line-height: .8rem;font-size: .28rem;}
}

@media (any-hover:hover){
    .search-page li:hover>a{color:#ff5f1f}
}

/* 关于 */
.about-page{padding: .9rem 0 1.1rem;}
.about-page .tit>h2{font-size: .48rem;line-height: .58rem;margin-bottom: .2rem;}
.about-page .tit>p{font-size: .16rem;line-height: .3rem;color: #666}

.about-page .box1 .con{display: flex;margin-bottom: .9rem;}
.about-page .box1 .info{width: 42.85%;padding-right: 1rem;}
.about-page .box1 .info>p{font-size: .24rem;line-height: .34rem;margin-bottom: .05rem;}
.about-page .box1 .info .tit>h2{margin-bottom: 0;}
.about-page .box1 .con>.tit{flex:1}
.about-page .box1 li{margin-bottom: 1rem;display: flex;align-items: center;}
.about-page .box1 .img-bg{width: 55.71%;border-radius: .2rem;}
.about-page .box1 .img{padding-bottom: 51.28%;}
.about-page .box1 li .tit{flex:1;padding-left: .8rem;}
.about-page .box1 li .tit>p{max-height: 2.4rem;padding-right: .05rem;}
.about-page .box1 li:nth-child(2n) .img-bg{order:2}
.about-page .box1 li:nth-child(2n) .tit{padding:0 .8rem 0 0}

.about-page .box2{max-width: 6.5rem;margin: 0 auto;text-align: center;}

@media (max-width:1024px){
    .about-page{padding: 1rem 0;}
    .about-page .tit>h2{font-size: .45rem;line-height: .65rem;margin-bottom: .1rem;}
    .about-page .tit>p{font-size: .28rem;line-height: .48rem;}

    .about-page .box1{padding-bottom: .4rem;}
    .about-page .box1 .con{display: block;margin-bottom: .6rem;text-align: center;}
    .about-page .box1 .info{width: 100%;padding-right: 0;}
    .about-page .box1 .info>p{font-size: .32rem;line-height: .52rem;margin-bottom: .1rem;}
    .about-page .box1 .info .tit>h2{margin-bottom: .2rem;}
    .about-page .box1 li{margin-bottom: .6rem;display: block;text-align: center;}
    .about-page .box1 .img-bg{width: 100%;}
    .about-page .box1 li .tit{padding: .4rem 0 0;}
    .about-page .box1 li .tit>p{max-height: 4.8rem}
    .about-page .box1 li:nth-child(2n) .tit{padding: .4rem 0 0;}

    .about-page .box2{max-width: 100%}
}