@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft Yahei", sans-serif;
}
a {
    text-decoration: none;
}
ul {
    list-style: none;
}
body {
    background-color: #ffffff;
	color:#000000;
	font-size:16px;
}
a:link{
  color:#000000;
}
a:hover {
    color:#006dc4;
}
a:visited {
    color:#000;
}
.container {
    width:1400px;
    margin:0 auto;
}
/* ========== 导航公共样式 ========== */
.header-wrap {
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index:999;
    transition: background-color 0.3s ease;
}
/* ✅需求1：滚动之后固定悬浮在页面顶部 top:0 */
.header-wrap.is-scroll {
    position: fixed;
    top:0;
    background-color:rgba(17,17,17,0.95);
}
.header-inner {
    width:1400px;
    margin:0 auto;
    height:100px;
    display:flex;
    align-items:center;
    position:relative;
}
.logo {
    flex-shrink:0;
}
.logo img {
    height:52px;
}
.nav-main {
    display:flex;
    align-items:center;
}
.menu-list {
    display:flex;
    gap:46px;
    margin-left:140px;
}
.menu-list li a:link{ color:#FFFFFF}
.menu-list li a:hover{ color:#006dc4}
.menu-list li a:visited{ color:#FFFFFF}
.drop-list .drop-item a:link{ color:#000}
.drop-list .drop-item a:hover{ color:#006dc4}
.drop-list .drop-item a:visited{ color:#000}
.menu-item {
    height:100px;
    display:flex;
    align-items:center;
}
.menu-link {
    font-size:16px;
    color:#ffffff;
    padding:4px 0;
    position:relative;
}
.menu-link::after {
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px;
    background-color:#fff;
    transform:scaleX(0);
    transition:transform .25s ease;
}
.menu-link.active::after,
.menu-link:hover::after {
    transform:scaleX(1);
}
.header-right {
    display:flex;
    align-items:center;
    margin-left:85px;
}
.lang-select {
    display:flex;
    align-items:center;
    color:#fff;
    font-size:16px;
    gap:6px;
    cursor:pointer;
}
.lang-arrow {
    font-size:12px;
}

.search-btn {
    margin-left:25px;
    cursor:pointer;
}
.search-btn img {
    height:20px;
}
.consult-btn {
    margin-left:40px;
    padding:12px 32px;
    background:#fff;
    color:#2478e5;
    border-radius:999px;
    font-size:16px;
    font-weight:600;
    transition:all .2s;
}
.consult-btn:link{ color:#2478e5;}
.consult-btn:hover {
    background:#f0f7ff;
}
.dropdown-panel {
    position:absolute;
    top:100px;
    left:0;
    width:1400px;
    height:440px;
    background:#ffffff;
    border-radius:16px;
    padding:50px 30px;
    display:none;
    grid-template-columns:55% 45%;
    gap:30px;
    box-shadow:0 10px 40px rgba(0,0,0,0.12);
    z-index:100;
}
.menu-item:hover .dropdown-panel {
    display:grid;
}
.drop-left h3 {
    font-size:28px;
    color:#0f0f0f;
    font-weight:bold;
    margin-bottom:40px;
}
.drop-list {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}
.drop-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:10px;
    text-align:center;
}
.drop-item img {
    width:28px;
}
.drop-item a {
    color:#333;
    font-size:16px;
}
.drop-right {
    display:flex;
    align-items:center;
}
.drop-right img {
    width:100%;
    height:305px;
    object-fit:cover;
    border-radius:12px;
}
.search-modal {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    z-index:1000;
    display:none;
    align-items:center;
    justify-content:center;
}
.search-modal.show {
    display:flex;
}
.search-box {
    width:600px;
    display:flex;
}
.search-box input {
    flex:1;
    height:50px;
    padding:0 20px;
    border:none;
    border-radius:8px 0 0 8px;
    font-size:16px;
}
.search-box button {
    width:80px;
    height:50px;
    border:none;
    background:#2478e5;
    color:white;
    border-radius:0 8px 8px 0;
    cursor:pointer;
}
.hamburger {
    display:none;
    width:30px;
    height:24px;
    flex-direction:column;
    justify-content:space-between;
    cursor:pointer;
}
.hamburger span {
    width:100%;
    height:3px;
    background:#fff;
    border-radius:2px;
}
.mobile-menu {
    display:none;
    position:absolute;
    top:100px;
    left:0;
    width:100%;
    background:rgba(0,0,0,0.85);
    padding:20px;
}
.mobile-menu.show {
    display:block;
}
.mobile-menu a {
    display:block;
    padding:12px 0;
    font-size:16px;
    color:#fff;
}
@media(max-width:1440px){
    .header-inner {
        width:96%;
    }
    .dropdown-panel {
        width:100%;
        left:0;
    }
}
@media(max-width:1100px){
    .menu-list,.header-right {
        display:none;
    }
    .hamburger {
        display:flex;
        margin-left:auto; /* ✅汉堡菜单靠右 */
    }
    .dropdown-panel {
        display:none !important;
    }
}
/* ========== PC/手机两套内容切换工具类 ========== */
.pc-only{
    display:block !important;
}
.mobile-only{
    display:none !important;
}
@media(max-width:768px){
    .pc-only{
        display:none !important;
    }
    .mobile-only{
        display:block !important;
    }
}

/* ========== 底部公共样式 ========== */
.footer-top-wrap {
    background-color:#25292c;
    padding-top:70px;
    padding-bottom:70px;
}
.block1 {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.logo-box img {
    height:60px;
}
.social-icons {
    display:flex;
    gap:20px;
}
.social-icons a {
    display:flex;
    width:44px;
    height:44px;
    border:1px solid #fff;
    border-radius:50%;
    align-items:center;
    justify-content:center;
}
.social-icons img {
    width:24px;
    height:24px;
}
.block2 {
    height:1px;
    background-color:#ffffff;
    margin-top:25px;
    margin-bottom:45px;
}
.block3 {
    display:flex;
    gap:140px;
}
.nav-wrap {
    width:1020px;
    display:flex;
    justify-content:space-between;
}
.nav-col h4 {
    font-size:18px;
    margin-bottom:16px;
    font-weight:500;
    color:#fff;
}
.nav-col ul li {
    margin-bottom:8px;
    color:#d1d1d1;
}
.nav-col ul li a {
    color:#d1d1d1;
}
.nav-col ul li a:hover {
    color:#fff;
}
.contact-wrap {
    width:240px;
}
.tel-item {
    margin-bottom:18px;
}
.tel-item .title {
    color:#d1d1d1;
}
.tel-item .num {
    color:#39a8ff;
    font-size:20px;
    font-weight:bold;
}
.qrcode-row {
    display:flex;
    gap:12px;
    margin-top:20px;
}
.qrcode-item {
    text-align:center;
}
.qrcode-item img {
    width:100px;
    height:100px;
    background:#fff;
}
.qrcode-item p {
    font-size:14px;
    color:#d1d1d1;
    margin-top:6px;
}
.footer-bottom-wrap {
    background-color:#3f4149;
    padding:20px 0;
}
.footer-bottom-inner {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.copyright-text {
    color:#d1d1d1;
}
.friend-link-title {
    color:#ffffff;
}
.friend-link a {
    color:#d1d1d1;
}
.friend-link a:hover {
    color:#fff;
}

/*==================== 手机端所有修复 全部在这里，不影响PC ====================*/
@media(max-width:768px){
    /*1.头部汉堡靠右，头部高度缩小 */
    .header-inner{
        height:70px;
        width:92%;
    }
    .logo img{
        height:38px;
    }

    /*2.全局容器：给container左右安全边距，解决about页面贴边 */
    .container{
        width:100%;
        padding-left:16px;
        padding-right:16px;
    }

    /*3.合作伙伴网格 自适应 */
    .partner-grid{
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }

    /*4.联系表单自适应 四栏变两栏再变一栏 */
    .form-row-four{
        grid-template-columns:repeat(2,1fr);
    }
    .form-row-full{
        width:100%;
    }

    /*5.底部布局修复：nav‑col、contact‑wrap 不要贴左边 */
    .footer-top-wrap{
        padding-top:40px;
        padding-bottom:40px;
    }
    .block1{
        flex-direction:column;
        gap:20px;
        text-align:center;
    }
    .block3{
        flex-direction:column;
        gap:30px;
        padding-left:16px;
        padding-right:16px;
    }
    .nav-wrap{
        width:100% !important;
        flex-direction:column;
        gap:24px;
    }
    .nav-col{
        padding-left:4px;
    }
    .contact-wrap{
        width:100%;
        padding-left:4px;
    }
    .qrcode-row{
        flex-wrap:wrap;
        justify-content:flex-start;
    }
    .qrcode-item img{
        width:80px;
        height:80px;
    }

    /*6.footer‑bottom‑wrap 底部版权自适应 */
    .footer-bottom-inner{
        flex-direction:column;
        gap:10px;
        text-align:center;
        padding-left:16px;
        padding-right:16px;
    }

    /*搜索弹窗手机适配 */
    .search-box{
        width:92%;
    }
}
@media(max-width:480px){
    /*更小屏幕表单变成1栏 */
    .form-row-four{
        grid-template-columns:1fr;
    }
    .partner-grid{
        grid-template-columns:1fr;
    }
}

/*语言选择下拉样式*/
.lang-select{
    position: relative;
}
.lang-dropdown{
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    color:#000;
    min-width:80px;
    border-radius:6px;
    box-shadow:0 4px 12px rgba(0,0,0,0.15);
    display:none;
    overflow:hidden;
    margin-top:8px;
    z-index:1001;
}
.lang-dropdown.show{
    display:block;
}
.lang-item{
    padding:10px 14px;
    cursor:pointer;
    font-size:15px;
}
.lang-item:hover{
    background:#f3f7fc;
    color:#006dc4;
}