/*内容区*/

/*第一部分*/
.firstpart {
    color: #fff;
    height: 800px;
    background: url(../img/hospital-pc.jpg) center center no-repeat;
    background-size: cover;
}

.firstpart h1 {
    font-size: 104px;
    line-height: 125px;
    letter-spacing: 1px;
}

.firstpart h2 {
    font-size: 60px;
    line-height: 84px;
    letter-spacing: 3px;
}

/*第二部分*/
.secondpart .topTitle {
    padding-top: 75px;
}
.secondpart h1.title {
    font-size: 64px;
    line-height: 77px;
    letter-spacing: .62px;
    text-align: center;
    margin-bottom: 14px;
}
.secondpart p.desc {
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 1.6px;
    color: #777777;
    text-align: center;
    margin-bottom: 55px;
}

.secondpart .center.display-flex h1 {
    font-size: 44px;
    line-height: 53px;
    color: #999999;
}
.secondpart .center.display-flex h3 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 38px;
}

.secondpart .center.display-flex p {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #777777;
}
.secondpart .center.display-flex img {
    width: 606px;
    display: block;
    margin-left: 55px;
}

.secondpart .number {
    margin: 90px auto 64px;
    padding-bottom: 81px;
    border-bottom: 1px solid #ddd;
}
.secondpart .number li {
    float: left;
    width: 25%;
    text-align: center;
}
.secondpart li p {
    font-size: 20px;
    line-height: 28px;
    margin-top: 0;
    padding-left: 5px;
}
.secondpart li span {
    font-size: 64px;
    line-height: 77px;
    color: #223AA8;
    font-weight: 700;
    position: relative;
    margin-left: -24px;
    font-family: Condensed, "Microsoft YaHei", "微软雅黑", sans-serif;
}
.secondpart li span:after {
    content: "+";
    font-size: 40px;
    position: absolute;
    top: -10px;
    font-weight: 400;
    line-height: 1;
    left: calc(100% + 5px);
}
.secondpart li.top span {
    color: #FF5B38;
}



.secondpart li.top span:after {
    content: "Top";
}
.secondpart .article h3 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 38px;
}
.secondpart .article p {
    font-size: 20px;
    line-height: 36px;
    color: #777;
    white-space: pre-line;
    margin-bottom: 70px;
}
.secondpart .mountain {
    position: relative;
    margin-bottom: 40px;
}

.secondpart .mountain .bg-img {
    width: 100%;
    display: block;
}
.secondpart .mountain .bg-img.mobile {
    display: none;
}

.secondpart .mountain .common {
    position: absolute;
    padding-left: 9px;
    border-left: 1px solid #DDDDDD;
}
.secondpart .mountain .common h2 {
    font-size: 32px;
    color: #223AA8;
    line-height: 38px;
    letter-spacing: .31px;
}
.secondpart .mountain .common p {
    font-size: 14px;
    line-height: 20px;
}
.secondpart .mountain .common p.mini {
    font-size: 12px;
    line-height: 17px;
    color: #777777;
}

.secondpart .mountain .id1994 {
    top: 41%;
    left: 0.4%;
}
.secondpart .mountain .id2000 {
    top: 31%;
    left: 6.7%;
}
.secondpart .mountain .id2004 {
    top: 18.8%;
    left: 12.9%;
}
.secondpart .mountain .id2008 {
    top: 0.6%;
    left: 19.5%;
}
.secondpart .mountain .id2011 {
    top: 38.6%;
    left: 22.7%;
}
.secondpart .mountain .id2013 {
    top: 24.7%;
    left: 26%;
}
.secondpart .mountain .id2014 {
    top: 14.4%;
    left: 33.3%;
}
.secondpart .mountain .id2015 {
    top: 26.3%;
    left: 41.9%;
}
.secondpart .mountain .id2016 {
    top: 0;
    left: 40.3%;
}
.secondpart .mountain .id2017 {
    top: 8.1%;
    left: 60%;
}
.secondpart .mountain .id2018 {
    top: 1.6%;
    left: 68.9%;
}
.secondpart .mountain .id2019 {
    top: 28%;
    left: 76.3%;
}
.secondpart .mountain .id2020 {
    top: 0;
    left: 85.4%;
}

