/*公共*/
.more{border: 1px solid #003893;border-radius: .3rem;padding-right: .4rem;background: #003893;display: inline-block;transition: .3s;position: relative;z-index: 30;}
.more>p{line-height: .58rem;font-size: .16rem;color:#fff;padding: 0 .4rem 0 .5rem;background: url(../images/arrow1-w.svg) no-repeat right center/.2rem;transition: .3s;}
.more.plain{border-color:#fff;background: transparent;}

.header{position: absolute;width: 100%;top:0;left: 0;z-index: 2000;}
.header .width{display: flex;align-items: center;justify-content: space-between;}
.header .logo{width: 2.17rem;height: .25rem;justify-content: flex-start;}
.header .con{display: flex;align-items: center;}
.header .search{position: relative;}
.header .search>p{width: .2rem;height: 1rem;background: url(../images/search.png) no-repeat center center/100%;cursor: pointer;}
.header .search .popup{display: none;position: absolute;right: 0;top: 100%;z-index: 4;}
.header .search .popup>div{display: flex;}
.header .search .popup>div>input{width: 3rem;padding: 0 .2rem;}
.header .search .btn{height: .5rem;width: .5rem;background: #003893 url(../images/search-w.png) no-repeat center center/.2rem;cursor: pointer;transition: .3s;}
.header .lang{position: relative;}
.header .lang>p{width: .9rem;height: 1rem;background: url(../images/lang.png) no-repeat .4rem center/.21rem;cursor: pointer;}
.header .more{padding-right: .25rem;}
.header .more>p{padding: 0 .4rem 0 .3rem;line-height: .48rem;}
.header ul{display: flex;border-bottom: 1px rgba(255,255,255,.15) solid;}
.header ul.width{justify-content: center;}
.header li{padding: 0 .38rem;position: relative;}
.header li>a{font-size: .16rem;color:#fff;position: relative;padding-bottom: .15rem;}
.header li>a::before{content:'';position: absolute;bottom: -.02rem;left: 50%;transform: translateX(-50%);width: 0;background: #fff;height: .02rem;transition: .3s;z-index: 3;}
.header li>a.active:before{width: 100%;}
.header .child{position: absolute;top:100%;left: 50%;transform: translateX(-50%);width:max-content;min-width: 2rem;background: #fff;border-radius: .1rem;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: .65rem;padding: 0 .3rem;text-align: center;}
.header .child>a:last-child{border-bottom: 0;}
.header .lang .child{min-width: 0;width: 1.5rem;text-align: center;padding: 0;}
.header.w{position: relative;background: #F6F7FB;}
.header.w ul{border-color:#ddd}
.header.w li>a::before{background:#003893;}
.header.w li>a.active{color:#003893}
.header.w li>a{color:#333;}
.header.fixed{position: fixed;background: #fff;transform: translateY(-110%);transition: .5s;border-bottom: 1px #eee solid;}
.header.fixed.show{transform: translateY(0)}
.header.fixed ul{border: 0;}
.header.fixed li>a{color:#333;padding-bottom: 0;line-height: 1rem;}
.header.fixed li>a::before{background:#003893;}
.header.fixed li>a.active{color:#003893}
.nav-m{display: none;}

.footer{background: #22262d;padding: .45rem 0 .8rem;}
.footer p,.footer a{color:rgba(255,255,255,.5)}
.footer1{border-bottom: 1px solid rgba(255,255,255,.1);padding-bottom: .45rem;}
.footer1 .width{display: flex;justify-content: space-between;align-items: center;}
.footer1 .logo{width: 2.17rem;height: .25rem;justify-content: flex-start;}
.footer1 .width>p{cursor: pointer;position: relative;line-height: .5rem;padding-right: .7rem;overflow: hidden;}
.footer1 .width>p::before{content:'';position: absolute;top: 0;right: 0;width: .5rem;height: .5rem;background: url(../images/1.png) no-repeat center center/.2rem;z-index: 2;}
.footer1 .width>p::after{content:'';position: absolute;top: 0;right: 0;width: .5rem;height: .5rem;background: #003893;border-radius: 50%;}
@keyframes footer1-p {
    33%{transform: translateY(-100%) scale(0);}
    66%{transform: translateY(100%) scale(0);}
    100%{transform: translateY(0) scale(1);}
}
.footer2{display: flex;padding: .75rem 0;border-bottom: 1px solid rgba(255,255,255,.1);justify-content: space-between;margin-bottom: .35rem;}
.footer2 ul{width: 64%;display: flex;}
.footer2 li{flex:1;padding-right: .5rem;}
.footer2 li>a{font-size: .18rem;color:#fff;margin-bottom: .15rem;}
.footer2 .child>a{line-height: .36rem;}
.footer2 .con{width: 33.23%;display: flex;justify-content: flex-end;padding-left: 1rem;border-left: 1px solid rgba(255,255,255,.1);}
.footer2 .info>p{font-size: .16rem;}
.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,.1);margin-right: .25rem;transition: .3s;position: relative;}
.footer2 .media>.img-div:last-child{margin-right: 0;}
.footer2 .media>.img-div>img{max-width: 50%;max-height: 50%;}
.footer2 .media>.img-div:hover{background: #003893;}
.footer2 .media>.img-div:hover .qr{transform: translateX(-50%) scale(1)}
.footer2 .qr{position: absolute;top: calc(100% + .1rem);left: 50%;transform: translateX(-50%) scale(0);width: 1.5rem;height: 1.5rem;transition: .3s;}
.footer2 .email{font-size: .24rem;color:#fff;line-height: .34rem;margin: .15rem 0 .35rem;}
.footer2 .address{font-size: .18rem;color:#fff;line-height: .28rem;margin-top: .15rem;}
.footer3{display: flex;}
.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/2.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);}

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

@media (max-width:1024px){
    .more{padding-right: .4rem;border-radius: .6rem;}
    .more>p{line-height: .8rem;font-size: .28rem;background-size:.32rem;background-position: right .23rem;}

    .header .logo{width: 3.47rem;height: .4rem;}
    .header .search>p{width: .35rem;height: 1.2rem}
    .header .search .popup{position: fixed;top: 1.2rem;left: 0}
    .header .search .popup>div>input{width: calc(100% - .8rem);padding: 0 .3rem;}
    .header .search .btn{height: .8rem;width: .8rem;background-size:.3rem}
    .header .lang{margin: 0 .3rem;}
    .header .lang>p{width: .35rem;height: 1.2rem;background-size:100%;background-position: center center;}
    .header .lang .child{width: 1.8rem}
    .header .lang .child>a{font-size: .28rem;line-height: .9rem;}
    .header .menu{width: .4rem;height: 1.2rem;background: url(../images/menu.svg) no-repeat center center/100%;margin-right: .3rem;}
    .header .more{padding-right: 0;border: 0;border-radius: 0;background: url(../images/3.png) no-repeat center center/100%;width: .35rem;height: 1.2rem;filter: brightness(0%) invert(100%);}
    .header .more>p{display: none;}
    .header ul.width{display: none}
    .header.w .more{filter:none}
    .header.fixed ul{display: none;}
    .header.fixed .menu{filter:none}
    .header.fixed .more{filter:none}

    .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.47rem;height: .4rem;}
    .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;}

    .footer{padding: 1rem 0 .6rem;}
    .footer1{padding-bottom: .4rem;}
    .footer1 .logo{width: 3.47rem;height: .4rem;}
    .footer1 .width>p{line-height: .7rem;padding-right: 1rem;font-size: .28rem;}
    .footer1 .width>p::before{width: .7rem;height: .7rem;background-size:.25rem}
    .footer1 .width>p::after{width: .7rem;height: .7rem;}
    .footer2{display: block;padding: .6rem 0;margin-bottom: .4rem;}
    .footer2 ul{width: 100%;display: block;padding-bottom: .2rem;}
    .footer2 li{flex:auto;width: 100%;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;}
    .footer2 .con{width: 100%;display: block;padding-left: 0;border-left: 0;border-top: 1px solid rgba(255,255,255,.1);padding-top: .6rem;}
    .footer2 .info>p{font-size: .32rem;text-align: center;}
    .footer2 .media{margin: .4rem 0 .8rem;justify-content: center;}
    .footer2 .media>.img-div{width: .7rem;height: .7rem;}
    .footer2 .qr{top: calc(100% + .2rem);left: 50%;transform: translateX(-50%) scale(0);width: 2.5rem;height: 2.5rem;}
    .footer2 .email{font-size: .4rem;line-height: .6rem;text-align: center;}
    .footer2 .address{font-size: .32rem;line-height: .52rem;text-align: center;}
    .footer3{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;margin-right: .1rem;}
    .footer3 .info>a:nth-of-type(1)::after{display: none;}

    .inner-banner .pc{display: none;}
    .inner-banner .m{display: block;}
    .inner-banner .img{padding-bottom: 100%;}
    .inner-banner .width{text-align: center;}
    .inner-banner .width>h1{font-size: .45rem;line-height: .65rem;margin-bottom: .3rem;}
    .inner-banner .width>p{font-size: .28rem;line-height: .48rem;}
    .inner-banner .note-pc{display: none;}
    .inner-banner .note-m{display: block;}
}

@media (any-hover:hover){
    .more:hover>p{background-position: calc(100% + .05rem) center;padding: 0 .35rem 0 .55rem;}
    .more.plain:hover{border-color:#003893;background: #003893;}

    .header.fixed li:hover>a{color:#003893}
    .header li.has-child:hover>a::before{width: 100%;background: #003893;}
    .header .child>a:hover{color:#003893}
    .header .more:hover>p{padding: 0 .35rem 0 .35rem;}
    
    .footer1 .width>p:hover::before{animation: footer1-p .5s linear;}
    .footer2 li>a:hover{opacity: .8;}
    .footer2 .child>a:hover{color:#fff}
    .footer3 .info>a:hover{color:#fff}
}

/* 首页 */
.index-page .tit{font-size: .4rem;line-height: .5rem;color:#000}

.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: .48rem;line-height: .6rem;}
.index-page .box1 .width>p{font-size: .2rem;line-height: .3rem;margin: .2rem auto .35rem;max-width: 10rem;}
.index-page .box1 .swiper-slide.left .width{top: 35%;text-align: left;}
.index-page .box1 .swiper-slide.left .width>p{margin: .2rem 0 .35rem;}
.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,.1);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{padding: .5rem 0 1.15rem;}
.index-page .box2 li{padding: .5rem 0;display: flex;border-bottom: 1px solid #e5e5e5;justify-content: space-between;align-items: center;position: relative;}
.index-page .box2 .con{width: 25%;}
.index-page .box2 .icon{width: .7rem;height: .7rem;position: relative;overflow: hidden;}
.index-page .box2 .icon::after{content:'';width: 100%;height: 100%;background: #003893;border-radius: 50%;position: absolute;bottom: 0;left: 0;transform: scale(0);transition: .3s;}
.index-page .box2 .img-div{width: .52rem;height: .7rem;position: relative;z-index: 2;padding-top: .18rem;}
.index-page .box2 .img-div>img{transition: .3s;}
.index-page .box2 .tit{margin: .2rem 0 .3rem;}
.index-page .box2 .con>p{font-size: .16rem;line-height: .28rem;color: #666;margin-bottom: .5rem;max-height: 1.4rem;padding-right: .1rem;position: relative;z-index: 30;}
.index-page .box2 .con .more{background: #f5f5f5;border-color:#f5f5f5;}
.index-page .box2 .con .more>p{color:#000;background-image: url(../images/arrow1.svg);}
.index-page .box2 .img-bg{width: 70.45%;border-radius: .2rem;}
.index-page .box2 .img{padding-bottom: 38.71%;}
.index-page .box2 .load-box{text-align: center;margin-top: .5rem;}
.index-page .box2 .load-box .more.disabled{border-color:#999;background: #999;}
.index-page .box2 .load-box>p{color:#999;font-size: .16rem;margin-top: .15rem;}

.index-page .box3{position: relative;}
.index-page .box3 .imgs{position: relative;}
.index-page .box3 .imgs .img{padding-bottom: 36.45%;}
.index-page .box3 .imgs .img:nth-of-type(2){position: absolute;top:0;right:0;-webkit-mask-image: -webkit-linear-gradient(left top, transparent 52%, #000 48%);}
.index-page .box3 ul{position: absolute;z-index: 2;left: 50%;top:26%;transform: translateX(-50%);display: flex;justify-content: space-between;}
.index-page .box3 li{width: 40.3%;}
.index-page .box3 .tit{color: #fff;}
.index-page .box3 li>p{color: #fff;font-size: .16rem;line-height: .3rem;max-width: 4.8rem;margin: .2rem 0 .5rem;}
.index-page .box3 .m{display: none;}

.index-page .box4{padding: 1.1rem 0 1.2rem;}
.index-page .box4 .tit{text-align: center;}
.index-page .box4 ul{display: flex;margin: .45rem 0 .4rem;}
.index-page .box4 li{width: calc(100% / 3 - .26rem);margin-right: .39rem;border-radius: .1rem;border: 1px solid #e5e5e5;padding: .45rem .5rem .4rem;position: relative;transition: .3s;}
.index-page .box4 li:last-child{margin-right: 0;}
.index-page .box4 li>p:nth-of-type(1){font-size: .16rem;color: #999;}
.index-page .box4 li>h3{font-size: .24rem;line-height:.32rem;color: #000;margin: .3rem 0 .35rem;height: .64rem;font-weight: normal;}
.index-page .box4 li>p:nth-of-type(2){font-size: .16rem;color: #666;background: url(../images/arrow1-g.svg) no-repeat right center/.18rem;padding-right: .35rem;display: inline-block;}
.index-page .box4 .line{height: 1px;background: #e2e2e2;margin-bottom: .45rem;transition: .3s;}
.index-page .box4 .mores{text-align: center;}

@media (max-width:1024px){
    .index-page .tit{font-size: .4rem;line-height: .6rem}

    .index-page .box1 .pc{display: none;}
    .index-page .box1 .m{display: block;}
    .index-page .box1 .img{padding-bottom: 120%;}
    .index-page .box1 .width>h1{font-size: .5rem;line-height: .7rem;}
    .index-page .box1 .width>p{font-size: .28rem;line-height: .48rem;margin: .3rem 0 .5rem;max-width: 100%;}
    .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{padding: .4rem 0 1rem;}
    .index-page .box2 li{padding: .6rem 0;flex-direction: column;}
    .index-page .box2 .con{width: 100%;order:2;text-align: center;}
    .index-page .box2 .icon{display: none;}
    .index-page .box2 .con>h2{margin: .4rem 0 .2rem;}
    .index-page .box2 .con>p{font-size: .28rem;line-height: .48rem;margin-bottom: .4rem;max-height: 10000rem;padding-right: 0;}
    .index-page .box2 .img-bg{width: 100%}
    .index-page .box2 .img{padding-bottom: 50%;}
    .index-page .box2 .load-box{margin-top: .6rem;}
    .index-page .box2 .load-box>p{font-size: .28rem;margin-top: .3rem;}

    .index-page .box3 .pc{display: none;}
    .index-page .box3 .m{display: block;}
    .index-page .box3 .item{border-radius: .2rem;margin-bottom: .6rem;}
    .index-page .box3 .info{padding: 1rem .4rem;text-align: center;}
    .index-page .box3 .info>p{color: #fff;font-size: .28rem;line-height: .48rem;margin: .2rem 0 .5rem;}

    .index-page .box4{padding: .4rem 0 1rem;}
    .index-page .box4 ul{display: block;margin: .6rem 0 .2rem;}
    .index-page .box4 li{width: 100%;margin-right: 0;padding: .6rem .4rem;margin-bottom: .6rem;}
    .index-page .box4 li>p:nth-of-type(1){font-size: .28rem}
    .index-page .box4 li>h3{font-size: .32rem;line-height:.52rem;margin: .2rem 0 .3rem;height: auto;}
    .index-page .box4 li>p:nth-of-type(2){font-size: .28rem;background-size:.3rem;padding-right: .45rem}
}

@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 .box2 li:hover .icon::after{transform: scale(1);}
    .index-page .box2 li:hover .img-div{width: .7rem;height: .7rem;padding-top: 0;}
    .index-page .box2 li:hover .img-div>img{filter: brightness(0%) invert(100%);max-width: 60%;max-height: 60%;}
    .index-page .box2 li:hover .tit{color:#003893}
    .index-page .box2 li:hover .con .more{background: #003893;border-color: #003893;}
    .index-page .box2 li:hover .con .more>p{color:#fff;background-image: url(../images/arrow1-w.svg);}
    .index-page .box2 li:hover .img{transform: scale(1.1);}

    .index-page .box4 li:hover{background: #003893;}
    .index-page .box4 li:hover>p:nth-of-type(1){color:#fff}
    .index-page .box4 li:hover>h3{color:#fff}
    .index-page .box4 li:hover>p:nth-of-type(2){color:#fff;background-image: url(../images/arrow1-w.svg);}
    .index-page .box4 li:hover .line{background: rgba(255,255,255,.1);}
}

/* 产品 */
.product-page .tit>h2{font-size: .24rem;line-height: .34rem;color: #666;margin-bottom: .1rem;}
.product-page .tit>p{font-size: .4rem;line-height: .5rem;color: #000;}

.product-page .box1{padding-top: 1.15rem;}
.product-page .box1 .con{height: 5.8rem;display: flex;margin-top: .4rem;box-shadow: 0 0 .2rem rgba(0,0,0,.1);border-radius: .1rem;background: #fff;}
.product-page .box1 .con .infos{width: 34.09%;position: relative;}
.product-page .box1 .con .info{opacity: 0;position: absolute;top: 10%;left: 0;width: 100%;height: 100%;transition: .5s;display: flex;flex-direction: column;justify-content: center;padding: .8rem .5rem 1.3rem;}
.product-page .box1 .con .info.show{opacity: 1;z-index: 2;top: 0;}
.product-page .box1 .con .info .img-div{width: .54rem;height: .58rem;}
.product-page .box1 .con .info>h3{font-size: .3rem;line-height: .4rem;color: #003893;margin: .25rem 0 .15rem;}
.product-page .box1 .con .info>p{font-size: .16rem;line-height: .3rem;color: #666;max-height: 2.4rem;padding-right: .1rem;}
.product-page .box1 .con .tab{flex:1;position: relative;}
.product-page .box1 .con .imgs{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.product-page .box1 .con .imgs::after{content:'';width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;z-index: 3;border-radius: 0 .2rem .2rem 0;}
.product-page .box1 .con .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: .3s;border-radius: 0 .2rem .2rem 0;}
.product-page .box1 .con .img.show{opacity: 1;z-index: 2;}
.product-page .box1 .con ul{display: flex;position: relative;z-index: 4;height: 100%;}
.product-page .box1 .con li{flex:1;cursor: pointer;text-align: center;color: #fff;position: relative;line-height: .24rem;font-size: .16rem;padding: 3rem .2rem 1rem;border-right: 1px solid rgba(255,255,255,.2);}
.product-page .box1 .con li:last-child{border-right: 0;}
.product-page .box1 .con li>span{position: absolute;top: 2.4rem;left: 50%;width: .08rem;height: .08rem;border-radius: 50%;background: #fff;transform: translateX(-50%);transition: .3s;}
.product-page .box1 .con li>span::before{content: '';position: absolute;top:50%;left: 50%;width:.25rem;height:.25rem;border-radius: 50%;border: 1px rgba(255,255,255,.5) solid;transform: translate(-50%,-50%);}
.product-page .box1 .con li>span::after{content: '';position: absolute;top:50%;left: 50%;width:.45rem;height: .45rem;border: 1px rgba(255,255,255,.1) solid;border-radius: 50%;transform: translate(-50%,-50%)}
.product-page .box1 .con li.active>span{width: .2rem;height: .2rem;top:2.34rem}
.product-page .box1 .con li.active>span::before{width: 100%;height: 100%;animation: product-box1-1 1s linear infinite;}
.product-page .box1 .con li.active>span::after{width: 100%;height: 100%;animation: product-box1-2 1s linear infinite;}
.product-page .box1 .m{display: none;}
@keyframes product-box1-1 {
    to{transform: translate(-50%,-50%) scale(2);opacity: 0;}
}
@keyframes product-box1-2 {
    to{transform: translate(-50%,-50%) scale(3);opacity: 0;}
}

.product-page .box2{padding-top: .9rem;}
.product-page .box2>p{border-radius: .1rem;background: #f6f7fb url(../images/4.png) no-repeat .3rem center/.11rem;color: #000;font-size: .18rem;line-height: .8rem;padding-left: .6rem;margin: .5rem 0 .3rem;}
.product-page .box2 .choose{padding: 0 .6rem .2rem .3rem;display: flex;align-items: flex-start;}
.product-page .box2 ul{flex:1;display: flex;flex-wrap: wrap;}
.product-page .box2 li{display: flex;align-items: center;margin: 0 .6rem .2rem 0;}
.product-page .box2 li:last-child{margin-right: 0;}
.product-page .box2 li>p{color: #003893;margin-right: .2rem;}
.product-page .box2 li>input{width: .7rem;height: .25rem;border-radius: .02rem;border: 1px solid #e5e5e5;padding: 0 .1rem;}
.product-page .box2 li>span{margin: 0 .15rem 0 .1rem;color: #000;}
.product-page .box2 li>span:nth-last-of-type(1){margin-right: 0;}
.product-page .box2 label{display: flex;align-items: center;cursor: pointer;margin-right: .2rem;}
.product-page .box2 label:nth-last-of-type(1){margin-right: 0;}
.product-page .box2 label>input[type='checkbox']{width: .2rem;height: .2rem;border-radius: .02rem;border: 1px solid #e5e5e5;margin-right: .1rem;}
.product-page .box2 .btn{line-height: .35rem;border-radius: .2rem;background: #003893;color: #fff;cursor: pointer;transition: .3s;width: 1rem;text-align: center;}
.product-page .box2 .myscroll::-webkit-scrollbar{width:.05rem;height:.05rem;}
.product-page .box2 .myscroll::-webkit-scrollbar-track{background: #ccc;}
.product-page .box2 table{border-collapse: collapse;min-width: 100%;border-spacing:0;width: max-content;background: #f6f7fb;}
.product-page .box2 table th{background: #003893;color: #fff;padding: .25rem .2rem;}
.product-page .box2 table th:nth-of-type(1){padding-left: .6rem;text-align: left;border-radius: .1rem 0 0 0;}
.product-page .box2 table th:nth-last-of-type(1){padding-right: .6rem;border-radius: 0 .1rem 0 0;}
.product-page .box2 table td{text-align: center;padding: .25rem .2rem 0;}
.product-page .box2 table td:nth-of-type(1){text-align: left;padding-left: .6rem;}
.product-page .box2 table td:nth-of-type(1)>a{color:#003893;padding-left: .25rem;background: url(../images/6.png) no-repeat left center/.15rem;filter: grayscale(100);}
.product-page .box2 table td:nth-last-of-type(1){padding-right: .6rem}
.product-page .box2 table tr:nth-last-child(1) td{padding-bottom: .45rem;}
.product-page .box2 .load{text-align: center;font-size: .16rem;padding:.4rem 0 .25rem;color:#003893;position: relative;cursor: pointer;}
.product-page .box2 .load::after{content:'';width: .2rem;height: .2rem;position: absolute;bottom: 0;background: url(../images/arrow-m.svg) no-repeat center center/100%;left: 50%;transform: translateX(-50%);animation: product-box2 .5s ease-in-out infinite;}
@keyframes product-box2 {
    50%{bottom: -.05rem;}
    100%{bottom: 0;}
}

.product-page .box3{padding: 1.15rem 0;}
.product-page .box3 ul{display: flex;flex-wrap: wrap;margin-top: .45rem;}
.product-page .box3 li{width: calc(25% - .18rem);margin-right: .24rem;margin-bottom: .45rem;background: #f6f7fb;border-radius: .1rem;padding: .55rem .4rem .6rem;position: relative;transition: .3s;}
.product-page .box3 li:nth-child(4n){margin-right: 0;}
.product-page .box3 li::after{content:'';position: absolute;width: 100%;height: calc(100% + .2rem);background: #003893;border-radius: .1rem;transition: .3s;top: -.1rem;left: 0;opacity: 0;}
.product-page .box3 .info{position: relative;z-index: 2;}
.product-page .box3 .info>p{font-size: .16rem;color:#999;margin-bottom: .2rem;}
.product-page .box3 .info>h3{font-size: .18rem;color:#000;line-height: .28rem;background: url(../images/7.png) no-repeat left .04rem/.2rem;padding-left: .3rem;}
.product-page .box3 .info>a{display: none;background: #fff;border-radius: .2rem;width: 1.3rem;position: absolute;left: 0;bottom: -.6rem;}
.product-page .box3 .info>a>p{line-height: .4rem;background: url(../images/8.png) no-repeat .9rem center/.15rem;padding-left: .25rem;color:#003893;transition: .3s;}
.product-page .box3>p{text-align: center;font-size: .16rem;}
.product-page .box3>p>a{display: inline-block;color:#003893;text-decoration: underline;}

.product-page .box4{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);z-index: 2000;display: none;}
.product-page .box4 .con{position: absolute;top: 20%;left: 50%;background: #fff;border-radius: .2rem;transform: translateX(-50%);max-width: 10rem;padding: .6rem;}
.product-page .box4 .close{width: .3rem;height: .3rem;background: url(../images/close.svg) no-repeat center center/100%;position: absolute;right: .3rem;top: .3rem;cursor: pointer;transition: .3s;}
.product-page .box4 .con>p{font-size: .3rem;text-align: center;color:#000}
.product-page .box4 ul{margin: .4rem 0 .2rem;display: flex;flex-wrap: wrap;}
.product-page .box4 li{width: calc(50% - .15rem);margin-bottom: .3rem;}
.product-page .box4 li:nth-child(2n+1){margin-right: .3rem;}
.product-page .box4 li>p{font-size: .16rem;margin-bottom: .1rem;}
.product-page .box4 li>p>span{color:red}
.product-page .box4 li>input{height: .5rem;border-radius: .05rem;width: 100%;border: 1px #eee solid;padding: 0 .2rem;}
.product-page .box4 li>input:focus{border-color:#003893}
.product-page .box4 .btn{width: 1.5rem;border-radius: .3rem;line-height: .5rem;font-size: .16rem;background: #003893;color:#fff;margin: 0 auto;text-align: center;cursor: pointer;transition: .3s;}

@media (max-width:1024px){
    .product-page .tit{text-align: center;}
    .product-page .tit>h2{font-size: .36rem;line-height: .56rem;}
    .product-page .tit>p{line-height: .6rem}

    .product-page .box1{padding-top: 1rem;}
    .product-page .box1 .con{display: none;}
    .product-page .box1 .m{display: block;margin-top: .6rem}
    .product-page .box1 .swiper-container{border-radius: .2rem;}
    .product-page .box1 .img{padding-bottom: 60%;border-radius: .2rem;}
    .product-page .box1 .swiper-slide>h3{font-size: .38rem;line-height: .58rem;margin: .4rem 0 .2rem;text-align: center;}
    .product-page .box1 .swiper-slide>p{font-size: .28rem;line-height: .56rem;color: #666;text-align: center;max-height: 2.8rem;overflow-y: auto;}
    .product-page .box1 .swiper-pagination{text-align: center;width: 100%;position: static;margin-top: .3rem;}
    .product-page .box1 .swiper-pagination-bullet{margin: 0 .1rem;}
    .product-page .box1 .swiper-pagination-bullet-active{background: #003893;}

    .product-page .box2{padding-top: 1rem;}
    .product-page .box2>p{background-position:.4rem center;background-size:.18rem;font-size: .32rem;line-height: 1rem;padding-left: .8rem;margin: .6rem 0;}
    .product-page .box2 .choose{padding: 0 0 .8rem 0;display: block;}
    .product-page .box2 ul{display: block;margin-bottom: .6rem;}
    .product-page .box2 li{display: flex;align-items: center;margin: 0 0 .4rem 0;}
    .product-page .box2 li>p{margin-right: .3rem;}
    .product-page .box2 li>input{width: 1rem;height: .5rem;padding: 0 .2rem;text-align: center;}
    .product-page .box2 label{margin-right: .4rem;}
    .product-page .box2 label>input[type='checkbox']{width: .3rem;height: .3rem;margin-right: .15rem;}
    .product-page .box2 .btn{line-height: .8rem;border-radius: .6rem;width: 2rem;}
    .product-page .box2 table th{padding: .3rem .4rem;}
    .product-page .box2 table th:nth-of-type(1){padding-left: .4rem;}
    .product-page .box2 table th:nth-last-of-type(1){padding-right: .4rem;}
    .product-page .box2 table td{padding: .4rem .4rem 0;}
    .product-page .box2 table td:nth-of-type(1){padding-left: .4rem;}
    .product-page .box2 table td:nth-of-type(1)>a{padding-left: .6rem;background-size:.4rem;}
    .product-page .box2 table td:nth-last-of-type(1){padding-right: .4rem}
    .product-page .box2 .load{font-size: .32rem;padding:.6rem 0 .4rem;}
    .product-page .box2 .load::after{width: .35rem;height: .35rem;}

    .product-page .box3{padding: 1rem 0;}
    .product-page .box3 ul{display: block;}
    .product-page .box3 li{width: 100%;margin-right: 0;margin-bottom: .6rem;padding: .6rem .4rem}
    .product-page .box3 .info>p{font-size: .28rem;margin-bottom: .2rem;}
    .product-page .box3 .info>h3{font-size: .32rem;line-height: .52rem;background-position:left .06rem;background-size:.4rem;padding-left: .6rem;margin-bottom: .4rem;}
    .product-page .box3 .info>a{display: block;border-radius: .6rem;width: 2.7rem;position: static;}
    .product-page .box3 .info>a>p{line-height: .8rem;background-position:1.9rem center;background-size:.3rem;padding-left: .5rem;}
    .product-page .box3>p{font-size: .28rem;}

    .product-page .box4 .con{top: 1rem;max-width: 90%;padding: .8rem .4rem;}
    .product-page .box4 .close{width: .4rem;height: .4rem;right: .4rem;top: .4rem}
    .product-page .box4 .con>p{font-size: .4rem;}
    .product-page .box4 ul{margin: .6rem 0;display: block;}
    .product-page .box4 li{width: 100%;margin-bottom: .4rem;}
    .product-page .box4 li:nth-child(2n+1){margin-right: 0;}
    .product-page .box4 li>p{font-size: .28rem;margin-bottom: .15rem;}
    .product-page .box4 li>input{height: .8rem;padding: 0 .3rem;}
    .product-page .box4 .btn{width: 2rem;border-radius: .6rem;line-height: .8rem;font-size: .28rem;}
}

@media (any-hover:hover){
    .product-page .box2 .btn:hover{opacity: .8;}
    .product-page .box2 table td:nth-of-type(1)>a:hover{text-decoration: underline;filter: grayscale(0);}

    .product-page .box3 li:hover{padding: .25rem .4rem .9rem;}
    .product-page .box3 li:hover::after{opacity: 1;}
    .product-page .box3 li:hover .info>p{color:#fff}
    .product-page .box3 li:hover .info>h3{color:#fff;background-image: url(../images/7-w.png)}
    .product-page .box3 li:hover .info>a{display: block;}
    .product-page .box3 .info>a:hover>p{padding-left: .3rem;background-position: .95rem center}

    .product-page .box4 .close:hover{transform: rotate(90deg);}
    .product-page .box4 .btn:hover{opacity: .8;}
}

/* 发展 */
.develop-page .tit>h2{font-size: .24rem;line-height: .34rem;color:#666;margin-bottom: .1rem;}
.develop-page .tit>p:nth-of-type(1){font-size: .4rem;line-height: .5rem;color:#000}
.develop-page .tit>p:nth-of-type(2){font-size: .18rem;line-height: .32rem;color:#666;margin-top: .25rem;}

.develop-page .box1{display: flex;justify-content: space-between;padding-top: 1.2rem;align-items: center;}
.develop-page .box1 .con{width: 42.3%;padding-top: 3%;}
.develop-page .box1 .tit>p:nth-of-type(3){font-size: .2rem;line-height: .4rem;color:#333;margin: .4rem 0 .5rem;}
.develop-page .box1 ul{display: flex;flex-wrap: wrap;margin-top: .6rem;}
.develop-page .box1 li{background: #f9f9f9;border-radius: .1rem;margin: 0 .2rem .2rem 0;padding: .4rem .3rem .35rem;min-width: 1.6rem;transition: .3s;}
.develop-page .box1 li:last-child{margin-right: 0;}
.develop-page .box1 li .img-div{width: .4rem;height: .41rem;margin-bottom: .15rem;}
.develop-page .box1 li>p{font-size: .2rem;color: #000;line-height: .3rem;}
.develop-page .box1 .imgs{width: 45.45%;position: relative;}
.develop-page .box1 .imgs::before{padding-bottom: 75%;content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: .1rem solid rgba(0,56,147,.1);border-radius: 0 .8rem 0 .8rem;}
.develop-page .box1 .float{position: absolute;right: -5%;bottom: -25%;width: 42.5%;transition: .8s;transform: scale(0);transform-origin: left top;}
.develop-page .box1 .float::after{content:'';padding-bottom: 100%;width: 100%;background: url(../images/9.png) no-repeat center center/100%;display: block;}
.develop-page .box1 .float.show{transform: scale(1)}
.develop-page .box1 .img-bg{border-radius: 0 .8rem 0 .8rem;transform: translate(-6%,8%);}
.develop-page .box1 .img{padding-bottom: 75%;}

.develop-page .box2{padding-top: 1.3rem;}
.develop-page .box2 .item{display: flex;align-items: center;padding-top: 1rem;}
.develop-page .box2 .img-bg{width: 50%;border-radius: 0 .3rem .3rem 0;}
.develop-page .box2 .img{padding-bottom: 78.12%;}
.develop-page .box2 .con{flex:1;padding-left:5%;opacity: 0;transition: .3s;}
.develop-page .box2 .con.show{opacity: 1;}
.develop-page .box2 ul{margin-top: .15rem;}
.develop-page .box2 li{padding:.32rem 0;border-bottom: 1px solid #e5e5e5;transition: .3s;}
.develop-page .box2 li>h3{font-size: .24rem;line-height: .34rem;color:#999;position: relative;cursor: pointer;padding-right: .5rem;transition: .3s}
.develop-page .box2 li>h3::before{content:'';width: .18rem;height: .18rem;background: #003893;position: absolute;top: .08rem;left: 0;border-radius: 0 0 .18rem 0;transform: scale(0);transition: .3s;}
.develop-page .box2 li>h3::after{content:'';width: .2rem;height: .2rem;background: url(../images/arrow.svg) no-repeat center center/100%;position: absolute;top: .07rem;right: .2rem;opacity: .5;transition: .3s}
.develop-page .box2 li>p{font-size: .16rem;line-height: .32rem;color:#003893;display: none;margin-top: .15rem;}
.develop-page .box2 li.active{border-color: #003893;}
.develop-page .box2 li.active>h3{color: #003893;padding-left: .3rem;}
.develop-page .box2 li.active>h3::before{transform: scale(1);}
.develop-page .box2 li.active>h3::after{background-image: url(../images/arrow-m.svg);opacity: 1;transform: rotate(180deg);}
.develop-page .box2 .item:nth-child(2n) .img-bg{order:2;border-radius: .3rem 0 0 .3rem;}
.develop-page .box2 .item:nth-child(2n) .con{padding-right:5%;}

.develop-page .box3{padding-top: 1.3rem;}
.develop-page .box3 ul{margin-top: .15rem;}
.develop-page .box3 li{border-bottom: 1px solid #e5e5e5;display: flex;align-items: center;padding: .5rem 0;}
.develop-page .box3 li>p:nth-of-type(1){width: 16.5%;font-size: .24rem;line-height: .34rem;color:#003893;position: relative;padding-left:.3rem;}
.develop-page .box3 li>p:nth-of-type(1)::before{content:'';width: .18rem;height: .18rem;background: #003893;position: absolute;top: .08rem;left: 0;border-radius: 0 0 .18rem 0;}
.develop-page .box3 li>h3{width: 56.2%;font-size: .36rem;line-height: .46rem;color:#000;padding: 0 .5rem;}
.develop-page .box3 li>p:nth-of-type(2){flex:1;font-size: .18rem;line-height: .32rem;color:#666}

.develop-page .box4{padding: 1.2rem 0;}
.develop-page .box4 .img-bg{border-radius: .2rem;position: relative;}
.develop-page .box4 .img{padding-bottom: 45.45%;}
.develop-page .box4 .m{display: none;}
.develop-page .box4 .tit{position: absolute;top: 14%;text-align: center;width: 57%;margin: 0 auto;}
.develop-page .box4 .tit>h2{color:#fff}
.develop-page .box4 .tit>p:nth-of-type(1){color:#fff}
.develop-page .box4 .tit>p:nth-of-type(2){color:#fff}

@media (max-width:1024px){
    .develop-page .tit>h2{font-size: .32rem;line-height: .52rem;margin-bottom: .2rem;}
    .develop-page .tit>p:nth-of-type(1){font-size: .4rem;line-height: .6rem;}
    .develop-page .tit>p:nth-of-type(2){font-size: .28rem;line-height: .54rem;margin-top: .25rem;}

    .develop-page .box1{padding-top: 1.2rem;flex-wrap: wrap;}
    .develop-page .box1 .con{width: 100%;padding-top: 1rem;order:2}
    .develop-page .box1 .tit>p:nth-of-type(3){font-size: .28rem;line-height: .48rem;margin: .2rem 0 .4rem;}
    .develop-page .box1 li{padding: .4rem;min-width: 0;width: calc(100% / 3 - .08rem);margin: 0 .12rem .12rem 0;}
    .develop-page .box1 li:nth-child(3n){margin-right: 0;}
    .develop-page .box1 li .img-div{width: .6rem;height: .61rem;margin: 0 auto .2rem;}
    .develop-page .box1 li>p{font-size: .28rem;line-height: .44rem;text-align: center;}
    .develop-page .box1 .imgs{width: 100%;}
    .develop-page .box1 .imgs::before{display: none;}
    .develop-page .box1 .img-bg{transform: translate(0);}

    .develop-page .box2{padding: .2rem .4rem;}
    .develop-page .box2 .item{flex-wrap: wrap;padding-top: .8rem;}
    .develop-page .box2 .img-bg{width: 100%;border-radius: .3rem;}
    .develop-page .box2 .con{padding:.6rem 0 0;opacity: 1;order:2}
    .develop-page .box2 li{padding:.4rem 0;}
    .develop-page .box2 li>h3{font-size: .36rem;line-height: .56rem;padding-right: .5rem}
    .develop-page .box2 li>h3::before{width: .25rem;height: .25rem;top: .15rem;border-radius: 0 0 .25rem 0;}
    .develop-page .box2 li>h3::after{width: .35rem;height: .35rem;top: .1rem;right: 0}
    .develop-page .box2 li>p{font-size: .28rem;line-height: .56rem}
    .develop-page .box2 li.active>h3{padding-left: .4rem;}
    .develop-page .box2 .item:nth-child(2n) .img-bg{order:1;border-radius: .3rem;}
    .develop-page .box2 .item:nth-child(2n) .con{padding-right:0;}

    .develop-page .box3{padding-top: 1.2rem;}
    .develop-page .box3 li{display: block;padding: .4rem 0;}
    .develop-page .box3 li>p:nth-of-type(1){width: 100%;font-size: .36rem;line-height: .56rem;padding-left:.4rem;}
    .develop-page .box3 li>p:nth-of-type(1)::before{width: .25rem;height: .25rem;top: .15rem;border-radius: 0 0 .15rem 0;}
    .develop-page .box3 li>h3{width: 100%;font-size: .38rem;line-height: .58rem;padding: .3rem 0;}
    .develop-page .box3 li>p:nth-of-type(2){font-size: .28rem;line-height: .48rem}

    .develop-page .box4{padding: 1rem 0;}
    .develop-page .box4 .img{padding-bottom: 150%;}
    .develop-page .box4 .pc{display: none;}
    .develop-page .box4 .m{display: block;}
    .develop-page .box4 .tit{width: calc(100% - .8rem);}
}

@media (any-hover:hover){
    .develop-page .box1 li:hover{background: #003893;}
    .develop-page .box1 li:hover .img-div{filter: brightness(0%) invert(100%);}
    .develop-page .box1 li:hover>p{color:#fff}
}

/* 新闻 */
.news-page{background: #F6F7FB;}

.news-page.list .tit{text-align: center;padding: .75rem 0 .55rem;}
.news-page.list .tit>h1{font-size: .6rem;line-height: .7rem;color:#000;margin-bottom: .2rem;}
.news-page.list .tit>p{font-size: .24rem;line-height: .34rem}

.news-page.list .tmp1 .best{padding-bottom: .7rem;}
.news-page.list .tmp1 .best .swiper-container{border-radius: .2rem;}
.news-page.list .tmp1 .best .swiper-slide{display: flex;align-items: center;background: #fff;border-radius: .2rem;}
.news-page.list .tmp1 .best .img-bg{width: 54.54%;border-radius: .2rem 0 0 .2rem;}
.news-page.list .tmp1 .best .img{padding-bottom: 55.2%;}
.news-page.list .tmp1 .best .info{width: 45.46%;padding: 0 5% 4% 4%;}
.news-page.list .tmp1 .best .info>p:nth-of-type(1){font-size: .16rem;color: #999;}
.news-page.list .tmp1 .best .info>h2{font-size: .32rem;color: #000;line-height: .44rem;margin: .15rem 0 .25rem;}
.news-page.list .tmp1 .best .info>p:nth-of-type(2){font-size: .18rem;color: #666;line-height: .3rem;margin-bottom: .3rem;}
.news-page.list .tmp1 .best .swiper-pagination{width: 45.46%;left: auto;right: 0;text-align: left;padding-left: 4%;bottom: 10%;}
.news-page.list .tmp1 .best .swiper-pagination-bullet{width: .12rem;height: .12rem;opacity: 1;background: #ddd;}
.news-page.list .tmp1 .best .swiper-pagination-bullet-active{background: #003893;}
.news-page.list .tmp1 .item{padding-bottom: .7rem;}
.news-page.list .tmp1 ul{display: flex;flex-wrap: wrap;}
.news-page.list .tmp1 li{width: calc(100% / 3 - .42rem);margin-right: .63rem;background: #fff;border-radius: .2rem;position: relative;margin-bottom: .5rem;}
.news-page.list .tmp1 li:nth-child(3n){margin-right: 0;}
.news-page.list .tmp1 li .img-bg{border-radius: .2rem .2rem 0 0;}
.news-page.list .tmp1 li .img{padding-bottom: 54.54%;}
.news-page.list .tmp1 li .info{padding: .45rem .5rem .3rem;}
.news-page.list .tmp1 li .info>p:nth-of-type(1){font-size: .16rem;color: #999;}
.news-page.list .tmp1 li .info>h3{font-size: .24rem;color: #000;line-height: .36rem;margin: .15rem 0 .1rem;}
.news-page.list .tmp1 li .info>p:nth-of-type(2){font-size: .16rem;color: #666;line-height: .26rem;margin-bottom: .25rem;}
.news-page.list .tmp1 li .info>a{display: inline-block;border-radius: .3rem;transition: .3s;padding-right: .25rem;position: relative;z-index: 30;}
.news-page.list .tmp1 li .info>a>p{font-size: .16rem;color:#666;background: url(../images/arrow1-g.svg) no-repeat right center/.2rem;padding-right: .35rem;line-height: .48rem;transition: .3s}
.news-page.list .tmp1 .page{padding: .1rem 0 .5rem;}

.news-page.list .tmp2 .btn{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/10.png) no-repeat center center/.6rem;transition: .3s;}
.news-page.list .tmp2 .best{background: #fff;border-radius: .2rem;margin-bottom: .6rem;}
.news-page.list .tmp2 .best.hasvideo{cursor: pointer;}
.news-page.list .tmp2 .best .img-bg{border-radius: .2rem .2rem 0 0;position: relative;}
.news-page.list .tmp2 .best .img{padding-bottom: 38.63%;}
.news-page.list .tmp2 .best>h2{font-size: .24rem;line-height: .34rem;color:#000;padding: .35rem .4rem;}
.news-page.list .tmp2 .item{padding-bottom: .8rem;}
.news-page.list .tmp2 ul{display: flex;flex-wrap: wrap;}
.news-page.list .tmp2 li{background: #fff;border-radius: .2rem;width: calc(100% / 3 - .26rem);margin-right: .39rem;margin-bottom: .4rem;}
.news-page.list .tmp2 li:nth-child(3n){margin-right: 0;}
.news-page.list .tmp2 li.hasvideo{cursor: pointer;}
.news-page.list .tmp2 li .img-bg{border-radius: .2rem .2rem 0 0;position: relative;}
.news-page.list .tmp2 li .img{padding-bottom: 57.14%;}
.news-page.list .tmp2 li .btn{background-size: .5rem;}
.news-page.list .tmp2 li>h3{font-size: .18rem;line-height: .28rem;color:#000;padding: .25rem .3rem;}
.news-page.list .tmp2 .page{padding: .2rem 0 .4rem;}

.news-page.detail{padding: 4% 0 5%;}
.news-page.detail .width{border-radius: .2rem;background: #fff;padding: 4%;}
.news-page.detail .width>h1{font-size: .36rem;line-height: .46rem;text-align: center;}
.news-page.detail .width>p{color:#999;font-size: .18rem;text-align: center;margin: .2rem 0;}
.news-page.detail .content{border-top: 1px #eee solid;border-bottom: 1px #eee solid;padding: .3rem 0;margin-bottom: .5rem;}
.news-page.detail .content p{font-size: .16rem;line-height: .3rem;color:#666}
.news-page.detail .jump{display: flex;align-items: center;justify-content: space-between;}
.news-page.detail .info{width: 70%;}
.news-page.detail .info>a{font-size: .16rem;color:#666;line-height: .3rem;}

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

    .news-page.list .tmp1 .best{padding-bottom: 1rem;}
    .news-page.list .tmp1 .best .swiper-slide{display: block;}
    .news-page.list .tmp1 .best .img-bg{width: 100%;border-radius: .2rem .2rem 0 0;}
    .news-page.list .tmp1 .best .info{width: 100%;padding: .6rem .4rem .8rem;}
    .news-page.list .tmp1 .best .info>p:nth-of-type(1){font-size: .28rem}
    .news-page.list .tmp1 .best .info>h2{font-size: .32rem;line-height: .52rem;}
    .news-page.list .tmp1 .best .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin-bottom: .4rem;}
    .news-page.list .tmp1 .best .swiper-pagination{width: 100%;text-align: center;padding-left: 0;bottom: 0;position: static;}
    .news-page.list .tmp1 .best .swiper-pagination-bullet{width: .15rem;height: .15rem;margin-top: .4rem;}
    .news-page.list .tmp1 .item{padding-bottom: .4rem;}
    .news-page.list .tmp1 ul{display: block;}
    .news-page.list .tmp1 li{width: 100%;margin-right: 0;margin-bottom: .6rem;}
    .news-page.list .tmp1 li .info{padding: .6rem .4rem .8rem;}
    .news-page.list .tmp1 li .info>p:nth-of-type(1){font-size: .28rem}
    .news-page.list .tmp1 li .info>h3{font-size: .32rem;line-height: .52rem;}
    .news-page.list .tmp1 li .info>p:nth-of-type(2){font-size: .28rem;line-height: .48rem;margin-bottom: .4rem;}
    .news-page.list .tmp1 li .info>a{border-radius: .6rem;padding-right: .25rem;}
    .news-page.list .tmp1 li .info>a>p{font-size: .28rem;background-size:.3rem;padding-right: .5rem;line-height: .28rem}
    .news-page.list .tmp1 .page{padding: 0 0 .6rem;}

    .news-page.list .tmp2 .btn{background-size:.9rem}
    .news-page.list .tmp2 .best{margin-bottom: .8rem;}
    .news-page.list .tmp2 .best .img{padding-bottom: 57.14%;}
    .news-page.list .tmp2 .best>h2{font-size: .32rem;line-height: .52rem;padding: .4rem;text-align: center;}
    .news-page.list .tmp2 .item{padding-bottom: .4rem;}
    .news-page.list .tmp2 ul{display: block}
    .news-page.list .tmp2 li{width: 100%;margin-right: 0;margin-bottom: .6rem;}
    .news-page.list .tmp2 li .btn{background-size: .9rem;}
    .news-page.list .tmp2 li>h3{font-size: .28rem;line-height: .48rem;padding: .4rem;text-align: center;}
    .news-page.list .tmp2 .page{padding: 0 0 .6rem;}

    .news-page.detail{padding: .7rem 0 1rem;}
    .news-page.detail .width{padding: .8rem .4rem 1rem;}
    .news-page.detail .width>h1{font-size: .32rem;line-height: .52rem}
    .news-page.detail .width>p{font-size: .28rem;margin: .3rem 0;}
    .news-page.detail .content{padding: .5rem 0;margin-bottom: .6rem;}
    .news-page.detail .content p{font-size: .28rem;line-height: .6rem}
    .news-page.detail .jump{display: block}
    .news-page.detail .info{width: 100%;margin-bottom: .4rem;}
    .news-page.detail .info>a{font-size: .28rem;line-height: .6rem;}
}

@media (any-hover:hover){
    .news-page.list .tmp1 .best .swiper-slide:hover .img{transform: scale(1.1);}
    .news-page.list .tmp1 .best .swiper-slide:hover .info>h2{color:#003893}
    .news-page.list .tmp1 li:hover .img{transform: scale(1.1);}
    .news-page.list .tmp1 li:hover .info>h3{color:#003893}
    .news-page.list .tmp1 li:hover .info>a{background: #003893;}
    .news-page.list .tmp1 li:hover .info>a>p{color:#fff;background-image: url(../images/arrow1-w.svg);padding-left:.3rem;}
    .news-page.list .tmp1 li .info>a:hover>p{padding:0 .3rem 0 .35rem;background-position: calc(100% + .05rem);}

    .news-page.list .tmp2 .best:hover .img{transform: scale(1.1);}
    .news-page.list .tmp2 .best:hover .btn{transform: scale(1.1);}
    .news-page.list .tmp2 .best:hover>h2{color:#003893}
    .news-page.list .tmp2 li:hover .img{transform: scale(1.1);}
    .news-page.list .tmp2 li:hover .btn{transform: scale(1.1);}
    .news-page.list .tmp2 li:hover>h3{color:#003893}

    .news-page.detail .info>a.dot:hover{color:#003893}
}

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

.about-page .box1{padding: 1.2rem 0;}
.about-page .box1 .tit{text-align: center;margin-bottom: .45rem;}
.about-page .box1 .con{display: flex;justify-content: space-between;align-items: flex-start;}
.about-page .box1 .img-bg{width: 46.59%;border-radius: .2rem;}
.about-page .box1 .img{padding-bottom: 67.07%;}
.about-page .box1 ul{width: 46.59%;border-top: 1px solid #e5e5e5;}
.about-page .box1 li{border-bottom: 1px solid #e5e5e5;display: flex;justify-content: space-between;align-items: center;padding: .5rem 0;}
.about-page .box1 li>p{width: 48%;}
.about-page .box1 li>p:nth-of-type(1){color:#003893;display: flex;align-items: flex-end;}
.about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(1){font-size: .8rem;line-height: .8rem;}
.about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: .18rem;margin: 0 0 .05rem .1rem;}
.about-page .box1 li>p:nth-of-type(2){text-align: right;font-size: .24rem;line-height: .34rem;}

.about-page .box2{position: relative;}
.about-page .box2 .img{padding-bottom: 45.83%;background-attachment: fixed;}
.about-page .box2 ul{display: flex;flex-wrap: wrap;top: 15%;position: absolute;left: 50%;transform: translateX(-50%);}
.about-page .box2 li{width: calc(100% / 3);position: relative;padding: 0 .4rem;}
.about-page .box2 li::before{content:'';width: .02rem;height: 1.1rem;background: #003893;position: absolute;top: .1rem;left: 0;}
.about-page .box2 li>h3{font-size: .6rem;line-height: .7rem;color: #003893;margin-bottom: .1rem;}
.about-page .box2 li>p{font-size: .3rem;line-height: .48rem}

.about-page .box3{padding: 1.3rem 0 1rem;}
.about-page .box3 .con{display: flex;margin-top: .45rem;}
.about-page .box3 .swiper-container{width: 28%;height:3.6rem;margin: 0;position: sticky;top: 1.5rem;}
.about-page .box3 .swiper-container::after{content: '';position: absolute;width: .08rem;height: .86rem;background: #fff url(../images/12.png) no-repeat center center/100%;top: 1.38rem;right: 0;z-index: 3;}
.about-page .box3 .swiper-slide{font-size: 1rem;height: 1.2rem;color:#ddd;transition: .3s;display: flex;align-items: center;}
.about-page .box3 .swiper-slide-active{font-size: 1.2rem;color:#003893;font-weight: bold;}
.about-page .box3 .swiper-slide:last-child{font-size: .75rem;}
.about-page .box3 .swiper-slide-active:last-child{font-size: .75rem;}
.about-page .box3 ul{flex:1;padding-left: 5%;position: relative;}
.about-page .box3 ul::before{content:'';height: calc(100% - .4rem);width: .08rem;position: absolute;top: .2rem;left: -.08rem;background: url(../images/11.png) repeat-y left top/.08rem;z-index: 2;}
.about-page .box3 li{display: flex;align-items: center;border-bottom: 1px #eee solid;padding: .2rem 0;}
.about-page .box3 li:last-child{border-bottom: 0;}
.about-page .box3 .img-bg{border-radius: .1rem;width: 32%;}
.about-page .box3 .img{padding-bottom: 47.5%;}
.about-page .box3 .info{flex:1;padding-left: 3.8%;}
.about-page .box3 .info>span{font-size: .3rem;color:#003893;margin-bottom: .05rem;display: block;}
.about-page .box3 .info>p{font-size: .16rem;line-height: .32rem;position: relative;padding-left: .2rem;}
.about-page .box3 .info>p::before{content:'';width: .06rem;height: .06rem;background: #333;border-radius: 50%;position: absolute;top: .12rem;left: 0;}

.about-page .box4{padding: 1.3rem 0 1.2rem;}
.about-page .box4 ul{display: flex;flex-wrap: wrap;margin-top: .45rem;}
.about-page .box4 li{width: calc(25% - .18rem);margin-right: .24rem;margin-bottom: .25rem;border-radius: .1rem;font-size: .2rem;line-height: .3rem;color:#000;text-align: center;padding: .95rem .3rem .45rem;background: #fff url(../images/14.png) no-repeat center .4rem/1rem;transition: .3s;}
.about-page .box4 li:nth-child(4n){margin-right: 0;}

.about-page .box5{padding: 1.3rem 0;}
.about-page .box5 ul{border-top: 1px #eee solid;display: flex;justify-content: space-between;margin-top: .45rem;padding-top: .45rem;}
.about-page .box5 li{color:#000;position: relative;padding: 0 .3rem;position: relative;}
.about-page .box5 li:first-child{padding-left: 0;}
.about-page .box5 li:last-child{padding-right: 0;}
.about-page .box5 li>p:nth-of-type(1){font-size: .18rem;}
.about-page .box5 li>p:nth-of-type(2){font-size: .24rem;line-height: .34rem;margin: .1rem 0 .2rem;}
.about-page .box5 .img-div{width: .35rem;height: .31rem;}
.about-page .box5 li>span{background: #e5e5e5;width: 1px;height: 1.2rem;position: absolute;top: .05rem;}
.about-page .box5 .img-bg{border-radius: .2rem;}
.about-page .box5 .img{padding-bottom: 34.09%;}

@media (max-width:1024px){
    .about-page .tit{text-align: center;}
    .about-page .tit>h2{font-size: .36rem;line-height: .56rem;}
    .about-page .tit>p{line-height: .6rem}

    .about-page .box1{padding: 1.2rem 0 1rem;}
    .about-page .box1 .tit{margin-bottom: .6rem;}
    .about-page .box1 .con{display: block}
    .about-page .box1 .img-bg{width: 100%}
    .about-page .box1 ul{width: 100%;}
    .about-page .box1 li>p:nth-of-type(1)>span:nth-of-type(2){font-size: .28rem}
    .about-page .box1 li>p:nth-of-type(2){font-size: .28rem;line-height: .44rem;}

    .about-page .box2 .img{padding-bottom: 120%}
    .about-page .box2 ul{display: block;top: 1.5rem;}
    .about-page .box2 li{width: 100%;padding: 0 .4rem .6rem;}
    .about-page .box2 li::before{top: .1rem;}
    .about-page .box2 li>h3{font-size: .5rem;line-height: .7rem;}
    .about-page .box2 li>p{font-size: .28rem;line-height: .44rem}

    .about-page .box3{padding: 1.2rem 0 .6rem;}
    .about-page .box3 .con{display: block;margin-top: .2rem;}
    .about-page .box3 .swiper-container{display: none;}
    .about-page .box3 ul{padding-left: 0}
    .about-page .box3 ul::before{display: none;}
    .about-page .box3 li{display: block;padding: .4rem 0;}
    .about-page .box3 .img-bg{width: 100%;}
    .about-page .box3 .info{padding: .4rem 0 0;}
    .about-page .box3 .info>span{font-size: .5rem;margin-bottom: .2rem;}
    .about-page .box3 .info>p{font-size: .28rem;line-height: .56rem;padding-left: .3rem;}
    .about-page .box3 .info>p::before{width: .1rem;height: .1rem;top: .2rem}

    .about-page .box4{padding: 1.2rem 0 .8rem;}
    .about-page .box4 ul{margin-top: .6rem;}
    .about-page .box4 li{width: calc(50% - .1rem);margin-right: .2rem;margin-bottom: .2rem;font-size: .28rem;line-height: .44rem;padding: 1.5rem .4rem .5rem;background: #fff url(../images/14.png) no-repeat center .6rem/1.5rem}
    .about-page .box4 li:nth-child(4n){margin-right: .2rem;}
    .about-page .box4 li:nth-child(2n){margin-right: 0;}

    .about-page .box5{padding: 1.2rem 0 1rem;}
    .about-page .box5 ul{display: block;margin-top: .6rem;padding: 0;}
    .about-page .box5 li{padding: .6rem 0;border-bottom: 1px #eee solid;text-align: center;}
    .about-page .box5 li>p:nth-of-type(1){font-size: .32rem;}
    .about-page .box5 li>p:nth-of-type(2){font-size: .36rem;line-height: .56rem;margin: .2rem 0 .3rem;}
    .about-page .box5 .img-div{width: .55rem;height: .51rem;margin: 0 auto;}
    .about-page .box5 li>span{display: none;}
}

/* 搜索 */
.search-page{padding: 4% 0 5%;background: #F6F7FB;}
.search-page .width{background: #fff;border-radius: .2rem;padding: 4%;}
.search-page .tit{display:flex;justify-content:space-between;font-size: .16rem;color:#999;margin-bottom: .3rem;}
.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: .6rem 0 1rem}
    .search-page .width{padding: .6rem .4rem 1rem;}
    .search-page .tit{font-size: .28rem;margin-bottom: .3rem;}
    .search-page .result>a{font-size: .28rem;line-height: 1rem;}
    .search-page .page{padding-top: .6rem;}
}

@media (any-hover:hover){
    .search-page .result>a:hover{color:#003893}
}