@charset "utf-8";figure{margin:0}figure.image{clear:both;display:table;margin:1em auto;min-width:3em;text-align:center}figure.image.image-style-side{float:right;margin-left:1em}figure.table table,figure.table td{border:1px solid #b3b3b3;border-collapse:collapse}figure.table p{margin:0}figure.media video{width:100%}blockquote{border-left:5px solid #ccc;font-style:italic;margin-left:0;margin-right:0;overflow:hidden;padding-left:1.5em;padding-right:1.5em}span.text-tiny{font-size:.7em}span.text-small{font-size:.85em}span.text-big{font-size:1.4em}span.text-huge{font-size:1.8em}body{max-width:1920px;min-width:100em;margin:0 auto;padding:0;font-size:14px;color:#666;background-color:#fff;font-family:Microsoft Yahei,SimSun}img{border:0}form{margin:0;padding:0}input,select,textarea{font-size:1em;font-family:Microsoft Yahei,SimSun}input::-ms-clear,input::-ms-reveal{display:none}section,div,ul,li{margin:0;padding:0;display:block;overflow:hidden}ul,li{list-style-type:none}li{text-overflow:ellipsis}a{text-decoration:none;color:#333;outline:0}a:hover{text-decoration:none;color:#d61418}a,.arow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:640px){::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background-color:transparent}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.himg{position:relative;z-index:1}.himg img{min-width:100%;height:100%;position:absolute;z-index:-1;left:-200%;top:-200%;right:-200%;bottom:-200%;margin:auto;transition:transform .4s ease}.himg.auto img{min-width:0;max-width:100%;max-height:100%;height:auto}.himg:hover img{transform:scale(1.1,1.1)}.mrow{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.trtion{transition:.6s;transition-timing-function:ease-out}.trtions{transition:.3s;transition-timing-function:ease-out}.center{width:100%;max-width:100em;margin:0 auto}.in-name{color:#ea0315;position:relative}.in-name h1{font-family:Georgia;font-size:4.25em;letter-spacing:.1em}.in-name a{position:absolute;transform:translateY(-50%);top:50%;right:0;color:#f30015;font-size:1.25em}#img_box{width:100%;height:100%;position:fixed;z-index:99;left:0;top:0;background-color:rgba(0,0,0,.9)}#img_box img.show{max-width:80%;max-height:80%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}#img_box .close,.product-video-open .close{width:1.2em;height:1.2em;line-height:1.2em;text-align:center;font-size:3em;color:#fff;position:absolute;top:.6em;right:.6em;cursor:pointer;font-family:icon;z-index:999}@font-face{font-family:'icon';src:url('/upload/4c0s/lpcb4kapsc.woff') format('woff')}header{position:absolute;top:0;left:0;right:0;z-index:11;height:9.5em}header .left{height:100%;max-width:75%;position:relative;background:#fff;overflow:visible}header .left .logo{display:block;width:18em;position:absolute;top:50%;transform:translateY(-50%);left:2.5em}header .left .logo img{width:100%;max-width:100%;display:block}header .left .nav{width:calc(100% - 25em);position:absolute;right:2.5em;top:0;bottom:0;overflow:visible}header .left .nav .flex{display:flex;align-items:center;justify-content:space-between;height:100%;overflow:visible}header .left .nav .flex {font-weight:bold;color:#333;font-family:icon}header .left .nav .flex span.one{font-size:1.25em;line-height:1em;height:100%;display:flex;align-items:center}header .left .nav .flex span.one.on,header .left .nav .flex a.one:hover{color:#ea0105}header .left .nav .flex a.icon:after{content:'\eca1';display:inline-block;margin-left:.5em;font-size:.8em}header .nav-number{background:#000;height:100%;padding:0 2em;position:absolute;width:calc(23% - 4em);top:0;right:0}header .nav-number .box{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:1.25em;font-weight:bold;white-space:nowrap}header .nav .nav-two{position:absolute;top:100%;background:#fff;box-shadow:0 .5em .6em rgba(51,51,51,.3);margin:0;overflow:visible;visibility:hidden;opacity:0;left:-5em}header .nav .one:hover .nav-two{opacity:1;visibility:visible}header .nav .nav-two .two{display:block;padding:1em 3em 1em .5em;position:relative;overflow:visible}header .nav .nav-two .two:hover .atwo{color:#fff}header .nav .nav-two .two:after,header .nav .nav-three .three.after:after{content:'\e640';font-size:.5em;position:absolute;right:1em;top:50%;transform:translateY(-50%)}header .nav .nav-two .two:hover{background:#ea0105;color:#fff}header .nav .nav-three{position:absolute;left:100%;margin:0;top:0;opacity:0;visibility:hidden;box-shadow:.3em 0 .3em rgba(51,51,51,.3);overflow:visible}header .nav .nav-two .two:hover .nav-three{opacity:1;visibility:visible}header .nav .nav-three .three{display:block;background:#fff;padding:1em 2em 1em .5em;position:relative;color:#333;overflow:visible}header .nav .nav-three .three:hover{background:#000;color:#fff}header .nav .nav-three .three:hover .athree{color:#fff}header .nav .nav-fow{position:absolute;left:100%;margin:0;top:0;opacity:0;visibility:hidden;box-shadow:.3em 0 .3em rgba(51,51,51,.3)}header .nav .nav-three .three:hover .nav-fow{opacity:1;visibility:visible}header .nav .nav-fow a{display:block;background:#fff;padding:1em 2em 1em .5em;color:#000}header .nav .nav-fow a:hover{background:#ea0105;color:#fff}.in-banner{width:100%;height:46vw;position:relative}.in-banner .list{height:100%;white-space:nowrap}.in-banner .list li{width:100%;height:100%;display:inline-block;vertical-align:top;position:relative}.in-banner .list li span{display:block;z-index:-1;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;transform:scale(1.1,1.1);transition:8s;transition-timing-function:ease-out}.in-banner .list li.on span{transform:scale(1,1)}.in-banner .list li .text{display:inline-block;padding:2em;background:rgba(0,0,0,.5);z-index:1;position:absolute;top:50%;transform:translateY(-20%);left:5em;color:#fff;opacity:0}.in-banner .list li .text h1{font-family:Georgia;line-height:150%;border-bottom:1px solid rgba(255,255,255,.8);padding-bottom:.5em;font-size:2em;transform:translateX(-30%);opacity:0;transition:.6s;transition-timing-function:ease-out}.in-banner .list li .text p{font-size:1.25em;line-height:180%;transform:translateX(-20%);opacity:0;transition:.6s;transition-timing-function:ease-out}.in-banner .both-list{position:absolute;bottom:5em;right:5em}.in-banner .both-list li{width:3em;height:3em;border-radius:50%;background:#fff;color:#333;line-height:3em;text-align:center;cursor:pointer;margin-left:1em;display:inline-block}.in-banner .both-list li:after{content:attr(data-number);font-size:1.25em;letter-spacing:.1em}.in-banner .both-list li.on,.in-banner .both-list li:hover{background:#ea0315;color:#fff}.in-banner .list li.on .text{transform:translateY(-30%);opacity:1;transition-delay:.6s}.in-banner .list li.on .text h1{transform:translateX(0);opacity:1;transition-delay:.8s}.in-banner .list li.on .text p{transform:translateX(0);opacity:1;transition-delay:1s}.in-about{margin:5em auto}.in-about .video{width:46em;height:28em;float:left;margin-right:5em;transform:translateY(30%);opacity:0}.in-about .video video{width:100%;height:100%}.in-about .text h1{font-size:4em;color:#d61418;line-height:1em;margin:0;transform:translateX(20%);opacity:0;transition:.6s;transition-timing-function:ease-out}.in-about .text p{font-size:1.25em;line-height:200%;transform:translateX(30%);opacity:0;transition:.6s;transition-timing-function:ease-out}.in-about .text a{color:#d61418;display:block;transform:translateX(30%);opacity:0}.in-about .text span{display:block;width:18em;transform:translateX(30%);opacity:0}.in-about .text span img{width:100%;max-width:100%;margin-top:3em}.in-about.on .video{transform:translateY(0);opacity:1}.in-about.on .text h1{transform:translateX(0);opacity:1;transition-delay:.4s}.in-about.on .text p{transform:translateX(0);opacity:1;transition-delay:.6s}.in-about.on .text a{transform:translateX(0);opacity:1;transition-delay:.6s}.in-about.on .text span{transform:translateX(0);opacity:1;transition-delay:1s}.in-effect{transition:transform 1s,opacity 1s,background 1s;transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:space-between}.number-roll span{width:.6em;height:1em;line-height:1em;display:inline-block;font-size:4em;font-family:Arial;overflow:hidden;position:relative;color:#404040;font-weight:500}.number-roll span:after{content:'+';display:inline-block;vertical-align:top}.number-roll span:before{content:'0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9';display:block;transition:transform 2s ease-out .4s}.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.number-symbol{font-size:1.5em;vertical-align:top;margin-left:.2em}.number-roll.on span.number-symbol:before{content:'+';vertical-align:top}.in-product{margin:5em auto}.in-product .in-name{transform:translateY(30%);opacity:0}.in-product.on .in-name{transform:translateY(0);opacity:1}.in-product .in-product-box{white-space:nowrap}.in-product .list{display:inline-block;width:100%;vertical-align:top;white-space:normal;transform:translateY(10%);opacity:0}.in-product.on .list{transform:translateY(0);opacity:1;transition-delay:.6}.in-product .list a{width:calc(100% / 3 - 1.5em);display:inline-block;white-space:normal;margin-top:2em;margin-right:2.25em;position:relative}.in-product .list a:nth-child(3n){margin-right:0}.in-product .list a span{width:calc(100% - 1em);height:26em;background:#fff;display:block;position:relative;margin:.5em}.in-product .list a span img{position:absolute;max-width:70%;max-height:80%;width:100%;left:0;right:0;top:0;bottom:0;margin:auto}.in-product .list a:hover span img{transform:scale(1.1,1.1)}.in-product .list a p{width:70%;height:50%;background:rgba(0,0,0,.7);color:#fff;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:flex;align-items:center;justify-content:center;padding:2em;opacity:0}.in-product .list a p:after{content:attr(data-name);font-size:1.5em;line-height:160%}.in-product .list a:hover p{background:rgba(214,20,24,.7);width:calc(100% - 4em);height:calc(100% - 4em);opacity:1}.in-product .list a:hover span{box-shadow:0 0 .6em rgba(51,51,51,.3)}.in-product .in-product-list{margin-top:2em;padding:1em 0;text-align:center}.in-product .in-product-list .both{width:2em;height:2em;display:inline-block;text-align:center;line-height:2em;border-radius:50%;box-shadow:0 0 .6em rgba(51,51,51,.3);margin:0 .5em;color:#d61418;font-weight:bold;cursor:pointer;font-size:1.5em}.in-honor .in-name{transform:translateY(30%);opacity:0}.in-honor.on .in-name{transform:translateY(0);opacity:1}.in-honor .list{display:flex;justify-content:space-between;align-items:center;flex-flow:wrap;transform:translateY(10%);opacity:0}.in-honor.on .list{transform:translateY(0);opacity:1;transition-delay:.4s}.in-honor .list li{width:calc(100% / 4 - 4em)}.in-honor .list li img{width:100%;transition:transform .4s ease;display:block}.in-honor .list li:hover img{transform:scale(1.1,1.1)}.in-project{margin:5em auto;background:url(/web/images/map.png) no-repeat bottom left;background-size:contain;margin-bottom:0;padding-bottom:5em}.in-project .in-name{transform:translateY(30%);opacity:0}.in-project.on .in-name{transform:translateY(0);opacity:1}.in-project .box{overflow:visible}.in-project .big-img{width:100%;max-width:70em;float:left;height:45em;background:#fff;box-shadow:0 0 .6em rgba(51,51,51,.3);margin:1em;transform:translateX(-20%);opacity:0;white-space:nowrap}.in-project.on .big-img{transform:translateX(0);opacity:1;transition-delay:.4s}.in-project.on .big-img .hidden{height:100%}.in-project .big-img a{display:inline-block;margin:2em;vertical-align:top;width:calc(100% - 4em);height:calc(100% - 4em)}.in-project .big-img a img{min-width:auto}.in-project .small-img{width:26em;height:45em;float:right;position:relative;margin:1em 0;overflow:visible;transform:translateY(20%);opacity:0}.in-project.on .small-img{transform:translateY(0);opacity:1;transition-delay:.8s}.in-project .small-img .hiden{width:100%;height:100%}.in-project .small-img .list li{width:100%;height:14em;margin-bottom:2em;cursor:pointer}.in-project .small-img .list li:last-child{margin-bottom:0}.in-project .small-img span{width:2em;height:2em;border-radius:50%;text-align:center;line-height:2em;background:#fff;position:absolute;left:0;right:0;margin:auto;top:-3em;box-shadow:0 0 .4em rgba(51,51,51,.2);cursor:pointer;color:#333;font-family:icon}.in-project .small-img span:after{content:'\eca2';font-size:1.25em}.in-project .small-img span.bottom:after{content:'\eca1'}.in-project .small-img span.bottom{top:initial;bottom:-3em}.in-project .small-img span:hover{background:#d61418;color:#fff}.in-news .in-name{transform:translateY(30%);opacity:0}.in-news.on .in-name{transform:translateY(0);opacity:1}.in-news .box .img{width:50em;height:42.5em;white-space:nowrap;float:left;margin-right:3.75em;transform:translateX(-20%);opacity:0}.in-news.on .box .img{transform:translateY(0);opacity:1;transition-delay:.4s}.in-news .box .img .hidden{width:100%;height:100%}.in-news .box .img .himg{display:inline-block;width:100%;height:100%}.in-news .box .list{transform:translateY(20%);opacity:0}.in-news.on .box .list{transform:translateY(0);opacity:1;transition-delay:.6s}.in-news .box .list a{position:relative;display:block;white-space:normal;padding-bottom:3em;border-bottom:1px solid #9e9e9e;margin-bottom:1.25em}.in-news .box .list a:after{content:'';width:4em;display:block;border-top:1px solid #9e9e9e;position:absolute;top:2.5em;right:8em}.in-news .box .list a .text{width:100%;max-width:32em}.in-news .box .list a .text h1{line-height:1.4em;overflow:hidden}.in-news .box .list a .text p{color:#9e9e9e;font-size:1.25em}.in-news .box .list a .tma{position:absolute;right:0;top:1em}.in-news .box .list a .tma:before{content:attr(data-day);font-size:3em;line-height:1em}.in-news .box .list a .tma:after{content:'MAY';display:block;font-size:1.25em}.in-news .box .list a:hover:after{border-top:1px solid #d61418}footer{overflow:hidden;display:flex;justify-content:space-between;align-items:center;margin:4em 1.5em 2.5em 1.5em;font-family:Arial;clear:both}footer .flex{width:calc(100% / 3 - 6em);padding:2em;background:#2e2f33;min-height:41em}footer .bt-contact .bt-logo{display:block}footer .bt-contact .bt-logo img{width:100%;max-width:16em}footer .bt-contact .bt-logo:after{content:attr(data-words);color:#57585a;display:block;line-height:2em;font-size:1.25em;margin-bottom:2em}footer .bt-contact .width:before{content:attr(data-center);color:#d61418;display:block;float:left;margin-right:2em;height:3.6em}footer .bt-contact .width{color:#fff;line-height:1.8em;clear:both;padding:1.5em 0;border-bottom:1px solid #5c5c5e;margin:0}footer .bt-contact .wechat{text-align:center}footer .bt-contact .wechat span{display:inline-block;margin:1em 1em 0}footer .bt-submit:before{content:attr(data-help);color:#57585a;font-size:2.2em;line-height:1.4em}footer .bt-submit .db{margin-top:2em}footer .bt-submit .db input,footer .bt-submit .db textarea{border:0;margin:0;display:block;background:#38393d;width:100%;font-size:1.25em;margin-bottom:1em;text-indent:1em;padding:.5em 0;outline:0;color:#fff}footer .bt-submit .db textarea{line-height:1.6em;height:8em;resize:none}footer .bt-submit .db .con-both{font-size:1.25em;padding:1em 0;text-align:center;color:#fff;background:#d61418}footer .bt-product:before{content:attr(data-help);color:#57585a;font-size:2.2em;line-height:1.4em;margin-bottom:.5em;display:block}footer .bt-product a{display:block;font-size:1.5em;border-bottom:1px solid #5c5c5e;color:#fff;padding:1.15em 0}footer .bt-product a:hover{color:#d61418;border-bottom:1px solid #d61418}.ny-img{width:100%;height:23em;position:relative;margin-top:9.5em}.ny-img img{min-width:100%;height:100%;position:absolute;z-index:-1;left:-200%;top:-200%;right:-200%;bottom:-200%;margin:auto}.ny-nav{padding:2em 0;border-bottom:1px solid #ededed}.company-words{margin:5em auto}.company-words .text{width:100%;max-width:50%;line-height:160%;font-size:1.125em;color:#343434}.company-words .text h1{font-size:3.5em;color:#d61418;font-family:Georgia;line-height:1em;margin:0 0 .23em}.company-words .top{margin-bottom:5em}.company-words .top .text{float:left}.company-words .video{width:46em;height:28em;float:right;margin-top:5em}.company-words .video video{width:100%;height:100%}.company-words .img{width:46em;height:27em;float:left;position:relative}.company-words .img img{min-width:100%;height:100%;position:absolute;z-index:-1;left:-200%;top:-200%;right:-200%;bottom:-200%;margin:auto}.company-words .bottom .text{float:right}.company-words .top .text{transform:translateX(-20%);opacity:0}.company-words.on .top .text{transform:translateX(0);opacity:1}.company-words .top .video{transform:translateY(20%);opacity:0}.company-words.on .top .video{transform:translateY(0);opacity:1;transition-delay:.4s}.company-words .bottom .text{transform:translateX(20%);opacity:0}.company-words.on .bottom .text{transform:translateX(0);opacity:1;transition-delay:.6s}.company-words .bottom .img{transform:translateY(20%);opacity:0}.company-words.on .bottom .img{transform:translateY(0);opacity:1;transition-delay:1s}.company-ht-prt .history:before{content:attr(data-name);font-size:4em;font-family:Georgia;color:#d61418;font-weight:bold}.company-ht-prt .history{width:100%;max-width:45em;float:left;transform:translateX(-20%);opacity:0}.company-ht-prt.on .history{transform:translateX(0);opacity:1}.company-ht-prt .history .list{position:relative}.company-ht-prt .history .list li{padding-left:4em;position:relative}.company-ht-prt .history .list li span{width:2em;height:2em;display:block;border-radius:50%;background:rgba(214,20,24,.3);position:absolute;left:0;top:2em}.company-ht-prt .history .list li span:after{content:'';width:.8em;height:.8em;display:block;border-radius:50%;background:#d61418;margin:auto;position:relative;top:50%;transform:translateY(-50%)}.company-ht-prt .history .list li h1{color:#000}.company-ht-prt .history .list li p{line-height:180%}.company-ht-prt .history .list:after{content:'';width:2px;height:100%;display:block;position:absolute;left:.9em;top:3em;background-image:linear-gradient(#d61418,#fff);z-index:-1}.company-ht-prt .cpt:before{content:attr(data-name);font-size:3.7em;font-family:Georgia;color:#d61418;font-weight:bold}.company-ht-prt .cpt{width:100%;max-width:50%;float:right;transform:translateX(20%);opacity:0}.company-ht-prt.on .cpt{transform:translateX(0);opacity:1;transition-delay:.6s}.company-ht-prt .cpt .list{margin-top:2em;display:flex;align-items:center;justify-content:space-between;flex-flow:wrap}.company-ht-prt .cpt .list li{width:calc(100% / 3 - 2em);height:10em;margin-bottom:2em;position:relative}.company-ht-prt .cpt .list li:after{content:attr(data-name);display:block;text-align:center;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:#fff;padding:.6em 0}.company-ht-prt .cpt span{width:2em;height:2em;text-align:center;line-height:2em;background:#fff;box-shadow:0 0 .6em rgba(51,51,51,.3);display:block;border-radius:50%;margin:1em auto;cursor:pointer;display:none}.environment{transform:translateY(20%);opacity:0}.environment.on{transform:translateY(0);opacity:1}.environment:before{content:attr(data-name);font-size:4em;font-family:Georgia;color:#d61418;font-weight:bold}.environment{margin:5em auto;overflow:visible}.environment .box{margin-top:3em;position:relative;overflow:visible}.environment .box .list{white-space:nowrap;width:100%}.environment .box .list li{width:calc(100% / 3 - 1.3em);height:25.6em;display:inline-block;vertical-align:top;overflow:hidden;margin-right:2em}.environment .box .list li:last-child{margin-right:0}.environment .box span{width:3em;height:3em;display:block;border-radius:50%;text-align:center;line-height:3em;background:#fff;box-shadow:0 0 .6em rgba(51,51,51,.3);position:absolute;left:-1.5em;top:50%;transform:translateY(-50%);z-index:1;color:#333;cursor:pointer}.environment .box span:hover{background:#d61418;color:#fff}.environment .box span.right{left:initial;right:-1.5em}.team.environment .box .list li{width:calc(100% / 2);margin-right:0}.ny-sub{padding:2em 0;display:flex;align-items:center;justify-content:center;flex-flow:wrap}.ny-sub a{padding:.5em 1.5em;margin:1em;border-radius:1em}.ny-sub a.on,.ny-sub a:hover{background:#d61418;color:#fff}.prduct-list{display:flex;justify-content:space-between;align-items:center;flex-flow:wrap;margin-top:5em;margin-bottom:3em;overflow:visible}.prduct-list a{width:calc(100% / 3 - .5em);height:35em;display:block;overflow:hidden}.prduct-list a.on{white-space:normal;width:calc(100% / 3 - .5em);height:35em;display:block;overflow:hidden;background:#f5f5f5;margin-bottom:.75em;position:relative}.prduct-list a.on img{display:block;max-width:75%;max-height:80%;width:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;transition:transform .4s ease}.prduct-list a.on p{width:70%;height:50%;background:rgba(0,0,0,.7);color:#fff;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:flex;align-items:center;justify-content:center;padding:2em;opacity:0}.prduct-list a.on p:after{content:attr(data-name);font-size:1.5em;line-height:160%}.prduct-list a.on:hover img{transform:scale(1.1,1.1)}.prduct-list a.on:hover p{background:rgba(214,20,24,.7);width:calc(100% - 4em);height:calc(100% - 4em);opacity:1}.page{text-align:left;margin-bottom:2em;text-align:center;margin:3em auto}.page a{text-align:center;width:1.8em;height:1.8em;display:inline-block;margin-left:1em;color:#333;line-height:1.8em;background:#efefef;border:1px solid transparent}.page a.on,.page a:hover{background:none;border:1px solid #d61418;background:#d61418;color:#fff}.more-infor{margin:5em auto}.more-infor .album{width:100%;max-width:50em;overflow:visible;float:left;margin-right:3em}.more-infor .album .big-img{margin-bottom:.75em}.more-infor .album .big-img .list{white-space:nowrap}.more-infor .album .big-img .list li{width:100%;height:37em;position:relative;display:inline-block;background:#f5f5f5}.more-infor .album .big-img .list li img{display:block;max-width:80%;width:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.more-infor .album .small-img{position:relative}.more-infor .album .small-img .list{white-space:nowrap}.more-infor .album .small-img .list li{display:inline-block;vertical-align:top;width:calc(100% / 3 - .5em);margin-right:.75em;height:9.5em;position:relative;background:#f5f5f5;cursor:pointer}.more-infor .album .small-img .list li img{display:block;max-width:60%;width:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.more-infor .album .small-img .list li:hover{background:rgba(214,20,24,.8)}.more-infor .album .small-img .list li:last-child{margin-right:0}.more-infor .album .small-img span{width:3em;height:3em;text-indent:1.5em;line-height:3em;border-radius:50%;background:#fff;color:#333;box-shadow:0 0 .3em rgba(51,51,51,.2);position:absolute;top:50%;transform:translateY(-50%);left:-1.5em;cursor:pointer}.more-infor .album .small-img span.right{left:initial;right:-1.5em;text-indent:.75em}.more-infor .album .small-img span:hover{background:#d61418;color:#fff}.more-infor .text h1{font-size:3em;color:#333;margin-top:0}.more-infor .text p{font-size:1.25em;line-height:250%}.more-infor .text span{display:block;margin-top:3em}.more-infor .text span:before{content:attr(data-name);font-size:2em;color:#000;font-weight:bold;display:block;margin-bottom:.5em}.more-infor .text span a{display:inline-block;vertical-align:top;padding:.75em 1.5em;border:1px solid #333;margin-right:1em;border-radius:.4em}.more-infor .text span a:after{content:attr(data-name)}.more-infor .text span a:hover{background:#d61418;color:#fff;border:1px solid #d61418}.more-infor .text b{display:inline-block;margin-top:3em;padding:2em 1em;border-radius:5em;background:#0b0407;color:#fff;cursor:pointer}.more-infor .text b:after{content:attr(data-name)}.more-infor .text b:hover{background:#d61418}.product-content{background:#f5f5f5;padding:3em 0}.product-content .box:before{content:attr(data-name);border-left:.15em solid #d61418;font-size:2.25em;color:#333;padding-left:1em;margin-bottom:1em;display:block}.product-content .box p{line-height:180%;font-size:1.25em}.product-content .box span{font-size:1.5em;color:#333;display:inline-block;margin:1em 0}.product-content .box b{color:#000}.product-video-open{position:fixed;left:0;right:0;top:0;background:rgba(0,0,0,.7);height:100%;z-index:99;font-family:icon;transform:translateY(30%);visibility:hidden;opacity:0}.product-video-open.on{transform:translateY(0);opacity:1;visibility:visible}.product-video-open .show{position:absolute;width:100%;max-width:80%;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:auto}.product-video-open .show video{width:100%}.article_list{margin:5em auto;display:flex;align-items:center;justify-content:space-between;flex-flow:wrap}.article_list li{width:calc(100% / 3 - 1.25em);margin-bottom:3em}.article_list li span{display:block;overflow:hidden;width:100%;height:25.5em}.article_list li p{line-height:160%;white-space:normal;color:#999}.article_list li b{font-size:.75em;font-weight:normal}.promotions{margin:5em auto}.promotions .img{text-align:center}.promotions .img img{max-width:46em;width:100%}.promotions .list{margin-top:5em;display:flex;align-items:center;justify-content:space-between;flex-flow:wrap}.promotions .list a{display:block;width:calc(100% / 2 - .5em);height:30em;overflow:hidden;margin-bottom:1em}.promotions .list a:after{content:attr(data-name);padding:1em 0;font-size:1.25em;background:rgba(0,0,0,.7);display:block;position:absolute;bottom:0;left:0;right:0;text-align:center;color:#fff;transform:translateY(100%);opacity:0;transition:.6s;transition-timing-function:ease-out}.promotions .list a:hover:after{transform:translateY(0);opacity:1}.contact-top{background:#f9f9f9;padding:3em 0}.contact-top .box{overflow:visible}.contact-top h1{text-align:center;font-size:3em}.contact-top .list{margin-top:em;text-align:center;overflow:visible}.contact-top .list li{display:inline-block;vertical-align:top;margin:0 2em;overflow:visible;position:relative}.contact-top .list li span{width:7.5em;height:7.5em;display:block;border-radius:50%;line-height:7.5em;text-align:center;box-shadow:0 0 .6em rgba(214,20,24,.3);margin-bottom:1em;background:#fff;color:#333;font-family:icon}.contact-top .list li span:after{content:attr(data-icon);font-size:4.5em}.contact-top .list li:hover span{background:rgba(214,20,24);color:#fff;box-shadow:0 0 .6em rgba(0,0,0,.8)}.contact-top .list li div{padding:1.5em;background:#fff;box-shadow:0 0 .6em rgba(214,20,24,.3);position:absolute;bottom:110%;left:50%;transform:translateX(-50%);opacity:0;overflow:visible;color:#000;white-space:nowrap}.contact-top .list li:hover div{opacity:1}.contact-top .list li div:after{content:'';width:0;left:0;border-left:.5em solid transparent;border-right:.5em solid transparent;border-top:.75em solid #fff;position:absolute;left:0;right:0;bottom:-.5em;margin:auto}.contact-top .list .wechat div img{width:6em;height:6em}.contact-top .list li.phones div,.contact-top .list li.email div,.contact-top .list li.landline div{padding:.5em 2em}.contact-top .list li.phones p,.contact-top .list li.email p,.contact-top .list li.landline p{font-size:2.5em;margin:0;letter-spacing:.05em;font-weight:bold}.our-office{margin:5em auto}.our-office h1{text-align:center;font-size:3em}.our-office .list{width:100%;max-width:75em;margin:0 auto;margin-top:3em}.our-office .list li{width:50%;display:inline-block;clear:both;vertical-align:top}.our-office .list li .himg{width:100%;height:20em;display:block;overflow:hidden}.our-office .list li .inmore{display:inline-block;margin:2em 0 1em;position:relative;left:50%;transform:translateX(-50%);padding:.5em 4em;border:1px solid #d61418;color:#333}.our-office .list li .inmore:hover{background:#d61418;color:#fff}.our-office .list li p{line-height:1.6em;color:#000;text-align:left;clear:both}.our-office .list li p:before{content:'';display:inline-block;float:left;margin-right:.5em;color:#666;height:3.2em;width:4em}.our-office .list li p.add:before{content:'ADD：'}.our-office .list li p.tel:before{content:'TEL：'}.our-office .list li p.url:before{content:'Home：'}.why{margin:3em auto}.why h1,.documents h1,.faq h1{font-size:3.8em;color:#d61418;font-family:Georgia}.why .list{display:flex;justify-content:space-between;flex-flow:wrap}.why .list li{width:calc(100% / 4 - 4em);padding:3em 1em 1.5em 1em;background:#f5f5f5;text-align:center;color:#000}.why .list li span{width:15em;height:15em;display:inline-block;border-radius:50%;text-align:center;line-height:15em;font-family:icon;background:#000;color:#fff}.why .list li span:after{content:attr(data-icon);font-size:6em}.why .list li h2{font-size:2em}.why .list li p{line-height:180%}.why .list li:hover{background:#d61418;color:#fff}.why .list li:hover span{background:#fff;color:#333}.documents .list li{padding:1.25em 0;width:100%;background:#f5f5f5;margin-bottom:.5em;text-indent:2em;font-size:1.25em;font-family:icon;position:relative}.documents .list li a{width:100%;height:100%;display:block}.documents .list li:hover{background:#000;color:#fff}.documents .list li:hover a{color:#fff}.documents .list li:after{content:'\e60c';font-size:2em;display:block;position:absolute;right:1em;top:50%;transform:translateY(-50%)}.faq{margin:3em auto}.faq .list li{text-indent:2em}.faq .list li p{font-size:1.25em;padding:1.25em 0;background:#f5f5f5;margin-bottom:0;cursor:pointer;position:relative;font-family:icon}.faq .list li p:after{content:'\e640';font-size:1.5em;display:block;position:absolute;right:1em;top:50%;transform:translateY(-50%);transition:.6s;transition-timing-function:ease-out;transform-origin:20% 40%;display:none}.faq .list li span{display:block;background:#e0e0e0;visibility:hidden;height:0;opacity:0}.faq .list li:hover p:after{transform:rotate(90deg)}.faq .list li:hover p{background:#d61418;color:#fff}.faq .list li.on span{padding:2em;opacity:1;visibility:visible;height:auto}.silde-content{max-width:81em;height:auto;padding:2em;margin:3em auto;background:#f6f6f6;line-height:200%}.silde-content img{max-width:100%}.silde-content h1{color:#333;padding:1em 0}.silde-content .content-text{margin:3em 0;line-height:250%}.silde-content .content-style{margin-bottom:1em;border-bottom:1px solid #999;text-align:center;font-size:.875em;padding-bottom:1em;color:#999}.news_list{margin:3em auto;overflow:visible}.news_list li{margin-bottom:1em;border-radius:1em 0 0 1em;background-color:#eee;padding:1em;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;justify-content:space-between;transition:background-color .4s}.news_list li p{margin:0}.news_list li .himg{width:23em;height:15em;background-color:#ddd;border-radius:.5em}.news_list li .info{width:55em;line-height:2em}.news_list li .info a{display:block;margin:1em 0;font-size:1.25em;font-weight:bold}.news_list li .info small{opacity:.5}.news_list li .date{width:8em;line-height:1.6em;font-family:Arial;font-size:1.4em}.news_list li .date small{display:block;font-size:.8em;opacity:.5}.news_list li .date a{width:1.6em;height:1.6em;line-height:1.6em;font-family:icon;border-radius:50%;text-align:center;display:block;border:1px solid #999;color:#999;margin-top:1em;transition:transform .8s}.news_list li:hover{background-color:#efccb8}.news_list li:hover .date a{transform:translateX(140%);color:#fff;background-color:#37393a;border-color:#37393a}header .nav-number .nav-search{display:flex}header .nav-number .nav-search input{background:rgba(255,255,255,.3);border:0;width:12.5em;height:2.5em;padding:.25em 1em;border-radius:2em 0 0 2em;color:#fff;outline:0}header .nav-number .nav-search input::placeholder{color:#fff;font-size:1.25em}header .nav-number .nav-search span{width:4em;height:3em;display:inline-block;background:rgba(255,255,255,.3);text-align:center;line-height:3em;font-family:icon;color:#fff;border-radius:0 2em 2em 0;cursor:pointer}header .nav-number .nav-search span:after{content:'\e6e4';font-size:2em}.seacher-box{width:100%;background:#f3f3f3}.seacher-box .center{margin:5em auto}.seacher-box .center .shacg{line-height:3em;padding-bottom:1em;border-bottom:2px solid #d61418;color:#d61418;margin:0}.seacher-box .center .shacg span{font-size:3em}.seacher-box .center .shacg font{font-size:1.5em;float:right}.seacher-box .center .list{padding:2em 1em;overflow:visible}.seacher-box .center .list a{font-size:1.25em;display:block;padding:2em 1em;border-bottom:1px dashed #d61418;position:relative}.seacher-box .center .list a:after{content:'MORE';display:block;position:absolute;right:1em;top:50%;transform:translateY(-50%);margin:auto}.seacher-box .center .list a:hover{box-shadow:0 0 .5em rgba(51,51,51,.3);border-bottom:1px dashed transparent;border-radius:.5em}@media screen and (max-width:1670px){body{font-size:14px}header .left .logo{width:14em}header .left .nav{width:calc(100% - 20em)}header .nav-number .box p{font-size:1.5em;padding-left:1em}}@media screen and (max-width:1480px){header{min-width:100em}body{font-size:12px}header .left .logo{width:12em}}@media screen and (max-width:860px){.trtion{transition:.1s;transition-timing-function:ease-out}.trtions{transition:.1s;transition-timing-function:ease-out}body{font-size:12px;min-width:0}header{overflow:visible;position:fixed;width:100%;top:0;z-index:11;box-shadow:0 .25em .75em rgba(51,51,51,.3);height:5em;min-width:0;background:#fff}header .left .logo{left:1em}header .left .nav{width:100%;position:absolute;right:0;z-index:9;height:calc(100vh - 5em);top:5em;overflow-y:auto}header .left .nav .flex{display:block}header .left .nav .flex span.one{display:block;height:auto}header .left .nav .flex a{padding:1em 2em;display:block;text-align:right;color:#333}header .left .nav .flex a:after{display:none}header .left .nav{background:#fff;box-shadow:-.5em .25em .5em rgba(51,51,51,.3);opacity:0;visibility:hidden}header .nav.on{opacity:1;visibility:visible}header .nav-web{width:3em;height:3em;position:absolute;right:1em;top:50%;transform:translateY(-50%);text-align:center;line-height:3em;font-family:icon;color:#333}header .nav-web:after{content:'\e607';font-size:2em}header .nav-web.on:after{content:'\eca0'}header .nav .nav-two{position:static;display:none}header .nav .one:hover .nav-two{display:none}header .nav .nav-two .two{padding:.5em}header .nav .nav-two .two .atwo{font-size:.9em}header .nav .nav-two .two .nav-three{position:static;display:none}header .nav .nav-two .two:hover .nav-three{display:none}header .nav .one.on .nav-two{display:block}header .nav-number{display:none}.center{width:initial}.in-name{font-size:.6em}.in-banner{margin-top:5em;height:55vw}.in-banner .list li .text{display:inline-block;left:1em;width:15em}.in-banner .list li .text h1,.in-banner .list li .text p{font-size:.5em;transition:0}.in-banner .list li.on .text{transform:translateY(-50%)}.in-banner .both-list{font-size:.5em;bottom:2em;right:2em}.in-banner .both-list li:after{font-size:.8em}.in-about{margin:2em 1em}.in-about .video{width:100%;height:auto;float:none}.in-about .text{margin-top:2em;font-size:.8em}.in-effect{margin:2em 1em}.number-roll span{font-size:1.5em}.in-product{margin:2em 1em}.in-product .list a{width:calc(100% / 2 - .5em);margin:.25em}.in-product .list a span{height:40vw}.in-product .list a h1{font-size:.8em}.in-product .list a p{font-size:.5em}.in-honor{margin:2em 1em}.in-honor .list li{width:calc(100% / 2 - 1em);margin-bottom:2em}.in-project{padding-bottom:3em}.in-project .box{margin:2em 1em}.in-project .big-img{height:auto;width:initial}.in-project .small-img{width:100%;white-space:nowrap;height:auto}.in-project .small-img .list li{width:calc(100% / 3 - .25em);display:inline-block;height:6em;margin-right:.375em;margin-bottom:0}.in-project .small-img .list li:last-child{margin-right:0}.in-news{margin:2em 1em}.in-news .box .img{width:100%;height:60vw;float:none}.in-news .box .list a .tma{display:none}.in-news .box .list a:after{display:none}.in-news .box .list a{padding-bottom:1em}footer{flex-flow:wrap;margin:2em 1em}footer .flex{width:calc(100% - 4em);margin-bottom:1em}.ny-img{margin-top:5em;height:18em}.ny-nav{padding:1em 0}.ny-nav p{margin:0 1em}.ny-sub{white-space:nowrap;display:block;overflow-x:auto}.ny-sub a{margin:0 .5em;padding:.5em 1em}.prduct-list{margin:2em 1em}.prduct-list a.on{height:40vw;width:calc(100% / 2 - 1em);margin:.5em}.prduct-list a.on p{width:initial;font-size:.6em;bottom:0}.more-infor{margin:2em 1em}.more-infor .album{float:none}.more-infor .album .big-img .list li{height:20em}.more-infor .text{margin-top:2em;font-size:.8em}.product-content .box{margin:2em 1em}.environment .box{overflow:hidden}.environment .box span{text-align:left;text-indent:1.5em}.environment .box span.right{text-indent:.5em}.company-words{margin:2em 1em}.company-words .text{max-width:initial}.company-words .video{width:100%;height:auto}.company-words .img{width:100%;height:60vw}.company-words .bottom .text{margin-top:2em}.company-ht-prt{margin:2em 1em;max-width:initial;float:none}.company-ht-prt .history{float:none}.company-ht-prt .history:before{font-size:2.5em}.company-ht-prt .cpt{float:none;max-width:100%;margin-top:2em}.company-ht-prt .cpt:before{font-size:3em}.company-ht-prt .cpt .list li{width:calc(100% / 2 - 1em)}.environment:before{font-size:2.5em}.environment{margin:2em 1em}.environment .box .list li{width:calc(100% / 2 - 1em);height:30vw}.article_list{margin:2em 1em}.article_list li{width:100%;margin:0 0 2em 0}.article_list li span{height:60vw}.promotions{margin:2em 1em}.promotions .img img{max-width:70vw}.promotions .list{margin-top:2em}.promotions .list a{width:100%;height:40vw}.promotions .list a:after{transform:translateY(0);opacity:1;font-size:.8em}.contact-top .box{margin:2em 1em}.contact-top h1{font-size:2.5em}.contact-top .list li{margin:2em;font-size:.9em}.our-office{margin:2em 1em}.our-office .list li{width:100%;margin-bottom:2em}.why{margin:2em 1em}.why h1,.documents h1,.faq h1{font-size:2.5em}.why .list li{width:calc(100% / 2 - 1.5em);padding:1em .5em;margin-bottom:1em}.why .list li span{font-size:.7em}.documents{margin:2em 1em}.documents .list li:after{display:none}.documents .list li a{white-space:normal;text-indent:initial;padding:0 1em;width:initial;line-height:160%}.faq{margin:2em 1em}.faq .list li{text-indent:initial}.faq .list li p,.faq .list li span{padding-left:2em}.news_list li{display:block}.news_list li .himg{width:100%;display:block;height:60vw}.news_list li .info{width:100%}}