@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: .76rem 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: .9rem;align-items: flex-start;}
.ls1 li{flex: auto;margin-top: .1rem;}
.ls1 .line{width: 1px;height: .8rem;background: rgba(255,255,255,.5);margin: 0 .3rem;}
.ls1 .a{display: flex;align-items: center;flex-wrap: wrap;}
.ls1 .ico{margin: 0 .18rem 0 0;width: .5rem;height: .5rem;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 .left1{ width: 9.85rem;}
.index2 .right1{ width: calc(100% - 9.85rem - .36rem);}

.tit1{ align-items: flex-end; margin: 0 0 .24rem; border-bottom: #c1c1c1 1px solid; position: relative;}
.tit1 .ll{ align-items: flex-end}
.tit1 h3{font-size: .3rem;color: #0852a2;    font-weight: 400;position: relative;transition: .5s;padding: 0 0 .1rem;line-height: 1;}
.tit1 h3:before{content: "";position: absolute;right: 0;bottom: -1px;left: 0;height: 3px;background: #186299;}
.tit1 h6{font-size: .18rem;color: #bdbdbd;margin: 0 0 0 .1rem;padding: 0 0 .08rem;}
.tit1c{ justify-content: center; margin-bottom: .36rem;}
.tit1c .more{ position: absolute; right: 0;}

.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: .32rem;color: #3f3d3e;font-weight: normal;position: relative; transition: .5s;}
.slides1 .hd ul li .a h3:before{ content: ""; position: absolute; right: 0; bottom: -.16rem; left: 0; height: 3px; background: #186299; transition: .5s; opacity: 0;}
.slides1 .hd ul li .a h3:after{ content: ""; position: absolute; left: 50%; bottom: -.26rem; 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;padding: 0 0 .1rem;}
.more1 img{ width: .27rem; transition: .5s; margin: 0 0 0 .04rem}

.index2 .content{background:#fff;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);padding: .2rem;border-bottom: #005ec8 2px solid;}
.index2 .left{width: 5.9rem;}
.index2 .right{width: calc(100% - 5.9rem - .4rem);position: relative;z-index: 2;}

.ls3s li{margin: 0 0 .29rem;}
.ls3s li:last-child{ margin-bottom: 0 !important}
.ls3s h4{ height: .48rem}
.ls3s h6{align-items: flex-start;margin: .08rem 0 0}
.ls3s h6 img{width: .15rem;margin: 0 .06rem 0 0}

.ls3 .a{ display: block; position: relative;}
.ls3 .imgBox .img{padding-bottom: 59.32%;}
.ls3 .txt{right: 0;bottom: 0;left: 0;}
.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: .15rem 0 0;align-items: center;position: relative;}
.ls3 h6{ color: #0852a2; margin: .08rem 0 0}
.ls3 .dots{width: auto;margin: 0 0 0 .15rem;position: absolute;right: 0;bottom: .04rem;}
.ls3 .dots span{width: .08rem;height: .08rem;border: #0852a2 1px solid;opacity: 1;border-radius: 0;transform: rotate(45deg);margin: 0 .06rem !important;transition: .5s;background: #fff;}
.ls3 .dots span.active{background: #0852a2;}

.ls4{height: 4.52rem;background: #fff;box-shadow: 0px 0px .2rem 0px rgba(0, 0, 0, 0.08);padding: .18rem .4rem;border-bottom: #005ec8 2px solid;}
.ls4 li{width: 100%;position: relative;z-index: 1;}
.ls4 li::before{content: "";position: absolute;height: 1px;left: 0;right: 0;bottom: 0;background: #e5e5e5;z-index: -1;}
.ls4 .a{height: .84rem;align-items: center;margin: 0 0 0 0;padding: 0;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: #fdca41;font-weight: normal;line-height: 1;}
.ls4 .time h6{font-size: .14rem;color: #808080;margin: .04rem 0 0;}
.ls4 .txt{ flex: 1; overflow: hidden;}
.ls4 li:last-child::before{ display: none}

.index3{background: url(../images/in3_bx.jpg) center bottom no-repeat;background-size: cover;padding-bottom: 14vw;}

.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;}

.ls6sBox{ margin-bottom: .55rem;}
.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 .a{ display: block; position: relative}
.ls6s .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, transparent 100%);height: .8rem;}
.ls6s .imgBox .img{ padding-bottom: 62%;}
.ls6s .ico{ position: absolute; width: .64rem; height: .64rem; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/video.png) center no-repeat; background-size: 100% 100%;}
.ls6s h4{color: #fff !important;margin: .1rem 0;position: absolute;right: 0;bottom: 0;left: 0;padding: 0 .15rem;}

.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:before{ bottom: -.1rem}
    .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: .3rem 0 0;}
    .ls4 .a{padding: 0;margin: 0;}
    .ls4 li::before{ left: 0}
    .ls4{height: auto;padding: .15rem .2rem;}
    .ls4 .a{ height: .8rem}

    .index2{}
    .ls3 .txt{padding: 0;}

    .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);}

    .index2 .left1{ width: 100%;}
    .index2 .right1{width: 100%;padding: .4rem 0 0;}
    .tit1 h3{font-size: .24rem;}
    .ls3s h4{ height: auto}
    .ls3s li{ margin: 0 0 .24rem}
    .ls6s .ico{ width: .5rem; height: .5rem;}
    .ls6sBox{ margin-bottom: .25rem;}
}

.ls6sW{ overflow: hidden;}
.slideBox0{ margin-bottom: .55rem;}
.ls6s li{ margin: 0 .25rem}
.ls6s .a{ width: 3rem; }

@media(max-width: 769px){
    .slideBox0{ margin-bottom: .25rem;}
    .ls6s li{ margin: 0 7px;}
    .ls6s .a{ width: 2.6rem; }
}

.str_wrap{overflow:hidden;width:100%;position:relative;white-space:nowrap}
.str_move{white-space:nowrap;position:absolute;top:0;left:0;}
.ls6s li{display: inline-block;overflow: hidden;}