* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/*定义浏览器滑块*开始*/

::-webkit-scrollbar {
width: 8px;
height: 8px;
}
/* 轨道：两端圆角，999px直接变成圆槽 */
::-webkit-scrollbar-track {
background: #f8fafc;
border-radius: 999px;
}
/* 滑块：胶囊圆，两端圆弧 */
::-webkit-scrollbar-thumb {
background: rgba(31, 95, 139, 0.45);
border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(31, 95, 139, 0.7);
}
/* 隐藏上下箭头按钮，不然会破坏圆形轨道效果 */
::-webkit-scrollbar-button {
display: none;
}

/* Firefox（火狐）注意：火狐不支持轨道圆角，只能设置颜色+细条 */
* {
scrollbar-width: thin;
scrollbar-color: rgba(31, 95, 139, 0.45) #f8fafc;
}


/*定义浏览器滑块结束*/



a{text-decoration: none;}
.clear{ clear:both}
.fa {
font-family: inherit !important;
font-style: normal;
font-weight: normal;
width: 20px;
height: 20px;
display: inline-block; 
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}	
.fa-globe {background-image: url("/img/diqiu.png");}
.fa-plane-departure{background-image: url("/img/qifei.png");}
.fa-plane-arrival{background-image: url("/img/jiangluo.png");}
.fa-calendar{background-image: url("/img/riqi.png");}
.fa-user{background-image: url("/img/ren.png");}
.fa-suitcase{background-image: url("/img/jicang.png");}
.fa-flag-name{background-image: url("/img/xingm.png");}  
.fa-flag-us{background-image: url("/img/dianhua.png");}
.fa-flag-email{background-image: url("/img/email.png");}
.fa-exchange{background-image: url("/img/qiehuan.png");}
.fa-arrow-right{background-image: url("/img/youjiantou.png");}  
.fa-plus{background-image: url("/img/jiahao.png");}  
.fa-times{background-image: url("/img/x.png");width: 20px;height:20px;}  
.fa-phone{
background-image: url(/img/tel.png);
background-position: center;
width:20px;
height:20px;
transform: translateY(3px);
}
.fa-zh{
background-image: url(/img/yuyan.svg);
width:25px;
height:25px;
vertical-align: middle;
}
.fa-en{background-image: url("/img/en.svg");width:20px;height:20px;vertical-align: middle;}

.hero-wrap {}

