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

/*fonts*/
.f60{ font-size: 60px;}
.f46{ font-size: 46px;}
.f42{ font-size: 42px;}
.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: 1680px){ 
	html{ font-size: 83px;}
	/*fonts*/
	.f60{ font-size: 50px;}
	.f46{ font-size: 36px;}
	.f42{ font-size: 34px;}
	.f36{ font-size: 32px;}
	.f30{ font-size: 26px;}
	.f24{ font-size: 20px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 18px;}
	.f16{ font-size: 16px;}
	
	/*inner*/
	.inner{ max-width: 1440px;}
	
	/*header*/
	.header_line{ height:80px; line-height: 80px;}
	.menu_search, .menu_phone{ width:80px;}
	.logo{ margin: 0 3.125%; }  
	.nav{ margin:0 -.24rem;}
	.nav li{ margin: 0 .24rem;}
	
	/*02*/
	.guide_nav{ margin-right:-.24rem;}
	.guide_nav li a{ padding: 0 .24rem;}
}


@media (max-width: 1500px){  
	html{ font-size: 70px;} 
	
	/*inner*/
	.inner{ max-width: 1240px;}
	
	/*header*/
	.header_line{ height: 70px; line-height: 70px;}
	.menu_search, .menu_phone{ width:70px;}
	.logo{ margin: 0 2.125%; }  
	.nav{ margin:0 -.20rem;}
	.nav li{ margin: 0 .20rem;} 
	
	/*02*/
	.sec_tit, .sec_forewords{ letter-spacing: 0;}
	.guide_nav{ margin-right:-.20rem; font-size: 14px;}
	.guide_nav li a{ padding: 0 .20rem;}
	
	/*04*/
	.product_tit{ font-size: 18px;}
	.product_tit i{ font-size: 14px!important;}
	.product_des{ font-size: 14px!important; line-height: 26px; max-height: 52px;}
	
	/*06*/
	.news_focus_img{ height: 380px;}
	.news_img .img_box{ height:200px;}
	.news_text{ height: 180px;}
	
}

@media (max-width: 1279px){  
	 /*fonts*/
	.f60{ font-size: 40px;}
	.f46{ font-size: 32px;}
	.f42{ 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: 14px;}
	
	/*inner*/
	.inner{ width:100%; max-width: 1040px;}
	
	/*header*/
	.header_line{ height:70px; line-height: 70px;}
	.menu_search, .menu_phone{ width:70px;}
	.nav{ margin:0 -.16rem;}
	.nav li{ margin: 0 .16rem;}
	.menu_tel,.menu_language{ display:none;}  
	.mobile_menu_section_language{ display: block;}
	
	/*01*/
	.line_multi{ line-height: 24px; max-height: 48px;}
	.business_des, .business_product_list{ line-height: 24px; max-height: 96px;}
	.case_des{ max-height: 72px;}
	
	/*02*/ 
	.banner_bg{ background-attachment: local!important; background-position: 50% 0!important;}
	.guide_wrap{ display:none;}
	.honor_tab{ text-align:left;}
	.honor_swiper .swiper_arrow{ position: absolute; bottom: 100%; right:0; z-index: 2; margin-bottom: .40rem;}
	.honor_swiper .swiper_arrow div{ position: static; display: inline-block; vertical-align: middle; margin: 0 0 0 .10rem;} 
	
	/*04*/
	.product_block{ width: 33.33%;}
	
	/*05*/ 
	.business_overview{ flex-wrap: wrap;}
	.business_ico{ margin-right:0; margin-bottom: .10rem;}
	.business_text{ flex:auto; width: 100%;}
	.case_img .img_box{ min-height: 300px;}
	
	/*06*/
	.news_focus_img{ height: 340px;}
	.news_img .img_box{ height:180px;}
	.news_text{ height: 160px;}
	
} 

