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

/*fonts*/ 
.f84{ font-size: 84px;}
.f50{ font-size: 50px;}
.f46{ font-size: 46px;}
.f42{ font-size: 42px;}
.f40{ font-size: 40px;}
.f36{ font-size: 36px;}
.f32{ font-size: 32px;}
.f30{ font-size: 30px;}
.f28{ font-size: 28px;}
.f24{ font-size: 24px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;}
.f16{ font-size: 16px;} 

@media (max-width: 1600px){
	.account_logo img{ height: .76rem;}
	.account_form, 
	.line_func{ margin-top: .40rem;}
	.account_txt{ height: 60px;}
	.account_welcome,
	.account_reg{ margin-top: .80rem;}
}

@media (max-width: 1366px){
	.account_logo img{ height: .66rem;}
	.account_form, 
	.line_func{ margin-top: .30rem;}
	.account_txt{ height: 50px;}
	.account_welcome,
	.account_reg{ margin-top: .60rem;}
}


@media (max-width: 1359px){  
	html{ font-size: 83px;} 
	.inner{max-width: 1030px;}
	/*fonts*/  
	.f84{ font-size: 70px;}
	.f50{ font-size: 42px;}
	.f46{ font-size: 38px;}
	.f42{ font-size: 34px;}
	.f40{ font-size: 32px;}
	.f36{ font-size: 30px;}
	.f32{ font-size: 26px;}
	.f30{ font-size: 24px;}
	.f28{ font-size: 22px;}
	.f24{ font-size: 20px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;}
} 

