main .about {
	background: url("../img/bg-about-about.jpg") no-repeat 0 0;
	color: #000;
	min-height: 48.75rem
}

main .about h1 {
	font-size: 2.5rem;
	text-align: center;
	padding-top: 5.31rem;
	padding-bottom: 3.13rem
}

main .about div {
	font-size: 1.13rem;
	line-height: 2rem
}

main .tit {
	padding-top: 4.38rem;
	padding-bottom: 2.81rem
}

main .tit .en {
	font-size: 3.13rem;
	line-height: 3.13rem;
	color: #a1c025;
	font-family: Arial
}

main .tit .cn {
	font-size: 2.5rem;
	font-weight: bold;
	color: #000
}

main .qc {
	padding-bottom: 5.38rem
}

main .qc .hd {
	position: relative;
	width: 100%;
	z-index: 20;
	top: -6rem
}

main .qc .hd .prev, main .qc .hd .next {
	position: absolute;
	display: block;
	width: 2.94rem;
	height: 2.94rem;
	cursor: pointer
}

main .qc .hd .prev {
	background: url("../img/arrow-left.png") 0 0 no-repeat;
	right: 3.13rem
}

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

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

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

main .qc li {
	width: 25%;
	float: left
}

main .qc li img {
	width: 98%;
	border: 1px solid #969595
}

main .ts {
	padding-bottom: 8.75rem;
	background: #f6f6f6
}

main .ts .item {
	background: #fff
}

main .ts .item .title {
	font-size: 1.75rem;
	color: #a1c025;
	font-weight: bold;
	padding-bottom: .31rem
}

main .ts .item .content {
	font-size: 1.13rem;
	line-height: 2.06rem;
	color: #000
}

main .ts .item li {
	width: 33.33%;
	float: left;
	line-height: 2rem;
	color: #000;
	font-size: 1rem;
	font-weight: bold
}

main .ts .text1 {
	padding-top: 6.88rem;
	padding-left: 4rem;
	padding-right: 4rem
}

main .ts .text2 {
	padding-top: 6.88rem;
	padding-left: 3.8rem;
	padding-right: 3.8rem
}

main .ts .text3 {
	padding-top: 6.88rem;
	padding-left: 4rem;
	padding-right: 4rem
}
@media (max-width: 768px){
	main .about h1 {
	    font-size: 2rem;
	    padding-top: 2rem;
	    padding-bottom: 1rem;
	}
	main .tit {
	    padding-top: 1.5rem;
	    padding-bottom: 1.5rem;
	}
	main .tit .en {
	    font-size: 1.5rem;
	    line-height: 2rem;
	}
	main .tit .cn {
	    font-size: 2rem;
	}
	main .qc {
	    padding-bottom: 2rem;
	}
	main .qc .hd{
		display: none;
	}
	main .qc li {
		width: 100%;
	}
	main .ts{
		padding-bottom: 2rem;
	}
	main .ts .text1 , main .ts .text2 , main .ts .text3{
	    padding-top: 1.5rem;
	    padding-left: 1rem;
	    padding-right: 1rem;
	    padding-bottom: 1rem;
	}
	main .ts .item li {
	    width: 100%;
	    float: none;
	    line-height: 1rem; 
	    text-align: center;
	}
}
@media ( min-width :1200px) {
	.item {
		width: 50%;
		height: 23.13rem;
		float: left
	}
}