.secondpart .philosophy .flex-1 {
    padding: 75px 50px;
    background-color: #E2EFFF;
}
.secondpart .philosophy .flex-1 h2 {
    font-size: 48px;
    line-height: 58px;
    color: #223AA8;
    letter-spacing: .46px;
    margin-bottom: 26px;
}
.secondpart .philosophy .flex-1 h3 {
    font-size: 32px;
    line-height: 45px;
    letter-spacing: 1.6px;
    margin-bottom: 128px;
}
.secondpart .philosophy .flex-1 p {
    font-size: 20px;
    line-height: 36px;
    color: #666666;
}
.secondpart .philosophy .right {
    width: 436px;
    color: #fff;
    padding: 238px 37px 49px;
    background: url(../img/Targetweb.png) center center no-repeat;
    background-size: cover;
}
.secondpart .philosophy .right h1 {
    font-size: 100px;
    line-height: 120px;
}
.secondpart .philosophy .right p {
    font-size: 20px;
    line-height: 36px;
}


/*1600*/
@media screen and (max-width: 1600px) {
    .firstpart {
        height: 667px;
    }

    .secondpart h1.title {
        font-size: 60px;
    }
    .secondpart p.desc {
        font-size: 28px;
    }
}

/*1440*/
@media screen and (max-width: 1440px) {
    .secondpart li.top p {
        font-size: 17px;
        white-space: nowrap;
    }
    .firstpart {
        height: 600px;
    }
    .secondpart .topTitle {
        padding-top: 154px;
    }
    .secondpart p.desc {
        margin-bottom: 43px;
    }
    .secondpart .center.display-flex h3 {
        margin-bottom: 16px;
    }
    .secondpart .center.display-flex img {
        width: 538px;
        margin-left: 49px;
    }
    .secondpart .number {
        margin: 62px auto 50px;
        padding-bottom: 44px;
    }
    .secondpart .mountain {
        margin-bottom: 35px;
    }
    .secondpart .philosophy .flex-1 {
        padding: 67px 44px;
    }
    .footer {
        margin-top: 61px;
    }
}

/*1366*/
@media screen and (max-width: 1366px) {

    .secondpart li.top p {
        font-size: 11px;
        white-space: nowrap;
    }

    .firstpart {
        height: 569px;
    }
    .secondpart .number {
        margin: 49px auto 50px;
    }
    .secondpart .philosophy .flex-1 {
        padding: 63px 42px;
    }
    .footer {
        margin-top: 52px;
    }

    .secondpart h1.title {
        font-size: 54px;
        line-height: 64px;
    }
    .secondpart p.desc {
        font-size: 24px;
        line-height: 36px;
    }
}

