/* 前端江文哲 */

.banner{height: 100vh;}

.banner .img{position: relative;}

.banner .img video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

.banner .img img{width: 100%;}
 
.banner .ss{position: relative;}

.banner .ss .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 25.26vh;}

.banner .ss .txt{}

.banner .ss .txt .t1{color: #98DB43;margin-bottom: 15px;}

.banner .ss .txt .t2{color: #ffffff;line-height: 1.18;}

.banner .ss .txt .t{position: relative;left: 150px;opacity: 0;}

.banner .swiper-slide-active .ss .txt .t{left: 0;opacity: 1;}

.banner .swiper-slide-active .ss .txt .t1{transition-delay: 0.6s;}

.banner .swiper-slide-active .ss .txt .t2{transition-delay: 1s;}

.banner .an{position: absolute;left: 0;top: 51.89vh;width: 100%;}

.banner .an .ibox{height: 60px;}

.banner .an .as{width: 140px;height: 62px;position: relative;}

.banner .an .ban_an{top: 0;margin: 0;}

.ban_an{background: none;width: 62px;height: 62px;}

.banner_prev{transform: rotate(180deg);left: 0;}

.banner_prev svg{transform: rotate(180deg);}

.banner_next{right: 0;}


.swiper-button-disabled{pointer-events: visible;}

.xxhd{position: absolute;width: 100%;left: 0;bottom: 35px;z-index: 10;display: flex;justify-content: center;color: #fff;pointer-events: none;}

.xxhd .h{width: 13px;margin: 0 auto 11px;}

.xxhd .h img{animation: dong1 2s infinite linear alternate;}

@keyframes dong1 {
    0%{transform: translateY(-10px);}
    100%{transform: translateY(3px);}

}

.qzg{width: 100%;height: 100vh;}

.index2{}

.index2  .in2_con{position: relative;background: url(../images/in2_2.jpg) left no-repeat;background-size: auto 100%;}

.index2  .in2_con  .img{}

.index2  .in2_con .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 21vh;}

.index2  .in2_con .txt .ibox{}

.index2  .in2_con .txt .le1{color: #93B044;margin-bottom: 17px;}

.index2  .in2_con .txt .le2{line-height: 1.4;margin-bottom: 17px;}

.index2  .in2_con .txt .le3{line-height: 1.6;text-align: justify;color: #688499;width: 545px;margin-bottom: 30px;}

.index2  .in2_con .txt .le5{width: 470px;}

.index2  .in2_con .txt .le5 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.index2  .in2_con .txt .le5 .ul .li{width: 48%;display: flex;margin-top: 1.5rem;}

.index2  .in2_con .txt .le5 .ul .li .ll{width: 60px;position: relative;}

.index2  .in2_con .txt .le5 .ul .li .ll img{position: absolute;bottom: 5px;left: 0;}

.index2  .in2_con .txt .le5 .ul .li .lr .r1{margin-bottom: 6px;}

.index2 .in2_con .txt .le5 .ul .li .lr .r1 sub,.index2 .in2_con .txt .le5 .ul .li .lr .r1 sup,.about1 .a1_con2 .con_le .le2 .ul .li .lr .r1 sup,.about1 .a1_con2 .con_le .le2 .ul .li .lr .r1 sub{font-size: 12px;transform: scale(0.8) translateX(-1px);display: inline-block;}

.shouye_sw .time{position: relative;top: 50px;opacity: 0;transition: all 0.6s;}

.shouye_sw .swiper-slide-active .time {top: 0;opacity: 1;}

.shouye_sw .swiper-slide-active .time.t1{transition-delay: 0.4s;}

.shouye_sw .swiper-slide-active .time.t2{transition-delay: 0.6s;}

.shouye_sw .swiper-slide-active .time.t3{transition-delay: 0.8s;}

.shouye_sw .swiper-slide-active .time.t4{transition-delay: 1s;}

.shouye_sw .swiper-slide-active .time.t5{transition-delay: 1.2s;}

.shouye_sw .swiper-slide-active .time.t6{transition-delay: 1.4s;}


.shouye_sw .swiper-slide-active .swiper-slide-active .time {top: 0;opacity: 1;}

.shouye_sw .swiper-slide-active .swiper-slide-active .time.t1{transition-delay: 0.4s;}

.shouye_sw .swiper-slide-active .swiper-slide-active .time.t2{transition-delay: 0.6s;}

.shouye_sw .swiper-slide-active .swiper-slide-active .time.t3{transition-delay: 0.8s;}

.shouye_sw .swiper-slide-active .swiper-slide-active .time.t4{transition-delay: 1s;}

.shouye_sw .swiper-slide-active .swiper-slide-active .time.t5{transition-delay: 1.2s;}

.shouye_sw .swiper-slide-active .swiper-slide-active .time.t6{transition-delay: 1.4s;}

.index3{height: 100vh;overflow: hidden;}

.index3 .img{position: relative;}

.index3 .img img{width: 100%;height: 100vh;}

.index3 .txt{padding-top: 21vh;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

#particles-js {background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;width: 100%;height: 80%;position: absolute;top: 0;left: 0;}

#particles-js2 {background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}

#dian{width: 100%;height: 50%;overflow: hidden;position: absolute;left: 0;bottom: 0;}

#dian canvas{width: 100% !important;}

.index3 .con .c1{color: #93B044;margin-bottom: 20px;}

.index3 .con .c2{color: #fff;display: flex;justify-content: space-between;line-height: 1.3;margin-bottom: 1.625rem;}

.index3 .con .c2 .cr{display: flex;transform: translateY(35px);}

.index3 .con .c2 .cr p{margin-right: 26px;cursor: pointer;position: relative;height: 30px;opacity: 0.5;}

.index3 .con .c2 .cr p:last-child{margin-right: 0;}

.index3 .con .c2 .cr p span.sp2{position: absolute;left: 0;bottom: 0;}

.index3 .con .c2 .cr p span.sp1{opacity: 0;}

.index3 .con .c2 .cr p.act span{font-size: 24px;}

.index3 .con .c2 .cr p.act{opacity: 1;}

.index3 .con .c2 .cr p:hover{opacity: 1;}

.index3 .con .c3 .ss{display: block;background: url(../images/in3_2.png) center no-repeat;stroke: var(--grey-g-0-000000, #000000);
    filter: drop-shadow(0px 4px 12px rgba(0, 105, 62, 0.2));
    backdrop-filter: blur(15px); background-size: 100% 100%;width: 100%;height: 100%;padding: 40px 80px 40px 65px;color: #fff;border-radius: 5px;overflow: hidden;position: relative;}

.index3 .con .c3 .li{width: 44.5%;height: 47.368vh;margin-right: 40px;}

.index3 .con .c3 .li:last-child{margin-right: 0;}

.index3 .con .c3 .ul{display: flex;justify-content: space-between;}

.index3 .con .c3 .ss .nei1 {position: relative;width: 100%;height: 100%;opacity: 0;}

.index3 .con .c3 .ss::after{position: absolute;width: 100%;height: 100%;background: url(../images/in3_4.png) right bottom no-repeat;background-size: contain;left: 0;top: 0;content: "";opacity: 0;transition: all 0.6s;}

.index3 .con .c3 .ss .nei1 .n2{line-height: 1.4;margin-top: 25px;}

.index3 .con .c3 .ss .nei1 .n3{position: absolute;left: 0;bottom: 15px;}

.index3 .con .c3 .ss .nei1 .n4{position: absolute;right: 0;bottom: 0;}

.index3 .con .c3 .ss .nei1 .n4 p{display: block;}

.index3 .con .c3 .ss .nei1 .n4 .sp2{font-size: 120px;margin-top: 10px;}
 
.index3 .con .c3 .ss .nei1 .n4 span{font-size: 40px;position: absolute;right: -30px;top: 20px;}

.index3 .con .c3 .ss .nei2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 40px 50px ;}

.index3 .con .c3 .ss .nei2 .n1 p{display: inline-block;position: relative;}

.index3 .con .c3 .ss .nei2 .n1 p span{position: absolute;right: -30px;top: 0;}

.index3 .con .c3 .ss .nei2 .n2{position: absolute;left: 50px;bottom: 40px;}

.index3 .con .c3 .li.act{width: 100%;}

.index3 .con .c3 .li.act .ss{background-image: url(../images/in3_3.png);}

.index3 .con .c3 .li.act .nei1{opacity: 1;transition-delay: 0.4s;}

.index3 .con .c3 .li.act .nei2{opacity: 0;transition-delay: 0.3s;}


.index3 .con .c3 .li.act .ss::after{opacity: 1;transition-delay: 0.2s;}

.index4{height: 100vh;overflow: hidden;}

.index4 .in4_con{position: relative;}

.index4 .ss{position: relative;max-height:100vh;overflow:hidden;}

.index4 .img{}

.index4 .img .tu{background: url(../images/in4_1.jpg) center no-repeat;background-size: auto 100%;}

.index4 .img .tu img{width: 100%;height: 100vh;}


.index4 .img .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 33.68vh;color: #fff;}

.index4 .img .txt a{display:none;}

.index4 .img .txt .t1{color: #93B044;margin-bottom: 20px;}

.index4 .img .txt .t2{}

/* .index4 .img .swiper-slide-active .txt .t1,.index4 .img .swiper-slide-active .txt .t2{top: 0;opacity: 1;} */
/* 
.index4 .img .swiper-slide-active .txt .t1{transition-delay: 0.5s;}

.index4 .img .swiper-slide-active .txt .t2{transition-delay: 0.7s;} */

.index4 .shuj{position: absolute;left: 0;bottom: 0;width: 100%;}

.index4 .shuj .swiper-container{padding-left: 8.854%;}

.index4 .shuj .ss{display: block;height: 220px;position: relative;overflow: hidden;}

.index4 .shuj .ss .as2{position: absolute;left: 0;width: 100%;background: url(../images/in4_d2.png) center no-repeat;background-size: 100% 100%;top: 100%;height: 100%;padding: 30px 38px;color: #fff;border-radius: 5px;}

.index4 .shuj .ss .as2 .a2{display: flex;justify-content: space-between;margin-top: 40px;}

.index4 .shuj .ss .as2 .a2 .l{transform: translateY(16px);}

.index4 .shuj .ss .as2 .a2 .r img{width: 80px;opacity: 0.3;}

.index4 .shuj .ss .as1{background: url(../images/in4_d.png) center no-repeat;background-size: cover;padding: 30px 40px;color: #fff;backdrop-filter: blur(16.1px);position: relative;top: 50px;border-radius: 5px;min-height:170px;}

.index4 .shuj .ss .as1 .a2{margin-top: 60px;}

.index4 .shuj .ss:hover .as2{top: 0;}

.index4 .shuj .ss:hover .as1{opacity: 0;}

.index4 .shuj .swiper-slide.act .ss .as2{top: 0;}

.index4 .shuj .swiper-slide.act .ss .as1{opacity: 0;}

.index5{}

.index5 .img{background: url(../images/in5_b.jpg) center no-repeat;background-size: auto 100%;}

.index5 .img img{width: 100%;height: 100vh;}
 

.index5 .in5_con{position: relative;}

.index5 .in5_con .ul  .li{position: absolute;width: 15.36vh;height: 15.36vh;background: #fff;border-radius: 50%;overflow: hidden;}

.index5 .in5_con  .ul .li .ss{background: #fff;}

.index5 .in5_con .ul  .li .ss img{width: 100%;}

.index5 .in5_con .ul .li1{left: 23.96%;bottom: 11.57%;}

.index5 .in5_con .ul .li2{bottom: 47.89%;left: 26%;}

.index5 .in5_con .ul .li3{top: 14.736%;left: 45.57%;}

.index5 .in5_con .ul .li4{bottom: 47.89%;right: 26%;}

.index5 .in5_con .ul .li5{right: 23.96%;bottom: 11.57%;}

.index5 .in5_con .ul .li6{left: 38%;top: 29.47%;width: 8.42vh;height: 8.42vh;}

.index5 .in5_con .ul .li7{left: 56.5%;top: 14.736%;width: 6vh;height: 6vh;}

.index5 .in5_con .ul .li8{right: 21.875%;bottom: 34.73%;width: 8.42vh;height: 8.42vh;}

.index5 .in5_con .uls{}

.index5 .in5_con .uls .li{width: 3.7vh;height: 3.7vh;background: #fff;border-radius: 500px;position: absolute;}

.index5 .in5_con .uls .li1{left: 34.11%;bottom: 1.579%;}

.index5 .in5_con .uls .li2{left: 25.52%;bottom: 5.79%;}

.index5 .in5_con .uls .li3{left: 26%;bottom: 29.5%;}

.index5 .in5_con .uls .li4{left: 31%;bottom: 26%;}

.index5 .in5_con .uls .li5{left: 22%;bottom: 35%;width: 8.42vh;height: 8.42vh;}

.index5 .in5_con .uls .li6{left: 28%;bottom: 42%;}

.index5 .in5_con .uls .li8{left: 30%;bottom: 34.5%;width: 6.3vh;height: 6.3vh;}

.index5 .in5_con .uls .li9{left: 27.5%;bottom: 64.5%;}

.index5 .in5_con .uls .li10{left: 33%;bottom: 64.5%;}

.index5 .in5_con .uls .li11{left: 35.5%;bottom: 58%;}

.index5 .in5_con .uls .li12{left: 30%;bottom: 72%;width: 6.3vh;height: 6.3vh;}

.index5 .in5_con .uls .li13{left: 36%;bottom: 73%;}

.index5 .in5_con .uls .li14{left: 40%;bottom: 80%;width: 6.3vh;height: 6.3vh;}

.index5 .in5_con .uls .li15{left: 41.5%;bottom: 73%;}

.index5 .in5_con .uls .li16{left: 44.5%;bottom: 65.5%;}

.index5 .in5_con .uls .li17{left: 55%;bottom: 64%;}

.index5 .in5_con .uls .li18{left: 58.5%;bottom: 61%;width: 8.42vh;height: 8.42vh;}

.index5 .in5_con .uls .li19{left: 62%;bottom: 72%;}

.index5 .in5_con .uls .li20{left: 64.5%;bottom: 64%;}

.index5 .in5_con .uls .li21{left: 63%;bottom: 55%;}

.index5 .in5_con .uls .li22{left: 67.5%;bottom: 68%;width: 6.3vh;height: 6.3vh;}

.index5 .in5_con .uls .li23{left: 71%;bottom: 42%;}

.index5 .in5_con .uls .li24{left: 67.5%;bottom: 34%;width: 6.3vh;height: 6.3vh;}

.index5 .in5_con .uls .li25{left: 68%;bottom: 27%;}

.index5 .in5_con .uls .li26{left: 72%;bottom: 30%;}

.index5 .in5_con .uls .li27{left: 76%;bottom: 27%;}

.index5 .in5_con .uls .li28{left: 65%;bottom: 4%;}

.index5 .in5_con .uls .li29{left: 71%;bottom: 4.5%;}

.index5 .in5_con .uls .li{animation: in5_dong 3s infinite  alternate;}

.index5 .in5_con .uls .li.lis1{animation: in5_dong2 2.5s infinite  alternate;}

@keyframes in5_dong {
    0%{opacity: 0.1;}
    /* 80%{opacity: 1;} */
    100%{opacity: 1;}
}

@keyframes in5_dong2 {
    0%{opacity: 0.1;}
    100%{opacity: 1;}
}

.index5 .in5_con  .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;padding-top: 12%;}

.index5 .in5_con  .txt .t1{color: #93B044;}

.index5 .in5_con  .txt .t2{color: #fff;line-height: 1.25;margin: 25px 0 60px;}

.index6{width: 100%;height: 100vh;background: url(../images/in6_b.jpg) center no-repeat;background-size: 100% 100%;padding-top: 22.1vh;}

.index6 .con1{display: flex;justify-content: space-between;margin-bottom: 1rem;}

.index6 .con1 .con_le{}

.index6 .con1 .con_le .le1{color: #93B044; margin-bottom: 18px;}

.index6 .con1 .con_le .le2{color: #333;}

.ckgd{display: flex;align-items: center;}

.ckgd .i{position: relative;width: 24px;}

.ckgd .i img:last-child{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}

.ckgd span{margin-right: 5px;color: #333;}

.ckgd:hover .i img:last-child{opacity: 1;}

.ckgd:hover .i img:first-child{opacity: 0;}

.ckgd:hover span{color: #155197;}

.index6 .con1 .con_re{position: relative;width: 40%;}

.index6 .con1 .con_re a{position: absolute;right: -25px;bottom: 0;}

.index6 .con2{display: flex;justify-content: space-between;}

.index6 .con2 .con_le{width: 43.75%;}

.index6 .con2 .con_re{width: 50%;}


.index6 .con2 .con_le a{display: block;}

.index6 .con2 .con_le a .img{overflow: hidden;}

.index6 .con2 .con_le a .img img{width: 100%;transform: scale(1.0001);}

.index6 .con2 .con_le a .txt{}

.index6 .con2 .con_le a .txt .t1{line-height: 1.4;margin: 22px 0 38px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.index6 .con2 .con_le a:hover .img img{transform: scale(1.05);}

.index6 .con2 .con_le a:hover .txt .t1{color: #155197;}

.index6 .con2 .con_re .ul{height: 100%;}

.index6 .con2 .con_re .li{border-bottom: 1px solid #D9D9D9;}

.index6 .con2 .con_re .li a{display: block;height: 100%;text-align: justify;padding: 26px 0;font-size: 14px;}

.index6 .con2 .con_re .li .t1{line-height: 1.4;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

.index6 .con2 .con_re .li .t2{line-height: 1.6; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;margin: 7px 0 20px;color: #212121;}

.index6 .con2 .con_re .li .t3{color: #666666;}

.index6 .con2 .con_re .li:first-child a{padding: 0 0 26px;}

.index6 .con2 .con_re .li a:hover .t1{color: #155197;}

.shouye_fy {right: 5.2% !important;}

.shouye_fy span{width: 5px;height: 5px;margin: 33px 0 !important;background: #fff;opacity: 1;position: relative;}

.shouye_fy span::after{content: "";width: 35px;height: 35px;border: 1px solid rgba(255, 255, 255, 0.2);position: absolute;left: -15px;top: -15px;border-radius: 50px;opacity: 0;transition: all 0.6s;}

.shouye_fy span.swiper-pagination-bullet-active::after{opacity: 1;}

.shouye_fy.act span{background: #155197;}

.shouye_fy.act span::after{border:1px solid  rgba(21, 81, 151, 0.4);}

.shouye_fy.act2{right: -100px !important;}

.banner_sp{bottom: 30px !important;}

.banner_sp span{width: 8px;height: 8px;background: #ffffff;box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.10);}

.banner_sp2{bottom: 1px !important;}

.about1{padding-top: 3rem;}

.about1 .a1_con1{margin-bottom: 1.625rem;}

.about1 .a1_con2{display: flex;justify-content: space-between;}

.about1 .a1_con2 .con_le{width: 58.8%;text-align: justify;}



.about1 .a1_con2 .con_le .le1{line-height: 1.65;}

.about1 .a1_con2 .con_le .le2{background: #F5F5F5;padding: 1.125rem 1.5rem 1.25rem;margin-top: 1rem;}

.about1 .a1_con2 .con_le .le2 .ul{display: flex;justify-content: space-between;}

.about1 .a1_con2 .con_le .le2 .ul .li{display: flex;}

.about1 .a1_con2 .con_le .le2 .ul .li .ll{width: 60px;position: relative;}

.about1 .a1_con2 .con_le .le2 .ul .li .ll img{position: absolute;left: 0;bottom: 5px;}

.about1 .a1_con2 .con_le .le2 .ul .li .lr{}

.about1 .a1_con2 .con_le .le2 .ul .li .lr .r2{margin-top: 5px;}

.about1 .a1_con2 .con_re{width: 31.2%;position: relative;padding-right: 3.9%;padding-top: 40px;}

.about1 .a1_con2 .con_re .reimg img{width: 100%;}

.about1 .a1_con2 .con_re .reimg {position: relative;z-index: 1;}

.about1 .a1_con2 .con_re .di{width: 210px;height: 210px;background: #EDECEC;position: absolute;right: 0;top: 0;}

.about1 .a1_con2 .con_re .ship{position: absolute;width: 120px;height: 120px;left: -60px;bottom: 0;background: linear-gradient(37deg, #DDE6C4 -10%, #93B044 88%);z-index: 2;display: flex;align-items: center;justify-content: center;cursor: pointer;overflow: hidden;}

.about1 .a1_con2 .con_re .ship.enmty_video {pointer-events: none;}

.about1 .a1_con2 .con_re .ship:hover{border-radius: 20px;}

.about2{padding: 3.25rem 0 1.75rem;}

.about2 .a2_con1{margin-bottom: 1.25rem;}

.about2 .a2_con2{background: #F5F5F5 url(../images/ab2_3.png) bottom right no-repeat;background-size: 100% auto; padding: 0px 2.375rem 0 1.75rem;display: flex;justify-content: space-between;}

.about2 .a2_con2 .con_le{transform: translateY(70px);width: 27.5%;}

.about2 .a2_con2 .con_le img{width: 100%;}

.about2 .a2_con2 .con_re{padding-top: 3rem;width: 65.5%;}

.about2 .a2_con2 .con_re .re1{line-height: 1.2;margin-bottom: 1.75rem}

.about2 .a2_con2 .con_re .re1 span{color: #93B044;}

.about2 .a2_con2 .con_re .re2{background: #fff;padding: 40px 50px 20px 55px;line-height: 1.9;text-align: justify;}

.about2 .a2_con2 .con_re .re2 .t1{margin-bottom: 33px;}


.about2 .a2_con2 .con_re .re2 .t3{position: relative;}

.about2 .a2_con2 .con_re .re2 .t3 img{position: absolute;right: 0;bottom: -25px;}

.about3{padding: 4rem 0 3.5rem;}

.about3 .ab3_con1 {margin-bottom: 1.75rem;}

.about3 .ab3_con2{display: flex;justify-content: space-between;margin-bottom: 1.125rem;}

.about3 .ab3_con2 .con_re{position: relative;width: 105px;}

.about3 .ab3_con2 .con_le .swiper-slide{width: auto !important;color: #999999;cursor: pointer;}

.ab_sb{width: 42px;height: 42px;margin-top: 0;top: 0;display: flex;align-items: center;justify-content: center;border-radius: 50px;overflow: hidden;box-shadow: 0px 4px 4px 0px rgba(147, 176, 68, 0.15);background: none;}

.ab_sb .i{width: 6px;position: relative;}

.ab_sb .i img{width: 100%;}

.ab_sb .i img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.ab_sb s{display: block; position: absolute;left: 0;top: 0;width: 100%;height: 100%; background: linear-gradient(37deg, #DDE6C4 -10%, #93B044 88%);opacity: 0;}

.ab_sb.swiper-button-prev{left: 0;}

.ab_sb.swiper-button-prev .i{transform: rotate(180deg);}

.ab_sb.swiper-button-next{right: 0;}

.ab_sb:hover s{opacity: 1;}

.ab_sb:hover .i img:last-child{opacity: 1;}

.ab_sb:hover .i img:first-child{opacity: 0;}


.about3 .ab3_con3{}

.about3 .ab3_con3 .ss{}

.about3 .ab3_con3 .ss .img{overflow: hidden;}

.about3 .ab3_con3 .ss .img img{width: 100%;transform: scale(1.001);transition: all 0.6s;}

.about3 .ab3_con3 .ss .txt{padding-top: 1rem;}

.about3 .ab3_con3 .ss .txt .t2{margin: 30px 0 25px;height: 4px;background: #D9D9D9;position: relative;}

.about3 .ab3_con3 .ss .txt .t3{line-height: 35px;padding-right: 25px;overflow-y: auto;height: 70px;text-align: justify;}


.about3 .ab3_con3 .ss .txt .t3::-webkit-scrollbar{ width:3px;height: 1px;}

.about3 .ab3_con3 .ss .txt .t3::-webkit-scrollbar-thumb{ background:#155197;}

.about3 .ab3_con3 .ss .txt .t3::-webkit-scrollbar-track{ background:#E8E8E8;} 

.about3 .ab3_con2 .con_le .swiper-slide.act .ss{color: #93B044;
    background: -moz-linear-gradient(top left, #DDE6C4 0%, #93B044 100%);
    background: -o-linear-gradient(top left, #DDE6C4 0%, #93B044 100%);
    background: -webkit-linear-gradient(top left, #DDE6C4 0%, #93B044 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDE6C4', endColorstr='#93B044',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about3 .ab3_con3 .ss .txt .t2::after{content: "";position: absolute;left: 0;top: 0;height: 100%;background: #155197;width: 0;transition: all 0.6s;}

.about3 .ab3_con3 .swiper-slide.act  .ss .txt .t2::after{width: 100%;}

.about3 .ab3_con3 .swiper-slide.act  .ss .txt .t1{color: #155197;}

.about3 .ab3_con3 .swiper-slide .ss:hover .img img{transform: scale(1.05);}

.about4{padding: 2.25rem 0 2rem;background: #f3f3f3 url(../images/ab4_1.jpg) center bottom no-repeat;background-size: 100% auto;}

.about4 .a4_con1{display: flex;justify-content: space-between;margin-bottom: 20px;}

.about4 .a4_con1 .con_re{position: relative;width: 105px;}

.about4 .a4_con2{}

.about4 .a4_con2 .ss{cursor: pointer;}

.about4 .a4_con2 .ss .img img{width: 100%;}

.about4 .a4_con2 .ss .img{transform: scale(0.61);transition: all 1s;}

.about4 .a4_con2 .ss .txt{display: none;}

.about4 .a4_con2 .swiper-slide-active .ss .img{transform: scale(0.915);transition: all 1s;}

.about4 .a4_con2 .swiper-slide-prev .ss{transform: translateX(-7%);}

.about4 .a4_con2 .swiper-slide-next .ss{transform: translateX(7%);}

.about4 .a4_con3{text-align: center;padding: 0 10%;line-height: 1.4;margin-top: 60px;min-height: 30px;}

.about4 .a4_con3 p{position: relative;top: 0;transition: all 1s;}

.about4 .a4_con3.act p{top: 40px;opacity: 0;transition: all 1s;}

.about5{padding: 3rem 0;background:#f2f2f2 url(../images/ab5_1.png) center no-repeat;background-size: 100% 100%;}

.about5 .a5_con1{margin-bottom: 1.75rem;}

.about5 .a5_con2{display: flex;justify-content: space-between;}

.about5 .a5_con2 .con_le{width: 24.5%;background: #fff;padding: 45px 40px 40px 0;}

.about5 .a5_con2 .con_le .ul{padding: 22px 10px 0 0 ;height: 310px;overflow-y: auto;}



.about5 .a5_con2 .con_le .ul::-webkit-scrollbar{ width:3px;height: 1px;}

.about5 .a5_con2 .con_le .ul::-webkit-scrollbar-thumb{ background:#155197;}

.about5 .a5_con2 .con_le .ul::-webkit-scrollbar-track{ background:#E8E8E8;} 


.about5 .a5_con2 .con_le .li{padding-left: 1.25rem;line-height: 1.3;text-align: justify;position: relative;margin-bottom: 25px;cursor: pointer;}

/* .about5 .a5_con2 .con_le .li:last-child{margin-bottom: 0;} */

.about5 .a5_con2 .con_le .li::after{content: "";position: absolute;width: 5px;height: 0;background: #93B044;left: 0;top: 50%;transform: translateY(-50%);transition: all 0.6s;}

.about5 .a5_con2 .con_le .li.act span{font-size: 24px;font-weight: bold;}

.about5 .a5_con2 .con_le .li.act::after{height: 42px;}

.about5 .a5_con2 .con_le .li:hover::after{height: 42px;}

.about5 .a5_con2 .con_re{width: 70%;}

.about5 .a5_con2 .con_re .img{display: flex;align-items: center;padding: 2.625rem 0 1.625rem;justify-content: center;min-height: 247px;}

.about5 .a5_con2 .con_re .img .i{width: 19.5%;}

.about5 .a5_con2 .con_re .img .i img{width: 100%;}

.about5 .a5_con2 .con_re .img p{width: 180px;text-align: center;line-height: 1.2;color: #155197;padding: 0 25px;height: 3rem;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;align-content: center;}

.about5 .a5_con2 .con_re .ss{position: relative;}

.about5 .a5_con2 .con_re .img{}

.about5 .a5_con2 .con_re .tu{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;display: flex;justify-content: center;align-items: center;}

.about5 .a5_con2 .con_re .tu img{width: 100%;transform: scale(0);}

.about5 .a5_con2 .con_re .txt{line-height: 1.4;text-align: center;margin-top: 1.25rem;}

.about5 .a5_con2 .con_re .ss:hover .tu{opacity: 1;}

.about5 .a5_con2 .con_re .ss:hover .tu img{transform: scale(1);}


.about5 .a5_con2 .con_re .swiper-container{padding-bottom: 1.75rem;}

.about5_sw_sp{bottom: 1px !important;}

.about5_sw_sp span{width: 10px;height: 10px;background: #BABABA;opacity: 1;}

.about5_sw_sp span.swiper-pagination-bullet-active{background: linear-gradient(37deg, #DDE6C4 -10%, #93B044 88%);}

.about6{padding: 2.5rem 0 2.75rem;}

.about6 .a6_con1{display: flex;justify-content: space-between;margin-bottom: 1.75rem;}

.about6 .a6_con1 .con_re{width: 105px;position: relative;}

.about6 .a6_con2{padding-left: 8.33%;}

.about6 .a6_con2 .swiper-container{padding-bottom: 1.25rem;}

.about6 .a6_con2 .txt{text-align: center;line-height: 1.4;margin-top: 16px;}

.about6_ss{width: 34% !important;left: 28.3% !important;height: 4px !important;}

.about6_ss .swiper-scrollbar-drag{background: #155197;}

.shipintc{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1001;background: rgba(0, 0, 0, 0.8);display: none;}

.shipintc .shi_con{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}

.shipintc .shi_con .s_con{width: 1000px;position: relative;}

.shipintc .shi_con .s_con video{width: 100%;}

.shipintc .shi_con .s_con .out{position: absolute;top: 0;right: -50px;width: 40px;border-radius: 50px;border: 2px solid #fff;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;}

.shipintc .shi_con .s_con .out img{width: 24px;}

.shipintc .shi_con .s_con .out:hover img{transform: rotate(45deg);}

.a_dw2{top: -50px;}














@media screen and (max-width:1800px) {
    .about2 .a2_con2 .con_re{padding-top: 80px;}










}





@media screen and (max-width:1680px) {

    .index3 .con .c3 .ss .nei1 .n4 .sp2{font-size: 100px;}

    /* .about1 .a1_con2 .con_le .le2{padding:35px 30px ;} */

    /* .about1 .a1_con1{margin-bottom: 40px;} */
/* 
    .about2 .a2_con2 .con_re .re1{margin-bottom: 50px;}

    .about2 .a2_con2 .con_re .re2{padding: 30px 50px 20px;}

    .about2 .a2_con2 .con_re{padding-top: 70px;} */

    /* .about2 .a2_con2{padding: 0 70px;} */

    /* .about3 .ab3_con3 .ss .txt{padding-top: 30px;} */

    .about3 .ab3_con3 .ss .txt .t2{margin: 20px 0;}

    .about3 .ab3_con3 .ss .txt .t3{line-height: 30px;height: 60px;}

    .about5 .a5_con2 .con_le .li.act span{font-size: 20px;}

    .about5 .a5_con2 .con_le{width: 25%;padding: 30px 30px 30px 0;}

    .about5 .a5_con2 .con_le .ul{height: 300px;}

    /* .about5 .a5_con2 .con_le .li{padding-left: 35px;} */

    /* .about5 .a5_con2 .con_re .txt{margin-top: 30px;} */

    .about4 .a4_con3{margin-top: 30px;}

    .about5 .a5_con2 .con_re .img{min-height: 150px;padding: 1.5rem 0;}












}


@media screen and (max-width:1560px) {
    .about2 .a2_con2 .con_re .re2 .t1{margin-bottom: 20px;}

    .about2 .a2_con2 .con_re .re1{margin-bottom: 40px;}

    .about2 .a2_con2 .con_re .re2{padding: 30px 35px 10px;}

    .about2 .a2_con2 .con_re .re2 img{width: 25px;}

    .about2 .a2_con2 .con_re .re2 .t3 img{bottom: -15px;}

 
}













@media screen and (max-width:1400px) {
    .index6{padding-top: 17vh;}

    .index6 .con2 .con_re .li .t2{margin: 5px 0 12px;}

    .index6 .con2 .con_re .li:first-child a{padding: 0 0 20px;}

    .index6 .con2 .con_re .li a{padding: 20px 0;}

    .shouye_fy{right: 2.5% !important;}

   
    .about1 .a1_con2 .con_le .le2 .ul .li .lr .r1{font-size: 12px;}

    /* .about1 .a1_con2 .con_le .le2{padding: 25px 20px;} */

    .about1 .a1_con2 .con_le .le2 .ul .li .ll img{width: 35px;}

    .about1 .a1_con2 .con_le .le2 .ul .li:first-child .ll img{width: 40px;}

    .about1 .a1_con2 .con_le .le2 .ul .li .ll{width: 50px;}

    .about5 .a5_con2 .con_re .img p{padding: 0 20px;}

    
}



@media screen and (max-width:1300px) {
    .head .head_con .con_le a{width: 75px;}

    .index2 .in2_con .txt,.index3 .txt,.index6{padding-top: 15vh;}

    .index2 .in2_con .txt .le5 .ul .li{margin-top: 30px;}

    .index4 .img .txt{padding-top: 21vh;}

    .index6 .con1{margin-bottom: 30px;}

    .banner .an{top: 58vh;}

    .index6 .con2 .con_re .li a{padding: 15px 0;}

    .index6 .con2 .con_re .li:first-child a{padding: 0 0 15px;}

    .index6 .con2 .con_re .li .t2{margin: 4px 0 10px;}

    .shouye_fy span::after{width: 27px;height: 27px;left: -11px;top: -11px;}

    .index7 .con3{margin-top: 30px;}

    .index6 .con2 .con_le a .txt .t1{margin: 20px 0 30px;}

    .shouye_sw {height: 100vh;overflow:hidden;}

    .index4 .shuj .ss .as2{padding: 25px;}

    .index6{height: 100vh;overflow: hidden;}

    .about5 .a5_con2 .con_re .img p{padding: 0 18px;}

    /* .about5 .a5_con2 .con_re .img{padding: 40px 0;} */

    .about5 .a5_con2 .con_le .li.act span,.about5 .a5_con2 .con_le .li span{font-size: 16px;}

    .about5 .a5_con2 .con_le{padding: 20px 20px 20px 0;}

    .about6 .a6_con2{padding-left: 6%;}

    .index4 .shuj .swiper-container{padding-left: 6%}

}

@media screen and (max-width:1150px) {
    .about5 .a5_con2 .con_re .img p{padding: 0 14px;}
}

@media screen and (max-width:1025px) {
    .shouye_sw{height: auto;}

    .shouye_fy{display: none;}

    .banner{height: auto;}

    .xxhd{display: none;}

    .banner .ss .txt{padding-top: 15vh;}

    .qzg{display: none;}

    .index2 .in2_con .img{display: none;}

    .index2 .in2_con .txt{padding: 50px 0;position: static;}

    .shouye_sw .time{top: 0;opacity: 1;}

    .index2 .in2_con .txt .le3{width: 100%;}

    .index2 .in2_con .txt .le5{width: 100%;}

    .index3 .txt{padding: 50px 0;}


    .index3 .con .c3 .ss .nei1{opacity: 1;}

    .index3 .con .c3 .ss .nei2{opacity: 0;}

    .index3 .con .c3 .ss{height: 400px;background-image: url(../images/in3_3.png);}

    .index3 .con .c3 .ss::after{opacity: 1;}

    .index3 .con .c3 .ss .nei1 .n4 .sp2{font-size: 60px;}

    .index3 .con .c3 .ss .nei1 .n4 span{font-size: 30px;right: -10px;top: 15px;}


    .index3 .con .c3 .ss{padding: 30px 20px;}

    .index3 .con .c2 .cr{display: none;}

    .index3 .con .c3 .swiper-container{padding-bottom: 30px;}

    .index2 .in2_con .txt .le5 .ul .li .ll{width: 40px;}

    .index2 .in2_con .txt .le5 .ul .li .ll img{width: 30px;}

    .index2 .in2_con .txt .le5 .ul .li:first-child .ll img{width: 35px;}


    .shouye_nei{display: block;height: 100% !important;}

    .index3 .img img{height: 700px;}

    .index3 .con .c2{margin-bottom: 30px;}

    .index3{height: auto;}

    .index4 .img .tu{height: 600px;}

    .index4 .shuj{display: none;}

    .index4{height: auto;}

    .index4 .img .txt{padding-top: 20vh;}

    .index4 .img .ss a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

    .index5 .img{height: 700px;}

    .index5 .img img{display: none;}

    .index5 .in5_con .uls .li{display: none;}

    .index5 .in5_con .ul .li{width: 20vw;height: 20vw;position: static;margin-bottom: 10px;}

    .index5 .in5_con .ul {position: absolute;width: 100%;bottom: 70px;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 5%;}

    .index5 .in5_con .txt{display: block;padding-top: 70px;}


    .index6{height: auto;padding: 50px 0;}

    .index6 .con2{flex-wrap: wrap;}

    .index6 .con2 .con_le{width: 100%;}

    .index6 .con2 .con_re{width: 100%;margin-top: 30px;}

    .index6 .con1 .con_re a{right: 0;}

 
    .index6 .con2 .con_le a .txt .t1{margin: 15px 0 20px;}

    .about1{padding: 50px 0 0;}

    .about1 .a1_con1{margin-bottom: 20px;}

    .about1 .a1_con2{flex-wrap: wrap;}

    .about1 .a1_con2 .con_le{width: 100%;}

    .about1 .a1_con2 .con_re{width: 100%;margin-top: 20px;padding-top: 30px;}


    .about1 .a1_con2 .con_le .le2 .ul{flex-wrap: wrap;justify-content: space-between;}

    .about1 .a1_con2 .con_le .le2 .ul .li{margin-bottom: 20px;width: 48%;}

    .about1 .a1_con2 .con_le .le2 .ul .li .ll img{width: 30px;}

    .about1 .a1_con2 .con_le .le2 .ul .li:first-child .ll img{width: 35px;}

    .about1 .a1_con2 .con_le .le2{padding: 30px 15px 0;margin-top: 25px;}

    .about1 .a1_con2 .con_le .le2 .ul .li .ll{width: 40px;}

    .about1 .a1_con2 .con_re .reimg{width: 90%;margin-left: 10%;}

    .about1 .a1_con2 .con_re .ship{left: 0;width: 80px;height: 80px;}

    .about1 .a1_con2 .con_re .ship img{transform: translateX(3px);width: 20px;}

    .about2{padding: 50px 0 0;}

    .about2 .a2_con1{margin-bottom: 25px;}

    .about2 .a2_con2{flex-wrap: wrap;padding: 30px 20px;}

    .about2 .a2_con2 .con_le{width: 100%;transform: translate(0);}

    .about2 .a2_con2 .con_re{width: 100%;padding-top: 30px;}

    .about2 .a2_con2 .con_re .re1{margin-bottom: 30px;}

    .about2 .a2_con2 .con_re .re2{padding: 20px;}


    .about3{padding: 50px 0;}

    .about3 .ab3_con1{margin-bottom: 25px;}

    .about3 .ab3_con2{flex-wrap: wrap;display: none;}

    .about3 .ab3_con3 .swiper-slide .ss .txt .t2::after{width: 100%;}

    .about3 .ab3_con3 .swiper-slide .ss .txt .t1{color: #155197;}

    .about3 .ab3_con3 .swiper-container{padding-bottom: 30px;}

    .about4{padding: 50px 0;background-size: 250% auto;}

    .about4 .a4_con2 .ss .img{transform: scale(0.9);}

    .about4 .a4_con2 .swiper-slide-active .ss .img{transform: scale(1);}

    .about4 .a4_con2 .swiper-slide-next .ss,.about4 .a4_con2 .swiper-slide-prev .ss{transform: translateX(0);}

    .about4 .a4_con1 .con_re{display: none;}

    .about4 .a4_con1{margin-bottom: 50px;}

    .about4 .a4_con3{min-height: 60px;padding: 0;}

    .about4 .a4_con4{height: 20px;}

    .about5_sw_sp{display: flex;justify-content: center;width: 100%;}

    .about5_sw_sp span{margin: 0 5px;}

    .about5{padding: 50px 0;}

    .about5 .a5_con2{flex-wrap: wrap;}

    .about5 .a5_con2 .con_le{width: 100%;padding: 25px 20px 25px 0;}

    .about5 .a5_con1{margin-bottom: 25px;}

    .about5 .a5_con2 .con_le .ul{height: 250px;padding: 10px 10px 0 0;}

    .about5 .a5_con2 .con_le .li{margin-bottom: 15px;padding-left: 25px;}

    .about5 .a5_con2 .con_le .li.act span{font-size: 16px;}

    .about5 .a5_con2 .con_le .li.act::after{height: 30px;}

    .about5 .a5_con2 .con_re{width: 100%;margin-top: 20px;}

    .about5 .a5_con2 .con_re .img{padding:100px 0 80px ;display: none;}

    .about5 .a5_con2 .con_re .img .i{width: 15%;}

    /* .about5 .a5_con2 .con_re .tu img{max-width: 400px;} */

    .about5 .a5_con2 .con_re .swiper-container{padding-bottom: 30px;}

    .about5 .a5_con2 .con_re .img p{width: 140px;}

    .about6{padding:50px 0;}

    .about6 .a6_con1{margin-bottom: 25px;}

    .about6 .a6_con2{padding: 0 5%;}

    .about6 .a6_con2 .swiper-container{padding-bottom: 30px;}

    .about6 .a6_con1 .con_re{display: none;}

    .shipintc .shi_con .s_con{width: 90%;}

    .shipintc .shi_con .s_con .out{right: 0;top: -50px;}

    .about6_ss{left: 33% !important;}

    .a_dw2{top: -40px;}
    
    .about5 .a5_con2 .con_re .tu{opacity: 1;position: static;}

    .about5 .a5_con2 .con_re .txt{margin-top: 20px;}

    .about5 .a5_con2 .con_re .ss:hover .tu img{transform: scale(0.95);}

    .about5 .a5_con2 .con_re .ss .tu img{transform: scale(0.9);}

    .banner .an{display: none;}
    
    .banner .ss .txt{padding-top: 20vh;}

    .banner .ss .txt .t1{color: #93B044;}

}



@media screen and (max-width:500px) {
    .index5 .img{height: 580px;}

    .banner .ss .txt{padding-top: 12vh;}

}



































































