#app,body{overflow-x:auto}body{padding-top:75px}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f4f4f4;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.spinner{width:50px;height:50px;border:5px solid #ddd;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:768px){#app body{font-size:12px;overflow-x:auto;white-space:nowrap}img{width:100%;height:auto}#app .nav{font-size:14px}#app .nav .container{width:375px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}#app .nav .container .logo img{width:20%}#app .nav .container .nav-item{padding:0 10px}#app .page1{height:12rem}#app .page1 .img,#app .page1 .img img{height:400px}#app .page1 .title{height:auto;top:20%}#app .page1 .title .brand{font-size:30px;margin-bottom:10px}#app .page1 .title .service{font-size:24.96px}#app .page1 .title:after{top:100%;right:68px;width:68px;height:5px}#app .page2{height:87rem}#app .page2 .img,#app .page2 .img img{height:100%}#app .page2 .container .name{font-size:24.96px;margin-bottom:30px}#app .block{width:80%;margin:0 auto}#app .block .mark1{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;margin:0 auto;margin-bottom:30px}#app .block .mark1 .img1{width:100%;margin-bottom:10px}#app .block .mark1 .word1{padding:0;margin:0}#app .block .mark1 .word1 .title{font-size:24.96px;text-align:center;margin-bottom:10px}#app .block .mark1 .word1 ul{line-height:28px}#app .block .mark1 .word1 li{font-size:12.48px}#app .block :before{top:-10px;left:0}#app .block2{width:80%;margin:0 auto}#app .block2 .mark2{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}#app .block2 .mark2 .word2{padding:0;margin:0}#app .block2 .mark2 .word2 .title{font-size:24.96px;text-align:center;margin-bottom:10px}#app .block2 .mark2 .word2 ul{line-height:28px;height:auto}#app .block2 .mark2 .word2 li{font-size:12.48px}#app .block2 .mark2 .img2{width:100%;margin-bottom:10px}#app .block2 :before{top:-10px;right:0}#app .page3{height:30rem}#app .page3 .img,#app .page3 .img img{height:100%}#app .page3 .container .words .global{font-size:24.96px}#app .page3 .container .others{top:50%}#app .page3 .container .others .office{font-size:24.96px;margin-left:15px}#app .page3 .container .others .office img{width:30px;height:30px}#app .page3 .container .others .business{font-size:24.96px;margin-left:15px}#app .page3 .container .others .business img{width:30px;height:30px}#app .page3 .container .others .business .place{font-size:24.96px}#app .page4{height:20rem}#app .page4 .img,#app .page4 .img img{height:100%}#app .about{height:50rem}#app .about .img,#app .about .img img{height:100%}#app .about .words{width:100%}#app .about .words .profile{width:100%;text-align:center;font-size:24.96px}#app .about .words .clients{margin-top:30px;font-size:24.96px}#app .aboutblock{width:80%}#app .aboutblock .mark1{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;margin-top:40px}#app .aboutblock .mark1 img{width:100%;height:200px;margin-bottom:10px}#app .aboutblock .mark1 .word1{padding:0}#app .aboutblock .mark1 .word1 .title{margin-bottom:5px;text-align:center;font-size:24.96px}#app .aboutblock .mark1 .word1 .content{font-size:18px;text-align:left;font-size:12.48px;word-wrap:break-word;word-break:break-all;hyphens:auto}#app .aboutblock .mark1{height:100%}#app .aboutblock :before{top:30px}#app .aboutclients{width:80%;margin-top:-10px}#app .aboutclients .mark1{width:100%;display:flex;flex-wrap:wrap;gap:10px;height:auto;margin-top:60px;justify-content:center;padding:0}#app .aboutclients .mark1 img{width:30%;height:10%}#app .aboutclients :before{top:50px}#app .project{height:50rem}#app .project .img,#app .project .img img{height:100%}#app .project .container .title{margin-bottom:50px;font-size:24.96px}#app .projectblock{width:70%;height:auto;margin-bottom:25px}#app .projectblock .mark1{margin:0;height:100%;padding:15px;width:100%}#app .projectblock .mark1 .imgs{display:flex;flex-direction:column;justify-content:center;width:50%}#app .projectblock .mark1 img{width:80%;height:3rem;margin-right:30px;margin-bottom:8px}#app .projectblock .mark1 .word1{margin-left:0}#app .projectblock .mark1 .word1 .name{font-size:24.96px}#app .projectblock .mark1 .word1 ul{line-height:30px;height:2rem}#app .projectblock .mark1 .word1 li{font-size:12.48px}.projectblock :before{top:-10px!important}#app .projectblockright{width:70%;height:12rem;margin-bottom:25px}#app .projectblockright .mark1{height:100%;padding:15px;margin:0;width:100%}#app .projectblockright .mark1 .imgs{width:50%;margin-top:30px;display:flex;flex-direction:column}#app .projectblockright .mark1 img{width:100%;height:3rem;margin-left:5px;margin-bottom:10px}#app .projectblockright .mark1 .word1{margin-right:0;margin-left:0}#app .projectblockright .mark1 .word1 .name{font-size:24.96px}#app .projectblockright .mark1 .word1 li{font-size:12.48px}.projectblockright :before{top:-10px!important}#app .contact1{height:40rem}#app .contact1 .words .title{font-size:24.96px}#app .contact1 .img,#app .contact1 .img img{height:100%}#app .contactblock .mark1{width:100%;height:460px;padding:25px 10px;margin-top:50px}#app .contactblock .mark1 .word1{margin:0;padding:3px}#app .contactblock .mark1 ul{line-height:30px}#app .contactblock .mark1 li{margin-bottom:5px;font-size:12.48px}#app .contactblock :before{top:40px;left:1px}#app .contactusall{height:305px}#app .contactusall .img,#app .contactusall .img img{height:100%}#app .contactusall .contactbox{left:10%;top:15%;width:80%;height:60%}#app .contactusall .contactbox .contact{margin:0;padding:20px;height:20rem}#app .contactusall .contactbox .contact .title{margin-bottom:10px;font-size:24.96px}#app .contactusall .contactbox .contact .litletitle,#app .contactusall .contactbox ul{font-size:12.48px}#app .footer{margin:0 auto;padding:15px 0}#app .footer .container .info{margin-bottom:10px}#app .footer .container .info img{width:9rem;height:7rem}#app .footer .container .words{text-align:center}#app .footer .container .words .global{font-size:24.96px}#app .footer .container .words .copyright{font-size:12.48px}}@media(max-width:480px){#app body{font-size:12px;overflow-x:auto;white-space:nowrap}img{width:100%;height:auto}#app .nav{font-size:14px}#app .nav .container{width:375px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}#app .nav .container .logo img{width:20%}#app .nav .container .nav-item{padding:0 10px}#app .page1{height:12rem}#app .page1 .img,#app .page1 .img img{height:400px}#app .page1 .title{height:auto;top:20%}#app .page1 .title .brand{font-size:30px;margin-bottom:10px}#app .page1 .title .service{font-size:24.96px}#app .page1 .title:after{top:100%;right:68px;width:68px;height:5px}#app .page2{height:66rem}#app .page2 .img,#app .page2 .img img{height:1300px}#app .page2 .container .name{font-size:24.96px;margin-bottom:30px}#app .block{width:80%;margin:0 auto}#app .block .mark1{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;margin:0 auto;margin-bottom:30px}#app .block .mark1 .img1{width:100%;margin-bottom:10px}#app .block .mark1 .word1{padding:0;margin:0}#app .block .mark1 .word1 .title{font-size:24.96px;text-align:center;margin-bottom:10px}#app .block .mark1 .word1 ul{line-height:28px}#app .block .mark1 .word1 li{font-size:12.48px}#app .block :before{top:-10px;left:0}#app .block2{width:80%;margin:0 auto}#app .block2 .mark2{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}#app .block2 .mark2 .word2{padding:0;margin:0}#app .block2 .mark2 .word2 .title{font-size:24.96px;text-align:center;margin-bottom:10px}#app .block2 .mark2 .word2 ul{line-height:28px;height:auto}#app .block2 .mark2 .word2 li{font-size:12.48px}#app .block2 .mark2 .img2{width:100%;margin-bottom:10px}#app .block2 :before{top:-10px;right:0}#app .page3{height:30rem}#app .page3 .img,#app .page3 .img img{height:100%}#app .page3 .container .words .global{font-size:24.96px}#app .page3 .container .others{top:50%}#app .page3 .container .others .office{font-size:24.96px;margin-left:15px}#app .page3 .container .others .office img{width:30px;height:30px}#app .page3 .container .others .business{font-size:24.96px;margin-left:15px}#app .page3 .container .others .business img{width:30px;height:30px}#app .page3 .container .others .business .place{font-size:24.96px}#app .page4{height:20rem}#app .page4 .img,#app .page4 .img img{height:100%}#app .about{height:50rem}#app .about .img,#app .about .img img{height:100%}#app .about .words{width:100%}#app .about .words .profile{width:100%;text-align:center;font-size:24.96px}#app .about .words .clients{margin-top:30px;font-size:24.96px}#app .aboutblock{width:80%}#app .aboutblock .mark1{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;margin-top:40px}#app .aboutblock .mark1 img{width:100%;height:200px;margin-bottom:10px}#app .aboutblock .mark1 .word1{padding:0}#app .aboutblock .mark1 .word1 .title{margin-bottom:5px;text-align:center;font-size:24.96px}#app .aboutblock .mark1 .word1 .content{font-size:18px;text-align:left;font-size:12.48px;word-wrap:break-word;word-break:break-all;hyphens:auto}#app .aboutblock .mark1{height:100%}#app .aboutblock :before{top:30px}#app .aboutclients{width:80%;margin-top:-10px}#app .aboutclients .mark1{width:100%;display:flex;flex-wrap:wrap;gap:10px;height:auto;margin-top:60px;justify-content:center;padding:0}#app .aboutclients .mark1 img{width:30%;height:10%}#app .aboutclients :before{top:50px}#app .project{height:50rem}#app .project .img,#app .project .img img{height:100%}#app .project .container .title{margin-bottom:50px;font-size:24.96px}#app .projectblock{width:70%;height:auto;margin-bottom:25px}#app .projectblock .mark1{margin:0;height:100%;padding:15px;width:100%}#app .projectblock .mark1 .imgs{display:flex;flex-direction:column;justify-content:center;width:50%}#app .projectblock .mark1 img{width:80%;height:3rem;margin-right:30px;margin-bottom:8px}#app .projectblock .mark1 .word1{margin-left:0}#app .projectblock .mark1 .word1 .name{font-size:24.96px}#app .projectblock .mark1 .word1 ul{line-height:30px;height:2rem}#app .projectblock .mark1 .word1 li{font-size:12.48px}.projectblock :before{top:-10px!important}#app .projectblockright{width:70%;height:12rem;margin-bottom:25px}#app .projectblockright .mark1{height:100%;padding:15px;margin:0;width:100%}#app .projectblockright .mark1 .imgs{width:50%;margin-top:30px;display:flex;flex-direction:column}#app .projectblockright .mark1 img{width:100%;height:3rem;margin-left:5px;margin-bottom:10px}#app .projectblockright .mark1 .word1{margin-right:0;margin-left:0}#app .projectblockright .mark1 .word1 .name{font-size:24.96px}#app .projectblockright .mark1 .word1 li{font-size:12.48px}.projectblockright :before{top:-10px!important}#app .contact1{height:40rem}#app .contact1 .words .title{font-size:24.96px}#app .contact1 .img,#app .contact1 .img img{height:100%}#app .contactblock .mark1{width:100%;height:460px;padding:25px 10px;margin-top:50px}#app .contactblock .mark1 .word1{margin:0;padding:3px}#app .contactblock .mark1 ul{line-height:30px}#app .contactblock .mark1 li{margin-bottom:5px;font-size:12.48px}#app .contactblock :before{top:40px;left:1px}#app .contactusall{height:305px}#app .contactusall .img,#app .contactusall .img img{height:100%}#app .contactusall .contactbox{left:10%;top:15%;width:80%;height:60%}#app .contactusall .contactbox .contact{margin:0;padding:20px;height:20rem}#app .contactusall .contactbox .contact .title{margin-bottom:10px;font-size:24.96px}#app .contactusall .contactbox .contact .litletitle,#app .contactusall .contactbox ul{font-size:12.48px}#app .footer{margin:0 auto;padding:15px 0}#app .footer .container .info{margin-bottom:10px}#app .footer .container .info img{width:9rem;height:7rem}#app .footer .container .words{text-align:center}#app .footer .container .words .global{font-size:24.96px}#app .footer .container .words .copyright{font-size:12.48px}}@media(max-width:400px){#app body{font-size:12px;overflow-x:auto;white-space:nowrap}img{width:100%;height:auto}#app .nav{font-size:14px}#app .nav .container{width:375px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}#app .nav .container .logo img{width:20%}#app .nav .container .nav-item{padding:0 10px}#app .page1{height:12rem}#app .page1 .img,#app .page1 .img img{height:400px}#app .page1 .title{height:auto;top:20%}#app .page1 .title .brand{font-size:30px;margin-bottom:10px}#app .page1 .title .service{font-size:24.96px}#app .page1 .title:after{top:100%;right:68px;width:68px;height:5px}#app .page2{height:66rem}#app .page2 .img,#app .page2 .img img{height:1300px}#app .page2 .container .name{font-size:24.96px;margin-bottom:30px}#app .block{width:80%;margin:0 auto}#app .block .mark1{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;margin:0 auto;margin-bottom:30px}#app .block .mark1 .img1{width:100%;margin-bottom:10px}#app .block .mark1 .word1{padding:0;margin:0}#app .block .mark1 .word1 .title{font-size:24.96px;text-align:center;margin-bottom:10px}#app .block .mark1 .word1 ul{line-height:28px}#app .block .mark1 .word1 li{font-size:12.48px}#app .block :before{top:-10px;left:0}#app .block2{width:80%;margin:0 auto}#app .block2 .mark2{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto}#app .block2 .mark2 .word2{padding:0;margin:0}#app .block2 .mark2 .word2 .title{font-size:24.96px;text-align:center;margin-bottom:10px}#app .block2 .mark2 .word2 ul{line-height:28px;height:auto}#app .block2 .mark2 .word2 li{font-size:12.48px}#app .block2 .mark2 .img2{width:100%;margin-bottom:10px}#app .block2 :before{top:-10px;right:0}#app .page3{height:30rem}#app .page3 .img,#app .page3 .img img{height:100%}#app .page3 .container .words .global{font-size:24.96px}#app .page3 .container .others{top:50%}#app .page3 .container .others .office{font-size:24.96px;margin-left:15px}#app .page3 .container .others .office img{width:30px;height:30px}#app .page3 .container .others .business{font-size:24.96px;margin-left:15px}#app .page3 .container .others .business img{width:30px;height:30px}#app .page3 .container .others .business .place{font-size:24.96px}#app .page4{height:20rem}#app .page4 .img,#app .page4 .img img{height:100%}#app .about{height:50rem}#app .about .img,#app .about .img img{height:100%}#app .about .words{width:100%}#app .about .words .profile{width:100%;text-align:center;font-size:24.96px}#app .about .words .clients{margin-top:30px;font-size:24.96px}#app .aboutblock{width:80%}#app .aboutblock .mark1{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;margin-top:40px}#app .aboutblock .mark1 img{width:100%;height:200px;margin-bottom:10px}#app .aboutblock .mark1 .word1{padding:0}#app .aboutblock .mark1 .word1 .title{margin-bottom:5px;text-align:center;font-size:24.96px}#app .aboutblock .mark1 .word1 .content{font-size:18px;text-align:left;font-size:12.48px;word-wrap:break-word;word-break:break-all;hyphens:auto}#app .aboutblock .mark1{height:100%}#app .aboutblock :before{top:30px}#app .aboutclients{width:80%;margin-top:-10px}#app .aboutclients .mark1{width:100%;display:flex;flex-wrap:wrap;gap:10px;height:auto;margin-top:60px;justify-content:center;padding:0}#app .aboutclients .mark1 img{width:30%;height:10%}#app .aboutclients :before{top:50px}#app .project{height:50rem}#app .project .img,#app .project .img img{height:100%}#app .project .container .title{margin-bottom:50px;font-size:24.96px}#app .projectblock{width:70%;height:auto;margin-bottom:25px}#app .projectblock .mark1{margin:0;height:100%;padding:15px;width:100%}#app .projectblock .mark1 .imgs{display:flex;flex-direction:column;justify-content:center;width:50%}#app .projectblock .mark1 img{width:80%;height:3rem;margin-right:30px;margin-bottom:8px}#app .projectblock .mark1 .word1{margin-left:0}#app .projectblock .mark1 .word1 .name{font-size:24.96px}#app .projectblock .mark1 .word1 ul{line-height:30px;height:2rem}#app .projectblock .mark1 .word1 li{font-size:12.48px}.projectblock :before{top:-10px!important}#app .projectblockright{width:70%;height:12rem;margin-bottom:25px}#app .projectblockright .mark1{height:100%;padding:15px;margin:0;width:100%}#app .projectblockright .mark1 .imgs{width:50%;margin-top:30px;display:flex;flex-direction:column}#app .projectblockright .mark1 img{width:100%;height:3rem;margin-left:5px;margin-bottom:10px}#app .projectblockright .mark1 .word1{margin-right:0;margin-left:0}#app .projectblockright .mark1 .word1 .name{font-size:24.96px}#app .projectblockright .mark1 .word1 li{font-size:12.48px}.projectblockright :before{top:-10px!important}#app .contact1{height:40rem}#app .contact1 .words .title{font-size:24.96px}#app .contact1 .img,#app .contact1 .img img{height:100%}#app .contactblock .mark1{width:100%;height:460px;padding:25px 10px;margin-top:50px}#app .contactblock .mark1 .word1{margin:0;padding:3px}#app .contactblock .mark1 ul{line-height:30px}#app .contactblock .mark1 li{margin-bottom:5px;font-size:12.48px}#app .contactblock :before{top:40px;left:1px}#app .contactusall{height:305px}#app .contactusall .img,#app .contactusall .img img{height:100%}#app .contactusall .contactbox{left:10%;top:15%;width:80%;height:60%}#app .contactusall .contactbox .contact{margin:0;padding:20px;height:20rem}#app .contactusall .contactbox .contact .title{margin-bottom:10px;font-size:24.96px}#app .contactusall .contactbox .contact .litletitle,#app .contactusall .contactbox ul{font-size:12.48px}#app .footer{margin:0 auto;padding:15px 0}#app .footer .container .info{margin-bottom:10px}#app .footer .container .info img{width:9rem;height:7rem}#app .footer .container .words{text-align:center}#app .footer .container .words .global{font-size:24.96px}#app .footer .container .words .copyright{font-size:12.48px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;overflow-x:hidden;max-width:100%}*{margin:0;padding:0;box-sizing:border-box}.container{width:100%;max-width:1300px;margin:0 auto;padding:0 15px}@media screen and (max-width:768px){.container{padding:0 10px}}.center{text-align:center}.top{margin-top:30px}.pad-top{padding-top:30px}.top15{margin-top:15px}.top5{margin-top:5px}.main{width:100%;max-width:1200px;margin:0 auto}.red{color:red}.flex-center{justify-content:center}.flex,.flex-center{display:flex;align-items:center}.flex{justify-content:space-between}.left{text-align:left}@media screen and (max-width:768px){.flex{flex-direction:column}}.search[data-v-398d79d3]{display:flex;align-items:center}.search .item[data-v-398d79d3]{margin-left:15px}@media(max-width:768px){.search[data-v-398d79d3]{flex-direction:column;align-items:flex-start}.search .item[data-v-398d79d3]{margin-left:0;margin-top:10px}}.nav[data-v-b2e6ac4e]{position:fixed;top:0;height:75px;z-index:100;background:#000;width:100vw;margin:0 auto;box-shadow:0 1px 4px rgba(0,21,41,.08)}.nav .container[data-v-b2e6ac4e]{width:80%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:70px;flex-wrap:nowrap}.nav .container .logo[data-v-b2e6ac4e]{display:flex;align-items:center;flex:1}.nav .container .logo img[data-v-b2e6ac4e]{width:130px;height:24px}.nav .container .nav-item[data-v-b2e6ac4e]{flex:0 0 auto;padding:0 15px;height:72px;line-height:72px;text-align:center;cursor:pointer;white-space:nowrap;transition:color .3s;color:#464646}.nav .container .nav-item.active[data-v-b2e6ac4e],.nav .container .nav-item[data-v-b2e6ac4e]:hover{color:#fff}.nav .container .login[data-v-b2e6ac4e]{display:flex;align-items:center}.nav .container .login .nav-items[data-v-b2e6ac4e]{display:flex;flex-direction:row}.nav .container .login .loginOut[data-v-b2e6ac4e]{line-height:72px}.nav .container .login .loginOut .user-avatar[data-v-b2e6ac4e]{cursor:pointer;width:20px;height:20px;border-radius:10px;margin:-5px 0 0 5px}.nav .container .login .loginOut .avatar-wrapper[data-v-b2e6ac4e]{display:flex;align-items:center;height:72px}.nav .container .login .btn[data-v-b2e6ac4e]{display:flex;flex-direction:row;align-items:center;color:#fff}.nav .container .login .btn i[data-v-b2e6ac4e]{color:#225caa;padding:0 15px}.nav .container .login .btn div[data-v-b2e6ac4e]{width:50px;height:72px;line-height:72px;text-align:center;cursor:pointer}@media(max-width:768px){.nav .container[data-v-b2e6ac4e]{width:95%;flex-direction:column;align-items:flex-start}.nav .logo[data-v-b2e6ac4e]{width:100%;margin-bottom:10px}.nav .login[data-v-b2e6ac4e]{width:100%;justify-content:flex-end}}.footer[data-v-1f827068]{background:#000;padding:40px 0;width:100vw;margin:0 auto}.footer .other .img[data-v-1f827068]{margin:0 10px}.footer .other .item[data-v-1f827068]{color:#606266;font-size:14px;line-height:30px;text-decoration:none}.footer .other .item[data-v-1f827068]:hover{text-decoration:underline}.footer .other .copyright[data-v-1f827068]{color:#606266;font-size:14px;line-height:30px}.footer .container .info[data-v-1f827068]{line-height:30px}.footer .container .info img[data-v-1f827068]{width:230px;height:160px}.footer .container .info .el-icon-location-information[data-v-1f827068],.footer .container .info .el-icon-message[data-v-1f827068],.footer .container .info .el-icon-phone[data-v-1f827068]{margin-right:5px}.footer .container .info .el-icon-location-information[data-v-1f827068]{margin-left:-1px}@media(max-width:768px){.footer .container[data-v-1f827068]{padding:0 10px}.footer .info[data-v-1f827068],.footer .other .copyright[data-v-1f827068],.footer .other .item[data-v-1f827068]{font-size:12px}}.footer .words[data-v-1f827068]{text-align:right}.footer .words .global[data-v-1f827068]{color:#225caa;font-weight:bolder;font-size:28px;margin-bottom:30px}.footer .words .copyright[data-v-1f827068]{color:#225caa;font-size:18px;margin-bottom:20px}