@charset "utf-8";
/*banner*/
#banner{
	height:595px;
	position: relative;

}
#banner .banner1{
	background-size:cover;
}
#banner .beijing{
	position: absolute;
	width:960px;
	height:400px;
	left:50%;
	top:60px;
	margin-left:-480px;
	animation:animations 4s ease-out infinite;
	opacity: 0;

}
@keyframes animations{
    0%{transform:scale(0);opacity:0;}
    80%{transform:scale(1);opacity:1;}
    100%{transform:scale(0);opacity:0.8;}

}

/*@keyframes animations3{
    0%{transform:scale(1);opacity:1;}
    100%{transform:scale(0);opacity:0;}
}*/
#banner .banner1 .content{
	width: 960px;
	color: #fff;
	margin:10px auto;
    padding:80px 0;
	
}
#banner .banner1 .content h3{
	opacity: 0;
	font-size: 74px;
	font-weight:bold;
	padding:50px 0 10px;
	color:#fff;
	animation:animations2 1s ease-out 1s forwards;

}
@keyframes animations2{
    0%{transform:scale(4);opacity:0;}
    100%{transform:scale(1);opacity:1;}
   
}


#banner .banner1 .content h4{
	font-size: 20px;
	line-height: 1.4em;
	margin-bottom: 17px;

}
#banner .banner1 .content p{
	font-size: 24px;
	letter-spacing: 2px;
	margin-bottom: 15px;
	padding-top:16px;
}

/*banner2*/
#banner .banner2{
	background-image: url(../images/banner2.jpg);
}
#banner .banner2 .content{
	padding:130px 0 0;
	text-align: left;
	color:#fff;
}

#banner .banner2 .content h4{
	font-size: 46px;	
}

#banner .banner2 .content p{
	font-size:20px;
	margin-top:30px;
}
#banner .banner2 .content a{
	color:#fff;
	border:1px solid #fff;
	display: block;
	width:150px;
	height:40px;
	line-height: 40px;
	text-align: center;
	margin-top:50px;
}

/*banner3*/
#banner .banner3{

}
#banner .banner3 .content{
	padding:130px 0 0;
	text-align: left;
	color:#fff;
}
#banner .banner3 .content h4{
	font-size: 46px;
}

#banner .banner3 .content p{
	font-size:20px;
	margin-top:30px;
}
#banner .banner3 .content a{
	color:#fff;
	border:1px solid #fff;
	display: block;
	width:150px;
	height:40px;
	line-height: 40px;
	text-align: center;
	margin-top:50px;

}

/*banner4*/
#banner .banner4{
	background-image: url(../images/banner4.jpg);
}
#banner .banner4 .content{
	padding:130px 0 0;
	text-align: left;
	color:#fff;
}
#banner .banner4 .content a{
	color:#fff;
	border:1px solid #fff;
	display: block;
	width:150px;
	height:40px;
	line-height: 40px;
	text-align: center;
	margin: 296px auto 0;
	border-radius: 20px;
}


#banner .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom:120px;
}
#banner .swiper-pagination-bullet{
    width:40px;
    height:3px;
    border-radius:0px;
    background: #fff;
}

#banner .smallul{
   position: absolute;
   width:100%;
   bottom:0;
   left:0;
   background: rgba(255,255,255,0.1);
   z-index:66;
   color:#fff;
}
#banner .smallul ul li{
 border-right:1px solid rgba(255,255,0,0.2);
  padding:15px 35px;
  width:25%;
  float:left;
  text-align: left;
}
#banner .smallul ul li h5{
	padding-bottom:5px;
}
#banner .smallul ul li p{
	font-size:14px;
}

.service ul{
	margin-left:-26px;
}
.service ul li{
	width:282px;
	float:left;
	margin-left:24px;
}
.service ul li > a{ 
	display: block; 
	width:100%; 
	height:100%; 
}
.service ul li h3{
   color:#333;
   font-size:18px;
   font-weight:bold;
   margin-top:18px;
}
.service ul li .hr{
	width:30px;
	height:1px;
	background: #333;
	margin: 10px auto;
}
.service ul li p{
	font-size:14px;
	color:#666;
	font-weight:bold;
}
.service ul li .img{
	height:178px;
	position: relative;
	border:1px solid #eaeaea;
	overflow: hidden;
	transition: all 0.6s;

}
.service ul li .img img{
   transition: all 0.6s;
   height:178px;	
   width:100%;
}
.service ul li:hover .img img{
    transform:scale(1.2);
	height:100%;
	width:100%;
}



.service ul li .desk{
   position: absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
   background: rgba(19,86,132,0.6);
}
.service ul li .desk a{
	display: inline-block;
	padding:0.1rem 0.2rem;
	border:1px solid #fff;
}
.service ul li:hover p{
   color:#135684;
}
.service .btn{
	margin:45px auto;
}

	.markbg{ width:100%; height:540px; background:url(../images/markbg.jpg) top no-repeat;}
	.tit_top{ color:#FFF;}
	.tit_top h3{ font-size:30px; padding-top:76px;}
	.tit_top p{ font-size:18px; padding-top:10px;}
	.mark_left{ width:500px; float:left; height:auto;}
	.mark_right{ width:730px; float:right; height:auto;}
	.mark_right img{ float:right;}
	.mark_center{ width:1230px; margin:0 auto; text-align:left; color:#FFF; font-size:16px; line-height:35px; padding-top:70px;}
	.btn{ border:1px #fff solid; padding:0px 15px;color:#FFF; float:right; margin-right:20px;}
	.btn:hover{ color:#fff; background:#36a0ec; border:1px #fff solid;}