/* 关于普蕊斯 */

.smo-box-title {
    font-size: 36px;
    color: #083E94;
    display: block;
    /* margin-bottom: 50px; */
    text-align: left;
    padding-left: 15px;
    line-height: 60px;
}

.bg-top-img {
    margin-bottom: 105px;
    background-image: url(../img/top1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
}

.smo-box {
    width: 70%;
    margin: auto;
}

.smo-box p {
    font-size: 20px;
    color: #000;
    line-height: 28px;
    text-align: left;
}

.smo-box span {
    color: #15A3E2
}


/* 团队介绍 */

.smo-box-team {
    display: flex;
    justify-content: space-between;
    margin: 60px 0;
}

.smo-box-team ul {
    /* padding: 0; */
    font-size: 24px;
    color: #000;
    text-align: left
}

.smo-box-team ul li {
    line-height: 50px;
}

.teamImg {
    background-image: url(../img/teamMap.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 573px;
    max-width: 1000px;
    min-width: 1000px
}

.loading {
    display: flex;
    animation-delay: 1s;
    position: relative;
}

.loading .dot {
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 113px;
    left: 741px;
}

.loading .dot::before {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    animation: wave 2s ease-out infinite;
}

.loading .dot:nth-child(1) {
    background: #004ad1;
}

.loading .dot:nth-child(2) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 148px;
    left: 728px;
}

.loading .dot:nth-child(3) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 196.5px;
    left: 686px;
}

.loading .dot:nth-child(4) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 211.5px;
    left: 616px;
}

.loading .dot:nth-child(5) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 195px;
    left: 560.5px;
}

.loading .dot:nth-child(6) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 193px;
    left: 273px;
}

.loading .dot:nth-child(7) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 257.5px;
    left: 465px;
}

.loading .dot:nth-child(8) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 282px;
    left: 383px;
}

.loading .dot:nth-child(9) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 251px;
    left: 507px;
}

.loading .dot:nth-child(10) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 238.5px;
    left: 605px;
}

.loading .dot:nth-child(11) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 229px;
    left: 619px;
}

.loading .dot:nth-child(12) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 251px;
    left: 574px;
}

.loading .dot:nth-child(13) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 272px;
    left: 628px;
}

.loading .dot:nth-child(14) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 309px;
    left: 652.3px;
}

.loading .dot:nth-child(15) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 297.5px;
    left: 537px;
}

.loading .dot:nth-child(16) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 305px;
    left: 574px;
}

.loading .dot:nth-child(17) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 331.5px;
    left: 638px;
}

.loading .dot:nth-child(18) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 356.5px;
    left: 570px;
}

.loading .dot:nth-child(19) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 369px;
    left: 517.5px;
}

.loading .dot:nth-child(20) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 353px;
    left: 445px;
}

.loading .dot:nth-child(21) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 436px;
    left: 421.5px;
}

.loading .dot:nth-child(22) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 416px;
    left: 511px;
}

.loading .dot:nth-child(23) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 416px;
    left: 570px;
}

.loading .dot:nth-child(24) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 408.5px;
    left: 612px;
}

.loading .dot:nth-child(25) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 460.5px;
    left: 526px;
}

.loading .dot:nth-child(26) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 457px;
    left: 592px;
}

.loading .dot:nth-child(27) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 527px;
    left: 540px;
}

.loading .dot:nth-child(28) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 378px;
    left: 672px;
}

.loading .dot:nth-child(29) {
    background: #004ad1;
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    margin: 0.8em;
    border-radius: 50%;
    top: 412px;
    left: 645px;
}

.loading .dot:nth-child(30) {
    background: red;
    position: absolute;
    width: 0.6em;
    height: 0.6em;
    margin: 0.8em;
    border-radius: 50%;
    top: 338px;
    left: 684px;
}

@keyframes wave {
    50%,
    75% {
        transform: scale(2);
    }
    80%,
    100% {
        opacity: 0;
    }
}


/* 核心市场 */

.smo-box-main p {
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    line-height: 30px;
    padding: 0 10px;
    /* text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical; */
}

.smo-box-main ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.smo-box-main ul li {
    width: 33%;
}

.smo-box-main ul li img {
    width: 100%;
    object-fit: cover;
}

.smo-box-main .smo-box-text {
    display: block;
    font-size: 26px;
    font-weight: bold;
    color: #15A3E2;
    line-height: 30px;
    margin-bottom: 20px;
    min-height: 60px;
    /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    */
}


