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

/*fonts*/  
.f100{ font-size: 94px;}
.f72{ font-size: 70px;}
.f56{ font-size: 54px;}
.f48{ font-size: 46px;} 
.f42{ font-size: 40px;} 
.f38{ font-size: 36px;}
.f36{ font-size: 34px;}
.f34{ font-size: 32px;}
.f32{ font-size: 30px;}
.f30{ font-size: 28px;}
.f28{ font-size: 26px;}
.f26{ font-size: 24px;}
.f24{ font-size: 22px;}
.f22{ font-size: 20px;}
.f20{ font-size: 18px;}
.f18{ font-size: 18px;}
.f17{ font-size: 17px;}
.f16{ font-size: 16px;}
 

@media screen and (max-width: 1600px) {
	.inner, .inner_1520{ max-width: 1300px;} 
	html{ font-size: 83px;}
	/*fonts*/  
	.f100{ font-size: 78px;}
	.f72{ font-size: 60px;}
	.f56{ font-size: 46px;}
	.f48{ font-size: 40px;} 
	.f42{ font-size: 34px;} 
	.f38{ font-size: 32px;}
	.f36{ font-size: 30px;}
	.f34{ font-size: 28px;}
	.f32{ font-size: 26px;}
	.f30{ font-size: 24px;}
	.f28{ font-size: 24px;}
	.f26{ font-size: 22px;}
	.f24{ font-size: 20px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	.f17{ font-size: 16px;}
	.f16{ font-size: 15px;}
	
	/*===header===*/ 
	
	/*===01===*/
	.get_txt{ height: 50px;} 
	.rec_block a{ height: 300px;}  
	.summary_more{ max-width:224px; height: 50px; line-height: 50px;}  
	.situation_more{ max-width:190px;} 
	.advantage_block dt, .advantage_block dd{height:325px;}
	.advantage_num{ position: absolute; top:.30rem; right:.35rem;}
	
	/*===02===*/
	.link_ask, .link_tel{ max-width:250px; height: 50px; line-height: 50px;}
	.service_link{ height: 50px; line-height: 50px;}
	.study_list li a{ height: 90px;}
	
	/*===07===*/
	.message_line{ padding-top: .22rem;}
	.message_label{ margin-bottom: .15rem;} 
	.contact_map_box{ height:400px;}
}

@media screen and (max-width: 1359px) { 
	  .inner, .inner_1520{ max-width: 1200px;}  
	  html{ font-size: 68px;}
	/*fonts*/  
	.f100{ font-size: 64px;}
	.f72{ font-size: 50px;}
	.f56{ font-size: 38px;}
	.f48{ font-size: 34px;} 
	.f42{ font-size: 28px;} 
	.f38{ font-size: 26px;}
	.f36{ font-size: 24px;}
	.f34{ font-size: 24px;}
	.f32{ font-size: 22px;}
	.f30{ font-size: 20px;}
	.f28{ font-size: 20px;}
	.f26{ font-size: 20px;}
	.f24{ font-size: 18px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f17{ font-size: 16px;}
	.f16{ font-size: 15px;}
	
	/*header*/ 
	.header_wrap{ height: 70px; line-height: 70px;} 
	.action_item_icon, .action_search_submit{ width: 70px;} 
	.action_search_fill{ height: 70px; padding-right: 70px;}
	
	/*===01===*/
	main{ padding-top: 70px;}
	.service_summary{ width:100%; float:none; padding-left: 0; margin-bottom: .60rem;}
	.rec_block{ width:33.33%;}
	.rec_block:nth-child(3){ clear: none;} 
	.cases_logo{ width:150px;}
	
	/*===02===*/
	.author{  height:70px; margin-top: -70px;}
	.study_list li{ width:25%;}  
	.culture_icon{ height: 65px;}
	
	
	/*===07===*/
	.message_line{ padding-top: .15rem;}
	.message_label{ margin-bottom: .10rem;} 
}

@media screen and (max-width: 1023px) { 
	/*header*/ 
	.nav_list{ display:none;}
	.header_action{ margin-left:auto;}
	.action_mobile{ display:block;}  
	
	/*footer*/
	footer .inner{ display:block;}
	.footer_part01{ margin-right:0;}
	.footer_part01 img{ margin:0 auto;}
	.footer_part02{ width: auto; margin-right: 0; margin-top: .20rem;}
	.footer_nav{ display: block; text-align: center; margin: 0 -.10rem;}
	.footer_nav li{ display: inline-block; padding:0 .10rem;}
	.fn_subclass{ display:none;} 
	.footer_part03{ margin-top: .20rem;}
	
	/*===01===*/
	.sec_box{ background-attachment: local; background-position:50% 0!important;}
	.index_about{ padding: 1.20rem 0!important;}
	.about_con{ margin-bottom: 0; }
	.about_certificate{ width:100%; margin-right: 0; margin-bottom: .60rem;}
	.situation_text{ width:100%; float:none; padding: .40rem;}
	.situation_img{ width:100%; position: static; display: none;}
	.index_enjoy{ padding-top: 1.20rem;}
	.enjoy_left, .enjoy_right{ width:100%; float:none; padding: 0;}
	.enjoy_right{ margin-top: .60rem;}
	.index_advantage .sec_tit01{ float:none; margin-right: 0;}
	.advantage_foreword{ text-align:left;}
	.advantage_block dt, .advantage_block dd{ height:auto;}
	.advantage_block dt{ width:100%; float:none;}
	.advantage_block dt .img_box { padding-top: 120.27%;}
	.process_left{ float:none; width:100%; height:auto; margin-bottom: .60rem;}
	.process_tel{ position:static; margin-top: .30rem;}
	.process_left_dec{ background-size: auto;}
	.steps_block{ width:50%;}
	.steps_block dt .img_box{ height:auto; padding-top: 127%;}
	.steps_block:nth-child(5){ width: 100%;}
	.steps_block:nth-child(5) dt .img_box{ height:auto; padding-top: 127%;}
	.cases_head{ display:block;}
	.cases_head .sec_tit01{ margin-bottom: .40rem;}
	.cases_nav li a{ min-width:0;}
	
	/*===02===*/
	.service_item{ width:33.33%;}
	.service_link{ min-width:0!important;}
	.study_list li{ width: 33.33%;}
	.study_list li a{ height: 70px;}
	.chart_list li{ width:50%;}
	.module_list li, .design_list li{ width:33.33%;} 
	
	
	/*===05===*/
	.cases_item{ width: 50%;}
	
	/*===06===*/
	.aftersale_block{ width: 50%;}
} 

@media screen and (max-width: 767px) { 
	html{ font-size: 50px;}  
	body{ overflow-y:auto;}
	/*fonts*/  
	.f100{ font-size: 50px;}
	.f72{ font-size: 40px;}
	.f56{ font-size: 32px;}
	.f48{ font-size: 28px;} 
	.f42{ font-size: 24px;} 
	.f38{ font-size: 22px;}
	.f36{ font-size: 20px;}
	.f34{ font-size: 20px;}
	.f32{ font-size: 20px;}
	.f30{ font-size: 18px;}
	.f28{ font-size: 18px;}
	.f26{ font-size: 18px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 14px;}
	.f17{ font-size: 14px;}
	.f16{ font-size: 14px;}  
	/*header*/  
	.header_wrap{ height: 55px; line-height: 55px;} 
	.logo a img{ height:40px;}
	.action_item_icon, .action_search_submit{ width: 55px;} 
	.nav_box{ top:55px;}
	.action_search_fill{ height: 55px; padding-right: 55px; max-width: 100%; position: fixed; top:55px;}
	
	
	/*footer*/ 
	.footer_part03{ text-align:center;}
	.footer_contact_text{ width:100%;}
	.footer_contact_erweima{ width:100px; margin: .30rem auto 0;} 
	footer .inner{ padding-bottom: 60px;}
	.float_guide{ position: fixed; left: 0; top:auto; bottom: 0; width: 100%; margin: auto; background-color: #ffffff; border-radius: 50px;}
	.float_guide li{ width:25%; float:left; margin-bottom: 0;}
	.float_guide li a.fg_a0{ position: relative; width:100%; box-shadow: none; background: none;}
	.float_guide li a.fg_a0:before{ content:""; position: absolute; top:10%; left:0; width:1px; height: 80%; background: rgba(0,0,0, .10); }
	.float_guide li:first-child a.fg_a0:before{ display:none;}
	.cover_dianhua{ display:none;}
	.fg_cover{ top: auto; right: auto; bottom: 100%; left: 50%;  transform: translate(-50%,0); margin-bottom: 20px;}
	.fg_cover:before{ transform: rotate(90deg) translateX(-50%); top: 100%; right: auto; left: 50%; margin-top: 4px;}
	.float_guide li:hover a.fg_a0{ color: #0096d9; background: none;} 
	.gain_img{ display:none;}
	.gain_con{ width: 100%;}
	
	/*===01===*/
	main{ padding-top: 55px;}
	.focus_img_pc{ display:none;}
	.focus_img_phone{ display:block;}
	/*.focus_txt_box{ display:none;}*/
	.banner_bg{ background-position: 10% 0;}
	.mouse-icon{ display:none;}
	#news_nav{ margin-right:0;}
	.news_arrow{ position:static; text-align: center; margin-top: .40rem;}
	.rec_block{ width: 50%;}
	.rec_block a{ height:250px;}
	.function_hotline{ width: 100%; float:none;}
	.function_get{ padding-left:0; border:none; display:none; margin-top: .30rem;}
	.get_line, .get_btn{ flex:0.50 0 0;}
	.receive_txt{ height:50px; padding: 15px;}
	.receive_yu{ height:184px;}
	.receive_btn{ height: 50px;}
	.cases_logo{ width:120px;}
	a.cases_link{ height: 45px; line-height: 43px;}
	
	/*===02===*/
	.author{  height:55px; margin-top: -55px;}
	.sub_nav li a{ min-width:0; padding: 0 .15rem; line-height: 40px;}
	.banner_toolbar{ display:none;}
	.explain_left{ float:none; margin-right: 0;}
	.explain_right{ margin-top: .50rem;}
	.explain_des{ margin-top: .30rem;}
	.explain_right_inner{ max-width: none; float:none;}
	.service_item{ width: 50%;}
	.culture_list li{ display: block; padding: .30rem;}
	.culture_icon{ float:none; margin-right: 0; margin-bottom: .30rem; height: 55px;}
	.culture_text_des{ font-size: 14px;}
	.process_block{ width:100%;}
	.process_block_inner{ min-height:0;} 
	
	/*02详情*/
	.service_matter{ display:block;}
	.matter_text{ width:100%; float:none; margin-right: 0; margin-bottom: .20rem;}
	.service_link{ flex:0.40 0 0;}
	.service_link:nth-child(2){ flex:0.60 0 0;}
	.matter_img{width: 100%; float:none; max-width:none;} 
	.layout_list li{ width:100%;}
	.study_list li{ width:50%;}
	.study_list li a{ height: 50px;}
	.chart_list li{ width:100%;}
	.provide_tit{ font-size: 20px;}
	.module_list li, .design_list li{ width:50%;} 
	.furniture_img{ width:100%; float:none;}
	.furniture_img .img_box{ height: auto; padding-top: 62.11%;}
	.furniture_text{ position:static;}
	.page a{ min-width: 30px; line-height: 30px; margin: .02rem 0;}
	.investigate_box{ display:block; position: relative; background: none;}
	.investigate_img{ width:100%;}
	.investigate_img .img_box{ padding-top:94.27%;}
	.investigate_text{ width:100%; height: 100%; position: absolute; top:0; left:0; z-index: 1; background: rgba(0,151,218, .80);}
	.investigate_des{ max-height: 100%; overflow-y:auto;}
	
	/*===03===*/
	.survey_count{ display:flex; flex-wrap: wrap; align-items: flex-end; float:none; margin: -.10rem -.10rem .60rem;}
	.survey_count li{ margin-bottom: 0; padding: .10rem; flex: 1 0 0;}
	.about_qualification .sec_tit02{ float:none; margin: 0 0 .60rem;}
	.qualification_preface_range{ padding: .60rem;}
	.qualification_arrow{ position:static; margin: .40rem 0 0; text-align: center;}
	.qualification_arrow div[class*="swiper-button-"]{ width:107px; height: 47px; line-height: 47px;}
	.about_purposes .inner{ display:block;}
	.purposes_graphic{ width: 100%; float:none; margin: 0 auto .60rem;} 
	.service_icon{width:45px; height: 45px;} 
	
	/*===04===*/
	.news_item{ width: 100%;}
	
	/*===05===*/
	.cases_item{ width: 100%;}
	.facts_handle{ float:none; margin: 0 0 .60rem; }
	.facts_text{ display:block;}
	.facts_data{ width:100%;}
	.facts_intro{ border-left:none; border-top: 1px solid rgba(0,0,0, .10); padding: .30rem 0 0 0; margin-top: .60rem;}
	.facts_service_list li{ width:50%; text-align: center;}
	.facts_icon{ float:none; margin: 0 auto;}
	
	/*===06===*/
	.presale_flex, .insale_flex{ width:100%; float:none;}
	.insale_flex{ margin-top:.20rem;}
	.presale_text{ width: 100%; float:none; padding-bottom: .55rem;}
	.presale_img .img_box{ margin-top:0;}
	.insale_text{ width: 100%; float:none; }
	.aftersale_block{ width: 100%;}
	
	/*===07===*/
	.contact_way{ width: 100%; float:none;}
	.cover_tab{ width:50px;}
	.contact_message{ width: 100%; float:none; max-width: none; margin-top: .60rem;}
	.message_label{ margin-bottom:0;}
	.message_line{ width:100%;}
	.message_line_neirong .message_text{ height: 200px;}
	.message_btn{ height: 60px;}
	.contact_map_box{ height:300px;}
	
}  


@media screen and (max-width: 567px) {  
	/*fonts*/  
	.f100{ font-size: 40px;}
	.f72{ font-size: 32px;}
	.f56{ font-size: 26px;}
	.f48{ font-size: 24px;} 
	.f42{ font-size: 20px;} 
	.f38{ font-size: 20px;}
	.f36{ font-size: 18px;}
	.f34{ font-size: 18px;}
	.f32{ font-size: 18px;}
	.f30{ font-size: 16px;}
	.f28{ font-size: 16px;}
	.f26{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 14px;}
	.f17{ font-size: 14px;}
	.f16{ font-size: 14px;}  
	
	/*===01===*/
	.focus_des{ font-size: 14px;}
}