/*公共*/
.header{position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 998;border-bottom: 1px solid #eee;}
.header .width{max-width: 16rem;display: flex;align-items: center;}
.header .logo{width: 1.86rem;height: .45rem;}
.header .con{flex:1;display: flex;justify-content: flex-end;}
.header ul{display: flex;margin-right: .1rem;}
.header li{position: relative;}
.header li>a{line-height: 1rem;padding: 0 .2rem;}
.header li>a.active{color:#00aee9}
.header .child{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);box-shadow: 0 0 .1rem rgba(0,0,0,.1);background: #fff;width: max-content;padding: .2rem .3rem;display: none;}
.header .child>a{text-align: center;line-height: .3rem;}
.header .search{width: .2rem;height: 1rem;background: url(../images/search.png) no-repeat center center/100%;position: relative;cursor: pointer;}
.header .search .popup{display: none;position: absolute;top: 100%;right: 0;}
.header .search .popup>div{width: 3rem;display: flex;background: #fff;box-shadow: 0 0 .1rem rgba(0,0,0,.1);}
.header .search .popup>div>input{width: 2.5rem;}
.header .search .btn{width: .5rem;height: .5rem;background: #00aee9 url(../images/search-w.png) no-repeat center center/.2rem;}
.header .lang{width: .5rem;height: 1rem;background: url(../images/lang.svg) no-repeat right center/.2rem;padding-left: .3rem;position: relative;cursor: pointer;}
.header .lang .popup{display: none;background: #fff;position: absolute;top: 100%;left: calc(50% + .15rem);transform: translateX(-50%);padding: .2rem .3rem;box-shadow: 0 0 .1rem rgba(0,0,0,.1);width:max-content}
.header .lang .popup>a{text-align: center;line-height: .3rem;}
.header .menu{display: none;}
.header-space{height: 1rem;}

.footer{background: #000;padding: .9rem 0}
.footer .width{max-width: 16rem;}
.footer .logo{width: 1.86rem;height: .45rem;}
.footer .navs{display: flex;align-items: flex-end;padding: .05rem 0 .4rem;margin-bottom:.25rem;border-bottom: 1px solid rgba(255,255,255,.1);}
.footer .nav{flex:1;padding-right: 1rem;display: flex;}
.footer .nav>a{color:#fff;margin-right: .5rem;}
.footer .nav>a:last-child{margin-right: 0;}
.footer .navs>a{width: 1.8rem;line-height: .5rem;border-radius: .25rem;background: #00aee9 url(../images/3.png) no-repeat .35rem center/.25rem;color:#fff;padding-left: .7rem;transition: .3s;}
.footer .copyright{display: flex;align-items: center;}
.footer .copyright>p{flex:1;padding-right: 1rem;color:rgba(255,255,255,.3)}
.footer .media{flex:1;display: flex;justify-content: flex-end;}
.footer .media>a{border-radius: 50%;border: 1px solid rgb(255,255,255,.15);width: .45rem;height: .45rem;margin-right: .15rem;transition: .3s;}
.footer .media>a:last-child{margin-right: 0;}
.footer .media>a>img{max-width: 50%;max-height: 50%;filter: brightness(0%) invert(100%)}

.inner-banner{position: relative}
.inner-banner .m{display: none;}
.inner-banner .img{height: 6.4rem;}
.inner-banner .width{position: absolute;top:45%;left: 50%;transform: translate(-50%,-50%);color:#fff}
.inner-banner .width>p:nth-of-type(1){font-size: .48rem;line-height: .58rem;margin-bottom: .1rem;}
.inner-banner .width>p:nth-of-type(2){font-size: .24rem;line-height: .34rem;}

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

.nav-m{display: none;}

@media (max-width:1600px){
    .header li>a{padding: 0 .15rem;}
}

@media (max-width:1440px){
    .header li>a{padding: 0 .1rem;}
    .footer .nav>a{margin-right: .4rem;}
    .footer .copyright>p{flex:1.5}
}

@media (max-width:1279px){
    .header .logo{width: 2.27rem;height: .55rem;}
    .header ul{display: none}
    .header .search{width: .4rem;height: 1.2rem;}
    .header .search .popup{position: fixed;top: 1.2rem;width: 100%;}
    .header .search .popup>div{width: 100%;}
    .header .search .popup>div>input{width: calc(100% - .8rem);}
    .header .search .btn{width: .8rem;height: .8rem;background-size:.3rem;}
    .header .lang{width: .4rem;height: 1.2rem;background-size:100%;padding-left: 0;margin: 0 .3rem;}
    .header .lang .popup{left: 50%;padding: .2rem .4rem;}
    .header .lang .popup>a{line-height: .5rem;}
    .header .menu{display: block;width: .5rem;height: 1.2rem;background: url(../images/menu.svg) no-repeat center center/100%;}
    .header-space{height: 1.2rem;}

    .footer{padding: 1rem 0 .6rem}
    .footer .logo{width: 2.89rem;height: .7rem;margin: 0 auto;}
    .footer .navs{display: block;padding: .6rem 0 .4rem;margin-bottom:.4rem;}
    .footer .nav{display: none;}
    .footer .navs>a{width: 3.5rem;line-height: .9rem;border-radius: .6rem;background-position:.5rem center;background-size:.4rem;padding-left: 1.2rem;margin: 0 auto;}
    .footer .copyright{display: block}
    .footer .copyright>p{padding: 0 0 .2rem;text-align: center;font-size: .24rem;line-height: .4rem;}
    .footer .media{justify-content: center;}
    .footer .media>a{width: .8rem;height: .8rem;margin-right: .2rem}

    .inner-banner .pc{display: none;}
    .inner-banner .m{display: block;}
    .inner-banner .img{height: 5rem;}
    .inner-banner .width{text-align: center;}
    .inner-banner .width>p:nth-of-type(1){font-size: .5rem;line-height: .7rem;}
    .inner-banner .width>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}

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

    .nav-m{position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;z-index:1000;}
    .nav-m .info{display:flex;justify-content:space-between;align-items:center;height:1.2rem;background: #fff;}
    .nav-m .logo{width: 2.27rem;height: .55rem;}
    .nav-m .close{width:.5rem;height:.5rem;background:url(../images/close.svg) no-repeat center center/100%}
    .nav-m ul{border-top:1px solid #eee;overflow-y: auto;height:calc(100% - 1.2rem);position: absolute;top: 1.2rem;left: 0;width: 100%;padding: 0 .4rem;}
    .nav-m li{border-bottom:1px solid #eee;padding:.4rem 0;position:relative}
    .nav-m li:last-child{border-bottom: 0;}
    .nav-m li::after{position:absolute;top:.42rem;right:0;content:'';width:.35rem;height:.35rem;background:url(../images/arrow1.svg) no-repeat center center/100%;transition:.3s}
    .nav-m li.active::after{transform: rotate(90deg);}
    .nav-m li>a{display:inline-block;color:#000;font-size:.32rem}
    .nav-m li.block>a{display:block}
    .nav-m .child{display:none;margin-left:.3rem;margin-bottom:.2rem}
    .nav-m .child>a{display:block;padding:.32rem 0;border-bottom:1px #eee solid;font-size:.3rem}
    .nav-m .child>a:last-child{border-bottom: 0;}
    .nav-m li:first-child>a{display:block}
}

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

    .footer .nav>a:hover{text-decoration: underline;}
    .footer .navs>a:hover{opacity: .8;}
    .footer .media>a:hover{border-color: #00aee9;background: #00aee9;}

    .crumb>a:hover{color:#00aee9}
}

/* 首页 */
.index-page .width{max-width: 16rem;}
.index-page .tit-box{display: flex;align-items: center;}
.index-page .tit{font-size: .48rem;line-height: .58rem;flex:1}
.index-page .more{width: 1.8rem;line-height: .48rem;border: 1px #fff solid;border-radius: .25rem;color:#fff;background: url(../images/arrow1-w.svg) no-repeat calc(100% - .2rem) center/.2rem;padding-left: .25rem;transition: .3s;}
.index-page .more.black{color:#000;border-color:#000;background-image: url(../images/arrow1.svg);}
.index-page .more.sm{width: 1.6rem;line-height: .38rem;padding-left: .2rem;background-size: .18rem;background-position: calc(100% - .12rem) center;}
.index-page .more.active{background-color: #00aee9;border-color:#00aee9}
.index-page .more.black.active{color:#fff;background-image: url(../images/arrow1-w.svg);border-color:#00aee9}

.index-page .box1 .img{height: 8.6rem;}
.index-page .box1 .m{display: none;}
.index-page .box1 .width{position: absolute;top: 28%;left: 50%;transform: translateX(-50%);color:#fff}
.index-page .box1 .tag{display: flex}
.index-page .box1 .tag>p{width: .48rem;line-height: .2rem;border-radius: .1rem;background: #00aee9;text-align: center;font-size: .12rem;margin-right: .05rem;}
.index-page .box1 .tag>p.hot{background: #31b9b8;}
.index-page .box1 .width>p:nth-of-type(1){font-size: .3rem;line-height: .4rem;margin: .15rem 0 .05rem;}
.index-page .box1 .width>p:nth-of-type(2){font-size: .48rem;line-height: .58rem;}
.index-page .box1 .width>p:nth-of-type(3){font-size: .18rem;line-height: .28rem;margin: .15rem 0 .45rem;}
.index-page .box1 .btn{display: flex;}
.index-page .box1 .btn>a{margin-right: .2rem;}
.index-page .box1 .play{width: 2rem;line-height: .48rem;border: 1px #fff solid;border-radius: .25rem;color:#fff;background: url(../images/1.png) no-repeat calc(100% - .2rem) center/.22rem;padding-left: .2rem;transition: .3s;}
.index-page .box1 .swiper-pagination{bottom: .35rem;}
.index-page .box1 .swiper-pagination-bullet{width: .1rem;height: .1rem;background: #fff;opacity: .5;}
.index-page .box1 .swiper-pagination-bullet-active{background: #00aee9;opacity: 1;}

.index-page .box2{padding: 1rem 0 .7rem;}
.index-page .box2 ul{display: flex;flex-wrap: wrap;margin-top: .45rem;}
.index-page .box2 li{margin-bottom: .2rem;width: calc(100% / 3 - .14rem);margin-right: .21rem;height: 6.4rem;position: relative;border-radius: .1rem;}
.index-page .box2 li:first-child{width: 100%;margin-right: 0;border-radius: .2rem;}
.index-page .box2 li:last-child{margin-right: 0;}
.index-page .box2 .m{display: none;}
.index-page .box2 .con{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color:#fff;padding: .4rem;}
.index-page .box2 .con>p{text-align: center;}
.index-page .box2 .con>p:nth-of-type(1){font-size: .26rem;line-height: .36rem;}
.index-page .box2 .con>p:nth-of-type(2){line-height: .24rem;margin: .05rem 0 .25rem;}
.index-page .box2 .more{margin: 0 auto;}
.index-page .box2 li:first-child .con{padding: 7.5% 7.5% 9.5%;display: flex;flex-direction: column;justify-content: center;}
.index-page .box2 li:first-child .con>p{text-align: left;}
.index-page .box2 li:first-child .con>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;}
.index-page .box2 li:first-child .con>p:nth-of-type(2){line-height: .28rem;font-size: .18rem;margin: .15rem 0 .45rem;}
.index-page .box2 li:first-child .more{margin: 0;}

.index-page .box3{padding-bottom: 1rem;}
.index-page .box3 ul{flex:1;display: flex;justify-content: flex-end;}
.index-page .box3 li{line-height: .5rem;background: #f5f5f5;border-radius: .25rem;font-size: .16rem;padding: 0 .3rem;margin-right: .2rem;cursor: pointer;transition: .3s;}
.index-page .box3 li:last-child{margin-right: 0;}
.index-page .box3 li.active{background: #00aee9;color: #fff;}
.index-page .box3 .con{height: 5.13rem;position: relative;margin-top: .4rem}
.index-page .box3 .swiper-container{padding-bottom: .5rem;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .3s;}
.index-page .box3 .swiper-container.show{opacity: 1;z-index: 2;}
.index-page .box3 .swiper-slide{height: 4.6rem;background: #f5f5f5;border-radius: .1rem;padding: .55rem .4rem 0;}
.index-page .box3 .swiper-slide>a:nth-of-type(1){font-size: .24rem;margin: .45rem 0 .1rem;}
.index-page .box3 .swiper-slide>p{line-height: .24rem;color:#666;margin-bottom: .15rem;}
.index-page .box3 .img-div{height: 1.75rem;}
.index-page .box3 .more{border-color: #999;color:#666}
.index-page .box3 .swiper-scrollbar{opacity:1 !important;height:1px;background:#eee;left:0;border-radius: 0;width: 100%;}
.index-page .box3 .swiper-scrollbar-drag{background:#00aee9;height:.03rem;top:-.01rem;border-radius: .1rem;}

.index-page .box4{padding: .95rem 0 1.4rem;position: relative;}
.index-page .box4 .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index-page .box4 .m{display: none;}
.index-page .box4 .width{position: relative;z-index: 2;color:#fff}
.index-page .box4 .width>p:nth-of-type(1){font-size: 1.3rem;line-height: 1.4rem;}
.index-page .box4 .width>p:nth-of-type(1)>span{display: block;}
.index-page .box4 .width>p:nth-of-type(1)>span:nth-of-type(2){padding-left: 1.7rem;}
.index-page .box4 .width>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;max-width: 7rem;margin-bottom: .7rem;}
.index-page .box4 ul{display: flex;margin: .55rem 0 .4rem;}
.index-page .box4 li{margin-right: 1rem;}
.index-page .box4 li:last-child{margin-right: 0;}
.index-page .box4 li>p:nth-of-type(1){display: flex;align-items: center;}
.index-page .box4 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .48rem;}
.index-page .box4 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: .16rem;}
.index-page .box4 li>p:nth-of-type(2){font-size: .16rem}

.index-page .box5{padding: .9rem 0 1rem;}
.index-page .box5 .swiper-container{margin-top: .4rem;border-radius: .1rem;}
.index-page .box5 .swiper-slide{height: auto;background: #f5f5f5;border-radius: .1rem;padding: .3rem;display:flex;flex-direction:column;justify-content:space-between}
.index-page .box5 .name{display: flex;}
.index-page .box5 .info{flex:1;padding-right: .3rem;}
.index-page .box5 .info>p:nth-of-type(1){font-size: .18rem;line-height: .28rem;margin-bottom: .02rem;}
.index-page .box5 .info>p:nth-of-type(2){width: 1.03rem;height: .15rem;background: url(../images/2.png) no-repeat center center/100%;}
.index-page .box5 .name .img-div{width: .48rem;height: .48rem;}
.index-page .box5 .con>p{font-size: .18rem;line-height: .3rem;color:#333;margin: .25rem 0;}
.index-page .box5 .goods{border-radius: .1rem;background: #fff;display: flex;padding: .2rem;align-items: center;}
.index-page .box5 .goods .img-div{width: .94rem;height: .91rem;}
.index-page .box5 .goods>p{font-size: .16rem;line-height: .26rem;flex:1;padding-left: .2rem;}
.index-page .box5 .swiper-scrollbar{opacity:1 !important;height:1px;background:#eee;left:0;border-radius: 0;width: 100%;margin-top: .5rem;}
.index-page .box5 .swiper-scrollbar-drag{background:#00aee9;height:.03rem;top:-.01rem;border-radius: .1rem;}

.index-page .box6{padding-bottom: .6rem;}
.index-page .box6 ul{display: flex;flex-wrap: wrap;margin-top: .45rem;}
.index-page .box6 li{width: calc(50% - .2rem);margin-bottom: .4rem;background: #f5f5f5;border-radius: .1rem;height: 2rem;position: relative;padding: .35rem .4rem 0;}
.index-page .box6 .img-bg{height: 100%;width: 100%;position: absolute;top: 0;left: 0;border-radius: .1rem;opacity: 0;transition: .3s;}
.index-page .box6 li:nth-child(2n+1){margin-right: .4rem;}
.index-page .box6 .con{position: relative;z-index: 2;}
.index-page .box6 .con>p:nth-of-type(1){font-size: .2rem;}
.index-page .box6 .con>p:nth-of-type(2){font-size: .16rem;color:#999;margin: .15rem 0 .2rem;}
.index-page .box6 .con>p:nth-of-type(3){width: .4rem;height: .4rem;border-radius: .05rem;border: 1px solid #000;background: url(../images/arrow1.svg) no-repeat center center/.16rem;transition: .3s;}

@media (max-width:1600px){
    .index-page .box3 li{padding: 0 .25rem;}
}

@media (max-width:1440px){
    .index-page .tit{font-size: .4rem;line-height: .5rem;}
    .index-page .box3 ul{flex:1.2}
}

@media (max-width:1279px){
    .index-page .tit-box{display: block;}
    .index-page .tit{font-size: .5rem;line-height: .7rem;margin-bottom: .3rem;text-align: center;}
    .index-page .more{width: 3.2rem;line-height: .8rem;border-radius: .6rem;background-position: calc(100% - .3rem) center;background-size: .3rem;padding-left: .4rem;}
    .index-page .more.sm{width: 3rem;line-height: .7rem;padding-left: .3rem;background-size: .3rem;background-position: calc(100% - .25rem) center;}

    .index-page .box1 .img{height: calc(100vh - 1.2rem);}
    .index-page .box1 .pc{display: none;}
    .index-page .box1 .m{display: block;}
    .index-page .box1 .width{top: 20%;}
    .index-page .box1 .tag>p{width: 1rem;line-height: .4rem;border-radius: .6rem;font-size: .24rem;margin-right: .1rem;}
    .index-page .box1 .width>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;margin: .3rem 0 .1rem;}
    .index-page .box1 .width>p:nth-of-type(2){font-size: .5rem;line-height: .7rem;}
    .index-page .box1 .width>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;margin: .2rem 0 .5rem;}
    .index-page .box1 .more{padding: 0 .4rem;background: none;width: auto;}
    .index-page .box1 .play{width: auto;line-height: .8rem;border-radius: .6rem;background:none;padding: 0 .4rem}
    .index-page .box1 .swiper-pagination-bullet{width: .15rem;height: .15rem;}

    .index-page .box2{padding: 1rem 0 .6rem;}
    .index-page .box2 ul{display: block;margin-top: .6rem;}
    .index-page .box2 li{margin-bottom: .4rem;width: 100%;margin-right: 0;height: auto}
    .index-page .box2 .pc{display: none;}
    .index-page .box2 .m{display: block;padding-bottom: 123%;}
    .index-page .box2 .con{padding: .8rem .4rem;}
    .index-page .box2 .con>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;}
    .index-page .box2 .con>p:nth-of-type(2){line-height: .4rem;margin: .1rem 0 .3rem;font-size: .24rem;}
    .index-page .box2 li:first-child .con{padding: .8rem .4rem;display: block}
    .index-page .box2 li:first-child .con>p{text-align: center;}
    .index-page .box2 li:first-child .con>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;}
    .index-page .box2 li:first-child .con>p:nth-of-type(2){line-height: .4rem;font-size: .24rem;margin: .1rem 0 .3rem;}
    .index-page .box2 li:first-child .more{margin: 0 auto;}

    .index-page .box3 ul{justify-content: flex-start;overflow-x: auto;white-space: nowrap;}
    .index-page .box3 li{line-height: .7rem;border-radius: .6rem;font-size: .26rem;padding: 0 .4rem;}
    .index-page .box3 .con{height: 6.8rem;margin-top: .6rem}
    .index-page .box3 .swiper-container{padding-bottom: .4rem}
    .index-page .box3 .swiper-slide{height: 6.3rem;padding: .6rem .4rem 0;width: 90%;}
    .index-page .box3 .swiper-slide>a:nth-of-type(1){font-size: .32rem;margin: .4rem 0 .1rem;}
    .index-page .box3 .swiper-slide>p{line-height: .4rem;margin-bottom: .2rem;font-size: .24rem;}
    .index-page .box3 .img-div{height: 2.5rem;}
    .index-page .box3 .swiper-scrollbar-drag{height:.05rem;top:-.02rem}

    .index-page .box4{padding: 1rem 0}
    .index-page .box4 .pc{display: none;}
    .index-page .box4 .m{display: block;}
    .index-page .box4 .width>p:nth-of-type(1){font-size: .8rem;line-height: 1rem;text-align: center;}
    .index-page .box4 .width>p:nth-of-type(1)>span:nth-of-type(2){padding-left: 0;}
    .index-page .box4 .width>p:nth-of-type(2){font-size: .26rem;line-height: .46rem;max-width: 100%;margin-bottom: .4rem;text-align: center;}
    .index-page .box4 ul{display: block;margin: .4rem 0;}
    .index-page .box4 li{margin-right: 0;margin-bottom: .3rem;}
    .index-page .box4 li>p:nth-of-type(1){justify-content: center;}
    .index-page .box4 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .6rem;width: auto !important;margin-right: .2rem;}
    .index-page .box4 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: .26rem;}
    .index-page .box4 li>p:nth-of-type(2){font-size: .28rem;text-align: center}
    .index-page .box4 .more{margin: 0 auto;}

    .index-page .box5{padding: 1rem 0;}
    .index-page .box5 .more{margin: 0 auto;}
    .index-page .box5 .swiper-container{margin-top: .6rem}
    .index-page .box5 .swiper-slide{padding: .5rem .4rem;width: 90%;}
    .index-page .box5 .info{flex:1;padding-right: .2rem;}
    .index-page .box5 .info>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;}
    .index-page .box5 .info>p:nth-of-type(2){width: 1.83rem;height: .25rem}
    .index-page .box5 .name .img-div{width: .8rem;height: .8rem;}
    .index-page .box5 .con>p{font-size: .28rem;line-height: .48rem;margin: .3rem 0;}
    .index-page .box5 .goods{padding: .3rem}
    .index-page .box5 .goods>p{font-size: .24rem;line-height: .4rem;padding-left: .3rem;}
    .index-page .box5 .swiper-scrollbar{margin-top: .4rem;}
    .index-page .box5 .swiper-scrollbar-drag{height:.05rem;top:-.02rem}

    .index-page .box6 ul{display: block;margin-top: .6rem;}
    .index-page .box6 .more{margin: 0 auto;}
    .index-page .box6 li{width: 100%;height: auto;padding: .5rem .4rem;}
    .index-page .box6 li:nth-child(2n+1){margin-right: 0;}
    .index-page .box6 .con>p:nth-of-type(1){font-size: .28rem;}
    .index-page .box6 .con>p:nth-of-type(2){font-size: .24rem;margin: .2rem 0 .3rem;}
    .index-page .box6 .con>p:nth-of-type(3){width: .5rem;height: .5rem;background: url(../images/arrow1.svg) no-repeat center center/.25rem}
}

@media (any-hover:hover){
    .index-page .more:hover{background-color: #00aee9;border-color:#00aee9}
    .index-page .more.black:hover{color:#fff;background-image: url(../images/arrow1-w.svg);}

    .index-page .box1 .play:hover{background-color: #00aee9;border-color:#00aee9}

    .index-page .box2 li:hover .img{transform: scale(1.1);}

    .index-page .box3 .swiper-slide:hover>a:nth-of-type(1){color:#00aee9}

    .index-page .box6 li:hover .img-bg{opacity: 1;}
    .index-page .box6 li:hover .con>p:nth-of-type(1){color: #fff;}
    .index-page .box6 li:hover .con>p:nth-of-type(2){color: #fff;}
    .index-page .box6 li:hover .con>p:nth-of-type(3){border-color:#00aee9;background-color: #00aee9;background-image: url(../images/arrow1-w.svg);}
}

/* 产品 */
.goods-page .tag{display: flex;position: absolute;top: .2rem;right: .2rem;}
.goods-page .tag>p{width: .48rem;line-height: .2rem;border-radius: .1rem;background: #00aee9;text-align: center;font-size: .12rem;margin-right: .05rem;color:#fff}
.goods-page .tag>p.hot{background: #31b9b8;}
.goods-page .more{width: 1.6rem;line-height: .38rem;border: 1px #00aee9 solid;border-radius: .2rem;color:#00aee9;background: url(../images/arrow1-m.svg) no-repeat calc(100% - .13rem) center/.16rem;padding-left: .22rem;transition: .3s;}
.goods-page .more.active{background-color: #00aee9;color:#fff;background-image: url(../images/arrow1-w.svg);}
.goods-page .arrow{width: .5rem;height: .5rem;border-radius: 50%;border: 1px solid #eee;position: absolute;top: 50%;right: -.8rem;transform: translateY(-50%);background: url(../images/arrow1.svg) no-repeat center center/.16rem;cursor: pointer;transition: .3s;z-index: 2;}
.goods-page .prev{transform: translateY(-50%) rotate(180deg);left: -.8rem;right:auto}

.goods-page.index .box1{position: sticky;top: .6rem;left: 0;width: 100%;background: #fff;z-index: 100;padding:.6rem 0 .3rem}
.goods-page.index .box1 .width{display: flex;justify-content: center;}
.goods-page.index .box1 .width>a{font-size: .16rem;color:#999;margin-right: .3rem;line-height: .4rem;padding:0 .3rem;border-radius: .2rem;transition: .3s;}
.goods-page.index .box1 .width>a:last-child{margin-right: 0;}
.goods-page.index .box1 .width>a.active{background: #00aee9;color:#fff}
.goods-page.index .box1-space{height: .4rem;}

.goods-page.index .box2{padding-bottom: .9rem;}
.goods-page.index .box2:first-child{padding-top: .4rem;}
.goods-page.index .box2>a{font-size: .36rem;line-height: .46rem;text-align: center;margin-bottom: .35rem;}
.goods-page.index .box2 .con{position: relative;}
.goods-page.index .box2 .swiper-container{border-radius: .1rem;}
.goods-page.index .box2 .swiper-slide{background: #f5f5f5;border-radius: .1rem;padding:.6rem .4rem;height: auto;}
.goods-page.index .box2 .img-div{height: 2.6rem;}
.goods-page.index .box2 .swiper-slide>a:nth-of-type(1){font-size: .24rem;margin: .2rem 0 .1rem;}
.goods-page.index .box2 .swiper-slide>p{font-size: .18rem;color: #666;}
.goods-page.index .box2 .swiper-slide>p:nth-of-type(2){line-height: .28rem;margin: .1rem 0 .3rem;}

.goods-page.list{padding:1rem 0 .8rem;display: flex;justify-content: space-between;align-items: flex-start;}
.goods-page.list .choose{display: none;}
.goods-page.list .box1{width: 21.78%;position: sticky;top: 1.3rem;left: 0;}
.goods-page.list .box1>p:nth-of-type(1){font-size: .24rem;border-bottom: 1px #eee solid;padding-bottom: .25rem;margin-bottom: .25rem;}
.goods-page.list .box1>p:nth-of-type(2){font-size: .16rem;line-height: .24rem}
.goods-page.list .box1 label{display: flex;flex-wrap: wrap;align-items: flex-start;cursor: pointer;margin-top: .2rem;}
.goods-page.list .box1 label>input{margin-top: .02rem;}
.goods-page.list .box1 label>input::before{border-color:#999}
.goods-page.list .box1 label>input:checked::before{border-color:#00aee9}
.goods-page.list .box1 label>p{flex:1;padding-left: .1rem;font-size: .16rem;line-height: .22rem;color:#333}

.goods-page.list .box2{width: 76.07%;}
.goods-page.list .box2 ul{display: flex;flex-wrap: wrap}
.goods-page.list .box2 li{background: #f5f5f5;border-radius: .1rem;width: calc(100% / 3 - .16rem);margin-right: .24rem;margin-bottom: .2rem;padding:.3rem .35rem .4rem;position: relative;}
.goods-page.list .box2 li:nth-child(3n){margin-right: 0;}
.goods-page.list .box2 .img-div{height: 2rem;}
.goods-page.list .box2 li>p:nth-of-type(1){font-size: .22rem;margin: .2rem 0 .1rem}
.goods-page.list .box2 li>p:nth-of-type(2){font-size: .16rem;color:#333}
.goods-page.list .box2 li>p:nth-of-type(2)>s{color:#666;font-family: 'ms';margin-left: .1rem;}
.goods-page.list .box2 li>p:nth-of-type(3){margin: .1rem 0 .25rem;color:#666;line-height: .24rem;}
.goods-page.list .box2 .more{width: 100%;padding-left: 25%;background-position: 75% center;}
.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 .tit{font-size: .36rem;line-height: .46rem;}

.goods-page.detail .box1{display: flex;justify-content: space-between;padding: .6rem 0 1rem;}
.goods-page.detail .box1 .pic{width: 45.71%;}
.goods-page.detail .box1 .big{margin-bottom: .4rem;height: 4.8rem;border-radius: .1rem;padding-left: 1px;}
.goods-page.detail .box1 .big .img-bg{height: 100%;border-radius: .1rem;}
.goods-page.detail .box1 .big .img-div{height:100%;border:1px #eee solid;border-radius: .1rem;}
.goods-page.detail .box1 .big .img-div>img{max-width: 80%;max-height: 80%;}
.goods-page.detail .box1 .play{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/6.png) no-repeat center center/.5rem;cursor: pointer;}
.goods-page.detail .box1 .arrow{right: .3rem;border: 0;background-color: #fafafa}
.goods-page.detail .box1 .prev{left: .3rem;}
.goods-page.detail .box1 .thumb{height:.9rem;padding-left: 1px;}
.goods-page.detail .box1 .thumb .swiper-slide{border: 1px #eee solid;border-radius: .05rem;cursor: pointer;}
.goods-page.detail .box1 .thumb .img-bg{height: 100%;border-radius: .05rem;}
.goods-page.detail .box1 .thumb .img-div{height: 100%;}
.goods-page.detail .box1 .thumb .swiper-slide.active{border-color:#00aee9;border-width: 2px;}
.goods-page.detail .box1 .thumb .img-div>img{max-width: 80%;max-height: 80%;}
.goods-page.detail .box1 .con{width: 48.57%;}
.goods-page.detail .box1 .con>p:nth-of-type(1){font-size: .18rem;display: flex;align-items: center;margin: .15rem 0 .2rem;}
.goods-page.detail .box1 .con>p:nth-of-type(1)>s{font-size: .14rem;color:#999;font-family: 'ms';margin-left: .1rem;}
.goods-page.detail .box1 .con>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;color:#666}
.goods-page.detail .box1 .spec{margin: .25rem 0 .3rem;}
.goods-page.detail .box1 .spec li{display: flex;justify-content: space-between;}
.goods-page.detail .box1 .spec li>p{line-height: .3rem;padding: .1rem 0}
.goods-page.detail .box1 .spec li>p:nth-of-type(1){color:#333;width: 26.47%;border-top: 1px #000 solid;}
.goods-page.detail .box1 .spec li>p:nth-of-type(2){color:#666;width: 67.64%;border-top: 1px #eee solid}
.goods-page.detail .box1 .condition{display: flex;margin-bottom: .4rem;}
.goods-page.detail .box1 .condition li{flex:1;margin-right: .3rem;border-bottom: 1px #eee solid;padding-bottom: .2rem;}
.goods-page.detail .box1 .condition li:last-child{margin-right: 0;}
.goods-page.detail .box1 .condition li>p:nth-of-type(1){color:#999;margin-bottom: .15rem;}
.goods-page.detail .box1 .condition li>p:nth-of-type(2){font-size: .16rem;}
.goods-page.detail .box1 .more{width: 1.7rem;line-height: .48rem;border-radius: .25rem;padding-left: .4rem;background-position: calc(100% - .3rem) center;background-color: #00aee9;color:#fff;background-image: url(../images/arrow1-w.svg);}

.goods-page.detail .box2{overflow: hidden;}
.goods-page.detail .box2>img{max-width: 100%;margin:0 auto;transition: .8s;}

.goods-page.detail .box3{padding: .9rem 0 .6rem;}
.goods-page.detail .box3>p{font-size: .16rem;line-height: .26rem;margin: .15rem 0 .4rem;}
.goods-page.detail .box3 ul{display: flex;flex-wrap: wrap;}
.goods-page.detail .box3 li{margin-right: .3rem;width: calc(100% / 3 - .2rem);margin-bottom: .3rem;position: relative;padding: .4rem .4rem .45rem;border: 1px #eee solid;border-radius: .1rem;transition: .3s;}
.goods-page.detail .box3 li::after{content:'';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/7.jpg) no-repeat center center/cover;opacity: 0;transition: .3s;border-radius: .1rem;}
.goods-page.detail .box3 li:nth-child(3n){margin-right: 0;}
.goods-page.detail .box3 .img-div{width: .44rem;height: .34rem;margin-left: calc(100% - .44rem);}
.goods-page.detail .box3 .con{position: relative;z-index: 2;}
.goods-page.detail .box3 .con>p:nth-of-type(1){color:#333;line-height: .24rem;margin: .25rem 0 .05rem;}
.goods-page.detail .box3 .con>p:nth-of-type(2){line-height: .3rem;font-size: .2rem;}

.goods-page.detail .box4{padding-bottom: .9rem;}
.goods-page.detail .box4 table{border-collapse: collapse;width: 100%;margin-top: .45rem;table-layout: fixed}
.goods-page.detail .box4 td{border: 1px #eee solid;text-align: center;line-height: .24rem;padding: .15rem;height: .8rem;}
.goods-page.detail .box4 tr.b>td{font-size: .16rem;line-height: .26rem;background: #f5f5f5;}
.goods-page.detail .box4 ul{display: none;}

.goods-page.detail .box5{padding-bottom: 1rem;}
.goods-page.detail .box5 .con{position: relative;margin-top: .45rem;}
.goods-page.detail .box5 .swiper-container{border-radius: .1rem;}
.goods-page.detail .box5 .swiper-slide{background: #f5f5f5;border-radius: .1rem;padding:.6rem .4rem;height: auto;}
.goods-page.detail .box5 .img-div{height: 2.6rem;}
.goods-page.detail .box5 .swiper-slide>a:nth-of-type(1){font-size: .24rem;margin: .2rem 0 .1rem;}
.goods-page.detail .box5 .swiper-slide>p{font-size: .18rem;color: #666;}
.goods-page.detail .box5 .swiper-slide>p:nth-of-type(2){margin: .1rem 0 .3rem;line-height: .28rem;}

@media (max-width:1279px){
    .goods-page .tag{top: .3rem;right: .3rem;}
    .goods-page .tag>p{width: 1rem;line-height: .4rem;border-radius: .6rem;font-size: .24rem;margin-right: .1rem}
    .goods-page .tag>p.hot{background: #31b9b8;}
    .goods-page .more{width: 3rem;line-height: .7rem;border-radius: .6rem;background-position:calc(100% - .3rem) center;background-size:.25rem;padding-left: .4rem;font-size: .26rem;}
    .goods-page .arrow{display: none;}
    .goods-page .swiper-pagination{position: static;width: 100%;margin-top: .3rem;}
    .goods-page .swiper-pagination-bullet{margin: 0 .08rem;}
    .goods-page .swiper-pagination-bullet-active{background: #00aee9;}

    .goods-page.index .box1{display: none;}
    .goods-page.index .box1-space{display: none;}

    .goods-page.index .box2{padding-bottom: 1rem;}
    .goods-page.index .box2:first-child{padding-top: 1rem;}
    .goods-page.index .box2>a{font-size: .4rem;line-height: .6rem;margin-bottom: .4rem;}
    .goods-page.index .box2 .swiper-slide{padding:1rem .4rem .6rem;}
    .goods-page.index .box2 .img-div{height: 3rem;}
    .goods-page.index .box2 .swiper-slide>a:nth-of-type(1){font-size: .32rem;margin: .6rem 0 .1rem;}
    .goods-page.index .box2 .swiper-slide>p{font-size: .28rem}
    .goods-page.index .box2 .swiper-slide>p:nth-of-type(2){line-height: .44rem;margin: .2rem 0 .3rem;}

    .goods-page.list{padding:1rem 0;display: block}
    .goods-page.list .choose{display: block;padding-left: .6rem;background: url(../images/menu1.svg) no-repeat left center/.4rem;font-size: .36rem;margin-bottom: .6rem;}
    .goods-page.list .box1{width: 80%;position: fixed;top: 1.2rem;left:-80%;background: #fff;z-index: 998;padding: .4rem;border-top: 1px #eee solid;height: calc(100vh - 1.2rem);overflow-y: auto;transition: .5s;border-right: 1px #eee solid;}
    .goods-page.list .box1.show{left: 0;}
    .goods-page.list .box1>p:nth-of-type(1){font-size: .36rem;padding-bottom: .3rem;margin-bottom: .4rem;}
    .goods-page.list .box1>p:nth-of-type(2){font-size: .32rem;line-height: .52rem;margin-bottom: .4rem;}
    .goods-page.list .box1 label{margin-top: .2rem;}
    .goods-page.list .box1 label>input{margin-top: .08rem;}
    .goods-page.list .box1 label>p{padding-left: .2rem;font-size: .28rem;line-height: .48rem}
    .goods-page.list .box1 .close-icon{display:block;position: absolute;width: .45rem;height: .45rem;background: #000 url(../images/close-w.svg) no-repeat center center/.25rem;top: .35rem;right: .4rem;border-radius: 50%;}

    .goods-page.list .box2{width: 100%;}
    .goods-page.list .box2 ul{display: block}
    .goods-page.list .box2 li{width: 100%;margin-right: 0;margin-bottom: .4rem;padding:.8rem .4rem .6rem}
    .goods-page.list .box2 .img-div{height: 3rem;}
    .goods-page.list .box2 li>p:nth-of-type(1){font-size: .32rem;margin: .4rem 0 .2rem}
    .goods-page.list .box2 li>p:nth-of-type(2){font-size: .28rem}
    .goods-page.list .box2 li>p:nth-of-type(3){margin: .2rem 0 .4rem;line-height: .48rem;}
    .goods-page.list .box2 .more{padding-left: 30%;background-position: 75% center;}
    .goods-page.list .box2 .load{margin-top: .3rem;}
    .goods-page.list .box2 .load>p{font-size: .28rem}
    .goods-page.list .box2 .load.loading>p{background-size:.45rem;padding-left: .6rem;}

    .goods-page.detail .tit{font-size: .45rem;line-height: .65rem;}

    .goods-page.detail .box1{display: block;}
    .goods-page.detail .box1 .pic{width: 100%;margin-bottom: .6rem;}
    .goods-page.detail .box1 .big .img-div>img{max-width: 70%;max-height: 70%;}
    .goods-page.detail .box1 .play{background-size:.8rem}
    .goods-page.detail .box1 .thumb{height:1.2rem}
    .goods-page.detail .box1 .thumb .img-div>img{max-width: 70%;max-height: 70%;}
    .goods-page.detail .box1 .con{width: 100%;}
    .goods-page.detail .box1 .con>p:nth-of-type(1){font-size: .32rem;}
    .goods-page.detail .box1 .con>p:nth-of-type(1)>s{font-size: .3rem}
    .goods-page.detail .box1 .con>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}
    .goods-page.detail .box1 .spec{margin: .25rem 0 0;}
    .goods-page.detail .box1 .spec li{display: block}
    .goods-page.detail .box1 .spec li>p{line-height: .48rem;font-size: .28rem;}
    .goods-page.detail .box1 .spec li>p:nth-of-type(1){width: 100%;padding: .3rem 0 0;}
    .goods-page.detail .box1 .spec li>p:nth-of-type(2){width: 100%;border-top: 0;padding: 0 0 .3rem;}
    .goods-page.detail .box1 .condition{flex-wrap:wrap;margin-bottom: .6rem;}
    .goods-page.detail .box1 .condition li{flex:auto;width:calc(50% - .2rem);margin-right: .4rem;padding: .3rem 0;}
    .goods-page.detail .box1 .condition li:nth-child(2n){margin-right: 0;}
    .goods-page.detail .box1 .condition li>p:nth-of-type(1){margin-bottom: .15rem;}
    .goods-page.detail .box1 .condition li>p:nth-of-type(2){font-size: .28rem;}
    .goods-page.detail .box1 .more{width: 2.6rem;line-height: .7rem;border-radius: .6rem}

    .goods-page.detail .box3{padding: 1rem 0 .6rem;}
    .goods-page.detail .box3>p{font-size: .28rem;line-height: .48rem}
    .goods-page.detail .box3{display: block;}
    .goods-page.detail .box3 li{margin-right: 0;width: 100%;margin-bottom: .4rem;padding: .4rem;}
    .goods-page.detail .box3 li:nth-child(3n){margin-right: 0;}
    .goods-page.detail .box3 .img-div{width: .6rem;height: .5rem;margin-left: calc(100% - .6rem);}
    .goods-page.detail .box3 .con>p:nth-of-type(1){line-height: .48rem}
    .goods-page.detail .box3 .con>p:nth-of-type(2){line-height: .52rem;font-size: .32rem;}

    .goods-page.detail .box4{padding-bottom: 1rem;}
    .goods-page.detail .box4 table{display: none;}
    .goods-page.detail .box4 ul{display: block;border: 1px #eee solid;margin-top: .4rem;}
    .goods-page.detail .box4 li>p{text-align: center;padding: .3rem;font-size: .24rem;line-height: .4rem;}
    .goods-page.detail .box4 li>p:nth-of-type(1){background: #f5f5f5;font-size: .28rem;line-height: .44rem;}

    .goods-page.detail .box5{padding-bottom: 1rem;}
    .goods-page.detail .box5 .swiper-slide{padding:1rem .4rem .6rem}
    .goods-page.detail .box5 .img-div{height: 3rem;}
    .goods-page.detail .box5 .swiper-slide>a:nth-of-type(1){font-size: .32rem;margin: .4rem 0 .1rem;}
    .goods-page.detail .box5 .swiper-slide>p{font-size: .28rem}
    .goods-page.detail .box5 .swiper-slide>p:nth-of-type(2){line-height: .48rem;}
}

@media (any-hover:hover){
    .goods-page .more:hover{background-color: #00aee9;color:#fff;background-image: url(../images/arrow1-w.svg);}
    .goods-page .arrow:hover{border-color:#00aee9;background-color: #00aee9;background-image: url(../images/arrow1-w.svg);}

    .goods-page.index .box1 .width>a:hover{background: #00aee9;color:#fff}

    .goods-page.index .box2>a:hover{color:#00aee9}
    .goods-page.index .box2 .swiper-slide:hover>a:nth-of-type(1){color:#00aee9}

    .goods-page.list .box2 li:hover>p:nth-of-type(1){color:#00aee9}
    .goods-page.list .box2 li:hover .more{background-color: #00aee9;color:#fff;background-image: url(../images/arrow1-w.svg);}
    .goods-page.list .box2 .load>p:hover{color:#00aee9}

    .goods-page.detail .box1 .arrow:hover{background-color: #00aee9;}
    .goods-page.detail .box1 .more:hover{opacity: .8;}

    .goods-page.detail .box2>img:hover{transform: scale(1.1);}

    .goods-page.detail .box3 li:hover::after{opacity: 1;}
    .goods-page.detail .box3 li:hover .con{filter: brightness(0%) invert(100%)}

    .goods-page.detail .box5 .swiper-slide:hover>a:nth-of-type(1){color:#00aee9}
}

/* 服务 */
.service-page{display: flex;padding: 1rem 0;justify-content: space-between;align-items: flex-start;}
.service-page .tit>p:nth-of-type(1){font-size: .48rem;line-height: .58rem;}
.service-page .tit>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;color:#333}

.service-page .box1{width: 46.52%;padding-top: .6rem;}
.service-page .box1 ul{display: flex;flex-wrap: wrap;padding: .4rem 0 .1rem;}
.service-page .box1 li{width: calc(50% - .15rem);margin-bottom: .35rem;}
.service-page .box1 li:nth-child(2n+1){margin-right: .3rem;}
.service-page .box1 li:last-child{width: 100%;margin-right: 0;}
.service-page .box1 li>p{font-size: .16rem;color:#333;margin-bottom: .15rem;}
.service-page .box1 li>input{width: 100%;border: 1px #eee solid;border-radius: .05rem;height: .5rem;}
.service-page .box1 li>input:focus{border-color: #00aee9;}
.service-page .box1 li>textarea{width: 100%;border: 1px #eee solid;border-radius: .05rem;height: 1.4rem;}
.service-page .box1 li>textarea:focus{border-color: #00aee9;}
.service-page .box1 .btn{width: 1.6rem;line-height: .5rem;border-radius: .25rem;color:#fff;text-align: center;transition: .3s;background: #00aee9;cursor: pointer;}

.service-page .box2{width: 46.52%;box-shadow: 0 0 .2rem rgba(0,0,0,.08);padding: .6rem .5rem .4rem;border-radius: .1rem;}
.service-page .box2 ul{margin-top: .35rem;}
.service-page .box2 li{display: flex;background: #f7f7f7;border-radius: .1rem;margin-bottom: .2rem;padding: .2rem .3rem;position: relative;transition: .3s;}
.service-page .box2 li>p{line-height: .24rem;}
.service-page .box2 li>p:nth-of-type(1){flex:1}
.service-page .box2 li>p:nth-of-type(2){color:#333;background: url(../images/8.png) no-repeat left center/.18rem;padding-left: .25rem;width: 1rem;text-align: right;}
.service-page .box2 .page{padding: .2rem 0;}

@media (max-width:1279px){
    .service-page{display: block;}
    .service-page .tit{text-align: center;}
    .service-page .tit>p:nth-of-type(1){font-size: .5rem;line-height: .7rem;margin-bottom:.1rem}
    .service-page .tit>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}

    .service-page .box1{width: 100%;padding-top: 0;margin-bottom: 1rem;}
    .service-page .box1 ul{display: block;padding: .4rem 0 0;}
    .service-page .box1 li{width: 100%;}
    .service-page .box1 li:nth-child(2n+1){margin-right: 0;}
    .service-page .box1 li>p{font-size: .28rem;}
    .service-page .box1 li>input{height: .8rem;}
    .service-page .box1 li>textarea{height: 2.5rem;}
    .service-page .box1 .btn{width: 2.5rem;line-height: .7rem;border-radius: .6rem;}

    .service-page .box2{width: 100%;padding: .6rem .4rem .3rem}
    .service-page .box2 li{display: block;margin-bottom: .3rem;padding: .4rem}
    .service-page .box2 li>p{line-height: .4rem;}
    .service-page .box2 li>p:nth-of-type(2){background: url(../images/8.png) no-repeat left center/.35rem;padding-left: .5rem;width: 100%;text-align: left;margin-top: .15rem;}
    .service-page .box2 .page{padding: .1rem 0 .3rem;}
}

@media (any-hover:hover){
    .service-page .box1 .btn:hover{opacity: .8;}

    .service-page .box2 li:hover{background: #00aee9;}
    .service-page .box2 li:hover>p:nth-of-type(1){color:#fff}
    .service-page .box2 li:hover>p:nth-of-type(2){filter: brightness(0%) invert(100%)}
}

/* 关于 */
.about-page .tit.center{text-align: center;}
.about-page .tit>p:nth-of-type(1){font-size: .48rem;line-height: .58rem;margin-bottom: .1rem;}
.about-page .tit>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;color:#666}
.about-page .arrow{width: .5rem;height: .5rem;border-radius: 50%;border: 1px solid #eee;position: absolute;top: 1.15rem;right: -.8rem;background: url(../images/arrow1.svg) no-repeat center center/.16rem;cursor: pointer;transition: .3s;z-index: 2;}
.about-page .prev{transform: rotate(180deg);left: -.8rem;right:auto}

.about-page .box1{padding: 1rem 0 .9rem;}
.about-page .box1 .con{display: flex;justify-content: space-between;margin-bottom: 1rem;}
.about-page .box1 .info{width: 45.71%;min-height: 5rem;display: flex;flex-direction: column;justify-content: center;}
.about-page .box1 .tit>p:nth-of-type(2){margin: .2rem 0 .4rem;}
.about-page .box1 .con .img-bg{width: 48.57%;height: 5rem;border-radius: .2rem;}
.about-page .box1 ul{display: flex;}
.about-page .box1 li{margin-right: .7rem;color: #666;}
.about-page .box1 li:last-child{margin-right: 0;}
.about-page .box1 li>p:nth-of-type(1){display: flex;align-items: center;}
.about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .48rem;color:#00aee9}
.about-page .box1 li>p:nth-of-type(2){font-size: .16rem;line-height: .24rem;}
.about-page .box1 .video{position: relative;}
.about-page .box1 .video .img-bg{height: 2.8rem;border-radius: .1rem;margin-bottom: .25rem;position: relative;}
.about-page .box1 .video .play{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5) url(../images/6.png) no-repeat center center/.48rem;cursor: pointer;}
.about-page .box1 .swiper-slide>p{font-size: .18rem;line-height: .28rem;color:#333;text-align: center;}

.about-page .box2{height: 8rem;position: relative;color:#fff}
.about-page .box2 .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.about-page .box2 .m{display:none}
.about-page .box2 .con{position: relative;z-index: 2;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.about-page .box2 .con .tit{height: calc(100% - 1.8rem);display: none;padding-top: 15%;}
.about-page .box2 .con .tit>p:nth-of-type(1){margin-bottom: .3rem;}
.about-page .box2 .con .tit>p:nth-of-type(2){color:#fff;max-width: 7.6rem;}
.about-page .box2 .con ul{height: 1.8rem;display: flex;border-top: 1px rgba(255,255,255,.1) solid;border-left: 1px rgba(255,255,255,.1) solid;backdrop-filter:blur(.12rem)}
.about-page .box2 .con li{flex:1;border-right: 1px rgba(255,255,255,.1) solid;padding: .45rem .2rem .2rem;transition: .3s;}
.about-page .box2 .con li.active{background: #00aee9;}
.about-page .box2 .con .img-div{width: .47rem;height: .47rem;margin: 0 auto .15rem;}
.about-page .box2 .con li>p{font-size: .16rem;line-height: .26rem;text-align: center;}
.about-page .box2 .swiper-container{display:none}

.about-page .box3{padding: .9rem 0;}
.about-page .box3 .con{position: relative;margin-top: .45rem;}
.about-page .box3 .swiper-slide{width: 3.3rem;}
.about-page .box3 .img-div{background: #f7f7f7;border-radius: .1rem;height: 3.8rem;margin-bottom: .15rem;}
.about-page .box3 .img-div>img{max-width: 70%;max-height: 70%;}
.about-page .box3 .swiper-slide>p{font-size: .16rem;line-height: .26rem;}
.about-page .box3 .arrow{right: .5rem;background-color: #fff;top: 1.65rem;}
.about-page .box3 .prev{left: .5rem;}

.about-page .box4{background: #f7f7f7;padding:.9rem 0 1rem}
.about-page .box4 .con{display: flex;margin-top: .45rem;justify-content: space-between;}
.about-page .box4 ul{width: 55%;}
.about-page .box4 li{background: #fff;border-radius: .1rem;margin-bottom: .2rem;}
.about-page .box4 li:last-child{margin-bottom: 0;}
.about-page .box4 li>p:nth-of-type(1){font-size: .22rem;line-height: .32rem;position: relative;padding: .3rem .7rem .3rem .4rem;transition: .3s;border-radius: .1rem .1rem 0 0;cursor: pointer;}
.about-page .box4 li>p:nth-of-type(1)::after{width: .17rem;height: .17rem;background: url(../images/9.png) no-repeat center center/100%;content:'';position: absolute;top: .36rem;right: .3rem;}
.about-page .box4 li>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;color:#333;padding: .35rem .4rem .45rem;display: none;}
.about-page .box4 li.active>p:nth-of-type(1){background: #00aee9;color:#fff}
.about-page .box4 li.active>p:nth-of-type(1)::after{background-image: url(../images/10.png);}
.about-page .box4 .img-bg{width: 41.42%;height: 6.55rem;border-radius: .2rem;}

@media (max-width:1440px){
    .about-page .box1 li{margin-right: .6rem;}
}

@media (max-width:1279px){
    .about-page .tit>p:nth-of-type(1){font-size: .5rem;line-height: .7rem;}
    .about-page .tit>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}
    .about-page .arrow{width: .8rem;height: .8rem;background: url(../images/arrow1.svg) no-repeat center center/.25rem}
    .about-page .swiper-pagination{position:static;margin-top:.3rem}
    .about-page .swiper-pagination-bullet{margin:0 .08rem}
    .about-page .swiper-pagination-bullet-active{background:#00aee9}
    
    .about-page .box1{padding: 1rem 0;}
    .about-page .box1 .con{display: block;margin-bottom: .6rem;}
    .about-page .box1 .info{width: 100%;min-height: 0;display: block}
    .about-page .box1 .tit{text-align:center}
    .about-page .box1 .tit>p:nth-of-type(2){margin: .1rem 0 .4rem;}
    .about-page .box1 .con .img-bg{width: 100%;height: auto;}
    .about-page .box1 .con .img{padding-bottom:73.52%;}
    .about-page .box1 ul{display: block;padding-bottom:.3rem}
    .about-page .box1 li{margin: 0 0 .3rem;}
    .about-page .box1 li>p:nth-of-type(1){justify-content:center;}
    .about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .5rem;width:auto !important;margin-right:.1rem}
    .about-page .box1 li>p:nth-of-type(2){font-size: .28rem;line-height: .44rem;text-align:center}
    .about-page .box1 .video .img-bg{height: auto;margin-bottom: .25rem}
    .about-page .box1 .video .img{padding-bottom:63.63%}
    .about-page .box1 .video .play{background-size:.8rem}
    .about-page .box1 .swiper-slide>p{font-size: .28rem;line-height: .48rem;}
    
    .about-page .box2{height: auto;position: relative;color:#fff;padding-bottom:.4rem}
    .about-page .box2 .pc{display:none}
    .about-page .box2 .m{display:block}
    .about-page .box2 .con{display:none}
    .about-page .box2 .swiper-container{display:block;}
    .about-page .box2 .swiper-slide{padding:1.5rem .4rem .8rem;height:auto;}
    .about-page .box2 .swiper-slide .img-div{width:.7rem;height:.7rem;margin-bottom:.2rem}
    .about-page .box2 .swiper-slide .tit>p:nth-of-type(1){font-size: .45rem;line-height: .65rem;}
    .about-page .box2 .swiper-slide .tit>p:nth-of-type(2){color:#fff}
    .about-page .box2 .swiper-pagination-bullet{background:#fff;opacity:1}
    .about-page .box2 .swiper-pagination-bullet-active{background:#00aee9}
    
    .about-page .box3{padding: 1rem 0;}
    .about-page .box3 .swiper-slide{width: 60%;}
    .about-page .box3 .img-div{height: 5rem;margin-bottom: .3rem;}
    .about-page .box3 .img-div>img{max-width: 80%;max-height: 80%;}
    .about-page .box3 .swiper-slide>p{font-size: .24rem;line-height: .4rem;}
    .about-page .box3 .arrow{right: .4rem;top: 2rem;}
    .about-page .box3 .prev{left: .4rem;}
    
    .about-page .box4{padding:1rem 0}
    .about-page .box4 .con{display: block}
    .about-page .box4 ul{width: 100%;margin-bottom:.6rem}
    .about-page .box4 li{margin-bottom: .3rem;}
    .about-page .box4 li>p:nth-of-type(1){font-size: .28rem;line-height: .44rem}
    .about-page .box4 li>p:nth-of-type(1)::after{width: .25rem;height: .25rem;top: .4rem}
    .about-page .box4 li>p:nth-of-type(2){font-size: .24rem;line-height: .4rem;padding: .35rem .4rem .45rem}
    .about-page .box4 .img-bg{width: 100%;height: auto;}
    .about-page .box4 .img{padding-bottom:112.93%}
}

@media (any-hover:hover){
    .about-page .arrow:hover{border-color:#00aee9;background-color: #00aee9;background-image: url(../images/arrow1-w.svg);}

    .about-page .box1 .swiper-slide:hover .img{transform: scale(1.1);}
    .about-page .box1 .swiper-slide:hover>p{color:#00aee9}
}

/* 联系 */
.contact-page{padding: .9rem 0 .8rem;}
.contact-page>p{font-size: .48rem;line-height: .58rem;margin-bottom: .5rem;}
.contact-page ul{display: flex;flex-wrap: wrap;}
.contact-page li{width: calc(25% - .15rem);margin-right: .2rem;border-radius: .1rem;margin-bottom: .2rem;padding: .4rem;position: relative;background: #f8f8f8;}
.contact-page li:nth-child(4){margin-right: 0;}
.contact-page li:nth-child(5){flex: 1;}
.contact-page li:last-child{margin-right: 0;}
.contact-page li::after{content:'';width: 100%;height: 100%;top: 0;left: 0;background: url(../images/11.jpg) no-repeat center center/cover;opacity: 0;transition: .3s;position: absolute;border-radius: .1rem;}
.contact-page .con{position: relative;z-index: 2;}
.contact-page .img-div{width: .31rem;height: .31rem;}
.contact-page .con>p:nth-of-type(1){color:#666;margin: .3rem 0 .1rem;}
.contact-page .con>p:nth-of-type(2){font-size: .18rem;line-height: .3rem;}
.contact-page .media{display: flex;margin-top: .15rem;}
.contact-page .media>a{width: .2rem;height: .22rem;margin-right: .2rem}
.contact-page .media>a:last-child{margin-right: 0;}

@media (max-width:1279px){
    .contact-page{padding: 1rem 0 .7rem;}
    .contact-page>p{font-size: .5rem;line-height: .7rem}
    .contact-page ul{display: block}
    .contact-page li{width: 100%;margin-right: 0;margin-bottom: .3rem;padding: .5rem .4rem .4rem}
    .contact-page .img-div{width: .5rem;height: .5rem;}
    .contact-page .con>p:nth-of-type(1){margin: .2rem 0 .1rem;}
    .contact-page .con>p:nth-of-type(2){font-size: .28rem;line-height: .44rem;}
    .contact-page .media{margin: .3rem 0 .2rem;}
    .contact-page .media>a{width: .35rem;height: .4rem;margin-right: .3rem}
}

@media (any-hover:hover){
    .contact-page li:hover::after{opacity: 1;}
    .contact-page li:hover .img-div>img{filter: brightness(0%) invert(100%)}
    .contact-page li:hover .con>p:nth-of-type(1){color:#fff}
    .contact-page li:hover .con>p:nth-of-type(2){color:#fff}
}

/* 新闻 */
.news-page.list{padding: 1rem 0 .75rem;}
.news-page.list ul{display: flex;flex-wrap: wrap;}
.news-page.list li{width: calc(100% / 3 - .16rem);margin-right: .24rem;margin-bottom: .25rem;background: #f5f5f5;border-radius: .1rem;height: 4rem;position: relative;padding: .65rem .3rem 0 .5rem;}
.news-page.list li:nth-child(3n+2){margin-right: 0;}
.news-page.list li:nth-child(2){height: 4.5rem;}
.news-page.list li::after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/18.jpg) no-repeat center center/cover;transition: .3s;opacity: 0;border-radius: .1rem;}
.news-page.list .img-bg{height: 100%;border-radius: .1rem;}
.news-page.list .con{position: relative;z-index: 2;}
.news-page.list .con>p{color:#666;line-height: .24rem;}
.news-page.list .con>p:nth-of-type(1){font-size: .18rem;color:#00aee9}
.news-page.list .con>p:nth-of-type(2){font-size: .2rem;line-height: .26rem;color:#000;margin: .2rem 0;}
.news-page.list .con>p:nth-of-type(4){margin-top: .15rem;transition: .3s;}
.news-page.list li>p{width: .6rem;height: .6rem;border: 1px #ddd solid;border-radius: 50%;background: url(../images/arrow1.svg) no-repeat center center/.2rem;position: absolute;bottom: .5rem;left: .5rem;z-index: 2;}
.news-page.list li.head{width: calc((100% / 3 - .16rem) * 2 + .24rem);height: 4.5rem;padding: 0;}
.news-page.list li.head .con{position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);border-radius: 0 0 .1rem .1rem;padding: 10% .5rem .4rem;transition: .3s;}
.news-page.list li.head .con>p{color:#fff}
.news-page.list li.head .con>p:nth-of-type(1){color:#fff}
.news-page.list li.head .con>p:nth-of-type(2){color:#fff;margin:.1rem 0;font-size: .24rem;}
.news-page.list .page{padding: .25rem 0;}

.news-page.detail{background: #F7F7F7;padding-bottom: 1rem;}
.news-page.detail .con{background: #fff;padding: .9rem 1rem;margin-top: .3rem;}
.news-page.detail .con>p:nth-of-type(1){text-align: center;font-size: .3rem;line-height: .4rem;}
.news-page.detail .con>p:nth-of-type(2){color: #666;background: url(../images/19.png) no-repeat left center/.2rem;padding-left: .3rem;width: 2.1rem;margin: .25rem auto .4rem;line-height: .2rem;}
.news-page.detail .content{border-top: 1px #eee solid;border-bottom: 1px #eee solid;padding: .4rem 0 .7rem;margin-bottom: .45rem;}
.news-page.detail .content p{font-size: .16rem;line-height: .3rem;color:#666}
.news-page.detail .content p span{text-wrap-mode: wrap !important;}
.news-page.detail .content a{display: inline-block;}
.news-page.detail .content img,.news-page.detail .content video{max-width: 100%;height: auto !important;}
.news-page.detail .jump{display: flex;align-items: center;}
.news-page.detail .info{flex:1;padding-right: 1rem;}
.news-page.detail .info>a{font-size: .16rem;line-height: .3rem;color:#666}
.news-page.detail .jump>a{width: 1.8rem;line-height: .5rem;border-radius: .25rem;font-size: .16rem;text-align: center;color:#fff;background: #00aee9;transition: .3s;}

@media (max-width:1279px){
    .news-page.list{padding: 1rem 0 .6rem;}
    .news-page.list ul{display: block}
    .news-page.list li{width: 100%;margin-right: 0;margin-bottom: .4rem;height: auto;padding: .6rem .4rem;}
    .news-page.list li:nth-child(2){height: auto;}
    .news-page.list .img-bg{height: auto}
    .news-page.list .img{padding-bottom:80%}
    .news-page.list .con>p{line-height: .4rem;}
    .news-page.list .con>p:nth-of-type(1){font-size: .28rem}
    .news-page.list .con>p:nth-of-type(2){font-size: .32rem;line-height: .48rem;}
    .news-page.list .con>p:nth-of-type(4){margin: .15rem 0 .3rem}
    .news-page.list li>p{width: .7rem;height: .7rem;position: static}
    .news-page.list li.head{width:100%;height: auto}
    .news-page.list li.head .con{padding: 10% .4rem .4rem}
    .news-page.list li.head .con>p:nth-of-type(2){font-size: .32rem;}
    .news-page.list .page{padding: .1rem 0 .4rem;}
    
    .news-page.detail .con{padding: .6rem .4rem;margin-top: .5rem;}
    .news-page.detail .con>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;}
    .news-page.detail .con>p:nth-of-type(2){background: url(../images/19.png) no-repeat left center/.3rem;padding-left: .45rem;width: 4rem;line-height: .3rem;}
    .news-page.detail .content{padding: .4rem 0;}
    .news-page.detail .content p{font-size: .28rem;line-height: .48rem}
    .news-page.detail .jump{display: block}
    .news-page.detail .info{padding: 0 0 .2rem;}
    .news-page.detail .info>a{font-size: .26rem;line-height: .46rem}
    .news-page.detail .jump>a{width: 2.5rem;line-height: .7rem;border-radius: .6rem;font-size: .28rem;}
}

@media (any-hover:hover){
    .news-page.list li.head:hover .img{transform: scale(1.1);}
    .news-page.list li.head:hover .con{padding-bottom: .45rem;}
    .news-page.list li:not(.head):hover::after{opacity: 1;}
    .news-page.list li:hover .con>p{color:#fff}
    .news-page.list li:hover .con>p:nth-of-type(1){color:#fff}
    .news-page.list li:hover .con>p:nth-of-type(2){color:#fff}
    .news-page.list li:hover .con>p:nth-of-type(4){opacity: 0;}
    .news-page.list li:hover>p{background-image: url(../images/arrow1-w.svg);}

    .news-page.detail .info>a:hover{color: #00aee9;}
    .news-page.detail .jump>a:hover{opacity: .8;}
}

/* 评价 */
.review-page{padding: 1rem 0 .7rem;}
.review-page ul{display: flex;flex-wrap: wrap;}
.review-page li{margin-bottom: .3rem;background: #f5f5f5;border-radius: .1rem;padding: .35rem;margin-right: .24rem;width: calc(100% / 3 - .16rem);display:flex;flex-direction:column;justify-content:space-between}
.review-page li:nth-child(3n){margin-right: 0;}
.review-page .name{display: flex;}
.review-page .info{flex:1;padding-right: .3rem;}
.review-page .info>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;margin-bottom: .05rem;}
.review-page .info>p:nth-of-type(2){width: 1.21rem;height: .17rem;background: url(../images/2.png) no-repeat center center/100%;}
.review-page .name .img-div{width: .56rem;height: .56rem;}
.review-page .con>p{font-size: .2rem;line-height: .36rem;color:#333;margin: .25rem 0 .35rem;}
.review-page .goods{border-radius: .1rem;background: #fff;display: flex;padding: .2rem;align-items: center;}
.review-page .goods .img-div{width: .94rem;height: .91rem;}
.review-page .goods>p{font-size: .2rem;line-height: .32rem;flex:1;padding-left: .2rem;}
.review-page .page{padding: .2rem 0 .3rem;}

@media (max-width:1279px){
    .review-page{padding: 1rem 0 .6rem;}
    .review-page ul{display: block}
    .review-page li{margin-bottom: .4rem;padding: .5rem .4rem;margin-right: 0;width: 100%;display:block}
    .review-page .info{padding-right: .2rem;}
    .review-page .info>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;}
    .review-page .info>p:nth-of-type(2){width: 1.83rem;height: .25rem;}
    .review-page .name .img-div{width: .8rem;height: .8rem;}
    .review-page .con>p{font-size: .28rem;line-height: .48rem;margin: .3rem 0;}
    .review-page .goods{padding: .3rem}
    .review-page .goods>p{font-size: .28rem;line-height: .44rem;padding-left: .3rem;}
    .review-page .page{padding: .1rem 0 .4rem;}
}

/* 搜索 */
.search-page{padding:.3rem 0 .7rem;}
.search-page ul{display: flex;flex-wrap: wrap;}
.search-page li{background:#f5f5f5;padding:.4rem;border-radius: .1rem;width: calc(100% / 3 - .2rem);margin-right: .3rem;margin-bottom: .3rem;transition: .3s;position: relative;}
.search-page li:nth-child(3n){margin-right: 0;}
.search-page li>p:nth-of-type(1){font-size: .18rem;line-height: .28rem;margin-bottom: .05rem;}
.search-page li>p:nth-of-type(2){line-height: .24rem;color:#666}
.search-page .page{padding:.2rem 0 .3rem}

@media (max-width:1279px){
    .search-page{padding:.6rem 0 .7rem;}
    .search-page ul{display: block}
    .search-page li{width: 100%;margin-right: 0;}
    .search-page li>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;margin-bottom: .05rem;}
    .search-page li>p:nth-of-type(2){line-height: .4rem}
}

@media (any-hover:hover){
    .search-page li:hover{background: #00aee9;}
    .search-page li:hover>p:nth-of-type(1){color:#fff}
    .search-page li:hover>p:nth-of-type(2){color:#fff}
}