@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;margin: 1.15rem 0 0;}
.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: 33.90625%;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: .7rem;z-index: 2;}
.banner .dots{justify-content: center;align-items: center;}
.banner .dots span{width: .13rem;height: .13rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 .15rem !important;position: relative;z-index: 1}
.banner .dots span:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%; border: #fff 1px solid; transition: .5s; transform: rotate(45deg);}
.banner .dots span:after{content: "";position: absolute;top: 50%;left: .25rem;width: .1rem;height: 1px;background: #fff;transition: .5s;}
.banner .dots span:last-child:after{ display: none}
.banner .dots span.active:before{ background: #fff}

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

.index1{ position: relative;z-index: 11; margin: -.46rem 0 0;}
.index1 .content{background: url(../images/in1_b.jpg) center no-repeat;background-size: cover;min-height: 2.76rem;height: 2.76rem\0;align-items: center;padding: 0 .4rem;position: relative;z-index: 1;flex-direction: column;justify-content: center;}
.index1 .content::before{ content: ""; position: absolute; top: 0;right: 0;bottom: 0;left: 0; background: url(../images/in1_b1.png) center bottom no-repeat; background-size: 100% auto; z-index: -1;}
.index1 .content::after{content: "";position: absolute;top: .08rem;right: .05rem;bottom: .08rem;left: .05rem;border: rgba(255,255,255,.5) 1px solid;z-index: -1;}
.index1 .content .left{width: 100%;padding: .1rem .1rem 0 0;}
.index1 .content .right{width: 100%;border-top: rgba(255,255,255,.3) 1px solid;margin: .2rem 0 0;padding: .12rem 0 0;}

.ls1{height: 1.3rem;align-items: flex-start;}
.ls1 li{flex: auto;margin-top: .1rem;}
.ls1 .line{width: 1px;height: 1.3rem;background: rgba(255,255,255,.5);margin: 0 .3rem;}
.ls1 .a{display: flex;align-items: center;flex-wrap: wrap;}
.ls1 .ico{margin: 0 .26rem 0 0;width: .98rem;height: .98rem;background: url(../images/ls1_b.png) center no-repeat;background-size: cover;justify-content: center;align-items: center;}
.ls1 .ico img{width: 100%;height: 100%; transition: .5s;}
.ls1 .txt{font-size: .18rem;color: #fff;margin-top: .05rem;}
.ls1 h4{font-size: .18rem;color: #fff !important;font-weight: bold;width: auto;}

.ls2{position: relative;z-index: 1;display: flex;flex-wrap: wrap;padding: 0 .52rem;justify-content: space-between;}
.ls2 li{padding: 0;}
.ls2 .a{ align-items: center;}
.ls2 .ico{ width: .35rem; height: .35rem; background: #fff; border-radius: 50vw; justify-content: center; align-items: center; margin: 0 .15rem 0 0;}
.ls2 .ico img{ width: .19rem; height: .19rem}
.ls2 .txt{flex: 1;overflow: hidden;align-items: center;}
.ls2 h4{font-size: .16rem;color: #fff !important;width: auto;line-height: .24rem;text-align: center;margin: 0 .2rem 0 0;}
.ls2 dl{margin: 0;}
.ls2 dl dd{font-size: .14rem;color: #fff;padding: .02rem 0;line-height: 1.5;display: block;width: 100%;}

.index2{padding-bottom: 2.6rem;background: url(../images/in2_b2.jpg) center calc(100% + 1px) no-repeat;background-size: 100% auto;}

.slides1 .hd{ position: relative; z-index: 1; margin-bottom: .8rem;}
.slides1 .hd::before{ content: ""; position: absolute; right: .7rem; bottom: 0; left: 0; height: 1px; background: rgba(51,51,51,.3);}
.slides1 .hd ul{ justify-content: center;}
.slides1 .hd ul li{ padding: 0 2vw; position: relative;}
.slides1 .hd ul li:nth-child(1):before{content: "";position: absolute;bottom: 0;right: calc(100% - .1rem);width: 3.34rem;height: .94rem;background: url(../images/in2_b1.png) center no-repeat;background-size: cover;}
.slides1 .hd ul li .a{height: .72rem;align-items: center;}
.slides1 .hd ul li .a h3{font-size: .44rem;color: #3f3d3e;font-family: '楷体';font-weight: normal;position: relative; transition: .5s;}
.slides1 .hd ul li .a h3:before{ content: ""; position: absolute; right: 0; bottom: -.11rem; left: 0; height: 3px; background: #186299; transition: .5s; opacity: 0;}
.slides1 .hd ul li .a h3:after{ content: ""; position: absolute; left: 50%; bottom: -.22rem; transform: translateX(-50%); border-left: transparent .11rem solid; border-right: transparent .11rem solid; border-top: #186299 .12rem solid; transition: .5s; opacity: 0;}
.slides1 .hd ul li .a h6{font-size: .18rem;color: #999;margin: 0 0 0 .1rem;padding: .2rem 0 0;}

.slides1 .hd ul li:nth-child(1) .a h6{ margin: 0 .1rem 0 0; order: -1;}

.slides1 .hd ul li.on .a h3:before, .slides1 .hd ul li.on .a h3:after{ opacity: 1;}
.slides1 .hd ul li.on .a h3{ color: #186299;}

.slides1 .hd .more{ position: absolute; right: 0; bottom: -.12rem;}

.more1{ align-items: center; font-size: .14rem; color: #186299; transition: .5s}
.more1 img{ width: .27rem; transition: .5s; margin: 0 0 0 .04rem}

.index2 .left{ width: 8.8rem;}
.index2 .right{ width: calc(100% - 8.8rem); position: relative; z-index: 2;}

.ls3 .a{ display: block; position: relative;}
.ls3 .imgBox .img{ padding-bottom: 64.09%;}
.ls3 .imgBox:after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, transparent 100%); height: 1.5rem}
.ls3 .txt{ position: absolute; right: 0; bottom: 0; left: 0; padding: 0 .2rem .2rem;}
.ls3 .time{position: relative;padding: 0 0 0 .24rem;}
.ls3 .time:before{content: "";position: absolute;top: .02rem;bottom: 0;left: 0;width: .05rem;background: #186299;}
.ls3 .time h3{ font-size: .24rem; color: #fff; font-weight: normal;}
.ls3 .time h6{font-size: .14rem;color: #fff;margin: .04rem 0 0;}
.ls3 .con{ margin: .12rem 0 0; align-items: center}
.ls3 h4{ flex: 1; color: #fff !important}
.ls3 .dots{ width: auto; margin: 0 0 0 .15rem}
.ls3 .dots span{width: .08rem;height: .08rem;border: #fff 1px solid;opacity: 1;border-radius: 0;transform: rotate(45deg);margin: 0 .06rem !important; transition: .5s}
.ls3 .dots span.active{ background: #fff;}

.ls4{ height: 5.64rem; display: flex; flex-direction: column;}
.ls4 li{ width: 100%; flex: 1; position: relative; z-index: 1;}
.ls4 li::before{ content: ""; position: absolute; height: 1px; left: .16rem; right: 0; bottom: 0; background: #e5e5e5; z-index: -1;}
.ls4 .a{height: 100%;align-items: center;margin: 0 0 0 0;padding: 0 .3rem 0 .5rem;position: relative;z-index: 1;filter: drop-shadow(0px 5px 14.25px rgba(0, 0, 0, 0.08))}
.ls4 .time{ margin: 0 .24rem 0 0; text-align: right;}
.ls4 .time h3{ font-size: .24rem; color: #3f3d3e; font-weight: normal;}
.ls4 .time h6{font-size: .14rem;color: #3f3d3e;margin: .04rem 0 0;}
.ls4 .txt{ flex: 1; overflow: hidden;}

.index3{padding-bottom: 0 !important;background: url(../images/in3_b.jpg) center top no-repeat;background-size: cover;}

.slides1s .hd{ margin-bottom: .55rem;}
.slides1s .hd ul li:nth-child(1):before{ width: 4.32rem;height: .94rem;background: url(../images/in3_b1.png) center no-repeat;background-size: cover;}
.slides1s .hd ul li:nth-child(1) .a h6{ margin: 0 0 0 .1rem; order: 1;}

.slides1s .hd::before{ background: rgba(255,255,255,.3);}
.slides1s .hd ul li .a h3, .slides1s .hd ul li .a h6{ color: #fff !important;}
.slides1s .hd ul li .a h6{ opacity: .4;}
.slides1s .hd ul li .a h3:before{ background: #fff !important;}
.slides1s .hd ul li .a h3::after{ display: none;}
.more1w{ color: #fff !important;}

.ls5{ width: 12.84rem; max-width: 100%; margin: 0 auto; align-items: flex-start;}
.ls5 .a{ display: block; position: relative;}
.ls5 .imgBox:after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, transparent 100%); height: 1rem}
.ls5 .imgBox .img{ padding-bottom: 58.69%;}
.ls5 .txt{ position: absolute; right: 0; bottom: 0; left: 0; padding: 0 .15rem .12rem; text-align: center;}
.ls5 h4{ font-size: .16rem; color: #fff !important; line-height: .3rem; max-height: calc(.3rem * 2)\0;}

.ls5 li.li1{ width: 17.13%;}
.ls5 li.li1 .imgBox .img{ padding-bottom: 150.9%;}
.ls5 .center{ width: 44.39%; align-items: flex-start;}
.ls5 li.li2{ width: 48.42%;}
.ls5 li.li2:nth-child(3), .ls5 li.li2:nth-child(4){ margin: 1.5% 0 0;}

.index3 .fl1{background: url(../images/in3_b2.png) center no-repeat;background-size: 100% 100%;height: 100%;margin: .24rem 0 0;}

.ls6W{ padding: 0 .5rem;}
.ls6Box{padding: .75rem .66rem;margin: 0 -.26rem;}
.ls6 .a{ display: block; transition: .5s;}
.ls6 .imgBox{ position: relative; z-index: 1; overflow: hidden;}
.ls6 .imgBox .img{ padding-bottom: 56.59%;}

.ls7W{padding: 0 .5rem;margin: -1.25vw 0 0;}
.ls7Box{ padding: 0 .2rem;}
.ls7 li{ text-align: center;}
.ls7 h4{ color: #fff !important;}

.ls6s li{ text-align: center;}
.ls6s h4{ color: #fff !important; margin: .2rem 0 0;}

.index3 .fl2{ padding-bottom: .54rem;}

@media(min-width: 769px){
    .more1:hover img{ transform: rotateX(180deg)}

    .ls4 li.on .a::before, .ls4 li.on .a::after{ opacity: 1}
    .ls4 li.on .time h3{ font-weight: bold;}
    .ls4 li.on *{ color: #186299;}

    .ls6 li.swiper-slide-prev .a{transform: translate3d(-.5rem, 0px, 0) rotateX(0deg) rotateY(60deg) scale(1);}
    .ls6 li.swiper-slide-active .a{transform: translate3d(0px, 0px, 0) rotateX(0deg) rotateY(50deg) scale(1.1);}
    .ls6 li.swiper-slide-active +li +li +li  .a{transform: translate3d(0px, 0px, 0) rotateX(0deg) rotateY(-50deg) scale(1.1);}
    .ls6 li.swiper-slide-active +li +li +li +li  .a{transform: translate3d(.5rem, 0px, 0) rotateX(0deg) rotateY(-60deg) scale(1);}

    .ls1 .a:hover .ico img{ transform: rotateY(360deg);}
}
@media(max-width: 769px){
    .header .topnav ul li:before{ display: none;}

    .banner_box{ margin: .7rem 0 0}
    .banner .imgBox .img{padding-bottom: 50%;}

    .index1 .content .left{width: 100%;padding: .25rem 0;}
    .index1 .content .right{width: 100%;padding: .15rem 0 .3rem;margin: 0;}

    .index1 .content{ padding: 0 15px}
    .ls1{margin: 0 -4px;height: auto;}
    .ls1 .a{ display: block}
    .ls1 li{padding: 0 4px;flex: 1;text-align: center;}
    .ls1 .line{ display: none}
    .ls1 .ico{width: .5rem;height: .5rem;margin: 0 auto .1rem;}
    .ls1 h4{margin: .1rem 0 0;line-height: 1.35 !important;font-size: .16rem !important;width: 100%;}
    .ls2 li{padding: .05rem 0;}
    .ls2{ padding: 0}
    .ls2 dl{flex: auto;width: 100%;}
    .ls2 h4{font-size: 14px;margin: 0 0 .06rem;width: 100%;text-align: left;}
    .ls2 h4 br{ display: none}

    .ls2 .ico img{ width: .16rem; height: .16rem}

    .index1{ margin: -.25rem 0 0;}
    .banner .bottom{ bottom: .4rem;}

    .slides1 .hd{margin-bottom: .3rem;}
    .slides1 .hd ul li .a h3{ font-size: .24rem;}
    .slides1 .hd ul li .a h6{font-size: .12rem;padding: .02rem 0 0;}
    .slides1 .hd ul li .a{ height: .5rem}
    .slides1 .hd ul li:nth-child(1):before{ display: none}

    .pad1{ padding: .4rem 0}

    .slides1 .hd ul li .a h3:after {border-left: transparent .06rem solid;border-right: transparent .06rem solid;border-top: #186299 .07rem solid;bottom: -.17rem;}

    .more1 img{ width: .18rem}
    .slides1 .hd .more{ bottom: -.04rem;}

    .index2 .left{ width: 100%;}
    .index2 .right{width: 100%;padding: .1rem 0 0;}
    .ls4 .a{padding: 0;margin: 0;}
    .ls4 li::before{ left: 0}
    .ls4{ height: auto}
    .ls4 .a{ height: .8rem}

    .index2{ padding-bottom: 15vw}
    .ls3 .txt{ padding: 0 .2rem .12rem;}

    .ls5 li.li1{width: 31%;margin-bottom: .2rem;}

    .ls5 .center{width: 100%;margin: 0 0 .2rem;order: -1;}
    .ls5 .txt{ padding: 0 .15rem .1rem;}

    .ls6Box{ padding: 0; margin: 0;}
    .ls7W{ margin: .1rem 0 0;}
    .index3 .fl1{ background-size: 100% auto !important;}
    .index3 .fl2{ padding-bottom: .3rem;}
    .ls6W{ padding: 0;}
    .ls7W{ padding: 0;}

    .ls5 h4{ font-size: .16rem !important; line-height: .24rem !important; max-height: calc(.24rem * 2)\0;}

    .banner .dots span:before{ transform: scale(.6) rotate(45deg);}
}