/*-------------------------------------棣栭〉----------------------------------*/

.banner {height: 100vh;position: relative;}

.banner-sw {height: 100%;z-index: 3;}

.banner-txt {position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 5;}

.banner-txt h1 {font-size: var(--fz82);color: var(--cf);margin-bottom: 10px;}

.banner-txt h4 {font-size: var(--fz36);color: var(--green);text-transform: uppercase}

.banner-img {position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 3;transition: 1s linear 2s;transform: scale(1, 1);}

.banner-img img {display: block;width: 100%;height: 100%;object-fit: cover;}

.swiper-slide-active .banner-img, .swiper-slide-duplicate-active .banner-img {transition: 5s linear;transform: scale(1.1)}



.banner-pag {z-index: 10;position: absolute;bottom: 70px !important;display: flex;align-items: center;justify-content: center;grid-gap: 12px;}

.banner-pag span {width: 12px;height: 12px;opacity: 1;background: var(--greenlight);position: relative;margin: 0 !important;transition: .5s;}

.banner-pag span:after {content: "";position: absolute;left: 50%;top: 50%;width: 0;height: 0;border-radius: 50%;border: 2px solid var(--greenlight);transition: .5s;box-sizing: border-box;}

.banner-pag .swiper-pagination-bullet-active {background: var(--cf);transform: scale(.7)}

.banner-pag .swiper-pagination-bullet-active:after {border-color: var(--cf);width: 100%;height: 100%;left: 0;top: 0;transform: scale(2.5)}



.banner-bot {position: absolute;left: 0;right: 0;bottom: 50px;padding: 0 var(--p100);display: flex;align-items: center;justify-content: space-between;z-index: 6;}

.banner-bot-r {display: flex;}

.banner-bot-r p {font-size: 12px;color: var(--cf);writing-mode: vertical-lr}

.banner-bot-r div {width: 2px;margin-left: 5px;background: rgba(255, 255, 255, .3);position: relative;}

.banner-bot-r div:after {content: "";width: 100%;position: absolute;left: 0;top: 0;height: 0;background: var(--cf);animation: banbot 4s infinite linear}

@keyframes banbot {

    0% {height: 0;}

    50% {height: 100%;top: 0;}

    100% {top: 100%;}

}



.about {background: var(--cf);padding: var(--p100);}

.about-t1 {display: flex;justify-content: space-between;}



.about-t1-l {width: 40%;}

.about-desc {font-size: var(--fz24);color: var(--c3);line-height: 1.75;text-align: justify;margin: 2rem 0;}

.about-t1-r {width: 50%;padding-top: 3rem;}

.about-t1-v {height: 100%;border-radius: 10px;overflow: hidden;background: url("../images/abvideo.jpg") no-repeat center/cover;display: flex;flex-direction: column;align-items: center;justify-content: center;}

.vstart {cursor: pointer;}

.about-t1-v p {font-size: var(--fz18);color: var(--cf);margin-top: .7rem;}



.about-t2 {background: var(--cf);box-shadow: -10.58px 14.562px 60px 0px rgba(65, 150, 50, 0.11);padding: 40px 0;margin-top: var(--p100);display: grid;grid-template-columns: repeat(4, auto);text-align: center;}

.about-t2 img {margin-bottom: 1rem;}

.about-t2-r {position: relative;}

.about-t2-r h1 {font-size: var(--fz36);color: var(--c3);}

.about-t2-r h1 span {font-size: var(--fz24);}

.about-t2 p {font-size: var(--fz18);color: var(--c3);}

