/* =================================================
   CFMG HERO BANNER STYLE
   PART 1 / 8
   Base
   Header
================================================= */
/* =========================
   REM 基准
========================= */
html {
    font-size: 0.5208333333vw;
}

@media (min-width: 1920px) {
    html {
        font-size: 10px;
    }
}
:root{
    --blue:#145be8;
    --orange:#ff8500;
    --dark:#101827;
    --text:#333;
    --white:#fff;
}
:root {
    --strength-width: 165rem;
    --strength-height: 70rem;
    --primary: #0057ff;
    --secondary: #0d8bff;
    --title: #111111;
    --text: #666666;
    --border: #e9edf4;
    --radius-lg: 2.4rem;
    --radius-md: 2rem;
    --radius-sm: 1.4rem;
    --shadow: 0 1rem 4rem rgba(0, 40, 120, .08);
    --transition: .6s cubic-bezier(.22, 1, .36, 1);
}
/* =========================
   RESET
========================= */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html,
body{
    width:100%;
    height:100%;
}
body{
    font-family:
    "Arial",
    "Helvetica",
    "Microsoft YaHei",
    sans-serif;
    color:var(--text);
    background:#fff;
}
img{
    display:block;
    max-width:100%;
}
button{
    border:none;
    outline:none;
    background:none;
    cursor:pointer;
    font-family:inherit;
}
a{
    text-decoration:none;
    color:#145be8;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
li{
  list-style: none;
  padding-left: 0;
}

/* =========================
   HEADER
========================= */
.header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:11rem;
    padding:
    0 6rem;
    display:flex;
    align-items:center;
    z-index:100;
    background:
    rgba(255,255,255,.40);
    backdrop-filter:
    blur(2rem);
}
/* Logo */
.header-logo{
    width:18rem;
    flex-shrink:0;
}
.header-logo img{
    width:18rem;
}
/* 导航 */
.header-nav{
    flex:1;
    display:flex;
    justify-content:flex-end;
    align-items:center;
}
.header-nav .hpa1{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    font-size: 1.8rem;
    color: #222;
    transition: .35s;
    white-space: nowrap;
    padding: 4.2rem 3rem;
    box-sizing: border-box;
    font-weight: bold;
}
.header-nav li:nth-child(1) .headpro div{
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    padding: 0rem 3rem;
    font-size: 2.2rem;
}
.header-nav li:nth-child(2) .headpro div{
    padding: 1rem 3rem 1rem 3rem;
    border-right: 1px solid #ededed;
    font-size: 2.2rem;
}
.header-nav .headpro span{
    font-size: 1.3rem;
    color: #626262;
}
.header-nav .hpa1 div{
    position: relative;
    display: grid;
    gap: 0.5rem;
}
.header-nav .headpro div{
    position: relative;
    display: grid;
    gap: 0.5rem;
    padding: 0rem 3rem;
}
/* hover */
.header-nav .hpa1 div::after{
    content: "";
    position: inherit;
    left: 0;
    bottom: 0rem;
    width: 0;
    height: 0.2rem;
    background: var(--orange);
    transition: .35s;
}
.header-nav .hpa1:hover{
    color:var(--orange);
}
.header-nav .hpa1:hover div::after{
    width:100%;
}

