@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{min-width:86em;margin:0 auto;padding:0;font-size:16px;color:#666;background-color:#fff;font-family:Microsoft Yahei,SimSun}body.back{background:#f5f5f5}img{border:0}form,p{margin:0;padding:0}input,select,textarea{font-size:1em;font-family:Microsoft Yahei,SimSun;margin:0;padding:0}input::-ms-clear,input::-ms-reveal{display:none}section,div,ul,li ,p,h1,h2,h3{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:#0557ad}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}}@font-face{font-family:'icon';src:url('/upload/4by5/krn4cqbq38.woff') format('woff')}.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:hover img{transform:scale(1.1,1.1)}.trtion{transition:.6s;transition-timing-function:ease-out}.TRTION{transition:.6s;transition-timing-function:ease-out}.mcenter{max-width:87.5em;width:100%;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:auto}.mrow{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.trtion-effect{transition:transform 1s,opacity 1s,background 1s;transition-timing-function:ease-in-out}#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{max-width:80%;max-height:80%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}#img_box .close,.video-flex-box .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}.scroll::-webkit-scrollbar {width:.6em;height:1px}.scroll::-webkit-scrollbar-thumb {border-radius:.6em;-webkit-box-shadow:inset 0 0 .25em rgba(0,0,0,0.2);background:rgba(5,87,173,.7)}.scroll::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 .25em rgba(0,0,0,0.2);border-radius:.6em;background:#ededed}.center{width:100%;max-width:90em;margin:0 auto;position:relative}.in-name h1{font-size:2.5em;color:#df0101;line-height:1em}.in-name p{color:#3e3a39;font-size:1.6em;line-height:2em}.in-name.small h1{font-size:2em;line-height:160%}.in-name.small p{font-size:1.25em}.in-name.white h1,.in-name.white p{color:#fff}.all-more{line-height:3em;width:12.5em;text-align:center;color:#fff;display:block;background:#df0101;margin-top:3em}.all-more:before{content:'MORE +';display:block;transition:.3s;transition-timing-function:ease-out}.all-more:hover:before{color:#fff;transform:translateX(1em)}.side-name{text-align:center}.side-name p{font-size:1.25em;color:#3e3a39}.side-name span{font-size:.9em;color:#898989;line-height:2em}.center-box{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0}.hide{max-width:calc(100% - 10em);margin:0 auto}.tab{width:calc(4em - 2px);height:6em;font-family:icon;text-align:center;line-height:6em;color:#898989;border:1px solid #898989;position:absolute;top:50%;transform:translateY(-50%);left:0;cursor:pointer}.tab.right{left:initial;right:0}.tab:after{content:'\ed12';font-size:2em}.tab.right:after{content:'\e65e'}.tab:hover{background:#898989}.tab:hover:after{color:#fff}.img-center{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%}#map{width:100%;height:100%}#map img{max-width:none}#map div{overflow:visible}#map .anchorBL{display:none}header .nav-web{width:3em;height:3em;position:absolute;left:2em;top:.75em;text-align:center;line-height:3em;font-family:icon;color:#fff;display:none}header .nav-web:after{content:'\e709';font-size:2.5em;color:#fff}.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:#dcdddd;border:1px solid transparent}.page a.on{background:none;border:1px solid #000d1b;background:#000d1b;color:#fff}.page a:hover{background:none;border:1px solid #000d1b;background:#000d1b;color:#fff}header{background:rgba(6,6,6,.3);padding:1.5em 0;overflow:hidden;position:fixed;top:0;left:0;right:0;z-index:9}header.none{display:none}header .center{max-width:75em;padding:.5em 0}header .logo{width:5em;height:5em;display:block;float:left;position:relative}header .ali-logo{width:14em;height:5em;position:relative;float:right}header .top-nav{display:inline-block;position:absolute;text-align:center;right:0;max-width:calc(100% - 10em)}header .top-nav a{line-height:5em;display:inline-block;vertical-align:top;padding:0 1.25em;margin:0 1.5em;color:#fff}header .top-nav a:hover{color:#df0101}header.on{padding:0;background:rgba(6,6,6,.6)}.banner{width:100%;height:100vh;position:relative}.banner .list{white-space:nowrap;height:100%}.banner .list li{display:inline-block;vertical-align:top;position:relative;width:100%;height:100%}.banner .list li img{min-width:100%;height:100%;position:absolute;left:-200%;top:-200%;right:-200%;bottom:-200%;margin:auto;transition:transform 8s ease;transform:scale(1.1,1.1)}.banner .list li.on img{transform:scale(1,1)}.banner .list-both{position:absolute;left:0;right:0;bottom:3em;text-align:center}.banner .list-both li{display:inline-block;vertical-align:top;width:1em;height:1em;border-radius:50%;background:#fff;margin:0 .5em;cursor:pointer}.banner .list-both li.on{background:#df0101}.in-about{padding:5em 0;background:#f1f1f1;display:none}.in-about .in-name.in-about-name h1{color:#df0101}.in-about .in-name.in-about-name p{font-weight:bold}.in-about .text{max-width:35em;transform:translateX(-20%);opacity:0}.in-about .text p.in-about-content{color:#898989;line-height:250%;margin-top:2em}.in-about .img{width:38em;height:auto;position:absolute;top:50%;transform:translateY(-50%);right:-20%;font-family:icon;opacity:0}.in-about .img img{width:100%;display:block}.in-about .img:after{content:'';width:calc(100% - 2em);height:calc(100% - 2.5em);display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:1px solid #fff}.in-about .img:before{content:'\e621';display:block;position:absolute;left:0;right:0;margin:0 auto;font-size:3em;color:#fff;text-align:center;top:50%;transform:translateY(-50%);cursor:pointer;z-index:2;display:none}.in-about.on .text{transform:translateX(0);opacity:1;transition-delay:.4s}.in-about.on .img{opacity:1;right:0}.in-service{padding:5em 0;background:url(/web/images/fuwu-back.jpg) no-repeat center center;background-size:cover;transform:translateY(50%);opacity:0}.in-service .in-name{text-align:center}.in-service .list{display:flex;align-items:center;justify-content:space-between;margin:0 4em;margin-top:5em;overflow:visible;flex-flow:row wrap}.in-service .list li{text-align:center;text-align:center;width:calc(100% / 7 - 6.5em);font-family:icon;color:#fff;padding:5em 2.5em;position:relative;opacity:0}.in-service .list li:before{content:'';width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,.1)}.in-service .list li:after{content:'';width:calc(100% - 1em);height:calc(100% - 1em);border:2px solid #df0101;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.in-service .list li:before,.in-service .list li:after{opacity:0;transition:.6s;transition-timing-function:ease-out}.in-service .list li span{display:block;height:4em;line-height:4em}.in-service .list li span:after{content:attr(data-icon);font-size:4em;line-height:1em}.in-service .list li p{font-size:1.5em;font-weight:bold;margin-top:.5em}.in-service .list li p:after{content:'';width:5.25em;height:2px;display:block;background:#fff;margin:.5em auto .75em}.in-service .list li small{font-size:1em;line-height:1.8em;height:3.6em;display:block;overflow:hidden;width:5em;margin:0 auto;color:rgba(255,255,255,.8)}.in-service .list li:hover:before,.in-service .list li:hover:after{opacity:1}.in-service .list li:hover{transform:translateY(-2em)}.in-service.on{transform:translateY(0);opacity:1}.in-service .list li:nth-child(1){transform:translateY(1em)}.in-service .list li:nth-child(2){transform:translateY(2em)}.in-service .list li:nth-child(3){transform:translateY(3em)}.in-service .list li:nth-child(4){transform:translateY(4em)}.in-service .list li:nth-child(5){transform:translateY(5em)}.in-service .list li:nth-child(6){transform:translateY(6em)}.in-service.on .list li{opacity:1;transform:translateY(0)}.in-service.on .list li:nth-child(1){transition-delay:.4s}.in-service.on .list li:nth-child(2){transition-delay:.6s}.in-service.on .list li:nth-child(3){transition-delay:.8s}.in-service.on .list li:nth-child(4){transition-delay:1s}.in-service.on .list li:nth-child(5){transition-delay:1.2s}.in-service.on .list li:nth-child(6){transition-delay:1.4s}.in-team{margin:5em auto}.in-team .in-name{text-align:center}.all-hide{position:relative}.in-team .all-hide{height:auto;margin-top:3em}.in-team .all-hide .tab{border:0;transform:translateY(-100%)}.in-team .all-hide .tab:after{font-size:4em}.in-team .all-hide .tab:hover{background:none}.in-team .all-hide .tab:hover:after{color:#df0101}.in-team .all-hide .hide .list{white-space:nowrap}.in-team .all-hide .hide .list li{display:inline-block;vertical-align:top;width:calc(100% / 4 - 1.6em);margin-right:2em;text-align:center;color:#898989}.in-team .all-hide .hide .list li span{height:24.3em;display:block;border:1px solid #898989;overflow:hidden;background:#f1edea}.in-team .all-hide .hide .list li span .text{position:absolute;padding:2em;background:rgba(223,1,1,.9);left:0;right:0;top:0;bottom:0;margin:auto;color:#fff;white-space:normal;transform:translateY(30%);opacity:0}.in-team .all-hide .hide .list li span .text small{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:12;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6em;text-align:left}.in-team .all-hide .hide .list li h1{color:#3e3a39;font-size:1.25em;line-height:3em;font-weight:normal}.in-team .all-hide .hide .list li:hover span .text{transform:translateY(0);opacity:1}.in-team .all-hide .hide .list li p{color:#3e3a39;font-size:1.125em;margin-top:.5em}.in-team .all-hide .hide .list li p:after{content:'';width:2.5em;height:2px;display:block;background:#df0101;margin:.5em auto}.in-team .all-hide .hide .list li small{font-size:1em}.in-team .operate-box{margin-top:5em}.in-team .operate-box .list{display:flex;align-items:center;justify-content:space-between;flex-flow:row wrap;margin-top:2em}.in-team .operate-box .list li{width:calc(100% / 4 - 1em);height:22.75em;padding-top:5em;position:relative}.in-team .operate-box .list li a{white-space:normal}.in-team .operate-box .list li .text{padding:0 2em;position:relative;z-index:1}.in-team .operate-box .list li span{width:16.9em;height:16.9em;display:block;overflow:hidden;border-radius:50%;margin:0 auto}.in-team .operate-box .list li h1{font-size:1.25em;text-align:center;line-height:2.5em;color:#3e3a39}.in-team .operate-box .list li h1:after{content:'';width:2em;height:2px;display:block;background:#df0101;margin:0 auto;margin-bottom:.5em}.in-team .operate-box .list li p{text-align:center;color:#898989}.in-team .operate-box .list li small{font-size:1em;line-height:2em;margin-top:1em;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:9;margin-bottom:2em;-webkit-box-orient:vertical;overflow:hidden;color:#fff;font-size:.9em}.in-team .operate-box .list li:hover .himg img{transform:scale(1.1,1.1)}.in-team .empowerment-box{transform:translateX(-20%);opacity:0}.in-team .operate-box{transform:translateX(20%);opacity:0}.in-team.on .empowerment-box{transform:translateX(0);opacity:1}.in-team.on .operate-box{transform:translateX(0);opacity:1;transition-delay:.8s}.product-box{padding-top:4em;background:url(/web/images/fenxi.jpg) no-repeat center top;background-size:cover;transform:translateY(20%);opacity:0}.product-box .in-name{text-align:center}.in-all-nav{text-align:center;margin:2em 0}.in-all-nav span{display:inline-block;vertical-align:top;padding:0 3em;line-height:3.5em;background:#898989;margin:0 .5em;color:#fff;cursor:pointer;margin-bottom:1em}.in-all-nav span:hover,.in-all-nav span.on{background:#df0101}.product-box .product-hide{height:auto;position:relative}.product-box .product-hide .list{display:none;opacity:0;height:auto;display:flex;align-items:center;justify-content:space-between;flex-flow:row wrap;position:absolute;z-index:-1;left:0;right:0;top:0}.product-box .product-hide .list.on{display:flex;opacity:1;position:static;z-index:2}.product-box .product-hide .list li{width:calc(100% / 3 - 2em - 4px);display:inline-block;vertical-align:top;margin-bottom:2em;border:2px solid #fff}.product-box .product-hide .list li span{height:16em;display:block;overflow:hidden;width:100%}.product-box .product-hide .list li p{line-height:3em;background:#fff;color:#333;padding:0 1em}.product-box .product-hide .list li p:after{content:'点击查看详情>';display:block;font-size:.875em;float:right}.product-box.on{transform:translateY(0);opacity:1}.side-product.list{display:none;height:auto;display:flex;align-items:center;justify-content:space-between;flex-flow:row wrap;margin:3em auto}.side-product.list.on{display:flex;opacity:1}.side-product.list li{width:calc(100% / 3 - 2em);display:inline-block;vertical-align:top;margin-bottom:2em}.side-product.list li span{height:16em;display:block;overflow:hidden;width:100%}.side-product.list li p{line-height:3em;background:#fff;color:#333;padding:0 1em}.side-product.list li p:after{content:'点击查看详情>';display:block;font-size:.875em;float:right}.in-news{margin:5em auto;transform:translateY(20%);opacity:0}.in-news.on{transform:translateY(0);opacity:1}.in-news .in-name{text-align:center}.in-news .news-hide{height:42em;position:relative;margin-top:3em}.in-news .news-hide .list{height:100%;width:100%;position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(20%);z-index:-1}.in-news .news-hide .list.on{opacity:1;transform:translateY(0);z-index:1}.in-news .news-hide .list li{height:calc(100% / 2 - .875em)}.in-news .news-hide .list li a{white-space:normal}.in-news .news-hide .list li .img{width:30em;height:100%;float:left}.in-news .news-hide .list li .img span{display:block;padding:.25em 1em;background:rgba(0,0,0,.6);position:absolute;bottom:0;left:0;right:0;color:#fff}.in-news .news-hide .list li .img h1{font-size:1.125em;font-weight:normal;line-height:2em}.in-news .news-hide .list li .text{max-width:53em;padding:3em 2em;background:#efefef}.in-news .news-hide .list li .text span{width:6.25em;height:auto;float:left;display:block;text-align:center;margin-right:3em}.in-news .news-hide .list li .text span i,.in-news .news-hide .list li .text span b{font-style:normal;font-family:Arial Regular}.in-news .news-hide .list li .text span i,.in-news .news-hide .list li .text span b,.in-news .news-hide .list li .text h1{color:#3e3a39}.in-news .news-hide .list li .text span b{font-size:4em;line-height:1em;display:block;margin-top:.2em}.in-news .news-hide .list li .text span i{font-size:1.125em}.in-news .news-hide .list li .text h1{font-size:1.25em;margin-bottom:.5em}.in-news .news-hide .list li .text p{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6em;font-size:.9em;color:#898989;height:4.8em}.in-news .news-hide .list li:hover .text span i,.in-news .news-hide .list li:hover .text span b,.in-news .news-hide .list li:hover .text h1{color:#df0101}.in-news .news-hide .list li:nth-child(1),.in-news .news-hide .list li:nth-child(2){position:absolute;top:0;left:0}.in-news .news-hide .list li:nth-child(2){top:initial;bottom:0}.in-news .news-hide .list li:nth-child(1) .text,.in-news .news-hide .list li:nth-child(2) .text{display:none}.in-news .news-hide .list li:nth-child(3),.in-news .news-hide .list li:nth-child(4),.in-news .news-hide .list li:nth-child(5){height:auto;position:absolute;right:0}.in-news .news-hide .list li:nth-child(3) .img,.in-news .news-hide .list li:nth-child(4) .img,.in-news .news-hide .list li:nth-child(5) .img{display:none}.in-news .news-hide .list li:nth-child(3){top:0}.in-news .news-hide .list li:nth-child(4){top:50%;transform:translateY(-50%)}.in-news .news-hide .list li:nth-child(5){bottom:0}.in-environment{padding:5.6em 0;background:url(/web/images/huanjing-back.jpg);transform:translateY(20%);opacity:0}.in-environment.on{transform:translateY(0);opacity:1}.in-environment .in-name{text-align:center}.in-environment .list{margin-top:3em;display:flex;align-items:center;justify-content:space-between;flex-flow:row wrap}.in-environment .list li{width:calc(100% / 4 - 1em);height:20em;cursor:pointer;margin-bottom:1.5em}.in-environment .list li p,.side-environment .list li p{text-align:center;position:absolute;bottom:0;line-height:3em;background:rgba(0,0,0,.5);left:0;right:0;color:#fff}.in-cooperation{padding:6em 0;background:url(/web/images/hezuo-back.jpg) no-repeat center bottom;transform:translateY(20%);opacity:0;display:none}.in-cooperation.on{transform:translateY(0);opacity:1}.in-cooperation .in-name{text-align:center}.in-cooperation .list{margin-top:3em;display:flex;align-items:center;justify-content:space-between;flex-flow:row wrap}.in-cooperation .list li{width:calc(100% / 5 - 1.25em - 2px);height:7.8em;position:relative;margin-bottom:1.5em}.in-cooperation .list li img{max-width:90%;max-height:95%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.in-cooperation .list li.border{border:1px solid #dedfdf}footer{padding-top:6em;background:#000d1b;overflow:hidden}footer.none{display:none}footer .bt-nav-box{text-align:center;max-width:55em;float:left;color:#fff;width:100%}footer .bt-nav-box .bt-ti{font-size:1.4em}footer .bt-nav-box .bt-number{font-size:3.2em;font-weight:bold;font-family:Arial Regular;line-height:200%}footer .bt-nav-box .list{width:100%;border-top:1px solid rgba(255,255,255,.3);padding-top:2em}footer .bt-nav-box .list li{width:calc(100% / 7);display:inline-block;vertical-align:top}footer .bt-nav-box .list li a.bt-link{color:#fff}footer .bt-nav-box .list li p{display:block;width:100%;margin-top:.5em}footer .bt-nav-box .list li p a{font-size:.875em;color:rgba(255,255,255,.5);display:block;line-height:200%}footer .qrcode{width:100%;max-width:28em;float:right;display:flex;align-items:center;justify-content:space-between;position:relative;transform:translateY(25%)}footer .qrcode div{max-width:calc(100% / 3 - 1em)}footer .qrcode div img{max-width:100%;display:block}footer .qrcode div p{text-align:center;line-height:3em;font-size:.9em;color:#fff}footer .copyright{margin-top:3em;border-top:1px solid rgba(255,255,255,.3)}footer .copyright p{display:inline-block;vertical-align:top;font-size:.8em;color:rgba(255,255,255,.7);line-height:5em}footer .copyright p.copyr{float:right}footer .copyright p.copyr a{color:rgba(255,255,255,.7)}.ny-banner{height:51.5em;position:relative}.ny-banner img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.ny-banner .side-banner-content{height:39em;position:absolute;bottom:0;left:0;right:0}.ny-banner .side-banner-content .box{position:absolute;max-width:56.75em;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0 auto;text-align:center;display:none}.ny-banner .side-banner-content .box b{display:block;font-size:2.25em;letter-spacing:.1em;color:#fff}.ny-banner .side-banner-content .box b font{color:#df0101}.ny-banner .side-banner-content .box b:after{content:'';width:3em;height:4px;display:block;background:#fff;margin:1em auto}.ny-banner .side-banner-content .box span{display:block;padding:3.4em;border:1px solid #fff;color:#fff;line-height:200%}.ny-nav{background:rgba(0,13,27,.8);position:absolute;top:10em;left:0;right:0;text-align:center;line-height:4em}.ny-nav.side-product-nav{position:static}.ny-nav a{display:inline-block;vertical-align:top;padding:0 4.5em;color:#fff;color:rgba(255,255,255,.6)}.ny-nav a.on,.ny-nav a:hover{background:#fff;color:#3e3a39}.side-idea{margin:5em auto;display:flex;align-items:center;justify-content:space-between}.side-idea .li{width:calc(100% / 4 - 1.5em)}.side-idea .li span{width:100%;height:22.5em;display:block;position:relative;overflow:hidden}.side-idea .li span:after{content:'';width:100%;height:100%;display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:rgba(0,13,27,.5);opacity:0;transition:.6s;transition-timing-function:ease-out}.side-idea .li span p{width:6em;position:absolute;top:50%;transform:translateY(-30%);left:0;right:0;margin:0 auto;font-size:1.25em;color:#fff;line-height:1.6em;z-index:1;opacity:0}.side-idea .li h1{font-size:1.25em;text-align:center;line-height:4em;background:#f1f1f1}.side-idea .li:hover h1{background:#df0101;color:#fff}.side-idea .li:hover span:after{opacity:1}.side-idea .li:hover span p{transform:translateY(-50%);opacity:1}.side-idea .li:hover .himg img{transform:scale(1.1,1.1)}.side-environment{padding:5em 0;background:url(/web/images/gongsihuanjing-back.jpg) no-repeat center center}.side-environment .in-name{text-align:center}.side-environment .in-name p{font-size:1em;max-width:60em;line-height:200%;margin:0 auto;margin-top:1em}.side-environment .list{margin-top:3em;position:relative}.side-environment .list li{width:calc(100% / 3);height:17.5em;display:inline-block;vertical-align:top}.side-environment .list li p{display:none}.side-environment .list li.po-center{position:absolute;left:0;right:0;top:17.5em;margin:0 auto;z-index:2}.side-advantage{margin:5em auto}.side-advantage .in-name{text-align:center}.side-advantage .list{display:flex;align-items:center;justify-content:space-between;margin-top:3em;overflow:visible}.side-advantage .list li{width:calc(100% / 3 - 7em);padding:5em 3em 2em 3em;background:#f1f1f1;display:inline-block;vertical-align:top;min-height:24em}.side-advantage .list li span{font-family:icon;display:block;text-align:center;line-height:8em;height:8em}.side-advantage .list li span:after{content:attr(data-icon);font-size:5em}.side-advantage .list li h1{font-size:2em;font-weight:normal;text-align:center}3e3a39 .side-advantage .list li span,.side-advantage .list li h1{color:#3e3a39}.side-advantage .list li p{line-height:200%;margin-top:3em;color:#898989}.side-advantage .list li:hover{background:#df0101;transform:translateY(-2em)}.side-advantage .list li:hover span,.side-advantage .list li:hover h1,.side-advantage .list li:hover p{color:#fff}.single-box{margin:5em auto}.single-box img{max-width:100%}.side-team{margin:5em auto}.side-team .in-name h1:after{content:'';width:3em;height:2px;display:block;background:#df0101;margin:.25em 0 .5em}.side-team .side-empowerment-box .list{margin-top:3em;display:flex;align-items:center;justify-content:space-between;flex-flow:row wrap}.side-team .side-empowerment-box .list li{width:calc(100% / 3 - 1.25em);margin-bottom:2em}.side-team .side-empowerment-box .list li .himg{width:100%;height:27.5em;overflow:hidden;display:block;background:#e7e0d6}.side-team .side-empowerment-box .list li .himg img{min-width:initial;height:100%;max-width:100%}.side-team .side-empowerment-box .list li .himg .ti{position:absolute;padding:1em 2em;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);z-index:1;color:#fff}.side-team .side-empowerment-box .list li .himg .ti p{display:inline-block;vertical-align:bottom;font-size:1.5em;margin-right:1em}.side-team .side-empowerment-box .list li .himg .ti b{font-weight:normal}.side-team .side-empowerment-box .list li .text{padding:2em;border:1px solid #f3f3f3;display:block}.side-team .side-empowerment-box .list li .text p{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.8em;height:4.8em}.side-team .side-empowerment-box .list li .text .all-more{margin:0 auto;margin-top:2em}.side-team .side-operate-box{margin-top:5em}.side-team .side-operate-box .all-hide{margin-top:3em}.side-team .side-operate-box .all-hide .tab{border:0}.side-team .side-operate-box .hide{height:25em}.side-team .side-operate-box .hide .list{white-space:nowrap;height:100%}.side-team .side-operate-box .hide .list li{width:calc(100% / 2 - 3.4em);margin-right:6.8em;display:inline-block;vertical-align:top;height:100%;position:relative}.side-team .side-operate-box .hide .list li .himg{width:20em;display:block;height:100%;overflow:hidden;float:left;margin-right:2em}.side-team .side-operate-box .hide .list li h1{font-size:1.5em;margin-top:1em}.side-team .side-operate-box .hide .list li p{line-height:2em}.side-team .side-operate-box .hide .list li small{display:block;white-space:normal;line-height:200%;margin-top:2em;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}.team-i{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);z-index:10}.team-i .team-close{width:5em;height:5em;text-align:center;line-height:5em;position:absolute;right:2em;top:2em;font-family:icon;color:#fff;background:#df0101;cursor:pointer}.team-i .team-close:after{content:'\e633';font-size:3em}.team-i .team-i-center{padding:3em;background:#fff;max-width:60em;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto}.team-i .team-i-center .img{width:25em;display:block;float:left;float:left;margin-right:3em;overflow:hidden}.team-i .team-i-center .img img{width:100%;display:block}.team-i .team-i-center h1{font-size:1.5em;letter-spacing:.3em;color:#333}.team-i .team-i-center b{font-weight:normal;display:block;margin:1em 0}.team-i .team-i-center p{line-height:180%;font-size:.9em;color:#898989}.article_list{margin:5em auto}.article_list li{margin-bottom:4em;padding-right:2em}.article_list li .himg{display:block;overflow:hidden;width:25.75em;height:20.5em;display:block;float:left;margin-right:4em}.article_list li p{font-family:Arial Regular;font-size:1.5em;color:#898989;margin-top:1em}.article_list li h1{font-size:1.25em;color:#333;font-weight:normal;line-height:3em}.article_list li small{white-space:normal;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:.9em;color:#898989;line-height:1.8em}.article_list li .all-more{display:inline-block}.article_list li:hover{background:#efefef}.article_list li:hover .himg img{transform:scale(1.1,1.1)}.side-contact{margin:5em auto}.side-contact .text{max-width:40em;color:#3e3a39;line-height:1.8em;float:left}.side-contact .text b{font-size:2em;color:#df0101;font-weight:normal;padding-bottom:.5em;border-bottom:2px solid #df0101;display:inline-block;margin-bottom:.5em}.side-contact .text em,.side-contact .text i{font-style:normal}.side-contact .text em{color:#333;font-size:1.75em}.side-contact .text span{line-height:1.8em;display:inline-block;margin:1em 0;padding-top:1em;border-top:2px solid #dbdcdc}.side-contact .text i{font-size:1.5em;display:inline-block;margin:1em 0 .5em}.side-contact .db-form{max-width:30em;float:right;width:100%}.side-contact .db-form .db-name{text-align:center}.side-contact .db-form .db-name p{font-size:2em;color:#3e3a39}.side-contact .db-form .db-name h1{font-size:1.25em;color:#898989;font-weight:normal;line-height:2em}.side-contact .db-form .db{margin-top:2em}.side-contact .db-form .db input{margin:0;padding:0;border:0;background:transparent;width:calc(100% - 2px);line-height:3.25em;border:1px solid #dcdcdc;margin-bottom:1em;outline:medium;color:#666;text-indent:2em}.side-contact .db-form .db input::placeholder,.in-contact-box .center .con_right .db textarea::placeholder{color:#666;font-size:.875em}.side-contact .db-form .db textarea{margin:0;padding:0;border:0;background:transparent;width:calc(100% - 2px);line-height:3.25em;border:1px solid #dcdcdc;margin-bottom:1em;outline:medium;color:#666;resize:none;text-indent:2em}.side-contact .db-form .db .con-both{width:100%;line-height:3em;text-align:center;background:#666;color:#fff;cursor:pointer;margin-top:1em}.side-contact .db-form .db .con-both:hover{background:#df0101;color:#fff}.side-map .map-name{text-align:center;font-size:1.5em;color:#3e3a39;margin-bottom:2em}.side-map .map-name:after{content:'';width:4em;height:2px;display:block;background:#df0101;margin:0 auto;margin-top:1em}.side-map .contact-map{height:41.6vw}.side-cooperation{margin:5em auto}.side-cooperation.in-cooperation{padding:0;transform:translateY(0);opacity:1;background:none}.side-cooperation .in-name h1{font-weight:normal}.silde-content{max-width:81em;height:auto;padding:2em;margin:3em auto;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}.window{width:6.5em;height:auto;position:fixed;bottom:2em;right:0;overflow:visible;z-index:3}.window li{padding:1em 0;cursor:pointer;position:relative;overflow:visible}.window li p,.window li a{width:3.4em;height:3.4em;display:block;border-radius:50%;background:#898989;margin:0 auto;font-family:icon;text-align:center;line-height:3.4em;color:#474442}.window li.window-tel p:after{content:'\e622';font-size:2em}.window li.window-tel span{width:200%;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:rgba(62,58,57,1);overflow:hidden}.window li.window-tel span:after{content:attr(data-number);font-size:1.5em;color:#fff}.window li:hover{background:rgba(62,58,57,1)}.window li.window-tel p:hover + span{opacity:1;z-index:1;display:flex}.window li.window-wechat p:after{content:'\e677';font-size:2em}.window li.window-wechat span{width:12em;height:12em;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:after{content:'\e75e';font-size:2em}.window li.window-tb a:after{content:'\e635';font-size:2em}.window li.window-top a:after{content:'\e6c4';font-size:2em}.web-number-both{font-family:icon;width:4em;height:4em;display:none;box-shadow:0 0 1em rgba(0,0,0,.3);color:#fff;border-radius:50%;background:rgba(51,51,51,.5);text-align:center;line-height:4em;position:fixed;bottom:8em;right:1em}.web-number-both:after{content:' \e621';font-size:2em}.guide-box{z-index:99;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.guide-box .backimg{min-width:100%;position:absolute;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;transform:scale(1.4,1.4);filter:Gray;-webkit-filter:grayscale(100%);transition:.6s;transition-timing-function:ease-out}.guide-box.on .backimg{transform:scale(1,1);filter:Gray;-webkit-filter:grayscale(0%)}.guide-box .guide-center{width:100%;position:absolute;top:50%;transform:translateY(-70%);left:0;right:0;margin:0 auto;text-align:center;z-index:1}.guide-box .guide-center .name{color:#fff;font-weight:bold;text-align:center;display:inline-block}.guide-box .guide-center .name:before{content:'DRAWELL GROUP';font-size:3em;display:block;letter-spacing:.1em;transform:translateY(40%);opacity:0;transition:.6s;transition-timing-function:ease-out;color:#3d3d3d;text-align:justify;text-align-last:justify}.guide-box .guide-center .name:after{content:'Your Reliable Supplier & Partner in China';font-size:1.4em;transform:translateY(40%);opacity:0;transition:.6s;transition-timing-function:ease-out;text-align:justify;text-align-last:justify;display:block;color:#3d3d3d}.guide-box .guide-center.on .name:before{transform:translateY(0);opacity:1}.guide-box .guide-center.on .name:after{transform:translateY(0);opacity:1}.guide-box .guide-center .list{max-width:80em;margin:2em auto 0 auto;display:flex;align-items:center;justify-content:center;column-gap:1em}.guide-box .guide-center .list a{display:inline-block;width:18em;aspect-ratio:.75;color:#000;transform:translateY(20%);opacity:0}.guide-box .guide-center .list a:nth-child(2){transform:translateY(25%)}.guide-box .guide-center .list a:nth-child(3){transform:translateY(30%)}.guide-box .guide-center .list a:nth-child(4){transform:translateY(35%)}.guide-box .guide-center .list a .himg{width:100%;height:21em;display:block;overflow:hidden}.guide-box .guide-center .list a .himg:after{content:'';width:100%;height:100%;display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:rgba(0,0,0,0) ;transition:.6s;transition-timing-function:ease-out}.guide-box .guide-center .list a:hover .himg:after{background:rgba(0,0,0,.7)}.guide-box .guide-center .list a .arow{font-size:1.25em;line-height:240%}.guide-box .guide-center.on .list a{transform:translateY(0);opacity:1;transition-delay:.4s}.guide-box .guide-center.on .list a:nth-child(2){transition-delay:.6s}.guide-box .guide-center.on .list a:nth-child(3){transition-delay:.8s}.guide-box .guide-center.on .list a:nth-child(4){transition-delay:1s}.guide-bottom{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);padding:1em 0}.guide-bottom .center{width:80em;line-height:1.6em;margin:0 auto;display:flex;justify-content:space-between;flex-flow:row wrap}.guide-bottom .center .text{color:rgba(255,255,255,.7);float:left}.guide-bottom .center .text a{color:rgba(255,255,255,.7)}.guide-bottom .center .infor p{font-family:icon;margin:0;color:rgba(255,255,255,.7)}.guide-bottom .center .infor p:before{content:'';font-size:1.5em;display:block;float:left;margin-right:.5em}.guide-bottom .center .infor p.tel:before{content:'\e66c'}.guide-bottom .center .infor p.mob:before{content:'\e622'}.guide-bottom .center .infor p.email:before{content:'\e60c'}.guide-bottom .center .infor p.addr:before{content:'\e643'}.guide-bottom .center .infor p:after{content:attr(data-infor);display:block;float:left;max-width:28em;line-height:200%}.guide-bottom .center .infor p.addr:after{line-height:140%}@media screen and (max-width:1860px){body{font-size:14px}.ny-banner img{position:static;width:100%}}@media screen and (max-height:900px){body{font-size:12px}.ny-banner img{position:static;width:100%}.guide-box .guide-center:before{font-size:4em}.guide-box .guide-center .list{margin-top:3vw}}@media screen and (max-height:800px){footer .qrcode{max-width:30em}}@media screen and (max-width:1600px){footer .qrcode{max-width:30em}body{font-size:12px}}@media screen and (max-width:860px){body{font-size:12px;min-width:0}header{width:100%;min-height:4em;height:auto;background:#111;overflow:hidden;position:fixed;top:0;left:0;right:0;z-index:98;padding:.5em 0}header .center{margin:0}header .logo{height:3em;position:absolute;left:0;right:0;top:.5em;margin:0 auto;max-width:15em}header.on{background:rgba(6,6,6,.9)}header.on .logo{margin:0 auto}header .nav-web{display:block;color:#898989}header .top-nav{height:0;position:static;margin-top:4em}header .top-nav a{display:block;padding:0;line-height:5em;text-align:left;margin:0 2em;border-bottom:1px solid #fff}header .top-nav a p{display:none}header .top-nav.open{height:34em;padding-bottom:1em;width:100%;max-width:initial}header .ali-logo{display:none}.center{width:initial;max-width:initial;margin:2em 1em}.in-name h1{font-size:2em;color:#9d4321;line-height:1em}.in-name p{color:#3e3a39;font-size:1.25em;line-height:2em}.all-more{width:100%;margin-top:2em}.side-name{text-align:center}.side-name p{font-size:1.5em}.side-name span{font-size:.8em}.center-box{position:static;transform:translateY(0);opacity:1}.tab{width:calc(4em - 2px);height:3em;line-height:3em;color:#898989}.banner{height:18em;margin-top:5em}.banner .list-both{bottom:1em}.in-about{padding:0}.in-about .img{display:none}.in-service{padding:2em 0}.in-service .list{margin:0 2em}.in-service .list li{width:calc(100% / 2 - 2em);padding:2em 1em}.in-team .all-hide .hide .list li{width:100%}.in-team .operate-box .list li{width:calc(100% / 2 - 1em)}.in-team .operate-box .list li span{width:100%;border-radius:0%}.product-box{padding-top:2em}.product-box .product-hide .list li:before,.product-box .product-hide .list li:after{display:none}.product-box .product-hide .list li img{min-width:100%;position:absolute;left:-200%;top:-200%;right:-200%;bottom:-200%;margin:auto}.in-news .news-hide .list li:nth-child(1){margin-bottom:1.6em}.in-news .news-hide .list li:nth-child(1),.in-news .news-hide .list li:nth-child(2){position:static}.in-news .news-hide .list li:nth-child(3),.in-news .news-hide .list li:nth-child(4),.in-news .news-hide .list li:nth-child(5){display:none}.in-environment{padding:0}.in-environment .list li{width:100%}.in-cooperation{padding:0}.in-cooperation .list li{width:calc(100% / 3 - .6em - 2px);height:5em}.ny-nav{position:static;white-space:nowrap;overflow-x:auto}.ny-nav a{padding:0 2em}.ny-banner{height:auto;margin-top:5em}.ny-banner img{position:static;display:block;min-width:initial;max-width:100%;height:auto}.ny-banner .side-banner-content{height:30em;display:none}.ny-banner .side-banner-content .box span{margin:0 1em;padding:1em}.side-idea{flex-flow:row wrap}.side-idea .li{width:calc(100% / 2 - .5em);margin-bottom:1em}.side-idea .li span{height:15em}.side-environment{padding:0}.side-environment .list{display:flex;align-items:center;justify-content:space-between;flex-flow:row wrap}.side-environment .list li{width:calc(100% / 2 - .5em);height:15em;margin-bottom:1em}.side-environment .list li p{display:block}.side-environment .list li.po-center{display:none}.side-advantage .list{flex-flow:row wrap}.side-advantage .list li{width:100%;margin-bottom:1em;min-height:auto}.side-team .side-empowerment-box .list li{width:100%;margin-bottom:1em}.side-team .side-operate-box .hide .list li{width:100%}.side-team .side-operate-box .hide .list li .text{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:1;padding:1em;background:#df0101;opacity:0}.side-team .side-operate-box .hide .list li .text h1,.side-team .side-operate-box .hide .list li .text p,.side-team .side-operate-box .hide .list li .text small{color:#fff}.side-team .side-operate-box .hide .list li .text .all-more{background:#fff;color:#df0101}.side-team .side-operate-box .hide .list li small{-webkit-line-clamp:6;margin-top:1em;line-height:180%}.side-team .side-operate-box .hide .list li:hover .text{opacity:1}.team-i .team-i-center{margin:auto 1em}.team-i .team-i-center .img{float:none;height:20em;margin:0 auto;margin-bottom:1em}.team-i .team-close{width:3em;height:3em;line-height:3em;top:6em}.team-i .team-close:after{font-size:2em}.article_list li{padding-right:0}.article_list li .himg{width:100%;height:auto;float:initial;margin-right:0}.article_list li .himg img{min-width:initial;height:auto;max-width:100%;display:block;position:static}.side-contact .text{max-width:100%;float:none;margin-bottom:2em}footer{padding-top:0}footer .bt-nav-box .list{display:none}footer .bt-nav-box{margin-bottom:2em;float:none}footer .bt-nav-box .bt-number{font-size:2.5em}footer .qrcode{float:none;max-width:100%;transform:translateY(0)}footer .qrcode .wechat{width:10.5em}footer .copyright p{display:block;text-align:center;float:none;line-height:2em}footer .copyright p.copyr{float:none}.window{display:none}.in-all-nav{white-space:nowrap;overflow-x:auto}.in-all-nav span{margin-bottom:0}.product-box .product-hide .list li{width:100%}.side-product.list{margin:2em 1em}.side-product.list li{width:100%}.guide-box .guide-center{transform:translateY(-50%)}.guide-box .guide-center:before{font-size:2.5em}.guide-box .guide-center .name:before{font-size:2.4em}.guide-box .guide-center .name:after{font-size:1.2em}.guide-box .guide-center .list{margin:3em 1em 0 1em}.guide-box .guide-center .list a{width:calc(100% / 2 - 1em);margin-bottom:1em}.guide-box .guide-center .list a .himg{height:40vw}.guide-box .guide-center .list a .arow{height:3.6em;line-height:1.8em;white-space:normal;font-size:.8em}.guide-bottom{display:none}}