@charset "utf-8";
.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;}
.banner{ overflow: hidden; }
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; }
.banner .imgBox .img{padding-bottom: 35.21%;transition: 0s; background: none;}
.banner .imgBox .img img{ opacity: .6;}
.banner .imgBox:after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(12,19,113,.5) 0%, transparent 100%); height: 1.24rem}

.banner.on ul li.swiper-slide-active .a .imgBox img{ opacity: 1;}

.banner .bottom{ position: absolute;right: 0;left: 0;bottom: .2rem;z-index: 2;}
.banner .dots{justify-content: center;align-items: center;width: 100%;}
.banner .dots span{width: .52rem;height: .52rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 .1rem !important;position: relative;z-index: 1}
.banner .dots span:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/ldots1.png) center no-repeat;background-size: cover; transition: .5s;}
.banner .dots span:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/ldots1s.png) center no-repeat;background-size: cover;opacity: 0;transition: .5s;}

.banner .dots span:nth-child(4n-2):before{ background: url(../images/ldots2.png) center no-repeat;background-size: cover;}
.banner .dots span:nth-child(4n-2):after{ background: url(../images/ldots2s.png) center no-repeat;background-size: cover;}
.banner .dots span:nth-child(4n-1):before{ background: url(../images/ldots3.png) center no-repeat;background-size: cover;}
.banner .dots span:nth-child(4n-1):after{ background: url(../images/ldots3s.png) center no-repeat;background-size: cover;}
.banner .dots span:nth-child(4n):before{ background: url(../images/ldots4.png) center no-repeat;background-size: cover;}
.banner .dots span:nth-child(4n):after{ background: url(../images/ldots4s.png) center no-repeat;background-size: cover;}

.banner .dots span.active:before{ opacity: 0}
.banner .dots span.active:after{ opacity: 1}

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

