/*公共*/
.header{position: fixed;top:0;left: 0;width:100%;transition: .5s;z-index: 998;}
.header .width{height:1rem;display: flex;justify-content: space-between;align-items: center;max-width: 17.6rem;}
.header .logo{width:2.16rem;height:.24rem}
.header .con{flex:1;display: flex;justify-content: flex-end;}
.header ul{display: flex}
.header li{padding:0 .35rem}
.header li>a{color:#fff;font-size: .16rem;line-height: 1rem;text-transform: uppercase}
.header li>a.active{color:#f03e17}
.header .child{position: absolute;top: 100%;left: 0;width: 100%;border-top:1px #eee solid;padding:0 .5rem;display: none;line-height: .8rem;text-align: center;background: #fff;}
.header .child>a{font-size: .16rem;margin-right: .5rem;}
.header .child>a:last-child{margin-right: 0;}
.header .search{background: url(../images/search-w.png) no-repeat center center/100%;width:.2rem;height:1rem;cursor: pointer;position: relative;margin: 0 .3rem 0 .2rem;}
.header .search .popup{position: absolute;top:100%;right:0;display: none;}
.header .search .popup>div{width:3rem;display: flex;}
.header .search .popup input{height:.5rem;flex:1;}
.header .search .btn{width:.5rem;height: .5rem;background: #f03e17 url(../images/search-w.png) no-repeat center center/.2rem;}
.header .lang{color:#fff;font-size: .16rem;line-height: 1rem;position: relative;padding-left: .3rem;}
.header .lang::before{content:'';position: absolute;width: 1px;height: .15rem;background: #fff;top: 50%;transform: translateY(-50%);left: 0;}
.header .menu{display: none;}
.header.active{background: #fff;}
.header.active li>a{color:#333}
.header.active li>a.active{color:#f03e17}
.header.active .search{background-image: url(../images/search.png)}
.header.active .lang{color:#333}
.header.active .lang::before{background: #333;}
.header.hide{transform: translateY(-2rem);}
.header-space{height:1rem;display: none;}
.header-mask{position: fixed;bottom:0;left: 0;width: 100%;height: calc(100vh - 1rem);background: rgba(0,0,0,.5);z-index: 997;display: none;}

.nav-m{display:none;position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;overflow-y:auto;z-index:1000;text-transform: uppercase}
.nav-m .info{display:flex;justify-content:space-between;align-items:center;height:1.2rem}
.nav-m .logo{width:3.24rem;height:.36rem}
.nav-m .close{width:.4rem;height:.4rem;background:url(../images/close.svg) no-repeat center center/100%}
.nav-m ul{border-top:1px solid #eee}
.nav-m li{border-bottom:1px solid #eee;padding:.4rem 0;position:relative;font-size:.32rem}
.nav-m li::after{position:absolute;top:50%;right:0;transform:translateY(-50%);content:'';width:.2rem;height:.2rem;background:url(../images/arrow.svg) no-repeat center center/100%;transition:.3s}
.nav-m li.rotate::after{transform:translateY(-50%) rotate(90deg);top:50%}
.nav-m li.block>a{display:block}
.nav-m .child{display:none;margin-left:.3rem;}
.nav-m .child>a{display:block;padding:.36rem 0;border-bottom:1px #eee solid;font-size: .3rem;}
.nav-m .children{margin-left:.4rem;}
.nav-m .children>a{display:block;padding:.32rem 0;border-bottom:1px #eee solid;}

.footer{background: #1a1a1a;color:#fff;padding: .9rem 0 .3rem;}
.footer a{color:#fff}
.footer .width{max-width: 17.6rem;}
.footer1{display: flex;justify-content: space-between;border-bottom: 1px solid rgba(255,255,255,.1);padding-bottom: .25rem;margin-bottom: .3rem;}
.footer .box1{width:28.5%}
.footer .box1 .img-div{width:1.99rem;height: .22rem;}
.footer .box1 .input{display: flex;margin: .5rem 0 .3rem;}
.footer .box1 .input>input{flex:1;background: rgba(255,255,255,.1);border: 0;color:#fff}
.footer .box1 .input>input::placeholder{color:rgba(255,255,255,.5)}
.footer .box1 .input>p{width: 1.4rem;line-height: .6rem;background: #f03e17;color:#fff;text-align: center;cursor: pointer;transition: .3s;}
.footer .box1 .hots{display: flex;}
.footer .box1 .hots>p{opacity: .5;width: 1rem;}
.footer .box1 .hot{display: flex;flex-wrap: wrap;flex:1}
.footer .box1 .hot>a{opacity: .5;margin-right: .15rem;margin-bottom: .05rem;}
.footer .box1 .hot>a:last-child{margin-right: 0;}
.footer .box2{width: 27%;display: flex;flex-wrap: wrap;}
.footer .box2 li{width: 50%;margin-bottom: .3rem;}
.footer .box2 li:first-child{padding-right: .5rem;}
.footer .box2 li:last-child{width: 100%;margin-bottom: 0;}
.footer .box2 li>p:nth-of-type(1){opacity: .3;font-size: .12rem;}
.footer .box2 li>p:nth-of-type(2){font-size: .18rem;line-height: .28rem;margin-top: .25rem;}
.footer .box2 li>p:nth-of-type(2).address{font-size: .14rem;line-height: .24rem;margin-top: .2rem;}
.footer .box3{width: 25%;display: flex;flex-direction: column;align-items: flex-end;}
.footer .box3 .qr{display: flex;align-items: center;margin-bottom: .6rem;}
.footer .box3 .qr>p{text-align: right;opacity: .5;padding-right: .3rem;flex: 1;}
.footer .box3 .qr .img-div{width: 1.2rem;height: 1.2rem;}
.footer .box3 .media{display: flex;flex-wrap: wrap}
.footer .box3 .media .img-div{width: .82rem;height: .46rem;margin-right: .4rem;margin-bottom: .2rem}
.footer .box3 .media .img-div:last-child{margin-right: 0;}
.footer2{text-align: center;opacity: .5;}

.inner-banner{position: relative;}
.inner-banner .img{height: 6.4rem;}
.inner-banner .m{display: none;}
.inner-banner .width{position: absolute;top: 50%;;left: 50%;transform: translate(-50%,-50%);}
.inner-banner .info{width: 60%;color:#fff}
.inner-banner .info>p:nth-of-type(1){font-size: .22rem;line-height: .32rem;margin-bottom: .1rem;}
.inner-banner .info>p:nth-of-type(2){font-size: .6rem;line-height: .7rem;}

.crumb{display: flex;font-size: .12rem;align-items:center;padding-top: .3rem;}
.crumb>a:first-child{background: url(../images/3.png) no-repeat left center/.17rem;padding-left:.25rem}
.crumb>em{font-style:normal;margin:0 .05rem;font-size:.14rem;}
.crumb>span{color:#999}

@media (max-width:750px){
    .header .width{height:1.2rem}
    .header .logo{width:3.24rem;height:.36rem}
    .header ul{display: none}
    .header .search{width:.4rem;height:1.2rem;margin: 0 .2rem 0 0;}
    .header .search .popup{position: fixed;top: 1.2rem;left: 0;right: auto;width: 100%;}
    .header .search .popup>div{width:100%}
    .header .search .popup input{height:.9rem;width: calc(100% - .9rem)}
    .header .search .btn{width:.9rem;height: .9rem;background-size:.3rem;}
    .header .lang{font-size: .3rem;line-height: 1.2rem;padding-left: .2rem;}
    .header .lang::before{height: .3rem}
    .header .menu{background: url(../images/menu-w.svg) no-repeat center center/100%;width:.44rem;height:1.2rem;display: block;margin-right: .2rem;}
    .header.active .menu{background-image: url(../images/menu.svg)}
    .header-space{height:1.2rem}

    .footer{padding: 1rem 0 .4rem;}
    .footer1{display: block;padding-bottom: .2rem;margin-bottom: .4rem;}
    .footer .box1{width:100%}
    .footer .box1 .img-div{width:3.24rem;height:.36rem}
    .footer .box1 .input{margin: .5rem 0 .3rem;}
    .footer .box1 .input>input{background: rgba(255,255,255,.1);border: 0;color:#fff}
    .footer .box1 .input>p{width: 1.5rem;line-height: .9rem}
    .footer .box1 .hots{display: block;}
    .footer .box1 .hots>p{width: 100%;margin-bottom: .05rem;}
    .footer .box1 .hot>a{margin-right: .2rem;margin-bottom: .1rem;}
    .footer .box2{width: 100%;margin:.5rem 0}
    .footer .box2 li{margin-bottom: .2rem;}
    .footer .box2 li:first-child{padding-right: .4rem;}
    .footer .box2 li>p:nth-of-type(1){font-size: .24rem;}
    .footer .box2 li>p:nth-of-type(2){font-size: .32rem;line-height: .52rem;margin-top: .1rem;}
    .footer .box2 li>p:nth-of-type(2).address{font-size: .32rem;line-height: .52rem;margin-top: .1rem;}
    .footer .box3{width: 100%;align-items: center;}
    .footer .box3 .qr{margin-bottom: .4rem;}
    .footer .box3 .qr>p{padding-right: .4rem;}
    .footer .box3 .qr .img-div{width: 2rem;height: 2rem;}
    .footer .box3 .media .img-div{width: 1.5rem;height: .84rem;margin-right: .4rem}
    .footer2{font-size: .24rem;line-height: .4rem;}

    .inner-banner .img{height: auto;padding-bottom: 133.33%;}
    .inner-banner .pc{display: none;}
    .inner-banner .m{display: block;}
    .inner-banner .width{top: 30%;}
    .inner-banner .info{width: 100%}
    .inner-banner .info>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;margin-bottom: .05rem;}
    .inner-banner .info>p:nth-of-type(2){font-size: .5rem}

    .crumb{white-space: nowrap;overflow-x: auto;font-size: .26rem;padding-top: .4rem;}
    .crumb>a:first-child{background-size:.3rem;padding-left:.5rem}
    .crumb>em{margin:0 .1rem;font-size:.26rem;}
}

@media (any-hover:hover){
    .header li:hover>a{color:#f03e17}
    .header .lang:hover{color:#f03e17}
    .header .child>a:hover{color:#f03e17}

    .footer .box1 .input>p:hover{opacity: .8;}
    .footer .box1 .hot>a:hover{color:#f03e17;opacity: 1;}

    .crumb>a:hover{color:#f03e17}
}

/* 首页 */
.index-page .width{max-width: 17.6rem;}
.index-page .tit{font-size: .6rem;line-height: .7rem;}
.index-page .tit.white{color:#fff}
.index-page .more{position: relative; display: inline;color: #fff;font-size: 18px;margin:0 auto;text-transform:uppercase}
.index-page .more>span:nth-of-type(1){padding: 5px 30px;}
.index-page .more>span:nth-of-type(2){width: 100%;height: 60px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);background: #f03e17;color: #fff;clip-path: polygon(0 0,60px 0,60px 100%,0 100%);transition: height .5s cubic-bezier(.5,.05,.15,1),clip-path .5s cubic-bezier(.5,.05,.15,1)}
.index-page .more>span:nth-of-type(2)::after{content: attr(data-title);padding: 5px 30px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.index-page .more.black{color:#000}

.index-page .box1 .img{height: 9.6rem;}
.index-page .box1 .m{display: none;}
.index-page .box1 .width{position: absolute;top: 42%;left: 50%;transform: translate(-50%,-50%);max-width: 14rem;}
.index-page .box1 .width>p{font-size: .22rem;line-height: .32rem;color:#fff}
.index-page .box1 .tit{margin: .1rem 0 .6rem;}
.index-page .box1 .arrow{z-index: 2;position: absolute;top: 45%;right: 4%;transform: translateY(-50%);width: .5rem;height: .5rem;background: #fff url(../images/arrow.svg) no-repeat center center/.12rem;cursor: pointer;transition: .3s;}
.index-page .box1 .prev{transform: translateY(-50%) rotate(180deg);right:auto;left:4%}
.index-page .box1 .swiper-pagination-bullet{width: .1rem;height: .1rem;border-radius: 0;background: #fff;opacity: .5;}
.index-page .box1 .swiper-pagination-bullet-active{opacity: 1;}

.index-page .box2{padding:1.2rem 0}
.index-page .box2 .con{display: flex;justify-content: space-between;align-items: flex-end;position: relative;margin-bottom: .9rem;}
.index-page .box2 .info{position: absolute;right:0;top:.1rem;width: 43.46%;}
.index-page .box2 .info .tit{margin-bottom: .65rem;}
.index-page .box2 .head{width: 48.86%;position: relative}
.index-page .box2 .head .img-bg{height: 6.4rem;position: relative;}
.index-page .box2 .head .note{position: absolute;width: 3.6rem;height: .5rem;left:0;bottom: 0;display: flex;border: 1px #000 solid;}
.index-page .box2 .head .note>p:nth-of-type(1){width: calc(100% - 1.3rem);font-size: .12rem;padding: .25rem .1rem 0;position: relative;}
.index-page .box2 .head .note>p:nth-of-type(1)::before{content:'';width: .05rem;height: .05rem;background: #000;position: absolute;top: .1rem;left: .1rem;}
.index-page .box2 .head .note>p:nth-of-type(2){width: 1.3rem;text-align: center;color:#fff;background: #000;line-height: .5rem;transition: .3s;}
.index-page .box2 .head>p{font-size: .24rem;width: 3.6rem;border: 1px #000 solid;border-top: 0;line-height: .5rem;padding:0 .5rem 0 .1rem;background: url(../images/arrow1.png) no-repeat calc(100% - .2rem) center/.16rem;}
.index-page .box2 ul{display: flex;}
.index-page .box2 li{width: calc(25% - .3rem);position: relative;margin-right: .4rem;}
.index-page .box2 li:last-child{margin-right: 0;}
.index-page .box2 .img-div{height: 3.1rem;background: #f5f5f5;margin-bottom: .1rem;}
.index-page .box2 .img-div>img{max-width: 80%;max-height: 80%;}
.index-page .box2 li>p{font-size: .24rem;}
.index-page .box2 .con ul{width: 48.86%;}
.index-page .box2 .con li{width: calc(50% - .2rem);}

.index-page .box3{position: relative;color:#fff}
.index-page .box3 .big .img{height:9.6rem}
.index-page .box3 .big .m{display: none;}
.index-page .box3 .big .width{position: absolute;top: 20%;left: 50%;transform: translateX(-50%);}
.index-page .box3 .big .info{width: 50%;}
.index-page .box3 .big .info>p:nth-of-type(1){line-height: .2rem;background: #f03e17;border-radius: .1rem;padding: 0 .15rem;display: inline-block;}
.index-page .box3 .big .tit{margin:.1rem 0 .9rem}
.index-page .box3 .thumb{position: absolute;bottom: .8rem;left: 50%;transform: translateX(-50%);z-index: 2;}
.index-page .box3 .thumb .swiper-container{margin: 0;}
.index-page .box3 .thumb .swiper-slide{width:1.7rem;cursor: pointer;padding-bottom: .1rem}
.index-page .box3 .thumb .swiper-slide::after{content:'';position: absolute;bottom:0;left:0;width: 0;height: 2px;background: #fff;transition: 1s;}
.index-page .box3 .thumb .swiper-slide.active::after{width: 100%}
.index-page .box3 .thumb .img{height: 1.2rem;margin-bottom: .1rem;}
.index-page .box3 .thumb .swiper-slide>p{font-size: .16rem;}

.index-page .box4{padding:1.1rem 0 1.2rem}
.index-page .box4 .tit-box{display: flex;align-items: center;margin-bottom: .5rem;}
.index-page .box4 .tit{flex:1;padding-right: .5rem;}
.index-page .box4 .swiper-container{padding:0 4.16%;}
.index-page .box4 .swiper-slide{background: #f5f5f5;width: 5rem;height: auto;padding: .4rem;}
.index-page .box4 .swiper-slide>p:nth-of-type(1){line-height: .25rem;background: #000;border-radius: .15rem;padding: 0 .2rem;display: inline-block;color:#fff}
.index-page .box4 .swiper-slide>p:nth-of-type(2){font-size: .24rem}
.index-page .box4 .img-div{height: 3.4rem;margin: .4rem 0 .5rem;}
.index-page .box4 .swiper-scrollbar{opacity:1 !important;height:.03rem;background:#f5f5f5;left:0;cursor: pointer;margin-top: .5rem;border-radius: 0;}
.index-page .box4 .swiper-scrollbar-drag{background:#000;height:.05rem;top:-.01rem;border-radius: 0;}

.index-page .box5{position: relative;min-height: 7.6rem;margin-bottom: 1.2rem;}
.index-page .box5 .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index-page .box5 .m{display: none;}
.index-page .box5 .con{position: relative;z-index: 2;display: flex;flex-direction: column;justify-content: space-between;min-height: 7.6rem;}
.index-page .box5 .tit-box{padding: 1.1rem 1.2rem;}
.index-page .box5 .tit{margin-bottom: .8rem;}
.index-page .box5 .info{display: flex;justify-content: flex-end;}
.index-page .box5 ul{background: #fff;display: flex;flex-wrap: wrap;width: 72%;}
.index-page .box5 li{width: calc(100% / 3);padding:.5rem .5rem .45rem;border-right: 1px #eee solid;}
.index-page .box5 li:nth-child(3n){border-right: 0;}
.index-page .box5 li:last-child{border-right: 0;}
.index-page .box5 .img-div{width: .53rem;height: .43rem;}
.index-page .box5 li>p{transition: .3s;}
.index-page .box5 li>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;margin: .9rem 0 .1rem;}
.index-page .box5 li>p:nth-of-type(2){line-height: .24rem;color:#666}

@media (max-width:750px){
    .index-page .tit{font-size: .5rem}
    .index-page .more{ font-size: 14px; min-height: 50px;display: inline-flex; align-items: center; } 
    .index-page .more>span:nth-of-type(1){padding:5px 20px}
    .index-page .more>span:nth-of-type(2){height: 50px; clip-path:polygon(0 0,43px 0,43px 100%,0 100%)}
    .index-page .more>span:nth-of-type(2)::after{padding:5px 20px;}
    .index-page .more.active>span:nth-of-type(2){clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}

    .index-page .box1 .img{height: 100vh;}
    .index-page .box1 .pc{display: none;}
    .index-page .box1 .m{display: block;}
    .index-page .box1 .width{top: 30%;}
    .index-page .box1 .tit{margin: .1rem 0 .4rem;}
    .index-page .box1 .width>p{font-size: .32rem;line-height: .52rem}
    .index-page .box1 .arrow{display: none;}
    .index-page .box1 .swiper-pagination-bullet{width: .18rem;height: .18rem}

    .index-page .box2{padding:1rem 0 .6rem}
    .index-page .box2 .con{display: block;margin-bottom: 0;}
    .index-page .box2 .info{position: static;width: 100%;margin-bottom: .6rem;}
    .index-page .box2 .info .tit{margin-bottom: .4rem;}
    .index-page .box2 .head{width: 100%;margin-bottom: .6rem;}
    .index-page .box2 .head .img-bg{height: auto;}
    .index-page .box2 .head .img{padding-bottom: 74.41%;}
    .index-page .box2 .head .note{width: 80%;height: .8rem}
    .index-page .box2 .head .note>p:nth-of-type(1){width: calc(100% - 2.2rem);font-size: .24rem;padding: .35rem .2rem 0}
    .index-page .box2 .head .note>p:nth-of-type(1)::before{width: .08rem;height: .08rem;top: .15rem;left: .2rem;}
    .index-page .box2 .head .note>p:nth-of-type(2){width: 2.2rem;line-height: .8rem}
    .index-page .box2 .head>p{font-size: .32rem;width: 80%;line-height: .8rem;padding:0 .8rem 0 .2rem;background-position:calc(100% - .3rem) center;background-size:.25rem;}
    .index-page .box2 ul{flex-wrap: wrap;}
    .index-page .box2 li{width: calc(50% - .1rem);margin-right: .2rem;margin-bottom: .4rem;}
    .index-page .box2 li:nth-child(2n){margin-right: 0;}
    .index-page .box2 .img-div{margin-bottom: .2rem;}
    .index-page .box2 .img-div>img{max-width: 70%;max-height: 70%;}
    .index-page .box2 li>p{font-size: .32rem;text-align: center;}
    .index-page .box2 .con ul{width: 100%;}
    .index-page .box2 .con li{width: calc(50% - .1rem);}

    .index-page .box3 .big .img{height:100vh}
    .index-page .box3 .big .pc{display: none;}
    .index-page .box3 .big .m{display: block;}
    .index-page .box3 .big .info{width: 100%;}
    .index-page .box3 .big .info>p:nth-of-type(1){line-height: .4rem;border-radius: .6rem;padding: 0 .3rem;font-size: .24rem;}
    .index-page .box3 .big .tit{margin:.2rem 0 .5rem}
    .index-page .box3 .thumb{bottom: .6rem;}
    .index-page .box3 .thumb .swiper-slide{padding-bottom: .2rem}
    .index-page .box3 .thumb .img{margin-bottom: .2rem;}
    .index-page .box3 .thumb .swiper-slide>p{font-size: .24rem;}

    .index-page .box4{padding:1rem 0}
    .index-page .box4 .tit-box{display: block;margin-bottom: .5rem;}
    .index-page .box4 .tit{padding: 0 0 .4rem;}
    .index-page .box4 .swiper-container{padding:0 .4rem;}
    .index-page .box4 .swiper-slide{width: 85%;padding: .5rem .4rem;}
    .index-page .box4 .swiper-slide>p:nth-of-type(1){line-height: .4rem;border-radius: .6rem;padding: 0 .3rem;font-size: .24rem;}
    .index-page .box4 .swiper-slide>p:nth-of-type(2){font-size: .32rem;margin-bottom: .1rem;}
    .index-page .box4 .swiper-slide>p:nth-of-type(3){font-size: .28rem}
    .index-page .box4 .img-div{margin: .6rem 0 .5rem;}

    .index-page .box5{min-height: 0;margin-bottom: 1rem;}
    .index-page .box5 .pc{display: none;}
    .index-page .box5 .m{display: block;}
    .index-page .box5 .con{min-height: 0;}
    .index-page .box5 .tit-box{padding: 1rem .4rem;}
    .index-page .box5 .tit{margin-bottom: .4rem;}
    .index-page .box5 ul{display: block;width: 85%;}
    .index-page .box5 li{width: 100%;padding:.5rem .4rem .4rem;border-bottom: 1px #eee solid;border-right: 0;}
    .index-page .box5 li:last-child{border-bottom: 0;}
    .index-page .box5 .img-div{width: .7rem;height: .6rem;}
    .index-page .box5 li>p:nth-of-type(1){font-size: .32rem;line-height: .48rem;margin: .3rem 0 .1rem;}
    .index-page .box5 li>p:nth-of-type(2){line-height: .4rem;font-size: .24rem;}
}

@media (any-hover:hover){
    .index-page .more:hover>span:nth-of-type(2){clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}

    .index-page .box1 .arrow:hover{background-color: #f03e17;background-image:url(../images/arrow-w.svg)}
    
    .index-page .box2 .head:hover .img{transform: scale(1.1);}
    .index-page .box2 .head:hover .note{border-color:#f03e17}
    .index-page .box2 .head:hover .note>p:nth-of-type(1){color: #f03e17;}
    .index-page .box2 .head:hover .note>p:nth-of-type(1)::before{background: #f03e17;}
    .index-page .box2 .head:hover .note>p:nth-of-type(2){background: #f03e17}
    .index-page .box2 .head:hover>p{color:#f03e17;border-color: #f03e17;background-image: url(../images/arrow1-m.png);}
    .index-page .box2 li:hover .img-div>img{transform: scale(1.1);}
    .index-page .box2 li:hover>p{color:#f03e17}

    .index-page .box4 .swiper-slide:hover>p:nth-of-type(1){background: #f03e17;}
    .index-page .box4 .swiper-slide:hover>p:nth-of-type(2){color:#f03e17}
    .index-page .box4 .swiper-slide:hover .img-div>img{transform: scale(1.1);}

    .index-page .box5 li:hover>p{transform: translateY(-.1rem);}
}

/* 关于 */
.about-page{padding:1.2rem 0 1.1rem}
.about-page .con{display: flex;justify-content: space-between;min-height: 6.4rem;position: relative;margin-bottom: .8rem;}
.about-page .con::after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 6.4rem;background: url(../images/1.png) no-repeat 48% bottom/4.11rem;}
.about-page .info{width: 44.8%;display: flex;flex-direction: column;justify-content: center;}
.about-page .info>p:nth-of-type(1){font-size: .48rem;line-height: .58rem;position: relative;margin-bottom: .6rem;}
.about-page .info>p:nth-of-type(1)::after{content:'';position: absolute;bottom: -.15rem;left: 0;background: #f03e17;width: .2rem;height: .06rem;}
.about-page .info>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;color:#333;}
.about-page .img-bg{width: 45.71%;height: 6.4rem;position: relative;z-index: 2;}
.about-page ul{display: flex;justify-content: space-between;}
.about-page li{display: flex;position: relative;}
.about-page li>span{background: #eee;width: 1px;height: .7rem;position: absolute;top: .18rem;}
.about-page .img-div{width:.83rem;height: .61rem;margin: .2rem .2rem 0 0;}
.about-page .txt>p:nth-of-type(1){font-size: .48rem;color:#f03e17;display: flex;align-items: center;}
.about-page .txt>p:nth-of-type(1)>span{display: inline-block;}
.about-page .txt>p:nth-of-type(2){font-size: .16rem;line-height: .24rem;}

@media (max-width:750px){
    .about-page{padding:1rem 0 .5rem}
    .about-page .con{display: block;min-height: 0;margin-bottom: .6rem;}
    .about-page .con::after{display: none;}
    .about-page .info{width: 100%;display: block;margin-bottom: .4rem;}
    .about-page .info>p:nth-of-type(1){font-size: .5rem;line-height: .7rem;margin-bottom: .5rem;}
    .about-page .info>p:nth-of-type(1)::after{width: .3rem}
    .about-page .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}
    .about-page .img-bg{width: 100%;height: auto}
    .about-page .img{padding-bottom: 100%;}
    .about-page ul{flex-wrap: wrap;justify-content: flex-start;}
    .about-page li{display: block;width: calc(50% - .1rem);margin-bottom: .5rem;}
    .about-page li:nth-child(2n+1){margin-right: .2rem;}
    .about-page li>span{width: 1px;height: 50%;top: 50%;transform:translateY(-50%);right: 0;}
    .about-page li:nth-child(2n)>span{display: none;}
    .about-page .img-div{width:.93rem;height: .71rem;margin: 0 auto;}
    .about-page .txt>p:nth-of-type(1){font-size: .5rem;justify-content: center;margin: .15rem 0 .05rem}
    .about-page .txt>p:nth-of-type(1)>span:nth-of-type(1){width: auto !important;margin-right: .1rem;}
    .about-page .txt>p:nth-of-type(2){font-size: .28rem;line-height: .44rem;text-align: center;}
}

/* 产品 */
.goods-page .none{margin-bottom: .5rem;}

.goods-page.list .box1{padding: .5rem 0;}
.goods-page.list .box1 .cate{display: flex;justify-content: center;margin-bottom: .5rem;}
.goods-page.list .box1 .cate>a{line-height: .3rem;font-size: .16rem;color:#666;padding: 0 .3rem}
.goods-page.list .box1 .cate>a:last-child{margin-right: 0;}
.goods-page.list .box1 .cate>a.active{background: #f03e17;color: #fff;}
.goods-page.list .box1 ul{display: flex;flex-wrap: wrap;}
.goods-page.list .box1 li{width: calc(100% / 3 - .26rem);margin-right:.39rem;margin-bottom: .5rem;position: relative;}
.goods-page.list .box1 li:nth-child(3n){margin-right: 0;}
.goods-page.list .box1 .img-div{height: 3.3rem;background: url(../images/2.jpg) no-repeat center center/cover;margin-bottom: .15rem;}
.goods-page.list .box1 .img-div>img{max-width: 80%;max-height: 80%;}
.goods-page.list .box1 li>p{font-size: .2rem}
.goods-page.list .box1 .page{padding: .1rem 0 .5rem;}

.goods-page.list .box2 .con{padding: .7rem 0 .75rem;display: flex;align-items: flex-start;justify-content: space-between;}
.goods-page.list .box2 .cate{width: 16%;position: sticky;top: 1rem;left: 0;}
.goods-page.list .box2 .cate>p{font-size: .16rem;line-height: .24rem;color:#666;display: block;margin-bottom: .2rem;cursor: pointer;}
.goods-page.list .box2 .cate>p.active{color:#ff4e00}
.goods-page.list .box2 .info{width: 82.85%;}
.goods-page.list .box2 ul{display: flex;flex-wrap: wrap;}
.goods-page.list .box2 li{position: relative;background: #f5f5f5;width: calc(100% / 3 - .16rem);margin-right: .24rem;margin-bottom: .25rem;padding:.6rem .4rem .4rem}
.goods-page.list .box2 li:nth-child(3n){margin-right: 0;}
.goods-page.list .box2 .img-div{height:2.3rem;margin-bottom: .3rem;}
.goods-page.list .box2 li>p{font-size: .2rem;line-height: .26rem;}
.goods-page.list .box2 .load{display: flex;justify-content: center;margin-top: .2rem;}
.goods-page.list .box2 .load>p{color: #666;font-size: .16rem;cursor: pointer;}
.goods-page.list .box2 .load.loading>p{background: url(../images/load.gif) no-repeat left center/.25rem;padding-left: .35rem;}

.goods-page.detail{padding-bottom: 1rem;}
.goods-page.detail .tit{font-size: .5rem;position: relative;}
.goods-page.detail .tit::after{content:'';position: absolute;bottom: -.15rem;left: 0;background: #f03e17;width: .2rem;height: .06rem;}
.goods-page.detail .box1{display: flex;justify-content: space-between;padding: .6rem 0 .8rem;}
.goods-page.detail .box1 .pic{width: 43.21%;position: relative;}
.goods-page.detail .box1 .big{margin-bottom: .2rem;}
.goods-page.detail .box1 .big .img-div{height:5.2rem;}
.goods-page.detail .box1 .big .img-div>img{max-width: 80%;max-height: 80%;}
.goods-page.detail .box1 .thumb{padding-right: 1px;}
.goods-page.detail .box1 .thumb .img-div{height:.9rem;border: 2px #e5e5e5 solid;cursor: pointer;}
.goods-page.detail .box1 .thumb .swiper-slide.active .img-div{border-color:#f03e17}
.goods-page.detail .box1 .thumb .img-div>img{max-width: 80%;max-height: 80%;}
.goods-page.detail .box1 .new{width: .33rem;height: .34rem;background: url(../images/4.png) no-repeat center center/100%;position: absolute;top: 0;left: 0;}
.goods-page.detail .box1 .page{line-height: .2rem;background: rgba(0,0,0,.3);color:#fff;position: absolute;top:0;right:0;padding:0 .1rem;letter-spacing: 1px;z-index: 2;}
.goods-page.detail .box1 .arrow{width: .5rem;height: .5rem;border-radius: 50%;position: absolute;top: 2.2rem;right: 0;background: rgba(0,0,0,.5) url(../images/arrow-w.svg) no-repeat center center/.1rem;cursor: pointer;transition: .3s;z-index: 2;}
.goods-page.detail .box1 .prev{transform:rotate(180deg);left: 0;right:auto}
.goods-page.detail .box1 .con{width: 48.57%;}
.goods-page.detail .box1 .con>p{font-size: .36rem;line-height: .46rem;border-bottom: 1px #eee solid;padding-bottom:.25rem;}
.goods-page.detail .box1 .con>a{width: 2.3rem;line-height: .58rem;border: 1px #000 solid;font-size: .16rem;padding-left: .25rem;margin-top: .45rem;background: url(../images/5.png) no-repeat 85% 45%/.21rem;transition: .3s;}
.goods-page.detail .box1 .stit{font-size: .16rem;}
.goods-page.detail .box1 .color{margin-top: .25rem;}
.goods-page.detail .box1 .color ul{display: flex;flex-wrap: wrap;margin-top: .2rem;}
.goods-page.detail .box1 .color li{width: .3rem;height: .3rem;border-radius: 50%;margin: 0 .2rem .1rem 0;position: relative;cursor: pointer;}
.goods-page.detail .box1 .color li.disabled{cursor:auto}
.goods-page.detail .box1 .color li:last-child{margin-right: 0;}
.goods-page.detail .box1 .color li::after{position: absolute;content:'';width: 100%;height: 100%;border: 1px #ccc solid;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1.2);border-radius: 50%;}
.goods-page.detail .box1 .color li.active::after{border-color:#ff4e00}
.goods-page.detail .box1 .highlight{margin-top: .25rem;}
.goods-page.detail .box1 .highlight>div{margin-top: .15rem;}
.goods-page.detail .box1 .highlight>div>p{line-height: .24rem;color:#666;padding-left: .15rem;position: relative;margin-bottom: .1rem;}
.goods-page.detail .box1 .highlight>div>p:last-child{margin-bottom: 0;}
.goods-page.detail .box1 .highlight>div>p::before{content:'';position: absolute;top: .09rem;left: 0;width: .05rem;height: .05rem;background: #000;}
.goods-page.detail .box1 .highlight>div>p>b{color:#333}
.goods-page.detail .box1 .award{margin-top: .3rem;display: flex;align-items: center;}
.goods-page.detail .box1 .award>img{max-width: calc(50% - .2rem);margin-right: .4rem;}
.goods-page.detail .box1 .award>img:last-child{margin-right: 0;}

.goods-page.detail .box2 .img-bg{height: 8rem;}
.goods-page.detail .box2 .width{display: flex;justify-content: space-between;padding-top:1rem}
.goods-page.detail .box2 .info{width: 33.2%;display: flex;flex-direction: column;justify-content: center;padding-bottom: .3rem;}
.goods-page.detail .box2 .info>p{font-size: .18rem;line-height: .3rem;color:#333;margin-top: .4rem;}
.goods-page.detail .box2 .imgs{width: 60%;}
.goods-page.detail .box2 .img-div{background: #f5f5f5;height: 3.6rem;}
.goods-page.detail .box2 .img-div>img{max-width: 80%;max-height: 80%;}
.goods-page.detail .box2 .swiper-pagination{position: static;margin-top: .1rem;}
.goods-page.detail .box2 .swiper-pagination-bullet{margin:0 .05rem}
.goods-page.detail .box2 .swiper-pagination-bullet-active{background: #ff4e00;}

.goods-page.detail .box3{padding-top: .9rem;}
.goods-page.detail .box3 .tit{text-align: center;margin-bottom: .7rem;}
.goods-page.detail .box3 .tit::after{left: 50%;transform: translateX(-50%);}
.goods-page.detail .box3 .con{position: relative;}
.goods-page.detail .box3 .img-div{height: 3.3rem;background: url(../images/2.jpg) no-repeat center center/cover;margin-bottom: .15rem;}
.goods-page.detail .box3 .img-div>img{max-width: 80%;max-height: 80%;}
.goods-page.detail .box3 .swiper-slide>p{font-size: .2rem}
.goods-page.detail .box3 .arrow{width: .5rem;height: .5rem;position: absolute;top: 1.4rem;right: -.8rem;background: url(../images/arrow.svg) no-repeat center center/.1rem;cursor: pointer;transition: .3s;border: 1px #eee solid;}
.goods-page.detail .box3 .prev{transform:rotate(180deg);left: -.8rem;right:auto}

@media (max-width:750px){
    .goods-page .none{margin-bottom: .5rem;}

    .goods-page.list .box1{padding: .6rem 0 .5rem;}
    .goods-page.list .box1 .cate{flex-wrap: wrap;justify-content: flex-start;margin-bottom: .5rem;}
    .goods-page.list .box1 .cate>a{line-height: .7rem;font-size: .28rem;padding: 0 .2rem;width: calc(100% / 3);text-align: center;margin-bottom: .1rem;}
    .goods-page.list .box1 ul{display: block}
    .goods-page.list .box1 li{width: 100%;margin-right:0;margin-bottom: .5rem}
    .goods-page.list .box1 .img-div{height: 4.5rem;margin-bottom: .3rem;}
    .goods-page.list .box1 li>p{font-size: .32rem;}
    .goods-page.list .box1 .page{padding: 0 0 .5rem;}

    .goods-page.list .box2 .con{padding: .6rem 0 .8rem;display: block}
    .goods-page.list .box2 .cate{width: 100%;position: static;display: flex;flex-wrap: wrap;margin-bottom: .6rem;}
    .goods-page.list .box2 .cate>p{font-size: .26rem;line-height: .46rem;margin-bottom: 0;width: calc(50% - .1rem);}
    .goods-page.list .box2 .cate>p:nth-child(2n+1){margin-right: .2rem;}
    .goods-page.list .box2 .cate>p.active{color:#ff4e00}
    .goods-page.list .box2 .info{width: 100%}
    .goods-page.list .box2 li{width: 100%;margin-right: 0;padding: .8rem .4rem .4rem;}
    .goods-page.list .box2 li>p{font-size: .32rem;line-height: .52rem;}
    .goods-page.list .box2 .load>p{font-size: .28rem}
    .goods-page.list .box2 .load.loading>p{background-size:.5rem;padding-left: .6rem;}

    .goods-page.detail{padding-bottom: 1rem;}
    .goods-page.detail .tit{font-size: .5rem}
    .goods-page.detail .tit::after{width: .4rem}
    .goods-page.detail .box1{display: block;padding: .6rem 0 1rem;}
    .goods-page.detail .box1 .pic{width: 100%}
    .goods-page.detail .box1 .big{margin-bottom: .3rem;}
    .goods-page.detail .box1 .big .img-div{height:6rem;}
    .goods-page.detail .box1 .thumb .img-div{height:1.2rem;border-width: 1px}
    .goods-page.detail .box1 .thumb .img-div>img{max-width: 70%;max-height: 70%;}
    .goods-page.detail .box1 .new{width: .5rem;height: .5rem}
    .goods-page.detail .box1 .page{line-height: .4rem;padding:0 .2rem}
    .goods-page.detail .box1 .arrow{width: .7rem;height: .7rem;top: 2.65rem;background-size:.2rem}
    .goods-page.detail .box1 .con{width: 100%;}
    .goods-page.detail .box1 .con>p:nth-of-type(1){font-size: .5rem;line-height: .7rem;padding:.5rem 0 .25rem}
    .goods-page.detail .box1 .con>a{width: 3.6rem;line-height: .8rem;font-size: .28rem;padding-left: .4rem;background-size:.3rem;background-position: 90% center;}
    .goods-page.detail .box1 .stit{font-size: .32rem;}
    .goods-page.detail .box1 .color{margin-top: .3rem;}
    .goods-page.detail .box1 .color ul{margin-top: .3rem;}
    .goods-page.detail .box1 .color li{width: .4rem;height: .4rem}
    .goods-page.detail .box1 .highlight{margin-top: .3rem;}
    .goods-page.detail .box1 .highlight>div{margin-top: .3rem;}
    .goods-page.detail .box1 .highlight>div>p{line-height: .48rem;padding-left: .25rem;margin-bottom: .1rem;}
    .goods-page.detail .box1 .highlight>div>p::before{top: .19rem;width: .08rem;height: .08rem}
    .goods-page.detail .box1 .award{margin-top: .4rem}

    .goods-page.detail .box2 .img-bg{height: auto;}
    .goods-page.detail .box2 .img{padding-bottom: 41.66%;}
    .goods-page.detail .box2 .width{display: block}
    .goods-page.detail .box2 .info{width: 100%;display: block;padding-bottom: .3rem;}
    .goods-page.detail .box2 .info>p{font-size: .28rem;line-height: .48rem}
    .goods-page.detail .box2 .imgs{width: 100%;}
    .goods-page.detail .box2 .swiper-pagination{margin-top: .2rem;}
    .goods-page.detail .box2 .swiper-pagination-bullet{margin:0 .08rem}

    .goods-page.detail .box3{padding-top: 1rem;}
    .goods-page.detail .box3 .tit{margin-bottom: .7rem;}
    .goods-page.detail .box3 .img-div{height: 4.5rem;margin-bottom: .3rem;}
    .goods-page.detail .box3 .swiper-slide>p{font-size: .32rem}
    .goods-page.detail .box3 .arrow{display: none;}
    .goods-page.detail .box3 .swiper-pagination{position: static;margin-top: .3rem;}
    .goods-page.detail .box3 .swiper-pagination-bullet{margin:0 .08rem}
    .goods-page.detail .box3 .swiper-pagination-bullet-active{background: #ff4e00;}
}

@media (any-hover:hover){
    .goods-page.list .box1 .cate>a:not(.active):hover{color:#f03e17;text-decoration: underline;}
    .goods-page.list .box1 li:hover .img-div>img{transform: scale(1.1);}
    .goods-page.list .box1 li:hover>p:nth-of-type(1){color:#f03e17}

    .goods-page.list .box2 .cate>p:not(.active):hover{color:#ff4e00;text-decoration: underline;}
    .goods-page.list .box2 li:hover .img-div>img{transform: scale(1.1);}

    .goods-page.detail .box1 .big .swiper-slide:hover .img-div>img{transform: scale(1.1);}
    .goods-page.detail .box1 .arrow:hover{background-color: #ff4e00}
    .goods-page.detail .box1 .con>a:hover{background-image: url(../images/5-w.png);border-color:#ff4e00;color:#fff;background-color: #f03e17;padding-left: .3rem;}
    .goods-page.detail .box2 .swiper-slide:hover .img-div>img{transform: scale(1.1);}
    .goods-page.detail .box3 .swiper-slide:hover .img-div>img{transform: scale(1.1);}
    .goods-page.detail .box3 .swiper-slide:hover>p:nth-of-type(1){color:#f03e17}
    .goods-page.detail .box3 .arrow:hover{background-color: #ff4e00;border-color:#ff4e00;background-image: url(../images/arrow-w.svg);}
}

/* 联系 */
.contact-page{padding: .9rem 0 1rem;}
.contact-page>p{font-size: .36rem;line-height: .46rem;position: relative;margin-bottom: .65rem;text-align: center;}
.contact-page>p::after{content:'';position: absolute;bottom: -.15rem;left: 50%;transform:translateX(-50%);background: #f03e17;width: .2rem;height: .06rem;}
.contact-page ul{display: flex;border: 1px #e5e5e5 solid;}
.contact-page li{width: calc((100% - 5.7rem) / 2);background: #f8f8f8 url(../images/6.png) no-repeat center .6rem/1.32rem;border-right: 1px solid #e5e5e5;text-align: center;padding: 2.4rem .9rem .8rem;transition: .3s}
.contact-page .address{width: 5.7rem;padding: 2.1rem .9rem .65rem;background-image: url(../images/7.png);}
.contact-page .email{border-right: 0;background-image: url(../images/8.png)}
.contact-page li>p:nth-of-type(1){color:#666;margin-bottom: .05rem;}
.contact-page li>p:nth-of-type(2){font-size: .16rem;line-height: .28rem;}

@media (max-width:750px){
    .contact-page{padding: 1rem 0;}
    .contact-page>p{font-size: .37rem;line-height: .57rem;}
    .contact-page>p::after{width: .4rem;}
    .contact-page ul{display: block}
    .contact-page li{width: 100%;background-size:2rem;border-bottom: 1px solid #e5e5e5;border-right:0;padding: 2.8rem .4rem .5rem}
    .contact-page li:last-child{border-bottom: 0;}
    .contact-page .address{width: 100%;padding: 2.8rem .4rem .5rem}
    .contact-page li>p:nth-of-type(1){margin-bottom: .1rem;}
    .contact-page li>p:nth-of-type(2){font-size: .32rem;line-height: .52rem;}
}

@media (any-hover:hover){
    .contact-page li:hover{background-color: #f03e17;background-image: url(../images/6-w.png)}
    .contact-page .address:hover{background-image: url(../images/7-w.png)}
    .contact-page .email:hover{background-image: url(../images/8-w.png)}
    .contact-page li:hover>p:nth-of-type(1){color:#fff}
    .contact-page li:hover>p:nth-of-type(2){color:#fff}
}

/* 搜索 */
.search-page{padding-bottom: .5rem;}
.search-page .search{display: flex;justify-content: flex-end;margin: .3rem 0;}
.search-page .search>input{height: .5rem;width: 3rem;}
.search-page .search>p{width: .5rem;line-height: .5rem;background: #f03e17 url(../images/search-w.png) no-repeat center center/.2rem;cursor: pointer;transition: .3s;}
.search-page ul{display: flex;flex-wrap: wrap;}
.search-page li{width: calc(100% / 3 - .26rem);margin-right:.39rem;margin-bottom: .5rem;position: relative;}
.search-page li:nth-child(3n){margin-right: 0;}
.search-page .img-div{height: 3.3rem;background: url(../images/2.jpg) no-repeat center center/cover;margin-bottom: .15rem}
.search-page .img-div>img{max-width: 80%;max-height: 80%;}
.search-page li>p{font-size: .2rem;}
.search-page .page{padding: .1rem 0 .5rem;}
.search-page .none{margin-bottom: .5rem;}

@media (max-width:750px){
    .search-page{padding-bottom: .4rem;}
    .search-page .search{justify-content: flex-start;margin: .4rem 0;}
    .search-page .search>input{height: .8rem;width: 100%;}
    .search-page .search>p{width: 1rem;line-height: .8rem;background-size:.3rem}
    .search-page ul{display: block}
    .search-page li{width: 100%;margin-right:0;margin-bottom: .6rem}
    .search-page .img-div{height: 4.5rem;margin-bottom: .4rem}
    .search-page li>p{font-size: .32rem}
    .search-page .page{padding: 0 0 .5rem;}
}

@media (any-hover:hover){
    .search-page li:hover .img-div>img{transform: scale(1.1);}
    .search-page li:hover>p{color:#f03e17}
}