.service_bg{	
	background-image: url(/static/tn106/img/service_bg.png);
    background-repeat: repeat-y;
    background-size: cover;
    background-position: center;
	
}


.service{width:100%;margin: 0px 0px 0px 0px;padding: 100px 0 ;height: auto}



.service .tit{width:100%;text-align: center;margin: 50px 0px 50px 0px;}
.service .tit h2{font-size: 36px}
.service .tit small{display:block;color:#878B99;font-size:14px;line-height: 60px}

.service .s_item {overflow:hidden;position:relative;}
.service .s_item .title{background:#206ae4;}
.service .s_item .title a{color:#fff;padding:10px 0;display:block;text-align:center;-webkit-transition:all 0s;transition:all 0s;}
.service .s_item .title .icon{padding-top:15px;}
.service .s_item .title .icon i{color:#fff;font-size:34px;}
.service .s_item .title big{display:block;color:#fff;font-size:18px;margin-top:5px;}
.service .s_item .title small{display:block;color:#fff;opacity:.8;font-size:14px;}
.service .s_item .info{background:#f8f9fc;height:250px;}
.service .s_item .info .tisp{display:none;}
.service .s_item .info .pro_url{text-align:center;padding:10px;text-align: center;display: block;}
.service .s_item .info .pro_url a{display:block;line-height:30px;font-size: 14px}
.service .s_item:nth-child(2n) .info{background:#f1f4f7;}
.service .s_item:nth-child(2n) .title{background:#0e78e1;}

.service .s_item.curr{padding:0;box-shadow:0 5px 25px rgba(0,0,0,.1);z-index:130;  transform: scale(1.05);
    transition: all 1s ease}
.service .s_item.curr .title{background:url("../images/index/bg_servicd_title.png") center center #000;background-size:cover;}
.service .s_item.curr .title a{padding:25px 0;}
.service .s_item.curr .info{height:280px;padding:35px 10% 0;background:#fff;}
.service .s_item.curr .info .tisp{display:block;color:#878B99;line-height:24px;max-height:72px;overflow:hidden;}
.service .s_item.curr .info .pro_url{padding:25px 0 0;max-height:150px;overflow:hidden;}
.service .s_item.curr .info .pro_url a{display:inline-block;background:#f8f9fc;float:left;width:45%;margin:5px;position:relative;}
.service .s_item.curr .info .pro_url a i{width:0;position:absolute;left:0;top:0;height:100%;content:"";display:block;z-index:0;background:#206ae4;}
.service .s_item.curr .info .pro_url a span{position:relative;z-index:1;}
.service .s_item.curr .info .pro_url a:hover{background:#206ae4;color: #fff;}
.service .s_item.curr .info .pro_url a:hover i{width:100%;}
.service .s_item.curr .info .pro_url a:hover span{color:#fff;}

/*.service .s_item:nth-child(1) .info .pro_url a:nth-child(n+6){display:none;}
.service .s_item .info .pro_url a:nth-child(n+7){display:none;}*/




.box_3 .box3_list .item{width:100%;float:left}
.box_3 .box3_list .item_box{position:relative;border:1px solid #eee;border-radius:10px;min-height:300px}

.box_3{position:relative;width:100%;height:auto;margin:0px 0;padding:0 0 10px 0;min-height:600px;overflow:hidden}
.box_3 .title{position:relative;width:100%;height:auto;margin:0px 0;z-index:299;text-align:center;line-height:150px;font-size:36px;color:#666}
.box_3 .box3_list{position:relative;z-index:200;margin:0px 0;overflow:hidden;height:auto;width:100%}
.box_3 .box3_list .item{width:20%;float:left}
.box_3 .box3_list .item_box{position:relative;border:1px solid #eee;border-radius:10px;min-height:300px;margin-right:10px;background-color:#fff;padding:15px}
.box_3 .box3_list .item_box:before{position:absolute;right:-6px;top:150px;z-index:999;content:"";border-top:1px solid #eee;border-right:1px solid #eee;height:10px;width:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff}
.box_3 .box3_list .item .tit{text-align:center;font-size:28px;margin-top:20px;color:#333}
.box_3 .box3_list .item .desc{text-align:left;font-size:16px;margin:20px 0;line-height:35px;color:#333}
.box_3 .box3_list .item .icon{text-align:center;width:80px;height:80px;margin:0 auto;border-radius:50%;margin-top:30px}
.box_3 .box3_list .item .icon i{text-align:center;font-size:40px;color:#fff;line-height:80px}
.bg101{}
@media only screen and (max-width:1000px){
.box_3 .box3_list .item{width:100%;float:left;margin-top:10px}
.box_3 .box3_list .item_box{position:relative;border:1px solid #eee;border-radius:10px;min-height:300px;margin:10px 10px}
.box_3 .box3_list .item_box:before{position:absolute;right:50%;bottom:0px;top:325px;z-index:999;content:"";border-top:1px solid #eee;border-right:1px solid #eee;height:10px;width:10px;-webkit-transform:rotate(45deg);transform:rotate(135deg);background-color:#fff}