.banner-inner .pagesbanner-animate{width:80%;top:50%;color:#fff}
.banner-inner .pagesbanner-animate .p1{font-size:46px;font-weight:var(--fontbold6);line-height:1.2}
.banner-inner .pagesbanner-animate .p2{font-size:var(--fontsize18);margin-top:20px;padding:0 220px}
.sustain-engineer{padding-bottom:5%}
.sustain-engineer .sustain-engineer-title{text-align:center}
.sustain-engineer .sustain-engineer-headline{font-weight:var(--fontbold6,600);font-size:var(--fontsize30);margin:0;padding:0}
.sustain-engineer .sustain-engineer-line{display:flex;align-items:center;justify-content:center;bottom:0;left:0;margin:10px 0}
.sustain-engineer .sustain-engineer-theme{width:6px;height:6px;background:var(--color,#000);border-radius:50%}
.sustain-engineer .sustain-engineer-theme:nth-child(-n+2){margin-right:10px}
.sustain-engineer .sustain-engineer-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.sustain-engineer .sustain-engineer-box .sustain-engineer-item{width:31.5%;position:relative;background-color:#fff;border-radius:var(--borderradius);border:1px solid #cdcef0;box-sizing:border-box;padding:30px;margin-top:40px;z-index:1}
.sustain-engineer .sustain-engineer-item::before{position:absolute;content:"";width:100%;height:100%;background:var(--color);transition:all .2s linear;opacity:0;left:0;top:0;border-radius:var(--borderradius);z-index:-1}
.sustain-engineer .sustain-engineer-item:hover::before{opacity:1}
.sustain-engineer .sustain-engineer-item .sustain-engineer-icon em{color:var(--color,#1d2087);font-size:var(--fontsize36);position:relative;transition:all .2s linear}
.sustain-engineer .sustain-engineer-item:hover .sustain-engineer-icon em{color:#fff}
.sustain-engineer .sustain-engineer-item .sustain-engineer-text{color:#111;font-size:var(--fontsize18);font-weight:var(--fontbold6,600);transition:all .2s linear;margin:0}
.sustain-engineer .sustain-engineer-item:hover .sustain-engineer-text{color:#fff}
.sustain-engineer .sustain-engineer-item .sustain-engineer-words{color:#444;line-height:24px;margin-top:5px;transition:all .2s linear}
.sustain-engineer .sustain-engineer-item:hover .sustain-engineer-words{color:#fff}
.sustain-raw{position:relative;padding:5% 0;z-index:1}
.sustain-raw::before{position:absolute;content:"";width:1920px;height:100%;background:#f6f7f8;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.sustain-raw .sustain-raw-content{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.sustain-raw .sustain-raw-content .sustain-raw-l-img{width:49%;overflow:hidden;border-radius:var(--borderradius)}
.sustain-raw .sustain-raw-l-img img{max-width:100%;height:auto;display:block;transition:all .2s linear;border:1px solid #eee}
.sustain-raw .sustain-raw-l-img img:hover{transform:scale(1.02)}
.sustain-raw .sustain-raw-content .sustain-raw-r-info{width:46%}
.sustain-raw .sustain-raw-r-info .sustain-raw-headline{font-weight:var(--fontbold6,600);font-size:var(--fontsize30);margin:0;padding:0}
.sustain-raw .sustain-raw-r-info .sustain-raw-line{display:flex;align-items:center;margin-left:2px;margin-top:5px}
.sustain-raw .sustain-raw-r-info .sustain-raw-theme{width:6px;height:6px;background:var(--color,#000);border-radius:50%}
.sustain-raw .sustain-raw-r-info .sustain-raw-theme:nth-child(-n+2){margin-right:10px}
.sustain-raw .sustain-raw-r-info .sustain-raw-desc{color:var(--introcolor,#555);line-height:1.7;margin:13px 0 10px}
.sustain-raw .sustain-raw-r-info .sustain-raw-list li{display:flex;align-items:flex-start}
.sustain-raw .sustain-raw-list .sustain-raw-icon em{display:inline-block;font-size:var(--fontsize15);color:var(--color);transform:rotate(180deg)}
.sustain-raw .sustain-raw-list .sustain-raw-letter{flex:1;margin-left:10px;color:var(--introcolor,#555);line-height:1.6}
.sustain-our{padding:5% 0}
.sustain-our .sustain-our-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.sustain-our .sustain-our-content .sustain-our-l-info{width:45%}
.sustain-our .sustain-our-l-info .sustain-our-headline{font-weight:var(--fontbold6,600);font-size:var(--fontsize30);margin:0;padding:0}
.sustain-our .sustain-our-l-info .sustain-our-line{display:flex;align-items:center;margin-left:2px;margin-top:5px}
.sustain-our .sustain-our-l-info .sustain-our-theme{width:6px;height:6px;background:var(--color,#000);border-radius:50%}
.sustain-our .sustain-our-l-info .sustain-our-theme:nth-child(-n+2){margin-right:10px}
.sustain-our .sustain-our-l-info .sustain-our-desc{color:var(--introcolor,#555);line-height:1.7}
.sustain-our .sustain-our-l-info .sustain-our-desc p{margin:15px 0}
.sustain-our .sustain-our-content .sustain-our-r-img{width:49%;overflow:hidden;border-radius:var(--borderradius);box-sizing:border-box;border:1px solid #eee}
.sustain-our .sustain-our-r-img img{max-width:100%;width:100%;height:auto;display:block;transition:all .2s linear}
.sustain-our .sustain-our-r-img img:hover{transform:scale(1.02)}
@media screen and (max-width:1600px){.banner-inner .pagesbanner-animate .p2{padding:0 150px}
}
@media screen and (max-width:1280px){.banner-inner .pagesbanner-animate .p1{font-size:var(--fontsize34)}
.banner-inner .pagesbanner-animate .p2{font-size:var(--fontsize16);padding:0 80px;margin-top:10px}
}
@media screen and (max-width:1024px){.banner-inner .pagesbanner-animate{width:100%}
.sustain-engineer{padding-bottom:40px}
.sustain-engineer .sustain-engineer-headline{font-size:var(--fontsize22)}
.sustain-raw{padding:40px 0}
.sustain-raw .sustain-raw-r-info .sustain-raw-headline{font-size:var(--fontsize22)}
.sustain-our{padding:40px 0}
.sustain-our .sustain-our-l-info .sustain-our-headline{font-size:var(--fontsize22)}
.sustain-engineer .sustain-engineer-box .sustain-engineer-item{width:48.4%}
}
@media screen and (max-width:990px){.banner-inner .pagesbanner-animate .p2{padding:0 20px;line-height:1.5}
}
@media screen and (max-width:900px){.banner-inner .pagesbanner-animate .p1{font-size:var(--fontsize30)}
}
@media screen and (max-width:768px){.sustain-engineer .sustain-engineer-box .sustain-engineer-item{width:100%;margin-top:25px}
.sustain-raw .sustain-raw-content .sustain-raw-l-img{width:100%}
.sustain-raw .sustain-raw-content .sustain-raw-r-info{width:100%;margin-top:25px}
.sustain-our .sustain-our-content .sustain-our-l-info{width:100%}
.sustain-our .sustain-our-content .sustain-our-r-img{width:100%;margin-top:15px}
}
@media screen and (max-width:500px){.banner-inner .pagesbanner-animate .p1{font-size:var(--fontsize24)}
}
.banner-inner .pagesbanner-animate{width:80%;top:50%;color:#fff}
.banner-inner .pagesbanner-animate .p1{font-size:46px;font-weight:var(--fontbold6);line-height:1.2}
.banner-inner .pagesbanner-animate .p2{font-size:var(--fontsize18);margin-top:20px;padding:0 220px}
.banner-rd{display:flex;max-width:1420px;margin:0 auto;zoom:.9}
.rd-left{flex:1;padding-right:5%}
.rd-right{width:50%}
.rd-text{text-align:left}
.rd-text .a1{color:#fff;font-size:30px;font-weight:var(--fontbold6);line-height:1.2;background:linear-gradient(270deg,#0040984f 50%,#004098 100%);border-radius:50px 0 0 0;padding:10px 35px;box-sizing:border-box;text-transform:uppercase}
.rd-text .a2{margin:15px 0}
.rd-img img,.rd-right img{min-height:auto;height:auto!important}
@media (max-width:1600px){.banner-rd{zoom:.8}}
@media (max-width:1420px){.banner-rd{zoom:.7}}
@media (max-width:1200px){.banner-rd{zoom:.6}}
@media (max-width:1024px){.banner-inner .pagesbanner-animate{width:100%}
.banner-rd{zoom:.5}}
@media (max-width:768px){.banner-rd{zoom:.4}}
@media (max-width:550px){.banner-rd{zoom:.3}}