/* 全局重置与基础样式 */

@font-face {
    font-family: "Alimama";
    src: url("../font/Alimama_DongFangDaKai_Regular.ttf") format("woff2"),
    url("../font/Alimama_DongFangDaKai_Regular.ttf") format("woff");
    font-weight: 400;
    font-style: normal;
}

.Alimama {
    font-family: "Alimama";
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Microsoft YaHei';
    cursor: default;
}

input:focus {
    outline: none;
    /* 去除选中时的轮廓线 */
    /* 若还存在边框，可同时设置 border 为 none */
    /* border: none; */
}

/* 通用隐藏滚动条样式 */
::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body {
    color: #333;
    background-color: #ffffff;
}

img {
    display: block;
    /* 消除行内元素默认的垂直对齐间隙 */
    margin: 0;
    /* 重置所有外边距为0 */
    padding: 0;
    /* 重置内边距为0（可选，若有默认内边距需清除） */
}

/* 原理说明 图 */
.container {
    margin: 0 auto;
    padding: 0 1.0417vw;
    /* 20px → 20/1920×100≈1.0417vw */
}


/* 合作咨询区 */
.consult-section {

    /* 108/1920×100 */
    height: 13.5417vw;
    /* 260/1920×100 */
    color: #fff;
    text-align: center;
    background: url('../img/home/consult.png') no-repeat 0 0 / 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.consult-section a {
    color: #096BEF;
}

.consult-section .text1 {
    font-weight: 400;
    font-size: 1.875vw;
    /* 36/1920×100 */
    margin-bottom: 1.2083vw;
    /* 23/1920×100 */
    color: #FFFFFF;
}

.consult-section .text2 {
    font-weight: 400;
    font-size: 1.1458vw;
    /* 22/1920×100 */
    color: #B9CBF8;
    margin-bottom: 1.7188vw;
    /* 33/1920×100 */
}

.consult-section button {
    width: 6.6667vw;
    /* 128/1920×100 */
    height: 2.1875vw;
    /* 42/1920×100 */
    background-color: #fff;
    color: #007bff;
    border: none;
    border-radius: 0.2083vw;
    /* 4/1920×100 */
    font-size: 1.0417vw;
    /* 20/1920×100 */
    cursor: pointer;
    transition: background-color 0.3s;
}

.consult-section button:hover {
    background-color: #e9ecef;
}

/* 服务内容容器（选项卡切换区域） */
.service-content {
    display: flex;
    width: 100%;
    background-color: transparent;
    color: #333;
}

/* 左侧菜单 */
.service-menu {
    width: 11.4583vw;
    /* 220/1920×100 */
    background-color: #2353A5;
    padding: 1.5625vw 0;
    /* 30/1920×100 */
    box-sizing: border-box;
    overflow-y: auto;
}

.service-menu ul {
    list-style: none;
}

.service-menu li {
    margin-bottom: 0.78125vw;
    /* 15/1920×100 */
    position: relative;
    cursor: pointer;
}

.service-menu a {
    padding-left: 1.7708vw;
    /* 34/1920×100 */
    height: 2.6042vw;
    /* 50/1920×100 */
    line-height: 2.6042vw;
    /* 50/1920×100 */
    color: #fff;
    text-decoration: none;
    font-size: 0.8333vw;
    /* 16/1920×100 */
    display: block;
    transition: color 0.3s, background-color 0.3s;
}

/* 菜单激活样式（与设计图左侧高亮对齐） */
.service-menu li.active a,
.service-menu li:hover a {
    color: #fff;
    background-color: #0D3C8D;
    border-left: 4px solid #FFBF37;
    padding-left: 1.5625vw;
    /* 30/1920×100 */
}

.service-menu .liActive a {
    color: #fff;
    background-color: #0D3C8D;
    border-left: 4px solid #FFBF37;
    padding-left: 1.5625vw;
    /* 30/1920×100 */
}

/* 右侧详情区 */
.service-detail {
    flex: 1;
    display: flex;

    justify-content: center;
    box-shadow: 0 0 1.0417vw rgba(0, 0, 0, 0.05);
    /* 20/1920×100 */
}

.service-carousel {
    overflow: hidden;
}

/* 服务图片列表 */
.service-imgList {
    width: 45.3125vw;
    display: flex;
    transition: transform 0.2s linear
}

.service-imglist-itemBox {
    width: 15.104vw;
    padding: 0.5208vw;
    flex: 0 0 15.104vw;
}

.service-imgList img {
    width: 100%;
    /* 270/1920×100 */
    height: 7.8125vw;
    /* 150/1920×100 */
}

.service-imgList img + img {
    margin-left: 1.0417vw;
    /* 20/1920×100 */
}

.service-text {
    font-weight: 400;
    font-size: 1.25vw;
    /* 24/1920×100 */
    color: #FFFFFF;
    width: 100%;
    margin-top: 1.5625vw;
    padding-left: 0.5208vw;
    /* 30/1920×100 */
}

.service-detailBody {
    width: 44.9vw;
    padding-top: 10.89vw;
}

/* 底部区域 */
.footer {
    background-color: #ffffff;
    height: 25.7292vw;
    /* 494px → 494/1920×100≈25.7292vw */
    color: #656865;
    padding-top: 4.1667vw;
    /* 80px → 80/1920×100≈4.1667vw */
}

.footer-content {
    display: flex;
    justify-content: space-between;
}

.footer-column {
    max-width: 15.8854vw;
    /* 305px → 305/1920×100≈15.8854vw */
}

.footer-column .title {
    font-weight: bold;
    font-size: 0.9375vw;
    /* 18px → 18/1920×100≈0.9375vw */
    color: #3D3D3D;
    margin-bottom: 1.2083vw;
    /* 23px → 23/1920×100≈1.2083vw */
}

.footer-column .name {
    font-size: 0.8333vw;
    /* 16px → 16/1920×100≈0.8333vw */
    color: #656865;
}

.footer-column .name + .name {
    font-size: 0.8333vw;
    /* 16px → 16/1920×100≈0.8333vw */
    color: #656865;
    margin-top: 0.9375vw;
    /* 18px → 18/1920×100≈0.9375vw */
}

.footer-logo {
    width: 9.2708vw;
    /* 178px → 178/1920×100≈9.2708vw */
    height: 2.7083vw;
    /* 52px → 52/1920×100≈2.7083vw */
}

.footer-qr {
    display: flex;
}

.footer-box {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 0.833vw;
    color: #000000;
}

.footer-qr img {
    width: 5.2083vw;
    /* 100px → 100/1920×100≈5.2083vw */
    height: 5.2083vw;
    /* 100px → 100/1920×100≈5.2083vw */
    margin-top: 0.8854vw;
    /* 17px → 17/1920×100≈0.8854vw */
}

.footer-qr span {
    font-weight: 300;
    font-size: 0.8333vw;
    /* 16px → 16/1920×100≈0.8333vw */
    color: #000000;
}

.footer-copyright {
    text-align: center;
    margin-top: 2.0833vw;
    /* 40px → 40/1920×100≈2.0833vw */
    padding-top: 1.0417vw;
    /* 20px → 1.0417vw */
    border-top: 1px solid #DDE2E9;
    font-weight: 400;
    font-size: 0.7292vw;
    /* 14px → 14/1920×100≈0.7292vw */
    color: #999999;
    display: flex;
    justify-content: center;
}

.footer-copyright img {
    width: 0.6771vw;
    /* 13px → 13/1920×100≈0.6771vw */
    height: 0.7813vw;
    /* 15px → 15/1920×100≈0.7813vw */
}

/* 标题 */
.sectionHeadline {
    height: 9.7917vw;
    /* 188/1920×100 */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sectionHeadline .section-title {
    font-weight: bold;
    font-size: 1.875vw;
    /* 36/1920×100 */
    color: #000000;
    text-align: center;
}

.sectionHeadline .section-title2 {
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    color: #1A1A1A;
    margin-top: 18px;
}


/* 蓝色分类 tab */
.about-tab-box {
    height: 3.75vw;
    width: 100%;
    border-bottom: 2px solid #E0E2E5;
}

.about-tab-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about-tab {
    height: 100%;
    display: flex;
    align-items: center;
}

.about-tab-path {
    font-size: 0.8333vw;
    color: #666666;
}

.about-tab-item {
    font-weight: 400;
    font-size: 0.9375vw;
    color: #333333;
    height: 3.75vw;
    line-height: 3.75vw;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: all 0.3s;
    margin: 0 1.7708vw;
}

.about-tab-item.active {
    border-bottom: 2px solid #007bff;
    color: #007bff;
}

.form-container {
    width: 100%;
    background-color: #fff;
    padding: 40px 66px;
    margin: 25px 0;
}

.dh {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jc {
    justify-content: center;
}

/* 定义目标类名：默认适配电脑端 */
.adaptiveWidth {
    width: 72.9167vw;
    /* 1400px → 1400/1920×100≈72.9167vw */
    margin: 0 auto;
}

.info-body-conter img {
    max-width: 100%;

}

/* 媒体查询：适配平板和手机（屏幕宽度 ≤ 1024px 时） */
@media (max-width: 1024px) {
    .adaptiveWidth {
        width: 100vw;
        padding: 0 5px;
        margin: 0;
    }
}

.pcBox {
    display: block;
}

/* 当屏幕宽度 ≤ 1400px 时，隐藏该元素 */
@media (max-width: 1400px) {
    .pcBox {
        display: none !important;
    }
}

.phoneBox {
    display: block;
}

/* 视口宽度 ≥ 1400px 时生效的样式 */
@media (min-width: 1400px) {
    .phoneBox {
        display: none !important;
    }
}

.form-item-container .required {
    color: red;
}

.form-item-container .goup-label {
    font-size: 20px;
    margin-bottom: 10px;
}

.form-item-container .goup-label .required {
    color: red;
}

.form-item-container .form-item-input {
    /*display: flex;*/
    margin-bottom: 10px;
    padding-left: 20px;
}

.form-item-container .form-item-input .label {
    width: auto;
    height: 41px;
    line-height: 41px;
}

.form-item-container .form-item-input .label .required {
    color: red;
}

.form-item-container .form-item-input .input-box input {
    /*border: none;*/
    /*border-bottom: 1px solid #e7e7e7;*/
    /*border-radius: 0;*/
    padding: 8px 12px;
}

.form-item-container .form-item-checkbox {
    padding-left: 20px;
    margin-bottom: 10px;
    display: flex;
}
.form-item-container .form-item-checkbox .checkbox-container{
    padding-left: 5px;
    margin-bottom: 10px;
    min-width: 168px;
}
.form-item-container .form-item-checkbox .input-box input {
    /*border: none;*/
    /*border-bottom: 1px solid #e7e7e7;*/
    /*border-radius: 0;*/
    padding: 8px 12px;
}

.form-item-container .form-item-text-and-input-mix {
    padding-left: 20px;
    margin-bottom: 10px;
}

.form-item-container .form-item-text-and-input-mix input {
    /*border-radius: 0;*/
    /*border: none;*/
    /*border-bottom: 1px solid #e7e7e7;*/
}

.form-item-container .form-item-radio {
    padding-left: 20px;
    margin-bottom: 10px;
}

.form-item-container .form-item-radio .radio-container {
    /*display: flex;*/
    /*padding-left: 20px;*/
    margin-top: 10px;

}

.form-item-container .form-item-radio .radio-container div {
    margin-right: 20px;
}

.form-item-container .form-item-input-not-flex {
    padding-left: 20px;
    margin-bottom: 10px;
}