@media (max-width: 1199px){
	html{ font-size: 68px;} 
	/*fonts*/ 
	.f84{ font-size: 60px;}
	.f50{ font-size: 34px;}
	.f46{ font-size: 32px;}
	.f42{ font-size: 28px;}
	.f40{ font-size: 26px;}
	.f36{ font-size: 24px;}
	.f32{ font-size: 22px;}
	.f30{ font-size: 20px;}
	.f28{ font-size: 18px;}
	.f24{ font-size: 18px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}
	
	/*index*/
	.sec_box{ background-position: 50% 0!important; background-attachment: local;}
	
	/*04*/
	.news_details_left{ width:100%; float:none; margin-right: 0; margin-bottom: .40rem;}
	.recent_tit{ background-color: #696b71;}
}


@media (max-width: 991px){  
	/*fonts*/ 
	.f84{ font-size: 50px;}
	.f50{ font-size: 28px;}
	.f46{ font-size: 26px;}
	.f42{ font-size: 24px;}
	.f40{ font-size: 22px;}
	.f36{ font-size: 20px;}
	.f32{ font-size: 18px;}
	.f30{ font-size: 18px;}
	.f28{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}
	
	/*header*/  
	.header_line{ height: 90px; line-height: 90px;}
	main{ padding-top: 90px;}
	.logo{ margin-top: 0;}
	.logo a img, .load_logo{ height: 51px;} 
	.menu_search, .menu_toggle{ display: inline-block;}   
	.header_func{ margin-top: 0; margin-right: -.15rem;} 
	.func_menu{ margin-left: 0; padding: 0 .15rem;}
	.nav_box, .nav_list>li .n_collapsible{ display: block; position: fixed; left:auto; top:90px; right: 0; width:100%; height: -webkit-calc(100vh - 90px); height: calc(100vh - 90px);} 
	.nav_box{ margin-top: 0; 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: #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{ margin:0;}
	.nav_list>li{ width: 100%; }
	.n_tit{ height:50px; line-height: 50px; border-bottom: 1px solid rgba(0,0,0, .20); padding-left: .30rem;}
	.n_tit a.n_a0{ padding:0 50px 0 0; line-height: 50px;}
	.n_tit a.n_a0 em:before{ display:none;} 
	.nav_list>li .n_collapsible{ margin-top: 1px; 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;}
	.cover_closed{ right:20px;}  
	
	/*footer*/
	footer .inner{ display:block;}
	.footer_nav{ margin-right:0; margin-bottom: 20px;}
	.footer_bot{ text-align: center;}
	
	/*01*/
	.focus_swiper{ height: -webkit-calc(100vh - 90px); height: calc(100vh - 90px);} 
	.vika_box{ width:100%;}
	.vika_des{ line-height: 26px; max-height: 156px;}
	
	/*01*/
	.media_func{ display:block;}
	.media_caption{ margin-right:0; margin-bottom: .05rem;}
}

@media (max-width: 767px){ 
	html{ font-size: 50px;} 
	/*fonts*/ 
	.f84{ font-size: 40px;}
	.f50{ font-size: 24px;}
	.f46{ font-size: 22px;}
	.f42{ font-size: 20px;}
	.f40{ font-size: 18px;}
	.f36{ font-size: 18px;}
	.f32{ font-size: 16px;}
	.f30{ font-size: 16px;}
	.f28{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;}
	
	/*header*/
	.header_line{ height:60px; line-height: 60px;}
	 main{ padding-top: 60px;}
	.logo a img, .load_logo{ height: 36px;}
	.func_menu em{ display:none;}
	.nav_box, .nav_list>li .n_collapsible, .cover_wrap{ top: 60px; height: -webkit-calc(100vh - 60px); height: calc(100vh - 60px);}
	
	/*footer*/
	footer{ padding-bottom: 50px;}
	.footer_nav{ display:block;}
	.f_subclass{ display:none;}
	.f_tit{ height:40px; line-height: 40px; border-bottom: 1px solid rgba(0,0,0, .10); }
	/*.float_menu{ bottom:0; right:auto; left:0; width: 100%; border-radius:15px 15px 0 0; display:flex; background: #696B71;}
	.float_menu li{ flex:1 0 0; border-left: 1px solid rgba(255,255,255, .20); }
	.float_menu li:nth-child(n) a.fm_a0{ width: 100%; height: 50px; background: none;}
	.float_menu li.fm_top{ margin-top:0;}*/
	
	 /*01*/
	.focus_swiper{ height: -webkit-calc(100vh - 110px); height: calc(100vh - 110px);}
	.focus_range{ max-width:100%;}
	.index_search{ display: none;}
	.index_about{ min-height: inherit; padding-top: 1rem;}
	.index_about:before{ display:block;} 
	/*.theme_thumb{ display:none;}
	.theme_detail{ opacity:1; background: none; color:#85332D; padding-left: 0;}
	.theme_detail a{ color:#85332D;}
	.theme_detail .theme_info a{ padding: 0 20px;}
	.theme_img{ display:none;}
	.theme_detail .theme_logo img:nth-child(1){ opacity: 1;}
	.theme_detail .theme_logo img:nth-child(2){ opacity: 0;}*/
	.product_block:nth-child(n) a{ overflow:hidden; flex-direction: column-reverse;}
	.product_img{ width:100%;}
	.product_block:nth-child(n) a .product_info{ display: block; text-align: center; padding: .60rem 0 0;}
	.product_block:nth-child(even) a .product_info .product_des{ text-align: center;}
	.product_des_range{ max-width: none;}
	.quality_box{ min-height:inherit;}
	#focus_swiper_pc{ display:none;}
	#focus_swiper_phone{ display:block;}
	
	/*02*/
	.details_introduce{ display: block;}
	.introduce_img{ width: 100%;}
	.introduce_text{ padding-left:0; margin-top: .40rem;}
	.type_profile{ min-height:inherit;}
	.type_profile .type_profile_img{ width: 100%!important; text-align: center;}
	.type_profile_con{ flex-direction: column-reverse;}
	.type_profile .type_profile_img img{ width: 100%!important; margin: 0 auto!important; }
	.type_profile .type_profile_des{ padding: .40rem 0 0!important;}
	.easily_profile_img{ width:100%;}
	.easily_profile_des{ padding-left:0; margin-top: .40rem;}
	.STO_profile_des{ flex:auto; padding-top: .60rem;}
	.STO_details_guide li{ width:50%;}
	.guide_img{ width: 100%; max-width: 170px;}
	.summary_map{ width: 60%; float:none; margin: 0 auto;}
	.summary_duan{ width:100%; max-width: none;}
	.vika_profile_logo{ padding-right:0;}
	.vika_profile_des{ flex:auto; margin-top: .40rem;}
	.system_tab{ margin-left: -.15rem; margin-right: -.15rem;}
	.system_tab li{ padding: 0 .15rem;}
	.dpa_profile_logo{ margin: 0 auto;text-align: center; padding-left: 0;}
	.dpa_profile_des{ flex:auto; margin-top: .40rem;}

	/*03*/
	.digital_block{ padding: .90rem 20px!important;}
	.digital_img, .digital_text{ width:100%; }
	.digital_text{ padding: 0!important; margin-top: .30rem!important;}
	.digital_block01:before{ height:100%;} 
	.digital_block02{ min-height: inherit;}
	.digital_block03 .digital_tit{ position: static;}
	.digital_TecDoc{ display:block;}
	.slogan_img{ width:100%; margin-right: 0;}
	.infomation_text{ width: 100%;}
	.foreword_text{ width: 100%;}
	.partnership_block{width: 100%;}
	.partnership_text{ padding-top: 0;}
	.partnership_block:nth-child(n){ background: #F0F0F0;}
	.partnership_block:nth-child(even){ background: #ffffff;}
	.explain_img{width: 100%;}
	.explain_text{ flex:auto; padding: 0 0 .50rem;}
	.quality_block{ width:100%;}
	.quality_des{ line-height: 24px; max-height: none; height: auto;}
	.responsibility_img{ width:100%;}
	.marketing_block:nth-child(n) .inner{ display:block;}
	.marketing_block:nth-child(n) .marketing_img{ width:100%; padding: 0; margin-bottom: .40rem;}
	.company_profiles .inner{ flex-direction:column-reverse;}
	.profiles_left, .profiles_left_range{ width:100%;} 
	.quality_foreword .inner{ display:block;}
	.quality_foreword .foreword_img{ width: 100%;}
	.quality_foreword .foreword_img img{ transform: translateX(3%); }
	
	/*04*/ 
	.news_all .news_block .news_des{ max-width: 100%;}
	.media_block{ width:50%;}
	#media_poster .media_block{ width: 33.33%;}
	
	/*06*/
	.account_left{ width:100%; position: absolute; top:0; left:0; z-index: 1; background: rgba(255,255,255, .90);}
	.account_right{ width: 100%;}   
}


@media (max-width: 567px){  
	/*fonts*/ 
	.f84{ font-size: 34px;}
	.f50{ font-size: 20px;}
	.f46{ font-size: 18px;}
	.f42{ font-size: 18px;}
	.f40{ font-size: 16px;}
	.f36{ font-size: 16px;}
	.f32{ font-size: 16px;}
	.f30{ font-size: 16px;}
	.f28{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 14px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}
	
	/*01*/
	.news_list .news_block{ width:100%;} 
	
	/*02*/ 
	.core_block{ width: 100%;} 
	.introduce_des li{ display:block;}
	.introduce_des li span{ width:auto; margin-right: 0;}
	.system_list li{ width:50%;}
	
	/*04*/ 
	/*.news_all .news_block a{ display:block;}
	.news_all .news_block .news_img{ width:100%; max-width: none;}*/
	.media_block{ width:100%;}
	#media_poster .media_block{ width: 50%;}
	
	/*05*/
	.form_line{ display: block;}
	
	/*09*/
	.false_box{ flex-direction: column-reverse;}
	.false_left{ width:100%;}
	.false_text{ max-width: none;}
	.false_right{ overflow:visible;} 
}