@charset "utf-8";

.banner{position:relative;overflow: hidden;}
.banner .swiper-slide{overflow: hidden;}

.banner .swiper-slide a{display:block;position:relative}
/*.banner .swiper-slide a:before{content:'';position:absolute;left:0;top:-1px;right:0;height:2.6rem;background:url(../images/bams.png) repeat-x top center;background-size:101% 100%;z-index:2;opacity: .8;}*/
/*.banner .swiper-slide a:after{content:'';position:absolute;left:0;bottom:-1px;right:0;height:2rem;background:url(../images/blackms.png) no-repeat top center;background-size:101% 100%;z-index:2;opacity: .8;}*/
.banner .item .imgBox .img{padding-bottom:39.6%; background-position: center;background-size: cover;background-repeat: no-repeat}

.banner .swiDots{position:absolute;bottom:.4rem;left:10%;z-index:5;right: 10%;width: auto;text-align:center;}

.banner .swiDots span{background:#fff;width:10px;height:10px;margin:0 .1rem!important;position:relative;background:#fff;vertical-align: middle;opacity: .7;transition: .3s}
.banner .swiDots span.active{opacity:1;width: .3rem}

.banner .slide-video .a{height:80vh;width: 100%;}
.banner .slide-video video{width: 100%;height: 100%;object-fit: cover;}
.banner .mas{position: absolute;bottom: -1px;left: 50%;;text-align: center;z-index: 2;height: 1.3rem;width: 6.3rem;margin-left: -3.15rem}
.banner .mas .bas{pointer-events: none;user-select: none}
.banner .mas .scDown{position: absolute;left: 50%;top: .7rem;margin-left: -.4rem;z-index: 3;width: .8rem;animation: up 2s infinite;user-select: none}
@media (min-width:1025px){
/*.banner .swiper-slide .sc{-webkit-transition:8s 1s linear;-webkit-transform:scale(1)}
.banner .swiper-slide-active .sc{-webkit-transform:scale(1.1)}*/
}
@media (max-width:1024px){
.banner .swiper-slide a:before{height:1.5rem}
.banner .swiper-slide a:after{height:1.2rem}
.banner .item .imgBox .img{padding-bottom:0;height:46.666vw;min-height:inherit}
.banner .swiDots{text-align: center;bottom: .4rem;border-right: 0;padding-right: 0;right: 10%}

}
@media (max-width:640px){
.banner .swiper-slide a:after{height:1rem}
.banner .swiDots{bottom:.2rem;}
.banner .swiDots span{width: 6px;height:6px;}
}
.iconfont{font-size: inherit;}
#app{width: 100vw;overflow: hidden;}
.intit h3{line-height: 1.2em;font-size: .36rem}
.swi-arrbar{margin-left: .05rem}

.bg{background: url(../images/bg1.jpg) no-repeat top center;background-size: 100% auto}
.bg .intit{text-align: center;margin-bottom: .5rem}
.bg .intit h3{font-size: .48rem}
.homea{padding: .9rem 0 .6rem}

.homea .list li{width: calc(33.3333% - .3rem);}
.homea .list li a{display: block;background: #fff;box-shadow: 0 0 20px rgba(5,78,168,.15);border-radius: .1rem;padding: .1rem;height: 100%}
.homea .list li .img{height: 4.3rem}
.homea .list li .txt{padding-top: .2rem;padding-bottom: .15rem}
.homea .list li .txt h4{font-size: .28rem;text-align: center;margin-bottom: .2rem}
.homea .list li .txt h4 span{color: #054ea8}
.homea .list li .txt .slogs span{color: #fff;background: #a3afbf;display: inline-block;line-height: .3rem;padding: 0 .15rem;border-radius: .4rem;font-size: .15rem;margin: 0 .05rem .1rem;transition:.3s;}
.homea .list li .txt .slogs span:hover{background: #054ea8}
.homeb{padding: .5rem 0 .6rem}
.zl-list li{width: calc(33.3333% - .3rem);}
.zl-list li .item{background: #fff;box-shadow: 0 0 20px rgba(5,78,168,.15);border-radius: .1rem;padding:.35rem .4rem;position: relative;overflow: hidden;transition:.3s;}
.zl-list{margin-bottom: .6rem}
.zl-list li .din{color: #a3afbf;font-size: .32rem;position: absolute;top: .3rem;right: .3rem;transition:.3s;}
.zl-list li .i1{color: #054ea8;font-size: .5rem;;transition:.3s;}
.zl-list li .i2{color: rgba(255,255,255,.1);font-size: 3rem;position: absolute;top: 50%;transform: translateY(-50%);right: 5%;pointer-events: none;z-index: 0}
.zl-list li h4{font-weight: normal;font-size: .24rem;margin-top: .25rem;transition:.3s;}
.zl-list li p{font-size: .14rem;margin-top: .16rem;line-height: 1.8em;color: #666;transition:.3s;}
.zl-list li:hover .item{background: #054ea8}
.zl-list li:hover h4{color: #fff}
.zl-list li:hover p{color: rgba(255,255,255,.7)}
.zl-list li:hover .i1{color: rgba(255,255,255,1)}
.zl-list li:hover .din{color: rgba(255,255,255,.3)}
.homeb .list2{max-width: 11.4rem;margin: 0 auto .5rem}
.homeb .list2 li {text-align: center}
.homeb .list2 li img{height: .84rem;filter: grayscale(100%);transition: .3s;opacity: .6;user-select: none}
.homeb .list2 li p{margin-top: .2rem;color: #666}
.homeb .list2 li:hover img{filter: grayscale(0);opacity: 1}
.homeb .applyBtn a{display: block;width: 2.8rem;line-height: .5rem;background:#054ea8;color: #fff;border-radius: .5rem;text-align: center;margin:  0 auto;font-size: .18rem;display: flex;align-items: center;justify-content: center }
.homeb .applyBtn a i{font-size: .24rem;margin-right: .1rem}

.homec {padding-top: .6rem}
.homec .intit{margin-bottom: .35rem}
.homec .list{display: flex;justify-content: space-between;}

.homec .list li .img{height: 6.8rem;overflow: hidden;background: #000}
.homec .list li .img img{width: 100%;height: 100%;object-fit: cover;opacity: .5;}
.homec .list li a{color: #fff}
.homec .list li .txt1{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 3;display: flex;align-items: center;flex-direction: column;justify-content: center}
.homec .list li .txt1 h4{font-size: .32rem;font-weight: normal;margin-top: .4rem;color: #fff}
.homec .list li .txt2{position: absolute;left: 0;right: 0;top: 0;padding: .8rem 10%;z-index: 2;color: #fff;opacity: 0;visibility: hidden;}
.homec .list li .txt2 .tit img{height: .74rem;margin-right: .1rem}
.homec .list li .txt2 .tit span{font-size: .36rem}
.homec .list li .txt2 .desc{max-width: 4rem;color: rgba(255,255,255,.7);margin-top: .3rem;margin-bottom: .3rem;line-height: 1.8em}
.homec .list li .logos{position: absolute;left: 0;bottom: 0;right: 0;background: rgba(255,255,255,.7);opacity: 0;visibility: hidden;padding: .25rem 6%}
.homec .list li .logos .item{width: 25%;text-align: center;padding: 10px 0;}
.homec .list li .logos .item img{height: .5rem;user-select: none;/*width: 100%;height: 100%;*/object-fit: contain;}

.homed{padding: .8rem 0 .7rem;}
.homed .intit{margin-bottom: .6rem}
.homed .slide-dtp{position: absolute;left: 0;width: 5.95rem;background: #fff;border-radius: .2rem;padding: .7rem .7rem .5rem;box-shadow: 0 0 25px rgba(0,0,0,.1);z-index: 5;bottom: .9rem;top: .65rem}
.homed .slide-dt{}
.homed .slide-dt .slog span{background: #054ea8;display: inline-block;padding: 0 .25rem;border-radius: .4rem;line-height: .34rem;color: #fff}
.homed .slide-dt h4{font-weight: normal;font-size: .28rem;margin-top: .2rem}
.homed .slide-dt p{font-size: .14rem;margin-top: .2rem;line-height: 1.8em;color: #666}
.homed .slide-dt .mor{margin-top: .4rem;color:#054ea8 }
.homed .slide-dp{width: 9.6rem;border-radius: .1rem;}
.homed .slide-dp .img{height: 6rem;border-radius: .1rem;}
.homed .slide-dp .codeShow{position: absolute;right: 0;bottom: 0;z-index: 2;width: 1.89rem;height: 1.53rem;background: url(../images/649.png) no-repeat right bottom;background-size: 100% 100%;padding: .6rem  .3rem 0 .6rem;color: #fff;text-align: center}
.homed .slide-dp .codeShow i{font-size: .4rem}
.homed .slide-dp .codeShow p{margin-top: .05rem;font-size: .15rem}
.homed .slide-dp .codeShow .codeBox{background: #fff;padding: 5px;border-radius: 5px;display: block;width: 130px;height: 130px;position: absolute;right: .2rem;bottom: .2rem;display: none;z-index: 3}
.homed .slide-dp .autoCode:hover .codeShow .codeBox{display: block;}
.homed .swiBtn{position: absolute;left:.7rem;bottom: 0;width: 1.1rem;display: flex;justify-content: space-between;}
.homed .swiBtn a{display: block;width: .44rem;height: .44rem;background: #b6b7b7;color: #fff;text-align: center;line-height: .44rem;border-radius: 50%;font-size: .2rem}
.homed .swiBtn a:hover{background: #114592}
.homee{padding: .8rem 0 .7rem;color: #fff}
.homee .bg{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: #0055a7}
.homee .bg img{opacity: .5;width: 100%;height: 100%;object-fit: cover;z-index: 0;pointer-events: none;user-select: none}
.homee .tit{margin-bottom: 2.1rem}
.homee .desc{max-width: 6.8rem;text-align: right;font-size: .15rem;line-height:2em;color: rgba(255,255,255,.8)}
.homee .listp .line1{width: 1px;position: absolute;top: 0;bottom: 0;background: rgba(255,255,255,.2);left: 18%}
.homee .listp .line2{width: 1px;position: absolute;top: 0;bottom: 0;background: rgba(255,255,255,.2);left: 47%}
.homee .listp .line3{width: 1px;position: absolute;top: 0;bottom: 0;background: rgba(255,255,255,.2);left: 74%}
.homee .list li{}
.homee .list li .odometer-inside{display: inline-block;}
.homee .list li .num i{font-size: .72rem;display: inline-block;position: relative;line-height: 1em}
.homee .list li .num i.sp:after{content: '+';font-size: .62rem}
.homee .list li .num span.t{margin-left: .1rem;position: relative;top: -.1rem}
.homee .list li .p2{color: rgba(255,255,255,.8);margin-top: .1rem}
.homee .list li .p3{margin-top: .5rem}
.homee .list li .p3 a{color: #fff;}
.homee .list li .p3 a i {transition: .2s;display: inline-block;}
.homee .list li .p3 a:hover i {transform: translateX(5px);}

.homef{padding: .95rem 0 .75rem;background: #fff}
.homef .intit{color: #0055a7;position: absolute;left: 54%;top:0}
.homef .box .item{width: 50%}
.homef .box .list1{width: 46%;padding-top: .75rem}
.homef .box .list2{width: 100%;margin-top: .45rem}
.homef .box .item .img{height: 5rem;border-radius: .1rem}
.homef .box .item .txt{position: absolute;left: 0;bottom: 0;right: 0;z-index: 3;padding: .2rem .3rem;color: #fff}
.homef .box .item .txt time{color: rgba(255,255,255,.8)}
.homef .box .item .txt h4{font-weight: normal;font-size: .24rem;margin-top: .1rem}

.homef .box .list1 li{padding: .24rem 0;border-top: 1px solid #ddd}
.homef .box .list1 li a{display: block;position: relative;}
.homef .box .list1 li h4{font-weight: normal;font-size: .22rem;margin-right: 1rem;margin-bottom: .15rem}
.homef .box .list1 li time{position: absolute;right: 0;top: .05rem;color: #888}
.homef .box .list1 li p{font-size: .14rem;line-height: 1.8em;color: #666}

.homef .box .list2 li{width:calc(33.3333% - .14rem) ;height: .6rem;margin-bottom: .2rem;border: 1px solid #ddd;border-radius: .08rem}
.homef .box .list2 li h4{font-weight: normal;}
.homef .box .list2 li a{display: flex;align-items: center;padding: 0 .4rem;position: relative;height: 100%}
.homef .box .list2 li a:before{content: "\e626";font-family: "iconfont" !important;position: absolute;left: .15rem;top: 50%;transform: translateY(-50%);font-size: .2rem;color: #444}
.homef .box .list2 li a:after{content: "\e676";font-family: swiper-icons!important;position: absolute;right: .15rem;top: 50%;transform: translateY(-50%);color: #888}
@media (min-width: 1025px){
.homea .slide-a{overflow: visible;}
.homea .list{display: flex;justify-content: space-between;}
.homec .list li.on .logos{opacity: 1;visibility: visible;transition:.5s}
.homec .list li.on .txt2{opacity: 1;visibility: visible;transition:.5s}
.homec .list li.on .txt1{opacity: 0;visibility: hidden;transition:.5s}
.homec .list li.on{width: 60.4%}
.homec .list li{width: calc(19.8% - 1px);position: relative;transition: .5s;}
.homec .list li.on .img {background: #114592}
.homec .list li.on .img img{filter:grayscale(0);}
.homec .list li .img img{filter:grayscale(100%);transition: .3s;}
.uswi{display: none}
}
@media (max-width: 1024px){
.homea .list li a{margin: .2rem}
.uswi{display:block;margin-top: .2rem;text-align: center}
.uswi span{background: #000;margin: 0 .1rem;width: 10px;height: 10px}
.uswi span.active{background:#054ea8;opacity: 1}

.zl-list li{width: 100%}
.zl-list li+li{margin-top: .25rem}
.bg .intit h3{font-size: .4rem}

.homec .list li .logos{opacity: 1;visibility: visible;}
.homec .list li .txt2{opacity: 1;visibility: visible;}
.homec .list li .txt1{opacity: 0;visibility: hidden;}
.homed .slide-dtp{position: relative;top: 0;bottom: 0;width: 100%;border-radius: 0 0 .2rem .2rem;padding: .6rem}
.homed .slide-dp{width: 100%;border-radius: .2rem .2rem 0 0 }
.homed .slide-dp .img{border-radius: .2rem .2rem 0 0}
.homed .swiBtn{position: relative;left: 0;width: 100%;justify-content: center;margin-top: .3rem;margin-bottom: .1rem}
.homed .swiBtn a{margin: 0 .2rem}
.homed .slide-dp .img{height: 60vw}

.homee .intit{width: 100%;text-align: center;margin-bottom: .3rem}
.homee .desc{max-width: inherit;width: 100%;text-align: center}
.homee .tit{margin-bottom: .8rem}
.homee .list li .num i{font-size: .6rem}
.homee .listp .line{display: none}
}

@media (max-width: 900px){
.homef .intit{position: relative;left: 0;top: 0;margin-bottom: .35rem}
.homef .box .item{width: 100%}
.homef .box .list1{width: 100%;padding-top: 0;margin-top: .3rem}  
.homef .box .item .img{height: 60vw}
.homef .box .list2 li{width:100% ;height: auto;}
.homef .box .list2 li a{padding: .2rem .45rem}
.homec .list li .logos{align-items: center;display: none}
.homec .list li .logos .item{width: 23%;text-align: center}
.homec .list li .logos .item img{height: auto}
.homec .list li .img{height: 90vw}
}
@media (max-width: 640px){
.homea{padding: .6rem 0 .4rem}
.homef{padding: .65rem 0 .75rem;background: #fff}
.intit h3{font-size: .3rem;}
.bg .intit h3{font-size: .36rem}
.bg  .homea .intit{margin-bottom: .2rem}
.homef .intit{text-align: center}
.homef .box .list2{margin-top: .25rem}
.homef .box .list2 li h4{font-size: .18rem}
.homef .box .list1 li p{font-size: .16rem}
.homef .box .list1 li h4{margin-right: 0;margin-bottom: .1rem;font-size: .2rem}
.homef .box .list1 li time{position: relative;top: 0;display: block;margin-bottom: .1rem;font-size: .18rem}
.homef .box .item .txt h4{font-size: .2rem}
.zl-list li p{font-size: .16rem}
.homeb .list2 li{width: 33.3333%;padding-bottom: .2rem}
.homec{padding-top: .2rem}
.homed .slide-dtp{padding: .3rem .3rem .4rem}
.homed .slide-dt p{font-size: .16rem}
.homee .desc{font-size: .15rem}
.homee .list li{width: 48%;margin-bottom: .4rem}
.homee .list li .p3{margin-top: .3rem;font-size: .2rem}
.homee .list li .p1{font-size: .18rem}
}

@media (max-width: 480px){
.bg .intit h3{font-size: 6vw}
.homeb .list2 li img{height: .7rem}
.homee .list li .num i{font-size: 10vw}
.homee .list li .num i.sp:after{font-size: 8vw}
}