.header-nav .current{
    color:var(--orange);
}
/* 当前选中 */
.header-nav .headpro{
    color:var(--orange);
    padding: 3rem 0rem;
}
.header-nav .headpro div::after{
    width: 13%;
    background: var(--orange);
}
.header-nav .current div::after{
    width:100%;
}
/* =========================
   HEADER RIGHT
========================= */
.header-right{
    display:flex;
    align-items:center;
    gap:3rem;
    flex-shrink:0;
}
.header-contact{
    height:4.6rem;
    padding:
    0 3rem;
    border-radius:3rem;
    background:var(--blue);
    color:white;
    font-size:1.5rem;
    transition:.35s;
}
.header-contact:hover{
    transform:
    translateY(-.3rem);
    box-shadow:
    0 1rem 2rem rgba(20,91,232,.25);
}
/* =========================
   HEADER滚动状态预留
========================= */
.header.scrolled{
    background:
    rgba(255,255,255,.98);
    box-shadow:
    0 .5rem 2rem rgba(0,0,0,.08);
}
/* =========================
   HEADER动画
========================= */
.header{
    animation:
    headerIn
    1s
    cubic-bezier(.22,1,.36,1)
    forwards;
}
@keyframes headerIn{
    from{
        opacity:0;
        transform:
        translateY(-3rem);
    }
    to{
        opacity:1;
        transform:
        translateY(0);
    }
}
/*导航产品子栏目*/
/* =========================================
   Mega Menu Container
========================================= */
.mega-menu{
    position:absolute;
    top:100%;
    left:50%;
    width: 114rem;
    height: 40rem;
    transform:
    translateX(-50%)
    translateY(-2.5rem);
    display:flex;
    background:#fff;
    border-radius:0 0 2rem 2rem;
    box-shadow:
    0 2.5rem 6rem rgba(0,0,0,.15);
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:
    opacity .35s ease,
    transform .45s cubic-bezier(.2,.8,.2,1);
    z-index:9999;
}
.headproli2{
    position: relative;
}
/* =========================================
   li hover 打开
========================================= */
.headproli:hover .mega-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:
    translateX(-50%)
    translateY(0);
}
/* =========================================
   左侧 Series
========================================= */
.mega-series{
    width: 30rem;
    padding: 2rem 2rem;
    border-right: 1px solid #eeeeee;
}
.series-item{
    height: 9rem;
    padding: 2rem;
    position: relative;
    border-radius: 1.5rem;
    cursor: pointer;
    overflow: hidden;
    transition: .35s;
}
.series-item::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    background:#fff4e8;
    transition:.35s;
}
.series-item:hover::before,
.series-item.active::before{
    width:100%;
}
.series-item h3,
.series-item p,
.series-item span{
    position:relative;
    z-index:2;
}
.series-item h3{
    margin: 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: #17223d;
    transition: .3s;
}
.series-item p{
    margin: 1rem 0 0;
    font-size: 1.3rem;
    color: #727c90;
}
.series-item span{
    position: absolute;
    right: 2rem;
    top: 3.5rem;
    font-size: 2.4rem;
    transition: .35s;
}
.series-item:hover h3,
.series-item.active h3{
    color:#ff7800;
}
.series-item:hover span,
.series-item.active span{
    color:#ff7800;
    transform:translateX(8px);
}
/* =========================================
   中间产品区域
========================================= */
.mega-products{
    width: 40rem;
    padding: 2rem;
    overflow-x: hidden;
}
.product-group{
        display:none;
    opacity:1;
    transform:none;
}
.product-group.active{
    display:block;
}
.product-group.show{
    opacity:1;
    transform:
    translateX(0);
}
/* 产品按钮 */
.product-item{
    display: block;
    position: relative;
    height: 6.5rem;
    padding: 1rem 2rem;
    margin-bottom: 0.5rem;
    border-radius: 1rem;
    text-decoration: none;
    overflow: hidden;
    transition: .35s;
}
.product-item::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0.3rem;
    height:100%;
    background:#ff7800;
    transform:scaleY(0);
    transition:.3s;
}
.product-item:hover::before,
.product-item.active::before{
    transform:scaleY(1);
}
.product-item:hover,
.product-item.active{
    background:#fff5ec;
}
.product-item h4{
    margin: 0;
    font-size: 1.7rem;
    font-weight: 600;
    color: #17223d;
    transition: .3s;
}
.product-item p{
    margin: 6px 0 0;
    font-size: 1.3rem;
    color: #747e91;
}
.product-item:hover h4,
.product-item.active h4{
    color:#ff7800;
}
/* =========================================
   右侧产品展示
========================================= */
.mega-preview{
    flex: 1;
    padding: 2rem;
}
.preview-image{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fafafa;
    border-radius: 1.5rem;
}
.preview-img{
    width: 25rem;
    opacity: 0;
    transform: scale(.92) translateX(3rem);
    transition: .45s ease;
}
.preview-img.show{
    opacity:1 !important;
    transform:
    scale(1)
    translateX(0);
}
.preview-info{
    margin: 1rem 0rem;
}
.preview-title{
    margin:0;
    font-size:2rem;
    color:#17223d;
}
.preview-desc{
    margin-top:8px;
    color:#70798c;
}
/* =========================================
   参数
========================================= */
.preview-spec{
    display:flex;
    gap:2.5rem;
}
.preview-spec span{
    display:block;
    font-size:1.1rem;
    color:#7c8495;
}
.preview-spec strong{
    display:block;
    margin-top:0.7rem;
    font-size:1.9rem;
    color:#17223d;
}
/* ======================================
   普通导航 Dropdown
   headproli2 only
====================================== */
.simple-dropdown{
    position:absolute;
    top:calc(100%);
    left:50%;
    transform:
    translateX(-50%)
    translateY(2rem);
    min-width:26rem;
    padding:1.5rem;
    background:
    rgba(255,255,255,.96);
    backdrop-filter:
    blur(12px);
    border-radius:1.5rem;
    box-shadow:
    0 2rem 5rem rgba(18,35,70,.16);
    border:
    1px solid rgba(255,255,255,.8);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:
    opacity .35s ease,
    transform .45s cubic-bezier(.2,.8,.2,1);
    z-index:9999;
}
/* 展开 */
.headproli2:hover .simple-dropdown{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:
    translateX(-50%)
    translateY(0);
}
/* ======================================
   菜单项
====================================== */
.dropdown-item{
    position:relative;
    display:flex;
    align-items:center;
    height:6rem;
    padding-left:2.5rem;
    margin-bottom:0.5rem;
    border-radius:1rem;
    text-decoration:none;
    font-size:1.5rem;
    font-weight:600;
    color:#17223d;
    overflow:hidden;
    transition:.35s ease;
}
/* 左侧黄色线 */
.dropdown-item::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0.3rem;
    height:100%;
    background:#ff7800;
    transform:
    scaleY(0);
    transition:.3s ease;
}
/* hover背景 */
.dropdown-item::after{
    content:"";
    position:absolute;
    inset:0;
    background:
    linear-gradient(
    90deg,
    #fff3e5,
    #fff8f1
    );
    opacity:0;
    transition:.35s;
    z-index:-1;
}
.dropdown-item:hover,
.dropdown-item.active{
    color:#ff7800;
    transform:
    translateX(4px);
}
.dropdown-item:hover::before,
.dropdown-item.active::before{
    transform:
    scaleY(1);
}
.dropdown-item:hover::after,
.dropdown-item.active::after{
    opacity:1;
}
/* ======================================
   第一次出现动画
====================================== */
.headproli2:hover 
.simple-dropdown .dropdown-item{
    animation:
    dropdownFade .35s both;
}
.headproli2:hover 
.simple-dropdown .dropdown-item:nth-child(2){
    animation-delay:.05s;
}
.headproli2:hover 
.simple-dropdown .dropdown-item:nth-child(3){
    animation-delay:.1s;
}
.headproli2:hover 
.simple-dropdown .dropdown-item:nth-child(4){
    animation-delay:.15s;
}
@keyframes dropdownFade{
from{
    opacity:0;
    transform:
    translateY(8px);
}
to{
    opacity:1;
    transform:
    translateY(0);
}
}
/* =====================================
   Header Right
===================================== */
.header-right{
    display: flex;
    align-items: center;
    gap: 2.2rem;
    margin-left: 10rem;
}
/* =====================================
   Language Current
===================================== */
.language{
    position: relative;
    width: 10rem;
}
.language-current{
    height: 11rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    color: #535454;
    font-size: 1.8rem;
    font-weight: 600;
    transition: .35s;
}
.language-current img{
    width: 3rem;
    height: 3rem;
}
.language-current i{
    width: 0.6rem;
    height: 0.6rem;
    border-right: .12rem solid #17223d;
    border-bottom: .12rem solid #17223d;
    transform: rotate(45deg) translateY(-.15rem);
    transition: .35s;
    font-weight: bold;
}
.language:hover 
.language-current{
    color:#ff7800;
}
.language:hover 
.language-current i{
    transform:
    rotate(225deg)
    translateY(-.05rem);
}
/* =====================================
   Language Dropdown
===================================== */
.language-menu{
    position: absolute;
    right: 0;
    top: calc(100%);
    width: 15rem;
    padding: 1rem;
    background: #fff;
    border-radius: 1.1rem;
    box-shadow: 0 1.25rem 3rem rgba(18, 35, 70, .15);
    border: .05rem solid rgba(255, 255, 255, .8);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(1.2rem);
    transition: .4s cubic-bezier(.2, .8, .2, 1);
    z-index: 9999;
}
.language:hover 
.language-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:
    translateY(0);
}
/* =====================================
   Language Item
===================================== */
.language-item{
    height: 3rem;
    display: flex;
    align-items: center;
    padding-left: 1.25rem;
    border-radius: .65rem;
    text-decoration: none;
    color: #17223d;
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    transition: .35s;
    padding: 1rem;
}
.language-item::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:.18rem;
    height:100%;
    background:#ff7800;
    transform:
    scaleY(0);
    transition:.35s;
}
.language-item::after{
    content:"";
    position:absolute;
    inset:0;
    background:
    linear-gradient(
    90deg,
    #fff2e3,
    #fff8f2
    );
    opacity:0;
    transition:.35s;
    z-index:-1;
}
.language-item:hover,
.language-item.active{
    color:#ff7800;
    transform:
    translateX(.25rem);
}
.language-item:hover::before,
.language-item.active::before{
    transform:
    scaleY(1);
}
.language-item:hover::after,
.language-item.active::after{
    opacity:1;
}
.header-right button{
    height:4.8rem;
    padding:0 2.8rem;
    border:none;
    border-radius:3rem;
    background:#1459ff;
    color:#ffffff;
    font-size:1.5rem;
    font-weight:600;
    font-family:inherit;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:1.2rem;
    transition:
    background .35s ease,
    transform .35s ease,
    box-shadow .35s ease;
    position:relative;
    overflow:hidden;
}
/* 右侧箭头 */
.header-right button::after{
    content: "\2192";
    font-size:2rem;
    line-height:1;
    transition:
    transform .35s ease;
}
/* hover */
.header-right button:hover{
    background:#0d46d8;
    transform:
    translateY(-0.2rem);
    box-shadow:
    0 1.2rem 2.8rem rgba(20,89,255,.3);
}
.header-right button:hover::after{
    transform:
    translateX(.6rem);
}
.simple-dropdown:empty{
    display:none!important;
}

