@charset "utf-8";
/*css comment*/ 

/*fonts*/ 
.f40{ font-size: 40px;}
.f36{ font-size: 36px;}
.f32{ font-size: 32px;}
.f30{ font-size: 30px;}
.f28{ font-size: 28px;}
.f26{ font-size: 26px;}
.f24{ font-size: 24px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;}

@media (max-width: 1400px){ 
	html{ font-size: 83px;} 
	
	/*fonts*/ 
	.f40{ font-size: 36px;}
	.f36{ font-size: 32px;}
	.f32{ font-size: 28px;}
	.f30{ font-size: 26px;}
	.f28{ font-size: 24px;}
	.f26{ font-size: 22px;}
	.f24{ font-size: 20px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	
	.guide_wrap{ line-height: 54px; margin-top: -54px;}
	.brand_des, .profile_des, .introduction_text, .demand_des, .business_des, .detailing_foreword, .detailing_des { line-height: 30px;}
	.sec_tit02{ line-height: 46px; }
	.sec_tit02:before{ top: 10px; }
	.news_tit{ line-height: 24px; max-height: 48px;}
}
   
@media (max-width: 1200px){ 
	html{ font-size: 68px;} 
	
	/*fonts*/ 
	.f40{ font-size: 32px;}
	.f36{ font-size: 28px;}
	.f32{ font-size: 24px;}
	.f30{ font-size: 22px;}
	.f28{ font-size: 20px;}
	.f26{ font-size: 20px;}
	.f24{ font-size: 20px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	
	.inner{ max-width: 1000px;}
	
	/*header*/
	header{ height: 60px; line-height: 60px;}
	.logo_img{ height: 42px;}
	main{ padding-top: 60px;}
	
	/*02*/
	.guide_wrap{ top: 60px; line-height: 44px; margin-top: -44px;}
	.sec_box, .profile_group{ background-attachment: local!important; background-position: center top!important;}
	.brand_des, .profile_des, .introduction_text, .demand_des, .business_des, .detailing_foreword, .detailing_des{ line-height: 26px;}
	.sec_tit02{ line-height: 36px; }
	.sec_tit02:before{ top: 5px; }
	.detail_wrap{ padding-top: 0;}
} 

@media (max-width: 991px){   
	/*fonts*/ 
	.f40{ font-size: 28px;}
	.f36{ font-size: 24px;}
	.f32{ font-size: 20px;}
	.f30{ font-size: 20px;}
	.f28{ font-size: 18px;}
	.f26{ font-size: 18px;}
	.f24{ font-size: 18px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	
	.sec_tit02{ padding-left: 46px; line-height: 26px;}
	.sec_tit02:before{ right: auto; margin-right: 0; left:0; top:0; }
	.introduction_text{ width:100%; }
	.introduction_img{ width:100%; margin: 0.40rem auto 0;} 
	.detailing_block{ width:50%;}
	.brand_des, .profile_des, .introduction_text, .demand_des, .business_des, .detailing_foreword, .detailing_des{ line-height: 22px;}
	.why_list li{ width:100%;}
	.looking_list li{ width:100%;}
	.expect_list li:nth-child(n){ width:100%;}
	.process_list{ font-size: 14px;}
} 

@media (max-width: 767px){
	html{ font-size: 50px;}  
	/*fonts*/ 
	.f40{ font-size: 24px;}
	.f36{ font-size: 20px;}
	.f32{ font-size: 20px;}
	.f30{ font-size: 16px;}
	.f28{ font-size: 16px;}
	.f26{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 14px;}
	body{ font-size: 14px;} 
	
	 /*header*/  
	.header_right{ flex:none;}
	.menu_toggle{ display:block;}
	.menu_list{ position: fixed; top:0; right: 0; width: 100%; height:100%; max-width: 320px; -webkit-transform: translateX(100%); transform: translateX(100%);
		transition: visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
		transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1);
		transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);  top: 60px;  height: -webkit-calc(100vh - 60px); height: calc(100vh - 60px); background: #ffffff; line-height: 50px; border-top: 1px solid rgba(0,0,0, .10); display:block;}
	.menu_list li{ border-bottom:  1px solid rgba(0,0,0, .10);} 
	.menu_list li a{ padding:0 15px;}
	.menu_list>li:hover>a, .menu_list>li.active>a{ background-color: rgba(0,0,0, .10);}
	.header_open .menu_list{ 
		-webkit-transform: translateX(0);
		transform: translateX(0); 
	}  
	
	/*01*/
	.brand_head{ display:block;}
	.brand_head .sec_tit{ width: 100%;} 
	
	/*others*/
	.profile_text{ max-width:100%;}
	.profile_img{ width:100%; margin: .40rem auto 0;} 
	.culture_img{ width:100%; margin: .40rem auto 0;}
	.partner_list li{ width: 33.33%;}
	.operate_slogan{ letter-spacing: 0;}
	.operate_slogan li{ width:100%;}
	.operate_slogan:before{ display:none;} 
	.demand_group{ display:block; margin-bottom: 0.70rem;}
	.demand_group:last-child{ margin-bottom:0;}
	.demand_img{ width:100%; margin: 0 auto 0.35rem;}
	.business_block{width:100%; max-width: none;}
	.detailing_head{display:block;}
	.detailing_head .sec_tit02{ margin-right: 0; margin-bottom: 0.50rem;} 
	.culture_group{ display:block;}
	.news_list li{ width:50%;}
	.way_box{ display:block;}
	.join_way .join_tit{ margin-right: 0; margin-bottom: 0.80rem;}
	.way_list{ display:block;}
	.way_list li{ margin-bottom: 0.30rem;}
	.way_list li:last-child{ margin-bottom: 0;}
	.process_list{ display:none;}
	.process_img{ display:block;}
	.apply_line:nth-child(n), .apply_range{ width:100%;}
	.business_thumbs .swiper-slide{ padding-bottom: 5px;}
	.triangle_down{ border-width:5px ; bottom: -5px;}
	.triangle_down::before{ border-width:5px ; bottom: -4px; left: -5px;}
	
	
} 

@media (max-width: 567px){
	html{ font-size: 42px;}
	/*fonts*/ 
	.f40{ font-size: 20px;}
	.f36{ font-size: 18px;}
	.f32{ font-size: 16px;}
	.f30{ font-size: 16px;}
	.f28{ font-size: 16px;}
	.f26{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 14px;}
	body{ font-size: 14px;}
	
	.news_list li{ width: 100%;}
	
	
}