.about-page .header-container,.about-page .banner-box {
	width: 100%;
	height: 0
}

.about-page .banner-text,.about-page .banner-point,.about-page .news-casting,.about-page .banner-ul {
	display: none
}

.about-page .module-banner-bg {
	height: 500px;
	background: url(../images/koy/about-banner.jpg) no-repeat center center;
}
.about-page .module1-banner-bg {
	height: 500px;
	background: url(../images/koy/chain.jpg) no-repeat center center;
}
.about-page .banner-link {
	display: block;
	width: 100%;
}

.ab-comm-banner {
	position: relative;
	width: 100%;
	height: 100%
}

.ab-comm-banner .banner-title {
	padding-top: 230px;
	font-size: 42px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	position: relative;
    left: -256px;
}

.ab-comm-banner .banner-title1 {
	font-size: 24px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	position: relative;
    left: -256px;
}


.about-nav-wrapper {
	height: 50px;
	background-color: rgba(0,0,0,.1)
}

.about-nav-list {
	height: 100%;
	line-height: 50px
}

.banner-nav-item {
	width: 14.2%;
	height: 100%;
	font-size: 16px;
	color: #fff;
	text-align: center
}

.banner-nav-item:hover {
	background-color: #0af
}

.about-introduce-page .banner-nav-introduce {
	background-color: #0af
}

.about-course-page .banner-nav-course {
	background-color: #0af
}

.about-news-page .banner-nav-news {
	background-color: #0af
}

.about-join-page .banner-nav-join {
	background-color: #0af
}

.about-connect-page .banner-nav-connect {
	background-color: #0af
}

.about-law-page .banner-nav-law {
	background-color: #0af
}

.about-friend-page .banner-nav-friend {
	background-color: #0af
}

.about-certificate-page .banner-nav-certificate {
	background-color: #0af
}

.pic-tit {
	position: relative;
	height: 45px;
	margin-bottom: 50px
}

.pic-tit em {
	font-style: normal;
	color: #f80
}

.pic-tit .s-font {
	font-size: 12px;
	color: #999;
	text-indent: 0
}

.pic-tit h2,.pic-tit em {
	font-size: 28px
}

.pic-tit p,.pic-tit h2 {
	text-align: center
}

.pic-tit img {
	width: 100%
}

.v-line {
	position: absolute;
	top: 13px;
	width: 100%;
	z-index: 0;
	border-bottom: #e9e9e9 solid 1px
}

.ab-tit {
	mix-width: 142px;
	margin-left: -71px;
	position: absolute;
	top: -13px;
	*top: 6px;
	left: 50%;
	background: #fff;
	border: #fff solid 6px;
	z-index: 5
}

.pic-tit em.f-normal {
	color: #000
}

/*图片旋转*/
.iconimg{
    -webkit-transition: 0.6s;
    -webkit-transition: -webkit-transform 0.6s ease-out;
    transition: transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
}
.iconimg:hover{
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
} 
.itemshow:hover {
    transition:box-shadow 0.2s;
    box-shadow: 0 3px 25px #aca4a4;
}

.itemshow:hover .title>p{
    color: #009fd9;
}