/* banner */
.banner_swiper {
    width: 100%;
    position: relative;
}

.banner_swiper .swiper-slide {
    width: 100%;
    position: relative;
}

.banner_swiper .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.banner_swiper .text .container {
    display: flex;
    align-items: center;
    justify-content: left;
    position: relative;
    box-sizing: border-box;
}

.banner_swiper .text .tit {
    text-align: left;
}

.banner_swiper .text .tit h2 {
    font-weight: bold;
    font-size: 8rem;
    color: #FFFFFF;
    letter-spacing: 0.5rem;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.21);
    margin-bottom: 2rem;
    font-family: 'en-font' !important;
}

.banner_swiper .text .tit p {
    font-weight: 400;
    font-size: var(--fa_30, 3rem);
    color: #D1D1D1;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.21);
}

.banner_swiper .text .tit h2 {
    transition: 0.5s ease;
    transform: translateY(7rem);
    opacity: 0;
}

.banner_swiper .text .tit h3 {
    transition: 0.5s ease;
    transform: translateY(7rem);
    opacity: 0;
    transition-delay: 0.1s;
    font-weight: bold;
    font-size: var(--fa_50, 5rem);
    color: #FFF;
    letter-spacing: 0.5rem;
    /* text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.21); */
    margin-bottom: 1.5rem;
    font-family: 'en-font' !important;
}

.banner_swiper .text .tit p {
    transform: translateY(7rem);
    opacity: 0;
    transition: 0.5s ease;
    transition-delay: 0.2s;
}

.banner_swiper .swiper-slide-active .text .tit h2,
.banner_swiper .swiper-slide-active .text .tit p,
.banner_swiper .swiper-slide-active .text .tit h3 {
    transform: translateY(0rem);
    opacity: 1 !important;
}

.banner_swiper .swiper-pagination {
    left: 16rem;
    display: flex;
    align-items: center;
    bottom: 9.6rem;
}

.banner_swiper .swiper-pagination-bullet {
    margin: 0 !important;
    margin-right: 3.4rem !important;
    width: 1.2rem;
    height: 1.2rem;
    opacity: 0.66;
    background: #FFF;
    position: relative;
    cursor: pointer;
}

.banner_swiper .swiper-pagination-bullet:last-child {
    margin-right: 0px;
}

.banner_swiper .swiper-pagination-bullet::after {
    width: 3.4rem;
    height: 3.4rem;
    border: 0.1rem solid #FFFFFF;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    clip-path: inset(0 0 0 100%);
    transition: 0.5s ease;
}

.banner_swiper .swiper-pagination-bullet-active {
    background: #FFF;
    opacity: 1;
}

.banner_swiper .swiper-pagination-bullet-active::after {
    clip-path: inset(0 0 0 0%)
}

/* 首页数字滚动 */
.digital_scroll {
    width: 100%;
    margin-top: 3rem;
}

.digital_scroll .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.digital_scroll .out .box {
    display: flex;
    align-items: center;
}

.digital_scroll .out .box img {
    display: block;
    width: 6.2rem;
    height: auto;
    display: block;
    object-fit: contain;
    margin-right: 2.4rem;
}

.digital_scroll .out .box .tit {
    display: flex;
    align-items: end;
}

.digital_scroll .out .box .tit b {
    font-weight: bold;
    font-size: var(--fa_50, 5rem);
    color: #1D1D1D;
    line-height: 1;
    text-shadow: var(--shadow_color);
    margin-right: 1.4rem;
}

.digital_scroll .out .box .tit span {
    font-weight: 400;
    font-size: 2.6rem;
    color: #1D1D1D;
    line-height: 1;
    text-shadow: var(--shadow_color);
}

.digital_scroll .out .box p {
    margin-top: 1rem;
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #828282;
}

/* 服务范围 */
.OUR_SERVICES_2 {
    margin-top: var(--top_margin, 10rem);
}

.OUR_SERVICES_2 .out {
    margin-top: var(--top_margin_2);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.OUR_SERVICES_2 .out .box {
    width: 23.188%;
    background: #F3F3F3;
    border-radius: 2.7rem;
    overflow: hidden;
    position: relative;
}

.OUR_SERVICES_2 .out .box .img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s ease;
}

.OUR_SERVICES_2 .out .box .img::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    background: rgba(0, 0, 0, 0.34);
    z-index: 5;
}

.OUR_SERVICES_2 .out .box .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    position: relative;
    z-index: 3;
}

.OUR_SERVICES_2 .out .box .text {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 9rem 4.5rem 6.5rem 4.5rem;
    box-sizing: border-box;
}

.OUR_SERVICES_2 .out .box .text h3 {
    font-weight: 500;
    font-size: var(--fa_30, 3rem);
    color: #303030;
    line-height: 1.2em;
}

.OUR_SERVICES_2 .out .box .text ul {
    margin-top: 7.7rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem 0px;
}

.OUR_SERVICES_2 .out .box .text ul li {
    width: 50%;
    display: flex;
    align-items: center;
}

.OUR_SERVICES_2 .out .box .text ul li .Tubiao {
    width: 1.9rem;
    height: 1.9rem;
    display: block;
    margin-right: 1rem;
    background: url(../images/10009.png) no-repeat center;
    background-size: 100% 100%;
}

.OUR_SERVICES_2 .out .box .text ul li span {
    font-weight: 400;
    font-size: var(--fa_14, 1.4rem);
    color: #615F5E;
}

.OUR_SERVICES_2 .out .box .public_Moer_box {
    margin-top: 5rem;
}

.OUR_SERVICES_2 .out .box:hover .img {
    visibility: visible;
    opacity: 1;
}

.OUR_SERVICES_2 .out .box:hover .text h3 {
    color: #FFF;
    text-align: center;
}

.OUR_SERVICES_2 .out .box:hover .text ul li span {
    color: #FFF;
}

.OUR_SERVICES_2 .out .box:hover .text .Moer_box {
    left: 10.7rem;
}

.OUR_SERVICES_2 .out .box:hover .text ul li .Tubiao {
    background: url(../images/10011.png);
}

/* CASES */

.CASES {
    margin-top: var(--top_margin, 10rem);
}

.CASES .but_list {
    margin: 4.8rem 0px 5.6rem 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.CASES .but_list a {
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #2E2E2E;
    margin-right: 9.4rem;
    display: block;
    position: relative;
}

.CASES .but_list a:last-child {
    margin-right: 0px;
}

.CASES .but_list a::after {
    position: absolute;
    content: "";
    bottom: -1.8rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0rem;
    height: 0.4rem;
    background: #C7000A;
    border-radius: 0.2rem;
    display: block;
    transition: 0.5s ease;
}

.CASES .but_list a:hover::after,
.CASES .but_list a.active::after {
    width: 8.6rem;
}

.CASES .out {
    width: 100%;
    margin-top: var(--top_margin_2);
}

.CASES .out .swiper-slide {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem 0.5%;
}

.CASES .out .swiper-slide .box {
    width: 33%;
    box-sizing: border-box;
}

.CASES .out .swiper-slide .box a {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: block;
    box-shadow: 0px 0px 1rem 0.1rem #00000002;
}

.CASES .out .swiper-slide .box .logo {
    position: absolute;
    top: 3rem;
    left: 3.6rem;
    max-height: 5rem;
    z-index: 30;
    object-fit: contain;
}

.CASES .out .swiper-slide .box .img {
    padding-top: 73%;
}

.CASES .out .swiper-slide .box .img img {
    transition: 0.8s ease;
}

.CASES .out .swiper-slide .box:nth-child(1) {
    width: 66.5%;
}

.CASES .out .swiper-slide .box:nth-child(1) .img {
    padding-top: 43.798%;
}

.CASES .out .swiper-slide .box:nth-child(2) .img {
    padding-top: 88.2%;
}

.CASES .out .swiper-slide .box a:hover .img img {
    transform: scale(1.1);
}

.CASES .out .swiper-slide .box .text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 20;
    padding: 3rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: end;
    opacity: 0;
    transition: 0.5s ease;
}

.CASES .out .swiper-slide .box .text h3 {
    color: #fff;
    font-size: var(--fa_24, 2.4rem);
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.CASES .out .swiper-slide .box .text p {
    color: #FFF;
    font-size: var(--fa_16, 1.6rem);
    line-height: 1.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.CASES .out .swiper-slide .box a:hover .text {
    opacity: 1;
}

/* Our_Advantages */
.Our_Advantages {
    width: 100%;
    background: url(../images/10109.webp) no-repeat center;
    padding: 10rem 0px 7rem 0px;
    background-size: cover;
    background-attachment: fixed;
    margin-top: var(--top_margin_2);
}

.Our_Advantages .public_title .tit h2,
.Our_Advantages .public_title .tit b {
    color: #FFF;
}

.Our_Advantages .public_title .tit i {
    background: #FFF;
}

.Our_Advantages .public_title p {
    max-width: 99.6rem;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    margin-top: 4rem;
}

.Our_Advantages .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 8rem;
}

.Our_Advantages .out .box {
    width: 31.438%;
    background: #FFF;
    border-radius: 1.4rem;
    padding: 4.5rem 3rem 3rem 3rem;
    box-sizing: border-box;
}

.Our_Advantages .out .box .icon {
    width: 12rem;
    height: 12rem;
    display: block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: rgba(199, 0, 10, 0.12);
}

.Our_Advantages .out .box .icon img {
    height: 5.7rem;
    display: block;
}

.Our_Advantages .out .box .txt {
    margin-top: 2rem;
    width: 100%;
    text-align: center;
}

.Our_Advantages .out .box .txt h3 {
    font-weight: bold;
    font-size: var(--fa_24, 2.4rem);
    color: #1D1D1D;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.12);
}

.Our_Advantages .out .box .txt p {
    margin-top: 2rem;
    text-align: left;
    font-weight: 400;
    font-size: var(--fa_16, 1.6rem);
    color: #AAAAAA;
    line-height: 1.7em;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.12);
}

.Our_Advantages .Moer_box {
    margin-top: 7rem;
    width: 100%;
    display: flex;
    justify-content: center;
    justify-content: center;
}

/* PARTNER */
.PARTNER {
    margin-top: var(--top_margin, 10rem);
}

.PARTNER .out {
    margin-top: var(--top_margin_2);
    position: relative;
}

