.center-box{position:relative;margin:0 auto;width:1200px}.ocean-freight-title{font-size:36px;line-height:40px;color:#091a30;text-align:center;font-weight:600}.ocean-freight-decs{margin-top:10px;opacity:.8;font-family:Lato-Medium;font-size:16px;color:#51596a;letter-spacing:0;text-align:center;line-height:28px;font-weight:500}.ocean-freight{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap;width:100%}.ocean-freight .banner{position:relative;float:left;width:100%;height:620px;background:url(../img/banner.58259ccc.png) no-repeat 50%;background-size:cover}.ocean-freight .banner .banner-info{position:absolute;left:50%;top:0;z-index:1;display:flex;align-items:center;margin-left:-570px;width:1200px;height:100%}.ocean-freight .banner .banner-info .info-case{width:100%;height:230px}.ocean-freight .banner .banner-info .info-case .info-title{font-size:48px;font-weight:700;background-image:linear-gradient(-46deg,#ffbc00,#ff8700);-webkit-background-clip:text;background-clip:text;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:transparent}.ocean-freight .banner .banner-info .info-case .info-text{margin-top:24px;width:100%;font-size:42px;color:#fff;letter-spacing:0;line-height:52px;font-weight:600}.ocean-freight .banner .banner-info .info-case .info-text .text-italic{font-style:oblique}.ocean-freight .banner .banner-info .info-case .info-text .text-color-y{color:#ff8700}.ocean-freight .banner .banner-info .info-case .info-p{margin-top:12px;width:100%;font-size:24px;color:#fff;letter-spacing:0;line-height:36px;font-weight:500;opacity:.9}.ocean-freight .gren-bg{position:relative;margin-top:60px;margin-bottom:322px;width:100%;height:310px;background-color:#f9fafc}.ocean-freight .gren-bg .ocean-freight-info{position:absolute;left:0;top:70px;z-index:2;width:1056px;height:562px;padding-left:74px;padding-top:33px;background-image:linear-gradient(90deg,#72a7ff,#3e6eff)}.ocean-freight .gren-bg .ocean-freight-info .info-p{width:500px;padding-top:30px;font-size:18px;color:#fff;letter-spacing:0;line-height:36px;font-weight:500}.ocean-freight .gren-bg .ocean-freight-info .info-p span{color:#fecd04}.ocean-freight .gren-bg .ocean-freight-info .info-img{position:absolute;left:580px;top:38px;z-index:3;width:711px;height:486px;border-radius:30px;background:url(../img/system.ea5037e2.png) no-repeat 50%;box-shadow:0 7px 20px 0 rgba(0,0,0,.08)}.ocean-freight .gren-bg .ocean-freight-info .info-img .info-img-btn{position:absolute;left:272px;top:225px;z-index:1;width:168px;height:56px;text-align:center;line-height:56px;cursor:pointer;background-image:linear-gradient(-40deg,#fa8d4d,#ff734f);box-shadow:0 10px 24px 0 rgba(239,146,0,.4);border-radius:4px;font-size:16px;color:#fff;letter-spacing:0;font-weight:600;transition:all .3s}.ocean-freight .gren-bg .ocean-freight-info .info-img .info-img-btn:hover{opacity:.8}.ocean-freight .gren-bg .ocean-freight-info .info-img .info-system-ul{position:absolute;right:-36px;bottom:13px;z-index:3;display:flex;justify-content:space-between;width:280px;height:56px}.ocean-freight .gren-bg .ocean-freight-info .info-img .info-system-ul .system-li{width:56px;height:100%;cursor:pointer}.ocean-freight .gren-bg .ocean-freight-info .info-logo{position:absolute;left:550px;top:21px;z-index:4;width:92px;height:92px;background-color:#fff;border:2px solid #bfdeff;box-shadow:0 0 30px 0 rgba(0,0,0,.1);border-radius:16px;overflow:hidden}.ocean-freight .gren-bg .ocean-freight-info .info-logo img{position:absolute;left:-2px;top:-2px}.ocean-freight .our-values{margin-top:137px;width:100%}.ocean-freight .our-values .our-values-ul{display:flex;justify-content:space-between;margin-top:90px;width:100%;height:328px}.ocean-freight .our-values .our-values-ul .our-values-li{position:relative;width:376px;height:100%;background:#f8f9fb;border-radius:20px}.ocean-freight .our-values .our-values-ul .our-values-li .li-icon{position:absolute;left:132px;top:59px;z-index:1;width:112px;height:112px;background:#fff;box-shadow:0 7px 20px 0 rgba(0,0,0,.08);border-radius:20px;overflow:hidden}.ocean-freight .our-values .our-values-ul .our-values-li .li-text{margin-top:197px;width:100%;font-size:20px;color:#2d2d2d;letter-spacing:0;text-align:center;line-height:36px;font-weight:600}.ocean-freight .we-can-do-fcl{margin-top:120px;width:100%}.ocean-freight .we-can-do-fcl .fcl-ul{display:flex;justify-content:space-between;margin-top:80px;width:100%;height:434px}.ocean-freight .we-can-do-fcl .fcl-ul .fcl-li{width:364px;height:400px;background:#fff;box-shadow:20px 50px 80px 0 rgba(0,0,0,.1);border-radius:10px;text-align:center}.ocean-freight .we-can-do-fcl .fcl-ul .fcl-li:first-child,.ocean-freight .we-can-do-fcl .fcl-ul .fcl-li:nth-child(3){margin-top:34px}.ocean-freight .we-can-do-fcl .fcl-ul .fcl-li .li-text{margin-top:46px;font-size:20px;color:#38b7ff;letter-spacing:0;text-align:center;line-height:36px;font-weight:600}.ocean-freight .we-can-do-fcl .fcl-ul .fcl-li .li-img{margin-top:30px}.ocean-freight .we-can-do-lcl{margin-top:130px;width:100%}.ocean-freight .we-can-do-lcl .lcl-title{width:100%;height:176px;background-image:linear-gradient(-26deg,#15385e,#091a30 95%);text-align:center;line-height:176px;font-size:36px;color:#fff;font-weight:500}.ocean-freight .we-can-do-lcl .lcl-ul{display:flex;justify-content:center;width:100%;height:645px;padding-top:100px}.ocean-freight .we-can-do-lcl .lcl-ul .lcl-li{margin-right:20px;width:360px;height:260px}.ocean-freight .we-can-do-lcl .lcl-ul .lcl-li:last-child{margin-right:0}.ocean-freight .we-can-do-lcl .lcl-ul .lcl-li .lcl-img{display:flex;width:100%;height:235px;text-align:center;align-items:center}.ocean-freight .we-can-do-lcl .lcl-ul .lcl-li .lcl-text{margin-top:20px;width:100%;font-size:20px;color:#51596a;letter-spacing:0;text-align:center;line-height:36px;font-weight:600}@media screen and (max-width:1500px){.ocean-freight .gren-bg .ocean-freight-info .info-img{top:72px;width:568px;height:388px;background-size:cover}.ocean-freight .gren-bg .ocean-freight-info .info-img .info-img-btn{left:200px;top:166px}.ocean-freight .we-can-do-lcl .lcl-ul{padding-top:80px}.ocean-freight .we-can-do-lcl .lcl-ul .lcl-li{width:288px;height:208px}.ocean-freight .we-can-do-lcl .lcl-ul .lcl-li .lcl-img img{width:100%}}