@font-face{font-family:AvenirNextDemiBold;src:url(./AvenirNextDemiBold-4c546597.ttf) format("truetype");font-display:swap}@font-face{font-family:ArialBoldMT;src:url(./ArialBoldMT-e2a5a11a.ttf) format("truetype");font-display:swap}.ocean-freight p,div,span{line-height:1}.zh .ocean-freight .blod{font-weight:600!important}.ocean-freight{margin-top:111px!important;color:#000;overflow-x:hidden}.ocean-freight-title{font-family:AvenirBlack;color:#192e66}.max-center{max-width:3000px;margin:0 auto}.ocean-freight .of-banner{width:100%;height:26vw;max-height:500px;min-height:267px;background-image:url(./img/of-banner-f5d9513b.jpg);background-size:cover;background-position:center center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;margin-bottom:110px}.ocean-freight .of-banner .title{margin-bottom:2.8vw;font-family:ArialBlack;letter-spacing:1.3px}.ocean-freight .of-banner .desc{font-family:ArialMT;letter-spacing:1.3px}.ocean-freight .of-banner .desc span+span{margin-left:25px}.of-solutions{padding:0 90px;margin-bottom:135px}.of-solutions .ocean-freight-title{margin-bottom:126px}.of-solutions-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.of-solutions-text{max-width:1480px}.of-solutions-content .title{font-family:AvenirHeavy;color:#010101;margin-bottom:70px;text-align:center}.of-solutions-content .desc{font-family:AvenirNextRegular;line-height:1.6;text-align:justify}.of-models{margin-bottom:130px}.of-models .ocean-freight-title{padding:0 90px;margin-bottom:70px}.of-models-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.of-models-content .model-item{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;height:21vw;max-height:413px;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:-webkit-filter .3s ease;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease;cursor:pointer;position:relative}.of-models-content .model-item .default-model{width:100%;height:100%;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:ArialMT;-webkit-filter:none;filter:none}.of-models .model-item-1{background-image:url(./img/of-smodel-bg1-3cca58d0.jpg);background-position:center center;background-size:cover}.of-models .model-item-2{background-image:url(./img/of-smodel-bg2-cc8fc7f0.jpg);background-position:center center;background-size:cover}.of-models .model-item-3{background-image:url(./img/of-smodel-bg3-f30f7ffe.jpg);background-position:center center;background-size:cover}.of-models .model-item-4{background-image:url(./img/of-smodel-bg4-8e9d89b5.jpg);background-position:center center;background-size:cover}.of-models .hide-model{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:clamp(21px,2.135vw,41px);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:9;color:#fff}.of-models .hide-model .hide-model-text{text-align:center;margin-bottom:clamp(31px,3.073vw,59px);font-family:AvenirRoman;font-size:calc(min(25vw,489px)*.0375)}.of-models .hide-model .hide-model-text p{line-height:1.7;letter-spacing:.5px}.of-models .model-item:hover{-webkit-filter:none;filter:none}.of-models .model-item:hover .default-model{opacity:0}.of-models .model-item:hover .hide-model{opacity:1}.of-benefits{width:100%;padding:0 90px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:135px}.of-benefits .benefits-system-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,53px);-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:70px}.of-benefits .benefits-system-content .content-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;overflow:hidden;-webkit-box-shadow:0 0 24px rgba(0,0,0,.2);box-shadow:0 0 24px rgba(0,0,0,.2);border-radius:clamp(10px,1.042vw,20px);text-align:center;height:17.135vw;width:100%;max-height:328px;min-height:175px;-webkit-box-flex:0;-ms-flex:none;flex:none;font-family:ArialRoundedBold;color:#000;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.of-benefits .benefits-system-content .content-item>p{font-family:ArialRoundedBold;font-weight:400;margin-top:clamp(21px,2.083vw,40px)}.of-benefits .benefits-system-content .content-item>img{height:5vw;width:auto;max-height:96px;min-height:50px;-o-object-fit:cover;object-fit:cover}.en .of-benefits .benefits-system-content .content-item:first-child .content-item-desc{padding-top:clamp(10px,.99vw,19px)}.of-benefits .benefits-system-content .content-item .content-item-desc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:AvenirNextRegular;position:absolute;border-radius:50%;top:0;left:0;width:100%;height:100%;text-align:center;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease-out;transition:opacity .3s ease,-webkit-transform .3s ease-out;transition:transform .3s ease-out,opacity .3s ease;transition:transform .3s ease-out,opacity .3s ease,-webkit-transform .3s ease-out;z-index:1;background:#fff;font-weight:400;color:#000}.of-benefits .benefits-system-content .content-item .content-item-desc .title{font-family:ArialRoundedBold;margin-bottom:10%}.of-benefits .benefits-system-content .content-item .content-item-desc .desc{font-weight:400;font-size:clamp(11px,max(1vw,1.3vh),19px)}.of-benefits .benefits-system-content .content-item .content-item-desc .desc p+p{margin-top:clamp(10px,.8vw,15px)}.of-benefits .benefits-system-content .content-item:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 0 24px rgba(0,0,0,.25);box-shadow:0 0 24px rgba(0,0,0,.25)}.of-benefits .benefits-system-content .content-item:hover .content-item-desc{-webkit-transform:translateY(0);transform:translateY(0)}.en .of-benefits .desc-hold{display:none}.zh .of-benefits .desc-hold{opacity:0}.of-process{padding:0 90px;margin-bottom:122px}.of-process .of-process-content{margin-top:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.of-process .of-process-content .content-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:clamp(26px,2.604vw,50px)}.of-process .of-process-content .content-item .item-top:after{content:"";max-width:227px;width:clamp(121px,11.823vw,227px);max-height:30px;height:clamp(16px,1.563vw,30px);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOAAAAAeCAYAAAA1tRKIAAAACXBIWXMAABcSAAAXEgFnn9JSAAAEmElEQVR4nO1cWY7bMAxV0l6+QHvlcX/qgiW4PC5aYvQBQWSZomVFFNeZ14+fv97jX7yc9ot8+LX0eQttr49/htO+jHlruMB+67rjXrRNr2fTz6DrGhfhG+nzriN97r3vxiCKF/vm/RI9IqSa0L3JuDHG+KbMgz4DmdcNLrB3Hx/L6eg1bw/gHtKm4yUaCoRnFNLaeHRaW7o3msbd1/Q9tbWU7muQeCJ8UmvOtV8VkkDwRUVA6bw5Sgth0VjCZ/VlN3QU3c+J8kOEr3v8qrVFENVuJaACmBEcqc/6cSyTUDv9pbEWLdcs9L6n3asb88lA18aymChOEsgqzHepakBkoZCNrPl33rO5qavxR+496UePonq4ZA5oa0xkPt0H40p+FyqAkUl5P4am0aTx3Oc7yVSkOFk7VgJSnc/oGCNhx+/d9sxuH5DD03YeEFPRot+BzBy6BbiyDqiWyjw7Ew9YjYxV5/WrfGYLYCUUTIXNiojRl36P/GZGIqdSO8rH470b1fmjB+SpB2nlMIzOGzZBNSApgKyfSAVNC/FmzE8u3OhYy89EF/5kU/UGKiS7cNJhVUVJA1pRy78PGHkfRDJXvBQDgluYw6dVkH4WDwSIqdfpG67U+qcHXSKANaAnIFo/cpoiC2AFYaK8MrRPQVQws766xg/pX43OQ3GaD9jpV1nmm2YaXqTtJfoziVSk+iOb3qigg+/uwMcJQakIugJYEKImKOJzecEK7ttpZqpkdiJ0iNDzuSFlRFbFzayNfbHv6LjVY7vwJD9vDP1ACZugEXNRo6fmpOWL8QioZoZSn65SkRHVgCs3SSR1c9NL7U/ByjmvqHhS93jVBI380JYGscZIQZNoBYw3l+qYFRtmpsBH/bTZh0+EfzWdkY2kR+ciIlroXFl4SYNwAdKEVKKjQhl2foW+pba/gR1J+Uwk2bquouswXa39231ALfndgVuQpGQ7MpYj8vKRqC56v4KZ/uRq7fw0/01C25pGTVBrcS0TExGY3VosM4cudG/aikCc7jPOFvCl798RhKFmonaSoxFNFDw10cGT8+ryQyroSP9EeZxwiJ1kVs5Ey19DaKHyzCZAfAvJd4wiGlXchawwrDYJuythPjUPGEVLMbaVy7uBRI28nKKV57P6I/OZyW8XTorQogfn7LyqhZXCXypFs8AX2ksZ3Pe9ZLfEV+IXmR+KU09sCZWgzsx36agtPSkFUsW0UjTJBMosPhU6LqBeIt9D58Y8OQ1xKrJrVlmf49Z2lgZE4WmV1xjjS+jjdE/CbnN2Ve3m0363FDIasDsXyME1JteAkl9ItWEll5jF7M3UWQDh8es2zzPYeQgt1bCZIEzUkbX8NiSCSmmtYA+Sq/SQNTNPzk1FAlmc/j8mIyOAyGbQKk14/o5vCKQqxsopduYBOSzep+UBtfdYIVzoGp4a1Fp5AJX/JUXoYX++NaHjAkVNSqkQezV2lFt9YqAC1a6n+oAz5qVabbME0KqYiYzV/JcvoS+K7sLyLpy0MTvSBhm6p5nB6vvs+LeEGrzSNcrT43vSJtbgmdiznzN7rISdpvEKhN/jNxXLbj+Oc21QAAAAAElFTkSuQmCC);background-position:left center;background-repeat:no-repeat;background-size:contain;position:absolute;top:clamp(53px,5.208vw,100px);left:70%}.of-process .of-process-content .content-item:last-child .item-top:after{opacity:0}.of-process .of-process-content .content-item .item-top{height:clamp(102px,9.896vw,190px);margin-bottom:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:relative}.of-process .of-process-content .content-item .item-top .icon{-o-object-fit:cover;object-fit:cover;position:relative;z-index:2}.of-process .of-process-content .content-item .item-top .icon1{max-width:151px;width:clamp(80.5px,7.865vw,151px);max-height:189px;height:clamp(100px,9.844vw,189px)}.of-process .of-process-content .content-item .item-top .icon2{max-width:242px;width:clamp(129px,12.61vw,242px);max-height:209px;height:clamp(110px,10.88vw,209px)}.of-process .of-process-content .content-item .item-top .icon3{max-width:253px;width:clamp(134px,13.177vw,253px);max-height:193px;height:clamp(102px,10.052vw,193px)}.of-process .of-process-content .content-item .item-top .icon4{max-width:239px;width:clamp(127px,12.448vw,239px);max-height:181px;height:clamp(96px,9.427vw,181px)}.of-process .of-process-content .content-item .item-top .icon5{max-width:210px;width:clamp(112px,10.938vw,210px);max-height:190px;height:clamp(102px,9.9vw,190px)}.en .of-process .of-process-content .content-item .item-text{font-family:AvenirBlack}.of-process .of-process-content .content-item .item-text{max-width:242px;width:clamp(129px,12.604vw,242px);max-height:40px;height:clamp(28px,2.083vw,40px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;background:#f3c415;border-radius:clamp(10px,1.042vw,20px)}.of-relate{padding:0 90px;margin-bottom:147px}.of-relate-content{margin-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.of-relate-content .content-item{max-width:241px;max-height:241px;width:12.552vw;height:12.552vw;min-width:128px;min-height:128px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;position:relative;overflow:hidden;-webkit-filter:grayscale(100%);filter:grayscale(100%);cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.of-relate-content .content-item:hover{-webkit-filter:none;filter:none;-webkit-box-shadow:0 0 24px rgba(0,0,0,.25);box-shadow:0 0 24px rgba(0,0,0,.25);-webkit-transform:scale(1.1);transform:scale(1.1)}.of-relate-content .content-item:hover:before{background:transparent!important}.of-relate-content .content-item:hover>img{display:none}.of-relate-content .content-item:hover>span{display:block}.of-relate-content .content-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.of-relate-content .content-item.item-1:before{background:rgba(0,0,0,.25)}.of-relate-content .content-item.item-2:before{background:rgba(0,0,0,.1)}.of-relate-content .content-item img{height:clamp(32px,3.125vw,60px);width:auto;-o-object-fit:cover;object-fit:cover;position:relative;z-index:2}.of-relate-content .content-item span{display:none;position:relative;z-index:2;font-size:calc(min(12.552vw,241px)*.1375)}.of-relate-content .content-item.item-1{background-image:url(./img/services1-1fefd4c3.png);background-position:center center;background-size:cover}.of-relate-content .content-item.item-2{background-image:url(./img/services3-1a6e993b.png);background-position:center center;background-size:cover}.of-relate-content .content-item.item-3{background-image:url(./img/services4-72119091.png);background-position:center center;background-size:cover}.of-relate-content .content-item.item-4{background-image:url(./img/services5-c2513c9c.png);background-position:-25px center;background-size:cover}.of-relate-content .content-item.item-5{background-image:url(./img/services6-b11c08cb.png);background-position:-18px center;background-size:cover}.zh .ocean-freight .text75{font-size:63px}.zh .ocean-freight .text33{font-size:31px}@media (max-width: 1699px){.zh .ocean-freight .text75{font-size:3.26vw;font-size:clamp(45px,3.26vw,63px)}.zh .ocean-freight .text33{font-size:1.615vw;font-size:clamp(18.5px,1.615vw,31px)}}