/*css comment*/ 

/*fonts*/
.f90{ font-size: 90px;}
.f60{ font-size: 60px;}
.f54{ font-size: 54px;}
.f46{ font-size: 46px;}
.f42{ font-size: 42px;}
.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;}
	.inner{ max-width: 1280px;}
	/*fonts*/
	.f90{ font-size: 74px;}
	.f60{ font-size: 50px;}
	.f54{ font-size: 44px;}
	.f46{ font-size: 38px;}
	.f42{ 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;}  
	
	/*header*/
	.header_line{ height: 115px; line-height: 115px;}  
	.cover_head{ height:115px;}
	.cover_box { height: -webkit-calc(100% - 115px); height: calc(100% - 115px); }
	
	/*05*/
	.latest_tit{ line-height:34px; max-height: 68px;}
	
	/*06*/
	.provide_block dt{ width: 80px; height: 80px;}
}

@media (max-width: 1366px){  
	.inner{ width: 100%; padding: 0 15px; max-width: 1140px;}
	/*fonts*/
	.f90{ font-size: 62px;}
	.f60{ font-size: 40px;}
	.f54{ font-size: 36px;}
	.f46{ font-size: 32px;}
	.f42{ font-size: 28px;}
	.f36{ font-size: 24px;}
	.f30{ font-size: 20px;}
	.f24{ font-size: 18px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 16px;} 
	
	/*header*/
	.header_line{ padding:0 20px; height: 90px; line-height: 90px; font-size: 15px;}
	.nav li, 
	.nav li .n_subclass a{ margin: 0 .10rem;}
	.cover_head{ height:90px;}
	.cover_box { height: -webkit-calc(100% - 90px); height: calc(100% - 90px); }
	.cover_closed{ right:20px;}
	
	/*footer*/
	.footer_contact_text li .iconfont{ width:50px; height: 50px; line-height: 48px;}
	
	
	/*01*/
	.focus_swiper .swiper_arrow div.swiper-button-prev,
	.banner_swiper .swiper_arrow div.swiper-button-prev{ left: 20px; }
	.focus_swiper .swiper_arrow div.swiper-button-next,
	.banner_swiper .swiper_arrow div.swiper-button-next{ right:20px; }
	
	/*05*/
	.latest_tit{ line-height: 28px; max-height: 56px;}
	
	/*06*/
	.provide_block dt{ width: 70px; height: 70px;}
	
	/*07*/
	#china_map{ height: 7.40rem;}
	.map_tooltip{ width: 390px; height: 180px; transform: translate(390px,180px);} 
	.map_tooltip_inner{padding: 70px 30px 30px 130px;}
	.map_tooltip_tit{ font-size: 20px;}
}  

@media (max-width: 1279px){  
	.focus_swiper .swiper_arrow,
	.banner_swiper .swiper_arrow,
	.solution_swiper .swiper_arrow, 
	.honor_swiper .swiper_arrow{ display:none;} 
	.solution_swiper .swiper-pagination, 
	.honor_swiper .swiper-pagination{ display:block;}
}

@media (max-width: 1199px){ 
	html{ font-size: 68px;} 
	/*fonts*/
	.f90{ font-size: 50px;}
	.f60{ font-size: 34px;}
	.f54{ font-size: 30px;}
	.f46{ font-size: 26px;}
	.f42{ font-size: 24px;}
	.f36{ font-size: 20px;}
	.f30{ font-size: 18px;}
	.f24{ font-size: 18px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;}
	.f16{ font-size: 14px;} 
	
	/*header*/
	.header_line{ font-size: 14px;}
	.nav li, 
	.nav li .n_subclass a{ margin: 0 .15rem;}
	.func_menu em{ display:none;}
	
	/*footer*/
	.footer_contact_des span .tel_num{ display:block;} 
	.footer_top{ display:block;}
	.footer_contact_tit{ padding-right: 0; margin-right: 0; border-right:none; margin-bottom: .40rem;}  
	
	/*01*/
	.sec_box, 
	.join_focus,
	.banner_bg,
	.industry_bg{ background-position: 50% 0!important; background-attachment: local;}
	
	/*02*/
	/*.banner_wrap{ height:auto; padding-top: 51%; min-height: 300px;}*/
	
	/*05*/
	.latest_tit{ line-height: 26px; max-height: 52px;}
	.guide_wrap{ height:60px; line-height: 60px;}
	.local a.local_logo{ width:60px; height: 60px;}
}

