body{background:#fff}*{margin:0;padding:0}.section .wrapper{width:var(--contentwidth);max-width:1440px;margin-left:var(--contentpadding)}.banner{height:683px;background-image:url("../img/esg/istockphoto_904105652@2x.jpg");background-size:cover;width:100%;display:flex;justify-content:start;align-items:center}.banner .wrapper{display:flex;justify-content:space-between;align-items:center}.banner .wrapper .slogan{width:auto;min-width:390px}.banner .wrapper .slogan .h1{font-size:54px;color:#fff;display:flex;align-items:center;line-height:1.2;font-family:OPPOSans;font-weight:500;margin-bottom:20px}.banner .wrapper .slogan .h2{font-size:54px;color:#fff;display:flex;line-height:1;font-family:OPPOSans;font-weight:500}.banner .wrapper .slogan .line{width:2px;height:46px;display:inline-block;margin:0 25px}.banner .wrapper .slogan .downBtn{width:187px;height:53px;border:1px solid rgba(242,244,248,0.4);border-radius:26px;font-size:14px;font-family:OPPOSans;font-weight:500;color:#ffffff;line-height:53px;display:flex;align-items:center;justify-content:center;margin-top:63px}.banner .wrapper .slogan .downBtn .arrow_icon{background:url(../img/solution/arrow_down.png) no-repeat center;width:9px;height:15px;display:inline-block;opacity:.4;background-size:cover;margin-left:39px}.section-content{min-height:500px;background:#fff;width:100%;margin:auto;text-align:center}.section-content .wrapper{padding-top:160px;padding-bottom:120px}.nav-height{position:relative;z-index:9}.nav-height .nav-wrap{max-width:unset !important;margin-left:0 !important;margin-right:0 !important;padding-left:var(--contentpadding);padding-right:var(--contentpadding);position:absolute;top:-35px;overflow:hidden}.nav-height .nav-wrap ul{min-width:80%;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;justify-content:space-around;align-items:center;background:#f2f4f8;box-shadow:0 0 5px 0 rgba(25,36,45,0.05);border-radius:35px;margin:0 auto}.nav-height .nav-wrap ul li{display:inline-block;height:70px;line-height:70px;width:100%;text-align:center;white-space:nowrap}.nav-height .nav-wrap ul li a{transition:none !important;display:block;padding:0 30px;color:#818f9a;text-decoration:none;display:flex;justify-content:center;align-items:center;font-size:16px;font-family:OPPOSans;font-weight:bold;border-radius:40px;line-height:1;height:100%}.nav-height .nav-wrap ul li a.active .icon{-webkit-filter:brightness(2);filter:brightness(2)}.nav-height .nav-wrap ul li a .icon{width:19px;height:22px;display:inline-block;margin-right:9px}.nav-height .nav-wrap ul li a.active{background:linear-gradient(45deg, #4fa2e1, #48d3b4);color:#fff}.nav-height .nav-wrap.navFix{position:fixed;top:80px;z-index:99999}.nav-height .nav-wrap.navFix ul{border-bottom:0}.section2 .wrapper .content-box .blue{color:#2A6DAC !important}.section2 .wrapper .content-box .left .l-bg{background:url('../img/esg/Color 1@2x.png') center no-repeat !important;width:761px !important;height:761px !important}.section2 .wrapper .swiper-bg{background:url('../img/esg/131472841@2x.jpg') center no-repeat !important}.section3 .wrapper .content-box .red{color:#C51F1F !important}.section3 .wrapper .content-box .left .l-bg{background:url('../img/esg/Color 1@2x(1).png') center no-repeat !important;width:618px !important;height:586px !important}.section3 .wrapper .swiper-bg{background:url('../img/esg/istockphoto_1257762119@2x.jpg') center no-repeat !important}.section-content{position:relative}.section-content .wrapper{width:94%;margin-left:6%;padding-left:unset;max-width:unset}.section-content .wrapper .content-box{display:flex;justify-content:space-between;margin:0 auto;max-width:1440px}.section-content .wrapper .content-box .left{text-align:left}.section-content .wrapper .content-box .left h2{font-size:54px;font-family:OPPOSans;font-weight:500;color:#000000}.section-content .wrapper .content-box .left h2 .green{color:#39A98E}.section-content .wrapper .content-box .left h2 span{margin-right:15px}.section-content .wrapper .content-box .left .l-bg{background:url('../img/esg/图层 34@2x.png') center no-repeat;width:687px;height:464px;background-size:contain !important;position:absolute;left:-35px;top:270px}.section-content .wrapper .content-box .right{text-align:left;width:740px;position:relative;margin-right:6%}.section-content .wrapper .content-box .right h2{font-size:30px;font-family:OPPOSans;font-weight:bold;color:#000000}.section-content .wrapper .content-box .right h2 span{color:#39A98E}.section-content .wrapper .content-box .right p{font-size:16px;font-family:OPPOSans;font-weight:500;color:#000000;margin:32px 0 100px 0;line-height:1.5;white-space:normal}.section-content .wrapper .content-box .right div{font-size:16px;font-family:Gilroy;font-weight:500;color:#85939D}.section-content .wrapper .swiper-bg{background:url('../img/esg/色相／饱和度 1@2x.jpg') center no-repeat;height:695px;margin-top:153px;position:relative;background-size:cover !important}.section-content .wrapper .swiper-bg .swiper-container{height:100%}.section-content .wrapper .swiper-bg .swiper-container .swiper-wrapper .swiper-slide{transition:.3s;margin-right:0 !important;width:465px;border-right:1px solid rgba(255,255,255,0.2)}.section-content .wrapper .swiper-bg .swiper-container .swiper-wrapper .swiper-slide .items{height:100%;text-align:left}.section-content .wrapper .swiper-bg .swiper-container .swiper-wrapper .swiper-slide .items .contents{padding:90px 0 0 76px;width:240px;height:100%}.section-content .wrapper .swiper-bg .swiper-container .swiper-wrapper .swiper-slide .items .contents img{width:26px;height:26px;display:inline-block;-o-object-fit:contain;object-fit:contain}.section-content .wrapper .swiper-bg .swiper-container .swiper-wrapper .swiper-slide .items .contents .h4{font-size:24px;font-family:OPPOSans;font-weight:500;color:#FFFFFF;margin:25px 0 47px;min-height:20%}.section-content .wrapper .swiper-bg .swiper-container .swiper-wrapper .swiper-slide .items .contents p{font-size:14px;font-family:OPPOSans;font-weight:400;color:#FFFFFF;line-height:26px;opacity:.8}.section-content .wrapper .swiper-bg .swiper-container .swiper-wrapper .swiper-slide:hover{transition:.3s;background:linear-gradient(90deg, #4fa2e1, #48d3b4)}.section-content .wrapper .swiper-bg .arrows{position:absolute;display:flex;left:72px;bottom:84px;z-index:999}.section-content .wrapper .swiper-bg .arrows .round_btn{margin-right:18px}.section-content .wrapper .swiper-bg .arrows .round_btn:first-child{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.nav-mobile{display:none;font-weight:bold;width:100%}.click-me{width:150px;height:30px;background:#4680d1;color:white;text-align:center;color:#000;line-height:30px}.click-me a{display:block;color:white}@media screen and (max-width:750px){.nav-wrap{overflow:auto}.nav-wrap.navFix{position:fixed;top:50px !important}}