/**
 * 关于我们页面样式
 * �?about.html 内联样式提取
 */

/* ========== 页面容器 ========== */
.p-about-container {
    background-color: rgba(28, 99, 237, 0.04);
}

.p-about-container .p-about-container__header .p-about-container-banner {
    height: 31vw;
}

.p-about-container .p-about-container__header .p-about-container-banner img {
    width: 100%;
    height: 100%;
}

.p-about-container .p-about-container__introduce .p-about-container__introduce-text>p {
    font-weight: 400;
    color: #333333;
    line-height: 27.52px;
}

.p-about-container .p-about-container__introduce .p-about-container__introduce-text>p img {
    margin-top: 24.08px;
    width: 100%;
    height: 444.62px;
}

.p-about-container .p-about-container__specialist {
    padding: 68.8px 288.96px;
    background-color: #fff;
}

.p-about-container .p-about-container__specialist .p-about-container__specialist__swiper {
    margin: 10.2px;
}

.p-about-container .p-about-container__specialist .p-about-container__specialist__swiper .c-specialist-swiper {
    margin: auto;
}

.p-about-container .p-about-container__cooperation__logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -18.06px;
    margin-top: 144px;
}

.p-about-container .p-about-container__cooperation__logo>img {
    width: 17%;
    height: 10%;
    margin-bottom: 18.06px;
    background: #FFFFFF;
    box-shadow: 2.58px 4.3px 17.2px 5.16px rgba(37, 126, 254, 0.05);
    border-radius: 3.44px;
}

.p-about-container .p-about-container__honor {
    padding: 158.24px 294.12px 94.6px;
    background-color: #fff;
}

.p-about-container .p-about-container__honor .p-about-container__honor__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.p-about-container .p-about-container__title {
    margin-bottom: 24.08px;
}

.p-about-container .p-about-container__introduce,
.p-about-container .p-about-container__specialist,
.p-about-container .p-about-container__cooperation {
    padding: 68.8px 288.96px;
    background-color: #fff;
    margin-bottom: 36.12px;
}

.p-about-container .p-about-container__timeline {
    padding-top: 68.8px;
    background-color: #fff;
}

.p-about-container .p-about-container__contact {
    background-color: #fff;
}

.p-about-container .p-diagnosis-consulting__footer .demo-box {
    position: fixed;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.p-about-container .p-diagnosis-consulting__footer .demo-free-box {
    z-index: 9999;
}

.p-about-container .p-diagnosis-consulting__footer .demo-order-box {
    z-index: 999;
}

.p-about-container .demo-free-box {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 180;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.p-about-container .demo-order-box {
    position: fixed;
    top: 0;
    left: 50%;
    top: 50%;
    z-index: 180;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.p-about-container .c-common-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    margin-bottom: 24.08px;
}

.p-about-container .c-common-title img {
    height: 15px;
}

.p-about-container .c-common-title__text {
    margin: 0 18px;
    font-weight: bold;
    color: #333333;
}

.c-about__swiper-item--person6 .c-specialist-swiper-item__cover {
    background-position-y: -35px;
}

.c-about__swiper-item--person9 .c-specialist-swiper-item__cover {
    background-position-x: 2px;
    background-size: 120% auto;
    background-position-y: -10px;
}

.c-about__swiper-item--person10 .c-specialist-swiper-item__cover {
    background-position-x: -20px;
    background-size: 120% auto;
    background-position-y: -10px;
}

/* ========== 真实客户反馈模块 ========== */
.p-about-container .p-about-container__feedback {
    padding: 68.8px 288.96px;
    background-color: #fff;
    margin-bottom: 36.12px;
}

.p-about-container .c-feedback-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 28px;
    grid-row-gap: 24.08px;
}

.p-about-container .c-feedback-card {
    display: block;
    background: #FFFFFF;
    box-shadow: 2.58px 4.3px 17.2px 5.16px rgba(37, 126, 254, 0.05);
    border-radius: 3.44px;
    padding: 18px;
}

.p-about-container .c-feedback-card__image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 3.44px;
}

.p-about-container .c-feedback-card__section {
    border-top: 1px solid #EEF2F7;
    padding-top: 12px;
    margin-top: 12px;
}

.p-about-container .c-feedback-card__label {
    color: #999999;
    margin-bottom: 8px;
}

