html {
    overflow-x: hidden;
}

body {
    font-size: 16px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-weight: 700;
    color: #222;
}

h1,
.h1 {
    font-size: 2.5rem;
}

h2,
.h2 {
    font-size: 44px;
}

h3,
.h3 {
    font-size: 1.5rem;
}

h4,
.h4 {
    font-size: 1.3rem;
    line-height: 30px;
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

p {
    line-height: 30px;
}

.navbar-toggle .icon-bar {
    background: #223a66;
}

input[type=email],
input[type=password],
input[type=text],
input[type=tel] {
    box-shadow: none;
    height: 45px;
    outline: none;
    font-size: 14px;
}

input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
input[type=tel]:focus {
    box-shadow: none;
    border: 1px solid #223a66;
}

.form-control {
    box-shadow: none;
    border-radius: 0;
}

.form-control:focus {
    box-shadow: none;
    border: 1px solid #223a66;
}

.py-7 {
    padding: 7rem 0px;
}

.btn {
    display: inline-block;
    font-size: 14px;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 0.75rem 2rem;
    font-family: "Exo", sans-serif;
    text-transform: uppercase;
    border-radius: 5px;
    border: 2px solid transparent;
    transition: all 0.35s ease;
}

.btn.btn-icon i {
    border-left: 1px solid rgba(255, 255, 255, 0.09);
    padding-left: 15px;
}

.btn:focus {
    outline: 0px;
    box-shadow: none;
}

.btn-main {
    font-size: 16px;
    padding: 10px 40px;
    background: #006ee9;
    color: #fff;
    border-color: #006ee9;
}

.btn-main-ai {
    font-size: 16px;
    padding: 10px 40px;
    color: #fff;
}

.btn-main:hover {
    background: #0180ff;
    border-color: #0180ff;
    color: #fff;
}

.btn-main-2 {
    background: #e12454;
    color: #fff;
    border-color: #e12454;
}

.btn-main-2:hover {
    background: #223a66;
    color: #fff;
    border-color: #223a66;
}

.btn-solid-border {
    border: 2px solid #223a66;
    background: transparent;
    color: #223a66;
}

.btn-solid-border:hover {
    border: 2px solid #223a66;
    color: #fff;
    background: #223a66;
}

.btn-solid-border:hover.btn-icon i {
    border-left: 1px solid rgba(255, 255, 255, 0.09);
}

.btn-solid-border.btn-icon i {
    border-left: 1px solid rgba(0, 0, 0, 0.09);
}

.btn-transparent {
    background: transparent;
    color: #222;
    border-color: #6F8BA4;
}

.btn-transparent:hover {
    background: #6F8BA4;
    color: #fff;
}

.btn-white {
    background: #fff;
    border-color: #fff;
    color: #222;
}

.btn-white:hover {
    background: #223a66;
    color: #fff;
    border-color: #223a66;
}

.btn-solid-white {
    border-color: #fff;
    color: #fff;
}

.btn-solid-white:hover {
    background: #fff;
    color: #222;
}

.btn-round {
    border-radius: 4px;
}

.btn-round-normal {
    border-radius: 10px;
}

.btn-round-full {
    border-radius: 50px;
}

.btn.active:focus,
.btn:active:focus,
.btn:focus {
    outline: 0;
}

.contact-btn {
    border-radius: 0%;
    width: 200px;
    font-size: 20px;
    border-color: #000;
}

.contact-btn:hover {
    background: #000205;
    border-color: #000408;
    color: #fff;
}

.bg-gray {
    background: #eff0f3;
}

.bg-primary {
    background: #223a66;
}

.bg-primary-dark {
    background: #152440;
}

.bg-primary-darker {
    background: #090f1a;
}

.bg-dark {
    background: #222;
}

.bg-gradient {
    background-image: linear-gradient(145deg, rgba(19, 177, 205, 0.95) 0%, rgba(152, 119, 234, 0.95) 100%);
    background-repeat: repeat-x;
}

.section {
    padding: 100px 0 50px 0;
}

.section-sm {
    padding: 70px 0;
}

.section-bottom {
    padding-bottom: 100px;
}

.subtitle {
    color: #223a66;
    font-size: 14px;
    letter-spacing: 1px;
}

.overlay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    /*background: #223a66;*/
    background: #000000;
}

.overly-2 {
    position: relative;
}

.overly-2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

.text-xs {
    font-size: 14px;
}

/** 24 **/
.text-sm {
    font-size: 1rem;
}

.text-sm-line-height {
    line-height: 2.5rem;
}

/** 30加粗 **/
.text-md-title {
    font-size: 1.45rem;
    /*font-weight: bold;*/
}

/** 36 **/
.text-md {
    font-size: 2.25rem;
}

/** 48加粗 **/
.text-title {
    font-size: 3rem;
    font-weight: bold;
}

.newPage {
    font-size: 1.45rem;
    color: #04539b;
    text-decoration: none; /* 去除下划线 */
    /*border-bottom: 1px solid #006ee9; !* 添加一条底部边框来模拟下划线 *!*/
}

@media (max-width: 1800px) and (min-width: 992px) {
    .text-title {
        font-size: 2.5rem;
        font-weight: bold;
    }

    .text-md {
        font-size: 1.75rem;
    }

    .text-md-title {
        font-size: 1.5rem;
        /*font-weight: bold;*/
    }

    .text-sm {
        font-size: 1.25rem;
    }

    .text-sm-line-height {
        line-height: 2rem;
    }
}

@media (max-width: 1630px) and (min-width: 992px) {
    .text-title {
        font-size: 2.5rem;
        font-weight: bold;
    }

    .text-md {
        font-weight: bold;
        font-size: 1rem;
    }

    .text-md-title {
        font-size: 1.45rem;
        /*font-weight: bold;*/
    }

    .text-sm {
        font-size: 1.75rem;
    }

    .text-sm-line-height {
        line-height: 2rem;
    }
}

.text-llg {
    font-size: 8.5rem;
}

@media (max-width: 992px) {
    .text-llg {
        font-size: 3rem;
    }
}

/** 60 **/
.text-lg {
    font-size: 3.75rem;
}

@media (max-width: 992px) {
    .ellipsis-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.no-spacing {
    letter-spacing: 0px;
}

/* Links */
a {
    color: #222;
    text-decoration: none;
    transition: all 0.35s ease;
}

a:focus,
a:hover {
    color: #223a66;
    text-decoration: none;
}

a:focus {
    outline: none;
}

.title-height {
    /*color: #006ee9;*/
    padding: 42px 0;
}

.content-title {
    font-size: 40px;
    line-height: 50px;
}

.page-title {
    padding: 250px 0px 250px 0px;
    position: relative;
}

.page-title-2 {
    padding: 80px 0px 80px 0px;
    position: relative;
}

.page-title-3 {
    padding: 120px 0px 120px 0px;
    position: relative;
}

.page-title-wisdom-park {
    padding: 200px 0 150px 0;
    position: relative;
}

.page-title-message-service {
    padding: 60px 0 80px 0;
    position: relative;
}

.cloud-printing-page-title-1 {
    padding: 5px 0 0 0;
    position: relative;
}

.cloud-printing-page-title-2 {
    padding: 5px 0 0 0;
    position: relative;
}

.community-page-title-2 {
    padding: 50px 0 50px 0;
    position: relative;
}

.page-title .block h1 {
    color: #fff;
}

.page-title .block p {
    color: #fff;
}

.page-title .breadcumb-nav {
    margin-top: 60px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.slick-slide:focus,
.slick-slide a {
    outline: none;
}

@media (max-width: 480px) {

    h2,
    .h2 {
        font-size: 1.3rem;
        line-height: 36px;
    }
}

.title-color {
    color: #223a66;
}

.secondary-bg {
    background: #223a66;
}

.section-title {
    margin-bottom: 70px;
}

.section-title h2 {
    color: #223a66;
}

.footer-text-color {
    color: #f4f9fc;
}

.gray-bg {
    background: #f4f9fc;
}

.footer-bg {
    background: #000;
    padding: 60px 0px 60px 0px;
}

@media (max-width: 992px) {
    .text-lg {
        font-size: 48px;
    }
}

@media (max-width: 992px) {
    .navbar-web {
        display: none;
    }
}

@media (min-width: 992px) {
    .navbar-mobile {
        display: none;
    }
}

#navbarmain .nav-link {
    font-weight: 600;
    padding: 10px 15px;
    color: #222;
    font-family: "Exo", sans-serif;
    text-transform: capitalize;
    font-size: 16px;
    transition: all 0.25s ease;
}

#navbarmain .nav-link:hover,
#navbarmain .active .nav-link {
    color: #0a539f;
}

.dropdown-toggle::after {
    display: none;
}

.navbar-brand {
    /*margin-top: 10px;*/
    padding: 10px 0;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        /*padding: 0 100px;*/
        flex: 1;
        flex-direction: row;
        justify-content: space-between;
    }
}

.header-top-bar {
    background: #223a66;
    font-size: 14px;
    padding: 10px 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #fff;
}

.top-bar-info li a {
    color: #fff;
    margin-right: 20px;
}

.top-right-bar a span {
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    vertical-align: middle;
}

.top-right-bar a i {
    color: #fff;
    margin-right: 10px;
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1800px;
    }
}

@media (max-width: 992px) {
    .navigation {
        text-align: center;
    }
}

.navigation .dropdown-menu {
    padding: 0px;
    border: 0px;
    /*border-top: 5px solid #fff;*/
    /*background: #0a539f;*/
    background: #377ac1;
    border-radius: 0px;
}

@media (max-width: 992px) {
    .navigation .dropdown-menu {
        text-align: center;
        float: left !important;
        width: 100%;
        margin: 0;
    }
}

.navigation .dropdown-toggle::after {
    display: none;
}

.navigation .dropleft .dropdown-menu,
.navigation .dropright .dropdown-menu {
    margin: 0;
}

.navigation .dropleft .dropdown-toggle::before,
.navigation .dropright .dropdown-toggle::after {
    font-weight: bold;
    font-size: 14px;
    border: 0;
    display: inline-block;
    font-family: IcoFont !important;
    vertical-align: 1px;
}

.navigation .dropleft .dropdown-toggle::before {
    content: "\eac9";
    margin-right: 5px;
}

.navigation .dropright .dropdown-toggle::after {
    content: "\eaca";
    margin-left: 5px;
}

.navigation .dropdown-item {
    padding: 13px 20px;
    background: transparent;
    font-weight: 400;
    color: #fff;
    border-bottom: 1px solid #eee;
}

.navigation li:last-child .dropdown-item {
    border-bottom: 0;
}

.navigation .dropdown-submenu.active > .dropdown-toggle,
.navigation .dropdown-submenu:hover > .dropdown-item,
.navigation .dropdown-item.active,
.navigation .dropdown-item:hover {
    background: #039ddd;
    color: #fff;
}

.navigation button:focus {
    outline: 0;
}

@media (min-width: 992px) {
    .navigation .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease-in, visibility 0s linear 0.2s, transform 0.2s linear;
        min-width: 200px;
        transform: translateY(10px);
    }

    .navigation .dropleft .dropdown-menu {
        margin-right: 5px;
    }

    .navigation .dropright .dropdown-menu {
        margin-left: 5px;
    }

    .navigation .dropdown:hover > .dropdown-menu {
        visibility: visible;
        transition: all 0.3s ease 0s;
        opacity: 1;
        transform: translateY(0);
    }
}

.bg-3 {
    font-size: 1.875rem;
    background: url("/images/wisdom-station/bg.jpg.webp") no-repeat 100% 50%;
    background-size: cover;
    position: relative;
}