.PARTNER .out::after {
    position: absolute;
    width: 14.174%;
    height: 100%;
    background: linear-gradient(91deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 0px 0px 0px 0px;
    content: '';
    left: 0px;
    top: 0px;
    z-index: 10;
}

.PARTNER .out::before {
    position: absolute;
    top: 0px;
    width: 14.174%;
    height: 100%;
    background: linear-gradient(269deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 0px 0px 0px 0px;
    content: '';
    right: 0px;
    z-index: 10;
}

.PARTNER .out .swiper-slide {
    width: auto;
    height: 6rem;
    margin-right: 5.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PARTNER .out .swiper-slide img {
    width: auto;
    height: auto;
    max-height: 100%;
    display: block;
    object-fit: contain;
}

.PARTNER .out .swiper-wrapper {
    align-items: center;
    transition-timing-function: linear;
    /* 确保滚动速度是恒定的 */
}

.PARTNER .out .PARTNER_swiper {
    margin-bottom: 9rem;
}

.PARTNER .out .PARTNER_swiper:last-child {
    margin-bottom: 0px;
}

.PARTNER .out .PARTNER_swiper:nth-child(2) .swiper-slide {
    margin-right: 0px;
    margin-left: 7.5rem;
}

.PARTNER .out .PARTNER_swiper:nth-child(3) .swiper-slide {
    margin-right: 9rem;
}

.PARTNER .out .PARTNER_swiper:nth-child(4) .swiper-slide {
    margin-right: 0px;
    margin-left: 9rem;
}

/* News */
.NEWS {
    margin-top: var(--top_margin, 10rem);
}

.NEWS .out {
    margin-top: var(--top_margin_2);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.NEWS .out .left {
    width: 57.375%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.NEWS .out .left .box {
    width: 48%;
}

.NEWS .out .left .box .img {
    width: 100%;
    overflow: hidden;
    padding-top: 77.165%;
}

.NEWS .out .left .box .img img,
.NEWS .out .right .box .img img {
    transition: 0.5s ease;
}

.NEWS .out .left .box .text {
    width: 100%;
    padding: 3.8rem 2.8rem;
    box-sizing: border-box;
    background: #FFF;
    box-shadow: 0px 0.6rem 1.2rem 0.1rem rgba(204, 204, 204, 0.39);
}

.NEWS .out .left .box .text span {
    font-weight: 400;
    font-size: var(--fa_14, 1.4rem);
    color: #3A3A3A;
    text-stroke: 0.1rem rgba(0, 0, 0, 0);
    display: block;
    margin-bottom: 1.8rem;
}

.NEWS .out .left .box .text h3 {
    font-weight: bold;
    font-size: var(--fa_20, 2rem);
    color: #3A3A3A;
    text-stroke: 0.1rem rgba(0, 0, 0, 0);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.NEWS .out .left .box:hover .text h5 {
    color: #C7000A;
}

.NEWS .out .left .box:hover .img img,
.NEWS .out .right .box:hover .img img {
    transform: scale(1.1);
}

.NEWS .out .right {
    width: 39.6%;
}

.NEWS .out .right .box {
    width: 100%;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 0.1rem solid #2e2e2e36;
}

.NEWS .out .right .box:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.NEWS .out .right .box a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.NEWS .out .right .box .Adaptive_Image {
    width: 35.5%;
    overflow: hidden;
}

.NEWS .out .right .box .img {
    padding-top: 64.29%;
}

.NEWS .out .right .box .text {
    width: 58%;
    box-sizing: border-box;
}

.NEWS .out .right .box .text h3 {
    font-weight: bold;
    font-size: var(--fa_20, 2rem);
    color: #333333;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    line-height: 1;
    margin-bottom: 1.3rem;
}

.NEWS .out .right .box .text p {
    font-weight: 400;
    font-size: var(--fa_16, 1.6rem);
    color: #444444;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    margin-bottom: 2.2rem;
}

.NEWS .out .right .box .text .but_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.NEWS .out .right .box .text .but_box span {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: var(--fa_14, 1.4rem);
    color: #777777;
}

.NEWS .out .right .box .text .but_box span img {
    height: 1.1rem;
    margin-left: 1rem;
}

.NEWS .out .right .box:hover .text h3,
.NEWS .out .left .box:hover .text h3 {
    color: #C7000A;
}

/* Plan_Quotation  */

.Plan_Quotation {
    width: 100%;
    background: url(../images/9800.webp) no-repeat center;
    background-size: cover;
    padding: 11.3rem 0px 8.2rem 0px;
    box-sizing: border-box;
    margin-top: var(--top_margin);
}

.Plan_Quotation .out {
    width: 100%;
    /* background: linear-gradient(180deg, #FB1419 0%, #A40004 100%); */
    border-radius: 2rem;
    background: url(../images/10008.webp) no-repeat center;
    background-size: cover;
    display: flex;
    justify-content: space-between;
}

.Plan_Quotation .out .left {
    padding: 7.9rem 0px 6.4rem 8.9rem;
    box-sizing: border-box;
    width: 43%;
}

.Plan_Quotation .out .left .tit {
    margin-bottom: 7.1rem;
}

.Plan_Quotation .out .left .tit h2 {
    font-weight: 300;
    font-size: 4rem;
    color: #FFFFFF;
    line-height: 1.2em;
}

.Plan_Quotation .out .left .tit span {
    display: block;
    margin-top: 2.1rem;
    font-weight: 300;
    font-size: var(--fa_16, 1.6rem);
    color: #FFFFFF;
}

.Plan_Quotation .out .left .erweima_box {
    display: flex;
    align-items: center;
    margin-bottom: 3.9rem;
}

.Plan_Quotation .out .left .erweima_box .erweima {
    width: 12.3rem;
    height: 12.3rem;
    display: block;
    margin-right: 3.8rem;
}

.Plan_Quotation .out .left .erweima_box .tisi {
    display: flex;
    align-items: center;
}

.Plan_Quotation .out .left .erweima_box .tisi img {
    width: 3.1rem;
    height: 2.2rem;
    display: block;
    margin-right: 1.1rem;
}

.Plan_Quotation .out .left .erweima_box .tisi span {
    font-weight: 400;
    font-size: var(--fa_15, 1.5rem);
    color: #FFFFFF;
}

.Plan_Quotation .out .left .tel strong {
    font-weight: bold;
    font-size: var(--fa_30, 3rem);
    color: #FFFFFF;
    margin-top: 0.8rem;
}

.Plan_Quotation .out .left .tel span {
    font-size: var(--fa_16, 1.6rem);
    color: #FFF;
    display: block;
}

.Plan_Quotation .out .right {
    width: 57%;
    background: #FFF;
    border-radius: 2rem;
    padding: 6.5rem 11.8rem 5.8rem 10.7rem;
    box-sizing: border-box;
}

.Plan_Quotation .out .right h3 {
    font-weight: 400;
    font-size: 3.5rem;
    color: #000000;
    text-shadow: var(--shadow_color);
    line-height: 1;
    margin-bottom: 4.5rem;
}

.Plan_Quotation .out .right .input_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Plan_Quotation .out .right .input_box input {
    width: 49%;
    height: 5.8rem;
    border-radius: 3.4rem;
    border: 0.1rem solid #D1D1D1;
    padding: 0px 3rem;
    box-sizing: border-box;
    font-weight: 400;
    font-size: var(--fa_16, 1.6rem);
    color: #C8C8C8;
    margin-bottom: 2rem;
}

.Plan_Quotation .out .right .input_box input::placeholder {
    font-weight: 400;
    font-size: var(--fa_16, 1.6rem);
    color: #C8C8C8;
}

.Plan_Quotation .out .right .input_box input:nth-child(3) {
    width: 100%;
    margin-bottom: 0px;
}

.Plan_Quotation .out .right .but_box {
    width: 100%;
}

.Plan_Quotation .out .right .but_box p {
    font-weight: 400;
    font-size: var(--fa_20, 2rem);
    color: #0C0C0C;
    text-shadow: var(--shadow_color);
    margin-top: 2.7rem;
    margin-bottom: 2rem;
}

.Plan_Quotation .out .right .checkbox_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 0.8rem;
}

.Plan_Quotation .out .right .checkbox_box label {
    width: auto;
    height: 3.5rem;
    border-radius: 3.4rem;
    border: 0.1rem solid #D1D1D1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    padding: 0px 1.5rem;
    box-sizing: border-box;
}

.Plan_Quotation .out .right .checkbox_box label input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.Plan_Quotation .out .right .checkbox_box label span {
    font-weight: 400;
    font-size: var(--fa_12, 1.2rem);
    color: #979797;
    pointer-events: none;
}

.Plan_Quotation .out .right .checkbox_box label.active {
    border: 0.1rem solid #C7000A;

}

.Plan_Quotation .out .right .checkbox_box label.active span {
    color: #C7000A;
}

.Plan_Quotation .out .right .CAPTCHA_button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4.5rem;
}

.Plan_Quotation .out .right .CAPTCHA_button .CAPTCHA_box {
    display: flex;
    align-items: center;
    width: 60%;
}

.Plan_Quotation .out .right .CAPTCHA_button .CAPTCHA_box input {
    width: 100%;
    height: 5.8rem;
    border-radius: 3.4rem;
    border: 0.1rem solid #D1D1D1;
    padding: 0px 3rem;
    box-sizing: border-box;
    font-weight: 400;
    font-size: var(--fa_16, 1.6rem);
    color: #C8C8C8;
}

.Plan_Quotation .out .right .CAPTCHA_button .CAPTCHA_box input::placeholder {
    font-weight: 400;
    font-size: var(--fa_16, 1.6rem);
    color: #C8C8C8;
}

.Plan_Quotation .out .right .CAPTCHA_button .CAPTCHA_box img {
    width: 15.3rem;
    height: 5.8rem;
    margin-left: 1rem;
}

.Plan_Quotation .out .right .CAPTCHA_button button {
    width: 18.2rem;
    height: 5.8rem;
    background: #C7000A;
    border-radius: 3.4rem;
    font-weight: 400;
    font-size: var(--fa_16, 1.6rem);
    color: #FFFFFF;
    border: none;
    cursor: pointer;
}

/* Regarding_banner */
.Regarding_banner {
    width: 100%;
    position: relative;
    background: url(../images/9584.webp) no-repeat center center;
    background-size: cover;
    padding: 28rem 0px;
}

.Regarding_banner .text {
    width: 100%;
    height: 100%;
}

.Regarding_banner .text .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Regarding_banner .text .left {
    width: 44%;
}

.Regarding_banner .text .right {
    width: 42.25%;
    display: flex;
    flex-wrap: wrap;
    gap: 10rem 0px;
}

.Regarding_banner .text .right .box {
    width: 50%;
    padding-left: 2.5rem;
    box-sizing: border-box;
    border-left: 0.1rem solid rgba(255, 255, 255, 0.35);
}

.Regarding_banner .text .right .box:nth-child(3),
.Regarding_banner .text .right .box:nth-child(4) {
    margin-bottom: 0px;
}

.Regarding_banner .text .right .box .tit {
    display: flex;
    align-items: end;
}

.Regarding_banner .text .right .box .tit span {
    font-weight: 400;
    font-size: var(--fa_20, 2rem);
    color: #FFFFFF;
    text-shadow: var(--shadow_color);
    display: block;
    margin-left: 1.7rem;
}

.Regarding_banner .text .right .box .number {
    display: flex;
    align-items: center;
}

.Regarding_banner .text .right .box .number b {
    font-weight: bold;
    font-size: 7.8rem;
    color: #FFFFFF;
    text-shadow: var(--shadow_color);
    line-height: 1;
}

.Regarding_banner .text .right .box p {
    font-weight: 400;
    font-size: var(--fa_20, 2rem);
    color: #FFFFFF;
    text-shadow: var(--shadow_color);
    margin-top: 0.5rem;
}

.Regarding_banner .text .left h2,
.Regarding_banner .text .left h1 {
    font-weight: bold;
    font-size: var(--fa_50, 5rem);
    color: #FFFFFF;
    line-height: 1;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.21);
    margin-bottom: 7.6rem;
}

.Regarding_banner .text .left .banner‑sub,
.Regarding_banner .text .left h3 {
    font-weight: 400;
    font-size: 2.8rem;
    color: #FFFFFF;
    text-shadow: var(--shadow_color);
    display: block;
    margin-bottom: 5.4rem;
}

.Regarding_banner .text .left p {
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #E8E8E8;
    text-shadow: var(--shadow_color);
    line-height: 1.7em;
}

/* Regarding_PARTNER */
.Regarding_PARTNER {
    width: 100%;
    padding: 13.4rem 0px 14rem 0px;
    position: relative;
}

.Regarding_PARTNER .img {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.Regarding_PARTNER .img img {
    width: 24.5rem;
    display: block;
}

.Regarding_PARTNER .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.Regarding_PARTNER .out .left {
    width: 40%;
    padding-top: 1.3rem;
}

.Regarding_PARTNER .out  .public_title .tit {
    justify-content: left ;
}

.Regarding_PARTNER .out  .public_title p{
    text-align: left ;
}

.Regarding_PARTNER .out .public_title .tit b{
    text-transform: capitalize;
}

.Regarding_PARTNER .out .right {
    width: 59%;
}

.Regarding_PARTNER .out .right .box {
    width: 100%;
    margin-bottom: 4.6rem;
}

.Regarding_PARTNER .out .right .box:last-child {
    margin-bottom: 0px;
}

.Regarding_PARTNER .out .right .box h3 {
    font-weight: bold;
    font-size: var(--fa_22, 2.2rem);
    color: #333333;
    text-shadow: var(--shadow_color);
    line-height: 1;
    margin-bottom: 1.9rem;
}

.Regarding_PARTNER .out .right .box p {
    font-weight: 400;
    font-size: var(--fa_16, 1.6rem);
    color: #333333;
    text-shadow: var(--shadow_color);
    line-height: 1.6em;
}

/* Regarding_Developing */
.Regarding_Developing {
    width: 100%;
    background: url(../images/9850.webp) no-repeat center;
    background-size: cover;
    padding: 9.1rem 0px 0rem 0px;
    box-sizing: border-box;
    overflow: hidden;
}

.Regarding_Developing .public_title .tit {
    justify-content: left;
}

.Regarding_Developing .public_title .tit i {
    background: #FFF;
}

.Regarding_Developing .public_title .tit h2 {
    color: #FFF;
}

.Regarding_Developing .public_title p {
    text-align: left;
    margin-top: 2.6rem;
    margin: 1.6rem 0px 0px 0px;
    color: #FFF;
}

.Regarding_Developing .out {
    width: 100%;
    max-width: 157rem;
    margin: 0 auto;
    position: relative;
    padding-top: 17.4rem;
    padding-bottom: 23.9rem;
}

.Regarding_Developing .out .img {
    width: 100%;
    max-width: 137rem;
    margin: 0 auto;
}

.Regarding_Developing .out .img img {
    width: 100%;
    display: block;
}

.Regarding_Developing .out .list_box {
    position: relative;
    width: 100%;
}

.Regarding_Developing .out .list {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 0px;
    height: 100%;
    max-width: 137rem;
    transform: translateX(-50%);
}

.Regarding_Developing .out .swiper {
    overflow: visible;
}

.Regarding_Developing .out .list .swiper-slide {
    width: calc(100% / 7);
    height: 27.9rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Regarding_Developing .out .list .item {
    position: absolute;
    width: 30rem;
    left: 0px;
    top: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: 0.5s ease;
    opacity: 0;
}

.Regarding_Developing .out .list .item .txt {
    position: absolute;
    top: 6rem;
    display: flex;
    flex-direction: column;
}

.Regarding_Developing .out .list .item i {
    width: 2.5rem;
    height: 2.5rem;
    background: #FFFFFF;
    display: block;
    border-radius: 50%;
    position: relative;
}

.Regarding_Developing .out .list .item h3 {
    font-weight: bold;
    font-size: var(--fa_20, 2.0rem);
    color: #FFFFFF;
    display: block;
}

.Regarding_Developing .out .list .item p {
    font-weight: 400;
    font-size: var(--fa_16, 1.6rem);
    color: #fff;
    margin-top: 3rem;
}

.Regarding_Developing .out .list .swiper-slide:nth-child(2n) .item .txt {
    top: -15rem;
    flex-direction: column-reverse;
}

.Regarding_Developing .out .list .swiper-slide:nth-child(2n) .item .txt p {
    margin-top: 0px;
    margin-bottom: 3rem;
}

.Regarding_Developing .out .list .swiper-slide.cyi_1 .item {
    opacity: 1;
    transform: translate(-10.3rem, 21.5rem);
}

.Regarding_Developing .out .list .swiper-slide.cyi_2 .item {
    transform: translate(-10.3rem, 21.5rem);
    opacity: 1;
}

.Regarding_Developing .out .list .swiper-slide.cyi_3 .item {
    transform: translate(-10.3rem, 13.5rem);
    opacity: 1;
}

.Regarding_Developing .out .list .swiper-slide.cyi_4 .item {
    opacity: 1;
    transform: translate(-10.3rem, 16.5rem);
}

.Regarding_Developing .out .list .swiper-slide.cyi_5 .item {
    transform: translate(-7.3rem, 2.5rem);
    opacity: 1;
}

.Regarding_Developing .out .list .swiper-slide.cyi_6 .item {
    transform: translate(-3.3rem, 9.5rem);
    opacity: 1;
}

.Regarding_Developing .out .list .swiper-slide.cyi_7 .item {
    transform: translate(0.7rem, 1.7rem);
    opacity: 1;
}

.Regarding_Developing .container {
    position: relative;
}

.Regarding_Developing .swiper-button-prev {
    left: -8rem;
}

.Regarding_Developing .swiper-button-next {
    left: auto;
    right: -8rem;
}

/* Regarding_Client */
.Regarding_Client {
    width: 100%;
    background: url(../images/5.webp) no-repeat center;
    background-size: cover;
    padding: 14rem 0px 12.7rem 0px;
    box-sizing: border-box;
}

.Regarding_Client .out {
    margin-top: 8.9rem;
    width: 100%;
}

.Regarding_Client .out img {
    width: 100%;
    display: block;
}

/* Services_swiper */
.Services_swiper {
    width: 100%;
    height: 100vh;
}

.Services_swiper .swiper-slide {
    width: 100%;
    height: 100vh;
    background-size: cover !important;
}

.Services_swiper .footer_swiper-slide {
    height: auto;
}

.Services_swiper .swiper-slide .Services_out {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.Services_swiper .swiper-slide .Services_out .text {
    width: 100%;
    max-width: 116.9rem;
}

.Services_swiper .swiper-slide:nth-child(2n) .Services_out {
    justify-content: right;
}

.Services_swiper .swiper-slide:nth-child(2n) .Services_out .text {
    max-width: 69.8rem;
}

.Services_swiper .swiper-slide .Services_out .text h2 {
    font-weight: bold;
    font-size: clamp(3rem, 3.5vw, 4.8rem);
    margin-bottom: clamp(2rem, 4vw, 5.7rem);
    color: #FFFFFF;
    line-height: 1;
    text-shadow: var(--shadow_color);
    transform: translateY(4rem);
    transition: 0.8s 0s ease;
    opacity: 0;
}

.Services_swiper .swiper-slide .Services_out .text p {
    font-weight: 400;
    font-size: clamp(1.4rem, 1.5vw, 2rem);
    color: #FFFFFF;
    line-height: 1.7em;
    text-shadow: var(--shadow_color);
    transform: translateY(4rem);
    transition: 0.8s 0.1s ease;
    opacity: 0;
}

.Services_swiper .swiper-slide .Services_out .text .list {
    margin-top: 6.5rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 35rem;
    transform: translateY(4rem);
    transition: 0.8s 0.2s ease;
    opacity: 0;
}

.Services_swiper .swiper-slide .Services_out .list .item {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 2.8rem;
}

.Services_swiper .swiper-slide .Services_out .list .item img {
    width: 1.9rem;
    height: 1.9rem;
    margin-right: 1rem;
    display: block;
}

.Services_swiper .swiper-slide .Services_out .list .item span {
    font-weight: 400;
    font-size: clamp(1.2rem, 1vw, 1.5rem);
    color: #FFFFFF;
}

.Services_swiper .swiper-slide .but_box {
    display: flex;
    align-items: center;
    margin-top: clamp(3rem, 6vw, 9rem);
    transform: translateY(4rem);
    transition: 0.8s 0.3s ease;
    opacity: 0;
}

.Services_swiper .swiper-slide .but_box a {
    width: clamp(12rem, 18vw, 21.7rem);
    height: clamp(4rem, 5.5vw, 6.4rem);
    background: rgba(255, 255, 255, 0.45);
    border-radius: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: clamp(1.4rem, 1.5vw, 2rem);
    color: #FFFFFF;
}

.Services_swiper .swiper-slide .but_box a:nth-child(2) {
    background: none;
    border: 0.2rem solid #FFFFFF;
    margin-left: 6.3rem;
}

.Services_swiper .swiper-slide .but_box a:hover {
    background: #C7000A;
    color: #FFF;
    border-color: #C7000A;
}

.Services_swiper .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    background: #FFF;
}

.Services_swiper .swiper-pagination-bullet-active {
    background: #FFF;
    opacity: 1;
}

.Services_swiper .swiper-slide-active .Services_out .text h2,
.Services_swiper .swiper-slide-active .Services_out .text p,
.Services_swiper .swiper-slide-active .Services_out .text .list,
.Services_swiper .swiper-slide-active .but_box {
    transform: translateY(0);
    opacity: 1;
}

/* works_body */
.works_body {
    width: 100%;
}

.banner_works {
    width: 100%;
    background: url(../images/10039.webp) no-repeat center;
    background-size: cover;
    background-position: bottom;
    overflow: hidden;
    padding-top: 20rem;
    padding-bottom: 14rem;
}

.banner_works .title {
    width: 100%;
    margin-bottom: 8rem;
}

.banner_works .title h2 {
    font-weight: 500;
    font-size: 5.2rem;
    color: #FFFFFF;
    line-height: 1;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.21);
    margin-bottom: 3.8rem;
}

.banner_works .title span {
    font-weight: 500;
    font-size: var(--fa_30, 3rem);
    color: #FFFFFF;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.21);
}

.banner_works .button_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem 5rem;
    margin-top: 5rem;
}

.banner_works .button_list a {
    width: 15.6rem;
    height: 4.5rem;
    border-radius: 2.7rem;
    border: 0.1rem solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: var(--fa_16, 1.6rem);
    color: #fff;
    transition: 0.5s ease;
}

.banner_works .button_list a.active,
.banner_works .button_list a:hover {
    background: #C7000A;
    border: 0.1rem solid #C7000A;
    color: #FFF;
}

.banner_works .button_list a:last-child {
    margin-right: 0px;
}

.text_works {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.text_works .left {
    width: 50%;
}

.text_works .left h3 {
    color: #fff;
    font-size: 4.2rem;
    font-weight: bold;
    line-height: 1;
}

.text_works .left p {
    margin-top: 3rem;
    color: #fff;
    font-size: var(--fa_20, 2rem);
    line-height: 1.6em;
}

.text_works .right {
    width: 40%;
    position: relative;
}

.text_works .right .title {
    font-size: 30rem;
    color: #777777;
    line-height: 0;
    font-weight: 500;
    position: absolute;
    right: 0px;
    opacity: 0.17;
    margin-top: 2rem;
}

.list_works {
    width: 100%;
    transform: translateY(-7rem);
}

.list_works .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem 2%;
}

.list_works .out .box {
    width: 32%;
    box-sizing: border-box;
    border-radius: 2rem;
}

.list_works .out .box a {
    width: 100%;
    display: block;
    overflow: hidden;
    transition: 0.3s ease;
}

.list_works .out .box .img {
    width: 100%;
    padding-top: 68%;
}

.list_works .out .box .img img {
    transform: scale(1.1);
}

.list_works .out .box .txt {
    width: 100%;
    padding: 2.7rem 3rem;
    box-sizing: border-box;
    transition: 0.3s ease;
}

.list_works .out .box .txt h5 {
    font-weight: 400;
    font-size: var(--fa_24, 2.4rem);
    color: #222222;
    line-height: 1;
    margin-bottom: 0.9rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list_works .out .box .txt span {
    font-weight: 400;
    font-size: var(--fa_15, 1.5rem);
    color: #888888;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.list_works .out .box .setting {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .5) 100%);
    opacity: 0;
    transition: 0.4s;
}

.works_body .out .box .setting .tit {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.works_body .out .box .setting h5 {
    color: #FFF;
    font-size: var(--fa_30, 3rem);
    font-weight: 500;
    margin-bottom: 2rem;
    transform: translateY(4rem);
    opacity: 0;
    transition: 0.5s 0.3s ease;
}

.works_body .out .box .setting span {
    color: #FFF;
    font-size: var(--fa_16, 1.6rem);
    text-align: centere;
    font-weight: 400;
    transform: translateY(4rem);
    opacity: 0;
    transition: 0.5s 0.4s ease;
}

.works_body .out .box:hover a {
    transform: translateY(-1.5rem);
    box-shadow: 0px 0.4rem 2.9rem 0px rgba(0, 0, 0, 0.11);
    border-radius: 1rem;
}

.works_body .out .box:hover a .txt {
    background: #ffffff;
    transition: 0.5s ease;
}

.works_body .out .box a:hover .setting {
    opacity: 1;
}

.works_body .out .box a:hover .setting h5,
.works_body .out .box a:hover .setting span {
    transform: translateY(0);
    opacity: 1;
}

.works_body .out .box a:hover .txt h5 {
    color: #C80A14;
}







/* works_details */
.works_details {
    padding-top: 25rem;
    background-position: top !important;
    background-size: 100% !important;
    width: 100%;
}

.works_details .Works_Title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20rem;
}

.works_details .Works_Title .title h1 {
    font-weight: 500;
    font-size: 6.6rem;
    color: #FFFFFF;
    line-height: 1;
    text-shadow: var(--shadow_color);
    margin-bottom: 3.9rem;
}

.works_details .Works_Title .title span {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: var(--fa_30, 3rem);
    color: #FFFFFF;
    text-shadow: var(--shadow_color);
}

.works_details .Works_Title .title span img {
    width: 4.8rem;
    height: 4.8rem;
    display: block;
    margin-left: 4.3rem;
    cursor: pointer;
}

.works_details .Works_Title .statistics {
    display: flex;
    align-items: center;
}

.works_details .Works_Title .statistics .box {
    display: flex;
    align-items: end;
    margin-right: 6.5rem;
}

.works_details .Works_Title .statistics .box:last-child {
    margin-right: 0px;
}

.works_details .Works_Title .statistics .box span {
    font-weight: 400;
    font-size: var(--fa_20, 2rem);
    color: #EEEEEE;
    text-shadow: var(--shadow_color);
}

.works_details .Works_Title .statistics .box b {
    font-weight: bold;
    font-size: 6.6rem;
    color: #FFFFFF;
    text-shadow: var(--shadow_color);
    line-height: 1;
    margin-left: 2.1rem;
}

.works_details .Works_Title .text {
    width: 60%;
}

.works_details .Works_Title .text h2 {
    font-weight: 500;
    font-size: var(--fa_22, 2.2rem);
    color: #fff;
    line-height: 1;
    text-shadow: var(--shadow_color);
    margin-bottom: 2.6rem;
}

.works_details .Works_Title .text p {
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #fff;
    line-height: 1.7em;
    text-shadow: var(--shadow_color);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    /* 限制显示3行 */
    overflow: hidden;
}

.works_details .out {
    width: 100%;
    position: relative;
    display: flex;
}

.works_details .out .left {
    background: #FFF;
    width: 75%;
    background: #FFFFFF;
    border-radius: 0.8rem;
    min-height: 60rem;
    padding: 5.5rem 9.1rem 5.5rem 5.9rem;
    box-sizing: border-box;
}

.works_details .out .left .title {
    font-weight: 500;
    font-size: var(--fa_22, 2.2rem);
    color: #2B2B2B;
    line-height: 1;
    text-shadow: var(--shadow_color);
    margin-bottom: 2.6rem;
}

.works_details .out .left .text {
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #454545;
    line-height: 1.8em;
}

.works_details .out .left .text p {
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #454545;
}

.works_details .out .left .text img {
    width: auto;
    max-width: 100%;
    display: block;
    /* margin: 2rem auto; */
}

.works_details .out .right_absolute {
    /* position:absolute; */
    transform: translate(-4rem, -8.4rem);
    width: 25.347%;
}

.works_details .out .right {
    position: sticky;
    top: 20rem;
    width: 100%;
    background: #0E45A9;
    border-radius: 0.8rem;
    z-index: 1;
    min-height: 79.5rem;
    padding: 4.4rem 3.2rem;
    box-sizing: border-box;
}

.works_details .out .right .box h3 {
    font-weight: 500;
    font-size: 2.8rem;
    color: #FFFFFF;
    line-height: 1;
    text-shadow: var(--shadow_color);
    margin-bottom: 3.7rem;
}

.works_details .out .right .box .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.works_details .out .right .box .list a {
    width: 50%;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #FFFFFF;
    text-shadow: var(--shadow_color);
    margin-bottom: 2.6rem;
}

.works_details .out .right .box .list a::before {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: #FFF;
    display: block;
    content: '';
    margin-right: 0.9rem;
}

.works_details .out .right .box:nth-child(1) {
    margin-bottom: 4rem;
}

.works_details .out .right .box .button_bxo {
    width: 100%;
}

.works_details .out .right .box .button_bxo a {
    width: 100%;
    padding: 6% 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #FFFFFF;
    text-shadow: var(--shadow_color);
    border-radius: 3.2rem;
    border: 0.1rem solid #FFFFFF;
}

.works_details .out .right .box .button_bxo a:nth-child(1) {
    margin-bottom: 2.5rem;
    background: #FFF;
    font-weight: 400;
    color: #3E3E3E;
}

/* Related_Cases */
.Related_Cases {
    margin: 0px 0px var(--top_margin) 0px;
}

.Related_Cases .title h2 {
    font-weight: 500;
    font-size: 3.5rem;
    color: #1D1D1D;
    margin-bottom: 5.4rem;
}

.Related_Cases .out .box {
    width: 33.33%;
    padding: 0.4rem;
    box-sizing: border-box;
}

.Related_Cases .out .box a {
    width: 100%;
    display: block;
}

.Related_Cases .out .box .img_box {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 0.6rem;
}

.Related_Cases .out .box .img {
    padding-top: 65%;
}

.Related_Cases .out .box .img_box .logo {
    position: absolute;
    top: 2.5rem;
    left: 2.5rem;
    height: auto;
    width: auto;
    display: block;
    max-height: 5.2rem;
    z-index: 11;
}

.Related_Cases .out .box .txt {
    width: 100%;
    padding: 0px 2.8rem;
    box-sizing: border-box;
    margin-top: 2.9rem;
}

.Related_Cases .out .box .txt h3 {
    font-weight: 400;
    font-size: var(--fa_24, 2.4rem);
    color: #303030;
    line-height: 1;
    margin-bottom: 1.9rem;
}

.Related_Cases .out .box .txt span {
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #656565;
}

.Related_Cases .out .box .setting {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .5) 100%);
    opacity: 0;
    transition: 0.4s;
}

.Related_Cases .out .box .setting .tit {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Related_Cases .out .box .setting h3 {
    color: #FFF;
    font-size: var(--fa_30, 3.0rem);
    font-weight: 500;
    margin-bottom: 2rem;
    transform: translateY(4rem);
    opacity: 0;
    transition: 0.5s 0.3s ease;
}

.Related_Cases .out .box .setting span {
    color: #FFF;
    font-size: var(--fa_16, 1.6rem);
    text-align: centere;
    font-weight: 400;
    transform: translateY(4rem);
    opacity: 0;
    transition: 0.5s 0.4s ease;
}

.Related_Cases .out .box a:hover .img_box .img {
    filter: blur(1rem);
}

.Related_Cases .out .box a:hover .setting {
    opacity: 1;
}

.Related_Cases .out .box a:hover .setting h3,
.Related_Cases .out .box a:hover .setting span {
    transform: translateY(0);
    opacity: 1;
}

.Related_Cases .out .box a:hover .txt h3 {
    color: #C80A14;
}

/* GEO_Introduction */
.GEO_Introduction {
    width: 100%;
    background: url(../Aiceo/10038.webp) no-repeat center;
    background-size: cover;
    padding: var(--top_margin) 0px 13rem 0px;
    box-sizing: border-box;
}

.GEO_Introduction .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 7rem;
}

.GEO_Introduction .out .left {
    width: 43.334%;
}

.GEO_Introduction .out .left h3 {
    font-weight: bold;
    font-size: 3.9rem;
    color: #030303;
    line-height: 5.5rem;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.21);
    margin-bottom: 2rem;
}

.GEO_Introduction .out .left p {
    font-weight: 400;
    font-size: var(--fa_22, 2.2rem);
    color: #393939;
    line-height: 1.6em;
}

.GEO_Introduction .out .left ul {
    margin-top: 4rem;
    width: 100%;
    padding-left: 2.1rem;
    box-sizing: border-box;
}

.GEO_Introduction .out .left ul b {
    font-weight: 500;
    font-size: var(--fa_22, 2.2rem);
    color: #343434;
    margin-bottom: 0.5rem;
    display: block;
}

.GEO_Introduction .out .left ul span {
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #676767;
    display: block;
}

.GEO_Introduction .out .left ul li {
    margin-bottom: 2rem;
}

.GEO_Introduction .out .left ul li::marker {
    background: #3584FE;
    color: #3584FE;
}

.GEO_Introduction .out .right {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6.9rem 11.2rem;
}

.GEO_Introduction .out .right .item img {
    width: 10.3rem;
    height: 10.3rem;
    display: block;
    object-fit: contain;
}

.GEO_Introduction .out .right .item span {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: var(--fa_18, 1.8rem);
    color: #030303;
    line-height: 2.5rem;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.21);
    margin-top: 1.5rem;
}

