.tran, .tran a, a.tran, .tran img {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  -ms-transition: all .3s;
}
#num{width:100%;box-shadow:0 3px 6px rgba(0,0,0,0.05);padding:25px 0;line-height: 1.3;}
#num .item{width:25%;float:left;text-align:center;border-right:1px #e8edf2 solid;}
#num .item big{display:block;padding:5px 0;}
#num .item big span{font-size:49px;font-family:'din';margin-right:5px;font-weight:500;}
#num .item small{display:block;font-weight:400;font-size:16px;margin:0;color:#878B99;}
#num .item:last-child{border-right:none;}
#num * {
    box-sizing: border-box;
}
#num .clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: "";
}
@media (max-width:800px){
	#num{padding:.9rem 0;line-height:1.6;}
	#num .item{width:50%;}
	#num .item big{display:block;padding:.15rem 0;}
	#num .item big span{font-size:1.8rem;margin-right:.18rem;}
	#num .item small{font-size:13px;}
	#num .item:nth-child(2n){border-right:none;}
	#num .item:nth-child(n+3){margin-top:.9rem;}
}

.htitle{text-align:center;padding-top:10px;}
.htitle big{display:block;line-height:40px;text-transform:uppercase;}
.htitle big span:nth-child(1){font-size:36px;}
.htitle big span:nth-child(2){font-size:24px;color:#ccc;font-family:"宋体";}
.htitle big span:nth-child(3){font-size:36px;color:#a51a11;font-family:"montserrat-medium";font-weight:600;}
.htitle small{display:block;margin-top:10px;color:#878B99;font-size:14px;}
.htitle-write big span,
.htitle-write small{color:#fff !important;}
@media (max-width:800px){
	.htitle{padding-top:.3rem;}
	.htitle big{line-height:2rem;}
	.htitle big span:nth-child(1){font-size:25px;}
	.htitle big span:nth-child(2){font-size:.69rem;}
	.htitle big span:nth-child(3){font-size:25px;}
	.htitle small{margin-top:.3rem;font-size:14px; padding:0 .9rem; line-height:1rem;}
}

.more_list{margin-top:50px;text-align:center;}
.more_list a{width:52px;height:50px;display:inline-block;margin:0 5px;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.more_list a.t_prev{background:#f1f4f7 url(../images/bg_morelist.png) no-repeat 0 0;}
.more_list a.t_prev:hover{background:#333 url(../images/bg_morelist.png) no-repeat -52px 0;}
.more_list a.t_next{background:#f1f4f7 url(../images/bg_morelist.png) no-repeat -52px -50px;}
.more_list a.t_next:hover{background:#333 url(../images/bg_morelist.png) no-repeat 0 -50px;}
.more_list a.t_prev, 
.more_list a.t_next, 
.more_list a.t_more{border-radius:2px;vertical-align:middle;}
.more_list a.t_more{width:92px;background:#f1f4f7 url(../images/bg_morelist_2.png) no-repeat center -50px;}
.more_list a.t_more:hover{background:#333 url(../images/bg_morelist_2.png) no-repeat center 0;}
@media (max-width:800px){
	.more_list{margin-top:.5rem;text-align:center;}
}
#service * {
    box-sizing: border-box;
}
#service .clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: "";
}
#service{width:100%;padding:60px 0 30px;font-size: 14px;font-weight: 400;}
#service .wrap{overflow:inherit;}
#service .list{padding:40px 0 0px;height:550px;}
#service .list ul li{float:left;width:calc(100% / 6);padding:30px 0;overflow:hidden;position:relative;}
#service .list ul li .title{background:#333;}
#service .list ul li .title a{color:#fff;padding:10px 0;display:block;text-align:center;}
#service .list ul li .title .icon{padding-top:15px;}
#service .list ul li .title .icon i{color:#fff;font-size:34px;}
#service .list ul li .title big{display:block;color:#fff;font-size:18px;margin-top:5px;}
#service .list ul li .title small{display:block;color:#fff;opacity:.8;font-size:14px;}
#service .list ul li .info{background:#f8f9fc;height:250px;}
#service .list ul li .info .tisp{display:none;}
#service .list ul li .info .href{text-align:center;padding:20px;}
#service .list ul li .info .href a{display:block;line-height:30px;font-weight: 400;}
#service .list ul li:nth-child(2n) .info{background:#f1f4f7;}
#service .list ul li:nth-child(2n) .title{background:#000;}
#service .list ul li.curr{width:calc(100% / 3);padding:0;box-shadow:0 5px 25px rgba(0,0,0,.1);z-index:130;}
#service .list ul li.curr .title{background:url(../images/bg_servicd_title.png) center center #a51a11;background-size:cover;}
#service .list ul li.curr .title a{padding:25px 0;}
#service .list ul li.curr .info{height:280px;padding:35px 10% 0;background:#fff;}
#service .list ul li.curr .info .tisp{display:block;color:#878B99;line-height:24px;max-height:72px;overflow:hidden;}
#service .list ul li.curr .info .href{padding:25px 0 0;max-height:100px;overflow:hidden;}
#service .list ul li.curr .info .href a{display:inline-block;background:#f8f9fc;float:left;width:30%;margin:5px;position:relative;}
#service .list ul li.curr .info .href a i{width:0;position:absolute;left:0;top:0;height:100%;content:'';display:block;z-index:0;-webkit-transition:all .3s;transition:all .3s;background:#a51a11;}
#service .list ul li.curr .info .href a span{position:relative;z-index:1;}
#service .list ul li.curr .info .href a:hover i{width:100%;}
#service .list ul li.curr .info .href a:hover span{color:#fff;}
/*#service .list ul li:nth-child(1) .info .href a:nth-child(n+6){display:none}*/
#service .list ul li .info .href a:nth-child(n+7){display:none}
@media (max-width:800px){
	#service{padding:2.4rem 0;}
	#service .list{padding:.0rem 0 0;height:auto;}
	#service .list ul li{float:inherit;width:100%;padding:0; margin-top:.9rem}
	#service .list ul li .title a{padding:.3rem 0;}
	#service .list ul li .title .icon{padding-top:.45rem;}
	#service .list ul li .title .icon i{font-size:1.2rem;}
	#service .list ul li .title big{margin-top:.15rem;}
	#service .list ul li .title small{opacity:.8;font-size:13px;}
	#service .list ul li .info{height:auto;}
	#service .list ul li .info .tisp{display:block;color:#878B99;line-height:1.2rem;max-height:inherit; padding:.6rem .9rem 0;overflow:hidden;}
	#service .list ul li .info .href{padding:.6rem .9rem 1.5rem; max-height:inherit}
	#service .list ul li .info .href a{line-height:2rem; float:left; width:48%; font-size:.8rem; border:1px solid #eee; background:#fff; margin-top:.3rem}
	#service .list ul li .info .href a:nth-child(2n){float:right}
	#service .list ul li.curr{width:100%}
	#service .list ul li.curr .title a{padding:.3rem 0;}
	#service .list ul li.curr .info{height:auto;padding:0;background:#f8f9fc;}
	#service .list ul li.curr .info .tisp{display:block;color:#878B99;line-height:1.2rem;max-height:inherit; padding:.6rem .9rem 0;overflow:hidden;}
	#service .list ul li.curr .info .href{padding:.6rem .9rem 1.5rem; max-height:inherit}
	#service .list ul li.curr .info .href a{line-height:2rem; float:left; width:48%; border:1px solid #eee; background:#fff; margin:.3rem 0 0}
	#service .list ul li.curr .info .href a:nth-child(2n){float:right}
	#service .list ul li .info .href a:nth-child(n+7){display:inline-block}
}