.architecture {
    padding-bottom: 70px;
}

.architecture .pbulicPageTitle {
    margin-bottom: 50px;
}

.architecture img {
    display: block;
    width: 1200px;
    height: auto;
    margin: 0px auto;
}

/* 城市数字防疫指挥调度平台 */
.platform {
    padding-bottom: 70px;
    background: url(../images/fyptbg.png)no-repeat center center;
    background-size: 100% 100%;
}

.platform .publicModule9 {
    margin: 50px auto 80px auto;
}

.platformTab {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}

.platformTab li {
    text-align: center;
    cursor: pointer;
}

.platformTab li div {
    width: 90px;
    height: 90px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    margin: 0px auto 22px auto;
}

.platformTab li.list1 div {
    background: url(../images/fyico1.png)no-repeat center center, #fff;
    background-size: 46px 46px;
}

.platformTab li.list2 div {
    background: url(../images/fyico2.png)no-repeat center center, #fff;
    background-size: 46px 46px;
}

.platformTab li.list3 div {
    background: url(../images/fyico3.png)no-repeat center center, #fff;
    background-size: 46px 46px;
}

.platformTab li.list4 div {
    background: url(../images/fyico4.png)no-repeat center center, #fff;
    background-size: 46px 46px;
}

.platformTab li.list5 div {
    background: url(../images/fyico5.png)no-repeat center center, #fff;
    background-size: 46px 46px;
}

.platformTab li.list6 div {
    background: url(../images/fyico6.png)no-repeat center center, #fff;
    background-size: 46px 46px;
}

.platformTab li p {
    color: #8695B1;
    position: relative;
    padding-bottom: 62px;
    overflow: hidden;
}

