* {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.heading::before {
    content: "";
    display: block;
    width: 23.4rem;
    height: 6.7rem;
    background: none;
    position: absolute;
    left: 0;
    bottom: 1.8rem;
    z-index: 0;
}

.heading-box {
    padding-bottom: 1rem;
    border-bottom: 1px solid #1662b0;
    margin-bottom: 3rem;
}

.row [class^=col-]:not(:last-child) {
    margin-right: 8rem;
}

.row .col-1-of-2 {
    width: calc((100% - 8rem) / 2);
}

.more-button {
    font-size: 1.3rem;
    color: #1563b0;
    font-weight: bold;
}

    .more-button::before {
        background: none;
    }

.heading .iconfont {
    font-size: 2.5rem;
}

.heading__text {
    font-size: 2.5rem;
}

.heading__text {
    color: #1563b0;
}

.notice-list > .item {
    list-style: none;
    padding: calc(3rem / 2);
    width: calc((1 / 1) * 100%);
}

@media only screen and (max-width: 70em) .notice-list > .item {
    width: calc((1 / 1) * 100%);
}

.section-research {
    padding: 1rem 0 5rem 0;
}

footer {
    height: auto;
    padding: 20px;
}

.footer__copyright {
    padding: 0;
    background-color: unset;
}

    .footer__copyright p {
        max-width: none;
    }

.research-card__title {
    -webkit-line-clamp: 2;
    height: 5rem;
}

.ratio-image--2-of-3 {
    padding-bottom: 58%;
}
 





ul li {
    list-style-type: none;
}

header {
    background-color: #1662b0;
}

.h-co {
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    color: white;
    box-sizing: border-box;
}

.use {
    margin-left: auto;
}

.h-co > img {
    height: 70px;
}

.h-text {
    margin-left: 5px;
}

    .h-text p:nth-child(1) {
        font-size: 22px;
        font-weight: bold;
        line-height: 30px;
        margin-top: 10px;
    }

    .h-text p:nth-child(2) {
        font-size: 12px;
        line-height: 20px;
        font-family: Arial;
    }

.use {
    margin-top: 25px;
}

    .use img {
        width: 20px;
        height: 20px;
        margin-left: 18.5px;
    }

.nav {
    display: flex;
    width: 65%;
    margin: 0 auto;
    padding-left: 150px;
    box-sizing: border-box;
    background-color: #eaf2fe;
    justify-content: space-between;
}

    .nav ul:not(.select) {
        display: flex;
        padding: 10px;
    }

.special0 {
    width: 10%;
}

.special1 {
    width: 20%;
}

.special2 {
    width: 25%;
}

.nav ul li:not(.select) {
    box-sizing: border-box;
    margin-right: 30px;
    color: #1662b0;
    padding: 5px;
    /* width: 40%; */
}

.search {
    margin-left: auto;
    padding: 15px;
}

input {
    vertical-align: middle;
    border: 1px solid #1c66b2;
}

.banner img {
    height: 500px;
    width: 100%;
}

.content {
    width: 65%;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
}

.sec1,
.sec2 {
    margin-top: 30px;
    width: 45%;
}

    .sec1 .row1 {
        display: flex;
        justify-content: space-between;
    }

    .sec2 .row1 {
        display: flex;
        justify-content: space-between;
    }

.row1 {
    box-sizing: border-box;
    padding-bottom: 10px;
    border-bottom: 1px solid #1662b0;
}

.rowelse .text {
    margin-left: 15px;
    margin-top: 10px;
    padding-left: 15px;
    border-left: 2px solid #a0cbdf;
    margin-bottom: 20px;
}

.add {
    display: flex;
}

.row1 > .add > p {
    font-size: 25px;
    color: #8897a8;
}

.add img {
    height: 35px;
    display: block;
    margin-right: 5px;
}

.row1 > p {
    background-color: #f5f7fa;
    border: 1px solid #f6f7f9;
    box-sizing: border-box;
    padding: 5px;
    color: #1662b0;
    font-size: 12px
}

.sec2-co > div {
    display: flex;
    border: 1px solid #dbdbdb;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 5px;
    margin-top: 12px;
}

    .sec2-co > div p:nth-child(3) {
        margin-left: auto;
        line-height: 40px;
    }

    .sec2-co > div p:nth-child(2) {
        margin-left: 20px;
        line-height: 40px;
    }

    .sec2-co > div p:nth-child(1) {
        font-size: 30px;
        color: #3590bc;
    }

.content-last {
    margin-top: 20px;
    background-color: #f2f5f7;
    padding-top: 40px;
}

    .content-last > p {
        font-size: 30px;
        text-align: center;
        color: #506a85;
    }

.co-last {
    display: flex;
    width: 65%;
    margin: 0 auto;
    justify-content: space-between;
    padding-bottom: 30px;
}

    .co-last > div {
        width: 32%;
        margin-top: 25px;
    }

    .co-last p {
        text-align: center;
        color: #506a85;
        font-size: 12px;
    }

    .co-last img {
        width: 100%;
    }

footer {
    background-color: #1662b0;
    box-sizing: border-box;
}

    footer p {
        text-align: center;
        color: white;
        font-size: 12px;
    }

.nav ul li:not(.select) {
    height: 30px;
    overflow: hidden;
    line-height: 20px;
}

.nav ul:not(.select) li:hover {
    overflow: visible;
    background: #fff;
}

.select {
    position: relative;
    z-index: 2;
    width: auto;
    margin: initial;
    padding: initial;
}


/* 移动端布局 */

@media all and (orientation:portrait) {
    .h-co {
        width: 100%;
    }

    .h-text p:nth-child(1) {
        font-size: 14px;
    }

    .h-text p:nth-child(2) {
        font-size: 10px
    }

    .nav {
        width: 100%;
        padding-left: 0px;
        display: block;
    }

        .nav:not(.select) li {
            margin-right: 10px;
        }

    .banner img {
        height: 300px;
    }

    .content {
        display: block;
    }

        .content .sec1,
        .sec2 {
            width: 100%;
        }

    .co-last {
        display: block;
    }

        .co-last > div {
            width: 100%;
        }

    footer {
        padding: 10px;
        font-size: 10px;
    }

    .use p {
        font-size: 8px;
    }

    .use img {
        margin-left: 11.5px;
    }

    .nav ul li:not(.select) {
        padding: 0;
        padding: 0;
    }

    .nav ul:not(.select) {
        justify-content: space-between;
    }

    .nav ul li:not(.select) {
        padding: 0;
        margin-right: 0;
    }

    .special0 {
        width: 10%;
    }

    .special1 {
        width: 20%;
    }

    .special2 {
        width: 25%;
    }

    .nav ul li:not(.select) {
        height: 20px;
    }

    .search {
        padding: 0;
    }

    /* section 部分处理 */
    .content {
        width: 95%;
    }

    .sec1,
    .sec2 {
        margin-top: 25px;
    }

    .co-last {
        width: 95%;
    }
}