/*公共*/
.header{position: fixed;width: 100%;top:0;left: 0;z-index: 2000;transition: .5s;}
.header .width{display: flex;align-items: center;}
.header .logo{width: 2.5rem;height: .41rem;justify-content: flex-start;filter: brightness(0%) invert(100%);}
.header .con{display: flex;align-items: center;justify-content: flex-end;flex:1}
.header ul{display: flex;margin-right: .15rem;}
.header li{padding: 0 .4rem;position: relative;}
.header li>a{font-size: .16rem;color:#fff;position: relative;line-height: 1rem;}
.header li>a::after{content:'';position: absolute;bottom: .25rem;left: 50%;transform: translateX(-50%);width: 0;background: #fff;height: .02rem;transition: .3s;}
.header li>a.active:after{width: 100%;}
.header .child{position: absolute;top:95%;left: 50%;transform: translateX(-50%);width:max-content;background: #fff;border-radius: .15rem;display: none;box-shadow: 0 0 .1rem rgba(0,0,0,.1);z-index: 2;padding: .1rem 0;}
.header .child>a{font-size: .16rem;border-bottom: 1px #e6e6e6 solid;line-height: .5rem;padding: 0 .4rem;text-align: center;}
.header .child>a:last-child{border-bottom: 0;}
.header .phone{font-size: .16rem;color:#fff;position: relative;padding: 0 .5rem 0 .3rem;}
.header .phone::before{content:'';width: .19rem;height: 100%;background: url(../images/1.png) no-repeat center center/100%;position: absolute;left: 0;top: 0;filter: brightness(0%) invert(100%);}
.header .search{position: relative;}
.header .search>p{width: .2rem;height: 1rem;background: url(../images/search.png) no-repeat center center/100%;cursor: pointer;filter: brightness(0%) invert(100%);}
.header .search .popup{display: none;position: absolute;right: 0;top: 100%;}
.header .search .popup>div{display: flex;box-shadow: 0 0 .1rem rgba(0,0,0,.1);border-radius: .1rem;}
.header .search .popup>div>input{width: 3rem;padding: 0 .2rem;border-radius: .1rem 0 0 .1rem;}
.header .search .btn{height: .5rem;width: .5rem;background: #10479c url(../images/search-w.png) no-repeat center center/.2rem;cursor: pointer;transition: .3s;border-radius: 0 .1rem .1rem 0;}
.header.active{background: #fff;border-bottom: 1px #eee solid}
.header.active .logo{filter:none}
.header.active li>a{color:#333}
.header.active li>a.active{color:#10479c}
.header.active li>a::after{background:#10479c}
.header.active .phone{color:#333}
.header.active .phone::before{filter:none}
.header.active .search>p{filter:none}
.header.hide{transform: translateY(-2rem);}
.header-space{height: 1rem;}

.footer{background: #1a1d21;color:rgba(255,255,255,.5)}
.footer a{color:rgba(255,255,255,.5)}
.footer1{display: flex;align-items: center;justify-content: space-between;padding: 1rem 0 .5rem;}
.footer1 .logo{justify-content: flex-start;width: 2.83rem;height: .46rem;}
.footer1 .search{display: flex;align-items: center;}
.footer1 .search>p{font-size: .24rem;color:#fff}
.footer1 .input{position: relative;}
.footer1 .input>input{height: .6rem;background: rgba(255,255,255,.05);border-radius: .3rem;width: 4.1rem;color:#fff;padding: 0 .6rem 0 .2rem;}
.footer1 .input>input::placeholder{color:#999}
.footer1 .btn{width: .6rem;height: .6rem;background: url(../images/search.png) no-repeat center center/.2rem;position: absolute;top: 0;right: 0;filter: brightness(0%) invert(100%);cursor: pointer;}

.footer2{border-top: 1px solid rgba(255,255,255,.1);border-bottom: 1px solid rgba(255,255,255,.1);display: flex;justify-content: space-between;padding: .55rem 0 .45rem;}
.footer2 .info{width: 28%;}
.footer2 .info>span{font-size: .16rem;margin-bottom: .1rem;display: block;}
.footer2 .info>p{font-size: .24rem;line-height: .34rem;color:#fff;margin-bottom: .3rem;}
.footer2 .media{display: flex;flex-wrap: wrap;margin: .2rem 0 .55rem;}
.footer2 .media>.img-div{width: .4rem;height: .4rem;border-radius: 50%;background: rgba(255,255,255,.05);margin-right: .15rem;transition: .3s;position: relative;}
.footer2 .media>.img-div:last-child{margin-right: 0;}
.footer2 .media>.img-div>img{max-width: 45%;max-height: 45%;}
.footer2 .qr{position: absolute;top: calc(100% + .1rem);left: 50%;transform: translateX(-50%) scale(0);width: 1.2rem;height: 1.2rem;transition: .3s;}
.footer2 .media>.img-div:hover{background: #10479c;}
.footer2 .media>.img-div:hover .qr{transform: translateX(-50%) scale(1)}
.footer2 ul{width: 68.75%;display: flex;justify-content: space-between;}
.footer2 li>a{font-size: .2rem;color:#fff;margin-bottom: .2rem;}
.footer2 .child>a{font-size: .16rem;line-height: .34rem;}

.footer3{display: flex;padding: .35rem 0 .9rem;}
.footer3>p{flex:1;line-height: .24rem;}
.footer3 .info{flex:1;display: flex;justify-content: flex-end;}
.footer3 .info>a{line-height: .2rem;}
.footer3 .info>a:nth-of-type(1){background: url(../images/9.png) no-repeat left top/.18rem;padding: 0 .1rem 0 .3rem;position: relative;margin-right: .1rem;}
.footer3 .info>a:nth-of-type(1)::after{content:'';position: absolute;top: .03rem;right: 0;height: .14rem;width: 1px;background: rgba(255,255,255,.5);}

.float{position: fixed;top: 50%;right: 0;box-shadow: 0 0 .1rem rgba(0,0,0,.1);transform: translateY(-50%);background: #fff;border-radius: .05rem 0 0 .05rem;z-index: 1999;transition: .5s;}
.float.hide{right: -1.2rem;}
.float .change{line-height: .26rem;font-size: .12rem;background: #10479c;color:#fff;position: absolute;top: -.26rem;right: 0;width: .5rem;cursor: pointer;text-align: center;}
.float.hide .change{right: auto;left: -.5rem;}
.float .item{width: 1.2rem;border-bottom: 1px #eee solid;padding: .2rem 0 .15rem;cursor: pointer;position: relative;}
.float .item:last-child{border-bottom: 0;background: url(../images/6.png) no-repeat center .18rem/.13rem;padding-top: .3rem;}
.float .item>.img-div{width: .5rem;height: .5rem;background: #10479c;border-radius: 50%;margin: 0 auto .05rem;}
.float .item>.img-div>img{max-width: 45%;max-height: 45%;}
.float .item>p{font-size: .16rem;text-align: center;}
.float .popups{position: absolute;width: 2.2rem;left: -2.2rem;top: 50%;transform: translateY(-50%);}
.float .popup{width: 2rem;background: #10479c;border-radius: .1rem;padding: .25rem .3rem .3rem;position: relative;display: none;}
.float .popup::after{content:'';width: .2rem;height: .2rem;background: #10479c;transform: translateY(-50%) rotate(45deg);position: absolute;top: 50%;right: -.05rem;}
.float .popup>p{text-align: center;font-size: .16rem;color: #fff;}
.float .popup .img-div{width: 1.4rem;height: 1.4rem;margin: .15rem auto 0;}
.float .popups.phone{width: 2.8rem;left: -2.8rem;}
.float .popups.phone .popup{width: 2.6rem;padding: .3rem .3rem .25rem;}
.float .popups.phone .popup>p{text-align: left;}
.float .popups.phone .popup>p:nth-of-type(2){font-size: .24rem;margin-top: .05rem;}

.inner-banner{position: relative;overflow: hidden;}
.inner-banner .m{display: none;}
.inner-banner .img{padding-bottom: 28.65%;transform:scale(1.1);animation:inner-banner 2s linear forwards}
.inner-banner .width{position: absolute;left: 50%;transform: translate(-50%,-50%);color:#fff;top:50%}
.inner-banner .width>h1{font-size: .48rem;line-height: .58rem;margin-bottom: .2rem;}
.inner-banner .width>p{font-size: .2rem;line-height: .3rem;}
@keyframes inner-banner {
    to{transform: scale(1)}
}

.nav-m{display: none;}

@media (max-width:1024px){
    .header .logo{width: 3.66rem;height: .6rem;}
    .header ul{display: none}
    .header .phone{padding: 0;width: .4rem;height: 1.2rem;}
    .header .phone::before{width: 100%;}
    .header .phone>span{display: none;}
    .header .search>p{width: .4rem;height: 1.2rem;margin: 0 .3rem;}
    .header .search .popup{position: fixed;left: 0;top: 1.2rem;}
    .header .search .popup>div{width: 100%;border-radius: 0;}
    .header .search .popup>div>input{width: calc(100% - .8rem);padding: 0 .2rem;border-radius: 0;}
    .header .search .btn{height: .8rem;width: .8rem;background-size:.3rem;border-radius:0;}
    .header .menu{width: .45rem;height: 1.2rem;background: url(../images/menu.svg) no-repeat center center/100%;filter: brightness(0%) invert(100%);}
    .header.active .menu{filter:none}
    .header-space{height: 1.2rem;}

    .footer1{display: block;padding: 1rem 0 .6rem;}
    .footer1 .logo{width: 4.88rem;height: .8rem;margin: 0 auto .4rem;}
    .footer1 .search>p{font-size: .26rem;width: 1.4rem;}
    .footer1 .input{width: calc(100% - 1.4rem);}
    .footer1 .input>input{height: .8rem;border-radius: .6rem;padding: 0 .8rem 0 .4rem;width: 100%;}
    .footer1 .btn{width: .8rem;height: .8rem;background-size:.3rem;}

    .footer2{display: block;padding: .6rem 0 .2rem;}
    .footer2 .info{width: 100%;}
    .footer2 .info>span{font-size: .32rem;text-align: center;}
    .footer2 .info>p{font-size: .4rem;line-height: .56rem;margin-bottom: .4rem;text-align: center}
    .footer2 .media{margin: .4rem 0 .8rem;justify-content: center;}
    .footer2 .media>.img-div{width: .8rem;height: .8rem;margin-right: .25rem;}
    .footer2 .qr{top: calc(100% + .2rem);width: 2rem;height: 2rem}
    .footer2 ul{width: 100%;display: block}
    .footer2 li{margin-bottom: .4rem;position: relative;}
    .footer2 li::after{background: url(../images/arrow1-w.svg) no-repeat center center/100%;position: absolute;content:'';width: .35rem;height: .35rem;top: 0;right: 0;transition: .3s;}
    .footer2 li.active::after{transform: rotate(90deg);}
    .footer2 li>a{font-size: .32rem;margin-bottom: 0;display: inline-block;}
    .footer2 .child{display: none;padding: .2rem 0 0 .4rem;}
    .footer2 .child>a{line-height: .7rem;font-size: .28rem;}

    .footer3{padding: .4rem 0;display: block;}
    .footer3>p{line-height: .48rem;margin-bottom: .1rem;text-align: center;}
    .footer3 .info{font-size: .24rem;justify-content: center;}
    .footer3 .info>a{line-height: .48rem;}
    .footer3 .info>a:nth-of-type(1){background-size:.36rem;padding: 0 0 0 .5rem;}
    .footer3 .info>a:nth-of-type(1)::after{display: none;}

    .float{display: none;}

    .inner-banner .pc{display: none;}
    .inner-banner .m{display: block;}
    .inner-banner .img{padding-bottom: 58.59%;}
    .inner-banner .width{text-align: center;}
    .inner-banner .width>h1{font-size: .5rem;line-height: .7rem;margin-bottom: .2rem;}
    .inner-banner .width>p{font-size: .28rem;line-height: .48rem;}

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

@media (any-hover:hover){
    .header .child>a:hover{color:#10479c}
    .header li:hover>a::after{width: 100%;}
    .header.active li:hover>a{color:#10479c}

    .footer2 li>a:hover{opacity: .8;}
    .footer2 .child>a:hover{color:#fff}
    .footer3 .info>a:hover{color:#fff}
}

/* 首页 */
.index-page .more{border: 1px solid #333;border-radius: .3rem;padding-right: .4rem;display: inline-block;transition: .3s;position: relative;z-index: 30;}
.index-page .more>p{line-height: .58rem;font-size: .16rem;padding: 0 .45rem 0 .5rem;background: url(../images/arrow1.svg) no-repeat right center/.2rem;transition: .3s;}
.index-page .more.white{border-color:#fff}
.index-page .more.white>p{color:#fff;background-image: url(../images/arrow1-w.svg);}
.index-page h2{font-size: .48rem;line-height: .6rem;color: #000;}

.index-page .box1{max-height: 100vh;}
.index-page .box1 .m{display: none;}
.index-page .box1 .img{padding-bottom: 48.6%;}
.index-page .box1 .swiper-slide-active .img{transform:scale(1.1);animation:index-box1-img 2s linear forwards}
.index-page .box1 .width{position: absolute;top: 25%;left: 50%;transform: translateX(-50%);text-align: center;color:#fff;}
.index-page .box1 .width>h1{font-size: .6rem;line-height: .7rem;}
.index-page .box1 .width>p{font-size: .24rem;line-height: .34rem;margin: .15rem 0 .45rem;}
.index-page .box1 .swiper-slide.left .width{top: 35%;text-align: left;}
.index-page .box1 .swiper-pagination {bottom:.5rem;}
.index-page .box1 .swiper-pagination-bullet{position: relative;width: .06rem;height: .06rem;margin: 0 .25rem;background: #fff;opacity: 1;}
.index-page .box1 .swiper-pagination-bullet::after{content:'';width: .3rem;height: .3rem;border-radius: 50%;border:1px solid rgba(255,255,255,.3);position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%)}
.index-page .box1 .swiper-pagination svg{position: absolute;top: 50%;left: 50%;width: .3rem;height: .3rem;transform:translate(-50%,-50%) rotate(-90deg);border-radius:50%;}
.index-page .box1 .swiper-pagination circle{stroke-dasharray: 100;stroke-dashoffset: 100;cx: .15rem;cy: .15rem;r: .15rem;}
.index-page .box1 .swiper-pagination-bullet.active .circle{animation: 5s index-box1-svg linear;}
@keyframes index-box1-img {
    to{transform: scale(1)}
}
@keyframes index-box1-svg {
    to{stroke-dashoffset: 0;}
}

.index-page .box2{background: url(../images/2.jpg) no-repeat center top/100%;padding: 1rem 0 .7rem;}
.index-page .box2 .con{display: flex;align-items: center;justify-content: space-between;margin-bottom: .6rem;}
.index-page .box2 .infos{flex:1;position: relative;}
.index-page .box2 .infos>a{width: 1rem;height: 1rem;background: #fff url(../images/3.png) no-repeat center center/.26rem;border-radius: 50%;box-shadow: 0 0 .15rem rgba(0,0,0,.1);position: absolute;top: 50%;right: -.5rem;transform: translateY(-50%) scale(0);z-index: 2;transition: .3s;}
.index-page .box2 .infos>a.show{transform: translateY(-50%) scale(1)}
.index-page .box2 .info{width: 83%;}
.index-page .box2 .info>p:nth-of-type(1){font-size: .18rem;line-height: .28rem;color: #999;margin-bottom: .05rem;}
.index-page .box2 .info>p:nth-of-type(2){font-size: .18rem;line-height: .36rem;color: #666;margin: .25rem 0 .4rem;}
.index-page .box2 .num{display: flex;position: relative;}
.index-page .box2 .num::after{content:'';width: 100%;height: 1px;background: #eee;position: absolute;bottom: .15rem;left: 0;}
.index-page .box2 .num::before{content:'';width: 100%;height: 1px;background: #eee;position: absolute;bottom: .15rem;left: -100%;}
.index-page .box2 .item{margin-right: 1.2rem;text-align: center;position:relative;z-index: 2;}
.index-page .box2 .item:last-child{margin-right: 0;}
.index-page .box2 .item::after{content:'';position: absolute;bottom: .1rem;left: 50%;transform: translate(-50%);width: .1rem;height: .1rem;border: .02rem solid #10479c;border-radius: 50%;background: #fff;}
.index-page .box2 .item>p:nth-of-type(1){display: flex;align-items: flex-end;color:#10479c;font-size: .6rem;}
.index-page .box2 .item>p:nth-of-type(1)>span:nth-of-type(2){font-size: .18rem;margin-bottom: .12rem;}
.index-page .box2 .item>p:nth-of-type(2){font-size: .18rem;color:#666}
.index-page .box2 .item .img-div{width: .3rem;height: .3rem;border-radius: 50%;background: #10479c;margin: .25rem auto 0;transform: scale(0);transition: .3s;position: relative;z-index: 2;}
.index-page .box2 .item.active .img-div{transform: scale(1);}
.index-page .box2 .item .img-div>img{max-width: 50%;max-height: 50%;}
.index-page .box2 .img-bg{width: 37.5%;border-radius: .2rem}
.index-page .box2 .img{padding-bottom: 106.66%;}
.index-page .box2 .img-bg>a{display: none;}
.index-page .box2 ul{display: flex;flex-wrap: wrap;}
.index-page .box2 li{width: calc(100% / 3 - .32rem);margin-right: .48rem;margin-bottom: .48rem;border: 1px #eee solid;border-radius: .2rem;padding: .35rem 5% .35rem .5rem;transition: .3s;overflow: hidden;position: relative;}
.index-page .box2 li::after{content:'';width: 40%;background: url(../images/4.png) no-repeat center top/100%;top: 15%;left: 55%;position: absolute;height: 100%;transition: .3s;transform: scale(0);}
.index-page .box2 li:nth-child(3n){margin-right: 0;}
.index-page .box2 li .img-div{width: .46rem;height: .46rem;}
.index-page .box2 li>h3{font-size: .24rem;line-height: .34rem;margin: .15rem 0 .1rem;}
.index-page .box2 li>p{font-size: .18rem;line-height: .3rem;color:#666}

.index-page .box3{background: linear-gradient(to bottom,#fff,#f5f5f5);padding-bottom: .75rem;}
.index-page .box3 .con{position: relative;margin-top: .5rem;}
.index-page .box3 .map{position: relative;max-width: 13.26rem;margin: 0 auto;}
.index-page .box3 .img-div{max-width: 100%}
.index-page .box3 ul{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.index-page .box3 li{position: absolute;cursor: pointer;}
.index-page .box3 li>div{position: absolute;left: 50%;transform: translateX(-50%);font-size: .16rem;width: max-content;background: #E53031;color: #fff;border-radius: .05rem;padding: .12rem .18rem;display: none;top: -.6rem;}
.index-page .box3 li>div::after{content:'';position: absolute;bottom: -.05rem;left: 50%;transform: translateX(-50%) rotate(45deg);width: .15rem;height: .15rem;background: #E53031;}
.index-page .box3 .li1{background: url(../images/8.png) no-repeat center center/100%;width: .18rem;height: .18rem}
.index-page .box3 .li1:first-child{width: .26rem;height: .26rem;}
.index-page .box3 .li1>p{position: absolute;top: .3rem;left: 50%;transform: translateX(-50%);font-size: .16rem;width: max-content;}
.index-page .box3 .li2{background: #10479c;width: .08rem;height: .08rem;border-radius: 50%}
.index-page .box3 .li2::after{content:'';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;border-radius: 50%;background: #10479c;animation: index-box3 1s infinite}
.index-page .box3 .li2:nth-child(2n)::after{animation-delay: .3s;}
@keyframes index-box3 {
    to{transform: translate(-50%,-50%) scale(2.25);opacity: 0;}
}
.index-page .box3 .li2>div{top: -.65rem;background: #10479c;}
.index-page .box3 .li2>div::after{background: #10479c;}
.index-page .box3 .cate{position: absolute;left: 0;bottom: 15%;display: flex;}
.index-page .box3 .cate>p{font-size: .16rem;}
.index-page .box3 .cate>p:nth-of-type(1){background: url(../images/8.png) no-repeat left center/.18rem;padding-left: .3rem;margin-right: .5rem;}
.index-page .box3 .cate>p:nth-of-type(2){position: relative;padding-left: .35rem;}
.index-page .box3 .cate>p:nth-of-type(2)::before{content:'';position: absolute;top: 50%;left: .06rem;width: .08rem;height: .08rem;border-radius: 50%;background: #10479c;transform: translateY(-50%);}
.index-page .box3 .cate>p:nth-of-type(2)::after{content:'';position: absolute;top: 50%;left: 0;width: .2rem;height: .2rem;border-radius: 50%;background: #10479c;transform: translateY(-50%);opacity: .2;}
.index-page .box3 .m{display: none;}

.index-page .box4{padding: 1.1rem 0 1rem;}
.index-page .box4 .swiper-container{margin-top: .45rem;border-radius: .2rem;}
.index-page .box4 .swiper-slide{width: calc((100% - 7rem) / 3) !important;transition: .3s;margin-right: .2rem;height: 6rem;}
.index-page .box4 .swiper-slide.active{width: 6.4rem !important;}
.index-page .box4 .swiper-slide:last-child{margin-right: 0;}
.index-page .box4 .img{border-radius: .2rem;}
.index-page .box4 .info{position: absolute;width: 100%;top: 0;left: 0;color:#fff;padding: .45rem .3rem}
.index-page .box4 .info>h3{font-size: .2rem;line-height: .3rem;margin-bottom: .15rem;}
.index-page .box4 .info>p{line-height: .28rem;}
.index-page .box4 .swiper-slide.active  .info{padding: .45rem .5rem;}
.index-page .box4 .swiper-slide.active .info>h3{font-size: .24rem;line-height: .34rem;}
.index-page .box4 .swiper-slide.active .info>p{line-height: .3rem;font-size: .16rem;}
.index-page .box4 .swiper-pagination{position: static;width: 100%;margin-top: .5rem;height: .05rem;background: #eee;}
.index-page .box4 .swiper-pagination-progressbar{background: #10479c;}

.index-page .box5{position: relative;z-index: 200;background: #fff;}
.index-page .box5 .pc>.img{opacity: 0;padding-bottom: 48.6%;}
.index-page .box5 .pc .tits{position: absolute;top: 20%;left: 50%;transform: translateX(-50%);z-index: 3}
.index-page .box5 .pc .tit{width: 50%;position: absolute;top: 0;left: 0;}
.index-page .box5 .pc .tit>h2{color:#fff;margin-bottom: 4%;}
.index-page .box5 .pc .cate{display: flex;}
.index-page .box5 .pc .cate>a{line-height: .48rem;border: 1px #fff solid;border-radius: .05rem;font-size: .18rem;padding: 0 .2rem;margin-right: .1rem;color:#fff;transition: .3s;}
.index-page .box5 .pc .cate>a:last-child{margin-right: 0;}
.index-page .box5 .pc .cate>a.active{border-color: #10479c;background: #10479c;}
.index-page .box5 .pc .con{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .3s;}
.index-page .box5 .pc .con.active{opacity: 1;z-index: 2;}
.index-page .box5 .pc .imgs{position: relative;height: 100%;}
.index-page .box5 .pc .con .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .3s}
.index-page .box5 .pc .con .img.active{opacity: 1;z-index: 2;}
.index-page .box5 .pc .infos{position: absolute;bottom: 50%;left: 50%;transform: translateX(-50%);z-index: 3;}
.index-page .box5 .pc .info{position: absolute;top: 0;left: 0;width: 60%;height: 100%;opacity: 0;transition: .3s;color:#fff;}
.index-page .box5 .pc .info.active{opacity: 1;z-index: 2;}
.index-page .box5 .pc .info>h3{font-size: .36rem;}
.index-page .box5 .pc .info>p{font-size: .18rem;line-height: .3rem;margin: .2rem 0 .5rem;max-width: 6rem;}
.index-page .box5 .pc .more{background: #10479c;border-color: #10479c;}
.index-page .box5 .pc .more>p{color:#fff;background-image: url(../images/arrow1-w.svg);}
.index-page .box5 .pc .tab{width: 25%;position: absolute;height: 100%;position: absolute;top:0;right: 0;z-index: 2;}
.index-page .box5 .pc .tab::after{content:'';width: calc(100% - .8rem);height: 100%;position: absolute;top: 0;right: 0;background: rgba(0,0,0,.2);}
.index-page .box5 .pc .swiper-container{width: 100%;height: 76%;position: absolute;top:12%;right: 0;z-index: 2;padding-left: .8rem;}
.index-page .box5 .pc .swiper-slide{display: flex;align-items: center;justify-content: center;transition: transform .3s;}
.index-page .box5 .pc .swiper-slide.active{background: #10479c;transform: translateX(-.8rem);}
.index-page .box5 .pc .swiper-slide>a{color:#fff;padding: 0 .3rem;font-size: .18rem;}
.index-page .box5 .pc .arrow{width: calc(100% - .8rem);height: .3rem;background: url(../images/arrow-w.svg) no-repeat center center/.3rem;position: absolute;bottom: 7%;right:0;cursor: pointer;z-index: 2;}
.index-page .box5 .pc .prev{top: 7%;bottom:auto;transform: rotate(180deg);}
.index-page .box5 .m{display: none;}

.index-page .box6{padding: 1.1rem 0 1.2rem;}
.index-page .box6 .tit{display: flex;align-items: center;margin-bottom: .45rem;}
.index-page .box6 .tit>h2{flex:1;padding-right: 1rem;}
.index-page .box6 .con{display: flex;justify-content: space-between;}
.index-page .box6 .tag{line-height: .33rem;border: 1px solid rgba(0,56,147,.1);color:#10479c;border-radius: .2rem;display: inline-block;padding: 0 .2rem;}
.index-page .box6 ul{width: 65.62%;display: flex;}
.index-page .box6 li{width: calc(50% - .25rem);position: relative;}
.index-page .box6 li:first-child{margin-right: .5rem;}
.index-page .box6 .img-bg{border-radius: .2rem;margin-bottom: .4rem;}
.index-page .box6 .img{padding-bottom: 61.76%;}
.index-page .box6 .info{border-left: 1px solid #eee;padding-left: .35rem;}
.index-page .box6 .info>h3{font-size: .22rem;line-height: .32rem;color:#000;margin: .25rem 0 .2rem;}
.index-page .box6 .info>p{font-size: .16rem;line-height: .26rem;color:#666;margin-bottom: .3rem;}
.index-page .box6 .info .more{border: 0;padding-right: .25rem;}
.index-page .box6 .info .more>p{line-height: .5rem;padding: 0 .3rem 0 0}
.index-page .box6 .items{width: 31.25%;background: #f8f8f8;border-radius: .2rem;padding: .4rem .5rem 0;}
.index-page .box6 .item{border-bottom:1px solid #e5e5e5;padding: .35rem 0 .3rem;position: relative;}
.index-page .box6 .item:last-child{border-bottom: 0;}
.index-page .box6 .item>h3{font-size: .22rem;line-height: .32rem;color:#000;margin-bottom: .15rem;}
.index-page .box6 .item>p{font-size: .16rem;color: #999;}
.index-page .box6 .m{display: none;}

@media (max-width:1024px){
    .index-page .more{border-radius: .6rem;}
    .index-page .more>p{line-height: .8rem;font-size: .28rem;padding: 0 .45rem 0 .55rem;background-size:.3rem}
    .index-page h2{font-size: .44rem;line-height: .64rem;}

    .index-page .box1 .pc{display: none;}
    .index-page .box1 .m{display: block;}
    .index-page .box1 .img{padding-bottom: 120%;}
    .index-page .box1 .width{top: 25%;}
    .index-page .box1 .width>h1{font-size: .5rem;}
    .index-page .box1 .width>p{font-size: .28rem;line-height: .48rem;margin: .3rem 0 .5rem;}
    .index-page .box1 .swiper-slide.left .width{top: 25%;text-align: center;}
    .index-page .box1 .swiper-pagination {bottom:.4rem;}
    .index-page .box1 .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 20px;}
    .index-page .box1 .swiper-pagination-bullet::after{width: 30px;height: 30px;}
    .index-page .box1 .swiper-pagination svg{width: 30px;height: 30px;}
    .index-page .box1 .swiper-pagination circle{cx: 15px;cy: 15px;r: 15px;}

    .index-page .box2{background-size:200%;padding: 1rem 0 .6rem;}
    .index-page .box2 .con{display: block;margin-bottom: .6rem;}
    .index-page .box2 .infos>a{display: none;}
    .index-page .box2 .info{width: 100%;margin-bottom: .6rem;}
    .index-page .box2 .info>p:nth-of-type(1){font-size: .32rem;line-height: .52rem;}
    .index-page .box2 .info>p:nth-of-type(2){font-size: .28rem;line-height: .56rem;}
    .index-page .box2 .num::after{bottom: .3rem;}
    .index-page .box2 .num::before{display: none;}
    .index-page .box2 .item{margin-right: .21rem;width: calc(100% / 3 - .14rem);}
    .index-page .box2 .item::after{bottom: .22rem;width: .18rem;height: .18rem;border-width: .04rem;}
    .index-page .box2 .item>p:nth-of-type(1){font-size: .8rem;justify-content: center;margin-bottom: .1rem;}
    .index-page .box2 .item>p:nth-of-type(1)>span:nth-of-type(1){width: auto !important;}
    .index-page .box2 .item>p:nth-of-type(1)>span:nth-of-type(2){font-size: .28rem;margin: 0 0 .18rem .15rem;}
    .index-page .box2 .item>p:nth-of-type(2){font-size: .28rem;line-height: .44rem;}
    .index-page .box2 .item .img-div{width: .6rem;height: .6rem;}
    .index-page .box2 .img-bg{width: 100%;position: relative;}
    .index-page .box2 .img-bg>a{display: block;width: 1.2rem;height: 1.2rem;background: #fff url(../images/3.png) no-repeat center center/.3rem;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);transition: .3s;}
    .index-page .box2 .img-bg>a.show{transform: translate(-50%,-50%) scale(1)}
    .index-page .box2 ul{display: block;}
    .index-page .box2 li{width: 100%;margin-right: 0;margin-bottom: .6rem;padding: .6rem .4rem;text-align: center;}
    .index-page .box2 li .img-div{width: .8rem;height: .8rem;margin: 0 auto;}
    .index-page .box2 li>h3{font-size: .36rem;line-height: .56rem;margin: .3rem 0 .15rem;}
    .index-page .box2 li>p{font-size: .28rem;line-height: .48rem}

    .index-page .box3{padding-bottom: 1rem;}
    .index-page .box3 .con{overflow-x: auto;margin: .4rem 0;}
    .index-page .box3 .map{max-width: 15rem;width: 15rem}
    .index-page .box3 .img-div{max-width: 15rem;width: 15rem}
    .index-page .box3 li>div{font-size: .28rem;padding: .15rem .3rem;top: -.9rem;}
    .index-page .box3 li>div::after{bottom: -.08rem;width: .2rem;height: .2rem}
    .index-page .box3 .li1{width: .28rem;height: .28rem}
    .index-page .box3 .li1:first-child{width: .38rem;height: .38rem;}
    .index-page .box3 .li1>p{top: .48rem;font-size: .28rem}
    .index-page .box3 .li2{width: .16rem;height: .16rem}
    .index-page .box3 .li2>div{top: -1rem;}
    .index-page .box3 .cate{position: static;}
    .index-page .box3 .cate>p{font-size: .32rem;}
    .index-page .box3 .cate>p:nth-of-type(1){background-size:.28rem;padding-left: .45rem;}
    .index-page .box3 .cate>p:nth-of-type(2){padding-left: .55rem;}
    .index-page .box3 .cate>p:nth-of-type(2)::before{left: .1rem;width: .12rem;height: .12rem}
    .index-page .box3 .cate>p:nth-of-type(2)::after{width: .32rem;height: .32rem}
    .index-page .box3 .con .cate{display: none}
    .index-page .box3 .m{display: flex;justify-content: center;}

    .index-page .box4{padding: 1rem 0;}
    .index-page .box4 .swiper-container{margin-top: .6rem;}
    .index-page .box4 .swiper-slide{width: 100% !important;margin-right: 0;height: auto;}
    .index-page .box4 .swiper-slide.active{width: 100% !important;}
    .index-page .box4 .img{padding-bottom: 93.75%;}
    .index-page .box4 .info{padding: 1rem .4rem;text-align: center;}
    .index-page .box4 .info>h3{font-size: .34rem;line-height: .54rem;}
    .index-page .box4 .info>p{line-height: .48rem;}
    .index-page .box4 .swiper-slide.active  .info{padding: 1rem .4rem;}
    .index-page .box4 .swiper-slide.active .info>h3{font-size: .34rem;line-height: .54rem;}
    .index-page .box4 .swiper-slide.active .info>p{line-height: .48rem;font-size: .28rem;}
    .index-page .box4 .swiper-pagination{margin-top: .4rem;}

    .index-page .box5{position: relative;z-index: 200;background: #fff;}
    .index-page .box5 .pc{display: none;}
    .index-page .box5 .m{display: block;}
    .index-page .box5 .m>h2{text-align: center;}
    .index-page .box5 .m .cate{display: flex;overflow-x: auto;white-space: nowrap;margin: .4rem auto .6rem;}
    .index-page .box5 .m .cate>p{line-height: .7rem;border: 1px #ddd solid;border-radius: .1rem;font-size: .28rem;padding: 0 .4rem;margin-right: .2rem;}
    .index-page .box5 .m .cate>p:last-child{margin-right: 0;}
    .index-page .box5 .m .cate>p.active{border-color: #10479c;background: #10479c;color:#fff}
    .index-page .box5 .m .con{position: relative;}
    .index-page .box5 .m .con>.img{padding-bottom: 100%;opacity: 0;}
    .index-page .box5 .m .swiper-container{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .3s;}
    .index-page .box5 .m .swiper-container.show{opacity: 1;z-index: 2;}
    .index-page .box5 .m .info{position: absolute;top: 25%;left: 50%;width: calc(100% - .8rem);transform: translateX(-50%);color:#fff;text-align: center;}
    .index-page .box5 .m .info>h3{font-size: .4rem;}
    .index-page .box5 .m .info>p{font-size: .28rem;line-height: .48rem;margin: .2rem 0 .4rem;}
    .index-page .box5 .m .more{background: #10479c;border-color: #10479c;}
    .index-page .box5 .m .more>p{color:#fff;background-image: url(../images/arrow1-w.svg);}
    .index-page .box5 .m .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .index-page .box5 .m .swiper-pagination-bullet-active{background: #10479c;}

    .index-page .box6{padding: 1rem 0;}
    .index-page .box6 .tit{display: block;margin-bottom: .6rem;}
    .index-page .box6 .tit>h2{padding-right: 0;text-align: center;}
    .index-page .box6 .tit .more{display: none;}
    .index-page .box6 .con{display: block}
    .index-page .box6 .tag{line-height: .6rem;border-radius: .6rem;padding: 0 .4rem;}
    .index-page .box6 ul{width: 100%;display: block;}
    .index-page .box6 li{width: 100%;margin-bottom: .6rem;}
    .index-page .box6 li:first-child{margin-right: 0;}
    .index-page .box6 .info{padding-left: 0;border-left: 0;}
    .index-page .box6 .info>h3{font-size: .32rem;line-height: .52rem;}
    .index-page .box6 .info>p{font-size: .28rem;line-height: .48rem;}
    .index-page .box6 .info .more>p{padding: 0 .5rem 0 0}
    .index-page .box6 .items{width: 100%;padding: .6rem .4rem .2rem;}
    .index-page .box6 .item{padding: .4rem 0;}
    .index-page .box6 .item>h3{font-size: .32rem;line-height: .52rem;margin-bottom: .15rem;}
    .index-page .box6 .item>p{font-size: .28rem;}
    .index-page .box6 .m{display: block;text-align: center;margin-top: .6rem;}
}

@media (max-width:480px){
    .index-page .box1 .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 15px;}
    .index-page .box1 .swiper-pagination-bullet::after{width: 22px;height: 22px;}
    .index-page .box1 .swiper-pagination svg{width: 22px;height: 22px;}
    .index-page .box1 .swiper-pagination circle{cx: 11px;cy: 11px;r: 11px;}
}

@media (any-hover:hover){
    .index-page .more:hover{background: #10479c;border-color: #10479c;}
    .index-page .more:hover>p{color:#fff;background-image: url(../images/arrow1-w.svg);transform: translateX(.05rem);}

    .index-page .box2 .infos>a:hover{background-color: #10479c;background-image: url(../images/3-w.png);}
    .index-page .box2 li:hover{background: #10479c;border-color: #10479c;}
    .index-page .box2 li:hover::after{transform: scale(1);}
    .index-page .box2 li:hover .img-div{filter: brightness(0%) invert(100%);}
    .index-page .box2 li:hover>h3{color:#fff;}
    .index-page .box2 li:hover>p{color:#fff}

    .index-page .box6 li:hover .img{transform: scale(1.1);}
    .index-page .box6 li:hover .info>h3{color:#10479c}
    .index-page .box6 li:hover .info .more{background: #10479c;}
    .index-page .box6 li:hover .info .more>p{color: #fff;background-image: url(../images/arrow1-w.svg);padding: 0 .3rem;}
    .index-page .box6 .item:hover>h3{color:#10479c}
}

/* 关于 */
.about-page h2{font-size: .48rem;line-height: .6rem;color: #000;}

.about-page .box1{padding: 1rem 0 .85rem;}
.about-page .box1 .width{display: flex;}
.about-page .box1 .info{width: 3rem;}
.about-page .box1 ul{margin-top: .45rem;}
.about-page .box1 li{border-bottom: 1px solid #e5e5e5;display: flex;align-items: center;padding:.2rem 0 .35rem}
.about-page .box1 li:last-child{border-bottom: 0;}
.about-page .box1 .img-div{width: .7rem;height: .7rem;border-radius: 50%;background: #10479c;}
.about-page .box1 .img-div>img{max-width: 50%;max-height: 50%;}
.about-page .box1 .txt{flex:1;padding-left: .3rem;}
.about-page .box1 .txt>p:nth-of-type(1){display: flex;align-items: flex-end;color:#10479c;font-size: .6rem;}
.about-page .box1 .txt>p:nth-of-type(1)>span:nth-of-type(2){font-size: .18rem;margin-bottom: .12rem;}
.about-page .box1 .txt>p:nth-of-type(2){font-size: .18rem;color:#666}
.about-page .box1 .con{flex:1;padding-left: 9%;}
.about-page .box1 .con>p:nth-of-type(1){font-size: .36rem;line-height: .46rem;color:#000;border-bottom: 1px solid #e5e5e5;padding-bottom: .25rem;}
.about-page .box1 .con>p:nth-of-type(2){font-size: .18rem;line-height: .36rem;color:#666;margin: .2rem 0 .45rem;}
.about-page .box1 .con>img{max-width: 100%;transition: .5s;transform: scale(0);}
.about-page .box1 .con>img.show{transform: scale(1);}

.about-page .box2{position: relative;}
.about-page .box2 .m{display: none;}
.about-page .box2 .pc{padding-bottom: 46.87%;background-attachment: fixed;}
.about-page .box2 ul{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;z-index: 2;}
.about-page .box2 li{flex:1;}
.about-page .box2 .item{height: 50%;display: flex;flex-direction: column;justify-content: flex-end;color:#fff;padding: 0 10% 6.5% 7.5%;}
.about-page .box2 li:first-child .item{height: 100%;border-right: 1px solid rgba(255,255,255,.2);padding: 0 10% 6.5% 10%;}
.about-page .box2 li:nth-of-type(2) .item:first-child{border-bottom: 1px solid rgba(255,255,255,.2);}
.about-page .box2 .img-div{width: .46rem;height: .46rem;}
.about-page .box2 .item>h3{font-size: .24rem;line-height: .34rem;margin: .25rem 0 .15rem;}
.about-page .box2 .item>p{font-size: .3rem;line-height: .48rem}

.about-page .box3{padding-top: .9rem;}
.about-page .box3 .tit{display: flex;justify-content: space-between;margin-bottom: .8rem;}
.about-page .box3 .tit>h2{width: 29%;}
.about-page .box3 .tit>p{width: 62.14%;font-size: .18rem;line-height: .3rem;color: #666;}
.about-page .box3 .con{display: flex;justify-content: space-between;}
.about-page .box3 .myscroll{width: 37.86%;max-height: 4.95rem;}
.about-page .box3 ul{padding-right: .5rem;}
.about-page .box3 li{font-size: .2rem;line-height: .3rem;border-bottom: 1px solid #e5e5e5;padding: .35rem .5rem .35rem 0;position: relative;cursor: pointer;transition: .3s;}
.about-page .box3 li:first-child{padding-top: 0;}
.about-page .box3 li.active{color:#10479c;border-color: #10479c;}
.about-page .box3 li::after{content:'';width: .3rem;height: .3rem;background: #10479c url(../images/arrow1-w.svg) no-repeat center center/.2rem;border-radius: 50%;position: absolute;right: 0;top: 50%;transform: translate(-.5rem,-50%);opacity: 0;transition: .3s;}
.about-page .box3 li:first-child::after{top: calc(50% - .18rem);}
.about-page .box3 li.active::after{transform: translate(0,-50%);opacity: 1}
.about-page .box3 .swiper-container{width: 57.14%;position: relative;margin: 0;}
.about-page .box3 .swiper-slide{opacity: 0 !important;}
.about-page .box3 .swiper-slide-active{opacity: 1 !important;}
.about-page .box3 .img-div{border-radius: .2rem;margin-bottom: .25rem;height: 4.3rem;}
.about-page .box3 .swiper-slide>h3{font-size: .2rem;line-height: .3rem;text-align: center;}

.about-page .box4{padding: .9rem 0 .8rem;}
.about-page .box4 ul{margin-top: .35rem;}
.about-page .box4 li{border: 1px #eee solid;border-radius: .1rem;margin-bottom: .2rem;position: relative;}
.about-page .box4 li::after{content:'';position: absolute;top: .32rem;right: 4.5%;width: .22rem;height: .22rem;background: url(../images/arrow.svg) no-repeat center center/100%;transition: .3s;}
.about-page .box4 .tit{display: flex;cursor: pointer;transition: .3s;padding: .28rem 8% .28rem .5rem;border-radius: .1rem .1rem 0 0;}
.about-page .box4 .tit>h3{font-size: .2rem;line-height: .3rem;padding-left: .35rem;position: relative;flex:1}
.about-page .box4 .tit>h3::before{content:'';width: .04rem;height: .2rem;background: #10479c;border-radius: .02rem;position: absolute;left: 0;top: .05rem;transition: .3s;}
.about-page .box4 .tit>p{font-size: .18rem;line-height: .3rem;width: 18%;text-align: center;padding: 0 .2rem;}
.about-page .box4 .content{display: none;padding: .45rem 8% .7rem .85rem;}
.about-page .box4 .content p{font-size: .18rem;line-height: .4rem;color: #666;}
.about-page .box4 .email{background: url(../images/11.png) no-repeat left center/.23rem;padding-left: .35rem;font-size: .18rem;color:#10479c;margin-top: .35rem;}
.about-page .box4 li.active::after{background-image: url(../images/arrow-w.svg);transform: rotate(180deg);}
.about-page .box4 li.active .tit{color:#fff;background: #10479c;}
.about-page .box4 li.active .tit>h3::before{background: #fff;}
.about-page .box4 .attr{display: none;}

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

    .about-page .box1{padding: 1rem 0;}
    .about-page .box1 .width{display: block;}
    .about-page .box1 .info{width: 100%;}
    .about-page .box1 ul{margin: .6rem 0;display: flex;}
    .about-page .box1 li{display: block;padding: 0;border-bottom: 0;width: calc(100% / 3 - .14rem);margin-right: .21rem;}
    .about-page .box1 li:last-child{margin-right: 0;}
    .about-page .box1 .img-div{width: .8rem;height: .8rem;margin: 0 auto;}
    .about-page .box1 .txt{padding: .1rem 0 0;}
    .about-page .box1 .txt>p:nth-of-type(1){justify-content: center;font-size: .8rem;margin-bottom: .1rem;}
    .about-page .box1 .txt>p:nth-of-type(1)>span:nth-of-type(1){width: auto !important;}
    .about-page .box1 .txt>p:nth-of-type(1)>span:nth-of-type(2){font-size: .28rem;margin: 0 0 .18rem .15rem;}
    .about-page .box1 .txt>p:nth-of-type(2){font-size: .28rem;line-height: .44rem;text-align: center;}
    .about-page .box1 .con{padding-left: 0;}
    .about-page .box1 .con>p:nth-of-type(1){line-height: .56rem;}
    .about-page .box1 .con>p:nth-of-type(2){font-size: .28rem;line-height: .56rem;margin: .3rem 0;}

    .about-page .box2 .pc{display: none;}
    .about-page .box2 .m{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-attachment: fixed;}
    .about-page .box2 ul{position: relative;display: block;}
    .about-page .box2 .item{height: auto;display: block;padding: 1rem .4rem;text-align: center;}
    .about-page .box2 li:first-child .item{height: auto;border-bottom: 1px solid rgba(255,255,255,.2);border-right:0;padding: 1rem .4rem;}
    .about-page .box2 .img-div{width: .76rem;height: .76rem;margin: 0 auto;}
    .about-page .box2 .item>h3{font-size: .32rem;line-height: .52rem;margin: .4rem 0 .2rem;}
    .about-page .box2 .item>p{font-size: .36rem;line-height: .64rem}

    .about-page .box3{padding-top: 1rem;}
    .about-page .box3 .tit{display: block;margin-bottom: .6rem;}
    .about-page .box3 .tit>h2{width: 100%;margin-bottom: .2rem;}
    .about-page .box3 .tit>p{width: 100%;font-size: .28rem;line-height: .48rem;text-align: center;}
    .about-page .box3 .con{display: block;}
    .about-page .box3 .myscroll{display: none;}
    .about-page .box3 .swiper-container{width: 100%;}
    .about-page .box3 .swiper-slide{opacity: 1 !important;}
    .about-page .box3 .swiper-slide>h3{font-size: .32rem;line-height: .52rem;text-align: center;}
    .about-page .box3 .swiper-pagination{position: static;width: auto;margin-top: .6rem;}
    .about-page .box3 .swiper-pagination-bullet-active{background: #10479c;}

    .about-page .box4{padding: 1rem 0 .6rem;}
    .about-page .box4 li{margin-bottom: .4rem;}
    .about-page .box4 li::after{top: .3rem;right: .4rem;width: .3rem;height: .3rem;}
    .about-page .box4 .tit{display: block;padding: .2rem .8rem .2rem .4rem;}
    .about-page .box4 .tit>h3{font-size: .32rem;line-height: .52rem;padding-left: .25rem;}
    .about-page .box4 .tit>h3::before{height: .3rem;top: .1rem;}
    .about-page .box4 .tit>p{display: none;}
    .about-page .box4 .content{padding: .6rem .4rem;}
    .about-page .box4 .content p{font-size: .28rem;line-height: .56rem}
    .about-page .box4 .email{background-size:.35rem;padding-left: .5rem;font-size: .28rem;}
    .about-page .box4 .attr{display: block;border-bottom: 1px #ddd solid;padding-bottom: .3rem;margin-bottom: .3rem;}
}

@media (any-hover:hover){
    .about-page .box3 li:hover{color:#10479c;}
}

/* 产品 */
.product-page.list{padding: .9rem 0 .65rem;display: flex;flex-wrap: wrap;}
.product-page.list li{width: calc(50% - .2rem);margin-bottom: .4rem;position: relative;border-radius: .2rem;}
.product-page.list li:nth-child(2n+1){margin-right: .4rem;}
.product-page.list .img{padding-bottom: 52.2%;}
.product-page.list .info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);display: flex;flex-direction: column;align-items: center;justify-content: center;color:#fff;text-align: center;padding: 0 .5rem;transition: .8s;}
.product-page.list .info>h2{font-size: .24rem;line-height: .34rem;}
.product-page.list .note{display: none;margin: .3rem 0 .15rem;}
.product-page.list .note>p{font-size: .16rem;line-height: .3rem;max-width: 4.4rem;}
.product-page.list .info>p{width: .35rem;height: .35rem;border: 1px #fff solid;border-radius: 50%;background: url(../images/arrow1-w.svg) no-repeat center center/.2rem;display: none;}

.product-page.detail h2{font-size: .48rem;line-height: .58rem;position: relative;padding-left: .25rem;}
.product-page.detail h2::before{background: #10479c;position: absolute;top: .08rem;left: 0;width: .04rem;height: .43rem;content:''}

.product-page.detail .box1{display: flex;align-items: center;padding: 1rem 0;}
.product-page.detail .box1 .img-bg{width: 50%;border-radius: .2rem;position: relative;cursor: pointer;}
.product-page.detail .box1 .img{padding-bottom: 71.42%;}
.product-page.detail .box1 .btn{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);}
.product-page.detail .box1 .btn>p{width: .48rem;height: .48rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.product-page.detail .box1 .btn>p::before{content:'';width: 100%;height: 100%;background: url(../images/12.png) no-repeat center center/100%;position: absolute;top: 0;left:0;z-index: 2;}
.product-page.detail .box1 .btn>p::after{content:'';width: 100%;height: 100%;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;animation: product-box1 1s linear infinite;}
.product-page.detail .box1 .con{flex:1;padding-left: 5%;}
.product-page.detail .box1 .con>h2{margin-bottom: .25rem;padding-left: 0;}
.product-page.detail .box1 .con>h2::before{display: none;}
.product-page.detail .box1 .con>p{font-size: .18rem;line-height: .32rem;color: #666;max-height: 2.56rem;padding-right: .2rem;}
.product-page.detail .box1 .myscroll::-webkit-scrollbar{width:.02rem;height:.02rem;}
@keyframes product-box1 {
    to{transform: translate(-50%,-50%) scale(1.5);opacity: 0;}
}

.product-page.detail .box2{background: #08090d;padding: .9rem 0 1rem;}
.product-page.detail .box2 .width>h2{color:#fff;margin-bottom: .35rem;}
.product-page.detail .box2 .width>h2::before{background: #fff;}

.product-page.detail .box3{padding-top: .9rem;}
.product-page.detail .box3 .content{margin-top: .5rem;}
.product-page.detail .box3 .content table{min-width: 100%;width:max-content;border-collapse: collapse;border: .02rem #E9E8E6 solid;}
.product-page.detail .box3 .content td{text-align: center;font-size: .24rem;line-height: .34rem;padding: .1rem .2rem !important;border: .02rem #E9E8E6 solid !important;color:#000;}

.product-page.detail .box4{padding-top: 1.1rem;}
.product-page.detail .box4>h2{margin-bottom: .3rem;}

.product-page.detail .box5{padding: .9rem 0 1.1rem;}
.product-page.detail .box5 .con{display: flex;color:#000;margin-top: .5rem;}
.product-page.detail .box5 .info{width: 44.65%;}
.product-page.detail .box5 .img-div{margin-top:.3rem;transform: scale(0);transition: .5s;}
.product-page.detail .box5 .img-div.show{transform: scale(1);}
.product-page.detail .box5 ul{flex:1;position: relative;padding-left: 5%;margin-left: 5%;}
.product-page.detail .box5 ul::before{content:'';width: 1px;height: .65rem;background: #000;position: absolute;top: .45rem;left: 0;}
.product-page.detail .box5 li{font-size: .3rem;line-height: .48rem;display: flex;margin-bottom: .2rem;}
.product-page.detail .box5 li>p:nth-of-type(1){width: .9rem;}
.product-page.detail .box5 li>p:nth-of-type(2){flex: 1;}

@media (max-width:1024px){
    .product-page.list{padding: 1rem 0 .4rem;display: block}
    .product-page.list li{width: 100%;margin-bottom: .6rem;}
    .product-page.list li:nth-child(2n+1){margin-right: 0;}
    .product-page.list .img{padding-bottom: 80%;}
    .product-page.list .info{padding: 0 .4rem;}
    .product-page.list .info>h2{font-size: .36rem;line-height: .56rem;}
    .product-page.list .note{display: block;margin: .2rem 0 .4rem;}
    .product-page.list .note>p{font-size: .28rem;line-height: .48rem;max-width: 100%;}
    .product-page.list .info>p{width: .6rem;height: .6rem;background: url(../images/arrow1-w.svg) no-repeat center center/.3rem;display: block;}

    .product-page.detail h2{font-size: .44rem;line-height: .64rem;padding-left: .25rem;}
    .product-page.detail h2::before{top: .11rem;height: .4rem}

    .product-page.detail .box1{display: block;padding: 1rem 0;}
    .product-page.detail .box1 .img-bg{width: 100%;}
    .product-page.detail .box1 .btn>p{width: .7rem;height: .7rem;}
    .product-page.detail .box1 .con{padding: .6rem 0 0;}
    .product-page.detail .box1 .con>h2{margin-bottom: .25rem;text-align: center;}
    .product-page.detail .box1 .con>p{font-size: .28rem;line-height: .56rem;max-height: 1000rem;padding-right: 0;}

    .product-page.detail .box2{padding: 1rem 0;}
    .product-page.detail .box2 .width>h2{margin-bottom: .5rem;}

    .product-page.detail .box3{padding-top: 1rem;}
    .product-page.detail .box3 .content td{font-size: .28rem;line-height: .44rem;padding: .2rem .4rem !important;white-space: nowrap;}

    .product-page.detail .box4{padding-top: 1rem;}
    .product-page.detail .box4>h2{margin-bottom: .4rem;}

    .product-page.detail .box5{padding: 1rem 0 .8rem;}
    .product-page.detail .box5 .con{display: block;}
    .product-page.detail .box5 .info{width: 100%;}
    .product-page.detail .box5 .img-div{margin-top:.6rem;}
    .product-page.detail .box5 ul{padding: .6rem 0 0;margin-left: 0;}
    .product-page.detail .box5 ul::before{display: none;}
    .product-page.detail .box5 li{font-size: .28rem;}
}

@media (any-hover:hover){
    .product-page.list li:hover .info{padding-top: 5%;}
}

/* 案例 */
.cases-page.list{padding: 1rem 0 .6rem;}
.cases-page.list .cate{display: flex;justify-content: center;margin-bottom: .6rem;}
.cases-page.list .cate>a{min-width: 1.1rem;background: #f5f6f7;border-radius: .05rem;line-height: .5rem;text-align: center;margin-right: .1rem;transition: .3s;padding: 0 .2rem;}
.cases-page.list .cate>a:last-child{margin-right: 0;}
.cases-page.list .cate>a.active{background: #10479c;color:#fff}
.cases-page.list .cate>a>h2{font-size: .18rem;}
.cases-page.list ul{display: flex;flex-wrap: wrap;}
.cases-page.list li{margin-bottom: .4rem;position: relative;width: calc(100% / 3 - .26rem);margin-right: .39rem;background: #f5f6f7;border-radius: 0 0 .2rem .2rem;}
.cases-page.list li:nth-child(3n){margin-right: 0;}
.cases-page.list .img-bg{border-radius: .2rem .2rem 0 0;}
.cases-page.list .img{padding-bottom: 61.36%;}
.cases-page.list .info{padding: .3rem .4rem;}
.cases-page.list .info>h3{font-size: .2rem;color:#000}
.cases-page.list .info>p{font-size: .16rem;color:#666;line-height: .3rem;margin: .05rem 0 .35rem}
.cases-page.list .icon{display: flex;align-items: center;}
.cases-page.list .more{border-radius: .3rem;padding-right: .15rem;transition: .3s;position: relative;z-index: 30;}
.cases-page.list .more>p{line-height: .32rem;padding-right: .25rem;background: url(../images/arrow1.svg) no-repeat right center/.16rem;transition: .3s;color:#666}
.cases-page.list .img-div{height: .32rem;flex: 1;justify-content: flex-end;}
.cases-page.list .page{padding: .1rem 0 .4rem;}

.cases-page.detail{background: #F5F8FA;padding: 1rem 0;}
.cases-page.detail .width{background: #fff;border-radius: .2rem;padding: .95rem 1rem;}
.cases-page.detail .width>h1{font-size: .36rem;line-height: .46rem;color:#000;text-align: center;}
.cases-page.detail .time{display: flex;justify-content: center;color:#999;border-bottom: 1px #eee solid;padding: .2rem 0 .35rem;}
.cases-page.detail .time>p:nth-of-type(1){margin-right: .5rem;}
.cases-page.detail .content{padding: .35rem 0 .65rem;}
.cases-page.detail .content p{font-size: .16rem;line-height: .3rem;color:#666}
.cases-page.detail .jump{display: flex;justify-content: space-between;margin-bottom: .5rem;}
.cases-page.detail .jump>a{background: #f5f8fa;border-radius: .1rem;padding: 0 .4rem;font-size: .16rem;color:#666;width: 46.5%;line-height: .7rem;}
.cases-page.detail .width>a{line-height: .57rem;font-size: .16rem;color:#fff;background: #10479c;transition: .3s;margin: 0 auto;width: 1.68rem;text-align: center;border-radius: .3rem;}

@media (max-width:1024px){
    .cases-page.list{padding: 1rem 0 .4rem;}
    .cases-page.list .cate{flex-wrap: wrap;}
    .cases-page.list .cate>a{min-width: 0;line-height: .7rem;margin-right: .21rem;width: calc(100% / 3 - .14rem);margin-bottom: .2rem;}
    .cases-page.list .cate>a:nth-child(3n){margin-right: 0;}
    .cases-page.list .cate>a>h2{font-size: .28rem;}
    .cases-page.list ul{display: block;}
    .cases-page.list li{margin-bottom: .6rem;width: 100%;margin-right: 0;}
    .cases-page.list .info{padding: .6rem .4rem;}
    .cases-page.list .info>h3{font-size: .32rem}
    .cases-page.list .info>p{font-size: .28rem;line-height: .48rem;margin: .2rem 0 .4rem}
    .cases-page.list .more{padding-right: 0}
    .cases-page.list .more>p{padding-right: .4rem;background-size:.3rem}
    .cases-page.list .img-div{height: .52rem}
    .cases-page.list .page{padding: .2rem 0 .6rem;}

    .cases-page.detail .width{padding: .6rem .4rem 1rem;}
    .cases-page.detail .width>h1{line-height: .56rem;}
    .cases-page.detail .time{padding: .3rem 0 .4rem;}
    .cases-page.detail .time>p:nth-of-type(1){margin-right: .3rem;}
    .cases-page.detail .content{padding: .4rem 0 .8rem;}
    .cases-page.detail .content p{font-size: .28rem;line-height: .56rem;}
    .cases-page.detail .jump{display: block;margin-bottom: .5rem;}
    .cases-page.detail .jump>a{font-size: .28rem;width: 100%;line-height: .9rem;margin-bottom: .3rem;}
    .cases-page.detail .width>a{line-height: .7rem;font-size: .28rem;width: 2.2rem;border-radius: .6rem;}
}

@media (any-hover:hover){
    .cases-page.list .cate>a:hover{background: #10479c;color:#fff}
    .cases-page.list li:hover .img{transform: scale(1.1);}
    .cases-page.list li:hover .info>h3{color:#10479c}
    .cases-page.list li:hover .more{background: #10479c;}
    .cases-page.list li:hover .more>p{color:#fff;background-image: url(../images/arrow1-w.svg);padding: 0 .25rem 0 .2rem;}
    .cases-page.list li .more>p:hover{transform: translateX(.05rem);}

    .cases-page.detail .jump>a:hover{color:#10479c}
    .cases-page.detail .width>a:hover{opacity: .8;}
}

/* 新闻 */
.news-page{padding: 1rem 0;}
.news-page .tag{line-height: .33rem;border: 1px rgba(255,255,255,.1) solid;border-radius: .2rem;padding: 0 .25rem;display: inline-block;}
.news-page .cate{display: flex;justify-content: center;margin-bottom: .2rem;}
.news-page .cate>a{min-width: 1.1rem;background: #f5f6f7;border-radius: .05rem;line-height: .5rem;text-align: center;margin-right: .1rem;transition: .3s;padding: 0 .2rem;font-size: .18rem;}
.news-page .cate>a:last-child{margin-right: 0;}
.news-page .cate>a.active{background: #10479c;color:#fff}
.news-page .head{display: flex;justify-content: space-between;padding: .4rem 0 .3rem;}
.news-page .head .img-bg{width: 48.57%;border-radius: .2rem;position: relative;}
.news-page .head .img{padding-bottom: 61.76%;}
.news-page .head .info{position: absolute;left: 0;bottom: 0;background: linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);padding: 10% .4rem .35rem;color:#fff;width: 100%;transition: .3s;}
.news-page .head .info>h2{font-size: .2rem;margin-top: .15rem;}
.news-page li{padding: .4rem 0;border-bottom: 1px solid #eee;display: flex;align-items: center;justify-content: space-between;transition: .3s;}
.news-page li .img-bg{width: 28.57%;border-radius: .2rem;}
.news-page li .img{padding-bottom: 61.76%;}
.news-page li .info{width: 67.5%;}
.news-page li .tag{border-color: rgba(0,56,147,.1);color:#10479c}
.news-page li .info>h3{font-size: .2rem;color:#000;margin: .25rem 0;}
.news-page li .info>p{font-size: .18rem;color:#666}
.news-page .page{padding-top: .5rem;}

@media (max-width:1024px){
    .news-page .tag{line-height: .6rem;border-radius: .6rem;padding: 0 .4rem;}
    .news-page .cate>a{min-width: 0;line-height: .7rem;margin-right: .21rem;width: calc(100% / 3 - .14rem);font-size: .28rem;}
    .news-page .cate>a:last-child{margin-right: 0;}
    .news-page .head{display: block;padding: .6rem 0 .2rem;}
    .news-page .head .img-bg{width: 100%;margin-bottom: .6rem;}
    .news-page .head .img-bg:last-child{margin-bottom: 0;}
    .news-page .head .info{padding: 10% .4rem .35rem;}
    .news-page .head .info>h2{font-size: .32rem;margin-top: .3rem;}
    .news-page li{padding: .6rem 0;display: block}
    .news-page li .img-bg{width: 100%;margin-bottom: .4rem;}
    .news-page li .info{width: 100%;}
    .news-page li .info>h3{font-size: .32rem;}
    .news-page li .info>p{font-size: .28rem}
    .news-page .page{padding-top: .6rem;}
}

@media (any-hover:hover){
    .news-page .cate>a:hover{background: #10479c;color:#fff}
    .news-page .head .img-bg:hover .info{padding-bottom: .4rem;}
    .news-page li:hover{border-color: #10479c;}
    .news-page li:hover .img{transform: scale(1.1);}
    .news-page li:hover .info>h3{color:#10479c}
}

/* 联系 */
.contact-page .box1{background: #f7f9fa;padding: .9rem 0 1rem;}
.contact-page .box1 .width{display: flex;justify-content: space-between;align-items: flex-start;}
.contact-page .box1 .con{width: 65%;}
.contact-page .box1 .con>h2{font-size: .48rem;color:#000}
.contact-page .box1 .con>p{font-size: .18rem;color:#666;margin: .15rem 0 .2rem;}
.contact-page .box1 .ul{display: flex;}
.contact-page .box1 ul{width: calc(50% - .25rem);}
.contact-page .box1 ul:first-child{margin-right: .5rem;}
.contact-page .box1 li{display: flex;border-bottom: 1px #ddd solid;padding: .2rem 0;}
.contact-page .box1 li>p{font-size: .18rem;line-height: .3rem;}
.contact-page .box1 li>p:nth-of-type(1){padding-left: .35rem;width: 1.25rem;}
.contact-page .box1 .company{background: url(../images/13.png) no-repeat left .03rem/.22rem;}
.contact-page .box1 .phone{background: url(../images/14.png) no-repeat .01rem .05rem/.2rem;}
.contact-page .box1 .email{background: url(../images/11.png) no-repeat .01rem .07rem/.2rem;}
.contact-page .box1 .address{background: url(../images/15.png) no-repeat left .03rem/.22rem;}
.contact-page .box1 li>p:nth-of-type(2){flex:1}
.contact-page .box1 .medias{width: 31%;background: #fff;border-radius: .2rem;padding: .55rem .4rem .35rem;}
.contact-page .box1 .qr{position: relative;width: 2.05rem;height: 2.05rem;margin: 0 auto .5rem;}
.contact-page .box1 .qr .img-div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .8s;transform: translateY(-1rem);}
.contact-page .box1 .qr .img-div.show{z-index: 2;opacity: 1;transform: translateY(0);}
.contact-page .box1 .media{display: flex;flex-wrap: wrap;justify-content: center;}
.contact-page .box1 .item{width: 25%;margin-bottom: .2rem;}
.contact-page .box1 .item .img-div{width: .44rem;height: .44rem;border-radius: 50%;background: #f5f5f5;margin: 0 auto .1rem;transition: .3s;}
.contact-page .box1 .item .img-div>img{max-width: 45%;max-height: 45%;}
.contact-page .box1 .item>p{font-size: .16rem;text-align: center;padding: 0 .1rem;}
.contact-page .box1 .item.active .img-div{background: #10479c;}
.contact-page .box1 .item.active .img-div>img{filter: brightness(0%) invert(100%);}
.contact-page .box1 .item.active>p{color:#10479c}

.contact-page .box2{padding: 1rem 0;}
.contact-page .box2 .width{display: flex;border: 1px #eee solid;border-radius: .2rem;height: 5.4rem;}
.contact-page .box2 .con{width: 31.42%;border-radius: .2rem 0 0 .2rem;color:#fff;padding: 1.4rem .5rem 0 .75rem;}
.contact-page .box2 .con>img{width: .36rem;height: .36rem;}
.contact-page .box2 .con>h2{font-size: .3rem;position: relative;margin: .15rem 0 .5rem;}
.contact-page .box2 .con>h2::after{content:'';position: absolute;bottom: -.1rem;left: 0;width: .4rem;height: .02rem;background: #fff;}
.contact-page .box2 .con>p{font-size: .16rem;}
.contact-page .box2 form{flex:1;padding: .5rem .6rem 0;}
.contact-page .box2 ul{display: flex;flex-wrap: wrap;}
.contact-page .box2 li{width: calc(50% - .2rem);margin-bottom: .2rem;}
.contact-page .box2 li:nth-child(2n+1){margin-right: .4rem;}
.contact-page .box2 li.w100{width: 100%;margin-right: 0;}
.contact-page .box2 li>p{font-size: .16rem;margin-bottom: .1rem;}
.contact-page .box2 li>p>span{color:#ee1b23;margin-right: .05rem;font-size: .14rem;}
.contact-page .box2 li>input{height: .5rem;border-radius: .05rem;border: 1px solid #eee;width: 100%;font-size: .16rem;padding: 0 .2rem;}
.contact-page .box2 li>input:focus{border-color:#10479c}
.contact-page .box2 li>textarea{height: 1rem;border-radius: .1rem;border: 1px solid #eee;width: 100%;font-size: .16rem;padding: .15rem .2rem;}
.contact-page .box2 li>textarea:focus{border-color:#10479c}
.contact-page .box2 .btn{line-height: .5rem;color:#fff;background: #10479c;border-radius: .25rem;padding: 0 .65rem;font-size: .16rem;cursor: pointer;transition: .3s;display: inline-block;}

@media (max-width:1024px){
    .contact-page .box1{padding: 1rem 0;}
    .contact-page .box1 .width{display: block}
    .contact-page .box1 .con{width: 100%;}
    .contact-page .box1 .con>h2{font-size: .44rem;text-align: center;}
    .contact-page .box1 .con>p{font-size: .28rem;text-align: center;margin: .2rem 0 .4rem;}
    .contact-page .box1 .ul{display: block;}
    .contact-page .box1 ul{width: 100%;margin-bottom: .6rem;}
    .contact-page .box1 ul:first-child{margin-right: 0;}
    .contact-page .box1 li{padding: .3rem 0;}
    .contact-page .box1 li>p{font-size: .28rem;line-height: .44rem;}
    .contact-page .box1 li>p:nth-of-type(1){padding-left: .55rem;width: 2rem;}
    .contact-page .box1 .company{background-position:left top;background-size:.37rem;}
    .contact-page .box1 .phone{background-size:.35rem;}
    .contact-page .box1 .email{background-size:.35rem;}
    .contact-page .box1 .address{background-size:.37rem;}
    .contact-page .box1 .medias{width: 100%;padding: .8rem .4rem .6rem;margin-top: .8rem;}
    .contact-page .box1 .qr{width: 3.5rem;height: 3.5rem;margin: 0 auto .6rem;}
    .contact-page .box1 .item .img-div{width: .8rem;height: .8rem;margin: 0 auto .2rem;}
    .contact-page .box1 .item>p{font-size: .26rem;padding: 0 .2rem;}

    .contact-page .box2 .width{display: block;height: auto;}
    .contact-page .box2 .con{width: 100%;border-radius: .2rem .2rem 0 0;padding: 1rem .4rem;text-align: center;}
    .contact-page .box2 .con>img{width: .56rem;height: .56rem;margin: 0 auto;}
    .contact-page .box2 .con>h2{font-size: .4rem;margin: .4rem 0 .7rem;}
    .contact-page .box2 .con>h2::after{bottom: -.3rem;left: 50%;transform: translateX(-50%);}
    .contact-page .box2 .con>p{font-size: .28rem;}
    .contact-page .box2 form{padding: .6rem .4rem}
    .contact-page .box2 ul{display: block}
    .contact-page .box2 li{width: 100%;margin-bottom: .4rem;}
    .contact-page .box2 li:nth-child(2n+1){margin-right: 0;}
    .contact-page .box2 li>p{font-size: .28rem;margin-bottom: .2rem;}
    .contact-page .box2 li>p>span{margin-right: .1rem;font-size: .28rem;}
    .contact-page .box2 li>input{height: .8rem;font-size: .28rem;padding: 0 .4rem;}
    .contact-page .box2 li>textarea{height: 2rem;font-size: .28rem;padding: .3rem .4rem;}
    .contact-page .box2 .btn{line-height: .7rem;border-radius: .6rem;padding: 0;font-size: .28rem;width: 2.2rem;text-align: center;margin: 0 auto;display: block;}
}

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

/* 搜索 */
.search-page{padding: .5rem 0 1rem;}
.search-page .tit{display:flex;justify-content:space-between;font-size: .16rem;color:#999;margin-bottom: .5rem;}
.search-page .result>a{border-bottom: 1px #eee solid;font-size: .16rem;line-height: .5rem;}
.search-page .page{padding-top: .5rem;}

@media (max-width:1024px){
    .search-page{padding: .8rem 0 1rem;}
    .search-page .tit{display:block;font-size: .28rem;margin-bottom: .5rem;}
    .search-page .tit>p:nth-of-type(2){text-align: right;margin-top: .3rem;}
    .search-page .result>a{font-size: .28rem;line-height: 1rem;}
    .search-page .page{padding-top: .6rem;}
}