.p-about-container .c-feedback-card__company {
    margin: 0 0 12px;
    font-weight: bold;
    color: #333333;
    line-height: 1.6;
}

.p-about-container .c-feedback-card__intro {
    margin: 0 0 8px;
    color: #666666;
    line-height: 1.8;
}

.p-about-container .c-feedback-card__quote {
    margin: 0;
    color: #333333;
    line-height: 1.8;
}

.p-about-container .c-feedback-card__signature {
    margin-top: 8px;
    text-align: right;
    color: #666666;
    line-height: 1.8;
}

.p-about-container .c-feedback-card--full {
    grid-column: 1 / -1;
}

/* ========== 专家团队卡片 ========== */
.c-about-specialist-card {
    display: flex;
    align-items: center;
    padding: 32.68px 67.08px 32.68px 75.68px;
    box-shadow: 0px 3.44px 12.04px 4.3px rgba(39, 51, 70, 0.08);
    border-radius: 8.6px;
    border: .86px solid rgba(37, 126, 255, 0.06);
}

.c-about-specialist-card .c-about-specialist-card__left {
    position: relative;
    width: 258px;
    height: 258px;
}

.c-about-specialist-card .c-about-specialist-card__left .c-about-specialist-card__photo {
    width: 258px;
    height: 258px;
    background-size: cover;
    background-repeat: no-repeat;
}

.c-about-specialist-card .c-about-specialist-card__left .c-about-specialist-card__name {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 55.9px;
    padding: 10.32px 0;
    color: #0D111D;
    font-size: 25.8px;
    font-weight: bold;
    color: #0D111D;
    line-height: 34.4px;
    text-align: center;
    background-color: rgba(216, 216, 216, 0.9);
}

.c-about-specialist-card .c-about-specialist-card__right {
    margin-left: 94.6px;
}

.c-about-specialist-card .c-about-specialist-card__right .c-about-specialist-card__desc {
    position: relative;
    font-size: 17.2px;
    color: #37383A;
    line-height: 32.68px;
}

.c-about-specialist-card .c-about-specialist-card__right .c-about-specialist-card__desc>p::before {
    content: '';
    position: absolute;
    width: 5.16px;
    height: 5.16px;
    border-radius: 50%;
    background: #0661FF;
    left: -14.62px;
    margin-top: 15px;
}

.c-about-specialist-card + .c-about-specialist-card {
    margin-top: 36.98px;
}

.c-about-specialist-card:nth-of-type(2) .c-about-specialist-card__photo {
    background-position-y: -12px;
}

.c-about-specialist-card:nth-of-type(3) .c-about-specialist-card__photo {
    background-position-y: -6px;
}

.c-about-specialist-card:nth-of-type(4) .c-about-specialist-card__photo {
    background-position-y: -16px;
    background-size: 108%;
    background-position-x: -6px;
}

/* ========== 专家轮播 ========== */
.c-specialist-swiper {
    position: relative;
    width: 741px;
    height: 541.7px;
    margin: auto;
    overflow: hidden;
}

