body, html{
	margin: 0;
	padding: 0;
}
.header, .banner{
	/* height: 860px; */
	/*background-color: #0b0936;*/
	position: relative;
}
.top{
	height: 110px;
	line-height: 110px;
	background-color: rgba(7, 8, 33, .6);
	z-index: 9999;
	position: fixed;
    width: 100%;
}
.top .logo, .top .main-nav, .top .icon{
	float: left;
}
.top .logo{
	width: 20%;
	height: inherit;
	display: flex;
	align-items: center;
	
}
.top .logo img{
	height: 70px;
	display: block;
	align-items: center;
	margin-left: 40px;
}
 .top .main-nav{
	width: 60%
}
.top .icon{
	width: 20%;
}
.top .main-nav ul li{
	width: 16%;
}
.top .main-nav ul li,  .top .main-nav ul li a{
 	display: inline-block;	
 	color: white;
 	text-align: center;	
 	line-height: 40px;
 }

 .top .main-nav ul li a:hover{
 	color: #ffa800;	
 }
 .top .main-nav ul li a font{
 	width: 0;
 	height: 2px;
 	display: block;
 	border-bottom: 2px solid white;
 	width: 0;
 	transition: width .5s;
 }
.top .main-nav ul li a:hover font{
  	border-bottom: 2px solid #ffa800;
  	width: 100%;
 	transition: width .5s;
}

 .top .icon a{
	display: inline-block;
	width: 32px;
	height: 32px;
	overflow: hidden;	
	margin-top: 40px;
}
.top .icon .icon1{background: url(../images/icon.png) no-repeat 0 0; margin-left: 30%;}
.top .icon .icon2{background: url(../images/icon.png) no-repeat -62px 0;}
.top .icon .icon3{background: url(../images/icon.png) no-repeat -124px 0;}
.top .icon .icon1, .top .icon .icon2, .top .icon .icon3{
	opacity: .5;
	transition: .5s all;
	
	}
 .top .icon .icon1:hover,  .top .icon .icon2:hover, .top .icon .icon3:hover{
	opacity: 1;
	transition: .5s all;
	}


.biaoti font{
	display: block;
	line-height: 50px;
	text-transform: uppercase;
}
.jianjie {
	height: 410px;
}
.jianjie img{

	-webkit-transition: .5s all ;
	transition: .5s all ;
}
.jianjie img:hover{
	-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, .3);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
	margin-right: 10px;
	-webkit-transition: .5s all ;
}
/*业务范围*/
.yewu{
	background-image: url(../images/yewu_bg.png);
	background-position: center;
	height: 550px;
}
.yewu dl{
	display: inline-block;
	width: 24.5%;
	text-align: center;	
	margin-top: 70px;
}

.yewu dl dt{
	width: 145px;
	height: 145px;
	margin: 0 auto;
	-webkit-border-radius: 145px;
	border-radius: 145px;	
}
.yewu dl .dt1{
	background: white url(../images/icon.png) 40px -35px ;
}
.yewu dl .dt2{
	background: white url(../images/icon.png) 40px -153px ;
}

.yewu dl .dt3{
	background: white url(../images/icon.png) 40px -280px ;
}

.yewu dl .dt4{
	background: white url(../images/icon.png) 40px -395px ;
}

.yewu dl .dt1:hover{
	background: #ffa800 url(../images/icon.png) -90px -35px ;
}
.yewu dl .dt2:hover{
	background: #ffa800 url(../images/icon.png) -90px -153px ;
}

.yewu dl .dt3:hover{
	background: #ffa800 url(../images/icon.png) -90px -280px ;
}

.yewu dl .dt4:hover{
	background: #ffa800 url(../images/icon.png) -90px -395px ;
}

.yewu dl .dt1:hover, .yewu dl .dt2:hover, .yewu dl .dt3:hover, .yewu dl .dt4:hover{
	color: #FFA800;
}
.yewu dl{
	transition: .5s transform, 1s color;
}
.yewu dl:hover{
	transform: translateY(-15px);
	color: #FFA800 ;
	transition: .5s transform, 1s color;
}