.about-t2-r:after {content: "";width: 1px;height: 60%;position: absolute;;top: 20%;left: 0;background: #e8f2e6;}



@keyframes simg {

    0% {transform: translateY(0px)}

    50% {transform: translateY(-30px)}

    100% {transform: translateY(0px)}

}



.popvideo{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 11141;padding:10vh 10vw;box-sizing: border-box;display: none;}

.popvideo-close{position: absolute;right: 3vw;top:3vw;width: 40px;height: 40px;border-radius: 50%;border: 2px solid #fff;cursor: pointer}

.popvideo-close span{position: absolute;top:50%;left: 20%;width: 60%;transform: rotate(45deg);height: 2px;background: #fff;}

.popvideo-close span:nth-child(2){transform: rotate(-45deg)}

.popvideo-cont{width: 100%;height: 100%;}

.popvideo-cont video{width: 100%;height: 100%;display: block}





.strength {padding: var(--p100);padding-bottom: 0;background: url("../images/stbg.jpg") no-repeat top center/100% calc(100% - 150px);overflow: hidden;}

.strength-t1 {display: flex;align-items: center;justify-content: space-between;}

.strength-t1 .tytitle h1:after {background: var(--cf);}

.strength-t1-r {text-align: right;}

.strength-t1-r h1 {font-size: var(--fz32);color: var(--cf);}

.strength-t1-r p {font-size: var(--fz18);color: #5cb04e;}



.strength-t2 {display: flex;align-items: center;justify-content: space-between;margin-top: 12.5vw;}

.strength-item {}

.strength-item h1 {font-size: var(--fz36);color: var(--cf);margin-bottom: .5rem;}

.strength-item p {font-size: 14px;color: var(--cf);opacity: .5;font-weight: bold;height: 120px;text-transform: uppercase}

.strength-item span {color: var(--cf);font-size: var(--fz32);}

.strength-item img {display: block;margin-left: 3rem;margin-top: -5rem;}

.strength-item:hover img {animation: simg 3s infinite ease-in-out}



.product {padding: var(--p100);background: url("../images/prbg.jpg") no-repeat bottom/100% auto;overflow: hidden;}

.product-t1 {display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--p100);}

.product-t2 {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--fz82)}

.product-t2-item {box-shadow: 0px 11px 9px 0px rgba(4, 0, 0, 0.08);border-radius: 10px;overflow: hidden;}

.product-t2-item a {display: block;background: var(--cf);}

.product-t2-thumb {width: 100%;height: calc(10 * var(--fz48));border-radius: 10px;overflow: hidden;}

.product-t2-thumb img {display: block;height: 100%;width: 100%;object-fit: cover;transition: .5s;}

.product-t2-txt {padding: var(--fz36);}

.product-t2-txt div {display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}

.product-t2-txt div span {font-weight: bold;color: var(--cf);padding: 5px 15px;border-radius: 0 10px 0 10px;background: var(--org);}

.product-t2-txt div i {background: #c1e1bc;border-radius: 50%;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;font-size: 12px;color: var(--cf);font-weight: bold;}

.product-t2-txt h1 {font-size: var(--fz36);color: var(--c3);font-weight: normal;margin-bottom: 5px;transition: .5s;}

.product-t2-txt p {font-size: var(--fz18);color: var(--c6);}

a:hover .product-t2-thumb img {transform: scale(1.05)}

a:hover .product-t2-txt h1 {color: var(--green);}



.news {padding: var(--p100);padding-top: calc(0.4 * var(--p100));overflow: hidden;}

.news-t1 {display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--p100);}

.news-t2 {display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: var(--fz48)}

.news-item {overflow: hidden;}

.news-item-thumb {overflow: hidden;width: 35%;height: 10rem;}

.news-item-thumb img {object-fit: cover;display: block;height: 100%;width: 100%;transition: .5s;}

.news-item-sbox {display: flex;flex-direction: column;justify-content: space-between;}

.news-item-dates {display: flex;align-items: center;justify-content: space-between;}

.news-item-date {}

.news-item-date p {font-size: 12px;color: var(--c6);font-family: Axis;}

.news-item-date h3 {font-size: var(--fz24);color: var(--c0);font-family: Axis;transition: .5s;}

.news-item-more {font-size: 14px;font-weight: bold;color: var(--greenlight);border: 2px solid var(--greenlight);padding: 5px;text-transform: uppercase;transition: .5s;}



.news-item-title h1 {font-size: var(--fz24);color: var(--c3);margin-bottom: 5px;transition: .5s;}

.news-item-title p {font-size: var(--fz18);color: var(--c6);line-height: 1.7;text-align: justify;}



.news-item:first-child {grid-column: 1 / span 5;grid-row: 1 / span 3;}

.news-item:first-child a {grid-template-rows: repeat(3, 1fr);grid-gap: var(--fz48);display: grid;height: 100%;}

.news-item:first-child .news-item-thumb {grid-row: 1 / span 2;width: 100%;height: auto;}

.news-item:first-child .news-item-title p {-webkit-line-clamp: 2;max-height: 3.4em;}



.news-item:nth-child(n+2) {grid-column: 6 / span 7;}

.news-item:nth-child(n+2) a {display: flex;align-items: center;justify-content: space-between;grid-gap: var(--fz36);height: 100%;}

.news-item:nth-child(n+2) .news-item-title {margin-top: 1.7rem;}

.news-item:nth-child(n+2) .news-item-title p {-webkit-line-clamp: 1;max-height: 1.7em;}

.news-item:nth-child(n+2) .news-item-sbox {width: 65%;overflow: hidden;}



a:hover .news-item-title h1 {color: var(--green);}

a:hover .news-item-date h3 {color: var(--greenlight);}

a:hover .news-item-thumb img {transform: scale(1.05)}

a:hover .news-item-more {color: var(--green);border-color: var(--green)}



/*-------------------------------------浜у搧椤�----------------------------------*/

:root {

    --prolsh: 200px;

}

.pros {position: relative;height: 100vh;box-sizing: border-box;padding-top: var(--th);}

.pros2{display: none;}

.pro-sw {height: 100%;}

.pro-item {height: 100%;display: flex;justify-content: space-between;}

.pro-thumb {padding-bottom: var(--prolsh);width: 60%;overflow: hidden;}

.pro-thumb img {display: block;width: 100%;height: 100%;object-fit: cover}

.pro-info {width: 40%;background:url("../images/ens.png") no-repeat left center/auto 80% #2da64d;display: flex;flex-direction: column;justify-content: space-around;padding-left: 8vw;box-sizing: border-box}

.pro-t1 {}

.pro-t1 span { font-weight: bold; color: var(--cf); padding: 5px 15px; border-radius: 0 10px 0 10px; background: var(--org);display: inline-block;font-size: var(--fz32);}

.pro-t1 h1 {font-size: var(--fz48);color: var(--cf);font-weight: normal;padding: 10px 0;}

.pro-t1 p {font-size: var(--fz24);color: var(--cf);}

.pro-t2 img{display: block;object-fit: contain}

.pro-ls{position: absolute;bottom: 0;left: 0;height: var(--prolsh);width: 60%;background: var(--cf);display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 var(--fz48);z-index: 11;}

.pro-ctrl{width: 42px;height: 42px;border-radius: 50%;background: var(--green);display: flex;align-items: center;justify-content: center;font-size: 18px;color: var(--cf);flex-shrink: 0;cursor: pointer}

.prols-sw{width: 100%;margin:0 var(--fz48);height: 120px;}

.prols-sw img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}





.cbox{margin-top: var(--th)}

.ssss{display: block;width: 100%;}