/*公共*/
.header{position: fixed;width: 100%;top: 0;left: 0;z-index: 2000;transition: background .5s,transform .5s;}
.header>.width{display: flex;justify-content: space-between;align-items: center;}
.header .logo{width: 3.24rem;height: .51rem;transition: .3s;justify-content: flex-start;filter: brightness(0%) invert(100%);}
.header .con{flex:1;display: flex;justify-content: flex-end;}
.header ul{display: flex;margin-right: .3rem;transition: .3s;}
.header ul.hide{transform: scale(0);}
.header li{padding: 0 .35rem;}
.header li>a{font-size: .16rem;line-height: 1.3rem;color:#fff;transition: .3s;position: relative;}
.header li>a::after{content:'';width: 0;height: .02rem;background: #fff;position: absolute;bottom: .4rem;left: 50%;transform: translateX(-50%);transition: .3s;}
.header .popup{position: fixed;top: 1.3rem;left: 0;width: 100%;background: rgba(0,0,0,.9);border-top: 1px #eee solid;display: none;height: 100%;}
.header .popup .width{display: flex;position: relative;z-index: 2;}
.header .popup .tab{width: 3.24rem;background: #f5f7fa;padding: .5rem 0 .4rem;}
.header .popup .tab>a{line-height: .6rem;font-size: .18rem;color:#666;padding: 0 .6rem 0 .25rem;margin-bottom: .1rem;position: relative;transition: .3s;}
.header .popup .tab>a.active{background: #139ecd;color:#fff;border-radius: .1rem 0 0 .1rem;}
.header .popup .tab>a::after{content:'';width: .15rem;height: .13rem;background: url(../images/1.png) no-repeat center center/100%;position: absolute;top: .23rem;right: .3rem;transition: .3s;}
.header .popup .tab>a.active::after{filter:brightness(0%) invert(100%)}
.header .popup .con{background: #fff;width: calc(100% - 3.24rem);padding: .5rem 0;}
.header .solution{background: #fff;position: relative;}
.header .solution::before{content:'';width: 50%;height:100%;background: #f5f7fa;position: absolute;top: 0;left: 0;}
.header .solution .items-box{display: none;}
.header .solution .items{display: flex;padding-left: 1.1rem;}
.header .solution .item{width: calc(100% / 3 - .5rem);margin-right: .75rem;position: relative;}
.header .solution .item:last-child{margin-right: 0;}
.header .solution .img-bg{border-radius: .2rem;height: 2rem;}
.header .solution .item>p:nth-of-type(1){font-size: .24rem;color:#000;margin: .25rem 0 .2rem;}
.header .solution .item>p:nth-of-type(2),.header .solution .note{font-size: .16rem;color:#666;line-height: .3rem;margin-bottom: .25rem;}
.header .solution .item>span{font-size: .16rem;color:#139ecd;background: url(../images/2.png) no-repeat right center/.1rem;display: inline-block;filter: grayscale(1);padding-right: .3rem;}
.header .about{background: #fff;position: relative;}
.header .about::before{content:'';width: 50%;height:100%;background: #f5f7fa;position: absolute;top: 0;left: 0;}
.header .about .items{display: none;padding-left: .8rem;width: 100%;}
.header .about .item{display: flex;align-items: center;justify-content: space-between;position: relative;}
.header .about .info{width: 50%;}
.header .about .info>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;}
.header .about .info>p:nth-of-type(2){font-size: .18rem;line-height: .36rem;color: #666;margin: .15rem 0 .4rem;height: .72rem;}
.header .about .info>p:nth-of-type(3){font-size: .16rem;color:#139ecd;background: url(../images/2.png) no-repeat right center/.1rem;display: inline-block;filter: grayscale(1);padding-right: .3rem;}
.header .about .img-bg{width: 40%;border-radius: .2rem}
.header .about .img{padding-bottom: 39.58%;}
.header .search-box{position: relative;}
.header .search-box>p{width: .2rem;height: 1.3rem;background: url(../images/search.png) no-repeat center center/100%;filter: brightness(0%) invert(100%);cursor: pointer;transition: .3s;}
.header .search-box>p.hide{transform: scale(0);}
.header .search{position: absolute;right: 0;top: .4rem;transform: scale(0);display: flex;align-items: center;transition: .3s;}
.header .search.show{transform: scale(1);}
.header .search>div{display: flex;margin-right: .1rem;}
.header .search>div>input{width: 3rem;height: .5rem;border-radius: .05rem 0 0 .05rem;padding: 0 .2rem;background: #f5f5f5;}
.header .search .btn{width: .5rem;height: .5rem;background: #139ecd url(../images/search-w.png) no-repeat center center/.2rem;border-radius: 0 .05rem .05rem 0;cursor: pointer;}
.header .search .close{width: .25rem;height: .25rem;background: url(../images/close.svg) no-repeat center center/100%;cursor: pointer;filter: brightness(0%) invert(100%)}
.header.active{background: #fff;border-bottom: 1px #eee solid;}
.header.active .logo{filter:none}
.header.active li>a{color: #333;}
.header.active li>a.active{color:#139ecd}
.header.active li>a.open{color:#139ecd}
.header.active li>a.open::after{background: #139ecd;width: 100%;}
.header.active .search-box>p{filter:none}
.header.active .search .close{filter: none}
.header.sm .logo{width: 2.77rem;height: .42rem;}
.header.sm li>a{line-height: 1rem;}
.header.sm li>a::after{bottom: .3rem;}
.header.sm .popup{top: 1rem;}
.header.sm .search-box>p{height: 1rem}
.header.sm .search{top: .25rem;}
.header.hide{transform: translateY(-1.3rem);}

.footer1 .width{display: flex;align-items: center;height: 3rem;}
.footer1 .con{flex:1;color: #fff;font-size: .18rem;}
.footer1 .con>p:nth-of-type(1){font-size: .36rem;margin-bottom: .1rem;}
.footer1 ul{flex:1;display: flex;justify-content: flex-end;}
.footer1 li{opacity: .7;padding-bottom: .05rem;position: relative;transition: .3s;}
.footer1 li:nth-of-type(1){padding-right: 1rem;margin-right: 1rem;border-right: 1px solid rgba(255,255,255,.3);}
.footer1 .img-div{width: .63rem;height: .61rem;margin: .1rem auto .3rem;}
.footer1 li>p{color:#fff;font-size: .24rem;}

.footer2{background: #f5f8fa;}
.footer2 .width{display: flex;border-bottom: 1px solid rgba(0,0,0,.1);padding: 1rem 0 .8rem;}
.footer2 .info{width: 30%;}
.footer2 .logo{width: 3rem;height: .46rem;justify-content: flex-start;margin-bottom: .4rem;}
.footer2 .contact>p{margin-bottom: .3rem;}
.footer2 .contact>p>span{display: block;color:#999}
.footer2 .contact>p>span:nth-of-type(2){color:#333;font-size: .24rem;line-height: .34rem;margin-top: .05rem;}
.footer2 .contact>p>span:nth-of-type(2).address{font-size: .16rem;line-height: .26rem;margin-top: .1rem;}
.footer2 ul{flex:1;display: flex;}
.footer2 li{margin-right: 1rem;}
.footer2 li>a{font-size: .2rem;margin-bottom: .25rem;}
.footer2 .child>a{font-size: .16rem;line-height: .36rem;color: #666;}
.footer2 .medias{width:2.25rem}
.footer2 .qrs{display: flex;justify-content: flex-end;}
.footer2 .qr:nth-of-type(1){margin-right: .25rem;}
.footer2 .qr .img-div{width: 1rem;height: 1rem;margin-bottom: .1rem;}
.footer2 .qr>p{color: #666;text-align: center;}
.footer2 .medias>p{font-size: .16rem;margin: .4rem 0 .1rem;}
.footer2 .media{display: flex;flex-wrap: wrap;}
.footer2 .media>.img-div{width: .43rem;height: .43rem;border-radius: 50%;border: 1px solid #9b9b9b;margin-right: .2rem;transition: .3s;position: relative;}
.footer2 .media>.img-div:last-child{margin-right: 0;}
.footer2 .media>.img-div>img{max-width: 50%;max-height: 50%;}
.footer2 .media .img-div .img-div{position: absolute;top: calc(100% + .1rem);left: 50%;transform: translateX(-50%) scale(0);width: 1rem;height: 1rem;transition: .3s;}
.footer2 .media .img-div:hover .img-div{transform: translateX(-50%) scale(1);}

.footer3{background: #f5f8fa;padding: .2rem 0 .9rem;}
.footer3 .width{display: flex;}
.footer3 .width>p{flex:1;color:#b2b2b2}
.footer3 .beian{flex:1;display: flex;justify-content: flex-end;}
.footer3 .beian>a{color:#b2b2b2}

.float{position: fixed;width: .8rem;top: 50%;right: .2rem;box-shadow: 0 0 .1rem rgba(0,0,0,.1);border-radius: .4rem;background: #fff;z-index: 1000;margin-top: -1.85rem;}
.float li{border-bottom: 1px solid #eee;padding: .15rem 0;position: relative;}
.float li:nth-of-type(1){height: .94rem;margin: -.15rem 0 .1rem;padding: 0;border-bottom: 0;}
.float li.back{border-bottom: 0;padding: .3rem 0;}
.float .img-div{width: .25rem;height: .26rem;margin: 0 auto;}
.float li:nth-of-type(1) .img-div{width: 100%;height: 100%;}
.float li.back .img-div{width: .22rem;height: .22rem;}
.float li>p{text-align: center;color:#666;margin-top: .1rem;}

.inner-banner{position:relative}
.inner-banner .m{display:none}
.inner-banner .img{padding-bottom:29.16%}
.inner-banner .width{position:absolute;top:35%;left:50%;transform:translateX(-50%);color:#fff}
.inner-banner .width>h1{font-size:.48rem;margin-bottom: .15rem;line-height: .58rem;}
.inner-banner .width>p{font-size:.2rem;line-height:.3rem;}

.progress{position: relative;height: 1px;background: #d9d9d9;}
.progress>span{background: #139ecd;height: .03rem;top: -.01rem;position: absolute;left: 0;transition: .3s;}

.nav-m{display: none;}

@media (max-width:1024px){
    .header .logo{width: 3.56rem;height: .56rem;}
    .header ul{display: none;}
    .header .search-box>p{width: .4rem;height: 1.2rem;}
    .header .search{position: fixed;left: 0;top: 1.2rem;width: 100%;transform: scale(1);display: none;}
    .header .search>div{margin-right: .2rem;width: 100%;}
    .header .search>div>input{width: calc(100% - .8rem);height: .8rem;padding: 0 .3rem;}
    .header .search .btn{width: .8rem;height: .8rem;background-size:.3rem;}
    .header .search .close{display: none;}
    .header .menu{width: .45rem;height: 1.2rem;background: url(../images/menu.svg) no-repeat center center/100%;filter: brightness(0%) invert(100%);margin-left: .2rem;}
    .header.active .menu{filter:none}
    .header.sm .logo{width: 3.56rem;height: .56rem;}
    .header.sm .search-box>p{height: 1.2rem}
    .header.sm .search{top: 1.2rem;}
    .header.hide{transform: translateY(-2.4rem);}

    .footer1 .width{display: block;height: auto;padding: 1rem 0;}
    .footer1 .con{font-size: .28rem;text-align: center;line-height: .48rem;}
    .footer1 .con>p{text-align: center;}
    .footer1 .con>p:nth-of-type(1){font-size: .4rem;margin-bottom: .2rem;}
    .footer1 ul{justify-content: center;}
    .footer1 li{opacity: 1;}
    .footer1 .img-div{width: .83rem;height: .81rem;}
    .footer1 li>p{font-size: .32rem;}

    .footer2 .width{display: block;padding: 1rem 0 .6rem;}
    .footer2 .info{width: 100%;}
    .footer2 .logo{width: 4.45rem;height: .7rem;justify-content: center;margin: 0 auto .4rem;}
    .footer2 .contact>p{text-align: center;}
    .footer2 .contact>p>span:nth-of-type(2){font-size: .32rem;line-height: .52rem;}
    .footer2 .contact>p>span:nth-of-type(2).address{font-size: .32rem;line-height: .52rem;}
    .footer2 ul{display: block;margin: .6rem 0;border-top: 1px #ddd solid;}
    .footer2 li{margin: 0;position: relative;border-bottom: 1px #ddd solid;padding: .3rem 0;}
    .footer2 li.active{padding-bottom: 0;}
    .footer2 li::after{background: url(../images/arrow1.svg) no-repeat center center/100%;position: absolute;content:'';width: .35rem;height: .35rem;top: .32rem;right: 0;transition: .3s;}
    .footer2 li.active::after{transform: rotate(90deg);}
    .footer2 li>a{font-size: .3rem;margin-bottom: 0;display: inline-block;}
    .footer2 .child{display: none;padding: .2rem 0 0 .4rem;}
    .footer2 .child>a{line-height: .9rem;border-bottom: 1px #ddd solid;font-size: .28rem;}
    .footer2 .child>a:last-child{border-bottom: 0;}
    .footer2 .medias{width:100%}
    .footer2 .qrs{justify-content: center;}
    .footer2 .qr:nth-of-type(1){margin-right: .6rem;}
    .footer2 .qr .img-div{width: 2rem;height: 2rem;margin-bottom: .2rem;}
    .footer2 .medias>p{font-size: .32rem;margin: .6rem 0 .2rem;text-align: center;}
    .footer2 .media{justify-content: center;}
    .footer2 .media>.img-div{width: .7rem;height: .7rem;}
    .footer2 .media .img-div .img-div{top: calc(100% + .2rem);width: 2rem;height: 2rem}

    .footer3{padding: .3rem 0 .4rem;}
    .footer3 .width{display: block;}
    .footer3 .width>p{text-align: center;margin-bottom: .1rem;}
    .footer3 .beian{justify-content: center;}

    .float{display: none;}

    .inner-banner .pc{display:none}
    .inner-banner .m{display:block}
    .inner-banner .img{padding-bottom:70%}
    .inner-banner .width{top:50%;text-align: center;transform: translate(-50%,-50%);}
    .inner-banner .width>h1{font-size:.5rem;line-height: .7rem;}
    .inner-banner .width>p{font-size:.28rem;line-height:.48rem;text-align: center;}

    .nav-m{position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;z-index:2001;}
    .nav-m .info{display:flex;justify-content:space-between;align-items:center;height:1.2rem;background: #fff;}
    .nav-m .logo{width: 3.56rem;height: .56rem;}
    .nav-m .close{width: .4rem;height:100%;background:url(../images/close.svg) no-repeat left center/100%}
    .nav-m ul{border-top:1px solid #eee;overflow-y: auto;overflow-x:hidden;height:calc(100% - 1.2rem);position: absolute;top: 1.2rem;left: 0;width: 100%;padding: 0 .3rem;}
    .nav-m li{border-bottom:1px solid #eee;padding:.35rem 0;position:relative;}
    .nav-m li::after{position:absolute;top:0;right:0;content:'';width:.4rem;height:100%;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;font-size: .32rem;}
    .nav-m li.block>a{display: block;}
    .nav-m .child{margin: .1rem 0 .2rem .3rem;display: none;}
    .nav-m .child>a{padding: .3rem 0;border-bottom: 1px #eee solid;font-size: .3rem;}
}

@media (any-hover:hover){
    .header li>a:hover{color:#139ecd}
    .header.active li>a:hover::after{background: #139ecd;}
    .header .solution .item:hover .img{transform: scale(1.1);}
    .header .solution .item:hover>p:nth-of-type(1){color:#139ecd}
    .header .solution .item:hover>span{filter:grayscale(0)}
    .header .about .item:hover .info>p:nth-of-type(1){color:#139ecd}
    .header .about .item:hover .info>p:nth-of-type(3){filter:grayscale(0)}
    .header .about .item:hover .img{transform: scale(1.1);}

    .footer1 li:hover{opacity: 1;}
    .footer1 li:hover>p{text-decoration: underline;}
    .footer2 li>a:hover{color: #139ecd;}
    .footer2 .child>a:hover{color: #139ecd;}
    .footer2 .media>.img-div:hover{background: #139ecd;border-color: #139ecd;}
    .footer2 .media>.img-div:hover>img{filter:brightness(0%) invert(100%)}
    .footer3 .beian>a:hover{color: #139ecd;}

    .float li:hover>p{color: #139ecd;}
}

/* 首页 */
.index-page .tit>h2{font-size: .48rem;line-height: .58rem;color: #000;}
.index-page .tit>p{font-size: .18rem;line-height: .36rem;color: #666;margin-top: .25rem;}
.index-page .more{line-height: .58rem;border-radius: .3rem;background: #139ecd;transition: .3s;display: inline-block;padding-right: .5rem;border: 1px solid #139ecd;}
.index-page .more>p{font-size: .16rem;color:#fff;padding: 0 .35rem 0 .5rem;background: url(../images/3.png) no-repeat right center/.11rem;}

.index-page .box1 .img{padding-bottom: 48.5%;}
.index-page .box1 .m{display: none;}
.index-page .box1 video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.index-page .box1 .swiper-slide .width{position: absolute;top: 25%;left: 50%;transform: translateX(-50%);color:#fff;text-align: center;}
.index-page .box1 .swiper-slide .width>p:nth-of-type(1){font-size: .3rem;line-height: .4rem;text-align: center;}
.index-page .box1 .swiper-slide .width>h1,.index-page .box1 .swiper-slide .width>p:nth-of-type(2){font-size: .6rem;line-height: .7rem;margin: .2rem 0 .45rem;text-align: center;}
/* .index-page .box1 .jump{position: absolute;bottom: .6rem;left: 50%;transform: translateX(-50%);z-index: 2;display: flex;align-items: flex-end;}
.index-page .box1 .arrow{display: flex;}
.index-page .box1 .arrow>div{width: .46rem;height: .46rem;border: 1px solid #fff;background: url(../images/4.png) no-repeat center center/.14rem;border-radius: 50%;cursor: pointer;transition: .3s;}
.index-page .box1 .prev{margin-right: .1rem;transform: rotate(180deg);}
.index-page .box1 .arrow>div.swiper-button-disabled{cursor: auto;opacity: .5;}
.index-page .box1 .tab{flex:1;padding-left: 1rem;display: flex;flex-wrap: wrap;justify-content: flex-end;}
.index-page .box1 .tab>p{min-width: 1.3rem;padding: 0 .35rem;line-height: .52rem;border: 1px rgba(255,255,255,.1) solid;border-radius: .1rem;font-size: .16rem;color: #fff;margin: 0 0 .1rem .1rem;transition: .3s;cursor: pointer;}
.index-page .box1 .tab>p:last-child{margin-right: 0;}
.index-page .box1 .tab>p.active{background: #139ecd;border-color: #139ecd;} */
.index-page .box1 .swiper-pagination{bottom:.4rem}
.index-page .box1 .swiper-pagination-bullet{background: #fff;width: .1rem;height: .1rem;opacity: 1;}
.index-page .box1 .swiper-pagination-bullet-active{background: #139ecd;}

.index-page .box2{padding: .9rem 0 1rem;}
.index-page .box2 .tits{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: .1rem;}
.index-page .box2 .tit{width: 58%;}
.index-page .box2 .more{margin-bottom: .2rem;}
.index-page .box2 .img-div{position: relative;}
.index-page .box2 ul{position: absolute;left: 0;bottom: 0;padding: 10% 1.3rem .55rem;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.3) 90%);width: 100%;border-radius: 0 0 .2rem .2rem;color:#fff;display: flex;justify-content: space-between;}
.index-page .box2 li>p:nth-of-type(1){display: flex;align-items: center;font-size: .18rem;}
.index-page .box2 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .6rem;}
.index-page .box2 li>p:nth-of-type(2){font-size: .24rem;}
.index-page .box2 .m{display: none;}

.index-page .box3 .swiper-slide{opacity: 0 !important;}
.index-page .box3 .swiper-slide-active{opacity: 1 !important;}
.index-page .box3 .img{height: 9.3rem;}
.index-page .box3 .m{display: none;}
.index-page .box3 .width{position: absolute;top: 30%;left: 50%;transform: translateX(-50%);}
.index-page .box3 .con{width: 46%;}
.index-page .box3 .tit>h2{color:#fff}
.index-page .box3 .tit>p{color:#fff;margin-bottom: .45rem;}
.index-page .box3 ul{display: flex;flex-wrap: wrap;}
.index-page .box3 li{min-width: 1.4rem;border-radius: .25rem;line-height: .48rem;border: 1px rgba(255,255,255,.4) solid;text-align: center;margin: 0 .1rem .2rem 0;padding: 0 .2rem;transition: .3s;}
.index-page .box3 li:last-child{margin-right:0}
.index-page .box3 li>a{font-size: .18rem;color:#fff;}
.index-page .box3 .tabs{position: absolute;top: 0;right: 0;z-index: 2;width: 4.5rem;height: 100%;background: rgba(0,0,0,.2);padding-top: .8rem;}
.index-page .box3 .tab{line-height: 1rem;display: flex;align-items: center;width: 4.2rem;padding: 0 .8rem;margin-bottom: .35rem;transition: .3s;cursor: pointer;position: relative;}
.index-page .box3 .tab.active{background: #139ecd;border-radius: .1rem;transform: translateX(-1.3rem);}
.index-page .box3 .tab .img-div{width: .3rem;height: .32rem;margin-right: .25rem;}
.index-page .box3 .tab>p{font-size: .2rem;color: #fff;flex:1}

.index-page .box4{padding: .9rem 0 1rem;}
.index-page .box4 .tits{display: flex;align-items: center;margin-bottom: .45rem;}
.index-page .box4 .tit{width:2.5rem}
.index-page .box4 .cate{flex:1;display: flex;justify-content: flex-end;}
.index-page .box4 .cate>a{line-height: .5rem;background: #f5f8fa;border-radius: .25rem;text-align: center;padding: 0 .35rem;font-size: .16rem;margin-left: .1rem;transition: .3s;}
.index-page .box4 .cate>a.active{background: #7cbc27;color:#fff}
.index-page .box4 .cons{position: relative;}
.index-page .box4 .con{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .3s;}
.index-page .box4 .con:nth-of-type(1){position: relative;}
.index-page .box4 .con.active{z-index: 2;opacity: 1;}
.index-page .box4 .swiper-container{border-radius: .2rem;}
.index-page .box4 .swiper-slide::after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/5.png) no-repeat center center/100%;z-index: 3;opacity: 0;transform: translate(1px,1px);}
.index-page .box4 .img-bg{border-radius: .2rem;}
.index-page .box4 .img{padding-bottom: 114%;}
.index-page .box4 .info{position: absolute;left: 0;bottom: 0;width: 100%;padding: 10% .9rem .35rem .4rem;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);border-radius: 0 0 .2rem .2rem;color:#fff;}
.index-page .box4 .info>h3{font-size: .24rem;}
.index-page .box4 .info>p{font-size: .16rem;line-height: .26rem;display: none;margin-top: .1rem;}
.index-page .box4 .swiper-slide>p{width: .55rem;height: .55rem;background: #139ecd url(../images/3.png) no-repeat center center/.12rem;border-radius: 50%;position: absolute;right: 0;bottom: 0;z-index: 4;transform:scale(0);transition: .5s;}
.index-page .box4 .swiper-pagination{position: static;margin-top: .5rem;text-align: center;}
.index-page .box4 .swiper-pagination-bullet{width: .1rem;height: .1rem;margin: 0 .05rem;}
.index-page .box4 .swiper-pagination-bullet-active{background: #139ecd;}

.index-page .box5{background: #f5f8fa;padding: .9rem 0 1rem;}
.index-page .box5 .tits{display: flex;align-items: center;margin-bottom: .05rem;}
.index-page .box5 .tit{flex:1;padding-right: 1rem;}
.index-page .box5 .more{border-color: #e5e5e5;background: none;}
.index-page .box5 .more>p{color:#333;background-image: url(../images/6.png);}
.index-page .box5 li{border-bottom: 1px solid rgba(0,0,0,.1);display: flex;align-items: center;padding: .4rem 0;position: relative;}
.index-page .box5 li::after{content:'';width: .48rem;height: .48rem;border-radius: 50%;border: 1px solid rgba(0,0,0,.1);background: url(../images/1.png) no-repeat center center/.15rem;position: absolute;top: 1.4rem;right: 0;transition: .3s;}
.index-page .box5 .img-bg{width: 25%;border-radius: .2rem;}
.index-page .box5 .img{padding-bottom: 62.5%;}
.index-page .box5 .info{width: 75%;padding: 0 1.3rem 0 .5rem;color:#666;font-size: .16rem}
.index-page .box5 .info>h3{font-size: .24rem;margin: .1rem 0 .2rem;}
.index-page .box5 .info>p:nth-of-type(2){font-size: .18rem}
.index-page .box5 .m{display: none;}

.index-page .box6{padding: 1rem 0 .6rem;}
.index-page .box6 .tit{margin-bottom: .45rem;}
.index-page .box6 .tit>h2{text-align: center;}
.index-page .box6 .picMarquee-left,.index-page .box6 .picMarquee-right{width:100%;overflow:hidden;margin-bottom:.4rem}
.index-page .box6 li{float:left;}
.index-page .box6 .img-div{width:2rem;height:1.1rem;border:1px solid #eee;border-radius:.1rem;margin:0 .2rem;transition: .3s;}
.index-page .box6 .img-div>img{max-width: 95%;max-height: 95%;}

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

    .index-page .box1 .img{padding-bottom: 120%;}
    .index-page .box1 .pc{display: none;}
    .index-page .box1 .m{display: block;}
    .index-page .box1 video{display: none;}
    .index-page .box1 .swiper-slide .width{top: 20%;}
    .index-page .box1 .swiper-slide .width>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;}
    .index-page .box1 .swiper-slide .width>h1,.index-page .box1 .swiper-slide .width>p:nth-of-type(2){font-size: .45rem;line-height: .65rem;}
    .index-page .box1 .jump{display: none;}
    .index-page .box1 .swiper-pagination-bullet{width: .15rem;height: .15rem}

    .index-page .box2{padding: 1rem 0 .7rem;}
    .index-page .box2 .tits{display: block;text-align: center;margin-bottom: .4rem;}
    .index-page .box2 .tit{width: 100%;}
    .index-page .box2 .more{margin-bottom: 0;display: none;}
    .index-page .box2 .img-div{display: block;}
    .index-page .box2 ul{position: static;padding: .4rem 0;background: none;border-radius: 0;color:#333;flex-wrap: wrap;}
    .index-page .box2 li{width: calc(50% - .1rem);margin-bottom: .3rem;}
    .index-page .box2 li:nth-child(2n+1){margin-right:.2rem}
    .index-page .box2 li>p:nth-of-type(1){font-size: .28rem;color: #7CBC27;justify-content: center;}
    .index-page .box2 li>p:nth-of-type(1)>span:nth-of-type(1){width: auto !important;margin-right: .1rem;}
    .index-page .box2 li>p:nth-of-type(2){font-size: .28rem;text-align: center;}
    .index-page .box2 .m{display: block;text-align: center;}
    .index-page .box2 .m .more{display: inline-block;}

    .index-page .box3 .swiper-slide{opacity: 1 !important;}
    .index-page .box3 .img{padding-bottom: 150%;}
    .index-page .box3 .pc{display: none;}
    .index-page .box3 .m{display: block;}
    .index-page .box3 .width{top: 10%;}
    .index-page .box3 .con{width: 100%;}
    .index-page .box3 ul{justify-content: center;}
    .index-page .box3 li{min-width: 0;border-radius: .6rem;line-height: .7rem;margin-right: .2rem;padding: 0 .4rem;margin-bottom: .2rem;}
    .index-page .box3 li>a{font-size: .28rem;}
    .index-page .box3 .tabs{display: none;}
    .index-page .box3 .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .index-page .box3 .swiper-pagination-bullet-active{background: #139ecd;}

    .index-page .box4{padding: 1rem 0;}
    .index-page .box4 .tits{display: block;}
    .index-page .box4 .cate{justify-content: flex-start;flex-wrap: wrap;margin-top: .3rem;}
    .index-page .box4 .cate>a{line-height: .7rem;border-radius: .6rem;min-width: 0;font-size: .28rem;margin: 0 .21rem .2rem 0;width: calc(100% / 3 - .14rem);padding: 0 .2rem;}
    .index-page .box4 .cate>a:nth-child(3n){margin-right: 0;}
    .index-page .box4 .info{padding: 10% .4rem .5rem;}
    .index-page .box4 .info>h3{font-size: .36rem;}
    .index-page .box4 .info>p{font-size: .28rem;line-height: .48rem;display:-webkit-box;;margin-top: .2rem;}
    .index-page .box4 .swiper-pagination-bullet{width: .15rem;height: .15rem;margin: 0 .08rem;}

    .index-page .box5{padding: 1rem 0;}
    .index-page .box5 .tits{display: block;}
    .index-page .box5 .tit{padding-right: 0;}
    .index-page .box5 .more{display: none;}
    .index-page .box5 ul{margin: .2rem 0 .6rem;}
    .index-page .box5 li{display: block;}
    .index-page .box5 li::after{display: none;}
    .index-page .box5 .img-bg{width: 100%;}
    .index-page .box5 .info{width: 100%;padding: .4rem 0 0;font-size: .28rem}
    .index-page .box5 .info>h3{font-size: .32rem;margin: .2rem 0 .3rem;}
    .index-page .box5 .info>p:nth-of-type(2){font-size: .28rem}
    .index-page .box5 .m{display: block;text-align: center;}
    .index-page .box5 .m .more{display: inline-block;}

    .index-page .box6 .img-div{width:2.5rem;height:1.3rem;margin:0 .1rem}
    .index-page .box6 .img-div>img{max-width: 100%;max-height: 100%;}
}

@media (any-hover:hover){
    .index-page .more:hover{background: #7cbc27;border-color: #7cbc27;}

    .index-page .box1 .arrow>div:not(.swiper-button-disabled):hover{border-color: #139ecd;background-color: #139ecd;}

    .index-page .box3 li:hover{background: #7cbc27;border-color: #7cbc27;}

    .index-page .box4 .swiper-slide:hover::after{opacity: 1;}
    .index-page .box4 .swiper-slide:hover .img{transform: scale(1.1);}
    .index-page .box4 .swiper-slide:hover .info>p{display:-webkit-box;}
    .index-page .box4 .swiper-slide:hover>p{transform: scale(1);}

    .index-page .box5 .more:hover>p{color:#fff;background-image: url(../images/3.png);}
    .index-page .box5 li:hover::after{border-color: #139ecd;background-color: #139ecd;background-image: url(../images/4.png);}
    .index-page .box5 li:hover .img{transform: scale(1.1);}
    .index-page .box5 li:hover .info>h3{color: #139ecd;}

    .index-page .box6 li:hover .img-div{border-color: #139ecd;}
}

/* 方案 */
.solution-page h2{font-size: .48rem;line-height: .58rem;color: #000;}

.solution-page .box1{margin-top: 1rem;box-shadow: 0 0 .15rem rgba(0,0,0,.1);border-radius: .2rem;background: #fff;padding: .6rem .8rem .7rem}
.solution-page .box1>h1{font-size: .48rem;line-height: .58rem;color:#000;padding-left: .25rem;position: relative;margin-bottom: .1rem;}
.solution-page .box1>h1::before{content:'';width: .04rem;height: .2rem;background: #7cbc27;position: absolute;top: .06rem;left: 0;}
.solution-page .box1>h1::after{content:'';width: .04rem;height: .28rem;background: #139ecd;position: absolute;top: .26rem;left: 0;}
.solution-page .box1>p{color:#999;font-size: .16rem;line-height: .3rem;}
.solution-page .box1>p:nth-of-type(2){margin: .15rem 0 .45rem;color:#666;}
.solution-page .box1 .img-div>img{border-radius: .2rem;}
.solution-page .box1 .m{display: none;}

.solution-page .box2{padding-top: .9rem;}
.solution-page .box2 ul{display: flex;justify-content: center;margin-bottom: .5rem;}
.solution-page .box2 li{line-height: .58rem;border: 1px solid #eee;border-radius: .3rem;align-items: center;display: flex;min-width: 2rem;justify-content: center;margin-right: .2rem;transition: .3s;padding: 0 .3rem;cursor: pointer;}
.solution-page .box2 li:last-child{margin-right: 0;}
.solution-page .box2 li .img-div{width: .24rem;height: .3rem;margin-right: .15rem;}
.solution-page .box2 li>p{font-size: .22rem;color:#999}
.solution-page .box2 li.active{border-color: #139ecd;background-color: #139ecd;}
.solution-page .box2 li.active .img-div{filter: brightness(0%) invert(100%)}
.solution-page .box2 li.active>p{color:#fff}
.solution-page .box2 .swiper-slide{opacity: 0 !important;}
.solution-page .box2 .swiper-slide-active{opacity: 1 !important;}
.solution-page .box2 .img-bg{border-radius: .2rem .2rem 0 0;}
.solution-page .box2 .img{padding-bottom: 42.85%;}
.solution-page .box2 .con{display: flex;align-items: center;padding: .45rem .9rem .45rem .5rem;border: 1px solid #eee;border-radius: 0 0 .2rem .2rem;}
.solution-page .box2 .con .img-div{width: .6rem;height: .6rem;border-radius: 50%;background: #139ecd;}
.solution-page .box2 .con .img-div>img{max-width: 50%;max-height: 50%;}
.solution-page .box2 .info{flex:1;padding-left: .25rem;}
.solution-page .box2 .info>h3{font-size: .3rem;line-height: .4rem;color:#000;margin-bottom: .05rem;}
.solution-page .box2 .info>p{font-size: .16rem;line-height: .3rem;color: #666;}

.solution-page .box3{background: linear-gradient(to bottom,#f1fbff,#d9edf6);margin-top: 1rem;padding: .9rem 0 .7rem;}
.solution-page .box3 h2>span{font-size: .24rem;color:#333;font-weight: normal;margin-left: .1rem;}
.solution-page .box3 ul{display: flex;flex-wrap: wrap;margin-top: .2rem;}
.solution-page .box3 li{width: calc(100% / 3 - .22rem);margin-right: .33rem;position: relative;margin-bottom: .3rem;background: rgba(255,255,255,.5);border-radius: .2rem;padding: .45rem .4rem .4rem;}
.solution-page .box3 li:nth-child(3n-1){margin-right: 0;}
.solution-page .box3 li::after{content:'';width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;border-radius: .2rem;opacity: 0;transition: .3s;}
.solution-page .box3 .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: .2rem;opacity: 0;transition: .3s;}
.solution-page .box3 .img-div{width: .55rem;height: .52rem;position: relative;z-index: 2;}
.solution-page .box3 .info{position: relative;z-index: 2}
.solution-page .box3 .info>h3{font-size: .2rem;line-height: .3rem;color:#000;margin: .1rem 0;}
.solution-page .box3 .note>p{font-size: .16rem;line-height: .3rem;color:#666;padding-left: .12rem;position: relative;}
.solution-page .box3 .note>p::before{content:'';width: .05rem;height: .05rem;border-radius: 50%;background: #139ecd;position: absolute;top: .12rem;left: 0;transition: .3s;}
.solution-page .box3 li:nth-of-type(1){width: calc(100% - (100% / 3 - .22rem) - .33rem);display: flex;align-items: center;padding: .4rem 1.35rem;}
.solution-page .box3 li:nth-of-type(1) .img-div{margin-right: .45rem;}
.solution-page .box3 li:nth-of-type(1) .info>h3{margin: 0 0 .1rem;}

.solution-page .box4{padding-top: 1rem;}
.solution-page .box4 .con{border-radius: .2rem;border: 1px #eee solid;display: flex;align-items: center;}
.solution-page .box4 .info{flex:1;padding: 0 1rem 0 .6rem;}
.solution-page .box4 .info>p{font-size: .16rem;line-height: .3rem;color: #666;margin-top: .15rem;max-height: 3rem;padding-right: .1rem;}
.solution-page .box4 .img-bg{width: 50%;border-radius: 0 .2rem .2rem 0;}
.solution-page .box4 .img{padding-bottom: 71.42%;}
.solution-page .box4 ul{display: flex;flex-wrap: wrap;padding-top: .4rem;}
.solution-page .box4 li{width: calc(100% / 3 - .22rem);margin-right: .33rem;margin-bottom: .3rem;border:1px solid #eee;border-radius: .2rem;padding: .5rem .4rem .4rem;transition: .3s;}
.solution-page .box4 li:nth-child(3n){margin-right: 0;}
.solution-page .box4 .img-div{width: .57rem;height: .52rem}
.solution-page .box4 li>h3{font-size: .2rem;line-height: .3rem;color:#000;margin: .1rem 0;}
.solution-page .box4 .note>p{font-size: .16rem;line-height: .3rem;color:#666;padding-left: .12rem;position: relative;}
.solution-page .box4 .note>p::before{content:'';width: .05rem;height: .05rem;border-radius: 50%;background: #139ecd;position: absolute;top: .12rem;left: 0;transition: .3s;}

.solution-page .box5{padding: .9rem 0 1rem;}
.solution-page .box5 .swiper-container{margin-top: .45rem;border-radius: .2rem;}
.solution-page .box5 .swiper-slide{width: calc((100% - 6.8rem) / 4) !important;transition: .3s;margin-right: .2rem;height: 5rem;}
.solution-page .box5 .swiper-slide.active{width: 6rem !important;}
.solution-page .box5 .swiper-slide:last-child{margin-right: 0;}
.solution-page .box5 .hover{display: none;}
.solution-page .box5 .swiper-slide.active .hover{display: block;}
.solution-page .box5 .img-bg{border-radius: .2rem;height: 100%;position: relative;}
.solution-page .box5 .hover>p{font-size: .24rem;line-height: .36rem;color:#fff;position: absolute;top: 0;left: 0;padding: .5rem;}
.solution-page .box5 .unhover{border: 1px #eee solid;border-radius: .2rem;display: flex;flex-direction: column;height: 100%;justify-content: space-between;padding: .55rem .2rem .5rem;}
.solution-page .box5 .swiper-slide.active .unhover{display: none;}
.solution-page .box5 .img-div{background: rgba(124,188,39,.1);width: 1rem;height: 1rem;margin: 0 auto;border-radius: 50%;}
.solution-page .box5 .img-div>img{max-width: 50%;max-height: 50%;}
.solution-page .box5 .unhover>p{font-size: .2rem;line-height: .3rem;color: #000;text-align: center;}
.solution-page .box5 .swiper-pagination{margin-top: .3rem;position: static;text-align: center;}
.solution-page .box5 .swiper-pagination-bullet{margin:0 .05rem}
.solution-page .box5 .swiper-pagination-bullet-active{background: #139ecd;}
.solution-page .box5 .swiper-pagination.m{display: none;}

.solution-page .box6{position: relative;}
.solution-page .box6 .imgs{padding-bottom: 48.5%;position: relative;}
.solution-page .box6 .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .3s;}
.solution-page .box6 .img.active{opacity: 1;z-index: 2;}
.solution-page .box6 .con{position: absolute;top: 22%;left: 50%;transform: translateX(-50%);z-index: 3;color:#fff}
.solution-page .box6 .con>h2{color:#fff}
.solution-page .box6 .info{display: none;}
.solution-page .box6 .info>h3{font-size: .3rem;line-height: .4rem;margin: .45rem 0 .15rem;}
.solution-page .box6 .info>p{font-size: .18rem;line-height: .36rem;max-width: 4.5rem;max-height: 1.8rem;padding-right: .1rem;}
.solution-page .box6 ul{position: absolute;bottom: .6rem;left: 50%;transform: translateX(-50%);z-index: 3;display: flex;}
.solution-page .box6 li{width: 2.48rem;height: 2.48rem;border-radius: .2rem;border: 1px rgba(255,255,255,.5) solid;background: rgba(0,0,0,.2);margin-right: .4rem;color:#fff;padding: .3rem 0 .25rem .3rem;display: flex;flex-direction: column;justify-content: space-between;transition: .3s;position: relative;}
.solution-page .box6 li:last-child{margin-right: 0;}
.solution-page .box6 li::after{content:'';width: calc(100% + 2px);height: calc(100% + 2px);background: url(../images/10.jpg) no-repeat center center/cover;opacity: 0;transition: .3s;position: absolute;top: -1px;left: -1px;border-radius: .2rem;}
.solution-page .box6 li.active::after{opacity: 1;}
.solution-page .box6 .index{display: flex;align-items: center;justify-content: space-between;padding-right: .3rem;position: relative;z-index: 2;}
.solution-page .box6 .img-div{width: .3rem;height: .3rem;}
.solution-page .box6 .index>p{font-size: .16rem;}
.solution-page .box6 li>p{font-size: .2rem;line-height: .3rem;padding-right: .15rem;position: relative;z-index: 2;}
.solution-page .box6 .m{display: none;}

.solution-page .box7{padding: .9rem 0 1rem;}
.solution-page .box7 .swiper-container{border-radius: .2rem;margin-top: .35rem;}
.solution-page .box7 .img-bg{border-radius: .2rem;}
.solution-page .box7 .img{padding-bottom: 114.6%;}
.solution-page .box7 .img-bg>h3{font-size: .2rem;line-height:.3rem;position: absolute;left: 0;bottom: 0;width: 100%;padding: 10% .4rem .35rem;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);border-radius: 0 0 .2rem .2rem;color:#fff;transition: .3s;}
.solution-page .box7 .swiper-pagination{margin-top: .3rem;position: static;text-align: center;}
.solution-page .box7 .swiper-pagination-bullet{margin:0 .05rem}
.solution-page .box7 .swiper-pagination-bullet-active{background: #139ecd;}
.solution-page .box7 .swiper-pagination.m{display: none;}

@media (max-width:1024px){
    .solution-page h2{font-size: .45rem;line-height: .65rem;text-align: center;}

    .solution-page .box1{margin-top:1rem;padding: .6rem .4rem .7rem;}
    .solution-page .box1>h1{font-size: .5rem;line-height: .7rem;margin-bottom: .2rem;}
    .solution-page .box1>h1::before{top: .12rem}
    .solution-page .box1>h1::after{top: .32rem}
    .solution-page .box1>p{font-size: .28rem;line-height: .48rem;}
    .solution-page .box1 .pc{display: none;}
    .solution-page .box1 .m{display: block;}

    .solution-page .box2{padding-top: 1rem;}
    .solution-page .box2 ul{flex-wrap: wrap;margin-bottom: .4rem;}
    .solution-page .box2 li{line-height: .8rem;border-radius: .6rem;min-width: 0;margin-bottom: .2rem;padding: 0 .4rem}
    .solution-page .box2 li .img-div{display: none;}
    .solution-page .box2 li>p{font-size: .28rem}
    .solution-page .box2 .con{padding: .6rem .4rem;display: block;margin-right: 1px;}
    .solution-page .box2 .con .img-div{width: 1rem;height: 1rem;margin:0 auto}
    .solution-page .box2 .info{padding: .4rem 0 0;text-align: center;}
    .solution-page .box2 .info>h3{font-size: .36rem;line-height: .56rem;margin-bottom: .1rem;}
    .solution-page .box2 .info>p{font-size: .28rem;line-height: .48rem;text-align: center;}

    .solution-page .box3{padding: 1rem 0 .6rem;}
    .solution-page .box3 h2>span{font-size: .28rem;}
    .solution-page .box3 ul{display: block;margin-top: .4rem;}
    .solution-page .box3 li{width: 100%;margin-right: 0;margin-bottom: .4rem;padding: .8rem .4rem;}
    .solution-page .box3 li::after{opacity: 1}
    .solution-page .box3 .img{opacity: 1}
    .solution-page .box3 .img-div{width: .75rem;height: .72rem}
    .solution-page .box3 .info>h3{font-size: .36rem;line-height: .56rem;color:#fff;margin: .2rem 0;}
    .solution-page .box3 .note>p{font-size: .28rem;line-height: .56rem;color:#fff;padding-left: .24rem;}
    .solution-page .box3 .note>p::before{width: .1rem;height: .1rem;top: .22rem;background: #fff;}
    .solution-page .box3 li:nth-of-type(1){width: 100%;display: block;padding: .8rem .4rem;}
    .solution-page .box3 li:nth-of-type(1) .img-div{margin-right: 0;}
    .solution-page .box3 li:nth-of-type(1) .info>h3{margin: .2rem 0;}

    .solution-page .box4 .con{flex-direction: column;}
    .solution-page .box4 .info{padding: .6rem .4rem;order:2;text-align: center;}
    .solution-page .box4 .info>p{font-size: .28rem;line-height: .48rem;max-height: 10000rem;padding-right: 0;}
    .solution-page .box4 .img-bg{width: 100%;border-radius: .2rem .2rem 0 0;}
    .solution-page .box4 ul{display: block;padding-top: .6rem;}
    .solution-page .box4 li{width: 100%;margin-right: 0;margin-bottom: .4rem;padding: .6rem .4rem}
    .solution-page .box4 .img-div{width: .77rem;height: .72rem}
    .solution-page .box4 li>h3{font-size: .36rem;line-height: .56rem;margin: .2rem 0;}
    .solution-page .box4 .note>p{font-size: .28rem;line-height: .56rem;padding-left: .24rem;}
    .solution-page .box4 .note>p::before{width: .1rem;height: .1rem;top: .22rem;}

    .solution-page .box5{padding: 1rem 0;}
    .solution-page .box5 .swiper-slide{width: 100% !important;margin-right: 0;height: auto;}
    .solution-page .box5 .swiper-slide.active{width: 100% !important;}
    .solution-page .box5 .hover{display: block;}
    .solution-page .box5 .img-bg{height: auto}
    .solution-page .box5 .img{padding-bottom: 83.33%;}
    .solution-page .box5 .hover>p{font-size: .32rem;line-height: .52rem;padding: .6rem .4rem;}
    .solution-page .box5 .unhover{display: none;}
    .solution-page .box5 .swiper-pagination.pc{display: none;}
    .solution-page .box5 .swiper-pagination.m{display: block;}
    .solution-page .box5 .swiper-pagination-bullet{margin:0 .08rem}

    .solution-page .box6{position: relative;}
    .solution-page .box6 .imgs{display: none;}
    .solution-page .box6 .con{display: none;}
    .solution-page .box6 ul{display: none;}
    .solution-page .box6 .m{display: block;}
    .solution-page .box6 .swiper-container{margin-top: .4rem;}
    .solution-page .box6 .img{padding-bottom: 58.59%;position: static;opacity: 1;}
    .solution-page .box6 .info{position: absolute;display: block;top: 0;left: 0;color:#fff;text-align: center;padding: .8rem .4rem;width: 100%;}
    .solution-page .box6 .info>h3{font-size: .36rem;line-height: .56rem;margin: 0 0 .2rem;}
    .solution-page .box6 .info>p{font-size: .28rem;line-height: .48rem;max-width: 100%;max-height: 10000rem;padding-right: 0;text-align: center;}
    .solution-page .box6 .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .solution-page .box6 .swiper-pagination-bullet-active{background: #139ecd;}

    .solution-page .box7{padding: 1rem 0;}
    .solution-page .box7 .swiper-container{margin-top: .4rem;}
    .solution-page .box7 .img-bg>h3{font-size: .32rem;line-height:.52rem;text-align: center;}
    .solution-page .box7 .swiper-pagination.pc{display: none;}
    .solution-page .box7 .swiper-pagination.m{display: block;}
    .solution-page .box7 .swiper-pagination-bullet{margin:0 .08rem}
}

@media (any-hover:hover){
    .solution-page .box3 li:hover .img{opacity: 1;}
    .solution-page .box3 li:hover::after{opacity: 1;}
    .solution-page .box3 li:hover .info>h3{color:#fff}
    .solution-page .box3 li:hover .note>p{color:#fff}
    .solution-page .box3 li:hover .note>p::before{background: #fff;}

    .solution-page .box4 li:hover{transform: translateY(-.05rem);}

    .solution-page .box7 .img-bg:hover>h3{padding-bottom: .4rem;}
}

/* 案例 */
.cases-page{background:#f0f1f2}
.cases-page.list{padding:1rem 0 .6rem}
.cases-page.list .cate{display:flex;justify-content:center;}
.cases-page.list .cate>a{padding:0 .4rem;line-height: .5rem;margin-right: .1rem;border-radius:.25rem;transition: .3s;font-size:.16rem;color:#666;}
.cases-page.list .cate>a:last-child{margin-right: 0;}
.cases-page.list .cate>a.active{background:#7cbc27;color:#fff}
.cases-page.list .con{margin: .35rem 0 .4rem;}
.cases-page.list .con>h2{font-size: .24rem;line-height: .34rem;color:#000;text-align: center;margin-bottom: .05rem;}
.cases-page.list .con>p{font-size: .16rem;line-height: .26rem;color:#666;text-align: center;}
.cases-page.list .item{display:flex;flex-wrap:wrap}
.cases-page.list .item li{width:calc(100% / 3 - .26rem);margin-right:.39rem;margin-bottom:.4rem;position:relative}
.cases-page.list .item li:nth-child(3n){margin-right:0}
.cases-page.list .item .img-bg{border-radius:.1rem}
.cases-page.list .item .img{padding-bottom:60%}
.cases-page.list .item .info{border-radius:.1rem 0 .1rem .1rem;background:#fff;margin:-.5rem 0 0 .3rem;position:relative;padding:.35rem}
.cases-page.list .item .info>h3{font-size:.2rem;color:#000;}
.cases-page.list .item .info>p:nth-of-type(1){line-height:.24rem;color:#666;margin:.2rem 0 .4rem}
.cases-page.list .item .info>p:nth-of-type(2){color:#139ecd;font-size: .16rem;padding-right: .3rem;background: url(../images/11.png) no-repeat right center/.1rem;display: inline-block;filter: grayscale(1);}
.cases-page.list .page{padding:.2rem 0 .4rem}
.cases-page.list .picMarquee-left,.cases-page.list .picMarquee-right{width:100%;overflow:hidden;margin-bottom:.4rem}
.cases-page.list .picMarquee li{float:left;margin-right: .2rem;position: relative;}
.cases-page.list .picMarquee .img-bg{border-radius:.1rem;width:3rem;height: 1.8rem;margin-bottom: .1rem;}
.cases-page.list .picMarquee li>h3{font-size:.16rem;color:#000;text-align: center;}

.cases-page.detail{padding:1rem 0}
.cases-page.detail .box1{margin-bottom:.9rem;background:#fff;border-radius:.2rem;padding:.7rem;display:flex}
.cases-page.detail .box1 .pic{width:50%}
.cases-page.detail .box1 .big{margin-bottom:.2rem;border-radius: .1rem;}
.cases-page.detail .box1 .big .img{padding-bottom:57.89%;}
.cases-page.detail .box1 .thumb{border-radius: .1rem;}
.cases-page.detail .box1 .thumb .swiper-slide{border-radius:.1rem;border:.02rem #fff solid;cursor:pointer;overflow: hidden;}
.cases-page.detail .box1 .thumb .img{padding-bottom:57.89%;}
.cases-page.detail .box1 .thumb .swiper-slide.active{border-color:#7cbc27}
.cases-page.detail .box1 .con{width:50%;padding:.3rem 0 0 .6rem}
.cases-page.detail .box1 .con>h2{border-bottom:1px solid rgba(0,0,0,.1);}
.cases-page.detail .box1 .con>h2>span{font-size:.3rem;line-height:.4rem;color:#000;position:relative;display: inline-block;padding-bottom:.25rem}
.cases-page.detail .box1 .con>h2>span::after{content:'';height: .02rem;background: #139ecd;position: absolute;bottom: -1px;left: 0;width: 100%;}
.cases-page.detail .box1 .con>p{font-size:.16rem;line-height:.28rem;color:#666;margin:.2rem 0 .4rem}
.cases-page.detail .box1 ul{display:flex;}
.cases-page.detail .box1 li{width:calc(100% / 3);padding:0 .1rem;text-align:center;}
.cases-page.detail .box1 .img-div{width:.53rem;height:.59rem;margin:0 auto;}
.cases-page.detail .box1 li>p:nth-of-type(1){font-size:.2rem;color:#000;margin:.15rem 0 .1rem}
.cases-page.detail .box1 li>p:nth-of-type(2){font-size:.16rem;line-height:.26rem;color:#666}

.cases-page.detail .box2>h2{font-size:.42rem;text-align:center;margin-bottom:.4rem}
.cases-page.detail .box2 ul{display:flex}
.cases-page.detail .box2 li{width:calc(100% / 3 - .26rem);margin-right:.39rem;position:relative}
.cases-page.detail .box2 li:last-child{margin-right:0}
.cases-page.detail .box2 .img-bg{border-radius:.1rem}
.cases-page.detail .box2 .img{padding-bottom:60%}
.cases-page.detail .box2 .info{border-radius:.1rem 0 .1rem .1rem;background:#fff;margin:-.5rem 0 0 .3rem;position:relative;padding:.35rem}
.cases-page.detail .box2 .info>h3{font-size:.2rem;color:#000;}
.cases-page.detail .box2 .info>p:nth-of-type(1){line-height:.24rem;color:#666;margin:.2rem 0 .4rem}
.cases-page.detail .box2 .info>p:nth-of-type(2){color:#139ecd;font-size: .16rem;padding-right: .3rem;background: url(../images/11.png) no-repeat right center/.1rem;display: inline-block;filter: grayscale(1);}

@media (max-width:1024px){
    .cases-page.list{padding:.8rem 0 .4rem}
    .cases-page.list .cate{flex-wrap: wrap;}
    .cases-page.list .cate>a{line-height: .7rem;margin: 0 0 .2rem 0;width:calc(100% / 3);border-radius:.6rem;text-align: center;font-size:.28rem;}
    .cases-page.list .con>h2{font-size: .36rem;line-height: .56rem;margin-bottom: .1rem;}
    .cases-page.list .con>p{font-size: .28rem;line-height: .48rem}
    .cases-page.list .item{display:block}
    .cases-page.list .item li{width:100%;margin-right:0;margin-bottom:.6rem}
    .cases-page.list .item .info{margin:-1rem 0 0 .3rem;padding:.6rem .4rem}
    .cases-page.list .item .info>h3{font-size:.32rem;}
    .cases-page.list .item .info>p:nth-of-type(1){line-height:.48rem;margin:.2rem 0 .3rem}
    .cases-page.list .item .info>p:nth-of-type(2){font-size: .28rem;padding-right: .5rem;background-size:.2rem}
    .cases-page.list .page{padding:0 0 .6rem}
    .cases-page.list .picMarquee li{margin-right: .3rem;width:60%;}
    .cases-page.list .picMarquee .img-bg{width:100%;height: auto;margin-bottom: .2rem;}
    .cases-page.list .picMarquee .img{padding-bottom: 60%;}
    .cases-page.list .picMarquee li>h3{font-size:.28rem;}

    .cases-page.detail{padding: 1rem 0 .4rem;}
    .cases-page.detail .box1{margin-bottom:1rem;padding:.6rem .4rem;display:block}
    .cases-page.detail .box1 .pic{width:100%}
    .cases-page.detail .box1 .con{width:100%;padding:.4rem 0 0}
    .cases-page.detail .box1 .con>h2>span{font-size:.36rem;line-height:.56rem;padding-bottom:.2rem}
    .cases-page.detail .box1 .con>p{font-size:.28rem;line-height:.48rem;margin:.4rem 0 .6rem}
    .cases-page.detail .box1 l1i{width:calc(100% / 3);padding:0 .1rem;text-align:center;}
    .cases-page.detail .box1 .img-div{width:.73rem;height:.79rem}
    .cases-page.detail .box1 li>p{text-align: center;}
    .cases-page.detail .box1 li>p:nth-of-type(1){font-size:.28rem;margin:.25rem 0 .1rem}
    .cases-page.detail .box1 li>p:nth-of-type(2){font-size:.24rem;line-height:.4rem;}

    .cases-page.detail .box2>h2{font-size:.5rem;margin-bottom:.6rem}
    .cases-page.detail .box2 ul{display:block}
    .cases-page.detail .box2 li{width:100%;margin-right:0;margin-bottom:.6rem}
    .cases-page.detail .box2 .info{margin:-1rem 0 0 .3rem;padding:.6rem .4rem}
    .cases-page.detail .box2 .info>h3{font-size:.32rem;}
    .cases-page.detail .box2 .info>p:nth-of-type(1){line-height:.48rem;margin:.2rem 0 .3rem}
    .cases-page.detail .box2 .info>p:nth-of-type(2){font-size: .28rem;padding-right: .5rem;background-size:.2rem}
    .cases-page.detail .box2 .page{padding:0 0 .6rem}
}

@media (any-hover:hover){
    .cases-page.list .cate>a:hover{background:#7cbc27;color:#fff}
    .cases-page.list .item li:hover .img{transform: scale(1.1);}
    .cases-page.list .item li:hover .info>h3{color: #139ecd;}
    .cases-page.list .item li:hover .info>p:nth-of-type(2){filter: grayscale(0);}
    .cases-page.list .picMarquee li:hover .img{transform: scale(1.1);}
    .cases-page.list .picMarquee li:hover>h3{color:#139ecd}

    .cases-page.detail .box2 li:hover .img{transform: scale(1.1);}
    .cases-page.detail .box2 li:hover .info>h3{color: #139ecd;}
    .cases-page.detail .box2 li:hover .info>p:nth-of-type(2){filter: grayscale(0);}
}

/* 关于 */
.about-page .tit{text-align: center;}
.about-page .tit>h2{font-size:.4rem;line-height:.5rem;color:#000;margin-bottom:.1rem}
.about-page .tit>p{font-size:.16rem;line-height:.3rem;color:#666;text-align: center;}

.about-page .box1{position:relative;overflow:hidden;padding:1rem 0}
.about-page .box1::before{content:'';width:100%;height:100%;position:absolute;top:-3%;left:0;background:url(../images/15.png) no-repeat left top/80.46%}
.about-page .box1 .width{position:relative;z-index:2}
.about-page .box1 .con{display:flex;}
.about-page .box1 .img-div{width:46.09%}
.about-page .box1 .info{flex:1;padding:.6rem 0 0 .9rem}
.about-page .box1 .tit{text-align: left;}
.about-page .box1 .tit>p{text-align: left;}
.about-page .box1 .info>p{font-size:.2rem;line-height:.3rem;color:#666;border-bottom:1px solid #e4eaeb;padding-bottom:.25rem;margin-bottom:.4rem}
.about-page .box1 ul{display:flex;justify-content: space-between;width: 80%;margin: .8rem auto 0;}
.about-page .box1 li>p:nth-of-type(1){display:flex;align-items:center;color:#79b863}
.about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){font-size:.48rem;}
.about-page .box1 li>p:nth-of-type(2){font-size:.16rem;line-height:.26rem;color:#666}

.about-page .box2 .con{margin-top:.3rem;position:relative}
.about-page .box2 .m{display: none;}
.about-page .box2 video{position:absolute;top:0;left:0;width:100%;height: 100%;object-fit: cover;}
.about-page .box2 ul{position:absolute;top:0;left:0;width:100%;height: 100%;z-index: 2;}
.about-page .box2 li{width:.18rem;height:.18rem;background:#7CBC27;border-radius:50%;position:absolute;cursor: pointer;}
.about-page .box2 li::before{width:.06rem;height:.06rem;content:'';background:#fff;border-radius:50%;position:absolute;top:.06rem;left:.06rem;z-index: 2;}
.about-page .box2 li::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:#7CBC27;animation:about-box2-play 1s linear infinite}
.about-page .box2 li>a{position:absolute;border-radius:.25rem;background:#7CBC27;transition:.3s;width: max-content;padding-right: .35rem;left: calc(100% + .2rem);top: 50%;transform: translateY(-50%) scale(0);z-index: 3;}
.about-page .box2 li.active>a{transform: translateY(-50%) scale(1);}
.about-page .box2 li.left>a{left:auto;right: .4rem;}
.about-page .box2 li>a>p{padding: 0 .35rem;background: url(../images/3.png) no-repeat right center/.1rem;color:#fff;line-height:.5rem;}
@keyframes about-box2-play{
	to{transform: translate(-50%,-50%) scale(2);opacity: 0;}
}

.about-page .box3{padding:.9rem 0 1rem}
.about-page .box3 .con{margin-top:.4rem;border-radius:.1rem;position: relative;}
.about-page .box3 .imgs{position: relative;}
.about-page .box3 .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;padding-bottom: 46.87%;border-radius:.1rem;}
.about-page .box3 .img.active{position: relative;z-index: 2;opacity: 1;}
.about-page .box3 ul{display: flex;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;}
.about-page .box3 li{flex:1;padding:2.2rem .4rem .4rem;color:#fff;border-right:1px rgba(255,255,255,.1) solid;transition: .3s;}
.about-page .box3 li.active{background:rgba(0,0,0,.3)}
.about-page .box3 li:first-child{border-radius:.1rem 0 0 .1rem}
.about-page .box3 li:last-child{border-right:0;border-radius:0 .1rem .1rem 0}
.about-page .box3 li>h3{font-size:.24rem;line-height:.34rem}
.about-page .box3 li>p:nth-of-type(1){font-size:.18rem;line-height:.28rem;margin:.1rem 0 .15rem}
.about-page .box3 li>p:nth-of-type(2){line-height:.24rem}
.about-page .box3 .m{display: none;}

.about-page .box4{height: 8.6rem;}
.about-page .box4 .tit>h2{color:#fff;padding-top: .9rem;}
.about-page .box4 .tit>p{color:#fff}
.about-page .box4 .con{margin-top:.65rem;position:relative}
.about-page .box4 .con::before{content:'';position:absolute;width:100%;height:1px;background:rgba(255,255,255,.1);left:0;top:1.55rem}
.about-page .box4 .con .swiper-container{color:#fff}
.about-page .box4 .con .swiper-slide{display:flex;flex-direction:column;align-items:flex-end;}
.about-page .box4 .con .swiper-slide-active{align-items:flex-start;}
.about-page .box4 .con .swiper-slide-next{align-items:center}
.about-page .box4 .con .swiper-slide>p:nth-of-type(1){position:relative;font-size:.36rem;padding:1.3rem 0 0 .55rem;width:1.4rem;height:1.7rem;transition: .5s;}
.about-page .box4 .con .swiper-slide-next>p:nth-of-type(1){font-size:1rem;padding:0;width:2.5rem;font-weight:bold;}
.about-page .box4 .con .swiper-slide>p:nth-of-type(1)::before{content:'';position:absolute;bottom:.08rem;left:0;width:.14rem;height:.14rem;border:.02rem solid #fff;border-radius:50%;z-index:2}
.about-page .box4 .con .swiper-slide-next>p:nth-of-type(1)::before{transform:translate(-50%,0);left:50%;background:#fff;}
.about-page .box4 .con .swiper-slide-next>p:nth-of-type(1)::after{content:'';position:absolute;bottom:0;transform:translateX(-50%);left:50%;width:.3rem;height:.3rem;background:#7CBC27;border-radius:50%;z-index:1}
.about-page .box4 .con .swiper-slide>p:nth-of-type(2){opacity: 0;;font-size:.16rem;line-height:.28rem;text-align:center;margin-top:.4rem;transition: .5s;}
.about-page .box4 .con .swiper-slide-next>p:nth-of-type(2){opacity:1}
.about-page .box4 .arrow{width:7.2rem;position:absolute;top:1.26rem;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;z-index:2}
.about-page .box4 .arrow>div{width:.58rem;height:.58rem;border-radius:50%;border:1px #fff solid;background:url(../images/arrow1-w.svg) no-repeat center center/.25rem;cursor:pointer;transition:.3s}
.about-page .box4 .prev{transform:rotate(180deg)}
.about-page .box4 .m{display: none;}

.about-page .box5{padding:.9rem 0 .85rem}
.about-page .box5 .cate{display:flex;justify-content:center;margin:.2rem 0 .3rem}
.about-page .box5 .cate .item{display:flex;align-items:center;padding:0 .3rem;border-right:1px #ccc solid;cursor:pointer;transition: .3s;filter:grayscale(1);}
.about-page .box5 .cate .item:last-child{border-right:0}
.about-page .box5 .cate .item.active{filter:grayscale(0);}
.about-page .box5 .cate .img-div{width:.19rem;height:.19rem;margin-right:.1rem;}
.about-page .box5 .cate p{font-size:.16rem;color:#7CBC27;}
.about-page .box5 .con{display:none}
.about-page .box5 ul{display:flex;flex-wrap:wrap}
.about-page .box5 li{width:calc(25% - .12rem);margin-right:.16rem;margin-bottom:.16rem;border-radius:.1rem;padding:.75rem .2rem .35rem;transition:.3s;text-align:center;background: #f7fafc url(../images/17.png) no-repeat center .3rem/1rem;}
.about-page .box5 li:nth-child(4n){margin-right:0}
.about-page .box5 li>h3{font-size:.18rem;line-height:.28rem;color:#000;}
.about-page .box5 li>p{line-height:.24rem;color:#666;text-align:center;}

.about-page .box6{background:#f6f9fb;padding:.9rem 0 .8rem}
.about-page .box6 .con{display:flex;margin-top:.4rem}
.about-page .box6 .big{width:32.81%}
.about-page .box6 ul{flex:1;display:flex;flex-wrap:wrap}
.about-page .box6 .img-bg{width:calc(50% - .2rem);margin-left:.2rem;margin-bottom:.2rem;height:2.6rem;position:relative;border-radius:.1rem}
.about-page .box6 .big .img-bg{width:100%;margin-left:0;height:5.4rem}
.about-page .box6 .info{position:absolute;bottom:0;left:0;width:100%;padding:20% .4rem .3rem;background:linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);color:#fff;transition: .3s;}
.about-page .box6 .info>h3{font-size:.2rem;line-height:.3rem;}
.about-page .box6 .info>p{line-height:.24rem;margin-top: .1rem;}

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

    .about-page .box1{padding:1rem 0 .7rem}
    .about-page .box1::before{display: none;}
    .about-page .box1 .con{flex-direction: column;}
    .about-page .box1 .img-div{width:100%;order:2}
    .about-page .box1 .info{padding:0 0 .6rem}
    .about-page .box1 .tit{text-align: center;}
    .about-page .box1 .tit>p{text-align: center;}
    .about-page .box1 .info>p{font-size:.28rem;line-height:.48rem;text-align: center;}
    .about-page .box1 ul{flex-wrap: wrap;width: 100%;margin: .6rem auto 0;}
    .about-page .box1 li{width: calc(50% - .1rem);margin-bottom: .3rem;}
    .about-page .box1 li:nth-child(2n+1){margin-right: .2rem;}
    .about-page .box1 li>p:nth-of-type(1){justify-content: center;margin-bottom: .1rem;}
    .about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){font-size:.6rem;width: auto !important;}
    .about-page .box1 li>p:nth-of-type(2){font-size:.28rem;line-height:.44rem;text-align: center;}

    .about-page .box2 .con{margin-top:.4rem;}
    .about-page .box2 .pc{display: none;}
    .about-page .box2 .m{display: block;}
    .about-page .box2 video{display: none;}
    .about-page .box2 li{width:.28rem;height:.28rem}
    .about-page .box2 li::before{width:.12rem;height:.12rem;top:.08rem;left:.08rem;}
    .about-page .box2 li>a{border-radius:.6rem;padding-right: .5rem;left: calc(100% + .3rem);}
    .about-page .box2 li.left>a{right: .5rem;}
    .about-page .box2 li>a>p{padding: 0 .4rem 0 .5rem;background-size:.2rem;line-height:.8rem;}

    .about-page .box3{padding:1rem 0 .6rem}
    .about-page .box3 .con{margin-top:.6rem;border-radius:0}
    .about-page .box3 .imgs{display: none;}
    .about-page .box3 .img{position: static;opacity: 1;padding-bottom: 60%;}
    .about-page .box3 ul{display: none}
    .about-page .box3 .m{display: block;}
    .about-page .box3 .item{position: relative;margin-bottom: .4rem;}
    .about-page .box3 .info{position: absolute;top: 50%;left: 50%;text-align: center;color: #fff;padding: 0 .4rem;transform: translate(-50%,-50%);width:100%}
    .about-page .box3 .info>h3{font-size:.4rem;line-height:.6rem}
    .about-page .box3 .info>p{text-align: center;}
    .about-page .box3 .info>p:nth-of-type(1){font-size:.32rem;line-height:.52rem;margin:.1rem 0}
    .about-page .box3 .info>p:nth-of-type(2){line-height:.48rem}

    .about-page .box4{height: auto;padding-bottom: 1rem;}
    .about-page .box4 .tit>h2{padding-top: 1rem;}
    .about-page .box4 .con{display: none;}
    .about-page .box4 .m{display: block;color:#fff;text-align: center;margin-top: .6rem;}
    .about-page .box4 .m .swiper-slide{background: rgba(0,0,0,.3);border-radius: .1rem;padding: .8rem .4rem 1rem;height: auto;}
    .about-page .box4 .m .swiper-slide>p:nth-of-type(1){font-size: .6rem;margin-bottom: .3rem;}
    .about-page .box4 .m .swiper-slide>p:nth-of-type(2){font-size: .28rem;line-height: .56rem;}
    .about-page .box4 .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .about-page .box4 .swiper-pagination-bullet-active{background: #139ecd;}

    .about-page .box5{padding:1rem 0 .6rem}
    .about-page .box5 .cate{margin:.4rem 0 .6rem}
    .about-page .box5 .cate .item{padding:0 .4rem;}
    .about-page .box5 .cate .img-div{width:.29rem;height:.29rem;margin-right:.2rem;}
    .about-page .box5 .cate p{font-size:.28rem}
    .about-page .box5 ul{display:block}
    .about-page .box5 li{width:100%;margin-right:0;margin-bottom:.4rem;padding:1.7rem .4rem .6rem;background: #f7fafc url(../images/17.png) no-repeat center .6rem/2rem;}
    .about-page .box5 li>h3{font-size:.32rem;line-height:.52rem}
    .about-page .box5 li>p{line-height:.44rem;font-size: .28rem;}

    .about-page .box6{padding:1rem 0 .6rem}
    .about-page .box6 .con{display:block}
    .about-page .box6 .big{width:100%}
    .about-page .box6 ul{display:block}
    .about-page .box6 .img-bg{width:100%;margin-left:0;margin-bottom:.4rem;height:auto}
    .about-page .box6 .big .img-bg{width:100%;margin-left:0;height:auto}
    .about-page .box6 .img{padding-bottom: 66.98%;}
    .about-page .box6 .big .img{padding-bottom: 128.57%;}
    .about-page .box6 .info{padding:20% .4rem .4rem;}
    .about-page .box6 .info>h3{font-size:.36rem;line-height:.56rem;}
    .about-page .box6 .info>p{line-height:.48rem;}
}

@media (any-hover:hover){
    .about-page .box2 li>a:hover{background-color:#139ecd}
    
    .about-page .box4 .arrow>div:hover{background-color:#7CBC27;border-color:#79b863}
    
    .about-page .box5 li:hover{transform:translateY(-.05rem)}

    .about-page .box6 .big:hover .info{padding-bottom: .35rem;}
    .about-page .box6 li:hover .info{padding-bottom: .35rem;}
}

/*新闻*/
.news-page.list{padding:1rem 0 .6rem;background:#f0f1f2}
.news-page.list .cate{display:flex;justify-content:center;margin-bottom:.6rem}
.news-page.list .cate>a{padding:0 .4rem;line-height: .5rem;margin-right: .1rem;border-radius:.25rem;transition: .3s;font-size:.16rem;color:#666;}
.news-page.list .cate>a:last-child{margin-right: 0;}
.news-page.list .cate>a.active{background:#7cbc27;color:#fff}
.news-page.list .best{margin-bottom:.5rem;}
.news-page.list .best .swiper-container{border-radius: .2rem;}
.news-page.list .best .swiper-slide{display:flex;align-items:center;background:#fff}
.news-page.list .best .img-bg{width:50%}
.news-page.list .best .img{padding-bottom:75%}
.news-page.list .best .info{width:50%;padding:0 .5rem}
.news-page.list .best .info>p:nth-of-type(1){background:url(../images/18.png) no-repeat left center;color:#666;padding-left:.25rem}
.news-page.list .best .info>h2{font-size:.24rem;color:#000;margin:.2rem 0 .3rem}
.news-page.list .best .info>p:nth-of-type(2){font-size:.16rem;line-height:.3rem;color:#666;margin-bottom:.5rem}
.news-page.list .best .btn{display:inline-block;border:1px solid #eee;border-radius:.3rem;padding-right:.45rem;line-height:.58rem;}
.news-page.list .best .btn>p{padding:0 .35rem 0 .45rem;background: url(../images/6.png) no-repeat right center/.12rem;font-size:.16rem;color:#666}
.news-page.list .best .swiper-pagination{margin-top: .2rem;position: static;}
.news-page.list .best .swiper-pagination-bullet{margin: 0 .05rem;}
.news-page.list .best .swiper-pagination-bullet-active{background:#7CBC27;}
.news-page.list ul{display:flex;flex-wrap:wrap}
.news-page.list li{width:calc(100% / 3 - .26rem);margin-right:.39rem;margin-bottom:.4rem;background:#fff;position:relative;padding:.4rem .3rem 0;height: 3.3rem;border-radius: .2rem;}
.news-page.list li:nth-child(3n){margin-right:0}
.news-page.list li::after{content:'';width:100%;height:100%;background:url(../images/19.jpg) no-repeat center center/cover;position:absolute;top:0;left:0;opacity: 0;transition: .3s;border-radius: .2rem;}
.news-page.list li .info{position: relative;z-index: 2;height: 100%;}
.news-page.list li .info>p:nth-of-type(1){background:url(../images/18.png) no-repeat left center;color:#666;padding-left:.25rem;margin-bottom:.4rem}
.news-page.list li .info>h3{font-size:.24rem;line-height:.36rem;color:#000}
.news-page.list li .info>p:nth-of-type(2){display:inline-block;font-size:.16rem;color:#666;background:url(../images/6.png) no-repeat right center/.1rem;padding-right:.4rem;position:absolute;bottom:.6rem;left:0}
.news-page.list .page{margin-bottom:.4rem}

.news-page.detail{padding:.9rem 0 1rem}
.news-page.detail>h1{font-size:.32rem;line-height:.46rem;text-align:center;}
.news-page.detail>p{font-size:.16rem;color:#999;text-align:center;margin:.15rem 0 .3rem}
.news-page.detail .content{border-top:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.15);padding:.4rem 0 .6rem;margin-bottom:.45rem}
.news-page.detail .content p{font-size:.16rem;line-height:.32rem;color:#666}
.news-page.detail .jump{display:flex;justify-content:space-between;align-items:center}
.news-page.detail .jump .info{width:calc(100% - 2.3rem)}
.news-page.detail .jump .info>a{font-size:.16rem;line-height:.3rem;color:#666}
.news-page.detail .jump>a{border-radius:.3rem;background:#7CBC27;color:#fff;width: 1.8rem;text-align:center;transition:.3s;line-height: .6rem;font-size: .16rem;}

@media (max-width:1024px){
    .news-page.list{padding:.8rem 0 .6rem;}
    .news-page.list .cate>a{line-height: .8rem;margin-right: .21rem;border-radius:.6rem;font-size:.28rem;}
    .news-page.list .best{margin-bottom:.6rem;}
    .news-page.list .best .swiper-slide{display:block;height: auto;}
    .news-page.list .best .img-bg{width:100%}
    .news-page.list .best .info{width:100%;padding:.6rem .4rem}
    .news-page.list .best .info>p:nth-of-type(1){padding-left:.45rem}
    .news-page.list .best .info>h2{font-size:.32rem;}
    .news-page.list .best .info>p:nth-of-type(2){font-size:.28rem;line-height:.48rem;margin-bottom:.4rem}
    .news-page.list .best .btn{border-radius:.6rem;padding-right:.5rem;line-height:.8rem;}
    .news-page.list .best .btn>p{padding:0 .5rem;background-size:.2rem;font-size:.28rem;}
    .news-page.list .best .swiper-pagination-bullet{margin: 0 .08rem;}
    .news-page.list ul{display:block}
    .news-page.list li{width:100%;margin-right:0;margin-bottom:.4rem;padding:.6rem .4rem;height: auto;}
    .news-page.list li .info>p:nth-of-type(1){padding-left:.45rem;margin-bottom:.3rem}
    .news-page.list li .info>h3{font-size:.32rem;line-height:.52rem;margin-bottom: .4rem;}
    .news-page.list li .info>p:nth-of-type(2){font-size:.28rem;background-size:.2rem;padding-right:.5rem;position:static}
    .news-page.list .page{margin:.2rem 0 .4rem}

    .news-page.detail{padding:.8rem 0 1rem}
    .news-page.detail>h1{line-height:.52rem;}
    .news-page.detail>p{font-size:.28rem;margin:.25rem 0 .3rem}
    .news-page.detail .content p{font-size:.28rem;line-height:.56rem}
    .news-page.detail .jump{display:block}
    .news-page.detail .jump .info{width:100%;margin-bottom: .3rem;}
    .news-page.detail .jump .info>a{font-size:.28rem;line-height:.48rem}
    .news-page.detail .jump>a{border-radius:.6rem;width: 2.5rem;line-height: .8rem;font-size: .28rem;}
}

@media (any-hover:hover){
    .news-page.list .cate>a:hover{background:#7cbc27;color:#fff}
    .news-page.list .best .swiper-slide:hover .img{transform: scale(1.1);}
    .news-page.list .best .swiper-slide:hover .info>h2{color:#7CBC27}
    .news-page.list .best .swiper-slide:hover .btn{border-color:#7CBC27;background: #7CBC27;}
    .news-page.list .best .swiper-slide:hover .btn>p{background-image: url(../images/3.png);color:#fff;}
    .news-page.list li:hover::after{opacity: 1;}
    .news-page.list li:hover .info{filter:brightness(0%) invert(100%)}
    
    .news-page.detail .jump .info>a:hover{color:#7CBC27}
    .news-page.detail .jump>a:hover{background:#139ecd}
}

/* 加入 */
.joins-page .tit{text-align:center;}
.joins-page .tit>h2{font-size:.4rem;}
.joins-page .tit>p{font-size:.16rem;line-height:.26rem;color:#666;margin-top:.1rem;text-align: center;}

.joins-page .box1{position: relative;z-index: 2;}
.joins-page .box1 .m{display:none}
.joins-page .box1 .img{padding-bottom:48.43%}
.joins-page .box1 .width{position:absolute;top:30%;left:50%;transform:translateX(-50%);color:#fff;text-align: center;}
.joins-page .box1 .width>h1{font-size:.48rem;line-height:.58rem;}
.joins-page .box1 .width>p{margin:.15rem 0 .45rem;font-size:.16rem;line-height:.26rem;text-align: center;}
.joins-page .box1 .btn{position:relative;width:.7rem;height:.7rem;margin:0 auto;cursor: pointer;}
.joins-page .box1 .btn::before{content:'';position:absolute;width:100%;height:100%;background:#fff url(../images/20.png) no-repeat center center;border-radius:50%;z-index: 2;top: 0;left: 0;}
.joins-page .box1 .btn::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:#fff;border-radius:50%;animation:joins-box1-play 1s linear infinite;}
@keyframes joins-box1-play{
	to{transform:translate(-50%,-50%) scale(1.5);opacity:0}
}

.joins-page .box2{padding:.9rem 0;background:linear-gradient(to bottom,#f9fcfd,#f1f8fa);position:relative}
.joins-page .box2::before{content:'';width:100%;height:100%;background:url(../images/21.png) no-repeat left top/60.93%;position:absolute;top:-3%;left:0;}
.joins-page .box2 .width{position:relative}
.joins-page .box2 .cate{display:flex;justify-content:center;margin:.25rem 0 .4rem}
.joins-page .box2 .item{cursor:pointer;filter:grayscale(1);display:flex;align-items:center;padding-right: .3rem;margin-right: .3rem;border-right: 1px #ddd solid;}
.joins-page .box2 .item.active{filter:grayscale(0)}
.joins-page .box2 .item:last-child{border-right: 0;padding-right: 0;margin-right: 0;}
.joins-page .box2 .img-div{width:.21rem;height:.22rem;margin-right:.1rem}
.joins-page .box2 .item>p{color:#7CBC27;font-size:.16rem}
.joins-page .box2 .cons{display:none;}
.joins-page .box2 .con{display: flex;}
.joins-page .box2 .big{width:32.81%;}
.joins-page .box2 ul{width:67.19%;display:flex;flex-wrap:wrap}
.joins-page .box2 li{width:calc(54.65% - .1rem);margin-left:.1rem;margin-bottom: .1rem;}
.joins-page .box2 li.sm{width: calc(45.35% - .1rem);}
.joins-page .box2 .img-bg{border-radius:.1rem;height: 2.3rem;}
.joins-page .box2 .big .img-bg{height:4.7rem;}

.joins-page .box3{background:#f1f5f6;padding:.9rem 0}
.joins-page .box3 ul{display:flex;flex-wrap:wrap;margin-top:.4rem}
.joins-page .box3 li{width:calc(100% / 3 - .08rem);margin-right:.12rem;margin-bottom:.12rem;border-radius:.1rem;background:#fff;position:relative;transition: .3s;}
.joins-page .box3 li:nth-of-type(1),.joins-page .box3 li:nth-of-type(2){width:calc(50% - .06rem)}
.joins-page .box3 li:nth-child(3n-1){margin-right:0}
.joins-page .box3 .info{padding:.4rem .45rem 1.9rem;}
.joins-page .box3 .info>h3{font-size:.2rem;line-height:.3rem;margin-bottom:.1rem}
.joins-page .box3 .info>p{color:#999;line-height:.24rem;}
.joins-page .box3 .img-bg{height:1.5rem;border-radius:0 0 .1rem .1rem;position:absolute;bottom:0;left:0;width:100%}

.joins-page .box4{padding:.9rem 0 .8rem}
.joins-page .box4 ul{margin-top:.4rem}
.joins-page .box4 li{margin-bottom:.2rem}
.joins-page .box4 li>p{border-radius:.1rem;border:1px solid #ddd;padding:.25rem .5rem;display:flex;align-items:center;cursor:pointer;transition: .3s;}
.joins-page .box4 li>p>span{width: calc((73% - .2rem) / 4);font-size:.16rem;line-height:.26rem;text-align:center}
.joins-page .box4 li>p>span:nth-of-type(1){font-size:.18rem;line-height:.28rem;width:27%;position:relative;padding-left:.3rem;text-align:left}
.joins-page .box4 li>p>span:nth-of-type(1)::before{content:'';position:absolute;width:.04rem;height:.19rem;background:#7CBC27;top:.05rem;left:0;transition: .3s;}
.joins-page .box4 li>p>span:nth-last-of-type(1){width:.2rem;height:.2rem;background:url(../images/arrow.svg) no-repeat center center/100%;transition:.3s}
.joins-page .box4 li.title>p{cursor: auto;}
.joins-page .box4 li.title>p>span:nth-of-type(1)::before{display: none;}
.joins-page .box4 li.title>p>span:nth-last-of-type(1){height: 0;}
.joins-page .box4 .content{display:none;padding:.5rem .8rem;border-radius:0 0 .1rem .1rem;border:1px solid #ddd;border-top:0}
.joins-page .box4 .content>h3{font-size: .18rem;margin-bottom: .1rem;}
.joins-page .box4 .content p{font-size:.16rem;line-height:.36rem;color:#666;}
.joins-page .box4 .email{font-size:.16rem;line-height:.26rem;color:#7CBC27;background:url(../images/22.png) no-repeat left center/.2rem;padding-left:.35rem;margin-top: .3rem;}
.joins-page .box4 li.active>p{color:#fff;border:0;border-radius:.1rem .1rem 0 0;background:#7CBC27}
.joins-page .box4 li.active>p>span:nth-of-type(1)::before{background:#fff}
.joins-page .box4 li.active>p>span:nth-last-of-type(1){filter:brightness(0%) invert(100%);transform: rotate(180deg);}
.joins-page .box4 .m{display: none;}

@media (max-width:1024px){
    .joins-page .tit>h2{font-size:.5rem;}
    .joins-page .tit>p{font-size:.28rem;line-height:.48rem;}

    .joins-page .box1 .pc{display:none}
    .joins-page .box1 .m{display:block}
    .joins-page .box1 .img{padding-bottom:70%}
    .joins-page .box1 .width{top:50%;transform:translate(-50%,-50%)}
    .joins-page .box1 .width>h1{font-size:.5rem;line-height:.7rem;}
    .joins-page .box1 .width>p{font-size:.28rem;line-height:.48rem;}
    .joins-page .box1 .btn{width:.8rem;height:.8rem}
    .joins-page .box1 .btn::before{background-size:.15rem;}

    .joins-page .box2{padding:1rem 0 .6rem}
    .joins-page .box2 .cate{flex-wrap: wrap;margin:.4rem 0 .6rem}
    .joins-page .box2 .item{border-right: 0;padding-right: 0;margin: 0 0 .3rem;width: calc(50% - .1rem);justify-content: center;}
    .joins-page .box2 .item:nth-child(2n+1){margin-right: .2rem;}
    .joins-page .box2 .img-div{width:.41rem;height:.42rem;margin-right:.2rem}
    .joins-page .box2 .item>p{font-size:.28rem}
    .joins-page .box2 .con{display: block;}
    .joins-page .box2 .big{width:100%;margin-bottom: .4rem;}
    .joins-page .box2 ul{width:100%;display:block}
    .joins-page .box2 li{width:100%;;margin-left:0;margin-bottom: .4rem;}
    .joins-page .box2 li.sm{width: 100%;}
    .joins-page .box2 .img-bg{height: auto;}
    .joins-page .box2 .big .img-bg{height:auto;}
    .joins-page .box2 .img{padding-bottom:50%;}
    .joins-page .box2 .big .img{padding-bottom:119.64%;}
    .joins-page .box2 li.sm .img{padding-bottom:60.52%;}

    .joins-page .box3{padding:1rem 0 .6rem}
    .joins-page .box3 ul{display:block;margin-top:.6rem}
    .joins-page .box3 li{width:100%;margin-right:0;margin-bottom:.4rem;}
    .joins-page .box3 li:nth-of-type(1),.joins-page .box3 li:nth-of-type(2){width:100%;}
    .joins-page .box3 .info{padding:.6rem .4rem;}
    .joins-page .box3 .info>h3{font-size:.32rem;line-height:.52rem;margin-bottom:.2rem}
    .joins-page .box3 .info>p{line-height:.48rem;}
    .joins-page .box3 .img-bg{height:auto;position:static}
    .joins-page .box3 .img{padding-bottom: 35.71%;}
    .joins-page .box3 li:nth-of-type(1) .img,.joins-page .box3 li:nth-of-type(2) .img{padding-bottom: 23.62%;}

    .joins-page .box4{padding:1rem 0 .6rem}
    .joins-page .box4 ul{margin-top:.6rem}
    .joins-page .box4 li{margin-bottom:.4rem}
    .joins-page .box4 li>p{padding:.3rem .4rem;}
    .joins-page .box4 li>p>span{display: none;}
    .joins-page .box4 li>p>span:nth-of-type(1){font-size:.32rem;line-height:.52rem;width:calc(100% - .3rem);padding-left:.2rem;display: block}
    .joins-page .box4 li>p>span:nth-of-type(1)::before{height:.3rem;top:.1rem;}
    .joins-page .box4 li>p>span:nth-last-of-type(1){width:.3rem;height:.3rem;display: block}
    .joins-page .box4 .content{padding:.6rem .4rem;}
    .joins-page .box4 .content>h3{font-size: .32rem;margin-bottom: .1rem;}
    .joins-page .box4 .content p{font-size:.28rem;line-height:.56rem}
    .joins-page .box4 .email{font-size:.28rem;line-height:.44rem;background-size:.3rem;padding-left:.45rem;margin-top: .4rem;}
    .joins-page .box4 .m{display: block;margin-bottom: .4rem;}
}

@media (any-hover:hover){
    .joins-page .box3 li:hover{background:#7CBC27}
    .joins-page .box3 li:hover .info>h3{color:#fff}
    .joins-page .box3 li:hover .info>p{color:#fff}
}

/* 联系 */
.contact-page .box1{position:relative}
.contact-page .box1 .m{display:none}
.contact-page .box1 .img{padding-bottom:48.5%}
.contact-page .box1 .width{position:absolute;top:18%;left:50%;transform:translateX(-50%);color:#fff;}
.contact-page .box1 .width>p{font-size:.24rem;line-height: .34rem;}
.contact-page .box1 .width>h1{font-size:.48rem;line-height:.58rem;margin:.05rem 0 .9rem}
.contact-page .box1 li{display:flex;align-items:center;margin-bottom:.35rem}
.contact-page .box1 .img-div{width:.57rem;height:.53rem}
.contact-page .box1 .info{flex:1;padding-left:.2rem}
.contact-page .box1 .info>p:nth-of-type(1){font-size:.16rem;opacity:.8;margin-bottom:.1rem}
.contact-page .box1 .info>p:nth-of-type(2){font-size:.2rem;line-height: .3rem;}
.contact-page .box1 .info>p:nth-of-type(2).phone{font-size:.3rem;line-height: .4rem;}
.contact-page .box1 .width>a{margin-top:.35rem;padding:0 .45rem;background:#7CBC27;border-radius:.25rem;display:inline-block;cursor:pointer;font-size:.16rem;color:#fff;line-height: .5rem;transition: .3s;}

.contact-page .box2{padding:.9rem 0 1rem}
.contact-page .box2 .width>h2{font-size:.4rem;text-align:center}
.contact-page .box2 .width>p{font-size:.16rem;line-height:.26rem;text-align:center;color:#666;margin:.15rem 0 .4rem}
.contact-page .box2 form{border-radius:.1rem;background:#fff;padding:.8rem 14% 1rem;}
.contact-page .box2 ul{display: flex;flex-wrap: wrap;margin-bottom:.3rem;}
.contact-page .box2 li{margin-bottom:.2rem;width:calc(50% - .1rem);}
.contact-page .box2 li:nth-child(2n+1){margin-right:.2rem}
.contact-page .box2 li.w100{width:100%;margin-right:0}
.contact-page .box2 .select{width:100%;border-radius:.05rem}
.contact-page .box2 .select>select{height: .5rem;background:#f5f5f5;}
.contact-page .box2 li>input{width:100%;height:.5rem;background:#f5f5f5;padding:0 .2rem;border-radius:.05rem}
.contact-page .box2 li>textarea{background:#f5f5f5;width:100%;padding:.15rem .2rem;border-radius:.05rem;height:2rem;}
.contact-page .box2 .btn{line-height:.5rem;background:#7CBC27;border-radius:.25rem;width:1.5rem;cursor:pointer;font-size:.16rem;color:#fff;transition: .3s;text-align: center;margin: 0 auto;}

@media (max-width:1024px){
    .contact-page .box1 .pc{display:none}
    .contact-page .box1 .m{display:block}
    .contact-page .box1 .img{padding-bottom:130%}
    .contact-page .box1 .width{top:50%;transform:translate(-50%,-50%);text-align: center}
    .contact-page .box1 .width>p{font-size:.32rem;line-height: .52rem;text-align: center;}
    .contact-page .box1 .width>h1{font-size:.5rem;line-height:.7rem;margin:.1rem 0 .5rem}
    .contact-page .box1 li{margin-bottom:.4rem;text-align: left;}
    .contact-page .box1 .img-div{width:.77rem;height:.73rem}
    .contact-page .box1 .info{padding-left:.3rem}
    .contact-page .box1 .info>p:nth-of-type(1){font-size:.28rem}
    .contact-page .box1 .info>p:nth-of-type(2){font-size:.36rem;line-height: .56rem;}
    .contact-page .box1 .info>p:nth-of-type(2).phone{font-size:.4rem;line-height: .6rem;}
    .contact-page .box1 .width>a{margin-top:.2rem;padding:0 .6rem;border-radius:.6rem;font-size:.28rem;line-height: .8rem}

    .contact-page .box2{padding:1rem 0}
    .contact-page .box2 .width>h2{font-size:.5rem}
    .contact-page .box2 .width>p{font-size:.28rem;line-height:.48rem;}
    .contact-page .box2 form{padding:.6rem .4rem;}
    .contact-page .box2 ul{display: block;margin-bottom:.3rem;}
    .contact-page .box2 li{margin-bottom:.3rem;width:100%;}
    .contact-page .box2 li:nth-child(2n+1){margin-right:0}
    .contact-page .box2 .select>select{height: .8rem;}
    .contact-page .box2 .select:after{width: .8rem;}
    .contact-page .box2 li>input{height:.8rem;padding:0 .3rem}
    .contact-page .box2 li>textarea{padding:.2rem .3rem;height:3rem;}
    .contact-page .box2 .btn{line-height:.8rem;border-radius:.6rem;width:2.2rem;font-size:.28rem}
}

@media (any-hover:hover){
    .contact-page .box1 .width>a:hover{background:#139ecd}
    
    .contact-page .box2 .btn:hover{background:#139ecd}
}

/*搜索*/
.search-page{padding-bottom:.7rem;background:#f5f5f5}
.search-page .crumb{padding:.8rem 0 .2rem;margin-bottom:.5rem;border-bottom:1px #ddd solid;display:flex;color:#666;}
.search-page .crumb>a{color:#666}
.search-page .crumb>span{margin:0 .05rem}
.search-page li{background:#fff;padding:.4rem;margin-bottom:.3rem;border-radius: .1rem;position: relative;}
.search-page li>p:nth-of-type(1){font-size:.2rem;}
.search-page li>p:nth-of-type(2){line-height:.3rem;font-size: .16rem;margin-top:.15rem;}
.search-page .page{padding:.2rem 0 .3rem}

@media (max-width:1024px){
    .search-page{padding-bottom:.6rem;}
    .search-page .crumb{padding:.6rem 0 .3rem;}
    .search-page .crumb>span{margin:0 .1rem}
    .search-page li{padding:.5rem .4rem;margin-bottom:.4rem;}
    .search-page li>p:nth-of-type(1){font-size:.32rem;}
    .search-page li>p:nth-of-type(2){line-height:.48rem;font-size: .28rem;}
    .search-page .page{padding:.2rem 0 .4rem}
}

@media (any-hover:hover){
    .search-page .crumb>a:hover{color:#7CBC27}
    .search-page li:hover>p:nth-of-type(1){color:#7CBC27}
}