body, html{
	margin: 0;
	padding: 0;
}
.header, ..content, .footer{
	width: 100%;
}
.top{
	height: 100px;
	line-height: 100px;
	margin-top: 30px;
}
.top .logo, .top .main-nav{
	display: inline-block;
}
.top .logo{
	width: 236px;
	height: inherit;
	/*display: flex;
	align-items: center;	*/
}
.top .logo img{
	height: 64px;
	display: block;
	/*align-items: center;*/
}
 .top .main-nav{
	width: 70%;	
}
.top .main-nav ul li{
	width: 16%;
}
.top .main-nav ul li,  .top .main-nav ul li a{
 	display: inline-block;	
 	color: #333333;
 	text-align: center;	
 	line-height: 30px;
 	font-size: 18px;
 	transition: transform .5s;	
 }
 
 .top .main-nav ul li a font{
 	width: 100%;
 	height: 30px;
 	font-size: 12px;
 	color: #999999;
 	display: block;
 }
 .top .main-nav ul li .cred,  .top .main-nav ul li .cred font{
 	color: #E30103;
 	font-weight: bold;
 }
 .top .main-nav ul li a:hover, .top .main-nav ul li a:hover font{
 	color: #e30002;		
 }
.top .main-nav ul li a:hover{
	transform: translateY(-10px);
 	transition: transform .5s;
}
.banner{
	height: 700px;
}

.title{
	height: 54px;
	line-height: 54px;
	width: 1200px;
	/*-webkit-transition: all .5;
	-moz-transition: all .5;
	transition: all .5;*/
}
.title div{
	display: inline-block;
	vertical-align: top;	
}
.title .line, .title .line-white{
	width: 240px;
	height: 1px;	
	margin-top: 27px;
}
.title .line{
	background-color: #e30002;
}
.title .line-white{
	background-color: white;
}

/*业务范围*/
.yewu .title{
	width: 888px;
}
.yewu dl{
	display: inline-block;
	width: 16%;
	margin: 50px 1.8%;
	text-align: center;	
	transition: .5s transform, .5s color;
	cursor: pointer;
}

.yewu dl dt{
	width: 137px;
	height: 137px;
	margin: 0 auto;
	-webkit-border-radius: 137px;
	border-radius: 137px;	
}
.yewu dl dd{
	color: #999999;
	-webkit-transition: color .5s ;
	-moz-transition: color .5s;
	transition: color .5s;
}
.yewu dl dd font{
	display: block;
	color: #333333;
	margin-bottom: 20px;
	-webkit-transition: color .5s ;
	-moz-transition: color .5s;
	transition: color .5s;
}
.yewu dl .dt1{
	background-image: url(../images/zhu.jpg)  ;
}
.yewu dl .dt2{
	background-image: url(../images/cheng.jpg) ;
}
.yewu dl .dt3{
	background-image: url(../images/lian.jpg) ;
}
.yewu dl .dt4{
	background-image: url(../images/zhan.jpg) ;
}
.yewu dl .dt5{
	background-image: url(../images/da.jpg)  ;
}
.yewu dl:hover .dt1{
	background-image: url(../images/zhu1.jpg)  ;
}
.yewu dl:hover .dt2{
	background-image: url(../images/cheng1.jpg)  ;
}
.yewu dl:hover .dt3{
	background-image: url(../images/lian1.jpg) ;
}
.yewu dl:hover .dt4{
	background-image: url(../images/zhan1.jpg) ;
}
.yewu dl:hover .dt5{
	background-image: url(../images/da1.jpg) ;
}
.yewu dl .dt1, .yewu dl .dt2, .yewu dl .dt3, .yewu dl .dt4, .yewu dl .dt5{
	-webkit-transition: background-image .5s ;
	-moz-transition: background-image .5s;
	transition: background-image .5s, transform .5s;
}
.yewu dl:hover .dt1, .yewu dl:hover .dt2, .yewu dl:hover .dt3, .yewu dl:hover .dt4, .yewu dl:hover .dt5{
	-webkit-transition: background-image .5s ;
	-moz-transition: background-image .5s;
	transition: background-image .5s;
}

.yewu dl:hover{
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	transform: translateY(-15px);	
	-webkit-transition: transform .5s ;
	-moz-transition: transform .5s;
	transition: transform .5s;
}
.yewu dl:hover dd, .yewu dl:hover dd font{
	color: #e30002 ;
	-webkit-transition: color .5s ;
	-moz-transition: color .5s;
	transition: color .5s;
}

