@charset "utf-8";
/* CSS Document */
.serv_ban{ width:100%; height:360px; background:url(../img/serv-ban.jpg) no-repeat #666a6f center;}

/*服务领域列表oldStyle  and 服务领域文章右边*/
.serNav{ width:360px; text-align:center; box-sizing:border-box; padding-top:10px;
background-image: -moz-linear-gradient(0deg, rgb(249,249,249) 0%, rgb(241,241,241) 100%);
background-image:-webkit-linear-gradient(0deg, rgb(249,249,249) 0%, rgb(241,241,241) 100%);
background-image: -ms-linear-gradient(0deg, rgb(249,249,249) 0%, rgb(241,241,241) 100%);
}
.serNav .serNavT{ width:100%; height:200px;}
.serNav ul{ width:280px; margin:auto;}
.serNav ul li{ width:100%; height:60px; border-top:1px solid #FFFFFF; font-size:18px; box-sizing:border-box; padding-top:10px;}
.serNav ul li:first-child{ border-top:hidden;}
.serNav ul li a{ color:#025099; display:block; position:relative; width:100%; height:40px; line-height:40px; overflow:hidden;}
.serNav ul li a p{ width:100%; height:100%; position:absolute; z-index:10;}
.serNav ul li a span{ width:100%; height:300px; position:absolute; z-index:0; top:40px; left:0px;
border-radius:140px 140px 0 0;-webkit-border-radius:140px 140px 0 0;-moz-border-radius:140px 140px 0 0;
background-image: -moz-linear-gradient(0deg, rgb(46,202,131) 0%, rgb(5,90,230) 100%);
background-image:-webkit-linear-gradient(0deg, rgb(46,202,131) 0%, rgb(5,90,230) 100%);
background-image: -ms-linear-gradient(0deg, rgb(46,202,131) 0%, rgb(5,90,230) 100%);
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
}
.serNav ul li a:hover{ color:#FFFFFF;}
.serNav ul li a:hover span{ top:-140px;}
.serNav .abNLine{ width:100%; height:4px;
background-image: -moz-linear-gradient(0deg, rgb(46,202,131) 0%, rgb(5,90,230) 100%);
background-image:-webkit-linear-gradient(0deg, rgb(46,202,131) 0%, rgb(5,90,230) 100%);
background-image: -ms-linear-gradient(0deg, rgb(46,202,131) 0%, rgb(5,90,230) 100%);
}
.serNav ul li a.serNavNow{ color:#FFFFff;}
.serNav ul li a.serNavNow span{top:-140px;}

/*服务领域列表oldStyle*/
.serConBox{width:760px; height:auto;}
.serConBox ul{}
.serConBox ul li{ width:100%; height:auto; box-sizing:border-box; border:1px solid #ebebeb;margin-bottom:20px; padding:20px 40px; cursor:default;}
.serConBox ul li div{ width:100%; min-height:40px;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.serConBox ul li h3{ width:100%; height:40px; line-height:40px; font-size:18px; color:#025099; font-weight:normal;}
.serConBox ul li p{ font-size:14px; line-height:30px; color:#888888; border-top:1px solid #949494;  padding-top:10px; display:none;}



/*服务领域列表newStyle*/

.serCon{}
.serCon a{ width:380px; height:300px; float:left; margin-bottom:40px; display:block;}
.serCon a h3{ position:relative; top:124px;  vertical-align:middle; display:table-cell;
	color:#FFFFFF; font-size:24px; text-align:center; width:380px; height:52px; line-height:52px; background:rgb(0,0,0,0.4);
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;
}
.serCon a.serC1{ background-image:url(../img/s1.jpg);}
.serCon a.serC2{ background-image:url(../img/s2.jpg);margin-left:30px;margin-right:30px;}
.serCon a.serC3{ background-image:url(../img/s3.jpg);}
.serCon a.serC4{ background-image:url(../img/s4.jpg);}
.serCon a.serC5{ background-image:url(../img/s5.jpg);margin-left:30px;margin-right:30px;}
.serCon a.serC6{ background-image:url(../img/s6.jpg);}
.serCon a.serC7{ background-image:url(../img/s7.jpg);}
.serCon a.serC8{ background-image:url(../img/s8.jpg);margin-left:30px;margin-right:30px;}
.serCon a.serC9{ background-image:url(../img/s9.jpg);}
.serCon a.serC1 h3,.serCon a.serC2 h3,.serCon a.serC3 h3{ height:84px; line-height:36px;box-sizing: border-box; padding-top:6px; top:108px;}
.serCon a:hover h3{ background:rgb(5,90,230,0.6); height:300px; top:0px; color:#ffff00;}

/*服务领域文章左边*/
.serConBox{ width:760px; height:auto;}
.serConBox h1{ font-size:24px; text-align:center; width:100%; height:50px; color:#333333;}
.serConBox h4{ font-size:12px; text-align:center; width:100%; height:50px; color:#999999; font-weight:normal;}
.serConBox .newsCont{ width:100%; height:auto; border-top:1px solid #eee;border-bottom:1px solid #eee; box-sizing:border-box; padding-top:40px; padding-bottom:40px; font-size:16px; line-height:36px; color:#666666;}
.serConBox .newsCont p{ text-indent:2em;}
.serConBox .nextUp{ width:100%; height:auto; text-align:center;}
.serConBox .nextUp a{ width:130px; height:44px; line-height:44px; font-size:14px; background-color:#6699cc; display:inline-block; color:#FFFFFF;}
.serConBox .nextUp a:hover{ background-color:#055ae6;}
.serConBox .nextUp span{ width:100px; height:44px; display:inline-block;}