@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{  padding:30px 0; margin-bottom:70px;}
.benefits_box ul li{ width:33%; float:left;}
.benefits_box ul li img{ width:100%;}
.benefits_box ul li .benefits_three_box{ width:85%; margin:0 auto; position:relative; color:#6a6a6a;font-family: "wcorbel"; font-size:16px; line-height:24px;}
.benefits_box ul li .benefits_three_box span{ display:block;  width:100%;  color:#000;  height:100%; text-align:center; line-height:150%; font-size:20px; margin-top:15px; font-weight:bold; padding-bottom:10px;}

.technology_two_box{ background:#000; color:#fff; padding:70px 0;}
.technology_two_box img{ width:100%;}
.tech_two_list{ padding-top:70px;}
.tech_two_list li{ width:33%; float:left; margin-bottom:50px;font-family: "wcorbel"; line-height:28px; font-size:16px;}
.tech_two_list li span{ font-size:20px; display:block; padding:15px 0 10px; font-weight:bold;}
.tech_two_list li .tech_two_box{ width:92%; margin:0 auto;}
.tech_two_list li:nth-child(1) .tech_two_box,.tech_two_list li:nth-child(4) .tech_two_box{ float:left;}
.tech_two_list li:nth-child(3) .tech_two_box,.tech_two_list li:nth-child(6) .tech_two_box{ float:right;}

.tech_three_box{ padding:70px 0;}
.tech_three_box .margin{ background:#fff;}
.tech_three_box  .h1 {
    font-family: "wcorbel";
    font-size: 36px;
    text-align: center;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
	width:95%; margin:0 auto; padding-top:30px;
}

.tech_three_box .tech_three_container{font-family: "wcorbel"; font-size:16px; line-height:26px; color:#808080; text-align:center; padding:20px 0 40px; width:95%; margin:0 auto;}

.tech_four_box img{ width:100%;}

.tech_four_box  .h1 {
    font-family: "wcorbel";
    font-size: 36px;
    text-align: center;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
	width:95%; margin:0 auto; padding-top:50px;
}

.tech_four_box .tech_three_container{font-family: "wcorbel"; font-size:16px; line-height:26px; color:#808080; text-align:center; padding:20px 0 40px; width:95%; margin:0 auto;}

.two_tech_box{ height:650px; position:relative;}

.two_tech_box .margin i{ width:24px; height:24px; background:#000; text-align:center; line-height:24px; display:block; border-radius:50%; color:#fff; font-style:normal; margin:0 auto;}
.two_tech_box .margin .item_list_two{ position:absolute; width:352px; text-align:center; }
.two_tech_box .margin .item1{top:100px; left:-70px;}
.two_tech_box .margin .item2{top:142px; left:540px;}
.two_tech_box .margin .item3{top:335px; left:945px;}

.two_tech_box .margin .item1_box{ padding:15px; background:#000; color:#fff; border-radius:3px; overflow:hidden; line-height:22px; color:#fff; margin-top:10px; display:none;}
.two_tech_box .margin .item1_box span{ display:block; font-weight:bold; color:#fff; padding-bottom:8px;}
@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:25px 0;}
	.benefits_box{ padding:0; margin-bottom:15px;}
	.benefits_box ul li{ width:100%; padding-bottom:15px;}
	.benefits_box ul li .benefits_three_box{ width:100%;}
	.benefits_box ul li .benefits_three_box span{ text-align:left;}
	.two_tech_box{ height:250px;}
	.two_tech_box .margin{ padding:0; margin:0;}
	.two_tech_box .margin i{ display:none;}
	.two_tech_box .margin .item_list_two{ position:relative; width:100%; float:left;}
	.two_tech_box .margin .item1_box{ display:block; text-align:left; padding:0; padding-bottom:15px;}
	.two_tech_box .margin .item1,.two_tech_box .margin .item2,.two_tech_box .margin .item3{ top:inherit; left:inherit;}
	.two_tech_box .margin{ padding-top:250px;}
	.tech_two_list li{ width:100%; margin-bottom:25px;}
	.tech_two_list li .tech_two_box{ width:100%;}
	.technology_two_box{ padding:25px 0;}
	.tech_three_box .h1{ font-size:24px;}
	.tech_three_box{ padding:25px 0;}
	.tech_four_box .h1{ font-size:24px; padding-top:25px; width:100%;}
	.tech_four_box .tech_three_container{ width:100%;}
}