.App .top-nav-header{height:90px;background-color:#fff;top:0;max-width:1920px;min-width:1200px}.App .top-nav-header .logo{width:150px;height:65px;margin-top:15px;margin-left:15px}.App .top-nav-header .logo img{width:100%;height:100%}.App .top-nav-header .MuiTab-root{min-width:0!important}.App .top-nav-header .top-nav{position:absolute;top:35px;right:20%}.App .top-nav-header .top-nav .nav,.App .top-nav-header .top-nav .selected-nav{margin-left:80px;opacity:1;padding:0}.App .top-nav-header .top-nav .nav span,.App .top-nav-header .top-nav .selected-nav span{font-family:"Raleway Regular","PingFang SC Regular";font-weight:700;text-align:center;position:relative}.App .top-nav-header .top-nav .nav:hover span:after,.App .top-nav-header .top-nav .selected-nav span:after{content:"";height:1px;width:16px;background-color:#2d5d72;border:2px solid #2d5d72;border-radius:100px;position:absolute;top:30px}.App .top-nav-header .nav-trans{width:100px;position:absolute;top:48px;right:2%}.App .top-nav-header .nav-trans .trans{display:inline-block;width:auto;color:#4d4d4e;font-family:"PingFang SC Regular";font-size:16px;letter-spacing:1.33px;line-height:22px;text-align:center}.App .top-nav-header .nav-trans .trans:hover{cursor:pointer}.App .top-nav-header .nav-trans .trans-en:after{content:"/";width:auto;color:#4d4d4e;font-family:"PingFang SC Regular";font-size:16px;letter-spacing:1.33px}.App .top-nav-header .MuiTouchRipple-root{display:none}.footer-nav{height:100px;width:100%;background-color:#4d4d4e;position:absolute;z-index:100;bottom:0;display:flex;align-items:center;justify-content:center}.footer-nav ol{display:inline-block}.footer-nav ol li{display:inline-block;font-family:"Raleway Regular"}.footer-nav ol li,.footer-nav ol li a{font-size:14px;line-height:22px;letter-spacing:1.3px;color:#adadad}.footer-nav ol li a{font-family:"Raleway Regular","PingFang SC Regular";text-align:left}.footer-nav ol li a:hover{cursor:pointer;text-decoration:none}#home .home-banner{display:flex;position:relative;justify-content:center;align-items:center;margin-bottom:-6vw;z-index:10}#home .home-banner img{width:100%;height:100%}#home .home-banner .title{width:70%;font-family:"Raleway","PingFang SC Ultralight";font-weight:200;font-size:90px;letter-spacing:7.5px;color:#f2f7f9;text-align:center;position:absolute}@media screen and (max-width:1560px){#home .home-banner .title{font-size:60px}}@media screen and (max-width:1240px){#home .home-banner .title{font-size:40px}}#home .home-about,#home .home-responsibility{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}#home .home-about .about-left .text-container,#home .home-responsibility .about-left .text-container{width:55%;margin:0 auto}#home .home-about .about-left .text-container .title,#home .home-responsibility .about-left .text-container .title{display:inline-block;color:#4d4d4e;font-family:"Raleway","PingFang SC Ultralight";font-size:60px;font-weight:200;letter-spacing:5px;margin-bottom:40px;white-space:nowrap}#home .home-about .about-left .text-container .title:after,#home .home-responsibility .about-left .text-container .title:after{content:"";display:block;height:1px;width:60px;background-color:#2d5d72;border:2px solid #2d5d72;border-radius:50px;margin-top:20px}#home .home-about .about-left .text-container .title:hover,#home .home-responsibility .about-left .text-container .title:hover{cursor:pointer}#home .home-about .about-left .text-container .title:hover:after,#home .home-responsibility .about-left .text-container .title:hover:after{animation:hoverAnim 1s;animation-fill-mode:forwards;cursor:pointer}#home .home-about .about-left .text-container .info,#home .home-responsibility .about-left .text-container .info{color:#4d4d4e;font-family:"Poppins";font-weight:500;font-size:16px;letter-spacing:.19px;line-height:25px;margin:0 auto}#home .home-responsibility .about-left .text-container{margin-left:20%}#home .home-business{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}#home .home-business .title{display:inline-block;color:#4d4d4e;font-family:"Raleway ExtraLight","PingFang SC Ultralight";font-size:60px;font-weight:200;letter-spacing:5px;text-align:center;margin-bottom:40px}#home .home-business .title:after{content:"";display:block;height:1px;width:60px;background-color:#2d5d72;border:2px solid #2d5d72;border-radius:35px;margin:10px auto}@keyframes hoverAnim{0%{width:60px}to{width:100%}}#home .home-business .title:hover{cursor:pointer}#home .home-business .title:hover:after{animation:hoverAnim 1s;animation-fill-mode:forwards;cursor:pointer}#home .home-business .title:after:hover{cursor:pointer}#home .home-business .info{width:30%;color:#4d4d4e;font-family:"Poppins Regular";font-size:16px;letter-spacing:.19px;line-height:25px;text-align:center;margin-bottom:30px}#home .home-business .img-group .imgs{margin-left:100px}#home .home-business .img-group .img1{margin-left:0}#home .home-about{background-image:url(/images/home/home-ship.png);margin-bottom:-15vw;z-index:9}#home .home-about,#home .home-business{background-size:100% 100%;background-repeat:no-repeat}#home .home-business{background-image:url(/images/home/home-wave.png);z-index:8;margin-bottom:-9vw}#home .home-responsibility{background-color:"#fff";z-index:7}#about .about-banner,#home .home-responsibility{background-size:100% 100%;background-repeat:no-repeat}#about .about-banner{display:flex;position:relative;justify-content:center;background-image:url(/images/about/about-banner.png);z-index:9}#about .about-banner .title{font-family:"Raleway ExtraLight","PingFang SC Ultralight";font-size:90px;line-height:126px;letter-spacing:7.5px;color:#f2f7f9;position:absolute;top:30%}#about .about-body1{position:relative;z-index:8;height:1100px}#about .about-body1 .about-body1-left{float:left;width:31.55%}#about .about-body1 .about-body1-left .about-body1-img{display:block;margin-left:65%}@media screen and (max-width:1760px){#about .about-body1 .about-body1-left .about-body1-img{margin-left:45%}}#about .about-body1 .about-body1-right{margin-left:35%;margin-right:15%}#about .about-body1 .about-body1-right .about-body1-text .title{font-family:"Raleway","PingFang SC Regular";font-size:40px;color:#2d5d72;height:47px;width:289px;line-height:47px;letter-spacing:3.33px;text-align:left;margin-bottom:10px}#about .about-body1 .about-body1-right .about-body1-text .content-en{color:#4d4d4e;font-family:"Poppins Regular";font-size:16px;letter-spacing:1.33px;line-height:25px}#about .about-body1 .about-body1-right .about-body1-text .content-zh{color:#111;font-family:"PingFang SC Regular";font-size:16px;letter-spacing:3.67px;line-height:22px}#about .about-body1 .about-body1-right:before{content:"";width:170px;height:125.6%;border-left:6px solid #d1e3eb;border-bottom:6px solid #d1e3eb;border-radius:0 0 0 100px;position:absolute;top:-6.8px;left:30.14%;z-index:10}#about .about-body2{position:relative;background-image:url(/images/wave/about-1.png);background-size:100%;background-repeat:no-repeat;height:1950px;margin-bottom:-300px;z-index:6}#about .about-body2 .about-body2-title .title{color:#4d4d4e;font-family:"Raleway ExtraLight","PingFang SC Ultralight";font-size:60px;font-weight:200;letter-spacing:.46px;line-height:120px;text-align:center;position:absolute;left:39%;top:8%}#about .about-body2 .about-body2-left{width:50%;position:absolute;top:350px;height:1600px}#about .about-body2 .about-body2-left .left{width:70%;position:absolute;left:15%}#about .about-body2 .about-body2-left .left .info{margin-bottom:15%}#about .about-body2 .about-body2-left .left .info .year{color:#2d5d72;font-family:"PingFang SC Ultralight";font-weight:200;font-size:48px;letter-spacing:4px;line-height:67px;text-align:right}#about .about-body2 .about-body2-left .left .info .event{color:#4d4d4e;font-family:"Poppins Regular","PingFang SC Regular";font-size:16px;letter-spacing:1.33px;line-height:25px;text-align:right;margin-left:20%;position:relative}#about .about-body2 .about-body2-left .left .info .event:after{content:"";height:9px;width:25px;background-color:#2d5d72;border-radius:50px;position:absolute;left:104%;top:10px}#about .about-body2 .about-body2-left:after{content:"";position:absolute;height:90%;width:155px;left:77%;top:-75.5px;border-right:6px solid #d1e3eb;border-top:6px solid #d1e3eb;border-radius:0 100px 0 0;z-index:10}#about .about-body2 .about-body2-right{width:49%;position:absolute;height:1600px;top:350px;right:0}#about .about-body2 .about-body2-right .right{width:70%;position:absolute}#about .about-body2 .about-body2-right .right .info{margin-top:15%}#about .about-body2 .about-body2-right .right .info .year{color:#2d5d72;font-family:"PingFang SC Ultralight";font-weight:200;font-size:48px;letter-spacing:4px;line-height:67px}#about .about-body2 .about-body2-right .right .info .event{color:#4d4d4e;font-family:"Poppins Regular","PingFang SC Regular";font-size:16px;letter-spacing:1.33px;line-height:25px;text-align:left;position:relative}#about .about-body2 .about-body2-right .right .info .event:before{content:"";height:9px;width:25px;background-color:#2d5d72;border-radius:50px;position:absolute;right:103%;top:7px}@media screen and (max-width:1700px){#about .about-body2 .about-body2-left .left{left:17%}#about .about-body2 .about-body2-right .right{left:5%}}@media screen and (max-width:1450px){#about .about-body2 .about-body2-left .left{left:20%}#about .about-body2 .about-body2-right .right{left:10%}}@media screen and (min-width:400px){#about .about-body2{background-size:120%}}#about .about-body3{height:1100px;position:relative;background-image:url(/images/wave/about-2.png);background-repeat:no-repeat;background-size:100% 150%;z-index:7;display:flex;justify-content:center;align-items:center;flex-direction:column}#about .about-body3 .title{color:#4d4d4e;font-family:"Raleway ExtraLight","PingFang SC Ultralight";font-size:60px;font-weight:200;letter-spacing:.46px;line-height:120px;text-align:center;display:block}#about .about-body3 img{width:50%;display:block;margin-top:30px}#about .about-body3 .about-body3-footer{margin-top:30px}#about .about-body3 .about-body3-footer ol li p{display:inline;color:#4d4d4e;font-family:"Poppins ExtraBold","PingFang SC Semibold";font-size:16px;letter-spacing:1.33px;line-height:25px;text-align:center}#business .business-banner{display:flex;position:relative;justify-content:center;margin-bottom:50px}#business .business-banner img{height:100%;width:100%}#business .business-banner .title{font-family:"Raleway ExtraLight","PingFang SC Ultralight";font-weight:100;font-size:90px;line-height:126px;letter-spacing:7.5px;color:#f2f7f9;text-align:center;position:absolute;top:40%}@media screen and (max-width:1300px){#business .business-banner .title{font-size:50px}}#business .business-body a{text-decoration:none}#business .business-body a .card1,#business .business-body a .card2,#business .business-body a .card3{width:80%;background-image:url(/images/business/business-frame.png);background-size:100% 100%;background-repeat:no-repeat;position:relative;left:10%;margin-bottom:-100px;display:flex;align-items:center;justify-content:center}#business .business-body a .card1 .logo,#business .business-body a .card2 .logo,#business .business-body a .card3 .logo{width:30%}#business .business-body a .card1 .info-en,#business .business-body a .card2 .info-en,#business .business-body a .card3 .info-en{padding:200px 0;width:40%}#business .business-body a .card1 .info-en p,#business .business-body a .card2 .info-en p,#business .business-body a .card3 .info-en p{color:#000;font-family:"Poppins Regular";font-size:16px;letter-spacing:1.33px;line-height:25px}#business .business-body a .card1 .info-zh,#business .business-body a .card2 .info-zh,#business .business-body a .card3 .info-zh{padding:200px 0;width:40%}#business .business-body a .card1 .info-zh p,#business .business-body a .card2 .info-zh p,#business .business-body a .card3 .info-zh p{color:#4c4c4d;font-family:"PingFang SC Regular";font-size:16px;letter-spacing:1.33px;line-height:22px}#business .business-body a .card3{margin-bottom:0}#business .business-body a .card1:hover,#business .business-body a .card2:hover,#business .business-body a .card3:hover{background-image:url(/images/business/business-hover.png)}#contact .contact-banner{display:flex;position:relative;justify-content:center;margin-bottom:20px}#contact .contact-banner img{height:100%;width:100%}#contact .contact-banner .title{font-family:"Raleway ExtraLight","PingFang SC Ultralight";font-weight:100;font-size:90px;line-height:106px;letter-spacing:7.5px;color:#f2f7f9;text-align:center;position:absolute;top:35%}@media screen and (max-width:1300px){#contact .contact-banner .title{font-size:50px}}#contact .contact-body-container{width:1100px;height:800px;margin:0 auto}#contact .contact-body-container .contact-body .body-left{height:750px;position:relative}#contact .contact-body-container .contact-body .body-left .form-header{font-family:"Raleway";font-size:40px;color:#2d5d72;letter-spacing:3.33px;line-height:47px;margin-bottom:20px}#contact .contact-body-container .contact-body .body-left img{width:100%;height:100%}#contact .contact-body-container .contact-body .body-left .form-container{width:70%;position:absolute;z-index:9;left:17%;top:20%}#contact .contact-body-container .contact-body .body-left .form-container .text-field-title{font-size:16px;font-family:"Poppins";letter-spacing:1.33px;line-height:25px;color:#4d4d4e}#contact .contact-body-container .contact-body .body-left .form-container .MuiFormControl-root{margin-bottom:6px}#contact .contact-body-container .contact-body .body-left .form-container button{background-color:#2d5d72;text-transform:none;padding:5px 25px;border-radius:30px;float:right;margin-top:15px}#contact .contact-body-container .contact-body .body-left .form-container button span{color:#fff;font-size:16px;font-family:"Raleway";font-weight:500;letter-spacing:.17px;line-height:19px;text-align:center}#contact .contact-body-container .contact-body .body-right{height:750px;position:relative}#contact .contact-body-container .contact-body .body-right img{width:100%;height:100%}#contact .contact-body-container .contact-body .body-right .contact-method{position:absolute;left:25%;top:40%}#contact .contact-body-container .contact-body .body-right .contact-method p{color:#4d4d4e;font-family:"Poppins";font-size:16px;letter-spacing:1.33px;line-height:25px}#contact .contact-body-container .contact-body .body-right .contact-method .address{margin-bottom:100px}#responsibility .responsibility-banner{display:flex;position:relative;justify-content:center;margin-bottom:-10vw;z-index:9}#responsibility .responsibility-banner img{height:100%;width:100%}#responsibility .responsibility-banner .title{font-family:"Raleway ExtraLight","PingFang SC Ultralight";font-weight:100;font-size:90px;line-height:126px;letter-spacing:7.5px;color:#f2f7f9;position:absolute;top:30%}@media screen and (max-width:1300px){#responsibility .responsibility-banner .title{font-size:50px}}@media screen and (min-width:1921px){#responsibility .responsibility-banner{margin-bottom:-7.5vw}}#responsibility .responsibility-body1,#responsibility .responsibility-body1-zh,#responsibility .responsibility-body2,#responsibility .responsibility-body3{position:relative}#responsibility .responsibility-body1 .content,#responsibility .responsibility-body1-zh .content,#responsibility .responsibility-body2 .content,#responsibility .responsibility-body3 .content{width:100%;position:absolute}#responsibility .responsibility-body1 .content .title-en,#responsibility .responsibility-body1-zh .content .title-en,#responsibility .responsibility-body2 .content .title-en,#responsibility .responsibility-body3 .content .title-en{width:60%;color:#2d5d72;font-family:"Poppins SemiBold";font-size:48px;font-weight:600;letter-spacing:4px;line-height:72px;text-align:center;margin:0 auto;padding-top:20px}#responsibility .responsibility-body1 .content .title-zh,#responsibility .responsibility-body1-zh .content .title-zh,#responsibility .responsibility-body2 .content .title-zh,#responsibility .responsibility-body3 .content .title-zh{width:60%;color:#2d5d72;font-family:"PingFang SC Semibold";font-size:48px;font-weight:600;letter-spacing:4px;line-height:67px;text-align:center;margin:0 auto}#responsibility .responsibility-body1 .content .info-en,#responsibility .responsibility-body1-zh .content .info-en,#responsibility .responsibility-body2 .content .info-en,#responsibility .responsibility-body3 .content .info-en{width:40%;color:#4d4d4e;font-family:"Poppins Regular";font-size:16px;letter-spacing:0;line-height:25px;text-align:left;margin:20px auto}#responsibility .responsibility-body1 .content .info-zh,#responsibility .responsibility-body1-zh .content .info-zh,#responsibility .responsibility-body2 .content .info-zh,#responsibility .responsibility-body3 .content .info-zh{width:40%;color:#4d4d4e;font-family:"PingFang SC Regular";font-size:18px;letter-spacing:0;line-height:25px;margin:20px auto}#responsibility .responsibility-body1 .content .images,#responsibility .responsibility-body1-zh .content .images,#responsibility .responsibility-body2 .content .images,#responsibility .responsibility-body3 .content .images{width:40%;margin:2% auto}#responsibility .responsibility-body1 .content .images .img2,#responsibility .responsibility-body1-zh .content .images .img2,#responsibility .responsibility-body2 .content .images .img2,#responsibility .responsibility-body3 .content .images .img2{float:right}@media screen and (max-width:1919px){#responsibility .responsibility-body1 .content .images,#responsibility .responsibility-body1 .content .info-en,#responsibility .responsibility-body1 .content .info-zh,#responsibility .responsibility-body1-zh .content .images,#responsibility .responsibility-body1-zh .content .info-en,#responsibility .responsibility-body1-zh .content .info-zh,#responsibility .responsibility-body2 .content .images,#responsibility .responsibility-body2 .content .info-en,#responsibility .responsibility-body2 .content .info-zh,#responsibility .responsibility-body3 .content .images,#responsibility .responsibility-body3 .content .info-en,#responsibility .responsibility-body3 .content .info-zh{width:50%}}@media screen and (max-width:1560px){#responsibility .responsibility-body1 .content .images,#responsibility .responsibility-body1-zh .content .images,#responsibility .responsibility-body2 .content .images,#responsibility .responsibility-body3 .content .images{width:50%}#responsibility .responsibility-body1 .content .images .img1,#responsibility .responsibility-body1 .content .images .img2,#responsibility .responsibility-body1-zh .content .images .img1,#responsibility .responsibility-body1-zh .content .images .img2,#responsibility .responsibility-body2 .content .images .img1,#responsibility .responsibility-body2 .content .images .img2,#responsibility .responsibility-body3 .content .images .img1,#responsibility .responsibility-body3 .content .images .img2{width:45%}}@media screen and (max-width:1360px){#responsibility .responsibility-body1 .content .info-en,#responsibility .responsibility-body1 .content .info-zh,#responsibility .responsibility-body1-zh .content .info-en,#responsibility .responsibility-body1-zh .content .info-zh,#responsibility .responsibility-body2 .content .info-en,#responsibility .responsibility-body2 .content .info-zh,#responsibility .responsibility-body3 .content .info-en,#responsibility .responsibility-body3 .content .info-zh{width:60%}}#responsibility .responsibility-body1{height:1000px;background-image:url(/images/wave/responsi-1.png);background-repeat:no-repeat;background-size:100% 90%;margin-bottom:-200px;z-index:8}#responsibility .responsibility-body1 .content{top:100px}#responsibility .responsibility-body1-zh{height:850px;background-image:url(/images/wave/responsi-1.png);background-repeat:no-repeat;background-size:100% 90%;margin-bottom:-200px;z-index:8}#responsibility .responsibility-body1-zh .content{top:100px}#responsibility .responsibility-body2{height:1200px;background-image:url(/images/wave/responsi-2.png);background-repeat:no-repeat;background-size:100% 70%;margin-bottom:-300px;z-index:7}#responsibility .responsibility-body2 .content{top:150px}#responsibility .responsibility-body3{height:600px;margin-bottom:50px}#responsibility .responsibility-body3 .content{top:-50px}*{margin:0;padding:0}html{width:100%;margin:0 auto;max-width:1920px;min-width:1200px;font-family:"Poppins Regular","PingFang SC Regular","Raleway Regular";position:relative;padding-bottom:100px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:"PingFang SC Regular";src:url("/fonts/PingFang SC Regular.ttf");src:url("/fonts/PingFang SC Regular.ttf") format("truetype")}@font-face{font-family:"PingFang SC Ultralight";src:url("/fonts/PingFang SC Ultralight.ttf");src:url("/fonts/PingFang SC Ultralight.ttf") format("truetype")}@font-face{font-family:"PingFang SC Semibold";src:url("/fonts/PingFang SC Semibold.ttf");src:url("/fonts/PingFang SC Semibold.ttf") format("truetype")}@font-face{font-family:"Raleway Regular";src:url(/fonts/Raleway\ Regular.ttf);src:url(/fonts/Raleway\ Regular.ttf) format("truetype")}@font-face{font-family:"Raleway ExtraLight";src:url(/fonts/Raleway\ ExtraLight.ttf);src:url(/fonts/Raleway\ ExtraLight.ttf) format("truetype")}@font-face{font-family:"Poppins Regular";src:url(/fonts/Poppins\ Regular.ttf);src:url(/fonts/Poppins\ Regular.ttf) format("truetype")}@font-face{font-family:"Poppins ExtraBold";src:url(/fonts/Poppins\ ExtraBold.ttf);src:url(/fonts/Poppins\ ExtraBold.ttf) format("truetype")}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.47c40003.chunk.css.map */