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

/*fonts*/  
.f88{ font-size: 88px;}
.f70{ font-size: 70px;}
.f60{ font-size: 60px;} 
.f48{ font-size: 48px;}
.f46{ font-size: 46px;}
.f40{ font-size: 40px;}
.f36{ font-size: 36px;}
.f30{ font-size: 30px;}
.f28{ font-size: 28px;}
.f26{ font-size: 26px;}
.f24{ font-size: 24px;}
.f22{ font-size: 22px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;} 
.f16{ font-size: 16px;} 

@media (max-width: 1600px){ 
	html{ font-size: 83px;}
	/*fonts*/  
	.f88{ font-size: 70px;}
	.f70{ font-size: 60px;}
	.f60{ font-size: 50px;} 
	.f48{ font-size: 40px;}
	.f46{ font-size: 38px;}
	.f40{ font-size: 34px;}
	.f36{ font-size: 30px;}
	.f30{ font-size: 26px;}
	.f28{ font-size: 24px;}
	.f26{ font-size: 22px;}
	.f24{ font-size: 20px;}
	.f22{ font-size: 20px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 16px;} 
	.f16{ font-size: 16px;} 
	
	/*header*/ 
	.header_line{ height:85px; line-height: 85px; padding-left: 2.343%;}
	.load_logo, .logo a, .footer_logo img{ height: 40px;}
	.func_menu{ width: 95px;}
	.sec_con, main, .about_block{ padding-top: 85px;} 
	.author{ height: 85px; margin-top: -85px;}
	
	/*index*/
	.line_multi{ line-height: 26px; max-height: 52px;}
	.product_des{ max-height: 104px; height: 104px;}
	.product_more, .engineering_more{margin-top: .70rem;}
	.news_con{ padding: .40rem; padding-left: .50rem;}
	.news_tit{ height: 52px;}
	.about_foreword{ line-height: 30px; max-height: 90px;}

    /* index_solution */
    .solution_swiper .swiper_arrow div{ width: 42px; height: 42px;}
	
	/*03*/
	.energy_overview{ max-height: 130px; height: 130px;}

    /* solution */
    .solution_content{ max-height: 130px; height: 130px;}

    /* service_finance */
    .service_FAQ_box{ background-size: 100% auto;}
    .service_FAQ_box{ padding: 1rem 0;}
    .service_FAQ_bg{ padding: .3rem .8rem;}
    .service_finance_icon{ margin-right: -.3rem;}
    .service_finance_icon li{ padding-right: .3rem;}
    /* service_finance_detail */
    .service_finance_list{ margin: 0 -.15rem .3rem;}
    .service_finance_list > li{ padding: 0 .15rem;}

    /* about */
    .strategy_swiper{ padding: .5rem;}
    .partner_list{ margin: .1rem -.1rem .2rem;}
    .partner_list li{ padding: .1rem;}
    .company_text{ padding: .6rem 0; padding-left: .8rem;}
    .history_year{ font-size: 6.25vw;}

    /* human */
    .leader_img{ width: 320px;}
    .leader_con{ max-height: 500px;}
    .office_swiper .swiper-slide .img_box{ height: 27vw; min-height: 4.8rem;}

    
	.hm_box1 p{line-height: 24px;}
	.hm2_text p{font-size: 14px;}
	.hm_box1 h4{font-size: 28px;}
	.tab_item{padding: .25rem;}
	.tab_item p{line-height: 24px;}
	.duty_hm1 .hm1_text p{line-height: 32px;}
} 

