.operation .banner{height:400px;background-image:url("../images/operation/service-banner-bg.png");background-size:cover;position:relative;background-repeat:no-repeat;padding-top:70px}.operation .banner .basic-width{height:100%}.operation .banner .banner-img{width:100%;height:600px;vertical-align:bottom}.operation .banner .banner-text{flex-direction:column;align-items:flex-start;justify-content:center}.operation .banner .banner-text h5{font-size:36px;background:linear-gradient(90deg, #0A7CFF 0%, #9B05FF 100%),linear-gradient(90deg, #1A6EFA 0%, #13D68D 100%);background-clip:text;color:transparent}.operation .banner .banner-text .desc{margin-top:10px;color:#4B5B76;font-size:16px}.operation .banner .banner-text .btn{height:40px;background-color:#1E75FF;cursor:pointer;margin-top:53px;font-size:16px;padding:0 18px;color:#fff;border-radius:6px}.operation .banner .banner-text .btn img{margin-left:10px}.operation .title{padding-top:108px}.operation .title h3{color:#2C3045;font-size:32px;text-align:center}.operation .ecology{height:808px;background-image:url("../images/operation/ecology-bg.png");background-size:cover}.operation .ecology .ecology-img{margin-top:58px}.operation .ecology .ecology-img img{max-width:100%}.operation .system{height:814px}.operation .system .title{padding-top:66px}.operation .system .system-list{margin-top:70px;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:20px}.operation .system .system-list .item-system{height:280px;background-color:#F2F5FF;border:1px solid #DFE2EB;flex-direction:column;border-radius:8px}.operation .system .system-list .item-system h3{font-weight:500;font-size:22px;color:#2C3045}.operation .system .system-list .item-system .item-img{margin-top:26px}.operation .period{height:782px;background-image:url("../images/operation/period-bg.png");background-size:cover}.operation .period .title{padding-top:60px}.operation .period .period-warp{margin-top:60px}.operation .period .period-warp .left-list{display:grid;grid-gap:20px;grid-template-columns:repeat(2, 1fr)}.operation .period .period-warp .left-list .item-period{border-radius:18px;height:170px;background-color:#F6F6FB;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.operation .period .period-warp .left-list .item-period h3{font-size:22px;color:#2C3045;font-weight:500}.operation .period .period-warp .left-list .item-period .icon{margin-top:10px}.operation .period .period-warp .left-list .item-period p{color:#4B5B76;font-size:16px}.operation .period .period-warp .right-blocks{margin-left:20px;display:grid;grid-gap:20px;grid-template-columns:repeat(2, 1fr)}.operation .period .period-warp .right-blocks .item-block{background:linear-gradient(180deg, #FEF8FE 0%, #EBEBFC 100%);border-radius:18px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.operation .period .period-warp .right-blocks .item-block h3{font-size:22px;color:#2C3045;font-weight:500}.operation .period .period-warp .right-blocks .item-block .icon{margin-top:10px}.operation .period .period-warp .right-blocks .item-block p{color:#4B5B76;font-size:16px;margin-top:30px}.operation .period .period-warp .right-blocks .item-block img{max-width:100%}.operation .period .period-warp .right-blocks .item-block:first-child{background:linear-gradient(180deg, #F6FCFE 0%, #E4F5FC 100%)}