/* What_can_we_do */
.What_can_we_do {
    width: 100%;
    background: #001C47;
    padding: 5.5rem 0px var(--top_margin) 0px;
    box-sizing: border-box;
}

.What_can_we_do .public_title_CEO h2,
.What_can_we_do .public_title_CEO span {
    color: #FFFFFF;
}

.What_can_we_do .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 7rem;
}

.What_can_we_do .out .left {
    width: 45.134%;
}

.What_can_we_do .out .left .box {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 6rem;
}

.What_can_we_do .out .left .box:last-child {
    margin-bottom: 0px;
}

.What_can_we_do .out .left .box h3 {
    width: 14.2rem;
    font-weight: 500;
    font-size: var(--fa_20, 2.0rem);
    color: #FFFFFF;
    flex: none;
}

.What_can_we_do .out .left .box p {
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #DCDCDC;
    line-height: 1.6em;
}

.What_can_we_do .out .right {
    width: 52.8%;
}

.What_can_we_do .out .right img {
    width: 100%;
    display: block;
}

/* Al_Introduction */
.Al_Introduction {
    padding: 10rem 0px 28.2rem 0px;
    width: 100%;
}

.Al_Introduction .out {
    margin-top: var(--top_margin_2);
    position: relative;
    width: 100%;
}

