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

/*fonts*/ 
.f64{ font-size: 64px;}
.f50{ font-size: 50px;}
.f48{ font-size: 48px;}
.f42{ font-size: 42px;}
.f36{ font-size: 36px;}
.f30{ font-size: 30px;}
.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{ max-width: 1280px;} 
	
	/*fonts*/ 
	.f64{ font-size: 54px;}
	.f50{ font-size: 40px;}
	.f48{ font-size: 40px;}
	.f42{ font-size: 36px;}
	.f36{ font-size: 30px;}
	.f30{ font-size: 24px;}
	.f28{ font-size: 22px;}
	.f24{ font-size: 20px;}
	.f20{ font-size: 20px;}
	.f18{ font-size: 18px;}  
	
	/*header*/
	.header_line{ height: 110px; line-height: 110px;}
	
	/*01*/
	.tit_limit{ line-height: 30px; max-height: 60px;}
	.des_limit{ line-height: 24px; max-height: 48px;}
	.common_func{ height: 26px; line-height: 26px;}
	.industry_des{ max-height: 72px;}
	
	/*04*/
	.video_swiper .swiper-slide-prev .video_guide{ 
		left: 85.30%;
	} 
	.video_swiper .swiper-slide-next .video_guide{ 
		right: 85.30%;
	}
	
	/*05*/
	.recommend_list li:nth-child(3) .des_limit{ max-height: 96px;}
}
   