.tit1{ margin-bottom: .7rem;}
.tit1 .ll{ align-items: baseline;}
.tit1 h3{ font-size: .4rem; color: #333333; line-height: 1;}
.tit1 h6{font-size: .2rem;color: #204cc1;font-family: 'Times New Roman';margin: 0 0 0 .18rem;line-height: 1;text-transform: capitalize;}

.more2{width: 1.18rem;height: .34rem;border: rgba(51,51,51,.6) 1px solid;border-radius: 50vw;justify-content: center;align-items: center;font-size: .18rem;color: rgba(51,51,51,.6);transition: .5s;}

.index1 .left{ width: 9.58rem;}
.index1 .right{ width: calc(100% - 9.58rem - .32rem);}

.ls1 .a{ display: block; position: relative; }
.ls1 .imgBox:after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(8,24,66,.8) 0%, transparent 100%); height: 1.55rem}
.ls1 .imgBox .img{ padding-bottom: 67.43%;}
.ls1 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: .15rem .3rem;align-items: center;}
.ls1 h4{font-size: .25rem;color: #fff !important;flex: 1;font-weight: bold;}
.ls1Box .dots{position: relative;font-size: .2rem;color: #fff;z-index: 2;width: auto;margin: 0 0 0 .2rem;display: flex;align-items: baseline;bottom: auto;left: auto;}
.ls1Box .dots span{ line-height: 1}
.ls1Box .dots span.swiper-pagination-current{font-size: .38rem;color: #98040c; margin: 0 .1rem 0 0}

.ls2 li{ position: relative; z-index: 1;}
.ls2 li:before{ content: ""; position: absolute; right: 0; bottom: 0; left: .5rem; height: 1px; background: #333333}
.ls2 li:after{ content: ""; position: absolute; right: 0; bottom: 0; width: .4rem; height: 3px; background: #98040c}
.ls2 .a{flex-direction: column;justify-content: center;height: 1.29rem;padding: 0 .2rem 0 .5rem;position: relative;z-index: 1;}
.ls2 .a::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/ls2_b.jpg) center no-repeat;background-size: cover;z-index: -1;transition: .5s;opacity: 0;}
.ls2 h6 i{ font-size: .18rem; color: #204cc1; font-family: 'lib'; margin: 0 .1rem 0 0; transition: .5s}
.ls2 h4{ margin: .1rem 0 0}

.index2{ padding-top: .4rem;}
.index2 .left{ width: 7.5rem;}
.index2 .right{ width: calc(100% - 7.5rem - .8rem);}

.ls3 li{ position: relative; z-index: 1;}
.ls3 li:before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 0; border-top: rgba(51,51,51,.4) 1px dotted;}
.ls3 .a{height: 1.1rem;align-items: center;padding: 0 .16rem;position: relative;transition: .5s;}
.ls3 .a::after{ content: ""; position: absolute; right: 0; top: 0; left: 0; height: .05rem; background: #98040c; opacity: 0; transition: .5s;}
.ls3 .time{ text-align: center; width: .9rem; position: relative; margin: 0 .2rem 0 0}
.ls3 .time:before{ content: ""; position: absolute; width: 1px; height: .5rem; background: #c1c1c1; right: 0; top: 50%; transform: translateY(-50%)}
.ls3 .time h3{font-size: .4rem;color: #333;font-weight: bold;line-height: 1; transition: .5s;}
.ls3 .time h6{ font-size: .16rem; color: #333; transition: .5s;}
.ls3 .txt{ flex: 1; overflow: hidden;}

.ls4{ margin: 0 -.12rem;}
.ls4 li{width: 50%;padding: 0 .12rem;margin-bottom: .2rem;}
.ls4 .a{height: 1.22rem;background: #f3f4f9;padding: 0 .25rem;flex-direction: column;justify-content: center;}
.ls4 h4{margin: 0;}
.ls4 .p{width: 100%;display: none;}
.ls4 .p p{position: relative;padding: 0 0 0 .32rem;transition: .5s;line-height: .34rem;}
.ls4 .p p::before{content: "";position: absolute;background-size: cover !important;left: 0;top: .04rem;width: .23rem;height: .23rem;}
.ls4 .p .p1::before{ background: url(../images/ls4_p1.png) center no-repeat; }
.ls4 .p .p2::before{ background: url(../images/ls4_p2.png) center no-repeat; }
.ls4 .p .p3::before{ background: url(../images/ls4_p3.png) center no-repeat; }

.index3{ background: url(../images/index3_b.jpg) center no-repeat; background-size: cover; }
.index3 .left{ width: 66.125%;}
.index3 .left .tit1{ padding-right: .2rem;}
.index3 .right{ width: 33%;}
.index3 .right .tit1{ padding-left: .2rem;}

.tit1w .ll h3{ color: #fff;}
.tit1w .ll h6{ color: #fff;}

.tit1w .more2{ border: rgba(255,255,255,.6) 1px solid; color: rgba(255,255,255,.6);}

.ls5{ margin: 0 -.14rem;}
.ls5 li{ width: 50%; padding: 0 .14rem;}
.ls5 .imgBox .img{ padding-bottom: 54.17%;}
.ls5 .time{width: 1.26rem;height: .54rem;background: rgba(152,4,12,.82);z-index: 1;position: absolute;padding: .05rem .15rem;bottom: 0;left: 0;align-items: baseline;}
.ls5 .time big{ font-size: .3rem; color: #fff}
.ls5 .time small{ font-size: .18rem; color: #fff}
.ls5 .txt{ height: 1.16rem; background: #eceff9; padding: 0 .2rem; align-items: center;}
.ls5 h4{ height: .6rem;}

.ls6{ margin-top: .15rem;}

.ls7 li{ margin-bottom: .15rem;}
.ls7 .a{ display: block; position: relative;}
.ls7 .imgBox .img{ padding-bottom: 48.20%;}
.ls7 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: .15rem .3rem; align-items: center; justify-content: center; }
.ls7 h4{font-size: .25rem;line-height: 1.44;color: #fff !important;font-weight: bold;width: 2.6rem;max-width: 100%;text-align: center;}

.ls7 li:last-child{ margin-bottom: 0 !important;}

.index4 .left{ width: 7.42rem;}
.index4 .right{ width: calc(100% - 7.42rem - .9rem);}

.ls8 .a{ display: block; position: relative;}
.ls8 .imgBox .img{ padding-bottom: 63.25%;}
.ls8 .imgBox:after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(51,51,51,.8) 0%, transparent 100%); height: 1.55rem}
.ls8 .txt{ position: absolute; right: 0; bottom: 0; left: 0; padding: 0 .3rem .5rem;}
.ls8 h4{ font-weight: bold; color: #fff !important;}

.ls9W{padding: 0 1rem;position: relative;margin: -.36rem 0 0;z-index: 2;}
.ls9 .a{ display: block; transition: .5s; transform: scale(.7);}
.ls9 .swiper-slide-active .a{ transform: scale(1); }

.ar1{width: .5rem;height: .5rem;display: flex;justify-content: center;align-items: center;position: absolute;top: .1rem;background: #204cc1;border-radius: 50%;transition: .5s;box-shadow: 0.349px 4.988px 6.79px 0.21px rgba(7, 8, 59, 0.47);cursor: pointer;}
.ar1 img{ width: .21rem;}
.ar1.prev{ left: .4rem;}
.ar1.next{ right: .4rem;}

.ls10{ margin: -.2rem 0 0;}
.ls10 li{ position: relative; z-index: 1;}
.ls10 li:before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 0; border-top: rgba(51,51,51,.4) 1px dotted;}
.ls10 .a{ flex-direction: column; justify-content: center; height: 1.8rem; padding: 0 0; position: relative; z-index: 1;}
.ls10 .a::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/ls2_b.jpg) center no-repeat;background-size: cover;z-index: -1;transition: .5s;opacity: 0;}
.ls10 h6 i{ font-size: .18rem; color: #204cc1; font-family: 'lib'; margin: 0 .1rem 0 0; transition: .5s}
.ls10 h4{ margin: .1rem 0}

.index5 .left{ width: calc(100% - 8.7rem); background: #f3f4f9 url(../images/ls11_b.jpg) center no-repeat; background-size: cover; padding: 0 .8rem; display: flex; align-items: center;}
.index5 .right{ width: 8.7rem;}

.ls11{ width: 100%;}
.ls11 li{ border-bottom: rgba(51,51,51,.4) 1px dotted;}
.ls11 .a{align-items: center;padding: .22rem 0;}
.ls11 .imgBox{ width: 1.46rem; margin: 0 .38rem 0 0; border-radius: 50%;}
.ls11 .imgBox .img{ padding-bottom: 100%;}
.ls11 .txt{ flex: 1; overflow: hidden;}
.ls11 p{margin: .18rem 0 0;display: none !important;}
.ls11 li:last-child{ border: none}

.ls12W{ position: relative;}
.ls12 .a{ display: block; position: relative;}
.ls12 .imgBox .img{padding-bottom: 57%;}
.ls12 .imgBox:after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(51,51,51,.8) 0%, transparent 100%); height: 1.55rem}
.ls12 .txt{ position: absolute; right: 0; bottom: 0; left: 0; padding: 0 .3rem .2rem; }
.ls12 h4{ font-weight: bold; color: #fff !important; font-size: .25rem;}

.ar2{width: .5rem;height: .5rem;display: flex;justify-content: center;align-items: center;position: absolute;top: 50%;background: #204cc1;border-radius: 50%;transition: .5s;box-shadow: 0.349px 4.988px 6.79px 0.21px rgba(7, 8, 59, 0.47);cursor: pointer; transform: translateY(-50%); z-index: 1;}
.ar2 img{ width: .21rem;}
.ar2.prev{ left: -.25rem;}
.ar2.next{ right: -.25rem;}

.index5-6{ background: url(../images/index5-6.jpg) center bottom no-repeat; background-size: 100% auto;}

.index6{ padding: .2rem 0 1.45rem;}
.ls13W{ position: relative;}
.ls13 .imgBox .img{ padding-bottom: 57.11%;}

@media(min-width: 769px){
    .more2:hover{ background: #204cc1; border: #204cc1 1px solid; color: #fff;}

    .ls2 .a:hover::before{ opacity: 1}
    .ls2 .a:hover *{ color: #fff;}

    .ls3 .a:hover{ box-shadow: 0.488px 6.983px 9.7px 0.3px rgba(2, 36, 69, 0.09); background: #fff;}
    .ls3 .a:hover::after{ opacity: 1;}
    .ls3 .a:hover .time h3, .ls3 .a:hover .time h6{ color: #204cc1;}

    .ls5 .imgBox .img{ padding-bottom: 2.78rem;}
    .ls7 .imgBox .img{ padding-bottom: 2.55rem;}

    .ar1:hover{ background: #98040c; box-shadow: 0.349px 4.988px 6.79px 0.21px rgba(152, 4, 12, 0.47);}

    .ls4 .a:hover .p .p1::before{ background: url(../images/ls4_p1s.png) center no-repeat; }
    .ls4 .a:hover .p .p2::before{ background: url(../images/ls4_p2s.png) center no-repeat; }
    .ls4 .a:hover .p .p3::before{ background: url(../images/ls4_p3s.png) center no-repeat; }

    
}
@media(max-width: 769px){
    .banner_box{ margin: .7rem 0 0;}
    .banner .bottom{bottom: .05rem;}
    .banner .dots span{transform: scale(.5);margin: 0 0 !important;}

    .pad1{ padding: .4rem 0;}

    .tit1 h3{ font-size: .24rem; }
    .tit1 h6{font-size: .14rem;}
    .more2{ width: .9rem; font-size: .15rem; height: .3rem;}
    .tit1{margin-bottom: .25rem;padding: 0 !important;}

    .index1 .left{ width: 100%;}
    .index1 .right{width: 100%;margin-top: .2rem;}
    .ls2 .a{padding: .15rem 0;height: auto;}
    .ls2 li:before{ left: 0;}
    .ls2 h6 i, .ls10 h6 i{ font-size: .15rem;}

    .index2{ padding-top: .2rem !important;}
    .index2 .left{ width: 100%;}
    .index2 .right{width: 100%;margin-top: .4rem;}

    .ls3 .a{padding: 0;height: .9rem;}
    .ls3 .time h3{ font-size: .3rem;}
    .ls3 .time h6{ font-size: .14rem}

    .ls4 li{ width: 100%}
    .ls4 .a{height: 1.6rem;border-bottom: #fff 2px solid;}
    .ls4 .p p{ line-height: .26rem}
    .ls4 .p p::before{width: .16rem;height: .16rem;top: .04rem;}

    .ls4 h4{ margin-bottom: .1rem}

    .index3 .left{ width: 100%;}
    .index3 .right{width: 100%;margin-top: .4rem;}

    .ls5{ margin: 0 -7px;}
    .ls5 li{width: 100%;padding: 0 7px;margin-bottom: .15rem;}
    .ls5 .txt{padding: 0 .15rem;height: .96rem;}

    .index4 .left{ width: 100%}
    .index4 .right{width: 100%;margin: .3rem 0 0;}
    .ls9W{ padding: 0 .5rem;}

    .ar1{ width: .32rem; height: .32rem;}
    .ar1 img{ width: .16rem;}
    .ar1.prev{ left: .1rem;}
    .ar1.next{ right: .1rem;}

    .ls10 .a{ padding: .2rem 0; height: auto}

    .index5 .left{width: 100%;padding: .2rem .2rem;order: 1;}
    .index5 .right{ width: 100%;}
    .ls11 .imgBox{ width: 1rem; margin: 0 .2rem 0 0}
    .ls11 p{ margin: .1rem 0 0;}
    .ls11 .a{ padding: .2rem 0}

    .ar2{ width: .32rem; height: .32rem;}
    .ar2 img{ width: .16rem;}
    .ar2.prev{ left: -.16rem;}
    .ar2.next{ right: -.16rem;}

    .index6{ padding: .1rem 0 .5rem;}
    .index5{ padding-top: .1rem}

    .ls1Box .dots span.swiper-pagination-current{ font-size: .2rem;}
    .ls1Box .dots span{ font-size: .14rem;}
    .ls1 .txt{ padding: 0 .2rem .15rem;}
    .ls3 .time{ width: .8rem;}
}