@charset "utf-8";
.benefitsbanner{ height:324px;}
.custom_one_title{ font-family:"wcorbel"; font-size:24px; text-align:center; padding:50px 0 0;}
.custom_one_title h1{font-family: "wcorbel"; font-size:30px; padding-top:0; border-bottom:1px solid #dddddd; width:100%; text-align:center; display:block; font-weight:normal; padding-bottom:15px;}

.custom_box{ padding-bottom:50px; padding-top:20px;}

.benefits_box{ background:#f2f2f2; padding:50px 0;}
.benefits_box ul li{ width:33%; float:left; margin:15px 0;}
.benefits_box ul li img{ width:100%;}
.benefits_box ul li .benefits_three_box{ width:95%; margin:0 auto; position:relative;}
.benefits_box ul li:nth-child(1) .benefits_three_box,.benefits_box ul li:nth-child(4) .benefits_three_box{ float:left;}
.benefits_box ul li:nth-child(3) .benefits_three_box,.benefits_box ul li:nth-child(6) .benefits_three_box{ float:right;}
.benefits_box ul li .benefits_three_box span{ display:block; position:absolute; width:100%; background:rgba(0,0,0,0.5); color:#fff; top:0; left:0; height:100%; text-align:center; line-height:600%;font-family: "wcorbel"; font-size:22px;}
.benefits_box ul li a:hover span{ background:none; font-size:24px; line-height:550%;}

.benef_hui{ background:#f2f2f2;}
.benef_img{ width:360px; float:left; margin-right:75px;}
.benef_img img{ width:100%;}
.benef_box{ padding:70px 0;}
.benef_hui .benef_img{ float:right; margin-right:0; margin-left:75px;}

.benef_box_container .h2{ font-size:20px; text-transform:uppercase;font-family: "wcorbel"; text-align:left; padding:0 0 15px; font-weight:bold;}
.benef_box_container{ font-size:14px;font-family: "wcorbel"; line-height:30px;}
@media (max-width: 1000px){
}

@media (max-width: 640px){
	.benefitsbanner{ height:200px;}
	.custom_one_title{ padding-top:25px;}
	.custom_one_title h1{ font-size:24px;}
	.custom_box{ padding-top:15px; padding-bottom:15px;}
	.benefits_box ul li .benefits_three_box span{ background:none; font-size:16px; color:#000; position:relative; height:auto; line-height:100%; padding:15px 0;}
	.benefits_box{ padding:25px 0 0;}
	.benefits_box ul li{ margin:0;}
	
	.benef_box{ padding:25px 0;}
	.benef_img{ width:100%; margin:0;}
	.benef_img img{ margin-bottom:15px;}
}