@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;}
.banner{overflow: hidden;-webkit-mask: url(../images/banner_b.svg);mask: url(../images/banner_b.svg);-webkit-mask-size: cover;mask-size: cover;mask-position: bottom;mask: none \0;}
.banner:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #69a3ff 100%);z-index: 1;height: 20vw;}
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; }
.banner .imgBox .img{ padding-bottom: 100vh; transition: 0s; }
.banner.on ul li.swiper-slide-active .a .imgBox img, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox img, .banner.on ul li.swiper-slide-prev .a .imgBox img{ animation: sca 6s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1.06);
    }
    100% {
        transform: scale(1);
    }
}

.banner .bottom{position: absolute;right: 0;left: 0;bottom: 1.3rem;z-index: 2;}
.banner .dots{justify-content: center;align-items: center;}
.banner .dots span{width: .22rem;height: .22rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 .075rem !important;position: relative;z-index: 1}
.banner .dots span:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/dots1.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/dots1s.png) center no-repeat;background-size: cover;opacity: 0;transition: .5s;}

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

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

.index1{ position: relative; z-index: 10; margin: -1.3rem 0 0;}
.index1 .fl1{ align-items: flex-end;}
.slides1 .hd{ flex: 1; overflow: hidden; background: #dde9f5; border-radius: 0 .1rem 0 0; height: .9rem; padding: 0 .2rem; display: flex; align-items: center;}
.slides1 .hd ul{ margin: 0 -.1rem; width: calc(100% + .2rem);}
.slides1 .hd ul li{width: 25%;padding: 0 .1rem;}
.slides1 .hd ul li .a{justify-content: center;align-items: center;background: #fff;border-radius: 50vw;height: .62rem;font-size: .2rem;color: #1166ba;transition: .5s}
.slides1 .hd ul li .a i{ position: relative}
.slides1 .hd ul li .a img{ width: .34rem; margin: 0 .08rem 0 0; transition: .5s}
.slides1 .hd ul li .a img.i2{ position: absolute; top: 0; left: 0; opacity: 0}

.slides1 .hd ul li.on .a{background: #ffa928;color: #111111}
.slides1 .hd ul li.on .a img{ opacity: 0}
.slides1 .hd ul li.on .a img.i2{ opacity: 1}

.tit1{ background: url(../images/tit1_b.jpg) center no-repeat; background-size: cover; width: 4.24rem; height: 1.16rem; display: flex; justify-content: center; align-items: center; border-radius: .1rem .1rem 0 0;}
.tit1 h3{ font-size: .46rem; color: #ffe7ae; font-family: 'sys';}

.slides1 .bd{padding: .7rem .3rem .3rem;background: #fff;position: relative;z-index: 1;}
.slides1 .bd::before{ content: ""; position: absolute; top: -.5rem; right: 100%; background: url(../images/slides1_i1.png) center no-repeat; background-size: cover; width: .63rem; height: 4.76rem;}  
.slides1 .bd::after{ content: ""; position: absolute; top: -.5rem; left: 100%; background: url(../images/slides1_i2.png) center no-repeat; background-size: cover; width: .63rem; height: 4.76rem;}  

.ls1{ margin: 0 -7px}
.ls1 li{width: 16.66%;margin-bottom: .35rem;padding: 0 7px;}
.ls1 .img{ width: 1.65rem; height: 1.65rem;  margin: 0 auto; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1;}
.ls1 .img::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: url(../images/ls1.png) center no-repeat; background-size: cover; transition: .5s;}
.ls1 .img img{ width: 100%; height: 100%;}
.ls1 h4{text-align: center;font-size: .2rem;color: #1166ba;font-family: 'sys';margin: .18rem auto 0;width: 1.7rem;max-width: 100%;}

.tit2{ position: relative; justify-content: center; margin: 0 0 .5rem;}
.tit2 .ll{ text-align: center;}
.tit2 .ll h3{font-size: .36rem;color: #111111;font-family: 'sys';position: relative;z-index: 1;line-height: 1;padding: .18rem 0 .04rem;}
.tit2 .ll h3::before{content: "";position: absolute;top: 0;left: -.2rem;width: .6rem;height: .6rem;border-radius: 50%;background-image: linear-gradient( 135deg, rgb(255,231,174) 0%, rgba(255,231,174,0.01) 99%, rgb(255,231,174) 100%);z-index: -1;}
.tit2 .ll h6 span{ padding: 0 .06rem; position: relative; font-size: .16rem; color: #1166ba; font-family: 'sys'; display: inline-block; text-transform: uppercase;}
.tit2 .ll h6 span::before{ content: ""; position: absolute; top: 50%; right: 100%; transform: translateY(-50%); width: .4rem; height: 1px; background: #1166ba;}
.tit2 .ll h6 span::after{ content: ""; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); width: .4rem; height: 1px; background: #1166ba;}
.more1{position: absolute;top: 50%;right: 0;width: .92rem;height: .27rem;border: #1166ba 1px dashed;border-radius: 50vw;display: flex;justify-content: center;align-items: center; transition: .5s}
.more1 span{ font-size: .14rem; color: #1166ba; text-transform: uppercase; margin: 0 .06rem 0 0; transition: .5s}
.more1 i{ font-size: .12rem; color: #1166ba; font-family: 'lib'; transform: scale(.6); transition: .5s}

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

.ls2 .a{ display: block; position: relative; border-radius: .2rem; overflow: hidden;}
.ls2 .imgBox .img{ padding-bottom: 55%;}
.ls2 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);z-index: 1;height: 1.2rem;}
.ls2 .time{position: absolute;top: .18rem;left: .18rem;width: .8rem;height: .8rem;border-radius: 50vw;background: #1166ba;flex-direction: column;align-items: center;justify-content: center;}
.ls2 .time h3{font-size: .3rem;color: #fff;line-height: 1;}
.ls2 .time h6{font-size: .14rem;color: rgba(255,255,255,.6)}
.ls2 .txt{ position: absolute; right: 0; bottom: 0; left: 0; padding: 0 .4rem .25rem;}
.ls2 h4{color: #fff !important;flex: 1;}
.ls2 .dots{width: auto;margin: 0 0 0 .2rem; align-items: baseline}
.ls2 .dots span{width: auto;height: auto;font-size: .14rem;color: #fff;opacity: 1;background: none;margin: 0 0 0 .2rem;position: relative;line-height: 1;}
.ls2 .dots span:before{content: "";position: absolute;width: .06rem;height: 2px;background: #fff;left: -.12rem;bottom: .06rem;}

.ls2 .dots span:first-child:before{ display: none}
.ls2 .dots span.active{ font-size: .2rem; color: #1166ba}

.ls3{ border-top: #e8e8e8 1px solid;}
.ls3 .a{ align-items: center; padding: .3rem 0; position: relative; border-bottom: #e8e8e8 1px solid;}
.ls3 .a::after{ content: ""; position: absolute; left: 0; bottom: -1px; width: 0; height: 2px; background: #1166ba; transition: .5s;}
.ls3 .imgBox{ width: 2.84rem; margin: 0 0 0 .3rem; border-radius: .1rem;}
.ls3 .imgBox .img{ padding-bottom: 56.33%;}
.ls3 .txt{flex: 1;overflow: hidden;}
.ls3 h6{ align-items: flex-end}
.ls3 h6 big{font-size:.3rem;color: #1166ba;font-weight: bold;line-height: 1;display: inline-block;margin: 0 .1rem 0 0;}
.ls3 h4{ margin: .15rem 0 .25rem;}
.ls3 i{font-size: .3rem;color: #dcdcdc;font-family: 'lib';position: relative;z-index: 1; padding: 0 0 0 .04rem; transition: .5s;}
.ls3 i:after{ content: ""; position: absolute; width: .1rem; height: .1rem; background: #f0f0f0; border-radius: 50vw; left: 0; bottom: .07rem; z-index: -1; transition: .5s;}

.index3{background: url(../images/in3_b.jpg) center top no-repeat;background-size: 100% auto;padding-bottom: 20vw;}
.index3 .content{align-items: flex-start;position: relative;z-index: 1;}
.index3 .content .line0{position: absolute;top: .9rem;right: 0;left: 0;height: 1px;background: url(../images/ls4_l.png) center no-repeat;}
.index3 .content .line2{ top: 2.3rem}
.index3 .content .line3{ top: 3.7rem}
.jianzhu{ width: 1.96rem;}
.index3 .content .left{ width: calc((100% - 1.96rem)/2 - .75rem); padding: .2rem 0 0;}
.index3 .content .right{ width: calc((100% - 1.96rem)/2 - .75rem); padding: .2rem 0 0;}

.ls4 li{padding: .2rem 0;position: relative;}
.ls4 li:after{content: "";position: absolute;background: url(../images/ls4.png) center no-repeat;width: .2rem;height: .2rem;background-size: cover !important;top: 50%;transform: translateY(-50%); transition: .5s;}
.ls4 .a{ height: 1rem; background: #fff; border: #e0e0e0 1px solid; border-radius: 50vw; padding: 0 .44rem; align-items: center; transition: .5s;}
.ls4 .time{ position: relative; margin: 0 .54rem 0 0;}
.ls4 .time:before{ content: ""; position: absolute; top: 50%; right: -.26rem; transform: translateY(-50%); width: 1px; height: .54rem; background: #e2e2e2;}
.ls4 .time h6{ font-size: .12rem; color: #666666; transition: .5s;}
.ls4 .time h3{ font-size: .28rem; color: #1166ba; font-weight: bold; line-height: 1; margin: .04rem 0 0; transition: .5s;}
.ls4 .txt{ flex: 1; overflow: hidden;}

.index4{position: relative;z-index: 1;background: url(../images/in4_bs.png) center bottom no-repeat;background-size: 100% auto;padding: 0 0 7vw;margin: -20vw 0 0;}
.ls5Box{ overflow: visible;}
.ls5 .a{display: block;border-radius: .1rem;overflow: hidden;}
.ls5 .imgBox .img{ padding-bottom: 56.09%;}
.ls5 .txt{background: #fff;height: 2.36rem;padding: .25rem .34rem;}
.ls5 p{ margin: .15rem 0 .25rem}
.ls5 .bottom{ align-items: center}
.ls5 h6{ color: #1166ba; flex: 1}
.ls5 i{ display: flex; width: .36rem; height: .36rem; background: #1166ba; border-radius: 50vw; align-items: center; justify-content: center; font-size: .16rem; color: #fff; font-family: 'lib'; transform: rotate(90deg); opacity: 0; transition: .5s;}
.ls5 li.swiper-slide-prev{ transform-origin: -36% center;}
.ls5 li.swiper-slide-next{ transform-origin: 136% center;}
.ls5Box.swiper-container-3d .swiper-slide-shadow-left, .ls5Box.swiper-container-3d .swiper-slide-shadow-right{ display: none;}

.ls5Box .dots{ justify-content: center; align-items: center; margin: .52rem 0 0;}
.ls5Box .dots span{ width: .92rem; height: .04rem; background: rgba(255,255,255,.4); border-radius: 50vw; opacity: 1; transition: .5s; margin: 0 .1rem !important;}
.ls5Box .dots span.active{ background: #ffe7ae;}
.ls5 li.swiper-slide-active i{ opacity: 1;}

.index5{ padding-top: 0 !important;}

.slides2 .hd{ margin-bottom: .45rem;}
.slides2 .hd ul{ justify-content: center;}
.slides2 .hd ul li{ position: relative; padding: 0 .4rem;}
.slides2 .hd ul li::before{ content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: .16rem; background: #d5d6d6;}
.slides2 .hd ul li a{ font-size: .2rem; color: #666666; transition: .5s; display: block; line-height: 1.5; font-family: 'sys'; border-bottom: transparent 1px solid; padding: .05rem 0;}

.slides2 .hd ul li.on a{ color: #1166ba; border-bottom: #1166ba 1px solid;}

.slides2 .hd ul li:last-child:before{ display: none;}

.ls6{ margin: 0 -.3rem;}
.ls6 li{ width: 50%; padding: 0 .3rem; margin-bottom: .12rem;}
.ls6 .a{height: .6rem;position: relative;align-items: center;}
.ls6 .a::before{ content: ""; position: absolute; bottom: 0; left: .2rem; right: 0; height: 1px; background: #dfe0e0;}
.ls6 h4{flex: 1;position: relative;padding: 0 0 0 .2rem;}
.ls6 h4::before{content: "";position: absolute;border-top: transparent .04rem solid;border-bottom: transparent .04rem solid;border-left: #1166ba .07rem solid;top: 50%;transform: translateY(-50%);left: 0;}
.ls6 h6{ font-size: .16rem; color: #c08a37; width: auto; margin: 0 0 0 .2rem;}

.index6{ padding: 0 0 24.5vw; position: relative; z-index: 1;}
.index6::before{content: "";position: absolute;bottom: 0;left: 0;right: 0;z-index: -1;background: url(../images/in6_b.jpg) center bottom no-repeat;background-size: 100% auto;height: 100%;-webkit-mask: linear-gradient(180deg, transparent 16%, #fff 45%);mask: linear-gradient(180deg, transparent 16%, #fff 45%);}
.index6::after{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; z-index: -1; background: url(../images/footer.png) center bottom no-repeat; background-size: 100% 100%; height: 4.5rem; }

.ls7{ align-items: flex-start;}
.ls7 li{ position: relative; z-index: 1; padding-bottom: 2.36rem;}
.ls7 li::before{content: "";position: absolute;background: url(../images/ls7_bb.png) center bottom no-repeat;width: 3.03rem;height: 3.14rem;left: 50%;bottom: 0;margin: 0 0 0 -1.53rem;transition: .5s; z-index: -1; background-size: cover !important;}

.ls7 .ico{background: url(../images/ls7_b1.png) center no-repeat;background-size: cover !important;width: 1.96rem;height: 2.24rem;flex-direction: column;justify-content: center;align-items: center;transition: .5s;padding: 0 .5rem;}
.ls7 h3{ font-size: .33rem; color: #fff; font-family: 'sys';}
.ls7 h6{ font-size: .18rem; color: #fff;}

@media(min-width: 769px){
    .more1:hover{ background: #1166ba; }
    .more1:hover *{ color: #fff}

    .a:hover i{ color: #1166ba;}
    .a:hover i::after{ background: #a0c2e3;}

    .ls1 .a:hover .img::before{ transform: rotate(90deg);}

    .ls3 .a:hover::after{ width: 1.8rem;}

    .ls4 li:hover:after{ background: url(../images/ls4s.png) center no-repeat;}
    .ls4 li:hover .a{ background: #1166ba; }
    .ls4 li:hover *{ color: #fff;}

    .ls6 .a:hover h6{ color: #1166ba;}

    .ls7 li:hover::before{ background: url(../images/ls7_bbs.png) center bottom no-repeat;}
    .ls7 li:hover .ico{ background: url(../images/ls7_b1s.png) center no-repeat;}

    .index3 .content .left .ls4 li:nth-child(1), .index3 .content .left .ls4 li:nth-child(3){ transform: translateX(.5rem);}
    .index3 .content .right .ls4 li:nth-child(1), .index3 .content .right .ls4 li:nth-child(3){ transform: translateX(-.5rem);}
    
    .index3 .content .left .ls4 li:after{ right: -.1rem}
    .index3 .content .right .ls4 li:after{ left: -.1rem}

    .ls7 li:nth-child(1){ padding-top: .45rem; padding-bottom: 1.46rem;}
    .ls7 li:nth-child(3){ padding-top: 1.1rem; padding-bottom: 1.16rem;}
    .ls7 li:nth-child(4){ padding-top: .45rem; padding-bottom: 1.48rem;}
    .ls7 li:nth-child(5){ padding-top: .12rem; padding-bottom: 1.48rem;}
    .ls7 li:nth-child(6){ padding-top: .75rem; padding-bottom: 1.16rem;}
}
@media(max-width: 769px){
    .ls1 li{width: 25%;margin-bottom: .15rem;}
    .tit1{width: 100%;max-width: 100%;margin: 0 auto;height: 24vw;}
    .slides1 .hd{ flex: auto}
    .index1{margin: .15rem 0 0;overflow: hidden;}
    .banner .imgBox .img{ padding-bottom: 50%}
    .banner .bottom{ bottom: 7vw}

    .ls1 .img{width: .7rem;height: .7rem;}
    .ls1 h4{font-size: .14rem;margin: .1rem 0 0;}
    .slides1 .bd{ padding: .4rem 15px .3rem}

    .tit1 h3{ font-size: .26rem}
    .slides1 .hd ul li .a{font-size: .16rem;height: .45rem;}
    .slides1 .hd ul li .a img{width: .18rem;}

    .slides1 .hd ul{ margin: 0 -4px; width: calc(100% + 8px);}
    .slides1 .hd ul li{ width: 33.33%; padding: 0 4px;}

    .tit2{ margin: 0 0 .25rem;}
    .tit2 .ll h3{font-size: .26rem;}
    .tit2 .ll h6 span{ font-size: .14rem;}
    .tit2 .ll h3::before{ width: .36rem; height: .36rem;}
    .tit2 .ll h6 span::before, .tit2 .ll h6 span::after{ width: .24rem;}

    .index2 .left{ width: 100%;}
    .index2 .right{ width: 100%;}
    .ls2 .a{ border-radius: .1rem;}
    .pad1{ padding: .4rem 0;}
    .index2{ padding-top: 0;}
    .ls2 .txt{ padding: 0 15px 10px;}
    .ls2 .time{ transform: scale(.7); transform-origin: left top;}
    
    .ls3 .imgBox{width: 1.75rem;margin: 0 0 0 .15rem;}
    .ls3 h4{margin: .1rem 0 0;}
    .ls3 i{ display: none}
    .ls3 .a{ padding: .2rem 0}

    .index3 .content .line0{ display: none}

    .index3 .content .left{width: 100%;padding: 0;}
    .index3 .content .right{width: 100%;padding: 0;}
    .jianzhu{ order: 2; width: .5rem; margin: 0 auto}

    .ls4 li{ padding: .075rem 0}
    .ls4 .a{height: .8rem;padding: 0 .3rem;}
    .ls4 li:after{ left: -.1rem}
    .ls4 .time{ margin: 0 .3rem 0 0}
    .ls4 .time:before{right: -.15rem;height: .4rem;}

    .ls5W{ padding: 0 15px}
    .ls5Box .dots span{ width: .25rem; margin: 0 .05rem !important;}
    .ls5Box .dots{ margin: .25rem 0 0;}

    .slides2 .hd ul li{padding: 0 4px;}
    .slides2 .hd ul li a{font-size: .16rem;}
    .slides2 .hd ul li::before{ display: none}

    .ls6{ margin: 0 -7px;}
    .ls6 li{ width: 100%; padding: 0 7px; margin-bottom: .06rem;}
    .ls6 .a{ height: .45rem}
    .slides2 .hd{ margin-bottom: .25rem;}

    .index6{padding: 0 0 3rem;background-size: cover;}

    .ls7 li{width: 33.33%;padding-bottom: .5rem;margin-bottom: .2rem;}
    .ls7 .ico{width: 1.2rem;height: 1.36rem;padding: 0 .25rem;}
    .ls7 li::before{width: 1.5rem;height: 1.5rem;margin: 0 0 0 -.83rem;}

    .ls7 h3{ font-size: .2rem; }
    .ls7 h6{ font-size: .13rem;}
    .index6::before{background-size: 220% auto;}

    #adu24, #adu25{ transform: scale(.6)}
} 

.index6 .tit2, .ls7{ display: none} 
div#adu27 iframe {
    /* z-index: 9999 !important; */
}