main .col-title {
	font-weight: bold;
	color: #000;
	text-align: center;
	position: relative;
	padding-top: 4.38rem;
	padding-bottom: 1.88rem
}

main .col-title .line {
	width: 1px;
	height: 4.81rem;
	margin: 0 auto;
	background: #f47115;
	position: absolute;
	top: -2.38rem;
	left: 50%
}

main .col-title .en {
	font-size: 3rem;
	font-family: 'AvantGardeITCbyBT';
	font-weight: normal;
}

main .col-title .cn {
	font-size: 1.5rem
}

main .about {
	font-size: .88rem;
	color: #4f4f4f;
	line-height: 1.5rem;
	text-align: center;
	padding-bottom: 3.25rem
}

main .about .cn {
	padding-bottom: 1.88rem
}
.video-js{
	height: 40.625rem;
}

main .other {
	background: url('../img/bg-about-other.jpg') no-repeat 0 0;
	min-height: 30.31rem;
	margin-top: 8.75rem;
}

main .other .content {
	position: relative;
	bottom: 6.25rem;
	background: #ccc;
	color: #fff
}

main .other .content .item {
	width: 25%;
	height: 14.56rem;
	float: left
}

main .other .content .item .title {
	font-size: 1.25rem;
	line-height: 1.25rem
}

main .other .content .item .title .en {
	font-family: 'AvantGardeITCbyBT';
	padding-bottom: 1rem;
	padding-top: .63rem
}

main .other .content .item .intro .cn {
	font-size: .88rem;
	padding-bottom: .63rem
}

main .other .content .item .intro .en {
	font-size: .81rem
}

main .other .content .t1, main .other .content .t2, main .other .content .t3,
	main .other .content .t4 {
	padding: 2.25rem 2.5rem
}

main .other .content .t1 {
	background: #376857
}

main .other .content .t2 {
	background: #f47115
}

main .other .content .t3 {
	background: #6c7c83
}

main .other .content .t4 {
	background: #3d4790
}

main .overview {
	padding-bottom: 6.25rem
}

main .overview .content {
	font-size: .88rem;
	color: #4f4f4f;
	line-height: 1.5rem;
	text-align: center;
}

main .overview .content .en {
	font-family: 'Arial'
}

main .honer {
	background: url('../img/bg-about-honer.jpg') no-repeat 0 0;
	background-size:auto 100%;
}

main .honer .content {
	padding-top: 1.38rem;
	padding-bottom: 5.94rem
}

main .honer .content .hd {
	position: relative;
	width: 100%;
	z-index: 20;
	top: 5rem
}

main .honer .content .hd .prev, main .honer .content .hd .next {
	position: absolute;
	display: block;
	width: 78px;
	height: 78px;
	cursor: pointer
}

main .honer .content .hd .prev {
	background: url("../img/arrow-left.png") 0 0 no-repeat;
	left: -9rem
}

main .honer .content .hd .prev:hover {
	background: url("../img/arrow-left-on.png") 0 0 no-repeat
}

main .honer .content .hd .next {
	background: url("../img/arrow-right.png") 0 0 no-repeat;
	right: -9rem
}

main .honer .content .hd .next:hover {
	background: url("../img/arrow-right-on.png") 0 0 no-repeat
}

main .honer .content .bd ul {
	width: 100%
}

main .honer .content .bd ul li {
	width: 25%;
	float: left;
}

main .honer .content .bd ul li .pic {
	position: relative;
	background: #fff;
	padding: .5rem .5rem 2.13rem .5rem;
	margin: 0 1%;
	font-size: .88rem;
	color: #000
}
main .honer .content .bd ul li .pic .picimg{
	height: 200px;
}

main .honer .content .bd ul li .pic img {
	width: auto;
	height: 100%;
	display: block;
	margin: 0 auto
}

main .honer .content .bd ul li .pic .title {
	padding-top: 1rem;
	padding-left: 1.38rem;
	height: 45px;
}

main .honer .content .bd ul li .pic .title .cn {
	line-height: 1.5rem
}

main .honer .content .bd ul li .pic .title .en {
	line-height: .88rem
}

main .honer .content .bd ul li .pic .add_icon {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: url(../img/addmore.png) center center no-repeat;
	background-color: rgba(246, 146, 76, 0.9);
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

main .honer .content .bd ul li .pic:hover .add_icon {
	top: 0;
	opacity: 1;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	z-index: 5
}
@media(max-width:1200px){
	main .honer .content .hd{
		display: none;
	}
	.video-js {
    	height: 33.625rem;
	}
	
}
@media(max-width:992px){
	.video-js {
    	height: 25.625rem;
	}
	
}

@media(max-width:768px){
	main .about .cn{
		padding-bottom: 1rem;
	}
	main .about{
		padding-bottom: 1.25rem;
	}
	main .other{
		background: none;
	}
	main .other .content{
		position: static;
		background: none;
	}
	main .other .content .item{
		width: 100%;
		height: auto;
		text-align: center;
	}
	main .other .content .item img{
		width: 100%;
	}
	main .col-title .en{
		font-size: 1.5rem;
	}
	main .col-title{
		padding-top: 1.5rem;
		padding-bottom: 1.25rem;
	}
	main .col-title .line{
		display: none;
	}
	main .overview{
		padding-bottom: 1.25rem;
	}
	main .honer .content .bd ul li{
		width: 100%;
	}
	main .honer .content .hd .prev, main .honer .content .hd .next{
		display: none;
	}
}
@media ( max-width :650px) {
	.video-js {
    	height: 23.625rem;
	}
	main .other{
		margin-top: 2.75rem;
	}
}

@media ( min-width :992px) {
}