.platformTab li p::after {
    content: "";
    display: block;
    width: 2px;
    height: 0px;
    background: #fff;
    border-radius: 1px;
    position: absolute;
    top: 42px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.platformTab li.active div {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.platformTab li.active p {
    font-weight: 500;
    color: #333;
}

.platformTab li.active p::after {
    height: 40px;
}

.platformTab li.active.list1 div {
    background: url(../images/fyicoW1.png)no-repeat center center, #1E95E8;
    background-size: 46px 46px;
}

.platformTab li.active.list2 div {
    background: url(../images/fyicoW2.png)no-repeat center center, #1E95E8;
    background-size: 46px 46px;
}

.platformTab li.active.list3 div {
    background: url(../images/fyicoW3.png)no-repeat center center, #1E95E8;
    background-size: 46px 46px;
}

.platformTab li.active.list4 div {
    background: url(../images/fyicoW4.png)no-repeat center center, #1E95E8;
    background-size: 46px 46px;
}

.platformTab li.active.list5 div {
    background: url(../images/fyicoW5.png)no-repeat center center, #1E95E8;
    background-size: 46px 46px;
}

.platformTab li.active.list6 div {
    background: url(../images/fyicoW6.png)no-repeat center center, #1E95E8;
    background-size: 46px 46px;
}

/* 内容 */
.platformItem {
    display: block;
    height: 200px;
    margin: 0px auto;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(189, 206, 240, 0.33);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.platformItem .item {
    text-align: center;
    display: none;
}

.platformItem .item h3 {
    color: #333;
    padding-bottom: 20px;
    margin-bottom: 22px;
    position: relative;
}

.platformItem .item h3::after {
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    background: #1E95E8;
    border-radius: 60px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.platformItem .item p {
    color: #8695B1;
}

/* 核心产品 */
.core {
    padding-bottom: 70px;
}

.core .pbulicPageTitle {
    margin-bottom: 50px;
}

.core .publicTab {
    margin-bottom: 50px;
}

.coreItem .item {
    display: none;
}

/* 1、数字哨兵 */
.coreItem1 .publicModule9 {
    margin-bottom: 42px;
}

.publicModule3 li {
    width: 180px;
    height: 674px;
    background: #E9F1FA;
}

.publicModule3 .current {
    width: 1060px;
    height: 674px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(189, 206, 240, 0.33);
}

.publicModule3 .big {
    color: unset;
    height: 100%;
}
.publicModule3 .big p>img {
    height: 520px;
    width: auto;
}
.publicModule3 .small {
    padding-top: 70px;
}

.publicModule3 .small h2 {
    color: #8695B1;
    writing-mode: vertical-lr;
    letter-spacing: 14px;
    margin: 0px auto;
}

.publicModule3 .small img {
    display: block;
    margin: 0px auto 60px auto;
    opacity: 0.3;
}

.publicModule3 .small img.img1 {
    height: 224px;
    width: auto;
}

.publicModule3 .small img.img2 {
    height: 178px;
    width: auto;
}

.publicModule3 .current {
    padding: 40px 46px;
}

.publicModule3 .big>h2 {
    background: unset;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-bottom: 40px;
}

.publicModule3 .big h2::after {
    display: none;
}

.publicModule3 .list {
    margin-bottom: 26px;
}

.publicModule3 .listBox .list:last-child {
    margin-bottom: 0px;
}

.publicModule3 .list span {
    display: inline-block;
    font-weight: 800;
    color: #1E95E8;
    opacity: 0.12;
    width: 32px;
    margin-right: 14px;
    vertical-align: middle;
}

.publicModule3 .list h3 {
    display: inline-block;
    color: #1E95E8;
    vertical-align: middle;
}

.publicModule3 .list p {
    margin-top: 6px;
    padding-left: 50px;
    color: #8695B1;
}

.publicModule3 .big>img {
    display: block;
    width: 840px;
    height: auto;
}

/* 2、疫情防控管理系统 */
.coreItem2>h3 {
    color: #1E95E8;
    text-align: center;
    margin-bottom: 60px;
}

.coreItem2 ul li {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.coreItem2 ul li:first-child {
    margin-bottom: 50px;
}

.coreItem2 ul li:nth-child(even) {
    flex-direction: row-reverse;
}

.coreItem2 li img,
.coreItem2 li>div {
    width: 45%;
}

.coreItem2 li h2 {
    color: #333;
    margin-bottom: 40px;
}

.coreItem2 li h3 {
    color: #1E95E8;
    margin-bottom: 14px;
}

.coreItem2 li p {
    color: #8695B1;
}

.coreItem2 .conBox1 p {
    margin-bottom: 36px;
}

.coreItem2 .conBox2 p {
    margin-bottom: 20px;
}

.coreItem2 li p:last-child {
    margin-bottom: 0px;
}

/*  */
.fynumber {
    width: 100%;
    height: 664px;
    background: url(../images/fybg.png)no-repeat center center;
    background-size: 100% 100%;
    color: #fff;
}

.fynumber ul {
    height: 100%;
    text-align: center;
    display: flex;
}

.fynumber ul>li {
    width: 20%;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.fynumber ul>li::before {
    content: "";
    display: block;
    width: 1px;
    height: 480px;
    background: #fff;
    opacity: 0.1;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.fynumber ul>li:last-child::after {
    content: "";
    display: block;
    width: 1px;
    height: 480px;
    background: #fff;
    opacity: 0.1;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 768px) {
    .fynumber ul>li:hover {
        background: rgba(0, 0, 0, 0.08);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
}

/*  */
.fynumber .topBox {
    text-align: center;
    padding-top: 226px;
}

.fynumber .topBox span.number {
    font-family: Rany-Bold;
}

.fynumber .topBox p {
    margin-top: 16px;
}

.fynumber .btmBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}

.fynumber .btmBox ol {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 0px 40px;
}

.fynumber .btmBox ol li {
    margin-bottom: 16px;
}

.fynumber .btmBox ol.btmol2 {
    flex-wrap: wrap;
    padding-top: 190px;
    padding-bottom: 190px;
    justify-content: unset;
    padding-left: 70px;
    padding-right: 70px;
}

.fynumber .btmBox ol.btmol3 {
    padding: 160px 50px;
    align-items: flex-start;
    align-content: center;
    text-align: left;
}

.fynumber .btmBox ol.btmol3 li:nth-child(-n+8) {
    margin-right: 18px;
}

/* 轮播案例 */
.Innovative {
    padding-bottom: 70px;
}

.Innovative .pbulicPageTitle {
    margin-bottom: 60px;
}



/* 移动端 */
@media (max-width: 767px) {
    .architecture .pbulicPageTitle {
        margin-bottom: 40px;
    }

    .architecture,
    .platform,
    .core {
        padding-bottom: 40px;
    }

    .architecture img {
        width: 92%;
        margin: 0px 4%;
    }

    .platform {
        background-size: cover;
    }

    .platform .publicModule9 {
        margin: 24px auto 30px auto;
    }

    .platformTab {
        width: 100%;
        padding: 0px 4%;
        flex: 0 0 auto;
        overflow-x: auto;
        justify-content: unset;
        margin-bottom: 14px;
    }

    .platformTab li {
        margin-right: 32px;
    }

    .platformTab li:last-child {
        margin-right: 0px;
    }

    .platformTab li div {
        width: 60px;
        height: 60px;
        margin-bottom: 14px;
    }

    .platformTab li.list1 div,
    .platformTab li.list2 div,
    .platformTab li.list3 div,
    .platformTab li.list4 div,
    .platformTab li.list5 div,
    .platformTab li.list6 div,
    .platformTab li.active.list1 div,
    .platformTab li.active.list2 div,
    .platformTab li.active.list3 div,
    .platformTab li.active.list4 div,
    .platformTab li.active.list5 div,
    .platformTab li.active.list6 div {
        background-size: 32px 32px;
    }

    .publicModule9 h3 {
        line-height: 1.6;
    }

    .platformTab li.active p::after {
        height: 28px;
        top: 46px;
    }

    .platformTab li p {
        padding-bottom: 32px;
    }

    .platformItem {
        width: 92%;
        margin: 0px 4%;
        height: auto;
        padding: 22px 14px;
    }

    .platformItem .item h3 {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    .platformItem .item h3::after {
        width: 30px;
    }

    .core .pbulicPageTitle,
    .core .publicTab,
    .coreItem1 .publicModule9 {
        margin-bottom: 28px;
    }

    /*  */
    .publicModule3 {
        padding: 0px;
    }

    .publicModule3 li {
        width: 100%;
        height: 46px;
        line-height: 46px;
    }

    .publicModule3 .small {
        padding-top: 0px;
    }

    .publicModule3 .small h2 {
        writing-mode: unset;
        letter-spacing: unset;
    }

    .publicModule3 .small img {
        display: none;
    }

    .publicModule3 .current {
        width: 100%;
        height: 300px;
        overflow-y: auto;
        padding: 20px 16px;
    }

    .publicModule3 .current::-webkit-scrollbar {
        display: none;
    }

    .publicModule3 .current {
        scrollbar-width: none;
    }

    .publicModule3 .current .big {
        background: none;
    }

    .publicModule3 .current .small {
        height: 36px;
        padding: 0px;
        margin-bottom: 14px;
    }

    .publicModule3 .current .small h2 {
        color: #333;
    }

    .publicModule3 .current .big {
        height: auto;
        padding: 0px;
    }

    .publicModule3 .current .big>h2 {
        font-size: 14px;
        font-weight: 400;
        color: #8695B1;
        margin-bottom: 22px;
    }

    .publicModule3 .current .list span {
        width: auto;
        margin-right: 6px;
    }

    .publicModule3 li.current {
        line-height: unset;
    }

    .publicModule3 .current .list p {
        padding-left: 0px;
        line-height: 1.6;
        margin-top: 8px;
    }

    .publicModule3 .current .big>img {
        width: 100%;
        height: auto;
    }
    .publicModule3 .big p>img {
    width: 100%;
        height: auto;
}

    /*  */
    .coreItem2>h3 {
        margin-bottom: 30px;
    }

    .coreItem2 ul {
        padding: 0px;
    }

    .coreItem2 ul li {
        flex-direction: column;
    }

    .coreItem2 li img,
    .coreItem2 li>div {
        width: 100%;
    }

    .coreItem2 li img {
        margin-bottom: 14px;
    }

    .coreItem2 li h2 {
        margin-bottom: 24px;
    }

    .coreItem2 .conBox1 p {
        margin-bottom: 26px;
    }

    .coreItem2 li h3 {
        margin-bottom: 6px;
    }

    .coreItem2 ul li:first-child {
        margin-bottom: 40px;
    }

    .coreItem2 ul li:nth-child(even) {
        flex-direction: column;
    }

    .coreItem2 .conBox2 p {
        margin-bottom: 8px;
    }

    .fynumber {
        background-size: cover;
        height: auto;
        padding: 40px 0px;
    }

    .fynumber ul>li::before,
    .fynumber ul>li:last-child::after {
        display: none;
    }

    .fynumber ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .fynumber ul>li {
        width: 48%;
        margin-bottom: 40px;
    }

    .fynumber .topBox {
        padding-top: 0px;
    }

    .Innovative .pbulicPageTitle {
        margin-bottom: 20px;
    }

    .Innovative {
        padding-bottom: 30px;
    }
}