/* =======================================================
   IND9 FOOTER
   CFMG Style
======================================================= */
.ind9_footer{
    position: relative;
    width: 100%;
    padding: 3rem 0 1rem;
    background: #f5f9ff;
    overflow: hidden;
}
.ind9_footer::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:.1rem;
    background: #276cff2e;
}
/* 底部科技波浪背景 */
/*.ind9_footer::after{*/
/*    content:"";*/
/*    position:absolute;*/
/*    bottom:-1rem;*/
/*    left:0;*/
/*    width:100%;*/
/*    height:10rem;*/
/*    background:*/
/*    url("wave.svg")*/
/*    center bottom /*/
/*    cover*/
/*    no-repeat;*/
/*    opacity:.65;*/
/*    pointer-events:none;*/
/*}*/
.ind9_footer .ind9_container{
    position:relative;
    z-index:2;
}
/* =======================================================
   Footer Main Layout
======================================================= */
.ind9_footer_main{
    display: flex;
    column-gap: 3.5rem;
    align-items: start;
    justify-content: space-between;
    flex-direction: row;
}
/* =======================================================
   Brand
======================================================= */
.ind9_footer_brand{
    max-width: 37rem;
}
.ind9_footer_logo{
    width:14rem;
    margin-bottom:1rem;
}
.ind9_footer_logo img{
    width:100%;
    height:auto;
}
.ind9_footer_tit{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 1.3rem;
    margin-bottom: 2.5rem;
}
.ind9_footer_tit span{
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.3rem;
    margin-bottom: 0.5rem;
    color: #262626;
}
.ind9_footer_contact{
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.ind9_footer_contact a{
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #335081;
}
.ind9_footer_contact img{
    width:1.8rem;
    height:1.8rem;
    margin-top:.2rem;
}
/* =======================================================
   Footer Navigation
======================================================= */
.ind9_footer_nav{
    min-width:0;
}
.ind9_footer_nav h4{
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 600;
    color: #101828;
}
.ind9_footer_nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e1e1e1;
    padding-top: 2rem;
}
.ind9_footer_nav:nth-child(4) ul{
    border:none;
}
.ind9_footer_nav a{
    position: relative;
    padding: 1.9rem 3.8rem 0.9rem 0;
    font-size: 1.4rem;
    color: #475467;
    cursor: pointer;
    transition: .3s;
}
.ind9_footer_nav a::after{
    content: "\2192";
    position:absolute;
    right:9.5%;
    opacity:0;
    color:#276cff;
    transition:.3s;
}
.ind9_footer_nav a:hover{
    color:#276cff;
    transform:translateX(.3rem);
}
.ind9_footer_nav a:hover::after{
    opacity:1;
}
/* =======================================================
   Right Action Cards
======================================================= */
.ind9_footer_cards{
    width: 35rem;
}
/* =======================================================
   Bottom
======================================================= */
.ind9_footer_bottom{
    position: relative;
    z-index: 2;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: .1rem solid rgba(39, 108, 255, .12);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ind9_footer_copy{
    display:flex;
    align-items:center;
    gap:1.8rem;
    font-size:1.35rem;
    color:#667085;
}
.ind9_footer_copy span{
    width:.1rem;
    height:1.4rem;
    background:#d0d5dd;
}
.ind9_footer_copy a{
    font-size:1.35rem;
    color:#667085;
}
.ind9_footer_follow{
    display:flex;
    align-items:center;
    gap:2rem;
    font-size:1.4rem;
    color:#344054;
}
.ind9_container{
    width:100%;
    max-width:165rem;
    margin:0 auto;
    padding:0 4rem;
}
.ind9_footer_follow>div{
    display:flex;
    gap:1rem;
}
.ind9_footer_follow a{
    width:4rem;
    height:4rem;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:1rem;
    background:#fff;
    border:.1rem solid #dce7fa;
    font-size:1.6rem;
    color:#101828;
    transition:.3s;
    font-weight: bold;
}
.ind9_footer_follow a:hover{
    transform:translateY(-.3rem);
    color:#276cff;
}


/*第九屏-留言*/
/* =======================================================
   IND9 Contact Section
   Base
======================================================= */
.ind9_contact{
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 3rem 0 2rem 0;
}

/* =======================================================
   Contact Main Layout
======================================================= */
.ind9_contact_wrap{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:8rem;
}
/* =======================================================
   Left Content
======================================================= */
.ind9_contact_info{
    width:48%;
    opacity:0;
    transform:translateY(4rem);
    transition:
    opacity .8s ease,
    transform .8s ease;
}
.ind9_contact.active 
.ind9_contact_info{
    opacity:1;
    transform:none;
}
.ind9_section_tag{
    padding:0 1.6rem;
    border-radius:2rem;
    color:#276cff;
    font-size:1.3rem;
    font-weight:600;
    letter-spacing:.1rem;
    margin-bottom:3rem;
    display:flex;
    align-items:center;
    gap:1.5rem;
    height:3rem;
}
/* 左右线 */
.ind9_line{
    width:3.5rem;
    height:.2rem;
    background:#ff7800;
    display:block;
}
.ind9_line_right{
    width:3rem;
    margin-left:.5rem;
}
/* 文字 */
.ind9_tag_text{
    font-size:1.5rem;
    font-weight:600;
    letter-spacing:.08rem;
    color:#ff7800;
    white-space:nowrap;
}
/* 右侧圆点 */
.ind9_dot{
    width:.8rem;
    height:.8rem;
    border-radius:50%;
    border:.2rem solid #ff7800;
    display:block;
    margin-left:-1rem;
}
.ind9_contact_title{
    margin:0;
    font-size:6.4rem;
    line-height:1.15;
    font-weight:700;
    color:#101828;
    letter-spacing:-.15rem;
}
.ind9_contact_title span{
    color:#ff7800;
    animation:
    ind9_dot 2s infinite;
}
@keyframes ind9_dot{
    0%,
    100%{
        opacity:1;
    }
    50%{
        opacity:.35;
    }
}
.ind9_contact_desc{
    max-width:55rem;
    margin-top:3rem;
    font-size:1.8rem;
    line-height:1.8;
    color:#667085;
}
/* =======================================================
   Features
======================================================= */
.ind9_features{
    display: flex;
    margin-top: 6rem;
    justify-content: space-between;
}
.ind9_feature_item{
    display: flex;
    align-items: center;
    gap: 2rem;
    opacity: 0;
    transform: translateY(2rem);
    padding-right: 3rem;
    border-right: 1px solid #ebebeb;
}
.ind9_feature_item:nth-child(3){
    border:none;
}
.ind9_contact.active 
.ind9_feature_item{
    animation:
    ind9_feature_show .6s ease forwards;
}
.ind9_contact.active 
.ind9_feature_item:nth-child(1){
    animation-delay:.35s;
}
.ind9_contact.active 
.ind9_feature_item:nth-child(2){
    animation-delay:.5s;
}
.ind9_contact.active 
.ind9_feature_item:nth-child(3){
    animation-delay:.65s;
}
@keyframes ind9_feature_show{
    to{
        opacity:1;
        transform:none;
    }
}
.ind9_feature_icon{
    width:5.6rem;
    height:5.6rem;
    border-radius:1.4rem;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    transition:.3s;
    background: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(245, 250, 255, .75));
    border: .1rem solid rgba(180, 210, 255, .45);
    box-shadow: 0 1rem 3rem rgba(40, 90, 180, .08), inset 0 .1rem 0 rgba(255, 255, 255, .9);
}
.ind9_feature_item:hover 
.ind9_feature_icon{
    transform:translateY(-.4rem);
}
.ind9_feature_icon img{
    width:3.8rem;
    height:3.8rem;
    object-fit:contain;
}
.ind9_feature_text h4{
    margin: 0 0 .6rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: #101828;
}
.ind9_feature_text p{
    margin: 0;
    font-size: 1.3rem;
    color: #98a2b3;
}
/* =======================================================
   Form Box
======================================================= */
.ind9_form_box{
    width: 52%;
    padding: 1.5rem 4.5rem 2.5rem 4.5rem;
    opacity: 0;
    transform: translateY(4rem);
    transition: opacity .8s ease .2s, transform .8s ease .2s;
    background: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(245, 250, 255, .75));
    border: .1rem solid rgba(180, 210, 255, .45);
    border-radius: 1.6rem;
    box-shadow: 0 1rem 3rem rgba(40, 90, 180, .08), inset 0 .1rem 0 rgba(255, 255, 255, .9);
}
.ind9_contact.active 
.ind9_form_box{
    opacity:1;
    transform:none;
}
/* =======================================================
   Form Header
======================================================= */
.ind9_form_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}
.ind9_form_title{
    display:flex;
    align-items:center;
    gap:1.4rem;
}
.ind9_form_icon{
    width:4rem;
    height:4rem;
    border-radius:1.2rem;
    background:#eef5ff;
    position:relative;
}
.ind9_form_icon::after{
    content:"";
    position:absolute;
    width:1.2rem;
    height:1.2rem;
    border-radius:50%;
    background:#276cff;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}
.ind9_form_title h3{
    margin:0;
    font-size:2.6rem;
    font-weight:650;
    color:#101828;
}
.ind9_response{
    display:flex;
    align-items:center;
    gap:.8rem;
    font-size:1.4rem;
    color:#667085;
}
.ind9_response span{
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #12b76a;
    animation: ind9_online 1.5s infinite;
}
@keyframes ind9_online{
    0%{
        box-shadow:
        0 0 0 0 rgba(18,183,106,.4);
    }
    70%{
        box-shadow:
        0 0 0 .8rem rgba(18,183,106,0);
    }
    100%{
        box-shadow:none;
    }
}
/* =======================================================
   Form Layout
======================================================= */
.ind9_form{
    display:flex;
    flex-direction:column;
    gap:2rem;
}
.ind9_form_row{
    display:flex;
    gap:2rem;
}
.ind9_form_row 
.ind9_form_item{
    width:50%;
}
.ind9_form_item{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:1rem;
}
.ind9_form_item div{
    font-size:1.5rem;
    color:#344054;
    font-weight:500;
}
.ind9_form_item div i{
    color:#ff7800;
    font-style:normal;
}
/* =======================================================
   Input
======================================================= */
.ind9_form_item input,
.ind9_form_item select,
.ind9_form_item textarea{
    width:100%;
    border:.1rem solid #dbe4f0;
    border-radius:1.2rem;
    background:#fff;
    font-size:1.4rem;
    color:#101828;
    transition:
    border-color .3s ease,
    box-shadow .3s ease;
}
.ind9_form_item input,
.ind9_form_item select{
    height:4rem;
    padding:0 1.8rem;
}
.ind9_form_item textarea{
    height:8rem;
    padding:1.8rem;
    resize:none;
}
.ind9_coded{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.ind9_coded .ind9_form-code{
    display: flex;
}
.ind9_coded .ind9_form-code input{
    border: .1rem solid #dbe4f0;
    border-radius: 0.5rem;
    margin-right: 1rem;
    padding: 0.5rem;
}
.ind9_form_item input::placeholder,
.ind9_form_item textarea::placeholder{
    color:#98a2b3;
}
.ind9_form_item input:hover,
.ind9_form_item textarea:hover,
.ind9_form_item select:hover{
    border-color:#b8cdf8;
}
.ind9_form_item input:focus,
.ind9_form-item input:focus,
.ind9_form_item textarea:focus,
.ind9_form_item select:focus{
    outline:none;
    border-color:#276cff;
    box-shadow:
    0 0 0 .4rem rgba(39,108,255,.12);
}
/* =======================================================
   Select
======================================================= */
.ind9_select_wrap{
    position:relative;
}
.ind9_form_item select{
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
    padding-right:5rem;
}
.ind9_select_arrow{
    position:absolute;
    right:2rem;
    bottom:1.8rem;
    width:.8rem;
    height:.8rem;
    border-right:.2rem solid #667085;
    border-bottom:.2rem solid #667085;
    transform:
    rotate(45deg);
    pointer-events:none;
}
.ind9_form_item select:focus 
+ .ind9_select_arrow{
    border-color:#276cff;
}
.ind9_text_count{
    position:absolute;
    right:1.8rem;
    bottom:1.5rem;
    font-size:1.3rem;
    color:#98a2b3;
}
/* =======================================================
   Submit Button
======================================================= */
.ind9_submit_btn{
    height:4.5rem;
    width: 30rem;
    border:none;
    border-radius:1.2rem;
    background:#ff7800;
    color:#fff;
    font-size:1.7rem;
    font-weight:600;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:1rem;
    position:relative;
    overflow:hidden;
    transition:
    transform .3s ease,
    box-shadow .3s ease;
}
.ind9_submit_btn span{
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
    font-weight: bold;
    transition: transform .35s var(--ind8-ease);
}
.ind9_submit_btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    background:
    linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.45),
    transparent
    );
    transition:.7s;
}
.ind9_submit_btn:hover{
    transform:translateY(-.3rem);
    box-shadow:
    0 1rem 3rem rgba(255,120,0,.25);
}
.ind9_submit_btn:hover::before{
    left:130%;
}
.ind9_submit_btn:hover span{
    transform:translateX(.5rem);
}
.layui-layer-msg{
    width: auto!important;
    min-width: auto!important;
    max-width: auto!important;
}


