@charset "utf-8";
/*
Theme Name: Sunton
*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');
*,
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{background:none;-webkit-text-size-adjust:100%;height:100%;}
body{ background:#fff; font-size:16px; color:#323232; font-weight:normal; font-family: 'Outfit', sans-serif;}
a{color:#031F45;text-decoration:none;outline-style:none;}
a:hover{color:#031F45;text-decoration:none;}
.a_other{color:#0051ff;}
.a_other:hover{color:#0051ff;}
p{line-height:1.5;margin:0px 0px 23px;}
li{list-style:none outside none;}
strong,
b{font-weight:normal; font-family: 'Outfit', sans-serif;}
em,
i{font-style:normal;}
strong em,
em strong{font-style:normal;font-weight:normal; font-family: 'Outfit', sans-serif;}
h1,
h2,
h3,
h4,
h5,
h6{ font-weight:normal; margin-bottom:30px; line-height:1.2; font-family: 'Outfit', sans-serif;}
h1{font-size:54px;}
h2{font-size:40px;}
h3{font-size:29px;}
h4{font-size:20px;}
h5{font-size:16px;}
h6{font-size:14px;}
img{max-width:100%;height:auto;vertical-align:middle;}
hr{clear:both;margin:40px 0;border:0;border-bottom:0;padding:0px;width:100%;background:#e1e0da;height:1px;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
/* hide input icon of safari  */
input::-webkit-credentials-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
    position: absolute; 
    right: 0;
}

/* new homepage using*/
.show_fade_in{opacity: 1 !important;}
.init_fade{opacity: 0;transition: all 2s;}


.grecaptcha-badge{
    display: none !important;
}

.header_section_1 { width: 100%; height: 80px; background-color: #0a0c10; border-bottom: 1px solid rgba(255,255,255,0.1); position: fixed; top: 0; left: 0; z-index: 1000; display: flex; align-items: center; }
/* Inner 宽度 1280px */
.inner { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; position: relative; }
/* Logo 样式 */
.header_logo { display: flex; align-items: center; gap: 12px; text-decoration: none; z-index: 1001; }
/* 桌面端导航列表 */
.header_nav { display: flex; align-items: center; gap: 15px; list-style: none; }
.header_nav li:last-child a{padding-right: 0;}
.nav_item { height: 80px; display: flex; align-items: center; position: relative; }
.nav_link { font-size: 14px; font-weight: 500;  color: #FAFAFA; text-decoration: none; transition: 0.3s; padding: 0 5px; display: flex; align-items: center; gap: 6px; }
.nav_link:hover, .nav_link.active { color: #F36F2D; }
.header_nav li.active .nav_link{color: #F36F2D;}
/* 桌面端下拉框 */
.header_dropdown { position: absolute; top: 70px; left: 50%; transform: translateX(-50%); width: 260px; background-color: #0a0c10; border: 1px solid rgba(255,255,255,0.1); border-radius: 0 0 12px 12px; display: none; padding: 10px 0; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.dropdown_link { display: block; padding: 12px 25px; font-size: 14px; color: rgba(255,255,255,0.8); text-decoration: none; transition: 0.2s; white-space: nowrap; }
.dropdown_link:hover { background-color: rgba(240, 103, 36, 0.1); color: #F36F2D; padding-left: 30px; }
/* 移动端汉堡按钮 */
.header_mobile_btn { display: none; width: 30px; height: 20px; flex-direction: column; justify-content: space-between; cursor: pointer; z-index: 1001; }
.header_mobile_btn span { width: 100%; height: 2px; background-color: #ffffff; border-radius: 2px; transition: 0.3s; }
.header_mobile_btn.active span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
.header_mobile_btn.active span:nth-child(2) { opacity: 0; }
.header_mobile_btn.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }

/* Header 核心样式：初始透明度 10% */
.header_section_1 { width: 100%; height: 80px; background-color: rgba(10, 12, 16, 0); border-bottom: none; position: fixed; top: 0; left: 0; z-index: 1000; display: flex; align-items: center; transition: all 0.4s ease;    backdrop-filter: blur(4px);}
    
/* 滚动后的状态：颜色加深 */
.header_section_1.is-scrolled { background-color: rgba(10, 12, 16, 0.95); height: 70px; border-bottom: 1px solid rgba(255,255,255,0.15); box-shadow: 0 4px 20px rgba(0,0,0,0.3); }

.mobile_nav_link{display:none}
.header_logo_icon{max-width: 153px;width:100%}
.has_dropdown .notactive_img{display: block;}
.has_dropdown .active_arrow{display: none;}
.has_dropdown.active .nav_link svg{display: none;}
.has_dropdown.active .active_arrow{display: block;}
/* 移动端样式覆盖 */
@media (max-width: 1024px) {
    .header_mobile_btn { display: flex; }
    .header_nav { display: none; position: absolute; top:55px; left: 0; width: 100%; background-color: #0a0c10; flex-direction: column; padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.05); box-shadow: 0 20px 40px rgba(0,0,0,0.5); }
    .nav_item { width: 100%; height: auto; flex-direction: column; align-items: flex-start; }
    .nav_link { width: 100%; padding: 15px 25px; border-bottom: 1px solid rgba(255,255,255,0.02); justify-content: space-between; }
    .header_dropdown { position: static; width: 100%; transform: none; border: none; background-color: rgba(255,255,255,0.03); box-shadow: none; border-radius: 0; padding: 0; }
    .dropdown_link { padding: 12px 40px; border-bottom: 1px solid rgba(255,255,255,0.02); }
    .mobile_nav_link{display:block}

}
/* 响应式高度 */
@media (max-width: 768px) { 
    .header_section_1 { height: 70px;background-color: rgba(10, 12, 16, 0.95); } 
    .header_nav { top: 50px; } 
    .header_logo_name { font-size: 20px; }
    .header_logo_icon{max-width: 120px;}
    
}
/* CSS 单行化规则 */
.header_section_1 { width: 100%; } 
.inner { width: 100%; } 
.nav_link svg { width: 10px; height: 6px; transition: 0.3s; } 
.dropdown_link:active { background: #f06724; color: #fff; }