@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}*{box-sizing:border-box}body,input,select,textarea{font-family:icon,Microsoft Yahei,SimSun}body{max-width:1920px;min-width:86em;margin:0 auto;padding:0;font-size:14px;color:#666;background-color:#fff}img{border:0}form{margin:0;padding:0}input,select,textarea{font-size:1em}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:#f63}a,.arow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fadeInTop{animation-name:fadeInTop;animation-duration:1s !important}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-thumb{background-color:#666;border-radius:1px}::-webkit-scrollbar-track{background-color:#000}@media screen and (max-width:640px){::-webkit-scrollbar{display:none}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@font-face{font-family:'icon';src:url("/web/images/iconfont.woff2?t=1679264036") format("woff2"),url("/web/images/iconfont.woff?t=1679264036") format("woff")}@keyframes fadeInTop{0%{opacity:0;transform:translate(0,50%)}100%{opacity:1;transform:translate(0,0%)}}@keyframes upward-x{0%{transform:translateX(0%)}100%{transform:translateX(-50%)}}@keyframes upward-y{0%{transform:translateY(0%)}100%{transform:translateY(-50%)}}.upward{animation:infinite linear}.upward.x{display:inline-block;white-space:nowrap;animation-name:upward-x}.upward.y{display:block;animation-name:upward-y}.upward:hover{animation-play-state:paused}.mrow{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.center{width:80vw;height:auto;margin:0 auto}.grid{display:grid;justify-content:space-between;flex-flow:wrap;grid-template-columns:repeat(auto-fill,var(--width))}.name{text-align:center;position:relative;color:#ff9600}.name h1:after{content:'';width:1.5em;height:4px;display:block;background:#ff9600;margin:0 auto;margin-top:.5em}.name b{font-size:6em;color:#f7f7f7;margin:0 auto}.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)}.revise{position:relative}.revise .back{position:absolute;display:block;left:0;right:0;top:0;bottom:0;margin:auto;z-index:-1}.inside-banner{position:relative;width:100%;height:46em}.inside-banner img{min-width:100%;height:100%;position:absolute;z-index:-1;left:-200%;top:-200%;right:-200%;bottom:-200%;margin:auto}#img_box{width:100%;height:100%;position:fixed;z-index:99;left:0;top:0;background: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}.more{width:10em;height:3em;line-height:3em;text-align:center;background:#c57422;color:#ffff;transition:transform .6s,opacity .3s ,border .3s ,background .3s;display:block}.more:hover{transform:translateY(-.5em);color:#fff}.number-roll span{width:.6em;height:1em;line-height:1em;display:inline-block;font-size:2.5em;overflow:hidden;position:relative;font-weight:500;text-align:center}.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;font-weight:bold}.number-roll.on span.n1:before{transform:translateY(-10em)}.number-roll.on span.n2:before{transform:translateY(-11em)}.number-roll.on span.n3:before{transform:translateY(-12em)}.number-roll.on span.n4:before{transform:translateY(-13em)}.number-roll.on span.n5:before{transform:translateY(-14em)}.number-roll.on span.n6:before{transform:translateY(-15em)}.number-roll.on span.n7:before{transform:translateY(-16em)}.number-roll.on span.n8:before{transform:translateY(-17em)}.number-roll.on span.n9:before{transform:translateY(-18em)}.number-roll.on span.n10:before{transform:translateY(-19em)}.number-roll span.symbol{width:.3em}.number-roll.on span.symbol:before{content:','}.number-roll.on span.plus{font-size:2em;vertical-align:top;margin-left:.2em}.number-roll.on span.plus:before{content:'+';vertical-align:top}.page{text-align:left;margin-bottom:2em;text-align:center;margin:3em auto;margin-top:0}.page a{text-align:center;width:2em;height:2em;display:inline-block;margin-left:1em;color:#ed7e0b;line-height:2em;background:#372a19}.page a.on,.page a:hover{background:#372a19;color:#ed7e0b}.goto{width:3em;height:3em;line-height:3em;text-align:center;font-family:icon;background:rgba(4,4,4,.5);position:absolute;left:2vw;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.5);z-index:5;cursor:pointer;transition:background .6s}.goto:after{content:'\e660';font-weight:bold;font-size:1.5em}.goto.next{left:initial;right:2vw}.goto.next:after{content:'\eca1'}.goto:hover{background:rgba(4,4,4,.8);color:rgba(255,255,255,.8)}#map{width:200%;height:24vw;transform:translateX(-40%)}#map div{overflow:visible}header{position:fixed;overflow:hidden;left:0;right:0;top:0;z-index:9;padding:1em 0;transition:background .3s ,transform .3s;background:rgba(0,0,0,.3)}header .center{display:flex;align-items:center;justify-content:space-between;align-items:center}header .center .logo{width:8em;display:block;position:relative;transition:width .3s}header .center .logo img{max-width:100%}header .center .nav a{color:#fff;display:inline-block;margin:0 1em}header .center .nav a:after{content:'';width:100%;height:1px;display:block;background:#ff9600;margin-top:.2em;opacity:0}header .center .nav a:last-child{margin-right:0}header .center .nav a.on,header .center .nav a:hover:after{opacity:1;background:#ff9600}header .center .nav a.on,header .center .nav a:hover{color:rgba(255,191,107,.8)}header.on{padding:1em 0;background:#fff;box-shadow:0 0 .5em rgba(0,0,0,.3)}header.on .center .logo{width:20em}header.on .center a{color:#333}header.on .center a:after{background:#333}header.hide{transform:translateY(-100%)}.banner{width:100%;height:100vh;position:relative}.banner .list{white-space:nowrap;height:100%;width:100%}.banner .list li{width:100%;height:100%;display:inline-block;vertical-align:top}.banner .list li a{display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;opacity:0;transform:scale(1.1,1.1);transition:opacity 2s ,transform 3s}.banner .list li .text{position:absolute;left:0;right:0;transform:translateY(-50%);top:50%;color:#fff;margin:0 auto;opacity:0;display:inline-block;transition:opacity .6s ,transform .6s}.banner .list li .text h1{font-size:1.75em;font-weight:bold;margin-bottom:0}.banner .list li .text p{margin-bottom:0;font-size:1.25em}.banner .list li .text p:before{content:'';width:1.5em;height:3px;display:inline-block;vertical-align:middle;background:#ff9600;margin-right:1em}.banner .list li.on{z-index:1}.banner .list li.on:after{background:rgba(0,0,0,0);opacity:1}.banner .list li.on a{opacity:1;transform:scale(1,1)}.banner .list li.on .text{opacity:1;transition-delay:.6s}@keyframes delay{0%{opacity:0}100%{opacity:1}}.about{min-height:80vh;position:relative}.about .back{position:absolute;display:block;left:0;right:0;top:0;bottom:0;margin:auto}.about .center{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:auto;display:flex;justify-content:space-between;align-items:center;overflow:visible}.about .center .text{width:50%}.about .center .text h1{color:#333}.about .center .text p{line-height:230%;color:rgba(255,255,255,.8)}.about .center .text .more{margin-top:4em}.about .center .text .more:after{content:'MORE';letter-spacing:.1em}.about .center .img{width:45%;box-shadow:.5em .5em 1em rgba(28,98,196,1),0 0 1em rgba(173,103,8,1),-.5em -.5em 1em rgba(173,103,8,1),0 0 1em rgba(28,98,196,1)}.about .center .img img{width:100%;transition:transform 1s}.about .center .img:hover img{transform:scale(1.1,1.1)}.about .back{transform:scale(1.1,1.1);transition:transform 8s}.about .center .text{transform:translateX(-50%);opacity:0;transition:transform .6s,opacity .3s}.about .center .img{transform:translateX(50%);opacity:0;transition:transform .6s,opacity .3s}.about.on .back{transform:scale(1,1)}.about.on .center .text,.about.on .center .img{transform:translateX(0);opacity:1}.vr{position:relative;height:50vh;display:none}.vr .canvas{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;opacity:.5}.inside-title{color:#ff9600;font-size:2em;text-align:center;margin:2em 0}.inside-title::after{content:'';width:1.5em;height:4px;background-color:#ff9600;display:block;margin:.5em auto}.product{padding:3em 0;position:relative}.product .back{position:absolute;display:block;left:0;right:0;top:0;bottom:0;margin:auto}.product .box{margin-top:3em;height:36vw;display:flex;justify-content:space-between;overflow:visible}.product .box .tab{width:22%;height:100%;position:relative;cursor:pointer;transition:width .4s;display:block;white-space:normal;box-shadow:0 0 .8em .2em rgba(0,0,0,.3)}.product .box .tab::before{content:'';width:100%;height:100%;background-color:rgba(255,153,0,.7);position:absolute;left:0;top:0}..product .box .tab .text{position:absolute;bottom:7em;left:5%;right:5%;color:#fff;z-index:1;visibility:hidden;opacity:0;transform:translateY(20%);transition:opacity .6s,transform .6s}.product .box .tab .text h1{font-weight:normal;border-bottom:1px solid #fff;margin:0;padding-bottom:.5em}.product .box .tab .text p{line-height:200%}.product .box .tab .text .more{border:1px solid #fff;color:#fff}.product .box .tab .text .more:after{content:'MORE'}.product .box .tab .cover{position:absolute;padding-right:1em;right:2em;top:2em;color:#fff;z-index:1;border-right:2px solid #fff;font-weight:bold;text-shadow:2px 4px 1px rgba(0,0,0,.5)}.product .box .tab .cover:before{content:attr(data-name);font-size:2em;width:1em;display:block;margin:0 auto}.product .box .tab .z_wave{transform:translate(-50%) translateY(3em);transition:transform .6s}.product .box .tab:hover .z_wave{transform:translate(-50%) translateY(0)}.z_wave{position:absolute;overflow:visible;left:50%;transform:translate(-50%) translateY(0);bottom:-15vw;z-index:1;transition:ease 2s}.z_wave .wave,.z_menu_close .wave1,.z_wave .wave2 {z-index:-1;position:absolute;width:19vw;height:19vw;background:#cf9953;border-radius:45%;animation:rotate 6s linear infinite;mix-blend-mode:multiply}.z_wave .wave1 {background:#cf9953;transform:translate(-20%,0) rotate(0);opacity:.8;width:17vw;height:17vw;animation:rotate1 6s linear -4s infinite;border-radius:65%}.z_wave .wave2 {background:#cf9953;transform:translate(20%,0) rotate(0);animation:rotate2 8s linear -2s infinite;width:15vw;height:15vw;border-radius:30%}.z_wave .icon{position:absolute;left:32%;bottom:24%;z-index:2}@keyframes rotate {50% {border-radius:38%;transform:rotate(180deg)}100% {border-radius:45%;transform:rotate(360deg)}}@keyframes rotate1 {50% {border-radius:38%;transform:translate(-30%,8%) rotate(180deg)}100% {border-radius:45%;transform:translate(-20%,0%) rotate(360deg)}}@keyframes rotate2 {50% {transform:translate(30%,8%) rotate(180deg)}100% {transform:translate(20%,0%) rotate(360deg)}}.news{margin-bottom:3em;display:none}.news .box{margin-top:3em;display:flex;justify-content:space-between}.news .box .tia{width:50%;height:25vw;position:relative}.news .box .tia a{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;white-space:normal}.news .box .tia a .text{position:absolute;bottom:0;left:0;right:0;background:rgba(255,191,107,.8);padding:0 2em;color:#fff;zoom:.8}.news .box .tia a .text h1{font-size:1.5em;margin-bottom:0}.news .box .tia a .text p{line-height:180%}.news .box .list{width:47%}.news .box .list a{display:block;border-bottom:1px dashed #ff9600;padding:.5em 0;margin-bottom:1em}.news .box .list a:last-child{border-bottom:0;margin-bottom:0}.news .box .list a h1{font-size:1.25em;margin:0}.news .box .list a p{color:#666;line-height:180%}footer{background:#000;padding-top:2em;overflow:hidden}footer.none{display:none}footer .bt-center{max-width:83.3vw;margin:0 auto;display:flex;justify-content:space-between;padding-bottom:2em;border-bottom:1px solid #575757}footer .bt-center .list{width:100%;max-width:80%}footer .bt-center .list li{color:#fff;margin-bottom:2em;display:inline-block;vertical-align:top;min-width:30%}footer .bt-center .list li:nth-last-child(-n+3){margin-bottom:0}footer .bt-center .wechat{display:flex;width:5vw;align-items:center}footer .bt-center .wechat img{width:100%;max-width:100%;padding:.1em;background:#fff}footer .bt-nav{max-width:83.3vw;margin:0 auto;padding:1.5em 0}footer .bt-nav a{display:inline-block;vertical-align:top;color:rgba(255,255,255,.8);font-size:1.25em;margin-right:2em}footer .copy{margin:0;text-align:center;padding-bottom:1em;margin-top:3em;color:rgba(255,255,255,.2)}footer .copy a{color:rgba(255,255,255,.2)}.inside-nav{text-align:center;border-radius:.5em}.inside-nav a{display:inline-block;vertical-align:top;padding:.5em 2em;margin:1em;background-color:#000;color:#fff;border-radius:1em;line-height:1.8em}.inside-nav a.on,.inside-nav a:hover{color:#d98a09}.inside-product{margin:3em auto}.inside-product .box{display:flex;justify-content:space-between;height:25vw;align-items:center;margin-bottom:3em}.inside-product .box .text{width:40%}.inside-product .box .text h1{color:#333;font-size:1.75em;margin-top:0;line-height:1em}.inside-product .box .text h1:before{content:'';width:3px;height:1em;display:inline-block;vertical-align:middle;background:#ff9600;margin-right:.5em}.inside-product .box .text p{line-height:200%;-webkit-line-clamp:5}.inside-product .box .text .sidemore{margin-top:3em}.inside-product .box .text .sidemore span{width:6em;line-height:2em;height:2em;background:#eeefee;display:inline-block;vertical-align:top;text-align:center;font-family:icon}.inside-product .box .text .sidemore span.next{margin-left:.5em}.inside-product .box .text .sidemore span:after{content:'\e660';color:#333}.inside-product .box .text .sidemore span.next:after{content:'\eca1'}.inside-product .box .text .sidemore span:hover{background:#ff9600;cursor:pointer}.inside-product .box .text .sidemore span:hover:after{color:#fff}.inside-product .box .list{width:55%;height:100%;position:relative;white-space:nowrap}.inside-product .box .list:after{content:'';width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:rgba(0,0,0,.5)}.inside-product .box .list .img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.inside-product .box .list .img img{min-width:100%;height:100%;position:absolute;z-index:-1;left:-200%;top:-200%;right:-200%;bottom:-200%;margin:auto;display:none}.inside-product .box .list .img img.on{display:block}.inside-product .box .list .hiden{z-index:2;position:relative;height:100%;white-space:nowrap}.inside-product .box .list .hiden a{width:25%;height:100%;display:inline-block;vertical-align:top;color:#fff;z-index:1;position:relative;border-right:1px solid rgba(255,255,255,.7);transition:width .3s}.inside-product .box .list .hiden a:last-child{border:0}.inside-product .box .list .hiden a span{position:absolute;padding:0 1em;display:block;zoom:.8;top:50%;transform:translateY(-50%);white-space:normal;left:0;right:0}.inside-product .box .list .hiden a span h1{font-size:1.5em;margin-top:0}.inside-product .box .list .hiden a span p{line-height:180%}.inside-product .box .list .hiden:hover a{width:20%}.inside-product .box .list .hiden a:hover{width:40%}.inside-product .box .list .hiden a:hover span p{-webkit-line-clamp:initial}.product-name{line-height:3em;height:3em}.product-name span{font-size:2em;display:inline-block;vertical-align:middle;margin-left:1em;font-weight:bold;color:#333;letter-spacing:.1em}.product-name:before{content:'';width:3px;height:100%;display:inline-block;background:#ff9600;vertical-align:middle}.product-content{margin:3em auto}.product-content .center{padding:2em}.product-content .text{color:#666}.product-content .product-brief .text{margin-top:2em;line-height:200%}.product-content .list-nav{margin-top:3em;border-bottom:1px solid #ccc;padding:0}.product-content .list-nav{display:flex;align-items:center;justify-content:center;overflow:visible}.product-content .list-nav a{font-size:1.5em;display:inline-block;vertical-align:top;margin:0 2em;color:#666;font-weight:bold;position:relative;padding-bottom:2em;overflow:visible;cursor:pointer}.product-content .list-nav a:after{content:'';width:100%;height:1px;display:block;background:#ff9600;position:absolute;left:0;right:0;z-index:1;bottom:-1px;display:none}.product-content .list-nav a:last-child,.product-content .list-nav a.on,.product-content .list-nav a:hover{color:#ff9600}.product-content .list-nav a:last-child:after,.product-content .list-nav a.on:after,.product-content .list-nav a:hover:after{display:block}.product-describe{padding:3em 0}.product-describe .list{display:flex;justify-content:space-between;flex-flow:wrap;margin-top:3em}.product-describe .list li{width:47.5%;display:flex;justify-content:space-between;margin-bottom:2em}.product-describe .list li span{width:5em;vertical-align:top;margin-right:2em}.product-describe .list li span img{width:100%}.product-describe .list li .text{display:inline-block;vertical-align:top}.product-describe .list li .text h1{margin-top:0;font-size:1.5em;color:#333}.product-describe .list li .text p{line-height:200%}.product-describe .list li:nth-last-child(-n+2){margin-bottom:0}.product-scene{background:#f0f0f0}.product-scene .list li span{width:30%;margin-right:0}.product-scene .list li .text{width:65%}.product-scene .list li .text h1{font-size:1.25em}.about-video{width:100%;height:100vh;position:relative}.about-video.none{display:none}.about-video video{width:100%;height:100%;object-fit:cover}.about-video .inside-nav{position:absolute;left:0;right:0;bottom:1em;background-color:rgba(0,0,0,.3);margin:0 auto}.about-video .icon{font-family:icon;position:absolute;left:0;right:0;text-align:center;top:50%;transform:translateY(-50%);color:#fff;z-index:2;cursor:pointer;overflow:visible}.about-video .icon:before{content:'\e8a3';font-size:3em}.about-video .icon:after{content:'点击观看视频';display:block;margin-top:.5em}.video-open{position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;z-index:10;display:flex;align-items:center;justify-content:center;display:none}.video-open .back{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.5)}.video-open .box{width:80vw}.video-open .box video{width:100%}.video-open.on{display:flex}.about-video .text{position:absolute;left:0;right:0;transform:translateY(-50%);top:50%;color:#fff;margin:0 auto;opacity:1;display:inline-block;transition:opacity .6s ,transform .6s}.about-video .text h1{font-size:1.75em;font-weight:bold;margin-bottom:0}.about-video .text p{margin-bottom:0;font-size:1.25em}.about-video .text p:before{content:'';width:1.5em;height:3px;display:inline-block;vertical-align:middle;background:#ff9600;margin-right:1em}.brief{width:100%;height:100vh;position:relative}.brief .box{position:absolute;left:10vw;right:10vw;top:5em;bottom:5em;margin:auto;background:#fff}.brief .box .padding{position:absolute;left:2em;right:2em;top:2em;bottom:2em;margin:auto;display:flex;justify-content:space-between}.brief .box .padding .img{height:100%;width:45%;position:relative}.brief .box .padding .text{width:50%}.brief .box .padding .text .name h1{font-size:1.75em;text-align:left}.brief .box .padding .text .name h1:after{margin:0;margin-top:.1em}.brief .box .padding .text .name b{font-size:4em}.brief .box .padding .text .list{display:flex;justify-content:space-between}.brief .box .padding .text .list .number-roll span{font-size:2em;color:#ff9600}.brief .box .padding .text .list .number-roll span.plus:before{zoom:.8;transform:translateY(-.5em)}.brief .box .padding .text .hidden{zoom:.9;line-height:1.8em;padding-right:2em;height:calc(100% - 14em);overflow-y:visible}.brief .box .padding .text .hidden::-webkit-scrollbar {width :10px;height:1px}.brief .box .padding .text .hidden::-webkit-scrollbar-thumb {border-radius:10px;box-shadow :inset 0 0 5px rgba(0,0,0,.2);background :#ff9600}.brief .box .padding .text .hidden::-webkit-scrollbar-track {box-shadow :inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background :#ededed}.revise-brief{height:40.8vw;background:no-repeat center center;background-size:auto 100%;position:relative}.revise-brief .team{width:30em;height:38vw;position:absolute;left:calc(50% + 15em);bottom:0}.revise-brief .team .list{height:100%;white-space:nowrap}.revise-brief .team .list li{width:30em;height:100%;display:inline-block;position:relative}.revise-brief .team .list li img{max-width:100%;max-height:100%;position:absolute;left:-100%;right:-100%;bottom:0;margin:0 auto}.history{padding:3em 0}.history .hidden{position:relative}.history .hidden .box{width:calc(100% - 10em);margin:0 auto}.history .hidden .box .list{white-space:nowrap;height:auto}.history .hidden .box .list li{display:inline-block;vertical-align:top;width:25%;text-align:center;white-space:normal;transition:transform .4s}.history .hidden .box .list li .link{display:block;width:100%;height:2px;background:#f7f7f7;position:relative;transition:background .4s}.history .hidden .box .list li .link:after{content:'';width:.5em;height:.5em;display:block;border-radius:50%;background:#dedede;position:absolute;left:0;right:0;transform:translateY(-50%);margin:0 auto}.history .hidden .box .list li .text{zoom:.9;color:#b4b4b4;padding:0 1em;text-align:left;display:block;line-height:180%}.history .hidden .box .list li:hover h1{color:#ff9600}.history .hidden .box .list li:hover .link{background:#ff9600}.history .hidden .box .list li:hover .link:after{background:#ff9600}.history .hidden .box .list li:hover{transform:translateY(-1em)}.history .hidden .goto{width:3em;height:6em;line-height:6em;background:#e0e0e0;left:0;top:40%}.history .hidden .goto.next{left:initial;right:0}.history .hidden .goto:hover{background:#ff9600;color:#fff}.history .video{width:40vw;margin:3em auto;margin-bottom:0}.history .video video{width:100%;object-fit:cover}.honor{margin-bottom:3em;overflow:visible}.honor .box{white-space:nowrap}.honor .img{overflow:visible;white-space:normal;display:inline-block;width:100%}.honor .img li{width:23%;height:12.5vw;position:relative;margin-bottom:2em;background:#fff;overflow:visible;transition:box-shadow .3s;display:inline-block;vertical-align:top;margin-right:2.66%;overflow:hidden}.honor .img li:nth-child(4n){margin-right:0}.honor .img li img{min-width:100%;height:100%;position:absolute;z-index:1;left:-200%;top:-200%;right:-200%;bottom:-200%;margin:auto;transition:transform .3s}.honor .img li:hover{box-shadow:0 0 2em rgba(0,0,0,.35)}.honor .img li:hover img{transform:scale(1.05,1.05)}.honor .list{--width:45%}.honor .list li{color:#333;line-height:180%;margin-bottom:1em}.honor .list li span{width:1.25em;height:1.25em;border-radius:50%;border:3px solid #b5b5b6;display:inline-block;vertical-align:middle;margin-right:.25em;position:relative}.honor .list li:hover span{border:3px solid #ff9600}.honor .list li:hover{color:#ff9600}.honor .honor-goto{text-align:center;margin-top:2em}.honor .honor-goto span{width:8em;line-height:2.5em;height:2.5em;background:#727171;display:inline-block;vertical-align:top;text-align:center;font-family:icon;color:#fff;cursor:pointer}.honor .honor-goto span:after{content:'\e660'}.honor .honor-goto span.next:after{content:'\eca1'}.honor .honor-goto span.next{margin-left:.5em}.honor .honor-goto span:hover{background:#ff9600}.environment{margin:3em auto}.environment .box{margin-top:2em;position:relative;max-width:70vw}.environment .box .list{white-space:nowrap;height:30vw}.environment .box .list li{width:100%;height:100%;display:inline-block;vertical-align:top;position:relative}.environment .box .list li img{transform:scale(1,1)}.cooperation{padding:3em 0 5em 0;position:relative}.cooperation .back{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;min-width:100%;height:100%;z-index:-1}.cooperation .name h1{color:#fff}.cooperation .name b{color:rgba(247,247,247,.2)}.cooperation .box{margin-top:2em}.cooperation .box .list{text-align:center;display:flex;justify-content:center}.cooperation .box .list li{width:7em;height:7em;border-radius:50%;background:#fff;color:#333;display:inline-block;vertical-align:top;line-height:7em;margin:0 2em;transition:background .6s;position:relative}.cooperation .box .list li span{line-height:150%;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.cooperation .box .list li span:before{content:attr(data-name);font-size:1.25em}.cooperation .box .list li span:after{content:attr(data-en);display:block;font-size:.85em}.cooperation .box .list li.on,.cooperation .box .list li:hover{background:#ff9600;color:#fff}.cooperation .box .text{padding:1.5em 0;display:flex;justify-content:center;background:#fff;max-width:60%;margin:0 auto;margin-top:3em}.cooperation .box .text .img{width:8em}.cooperation .box .text .img img{width:100%;max-width:100%}.cooperation .box .text .link{width:2px;height:8em;background:linear-gradient(120deg,transparent 0%,#dedede 50%,transparent 100%);margin:0 3em}.cooperation .box .text .con{color:#333;line-height:250%}.branch{margin:3em auto}.branch .branch-nav{border-top:1px solid #dfdddd;border-bottom:1px solid #dfdddd;padding:1.5em 0;--width:8%}.branch .branch-nav span{margin:0 .5%;border-radius:1em;color:#333;line-height:2.5em;height:2.5em;text-align:center;cursor:pointer;margin-bottom:.5em}.branch .branch-nav span.on,.branch .branch-nav span:hover{background:#ff9600;color:#fff;text-align:center}.branch .text{display:flex;justify-content:space-between;margin-top:3em}.branch .text .img{width:35%}.branch .text .img img{width:100%;max-width:100%}.branch .text .con{width:60%}.branch .text .con .tab{white-space:nowrap}.branch .text .con .tab .detailed{display:inline-block;vertical-align:top;width:100%;display:none;position:absolute}.branch .text .con .tab .detailed h1{margin-bottom:0;color:#000}.branch .text .con .tab .detailed p{margin-top:4em;zoom:.9;color:#666}.branch .text .con .tab .detailed.on{display:block;position:relative}.news_list{margin:3em auto;overflow:visible}.news_list li{margin-bottom:3em;padding:1em;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;justify-content:space-between;transition:background-color .4s;background:#1f1f1f;box-shadow:0 0 3em rgba(0,0,0,.7)}.news_list li p{margin:0}.news_list li .himg{width:30%;height:13vw;background-color:#ddd;border-radius:.5em}.news_list li .info{width:50%;line-height:2em}.news_list li .info a{display:block;margin:1em 0 1em 0;font-size:1.75em;color:#e4870e}.news_list li .info small{opacity:.8;font-size:1.125em;color:#6e5a25}.news_list li .date{width:10%;line-height:1.6em;font-family:Arial;font-size:1.4em;padding-top:1em;color:#e4870e}.news_list li .date small{display:block;font-size:.8em;color:#6e5a25}.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 #5b4e2b;color:#5b4e2b;margin-top:1em;transition:transform .8s}.news_list li:hover{background:#e4870e}.news_list li:hover .date a{transform:translateX(50%);color:#e4870e;background-color:#fff;border-color:#fff}.news_list li:hover a,.news_list li:hover small ,.news_list li:hover .date{color:#fff}.partybd_tia{display:flex;justify-content:space-between;margin-top:5em;align-items:center}.partybd_tia .text{width:45%}.partybd_tia .text a{white-space:normal}.partybd_tia .text a h1{color:#cd8306;margin-top:0;font-size:1.75em;text-shadow:2px 4px 1px rgba(0,0,0,.5)}.partybd_tia .text a p{line-height:200%;color:#c57422;text-shadow:2px 4px 1px rgba(0,0,0,.5)}.partybd_tia .text a span{margin-top:3em}.partybd_tia .text a span:after{content:'MORE';color:#fff}.partybd_tia .box{width:50%;height:25vw;position:relative}.partybd_tia .box .list{width:100%;height:100%}.partybd_tia .box .list a{display:inline-block;vertical-align:top;width:100%;height:100%;overflow:hidden}.partybd_tia .box .list p{width:100%;line-height:3em;position:absolute;left:0;right:0;padding:0 2em;background:#ff9c00;margin:0;bottom:0;color:#fff}.partybd_tia .box .tia-list{position:absolute;bottom:4em;right:2em;z-index:1}.partybd_tia .box .tia-list span{width:1em;height:1em;border-radius:50%;display:inline-block;vertical-align:top;background:#fff;margin:0 .25em;cursor:pointer}.partybd_tia .box .tia-list span.on,.partybd_tia .box .tia-list span:hover{background:#ff9600}.partybd_list{margin:3em auto;overflow:visible;--width:31%}.partybd_list a{margin-bottom:4em}.partybd_list a .himg{width:100%;height:15vw;display:block;overflow:hidden}.partybd_list a .text{background:#31291e;padding:2em;color:#ff9000}.partybd_list a .text h1{font-size:1em;margin:0}.partybd_list a .text p{margin-bottom:0;color:#ff9000;margin-top:2em}.idea .box{margin-top:3em;display:flex;justify-content:space-between}.idea .box .img{width:40%;transition:transform 1s}.idea .box .img img{transition:transform 1s;width:100%}.idea .box .img:hover img{transform:scale(1.1,1.1)}.idea .box .text{width:55%}.idea .box .text h1{margin:0;color:#ff9600}.idea .box .text p{line-height:200%;margin-top:0;color:#ff930c}.style{padding:3em 0;margin-top:3em}.style .box{margin-top:3em;position:relative}.style .box .goto{background:rgba(0,0,0,.3);left:0}.style .box .goto.next{left:initial;right:0}.style .box .hiden{width:calc(100% - 10em);margin:0 auto}.style .box .hiden .list{white-space:nowrap}.style .box .hiden .list li{width:31%;display:inline-block;vertical-align:top;margin-right:3.5%}.style .box .hiden .list li:last-child{margin-right:0}.style .box .hiden .list .himg{width:100%;height:15vw;display:block;overflow:hidden}.style .box .hiden .list p{margin:0;padding:1em 2em;text-align:center;background:#ff9308;color:#fff}.join{margin:3em auto}.join .list{margin-top:3em;--width:47%;overflow:visible;display:none}.join .list.on{display:grid}.join .list a{display:inline-block;padding:2em;border-radius:.25em;box-shadow:0 0 1em rgba(0,0,0,.1);margin-bottom:2em;background:#140d05}.join .list a p{margin:0;display:flex;justify-content:space-between;align-items:center}.join .list a p:before{content:attr(data-name)}.join .list a .j-name:before{font-size:1.75em;color:#7f4f07}.join .list a .j-name:after{content:attr(data-salary);color:#ff9704;font-weight:bold;font-size:1.5em}.join .list a .j-skill{margin:.75em 0;display:inline-block;font-size:1.125em}.join .list a .j-skill:before{content:attr(data-title);color:#7f4f07}.join .list a .j-skill:after{content:attr(data-skill);color:#ff9308}.join .list a .j-more{display:flex;align-items:center;justify-content:space-between}.join .list a .j-more p{font-size:1.125em}.join .list a .j-more p:before{content:attr(data-title);color:#7f4f07}.join .list a .j-more p:after{content:attr(data-addr);color:#ff9308}.join .list a .j-more em{width:8em;height:2.5em;line-height:2.5em;border-radius:.5em;background:#ff9b02;font-style:initial;text-align:center}.join .list a .j-more em:after{content:'查看详情'}.join .list a:hover .j-more em{background:#ff9b02;color:#fff}.join .list a:hover .j-name:before{color:#ff9b02}.join .box{display:flex;align-items:center;justify-content:space-between;margin-top:2em}.join .box .button{width:47%;background:#140d05;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:3em 0}.join .box .button .icon:after{content:'\e611';font-size:5em;margin-right:.5em;color:#824c06}.join .box .button:last-child .icon:after{content:'\e61b';color:#824c06}.join .box .button .text h1{font-size:1.75em;display:block;margin-bottom:0;color:#ff9500}.join .box .button .text p{color:#ff9500}.join .box .button.on .icon,.join .box .button:hover .icon{color:#ff9600}.join-box{width:100%;height:auto}.join-box .box{max-width:60vw;color:#ff9600;padding:5em 0}.join-box .box .tag{color:#ff9600;zoom:.9}.join-box .box .text{margin-top:3em}.join-box .box .text .describe:last-child{margin-top:3em}.join-box .box .text h1{font-size:1.5em;line-height:1em;margin:0}.join-box .box .text h1:before{content:'';width:3px;height:1em;background:#ff9600;display:inline-block;vertical-align:middle;margin-right:.5em}.join-box .box .text p{line-height:250%;color:#ff9600}.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:#ff9600}.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}.inside-contact{margin:3em auto;overflow:visible}.inside-contact .addr{position:relative}.inside-contact .box{position:absolute;padding:2em;right:2em;top:50%;transform:translateY(-50%);background:#161616;align-items:center;display:flex}.inside-contact .box .text .img{width:7.5em}.inside-contact .box .text .img img{width:100%}.inside-contact .box .text h1{font-size:1.25em;color:#ff9602;margin-top:0}.inside-contact .box .text p{line-height:200%;zoom:.9;color:#da7104}.inside-contact .box .line{height:15em;width:2px;margin:0 3em;background:linear-gradient(120deg,transparent 0%,#da7104 50%,transparent 100%)}.inside-contact .box .db form{width:15em}.inside-contact .box .db input{display:block;margin:0;line-height:3em;width:100%;margin-bottom:1em}.inside-contact .box .db input,.inside-contact .box .db textarea{border:0;background:transparent;padding:0;border-bottom:1px solid #da7104;outline:0;display:block;font-size:.875em}.inside-contact .box .db input::placeholder,.inside-contact .box .db textarea::placeholder{color:#da7104;font-size:.875em}.inside-contact .box .db textarea{width:100%;margin-top:1em;height:6em;resize:none;line-height:180%}.inside-contact .box .db .in-both{height:2.5em;line-height:2.5em;text-align:center;width:100%;background:#da7104;color:#fff;margin-top:2em;cursor:pointer}.inside-contact .box .db .in-both:hover{background:#ff9600}.inside-contact .list{--width:31%;margin-top:3em;overflow:visible}.inside-contact .list li{padding:2em;margin-bottom:2em;transition:box-shadow .6s}.inside-contact .list li h1{font-size:1.25em;color:#ff9602;margin:0}.inside-contact .list li p{line-height:180%;color:#ff9602;zoom:.9;margin-bottom:0}.inside-contact .list li:hover{box-shadow:0 0 2em rgba(0,0,0,.3)}.inside-cases{margin:5em auto;position:relative;display:flex;box-shadow:0 0 2em rgba(0,0,0,.2);background-color:#000}.inside-cases .cases-name{width:calc(50% - 4em);margin:2em}.inside-cases .cases-name .name{font-size:2.5em;text-align:left}.inside-cases .cases-name .name:before{content:'';width:3px;height:1em;display:inline-block;vertical-align:middle;background:#ff9600;margin-right:.5em}.inside-cases .cases-name .list{white-space:nowrap;margin-top:2em}.inside-cases .cases-name .list li{width:100%;height:20vw;display:inline-block;vertical-align:top;white-space:nowrap;color:#8e6919;position:relative}.inside-cases .cases-name .list li h1{margin:0;font-size:1.75em;font-weight:normal}.inside-cases .cases-name .list li p{white-space:normal;line-height:1.8em;-webkit-line-clamp:8}.inside-cases .img{width:50%}.inside-cases .img .list{height:100%;font-family:}.inside-cases .img .list li{width:100%;height:100%;display:inline-block;vertical-align:top;position:relative}.inside-cases .page-box{position:absolute;bottom:2em;left:2em}.inside-cases .page-box .goto{position:initial;display:inline-block;vertical-align:top;transform:translateY(0);width:6em;height:2.5em;line-height:2.5em}.inside-cases .page-box .goto:hover{background:#ff9600}.none{display:none}.more-banner{width:100%;height:100vh;position:relative}.more-banner .list{white-space:nowrap;height:100%}.more-banner .list .img{display:inline-block;vertical-align:top;height:100%;width:100%;position:relative}.more-banner .list .img img{min-width:100%;height:100%;position:absolute;z-index:-1;left:-200%;top:-200%;right:-200%;bottom:-200%;margin:auto;transform:scale(1.1,1.1);transition:transform 6s}.more-banner .list .img.on img{transform:scale(1,1)}.more-banner .gotos{position:absolute;bottom:2em;left:0;right:0;text-align:center}.more-banner .gotos a{width:1em;height:1em;display:inline-block;vertical-align:text-top;border-radius:50%;border:1px solid #ff9600;border-radius:50%;padding:.25em;margin:0 .5em;background:#dedede}.more-banner .gotos a.on,.more-banner .gotos a:hover{background:#ff9600}.more-album{padding:3em 0;background:#1d1d1d;position:relative}.more-album .list{white-space:nowrap;height:30vw;min-width:150%;position:relative;left:-33.5%}.more-album .list li{width:35%;height:100%;display:inline-block;vertical-align:top;margin-right:3%;position:relative;z-index:1;background:#141414;cursor:pointer}.more-album .list li img{min-width:90%;height:90%;position:absolute;z-index:-1;left:-200%;top:-200%;right:-200%;bottom:-200%;margin:auto;transition:transform .3s}.more-album .list li:hover img{transform:scale(1.1,1.1)}.more-album .text{max-width:50vw;margin:0 auto}.more-album .text h1{color:#ff9600;font-size:2em;line-height:1em;margin-bottom:0;text-align:center}.more-album .text p{color:rgba(255,255,255,.8);line-height:200%;margin-bottom:0;font-size:1.25em;text-align:justify;text-justify:newspaper}.more-album .button{width:3em;height:3em;line-height:3em;font-family:icon;text-align:center;line-height:3em;background:#fff;color:#333;border-radius:50%;position:absolute;top:17vw;z-index:1;left:25%;cursor:pointer}.more-album .button:after{content:'\e660';font-size:1.75em}.more-album .button.next{left:initial;right:25%}.more-album .button.next:after{content:'\eca1'}.more-album .button:hover{background:#ff9600;color:#fff}.sidecon{margin:3em auto;background:#fff;padding:2em;position:relative;z-index:1;max-width:calc(60vw - 4em);padding-top:0}.sidecon .name{color:#1b1b1b;font-weight:normal;font-size:1.75em;margin-bottom:.75em;padding-bottom:1em;border-bottom:1px solid #dedede}.sidecon .text{line-height:230%;text-align:justify;text-justify:newspaper;color:#666}.sidecon .text img{max-width:100%}.sidecon .time{zoom:.8}.window{height:auto;position:fixed;bottom:5em;right:0;overflow:visible;z-index:6;opacity:0;visibility:hidden;transition:opacity .3s;display:none}.window.on{opacity:1;visibility:visible}.window li{cursor:pointer;position:relative;overflow:visible;margin-bottom:.25em}.window li p,.window li a{display:block;background:#ff9602;margin:0 auto;font-family:icon;text-align:center;color:#fff;padding:1em .75em}.window li.window-tel a:before{content:'\e94f';font-size:2em}.window li p:after,.window li a:after{content:'电话咨询';display:block;font-size:.8em}.window li.window-tel span{width:auto;white-space:nowrap;padding:0 1em;line-height:3.4em;opacity:0;display:none;height:100%;z-index:-2;position:absolute;right:100%;top:0;bottom:0;flex-direction:row;justify-content:center;align-items:center;background:#ff9602;overflow:hidden}.window li.window-tel span:after{content:attr(data-number);font-size:1.5em;color:#fff}.window li:hover p,.window li:hover a{background:#ff9602}.window li.window-tel a:hover + span{opacity:1;z-index:1;display:flex}.window li.window-wechat p:before{content:'\e72d';font-size:2em}.window li.window-wechat p:after{content:'关注微信'}.window li.window-wechat span{width:10em;height:10em;position:absolute;right:100%;top:0;bottom:0;margin:auto 0;background:rgba(62,58,57,1);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:before{content:'\e882';font-size:2em}.window li.window-qq a:after{content:'在线咨询'}.window li.window-tb a:before{content:'\e65e';font-size:2em}.window li.window-tb a:after{content:'在线留言'}.window li.window-rtun p:before{content:'\e6c4';font-size:2em}.window li.window-rtun p:after{content:'返回顶部'}.msgopen,.inquiry{width:100%;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;opacity:0;visibility:hidden;transition:opacity .6s}.msgopen .back,.inquiry .back{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:rgba(0,0,0,.5)}.msgopen .box,.inquiry .box{width:25em;height:auto;position:absolute;top:50%;transform:translateY(-50%);padding:2em;background:rgba(255,191,107,.9);left:0;right:0;margin:auto;color:#fff}.msgopen .box h1,.inquiry .box h1{text-align:center;margin:0;font-size:1.75em}.inquiry .box .db p{margin-bottom:1.5em;display:flex;align-items:center;justify-content:space-between;display:block}.inquiry .box .db p span{width:15%}.inquiry .box .db p input{width:80%;border:0;padding:0;margin:auto;text-indent:1em;line-height:2em;outline:0}.inquiry .box .db p.tel input{width:50%}.inquiry .box .db p.tel em{width:25%;background:#fff;display:inline-block;vertical-align:middle;height:2em;line-height:2em;text-align:center;margin-left:5%;color:#666;font-style:initial;background:#e8e8e8}.inquiry .box .db p.verification input{width:25%}.msgopen .box .db .in-both,.inquiry .box .db .in-both{width:45%;height:2em;background:#bbb;line-height:2em;text-align:center;margin:0 auto;cursor:pointer}.msgopen .box .db .in-both:hover,.inquiry .box .db .in-both:hover{background:#d45b49}.msgopen .box{width:20em}.msgopen .box .db{margin-top:1.5em}.msgopen .box .db input{width:100%;border:0;padding:0;margin:0;height:2em;line-height:2em;margin-bottom:1.5em;display:block;text-indent:1em;outline:0}.msgopen .box .db textarea{width:100%;line-height:1.8em;padding:.5em 1em;border:0;margin:0;height:7.2em;outline:0}.msgopen .box .db .in-both{margin-top:2em}.msgopen.on,.inquiry.on{visibility:visible;opacity:1}.works{margin:0 auto;padding-top:3em}.works.max{width:initial;margin:7em 0 0 0;padding-top:0}.works .nav{display:flex;justify-content:center;overflow:visible}.works .nav.none{display:none}.works .nav .filter{width:12em;line-height:3em;text-align:center;background:#372a19;position:relative;font-family:icon;overflow:visible;margin:0 3em;z-index:8;border-radius:.5em;color:#eb7d0c}.works .nav .filter:after{content:'\eca3';display:block;position:absolute;right:1em;top:50%;transform:translateY(-50%);transition:transform .3s}.works .nav .filter a{color:#eb7d0c;zoom:.9;display:block}.works .nav .filter .ctg{position:absolute;top:100%;left:0;right:0;background:#372a19;opacity:0;transition:opacity .3s;visibility:hidden;border-radius:0 0 .5em .5em}.works .nav .filter:hover{border-radius:.5em .5em 0 0 }.works .nav .filter .ctg a:hover{color:#fff;background:#090909}.works .nav .filter:hover:after{content:'\eca4'}.works .nav .filter:hover .ctg{opacity:1;visibility:visible}.works .nav .time{display:flex;align-items:center;justify-content:center}.works .nav .time input{width:10em;border-radius:1em 0 0 1em;border:0;height:2.5em;margin-left:.5em;border:1px solid #372a19;border-right:0;outline:0;text-indent:1em;background:#372a19;color:#db880e}.works .nav .time span{width:2em;height:2.5em;display:inline-block;background:#372a19;border-radius:0 1em 1em 0;font-family:icon;line-height:2.5em;border:1px solid #372a19;border-left:0}.works .nav .time span:after{content:'\e86e';color:#db880e}.works .list{--width:31%;margin-top:3em}.works .list.con{display:block;margin-top:10em}.works .list a{margin-bottom:3em}.works .list a .himg{width:100%;height:15vw;display:block;overflow:hidden}.works .list a .himg p{margin:0;padding:.75em 0;position:absolute;z-index:2;position:absolute;left:0;right:0;color:#fff;bottom:0}.works .list a .himg p:before{content:'';width:4em;height:1px;display:inline-block;vertical-align:middle;background:#fff;transform:translateX(-100%);transition:transform .4s}.works .list a .himg p:after{content:attr(data-name);display:inline-block;padding-left:2em;transform:translateX(-4em);transition:transform .4s}.works .list a .himg:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.3),rgba(0,0,0,0.8))}.works .list a .himg:hover p:before{transform:translateX(0)}.works .list a .himg:hover p:after{transform:translateX(0)}.works-con{height:30vw;position:relative}.works-con .con-list{white-space:nowrap;height:100%;position:relative;left:-75%;overflow:visible}.works-con .con-list li{width:49%;height:100%;display:inline-block;vertical-align:top;margin-right:1%;position:relative}.works-con .con-list li img{min-width:100%;height:100%;position:absolute;z-index:-1;left:-200%;top:-200%;right:-200%;bottom:-200%;margin:auto}.works-con .con-list li.on:after{background:rgba(0,0,0,0)}.works-con .con-list li:after{content:'';width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:rgba(0,0,0,.5)}.works-con .con-list li:last-child{margin-right:0}.works-con .goto{background:rgba(0,0,0,.5)}.works-text{width:70vw;margin:0 auto;padding:2em;display:flex;justify-content:space-between;background:#372a19;z-index:1;transform:translateY(-2em)}.works-text .text{width:65%;color:#86690b}.works-text .text h1{color:#b38315;margin-top:0}.works-text .text p{zoom:.9;line-height:200%}.works-text .text p b{color:#000;font-size:1.125em}.works-text .detailed{width:30%;color:#333;zoom:.9}.works-text .detailed li{line-height:200%;border-bottom:1px solid rgba(0,0,0,.1);padding:.5em 0;color:#86690b}.works-text .detailed li:last-child{border-bottom:0}.team-back{position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;z-index:9;opacity:.9;display:none}.team-back.on{display:block}.thum_list{--width:23%;margin:3em auto;overflow:visible}.thum_list li{height:30vw;margin-bottom:10%;overflow:visible}.thum_list li .tabulation{position:relative;width:100%;height:100%}.thum_list li .himg{width:100%;height:100%;display:inline-block;overflow:hidden}.thum_list li .box{position:absolute;right:0;left:0;top:0;bottom:0;margin:auto;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;opacity:0;transition:opacity .6s}.thum_list li .box span{z-index:2}.thum_list li .box span h1{font-weight:normal;margin:0}.thum_list li .box span p{margin:0}.thum_list li .box span p:before{content:'';width:100%;display:block;border-top:1px solid #fff;margin:1em 0}.thum_list li .box: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,.7)}.thum_list li:hover{box-shadow:.5em .5em 1em rgba(28,98,196,1),0 0 1em rgba(173,103,8,1),-.5em -.5em 1em rgba(173,103,8,1),0 0 1em rgba(28,98,196,1)}.thum_list li:hover .himg img{transform:scale(1.1,1.1)}.thum_list li:hover .box{opacity:1}.thum_list li .content{position:fixed;width:60vw;left:0;right:0;top:50%;transform:translateY(-50%);margin:0 auto;z-index:10;padding:4em 3em;background:#1f1f1f;display:none}.thum_list li.on .content{display:block}.thum_list li .content h1{color:#ff7300;margin-top:0;border-bottom:1px solid #ff7300;padding-bottom:.5em}.thum_list li .content .overall{display:flex;justify-content:space-between;margin-top:3em}.thum_list li .content .overall .left{line-height:200%;font-size:1.25em;width:60%}.thum_list li .content .overall .left p{max-height:calc(12 * 2em);line-height:2em;overflow-y:auto;margin-top:0;padding-right:1em}.thum_list li .content .overall .img{width:30%;margin-right:2%;text-align:center}.thum_list li .content .overall .img img{display:block;width:100%}.thum_list li .content .overall .img p{text-align:center;font-size:1.5em;margin-bottom:0}@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}.center{width:90vw}header{overflow:visible;padding:.5em 0}header .center{overflow:visible}header .center .logo{width:5em}header .center .nav-web{width:auto;display:block;text-align:center;line-height:3em;font-family:icon;color:#fff}header .center .nav-web:after{content:'\e607';font-size:2em}header .center .nav{position:absolute;left:5vw;right:5vw;top:8em;display:none}header .center .nav span{display:block;text-align:center;margin-bottom:1.5em}header .center .nav span .one{font-size:1.25em}header .center .nav a{margin:0}header .center .nav .sub{line-height:200%;display:none}header .center .nav .sub a{margin-left:1em}header.webon{height:100vh;background-color:#171614}header.webon .center .nav-web:after{content:'\eca0'}header.webon .center .nav{display:block}header .center .nav span.on .sub{display:block}.banner{height:calc(100vh - 14em)}.inside-banner{height:14em}.about{min-height:auto;padding-bottom:5em}.about .center{position:relative;transform:translateY(0);display:block}.about .center .text,.about .center .img{opacity:1;transform:translateY(0);width:100%;margin-top:2em}.product .box.center{height:auto;display:block}.product .box .tab{width:100%;height:15em;display:flex;align-items:center;justify-content:center;margin-bottom:3em}.product .box .tab img{min-width:initial;height:auto;width:100%}.product .box .tab .cover{position:initial;border:0;padding-right:0}.product .box .tab .cover:before{width:auto;display:block;text-align:center}.works .nav{justify-content:space-between}.works .nav .filter{margin:0;width:8em}.works .nav .time input{margin-left:0;height:3em;width:8em}.works .nav .time span{height:3em}.works .list{--width:48%}.works .list a .himg{height:10em}.works-con{height:15em}.works-text{display:block}.works-text .text{width:100%}.thum_list{--width:31%}.thum_list li{height:13em}.thum_list li .content{width:90vw}.inside-cases{display:block}.inside-cases .cases-name{padding:2em;margin:0;width:100%}.inside-cases .cases-name .list li{height:auto}.inside-cases .img{height:15em;width:100%}.inside-cases .page-box{position:initial;margin:2em}.inside-nav .center{white-space:nowrap;overflow-x:auto}.inside-nav .center a{margin:0;margin-right:1em}.inside-nav .center a:last-child{margin:0}.news_list li{display:block}.news_list li .himg{width:100%;height:15em;display:block}.news_list li .info{width:100%}.news_list li .date{display:none}.partybd_tia{display:block}.partybd_tia .text,.partybd_tia .box{width:100%}.partybd_tia .box{margin-top:2em;height:18em;display:none}.partybd_list{--width:100%}.partybd_list a .himg{height:18em}.idea .box{display:block}.idea .box .img{width:100%}.idea .box .text{width:100%;margin-top:2em}.style .box .hiden .list li{width:100%;margin-right:0}.style .box .hiden .list .himg{height:13em}.join .box .button{zoom:.7}.join .list{--width:100%}.join-box .box{max-width:90vw}#map{width:100%;height:20em;transform:translateX(0)}.inside-contact .box{position:initial;transform:translateY(0);zoom:.8}.inside-contact .list{--width:100%}footer .bt-nav{display:none}footer .bt-center .wechat{width:5em}.window{display:none}.revise-brief .team{width:9em;left:calc(50% + 5em)}.revise-brief .team .list li{width:9em}}