.banner-inner{background:url("/static/images/banner/banner-biodiesel.webp") no-repeat;background-size:100% 100%}.top .main{display:flex;justify-content:space-between}.top .left{width:58%;max-width:830px;position:relative;z-index:1;padding:15px 0 0 15px}.top .left img{border-radius:30px}.top .left::before{content:'';position:absolute;left:0;top:0;width:67%;max-width:548px;height:70%;max-height:365px;background:var(--bgshadowcolor);border-radius:30px;z-index:-1}.top .right{width:40%;max-width:570px;margin-left:40px;background:#e3f0ff;border-radius:30px;padding:40px 50px}.top .right>div{width:100%;padding:20px 46px;background:var(--bgsshadowcolor);border-radius:10px}.top .right>div:last-child{padding:20px 40px}.top .right>div p{font-size:22px;color:var(--white);line-height:36px;text-align:left}.top .right>div p span{display:block;font-size:22px;}.top .right>p{font-size:26px;color:var(--fttcolor);margin-top:20px}.top .right ul{margin:20px 0 25px}.top .right ul li{position:relative;padding-left:40px;font-size:22px;color:var(--fttcolor);text-align:left;margin-bottom:15px}.top .right ul li:last-child{margin-bottom:0}.top .right ul li::before{content:'';display:block;position:absolute;left:6px;top:0;bottom:0;margin:auto;width:10px;height:10px;background:rgba(8,112,215,.8);border-radius:50%}.top .right ul li::after{content:'';display:block;position:absolute;left:0;top:0;bottom:0;margin:auto;width:22px;height:22px;background:rgba(8,112,215,.2);border-radius:50%}.item{width:100%}
.item2{display:flex;justify-content:space-between;padding-bottom:65px}.item2 .left{width:52%;max-width:735px}.item2 .left img{border-radius:30px}.item2 .right{width:46%;max-width:654px;margin-left:35px;position:relative}.item2 .right .main{width:115%;position:absolute;right:0;bottom:-45px;padding:70px 60px;background:var(--white);border-radius:30px;box-shadow:0 3px 10px 0 rgba(0,0,0,.1)}.item2 .main span{display:flex;align-items:center;justify-content:center;width:20%;max-width:132px;height:30px;background:var(--bgshadowcolor);border-radius:15px;text-align:center;color:var(--white);line-height:30px}.item2 .main span i{font-size:20px;margin-right:3px}.item2 .main h3{display:inline-block;font-size:32px;color:var(--fttcolor);line-height:28px;position:relative;margin:15px 0 25px}.item2 .main h3::after{content:'';display:block;position:absolute;right:-75px;top:-3px;width:37px;height:27px;background:url('/static/images/solution/biodiesel/icon.webp') no-repeat}.item2 .main p{font-size:18px;color:var(--fttcolor);line-height:28px}
.related-cases{width:100%;background:linear-gradient(60deg,#ccddfa,#f1f5fc)}.related-cases ul{display:flex;justify-content:space-between;align-items:center}.related-cases ul li{width:calc(33.33% - 10px);overflow:hidden}.related-cases ul li img{transition:all linear .5s}@media(any-hover:hover){.related-cases ul li:hover img{transform:scale(1.1)}}@media screen and (max-width:1680px){.top .right{padding:30px 40px}.top .right>div{width:100%;padding:20px 35px}.top .right>p{font-size:24px}.top .right ul li{padding-left:30px;font-size:20px;margin-bottom:10px}.top .right>div:last-child{padding:20px 25px}.top .right>div p{font-size:20px}.top .right>div p span{font-size:24px}.item2 .right .main{width:120%;padding:40px 35px 45px}.item2 .main span{width:25%}.item2 .main h3{font-size:30px;margin:10px 0 15px}}
@media screen and (max-width:1440px){.top .right{padding:20px 25px}.top .right>div{width:100%;padding:20px 30px}.top .right>p{font-size:22px}.top .right ul{margin:15px 0 20px}.top .right ul li{font-size:18px}.top .right>div:last-child{padding:15px 20px}.top .right>div p span{font-size:22px}.top .right>div p{font-size:18px}.item2 .right .main{width:134%;padding:25px 35px 35px}.item2 .main h3{font-size:26px;margin:5px 0 10px}.item2 .main p{font-size:16px;line-height:24px}}
@media screen and (max-width:1280px){.item2 .main p{font-size:14px;line-height:20px}.top .cont ol li p{font-size:16px;padding:10px 20px}.top .cont ol li p span{width:25px;margin-right:7px}}@media screen and (max-width:768px){.banner-inner{background:url("/static/images/banner/banner-biodiesel-sm.webp") no-repeat;background-size:100% 100%}h1::before{left:6px}.top .main,.item2{flex-wrap:wrap}.top .main>div,.item2>div{width:100%!important}.top .left{padding:8px 0 0 8px}.top .left img,.top .left::before{border-radius:10px}.top .right{max-width:unset;border-radius:10px;padding:25px 15px;margin-left:0;margin-top:25px}.top .right>div{padding:10px 15px!important;border-radius:10px}.top .right>div p span{display:block;font-size:20px;font-family:'RobotoBold'}.top .right>div p{font-size:18px;color:var(--white);line-height:30px;text-align:left}.top .right>p{font-size:18px;margin-top:20px}.top .right ul{margin:15px 0 20px}
.top .right ul li{padding-left:25px;font-size:16px;margin-bottom:15px}.top .right ul li::before{left:5px;width:8px;height:8px}.top .right ul li::after{width:18px;height:18px}.item h2{width:95%}.item2{padding-bottom:0}.item2 .left img{border-radius:10px}.item2 .right{width:100%;max-width:unset;margin-left:0;margin-top:30px}.item2 .right>img{display:none;}.item2 .right .main{width:100%;position:unset;padding:20px 15px 30px;border-radius:10px}.item2 .main span{width:38%}.item2 .main span i{font-size:18px}.item2 .main h3{font-size:20px;margin:10px 0 15px}.item2 .main h3::after{right:-40px;top:0;width:28px;height:20px;background-size:cover}.item2 .main p{font-size:16px;line-height:24px}.related-cases h2{width:54%}.related-cases ul{flex-wrap:wrap}.related-cases ul li{width:100%;margin-bottom:15px}.related-cases ul li img{border-radius:10px}.related-cases ul li:last-child{margin-bottom:0}}