/* 硕果累累 */

.smo-box-fruits {
    margin-bottom: 60px;
}

.smo-box-fruits ul {
    list-style: none;
}

.smo-box-fruits ul li {
    list-style: none;
    margin: 15px 0;
}

.smo-box-fruits .fruits-title {
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: #15A3E2;
    line-height: 60px;
    text-align: left
}

.smo-box-fruits p {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    line-height: 30px;
    margin: 0;
}


/* 建模四大模块 */

.smo-box-jianmo {
    margin-bottom: 100px
}

.smo-jianmo-top {
    padding-left: 30px;
    height: 136px;
    margin-bottom: 130px;
}

.smo-jianmo-top ul {
    display: flex;
    justify-content: space-between;
    line-height: 136px;
}

.jianmo-main {
    background-color: #F6F6F6;
    height: 424px;
}

.jianmo-main img {
    width: 100%;
    position: relative;
    top: -35px;
    height: 484px;
}

.jianmo-main b {
    display: block;
    font-size: 24px;
    line-height: 48px;
    color: #083E94;
    text-align: left;
    margin-top: 18px
}

.jianmo-main p {
    font-size: 20px;
    line-height: 36px;
    color: #000;
    padding-right: 40px;
}

.jianmo-main-con {
    padding: 0;
}


/* 企业社会责任CSR */

.smo-box-csr {
    margin-bottom: 100px;
}

.CSR-text {
    font-size: 24px;
}

.CSR-text span {
    color: #15A3E2
}

.smo-box-csr img {
    color: #15A3E2;
    width: 100%;
}


/* 媒体查询 */

