@charset "UTF-8";.showcase{width:100%;height:100%;min-height:860px;position:relative;margin-top:-110px;overflow:hidden}.showcase .slider,.showcase .slider .slide,.showcase .slider .slick-list,.showcase .slider .slick-track{width:100%;height:100%}.showcase .slider .slide{width:100%;height:100%;outline:0;position:relative}.showcase .slider .slide .wallpaper{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.showcase .slider .slide .wallpaper div{width:100%;height:100%;background-repeat:no-repeat;background-size:cover}.showcase .slider .slide .wallpaper div.desktop{background-position:center}.showcase .slider .slide .wallpaper div.mobile{background-position:center top;display:none}.showcase .slider .slide .text{width:40%;height:100%;position:absolute;z-index:1;top:0;left:30%}.showcase .slider .slide .text .inner{position:relative;width:100%;height:auto;top:30%;left:-50%;color:#333}.showcase .slider .slide .text .inner h2{font-weight:normal;font-family:'XianYuanJ';font-size:48px}.showcase .slider .slide .text .inner h3{font-weight:normal;font-family:'XianYuanJ';font-size:28px;margin-top:15px;margin-bottom:25px}.showcase .slider .slide .text .inner p{font-size:16px;line-height:1.6;color:#888}.showcase .slider .slide .text .inner a{font-size:16px;display:inline-block;text-decoration:none;color:#888;border-radius:20px;outline:0}.showcase .slider .slide .text .inner a span,.showcase .slider .slide .text .inner a em{display:inline-block;vertical-align:middle}.showcase .slider .slide .text .inner a em{width:16px;height:16px}.showcase .slider .slide .text .inner a em svg{stroke-width:1.2;stroke:#888;fill:none;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;position:relative}.logo-slogan{font-size:0;text-align:center;margin-top:100px}.logo-slogan .logo{display:inline-block;vertical-align:middle;width:115px;height:40px;background:url(../components/images/logo.png) no-repeat center;background-size:100% 100%;position:relative;top:4px}.logo-slogan i{display:inline-block;vertical-align:middle;width:1px;height:40px;background-color:#e3e3e3;margin:0 30px}.logo-slogan h3{display:inline-block;vertical-align:middle;font-size:20px;font-family:'XianYuanJ';color:#949494;font-weight:normal}.service{font-size:0}.service .item{display:inline-block;vertical-align:bottom;width:25%;margin-top:90px;margin-bottom:20px}.service .item .icon{width:100%;height:160px;margin-bottom:20px}.service .item .icon svg{width:100%;height:100%;fill:none;stroke:#848484;stroke-miterlimit:10;-webkit-transition:stroke .25s linear;-moz-transition:stroke .25s linear;transition:stroke .25s linear}.service .item .icon svg .round{stroke-linecap:round;stroke-linejoin:round}.service .item .text{text-align:center}.service .item .text h3{color:#666;font-size:18px;font-weight:normal;line-height:1.6;-webkit-transition:color .5s linear;-moz-transition:color .5s linear;transition:color .5s linear}.service .item .text span{font-size:12px;color:#cbcbcb;font-family:'Arial';-webkit-transition:color .5s linear;-moz-transition:color .5s linear;transition:color .5s linear}.service .item:hover .icon svg{stroke:#e20003}.service .item:hover .text h3{color:#e20003}.service .item:hover .text span{color:#e20003}.case .category{text-align:center;font-size:0;padding:35px 0;border-top:1px dotted #b9b9b9;margin-top:35px}.case .category button{display:inline-block;font-size:18px;color:#888;text-decoration:none;height:38px;line-height:36px;padding:0 2.6em;margin:0 20px;border:1px solid silver;background-color:transparent;outline:0;border-radius:38px;cursor:pointer;-webkit-transition:color .5s linear,background-color .5s linear,border-color .5s linear;-moz-transition:color .5s linear,background-color .5s linear,border-color .5s linear;transition:color .5s linear,background-color .5s linear,border-color .5s linear}.case .category button:hover{color:#e20003;border-color:#e20003}.case .category button.active{background-color:#e20003;color:#fff;border-color:#e20003}.case .shopwindow{font-size:0}.case .shopwindow .item{width:25%;display:inline-block;vertical-align:top;text-decoration:none;color:#666;text-align:center;-webkit-transition:color .5s linear;-moz-transition:color .5s linear;transition:color .5s linear}.case .shopwindow .item img{width:100%;-webkit-transition:-webkit-transform 15s linear,opacity .5s linear;-moz-transition:-moz-transform 15s linear,opacity .5s linear;transition:transform 15s linear,opacity .5s linear}.case .shopwindow .item em{display:block;width:100%;height:0;padding-bottom:63%;overflow:hidden;background-color:#e20003}.case .shopwindow .item span{font-size:18px;padding:20px 0 30px;display:block}.case .shopwindow .item:hover{color:#e20003}.case .shopwindow .item:hover img{transform:rotate(10deg) scaleX(1.5) scaleY(1.5);opacity:.5;filter:alpha(opacity=50)}.client{font-size:0;margin-top:80px;overflow:hidden;text-align:center}.client .item{display:inline-block;vertical-align:top;margin:-1px 0 0 -1px;padding:1%;width:18%;border:1px solid #ebebeb;border-width:1px 0 0 1px}.client .item img{width:100%;-webkit-filter:grayscale(1);-moz-filter:grayscale(1);filter:grayscale(1);-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;opacity:.75;filter:alpha(opacity=75)}.client .item:hover img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);filter:grayscale(0);opacity:1;filter:alpha(opacity=100)}.contact{border-top:1px solid #e3e3e3;margin-top:40px;padding:50px 0 70px;font-size:0;text-align:center}.contact .item{display:inline-block;width:23%;margin:0 5%;vertical-align:top;color:#7a7a7a;white-space:nowrap;padding:20px 0}.contact .item span,.contact .item p{display:inline-block;vertical-align:top;font-size:16px;white-space:normal;text-align:left;line-height:1.4}.contact .item a{color:#7a7a7a;text-decoration:none;-webkit-transition:color .5s linear;-moz-transition:color .5s linear;transition:color .5s linear}.contact .item a:hover{color:#e20003}@media only screen and (-Webkit-min-device-pixel-ratio:2.0),only screen and (-moz-min-device-pixel-ratio:2.0),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2.0),only screen and (min-resolution:192dpi){.logo-slogan .logo{background-image:url(../components/images/logo@2x.png)}}@media only screen and (max-width:1280px){.showcase{margin-top:-90px;min-height:0;height:680px}.showcase .slider .slide .text .inner h2{font-size:40px}.showcase .slider .slide .text .inner h3{font-size:24px;margin-top:10px;margin-bottom:20px}.logo-slogan{margin-top:60px}.logo-slogan h3{font-size:18px}.service .item{margin-top:70px}.case .category{margin-top:30px;padding:30px 0}}@media only screen and (max-width:1200px){.service .item{margin-top:60px}.service .item .icon{width:78%;height:auto;margin-left:auto;margin-right:auto}.case .shopwindow .item span{font-size:16px;padding-bottom:25px}}@media only screen and (max-width:1024px){.showcase{margin-top:0;height:540px}.service .item{margin-top:50px}.service .item .icon{width:70%}.service .item .text h3{font-size:16px}.case .category button{font-size:15px;margin:0 10px}.client{margin-top:40px}}@media only screen and (max-width:900px){.case .shopwindow .item span{font-size:14px;padding:10px 0 15px}}@media only screen and (max-width:800px){.showcase .slider .slide .wallpaper div.desktop{display:none}.showcase .slider .slide .wallpaper div.mobile{display:block}.showcase .slider .slide .text{width:100%;left:50%}.showcase .slider .slide .text .inner{text-align:center;top:20%}.logo-slogan{margin-top:40px}.service .item{margin-top:40px}.service .item .icon{width:68%}.service .item .text h3{font-size:14px}.case .category button{font-size:14px;padding:0 2.4em}.contact{padding:30px 0}.contact .item{width:90%}.contact .item p{width:90%;line-height:1.6}}@media only screen and (max-width:700px){.service .item .text span{font-size:10px}.case .category{margin-top:25px;padding:25px 0}.case .category button{margin:0 10px;padding:0 1.8em}.case .shopwindow .item{width:50%}.client .item{width:31.33%}.client .item:last-child{display:none}}@media only screen and (max-width:680px){.client{border-top:1px dotted #ddd;border-bottom:1px dotted #ddd}}@media only screen and (max-width:580px){.showcase{height:460px}.showcase .slider .slide .text .inner h2{font-size:28px}.showcase .slider .slide .text .inner h3{font-size:20px;margin-top:6px;margin-bottom:12px}.showcase .slider .slide .text .inner p,.showcase .slider .slide .text .inner a{font-size:14px}.service{margin-top:32px;border-top:1px solid #ebebeb}.service .item{margin:0;padding:20px 0;width:50%;box-sizing:border-box;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb}.service .item:nth-child(1),.service .item:nth-child(3){border-left:0}.service .item .icon{width:50%;min-height:57px}.case .category{margin-top:0;width:auto;padding:15px 1%;border-top:0}.case .category button{padding:0;margin:0;width:48%;margin:1%;height:46px;line-height:44px;box-sizing:border-box;border-radius:4px;border-color:#ebebeb}}@media only screen and (max-width:500px){.logo-slogan .logo,.logo-slogan i{display:none}.contact{text-align:left}}@media only screen and (max-width:400px){.client{margin-top:30px}.client .item{width:48%}.client .item:last-child{display:inline-block}}