.banner{
	height: 300px;
	background: url('../images/about-banner.jpg') no-repeat;
	background-size:cover;
	background-position: center;
}
.about-nav{
	background: #f4f4f4;
	height: 65px;
	line-height: 65px;
}
.about-nav-ul li{
	display: inline-block;
	margin-right: 25px;
}
.about-nav-ul li a{
	font-size: 16px;
	height: 65px;
	line-height: 65px;
	display: inline-block;
	color: #555;
}
.about-nav-ul li a.active,
.about-nav-ul li a:hover{
	border-bottom: 2px solid #132650;
}

.about-nav .crumbs{
	position: absolute;
	right: 0;
	top: 0;
}
.about-nav .crumbs span{
	display: inline-block;
}
.about-nav .crumbs ul{
	display: inline-block;
}
.about-nav .crumbs ul li{
	display: inline-block;
	position: relative;
}
.about-nav .crumbs ul li:after{
	content: ">";
	margin: 0 5px 0 10px;
	color: #888888;
}
.about-nav .crumbs ul li a{
	color: #888888;
}
.about-nav .crumbs ul li a:hover{
	color: #132650;
}
.about-nav .crumbs ul li:last-child:after{
	content:"";
	margin: 0;
}
.about-content .title{
	border-bottom: 1px solid #ddd;
	font-size: 22px;
	font-weight: bold;
	color: #132650;
	padding-bottom: 20px;
	margin-top:50px;
}
.about-content .content{
	padding: 50px 0;
}

.qualifications-ul{margin-top: 50px;}
.qualifications-ul li{ display:inline-block; float: left; margin-right: 40px;margin-bottom: 35px;}
.qualifications-ul li .imgbox{padding: 10px 0;}
.qualifications-ul li.wbg .imgbox{width: 270px; height: 190px; background: url('../images/qualifications-bg.jpg') no-repeat; background-size: 100% 100%;}
.qualifications-ul li.hbg .imgbox{width: 270px; height: 320px; background: url('../images/qualifications-bg-1.jpg') no-repeat; background-size: 100% 100%;}
.qualifications-ul li:nth-child(4n+4){margin-right: 0px !important; }
.qualifications-ul li.wbg img{width: 250px; height: 170px; margin:0 10px;}
.qualifications-ul li.hbg img{width: 250px; height: 300px; margin:0 10px;}
.qualifications-ul li span{display: block; text-align: center; color: #333;font-size: 16px;margin-top: 16px;}



.course-ul{width: 900px;margin:0 auto;}
.course-ul li {position: relative; width: 450px; margin-left:450px; border-left: 3px solid #dedede; margin-top: 0; margin-bottom: 0; list-style:none;padding-top: 55px; cursor: pointer;}
.course-ul li .time{color: #999999; display: inline-block; font-size: 26px; font-weight: bold; position: absolute; top:70px;}
.course-ul li:hover .time{color: #132650}
.course-ul li .content{width: 370px; background: #f6f6f6; border:1px solid #c8c8c8;padding:10px 20px;font-size: 16px; color: #555; line-height: 34px; position: relative;}
.course-ul li:hover .content{background: #f3f7ff; color:#132650; border-color:#bbc7de;}
.course-ul li:nth-child(odd) .time{left:40px;}
.course-ul li:nth-child(odd) .content{margin-left:-450px; text-align: right}
.course-ul li:nth-child(odd) .content:before{box-sizing:content-box;width:0px;height:0px;position:absolute;top:23px;right:-16px;padding:0;border-left:8px solid #f6f6f6;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid transparent;display:block;content:'';z-index:12}
.course-ul li:nth-child(odd) .content:after{box-sizing:content-box;width:0px;height:0px;position:absolute;top:22px;right:-18px;padding:0;border-left:9px solid #c8c8c8;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid transparent;display:block;content:'';z-index:10}
.course-ul li:hover:nth-child(odd) .content:before{border-left:8px solid #f3f7ff;}
.course-ul li:hover:nth-child(odd) .content:after{border-left:9px solid #bbc7de;}

.course-ul li:nth-child(even) .content:before{box-sizing:content-box;width:0px;height:0px;position:absolute;top:23px;left:-16px;padding:0;border-right:8px solid #f6f6f6;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid transparent;display:block;content:'';z-index:12}
.course-ul li:nth-child(even) .content:after{box-sizing:content-box;width:0px;height:0px;position:absolute;top:22px;left:-18px;padding:0;border-right:9px solid #c8c8c8;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:9px solid transparent;display:block;content:'';z-index:10}

.course-ul li:hover:nth-child(even) .content:before{border-right:8px solid #f3f7ff;}
.course-ul li:hover:nth-child(even) .content:after{border-right:9px solid #bbc7de;}
.course-ul li:nth-child(even) .time{left:-130px;}
.course-ul li:nth-child(even) .content{margin-left:40px;}

.course-ul li:before{content: "";width: 16px; height: 16px; left: -9px; top:79px;position: absolute; transition: transform 0.3s; background: url(../images/dot.png) no-repeat;background-size: 100% 100%;}
.course-ul li:hover:before{transform: scale(1.2);}
.course-bg{bottom: 248px; position: absolute; z-index: -50;}


.customer-ul{margin-top: 50px;}
.customer-ul li{ display:inline-block; float: left; margin-right: 36px;margin-bottom: 35px;width: 170px;}
.customer-ul li .imgbox{width: 170px; height: 165px; background: #d5d5d5; padding: 1px}
.customer-ul li .imgbox img{width: 168px; height: 163px;}
.customer-ul li span.customer-title{display: block; text-align: center; color: #333;font-size: 16px;margin-top: 16px;}
.customer-ul li:nth-child(6n+6){margin-right: 0px !important; }