@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;}
.banner{ overflow: hidden; }
.banner:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);z-index: 1;height: 23vh;}
.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: 100vh; 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 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: .45rem;z-index: 2;}
.banner .dots{ justify-content: flex-end; align-items: center;}
.banner .dots span{width: .48rem;height: .48rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 0 0 .15rem !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: .75rem 0; overflow: hidden;}

.tit1{ justify-content: center; align-items: center; margin-bottom: .28rem;}

.index1{ background: url(../images/index1_b.jpg) center top no-repeat; background-size: cover; padding-bottom: .18rem;}
.index1 .box2{ width: 8.16rem;}
.index1 .box1{width: calc((100% - 8.16rem)/2 - .22rem);}

.lt1 li{ margin-bottom: .16rem;}
.lt1 li:last-child{ margin-bottom: 0;}
.lt1 .a{height: 2.32rem;background: #fff;padding: 0 .3rem;flex-direction: column;justify-content: center; position: relative; z-index: 1;}
.lt1 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/lt1_b.png) center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .5s;}
.lt1 .a::after{content: "";position: absolute;top: 0;left: 0;background: #005d72;z-index: -1;width: 0;height: .07rem;transition: .5s;}
.lt1 .top{ align-items: center; width: 100%}
.lt1 .time{ text-align: center}
.lt1 .time h3{font-size: .36rem;color: #005d72;font-family: 'roboto bold';font-weight: normal;line-height: 1;}
.lt1 .time h6{ font-size: .12rem; color: #005d72}
.lt1 .top img{ width: .24rem}
.lt1 h4{ margin: .2rem 0 0; height: .9rem}

.lt2 .a{ display: block; position: relative; z-index: 1;}
.lt2 .imgBox .img{ padding-bottom: 58.75%;}
.lt2 .txt{position: absolute;right: 0;bottom: 0;left: 0;background: rgba(0,93,114,.8);height: .8rem;padding: 0 .8rem 0 .3rem; align-items: center}
.lt2 .time{ text-align: center; margin: 0 .25rem 0 0}
.lt2 .time h3{font-size: .36rem;color: #fff;font-family: 'roboto bold';font-weight: normal;line-height: 1;}
.lt2 .time h6{ font-size: .12rem; color: #fff}
.lt2 h4{ flex: 1; color: #fff !important}

.lt2Box .dots{justify-content: flex-end;align-items: center;flex-direction: column;width: auto;position: absolute;right: .2rem;bottom: .1rem;left: auto;}
.lt2Box .dots span{width: .48rem;height: .48rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 0 !important;position: relative;z-index: 1}
.lt2Box .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;}
.lt2Box .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;}
.lt2Box .dots span.active:before{ opacity: 0}
.lt2Box .dots span.active:after{ opacity: 1}

.arrow1{ width: 1.44rem;}
.arrow1 .arrow{ width: .58rem; height: .58rem; background: #83cdde; align-items: center; justify-content: center; border-radius: 50vw; cursor: pointer; transition: .5s;}
.arrow1 .arrow img{ width: .24rem;}

.index2-3{position: relative;z-index: 1;background: url(../images/index2-3_b.jpg) center -5% no-repeat;background-size: 100% auto;}
.index2-3::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/index2_b.png) center top no-repeat;background-size: 100% auto;z-index: -1;pointer-events: none;}

.index2 .left{ width: 2.84rem;}
.index2 .tit1{ justify-content: flex-start; margin-bottom: .44rem;}
.index2 .right{ flex: 1; overflow: hidden; padding: .1rem 0 0;}

.lt3 .top{ align-items: center; border-bottom: #e1e5eb 1px solid; padding-bottom: .3rem; margin-bottom: .2rem;}
.lt3 .top img{ height: .44rem}
.lt3 .top{ padding-bottom: .15rem}
.lt3 h6{ width: auto;}

.index3{padding-top: .1rem;padding-bottom: .1rem;}

.lt4Box{padding: .5rem 0;margin: -.3rem 0;}
.lt4 li{width: 3.8rem;max-width: 100%;}
.lt4 .a{display: block;position: relative;transition: .5s;box-shadow: 0px 0 0 0 rgba(0, 61, 127, 0.39);}
.lt4 .imgBox .img{padding-bottom: 150%;}
.lt4 .txt{position: absolute;right: 10%;top: .25rem;z-index: 1;bottom: .25rem;align-items: flex-start;}
.lt4 h3{writing-mode: tb-rl;font-size: .32rem;color: #fff;display: flex;align-items: center;font-family: 'dingliehakkafont';font-weight: normal;letter-spacing: -.05rem;}
.lt4 h3 img{width: .27rem;margin: 0 0 .02rem;}
.lt4 h4{font-size: .16rem;color: #fff !important;width: .42rem;background: #144bae;padding: .15rem .1rem .2rem;display: flex;align-items: center;margin: .46rem .25rem 0 0;position: relative;z-index: 1;text-align: center;line-height: 1.1;}
.lt4 h4:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #144bae 1px solid;transform: translate(.06rem, .04rem);}

.lt4 .swiper-slide-active .a{ box-shadow: 0px 0 0.4rem 7.3px rgba(0, 61, 127, 0.39);}

.lt4Box .arrow1, .index2 .arrow1{width: 3.5rem;margin: .7rem auto 0;}
.more1{width: 1.7rem;height: .58rem;background: #fff;border-radius: 50vw;box-shadow: 0px 4px .24rem 0px rgba(0, 61, 127, 0.19);justify-content: center;align-items: center;font-size: .18rem;color: #333333; transition: .5s}

.index4{position: relative;z-index: 1;background: url(../images/index4_b1.jpg) center top no-repeat;background-size: 100% auto;padding-top: .2rem;}
.index4::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(../images/index4_b2.jpg) center bottom no-repeat;background-size: 100% auto;pointer-events: none;}
.index4::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(../images/index4_b3.jpg) center center no-repeat;background-size: 100% auto;pointer-events: none;}

.lt5{display:flex;align-items:center;margin: 0 -.15rem; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.lt5 li{ padding: 0 .14rem;}
.lt5 li .a{position:relative;cursor:pointer;z-index: 1;}
.lt5 li .a i{display: flex;width: .6rem;height: .6rem;background: #ffffff;border-radius: 50vw;font-size: .36rem;color: #005d72;font-family: 'lib';justify-content: center;align-items: center;transition: .5s;}
.lt5 li .a .ewm{position:absolute;box-shadow:0 0 15px rgba(0,0,0,.1);transition:.5s;opacity:0;visibility:hidden;width: 1.4rem;height: 1.4rem;background:#fff;border-radius:4px;padding: 0;z-index: -1;border-radius: .1rem;transform: translateX(-50%);left: 50%;bottom: 140%;top: auto;}
.lt5 li .a .ewm:before{content:"";position:absolute;top: auto;border-right: transparent .08rem solid;border-left: transparent .08rem solid;border-top: #fff .08rem solid;border-bottom: none;left: 50%;margin-top: 0;bottom: -.07rem;transform: translateX(-50%);right: auto;}
.lt5 li .a .ewm img{width: 100%;height: 100%;}
.lt5 li .a:hover .i1{ opacity: 0}
.lt5 li .a:hover .i2{ opacity: 1}
.lt5 li .a:hover .ewm{opacity:1;visibility:visible;z-index:1;}

.index4 .left{ width: 12.46rem;}
.index4 .left .ll{ width: 63.00%;}
.index4 .left .rr{width: 36.11%;padding: 14.85% 0 0;}
.index4 .right{ display: flex; flex-direction: column; align-items: flex-end; padding: .44rem 0 0;}

.lt6 .a{ display: block; position: relative;}
.lt6 .txt{position: absolute;right: 0;bottom: 0;left: 0;background: rgba(0,93,114,.8);height: .6rem;justify-content: center;align-items: center;padding: 0 .2rem;}
.lt6 h4{ color: #fff !important;}

.lt6s1{ align-items: flex-end;}
.lt6s1 li:nth-child(1){ width: 46.36%;}
.lt6s1 li:nth-child(1) .imgBox .img{ padding-bottom: 157.41%;}
.lt6s1 li:nth-child(2){ width: 52.22%;}
.lt6s1 li:nth-child(2) .imgBox .img{ padding-bottom: 109.26%;}

.lt6s2{align-items: flex-start;margin: 1.5% 0 0;}
.lt6s2 li:nth-child(1){ width: 65.73%;}
.lt6s2 li:nth-child(1) .imgBox .img{ padding-bottom: 83.33%;}
.lt6s2 li:nth-child(2){ width: 33.12%;}
.lt6s2 li:nth-child(2) .imgBox .img{ padding-bottom: 100%;}

.lt7 .a{ display: block; position: relative}
.lt7 .imgBox .img{padding-bottom: 146.66%;}

.lt7Box .dots{ position: absolute; left: .06rem; bottom: .15rem; justify-content: flex-end; align-items: center; z-index: 2}
.lt7Box .dots span{width: .48rem;height: .48rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 0 0 .15rem !important;position: relative;z-index: 1}
.lt7Box .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;}
.lt7Box .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;}

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

.lt6s3{margin: 2.5% 36% 0 -60.25%;}
.lt6s3 .imgBox .img{ padding-bottom: 57.67%}

.index5{ padding-top: .35rem;}
.index5 .left{ width: 50%; padding: .6rem 0 0;}
.index5 .right{ width: 50%; margin-top: -.5rem;}
.index5 .right .imgBox{ margin-right: calc((100vw - 16rem)/2*-1);}
.index5 .right .imgBox .img{padding-bottom: 87.5%;background: none;}

.slides1 .hd{ margin-bottom: .3rem;}
.slides1 .hd ul li{ margin: 0 .7rem 0 0;}
.slides1 .hd ul li .a{font-size: .2rem;color: #3d3d3d;font-weight: bold;position: relative;display: block;padding-bottom: .3rem;}
.slides1 .hd ul li .a::before{content: "";position: absolute;background: url(../images/slides1.png) center no-repeat;width: .27rem;height: .19rem;background-size: 100% 100%;bottom: 0;left: 50%;transform: translateX(-50%);opacity: 0;transition: .5s;}

.slides1 .hd ul li.on .a{ font-size: .24rem; color: #168ca7}
.slides1 .hd ul li.on .a::before{ opacity: 1}
.slides1 .hd .more a{ font-size: .18rem; color: #999;}

.lt8 li{ border-bottom: #83cdde 1px dashed;}
.lt8 .a{height: 1.6rem;padding: 0 .45rem;align-items: center;position: relative;z-index: 1;}
.lt8 .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient( 90deg, rgb(131,205,222) 0%, rgba(131,205,222,0) 100%); opacity: 0; transition: .5s}
.lt8 .a:after{ content: ""; position: absolute; left: -.03rem; bottom: -.04rem; width: .08rem; height: .08rem; background: #005d72; border-radius: 50%;  transition: .5s}
.lt8 .ll{ width: 1.22rem;}
.lt8 .ll h5{font-size: .18rem;color: #005d72;margin: 0 0 .05rem -.08rem;}
.lt8 .txt{ flex: 1; overflow: hidden;}
.lt8 h4{ height: .6rem}

.index5-6{position: relative;z-index: 1;}
.index5-6::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/index5-6.jpg) center bottom no-repeat;background-size: 100% auto;z-index: -1;pointer-events: none;}

.tit2 img{ width: 1.18rem}
.index6{ position: relative; z-index: 1; padding-top: 0 !important;}
.index6 .tit2{ position: relative; z-index: 10;}

.lt9W{ padding: 0 0 0 .66rem; margin-top: -2.4rem; width: 100%; margin-bottom: .8rem;}
.lt9W .arrow1{ margin: .2rem auto 0;}
.lt9Box{ padding: .4rem 0; height: 4.8rem;}
.lt9 .a{display: block;position: relative;z-index: 1;width: 2rem;margin: 0 auto;max-width: 100%;filter: drop-shadow(0 0 .15rem rgba(187,227,214.2));border-radius: 50vw;transition: .5s;}
.lt9 .imgBox::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/lt9_bs.png) center no-repeat; background-size: 100% 100%; opacity: 0; transition: .5s;}
.lt9 .imgBox .img{ background: none; padding-bottom: 100%;}
.lt9 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 15%;}
.lt9 .txt h4{font-size: .48rem;color: #005d72;font-family: 'roboto bold';font-weight: normal;line-height: 1; transition: .5s;}
.lt9 p{ font-size: .16rem; color: #353535; margin: .05rem 0 0;}

.lt9 li.swiper-slide-prev .a,.lt9 li.swiper-slide-active .a, .lt9 li.swiper-slide-active+li+li .a, .lt9 li.swiper-slide-active+li+li+li+li .a{ transform: translateY(100%);}

.other{position: absolute;top: 20%;right: 0;left: 0;pointer-events: none;z-index: -1;display: none\0;}
.other > svg {width: 100%;}
.other > svg .wave {animation: wave 10s linear;animation-iteration-count: infinite;stroke: #47a5ba;stroke-width: 0.15px;fill: transparent; }
.other > svg .wave#wave3 {animation-duration: 15s;opacity: 1; stroke-dasharray: .4, .3;}
.other > svg .wave#wave2 {animation-duration: 5s;animation-direction: reverse;opacity: 1; stroke-width: 0.05px;}
.other > svg .wave#wave1 {animation-duration: 10s;opacity: 1; stroke-dasharray: .4, .3}

.tit1{ position: relative;}
.tit1 img{ height: .73rem}
.tit1 .more2{font-size: .18rem;color: #999;position: absolute;right: 0;top: 75%;transform: translateY(-50%);transition: .5s;}

@keyframes wave {
    0%{
      transform: translateX(0%);
    }
    100%{
        transform: translateX(-100%);
    }
}

.lt10Box{ padding: .3rem 0 0;}
.lt10 .a{ display: block; transition: .5s;}
.lt10 .imgBox .img{ padding-bottom: 48.97%;}

.lt10Box .dots{ justify-content: center; align-items: center; z-index: 2; margin: .3rem 0 0;}
.lt10Box .dots span{width: .48rem;height: .48rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 0 0 .15rem !important;position: relative;z-index: 1}
.lt10Box .dots span:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/dots2.png) center no-repeat;background-size: cover; transition: .5s;}
.lt10Box .dots span:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/dots2s.png) center no-repeat;background-size: cover;opacity: 0;transition: .5s;}
.lt10Box .dots span:first-child{ margin-left: 0}
.lt10Box .dots span.active:before{ opacity: 0}
.lt10Box .dots span.active:after{ opacity: 1}

.index7-8{ background: url(../images/index7-8.jpg) center top no-repeat; background-size: 100% auto;}
.index7{ padding-top: 0 !important;}
.index7 .tit1{ align-items: center; justify-content: space-between;}
.index7 .tit1>img{ margin: 0 .7rem 0 0;}
.index7 .hd{flex: 1;overflow: hidden;margin-bottom: 0;}

.lt11 li{ width: 50%; }
.lt11 .a{height: 1.5rem;align-items: center;padding: 0 .45rem;position: relative;z-index: 1;transition: .5s;}
.lt11 .a:before{content: "";position: absolute;bottom: 0;left: .45rem;right: .45rem;height: 1px;background: #3d3d3d;opacity: .1}
.lt11 .time{ text-align: right; margin: 0 .4rem 0 0; position: relative}
.lt11 .time:before{content: "";position: absolute;top: .04rem;right: -.2rem;width: 1px;height: .5rem;background: #bdbdbd}
.lt11 .time h3{font-size: .32rem;color: #005d72;font-family: 'roboto bold';font-weight: normal;line-height: 1;}
.lt11 .time h6{ font-size: .16rem; color: #b3b3b3; margin: .08rem 0 0}
.lt11 .txt{ flex: 1; overflow: hidden}
.lt11 h4{ font-size: .2rem; color: #3d3d3d; height: .6rem}

.lt11 li:nth-child(3) .a:before, .lt11 li:nth-child(4) .a:before{ display: none;}

.lt12 li{ text-align: center;}
.lt12 .a{ width: 1.51rem; display: block; margin: 0 auto;}
.lt12 .imgBox .img{ padding-bottom: 100%; background: url(../images/lt12_b.png) center no-repeat; background-size: 100% 100%;}
.lt12 h4{ margin: .1rem 0 0;}

.lt12Box .arrow1{ margin: .56rem auto 0;}

.index8{background: url(../images/index8.png) center bottom no-repeat;background-size: 100% auto;padding-bottom: .5rem;}

@media(min-width: 1024px){
    .lt1 .a:hover::before{ opacity: 1;}

    .arrow1 .arrow:hover{ background: #005d72;}

    .more1:hover{ background: #005d72; color: #fff}

    .lt5 li .a:hover i{ background: #005d72; color: #fff}

    .lt8 .a:hover:before{ opacity: .3}
    .lt9 .a:hover .imgBox::after{ opacity: 1;}
    .lt9 .a:hover *{ color: #fff;}

    .more2:hover{ color: #005d72;}

    .lt10 .a:hover{ box-shadow: 0.707px 0.707px .2rem 3.12px rgba(59, 59, 59, 0.22);}
    
    .lt11 .a:hover{background-color: rgb(255, 255, 255, 0.4);box-shadow: 0.707px 0.707px 14.8px 5.2px rgba(59, 59, 59, 0.1);}
    .lt12 .a:hover img{ transform: rotateY(360deg);}
    .lt1 .a:hover::after{ width: 100%;}
    .banner .bottom{ bottom: .2rem;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
} 
@media(max-width: 769px){
    

    .banner .imgBox .img{ padding-bottom: 60%;}
    .banner .bottom{ bottom: .4rem;}
    .banner .dots{ justify-content: center;}
    .banner .dots span{ width: .3rem; height: .3rem;}
    .banner:after{ height: .6rem;}

    .pad1{ padding: .4rem 0;}
    .tit1 img{ height: .4rem}

    .index1 .box1{ width: 100%}
    .index1 .box2{width: 100%;margin: .3rem 0;}
    .index1 .box3{ width: 100%}

    .lt1 .a{height: 1.75rem;}
    .lt1 h4{height: auto;-webkit-line-clamp: 2;margin: .15rem 0 0;}

    .lt2Box .dots span{ width: .3rem; height: .3rem;}

    .index2 .left{margin: 0 auto;width: 100%;display: flex;justify-content: space-between;}
    .index2 .right{width: 100%;flex: auto;}

    .arrow1{ width: 1rem;}
    .arrow1 .arrow{ width: .4rem; height: .4rem;}

    .index3{ padding-top: 0}

    .lt4 .swiper-slide-active .a{ box-shadow: none}
    .lt4Box{ padding: .3rem 0}

    .lt4Box .arrow1, .index2 .arrow1{margin: .3rem auto 0;width: 2.6rem;}
    .more1{height: .4rem;width: 1.4rem;}
    .lt4 .txt{ top: .2rem; right: .15rem;}
    .lt4 h3{ font-size: .24rem;}
    .lt4 h4{margin: .46rem .15rem 0 0;font-size: .14rem;width: .36rem;}

    .index4{ padding-top: 0}

    .index4 .left{ width: 100%;}
    .index4 .right{width: 100%;padding: .3rem 0 0;}
    .lt6 .txt{height: .4rem;padding: 0 .1rem;}
    .lt6 h4{font-size: .14rem !important;}

    .lt5{margin: .25rem 0 0;justify-content: center;width: 100%;position: relative;width: 100%;top: auto;transform: none;}
    .lt5 li .a i{width: .5rem;height: .5rem;font-size: .24rem;}

    .index5{ padding-top: 0}
    .index5 .left{width: 100%;padding: 0;}
    .index5 .right{ width: 100%;}
    .slides1 .hd ul li{ margin: 0 .2rem 0 0;}
    .slides1 .hd ul li.on .a{ font-size: .18rem;}
    .slides1 .hd ul li .a{font-size: .18rem;padding-bottom: .2rem;}
    .slides1 .hd ul li .a::before{ width: .14rem; height: .1rem;}

    .slides1 .hd .more a{ font-size: .16rem}

    .lt8 .a{ height: auto; padding: .15rem 0}
    .slides1 .hd{margin-bottom: -.1rem;flex: auto;width: 100%;}
    .lt8 .a:after{width: .04rem;height: .04rem;bottom: -.02rem;}

    .lt9W{margin: 0;padding: 0;margin-bottom: .4rem;}
    .lt9Box{height: auto;margin: -.4rem 0;}
    .lt9 li.swiper-slide-prev .a,.lt9 li.swiper-slide-active .a, .lt9 li.swiper-slide-active+li+li .a, .lt9 li.swiper-slide-active+li+li+li+li .a{ transform: translateY(0);}

    .lt9 .a{ width: 1.5rem}
    .lt9 .txt h4{ font-size: .3rem}

    .tit1 .more2{ font-size: .16rem}
    .lt10Box{ padding: 0}

    .lt10Box .dots span{ width: .3rem; height: .3rem;}
    .index7 .tit1>img{ margin: 0 auto .3rem}

    .lt11 li{ width: 100%}
    .lt11 .a{padding: 0;height: auto;padding: .2rem 0;}
    .lt11 .a:before{ left: 0}
    .lt11 .a:right{ right: 0}

    .lt11 .time h3{ font-size: .24rem}
    .lt12 .a{ width: .9rem}
    .index8{ padding-top: 0}

    .lt7Box .dots span{width: .2rem;height: .2rem;margin: 0 0 0 0.05rem !important;}

    .lt12Box .arrow1{ margin: .3rem auto 0;}

    .lt5 li .a:hover .ewm{transform: translateX(-50%);opacity:1;visibility:visible;z-index:1;left: 50%;bottom: 140%;top: auto;}
    .lt5 li .a .ewm:before{content:"";position:absolute;top: auto;border-right: transparent .08rem solid;border-left: transparent .08rem solid;border-top: #fff .08rem solid;border-bottom: none;left: 50%;margin-top: 0;bottom: -.07rem;transform: translateX(-50%);right: auto;}


} 
@media(max-width: 560px){
} 



.index10{position: relative;z-index: 2;padding-bottom: 1rem;}

.index10 .left{ width: 54.5%; padding: 0 .1rem 0 0;}
.index10 .right{ width: calc(100% - 54.5%); padding: 0 0 0 .1rem;}

.lt100 .a{ display: block; position: relative;}
.lt100 .imgBox .img{padding-bottom: 54.57%;background: #000;}
.lt100 .imgBox .img img{ opacity: .8}
.lt100 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);z-index: 1;height: 23vh;}
.lt100 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 15px; display: flex; align-items: center; justify-content: center;}
.lt100 .top i{width: .82rem;height: .82rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.lt100 .top i img{width: 100%;transition: .5s;opacity: .5;}

.lt101{ margin: 0 -.1rem;}
.lt101 li{ width: 50%; padding: 0 .1rem;}
.lt101 .a{ display: block; position: relative;}
.lt101 .imgBox .img{padding-bottom: 134.95%;}
.lt101 .txt{ position: absolute; right: 0; bottom: 0; left: 0; padding: 0 .2rem .12rem;}
.lt101 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);z-index: 1;height: .7rem; }
.lt101 h4{ color: #fff !important;}
.lt101 i{display: flex;width: 1rem;height: 1rem;background: #2bd156;position: absolute;top: -.35rem;left: -.35rem;border-radius: 50vw;justify-content: center;align-items: center;font-size: .3rem;color: #fff;font-family: 'lib';padding: .25rem 0 0 .25rem;}
.lt101 li i.swi-weixin0{ background: #2bd156}
.lt101 li i.swi-sina{ background: #e34a4a}
.lt101 li i.swi-douyin{ background: #752bd1}

.lt101s{margin: .2rem -.1rem .4rem;}
.lt101s li{ width: 33.33%;}
.lt101s .imgBox .img{padding-bottom: 55.76%;}

@media(min-width: 1024px){
    .lt100 .a:hover .top i img{ opacity: 1;}
}
@media(max-width: 769px){
    .index10 .left{ width: 100%; padding: 0; margin-bottom: .2rem}
    .index10 .right{ width: 100%; padding: 0; }
    .lt101{ margin: 0 -7px .2rem;}
    .lt101 li{ width: 50%; padding: 0 7px;}

    .lt101s li{ width: 100%; margin-bottom: .2rem}
    .lt101 i{font-size: .2rem;width: .8rem;height: .8rem;}

    .index10{ padding-bottom: .3rem;}

    .lt100 .top i{ width: .5rem; height: .5rem;}
    
}