.process{margin-top:60px;}
.process .left{float:left; width:45%; padding-left:16px; box-sizing:border-box;}
.process .right{float:left; width:55%; box-sizing:border-box;}
.process .box{font-size:20px; font-weight:300; margin-top:70px;}
.process .box p{font-weight:400; margin-bottom:20px;}
.process .box li{margin-bottom:12px; font-size:18px; font-weight:200; position:relative; padding-left: 20px;}
.process .box li:after{content:""; display:block; width:4px; height:4px; background:#77c86b; position:absolute; top:12px; left:0; border-radius:50%;}

.process_list{}
.process_list > ul{width:100%; font-size:18px; margin-top:80px;}
.process_list > ul > li{width:20%; padding:0 10px; box-sizing:border-box; float:left;}
.process_list ul li span{display:block; border:1px solid #ddd; margin-bottom:8px; font-weight:400; text-align:center; line-height:58px;}
.process_list ul li ul{width:100%; height:142px; padding:28px 38px; box-sizing:border-box; border:1px solid #ddd; font-weight:300;}
.process_list ul li ul li{margin-bottom:8px; font-weight:200; position:relative; padding-left:20px;}
.process_list ul li ul li:last-child{margin-bottom:0;}
.process_list ul li ul li:before{content:""; display:block; width:4px; height:4px; background:#77c86b; position:absolute; top:12px; left:0; border-radius:50%;}

.teminal_img{margin-top:-5px; margin-bottom:100px;}
.teminal_img img{width:100%; height:auto;}

.satis, .safty{width:100%; padding:0 50px; float:left; box-sizing:border-box; margin-bottom:100px; }
.item_circle{margin-top:60px; padding-left:50px;s}
.item_circle ul li{padding:0 20px; float:left; width:50%; box-sizing:border-box;}
.item_circle ul li p{position:relative;  font-size:18px; line-height:24px; font-weight: 300; margin-bottom:10px;}
.item_circle ul li p span{font-weight:200;}
.item_circle ul li p:after{content:""; display:block; width:4px; height:4px; background:#77c86b; position:absolute; top:10px; left:-18px; border-radius:50%;}

.client{margin-top: 30px; margin-bottom:50px;}
.client p{font-size:18px; font-weight:500; position:relative; margin-left:50px;}
.client p:after{content:""; display:block; width:4px; height:4px; background:#77c86b; position:absolute; top:12px; left:-18px; border-radius:50%;}
.client ul .list_box{}
.client ul .list_box li{float:left; width:25%; padding:0 10px; box-sizing:border-box; margin-bottom:30px;}
.client ul .list_box li span{display:block; padding:25px 0; text-align:center;  border:1px solid #ddd; border-radius:6px; background:#fefefe; height:72px; box-sizing:border-box;}
.client ul .list_box li .line2{padding:16px 0;}

.circle{max-width:800px; margin:0 auto;}
.circle img{width:100%; height:auto;}

.list_box{padding:30px 60px;}
.satis .s_title, .safty .s_title{margin-left:30px;}

.tab-menu{display:none;}


@media screen and (max-width:1200px){
	.process .box{margin-top:30px;}
	.process .left{width:100%; padding-left:50px; margin-bottom:30px;}
	.process .right{width:100%; padding-left:50px; margin-bottom:30px;}
	.process .s_title{margin-left:40px;}

	.process_list .s_title{margin-left:40px;}
	.process_list > ul{margin-top:30px;}
	.process_list > ul > li{width:50%; margin-bottom:20px;}
	.process_list > ul > li:last-child{width:100%;}
	.teminal_img{overflow:hidden; margin-top:-20px; padding:0 50px;}
	.teminal_img img{margin-top:-66px;}

	.item_circle ul li{width:100%;}
	.list_box{padding:20px 0;}


}
@media screen and (max-width:768px){
	.process{margin-top:30px;}
	.process.sub_padding{padding:0 20px;}
	.process .box li{font-size:15px;}
	.process .right span{display:block;}
	.process .s_title{margin-left:40px;}

	.process_list ul li ul li{font-size:15px;}
	.process_list ul li ul li:before{top:10px;}
	.process_list .s_title{margin-left:50px;}
	.teminal_img{margin-top:0px; padding:0 10px;}
	.teminal_img img{margin-top:-40px;}

	.satis, .safty{padding:0 10px; margin-bottom:50px;}
	.item_circle{padding-left:30px; margin-top:20px;}
	.item_circle ul li p{font-size:15px;}

	.circle{margin-bottom:20px;}

	.client_box{display:none;}
	.client_box.on{display:block;}
	.client_box .s_title{margin-left:40px;}
	.client_box .s_title.hide{display:none;}
	.client ul .list_box li{width:100%; padding:0 5px; margin-bottom:10px;}
	.list_box{padding:20px 10px;}
	.client p{margin-left:30px;}

	.tab-menu{display:block; padding:0 10px;}
	.tab-menu ul{border-top:1px solid #ddd; border-left:1px solid #ddd;}
	.tab-menu ul li{float:left; width:50%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box;}
	.tab-menu ul li a{width:100%; height:50px; display:block; line-height:50px; text-align:center; font-weight:500;}
	.tab-menu ul .on a{background:#f37d37; color:#fff;}
	

}
@media screen and (max-width:600px){
	
	.process_list > ul > li{width:100%; margin-bottom:20px;}
	.process_list ul li ul{padding:14px 38px; height:85px;}
}

@media screen and (max-width:370px){
	.tab-menu ul li a{font-size:12px; overflow:hidden;}
	.process .box p{font-size:16px;}
	.process .box li{font-size:12px; padding-left:12px;}
	.process .box li:after{top:8px;}
	.item_circle ul li p{font-size:12px; margin-bottom:5px;}

}