@media screen and (max-width: 1360px) {

    body .content .core {

        width: 100%;

        padding: 0 1rem;

        box-sizing: border-box;

        display: flex;

        flex-direction: column;

        align-items: center;

    }



    body .content .core .html-title {

        text-align: center;

        margin-top: 2rem;

        margin-bottom: 2rem;

        color: #000000;

        font-size: 1.2rem;

    }



    body .content .core .news-list {

        display: flex;

        flex-direction: column;

        width: 100%;

        background-color: #ffffff;

        box-shadow: 1px 10px 30px 0px rgba(17, 78, 112, 0.1);

        padding: 1rem;

        box-sizing: border-box;

    }



    body .content .core .news-list .news-list-header {

        width: 100%;

        display: flex;

        flex-direction: column;

        grid-template-columns: unset;

        grid-column-gap: unset;

    }





    body .content .core .news-list .news-list-header .left {

        width: 100%;

        display: flex;

        flex-direction: column;

    }



    body .content .core .news-list .news-list-header .left .img {

        width: 100%;

        height: unset;

    }



    body .content .core .news-list .news-list-header .left .img img {

        width: 100%;

        display: flex;

    }



    body .content .core .news-list .news-list-header .left .text {

        width: 100%;

        background-color: #0084ce;

        padding: 1rem;

        box-sizing: border-box;

        display: flex;

        flex-shrink: 0;

    }



    body .content .core .news-list .news-list-header .left .text .time {

        border-right: 2px solid rgba(255, 255, 255, 0.4);

        padding-right: 1rem;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

    }



    body .content .core .news-list .news-list-header .left .text .time div:first-child {

        color: #ffffff;

        font-size: 2rem;

    }



    body .content .core .news-list .news-list-header .left .text .time div:last-child {

        color: #ffffff;

        font-size: 1rem;

    }



    body .content .core .news-list .news-list-header .left .text .txt {

        padding-left: 1rem;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

    }



    body .content .core .news-list .news-list-header .left .text .txt div:first-child {

        display: flex;

        flex-direction: column;

    }



    body .content .core .news-list .news-list-header .left .text .txt div:first-child span:first-child {

        color: #ffffff;

        font-size: 1.2rem;

        display: block;

        margin-bottom: 1rem;

    }



    body .content .core .news-list .news-list-header .left .text .txt div:first-child span:last-child {

        color: #ffffff;

        font-size: 1rem;

        display: block;

        display: -webkit-box;

        /*将对象转为弹性盒模型展示*/

        -webkit-box-orient: vertical;

        /*设置弹性盒模型子元素的排列方式*/

        -webkit-line-clamp: 2;

        /*限制文本行数*/

        overflow: hidden;

    }



    body .content .core .news-list .news-list-header .left .text .txt div:last-child {

        font-size: 1.5rem;

        color: #fff;

    }



    body .content .core .news-list .news-list-header .right {

        width: 100%;

    }



    body .content .core .news-list .news-list-header .right .total-title {

        display: flex;

        flex-direction: column;

        border-bottom: 2px solid #0084ce;

    }



    body .content .core .news-list .news-list-header .right .total-title .title {

        margin: 1rem 0;

        color: #000000;

        font-size: 1.2rem;

    }



    body .content .core .news-list .news-list-header .right .total-title .text {

        color: #666666;

        font-size: 1rem;

        display: -webkit-box;

        /*将对象转为弹性盒模型展示*/

        -webkit-box-orient: vertical;

        /*设置弹性盒模型子元素的排列方式*/

        -webkit-line-clamp: 2;

        /*限制文本行数*/

        overflow: hidden;

    }



    body .content .core .news-list .news-list-header .right .total-title .you {

        font-size: 1.5rem;

        color: #0084ce;

        margin-top: 1rem;

        margin-bottom: 1rem;

    }



    body .content .core .news-list .news-list-header .right .news-list-li {

        display: flex;

        flex-direction: column;

    }



    body .content .core .news-list .news-list-header .right .news-list-li a {

        height: 4rem;

        display: flex;

        align-items: center;

        justify-content: space-between;

        border-bottom: 2px solid #e1ecf0;

        cursor: pointer;

    }



    html body .content .core .news-list .news-list-header .right .news-list-li a:hover span {

        color: #0084ce;

    }



    body .content .core .news-list .news-list-header .right .news-list-li a:last-child {

        border: none;

    }



    body .content .core .news-list .news-list-header .right .news-list-li a span:first-child {

        color: #222222;

        font-size: 1rem;

        width: 19rem;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        transition: all .3s;

        position: relative;

        text-indent: .5rem;

        padding-left: .5rem;

    }



    body .content .core .news-list .news-list-header .right .news-list-li a span:first-child::before {

        position: absolute;

        content: '.';

        width: 6px;

        height: 6px;

        background-color: #0084ce;

        border-radius: 50%;

        transition: all .3s;

        flex-shrink: 0;

        display: block;

        line-height: 4rem;

        color: #0084ce;

        top: 0;
        left: 0;

        margin: auto 0;

        bottom: 0;

    }



    body .content .core .news-list .news-list-header .right .news-list-li a span:last-child {

        color: #888888;

        font-size: 1rem;

        transition: all .3s;

    }



    body .content .core .news-list .news-list-content {

        margin-top: 0;

        border-top: 2px solid #e1ecf0;

        display: flex;

        flex-direction: column;

    }



    body .content .core .news-list .news-list-content a {

        height: 4rem;

        display: flex;

        align-items: center;

        justify-content: space-between;

        border-bottom: 2px solid #e1ecf0;

        padding: 0;

        cursor: pointer;

    }



    html body .content .core .news-list .news-list-content a:hover span {

        color: #0084ce;

    }



    body .content .core .news-list .news-list-content a span:first-child {

        width: 6px;

        height: 6px;

        background-color: #0084ce;

        border-radius: 50%;

        transition: all .3s;

        

    }



    body .content .core .news-list .news-list-content a span:nth-child(2) {

        color: #000000;

        font-size: 1rem;

        margin: 0 .5rem;

        overflow: hidden;

        text-overflow: ellipsis;

        transition: all .3s;

        white-space: nowrap;

    }



    body .content .core .news-list .news-list-content a span:last-child {

        color: #888888;

        font-size: 1rem;

        transition: all .3s;

    }



    html body .news-page {

        height: 3rem;

        margin-top: 3rem;

        margin-bottom: 5rem;

    }

}



