.banner-inner{background:url("/static/images/banner/banner-diacylglycerol.jpg") no-repeat;background-size:100% 100%}.top .main,.item,.item2 .cont,.item3 .cont,.item4{display:flex;justify-content:space-between}.top .left{width:50%;max-width:703px;position:relative;z-index:1;padding:14px 0 0 14px}.top .left img{border-radius:30px}.top .left::before{content:'';position:absolute;left:0;top:0;width:60%;max-width:410px;height:65%;max-height:264px;background:var(--bgshadowcolor);border-radius:30px;z-index:-1}.top .right,.item2 .right{width:46%;max-width:650px;margin-left:6%;margin-top:45px;text-align:left}.top .right span{display:block;font-size:21px;color:#e12b3e;line-height:26px}.top .right h2{display:inline-block;font-size:36px;color:var(--fttcolor);font-family:'RobotoBold';position:relative;margin:10px 0 20px;padding-left:0;text-align:left}.top .right h2::before{display:none}.top .right h2::after{content:'';display:block;position:absolute;right:-60px;top:-3px;width:37px;height:27px;background:url('/static/images/solution/biodiesel/icon.webp') no-repeat}p{font-size:20px;color:var(--fttcolor);line-height:30px}.item .left h2{font-size:34px;margin-bottom:40px;text-align:left}.item .left{width:51%}.item .right{width:44%;max-width:623px;margin-left:5%}.item2 .tit p{text-align:left;margin-top:30px}.item2 .left{width:50%}.item2 .left img{border-radius:30px}.item2 .right h3{font-size:30px;color:var(--fttcolor);font-family:'RobotoBold';position:relative;margin-bottom:20px;padding-left:35px;text-align:left}.item2 .right h3::before{content:'';display:block;position:absolute;left:0;top:3px;width:22px;height:21px;background:url('/static/images/solution/diacylglycerol/icon.png') no-repeat}.item2 .right p:last-child{margin-top:15px}.item3 h2{max-width:unset}.item3 .cont{margin-bottom:40px}.item3 .middle{width:42%;max-width:550px}.item3 .left,.item3 .right{width:31%;background:#e6f2ff}.item3 .left{padding:65px 0 0 40px}.item3 .right{padding:65px 20px 0 0}.item3 h3{font-size:30px;font-family:'RobotoBold';color:var(--fttcolor);line-height:38px;margin-bottom:40px}.item3 ul li{font-size:20px;color:var(--fttcolor);line-height:30px;position:relative;padding-left:35px;margin-bottom:20px}.item3 ul li:last-child{margin-bottom:0}.item3 ul li::before{content:'';display:block;position:absolute;left:0;top:3px;width:22px;height:23px;background:url('/static/images/solution/diacylglycerol/cuohao.png') no-repeat}.item3 .right h3,.item3 .right ul{margin-left:24px}.item3 .right ul li::before{top:3px;width:27px;height:24px;background:url('/static/images/solution/diacylglycerol/duihao.png') no-repeat}.item4{padding-bottom:65px}.item4 .left{width:52%;max-width:735px}.item4 .left img{border-radius:30px}.item4 .right{width:46%;max-width:654px;margin-left:35px;position:relative}.item4 .right .main{width:125%;position:absolute;right:0;bottom:-65px;padding:60px 45px 60px;background:var(--white);border-radius:30px;box-shadow:0 3px 10px 0 rgba(0,0,0,.1)}.item4 .main span{display:flex;align-items:center;justify-content:center;width:18%;max-width:132px;height:30px;background:var(--bgshadowcolor);border-radius:15px;text-align:center;color:var(--white);line-height:30px}.item4 .main span i{font-size:20px;margin-right:3px}.item4 .main h3{display:inline-block;font-size:32px;color:var(--fttcolor);line-height:28px;font-family:'RobotoBold';position:relative;margin:15px 0 25px}.item4 .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}.item4 .main p{font-size:18px;color:var(--fttcolor);line-height:28px}@media screen and (max-width:1680px){.item4 .right .main{width:120%;padding:40px 35px 45px}.item4 .main span{width:25%}.item2 .right h3,.item4 .main h3{font-size:26px;margin:10px 0 15px}.item3 h3{font-size:26px;line-height:32px;margin-bottom:20px}}@media screen and (max-width:1440px){.top .right,.item2 .right{margin-left:4%;margin-top:20px}.top .right span{font-size:18px;line-height:24px}.top .right h2{margin:10px 0 15px}p,.item4 .main p{font-size:18px;line-height:26px}.item2 .right h3,.item3 h3,.item4 .main h3{font-size:24px}.item3 ul li{font-size:16px;line-height:24px;padding-left:35px;margin-bottom:10px}}@media screen and (max-width:1280px){.top .right,.item2 .right{margin-left:4%;margin-top:0}.top .right span{font-size:14px;line-height:18px}.top .right h2{margin:5px 0 10px;font-size:28px}p,.item4 .main p{font-size:16px;line-height:24px}.item2 .right h3,.item3 h3,.item4 .main h3{font-size:22px}}@media screen and (max-width:768px){.banner-inner{background:url("/static/images/banner/banner-diacylglycerol-sm.jpg") no-repeat;background-size:100% 100%}p{font-size:16px;line-height:24px}.top .main,.item,.item2 .cont,.item3 .cont,.item4{flex-wrap:wrap}.top .main>div,.item>div,.item2 .cont>div,.item3 .cont>div,.item4>div{width:100%!important;max-width:unset}
.top .left{padding:7px 0 0 7px}.top .left img,.top .left::before{border-radius:10px}.top .right{margin-left:0;margin-top:25px}.top .right span{font-size:14px;line-height:21px}.top .right h2{width:fit-content!important;font-size:22px;margin:5px 0 10px;padding-left:0}.top .right h2::after{right:-40px;top:0;width:28px;height:20px;background-size:cover}.top .right p{font-size:16px;line-height:24px}.item2 .left{order:2;margin-top:25px}.item .left h2{font-size:22px;margin-bottom:0}.item .left p{margin:20px 0}.item2 .tit p{margin-top:10px}.item2 .left img{border-radius:10px}.item2 .right{order:1}.item2 .right{margin:0}.item2 .right h3{font-size:20px;margin-bottom:15px;padding-left:25px}.item2 .right h3::before{top:0;width:18px;height:17px;background-size:cover}.item3 .cont{margin-bottom:20px}.item3 .middle{display:none}.item3 .left,.item3 .right{padding:20px 15px 0}.item3 .left{border-radius:10px 10px 0 0}.item3 .right{border-radius:0 0 10px 10px;padding-bottom:25px}.item3 h3{font-size:20px;line-height:30px;margin-bottom:15px}.item3 ul li{font-size:16px;line-height:24px;padding-left:25px;margin-bottom:15px}.item3 ul li::before{width:16px;height:17px;background-size:cover}.item3 .right h3,.item3 .right ul{margin-left:0}.item3 .right ul li::before{width:19px;height:17px;background-size:cover}.item4{padding-bottom:0}.item4 .left img{border-radius:10px}.item4 .right{margin-left:0;margin-top:30px}.item4 .right .main{width:100%;position:unset;padding:20px 15px 30px;border-radius:10px;margin-top:20px}.item4 .main span{width:42%}.item4 .main span i{font-size:18px}.item4 .main h3{font-size:20px;margin:10px 0 15px}.item4 .main h3::after{right:0;top:0;width:28px;height:20px;background-size:cover}}