/*右侧悬浮*/
  .leftright_float {
    --leftright_blue: #1264ee;
    --leftright_orange: #ff6b00;
    --leftright_rail_w: 6rem;
    position: fixed;
    z-index: 90;
    top: 50%;
    right: 2.4rem;
    display: flex;
    flex-direction: column;
    width: var(--leftright_rail_w);
    padding: .7rem 0;
    overflow: visible;
    border: 0;
    border-radius: 1.2rem;
    background: rgba(247, 251, 255, .72);
    box-shadow: 0 1.2rem 3.2rem rgba(27, 82, 167, .13), inset 0 .1rem 0 rgba(255, 255, 255, .94);
    backdrop-filter: blur(1.4rem) saturate(150%);
    -webkit-backdrop-filter: blur(1.4rem) saturate(150%);
    opacity: 0;
    pointer-events: none;
    transform: translate3d(2rem, -50%, 0) scale(.94);
    transition: opacity .42s ease, transform .5s cubic-bezier(.22, 1, .36, 1), box-shadow .3s ease;
  }

  .leftright_float.leftright_is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, -50%, 0) scale(1);
  }

  .leftright_float:hover {
    box-shadow: 0 1.6rem 4rem rgba(27, 82, 167, .18), inset 0 .1rem 0 rgba(255, 255, 255, .98);
  }

  .leftright_item {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    min-height: 5.6rem;
    margin: 0;
    padding: 0.5rem 0;
    overflow: visible;
    border: 0;
    background: transparent;
    color: var(--leftright_blue);
    cursor: pointer;
    isolation: isolate;
  }

  .leftright_item::before {
    position: absolute;
    z-index: -1;
    inset: .25rem .55rem;
    border-radius: .8rem;
    background: transparent;
    content: '';
    transform: scale(.82);
    transition: background .25s ease, transform .3s cubic-bezier(.22, 1, .36, 1);
  }

  .leftright_item:hover::before,
  .leftright_item:focus-visible::before {
    background: rgba(18, 100, 238, .09);
    transform: scale(1);
  }

  .leftright_item:focus-visible {
    outline: none;
  }

  .leftright_icon {
    width: 2.25rem;
    height: 2.25rem;
    stroke: currentColor;
    stroke-width: 1.8;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .3s cubic-bezier(.22, 1, .36, 1), filter .3s ease;
  }

  .leftright_item:hover .leftright_icon,
  .leftright_item:focus-visible .leftright_icon {
    filter: drop-shadow(0 .35rem .5rem rgba(18, 100, 238, .2));
    transform: translateY(-.15rem) scale(1.08);
  }

  .leftright_item--service:hover .leftright_icon {
    animation: leftright_headset-ring .65s ease-in-out both;
  }

  .leftright_item--whatsapp {
    color: #12a967;
  }

  .leftright_item--whatsapp .leftright_icon {
    fill: currentColor;
    stroke: none;
  }

  .leftright_item--email {
    color: var(--leftright_blue);
  }

  .leftright_item--top {
    min-height: 5.2rem;
    color: var(--leftright_blue);
  }

  .leftright_top-icon {
    width: 2rem;
    height: 2rem;
    margin-bottom: .1rem;
  }

  .leftright_top-text {
    margin-top: .1rem;
    color: currentColor;
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1;
  }

  .leftright_item--top:hover .leftright_top-icon,
  .leftright_item--top:focus-visible .leftright_top-icon {
    animation: leftright_top-bounce .6s cubic-bezier(.22, 1, .36, 1) both;
  }

  .leftright_tip {
    position: absolute;
    top: 50%;
    right: calc(100% + 1.2rem);
    display: flex;
    align-items: center;
    gap: .9rem;
    width: max-content;
    min-width: 19rem;
    max-width: 25rem;
    padding: 1rem 1.3rem;
    border: 0;
    border-radius: 1rem;
    background: rgba(250, 253, 255);
    box-shadow: 0 .9rem 2.4rem rgba(32, 85, 168, .13), inset 0 .1rem 0 rgba(255, 255, 255, .92);
    backdrop-filter: blur(1.4rem) saturate(145%);
    -webkit-backdrop-filter: blur(1.4rem) saturate(145%);
    opacity: 0;
    pointer-events: none;
    transform: translate3d(1rem, -50%, 0) scale(.96);
    transform-origin: right center;
    transition: opacity .24s ease, transform .32s cubic-bezier(.22, 1, .36, 1);
  }

  .leftright_item:hover .leftright_tip,
  .leftright_item:focus-visible .leftright_tip,
  .leftright_item.leftright_is-active .leftright_tip {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, -50%, 0) scale(1);
  }

  .leftright_tip-icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background: rgba(18, 100, 238, .08);
    color: var(--leftright_blue);
  }

  .leftright_tip-icon--whatsapp {
    background: rgba(18, 169, 103, .1);
    color: #12a967;
  }

  .leftright_tip-icon .leftright_icon {
    width: 1.75rem;
    height: 1.75rem;
  }

  .leftright_tip-icon--whatsapp .leftright_icon {
    fill: currentColor;
    stroke: none;
  }

  .leftright_tip-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
    color: #17233d;
    font-size: 1.2rem;
    line-height: 1.2;
    text-align: left;
  }

  .leftright_tip-copy strong {
    color: #152240;
    font-size: 1.3rem;
    font-weight: 700;
  }

  .leftright_tip-copy span {
    color: #63708a;
    font-size: 1.3rem;
  }

  @keyframes leftright_headset-ring {
    0%, 100% { transform: translateY(-.15rem) scale(1.08) rotate(0); }
    25% { transform: translateY(-.15rem) scale(1.08) rotate(-9deg); }
    75% { transform: translateY(-.15rem) scale(1.08) rotate(9deg); }
  }

  @keyframes leftright_top-bounce {
    0% { transform: translateY(0); }
    45% { transform: translateY(-.7rem); }
    100% { transform: translateY(0); }
  }

  @media (max-width: 767px) {
    .leftright_float {
      right: 1.2rem;
      transform: translate3d(1.5rem, -50%, 0) scale(.88);
      transform-origin: right center;
    }

    .leftright_float.leftright_is-visible {
      transform: translate3d(0, -50%, 0) scale(.88);
    }

    .leftright_tip {
      min-width: 17rem;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .leftright_float,
    .leftright_item::before,
    .leftright_icon,
    .leftright_tip {
      transition-duration: .01ms;
    }

    .leftright_item:hover .leftright_icon,
    .leftright_item--top:hover .leftright_top-icon {
      animation: none;
    }
  }
.tawk-open{
    cursor: pointer;
}


/* ==================================================
   Footer Social Panel
================================================== */

.footer_social_panel,
.footer_social_panel * {
    box-sizing: border-box;
}

.footer_social_panel {
    max-width: 42rem;
    margin-left: auto;
    padding: 2.4rem 2.2rem 2.2rem;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.92),
            rgba(246, 250, 255, 0.72)
        );

    border: 0.1rem solid rgba(79, 145, 255, 0.25);
    border-radius: 1.8rem;

    box-shadow:
        0 1.6rem 4rem rgba(23, 78, 156, 0.05);

    position: relative;
    overflow: hidden;
}

