/*公共*/
.header{position: fixed;top:0;left: 0;width:100%;transition: .5s;z-index: 998;}
.header .width{height:1rem;display: flex;justify-content: space-between;align-items: center;max-width: 17.2rem;}
.header .img-div{height:.46rem}
.header-r{flex:1;padding-left: .5rem;display: flex;justify-content: flex-end;}
.header ul{display: flex;margin-right: .2rem;}
.header li{line-height: 1rem;padding:0 .3rem}
.header li>a{color:#fff;font-size: .16rem;}
.header li>a.active{color:#0076ce}
.header .child{position: absolute;top: 100%;left: 0;width: 100%;background: #f5f7fa;padding:0 .5rem;display: none;line-height: .8rem;text-align: center;border-top: 1px #eee solid;}
.header .child>a{font-size: .16rem;margin-right: .3rem;}
.header .child>a:last-child{margin-right: 0;}
.header .solution-child{position: absolute;top: 100%;left: 0;width: 100%;background: #fff;display: none;border-top: 1px #eee solid;}
.header .solution{display: flex;height:4.3rem}
.header .solution-l{width: 33.33%;display: flex;justify-content: flex-end;background: #f5f7fa;padding-top:.5rem}
.header .solution-l-item{width: 50%;}
.header .solution-l-item>a{line-height: .6rem;font-size: .18rem;color:#666;padding:0 .6rem 0 .25rem;margin-bottom: .1rem;position: relative;background: url(../images/arrow1-g.png) no-repeat calc(100% - .3rem) center/.16rem;transition: .3s;}
.header .solution-l-item>a::after{content:'';width:.17rem;height: .15rem;background: url(../images/23.png) no-repeat center center/100%;position: absolute;top:0;left:0;opacity: 0;transition: .3s;}
.header .solution-l-item>a.active{background-color: #fff;color:#0076ce;background-image: url(../images/arrow1.png);}
.header .solution-l-item>a.active::after{opacity: 1;}
.header .solution-r{display: none;width: 53%;}
.header .solution-r-items{display: flex;padding:.7rem 1rem 0}
.header .solution-r-item{position: relative;width: calc(50% - .4rem);}
.header .solution-r-item:first-child{margin-right: .8rem;}
.header .solution-r-item>p:nth-of-type(1){font-size: .24rem;color:#000;line-height: .24rem;}
.header .solution-r-item>p:nth-of-type(2){font-size: .16rem;line-height:.3rem;color:#666;height: .9rem;margin:.25rem 0 .1rem}
.header .solution-r-item>p:nth-of-type(3){font-size: .16rem;color:#999;line-height: .16rem;background: url(../images/arrow1-g.png) no-repeat right center/.16rem;display: inline-block;padding-right: .3rem}
.header .icon{width:.22rem;height:1rem;cursor: pointer;position: relative;}
.header .lang{background: url(../images/lang-w.png) no-repeat center center/.22rem;padding:0 .4rem;}
.header .lang .popup{position: absolute;top: 100%;left: 50%;transform:translateX(-50%);width:1rem;background: #fff;border-radius: .15rem;padding:.15rem 0;box-shadow: 0 0 .1rem rgba(0,0,0,.1);display: none;}
.header .lang .popup>a{font-size: .16rem;line-height: .3rem;display: block;text-align: center;}
.header .search{background: url(../images/search-w.png) no-repeat center center/100%;}
.header .search .popup{position: absolute;top:100%;right:0;display: none;}
.header .search .popup>div{width:3rem;display: flex;}
.header .search .popup input{height:.5rem;flex:1;border-radius: .05rem 0 0 .05rem}
.header .search .btn{width:.5rem;height: .5rem;background: #0076ce url(../images/search-w.png) no-repeat center center/.2rem;border-radius: 0 .05rem .05rem 0;}
.header .menu{display: none;}
.header.active{background: #fff;box-shadow: 0 .01rem .05rem rgba(0,0,0,.1);}
.header.active li>a{color:#333}
.header.active li>a.active{color:#0076ce}
.header.active .lang{background-image: url(../images/lang.png)}
.header.active .search{background-image: url(../images/search.png)}
.header.inner{background: #fff;box-shadow: 0 .01rem .05rem rgba(0,0,0,.1);position: relative;}
.header.inner .width{height:.8rem;}
.header.inner li{line-height: .8rem;}
.header.inner li>a{color:#333}
.header.inner li>a.active{color:#0076ce}
.header.inner .icon{height: .8rem;}
.header.inner .lang{background-image: url(../images/lang.png)}
.header.inner .search{background-image: url(../images/search.png)}
.header.hide{transform: translateY(-2rem);}
.header-space{height:.8rem;display: none;}

.footer{background: #fafbfc;padding:1rem 0 .9rem}
.footer .width{max-width: 17.2rem;}
.footer .box1{display: flex;justify-content: space-between;}
.footer .box1 .img-div{height:.54rem}
.footer .outlink{width: 3.5rem;position: relative;}
.footer .outlink>p{border:1px solid #eee;border-radius: .1rem;line-height: .6rem;padding-left: .25rem;position: relative;cursor: pointer;color:#666}
.footer .outlink>p::after{content:'';position:absolute;right:0;top:0;width: .6rem;height: .6rem;background: url(../images/arrow.svg) no-repeat center center/.12rem;transition: .3s;transform: rotate(90deg);}
.footer .outlink>p.active::after{transform: rotate(-90deg);}
.footer .outlink>div{border-radius: .1rem;max-height: 2.5rem;position: absolute;top: calc(100% + .1rem);left: 0;width: 100%;padding:.2rem .25rem;display: none;box-shadow: 0 0 .1rem #eee;z-index: 10;background: #fff;}
.footer .outlink>div>a{display: block;line-height: .3rem;color:#666}
.footer .box2{display: flex;padding:.6rem 0 .3rem;border-bottom: 1px solid #eee;margin-bottom: .4rem;justify-content: space-between;}
.footer .info{width:25%;padding-right: .5rem;}
.footer .info li{margin-bottom: .3rem;}
.footer .info li>p:nth-of-type(1){font-size: .16rem;margin-bottom: .05rem;}
.footer .info li>p:nth-of-type(2){font-size: .3rem;}
.footer .media{display: flex;flex-wrap: wrap;margin-top: .2rem;}
.footer .media>a{width:.45rem;height:.45rem;border-radius: 50%;background:#f0f3f5;position: relative;margin-right: .1rem;}
.footer .media>a>img{max-width: 50%;max-height: 50%;}
.footer .qr{position: absolute;top:-1.3rem;left: 50%;transform: translateX(-50%);width:1.2rem;height:1.2rem;display: none;}
.footer .nav{display: flex;justify-content: space-between;border-top: 1px solid rgba(255,255,255,.1);width: 45%;}
.footer .nav li{padding-right: .5rem;}
.footer .nav li>a{font-size: .2rem;margin-bottom: .25rem;}
.footer .nav .child>a{font-size: .16rem;display: block;margin-bottom: .18rem;color:#666}
.footer .nav .img-div{width:1.4rem;height: 1.4rem;margin-bottom: .1rem;}
.footer .nav li>p{text-align: center;color:#666}
.footer .ewm{width: 3rem;display: flex;justify-content: flex-end;}
.footer .ewm .item{flex:1;max-width: 1.4rem;text-align: center;}
.footer .ewm .item:first-child{margin-right: .2rem;}
.footer .box3{display: flex;justify-content: space-between;color:#999}
.footer .box3 a{color:#999}
.footer .box3>p:nth-of-type(2)>span{background: url(../images/5.png) no-repeat left center/.18rem;padding-left: .25rem;margin-right: .1rem;}

.float-bottom{width:1.25rem;height:1.25rem;position: fixed;right:.5rem;bottom:.5rem;display: flex;justify-content: center;align-items: center;z-index: 998;}
.float-bottom::after{content:'';width:100%;height:100%;background: url(../images/10.png) no-repeat center center/100%;position: absolute;top:0;left:0;animation: float-play 5s linear infinite;}
.float-bottom .img-div{width:.54rem;height: .48rem;}
@keyframes float-play{
    to{transform: rotate(360deg);}
}

.float-right{position: fixed;right:.3rem;top:50%;z-index: 998;margin-top: -1.3rem;transition: .3s;}
.float-right li{width: .9rem;height: .9rem;background: #fff;border-radius: .05rem;box-shadow: 0 0 .1rem rgba(0,0,0,.15);margin-bottom:.1rem;padding-top: .2rem;cursor: pointer;transition: .3s;position: relative;}
.float-right li:nth-of-type(3){height: .5rem;padding-top: .12rem;margin-bottom: 0;}
.float-right li>.img-div{width: .28rem;height: .28rem;margin: 0 auto;}
.float-right li>p{text-align: center;margin-top: .08rem;}
.float-right .qr{position: absolute;right: 1rem;width: 1.2rem;background: #0076ce;border-radius: .05rem;top: 50%;transform: translateY(-50%);display: none;}
.float-right .qr .img-div{width: 1rem;height: 1rem;margin:.1rem;}
.float-right .qr .img-div>img{border-radius: .05rem;}
.float-right .icon{width: .22rem;height: .4rem;border-radius: .3rem 0 0 .3rem;top:1.05rem;right: -.3rem;position: absolute;background: #fff url(../images/arrow1.png) no-repeat center center/.12rem;cursor: pointer;box-shadow: 0 0 .1rem rgba(0,0,0,.1);transition: background,right .3s;}
.float-right.hide{right: -1.2rem;}
.float-right.hide .icon{right:1.2rem;transform: rotate(180deg);border-radius: 0 .3rem .3rem 0;}

.tc{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);z-index: 999;display: none;}
.tc .con{background: #fff;border-radius: .2rem;width:12.8rem;padding:.6rem 1.45rem .85rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.tc .close{width: .3rem;height:.3rem;background: url(../images/close.svg) no-repeat center center/100%;position: absolute;top: .3rem;right: .3rem;cursor: pointer;}
.tc .con>p{font-size: .48rem;color:#000;text-align: center;margin-bottom: .25rem;}
.tc ul{display: flex;flex-wrap: wrap;}
.tc li{width: calc(50% - .15rem);margin-bottom: .25rem;}
.tc li:nth-child(2n+1){margin-right: .3rem;}
.tc li.w100{width: 100%;margin-right: 0;}
.tc li>p{font-size: .16rem;margin-bottom: .15rem;}
.tc li>p>span{font-size: .14rem;color:#d8181f;margin-right: .05rem;}
.tc li>input{background: #f9f9f9;border-radius: .05rem;height: .5rem;width: 100%;}
.tc li>textarea{background: #f9f9f9;border-radius: .05rem;height: 2rem;width: 100%;}
.tc .btn{width: 1.6rem;line-height: .5rem;border-radius: .25rem;text-align: center;color:#fff;font-size: .16rem;background: #0076ce;cursor: pointer;transition: .3s;}

.tc1{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);z-index: 999;display: none;}
.tc1 .con{background: #fff;border-radius: .2rem;width:12.8rem;padding:.6rem 1.45rem .85rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.tc1 .close{width: .3rem;height:.3rem;background: url(../images/close.svg) no-repeat center center/100%;position: absolute;top: .3rem;right: .3rem;cursor: pointer;}
.tc1 .con>p{font-size: .48rem;color:#000;text-align: center;margin-bottom: .25rem;}
.tc1 ul{display: flex;flex-wrap: wrap;}
.tc1 li{width: calc(50% - .15rem);margin-bottom: .25rem;}
.tc1 li:nth-child(2n+1){margin-right: .3rem;}
.tc1 li.w100{width: 100%;margin-right: 0;}
.tc1 li>p{font-size: .16rem;margin-bottom: .15rem;}
.tc1 li>p>span{font-size: .14rem;color:#d8181f;margin-right: .05rem;}
.tc1 li>input{background: #f9f9f9;border-radius: .05rem;height: .5rem;width: 100%;}
.tc1 li>textarea{background: #f9f9f9;border-radius: .05rem;height: 2rem;width: 100%;}
.tc1 .btn{width: 1.6rem;line-height: .5rem;border-radius: .25rem;text-align: center;color:#fff;font-size: .16rem;background: #0076ce;cursor: pointer;transition: .3s;}

.more{width:2rem;line-height:.58rem;border-radius: .3rem;border:1px #ccc solid;font-size: .16rem;color:#fff;padding-left:.45rem;position: relative;transition: .3s;color:#666;display: block;}
.more::after{content:'';width:.5rem;height:.5rem;border-radius: 50%;background: #0076ce url(../images/arrow1-w.png) no-repeat center center/.16rem;position: absolute;right:.04rem;top:.04rem;transition: .3s;}
.more.white{border-color:#fff;color:#fff}
.more.white::after{background-color: #fff;background-image: url(../images/arrow1.png);}

.inner-banner{position: relative;color:#fff}
.inner-banner .img{padding-bottom: 32.29%;}
.inner-banner .m{display: none;}
.inner-banner>.width{position: absolute;top:30%;left: 50%;transform: translateX(-50%);}
.inner-banner>.width>p{font-size: .48rem;line-height: .7rem;letter-spacing: .01rem;}
.inner-banner>.width>a{margin-top: .45rem;}

.crumb{background: rgba(0,0,0,.3);position: absolute;bottom: 0;left: 0;width: 100%;}
.crumb .width{display: flex;align-items: center;height: .7rem;background: url(../images/13.png) no-repeat left center/.17rem;padding-left: .3rem;}
.crumb a{color:#fff}
.crumb em{font-style: normal;margin:0 .15rem}

.inner-tab{position: sticky;top:0;left:0;background: #fff;border-bottom: .05rem solid #eee;height:.8rem;z-index: 998;}
.inner-tab>p{width:0;height:.05rem;bottom:-.05rem;left:0;background: #0076ce;position: absolute;transition: .3s;}
.inner-tab .width{display: flex}
.inner-tab .width>a{font-size: .16rem;margin-right: .65rem;line-height:.75rem}
.inner-tab .width>a:last-child{margin-right: 0;}
.inner-tab .width>a.active{color:#0076ce}

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

@media (max-width:750px){
    .header .width{height:1.2rem;}
    .header .img-div{height:.65rem}
    .header-r{padding-left: .2rem;}
    .header ul{display: none}
    .header .icon{width:.4rem;height:1.2rem;}
    .header .lang{background-size:.4rem;padding:0;}
    .header .lang .popup{width:1.6rem;padding:.2rem 0}
    .header .lang .popup>a{line-height: .6rem;font-size: .28rem;}
    .header .search{margin:0 .2rem}
    .header .search .popup{position: fixed;top:1.2rem;right:.4rem;width: calc(100% - .8rem);}
    .header .search .popup>div{width:100%}
    .header .search .popup input{height:.8rem;border-radius: .1rem 0 0 .1rem;}
    .header .search .btn{width:.8rem;height: .8rem;background-size:.35rem;border-radius: 0 .1rem .1rem 0;}
    .header .menu{display: block;width: .4rem;height: 1.2rem;background: url(../images/menu-w.svg) no-repeat center center/100%;}
    .header.active .menu{background-image: url(../images/menu.svg)}
    .header.inner .width{height:1.2rem;}
    .header.inner .icon{height: 1.2rem;}
    .header.inner .menu{background-image: url(../images/menu.svg)}
    .header-space{height:1.2rem}

    .footer{padding:.6rem 0 1.4rem}
    .footer .box1{display: block}
    .footer .box1 .img-div{height:.8rem;margin-bottom: .4rem;}
    .footer .outlink{width: 100%}
    .footer .outlink>p{border-radius: .1rem;line-height: .8rem;padding-left: .3rem}
    .footer .outlink>p::after{width: .8rem;height: .8rem;background-size:.2rem}
    .footer .outlink>div{max-height: 6rem;top: calc(100% + .2rem);padding:.3rem;}
    .footer .outlink>div>a{line-height: .5rem}
    .footer .box2{display: block;padding:.4rem 0;}
    .footer .info{width:100%;padding-right: 0;display: flex;flex-wrap: wrap;}
    .footer .info li{margin-bottom: .3rem;width: calc(50% - .1rem);}
    .footer .info li:nth-of-type(1){margin-right: .2rem;}
    .footer .info li:nth-of-type(3){width:100%}
    .footer .info li>p:nth-of-type(1){font-size: .28rem;margin-bottom: .1rem;}
    .footer .info li>p:nth-of-type(2){font-size: .34rem;word-break:break-all}
    .footer .media>a{width:.8rem;height:.8rem;margin-right: .2rem;}
    .footer .qr{top:calc(100% + .2rem);left: 50%;transform: translateX(-50%);width:2.4rem;height:2.4rem}
    .footer .media>a:nth-of-type(1) .qr{left: -.4rem;transform: translateX(0);}
    .footer .nav{display: none}
    .footer .ewm{width: 100%;justify-content: flex-start;}
    .footer .ewm .item{flex:1;max-width: 2.4rem}
    .footer .ewm .item:first-child{margin-right: .3rem;}
    .footer .box3{display: block;font-size: .24rem;text-align: center;}
    .footer .box3>p:nth-of-type(2)>span{background-size:.3rem;padding-left: .4rem;margin: .1rem 0;display: inline-block;}

    .float-bottom{display: none;}

    .float-right{position: fixed;right:0;top:auto;margin-top: 0;bottom:0;width:100%;display: flex;border-top:1px #eee solid;}
    .float-right li{width: calc(100% / 3);height: 1rem;border-radius: 0;box-shadow: none;margin-bottom:0;padding-top: .15rem;border-right:1px #eee solid;}
    .float-right li:nth-of-type(3){height: 1rem;padding-top: .28rem;margin-bottom: 0;border-right: 0;}
    .float-right li>.img-div{width: .4rem;height: .4rem}
    .float-right li:nth-of-type(3)>.img-div{width: .5rem;height: .5rem;}
    .float-right li>p{margin-top: .05rem;font-size: .24rem;}
    .float-right .qr{right: auto;left:50%;transform:translate(-50%,0);width: 2.4rem;border-radius: .1rem;top: auto;bottom:1.2rem;}
    .float-right .qr .img-div{width: 2rem;height: 2rem;margin:.2rem;}
    .float-right .qr .img-div>img{border-radius: .1rem;}
    .float-right .icon{display: none;}

    .tc .con{width:90%;padding:.6rem .4rem;position: relative;top: 0;left: 0;transform: translate(0,0);margin:.6rem auto}
    .tc .close{width: .4rem;height:.4rem;top: .4rem;right: .4rem}
    .tc .con>p{font-size: .44rem;margin-bottom: .3rem;}
    .tc ul{display: block;}
    .tc li{width: 100%;margin-bottom: .3rem;}
    .tc li:nth-child(2n+1){margin-right: 0;}
    .tc li>p{font-size: .28rem;margin-bottom: .2rem;}
    .tc li>p>span{font-size: .28rem;margin-right: .1rem;}
    .tc li>input{border-radius: .1rem;height: .8rem;}
    .tc li>textarea{border-radius: .1rem;height: 3rem;}
    .tc .btn{width: 100%;line-height: .8rem;border-radius: .6rem;font-size: .28rem}

    .tc1 .con{width:90%;padding:.6rem .4rem;position: relative;top: 0;left: 0;transform: translate(0,0);margin:.6rem auto}
    .tc1 .close{width: .4rem;height:.4rem;top: .4rem;right: .4rem}
    .tc1 .con>p{font-size: .44rem;margin-bottom: .3rem;}
    .tc1 ul{display: block;}
    .tc1 li{width: 100%;margin-bottom: .3rem;}
    .tc1 li:nth-child(2n+1){margin-right: 0;}
    .tc1 li>p{font-size: .28rem;margin-bottom: .2rem;}
    .tc1 li>p>span{font-size: .28rem;margin-right: .1rem;}
    .tc1 li>input{border-radius: .1rem;height: .8rem;}
    .tc1 li>textarea{border-radius: .1rem;height: 3rem;}
    .tc1 .btn{width: 100%;line-height: .8rem;border-radius: .6rem;font-size: .28rem}

    .more{width:2.8rem;line-height:.8rem;border-radius: .6rem;font-size: .26rem;padding-left:.5rem}
    .more::after{content:'';width:.7rem;height:.7rem;background: #0076ce url(../images/arrow1-w.png) no-repeat center center/.25rem;right:.05rem;top:.05rem}

    .inner-banner .img{padding-bottom: 0;height: 5rem;}
    .inner-banner .pc{display: none;}
    .inner-banner .m{display: block;}
    .inner-banner>.width{top:25%;}
    .inner-banner>.width>p{font-size: .44rem;line-height: .64rem;text-align: center;letter-spacing: 0;}
    .inner-banner>.width>a{margin: .4rem auto 0;}

    .crumb .width{height: .8rem;background-position:left .28rem;background-size:.28rem;padding-left: .4rem;font-size: .24rem;white-space: nowrap;overflow-x: auto;}
    .crumb em{margin:0 .1rem}

    .inner-tab{border-bottom: 2px solid #eee;height:1rem;}
    .inner-tab>p{height:2px;bottom:-2px;}
    .inner-tab .width>a{font-size: .26rem;margin-right: .4rem;line-height:1rem;}
}

@media (any-hover:hover){
    .header li>a:hover{color:#0076ce}
    .header .child>a:hover{color:#0076ce}
    .header .solution-r-item:hover>p:nth-of-type(1){color:#0076ce}
    .header .solution-r-item:hover>p:nth-of-type(3){color:#0076ce;background-image: url(../images/arrow1.png);}
    .header .lang .popup>a:hover{color:#0076ce}

    .footer .outlink>div>a:hover{color:#0076ce}
    .footer .media>a:hover{background: #0076ce;}
    .footer .nav .child>a:hover{color:#0076ce}
    .footer .box3 a:hover{color:#0076ce}

    .more:hover{background: #0076ce;color:#fff;border-color:#0076ce}
    .more:hover::after{background-image: url(../images/arrow1.png);background-color:#fff;}
    .more.white:hover{background: #fff;color:#0076ce;border-color:#fff}
    .more.white:hover::after{background-image: url(../images/arrow1-w.png);background-color:#0076ce;}

    .crumb a:hover{text-decoration: underline;}

    .inner-tab .width>a:hover{color:#0076ce}

    .float-right li:hover{background: #0076ce;}
    .float-right li:hover>p{color:#fff}
    .float-right .icon:hover{background-color: #0076ce;background-image: url(../images/arrow1-w.png);}

    .tc .btn:hover{opacity: .8;}
    
    .tc1 .btn:hover{opacity: .8;}
}

/* 首页 */
.index-page .width{max-width: 17.2rem;}
.index-page .tit{font-size: .6rem;line-height: .7rem;color:#000}

.index-page .box1{height:100vh}
.index-page .box1 .swiper-container{height:100%}
.index-page .box1 .m{display: none;}
.index-page .box1 .img{height:100%;}
.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:34%;left: 50%;transform: translateX(-50%);display: none;}
.index-page .box1 .swiper-slide:first-child .width{display: block;}
.index-page .box1 .tit{line-height: .8rem;color:#fff;margin-bottom: .5rem;}
.index-page .box1 .swiper-pagination{left:50%;transform: translateX(-50%);text-align: left;display: flex;align-items: center;bottom: .5rem;}
.index-page .box1 .swiper-pagination-bullet{width:.08rem;height:.08rem;border-radius: .02rem;background: #fff;opacity:.2;margin:0 .1rem}
.index-page .box1 .swiper-pagination-bullet-active{width:.12rem;height:.12rem;opacity: 1;}

.index-page .box2{position: relative;padding:1.1rem 0 1.6rem}
.index-page .box2 .width{position: relative;z-index: 2;display: flex;justify-content: space-between;}
.index-page .box2 .con{width:65%}
.index-page .box2 .tit{font-size: .52rem;line-height: .62rem;}
.index-page .box2 .con>p:nth-of-type(2){font-size: .18rem;line-height: .36rem;color:#666;margin:.45rem 0 .35rem}
.index-page .box2 .con>ul{display: flex;flex-wrap: wrap;margin-bottom: .4rem;}
.index-page .box2 .con>ul li{width: calc(100% / 3 - .26rem);margin-right: .39rem;text-align: center;margin-bottom: .45rem;}
.index-page .box2 .con>ul li:nth-child(3n){margin-right: 0;}
.index-page .box2 .con>ul li>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;color:#0076ce;margin-bottom: .15rem;}
.index-page .box2 .con>ul li>p:nth-of-type(2){position: relative;font-size: .22rem;line-height: .36rem;color:#000;padding:0 .5rem}
.index-page .box2 .con>ul li>p:nth-of-type(2)::before{content:'';width:.22rem;height: .4rem;background: url(../images/7.png) no-repeat center center/100%;position: absolute;left:0;top:.1rem}
.index-page .box2 .con>ul li>p:nth-of-type(2)::after{content:'';width:.22rem;height: .4rem;background: url(../images/8.png) no-repeat center center/100%;position: absolute;right:0;top:.1rem}
.index-page .box2 .width>ul{width:23%}
.index-page .box2 .width>ul li{display: flex;align-items: center;margin-bottom: .7rem;}
.index-page .box2 .width>ul li:last-child{display: none;}
.index-page .box2 .width>ul .img-div{width:.64rem;height:.74rem;margin-right: .35rem;}
.index-page .box2 .width>ul .info{flex:1}
.index-page .box2 .width>ul .info>p:nth-of-type(1){display: flex;align-items: center;color:#0076ce;font-size: .2rem;}
.index-page .box2 .width>ul .info>p:nth-of-type(1)>span:nth-of-type(1){font-size: .72rem;}
.index-page .box2 .width>ul .info>p:nth-of-type(2){font-size: .18rem;line-height: .28rem;padding-left: .05rem;}
.index-page .box2 .keli{position: absolute;left:0;bottom:0;height:5rem;width:100%}
.index-page .box2 .keli canvas{height: 100% !important;}

.index-page .box3{position: relative;height:10.8rem;}
.index-page .box3 .img{height:100%;position: absolute;top:0;left:0;opacity: 0;}
.index-page .box3 .tit{text-align: center;padding: .9rem 0 .5rem;}
.index-page .box3 .con{position: relative;z-index: 2;display: none}
.index-page .box3 .con .info{width: 50%}
.index-page .box3 .con .info>.img-div{display: none;}
.index-page .box3 .con .info>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;}
.index-page .box3 .con .info>p:nth-of-type(2){font-size: .24rem;line-height: .34rem;margin:.15rem 0 .4rem;color:#666}
.index-page .box3 .con .info ul{display: flex;flex-wrap: wrap;margin-bottom: .2rem}
.index-page .box3 .con .info li{padding-right: .4rem;display: flex;margin-bottom: .2rem}
.index-page .box3 .con .info li .img-div{width:.3rem;height:.3rem;margin-right: .1rem;}
.index-page .box3 .con .info li>p{font-size: .18rem;flex:1;line-height: .24rem;}
.index-page .box3 .tab{position: absolute;left: 50%;transform: translateX(-50%);bottom:.8rem}
.index-page .box3 .tab ul{width: 51.16%;display: flex;flex-wrap:wrap}
.index-page .box3 .tab li{background: #fff;border-radius: .2rem;width:calc(100% / 3 - .14rem);margin-right: .21rem;margin-bottom:.2rem;padding:.35rem .35rem .45rem;transition:.3s;position: relative;}
.index-page .box3 .tab li:nth-child(3n){margin-right: 0;}
.index-page .box3 .tab .icon{display: flex;align-items: center;justify-content: space-between;}
.index-page .box3 .tab .img-div{width: .55rem;height:.46rem;justify-content: flex-start;}
.index-page .box3 .tab .icon>p{width: .4rem;height: .4rem;border-radius: 50%;background: #fff url(../images/arrow1.png) no-repeat center center/.16rem;display: none;}
.index-page .box3 .tab li>p:nth-of-type(1){font-size: .20rem;color:#0076ce;margin:.25rem 0 .05rem;}
.index-page .box3 .tab li>p:nth-of-type(2){color:#999}
.index-page .box3 .img.active{opacity: 1;}
.index-page .box3 .con.active{display: block;}
.index-page .box3 .tab li.active{background: #0076ce;}
.index-page .box3 .tab li.active .icon>p{display: block;}
.index-page .box3 .tab li.active>p:nth-of-type(1){color:#fff}
.index-page .box3 .tab li.active>p:nth-of-type(2){color:#fff}

.index-page .box4 .tit-box{height: 2.3rem;}
.index-page .box4 .tit-box .width{display: flex;align-items: center;height:100%}
.index-page .box4 .tit{flex:1;;padding-right: .5rem;}
.index-page .box4 .con{position: relative;height:7.2rem}
.index-page .box4 .con .img{position: absolute;top:0;left:0;width:100%;height:100%;opacity: 0;transition: .3s;}
.index-page .box4 .con ul{display: flex;position: relative;z-index: 2;height:100%;border-left: 1px solid rgba(255,255,255,.1);}
.index-page .box4 .con li{flex:1;color:#fff;text-align: center;padding:.8rem .75rem;position: relative;transition: .3s;border-right: 1px solid rgba(255,255,255,.1);}
.index-page .box4 .con li>p:nth-of-type(1){height:.8rem;line-height: .4rem;font-size: .36rem;display: flex;align-items: center;justify-content: center;}
.index-page .box4 .con li>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;display: none;margin:.5rem 0 .85rem}
.index-page .box4 .con .circle{width: .48rem;height: .48rem;border-radius: 50%;background: url(../images/arrow1-w.png) no-repeat center center/.16rem;margin:.5rem auto 0;border:1px #fff solid}
.index-page .box4 .con .circle-h{display: none;margin: 0 auto;background-image: url(../images/arrow1.png);background-color: #fff;}
.index-page .box4 .con .img.active{opacity: 1;}
.index-page .box4 .con li.active{flex:1.58;background: rgba(0,0,0,.3);}
.index-page .box4 .con li.active>p:nth-of-type(2){display: block;}
.index-page .box4 .con li.active .circle{display: none;}
.index-page .box4 .con li.active .circle-h{display: block;}
.index-page .box4 .swiper-container{display: none;}

.index-page .box5{padding:.9rem 0 1.2rem}
.index-page .box5 .tit-box{display: flex;align-items: center;}
.index-page .box5 .tit{width:50%;padding-right: .5rem;}
.index-page .box5 .cate{flex:1;display: flex;justify-content: flex-end;}
.index-page .box5 .cate>a{line-height: .5rem;background: #f7f7f7;padding:0 .4rem;font-size: .16rem;border-radius: .25rem;margin-left: .1rem;cursor: pointer;transition: .3s;}
.index-page .box5 .cate>a.active{background: #0076ce;color:#fff}
.index-page .box5 .con{position: relative;height: 6.2rem;margin-top: .2rem;}
.index-page .box5 .swiper-container{padding: .3rem .2rem .55rem;margin-top: .2rem;max-width:17.6rem;opacity: 0;position: absolute;top: 0;left: 0;transition: .3s;height:100%}
.index-page .box5 .swiper-container.show{opacity: 1;z-index: 2}
.index-page .box5 .swiper-slide{height:auto;background: #f7f7f7;border-radius: .1rem;transition:transform .3s;}
.index-page .box5 .img-bg{border-radius: .1rem .1rem 0 0;height: 2.7rem;}
.index-page .box5 .img{height:100%}
.index-page .box5 .info{padding:.45rem .4rem .4rem}
.index-page .box5 .info>p:nth-of-type(1){font-size: .16rem;position: relative;display: inline-block;}
.index-page .box5 .info>p:nth-of-type(1)::after{content:'';position: absolute;bottom:-.15rem;left:0;width:100%;height:.03rem;background: #0076ce;}
.index-page .box5 .info>p:nth-of-type(2){font-size: .2rem;line-height: .32rem;margin:.25rem 0 .4rem}
.index-page .box5 .time{display: flex;justify-content: space-between;align-items: center;line-height:.5rem;font-size: .16rem;color:#999;}
.index-page .box5 .time>p:nth-of-type(1){position: relative;padding-left: .6rem;color:#999;}
.index-page .box5 .time>p:nth-of-type(1)::before{content:'';position: absolute;top:0;left:0;width:.5rem;height: .5rem;border-radius: 50%;background: #ccc url(../images/arrow1-w.png) no-repeat center center/.16rem;transition: .3s;}
.index-page .box5 .swiper-scrollbar{opacity:1 !important;height:1px;background:#ccc;left:.2rem;width:calc(100% - .4rem);cursor: pointer;}
.index-page .box5 .swiper-scrollbar-drag{background:#0076ce;height:.05rem;top:-.02rem}

.index-page .box6{padding-bottom: 1rem;}
.index-page .box6 .tit{text-align: center;margin-bottom: .35rem;}
.index-page .box6 .con{position: relative;}
.index-page .box6 .swiper-container{width:calc(100% - 2rem);margin:0 auto}
.index-page .box6 .img-div{width:2.8rem;height:2.8rem;border-radius: 50%;transition: transform .3s;background: #f7f7f7;margin:0 auto;position: relative;}
.index-page .box6 .img-div>img{max-width: 90%;max-height: 90%;}
.index-page .box6 .info{position: absolute;top:0;left:0;width:100%;height:100%;border-radius: 50%;background: rgba(0,129,242,.95);opacity: 0;transition: .3s;color:#fff;display: flex;flex-direction: column;justify-content: center;align-items: center;padding:.5rem;text-align: center;}
.index-page .box6 .info>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;margin-bottom: .05rem;}
.index-page .box6 .info>p:nth-of-type(2){font-size: .16rem;line-height: .24rem;}
.index-page .box6 .swiper-slide:hover .info{opacity: 1;}
.index-page .box6 .arrow{width:.6rem;height: 2rem;border-radius: .3rem;background: #f7f7f7 url(../images/arrow1-g.png) no-repeat center center/.21rem;cursor: pointer;transition: .3s;position: absolute;top:50%;transform: translateY(-50%);right:0}
.index-page .box6 .prev{transform: translateY(-50%) rotate(180deg);right:auto;left:0}

.index-page .box7{height:2.6rem;}
.index-page .box7 .width{max-width: 17.2rem;display: flex;align-items: center;height:100%}
.index-page .box7 .con{flex:1;padding-right: .5rem;}
.index-page .box7 .con>p:nth-of-type(1){font-size: .4rem;margin-bottom: .1rem;}
.index-page .box7 .con>p:nth-of-type(2){font-size: .18rem;color:#666}
.index-page .box7 .btn{display: flex;}
.index-page .box7 .more{border-color:#0076ce;background-color: #0076ce;}
.index-page .box7 .ask{width:2rem;line-height:.58rem;border-radius: .3rem;border:1px #0076ce solid;font-size: .16rem;color:#0076ce;transition: .3s;padding-left: .9rem;background: url(../images/4-h.png) no-repeat .5rem center/.26rem;margin-left: .1rem;}

@media (max-width:750px){
    .index-page .tit{font-size: .44rem;line-height: .64rem;}

    .index-page .box1{height:auto}
    .index-page .box1 .swiper-container{height:auto}
    .index-page .box1 .pc{display: none;}
    .index-page .box1 .m{display: block;}
    .index-page .box1 .img{height:7.5rem;}
    .index-page .box1 video{display: none;}
    .index-page .box1 .swiper-slide .width{top:35%}
    .index-page .box1 .tit{line-height: .64rem;margin-bottom: .4rem;text-align: center;}
    .index-page .box1 .more{margin:0 auto}
    .index-page .box1 .swiper-pagination{bottom: .4rem;justify-content: center;}
    .index-page .box1 .swiper-pagination-bullet{width:.15rem;height:.15rem;border-radius: .05rem;margin:0 .08rem}
    .index-page .box1 .swiper-pagination-bullet-active{width:.2rem;height:.2rem}

    .index-page .box2{padding:1rem 0 .8rem}
    .index-page .box2 .width{display: block;}
    .index-page .box2 .con{width:100%}
    .index-page .box2 .tit{font-size: .44rem;line-height: .64rem;}
    .index-page .box2 .con>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin:.4rem 0}
    .index-page .box2 .con .more{display: none;}
    .index-page .box2 .con>ul{display: flex;flex-wrap: wrap;margin-bottom: .4rem;}
    .index-page .box2 .con>ul li{width: calc(50% - .1rem);margin-right: .2rem;margin-bottom: .3rem;}
    .index-page .box2 .con>ul li:nth-child(3n){margin-right: .2rem;}
    .index-page .box2 .con>ul li:nth-child(2n){margin-right: 0;}
    .index-page .box2 .con>ul li>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;margin-bottom: .1rem;}
    .index-page .box2 .con>ul li>p:nth-of-type(2){font-size: .26rem;line-height: .4rem;padding:0 .4rem}
    .index-page .box2 .con>ul li>p:nth-of-type(2)::before{width:.3rem;height: .55rem;}
    .index-page .box2 .con>ul li>p:nth-of-type(2)::after{width:.3rem;height: .55rem;}
    .index-page .box2 .width>ul{width:100%;margin-bottom: .4rem;display: flex;flex-wrap: wrap;}
    .index-page .box2 .width>ul li{margin-bottom: .2rem;width: calc(50% - .2rem);display: block;}
    .index-page .box2 .width>ul li:nth-child(2n+1){margin-right: .4rem;}
    .index-page .box2 .width>ul li:last-child{display: flex;align-items: center;}
    .index-page .box2 .width>ul .img-div{display: none;}
    .index-page .box2 .width>ul .info>p:nth-of-type(1){justify-content: flex-start;font-size: .28rem;}
    .index-page .box2 .width>ul .info>p:nth-of-type(1)>span:nth-of-type(1){font-size: .7rem;width: auto !important;margin-right: .2rem;}
    .index-page .box2 .width>ul .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;padding-left: 0;}

    .index-page .box3{height:auto;background: #F1F1F3;padding:1rem 0 .8rem}
    .index-page .box3 .img{display: none;}
    .index-page .box3 .tit{padding: 0 0 .4rem;}
    .index-page .box3 .con{margin-bottom: .6rem;}
    .index-page .box3 .con .info{width: 100%}
    .index-page .box3 .con .info>.img-div{display: block;}
    .index-page .box3 .con .info>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;}
    .index-page .box3 .con .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin:.2rem 0 .4rem}
    .index-page .box3 .con .info li{padding-right: 0;margin-bottom: .3rem;width: calc(50% - .1rem);}
    .index-page .box3 .con .info li:nth-child(2n+1){margin-right: .2rem;}
    .index-page .box3 .con .info li .img-div{width:.6rem;height:.6rem;margin-right: .2rem;}
    .index-page .box3 .con .info li>p{font-size: .28rem;line-height: .48rem;margin-top: .1rem;}
    .index-page .box3 .tab{position: static;transform: translateX(0)}
    .index-page .box3 .tab ul{width: 100%;}
    .index-page .box3 .tab li{width:calc(50% - .1rem);margin-right: .2rem;margin-bottom:.2rem;padding:.4rem}
    .index-page .box3 .tab li:nth-child(3n){margin-right: .2rem;}
    .index-page .box3 .tab li:nth-child(2n){margin-right: 0;}
    .index-page .box3 .tab .img-div{width: .7rem;height:.6rem}
    .index-page .box3 .tab .icon>p{display: none !important;}
    .index-page .box3 .tab li>p:nth-of-type(1){font-size: .24rem;margin:.2rem 0 0;}
    .index-page .box3 .tab li>p:nth-of-type(2){display: none;}

    .index-page .box4 .tit-box{height: auto;padding: .6rem 0;}
    .index-page .box4 .tit-box .width{display: flex;align-items: center;height:100%}
    .index-page .box4 .tit{flex:1;;padding-right: .5rem;}
    .index-page .box4 .con{display: none;}
    .index-page .box4 .swiper-container{display: block;}
    .index-page .box4 .swiper-slide{padding-bottom: 50%;color:#fff}
    .index-page .box4 .swiper-slide .info{position: absolute;top: 25%;left: 50%;transform: translateX(-50%);text-align: center;}
    .index-page .box4 .swiper-slide .info>p:nth-of-type(1){font-size: .4rem;}
    .index-page .box4 .swiper-slide .info>p:nth-of-type(2){font-size: .28rem;margin: .1rem 0 .2rem;}
    .index-page .box4 .swiper-slide .info>p:nth-of-type(3){width:.7rem;height: .7rem;border: 1px #fff solid;border-radius: 50%;background: url(../images/arrow1-w.png) no-repeat center center/.25rem;margin: 0 auto;}
    .index-page .box4 .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .index-page .box4 .swiper-pagination-bullet-active{background: #0076ce;}

    .index-page .box5{padding:1rem 0 1.4rem}
    .index-page .box5 .tit-box{display: block;}
    .index-page .box5 .tit{width:100%;padding-right: 0;margin-bottom: .3rem;text-align: center;}
    .index-page .box5 .cate{justify-content: center;}
    .index-page .box5 .cate>a{line-height: .8rem;padding:0 .4rem;font-size: .28rem;border-radius: .6rem;margin-left: 0;margin-right:.2rem;}
    .index-page .box5 .cate>a:last-child{margin-right: 0;}
    .index-page .box5 .con{position: relative;height: 8rem;margin-top: .6rem;}
    .index-page .box5 .swiper-container{padding: 0 0 .4rem;margin-top: 0;max-width: 100%;}
    .index-page .box5 .swiper-slide{border-radius: .2rem}
    .index-page .box5 .img-bg{border-radius: .2rem .2rem 0 0;height:auto}
    .index-page .box5 .img{padding-bottom: 65.85%;}
    .index-page .box5 .info{padding:.4rem .4rem .6rem}
    .index-page .box5 .info>p:nth-of-type(1){font-size: .28rem;}
    .index-page .box5 .info>p:nth-of-type(1)::after{height:1px}
    .index-page .box5 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin:.4rem 0 .3rem}
    .index-page .box5 .time{line-height:.7rem;font-size: .28rem;}
    .index-page .box5 .time>p:nth-of-type(1){padding-left: .9rem;}
    .index-page .box5 .time>p:nth-of-type(1)::before{width:.7rem;height: .7rem;background-size:.25rem;}
    .index-page .box5 .swiper-scrollbar{left:0;width:100%;height:2px}
    .index-page .box5 .swiper-scrollbar-drag{height:2px;top:0}

    .index-page .box6{padding-bottom: .8rem;}
    .index-page .box6 .tit{margin-bottom: .4rem;}
    .index-page .box6 .swiper-container{width:100%;padding-bottom: .8rem;}
    .index-page .box6 .img-div{width:3rem;height:3rem}
    .index-page .box6 .img-div>img{max-width: 60%;max-height: 60%;}
    .index-page .box6 .info{position: absolute;top:0;left:0;width:100%;height:100%;border-radius: 50%;background: rgba(0,129,242,.95);opacity: 0;transition: .3s;color:#fff;display: flex;flex-direction: column;justify-content: center;align-items: center;padding:.5rem;text-align: center;}
    .index-page .box6 .info>p:nth-of-type(1){font-size: .32rem;line-height: .4rem;margin-bottom: .1rem;}
    .index-page .box6 .info>p:nth-of-type(2){font-size: .24rem;line-height: .36rem;}
    .index-page .box6 .swiper-slide:hover .info{opacity: 1;}
    .index-page .box6 .arrow{display: none;}
    .index-page .box6 .swiper-pagination-bullet-active{background: #0076ce;}

    .index-page .box7{height:auto;padding: 1rem 0;}
    .index-page .box7 .width{display: block}
    .index-page .box7 .con{padding-right: 0;margin-bottom: .4rem;}
    .index-page .box7 .con>p:nth-of-type(2){font-size: .28rem}
}

@media (any-hover:hover){
    .index-page .box2 .con>ul li:hover>p:nth-of-type(2)::before{background-image: url(../images/7-h.png);}
    .index-page .box2 .con>ul li:hover>p:nth-of-type(2)::after{background-image: url(../images/8-h.png);}

    .index-page .box3 .con .info li:hover>p{color:#0076ce}

    .index-page .box5 .swiper-slide:hover{transform: translateY(-.3rem);background: #fff;box-shadow: 0 0 .2rem rgba(0,0,0,.2);}
    .index-page .box5 .swiper-slide:hover .img{transform: scale(1.1);}
    .index-page .box5 .swiper-slide:hover .info>p:nth-of-type(2){color:#0076ce}
    .index-page .box5 .swiper-slide:hover .time>p:nth-of-type(1){color:#0076ce}
    .index-page .box5 .swiper-slide:hover .time>p:nth-of-type(1)::before{background-color: #0076ce}

    .index-page .box6 .arrow:hover{background-image: url(../images/arrow1-w.png);background-color: #0076ce;}

    .index-page .box7 .more:hover{background: #fff;border-color:#fff}
    .index-page .box7 .ask:hover{border-color: #fff;background-color: #fff}
}

/* 产品 */
.goods-page .tit{text-align: center;font-size: .48rem;line-height: .58rem;color:#000}

.goods-page .box1{padding:.8rem 0;display: flex;justify-content: space-between}
.goods-page .box1 .img-div{width:46.42%;height: 4.7rem}
.goods-page .box1 .con{width:50%;padding-top: .8rem;}
.goods-page .box1 .tit{text-align: left;}
.goods-page .box1 .con>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;color:#0076ce;margin:.15rem 0 .45rem}
.goods-page .box1 .con>p:nth-of-type(2){font-size: .18rem;line-height: .36rem;color:#666}

.goods-page .box2{padding:.95rem 0 .7rem}
.goods-page .box2 .tab{display:flex;justify-content:center;margin:.45rem 0;position: relative;}
.goods-page .box2 .tab::after{content:'';width:100%;height:.05rem;background: #cbd2d8;position: absolute;bottom:0;left:0;}
.goods-page .box2 .item{cursor: pointer;flex:1;position: relative;}
.goods-page .box2 .item::after{content:'';width:0;left:0;position: absolute;bottom:0;height:.05rem;background: #0076ce;transition: .3s;z-index: 2;}
.goods-page .box2 .item.active::after{width:100%}
.goods-page .box2 .item .img-div{width:.55rem;height:.46rem;margin:0 auto}
.goods-page .box2 .item>p{font-size: .2rem;line-height: .3rem;color:#000;text-align: center;margin:.15rem 0 .25rem}
.goods-page .box2 .con-box{display: none}
.goods-page .box2 .con{display: flex;align-items: center;justify-content: space-between;}
.goods-page .box2 .con>.img-div{height:4.2rem;width:45%;position: relative;}
.goods-page .box2 .name{position: absolute;top: 1.35rem;left: 0;line-height: .6rem;border-radius: .3rem;box-shadow: 0 0 .25rem #dadcdf;padding:0 .3rem 0 .2rem;display: flex;align-items: center;background: #fff;}
.goods-page .box2 .name .img-div{width: .4rem;height: .4rem;border-radius: 50%;background: #e7eef4;margin-right: .1rem;}
.goods-page .box2 .name .img-div>img{max-width: 55%;max-height: 55%;}
.goods-page .box2 .name>p{font-size: .18rem;color:#000}
.goods-page .box2 .info{padding: 0 .3rem 0 .8rem;width:45%;max-height: 4.2rem;}
/* .goods-page .box2 .info>p:nth-of-type(1){font-size: .3rem;line-height: .4rem;color:#000;margin-bottom: .2rem;} */
.goods-page .box2 .info>p{font-size: .18rem;line-height: .3rem;color:#666;}
.goods-page .box2 .swiper-container{display: none;}

.goods-page .box3{height:7.5rem;position: relative;}
.goods-page .box3 .tit{position: relative;padding-top: 1.15rem;z-index: 2;color:#fff}
.goods-page .box3>.img{opacity: 0;position: absolute;top:0;left:0;width:100%;height:100%;transition: .3s;}
.goods-page .box3>.img.show{opacity: 1;}
.goods-page .box3 ul{position: absolute;top:0;left:0;width:100%;height:100%;z-index: 2;display: flex;}
.goods-page .box3 li{flex:1;padding:2.9rem .3rem .5rem;color:#fff;text-align: center;border-right:1px rgba(255,255,255,.1) solid;transition: .3s;}
.goods-page .box3 li .img-div{width:.47rem;height:.54rem;margin:0 auto}
.goods-page .box3 li>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;margin:.35rem 0 .2rem}
.goods-page .box3 li>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;display: none;}
.goods-page .box3 li.active{flex:1.7;padding:2.9rem .9rem .5rem}
.goods-page .box3 li.active>p:nth-of-type(2){display: block;}
.goods-page .box3 .swiper-container{display: none;}

.goods-page .box4{padding:.95rem 0 1.2rem}
.goods-page .box4 ul{margin-top: .8rem;display: flex;}
.goods-page .box4 li{flex:1;text-align: center;position: relative;cursor: pointer;}
.goods-page .box4 li::after{content: '';position: absolute;right:0;top:50%;width:1px;background: #ddd;height:.8rem;transform: translateY(-50%);}
.goods-page .box4 li:last-child:after{display: none;}
.goods-page .box4 .img-div{width:.81rem;height: .73rem;margin: 0 auto .2rem;}
.goods-page .box4 li>p:nth-of-type(1){font-size: .3rem;color:#000}
.goods-page .box4 li>p:nth-of-type(2){font-size: .18rem;color:#999;margin-top: .1rem;}
.goods-page .box4 li>p:nth-of-type(2).tel{font-size: .36rem;color:#0076ce;margin-top: 0;}

@media (max-width:750px){
    .goods-page .tit{font-size: .44rem;line-height: .64rem}

    .goods-page .box1{padding:.8rem 0 1rem;display: block}
    .goods-page .box1 .img-div{width:100%;height: 5rem}
    .goods-page .box1 .con{width:100%;padding-top: .4rem;}
    .goods-page .box1 .con>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;margin:.2rem 0}
    .goods-page .box1 .con>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}

    .goods-page .box2{padding:1rem 0 .6rem}
    .goods-page .box2 .tab{display:none}
    .goods-page .box2 .con-box{display: none !important}
    .goods-page .box2 .swiper-container{display: block;padding-bottom:.8rem;}
    .goods-page .box2 .swiper-slide{height: auto;}
    .goods-page .box2 .swiper-slide .img-div{height: 4.5rem;}
    .goods-page .box2 .swiper-slide>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;margin: .4rem 0 .1rem;}
    .goods-page .box2 .swiper-slide>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;color:#666}
    .goods-page .box2 .swiper-pagination-bullet-active{background: #0076ce;}

    .goods-page .box3{height:auto;padding: 1rem 0 .8rem;}
    .goods-page .box3 .tit{padding-top: 0;color:#000;margin-bottom: .4rem;}
    .goods-page .box3>.img{display: none;}
    .goods-page .box3 ul{display: none;}
    .goods-page .box3 .swiper-container{display: block;}
    .goods-page .box3 .swiper-slide{color:#fff;height:auto;}
    .goods-page .box3 .swiper-slide .info{padding: 1rem .6rem 1.2rem;text-align: center;}
    .goods-page .box3 .swiper-slide .info>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;margin-bottom: .2rem;}
    .goods-page .box3 .swiper-slide .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .goods-page .box3 .swiper-pagination-bullet{background: #fff;}

    .goods-page .box4{padding:0 0 .4rem}
    .goods-page .box4 ul{margin-top: .6rem;display: block;}
    .goods-page .box4 li{margin-bottom: .6rem}
    .goods-page .box4 li::after{display: none;}
    .goods-page .box4 .img-div{width:1rem;height: .9rem;margin: 0 auto .3rem;}
    .goods-page .box4 li>p:nth-of-type(1){font-size: .4rem;}
    .goods-page .box4 li>p:nth-of-type(2){font-size: .32rem;margin-top: .2rem;}
    .goods-page .box4 li>p:nth-of-type(2).tel{font-size: .5rem;}
}

@media (any-hover:hover){
    .goods-page .box4 li.hover:hover>p:nth-of-type(1){color:#0076ce}
}

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

.solution-page .box1 .con{position: relative;width:69.27%;margin:0 auto;}
.solution-page .box1 .con>img{width:100%}
.solution-page .box1 .info{width:3.8rem;height:3.8rem;border-radius: 50%;border:1px solid #0076ce;position: absolute;top:22%;left:50%;transform: translateX(-50%);display: flex;flex-direction: column;justify-content: center;align-items: center;padding:0 .6rem;background: #fff;text-align: center;}
.solution-page .box1 .info .img-div{width:.32rem;height:.34rem}
.solution-page .box1 .info>p:nth-of-type(1){color:#0076ce;margin:.2rem 0;font-size: .36rem;}
.solution-page .box1 .info>p:nth-of-type(2){font-size: .16rem;line-height: .24rem;color:#666;margin-bottom: .3rem;}
.solution-page .box1 ul{position: absolute;top: 0;left: 0;width:100%;height:100%}
.solution-page .box1 li{position: absolute;}
.solution-page .box1 .circle{box-shadow: 0 0 .1rem rgba(0,0,0,.1);border-radius: 50%;padding-bottom: 100%;background: #fff;}
.solution-page .box1 .txt{position: absolute;top:0;left:0;width:100%;height:100%;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.solution-page .box1 .txt .img-div{width:.38rem;height:.31rem;margin-bottom: .2rem;}
.solution-page .box1 .txt>p{font-size: .18rem;line-height: .24rem;}
@keyframes solution-box1-play {
    25%{transform: translateY(-.1rem);}
    50%{transform: translateY(0);}
    75%{transform: translateY(-.05rem);}
    100%{transform: translateY(0);}
}

.solution-page .box2{padding: .95rem 0 .7rem;}
.solution-page .box2 .tit{margin-bottom: .4rem;}
.solution-page .box2 .item{border-radius: .2rem;background: #fff;margin-bottom: .3rem;}
.solution-page .box2 .info{padding: .65rem .8rem;}
.solution-page .box2 .info>p{font-size: .3rem;line-height: .4rem;color:#000;margin-bottom: .2rem;}
.solution-page .box2 .content p{font-size: .18rem;line-height: .3rem;color:#666;word-break:break-all}
.solution-page .box2 .content span{text-wrap: wrap !important;}
.solution-page .box2 .content img{max-width: 100%;height:auto !important}
.solution-page .box2 .img-div{position: relative;}
.solution-page .box2 ul{width:100%;height:100%;position: absolute;top:0;left:0}
.solution-page .box2 li{position: absolute;}
.solution-page .box2 .circle{box-shadow: 0 0 .12rem rgba(0,0,0,.1);border-radius: 50%;padding-bottom: 100%;background: #fff;}
.solution-page .box2 li>p{color:#0076ce;font-size: .22rem;line-height: .3rem;display: flex;justify-content: center;align-items: center;text-align: center;width:100%;height:100%;position: absolute;top:0;left:0}
@keyframes solution-box2-play {
    25%{transform: translateY(-.1rem);}
    50%{transform: translateY(0);}
    75%{transform: translateY(-.05rem);}
    100%{transform: translateY(0);}
}

.solution-page .box3{padding: .95rem 0 1rem;background: #f5f5f5;}
.solution-page .box3 .con{position: relative;margin-top: .7rem;}
.solution-page .box3 .con>img{width:100%}
.solution-page .box3 ul{position: absolute;top:0;left:0;width:100%;height:100%}
.solution-page .box3 li{position: absolute;display: flex;justify-content: flex-end;}
.solution-page .box3 .img-div{width:1rem;height:1rem;border-radius: 50%;box-shadow: 0 0 .12rem rgba(0,0,0,.1);background: #fff;transition: .3s;}
.solution-page .box3 .img-div>img{max-width: 35%;max-height: 35%;}
.solution-page .box3 .info{position: absolute;top:50%;transform:translateY(-50%);left:0;width:calc(100% - 1.3rem);transition: .3s;}
.solution-page .box3 .info>p{font-size: .24rem;line-height: .3rem;color:#000;margin-bottom: .1rem}
.solution-page .box3 .info-hover{position: absolute;top:50%;transform:translateY(-50%);left:0;width:calc(100% - 1.3rem);opacity: 0;transition: .5s;}
.solution-page .box3 .info-hover>p:nth-of-type(1){font-size: .24rem;line-height: .3rem;color:#0076ce;margin-bottom: .1rem}
.solution-page .box3 .info-hover>p:nth-of-type(2){line-height: .24rem;color:#666;font-size: .16rem;}
.solution-page .box3 li.right{justify-content: flex-start;}
.solution-page .box3 li.right .info{left:auto;right:0;}
.solution-page .box3 li.right .info-hover{left:auto;right:0;}
.solution-page .box3 .tag{width: 1.92rem;height: 1.92rem;position: absolute;top: 35.5%;left: 50%;transform: translateX(-50%);}
.solution-page .box3 .tag>p:nth-of-type(1){width: 1.7rem;height: 1.7rem;border-radius: 50%;background: #0076ce;color:#fff;text-align: center;font-size: .3rem;line-height: .36rem;padding-top: .48rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.solution-page .box3 .tag>p:nth-of-type(2){background: url(../images/43.png) no-repeat center center/100%;position: absolute;top: 0;left: 0;animation: solution-box3-play 3s linear infinite;position: absolute;top: 0;left: 0;width:100%;height:100%}
@keyframes solution-box3-play {
    to{transform: rotate(360deg);}
}

.solution-page .box4{padding: .95rem 0 .5rem;}
.solution-page .box4 .swiper-container{margin-top: .45rem;border-radius: .1rem;}
.solution-page .box4 .swiper-slide{border-radius: .1rem;background: #fff;padding:.6rem .4rem 1.5rem;transition: .3s;}
.solution-page .box4 .img-div{width: .55rem;height: .46rem;}
.solution-page .box4 .swiper-slide>p:nth-of-type(1){font-size: .24rem;color:#000;margin:.45rem 0 .1rem}
.solution-page .box4 .swiper-slide>p:nth-of-type(2){font-size: .16rem;line-height:.3rem;color:#666}
.solution-page .box4 .swiper-slide>p:nth-of-type(3){height:.4rem;width:.4rem;background:#d3d7dc url(../images/arrow1-w.png) no-repeat center center/.16rem;border-radius: 50%;position: absolute;left: .4rem;bottom: .5rem;transition: .3s;}
.solution-page .box4 .swiper-pagination{margin-top: .3rem;position: static;}
.solution-page .box4 .swiper-pagination-bullet{margin:0 .05rem}
.solution-page .box4 .swiper-pagination-bullet-active{background: #0076ce;}

.solution-page .box5{padding: .95rem 0 1rem;}
.solution-page .box5 .con{position: relative;margin-top: .45rem;}
.solution-page .box5 .swiper-slide{min-height: 4.5rem;}
.solution-page .box5 .img-bg{width: 42.85%;border-radius: .2rem;position: absolute;right: 0;top: 0}
.solution-page .box5 .img{padding-bottom: 75%;}
.solution-page .box5 .info{width: 50%;}
.solution-page .box5 .info>p{font-size: .3rem;line-height: .4rem;color:#000;margin:.15rem 0 .25rem}
.solution-page .box5 ul{display: flex;flex-wrap: wrap;}
.solution-page .box5 li{line-height: .5rem;padding:0 .3rem;border-radius: .25rem;background: #f2f5f9;color:#666;font-size: .18rem;margin: 0 .1rem .1rem 0;transition: .3s;cursor: pointer;}
.solution-page .box5 li.active{background: #0076ce;color:#fff}
.solution-page .box5 .note{padding-top: .25rem;display: none;}
.solution-page .box5 .note>p{font-size: .18rem;line-height: .3rem;color:#666;padding-left: .25rem;background: url(../images/25.png) no-repeat left .06rem/.16rem;margin-bottom: .2rem;}
.solution-page .box5 .arrow{width: .55rem;height: .55rem;border-radius: 50%;background: #d3d7dc url(../images/arrow1-w.png) no-repeat center center/.15rem;position: absolute;top: 2rem;right: -1rem;cursor: pointer;transition: .3s;}
.solution-page .box5 .prev{transform: rotate(180deg);right:auto;left: -1rem;}

@media (max-width:750px){
    .solution-page .tit{font-size: .44rem;line-height: .64rem;}

    .solution-page .box1{padding: 1rem 0 .8rem;width: calc(100% - .8rem);margin:0 auto}
    .solution-page .box1 .con{width:100%;}
    .solution-page .box1 .con>img{display: none;}
    .solution-page .box1 .info{width:100%;height:auto;border-radius: 0;border:0;position: static;transform: translateX(0);display: block;padding:0 0 .4rem}
    .solution-page .box1 .info .img-div{display: none;}
    .solution-page .box1 .info>p:nth-of-type(1){margin:0 0 .2rem;font-size: .44rem}
    .solution-page .box1 .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin-bottom: 0;text-align: center;}
    .solution-page .box1 ul{position: static;height: auto;display: flex;flex-wrap: wrap;}
    .solution-page .box1 li{position: static;width: calc(50% - .1rem) !important;box-shadow: none;border:1px #eee solid;border-radius:.2rem;margin-bottom: .2rem;padding:.4rem .3rem}
    .solution-page .box1 li:nth-child(2n+1){margin-right: .2rem;}
    .solution-page .box1 .circle{display: none;}
    .solution-page .box1 .txt{position: static;width:100%;height:auto;}
    .solution-page .box1 .txt .img-div{width:.6rem;height:.6rem;margin-bottom: .2rem;}
    .solution-page .box1 .txt>p{font-size: .26rem;line-height: .44rem;}

    .solution-page .box2{padding: 1rem 0 .6rem;}
    .solution-page .box2 .item{margin-bottom: .4rem;}
    .solution-page .box2 .info{padding: .6rem .4rem;}
    .solution-page .box2 .info>p{font-size: .32rem;line-height: .52rem;margin-bottom: .2rem;}
    .solution-page .box2 .content p{font-size: .28rem;line-height: .48rem}

    .solution-page .box3{padding: 1rem 0 .8rem;}
    .solution-page .box3 .con{margin-top: .4rem;}
    .solution-page .box3 .con>img{display: none;}
    .solution-page .box3 ul{position: static;height:auto;}
    .solution-page .box3 li{position: static;display: block;width: 100% !important;margin-bottom: .2rem;border:1px #eee solid;border-radius: .2rem;padding:.6rem .4rem}
    .solution-page .box3 .img-div{width:.6rem;height:.6rem;box-shadow: none}
    .solution-page .box3 .img-div>img{max-width: 100%;max-height: 100%;}
    .solution-page .box3 .info{display: none;}
    .solution-page .box3 .info-hover{position: static;transform:translateY(0);width:100%;opacity: 1}
    .solution-page .box3 .info-hover>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;margin:.2rem 0 .1rem}
    .solution-page .box3 .info-hover>p:nth-of-type(2){line-height: .48rem;font-size: .28rem;}
    .solution-page .box3 .tag{display: none;}

    .solution-page .box4{padding: 1rem 0 .8rem;}
    .solution-page .box4 .swiper-container{margin-top: .4rem;border-radius: .2rem;}
    .solution-page .box4 .swiper-slide{border-radius: .2rem;padding:.6rem .4rem 1.8rem;height: auto;}
    .solution-page .box4 .img-div{width: .8rem;height: .7rem;}
    .solution-page .box4 .swiper-slide>p:nth-of-type(1){font-size: .32rem;margin:.3rem 0 .1rem}
    .solution-page .box4 .swiper-slide>p:nth-of-type(2){font-size: .28rem;line-height:.48rem;}
    .solution-page .box4 .swiper-slide>p:nth-of-type(3){height:.7rem;width:.7rem;background-size:.25rem;left: .4rem;bottom: .6rem}
    .solution-page .box4 .swiper-pagination{margin-top: .3rem;position: static;}
    .solution-page .box4 .swiper-pagination-bullet{margin:0 .08rem}

    .solution-page .box5{padding: 1rem 0 .8rem;}
    .solution-page .box5 .con{margin-top: .4rem;}
    .solution-page .box5 .swiper-slide{min-height: 4.5rem;}
    .solution-page .box5 .img-bg{width: 100%;position: static;}
    .solution-page .box5 .info{width: 100%;}
    .solution-page .box5 .info>p{font-size: .32rem;line-height: .52rem;margin:.4rem 0 .3rem}
    .solution-page .box5 li{line-height: .6rem;border-radius: .6rem;font-size: .24rem;margin: 0 .2rem .2rem 0;}
    .solution-page .box5 .note{padding-top: .1rem;}
    .solution-page .box5 .note>p{font-size: .28rem;line-height: .48rem;padding-left: .4rem;background-position:left .1rem;background-size:.25rem;}
    .solution-page .box5 .arrow{display: none;}
    .solution-page .box5 .swiper-pagination{width: 100%;text-align: center;position: static;margin-top: .1rem;}
    .solution-page .box5 .swiper-pagination-bullet{margin:0 .08rem}
    .solution-page .box5 .swiper-pagination-bullet-active{background: #0076ce;}
}

@media (any-hover:hover){
    .solution-page .box1 li:hover{animation: solution-box1-play .8s linear}

    .solution-page .box2 li:hover{animation: solution-box2-play .8s linear}

    .solution-page .box3 li:hover .img-div{background: #0076ce;}
    .solution-page .box3 li:hover .info{opacity:0}
    .solution-page .box3 li:hover .info-hover{opacity:1;}

    .solution-page .box4 .swiper-slide:hover{background: #0076ce;}
    .solution-page .box4 .swiper-slide:hover>p:nth-of-type(1){color:#fff}
    .solution-page .box4 .swiper-slide:hover>p:nth-of-type(2){color:#fff}
    .solution-page .box4 .swiper-slide:hover>p:nth-of-type(3){background-color: #fff;background-image: url(../images/arrow1.png);}

    .solution-page .box5 .arrow:hover{background-color: #0076ce;}
}

/* 关于 */
.about-page .tit{font-size: .48rem;line-height: .58rem;color:#000;text-align: center;}

.about-page .box1{padding:1rem 0 1.2rem}
.about-page .box1 .tit{font-size: .43rem;}
.about-page .box1 .con{display: flex;justify-content: space-between;margin-bottom: .6rem;}
.about-page .box1 .info{width: 66%;margin-top: .15rem;}
.about-page .box1 .tit{text-align: left;}
.about-page .box1 .tag{display: flex;flex-wrap: wrap;border-bottom: 1px solid #e5e5e5;margin:.2rem 0 .3rem;padding-bottom: .3rem;}
.about-page .box1 .tag>p{color:#0076ce;background:rgba(0,129,242,.05);border-radius: .05rem;line-height: .35rem;padding:0 .15rem;margin:0 .1rem .1rem 0}
.about-page .box1 .info>p{font-size: .16rem;line-height: .36rem;color:#666}
.about-page .box1 .con>ul{width: 28%;}
.about-page .box1 .con>ul li{display: flex;align-items: center;margin-bottom: .25rem;}
.about-page .box1 .con>ul li:last-child{margin-bottom: 0;}
.about-page .box1 .con>ul .img-div{width:.58rem;height:.66rem;margin-right: .3rem;}
.about-page .box1 .con>ul .txt{flex:1}
.about-page .box1 .con>ul .txt>p:nth-of-type(1){display: flex;align-items: center;color:#0076ce;font-size: .18rem;}
.about-page .box1 .con>ul .txt>p:nth-of-type(1)>span:nth-of-type(1){font-size: .6rem;}
.about-page .box1 .con>ul .txt>p:nth-of-type(2){font-size: .18rem;line-height: .28rem;padding-left: .05rem;}
.about-page .box1>ul{display: flex;}
.about-page .box1>ul li{flex:1;margin-right: .2rem;position: relative;height: 4.6rem;transition: .3s;}
.about-page .box1>ul li:last-child{margin-right: 0;}
.about-page .box1>ul .un-hover{height:100%;border-radius: .2rem;padding:.5rem .3rem .5rem .4rem}
.about-page .box1>ul .un-hover>p:nth-of-type(1){font-size: .3rem;line-height: .4rem;margin-bottom: .15rem;}
.about-page .box1>ul .un-hover>p:nth-of-type(2){font-size: .18rem;line-height: .26rem;color:#666}
.about-page .box1>ul .hover{opacity: 0;position: absolute;top:0;left:0;width:100%;height:100%;border-radius: .2rem;color:#fff;padding:.55rem .6rem}
.about-page .box1>ul .hover>p:nth-of-type(1){font-size: .3rem;line-height: .4rem;margin-bottom: .15rem;}
.about-page .box1>ul .hover>p:nth-of-type(2){font-size: .18rem;line-height: .26rem}
.about-page .box1>ul li.active{flex:3.1;}
.about-page .box1>ul li.active .un-hover{opacity: 0;}
.about-page .box1>ul li.active .hover{opacity: 1;}
.about-page .box1 .swiper-container{display: none;}

.about-page .box2{padding:.95rem 0;background-color:#f4f4f4;background-position: center top;background-size: 100%;}
.about-page .box2 .cate{margin:.25rem 0 .3rem;display: flex;justify-content: center;}
.about-page .box2 .cate>p{line-height: .48rem;border:1px solid #eee;border-radius: .25rem;padding:0 .25rem;font-size: .18rem;color:#666;background: #fff;margin-right: .2rem;cursor: pointer;transition: .3s;}
.about-page .box2 .cate>p:last-child{margin-right: 0;}
.about-page .box2 .cate>p.active{border-color: #0076ce;background: #0076ce;color:#fff}
.about-page .box2 .con{display: none;}
.about-page .box2 .ul1{display: flex;flex-wrap: wrap;}
.about-page .box2 .ul1 li{background: #fff;border-radius: .1rem;padding:.3rem .3rem .25rem;margin-right: .3rem;margin-bottom: .3rem;width: calc(25% - .225rem);transition: .3s;}
.about-page .box2 .ul1 li:nth-child(4n){margin-right: 0;}
.about-page .box2 .ul1 .img-div{height:2.45rem;}
.about-page .box2 .ul1 li>p{border-top: 1px solid #ddd;margin-top: .25rem;font-size: .16rem;line-height: .26rem;text-align: center;padding-top: .2rem;}
.about-page .box2 .ul2{display: flex;flex-wrap: wrap;}
.about-page .box2 .ul2 li{width: calc(25% - .15rem);margin-bottom: .2rem;margin-right: .2rem;background: #fff;border-radius: .1rem;padding:.4rem .45rem;transition: .3s;position: relative;}
.about-page .box2 .ul2 li:nth-child(4n){margin-right: 0;}
.about-page .box2 .ul2 .img-div{width: .28rem;height: .33rem;margin:0 auto .2rem}
.about-page .box2 .ul2 li>p:nth-of-type(1){font-size: .18rem;line-height: .28rem;color:#000;text-align: center;}
.about-page .box2 .ul2 li>p:nth-of-type(2){position: absolute;right:0;top:0;line-height: .3rem;padding:0 .05rem;background: #c0c7cd;color:#fff;border-radius: 0 .1rem 0 .1rem;}
.about-page .box2 .load{display: flex;justify-content: center;margin-top: .2rem;}
.about-page .box2 .load>p{background: url(../images/28.png) no-repeat left center/.16rem;padding-left: .3rem;font-size: .16rem;cursor: pointer;}

.about-page .box3{padding: .75rem 0 1rem;max-width: 10.4rem;}
.about-page .box3 .con{margin-top: .45rem;position: relative;}
.about-page .box3 .swiper-slide{cursor: pointer;}
.about-page .box3 .swiper-slide .img-div{height:3.2rem;background: #f5f7fa;border-radius: .1rem;align-items: flex-end;overflow: hidden;}
.about-page .box3 .swiper-slide .img-div>img{max-width: 90%;max-height: 90%;transition: .8s;}
.about-page .box3 .swiper-slide>p:nth-of-type(1){font-size: .24rem;line-height: .34rem;color:#000;margin:.2rem 0 .1rem}
.about-page .box3 .swiper-slide>p:nth-of-type(2){font-size: .16rem;line-height: .3rem;color:#fff;border-radius: .15rem;background: #0076ce;display: inline-block;padding:0 .2rem;margin-bottom: .2rem;}
.about-page .box3 .swiper-slide>p:nth-of-type(3){font-size: .16rem;line-height: .3rem;color:#666}
.about-page .box3 .arrow{position: absolute;right: -.8rem;top: 1.3rem;background: #f7f7f7 url(../images/arrow1-g.png) no-repeat center center/.16rem;border-radius: 50%;width:.5rem;height: .5rem;cursor: pointer;transition: .3s;}
.about-page .box3 .prev{right:auto;left: -.8rem;transform: rotate(180deg);}
.about-page .box3-tc{position: fixed;width:100%;height:100%;top:0;left:0;background: rgba(0,0,0,.3);z-index: 999;display: none;}
.about-page .box3 .info{position: absolute;top: 50%;left: 50%;transform: translateX(-50%);height: 6.4rem;border-radius: .2rem;margin-top: -3.2rem;display: flex;}
.about-page .box3 .close{width: .3rem;height: .3rem;background: url(../images/close.svg) no-repeat center center/100%;position: absolute;top: .3rem;right:.3rem;cursor: pointer;}
.about-page .box3 .txt{padding:1.1rem 0 0 1rem;width:53%}
.about-page .box3 .name{display: flex;align-items: center;position: relative;border-bottom: 1px solid #e5e5e5;padding-bottom: .2rem;margin-bottom: .3rem;}
.about-page .box3 .name::after{content:'';width:.5rem;height: .03rem;left:0;bottom:-1px;position: absolute;background: #0076ce;}
.about-page .box3 .name>p:nth-of-type(1){font-size: .36rem;margin-right: .2rem;}
.about-page .box3 .name>p:nth-of-type(2){font-size: .18rem;line-height: .3rem;color:#fff;border-radius: .15rem;background: #0076ce;padding:0 .2rem;}
.about-page .box3 .myscroll{max-height: 2.89rem;font-size: .16rem;line-height: .32rem;color:#666;padding-right: .1rem;}
.about-page .box3 .info .img-div{height:100%;flex:1;align-items: flex-end;overflow: hidden;}
.about-page .box3 .info .img-div>img{max-width: 90%;max-height: 90%;transition: .8s;}

.about-page .box4{padding:.9rem 0 .5rem;color:#fff;position: relative}
.about-page .box4::after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3)}
.about-page .box4 .width{position: relative;z-index: 2;max-width: 15.5rem;}
.about-page .box4 .tit{color:#fff;margin-bottom: 1.05rem;position: relative;z-index: 2;}
.about-page .box4 .con{position: relative;padding:0 .8rem}
.about-page .box4 .swiper-slide{padding:0 0 .8rem .4rem;height:auto;}
.about-page .box4 .swiper-slide::before{content:'';width:.09rem;height:.09rem;border-radius: 50%;border: 1px solid #0076ce;position: absolute;top:.08rem;left: 0;}
.about-page .box4 .swiper-slide::after{content:'';width:1px;height:calc(100% - .19rem);background: rgba(0,118,206,.5);position: absolute;bottom:0;left: .05rem;}
.about-page .box4 .swiper-slide>p:nth-of-type(1){font-size: .26rem;line-height: .36rem;margin-bottom: .15rem;}
.about-page .box4 .swiper-slide>p:nth-of-type(2){font-size: .2rem;line-height: .36rem}
.about-page .box4 .swiper-slide>span{width:.11rem;height:.11rem;border-radius: 50%;background: #fff;position: absolute;bottom:0;left: 0;z-index: 2;}
.about-page .box4 .swiper-slide:nth-child(2n+1){padding-top: 1rem;}
.about-page .box4 .swiper-slide:nth-child(3n-2){margin-bottom: .4rem;}
.about-page .box4 .swiper-slide:nth-child(3n-1){margin-bottom: .8rem;}
.about-page .box4 .swiper-slide:nth-child(2n+1)::before{top: 1.08rem;}
.about-page .box4 .swiper-slide:nth-child(2n+1)::after{height:calc(100% - 1.19rem);}
.about-page .box4 .arrow{position: absolute;right: 0;top: 1.15rem;background: url(../images/arrow1-w.png) no-repeat center center/.16rem;border-radius: 50%;width:.5rem;height: .5rem;cursor: pointer;transition: .3s;border:1px rgba(255,255,255,.2) solid}
.about-page .box4 .prev{right:auto;left: 0;transform: rotate(180deg);}
.about-page .box4 video{position: absolute;width:100%;height:100%;top: 0;left: 0;object-fit: cover;}

.about-page .box5{padding: .95rem 0 .7rem}
.about-page .box5 .con{display: flex;background: #f5f7fa;border-radius: .1rem;position: relative;min-height: 5rem;margin:.45rem 0 .5rem;}
.about-page .box5 .con .img-bg{width: 50%;height: 5rem;border-radius: 0 .1rem .1rem 0;position: absolute;right:0;top: 0;}
.about-page .box5 .img{height:100%}
.about-page .box5 .con .info{width: 50%;padding:.9rem 1rem .5rem .8rem}
.about-page .box5 .name{display: flex;border-bottom: 1px solid rgba(0,0,0,.2);padding-bottom: .2rem;margin-bottom: .15rem;}
.about-page .box5 .img-div{width: .26rem;height: .48rem;}
.about-page .box5 .name>p{font-size: .3rem;line-height: .4rem;color:#0076ce;margin: .1rem 0 0 .25rem;}
.about-page .box5 .con .info>p{font-size: .18rem;line-height: .4rem;color:#666}
.about-page .box5 ul{display: flex;flex-wrap: wrap;}
.about-page .box5 li{width: calc(25% - .21rem);margin-right: .28rem;margin-bottom: .3rem;background: #f5f7fa;border-radius: .1rem}
.about-page .box5 li:nth-child(4n){margin-right: 0;}
.about-page .box5 li .img-bg{height: 2.1rem;border-radius: .1rem .1rem 0 0;}
.about-page .box5 li .img{height:100%}
.about-page .box5 li .info{padding: .35rem .25rem .3rem .3rem;}
.about-page .box5 li .info>p:nth-of-type(1){font-size: .2rem;line-height: .3rem;color:#000;margin-bottom: .05rem;}
.about-page .box5 li .info>p:nth-of-type(2){font-size: .16rem;line-height: .26rem;color:#666}

@media (max-width:750px){
    .about-page .tit{font-size: .44rem;line-height: .64rem}

    .about-page .box1{padding:1rem 0}
    .about-page .box1 .con{display: block;margin-bottom: .4rem;}
    .about-page .box1 .info{width: 100%;margin: 0 0 .4rem;}
    .about-page .box1 .tag{margin:.2rem 0 .4rem;padding-bottom: .1rem;}
    .about-page .box1 .tag>p{border-radius: .6rem;line-height: .6rem;padding:0 .3rem;margin:0 .2rem .2rem 0;font-size: .24rem;}
    .about-page .box1 .info>p{font-size: .28rem;line-height: .48rem}
    .about-page .box1 .con>ul{width: 100%;display: flex;flex-wrap: wrap;}
    .about-page .box1 .con>ul li{display: block;margin-bottom: .2rem;width: calc(50% - .2rem);}
    .about-page .box1 .con>ul li:last-child{margin-bottom: .2rem;}
    .about-page .box1 .con>ul li:nth-child(2n+1){margin-right: .4rem;}
    .about-page .box1 .con>ul .img-div{display: none;}
    .about-page .box1 .con>ul .txt>p:nth-of-type(1){font-size: .28rem;}
    .about-page .box1 .con>ul .txt>p:nth-of-type(1)>span:nth-of-type(1){font-size: .7rem;width: auto !important;margin-right: .2rem;}
    .about-page .box1 .con>ul .txt>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;padding-left: 0;}
    .about-page .box1>ul{display: none;}
    .about-page .box1 .swiper-container{display: block;border-radius: .2rem;}
    .about-page .box1 .swiper-slide{padding-bottom: 67.64%;border-radius: .2rem;}
    .about-page .box1 .swiper-slide .txt{position: absolute;width: 100%;height: 100%;padding: .6rem;color:#fff}
    .about-page .box1 .swiper-slide .txt>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;margin-bottom: .1rem;}
    .about-page .box1 .swiper-slide .txt>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}
    .about-page .box1 .swiper-pagination-bullet{background: #fff;}

    .about-page .box2{padding:1rem 0;}
    .about-page .box2 .cate{margin:.4rem 0}
    .about-page .box2 .cate>p{line-height: .8rem;border-radius: .6rem;padding:0 .4rem;font-size: .26rem;}
    .about-page .box2 .cate>p:last-child{margin-right: 0;}
    .about-page .box2 .ul1 li{border-radius: .2rem;padding:.3rem .3rem .4rem;margin-right: .2rem;margin-bottom: .2rem;width: calc(50% - .1rem);}
    .about-page .box2 .ul1 li:nth-child(4n){margin-right: .2rem;}
    .about-page .box2 .ul1 li:nth-child(2n){margin-right: 0;}
    .about-page .box2 .ul1 .img-div{height:3.5rem;}
    .about-page .box2 .ul1 li>p{margin-top: .3rem;font-size: .24rem;line-height: .4rem;padding-top: .2rem;}
    .about-page .box2 .ul2{display: flex;flex-wrap: wrap;}
    .about-page .box2 .ul2 li{width: calc(50% - .1rem);border-radius: .2rem;padding:.4rem .45rem}
    .about-page .box2 .ul2 li:nth-child(4n){margin-right: .2rem;}
    .about-page .box2 .ul2 li:nth-child(2n){margin-right: 0;}
    .about-page .box2 .ul2 .img-div{width: .5rem;height: .55rem}
    .about-page .box2 .ul2 li>p:nth-of-type(1){font-size: .24rem;line-height: .4rem;}
    .about-page .box2 .ul2 li>p:nth-of-type(2){line-height: .4rem;padding:0 .2rem;border-radius: 0 .2rem 0 .2rem;font-size: .24rem;}
    .about-page .box2 .load{margin-top: .3rem;}
    .about-page .box2 .load>p{background: url(../images/28.png) no-repeat left center/.3rem;padding-left: .5rem;font-size: .28rem}

    .about-page .box4{padding:1rem 0 .8rem;}
    .about-page .box4 .tit{margin-bottom: .4rem;}
    .about-page .box4 .con{padding:0}
    .about-page .box4 .swiper-slide{padding:0 0 .4rem .6rem;}
    .about-page .box4 .swiper-slide::before{width:.16rem;height:.16rem;top:.25rem;left: .1rem;}
    .about-page .box4 .swiper-slide::after{height:calc(100% - .4rem);left: .17rem;}
    .about-page .box4 .swiper-slide>p:nth-of-type(1){font-size: .4rem;line-height: .7rem;margin-bottom: .3rem;}
    .about-page .box4 .swiper-slide>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}
    .about-page .box4 .swiper-slide>span{width:.14rem;height:.14rem;left: .12rem}
    .about-page .box4 .swiper-slide:nth-child(2n+1){padding-top: 0;}
    .about-page .box4 .swiper-slide:nth-child(3n-2){margin-bottom: .4rem;}
    .about-page .box4 .swiper-slide:nth-child(3n-1){margin-bottom: .8rem;}
    .about-page .box4 .swiper-slide:nth-child(2n+1)::before{top: .25rem;}
    .about-page .box4 .swiper-slide:nth-child(2n+1)::after{height:calc(100% - .4rem);}
    .about-page .box4 .arrow{display: none;}
    .about-page .box4 .swiper-pagination{width: 100%;text-align: center;position: static;}
    .about-page .box4 .swiper-pagination-bullet{background: #fff;margin: 0 .08rem;}

    .about-page .box5{padding: 1rem 0 .6rem}
    .about-page .box5 .con{display: block;border-radius: .2rem;margin:.45rem 0 .5rem;}
    .about-page .box5 .con .img-bg{width: 100%;height: auto;border-radius: .2rem .2rem 0 0;position: static}
    .about-page .box5 .img{height:auto;padding-bottom: 71.42%;}
    .about-page .box5 .con .info{width: 100%;padding:.4rem .4rem .6rem}
    .about-page .box5 .name{padding-bottom: .3rem;margin-bottom: .3rem;}
    .about-page .box5 .img-div{width: .4rem;height: .8rem;}
    .about-page .box5 .name>p{font-size: .36rem;line-height: .56rem;margin: .2rem 0 0 .3rem;}
    .about-page .box5 .con .info>p{font-size: .28rem;line-height: .55rem}
    .about-page .box5 ul{display: block}
    .about-page .box5 li{width: 100%;margin-right: 0;margin-bottom: .4rem;border-radius: .2rem}
    .about-page .box5 li .img-bg{height: auto;border-radius: .2rem .2rem 0 0;}
    .about-page .box5 li .img{height:auto;padding-bottom: 63.63%;}
    .about-page .box5 li .info{padding: .4rem .4rem .6rem;}
    .about-page .box5 li .info>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;margin-bottom: .1rem;}
    .about-page .box5 li .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}
}

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

    .about-page .box3 .swiper-slide:hover .img-div>img{transform: scale(1.1);}
    .about-page .box3 .swiper-slide:hover>p:nth-of-type(1){color:#0076ce}
    .about-page .box3 .arrow:hover{background-color: #0076ce;background-image: url(../images/arrow1-w.png);}
    .about-page .box3 .info .img-div:hover>img{transform: scale(1.1);}

    .about-page .box4 .arrow:hover{background-color: #0076ce;border-color:#0076ce}
}

/* 新闻 */
.news-page.list{padding:1rem 0 1.2rem}
.news-page.list .best{display: flex;justify-content: flex-end;height: 5rem;position: relative;margin-bottom: .5rem;}
.news-page.list .best .img-bg{position: absolute;top: 0;left: 0;width: 65.85%;height: 100%;opacity: 0;border-radius: .1rem;transition: .3s;}
.news-page.list .best .img-bg.show{opacity: 1;z-index: 2;}
.news-page.list .best .img{height:100%}
.news-page.list .best ul{width:29.29%}
.news-page.list .best li{position: relative;height: calc(5rem / 3);border-bottom: 2px solid #eee}
.news-page.list .best li::after{content:'';width:0;height: 2px;background: #0076ce;transition: .3s;position: absolute;left:0;bottom:-2px}
.news-page.list .best li>p:nth-of-type(1){font-size: .16rem;color:#999;padding:.3rem 0 .2rem}
.news-page.list .best li>p:nth-of-type(2){font-size: .2rem;line-height:.3rem}
.news-page.list .best li.active::after{width: 100%;}
.news-page.list .best li.active>p:nth-of-type(2){color:#0076ce}
.news-page.list .select{width: 2.8rem;margin-bottom: .4rem;}
.news-page.list .select>select{border:1px #eee solid;border-radius: .1rem;height: .6rem;font-size: .16rem;color:#999;padding:0 .25rem;background:#fff}
.news-page.list .lists{border-top: 1px solid #eee;}
.news-page.list .lists li{border-bottom: 1px solid #eee;display: flex;align-items: center;padding:.35rem 0;position: relative;}
.news-page.list .lists li::after{content:'';width:0;height: 1px;background: #0076ce;transition: .5s;position: absolute;left:0;bottom:-1px}
.news-page.list .lists li>p:nth-of-type(1){font-size: .2rem;width: calc(100% - .8rem);padding-right: .5rem;}
.news-page.list .lists li>p:nth-of-type(2){font-size: .16rem;color:#999;width:.8rem;text-align: right;}
.news-page.list .page{padding-top: .5rem;}

.news-page.detail{padding: .3rem 0 1.2rem;}
.news-page.detail .crumb{background: none;position: static;color:#666}
.news-page.detail .crumb .width{background-image: url(../images/13-g.png);}
.news-page.detail .crumb a{color:#999}
.news-page.detail .crumb em{color:#999}
.news-page.detail>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;text-align: center;margin:.5rem 0 .25rem}
.news-page.detail>p:nth-of-type(2){display: flex;font-size: .16rem;color:#999;justify-content: center;}
.news-page.detail>p:nth-of-type(2)>span:first-child{margin-right: .3rem;}
.news-page.detail .content{border-top:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.15);margin:.35rem 0 .5rem;padding:.4rem .6rem .6rem}
.news-page.detail .content a{display: inline-block;}
.news-page.detail .content p{font-size: .16rem;line-height: .32rem;color: #666;}
.news-page.detail .content img{max-width: 100%;height: auto !important;margin: 0 auto;}
.news-page.detail .jump{display: flex;align-items: center;}
.news-page.detail .info{width:calc(100% - 1.7rem);padding-right: .5rem;}
.news-page.detail .info>a{font-size: .16rem;line-height: .3rem;color:#666}
.news-page.detail .jump>a{font-size: .16rem;line-height: .6rem;color:#fff;text-align: center;border-radius: .3rem;background: #0076ce;width:1.7rem;transition: .3s;}

@media (max-width:750px){
    .news-page.list{padding:1rem 0}
    .news-page.list .best{display: block;height: auto}
    .news-page.list .best .img-bg{width: 100%;height: 3.65rem;border-radius: .2rem}
    .news-page.list .best ul{width:100%;padding-top: 3.65rem;}
    .news-page.list .best li{height: auto;border-width: 1px;padding:.4rem 0}
    .news-page.list .best li::after{height: 1px;bottom:-1px}
    .news-page.list .best li>p:nth-of-type(1){font-size: .28rem;padding:0 0 .1rem}
    .news-page.list .best li>p:nth-of-type(2){font-size: .32rem;line-height:.52rem}
    .news-page.list .select{width: 100%;margin:.6rem 0 .4rem;}
    .news-page.list .select>select{border-radius: .1rem;height: .8rem;font-size: .26rem;padding:0 .3rem}
    .news-page.list .lists li{padding:.4rem 0}
    .news-page.list .lists li>p:nth-of-type(1){font-size: .28rem;width: calc(100% - 1.5rem);padding-right: 0;}
    .news-page.list .lists li>p:nth-of-type(2){font-size: .24rem;width:1.5rem}
    .news-page.list .page{padding-top: .4rem;}

    .news-page.detail{padding: .3rem 0 1rem;}
    .news-page.detail .crumb .width{width:100%}
    .news-page.detail>p:nth-of-type(1){line-height: .56rem;margin:.3rem 0 .2rem}
    .news-page.detail>p:nth-of-type(2){font-size: .24rem;}
    .news-page.detail .content{margin:.3rem 0 .4rem;padding:.4rem 0}
    .news-page.detail .content p{font-size: .28rem;line-height: .48rem}
    .news-page.detail .jump{display: block}
    .news-page.detail .info{width:100%;padding: 0 0 .3rem;}
    .news-page.detail .info>a{font-size: .28rem;line-height: .48rem}
    .news-page.detail .jump>a{font-size: .26rem;line-height: .8rem;border-radius: .6rem;width:2rem}
}

@media (any-hover:hover){
    .news-page.list .lists li:hover::after{width: 100%;}
    .news-page.list .lists li:hover>p:nth-of-type(1){color:#0076ce}

    .news-page.detail .crumb a:hover{color:#0076ce;text-decoration: none;}
    .news-page.detail .info>a:hover{color:#0076ce}
    .news-page.detail .jump>a:hover{opacity: .8;}
}

/* 加入 */
.joins-page .tit{font-size: .48rem;line-height: .58rem;color: #000;text-align: center;}

.joins-page .box1{display: flex;justify-content: space-between;padding:1.2rem 0 1.3rem}
.joins-page .box1 .con{width: 57.14%;}
.joins-page .box1 .tit{text-align: left;margin:.9rem 0 .25rem}
.joins-page .box1 .con>p{font-size: .16rem;line-height: .3rem;color:#666;border-top: 1px solid #eee;padding-top: .2rem;}
.joins-page .box1 .img-bg{width: 35.71%;border-radius: .1rem;}
.joins-page .box1 .img{padding-bottom: 100%;}

.joins-page .box2{height: 6.8rem;position: relative;}
.joins-page .box2 .tit{color:#fff;padding-top: 1.15rem;}
.joins-page .box2 ul{display: flex;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.joins-page .box2 li{flex:1;color:#fff;border-right: 1px solid rgba(255,255,255,.1);text-align: center;padding:2.65rem .55rem .5rem}
.joins-page .box2 li:last-child{border-right: 0;}
.joins-page .box2 li>p:nth-of-type(1){font-size: .3rem;line-height: .4rem;margin-bottom: .15rem;}
.joins-page .box2 li>p:nth-of-type(2){font-size: .18rem;line-height: .3rem;}

.joins-page .box3{padding:.95rem 0 1.15rem}
.joins-page .box3 .swiper-container{margin-top:.45rem;padding-bottom: .5rem;}
.joins-page .box3 .img-bg{width: 5rem;height: 3.5rem;border-radius: .1rem;}
.joins-page .box3 .img{height: 100%;}
.joins-page .box3 .swiper-scrollbar{opacity:1 !important;height:1px;background:#ccc;left:50%;transform:translateX(-50%);cursor: pointer;width:100%}
.joins-page .box3 .swiper-scrollbar-drag{background:#0076ce;height:.05rem;top:-.02rem}

.joins-page .box4{padding-bottom: .6rem;}
.joins-page .box4 ul{margin-top: .45rem;display: flex;flex-wrap: wrap;}
.joins-page .box4 li{width: calc(100% / 3 - .26rem);margin-right: .39rem;margin-bottom: .4rem;background: #f8f8f8;border-radius: .1rem;padding:.55rem .45rem .6rem .5rem;transition: .3s;}
.joins-page .box4 li:nth-child(3n){margin-right: 0;}
.joins-page .box4 .img-div{width: .41rem;height: .46rem;}
.joins-page .box4 li>p:nth-of-type(1){font-size: .3rem;line-height: .4rem;margin:.25rem 0 .15rem}
.joins-page .box4 li>p:nth-of-type(2){font-size: .18rem;line-height: .3rem;color:#666}

.joins-page .box5{height:6rem;position: relative;}
.joins-page .box5 .con{padding:2.2rem 0 0;}
.joins-page .box5 .tit{text-align: left;margin-bottom: .4rem;}
.joins-page .box5 .more{position: relative;z-index: 2;}
.joins-page .box5 ul{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.joins-page .box5 li{position: absolute;}
.joins-page .box5 .circle{background: linear-gradient(45deg,#e2e4e7,#fcfdfd);box-shadow: 0 0 .25rem #dadcdf;border-radius: 50%;padding-bottom: 100%;border: 2px solid #fff;transition: .5s}
.joins-page .box5 .info{display: flex;justify-content: center;align-items: center;width:100%;height:100%;position: absolute;top:0;left:0}
.joins-page .box5 .info>p:nth-of-type(1){font-size: .24rem;line-height: .3rem;color:#000;text-align: center;position: relative;padding-bottom: .2rem;}
.joins-page .box5 .info>p:nth-of-type(1)::after{content:'';width: .3rem;height: .04rem;background: #0076ce;position: absolute;bottom:0;left: 50%;transform: translateX(-50%);}

@media (max-width:750px){
    .joins-page .tit{font-size: .44rem;line-height: .64rem}

    .joins-page .box1{display: block;padding:1rem 0}
    .joins-page .box1 .con{width: 100%;margin-bottom: .4rem;}
    .joins-page .box1 .tit{margin:0 0 .3rem}
    .joins-page .box1 .con>p{font-size: .28rem;line-height: .48rem;padding-top: .3rem;}
    .joins-page .box1 .img-bg{width: 100%;border-radius: .2rem;}

    .joins-page .box2{height: auto;padding: 1rem 0 .4rem;}
    .joins-page .box2 .tit{padding: 0 0 .6rem;}
    .joins-page .box2 ul{display: block;position: static;height: auto;}
    .joins-page .box2 li{border-right:0;border-top: 1px solid rgba(255,255,255,.1);padding:.6rem .4rem}
    .joins-page .box2 li{border-top: 1px solid rgba(255,255,255,.1)}
    .joins-page .box2 li>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;margin-bottom: .15rem;}
    .joins-page .box2 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;}

    .joins-page .box3{padding:1rem 0 .8rem}
    .joins-page .box3 .swiper-container{margin:.4rem auto 0;padding-bottom: .4rem;width: calc(100% - .8rem);}
    .joins-page .box3 .img-bg{width: 100%;height: auto;border-radius: .2rem;}
    .joins-page .box3 .img{height: auto;padding-bottom: 70%;}
    .joins-page .box3 .swiper-scrollbar{height:2px;}
    .joins-page .box3 .swiper-scrollbar-drag{height:2px;top:0}

    .joins-page .box4{padding-bottom: .6rem;}
    .joins-page .box4 ul{margin-top: .4rem;display: block}
    .joins-page .box4 li{width: 100%;margin-right: 0;border-radius: .2rem;padding:.6rem .4rem}
    .joins-page .box4 .img-div{width: .7rem;height: .75rem;}
    .joins-page .box4 li>p:nth-of-type(1){font-size: .36rem;line-height: .56rem;margin:.2rem 0 .1rem}
    .joins-page .box4 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}

    .joins-page .box5{height:auto;padding: 1rem 0 .6rem;}
    .joins-page .box5 .con{padding:0 0 .6rem;}
    .joins-page .box5 .tit{text-align: center;margin-bottom: .3rem;}
    .joins-page .box5 .more{margin:0 auto}
    .joins-page .box5 ul{position: static;height: auto;display: flex;flex-wrap: wrap;width: calc(100% - .8rem);margin:0 auto}
    .joins-page .box5 li{position: relative;width: calc(50% - .1rem) !important;margin-bottom: .3rem;background: #fff;box-shadow: 0 0 .2rem #eee;top: 0 !important;left: 0 !important;padding:.4rem;display: flex;justify-content: center;align-items: center;border-radius: .2rem;}
    .joins-page .box5 li:nth-child(2n+1){margin-right: .2rem;}
    .joins-page .box5 .circle{display: none;}
    .joins-page .box5 .info{display: block;height:auto;position: static}
    .joins-page .box5 .info>p:nth-of-type(1){font-size: .32rem;line-height: .42rem;padding-bottom: .2rem;}
    .joins-page .box5 .info>p:nth-of-type(1)::after{width: .4rem}
}

@media (any-hover:hover){
    .joins-page .box4 li:hover{background: #0076ce;}
    .joins-page .box4 li:hover>p:nth-of-type(1){color:#fff}
    .joins-page .box4 li:hover>p:nth-of-type(2){color:#fff}

    .joins-page .box5 li:hover{z-index: 2;}
    .joins-page .box5 li:hover .circle{transform: scale(1.5);background:url(../images/46.png) no-repeat center center/100%;border:0}
}

/* 招聘 */
.recruit-page{background: #f5f5f5;padding:.9rem 0 1rem}
.recruit-page .width>p{font-size: .48rem;color:#000;text-align: center;}
.recruit-page .choose{background: #fff;border-radius: .1rem;font-size: .16rem;padding:.4rem .4rem .2rem;margin:.45rem 0 .3rem;}
.recruit-page .choose li{display: flex;margin-bottom: .1rem;}
.recruit-page .choose li>p{width: .9rem;margin-bottom: .1rem;line-height: .3rem;}
.recruit-page .choose li>div{display: flex;flex-wrap: wrap;flex:1}
.recruit-page .choose li>div>a{line-height: .3rem;padding: 0 .15rem;color:#999;margin:0 .15rem .1rem 0;border-radius: .15rem;transition: .3s;}
.recruit-page .choose li>div>a.active{background: #0076ce;color:#fff}
.recruit-page .lists li{background: #fff;border-radius: .1rem;margin-bottom: .2rem;}
.recruit-page .info{display: flex;font-size: .16rem;line-height: .3rem;padding:.25rem .95rem .25rem .8rem;position: relative;cursor: pointer;transition: .3s;}
.recruit-page .info::before{content:'';width:.04rem;height: .2rem;background: #0076ce;border-radius: .02rem;position: absolute;left:.5rem;top:.3rem;transition: .3s;}
.recruit-page .info::after{content:'';width:.15rem;height: .15rem;background: url(../images/arrow.svg) no-repeat center center/100%;position: absolute;right:.8rem;top:.32rem;transform: rotate(90deg);opacity: .5;transition: .3s;}
.recruit-page .info>p{padding-right: .2rem;width:15%;text-align: center;}
.recruit-page .info>p:nth-of-type(1){font-size: .2rem;width:30%;text-align: left;}
.recruit-page .info>p:nth-of-type(2){width:25%}
.recruit-page .detail{display: none;padding:.6rem .95rem .7rem .8rem;}
.recruit-page .detail p{font-size: .16rem;line-height: .36rem;color:#666}
.recruit-page .detail a{display: inline-block;}
.recruit-page .detail img{max-width: 100%;height: auto !important}
.recruit-page .jump{line-height: .4rem;width: 1.2rem;border-radius: .2rem;background: #0076ce;color:#fff;font-size: .16rem;transition: .3s;text-align: center;margin-top: .4rem;}
.recruit-page .lists .info.active{background: #0076ce;border-radius: .1rem .1rem 0 0;color:#fff}
.recruit-page .lists .info.active::before{background: #fff;}
.recruit-page .lists .info.active::after{background-image: url(../images/arrow-w.svg);opacity: 1;transform: rotate(-90deg);}
.recruit-page .lists .m{display: none;}
.recruit-page .page{padding-top: .3rem;}
.recruit-page .page a{background: #fff;}
.recruit-page .page .a_cur{background: #0076ce;}
.recruit-page .popup{position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);z-index: 999;display:none}
.recruit-page .popup .con{position: absolute;top:50%;left:50%;background: #fff;border-radius: .2rem;width:5.2rem;height: 6.5rem;padding:.4rem .7rem .5rem;margin-left: -2.6rem;margin-top: -3.25rem;}
.recruit-page .popup .close{width:.4rem;height: .4rem;border-radius: 50%;background: #f5f5f5 url(../images/close.svg) no-repeat center center/.16rem;position: absolute;right: .3rem;top: .3rem;cursor: pointer;transition: .3s;}
.recruit-page .popup .con>p{text-align: center;font-size: .3rem;color:#000;margin-bottom: .2rem;}
.recruit-page .popup li{margin-bottom: .25rem;}
.recruit-page .popup li>p{font-size: .16rem;color:#666;margin-bottom: .1rem;}
.recruit-page .popup li>p>span{color:#ed3434;font-size: .13rem;}
.recruit-page .popup li>input{height: .4rem;background: #f5f5f5;border-color:#f5f5f5;width:100%}
.recruit-page .popup li>input:focus{border-color:#0076ce}
.recruit-page .popup .upload{height: 1rem;background: #f5f5f5 url(../images/47.png) no-repeat center .3rem/.16rem;color:#999;text-align: center;padding-top: .55rem;cursor: pointer;}
.recruit-page .popup .upload.has{background: #f5f5f5;padding-top: 0;line-height: 1rem;}
.recruit-page .popup .btn{width: 3.2rem;line-height: .5rem;border-radius: .25rem;background: #0076ce;color:#fff;text-align: center;font-size: .16rem;transition: .3s;cursor: pointer;margin: .3rem auto 0;}

@media (max-width:750px){
    .recruit-page{padding:1rem 0 .7rem}
    .recruit-page .width>p{font-size: .44rem;}
    .recruit-page .choose{border-radius: .2rem;font-size: .28rem;padding:.6rem .4rem 1px;margin:.4rem 0;}
    .recruit-page .choose li{display: block;margin-bottom: .4rem;}
    .recruit-page .choose li>p{width: 100%;margin-bottom: .3rem;line-height: .28rem;}
    .recruit-page .choose li>div>a{line-height: .6rem;padding: 0 .3rem;border-radius: .6rem;font-size: .26rem;}
    .recruit-page .lists li{border-radius: .2rem;margin-bottom: .3rem;}
    .recruit-page .info{display: block;padding:.3rem 1rem .3rem .7rem}
    .recruit-page .info::before{height: .3rem;;left:.4rem;top:.4rem}
    .recruit-page .info::after{width:.25rem;height: .25rem;right:.4rem;top:.42rem}
    .recruit-page .info>p{padding-right: .4rem;display: none;}
    .recruit-page .info>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;width:100%;display: block;}
    .recruit-page .detail{padding:.4rem .4rem .6rem;}
    .recruit-page .detail p{font-size: .28rem;line-height: .48rem}
    .recruit-page .jump{line-height: .8rem;width: 2rem;border-radius: .6rem;font-size: .26rem;margin-top: .4rem;}
    .recruit-page .lists .info.active{border-radius: .2rem .2rem 0 0}
    .recruit-page .lists .m{display: block;margin-bottom: .3rem;}
    .recruit-page .lists .m>p{line-height: .48rem;color:#666}
    .recruit-page .page{padding-top: .1rem;}
    .recruit-page .popup .con{width:90%;height: 10.2rem;padding:.6rem .4rem 0;margin-left: 0;margin-top: -5.1rem;left:5%}
    .recruit-page .popup .close{width:.7rem;height: .7rem;background-size:.3rem;}
    .recruit-page .popup .con>p{font-size: .44rem;margin-bottom: .4rem;}
    .recruit-page .popup li{margin-bottom: .3rem;}
    .recruit-page .popup li>p{font-size: .28rem;margin-bottom: .1rem;}
    .recruit-page .popup li>p>span{font-size: .28rem;}
    .recruit-page .popup li>input{height: .8rem;}
    .recruit-page .popup .upload{height: 1.6rem;background-position:center .4rem;background-size:.32rem;padding-top: .9rem;}
    .recruit-page .popup .upload.has{line-height: 1.6rem;}
    .recruit-page .popup .btn{width: 100%;line-height: .8rem;border-radius: .6rem;font-size: .28rem;margin: .3rem auto 0;}
}

@media (any-hover:hover){
    .recruit-page .choose li>div>a:hover{background: #0076ce;color:#fff}
    .recruit-page .jump:hover{opacity: .8;}
    .recruit-page .page a:hover{background:#0076ce}
    .recruit-page .popup .close:hover{background-color: #0076ce;background-image: url(../images/close-w.svg);}
    .recruit-page .popup .btn:hover{opacity: .8;}
}

/* 搜索 */
.search-page{padding: .3rem 0 1rem;}
.search-page .crumb{background: none;position: static;color:#666;margin-bottom: .3rem;}
.search-page .crumb .width{background-image: url(../images/13-g.png);}
.search-page .crumb a{color:#999}
.search-page .crumb em{color:#999}
.search-page ul{border-top: 1px solid #eee}
.search-page li{border-bottom: 1px solid #eee;display: flex;align-items: center;padding:.35rem 0;position: relative;}
.search-page li::after{content:'';width:0;height: 1px;background: #0076ce;transition: .5s;position: absolute;left:0;bottom:-1px}
.search-page li>p{font-size: .2rem}
.search-page .page{padding-top: .5rem;}

@media (max-width:750px){
    .search-page .crumb{margin-bottom: .2rem;}
    .search-page .crumb .width{width: 100%;}
    .search-page li{padding:.4rem 0;}
    .search-page li>p{font-size: .28rem;}
    .search-page .page{padding-top: .4rem;}
}

@media (any-hover:hover){
    .search-page li:hover::after{width: 100%;}
    .search-page li:hover>p:nth-of-type(1){color:#0076ce}
}