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

/*fonts*/ 
.f52{ font-size: 52px;}
.f46{ font-size: 46px;}
.f42{ font-size: 42px;}
.f32{ font-size: 32px;}
.f28{ font-size: 28px;}
.f24{ font-size: 24px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;} 



@media (max-width: 1700px){ 
	html{ font-size: 83px;}
	.inner{ width: 1300px;} 
	
	/*fonts*/ 
	.f52{ font-size: 44px;}
	.f46{ font-size: 38px;}
	.f42{ font-size: 36px;}
	.f32{ font-size: 26px;}
	.f28{ font-size: 24px;}
	.f24{ font-size: 20px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}  
	
	/*line_multi*/
	.line_multi{ line-height: 27px; height: 54px;} 
	
	/*01*/
	.focus_range{ max-width: 820px;}
	
	/*02*/
	.summary_swiper .swiper-slide-active .accordion_tit{ font-size: 24px;}
	.awards_list{ line-height: 36px;}
	.awards_thumbs .swiper-slide{ font-size: 20px;}
	.awards_thumbs .swiper-slide-active{ font-size: 24px;} 
}
   
@media (max-width: 1500px){ 
	html{ font-size: 68px;}
	.inner{ width: 1100px;} 
	
	/*fonts*/ 
	.f52{ font-size: 36px;}
	.f46{ font-size: 32px;}
	.f42{ font-size: 30px;}
	.f32{ font-size: 22px;}
	.f28{ font-size: 20px;}
	.f24{ font-size: 18px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}   
	
	/*line_multi*/
	.line_multi{ line-height: 24px; height: 48px;} 
	
	/*01*/
	.focus_range{ max-width: 680px;}
	
	/*02*/
	.summary_swiper .swiper-slide-active .accordion_tit{ font-size: 20px;} 
}


