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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/wisdom-station/bg.jpg") no-repeat 100% 50%;
    background-size: cover;
    position: relative;
}

.home-bg {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/bg/home1.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.wisdom-park-bg {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/bg/wisdom-park-bg.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.patrol-robot-bg {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/patrol-robot/bg.jpg") 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: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/bg/slider-bg-1.jpg") no-repeat;
    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: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/bg/bg-4.jpg") no-repeat 50% 50%;
    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: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/bg/banner.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.testimonial {
    position: relative;
}

.testimonial:before {
    width: 48%;
    height: 100%;
    top: 0;
    left: 0px;
    position: absolute;
    content: "";
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/bg/bg-2.jpg") no-repeat 50% 50%;
}

.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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/company-profile/1.jpg") 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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/wisdom-community/1.jpg") 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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/patrol-robot/bg.jpg") 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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/patrol-robot/bg-2.jpg") 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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/message-service/bg.jpg") 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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/cloud-application-software-testing/software-testing-lifecycle.png") 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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/car-test/bg.jpg") 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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/car-test/door1.jpg") 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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/car-test/door1.jpg") no-repeat;
        background-size: cover;
        position: relative;
    }

    .car-test-bg5 {
        background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/car-test/door2.jpg") no-repeat;
        background-size: cover;
        position: relative;
    }

    .car-test-bg6 {
        background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/car-test/top1.png") no-repeat;
        background-size: cover;
        position: relative;
    }

    .car-test-bg7 {
        background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/car-test/top2.png") 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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/car-test/door1.jpg") 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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/probe/bg.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.probe-bg2 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/probe/bg2.jpg") no-repeat;
    background-size: 50%;
    position: relative;
    background-color: black;
}

.probe-bg3 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/probe/bg4.jpg") 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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/jpower-tools/bg1.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.jpower-bg-img-2 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/jpower-tools/bg2.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.jpower-bg-img-3 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/jpower-tools/bg3.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.jpower-bg-img-4 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/jpower-tools/bg4.jfif") no-repeat;
    background-size: cover;
    position: relative;
}

.jpower-bg-img-5 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/jpower-tools/bg5.jpg") 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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/itsm-service/bg1.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.itsm-bg-img-2 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/itsm-service/bg2.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.itsm-bg-img-3 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/itsm-service/bg3.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.itsm-bg-img-4 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/itsm-service/bg4.jfif") no-repeat;
    background-size: cover;
    position: relative;
}

.itsm-bg-img-5 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/itsm-service/bg5.jfif") no-repeat;
    background-size: cover;
    position: relative;
}

.itsm-bg-img-6 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/itsm-service/bg6.jfif") no-repeat;
    background-size: cover;
    position: relative;
}

.itsm-bg-img-7 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/itsm-service/bg7.jfif") no-repeat;
    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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/freight-platform/bg1.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.freight-platform-bg-img-2 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/freight-platform/bg2.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.freight-platform-bg-img-3 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/freight-platform/bg3.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.freight-platform-bg-img-4 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/freight-platform/bg4.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.freight-platform-bg-img-5 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/freight-platform/bg5.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.freight-platform-bg-img-6 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/freight-platform/bg6.jpg") 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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/multimodal-transport/bg1.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.multimodal-transport-bg-img-2 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/multimodal-transport/bg2.jpg") 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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/intelligent-tracking/bg1.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.intelligent-tracking-bg-img-2 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/intelligent-tracking/bg2.jpg") 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: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/link-multipath-mixed-communication-gateway/bg1.jfif") no-repeat;
    background-size: cover;
    position: relative;
}

.link-multipath-mixed-communication-gateway-bg-img-2 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/link-multipath-mixed-communication-gateway/bg2.png") no-repeat;
    background-size: cover;
    position: relative;
}

.link-multipath-mixed-communication-gateway-bg-img-3 {
    background: url("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/link-multipath-mixed-communication-gateway/bg3.jfif") no-repeat;
    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("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page-bg.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

.index-bg-img-2 {
    /*background-size: 120%;*/
    background: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page-bg-ai.jpg") 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("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-bg1.png");
    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("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-bg5.jpg");
}

.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("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-bg2.png");
    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("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-bg3.jpg");
    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("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-bg4.jpg");
    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("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-top0.png");
}

#minDiv-img2 {
    background-size: 70%;
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-top1.png");
}

#minDiv-img3 {
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    background-image: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-top2.png");
}

#minDiv-img4 {
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    background-image: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-top3.png");
}

#minDiv-img5 {
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    background-image: url("http://sointech-web.oss-cn-beijing.aliyuncs.com/images230224/images230717/page0-top4.png");
}

.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("https://sointech-web.oss-cn-beijing.aliyuncs.com/images/home/ai/7-1.jpg");
    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新闻*/
/* 新闻项容器 */
/* 新闻项容器 */
#news-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);  /* 每行显示 2 个 */
    gap: 20px;  /* 设置项之间的间隙 */
    margin-bottom: 30px;
}


/* 每个新闻项的样式 */
.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;

}

/* 分页控件 */
#pagination {
    text-align: center;
    margin: 20px 0;
}

#pagination button {
    padding: 5px 20px;
    margin: 0 0 20px 0;
    border: 1px solid #007bff;
    background-color: #007bff;
    color: white;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    /*margin-bottom: 10px;*/
}

#pagination button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

#pagination #page-number {
    font-size: 16px;
    margin: 0 20px;
}

.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;
    }

    #news-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);  /* 每行显示 1 个 */
        gap: 20px;  /* 设置项之间的间隙 */
        margin-bottom: 30px;
    }


    /* 每个新闻项的样式 */
    .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;

    }

    /* 分页控件 */
    #pagination {
        text-align: center;
        margin-top: 20px;
    }

    #pagination button {
        padding: 5px 10px;
        margin: 0 0 20px 0;
        border: 1px solid #007bff;
        background-color: #007bff;
        color: white;
        font-size: 14px;
        cursor: pointer;
        border-radius: 5px;
        /*margin-bottom: 10px;*/
    }

    #pagination button:disabled {
        background-color: #ccc;
        cursor: not-allowed;
    }

    #pagination #page-number {
        font-size: 14px;
    }
}

.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: auto; /* 或者直接删除该规则 */
}