em{
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 50px;
	height: 19px;
	position: absolute;
	background: url(../img/new.png) no-repeat;
}
.navbar{
	margin-bottom: 0;
}
.navbar-brand{
	padding: 0;
}
.carousel{
	height: 550px;				
}
.carousel .item{
	height: 550px;
}
.carousel img{
	width: 100%;
}
.carousel .carousel-caption p{
	font-size: 1.7em;
}
.summary-container{
	text-align: center;
}
.label-container{
	text-align: center;				
}
.label-container .col-md-6{
	text-align: left;
}
.label-container .col-md-6 hr{
	border-top:2px solid #777;
	margin-top: 0;
}
.view{
	position: relative;	
}
.view .mask{
	position: absolute;
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	color: #FFF;
}
.view .mask p{
	padding: 0 8px;
}
.view-fourth img {
	width: 100%;
   -webkit-transition: all 0.4s ease-in-out 0.2s;
   -moz-transition: all 0.4s ease-in-out 0.2s;
   -o-transition: all 0.4s ease-in-out 0.2s;
   -ms-transition: all 0.4s ease-in-out 0.2s;
   transition: all 0.4s ease-in-out 0.2s;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-fourth .mask {
   background-color: rgba(0,0,0,0.8);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}
.view-fourth h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 8px 40px 0px 40px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-fourth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   margin-bottom: 0%;
}

.view-fourth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-fourth:hover img {
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-fourth:hover h2,
.view-fourth:hover p{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
.timeline-container{
	text-align: center;
	position: relative;
}
.timeline-container .row{
	padding-bottom: 40px;
}
.timeline-container .img-thumbnail{
	background: #DDD;
}
.timeline-container .time-line{
	position: absolute;
	top:200px;
	bottom: 100px;	
	margin-left: 14%;
	border: 2px solid #ddd;
}
.joinus-container h1{
	text-align: center;
}
.aboutus-container{
	text-align: center;
	color: #fff;
}
#map{
	height: 400px;	
}
.contect{
	padding-top: 50px;
	padding-left: 50px;
	text-align: left;
}
.contect img{
	width: 150px;
	height: 150px;
	margin-bottom: 10px;
}
.contect p{
	margin-top: 10px;	
}
@media (min-width: 970px) { 
	.timeline-container .timeline-left{
		position: relative;
		text-align: right;
		left: -60%;
	}
	.timeline-container .timeline-right{
		text-align: left;
	}
	.timeline-container img{
		position: relative;
		left: 37%;
	}
	.timeline-container .time-line{		
		margin-left: 49%;	
	}
 }
 
.beian{
	display: block;
	width: 200px;
	margin: 10px auto;
	color: #fff;
}