@media (max-width: 1366px){
	html{ font-size: 68px;} 
	/*fonts*/  
	.f88{ font-size: 60px;}
	.f70{ font-size: 50px;}
	.f60{ font-size: 40px;} 
	.f48{ font-size: 34px;}
	.f46{ font-size: 32px;}
	.f40{ font-size: 28px;}
	.f36{ font-size: 26px;}
	.f30{ font-size: 22px;}
	.f28{ font-size: 20px;}
	.f26{ font-size: 20px;}
	.f24{ font-size: 18px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;} 
	.f16{ font-size: 14px;} 
	
	/*header*/ 
	.header_line{ height: 75px; line-height: 75px; }
	.load_logo, .logo a, .footer_logo img{ height: 35px;}
	.func_menu{ width: 75px;}  
	.sec_con, main, .about_block{ padding-top: 75px;} 
	.author{ height: 75px; margin-top: -75px;}
	
	/*index*/ 
	.line_multi{ line-height: 22px; max-height: 44px;}
	.product_des{ max-height: 88px; height: 88px;}
	.product_more, .engineering_more{margin-top: .50rem;}
	.news_con{ padding: .30rem; padding-left: .30rem;}
	.news_tit{ height: 44px;}
	.news_des{ line-height: 22px!important; max-height: 44px!important;}
	.about_foreword{ line-height: 26px; max-height: 78px;}
	
	/*03*/
	.energy_overview{ max-height: 110px; height: 110px;}

    /* solution */
    .solution_content{ height: 110px; max-height: 110px;}

    /* human */
    .leader_img{ width: 280px;}
    .leader_con{ max-height: 400px;}
    
    .welfare_text{ padding: .2rem .3rem;}
    .welfare_con{ max-height: 66px;}
    .welfare_swiper .swiper_arrow div:after{ font-size: 40px;}
    .join_more a{ line-height: 42px;}

    
	.hm_box1 h4{font-size: 22px;}
	.tab_item .tab_ico{width: 45px;height: 42px;}
	.tab_item p{font-size: 14px!important;}
	.textInfo{line-height: 24px;}
	.lef_hm1 .hm1_tab .tab_link{margin-bottom: 10px;}
	
}

@media (max-width: 1199px){ 
	/*fonts*/  
	.f88{ font-size: 50px;}
	.f70{ font-size: 40px;}
	.f60{ font-size: 34px;} 
	.f48{ font-size: 28px;}
	.f46{ font-size: 26px;}
	.f40{ font-size: 24px;}
	.f36{ font-size: 22px;}
	.f30{ font-size: 20px;}
	.f28{ font-size: 18px;}
	.f26{ font-size: 18px;}
	.f24{ font-size: 18px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;} 
	.f16{ font-size: 14px;}
	
	/*inner*/
	.inner{ width: 100%; padding: 0 40px; max-width: 1080px;}
	
	/*header*/  
	.header_line{ padding-right:0;}
	.nav li{ margin: 0 .15rem;}

    /*footer*/
	.back_top{ display:none;}
	
	/*01*/
	.about_sec_tit02{ left:40px;}
	
	/*02*/
	.banner_bg, .sec_box{ background-attachment: local; background-position: 50% 0!important;}
	
	/*08*/ 
	.join_heading{ padding:.40rem;}
	.join_heading .icon_jiahao{ width:42px; height: 42px; line-height: 38px;}
	.join_detail_block{ width:100%; margin-right: 0; margin-bottom: .25rem;}

    /* .footer_float{ bottom: .3rem;} */

    /* solution */
    .solution_content{ -webkit-line-clamp: 3; height: 66px; max-height: 66px;}
    
    /* service_finance */
    .service_FAQ_bg{ padding: .3rem;}
    .service_search{ margin: .3rem auto; padding-right: 90px;}
    .service_search_input{ height: 44px; padding: 5px 15px;}
    .service_search_btn{ width: 90px;}

    /* about */
    .strategy_tab li + li{ margin-left: 1rem;}
    .partner_list li{ width: 20%;}
    .customer_list li{ width: 33.33%;}
    .company_img{ background-attachment: scroll; background-position: center center !important;}
    .time_swiper .swiper_arrow div:after{ font-size: 36px;}
    
    /* human */
    .nuohao_data{ margin: .9rem -.3rem .3rem;}
    .nuohao_data li{ padding: 0 .3rem;}

    .leader_box{ display: block;}
    .leader_img{ display: none;}
    .leader_text{ margin: .6rem 0 .9rem;}
    .leader_con{ max-height: 5rem;}

    .grow_list .swiper-slide{ padding: 0 .4rem;}
    
    .welfare_swiper{ padding: 0 1rem;}
    .welfare_swiper .swiper_arrow div:after{ font-size: 36px;}
    .welfare_swiper .swiper_arrow div.swiper-button-prev{ left: 0;}
    .welfare_swiper .swiper_arrow div.swiper-button-next{ right: 0;}

    .recruit_lay_tit i{ width: 24px; height: 24px;}

    
	.duty_hm1 .hm1_text p{line-height: 24px;}
	.hm_box{flex-wrap: wrap;}
	.lef_logo{width: 100%;padding: .2rem 0;}
	.rig_cont{width: 100%;margin-top: .25rem;flex-wrap: wrap;}
	.tab_nav{width: 100%;display: flex;justify-content: space-between;margin-bottom: .25rem;}
	.tab_cont{width: 100%;}
	.tab_item{height: auto;margin-bottom: 0;width: 31.5%;}

    .product_adItem{ width: 50%;}
}
	