.Al_Introduction .out .img {
    width: 58rem;
    display: block;
    margin: 0 auto;
}

.Al_Introduction .out .img img {
    width: 100%;
    display: block;
}

.Al_Introduction .out .min_img {
    width: 100%;
    display: block;
    margin: 0 auto;
    display: none;
}

.Al_Introduction .out .min_img img {
    width: 100%;
    display: block;
}

.Al_Introduction .out .list .item {
    width: 38.1rem;
    height: 6.1rem;
    box-sizing: border-box;
    background: #E6E2FB;
    border-radius: 3.1rem;
    font-weight: 400;
    font-size: var(--fa_24, 2.4rem);
    color: #4E50D6;
    line-height: 3.4rem;
    display: block;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.21);
    position: absolute;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Al_Introduction .out .list .item:nth-child(1) {
    left: 12rem;
    top: 7.9rem;
}

.Al_Introduction .out .list .item:nth-child(2) {
    top: 21.6rem;
}

.Al_Introduction .out .list .item:nth-child(3) {
    left: 3.6rem;
    top: 34rem;
    width: 39.7rem;
}

.Al_Introduction .out .list .item:nth-child(4) {
    left: 51rem;
    top: 42.7rem;
    width: 43.4rem;
}

.Al_Introduction .out .list .item:nth-child(5) {
    right: 0px;
    top: 9.8rem;
    width: 39.7rem;
}

.Al_Introduction .out .list .item:nth-child(6) {
    top: 21.6rem;
    right: 3rem;
    width: 39.7rem;
}

.Al_Introduction .out .list .item:nth-child(7) {
    top: 34rem;
    right: 4.2rem;
    width: 44.1rem;
}

.Al_Introduction .out .list_img .item {
    position: absolute;
    top: 0px;
    width: 0px;
}

.Al_Introduction .out .list_img .item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.Al_Introduction .out .list_img .item:nth-child(1) {
    width: 5.5rem;
    height: 5.5rem;
    left: 3.6rem;
    top: 7.3rem;
}

.Al_Introduction .out .list_img .item:nth-child(2) {
    width: 9.1rem;
    height: 9.1rem;
    left: 42.5rem;
    top: 18.6rem;
}

.Al_Introduction .out .list_img .item:nth-child(3) {
    width: 6.3rem;
    height: 6.3rem;
    left: 0px;
    top: 41.3rem;
}

.Al_Introduction .out .list_img .item:nth-child(4) {
    width: 9rem;
    height: 9rem;
    left: 38.8rem;
    top: 41.3rem;
}

.Al_Introduction .out .list_img .item:nth-child(5) {
    width: 9.4rem;
    height: 9.4rem;
    right: 46rem;
    top: 1rem;
}

.Al_Introduction .out .list_img .item:nth-child(6) {
    width: 7.9rem;
    height: 7.9rem;
    right: 53rem;
    top: 28rem;
}

.Al_Introduction .out .list_img .item:nth-child(7) {
    right: 0px;
    top: 41rem;
    width: 12.3rem;
    height: 12.3rem;
}

/* Choose_ccwl */
.Choose_ccwl {
    width: 100%;
    margin-bottom: var(--top_margin, 10rem);
    box-sizing: border-box;
}

.Choose_ccwl .out {
    width: 100%;
    margin-top: 3rem;
}

.Choose_ccwl .out img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

/* Customer_stories */
.Customer_stories {
    margin: 10rem 0px 11rem 0px;
    width: 100%;
}

.Customer_stories .out {
    margin-top: 5rem;
    position: relative;
}

.Customer_stories .out .stories_swiper {
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
}

.Customer_stories .out .stories_swiper .swiper-slide {
    width: 46.3rem;
    background: #F5F7FA;
    box-shadow: 0px 0.3rem 0.6rem 0.1rem rgba(0, 0, 0, 0.19);
    border-radius: 1.6rem;
    margin-right: 4.5rem;
    padding: 4.8rem 5.8rem 4.8rem 3.3rem;
    box-sizing: border-box;
}

.Customer_stories .out .stories_swiper .swiper-slide .title {
    width: 100%;
    display: flex;
    align-items: center;
}

.Customer_stories .out .stories_swiper .swiper-slide .title .icon {
    width: 4.9rem;
    height: 4.9rem;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    margin-right: 2.4rem;
}

.Customer_stories .out .stories_swiper .swiper-slide .title .icon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.Customer_stories .out .stories_swiper .swiper-slide .title .tit h3 {
    font-weight: 500;
    font-size: var(--fa_18, 1.8rem);
    color: #0A0A0A;
    margin-bottom: 0.3rem;
}

.Customer_stories .out .stories_swiper .swiper-slide .title .tit span {
    font-weight: 400;
    font-size: var(--fa_14, 1.4rem);
    color: #4A4A4A;
}

.Customer_stories .out .stories_swiper .swiper-slide .text {
    width: 100%;
    padding-left: 7.3rem;
    box-sizing: border-box;
    margin-top: 5rem;
    position: relative;
}

.Customer_stories .out .stories_swiper .swiper-slide .text::before {
    content: ' ';
    width: 5.8rem;
    height: 5.8rem;
    position: absolute;
    top: 0px;
    left: 0px;
    font-weight: 500;
    font-size: 5.8rem;
    color: #0A0A0A;
    transform: translateY(-15%);
    text-align: right;
    background: url(../Aiceo/dian_1.webp) no-repeat center;
    background-size: contain;
}

.Customer_stories .out .stories_swiper .swiper-slide .text::after {
    content: '  ';
    width: 5.8rem;
    height: 5.8rem;
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-weight: 500;
    font-size: 5.8rem;
    color: #0A0A0A;
    transform: translateY(22%) translateX(100%);
    text-align: left;
    background: url(../Aiceo/dian_2.webp) no-repeat center;
    background-size: contain;
}

.Customer_stories .out .stories_swiper .swiper-slide .text p {
    font-weight: 400;
    font-size: 1.5rem;
    color: #0A0A0A;
    line-height: 1.7em;
}

.Customer_stories .out .stories_swiper .swiper-slide:last-child {
    margin-right: 0px;
}

.Customer_stories .out .swiper-pagination {
    bottom: -6.8rem;
    width: 100%;
}

.Customer_stories .out .swiper-pagination .swiper-pagination-bullet {
    width: 3.8rem;
    height: 0.5rem;
    background: #F1F1F1;
    border-radius: 0px 0px 0px 0px;
    margin: 0px 1rem;
    opacity: 1;
}

.Customer_stories .out .swiper-pagination .swiper-pagination-bullet-active {
    background: #1D4CFE;
}

/* foot */
.foot {
    padding: 4% 0px;
    overflow: hidden;
    background: url(../images/lc-bg.webp) no-repeat center top;
    background-size: 100% 100%;
}

.foot h2 {
    width: 100%;
    text-align: center;
    font-size: 3.2rem;
    color: #333333;
    font-weight: normal;
    margin: 0;
    margin: 1% 0 5%;
}

.foot div ul {
    width: 90%;
    max-width: 140rem;
    margin: 0 auto;
}

.foot div ul li {
    overflow: hidden;
    position: relative;
    width: 24%;
    font-size: var(--fa_14, 1.4rem);
    float: left;
    margin: 0 0.5%;
    background: #fff;
}

.foot div ul li span select {
    font-size: var(--fa_15, 1.5rem);
    width: 100%;
    height: 4.8rem;
    border: 1px solid #ffffff;
    padding: 0 2rem;
    float: left;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.foot div ul li span .am-selected {
    margin-top: 0;
}

.foot div ul li span .am-selected .am-btn {
    position: relative;
    background: #ffffff;
    width: 100%;
    border: 1px solid #ffffff;
    padding: 0 2rem;
}

.foot div ul li span .am-selected .am-btn span {
    position: relative;
    width: 100%;
    height: 4.8rem;
    border: 1px solid #ffffff;
    font-size: var(--fa_14, 1.4rem);
}

.foot div ul li span .am-selected-content {
    width: 100%;
}

.foot div ul li span .layui-form-item input {
    width: 60%;
}

.foot div ul li span input {
    width: 100%;
    height: 4.8rem;
    border: 1px solid #ffffff;
    line-height: .7rem;
    padding: 0 2rem;
    font-size: var(--fa_15, 1.5rem);
    float: left;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}


.foot div ul.am-selected-list {
    width: 100%;
}

.foot div ul.am-selected-list li {
    width: 100%;
    cursor: pointer;
    text-align: left;
    padding: 0.5rem 1rem;
}

.am-icon-caret-down {
    display: block;
    background: url(./skin/images/down_1.svg) no-repeat center;
    background-size: 100%;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 40%;
    right: 3%;
}

#consult-btn {
    width: 7rem;
    display: inline-block;
    height: 7rem;
    border-radius: 50%;
    border: 0.1rem solid #ffffff;
    text-align: center;
    text-decoration: none;
}

.foot h3 {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 0.56rem;
    color: #333333;
    float: left;
    margin-top: 6.5rem;
}

.foot h3 a {
    width: 7rem;
    display: inline-block;
    height: 7rem;
    border-radius: 50%;
    border: 0.1rem solid #ffffff;
    text-align: center;
    text-decoration: none;
}

.foot h3 a span {
    display: block;
    width: 82%;
    height: 80%;
    font-size: var(--fa_14, 1.4rem);
    color: rgb(51, 51, 51);
    font-family: 微软雅黑;
    line-height: 5.5rem;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    margin: 10%;
    text-decoration: none;
}

.foot h3 a:hover {
    text-decoration: none;
    border: 0.1rem solid #d20000;
    transition: all 0.5s ease 0s;
}

.foot h3 a:hover span {
    text-decoration: none;
    background: #d20000;
    transition: all 0.5s ease 0s;
    color: #ffffff;
}

/* News_button_box */
.News_button_box {
    width: 100%;
    height: 9.7rem;
    background: #FFFFFF;
}

.News_button_box .out {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    gap: 2rem 15rem;
}

.News_button_box .out a {
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #858585;
    position: relative;
}

.News_button_box .out a::after {
    position: absolute;
    bottom: -1.2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height: 0.4rem;
    background: #C7000A;
    content: '';
    display: block;
    transition: 0.5s ease;
}

.News_button_box .out a:hover,
.News_button_box .out a.active {
    color: #C7000A;
}

.News_button_box .out a:hover::after,
.News_button_box .out a.active::after {
    width: 100%;
}

.News_List {
    width: 100%;
    padding-bottom: 7.3rem;
    background: #F3F3F3;
}

.News_List .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    padding-top: 4rem;
    gap: 3rem 2.65%;
}

.News_List .out .item {
    width: 23%;
    box-sizing: border-box;
}

.News_List .out .item a {
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
    display: block;
}

.News_List .out .item .img {
    width: 100%;
}

.News_List .out .item .img img {
    transition: 0.5s ease;
}

.News_List .out .item .text {
    width: 100%;
    background: #FFF;
    padding: 2rem 1.8rem 1.5rem 1.8rem;
    box-sizing: border-box;
}

.News_List .out .item .text p {
    font-weight: 400;
    font-size: var(--fa_14, 14.0rem);
    color: #858585;
    text-shadow: var(--shadow_color);
    margin-bottom: 1.5rem;
}

.News_List .out .item .text h3 {
    font-weight: 400;
    font-size: var(--fa_20, 2.0rem);
    color: #343333;
    line-height: 1.6em;
    text-shadow: var(--shadow_color);
    margin-bottom: 2.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制显示行数 */
    overflow: hidden;
    height: 6.4rem;
}

