.banner-inner{background:url("/static/images/banner/banner-seed.webp") no-repeat;background-size:100% 100%}.top .main{position:relative}.top .main::before{content:'';position:absolute;left:0;top:0;margin:auto;right:-5px;bottom:-5px;border-radius:20px;width:20%;max-width:267px;height:147px;background:var(--white);z-index:1}.top ul,.top .cont ol{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.top ul li{width:calc(50% - 10px)}.top ul li img{border-radius:30px}.top .txt{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:20%;max-width:267px;height:147px;padding:35px 20px 25px;background:var(--bgshadowcolor);border-radius:20px;z-index:1}.top .txt span{position:absolute;left:20px;top:20px;width:10px;height:10px;background:var(--white);border-radius:50%}.top .txt span:last-child{left:unset;right:20px}.top .txt p{font-family:'RobotoBold';font-size:26px;color:var(--white);line-height:38px}.top .cont>p{margin:40px 0 30px;font-size:24px;color:var(--fttcolor);line-height:26px;font-family:'RobotoMedium'}.top .cont>p span{font-size:18px;line-height: 26px;display:inline-block;padding-left:10px;height:26px;background:var(--bgshadowcolor);color:var(--white)}.top .cont ol li{width:calc(25% - 12px);position:relative;padding-bottom:25px}.top .cont ol li .img{border-radius:30px;overflow:hidden}.top .cont ol li img{border-radius:30px;transition:all linear .5s}.top .cont ol li p{position:absolute;right:0;bottom:0;background:var(--bgshadowcolor);display:flex;justify-content:center;align-items:center;font-size:22px;padding:15px 25px;border-radius:20px;color:var(--white);font-family:'RobotoBold'}.top .cont ol li p span{display:inline-block;width:34px;height:3px;background:var(--white);margin-right:10px}.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:-30px;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:17%;max-width:132px;height:30px;background:var(--bgshadowcolor);border-radius:15px;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;font-family:'RobotoBold';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:20px;color:var(--fttcolor);line-height:30px}.related-cases{width:100%;background:linear-gradient(60deg,#ccddfa,#f1f5fc)}.related-cases ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.related-cases ul li{width:calc(33.33% - 10px);margin-bottom:15px;overflow:hidden}.related-cases ul li img{transition:all linear .5s}@media(any-hover:hover){.top .cont ol li:hover img,.related-cases ul li:hover img{transform:scale(1.1)}}@media screen and (max-width:1680px){.top .txt p{font-size:22px}.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 .txt{bottom:0!important}.top .cont>p{font-size:22px}.top .cont ol li p{font-size:18px;padding:15px 25px}.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){.top .txt p{font-size:18px;line-height:24px}}@media screen and (max-width:1024px){.item2 .main p{font-size:14px;line-height:20px}}@media screen and (max-width:768px){.banner-inner{background:url("/static/images/banner/banner-seed-sm.webp") no-repeat;background-size:100% 100%}h1::before{left:32px}.top .txt,.top .main::before{display:none}.top ul li{width:100%}.top ul li:first-child{margin-bottom:20px}.top ul li img{border-radius:10px}.top .cont>p{margin:25px 0 20px;font-size:16px;line-height:24px}.top .cont>p span{line-height:24px;height:24px;padding:0 6px}.top .cont ol li{width:100%;padding-bottom:0;margin-bottom:15px}.top .cont ol li .img,.top .cont ol li img{border-radius:10px}.top .cont ol li p{border-radius:10px 0 10px 0}.top .cont ol li p{font-size:16px;padding:10px 15px;border-radius:10px}.top .cont ol li p span{width:20px;height:2px;margin-right:8px}.top .cont ol li:last-child{margin-bottom:0}.item2{flex-wrap:wrap;padding-bottom:0}.item2>div{width:100%!important}.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;margin-top:20px}.item2 .main span{width:30%;font-size:14px}.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}}