@font-face{//font-family:FZXSSFW--GB1-0;src:url(/static/media/FZXS.a4eb38ab.TTF)}*{box-sizing:border-box;outline:none;font-family:font-combine}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}a{text-decoration:none;cursor:pointer}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}ol,ul{list-style:none}.fade-enter{opacity:0;z-index:1}.fade-enter.fade-enter-active{opacity:1;-webkit-transition:opacity .25s ease-in;transition:opacity .25s ease-in}.animated-router-in-transition{position:relative;width:100%;overflow:hidden}.animated-router-forward-enter{-webkit-transform:translate(100%);transform:translate(100%)}.animated-router-forward-enter-active,.animated-router-forward-exit{-webkit-transform:translate(0);transform:translate(0)}.animated-router-backward-enter,.animated-router-forward-exit-active{-webkit-transform:translate(-100%);transform:translate(-100%)}.animated-router-backward-enter-active,.animated-router-backward-exit{-webkit-transform:translate(0);transform:translate(0)}.animated-router-backward-exit-active{-webkit-transform:translate(100%);transform:translate(100%)}.animated-router-backward-enter-active,.animated-router-backward-exit-active,.animated-router-forward-enter-active,.animated-router-forward-exit-active{-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.animated-router-backward-exit,.animated-router-forward-exit{position:absolute!important;width:100%;top:0;left:0}.footer-box{position:absolute;bottom:50px;display:inline-flex;width:100%;z-index:5}.footer-box .footer{font-size:14px;text-align:left;color:#ccc;width:80%;margin-left:86px}.footer-box .change-icon{width:20%;text-align:right;margin-right:80px}.footer-box .change-icon .triggle{float:right;width:20px;height:20px;background:none;border:3px solid #ffa303}.g-rect-path{fill:none;stroke-width:4;stroke:#d3dce6}.g-rect-fill{cursor:pointer;fill:none;stroke-width:4;stroke:#ffa303;stroke-dashoffset:0;stroke-dasharray:300,300}.animation{-webkit-animation:lineMove 4s linear 0s 1 alternate forwards;animation:lineMove 4s linear 0s 1 alternate forwards}.footer-box1{position:absolute;bottom:50px;display:inline-flex;width:100%;z-index:999}.footer-box1 .footer{font-size:14px;text-align:left;color:#666;width:80%;margin-left:86px}.footer-box1 .change-icon{width:20%;text-align:right;margin-right:80px}.footer-box1 .change-icon .triggle{float:right;width:20px;height:20px;background:none;border:3px solid #ffa303}@-webkit-keyframes lineMove{0%{stroke-dasharray:0,300}to{stroke-dasharray:300,300}}@keyframes lineMove{0%{stroke-dasharray:0,300}to{stroke-dasharray:300,300}}.showWhite{color:#262626;font-size:1.6rem;font-weight:400;line-height:1.5;background-color:#fff;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;position:relative;overflow:hidden;height:100vh}.showWhite .animate-slide{position:absolute;top:50%;right:4.5vw;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.nav-icon{position:fixed;bottom:95px;right:0;z-index:999;margin-right:60px}.nav-icon .st0{fill:#ffa303}.nav-icon img{width:20px;height:20px}.nav-icon .menu-toggle{position:absolute;top:22px;right:22px;width:36px;height:36px}.nav-icon .menu-toggle .icon{position:absolute;left:6px;top:6px}.nav-icon .hide-menu{display:none}.nav-icon .show-menu .icon span{display:block;position:absolute;left:2px;width:24px;height:1.8px;background-color:#c4c2c2;-webkit-transition:all .5s cubic-bezier(.15,.9,.34,.95);transition:all .5s cubic-bezier(.15,.9,.34,.95);-webkit-transform-origin:50%;transform-origin:50%}.nav-icon .show-menu .icon .l1{top:4px}.nav-icon .show-menu .icon .l2{top:11px}.nav-icon .show-menu .icon .l3{top:18px}.nav-icon .page-header .show-menu:hover .icon span{display:block;position:absolute;left:2px;width:20px;height:1px;background-color:#727272}#menu{position:fixed;top:0;height:100%;width:100%;z-index:6}#menu,#menu header{left:0;pointer-events:none}#menu header{position:absolute;top:9.04761905vh;right:0;margin:auto;width:90vw;height:40px;z-index:5;opacity:0}#menu header h1{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;line-height:40px;position:absolute;pointer-events:auto;top:0;left:0;font-size:22px;z-index:2}#menu header h1 a{font-size:22px;font-weight:700;color:#111}#menu header h1 .white a,#menu header h1 a{-moz-transition:all .4s cubic-bezier(.15,.9,.34,.95) .5s;-o-transition:all .4s cubic-bezier(.15,.9,.34,.95) .5s;-webkit-transition:all .4s cubic-bezier(.15,.9,.34,.95);-webkit-transition-delay:.5s;-webkit-transition:all .4s cubic-bezier(.15,.9,.34,.95) .5s;transition:all .4s cubic-bezier(.15,.9,.34,.95) .5s}#menu header h1 .white a{color:#fff}#menu:before{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;background-color:#fff;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;transform-origin:left center;-moz-transition:-moz-transform .6s cubic-bezier(.645,.045,.355,1) .6s;-o-transition:-o-transform .6s cubic-bezier(.645,.045,.355,1) .6s;-webkit-transition:-webkit-transform .6s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.6s;-webkit-transition:-webkit-transform .6s cubic-bezier(.645,.045,.355,1) .6s;transition:-webkit-transform .6s cubic-bezier(.645,.045,.355,1) .6s;transition:transform .6s cubic-bezier(.645,.045,.355,1) .6s;transition:transform .6s cubic-bezier(.645,.045,.355,1) .6s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) .6s}#menu nav{position:absolute;top:50%;right:15vw;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;font-family:BaseticaLight}#menu nav ul{text-align:right}#menu nav ul li{margin:1.5rem 0}#menu nav ul li a:nth-child(2){width:fit-content;width:-webkit-fit-content;width:-moz-fit-content}#menu nav ul li.secondary{margin:4rem 0}#menu nav ul li.secondary a{color:hsla(0,0%,100%,.6);font-size:1.4rem;position:relative;display:inline-block}#menu nav ul li.secondary a:after{background-color:hsla(0,0%,100%,.6)}#menu nav ul li a{cursor:hand;color:#111;display:inline-block;font-size:2.4rem;font-weight:700;opacity:0;position:relative;visibility:hidden;-webkit-transform:translateX(60px) translateZ(0);transform:translateX(60px) translateZ(0);-webkit-transition:all .6s cubic-bezier(.15,.9,.34,.95);transition:all .6s cubic-bezier(.15,.9,.34,.95)}.nav-underline{cursor:pointer}#menu nav ul li a:after{content:"";display:block;background-color:#111;height:2px;width:100%;left:0;bottom:0;position:absolute;-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .4s cubic-bezier(.15,.9,.34,.95);transition:-webkit-transform .4s cubic-bezier(.15,.9,.34,.95);transition:transform .4s cubic-bezier(.15,.9,.34,.95);transition:transform .4s cubic-bezier(.15,.9,.34,.95),-webkit-transform .4s cubic-bezier(.15,.9,.34,.95)}#menu nav ul li a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left center;transform-origin:left center}#menu.show{pointer-events:auto}#menu.show header{opacity:1}#menu.show:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right center;transform-origin:right center;-webkit-transition:-webkit-transform .6s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .6s cubic-bezier(.645,.045,.355,1);transition:transform .6s cubic-bezier(.645,.045,.355,1);transition:transform .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1)}#menu.show nav ul li a{opacity:1;visibility:visible;-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0)}#menu.show nav ul li:first-child a{-webkit-transition-delay:.3s;transition-delay:.3s}#menu.show nav ul li:nth-child(2) a{-webkit-transition-delay:.4s;transition-delay:.4s}#menu.show nav ul li:nth-child(3) a{-webkit-transition-delay:.5s;transition-delay:.5s}#menu.show nav ul li:nth-child(4) a{-webkit-transition-delay:.6s;transition-delay:.6s}#menu.show nav ul li:nth-child(5) a{-webkit-transition-delay:.7s;transition-delay:.7s}#menu.show nav ul li:nth-child(6) a{-webkit-transition-delay:.8s;transition-delay:.8s}#menu.close nav ul li a{opacity:0;visibility:hidden;-webkit-transform:translateX(-60px) translateZ(0);transform:translateX(-60px) translateZ(0)}#menu.close nav ul li:first-child a{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:.1s;transition-delay:.1s}#menu.close nav ul li:nth-child(2) a{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:.2s;transition-delay:.2s}#menu.close nav ul li:nth-child(3) a{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:.3s;transition-delay:.3s}#menu.close nav ul li:nth-child(4) a{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:.4s;transition-delay:.4s}#menu.close nav ul li:nth-child(5) a{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:.5s;transition-delay:.5s}#menu.close nav ul li:nth-child(6) a{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:.6s;transition-delay:.6s}@-webkit-keyframes slide-item{0%{right:0}to{right:4.5vw}}@keyframes slide-item{0%{right:0}to{right:4.5vw}}@-webkit-keyframes slide{0%{right:0}to{right:4.5vw}}@keyframes slide{0%{right:0}to{right:4.5vw}}.loader{position:fixed;left:50%;top:50%;margin:-100px 0 0 -100px;z-index:-1;opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.loader text{font-family:font-combine;-webkit-animation:loaderPath 4s infinite alternate;animation:loaderPath 4s infinite alternate}.loader polyline{-webkit-animation:loaderStroke 4s infinite alternate;animation:loaderStroke 4s infinite alternate}.loader .polyline-hover{stroke-dashoffset:0}.loader .loader{z-index:1;opacity:1}@-webkit-keyframes loaderPath{0%{fill:#fe931f}50%{fill:#e4d315}to{fill:#e83422}}@keyframes loaderPath{0%{fill:#fe931f}50%{fill:#e4d315}to{fill:#e83422}}@-webkit-keyframes loaderStroke{0%{fill:#fe931f}50%{fill:#e4d315}to{fill:#e83422}}@keyframes loaderStroke{0%{stroke:#fe931f}50%{stroke:#e4d315}to{stroke:#e83422}}.home-box{height:100vh;background-repeat:no-repeat;background-size:100% 100%;overflow:hidden;-webkit-transform-origin:50% 80%;transform-origin:50% 80%;animation:coverZoom 50s linear;animation-iteration-count:infinite;-webkit-animation:coverZoom 50s linear;-webkit-animation-iteration-count:infinite;-moz-animation:coverZoom linear 50s;-moz-animation-iteration-count:infinite;-ms-animation:coverZoom linear 50s;-ms-animation-iteration-count:infinite}.contain{position:absolute;left:50%;top:50%;margin-left:-500px;margin-top:-100px}.contain .title{width:1000px;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);z-index:8;cursor:default}.contain .title h4{font-size:6rem;color:#fff;text-align:center;margin:0;cursor:default;letter-spacing:50px;position:relative}.contain .title h4 .text-wrapper{position:relative;display:inline-block;padding-right:.05em;overflow:hidden}.contain .title h4 .text-wrapper .letter{display:inline-block;line-height:1em}.contain .title p{text-align:center;font-size:2rem;font-weight:700;color:#fff;letter-spacing:.8rem}@-webkit-keyframes titleShow{0%{overflow:hidden;-webkit-transform:translateY(50%) translateZ(0);transform:translateY(50%) translateZ(0)}to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}}@keyframes titleShow{0%{overflow:hidden;-webkit-transform:translateY(50%) translateZ(0);transform:translateY(50%) translateZ(0)}to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}}@media screen and (min-width:20em){.contain .title h4{font-size:2rem;letter-spacing:.2rem}.contain .title p{font-size:1.2rem;letter-spacing:.3rem}}@media screen and (min-width:40em){.contain .title h4{font-size:4rem;letter-spacing:2rem}.contain .title p{font-size:1.7rem;letter-spacing:.3rem}}@media screen and (min-width:65em){.contain .title h4{font-size:5rem;letter-spacing:3rem}.contain .title p{font-size:1.8rem;letter-spacing:.6rem}}@media screen and (min-width:80em){.contain .title h4{font-size:6rem;letter-spacing:3.4rem}.contain .title p{font-size:2rem;letter-spacing:.8rem}}@keyframes coverZoom{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.24);transform:scale(1.24)}}@-webkit-keyframes coverZoom{0%,to{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.24)}}.case-box{height:100vh;background-image:url(/static/media/case_bj.990926aa.jpg);background-repeat:no-repeat;background-size:100% 100%}.case-box .case-contain{text-align:center;position:absolute;top:50%;left:50%;width:80vw;margin-left:-40vw;margin-top:-22vh}.case-box .case-contain .title{padding-top:10vh;margin-bottom:60px;font-size:4rem;color:#fff;text-align:center;letter-spacing:2px;font-weight:400;overflow:hidden}.case-box .case-contain .title .letter{display:inline-block;line-height:1em}.case-box .case-contain .flexslider{position:relative;height:100%;margin-top:60px;overflow:hidden}.case-box .case-contain .flexslider li{display:none;-webkit-backface-visibility:hidden}.case-box .case-contain .flexslider .slides{zoom:1;height:100%}.case-box .case-contain .flexslider .slides:after{content:"";display:table;clear:both}.case-box .case-contain .flexslider .slides:before{content:"";display:table}.case-box .case-contain .flexslider .slides li{height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover}.case-box .case-contain .flex-viewport{height:100%;-webkit-transition:all 1s ease;transition:all 1s ease}.case-box .case-contain .table__cell{display:table-cell}.case-box .case-contain .table__cell .flat{margin-bottom:0!important;font-size:2em;color:#fff}.case-box .case-contain .table__cell small{font-size:1.2em;color:#fff}.case-box .case-contain .slider--team-thumbs .slides{background:rgba(255,163,3,.33)}.case-box .case-contain .slider--team-thumbs .slides .slide__inner,.case-box .case-contain .slider--team-thumbs .slides .slider--team-thumbs .slides li{-webkit-transition:all .3s ease;transition:all .3s ease}.case-box .case-contain .slider--team-thumbs .slides li{width:16.3vw;position:relative;background-size:100% 100%;height:20vh;opacity:.3;overflow:hidden}.case-box .case-contain .slider--team-thumbs .slides li .table{display:table;width:100%;height:100%;-webkit-transition:all 1s cubic-bezier(.15,.9,.34,.95);transition:all 1s cubic-bezier(.15,.9,.34,.95)}.case-box .case-contain .slider--team-thumbs .slides li:hover{opacity:1}.case-box .case-contain .slider--team-thumbs .slides li:hover .table{-webkit-transform:scale(1.1);transform:scale(1.1)}.case-box .case-contain .slider--team-thumbs .slides .flex-active-slide,.case-box .case-contain .slider--team-thumbs .slides li:hover .slide__inner{opacity:1}.case-box .case-contain .slider--team-thumbs .slides .slide__inner{vertical-align:middle;text-align:center;cursor:pointer;opacity:0;background:rgba(0,0,0,.7)}.case-box .case-contain .slide-box{z-index:2;overflow:hidden;position:relative;height:100%;-webkit-transition:all 1s ease;transition:all 1s ease}.case-box .case-contain .slide-dom{width:1200%;margin:0;padding:0;list-style:none;display:block;overflow-x:auto;white-space:nowrap;-webkit-transition-duration:0s;transition-duration:0s;-webkit-transform:translateZ(0);transform:translateZ(0);background:#008299;zoom:1;height:100%}.case-box .case-contain .slide-dom:before{content:"";display:table}.case-box .case-contain .slide-dom::-webkit-scrollbar{display:none}.case-box .case-contain .slide-dom img{width:100%;height:100%;opacity:1;filter:alpha(opacity=100)}.case-box .case-contain .slide-dom .box{cursor:pointer;width:200px;float:left;display:block}.case-box .case-contain .slides-tips li{opacity:0;position:absolute;left:50%;width:80vw;margin-left:-40vw}.case-box .case-contain .txt-active{opacity:1!important;animation:fade-in 2s ease 0s 1;-webkit-animation:fade-in 2s ease 0s 1;-moz-animation:fade-in 2s ease 0s 1;-o-animation:fade-in 2s ease 0s 1;-ms-animation:fade-in 2s ease 0s 1}.case-box .case-contain .txt-tip{margin-top:10vh;color:#fff;z-index:1}.case-box .case-contain .txt-tip h4{font-size:30px;font-weight:400;letter-spacing:3px;line-height:2;color:#fff}.case-box .case-contain .txt-tip p{font-size:18px;font-weight:400;line-height:46px}.case-box .case-contain .cent-box{display:inline-flex}@media screen and (min-width:10em){.case-box .case-contain .title{font-size:3rem}.case-box .case-contain .slider--team-thumbs .slides li{width:4.3rem;height:3rem}}@media screen and (min-width:40em){.case-box .case-contain .title{font-size:3rem}.case-box .case-contain .slider--team-thumbs .slides li{width:8.1rem;height:6rem}}@media screen and (min-width:65em){.case-box .case-contain .title{font-size:3rem}.case-box .case-contain .slider--team-thumbs .slides li{width:11.6rem;height:8rem}}@media screen and (min-width:80em){.case-box .case-contain .title{font-size:4rem}.case-box .case-contain .slider--team-thumbs .slides li{width:15.6rem;height:11rem}}.content-box .warp-mask{height:100vh;width:100vw;background:rgba(0,0,0,.4)}.content-box .header-title{position:fixed;z-index:4}.content-box .header-title .white a{font-size:22px}.content-box #handler{position:absolute;top:50%;right:15vw;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.content-box #handler::-webkit-scrollbar{display:none}.content-box #handler .projects-wrapper .project{margin:0 1px}.content-box #handler .projects-wrapper .project a{font-size:5.2vw;color:#fff;line-height:1;display:block;padding:10px 0;text-transform:none;opacity:1;visibility:visible}.content-box #handler .projects-wrapper .project a .wr{display:block}.content-box #handler .projects-wrapper .project a .wr .txt{font-size:2.4rem;font-weight:400;color:#fff;line-height:80px;display:block}.content-box #handler .projects-wrapper .project a:hover .wr{display:block}.content-box #handler .projects-wrapper .project a:hover .wr .txt{color:#ffa303}.pro{background:#fff;position:relative;height:100vh;width:100%}.pro .footer-box .change-icon{opacity:0}.pro .header-title{position:absolute;z-index:3}.pro .header-title .white{padding:60px 100px}.pro .header-title .white a{font-size:22px;font-weight:700;color:#fff;display:-webkit-box}.pro .header-title .white a .back-icon{width:38px;vertical-align:middle;opacity:0;-webkit-transform:translateX(-38px);transform:translateX(-38px)}.pro .header-title .white a .back-txt{line-height:1.6}.pro .header-title .white a:hover .back-txt{animation:fadeOut 1s 1 forwards;-webkit-animation:fadeOut 1s 1 forwards}.pro .header-title .white a:hover .back-icon{animation:fadeIn 1s 1 forwards;-webkit-animation:fadeIn 1s 1 forwards}.pro .head-pic{width:100%;height:30vh;z-index:2;background-image:url(/static/media/product_series_bj.104ac6c2.jpg);background-repeat:no-repeat;background-size:cover;position:relative}.pro .head-pic .pro-name{position:absolute;bottom:-9rem;left:10vw}.pro .pro-info{overflow:hidden;width:100%;position:relative;z-index:1;height:50vh;transition:height .5s;-moz-transition:height .5s;-webkit-transition:height .5s;-o-transition:height .5s}.pro .pro-info .change-icon{position:absolute;right:0;bottom:120px;margin-right:120px}.pro .pro-info .change-icon .triggle{float:right;width:20px;height:20px;background:none;border:3px solid #ffa303}.pro .pro-info .info-exp{display:flex;margin:0 auto;width:80%;padding:20vh 0 15vh}.pro .pro-info .info-exp .left{width:59%;font-size:62px;font-weight:700;color:#111;margin-top:41px;cursor:default;position:relative}.pro .pro-info .info-exp .left h4{font-weight:700;font-size:3rem}.pro .pro-info .info-exp .left .text-wrapper{position:relative;display:inline-block;padding-top:.2em;padding-right:.05em;padding-bottom:.1em;overflow:hidden}.pro .pro-info .info-exp .left .text-wrapper .letter{display:inline-block;line-height:1em}.pro .pro-info .info-exp .cent-box{width:41%;font-size:17px;font-weight:700;color:#111;line-height:40px;cursor:default;position:relative}.pro .pro-info .info-exp .cent-box .in_letter{display:inline-block;line-height:1em}.pro .pro-cent{width:100%;height:100vh;z-index:1;background-repeat:no-repeat;background-size:100% 100%;position:relative;background-attachment:fixed}.pro .pro-cent #handler{position:absolute;padding-top:0;height:22rem;top:18vh;left:15%;z-index:4;overflow:hidden;min-width:20rem}.pro .pro-cent #handler .projects-wrapper{height:22rem;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.pro .pro-cent #handler .projects-wrapper::-webkit-scrollbar{display:none}.pro .pro-cent #handler .projects-wrapper .projects{height:10rem}.pro .pro-cent #handler .projects-wrapper .projects .project:hover a .wr{display:block}.pro .pro-cent #handler .projects-wrapper .projects .project:hover a .wr .txt{color:#ffa303;-webkit-transform:scale(1.2);transform:scale(1.2);margin-left:1rem}.pro .pro-cent #handler .projects-wrapper .projects .project a{color:#fff;line-height:1;display:block;padding:10px 20px;text-transform:lowercase;opacity:1;visibility:visible}.pro .pro-cent #handler .projects-wrapper .projects .project a .wr{display:block}.pro .pro-cent #handler .projects-wrapper .projects .project a .wr .txt{-webkit-transform:scale(1);transform:scale(1);font-size:2.2rem;font-family:font-combine;font-weight:700;color:#fff;line-height:46px;display:block}.pro .pro-cent #handler .projects-wrapper .projects .project a .wr .txt.active{color:#ffa303;-webkit-transform:scale(1.2);transform:scale(1.2);margin-left:1rem}.pro .pro-cent #handler .projects-wrapper .projects:first-child .project a .wr{display:block}.pro-detail{background:#fff;position:relative;width:100%}.pro-detail .header-title{z-index:1}.pro-detail .header-title .white{padding:60px 100px}.pro-detail .header-title .white a{font-size:22px;font-weight:700;color:#111;display:-webkit-box}.pro-detail .header-title .white a .back-icon{vertical-align:middle;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;-webkit-transform:translateX(-28px) translateY(5px);transform:translateX(-28px) translateY(5px);opacity:0}.pro-detail .header-title .white a .back-txt{line-height:1.6;opacity:1}.pro-detail .detail-info{width:100%;padding:5em 0 15em;position:relative;z-index:1}.pro-detail .detail-info .change-icon{position:absolute;right:0;bottom:120px;margin-right:120px}.pro-detail .detail-info .change-icon .triggle{float:right;width:20px;height:20px;background:none;border:3px solid #ffa303}.pro-detail .detail-info .pro-name{position:absolute;top:-10px;left:10vw}.pro-detail .detail-info .info-exp{display:flex;margin:0 auto;width:80%}.pro-detail .detail-info .info-exp .title-box{font-size:4rem;font-weight:700;color:#a1a1a1;cursor:default;position:relative}.pro-detail .detail-info .info-exp .title-box .t_letter{display:inline-block;line-height:1em}.pro-detail .detail-info .info-exp .left{width:59%}.pro-detail .detail-info .info-exp .right{width:50%;font-size:20px;font-weight:400;color:#666;line-height:40px;cursor:default;position:relative}.pro-detail .detail-info .info-exp .right .in_letter{display:inline-block;line-height:1em}.pro-detail .main-image{height:1080px;width:100%;overflow:hidden;z-index:1;-webkit-transition:all .3s cubic-bezier(.15,.9,.34,.95);transition:all .3s cubic-bezier(.15,.9,.34,.95)}.pro-detail .main-image img{width:100%;height:100%}.pro-detail .detail-switch{width:100%;padding:160px 0 180px;position:relative;z-index:1}.pro-detail .detail-switch .change-icon{position:absolute;right:0;bottom:120px;margin-right:120px}.pro-detail .detail-switch .change-icon .triggle{float:right;width:20px;height:20px;background:none;border:3px solid #ffa303}.pro-detail .detail-switch .pro-name{position:absolute;top:-10px;left:10vw}.pro-detail .detail-switch .info-exp{display:flex;margin:0 auto;width:80%}.pro-detail .detail-switch .info-exp .sub-title{font-size:3rem;font-weight:700;color:#a1a1a1;margin-top:6px;cursor:default;position:relative}.pro-detail .detail-switch .info-exp .sub-title .s_letter{display:inline-block;line-height:1em}.pro-detail .detail-switch .info-exp .left{width:59%}.pro-detail .detail-switch .info-exp .right{width:50%}.pro-detail .detail-switch .info-exp .right .sub-box{font-size:20px;font-weight:400;color:#666;line-height:40px;cursor:default;position:relative;min-height:6rem}.pro-detail .detail-switch .info-exp .right .sub-box .info_letter{display:inline-block;line-height:1em}.pro-detail .detail-switch .info-exp .right .next{display:flex;width:5rem;margin-top:50px;align-items:center;position:relative}.pro-detail .detail-switch .info-exp .right .next:hover .next-img{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzE4ODA2MTFCNzMzMTFFOUFDNENCNUVEMzIyQTZDN0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzE4ODA2MTJCNzMzMTFFOUFDNENCNUVEMzIyQTZDN0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MTg4MDYwRkI3MzMxMUU5QUM0Q0I1RUQzMjJBNkM3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MTg4MDYxMEI3MzMxMUU5QUM0Q0I1RUQzMjJBNkM3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhKBpbgAAADbSURBVHjaxJRNCsIwEIVjTbMQD1BcuBS8QBF6Uc/hGVoCPUC7aBddmFZKcdMfCI3GGehKKlQT8MFjFpl8DMlLiNaaLHGSJOdxHB9RFB0+9ThkoVzX3VFKHd/3UwB6s01LJ0MXRcGhaimlCsNw+77+FQwthEgROAyDBCA1gqHrur4isG3b3hiGvoMQOFUzGHqaTMOkJed8v8LDJAZijK2xYmwcYlEUyPTXzV3X9bB/0zRNlef56f8XYC0a1kJr7TllWXZBEEYAQJ7RrwGQUin1jOP4GATBba7nJcAA1Eynzakn7GMAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:50%;-webkit-animation:lineMove1 .3s linear 0s 1 alternate forwards;animation:lineMove1 .3s linear 0s 1 alternate forwards}.pro-detail .detail-switch .info-exp .right .next:hover .img-yellow{-webkit-animation:lineMove2 .3s linear 0s 1 alternate forwards;animation:lineMove2 .3s linear 0s 1 alternate forwards}.pro-detail .detail-switch .info-exp .right .next .img-yellow{width:25px;height:25px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTIyRjRDNzNDMzIxMTFFOUE2MzFCMzg4NTM0QTAzMTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTIyRjRDNzRDMzIxMTFFOUE2MzFCMzg4NTM0QTAzMTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMjJGNEM3MUMzMjExMUU5QTYzMUIzODg1MzRBMDMxMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMjJGNEM3MkMzMjExMUU5QTYzMUIzODg1MzRBMDMxMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjnqoDgAAAKrSURBVHja3Jo7TBRRFIbPjgkFLGQLpSBREROJNpqNFJZgQkdlloVoQuyg0YrKhAJiRQMNj8YQDKAYG+0opKQAQRt1NcrDxAJMJIRQbLHLf5gzYYIM7Ozeedz7J1+5c843O6/7SBRfXiBFuQxawV3QDBrBRVADEmAf/AUbIAdWwCL4raJ4okKRK6AHdIFbZR7jC3gFpsFm2CK3wTPwAFiK/tECeAueg89+f+y3iXowBdZARqGE00tGjj0ltQIRyci13SPXfFBJSI2c1FQmUgXGwDxIUXhJSc1x6aEikSR4D/oouvRKD8lyRarBAmin6NMuvVT7FamSs3CP4hPu5Z3XZeYlMgLaKH65D0ZLFclGfE+Ucs90nSfSACYo/hmXXj1FhkN+xFbyaB72EkmDbtIn3dLzfyIDAb+xg/gCGDgpchV0kH7hnq+5RR4p/gAMK9zzY7fIQ9I3WUeER3Y3NRa5AZqsmL7B/abVkjG27rljyV+je5pZ5LoBIkf3yCUDRFIsUmeASK1FhoRF9gzw2GeRHQNE/rHITwNEfrHIdwNEciyyYoDIJxb5YIDIIovw+sRXjSV+OPcIZ0ZjkdfugRWLFDSU4J5fuEU2yJ4i1S3c8zqdGKcPgaJGEtzroPsTxclHMKeRCPe6epoIpx/saiCxK72Sl8gfivcEtpM+6dVThMNLxXGeyJ6UHuk8Ec7TmL7xuacnXuOR05InezpyKUYSS9JT3o8I54CO1+6ijrOWeXDWCPHMkZechcmI74kO6YXKFXEuM17u6gz50cy1slI7X8qYvdS8IXvXz3TAXwBFqcG15v1MPvjJNtnbK9IipvJDsyDHTEuNbT8/VrXNiZfByp3R/wZmKaJtTl5SvPGshez55EayN54lXQ8OZ+MZzxMsk73xbEtF8UMBBgB4poCbQyk0zAAAAABJRU5ErkJggg==);background-size:0;background-repeat:no-repeat;background-position:50%}.pro-detail .detail-switch .info-exp .right .next .next-img{position:absolute;left:0;top:0;z-index:1;width:25px;height:25px;border-radius:50%;background-size:50%;border:1px solid #a9a7a7;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlGNEY0RjdCNzMzMTFFOUFBMjRERTkwOTgzQUY5REIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlGNEY0RjhCNzMzMTFFOUFBMjRERTkwOTgzQUY5REIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OUY0RjRGNUI3MzMxMUU5QUEyNERFOTA5ODNBRjlEQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OUY0RjRGNkI3MzMxMUU5QUEyNERFOTA5ODNBRjlEQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plj+TA0AAADZSURBVHjarNO9y0FhHMbxGyd1Sp7O7N8wGxSzUp6J2WKgLKQkKyeTRRaTl9FEGYwmz/aM/gLFYFBevqd+Shi4b1d9zlnurun6+RzHUW8mijoyOLx64FfvJ4wEJgiali3wiyQGCDw+CNi2/UGf+scGVUQwNSnz8oetFIYwMynzssJZCk9YmpQpKfhBBTusLT4jpR8fjnAR86svxpIR6qYtmyuhaxkU1VCUv/vpaO9TQAMtNHUu4JYcOuihrHtOXlLoY4w8LrplcQwxR1bGqn3oeylKy7aechVgADXxJjh917euAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:50%;transition:background .5s;-webkit-transition:background .5s}.pro-detail .detail-switch .info-exp .right .next .enter-txt-wrap{display:flex;align-items:center}.pro-detail .detail-switch .info-exp .right .next .enter-txt{display:flex;align-items:center;height:14px;overflow:hidden;margin-left:.6rem;color:#111;font-size:1.1rem;letter-spacing:2px;font-weight:700}.pro-detail .detail-switch .info-exp .right .next .enter-txt .letter{display:inline-block;line-height:0}@-webkit-keyframes xuanzhuan{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0);transform:perspective(400px) translateZ(0) rotateY(0);-webkit-animation-timing-function:linear;animation-timing-function:linear}20%{-webkit-transform:perspective(400px) translate3d(0,9.65228px,0) rotateY(0);transform:perspective(400px) translate3d(0,9.65228px,0) rotateY(0);-webkit-animation-timing-function:linear;animation-timing-function:linear}40%{-webkit-transform:perspective(400px) translate3d(0,-7.50032px,0) rotateY(0);transform:perspective(400px) translate3d(0,-7.50032px,0) rotateY(0);-webkit-animation-timing-function:linear;animation-timing-function:linear}60%{-webkit-transform:perspective(400px) translate3d(0,-5.69462px,0) rotateY(0);transform:perspective(400px) translate3d(0,-5.69462px,0) rotateY(0);-webkit-animation-timing-function:linear;animation-timing-function:linear}80%{-webkit-transform:perspective(400px) translate3d(0,-9.65228px,0) rotateY(0);transform:perspective(400px) translate3d(0,-9.65228px,0) rotateY(0);-webkit-animation-timing-function:linear;animation-timing-function:linear}to{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg);transform:perspective(400px) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}}@keyframes xuanzhuan{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0);transform:perspective(400px) translateZ(0) rotateY(0);-webkit-animation-timing-function:linear;animation-timing-function:linear}20%{-webkit-transform:perspective(400px) translate3d(0,9.65228px,0) rotateY(0);transform:perspective(400px) translate3d(0,9.65228px,0) rotateY(0);-webkit-animation-timing-function:linear;animation-timing-function:linear}40%{-webkit-transform:perspective(400px) translate3d(0,-7.50032px,0) rotateY(0);transform:perspective(400px) translate3d(0,-7.50032px,0) rotateY(0);-webkit-animation-timing-function:linear;animation-timing-function:linear}60%{-webkit-transform:perspective(400px) translate3d(0,-5.69462px,0) rotateY(0);transform:perspective(400px) translate3d(0,-5.69462px,0) rotateY(0);-webkit-animation-timing-function:linear;animation-timing-function:linear}80%{-webkit-transform:perspective(400px) translate3d(0,-9.65228px,0) rotateY(0);transform:perspective(400px) translate3d(0,-9.65228px,0) rotateY(0);-webkit-animation-timing-function:linear;animation-timing-function:linear}to{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg);transform:perspective(400px) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}}@-webkit-keyframes fadeIn{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:translateX(-38px);transform:translateX(-38px);opacity:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes fadeIn{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:translateX(-38px);transform:translateX(-38px);opacity:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@-webkit-keyframes fadeOut{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:translateX(-38px);transform:translateX(-38px);opacity:0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes fadeOut{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:translateX(-38px);transform:translateX(-38px);opacity:0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@-webkit-keyframes imgIn{0%{-webkit-transform:translateY(-38px);transform:translateY(-38px);opacity:0;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes imgIn{0%{-webkit-transform:translateY(-38px);transform:translateY(-38px);opacity:0;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.slick-next,.slick-prev{font-size:0;line-height:0;position:relative;display:block;width:auto;height:20px;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.outContainer{width:350px;height:300px;overflow:hidden}.inContainer{height:300px;width:350px;overflow-x:hidden;overflow-y:scroll}.inContainer::-webkit-scrollbar{display:none}.inContainer{scrollbar-width:none;-ms-overflow-style:none}.inContent{height:200px;color:#fff}.section{position:relative;overflow:hidden}.img-wrap-con{display:flex;flex-flow:row;justify-content:center;align-items:center;height:100%}.img-wrap-con .img-left-arrow,.img-wrap-con .img-right-arrow{width:2vw;opacity:.2;cursor:pointer}.img-wrap-con .img-left-arrow:hover,.img-wrap-con .img-right-arrow:hover{opacity:1}.img-wrap-con .img-left-arrow{margin-right:4vw}.img-wrap-con .img-right-arrow{margin-left:4vw}.container{width:100%;height:100%;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.custom-class{position:fixed;top:0;left:0;overflow:hidden;transition:height .5s;-moz-transition:height .5s;-webkit-transition:height .5s;-o-transition:height .5s}.custom-class,.news{width:100%;height:100vh}.news{background:#fff;position:relative}.news .main-image1{width:100%;z-index:1}.news .main-image1 .info{background:#2b2b2b;padding-bottom:10vh;display:flex;height:100vh}.news .main-image1 .info .left{position:relative;display:inline-grid;width:100%;height:100%}.news .main-image1 .info .left img{position:absolute;top:-6rem;left:6rem;width:66vw;min-height:40rem}.news .main-image1 .info .left h4{color:#fff;font-size:3rem;position:absolute;right:-10rem;top:36%}.news .main-image1 .info .right{width:20%;position:relative}.news .header-title{position:absolute;z-index:1}.news .header-title .white{padding:60px 100px}.news .header-title .white a{font-size:22px;font-weight:700;color:#111}.news .detail-info{width:100%;padding:20rem 0;position:relative;height:100vh;z-index:1}.news .detail-info .change-icon{position:absolute;right:0;bottom:120px;margin-right:120px}.news .detail-info .change-icon .triggle{float:right;width:20px;height:20px;background:none;border:3px solid #ffa303}.news .detail-info .pro-name{position:absolute;top:-10px;left:10vw}.news .detail-info .info-exp{display:flex;margin:0 auto;width:80%}.news .detail-info .info-exp .left{width:50%}.news .detail-info .info-exp .left h4{font-size:5.9rem;font-weight:700;color:#111;line-height:1.2}.news .detail-info .info-exp .left .d-title{width:37rem;cursor:default;position:relative}.news .detail-info .info-exp .left .d-title .t_letter{display:inline-block;line-height:1em}.news .detail-info .info-exp .left .y-title{width:37rem;cursor:default;position:relative}.news .detail-info .info-exp .left .y-title .y_letter{display:inline-block;line-height:1em}.news .detail-info .info-exp .right{width:50%}.news .detail-info .info-exp .right .news-info{font-size:1.2rem;font-weight:700;color:#111;line-height:2.2rem;cursor:default;position:relative}.news .detail-info .info-exp .right .news-info .letter{display:inline-block;line-height:1em}.news .detail-switch{width:100%;height:100vh;position:relative;z-index:1;background:#373f47}.news .detail-switch .switch-info{display:flex;width:90%;margin:0 auto}.news .detail-switch .switch-info #handler{width:50%;padding-top:6vh;padding-left:6vw;z-index:4;overflow-x:hidden;position:relative}.news .detail-switch .switch-info #handler::-webkit-scrollbar{display:none}.news .detail-switch .switch-info #handler .hot-news h2{font-size:70px;font-weight:400;color:#5f646c;line-height:60px}.news .detail-switch .switch-info #handler .hot-news p{font-size:20px;font-weight:400;color:#5f646c;line-height:60px;margin-top:10px}.news .detail-switch .switch-info #handler .projects-wrapper-ul{height:60vh;overflow-y:scroll;overflow-x:hidden;width:113%;padding-right:13%;box-sizing:border-box}.news .detail-switch .switch-info #handler .projects-wrapper-ul .projects-wrapper::-webkit-scrollbar{display:none}.news .detail-switch .switch-info #handler .projects-wrapper-ul .projects-wrapper .project{margin:0 0 30px}.news .detail-switch .switch-info #handler .projects-wrapper-ul .projects-wrapper .project:first-child{margin-top:30px}.news .detail-switch .switch-info #handler .projects-wrapper-ul .projects-wrapper .project a{font-size:5.2vw;color:#fff;line-height:1;display:block;padding:10px 0;text-transform:lowercase;opacity:1;visibility:visible}.news .detail-switch .switch-info #handler .projects-wrapper-ul .projects-wrapper .project a h4{font-size:26px;font-family:font-combine;font-weight:400;color:#fff;line-height:46px}.news .detail-switch .switch-info #handler .projects-wrapper-ul .projects-wrapper .project a p{font-size:1.4rem;font-weight:700;color:#fff;margin-top:15px;font-family:font-combine}.news .detail-switch .switch-info .hot-pic{width:50%}.news .detail-switch .switch-info .hot-pic img{width:100%;margin-top:28vh;min-height:38vh}.news-detail{position:relative;width:100%}.news-detail .header-title{position:absolute;z-index:1;top:0}.news-detail .header-title .white{padding:60px 100px}.news-detail .header-title .white a{font-size:22px;font-weight:700;color:#111;display:-webkit-box}.news-detail .header-title .white a .back-icon{vertical-align:middle;-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;-webkit-transform:translateX(-28px) translateY(5px);transform:translateX(-28px) translateY(5px);opacity:0}.news-detail .header-title .white a .back-txt{line-height:1.6}.news-detail .detail-info{width:100%;position:relative;height:100vh;transition:height .5s;-moz-transition:height .5s;-webkit-transition:height .5s;-o-transition:height .5s}.news-detail .detail-info .change-icon{position:absolute;right:0;bottom:120px;margin-right:120px}.news-detail .detail-info .change-icon .triggle{float:right;width:20px;height:20px;background:none;border:3px solid #ffa303}.news-detail .detail-info .pro-name{position:absolute;top:-10px;left:10vw}.news-detail .detail-info .info-exp{display:flex;margin:0 auto;width:70%;padding:16rem 0}.news-detail .detail-info .info-exp .left{width:60%}.news-detail .detail-info .info-exp .left h4{width:24rem;font-size:5rem;font-weight:400;color:#111}.news-detail .detail-info .info-exp .right{width:40%;font-weight:400;color:#666;margin-top:3vh}.news-detail .detail-info .info-exp .right h6:first-child{font-size:36px;font-weight:700;color:#111;line-height:0}.news-detail .detail-info .info-exp .right h6:nth-child(2){font-size:24px;font-weight:400;color:#111;line-height:40px;margin-top:4vh;letter-spacing:.2rem}@-webkit-keyframes infoExp{0%{-webkit-transform:translateX(500%);transform:translateX(500%);opacity:0}90%{opacity:.2}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes infoExp{0%{-webkit-transform:translateX(500%);transform:translateX(500%);opacity:0}90%{opacity:.2}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes infoTitle{0%{-webkit-transform:translateX(-500%);transform:translateX(-500%);opacity:0}90%{opacity:.2}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes infoTitle{0%{-webkit-transform:translateX(-500%);transform:translateX(-500%);opacity:0}90%{opacity:.2}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.news-detail .main-image{background:#2b2b2b;width:100%;z-index:1;position:relative;overflow:hidden;height:100vh;transition:height .5s;-moz-transition:height .5s;-webkit-transition:height .5s;-o-transition:height .5s}.news-detail .main-image .parallax-inner{height:100%}.news-detail .main-image .container1{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.news-detail .main-image .container1 p{position:absolute;display:inline-block;width:60vw;font-size:1.1rem;line-height:2.2rem;font-weight:700;color:#fff;-webkit-transform:translateY(800px);transform:translateY(800px)}.news-detail .main-image .container1 .animation{-webkit-animation:txtMove 2s linear 0s 1 alternate forwards;animation:txtMove 2s linear 0s 1 alternate forwards}@-webkit-keyframes txtMove{0%{-webkit-transform:translateY(800px);transform:translateY(800px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes txtMove{0%{-webkit-transform:translateY(800px);transform:translateY(800px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.news-detail .main-image .middle-pic{float:left;height:100%;width:76vw}.news-detail .main-image .middle-pic .pic-exp{position:relative;width:100%;height:100%;overflow:hidden;background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center}.news-detail .main-image .middle-pic .react-parallax img{height:100vh!important}.news-detail .main-image .pic-bg{position:absolute;top:50%;left:50%;margin:-45vh 0 0 -45vw;width:90vw;height:100vh;background-repeat:no-repeat;background-size:100% 100%}.news-detail .detail-switch{width:100%;padding:20vh 0 0;position:relative;z-index:1;height:80vh;transition:height .5s;-moz-transition:height .5s;-webkit-transition:height .5s;-o-transition:height .5s}.news-detail .detail-switch .change-icon{position:absolute;right:0;bottom:120px;margin-right:120px}.news-detail .detail-switch .change-icon .triggle{float:right;width:20px;height:20px;background:none;border:3px solid #ffa303}.news-detail .detail-switch .pro-name{position:absolute;top:-10px;left:10vw}.news-detail .detail-switch .info-exp{display:flex;margin:0 auto;width:70%}.news-detail .detail-switch .info-exp .left{width:59%}.news-detail .detail-switch .info-exp .left h4{font-size:6rem;letter-spacing:.4rem;font-weight:700;color:#a1a1a1;line-height:10rem}.news-detail .detail-switch .info-exp .right{width:50%}.news-detail .detail-switch .info-exp .right h5{font-size:2rem;font-weight:400;color:#111;line-height:4rem;margin-bottom:2rem}.news-detail .detail-switch .info-exp .right h6{font-size:1.2rem;font-weight:400;color:#111;line-height:2.6rem}@-webkit-keyframes lineMove1{0%{background-position:-300%;border:1px solid #a9a7a7}to{background-position:50%;border:1px solid #ffa303}}@keyframes lineMove1{0%{background-position:-300%;border:1px solid #a9a7a7}to{background-position:50%;border:1px solid #ffa303}}@-webkit-keyframes lineMove2{0%{background-size:0}to{background-size:100%}}@keyframes lineMove2{0%{background-size:0}to{background-size:100%}}.news-detail .detail-switch .info-exp .right .next{display:flex;width:5rem;margin-top:50px;align-items:center;position:relative}.news-detail .detail-switch .info-exp .right .next:hover .next-img{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzE4ODA2MTFCNzMzMTFFOUFDNENCNUVEMzIyQTZDN0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzE4ODA2MTJCNzMzMTFFOUFDNENCNUVEMzIyQTZDN0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MTg4MDYwRkI3MzMxMUU5QUM0Q0I1RUQzMjJBNkM3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MTg4MDYxMEI3MzMxMUU5QUM0Q0I1RUQzMjJBNkM3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhKBpbgAAADbSURBVHjaxJRNCsIwEIVjTbMQD1BcuBS8QBF6Uc/hGVoCPUC7aBddmFZKcdMfCI3GGehKKlQT8MFjFpl8DMlLiNaaLHGSJOdxHB9RFB0+9ThkoVzX3VFKHd/3UwB6s01LJ0MXRcGhaimlCsNw+77+FQwthEgROAyDBCA1gqHrur4isG3b3hiGvoMQOFUzGHqaTMOkJed8v8LDJAZijK2xYmwcYlEUyPTXzV3X9bB/0zRNlef56f8XYC0a1kJr7TllWXZBEEYAQJ7RrwGQUin1jOP4GATBba7nJcAA1Eynzakn7GMAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:50%;-webkit-animation:lineMove1 .3s linear 0s 1 alternate forwards;animation:lineMove1 .3s linear 0s 1 alternate forwards}.news-detail .detail-switch .info-exp .right .next:hover .img-yellow{-webkit-animation:lineMove2 .3s linear 0s 1 alternate forwards;animation:lineMove2 .3s linear 0s 1 alternate forwards}.news-detail .detail-switch .info-exp .right .next .img-yellow{width:25px;height:25px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTIyRjRDNzNDMzIxMTFFOUE2MzFCMzg4NTM0QTAzMTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTIyRjRDNzRDMzIxMTFFOUE2MzFCMzg4NTM0QTAzMTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMjJGNEM3MUMzMjExMUU5QTYzMUIzODg1MzRBMDMxMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMjJGNEM3MkMzMjExMUU5QTYzMUIzODg1MzRBMDMxMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjnqoDgAAAKrSURBVHja3Jo7TBRRFIbPjgkFLGQLpSBREROJNpqNFJZgQkdlloVoQuyg0YrKhAJiRQMNj8YQDKAYG+0opKQAQRt1NcrDxAJMJIRQbLHLf5gzYYIM7Ozeedz7J1+5c843O6/7SBRfXiBFuQxawV3QDBrBRVADEmAf/AUbIAdWwCL4raJ4okKRK6AHdIFbZR7jC3gFpsFm2CK3wTPwAFiK/tECeAueg89+f+y3iXowBdZARqGE00tGjj0ltQIRyci13SPXfFBJSI2c1FQmUgXGwDxIUXhJSc1x6aEikSR4D/oouvRKD8lyRarBAmin6NMuvVT7FamSs3CP4hPu5Z3XZeYlMgLaKH65D0ZLFclGfE+Ucs90nSfSACYo/hmXXj1FhkN+xFbyaB72EkmDbtIn3dLzfyIDAb+xg/gCGDgpchV0kH7hnq+5RR4p/gAMK9zzY7fIQ9I3WUeER3Y3NRa5AZqsmL7B/abVkjG27rljyV+je5pZ5LoBIkf3yCUDRFIsUmeASK1FhoRF9gzw2GeRHQNE/rHITwNEfrHIdwNEciyyYoDIJxb5YIDIIovw+sRXjSV+OPcIZ0ZjkdfugRWLFDSU4J5fuEU2yJ4i1S3c8zqdGKcPgaJGEtzroPsTxclHMKeRCPe6epoIpx/saiCxK72Sl8gfivcEtpM+6dVThMNLxXGeyJ6UHuk8Ec7TmL7xuacnXuOR05InezpyKUYSS9JT3o8I54CO1+6ijrOWeXDWCPHMkZechcmI74kO6YXKFXEuM17u6gz50cy1slI7X8qYvdS8IXvXz3TAXwBFqcG15v1MPvjJNtnbK9IipvJDsyDHTEuNbT8/VrXNiZfByp3R/wZmKaJtTl5SvPGshez55EayN54lXQ8OZ+MZzxMsk73xbEtF8UMBBgB4poCbQyk0zAAAAABJRU5ErkJggg==);background-size:0;background-repeat:no-repeat;background-position:50%}.news-detail .detail-switch .info-exp .right .next .next-img{position:absolute;left:0;top:0;z-index:1;width:25px;height:25px;border-radius:50%;background-size:50%;border:1px solid #a9a7a7;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlGNEY0RjdCNzMzMTFFOUFBMjRERTkwOTgzQUY5REIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlGNEY0RjhCNzMzMTFFOUFBMjRERTkwOTgzQUY5REIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OUY0RjRGNUI3MzMxMUU5QUEyNERFOTA5ODNBRjlEQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OUY0RjRGNkI3MzMxMUU5QUEyNERFOTA5ODNBRjlEQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plj+TA0AAADZSURBVHjarNO9y0FhHMbxGyd1Sp7O7N8wGxSzUp6J2WKgLKQkKyeTRRaTl9FEGYwmz/aM/gLFYFBevqd+Shi4b1d9zlnurun6+RzHUW8mijoyOLx64FfvJ4wEJgiali3wiyQGCDw+CNi2/UGf+scGVUQwNSnz8oetFIYwMynzssJZCk9YmpQpKfhBBTusLT4jpR8fjnAR86svxpIR6qYtmyuhaxkU1VCUv/vpaO9TQAMtNHUu4JYcOuihrHtOXlLoY4w8LrplcQwxR1bGqn3oeylKy7aechVgADXxJjh917euAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:50%;transition:background .5s;-webkit-transition:background .5s}.news-detail .detail-switch .info-exp .right .next .enter-txt-wrap{display:flex;align-items:center}.news-detail .detail-switch .info-exp .right .next .enter-txt{display:flex;align-items:center;height:14px;overflow:hidden;margin-left:.6rem;color:#111;font-size:1.1rem;letter-spacing:2px;font-weight:700}.news-detail .detail-switch .info-exp .right .next .enter-txt .letter{display:inline-block;line-height:0}.about{background:#fff;position:relative;height:100vh;width:100%}.about .bgBox{height:80vh;transition:height 1s;-moz-transition:height 1s;-webkit-transition:height 1s;-o-transition:height 1s}.about .header-title{position:fixed;z-index:1}.about .header-title .white{padding:25px 50px}.about .header-title .white a{font-size:1.5rem;font-weight:700;color:#111}.about .main-image .pic-title{padding:10vh 10vw}.about .main-image .pic-title h4{font-size:3rem;font-weight:400;color:#fff;line-height:4rem}.about .main-image .pic-title p{font-size:1.8rem;font-weight:400;color:#fff;line-height:4rem}.about .main-image .pic-exp{width:60vw;margin:12vh auto}.about .main-image .pic-exp h6{font-size:1.3rem;line-height:2.6rem;font-weight:400;color:#fff}.about .about-exp{width:100%;padding:30vh 0 0;position:relative;z-index:1;height:100vh}.about .about-exp .change-icon{position:absolute;right:0;bottom:120px;margin-right:120px}.about .about-exp .change-icon .triggle{float:right;width:20px;height:20px;background:none;border:3px solid #ffa303}.about .about-exp .pro-name{position:absolute;top:-10px;left:10vw}.about .about-exp .info-exp{display:flex;margin-left:10%}.about .about-exp .info-exp .left{width:38%;margin:20vh 0}.about .about-exp .info-exp .left h4{font-size:7rem;font-weight:400;color:#111;line-height:7rem;margin-bottom:4rem}.about .about-exp .info-exp .left h6{font-size:1rem;font-weight:700;color:#111}.about .about-exp .info-exp .right{width:62%}.about .about-exp .info-exp .right .img-box ul li{width:205px;float:left;margin-right:2rem;margin-bottom:2rem;position:relative}.about .about-exp .info-exp .right .img-box ul li .user-avar .pic-1{opacity:1;-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}.about .about-exp .info-exp .right .img-box ul li .user-avar .pic-2{position:absolute;top:0;left:0;opacity:1;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}.about .about-exp .info-exp .right .img-box ul li .user-avar:hover .pic-1{opacity:0;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.about .about-exp .info-exp .right .img-box ul li .user-avar:hover .pic-2{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}@media screen and (min-width:20em){#title p{font-size:2rem!important}.about .main-image .pic-title h4{font-size:2rem;margin-bottom:0}.about .main-image .pic-title p{font-size:1.2rem}.about .main-image .pic-exp{margin:0 auto}.about .main-image .pic-exp p{font-size:1.2rem}.about .detail-info h4{font-size:3rem}.about .about-exp .info-exp{margin-left:3%}.about .about-exp .info-exp .left{width:60%;margin:0}.about .about-exp .info-exp .left h4{font-size:3rem}.about .about-exp .info-exp .right .img-box ul li{width:7rem}.about .about-exp .info-exp .right .img-box ul li img{width:100%}}@media screen and (min-width:40em){#title p{font-size:3rem!important}.about .main-image .pic-title h4{font-size:2.2rem;margin-bottom:0}.about .main-image .pic-title p{font-size:1.3rem}.about .main-image .pic-exp{margin:0 auto}.about .main-image .pic-exp p{font-size:1.2rem}.about .detail-info h4{font-size:4rem}.about .about-exp .info-exp{margin-left:4%}.about .about-exp .info-exp .left h4{font-size:4rem}.about .about-exp .info-exp .right .img-box ul li{width:8rem;margin-right:.8rem;margin-bottom:.8rem}.about .about-exp .info-exp .right .img-box ul li img{width:100%}}@media screen and (min-width:65em){#title p{font-size:5rem!important}.about .detail-info h4{font-size:5rem}.about .about-exp .info-exp{margin-left:5%}.about .about-exp .info-exp .left h4{font-size:5rem}.about .about-exp .info-exp .right .img-box ul li{width:10rem;margin-right:1.6rem;margin-bottom:1.6rem}.about .about-exp .info-exp .right .img-box ul li img{width:100%}}@media screen and (min-width:80em){#title p{font-size:6rem!important}.about .detail-info h4{font-size:7rem}.about .about-exp .info-exp .left h4{font-size:6rem}.about .about-exp .info-exp .right .img-box ul li{width:12rem;margin-right:1.8rem;margin-bottom:1.8rem}.about .about-exp .info-exp .right .img-box ul li img{width:100%}}#title{background-color:#fafafa;position:fixed;top:0;left:0;height:100%;width:100%;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transition:all .8s cubic-bezier(.645,.045,.355,1);transition:all .8s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0);z-index:8;cursor:default}#title p{color:#111;font-size:6rem;line-height:1.2;cursor:default;position:absolute;top:50%;overflow:hidden;left:50%;width:80vw;margin-left:-40vw;letter-spacing:-.1rem;-webkit-transform:translateY(-50%) translateZ(0);transform:translateY(-50%) translateZ(0);text-align:center;font-weight:700}#title p span{padding:0 .03em;display:inline-block;-webkit-transform:translateY(200px) translateZ(0) skewY(5deg);transform:translateY(200px) translateZ(0) skewY(5deg)}#title.show span{-webkit-transform:translateY(0) translateZ(0) skewY(0);transform:translateY(0) translateZ(0) skewY(0)}#title.show span:first-child,#title.show span:nth-child(2){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .05s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .05s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.05s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .05s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .05s}#title.show span:nth-child(3){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .1s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .1s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.1s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .1s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .1s}#title.show span:nth-child(4){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .15s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .15s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.15s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .15s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .15s}#title.show span:nth-child(5){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .2s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .2s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.2s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .2s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .2s}#title.show span:nth-child(6){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .25s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .25s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.25s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .25s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .25s}#title.show span:nth-child(7){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .3s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .3s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.3s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .3s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .3s}#title.show span:nth-child(8){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .35s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .35s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.35s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .35s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .35s}#title.show span:nth-child(9){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .4s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .4s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.4s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .4s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .4s}#title.show span:nth-child(10){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .45s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .45s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.45s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .45s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .45s}#title.show span:nth-child(11){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .5s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .5s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.5s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .5s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .5s}#title.show span:nth-child(12){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .55s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .55s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.55s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .55s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .55s}#title.show span:nth-child(13){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .6s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .6s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.6s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .6s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .6s}#title.show span:nth-child(14){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .65s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .65s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.65s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .65s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .65s}#title.show span:nth-child(15){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .7s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .7s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.7s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .7s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .7s}#title.show span:nth-child(16){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .75s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .75s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.75s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .75s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .75s}#title.show span:nth-child(17){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .8s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .8s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.8s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .8s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .8s}#title.show span:nth-child(18){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .85s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .85s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.85s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .85s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .85s}#title.show span:nth-child(19){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .9s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .9s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.9s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .9s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .9s}#title.show span:nth-child(20){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .95s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .95s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.95s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .95s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .95s}#title.show span:nth-child(21){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1s}#title.show span:nth-child(22){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.05s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.05s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1.05s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.05s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.05s}#title.show span:nth-child(23){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.1s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.1s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1.1s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.1s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.1s}#title.show span:nth-child(24){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.15s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.15s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1.15s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.15s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.15s}#title.show span:nth-child(25){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.2s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.2s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1.2s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.2s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.2s}#title.show span:nth-child(26){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.25s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.25s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1.25s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.25s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.25s}#title.show span:nth-child(27){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.3s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.3s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1.3s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.3s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.3s}#title.show span:nth-child(28){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.35s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.35s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1.35s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.35s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.35s}#title.hideElements span{-webkit-transform:translateY(-200px) translateZ(0) skewY(-5deg);transform:translateY(-200px) translateZ(0) skewY(-5deg)}#title.hideElements span:first-child,#title.hideElements span:nth-child(2){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .05s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .05s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.05s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .05s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .05s}#title.hideElements span:nth-child(3){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .1s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .1s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.1s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .1s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .1s}#title.hideElements span:nth-child(4){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .15s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .15s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.15s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .15s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .15s}#title.hideElements span:nth-child(5){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .2s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .2s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.2s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .2s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .2s}#title.hideElements span:nth-child(6){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .25s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .25s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.25s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .25s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .25s}#title.hideElements span:nth-child(7){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .3s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .3s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.3s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .3s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .3s}#title.hideElements span:nth-child(8){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .35s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .35s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.35s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .35s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .35s}#title.hideElements span:nth-child(9){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .4s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .4s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.4s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .4s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .4s}#title.hideElements span:nth-child(10){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .45s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .45s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.45s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .45s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .45s}#title.hideElements span:nth-child(11){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .5s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .5s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.5s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .5s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .5s}#title.hideElements span:nth-child(12){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .55s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .55s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.55s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .55s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .55s}#title.hideElements span:nth-child(13){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .6s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .6s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.6s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .6s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .6s}#title.hideElements span:nth-child(14){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .65s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .65s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.65s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .65s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .65s}#title.hideElements span:nth-child(15){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .7s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .7s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.7s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .7s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .7s}#title.hideElements span:nth-child(16){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .75s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .75s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.75s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .75s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .75s}#title.hideElements span:nth-child(17){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .8s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .8s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.8s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .8s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .8s}#title.hideElements span:nth-child(18){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .85s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .85s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.85s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .85s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .85s}#title.hideElements span:nth-child(19){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .9s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .9s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.9s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .9s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .9s}#title.hideElements span:nth-child(20){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .95s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .95s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:.95s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) .95s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) .95s}#title.hideElements span:nth-child(21){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1s}#title.hideElements span:nth-child(22){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.05s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.05s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1.05s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.05s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.05s}#title.hideElements span:nth-child(23){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.1s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.1s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1.1s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.1s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.1s}#title.hideElements span:nth-child(24){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.15s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.15s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1.15s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.15s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.15s}#title.hideElements span:nth-child(25){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.2s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.2s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1.2s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.2s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.2s}#title.hideElements span:nth-child(26){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.25s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.25s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1.25s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.25s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.25s}#title.hideElements span:nth-child(27){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.3s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.3s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1.3s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.3s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.3s}#title.hideElements span:nth-child(28){-moz-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.35s;-o-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.35s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:1.35s;-webkit-transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.35s;transition:all 1.8s cubic-bezier(.645,.045,.355,1) 1.35s}#title.hide{-o-clip-path:inset(0 0 100% 0);-moz-clip-path:inset(0 0 100% 0)}#title.hide,.shrink{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);-moz-transition:all .8s cubic-bezier(.645,.045,.355,1) 2s;-o-transition:all .8s cubic-bezier(.645,.045,.355,1) 2s;-webkit-transition:all .8s cubic-bezier(.645,.045,.355,1);-webkit-transition-delay:2s;-webkit-transition:all .8s cubic-bezier(.645,.045,.355,1) 2s;transition:all .8s cubic-bezier(.645,.045,.355,1) 2s}@font-face{font-family:DINCond-LightAlternate;src:url(/static/media/DINCOND-LIGHTALTERNATE.211173fc.OTF)}@font-face{src:url(/static/media/FZXS.a4eb38ab.TTF)}@font-face{font-family:font-combine;src:url(/static/media/combine.19e2d87d.ttf)}.content-box{height:100vh!important;background-repeat:no-repeat;background-size:100% 100%;position:relative}.content-box .transform0,.content-box .transform1,.content-box .transform2,.content-box .transform3,.content-box .transform4{-webkit-transform:translateY(550px);transform:translateY(550px);-webkit-animation:pulse2 1s ease-in-out 0s 1 alternate forwards;animation:pulse2 1s ease-in-out 0s 1 alternate forwards;opacity:0}.content-box .transform1{-webkit-animation-delay:.2s;animation-delay:.2s}.content-box .transform2{-webkit-animation-delay:.4s;animation-delay:.4s}.content-box .transform3{-webkit-animation-delay:.8s;animation-delay:.8s}.content-box .transform4{-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes pulse2{0%{-webkit-transform:translateY(550px);transform:translateY(550px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes pulse2{0%{-webkit-transform:translateY(550px);transform:translateY(550px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.content-box .video-css{height:100%!important;padding:0!important}.content-box .video-react-control-bar{background:#000!important;display:none!important}.content-box .header-title{position:absolute;top:0;z-index:1}.content-box .header-title .white{padding:60px 100px}.content-box .header-title .white a{font-size:1.2vw;font-weight:700;color:#fff}.content-box .contain{position:absolute;left:50%;top:50%;margin-left:-35vw;margin-top:-10vh}.content-box .contain .title{width:70vw;height:100%;text-align:center}.content-box .contain .title .city-name{text-align:center;margin:0;font-size:3.3vw;font-weight:100;color:#fff;line-height:120px;display:flex;flex-wrap:wrap;justify-content:center}.content-box .contain .title .city-name li{float:left;margin-left:2vw}.content-box .contain .title .city-name li .animation-ch,.content-box .contain .title .city-name li .animation-en{cursor:pointer!important}.content-box .contain .title .city-name .animation-wrap{position:relative;cursor:pointer}.content-box .contain .title .city-name a{color:#fff}.content-box .contain .title .city-name a span:first-child{opacity:0;animation:fade-out 5s ease-in-out infinite;-o-animation:fade-out 5s ease-in-out infinite;-moz-animation:fade-out 5s ease-in-out infinite;-webkit-animation:fade-out 5s ease-in-out infinite}.content-box .contain .title .city-name a span:nth-child(2){opacity:1;margin-left:-7rem;animation:fade-in 5s ease-in-out infinite;-o-animation:fade-in 5s ease-in-out infinite;-webkit-animation:fade-in 5s ease-in-out infinite;-moz-animation:fade-in 5s ease-in-out infinite}.content-box .contain .title p{padding-top:22px;text-align:center;font-size:20px;font-weight:700;color:#fff;letter-spacing:8px}.content-box .contact-type{position:absolute;right:8rem;top:50vh;animation:slide-in 1s ease-in-out 1;-moz-animation:slide-in 1s ease-in-out 1;-webkit-animation:slide-in 1s ease-in-out 1;-o-animation:slide-in 1s ease-in-out 1}.content-box .contact-type ul{line-height:3}.content-box .city-exp{position:absolute;top:50%;left:50%;margin-left:-18rem;margin-top:-19rem;z-index:3}.content-box .city-exp .exp-modal{background:#fff;width:36rem;height:38rem;padding:2rem}.content-box .city-exp .exp-modal .close{float:right}.content-box .city-exp .exp-modal .exp-form{overflow:hidden;padding:2.2rem 2rem 0}.content-box .city-exp .exp-modal .exp-form .exp-title{display:inline-block;font-size:2.6rem;font-weight:700;color:#333;text-transform:uppercase;padding-top:15px;margin-top:25px;position:relative}.content-box .city-exp .exp-modal .exp-form .exp-title:after{content:"";background-color:#282828;left:0;width:100%;height:4px;top:0;position:absolute;animation:lineLoad 3s ease-in-out forwards;-moz-animation:lineLoad 3s ease-in-out forwards;-o-animation:lineLoad 3s ease-in-out forwards;-webkit-animation:lineLoad 3s ease-in-out forwards}.content-box .city-exp .exp-modal .exp-form .form .form-item{display:flex;margin:45px 0}.content-box .city-exp .exp-modal .exp-form .form .form-item label{width:50%;font-size:1.3rem;font-family:font-combine;color:#333;line-height:30px;font-weight:700}.content-box .city-exp .exp-modal .exp-form .form .form-item label span{display:block;line-height:2}.content-box .city-exp .exp-modal .exp-form .form .form-item p{width:50%;font-size:1.2rem;font-family:font-combine;color:#333;font-weight:700;line-height:2}.video-react .video-react-big-play-button.video-react-big-play-button-center{margin-top:1.25em!important}.paused-animation{animation-play-state:paused;-webkit-animation-play-state:paused}@keyframes fade-in{0%{opacity:0;z-index:0}to{opacity:1;z-index:1}}@-webkit-keyframes fade-in{0%{opacity:0;z-index:0}to{opacity:1;z-index:1}}@keyframes fade-out{0%{opacity:1;z-index:1}to{opacity:0;z-index:0}}@-webkit-keyframes fade-out{0%{opacity:1;z-index:1}to{opacity:0;z-index:0}}@keyframes lineLoad{0%{width:0}to{width:100%}}@-webkit-keyframes lineLoad{0%{width:0}to{width:100%}}@keyframes slide-in{0%{opacity:0;right:4rem}to{opacity:1;right:8rem}}@-webkit-keyframes slide-in{0%{opacity:0;right:4rem}to{opacity:1;right:8rem}}@media screen and (min-width:40em){.content-box .contain .title h4{font-size:4rem;letter-spacing:2.8rem}}@media screen and (min-width:65em){.content-box .contain .title h4{font-size:5rem;letter-spacing:3rem}}@media screen and (min-width:80em){.content-box .contain .title h4{font-size:6rem;letter-spacing:3.4vw}}.video-react .video-react-video{object-fit:cover!important}.video-react .video-react-big-play-button{font-size:3em;display:none!important}
/*# sourceMappingURL=main.ec429640.chunk.css.map */