@charset "UTF-8";.service{font-size:0;padding:40px 0}.service .item{display:inline-block;vertical-align:bottom;width:25%;padding:5% 0;border-radius:20px;-webkit-transition:background-color .5s linear;-moz-transition:background-color .5s linear;transition:background-color .5s linear}.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:#444;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 i{height:1px;width:30px;display:inline-block;background-color:#dcdcdc;margin:5% 0}.service .item .text p{color:#888;font-size:16px;line-height:2;-webkit-transition:color .5s linear,opacity .5s linear;-moz-transition:color .5s linear,opacity .5s linear;transition:color .5s linear,opacity .5s linear}.service .item .text a{display:inline-block;font-size:16px;height:40px;line-height:40px;border:1px solid silver;border-radius:40px;padding:0 2em;color:#888;text-decoration:none;margin-top:10%;-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}.service .item:hover{background-color:#e20003}.service .item:hover .icon svg{stroke:#fff}.service .item:hover .text h3,.service .item:hover .text p{color:#fff}.service .item:hover .text p{opacity:.6}.service .item:hover .text a{border-color:transparent;background-color:#fff;color:#e20003}.connect{width:100%;height:400px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.connect+.sc-footer{border-top:0}.connect .inner{text-align:center;position:absolute;width:100%;height:100px;left:0;top:50%;margin-top:-50px}.connect .logo-slogan{font-size:0;text-align:center}.connect .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}.connect .logo-slogan i{display:inline-block;vertical-align:middle;width:1px;height:40px;background-color:#e3e3e3;margin:0 30px}.connect .logo-slogan h3{display:inline-block;vertical-align:middle;font-size:20px;font-family:'XianYuanJ';color:#fff;font-weight:normal}.connect a{display:inline-block;height:36px;line-height:36px;padding:0 2em;font-size:16px;color:#fff;text-decoration:none;border:1px solid silver;border-radius:40px;margin-top:22px;-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}.connect a:hover{color:#666;background-color:#fff;border-color:transparent}@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){.connect .logo-slogan .logo{background-image:url(../components/images/logo@2x.png)}}@media only screen and (max-width:1280px){.connect{height:300px}.connect .logo-slogan h3{font-size:18px}}@media only screen and (max-width:1200px){.service .item .icon{width:78%;height:auto;margin-left:auto;margin-right:auto}}@media only screen and (max-width:1024px){.service{width:98% !important}.service .item .icon{width:70%}.service .item .text h3{font-size:16px}.service .item .text p,.service .item .text a{font-size:14px}.service .item .text a{height:34px;line-height:34px}}@media only screen and (max-width:800px){.service{padding:0;width:100% !important}.service .item{margin:0;width:50%;border-radius:0;padding:8% 0;box-sizing:border-box;border-left:1px solid #eee;border-top:1px solid #eee;vertical-align:top}.service .item:nth-child(1),.service .item:nth-child(2){border-top:0}.service .item:nth-child(1),.service .item:nth-child(3){border-left:0}.service .item .icon{width:50%;min-height:57px;height:110px}}@media only screen and (max-width:700px){.connect{height:200px}}@media only screen and (max-width:500px){.connect .logo-slogan .logo,.connect .logo-slogan i{display:none}.connect .inner{margin-top:-35px}}@media only screen and (max-width:400px){.service .item,.service .item:nth-child(1),.service .item:nth-child(2){width:100%;border:0;border-top:1px solid #eee}.service .item:first-child{border-top:0}.service .item .text h3{font-size:18px}}