@media (max-width: 991px){ 
	body{ letter-spacing:0;}
	/*fonts*/
	.f90{ font-size: 40px;}
	.f60{ font-size: 28px;}
	.f54{ font-size: 24px;}
	.f46{ font-size: 22px;}
	.f42{ font-size: 20px;}
	.f36{ font-size: 18px;}
	.f30{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;}  
	/*header*/ 
	.header_line,
	header .header_line:hover,
	header.header_scroll .header_line,
	header.header_open .header_line{ height: 65px; line-height: 65px; }
	header.scollfox .header_line { transform: translateY(0%); }
	.nav{ display:none;}
	.cover_head{ height:65px;}
	.cover_box { height: -webkit-calc(100% - 65px); height: calc(100% - 65px); }
	.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(../image/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*/ 
	.author{ height: 65px; margin-top: -65px;}
	.sec_more{ height: 50px; line-height: 46px; padding: 0 .40rem;}
	.about_more a,
	.swiper_arrow div{ width: 50px; height: 50px; line-height: 50px;}  
	
	/*02*/ 
	.sub_box{ display:block;}
	.filters{ width:100%; max-width: none; padding-right: 0; padding-bottom: 0; border:none; margin-bottom: .80rem;}
	.sub_right{ padding-left:0;}
	.feature_block dt{ width:100px; height: 100px;}
	
	/*03*/ 
	.charter_img{ width: 100%;}
	.charter_text{ position:static; width: 100%;}
	.charter_text_inner{ max-width:none; max-height: none;}  
	
	/*05*/ 
	.article_wrap .inner{ display:block;}
	.article_left{ padding-right: 0; border:none;}
	.article_right{ width:100%; padding-left: 0; max-width: none;}
	.relevant_box{ display:flex; flex-wrap: wrap; align-items: stretch;}
	.relevant_focus{ width:45%; margin-right: 5%;}
	.relevant_list{ flex:1 0 0;} 
	.article_guide{ width:100%!important; position:relative!important;}
	
	/*06*/ 
	.body_join header .header_func{ display:flex;}
	.campus_process_swiper{ padding:0; background: none;}
	.campus_interested_block{ width:50%;}
	.filters_join .filters_option_content{ display:none;} 
	
	/*07*/ 
	.develop_year{ width:auto; padding: 0 .70rem;}
	.develop_thumb{ padding: 0 40px;}
	.develop_des li{ margin-bottom: .10rem;}
}

@media (max-width: 767px){
	html{ font-size: 50px;}  
	/*fonts*/
	.f90{ font-size: 34px;}
	.f60{ font-size: 24px;}
	.f54{ font-size: 20px;}
	.f46{ font-size: 18px;}
	.f42{ font-size: 18px;}
	.f36{ font-size: 18px;}
	.f30{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f20{ font-size: 14px;}
	.f18{ font-size: 14px;}
	.f16{ font-size: 14px;} 
	
	/*footer*/
	footer{ padding-bottom: 50px;}
	.footer_contact_text{ display:block;} 
	.footer_contact_text li:nth-child(n){ width:100%;}
	.footer_notice img{ max-width:100px;} 
	.footer_nav{ display:block; }
	.footer_nav_tit{ border-bottom: 1px solid rgba(255,255,255, .12);}
	.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*/  
	.product_focus{width:100%; margin-right: 0; margin-bottom: .25rem;}
	.product_focus_img{ padding-top: 100%;}
	.join_block{ width:100%;}
	.join_line01{ left:20px;}
	.join_line02{ display:none;}
	.join_line03{ right: 20px;}
	.about_text{ padding-right:20px;}
	.about_text_inner{flex-wrap:wrap;}
	.about_text_left{ width:100%; max-width: none;}
	.about_more{ margin-top: .50rem;} 
	.data_num em{ font-size: 24px;}
	.about_data{ font-size:12px;}
	
	/*02*/
	.banner_bg_pc{ display:none;}
	.banner_bg_phone{ display:block;}
	.product_block{ width: 50%;}
	.paging_number, .paging_turn, .paging_go{ display:block;}
	.sub_right .paging{ text-align: center;}
	.feature_block{ width:50%;}
	.feature_block dt{ width:80px; height: 80px;}
	.scope_block{ display:block;}
	.scope_block dt{ width:100%;}
	.scope_block:nth-child(n) dd{ padding: 0; margin-top: .30rem;}
	#fp-nav ul li .fp-tooltip{ display:none!important;}
	
	/*05*/
	.news_list .news_block{ width:50%;}
	.news_latest{ display: block;}
	.news_latest dt{ width:100%; margin-right: 0; margin-bottom: .50rem;}
	.relevant_focus{ width:100%; margin-right: 0;} 
	.latest_func{ text-align:center;}
	
	/*06*/
	.talents_block{ width:100%;}
	.campus_interested_block{ width:100%;}
	.social_interested_block{ width: 33.33%;}
	.social_interested_block:nth-child(1){ width:100%;}
	.post_block a{ display: block; padding: .25rem;}
	.post_block:nth-child(odd) a{ background: #fafafa;}
	.post_text{ max-width: none; margin-right: 0; margin-bottom: .15rem;}
	.detail_left{ width:100%; max-width: none;}
	.detail_head{ display: block;}
	.detail_head_text{ margin-right:0; margin-bottom: .20rem;}
	
	/*07*/ 
	.contact_block{ width:100%;}
	.contact_block_inner{ padding: .40rem;}
	.office_swiper .swiper-slide{ width:50%;} 
	
	/*series_list*/
	.series_block{ width:50%;}
}

@media (max-width: 567px){
	/*header*/ 
	.menu_block:nth-child(n){ width: 100%;}
	
    .focus_swiper{ height: 60vh;}
    .banner_swiper{ height: 60vh;}
    .banner_wrap{ height: 60vh;}
    .industry_sec .banner_wrap{ height: 100vh;}
	/*01*/
    .index_about{ padding-top: 1.2rem;}
	.about_data{ justify-content: center;}
	.about_data{ margin: -.15rem;} 
	.about_data li{ flex: none; width:33.33%; padding: .15rem; width: 50%;}
    .about_des{ max-height: none;}
	/* .about_data li:nth-child(4), .about_data li:nth-child(5){ width:auto;}  */
	
	/*02*/
	
	/* .product_block{ width: 100%;} */
	
	/*05*/ 
	.news_list .news_block{ width:100%;}
	
	/*06*/ 
	.social_interested_block{ width: 50%;}
	.social_interested_block:nth-child(1){ width:100%;}
	
	/*07*/  
	.develop_show .swiper-wrapper{ align-items: flex-start;}
	.develop_show .swiper-slide{ display:block; padding: .40rem;}
	.develop_year{ width:auto; padding: 0;} 
	.plate_block{ /*width:100%;*/ min-height: inherit; padding: 1.10rem 0;}
	.plate_block_inner{ align-items:flex-start;}
	.office_swiper .swiper-slide{ width:100%;}

    /* 20221018-msj-add */
    .talents_block .talents_func {
        margin-top: 0.35rem;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }
    
    
	
}