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

/*fonts*/ 
.f54{ font-size: 54px;}
.f50{ font-size: 50px;}
.f40{ font-size: 40px;}
.f32{ font-size: 32px;}
.f30{ font-size: 30px;}
.f26{ font-size: 26px;}
.f24{ font-size: 24px;}
.f22{ font-size: 22px;}
.f20{ font-size: 20px;}
.f19{ font-size: 19px;}
.f18{ font-size: 18px;}
.f17{ font-size: 17px;}
.f16{ font-size: 16px;}
.f14{ font-size: 14px;}
@media (max-width: 1680px){ 
	/*header*/
	.header_line{ padding:0 4.20%;}
	.nav{ margin-right: 2.20%;}
	.nav li{ padding: 0 15px;}
	.func_menu{ margin-left: 25px;}
}

@media (max-width: 1500px){ 
	html{ font-size: 83px;}
	.inner{ width: 1100px;}
	
	/*fonts*/ 
	.f54{ font-size: 44px;}
	.f50{ font-size: 40px;}
	.f40{ font-size: 34px;}
	.f32{ font-size: 26px;}
	.f30{ font-size: 24px;}
	.f26{ font-size: 22px;}
	.f24{ font-size: 20px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 18px;}
	.f19{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;}

	/*header*/
	.header_line{ height: 100px; line-height: 100px; padding:0 3.20%;}
	.load_logo,
	.logo a{ height: 52px;}  
	.nav{ margin-right: 1.20%;}
	.nav li{ padding: 0 15px;} 
	.func_menu{ margin-left: 15px;} 
	
	/*01*/
	.qualifications_swiper .swiper-slide{ width: 346px;}
	
	/*03*/
	.business_guide{ top:100px; margin-top: -79px;}
	.guide_block a{ height: 158px;}
	.business_all .business_line .business_author{ height: 158px; margin-top: -158px;}
	
	/*04*/
	.detail_sticky{ top:100px;}
	
	/*06*/
	.idea_tabs li.active .idea_tit{ font-size: 30px;}
}
   

