@charset "utf-8";
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.service{position:relative;background-color:#fff;zoom:1}
.service .service-list{position:relative;width:100%;height:424px;margin:0 auto;overflow:hidden;zoom:1}
.service ul{position:absolute;left:0;top:0;width:100%;height:424px;padding-top:5px;transition:left .8s ease-in-out}
.service li{float:left;width:33.33333333%;height:216px}
.service li a{position:relative;display:block;width:100%;height:216px;padding:10px 0 0 92px;zoom:1}
.service .item-box{position:relative;width:275px;height:186px;padding:20px 0 0 61px;background:url(../img/tb10tanjpxxxxblxpxxxxxxxxxx-274-186.png) 0 0 no-repeat;color:#00a0ff;zoom:1}
.service .overlay-start{position:absolute;bottom:-2px;right:-2px;width:34px;height:10px;background-color:#fff}
.service .overlay-bottom{position:absolute;left:-2px;bottom:-2px;width:295px;height:15px;background-color:#fff}
.service .overlay-left{position:absolute;left:-2px;top:-2px;width:15px;height:189px;background-color:#fff}
.service .overlay-top{position:absolute;right:-2px;top:-2px;width:295px;height:15px;background-color:#fff}
.service .overlay-right{position:absolute;right:-2px;bottom:-2px;width:15px;height:189px;background-color:#fff}
.service .service-icon{position:absolute;left:53px;top:35px;width:100px;height:110px;padding-top:12px;background-color:#fff;z-index:11}
.service .service-icon .circle{width:82px;height:80px;line-height:80px;background:url(../img/tb1.fjxivxxxxbqxvxxxxxxxxxx-80-80.png) 0px 0 no-repeat;text-align:center; color:#359EFB; font-size:28px; padding-right:4px;}
.service .service-icon .iconfont{font-size:32px;color:#00a0ff}
.service .start-point{position:absolute;right:-8px;bottom:-3px;width:0;height:16px;background-color:#fff;overflow:hidden}
.service .start-point .circle{float:right;width:16px;height:16px;background:url(../img/tb15pjohvxxxxcaxpxxxxxxxxxx-16-16.png) 0 0 no-repeat}
.service h3{line-height:52px;font-size:24px;color:#666}
.service h4{line-height:27px;font-size:14px;color:#666;width:200px;}
.service a:hover h3{color:#000;}
.service a:hover h4{color:#00a0ff}
.service a:hover .overlay-bottom{animation:borderslideBottom .15s linear 0s 1;animation-fill-mode:forwards}
.service a:hover .overlay-left{animation:bordersildeLeft .2s linear .15s 1;animation-fill-mode:forwards}
.service a:hover .overlay-top{animation:bordersildeTop .15s linear .35s 1;animation-fill-mode:forwards}
.service a:hover .overlay-right{animation:bordersildeRight .2s linear .5s 1;animation-fill-mode:forwards}
.service a:hover .start-point{animation:bordersildeEnd .1s linear .7s 1;animation-fill-mode:forwards}
.service .arrow{top:357px}
.case{position:relative;padding-top:10px;background-color:#fff;zoom:1}
.case .arrow{top:183px}
@-moz-keyframes slogan{0%{opacity:0;margin-top:0}
100%{opacity:1;margin-top:-30px}
}
@-webkit-keyframes slogan{0%{opacity:0;margin-top:0}
100%{opacity:1;margin-top:-30px}
}
@keyframes slogan{0%{opacity:0;margin-top:0}
100%{opacity:1;margin-top:-30px}
}
@-moz-keyframes clickme{0%{opacity:.2;transform:translate3d(0,-5px,0)}
100%{opacity:.8;transform:translate3d(0,5px,0)}
}
@-webkit-keyframes clickme{0%{opacity:.2;transform:translate3d(0,-5px,0)}
100%{opacity:.8;transform:translate3d(0,5px,0)}
}
@keyframes clickme{0%{opacity:.2;transform:translate3d(0,-5px,0)}
100%{opacity:.8;transform:translate3d(0,5px,0)}
}
@-moz-keyframes borderslideBottom{from{width:295px}
to{width:0}
}
@-webkit-keyframes borderslideBottom{from{width:295px}
to{width:0}
}
@keyframes borderslideBottom{from{width:295px}
to{width:0}
}
@-moz-keyframes bordersildeLeft{from{height:189px}
to{height:0}
}
@-webkit-keyframes bordersildeLeft{from{height:189px}
to{height:0}
}
@keyframes bordersildeLeft{from{height:189px}
to{height:0}
}
@-moz-keyframes bordersildeTop{from{width:295px}
to{width:0}
}
@-webkit-keyframes bordersildeTop{from{width:295px}
to{width:0}
}
@keyframes bordersildeTop{from{width:295px}
to{width:0}
}
@-moz-keyframes bordersildeRight{from{height:189px}
to{height:0}
}
@-webkit-keyframes bordersildeRight{from{height:189px}
to{height:0}
}
@keyframes bordersildeRight{from{height:189px}
to{height:0}
}
@-moz-keyframes bordersildeEnd{from{width:0}
to{width:34px}
}
@-webkit-keyframes bordersildeEnd{from{width:0}
to{width:34px}
}
@keyframes bordersildeEnd{from{width:0}
to{width:34px}
}
@media (max-width: 770px){
.solution_row{ display:none;}
}
 
 
 .vt_nav {
        padding: 20px 0;;
        text-align: center;;
        font-size: 13px;;
        line-height: 18px;
    }

    .vt_nav .page-numbers,.vt_nav .dots:hover,.vt_nav .pages:hover {
        border: 1px solid #eee;;
        text-decoration: none;;
        background: #5080D8;;
        color: #fff;;
        text-shadow: 0px -1px rgba(0, 0, 0, 0.2);;
        display: inline-block;;
        margin: 2px;;
        padding: 1px;;
        padding: 4px 9px;
    }

    .vt_nav .current,.vt_nav .current:hover,.vt_nav a.page-numbers:hover {
        text-decoration: none;;
        background: #f9f9f9;;
        color: #5080D8;
    }

    .vt_nav .pages,.vt_nav .pages:hover {
        vertical-align: middle;;
        color: #CCC;;
        width: 120px;
    }