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

/*fonts*/ 
.f72{ font-size: 72px;}
.f60{ font-size: 60px;}
.f50{ font-size: 50px;} 
.f40{ font-size: 40px;}
.f36{ font-size: 36px;}
.f30{ font-size: 30px;}
.f24{ font-size: 24px;}
.f22{ font-size: 22px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;}
.f16{ font-size: 16px;}
 
@media (max-width: 1440px){  
	html{ font-size: 83px;}  
	
	/*fonts*/ 
	.f72{ font-size: 62px;}
	.f60{ font-size: 50px;}
	.f50{ font-size: 40px;} 
	.f40{ font-size: 34px;}
	.f36{ font-size: 30px;}
	.f30{ font-size: 26px;}
	.f24{ font-size: 20px;}
	.f22{ font-size: 20px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;}
	
	/*01*/
	.about_entrance_des{ line-height: 30px; max-height: 120px;}
	
	/*03*/
	.circular_out{ width: 4.40rem; height: 4.40rem;}
	.plan_info{ width:120%;}
	
	/*04*/
	.brand_des{ line-height: 30px; max-height: 150px;}
	
	/*07*/
	.profile_des{ line-height: 30px; height: 360px;}
}


@media (max-width: 1199px){  
	html{ font-size: 68px;}  
	
	/*fonts*/ 
	.f72{ font-size: 52px;}
	.f60{ font-size: 40px;}
	.f50{ font-size: 34px;} 
	.f40{ font-size: 28px;}
	.f36{ font-size: 26px;}
	.f30{ font-size: 22px;}
	.f24{ font-size: 18px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;} 
	.inner{ width: 100%; padding-left:20px; padding-right: 20px; max-width: 1020px;}
	
	/*header*/  
	.header_line{ height:80px; line-height: 80px;}  
	body.up .product_guide,
	body.up .details_nav{ margin-top:80px;}
	.load_logo, .logo a img, .footer_logo img{ height: 47px;}
	.menu_toggle{ display:block;}   
	.nav_box{ display: block; position: fixed; left:auto; top:80px; right: 0; width:100%; height: -webkit-calc(100vh - 80px); height: calc(100vh - 80px); background: rgba(0,0,0, .50); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease; }  
	.nav_con{ max-width: 410px; height: 100%; background: #ffffff; position: absolute; top:0; right:0; -webkit-transform: translateX(100%); transform: translateX(100%); visibility: hidden; 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);}
	.nav_box.is_open{ opacity: 1; visibility: visible; pointer-events: all;}
	.nav_box.is_open .nav_con{
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	} 
	.nav_func{ display:flex;}
	.nav_list{ display: block; margin:0;} 
	.n_tit{ height:50px; line-height: 50px; border-bottom: 1px solid rgba(0,0,0, .10); padding-left: .30rem;}
	.n_tit a.n_a0{ text-align: left; padding:0 50px 0 0;}
	.n_tit a.n_a0 em:before{ display:none;}
	.nav_list>li .n_collapsible{ display: block; position: fixed; top:60px; height: -webkit-calc(100vh - 60px); height: calc(100vh - 60px); z-index: 10; margin-left: 0; max-width: 410px; padding:0 .30rem;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);  
		opacity: 1;
		pointer-events: all;
		overflow: hidden;
		overflow-y: auto;
		-ms-scroll-chaining: none;
		overscroll-behavior: none;
		-webkit-overflow-scrolling: touch;
		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);  	
	}
	.nav_list>li .n_collapsible:before{ display:none!important;}
	.nav_list>li .n_collapsible.is_open {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
		
	}
	.nav_list>li .n_collapsible .n_headline{ display:flex; padding: 0;}
	.cover_closed{ right:20px;}  
	.menu_language_ico{ display:block;}
	.menu_language_link{ display:block; position: absolute; top:100%; left:0; width: 100%; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
	.menu_language_link a{ display:block; width: 100%; line-height: 1.72; padding: .10rem 0;}
	.menu_language:hover .menu_language_link{ opacity: 1; visibility: visible; pointer-events: all;}
	.func_menu{ width:80px!important;}
	
	/*01*/
	main{ padding-top: 80px;}
	.sec_box, .banner_img{ background-attachment: local; background-position: 50% 0!important;}
	.index_focus{ height: -webkit-calc(100vh - 80px); height: calc(100vh - 80px);}
	.about_entrance_des{ line-height: 26px; max-height: 104px;}
	.brand_list{ margin-left: -.20rem; margin-right: -.20rem;} 
	
	/*02*/
	.product_guide.sticky, .details_nav.sticky, .case_nav.sticky{ margin-top: 80px;}
	.case_des{ line-height: 26px; max-height: 78px;}
	
	/*03*/
	.classify_des{ line-height: 26px; max-height: 156px; height: 156px;}
	
	/*04*/
	.brand_left{ padding: 0; width:0; height: 0; overflow:hidden; opacity: 0; visibility: hidden; pointer-events: none;}
	.brand_des{ line-height: 26px; max-height: 130px;}
	
	/*05*/
	.case_nav li{ flex:none;}
	.case_nav li a{ line-height: 1.72; padding: .15rem .20rem;}
	
	/*07*/
	.profile_des{ line-height: 26px; height: 312px;}
	.news_nav li{ flex:1 0 0!important;}
	.news_nav li a{ line-height: 3.89; padding: 0;}
}