/*服务案例*/
.case li{
	width: 520px;
	height: 120px;
	border: 1px solid #f7f7f7;
}
.case .case-logo{
	width: 110px;
	height: 110px;
	-webkit-border-radius: 55px;
	border-radius: 55px;
	overflow: hidden;
}
.case .case-logo img{
	width: 100%;
}
.case .case-text{
	width: 345px;
	height: 110px;
	padding-left: 30px;
	border-left: 1px solid #F7F7F7;	
}
.case li{
	float: left;
	margin-bottom: 30px;
	-webkit-transition: 1s all ;
	transition: .5s all ;
}
.case li a{display: block;}
.case li a .title{
	color: #333333;
}
.case li a .time{
	color: #999;
}
.case li:nth-child(2n){
	margin-left: 30px;
}
.case .case-text dl{
	display: inline-table;
	width: 48%;
	margin-top: 5px;
}
.case .case-text dl dt, .case .case-text dl dd{
	display: inline-block;
	line-height: 23px;
	height: 23px;
	vertical-align: middle;
}
.case .case-text dl dt{
	width: 23px;
	margin-right: 5px;	
}
.case .case-text dl .dt1{
	background: url(../images/icon.png) -210px -2px;
	
}
.case .case-text dl .dt2{
	background: url(../images/icon.png) -250px -2px;
	
}
.case .case-text dl .dt3{
	background: url(../images/icon.png) -289px 0;
	
}
.case .case-text dl:nth-child(2n){
	margin-left: 3%;
}

.case li:hover{
	-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, .1);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
	margin-left: 5px;
	-webkit-transition: 1s all ;
	transition: .5s all ;
	color: #FAA800;
}
/*.case li a:hover .title{
	color: #FAA800;
}*/

/*新闻*/
.news{
	height: 630px;
	background-image: url(../images/new_bg.png);
	background-position: center;
	position: relative;
}
.news li{
	width: 360px;
	float: left;
	position: relative;
	background-color: white;	
	transition: .5s background-color;
}
.news li:nth-child(2n){
	margin-left: 60px;
	margin-right: 60px;
}
.news li a{	
	display: block;
}
.news li a .news-main-con{
	z-index: 1;
	position: relative;
}
.news li .news-text-bg{
	width: 360px;
	height: 220px;
	position: absolute;
	top: 0;
	display: none;
	overflow: hidden;
}
.news li .news-text-bg img{
	width: 100%;
	height: 100%;	
}

.news li a .news-main-con .time, .news li a .news-main-con .title, .news li a .news-main-con .news-text{
	margin: 20px;
	/*z-index: 10;*/
}
.news li .news-main-con .time{
	color: #ccc;
}
.news li .news-main-con .title{
	color: #333333;
}
.news li .news-main-con .news-text{
	color: #999;
}
.news li:hover{
	background-color: #FFA800;
	margin-top: -10px;
	box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);
	transition: .5s background-color, .5s margin-top ;	
}
.news li a:hover .news-main-con .time, .news li a:hover .news-main-con .title, .news li a:hover .news-main-con .news-text{
	color: #fff;
}
.news li a:hover .news-text-bg{
	display: block;
	opacity: .3;
	transition: .5s opacity;	
}




/*客户来源*/
.kehu{
	height: 313px;
	background: url(../images/kehu_pic.png) no-repeat right;
	transition: all .5;
}
/*.kehu:hover{
	margin-top: -10px;
	transition: all .5;
}*/
/*联系我们*/
.lxwm{
	height: 500px;
	background-image: url(../images/lxwm_bg.jpg);
	background-position: center;
}
.lxwm dl{
	display: inline-block;
	width: 19.5%;
	text-align: center;	
	margin-top: 70px;
}

.lxwm dl dt{
	width: 80px;
	height: 80px;
	margin: 0 auto;
	-webkit-border-radius: 80px;
	border-radius: 80px;	
}
.lxwm dl .dt1{
	background: white url(../images/icon.png) 18px -530px ;
}
.lxwm dl .dt2{
	background: white url(../images/icon.png) 18px -620px ;
}

.lxwm dl .dt3{
	background: white url(../images/icon.png) 18px -705px ;
}

.lxwm dl .dt4{
	background: white url(../images/icon.png) 18px -792px ;
}
.lxwm dl .dt5{
	background: white url(../images/icon.png) 18px -885px ;
}


.lxwm dl .dt1:hover{
	background: #ffa800 url(../images/icon.png) -75px -530px ;
}
.lxwm dl .dt2:hover{
	background: #ffa800 url(../images/icon.png) -75px -620px  ;
}

.lxwm dl .dt3:hover{
	background: #ffa800 url(../images/icon.png) -75px -705px ;
}

.lxwm dl .dt4:hover{
	background: #ffa800 url(../images/icon.png) -75px -792px ;
}

.lxwm dl .dt5:hover{
	background: #ffa800 url(../images/icon.png) -75px -885px  ;
}

.lxwm dl .dt1:hover, .yewu dl .dt2:hover, .yewu dl .dt3:hover, .yewu dl .dt4:hover{
	color: #FFA800;
}
.lxwm dl{
	transition: 1s transform;
}
.lxwm dl:hover{
	transform: translateY(-15px);
	color: #FFA800 ;
	transition: .5s transform, 1s color;
	
}
.footer{
	background-color: #070821;
	height: 60px;
	line-height: 60px;
}