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

/*fonts*/ 
.f150{ font-size: 150px;}
.f60{ font-size: 60px;}
.f48{ font-size: 48px;}
.f40{ font-size: 40px;}
.f36{ font-size: 36px;}
.f30{ font-size: 30px;}
.f24{ font-size: 24px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;}
.f16{ font-size: 16px;}

@media (max-width: 1680px){ 
	html{ font-size: 83px;}
	/*fonts*/ 
	.f150{ font-size: 124px;}
	.f60{ font-size: 50px;}
	.f48{ font-size: 40px;}
	.f40{ font-size: 34px;}
	.f36{ font-size: 30px;}
	.f30{ font-size: 24px;}
	.f24{ font-size: 20px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;}
	
	/*=======02======*/ 
	.history_cover{ width: 780px; } 
}

@media (max-width: 1440px){  
	html{ font-size: 68px;}
	/*fonts*/ 
	.f150{ font-size: 100px;}
	.f60{ font-size: 42px;}
	.f48{ font-size: 34px;}
	.f40{ font-size: 30px;}
	.f36{ font-size: 24px;}
	.f30{ font-size: 20px;}
	.f24{ font-size: 18px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}
	
	/*header*/ 
	.logo a img{ height: 44px;}
	.header_line{ height:80px; line-height: 80px;}  
	.menu_toggle em{ display:none;}
	main.main_padT{ padding-top: 80px;}
	
	/*footer*/ 
	.footer_logo img{ height: 44px;}
	
	/*02*/ 
	.guide_wrap{ height: 60px; line-height: 60px; margin-top: -60px;}
	.history_cover{ width: 670px; }
	.history_year{ height:460px;} 
	
	/*04*/ 
	.news_img{ width:214px;}
}