@media (max-width: 1200px){ 
	html{ font-size: 56px;} 
	.inner{ width: 100%; padding-left: 20px; padding-right: 20px; }
	/*fonts*/ 
	.f52{ font-size: 30px;}
	.f46{ font-size: 26px;}
	.f42{ font-size: 24px;}
	.f32{ font-size: 20px;}
	.f28{ font-size: 18px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	body{ font-size: 14px;}
	
	.sec_box{ background-attachment: local!important; background-position: center top!important;}
	/*header*/
	.header_line{ height:80px; line-height: 80px;}
	.logo a{ height: 46px;}
	.menu_list, .menu_collapsible{ position: fixed; top:0; right: 0; width: 100%; height:100%; max-width: 410px; -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);  	
	}
	.menu_list{  top: 80px;  height: -webkit-calc(100vh - 80px); height: calc(100vh - 80px); background: #fff; line-height: 54px; border-top: 1px solid rgba(0,0,0, .10); }
	.menu_list li{ border-bottom: 1px solid rgba(0,0,0, .10);}
	.menu_tit a{ padding: 0 20px;} 
	.menu_item .iconfont{ display:block;}
	.menu_collapsible{ display: block; margin-top:1px; z-index: 10; padding:0 20px; 
		 background: #ffffff;
		overflow: hidden; 
		-ms-scroll-chaining: none;
		overscroll-behavior: none;
		-webkit-overflow-scrolling: touch; 	
	}
	.menu_collapsible.is_open {
		-webkit-transform: translateX(0);
		transform: translateX(0); 
	}
	.header_open .menu_list{ 
		-webkit-transform: translateX(0);
		transform: translateX(0); 
	}
	.menu_headline{ display:flex; border-bottom: 1px solid rgba(0,0,0, .10);} 
	.menu_back{ display:block;}
	.menu_subtit{ margin-left:auto; margin-right: 0;}
	.menu_linklist{ display:none; padding: .20rem 0; border-bottom: 1px solid rgba(255,255,255, .12);}
	.menu_subclass li{ display:block;} 
	.menu_item{ border-bottom: 1px solid rgba(255,255,255, .18); }
	.menu_block.active .menu_item .iconfont:before{ display: inline-block; transform: rotate(180deg);}
	.toggle_icon{ display:block;}
	
	/*footer*/ 
	.footer_nav{ display:none;}
	.sift_block{ height: 40px; line-height: 40px; border-radius: 20px;} 
	.subcompany_list{ border-radius: 20px;} 
	
	/*01*/
	main{ padding-top: 80px;}  
	.focus_range{ max-width: 480px;}
	.focus_swiper .swiper-pagination{ display:block;}
	.focus_swiper .swiper_arrow{ display:none;}
	.sec_more em, .sec_more i{ height: 40px; line-height: 40px;}
	.sec_more i{ width:40px;}
	
	/*02*/
	.summary_forewords,
	.factory_text{ width:100%;} 
	
	/*05*/
	.screen_for{ height: 40px; line-height: 40px; border-radius: 20px;}
	
	/*06*/
	.manage_query{ height: 40px; line-height: 40px; }
}

@media (max-width: 1000px){  
	html{ font-size: 56px;}   
	
	/*01*/
	.solution_block{ width:50%;}
	.solution_block:nth-child(4){ border-bottom: 1px solid rgba(255, 255, 255, .35);}
	
	
	/*02*/ 
	.idea_block{ display:block;}
	.idea_icon{ margin: 0 0 .30rem;}
	.corporate_block{ width: 50%;}
	.dream_block{ width:33.33%;}
	.certificate_swiper{ padding-left:0; padding-right: 0;}
		
	/*03*/   
	.classify_swiper .swiper-slide{ width: 33.33%;} 
	
	/*04*/
	.presentation_list li{ width:50%;}
	
	/*05*/
	.whole_list li{ width:50%;}
	.detail_guide{ width:100%; flex:none; margin-right: 0; margin-bottom: .20rem;}
	.detail_back{ margin: 0 auto;}
	
	/*06*/
	.way_list li{ width:50%;} 
	.market_list li{ width:50%;}
}

@media (max-width: 767px){
	html{ font-size: 50px;}  
	 /*fonts*/ 
	.f52{ font-size: 24px;}
	.f46{ font-size: 22px;}
	.f42{ font-size: 20px;}
	.f32{ font-size: 16px;}
	.f28{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	body{ font-size: 14px;}
	
	/*header*/
	.func_menu em{ display:none;}
	
	/*footer*/
	.footer_wrap{ text-align:center;}
	.footer_sift{ margin:0 auto;}
	.footer_middle{ display:block;}
	.footer_hotline{ width:100%; margin-right: 0;}
	.footer_bot{ display:block;}
	.footer_follow{ width:100%; justify-content: center;} 
	
	/*01*/
	main{overflow: hidden;}
	body.body_index main{ margin-top: 80px!important;}
	.focus_swiper{ height:auto;}
	.slide-inner{ padding-top: 56%; min-height: 320px;}
	.focus_range{ width:100%; max-width: none;}
	.sec_top{ display:block;}
	.sec_text{ max-width: 100%;}
	.sec_box .sec_top .sec_more{ display:none;}
	.solution_block{ width: 100%;}
	.about_forewords{ margin-top: .40rem; max-width: none;} 
	.sec_preface{ max-width: 100%;}
	
	/*02*/  
	.subcompany_block:nth-child(n) .subcompany_img{ width: 100%; margin: 0 0 .30rem;}
	.dream_block{ width:50%;}
	.corporate_block{ width: 100%;} 
	.period_thumbs .swiper-slide{ width: 50%;}
	.sector_swiper{ display:block;} 
	.awards_thumbs{ height: auto;}
	.awards_show{ flex:none; width:100%; height: 320px;}
	.awards_show .swiper-slide{ padding: .40rem;}
	.awards_list{ line-height: 26px;}
	.awards_thumbs .swiper-slide{ font-size: 16px;}
	.awards_thumbs .swiper-slide-active{ font-size: 20px;}
	.sector_thumbs_box .swiper_arrow{ margin-top: 20px; text-align: center;}
	.sector_thumbs_box .swiper_arrow div[class^="swiper-button-"]{ position: static; top:0; margin-top:0;}
	
	/*03*/
	.recommend_img{ width:100%; margin-left: 0; margin-bottom: .40rem;}
	.recommend_text{ flex:none; width: 100%; padding-bottom: 0;}
	.recommend_swiper .swiper_arrow{ position: static; text-align: center; margin: .50rem auto 0;}  
	.related_list li a{ display:block; width:100%;}
	.related_list li:nth-child(n) .related_img{ width:100%; margin: 0 0 .30rem;}
	.classify_swiper .swiper-slide{ width: 50%;} 
	.classify_tit{ font-size: 14px!important;}
	
	/*04*/
	.map_img_pc, .map_block{ display: none;}
	.map_img_phone{ display:block;}
	.paging_num{ margin:0;}
	.paging .paging_num a{ margin-left: 0; margin-right: 0;}
	
	/*05*/
	.news_latest>.inner{ display:block;}
	.latest_show{ width:100%; margin-right: 0; margin-bottom: .40rem;}
	.share_more{ left:auto; right:0;}
	
	/*06*/
	.recruit_list li{ width: 100%;}
	.filters{ width:100%; max-width: none; margin-right: 0; margin-bottom: .40rem;}
	.filters_option_list{ display:flex; flex-wrap: wrap; margin: -.30rem -.20rem 0 0;}
	.filters_option_list li{ margin: .30rem .20rem 0 0;}
	.jobs_right{ flex:none; width:100%; }
} 

@media (max-width: 567px){
	/*fonts*/ 
	.f52{ font-size: 20px;}
	.f46{ font-size: 18px;}
	.f42{ font-size: 18px;}
	.f32{ font-size: 16px;}
	.f28{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	body{ font-size: 14px;}
	
	/*02*/  
	.dream_block{ width: 100%;}
	.sector_time, .period_time{ display:block; margin-left: 0;} 
	
	/*04*/
	.presentation_list li{ width:100%;}
	
	/*05*/
	.whole_list li{ width:100%;}
	
	/*06*/
	.way_list li{ width:100%;}
	.market_list li{ width:100%;}
}