/*810*/
@media screen and (max-width: 810px) {
    body {
        background-color: #eff2f5;
    }
    .firstpart {
        height: 3.63rem;
        /*background: url(../img/mobilehospital-pc2.png) center center no-repeat;*/
        background: url(../img/about-mobile.png) center center no-repeat;
        background-size: cover;
        background-position: bottom;
    }
    .firstpart h1 {
        font-size: 84px;
        line-height: 101px;
        letter-spacing: .8px;
    }
    .firstpart h2 {
        font-size: 48px;
        line-height: 67px;
        letter-spacing: 2.4px;
    }
    .pc, .secondpart .mountain .bg-img.pc {
        display: none;
    }
    .mobile, .secondpart .mountain .bg-img.mobile {
        display: block;
    }
    .secondpart {
        padding: 0;
    }
    .secondpart .center {
        flex-direction: column;
        padding: 74px 35px 0;
    }
    .secondpart p.desc {
        margin-bottom: 60px;
    }
    .secondpart .center.display-flex {
        padding-top: 0;
    }
    .secondpart .center.display-flex h1 {
        margin-bottom: 10px;
    }
    .secondpart .center.display-flex h3 {
        margin-bottom: 32px;
    }
    .secondpart .center.display-flex p {
        margin-bottom: 50px;
    }
    .secondpart .center.display-flex img {
        width: 100%;
        margin-left: 0;
    }
    .secondpart .number {
        margin: 0 auto 112px;
        padding-bottom: 0;
        border-bottom: 0;
    }
    .secondpart .number li {
        width: 50%;
    }

    .secondpart .number li:nth-of-type(2n+1) {
        padding-right: 0.4rem;
    }
    .secondpart li span {
        font-size: 83px;
        line-height: 100px;
    }
    .secondpart li p {
        font-size: 24px;
        line-height: 33px;
        margin-top: 12px;
    }
    .secondpart .number li:nth-of-type(3),
    .secondpart .number li:nth-of-type(4) {
        margin-top: 92px;
    }
    .secondpart .article h3 {
        font-size: 32px;
        line-height: 45px;
        margin-bottom: 32px;
    }
    .secondpart .article p {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 50px;
    }
    .secondpart .mountain .timeline {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        border-left: 0;
    }
    .secondpart .mountain .timeline .common {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 15px;
        border-left: 0;
    }
    .secondpart .mountain .timeline .common::before {
        content: '';
        width: 50px;
        height: 1px;
        display: block;
        position: absolute;
        left: -60px;
        top: 15px;
        background-color: #ddd;
    }
    .secondpart .mountain .id2020 {
        margin-bottom: 0;
    }
    .secondpart .mountain .common h2 {
        font-size: 44px;
        line-height: 46px;
    }
    .secondpart .mountain .common p {
        font-size: 20px;
        line-height: 40px;
    }
    .secondpart .mountain .common p.mini {
        font-size: 16px;
        line-height: 20px;
    }
    .secondpart .philosophy .right {
        width: 240px;
        padding: 130px 20px 30px;
    }
    .secondpart .philosophy .right h1 {
        font-size: 60px;
        line-height: 80px;
    }
    .secondpart .philosophy .right p {
        font-size: 14px;
        line-height: 24px;
    }
    .secondpart .philosophy .flex-1 h3 {
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0;
        margin-bottom: 78px;
    }
    .secondpart .philosophy .flex-1 p {
        font-size: 14px;
        line-height: 24px;
    }
    .secondpart .philosophy .flex-1 {
        padding: 40px 25px;
    }
    .secondpart .philosophy .flex-1 h2 {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .secondpart .philosophy .right {
        background: url(../img/Target.png) center center no-repeat;
    }
}

/*420*/
@media screen and (max-width: 428px) {
    body {
        background-color: white;
    }
    .firstpart {
        height: 3.63rem;
    }
    .firstpart h1 {
        font-size: 42px;
        line-height: 50px;
    }
    .firstpart h2 {
        font-size: 24px;
        line-height: 33px;
    }
    .secondpart h1.title {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 6px;
    }
    .secondpart p.desc {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 25px;
    }
    .secondpart .center.display-flex h1 {
        font-size: 22px;
        line-height: 25px;
    }
    .secondpart .center {
        flex-direction: column;
        padding: 35px 15px 0;
    }
    .secondpart p.desc {
        margin-bottom: 30px;
    }
    .secondpart .center.display-flex h3 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .secondpart .center.display-flex p {
        margin-bottom: 25px;
    }
    .secondpart .center.display-flex p {
        font-size: 14px;
        line-height: 20px;
    }
    .secondpart .number {
        margin: 0 auto 25px;
        border-bottom: 1px solid #dddddd;
        padding-bottom: 0.3rem;
        margin-bottom: 0.25rem;
    }
    .secondpart li span {
        font-size: 41px;
        line-height: 50px;
    }
    .secondpart li p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 0;
    }
    .secondpart li.top span:after {
        font-size: 25px;
    }
    .secondpart .number li:nth-of-type(3),
    .secondpart .number li:nth-of-type(4) {
        margin-top: 45px;
    }
    .secondpart .article h3 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 16px;
    }
    .secondpart .article p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 25px;
    }
    .secondpart .mountain .timeline {
        right: 0;
        width: 60%;
    }
    .secondpart .mountain .timeline .common {
        margin-bottom: 4%;
    }
    .secondpart .mountain .timeline .common::before {
        width: 25px;
        left: -30px;
        top: 10px;
    }
    .secondpart .mountain .common h2 {
        font-size: 18px;
        line-height: 20px;
    }
    .secondpart .mountain .common p {
        font-size: 14px;
        line-height: 16px;
    }
    .secondpart .mountain .common p.mini {
        font-size: 12px;
        line-height: 16px;
    }
    .secondpart .philosophy .right {
        width: 100%;
        padding: 65px 10px 15px;
    }
    .secondpart .philosophy .right h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .secondpart .philosophy .right p {
        font-size: 14px;
        line-height: 24px;
    }
    .secondpart .philosophy .flex-1 h3 {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        margin-bottom: 40px;
    }
    .secondpart .philosophy .flex-1 p {
        font-size: 14px;
        line-height: 24px;
    }
    .secondpart .philosophy .flex-1 {
        padding: 20px 13px;
    }
    .secondpart .philosophy .flex-1 h2 {
        font-size: 18px;
        line-height: 20px;
    }
    .philosophy.display-flex {
        flex-direction: column;
    }
}