﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.indextitle {font-weight: 700;font-size: var(--fontsize38);color: #000;line-height: 1.25;font-family: var(--fontfamily1)}
@media screen and (max-width: 1600px) {.indextitle {font-size:var(--fontsize32)}}
@media screen and (max-width: 1440px) {.indextitle {font-size:var(--fontsize28)}}
@media screen and (max-width: 1366px) {.indextitle {font-size:var(--fontsize26)}}
@media screen and (max-width: 1280px) {.indextitle {font-size:var(--fontsize24)}}
@media screen and (max-width: 1024px) {.indextitle {font-size:var(--fontsize22)}}
@media screen and (max-width: 768px) {.indextitle {font-size:var(--fontsize20);line-height: 1.3}}
@media screen and (max-width: 480px) {.indextitle {font-size:var(--fontsize18)}}
@media screen and (max-width: 320px) {.indextitle {font-size:var(--fontsize16)}}
.banner-contant {position: absolute;width: 100%;top: 50%;transform: translateY(-50%)}
.banner-contant .p1 {color: #fff}
.banner-contant span {width: 64px;height: 3px;background: #fff;display: block;margin: 25px 0}
.banner-contant .p2 {color: #fff}
@media screen and (max-width: 550px) {.banner-contant .p2 br {display:none}}
.sustainability>.l-wrap{max-width:100%;padding:0;margin:0}
.sustainability.common-main{padding:0}
.banner-inner .banner-breadcrumbs{border-bottom:none}
.mod-title{font-family:var(--fontfamily);font-size:var(--fontsize38);font-weight:var(--fontbold7);color:var(--titlecolor);line-height:1.2}
.mod-intro{color:var(--introcolor);line-height:1.7;margin-top:12px}
.mod-header{text-align:center}
.btn-primary{display:inline-block;background:var(--color);color:#fff;font-weight:var(--fontbold5);font-family:var(--fontfamily);padding:12px 45px;border-radius:var(--borderradius);border:2px solid var(--color);cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s}
.btn-primary:hover{background:var(--hovercolor);border-color:var(--hovercolor);color:#fff;text-decoration:unset;transform:translateY(-2px);box-shadow:0 6px 20px rgba(1,93,181,.25)}
.btn-outline-white{display:inline-block;color:#fff;padding:15px 50px;border:1px solid var(--color);line-height:1;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s;background:linear-gradient(90deg,#015db5,#0080b7);border-radius:24px}
.btn-outline-white:hover{background:0 0;border-color:#fff;color:#fff;text-decoration:unset;transform:translateY(-2px);box-shadow:0 6px 20px rgba(1,93,181,.3)}
.padding{padding: 5% 0;}
@media (max-width:1640px) {.mod-title{font-size: var(--fontsize34);}}
@media (max-width:1440px) {.mod-title{font-size: var(--fontsize28);}}
@media (max-width:1280px) {.mod-title{font-size: var(--fontsize26);}}
@media (max-width:1024px) {.mod-title{font-size: var(--fontsize24);}}
@media (max-width:768px) {.mod-title{font-size: var(--fontsize22);}}
@media (max-width:550px) {.mod-title{font-size: var(--fontsize20);}}
.module1-item{display: flex;align-items: center;background: #f7f7f7;}
.module1-img{width: 50%;}
.module1-img img{width: 100%;display: block;}
.module1-content{margin-top: 50px;}
.module1-info{width: 50%;}
.module1-item:nth-of-type(2n-1) .module1-info{padding-left: 80px;padding-right: 8%;}
.module1-item:nth-of-type(2n) .module1-info{padding-right: 80px;padding-left: 8%;}
.module1-item:nth-of-type(2n){flex-direction: row-reverse;}
.module1-info .p1{font-weight: bold;font-size: var(--fontsize36);color: #000000;line-height: 1.25;margin-bottom: 25px;}
.module1-info .p2{color: #555555;line-height: 28px;}
.module1-btn{margin-top: 40px;display: flex;}
.module1-btn a{background: var(--color);border-radius: 4px;padding: 22px 33px;line-height: 1;color: #fff;}
.module1 .mod-intro{max-width: 75%;margin: 15px auto 0;}
.module2{padding: 110px 0;background: url(/Content/uploads/20261252117/20260617155528c4e4369b250a41068096310843bb3b2c.webp)center no-repeat;background-size: cover;}
.module2 .module2-item{width: 50%;}
.module2 .mod-title,.module2 .mod-intro{color: #fff;}
.module2-span{width: 64px;height: 3px;background: #FFFFFF;display: block;margin: 20px 0;}
@media (max-width: 1640px) {.module1-item:nth-of-type(2n-1) .module1-info{padding-left: 50px;padding-right: 70px;}
.module1-item:nth-of-type(2n) .module1-info{padding-right: 50px;padding-left: 70px;}}
@media (max-width: 1440px){.module1-item:nth-of-type(2n-1) .module1-info{padding-left: 50px;padding-right: 70px;}
.module1-item:nth-of-type(2n) .module1-info{padding-right: 50px;padding-left: 70px;}}
@media (max-width: 1280px){.module1-item:nth-of-type(2n-1) .module1-info{padding-left: 30px;padding-right: 30px;}
.module1-item:nth-of-type(2n) .module1-info{padding-right: 30px;padding-left: 30px;}
.module1-info .p1{font-size: var(--fontsize20);margin-bottom: 15px;}
.module1-btn a{padding: 16px 28px;}
.module1-btn{margin-top: 25px;}
.module2 .module2-item{width: 80%;}
.module1-content{margin-top: 25px;}}
@media (max-width:1024px) {
.module1-content{display: flex;flex-wrap: wrap;}
.module1-item{width: 50%;flex-direction: column;}
.module1-item:nth-of-type(2n){flex-direction: column-reverse;}
.module1-img{width: 100%;}
.module1-info{width: 100%;padding: 25px;}
.module1-btn{margin-top: 15px;}
.module1 .mod-intro{max-width: 100%;}
.module2 .module2-item{width: 100%;}
.module1-btn a {padding: 12px 28px;}}
@media (max-width:900px) {.module1-item{width: 100%;}
.module1-item:nth-of-type(2n){flex-direction: column;}}
@media (max-width:550px) {.module1-item:nth-of-type(2n-1) .module1-info{padding: 20px;}}