@media (max-width: 991px){  
	 /*fonts*/ 
	.f72{ font-size: 42px;}
	.f60{ font-size: 34px;}
	.f50{ font-size: 28px;} 
	.f40{ font-size: 24px;}
	.f36{ font-size: 22px;}
	.f30{ font-size: 22px;}
	.f24{ font-size: 18px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 14px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	
	/*footer*/ 
	.footer_top .inner{ display:block;}
	.footer_left{ width:100%; margin-right: 0; margin-bottom: .40rem;}
	.footer_right{ max-width:none;}
	.footer_nav{ display:block; margin: 0;}
	.footer_nav>li{ max-width:none; padding: 0;}
	.f_subclass{ display:none; margin-top: 0; padding: .25rem 0; border-top: 1px solid rgba(0,0,0, .10); } 
	.f_tit{ height:40px; line-height: 40px; border-top: 1px solid rgba(0,0,0, .10); } 
	.footer_bot{ text-align: center; }
	.footer_bot .inner{ display:block;}
	.footer_follow{ margin: .20rem 0;}
	
	/*01*/ 
	.brand_subclass li{ width:33.33%;}
	
	/*02*/
	.message_left{ width: 100%; padding: .40rem;}
	.message_right{ padding: .40rem;}
	
	/*03*/
	.classify_block{ width:33.33%;}  
	/*.circular_plan li{ border-left-width: 1.63rem;}*/
	.circular_out{ width: 3.40rem; height: 3.40rem;}
	.plan_text{ font-size: 14px;}
	
	/*07*/
	.contact_map{ width:100%; margin: 0 auto .50rem;}
	.contact_right{ max-width: none;}
	.join_block{ width:50%;}
}

@media (max-width: 767px){  
	html{ font-size: 50px;}
	 /*fonts*/ 
	.f72{ font-size: 36px;}
	.f60{ font-size: 28px;}
	.f50{ font-size: 24px;} 
	.f40{ font-size: 20px;}
	.f36{ font-size: 20px;}
	.f30{ font-size: 18px;}
	.f24{ font-size: 18px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 14px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;} 
	
	/*header*/  
	.header_line{ height:60px; line-height: 60px;}
	body.up .product_guide{ margin-top:60px;}
	body.up .details_nav{ margin-top:56px;}
	.load_logo, .logo a img, .footer_logo img{ height: 37px;}  
	.nav_box{ top: 60px; height: -webkit-calc(100vh - 60px); height: calc(100vh - 60px);}
	.func_menu{ width: 50px!important;}  
	
	/*01*/
	main{ padding-top: 60px;} 
	.index_focus{ /*height: -webkit-calc(100vh - 60px); height: calc(100vh - 60px);*/ height: auto;}
	.focus_show_img{ padding-top: 70%;}
	.focus_thumbs .swiper-container{ padding-bottom: 40px;}
	.focus_thumbs_des{ margin-top: 5px;}
	.product_block{ width: 50%;} 
	.brand_subclass li{ width:50%;}
	
	/*02*/
	.banner_dec{ display:none;} 
	.banner_text{ transform: translateY(-50%);}
	.product_summary{ padding-bottom: 1rem;}
	.summary_left{ width: 100%;}
	.summary_text{ padding-left: 0;}
	.details_box{ display:block;}
	.details_left{ width: 100%; max-width: none; margin-right: 0; margin-bottom: .50rem;} 
	.product_guide.sticky, .case_nav.sticky{ margin-top: 60px;}
	.details_nav.sticky{ margin-top: 56px;}
	.details_nav{ display:flex; flex-wrap: wrap; background: #ffffff; border-bottom: 1px solid #DCDCDC;}
	.details_nav li{ border:none;}
	.details_nav li a{ padding: .15rem;} 
	.case_pic{ width:100%; margin: 0 auto;}
	.case_text{ flex:auto;}
	
	/*03*/
	.solution_circular{ /*display:none;*/} 
	.classify_block{ width: 50%;}
	.plan_text{ font-size: 12px;}
	.circular_tit{ font-size: 14px;}
	
	/*04*/
	.brand_right{ flex:auto;}
	.brand_range{ display:block;}
	.brand_text{ padding-left: 0;}
	
	/*06*/
	/*.aftersale_form .form_line{ width: 50%;}*/
	.package_list li{ width:100%;}
	.paging a{ margin:0;}
	
	/*07*/
	.profile_box{ display:block;}
	.profile_left{width:100%; margin-right: 0; margin-bottom: .50rem;}
	.profile_left .video_box{ padding-top: 68.09%;}
	.service_box{ display:block;}
	.about_service .sec_tit02{ margin-bottom: .50rem;}
	.service_left{ width: 100%; margin: 0 auto .50rem;}
	.service_city{ font-size: 14px;}
	.history_info{ display:block;}
	.history_text{ width:100%; margin: 0 0 .30rem;} 
	.join_wrap{ min-height:auto;}
}


@media (max-width: 567px){ 
	 /*fonts*/ 
	.f72{ font-size: 30px;}
	.f60{ font-size: 24px;}
	.f50{ font-size: 20px;} 
	.f40{ font-size: 18px;}
	.f36{ font-size: 16px;}
	.f30{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 14px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;} 
	 
	/*01*/ 
	.focus_show_tit{ font-size: 24px;}
	.focus_show_des{ font-size: 12px;} 
	.brand_block{ width:33.33%; padding-left: 0; padding-right: 0;} 
	.brand_subclass li{ width:100%;}
	.brand_block:nth-child(1) .brand_cover,
	.brand_block:nth-child(2) .brand_cover,
	.brand_block:nth-child(3) .brand_cover{ top: 8%;}
	.brand_block:nth-child(4) .brand_cover,
	.brand_block:nth-child(5) .brand_cover,
	.brand_block:nth-child(6) .brand_cover{ top:calc(8% + 100%/7); }
	.brand_block:nth-child(7) .brand_cover,
	.brand_block:nth-child(8) .brand_cover,
	.brand_block:nth-child(9) .brand_cover{ top:calc(8% + 100%/7*2);}
	.brand_block:nth-child(10) .brand_cover,
	.brand_block:nth-child(11) .brand_cover,
	.brand_block:nth-child(12) .brand_cover{top:calc(8% + 100%/7*3);}
	.brand_block:nth-child(13) .brand_cover,
	.brand_block:nth-child(14) .brand_cover,
	.brand_block:nth-child(15) .brand_cover{top:calc(8% + 100%/7*4);}
	.brand_block:nth-child(16) .brand_cover,
	.brand_block:nth-child(17) .brand_cover,
	.brand_block:nth-child(18) .brand_cover{top:calc(8% + 100%/7*5);}
	.brand_block:nth-child(19) .brand_cover,
	.brand_block:nth-child(20) .brand_cover,
	.brand_block:nth-child(21) .brand_cover{top:calc(8% + 100%/7*6);}
	.brand_item{ font-size: 13px;}
	.about_entrance{ display:block;}
	.about_entrance_left{ width:100%; padding-right: 0;}
	.about_entrance_left:before{ left:-25%;}
	.about_entrance_img{ position: relative; left:-25%;}
	.about_entrance_img .img_box{ padding-top: 41.67%;}
	.about_data li{ width:50%; padding: .30rem; border-top:1px dashed #C9C9C9;}
	.about_data li:nth-child(1), .about_data li:nth-child(2){ border-top: none;}
	/*.solution_block{ width: 100%;}*/
	.news_swiper .swiper-container{ padding:10px 20px;} 
	
	/*02*/
	.category_block a{ display:block;}
	.category_img{ width: 83%; max-width: 450px; margin: 0 auto;}
	.category_text{ flex:auto; padding: .40rem;} 
	.classify_block{ width: 100%;}
	
	/*03*/
	.solution_item{ font-size: 12px; line-height: 18px;}
	.circular_out{ width: 2.40rem; height: 2.40rem;}
	.plan_pic{ width: 35px; height: 35px;}
	.plan_info{ width:160%;}
	.plan_text{ transform: scale(0.75) translateX(-20%);}
	.circular_tit{ font-size: 12px;}
	.circular_plan li.cp_01 .plan_info{ transform: translate(-38%, 0);}
	.circular_plan li.cp_06 .plan_info{ transform: translate(-38%, 0);}
	.circular_plan li.cp_07 .plan_info .plan_text,
	.circular_plan li.cp_08 .plan_info .plan_text,
	.circular_plan li.cp_09 .plan_info .plan_text,
	.circular_plan li.cp_10 .plan_info .plan_text{ transform: scale(0.75) translateX(20%);}
	
	/*07*/
	.vision_block{ flex:auto; margin-top: .50rem;}
	.vision_block:first-child{ margin-top:0;}
	.team_block{ width:50%;} 
	.organization_box li{ width: 100%; margin-top: .20rem;}
	.organization_box li:first-child{ margin-top:0;}
	.join_block{ width: 100%;}
}