@media (max-width: 1199px){  
	.inner{ width: 100%; padding-left:20px; padding-right: 20px; max-width: 1040px;}
	/*fonts*/ 
	.f150{ font-size: 80px;}
	.f60{ font-size: 36px;}
	.f48{ font-size: 30px;}
	.f40{ font-size: 24px;}
	.f36{ font-size: 20px;}
	.f30{ font-size: 18px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}
	
	/*header*/ 
	#menu_pc{ display:none;}
	#menu_phone{ display:block;}
	.nav_box, .nav li .n_collapsible{ display: block; position: fixed; left:auto; top:80px; right: 0; width:100%; height: -webkit-calc(100vh - 80px); height: calc(100vh - 80px);}
	.nav_box{ 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{ width: 83%; max-width: 410px; height: 100%; background: rgba(255,255,255, 1); 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{ display:block; margin: 0; }
	.n_tit{ height:50px; line-height: 50px; border-bottom: 1px solid #e5e5e5; padding-left: .30rem;}
	.n_tit a.n_a0{ padding:0 50px 0 0;}
	.nav li .n_collapsible{ z-index: 10; margin-left: 0; max-width: 410px; background: rgba(255,255,255, 1); 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 li .n_collapsible:before{ display:none!important;}
	.nav li .n_collapsible.is_open {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
		
	}
	.nav li .n_collapsible .n_headline{ display:flex;}
	.cover_closed{ right:20px;} 
	
	/*01*/
	.sec_box, .banner_img, .leya_wrap{ background-attachment: local; background-position: 50% 0!important;}
	
	/*02*/
	.history_cover{ width:560px; transform: translate(-39.5%,-34%);}
	.history_year{ height:380px;}
	
	/*04*/ 
	.news_img{ width:174px;}
}


@media (max-width: 991px){  
	html{ font-size: 50px;}
	/*fonts*/ 
	.f150{ font-size: 60px;}
	.f60{ font-size: 30px;}
	.f48{ font-size: 24px;}
	.f40{ font-size: 20px;}
	.f36{ font-size: 18px;}
	.f30{ font-size: 18px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}
	
	/*header*/  
	.header_line{ font-size: 16px; height: 60px; line-height: 60px;}
	.logo a img{ height: 34px;} 
	.nav_box, .nav li .n_collapsible{ top:60px; height: -webkit-calc(100vh - 60px); height: calc(100vh - 60px);} 
	.nav_closed{ width: 60px; line-height: 60px; }
	 main, main.main_padT{ padding-top: 60px;}
	header.scollfox .header_line{ transform: translateY(0%); } 
	
	/*footer*/  
	.footer_nav{ width:auto; }
	.footer_nav li{ flex:none; margin-left: .50rem;}
	.footer_notice{ width:100%; justify-content: center; margin-top: .50rem;}
	.footer_notice li{ flex:none; margin: 0 .20rem;}
	 
	/*02*/
	.history_year{ height:300px;}
	.history_cover{ width:490px;}
}

@media (max-width: 767px){  
	/*fonts*/ 
	.f150{ font-size: 50px;}
	.f60{ font-size: 24px;}
	.f48{ font-size: 20px;}
	.f40{ font-size: 18px;}
	.f36{ font-size: 18px;}
	.f30{ font-size: 18px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 14px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	
	/*header*/  
	.menu_status em{ display:none;} 
	
	/*footer*/  
	.footer_logo img{ height: 34px;}
	.footer_top .inner{ display:block;}
	.footer_nav{ display:block; border-top: 1px solid #e5e5e5; margin-top: .50rem;}
	.footer_nav li{ margin-left: 0;}
	.f_tit{ height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5;}
	.f_tit a.f_a0{ padding-right: 40px;}
	.f_subclass{ display:none; padding: 10px 0; border-bottom: 1px solid #e5e5e5;}
	.footer_bot{ text-align: center;}
	.footer_bot .inner{ display:block;}
	.footer_copyrights{ margin-right:0;}
	
	/*index*/
	.focus_swiper, .banner_wrap{ height:auto;}
	.focus_img, .banner_img{ padding-top: 58%; min-height: 300px;}
	.banner_img img{ display:block;}
	.about_foreword{ width:100%;}
	.about_right{ overflow:visible; margin-top: .50rem;} 
	.product_text{ width:auto;} 
	.news_flex{ display:block;}
	.news_rec{ width:100%;}
	.news_focus{ width:100%; max-width: none;}
	.footer_cooper{ text-align: center;}
	.cooper_tit{ display:block; margin-bottom: .30rem;}
	
	/*02*/
	.factory_block{ width:50%;} 
	.guide_wrap{ height: 40px; line-height: 40px; margin-top: -40px;}
	.guide_nav li{ margin:0;}
	.history_year{ height: 220px; padding-left: 25px;}
	.history_year i{ width:12px;}
	.history_year i:after{ width:12px; height: 12px;}
	.history_year02{ margin-right: 30px;}
	.history_cover { width:440px; transform: translate(-35%,-34%); }
	
	/*03*/ 
	.product_box .inner{ display:block;}
	.product_pic{ width:100%;}
	
	/*05*/ 
	.distribution_num{ margin-top:1rem;}
	.query_line{ width:47%; display:block;}
	.line_type{ width:67%;}
	.line_handle{ width:27%;}
	.query_result li a{ display:block;}
	.query_text{ width:100%; margin-right: 0; padding-top: 0; margin-bottom: .30rem;}
	.query_img{ max-width:none;} 
}


@media (max-width: 567px){ 
	/*index*/ 
	.product_img{ width:100%; margin-bottom: .50rem;}
	
	/*02*/
	.history_des{ font-size: 14px;}
	.history_cover { width: 310px; transform: translate(-43%,-34%); } 
	
	/*03*/ 
	.leya_block{ width:50%;}
	
	/*04*/ 
	.news_img{ width:100%; margin-bottom: .30rem;} 
	.detail_bot{ display:block;}
	.detail_nav{ margin-right: 0; margin-bottom: .30rem;}
	
	/*05*/ 
	.query_result li{ width:100%;}
	
	/*06*/ 
	.contact_list li{ width:100%;}
}