@charset "utf-8";

.banner_box{ padding: 0px; position: relative; z-index: 3; }
.banner{ overflow: hidden; }
.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 5.5s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1.06);
    }
    100% {
        transform: scale(1);
    }
}

.banner .bottom{ position: absolute; right: 0; bottom: .28rem; left: 0;}
.banner .bottom .wp{ justify-content: flex-end}
.banner .dots{display: flex;justify-content: flex-end;}
.banner .dots span{width: .36rem;height: .36rem;position: relative;z-index: 1;background: none;opacity: 1; margin: 0 .03rem}
.banner .dots span::before{content: "";position: absolute;background: url(../images/dots1.png) center no-repeat;background-size: cover;top: 0;right: 0;bottom: 0;left: 0;transition: .5s;opacity: 0;}
.banner .dots span:after{content: "";position: absolute;width: .12rem;height: .12rem;border: #fff 2px solid;border-radius: 50vw;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: .5s;}

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

.banner .banner-pro.ani{-webkit-animation-name: anil;animation-name: anil;-webkit-animation-duration: 6s;animation-duration: 6s;-webkit-animation-timing-function: linear;animation-timing-function: linear;width: 100%;}
.banner .banner-pro {position: absolute;left: 0;bottom: 0;height: auto;width: 0;border-top: .03rem solid #6bffb3;z-index: 9;}

@-webkit-keyframes anil{0%{width:0}100%{width:100%}}
@keyframes anil{0%{width:0}100%{width:100%}}

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

.tit1{margin-bottom: .35rem;}

.tit1{align-items: flex-end;}
.tit1 .ll{ flex-direction: column; align-items: center;}
.tit1 .ll h3{ font-size: .36rem; color: #000000; font-family: "思源宋体 Bold";font-weight: 700;}
.tit1 .ll h3 font{ color: #017ec01;}
.tit1 .ll img{ height: .13rem;}

.more1{align-items: center;font-size: .16rem;transition: .5s;color: #017ec01;}
.more1 i{width: .2rem;height: .2rem;border-radius: 50vw;align-items: center;justify-content: center;font-size: .14rem;font-family: 'lib';margin: 0 .06rem 0 0;transition: .5s;color: #017ec01;border: #017ec01 1px solid;}
.more1 i:before{ transform: rotate(90deg)}

.indexa .left{width: calc((100% - 6.72rem)/2 - .36rem);}
.indexa .center{ width: 6.72rem;}

.list1 li{ border-bottom: #dadada 1px solid}
.list1 .imgBox .img{ padding-bottom: 65.61%;}
.list1 .txt{padding: .16rem 0;}
.list1 h4{ min-height: .6rem;}
.list1 h6{justify-content: flex-end;margin: .05rem 0 0;}

.list1 li:last-child{ border: none}

.list2Box{ overflow: visible;}
.list2 .imgBox .img{ padding-bottom: 64.78%;}
.list2 .txt{ height: 1.45rem; background: #fff url(../images/list2.png) right center no-repeat; background-size: auto 100%; box-shadow: 0px 0px .26rem 0.54px rgba(0, 0, 0, 0.08); display: flex; flex-direction: column; justify-content: center; padding: 0 .3rem; }
.list2 h4{font-size: .18rem;color: #333333;font-weight: bold;margin-bottom: 0;min-height: .6rem;}
.list2 h6{font-size: .16rem;color: #017ec01;align-items: flex-end;flex: 1;}
.list2 h6 big{font-size: .36rem;font-family: DIN-Bold;margin: 0 .12rem 0 0;line-height: 1;}
.list2 .flexjs{ align-items: flex-end}

.list2Box .dots span{width: .13rem;height: .13rem;border: #017ec01 1px solid;opacity: 1;background: none; margin: 0 0 0 .03rem; transition: .5s}
.list2Box .dots span.active{ background: #017ec01}

.indexa{background-size: 100% auto;padding-bottom: 1.22rem;}


.indexb{ background: #f5f5f5;}
.indexb .box{ width: calc(50% - .28rem);}

.list3Box{ padding: .2rem; margin: -.2rem; margin-bottom: .4rem;}
.list3 .a{padding: .14rem;background: #fff;align-items: center; transition: .5s;}
.list3 .time{ width: .66rem; margin: 0 .12rem 0 0; text-align: center;}
.list3 .time h6{line-height: .33rem;background: #017ec0;font-size: .16rem;color: #fff;}
.list3 .time h3{font-size: .29rem;color: #017ec0;font-family: DIN-Bold;border: #017ec0 1px solid;line-height: .33rem;}
.list3 .txt{ flex: 1; overflow: hidden; padding: 0 .12rem;}

.list3Box .dots{ display: flex; align-items: center; justify-content: center; margin: .27rem 0 0}
.list3Box .dots span{width: .13rem;height: .13rem;background: #017ec01;opacity: .4;margin: 0 .08rem !important;transition: .5s;}
.list3Box .dots span.active{ opacity: 1;}

.list4 .a{ height: .66rem; align-items: center; background: #fff; position: relative; z-index: 1; margin-bottom: .1rem; padding: 0 .25rem 0 .2rem;}
.list4 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #017ec0;background-size: cover;z-index: -1;opacity: 0;transition: .5s;}
.list4 h4{flex: 1;position: relative;padding: 0 0 0 .2rem;}
.list4 h4::before{content: "";position: absolute;background: url(../images/list4_i.png) center no-repeat;background-size: 100% 100%;transition: .5s;left: 0;top: 50%;transform: translateY(-50%);width: .11rem;height: .12rem;}
.list4 h4::after{content: "";position: absolute;background: url(../images/list4_is.png) center no-repeat;background-size: 100% 100%;transition: .5s;left: 0;top: 50%;transform: translateY(-50%);width: .11rem;height: .12rem; opacity: 0;}
.list4 .h6s1{ font-size: .16rem; color: #c2c2c2; width: auto; margin: 0 0 0 .15rem;}

.indexb .tit1{ margin-bottom: .25rem;}

.list5Box{ padding: .2rem .09rem; margin: -.2rem -.09rem;}
.list5 .imgBox .img{ padding-bottom: 63.71%;}
.list5 .txt{height: .7rem;background: #fff;transition: .5s;padding: 0 .25rem;align-items: center;box-shadow: 0 0 0.1rem 0px rgba(0, 0, 0, 0.2);align-items: center;display: flex;}
.list5 h4{ line-height: .24rem; max-height: .48rem\0;}

.indexd{ padding-top: 0 !important; padding-bottom: .6rem;}
.indexd .list5 .txt{width: calc(100% - .16rem);margin-top: -.2rem;position: relative;border-radius: .1rem 0 .3rem 0;}

.arrow2{position: absolute;top: 50%;transform: translateY(-50%);width: .36rem;height: .36rem;z-index: 10;margin: -.3rem 0 0; cursor: pointer;}
.arrow2 svg{width: 100%;height: 100%;transition: .5s;fill: rgba(255,255,255,.86);}
.arrow2.prev{ left: .25rem;}
.arrow2.next{right: .25rem;}

.indexe{ background: #e8fafb;}

.indexf{background: #e8fafb;padding-top: 0 !important;}

.list6 .a{display: block;overflow: hidden;box-shadow: 0.05rem 0.04rem 0.1rem 0px rgba(0, 0, 0, 0.1);}
.list6 .imgBox .img{padding-bottom: 65.5%;}
.list6 .txt{align-items: center;height: .64rem;z-index: 1;width: 3.7rem;max-width: 90%;padding: 0 .3rem 0 .15rem;position: absolute;bottom: -1px;left: 0;overflow: hidden;}
.list6 .txt:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;z-index: -1;transform: skewX(20deg);transform-origin: right bottom;}
.list6 i{font-size: .3rem;font-family: 'lib';position: relative;margin: 0 .14rem .06rem 0;padding: 0 0 .08rem;width: .3rem;}
.list6 i:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #4dab5e;}
.list6 h4{ flex: 1; overflow: hidden;}
.list6 i.swi-weixin0{ color: #4ca85a}
.list6 i.swi-sina{ color: #f53768}
.list6 i.swi-shipinhao{ color: #f6c327}
.list6 i.swi-sina:after{ background:#f53768}
.list6 i.swi-shipinhao:after{ background:#f6c327}

.list6Box .dots{ display: flex; align-items: center; justify-content: center; margin: .38rem 0 0}
.list6Box .dots span{width: .62rem;height: .04rem;background: #017ec01;opacity: .4;margin: 0 .08rem !important;transition: .5s; border-radius: 0}
.list6Box .dots span.active{ opacity: 1;}

.list7W{ padding: 0 .45rem; position: relative;}
.list7Box{ padding: .13rem; margin: -.13rem}
.list7 .a{ display: block; transition: .5s}
.list7 .imgBox{ border-radius: .1rem}
.list7 .imgBox .img{ padding-bottom: 24.6875%;}

.arrow3{position: absolute;top: 50%;transform: translateY(-50%);font-size: .36rem;color: #bebebe;font-family: 'lib'; cursor: pointer; transition: .5s;}
.arrow3.prev{left: -.08rem;}
.arrow3.next{right: -.08rem;}

@media(min-width: 1024px){
    .more1:hover{ color: #f2a818}
    .more1:hover i{color: #f2a818;border: #f2a818 1px solid;}

    .list3 .a:hover{ box-shadow: -0.262px .05rem .2rem 3.12px rgba(44, 141, 88, 0.4);}

    .list4 .a:hover:before{ opacity: 1;}
    .list4 .a:hover *{ color: #fff;}
    .list4 .a:hover h4::before{ opacity: 0;}
    .list4 .a:hover h4::after{ opacity: 1;}

    .list5 .a:hover .txt{ background: #0fb258;}
    .list5 .a:hover h4{ color: #fff;}

    .arrow2:hover svg{ fill: #0fb258}

    .list7 .a:hover{ box-shadow: -0.262px .05rem .2rem 3.12px rgba(44, 141, 88, 0.4);}

    .arrow3:hover{ color: #0fb258;}
}
@media(max-width: 1024px){
    .banner .imgBox .img{ padding-bottom: 60%;}
    .list9 h6{ font-size: .13rem;}
}
@media(max-width: 800px){
    .banner .dots span{ width: .26rem; height: .26rem;}
    .banner .dots span:after{ width: .06rem; height: .06rem;}
    .banner .bottom{ bottom: .2rem;}

    .indexa .center{ width: 100%;}
    .indexa .left{width: 100%;order: 1;margin: .3rem 0 0;}

    .tit1 .ll h3{ font-size: .26rem;}
    .tit1 .ll img{ height: .1rem;}
    .tit1{ margin-bottom: .25rem;}
    .list2 h6 big{ font-size: .24rem;}
    .list2 h4{ margin-bottom: .16rem;}
    .list2Box .dots span{ width: .1rem; height: .1rem;}

    .list2 .txt{ padding: 0 .2rem}

    .indexa{ padding-bottom: .4rem}

    .indexb .box{ width: 100%; margin-bottom: .3rem;}
    .indexb .box:last-child{ margin-bottom: 0;}

    .list3Box .dots span{width: .1rem;height: .1rem;margin: 0 .05rem !important;}

    .arrow3{ font-size: .2rem;}
    .list7W{ padding: 0 .2rem;}
    .arrow2{ width: .26rem; height: .26rem;}
    .list6Box .dots span{ width: .2rem; height: .02rem; margin: 0 .05rem !important;}
    
    .indexf{ padding-bottom: .4rem;}
    .banner .banner-pro{ bottom: -1px;}
} 
@media(max-width: 560px){
    .list3 .txt{ padding: 0 .05rem;}

    .list4 .a{ height: .5rem; padding: 0 .2rem;}
}