/* 顶部标签 */
.footer_social_tag {
    display: flex;
    align-items: center;
    gap: 1.2rem;

    margin-bottom: 1.3rem;

    color: #ff7900;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.footer_social_tag span {
    display: block;
    width: 3rem;
    height: 0.25rem;

    background: #ff7900;
    border-radius: 10rem;
}

/* 标题 */
.footer_social_title {
    margin: 0 0 0.5rem;

    color: #071a3a;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
}

/* 描述 */
.footer_social_desc {
    margin: 0 0 2.1rem;

    color: #65738a;
    font-size: 1.35rem;
    line-height: 1.6;
}

/* 社媒网格 */
.footer_social_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
}

/* 单个社媒卡片 */
.footer_social_link {
    min-width: 0;
    min-height: 7.6rem;

    display: flex;
    align-items: center;
    gap: 1rem;

    padding: 1.1rem 1.2rem;

    color: #071a3a;
    text-decoration: none;

    background: rgba(255, 255, 255, 0.45);
    border: 0.1rem solid rgba(79, 145, 255, 0.24);
    border-radius: 1.5rem;

    box-shadow:
        0 0.6rem 1.8rem rgba(23, 78, 156, 0.025);

    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.35s ease,
        background-color 0.35s ease,
        box-shadow 0.35s ease;
}