@media (max-width: 1279px){ 
	html{ font-size: 68px;} 
	.inner{ width: 100%; padding-left: 20px; padding-right: 20px; max-width: 1140px;}
	/*fonts*/  
	.f54{ font-size: 36px;}
	.f50{ font-size: 34px;}
	.f40{ font-size: 28px;}
	.f32{ font-size: 22px;}
	.f30{ font-size: 20px;}
	.f26{ font-size: 20px;}
	.f24{ font-size: 18px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f19{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;}
	
	/*header*/  
	.header_line{ height: 80px; line-height: 80px; padding:0 20px; }  
	.load_logo,
	.logo a,
	.footer_logo img{ height: 42px;}   
	.nav{ margin-right: 1%;}
	.nav li{ padding: 0 16px;} 
	.func_menu{ margin-left: 15px;} 
	.func_menu em{ display:none;}
	
	/*footer*/
	.follow_cover{ bottom:0; padding-bottom: 0; padding-right: 16px; left:auto; transform: translateX(0); right:100%;}
	.follow_con:before{ top:84%; left:100%; transform: translateX(0) rotate(-90deg)}
	
	/*01*/
	.focus_swiper{ height:auto; }
	.focus_img{ padding-top: 51.04%; min-height: 400px;}
	.banner_wrap{ height:auto; }
	.banner_bg{ padding-top: 51.04%; min-height: 240px;}
	.sec_box,  
	.banner_bg{ background-position: 50% 0!important; background-attachment: local;}
	.qualifications_swiper .swiper-slide{ width: 286px;}
	
	/*03*/ 
	.business_guide{ top: 80px; margin-top: -64px; display:none;}
	.guide_block a{ height: 128px;}
	.business_all .business_line .business_author{ height: 128px; margin-top: -128px;}
	
	/*04*/
	.detail_sticky{ top: 80px;}

	/*06*/
	.idea_tabs li.active .idea_tit{ font-size: 24px;}
}

@media (max-width: 991px){  
	html{ font-size: 56px;} 
	/*.inner{ max-width: 740px;}*/
	
	/*fonts*/  
	.f54{ font-size: 30px;}
	.f50{ font-size: 28px;}
	.f40{ font-size: 24px;}
	.f32{ font-size: 18px;}
	.f30{ font-size: 18px;}
	.f26{ font-size: 18px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f19{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;}
	
	/*header*/
	.nav{ display:none;}  
	.menu_cover{ max-width: 410px; transform: translateX(100%);}
	.menu_cover.active{ transform: translateX(0);}
	.menu_list>li.li_pro .menu_headline{ margin-bottom: .20rem;}
	.menu_block:nth-child(n){ width: 100%; margin-top: 0;}
	.menu_block:nth-child(n) .menu_linklist{ max-width:none;}
	.menu_list>li{ margin-bottom:0;}
	/*.menu_list>li.li_sy{ display:block;} */
	/*.menu_tit .iconfont,*/ .menu_item .iconfont{ display:block;}
	.menu_collapsible{ display: block; position: fixed; top: 0; right: 0; z-index: 10; width: 100%; height: 100%; max-width: 410px; padding: 65px 20px; visibility: hidden; 
		-webkit-transform: translateX(100%);
		transform: translateX(100%); 
		 background: #253686 url(../images/cover_bg.jpg) center bottom no-repeat; background-size: cover;
		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);  	
	}
	.menu_collapsible.is_open {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}
	.menu_headline{ display:flex;} 
	.menu_linklist{ display:none; padding: .20rem 0; border-bottom: 1px solid rgba(255,255,255, .12);}
	.menu_subclass li{ display:block;} 
	.menu_item{ border-bottom: 1px solid rgba(255,255,255, .18); }
	.menu_block.active .menu_item .iconfont:before{ display: inline-block; transform: rotate(180deg);}
	
	
	/*01*/
	.qualifications_swiper .swiper-slide{ width: 226px;}
	
	/*02*/
	.guide_swiper .swiper_arrow{ display:block;} 
	
	/*05*/ 
	.news_line{ width:50%;}
	.detail_left{ width:100%; margin-right: 0;}
	.detail_sticky{ position:static;}
	.detail_related{ display:flex; flex-wrap: wrap; margin: -.20rem;}
	.related_line{ margin-bottom: 0; padding: .20rem; width:50%;}
	
	/*06*/
	.idea_tabs li.active .idea_tit{ font-size: 20px;}
}

@media (max-width: 767px){
	html{ font-size: 50px;}  
	/*fonts*/ 
	.f54{ font-size: 24px;}
	.f50{ font-size: 24px;}
	.f40{ font-size: 20px;}
	.f32{ font-size: 18px;}
	.f30{ font-size: 18px;}
	.f26{ font-size: 18px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f19{ font-size: 16px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;}
	
	/*header*/ 
	.header_line{ height:60px; line-height: 60px; }  
	.load_logo,
	.logo a,
	.footer_logo img{ height: 32px;} 
	
	/*footer*/ 
	.footer_nav{ display:block; }
	.footer_nav_tit{ line-height: 50px; border-bottom: 1px solid rgba(255,255,255, .20);}
	.footer_nav_tit a{ padding-right: 36px;}
	/*.footer_nav_tit .iconfont{ display:block;}*/
	.footer_nav_collapsible{ display:none; margin: 0; padding: .20rem 0; border-bottom: 1px solid rgba(255,255,255, .12);}
	.float_menu{ width:100%; top:auto; bottom: 0; right:0; display: flex;}
	.float_menu li{ flex:1 0 0; }
	.float_menu li a.f_m_a0{ border-radius:0; box-shadow: none; border-left: 1px solid rgba(0,0,0, .12); width: 100%;}
	.f_m_cover{ top:auto; right:auto; left:50%; transform: translateX(-50%); bottom: 100%; padding-right: 0; padding-bottom: 16px;}
	.f_m_cover_inner:before{ top: 100%; left: 50%; transform: translateX(-50%) rotate(0deg); }
	.float_menu li.f_m_top{ display:block!important; opacity: 1!important;}
	.float_menu li.f_m_call .f_m_cover,
	.float_menu li.f_m_email .f_m_cover{ display:none;}
	.float_menu li.f_m_weixin .f_m_cover .f_m_cover_inner img{ max-width:100px;}
	
	/*01*/
	.about_info{ flex:none; width:100%; max-width: none;} 
	
	/*02*/
	.culture_swiper .swiper-slide{ width:100%;}
	
	/*03*/
	.business_guide{ top: 60px; margin-top: -54px;}
	.guide_block a{ height: 108px;}
	.business_all .business_line .business_author{ height: 108px; margin-top: -108px;} 
	.business_all .business_line{ margin-bottom: .40rem;}
	.business_all .business_line:last-child{ margin-bottom:0;}
	.business_img{ width:100%;}
	.business_img .img_box{ height:auto; min-height:0; padding-top: 73.85%;}
	.business_text{ padding: .40rem!important;}
	.business_more{ margin-top: .40rem;}
	
	/*04*/
	.detail_sticky{ top:60px;}
	.work_img{ width:100%;}
	.work_text{ padding-bottom: 1rem;} 
	.performance_img{ width:100%;}
	.performance_img .img_box{ height: auto; min-height:0;  padding-top: 57.47%;}
	.performance_text{ padding: .40rem;}
	.performance_tit{ max-width: none;} 
	.performance_more{ margin-top: .40rem;}
	
	/*05*/
	.rec_img{ width: 100%;}
	.rec_img .img_box{ height: auto; min-height: 0; padding-top: 59.02%;} 
	
	/*06*/
	.jobs_base{ font-size: 14px; padding: .30rem 0 .30rem .30rem;}
	.jobs_base li{ width:50%;}
	.jobs_tit{ margin-right: .60rem;}
	.jobs_apply{ float:right; position: static;} 
	.idea_left{width: 100%; float:none; margin-bottom: .40rem;} 
	
	/*07*/
	.way_list li{ width:100%;}
} 

@media (max-width: 567px){
	/*01*/
	.banner_text{ transform: translateY(0); }
	.banner_item{ font-size: 20px;}
	.sec_tit em{ font-size: 20px;}
	.sec_tit i{ font-size: 16px; margin-left: .20rem; padding-left: .20rem;}
	.about_data li{ min-width:50%;}
	
	/*02*/
	.qualifications_swiper .swiper-slide{ width: 166px;}
	
	/*05*/
	.news_line{ width:100%;}
	.related_line{ width:100%;}
	
	/*06*/
	/*.jobs_base li{ width:100%;}*/
}

@media (max-width: 360px){
	/*02*/
	.qualifications_swiper .swiper-slide{ width: 106px;}
}