.jianjie {
	height: 680px;
	background-image: url(../images/jianjie_bg.jpg);
	color: white;
}
.jianjie .title{
	width: 690px;
}
.jianjie .img{
	width: 500px;
	height: 320px;
	overflow: hidden;
}
.jianjie .img img{
	-webkit-transition: .5s all ;
	-moz-transition: .5s all ;
	transition: .5s all	
}
.jianjie .img:hover img{	
	-webkit-transform: scale(1.2, 1.2); /* Chrome, Safari, Opera */
    transform: scale(1.2, 1.2);
	-webkit-transition: .5s all ;
	-moz-transition: .5s all ;
	transition: .5s all	
}
.jianjie .jianjie-con{
	width: 600px;
}
.jianjie .jianjie-con p{
	margin-bottom: 20px;
}
.jianjie .jianjie-con a{
	display: block;
	margin-top: 15px;
}

/*服务案例*/
.case .title{
	width: 716px;
}
.case .case-title div, .case .case-title font, .case .case-img li{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.case .case-title div{
	width: 10%;
	color: #333333;
	cursor: pointer;
	-webkit-transition: all .5s ;
	-moz-transform: all .5;
	transition: all .5s ;
}
.case .case-title div:hover{
	width: 12%;
	color: #e30103;
	border-bottom: 1px solid #e30002;
	-webkit-transition: all .5s ;
	-moz-transform: all .5;
	transition: all .5s ;
}
.case .case-title font{
	margin: 0 10px;
	font-size: 0;
	width: 1px;
	height: 16px;
	background-color: #999;
}
.case .case-title div:hover{
	color: #e30103;
}
.case .case-img li{
	float: left;
	width: 400px;
	height: 300px;
}
.case .case-img li img{
	width: 100%;
	-webkit-transition: all .5s ;
	-moz-transform: all .5;
	transition: all .5s ;
}

.case .case-img li:hover img{
	-webkit-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
	-webkit-transition: all .5s ;
	-moz-transform: all .5;
	transition: all .5s ;
}
/*.case li a:hover .title{
	color: #FAA800;
}*/

/*新闻*/
.news{
	height: 780px;
	background-image: url(../images/news_bg.jpg);
}
.news .title{
	width: 690px;
}
.news li{
	width: 360px;
	float: left;	
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}
.news li:nth-child(2n){
	margin-left: 60px;
	margin-right: 60px;
}
.news li a{	
	display: block;
}

.news li .tqzh-pic{
	width: 360px;
	height: 220px;
	overflow: hidden;
}
.news li .tqzh-pic img{
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}
.news li:hover .tqzh-pic img{
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}
.news li .tqzh-con font:first-child{
	color: white;
}
.news li .tqzh-con font{
	display: block;
	color: #666666;
}
.news li .tqzh-con .more{
	height: 20px;
	width: 30%;
	border-bottom: 1px solid #666;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}
.news li:hover{
	margin-top: -10px;
	transition: .5s background-color, .5s margin-top ;	
}
.news li:hover .tqzh-con font{
	color: #E30103;
}
.news li:hover .tqzh-con .more{
	width: 100%;
	border-color: #E30103;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}




/*媒体*/
.meiti .title{
	width: 680px;
}

.meiti ul{
	border-top: 1px solid #ececec;
	border-left: 1px solid #ececec;
	overflow: hidden;
}
.meiti ul li{
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	float: left;
	width: 16.66%;
	height: 135px;	
	text-align: center;
	line-height: 135px;
}
.meiti ul,.meiti ul li{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.meiti ul,.meiti ul li img{ width:100%;}
/*.kehu:hover{
	margin-top: -10px;
	transition: all .5;
}*/

.footer{
	background-color: #880001;
	line-height: 30px;
}
.footer dl{
	width: 15%;
	display: inline-table;	
}
.footer dl dt,.footer dl dd a{
	color: white;
	height: 30px;
	line-height: 30px;	
}
 .footer dl dd, .footer dl dd a{
	color: rgba(255, 255, 255, .7);	
	-webkit-transition:padding-left .6s, -webkit-transform .6s;
	transition:padding-left .6s, transform .6s;	
}
.footer dl dd a:hover{
	color: white;
	padding-left: 15px;
	-webkit-transition:padding-left .6s, -webkit-transform .6s;
	transition:padding-left .6s, transform .6s;
}
.footer dl:last-child{
	width: 25%;
	height: 180px;
	border-left: 1px solid rgba(255, 255, 255, .2);
	padding-left: 60px;
}

.footer dl:last-child dd:hover{
	padding-left: 15px;
	-webkit-transition:padding-left .6s, -webkit-transform .6s;
	transition:padding-left .6s, transform .6s;
}

.footer .copyright{
	background-color: #720001;
	height: 60px;
	line-height: 60px;
}