@charset "utf-8";

body{background: #fffbf4;}

.banner_box{padding: 0px;position: relative;z-index: 3;transform-style: preserve-3d;perspective: 100vw;overflow: hidden;}
.banner{ overflow: hidden; }
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1.05); transition: all 3.5s;}
.banner .imgBox .img{ padding-bottom: 100vh; transition: 0s; transform: scale(1) !important; }
.banner .imgBox .img video{opacity: 1;}
.banner_top{position: absolute;right: 0;bottom: 0;left: 0;z-index: 10;padding: 0 0 .3rem;}
.banner li.swiper-slide-active .imgBox{ transform: scale(1);}
.banner_top:before {content: "";display: block;position: absolute;left: 0;bottom: 0;right: 0;height: 2.26rem;background: url("../images/banner_top-bg.png") center bottom repeat-x;background-size: auto 99%;z-index: -1;pointer-events: none;transition: .5s}


.banner_top .wp{align-items: flex-end;}
.banner_top h3{font-size: .48rem;color: #fff;font-family: 'sys';text-transform: uppercase;line-height: 1.15;}
.banner_top h2{font-size: .3rem;color: #fff;font-family: 'sys';margin: 0 0 .05rem;}
.banner_top .bottom{align-items: center;justify-content: space-between;width: 2.45rem;margin: 0;}
.banner_top .bottom .line{margin: 0 0 .1rem;}
.banner_top .bottom .line svg{ width: 100%}
.banner_top .bottom .dots{width: auto;font-size: .2rem;color: #fff;}
.banner_top .bottom .dots span{ font-size: .3rem; color: #fff; font-family: 'Canela Web'}

.arrow1 .arrow{position: relative;z-index: 1;width: .41rem;height: .41rem;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: .5s;margin: 0 .1rem 0 0;font-size: .23rem;color: #fff;font-family: 'lib';}
.arrow1 .arrow img{width: .15rem;}
.arrow1 .arrow::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/arrow1.png) center no-repeat;background-size: 100% 100% !important;z-index: -1;transition: .5s;}

.arrow1 .arrow:hover{ color: #469d9f}
.arrow1 .arrow:hover::after{ background: url(../images/arrow1_on.png) center no-repeat; animation: roted 5s infinite linear}

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

.tit1{margin: 0 0 .6rem;text-align: center;overflow: hidden;position: relative;}
.tit1 h3{font-size: .47rem;color: #00797c;font-family: "思源宋体 SemiBold"; display: flex; align-items: center; justify-content: center}
.tit1 h3 span{ display: inline-block; width: .07rem; height: .07rem; background: #fff; border-radius: 50%; background: #00797c; margin: 0 .15rem}
.tit1 .sicoh{position: relative;z-index: 1;justify-content: center;align-items: flex-end;margin: .1rem 0 0;}
.tit1 .sicoh .ico{ width: .73rem; height: .44rem; margin: 0 .18rem}
.tit1 .sicoh:before{content: "wHu";position: absolute;font-size: .13rem;color: #00787b;font-family: 'Canela Web';text-transform: uppercase;bottom: -.01rem;text-align: center;left: 50%;transform: translateX(-50%);}
.tit1 .sicoh span{width: .04rem;height: .04rem;background: rgba(0,120,123,.3);border-radius: 50%;margin: 0 0 .06rem;position: relative;}
.tit1 .sicoh span::before{ content: "";position: absolute;background: url(../images/tit1.svg) center repeat-x;background-size: auto 2px;width: 50vw;height: 2px; top: 50%;opacity: .3; transition: 4s;}
.tit1 .sicoh .span1::before{right: calc(100% + .2rem);animation: bgfubuki1 600s ease-out infinite forwards;}
.tit1 .sicoh .span2::before{left: calc(100% + .2rem);animation: bgfubuki 600s linear infinite forwards;}

.arrow2 .arrow{position: relative;z-index: 1;width: .54rem;height: .54rem;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: .5s;margin: 0 .1rem 0 0;}
.arrow2 .arrow img{width: .15rem;}
.arrow2 .arrow::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/arrow2.png) center no-repeat;background-size: 100% 100% !important;z-index: -1;transition: .5s;}
.arrow2 svg{ width: .2rem; height: .2rem;}
.arrow2 .cls-1{fill:none;stroke:#00787b;transition: .5s;}

.arrow2 .arrow:hover .cls-1{ stroke:#fff;}
.arrow2:hover .arrow:hover::before{ background: url(../images/arrow2_on.png) center no-repeat; animation: roted 5s infinite linear}

@keyframes bgfubuki {
    0% {
      background-position: 0 0;
    }
    10% {
      background-position: 1000px 0;
    }
    20% {
      background-position: 2000px 0;
    }
    30% {
      background-position: 3000px 0;
    }
    40% {
      background-position: 4000px 0;
    }
    50% {
      background-position: 5000px 0;
    }
    60% {
      background-position:  6000px 0;
    }
    70% {
      background-position:  7000px 0;
    }
    80% {
      background-position: 8000px 0;
    }
    90% {
      background-position: 9000px 0;
    }
    100% {
      background-position:  10000px 0;
    }
  }
  @keyframes bgfubuki1 {
    0% {
      background-position: 0 0;
    }
    10% {
      background-position: -1000px 0;
    }
    20% {
      background-position: -2000px 0;
    }
    30% {
      background-position: -3000px 0;
    }
    40% {
      background-position: -4000px 0;
    }
    50% {
      background-position: -5000px 0;
    }
    60% {
      background-position:  -6000px 0;
    }
    70% {
      background-position:  -7000px 0;
    }
    80% {
      background-position: -8000px 0;
    }
    90% {
      background-position: -9000px 0;
    }
    100% {
      background-position:  -10000px 0;
    }
  }



.home1{}
.home1 .tit1{ align-items: center}
.home1 .tit1 .sicohW{flex: 1;margin: 0 .2rem;overflow: hidden;display: flex;}
.home1 .tit1 .sicohW .sicoh{ margin: 0}
.home1 .tit1.aos-animate .sicoh span::before{width: 80vw;}
.home1 .left{ width: 50%;}
.home1 .right{ width: 47.21%;}

.more0{display: flex;align-items: center;font-size: .24rem;color: #00797c;transform: translateY(.14rem);}
.more0 img{margin: 0 0 0 .12rem;height: .23rem;}

.list1Box{padding-bottom: .2rem;}
.list1 .imgBox .img{ padding-bottom: 59.07%;}
.list1 .txt{ padding: .24rem 0 0;}
.list1 h6{font-size: .18rem;color: #00787b;position: relative;z-index: 1;font-weight: 600;padding: 0 0 .1rem;}
.list1 h6::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 1.05rem; height: 2px; background: #00787b;}
.list1 h4{ margin: .2rem 0 .2rem; font-size: .28rem;}
.list1 p{ margin: 0 0 .25rem}

.more1{width: 1.34rem;margin: 0 0 .1rem;height: .41rem;}
.more1 span{font-size: .18rem;color: #00797c;margin: 0 0 -.06rem;position: relative;font-weight: 600;}
.more1 span a{color: #00797c;}
.more1 span .ico svg{width: .45rem;height: .45rem;position: absolute;right: -.02rem;top: 0;}
.more1 .line svg{ width: 1.34rem; height: .11rem;}
.more1 .line{ position: relative; z-index: 1}

.list1s .a{border: #ebba64 1px solid;background: #ffffff;}
.list1s .txt{background: #ffffff url(../images/list5_b1.png) .14rem .14rem no-repeat;flex: 1;padding: 0 .58rem;position: relative;z-index: 1;background-size: 1.12rem auto;overflow: hidden;display: flex;align-items: center;}
.list1s .txt::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list5_b2.png) center bottom no-repeat;background-size: 100% auto;z-index: -1;pointer-events: none;}
.list1s .imgBox{width: 8.8rem;order: 1;}
.list1s .imgBox .img{padding-bottom: 62.15%;}
.list1s .time{position: relative;z-index: 1;border-bottom: #00787b 1px solid;padding: 0 0 .15rem;margin-bottom: .4rem;display: flex;align-items: baseline;}
.list1s .time:before{content: "";position: absolute;bottom: 0;left: 0;width: 1.22rem;height: .03rem;background: #00797c;}
.list1s .time h3{font-size: .36rem;color: #00797c;font-family: 'Canela Web';line-height: 1;font-weight: normal;}
.list1s .time h6{font-size: .18rem;color: #00797c;font-family: 'Canela Web';font-weight: normal;position: relative;margin: 0 0 0 .15rem;}
.list1s h4{font-size: .24rem;line-height: .4rem;max-height: calc(.4rem*2);min-height: calc(.4rem*2);font-weight: normal;}
.list1s p{margin: .2rem 0 .9rem;height: calc(.32rem* 3);}

.bottomDots1{align-items: center;width: 100%;}
.bottomDots1 .dots{width: auto;font-size: .16rem;color: #00787b;display: flex;align-items: baseline;}
.bottomDots1 .dots span{font-size: .18rem;color: #00787b;font-family: 'Canela Web';width: auto;height: auto;background: none;opacity: .5;margin: 0 .2rem 0 0;position: relative}
.bottomDots1 .dots span:before{ content: ""; position: absolute; width: 0; height: 1px; background: #efd48d; top: 50%; left: .2rem}
.bottomDots1 .dots span.active{ font-size: .24rem; opacity: 1; margin: 0 .7rem 0 0 }
.bottomDots1 .dots span.active:before{ width: .54rem}

.list2 li{ position: relative; z-index: 1;}
.list2 li:before{content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;transition: .5s;background: #fcf3e5;z-index: -1;opacity: 0;}
.list2 li:after{content: "";position: absolute;top: 0;left: 0;width: 0;height: .04rem;transition: .5s;background: #00797c;z-index: -1;opacity: 1;}
.list2 .a{align-items: center;padding: .13rem .2rem;position: relative;z-index: 1; transition: .5s;}
.list2 .a:before{content: "";position: absolute;left: 1.5rem;right: .25rem;background: #e5e2df;height: 1px;bottom: 0;}
.list2 .a:after{content: "";position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list2_b.png) center bottom no-repeat; background-size: 100% auto; opacity: 0; z-index: -1;}
.list2 .time{background: url(../images/list2_t.png) center no-repeat;width: .91rem;height: .91rem;justify-content: center;align-items: center; margin: 0 .36rem 0 0}
.list2 .time h6{font-size: .19rem;color: #00797c;font-family: 'Perpetua Titling MT';text-align: left;width: .5rem;}
.list2 .time .line{ width: .5rem; height: 1px; background: #c3d4cf; transform: rotate(-45deg)}
.list2 .time h3{font-size: .19rem;color: #00797c;font-family: 'Perpetua Titling MT';font-weight: normal;text-align: right;width: 0.5rem;}
.list2 .txt{flex: 1;}
.list2 h4{ font-weight: 600;}
.list2 p{ height: 0; opacity: 0}
.list2 .ico{position: relative;z-index: 1;width: .24rem;height: .24rem;margin: 0 .25rem;}
.list2 .ico::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list2_s.svg) center no-repeat; background-size: cover; transition: .5s;}
.list2 .ico::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list2_s_on.svg) center no-repeat; background-size: cover; transition: .5s; opacity: 0;}

.list2 li.on:before{ width: 100%; opacity: 1}
.list2 li.on .a{ padding: .35rem .2rem;}
.list2 li.on .a::before{ opacity: 0;}
.list2 li.on .a::after{ opacity: 1;}
.list2 li.on .ico::before{ opacity: 0;}
.list2 li.on .ico::after{ opacity: 1;}
.list2 li.on h4{transform: translateY(-.05rem);}
.list2 li.on p{ height: .26rem; opacity: 1; transform: translateY(.05rem);}
.list2 li.on:after{ width: 100%;}

.list2s{margin: .6rem -3.5vw 0;}
.list2s li{width: 33.33%;padding: 0 3.5vw;position: relative;z-index: 1;}
.list2s .a{display: block;transition: .5s;margin-bottom: .3rem;}
.list2s .a:last-child{ margin-bottom: 0}
.list2s li:before{content: "";position: absolute;width: 1px;top: 0;bottom: 0;background: #ecd7ba;right: 0;}
.list2s h6{margin: .08rem 0 0;position: relative;padding: 0 0 0 .48rem;}
.list2s h6:before{content: "";position: absolute;left: 0;top: 50%;width: .4rem;height: 1px;background: #efd48d;margin: -.05px 0 0;}
.list2s p{ margin: 0 0 .5rem}
.list2s li:nth-child(3):before{ display: none}
.home11 .list2s li:nth-child(3):before{ display: block!important}
.home11 .list2s li:nth-child(4):before{ display: none}
.home2{position: relative;z-index: 1;}
.home2 .iframe1{position: absolute;top: 0;left: 50%;transform: scaleX(1.25) translateX(-50%);background: #fffdf9;z-index: -1;pointer-events: none;}

.home6 .iframe1{position: absolute;top: 0;left: 50%;transform: scaleX(1.25) translateX(-50%);background: #fffdf9;}
.home3-4 .iframe1{position: absolute;top: 62%;left: 50%;transform: scaleX(1.25) translateX(-50%) translateY(-50%);background: #fffdf9;}
.home3-4 .iframe2{position: absolute;top: 53%;left: 119%;transform: scaleX(1.25) translateX(-50%) translateY(-50%);background: #fffdf9;z-index: -1;mix-blend-mode: darken;}
.home3-4 .iframe3{position: absolute;top: 70%;left: -119%;transform: scaleX(1.25) translateX(-50%) translateY(-50%);background: #fffdf9;z-index: 1;mix-blend-mode: darken;}

.wengli1{position: absolute;right: 0;bottom: 0;left: 0;z-index: -1;pointer-events: none;}
.wengli1:after{content: "";width: 168%;height: 100%;position: absolute;right: 0;top: 0;background: rgba(255,253,249,1);background: linear-gradient(to left, rgba(255,253,249,0) 0%,#fffdf9 10%);z-index: 1;}
[data-aos=img_s].wengli1:after{transform: translateX(34%);}
[data-aos=img_s].wengli1.aos-animate:after{ animation: move1 4s linear 0s 1 normal forwards;}

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

.list3 .a{height: 1.84rem;/* align-items: center; */padding: 0 .2rem;position: relative;z-index: 1;/* overflow: hidden; */flex-direction: column;justify-content: center;}
.list3 .time{width: 100%;margin: 0 0 .15rem;align-items: baseline;}
.list3 .time h3{font-size: .36rem;color: #00797c;font-family: 'Canela Web';line-height: 1;font-weight: normal;}
.list3 .time h6{font-size: .18rem;color: #00797c;font-family: 'Canela Web';font-weight: normal;position: relative;margin: 0 0 0 .15rem;width: auto;}
.list3 .txt{/* flex: 1; */}

.list3{ margin: 0 -3px}
.list3 li{position: relative;z-index: 1;overflow: hidden;padding: .15rem 3px;width: 33.33%;}

.list3Box .dots{justify-content: center;align-items: center;margin: .5rem auto 0;flex-wrap: nowrap;left: auto !important;transform: none !important;display: block;}
.list3Box .dots span{min-width: .1rem;width: .1rem;height: .1rem;border: #00787b 1px solid;border-radius: 0;background: none;opacity: 1;transition: .5s;margin: 0 .06rem !important;transform: scale(1) !important;}
.list3Box .dots span.active{ background: #00787b;}

.home3{ padding-top: 0 !important; position: relative; z-index: 1;}
.wz_svg{position: absolute;width: 3.24rem;left: calc((100vw - 15rem)/2);top: 1.5rem;}
.wz_svg svg g:nth-child(2n) {
    animation: animateShow 5s ease-in-out infinite;
    opacity: 1
}
.wz_svg svg g:nth-child(odd) {
    animation: animateShow2 5s ease-in-out infinite;
    opacity: .3
}
@keyframes animateShow {
    25% {
        opacity: .3
    }

    75% {
        opacity: .3
    }

    50%,to {
        opacity: 1
    }
}

@keyframes animateShow2 {
    25% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    50%,to {
        opacity: .3
    }
}

.home3 .b1{position: absolute;top: 3.85rem;padding: .16rem 0;background: #f3e8d9;transition-duration: 0s !important;}
.home3 .b1:before{content: "";position: absolute;background: url(../images/home3_b.png) center;background-size: auto 100%;top: .16rem;right: 0;bottom: .16rem;left: 0;animation: bgfubuki1 300s linear infinite forwards;}
.home3 .b1:after{content: "";width: 168%;height: 100%;position: absolute;right: 0;top: 0;background: rgba(255,253,249,1);background: linear-gradient(to left, rgba(255,253,249,0) 0%,#fffdf9 10%);z-index: 1;}

.home3 [data-aos=img_s].b1:after{transform: translateX(34%);}
.home3 [data-aos=img_s].b1.aos-animate:after{ animation: move1 4s linear 1s 1 normal forwards;}

[data-aos=img_s].wengli1:after{transform: translateX(34%);}
[data-aos=img_s].wengli1.aos-animate:after{ animation: move1 4s linear 0s 1 normal forwards;}

.home3 .b1 img{ opacity: 0; pointer-events: none;}

.list4Box{ position: relative;}
.list4Box .bottomDots{ position: absolute; right: 0; bottom: 0;}
.list4Box .bottomDots .dots{ order: -1;}
.list4Box .bottomDots .arrow2{ order: 1;}
.list4 dl dd{ width: 25%;}
.list4 dl dd:nth-child(2n-1){ margin-top: 1.05rem;}
.list4 .a{display: block;padding: .6rem 0 0;position: relative;z-index: 1;transition: 1s;}
.list4 .a_li{position: relative;-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;transition: .3s;}
.list4 .txt1{position: absolute;top: 0;right: 0;bottom: 0;left: 0;transform: translateZ(60px) scale(.94);-webkit-transform: translateZ(60px) scale(.82);-ms-transform: translateZ(60px) scale(.94);}
.list4 .txt1 img{width: 100%;height: 100%;object-fit: cover;}
.list4 .imgBox .img{padding-bottom: 132.99%;-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;perspective: 1000px;-webkit-perspective: 1000px;}
.list4 .txt{position: absolute;top: 0;left: .3rem;padding: 1.2rem 0 0;transition: .5s;transform: translateY(-.65rem);}
.list4 .txt img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover}
.list4 .txt::before{content: "";position: absolute;top: .45rem;left: 50%;width: .03rem;height: .58rem;background: #ebba64;margin-left: -.015rem; }
.list4 .txt h4{font-family: 'sys';font-size: .24rem;color: #fff;writing-mode: tb-rl;}

.list4 dd:nth-child(1) .txt1 img{filter: drop-shadow(0 0 .1rem #851b28);}
.list4 dd:nth-child(2) .txt1 img{filter: drop-shadow(0 0 .1rem #d6a770);}
.list4 dd:nth-child(3) .txt1 img{filter: drop-shadow(0 0 .1rem #127a91);}
.list4 dd:nth-child(4) .txt1 img{filter: drop-shadow(0 0 .1rem #163e6e);}

.list4 li dl dd .a1{ transition: 1.6s; opacity: 0; }
.list4 dl dd:nth-child(1) .a1{ transform: translate3d(0, 50px, 0);}
.list4 dl dd:nth-child(2) .a1{ transform: translate3d(0, -50px, 0);}
.list4 dl dd:nth-child(3) .a1{ transform: translate3d(0, 50px, 0);}
.list4 dl dd:nth-child(4) .a1{ transform: translate3d(0, -50px, 0);}

.list4 li.swiper-slide-active dl dd .a1{ transform: translate3d(0, 0, 0); opacity: 1;}

.list4 dd:nth-child(2) .txt::before{ background: #00787b}

.bottomDots{ width: 3.34rem; align-items: center; justify-content: space-between; max-width: 100%}
.bottomDots .line{ flex: 1; background: #00787b; height: 2px; margin: 0 .2rem}
.bottomDots .dots{width: auto;font-size: .3rem;color: #00787b}
.bottomDots .dots span{ font-size: .3rem; color: #00787b; font-family: 'Canela Web'}

.home3-4{position: relative;z-index: 2;overflow: hidden;}
.home3-4 .wengli2{ bottom: 4rem;}
.wengli2:after{ background: rgba(255,253,249,1);background: linear-gradient(to right, rgba(255,253,249,0) 0%,#fffdf9 10%);z-index: 1;}
[data-aos=img_s].wengli2:after{transform: translateX(34%);}
[data-aos=img_s].wengli2.aos-animate:after{ animation: move2 4s linear 0s 1 normal forwards;}

@keyframes move2{
    0% {
        transform: translateX(34%);
    }
    100% {
        transform: translateX(100%);
    }
}

.list5Box{ flex: 1;}
.list5 .a{border: #ebba64 1px solid;background: #ffffff;}
.list5 .txt{background: #ffffff url(../images/list5_b1.png) .14rem .14rem no-repeat;flex: 1;padding: 0 .58rem;position: relative;z-index: 1;background-size: 1.12rem auto;overflow: hidden;display: flex;align-items: center;}
.list5 .txt::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list5_b2.png) center bottom no-repeat;background-size: 100% auto;z-index: -1;pointer-events: none;}
.list5 .imgBox{width: 8.8rem;order: 1;}
.list5 .imgBox .img{padding-bottom: 62.15%;}
.list5 .txt>div, .list1s .txt>div{ width: 100%}
.list5 .time{
    position: relative;
    z-index: 1;
    border-bottom: #00787b 1px solid;
    padding: 0 0 .15rem;
    margin-bottom: .4rem;
    display: flex;
    align-items: baseline;
    }
.list5 .time:before{content: "";position: absolute;bottom: 0;left: 0;width: 1.22rem;height:.03rem;background: #00797c}
.list5 .time h3{font-size: .36rem;color: #00797c;font-family: 'Canela Web';line-height: 1;font-weight: normal;}
.list5 .time h6{font-size: .18rem;color: #00797c;font-family: 'Canela Web';font-weight: normal;position: relative;margin: 0 0 0 .15rem;}
.list5 h4{font-size: .24rem;line-height: .4rem;max-height: calc(.4rem*2);min-height: calc(.4rem*2);font-weight: normal;}
.list5 p{max-width: 100%;margin: .3rem 0 .9rem;}

.list5W .nextBox{width: 1.6rem;background: #00797c url(../images/nextBox_b1.png) center top no-repeat;background-size: 100%;position: relative;z-index: 1;}
.list5W .nextBox:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/nextBox_b2.png) center bottom no-repeat;background-size: 100%;}
.list5W .nextBox{text-align: center;display: flex;justify-content: center;align-items: center;}
.list5W .nextBox h4{font-size: .3rem;line-height: .47rem;color: #fff;writing-mode: tb-rl;overflow: hidden;height: 3.8rem;text-align: left;width: .94rem;}

.home5{padding-bottom: 0rem;}
.home5 .fl1 .left{width: 25.31%;background: #16999c url(../images/home5_b1.jpg) center no-repeat;background-size: cover;padding: 0 .38rem;overflow: hidden;position: relative;z-index: 1;}
.home5 .fl1 .center{ width: 24.30%;}
.home5 .fl1 .right{ width: 49.68%;}

.home5 .fl1 .left .more5{margin: .2rem 0 0;float: right;}
.home5 .fl1 .left .more5 .a{color: #ebba64;backdrop-filter: blur(.1rem);}

.home5 .fl1 .left>.sicoh{position: absolute;bottom: -1.2rem;left: -.2rem;z-index: -1;pointer-events: none;}
.home5 .fl1 .left>.sicoh svg{width: 4.18rem;opacity: .5;max-width: 22vw;}
.home5 .fl1 .left>.sicoh .ico .cls-1{fill:none;stroke:#f4cf8f;stroke-width:2px;}

.list6 li{ height: 100%;}
.list6 .a{height: 1.55rem;justify-content: center;display: flex;flex-direction: column;/*border-bottom: rgba(250,205,137,.2) 1px solid;*/}
.list6 .tit{position: relative;z-index: 1;/* background: url(../images/list6_s.svg) center no-repeat; *//* background-size: cover; */width: 1rem;line-height: .31rem;padding: 0 .1rem;text-align: center;font-size: .13rem;color: #cd994e;margin: 0 0 .12rem;font-family: 'sys';justify-content: center;align-items: center;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.list6 h4{font-size: .18rem;color: #fff !important;line-height: .3rem;max-height: calc(.3rem*2)\0;font-weight: normal;}
.list6 .ico svg, .list6 .ico{ position: absolute; top: 0; right: 0; bottom: 0; left: 0}
.list6 .cls-1{fill:none;stroke:#ebba64;}

.list6 li:last-child .a{ border: none}

.list7 .a{display: block;position: relative;z-index: 1;/* overflow: hidden; */}
.list7 .txt{position: absolute;left: 0;bottom: 0;right: 0;padding: .24rem .25rem;align-items: center;}
.list7 i{display: inline-block;width: .47rem;height: .47rem;border: rgba(255,255,255,.5) 2px solid;border-radius: 50vw;text-align: center;line-height: .45rem;margin: 0 .14rem 0 0;}
.list7 i:before{font-size: .3rem;color: #fff;font-family: 'lib';}
.list7 h4{ font-size: .18rem; color: rgba(255,255,255,.8); flex: 1; font-weight: normal;}

.list7-1{ height: 100%;}
.list7-1 .imgBox .img{ padding-bottom: 186.71875%;}
.list7 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background-image: linear-gradient(0deg, rgba(0,0,0,.6), transparent);height: 30%;}
.list7-2{ margin-bottom: .7%}
.list7-2 .imgBox .img{ padding-bottom: 46.93%;}
.list7-2 .txt{}
.list7-3{width: 50%;}
.list7-3 .txt{}
.list7-3 .imgBox .img{ padding-bottom: 87.5%;}
.list7-4 .imgBox:after{ display: none}

.list7 .txt1{position: absolute;top: 0;align-items: flex-end;padding: .45rem .32rem;z-index: 1;/* overflow: hidden; */}
.list7 .txt1 .bg1{position: absolute;left: 33%;bottom: -.75rem;transform: translateX(-50%);}
.list7 .txt1 .bg1 img{opacity: 0;width: 1.76rem;}
.list7 .txt1 .bg1 .ico{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.list7 .txt1 .bg1 .ico svg{ width: 100%; height: 100%;}
.list7 .txt1 .bg1 .ico .cls-1, .list7 .txt1 .bg1 .ico .cls-2{fill:none;}
.list7 .txt1 .bg1 .ico .cls-1{stroke:rgba(180,137,85,.5);}
.list7 .txt1 .bg1 .ico .cls-2{stroke:rgba(180,137,85,.5); isolation:isolate;}
.list7 .txt1 .rr{ height: 100%}
.list7 .txt1 .rr h3{font-size: .29rem;color: #b57f3e;font-family: 'sys';writing-mode: tb-rl;margin: 0 .1rem 0 .25rem;letter-spacing: .02rem;white-space: nowrap;}


.more2{display: flex;flex-direction: column;align-items: center;}
.more2 span{font-size: .18rem;color: #b48955;font-family: 'sys';writing-mode: tb-rl;margin: .15rem 0 0}

.list8{position: relative;z-index: 10;width: 1rem;justify-content: space-between;}
.list8 dd{margin: 0 0 .12rem;position: relative;z-index: 1;cursor: pointer;}
.list8 dd .a{display: flex;font-size: .2rem;color: #ddb27f;transition: all .5s;font-family: 'lib';position: relative;z-index: 1;width: .4rem;height: .4rem;background: #fef2e3;border-radius: 50vw;border: #ffdda7 1px solid;align-items: center;justify-content: center;}
.list8 dd .a img{width: .69rem;height: .69rem;position: relative;z-index: 1;transition: all 0.5s; }
.list8 dd .ewm{/* width: 1.1rem; */background: #fff;border-radius: .06rem;position: absolute;padding: .05rem;bottom: 160%;left: 50%;z-index: 1;opacity: 0;visibility: hidden;transition: all 0.5s;transform: translateY(.1rem) translateX(-50%);box-shadow: 0 0 0.3rem rgba(0,0,0,.2);display: flex;}
.list8 dd .ewm:before{content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);bottom: -.06rem;left: 50%;margin-left: -.06rem;}
.list8 dd .ewm img{ width: 100%}
.list8 dd .a.swi-toutiao{ font-size: .15rem}
.list8 dd .ewm div{text-align: center;width: 1rem;margin: 0 .04rem;}
.list8 dd .ewm div h6{ font-size: .12rem}

.list8 .ico{  position: absolute; top: 50%; left: 50%; z-index: 10;width: 1.46rem;height: 1.46rem;transform: translate(-50%, -50%); }
.list8 .ico img{ position: absolute; z-index: 1;width: .4rem;height: .49rem;left: 50%;top: 50%;transform: translate(-40%, -50%) !important;}

.list8 .circle{ opacity: 0; transition: .5s;}
.list8 .circle span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50vw;border: #fff 1px solid;transform: scale(1);animation: circleScale 2s linear infinite;-webkit-transition: all 0.5s;transition: all 0.5s;z-index: -1;}

.list8 .circle span:nth-of-type(2) {
    animation-delay: 1s;
}
.list8 .circle span:nth-of-type(3) {
    animation-delay: 2s;
}
@keyframes circleScale {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    80% {
        opacity: .8;
    }

    100% {
        opacity: 0;
        transform: scale(1.5, 1.5);
    }
}

.list8 dd:hover{ z-index: 3}
.list8 dd:nth-child(1):hover .a{ color: #04ad0f}
.list8 dd:nth-child(2):hover .a{ color: #d81e06}
.list8 dd:nth-child(3):hover .a{ color: #b57f3e}
.list8 dd:hover .a{box-shadow: 0px 0px 0.3rem 0px #b99563;}
.list8 dd:hover .a img{ opacity: 1}
.list8 dd:hover .ewm{opacity: 1;visibility: visible;transform: translateY(0) translateX(-50%);}

.home6{ padding-top: 1.2rem; position: relative; z-index: 1;}
.home6 .wengli1{ top: 0;}

.list9Box{padding: .5rem 0 0;margin: -.2rem 0}
.list9 li{ position: relative; }
.list9 .a{min-height: 5.66rem;position: relative;z-index: 1;padding: .35rem .4rem .45rem;transition: .5s;flex-direction: column;justify-content: space-between;}
.list9 .a .bg0{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: #fcf3e5; transition: .5s;}
.list9 .a .bg2{ background: url(../images/list9_b.jpg) center no-repeat; background-size: cover; opacity: 0; visibility: hidden; }
.list9 .a .bg2::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list9_i.png) left top no-repeat;background-size: 1.26rem auto;}
.list9 .tit{position: relative;z-index: 1;/* background: url(../images/list6_s.svg) center no-repeat; *//* background-size: cover; */width: 1rem;line-height: .31rem;padding: 0 .1rem;text-align: center;font-size: .16rem;color: #cd994e;margin: 0 0 .2rem;float: right;}
.list9 .tt, .list9 .txt{ transition: .5s;}
.list9 .imgBox{ width: 100%}
.list9 .imgBox .img{padding-bottom: 59.45%;}
.list9 .txt{}
.list9 h4{line-height: .3rem;max-height: calc(.3rem*2)\0;margin: .05rem 0 0;min-height: .6rem;}
.list9 hr{width: 100%;height: 1px;background: #f5be7d;margin: .2rem 0;border: none;}
.list9 .ico svg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0}
.list9 .cls-1{fill:none;stroke:#ebba64;}
.list9 .time{display: flex;align-items: center;margin: 0;}
.list9 .time span{font-size: .34rem;color: #00787b;font-family: 'sys';transition: .5s;}
.list9 .time i{width: 1px;height: .16rem;background: #00787b;display: inline-block;transform: rotate(30deg);margin: 0 .15rem;transition: .5s;}

.list9Box .dots{justify-content: center;align-items: center;margin: .8rem 0 0;}
.list9Box .dots span{width: .1rem;height: .1rem;border: #00787b 1px solid;border-radius: 0;background: none;opacity: 1;transition: .5s;margin: 0 .06rem !important;}
.list9Box .dots span.active{ background: #00787b;}

.list10Box{padding: .3rem 0 0;overflow: visible;}
.list10 dd{width: 25%;perspective: 1000px;transform-style: preserve-3d;}
.list10 .a{height: 2.96rem;flex-direction: column;justify-content: center;padding: 0 .54rem;position: relative;z-index: 1;transition: .5s;transform: rotateX(90deg);}
.list10 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;}
.list10 .a:after{ content: ""; position: absolute; top: 0; left: 50%; width: 0; height: .04rem; background: #e9c28a; transition: .5s; transform: translateX(-50%);}
.list10 .txt{ width: 100%; opacity: 0; transition: 1s 1.6s}
.list10 .h3{font-size: .6rem;color: #00787b;font-family: 'Canela Web';font-weight: normal;line-height: 1;overflow: hidden;display: flex;align-items: flex-end;justify-content: flex-start;}
.list10 h4{ font-size: .2rem; color: #333333; line-height: 1.35}
.list10 .line{position: relative;z-index: 1;display: flex;align-items: center;overflow: hidden;margin: .1rem 0 .25rem;}
.list10 .line img{transition: .5s;}
.list10 .line::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list10_b_on.png) center no-repeat;background-size: 100% 100%;transition: .5s;transform: translateX(-101%);}

.list10 dd:nth-child(1) .a:before, .list10 dd:nth-child(3) .a:before, .list10 dd:nth-child(6) .a:before, .list10 dd:nth-child(8) .a:before{ background: #fdf5e9;}

.list10 dd:nth-child(1) .a{transition: all 1s ease-out 0s;transform: rotateX(calc(180deg));}
.list10 dd:nth-child(3) .a{transition: all 1s ease-out .6s;transform: rotateX(calc(180deg));}
.list10 dd:nth-child(6) .a{transition: all 1s ease-out .3s;transform: rotateX(calc(180deg));}
.list10 dd:nth-child(8) .a{transition: all 1s ease-out .9s;transform: rotateX(calc(180deg));}

.aos-animate .list10 dd .a{transform: none;}
.aos-animate .list10 dd .a .txt{ opacity: 1;}

.dataNums{  width:100%; text-align:center;}
.dataNums .dataOne{width: .33rem;height: .6rem;display: block;float: left;text-align: center;margin: 0;}
.dataNums .dataBoc {position: relative;width: 100%;height: 100%;/* overflow: hidden; */}
.dataNums .dataBoc .numtt {position: absolute; top: 0;  left: 0; width: 100%;  height: 100%;}
.dataNums .numtt span, .list10 .h3 > div{/*! width:100%; */height:100%; font-family: inherit;display: block; line-height: .6rem; height: .6rem; color: inherit;font-size: inherit; font-size: .6rem;}
.s_shuzi li div{ vertical-align: top;}

.list10Box .dots{justify-content: center;align-items: center;margin: .8rem 0 0;}
.list10Box .dots span{width: .1rem;height: .1rem;border: #00787b 1px solid;border-radius: 0;background: none;opacity: 1;transition: .5s;margin: 0 .06rem !important;}
.list10Box .dots span.active{ background: #00787b;}

.list11{ margin: 0 -1.456vw;}
.list11 li{ width: 25%; padding: 0 1.456vw;}
.flip-box{
    -ms-transform-style: preserve-3d;
    /* transform-style: preserve-3d; */
    /* -webkit-transform-style: preserve-3d; */
    /* perspective: 1000px; */
    /* -webkit-perspective: 1000px; */
    position: relative;
}
.flip-box-front, .flip-box-back{ -ms-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
    -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}
.flip-box-front {
    -ms-transform: rotateY(0deg);
    /* -webkit-transform: rotateY(0deg); */
    /* transform: rotateY(0deg); */
    /* -webkit-transform-style: preserve-3d; */
    -ms-transform-style: preserve-3d;
    /* transform-style: preserve-3d; */
}

.flip-box-back {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    -ms-transform: rotateY(180deg);
    /* -webkit-transform: rotateY(180deg); */
    /* transform: rotateY(180deg); */
    /* -webkit-transform-style: preserve-3d; */
    -ms-transform-style: preserve-3d;
    /* transform-style: preserve-3d; */
}

.list11 .a{display: block;position: relative;z-index: 1;}
.list11 .imgBox .img{ padding-bottom: 161.75%;}
.list11 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: .3rem .25rem .2rem .25rem;justify-content: space-between;/* transform: translateZ(60px) scale(.84); *//* -webkit-transform: translateZ(60px) scale(.84); */}
.list11 h4{font-size: .24rem;color: #fff !important;font-family: 'sys';writing-mode: vertical-lr;max-height: 4.5rem;}
.more3{ flex-direction: column; align-self: flex-end; align-items: center}
.more3 span{ font-size: .16rem; color: #fff; font-family: 'sys';writing-mode: tb-rl; margin: .12rem 0 0}

.more4{ justify-content: center; margin: .5rem 0 0;}
.more4 img{ height: .33rem}

.home7-8{ position: relative; z-index: 1;}
.home7-8 .iframe1{position: absolute;top: 0;right: 0;left: 0;z-index: -1;}
.home7{
    padding-top: .6rem;
}
.home7 .fl1{ align-items: flex-start}
.home7 .left{ width: 6.6rem; padding: .15rem 0 0}
.home7 .left .tit h3{font-weight: normal;position: relative;line-height: 1;padding: 0 0 0 .28rem;}
.home7 .left .tit h3:before{content: "";position: absolute;left: 0;top: .1rem;bottom: .25rem;background: #007275;width: .06rem;}
.home7 .left .tit h3 span{font-size: 1.2rem;color: #dcab65;font-family: 'Canela Web';text-transform: capitalize;}
.home7 .left .tit h3 font{font-size: 1.2rem;color: #dcab65;font-family: 'Canela Web';text-transform: capitalize;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px #dcab65;margin: 0 0 0 .2rem;}
.home7 .left p{font-size: .2rem;color: #333333;line-height: .36rem;margin: .5rem 0 .6rem;text-indent: .4rem;}

.home7 .right{ width: calc(100% - 6.6rem); padding: 0 0 0 .6rem; position: relative; z-index: 1}
.home7 .right:before{content: "";position: absolute;width: 3.85rem;top: 0;right: 0;bottom: 0;background: #007275;transform: translate(.28rem, .28rem);}
.home7 .right .imgBox .img{padding-bottom: 53.27%;}
.home7 .right .a{ display: block; position: relative;}
.home7 .right .a .v_btn{position: absolute;left: .4rem;bottom: .25rem;width: .6rem;height: .6rem;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.home7 .right .a .v_btn img{transition: .5s;height: .14rem;}

.list12Box{ margin: .8rem 0 0}
.list12 li{ display: flex; justify-content: center; position: relative;text-align: center;}
.list12 li:before{content: "";position: absolute;top: .1rem;bottom: .1rem;width: 1px;background: #dcab65;left: 0;}
.list12 li.swiper-slide-active+li+li+li::after{ content: "";position: absolute;top: .1rem;bottom: .1rem;width: 1px;background: #dcab65;right: 0;}
.list12 h3{font-size: .6rem;color: #007275;font-family: 'Canela Web';font-weight: normal;padding: 0 0 0 .08rem;transition: .5s;}
.list12 h6{font-size: .2rem;color: #333333;line-height: 1.5;margin: .1rem 0 0;}
.list12Box .dots{justify-content: center;align-items: center;margin: .5rem auto 0;flex-wrap: nowrap;left: auto !important;transform: none !important;display: block;}
.list12Box .dots span{min-width: .1rem;width: .1rem;height: .1rem;border: #00787b 1px solid;border-radius: 0;background: none;opacity: 1;transition: .5s;margin: 0 .06rem !important;transform: scale(1) !important;}
.list12Box .dots span.active{ background: #00787b;}

.more5{margin: .5rem auto 0;}
.more5 .cls-1{fill:none;stroke:#ebba64;opacity:0.7;isolation:isolate;}
.more5 .a{width: 159px;height: 38px;position: relative;display: flex;align-items: center;justify-content: center;margin: 0 auto;font-size: .16rem;color: #00787b;}
.more5 .ico svg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;}
.more5 .cls-1{fill:none;stroke:#ebba64;}

@media(min-width: 1024px){

    .list3 li:nth-child(2n) .a:hover:before, .list3 li:nth-child(2n-1) .a:hover:before{transform: translateX(104%);}
    .list3 li:nth-child(2n) .a:hover:after, .list3 li:nth-child(2n-1) .a:hover:after{ transform: translateX(0);}

    .list2s .a:hover{transform: translateY(-.05rem);}
    .list3 li:hover:before{opacity: 1 !important;}

    .list4 li:hover{ transform: translateY(-.3rem);}

    .list7 .a:hover h4{ color: #fff}

    .list8 dd:hover .circle{ opacity: 1;}

    .list9 li:hover{ z-index: 2}
    .list9 .a:hover .imgBox .img{ padding-bottom: 59.45%; opacity: 1;}
    .list9 .a:hover .bg1{ opacity: 0;}
    .list9 .a:hover .bg2{opacity: 1;visibility: visible;top: -.24rem;right: -18px;bottom: -.24rem;left: -18px; box-shadow: 0px .1rem 0.27rem 0px rgba(0, 111, 114, .42);}
    .list9 .a:hover *{ color: #fff;}
    .list9 .a:hover p{ color: rgba(255,255,255,.6);}
    .list9 .a:hover .time i{ background: #fff}

    .list9 .a:hover .tt{ transform: translateY(-.15rem);}
    .list9 .a:hover .txt{ transform: translateY(.15rem);}

    .list10 .a:hover{ box-shadow: 0px 10px 27px 0px rgba(0, 0, 0, 0.11); background: #fff;}
    .list10 .a:hover::before{ opacity: 0;}
    .list10 .a:hover .line img{ transform: translateX(101%)}
    .list10 .a:hover .line::after{ transform: translateX(0)}
    .list10 .a:hover:after{ width: 80%;}

    .flip-box:hover .flip-box-front {
        -ms-transform: rotateY(-180deg);
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        -webkit-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .flip-box:hover .flip-box-back {
        -ms-transform: rotateY(0deg);
        /* -webkit-transform: rotateY(0deg); */
        /* transform: rotateY(0deg); */
        /* -webkit-transform-style: preserve-3d; */
        -ms-transform-style: preserve-3d;
        /* transform-style: preserve-3d; */
    }

    .list4 .flip-box:hover .flip-box-front {
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        -webkit-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .list4 .flip-box:hover .flip-box-back {
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .home7 .right .a:hover .v_btn img{ transform:scale(1.25)}

    .list12 .a:hover h3{ color: #dcab65}

    .tit1 .sicoh span::before{ width: 0;}
    .tit1.aos-animate .sicoh span::before{ width: 50vw;}
}

@media(min-width: 640px){
    .list3 li:nth-child(2n-1):before{ content: ""; position: absolute; top: .15rem; right: 0; bottom: .15rem; left: 0; background: url(../images/list3_b.svg) center no-repeat; background-size: cover; transition: 1s; opacity: 0;}
    .list3 li:nth-child(2n):before{content: "";position: absolute;top: .15rem;right: 0;bottom: .15rem;left: 0;background: url(../images/list3_b1.svg) center no-repeat;background-size: cover;transition: 1s;opacity: 0;}
    .list3 li:nth-child(2n-1) .a:before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: .04rem; background: #00787b; transition: 1s;}
    .list3 li:nth-child(2n) .a:before{ content: ""; position: absolute; right: 0; top: 0; left: 0; height: .04rem; background: #00787b; transition: 1s;}
    
    .list3 li:nth-child(2n-1) .a:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;height: .19rem;background: url(../images/list3_s.svg) center no-repeat;background-size: cover;transform: translateX(-100%);transition: 1s;}
    .list3 li:nth-child(2n) .a:after{content: "";position: absolute;right: 0;bottom: calc(100% - .04rem);left: 0;height: .19rem;background: url(../images/list3_s.svg) center no-repeat;background-size: cover;transform: translateX(-104%);transition: 1s;}

     
}

@media(max-width: 1024px){
    .list9 .a{ padding-bottom: .2rem;}

    .more5{ margin: .25rem 0 0}
    .more5 .a{ transform: scale(.6); font-size: .18rem}
}
@media(max-width: 640px){
.list6 .tit{font-size: .12rem;text-align: center;}
    .banner .imgBox .img{padding-bottom: 53%;}
    .banner_top .bottom{max-width: 1.4rem;justify-content: flex-end;margin-bottom: .05rem;}
    .banner_top .bottom .dots{ display: none}
    .banner_top .bottom .line{ display: none}
    .arrow1 .arrow.next{ margin-right: 0}

    .list1s .imgBox{ width: 100%;}
    .list1s .txt{flex: auto;padding: .4rem .3rem;background-size: .6rem auto;order: 1;}

    .list3 li .a:after{content: "";position: absolute;right: 0;bottom: calc(100% - .04rem);left: 0;height: .02rem;background: #00787b;background-size: cover;transform: translateX(-100%);transition: 1s;}
    .list3 li .a:after{transform: translateX(0);top: 0;bottom: auto;height: 2px;display: none;}

    .wz_svg{left: 50%;transform: translate(-50%, 0);top: 1rem;width: 2rem;}
    .home3 .b1{top: 2.5rem;}
    .home3 .b1:after{ background: none;}

    .list4Box{margin: .9rem 0 0;}
    .list4Box .bottomDots{position: relative;max-width: 100%;margin: .4rem auto 0;}

    .list5Box{ width: 100%; flex: auto;}
    .list5W .nextBox{width: 100%;padding: .3rem .2rem;min-height: 1.4rem;}
    .list5W .nextBox:before{ display: none}
    .list5W .nextBox:before, .list5W .nextBox{background: #00797c;}
    .list5W .nextBox h4{writing-mode: inherit;width: 100%;height: auto;}

    .list5 .imgBox{ width: 100%}


    .list5 .txt{flex: auto;width: 100%;order: 1;border: #ebba64 1px solid;border-top: none;background-size: .6rem auto;}

    .home5 .fl1 .left{width: 100%;}
    .home5 .fl1 .center{width: calc(24.30% + 5.655%);margin: .7% 0;}
    .home5 .fl1 .right{width: calc(49.68% + 19.655%);}
    .list7-1 .imgBox .img{padding-bottom: 211.71875%;}
    .list7 .txt1{ padding: .25rem .2rem}
    .list7 .txt1 .rr h3{ font-size: .24rem}

    .home7 .left{ width: 100%;}
    .home7 .right{width: 100%;padding: 0;margin: .3rem 0 0;}
    
    .banner_top h2{font-size: .16rem;max-width: calc(100% - 1rem);}
    .banner_top .bottom{max-width: .8rem;}
    .banner_top .bottom .dots span{ font-size: .18rem}
    .arrow1 .arrow{width: .26rem;height: .26rem;}
    .banner_top{padding-bottom: .1rem;}

    .list2s{margin: .2rem 0 0;}
    .list2s li{width: 100%;padding: 0;}
    .list2s li:before{ display: none}
    .list2s .bottom{display: none;}

    .list2s p{margin-bottom: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
    .list2s h6{margin: .03rem 0 0;font-size: .15rem;padding: 0 0 0 .3rem;}
    .list2s h6:before{ width: .2rem}

    .tit1 h3{ font-size: .24rem}
    .more0{font-size: .14rem;transform: translateY(0.06rem);}
    .more0 img{height: .15rem;}

    .tit1{ margin-bottom: .25rem}
    .tit1 h3 span{width: .03rem;height: .03rem;margin: 0 .06rem;}
    .tit1 .sicoh .ico{width: .6rem;height: .3rem;margin: 0 .1rem;}
    .tit1 .sicoh .ico svg{ height: 100%}
    .list8 dd .ewm{max-width: 2.4rem;flex-wrap: wrap;min-width: 1.1rem;}
    .list8 dd:nth-child(3) .ewm{ width: 2.4rem}
     .list8 dd .ewm .div{flex: auto;}

    .pad1{padding: .25rem 0;}

    .list1s p{margin: .15rem 0 .3rem;height: auto;}

    .list1s h4{min-height: auto;}

    .more1, .more1 .line svg{width: 1rem;margin-bottom: 0;}
    .more1 span{ font-size: .15rem}
    .more1 span .ico svg{ width: .34rem; height: .34rem}

    .bottomDots1 .dots{font-size: .13rem;padding: 0 0 .1rem;margin: 0 -.2rem 0 0;}
    .bottomDots1 .dots span{font-size: .14rem;margin: 0 .15rem 0 0;}
    .bottomDots1 .dots span.active{ margin: 0 .4rem 0 0}
    .bottomDots1 .dots span.active:before{ width: .26rem}

    .bottomDots1{ align-items: flex-end}

    .list1s .time{ margin-bottom: .2rem}
    .list1s .time h3{font-size: .26rem;}
    .list1s .time h6{font-size: .14rem;}

    .list1s .time:before{ height: .03rem; bottom: -1px}

    .list3 .a{height: 1.1rem;padding: 0 .25rem;background: #fcf3e5;border-bottom: #00797c 1.5px solid;}
    .list3 .txt{ width: 100%}
    .list3 h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display: block;}

    .home2 .iframe1{bottom: .5rem;}

    .list3 .time h6{font-size: .14rem;}
    .list3 .time h3{font-size: .26rem;}

    .list4 dl dd{ width: 50%; }
    .list4 li dl{ margin: 0 -.1rem}
    .list4 li dl dd{margin: 0 !important;padding: 0 .1rem;}
    .list4 .txt1{ transform: scale(1)}

    .list4 .txt h4{ font-size: .2rem;}

    .list4 .txt{left: .15rem;padding: .8rem 0 0;}
    .list4 .txt::before{ height: .28rem}

    .arrow2 .arrow{width: .3rem;height: .3rem;}

    .bottomDots .dots{ font-size: .13rem;}
    .bottomDots .dots span{ font-size: .2rem}

    .list4 .a{ padding-top: .4rem}

    .home3-4 .iframe1{ top: 55%}

    .home5 .fl1 .center{width: 100%;order: 1;}
    .home5 .fl1 .right{width: 100%;display: flex;flex-direction: column;margin-top: .7%;}
    .list7-1 .imgBox .img, .list7-2 .imgBox .img, .list7-3 .imgBox .img{padding-bottom: 60%;}

    .list7-1, .list7-2{ order: 1}

    .list7-3{width: 100%;margin-bottom: .7%;}
    .list7-3:first-child{ order: 1}

    .list7-2 .txt, .list7-3 .txt{top: auto;bottom: 0;}
    .list7-3 .txt1{padding: .35rem .2rem;flex-direction: column;top: 0;}
    .list7 .txt1 .bg1{ left: 25%}
    .more2{order: 1;flex-direction: row;justify-content: center;width: 100%;}
    .more2 img{transform: rotate(90deg);}
    .more2 span{writing-mode: inherit;margin: 0 0 0 .3rem;}
    .list7 .txt1 .rr{width: 100%;flex-direction: column;height: auto;}
    .list7 .txt1 .rr h3{writing-mode: inherit;text-align: center;margin: 0 0 .2rem;}
    .list8{flex-direction: row;order: 1;width: 100%;justify-content: center;margin-bottom: .4rem;}
    .list8 dd{margin: 0 .05rem .15rem;}
    .list8 dd .a{width: .4rem;height: .4rem;font-size: .2rem;}

    .list7 i{width: .36rem;height: .36rem;line-height: .34rem;}
    .list7 i:before{ font-size: .2rem}

    .home5 .fl1 .left{width: 100%;padding: 0 .2rem .4rem;}
    .list6 .a{height: auto;padding: .1rem 0;}
    .list6{padding: .25rem 0 .15rem;}
    .list6 li:last-child .a{ border: none}

    .home5{
    padding-top: 0;
}
    .list5 .txt{padding: .4rem .3rem;}

    .list5 p{ margin: .1rem 0 .25rem}
    .list5 h4{min-height: auto;max-height: auto;}

    .list5 .time h3{ font-size: .26rem}
    .list5 .time h6{ font-size: .14rem}

    .list7 .txt1 .bg1 img{ width: 1.2rem}

    .home6{ padding-top: .4rem}

    .home6 .iframe1{transform: scaleX(1.25) scaleY(.5) translateX(-50%);top: -.6rem;}

    .list9 li{ z-index: 2}
    .list9 .a .imgBox .img{ padding-bottom: 59.45%; opacity: 1;}
    .list9 .a .bg1{ opacity: 0;}
    .list9 .a .bg2{opacity: 1;visibility: visible;top: 0;right: 0;bottom: 0;left: 0;/* box-shadow: 0px .1rem 0.27rem 0px rgba(0, 111, 114, .42); */}
    .list9 .a *{color: #fff !important;}
    .list9 .a p{ color: rgba(255,255,255,.6);}
    .list9 .a .time i{ background: #fff}

    .list9 .a .tt{ transform: translateY(-.15rem);}
    .list9 .a .txt{ transform: translateY(.15rem);}

    .list9Box .dots{ margin: .4rem 0 0}

    .list9 .a .bg2::before{background-size: .63rem auto;}

    .list9 .a{padding: .35rem .2rem .6rem;}
    .list9 .time span{ font-size: .24rem;}

    .home7 .left .tit h3 span{font-size: .4rem;}
    .home7 .left .tit h3 font{font-size: .4rem;}
    .home7 .left .tit h3:before{top: .05rem;bottom: .1rem;}

    .home7 .left p{font-size: .16rem;margin: .15rem 0 .25rem;line-height: .3rem;}

    .home7 .right .a .v_btn{width: .4rem;height: .4rem;left: .2rem;bottom: .2rem;}

    .list12 .a{ padding: 0 .1rem}
    .list12 h3{font-size: .28rem;}
    .list12 h6{font-size: .16rem;margin: .05rem 0 0;}

    .list12Box .dots{margin: .3rem auto 0;}

    .list11 li{ width: 50%; margin-bottom: .2rem}

    .more4{ margin: .2rem 0 0}

    .list11 h4{font-size: .18rem;white-space: normal;}

    .list11 .txt{ padding: .2rem .2rem}

    .home7 .right:before{ transform: translate(.1rem, .1rem)}

    .home2{padding-bottom: 0;padding-top: 0;}

    .list2s .a{margin-bottom: 0;padding: .05rem 0;}

    .list3 li{width: 100%;padding: .051rem 3px;}
    .list3 .time{ margin-bottom: .06rem}

    .more5{ margin: .25rem 0 0}
    .more5 .a{ transform: scale(.8); font-size: .18rem}
    .home5 .fl1 .left .more5 .a{margin: 0;}
    .home5 .fl1 .left .more5{float: none;display: flex;justify-content: center;margin: 0;}

    .home8{padding-top: 0;padding-bottom: 0;}

    .home7{padding-bottom: .2rem;padding-top: .1rem;}

    .list11{ display: block; font-size: 0; white-space: nowrap; overflow: hidden; overflow-x: scroll}
    .list11 li{ display: inline-block}

    .list12Box .dots span{/* margin: 0 2px !important; */}

    .list12Box{ margin: .5rem 0 0}
} 
@media(max-width: 560px){
}