@media (max-width: 1400px){ 
	html{ font-size: 68px;}
	.inner{ max-width: 1030px;} 
	
	/*fonts*/ 
	.f64{ font-size: 44px;}
	.f50{ font-size: 34px;}
	.f48{ font-size: 34px;}
	.f42{ font-size: 30px;}
	.f36{ font-size: 24px;}
	.f30{ font-size: 20px;}
	.f28{ font-size: 20px;}
	.f24{ font-size: 20px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	/*body{ font-size: 14px;}*/
	
	/*header*/
	.header_line{ height: 110px; line-height: 110px;}
	.header_line .logo a{ font-size: 14px;}
	.header_line .logo_img,
	.footer_logo img{ height:36px;} 
	
	/*01*/
	.tit_limit{ line-height: 26px; max-height: 52px;}
	.des_limit{ line-height: 22px; max-height: 44px;}
	.common_func{ height: 24px; line-height: 24px;}
	.industry_des{ max-height: 66px;}
	.news_swiper{ height: 400px;}
	.news_latest li a .common_tit{ max-height: 26px;}
	
	/*05*/
	.recommend_list li:nth-child(3) .des_limit{ max-height: 88px;}
}


@media (max-width: 1200px){ 
	html{ font-size: 56px;} 
	.inner{ width: 100%; padding-left: 15px; padding-right: 15px; }
	/*fonts*/ 
	.f64{ font-size: 34px;}
	.f50{ font-size: 28px;}
	.f48{ font-size: 28px;}
	.f42{ font-size: 24px;}
	.f36{ font-size: 20px;}
	.f30{ font-size: 20px;}
	.f28{ font-size: 20px;}
	.f24{ font-size: 20px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	body,button, input, textarea, select{ font-size: 14px;}
	 
	
	.sec_box, 
	.banner_bg{ background-attachment: local!important; background-position: center top!important;}
	/*header*/ 
	.header_line{ height:80px; line-height: 80px; background-color: #24549B; padding-left: 15px; padding-right: 15px;}
	.header_line .logo_img,
	.footer_logo img{ height:30px;}  
	
	
	/*footer*/ 
	
	
	/*01*/
	main,
	body.body_dif main{ padding-top: 80px;}
	.focus_swiper{ height :auto;}
	.focus_img{ padding-top: 51%; min-height: 280px;}
	.mouse_icon{ display:none;}
	.focus_swiper .swiper_arrow{ display:none;}
	
	/*02*/
	.banner_wrap{ height: auto;}
	.banner_bg{ padding-top: 33.33%; /*min-height: 200px;*/}
	 
} 

@media (max-width: 991px){  
	
	 /*header*/ 
	 .header_right{ flex:none;}
	.menu_toggle{ display:block;}
	.menu_list{ 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);  top: 80px;  height: -webkit-calc(100vh - 80px); height: calc(100vh - 80px); background: #24549B; line-height: 50px; border-top: 1px solid rgba(255,255,255, .10); }
	.menu_list li{ border-bottom: 1px solid rgba(255,255,255, .10);} 
	.menu_list li a{ padding:0 20px;}
	.menu_list>li:hover>a, .menu_list>li.active>a{ background-color: rgba(255,255,255, .10);}
	.header_open .menu_list{ 
		-webkit-transform: translateX(0);
		transform: translateX(0); 
	}  
	
	/*footer*/ 
	footer{ text-align:center;}
	.footer_top .inner{ display:block;}
	.footer_contact{ display:block; margin-right: 0;} 
	.footer_middle .inner{ display:block;}
	.footer_logo img{ margin:0 auto;}
	.footer_nav{ flex-wrap: wrap; justify-content: center; line-height:30px; margin-top: 15px;}
	.footer_nav li{ padding:0 0.20rem;}
	.footer_follow{ justify-content: center; margin-top: 15px;}
	.footer_float{ position:fixed; bottom: .50rem; right: 15px;}
	
	/*01*/
	.news_latest{ padding-left:0; margin-top: 10px;}
	
	/*02*/
	.profile_con{ display:block;}
	.profile_img{ width:100%; max-width: none; margin-right: 0; margin-bottom: 0.40rem;} 
	
	/*03*/ 
	.common_list li{ width:50%;} 
	
	/*05*/
	.news_con{ display: block;}
	.news_swiper{ width:100%; height:auto;} 
	.news_img{ padding-top: 62.50%; min-height: 280px;} 
	.recommend_box{ margin-top: 0.30rem;}
	.recommend_list{ margin-left: -0.25rem;}
	.recommend_list li{ width:100%; position:relative;}
	.recommend_list li a{ padding: 15px;}
	.recommend_more{ margin-top: 15px;}
	.recommend_list li:nth-child(3) .recommend_more{ position: static;}
	.recommend_list li:nth-child(3) .des_limit{ display:none;}
	
	/*07*/
	.way_icon{ width:60px; height: 60px; line-height: 60px;}
	.way_icon>.iconfont{ font-size: 26px;} 
	
	/*08*/
	.contact_message .layui-form-item{ display:block; margin-bottom: 15px;}
	.contact_message .layui-form{ font-size: 14px;}
	.contact_message .layui-btn{ font-size: 18px;} 
	.contact_message .layui-form-label{ padding:0; width: auto; text-align: left; line-height: 1.75; margin-bottom: 5px;}
	.contact_message .layui-form-privacy,
	.contact_message .layui-form-cookie{ margin-left:0;}
} 

@media (max-width: 767px){
	html{ font-size: 50px;}  
	 /*fonts*/  
	.f64{ font-size: 30px;}
	.f50{ font-size: 24px;}
	.f48{ font-size: 24px;}
	.f42{ font-size: 20px;}
	.f36{ font-size: 18px;}
	.f30{ font-size: 16px;}
	.f28{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 14px;}
	body,button, input, textarea, select{ font-size: 14px;}
	
	/*header*/
	.header_line{ height: 60px; line-height: 60px; }
	.header_line .logo_img,
	.footer_logo img{ height: 24px;}  
	.header_line .logo a{ font-size: 12px;}
	.menu_list{ top: 60px;  height: -webkit-calc(100vh - 60px); height: calc(100vh - 60px);}
	
	/* 01*/
	main,
	body.body_dif main{ padding-top: 60px;}
	.product_block{ display:block;}
	.product_img{ width: 100%; margin: 0 auto 30px;}
	.industry_block{ flex: 1 1 calc(50% - 1px)} 
	.customer_block a{ transform: scale(0.60); }
	
	/*02*/ 
	.profile_data li{ flex: 0 0 calc(33.33% - 0.20rem);}
	.culture_block{ width:100%;}
	.culture_img{ min-height: 0;}
	
	/*03 && 04*/  
	.popular_show .swiper-slide{ width:100%;}
	.video_swiper .swiper-slide{ width:100%;}
	.video_guide{ display:none;}
	
	/*05*/
	.category_top{ display: block;}
	.category_screen{ margin-left:0; margin-top: 15px; height: 40px;}
	.screen_txt{ padding-left: 40px; font-size: 14px;}
	
	/*06*/
	.guarantee_list li{ width:50%;}
	.support_img{ width:100%;}
	.support_right{ padding: 0.40rem;}
	
	/*07*/
	.map_phone{ display:block;}
	.map_pc, .map_block{ display: none;}
	
	/*08*/
	.way_list li{ width: 50%;}
	.contact_message .layui-form-item:nth-child(n){ width:100%;}
} 

@media (max-width: 567px){
	 /*fonts*/  
	.f64{ font-size: 24px;}
	.f50{ font-size: 20px;}
	.f48{ font-size: 20px;}
	.f42{ font-size: 20px;}
	.f36{ font-size: 18px;}
	.f30{ font-size: 16px;}
	.f28{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 14px;}
	.f18{ font-size: 14px;}
	body,button, input, textarea, select{ font-size: 14px;}
	
	/*01*/
	.focus_tit{ font-size: 20px;}
	.focus_des{ font-size: 14px;}
	.industry_block{ flex: 1 1 calc(100% - 1px)}
	
	/*03*/ 
	.common_list li{ width: 100%;} 
}