.home-bg {
    background: url("/images/bg/home1.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.wisdom-park-bg {
    background: url("/images/bg/wisdom-park-bg.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.patrol-robot-bg {
    background: url("/images/patrol-robot/bg.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.bg-2 {
    background-color: #f4f4f4;
}

.wisdom-park-bg-2 {
    background-color: #fece3e;
}

.wisdom-park-bg-3 {
    background-color: rgb(133, 65, 146);
}

.message-service-bg-2 {
    background-color: #ff724a;
}

.message-service-bg-3 {
    background-color: white;
}

.message-service-bg-4 {
    background-color: #8193c3;
}

.bg-4 {
    background: #fece3e no-repeat;
    background-size: cover;
    position: relative;
    height: 50%;
}

.bg-5 {
    background: #ffffff no-repeat;
    background-size: cover;
    position: relative;
    height: 100%;
}

.bg-6 {
    background: #f4f4f4 no-repeat;
    background-size: cover;
    position: relative;
    height: 100%;
}

.new-product-launch-content {
    /*text-align: center;*/
}

.banner {
    position: relative;
    overflow: hidden;
    background: #fff;
    background: none;
    background-size: cover;
    min-height: 550px;
}

.banner .block {
    padding: 80px 0px 160px;
}

.banner .block h1 {
    font-size: 60px;
    line-height: 1.2;
    letter-spacing: -1.2px;
    text-transform: capitalize;
    color: #223a66;
}

.letter-spacing {
    letter-spacing: 2px;
}

.text-color {
    color: #0a539f;
}

.text-color-2 {
    color: #222222;
}

.divider {
    width: 240px;
    height: 10px;
    background: #0a539f;
}

.divider-white {
    width: 100%;
    height: 5px;
    background: #fff;
}

.divider2 {
    width: 470px;
    height: 500px;
    background: #0a539f;
}

@media (max-width: 480px) {
    .banner .block h1 {
        font-size: 38px;
        line-height: 50px;
    }

    .banner {
        min-height: 450px;
        background: #fff !important;
    }
}

@media (max-width: 400px) {
    .banner .block h1 {
        font-size: 28px;
        line-height: 40px;
    }

    .banner {
        min-height: 450px;
        background: #fff !important;
    }
}

@media (max-width: 768px) {
    .banner .block h1 {
        font-size: 56px;
        line-height: 70px;
    }

    .banner {
        background: #fff !important;
    }
}

@media (max-width: 992px) {
    .banner {
        background: #fff !important;
    }
}

.about-img img {
    border-radius: 5px;
    box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
}

.award-img {
    height: 120px;
    margin-bottom: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
    background: #eff0f3;
}

.appoinment-content {
    position: relative;
}

.appoinment-content img {
    width: 85%;
}

.appoinment-content .emergency {
    position: absolute;
    content: "";
    right: 10px;
    bottom: 20px;
    background: #223a66;
    padding: 48px;
}

.appoinment-content .emergency h2 {
    color: #fff;
}

.appoinment-content .emergency i {
    margin-right: 10px;
    color: rgba(255, 255, 255, 0.7);
}

.appoinment-form {
    margin-top: 40px;
}

.appoinment-form .form-control {
    background: #f4f9fc;
    height: 55px;
    border-color: rgba(0, 0, 0, 0.05);
}

.appoinment-form textarea.form-control {
    height: auto;
}

.client-thumb {
    text-align: center;
}

.features {
    /*padding: 50px 0 0 0;*/
}

.feature-item-3 {
    flex-basis: 49%;
    /*margin: 0px 10px;*/
    color: #000000;
    /*background-color: #fff;*/
    /*border-radius: 15px 15px 15px 15px;*/
    box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
    display: flex;
    flex-direction: column;
}

.park-feature-item {
    flex-basis: 40%;
    /*margin: 0px 10px;*/
    /*background-color: #fff;*/
    /*border-radius: 15px 15px 15px 15px;*/
    display: flex;
    flex-direction: column;
}

.feature-item-4 {
    flex-basis: 24%;
    /*margin: 0px 10px;*/
    padding: 40px 80px;
    color: #fff;
    /*background-color: #fff;*/
    /*border-radius: 15px 15px 15px 15px;*/
    box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.feature-item-4:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

@media (max-width: 992px) {
    .feature-item-4 {
        flex-basis: 25%;
        /*margin: 0px 10px;*/
        padding: 40px 40px;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .index-img {
        height: 250px;
    }
}

.feature-item-bg-0 {
    background-color: #085ec3;
}

.feature-item-bg-1 {
    background-color: #f05f0f;
}

.feature-item-bg-2 {
    background-color: #428eae;
}

.feature-item-bg-3 {
    background-color: #a75e8f;
}

.feature-item-bg-4 {
    background-color: #5da55c;
}

.wisdom-park-feature-item-bg-5 {
    background-color: #464b8b;
}

.feature-item .feature-icon i {
    font-size: 50px;
    color: #223a66;
}

.feature-item h4 {
    color: #223a66;
}

.feature-item p {
    font-size: 14px;
}

.feature-section.border-top {
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.feature-btn {
    width: 100%;
    border: #fff 3px solid;
    padding: 10px ;
    color: #fff;
    text-align: center;
}

.w-hours li {
    padding: 6px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.counter-stat {
    text-align: center;
    padding: 55px 0px 40px 0px;
    position: relative;
}

.counter-stat i {
    display: block;
    color: rgba(255, 255, 255, 0.06);
    font-size: 70px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    transform: translateY(25px);
}

.counter-stat span {
    font-size: 70px;
    color: #fff;
}

.counter-stat p {
    margin-bottom: 0px;
    color: rgba(255, 255, 255, 0.7);
}

.mb--80 {
    margin-bottom: -80px;
}

.service {
    padding-top: 180px;
}

.service .service-item {
    background: #fff;
    padding: 30px;
    border-radius: 5px;
}

.service .icon {
    float: left;
    margin-bottom: 10px;
}

.service i {
    color: #e12454;
}

.service h4 {
    padding-left: 20px;
}

.service .content {
    clear: both;
}

.service-block {
    padding: 20px;
    margin-top: 40px;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 38px rgba(21, 40, 82, 0.07);
}

.service-block img {
    width: 100%;
    margin-top: -60px;
    border: 5px solid #fff;
}

.department-service {
    margin-bottom: 40px;
}

.department-service li {
    margin-bottom: 10px;
}

.department-service li i {
    color: #e12454;
}

.doctors .btn-group .btn {
    border-radius: 0px;
    margin: 0px 2px;
    text-transform: capitalize;
    font-size: 16px;
    padding: 0.6rem 1.5rem;
    cursor: pointer;
}

.doctors .btn-group .btn.active {
    box-shadow: none !important;
    border-color: transparent;
    background: #e12454;
    color: #fff;
}

.doctors .btn-group .btn.focus {
    box-shadow: none !important;
    border-color: transparent;
}

.doctors .btn-group .btn:focus {
    box-shadow: none !important;
    border-color: transparent;
    background: #e12454;
    color: #fff;
}

.doctors .btn-group .btn:hover {
    box-shadow: none !important;
    border-color: transparent;
    background: #e12454;
    color: #fff;
}

.doctors .btn-group > .btn-group:not(:last-child) > .btn,
.doctors .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.doctors .btn-group > .btn:not(:first-child) {
    border-radius: 3px;
}

.doctor-inner-box {
    overflow: hidden;
}

.doctor-inner-box .doctor-profile {
    overflow: hidden;
    position: relative;
    box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
}

.doctor-inner-box .doctor-profile .doctor-img {
    transition: all 0.35s ease;
}

.doctor-inner-box .doctor-profile .doctor-img:hover {
    transform: scale(1.1);
}

.lh-35 {
    line-height: 35px;
}

.doctor-info li {
    margin-bottom: 10px;
    color: #222;
}

.doctor-info li i {
    margin-right: 20px;
    color: #e12454;
}

.read-more {
    color: #223a66;
}

@media (max-width: 480px) {
    .doctors .btn-group {
        display: block;
    }

    .doctors .btn-group .btn {
        margin: 8px 3px;
    }
}

@media (max-width: 400px) {
    .doctors .btn-group {
        display: block;
    }

    .doctors .btn-group .btn {
        margin: 8px 3px;
    }
}

@media (max-width: 768px) {
    .doctors .btn-group {
        display: block;
    }

    .doctors .btn-group .btn {
        margin: 8px 3px;
    }
}

.cta {
    background: none;
    background-size: cover;
    position: relative;
}

.cta:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(34, 58, 102, 0.95);
}

.mb-30 {
    margin-bottom: 30px;
}

.text-color-primary {
    color: #223a66;
}

.cta-section {
    margin-bottom: -80px;
}

.cta-2 {
    /*background: url("../images/bg/cta-bg.png") no-repeat;*/
    /*background-position: center center;*/
}

.cta-page {
    background: none;
    background-size: cover;
    position: relative;
}

.testimonial {
    position: relative;
}

.testimonial:before {
    width: 48%;
    height: 100%;
    top: 0;
    left: 0px;
    position: absolute;
    content: "";
    background: none;
}

.testimonial .slick-dots {
    text-align: left;
}

.testimonial-block {
    position: relative;
    margin-bottom: 20px;
}

.testimonial-block p {
    background: #fff;
    font-size: 18px;
}

.testimonial-block .client-info {
    margin-bottom: 20px;
}

.testimonial-block .client-info h4 {
    margin-bottom: 0px;
}

.testimonial-block i {
    font-size: 60px;
    position: absolute;
    right: 46px;
    bottom: 89px;
    opacity: 0.08;
}

.testimonial-block .slick-dots {
    text-align: left;
}

.testimonial-wrap-2 .slick-dots {
    margin-left: -10px;
}

.testimonial-block.style-2 {
    background: #fff;
    padding: 30px;
    margin: 0px 4px;
    margin-bottom: 30px;
}

.testimonial-block.style-2 .testimonial-thumb {
    float: left;
}

.testimonial-block.style-2 .testimonial-thumb img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin-right: 20px;
    margin-bottom: 30px;
    border: 5px solid #eff0f3;
    margin-top: -5px;
}

.testimonial-block.style-2 .client-info p {
    clear: both;
    background: transparent;
}

.testimonial-block.style-2 i {
    bottom: -20px;
    color: #e12454;
    opacity: 0.3;
}

@media (max-width: 480px) {
    .testimonial-wrap {
        margin-left: 0px;
    }

    .testimonial::before {
        display: none;
    }
}

@media (max-width: 400px) {
    .testimonial-wrap {
        margin-left: 0px;
    }

    .testimonial::before {
        display: none;
    }
}

@media (max-width: 768px) {
    .testimonial-wrap {
        margin-left: 0px;
    }

    .testimonial::before {
        display: none;
    }
}

@media (max-width: 992px) {
    .testimonial-wrap {
        margin-left: 0px;
    }

    .testimonial::before {
        display: none;
    }
}

.contact-form-wrap .form-group {
    margin-bottom: 20px;
}

.contact-form-wrap .form-group .form-control {
    height: 60px;
    border: 1px solid #EEF2F6;
    box-shadow: none;
    width: 100%;
    background: #f4f9fc;
}

.contact-form-wrap .form-group-2 {
    margin-bottom: 13px;
}

.contact-form-wrap .form-group-2 textarea {
    height: auto;
    border: 1px solid #EEF2F6;
    box-shadow: none;
    background: #f4f9fc;
    width: 100%;
}

.social-icons li {
    margin: 0 6px;
}

.social-icons a {
    margin-right: 10px;
    font-size: 18px;
}

.google-map {
    position: relative;
}

.google-map #map {
    width: 100%;
    height: 500px;
}

.mt-90 {
    margin-top: 90px;
}

.contact-block {
    text-align: center;
    border: 5px solid #EEF2F6;
    padding: 50px 25px;
}

.contact-block i {
    font-size: 50px;
    margin-bottom: 15px;
    display: inline-block;
    color: #e12454;
}

.blog-item-content h2 {
    font-weight: 600;
    font-size: 38px;
}

/*=================================================================
  Single Blog Page
==================================================================*/
.nav-links .page-numbers {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #eee;
    text-align: center;
    padding-top: 13px;
    font-weight: 600;
    margin-right: 10px;
}

.nav-links .page-numbers:hover {
    background: #223a66;
    color: #fff;
}

.nav-links .page-numbers.current {
    background: #223a66;
    color: #fff;
}

.comment-area .comment-thumb {
    margin-right: 20px;
    margin-bottom: 30px;
}

.comment-area h5 {
    font-size: 18px;
    font-weight: 500;
}

.comment-area span {
    font-size: 14px;
}

.posts-nav h6 {
    font-weight: 500;
}

.quote {
    font-size: 22px;
    color: #223a66;
    padding: 40px;
    font-style: italic;
    border-left: 5px solid #e12454;
    margin: 25px 0px;
}

.tag-option a {
    border: 1px solid #eff0f3;
    padding: 6px 12px;
    color: #6F8BA4;
    font-size: 14px;
}

.comment-form .form-control {
    background: #f7f8fb;
    border-radius: 5px;
    border-color: #f7f8fb;
    height: 50px;
}

.comment-form textarea.form-control {
    height: auto;
}

.post.post-single {
    border: none;
}

.post.post-single .post-thumb {
    margin-top: 30px;
}

.post-sub-heading {
    border-bottom: 1px solid #dedede;
    padding-bottom: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 20px;
}

.post-social-share {
    margin-bottom: 50px;
}

.post-comments {
    margin: 30px 0;
}

.post-comments .media {
    margin-top: 20px;
}

.post-comments .media > .pull-left {
    padding-right: 20px;
}

.post-comments .comment-author {
    margin-top: 0;
    margin-bottom: 0px;
    font-weight: 500;
}

.post-comments .comment-author a {
    color: #223a66;
    font-size: 14px;
    text-transform: uppercase;
}

.post-comments time {
    margin: 0 0 5px;
    display: inline-block;
    color: #808080;
    font-size: 12px;
}

.post-comments .comment-button {
    color: #223a66;
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
}

.post-comments .comment-button i {
    margin-right: 5px;
    display: inline-block;
}

.post-comments .comment-button:hover {
    color: #223a66;
}

.post-excerpt {
    margin-bottom: 60px;
}

.post-excerpt h3 a {
    color: #000;
}

.post-excerpt p {
    margin: 0 0 30px;
}

.post-excerpt blockquote.quote-post {
    margin: 20px 0;
}

.post-excerpt blockquote.quote-post p {
    line-height: 30px;
    font-size: 20px;
    color: #223a66;
}

.comments-section {
    margin-top: 35px;
}

.author-about {
    margin-top: 40px;
}

.post-author {
    margin-right: 20px;
}

.post-author > img {
    border: 1px solid #dedede;
    max-width: 120px;
    padding: 5px;
    width: 100%;
}

.comment-list ul {
    margin-top: 20px;
}

.comment-list ul li {
    margin-bottom: 20px;
}

.comment-wrap {
    border: 1px solid #dedede;
    border-radius: 1px;
    margin-left: 20px;
    padding: 10px;
    position: relative;
}

.comment-wrap .author-avatar {
    margin-right: 10px;
}

.comment-wrap .media .media-heading {
    font-size: 14px;
    margin-bottom: 8px;
}

.comment-wrap .media .media-heading a {
    color: #223a66;
    font-size: 13px;
}

.comment-wrap .media .comment-meta {
    font-size: 12px;
    color: #888;
}

.comment-wrap .media p {
    margin-top: 15px;
}

.comment-reply-form {
    margin-top: 80px;
}

.comment-reply-form input,
.comment-reply-form textarea {
    height: 35px;
    border-radius: 0;
    box-shadow: none;
}

.comment-reply-form input:focus,
.comment-reply-form textarea:focus {
    box-shadow: none;
    border: 1px solid #223a66;
}

.comment-reply-form textarea,
.comment-reply-form .btn-main {
    height: auto;
}

.sidebar-widget {
    margin-bottom: 30px;
    padding-bottom: 35px;
}

.sidebar-widget h5 {
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 15px;
}

.sidebar-widget h5:before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    width: 35px;
    height: 3px;
    background: #e12454;
}

.sidebar-widget.latest-post .media img {
    border-radius: 7px;
}

.sidebar-widget.latest-post .media h6 {
    font-weight: 500;
    line-height: 1.4;
}

.sidebar-widget.latest-post .media p {
    font-size: 12px;
}

.sidebar-widget.category ul li {
    margin-bottom: 10px;
}

.sidebar-widget.category ul li a {
    color: #222;
    transition: all 0.3s ease;
}

.sidebar-widget.category ul li a:hover {
    color: #223a66;
    padding-left: 5px;
}

.sidebar-widget.category ul li span {
    margin-left: 10px;
}

.sidebar-widget.tags a {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    line-height: 41px;
    height: 41px;
    font-weight: 500;
    border-radius: 20px;
    color: #666;
    display: inline-block;
    background-color: #eff0f3;
    margin: 0 7px 10px 0;
    padding: 0 25px;
    transition: all 0.2s ease;
}

.sidebar-widget.tags a:hover {
    color: #fff;
    background: #223a66;
}

.sidebar-widget.schedule-widget {
    background: #f4f9fc;
    padding: 25px;
}

.sidebar-widget.schedule-widget ul li {
    padding: 10px 0px;
    border-bottom: 1px solid #eee;
}

.search-form {
    position: relative;
}

.search-form i {
    position: absolute;
    right: 15px;
    top: 35%;
}

.footer {
    padding-bottom: 10px;
}

.footer .copyright a {
    font-weight: 600;
}

.lh-35 {
    line-height: 35px;
}

.logo {
    font-weight: 600;
    letter-spacing: 1px;
}

.logo h3 {
    color: #223a66;
}

.logo span {
    color: #223a66;
}

.widget .divider {
    height: 3px;
}

.widget h4 {
    color: #223a66;
}

.widget .footer-menu a {
    color: #6F8BA4;
}

.widget .footer-menu a:hover {
    color: #223a66;
}

.footer-contact-block span {
    font-weight: 400;
    color: #fff;
}

.footer-contact-block i {
    font-size: 20px;
}

.footer-btm {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.footer-btm span {
    color: #aaa;
}

.footer-btm a {
    color: #aaa;
}

.footer-btm a:hover {
    color: #fff;
}

.footer-socials li a {
    width: 45px;
    height: 45px;
    background: #6F8BA4;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    padding-top: 12px;
}

.widget-contact h6 {
    font-weight: 500;
    margin-bottom: 18px;
}

.widget-contact h6 i {
    color: #e12454;
}

.subscribe {
    position: relative;
}

.subscribe .form-control {
    border-radius: 50px;
    height: 60px;
    padding-left: 25px;
    border-color: #eee;
}

.subscribe .btn {
    position: absolute;
    right: 6px;
    top: 6px;
}

.backtop {
    position: fixed;
    background: #223a66;
    z-index: 9999;
    display: inline-block;
    right: 55px;
    width: 50px;
    height: 50px;
    bottom: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    border-radius: 50px;
    transition: 0.3s;
}

@media (max-width: 992px) {
    .backtop {
        bottom: 40px;
        right: 15px;
    }
}

@media (max-width: 768px) {
    .backtop {
        width: 45px;
        height: 45px;
    }
}

.backtop:hover {
    background-color: #e12454;
}

.backtop i {
    color: #fff;
    font-size: 20px;
}

.reveal {
    transition: all 0.3s;
    cursor: pointer;
    opacity: 1;
}

.text-yellow {
    color: #fece3e;
}

.personImg {
    width: 50px;
    height: 50px;
}

.black-background {
    background-color: black;
}

/*# sourceMappingURL=style.css.map */

.text-black {
    color: #000;
}

.text-white {
    color: #fff;
}

.question-font {
    font-size: 25px;
}

.station-font {
    font-size: 25px;
}

.customer-row {
    margin-top: 120px;
}

.qrcode-soin {
    height: 120px;
    width: 120px;
}

/** 云打印服务 **/

.printing-container {
}

@media (max-width: 992px) {
    .printing-container {
        padding: 0 15px;
    }
}

.printing-title-content {
}

.printing-text-lg {
    font-size: 70px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .printing-text-lg {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
    }
}

.printing-text-md {
    font-size: 20px;
}

@media (max-width: 992px) {
    .printing-text-md {
        font-size: 20px;
    }
}

.cloud-printing-img-1 {
    height: 400px;
    width: 400px;
    margin-left: 500px;
}

.printing-bg-1 {
    background-color: #f05f0f;
}

.printing-col {
    width: 250px;
}

.park-line-1 {
    line-height: 30px;
}

.station-p {
    line-height: 30px;
    font-size: 20px;
}

.community-bg-1 {
    background-color: #f4f4f4;
}

.company-bg-1 {
    background: url("/images/company-profile/1.jpg.webp") no-repeat 100% 100%;
    background-size: cover;
    position: relative;
}

.wisdom-park-circle {
    width: 90px;
    height: 90px;
    background-color: #9ea0dd;
    border-radius: 50%;
    text-align: center;
}

.wisdom-park-img {
    width: 45px;
    height: 45px;
    margin-top: 23px;
}

.wisdom-park-button:hover {
    background-color: #701a75;
}

/*.wisdom-park-button{*/
/*    width: calc(100vw * 920/1920);*/
/*}*/
.wisdom-park-form-input {
    background: #fff;
}

.message-service-img {
    width: 80px;
    height: 80px;

}

.wisdom-features {
    padding: 35px 0 100px 0;
}

.wisdom-park-border {
    border: 30px solid #fece3e;
    display: inline-block;
    width: 100%;
    height: 100%;
    /*margin-left:20px;*/
    margin-top: 5px;
}

.message-service-border {
    border-radius: 15px;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-top: 5px;
    background: white;
}

.message-service-border2 {
    border-radius: 15px;
    width: 100%;
    height: 100%;
}

.divider-yellow {
    width: 5px;
    height: 100%;
    background: #fece3e;
    margin-left: 20px;
}

.wisdom-system {
    margin-bottom: 150px;
}

@media (max-width: 992px) {
    .wisdom-system {
        margin-bottom: 50px;
    }
}

.message-service-system {
    margin-bottom: 100px;
}

.wisdom-park-img2 {
    width: 80px;
    height: 60px;
}

.message-service-img2 {
    width: 100px;
}

.message-service-img4 {
    width: 115px;
}

.message-service-img3 {
    width: 400px;
    height: 400px;
}

.wisdom-system2 {
    margin-top: 80px;
    margin-bottom: 60px;
}

.message-service-system2 {
    margin-top: 100px;
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .message-service-system2 {
    }
}

.wisdom-line-height {
    line-height: 40px;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .wisdom-width {
        width: 51%;
    }
}

.wisdom-width2 {
    width: 2%;
}

@media (min-width: 992px) {
    .message-service-width {
        width: 42%;
    }
}

.message-service-width2 {
    width: 55%;
}

.message-service-width3 {
    width: 3%;
}

.wisdom-content {
    margin-top: 130px;
    margin-bottom: 40px;
}

.wisdom-text-title {
    font-size: 4.5rem;
    font-weight: normal;
    margin-bottom: 10px;
}

.wisdom-park-text {
    font-weight: 800;
    font-size: 1.875rem;

}

.message-service-text {
    font-weight: 800;
    font-size: 2.3rem;

}

.message-service-text2 {
    width: 85%;
}

.message-service-text3 {
    width: 7%;
}

.message-service-text4 {
    width: 3%;
}

.wisdom-park-section {
    padding: 50px 0 50px 0;
}

.message-service-section2 {
    padding: 50px 0 50px 0;
}

@media (max-width: 992px) {
    .message-service-section2 {
        padding: 0px 0 50px 0;
    }
}

.message-service-section {
    padding: 10px 0 10px 0;
}

.wisdom-feature-item {
    flex-basis: 24%;
    /*margin: 0px 10px;*/
    padding: 40px 40px;
    color: #fff;
    /*background-color: #fff;*/
    /*border-radius: 15px 15px 15px 15px;*/
    box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/** 智慧社区 community **/

.community-container {
}

@media (max-width: 992px) {
    .community-container {
        padding: 0 15px;
    }
}

.community-text-lg {
    font-size: 100px;
}

@media (max-width: 992px) {
    .community-text-lg {
        font-size: 30px;
        font-weight: bold;
    }
}

.community-text-md {
    font-size: 30px;
}

@media (max-width: 992px) {
    .community-text-md {
        font-size: 20px;
    }
}

.community-h1-1 {
    margin-top: 270px;

}

.community-p {
    line-height: 30px;
    max-width: 300px;
}

.community-img-1 {
    height: 800px;
    width: 700px;
}

.community-row-1 {
    align-items: center;
    justify-content: center;
}

.community-row-2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.community-row-col {
    align-self: center;
}

.community-bg-3 {
    background: url("/images/wisdom-community/1.jpg.webp") no-repeat 50% 50%;
}

.community-p-2 {
    max-width: 300px;
}

.community-border-1 {
    border-color: #dd545b;
    border-width: 12px;
    border-style: solid;
}

.community-border-2 {
    border-color: #2ecbc2;
    border-width: 12px;
    border-style: solid;
}

.community-border-3 {
    border-color: #468acb;
    border-width: 12px;
    border-style: solid;
}

.community-border-4 {
    border-color: #468acb;
    border-width: 0px 12px 0px 0px;
    border-style: solid;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.community-border-5 {
    border-color: #dd545b;
    border-width: 0px 12px 0px 0px;
    border-style: solid;
}

.community-border-6 {
    border-color: #2ecbc2;
    border-width: 0px 0px 0px 12px;
    border-style: solid;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.community-border-7 {
    border-color: #f2c50a;
    border-width: 0px 0px 0px 12px;
    border-style: solid;
}

.community-p-6 {
    font-size: 20px;
    font-style: oblique;
}

.community-p-7 {
    font-size: 20px;
    color: #a4a4a4;
}

.community-bg-4 {
    background: #ffffff;
}

.community-bg-5 {
    background: #f4f4f4;
}

.community-img-2 {
    height: 100px;
    width: 100px;
}

.community-col-2 {
    height: 380px;
}

.community-col-3 {
    margin-top: 200px;
}

@media (max-width: 992px) {
    .title-width {
        text-align: center;
    }

    .title--2-font {
        font-size: 30px;
    }
}

/** patrol-robot **/

.patrol-robot-bg {
    background: url("/images/patrol-robot/bg.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.patrol-robot-page-title {
    padding: 300px 0px 100px 20px;
    position: relative;
}

.patrol-robot-page-title h1 {
    color: #ffffff;
}

.patrol-robot-text-title {
    font-size: 4rem;
    font-weight: bold;
}

@media (max-width: 992px) {
    .patrol-robot-text-title {
        font-size: 3rem;
        font-weight: bold;
        text-align: center;
    }
}

.patrol-robot-text-sm {
    font-size: 1.625rem;
    line-height: 2.25rem;
}

@media (max-width: 992px) {
    .patrol-robot-text-sm {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.patrol-robot-divider {
    width: 200px;
    height: 15px;
    background: #000000;
}

@media (max-width: 992px) {
    .patrol-robot-divider {
        width: 100%;
        height: 15px;
        background: #000000;
    }
}

.patrol-robot-divider-white {
    width: 200px;
    height: 15px;
    background: #fff;
}

@media (max-width: 992px) {
    .patrol-robot-divider-white {
        width: 100%;
        height: 15px;
        background: #fff;
    }
}

.patrol-robot-bg-2 {
    background: url("/images/patrol-robot/bg-2.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.patrol-robot-content {
    padding-top: 200px;
}

.patrol-robot-content-narrow {
    padding-top: 100px;
}

.patrol-robot-content-1 {
    flex: 19;
}

.patrol-robot-content-2 {
    flex: 20;
}

@media (max-width: 992px) {
    .patrol-robot-content {
        padding-top: 50px;
    }
}

.patrol-robot-bg-black {
    background-color: #000000;
}

.patrol-robot-bg-grey {
    background-color: #f4f4f4;
}


.message-service-bg {
    background: url("/images/message-service/bg.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.message-service-text-title {
    font-size: 6.5rem;
    font-weight: bolder;
    /*margin-bottom: 0px;*/
    color: #ff724a;
}

.message-service-text-title2 {
    font-size: 4.875rem;
    font-weight: 800;
}

.message-service-text-title3 {
    font-size: 6.0rem;
    font-weight: 850;
    color: white;
}

.message-service-content {
    margin-top: 110px;
    margin-bottom: 40px;
}

@media (max-width: 992px) {
    .message-service-content {
        margin-top: 1px;
        margin-bottom: 40px;
    }
}

.message-service-content2 {
    padding-right: 70px;
    padding-left: 70px;
    margin-bottom: 90px;
}

@media (max-width: 992px) {
    .message-service-content2 {
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 0;
    }
}

.message-service-line-height {
    line-height: 40px;
    margin-bottom: 30px;
    font-size: 27px;
}

.message-service-line-height2 {
    line-height: 40px;
}

.message-service-line-height3 {
    line-height: 43px;
    margin-bottom: 40px;
}

.message-service-top {
    margin-top: 120px;
}

@media (max-width: 992px) {
    .message-service-top {
        margin-top: 1px;
    }
}

.message-service-bottom {
    margin-bottom: 150px;
}

@media (max-width: 992px) {
    .message-service-bottom {
        margin-bottom: 1px;
    }
}

@media (max-width: 992px) {
    .message-service-text-title {
        font-size: 4.5rem;
        font-weight: bolder;
        color: #ff724a;
    }
}

@media (max-width: 992px) {
    .message-service-text-title2 {
        font-size: 3.5rem;
        font-weight: 800;
    }
}

@media (max-width: 992px) {
    .message-service-text-title3 {
        font-size: 4rem;
        font-weight: 850;
        color: white;
    }
}


.cloud-col-1 {
    border-radius: 15px;
    height: 360px;
}

@media (max-width: 992px) {
    .cloud-col-1 {
        border-radius: 15px;
        height: 400px;
    }

    .cloud-col-11 {
        border-radius: 15px;
        height: 600px;
    }
}

.cloud-col-2 {
    height: 400px;
}

.cloud-col-2 {
    height: 400px;
}

.cloud-img-1 {
    height: 100px;
    width: 100px;
}

.cloud-img-2 {
    height: 60px;
    width: 70px;
}

.cloud-page-title-3 {
    padding: 100px 0 0 0;
}

@media (max-width: 992px) {
    .cloud-page-title-3 {
        padding: 30px 0 0 0;
    }
}

.cloud-page-title-4 {
    padding: 5px 0px 5px 0px;
}

.cloud-h2-1 {
    font-size: 35px;
}

@media (max-width: 992px) {
    .cloud-h2-1 {
        font-size: 30px;
    }
}

.cloud-p-2 {
    line-height: 22px;
}

.cloud-hr {
    background-color: #fff;
}

.cloud-h6-1 {
    font-size: 18px;
}

.cloud-h6-2 {
    max-width: 500px;
}

.company-page-title-1 {
    padding: 250px 0px 250px 0px;
}

.company-page-title-2 {
    padding: 80px 0px 80px 0px;
}

.contact-us-page-title-1 {
    padding: 20px 0px 20px 0px;
}

.contact-us-h5-border-1 {
    border-color: #368ff5;
    border-width: 0px 0px 0px 12px;
    border-style: solid;
}

.contact-us-h5-border-2 {
    border-color: #a3c713;
    border-width: 0px 0px 0px 12px;
    border-style: solid;
}

.contact-us-h5-border-3 {
    border-color: #ff8549;
    border-width: 0px 0px 0px 12px;
    border-style: solid;
}

.contact-us-h5-border-4 {
    border-color: #21d0a7;
    border-width: 0px 0px 0px 12px;
    border-style: solid;
}

.contact-us-h5-border-5 {
    border-color: #ff6766;
    border-width: 0px 0px 0px 12px;
    border-style: solid;
}

.contact-us-h5-border-6 {
    border-color: #dc3630;
    border-width: 0px 0px 0px 12px;
    border-style: solid;
}

.contact-us-h5-border-7 {
    border-color: #0cb024;
    border-width: 0px 0px 0px 12px;
    border-style: solid;
}

.contact-us-h5-border-8 {
    border-color: #57edeb;
    border-width: 0px 0px 0px 12px;
    border-style: solid;
}

.contact-us-h5-border-9 {
    border-color: rebeccapurple;
    border-width: 0px 0px 0px 12px;
    border-style: solid;
}

.contact-us-h5-border-10 {
    border-color: palevioletred;
    border-width: 0px 0px 0px 12px;
    border-style: solid;
}

.contact-us-h5-border-7 {
    border-color: forestgreen;
    border-width: 0px 0px 0px 12px;
    border-style: solid;
}

.company-bg-2 {
    background-color: #f4f4f4;
}

.company-bg-3 {
    background-color: #fff;
}

.company-h1-1 {
    font-size: 36px;
}

.company-p-1 {
    font-size: 24px;
    color: #000;
    line-height: 45px;
}

.company-p-2 {
    font-size: 24px;
    color: #000;
    line-height: 45px;
    font-weight: 700
}

.company-h3-1 {
    font-size: 30px;
}

.company-img-1 {
    height: 300px;
    width: 200px;
}

.company-img-2 {
    width: 450px;
    height: 300px;
}

@media (max-width: 992px) {
    .company-img-3 {
        width: 300px;
        height: 200px;
    }
}

.company-col-1 {
    height: 1100px;
}

.company-p-bottom {
    margin-bottom: 50px;
}

.company-h5-1 {
    font-size: 32px;
}

.contact-us-bg-1 {
    background: #fff;
}

.contact-us-page-title-4 {
    padding: 50px 0px 50px 0px;
}

.simulation-range-text-title {
    font-size: 5.5rem;
    font-weight: 800;
}

@media (max-width: 992px) {
    .simulation-range-text-title {
        font-size: 3.5rem;
        font-weight: 800;
    }
}

.simulation-range-bg-1 {
    background-color: black;
}

.simulation-range-section {
    padding: 150px 0 10px 0;
}

@media (max-width: 992px) {
    .simulation-range-section {
        padding: 10px 0 10px 0;
    }
}

.simulation-range-top {
    margin-top: 60px;
}

.simulation-range-top2 {
    margin-top: 40px;
    margin-bottom: 30px;
}

@media (max-width: 992px) {
    .simulation-range-top2 {
        margin-top: 1px;
        margin-bottom: 1px;
    }
}

.simulation-range-border {
    width: 100%;
    height: 100%;
}

.simulation-range-line-height {
    line-height: 80px;
}

.simulation-range-line-height2 {
    line-height: 35px;
}

.simulation-range-line-height3 {
    line-height: 55px;
}

.simulation-range-text-title2 {
    font-size: 3.5rem;
    font-weight: normal;
    margin-bottom: 10px;
}

@media (max-width: 992px) {
    .simulation-range-text-title2 {
        font-size: 2.5rem;
        font-weight: normal;
        margin-bottom: 10px;
    }
}

.simulation-range-text-title3 {
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 40px;
    margin-top: 30px;
}

.simulation-range-img1 {
    width: 130px;
}

.simulation-range-item-bg {
    background-color: #e75e7c;
}

.simulation-range-system {
    margin-top: 15px;
    margin-bottom: 15px;
}

.simulation-range-text-title4 {
    font-size: 2.875rem;
    font-weight: normal;
}

.simulation-range-item {
    flex-basis: 24.3%;
    /*margin: 0px 10px;*/
    padding: 50px 50px;
    color: #fff;
    /*background-color: #fff;*/
    /*border-radius: 15px 15px 15px 15px;*/
    box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.simulation-range-section2 {
    padding: 10px 0 10px 0;
}

.simulation-range-text-title5 {
    font-size: 4.875rem;
    font-weight: 800;
}

@media (max-width: 992px) {
    .simulation-range-text-title5 {
        font-size: 2.5rem;
        font-weight: 800;
    }
}


@media (min-width: 992px) {
    .simulation-range-width1 {
        width: 60%;
    }
}

@media (min-width: 992px) {
    .simulation-range-width2 {
        width: 40%;
    }
}

.honor-page-title-1 {
    padding: 20px 10px 80px 10px;
}

.cloud-application-p-1 {
    max-width: 700px;
    font-size: 24px;
    line-height: 40px;
}

.cloud-application-span-1 {
    color: #ff6766;
}

.cloud-application-img-1 {
    height: 80px;
    width: 80px;
}

.cloud-application-bg-1 {
    background: url("/images/cloud-application-software-testing/software-testing-lifecycle.png.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.cloud-application-page-title-2 {
    padding: 100px 0px 100px 0px;
}

.cloud-application-p-2 {
    font-size: 20px;
}

.cloud-application-bg-2 {
    background: #f1c50e;
}

.cloud-application-bg-3 {
    background: #468ac9;
}

.cloud-application-span-2 {
    font-size: 20px;
}

.cloud-application-col-2 {
    height: 380px;
}

.cloud-application-page-title-3 {
    padding: 20px 0px 0px 0px;
    position: relative;
}

/** 车辆外观检测 **/

.car-test-bg {
    background: url("/images/car-test/bg.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.page-title-car-test {
    padding: 260px 0 300px 0;
    position: relative;
}

@media (max-width: 992px) {
    .page-title-car-test {
        padding: 100px 0 100px 0;
    }
}

.car-test-content {
    margin-bottom: 20px;
}

.car-test-text-title1 {
    font-size: 5.5rem;
    font-weight: normal;
    margin-bottom: 10px;
}

.car-test-text-title2 {
    font-size: 3rem;
    font-weight: bolder;
    margin-bottom: 10px;
    color: #fece3e;
}

.car-test-line {
    width: 90%;
    height: 1px;
    border-top: solid white 15px;
}

@media (max-width: 992px) {
    .car-test-line {
        width: 100%;
        height: 1px;
        border-top: solid white 15px;
    }

    .car-test-between {
        justify-content: space-between;
    }

    .car-test-width1 {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .car-test-width1 {
        width: 30%;
    }
}

.car-test-img {
    width: 100%;
}

.car-test-img2 {
    width: 100px;
}

.car-test-text-title3 {
    font-size: 1.5rem;
    color: white;
}

.car-test-bg2 {
    background-color: #fece3e;
}

.car-test-text-title4 {
    line-height: 50px;
    font-size: 33px;
    color: black;
}

.car-test-text-title5 {
    line-height: 50px;
    font-size: 4.0rem;
    color: white;
}

.car-test-text-title6 {
    line-height: 35px;
    font-size: 23px;
    color: white;
}

.car-test-text-title7 {
    line-height: 50px;
    font-size: 2.875rem;
    color: white;
    margin-bottom: 200px;
}

.car-test-text-title9 {
    line-height: 50px;
    font-size: 2.875rem;
    color: white;
}

.car-test-section {
    padding: 0px 0 60px 0;
}

.car-test-bg3 {
    background-color: #464b8b;
}

.car-test-top {
    margin-top: 60px;
    margin-bottom: 100px;
}

.car-test-width3 {
    width: 7.5%;
}

.car-test-width5 {
    width: 30%;
}

@media (max-width: 992px) {
    .car-test-width5 {
        width: 100%;
    }
}

.car-test-width4 {
    width: 5%;
}

.car-test-text-title8 {
    line-height: 50px;
    font-size: 3.25rem;
    color: white;
}

.car-test-text-title10 {
    line-height: 50px;
    font-size: 2.875rem;
    color: white;
}

.car-test-text-title11 {
    line-height: 50px;
    font-size: 1.5rem;
    color: white;
}

.car-test-width6 {
    width: 5.5%;
}

.car-test-width7 {
    width: 2.5%;
}

.car-test-width9 {
    width: 1%;
}

.car-test-identify {
    flex: 1;
}

.car-test-top2 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.car-test-top3 {
    margin-top: 150px;
    margin-bottom: 100px;
}

.car-test-top4 {
    margin-top: 60px;
    margin-bottom: 70px;
}

@media (min-width: 992px) {
    .car-test-top5 {
        margin-top: 400px;
    }
}

.car-test-width4 {
    width: 5%;
}

.car-test-bg8 {
    background: url("/images/car-test/door1.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

@media (min-width: 992px) {
    .car-test-width2 {
        width: 25%;
    }

    .car-test-width8 {
        width: 49.5%;
    }

    .car-test-bg4 {
        background: url("/images/car-test/door1.jpg.webp") no-repeat;
        background-size: cover;
        position: relative;
    }

    .car-test-bg5 {
        background: url("/images/car-test/door2.jpg.webp") no-repeat;
        background-size: cover;
        position: relative;
    }

    .car-test-bg6 {
        background: url("/images/car-test/top1.png.webp") no-repeat;
        background-size: cover;
        position: relative;
    }

    .car-test-bg7 {
        background: url("/images/car-test/top2.png.webp") no-repeat;
        background-size: cover;
        position: relative;
    }

    .car-test-img3 {
        width: 0;
    }

    .car-no-img {
        display: none;
    }
}

@media (max-width: 992px) {
    .car-test-text-title5 {
        line-height: 50px;
        font-size: 3.0rem;
        color: white;
    }

    .car-test-text-title8 {
        line-height: 50px;
        font-size: 2.5rem;
        color: white;
    }

    .car-test-top {
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .car-test-top2 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .car-test-top3 {
        margin-top: 50px;
        margin-bottom: 20px;
    }

    .car-test-padding1 {
        padding-left: 10px;
    }

    .car-test-text-title9 {
        line-height: 50px;
        font-size: 1.875rem;
        color: white;
        text-align: center;

    }

    .car-test-text-title7 {
        line-height: 50px;
        font-size: 1.875rem;
        color: white;
        text-align: center;
    }

    .car-test-text-title4 {
        line-height: 50px;
        font-size: 25px;
        color: black;
    }

    .car-test-bg8 {
        background: url("/images/car-test/door1.jpg.webp") no-repeat;
        background-size: cover;
        position: relative;
    }

    .car-test-img3 {
        width: 500px;
    }

    .car-test-text-title10 {
        line-height: 50px;
        font-size: 1.875rem;
        color: white;
    }

    .car-test-text-title11 {
        line-height: 50px;
        font-size: 1.0rem;
        color: white;
    }
}


.probe-bg {
    background: url("/images/probe/bg.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.probe-bg2 {
    background: url("/images/probe/bg2.jpg.webp") no-repeat;
    background-size: 50%;
    position: relative;
    background-color: black;
}

.probe-bg3 {
    background: url("/images/probe/bg4.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

@media (max-width: 992px) {
    .page-title-probe {
        padding: 0 0 50px 0;
        position: relative;
    }
}

.page-title-probe2 {
    padding: 150px 0 120px 0px;
    position: relative;
}


.probe-content {
    margin-bottom: 40px;
}

.probe-content2 {
    margin-bottom: 20px;
}

.probe-text-title {
    font-size: 4.0rem;
    font-weight: normal;
    color: black;
}

.probe-border {
    border-radius: 65px;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-top: 5px;
    background: white;
}

.probe-border2 {
    border-radius: 25px;
    /*display: inline-block;*/
    /*width: 100%;*/
    /*height: 100%;*/
    background: #464b8b;
}

.probe-border3 {
    border-radius: 25px;
    /*display: inline-block;*/
    /*width: 100%;*/
    /*height: 100%;*/
    background: #323228;
}

.probe-line-height {
    line-height: 40px;
    font-size: 24px;
}

.probe-line-height2 {
    line-height: 40px;
    font-size: 22px;
}

.probe-line-height3 {
    line-height: 40px;
    font-size: 20px;
}

.probe-service-content2 {
    padding-right: 40px;
    padding-left: 40px;
    margin-bottom: 90px;
}

@media (max-width: 992px) {
    .probe-service-content2 {
        padding-right: 40px;
        padding-left: 40px;
        margin-bottom: 0;
    }
}

.probe-service-content3 {
    padding-right: 30px;
    padding-left: 30px;
}

.probe-width3 {
    width: 50%;
}

.probe-text-title4 {
    font-size: 1.5rem;
    font-weight: normal;
    margin-top: 30px;
    color: #e65d7b;
}

@media (min-width: 992px) {
    .page-title-probe {
        padding: 100px 0 480px 0;
        position: relative;
    }

    .probe-width2 {
        padding-left: 800px;
    }

    .probe-width4 {
        flex: 1;
        margin-left: 500px;
        margin-right: 5px;
    }

    .probe-width1 {
        /*width: 42%;*/
        margin-right: 120px;
        margin-left: 900px;
    }

    .probe-width6 {
        flex: 1;
        margin-left: 55px;
        margin-top: 85px;
        margin-right: 60px;
    }

    .probe-width7 {
        flex: 1;
        margin-left: 470px;
        margin-top: 120px;
        margin-right: 4px;
    }

    .probe-width9 {
        flex: 1;

        margin-right: 60px;
        margin-left: 50px;
    }

    .probe-width12 {
        margin-left: 250px;
        margin-right: 100px;
        margin-top: 150px;
    }

    .probe-width13 {
        margin-right: 180px;
        margin-bottom: 100px;
        margin-top: 50px;

    }

    .page-title-probe3 {
        padding: 150px 0 60px 0px;
        position: relative;
    }

    .probe-text-title4 {
        font-size: 1.5rem;
        font-weight: normal;
        margin-bottom: 150px;
        margin-top: 30px;
        color: #e65d7b;
        margin-left: 400px;
        margin-right: 400px;
    }

    .probe-padding {
        padding-right: 150px;
        padding-left: 150px;
    }

    .probe-text-title6 {
        font-size: 3.5rem;
        font-weight: bolder;
        margin-bottom: 10px;
    }

    .probe-text-title7 {
        line-height: 50px;
        font-size: 2.875rem;
        color: white;
        margin-bottom: 200px;
    }

}

.probe-top {
    margin-top: 160px;
}

.probe-text-title2 {
    font-size: 2.25rem;
    font-weight: bolder;
    color: white;
}

.probe-text-title3 {
    font-size: 2.0rem;
    font-weight: bolder;
    color: white;
}

.probe-width5 {
}


.probe-width8 {
    width: 37%;
}

.probe-width10 {
    margin-left: 40px;
}

.probe-width11 {
    width: 32%;
}

.probe-bg1 {
    background-color: #323228;
}


.probe-content3 {
    margin-bottom: 20px;
}

.probe-item {
    flex-basis: 35%;
    margin: 0px 10px;
    padding: 50px 50px;
    color: #fff;
    /*background-color: #fff;*/
    /*border-radius: 15px 15px 15px 15px;*/
    box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.probe-text-title5 {
    font-size: 1.5rem;
    font-weight: normal;
}

.probe-text-title6 {
    font-size: 3rem;
    font-weight: bolder;
    margin-bottom: 10px;
}

@media (max-width: 992px) {
    .probe-text-title7 {
        line-height: 50px;
        font-size: 2.5rem;
        color: white;
        margin-bottom: 20px;
    }
}

/** Jpower软件质量测试工具 **/
.jpower-page-title {
    padding: 5px 0 0 0;
    position: relative;
}


@media (max-width: 992px) {
    .jpower-container {
        padding: 0 15px;
    }
}

.jpower-color-white {
    color: #fff;
}

.jpower-color-orange {
    color: rgb(255, 114, 74);
}


.jpower-bg-black {
    background-color: #000;
}

.jpower-bg-white {
    background-color: #fff;
}

.jpower-bg-grey {
    background-color: rgb(80, 80, 88);
}

.jpower-bg-indigo {
    background-color: rgb(128, 147, 195);
}

.jpower-bg-orange {
    background-color: rgb(255, 114, 74);
}

.jpower-bg-blue {
    background-color: rgb(42, 108, 196);
}

.jpower-bg-gray-blue {
    background: linear-gradient(to bottom, rgb(243, 243, 243) 0%, rgb(243, 243, 243) 20%, rgb(42, 108, 196) 20%, rgb(42, 108, 196) 100%);
}

.jpower-bg-img-1 {
    background: url("/images/jpower-tools/bg1.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.jpower-bg-img-2 {
    background: url("/images/jpower-tools/bg2.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.jpower-bg-img-3 {
    background: url("/images/jpower-tools/bg3.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.jpower-bg-img-4 {
    background: none;
    background-size: cover;
    position: relative;
}

.jpower-bg-img-5 {
    background: url("/images/jpower-tools/bg5.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.jpower-flex-fill {
    width: 100%;
    flex: 1;
}

.jpower-flex-center {
    margin-top: calc(100vw * 100 / 1920);
    display: flex;
    align-items: center;
    justify-content: center;
}

.jpower-text-center {
    text-align: center;
}

.jpower-text-radius {
    border-radius: 15px;
}

.jpower-m-1 {
    margin: 10px
}

.jpower-m-2 {
    margin: 20px
}

.jpower-mx-2 {
    margin: 0 20px
}

.jpower-mt-12 {
    margin-top: 120px
}

.jpower-mb-8 {
    margin-bottom: 80px
}

@media (min-width: 992px) {
    .jpower-md-screen-mx-8 {
        margin: 0 80px
    }
}

.jpower-p-2 {
    padding: 20px;
}

.jpower-pb-8 {
    padding-bottom: 80px;
}

.jpower-p-5 {
    padding: 50px;
}

.jpower-min-height {
    min-height: 280px;
}

.jpower-text-line-height {
    line-height: 35px;
}

.jpower-text-lg {
    font-size: 70px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .jpower-text-lg {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
    }
}

.jpower-text-md {
    font-size: 20px;
}

@media (max-width: 992px) {
    .jpower-text-md {
        font-size: 20px;
    }
}

.jpower-text-md-xl {
    font-size: 30px;
}

@media (max-width: 992px) {
    .jpower-text-md-xl {
        font-size: 30px;
    }
}

.jpower-icon {
    font-size: 50px;
    color: #fff;
}

.jpower-circle {
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 50%;
}

.jpower-img {
    width: 45px;
    height: 45px;
}

.jpower-circle-xl {
    width: 100px;
    height: 100px;
    background-color: rgb(181, 169, 205);
    border-radius: 50%;
}

.jpower-img-xl {
    width: 65px;
    height: 65px;
}

.jpower-oval {
    width: 300px;
    height: 180px;
    background-color: #fff;
    border-radius: 50%;
}

.jpower-form-input {
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.jpower-form-input::placeholder {
    color: #fff;
}

.jpower-button {
    background-color: rgb(255, 114, 74);
    border: none;
    font-size: 18px;
    width: 180px;
    height: 60px;
    border-radius: 30px;
}

.jpower-button:hover {
    background-color: #ea580c;
    -webkit-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
    -moz-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
    box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
    outline: 0;
}

.jpower-button:focus {
    background-color: #ea580c;
    -webkit-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
    -moz-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
    box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
    outline: 0;
}


/** ITSM解决方案 **/
.itsm-color-white {
    color: #fff;
}

.itsm-color-black {
    color: #000;
}

.itsm-color-orange {
    color: #ea580c;
}

.itsm-bg-gray {
    background-color: rgba(235, 235, 237, 0.8);
}

.itsm-bg-blue {
    background-color: rgb(42, 108, 196);
}

.itsm-bg-white {
    background-color: #fff;
}


.itsm-bg-img-1 {
    background: url("/images/itsm-service/bg1.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.itsm-bg-img-2 {
    background: url("/images/itsm-service/bg2.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.itsm-bg-img-3 {
    background: url("/images/itsm-service/bg3.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.itsm-bg-img-4 {
    background: none;
    background-size: cover;
    position: relative;
}

.itsm-bg-img-5 {
    background: none;
    background-size: cover;
    position: relative;
}

.itsm-bg-img-6 {
    background: none;
    background-size: cover;
    position: relative;
}

.itsm-bg-img-7 {
    background: none;
    background-size: cover;
    position: relative;
}

.itsm-page-title {
    padding: 5px 0 0 0;
    position: relative;
}


@media (max-width: 992px) {
    .itsm-container {
        padding: 0 15px;
    }
}

.itsm-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.itsm-text-lg {
    font-size: 70px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .itsm-text-lg {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
    }
}

.itsm-text-lg-md {
    font-size: 60px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .itsm-text-lg-md {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
    }
}

.itsm-text-md-lg {
    font-size: 40px;
}

@media (max-width: 992px) {
    .itsm-text-md-lg {
        font-size: 30px;
    }
}

.itsm-text-md-md {
    font-size: 30px;
}

@media (max-width: 992px) {
    .itsm-text-md-md {
        font-size: 30px;
    }
}

.itsm-text-md-sm {
    font-size: 30px;
}

.itsm-text-md-sm {
    font-size: 15px;
}

@media (max-width: 992px) {
    .itsm-text-md-sm {
        font-size: 22px;
    }
}

.itsm-text-md {
    font-size: 20px;
}

@media (max-width: 992px) {
    .itsm-text-md {
        font-size: 20px;
    }
}

.itsm-text-center {
    text-align: center;
}

.itsm-min-height {
    min-height: 450px;
}

.itsm-my-20 {
    padding: 200px 0;
}

.itsm-my-10 {
    padding: 100px 0;
}

.itsm-my-5 {
    padding: 50px 0;
}

.itsm-m-5 {
    margin: 50px;
}

.itsm-m-2 {
    margin: 20px;
}

.itsm-py-5 {
    padding: 50px 0;
}

.itsm-p-2 {
    padding: 20px 0;
}

.itsm-button {
    background-color: rgb(255, 114, 74);
    border: none;
    font-size: 18px;
    width: 200px;
    height: 60px;
    border-radius: 15px;
    font-weight: bold;
}

.itsm-button:hover {
    background-color: #ea580c;
    -webkit-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
    -moz-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
    box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
    outline: 0;
}

.itsm-button:focus {
    background-color: #ea580c;
    -webkit-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
    -moz-box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
    box-shadow: 10px 10px 99px 6px rgba(255, 110, 100, 1);
    outline: 0;
}

.itsm-circle {
    width: 100px;
    height: 100px;
    background-color: rgb(181, 169, 205);
    border-radius: 50%;
}

.itsm-oval {
    width: 300px;
    height: 180px;
    background-color: #fff;
    border-radius: 50%;
}

.itsm-img {
    width: 65px;
    height: 65px;
}

.itsm-icon {
    font-size: 50px;
    color: #fff;
}

.itsm-border-left {
    border-left: 10px solid rgb(255, 114, 74);
}

.itsm-border-top-right-bottom {
    border: 3px solid rgb(255, 114, 74);
    border-left: 3px solid rgb(255, 255, 255);
}

.itsm-border-left-bottom-right {
    border: 3px solid rgb(255, 114, 74);
    border-top: 3px solid rgb(255, 255, 255);
}

.itsm-border-right-bottom {
    border-right: 3px solid rgb(255, 114, 74);
    border-bottom: 3px solid rgb(255, 114, 74);
}

/*.itsm-border {*/
/*    border: 3px solid rgb(255, 114, 74);*/
/*}*/

.itsm-read-more:hover {
    color: #e71f54 !important;
    text-decoration: underline;
}


/** freight-platform **/
.freight-platform-page-title {
    padding: 5px 0 0 0;
    position: relative;
}

@media (max-width: 992px) {
    .freight-platform-container {
        padding: 0 15px;
    }
}

.freight-platform-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.freight-platform-text-lg {
    font-size: 70px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .freight-platform-text-lg {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
    }
}

.freight-platform-text-md {
    font-size: 55px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .freight-platform-text-md {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
    }
}

.freight-platform-text-sm {
    font-size: 20px;
}

@media (max-width: 992px) {
    .freight-platform-text-sm {
        font-size: 20px;
    }
}

.freight-platform-core-function-content {
    font-size: 17px;
}

@media (max-width: 992px) {
    .freight-platform-core-function-content {
        font-size: 16px;
    }
}

.freight-platform-our-product-content {
    font-size: 30px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .freight-platform-our-product-content {
        font-size: 25px;
        font-weight: bold;
    }
}

.freight-platform-get-more-info {
    font-size: 40px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .freight-platform-get-more-info {
        font-size: 30px;
        font-weight: bold;
    }
}

@media (min-width: 992px) {
    .freight-platform-input-width {
        min-width: 500px;
    }
}

@media (max-width: 992px) {
    .freight-platform-input-width {
        width: 200px;
    }
}

.freight-platform-right-arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid rgb(70, 80, 125);
    border-right: 2px solid rgb(70, 80, 125);
    transform: rotate(45deg);
}

.freight-platform-pb-17 {
    padding-bottom: 14rem;
}

.mt-4-change {
    margin-top: 1rem;
!important;
}

.freight-platform-bg-img-1 {
    background: url("/images/freight-platform/bg1.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.freight-platform-bg-img-2 {
    background: url("/images/freight-platform/bg2.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.freight-platform-bg-img-3 {
    background: url("/images/freight-platform/bg3.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.freight-platform-bg-img-4 {
    background: url("/images/freight-platform/bg4.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.freight-platform-bg-img-5 {
    background: url("/images/freight-platform/bg5.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.freight-platform-bg-img-6 {
    background: url("/images/freight-platform/bg6.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.freight-platform-bg-purple-white {
    background: linear-gradient(to right, rgb(196, 199, 234), #fff);
}

.freight-platform-bg-yellow {
    background-color: rgb(254, 232, 86);
}

.freight-platform-bg-purple {
    background-color: rgb(131, 68, 149);
}

.freight-platform-bg-gray {
    background-color: rgb(243, 243, 243);
}

.freight-platform-bg-gray-transparency {
    background-color: rgba(253, 253, 253, 0.5);
}

.freight-platform-bg-black {
    background-color: #000;
}

.freight-platform-bg-blue {
    background-color: rgb(70, 75, 139);
}

.freight-platform-text-white {
    color: #fff;
}

.freight-platform-text-indigo {
    color: rgb(70, 80, 125);
}

.freight-platform-button {
    border: none;
    border-radius: 6px;
}

.freight-platform-button:hover {
    background: linear-gradient(to right, #c4b5fd, #d1d5db);
    outline: 0;
}

.freight-platform-button:focus {
    background: linear-gradient(to right, #c4b5fd, #d1d5db);
    outline: 0;
}

.freight-platform-icon-lg {
    width: 50px;
    height: 50px;
}

.freight-platform-min-height {
    min-height: 250px;
}

.freight-platform-mb-10 {
    margin-bottom: 100px;
}

.freight-platform-pb-20 {
    padding-bottom: 200px;
}

.freight-platform-circle {
    width: 55px;
    height: 55px;
    background-color: rgb(69, 74, 140);
    border-radius: 50%;
}

.freight-platform-img {
    width: 35px;
    height: 35px;
}

.freight-platform-icon {
    font-size: 35px;
    color: #fff;
}


/** multimodal-transport **/
.multimodal-transport-page-title {
    padding: 5px 0 0 0;
    position: relative;
}

@media (max-width: 992px) {
    .multimodal-transport-container {
        padding: 0 15px;
    }
}

.multimodal-transport-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.multimodal-transport-text-lg {
    font-size: 70px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .multimodal-transport-text-lg {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
    }
}

.multimodal-transport-text-md {
    font-size: 55px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .multimodal-transport-text-md {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
    }
}

.multimodal-transport-text-sm {
    font-size: 20px;
}

@media (max-width: 992px) {
    .multimodal-transport-text-sm {
        font-size: 20px;
    }
}

.multimodal-transport-contact-text {
    font-size: 30px;
}

@media (max-width: 992px) {
    .multimodal-transport-contact-text {
        font-size: 30px;
    }
}

.multimodal-transport-bg-img-1 {
    background: url("/images/multimodal-transport/bg1.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.multimodal-transport-bg-img-2 {
    background: url("/images/multimodal-transport/bg2.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
    -webkit-background-size: 100%;
}

.multimodal-transport-bg-purple-mask {
    height: 100%;
    width: 100%;
    background: rgba(109, 5, 114, 0.6);
}

.multimodal-transport-bg-purple {
    background-color: rgb(90, 62, 102);
}

.multimodal-transport-bg-blue {
    background-color: rgb(83, 94, 244);
}

.multimodal-transport-bg-white {
    background-color: #fff;
}

.multimodal-transport-bg-grey {
    background-color: rgb(229, 229, 229);
}

.multimodal-transport-bg-pink {
    background-color: rgb(230, 93, 123);
    border-color: rgb(230, 93, 123);
}

.multimodal-transport-text-white {
    color: #fff;
}

.multimodal-transport-text-black {
    color: #000;
}

.multimodal-transport-bg-black-opacity {
    background-color: rgb(109, 5, 114, 0);
}


.multimodal-transport-button {
    padding: 12px 35px;
    border: none;
    border-radius: 25px;
}

.multimodal-transport-button-purple:hover {
    background: #701a75;
    outline: 0;
}

.multimodal-transport-button-purple:focus {
    background: #701a75;
    outline: 0;
}

.multimodal-transport-button-pink:hover {
    background: #e11d48;
    outline: 0;
}

.multimodal-transport-button-pink:focus {
    background: #db2777;
    outline: 0;
}

.multimodal-transport-min-height {
    min-height: 300px;
}


.multimodal-transport-border {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.multimodal-transport-icon {
    width: 70px;
    height: 70px;
}

.multimodal-transport-icon-sm {
    width: 20px;
    height: 20px;
}

.multimodal-transport-mb-10 {
    margin-bottom: 100px;
}

.multimodal-transport-form-input {
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.multimodal-transport-form-input::placeholder {
    color: #d6d3d1;
}


/** intelligent-tracking **/
.intelligent-tracking-page-title {
    padding: 5px 0 0 0;
    position: relative;
}

@media (max-width: 992px) {
    .intelligent-tracking-container {
        padding: 0 15px;
    }
}

.intelligent-tracking-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.intelligent-tracking-text-lg {
    font-size: 70px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .intelligent-tracking-text-lg {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
    }
}

.intelligent-tracking-text-md {
    font-size: 55px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .intelligent-tracking-text-md {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
    }
}

.intelligent-tracking-text-sm {
    font-size: 20px;
}

@media (max-width: 992px) {
    .intelligent-tracking-text-sm {
        font-size: 20px;
    }
}

.intelligent-tracking-content {
    font-size: 25px;
    line-height: 45px;
}

@media (max-width: 992px) {
    .intelligent-tracking-content {
        font-size: 20px;
        line-height: 25px;
    }
}

.intelligent-tracking-service-title {
    font-size: 25px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .intelligent-tracking-service-title {
        font-size: 20px;
    }
}

.intelligent-tracking-product-title {
    font-size: 45px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .intelligent-tracking-product-title {
        font-size: 30px;
        font-weight: bold;
    }
}

.intelligent-tracking-contact {
    font-size: 35px;
}

@media (max-width: 992px) {
    .intelligent-tracking-contact {
        font-size: 30px;
    }
}

.intelligent-tracking-lock {
    width: 200px;
    height: 400px;
}

.intelligent-tracking-position-terminal {
    width: 200px;
    height: 350px;
}

.intelligent-tracking-cargo-bit {
    width: 300px;
    height: 350px;
}

.intelligent-tracking-min-height {
    min-height: 500px;
}

.intelligent-tracking-bg-img-1 {
    background: url("/images/intelligent-tracking/bg1.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.intelligent-tracking-bg-img-2 {
    background: url("/images/intelligent-tracking/bg2.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.intelligent-tracking-bg-grey-transparency {
    background-color: rgb(55, 65, 81, 0.8);
}

.intelligent-tracking-bg-grey {
    background-color: rgb(229, 229, 229);
}


.intelligent-tracking-text-blue {
    color: #4338ca;
}

.intelligent-tracking-bg-purple {
    background-color: rgb(130, 63, 155);
}

.intelligent-tracking-bg-black {
    background-color: #000;
}

.intelligent-tracking-bg-white {
    background-color: #fff;
}

.intelligent-tracking-text-white {
    color: #fff;
}

.intelligent-tracking-text-black {
    color: #000;
}

.intelligent-tracking-pb-10 {
    padding-bottom: 100px;
}

.intelligent-tracking-border-purple {
    border: 3px solid;
    border-color: rgb(130, 63, 155);
}

.intelligent-tracking-button-more {
    padding: 10px 30px;
    border-radius: 3px;
}

.intelligent-tracking-button-border-purple {
    border: 3px solid rgb(130, 63, 155);
}

.intelligent-tracking-button-border-purple:hover {
    outline: 0;
    background-color: rgb(130, 63, 155);
}

.intelligent-tracking-button-border-purple:focus {
    outline: 0;
    background-color: rgb(130, 63, 155);
}

.intelligent-tracking-button-purple:hover {
    background-color: #86198f;
    outline: 0;
}

.intelligent-tracking-button-purple:focus {
    background-color: #86198f;
    outline: 0;
}

.intelligent-tracking-face-challenge-image {
    height: 250px;
    width: 350px;
}

.intelligent-tracking-bg-black {
    background-color: #000;
}

.intelligent-tracking-button {
    padding: 12px 35px;
    border: none;
    border-radius: 8px;
}

.intelligent-tracking-button-grey:hover {
    background: #3F3F46;
    outline: 0;
}

.intelligent-tracking-button-grey:focus {
    background: #3F3F46;
    outline: 0;
}

.intelligent-tracking-form-input {
    border: none;
    border-bottom: 1px solid #000;
}

.intelligent-tracking-form-input::placeholder {
    color: #d6d3d1;
}

@media (max-width: 992px) {
    .intelligent-tracking-mobile-display-none {
        display: none;
    }
}


/** link-multipath-mixed-communication-gateway **/
.link-multipath-mixed-communication-gateway-page-title {
    padding: 5px 0 0 0;
    position: relative;
}

@media (max-width: 992px) {
    .link-multipath-mixed-communication-gateway-container {
        padding: 0 15px;
    }
}

.link-multipath-mixed-communication-gateway-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.link-multipath-mixed-communication-gateway-text-lg {
    font-size: 55px;
    font-weight: bold;
}

@media (max-width: 992px) {
    .link-multipath-mixed-communication-gateway-text-lg {
        font-size: 30px;
        font-weight: bold;
    }
}

.link-multipath-mixed-communication-gateway-text-md {
    font-size: 30px;
}

@media (max-width: 992px) {
    .link-multipath-mixed-communication-gateway-text-md {
        font-size: 20px;
    }
}

.link-multipath-mixed-communication-gateway-text-sm {
    font-size: 20px;
}

@media (max-width: 992px) {
    .link-multipath-mixed-communication-gateway-text-sm {
        font-size: 20px;
    }
}

.link-multipath-mixed-communication-gateway-text-white {
    color: #fff;
}

.link-multipath-mixed-communication-gateway-text-orange {
    color: #fed7aa;
}

.link-multipath-mixed-communication-gateway-text-orange-deep {
    color: #f97316;
}


.link-multipath-mixed-communication-gateway-text-black {
    color: #000;
}

.link-multipath-mixed-communication-gateway-bg-img-1 {
    background: none;
    background-size: cover;
    position: relative;
}

.link-multipath-mixed-communication-gateway-bg-img-2 {
    background: url("/images/link-multipath-mixed-communication-gateway/bg2.png.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.link-multipath-mixed-communication-gateway-bg-img-3 {
    background: none;
    background-size: cover;
    position: relative;
}

.link-multipath-mixed-communication-gateway-bg-black {
    background-color: #000;
}

.link-multipath-mixed-communication-gateway-bg-white {
    background-color: #fff;
}

.link-multipath-mixed-communication-gateway-bg-purple {
    background-color: rgb(145, 106, 213);
}

.link-multipath-mixed-communication-gateway-bg-violet {
    background-color: rgb(38, 5, 86);
}

.link-multipath-mixed-communication-gateway-text-white-bg-blue {
    background-color: rgb(46, 108, 195);
}

.link-multipath-mixed-communication-gateway-border-left-orange {
    border-left: 10px solid rgb(255, 114, 74);
}

@media (max-width: 992px) {
    .link-multipath-mixed-communication-gateway-sm-my-2 {
        margin: 20px 0;
    }
}

.link-multipath-mixed-communication-gateway-mt-30 {
    margin-top: 300px;
}

.link-multipath-mixed-communication-gateway-ml-2 {
    margin-left: 25px;
}

.link-multipath-mixed-communication-gateway-pb-15 {
    padding-bottom: 150px;
}

.link-multipath-mixed-communication-gateway-line-height {
    line-height: 45px;
}

.link-multipath-mixed-communication-gateway-flex-fill {
    width: 100%;
    flex: 1;
}

.link-multipath-mixed-communication-gateway-min-height {
    min-height: 500px;
}

.link-multipath-mixed-communication-gateway-icon {
    width: 20px;
    height: 20px;
}

.link-multipath-mixed-communication-gateway-bg-gray {
    background-color: rgba(235, 235, 237, 0.8);
}

/** 通用字号 放在最下面 **/

@media (max-width: 992px) {
    .current-text-lg {
        font-size: 48px;
        line-height: 56px;
    }

    .current-text-md {
        font-size: 36px;
        line-height: 44px;
    }

    .train-div {
        text-align: center;
    }

    .current-text-sm {
        font-size: 24px;
        font-weight: normal;
        line-height: 32px;
    }

    .current-text-center {
        text-align: center;
    }
}

.footer-a:hover,
.footer-a:active {
    color: #e71f54 !important;
    text-decoration: underline;

}

.footer-a,
.footer-a:visited,
.footer-a:link {
    font-style: italic;
    color: #fff
}

.ul-li-a:hover,
.ul-li-a:active {
    color: #e71f54 !important;
    text-decoration: underline;

}

.ul-li-a,
.ul-li-a:visited,
.ul-li-a:link {
    color: #fff;
}

.contact-us-address:hover,
.contact-us-address:active {
    color: #e71f54 !important;
    text-decoration: underline;

}

.contact-us-address,
.contact-us-address:visited,
.contact-us-address:link {
    color: #000
}

.contact-us-a-1:hover,
.contact-us-a-1:active {
    color: #e71f54 !important;
    text-decoration: underline;

}

.contact-us-a-1,
.contact-us-a-1:visited,
.contact-us-a-1:link {
    font-style: italic;
    color: #000;
}

.certification-li-img {
    list-style: none;
    padding: auto;
    margin: auto;
}

.certification-col-div {
    margin-top: 10px;
}

.certification-h3 {
    font-size: 28px;
}

.certification-a {
    font-size: 22px;
    color: #04539b;
    display: block;
}

.about-us-p-1 {
    font-size: 40px;
    color: #a75f8f;
}

.about-us-p-2 {
    font-size: 40px;
    color: #f05f10;
}

.about-us-p-3 {
    font-size: 40px;
    color: #438db0;
}

.about-us-page-title-1 {
    padding: 0px 0px 50px 0px;
}

.about-us-page-title-2 {
    padding: 80px 0px 50px 0px;
}

.about-us-page-title-3 {
    padding: 50px 0px 20px 0px;
}

.about-us-page-title-4 {
    padding: 0px 0px 0px 0px;
}

.about-us-bg-2 {
    background-color: #0a408a;
}

.about-us-bg-3 {
    background-color: #ffff;
}

.about-us-bg-4 {
    background-color: #f4f4f4;
}

.index-display-none {
    display: none;
}

.index-bg-1 {
    background-color: #15a099;
}

.index-bg-img-1 {
    /*background-size: 120%;*/
    background: url("/images230224/images230717/page-bg.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}

.index-bg-img-2 {
    /*background-size: 120%;*/
    background: url("/images230224/images230717/page-bg-ai.jpg.webp") no-repeat;
    background-size: cover;
    position: relative;
}


.index-img {
    height: 470px;
    margin-bottom: 0.3rem;
}

.newFontSize {
    font-size: 1.6rem;
}


.index-page-title-2 {
    padding: 150px 0px 80px 0px;
    height: 754px;
}

.index-p-1 {
    font-size: 65px;
    font-weight: 900;
    line-height: 73px;
}

.index-p-2 {
    color: #fa7c4b;
    font-size: 65px;
    font-weight: 650;
    line-height: 73px;
}

.index-p-2-ai {
    /*color: #fa7c4b;*/
    color: white;
    font-size: 65px;
    font-weight: 650;
    line-height: 73px;
}

.index-row-1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.index-bt-1 {
    background-color: #8193c3;
    border: #8193c3;
    height: 60px;
    width: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index-bt-1 {
    background-color: #8193c3;
    border: #8193c3;
    height: 60px;
    width: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index-bt-1:hover {
    background-color: #a1b6ee;
    border: #a1b6ee;
}

.index-bt-2 {

    border: #f05f10;
    height: 50px;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index-bt-2-ai {
    background: linear-gradient(45deg, #b41ceb, #1455bb);
    border: #f05f10;
    height: 50px;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#newText {
    padding-top: 5.5rem;
    color: black;
}

/*.index-bt-2:hover {*/
/*    background-color: #ea580c;*/
/*    border: #ea580c;*/
/*}*/


@media (max-width: 992px) {
    .index-mobile-p-1 {
        font-size: 35px;
        font-weight: 900;
        line-height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .index-mobile-bt-1 {
        justify-content: center;
        display: flex;
    }

}

.about-us-bg-5 {
    background-color: #5da55c;
}

.about-us-bg-6 {
    background-color: #a75e8f;
}

.about-us-bg-7 {
    background-color: #428eae;
}

.about-us-bg-8 {
    background-color: #f05f0f;
}

.about-us-border {
    border-color: #ffff;
    border-width: 0px 0px 0px 10px;
    border-style: solid;
}

.about-us-div-1 {
    height: 40px;
    display: flex;
    font-size: 30px;
    color: #fff;
    justify-content: center;
    align-items: center;

}

.about-us-div-2 {
    height: 40px;
    display: flex;
    font-size: 20px;
    color: #fff;
    justify-content: center;
    align-items: center;

}

.about-us-div-3 {
    max-height: 40px;
    display: flex;
    font-size: 18px;
    color: #fff;
    align-items: center;

}

@media (max-width: 992px) {
    .about-us-div-1-mobile {
        max-height: 100px;
        white-space: nowrap;
        display: flex;
        font-size: 24px;
        color: #fff;
        justify-content: center;
        align-items: center;

    }

    .about-us-div-2-mobile {
        max-height: 100px;
        white-space: nowrap;
        display: flex;
        font-size: 18px;
        color: #fff;
        justify-content: center;
        align-items: flex-start;
    }

    .about-us-div-3-mobile {
        max-height: 100px;
        display: flex;
        font-size: 18px;
        color: #fff;
        align-items: flex-start;
    }

    .about-us-web {
        display: none;
    }
}

@media (min-width: 992px) {
    .about-us-mobile {
        display: none;
    }
}

/* 表单响应 */
.reponse-feedback {
    font-size: smaller;
    font-weight: bolder;
    color: red;
    display: none;
}

@media (max-width: 920px) {
    .index-img {
        height: 250px;
    }

    #ma {
        border-radius: 10px;
    }

    /*.more-top-div-a{*/
    /*    font-size: calc(100vw * 15/1920);*/
    /*}*/
}


.top-div-up {
    height: calc(100vw * 1000 / 1920);
    background-image: url("/images230224/images230717/page0-bg1.png.webp");
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.top-div-down {
    height: auto;
    background-color: #f1c50e;
}

.top-div-down-bottom {
    margin-top: calc(100vw * 125 / 1920);
    padding-bottom: calc(100vw * 125 / 1920);
    display: flex;
}

.top-div-down-bottom-lift {
    margin: 0 5% 0 5%;
    flex: 1;
}

.top-div-down-bottom-middle {
    margin: 0 5% 0 5%;
    flex: 1;
}

.top-div-down-bottom-right {
    margin: 0 5% 0 5%;
    flex: 1;
}


.middleP {
    text-align: center;
    font-size: calc(100vw * 45 / 1920);
    font-weight: bold;
    margin-bottom: 1em;
}

.downP {
    text-align: center;
    font-size: calc(100vw * 25 / 1920);
    line-height: calc(100vw * 38 / 1920);
}

.top-div-dowm-upP {
    padding-top: 2em;
    font-weight: bold;
    font-size: calc(100vw * 70 / 1920);
    text-align: center;
}

#top-div-up-div {
    position: absolute;
    background-color: white;
    height: calc(100vw * 570 / 1920);
    width: calc(100vw * 920 / 1920);
    margin-left: 8%;
    padding-right: 2%;
    line-height: calc(100vw * 24 / 1920);
}

.top-div {
    position: relative;
}

#bx {
    margin-left: 0.5em;
    padding-top: calc(100vw * 125 / 1920);
    font-weight: bold;
    font-size: calc(100vw * 70 / 1920);
    margin-bottom: calc(100vw * 70 / 1920);
    line-height: calc(100vw * 38 / 1920);
}

#bhq {
    font-size: calc(100vw * 30 / 1920);
    margin-left: 1.5em;
    margin-bottom: calc(100vw * 74 / 1920);
    line-height: calc(100vw * 38 / 1920);
}

#mz {
    font-size: calc(100vw * 28 / 1920);
    border: calc(100vw * 2 / 1920) solid black;
    border-radius: 28px;
    padding: calc(100vw * 24 / 1920) calc(100vw * 50 / 1920);
    margin-left: 1.5em;
    color: black;
    text-decoration: none;
}

#top-top-div {
    height: 13%;
}

#under-div {
    height: calc(100vw * 470 / 1920);
    width: calc(100vw * 820 / 1920);
    background-color: #f1c50e;
    margin-left: 5%;
    margin-top: calc(100vw * 180 / 1920);
}

.second-top-img {
    text-align: center;
    margin-bottom: calc(100vw * 24 / 1920);
}


.second-div {
    background-color: whitesmoke;
    height: calc(100vw * 1320 / 1920);
}

.second-div-topDiv {
    text-align: center;
    padding-top: calc(100vw * 125 / 1920);
    height: calc(100vw * 140 / 1920);
    padding-bottom: calc(100vw * 200 / 1920);
}

.second-div-middleDiv {
    display: flex;
    height: calc(100vw * 870 / 1920);
}

.second-div-middleDiv-left {
    background-color: white;
    flex: 1;
    margin-left: calc(100vw * 200 / 1920);
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("/images230224/images230717/page0-bg5.jpg.webp");
}

.second-div-middleDiv-right {
    background-color: #468ac9;
    flex: 1;
    margin-right: calc(100vw * 200 / 1920);
}

#second-div-topP {
    font-size: calc(100vw * 60 / 1920);
    font-weight: bold;
    margin-bottom: calc(100vw * 40 / 1920);
    line-height: calc(100vw * 38 / 1920);
}

.second-div-middleDiv-right-div {
    text-align: center;
    height: 25%;
    padding-left: calc(100vw * 74 / 1920);
    padding-right: calc(100vw * 74 / 1920);
    margin-top: calc(100vw * 45 / 1920);
}

.second-div-middleDiv-right-pp {
    font-weight: bold;
    font-size: calc(100vw * 36 / 1920);
    color: white;
}

.second-div-middleDiv-right-div p {
    margin-bottom: calc(100vw * 24 / 1920);
    color: white;
    line-height: calc(100vw * 38 / 1920);
}

.bigDiv {
    display: flex;
    /*margin-top: 6em;*/
    height: calc(100vw * 580 / 1920);
}

.minDiv {
    flex: 1;
    margin: 0 calc(100vw * 24 / 1920);
    text-align: left;
    background-color: white;
    padding: 0 calc(100vw * 24 / 1920);
}

.thirdDiv {
    height: calc(100vw * 1000 / 1920);
    background-color: whitesmoke;
    background-image: url("/images230224/images230717/page0-bg2.png.webp");
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.thirdDiv-top {
    height: calc(100vw * 300 / 1920);
    text-align: center;
    padding-top: calc(100vw * 95 / 1920);
}

#thirdDiv-top-title {
    font-size: calc(100vw * 64 / 1920);
    font-weight: bold;
    margin-top: calc(100vw * 31 / 1920);
}

.minDiv-img {
    margin-top: calc(100vw * 46 / 1920);
    margin-left: calc(100vw * 31 / 1920);
    margin-bottom: calc(100vw * 46 / 1920);
    width: calc(100vw * 110 / 1920);
    height: calc(100vw * 110 / 1920);
    border-radius: 50%;
    background-color: #f1c50e;
}

.minDiv-secondP {
    line-height: calc(100vw * 38 / 1920);
}

.minDiv-firstP {
    font-size: calc(100vw * 27 / 1920);
    font-weight: bold;
    margin-bottom: calc(100vw * 24 / 1920);
    line-height: calc(100vw * 38 / 1920);
}

/*.minDiv-secondP{*/
/*    margin-bottom: 1rem;*/
/*}*/
.minDiv-A {
    position: absolute;
    color: black;
    bottom: calc(100vw * 40 / 1920);
    text-decoration: none;
    font-size: calc(100vw * 25 / 1920);
}

.minDiv-A:after {
    content: ""; /* 伪元素的内容为空 */
    position: absolute; /* 绝对定位，相对于最近的已定位祖先元素（即 .minDiv-A）进行定位 */
    bottom: -0.3rem; /* 与父元素的底部对齐 */
    left: 0; /* 与父元素的左边对齐 */
    width: 100%; /* 伪元素的宽度为100%，覆盖整个父元素宽度 */
    height: 1px; /* 伪元素的高度为2px，可以根据需要进行调整 */
    background-color: #f1c50e; /* 设置下划线的颜色 */
}

.second-div-middleDiv-right-thirdP {
    text-align: left;
    font-size: calc(100vw * 23 / 1920);
    /*margin-bottom: 2rem;!important;*/

}

.minDiv-div {
    height: 65%;
    position: relative;
    margin-left: calc(100vw * 31 / 1920);
    font-size: calc(100vw * 25 / 1920);
}

#minDiv-divLeft {
    margin-left: calc(100vw * 100 / 1920);
!important;
}

#minDiv-divRight {
    margin-right: calc(100vw * 100 / 1920);
!important;
}

.minDiv-divP {
    height: auto;
}

.forth-div {
    background-color: #e5e5e5;
    height: calc(100vw * 1700 / 1920);
    position: relative;
}

.forth-div-topDiv {
    position: absolute;
    height: calc(100vw * 820 / 1920);
    width: calc(100vw * 820 / 1920);
    border-radius: 50%;
    background-color: #468ac9;
    top: 10%;
    left: 20%;
}

.forth-div-middleDiv {
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("/images230224/images230717/page0-bg3.jpg.webp");
    position: absolute;
    height: calc(100vw * 820 / 1920);
    width: calc(100vw * 820 / 1920);
    border-radius: 50%;
    /*background-color: white;*/
    text-align: center;
    z-index: 10;
    top: 30%;
    left: 53%;
}

.forth-div-bottomDiv {
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("/images230224/images230717/page0-bg4.jpg.webp");
    position: absolute;
    height: calc(100vw * 550 / 1920);
    width: calc(100vw * 550 / 1920);
    border-radius: 50%;
    /*background-color: rosybrown;*/
    text-align: center;
    z-index: 20;
    top: 62%;
    left: 43%;
}

.form-div {
    position: absolute;
    background-color: white;
    min-height: calc(100vw * 900 / 1920);
    width: calc(100vw * 850 / 1920);
    border-radius: 50px;
    margin-left: 5%;
    z-index: 100;
    top: 28%;
}

.forth-div-form {
    margin-left: 5%;
}

.forth-div-p {
    line-height: calc(100vw * 38 / 1920);
    text-align: center;
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    margin-top: calc(100vw * 90 / 1920);
    margin-bottom: calc(100vw * 34 / 1920);
}

.inputP {

    width: calc(100vw * 720 / 1920);
    margin-right: 5%;
    border-radius: 15px;
    height: calc(100vw * 60 / 1920);
!important;
    background-color: #f2f2f2;
    padding-left: calc(100vw * 20 / 1920);
    border: none;
    font-size: calc(100vw * 21 / 1920);
!important;
    margin-top: calc(100vw * 0 / 1920);
    margin-bottom: calc(100vw * 20 / 1920);;
}

#textarea {
    /*color: black;*/
    border: none;
    width: calc(100vw * 720 / 1920);
    height: calc(100vw * 170 / 1920);
    border-radius: 15px;
    background-color: #f2f2f2;
    padding-left: calc(100vw * 20 / 1920);
    padding-top: calc(100vw * 15 / 1920);
    font-size: calc(100vw * 21 / 1920);
    margin-top: calc(100vw * 10 / 1920);
    margin-right: 5%;
}

.button {
    width: calc(100vw * 720 / 1920);
    border-radius: 15px;
    background-color: #16181b;
    color: white;
    height: calc(100vw * 70 / 1920);
    margin-top: calc(100vw * 40 / 1920);
    font-size: calc(100vw * 27 / 1920);
    padding-top: calc(100vw * 15 / 1920);
    padding-bottom: calc(100vw * 15 / 1920);
    padding-left: calc(100vw * 10 / 1920);
}

.forth-div-title {
    line-height: calc(100vw * 35 / 1920);
    margin-top: calc(100vw * 10 / 1920);
    font-size: calc(100vw * 24 / 1920);
    margin-bottom: calc(100vw * 0 / 1920);;
}

#second-div-secondP {
    font-size: calc(100vw * 30 / 1920);
    line-height: calc(100vw * 38 / 1920);
}

#minDiv-img1 {
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    background-image: url("/images230224/images230717/page0-top0.png.webp");
}

#minDiv-img2 {
    background-size: 70%;
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/images230224/images230717/page0-top1.png.webp");
}

#minDiv-img3 {
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    background-image: url("/images230224/images230717/page0-top2.png.webp");
}

#minDiv-img4 {
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    background-image: url("/images230224/images230717/page0-top3.png.webp");
}

#minDiv-img5 {
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    background-image: url("/images230224/images230717/page0-top4.png.webp");
}

.second-div-middleDiv-imgs {
    height: calc(100vw * 100 / 1920);
}

@media (max-width: 500px) {
    .thirdDiv {
        height: calc(100vw * 1200 / 1920);
    }

    .bigDiv {
        height: calc(100vw * 780 / 1920)
    }

    .button {
        width: calc(100vw * 320 / 1920);
        margin-left: calc(100vw * 220 / 1920);
        padding-top: 0.1rem;
        padding-left: 0.4rem;
    }

    .minDiv-A {
        bottom: calc(100vw * 10 / 1920);
    }

    /*.form-div{*/
    /*    height: calc(100vw * 1050/1920);*/
    /*}*/
    .page0-tips {
        font-size: calc(100vw * 38 / 1920);
    }

    .forth-div-title {
        margin-bottom: 0.2rem;
    }
}


.more-top-div {
    display: flex;
    margin-top: calc(100vw * 140 / 1920);
    height: calc(100vw * 500 / 1920);
}

.more-top-divs {
    display: flex;
    margin-top: calc(100vw * 20 / 1920);
    height: calc(100vw * 500 / 1920);
}

.more-top-minDiv {
    line-height: calc(100vw * 35 / 1920);
    position: relative;
    flex: 1;
    /*margin-left: 1rem;*/
    /*padding:  calc(100vw * 24 / 1920)  calc(100vw * 54 / 1920);*/
    margin-right: calc(100vw * 24 / 1920);
    background-color: #f6f7fb;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    height: calc(100vw * 500 / 1920);
}

.more-top-p {
    font-size: calc(100vw * 70 / 1920);
    text-align: center;
    font-weight: bold;
    margin-top: calc(100vw * 100 / 1920);
    margin-bottom: calc(100vw * 140 / 1920);
}

#more-top-div-left {
    margin-left: calc(100vw * 120 / 1920);
}

#more-top-div-right {
    margin-right: calc(100vw * 120 / 1920);
}

.more-top-div-a {
    position: absolute;
    bottom: calc(100vw * 100 / 1920);
    left: calc(100vw * 105 / 1920);
    right: calc(100vw * 105 / 1920);;
    display: block;
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: calc(100vw * 24 / 1920);
    background-color: #468ac9;
    /*margin: 0 calc(100vw * 70/1920);*/
    padding: calc(100vw * 15 / 1920);
    border-radius: 10px;
    height: calc(100vw * 64 / 1920);
}

.more-top-minDiv2 {
    background-color: #f6f7fb;
}

.change-a {
    /*margin: 0 38%;!important;*/
    left: calc(100vw * 305 / 1920);
    right: calc(100vw * 305 / 1920);
}

.change-b {
    /*margin: 0 38%;!important;*/
    left: calc(100vw * 165 / 1920);
    right: calc(100vw * 165 / 1920);
}

.special-border {
    background-color: #f6f7fb;
    /*border: 5px solid orangered;*/
}

#bottom-more-div {
    margin-bottom: calc(100vw * 200 / 1920);
}

.a-box {
    margin-bottom: 4rem;
}

.page1-allUpImgs {
    height: calc(100vw * 145 / 1920);
    padding-top: calc(100vw * 40 / 1920);
}

.page1-allP {
    font-size: calc(100vw * 45 / 1920);
    margin-top: calc(100vw * 40 / 1920);
    line-height: calc(100vw * 100 / 1920);
}

.page2-allP {
    font-size: calc(100vw * 45 / 1920);
    margin-top: calc(100vw * 55 / 1920);
    line-height: calc(100vw * 10 / 1920);
}

.product-information-changeP {
    font-family: Arial;
}

.page1-maodian {
    height: 1px;
}

.page3-openDiv {
    margin-right: 20%;
    margin-left: 20%;
}

/*.p-title{*/
/*    line-height:  calc(100vw * 34 / 1920);*/
/*    color: #04539b;*/
/*    font-size: calc(100vw * 58/1920);*/
/*    font-weight: bold;*/
/*    text-align: center;*/
/*    padding-top: calc(100vw * 58/1920);*/
/*    margin-bottom: calc(100vw * 100/1920);*/
/*}*/
.p-title {
    line-height: calc(100vw * 78 / 1920); /* 增大 line-height 值 */
    color: #04539b;
    font-size: calc(100vw * 50 / 1920);
    font-weight: bold;
    text-align: center;
    padding-top: calc(100vw * 58 / 1920);
    margin-bottom: calc(100vw * 50 / 1920);

    /* 防止文字重叠 */
    word-wrap: break-word; /* 允许长单词换行 */
    word-break: break-word; /* 处理长单词的换行 */
    white-space: normal; /* 正常换行处理 */
}

.page3-openDiv-headImg {
    margin-top: calc(100vw * 14 / 1920);
    height: auto;
    margin-bottom: calc(100vw * 14 / 1920);

}

.page3-openDiv-imgName {
    margin-bottom: calc(100vw * 35 / 1920);
    font-size: calc(100vw * 20 / 1920);
}

.page3-openDiv-pp {
    line-height: calc(100vw * 50 / 1920);
    text-indent: calc(100vw * 58 / 1920);
    margin-bottom: calc(100vw * 50 / 1920);
    font-size: calc(100vw * 27 / 1920);
}

.page3-openDiv-pp-n {
    line-height: calc(100vw * 50 / 1920);
    margin-top: calc(-100vw * 50 / 1920);
    font-size: calc(100vw * 17 / 1920);
    text-align: center;
    color: gray;
}

.page3-openDiv-pp-mn {
    line-height: calc(100vw * 50 / 1920);
    margin-top: calc(-100vw * 10 / 1920);
    font-size: calc(100vw * 25 / 1920);
    text-align: center;
    color: gray;
}

.page3-openDiv-pp-m {
    line-height: 1.5; /* 适当调整行高 */
    text-indent: 0; /* 移除缩进，避免影响居中 */
    margin-bottom: 20px; /* 固定的下边距 */
    font-size: calc(100vw * 35 / 1920);

    /* 新增样式 */
    text-align: center; /* 居中对齐 */
    color: #0000FF; /* 蓝色字体 */
    font-family: "Arial", sans-serif; /* 字体 */
    font-weight: bold; /* 加粗 */
}

@media (max-width: 990px) {
    .page3-openDiv-pp-m {
        line-height: 1.5; /* 适当调整行高 */
        text-indent: 0; /* 移除缩进，避免影响居中 */
        margin-bottom: 10px; /* 固定的下边距 */
        font-size: 8px; /* 固定的字体大小 */

        /* 新增样式 */
        text-align: center; /* 居中对齐 */
        color: #0000FF; /* 蓝色字体 */
        font-family: "Arial", sans-serif; /* 字体 */
        font-weight: bold; /* 加粗 */
    }
}



.page3-openDiv-pp-cb {
    line-height: calc(100vw * 50 / 1920);
    text-indent: calc(100vw * 58 / 1920);
    margin-bottom: calc(100vw * 50 / 1920);
    font-size: calc(100vw * 32 / 1920); /* 增大字体 */
    text-align: center; /* 文本局中 */
    font-weight: bold; /* 加粗字体 */
}

.page3-openDiv-pp-ti {
    position: relative;
    line-height: calc(100vw * 35 / 1920); /* 调整行高 */
    text-indent: calc(100vw * 58 / 1920); /* 首行空格 */
    margin-bottom: calc(100vw * 10 / 1920); /* 调整底部间距 */
    font-size: calc(100vw * 25 / 1920); /* 缩小字体 */
}

.page3-openDiv-pp-ti::before {
    content: '•'; /* 使用圆点符号 */
    position: absolute;
    left: 0; /* 将圆点放置在左边 */
    top: 0;
    font-size: calc(100vw * 25 / 1920); /* 与文字同等大小 */
    line-height: inherit; /* 保持与文字相同的行高 */
    color: #000; /* 圆点颜色 */
}

.page3-openDiv-pp-ti {
    padding-left: calc(100vw * 28 / 1920 + 20px); /* 确保文本与圆点有适当间距 */
}


.page3-openDiv-pp-t {
    line-height: calc(100vw * 50 / 1920);
    text-indent: calc(100vw * 58 / 1920);
    margin-bottom: calc(100vw * 15 / 1920); /* 减小底部间距 */
    font-size: calc(100vw * 27 / 1920);
}


.page3-openDiv-bottomImg {
    height: calc(100vw * 650 / 1920);
    margin-bottom: calc(100vw * 150 / 1920);
}

#page3-littleImg {
    height: calc(100vw * 21 / 1920);
}

#page3-topImg {
    height: calc(100vw * 700 / 1920);
}

.page3-secondImg {
    text-align: center;
}

.page3-titleFont {
    font-size: calc(100vw * 20 / 1920);
}


.page3-openDiv {
    margin-left: 20%;
    margin-right: 20%;
}

.page3-openDiv-topTitle {
    color: #468ac9;
    font-size: calc(100vw * 58 / 1920);
    font-weight: bold;
    text-align: center;
    padding-top: calc(100vw * 58 / 1920);
    margin-bottom: calc(100vw * 20 / 1920);
}

.page3-openDiv-pp {
    line-height: calc(100vw * 45 / 1920);
    text-indent: calc(100vw * 50 / 1920);
    margin-bottom: calc(100vw * 50 / 1920);
    font-size: calc(100vw * 27 / 1920);
}

.page3-openDiv-firstImg {
    height: calc(100vw * 640 / 1920);
    margin-bottom: calc(100vw * 58 / 1920);
}

.page3-openDiv-secondImg {
    height: calc(100vw * 650 / 1920);
    margin-bottom: calc(100vw * 45 / 1920);
}
.page3-openDiv-secondImg1 {
    width: 80%; /* 固定宽度 */
    height: 550px; /* 固定高度 */
    margin-bottom: 20px; /* 可根据需要调整 */
}

.page3-openDiv-secondImg2 {
    width: 40%; /* 固定宽度 */
    height: 550px; /* 固定高度 */
    margin-bottom: 20px; /* 可根据需要调整 */
}


.page3-openDiv-secondImg-h {
    height: calc(100vw * 8650 / 1920);
    margin-bottom: calc(100vw * 45 / 1920);
}
.page3-openDiv-secondImg-h2 {
    height: calc(100vw * 2150 / 1920);
    margin-bottom: calc(100vw * 45 / 1920);
}
.page3-openDiv-secondImg-h3 {
    height: calc(100vw * 510 / 1920);
    margin-bottom: calc(100vw * 45 / 1920);
}
.page3-openDiv-secondImg-m {
    height: calc(100vw * 650 / 1920);
    margin-bottom: calc(100vw * 45 / 1920);
}

.page3-openDiv-secondImg-min {
    height: calc(100vw * 107 / 1920);
    margin-bottom: calc(100vw * 45 / 1920);
    display: block;  /* 使元素成为块级元素 */
    margin-left: auto;  /* 左边自动调整 */
    margin-right: auto; /* 右边自动调整 */
}

.page3-openDiv-thirdImg {
    height: calc(100vw * 510 / 1920);
    margin-bottom: calc(100vw * 150 / 1920);
}

#page3-openDiv-litter {
    margin-bottom: calc(100vw * 50 / 1920);
}

#page3-litter {
    height: calc(100vw * 21 / 1920);
}

.page3-divImg {
    text-align: center;
}

.page3-litter {
    font-size: calc(100vw * 21 / 1920);
}

.page3-titleChange {
    margin-left: calc(100vw * 94 / 1920);
    margin-right: calc(100vw * 94 / 1920);
    margin-top: calc(100vw * 34 / 1920);
}

@media (max-width: 920px) {
    .index-page-title-2 {
        height: 850px;
    }
}

@media (max-width: 670px) {
    .bigDiv {
        height: calc(100vw * 800 / 1920);
    }

    .mt-4-change2 {
        text-align: center;
    }
}

/*@media (max-width: 400px){*/
/*.top-div p{*/
/*    line-height: calc(100vw * 50/1920);!important;*/
/*}*/
/*#bhq{*/
/*    line-height: calc(100vw * 50/1920);*/
/*}*/
/*.second-div-middleDiv-right-div p{*/
/*    line-height: calc(100vw * 50/1920);*/
/*}*/
/*.minDiv-secondP{*/
/*    line-height: calc(100vw * 50/1920);*/
/*}*/
/*.second-div{*/
/*    line-height: calc(100vw * 1500/1920);*/
/*}*/
/*}*/
#itsm-top-center {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

#itsm-down-center {
    border-left: 0;
    border-right: 0;
}

#istm-top-left {
    border-bottom: 0;
}

#istm-top-right {
    border-bottom: 0;
}

/*body{*/
/*    min-width: 480px;*/
/*}*/
#freight-fromP {
    text-align: left;
!important;
}

#freight-changeTitle {
    font-weight: bold;
    padding-top: 2rem;
}

#multimodal-alert {
    color: #2ecbc2;
}

#divOn {
    z-index: 200;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(24, 23, 23, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px);
}

#imgOn {
    width: 810px;
    height: 560px;
}


#freight-platform-changeTop {
    text-align: left;
!important;
}

.img-container-left {
    max-width: 100%;
}

.home-article-content {
    font-size: 20px;
    font-weight: bold; /* 设置为加粗 */
}

.ai-title-3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%; /* 占据左半部分 */
    height: 45%; /* 占据上半部分 */
    font-weight: bold;
    color: white;
    font-size: 50px; /* 可根据需要调整字体大小 */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
}


.ai-describe-3 {
    position: absolute;
    top: 0;
    left: 30px;
    width: 45%; /* 占据左半部分 */
    height: 80%; /* 占据下半部分 */
    font-weight: bold;
    color: white;
    font-size: 24px; /* 可根据需要调整字体大小 */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover {
    background-color: white !important; /* 浅蓝色背景 */
    color: black !important; /* 确保文字颜色不变 */
}

/*    AI金融样式*/

/* 使用CSS变量来控制重复的样式 */
:root {
    --product-item-width-default: 10%;
    --product-item-width-hover: 100%;
    --product-item-width-not-hover: 25%;
    --product-item-width-small: 50%;
    --transition-duration: 0.3s;
    --product-details-bg-color: rgba(236, 231, 231, 0.53);
    --text-color: #fff;
    --text-hover-color: #000;
}

/* 容器样式 */
.product-container {
    height: 600px;
    display: flex;
    overflow-x: hidden;
    gap: 5px;
    transition: all var(--transition-duration) ease;
    padding: 20px 0;
    justify-content: flex-start;
}

/* 通用的产品项样式 */
.product-item,
.product-item2 {
    width: var(--product-item-width-default);
    transition: width 0.5s ease, transform var(--transition-duration) ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* 鼠标悬停时的效果 */
.product-item:hover,
.product-item2:hover {
    width: var(--product-item-width-hover);
    opacity: 1;
}

/* 鼠标悬停时的非目标项效果 */
.product-container .product-item:not(:hover),
.product-container .product-item2:not(:hover) {
    width: var(--product-item-width-not-hover);
}

/* 每个项的内容 */
.product-item .product-image,
.product-item2 .product-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.product-item .product-image img,
.product-item2 .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-duration) ease;
}

/* 文字内容样式 */
.product-item .product-details,
.product-item2 .product-details {
    padding: 10px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background-color: var(--product-details-bg-color);
    color: var(--text-color);
    text-align: left;
    padding: 20px;
    transition: all var(--transition-duration) ease;
}

/* 显示在未展开时的 h3 标签 */
.product-item h3,
.product-item2 h3 {
    color: var(--text-color);
    text-align: center;
    display: block;
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 默认情况下隐藏其他内容 */
.product-item .product-details p,
.product-item .product-details h4,
.product-item2 .product-details p,
.product-item2 .product-details h4 {
    display: none;
    color: white;
}

/* 鼠标悬停时显示所有内容 */
.product-item:hover .product-details p,
.product-item:hover .product-details h4,
.product-item2:hover .product-details p,
.product-item2:hover .product-details h4 {
    display: block;
}

/* 为了避免遮挡，设定第一个元素的宽度为100% */
.product-item:first-child,
.product-item2:first-child {
    width: var(--product-item-width-hover);
}

/* 响应式处理，屏幕较小时每个项的宽度改为100% */
@media (max-width: 992px) {

    .page3-openDiv-secondImg1 {
        width: 80%; /* 固定宽度 */
        height: 100px; /* 固定高度 */
        margin-bottom: 20px; /* 可根据需要调整 */
    }

    .page3-openDiv-secondImg2 {
        width: 40%; /* 固定宽度 */
        height: 100px; /* 固定高度 */
        margin-bottom: 20px; /* 可根据需要调整 */
    }

    /* 容器样式调整 */
    .product-container {
        flex-direction: column; /* 改为纵向排列 */
        height: auto; /* 取消固定高度 */
        /*padding: 10px; !* 缩小内边距 *!*/
    }

    /* 产品项样式调整 */
    .product-item,
    .product-item2 {
        width: 100%; /* 每个产品项占满宽度 */
        height: 300px; /* 调整高度以适应屏幕 */
        margin-bottom: 10px; /* 增加间距 */
    }

    /* 图片样式调整 */
    .product-item ,
    .product-item2  {
        height: 70%; /* 图片高度调整为 70% */
    }

    .product-item .product-image img,
    .product-item2 .product-image img {
        object-fit: cover; /* 保持图片比例 */
    }

    /* 产品详情样式调整 */
    .product-item .product-details,
    .product-item2 .product-details {
        position: relative; /* 取消绝对定位 */
        padding: 10px; /* 缩小内边距 */
        background-color: rgba(255, 255, 255, 0.9); /* 提高背景透明度 */
        color: var(--text-hover-color); /* 调整文字颜色为黑色 */
    }

    /* 标题样式调整 */
    .product-item h3,
    .product-item2 h3 {
        font-size: 25px; /* 缩小字体大小 */
        color: black;
        padding: 10px 0 0 0;
    }


        /* 隐藏其他内容 */
    .product-item .product-details p,
    .product-item .product-details h4,
    .product-item2 .product-details p,
    .product-item2 .product-details h4 {
        display: block; /* 手机端始终显示内容 */
        color: black;
    }

    /* 鼠标悬停效果调整（无效） */
    .product-item:hover,
    .product-item2:hover {
        width: 100%; /* 保持宽度不变 */
    }

    /* 第一个产品项宽度调整 */
    .product-item:first-child,
    .product-item2:first-child {
        width: 100%; /* 与其他产品项一致 */
    }
    .product-container .product-item:not(:hover),
    .product-container .product-item2:not(:hover) {
        width: var(--product-item-width-hover);
    }

}


/* Ai文旅*/

/* 自定义容器样式，使用类选择器 */
.custom-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 10px;
    /*gap: 20px; !* 添加间距，避免内容过于拥挤 *!*/
}


/* 文字部分样式 */
.custom-text-section {
    padding: 50px 50px;
    background-color: #f7f9fa;
    width: 50%;
    color: #333;
    line-height: 1.6;
    height: 600px;
    font-weight: bold;

}

/* 标题样式 */
.custom-text-section h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    color: black; /* 设置标题颜色 */
}

/* 段落样式 */
.custom-text-section p {
    font-size: 16px;
    margin-bottom: 20px;
    color: #555; /* 设置段落文字颜色 */
    line-height: 1.6;
}

/* 图片部分样式 */
.custom-image-section {
    width: 50%;
    display: flex;
    /*justify-content: center;*/
    /*align-items: center;*/
}


/* 图片样式 */
.custom-image-section img {
    width: 100%;
    height: 600px;
}


/* 在小屏幕设备上，图片和文字堆叠显示 */
@media (max-width: 992px) {

    .custom-text-section h3 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
        color: black; /* 设置标题颜色 */
    }

    .custom-container {
        flex-direction: column; /* 垂直堆叠 */
        align-items: center;
        height: 800px;
    }

    .custom-text-section{
        width: 100%; /* 每个部分都占满父容器 */
        /*margin-bottom: 20px;*/
        height: 800px;
    }

    .custom-image-section {
        display: none;
    }

}

/* AI营销*/

/* 设置背景容器 */
.custom-content {
    background-size: cover;
    background-position: center;
    padding: 20px 0;
    height: 700px;
}

/* 包裹左右两块的容器 */
.custom-content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /*max-width: 1200px;*/
    gap: 20px;
    padding: 50px 200px;

}

/* 左右两块的样式 */
.custom-section {

    background: linear-gradient(to right, #a72068, #263b9e);
    padding: 40px;
    width: 45%;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* 添加阴影 */
    border-radius: 8px; /* 圆角 */
}

/* 标题样式 */
.custom-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: white;
    text-align: center;

}

/* 内容部分 */
.custom-details h3 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    color: white; /* 标题颜色 */
}

.custom-details p {
    font-size: 16px;
    line-height: 1.6;
    color: white; /* 段落文字颜色 */
    font-weight: bold;
}

/* 在小屏幕设备上，改为上下排列 */
@media (max-width: 768px) {
    .custom-content-wrapper {
        flex-direction: column;
        gap: 10px;
    }

    .custom-section {
        width: 100%; /* 占满屏幕宽度 */
    }
}


/* AI教育*/

.styled-container {
    padding: 20px; /* 内边距 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    margin: 20px auto; /* 居中显示 */
    font-family: Arial, sans-serif; /* 字体样式 */
    height: auto;
    background-image: url("/images/home/ai/7-1.jpg.webp");
    overflow: hidden; /* 超出的内容隐藏 */
    position: relative; /* 使子元素的定位基于父容器 */
}

.styled-content h3 {
    font-size: 28px;
    font-weight: bold;
    color: white; /* 深灰色字体 */
    text-align: center; /* 标题居中 */
    margin-bottom: 10px; /* 下方间距 */
}

.styled-row {
    display: flex;
    justify-content: space-between; /* 在行中均匀分布两列 */
    gap: 20px; /* 每列之间的间距 */
    margin-bottom: 20px; /* 每行之间的间距 */
}

.styled-row p {
    flex: 1; /* 每列宽度相等 */
    margin: 0; /* 清除默认外边距 */
    padding: 10px; /* 内边距 */
    background-color: rgba(255, 255, 255, 0.7);
/ border: 1 px solid #eaeaea; /* 边框颜色 */
    border-radius: 8px; /* 圆角 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 卡片阴影 */
}

.styled-title {
    font-size: 18px;
    font-weight: bold;
    color: #333; /* 标题深灰色 */
    margin-bottom: 5px; /* 标题与内容的间距 */
    display: block; /* 强制换行，独占一行 */
}

.styled-description {
    font-size: 16px;
    font-weight: normal;
    color: #555; /* 描述文字颜色 */
    line-height: 1.6; /* 行高 */
}

@media (max-width: 992px) {
    .styled-container {
        padding: 10px; /* 减少内边距 */
        margin: 10px; /* 减少外边距 */
        height: auto; /* 高度自动适应内容 */
        background-size: cover; /* 确保背景图片适应屏幕 */
        background-position: center; /* 背景居中 */
    }

    .styled-content h3 {
        font-size: 20px; /* 缩小标题字体 */
        margin-bottom: 15px; /* 减少标题下方间距 */
    }

    .styled-row {
        flex-direction: column; /* 改为纵向排列 */
        gap: 10px; /* 减少列间距 */
    }

    .styled-row p {
        margin-bottom: 10px; /* 每行之间增加间距 */
        padding: 8px; /* 减少内边距 */
        font-size: 14px; /* 缩小字体 */
        background-color: rgba(255, 255, 255, 0.9); /* 增加透明度 */
        box-shadow: none; /* 移除阴影，减少视觉干扰 */
    }

    .styled-title {
        font-size: 16px; /* 缩小标题字体 */
        color: #000; /* 标题颜色变为黑色以提高对比度 */
    }

    .styled-description {
        font-size: 14px; /* 缩小描述字体 */
        line-height: 1.4; /* 减小行高 */
        color: #666; /* 调整文字颜色为中灰色 */
    }
}



/*AI办公*/
.col-ai2 {
    width: 16.66%;
}

.bg-image {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 610px; /* 可根据需要调整高度 */
}

.ai-top-left-2 {
    position: absolute;
    top: 20px;
    left: 20px;
    font-weight: bold;
    color: white;
    font-size: 24px; /* 可根据需要调整字体大小 */
}

.ai-bottom-center-2 {
    position: absolute;
    top: 400px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    color: white;
    font-size: 16px; /* 可根据需要调整字体大小 */
}


@media (max-width: 992px) {

    .feature-item-4 {
        flex-basis: 25%;
        /*margin: 0px 10px;*/
        padding: 40px 40px;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .bg-image {
        height: 180px; /* 桌面适配 */
        width: 100%;
    }

    .col-ai2 {
        width: 100%;
        height: auto;
        flex-basis: 100%;
        /*margin: 0px 10px;*/
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ai-top-left-2 {
        top: 10px;
        left: 20px;
        color: white;
        font-size: 20px; /* 可根据需要调整字体大小 */
    }

    .ai-bottom-center-2 {
        position: absolute;
        top: 70px;
        bottom: 10px;
        left: 50%;
        font-weight: bold;
        color: white;
        font-size: 15px; /* 可根据需要调整字体大小 */
    }
}

/* ai新闻*/
/* [AI 注释] 已删除老站遗留的 #news-container{display:grid;grid-template-columns:repeat(2,1fr)}。
   这条 ID 选择器权重(1,0,0) 高于首页的 .soin-home-news-grid(0,1,0)，把首页新闻压成 2 列、
   第三张单独换行；gap/margin-bottom 也一并压掉了。首页列数改由 .soin-home-news-grid 决定，
   新闻列表页由 .news #news-container 的 flex 规则决定。依据老板指令（2026-10-23：首页新闻一行显示三个）。 */


/* 每个新闻项的样式 */
.news-item {
    background-color: #f4f4f4;
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.scrollable-image-container {
    width: 80%;
    margin: 20px auto;
    overflow-x: auto;
    overflow-y: hidden;
    direction: rtl;
    text-align: center;
}

.scrollable-image {
    display: inline-block;
    width: 320%;
    object-fit: cover;
    direction: ltr;
    max-width: none;
}

.scrollable-image::-webkit-scrollbar {
    height: 8px;
}

.scrollable-image::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollable-image::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.scrollable-image::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.news-item img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    /*height: auto;*/
}

.news-item div {
    margin: 15px ;
    font-size: 28px;
    /*font-weight: bold;*/


}

.news-item div a {
    text-decoration: none;
    color: #007bff;

}

.ai-3 {
    height: 100px;
    margin:10px 0;
    padding: 20px 20px;
    color: white;text-align: center;
}

@media (max-width: 992px) {
    .ai-3 {
        height: 200px;
        margin:10px 0;
        padding: 20px 20px;
        color: white;text-align: center;
    }

    /* [AI 注释] 同上的老站遗留 #news-container 单列规则一并删除（2026-10-23）。 */


    /* 每个新闻项的样式 */
    .news-item {
        background-color: #f4f4f4;
        border: 1px solid #eaeaea;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
        overflow: hidden;
    }

    .news-item img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .news-item div {
        margin: 15px ;
        font-size: 20px;
        /*font-weight: bold;*/


    }

    .news-item div a {
        text-decoration: none;
        color: #007bff;

    }
}

.ai-subheading{
    font-size: 38px;
}

.ai-subtext{
    font-size: 22px;
}
@media (max-width: 992px) {
    .ai-subtext{
        font-size: 14px;
    }
    .ai-subheading{
        font-size: 25px;
    }
}

.ai-3-img img{
    height: 350px;
}
.ai-3-text{
    height: 350px;
    padding: 20px
}
.ai-3-container{
    height: 350px;
}
@media (max-width: 992px) {
    .ai-3-text{
        height: 520px;

    }
    .ai-3-img img{
        height: 0;
    }
    .ai-3-container{
        height: 500px;
    }
}

/* 自定义样式，设置下拉菜单为两列布局 */
.dropdown-menu-columns {

    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    position: absolute;
}

html {
    scroll-behavior: smooth;
}

/* Sointech editorial refresh: retain the established blue identity. */
:root {
    --soin-blue: #006ee9;
    --soin-ink: #14243b;
    --soin-muted: #64748b;
    --soin-line: rgba(19, 47, 83, .1);
    --soin-surface: #f4f7fb;
    --soin-shadow: 0 18px 48px rgba(16, 42, 78, .10);
}
body { color: var(--soin-ink); background: #fff; font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; letter-spacing: .005em; }
::selection { color: #fff; background: var(--soin-blue); }
a { transition: color .22s ease, background-color .22s ease, transform .22s ease, box-shadow .22s ease; }
.section { padding: clamp(64px, 8vw, 112px) 0; }
.container { max-width: 1200px; }
h1,h2,h3,h4,h5,h6,.text-title { color: var(--soin-ink); letter-spacing: -.035em; }
.text-title { font-weight: 700; }
.divider,.divider-white { width: 44px; height: 3px; border-radius: 99px; background: var(--soin-blue); }

/* Header and layered navigation */
header { position: relative; z-index: 1000; }
.navigation { min-height: 82px; padding: 12px 0; background: rgba(255,255,255,.94); border-bottom: 1px solid rgba(19,47,83,.07); box-shadow: 0 8px 28px rgba(18,43,75,.045); backdrop-filter: blur(16px); }
.navbar-brand img { width: auto; max-width: 158px; max-height: 52px; object-fit: contain; }
.navbar-nav { align-items: center; gap: 4px; }
.navigation .nav-link { padding: 12px 15px !important; color: #33445d; font-size: 14px; font-weight: 600; border-radius: 10px; }
.navigation .nav-link:hover,.navigation .nav-link.active,.navigation .show>.nav-link { color: var(--soin-blue); background: rgba(0,110,233,.065); }
/* [AI 注释] 排除 soin-mega-menu：其 drop-in 动画 fill-mode 会把 transform 锁死在 translateY(0)，
   覆盖全宽面板的 translate(-50%) 居中（动画优先级高于普通声明）。2026-10-23 依据老板指令修复。 */
.navigation .dropdown-menu:not(.soin-mega-menu) { min-width: 220px; padding: 10px; border: 1px solid rgba(19,47,83,.08); border-radius: 16px; box-shadow: var(--soin-shadow); animation: soin-drop-in .18s ease both; }
.navigation .dropdown-item { padding: 11px 13px; color: #33445d; font-size: 14px; border-radius: 9px; }
.navigation .dropdown-item:hover,.navigation .dropdown-item:focus { color: var(--soin-blue); background: #f1f6fd; transform: translateX(3px); }
@keyframes soin-drop-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }

/* Rich, restrained surfaces and image treatments */
.bg-2 { background-color: var(--soin-surface); background-image: radial-gradient(ellipse at 12% 14%, rgba(0,110,233,.055), transparent 36%), linear-gradient(135deg, rgba(255,255,255,.55), transparent 52%), repeating-linear-gradient(135deg, rgba(21,54,91,.018) 0, rgba(21,54,91,.018) 1px, transparent 1px, transparent 9px); }
.index-page-title-2 { position: relative; overflow: hidden; background-color: #122d50; background-image: radial-gradient(ellipse at 78% 8%, rgba(67,154,255,.32), transparent 38%), linear-gradient(112deg, rgba(8,27,52,.82), rgba(6,49,100,.40)); }
.index-page-title-2:after { position: absolute; inset: 0; content: ""; pointer-events: none; background: repeating-linear-gradient(132deg, transparent 0 55px, rgba(255,255,255,.035) 56px 57px, transparent 58px 112px); }
.index-page-title-2>.container { position: relative; z-index: 1; }
.feature-item-4,.product-card,.news-item,.card { border: 1px solid var(--soin-line) !important; border-radius: 18px !important; overflow: hidden; box-shadow: 0 8px 28px rgba(19,47,83,.055); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
.feature-item-4:hover,.product-card:hover,.news-item:hover,.card:hover { transform: translateY(-6px); border-color: rgba(0,110,233,.22) !important; box-shadow: var(--soin-shadow); }
.feature-item-4 { padding: 28px; }
.feature-icon img { max-height: 68px; object-fit: contain; }
.product-card .card-body { padding: 28px 22px; }
.product-card .card-title { font-weight: 650; line-height: 1.5; }
.btn { border-radius: 999px; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.btn-main { box-shadow: 0 8px 20px rgba(0,110,233,.19); }
.btn-main:hover,.btn-main-ai:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,110,233,.28); }

/* News list and article */
.company-page-title-1 { padding: 90px 0; min-height: auto; position: relative; overflow: hidden; }
/* [AI 注释] 新闻网格用 flex：满行固定 3 列，最后一行没排满的卡片自动摊开占满整行，不再孤零零留空。依据老板指令（2026-10-23）。 */
#news-container { display: flex; flex-wrap: wrap; gap: 24px; }
#news-container > * { flex: 1 1 calc((100% - 48px) / 3); min-width: 0; }
.news-item { margin: 0 !important; background: #fff; }
.news-item img { display: block; width: 100%; height: 220px !important; margin: 0 !important; object-fit: cover; cursor: pointer; transition: transform .5s ease; }
.news-item:hover img { transform: scale(1.035); }
.news-item>div { margin: 0 !important; padding: 21px 23px 25px; font-size: 13px !important; color: var(--soin-muted); }
.news-item>div div:first-child { margin: 0 0 10px; color: var(--soin-blue); font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.news-item>div div:last-child { margin: 0; font-size: 18px; font-weight: 650; line-height: 1.55; }
.news-item div a { color: var(--soin-ink); }
.news-item div a:hover { color: var(--soin-blue); }
#pagination { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 40px auto 0; color: var(--soin-muted); }
#pagination button { margin: 0; padding: 10px 19px; border: 1px solid var(--soin-line); border-radius: 999px; background: white; color: var(--soin-ink); font-weight: 600; cursor: pointer; line-height: 1.2; }
#pagination button:hover { border-color: var(--soin-blue); background: var(--soin-blue); color: white; }
#pagination #page-number { margin: 0; line-height: 1.2; }
#pagination a.page-link, #pagination span.page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 14px; border: 1px solid var(--soin-line); border-radius: 999px; background: #fff; color: var(--soin-ink); font-weight: 600; line-height: 1.2; text-decoration: none; box-sizing: border-box; }
#pagination a.page-link:hover { border-color: var(--soin-blue); background: var(--soin-blue); color: #fff; }
#pagination span.page-link.active { background: var(--soin-blue); border-color: var(--soin-blue); color: #fff; font-weight: 700; cursor: default; }
#pagination .page-dots { padding: 0 4px; color: var(--soin-muted); }
.news-search { display: flex; align-items: center; gap: 10px; margin: 0; }
.soin-list-heading-with-search { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; flex-wrap: wrap; }
.soin-list-heading-with-search .news-search { flex: 0 0 auto; width: auto; max-width: 400px; margin-bottom: 8px; }
.news-search input { flex: 1; height: 46px; padding: 0 18px; border: 1px solid var(--soin-line); border-radius: 999px; background: #fff; font-size: 15px; color: var(--soin-ink); outline: none; min-width: 0; }
.news-search input:focus { border-color: var(--soin-blue); box-shadow: 0 0 0 4px rgba(0,110,233,.1); }
.news-search button { height: 46px; padding: 0 26px; border: 0; border-radius: 999px; background: var(--soin-blue); color: #fff; font-weight: 600; cursor: pointer; }
.news-search button:hover { background: #0057c4; }
.news-search-clear { color: var(--soin-muted); text-decoration: none; font-size: 14px; white-space: nowrap; }
.news-search-clear:hover { color: var(--soin-blue); }
.news-empty { text-align: center; color: var(--soin-muted); padding: 60px 0; font-size: 16px; }
.rich-content { color: #40516a !important; font-size: 17px !important; line-height: 1.95 !important; }
.rich-content h1,.rich-content h2,.rich-content h3 { color: var(--soin-ink); }
.rich-content blockquote { border-color: var(--soin-blue); background: #f3f7fd; padding: 16px 20px; border-radius: 0 12px 12px 0; }

/* Forms, dialogs, and focus states */
.modal-content { overflow: hidden; border: 1px solid rgba(19,47,83,.08); border-radius: 20px; box-shadow: 0 28px 80px rgba(11,31,58,.25); }
.modal-header,.modal-footer { border-color: var(--soin-line); }
.modal-backdrop.show { opacity: .48; backdrop-filter: blur(3px); }
.form-control { min-height: 48px; border: 1px solid #dce4ef; border-radius: 10px; }
.form-control:focus { border-color: var(--soin-blue); box-shadow: 0 0 0 4px rgba(0,110,233,.1); }
:focus-visible { outline: 3px solid rgba(0,110,233,.35); outline-offset: 3px; }

@media (max-width: 991.98px) {
 .navigation { min-height: 70px; }
 .navbar-toggler { padding: 9px 11px; border: 1px solid var(--soin-line); border-radius: 10px; color: var(--soin-ink); }
 .navbar-collapse { margin-top: 12px; padding: 12px; border: 1px solid var(--soin-line); border-radius: 16px; background: #fff; box-shadow: var(--soin-shadow); }
 .navbar-nav { align-items: stretch; gap: 2px; }
 .navigation .dropdown-menu { position: static; float: none; border: 0; box-shadow: none; background: #f6f8fb; animation: none; }
}
@media (max-width: 575.98px) {
 .section { padding: 54px 0; }
 h2,.h2 { font-size: clamp(28px,8vw,36px); }
 .navbar-brand img { max-width: 132px; max-height: 44px; }
 .news-item img { height: 210px !important; }
 .news-item>div { padding: 18px 19px 21px; }
 .product-card .card-body { padding: 23px 18px; }
 .index-page-title-2 { background-position: center; }
 .index-p-2-ai { font-size: clamp(30px,9vw,44px); }
 #pagination { gap: 8px; font-size: 13px; }
 .soin-list-heading-with-search { flex-direction: column; align-items: stretch; gap: 18px; }
 .soin-list-heading-with-search .news-search { max-width: 100%; width: 100%; margin-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* Sointech premium layout system */
:root { --soin-ink:#102943; --soin-muted:#66788a; --soin-blue:#006ee9; --soin-border:#e5ebf1; --soin-paper:#fff; --soin-soft:#f5f7f9; }
body { color:var(--soin-ink); font-family:Inter,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif; -webkit-font-smoothing:antialiased; }
.container { width:min(100% - 64px,1280px); max-width:1280px; }
.section { padding:clamp(72px,9vw,128px) 0; }

/* A cinematic, image-led opening with clear editorial hierarchy. */
.soin-hero { color:#fff; background:#0a2039; }
.soin-hero .carousel-item { min-height:clamp(720px,92vh,940px); }
.soin-hero-slide { position:relative; display:flex; align-items:center; min-height:clamp(720px,92vh,940px); padding:130px 0 290px; background-color:#0c2746; background-size:cover; background-position:center; isolation:isolate; }
.soin-hero-copy { max-width:720px; padding:24px 0; }
.soin-eyebrow,.soin-section-kicker { display:flex; align-items:center; gap:11px; color:#83b9f3; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.soin-eyebrow span { width:26px; height:1px; background:#83b9f3; }
.soin-hero-copy h1 { max-width:780px; margin:27px 0 20px; color:#fff; font-size:clamp(42px,6.1vw,76px); font-weight:600; line-height:1.14; letter-spacing:-.045em; }
.soin-hero-copy p { max-width:610px; margin:0; color:rgba(255,255,255,.77); font-size:clamp(16px,1.6vw,19px); line-height:1.9; }
.soin-hero-cta { display:inline-flex; align-items:center; gap:46px; margin-top:38px; padding:15px 21px; border:1px solid rgba(255,255,255,.47); border-radius:2px; color:#fff; font-size:13px; font-weight:600; letter-spacing:.03em; }
.soin-hero-cta:hover { border-color:#fff; background:#fff; color:#12385f; }
.soin-hero-cta span { font-size:18px; }
.soin-hero-index { position:absolute; right:max(32px,calc((100vw - 1280px)/2)); bottom:240px; color:#fff; font-size:22px; font-variant-numeric:tabular-nums; }
.soin-hero-index span { padding:0 9px; color:rgba(255,255,255,.45); font-size:13px; }
.soin-hero-controls { position:absolute; right:max(32px,calc((100vw - 1280px)/2)); bottom:288px; z-index:4; display:flex; gap:8px; }
.soin-hero-controls button { width:42px; height:42px; border:1px solid rgba(255,255,255,.42); border-radius:50%; background:transparent; color:#fff; font-size:18px; transition:background .2s,border-color .2s; }
.soin-hero-controls button:hover { border-color:#fff; background:#fff; color:#12385f; }
.navigation .navbar-nav { flex-wrap:nowrap; gap:0; }
.navigation .nav-link { white-space:nowrap; padding:10px 9px !important; font-size:13px; }
.soin-hero-bottomline { display:none; }

.soin-intro-section { padding:116px 0; background:#fff; }
.soin-intro-grid { display:grid; grid-template-columns:1fr 2.2fr 1.35fr; gap:54px; align-items:start; }
.soin-intro-grid .soin-section-kicker,.soin-section-heading .soin-section-kicker,.soin-list-heading .soin-section-kicker,.soin-article-header .soin-section-kicker { color:var(--soin-blue); }
.soin-intro-copy h2 { margin:0 0 18px; color:var(--soin-ink); font-size:clamp(32px,4vw,50px); font-weight:600; line-height:1.22; letter-spacing:-.04em; }
.soin-intro-copy h3 { margin:0 0 16px; color:#40576e; font-size:20px; font-weight:500; line-height:1.5; }
.soin-intro-body { color:var(--soin-muted); font-size:15px; line-height:1.95; }
.soin-intro-image { position:relative; margin-top:7px; }
.soin-intro-image:before { position:absolute; top:-12px; right:-12px; width:42%; height:42%; border-top:1px solid rgba(0,110,233,.55); border-right:1px solid rgba(0,110,233,.55); content:""; }
.soin-intro-image img { position:relative; display:block; width:100%; min-height:270px; object-fit:cover; }

.soin-products-section { padding:104px 0 116px; background:#f4f7fa; background-image:radial-gradient(ellipse at 82% 0%,rgba(0,110,233,.07),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.72),transparent 50%); }
.soin-section-heading { display:flex; justify-content:space-between; align-items:end; gap:32px; margin-bottom:42px; }
.soin-section-heading h2 { margin:15px 0 0; color:var(--soin-ink); font-size:clamp(34px,4vw,48px); font-weight:600; line-height:1.2; letter-spacing:-.04em; }
.soin-section-heading>p { max-width:400px; margin:0 0 4px; color:var(--soin-muted); font-size:14px; line-height:1.8; }
.soin-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #dce4ec; border-left:1px solid #dce4ec; }
.soin-product-card { position:relative; display:flex; min-height:325px; flex-direction:column; padding:25px 25px 23px; border-right:1px solid #dce4ec; border-bottom:1px solid #dce4ec; background:rgba(255,255,255,.62); color:var(--soin-ink); transition:background .28s,color .28s,transform .28s; }
.soin-product-card:hover { z-index:1; transform:translateY(-4px); background:#fff; color:var(--soin-ink); box-shadow:0 18px 45px rgba(20,47,77,.1); }
.soin-product-card-top { display:flex; justify-content:space-between; color:#8292a1; font-size:11px; letter-spacing:.12em; }
.soin-card-arrow { color:#8292a1; font-size:19px; transition:transform .2s,color .2s; }
.soin-product-card:hover .soin-card-arrow { transform:translate(3px,-3px); color:var(--soin-blue); }
.soin-product-icon { position:relative; display:block; width:100%; aspect-ratio:16/9; margin:0 0 20px; border-radius:10px; background:linear-gradient(130deg,#122f4d,#1b4971 58%,#0e2845); overflow:hidden; }
.soin-product-icon img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.soin-product-card:hover .soin-product-icon img { transform:scale(1.04); }
.soin-product-icon-fallback { display:flex; height:100%; align-items:center; justify-content:center; color:rgba(255,255,255,.72); font-size:11px; font-weight:700; letter-spacing:.18em; }
.soin-product-card h3 { margin:0 0 11px; color:var(--soin-ink); font-size:18px; font-weight:650; line-height:1.45; }
.soin-product-card p { display:-webkit-box; overflow:hidden; margin:0; color:var(--soin-muted); font-size:13px; line-height:1.8; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.soin-product-link { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:22px; color:var(--soin-blue); font-size:12px; font-weight:650; }

.soin-news-section { padding:108px 0 120px; background:#fff; }
.soin-text-link { display:inline-flex; align-items:center; gap:18px; padding-bottom:7px; border-bottom:1px solid #a9b8c7; color:var(--soin-ink); font-size:13px; font-weight:600; }
.soin-text-link:hover { gap:24px; border-color:var(--soin-blue); color:var(--soin-blue); }
/* [AI 注释] 首页新闻固定一行三个；列数用 !important 锁死，防止再被 #news-container 之类的 ID 规则压回去（2026-10-23 老板指令）。 */
.soin-home-news-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:28px !important; margin:0 !important; }
.soin-news-card { min-width:0; padding-bottom:4px; border-bottom:1px solid var(--soin-border); }
.news #news-container > .soin-news-card:nth-last-child(-n+3) { border-bottom:0; }
.soin-home-news-grid > .soin-news-card:nth-last-child(-n+3) { border-bottom:0; }
.soin-news-image { position:relative; display:block; overflow:hidden; margin-bottom:18px; background:#edf2f7; aspect-ratio:1.58; }
.soin-news-image.image-failed { background:radial-gradient(circle at 78% 28%,rgba(65,139,211,.22),transparent 30%),linear-gradient(130deg,#122f4d,#1b4971 58%,#0e2845); }
.soin-news-image.image-failed:before { position:absolute; inset:auto 20px 18px; content:"SOINTECH  /  INSIGHTS"; color:rgba(255,255,255,.72); font-size:10px; font-weight:700; letter-spacing:.18em; }
.soin-news-image.image-failed img { opacity:0; }
.soin-news-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.soin-news-image:hover img { transform:scale(1.035); }
.soin-news-image>span { position:absolute; right:13px; bottom:13px; display:grid; width:35px; height:35px; place-items:center; background:#fff; color:var(--soin-blue); }
.soin-news-meta { display:flex; align-items:center; gap:14px; color:#8291a0; font-size:10px; letter-spacing:.04em; }
.soin-news-meta>span { color:var(--soin-blue); font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.soin-news-time { margin-left:auto; }
.soin-news-views { color:#9aa8b6; }
.soin-news-card h3 { margin:12px 0 16px; color:var(--soin-ink); font-size:17px; font-weight:600; line-height:1.6; min-height:4.8em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.soin-news-card h3 a { color:inherit; }
.soin-news-card h3 a:hover { color:var(--soin-blue); }
.soin-news-card h3 a { color:inherit; }
.soin-news-card h3 a:hover { color:var(--soin-blue); }
.soin-news-card h2 { margin:12px 0 16px; color:var(--soin-ink); font-size:17px; font-weight:600; line-height:1.6; min-height:4.8em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.soin-news-card h2 a { color:inherit; }
.soin-news-card h2 a:hover { color:var(--soin-blue); }
.news #news-container { gap: 30px; margin-top: 0; }
.news #news-container > * { flex-basis: calc((100% - 60px) / 3); }
.news .soin-news-card { margin:0; }

.soin-list-heading { position:relative; margin:0 0 58px; padding:32px 0 28px; border-bottom:1px solid var(--soin-border); }
.soin-list-heading h1 { max-width:850px; margin:18px 0 10px; color:var(--soin-ink); font-size:clamp(40px,5.5vw,64px); font-weight:600; line-height:1.14; letter-spacing:-.045em; }
.soin-list-heading p { margin:12px 0 0; color:var(--soin-muted); font-size:16px; }
.soin-list-heading-compact { display:flex; min-height:120px; flex-direction:column; justify-content:center; margin-bottom:34px; padding:0 0 24px; }
.soin-list-heading-compact h1 { margin:14px 0 0; font-size:clamp(34px,4vw,48px); }
.soin-category-icon { position:absolute; right:16px; bottom:24px; max-width:72px; max-height:72px; object-fit:contain; }
.soin-list-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--soin-border); border-left:1px solid var(--soin-border); }
.soin-list-product-card { display:flex; min-height:220px; flex-direction:column; padding:27px 28px 23px; border-right:1px solid var(--soin-border); border-bottom:1px solid var(--soin-border); background:#fff; color:var(--soin-ink); box-shadow:none; }
.soin-list-product-card:hover { transform:translateY(-3px); background:#f8fbfe; color:var(--soin-ink); box-shadow:0 14px 34px rgba(16,41,67,.07); }
.soin-list-product-index { color:#88a0b5; font-size:10px; letter-spacing:.13em; }
.soin-list-product-card h2 { margin:30px 0 9px; color:var(--soin-ink); font-size:18px; font-weight:650; line-height:1.45; }
.soin-list-product-card p { margin:0; color:var(--soin-muted); font-size:13px !important; line-height:1.8; }
.soin-list-product-card .soin-product-link { width:100%; padding-top:20px; }

.soin-article-header { margin:20px 0 36px; padding-bottom:28px; border-bottom:1px solid var(--soin-border); }
.soin-article-header h1 { margin:18px 0 18px; color:var(--soin-ink); font-size:clamp(32px,4.4vw,52px) !important; font-weight:600; line-height:1.3; letter-spacing:-.035em; }
.soin-article-header time { color:#8291a0; font-size:13px; }
.soin-article-content { margin:0; color:#415367 !important; font-size:16px !important; line-height:2 !important; }
.soin-article-content h2 { margin-top:2em; font-size:28px; }
.soin-article-content img { display:block; max-width:100%; height:auto; margin:32px auto; }

@media (max-width:1050px) {
 .soin-intro-grid { grid-template-columns:1fr 2fr; gap:28px 38px; }
 .soin-intro-grid>.soin-section-kicker { grid-column:1/-1; }
 .soin-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .soin-home-news-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:24px !important; }
}
@media (max-width:767.98px) {
 .container { width:min(100% - 36px,1280px); }
 .soin-hero .carousel-item,.soin-hero-slide { min-height:600px; }
 .soin-hero-slide { align-items:flex-end; padding:120px 0 140px; background-position:58% center; }
 .soin-hero-copy { padding:0; }
 .soin-hero-copy h1 { margin:20px 0 14px; font-size:clamp(38px,11vw,54px); }
 .soin-hero-copy p { max-width:520px; font-size:15px; }
 .soin-hero-cta { margin-top:27px; }
 .soin-hero-controls { right:18px; bottom:96px; }
 .soin-hero-index { right:20px; bottom:48px; font-size:17px; }
 .soin-intro-section,.soin-products-section,.soin-news-section { padding:68px 0 76px; }
 .soin-intro-grid { display:flex; flex-direction:column; gap:24px; }
 .soin-intro-copy h2 { font-size:36px; }
 .soin-intro-image { width:calc(100% - 12px); margin:8px 12px 0 0; }
 .soin-section-heading { align-items:flex-start; flex-direction:column; gap:18px; margin-bottom:27px; }
 .soin-section-heading h2 { font-size:36px; }
 .soin-product-grid { grid-template-columns:1fr; }
 .soin-list-products { grid-template-columns:1fr; }
 .soin-product-card { min-height:270px; }
 .soin-home-news-grid { grid-template-columns:1fr !important; gap:26px; }
 .news #news-container { gap: 26px; }
 .news #news-container > * { flex-basis: 100%; }
 .soin-news-image { aspect-ratio:1.7; }
 .soin-list-heading { margin-bottom:34px; padding:18px 0 23px; }
 .soin-list-heading h1 { font-size:39px; }
 .soin-list-heading-compact { min-height:auto; }
 .soin-category-icon { right:0; max-width:50px; max-height:50px; }
 .soin-article-header h1 { font-size:32px !important; }
}
@media (prefers-reduced-motion:reduce) { .soin-product-card,.soin-news-image img,.soin-hero-cta { transition:none !important; } }

/* DeepZero-inspired enterprise navigation and solution discovery. */
.navigation .navbar-nav { flex-wrap:nowrap; gap:0; }
.navigation .nav-link { white-space:nowrap; padding:10px 9px !important; font-size:13px; }
/* [AI 注释] 旧版小卡片 mega menu 样式已删除（2026-10-23 依据老板指令统一为全宽横向面板，旧规则与新版冲突导致下拉闪没）。 */
.soin-nav-cta { display:inline-flex; flex:0 0 auto; align-items:center; gap:20px; margin-left:13px; padding:12px 17px; background:#0768cc; color:white; font-size:12px; font-weight:650; white-space:nowrap; }
.soin-nav-cta:hover { background:#0057ad; color:#fff; }
.soin-products-section .soin-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.soin-solution-filters { display:flex; flex-wrap:wrap; gap:8px; margin:-12px 0 30px; }
.soin-solution-filters button { padding:9px 15px; border:1px solid #dce4ec; border-radius:2px; background:transparent; color:#53677c; font-size:12px; cursor:pointer; transition:background .2s,color .2s,border .2s; }
.soin-solution-filters button:hover,.soin-solution-filters button.active { border-color:#176fbe; background:#176fbe; color:#fff; }
.soin-product-card.is-filtered-out { display:none; }
.soin-product-icon-fallback { background:linear-gradient(130deg,#122f4d,#1b4971 58%,#0e2845); }
.soin-catalog-footer { display:flex; justify-content:flex-end; padding-top:24px; }
@media (max-width:1050px) { .soin-nav-cta { display:none; } }
@media (max-width:767.98px) { .soin-products-section .soin-product-grid { grid-template-columns:1fr; } }
.footer-bg { position:relative; overflow:hidden; padding:86px 0 28px; background:#0d2238; background-image:radial-gradient(ellipse at 84% 12%,rgba(33,111,181,.18),transparent 34%),linear-gradient(135deg,transparent 0 72%,rgba(255,255,255,.025) 72.1% 72.3%,transparent 72.4%); }
.footer-bg .container { position:relative; z-index:1; }
.footer-bg .widget h4 { margin-bottom:20px !important; color:#fff; font-size:13px; font-weight:650; letter-spacing:.04em; }
.footer-bg .footer-menu a,.footer-bg .footer-text-color { color:rgba(232,240,248,.68); font-size:12px; line-height:2; }
.footer-bg .footer-menu a:hover,.footer-bg .footer-a:hover { color:#fff; }
.footer-bg .footer-contact-block a { color:rgba(255,255,255,.82); font-size:13px; }
.footer-bg .qrcode-soin { width:120px !important; height:120px !important; padding:6px; background:#fff; object-fit:contain; }
.footer-bg .footer-btm { margin-top:54px !important; padding-top:19px; border-top:1px solid rgba(255,255,255,.14); }
.footer-bg .footer-btm span,.footer-bg .footer-btm a { color:rgba(232,240,248,.52); font-size:10px; }
.footer-bg .footer-btm a:hover { color:#fff; }
.soin-products-section .soin-section-heading h2 { max-width:720px; }
.soin-product-card { min-height:310px; border-radius:0 !important; box-shadow:none !important; }
.soin-product-card:hover { transform:translateY(-3px); box-shadow:0 16px 36px rgba(19,47,83,.1) !important; }
.soin-products-section .soin-solution-filters button { border-radius:99px; padding:10px 18px; }
@media (max-width:767.98px) { .footer-bg { padding:64px 0 22px; } .soin-product-card { min-height:280px; } .soin-products-section .soin-solution-filters { gap:7px; } .soin-products-section .soin-solution-filters button { padding:8px 12px; } }

/* Enterprise homepage additions: proof, recognition, customer ecosystem and scenario discovery. */
.soin-brand-logo { width:auto; max-width:148px; max-height:46px; object-fit:contain; }
.soin-quicklinks-section { position:relative; z-index:5; padding:0 0 96px; background:transparent; }
.soin-quicklinks-card { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; margin-top:-102px; border:1px solid rgba(18,46,76,.1); border-radius:17px; background:#fff; box-shadow:0 24px 65px rgba(13,35,59,.13); }
.soin-quicklink { position:relative; display:flex; min-height:205px; flex-direction:column; padding:32px 36px 30px; color:#102943; transition:background .25s,color .25s; }
.soin-quicklink + .soin-quicklink { border-left:1px solid #e5ebf1; }
.soin-quicklink:hover { background:#f8fbff; color:#102943; }
.soin-quicklink-kicker { margin-bottom:14px; color:#1476d4; font-size:10px; font-weight:700; letter-spacing:.2em; }
.soin-quicklink strong { max-width:90%; margin-bottom:10px; font-size:20px; font-weight:650; line-height:1.4; }
.soin-quicklink-summary { max-width:390px; color:#647589; font-size:13px; line-height:1.85; }
.soin-quicklink-arrow { position:absolute; top:31px; right:34px; display:grid; width:34px; height:34px; place-items:center; border:1px solid #d8e0e8; border-radius:50%; color:#50718e; font-size:17px; transition:transform .2s,color .2s,border-color .2s; }
.soin-quicklink:hover .soin-quicklink-arrow { transform:translate(2px,-2px); border-color:#1674d1; color:#1674d1; }
.soin-section-heading-centered { display:flex !important; flex-direction:column; align-items:center; gap:17px !important; margin:0 auto 52px !important; text-align:center; }
.soin-section-heading-centered > div { width:100%; }
.soin-section-heading-centered .soin-section-kicker { justify-content:center; }
.soin-section-heading-centered h2 { max-width:1000px !important; margin:14px auto 0; font-size:clamp(34px,4.2vw,58px) !important; line-height:1.18 !important; letter-spacing:-.045em; }
.soin-section-heading-centered h2 span { color:#1477e5; }
.soin-section-heading-centered p { max-width:820px; margin:0 auto; color:#5e7186; font-size:15px; line-height:1.9; }
.soin-products-section .soin-section-heading-centered { margin-bottom:42px !important; }
.soin-products-section .soin-solution-filters { justify-content:center; margin:0 0 36px; }
.soin-proof-section { position:relative; overflow:hidden; padding:104px 0 102px; background:#fff; }
.soin-proof-section:before { position:absolute; top:-265px; left:50%; width:880px; height:480px; border-radius:50%; background:radial-gradient(ellipse,rgba(40,126,222,.09),transparent 70%); content:""; transform:translateX(-50%); pointer-events:none; }
.soin-proof-heading { position:relative; max-width:800px; margin:0 auto 50px; text-align:center; }
.soin-proof-heading .soin-section-kicker { justify-content:center; }
.soin-proof-heading h2 { margin:16px 0 12px; color:#0d2035; font-size:clamp(30px,3.6vw,48px); font-weight:650; letter-spacing:-.04em; }
.soin-proof-heading p { max-width:700px; margin:0 auto; color:#667a8d; font-size:15px; line-height:1.8; }
.soin-proof-grid { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:1040px; margin:0 auto; }
.soin-proof-item { display:flex; min-height:130px; flex-direction:column; align-items:center; justify-content:center; gap:9px; padding:15px 22px; text-align:center; }
.soin-proof-item + .soin-proof-item { border-left:1px solid #e4eaf0; }
.soin-proof-item strong { color:#1477e5; font-size:clamp(46px,6vw,74px); font-weight:650; line-height:1; letter-spacing:-.055em; font-variant-numeric:tabular-nums; }
.soin-proof-item strong i { font-size:.46em; font-style:normal; vertical-align:18%; }
.soin-proof-item > span { color:#52677e; font-size:13px; line-height:1.6; }
.soin-scenarios-section { padding:104px 0 112px; background:#f2f5f9; }
.soin-scenario-accordion { display:flex; height:440px; gap:11px; }
.soin-scenario-card { position:relative; display:flex; min-width:78px; flex:1 1 0; overflow:hidden; border:1px solid rgba(255,255,255,.32); border-radius:24px; background:#081b31; color:#fff; cursor:pointer; isolation:isolate; transition:flex .6s cubic-bezier(.2,.75,.25,1),transform .3s,box-shadow .3s; }
.soin-scenario-card:focus-visible { outline:3px solid #1883f3; outline-offset:4px; }
.soin-scenario-card.is-active { flex:6 1 0; box-shadow:0 22px 55px rgba(11,28,48,.2); }
.soin-scenario-visual { position:absolute; z-index:-2; inset:0; overflow:hidden; background:linear-gradient(145deg,#071b32,#0e3e68); }
.soin-scenario-visual:after { position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,13,27,.92),rgba(4,18,35,.08) 78%),linear-gradient(90deg,rgba(2,15,29,.35),transparent 78%); content:""; }
.soin-scenario-visual img { width:100%; height:100%; object-fit:cover; opacity:.8; transition:transform .8s,opacity .5s; }
.soin-scenario-fallback { position:absolute; inset:0; display:grid; place-items:center; background:radial-gradient(circle at 24% 16%,rgba(33,112,192,.4),transparent 60%),linear-gradient(150deg,#06182c,#0d3a61); }
.soin-scenario-fallback:before { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:46px 46px; content:""; -webkit-mask-image:radial-gradient(circle at 50% 44%,#000 38%,transparent 84%); mask-image:radial-gradient(circle at 50% 44%,#000 38%,transparent 84%); }
.soin-scenario-fallback span { position:relative; color:rgba(255,255,255,.14); font-size:clamp(20px,2.2vw,32px); font-weight:650; letter-spacing:.24em; white-space:nowrap; transition:opacity .3s; }
.soin-scenario-card:not(.is-active) .soin-scenario-fallback span { opacity:0; }
.soin-scenario-card:hover .soin-scenario-visual img,.soin-scenario-card.is-active .soin-scenario-visual img { transform:scale(1.04); opacity:.92; }
.soin-scenario-visual-label { position:absolute; top:27px; left:27px; z-index:1; color:rgba(255,255,255,.82); font-size:10px; font-weight:650; letter-spacing:.12em; opacity:0; transition:opacity .3s .12s; }
.soin-scenario-card.is-active .soin-scenario-visual-label { opacity:1; }
.soin-scenario-copy { position:absolute; right:34px; bottom:34px; left:34px; max-width:650px; opacity:0; transform:translateY(14px); transition:opacity .28s,transform .42s; }
.soin-scenario-card.is-active .soin-scenario-copy { opacity:1; transform:translateY(0); transition-delay:.16s; }
.soin-scenario-kicker { color:#9acbff; font-size:11px; font-weight:650; letter-spacing:.13em; }
.soin-scenario-copy h3 { margin:13px 0 11px; color:#fff; font-size:clamp(22px,2.25vw,34px); font-weight:650; line-height:1.3; }
.soin-scenario-copy p { max-width:600px; margin:0 0 21px; color:rgba(255,255,255,.76); font-size:14px; line-height:1.85; }
.soin-scenario-copy a { display:inline-flex; align-items:center; gap:23px; padding:11px 15px; border:1px solid rgba(255,255,255,.43); border-radius:5px; color:#fff; font-size:12px; }
.soin-scenario-copy a:hover { border-color:#fff; background:rgba(255,255,255,.12); color:#fff; }
.soin-scenario-copy a span { font-size:17px; }
.soin-scenario-vertical { position:absolute; right:50%; bottom:30px; color:rgba(255,255,255,.92); font-size:14px; font-weight:650; letter-spacing:.13em; white-space:nowrap; writing-mode:vertical-rl; transform:translateX(50%); transition:opacity .2s; }
.soin-scenario-card.is-active .soin-scenario-vertical { opacity:0; }
.soin-awards-section { padding:110px 0 120px; background:#f7f9fc; }
.soin-award-carousel { overflow:hidden; border-radius:20px; background:#07152b; box-shadow:0 26px 70px rgba(15,36,64,.14); }
.soin-award-stage { min-height:490px; }
.soin-award-slide { display:grid; min-height:490px; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); align-items:center; gap:46px; padding:58px clamp(35px,6vw,82px); color:#fff; background:radial-gradient(ellipse at 84% 17%,rgba(17,92,163,.28),transparent 38%),linear-gradient(130deg,#07152b,#0a1b35 72%,#0d294b); animation:soin-award-in .42s ease both; }
.soin-award-slide[hidden] { display:none; }
@keyframes soin-award-in { from { opacity:.25; transform:translateX(16px); } to { opacity:1; transform:translateX(0); } }
.soin-award-copy { max-width:590px; }
.soin-award-year { display:inline-flex; align-items:center; gap:9px; color:#8dbfff; font-size:11px; font-weight:650; letter-spacing:.17em; text-transform:uppercase; }
.soin-award-year:before { width:22px; height:1px; background:#4198f3; content:""; }
.soin-award-copy h3 { margin:23px 0 18px; color:#fff; font-size:clamp(30px,3.3vw,48px); font-weight:650; line-height:1.23; letter-spacing:-.035em; }
.soin-award-copy p { max-width:550px; margin:0; color:rgba(232,240,250,.72); font-size:14px; line-height:1.95; }
.soin-award-copy > a { display:inline-flex; align-items:center; gap:22px; margin-top:30px; padding:13px 17px; border:1px solid rgba(255,255,255,.38); border-radius:5px; color:#fff; font-size:12px; }
.soin-award-copy > a:hover { background:#0876e2; border-color:#0876e2; color:#fff; }
.soin-award-copy > a span { font-size:18px; }
.soin-award-art { display:grid; min-height:320px; place-items:center; }
.soin-award-art img { display:block; width:min(100%,440px); height:350px; border:10px solid #fff; border-radius:9px; background:#fff; object-fit:contain; box-shadow:0 24px 55px rgba(0,0,0,.3); }
.soin-award-art.is-placeholder { width:min(100%,440px); margin:auto; }
.soin-award-placeholder { display:grid; width:min(100%,360px); aspect-ratio:4/5; place-content:center; justify-items:center; border:9px solid rgba(255,255,255,.94); border-radius:9px; color:#146bc0; background:linear-gradient(140deg,#fff,#e9f1f9); box-shadow:0 24px 55px rgba(0,0,0,.3); }
.soin-award-placeholder span { font-size:35px; font-weight:750; letter-spacing:.16em; }
.soin-award-placeholder small { margin-top:10px; font-size:10px; letter-spacing:.2em; }
.soin-award-controls { display:flex; align-items:center; justify-content:space-between; padding:17px 26px; border-top:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.6); font-size:12px; }
.soin-award-count strong { color:#fff; font-size:15px; font-variant-numeric:tabular-nums; }
.soin-award-buttons { display:flex; gap:8px; }
.soin-award-buttons button { width:38px; height:38px; border:1px solid rgba(255,255,255,.32); border-radius:50%; background:transparent; color:#fff; font-size:17px; transition:background .2s,border-color .2s; }
.soin-award-buttons button:hover { border-color:#1882ee; background:#1882ee; }
.soin-customer-section { overflow:hidden; padding:102px 0 112px; background:#fff; }
.soin-logo-wall { display:flex; flex-direction:column; gap:20px; margin-top:8px; }
.soin-logo-marquee { overflow:hidden; width:100%; mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.soin-logo-track { display:flex; width:max-content; align-items:center; gap:26px; animation:soin-logo-scroll 58s linear infinite; }
.soin-logo-marquee-reverse .soin-logo-track { animation-direction:reverse; animation-duration:66s; }
.soin-logo-marquee:hover .soin-logo-track,.soin-logo-marquee:focus-within .soin-logo-track { animation-play-state:paused; }
.soin-logo-cell { display:grid; width:194px; height:88px; flex:0 0 194px; place-items:center; padding:15px 22px; border:1px solid #eef1f4; border-radius:8px; background:#fff; transition:border-color .22s,box-shadow .22s; }
.soin-logo-cell:hover { border-color:#dbe5ef; box-shadow:0 12px 30px rgba(18,47,78,.07); }
.soin-logo-cell img { max-width:100%; max-height:50px; object-fit:contain; filter:grayscale(1); opacity:.62; transition:filter .25s,opacity .25s; }
.soin-logo-cell:hover img { filter:grayscale(0); opacity:1; }
@keyframes soin-logo-scroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }

/* Product details share one data-driven page system with real covers and a visual fallback. */
.soin-product-hero { position:relative; overflow:hidden; padding:42px 0 74px; color:#fff; background:radial-gradient(ellipse at 78% 8%,rgba(23,110,190,.28),transparent 35%),linear-gradient(120deg,#07162b,#0d2948 73%,#0d355f); }
.soin-product-hero:after { position:absolute; right:-80px; bottom:-320px; width:620px; height:620px; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 60px rgba(255,255,255,.018),0 0 0 120px rgba(255,255,255,.015); content:""; pointer-events:none; }
.soin-product-breadcrumb { position:relative; z-index:1; display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:50px; color:rgba(255,255,255,.58); font-size:11px; }
.soin-product-breadcrumb a { color:rgba(255,255,255,.72); }
.soin-product-breadcrumb a:hover { color:#fff; }
.soin-product-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.95fr) minmax(400px,1.05fr); align-items:center; gap:clamp(40px,7vw,100px); }
.soin-product-hero-copy { max-width:620px; padding:15px 0 24px; }
.soin-product-eyebrow { color:#8bc2fa; font-size:11px; font-weight:650; letter-spacing:.16em; text-transform:uppercase; }
.soin-product-hero-copy h1 { margin:23px 0 18px; color:#fff; font-size:clamp(38px,5.2vw,68px); font-weight:650; line-height:1.13; letter-spacing:-.045em; }
.soin-product-hero-copy > p { max-width:590px; margin:0; color:rgba(239,246,253,.75); font-size:16px; line-height:1.95; }
.soin-product-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:26px; margin-top:34px; }
.soin-button-primary { display:inline-flex; min-height:48px; align-items:center; justify-content:center; gap:25px; padding:12px 18px; border:1px solid #1477df; border-radius:4px; background:#1477df; color:#fff; font-size:13px; font-weight:650; transition:transform .2s,background .2s,border-color .2s; }
.soin-button-primary:hover { transform:translateY(-2px); border-color:#3692f4; background:#3692f4; color:#fff; }
.soin-button-primary span { font-size:17px; }
.soin-button-text { display:inline-flex; align-items:center; gap:15px; color:rgba(255,255,255,.75); font-size:13px; }
.soin-button-text:hover { color:#fff; }
.soin-product-hero-art { position:relative; overflow:hidden; aspect-ratio:16/10; border:1px solid rgba(255,255,255,.2); border-radius:18px; background:#eff4f9; box-shadow:0 28px 80px rgba(0,0,0,.26); }
.soin-product-hero-art img { width:100%; height:100%; object-fit:cover; }
.soin-product-art-caption { position:absolute; right:16px; bottom:14px; padding:7px 10px; border:1px solid rgba(255,255,255,.55); border-radius:3px; background:rgba(8,32,57,.68); color:#fff; font-size:9px; letter-spacing:.13em; }
.soin-product-content-section { padding:96px 0 104px; background:#fff; }
.soin-product-content-grid { display:grid; grid-template-columns:210px minmax(0,1fr); gap:clamp(42px,7vw,105px); align-items:start; }
.soin-product-side-nav { position:sticky; top:110px; display:flex; flex-direction:column; gap:15px; padding:5px 0 0 18px; border-left:1px solid #e0e7ee; }
.soin-product-side-nav > span { margin-bottom:7px; color:#8191a1; font-size:10px; font-weight:700; letter-spacing:.15em; }
.soin-product-side-nav a { color:#68798a; font-size:12px; transition:color .2s; }
.soin-product-side-nav a:hover,.soin-product-side-nav a.is-active { color:#086bc9; }
.soin-product-article { min-width:0; }
.soin-product-overview { padding-bottom:50px; border-bottom:1px solid #e7ecf1; scroll-margin-top:110px; }
.soin-product-overview h2 { max-width:800px; margin:14px 0 16px; color:#102943; font-size:clamp(28px,3.4vw,43px); font-weight:650; line-height:1.28; letter-spacing:-.035em; }
.soin-product-overview p { max-width:820px; margin:0; color:#596e83; font-size:16px; line-height:1.95; }
.soin-product-rich-section { padding:44px 0 65px; scroll-margin-top:110px; }
.soin-product-rich-content { margin-top:18px; color:#53687d; font-size:15px; line-height:2; }
.soin-product-rich-content h2,.soin-product-rich-content h3 { margin:36px 0 14px; color:#122b44; font-size:25px; font-weight:650; }
.soin-product-rich-content img { max-width:100%; height:auto; border-radius:10px; }
.soin-product-rich-content table { display:block; overflow-x:auto; max-width:100%; }
.soin-product-cta { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:34px 36px; border:1px solid #dce6ef; border-radius:12px; background:linear-gradient(125deg,#f7fafd,#eef5fb); scroll-margin-top:110px; }
.soin-product-cta .soin-section-kicker { color:#65809a; }
.soin-product-cta h2 { max-width:620px; margin:10px 0 0; color:#122b44; font-size:clamp(22px,2.7vw,32px); font-weight:650; line-height:1.35; }
.soin-product-cta .soin-button-primary { flex:0 0 auto; }
.soin-related-products { padding:85px 0 105px; background:#f5f7fa; }
.soin-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.soin-related-card { position:relative; min-height:205px; padding:25px 25px 45px; border:1px solid #e3e9ef; border-radius:8px; background:#fff; color:#152d44; transition:transform .22s,box-shadow .22s; }
.soin-related-card:hover { transform:translateY(-4px); box-shadow:0 18px 38px rgba(15,42,69,.1); color:#152d44; }
.soin-related-card > span { color:#718399; font-size:10px; letter-spacing:.1em; }
.soin-related-card h3 { margin:17px 0 9px; font-size:19px; font-weight:650; line-height:1.4; }
.soin-related-card p { display:-webkit-box; overflow:hidden; color:#738397; font-size:12px; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.soin-related-card i { position:absolute; right:24px; bottom:21px; color:#1477df; font-size:18px; font-style:normal; }

/* Company profile with real company photography, CMS honors and product categories. */
.soin-about-hero { position:relative; overflow:hidden; padding:92px 0 105px; color:#fff; background:radial-gradient(ellipse at 79% 14%,rgba(25,115,190,.25),transparent 34%),linear-gradient(118deg,#07162b,#0d2948 72%,#0e345c); }
.soin-about-hero .container { display:grid; grid-template-columns:minmax(0,.95fr) minmax(400px,1.05fr); align-items:center; gap:clamp(42px,7vw,110px); }
.soin-about-hero-copy { max-width:620px; }
.soin-about-hero-copy .soin-section-kicker { color:#8bc2fa; }
.soin-about-hero-copy h1 { margin:25px 0 20px; color:#fff; font-size:clamp(40px,5.3vw,70px); font-weight:650; line-height:1.18; letter-spacing:-.045em; }
.soin-about-hero-copy h1 span { color:#6eb2ff; }
.soin-about-hero-copy p { max-width:580px; margin:0; color:rgba(239,246,253,.75); font-size:15px; line-height:1.95; }
.soin-about-hero-copy .soin-button-primary { margin-top:31px; }
.soin-about-hero-image { position:relative; overflow:hidden; aspect-ratio:1.32; border:1px solid rgba(255,255,255,.25); border-radius:18px; background:#dfe8ef; box-shadow:0 30px 76px rgba(0,0,0,.25); }
.soin-about-hero-image:after { position:absolute; inset:40% 0 0; background:linear-gradient(0deg,rgba(6,21,39,.68),transparent); content:""; }
.soin-about-hero-image img { width:100%; height:100%; object-fit:cover; }
.soin-about-hero-image > span { position:absolute; z-index:1; right:22px; bottom:19px; color:#fff; font-size:10px; letter-spacing:.17em; }
.soin-about-intro-section { padding:100px 0 102px; background:#fff; }
.soin-about-intro-grid { display:grid; grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr); gap:clamp(42px,7vw,110px); }
.soin-about-intro-label h2 { margin:16px 0; color:#112941; font-size:clamp(32px,4vw,48px); font-weight:650; letter-spacing:-.04em; }
.soin-about-intro-copy h3 { margin:0 0 20px; color:#192f46; font-size:24px; font-weight:650; }
.soin-about-intro-copy p,.soin-about-intro-copy .rich-content { margin:0; color:#5d7185; font-size:15px; line-height:2; }
.soin-about-values-section { padding:95px 0 108px; background:#f3f6fa; }
.soin-about-values-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.soin-about-values-grid article { position:relative; min-height:300px; padding:32px 30px; border:1px solid #e2e9f0; border-radius:11px; background:#fff; }
.soin-about-values-grid article > span { position:absolute; top:26px; right:28px; color:#c1d3e5; font-size:13px; font-variant-numeric:tabular-nums; }
.soin-about-values-grid small { color:#1477df; font-size:10px; font-weight:700; letter-spacing:.17em; }
.soin-about-values-grid h3 { max-width:330px; margin:34px 0 0; color:#152e46; font-size:22px; font-weight:620; line-height:1.65; }
.soin-about-values-text { margin:16px 0 0; color:#5d7185; font-size:13px; line-height:1.9; }
.soin-about-business-section { padding:104px 0 110px; background:#fff; }
.soin-about-business-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.soin-about-business-card { position:relative; min-height:220px; padding:24px; border:1px solid #e4eaf0; border-radius:8px; background:linear-gradient(145deg,#fff,#f7fafc); color:#152c44; transition:transform .22s,border-color .22s,box-shadow .22s; }
.soin-about-business-card:hover { transform:translateY(-4px); border-color:#c9dced; box-shadow:0 18px 38px rgba(18,46,76,.08); color:#152c44; }
.soin-about-business-card > span { color:#1480e9; font-size:11px; letter-spacing:.14em; }
.soin-about-business-card h3 { margin:33px 0 11px; font-size:21px; font-weight:650; }
.soin-about-business-card p { color:#718295; font-size:12px; line-height:1.7; }
.soin-about-business-card i { position:absolute; right:22px; bottom:18px; color:#1477df; font-size:18px; font-style:normal; }
.soin-about-awards-section { padding:100px 0 108px; background:#f3f6fa; }
.soin-about-honors-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:56px; }
.soin-about-honor-card { position:relative; display:flex; min-height:315px; flex-direction:column; padding:20px; border:1px solid #e0e7ee; border-radius:9px; background:#fff; color:#152c44; }
.soin-about-honor-card:hover { border-color:#c6d8e9; box-shadow:0 15px 35px rgba(17,43,70,.08); color:#152c44; }
.soin-about-honor-year { color:#1477df; font-size:10px; letter-spacing:.12em; }
.soin-about-honor-image { display:grid; height:200px; place-items:center; margin:14px 0; overflow:hidden; background:#f2f5f8; }
.soin-about-honor-image img { max-width:100%; max-height:100%; object-fit:contain; }
.soin-about-honor-card strong { max-width:90%; color:#1c344c; font-size:13px; line-height:1.65; }
.soin-about-honor-card > span:last-child { position:absolute; right:21px; bottom:19px; color:#1477df; font-size:17px; }
.soin-about-honors-empty { display:flex; align-items:center; gap:28px; padding:28px; border:1px solid #e1e8ef; border-radius:10px; background:#fff; color:#687b8e; }
.soin-about-honors-empty img { width:130px; height:165px; object-fit:contain; }
.soin-about-gallery-section { padding:104px 0 112px; background:#fff; }
.soin-about-gallery { display:grid; grid-template-columns:1.2fr 1fr 1fr; grid-template-rows:230px 230px; gap:13px; }
.soin-about-photo { position:relative; overflow:hidden; margin:0; border-radius:10px; background:#e9eef3; }
.soin-about-photo img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.soin-about-photo:hover img { transform:scale(1.035); }
.soin-about-photo figcaption { position:absolute; right:0; bottom:0; left:0; padding:26px 18px 15px; color:#fff; background:linear-gradient(0deg,rgba(3,16,31,.72),transparent); font-size:12px; }
.soin-about-photo-1 { grid-row:span 2; }
.soin-about-photo-2 { grid-column:2; grid-row:1; }
.soin-about-photo-3 { grid-column:3; grid-row:1; }
.soin-about-photo-4 { grid-column:2 / span 2; grid-row:2; }
.soin-about-partners-section { padding:104px 0 112px; background:#f3f6fa; }
.soin-about-partners-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.soin-about-partner { display:grid; min-height:96px; place-items:center; padding:16px 14px; border:1px solid #e3e9f0; border-radius:9px; background:#fff; transition:transform .22s,border-color .22s,box-shadow .22s; }
.soin-about-partner:hover { transform:translateY(-3px); border-color:#c9dced; box-shadow:0 14px 30px rgba(18,46,76,.08); }
.soin-about-partner img { max-width:86%; max-height:58px; object-fit:contain; }
.soin-about-cta-section { padding:65px 0; color:#fff; background:radial-gradient(ellipse at 84% 0,rgba(17,106,185,.25),transparent 42%),#07172c; }
.soin-about-cta-section .container { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.soin-about-cta-section .soin-section-kicker { color:#89bdf0; }
.soin-about-cta-section h2 { max-width:800px; margin:12px 0 0; color:#fff; font-size:clamp(27px,3.7vw,44px); font-weight:650; line-height:1.25; }

/* Contact page cards */
.soin-contact-card { background:#fff; border:1px solid var(--soin-line); border-radius:12px; padding:0; overflow:hidden; box-shadow:0 4px 20px rgba(19,47,83,.05); transition:transform .28s ease, box-shadow .28s ease; height:100%; }
.soin-contact-card:hover { transform:translateY(-3px); box-shadow:0 12px 32px rgba(19,47,83,.1); }
.soin-contact-card-head { display:flex; align-items:center; gap:16px; padding:26px 28px 20px; }
.soin-contact-card-icon { flex-shrink:0; width:52px; height:52px; border-radius:10px; background:linear-gradient(135deg,#1554d6,#0090ff); display:flex; align-items:center; justify-content:center; }
.soin-contact-card-icon i { color:#fff; font-size:24px; }
.soin-contact-card-head-text h5 { margin:0; font-size:17px; font-weight:650; color:#1a2a4a; }
.soin-contact-card-phone { margin-top:6px; font-size:14px; color:#555; }
.soin-contact-card-phone i { color:var(--soin-blue); margin-right:6px; font-size:15px; }
.soin-contact-card-divider { height:1px; background:#eef2f7; margin:0 28px; }
.soin-contact-card-body { padding:18px 28px 26px; }
.soin-contact-row { display:flex; align-items:flex-start; gap:10px; margin-bottom:12px; font-size:14px; line-height:1.7; color:#555; }
.soin-contact-row:last-child { margin-bottom:0; }
.soin-contact-row i { flex-shrink:0; color:var(--soin-blue); font-size:16px; margin-top:3px; }
.soin-contact-row a { color:#555; text-decoration:none; }
.soin-contact-row a:hover { color:var(--soin-blue); }

/* Certification search */
.soin-cert-search-bar { position:relative; max-width:480px; margin:0 auto 36px; }
.soin-cert-search-bar i { position:absolute; left:18px; top:50%; transform:translateY(-50%); color:#9aa8bc; font-size:17px; }
.soin-cert-search-bar input { width:100%; padding:13px 18px 13px 48px; border:1px solid var(--soin-line); border-radius:999px; font-size:14px; background:#fff; outline:none; transition:border-color .2s, box-shadow .2s; }
.soin-cert-search-bar input:focus { border-color:var(--soin-blue); box-shadow:0 0 0 3px rgba(0,110,233,.1); }
.soin-cert-empty { text-align:center; padding:48px 0; color:#999; font-size:14px; }

/* Cooperation form */
.soin-coop-wrap { max-width:860px; margin:0 auto; }
.soin-coop-card { background:#fff; border:1px solid var(--soin-line); border-radius:18px; padding:48px 44px; box-shadow:0 8px 28px rgba(19,47,83,.05); }
.soin-coop-title { font-size:28px; font-weight:700; color:#1a2a4a; margin:10px 0 8px; }
.soin-coop-sub { font-size:15px; color:#66788f; margin:0; }
.soin-form-label { display:block; font-size:13px; font-weight:600; color:#3a4d68; margin-bottom:8px; }
.soin-form-input { width:100%; padding:12px 16px; border:1px solid #dce4ee; border-radius:10px; font-size:14px; color:#1a2a4a; background:#fafbfd; outline:none; transition:border-color .2s, box-shadow .2s, background .2s; }
.soin-form-input:focus { border-color:var(--soin-blue); background:#fff; box-shadow:0 0 0 3px rgba(0,110,233,.1); }
.soin-form-input::placeholder { color:#aab8cc; }
textarea.soin-form-input { resize:vertical; min-height:120px; }
.soin-captcha-row { display:flex; align-items:center; gap:12px; }
.soin-captcha-input { width:160px !important; flex-shrink:0; }
.soin-captcha-img { height:46px; border-radius:10px; border:1px solid #dce4ee; cursor:pointer; background:#fff; }
.soin-form-msg { font-size:14px; margin-top:12px; }

/* Certification lightbox & thumbnails */
.soin-certification-image { position:relative; cursor:zoom-in; overflow:hidden; }
.soin-cert-thumb { transition:transform .3s ease; }
.soin-certification-image:hover .soin-cert-thumb { transform:scale(1.04); }
.soin-cert-zoom-hint { position:absolute; top:10px; right:10px; width:32px; height:32px; border-radius:50%; background:rgba(0,0,0,.55); color:#fff; display:flex; align-items:center; justify-content:center; font-size:15px; opacity:0; transition:opacity .25s ease; }
.soin-certification-image:hover .soin-cert-zoom-hint { opacity:1; }
.soin-lightbox { position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; }
.soin-lightbox.active { display:flex; }
.soin-lightbox-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.82); backdrop-filter:blur(4px); }
.soin-lightbox-content { position:relative; max-width:90vw; max-height:88vh; z-index:1; text-align:center; }
.soin-lightbox-content img { max-width:100%; max-height:80vh; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.5); }
.soin-lightbox-close { position:absolute; top:-42px; right:0; background:none; border:none; color:#fff; font-size:32px; cursor:pointer; line-height:1; }
.soin-lightbox-loading { color:#ccc; font-size:14px; padding:40px; }
.soin-lightbox-title { color:#ddd; font-size:14px; margin-top:14px; }

/* Structured dark footer and consistent dialog styling. */
.footer-bg { padding:77px 0 25px; }
/* [AI 注释] 品牌块已按老板 2026-10-23 指令删除，页脚网格改为 4 列菜单 + 右侧联系我们同行；如与最新指令冲突，以老板为准。 */
.soin-footer-grid { display:grid; grid-template-columns:repeat(5,minmax(110px,.78fr)) minmax(180px,1.08fr); gap:26px; align-items:start; }
.soin-footer-column h4,.soin-footer-contact h4 { margin:12px 0 20px; color:#fff; font-size:13px; font-weight:650; }
.soin-footer-column .footer-menu { display:flex; flex-direction:column; gap:8px; margin:0; padding:0; }
.soin-footer-column .footer-menu li { margin:0; line-height:1.6; }
.soin-footer-column .footer-menu a { display:inline-flex; color:rgba(232,240,248,.66); font-size:11px; line-height:1.7; transition:color .2s,transform .2s; }
.soin-footer-column .footer-menu a:hover { transform:translateX(3px); color:#fff; }
.soin-footer-contact { display:flex; flex-direction:column; align-items:flex-start; }
.soin-footer-contact-link { margin-bottom:9px; color:rgba(242,247,252,.86); font-size:12px; overflow-wrap:anywhere; }
.soin-footer-contact-link:hover { color:#fff; }
.soin-footer-contact-addr { margin-bottom:9px; color:rgba(232,240,248,.66); font-size:11px; line-height:1.6; overflow-wrap:anywhere; max-width:220px; }
.soin-footer-qrcode { display:flex; flex-direction:column; gap:11px; margin-top:13px; color:rgba(232,240,248,.6); font-size:10px; }
.soin-footer-qrcode img { width:92px; height:92px; padding:5px; border-radius:4px; background:#fff; object-fit:contain; }
.soin-footer-legal { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 25px; margin-top:52px; padding-top:18px; border-top:1px solid rgba(255,255,255,.13); color:rgba(230,239,248,.47); font-size:10px; line-height:1.8; }
.soin-footer-legal > span:last-child { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.soin-footer-legal a { color:rgba(230,239,248,.55); }
.soin-footer-legal a:hover { color:#fff; }
.soin-police-link { display:inline-flex; align-items:center; gap:5px; }
.soin-police-link img { width:15px; height:15px; object-fit:contain; }
.modal-backdrop.show { opacity:.66; backdrop-filter:blur(5px); }
.modal-content { overflow:hidden; border:1px solid rgba(255,255,255,.5); border-radius:14px; box-shadow:0 28px 90px rgba(5,22,42,.28); }
.modal-header { padding:23px 26px; border-bottom:1px solid #e9eef3; }
.modal-body { padding:26px; }
.modal-footer { padding:18px 26px 24px; border-top:0; }
.modal .form-control,.modal .form-select { min-height:46px; border-color:#dce4ec; border-radius:5px; box-shadow:none; }
.modal .form-control:focus,.modal .form-select:focus { border-color:#438dde; box-shadow:0 0 0 3px rgba(20,119,223,.12); }

@media (max-width:1199.98px) {
 /* [AI 注释] 品牌块已删除（老板 2026-10-23 指令），联系我们改为同行最右一列，不再换行。 */
 .soin-footer-grid { grid-template-columns:repeat(5,minmax(0,1fr)) minmax(170px,1.35fr); }
 .soin-footer-contact { grid-column:auto; }
 .soin-footer-column { min-height:170px; }
 .soin-product-hero-grid,.soin-about-hero .container { gap:42px; }
}
@media (max-width:991.98px) {
 /* [AI 注释] 旧版移动端 mega menu 规则已删除（2026-10-23 统一收敛到后方的移动端区块）。 */
 .soin-product-hero-grid,.soin-about-hero .container { grid-template-columns:1fr 1fr; }
 .soin-product-content-grid { grid-template-columns:165px minmax(0,1fr); gap:34px; }
 .soin-about-business-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:992px) {
 /* [AI 注释] 旧版居中 1100px 面板定位规则已删除（与 7892 起的全宽版冲突）；仅保留通用组件样式。 */
 .soin-mega-overline { color:#1675d2; font-size:9px; font-weight:700; letter-spacing:.17em; }
 .navigation .soin-mega-intro h2 { margin:18px 0 11px; color:#112a44; font-size:28px; font-weight:650; letter-spacing:-.03em; }
 .navigation .soin-mega-intro p { max-width:250px; margin:0; color:#62768b; font-size:12px; line-height:1.9; }
 .navigation .soin-mega-intro>a { display:inline-flex; align-items:center; gap:21px; margin-top:25px; color:#116bc1; font-size:11px; font-weight:650; }
 .navigation .soin-mega-intro>a span { font-size:16px; }
 .soin-mega-link-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:center; gap:4px 14px; padding:27px 28px; }
 .soin-mega-link { display:flex; min-height:72px; align-items:center; gap:13px; padding:12px 13px; border:1px solid transparent; border-radius:7px; color:#162d44; transition:border-color .2s,background .2s,transform .2s; }
 .soin-mega-link:hover { transform:translateY(-1px); border-color:#e6edf4; background:#f7fafd; color:#126dc6; }
 .soin-mega-index { width:28px; flex:0 0 28px; color:#8ba0b4; font-size:9px; font-variant-numeric:tabular-nums; }
 .soin-mega-link-copy { display:flex; min-width:0; flex:1; flex-direction:column; gap:5px; }
 /* [AI 注释] 依据老板 2026-10-23 指令「不要省略号」：链接标题/描述不再单行截断，允许自然换行。 */
 .soin-mega-link-copy strong { color:inherit; font-size:12px; font-weight:650; line-height:1.45; }
 .soin-mega-link-copy small { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#74869a; font-size:10px; line-height:1.5; }
 .soin-mega-arrow { color:#8da0b2; font-size:15px; }
}
@media (max-width:767.98px) {
 .soin-quicklinks-card { grid-template-columns:1fr; margin-top:-38px; border-radius:12px; }
 .soin-quicklink { min-height:auto; padding:21px 23px 23px; }
 .soin-quicklink + .soin-quicklink { border-top:1px solid #e5ebf1; border-left:0; }
 .soin-quicklink-kicker { margin-bottom:9px; }
 .soin-quicklink strong { max-width:84%; font-size:17px; }
 .soin-quicklink-arrow { top:20px; right:20px; width:30px; height:30px; }
 .soin-proof-section,.soin-scenarios-section,.soin-awards-section,.soin-customer-section { padding:68px 0 74px; }
 .soin-proof-heading { margin-bottom:29px; }
 .soin-proof-grid { grid-template-columns:1fr; }
 .soin-proof-item { min-height:105px; }
 .soin-proof-item + .soin-proof-item { border-top:1px solid #e4eaf0; border-left:0; }
 .soin-proof-item strong { font-size:54px; }
 .soin-section-heading-centered { gap:12px !important; margin-bottom:34px !important; }
 .soin-section-heading-centered h2 { font-size:clamp(30px,8vw,42px) !important; }
 .soin-section-heading-centered p { font-size:13px; }
 .soin-scenario-accordion { height:auto; flex-direction:column; }
 .soin-scenario-card,.soin-scenario-card.is-active { min-height:320px; flex:none; }
 .soin-scenario-card:not(.is-active) { min-height:82px; }
 .soin-scenario-card:not(.is-active) .soin-scenario-vertical { right:24px; bottom:50%; writing-mode:horizontal-tb; transform:translateY(50%); }
 .soin-scenario-card.is-active .soin-scenario-copy { right:21px; bottom:22px; left:21px; }
 .soin-scenario-copy h3 { font-size:22px; }
 .soin-scenario-copy p { display:-webkit-box; overflow:hidden; font-size:12px; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
 .soin-scenario-visual-label { top:20px; left:20px; }
 .soin-logo-wall { gap:12px; }
 .soin-logo-cell { width:150px; height:70px; flex-basis:150px; padding:12px 18px; }
 .soin-logo-cell img { max-height:43px; }
 .soin-logo-track { gap:14px; animation-duration:42s; }
 .soin-logo-marquee-reverse .soin-logo-track { animation-duration:48s; }
 .soin-award-stage,.soin-award-slide { min-height:0; }
 .soin-award-slide { grid-template-columns:1fr; gap:22px; padding:30px 24px 28px; }
 .soin-award-copy h3 { margin:17px 0 12px; font-size:29px; }
 .soin-award-copy p { font-size:12px; }
 .soin-award-copy > a { margin-top:18px; }
 .soin-award-art { min-height:215px; }
 .soin-award-art img { width:min(100%,280px); height:225px; border-width:7px; }
 .soin-award-placeholder { width:min(100%,200px); }
 .soin-award-controls { padding:13px 18px; }
 .soin-product-hero { padding:26px 0 52px; }
 .soin-product-breadcrumb { margin-bottom:33px; }
 .soin-product-hero-grid,.soin-about-hero .container { grid-template-columns:1fr; gap:30px; }
 .soin-product-hero-copy h1,.soin-about-hero-copy h1 { font-size:clamp(37px,10vw,52px); }
 .soin-product-hero-copy > p { font-size:14px; }
 .soin-product-hero-art { border-radius:12px; }
 .soin-product-content-section { padding:60px 0 70px; }
 .soin-product-content-grid { grid-template-columns:1fr; gap:32px; }
 .soin-product-side-nav { position:static; flex-direction:row; flex-wrap:wrap; gap:9px 17px; padding:0 0 14px; border:0; border-bottom:1px solid #e0e7ee; }
 .soin-product-side-nav > span { width:100%; }
 .soin-product-side-nav a { font-size:11px; }
 .soin-product-overview { padding-bottom:33px; }
 .soin-product-overview h2 { font-size:30px; }
 .soin-product-overview p { font-size:14px; }
 .soin-product-rich-section { padding:32px 0 43px; }
 .soin-product-cta { align-items:flex-start; flex-direction:column; padding:25px 22px; }
 .soin-product-cta h2 { font-size:24px; }
 .soin-related-products { padding:62px 0 70px; }
 .soin-related-grid { grid-template-columns:1fr; }
 .soin-related-card { min-height:170px; }
 .soin-about-hero { padding:58px 0 68px; }
 .soin-about-hero-image { aspect-ratio:1.4; }
 .soin-about-intro-section,.soin-about-values-section,.soin-about-business-section,.soin-about-awards-section,.soin-about-gallery-section,.soin-about-partners-section { padding:67px 0 76px; }
 .soin-about-intro-grid { grid-template-columns:1fr; gap:14px; }
 .soin-about-intro-label h2 { margin:12px 0 8px; font-size:34px; }
 .soin-about-intro-copy h3 { font-size:20px; }
 .soin-about-values-grid { grid-template-columns:1fr; }
 .soin-about-values-grid article { min-height:195px; }
 .soin-about-values-grid h3 { margin-top:23px; font-size:20px; }
 .soin-about-business-grid { grid-template-columns:1fr 1fr; gap:9px; }
 .soin-about-business-card { min-height:180px; padding:18px; }
 .soin-about-business-card h3 { margin-top:25px; font-size:17px; }
 .soin-about-honors-grid { grid-template-columns:1fr 1fr; gap:9px; }
 .soin-about-honor-card { min-height:255px; padding:12px; }
 .soin-about-honor-image { height:150px; margin:10px 0; }
 .soin-about-honor-card strong { font-size:11px; }
 .soin-about-honor-card > span:last-child { right:12px; bottom:12px; }
 .soin-about-gallery { grid-template-columns:1fr 1fr; grid-template-rows:200px 145px 145px; gap:9px; }
 .soin-about-photo-1 { grid-column:span 2; grid-row:1; }
 .soin-about-photo-2 { grid-column:1; grid-row:2; }
 .soin-about-photo-3 { grid-column:2; grid-row:2; }
 .soin-about-photo-4 { grid-column:span 2; grid-row:3; }
 .soin-about-partners-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
 .soin-about-partner { min-height:78px; padding:12px 10px; }
 .soin-about-partner img { max-height:46px; }
 .soin-about-cta-section { padding:50px 0; }
 .soin-about-cta-section .container { align-items:flex-start; flex-direction:column; }
 .soin-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 18px; }
 .soin-footer-contact { grid-column:span 2; }
 .soin-footer-column { min-height:0; }
 .soin-footer-column h4,.soin-footer-contact h4 { margin:5px 0 13px; }
 .soin-footer-column .footer-menu { gap:7px; }
 .soin-footer-qrcode { flex-direction:row; align-items:center; gap:15px; }
 .soin-footer-qrcode img { width:78px; height:78px; }
 .soin-footer-legal { align-items:flex-start; flex-direction:column; margin-top:31px; }
}
@media (max-width:420px) {
 .soin-about-business-grid { grid-template-columns:1fr; }
 .soin-about-business-card { min-height:150px; }
 .soin-about-business-card h3 { margin-top:18px; }
 .soin-product-hero-actions { gap:18px; }
 .soin-award-count { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) {
 .soin-logo-track { animation:none !important; }
 .soin-scenario-card,.soin-scenario-copy,.soin-scenario-visual img,.soin-quicklink-arrow { transition:none !important; }
 .soin-award-slide { animation:none !important; }
}

/* Imported legacy content, presented inside the new Sointech visual system. */
.soin-product-rich-content .soin-legacy-section { margin:28px 0; padding:clamp(24px,4vw,48px); border:1px solid #e5ebf2; border-radius:22px; background:linear-gradient(145deg,#fff 60%,#f6f9fd); box-shadow:0 16px 50px rgba(16,41,67,.045); }
.soin-product-rich-content .soin-legacy-section:first-child { margin-top:22px; }
.soin-product-rich-content .soin-legacy-section h2 { margin:0 0 18px; color:#102943; font-size:clamp(22px,2.4vw,32px); line-height:1.35; }
.soin-product-rich-content .soin-legacy-section h3 { margin:28px 0 10px; color:#173654; font-size:20px; line-height:1.45; }
.soin-product-rich-content .soin-legacy-section p { margin:0 0 14px; }
.soin-product-rich-content .soin-legacy-section ul,.soin-article-content ul { padding-left:1.25em; margin:0 0 18px; }

/* 旧站小图标改为卡片栅格 / 特性清单，避免图标被拉伸成整幅大图 */
.soin-product-rich-content .soin-legacy-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(238px,1fr)); gap:18px; margin:16px 0 8px; }
.soin-product-rich-content .soin-legacy-card { padding:24px 22px; border:1px solid #e7eef6; border-radius:16px; background:#fff; box-shadow:0 10px 26px rgba(16,41,67,.05); transition:transform .25s ease,box-shadow .25s ease; }
.soin-product-rich-content .soin-legacy-card:hover { transform:translateY(-4px); box-shadow:0 18px 36px rgba(16,41,67,.1); }
.soin-product-rich-content .soin-legacy-card img { display:block; width:56px; height:56px; margin:0 0 16px; object-fit:contain; }
.soin-product-rich-content .soin-legacy-card h3 { margin:0 0 10px !important; color:#102943; font-size:18px; line-height:1.5; }
.soin-product-rich-content .soin-legacy-card p { margin:0 !important; color:#56677d; font-size:15px; line-height:1.85; }
.soin-product-rich-content .soin-legacy-checklist { display:grid; gap:12px; margin:16px 0 8px; padding:0 !important; list-style:none; }
.soin-product-rich-content .soin-legacy-checklist li { position:relative; margin:0; padding:14px 18px 14px 46px; border:1px solid #e8eef6; border-radius:12px; background:#f8fbfe; color:#4a5c72; font-size:15px; line-height:1.8; }
.soin-product-rich-content .soin-legacy-checklist li:before { position:absolute; top:16px; left:18px; width:18px; height:18px; border-radius:50%; background:#1d6fff; color:#fff; font-size:11px; line-height:18px; text-align:center; content:"\2713"; }
.soin-product-rich-content .soin-legacy-tags { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 6px; padding:0 !important; list-style:none; }
.soin-product-rich-content .soin-legacy-tags li { margin:0; padding:8px 16px; border:1px solid #dbe7f4; border-radius:999px; background:#f5f9fe; color:#2c4763; font-size:14px; line-height:1.6; }
@media (max-width:767.98px) {
 .soin-product-rich-content .soin-legacy-cards { grid-template-columns:1fr; gap:14px; }
 .soin-product-rich-content .soin-legacy-card { padding:20px 18px; }
 .soin-product-rich-content .soin-legacy-checklist li { padding:13px 15px 13px 42px; font-size:14px; }
 .soin-product-rich-content .soin-legacy-tags { gap:8px; }
 .soin-product-rich-content .soin-legacy-tags li { padding:7px 13px; font-size:13px; }
}
.soin-legacy-figure { margin:24px 0; overflow:hidden; border-radius:16px; background:#f3f6fa; }
.soin-legacy-figure img { display:block; width:100%; max-height:580px; object-fit:contain; }
.soin-article-content .soin-legacy-figure { margin:28px 0 10px; }
.soin-article-content .soin-legacy-figure img { max-height:none; object-fit:contain; }
.soin-article-content h2 { margin:36px 0 14px; color:#102943; font-size:clamp(22px,2.8vw,30px); line-height:1.4; }
.soin-article-content h3 { margin:28px 0 12px; color:#173654; font-size:21px; }
.soin-article-content p { margin:0 0 18px; line-height:2; }
.soin-article-content .soin-news-caption { color:#718096; text-align:center; font-size:14px; margin:0 0 24px; }

.soin-certification-hero { position:relative; overflow:hidden; padding:112px 0 86px; color:#fff; background:radial-gradient(ellipse at 78% 12%,rgba(29,111,255,.22),transparent 36%),linear-gradient(125deg,#061326,#0b1e38 65%,#0b2f5d); }
.soin-certification-hero:after { position:absolute; right:-10%; bottom:-70%; width:620px; height:620px; border:1px solid rgba(255,255,255,.1); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02); content:""; }
.soin-certification-hero .container { position:relative; z-index:1; }
.soin-certification-hero .soin-section-kicker { color:#8abaff; }
.soin-certification-hero h1 { max-width:850px; margin:26px 0 18px; font-size:clamp(42px,6vw,76px); line-height:1.12; letter-spacing:-.045em; }
.soin-certification-hero h1 span { color:#63a6ff; }
.soin-certification-hero p { max-width:700px; color:#c1cee0; font-size:17px; line-height:1.9; }
.soin-certification-count { display:flex; align-items:baseline; gap:12px; margin-top:38px; color:#d7e4f5; }
.soin-certification-count strong { color:#fff; font-size:48px; font-weight:650; }
.soin-certification-group { padding:70px 0; background:#f5f8fc; }
.soin-certification-group:nth-of-type(odd) { background:#fff; }
.soin-certification-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.soin-certification-card { overflow:hidden; border:1px solid #e7edf4; border-radius:16px; background:#fff; box-shadow:0 12px 30px rgba(22,46,73,.05); transition:transform .25s ease,box-shadow .25s ease; }
.soin-certification-card:hover { transform:translateY(-5px); box-shadow:0 20px 42px rgba(22,46,73,.12); }
.soin-certification-image { display:grid; min-height:245px; place-items:center; padding:18px; background:linear-gradient(145deg,#f4f7fb,#fff); }
.soin-certification-image img { display:block; width:100%; height:230px; object-fit:contain; }
.soin-certification-caption { padding:16px 18px 20px; border-top:1px solid #edf1f6; }
.soin-certification-caption span { color:#7c8da0; font-size:12px; letter-spacing:.1em; text-transform:uppercase; }
.soin-certification-caption h3 { margin:8px 0 0; color:#1b334d; font-size:15px; font-weight:600; line-height:1.55; }
@media (max-width:1000px) { .soin-certification-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px) { .soin-certification-hero { padding:86px 0 64px; } .soin-certification-hero p { font-size:15px; } .soin-certification-group { padding:50px 0; } .soin-certification-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .soin-certification-image { min-height:165px; padding:12px; } .soin-certification-image img { height:150px; } .soin-certification-caption { padding:13px; } .soin-certification-caption h3 { font-size:13px; } .soin-product-rich-content .soin-legacy-section { padding:22px 18px; border-radius:17px; } }

/* Full-width navigation with a safe hover path between the trigger and panel. */
@media (min-width:992px) {
    header { z-index:1200; }
    .navigation { position:relative; z-index:1200; min-height:84px; padding:0; overflow:visible; }
    .navigation > .container { position:static; display:flex; max-width:1800px; align-items:center; padding-right:clamp(24px,4vw,72px); padding-left:clamp(24px,4vw,72px); }
    .navigation .navbar-brand { flex:0 0 auto; margin-right:clamp(30px,3.5vw,68px); padding:8px 0; }
    .navigation .navbar-brand img { max-width:158px; max-height:54px; }
    .navigation .navbar-collapse { min-width:0; flex:1 1 auto; }
    .navigation .navbar-nav { display:flex; min-width:0; flex:1 1 auto; align-items:stretch; justify-content:center; gap:clamp(8px,1.35vw,24px); margin:0 !important; }
    .navigation .navbar-nav > .nav-item { flex:1 1 0; display:flex; align-items:stretch; }
    .navigation .navbar-nav > .nav-item > .nav-link { position:relative; flex:1 1 auto; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:16px 5px !important; border-radius:0; background:transparent; color:#273d56; font-size:14px; font-weight:600; white-space:nowrap; }
    .navigation .navbar-nav > .nav-item > .nav-link:hover,
    .navigation .navbar-nav > .nav-item > .nav-link.active,
    .navigation .navbar-nav > .nav-item.show > .nav-link { background:transparent; color:var(--soin-blue); }
    .navigation .navbar-nav > .nav-item > .nav-link::after { position:absolute; right:5px; bottom:7px; left:5px; height:2px; border-radius:2px; background:var(--soin-blue); content:""; transform:scaleX(0); transform-origin:left center; transition:transform .2s ease; }
    .navigation .navbar-nav > .nav-item > .nav-link:hover::after,
    .navigation .navbar-nav > .nav-item.show > .nav-link::after { transform:scaleX(1); }
    .navigation .soin-nav-chevron { margin-left:1px; color:#8494a5; font-size:12px; transition:transform .2s ease,color .2s ease; }
    .navigation .nav-item.show > .nav-link .soin-nav-chevron { color:var(--soin-blue); transform:rotate(180deg); }

    .navigation .navbar-nav .nav-item.dropdown { position:static; }
    .navigation .navbar-nav .nav-item.dropdown.lang-switch { position:relative; margin-left:auto; }
    /* [AI 注释] 依据老板 2026-10-23 指令「导航下拉宽度保持在首页主要宽度范围内，不要全屏」：
       面板宽度由 100vw 改为与全局 .container（max-width:1200px，见本文件 .container 规则）一致。
       .container 在视口中居中，面板以 left:50% + translateX(-50%) 同样居中，两者自然对齐；
       小屏用 min() 兜底留 24px 边距。如与最新指令冲突，以老板为准。 */
    /* [AI 注释] 依据老板 2026-10-23 指令「背景全屏、内容在中间、不要省略号」：
       面板背景恢复 100vw 通栏（deepzero 式），通过左右 padding 把内容压进与首页 .container
       同宽的 1200px 中间区域；链接文字不再 ellipsis 截断，允许自然换行。如冲突以老板为准。 */
    .navigation .soin-mega-menu,
    .navigation .soin-mega-menu.show { position:absolute; top:100%; left:50%; z-index:1201; display:grid; width:100vw; min-width:100vw; max-width:100vw; max-height:calc(100vh - 84px); grid-template-columns:minmax(230px,24%) minmax(0,76%); gap:0; margin:0; padding:0 max(24px, calc((100vw - 1200px) / 2)); overflow:auto; border:0; border-top:1px solid #edf1f5; border-bottom:1px solid #e5ebf1; border-radius:0; background:#fff; box-shadow:0 28px 60px rgba(13,39,65,.14); opacity:0; visibility:hidden; pointer-events:none; transform:translate(-50%,0); transition:opacity .18s ease,visibility .18s ease; }
    .navigation .nav-item.dropdown:hover > .soin-mega-menu,
    .navigation .nav-item.dropdown:focus-within > .soin-mega-menu,
    .navigation .nav-item.dropdown.mega-open > .soin-mega-menu,
    .navigation .nav-item.dropdown > .soin-mega-menu.show { opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0); }
    /* [AI 注释] 面板顶部悬停桥：填平导航与面板之间的缝隙，鼠标斜移进面板不断链。 */
    .navigation .soin-mega-menu::before { position:absolute; top:-14px; right:0; left:0; height:14px; content:""; }
    .navigation .soin-mega-intro { display:flex; min-height:200px; flex-direction:column; align-items:flex-start; justify-content:center; padding:28px 32px; background:linear-gradient(155deg,#f5f8fc,#edf3f9); }
    .navigation .soin-mega-intro h2 { margin:12px 0 8px; color:#112a44; font-size:21px; font-weight:650; letter-spacing:-.03em; }
    .navigation .soin-mega-intro p { max-width:250px; color:#62768b; font-size:12px; line-height:1.75; }
    .navigation .soin-mega-intro > a { display:inline-flex; align-items:center; gap:10px; margin-top:16px; color:#116bc1; font-size:12px; font-weight:650; }
    .navigation .soin-mega-link-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-content:center; gap:2px 10px; padding:20px 30px; }
    .navigation .soin-mega-link { min-width:0; min-height:0; gap:10px; padding:8px 12px; }
    .navigation .soin-mega-link-copy strong { font-size:13px; }
    /* [AI 注释] 依据老板 2026-10-23 指令「彻底优化下拉，参照深演智能紧凑风格」：
       去掉每项写死的占位描述与编号，链接仅保留标题；箭头默认隐藏、悬停浮现。
       如与最新指令冲突，以老板为准。 */
    .navigation .soin-mega-link .soin-mega-arrow { opacity:0; transform:translate(-3px,3px); transition:opacity .18s ease,transform .18s ease; }
    .navigation .soin-mega-link:hover .soin-mega-arrow,
    .navigation .soin-mega-link:focus-visible .soin-mega-arrow { opacity:1; transform:translate(0,0); color:var(--soin-blue); }

    /* [AI 注释] 依据老板 2026-10-23 指令「右上角语言选择又大边框又立体图标，修复保持一致的网页UI风格」：
       去掉胶囊边框、白色背景、圆角与蓝色立体地球图标，改为与其他 nav-link 完全一致的纯文字导航样式
       （透明背景、无边框、底部蓝色下划线 hover 动画），地球图标降为与 chevron 同色的小灰图标。 */
    .navigation .soin-language-toggle { display:inline-flex; align-items:center; gap:6px; padding:16px 5px !important; border:0; border-radius:0; background:transparent; color:#273d56; font-size:14px; font-weight:600; cursor:pointer; white-space:nowrap; }
    .navigation .soin-language-toggle > i:first-child { color:#8494a5; font-size:13px; }
    .navigation .soin-language-toggle:hover,
    .navigation .lang-switch.show .soin-language-toggle { background:transparent; color:var(--soin-blue); }
    .navigation .soin-language-menu { top:calc(100% + 8px); right:0; left:auto; width:190px; min-width:190px; margin:0; padding:8px; border:1px solid #e5ebf1; border-radius:14px; background:#fff; box-shadow:0 18px 46px rgba(13,39,65,.15); }
    .navigation .soin-language-menu .dropdown-item { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:11px 12px; border-radius:9px; color:#42566d; font-size:13px; }
    .navigation .soin-language-menu .dropdown-item.active { background:#f2f7fd; color:var(--soin-blue); font-weight:650; }
    .navigation .soin-language-menu .dropdown-item i { color:var(--soin-blue); }
    .navigation .lang-switch::after { position:absolute; top:100%; right:0; left:0; height:10px; content:""; }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .navigation .navbar-brand { margin-right:24px; }
    .navigation .navbar-nav { gap:8px; }
    .navigation .navbar-nav > .nav-item > .nav-link { font-size:12px; }
    .navigation .soin-mega-link-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:991.98px) {
    .navigation { position:relative; z-index:1200; overflow:visible; }
    .navigation > .container { position:relative; display:flex; flex-wrap:wrap; align-items:center; }
    .navigation .navbar-brand { margin-right:auto; }
    .navigation .navbar-collapse { flex-basis:100%; width:100%; margin-top:12px; }
    .navigation .navbar-nav { align-items:stretch; gap:2px; margin:0 !important; }
    .navigation .navbar-nav > .nav-item { width:100%; text-align:left; }
    .navigation .navbar-nav > .nav-item > .nav-link { display:flex; width:100%; align-items:center; justify-content:space-between; padding:13px 12px !important; text-align:left; }
    .navigation .soin-mega-menu,
    .navigation .soin-mega-menu.show { position:static; display:none; width:100%; min-width:0; max-width:none; max-height:55vh; grid-template-columns:1fr; gap:0; margin:0 0 10px; padding:0; overflow:auto; border:1px solid #e6edf3; border-radius:12px; background:#fff; box-shadow:none; opacity:1; visibility:visible; pointer-events:auto; transform:none; }
    .navigation .nav-item.dropdown.mega-open > .soin-mega-menu,
    .navigation .soin-mega-menu.show { display:grid; }
    .navigation .soin-mega-intro { min-height:0; padding:18px 20px; }
    .navigation .soin-mega-intro p,
    .navigation .soin-mega-intro > a { display:none; }
    .navigation .soin-mega-intro h2 { margin:10px 0 0; font-size:19px; }
    .navigation .soin-mega-link-grid { grid-template-columns:1fr; padding:8px 12px 14px; }
    .navigation .soin-mega-link { min-height:42px; }
    .navigation .navbar-nav .nav-item.dropdown.lang-switch { position:relative; margin:7px 0 0; }
    .navigation .soin-language-toggle { justify-content:flex-start !important; gap:8px; border:0; border-radius:0; background:transparent; }
    .navigation .soin-language-menu { position:static; width:100%; min-width:0; margin:5px 0 10px; padding:7px; border:1px solid #e5ebf1; border-radius:11px; background:#fff; box-shadow:none; }
}

@media (prefers-reduced-motion:reduce) {
    .navigation .soin-mega-menu,
    .navigation .soin-nav-chevron,
    .navigation .navbar-nav > .nav-item > .nav-link::after { transition:none !important; }
}





/* ===== DeepZero-style content blocks for product rich content (v: 20261023-dz) ===== */
.soin-product-rich-content .dz-block { margin: 0 0 46px; }
.soin-product-rich-content .dz-block:first-child { margin-top: 4px; }
.soin-product-rich-content .dz-kicker { display:block; margin-bottom:10px; color:#1675d2; font-size:11px; font-weight:700; letter-spacing:.18em; }
.soin-product-rich-content .dz-block h2 { margin:0 0 14px; color:#0d2741; font-size:26px; font-weight:700; line-height:1.3; }
.soin-product-rich-content .dz-lead { margin:0 0 26px; max-width:860px; color:#4a5e74; font-size:16px; line-height:1.85; }
.soin-product-rich-content .dz-block > p { margin:0 0 16px; max-width:860px; color:#4a5e74; font-size:15.5px; line-height:1.9; }
.soin-product-rich-content .dz-grid { display:grid; gap:18px; margin:26px 0 0; }
.soin-product-rich-content .dz-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.soin-product-rich-content .dz-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.soin-product-rich-content .dz-card { padding:24px 22px; border:1px solid #e6edf4; border-radius:14px; background:linear-gradient(180deg,#fbfdff,#f5f9fd); transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.soin-product-rich-content .dz-card:hover { border-color:#bcd7f1; box-shadow:0 16px 40px rgba(9,50,94,.09); transform:translateY(-3px); }
.soin-product-rich-content .dz-card h3 { margin:0 0 10px; color:#123c66; font-size:16.5px; font-weight:700; line-height:1.4; }
.soin-product-rich-content .dz-card p { margin:0; color:#5a6d81; font-size:13.5px; line-height:1.8; }
.soin-product-rich-content .dz-block img { max-width:100%; height:auto; border-radius:12px; }
.soin-product-rich-content .dz-media { display:grid; gap:18px; margin-top:26px; }
.soin-product-rich-content .dz-media img { width:100%; display:block; }
@media (max-width:900px) { .soin-product-rich-content .dz-cols-2,.soin-product-rich-content .dz-cols-3 { grid-template-columns:1fr; } .soin-product-rich-content .dz-block h2 { font-size:22px; } }

/* [AI 注释] 新闻网格响应式（flex 版）：须置于基础规则之后才能正确覆盖。平板 2 列、手机 1 列。 */
@media (max-width:991.98px) {
  #news-container, .news #news-container { gap: 18px; }
  #news-container > *, .news #news-container > * { flex-basis: calc((100% - 18px) / 2); }
}
@media (max-width:575.98px) {
  #news-container > *, .news #news-container > * { flex-basis: 100%; }
}


/* ========== 索云AI 页（deepzero 式卡片化排版）========== */
.ai-hero { background: linear-gradient(135deg, #0b2a6b, #1554d6); }
.ai-hero-title { color: #fff !important; font-size: clamp(34px, 5vw, 54px); font-weight: 800; letter-spacing: -.03em; margin-bottom: 14px; }
.ai-hero-sub { color: rgba(255,255,255,.85); font-size: clamp(15px, 1.6vw, 19px); letter-spacing: .04em; margin-bottom: 18px; }
.ai-hero-intro { color: rgba(255,255,255,.78); font-size: 16px; line-height: 1.9; margin-bottom: 26px; }
.ai-btn { display: inline-block; padding: 12px 38px; border-radius: 99px; background: #fff; color: #0b2a6b !important; font-weight: 600; font-size: 16px; text-decoration: none; box-shadow: 0 10px 30px rgba(4,22,58,.25); transition: transform .2s ease, box-shadow .2s ease; }
.ai-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(4,22,58,.32); color: #006ee9 !important; }
.ai-shot { width: 100%; height: auto; border-radius: 14px; border: 1px solid var(--soin-line, rgba(19,47,83,.1)); box-shadow: var(--soin-shadow, 0 18px 48px rgba(16,42,78,.10)); }
.ai-card { background: #fff; border: 1px solid var(--soin-line, rgba(19,47,83,.1)); border-radius: 16px; padding: 26px 24px; box-shadow: 0 8px 26px rgba(16,42,78,.06); transition: transform .2s ease, box-shadow .2s ease; }
.ai-card:hover { transform: translateY(-4px); box-shadow: var(--soin-shadow, 0 18px 48px rgba(16,42,78,.10)); }
.ai-card-name { font-size: 18px; font-weight: 700; margin-bottom: 10px; }
.ai-card-desc { color: var(--soin-muted, #64748b); font-size: 14.5px; line-height: 1.85; margin-bottom: 0; }
.ai-card-center { text-align: center; }
.ai-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.ai-tag { display: inline-block; padding: 4px 12px; border-radius: 99px; background: rgba(0,110,233,.08); color: #006ee9; font-size: 12.5px; font-weight: 500; line-height: 1.6; }
.ai-sol-card { background: #fff; border: 1px solid var(--soin-line, rgba(19,47,83,.1)); border-radius: 16px; overflow: hidden; box-shadow: 0 8px 26px rgba(16,42,78,.06); transition: transform .2s ease, box-shadow .2s ease; }
.ai-sol-card:hover { transform: translateY(-4px); box-shadow: var(--soin-shadow, 0 18px 48px rgba(16,42,78,.10)); }
.ai-sol-img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: top; display: block; border-bottom: 1px solid var(--soin-line, rgba(19,47,83,.1)); }
.ai-sol-img-empty { background: linear-gradient(135deg, #0b2a6b, #1554d6); }
.ai-sol-body { padding: 22px 24px 26px; }
.ai-cta-bar { background: linear-gradient(135deg, #0b2a6b, #1554d6); padding: clamp(56px, 7vw, 96px) 0; }
.ai-cta-intro { color: rgba(255,255,255,.9); font-size: clamp(18px, 2.2vw, 24px); font-weight: 600; margin-bottom: 26px; }
@media (max-width:767.98px) {
  .ai-hero-title { margin-top: 40px; }
  .ai-card { padding: 20px 18px; }
  .ai-sol-body { padding: 18px 18px 22px; }
}

/* Homepage hero: title-matched photography with a calmer, more spacious frame. */
.soin-hero .carousel-item { min-height:clamp(620px,80vh,840px); }
.soin-hero-slide { min-height:clamp(620px,80vh,840px); padding:120px 0 190px; background-position:center right; }
.soin-hero-copy { max-width:760px; }
.soin-hero-copy h1 { max-width:760px; font-size:clamp(44px,5.7vw,74px); line-height:1.18; }
.soin-hero-copy p { max-width:640px; }
.soin-hero-index { bottom:165px; }
.soin-hero-controls { bottom:215px; }

/* SOIN AI page: one clear enterprise-AI story from the first screen onward. */
.soin-ai-page { --ai-ink:#102943; --ai-muted:#65788b; --ai-line:#e2eaf2; --ai-blue:#0874d1; --ai-paper:#fff; --ai-soft:#f3f7fb; color:var(--ai-ink); }
.soin-ai-page .ai-hero-premium { position:relative; overflow:hidden; padding:clamp(76px,9vw,124px) 0 clamp(76px,8vw,108px); background:radial-gradient(ellipse at 84% 20%,rgba(57,145,232,.12),transparent 34%),linear-gradient(180deg,#f5f8fc 0%,#fff 100%); }
.soin-ai-page .ai-hero-premium:after { position:absolute; top:0; right:0; width:34%; height:100%; background:linear-gradient(135deg,transparent 48%,rgba(23,113,190,.045) 48.1%,rgba(23,113,190,.045) 48.3%,transparent 48.4%); content:""; pointer-events:none; }
.ai-hero-layout { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:center; gap:clamp(42px,7vw,100px); }
.ai-hero-copy { max-width:620px; }
.ai-hero-eyebrow,.ai-section-kicker { display:inline-flex; align-items:center; gap:10px; color:#1677c7; font-size:11px; font-weight:750; letter-spacing:.16em; }
.ai-hero-eyebrow:before { width:24px; height:1px; background:#1784dd; content:""; }
.soin-ai-page .ai-hero-title { margin:22px 0 17px; color:#102943!important; font-size:clamp(48px,5.9vw,76px); font-weight:680; line-height:1.1; letter-spacing:-.055em; }
.soin-ai-page .ai-hero-sub { max-width:590px; margin:0 0 15px; color:#29445f; font-size:clamp(17px,1.65vw,21px); font-weight:560; line-height:1.65; letter-spacing:0; }
.soin-ai-page .ai-hero-intro { max-width:600px; margin:0 0 27px; color:#687d91; font-size:15px; line-height:1.95; }
.soin-ai-page .ai-btn { display:inline-flex; align-items:center; gap:30px; min-height:50px; padding:13px 20px; border:1px solid #0874d1; border-radius:4px; background:#0874d1; color:#fff!important; font-size:14px; font-weight:650; box-shadow:0 12px 25px rgba(8,116,209,.18); }
.soin-ai-page .ai-btn:after { content:"↗"; font-size:17px; transition:transform .2s ease; }
.soin-ai-page .ai-btn:hover { border-color:#075eaa; background:#075eaa; color:#fff!important; box-shadow:0 15px 30px rgba(8,116,209,.25); }
.soin-ai-page .ai-btn:hover:after { transform:translate(2px,-2px); }
.ai-hero-capabilities { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:29px; color:#526b82; font-size:12px; font-weight:600; }
.ai-hero-capabilities span { display:inline-flex; align-items:center; gap:8px; }
.ai-hero-capabilities span:before { width:5px; height:5px; border-radius:50%; background:#1684dc; content:""; }
.ai-hero-visual { position:relative; min-height:420px; aspect-ratio:1.28; isolation:isolate; }
.ai-hero-visual:before { position:absolute; z-index:-1; top:20px; right:-18px; bottom:-18px; left:22px; border:1px solid rgba(16,99,168,.22); content:""; }
.ai-hero-visual:after { position:absolute; z-index:1; inset:0; border:1px solid rgba(255,255,255,.35); background:linear-gradient(180deg,rgba(5,27,50,.02) 38%,rgba(4,19,38,.76) 100%); content:""; pointer-events:none; }
.ai-hero-visual>img { display:block; width:100%; height:100%; border-radius:3px; object-fit:cover; object-position:55% center; box-shadow:0 30px 70px rgba(15,43,72,.18); }
.ai-hero-visual-caption { position:absolute; right:27px; bottom:25px; left:29px; z-index:2; display:flex; flex-direction:column; gap:9px; color:#fff; }
.ai-hero-visual-caption span { color:#a5d5ff; font-size:10px; font-weight:700; letter-spacing:.18em; }
.ai-hero-visual-caption strong { font-size:clamp(17px,2vw,23px); font-weight:620; letter-spacing:-.02em; }
.ai-hero-visual-chip { position:absolute; top:20px; right:20px; z-index:2; padding:9px 12px; border:1px solid rgba(255,255,255,.48); background:rgba(10,36,61,.35); color:#fff; font-size:10px; font-weight:600; letter-spacing:.04em; backdrop-filter:blur(12px); }
.soin-ai-page .section { padding:clamp(76px,8.5vw,116px) 0; }
.ai-products-section,.ai-solutions-section { background:#fff; }
.ai-agents-section,.ai-strengths-section { background:linear-gradient(180deg,#f3f7fb,#f7f9fc); }
.ai-section-heading { max-width:850px; margin:0 0 38px; }
.ai-section-kicker { margin-bottom:13px; color:#1474bf; font-size:10px; letter-spacing:.15em; }
.soin-ai-page .ai-section-heading h2 { margin:0 0 13px; color:#102943; font-size:clamp(30px,3.4vw,46px); font-weight:660; line-height:1.24; letter-spacing:-.045em; }
.ai-section-heading .text-md { max-width:760px; margin:0; color:#687d91; font-size:15px; line-height:1.85; }
.ai-image-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0 0 38px; }
.ai-image-tile { position:relative; overflow:hidden; aspect-ratio:2.48; margin:0; border:1px solid rgba(16,41,67,.08); background:#eaf1f7; box-shadow:0 13px 32px rgba(14,43,72,.08); }
.ai-image-tile:after { position:absolute; inset:45% 0 0; background:linear-gradient(0deg,rgba(4,20,38,.68),transparent); content:""; pointer-events:none; }
.ai-image-tile img { display:block; width:100%; height:100%; border:0; border-radius:0; object-fit:cover; transition:transform .65s cubic-bezier(.2,.7,.2,1); }
.ai-image-tile:hover img { transform:scale(1.045); }
.ai-image-tile figcaption { position:absolute; right:17px; bottom:14px; left:17px; z-index:1; display:flex; justify-content:space-between; color:rgba(255,255,255,.85); font-size:9px; font-weight:700; letter-spacing:.16em; }
.soin-ai-page .ai-card { min-height:100%; padding:25px 24px 23px; border:1px solid var(--ai-line)!important; border-radius:4px!important; background:rgba(255,255,255,.94); box-shadow:0 7px 23px rgba(16,41,67,.045); }
.soin-ai-page .ai-card:hover { transform:translateY(-3px); border-color:rgba(8,116,209,.26)!important; box-shadow:0 17px 38px rgba(16,41,67,.09); }
.soin-ai-page .ai-card-name { margin:0 0 9px; color:#153653; font-size:17px; font-weight:680; line-height:1.45; letter-spacing:-.02em; }
.soin-ai-page .ai-card-desc { color:#6a7d8f; font-size:13.5px; line-height:1.85; }
.soin-ai-page .ai-tag { padding:4px 10px; border:1px solid #e1edf7; border-radius:2px; background:#f2f8fd; color:#3176aa; font-size:11px; }
.ai-agents-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:0 0 33px; }
.ai-agents-image { overflow:hidden; aspect-ratio:2.35; background:#0a2949; }
.ai-agents-image img { display:block; width:100%; height:100%; border:0; border-radius:0; object-fit:cover; object-position:center; transition:transform .7s ease; }
.ai-agents-image:hover img { transform:scale(1.035); }
.soin-ai-page .ai-sol-card { height:100%; border:1px solid var(--ai-line)!important; border-radius:4px!important; box-shadow:0 9px 25px rgba(16,41,67,.055); }
.soin-ai-page .ai-sol-card:hover { transform:translateY(-4px); box-shadow:0 20px 42px rgba(16,41,67,.12); }
.soin-ai-page .ai-sol-img { aspect-ratio:1.9; object-position:center; border-bottom:1px solid var(--ai-line); }
.soin-ai-page .ai-sol-img-empty { background:linear-gradient(135deg,#d8e8f5,#90bfe2); }
.soin-ai-page .ai-sol-body { padding:22px 23px 24px; }
.soin-ai-page .ai-cta-bar { position:relative; overflow:hidden; padding:clamp(64px,8vw,96px) 0; background:radial-gradient(ellipse at 86% 8%,rgba(71,157,229,.27),transparent 38%),linear-gradient(125deg,#071d34,#0d345a 72%,#104775); }
.soin-ai-page .ai-cta-bar:after { position:absolute; top:0; right:9%; width:1px; height:100%; background:rgba(255,255,255,.13); content:""; transform:skewX(-28deg); }
.soin-ai-page .ai-cta-intro { position:relative; z-index:1; max-width:780px; margin:0 auto 25px; color:#fff; font-size:clamp(20px,2.6vw,31px); font-weight:620; line-height:1.5; }
.soin-ai-page .ai-cta-bar .ai-btn { position:relative; z-index:1; border-color:#fff; background:#fff; color:#123b5e!important; }
.soin-ai-page .ai-cta-bar .ai-btn:hover { border-color:#dceeff; background:#dceeff; }
@media (max-width:991.98px) {
 .soin-hero .carousel-item,.soin-hero-slide { min-height:clamp(600px,78svh,780px); }
 .soin-hero-slide { padding:112px 0 170px; }
 .soin-hero-index { bottom:142px; }
 .soin-hero-controls { bottom:190px; }
 .ai-hero-layout { grid-template-columns:1fr; gap:38px; }
 .ai-hero-copy { max-width:720px; }
 .ai-hero-visual { width:min(100%,740px); min-height:0; margin-left:auto; aspect-ratio:1.65; }
 .ai-image-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ai-image-tile:last-child:nth-child(odd) { grid-column:1/-1; }
}
@media (max-width:575.98px) {
 .soin-hero .carousel-item,.soin-hero-slide { min-height:clamp(560px,80svh,700px); }
 .soin-hero-slide { align-items:flex-start; padding:112px 0 154px; background-position:62% center; }
 .soin-hero-copy { padding:18px 0; }
 .soin-hero-copy h1 { margin:20px 0 15px; font-size:clamp(39px,10vw,54px); }
 .soin-hero-copy p { font-size:15px; line-height:1.8; }
 .soin-hero-controls { right:20px; bottom:102px; }
 .soin-hero-index { right:20px; bottom:113px; font-size:17px; }
 .soin-ai-page .ai-hero-premium { padding:67px 0 69px; }
 .ai-hero-layout { gap:30px; }
 .soin-ai-page .ai-hero-title { margin:17px 0 14px; font-size:clamp(43px,12vw,58px); }
 .soin-ai-page .ai-hero-sub { font-size:17px; }
 .soin-ai-page .ai-hero-intro { font-size:14px; }
 .ai-hero-capabilities { gap:9px 14px; margin-top:23px; font-size:11px; }
 .ai-hero-visual { width:calc(100% - 9px); margin-right:9px; aspect-ratio:1.28; }
 .ai-hero-visual-caption { right:18px; bottom:18px; left:19px; }
 .ai-hero-visual-chip { top:13px; right:13px; font-size:9px; }
 .soin-ai-page .section { padding:64px 0; }
 .ai-section-heading { margin-bottom:28px; }
 .soin-ai-page .ai-section-heading h2 { font-size:31px; }
 .ai-section-heading .text-md { font-size:14px; }
 .ai-image-gallery,.ai-agents-gallery { grid-template-columns:1fr; gap:13px; }
 .ai-image-tile:last-child:nth-child(odd) { grid-column:auto; }
 .ai-image-tile { aspect-ratio:2.05; }
 .ai-agents-image { aspect-ratio:1.8; }
 .soin-ai-page .ai-card { padding:21px 19px; }
 .soin-ai-page .ai-sol-img { aspect-ratio:1.8; }
}

/* ============================================================
   关于索云 · 荣誉资质横向时间轴（2026-10-23）
   数据来源：线上旧站 www.sointech.com.cn/about-us.html 荣誉资质原文
   ============================================================ */
.soin-about-timeline-wrap { margin-top:40px; }
.soin-about-timeline-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; }
.soin-about-timeline-label { display:inline-flex; align-items:center; gap:10px; color:#112a44; font-size:15px; font-weight:650; letter-spacing:.02em; }
.soin-about-timeline-label::before { width:4px; height:16px; border-radius:2px; background:linear-gradient(180deg,#2e8ff0,#1454c6); content:""; }
.soin-about-timeline-nav { display:flex; gap:10px; }
.soin-tl-btn { display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center; border:1px solid #dde6ef; border-radius:50%; background:#fff; color:#34506e; font-size:15px; cursor:pointer; transition:border-color .2s,color .2s,background .2s,transform .2s; }
.soin-tl-btn:hover { border-color:#2e8ff0; background:#f0f7ff; color:#116bc1; }
.soin-tl-btn:active { transform:scale(.94); }
.soin-about-timeline { position:relative; display:flex; gap:16px; overflow-x:auto; padding:26px 4px 28px; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#c7d6e6 transparent; -webkit-overflow-scrolling:touch; cursor:grab; }
.soin-about-tl-year { position:relative; min-width:272px; flex:0 0 272px; scroll-snap-align:start; }
.soin-about-tl-head { position:relative; z-index:1; padding-bottom:28px; margin-bottom:16px; }
.soin-about-tl-head::after { content:""; position:absolute; left:7px; right:-16px; bottom:6px; height:2px; border-radius:2px; background:linear-gradient(90deg,#2e8ff0,#1454c6); }
.soin-about-tl-year:last-child .soin-about-tl-head::after { display:none; }
.soin-about-tl-dot { position:absolute; left:0; bottom:0; z-index:1; width:14px; height:14px; border-radius:50%; background:#fff; border:4px solid #1454c6; box-shadow:0 0 0 4px rgba(20,84,198,.12); }
.soin-about-tl-year-label { display:block; color:#112a44; font-size:26px; font-weight:700; letter-spacing:-.02em; line-height:1; }
.soin-about-tl-year-label em { margin-left:2px; color:#62768b; font-size:14px; font-style:normal; font-weight:600; }
.soin-about-tl-events { position:relative; margin:0; padding:20px 20px 18px; list-style:none; border:1px solid #e8eef5; border-radius:16px; background:#fff; box-shadow:0 6px 22px rgba(16,44,84,.05); }
.soin-about-tl-events li { display:flex; align-items:flex-start; gap:12px; padding:8px 0; border-bottom:1px dashed #eef2f7; }
.soin-about-tl-events li:first-child { padding-top:0; }
.soin-about-tl-events li:last-child { padding-bottom:0; border-bottom:0; }
.soin-about-tl-month { flex:0 0 46px; padding:3px 0; border-radius:6px; background:#eef6ff; color:#116bc1; font-size:11px; font-weight:700; text-align:center; }
.soin-about-tl-text { min-width:0; flex:1; color:#3d4f66; font-size:13px; line-height:1.62; }
@media (max-width:767.98px) {
    .soin-about-timeline-wrap { margin-top:30px; }
    .soin-about-timeline-head { margin-bottom:16px; }
    .soin-about-timeline-label { font-size:14px; }
    .soin-tl-btn { width:34px; height:34px; }
    .soin-about-tl-year { min-width:258px; flex-basis:258px; }
    .soin-about-tl-year-label { font-size:23px; }
    .soin-about-tl-events { padding:16px 16px 14px; }
}

/* ============================================================
   移动端导航抽屉修复（2026-10-23）
   子菜单强制竖排、去浮层残留、链接整行可点
   ============================================================ */
@media (max-width:991.98px) {
    .navigation .navbar-collapse { padding:6px 10px 14px; }
    .navigation .navbar-nav > .nav-item > .nav-link { padding:13px 12px !important; }
    .navigation .soin-mega-menu,
    .navigation .soin-mega-menu.show { position:static !important; display:none !important; width:100% !important; min-width:0 !important; max-width:none !important; grid-template-columns:1fr !important; margin:2px 0 12px !important; padding:0 12px !important; overflow:visible !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:none !important; }
    .navigation .nav-item.dropdown.mega-open > .soin-mega-menu,
    .navigation .nav-item.dropdown > .soin-mega-menu.show { display:grid !important; }
    .navigation .soin-mega-link-grid { display:grid !important; grid-template-columns:1fr !important; gap:2px !important; padding:4px 14px 14px !important; }
    .navigation .soin-mega-link { min-height:44px !important; padding:11px 12px !important; border-radius:10px !important; }
    .navigation .soin-mega-link:hover { background:#f5f9fe !important; border-color:transparent !important; }
    .navigation .soin-mega-link-copy strong { font-size:14px !important; line-height:1.5 !important; }
    .navigation .soin-mega-arrow { margin-left:auto !important; }
    .navigation .soin-mega-intro { padding:16px 18px 6px !important; }
    .navigation .soin-mega-intro h2 { margin:8px 0 0 !important; font-size:16px !important; }
}

/* ============================================================
   移动端页脚修复（2026-10-23）
   单列竖排、地址整行不碎行、二维码横排
   ============================================================ */
@media (max-width:767.98px) {
    .soin-footer-grid { grid-template-columns:1fr !important; gap:26px 0 !important; }
    .soin-footer-column,
    .soin-footer-contact { grid-column:auto !important; min-height:0 !important; }
    .soin-footer-column h4,
    .soin-footer-contact h4 { margin:2px 0 12px !important; font-size:14px !important; }
    .soin-footer-column .footer-menu { gap:9px !important; }
    .soin-footer-column .footer-menu a { font-size:12px !important; line-height:1.6 !important; }
    .soin-footer-contact-link { margin-bottom:10px !important; font-size:13px !important; }
    .soin-footer-contact-addr { max-width:none !important; margin-bottom:9px !important; font-size:12px !important; line-height:1.65 !important; }
    .soin-footer-qrcode { flex-direction:row !important; align-items:center !important; gap:14px !important; margin-top:14px !important; }
    .soin-footer-qrcode img { width:84px !important; height:84px !important; }
    .soin-footer-legal { flex-direction:column !important; align-items:flex-start !important; gap:10px !important; margin-top:28px !important; padding-top:16px !important; }
}

/* ============================================================
   首页 hero 轮播高度锁定（2026-10-23）
   所有轮播项绝对定位叠放 + carousel-inner 固定高度，
   图片/文案切换时只淡入淡出，高度始终一致，不再跳动。
   ============================================================ */
.soin-hero .carousel-inner { height:clamp(620px,80vh,840px); }
.soin-hero .carousel-inner .carousel-item { position:absolute; top:0; right:0; bottom:0; left:0; height:100%; min-height:0 !important; }
.soin-hero-slide { height:100%; min-height:0 !important; }
@media (max-width:991.98px) {
    .soin-hero .carousel-inner { height:clamp(600px,78svh,780px); }
}
@media (max-width:575.98px) {
    .soin-hero .carousel-inner { height:clamp(560px,80svh,700px); }
}