@charset "utf-8";figure{margin:0}figure.image{clear:both;display:table;margin:1em auto;min-width:3em;text-align:center}figure.image.image-style-side{float:right;margin-left:1em}figure.table table,figure.table td{border:1px solid #b3b3b3;border-collapse:collapse}figure.table p{margin:0}figure.media video{width:100%}blockquote{border-left:5px solid #ccc;font-style:italic;margin-left:0;margin-right:0;overflow:hidden;padding-left:1.5em;padding-right:1.5em}span.text-tiny{font-size:.7em}span.text-small{font-size:.85em}span.text-big{font-size:1.4em}span.text-huge{font-size:1.8em}body{max-width:1920px;min-width:86em;margin:0 auto;padding:0;font-size:16px;color:#666;background-color:#fff;font-family:Microsoft Yahei,SimSun}img{border:0}form{margin:0;padding:0}input,select,textarea{font-size:1em;font-family:Microsoft Yahei,SimSun}input::-ms-clear,input::-ms-reveal{display:none}section,div,ul,li{margin:0;padding:0;display:block;overflow:hidden}ul,li{list-style-type:none}li{text-overflow:ellipsis}a{text-decoration:none;color:#333;outline:0}a:hover{text-decoration:none;color:#5698c3}a,.arow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trtion{transition:.6s;transition-timing-function:ease-out}.trtions{transition:.3s;transition-timing-function:ease-out}.grid{display:grid;justify-content:space-between;flex-flow:wrap;grid-template-columns:repeat(auto-fill,var(--width))}@media screen and (max-width:640px){::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background-color:transparent}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@font-face{font-family:'icon';src:url('/upload/4c0x/lr2l0ljb81.woff') format('woff')}.mousemove {width:2em;height:3em;border:2px solid rgba(255,255,255,.8);border-radius:1em;position:absolute;left:0;right:0;bottom:2em;margin:0 auto;z-index:9}.mousemove:before {content:'';width:.4em;height:.4em;background-color:#fff;border-radius:50%;position:absolute;left:0;top:.5em;right:0;margin:0 auto;opacity:0;animation:mousemove 2s infinite ease-in-out}@keyframes mousemove{0{opacity:0}30%{opacity:1}60%{opacity:0;transform:translateY(1.5em)}}.number-roll span{width:.6em;height:1em;line-height:1em;display:inline-block;font-size:4em;font-family:Arial;overflow:hidden;position:relative;font-weight:500}.number-roll span:after{content:'+';display:inline-block;vertical-align:top}.number-roll span:before{content:'0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9';display:block;transition:transform 2s ease-out .4s}.in-about.on .number-roll span.n1:before{transform:translateY(-10em)}.in-about.on .number-roll span.n2:before{transform:translateY(-11em)}.in-about.on .number-roll span.n3:before{transform:translateY(-12em)}.in-about.on .number-roll span.n4:before{transform:translateY(-13em)}.in-about.on .number-roll span.n5:before{transform:translateY(-14em)}.in-about.on .number-roll span.n6:before{transform:translateY(-15em)}.in-about.on .number-roll span.n7:before{transform:translateY(-16em)}.in-about.on .number-roll span.n8:before{transform:translateY(-17em)}.in-about.on .number-roll span.n9:before{transform:translateY(-18em)}.in-about.on .number-roll span.n10:before{transform:translateY(-19em)}.number-roll span.symbol{width:.3em}.in-about.on .number-roll span.symbol:before{content:'+';font-size:.5em}.in-about.on .number-roll span.number-symbol{font-size:1.5em;vertical-align:top;margin-left:.2em}.in-about.on .number-roll span.number-symbol:before{content:'+';vertical-align:top}#map{width:100%;height:100%}#map img{max-width:none}#map div{overflow:visible}#map .anchorBL{display:none}.animated{animation-duration:1s !important}.animateds{animation-duration:1s !important}.fadeInLeft1{animation-name:fadeInLeft1}.fadeInOpacity{animation-name:fade-in}.fadeInRight1{animation-name:fadeInRight1}.fadeInTop{animation-name:fadeInTop}.box.on .center{animation-name:fadeInBot}@keyframes fadeInRight1{0%{opacity:0;transform:translate(62.5em,0)}100%{opacity:1;transform:translate(0,0)}}@keyframes fadeInLeft1{0%{opacity:0;transform:translate(-62.5em,0)}100%{opacity:1;transform:translate(0,0)}}@keyframes fadeInTop{0%{opacity:1;transform:translate(0,-50%)}100%{opacity:0;transform:translate(0,-200%)}}@keyframes fadeInBot{0%{opacity:0;transform:translate(0,-100%)}100%{opacity:1;transform:translate(0,calc(-50% + 3.66em))}}#img_box{width:100%;height:100%;position:fixed;z-index:99;left:0;top:0;background-color:rgba(0,0,0,.9)}#img_box img.show{max-width:80%;max-height:80%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}#img_box .close,.product-video-open .close{width:1.2em;height:1.2em;line-height:1.2em;text-align:center;font-size:3em;color:#fff;position:absolute;top:.6em;right:.6em;cursor:pointer;font-family:icon;z-index:999}.himg{position:relative;z-index:1}.himg img{min-width:100%;height:100%;position:absolute;z-index:-1;left:-200%;top:-200%;right:-200%;bottom:-200%;margin:auto;transition:transform .4s ease}.himg.auto img{min-width:0;max-width:100%;max-height:100%;height:auto}.himg:hover img{transform:scale(1.1,1.1)}.mrow{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.maxcenter{max-width:90vw;margin:0 auto}.sidecenter{max-width:100em;margin:0 auto}.boxcenter{height:calc(100% - 7.33em);margin-top:7.33em;position:relative}.center{position:absolute;max-width:90em;top:50%;transform:translateY(calc(-50% + 3.66em));left:0;right:0;margin:0 auto}.more{display:inline-block;vertical-align:top;font-family:icon;line-height:2em;text-align:center;width:10em;position:relative;overflow:hidden}.more:after,.more:before{content:'\e61c';font-size:2em;display:block;transition:transform .3s;background:#fff;color:#5698c3;padding:.2em 0;width:100%}.more:before{position:absolute;left:-100%;top:0;background:#fff;color:#5698c3}.more:hover:after,.more:hover:before{transform:translateX(100%)}.more:hover:before{transition-delay:.2s}header{position:fixed;background:rgba(0,0,0,.5);top:0;left:0;right:0;overflow:hidden;z-index:9}header .maxcenter{display:flex;justify-content:space-between;align-items:center;padding:1em 0;overflow:visible}header .maxcenter .logo{display:block;max-width:18em}header .maxcenter .logo img{display:block;width:100%}header .maxcenter .nav{position:relative;overflow:visible}header .maxcenter .nav a{display:inline-block;vertical-align:top;font-size:1.25em;margin:0 1em;color:#fff}header .maxcenter .nav .line{width:calc(5vw + 100%);height:.75em;display:block;position:absolute;right:-5vw;bottom:-2em;overflow:hidden}header .maxcenter .nav .line:after{content:'';width:100vw;height:100%;display:block;position:absolute;left:0;right:0;top:0;background:linear-gradient(90deg,#01fccf 0%,#0055a4 100%);animation:backcolor 8s .2s linear infinite alternate}@keyframes backcolor {from{transform:translateY(0)}to{transform:translateX(-50%)}}header .maxcenter .con-number{color:#333;display:flex;align-items:center;font-size:1.25em}header .maxcenter .con-number:after{content:attr(data-nm);color:#5698c3;font-weight:bold;font-size:1.25em}.box-h{width:100%;height:100vh;position:relative}.box-h .box-l{width:100%;transition:margin-top .6s}.box-h .box-l .box{width:100%;height:100vh;position:relative}.box-h .box-l .canvas{position:absolute;left:0;right:0;top:6.3em;bottom:0;opacity:.1}.in-banner{position:relative;z-index:1;height:100vh}.in-banner .list{white-space:nowrap;height:100%}.in-banner .list li{display:inline-block;vertical-align:top;width:100%;height:100%;position:relative}.in-banner .list li .img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;transform:scale(1.1,1.1);transition:transform 8s}.in-banner .list li.on .img{transform:scale(1,1)}.in-banner .list li .text{position:absolute;top:50%;transform:translateY(-30%);left:5vw;right:5vw;opacity:0;transition:transform .6s,opacity .6s;text-align:center;color:#fff}.in-banner .list li.on .text{transform:translateY(-50%);opacity:1;transition-delay:.6s}.in-banner .list li .text h1{font-size:5em;margin:0;line-height:1em}.in-banner .list li .text span{font-size:3em;line-height:200%}.in-banner .page{position:absolute;bottom:5em;left:0;right:0;z-index:1;text-align:center}.in-banner .page:after{content:'';width:100%;height:1px;display:block;background:#fff;position:absolute;top:50%;transform:translateY(-50%);z-index:-1;display:none}.in-banner .page .goto{display:inline-block;width:3.75em;height:3.75em;border-radius:50%;background-color:#fff;text-align:center;line-height:3.75em;font-family:icon;cursor:pointer}.in-banner .page .goto:after{content:'\eca2';font-size:1.5em}.in-banner .page .goto.next:after{content:'\e613'}.in-banner .page .goto:first-child{margin-left:10vw;margin-right:1em}.in-banner .page .goto:hover{background:#0055a4;color:#fff}.in-banner .page span{width:1em;height:1em;border-radius:50%;background:rgba(255,255,255,.5);display:inline-block;margin:0 .5em;cursor:pointer}.in-banner .page span:hover,.in-banner .page span.on{background:#fff}.in-about .back{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;transform:scale(1.1,1.1);transition:transform 10s}.in-about .center{display:flex;justify-content:space-between;overflow:visible;margin:0 auto;padding:3vw 0 0 0;position:relative;z-index:1}.in-about .center .text{width:calc(50% - 8.5em);padding:4em;background:#333;position:relative}.in-about .center .text h1{color:#fff;font-size:2.25em;vertical-align:middle;line-height:1em;display:flex;align-items:center}.in-about .center .text h1:after{content:attr(data-en);font-size:1.25em;color:#5698c3;display:inline-block;vertical-align:middle;margin-left:.25em}.in-about .center .text p{color:#c4c4c4;line-height:200%;margin-top:2vw}.in-about .center .text:before{content:'';width:16.25em;height:11.25em;display:block;position:absolute;right:4em;bottom:3em;background:url(/web/images/map-1.png) no-repeat center center;background-size:contain}.in-about .center .text .addr{width:2em;height:2em;display:block;border:1px solid rgba(255,255,255,.6);position:absolute;right:7.4em;bottom:8.6em;border-radius:50%}.in-about .center .text .more{margin-top:10em}.in-about .center .text .addr:before{content:'';width:.7em;height:.7em;display:block;border-radius:50%;background:rgba(86,152,195);position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}.in-about .center .text .addr:after{content:'';width:.7em;height:.7em;display:block;background:rgba(86,152,195);position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;animation:spread 2s .2s linear infinite;border-radius:50%}@keyframes spread {from{transform:scale(1,1);opacity:.8}25%{transform:scale(2,2);opacity:.7}50%{transform:scale(3,3);opacity:.6}75%{transform:scale(4,4);opacity:.5}95%{transform:scale(5,5);opacity:0}100%{transform:scale(6,6);opacity:0}}.in-about .center .list{width:calc(50% - .5em);vertical-align:top;display:flex;flex-flow:wrap;justify-content:space-between;overflow:visible}.in-about .center .list li{width:calc(50% - .5em);height:calc(50% - .5em);background:#333;display:flex;justify-content:space-between;align-items:center;flex-flow:wrap;text-align:center;transition:background .3s;opacity:0}.in-about .center .list li:nth-child(3),.in-about .center .list li:last-child{margin-top:1em}.in-about .center .list li .number{width:100%}.in-about .center .list li .number span{color:#5698c3;font-weight:bold}.in-about .center .list li p{width:100%;font-size:1.25em;margin-top:0;color:#ccc}.in-about .center .list li:hover{background:#5698c3}.in-about .center .list li:hover .number span,.in-about .center .list li:hover p{color:#fff}.in-about.on .center .list li{animation:swing 1.5s ease-in-out;animation-fill-mode:forwards}@keyframes swing {0% {transform-origin:top;opacity:0;transform:perspective(500px)rotatex(-20deg)}25% {opacity:1;transform:perspective(500px)rotatex(10deg)}50% {transform:perspective(500px)rotatex(-5deg)}75% {transform:perspective(500px)rotatex(5deg)}100% {opacity:1;transform-origin:top;transform:perspective(500px)rotatex(0)}}.in-product{color:#fff;position:relative}.in-product .back{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;transform:scale(1.1,1.1);transition:transform 10s}.in-product.on .back{transform:scale(1,1)}.in-product .center{max-width:87em;position:relative;z-index:1}.in-product .name{font-size:3em;text-align:center;margin-top:0;line-height:1.25em;color:#1696d5}.in-product .name:after{content:attr(data-en);display:block;font-size:.75em;font-weight:normal}.in-product .nav{text-align:center}.in-product .nav a{display:inline-block;vertical-align:top;padding:0 1.5em;background:#fff;line-height:3em;border:1px solid transparent;border-radius:2em;margin:0 1em;color:#333;cursor:pointer}.in-product .nav a:hover,.in-product .nav a.on,.in-product .nav a:first-child{background:#3377e6;color:#fff;border:1px solid #fff}.in-product .list{display:flex;justify-content:space-between;flex-flow:wrap;margin-top:3vw}.in-product .list a{width:calc(100% / 3 - 1em - 2px);height:14.5em;display:block;background:#fff;position:relative;border:1px solid #d2d2d2}.in-product .list a:nth-child(-n+3){margin-bottom:2em}.in-product .list a img{max-height:80%;max-width:90%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;transition:transform .3s}.in-product .list a:hover img{transform:scale(1.1,1.1)}.in-product .list a p{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:1em 2em;color:#fff;margin:0;transition:transform .3s,opacity .3s;background:rgba(0,0,0,.5)}.in-case{background:#f0f1f4;position:relative}.in-case .name{border-bottom:1px solid #dfe1e8;line-height:130%;padding-bottom:.5em;font-size:2.25em;color:#0055a4;margin-bottom:0}.in-case .name:after{content:'Our success stories are all over the world';font-size:.75em;color:#343434;display:block}.in-case .list{white-space:nowrap}.in-case .list a{display:inline-block;vertical-align:top;padding:3em 0;position:relative;width:100%}.in-case .list a:after{content:'';width:1px;height:100%;display:block;position:absolute;right:25em;top:0;bottom:0;background:#dfe1e8}.in-case .list a .img{width:58.75em;height:auto;display:inline-block;height:25.5em}.in-case .list a .img .himg{width:calc(100% / 2 - .75em);height:100%;display:inline-block;vertical-align:top;overflow:hidden}.in-case .list a .img .himg:first-child{margin-right:1.5em}.in-case .list a .text{width:100%;max-width:20em;padding-left:5em;position:absolute;right:0;top:3em;bottom:0}.in-case .list a .text p{font-size:1.25em;line-height:180%;color:#343434}.in-case .more{margin:initial;background:#0055a4}.in-case .more:before{color:#fff}.in-case .more:after{background:#fff;color:#fff}.in-case .page{width:3em;height:auto;position:absolute;right:23.5em;top:45%}.in-case .page .goto{width:3em;height:3em;border-radius:50%;text-align:center;line-height:3em;color:#fff;font-family:icon;background:#9ea7b6;cursor:pointer}.in-case .page .goto.next{margin-top:1em}.in-case .page .goto:hover{background:#0055a4}.in-news{color:#fff;position:relative}.in-news .back{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;transform:scale(1.1,1.1);transition:transform 10s}.in-news.on .back{transform:scale(1,1)}.in-news .center{position:relative;z-index:1}.in-news .name{font-size:3em;text-align:center;margin-top:0;line-height:1.25em;color:#fff}.in-news .name:after{content:attr(data-en);display:block;font-size:.75em;font-weight:normal}.in-news .list{display:flex;justify-content:space-between;padding:2em;background:#fff}.in-news .list .left{width:37.25em;height:24.5em}.in-news .list .left .hidden{white-space:nowrap;height:100%}.in-news .list .left .hidden a{width:100%;height:100%;display:inline-block;vertical-align:top;position:relative}.in-news .list .left .hidden a .himg{width:100%;height:100%;display:block;overflow:hidden}.in-news .list .left .hidden a .text{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.3);padding:1em;z-index:1;color:#fff;display:flex;justify-content:space-between;align-items:center}.in-news .list .left .hidden a .text .time{text-align:center;padding-right:1em;border-right:2px solid #2d92d4;margin-right:1em}.in-news .list .left .hidden a .text .time:before{content:attr(data-y);font-size:1.25em}.in-news .list .left .hidden a .text .time:after{content:attr(data-md);font-size:1.125em;display:block}.in-news .list .left .hidden a .text .texts{max-width:80%}.in-news .list .left .hidden a .text .texts h1{margin:0;font-size:1.25em}.in-news .list .left .hidden a .text .texts p{margin-bottom:0;margin-top:.25em}.in-news .list .right{max-width:48em}.in-news .list .right a{display:flex;justify-content:space-between;align-items:center;padding:.75em 1em}.in-news .list .right a:last-child{margin-bottom:0}.in-news .list .right a .time{text-align:center}.in-news .list .right a .time:before{content:attr(data-y);font-size:2em;font-weight:blod}.in-news .list .right a .time:after{content:attr(data-md);font-size:1.25em;display:block;margin-top:.25em}.in-news .list .right a .text{border-right:2px solid #2d92d4;padding-right:1em;width:85%}.in-news .list .right a .text h1{margin:0;font-size:1.5em}.in-news .list .right a .text p{margin-bottom:0;margin-top:.5em;color:#b9b9b9;line-height:180%;font-size:1.125em}.in-news .list .right a:hover ,.in-news .list .right a.on{background:#5698c3;color:#fff}.in-news .list .right a:hover p ,.in-news .list .right a.on p{color:#fff}.in-news .list .right a:hover .text ,.in-news .list .right a.on .text{border-right:2px solid #fff}.in-news .more{margin:0 auto;margin-top:3em;display:block}.in-programme{position:relative}.in-programme .center{z-index:1;position:relative}.in-programme .back{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;transform:scale(1.1,1.1);transition:transform 10s}.in-programme.on .back{transform:scale(1,1)}.in-programme .name{font-size:3em;text-align:center;margin-top:0;line-height:1.25em;color:#fff}.in-programme .name:after{content:attr(data-en);display:block;font-size:.75em;font-weight:normal}.in-programme .center .list{white-space:nowrap}.in-programme .center .list a{display:inline-block;vertical-align:top;white-space:normal;width:calc(100% / 4 - 1em);height:24vw;margin-right:1.25em;position:relative}.in-programme .center .list a:after{content:'';width:100%;height:100%;display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:rgba(0,0,0,0);transition:transform .6s,opacity .6s}.in-programme .center .list a.on:after,.in-programme .center .list a:hover:after{transform:scale(1.2,1.2);opacity:0}.in-programme .center .list a:before{content:'';height:0;background:rgba(0,0,0,.7);position:absolute;left:.75em;right:.75em;top:0;bottom:0;margin:auto;opacity:0;transition:height .6s,opacity .6s}.in-programme .center .list a.on:before,.in-programme .center .list a:hover:before{height:95%;opacity:1}.in-programme .center .list a span{font-size:1.5em;color:#fff;position:absolute;z-index:3;left:2em;right:2em;top:2em;transition:top .6s,transform .6s}.in-programme .center .list a span p{margin:0}.in-programme .center .list a span:after{content:'';width:0;height:.25em;display:block;background:#5698c3;margin-top:.5em;transition:width .6s}.in-programme .center .list a.on span,.in-programme .center .list a:hover span{transform:translateY(-50%);top:50%}.in-programme .center .list a.on span:after,.in-programme .center .list a:hover span:after{width:100%;transition-delay:.5s}.in-programme .pagegoto{text-align:center;margin-top:2em;position:relative}.in-programme .pagegoto .goto{width:3em;height:3em;border-radius:50%;line-height:3em;font-family:icon;background:#5698c3;display:inline-block;position:relative;cursor:pointer;color:#fff}.in-programme .pagegoto .goto:after{content:'\eca2';font-size:1.5em}.in-programme .pagegoto .goto.next:after{content:'\e613'}.in-programme .pagegoto .goto:first-child{margin-right:1em}.in-programme .pagegoto:before{content:'';width:100%;height:.25em;display:block;background:rgba(89,26,21,.3);position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;z-index:-2}.in-programme .pagegoto:before{width:20vw;margin:0 auto;background:#5698c3;z-index:-1;transition:width 1s ease-out}.in-programme .pagegoto:hover:before{width:100%;transition-duration:10s}.in-contact .center{z-index:1}.in-contact .name{font-size:2em;text-align:center;margin-top:0;line-height:1.25em;color:#fff}.in-contact .name:after{content:attr(data-en);display:block;font-size:.75em;font-weight:normal}.in-contact .back{content:'';width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;transform:scale(1.2,1.2);transition:transform 3s ease;transition-delay:.6s}.in-contact.on .back{transform:scale(1,1)}.in-contact .copy{position:absolute;line-height:2em;bottom:0;left:0;right:0;text-align:center;background:rgba(0,0,0,.3);z-index:1;margin:0}.in-contact .copy,.in-contact .copy a{color:rgba(255,255,255,.6)}.in-contact .copy a{color:#515151}.in-contact .center .contact-box{transform:scale(.6,.6);opacity:0}.in-contact.on .center .contact-box{transform:scale(1,1);opacity:1;transition-delay:.8s}.in-contact .center .contact-box,.in-contact .center .contact-box:after{width:38em;height:38em;border-radius:50%;z-index:1;background:rgba(43,71,86,.2);position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.in-contact .center .contact-box{position:static}.in-contact .center .contact-box:after{content:'';width:35em;height:35em;display:block;background:rgba(43,71,86,.7);z-index:-1}.in-contact .center .contact-box .text{text-align:center;margin-top:5em;color:#fff}.in-contact .center .contact-box .text p{color:rgba(255,255,255,.5)}.in-contact .center .contact-box .text span{display:block;line-height:2em;margin-top:2em;font-size:1.25em}.in-contact .center .contact-box .text .contactmore{width:16.8em;line-height:3em;display:block;text-align:center;background:#5698c3;color:#fff;margin:0 auto;margin-top:2em}.in-contact .center .contact-box .contactsub{height:10.5em;line-height:10.5em;display:block;width:100%;text-align:center;color:#fff;position:absolute;bottom:0;left:0;right:0}.in-contact .center .contact-box .contactsub:after{content:'留言';font-size:2em}footer{line-height:2em;text-align:center;padding:1em;background:#5698c3;color:#fff}footer.none{display:none}.side-img{width:100%;position:relative;height:35vw}.side-img .page{margin:0;bottom:3em}.side-img img{min-width:100%;height:100%;position:absolute;z-index:-1;left:-200%;top:-200%;right:-200%;bottom:-200%;margin:auto}.side-img .text{position:absolute;top:50%;transform:translateY(-50%);left:5vw;right:5vw;text-align:center;color:#fff}.side-img .text h1{font-size:4em;margin:0;line-height:1em}.side-img .text span{font-size:2em;line-height:200%}.side-nav{border-bottom:3px solid #5698c3;box-shadow:0 .25em 1em rgba(51,51,51,.3);position:relative;z-index:1}.side-nav .maxcenter{display:flex;justify-content:center;align-items:center;line-height:4.5em}.side-nav .maxcenter a{padding:0 1em;text-align:center;font-size:1.25em}.side-nav .maxcenter a:hover,.side-nav .maxcenter a.on{background:#5698c3;color:#fff}.side-brief{height:auto;padding:3vw 0;position:relative}.side-brief:after{content:'';height:100%;position:absolute;display:block;left:0;right:0;bottom:0;background:url(/web/images/pround-back.png) no-repeat center bottom;background-size:cover;z-index:-1;opacity:.1}.side-brief .flex{display:flex;justify-content:space-between;align-items:center}.side-brief .flex .text{max-width:45%}.side-brief .flex .img{max-width:50%}.side-brief .flex .img img{display:block;width:100%;max-width:100%}.side-brief .flex p{margin-top:0;font-size:1.125em;line-height:250%}.side-brief .top{margin-bottom:3vw}.side-brief .top h1{color:#333}.side-brief .top h1:before{content:attr(data-en);font-size:1.125em;color:#5698c3;display:block}.side-honor{display:flex;justify-content:space-between;height:34vw;position:relative;background:#5698c3}.side-honor .left{display:flex;justify-content:center;align-items:center;width:30%;height:100%;background:#5698c3}.side-honor .left h1{color:#fff;width:100%;display:inline-block;padding-left:25%}.side-honor .left h1:after{content:attr(data-en);display:block}.side-honor .right{width:70%;display:flex;align-items:center;justify-content:center;background:#5698c3}.side-honor .right .hiden{height:24vw;width:80%}.side-honor .right .hiden .list{white-space:nowrap;height:100%}.side-honor .right .hiden .list li{width:calc(100% / 3 - 2em);height:100%;margin-right:3em;display:inline-block;vertical-align:top}.side-honor .right .hiden .list li:last-child{margin-right:0}.side-honor .page{position:absolute;top:50%;transform:translateY(-50%);left:30%;width:4.5em;line-height:4.5em;font-family:icon;text-align:center;cursor:pointer}.side-honor .page .goto{height:4.5em;color:#5698c3;background:#fff;border-radius:50%}.side-honor .page .goto:after{content:'\e613';font-size:2em}.side-honor .page .goto.next{margin-bottom:1em}.side-honor .page .goto.next:after{content:'\eca2'}.history-box{padding:3vw 0;background:#5698c3}.history-box .name{color:#fff;width:100%;text-align:center}.history-box .name:before{content:attr(data-en);display:block}.history-box .hidden{position:relative;margin-top:4vw}.history-box .list{white-space:nowrap}.history-box .list li{display:inline-block;vertical-align:top;width:calc(100% / 4 - 5em);padding:0 2.5em;white-space:normal;position:relative;color:#fff}.history-box .list li h1{font-size:2em;margin-bottom:.5em}.history-box .list li p{line-height:180%}.history-box .list li:nth-child(2n){margin-top:6em}.history-box .list li:before{content:'';width:1em;height:1em;border-radius:50%;display:block;background:#5698c3;position:absolute;left:0;top:.5em;border:.25em solid #fff}.history-box .list li:after{content:'';width:2px;height:100%;background:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));display:block;position:absolute;left:calc(.75em - 1px);top:1.75em}.history-box .hidden .both{position:absolute;left:0;width:3em;height:6em;background-color:rgba(0,0,0,.4);display:block;color:#fff;font-family:icon;left:0;top:50%;transform:translateY(-50%);line-height:6em;text-align:center;cursor:pointer}.history-box .hidden .both:after{content:'\eca2';font-size:2em}.history-box .hidden .both.next{left:initial;right:0}.history-box .hidden .both.next:after{content:'\e613'}.page{text-align:left;margin-bottom:2em;text-align:center;margin:3em auto}.page a{text-align:center;width:1.8em;height:1.8em;display:inline-block;margin-left:1em;color:#fff;line-height:1.8em;background:#2da0d9}.page a.on,.page a:hover{background:none;background:#2da0d9;color:#fff}.article_list{margin:3vw auto;--width:calc(100% / 3 - 1.3em - 2px)}.article_list li{height:20vw;border:1px solid #d2d2d2;margin-bottom:2em}.article_list li a{width:100%;height:100%;display:block}.article_list li span{position:absolute;display:block;left:2em;right:2em;bottom:1em;background:rgba(0,0,0,.5);padding:1em;white-space:normal;color:#fff}.article_list li span h1{font-size:1.5em;font-family:icon;margin:0}.article_list li span h1:after{content:'\eca1';float:right}.article_list li span p{font-size:1.125em;line-height:1.8em;-webkit-line-clamp:6;height:0;margin:0;transition:height .3s}.article_list li:hover span{background:rgba(22,150,213,.9)}.news_list{margin:3em auto;overflow:visible}.news_list li{margin-bottom:1em;border-radius:1em 0 0 1em;background-color:#eee;padding:1em;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;justify-content:space-between;transition:background-color .4s}.news_list li p{margin:0}.news_list li .himg{width:23vw;height:16vw;background-color:#ddd;border-radius:.5em}.news_list li .info{width:50vw;line-height:2em}.news_list li .info a{display:block;margin:1em 0 1em 0;font-size:1.75em}.news_list li .info small{opacity:.5;font-size:1.125em}.news_list li .date{width:8vw;line-height:1.6em;font-family:Arial;font-size:1.4em}.news_list li .date small{display:block;font-size:.8em;opacity:.5}.news_list li .date a{width:1.6em;height:1.6em;line-height:1.6em;font-family:icon;border-radius:50%;text-align:center;display:block;border:1px solid #999;color:#999;margin-top:1em;transition:transform .8s;padding:.25em}.news_list li:hover{background:linear-gradient(to right,#5698c3 ,#14afd3)}.news_list li:hover .date a{transform:translateX(50%);color:#333;background-color:#fff;border-color:#fff}.news_list li:hover a,.news_list li:hover small ,.news_list li:hover .date{color:#fff}.industry-list{margin:3vw auto}.industry-list .maxcenter{max-width:80vw}.industry-list li{padding:3vw 0}.industry-list li a{display:block;position:relative}.industry-list li a .himg{width:auto;height:18.75em;display:block;overflow:hidden;float:left;margin-right:4em}.industry-list li a .himg img{position:static;min-width:initial;height:100%;display:block}.industry-list li a h1{font-size:2.5em;font-weight:normal;line-height:1em;margin:0}.industry-list li a h1:before{content:'';width:.1em;height:1em;display:inline-block;vertical-align:top;margin-right:1em;background:#008cd1}.industry-list li a p{color:#868686;white-space:normal;margin-top:3em;line-height:250%;font-size:1.25em;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.industry-list li a .inmore{position:absolute;bottom:0;left:54em}.industry-list li a .inmore:before{content:'MORE +'}.industry-list li:hover{background:#efefef}.industry-list li:hover a p{color:#515151}.industry-list li:hover .inmore{background:#008cd1;color:#fff}.industry-list li:nth-child(2n) a .himg{float:right;margin-left:4em;margin-right:initial}.industry-list li:nth-child(2n) a .inmore{left:0}.core{margin:3vw auto}.core h1{color:#5698c3;width:100%;display:inline-block;margin:0}.core h1:before{content:attr(data-en);display:block}.core .img{width:100%;margin:3vw 0}.core .img img{width:100%;display:block}.core .list{display:grid;justify-content:space-between;flex-flow:wrap;grid-template-columns:repeat(auto-fill,calc(100% / 3 - 6em))}.core .list li{border-bottom:1px solid #d2d2d2;margin-top:2em;display:inline-block;vertical-align:top}.core .list li span{color:#5698c3;font-size:1.25em}.core .list li p{font-size:1.125em}.core .list li:nth-child(-n+3){margin-top:0}.job-side{margin:3em auto}.job-side h1{font-weight:normal;color:#5698c3}.job-side .flex{display:flex;justify-content:space-between;margin-top:3em}.job-side .text1,.job-side .text2{line-height:280%;max-width:48%}.job-side .text1:before,.job-side .text2:before{content:'职位描述：';font-size:1.5em;display:block;margin-bottom:1em;color:#333}.job-side .text2:before{content:'任职要求'}.jobs_btn{width:10em;height:2.5em;display:block;line-height:2.5em;text-align:center;background-color:#666;color:#fff;border-radius:4px;cursor:pointer;margin-top:5em;position:relative}.jobs_btn:hover{background:#5698c3}.jobs_btn input{width:200%;height:200%;font-size:0;position:absolute;z-index:99;left:0;top:0;right:0;bottom:0;margin:auto;cursor:pointer;opacity:0;text-align:center}.con-both{display:none}.job-box{margin:3em auto}.job-box .search .slect{background:#5698c3;padding:2em}.job-box .search .slect span{display:inline-block;vertical-align:top;margin-right:2em;color:#595959}.job-box .search .slect span.position:before,.job-box .search .slect span.addr:before{content:'工作地点';display:inline-block;vertical-align:middle;color:#fff;margin-right:1em}.job-box .search .slect span.position:before{content:'职 位'}.job-box .search .slect span .back-icon{position:relative;display:inline-block;vertical-align:middle}.job-box .search .slect span select{display:block;height:3em;line-height:3em;border:2px solid #fff;border-radius:.5em;text-indent:1em;min-width:25em}.job-box .job-all{margin-top:3em}.job-box .job-all .tab{padding-bottom:1.5em;border-bottom:1px solid #a6a6a6}.job-box .job-all .tab span{display:inline-block;font-size:1.25em;cursor:pointer;margin-right:2em}.job-box .job-all .tab span:hover,.job-box .job-all .tab span.on{color:#5698c3}.job-box .job-all .list{position:relative;overflow:visible}.job-box .job-all .list .ctg{visibility:hidden;opacity:0;transform:translateY(2em);position:absolute;top:0;overflow:visible}.job-box .job-all .list .ctg.on,.job-box .job-all .list .ctg.result{visibility:visible;opacity:1;transform:translateY(0);position:static}.job-box .job-all .list li{position:relative;padding:2em 0;border-bottom:1px dashed #a6a6a6;overflow:visible}.job-box .job-all .list li .addrs{content:attr(data-addr);color:#595959;letter-spacing:.2em;display:block;margin-top:1em}.job-box .job-all .list li h1{font-size:1em}.job-box .job-all .list li h1 a{font-size:1.5em;font-weight:normal}.job-box .job-all .list li .apply{border-radius:.5em;line-height:3em;position:absolute;width:5em;text-align:center;display:inline-block;vertical-align:top;border:2px solid #5698c3;background:#5698c3;color:#fff;top:50%;transform:translateY(-50%);right:2em}.job-box .job-all .list li .apply:hover{background:#fff;color:#5698c3;border:2px solid #5698c3}.con-list{width:100%;display:flex;justify-content:center;margin:3em auto}.con-list li{text-align:center;width:calc(100% / 3 - 4em)}.con-list li span{width:9em;height:9em;border-radius:50%;line-height:9em;font-family:icon;display:inline-block;color:#fff;background:#5698c3;text-align:center}.con-list li span:after{content:attr(data-icon);font-size:3em}.con-list li p{font-size:1.25em;font-weight:bold;color:#333}.con-list li p:after{content:attr(data-text);display:block;margin-top:.5em;color:#666}.con-map{height:20vw}.con-msg{width:100%;padding:5vw 0;background:url('{$uap}') no-repeat center center;background-size:cover;background-attachment:fixed}.con-msg .db{max-width:50vw;margin:0 auto}.con-msg .db input,.con-msg .db textarea{border:0;background:transparent;padding:.5em;border-bottom:1px solid #dadcdc;outline:0;background:#fff}.con-msg .db input{display:inline-block;vertical-align:top;width:calc(100% / 2 - 1.5em);height:2.5em}.con-msg .db input.last{margin-left:1em}.con-msg .db textarea{width:100%;margin-top:1em;height:6em;padding-top:1em}.con-msg .db input::placeholder,.con-msg .text .margin .db textarea::placeholder{color:#666}.con-msg .db .in-both{height:3em;line-height:3em;text-align:center;width:14em;background:#fff;color:#333;margin:0 auto;margin-top:2em;cursor:pointer}.con-msg .db .in-both:hover{color:#fff;background:#5698c3}.sidecon{margin:3em auto;max-width:75vw}.sidecon .name{color:#1b1b1b;font-weight:normal;font-size:2em;padding-bottom:1em;border-bottom:1px solid #fff;margin-bottom:0}.sidecon .text{line-height:200%}.sidecon .text img{max-width:100%}.pageon{display:flex;justify-content:space-between}.pageon p{width:45%;height:100%;line-height:3em;background:#fff;text-align:left;font-family:icon;display:flex}.pageon p:before{content:'\e613';width:3em;height:3em;display:inline-block;text-align:center;background-color:#7f7f7f;margin-right:1em;color:#fff}.documents{margin:3em auto;max-width:80vw}.documents h1{font-size:3em;color:#5698c3;margin-top:0}.documents .list li{width:100%;background:#f5f5f5;margin-bottom:.5em;text-indent:2em;font-size:1.25em;font-family:icon;position:relative}.documents .list li a{width:100%;height:100%;display:block;padding:1.25em 0;position:relative}.documents .list li:hover{background:#5698c3;color:#fff}.documents .list li:hover a{color:#fff}.documents .list li a:after{content:'\ec1d';font-size:2em;display:block;position:absolute;right:1em;top:50%;transform:translateY(-50%)}.window{width:6.5em;height:auto;position:fixed;bottom:2em;right:0;overflow:visible;z-index:3}.window li{padding:1em 0;cursor:pointer;position:relative;overflow:visible}.window li p,.window li a{width:3.4em;height:3.4em;display:block;border-radius:50%;background:rgba(0,0,0,.6);margin:0 auto;font-family:icon;text-align:center;line-height:3.4em;color:#fff}.window li.window-tel a:after{content:'\e62c';font-size:2em}.window li.window-tel span{opacity:0;display:none;z-index:-2;position:absolute;right:100%;background:#5698c3;overflow:hidden;white-space:nowrap;line-height:4em;padding:0 3em;top:50%;transform:translateY(-50%)}.window li.window-tel span:after{content:attr(data-number);font-size:1.5em;color:#fff}.window li.window-tel:hover span{display:flex;opacity:1}.window li:hover a,.window li:hover p{background:#5698c3}.window li.window-tel p:hover + span{opacity:1;z-index:1;display:flex}.window li.window-wechat p:after{content:'\e72d';font-size:2em}.window li.window-wechat span{width:12em;height:12em;position:absolute;right:100%;top:0;bottom:0;margin:auto 0;background:#5698c3;opacity:0;z-index:-1;display:none}.window li.window-wechat span img{width:93%;height:93%;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0}.window li.window-wechat p:hover + span{opacity:1;display:block}.window li.window-qq a:after{content:'\e882';font-size:2em}.side-service{margin:3em auto;display:flex;flex-flow:wrap;max-width:94em}.side-service a{display:block;white-space:normal;margin-bottom:3em;width:100%}.side-service a .text{width:calc(50% - 8em);padding:3em 4em;float:left;background:#efefef;height:100%;position:relative;top:0;bottom:0}.side-service a .text h1{text-align:left;font-weight:normal;margin:0;line-height:1em;margin-top:2em}.side-service a .text p{-webkit-line-clamp:4;font-size:1.125em;line-height:180%;margin-top:0;color:#3e3a39}.side-service a .text p:before{content:'';width:3em;height:2px;display:block;background:#5698c3;margin:1.5em 0 1em 0}.side-service a .img{width:50%;float:right}.side-service a .img img{width:100%;display:block;transition:transform .3s}.side-service a .more{margin-top:4em}.side-service a:nth-child(2n) .text{float:right}.side-service a:nth-child(2n) .img{float:left}.side-service a:hover .img img{transform:scale(1.1,1.1)}header .nav-open{position:fixed;top:0;left:0;right:0;bottom:0;z-index:4;transform:scale(1.3,1.3);opacity:0;visibility:hidden;transition:transform .6s,opacity .4s}header .nav-open:after{content:'';width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;margin:auto;background:rgba(255,255,255,.85)}header.on .nav-open{transform:scale(1,1);opacity:1;visibility:visible}header .nav-open .list{--width:calc(33% - 4.5vw);width:60vw;position:relative;top:50%;bottom:0;left:0;right:0;margin:auto;transform:translateY(calc(-50% + 2.5em));z-index:1}header .nav-open .list li{margin-bottom:2em}header .nav-open .list li span{padding-top:2em;border-top:2px solid #3e3a39;display:block;color:#3e3a39}header .nav-open .list li span:before{content:attr(data-name);font-size:1.5em;letter-spacing:.2em}header .nav-open .list li span:after{content:attr(data-en);display:block;margin-top:.25em;letter-spacing:.2em}header .nav-open .list li p{margin-bottom:0}header .nav-open .list li p a{display:block;color:#3e3a39;line-height:2.5em;font-size:1.125em}header .nav-open .list li:hover span{color:#b01f24;border-top:2px solid #b01f24}header .nav-open .list li:hover p a:hover{color:#b01f24}@media screen and (max-width:1670px){body{font-size:14px}}@media screen and (max-width:1480px){body{font-size:12px}}@media screen and (max-width:860px){body{min-width:0}.box-h{height:auto}.box-h .box-l .box{height:auto;width:initial}header{overflow:visible;transition:transform .3s}header .maxcenter{position:relative;z-index:10}header .maxcenter .logo{max-width:10em}header .maxcenter .con-number{display:none}header .nav-web{width:3em;height:3em;position:absolute;right:1em;top:50%;transform:translateY(-50%);text-align:center;line-height:3em;font-family:icon;color:#1688d5}header .nav-web:after{content:'\e607';font-size:2em}header .nav-web.on:after{content:'\eca0'}header .maxcenter .nav{position:absolute;text-align:center;height:100vh;right:0;top:0;transform:translateX(100vw);background:#333;transition:transform .3s;left:0;right:0;padding:0 2em;display:none}header.on .maxcenter .nav{transform:translateX(0);overflow-y:auto}header .maxcenter .nav.on{box-shadow:-.25em 0 .25em rgba(51,51,51,.3)}header .maxcenter .nav span:first-child{margin-top:4em}header .maxcenter .nav span{display:block;margin:0;line-height:4em;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}header .maxcenter .nav .one{display:block;margin:0;position:relative}header .maxcenter .nav .sub{display:none}header .maxcenter .nav .sub a{font-size:1em;margin:0;display:block}header .maxcenter .nav .add{display:block;position:relative}header .maxcenter .nav .add.on .sub{display:block}header .maxcenter .nav .add .one:after{content:'+';float:right;font-size:2em;display:block;color:#fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}header .maxcenter .nav .add.on .one:after{content:'-'}.in-banner .list{height:100vh}.in-banner .list li .text{font-size:.5em}.in-about{display:none}.in-about .text-box{width:100%}.in-about .text-box .text{position:static;transform:translateY(0);padding:2em 1em;max-width:calc(100% - 2em)}.in-about .img{display:none}.in-about .text-box .text h1{font-size:2em;margin-top:0}.mousemove{display:none}.in-product.box{padding:2em 1em}.in-product .center{position:static;transform:translateY(0)}.in-product .name{font-size:2em}.in-product .nav{white-space:nowrap;overflow-x:auto}.in-product .nav a{display:inline-block;vertical-align:top;padding:0 1em}.in-product .list{margin-top:3em}.in-product .list a{width:calc(100% / 2 - 1em - 2px)}.in-product .list a p{transform:translateY(0);opacity:1}.in-news{padding:0 1em;display:none}.in-news .name{font-size:2em}.in-news .center{position:static;transform:translateY(0)}.in-news .list .left{display:none}.in-programme{padding:2em 1em;display:none}.in-programme .name{font-size:2em}.in-programme .center{position:static;transform:translateY(0)}.in-programme .list{flex-wrap:wrap}.in-programme .list a{width:calc(100% / 2 - 2.5em - 2px);padding:2em 1em 2em 1em}.in-programme .list a .icon{width:8em;height:8em;line-height:8em}.in-programme .list a:nth-child(-n+2){margin-bottom:1em}.in-contact{display:none}.in-contact .name{font-size:2.5em}.in-contact .center{position:static;height:auto;margin-top:0}.in-contact .text{max-width:100%;padding:2em 1em;width:initial}.in-contact .text .margin{position:static;transform:translateY(0)}.in-contact .map{position:static;width:100%;height:30em}.side-nav .maxcenter{display:block;white-space:nowrap;overflow-x:auto}.side-nav .maxcenter a{width:auto;padding:1em 2em}.side-brief .flex{display:block}.side-brief .flex .text{max-width:100%}.side-brief .flex .img{max-width:100%}.side-brief .bototm .img{display:none}.side-brief{padding:2em 1em;width:initial}.side-honor{height:auto;display:block;padding:2em 0}.side-honor .left{width:100%;font-size:1.25em}.side-honor .left h1{padding-left:0;text-align:center;margin:0}.side-honor .right{width:100%;margin:2em 0}.side-honor .right .hiden{height:60vh;width:75%}.side-honor .right .hiden .list li{width:100%}.side-honor .page{position:static;transform:translateY(0);width:100%;margin:0}.side-honor .page .goto{display:inline-block;vertical-align:top;width:4.5em}.history-box .list li{width:calc(100% - 5em)}.history-box .maxcenter{width:70vw}.history-box .list li:nth-child(2n){margin-top:0}.article_list{display:block}.article_list li{height:50vw;width:calc(100% - 2px)}.news_list li{display:block;padding:2em 1em}.news_list li .himg{width:100%;display:block;height:50vw}.news_list li .info{width:100%}.news_list li .info a{margin:.5em 0}.news_list li .info small{-webkit-line-clamp:3}.news_list li .date{display:none}.industry-list{max-width:90vw;margin:2em auto}.industry-list li a .himg{height:auto;width:100%;margin-right:0;float:initial}.industry-list li a .himg img{height:auto;width:100%}.industry-list li a h1{font-size:2em;margin:1em 0}.industry-list li a p{margin-top:0;line-height:180%}.industry-list li:nth-child(2n) a .himg{float:initial;margin-left:initial}.core .list{display:block;grid-template-columns:initial}.core .list li{width:100%}.job-box .search .slect span{margin-right:0}.job-box .search .slect span .back-icon{margin-top:1em}.job-box .search .slect span.addr{margin-bottom:1em}.job-box .job-all .list li .apply{position:static;transform:translateY(0)}.job-side .flex{display:block}.job-side .text1,.job-side .text2{max-width:100%;line-height:230%}.con-list{display:block;margin:0;padding:2em 1em}.con-list li{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;margin-bottom:3em}.con-list li span{width:6em;height:6em;line-height:6em;display:inline-block;vertical-align:middle}.con-list li p{margin:0;width:calc(100% - 6em)}.con-map{height:20em}.con-msg .db{max-width:90vw}.box-h .box-l .canvas{display:none}.in-about .center{padding:2em 1em 1em 1em;margin:0;position:static;display:block;transform:translateY(0)}.in-about .center .text{width:calc(100% - 2em);padding:1em}.in-about .center .list{width:100%;margin-top:1em;display:none}.in-about.on .center .list li{padding:1em 0}.in-programme .center .list a{width:100%;height:100vw}.in-contact .center{transform:translateY(0)}.in-contact.on{padding:2em 0}.in-contact.on .center .contact-box{zoom:.8}.in-banner .page{bottom:2em;margin:0}.window{display:none}.side-honor .page .goto.next{margin-bottom:0;margin-right:1em}.side-img{height:20em}.side-img.in-banner .list{height:100%}.side-img .text{font-size:.25em}.in-news .list .right a .time{display:none}.in-news .list .right a .text{padding-right:0;margin-right:0;border:0;width:100%}.in-programme .pagegoto .goto{border-radius:50%;background:#fff;color:#5698c3}header .nav-open .list{width:90vw}header .nav-open .list li{zoom:.8}header .nav-open .list li:first-child{display:none}header .nav-open .list li:nth-child(3n){padding:0}header .nav-open .list li span:after{display:none}.sidecon{max-width:90vw}.pageon{display:none}}