.service{margin:auto;width:1080px}
.service-container{padding-top:20px;padding-bottom:20px;height:400px;width:100%}
.service-container .service ul li em.em{display:block;margin-right:50px;margin-left:50px;padding-top:30px;padding-left:30px;width:100px;height:100px;background:url(../image/service-em.png) no-repeat;padding-bottm:20px}
.service-container .service ul li{position:relative;float:left;margin-right:20px;padding-top:20px;width:250px;height:360px;background:#fff;color:#fff}
.service-container .service ul li.service-container-s{position:relative;float:left;margin-right:20px;padding-top:20px;width:230px;height:360px;background:#fff;color:#fff}
.service-container .service ul li.service-container-s-hover{background-color:#fff;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,.1);
box-shadow: 0 3px 20px rgba(0,0,0,.1);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)}
.service-container .service ul li.last{float:right;margin-right:0}
.service-container .service ul li i{display:block;width:75px;height:75px}
.service-container .service ul li i.t1{overflow:hidden;background:url(../image/service-ico.png) no-repeat;background-position:0 0}
.service-container .service ul li i.t2{overflow:hidden;background:url(../image/service-ico.png) no-repeat;background-position:0 -75px}
.service-container .service ul li i.t3{overflow:hidden;background:url(../image/service-ico.png) no-repeat;background-position:0 -150px}
.service-container .service ul li i.t4{overflow:hidden;background:url(../image/service-ico.png) no-repeat;background-position:0 -225px}
.service-container .service ul li i{-webkit-transition:-webkit-transform .5s ease-out;-moz-transition:-moz-transform .5s ease-out;-o-transition:-o-transform .5s ease-out;-ms-transition:-ms-transform .5s ease-out}
.service-container .service ul li .service-container-s-em{display:block;margin-right:50px;margin-left:50px;padding-top:30px;padding-left:30px;width:100px;height:100px;background:url(../image/service-em.png) no-repeat;padding-bottm:20px}
.service-container .service ul li .service-container-s-em-hover{display:block;margin-right:50px;margin-left:50px;padding-top:30px;padding-left:30px;width:100px;height:100px;background:url(../image/service-em.png) no-repeat 0 -130px;padding-bottm:20px}
.service-container .service ul li .service-container-s1-i{overflow:hidden;background:url(../image/service-ico.png) no-repeat;background-position:0 0}
.service-container .service ul li .service-container-s1-i-hover{overflow:hidden;background:url(../image/service-ico.png) no-repeat;background-position:-75px 0;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);transform:rotateZ(360deg);-ms-transform:rotateZ(360deg)}
.service-container .service ul li .service-container-s2-i{overflow:hidden;background:url(../image/service-ico.png) no-repeat;background-position:0 -75px}
.service-container .service ul li .service-container-s2-i-hover{overflow:hidden;background:url(../image/service-ico.png) no-repeat;background-position:-75px -75px;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);transform:rotateZ(360deg);-ms-transform:rotateZ(360deg)}
.service-container .service ul li .service-container-s3-i{overflow:hidden;background:url(../image/service-ico.png) no-repeat;background-position:0 -150px}
.service-container .service ul li .service-container-s3-i-hover{overflow:hidden;background:url(../image/service-ico.png) no-repeat;background-position:-75px -150px;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);transform:rotateZ(360deg);-ms-transform:rotateZ(360deg)}
.service-container .service ul li .service-container-s4-i{overflow:hidden;background:url(../image/service-ico.png) no-repeat;background-position:0 -225px}
.service-container .service ul li .service-container-s4-i-hover{overflow:hidden;background:url(../image/service-ico.png) no-repeat;background-position:-75px -225px;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);transform:rotateZ(360deg);-ms-transform:rotateZ(360deg)}

.service-container .service ul li p{padding:0 20px;height:165px;color:#000}
.service-container .service ul li b{display:block;padding-top:4px;height:66px;color:#0382db;text-align:center;font-weight:400;font-size:22px;line-height:66px}
.service-container .service ul li span{display:block;height:28px;color:#797979;text-indent:24px;font-size:12px;line-height:28px}

.service-container .service ul li a:hover b{color:#0382db}
.service-container .service ul li a:hover span{color:#000}


.service-container .service ul li .more{display:block;margin:0 auto;width:125px;height:38px;border:1px solid #dadada;color:#797979;text-align:center;font-size:14px;line-height:38px}
.service-container .service ul li .more:hover{border:1px solid #0382db;color:#fff}


.content-container{margin:auto;width:100%;min-width:1080px}

.category-container{margin:auto;width:100%;min-width:1080px;height:80px}
.category{position:relative;overflow:visible;margin:auto;padding:25px 0;height:38px;text-align:center;font-size:16px}
.category a{position:relative;display:inline-block;overflow:visible;padding-right:20px;padding-left:20px;height:38px;border-top:1px solid #dadada;border-right:1px solid #dadada;border-bottom:1px solid #dadada;line-height:38px;cursor:pointer}
.category a:hover{color:#0382db}
.category a:last-child{-webkit-border-top-right-radius:100px;-moz-border-radius-topright:100px;border-top-right-radius:100px;-webkit-border-bottom-right-radius:100px;-moz-border-radius-bottomright:100px;border-bottom-right-radius:100px}
.category a:first-child{-webkit-border-bottom-left-radius:100px;-moz-border-radius-bottomleft:100px;border-bottom-left-radius:100px;-webkit-border-top-left-radius:100px;-moz-border-radius-topleft:100px;border-top-left-radius:100px;border-left:1px solid #dadada;}
.category a.sort-on{background-color:#0382db;color:#fff}
.category a.sort-on:hover{color:#fff}

.category-sub-container{margin:auto;width:100%;min-width:1080px;height:50px}
.category-sub{position:relative;overflow:visible;margin:auto;height:30px;text-align:center;font-size:16px}
.category-sub a{position:relative;display:inline-block;overflow:visible;padding-right:20px;padding-left:20px;height:30px;border-bottom:1px solid #dadada;line-height:30px;cursor:pointer}
.category-sub a:hover{color:#0382db}
.category-sub a.category-sub-on{position:relative;display:inline-block;color:#0382db;border-bottom:1px solid #0382db}
.category-sub a.category-sub-on div{position:relative;display:block;height:9px;background:url(../image/category-sub-on.png) center bottom no-repeat}