.c-specialist-swiper .c-specialist-swiper__inner {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.swiper-container-3 {
    padding: 40px 0 31px;
}

.swiper-container-3 .swiper-pagination {
    position: absolute;
    bottom: 0px !important;
}

.swiper-container-3 .swiper-slide {
    width: 368.94px;
    height: 457.52px;
    font-size: 32px;
    font-weight: 500;
    color: #333333;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2.58px 2.58px 19.78px 1.72px rgb(15 47 92 / 45%);
    border-radius: 6.88px;
}

.c-specialist-swiper-item {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.c-specialist-swiper-item__header {
    padding: 10.4px 10.4px 0;
    height: 100%;
    box-sizing: border-box;
}

.c-specialist-swiper-item__header .c-specialist-swiper-item__cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.c-specialist-swiper-item__content {
    position: absolute;
    bottom: 0px;
    background-color: #fff;
    width: 100%;
    margin: 0;
    padding: 10px;
}

.c-specialist-swiper-item__content .c-specialist-swiper-item__title {
    font-size: 21px;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 19px;
    text-align: center;
}

.c-specialist-swiper-item__content .c-specialist-swiper-item__desc {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
}

.c-specialist-swiper-item__content .c-specialist-swiper-item__desc span {
    background-color: transparent !important;
    color: inherit !important;
}

/* ========== 战略合作卡片 ========== */
.c-about-cooperation-card {
    position: relative;
    height: 301.86px;
    margin-top: 50px;
}

.c-about-cooperation-card .c-about-cooperation-card__img {
    width: 43%;
    height: 98%;
    position: absolute;
}

.c-about-cooperation-card .c-about-cooperation-card__introduce {
    width: 80%;
    height: 16vw;
    position: absolute;
    background-image: url(../images/about/hezuowoshou@2x.png);
    background-size: 219.3px 170.28px;
    background-repeat: no-repeat;
    box-shadow: 2.58px 4.3px 17.2px 5.16px rgba(37, 126, 254, 0.06);
}

.c-about-cooperation-card .c-about-cooperation-card__introduce .c-about-cooperation-card__introduce-title {
    font-size: 25.8px;
    font-family: MicrosoftYaHei;
    color: #0D111D;
    line-height: 34.4px;
    margin-bottom: 18.06px;
}

.c-about-cooperation-card .c-about-cooperation-card__introduce .c-about-cooperation-card__introduce-intro {
    font-size: 1vw;
    font-family: MicrosoftYaHei;
    color: #37383A;
    line-height: 28.08px;
}

.introduce-first .c-about-cooperation-card__introduce {
    top: 14%;
    right: 0;
    padding: 47.3px 34px 86px 25%;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

.introduce-second .c-about-cooperation-card__introduce {
    top: 43.86px;
    left: 0;
    padding: 70px 25% 9.76px 20.64px;
    background-position: 0 100%;
    background-repeat: no-repeat;
}

.c-about-cooperation-card--left {
    margin-top: 7vw;
}

.c-about-cooperation-card--left .c-about-cooperation-card__img {
    left: 0;
    top: 0;
}

.c-about-cooperation-card--right .c-about-cooperation-card__img {
    right: 0;
    top: 39%;
}

.introduce-fifth {
    margin-bottom: 51.6px;
}

/* ========== 大事件时间线 ========== */
.memorabilia {
    width: 100%;
    height: 2150px;
    min-width: 1200px;
    padding-top: 59.34px;
    position: relative;
    background-color: #fff;
    background-image: url(https://offical-prod-linkkap.oss-cn-shenzhen.aliyuncs.com/images/about/mebanner.png);
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
}

.memorabilia .mem-main {
    margin: 0 auto;
    width: 60.2px;
    margin-top: 58.48px;
    position: relative;
}

.memorabilia .center-banner {
    width: 60.2px;
    height: 2050px;
    animation-duration: 0.2s;
    animation-fill-mode: backwards;
}

.memorabilia .icon-small {
    display: inline-block;
    width: 43px;
    height: 43px;
    background-image: url(../images/about/yuan.png);
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    box-shadow: 0 1.72px 1.72px 0 rgba(63, 142, 255, 0.0553);
    animation-duration: 0.1s;
    animation-fill-mode: backwards;
}

.memorabilia .mem-item {
    width: 307.02px;
    text-align: left;
    animation-duration: 0.2s;
    animation-fill-mode: both;
}

.memorabilia .mem-item .title {
    font-size: 24.08px;
    font-family: Impact;
    color: #257EFE;
    line-height: 29.24px;
    margin-bottom: 12.04px;
    text-align: center;
}

.memorabilia .mem-item .detail {
    font-size: 15.48px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 24.08px;
    white-space: pre-wrap;
}

.memorabilia .plane {
    width: 45.58px;
    height: 40.42px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    animation-duration: 0.1s;
    animation-delay: 0.2s;
    animation-fill-mode: backwards;
}

.memorabilia .icon-one {
    position: absolute;
    top: 107.5px;
    left: 12.04px;
    animation-delay: 0.3s;
}

.memorabilia .mem-item-one {
    position: absolute;
    top: 68.8px;
    right: 87.72px;
    animation-delay: 0.3s;
}

.memorabilia .icon-two {
    position: absolute;
    top: 331.96px;
    left: 10.32px;
    animation-delay: 0.5s;
}

.memorabilia .mem-item-two {
    position: absolute;
    width: 329.38px;
    top: 301px;
    left: 91.16px;
    animation-delay: 0.5s;
}

.memorabilia .icon-three {
    position: absolute;
    top: 556.42px;
    left: 10.32px;
    animation-delay: 0.7s;
}

.memorabilia .mem-item-three {
    position: absolute;
    top: 430px;
    right: 87.72px;
    animation-delay: 0.7s;
}

.memorabilia .icon-four {
    position: absolute;
    top: 780.02px;
    left: 10.32px;
    animation-delay: 0.9s;
}

.memorabilia .mem-item-four {
    position: absolute;
    width: 329.38px;
    top: 662.2px;
    left: 91.16px;
    animation-delay: 0.9s;
}

.memorabilia .icon-five {
    position: absolute;
    top: 1004.48px;
    left: 10.32px;
    animation-delay: 1.1s;
}

.memorabilia .mem-item-five {
    width: 303.58px;
    position: absolute;
    top: 842.8px;
    right: 87.72px;
    animation-delay: 1.1s;
}

.memorabilia .icon-six {
    position: absolute;
    top: 1228.94px;
    left: 10.32px;
    animation-delay: 1.3s;
}

.memorabilia .mem-item-six {
    width: 275.2px;
    position: absolute;
    top: 1139.5px;
    left: 91.16px;
    animation-delay: 1.3s;
}

.memorabilia .icon-seven {
    position: absolute;
    top: 1453.4px;
    left: 10.32px;
    animation-delay: 1.5s;
}

.memorabilia .mem-item-seven {
    width: 303.58px;
    position: absolute;
    top: 1364.96px;
    right: 87.72px;
    animation-delay: 1.5s;
}

.memorabilia .icon-eight {
    position: absolute;
    top: 1677.86px;
    left: 10.32px;
    animation-delay: 1.7s;
}

.memorabilia .mem-item-eight {
    width: 329.38px;
    position: absolute;
    top: 1588.42px;
    left: 91.16px;
    animation-delay: 1.7s;
}

.memorabilia .icon-nine {
    position: absolute;
    top: 1902.32px;
    left: 10.32px;
    animation-delay: 1.9s;
}

.memorabilia .mem-item-nine {
    width: 303.58px;
    position: absolute;
    top: 1812.88px;
    right: 87.72px;
    animation-delay: 1.9s;
}

/* ========== 荣誉展示 ========== */
#app-company-honor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.c-company-honor-container {
    width: 23%;
    margin-bottom: 28.38px;
}

.c-company-honor-container .c-company-honor-container__img {
    width: 100%;
    height: 85%;
}

.c-company-honor-container .c-company-honor-container__img img {
    width: 100%;
}

.c-company-honor-container .c-company-honor-container__title {
    width: 100%;
    font-size: 17.2px;
    font-weight: 500;
    color: #333333;
    line-height: 24.08px;
    text-align: center;
    margin: 0 auto;
}

.c-company-honor-container:nth-child(4n) {
    margin-right: 0;
}

/* ========== 联系我们 ========== */
.contact {
    width: 100%;
}

.contact .contact-main {
    width: 1032px;
    padding: 0 0 68.8px;
    margin: 0 auto;
}

.contact .contact-main #map-container {
    width: 1032px;
    height: 602px;
}

.contact .contact-main .contact-way {
    width: 947.72px;
    height: 94.6px;
    display: flex;
    justify-content: space-between;
    margin: 53.32px auto 0;
}

.contact .contact-main .contact-way .way-item {
    width: 276.06px;
}

.contact .contact-main .contact-way .way-item .way-img {
    width: 53.32px;
    height: 53.32px;
    margin-right: 25.8px;
}

.contact .contact-main .contact-way .way-item .way-img img {
    display: block;
    width: 100%;
    height: 100%;
}

.contact .contact-main .contact-way .way-item .way-phone {
    width: 196.94px;
}

.contact .contact-main .contact-way .way-item .way-phone .way-title {
    font-size: 24.08px;
    color: black;
    line-height: 24.08px;
    margin-bottom: 6.88px;
}

.contact .contact-main .contact-way .way-item .way-phone .way-call {
    font-size: 17.2px;
    color: #37383a;
    line-height: 22.36px;
}

/* ========== 登录对话�?========== */
#isShowLoginDialog .demo-account-container {
    width: 600px;
    top: 50%;
    height: 450px;
    padding: 20px 10px;
    border-radius: 4px;
    box-sizing: content-box;
    background-color: #fff;
}