.News_List .out .item .text .but {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.News_List .out .item .text .but span {
    font-weight: 400;
    font-size: var(--fa_14, 14.0rem);
    color: #858585;
    text-shadow: var(--shadow_color);
    display: flex;
    align-items: center;
}

.News_List .out .item .text .but span img {
    display: block;
    height: 1.314rem;
    width: 1.314rem;
    margin-left: 0.8rem;
}

.News_List .out .item a:hover .img img {
    transform: scale(1.1);
}

.News_List .out .item a:hover .text h3 {
    color: #C7000A;
}

/* News_details */

.News_details {
    width: 100%;
    padding: 6rem 0px 14rem 0px;
}

.News_details .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.News_details .out .left {
    width: 70%;
}

.News_details .out .left .title {
    font-weight: 500;
    font-size: var(--fa_24, 2.4rem);
    color: #171717;
    margin-bottom: 4rem;
}

.News_details .out .left .text {
    width: 100%;
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #454545;
    line-height: 1.8em;
}

.News_details .out .left .text p {
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #454545;
}

.News_details .out .left .text img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 3rem auto;
}

.News_details .out .right {
    width: 26%;
}

.News_details .out .right .title {
    font-weight: 400;
    font-size: var(--fa_24, 2.4rem);
    color: #0F0F0F;
    margin-bottom: 3rem;
}

.News_details .out .right .item {
    width: 100%;
    margin-bottom: 3.4rem;
}

.News_details .out .right .item:last-child {
    margin-bottom: 0px;
}

.News_details .out .right .item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.News_details .out .right .item .Adaptive_Image {
    width: 34%;
}

.News_details .out .right .item .img {
    padding-top: 67%;
}

.News_details .out .right .item .text {
    width: 66%;
    padding-left: 1.4rem;
    box-sizing: border-box;
}

.News_details .out .right .item .text h3 {
    white-space: nowrap;
    /* 禁止换行 */
    overflow: hidden;
    /* 隐藏溢出内容 */
    text-overflow: ellipsis;
    /* 显示省略号 */
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #0F0F0F;
    margin-bottom: 1.6rem;
}

.News_details .out .right .item .text .but {
    width: 100%;
    display: flex;
    align-items: center;
}

.News_details .out .right .item .text .but span {
    font-weight: 400;
    font-size: var(--fa_14, 14.0rem);
    color: #9EA09F;
    margin-right: 1rem;
}

.News_details .out .right .item .text .but span:last-child {
    margin-right: 0px;
}

.News_details .out .right .box2 {
    margin-top: var(--top_margin_2);
}

.News_details .out .right .box2 .text {
    width: 100%;
}

.News_details .out .right .box2 .item {
    padding-bottom: 2.2rem;
    margin-bottom: 2.2rem;
    border-bottom: 0.1rem solid #E4E4E4;
}

.News_details .out .right .item a:hover .text h3 {
    color: #C7000A;
}

.News_details .page_turning {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8rem;
}

.News_details .page_turning a {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: var(--fa_20, 2.0rem);
    color: #0F0F0F;
    width: 40%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.News_details .page_turning a:nth-child(2) {
    width: max-content;
}

.News_details .page_turning a img {
    height: 3rem;
    display: block;
    margin-right: 0.7rem;
}

.News_details .page_turning a:hover {
    color: #C7000A;
}

.tag_News {
    width: 100%;
    display: flex;
}

.tag_News span {
    font-size: var(--fa_16, 16.0rem);
    display: block;
    margin-right: 0rem;
    flex: none;
}

.tag_News .box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0px;
}

.tag_News .box a {
    font-size: var(--fa_15, 15.0rem);
    color: #0177c1;
    display: block;
    padding: 0rem 1rem;
}

.tag_News .box a:hover {
    background: #0177c11a;
}

/* Contact */

.Contact {
    padding: var(--top_margin, 10rem) 0px 13.5rem 0px;
    background: #F3F3F3;
    width: 100%;
}

.Contact .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.Contact .out .left {
    width: 53%;
}

.Contact .out .left .title h2 {
    font-weight: 500;
    font-size: 5.8rem;
    color: #1D1D1D;
    margin-bottom: 10rem;
}

