/* CSS Document */
@charset "utf-8";
.container{position: relative;}
.banner{overflow: hidden;}
.header .banner .ban-swiper{height: calc(100vh - 89px);}
.banner .swiper-slide .pimg{width: 100%; height: 100%;}
.banner .swiper-slide-active .pimg{-webkit-animation: scale 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scale 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@keyframes scale{0%{-webkit-transform: scale(1.08);transform: scale(1.08);} 100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}
@media screen and (max-width: 1200px) {
    .header .banner .ban-swiper{height: auto;}
}

.section1 .cont{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;background: #f4f4f4;}
.section1 .a1{flex: 1; display: flex; justify-content: flex-end;}
.section1 .a1 .textBox{width: 790px; box-sizing: border-box;}
.section1 .a1 .b1{font-size: 50px; color: #069d43;}
.section1 .a1 .b2{margin-top: 40px;padding-right: 270px;font-size: 18px;color: #333333;line-height: 36px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 3;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;text-align: justify;}
.section1 .a1 .b3{margin-top: 90px;}
.section1 .a1 .b4{display: flex; justify-content: space-between; margin-top: 50px;}
.section1 .a1 .b4 .item{display: flex; flex: 1; flex-direction: column;}
.section1 .a1 .b4 .item .tit{font-family: Arial; font-size: 60px; font-weight: bold; color: #079d43;}
.section1 .a1 .b4 .item .tit span{display: inline-block; margin-left: 15px; font-size: 18px; font-weight: normal;}
.section1 .a1 .b4 .item .tip{font-size: 16px; color: #474747; line-height: 24px;}
.section1 .a2{flex: 1; position: relative;}
.section1 .a2 .picBox{overflow: hidden;}
.section1 .a2 .picBox img{width: 100%; object-fit: cover; -webkit-transform: scale(1.08); transform: scale(1.08); transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.section1 .a2 .picBox:hover img{-webkit-transform: scale(1); transform: scale(1);}
.item-video a{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; z-index: 20;}
.item-video .video-cirle::before{content: ""; position: absolute; border-radius: 50%; top: 50%; left: 50%; z-index: 1; width: 50px; height: 50px; background: rgba(255, 255, 255, 0.8); margin-left: -25px; margin-top: -25px; -webkit-animation: warn 2s linear 0s infinite; -moz-animation: warn 2s linear 0s infinite; animation: warn 2s linear 0s infinite;}
.item-video .video-cirle img{position: relative; z-index: 99;}
.item-video .video-cirle::after{content: ""; position: absolute; border-radius: 50%; top: 50%; left: 50%; z-index: 1; width: 64px; height: 64px; background: rgba(255, 255, 255, 0.5); margin-left: -32px; margin-top: -32px; -webkit-animation: warn 2s linear 0s infinite; -moz-animation: warn 2s linear 0s infinite; animation: warn 2s linear 0s infinite;}
@keyframes warn{0%{transform: scale(0.5);opacity: 0;}25%{transform: scale(1);opacity: 0.4;}50%{transform: scale(1.2);opacity: 0.8;}75%{transform: scale(1.3);opacity: 0.4;}100%{transform: scale(1.4);opacity: 0;}}
@media screen and (max-width: 1580px) {
	.section1 .a1 .textBox{width: 700px;}
}

@media screen and (max-width: 1400px) {
	.section1 .a1 .textBox{width: 600px;}
    .section1 .a1 .b4 .item .tit{font-size: 40px;}
}

@media screen and (max-width: 1200px) {
    .section1 .cont{flex-direction: column;}
    .section1 .a1{width: 100%;padding: 40px 3%;box-sizing: border-box;}
    .section1 .a1 .textBox{width: 100%;}
    .section1 .a1 .b2{width: 100%;margin-top: 24px;font-size: 16px;line-height: 30px;}
    .section1 .a1 .b4{margin-top: 30px;}
    .section1 .a1 .b4 .item{box-sizing: border-box; padding-right: 10px;}
    .section1 .a1 .b4 .item .tit{font-size: 26px;}
    .section1 .a1 .b4 .item .tit span{margin-left: 4px; font-size: 15px;}
    .section1 .a1 .b4 .item .tip{font-size: 13px;line-height: 1.5;}
    .section1 .a1 .b3{margin-top: 30px;}
    .section1 .a2{width: 100%;}
    .section1 .a2 .picBox img{-webkit-transform: none; transform: none;}
}


.section2{background: #fafafa;}
.section2 .cont{padding: 50px 0 166px 0;}
.section2 .a1{position: relative; padding-bottom: 34px;}
.section2 .a1 .tit{font-size: 50px; color: #069d43;}
.section2 .a1 .tip{margin-top: 18px; font-size: 18px; color: #333333;}
.section2 .a1 .butt .s2-prev,
.section2 .a1 .butt .s2-next{left: auto; top: auto; right: 2px; bottom: 0; width: 50px; height: 50px; margin: 0; border-radius: 50%; border: 1px solid #dfdfdf; background: url(pic_04.png) no-repeat center center; transition: all 0.4s;}
.section2 .a1 .butt .s2-prev{right: 62px; transform: rotateY(180deg);}
.section2 .a1 .butt .s2-prev:hover,
.section2 .a1 .butt .s2-next:hover{border-color: #069d43; background-image: url(pic_05.png); background-color: #069d43; box-shadow: 0 0 12px rgba(0, 0, 0, .5);}
.section2 .a2{margin-top: 44px;}
.section2 .a2 .s2-swiper{padding-top: 20px;}
.section2 .a2 .s2-swiper .picBox{position: relative;}
/* .section2 .a2 .s2-swiper .picBox::before{position: absolute; left: 0; top: 0; content: '\20'; width: 100%; height: 100%; background: rgba(6, 157, 67, .5); z-index: 5; opacity: 0; visibility: hidden; transition: all 0.4s; border-radius: 0 100px 0 100px;} */
.section2 .a2 .s2-swiper img{width: 100%;transition: all 0.4s;border-radius: 0 100px 0 100px;transition: all 0.4s;object-fit: cover;}
.section2 .a2 .s2-swiper .textBox{position: absolute;left: 12%;top: 6.5%;font-size: 22px;color: #fff;width: 22px;z-index: 10;text-shadow: 2px 0px 6px #343434;}
.section2 .a2 .s2-swiper a:hover img{border-radius: 100px 100px 100px 100px; transform: translateY(-20px);}
/* .section2 .a2 .s2-swiper a:hover .picBox::before{border-radius: 100px 100px 100px 100px; transform: translateY(-20px); opacity: 1; visibility: visible;} */

@media screen and (max-width: 1200px) {
    .section2 .cont{padding: 30px 0 40px 0;}
    .section2 .a1 .butt .s2-prev, .section2 .a1 .butt .s2-next{width: 40px;height: 40px;background-size: 20px;bottom: auto;top: 0;}
    .section2 .a2{margin-top: 15px;}
    .section2 .a2 .s2-swiper .textBox{font-size: 20px;}
}

@media screen and (max-width: 700px) {
    .section2 .a2 .s2-swiper .swiper-slide{padding-bottom: 20px;}
}

.section3 .a1 .s3-swiper{position: relative;}
.section3 .a1 .s3-swiper .textBox{position: absolute; left: 50%; top: 0; padding-top: 5.6%; transform: translateX(-50%); z-index: 10; display: flex; justify-content: space-between;}
.section3 .a1 .s3-swiper .textBox .b1 .tit{font-size: 50px; color: #fff;}
.section3 .a1 .s3-swiper .textBox .b1 .tip{position: relative;padding-top: 38px;font-size: 18px;color: #ffffff;line-height: 36px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 3;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;display: none;}
.section3 .a1 .s3-swiper .textBox .b1 .tip::before{position: absolute; left: 0; top: 0; content: '\20'; width: 22px; height: 3px; background: #079d43;}
.section3 .a1 .s3-swiper .textBox .b1 .more{margin-top: 48px; border-color: #fff; color: #fff;}
.section3 .a1 .s3-swiper .textBox .b1 .more span{background-image: url(pic_05.png);}
.section3 .a1 .s3-swiper .textBox .b1 .more:hover{border-color: #069d43;}
.section3 .a1 .s3-swiper .textBox .b2{width: 32%;}

.section3 .a1 .s3-swiper .textBox .b2 .tip{position: relative; padding-top: 38px; font-size: 18px; color: #ffffff; line-height: 36px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;}
.section3 .a1 .s3-swiper .textBox .b2 .tip::before{position: absolute; left: 0; top: 0; content: '\20'; width: 22px; height: 3px; background: #079d43;}
.section3 .a1 .s3-swiper .picBox img{width: 100%;}
.section3 .a1 .s3-swiper .swiper-slide .waterCurve{position: absolute; left: 0; bottom: 18%; width: 100%; height: 4.948vw; background: url(pic_26.png) no-repeat 0 0; background-size: 100%; z-index: 9;}
.section3 .a1 .s3-swiper .swiper-slide .waterCurve .s3-prev,
.section3 .a1 .s3-swiper .swiper-slide .waterCurve .s3-next{margin: 0!important; width: 18px; height: 18px; left: auto; right: auto; top: auto; bottom: auto; background-color: #fff; border-radius: 50%; background-image: none; z-index: 80; transition: all .5s; opacity: 1;}
.section3 .a1 .s3-swiper .swiper-slide .waterCurve .s3-prev{left: 15.625vw; top: -0.26vw;}
.section3 .a1 .s3-swiper .swiper-slide .waterCurve .s3-next{right: 15.625vw; top: 0.781vw;}
.section3 .a1 .s3-swiper .swiper-slide .waterCurve .ig-circle{position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px; background-color: #fff; border: 3px solid #333; border-radius: 50%; box-sizing: border-box;}
.section3 .a1 .s3-swiper .swiper-slide .waterCurve .ig-name{display: block;font-size: .729vw;/* margin-top: 20px; *//* margin-left: -6px; */margin-top: 24px;color: #fff;width: 122px;text-align: center;position: relative;left: 50%;transform: translateX(-50%);}
.section3 .a1 .s3-swiper .swiper-slide .waterCurve .current-water{position: absolute; left: 50%; top: 2.083vw; z-index: 10; width: 5.208vw; height: 5.208vw; margin-left: -2.604vw; border-radius: 50%; border: 2px solid #069d43; overflow: hidden;}
.section3 .a1 .s3-swiper .swiper-slide .waterCurve .current-water::before{content: ""; position: absolute; left: 50%; top: 50%; width: 0.417vw; height: 0.417vw; background-color: #069d43; border-radius: 50%; margin: -0.208vw 0 0 -0.208vw;}
.section3 .a1 .s3-swiper .swiper-slide .waterCurve .current-water img{width: 100%; height: 100%; object-fit: cover;}
.section3 .a1 .s3-swiper .swiper-slide .waterCurve .current-water-name{position: absolute;bottom: -100%;left: 50%;z-index: 13;height: 2.083vw;font-size: 18px;color: #fff;text-align: center;transform: translateX(-50%);}
.section3 .a1 .s3-swiper .swiper-slide:first-child .waterCurve .swiper-button-prev{display: none;}
.section3 .a1 .s3-swiper .swiper-slide:last-child .waterCurve .swiper-button-next{display: none;}

@media screen and (max-width: 700px) {
    .section3 .a1 .s3-swiper .picBox img{height: 530px;object-fit: cover;}
    .section3 .a1 .s3-swiper .textBox .b1 .tip{font-size: 16px;line-height: 30px;margin-top: 0;padding-top: 8px;display: -webkit-box;}
    .section3 .a1 .s3-swiper .textBox .b1 .tip::before{display: none;}
    .section3 .a1 .s3-swiper .swiper-slide .waterCurve .current-water{width: 90px;height: 90px;margin-left: -54px;margin-top: -56px;}
    .section3 .a1 .s3-swiper .swiper-slide .waterCurve .current-water::before{width: 10px; height: 10px;}
    .section3 .a1 .s3-swiper .swiper-slide .waterCurve .current-water-name{bottom: auto;top: 60px;width: 145px;}
    .section3 .a1 .s3-swiper .swiper-slide .waterCurve .ig-name{width: 80px;font-size: 14px;}
    .section3 .a1 .s3-swiper .swiper-slide .waterCurve{bottom: 24%;}
    .section3 .a1 .s3-swiper .swiper-slide .waterCurve .ig-circle{border-color: #069d43;opacity: 0.5;width: 10px;height: 10px;margin: -5px 0 0 -5px;border-bottom-width: 2px;}
    .section3 .a1 .s3-swiper .swiper-slide .waterCurve .s3-prev, .section3 .a1 .s3-swiper .swiper-slide .waterCurve .s3-next{background-color: rgba(255, 255, 255, 0.5);width: 16px;height: 16px;}
}

.section4 .a1{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 83px 0;}
.section4 .a1 .b1 .tit{font-size: 50px; color: #069d43;}
.section4 .a1 .b1 .tip{margin-top: 26px;}
.section4 .a1 .b2{width: 33.6%;}
.section4 .a1 .b2 .textBox{position: relative; padding-top: 38px; font-size: 18px; color: #303030; line-height: 36px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 3; -moz-box-orient: vertical; word-wrap: break-word; word-break: break-all; white-space: normal;}
.section4 .a1 .b2 .textBox::before{position: absolute; left: 0; top: 0; content: '\20'; width: 22px; height: 3px; background: #079d44;}
.section4 .a2{position: relative;}
.section4 .a2 .picBox{overflow: hidden;}
.section4 .a2 .picBox img{width: 100%; object-fit: cover; -webkit-transform: scale(1.08); transform: scale(1.08); transition: all 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.section4 .a2 .picBox:hover img{-webkit-transform: scale(1); transform: scale(1);}
.section4 .a3 .textBox{margin-top: 30px;font-size: 18px;color: #303030;line-height: 36px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 3;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;}
.section4 .a3 .tip{margin-top: 30px;}

@media screen and (max-width: 1200px) {
    .section4 .cont{}
    .section4 .a1{padding: 30px 0;}
}

.section5{display: none;}
.section5 .a1{ justify-content: flex-start;}
.section5 .a1 .mr{display: flex;justify-content: center;width: 790px;}
.section5 .a1 .textBox{padding: 0;width: 70%;}
.section5 .a1 .b2{padding-right: 0;}
@media screen and (max-width: 1580px) {
    .section5 .a1 .mr{width: 700px;}
}

@media screen and (max-width: 1400px) {
    .section5 .a1 .mr{width: 600px;}
    .section5 .a1 .textBox{width: 80%;}
}
.section6 .cont{padding-bottom: 126px;}
.section6 .a1{display: flex; justify-content: space-between; align-items: center; padding: 80px 0;}
.section6 .a1 .tit{font-size: 50px; color: #069d43;}

@media screen and (max-width: 1200px) {
    .section6 .cont{padding-bottom: 40px;}
    .section6 .a1{padding: 30px 0;}
}

.section7 .s7-pagination {
    position: relative;
    text-align: center;
    margin-top: 40px;
}

.section7 .s7-pagination .swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    border-radius: 0;
    margin: 0 4px;
}

.section7 .s7-pagination .swiper-pagination-bullet-active {
    background: #069d43;
}

@keyframes scale{0%{-webkit-transform: scale(1.08);transform: scale(1.08);} 100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}}
.col-video{display: none; position: fixed; top: 0px; left: 0px;width: 100%; height: 100%;z-index: 999;background: rgba(0, 0, 0, 0.4);}
.col-video .videoBox{position: absolute;left: 50%;top: 50%;width: 60%;transform: translate(-50%, -50%);}
.col-video .videoBox .close{position: absolute;top: 0;right: 0;font-size: 30px;text-align: center;line-height: 30px;width: 30px; height: 30px;color: #fff;cursor: pointer; z-index: 999;}
.col-video .videoBox video{width: 100%; height: auto;}
@media screen and (max-width: 1400px) {
    .section1 .a1 .b1,
    .section2 .a1 .tit,
    .section3 .a1 .s3-swiper .textBox .b1 .tit,
    .section4 .a1 .b1 .tit,
    .section6 .a1 .tit{font-size: 40px;}
}

@media screen and (max-width: 1200px) {
    .section1 .a1 .b1, .section2 .a1 .tit, .section3 .a1 .s3-swiper .textBox .b1 .tit, .section4 .a1 .b1 .tit, .section6 .a1 .tit{font-size: 26px;}
}

@media screen and (max-width: 700px){.col-video .videoBox{width: 96%;}}