@charset "utf-8";
/* CSS Document */

/* font */
.f50{ font-size: 50px;}
.f40{ font-size: 40px;}
.f36{ font-size: 36px;}
.f34{ font-size: 34px;}
.f32{ font-size: 32px;}
.f30{ font-size: 30px;}
.f28{ font-size: 28px;}
.f25{ font-size: 25px;}
.f24{ font-size: 24px;}
.f22{ font-size: 22px;}
.f20{ font-size: 20px;}
.f18{ font-size: 18px;}

/* ========== 响应式 ========== */
@media (max-width: 1600px) {
	html{ font-size: 83px;}
	/* font */
	.f50{ font-size: 40px;}
	.f40{ font-size: 34px;}
	.f36{ font-size: 30px;}
	.f34{ font-size: 28px;}
	.f32{ font-size: 26px;}
	.f30{ font-size: 26px;}
	.f28{ font-size: 24px;}
	.f25{ font-size: 20px;}
	.f24{ font-size: 20px;}
	.f22{ font-size: 20px;}
	.f20{ font-size: 18px;}
	.f18{ font-size: 18px;}
	
	/*header*/
	.nav-list{ gap: 0.60rem;}
	.header-right{ gap: 0.40rem; margin-left: 0.60rem;}
	
	/*01*/
	.container{  width: 1200px;}
	.banner-title{ font-size: 60px;}
	.banner-subtitle{ font-size: 38px;}
	.banner-pagination .page-num{ font-size: 34px;} 
	.banner-pagination .page-num.inactive{ font-size:20px;}  
	#chinaMap{ width: 130%; height: 130%; top: -15%; left: -15%; }
	.service-icon { width: 70px; height: 70px; }
}


@media (max-width: 1280px) {
	html{ font-size: 68px;}
	/* font */
	.f50{ font-size: 34px;}
	.f40{ font-size: 28px;}
	.f36{ font-size: 26px;}
	.f34{ font-size: 24px;}
	.f32{ font-size: 22px;}
	.f30{ font-size: 22px;}
	.f28{ font-size: 20px;}
	.f25{ font-size: 20px;}
	.f24{ font-size: 20px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}
	
	/*header*/
	.header-inner{ height:74px; line-height: 74px;}
	.logo img{ height:40px;}  
	.lang-switch{ font-size: 20px;} 
	
	
	/*01*/
	.container{  width: 1000px;}
	.banner-title{ font-size: 50px;}
	.banner-subtitle{ font-size: 28px;}
	.banner-pagination{ bottom: 110px;}
	.notice-section{ margin-top: -85px;}
	.notice-bar{ height:60px; line-height: 40px;}
	.service-icon { width: 60px; height: 60px; }
	
	/*02*/
	.focus-section{ margin-top: 80px;}
	.service-catalog{ top:80px;}
	.field-sort{ font-size:14px;}
	.method-list{ font-size: 14px;}
	 
}

