@charset "utf-8";

/*ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789,．-+...*/

.banner_box{ padding: 0px; position: relative; z-index: 3; }
.banner:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;height: 1.5rem;background: linear-gradient(-180deg, rgba(0,0,0,0), rgba(0,0,0,.5));z-index: 1;}
.banner{ overflow: hidden; }
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1);}
.banner .imgBox .img{padding-bottom: 44.79%;transition: 0s;transform: scale(1) !important;}
.banner .imgBox .img video{ opacity: .9;}
.banner.on ul li.swiper-slide-active .a .imgBox, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox, .banner.on ul li.swiper-slide-prev .a .imgBox{ animation: sca 7s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
} 

.dots1{position: absolute;height: .15rem;top: 50%;left: 50%;z-index: 2;display: flex;align-items: center;margin: -.075rem 0 0;}
.dots2{position: absolute;width: .58rem;bottom: .45rem;left: 50%;z-index: 2;display: flex;align-items: center;transform: translateX(-50%);}
.dots2:before{ content: ""; position: absolute; width: .24rem; height: 2px; background: #fff; bottom: .03rem; right: 140%}
.dots2:after{ content: ""; position: absolute; width: .24rem; height: 2px; background: #fff; bottom: .03rem; left: 140%}

.arrow1{position: absolute;right: calc((100vw - 16rem)/2);bottom: .3rem;z-index: 2}
.arrow1 .arrow{ font-size: .5rem; font-family: "lib"; color: #fff; cursor: pointer;}
.arrow1 .arrow.next{ margin: 0 0 0 .3rem}

.pad1{ padding: .8rem 0; overflow: hidden;}

.tit1{margin-bottom: .25rem;align-items: center;}
.tit1 .ll{position: relative;z-index: 1;font-size: .48rem;color: #15193b;font-family: "思源宋体 Heavy";display: flex;align-items: center;padding: .25rem 0;font-weight: 900;text-transform: uppercase;}
.tit1 .ll:before{content: "";position: absolute;background: url(../images/tit1.png) center no-repeat;width: 1.51rem;height: .5rem;background-size: cover;z-index: -1;top: 0;}
.tit1 .ll img{margin: .08rem .1rem 0 0;width: 0.27rem;}

.more1{font-size: .2rem;color: rgba(21,25,59,.6);font-family: "思源宋体 Medium";text-transform: uppercase;align-items: center;font-weight: 500;display: flex; transition: .5s}
.more1 img{ width: .43rem; margin: 0 0 0 -.2rem}

.indexa{background: url(../images/indexa_b.jpg) center bottom no-repeat;background-size: cover;padding-bottom: 1.4rem;}

.list1 .txt{display: flex;flex-direction: column;align-items: flex-start; position: relative; margin: -.27rem 0 0 0}
.list1 .time{height: .54rem;background: #003291;align-items: center;padding: 0 .2rem;font-size: .18rem;color: #fff;font-family: "思源宋体 Medium";font-weight: 500; margin: 0 0 0 .2rem}
.list1 .time img{ width: .2rem; margin: 0 .1rem 0 0}
.list1 h4{margin: .25rem 0;min-height: .9rem;}
.list1 p{ opacity: 0; transform: translateY(-.3rem);}

.list1 .bottom{ width: 100%; justify-content: space-between; align-items: center; margin: .4rem 0 0; transition: .5s; transform: translateY(-.7rem);}
.list1 .bottom .ll{ font-size: .16rem; color: #003291; opacity: .4; text-transform: uppercase;}
.list1 .bottom .cc{display: flex;align-items: center;margin: 0 .15rem 0 0;width: 0;/* overflow: hidden; */transition: .5s;opacity: 0;}
.list1 .bottom .cc img{width: .24rem;max-width: inherit;}
.list1 .bottom .line1{ flex: 1; overflow: hidden; background: #e4e9fb; height: 1px}
.list1 .bottom .rr{display: flex;align-items: center;margin: 0 0 0 .15rem;transition: .5s;width: .24rem;}

.arrow2{ justify-content: flex-end;}
.arrow2 .arrow{width: .42rem;height: .42rem;background: #e2f0ff;border-radius: 50vw;display: flex;align-items: center;justify-content: center;font-size: .24rem;color: #003291;font-family: "lib"; transition: .5s; cursor: pointer}
.arrow2 .arrow.next{ margin: 0 0 0 .2rem}

.indexb{background: url(../images/indexb.png) center top no-repeat;background-size: cover;margin: -9vw 0 0;padding-top: 7vw;}
.indexb .wp.flexjs{ align-items: center}
.indexb .left{ width: calc(100% - 1.8rem - 1.2rem);}
.indexb .right{width: 1.8rem;}
.indexb .right .hd{ position: relative; z-index: 1;}
.indexb .right .hd::before{content: "";position: absolute;background: url(../images/list3_b.png) center no-repeat;background-size: cover;width: 3.42rem;height: 9rem;left: 0;top: 50%;transform: translateY(-50%);z-index: -1;}

.tit2{margin-bottom: .25rem;align-items: center; justify-content: center}
.tit2 .ll{position: relative;z-index: 1;font-size: .48rem;color: #fff;font-family: "思源宋体 Heavy";display: flex;align-items: center;padding: .27rem 0;font-weight: 900;text-transform: uppercase;}
.tit2 .ll:before{content: "";position: absolute;background: url(../images/tit1s.png) center no-repeat;width: 1.51rem;height: .5rem;background-size: cover;z-index: -1;top: 0;left: 50%;transform: translateX(-50%);}
.tit2 .ll img{margin: .08rem 0 0 0;width: .27rem;}
.tit2 .ll img.i1{ margin-right: .2rem;}
.tit2 .ll img.i2{ margin-left: .2rem;}

.list3{position: relative;z-index: 1;width: 1.8rem;height: 4.04rem;display: flex;flex-direction: column;justify-content: space-between;}
.list3 .a{ align-items: center; font-size: .26rem; color: #fff; font-family: "思源宋体 Bold";font-weight: 700; transition: .5s;}
.list3 .ico{width: .5rem;height: .5rem;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 .15rem 0 0;position: relative;z-index: 1;transition: .5s;}
.list3 .ico:before{content: "";position: absolute;top:0;right: 0;bottom: 0;left: 0;background: rgba(255,255,255,.06);border-radius: 50%;transition: .5s;z-index: -1;transform: scale(0); }
.list3 .ico:after{content: "";position: absolute;top:0;right: 0;bottom: 0;left: 0;background: #0170cf;border-radius: 50%;transition: .5s;z-index: -1;transform: scale(0);}
.list3 .ico svg{ width: .3rem; height: .3rem; transition: .5s;}
.list3 .cls-1{fill: #0170cf;fill-rule: evenodd; transition: .5s;}

.list3 li{margin: 0 0 0 .12rem;transform-origin: left center;transition: .5s;}
.list3 li:nth-child(2){ margin: 0 0 0 -.25rem}

.list3 li.on{ transform: scale(1.25)}
.list3 li.on .ico{ background: #0170cf}
.list3 li.on .ico:after{transform: scale(1);}
.list3 li.on .ico:before{transform: scale(1.25);}
.list3 li.on .cls-1{ fill: #fff}

.list2 .imgBox .img{ padding-bottom: 56.17%;}
.list2 .txt{ padding: .15rem 0 .25rem;}
.list2 h4{font-size: .24rem;color: #fff !important;text-align: left;direction: ltr;}

.list2W .kz_b{align-items: center;margin: .2rem 0 0;}
.list2W .arrow2{order: -2;}
.list2W .dots{width: auto;order: 2;display: flex;font-size: .18rem;color: #fff;align-items: baseline;}
.list2W .dots .swiper-pagination-current{order: 2;font-size: .24rem;margin-right: .12rem;}
.list2W .dots .swiper-pagination-total{order: -2;margin-left: .08rem;}
.list2W .swiper-scrollbar{flex: 1;height: .03rem;background: rgba(255,255,255,.1);overflow: hidden;margin: 0 .3rem;}
.list2W .swiper-scrollbar .swiper-scrollbar-drag{ background: #185cc2}
.list2W .arrow2 .arrow{ margin-left: .22rem;}
.list2W .arrow2 .arrow.prev1{ order: 1;}

.list2 li.swiper-slide-next{-webkit-mask: linear-gradient(90deg, transparent, #fff 80%, #fff 100%);mask: linear-gradient(90deg, transparent 60%, #fff 100%);}

.more2{font-size: .2rem;color: rgba(255,255,255,.6);font-family: "思源宋体 Medium";text-transform: uppercase;align-items: center;font-weight: 500;display: flex;transition: .5s;position: relative;z-index: 1;float: right;margin: 1.2rem 0 -.6rem;}
.more2 img{ width: .43rem; margin: 0 0 0 -.2rem}

@media(min-width: 1024px){
    .more1:hover{ color: #15193b;}

    .list1 .a:hover .bottom .cc{ margin: 0 .15rem 0 .2rem; width: .24rem; opacity: 1}
    .list1 .a:hover p{ opacity: .6; transform: translateY(0);}
    .list1 .a:hover .bottom{ transform: translateY(0);}
    .list1 .a:hover .bottom .rr{ margin-right: -.4rem; opacity: 0;}

    .arrow2 .arrow:hover{ background: #003291; color: #fff}

    .list2W .arrow2 .arrow:hover{ background: #185cc2; color: #fff}

    .more2:hover{ color: #fff !important}
}
@media(max-width: 1200px){
    .indexb{margin: -1.4rem 0 0;}
    .indexa{ padding-bottom: 2rem}
}
@media(max-width: 1024px){
    .banner .imgBox .img{padding-bottom: 60%;}

    .arrow1{ right: .7rem}
}

@media(max-width: 800px){
    .dots2{bottom: .15rem;transform: translateX(-50%) scale(.65);}
    .arrow1{right: 15px;bottom: .12rem;}
    .arrow1 .arrow{ font-size: .28rem}
    .arrow1 .arrow.next{ margin: 0 0 0 .15rem}

    .pad1{padding: .4rem 0;}

    .tit1{ margin-bottom: .15rem}
    .tit1 .ll:before{ width: 1.51rem; height: 0.5rem; transform: scale(.7); transform-origin: left top;}
    .tit1 .ll{font-size: .26rem;padding: .15rem 0;}
    .tit1 .ll img{ width: .2rem;}

    .more1{ font-size: .16rem;}
    .more1 img{ width: .36rem;}

    .indexa{padding-bottom: 1.4rem;}

    .tit2 .ll{ font-size: .26rem;}
    .tit2 .ll img{ width: .18rem}

    .indexb .left{ width: 100%; order: 1}
    .indexb .right{width: 100%;margin-bottom: .4rem;}
    .indexb .right .hd::before{background: url(../images/list3_b1.png) center no-repeat;background-size: cover;width: 9rem;height: 3.42rem;left: 50%;transform: translateX(-50%);top: auto;bottom: 61%;}

    .list3{width: 4.04rem;height: 1rem;flex-direction: row;margin: 0 auto;max-width: 100%;}
    .list3 li{margin: 0;width: 33.33%;}
    .list3 .a{ display: flex; flex-direction: column; align-items: center; font-size: .18rem}
    .list3 .ico{ margin: 0 auto .1rem}

    .list3 li:nth-child(2){margin: 0;transform: translateY(.15rem);}

    .arrow2{margin: -.3rem 0 0;position: relative;z-index: 2;}

    .more2{margin: 0;position: absolute;top: -.45rem;right: 0;}

    .more2{ font-size: .16rem;}
    .more2 img{ width: .36rem;}

    .list2W .arrow2{ margin: 0;}

    .indexb{margin: -1.4rem 0 0;}

    .list2 .txt{ padding: .1rem 0 .15rem;}

    .arrow2 .arrow{ width: .32rem; height: .32rem;}

    .list1 .time{font-size: .14rem;height: .46rem;}
    .list1 .txt{ margin: -.23rem 0 0}

    .banner:after{ height: .6rem;}
    .list3 .ico svg{ width: .24rem; height: .24rem;}

    .list2 h4{ font-size: .2rem;}
    .list3 li.on{ transform: scale(1.15)}
} 
@media(max-width: 560px){
    .indexb{margin: -1.4rem 0 0;}
    .more2{ top: -.65rem; }
}