@charset "utf-8";

.banner_box{ padding: 0px; position: relative; z-index: 3; background: #fff}
.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: 100vh; transition: 0s; transform: scale(1) !important; background-attachment: fixed;}
.banner .imgBox .img video{ opacity: .9;}

.banner .dots{position: absolute;right: 0;left: 0;bottom: 6vh;z-index: 10;display: flex;justify-content: flex-end;align-items: center;padding: 0 3vw 0 0;}
.banner .dots span{width: .38rem;height: .05rem;background: #fff;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.42);border-radius: 0;opacity: 1;margin: 0 .05rem !important;transition: .5s;}
.banner .dots span.active{ width: .76rem; background: #ccae7a;}

.banner .mouse{position: absolute;left: 3vw;bottom: 5vh;align-items: center;z-index: 2;width: 1.85rem;height: .5rem;align-items: center;justify-content: center;background: #106a37;border-radius: .1rem;font-size: .16rem;color: #fff;font-family: 'Times New Roman';text-transform: uppercase;}
.banner .mouse span{ display: inline-block; width: .16rem; height: .24rem; border: #fff .02rem solid; border-radius: 50vw; margin: 0 0 0 .12rem;position: relative;}
.banner .mouse span:after{ content: ""; position: absolute; animation: scrolling 2s ease-in infinite; width: 2px; height: .05rem; background: #fff; top: 50%; left: 50%; margin: -.05rem 0 0 -1px;}

@keyframes scrolling {
	0% { -webkit-transform: translateY(-2px); transform: translateY(-2px); opacity: 0; }
    100% { -webkit-transform: translateY(2px); transform: translateY(2px); opacity: 1; }
}

.pad1{ padding: .86rem 0; overflow: hidden;}
.home1{ position: relative; z-index: 2; background: #fff;}

.tit1{ margin-bottom: .38rem; position: relative; z-index: 1; border-bottom: #03201b .05rem solid;}
.tit1 h3{font-size: .55rem;color: #222212;font-family: 'sys';font-weight: normal;padding: .2rem 0;}

.home1 .content .box1{ width: calc((100% - 51.79%)/2);}
.home1 .content .box1-1{ padding: 0 .2rem 0 .08rem;}
.home1 .content .box1-2{ padding: 0 .08rem 0 .2rem;}
.home1 .content .box2{width: 51.79%;padding: 0 .25rem;border-left: #e6e6e6 1px solid;border-right: #e6e6e6 1px solid;}

.list1 .txt{height: 1.28rem;padding: .16rem .06rem;}
.list1 h5{  color: #ac834d; text-transform: uppercase;}
.list1 h4{margin: .11rem 0;font-family: 'sys';}
.list1 li:nth-child(3){border-top: #e6e6e6 1px solid;margin: .24rem 0 0;padding: .05rem 0 .2rem;}

.list1s .imgBox .img{ padding-bottom: 65.39%;}
.list1s .txt{height: auto;padding: 0.25rem 0.06rem;}
.list1s h4{font-size: .4rem;line-height: .58rem;max-height: calc(.58rem*2)\0;margin: .2rem 0 .2rem;}
.list1s p{ margin-bottom: .2rem;}

.photoActives{ position: relative; overflow: hidden; }

.home1 [data-aos=fade-left] {transform: translate3d(350px,0,0); }
.home1 [data-aos=fade-right] {transform: translate3d(-350px,0,0); }
.home1 [data-aos]{transition-timing-function: ease-out !important;}

.more1{ text-align: center;}
.more1 .a{font-size: .16rem;color: #0c0c0c;width: 1.76rem;height: .52rem;border: #ac834d 1px solid;justify-content: center;align-items: center;margin: 0 auto;transition: .5s;position: relative;z-index: 1;overflow: hidden;}

.more1 .a span {position: absolute;display: block;width: 0;height: 0;border-radius: 50%;background-color: #ac834d;transition: width 0.4s ease-in-out, height 0.4s ease-in-out;transform: translate(-50%, -50%);z-index: -1;}
.more1 .a:hover span {width: 225%;height: 3rem;}

.home1 .more1{ margin: .52rem 0 0}

.tit2{ align-items: center; margin-bottom: .7rem;}
.tit2 h3{ font-size: .55rem;color: #fff;font-family: 'sys';font-weight: normal; position: relative; z-index: 1;}
.tit2 h3::before{content: "";position: absolute;left: calc((100vw - 15.6rem)/2*-1);top: 50%;width: 0;height: .04rem;background: #fff;margin: -.02rem 0 0;transition: 1s;}
.tit2 p{font-size: .22rem;color: #fff;line-height: .3rem;width: 5.1rem;max-width: 100%;font-family: 'sys';}

.tit2 h3[data-aos=zoom-in2].aos-animate::before{width: calc((100vw - 15.6rem)/2 - .15rem);}

.home2{background: url(../images/home2_b.jpg) center no-repeat;background-size: cover;background-attachment: fixed;padding-bottom: 0 !important;position: relative;z-index: 2;}
.bgxc{position: absolute;top: -3rem;right: 0;bottom: -3rem;left: 0; z-index: -1;}
.home2 .bgxc{ background: url(../images/home2_b.jpg) center no-repeat;background-size: cover;}

.list2{ flex-wrap: nowrap; align-items: flex-end; margin: 0 -.5px;}
.list2 li{ flex: 1; transition: flex .36s linear;}
.list2 .a{display: block;position: relative;z-index: 1;margin: 0 -.5px;background: #04211c;}
.list2 .imgBox{/* opacity: 0; */}
.list2 .imgBox .img.light::before{ display: none;}
.list2 .imgBox:after{content: "";position: absolute;background-image: linear-gradient( 0deg, #0b2722, rgba(11,39,34,.8), rgba(0,0,0,0));right: 0;bottom: 0;left: 0;height: 100%;}
.list2 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;display: flex;flex-direction: column;justify-content: flex-end;padding: 0 .25rem 2vw;}
.list2 .txt::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #e1ceb5 1px solid; z-index: -1;}
.list2 .ico{width: .38rem;height: .38rem;border: #e0ccb3 1px solid;border-radius: 50vw;font-family: swiper-icons;font-size: .23rem;color: #e0ccb3;display: flex;align-items: center;justify-content: center;margin: .3rem 0 0;}
.list2 .ico1{position: absolute;top: 2vw;left: .34rem;width: .62rem;transition: .5s;opacity: 0;}
.list2 .ico1 img{ width: 100%}
.list2 h4{font-size: .36rem;color: #fff !important;line-height: .42rem;max-height: calc(.42rem * 2)\0;}
.list2 p{font-size: .16rem;color: #fff;line-height: .22rem;max-height: calc(.22rem * 4)\0;opacity: 0;height: 0; transition: .5s}

.list2 li:nth-child(1) .imgBox .img{ padding-bottom: 25.9375vw;}
.list2 li:nth-child(2) .imgBox .img{ padding-bottom: 27.39vw;}
.list2 li:nth-child(3) .imgBox .img{ padding-bottom: 30.46875vw;}
.list2 li:nth-child(4) .imgBox .img{ padding-bottom: 28.33vw;}
.list2 li:nth-child(5) .imgBox .img{ padding-bottom: 25.52vw;}
.list2 li:nth-child(6) .imgBox .img{ padding-bottom: 27.29vw;}

.tit1s{padding: 0 0 1rem;text-align: center;position: relative;margin-bottom: .6rem;}
.tit1s h3{font-size: .55rem;color: #222212;font-family: 'sys';font-weight: normal;position: relative;z-index: 1;/* text-transform: uppercase; */}
.tit1s p{font-size: .22rem;color: #222212;line-height: .3rem;width: 12rem;max-width: 100%;margin: .3rem auto 0;}
.tit1s::before{content: "";position: absolute;width: .03rem;height: .66rem;background: #218e55;left: 50%;bottom: 0;transform: translateX(-50%);}


.home3{ position: relative; z-index: 2; background: #fff;}
.home3 .tit1{ margin-bottom: .75rem;}
.home3 .content{ position: relative; z-index: 1;}
.home3 .content::before{ content: ""; position: absolute; top: 0; width: 100%; bottom: 0; left: 0; z-index: -1; background: #04201c;}
.home3 .content .left{width: calc(100% - 9.36rem);flex-direction: column;justify-content: center;text-align: center;align-items: center;padding: 0 4vw;}
.home3 .content .left h4{ font-size: .45rem; color: #fff; line-height: .54rem; max-height: calc(.54rem*3)\0; font-family: 'sys';}
.home3 .content .left .line{width: .03rem;height: .66rem;margin: .25rem 0 .3rem;position: relative;}
.home3 .content .left .line::before{ content: ""; position: absolute; top: 50%; left: 0; height: .66rem; transform: translateY(-50%); width: 100%; background: #218e55; }
.home3 .content .left p{color: #fff;margin: 0 0 .4rem;}
.home3 .content .imgW{ width: 9.36rem}
.home3 .content .imgBox{ width: 9.36rem;}
.home3 .content .imgBox .img{padding-bottom: 67.12%;background: none;}
.home3 .more1 .a{ color: #fff;}

.list3{ margin: .36rem -.3rem 0;}
.list3 li{ width: 25%; padding: 0 .3rem; position: relative; z-index: 1;}
.list3 li::before{ content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #e6e6e6;}
.list3 li:last-child:before{ display: none;}
.list3 .imgBox .img{ padding-bottom: 55.23%;}
.list3 h4{ margin: .15rem 0; min-height: .44rem;}

.home4Box{ position: relative; z-index: 2; background: #fff;}
.home4Box .swiper-slide{ height: auto}
.home4{/* background: url(../images/home4_b.jpg) left center no-repeat; */background-size: cover;background-attachment: fixed;padding: 1rem 0;position: relative;z-index: 1;height: 100%;}
.home4 .wp{position: relative;display: flex;align-items: center;height: 100%;}
.home4 img{ position: absolute; right: calc((100vw - 15.6rem)/2); bottom: .5rem; width: 1.34rem;}

.more2{ text-align: center; margin: .95rem 0 0;}
.more2 .a{font-size: .16rem;color: #0c0c0c;width: 2.56rem;height: .52rem;border: #ac834d 1px solid;justify-content: center;align-items: center;margin: 0 auto;transition: .5s;position: relative;z-index: 1;overflow: hidden;}
.more2 .a span {position: absolute;display: block;width: 0;height: 0;border-radius: 50%;background-color: #ac834d;transition: width 0.4s ease-in-out, height 0.4s ease-in-out;transform: translate(-50%, -50%);z-index: -1;}
.more2 .a:hover span {width: 225%;height: 3rem;}

.home4 .txt{width: 9.3rem;max-width: 100%;text-align: center;}
.home4 .txt h4{font-size: .26rem;color: #fff;line-height: .42rem;max-height: calc(.54rem*3)\0;font-family: 'sys';}
.home4 .txt .line{width: .03rem;height: .66rem;margin: .35rem auto .4rem;position: relative;}
.home4 .txt .line::before{ content: ""; position: absolute; top: 50%; left: 0; height: .66rem; transform: translateY(-50%); width: 100%; background: #ffe1ad; }
.home4 .txt h6{font-size: .22rem;color: #f6daa9;font-family: 'ROBOTOCONDENSED-BOLD';}
.home4 .txt h2{font-size: .36rem;color: #fff;font-family: 'sys';font-weight: normal;margin: .25rem 0 0}

.tit2s{ align-items: center; margin-bottom: .7rem;}
.tit2s h3{ font-size: .55rem;color: #222212;font-family: 'sys';font-weight: normal; position: relative; z-index: 1;}
.tit2s p{font-size: .22rem;color: #222212;line-height: .3rem;width: 5.1rem;max-width: 100%;/* font-family: 'sys'; */}

.home5{padding: 1.25rem 0;position: relative;z-index: 2;background: #fff;}

.list4{ padding: .4rem 0; border-top: #e6e6e6 1px solid; border-bottom: #e6e6e6 1px solid;}
.list4 li{flex: 1;overflow: hidden;text-align: center;padding: 0 3vw;position: relative;}
.list4 li::before{ content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #e6e6e6;}
.list4 h3{ font-size: .35rem; color: #095b2a; font-family: 'ROBOTOCONDENSED-BOLD';}
.list4 h4{font-size: .22rem;line-height: .26rem;color: #0c0c0c;margin: .08rem 0 0;}

.list4 li:last-child:before{ display: none;}

.list5{ margin: .4rem -.2rem 0;}
.list5 li{ width: 33.33%; overflow: hidden;padding: 0 .2rem;}
.list5 .txt{ padding: 0 .08rem}
.list5 h4{font-size: .28rem;line-height: 1.25;margin: .25rem 0 .1rem;}
.list5 .imgBox .img{ padding-bottom: 66.66%;}

.home6{background: #03201b;position: relative;overflow: visible;}
.list6{ position: relative; height: 130vh;}
.list6 li{ position: absolute; }
.list6 .a{ display: block; position: relative; z-index: 1;}
.list6 .imgBox{ border-radius: 50%;}
.list6 .imgBox .img{ padding-bottom: 100%; background: none;}
.list6 .txt{position: absolute;top: 76%;left: 70%;background: #ffffff;width: 1.84rem;border-radius: .08rem;padding: .15rem;opacity: 0;visibility: hidden;transition: .5s;transform: translateY(.1rem);}
.list6 h4{ font-size: .16rem; color: #03201b; line-height: .22rem;}
.list6 li:nth-child(3) .a:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;opacity: .3;border: #ccae7a 1px solid;transform: scale(1.1);}

/* .list6 li:nth-child(1){width: 8.33vw;left: 30%;}
.list6 li:nth-child(2){width: 12.65625vw;left: 71%;}
.list6 li:nth-child(3){width: 25.52vw;left: 30%;}
.list6 li:nth-child(4){width: 7.08vw;left: 86%;}
.list6 li:nth-child(5){width: 11.65625vw;left: 20%;}
.list6 li:nth-child(6){width: 8.75vw;left: 74%;}

.list6 li:nth-child(7){width: 8.33vw;left: 13%;}
.list6 li:nth-child(8){width: 9.65625vw;left: 55%;}
.list6 li:nth-child(9){width: 12.52vw;left: 25%;}
.list6 li:nth-child(10){width: 11.08vw;left: 77%;}
.list6 li:nth-child(11){width: 6.65625vw;left: 19%;}
.list6 li:nth-child(12){width: 8.75vw;left: 60%;} */

.list6 li:nth-child(1){width: 8.33vw;left: 30%;top: 0;}
.list6 li:nth-child(2){width: 12.65625vw;left: 71%;top: 0vh;}
.list6 li:nth-child(3){width: 25.52vw;left: 34%;top: 25%;}
.list6 li:nth-child(4){width: 7.08vw;left: 86%;top: 23%;}
.list6 li:nth-child(5){width: 11.65625vw;left: 53%;top: 48%;}
.list6 li:nth-child(6){width: 8.75vw;left: 74%;top: 37%;}

.list6 li:nth-child(7){width: 8.33vw;left: 21%;top: 52%;}
.list6 li:nth-child(8){width: 13.65625vw;left: 51%;top: 70%;}
.list6 li:nth-child(9){width: 12.52vw;left: 25%;top: 24%;}
.list6 li:nth-child(10){width: 11.08vw;left: 84%;top: 50%;}
.list6 li:nth-child(11){width: 6.65625vw;left: 36%;top: 84%;}
.list6 li:nth-child(12){width: 8.75vw;left: 75%;top: 71%;}

.home6 .tit2s h3{ color: #fff; position: relative;}
.home6 .tit2s h3 img{position: absolute;right: calc(100% - .6rem);bottom: -.1rem;width: 2.46rem;max-height: none;z-index: 0;}
.home6 .box{position: fixed;top: 1.64rem;left: calc((100vw - 15.6rem)/2);z-index: 0;}
.home6 .box .sticky{ position: sticky; top: 0; left: 0}

.home7{padding: 1.8rem 0 1rem;position: relative;z-index: 2;background: #fff;}
.home7 .wp{ width: 13.4rem;}
.list7{ width: 2.4rem}
.list7 .a{display: flex;line-height: .6rem;position: relative;z-index: 1; align-items: center; justify-content: space-between}
.list7 .a::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: .03rem; background: #218e55; transition: .5s;}
.list7 h4{font-size: .24rem;color: rgba(255,255,255,.6);transition: .5s;font-family: 'sys';letter-spacing: -.01rem;}
.list7 i{font-size: .2rem;color: rgba(255,255,255,.6);font-family: swiper-icons;font-weight: normal; transition: .5s}

.list8Box{ overflow: visible;}
.list8 li{transform: scale(.9);opacity: .3; transition: 1s;}
.list8 .a{ align-items: center; transition: 1s; transform: translateY(.45rem);}
.list8 .imgBox{ width: 7.42rem; margin: 0 .3rem 0 0;}
.list8 .txt{flex: 1;overflow: hidden;padding: 0 .2rem;text-align: center;}
.list8 .txt h4{ font-size: .52rem; color: #0c0c0c; line-height: .68rem; max-height: calc(.68rem*2)\0; font-family: 'sys';}
.list8 .txt .line{width: .03rem;height: .56rem;margin: .2rem auto .3rem;position: relative;}
.list8 .txt .line::before{ content: ""; position: absolute; top: 50%; left: 0; height: .66rem; transform: translateY(-50%); width: 100%; background: #218e55; }
.list8 .txt p{ font-size: .18rem; color: rgba(12,12,12,.7); line-height: .3rem;margin: 0 0 .4rem;}
.list8 dl{ margin: .65rem -3.5% 0; visibility: hidden;}
.list8 dl dd{ padding: 0 3.5%; width: 25%;}
.list8 dl dd .a{border-top: #d8d8d8 .03rem solid;padding: .05rem 0 .2rem;position: relative;z-index: 1;}
.list8 dl dd .a:after{ content: ""; position: absolute; top: -.03rem; left: 0; width: 0; height: .03rem; background: #106a37; transition: .5s}
.list8 dl dd .a h3{font-size: .65rem;color: #ccae7a;font-weight: normal;transition: .5s;height: .65rem;font-family: 'sys';line-height: 1.35;}
.list8 dl dd .a h6{font-size: .16rem;color: #0c0c0c;line-height: 1.5;margin: .2rem 0 0;font-family: 'sys';}

.list8 li.swiper-slide-active{ transform: scale(1); opacity: 1;}
.list8 li.swiper-slide-active dl{ visibility: visible; }
.list8 li.swiper-slide-active .a{ align-items: center; transition: 1s; transform: translateY(0);}

.arrow1 .arrow{width: .5rem;height: .5rem;border-radius: 50%;border: #ccae7a 2px solid;display: flex;align-items: center;justify-content: center;font-family: 'swiper-icons';font-size: .28rem;color: #ccae7a;position: absolute;top: 35%;transform: translateY(-50%);z-index: 1;cursor: pointer; transition: .5s;}
.arrow1 .arrow.prev{left: -1.4rem;}
.arrow1 .arrow.next{right: -1.4rem;}

.arrow1 .arrow:hover{ border: #106a37 2px solid; color: #106a37}

.home8{background: url(../images/home8_b.jpg) 27% center no-repeat;background-size: cover;background-attachment: fixed;padding: 1.3rem 0;position: relative;z-index: 1;}
.home8 .content{ width: 4.86rem; max-width: 100%; text-align: center;}
.home8 .tit2s{justify-content: center;margin-bottom: .28rem;}
.home8 .tit2s h3{ color: #fff;}

.home8 .content h4{font-size: .26rem;color: #fff;line-height: .42rem;max-height: calc(.54rem*3)\0;font-family: 'sys';}
.home8 .content .line{width: .03rem;height: .66rem;margin: .25rem auto .25rem;position: relative;}
.home8 .content .line::before{ content: ""; position: absolute; top: 50%; left: 0; height: .66rem; transform: translateY(-50%); width: 100%; background: #218e55; }

.list9 li{padding: .2rem 0;border-bottom: rgba(255,255,255,.1) 1px solid}
.list9 .a{color: #fff;margin: 0 0 .4rem;font-size: .17rem;line-height: .26rem; transition: .5s}

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

.home8 .content .more2{ margin: .7rem 0 0}
.home8 .content .more2 .a{color: #fff;text-transform: uppercase;width: 2.9rem;}

.parallax{ position: relative; z-index: 1; overflow: hidden;}
.plx-img{display: block;position: absolute;top: 0;left: 0;right: 0;height: 125% !important;z-index: -1;background-size: cover;background-repeat: no-repeat;background-position: center;}

@media(min-width: 1024px){
    .more1 .a:hover{ /*background: #ac834d;*/ color: #fff;} 

    .list9 .a:hover{ color: #ac834d;}

    .home2.on .list2 li:hover{ flex: 1.25; }
    .home2.on .list2 li:hover p{ height: calc(.22rem * 4); margin: .25rem 0 0; opacity: .6;}
    .home2.on .list2 li:hover .imgBox{ opacity: 1;}
    .home2.on .list2 li:hover .ico1{ opacity: 0;}

    [data-aos=zoom-in1] .photoActives .photoActive {position: absolute;left: 0;bottom: 0;width: 101%;height: 100%;background: #fff;z-index: 3;}
    [data-aos=zoom-in1].aos-animate .photoActives .photoActive {bottom: -101%;-webkit-transition: 1s;transition: 1s;-webkit-transition-timing-function: var(--ease-in-out-b);transition-timing-function: var(--ease-in-out-b); transition-delay: .5s; transition-timing-function: ease-out !important;}

    /* [data-aos=zoom-in3] .photoActives .photoActive {position: absolute;right: 0;top: 0;width: 101%;height: 100%;background: #04201c;z-index: 3;transition: .5s;}
    [data-aos=zoom-in3].aos-animate .photoActives .photoActive {right: -101%;-webkit-transition: 1.6s;transition: 1.6s;-webkit-transition-timing-function: var(--ease-in-out-b);transition-timing-function: var(--ease-in-out-b); transition-delay: .5s; transition-timing-function: ease-out !important;} */

    .home3 .content .left .line::before{ height: 0; opacity: 0; transition: .5s;}
    .home3 .content[data-aos=zoom-in3].aos-animate .left .line::before{ height: .66rem; -webkit-transition: 1s;transition: 1s;-webkit-transition-timing-function: var(--ease-in-out-b);transition-timing-function: var(--ease-in-out-b); transition-delay: 1s; transition-timing-function: ease-out !important; opacity: 1;}

    .home3 .content .left h4{ transform: translateY(.3rem); opacity: 0; transition: .5s;}
    .home3 .content .left p{ transform: translateY(-.3rem); opacity: 0; transition: .5s;}

    .home3 .content[data-aos=zoom-in3].aos-animate .left h4, .home3 .content[data-aos=zoom-in3].aos-animate .left p{ transform: translateY(0); -webkit-transition: 1.6s;transition: 1.6s;-webkit-transition-timing-function: var(--ease-in-out-b);transition-timing-function: var(--ease-in-out-b); transition-delay: 1s; transition-timing-function: ease-out !important; opacity: 1;}

    .home3 .more1{ opacity: 0; transition: .5s;}
    .home3 .content[data-aos=zoom-in3].aos-animate .more1{ opacity: 1; -webkit-transition: 1.6s;transition: 1.6s;-webkit-transition-timing-function: var(--ease-in-out-b);transition-timing-function: var(--ease-in-out-b); transition-delay: 1s; transition-timing-function: ease-out !important; opacity: 1;}

    .home3 .content::before{ width: 0; transition: .5s; }
    .home3 .content[data-aos=zoom-in3].aos-animate::before{ width: 100%; -webkit-transition: 1s;transition: 1s;-webkit-transition-timing-function: var(--ease-in-out-b);transition-timing-function: var(--ease-in-out-b); transition-timing-function: ease-out !important; opacity: 1;}

    .home3 .content .imgW{ width: 0; transition: .5s; }
    .home3 .content[data-aos=zoom-in3].aos-animate .imgW{ width: 9.36rem; -webkit-transition: 1.6s;transition: 1.6s;-webkit-transition-timing-function: var(--ease-in-out-b);transition-timing-function: var(--ease-in-out-b); transition-delay: 1s; transition-timing-function: ease-out !important; opacity: 1;}

    .more2 .a:hover{/* background: #ac834d; */color: #fff;} 

    .list6 .a:hover .txt{ opacity: 1; visibility: visible; transform: translateY(0);}
    /* .list6 .a:hover .imgBox{ --r: 50px; -webkit-mask: radial-gradient(#000 calc(72% - var(--r) / 2), #0000 0), radial-gradient(#000 70%, #0000 72%) no-repeat calc(50% + 50%* cos(360deg* 0.0666666667)) calc(50% + 50%* sin(360deg* 0.0666666667)) / var(--r) var(--r), radial-gradient(#000 70%, #0000 72%) no-repeat calc(50% + 50%* cos(360deg* 0.1333333333)) calc(50% + 50%* sin(360deg* 0.1333333333)) / var(--r) var(--r), radial-gradient(#000 70%, #0000 72%) no-repeat calc(50% + 50%* cos(360deg* 0.2)) calc(50% + 50%* sin(360deg* 0.2)) / var(--r) var(--r), radial-gradient(#000 70%, #0000 72%) no-repeat calc(50% + 50%* cos(360deg* 0.2666666667)) calc(50% + 50%* sin(360deg* 0.2666666667)) / var(--r) var(--r), radial-gradient(#000 70%, #0000 72%) no-repeat calc(50% + 50%* cos(360deg* 0.3333333333)) calc(50% + 50%* sin(360deg* 0.3333333333)) / var(--r) var(--r), radial-gradient(#000 70%, #0000 72%) no-repeat calc(50% + 50%* cos(360deg* 0.4)) calc(50% + 50%* sin(360deg* 0.4)) / var(--r) var(--r), radial-gradient(#000 70%, #0000 72%) no-repeat calc(50% + 50%* cos(360deg* 0.4666666667)) calc(50% + 50%* sin(360deg* 0.4666666667)) / var(--r) var(--r), radial-gradient(#000 70%, #0000 72%) no-repeat calc(50% + 50%* cos(360deg* 0.5333333333)) calc(50% + 50%* sin(360deg* 0.5333333333)) / var(--r) var(--r), radial-gradient(#000 70%, #0000 72%) no-repeat calc(50% + 50%* cos(360deg* 0.6)) calc(50% + 50%* sin(360deg* 0.6)) / var(--r) var(--r), radial-gradient(#000 70%, #0000 72%) no-repeat calc(50% + 50%* cos(360deg* 0.6666666667)) calc(50% + 50%* sin(360deg* 0.6666666667)) / var(--r) var(--r), radial-gradient(#000 70%, #0000 72%) no-repeat calc(50% + 50%* cos(360deg* 0.7333333333)) calc(50% + 50%* sin(360deg* 0.7333333333)) / var(--r) var(--r), radial-gradient(#000 70%, #0000 72%) no-repeat calc(50% + 50%* cos(360deg* 0.8)) calc(50% + 50%* sin(360deg* 0.8)) / var(--r) var(--r), radial-gradient(#000 70%, #0000 72%) no-repeat calc(50% + 50%* cos(360deg* 0.8666666667)) calc(50% + 50%* sin(360deg* 0.8666666667)) / var(--r) var(--r), radial-gradient(#000 70%, #0000 72%) no-repeat calc(50% + 50%* cos(360deg* 0.9333333333)) calc(50% + 50%* sin(360deg* 0.9333333333)) / var(--r) var(--r), radial-gradient(#000 70%, #0000 72%) no-repeat calc(50% + 50%* cos(360deg* 1)) calc(50% + 50%* sin(360deg* 1)) / var(--r) var(--r);} */

    .list7 .a:hover::before{ width: 100%}
    .list7 .a:hover h4{ color: #fff}
    .list7 .a:hover i{ color: #fff; transform: rotate(-45deg)}

    .list8 dl dd .a:hover:after{ width: 100%}
    .list8 dl dd .a:hover h3{ color: #106a37}

    .list8 .a:hover .txt h4{ color: #106a37;}

    .list6 li:hover{ z-index: 100;}
}
@media(max-width:1400px){
    .list2 h4{ font-size: .24rem;}
}
@media(max-width: 1024px){
    .banner .imgBox .img{padding-bottom: 50%;}

    .home6{ overflow: hidden;}

    .home3 .content .left{width: 100%;padding: .5rem .3rem;order: 1;}
    .home3 .content .imgBox, .home3 .content .imgW{ width: 100%;}

    .list6{height: 100%;/* display: none; */position: absolute;width: calc(100% - 2.4rem);left: 2.4rem;}

    .home6 .wp{position: relative;display: flex;flex-direction: column;}
    .home6 .box{position: relative;left: 0;top: auto;margin: .4rem 0 0;}

    .home6 .tit2s h3{margin: 0 0 0 .9rem;}

    .banner_box{padding: 0 0 0;}

    .banner .mouse{ display: none}
    .banner .dots{ justify-content: center}
}
@media(max-width: 800px){
    
    .banner .dots{ bottom: .2rem;}
    .banner .dots span{ width: .15rem;}
    .banner .dots span.active{ width: .3rem;}

    .pad1{padding: .5rem 0;}

    .home1{padding-top: .3rem;}

    .tit1{border-bottom: #03201b .03rem solid;margin-bottom: .25rem;}
    .tit1 h3{font-size: .3rem;padding: .1rem 0;}
    .tit2{ margin-bottom: .5rem}
    .tit2 h3{ font-size: .3rem; width: 100%; margin-bottom: .2rem;}
    .tit2 p{width: 100%;font-size: .18rem;}

    .home1 .content .box{width: 100% !important;/* padding: 0; */}
    .home1 .content .box1-1, .home1 .content .box1-2{ padding: 0;}

    .home1 .content .box2{order: -1;margin-bottom: .3rem;}

    .list1 .txt{ height: auto; margin-bottom: .1rem}

    .home1 .more1{margin: 0;}

    .list2{flex-wrap: wrap;display: block;font-size: 0;white-space: nowrap;overflow-x: scroll;overflow-y: hidden;}
    .list2 h4{ white-space: normal}
    .list2 li{flex: auto;width: 33.33%;transition: 0s;display: inline-block;}
    .list2 li:nth-child(1) .imgBox .img{padding-bottom: 45.9375vw;}
    .list2 li:nth-child(2) .imgBox .img{padding-bottom: 47.39vw;}
    .list2 li:nth-child(3) .imgBox .img{padding-bottom: 50.46875vw;}
    .list2 li:nth-child(4) .imgBox .img{padding-bottom: 48.33vw;}
    .list2 li:nth-child(5) .imgBox .img{padding-bottom: 45.52vw;}
    .list2 li:nth-child(6) .imgBox .img{padding-bottom: 47.29vw;}

    .list2 .ico{ width: .28rem; height: .28rem; font-size: .18rem}

    .list2 .txt{padding: .2rem;}
    .list2 .ico1{width: .4rem;top: .2rem;left: .2rem;}
    .home3 .tit1{ margin-bottom: .25rem;}

    .list3{ margin: .36rem -7px 0;}
    .list3 li{width: 50%;margin-bottom: .25rem;padding: 0 7px;}

    .more2{ margin: .2rem auto 0}
    .more2 .a{width: 1.8rem;}
    .home8 .content .more2{ margin: .2rem auto 0}

    .home8 .content .more2 .a{ width: 2.5rem}

    .home4 .txt h4{font-size: .22rem;line-height: .36rem;max-height: calc(.36rem* 3) \0;}
    .home4 .txt h2{ font-size: .3rem}
    .home4 .txt .line::before{ height: .36rem;}
    .home4 .txt .line{height: .36rem;margin: .15rem auto .2rem;}
    .home4 .txt h6{ font-size: .18rem}

    .home3 .content .left .line::before{ height: .36rem;}
    .home3 .content .left .line{height: .36rem;margin: .15rem auto .2rem;}
    .list3 li::before{ display: none;}

    .tit2s{margin-bottom: .4rem;text-align: center;}
    .tit2s h3{font-size: .3rem;width: 100%;margin-bottom: .2rem;}
    .tit2s p{width: 100%;font-size: .18rem;}

    .list4 h3{ font-size: .24rem;}
    .list4 h4{ font-size: .18rem;}

    .list6{position: relative;height: 60vw;order: 2;width: 100%;left: 0;margin-top: .4rem;}

    .list6 li:nth-child(1){width: 8.33vw;left: 11%;top: 0;}
    .list6 li:nth-child(2){width: 12.65625vw;left: 71%;top: 0vh;}
    .list6 li:nth-child(3){width: 25.52vw;left: 33%;top: -3%;}
    .list6 li:nth-child(4){width: 7.08vw;left: 86%;top: 23%;}
    .list6 li:nth-child(5){width: 11.65625vw;left: 33%;top: 48%;}
    .list6 li:nth-child(6){width: 8.75vw;left: 74%;top: 37%;}

    .list6 li:nth-child(7){width: 8.33vw;left: 9%;top: 52%;}
    .list6 li:nth-child(8){width: 13.65625vw;left: 51%;top: 70%;}
    .list6 li:nth-child(9){width: 12.52vw;left: 2%;top: 24%;}
    .list6 li:nth-child(10){width: 11.08vw;left: 84%;top: 50%;}
    .list6 li:nth-child(11){width: 6.65625vw;left: 22%;top: 84%;}
    .list6 li:nth-child(12){width: 8.75vw;left: 75%;top: 71%;}

    .list7{ width: 100%}

    .list8 .imgBox{width: 100%;margin: 0 0 .3rem;}
    .list8 .txt{ width: 100%}

    .list8 .txt .line::before{ height: .36rem;}
    .list8 .txt .line{height: .36rem;margin: .15rem auto .2rem;}

    .list8 dl{ margin: .15rem -3.5% 0; visibility: hidden;}
    .list8 dl dd .a h3{font-size: .3rem;height: .3rem;}

    .home8 .content .line::before{ height: .36rem;}
    .home8 .content .line{height: .36rem;margin: .15rem auto 0rem;}

    .list7 h4{ font-size: .2rem;}
    .home6 .tit2s h3 img{width: 1.6rem;right: calc(100% - 0.4rem);}

    .tit1s{padding: 0 0 .6rem;margin-bottom: .3rem;}
    
    .tit1s:before{ height: .4rem}
    
    .tit1s h3, .tit2 h3{font-size: .3rem;}
    
    .tit1s p{font-size: .18rem;margin: 0.2rem auto 0;}

    .banner_box{padding: .6rem 0 0;}

    .plx-img{ display: none}
    .home4 .plx-img{ display: block; background-image: none !important; background: #106a37;}
} 
@media(max-width: 560px){
    .list4{padding: 0;margin-bottom: .4rem;}
    .list4 li{width: 100%;flex:auto;padding: .2rem 0;}
    .list4 li::before{content: "";position: absolute;top: auto;bottom: 0;right: 0;width: 100%;height: 1px;background: #e6e6e6;}

    .list5 li{ width: 100%; margin-bottom: .3rem}
    .list7 .a{ line-height: .45rem}

    .list8 dl{ margin: 0 -3px 0; visibility: hidden;}
    .list8 dl dd{ padding: 0 3px}

    
}