.esg-box{padding: 5% 0; }
.esg-box:nth-child(2n){background: #fff;}
.esg-box:nth-child(2n+1){ background: #F8F6F6;}
.esg-box h2{ margin-bottom:2.5%;}
.esg-box ul{ margin: 0 -1%;}
.esg-box li{ float: left; width: 31.33%; margin: 0 1% 2%; border-bottom: 2px solid #e7e7e7;}
.esg-box li dt{ overflow: hidden; position: relative;}
.esg-box li dt::before{content: ""; position: absolute; z-index: 1; left:0; top:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
.esg-box li dt i{color: #fff; z-index: 2;}
.esg-box li dd{ padding:5% 3%;}
.esg-box li dd h3{ font-weight: bold;}

.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{object-fit: cover;width: 100%;}
.video_appbox .video_t{z-index:2; background:#222;width:1200px;max-width:94%;height:70%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;visibility: hidden;opacity: 0;}
.video_appbox.show .video_t{ visibility: visible;opacity:1;top:50%;}
.video_appbox iframe{width:100%; height: 100%;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.video_close{ position:absolute; top:calc(15% - 60px); right:calc(50% - 600px); cursor:pointer; z-index: 99999;}
.video_close i{color: #fff;font-size:40px;font-weight: bold;}
@media only screen and (max-width:1279px) { 
    .video_close{top:5%; right:3%;}
    .video_close i{font-size: 30px;}
}
@media only screen and (max-width:767px) {
    .esg-box ul{ margin: 0;}
    .esg-box li{width: 100%; margin: 0 0 2%; }
}


.down-box{padding: 5% 0 7%;}
.down-box ul{ margin-bottom:3%;}
.down-box li{ float: left; width: 48.8%; box-sizing: border-box; padding:3%; background: #fff; border-bottom:2px solid #E7E7E7; margin-bottom:2%;}
.down-box li:nth-child(2n){ float: right;}
.down-box li h3{ overflow: hidden;}
.down-box li h3 span{ float: left; width: calc(100% - 40px);}
.down-box li h3 i{ float: right; color: #A4A4A4;}
.down-box li p{margin-top: 2%;}
@media only screen and (max-width:767px) {
    .down-box li{ width: 100%; margin: 0 0 2%;}
}


.contact-box01{ background: #F5F5F5;}
.contact-box01 .input_box{margin-bottom:1%;}
.contact-box01 .input_box input, .contact-box01 .input_box textarea{padding: 1.3em 2em; border:1px solid #B0D4CA; font-size: 16px;}
.contact-box01 .input_box.code img{height: 64px;}
.contact-box01 .input_box .submit{font-size: 20px;}
.contact-box02{position: relative;}
.contact-box02::before{content: ""; position: absolute; lefT:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.contact-box02 li{ float:left; width: 31.33%; margin: 0 1% 3%; position: relative;}
.contact-box02 li:nth-child(3n+1){ clear: both;}
.contact-box02 ul{margin-left: 0;}
.contact-box02 ul a{margin-top: 0;}
.contact-box02 li h1{margin-bottom: 3%;}
.contact-box02 li p{margin-bottom: 3%;}
.contact-box02 li a em{ display: inline-block; margin-left: 10px; width: 30px; height: 20px; line-height: 20px; border-radius: 5px; text-align: center; color: #222; background: #FFFFFF;}
.contact-box02 li a em i{font-weight: bold; font-size: 12px; color: #222;vertical-align: top;}
.tcode{ display: none; width: 180px; height: 180px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.tcode img{ width: 100%;}

@media only screen and (max-width:1660px) {
.contact-box02 li>img{ max-width: 80px; max-height: 80px;}
}
@media only screen and (max-width:1440px) {
.contact-box02 li>img{ max-width: 60px; max-height: 60px;}
}
@media only screen and (max-width:1279px) {
.modular1 .input_box{ width: 100%;}
.contact-box02 li>img{ max-width:40px; max-height: 40px; margin-bottom: 3%;}
}
@media only screen and (max-width:1023px) {
.contact-box02>img{ display: none;}
.contact-box02{padding: 5% 0;}
.contact-box02 .wrap{position: static; transform: translate(0)!important;}
}
@media only screen and (max-width:767px) {
.contact-box01 .input_box input, .contact-box01 .input_box textarea{padding: 0.5em 1em; font-size: 14px;}
.contact-box01 .input_box.code img{ height: 35px;}
.contact-box02 li{width: 100%; margin: 0 0 5%;}
}

.esg-box li,.down-box li{transition: all 0.3s;}
@media only screen and (min-width:1025px) {
.esg-box li:hover{border-bottom-color: #0b9f76;box-shadow: 0 10px 20px 1px rgba(0, 0, 0, 0.3);}
.esg-box li:hover dd h3{color: #0b9f76;}
.down-box li:hover{color: #00778b; border-bottom:2px solid #0b9f76;background: #F6F6F6;}
.down-box li:hover h3 a{color: #00778b; }
.down-box li:hover h3 i{color: #1EACCA;}
}




/*20240830新联系我们页面*/
.contact_part{padding: 8% 0 5%;}
.contact_part h2{margin-bottom: 4%; font-weight: bold;}
.contact_list{margin: 0 -1.5% 5%;}
.contact_list li{float: left; box-sizing: border-box; width: 30.33%; height: 18em; overflow: hidden; margin: 0 1.5% 3%; padding:3.5% 4%; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.06);}
.contact_list li h3{margin-bottom:8%;}
.contact_list li p{margin-bottom:4%; position: relative; padding-left: 25px; line-height: 20px;}
.contact_list li p i{position: absolute; lefT:0; top:0; color: #298D99; font-size: 20px;}
.contact_list li:nth-child(2){ clear: both;}
.contact_list_an li{ height: 12em;}
.contact_list_an li:nth-child(2){ clear: unset;}
.contact_list li p a:hover{color: #222!important;}
.contact_list li p a.tel_link{ cursor: default;}
.contact_list li p a.tel_link:hover{ color: #222!important;}
@media only screen and (max-width:1023px) {
.contact_list li{width: 47%;}
}
@media only screen and (max-width:767px) {
.contact_list{margin: 0 0 5%;}
.contact_list li{width:100%; height: auto; margin: 0 0 3%; padding: 5%;}
.contact_list li h3{margin-bottom: 5%;}
}

/*20240902新esg页面*/
.esg_part01{ padding: 5% 0; background: #F5F5F5;}
.esg_tit{ text-align: center; font-weight: bold; margin-bottom: 3%;}
.esg_part01 .ll{ float: left; width: 62.29%;background: #fff; box-shadow:  0 0 5px 5px rgba(0, 0, 0, 0.02);}
.esg_part01 .rr{ float: right; width: 35.9%;background: #fff; box-shadow:  0 0 5px 5px rgba(0, 0, 0, 0.02);}
.esg_part01 .ll .img{margin:6.5% 6.47%;}
.esg_part01 .rr .inner{padding: 8% 5% 5%; box-sizing: border-box; height: 100%;}
.esg_part01 .rr ul{margin-top:3%;}
.esg_part01 .rr li{position: relative; padding-left: 18px; line-height: 2;}
.esg_part01 .rr li::before{content: ""; position: absolute; lefT:0; top:14px; width: 5px; height: 5px; border-radius: 100%; background: #00778b;}

.esg_part02{ padding: 5% 0; background: #fff;}
.esg_part02 li{ margin-bottom: 3%; box-shadow:  0 0 5px 5px rgba(0, 0, 0, 0.06);}
.esg_part02 li dt{ float: left; width: 29.6%;}
.esg_part02 li dd{ float: right; width: 70.4%; padding:1.5% 4%; box-sizing: border-box;}
.esg_part02 li dd h3{padding: 1.5% 0; border-bottom: 1px solid #E8E8E8;}
.esg_part02 li dd p{line-height: 2; max-height: 6em; overflow: hidden; margin-top:1%;}
.esg_part02 li:nth-child(2n) dt{ float: right;}
.esg_part02 li:nth-child(2n) dd{ float: left;}

.esg_part03{ padding: 5% 0;background: #F5F5F5;}
.esg_part03 .swbox{position: relative;}
.esg_part03 .swiper-container{ padding:10px;}
.esg_part03 .swiper-button-prev,.esg_part03 .swiper-button-next{left:-100px; width: 70px; height: 70px; line-height: 70px; margin-top: -35px; text-align: center; font-size:30px; color: #fff; font-weight: bold; border-radius: 100%; background: #00778b;}
.esg_part03 .swiper-button-next{left: auto; right:-100px;}
.esg_part03 .swiper-button-prev.swiper-button-disabled,.esg_part03 .swiper-button-next.swiper-button-disabled{opacity: 1; color: #969696; background: #E9E9E9;}
.esg_part03 dl{background: #fff; padding: 12% 12%; box-shadow:  0 0 5px 5px rgba(0, 0, 0, 0.02);}

.esg_part03 dt span{ display: block; width: 80px; height: 80px; overflow: hidden;}
.esg_part03 dt span img{ width: 100%;}
.esg_part03 dt h3{ line-height:70px; height: 70px; margin-bottom: 15px; border-bottom: 1px solid #E8E8E8;}
.esg_part03 dd{ height: 32.5em;}
.esg_part03 dd .c{line-height: 2; min-height: 14em;}
.esg_part03 dd li{ line-height: 26px; padding: 25px 0; border-bottom: 1px solid #B2B2B2; position: relative;}
.esg_part03 dd li p{padding-right:40px;}
.esg_part03 dd li i{position: absolute; right:0; top:25px; line-height: 26px; font-size: 20px; color: #00778b;}

.esg_part04{ padding: 5% 0;background: #fff;}
.esg_part04 ul{margin: 0 -1.5%;}
.esg_part04 li{ float: left; width: 22%; margin: 0 1.5% 2.5%;}
.esg_part04 li dt{overflow: hidden;}
.esg_part04 li dd{margin-top: 8%; padding-bottom: 8%; border-bottom: 1px solid #B2B2B2;}
.esg_part04 li h3{ overflow: hidden; margin-bottom: 2%;font-size: 16px;}
.esg_part04 li i{ font-size: 20px; color: #00778b;}
.esg_part04 li:hover a{ color: #00778b;}
@media only screen and (max-width:1659px) {
    .esg_part03 .swiper-button-prev{left:-70px;}
    .esg_part03 .swiper-button-next{right:-70px;}
}
@media only screen and (max-width:1599px) {
    .esg_part01 .rr li{line-height: 1.8;}
    .esg_part01 .rr li::before{top: 12px;}
    .esg_part03 dt span{width: 60px; height: 60px;}
    .esg_part03 dd li{padding: 20px 0;}
    .esg_part03 dd li i{top:20px;}
    .esg_part03 .swiper-button-prev{left:-50px; width: 50px; height: 50px; line-height: 50px; font-size: 20px; margin-top: -25px;}
    .esg_part03 .swiper-button-next{right:-50px; width: 50px; height: 50px; line-height: 50px; font-size: 20px; margin-top: -25px;}
}
@media only screen and (max-width:1439px) {
.esg_part01 .rr li{line-height: 1.6;}
.esg_part01 .rr li::before{top: 10px;}
.esg_part02 li dd{padding-left: 3%; padding-right: 3%;}
}
@media only screen and (max-width:1399px) {
.esg_part02 li dd p{line-height: 1.5;}
}
@media only screen and (max-width:1279px) {
    .esg_part03 .swiper-button-prev{left:-15px;}
    .esg_part03 .swiper-button-next{right:-15px;}
    .esg_part01 .rr li::before{top: 8px;}
    .esg_part02 li dd{padding: 1% 5% 4%;}
}
@media only screen and (max-width:1023px) {
.esg_part03 dl{padding: 5% 8%;}
.esg_part03 dd{ height: 16.2em;}
.esg_part03 dd .c{ min-height: auto;}
.esg_part03 dd li{ padding: 10px 0;}
.esg_part03 dd li i{top:10px;}
.esg_part04 li{ width: 47%;}
.esg_part04 ul{margin: 0;}
}
@media only screen and (max-width:767px) {
.esg_part01 .ll,.esg_part01 .rr,.esg_part02 li dt,.esg_part02 li dd{ width: 100%;}
.esg_part01 .rr{margin-top:2%;}
.esg_part02 li dd h3{padding: 3.5% 0;}
.esg_part02 li dd p{max-height: unset;}
.esg_part03 dt span{width:50px; height: 50px;}
.esg_part03 dt h3{ height: 50px; line-height: 50px;}
.esg_part03 dd .c{line-height: 1.5;}
.esg_part03 .swiper-button-prev{left:-5px; width: 30px; height: 30px; line-height: 30px; font-size: 16px; margin-top: -15px;}
.esg_part03 .swiper-button-next{right:-5px; width: 30px; height: 30px; line-height: 30px; font-size: 16px; margin-top: -15px;}
}


.service_part{padding: 8% 0; background: #FFFFFF;}
.service_part li{ background: #fff; margin-bottom: 4%;box-shadow:  0 0 5px 5px rgba(0, 0, 0, 0.06);}
.service_part li dt{ float: left; width: 38.4%;overflow: hidden;}
.service_part li dd{ float: right; width: 61.6%; padding:3% 4%; box-sizing: border-box;}
.service_part li dd h2{padding-bottom:1.5%; margin-bottom: 2%; border-bottom: 1px solid #E8E8E8;}
.service_part li dd h2 a.no{ cursor: default; color: #333!important;}
.service_part li dd p{line-height:1.8; max-height: 5.4em; overflow: hidden;}
.service_part li dd span{ display: block; margin-top: 5%; width: 30px; height: 20px; line-height: 16px; text-align: center; border-radius: 8px; background: #fff;box-sizing: border-box;border: 1px solid #222;transition: all 0.5s;}
.service_part li dd span i{font-weight: bold; color: #222; font-size: 12px;}
.service_part li dd span:hover{border-color: #00778b;background-color: #00778b;}
.service_part li dd span:hover i{color: #fff;}
.service_part li:nth-child(2n) dt{ float: right;}
.service_part li:nth-child(2n) dd{ float: left;}
.service_part li:hover a{color: #00778b;}
.service_part li:hover dd span{ border-color: #00778b;background-color: #00778b;color: #fff;}
.service_part li:hover dd span i{color: #fff;}
@media only screen and (max-width:1399px) {
.service_part li dd p{line-height: 1.5; max-height: 4.5em;}
}
@media only screen and (max-width:1279px) {
.service_part li dd p{max-height: unset;}
}
@media only screen and (max-width:767px) {
.service_part li dt,.service_part li dd{width: 100%;}
.service_part li dd{padding: 5%;}
}


.esg_part03 .swiper-button-prev,.esg_part03 .swiper-button-next{ transition: all 0.5s;}
@media only screen and (min-width:1025px) {
    a:hover{color: #00778b!important;}
}