section{ background: #f7f7f7;}

.header_two.header_hide {
    position: fixed;
    background: #fff;
}

.about{padding-top: 30px; padding-bottom: 30px;}
.about .aboutcon{ width: calc(55% - 30px);}
.about .aboutcon h2{ color: #327600; font-size: 22px;}
.about .aboutcon dd{ color: #666666; font-size: 14px; line-height: 25px; margin-top: 10px;}
.about .aboutvide{ width: 45%;padding: 0; border-radius: 8px; position: relative;}
.about .aboutvide div{width: 100%; height: 225px;background: #ccdaed; transform:rotate(-8deg); position: absolute; border-radius: 10px; z-index: 1;}
.about .aboutvide video{ width: 100%; border-radius: 8px; z-index: 10; position: absolute;}

.num{ margin-top: 50px; text-align: center; padding: 100px 0px; clear: both;}
.num h2{ font-size: 28px; color: #327600; font-weight: bold;}
.num p{ color: #111; line-height: 40px;}
.num ul {display: flex; justify-content: center; margin-top: 20px;}
.num ul li{ 
	width: 25%; text-align: center; margin-right: 20px; padding: 20px;
	border-radius: 10px; color: #327600;
}
.num ul li p{ font-size: 14px; color: #327600; line-height: 30px;}
.num ul li p span{ font-size: 28px; color: #327600; font-weight: bold; margin-right: 5px;}
.num dl{ margin: 20px 0px;}
.num dl a{ 
	display: block; height: 40px; line-height: 40px; border-radius: 40px; width: 120px; 
	text-align: center; border: 1px solid #327600; color: #327600; font-size: 14px;
}

@media (min-width: 991px) and (max-width: 1100px){
	
}

@media (min-width: 767px) and (max-width: 991px){
	.about{padding-top: 30px; padding-bottom: 30px;}
	.about .aboutcon{ width: calc(100%);}
	.about .aboutcon h2{ color: #327600; font-size: 22px;}
	.about .aboutcon dd{ color: #666666; font-size: 14px; line-height: 25px; margin-top: 10px;}
	.about .aboutvide{ width: 100%; padding: 0; border-radius: 8px; height: 225px; margin-top: 50px;}
	.about .aboutvide div{width: 100%; height: 225px; background: #ccdaed; transform:rotate(-8deg); position: absolute; border-radius: 10px; z-index: 1;}
	.about .aboutvide video{ width: 100%; border-radius: 8px; z-index: 10; position: absolute;}
}

@media screen and (max-width:767px) {
	.about{padding-top: 30px; padding-bottom: 30px;}
	.about .aboutcon{ width: calc(100%);}
	.about .aboutcon h2{ color: #327600; font-size: 22px;}
	.about .aboutcon dd{ color: #666666; font-size: 14px; line-height: 25px; margin-top: 10px;}
	.about .aboutvide{ width: 100%; padding: 0; border-radius: 8px; height: 225px; margin-top: 50px;}
	.about .aboutvide div{width: 100%; height: 225px; background: #ccdaed; transform:rotate(-8deg); position: absolute; border-radius: 10px; z-index: 1;}
	.about .aboutvide video{ width: 100%; border-radius: 8px; z-index: 10; position: absolute;}
}