/* 图标容器 */
.footer_social_icon {
    width: 4.6rem;
    height: 4.6rem;
    flex: 0 0 4.6rem;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #174ea6;

    background: #ffffff;
    border: 0.1rem solid rgba(79, 145, 255, 0.18);
    border-radius: 50%;

    box-shadow:
        0 0.7rem 1.8rem rgba(30, 91, 174, 0.1);
}

/*
图标使用固定 fill，
不会受到卡片 hover 颜色影响
*/
.footer_social_icon svg {
    width: 2.15rem;
    height: 2.15rem;

    display: block;
    fill: #174ea6;

    transition: none;
}

/* 名称 */
.footer_social_name {
    min-width: 0;
    flex: 1;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #071a3a;
    font-size: 1.4rem;
    font-weight: 700;
}

/* 箭头 */
.footer_social_arrow {
    width: 2.1rem;
    height: 2.1rem;
    flex: 0 0 2.1rem;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ff7900;

    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.footer_social_arrow svg {
    width: 100%;
    height: 100%;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Hover：图标颜色和图标位置保持不变 */
.footer_social_link:hover {
    transform: translateY(-0.4rem);

    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 121, 0, 0.45);

    box-shadow:
        0 1.2rem 2.8rem rgba(23, 78, 156, 0.11);
}

.footer_social_link:hover .footer_social_icon,
.footer_social_link:hover .footer_social_icon svg {
    color: #174ea6;
    fill: #174ea6;
}

.footer_social_link:hover .footer_social_arrow {
    transform: translateX(0.4rem);
}

/* 点击反馈 */
.footer_social_link:active {
    transform: translateY(-0.1rem) scale(0.985);
}

/* 键盘操作 */
.footer_social_link:focus-visible {
    outline: 0.2rem solid rgba(255, 121, 0, 0.8);
    outline-offset: 0.3rem;
}

/* 平板与手机 */
@media (max-width: 767px) {
    .footer_social_panel {
        max-width: none;
        margin: 0;
        padding: 2rem 1.6rem;
    }
}

@media (max-width: 480px) {
    .footer_social_grid {
        grid-template-columns: 1fr;
    }

    .footer_social_link {
        min-height: 7rem;
    }
}

/* 减少动画偏好 */
@media (prefers-reduced-motion: reduce) {
    .footer_social_link,
    .footer_social_arrow {
        transition: none;
    }
}