.content {

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    background-color: #f1f9fc;

}



.content .core {

    width: 1360px;

    padding: 0 20px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.content .core .html-title {

    text-align: center;

    margin-top: 98px;

    margin-bottom: 42px;

    color: #000000;

    font-size: 32px;

}



.content .core .news-list {

    display: flex;

    flex-direction: column;

    width: 100%;

    background-color: #ffffff;

    box-shadow: 1px 10px 30px 0px rgba(17, 78, 112, 0.1);

    padding: 40px;

    box-sizing: border-box;

}



.content .core .news-list .news-list-header {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-column-gap: 40px;

}





.content .core .news-list .news-list-header .left {

    display: flex;

    flex-direction: column;

    cursor: pointer;

}

.content .core .news-list .news-list-header .left:hover .img img{

    width: 105%;

    margin-left: -2.5%;

}

.content .core .news-list .news-list-header .left .img {

    width: 100%;

    height: 387px;

    overflow: hidden;

}



.content .core .news-list .news-list-header .left .img img {

    width: 100%;

    display: flex;

    transition: all .3s;

}



.content .core .news-list .news-list-header .left .text {

    flex: 1;

    background-color: #0084ce;

    padding: 26px 38px;

    box-sizing: border-box;

    display: flex;

    flex-shrink: 0;

}



.content .core .news-list .news-list-header .left .text .time {

    border-right: 2px solid rgba(255, 255, 255, 0.4);

    padding-right: 30px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.content .core .news-list .news-list-header .left .text .time div:first-child {

    color: #ffffff;

    font-size: 60px;

}



.content .core .news-list .news-list-header .left .text .time div:last-child {

    color: #ffffff;

    font-style: 18px;

}



.content .core .news-list .news-list-header .left .text .txt {

    padding-left: 38px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.content .core .news-list .news-list-header .left .text .txt div:first-child {

    display: flex;

    flex-direction: column;

}



.content .core .news-list .news-list-header .left .text .txt div:first-child span:first-child {

    color: #ffffff;

    font-size: 18px;

    display: block;

    margin-bottom: 10px;

}



.content .core .news-list .news-list-header .left .text .txt div:first-child span:last-child {

    color: #ffffff;

    font-size: 14px;

    display: block;

    display: -webkit-box;

    /*将对象转为弹性盒模型展示*/

    -webkit-box-orient: vertical;

    /*设置弹性盒模型子元素的排列方式*/

    -webkit-line-clamp: 2;

    /*限制文本行数*/

    overflow: hidden;

}



.content .core .news-list .news-list-header .left .text .txt div:last-child {

    font-style: 28px;

    color: #fff;

}



.content .core .news-list .news-list-header .right .total-title {

    display: flex;

    flex-direction: column;

    border-bottom: 2px solid #0084ce;

}



.content .core .news-list .news-list-header .right .total-title .title {

    margin: 24px 0;

    color: #000000;

    font-size: 16px;

}



.content .core .news-list .news-list-header .right .total-title .text {

    color: #666666;

    font-size: 14px;

    display: -webkit-box;

    /*将对象转为弹性盒模型展示*/

    -webkit-box-orient: vertical;

    /*设置弹性盒模型子元素的排列方式*/

    -webkit-line-clamp: 2;

    /*限制文本行数*/

    overflow: hidden;

}



.content .core .news-list .news-list-header .right .total-title .you {

    font-size: 24px;

    color: #0084ce;

    margin-top: 20px;

    margin-bottom: 30px;

}



.content .core .news-list .news-list-header .right .news-list-li {

    display: flex;

    flex-direction: column;

}



.content .core .news-list .news-list-header .right .news-list-li a {

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 2px solid #e1ecf0;

    transition: all .3s;

    cursor: pointer;

}

body .content .core .news-list .news-list-header .right .news-list-li a:hover{

    border-bottom: 2px solid #0084ce;

}

body .content .core .news-list .news-list-header .right .news-list-li a:last-child:hover{

    border: none;

}

body .content .core .news-list .news-list-header .right .news-list-li a:hover span {

    color: #0084ce;

}



.content .core .news-list .news-list-header .right .news-list-li a:last-child {

    border: none;

}



.content .core .news-list .news-list-header .right .news-list-li a span:first-child {

    color: #222222;

    font-size: 16px;

    width: 540px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all .3s;

}



.content .core .news-list .news-list-header .right .news-list-li a span:last-child {

    color: #888888;

    font-size: 14px;

    transition: all .3s;

}



.content .core .news-list .news-list-content {

    border-top: 2px solid #e1ecf0;

    display: flex;

    flex-direction: column;

}



.content .core .news-list .news-list-content a {

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 2px solid #e1ecf0;

    /* padding: 0 10px; */

    cursor: pointer;

    transition: all .3s;

}

body .content .core .news-list .news-list-content a:hover{

    border-bottom: 2px solid #0084ce;

}



body .content .core .news-list .news-list-content a:hover span {

    color: #0084ce;

}



.content .core .news-list .news-list-content a span:first-child {

    width: 6px;

    height: 6px;

    background-color: #0084ce;

    border-radius: 50%;

    transition: all .3s;

}



.content .core .news-list .news-list-content a span:nth-child(2) {

    flex: 1;

    color: #000000;

    font-size: 16px;

    margin: 0 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    transition: all .3s;

    white-space: nowrap;

}



.content .core .news-list .news-list-content a span:last-child {

    color: #888888;

    font-size: 14px;

    transition: all .3s;

}



.news-page {

    height: 34px;

    margin-top: 50px;

    margin-bottom: 120px;

}