@media (max-width: 970px) {
    /* 关于普蕊斯 */
    .smo-box-title {
        font-size: 20px;
        color: #083E94;
        display: block;
        /* margin-bottom: 0px; */
        text-align: left;
        padding-left: 0px;
        line-height: 36px
    }
    .bg-top-img {
        margin-bottom: 45px;
        background-image: url(../img/top1.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: bottom;
    }
    .smo-box {
        width: 90%;
        margin: auto;
    }
    .smo-box p {
        font-size: 14px;
        color: #000;
        line-height: 28px;
        text-align: left;
    }
    .smo-box span {
        color: #15A3E2
    }
    /* 团队介绍 */
    .smo-box-team {
        display: block;
        /* justify-content: space-between; */
        margin: 10px 0;
    }
    .smo-box-team ul {
        /* padding: 0; */
        font-size: 12px;
        color: #000;
        text-align: left
    }
    .smo-box-team ul li {
        line-height: 26px;
    }
    .teamImg {
        background-image: url(../img/teamMap.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        height: 200px;
        max-width: 300px;
        min-width: 300px
    }
    .loading {
        display: flex;
        animation-delay: 1s;
        position: relative;
    }
    .loading .dot {
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 25.3px;
        left: 214px;
    }
    .loading .dot::before {
        position: absolute;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        background: inherit;
        border-radius: inherit;
        animation: wave 2s ease-out infinite;
    }
    .loading .dot:nth-child(1) {
        background: #004ad1;
    }
    .loading .dot:nth-child(2) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 36px;
        left: 210px;
    }
    .loading .dot:nth-child(3) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 51px;
        left: 197px;
    }
    .loading .dot:nth-child(4) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 50px;
        left: 160px;
    }
    .loading .dot:nth-child(5) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 49px;
        left: 73px;
    }
    .loading .dot:nth-child(6) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 68.6px;
        left: 132.2px;
    }
    .loading .dot:nth-child(7) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 75.5px;
        left: 106.5px;
    }
    .loading .dot:nth-child(8) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 55px;
        left: 176.4px;
    }
    .loading .dot:nth-child(9) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 66px;
        left: 164px;
    }
    .loading .dot:nth-child(10) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 66px;
        left: 144px;
    }
    .loading .dot:nth-child(11) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 60px;
        left: 178px;
    }
    .loading .dot:nth-child(12) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 63px;
        left: 173px;
    }
    .loading .dot:nth-child(13) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 80px;
        left: 153px;
    }
    .loading .dot:nth-child(14) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 82.3px;
        left: 164px;
    }
    .loading .dot:nth-child(15) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 72.3px;
        left: 180px;
    }
    .loading .dot:nth-child(16) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 83.3px;
        left: 187px;
    }
    .loading .dot:nth-child(17) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 90.2px;
        left: 183px;
    }
    .loading .dot:nth-child(18) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 98px;
        left: 163px;
    }
    .loading .dot:nth-child(19) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 102px;
        left: 147px;
    }
    .loading .dot:nth-child(20) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 97px;
        left: 125px;
    }
    .loading .dot:nth-child(21) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 105px;
        left: 193px;
    }
    .loading .dot:nth-child(22) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 116px;
        left: 163px;
    }
    .loading .dot:nth-child(23) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 113.2px;
        left: 176px;
    }
    .loading .dot:nth-child(24) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 114.3px;
        left: 185px;
    }
    .loading .dot:nth-child(25) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 116px;
        left: 145px;
    }
    .loading .dot:nth-child(26) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 122px;
        left: 118px;
    }
    .loading .dot:nth-child(27) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 129px;
        left: 150px;
    }
    .loading .dot:nth-child(28) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 129px;
        left: 169px;
    }
    .loading .dot:nth-child(29) {
        background: #004ad1;
        position: absolute;
        width: 0.2em;
        height: 0.2em;
        margin: 0.8em;
        border-radius: 50%;
        top: 150px;
        left: 154.5px;
    }
    .loading .dot:nth-child(30) {
        background: red;
        position: absolute;
        width: 0.3em;
        height: 0.3em;
        margin: 0.8em;
        border-radius: 50%;
        top: 91.3px;
        left: 196px;
    }
    @keyframes wave {
        50%,
        75% {
            transform: scale(2);
        }
        80%,
        100% {
            opacity: 0;
        }
    }
    /* 核心市场 */
    .smo-box-main p {
        text-align: left;
        font-size: 12px;
        font-weight: 400;
        color: #000000;
        line-height: 20px;
        padding: 0 0px;
        /* text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical; */
    }
    .smo-box-main ul {
        list-style: none;
        padding: 0;
        display: flex;
        justify-content: space-between;
    }
    .smo-box-main ul li {
        width: 33%;
    }
    .smo-box-main ul li img {
        width: 100%;
        object-fit: cover;
    }
    .smo-box-main .smo-box-text {
        display: block;
        font-size: 14px;
        font-weight: bold;
        color: #15A3E2;
        line-height: 16px;
        margin-bottom: 4px;
        /* white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        */
        /* height: 68px; */
    }
    .smo-box-main .smo-box-text span {
        width: 76px;
        display: inline-block;
    }
    /* 硕果累累 */
    .smo-box-fruits {
        margin-bottom: 45px;
    }
    .smo-box-fruits ul {
        list-style: none;
        padding: 0;
    }
    .smo-box-fruits ul li {
        list-style: none;
        margin: 15px 0;
    }
    .smo-box-fruits .fruits-title {
        display: block;
        font-size: 18px;
        font-weight: bold;
        color: #15A3E2;
        line-height: 40px;
        text-align: left
    }
    .smo-box-fruits p {
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        line-height: 30px;
        margin: 0;
    }
    /* 建模四大模块 */
    .smo-box-jianmo {
        margin-bottom: 40px
    }
    .smo-jianmo-top {
        padding-left: 10px;
        height: 100px;
        margin-bottom: 30px;
    }
    .smo-jianmo-top ul {
        display: flex;
        justify-content: space-between;
        line-height: 75px;
        padding: 0;
        list-style: none;
    }
    .smo-jianmo-top ul li img {
        width: 50px;
        height: 50px;
    }
    .smo-jianmo-top ul li .rightJian {
        width: 20px;
        height: 10px;
    }
    .jianmo-main {
        background-color: #F6F6F6;
        height: 100%;
    }
    .jianmo-main img {
        width: 100%;
        position: relative;
        top: -35px;
        height: 300px;
    }
    .jianmo-main b {
        display: block;
        font-size: 18px;
        line-height: 30px;
        color: #083E94;
        text-align: left;
        margin-top: 38px;
    }
    .jianmo-main p {
        font-size: 14px;
        line-height: 22px;
        color: #000;
        padding-right: 0px;
    }
    .jianmo-main-con {
        padding: 0;
    }
    /* 企业社会责任CSR */
    .smo-box-csr {
        margin-bottom: 100px;
    }
    .CSR-text {
        font-size: 24px;
    }
    .CSR-text span {
        color: #15A3E2
    }
    .smo-box-csr img {
        color: #15A3E2;
        width: 100%;
    }
}