/* #region common */
.container a{
    text-decoration: none;
}
.container {
    position: relative;
    user-select: none;
    background: #F1F3F5;
    background: #F1F3F5;
}
body {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
::-webkit-scrollbar {
    display: none;
}

img{
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none; 
}
.wrap {
    width: 100%; 
    max-width: 65.885vw; 
    margin-inline: auto;
}
.media-container {
    width: 100%;
    height: 100%;
}
.media-container img{
    width: 100%;
    height: 100%;
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.flex-center {
    justify-content: center;
}
.flex-between {
    justify-content: space-between;
}
.flex-align-center {
    align-items: center;
}
.mt-35 {
    margin-top: 1.823vw;
}
.mgtb-13 {
    margin: 0.677vw 0;
}
.hidden {
    display: none;
}
.active {
    color: #FB6E2A !important;
}
.no-gap {
    gap: 0 !important;
}
/* .trs-r {
    transform: translate(29%);
}
.trs-l {
    transform: translate(-22%);
} */
.ml-page-1 {
    margin-left: 2.5vw !important;
}
.ml-page-2 {
    margin-left: 1.979vw !important;
}
.ml-page-3 {
    margin-left: 2.656vw !important;
}
/* #endregion common*/

/* #region 头部 */
.header {
    top: 0;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 3.385vw;
    background: #FB6E2A;
}
.aTitle.active {
    color: #FFFFFF !important;
    opacity: 1;
}
.logo-box {
    width: 7.292vw;
    height: 1.563vw;
}
.logo img{
    width: 100%;
    height: 100%;
}
.header-container {
    overflow: hidden;
}
.header-center {
    gap: 6.25vw;
}
.header-center a {
    font-family: 'PingFang_Bold';
    font-size: 0.938vw;
    color: #FFFFFF;
    white-space: nowrap;
    opacity: .6;
}
.header-center a:hover {
    opacity: 1;
}
.header-right {
    width: 4.896vw;
    height: 1.823vw;
    line-height: 1.823vw;
    background: #FFFFFF;
    border-radius: 0.26vw;
    font-family: 'PingFang_Bold';
    font-size: 0.938vw;
    color: #FB6E2A;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

/* #endregion 头部*/

/* #region banner*/
.banner { 
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1920 / 880;
}
.banner>img { 
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .banner-bottom {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.094vw;
}
.banner .chat-canvas {
    top:23%;
    left: 42.87%;
    position: absolute;
    z-index: 2;
    width: 14.323vw;
    height: 24.583vw;
    overflow-y: scroll;
    background-color: #ebebeb;
    /* gap: 0.573vw; */
}
.chat-left,.chat-right {
    left: 42.87%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0.573vw;;
}

.chat-canvas img {
    width: 100%;
    height: 100%;
}

.banner-bottom-bk {
    width: calc(700 / 1920 * 100vw);
    height: calc(70 / 1920 * 100vw);
    background-color: rgba(235, 235, 235, 0.3);
    border-radius: 70px;
    flex-wrap: nowrap;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow:inset 0px 0px 8px 0px rgba(255, 255, 255,1);
}
.banner-bottom-top {
    margin-left: calc(22 / 1920 * 100vw);
    margin-right: calc(18 / 1920 * 100vw);
    white-space: nowrap;
    font-family: 'PingFang_Bold';
    font-weight: bold;
    font-size: calc(24 / 1920 * 100vw);
    color: #161616;
}
.banner-bottom-center {
    display: flex;
    align-items: center;
    z-index: 999;
}
.banner-bottom-center input[type="text"] {
    box-shadow:inset 0px 0px 8px 0px rgba(1,1,1,0.21);
    transform: translate(0);
    width: calc(232 / 1920 * 100vw);
    height: calc(44 / 1920 * 100vw);
    background: #FFFFFF;
    border-radius: 22px;
    background-color: #FFFFFF;
    border: none;
    padding: 0 calc(28 / 1920 * 100vw); /* 可选：内边距 */
    box-sizing: border-box;
    font-family: 'PingFang_Regular'; 
    outline: none;
    font-size: calc(24 / 1920 * 100vw);
    color: #303030;
}
.banner-bottom-bottom {
    display: flex;
    align-items: center;
    z-index: 1;
    transform: translateX(calc(-62 / 1920 * 100vw));
    min-width: calc(206 / 1920 * 100vw);
    height: calc(44 / 1920 * 100vw);
    border-radius: 22px;
    white-space: nowrap;
    font-family: 'PingFang_Bold';
    font-size: calc(24 / 1920 * 100vw);
    color: #FFFFFF;
    background-color: #f46c36;
    cursor: pointer;
}
.bottom-bottom-text {
    margin-left: 4.219vw;
}
/* .banner .banner-bottom>img {
    position: absolute;
} */
/* #endregion banner*/

/*  #region introduction */
.introduction {
    width: 100%;
    margin-inline:0 auto;
    padding-top: 4.167vw;
}
.introduction-box {
    max-width: 65.417vw;
    margin-bottom: 1.042vw;
}

.introduction-box-button {
    cursor: pointer;
    max-width: 13.438vw;
    aspect-ratio: 258 / 64;
}
.introduction-img {
    width: 65.417vw;
    height: 36.615vw;
}
.introduction-img img {
    width: 100%;
    height: 100%;
}
.introduction-box-button img{
    width: 100%;
    height: 100%;
}
/* #endregion introduction*/

/* #region cooperation*/
.cooperation { 
    width: 100%;
    margin-inline:0 auto;
    padding-top: 4.896vw;
}
.cooperation-box {
    text-align: center;
}
.cooperation-box-title {
    font-family: 'PingFang';
    font-weight: 800;
    font-size: 2.5vw;
    color: #303030;
    margin-bottom: 3.594vw;
}
.cooperation-box-enterprise {
    width: 100%;
    /* height: 21.927vw;
    background-color: orangered; */
}
/* 2323232 */
.cooperation-enterprises-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 17.188vw;
    /* width: inherit; */
    overflow: hidden;
}
.cooperation-firstrow {
    display: flex;
    align-items: center;
    margin-bottom: 1.875vw;
    overflow: hidden;
}
@keyframes cl-scrolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
@keyframes cl-scrolling2 {
    0% {
        transform: translateX(-5.5%);
    }
    100% {
        transform: translateX(-105.5%);
    }
}
.cooperation-secondrow {
    display: flex;
    align-items: center;
    overflow: hidden;
}
.cooperation-enterprises-brand-1 {
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    align-items: center;
    overflow: hidden;
    user-select: none;
    /* animation: cl-scrolling 6s infinite linear; */
}
.cooperation-enterprises-brand-2 {
    display: flex;
    flex: none;
    flex-shrink: 0;
    flex-grow: 0;
    align-items: center;
    overflow: hidden;
    user-select: none;
    /* animation: cl-scrolling2 6s infinite linear; */
}
.brand-items {
    flex-shrink: 0;
    flex-grow: 0;
    width: 15.625vw;
    height: 8.646vw;
    border-radius: 0.521vw;
    margin-left: 2.083vw;
}
.brand-items img {
    width: 100%;
    height: 100%;
}
/* #endregion cooperation */

/* #region co-branded */
.co-branded {
    width: 100%;
    margin-inline:0 auto;
    padding-top: 3.958vw;
}
.co-branded-box {
    position: relative;
    width: 65.885vw;
    height: 36.719vw;
    aspect-ratio: 1265 / 705;
    display: flex;
    flex-direction: column;
}
.co-branded-box-text {
    position: absolute;
    top: 4.688vw;
    left: 6.146vw;
}
.co-branded-box .co-branded-title{
    font-family: 'PingFang';
    font-weight: 800;
    font-size: 2.5vw;
    color: #303030;
}
.co-branded-box .co-branded-unity{
    padding-top: 3.021vw;
    font-family: 'PingFang';
    font-weight: bold;
    font-size: 1.563vw;
    color: #FB6E2A;
    line-height: 1;
}
.co-branded-box .co-branded-unity{
    padding-top: 3.021vw;
    font-family: 'PingFang';
    font-weight: bold;
    font-size: 1.563vw;
    color: #FB6E2A;
    line-height: 1;
}
.mt-25 {
    padding-top: 1.302vw;
}
.mt-24 {
    padding-top: 0.729vw;
}
.co-branded-detail {
    font-family: 'PingFang';
    font-weight: 500;
    font-size: 0.938vw;
    color: #303030;
    line-height: 1.458vw;
}

.co-branded-box>img {
    width: 100%;
    height: 100%;
}
.co-branded-button {
    padding-top: 1.042vw;
    padding-bottom: 4.063vw;
    gap:0 3.438vw ;
}
.co-b-1,.co-b-2 {
    cursor: pointer;
    width: 11.458vw;
    height: 3.333vw;
}
.co-branded-button img {
    width: 100%;
    height: 100%;
}
/* #endregion co-branded */

/* #region  multi-support*/
.multi-support { 
    width: 100%;
    background: #FFFFFF;
}
.ms-box {
    padding-left: 17.708vw;
    padding-top: 6.563vw;
    padding-bottom: 5.365vw;
}
.ms-img {
    position: relative;
    z-index: 1;
}
.ms-img-center {
    position: relative;
    z-index: 3;
}
.ms-title {
    white-space: nowrap;
    padding-bottom: 2.865vw;
    font-family: 'PingFang';
    font-weight: 800;
    font-size: 2.5vw;
    color: #303030;
    line-height: 3.125vw;
}
/* 左边 */
.ms-box-left {
    width: 19.948vw;
}
.ms-collapse {
    width: 19.948vw;
    /* height: 21.094vw; */
    background: #F1F3F5;
    box-sizing: border-box;
    padding: 1.615vw 1.042vw 0 1.042vw;
    border-radius: 0.521vw;
}
.ms-collapse-item span{
    padding-left: 0.833vw;
    font-family: 'PingFang';
    font-weight: bold;
    font-size: 1.146vw;
    color: #303030;
    line-height: 1;
}
.ms-collapse-item img{
    width: 1.25vw;
    height: 0.677vw;
}
.ms-collapse-item p {
    white-space: pre;
    font-family: 'PingFang';
    font-weight: 500;
    font-size: 0.938vw;
    color: #797979;
    line-height: 1.563vw;
}
.ms-collapse-row {
    cursor: pointer;
}
.collapse-item-text {
    padding-left: 0.833vw;
    padding-top: 0.833vw;
}
.ms-info {
    width: 100%;
    margin-top: 1.25vw;
    text-align: center;
    font-family: 'PingFang';
    font-weight: bold;
    font-size: 1.146vw;
    color: #303030;
}
.ms-line {
    border-bottom: 1px solid #C5C5C5;
    margin: 1.563vw 0;
}
.ms-line-other {
    border-bottom: 1px solid transparent;
}
.ms-button {
    height: 2.396vw;
    margin-top: 0.677vw;
    cursor: pointer;
}
.ms-button img {
    width: 100%;
    height: 100%;
}

.ms-box-right-box {

}
.ms-img-big {
    
}
/* 图片容器大小定制部分 */
.page1-1{
    width: 44.5vw;
    padding-left: 2.18vw;
    transform: translate(0.06vw);
    /* margin-left: 2.6vw */
}
.page1-2{
    width: 44.5vw;
    padding-left: 2.18vw;
    transform: translate(-0.258vw);
    /* margin-left: 2.1vw; */
}
.page1-3{
    width: 44.5vw;
    padding-left: 2.18vw;
    transform: translate(-0.1vw);
    /* margin-left: 2.92vw; */
}

.ms-box-right-box-small {
    margin-left: 4.167vw;
    gap: 1.354vw;
}
.ms-box-right img{
    width: 100%;
    height: 100%;
}
/* 右边 */
.ms-box-right {
    padding-top: 1.875vw;
    /* padding-left: 48px; */
}
.ms-img-normal {
    width: 15.208vw;
    height: 23.906vw;
}
.ms-img-normal-small {
    width: 11.875vw;
    height: 23.906vw;
}
.ms-img-center {
    width: 18.49vw;
    height: 28.854vw;
}
.ms-img-center-small {
    width: 14.375vw;
    height: 28.854vw;
}
/* tranlate 38 px */
.ms-img-center img {
    width: 100%;
    height: 100%;
}
/* 左边底部 */
.ms-page {
    position: relative;
    bottom: 0;
    margin-left: 4.167vw;
}
.ms-page-special {
    margin-left: 2.59vw;
}
.ms-page-left,.ms-page-right {
    cursor: pointer;
    width: 2.448vw;
    height: 2.448vw;
}
.ms-page-center {
    text-align: center;
    width: 3.854vw;
}

.solution {
    padding-top: 5.104vw;
    width: 100%;
}
.solution-title {
    text-align: center;
    font-family: 'PingFang';
    font-weight: 800;
    font-size: 2.5vw;
    color: #303030;
    line-height: 3.125vw;
}
.solution-detail {
    margin-top: 2.917vw;
    
}
.solution-detail img { 
    width: 22.5vw;
    height: 64.219vw;
}

.solution-btn-6 img,.solution-btn-7 img,.solution-btn-8 img {
    width: 100%;
    height: 100%;
}
.solution-btn-6,.solution-btn-7,.solution-btn-8 {
    position: absolute;
    width: 14.375vw;
    height: 2.813vw;
    top: 12.5vw;
    left: 4vw;
    cursor: pointer;
}

.solution-img-box{
    position: relative;
}

.solution-btn {
    cursor: pointer;
    padding-top: 0.833vw;
    width: 11.458vw;
    height: 3.333vw;
    margin: 0 auto;
}
.solution-btn img { 
    width: 100%;
    height: 100%;
}
/* #endregion  multi-support*/

/* #region co-advantage */
.co-advantage {
    width: 100%;
    padding-top: 4.427vw;
    text-align: center;
    font-family: 'PingFang';
    font-weight: 800;
    font-size: 2.5vw;
    color: #303030;
}
.co-advantage-box {
    width: 65.938vw;
    height: 46.615vw;
    text-align: center;
    padding-top: 1.354vw;
}
.co-advantage-box img {
    width: 100%;
    height: 100%;
}
/* #endregion co-advantage */

/* #region sale-support*/
.sale-support {
    width: 100%;
    margin-inline:0 auto;
}

.support-img-box {
    gap: 0.677vw;
}
.support-card {
    width: 15.625vw;
    height: 9.896vw;
    margin-top: 2.083vw;
    background: #FFFFFF;
    box-shadow: 0px 0px 0.469vw 0.104vw rgba(121,121,121,0.04);
    border-radius: 0.521vw;
    padding: 2.396vw 1.458vw 0 1.458vw;
    text-align: left;
    box-sizing: border-box;
}
.support-card-title {
    font-family: 'PingFang';
    font-weight: bold;
    font-size: 1.458vw;
    color: #FB6E2A;
}
.support-card-text {
    margin-top: 0.729vw;
    font-family: 'PingFang';
    font-weight: 500;
    font-size: 0.833vw;
    color: #303030;
    line-height: 1.354vw;
}

.sale-support-box h2{ 
    padding-top: 1.823vw;
    font-family: 'PingFang';
    font-weight: 800;
    font-size: 2.5vw;
    color: #303030;
    text-align: center;
}
.sale-support-img {
    padding-top: 1.51vw;
    width: 65.885vw;
    height: 11.198vw;
    margin: 0 auto;
}
.sale-support-img img { 
    width: 100%;
    height: 100%;
}
.sale-support-btn {
    margin: 0 auto;
    cursor: pointer;
    padding-top: 1.354vw;
    width: 11.458vw;
    height: 3.333vw;
}
.sale-support-btn img { 
    width: 100%;
    height: 100%;
}
/* #endregion sale-support*/

/* #region about */
.about {
    width: 100%;
}
.about-box {
    padding-top: 4.271vw;
}
.about-box-title {
    text-align: center;
    font-family: 'PingFang';
    font-weight: 800;
    font-size: 2.5vw;
    color: #303030;
}
.about-box-intro {
    padding-top: 2.396vw;
    text-align: center;
    font-family: 'PingFang';
    font-weight: 500;
    font-size: 1.146vw;
    color: #797979;
    line-height: 1.875vw;
}
.about-box-intro .intro-active {
    color: #F46813 ;
}
.about-show {
    width: 100%;
    height: 100%;
    margin: 2.604vw auto 0 auto;
    border-radius: 15px;
}
.about-show img { 
    width: 100%;
    height: 100%;
}
.about-box .box-title-plus {
    margin-top: 2.188vw;
    text-align: center;
    font-family: 'PingFang';
    font-weight: bold;
    font-size: 1.354vw;
    color: #161616;
}
.about-box-img {
    padding-top: 3.021vw;
    padding-bottom: 4.948vw;
    margin: 0 auto;
    width: 43.229vw;
    height: 4.167vw;
}
.about-box-img img {
    width: 100%;
    height: 100%;
}
/* #endregion about */

/* #region footer */
.footer {
    width: 100%;
    background-color: #fff;
    user-select: text;
}
.footer-box {
    padding-top: 3.75vw;
}
.footer-box-top .left-info {
    font-family: 'PingFang';
    font-weight: bold;
    font-size: 0.938vw;
    color: #161616;
}
.footer-box-top .left-sub-info {
    font-family: 'PingFang';
    font-weight: bold;
    font-size: 0.729vw;
    color: #797979;
}
.center {
    padding-left: 7.813vw;
}
.right-top {
    font-family: 'PingFang';
    font-weight: 500;
    font-size: 0.729vw;
    color: #161616;
    gap: 0.365vw 0;
}
.right-top-left,.right-top-right {
    text-align: center;
}
.right-top-left img {
    padding-top: 0.521vw;
    width: 7.813vw;
    height: 7.813vw;
}
.right-top-right img{
    padding-top: 0.521vw;
    width: 7.813vw;
    height: 7.813vw;
}
.footer-box-top .scan-code {
    margin: 0 auto;
    width: 9.375vw;
    height: 1.875vw;
}
.footer-box-top .scan-code img {
    width: 100%;
    height: 100%;
}
.footer-box-top .right{
    margin-left: 6.146vw;
    padding-left: 1.927vw;
    border-left: 1px solid #797979;
}
.footer-box-bottom {
    margin-top: 2.24vw;
    margin-bottom: 2.76vw;
    text-align: center;
    white-space: nowrap;
    font-family: 'PingFang';
    font-weight: bold;
    font-size: 0.729vw;
    color: #797979;
}
/* #endregion footer */

/* #region  dialog*/
.register-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 999;
}

/* #endregion  */