.Contact .out .left .list {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.Contact .out .left .list .item .box {
    margin-bottom: 4.2rem;
}

.Contact .out .left .list .item h3 {
    font-weight: 400;
    font-size: 3.3rem;
    color: #494949;
    line-height: 1;
    margin-bottom: 4.9rem;
}

.Contact .out .left .list .item .box span {
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #999999;
    display: block;
}

.Contact .out .left .list .item .box b {
    font-weight: bold;
    font-size: 3.4rem;
    color: #C7000A;
}

.Contact .out .left .list .item .box p {
    font-weight: 400;
    font-size: var(--fa_18, 1.8rem);
    color: #6A6A6A;
    margin-top: 2rem;
}

.Contact .out .left .erweima_list {
    width: 100%;
    display: flex;
}

.Contact .out .left .erweima_list .box {
    position: relative;
    width: 15.2rem;
    height: 15.2rem;
    overflow: hidden;
}

.Contact .out .left .erweima_list .item_box {
    margin-right: 9rem;
}

.Contact .out .left .erweima_list span {
    font-size: var(--fa_18, 1.8rem);
    font-weight: 500;
    margin-top: 2rem;
    text-align: center;
    display: block;
}

.Contact .out .left .erweima_list .box:last-child {
    margin-right: 0px;
}

.Contact .out .left .erweima_list .box .icon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.Contact .out .left .erweima_list .box .img {
    width: 100%;
    height: 100%;
    display: block;
    transform: scale(0.87);
}

.Contact .out .left .erweima_list .box::after,
.Contact .out .left .erweima_list .box::before {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    right: 1px;
    height: 62%;
    z-index: 1;
    border-radius: 1.5rem;
}

.Contact .out .left .erweima_list .box::before {
    bottom: 100%;
    background: linear-gradient(to bottom, rgba(255, 191, 164, 0), #d4042c);
}

.Contact .out .left .erweima_list .box.active::before {
    transform: translateY(270%);
    transition: transform 1.5s;
}

.Contact .out .left .erweima_list .box::after {
    top: 100%;
    background: linear-gradient(to top, rgba(255, 191, 164, 0), #d4042c);
}

.Contact .out .left .erweima_list .box.active::after {
    transition: transform 1.5s 1.5s;
    transform: translateY(-270%);
}


.Contact .out .right {
    width: 42%;
    /* background: linear-gradient(138deg, #FFFFFF 0%, #FFFFFF 51%, #F6C9CD 100%); */
    background: #FFF;
    border-radius: 1.2rem;
    min-height: 80rem;
    padding: 5.4rem 2.8rem 5.4rem 7.5rem;
    box-sizing: border-box;
}

.Contact .out .right .title {
    display: flex;
    align-items: center;
    margin-bottom: 4.4rem;
}

.Contact .out .right .title i {
    width: 1.1rem;
    height: 1.1rem;
    background: #C7000A;
    border-radius: 50%;
    margin-right: 1.8rem;
}

.Contact .out .right .title p {
    font-weight: 400;
    font-size: var(--fa_18, 18.0rem);
    color: #303030;
}

.Contact .out .right input {
    width: 100%;
    height: 7rem;
    border-radius: 3.5rem;
    border: 0.1rem solid #E0DCDC;
    padding: 0px 3rem;
    box-sizing: border-box;
    font-weight: 400;
    font-size: var(--fa_16, 16.0rem);
    color: #8E8E8E;
    margin-bottom: 3rem;
    background: none;
}

.Contact .out .right textarea {
    width: 100%;
    height: 13.9rem;
    border-radius: 1.9rem;
    border: 0.1rem solid #E6E6E6;
    padding: 3rem;
    box-sizing: border-box;
    font-weight: 400;
    font-size: var(--fa_16, 16.0rem);
    color: #8E8E8E;
    margin-bottom: 3rem;
    background: none;
}

.Contact .out .right .code {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Contact .out .right .code input {
    width: calc(100% - 16.5rem - 3rem);
    background: none;
    margin-bottom: 0px;

}

.Contact .out .right .code img {
    height: 7rem;
    width: 16.5rem;
    background: #eee;
    object-fit: contain;
    cursor: pointer;
}

.Contact .out .right button {
    height: 7.4rem;
    background: #E81123;
    border-radius: 3.7rem;
    width: 100%;
    margin-top: 5.3rem;
    border: none;
    font-weight: 400;
    font-size: var(--fa_16);
    color: #FFFFFF;
    cursor: pointer;
}

/* waimaoyun_Question */
.waimaoyun_Question {
    width: 100%;
    padding: var(--top_margin) 0px 7rem 0px;
    background: linear-gradient(180deg, #FFFFFF 0%, #EFEFF1 56.46%, #FFFFFF 100%);
}

.waimaoyun_Question .out {
    margin-top: var(--top_margin_2);
    display: flex;
    flex-wrap: wrap;
    gap: 6rem 3.5%;
}

.waimaoyun_Question .out .box {
    width: 31%;
    box-sizing: border-box;
    padding: 4.5rem 0.7rem 9rem 5rem;
    position: relative;
    z-index: 1;
}

.waimaoyun_Question .out .box .ceng {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
    background: linear-gradient(131deg, #EFEFF1 0%, #F6F6F6 100%);
    transition: 0.5s ease;
    overflow: hidden;
}

.waimaoyun_Question .out .box .ceng::after {
    width: 100%;
    height: 100%;
    background: linear-gradient(131deg, #C7000A 0%, #640005 100%);
    content: '';
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: 0.3s ease;
    transform: translate(0%, -110%);
}

.waimaoyun_Question .out .box::after {
    background: #E3E3E3;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
    inset: -1px;
    padding: 0.1rem;
    content: '';
}

.waimaoyun_Question .out .box .img {
    height: 6.6rem;
    position: relative;
    margin-bottom: 2.6rem;
}

.waimaoyun_Question .out .box .img img {
    height: 100%;
    display: block;
    width: auto;
    display: none;
}

.waimaoyun_Question .out .box .img .icon_1 {
    display: block;
}

.waimaoyun_Question .out .box .text {
    position: relative;
    z-index: 10;
}

.waimaoyun_Question .out .box .text h3 {
    font-weight: bold;
    font-size: var(--fa_22, 2.2rem);
    color: #363636;
    line-height: 1.2em;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.12);
    margin-bottom: 2rem;
}

.waimaoyun_Question .out .box .text p {
    font-weight: 400;
    font-size: var(--fa_16, 16.0rem);
    color: #717171;
}

.waimaoyun_Question .out .box:hover .ceng::after {
    transform: translate(-0%, -0%);
}

.waimaoyun_Question .out .box:hover .img .icon_1 {
    display: none;
}

.waimaoyun_Question .out .box:hover .img .icon_on {
    display: block;
}

.waimaoyun_Question .out .box:hover .text h3,
.waimaoyun_Question .out .box:hover .text p {
    color: #FFF;
}

/* waimaoyun_Introduction */
.waimaoyun_Introduction {
    width: 100%;
    padding-top: 4.5rem;
}

.waimaoyun_Introduction .text {
    width: 100%;
    max-width: 140rem;
    margin: 0 auto;
    margin-top: var(--top_margin_2);
    text-align: center;
}

.waimaoyun_Introduction .text p {
    font-weight: 400;
    font-size: var(--fa_22);
    color: #5D5D5D;
    line-height: 1.7em;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.12);
}

.waimaoyun_Introduction .out {
    margin-top: var(--top_margin);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.waimaoyun_Introduction .out .left {
    width: 56%;
    background: #B6061A;
    padding: 6rem 12.3rem 5.6rem 20.4rem;
    box-sizing: border-box;
}

.waimaoyun_Introduction .out .left h2 {
    font-weight: bold;
    font-size: 3.8rem;
    color: #FFFFFF;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.12);
}

.waimaoyun_Introduction .out .left ul {
    width: 100%;
    margin-top: 5rem;
}

.waimaoyun_Introduction .out .left ul li {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 2.4rem;
    box-sizing: border-box;
    justify-content: space-between;
    margin-bottom: 7rem;
}

.waimaoyun_Introduction .out .left ul li:last-child {
    margin-bottom: 0px;
}

.waimaoyun_Introduction .out .left ul li .icon {
    width: 14%;
    display: block;
}

.waimaoyun_Introduction .out .left ul li .txt {
    width: 80%;
}

.waimaoyun_Introduction .out .left ul li .txt h3 {
    font-weight: bold;
    font-size: var(--fa_24, 2.4rem);
    color: #FFFFFF;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.12);
    margin-bottom: 1.4rem;
}

.waimaoyun_Introduction .out .left ul li .txt p {
    font-weight: 400;
    font-size: var(--fa_16);
    color: #FFD5D5;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.12);
}

.waimaoyun_Introduction .out .right {
    width: 44%;
    background: url(../images/10132.webp) no-repeat center;
    background-size: cover;
    padding: 4rem 5rem 5rem 4rem;
    box-sizing: border-box;
}

.waimaoyun_Introduction .out .right img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: contain;
    transform: translateY(6%);
}

/* waimaoyun_platform */
.waimaoyun_platform {
    width: 100%;
    padding: var(--top_margin) 0px 4.3rem 0px;
}

.waimaoyun_platform .out {
    width: 100%;
    max-width: 128.8rem;
    margin: 0 auto;
    margin-top: 4rem;
}

.waimaoyun_platform .out img {
    width: 100%;
    display: block;
}

/* waimaoyun_pattern */
.waimaoyun_pattern {
    width: 100%;
    background: url(../images/10137.webp) no-repeat center;
    background-size: cover;
    padding: 10rem 0px 14rem 0px;
    box-sizing: border-box;
}

.waimaoyun_pattern .public_title h2,
.waimaoyun_pattern .public_title b {
    color: #FFF;
}

.waimaoyun_pattern .public_title i {
    background: #FFF;
}

.waimaoyun_pattern .out {
    margin-top: 9rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.waimaoyun_pattern .out .box {
    width: 45%;
    background: rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(1rem);
    box-shadow: inset 0px 0.3rem 0.6rem 0.1rem rgba(255, 255, 255, 0.16);
    border-radius: 14.1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 9rem 0px;
}

.waimaoyun_pattern .out .box .icon {
    height: 9rem;
    margin-right: 3rem;
    display: block;
}

.waimaoyun_pattern .out .box .txt h3 {
    font-weight: bold;
    font-size: 2.8rem;
    color: #FFFFFF;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.12);
    margin-bottom: 1.4rem;
}

.waimaoyun_pattern .out .box .txt p {
    font-weight: 400;
    font-size: var(--fa_18);
    color: #E5E5E5;
    text-shadow: 0px 0.3rem 0.6rem rgba(0, 0, 0, 0.12);
}

/* waimaoyun_core */
.waimaoyun_core {
    margin-top: var(--top_margin);
    width: 100%;
}

.waimaoyun_core .out {
    margin-top: var(--top_margin_2);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.waimaoyun_core .out .box {
    width: 24%;
    background: #FFF;
    box-shadow: var(--shadow_color);
    border-radius: 1.2rem;
    border: 0.1rem solid #E3E3E3;
    padding: 4rem 8.5rem 3.3rem 8.5rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.waimaoyun_core .out .box:nth-child(2n) {
    background: #C7000A;
}

.waimaoyun_core .out .box .icon {
    display: block;
    height: 5.24rem;
    margin: 0 auto;
    margin-bottom: 2rem;
    text-align: center;
}

.waimaoyun_core .out .box .icon img {
    max-height: 100%;
    height: auto;
    display: block;
}

.waimaoyun_core .out .box .text {
    text-align: center;
    width: 100%;
}

.waimaoyun_core .out .box .text h3 {
    font-weight: bold;
    font-size: var(--fa_24);
    color: #363636;
    text-shadow: var(--shadow_color);
    margin-bottom: 1rem;
}

.waimaoyun_core .out .box .text p {
    font-weight: 400;
    font-size: var(--fa_15);
    color: #575757;
    text-shadow: var(--shadow_color);
    line-height: 1.6em;
}

.waimaoyun_core .out .box:nth-child(2n) .text h3,
.waimaoyun_core .out .box:nth-child(2n) .text p {
    color: #FFF;
}

/* waimaoyun_system */
.waimaoyun_system {
    width: 100%;
    margin-top: var(--top_margin);
}

.waimaoyun_system .out {
    margin-top: var(--top_margin_2);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 1.25%;
}

.waimaoyun_system .out .box {
    width: 19%;
    background: #FFF;
    box-shadow: var(--shadow_color);
    border-radius: 1.2rem;
    border: 0.1rem solid #E3E3E3;
    box-sizing: border-box;
    padding: 3.2rem 4rem 2.4rem 4rem;
}

.waimaoyun_system .out .box .icon {
    display: block;
    height: 5rem;
    margin: 0 auto;
    margin-bottom: 2rem;
}

.waimaoyun_system .out .box h3 {
    text-align: center;
    font-weight: 500;
    font-size: var(--fa_24);
    color: #1A1A1A;
    text-shadow: var(--shadow_color);
}

.waimaoyun_system .out .box ul {
    margin-top: 2.6rem;
    width: 100%;
    list-style: disc;
}

.waimaoyun_system .out .box li {
    font-weight: 400;
    font-size: var(--fa_15);
    color: #6A6A6A;
    text-shadow: var(--shadow_color);
    margin-bottom: 0.8rem;
}

.waimaoyun_system .out .box li:last-child {
    margin-bottom: 0px;
}

.waimaoyun_system .out .box li::marker {
    font-size: var(--fa_14);
    color: #6a6a6a;
}

/* waimaoyun_Function */
.waimaoyun_Function {
    padding: 6.8rem 0px 12rem 0px;
    background: url(../images/10139.webp) no-repeat center;
    background-size: cover;
    margin-top: 6.5rem;
    overflow: hidden;
}

.waimaoyun_Function .public_title h2 {
    color: #FFF;
}

.waimaoyun_Function .out {
    margin-top: var(--top_margin_2);
    width: 100%;
}

.waimaoyun_Function .out {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    margin-top: 7rem;
    position: relative;
}

.waimaoyun_Function .out .Function_swiper {
    overflow: inherit;
    width: 100%;
}

.waimaoyun_Function .out .swiper-slide {
    width: 45%;
    background: rgba(255, 255, 255, 0.14);
    border-radius: 2.4rem;
    padding: 10rem 6.1rem 5.3rem 6.1rem;
    box-sizing: border-box;
    height: auto;
    margin-right: 8%;
    overflow: hidden;
}

.waimaoyun_Function .out .swiper-slide h3 {
    font-weight: bold;
    font-size: 2.8rem;
    color: #FFFFFF;
    text-shadow: var(--shadow_color);
    margin-bottom: 3rem;
    position: relative;
    z-index: 2;
}

.waimaoyun_Function .out .swiper-slide p {
    font-weight: 400;
    font-size: var(--fa_16);
    color: #EBEBEB;
    text-shadow: var(--shadow_color);
    line-height: 1.7em;
    position: relative;
    z-index: 2;
}

.waimaoyun_Function .out .swiper-slide .img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 0;
    transition: 0.5s ease;
}

.waimaoyun_Function .out .swiper-slide:hover .img {
    opacity: 1;
}

.waimaoyun_Function .out .swiper-button-prev {
    left: -6%;
}

.waimaoyun_Function .out .swiper-button-next {
    right: -4%;
}

/* waimaoyun_channel */

.waimaoyun_channel {
    margin: var(--top_margin) 0px;
    width: 100%;
}

.waimaoyun_channel .out {
    margin-top: var(--top_margin_2);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 6rem 3.5%;
}

.waimaoyun_channel .out .box {
    width: 31%;
    background: #FFF;
    background: #F6F6F6;
    box-shadow: var(--shadow_color);
    border-radius: 1.2rem;
    border: 0.1rem solid #E3E3E3;
    box-sizing: border-box;
    padding: 4.5rem 4rem 2.3rem 4rem;
    box-sizing: border-box;
}

.waimaoyun_channel .out .box .title {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 2rem;
}

.waimaoyun_channel .out .box .title .icon {
    width: auto;
    height: auto;
    max-height: 3.7rem;
    max-width: 4rem;
    display: block;
    object-fit: contain;
    margin-right: 1.8rem;
}

.waimaoyun_channel .out .box .title h3 {
    font-weight: bold;
    font-size: var(--fa_24);
    color: #363636;
    text-shadow: var(--shadow_color);
}

.waimaoyun_channel .out .box p {
    font-weight: 400;
    font-size: 1.6rem;
    color: #5E5E5E;
    line-height: 1.7em;
}

/* waimaoyun_Source */
.waimaoyun_Source {
    width: 100%;
    margin: var(--top_margin) 0px;
    background: #FFF;
}

.waimaoyun_Source .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--top_margin_2);
    gap: 3rem 2%;
}

.waimaoyun_Source .out .box {
    width: 32%;
    background: #FFF;
    box-shadow: var(--shadow_color);
    border: 0.1rem solid #DBDBDB;
    border-radius: 1.2rem;
    padding: 6rem 0px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.waimaoyun_Source .out .box .icon {
    height: auto;
    width: auto;
    max-width: 5.1rem;
    max-height: 6rem;
    display: block;
    margin-right: 2.3rem;
}

.waimaoyun_Source .out .box h3 {
    font-weight: bold;
    font-size: 2.6rem;
    color: #363636;
    text-shadow: var(--shadow_color);
}

/* waimaoyun_Advantage */
.waimaoyun_Advantage {
    width: 100%;
    margin: var(--top_margin) 0px;
}

.waimaoyun_Advantage .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem 2%;
    margin-top: var(--top_margin_2);
}

.waimaoyun_Advantage .out .box {
    width: 23.5%;
    background: #F6F6F6;
    box-shadow: var(--shadow_color);
    border-radius: 1.2rem;
    border: 0.1rem solid #E3E3E3;
    box-sizing: border-box;
    padding: 6rem 2.5rem 2.5rem 2.5rem;
}

.waimaoyun_Advantage .out .box h3 {
    text-align: center;
    font-weight: bold;
    font-size: var(--fa_24);
    color: #363636;
    text-shadow: var(--shadow_color);
    margin-bottom: 2rem;
}

.waimaoyun_Advantage .out .box i {
    width: 5.9rem;
    height: 0.2rem;
    background: #C7000A;
    display: block;
    margin: 0 auto;
    margin-bottom: 3rem;
}

.waimaoyun_Advantage .out .box p {
    font-weight: 400;
    font-size: var(--fa_16);
    color: #5E5E5E;
    line-height: 1.7em;
    text-align: center;
}

/* waimaoyun_interface */
.waimaoyun_interface {
    width: 100%;
    margin: var(--top_margin) 0px;
    overflow: hidden;
}

.waimaoyun_interface .interface_swiper {
    margin-top: var(--top_margin_2);
    width: 100%;
    overflow: inherit;
}

.waimaoyun_interface .interface_swiper .swiper-slide {
    width: 52.25%;
    margin: 0px 7.8%;
}

.waimaoyun_interface .interface_swiper .swiper-slide img {
    width: 100%;
    display: block;
}

.waimaoyun_interface .interface_swiper .swiper-button-prev {
    left: 15%;
}

.waimaoyun_interface .interface_swiper .swiper-button-next {
    right: 15%;
}

/* waimaoyun_Package */
.waimaoyun_Package {
    width: 100%;
    margin: var(--top_margin) 0px;
}

.waimaoyun_Package .container {
    max-width: 180rem ;
}

.waimaoyun_Package .out {
    margin-top: var(--top_margin_2);
    width: 100%;
}

.waimaoyun_Package .out img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

/* waimaoyun_Contact */
.waimaoyun_Contact {
    width: 100%;
    background: #EAE9E9;
    padding: 8.3rem 0px 7rem 0px;
    box-sizing: border-box;
}

.waimaoyun_Contact h2 {
    font-weight: 500;
    font-size: 2.6rem;
    color: #363636;
    text-shadow: var(--shadow_color);
    text-align: center;
    margin-bottom: 2rem;
}

.waimaoyun_Contact h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-weight: 500;
    font-size: var(--fa_24);
    color: #363636;
    text-shadow: var(--shadow_color);
}

.waimaoyun_Contact h3 b {
    font-size: inherit;
    color: #C7000A;
    text-shadow: var(--shadow_color);
}

.waimaoyun_Contact .button_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap ;
    justify-content: center;
    align-items: center;
    margin-top: 4rem;
    gap: 2rem 4rem;
}

.waimaoyun_Contact .button_list a {
    width: 23.6rem;
    height: 4.7rem;
    border: 0.1rem solid #707070;
    font-weight: 400;
    font-size: var(--fa_20);
    color: #363636;
    text-shadow: var(--shadow_color);
    display: flex ;
    align-items: center ;
    justify-content: center ;
}

.waimaoyun_Contact .button_list a:nth-child(2) {
    background: #000000 ;
    color: #FFF ;
}


.Floating_Contact {
    position: fixed;
    z-index: 99;
    right: 1rem;
    bottom: 2rem;
    width: 10rem;
    border-radius: 4rem;
}

.Floating_Contact .icon_box {
    width: 100%;
    cursor: pointer;
}

.Floating_Contact .icon_box img {
    width: 100%;
    display: block;
    border-radius: 50%;
}

.Floating_Contact .text_box {
    width: 43rem;
    background: #FFF;
    position: absolute;
    top: 0px;
    transform: translateY(-100%);
    box-shadow: 0px 0px 1rem 0.1rem rgba(0, 0, 0, 0.16);
    right: 8rem;
    /*display: none ;*/
}

.Floating_Contact .text_box::after {
    width: 2.8rem;
    height: 2.8rem;
    position: absolute;
    bottom: -1rem;
    right: 5rem;
    transform: rotate(45deg);
    background: rgb(255, 255, 255);
    border-radius: 0.3rem;
    content: '';
}

.Floating_Contact .title {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1rem 0px;
    background: #1AB744;
    justify-content: center;
    position: relative;
}


.Floating_Contact .title svg {
    height: 2.6rem;
    width: auto;
    margin-right: 1rem;
    fill: #FFF;
}

.Floating_Contact .title .icon_guanbi {
    right: 2rem;
    width: 2rem;
    height: 2rem;
    display: block;
    position: absolute;
    margin-right: 0px;
    cursor: pointer;
}


.Floating_Contact .title b {
    font-size: 1.4rem;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.Floating_Contact .text {
    width: 100%;
    padding: 2rem;
    box-sizing: border-box;
}

.Floating_Contact .text p {
    font-size: 1.6rem;
    color: #333;
    font-weight: 400;
    line-height: 1.7em;
}

.Floating_Contact .text p a {
    font-size: inherit;
    color: #0075C2;
    text-decoration: underline;
    cursor: pointer;
}


/* 断点 */
@media (min-width: 1920px) {
    html {
        font-size: clamp(10px, calc(100vw / 1920 * 10), 20px);
    }
}

@media (max-width: 1919.98px) {
    html {
        font-size: calc(100vw / 192);
    }
}

@media (max-width: 1440px) {
    html {
        font-size: calc(100vw / 144);
    }

    :root {
        --fa_50: 4rem;
        --fa_30: 2.6rem;
        --fa_24: 2rem;
        --fa_20: 1.8rem;
    }

    .nav_menu {
        gap: 0px 6rem;
    }

    .banner_swiper .text .tit h2 {
        font-size: 6rem;
    }

    .digital_scroll .out .box .tit span {
        font-size: 2rem;
    }

    .banner_swiper .swiper-pagination {
        left: 6%;
        display: flex;
        align-items: center;
        bottom: 10%
    }

    .OUR_SERVICES_2 .out .box .text {
        padding: 6rem 3.5rem 3.5rem 3.5rem;
    }

    .Our_Advantages .out .box .icon {
        width: 10rem;
        height: 10rem;
    }

    .Our_Advantages .out .box .icon img {
        height: 4.2rem;
    }

    .Our_Advantages .out .box {
        padding: 3rem;
    }

    .Plan_Quotation .out .right {
        padding: 6rem 5.8rem;
    }

    .Plan_Quotation .out .left {
        padding: 6.4rem 0px 6.4rem 5.9rem;
    }

    .footer .out .right {
        width: 10%;
    }

    .footer .icon_list .item {
        width: 17%;
    }

    .footer .icon_list .item span {
        font-size: 1.2rem;
    }

    .Regarding_banner .text .right .box .number b {
        font-size: 6.8rem;
    }

    .Regarding_PARTNER {
        padding-top: 7rem;
    }

    .Regarding_PARTNER .out {
        flex-wrap: wrap;
        position: relative;
        z-index: 10;
    }

    .Regarding_PARTNER .out .left {
        width: 100%;
    }

    .Regarding_PARTNER .out .right {
        width: 100%;
        margin-top: 4rem;
    }

    .Regarding_Developing .out .list .item {
        width: 100%;
    }

    .Regarding_Developing .out .list .swiper-slide.cyi_1 .item {
        transform: translate(-4.3rem, 20rem);
    }

    .Regarding_Developing .out .list .swiper-slide.cyi_2 .item {
        transform: translate(-6.3rem, 20.8rem);
    }

    .Regarding_Developing .out .list .swiper-slide.cyi_3 .item {
        transform: translate(-8rem, 12rem);
    }

    .Regarding_Developing .out .list .swiper-slide.cyi_4 .item {
        transform: translate(-5.3rem, 15.5rem);
    }

    .Regarding_Developing .out .list .swiper-slide.cyi_5 .item {
        transform: translate(-2.3rem, 2.3rem);
    }

    .Regarding_Developing .out .list .swiper-slide.cyi_6 .item {
        transform: translate(0.7rem, 8.5rem);
    }

    .Regarding_Developing .out .list .swiper-slide.cyi_7 .item {
        transform: translate(5.7rem, 1.7rem);
    }

    .Regarding_Developing .swiper-button-prev {
        left: 0px;
    }

    .Regarding_Developing .swiper-button-next {
        right: 0px;
    }

    .banner_works .title h2 {
        font-size: 4.2rem;
        margin-bottom: 2rem;
    }

    .text_works .left h3 {
        font-size: 3.2rem;
    }

    .banner_works .title {
        margin-bottom: 6rem;
    }

    .works_details .Works_Title .title h1 {
        font-size: 5rem;
    }

    .works_details .out .right .box h3 {
        font-size: 2.4rem;
    }

    .banner_pages .text .container .tit h1,
    .banner_pages .text .container .tit h2 {
        font-size: 3.8rem;
    }

    .banner_pages .text .container .tit p {
        font-size: 2rem;
    }

    .bread_crumbs {
        padding-left: 5%;
    }

    .trademark_Advantage .swiper-slide .left>img {
        height: 5rem;
        transform: translateY(0px);
    }

    .trademark_Advantage .swiper-slide .left h3 {
        font-size: 3.4rem;
        margin-bottom: 2rem;
    }

    .trademark_Advantage .swiper-slide .left p {
        margin-bottom: 3rem;
    }

    .trademark_CASES .out .swiper-button-prev {
        left: -4%;
    }

    .trademark_CASES .out .swiper-button-next {
        right: -4%;
    }

    .trademark_language .img {
        width: 90%;
    }

    .trademark_language .out .left>h2 {
        font-size: 3.4rem;
        margin-bottom: 3rem;
    }

    .Al_Introduction .out .list .item {
        width: 29rem;
    }

    .Contact .out .right {
        padding: 3rem;
        box-sizing: border-box;
        min-height: auto;
    }

    .Contact .out {
        align-items: flex-start;
    }

    .Contact .out .left .title h2 {
        font-size: 4rem;
        margin-bottom: 6rem;
    }

    .Contact .out .right .title {
        margin-bottom: 2.4rem;
    }

    .Contact .out .right input,
    .Contact .out .right .code img,
    .Contact .out .right button {
        height: 5rem;
    }

    .Contact .out .left .list .item h3 {
        font-size: 3rem;
        margin-bottom: 2rem;
    }

    .Contact .out .left .list {
        justify-content: space-between;
    }

    .Contact .out .left .list .item .box p {
        margin-top: 1rem;
    }

    .Contact .out .left .list .item {
        width: 48%;
    }

    .banner_waimaoyun .text h2{
        font-size: 5rem ;
        margin-bottom: 4rem ;
    }

    .Number_scrolling .box .tit b {
        font-size: 4rem ;
    }

    .waimaoyun_Question .out .box .img {
        height: 5rem ;
    }

    .waimaoyun_Introduction .out .left{
        padding-left: 6% ;
    }

    .waimaoyun_pattern .out .box{
        padding: 8rem 0px ;
    }

    .waimaoyun_core .out .box{
        padding: 4rem 2.5rem 3.3rem 2.5rem;
    }

    .waimaoyun_core .out .box .icon{
        height: 4.3rem ;
    }

    .waimaoyun_system .out .box{
        padding: 3.2rem 3rem 2.4rem 3rem;
    }


}

@media (max-width: 1200px) {
    html {
        font-size: calc(100vw / 120);
    }

    :root {
        --fa_18: 1.6rem;
        --fa_50: 3.2rem;
        --fa_30: 2rem;
    }

    .nav_menu {
        gap: 0px 4.5rem;
    }

    .banner_swiper .text .tit h2 {
        font-size: 4.5rem;
    }

    .digital_scroll .out .box img {
        width: 4.5rem;
    }

    .public_title .tit h2,
    .public_title .tit b {
        font-size: 3.4rem;
    }

    .OUR_SERVICES_2 .out .box .text ul li {
        width: 100%;
    }

    .OUR_SERVICES_2 .out .box .text {
        padding: 4rem 3rem 3rem 3rem;
    }

    .OUR_SERVICES_2 .out .box .text ul {
        margin-top: 3.7rem;
    }

    .OUR_SERVICES_2 .out .box {
        width: 24%;
    }

    .public_Moer_box a {
        width: 13.7rem;
        height: 3.8rem;
    }

    .public_Moer_box a span {
        font-size: 1.4rem;
    }

    .public_Moer_box a .yuan {
        width: 2.6rem;
        height: 2.6rem;
    }

    .OUR_SERVICES_2 .out .box .public_Moer_box {
        margin-top: 4rem;
    }

    .Plan_Quotation .out .left .tit h2 {
        font-size: 3rem;
        line-height: 1.3em;
        letter-spacing: 0.1rem;
    }

    .Plan_Quotation .out .left .erweima_box .erweima {
        width: 10rem;
        height: 10rem;
    }

    .Plan_Quotation .out .right h3 {
        font-size: 3rem;
    }

    .Plan_Quotation .out .right .input_box input,
    .Plan_Quotation .out .right .CAPTCHA_button .CAPTCHA_box input {
        height: 4.5rem;
    }

    .Plan_Quotation .out .right .input_box input::placeholder,
    .Plan_Quotation .out .right .CAPTCHA_button .CAPTCHA_box input::placeholder {
        font-size: 1.4rem;
    }

    .Plan_Quotation .out .right .CAPTCHA_button {
        flex-wrap: wrap;
        margin-top: 3rem;
    }

    .Plan_Quotation .out .right .CAPTCHA_button .CAPTCHA_box {
        width: 100%;
    }

    .Plan_Quotation .out .right .CAPTCHA_button .CAPTCHA_box img {
        height: 4.5rem;
    }

    .Plan_Quotation .out .right .CAPTCHA_button button {
        width: 100%;
        height: 4.5rem;
        margin-top: 3rem;
    }

    .footer .icon_list .item {
        width: auto;
    }

    .footer .out .content .box a {
        margin-bottom: 2.3rem;
    }

    .footer .out .left .tel span {
        margin-bottom: 2rem;
    }

    .footer .out .left .list p {
        margin-bottom: 2.1rem;
    }

    .footer .out {
        padding: 4.5rem 0px;
    }

    .banner_works .title h2 {
        font-size: 3.8rem;
    }

    .text_works .left h3 {
        font-size: 2.8rem;
    }

    .works_details .out .right .box .list a {
        width: 100%;
    }

    .banner_pages .text .container .tit h1,
    .banner_pages .text .container .tit h2 {
        margin-bottom: 2.8rem;
    }

    .trademark_CASES .out .box .img_box .logo {
        max-height: 3.2rem;
    }

    .GEO_Introduction .out .right .item img {
        width: 8rem;
        height: 8rem;
    }

    .GEO_Introduction .out .right {
        gap: 6rem;
    }

    .GEO_Introduction .out .left h3 {
        font-size: 3.4rem;
    }

    .Al_Introduction .out .min_img {
        display: block;
    }

    .Al_Introduction .out .img,
    .Al_Introduction .out .list_img,
    .Al_Introduction .out .list {
        display: none;
    }

    .Al_Introduction {
        padding: 7rem 0px;
    }

    .public_title_CEO h2 {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .GEO_Introduction .out {
        margin-top: 4rem;
    }

    .GEO_Introduction .out .left h3 {
        font-size: 3rem;
    }

    .News_button_box .out {
        gap: 2rem 8%;
    }

    .News_List .out .item {
        width: 31.56%;
    }

    .banner_waimaoyun .text h2 {
        font-size: 4rem ;
        margin-bottom: 3rem ;
    }

    .Number_scrolling .box .tit b{
        font-size: 3.8rem ;
    }

    .waimaoyun_Question .out .box{
        padding: 4.5rem 0.7rem 6rem 2rem;
    }

    .waimaoyun_Introduction .out .left h2 {
        font-size: 3.2rem ;
    }

    .waimaoyun_Introduction .out .left ul li{
        margin-bottom: 4rem ;
    }

    .waimaoyun_pattern .out .box{
        padding: 6.5rem 0px ;
    }

    .waimaoyun_Source .out .box h3{
        font-size: 2rem ;
    }

    .waimaoyun_Source .out .box .icon{
        height: 3rem ;
    }

    .Regarding_banner .text .left h2, .Regarding_banner .text .left h1{
        margin-bottom: 4rem ;
    }

    .Regarding_banner .text .left .banner‑sub, .Regarding_banner .text .left h3{
        font-size: 2.4rem ;
    }

    .Regarding_banner .text .left{
        width: 50% ;
    }

    .Regarding_banner .text .right .box .number b{
        font-size: 4.8rem ;
    }

    .Regarding_Developing .out .img{
        display: none ;
    }

    .Regarding_Developing .out .list .item{
        position: static ;
        transform:translate(0px) !important;
    }

    .Regarding_Developing .out .list .swiper-slide{
        height: auto ;
        align-items: flex-start;
        width: 25% ;
        padding: 0px 2% ;
        box-sizing: border-box ;
    }

    .Regarding_Developing .out .list .item .txt{
        position: static ;
        flex-direction: column !important;
    }

    .Regarding_Developing .out .list .item p{
        margin: 0px !important;
        margin-top: 2rem !important;
    }

    .Regarding_Developing .out .list .item i{
        display: none !important;
    }

    .Regarding_Developing .out .list{
        position: static ;
        transform: translateX(0px);
        width: 100% ;
    }

    .Regarding_Developing .out .swiper{
        overflow: hidden;
    }

    .Regarding_Developing .swiper-button-next{
        right: -4% ;
    }

    .Regarding_Developing .swiper-button-prev{
        left: -4% ;
    }

    .Regarding_Developing .out{
        padding-top: 10.4rem;
        padding-bottom: 13.9rem;
    }

    
    
}

@media (max-width: 992px) {
    html {
        font-size: calc(100vw / 99.2);
    }

    :root {
        --top_margin: 7rem;
        --top_margin_2: 4rem;
    }

    .nav_menu {
        display: none;
    }

    .nav {
        background: #FFF;
    }

    .nav .logo .logo_1 {
        display: none;
    }

    .nav .logo .logo_2 {
        display: block !important;
    }

    .banner_swiper {
        margin-top: 9rem;
    }

    .banner_swiper .text {
        padding-bottom: 5%;
        box-sizing: border-box;
    }

    .digital_scroll .out .box {
        align-items: flex-start;
    }

    .digital_scroll .out .box img {
        width: 4rem;
        margin-right: 1.4rem;
    }

    .public_title .tit h2,
    .public_title .tit b {
        font-size: 3rem;
    }

    .CASES .out .swiper-slide .box .logo {
        top: 2rem;
        left: 1.6rem;
        max-height: 3rem;
    }

    .CASES .out .swiper-slide .box .text p {
        -webkit-line-clamp: 2;
    }

    .CASES .out .swiper-slide .box .text {
        padding: 1.5rem;
    }

    .CASES .out .swiper-slide .box .text h3 {
        margin-bottom: 1rem;
    }

    .Our_Advantages {
        padding: 7rem 0px;
    }

    .Plan_Quotation .out .left {
        padding-left: 3rem;
    }

    .Plan_Quotation .out .left .erweima_box .erweima {
        margin-right: 1.5rem;
    }

    .Plan_Quotation .out .right {
        padding: 6rem 2.8rem;
    }

    .footer .icon_list .item {
        width: 15%;
    }

    .footer_icon_list .icon_list .item h5 {
        font-size: 1.5rem;
    }

    .footer_icon_list .icon_list .item img {
        height: 3.4rem;
    }

    .footer .out .right {
        width: 12%;
    }

    .footer .out .content {
        width: 47%;
    }

    .footer_icon_list .icon_list {
        padding: 2rem 0px;
    }

    .text_works .left {
        width: 100%;
    }

    .banner_works .title h2 {
        font-size: 3rem;
    }

    .text_works .left h3 {
        font-size: 2.6rem;
    }

    .list_works .out {
        justify-content: space-between;
    }

    .list_works .out .box {
        width: 48.5%;
    }

    .works_details .out .right_absolute {
        display: none;
    }

    .works_details .out .left {
        width: 100%;
        padding: 2rem;
    }

    .works_details {
        padding-top: 20rem;
    }

    .works_details .Works_Title {
        padding-bottom: 8rem;
    }

    .banner_pages {
        margin-top: 9rem;
    }

    .banner_pages .text .container .tit h1,
    .banner_pages .text .container .tit h2 {
        font-size: 2.8rem;
    }

    .banner_pages .text .container .tit p {
        font-size: 1.8rem;
    }

    .trademark_Advantage .button_list {
        flex-wrap: wrap;
        gap: 2rem 2%;
        overflow: inherit;
    }

    .trademark_Advantage .button_list .item {
        width: 32%;
    }

    .trademark_Advantage .button_list .item .dian {
        display: none;
    }

    .trademark_Advantage .button_list .item a {
        width: 100%;
    }

    .trademark_Advantage .button_list .item a::after {
        display: none;
    }

    .trademark_Advantage .swiper-slide {
        flex-wrap: wrap;
    }

    .trademark_Advantage .swiper-slide .left {
        width: 100%;
    }

    .trademark_Advantage .swiper-slide .right {
        width: 100%;
        max-width: 100%;
        margin-top: 4rem;
    }

    .trademark_Advantage .swiper-slide .left h3 {
        font-size: 3rem;
    }

    .trademark_language .out .right,
    .trademark_language .img {
        display: none;
    }

    .trademark_language .out .left {
        width: 100%;
    }

    .GEO_Introduction .out .left {
        width: 100%;
    }

    .GEO_Introduction .out .right {
        width: 100%;
        margin-top: 3rem;
    }

    .GEO_Introduction .out .right .item img {
        width: 6rem;
        height: 6rem;
    }

    .GEO_Introduction {
        padding: 7rem 0px;
    }

    .What_can_we_do .out .left {
        width: 100%;
    }

    .What_can_we_do .out .left .box {
        margin-bottom: 4rem;
    }

    .What_can_we_do .out .right {
        width: 60%;
        margin: 0 auto;
        margin-top: 4rem;
    }

    .foot div ul li {
        width: 48%;
        margin-bottom: 1rem;
    }

    .foot h3 {
        margin-top: 3rem;
    }

    .foot h2 {
        font-size: 3rem;
    }

    .News_details .out {
        flex-wrap: wrap;
    }

    .News_details .out .left {
        width: 100%;
    }

    .News_details .out .right {
        display: none;
    }

    .News_details .page_turning {
        margin-top: 4rem;
    }

    .News_details {
        padding-bottom: 6rem;
    }

    .News_details .page_turning a {
        width: 100%;
    }

    .Contact .out {
        flex-wrap: wrap;
    }

    .Contact .out .left {
        width: 100%;
    }

    .Contact .out .right {
        width: 100%;
        margin-top: 5rem;
    }

    .banner_waimaoyun{
        margin-top: 9rem ;
    }

    .banner_waimaoyun .text{
        padding-bottom: 5% ;
        box-sizing: border-box ;
    }

    .banner_waimaoyun .text h2{
        font-size: 3.6rem ;
    }

    .Number_scrolling .box .tit b{
        font-size: 3rem ;
    }

    .waimaoyun_Question .out{
        justify-content: space-between ;
    }

    .waimaoyun_Question .out .box{
        width: 48% ;
    }

    .waimaoyun_Introduction .out .left{
        padding: 6rem 5.3rem 5.6rem 5% ;
    }

    .waimaoyun_Introduction .out .left h2{
        font-size: 3rem ;
    }

    .waimaoyun_Introduction .text p{
        font-size: 1.6rem ;
    }

    .waimaoyun_pattern .out .box{
        width: 48% ;
        padding: 5rem 0px ;
    }

    .waimaoyun_pattern .out .box .icon{
        height: 6rem ;
    }

    .waimaoyun_pattern .out .box .txt h3{
        font-size: 2rem ;
    }

    .waimaoyun_system .out .box{
        width: 32.5% ;
    }

    .waimaoyun_Function .out .swiper-slide{
        padding: 5rem 3.1rem 3.3rem 3.1rem;
    }

    .waimaoyun_Function .out .swiper-slide h3{
        font-size: 2.3rem ;
    }

    .menubtn{
        display: flex ;
    }

}

@media (max-width: 768px) {
    html {
        font-size: calc(100vw / 76.8);
    }

    :root {
        --fa_50: 2.8rem;
        --fa_30: 1.8rem;
        --fa_16: 1.4rem;
    }

    .banner_swiper .text .tit h2 {
        font-size: 4rem;
        margin-bottom: 1rem;
    }

    .digital_scroll .out {
        flex-wrap: wrap;
        gap: 2rem 0px;
    }

    .digital_scroll .out .box {
        width: 48%;
        align-items: center;
    }

    .OUR_SERVICES_2 .out {
        gap: 2rem 0px;
    }

    .CASES .out .swiper-slide {
        justify-content: space-between;
    }

    .OUR_SERVICES_2 .out .box {
        width: 48.5%;
    }

    .CASES .out .swiper-slide .box,
    .CASES .out .swiper-slide .box:nth-child(1) {
        width: 49.5%;
    }

    .Our_Advantages .out {
        gap: 2rem 0px;
    }

    .Our_Advantages .out .box {
        width: 100%;
    }

    .CASES .out .swiper-slide .box .img {
        padding-top: 73% !important;
    }

    .Our_Advantages .out {
        margin-top: 4rem;
    }

    .PARTNER .out .swiper-slide {
        height: 4rem;
    }

    .PARTNER .out .PARTNER_swiper {
        margin-bottom: 6rem;
    }

    .NEWS .out .left {
        width: 100%;
    }

    .NEWS .out .left .box .text {
        padding: 2rem 2rem;
    }

    .NEWS .out .right {
        width: 100%;
        margin-top: 3rem;
    }

    .Plan_Quotation {
        padding: 7rem 0px;
    }

    .Plan_Quotation .out {
        flex-wrap: wrap;
    }

    .Plan_Quotation .out .left {
        width: 100%;
        padding: 3.4rem 0px 4.4rem 3rem;
    }

    .Plan_Quotation .out .right {
        width: 100%;
    }

    .Plan_Quotation .out .left .tit {
        margin-bottom: 3.5rem;
    }

    .Plan_Quotation .out .left .erweima_box {
        margin-bottom: 2.9rem;
    }

    .footer_icon_list {
        display: none;
    }

    .footer .out {
        flex-wrap: wrap;
    }

    .footer .out .left {
        width: 56%;
    }

    .footer .out .content {
        display: none;
    }

    .footer .out .right {
        width: 19%;
    }

    .banner_works {
        padding-top: 16rem;
        padding-bottom: 13rem;
    }

    .banner_works .title {
        margin-bottom: 4rem;
    }

    .text_works .left h3 {
        font-size: 2.4rem;
    }

    .text_works .left p {
        font-size: 1.6rem;
    }

    .banner_works .button_list {
        gap: 2rem 2%;
    }

    .banner_works .button_list a {
        width: 32%;
        box-sizing: border-box;
    }

    .works_details .Works_Title {
        flex-wrap: wrap;
    }

    .works_details .Works_Title .text {
        width: 100%;
        margin-top: 3rem;
    }

    .works_details {
        background-size: 189% !important;
        width: 100%;
    }

    .works_details .Works_Title .title h1 {
        font-size: 4rem;
    }

    .works_details .Works_Title .title span img {
        width: 4rem;
        height: 4rem;
        margin-left: 1.5rem;
    }

    .Related_Cases .out .box {
        width: 50%;
    }

    .Related_Cases .title h2 {
        margin-bottom: 3rem;
        font-size: 3rem;
    }

    .Related_Cases .out .box .img_box .logo {
        top: 1.5rem;
        left: 1.5rem;
        max-height: 3.2rem;
    }

    .banner_pages .text {
        padding-bottom: 5%;
        box-sizing: border-box;
    }

    .GEO_Introduction .out .right .item img {
        width: 10rem;
        height: 10rem;
    }

    .News_List .out {
        justify-content: space-between;
    }

    .News_List .out .item {
        width: 48%;
    }

    .banner_waimaoyun .text h2{
        font-size: 3rem ;
        margin-bottom: 2rem ;
    }

    .Number_scrolling{
        padding: 2rem 0px ;
    }

    .Number_scrolling .box .tit b{
        font-size: 2.6rem ;
    }

    .Number_scrolling .box .tit span , .Number_scrolling .box p{
        font-size: 1.4rem ;
    }

    .waimaoyun_Introduction .out .left , .waimaoyun_Introduction .out .right , .waimaoyun_pattern .out .box{
        width: 100% ;
    }
    
    .waimaoyun_pattern .out{
        gap: 3rem 0px ;
    }

    .waimaoyun_core .out , .waimaoyun_channel .out ,  .waimaoyun_Source .out , .waimaoyun_Advantage .out{
        justify-content: space-between ;
        gap: 3rem 0px ;
    }

    .waimaoyun_core .out .box , .waimaoyun_channel .out .box , .waimaoyun_Source .out .box , .waimaoyun_Advantage .out .box{
        width: 48% ;
    }

    .waimaoyun_Function .out .swiper-slide , .waimaoyun_interface .interface_swiper .swiper-slide{
        width: 80% ;
    }

    .waimaoyun_interface .interface_swiper .swiper-button-next{
        right: -2% ;
    }

    .waimaoyun_interface .interface_swiper .swiper-button-prev{
        left: -2% ;
    }

    .waimaoyun_Contact h2{
        font-size: 2.4rem ;
    }

    .Floating_Contact{
        display: none !important;
    }

    .Regarding_banner .text .container{
        flex-wrap: wrap ;
    }

    .Regarding_banner .text .left{
        width: 100% ;
    }

    .Regarding_banner .text .right{
        width: 100% ;
        margin-top: 4rem ;
    }

    .Regarding_banner{
        padding: 18rem 0px 8rem 0px ;
    }

    .Regarding_banner .text .right .box .number b{
        font-size: 3.8rem ;
    }

    .Regarding_banner .text .left h2, .Regarding_banner .text .left h1{
        margin-bottom: 2rem ;
    }

    .Regarding_banner .text .left .banner‑sub, .Regarding_banner .text .left h3{
        font-size: 1.8rem ;
        margin-bottom: 3rem ;
    }

    .Regarding_Developing .out .list .swiper-slide{
        width: 33.33% ;
    }

}

@media (max-width: 576px) {
    html {
        font-size: calc(100vw / 57.6);
    }

    :root {
        --fa_20: 1.8rem;
    }

    .banner_swiper .swiper-pagination {
        display: none;
    }

    .banner_swiper .text {
        padding-bottom: 0px;
    }

    .nav {
        height: 7.5rem;
    }

    .banner_swiper {
        margin-top: 7.5rem;
    }

    .banner_swiper .text .tit h3 {
        font-size: 2.2rem;
    }

    .banner_swiper .text .tit p {
        font-size: 1.6rem;
    }

    .filing {
        flex-wrap: wrap;
    }

    .footer .out .right {
        width: 22%;
    }

    .banner_swiper .text .tit h2 {
        font-size: 3rem;
    }

    .public_title .tit h2,
    .public_title .tit b {
        font-size: 2.6rem;
    }

    .public_title .tit i {
        width: 100% ;
        height: 0.2rem;
        margin: 0px 1.2rem;
        margin: 1rem 0px 0rem 0px ;
        border-radius: 0px ;
        opacity: 0 ;
    }

    .PARTNER .out .PARTNER_swiper {
        margin-bottom: 4.5rem;
    }

    .PARTNER .out .swiper-slide {
        height: 3rem;
    }

    .PARTNER .out .PARTNER_swiper:nth-child(2) .swiper-slide {
        margin-left: 4rem;
    }

    .works_details {
        padding-top: 14rem;
    }

    .works_details .Works_Title .title h1 {
        font-size: 3.5rem;
    }

    .works_details .Works_Title .title h1 {
        margin-bottom: 2rem;
    }

    .works_details .Works_Title .text h2 {
        margin-bottom: 1.5rem;
    }

    .works_details .Works_Title {
        padding-bottom: 4rem;
    }

    .trademark_CASES .out .box {
        width: 100%;
    }

    .trademark_language .out .left>h2 {
        font-size: 2.8rem;
    }

    .bread_crumbs {
        bottom: 5%;
    }



    .banner_pages .text .container .tit h1,
    .banner_pages .text .container .tit h2 {
        margin-bottom: 0px;
        font-size: 2.2rem;
    }

    .banner_pages .text {
        padding-bottom: 0px;
    }

    .banner_pages .text .container .tit p {
        display: none;
    }

    .GEO_Introduction .out .right .item img {
        height: 7rem;
        width: 7rem;
    }

    .Customer_stories .out .stories_swiper .swiper-slide,
    .foot div ul li {
        width: 100%;
    }

    .public_title_CEO h2 {
        font-size: 2.6rem;
    }

    .public_title_CEO span {
        font-size: 1.6rem;
    }

    .News_button_box .out {
        gap: 1rem 4%;
    }

    .News_button_box {
        height: auto;
        padding: 2rem 0px;
    }

    .banner_pages .text .but {
        display: none;
    }

    .Contact .out .left .list {
        flex-wrap: wrap;
        gap: 2rem 0px;
    }

    .Contact .out .left .list .item {
        width: 100%;
    }

    .Contact .out .left .list .item .box {
        margin-bottom: 2rem;
    }

    .Contact .out .left .title h2 {
        font-size: 3rem;
        margin-bottom: 4rem;
    }

    .Number_scrolling{
        display: none ;
    }

    .banner_waimaoyun .text{
        padding-bottom: 0px ;
    }

    .banner_waimaoyun .text h2{
        font-size: 2.6rem ;
        margin-bottom: 1rem ;
    }

    .banner_waimaoyun .text p{
        font-size: 1.6rem ;
    }

    .waimaoyun_Question .out .box .img{
        height: 4rem ;
    }

    .waimaoyun_Question .out .box .text h3{
        font-size: 2rem ;
    }

    .public_title .tit {
        flex-wrap: wrap ;
    }

    .waimaoyun_system .out{
        justify-content: space-between ;
    }

    .waimaoyun_system .out .box{
        width: 49% ;
    }
    
    .waimaoyun_Source .out .box{
        flex-wrap: wrap ;
        padding: 3rem 0px ;
    }

    .waimaoyun_Source .out .box .icon{
        margin-right: 0px ;
        margin-bottom: 2rem ;
    }

    .waimaoyun_Source .out .box h3{
        width: 100% ;
        text-align: center ;
    }

    .Regarding_Developing .out .list .swiper-slide{
        width: 50%;
    }

    .Regarding_PARTNER{
    padding-top: 5rem ;
    }

    .Regarding_Client{
        padding: 6rem 0px ;
    }

}

@media (max-width: 390px) {
    html {
        font-size: calc(100vw / 48);
    }

    .Plan_Quotation .out .right {
        padding: 4rem 2.8rem;
    }

    .list_works .out .box,
    .Related_Cases .out .box {
        width: 100%;
    }

    .trademark_Advantage .button_list {
        justify-content: space-between;
    }

    .trademark_Advantage .swiper-slide .left>img {
        display: none;
    }

    .trademark_Advantage .button_list .item {
        width: 48%;
    }

    .News_List .out .item {
        width: 100%;
    }

    .waimaoyun_core .out .box, .waimaoyun_channel .out .box, .waimaoyun_Source .out .box, .waimaoyun_Advantage .out .box , .waimaoyun_system .out .box , .waimaoyun_Function .out .swiper-slide, .waimaoyun_interface .interface_swiper .swiper-slide{
        width: 100% ;
    }




}