@media (max-width: 991px){  
	html{ font-size: 60px;}
	 /*fonts*/
	.f60{ font-size: 34px;}
	.f46{ font-size: 26px;}
	.f42{ font-size: 24px;}
	.f36{ font-size: 22px;}
	.f30{ font-size: 18px;}
	.f24{ font-size: 18px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	
	/*header*/
	.nav{ display:none;}
	
	/*footer*/
	.footer_nav{ flex: none; width: 100%;}  
	.footer_nav>li:last-child .footer_nav_block{ margin-right: 0;} 
	.footer_notice{ margin:.40rem auto 0;}
	
	/*04*/
	.product_detail_img{ width:100%; float:none; margin: 0 auto .40rem;}
	
	/*05*/
	.video_block{ width:50%;}
	
	/*06*/
	.news_box .news_block{ width:33.33%;}
	.news_img .img_box{ height:auto; padding-top: 58.67%;}
	.news_box .news_focus_block{ width:100%!important;}
	.news_focus_img{  height: auto; padding-top: 53.64%;}
	.news_detail{ display:block;}
	.news_detail_left{ width:100%; min-height:0; border-right: 0; border-bottom: 1px solid rgba(0,0,0, .06);}
	#portamento_container{ width:100%!important; min-height: 0!important;}
	
	/*07*/
	.contact_message{ width:100%; padding-right: 0; border-right:none; border-bottom: 1px solid rgba(0,0,0, .06);}
	.contact_mation{ width:100%; padding-left: 0;}
}

@media (max-width: 767px){ 
	html{ font-size: 50px;}
	 /*fonts*/
	.f60{ font-size: 28px;}
	.f46{ font-size: 22px;}
	.f42{ font-size: 20px;}
	.f36{ font-size: 18px;}
	.f30{ font-size: 18px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	
	/*header*/
	.header_line{ height:60px; line-height: 60px;}
	.menu_search, .menu_phone{ width:60px;}
	.logo a{ height: 30px;}
	
	/*footer*/
	.footer_nav{ flex:1 0 0; width:auto; margin-right: 5%;}
	.footer_nav>li:nth-child(n){ padding:0; margin: 0; width: 100%;} 
	.footer_nav_tit a{ line-height: 36px; border-bottom: 1px solid rgba(255,255,255, .10);}
	.footer_nav_tit .icon_jiahao{ display:block;}
	.footer_nav_collapsible{ display:none;}
	.footer_notice{ margin:0;} 
	.footer_copyrights{ flex:auto; width: 100%; margin: 0 0 .20rem;}
	.footer_logo{ margin: 0 auto;}
	.footer_logo img{ height: 30px;}
	
	/*01*/
	.sec_forewords{ font-size:14px;}
	.sec_more{ font-size: 12px; height: 36px; line-height: 34px;}
	.focus_swiper .swiper_arrow{ display:none;}
	.focus_txt_en, .focus_txt_cn{ letter-spacing:0;}
	.index_about .sec_forewords{ width:100%;}
	.technology_list{ flex-wrap: wrap; }
	.technology_block{ width:100%; min-height: 0; border-left:none; border-top: 1px solid rgba(255,255,255, .35)}
	.product_thumbs .swiper-slide a{ line-height: 36px;}
	.product_row a{ flex-wrap: wrap;}
	.product_row_img{ width:40%;}
	.product_row_tit{ width:auto; flex:1 0 0;}
	.product_row_des{ padding-left: 0; width:100%; flex:auto; margin-top: .20rem; display: none;}
	.product_row_more{ display:none;}
	
	/*02*/
	.about_culture{ flex-wrap: wrap;}
	.culture_block{ flex:auto; width: 100%;}
	.culture_block:nth-child(even){ flex-direction: row-reverse;}
	.culture_block .img_box{ min-height: 220px;}
	.honor_tab{ text-align:center; }
	.honor_tab li a{ width:110px; height: 36px; line-height: 36px; border-radius: 18px;}
	.honor_swiper .swiper_arrow{ position:static; margin-bottom: 0; width: 100%; text-align: center;}
	.honor_swiper .swiper_arrow div{ margin:0 .10rem;}
	
	/*04*/
	.product_block{ width: 50%;}
	.product_detail_des li{ display:block;}
	.product_detail_item{ width:auto; margin-bottom: .10rem;}
	
	/*05*/
	.business_img{ width:100%;}
	.business_img .img_box{ min-height: 0;}
	.business_con{ position:static; width: 100%; padding: 20px;}
	.business_des, .business_product_list{ max-height: none;}
	.case_block a{ display:block;}
	.case_img{ width: 100%;}
	.case_img .img_box{ min-height: 0;}
	.case_text{ padding: 20px;}
	
	/*06*/
	.news_box .news_block{ width:50%;} 
	.news_detail_left, .news_detail_right{ padding-left: 20px; padding-right: 20px;}
}


@media (max-width: 567px){ 
	/*footer*/
	.footer_notice img{ max-width: 100px;}
 	/*01*/
	.focus_txt_en{ font-size: 16px;}
	.focus_txt_cn{ font-size: 22px;}
	.mouse_icon{ display:none;}
	
	/*04*/
	.product_block{ width: 100%;}
	
	/*05*/
	.business_product_list li{ width: 100%;} 
	.video_block{ width:100%;}
	
	/*06*/
	.news_box .news_block{ width:100%;}
}