@media (max-width: 1024px) {
	 html{ font-size: 56px;}
	/* font */
	.f50{ font-size: 28px;}
	.f40{ font-size: 24px;}
	.f36{ font-size: 22px;}
	.f34{ font-size: 20px;}
	.f32{ font-size: 20px;}
	.f30{ font-size: 20px;}
	.f28{ font-size: 20px;}
	.f25{ font-size: 18px;}
	.f24{ font-size: 18px;}
	.f22{ font-size: 18px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 16px;}

	/*header*/
	.header{ border-top-width:3px;} 
	.header-inner{ height:57px; line-height: 57px;}
	.logo img{ height: 30px;} 
	.lang-switch{ font-size: 18px;}
	.nav-list{ gap: 0.40rem;}
	.header-right{ gap: 0.20rem; margin-left: 0.40rem;}
	
	/*footer*/
	.footer-inner{ display:block; text-align: center;}
	.footer-right{ display:block; margin-top:20px;}
	.footer-nav,
	.footer-contact-range,
	.footer-contact li{ display:block;}
	.footer-qrcode{ margin:10px auto 0;}
	
	/*01*/
	.container{ width: 92%;} 
	.section{ background-attachment: local; background-position: 50% 0!important;} 
	.banner-title{ font-size: 40px;}
	.banner-subtitle{ font-size: 24px;}
	.banner-pagination{ bottom: 100px;}
	.notice-section{ margin-top: -75px;}
	.notice-bar{height:50px; line-height: 30px;}
	.banner-pagination .page-num{ font-size: 28px;} 
	.banner-pagination .page-num.inactive{ font-size: 16px;} 
	.feature-icon{ width:120px; height: 120px;}  
	.partner-swiper-wrap .swiper-pagination { display: block; }
	.partner-swiper-wrap .swiper-button { display:none; }
	
	/*02*/
	.focus-section{ margin-top: 60px;}
	.service-catalog{ top: 60px;}
	.field-sort{ grid-template-columns:repeat(4, 1fr);}
	.field-sort li:nth-child(6n){ border-right: 1px solid #d0e8ff;}
	.field-sort li:nth-child(4n) {
		border-right: none;
	}
	.method-list{ font-size: 12px;}
	
}

@media (max-width: 800px) {
	/*header*/ 
	.nav {display: none; position: fixed; top:60px; left:0; width: 100%;  z-index: 20; background: rgba(255,255,255, .90); }
	.nav-list{ display:block; font-size: 16px!important;}
	.nav-list li>a{ padding: 0 20px 0 30px;}
	.nav-list li>a::after{ bottom:auto; top:50%; right:auto; left:20px; transform: translate(-50%, -3px); }
	.nav-list li:hover>a::after, .nav-list li.active>a::after { transform: translate(-50%, -3px) scale(1); }
	.mobile-menu-btn { display: flex; } 
	.header-right{ margin-left:auto;} 
	.nav-subclass{ line-height: 40px; padding:0 20px 0 50px; display:none;}
	.nav-list li.has-subclass>a:before{ content:""; position: absolute; top:50%; right:20px; transform: translateY(-50%);width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #666; /* 颜色可改 */}
	
	/*01*/  
	.section-desc{ width:100%;}
	.banner-swiper { height: 480px; }
	.banner-pagination{ bottom:15px;}
	.banner-title{ font-size: 32px;}
	.banner-subtitle{ font-size: 20px;} 
	.scroll-indicator { display: none;} 
	.notice-section{ margin-top:15px;}
	.notice-bar{ display:block; height: auto;}
	.notice-swiper-wrap{ height: 50px;}
	.notice-swiper .swiper-slide .notice-item{ width:100%;}
	.notice-swiper .swiper-slide .notice-item:nth-child(2){ display:none;}
	.features{ gap: 0.40rem;}
	.feature-icon{ width:100px; height: 100px;} 
	.service-section{ height:auto;}  
	.services-grid{ position: static;}
	.service-card{ width:50%;}
	.service-desc{ margin-top: 0.30rem;}
	.resource-wrap{ display:block;}
	.resource-left{ max-width: none;}  
	#chinaMap { width: 110%; height: 110%; top: -5%; left: -5%; } 
	
	/*02*/
	.uniform-box{ display:block;}
	.uniform-desc{ line-height: 1.60;}
	.field-tabs{ width:100%; display: flex; height: auto; position: relative; z-index: 5;}
	.field-tab{ flex: 1; height:auto!important; border:none; padding: 20px 0;}
	.field-tit{ display:block; text-align: center; }
	.field-icon{ width: 46px; height: 46px; padding-top: 0; margin: 0 auto 10px;}
	.field-box{ display: block; height: auto; }
	.field-tit:before{top: 100%; right: 0; left: 50%; transform: translate(-50%, 11px) rotate(90deg); border-width:18px; border-left-color: #0D70B8; opacity: 0;} 
	.field-tab.active .field-tit:before{ opacity: 1;}
	.field-cover{ display: none;} 
	.field-bg{ padding-top: 60.14%;}
	.field-group{ padding-top: 30px; padding-bottom: 30px;}
	.catalog-list li{ flex: 1 0 0; text-align: center;}
	.catalog-list li a{ padding-left:0; padding-right: 0;}
	
	.recruitment-method .section-header{ margin-bottom: 0.70rem;}
	.l-bg{ display:none;}
	.method-diagram .stage-placeholder{ display:none;}
	.method-left, .method-center,.method-right{ position:relative; width:100%; left:auto; top:auto;}
	.method-left, .method-right{ position:relative; display:flex; align-items: center; gap: 0; z-index: 10;}
	.method-center{ width: 53.10%;}
	.l-list-l, .l-left, .l-right, .l-list-r{ position: initial;  }
	.l-center{ position: relative;}
	.method-center{ margin: 0  auto;}
	.l-arrow-l, .l-arrow-r{ display:block;position:relative; top:auto; left:auto; margin:0 auto;
		animation: fadeIn 1s 0.60s ease forwards, floatTop 2.4s 1.2s ease-in-out infinite; 
	}
	.l-arrow-l img{ transform: rotate(90deg) translateX(-10px);}
	.l-arrow-r img{ transform: rotate(90deg);}
	.method-instruction{ width: 70%; height: auto; padding: 25px 0;}
	.method-instruction-left{ right: 20%;}
	.method-instruction-right{ left: 20%;}
	
	/*04*/
	.news-recommend .swiper-slide a{ display: block; height:auto; }
	.recommend-img{ width: 100%; height: 4.50rem;}
	.recommend-con{ padding: 0.40rem;} 
	.news-list li a{ display:block;}
	.news-img{ margin-left: 0; margin-bottom: 20px; width: 100%; height: auto; padding-top: 61.95%;}
	.detail-bot{ display:block;}
	.detail-back{  margin-top: 20px;}
}

@media (max-width: 480px) {
	 html{ font-size: 50px;}
	/* font */
	.f50{ font-size: 24px;}
	.f40{ font-size: 20px;}
	.f36{ font-size: 20px;}
	.f34{ font-size: 20px;}
	.f32{ font-size: 20px;}
	.f30{ font-size: 20px;}
	.f28{ font-size: 20px;}
	.f25{ font-size: 18px;}
	.f24{ font-size: 16px;}
	.f22{ font-size: 16px;}
	.f20{ font-size: 16px;}
	.f18{ font-size: 14px;}
	body{ font-size: 14px;}
	
	/*02*/
	.banner-swiper { height: 400px; }
	.banner-title { font-size: 26px; }
	.banner-subtitle { font-size: 16px; }  
	.feature-icon{ width:80px; height: 80px;} 
	.service-card{ width:100%;} 
	.service-card::after{ width:100%; height: 1px; top:auto; bottom: 0;}
	
	
	 .news-con{ display:block;}
	.news-time{ display:flex; margin-bottom: 20px; align-items: flex-end;}
	.news-time i{ margin-top:0; margin-left: 10px;}
}