@media (max-width: 991px){   
	/*fonts*/  
	.f88{ font-size: 40px;}
	.f70{ font-size: 34px;}
	.f60{ font-size: 28px;} 
	.f48{ font-size: 24px;}
	.f46{ font-size: 22px;}
	.f40{ font-size: 20px;}
	.f36{ font-size: 20px;}
	.f30{ font-size: 18px;}
	.f28{ font-size: 18px;}
	.f26{ font-size: 18px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;} 
	.f16{ font-size: 14px;}
	
	/*header*/ 
	.header_line{ height: 65px; line-height: 65px; }
	.load_logo, .logo a, .footer_logo img{ height: 30px;}
	.func_menu{ width: 65px;}
	.nav{ display:none;}
	.header_func{ margin-left:auto;}
	.sec_con, main, .about_block{ padding-top: 65px;} 
	.author{ height: 65px; margin-top: -65px;}
	
	/*index*/ 
	.news_side{ float:none; margin-bottom: .50rem; margin-right: 0; }
	.news_tab{ position:static; transform: none; text-align: center; margin-top: .30rem;}
	.news_tab li{ display:inline-block; margin:0 .15rem;}
	.news_more{ bottom: auto; left:auto; top:0; right:0;}
	
	/*06*/
	.introduction_box{ padding: .40rem;}
	.introduction_left{ width: 100%; float:none; margin-right: 0;}
	.introduction_right{ margin-top: .60rem;}  
	
	/*08*/ 
	.join_block{ width:100%;}
	.join_detail{ position:static;}
	.join_xg{ margin-top: .20rem;}

    /* solution */
    .solution_box{ display: block;}
    .solution_left{ width: 100%; max-width: 100%; padding: 0 .3rem;}
    .solution_mobile_title{ display: flex; margin-bottom: .2rem;}
    .solution_nav{ margin: .2rem 0; display: none;}
    .solution_right{ padding: 0 .3rem;}
    .solution_pic{ transform: translateX(.1rem); margin-left: .15rem;}
    .solution_info{ padding-left: .3rem;}
    .solution_info .sec_more{ min-width: 134px; height: 40px; line-height: 36px;}

    /* service_finance */
    .service_finance_img{ float: none !important; width: 100%; margin: 0 auto .3rem !important;}

    /* about */
    .strategy_swiper{ padding: .3rem;}
    .strategy_network_box{ display: block;}
    .strategy_network_map{ width: 100%; max-width: 100%; margin: 0 auto .3rem;}
    .strategy_network_text{ max-width: 100%;}
    .time_swiper{ padding: 0 1rem;}
    .time_swiper .swiper_arrow div:after{ font-size: 30px;}
    .history_item{ display: block;}
    .history_img{ width: 100%; margin: 0 auto .2rem;}
    .history_year{ display: none;}

    /* human */
    .time_swiper{ padding: 0 1rem;}
    .time_swiper .swiper_arrow div:after{ font-size: 30px;}

    /* recruit */
    .recruit_box{ padding: .6rem 0;}
    .recruit_con{ display: block;}
    .recruit_left{ width: 100%; max-width: 100%; padding: 0 0 .2rem; border-right: none;}
    .recruit_filter_label{ display: none; margin: 0; padding: .1rem 0;}
    .recruit_tit strong{ position: relative; display: block; cursor: pointer;}
    .recruit_tit i{ position: absolute; right: 0; top: 0; display: block; color: #666666; font-weight: normal; transition: all .3s;}
    .recruit_filter_item.active .recruit_tit i{ transform: rotate(180deg);}
    .recruit_right{ width: 100%; padding: 0;}
    .recruit_link{ display: block; padding: 0.25rem 0.36rem;}
    .recruit_more{ margin-left: 0; margin-top: .1rem;}
    .recruit_list li:nth-child(odd) a{ background-color: #fafafa;}

    .recruit_con2{ display: flex; flex-direction: column-reverse;}
    .recruit_con2 .recruit_left{ margin-top: .5rem;}
    .recruit_detail + .join_more a{ margin: 0 auto;}

    
	.hm_box1 h4{font-size: 18px;}
	.tab_desc{position: static;}
	.tab_item .tab_ico{width: 35px;height: 32px;}
	.lef_logo img{max-width: 150px;max-height: 139px;}
	.hm1_cont{flex-wrap: wrap;}
	.lef_hm1{width: 100%;display: flex;flex-direction: column-reverse;}
	.rig_hm1{width: 100%;}
	.lef_hm1 .hm1_tab{display: flex;justify-content: center;border-left: none;margin-top: 0;margin-bottom: .55rem;padding-left: 0;}
	.lef_hm1 .hm1_tab .tab_link{margin: 0 10px;}
	.lef_hm1 .hm1_tab .tab_link::after{height: 2px;left: 0;bottom: -8px;top: auto;width: 0;}
	.lef_hm1 .hm1_tab .tab_link.active::after, .lef_hm1 .hm1_tab .tab_link:hover::after{width: 100%;height: 2px;}
	.rig_hm1{margin-top: .3rem;}
	
} 

@media (max-width: 767px){ 
	html{ font-size: 50px;} 
	body{ overflow-y:auto!important;} 
	.nicescroll-rails{ display:none!important;}
	/*fonts*/  
	.f88{ font-size: 34px;}
	.f70{ font-size: 28px;}
	.f60{ font-size: 24px;} 
	.f48{ font-size: 20px;}
	.f46{ font-size: 20px;}
	.f40{ font-size: 20px;}
	.f36{ font-size: 20px;}
	.f30{ font-size: 16px;}
	.f28{ font-size: 16px;}
	.f26{ font-size: 16px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 14px;}
	.f18{ font-size: 14px;} 
	.f16{ font-size: 14px;}
	
	/*inner*/
	.inner{ padding: 0 20px; } 
	#fullpage{ padding-top: 65px;} 
	
	/*footer*/
	footer{ padding-bottom: 65px;}
	.footer_top_left{ width:100%; padding-right: 0;}
	.footer_logo img{ margin:0 auto;}
	.footer_nav{ display:none;}
	.footer_nav>li:nth-child(n){ border-bottom: 1px solid rgba(255,255,255, .20);}
	.footer_nav_tit .icon_jiahao{ display:block;}  
	.footer_nav_tit a{ padding:.20rem 0;}
	.footer_nav_collapsible{ display:none; padding-bottom: .30rem;}
	.footer_hotline{ text-align:center; margin-top: .30rem;}
	.footer_hotline em, .footer_hotline a{ display:inline-block;}
	.footer_hotline em{ margin-right: .20rem;}
	.footer_notice{ text-align:center;}
	.footer_notice img{ width: 104px; height: 104px; margin-left: auto; margin-right: auto;}
	.footer_bot{ text-align:center;}
	.back_top{ display:none;}
	.footer_float{ width:100%; top:auto; transform: none; bottom: 0; right:auto; left:0; display: flex; justify-content: space-between;}
	.footer_float li{ flex:1 0 0; border-left:1px solid rgba(255,255,255, .10);}
	.footer_float li:first-child{ border:none;}
	.footer_float li a.float_a0{ padding: 8px 0;} 
	.float_cover{ top:auto; bottom: 100%; left:50%; transform: translate(-50%,0); padding-right: 0; }
	.float_cover_inner:before{ top:100%; left:50%; transform: translateY(0%) rotate(0deg);}
	.footer_float li.float_tel .float_cover,
	.footer_float li.float_email .float_cover{ display:none;}
	.footer_float li.float_top{ display:block;}
	#fullpage .footer_float{ display: flex;}
	
	/*index*/
	.sec_more{ min-width:140px; height: 42px; line-height: 40px;}
	.index_sec{ padding: .90rem 0;}
	.index_focus, .index_about{ padding:0;}
	.index_footer{ padding:0;}
	.sec_con{ padding-top: 0;}
	.focus_swiper{ height:auto;}
	.focus_swiper .swiper-slide{ padding-top: 51.04%; } 
	.focus_txt{ top:30%;}
	#focus_swiper_pc{ display: none;}
	#focus_swiper_phone{ display: block;}
	.about_block{ padding: .90rem 0;} 
	.about_sec_tit02{ position: static;}
	.index_product .sec_bg_pc{ display:none;}
	.index_product .sec_bg_phone{ display:block;}
	.product_top{ display: block;}
	.product_tab{ display: flex; margin-top: .30rem;}
	.product_tab li{ flex:1 0 0 ;} 
	.product_tab li a{ min-width: inherit; max-width: 190px;}  
	.product_swiper:before{ display:none;}
	.product_swiper .swiper_arrow{ display: none;}
	.product_swiper .swiper-slide{ width: 100%!important; text-align: center; flex-wrap: wrap; flex-direction: column-reverse;}
	.product_pic{ width:100%;}
	.product_mation, .product_swiper .swiper-slide-active .product_mation{ width:100%;}
	.product_des{ height:auto;}
    .solution_swiper,
    .solution_text_swiper{ width: 90%;}
    .solution_img{ padding-top: 55%;}
    .solution_swiper .swiper_arrow div{ width: 38px; height: 38px;}
    .solution_swiper .swiper-button-prev{ left: -10px; right: auto;}
    .solution_swiper .swiper-button-next{ right: -15px; left: auto;}
    .solution_text{ margin: 20px auto;}
	.energy_cover_con{ padding-left: 20px; padding-right: 20px;}   
	.index_engineering{ background-color: #f9f9f9;}
	.index_service{ padding-top:0;}
	.index_engineering .sec_tit_pc, .index_service .sec_tit_pc{ display: none;}
	.index_engineering .sec_tit_phone, .index_service .sec_tit_phone{ display: block;} 
	.index_engineering .sec_bg,
	.index_service .sec_bg{ position: relative; height: auto; padding-top: 51.04%; margin:.50rem 0;} 
	
	/*02*/
	.banner_text{ transform: translateY(-50%);}
	.product_area{ width:50%;}
	.specific_swiper{ width:100%; float:none;}
	.specific_mation{ padding: .40rem;}
	
	/*03*/
	.energy_pic{ width:100%; }
	.energy_pic .img_box{ padding-top: 53.92%;}
	
	/*04*/
	.service_nav_list li{ padding: 0 .15rem;}
	.business_block{ width:50%;}
	.business_block_dif{ width:100%;}
	.business_img { padding-top: 61%; }
	.business_des{ line-height: 1.72;}
	
	/*05*/
	.engineering_situation{ padding-bottom: .90rem;}
	#china_map{ display:none;}
	.map_phone{ display:block;}
	
	/*07*/
	.news_screen{ margin:-.05rem -.20rem;}
	.screen_line{ width: 50%; padding: .05rem .20rem;}
	.screen_search{ width:100%;}
	.screen_txt{ height: 46px;} 
	.detail_left{ width:100%; float:none; margin-right: 0; margin-bottom: .30rem; padding: .40rem;}
	
	/*08*/
	.contact_ico{ width:35px; height: 35px;}

    /* solution */
    .solution_link{ display: block; padding: .3rem;}
    .solution_pic{ width: 100%; transform: none; margin: 0 0 .3rem;}
    .solution_info{ padding: 0;}
    .solution_content{ height: auto;}
    
    /* service_finance */
    .service_FAQ_ask{ padding-left: 22px; background-size: 16px auto;}
    
    /* service_finance_detail */
    .service_finance_list{ margin: 0 -.15rem .3rem;}
    .service_finance_list > li{ width: 100%;}
    .service_finance_name{ padding: .3rem;}
    .service_finance_bot{ padding: .3rem;}

    /* about */
    .strategy_network,
    .strategy_partner{ max-height: 8rem;}

    /* human */
    .leader_text h3{ font-size: .32rem;}
    .leader_name img{ max-width: 2rem;}
    .office_swiper .swiper-slide .img_box{ height: 0; padding-top: 86%;}
    .welfare_swiper{ padding: 0;}
    .welfare_swiper .swiper_arrow{ display: flex; align-items: center; justify-content: center; margin-top: .3rem;}
    .welfare_swiper .swiper_arrow div{ position: static; transform: translateY(0); line-height: 1.2; margin: 0 .15rem;}
    .welfare_swiper .swiper_arrow div.swiper-button-next{ margin-top: 2px;}
    .human_join{ display: block;}
    .join_item{ width: 100%;}
    .join_more{ max-height: none; margin-top: .3rem;}

    
	.hm2_text{min-height: 280px;}

}
@media (max-width: 678px) {
	.tab_item{flex-wrap: wrap;text-align: center;justify-content: center;}
	.tab_item .tab_ico{margin-right: 0;}
	.tab_item .tab_text{width: 100%;}
	.tab_item h5{line-height: 28px;margin-top: 5px;}
	.tab_item p{font-size: 12px!important;line-height: 18px;}
}
 
@media (max-width: 567px){
	/*index*/
	.product_pic{ max-width: 320px; margin: 0 auto;}
	.about_data{ justify-content: center;}
	.about_data li{ flex:33.33% 0 0;}
	.about_data li:nth-child(4):before{ display: none;}
	.data_num{ font-size: 24px;}
	.data_num i{ font-size: 14px;}
	
	
	/*02*/
	.product_rec .swiper-slide{ padding-bottom: 0;}
	.product_rec_text{ width:100%; float:none; max-width: none; }
	.product_rec_img{ width:100%; float:none; margin: 0 auto;}
	.product_rec .swiper_arrow{ text-align: center;}
	.product_area{ width: 100%;}
	.product_img{ padding:.30rem 0;}
	
	/*04*/
	.need_block, .business_block{ width:100%;}
	
	/*05*/ 
	.engineering_qualifications{ background: none!important; background-color: #f9f9f9!important;}
	.qualifications_guide{ width: 100%;}
	.qualifications_guide .sec_tit02{ width: 50%; float:left;}
	.qualifications_arrow{ float:right;}
	#qualifications_swiper01{ padding-left:0; width: 100%;}
	#qualifications_swiper02{ margin-top: .80rem;}
	.engineering_advantage{ padding-top: .90rem;}
	
	/*06*/
	.introduction_img{ width: 100%; float:none; margin-right: 0; margin-bottom: .30rem;}
	
	/*07*/ 
	.news_pic{ width:100%; float:none; max-width: none; margin: 0 0 .20rem;}

    /* service_finance */
    .service_FAQ_box{ background-size: 150% auto;}
    .service_search_input{ height: 38px; padding: 3px 15px;}

    /* about */
    .strategy_tab{ line-height: 48px;}
    .strategy_tab li{ flex: auto;}
    .strategy_tab li + li{ margin-left: 0;}
    .strategy_tab span img{ max-width: 16px;}
    .partner_list li{ width: 33.33%;}
    .customer_list li{ width: 50%;}
    .partner_title{ font-size: 12px;}    
    .company_text{ padding: .5rem 0; padding-left: .3rem;}
    .time_swiper{ padding: 0 1rem;}
    .time_swiper .swiper_arrow div:after{ font-size: 24px;}

    /* human */
    .grow_swiper .swiper-pagination-bullet-active{ width: 10px; height: 10px;}
    .grow_list{ padding: .6rem 0 .4rem;}

    
    .welfare_swiper .swiper-container{ padding: .3rem; margin: -.3rem;}
    .welfare_swiper .swiper-slide{ transition: all .3s;}
    .welfare_swiper .swiper-slide-prev{ transform: scale(0.9); transform-origin: right center;}
    .welfare_swiper .swiper-slide-next{ transform: scale(0.9); transform-origin: left center;}
    .welfare_swiper .swiper_arrow div:after{ font-size: 24px;}

    .join_more a{ max-width: 120px; line-height: 38px;}

    .recruit_search_input{ height: 38px; line-height: 28px; padding: 5px 15px; padding-right: 48px;}
    .recruit_search_btn{ width: 38px; height: 38px; line-height: 38px;}

    .recruit_hot i{ width: 22px; height: 22px;}

    .recruit_lay_tit i{ width: 18px; height: 18px;}
    .recruit_lay .join_more a{ margin: 0 auto;}

    .duty_hm1 .img_box{ border-radius: 8px;}
    .duty_hm1 .hm1_text{ position: static; display: block; color: #666666; padding: .3rem 0 0; text-align: center;}
	.duty_hm1 .hm1_text h5{margin-bottom: .1rem; color: #22427d;}
}

@media (max-width: 480px) {
	.lef_hm1 .hm1_tab{flex-wrap: wrap;}
	.lef_hm1 .hm1_tab .tab_link{width: 40%;margin-bottom: 20px;text-align: center;}
	.lef_hm1 .hm1_tab .tab_link.active::after, .lef_hm1 .hm1_tab .tab_link:hover::after{width: 70px;}
	.lef_hm1 .hm1_tab .tab_link::after{left: 50%;transform: translateX(-50%);}
}