.top-nav {
width: 100%;
max-width:1280px;
margin:0 auto;
padding:24px 10px;
display:flex;
justify-content: space-between;
align-items: center;
gap:20px;
position: relative;
}
.nav-left-wrap{
display:flex;
align-items:center;
gap:50px;
}
.nav-right-wrap{
display:flex;
align-items:center;
}
.nav-right-wrap > .lang-dropdown-wrap {
margin-left: 0px;
margin-right:15px;

}
.nav-right-wrap > .login-btn {
margin-left: 0px;
margin-right:0px;
}
.nav-right-wrap > .phone-badge {
margin-left: 16px;
}
.nav-right-wrap > .hamburger-btn {
margin-left: 16px;
}
.logo {
width:70px;
}
.nav-menu {
display:flex;
gap:28px;
list-style:none;
align-items:center;
padding-left:70px;
}
.nav-menu li a {
color:#fff;
text-decoration:none;
font-size:18px;
transition: opacity 0.2s;
}
.nav-menu li a:hover {
opacity:0.75;
}
.nav-menu li .dropdown-icon::after {
content:" \f078";
font-family:FontAwesome;
font-size:12px;
}
.nav-more-wrap {
position:relative;
}
.more-btn {
display:flex;
align-items:center;
gap:4px;
}
.more-btn .fa-chevron-down {
width:12px;
height:12px;
background-image: url("/img/xiajiantou.png");
}
.more-dropdown {
display:none;
position:absolute;
top:100%;
left:0;
background:#fff;
border-radius:8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
min-width:130px;
z-index:999;
list-style:none;
overflow:hidden;
}
.more-dropdown li a {
display:block;
color:#222;
padding:12px 16px;
font-size:15px;
white-space:nowrap;
}
.more-dropdown li a:hover {
background:#f3f4f6;
opacity:1;
}
.nav-more-wrap.open .more-dropdown {
display:block;
margin-top: 15px;
}
.login-btn {
background: none;
color:#fff;
border:none;
border-radius:6px;
padding:6px 10px;
font-size:15px;
white-space:nowrap;
display:flex;
align-items:center;
gap:6px;
cursor:pointer;
}
.login-btn a{color:#fff;}
.login-btn .fa-user, .mobile-menu-login .fa-user{
width:20px;
height:20px;
background-image: url("/img/login.png");
}
/* ========== 汉堡菜单：三条线，右对齐，上下两条一前一后收缩 ========== */
.hamburger-btn{
display:none;
background:transparent;
border:none;
color:#fff;
cursor:pointer;
z-index:110;
width:32px;
height:32px;
position:relative;
padding:0;
flex-direction:column;
justify-content:center;
align-items:flex-end;   /* 三条线右对齐 */
gap:8px;
}
.hamburger-btn .bar {
display:block;
width:30px;
height:3px;
background:#fff;
border-radius:3px;
transition: transform 0.3s ease, opacity 0.3s ease;
transform-origin: right;

}
/* 上下两条一前一后收缩 */
.hamburger-btn .bar.top-bar {
animation: shrinkPulse 1.8s ease-in-out infinite;
transform: scaleX(1);
}
.hamburger-btn .bar.bottom-bar {
animation: shrinkPulse 1.8s ease-in-out infinite;
animation-delay: 0.9s;   /* 延迟半个周期，形成一前一后 */
transform: scaleX(1);
}
.hamburger-btn .bar.middle-bar {
animation: none;
}
@keyframes shrinkPulse {
0% { transform: scaleX(1); }
50% { transform: scaleX(0.55); }
100% { transform: scaleX(1); }
}
/* 激活状态：三条线变成 X，取消动画 */
.hamburger-btn.active .bar.top-bar {
animation: none;
transform: translateY(11px) rotate(45deg) scaleX(1);
transform-origin: center;
}
.hamburger-btn.active .bar.bottom-bar {
animation: none;
transform: translateY(-11px) rotate(-45deg) scaleX(1);
transform-origin: center;
}
.hamburger-btn.active .bar.middle-bar {
animation: none;
opacity: 0;
transform: scaleX(0);
transform-origin: center;
}


.hamburger-btn:not(.active) .bar.top-bar {
animation: shrinkPulse 1.8s ease-in-out infinite;
animation-delay: 0.15s;   /* 极短延迟，先归位 */
transform: scaleX(1);
}
.hamburger-btn:not(.active) .bar.bottom-bar {
animation: shrinkPulse 1.8s ease-in-out infinite;
animation-delay: 1.05s;   /* 0.15 + 0.9，保持一前一后 */
transform: scaleX(1);
}


.hamburger-btn:not(.active) .bar.middle-bar {
opacity: 1;
}
.phone-badge {
background:rgba(255,255,255,0.15);
backdrop-filter: blur(8px);
border-radius:12px;
padding:8px 12px;
display:flex;
align-items:center;
gap:10px;
color:#FFFFFF;
}
.phone-avatar {
width:36px;
height:36px;
border-radius:50%;
background:#ccc;
overflow:hidden;
}
.phone-avatar img { width:100%; height:100%; padding:2px}	
.phone-text h5 {
font-size:12px;
opacity:0.85;
}
.phone-text p {
font-size:15px;
font-weight:600;
}
.mobile-overlay {
position:fixed;
inset:0;
background:rgba(0,0,0,0.55);
z-index:98;
opacity:0;
visibility:hidden;
transition: all 0.3s ease;
}
.mobile-overlay.active{
opacity:1;
visibility:visible;
}
.mobile-menu-tel i {
margin-right:8px;
}
@media(min-width:992px){
.mobile-menu-tel{ display:none;}
.yidong{display:none;}
.mobile-menu-login{display:none;}
}
.lang-dropdown-wrap {
position: relative;
display: inline-block;
margin-right: 0px;
}
@media(max-width:992px){
.lang-dropdown-wrap{display:none;}
.yidong {
display: flex;
gap:0px;
align-items: center;
border-bottom:none !important;
}
.nav-menu li.yidong a {
display: flex;
align-items: center;
gap:6px;
color:#fff;
font-size:14px;
white-space:nowrap;
width:50%;
line-height:25px;
}
.nav-menu li.mobile-menu-tel a{ font-size:15px;}
.nav-menu{
padding:20px 32px !important;
}
.nav-more-wrap {
position:relative;
}
.more-dropdown {
position:relative;
background:rgba(255,255,255,0);
box-shadow:none;
padding-left:10px;
}
.more-dropdown li a{
color:#fff;
padding-left:20px;
}

.more-dropdown li a:hover {
background: none;
opacity:1;
}

.hamburger-btn{
display:flex;
}

.logo img {
width:120px;
}

}
.lang-btn {
background: #1f2937;
color: #ffffff;
border: none;
padding: 6px 5px;
border-radius: 6px;
cursor: pointer;
font-size: 15px;
font-weight: 500;
white-space: nowrap;
display: flex;
align-items: center;
gap: 6px;
}
.lang-btn_fy {background: rgba(8, 61, 129, 1);}
.lang-btn .lang-flag {
width: 20px;
height: 20px;
object-fit: cover;
border-radius: 2px;
}
.lang-btn .lang-text {
color: #ffffff;
}
.lang-btn .fa-chevron-down {
color: #ffffff;
font-size:12px;
background-image: url("/img/xiajiantou.png");
width:12px;
height:12px;
}
.lang-menu {
display: none;
position: absolute;
top: calc(100% + 10px);
left: 50%;
transform: translateX(-50%);
background: #ffffff;
min-width: 120px;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
z-index: 999;
padding: 8px 0;
overflow: hidden;
}
.lang-menu::before {
content: "";
position: absolute;
width: 0;
height: 0;
left: 50%;
transform: translateX(-50%);
top: -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #ffffff;
}
.lang-menu-item {
padding: 12px 16px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-size: 14px;
color: #111827;
position: relative;
float:left;	
}
.lang-menu-item .lang-flag {
width: 22px;
height: 22px;
border-radius: 2px;
object-fit: cover;
}
.lang-menu-item:not(:last-child)::after {
content: "";
position: absolute;
bottom: 0;
left: 16px;
right: 16px;
height: 1px;
background: #e5e7eb;
width:95%
}
.lang-dropdown-wrap.open .lang-menu {
display: block;
}
.phone-badge{
margin-left: 0px !important;
}
.hero-content {
padding:0 180px;
/* padding-top:120px; 
padding-bottom:50px;
*/
position: absolute;
bottom: 150px; /* 距离hero-wrap底部100px */
left: 0;
width: 100%;
box-sizing: border-box;
}
.hero-heading-row {
display:grid;
grid-template-columns: 1fr 420px;
gap:30px;
margin-bottom:32px;
}
.main-title {
font-size:38px;
font-weight:700;
line-height:1.1;
padding-top:20px;
}
.hero-desc {
padding-top:24px;
font-size:17px;
line-height:1.65;
opacity:0.94;
}
.quote-form-card {
background:#ffffff;
color:#222;
border-radius:16px;
padding:32px;
max-width:100%;
}
.form-grid-top {
display:grid;
grid-template-columns: 1fr 2fr;
gap:20px;
margin-bottom:20px;
}
.from-to-wrap {
width:100%;
position:relative;
display:flex;
gap:20px;
align-items:stretch;
}
.from-to-wrap .form-item{
flex:1 1 0;
}
.swap-icon {
position:absolute;
z-index:3;
left:50%;
top:50%;
transform:translate(-50%,-50%);
background:#083d81;
color:#fff;
width:32px;
height:24px;
border-radius:6px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
.form-row-2col {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
gap:20px;
margin-bottom:20px;
}
.form-row-bottom {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
gap:20px;
align-items: stretch;
grid-template-areas:
"name phone email"
". btn .";
}
.form-row-bottom .form-item:nth-child(1) { grid-area: name; }
.form-row-bottom .form-item:nth-child(2) { grid-area: phone; }
.form-row-bottom .form-item:nth-child(3) { grid-area: email; }
.form-row-bottom .form-item:nth-child(4) { 
grid-area: btn;
}
.btn-submit {
width: auto;
min-width:220px;
}
.form-item {
display:flex;
flex-direction:column;
gap:6px;
position:relative;
}
.form-label-small {
font-size:13px;
color:#555;
}
.form-input-wrap {
position:relative;
width:100%;
height:100%;
}
.form-input-wrap i.fa-globe,
.form-input-wrap i.fa-plane-departure,
.form-input-wrap i.fa-plane-arrival,
.form-input-wrap i.fa-calendar,
.form-input-wrap i.fa-user,
.form-input-wrap i.fa-suitcase,
.form-input-wrap i.fa-flag-us,
.form-input-wrap i.fa-envelope-o,
.form-input-wrap i.fa-flag-email,
.form-input-wrap i.fa-flag-name
{
position:absolute;
left:14px;
top:50%;
transform:translateY(-50%);
color:#888;
z-index:2;
}
.form-control {
width:100%;
border:1px solid #e4e4e7;
border-radius:10px;
padding:14px 14px 14px 42px;
font-size:16px;
background:#fff;
height:100%;
min-height:48px;
}
.form-control.no-icon {
padding-left:14px;
}
.btn-submit {
background:#083d81;
color:#fff;
border:none;
border-radius:10px;
font-size:16px;
font-weight:600;
height:100%;
min-height:48px;
width:100%;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
cursor:pointer;
}
.trip-type-dropdown{
position:absolute;
top:calc(100% + 8px);
left:0;
width:100%;
background:#ffffff;
border-radius:12px;
box-shadow:0 4px 20px rgba(0,0,0,0.15);
z-index:100;

padding:20px;
display:none;
}
.trip-type-dropdown.open{
display:block;
}
.trip-type-dropdown h4{
font-size:16px;
margin-bottom:18px;
color:#222;
}
.trip-option-item{
margin-bottom:16px;
cursor:pointer;
}
.trip-option-item:last-child{
margin-bottom:0;
}
.trip-option-item label{
display:flex;
gap:10px;
cursor:pointer;
}
.trip-option-title{
font-size:15px;
color:#222;
}
.trip-option-desc{
font-size:13px;
color:#666;
margin-top:3px;
}
::placeholder {
font-size: 12px;
color: #CECECE;
}
::-webkit-input-placeholder {
font-size: 13px;
color: #CECECE;
}
::-moz-placeholder {
font-size:13px;
color: #CECECE;
}
:-ms-input-placeholder {
font-size:13px;
color: #CECECE;
}	
.J-datepicker-range-day .return_date0001{margin-left:0px}
.floating-input-wrap{
position:relative;
width:100%;
height:100%;
}
.floating-input-wrap .bordered-input{
width:100%;
border:1px solid #e4e4e7;
border-radius:10px;
padding:14px 14px 14px 44px;
font-size:16px;
background:#fff;
cursor:pointer;
height:100%;
min-height:48px;
font-size:13px;
color: #999;
}
.floating-label{
position:absolute;
left:14px;
top:-6px;
background:#fff;
padding:0 6px;
font-size:10px;
color:#444;
pointer-events:none;
z-index:2;
}
.hide-float-label .floating-label{
display:none !important;
}
.floating-input-wrap .icon-cal{
position:absolute;
left:14px;
top:50%;
transform:translateY(-50%);
color:#888;
z-index:1;
}
.passenger-popup{
position:absolute;
top:calc(100% + 10px);
left:0;
width:100%;
min-width:340px;
background:#fff;
border-radius:14px;
box-shadow:0 4px 24px rgba(0,0,0,0.14);
z-index:102;
padding:24px;
display:none;
}
.passenger-popup.open{
display:block;
}
.passenger-popup h3{
font-size:18px;
margin-bottom:22px;
color:#222;
}
.passenger-row{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:20px;
}
.passenger-row:last-child{
margin-bottom:0;
}
.passenger-info{
display:flex;
flex-direction:column;
}
.passenger-title{
font-size:16px;
color:#222;
}
.passenger-sub{
font-size:13px;
color:#777;
margin-top:2px;
}
.passenger-counter{
display:flex;
align-items:center;
gap:14px;
}
.passenger-btn{
width:38px;
height:38px;
border-radius:8px;
border:none;
font-size:18px;
cursor:pointer;
}
.btn-minus{
background:#f3f3f3;
color:#444;
}
.btn-plus{
background:#083d81;
color:#fff;
}
.passenger-num{
min-width:24px;
text-align:center;
font-size:17px;
}
.cabin-popup{
position:absolute;
top:calc(100% + 10px);
left:0;
width:100%;
min-width:320px;
background:#ffffff;
border-radius:14px;
box-shadow:0 4px 24px rgba(0,0,0,0.14);
z-index:102;
padding:20px;
display:none;
}
.cabin-popup.open{
display:block;
}
.cabin-popup h3{
font-size:18px;
margin-bottom:14px;
color:#222;
}
.cabin-radio-item{
display:flex;
align-items:center;
margin-bottom:10px;
cursor:pointer;
}
.cabin-radio-item:last-child{
margin-bottom:0;
}
.cabin-radio-item input{
display:none;
}
.custom-radio{
width:16px;
height:16px;
border-radius:50%;
border:1px solid #cccccc;
position:relative;
margin-right:14px;
}
.cabin-radio-item input:checked + .custom-radio{
border-color:#083d81;
}
.cabin-radio-item input:checked + .custom-radio::after{
content:"";
width:10px;
height:10px;
background:#083d81;
border-radius:50%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.cabin-text{
font-size:15px;
color:#222;
}
.multi-city-container{
margin-bottom:20px;
}
.add-flight-btn{
color:#083d81;
font-size:17px;
cursor:pointer;
display:inline-flex;
align-items:center;
gap:6px;
margin-bottom:0px;
}
.add-flight-btn i{
font-size:20px;
}
.flight-segment-row{
width:100%;
position:relative;
display:flex;
gap:20px;
align-items:end;
margin-bottom:16px;
}
.flight-segment-row .form-item{
flex:1 1 0;
}
.segment-delete-btn{
position:absolute;
right:-10px;
top:-10px;
width:22px;
height:22px;
background:#083d81;
color:#fff;
border:none;
border-radius:6px;
font-size:16px;
cursor:pointer;
z-index:10;
}
@media(max-width:992px){
.form-row-bottom {
grid-template-columns: 1fr;
grid-template-areas:
"name"
"phone"
"email"
"btn";
}
.btn-submit {
width: 100%;
}
.flight-segment-row {
flex-direction: column;
align-items: stretch;
gap: 16px;
padding-top: 12px;
}
.flight-segment-row .form-item {
width:100%;
min-width: 0;
}
.segment-delete-btn {
right: 0;
top: -10px;
}
.nav-menu{
display: block;
position:fixed;
top:0;
right:0;
height:100vh;
width:280px;
background:#083d81;
flex-direction:column;
padding:20px 32px !important;
gap:24px;
transform: translateX(100%);
transition: transform 0.35s ease;
z-index:100;
}
.nav-menu li a{
font-size:16px;
display:block;
padding:15px 0;
border-bottom:1px solid rgba(255,255,255,0.1);
}
.nav-menu.active{
transform: translateX(0);
}

.nav-menu li.mobile-menu-login a{border-bottom:0px solid rgba(255,255,255,0.1);}



.mobile-menu-login a{ display: inline-flex !important;
align-items: center !important;
gap: 6px; }
.mobile-menu-login .fa-user {
vertical-align: middle;
}
.hero-heading-row {
grid-template-columns:1fr;
}
.main-title {
font-size:48px;
}
.hero-desc {
padding-top:0;
}
.form-row-2col {
grid-template-columns:1fr;
}
.form-row-bottom {
grid-template-columns:1fr;
}
.form-grid-top{
grid-template-columns:1fr;
}
.trip-type-dropdown{
max-width:100%;
}
.flight-segment-row{
flex-direction:column;
}
.from-to-wrap{
flex-direction:column;
}
}
@media(max-width:768px){
.top-nav {
padding:16px 20px;
}
.hero-content {
padding:0 13px;

padding-top:100px; 
padding-bottom:30px;

position: relative;
bottom: 10px; 
left: 0;
width: 100%;
}
.main-title {
font-size:26px; 
}
.quote-form-card {
padding:20px;
padding-top:30px;
}
.phone-badge{
display:none;
}
.passenger-popup{
min-width:unset;
width:calc(100vw - 40px);
left:50%;
transform:translateX(-50%);
}
.cabin-popup{
min-width:unset;
width:calc(100vw - 40px);
left:50%;
transform:translateX(-50%);
}
.login-btn{
display:none;
}
}
/*
.footer-wrap {
background-color: #083d81;
color: #e8edff;
padding: 10px 24px;
}
.footer-wrap a{ color:#FFFFFF;}
.footer-container {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
gap: 16px;
align-items: center;
}
.footer-logo {
flex: 0 0 auto;
}
.footer-item.hotline {
flex: 0 0 165px;
}
.footer-item.address {
flex: 0 0 380px;
}
.footer-item.email {
flex: 0 0 195px;
}
.copyright {
flex: 0 0 320px;
}
.footer-item p {
font-size:15px;
line-height:1.6;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.copyright {
font-size:15px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
*/
@media (max-width:768px) {
/*
.footer-container {
flex-direction: column;
align-items: flex-start;
gap:10px;
padding-top:20px;
flex-wrap: wrap;
}
.footer-logo,
.footer-item.hotline,
.footer-item.address,
.footer-item.email,
.copyright {
flex: 0 0 auto;
}
.footer-item{ padding-top:5px; margin:0px; padding-bottom:0px;}
.footer-item p {
font-size:0.86rem;
text-align: left;
display: block;
overflow: visible;
}
.copyright {
font-size:15px;
text-align:left;
display:block;
overflow:visible;
}
*/
}
.hero-wrap_fy {
width: 100%;
min-height:450px;
background: none;
background-color:rgba(8, 61, 129, 1);
}
.banner-wrap_all {}
.banner-wrap {
display: flex;
align-items: center;
justify-content: space-between;
padding: 25px 6%;
gap: 32px;
flex-wrap: nowrap;
width:1200px;
margin:auto;
}
.banner-text {
flex: 1;
min-width: 0;
color: #fff;
}
.banner-text h1 {
font-size:40px;
line-height:1.1;
margin-bottom:16px;
}
.banner-text p {
font-size:22px;
opacity:0.95;
}
.banner-image-box {
flex: 0 0 auto;
}
.banner-image {
width: 250px;
display: block;
}
@media (max-width: 768px) {
.banner-wrap {
padding: 0px 5%;
gap: 3px;
width:100%
}
.banner-text h1 {
font-size: 17px;
line-height:22px;
}
.banner-text p {
font-size: 14px;
}
.banner-image {
width: 110px;
}
}
.lang-btn_fy {
background: none;
}
.hero-wrap_fyy{
width: 100%;
min-height:500px;/*450px;*/
height:450px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.banner_fenye {
width: 100%;

display: flex; /* 开启弹性布局，必须加 */
flex-direction: column;
justify-content: center; /* 垂直方向居中（column模式下主轴是垂直） */
align-items: center;     /* 水平居中 */
text-align: center;
padding: 20px;
min-height: 220px; /* 一定要给高度！改成你需要的高度 */


}
.banner__main {
font-size: clamp(1rem, 2.1vw, 5rem);
color: #fff;
font-weight: 600;
margin-bottom: 12px;
padding-top:60px;   
}
.banner__sub {
font-size: clamp(1rem, 1.3vw, 2rem);
color: #fff;
font-weight: 500;
}
.banner__sub, .banner__main{font-family: Tahoma, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;}
@media (max-width: 768px) {

.banner_fenye {padding: 20px;min-height: 150px;}

.hero-wrap_fyy{min-height:280px;
height:280px;
}
.banner__main {
font-size: 20px;
margin-bottom: 12px;
padding-top:0px;
line-height:34px;          
}
.banner__sub {
font-size: 14px;

}
}
.btn_n{cursor: pointer;}
.is-open {
display: block !important;
}
.popup-overlay {
background: rgba(0, 0, 0, 0.8);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 50;
opacity: 0;
transition: all 150ms ease-in;
pointer-events: none;
}
.popup-overlay.is-open {
pointer-events: auto;
opacity: 1;
}
.popup-wrap {
background: white;
text-align: center; 
min-width: 950px;
max-width: 950px;
min-height: 600px;
max-height: 600px;
position: absolute;
top: 49%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 55;
border-radius: 5px
}
/* ========= 关闭按钮 X 对称 ========= */
.close {
position: absolute;
width: 30px;
height: 30px;
right: -8px;
top: -12px;
cursor: pointer;
z-index: 60;
border-radius: 50%;
border:2px #083d81 solid;	
vertical-align: middle;
display: flex;
align-items: center;
justify-content: center;
background-color:#FFFFFF;
}
.close .a, .close .b {
background: #083d81;
position: absolute;
height: 2px;
width: 18px;
left: 50%;
top: 50%;
transform-origin: center;
}
.close .a {
transform: translate(-50%, -50%) rotate(-45deg);
}
.close .b {
transform: translate(-50%, -50%) rotate(45deg);
}
.popup-img {
background-size: cover;
background-position: center;
width: 35%;
float: left;
height: 100%;
border-radius: 5px 0px 0px 5px;
}
@media screen and (max-width: 1200px) {
.a, .b, .c, .d {
position: relative;
display: block;
z-index: 2;
background: white;
height: 13%;
margin-bottom:30%;
border-radius: 50px;
transform: rotate(0);
transform-origin: 50% 50% 0;
transition: all 400ms ease;
}
.d {
bottom: 85%;
}
}
@media screen and (max-width: 800px) { 
.popup-wrap .popup-img {
display: none;
}
.popup-wrap {min-width: 100% !important;
min-height: 100% !important;
}
.popup-wrap .popup {width: 100%;}
.popup-overlay .popup-wrap .popup h2 {
font-size:1.4em;
}
}
.popup-wrap_wrap {
position: relative;
max-width: 1600px;
margin: 20px auto;
border-radius: 8px;
overflow: hidden;
box-shadow:0 4px 20px rgba(0,0,0,0.2);
}
.close-btn {
position: absolute;
top: 12px;
right: 12px;
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
border: 2px solid #0066cc;
color: #0066cc;
font-size:22px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
z-index:2;
}
.popup-top {
display: flex;
flex-wrap: wrap;
}
.form-area {
width: 50%;
padding: 30px 30px 0px 30px;
background: #ffffff;
}
.img-area {
width: 50%;
position: relative;
}
.img-area img {
width:100%;
height:100%;
object-fit: cover;
display: block;
}
.img-badge-bar {
position: absolute;
bottom: 0;
left:0;
width:100%;
background: rgba(0,0,0,0.55);
color: white;
display: flex;
justify-content: space-around;
padding:14px 10px;
align-items:center;
}
.badge-item{
text-align:center;
}
.badge-item img{
width:60px;
margin:auto;       
}
.badge-itemm img{
width:80px;
margin:auto;            
}
.badge-itemmm img{
width:27px;
margin:auto;           
}
.form-area h1 {
font-size: 32px;
color: #222;
margin-bottom:10px;
}
.sub-title{
font-size:18px;
color:#444;
margin-bottom:30px;
}
.popup-top .form-area .form-item{
margin-bottom:16px;
}
.popup-top .form-area .form-item textarea,  .popup-top .form-area .form-item input{
width:100%;
padding:9px 12px;
border:1px solid #ddd;
font-size:13px;
border-radius:5px;
}
.popup-top .submit-btn{
width:100%;
padding:10px;
background:#4292d8;
color:#fff;
border:none;
font-size:18px;
cursor:pointer;
margin:0px 0 15px;
border-radius:5px;
}
.benefit-list{
list-style:none;
}
.benefit-list li{
display:flex;
align-items:center;
margin-bottom:14px;
}
.check-icon{
display:inline-block;
width:15px;
height:15px;
border-radius:50%;
background:#0066cc;
color:white;
text-align:center;
line-height:15px;
margin-right:10px;
}
.popup-bottom{
display:flex;
flex-wrap:wrap;
background:#2b2b2b;
color:#fff;
padding:10px;
}
.step-item{
width:33.333%;
padding:0 5px;
display:flex;
gap:10px;
text-align:left;
}
.step-num{
width:40px;
height:40px;
border-radius:50%;
border:2px solid #fff;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
font-weight:bold;
}
.step-text h3{
font-size:18px;
margin-bottom:0px;
}
.step-text p{
color:#ddd;
font-size:14px;
line-height:1.4;
}
@media screen and (max-width: 980px){
.form-area,.img-area{width:100%;}
.step-item{width:100%;margin-bottom:24px;}
.close {
width: 25px;
height: 25px;
right: 8px;
top: 8px;
}
.a, .b, .c, .d {margin-bottom: 0%;}
.close .a, .close .b {height: 2px;width: 15px;}
.lock-body{
overflow:hidden;
height:100%;
position:fixed;
width:100%;
}
.popup-wrap {
background: white;
text-align: center;
max-height: 90vh;
overflow-y: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 55;
border-radius: 5px;
min-width: 950px;
}
.popup-wrap .popup-img { display: none; }
.popup-wrap {
min-width: 100% !important;
max-height:100vh;
}
.popup-wrap .popup { width: 100%; }
.popup-overlay .popup-wrap .popup h2 { font-size:1.4em; }
}



/*底部样式二开始*/
.footer-wrap {
background-color: #1c2b46;
color: #ffffff;
padding: 60px 30px 15px;
}

.footer-container {
max-width: 1300px;
margin: 0 auto;
}

.footer-row {
display: flex;
flex-wrap: wrap;
margin-bottom: 40px;
justify-content: center;
}

.footer-row > div:not(:last-child) {
margin-right: 30px;
}

/* PC端每一列自定义宽度 */
.footer-logo-col {
width: 380px;
}
.footer-links-wrap {
display: flex;
width: calc(200px + 200px + 30px);
}
.footer-column.col-company {
width: 250px;
}
.footer-column.col-deals {
width: 250px;
}
.footer-column.col-contact {
width: 380px;
}

/* Logo单独列 */
.footer-logo-col .logo-img {
max-width: 220px;
width: auto;
height: auto;
display: block;
margin-bottom: 20px;
}

.footer-logo-col .logo-desc {
color: #d8dde8;
line-height: 1.4;
margin-bottom: 28px;
font-size:14px;
}

.social-links {
display: flex;
}
.social-links a {
width: 42px;
height: 42px;
background-color: #2b3b58;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
text-decoration: none;
margin-right:10px;
}
.social-links a:last-child{
margin-right:0;
}

.social-links a img {
width: 20px;
height: 20px;
}

/* 栏目通用 */
.footer-column h3 {
font-size: 20px;
position: relative;
padding-bottom: 10px;
margin-bottom: 20px;
}

.footer-column h3::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 35px;
height: 2px;
background-color: #ffffff;
}

.footer-column ul {
list-style: none;
}

.footer-column ul li {
margin-bottom: 14px;
color: #d8dde8;
font-size:14px;
}

.footer-column ul li.desc-text {
line-height: 1.4;
font-size:14px;
}

.footer-column ul li.contact-item {
display: flex;
align-items: center;
}
.footer-column ul li.contact-item svg {
width: 20px;
height: 20px;
fill: #d8dde8;
margin-right:10px;
}

.footer-column ul li a {
color: #d8dde8;
text-decoration: none;
font-size: 14px;
}

.footer-column ul li a:hover {
color: #fff;
}

/* 底部声明文字 */
.footer-disclaimer {
border-top: 1px solid #324260;
padding-top: 15px;
color: #b4bacc;
font-size: 14px;
line-height: 1.7;
text-align:center;
}

/* ========== 移动端 768px以下 ========== */
@media screen and (max-width: 768px) {
.footer-wrap {
padding: 30px 30px 15px;
}
.footer-column h3{ font-size:16px;margin-bottom: 10px;}
.footer-logo-col .logo-desc {margin-bottom: 15px;}
.footer-logo-col .logo-img {margin-bottom: 15px;}
.footer-row > div:not(:last-child) {margin-right: 0px; display:none}
.footer-row > div {
margin-right: 0;
margin-bottom: 15px;
}
.footer-row {margin-bottom: 0px;}
.footer-disclaimer {line-height: 1.4;}
.footer-column ul li:last-child {margin-bottom: 0px;}
.social-links { justify-content: center; }
/* Logo 整行100% */
.footer-logo-col {
width: 100%;
}
/* 包裹容器占满整行，内部两个栏目平分 */
.footer-links-wrap {
width: 100%;
display: flex;
}
.col-company,
.col-deals {
width: 50%;
}
.col-company {
padding-right:10px;
}
.col-deals {
padding-left:10px;
}
/* Contact整行100% */
.col-contact {
width:100%;
}
}
/*底部样式二结束*/


/*会员*/
.member_menu {
background-color: #083d81;
width: 100%;
margin: 0;
padding: 0;
}






/*翻页开始*/
#pages {
line-height:20px;
color:#666666;
margin-top:30px;
display: block;
margin-right: auto;
margin-bottom: 0px;	
margin-left: auto;
padding-top:0px;
font-size:13px;

}
#pages a {
display:inline-block;
padding:7px 14px;	
background:#f9f9f9;
-moz-border-radius: 4px;      /* Gecko browsers */
-webkit-border-radius: 4px;   /* Webkit browsers */
border-radius:2px;            /* W3C syntax */
border: 1px solid #ddd;
font-size:13px;
margin:5px 0px 0 0;
color:#666666;
}
#pages a.a1 {padding:7px 14px; background-color:#FFFFFF;}
#pages a:hover { background:#036eb8;color:#fff; }
#pages span { display:inline-block;padding:7px 14px; background:#036eb8;color:#fff;
-moz-border-radius:4px;      /* Gecko browsers */
-webkit-border-radius: 4px;   /* Webkit browsers */
border-radius:4px;            /* W3C syntax */
}
.text-c{text-align: center}




/*标题开始*/
.section-heading {
text-align: center;
margin-bottom: 0px;
}
.main-titlee {
font-size: 35px;
color: #083d81;
font-weight: 600;
margin: 0px auto 10px auto;
width: 90%;
}
.sub-title {
font-size: 18px;
color: #083d81;
margin-bottom: 30px;
}

@media (max-width: 768px) {
.main-titlee {
font-size: 1.5rem;
color: #083d81;
font-weight: 600;
margin: 0px auto 10px auto;
width: 90%;
}
.sub-title {
font-size: 14px;  
margin-bottom: 0px;
width: 88%;
margin:auto;
}
.sub-title p {
font-size: 1rem;
line-height: 1.5;
}
}
/*标题结束*/