@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400;600;800;900&display=swap);#root,.container{height:100%}.container{position:relative;background-color:#48b4b1}body{font-family:"Poppins";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2b2350;overflow-x:hidden}body,html{margin:0;padding:0;height:100%}.overlay{background-color:rgba(0,0,0,.3)}.overlay,.overlay-without-color{height:100vh;width:100%;z-index:999}.overlay-without-color{background-color:transparent}.click-btn{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 20px;min-height:50px;border-radius:5px;cursor:pointer;transition:.3s linear;text-decoration:none}.click-btn.disabled{background-color:#797687;cursor:not-allowed}.click-btn.primaryBtn{background-color:#48b4b1;color:#fff}.click-btn.primaryBtn:hover{opacity:.7}.click-btn.secBtn{background-color:#fff;border:1px solid #48b4b1;color:#48b4b1}.click-btn.secBtn:hover{background-color:#48b4b1;color:#fff}.primary-text{color:#48b4b1}.title{font-size:35px;font-weight:600;margin-top:15px}.title .title-inner{font-weight:700;margin:0 0 10px;position:relative;display:inline-block;vertical-align:top;z-index:1;padding:0 0 10px}.title .title-inner:after{content:"";position:absolute;bottom:0;left:0;margin:auto;height:2px;z-index:-1;background:#48b4b1;width:50px}.subtitle{color:#797687}.subtitle,.subtitle-white{font-size:14px;letter-spacing:2px;padding-bottom:50px}.subtitle-white{color:#fff}.section{padding:50px 180px 70px}.swiper-button-next,.swiper-button-prev{background-color:hsla(0,0%,100%,.8);box-shadow:0 2px 5px rgba(48,63,150,.3);width:25px!important;height:25px!important;border-radius:5px;top:94%!important;display:flex;align-items:center;justify-content:center;text-align:center}.swiper-button-next:after,.swiper-button-prev:after{color:#48b4b1;font-size:16px!important;font-weight:800;text-shadow:0 0 2px #fffdf4}.swiper-button-next:hover,.swiper-button-prev:hover{background-color:#fff}.swiper-wrapper{padding:20px 0}.loading-outer{height:100%;width:100%;background-color:#fffdf4;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading{width:50px;height:50px;margin:auto;position:absolute;left:25px;right:0;top:0;bottom:0}.loading:before{height:5px;background:#000;opacity:.1;top:59px;border-radius:50%;-webkit-animation:shadow .5s linear infinite;animation:shadow .5s linear infinite}.loading:after,.loading:before{content:"";width:50px;position:absolute;left:0}.loading:after{height:50px;background:#48b4b1;-webkit-animation:loading .5s linear infinite;animation:loading .5s linear infinite;top:0;border-radius:3px}.loading.white:after{width:20px;height:20px;background:#fff;top:5px}.loading.white:before{width:15px;height:4px;left:2.2px;top:40px;opacity:.5;background:#fff}.align-items-center{align-items:center!important}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}@media(max-width:1500px){.section{padding:50px 50px 70px 120px}}@media(max-width:1200px){.section{padding:50px 120px 70px}.title{font-size:30px}.subtitle{font-size:12px}}@media(max-width:1100px){.section{padding:50px 50px 70px 120px}}@media(max-width:1000px){.section{padding:50px 120px 70px}.title{font-size:26px}}@media(max-width:880px){.section{padding:50px 120px 70px}.title{font-size:20px;margin-top:0}.subtitle{font-size:12px;padding-bottom:25px}.swiper-button-next,.swiper-button-prev{width:25px!important;height:25px!important}.swiper-button-next:after,.swiper-button-prev:after{font-size:14px!important}}@media(max-width:550px){.section{padding:50px 20px 70px}.swiper-button-next,.swiper-button-prev{width:20px!important;height:20px!important;top:55%!important;padding:2px}.swiper-button-next{right:2%!important}.swiper-button-prev{left:2%!important}}@media(max-width:390px){.section{padding:50px 20px 70px}.swiper-button-next,.swiper-button-prev{border-radius:50%;top:57%!important;width:18px!important;height:18px!important;padding:0!important}.swiper-button-next{right:1.5%!important}.swiper-button-prev{display:none!important;left:1%!important}}@-webkit-keyframes up-and-down{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}@keyframes up-and-down{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}@-webkit-keyframes down{0%{top:5px;opacity:0}30%{top:15px;opacity:1}to{top:25px;opacity:0}}@keyframes down{0%{top:5px;opacity:0}30%{top:15px;opacity:1}to{top:25px;opacity:0}}@-webkit-keyframes hidden-to-show{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes hidden-to-show{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes slider-to-right{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slider-to-right{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slider-to-left{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slider-to-left{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes loading{17%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{-webkit-transform:translateY(18px) scaleY(.9) rotate(45deg);transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}to{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@keyframes loading{17%{border-bottom-right-radius:3px}25%{-webkit-transform:translateY(9px) rotate(22.5deg);transform:translateY(9px) rotate(22.5deg)}50%{-webkit-transform:translateY(18px) scaleY(.9) rotate(45deg);transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{-webkit-transform:translateY(9px) rotate(67.5deg);transform:translateY(9px) rotate(67.5deg)}to{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@-webkit-keyframes shadow{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scaleX(1.2);transform:scaleX(1.2)}}@keyframes shadow{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scaleX(1.2);transform:scaleX(1.2)}}@-webkit-keyframes pixFadeUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pixFadeUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 0 0 60px}.navbar.have-color{background-color:#88c4c3}.navbar .navbar-left{cursor:pointer;display:flex;align-items:center}.navbar .navbar-left img{width:55px;height:38px}.navbar .navbar-right,.navbar .navbar-right .navbar-items{display:flex;align-items:center}.navbar .navbar-right .navbar-items .navbar-item{text-decoration:none;color:#fff;margin:0 20px;font-weight:600;cursor:pointer}.navbar .navbar-right .navbar-items .navbar-item.active{color:#fad899;position:relative}.navbar .navbar-right .navbar-items .navbar-item.active:after{position:absolute;content:"";height:2px;width:60%;background-color:#fad899;bottom:-2px;right:20%}.navbar .navbar-right .menuList{top:0!important;overflow:initial}.navbar .navbar-right .navbar-rwd-button{display:none}.navbar .navbar-right .langSelect{padding-right:40px;position:relative;width:40px;overflow:hidden;display:flex;align-items:center}.navbar .navbar-right .langSelect .MuiOutlinedInput-root{opacity:0}.navbar .navbar-right .langSelect .flag-icon{width:22.5px}.MuiMenuItem-root{display:flex!important;justify-content:center!important;align-items:center;padding:10px 0!important}.MuiDrawer-paper .MuiBox-root{background-color:#88c4c3;color:#fff}.MuiDrawer-paper .MuiBox-root img{cursor:pointer;width:38px;height:28px;margin:15px 0 0 18px}.MuiDrawer-paper .MuiBox-root svg{color:#fff}@media(max-width:767px){.navbar{padding:0 0 0 20px}.navbar .navbar-left img{width:45px;height:33px}.navbar .navbar-right .langSelect{padding-right:20px}.navbar .navbar-right .navbar-items{display:none}.navbar .navbar-right .navbar-rwd-button{display:flex;color:#2b2350;margin-right:10px;cursor:pointer}}.banner-outer{width:100%;position:relative}.banner-outer .banner{position:relative;min-height:100vh;display:flex;background-image:linear-gradient(-60deg,#dcdddd,#66b2b0);justify-content:space-between}.banner-outer .banner .banner-left{width:50%;display:flex;flex-direction:column;justify-content:center;padding-left:100px;padding-bottom:100px;-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0;transition:2s;transition-delay:.5s;color:#fff}.banner-outer .banner .banner-left.active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.banner-outer .banner .banner-left .name{font-size:60px;font-weight:600}.banner-outer .banner .banner-left .position{font-size:20px}.banner-outer .banner .banner-left .intro{font-size:14px;margin:10px 0;line-height:1.6}.banner-outer .banner .banner-left .btn-area{display:flex;margin-top:30px}.banner-outer .banner .banner-left .btn-area .click-btn{font-size:16px!important;width:100px!important}.banner-outer .banner .banner-left .btn-area .primaryBtn{margin-right:40px}.banner-outer .banner .banner-right{width:50%;z-index:2;display:flex;align-items:flex-end;padding-top:150px;-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0;transition:2s;transition-delay:.5s}.banner-outer .banner .banner-right.active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.banner-outer .banner .banner-right .banner-img{position:relative;z-index:2;padding-left:100px;display:flex;width:70%;align-items:flex-end}.banner-outer .banner .banner-right .mainBall{display:none}.banner-outer .banner .banner-right .selfPhoto{z-index:1;width:100%;height:100%}.banner-outer .banner .banner-right svg{width:100%;height:100%}.banner-outer .bg-shape-inner{position:absolute;z-index:1;overflow:hidden;width:100%;bottom:-10px;left:0}.banner-outer .bg-shape-inner .rwd{display:none}.banner-outer .bg-shape-inner .normal{padding-bottom:10px;display:block}.banner-outer .bg-shape-inner img{height:100%;width:100%}.banner-outer .bg-shape-inner .go-to{z-index:3;position:absolute;bottom:30px;left:0;right:0;width:35px;margin:auto;z-index:1;text-align:center;cursor:pointer}.banner-outer .bg-shape-inner .go-to div{width:35px;height:35px;position:relative;background-color:#48b4b1;color:#fff;display:inline-block;border-radius:50%;-webkit-animation:down 1s linear infinite;animation:down 1s linear infinite}.banner-outer .bg-shape-inner .go-to div span{border-top:1px solid #fff;border-right:1px solid #fff;width:10px;height:10px;position:absolute;top:-6px;left:0;right:0;bottom:0;margin:auto;-webkit-transform:rotate(135deg);transform:rotate(135deg)}@media(max-width:1700px){.banner .banner-right .banner-img{width:80%!important}}@media(max-width:1600px){.banner .banner-right .banner-img{width:75%!important}}@media(max-width:1400px){.banner .banner-left{padding-bottom:0!important}.banner .banner-right .banner-img{width:80%!important}}@media(max-width:1300px){.banner .banner-right .banner-img{width:90%!important}}@media(max-width:1200px){.banner{padding-bottom:170px}.banner .banner-left{padding-top:0!important;padding-left:50px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.banner .banner-left .btn-area .click-btn{font-size:14px!important;width:90px!important}.banner .banner-right{align-items:center!important}.banner .banner-right .banner-img{padding-left:30px!important;width:350px!important}.banner .banner-right .mainBall{display:block!important;z-index:0;position:absolute;animation:up-and-down 4s infinite alternate-reverse;top:100px;right:-30px;height:250px!important}}@media(max-width:865px){.banner{justify-content:flex-end!important;flex-direction:column-reverse!important}.banner .banner-left{padding:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-self:center!important;margin:50px 0!important;width:70%!important}.banner .banner-left .hello{font-size:14px!important}.banner .banner-left .name{font-size:46px!important}.banner .banner-left .position{font-size:16px!important}.banner .banner-left .intro{font-size:12px!important}.banner .banner-left .btn-area .click-btn{font-size:14px!important;width:90px!important}.banner .banner-right{min-height:300px!important;padding-top:100px!important;width:100%!important;justify-content:center!important}.bg-shape-inner .rwd{padding-bottom:10px;display:block!important}.bg-shape-inner .normal{display:none!important}}@media(max-width:550px){.banner{padding-bottom:30px!important}.banner .banner-left{width:85%!important}.banner .banner-left .hello{font-size:13px!important}.banner .banner-left .name{margin:5px 0!important;font-size:36px!important}.banner .banner-left .position{font-size:14px!important}.banner .banner-left .intro{font-size:12px!important}.banner .banner-left .btn-area{display:flex;justify-content:center}.banner .banner-left .btn-area .click-btn{font-size:12px!important;width:80px!important;padding:0 5px!important}.banner .banner-right .banner-img{width:230px!important;padding-left:0!important}.banner .banner-right .mainBall{left:-20px!important;top:60px!important;height:200px!important}.bg-shape-inner{bottom:-10px!important}}.skill{position:relative}.skill .main-area{display:flex;justify-content:space-between}.skill .main-area .skill-left{width:40%}.skill .main-area .skill-left .skill-area{position:relative;padding-right:20%}.skill .main-area .skill-left .skill-area .skill-name{font-weight:600;font-size:16px}.skill .main-area .skill-left .skill-area .skill-bar-outer{width:100%;height:8px;margin:15px 0 10px;border-radius:5px;background-color:#88c4c3}.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value1{position:relative;height:8px;width:0;border-radius:5px;background-color:#48b4b1;transition:1s}.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value1.active{width:95%}.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value1.active:after{font-size:14px;content:"95%";position:absolute;right:-15px;top:-25px}.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value2{position:relative;height:8px;width:0;border-radius:5px;background-color:#48b4b1;transition:2s}.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value2.active{width:75%}.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value2.active:after{font-size:14px;content:"75%";position:absolute;right:-15px;top:-25px}.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value3{position:relative;height:8px;width:0;border-radius:5px;background-color:#48b4b1;transition:2s}.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value3.active{width:80%}.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value3.active:after{font-size:14px;content:"80%";position:absolute;right:-15px;top:-25px}.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value4{position:relative;height:8px;width:0;border-radius:5px;background-color:#48b4b1;transition:2s}.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value4.active{width:70%}.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value4.active:after{font-size:14px;content:"70%";position:absolute;right:-15px;top:-25px}.skill .main-area .skill-right{width:60%}.skill .main-area .skill-right .skill-right-title{font-weight:600;font-size:18px;color:#48b4b1}.skill .main-area .skill-right .skill-right-body{padding:10px;margin:10px 0;background-color:#fff;border-radius:5px;border:1px solid #48b4b1;box-shadow:0 0 3px #48b4b1}.skill .main-area .skill-right .skill-right-text{font-size:14px;display:flex;align-items:center;margin:2px 0}.skill .main-area .skill-right .skill-right-text svg{width:8px;margin-right:5px}.skill .main-area .skill-right .tools{display:flex;align-items:center}.skill .main-area .skill-right .tools .tools1{display:flex;align-items:center;flex-wrap:wrap}.skill .main-area .skill-right .tools img{width:auto;height:40px;margin:5px}.skill .down-bg{position:absolute;width:100%;height:100%;left:0;bottom:0;z-index:-1}.skill .down-bg .normal{display:block}.skill .down-bg .rwd{display:none}.skill .down-bg img{width:100%;height:100%}@media(max-width:1500px){.skill .main-area .skill-right img{width:auto;height:30px}}@media(max-width:1200px){.skill .main-area .skill-left{width:35%}.skill .main-area .skill-left .skill-area{padding-right:5%}.skill .main-area .skill-left .skill-area .skill-name{font-size:14px}.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value1:after,.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value2:after,.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value3:after,.skill .main-area .skill-left .skill-area .skill-bar-outer .skill-bar-value4:after{font-size:13px}.skill .main-area .skill-right{width:60%}.skill .main-area .skill-right .skill-right-title{font-size:16px}.skill .main-area .skill-right .skill-right-text{font-size:12px}.skill .main-area .skill-right .tools{display:flex;align-items:center}.skill .main-area .skill-right .tools img{width:auto;height:30px}}@media(max-width:1100px){.skill .main-area .skill-right img{width:auto;height:30px}}@media(max-width:1000px){.skill .main-area{flex-direction:column}.skill .main-area .skill-left{width:100%}.skill .main-area .skill-left .skill-area{padding-right:0}.skill .main-area .skill-right{width:100%}.skill .main-area .skill-right img{width:auto;height:30px}}@media(max-width:865px){.skill .main-area .skill-right .tools{justify-content:flex-start}.skill .main-area .skill-right img{height:25px}.skill .down-bg .normal{display:none!important}.skill .down-bg .rwd{display:block!important}}@media(max-width:550px){.skill .main-area .skill-right .tools .tools2 img{width:35%}}@media(max-width:400px){.skill .main-area .skill-right .tools .tools2{justify-content:space-between;width:100%}}.about{background-color:#fff}.about .main-area{display:flex}.about .main-area .about-left{width:35%;padding:10px;margin-right:120px;border-radius:5px;background-color:#fff;box-shadow:0 30px 60px 0 #aaa;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:1s}.about .main-area .about-left.active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.about .main-area .about-left img{border-radius:5px;width:100%;height:100%}.about .main-area .about-right{width:50%}.about .main-area .about-right .about-name{margin-top:15px;font-size:30px;font-weight:800;opacity:0;transition:.5s;transition-delay:.5s}.about .main-area .about-right .about-name.active{opacity:1}.about .main-area .about-right .about-position{font-size:16px;display:flex;margin:5px 0 0;white-space:nowrap;opacity:0;transition:.5s;transition-delay:1s}.about .main-area .about-right .about-position.active{opacity:1}.about .main-area .about-right .about-position div{margin-right:10px}.about .main-area .about-right .about-intro{margin:25px 0;text-indent:20px;font-size:13px;opacity:0;transition:.5s;transition-delay:1.5s}.about .main-area .about-right .about-intro.active{opacity:1}.about .main-area .about-right .about-self-info{display:flex;flex-direction:column;margin-bottom:40px;opacity:0;transition:.5s;transition-delay:2s}.about .main-area .about-right .about-self-info.active{opacity:1}.about .main-area .about-right .about-self-info .info{display:flex;margin:5px 0}.about .main-area .about-right .about-self-info .info .info-label{font-weight:600;margin:0;color:#090a0c;font-size:14px;border-right:1px solid #c1c1c1;width:70px}.about .main-area .about-right .about-self-info .info .info-value{font-size:14px;font-weight:400;margin-left:10px}.about .main-area .about-right .about-downloadCV{width:140px;font-size:14px;opacity:0;transition:.5s;transition-delay:2.5s}.about .main-area .about-right .about-downloadCV.active{opacity:1}@media(max-width:1200px){.about .main-area .about-left{width:45%;margin-right:60px}.about .main-area .about-right{width:50%}.about .main-area .about-right .about-name{font-size:26px}.about .main-area .about-right .about-position{font-size:14px}.about .main-area .about-right .about-intro{font-size:12px}.about .main-area .about-right .about-self-info .info .info-label{font-size:13px;width:65px}.about .main-area .about-right .about-self-info .info .info-value{font-size:13px}.about .main-area .about-right .about-downloadCV{font-size:12px}}@media(max-width:1000px){.about .main-area .about-left{width:45%;height:270px}.about .main-area .about-right{width:50%}.about .main-area .about-right .about-name{font-size:20px}.about .main-area .about-right .about-position{font-size:12px}.about .main-area .about-right .about-self-info .info .info-label{font-size:12px;width:60px}.about .main-area .about-right .about-self-info .info .info-value{font-size:12px}}@media(max-width:880px){.about .main-area{flex-direction:column;align-items:center}.about .main-area .about-left{height:auto;width:100%;margin-right:0;margin-bottom:30px}.about .main-area .about-right{width:100%;padding:0 120px}.about .main-area .about-right .about-name{font-size:20px}}@media(max-width:550px){.about .main-area .about-left{width:100%}.about .main-area .about-right{padding:0 20px}.about .main-area .about-right .about-name{font-size:16px}}.project{background-color:#88c4c3;background-image:linear-gradient(-60deg,#dcdddd,#66b2b0)}.project .title-inner{color:#fff}.project .title-inner:after{background:#fad899}.project .subtitle{color:#fffdf4}.project .main-area .project-swiper{opacity:0;transition:2.5s}.project .main-area .project-swiper.active{opacity:1}.project .main-area .project-item{display:flex;align-items:center;justify-content:center;position:relative;height:195px;border-radius:25px;background-image:linear-gradient(0deg,#fad899,#fad899)}.project .main-area .project-item .badge{z-index:10;position:absolute;top:25px;left:0;background-color:#e9875e;color:#fff;font-size:16px;box-shadow:1px 0 5px #999;padding:2px 10px;border-radius:0 5px 5px 0;cursor:pointer}.project .main-area .project-item .rwd-text{display:none}.project .main-area .project-item .project-img{-webkit-transform:translateX(0) translateY(-25px);transform:translateX(0) translateY(-25px);height:90%;width:87%;border-radius:20px;position:relative}.project .main-area .project-item .project-img .img-self{height:100%;width:100%;border-radius:5px;background-position:50%;background-size:cover;background-repeat:no-repeat;box-shadow:0 5px 10px rgba(15,53,129,.5)}.project .main-area .project-item .project-info{cursor:pointer;border-radius:5px;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(15,53,129,.7);opacity:0;transition:.5s;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:14px}.project .main-area .project-item .project-info .project-text{font-weight:600;margin-bottom:10px}.project .main-area .project-item .project-info:hover{opacity:1}@media(max-width:1736px){.project .main-area .project-item{height:180px}}@media(max-width:1536px){.project .main-area .project-item{height:170px}.project .main-area .project-item .project-info{font-size:12px}}@media(max-width:1380px){.project .main-area .project-item{height:200px}}@media(max-width:1200px){.project .main-area .project-item{height:240px}}@media(max-width:1100px){.project .main-area .project-item{height:220px}}@media(max-width:1000px){.project .main-area .project-item{height:180px}}@media(max-width:900px){.project .main-area .project-item{height:160px}}@media(max-width:820px){.project .main-area .project-item{height:140px}}@media(max-width:750px){.project .main-area .project-item{height:130px}.project .main-area .project-item .project-info{font-size:12px}}@media(max-width:700px){.project .main-area .project-item{height:200px}}@media(max-width:550px){.project .main-area .project-item{height:250px}.project .main-area .project-item .project-img{-webkit-transform:translateX(0) translateY(-2px);transform:translateX(0) translateY(-2px);height:85%;width:83%}}@media(max-width:500px){.project .main-area .project-item{height:200px}}@media(max-width:440px){.project .main-area .project-item{height:190px}}@media(max-width:390px){.project .main-area .project-item{height:170px;position:relative}.project .main-area .project-item .rwd-text{font-size:12px;display:flex;justify-content:center;width:100%;position:absolute;bottom:-25px;right:0;color:#2b2350}}@media(max-width:340px){.project .main-area .project-item{height:150px}}.contact{background-color:#fff;opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px);transition:1s}.contact.active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.contact .main-area{box-shadow:2px 2px 10px #aaa;border-radius:5px}.contact .main-area .map{width:100%}.contact .main-area .map img{vertical-align:top;width:100%;height:100%;border-radius:5px 5px 0 0}.contact .main-area .contact-bottom{display:flex;background-color:#fff}.contact .main-area .contact-bottom .contact-content{padding:50px;background-color:#fff;border-radius:0 0 5px 5px;font-size:14px;width:50%}.contact .main-area .contact-bottom .contact-content .contact-title{font-weight:600;display:flex;justify-content:center;font-size:20px;margin-bottom:30px}.contact .main-area .contact-bottom .contact-content .icon{color:#48b4b1}.contact .main-area .contact-bottom .contact-content .icon svg{font-size:40px}.contact .main-area .contact-bottom .contact-content .name{font-weight:600;margin:10px 0;font-size:16px}.contact .main-area .contact-bottom .contact-content .value{color:#777;font-size:12px}.contact .main-area .contact-bottom .contact-content .address{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:80px;margin-top:50px}.contact .main-area .contact-bottom .contact-content .phone-email{display:flex;align-items:center;margin-top:70px}.contact .main-area .contact-bottom .contact-content .phone-email .email,.contact .main-area .contact-bottom .contact-content .phone-email .phone{width:50%;display:flex;flex-direction:column;align-items:center;text-align:center}.contact .main-area .contact-bottom .survey{background-color:#fff;padding:50px 50px 50px 0;width:50%}.contact .main-area .contact-bottom .survey .contact-title{font-weight:600;display:flex;justify-content:center;margin-bottom:30px;font-size:20px}.contact .main-area .contact-bottom .survey .name-phone{display:flex;margin-bottom:10px;width:100%}.contact .main-area .contact-bottom .survey .name-phone .name{margin-right:10px;width:100%}.contact .main-area .contact-bottom .survey .name-phone .name .MuiFormControl-root{width:100%}.contact .main-area .contact-bottom .survey .name-phone .name .MuiFormControl-root .MuiOutlinedInput-root{border-radius:5px}.contact .main-area .contact-bottom .survey .name-phone .name .MuiFormControl-root .MuiOutlinedInput-root input{font-size:14px}.contact .main-area .contact-bottom .survey .name-phone .phone,.contact .main-area .contact-bottom .survey .name-phone .phone .MuiFormControl-root{width:100%}.contact .main-area .contact-bottom .survey .name-phone .phone .MuiFormControl-root .MuiOutlinedInput-root{border-radius:5px}.contact .main-area .contact-bottom .survey .name-phone .phone .MuiFormControl-root .MuiOutlinedInput-root input{font-size:14px}.contact .main-area .contact-bottom .survey .name-phone .phone .MuiFormControl-root .MuiOutlinedInput-root input::-webkit-inner-spin-button,.contact .main-area .contact-bottom .survey .name-phone .phone .MuiFormControl-root .MuiOutlinedInput-root input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.contact .main-area .contact-bottom .survey .name-phone .phone .MuiFormControl-root .MuiOutlinedInput-root input[type=number]{-moz-appearance:textfield}.contact .main-area .contact-bottom .survey .email{width:100%;margin-bottom:10px}.contact .main-area .contact-bottom .survey .email .MuiFormControl-root{width:100%}.contact .main-area .contact-bottom .survey .email .MuiFormControl-root .MuiOutlinedInput-root{border-radius:5px}.contact .main-area .contact-bottom .survey .email .MuiFormControl-root .MuiOutlinedInput-root input{font-size:14px}.contact .main-area .contact-bottom .survey .content,.contact .main-area .contact-bottom .survey .content .MuiFormControl-root{width:100%}.contact .main-area .contact-bottom .survey .content .MuiFormControl-root textarea{border-radius:5px;resize:none;border:1px solid #bbb;padding:10px;font-size:14px}.contact .main-area .contact-bottom .survey .content .MuiFormControl-root textarea::-webkit-input-placeholder{font-size:16px}.contact .main-area .contact-bottom .survey .content .MuiFormControl-root textarea::placeholder{font-size:16px}.contact .main-area .contact-bottom .survey .btn{margin-top:10px;width:100%}@media(max-width:1000px){.contact .main-area .contact-bottom .contact-content{padding:50px 20px}.contact .main-area .contact-bottom .survey{padding:50px 30px 50px 0}}@media(max-width:900px){.contact .main-area .contact-bottom{flex-direction:column;align-items:center}.contact .main-area .contact-bottom .contact-content{width:100%;padding:50px 0 20px}.contact .main-area .contact-bottom .contact-content .address{margin:40px 0 10px}.contact .main-area .contact-bottom .contact-content .phone-email{margin:50px 0 0}.contact .main-area .contact-bottom .survey{width:80%;padding:30px 0}}@media(max-width:700px){.contact .main-area .contact-bottom .contact-content .value{-webkit-transform:scale(.9)!important;transform:scale(.9)!important}.contact .main-area .contact-bottom .survey{width:90%}}.twoIntro-outer{padding:255px 0 160px;overflow:hidden;position:relative}.twoIntro-outer img{width:100%;height:100%}.twoIntro-outer .twoIntro-toparea{padding-bottom:200px}.twoIntro-outer .twoIntro-left{display:flex;justify-content:center;position:relative;width:48%;padding-right:15px;padding-left:55px}.twoIntro-outer .twoIntro-left .twoIntro-content{padding-top:70px}.twoIntro-outer .twoIntro-left .twoIntro-content .twoIntro-title{font-size:34px;line-height:50px;margin-bottom:20px;visibility:visible;-webkit-animation-delay:.2s;animation-delay:.2s}.twoIntro-outer .twoIntro-right{position:relative;width:45%}.twoIntro-outer .bottom-left{display:flex;justify-content:center;position:relative;width:48%;padding-right:15px;padding-left:55px}.twoIntro-outer .bottom-right{position:relative;width:45%}.twoIntro-outer .bottom-right .twoIntro-content .twoIntro-title{font-size:34px;line-height:50px;margin-bottom:20px;visibility:visible;-webkit-animation-delay:.2s;animation-delay:.2s}.twoIntro-image-wrapper{height:600px}.twoIntro-image-wrapper .image-one{z-index:2;position:absolute;margin-left:40px;margin-top:-90px}.twoIntro-image-wrapper .image-three{z-index:2;position:absolute;top:0;right:300px}.interface-content .list-items li{line-height:40px;font-size:14px}.see-more{text-decoration:none;cursor:pointer}.svgbg-one{top:55px;left:50px}.svgbg-one,.svgbg-two{position:absolute;z-index:-1;-webkit-animation:wave 3s linear .1s infinite;animation:wave 3s linear .1s infinite}.svgbg-two{top:-70px;left:-7%}.border-wrap{position:absolute;left:50%;top:50%;max-width:775px;-webkit-transform:translate(-17%,-54%);transform:translate(-17%,-54%);width:100%;z-index:-1}.border-wrap .ball{position:absolute;height:40px;width:40px;border-radius:50%;background:#fad899;top:49%;left:45%;z-index:22}.path{stroke-dasharray:6;-webkit-animation:dash 30s linear infinite;animation:dash 30s linear infinite}@-webkit-keyframes dash{0%{stroke-dashoffset:1000}}@keyframes dash{0%{stroke-dashoffset:1000}}@media(max-width:1200px){.twoIntro-outer{padding:105px 0 60px}.twoIntro-outer .twoIntro-toparea{padding-bottom:100px}.twoIntro-outer .twoIntro-left{width:50%}.twoIntro-outer .twoIntro-left .twoIntro-content{padding-top:0}.twoIntro-outer .twoIntro-left .twoIntro-content .twoIntro-title{font-size:26px;line-height:40px}.twoIntro-outer .twoIntro-left .twoIntro-content p{font-size:15px}.twoIntro-outer .bottom-right{width:100%}.twoIntro-outer .bottom-right .twoIntro-content{padding-top:0}.twoIntro-outer .bottom-right .twoIntro-content .twoIntro-title{font-size:26px;line-height:40px}.twoIntro-outer .bottom-right .twoIntro-content p{font-size:15px}.twoIntro-outer .twoIntro-right{width:100%}.twoIntro-outer .bottom-left{padding-right:0;padding-left:0}.twoIntro-outer .bottom-right{position:relative;width:50%;display:flex;justify-content:center}.twoIntro-image-wrapper{height:0}.twoIntro-image-wrapper .image-one,.twoIntro-image-wrapper .image-three{display:none}.interface-content{margin-top:50px}.interface-content .interface-title h2{font-size:26px;line-height:40px;margin-bottom:20px}.interface-content .interface-title p,.interface-content .list-items{margin-bottom:20px}.interface-content .list-items li{line-height:30px;font-size:12px;word-wrap:break-word}.svgbg-one{top:25px;left:-30%;z-index:-1}.svgbg-two{top:-650px;left:60%}}@media(max-width:600px){.twoIntro-outer .twoIntro-left{padding-left:0;width:100%}.twoIntro-outer .twoIntro-left .twoIntro-content .twoIntro-title{font-size:16px}.twoIntro-outer .twoIntro-left .twoIntro-content li,.twoIntro-outer .twoIntro-left .twoIntro-content p{font-size:12px}.twoIntro-outer .bottom-right{width:100%}.twoIntro-outer .bottom-right .twoIntro-content .twoIntro-title{font-size:16px}.twoIntro-outer .bottom-right .twoIntro-content li,.twoIntro-outer .bottom-right .twoIntro-content p{font-size:12px}.border-wrap .ball{top:46.5%}}.bottom-top{padding:106px 0 111px;background-size:cover;background-position:50%;position:relative;background-image:linear-gradient(0deg,#279b8b,#459da8);overflow:hidden}.bottom-top .bg-shape{position:absolute;width:100%;height:100%}.bottom-top .bg-shape,.bottom-top .bg-shape .shape-left{top:0;left:0;z-index:1}.bottom-top .bg-shape .shape-right{z-index:1;bottom:0;right:0}.bottom-top .bg-shape img{max-width:100%;height:auto;vertical-align:middle;border-style:none;position:absolute}.bottom-top .bottom-top-inner{padding:0 50px;display:flex}.bottom-top .bottom-top-inner .left-area{z-index:2;width:80%}.bottom-top .bottom-top-inner .right-area{z-index:2;width:20%}.bottomTop-heading{z-index:19}.bottomTop-heading .title{font-size:50px;line-height:64px;color:#fff;font-weight:700;margin-bottom:20px}.bottomTop-heading p{color:#fff;margin:0}.pixFadeUp{visibility:visible;-webkit-animation-name:pixFadeUp;animation-name:pixFadeUp}@media(max-width:1200px){.bottom-top .bottom-top-inner{padding:0 200px 0 100px}.bottomTop-heading .title{font-size:35px!important;line-height:49px;margin-bottom:10px}.bottomTop-heading p{font-size:14px}}@media(max-width:585px){.bottom-top .bottom-top-inner{flex-direction:column;align-items:center!important;padding:0}.bottom-top .bottom-top-inner .left-area,.bottom-top .bottom-top-inner .right-area{display:flex;justify-content:center;width:100%}.bottom-top .bottom-top-inner .right-area{margin-top:50px}.bottomTop-heading{padding:0 50px}.bottomTop-heading .title{font-size:35px!important;line-height:49px;margin-bottom:10px}.bottomTop-heading p{font-size:14px}}.bottom{display:flex;justify-content:space-between;align-items:center;background-color:#88c4c3;color:#fff;font-weight:600;padding:10px 30px;font-size:12px}.bottom .bottom-logo{width:35px;height:25px}.bottom .bottom-logo img{width:100%;height:100%}.bottom .bottom-logo-rwd{display:none}.bottom .bottom-copyright-rwd{display:none;color:#fff}.bottom .bottom-link{display:flex}.bottom .bottom-link a{display:flex;align-items:center;color:#2b2350;margin-right:10px}@media(max-width:700px){.bottom .bottom-logo{display:none}.bottom .bottom-logo-rwd{display:block;width:40px;height:30px}.bottom .bottom-logo-rwd img{width:100%;height:100%}.bottom .bottom-copyright{display:none}.bottom .bottom-copyright-rwd{display:block;white-space:nowrap}.bottom .bottom-right{width:100%;display:flex;flex-direction:column;align-items:flex-end;margin-right:0}.bottom .bottom-right .bottom-link{margin:10px 0}.bottom .bottom-right .bottom-link a:last-child{margin-right:0}}
/*# sourceMappingURL=main.4b78c47f.chunk.css.map */