.about-title h2{
	width: 792px;
	max-width: 100%;
	margin: 5.2vw auto 2.875rem;
	font-size: 1.625rem;
	line-height: 1.625rem;
	color: #65ba6e;
	text-align: center;
}
.about-title>div{
	width: 976px;
	max-width: 100%;
	margin: 0 auto;
	line-height: 1.625rem;
	color: #000;
	font-size: 1rem;
	margin-bottom: 6vw;
}

.about .about-txt{
	width: 37.143%;
}
.about-txt h3{
	margin-bottom:2.5rem;
	font-family: SourceHanSansCN-Bold;
	font-size: 1.625rem;
	line-height: 2.25rem;
	max-height: 3.875rem;
	color: #000;
	overflow: hidden;
}
.about-txt p{
	font-size: 1rem;
	max-height: 26.875rem;
	line-height: 1.25rem;
	color: #666;
	overflow: hidden;
}

.about .about-img{
	position: relative;
	width: 58.651%;
	background: #f5f2f5;
}
.about-img .owl-carousel{
	background: #fcb026;
	height: 25rem;
}
.about-list{margin-top: 5rem;}
.about-list .fl{
	width: 31.7465%;
	margin-right: 2.381%;
}
.about-list .fl:last-child{
	margin-right: 0;
}
.about-list .fl>div{
	height: 18.75rem;
	background-color: #f5f5f4;
}
.about-list .fl>h3{
	margin: 1.375rem 0 .75rem;
	font-family: SourceHanSansCN-Bold;
	font-size: 1.125rem;
	color: #000;
}
.about-list .fl>p{
	font-size: 1rem;
	line-height: 1.375rem;
	color: #666;
}
.about-form{margin: 8vw 0 5vw;}
.about-form h2{
	margin: .875rem 0 3.3vw;
	font-family: SourceHanSansCN-Bold;
	font-size: 1.875rem;
}
.about-form form{
	width: 880px;
	max-width: 100%;
	margin: 0 auto;
}
.about-form form .fl input{
	width: 332px;
	height: 46px;
	padding: 0 20px;
	max-width: 100%;
	border: solid 1px #9a9a9a;
}
.about-form form .uname{margin-right: 28px;}
.about-form form .fr{
	width: 160px;
	height: 46px;
	background-color: #000;
}



@media only screen and (min-width: 767px) {
	.about-txt,.about-img{height: 37.5rem;}
}




/* contact page */
.contact-top div h1{color: #000;}
.contact{margin-top: 5rem}
.contact .clist{
	width: 50%;
	height: 31.25rem;
	padding-left: 21.354%;
	padding-right: 8.33%;
	padding-top: 6.25rem;
	background-color: #65ba6e;
}
.contact .clist tr{
	line-height: 1.25rem;
	vertical-align: text-top;
}
.contact .clist td{
	font: 1rem SourceHanSansCN-Bold;
}

.contact .clist th{
	width: 57%;
	padding-bottom: 1.625rem;
	text-align: left;
	font: normal 1rem;
}

.contact .map{
	width: 50%;
	margin-top: 6.25rem;
}

.contact-webs h2{
	margin: 4.5rem 0 5.5rem;
	font-family: Raleway-Bold;
	font-size: 1.875rem;
	color: #65ba6e;
}
.contact-webs div.text-center{margin-bottom: 1.5rem;}
.contact-webs div>a{
	width: 3.25rem;
	color: #000;
	font-size: 3.75rem;
	margin-right: 9.534%;
}
.contact-webs div>a:last-child{margin-right: 0;}

	
@media only screen and (min-width: 767px) {
	.contact-webs .text-center>a:hover{color: #65ba6e;}
	.cform form>div{width: 39.167%;}
	.cform .msg{
		position: absolute;
		top: 0;
		right: 0;
		width: 48%;
		height: 12.125rem;
	}
}


@media only screen and (max-width: 767px) {
	.about-title h2 {font-size: 1.3rem;}
	.about-list .fl{width: 80%;}
	.about-list .fl>div{height: 14rem;}
	.about-form form .fl{width: 100%;margin-bottom: 1rem;}
	.about-form form .fr {
	    float: inherit;
	}
	.contact .map{margin-top: 0;}
	.contact .clist{padding-left: 8.33%;padding-top: 0;}
	.contact-webs div>a{
		width: auto;
		font-size: 2.75rem;
	}
}

