@charset "utf-8";
/* CSS Document */

/**/
.benefit{ padding-top:60px; padding-bottom:30px;}
.benefit-list{ padding-top:50px; padding-bottom:50px;}
.benefit-list .benefit-box{ position:relative; padding-top:40px; padding-left:40px; padding-right:5px;}
.benefit-list i{ position:absolute; left:0; top:0; background-color:#d00b3c; width:75%; height:90px;}
.benefit-list p{ position:relative; z-index:1; background-color:#fff; background-color:#fff;box-shadow:0px 0 10px #ddd; overflow:hidden; padding:30px;}
.benefit-list p strong{ display:block; font-size:24px; color:#333; font-weight:bold; margin-bottom:10px;}
.benefit-list p span{ display:block; color:#666; font-size:16px; line-height:1.6; margin-bottom:10px; min-height:105px;}
.benefit-list p img{ width:100%;}
/**/
.service{background-color:#f8f7f7; padding-top:60px; padding-bottom:60px;}
.service .heading span{ background-color:#f8f7f7;}
.service-list{padding:30px 0 50px;}
.service-list img{ width:100%;}
.service-list p{ padding:25px; font-size:16px;}
.service-list p strong{ display:block; font-size:24px; color:#333; margin-bottom:10px;}
.service-list p span{ display:block; color:#666; min-height:150px; line-height:1.6;}
.service-list p a{ display:block; background-color:#d00b3c; color:#fff; text-align:center; padding:8px;}
.service-list p a:hover{ background-color:#b50933}
.service-list .swiper-slide{ padding:5px;}
.service-list .aaa{box-shadow:0px 0 10px #ddd;}
/**/
.process{ background:url(../images/plate_process.png) no-repeat center top; padding-top:50px; padding-bottom:70px;}
.process ol{ padding-top:60px; margin-bottom:60px; overflow:hidden;}
.process ol li{ float:left; width:20%;position:relative; text-align:center; padding:5px;}
.process ol li img{margin-bottom:15px; max-width:100%;}
.process ol li span{ font-size:18px; color:#fff; font-weight:bold;}
.process ol li i{ background:url(../images/sprocess_r.png) no-repeat center; width:30px; height:22px; position:absolute; right:0; top:30%;}
.process ol li.last i{ display:none;}


@media (max-width:1199px){
	.process ol li i{ display:none;}
} 

@media (max-width:767px){
	/**/
	.process ol{ margin-left:-5px; margin-right:-5px; overflow:hidden;text-align-last:initial}
	.process ol li{ float:left; width:20%; padding:5px; display:block; text-align:center;}
	.process ol li span{ font-size:14px; font-weight:normal;}
}

@media (max-width:460px){
	/**/
	.process ol li{ width:33.333%}
}