@charset "utf-8";
/* PUBLIC Css */
/*新闻列表*/
.Title{text-align: center;}
.Title h2{font-size: 24px; color: #FA032E;}
.Title span{line-height: 2; font-size: 14px; color:#AAAAAA; text-transform: uppercase;}
.NeswList { width: 1050px; margin: 0 auto; padding:50px 0;}
.NeswList .menu{ text-align: center; display: block; font-size: 0; padding: 40px 0;}
.NeswList .menu a{ display: inline-block; *display: inline; *zoom:1; width: 98px; height: 32px; border: 1px solid #D0D0D0; font-size: 12px; text-align: center; line-height:32px; color: #787878; margin: 0 5px;}
.NeswList .menu a:hover,
.NeswList .menu a.active{ border: 1px solid #DA1323; background: #DA1323; color: #fff;}
.NeswList .BoxList{}
.NeswList .BoxList ul{}
.NeswList .BoxList li{ padding:40px 0; height:  width: 1050px;}
.NeswList .BoxList .Img{float: left; width: 250px; height: 160px; position: relative; overflow: hidden; line-height: 160px;}
.NeswList.Solution .BoxList li{ margin-bottom: 22px; padding:0; background: #F4F4F4; }
.NeswList.Solution .BoxList .Img{float: left; width: 250px;  position: relative; overflow: hidden; line-height: 160px;}
.NeswList.Solution .BoxList .Text{ margin-top:30px; margin-bottom: 30px;}
.NeswList.Solution .Title{padding-bottom:50px;}
.NeswList .BoxList .pagination li{  float:left}
.NeswList .BoxList .pagination li a{ float:left; width:80px; line-height:35px}

.NeswList .BoxList .Img img{width: 100%; height: auto;
	transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	}
.NeswList .BoxList li:hover .Img img{ 
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);}
.NeswList .BoxList .Text{ padding-left: 45px; width: 755px; position: relative; float: left; height: 160px;}
.NeswList .BoxList .Text h4{font-size: 18px; color: #242424;}
.NeswList .BoxList .Text span{ color: #8C8C8C; font-size: 12px; padding:12px 0 15px 0; display: block;}
.NeswList .BoxList .Text p{color: #5A5A5A; font-size: 14px; line-height: 1.5;}
.NeswList .BoxList .Text a.more{ text-align: center; line-height: 30px; text-transform: uppercase; color: #DA1323; position: absolute; left: 45px; bottom: 0; display: block; width: 120px; height: 30px; border: 1px solid #D5D5D5;} 
.NeswList .BoxList .Text a.more:hover{ background: #DA1323; color: #fff; border:1px solid #DA1323;}
.Page{ padding:20px 0; text-align: center; color:#5A5A5A}
.Page a{display: inline-block; *display: inline; *zoom:1; width: 38px; height: 38px; vertical-align: middle; line-height: 38px; color: #A19896;}
.Page a.active{background: #2ABBFC; color: #fff;}
.Page a img{*padding-top:12px;}
.del{ position: fixed; top: 100px; right: 50px;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);}
.del:hover{ 
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);}
/*新闻列表*/
.NewsArticle{width: 960px; margin: 0 auto; padding:160px 0;}
.NewsArticle .ArtTitle{ text-align: center; border-bottom:1px dotted #B3B3B3;}
.NewsArticle .ArtTitle h2{font-size: 26px; color: #202020;}
.NewsArticle .ArtTitle span{font-size:14px; color: #767676; padding:12px 0 50px 0; display: block; } 
.NewsArticle .Aritcle{padding:50px 0;}
.NewsArticle .Aritcle img{ padding:20px 0;}
.NewsArticle .Aritcle h5{font-size: 16px; color: #DA0320; padding:15px 0;}
.NewsArticle .Aritcle p{ font-size: 13px; line-height: 28px; color: #686868; display: block; padding:6px 0;} 
/* 招贤纳士 */
.JoinList{ width: 1034px; margin: 0 auto;  padding:160px 0;}
.JoinList .Title{ padding-bottom: 30px;}
.JoinList table{ width: 1034px;  display: block;}
.JoinList tr{text-align:left; display: block;border-left: 4px solid #fff;}
.JoinList tr.border:hover{border-left: 4px solid #DA1323; }
.JoinList td{ line-height: 50px; font-size: 14px; }
.JoinList td a{color: #464646;}
.JoinList th{line-height: 60px; background: #4085D8; color: #fff; font-weight: normal; font-size: 18px;}
.JoinList .th1{ padding-left: 95px; width: 595px;}
.JoinList .th2{ width: 205px;}
.JoinList .th3{width: 135px;}
.JoinList td.active{ background: #F5F5F5;}
/* 服务领域 */
.ServiceList{width:1200px; margin: 0 auto; padding:160px 0;}
.ServiceList .Service{ width: 1200px; overflow: hidden; padding-bottom: 30px;}
.ServiceList ul{ width: 1205px; font-size:0;}
.ServiceList li{ width: 235px; margin-right: 5px; height: 244px; display: inline-block; *display: inline; *zoom:1; margin-top: 20px; margin-bottom: 20px;}
.ServiceList li .img{ width: 235px; height: 160px; overflow: hidden;}
.ServiceList li .text{ z-index: 2; height: 84px; overflow: hidden; position: relative;}
.ServiceList li .text:after{ z-index: -1; display: block; content: ""; width: 100%; height: 100%; background: #4085D8; position: absolute; top: -100%;}
.ServiceList li .text span{ display: block; line-height: 60px; padding:18px 20px; font-size: 15px; line-height: 24px;}
.ServiceList li .text small.number{ position: absolute; right: 20px; bottom:20px; font-size: 12px; color: #AAAAAA;}
.ServiceList li:hover .img img{ 
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);}
.ServiceList li:hover .text:after{
	top: 0;
}
.ServiceList li:hover .text{
	*background:#4085D8;
}
.ServiceList li:hover .text span,
.ServiceList li:hover .text small.number{
	color:#fff;
}
/*联系我们*/
.ContactList{ padding:150px 0;}
.Contact{text-align: center;}
.Contact .call {font-size: 24px; padding-top: 60px; color: #767676; line-height: 40px;}
.Contact .box i{font-size: 18px; line-height: 30px; color: #4085D8; display: block;}
.Contact .box{line-height: 24px;}
.Contact .box span{font-size: 14px; color: #5B5B5B;}
.Contact .box small{ display: inline-block; *display: inline; *zoom: 1; padding:0 10px;} 
.Contact .map{}
.Contact .Address{font-size: 14px; color: #676767;}
.Contact .code{ padding-top: 30px;}
.Contact .code img{}
/* 案例中心 */
.ServiceList.Case li {height: 364px;}
.ServiceList.Case li .img{ width: 235px; height: 280px; text-align: center; overflow: hidden;  line-height: 280px;
	}
.ServiceList.Case li .img	img{transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	-webkit-transform: scale(1) !important; width: 215px; height: 260px; vertical-align: middle; display: block; padding: 10px;}
.ServiceList.Case li:hover .img{background: #F0F0F0;}
.JoinList td a:hover{color: #4085d8;}
.NeswList .BoxList .Text p{padding-right: 45px; line-height: 22px;}