html {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

body {
    height: 100%;
    overflow: hidden;
}

.home-1 {
    height: 100%;
    overflow: hidden;
}

.home-1 .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;

    opacity: 0;
    transform: translateY(-100%);
    transition: all 0.7s ease-out 0s;
}

.home-1.showdiv .header {
    transform: none;
    opacity: 1;
}

.home-1 .header .d1 {
    /* width: 100%; */
    height: 44rem;
    background: #0263B2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 260rem;
    font-size: 16rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
}

.home-1 .header .d2 {
    height: 80rem;
    display: flex;
    align-items: center;
    /*padding: 0 260rem;*/
    padding-left: 260rem;
    /* background-color: #0263B2; */
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));

    transition: all 0.3s ease-out 0s;
}


.home-1 .header .d2 .hk-logo {
    width: 246rem;
    height: 42rem;
}

.home-1 .header .d2 .nav-list {
    margin-left: 137rem;
    display: flex;
    align-items: center;
    font-size: 18rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}

.d2 .tools-box .menu .menu-li{
    background-color: #FFFFFF;
}

.home-1 .banner {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.home-1 .banner .banner-text {
    position: absolute;
    bottom: 26rem;
    left: 260rem;
    font-size: 24rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    z-index: 1;
}

.home-1 .banner .swiper-box {
    width: 100%;
    height: 100%;
}

.home-1 .banner .swiper-box .swiper-slide {
}

.home-1 .banner .swiper-box .swiper-pagination {
    left: 1582rem;
    width: auto;
    z-index: 1;
}

.home-1 .banner .swiper-box .swiper-pagination .setpageaction {
    width: 35rem;
    height: 8rem;
    background: #E5E8ED;
    opacity: 0.3;
    border-radius: 4px;
}

.home-1 .banner .swiper-box .swiper-pagination .swiper-pagination-bullet-active {
    background: #E5E8ED;
    opacity: 1;
}

/*.home-1 .banner .swiper-box .swiper-slide:nth-child(1) {*/
/*background-color: rebeccapurple;*/
/*}*/

/*.home-1 .banner .swiper-box .swiper-slide:nth-child(2) {*/
/*background-color: red;*/
/*}*/

/*.home-1 .banner .swiper-box .swiper-slide:nth-child(3) {*/
/*background-color: yellow;*/
/*}*/

.home-2 {
    padding-top: 124rem;
    position: fixed;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    outline: none;
    z-index: 2;
    background-color: #F6F7F9;
    transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
}

.home-2::-webkit-scrollbar {
    /*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
    width: 0px;
}

.home-2.showdiv {
    top: 0;
}

.header-2 {
    opacity: 0;
    transform: translateY(-100%);
    transition: all 0.5s ease-out 0s;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}

.home-2.showdiv .header-2 {
    transition: all 0.7s ease-in-out 0.5s;
    transform: none;
    opacity: 1;
}

.home-2 .home-2-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 66rem;
}

.home-2 .home-2-title .title-text-en {
    font-size: 18rem;
    font-family: Source Han Serif SC;
    font-weight: 600;
    color: #B0B7C1;
}

.home-2 .home-2-title .title-text {
    font-size: 38rem;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000000;
}

.home-2 .hk-news {
    padding: 0 260rem;
    margin-top: 56rem;

    /*display: grid;*/
    /*grid-template-columns: repeat(2, 1fr);*/
    /*grid-gap: 20rem;*/

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;

}

.home-2 .hk-news .news-box {
    width: calc(50% - 5rem);
    height: 390rem;
    position: relative;
    margin-bottom: 10rem;
}

.home-2 .hk-news .news-box:nth-child(1), .home-2 .hk-news .news-box:nth-child(3) {
    margin-right: 10rem; /* 设置中间两个方块的右边距为20px */
}

.home-2 .hk-news .news-list {
    /*display: grid;*/
    /*grid-template-columns: repeat(2, 1fr);*/
    /*grid-gap: 18rem;*/

    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;

}

.home-2 .hk-news .news-img-item {
    overflow: hidden;
}

.home-2 .hk-news .news-box .news-img {
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-out 0s;
}

.home-2 .hk-news .news-img-item .news-img:hover {
    transform: scale(1.1);
}

.home-2 .hk-news .news-box .news-img-title {
    position: absolute;
    left: 0rem;
    right: 0;
    bottom: 0rem;
    padding: 0 0 10rem 21rem;
    font-size: 20rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}

.home-2 .hk-news .news-box .news-item {
    width: calc(50% - 5rem);
    /*height: 186rem;*/
    height: calc(50% - 5rem);
    background: #FFFFFF;
    position: relative;
    cursor: pointer;
    margin-bottom: 10rem;
}

.home-2 .hk-news .news-box .news-item::after {
    content: "";
    position: absolute;
    width: 0;
    left: 50%;
    bottom: 0;
    height: 5rem;
    background: #0263B2;
    transition: all 0.5s;
}

.home-2 .hk-news .news-box .news-item:hover::after {
    left: 0;
    width: 100%;
}

.home-2 .hk-news .news-box .news-item .news-desc {
    margin-top: 85rem;
    padding: 0 26rem;
    font-size: 18rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000000;
}

.hk-news .news-box .news-item .news-date {
    position: absolute;
    top: 0;
    left: 0;
}

.hk-news .news-box .news-item .news-date .news-date-month {
    width: 80rem;
    height: 30rem;
    background: #0364B2;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 16rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}

.hk-news .news-box .news-item .news-date .news-date-year {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80rem;
    height: 30rem;
    background: #D60010;
    border-radius: 0 0 20rem 0;
    font-size: 20rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}

.home-2 .news-type {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 58rem;
}

.home-2 .news-type .news-type-item {
    display: flex;
    align-items: center;
}

.home-2 .news-type .news-type-item:first-child {
    margin-right: 70rem;
}

.home-2 .news-type .news-type-item .news-type-title {
    font-size: 20rem;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000000;
    margin-left: 12rem;
}

.home-2 .news-type .news-type-item .news-type-title:hover {
    color: #0263B2;
}

.home-2 .fast-nav {
    background-color: #ffffff;
    padding: 55rem 260rem 119rem 260rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.home-2 .fast-nav .fast-nav-item {
    flex-basis: calc(33.33% - 5rem);
    margin-bottom: 5rem;
    height: 306rem;
    background-size: 100%;
    transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    opacity: 0;
    position: relative;
    overflow: hidden;
}

.home-2 .fast-nav .fast-nav-item:first-child {
    flex-basis: calc(66.8% - 5rem);
}

.home-2 .fast-nav .fast-nav-item:hover {
    background-size: 110%;
}

.home-2 .fast-nav .fast-nav-item:hover .fast-nav-title-text {
    transform: translateX(60rem);
    -ms-transform: translateX(60rem);
}

.home-2 .fast-nav .fast-nav-item:hover .fast-nav-title-text-en {
    transform: translateX(-40rem);
    -ms-transform: translateX(-40rem);
}

.home-2 .fast-nav .fast-nav-item .fast-nav-item-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.home-2 .fast-nav .fast-nav-item .fast-nav-item-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    transition: all 0.5s ease-out 0s;
}

.home-2 .fast-nav .fast-nav-item:hover .fast-nav-item-bg {
    transform: scale(1.1);
}

.home-2 .fast-nav .fast-nav-item:nth-child(1) {
    /*background-image: url(../images/fast_nav_1.png);*/
    transform: translateX(-100rem);
    -ms-transform: translateX(-100rem);
}

.home-2 .fast-nav .fast-nav-item:nth-child(2) {
    /*background-image: url(../images/fast_nav_2.png);*/
    transform: translateX(50rem);
    -ms-transform: translateX(50rem);
}

.home-2 .fast-nav .fast-nav-item:nth-child(3) {
    /*background-image: url(../images/fast_nav_3.png);*/
    transform: translateX(-50rem);
    -ms-transform: translateX(-50rem);
}

.home-2 .fast-nav .fast-nav-item:nth-child(4) {
    /*background-image: url(../images/fast_nav_4.png);*/
    transform: translateY(50rem);
    -ms-transform: translateY(50rem);
}

.home-2 .fast-nav .fast-nav-item:nth-child(5) {
    /*background-image: url(../images/fast_nav_5.png);*/
    transform: translateX(50rem);
    -ms-transform: translateX(50rem);
}

.home-2 .fast-nav.showdiv .fast-nav-item {
    opacity: 1;
    transform: none;
}

.home-2 .fast-nav .fast-nav-item .more-btn {
    width: 160rem;
    height: 50rem;
    border: 1px solid #FFFFFF;
    font-size: 18rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 99rem;
    margin-left: 63rem;
}

.home-2 .fast-nav .fast-nav-item .fast-nav-title {
    display: flex;
    flex-direction: column;
    margin-top: 62rem;
    margin-left: 64rem;
}

.home-2 .fast-nav .fast-nav-item .fast-nav-title .fast-nav-title-text {
    font-size: 38rem;
    font-family: PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    transition: all 0.5s ease-out 0s;
}

.home-2 .fast-nav .fast-nav-item .fast-nav-title .fast-nav-title-text-en {
    font-size: 16rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    transition: all 0.5s ease-out 0s;
}

.home-2 .keyan-notice-jw {
    margin-top: 44rem;
    padding: 60rem 260rem;
    background-color: #163853;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-2 .keyan-notice-jw .jw-not-item {
    width: 80%;
    min-height: 100rem;
    background-color: #f9f9f9;
    padding: 20rem;
    cursor: pointer;
    position: relative;
    margin-bottom: 20rem;

    transition: color 0.3s ease-out 0s, transform 0.6s ease-out 0s, opacity 0.6s ease-out 0s;

    /*transition: all 0.6s ease-out 0s;*/
    /*-ms-transition: all 0.6s ease-out 0s;*/
    opacity: 0;
}

/* 选择所有奇数元素 */
.home-2 .keyan-notice-jw .jw-not-item:nth-child(odd) {
    /* 样式规则 */
    transform: translateX(-300rem);
    -ms-transform: translateX(-300rem);

    margin-right: 120rem;
    padding-left: 60rem;
}

.home-2 .keyan-notice-jw .jw-not-item:nth-child(odd) .jw-not-date {
    left: -50rem;
}

/* 选择所有奇数元素 */
.home-2 .keyan-notice-jw .jw-not-item:nth-child(even) {
    /* 样式规则 */
    transform: translateX(300rem);
    -ms-transform: translateX(300rem);

    margin-left: 120rem;
    padding-right: 60rem;
}

.home-2 .keyan-notice-jw .jw-not-item:nth-child(even) .jw-not-date {
    right: -50rem;
}

.home-2 .keyan-notice-jw .jw-not-item:nth-child(even) .jw-not-title {
    text-align: right;
}

.home-2 .keyan-notice-jw .jw-not-item.showdiv {
    transform: none;
    opacity: 1;
}

.home-2 .keyan-notice-jw .jw-not-item:hover {
    /*background-color: rgb(247 240 230);*/
    background-color: #E29E21;
}

.home-2 .keyan-notice-jw .jw-not-item:hover .jw-not-title {
    color: #FFFFFF;
}

.home-2 .keyan-notice-jw .jw-not-item:hover .jw-not-desc {
    color: #f0f0f0;
}

.home-2 .keyan-notice-jw .jw-not-item .jw-not-title {
    font-size: 26rem;
    font-weight: 600;
}

.home-2 .keyan-notice-jw .jw-not-item .jw-not-desc {
    color: #666666;
    font-size: 18rem;
    margin-top: 6rem;

    /* 隐藏溢出的文本 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制显示的行数 */
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical; /* Firefox */
    -ms-box-orient: vertical; /* IE 10 */
    box-orient: vertical; /* Standard */
    line-height: 1.5; /* 行高 */
    max-height: 3em; /* 显示的最大高度 */

}

.home-2 .keyan-notice-jw .jw-not-item .jw-not-date {
    width: 100rem;
    height: 100rem;
    border-radius: 50%;
    background: url(../images/logo.png) #CF2F2C no-repeat 90% center;
    background-size: 100% 100%;
    position: absolute;
    top: 25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
}

.home-2 .keyan-notice-jw .jw-not-item .jw-not-date .jw-not-date-dd {
    font-size: 28rem;
    font-weight: 600;
}

.home-2 .keyan-notice-jw .jw-not-item .jw-not-date .jw-not-date-yyyymm {
    font-size: 16rem;
    margin-top: 3rem;
}

.home-2 .keyan-notice {
    margin-top: 44rem;
    padding: 0 260rem;
    overflow: hidden;
}

.home-2 .keyan-notice .keyan-first {
    height: 500rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.home-2 .keyan-notice .keyan-first .first-bg {
    width: 50%;
    height: 50%;
    opacity: 0;
}

.home-2 .keyan-notice .keyan-first.showdiv .first-bg {
    transition: all 0.7s ease-in-out 0s;
    opacity: 1;
    width: 100%;
    height: 100%;
}

.home-2 .keyan-notice .keyan-first .first-desc {
    position: absolute;
    top: 0;
    right: 0;
    width: 555rem;
    height: 300rem;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 40rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateX(555rem);
    opacity: 0;
}

.home-2 .keyan-notice .keyan-first.showdiv .first-desc {
    transform: none;
    opacity: 1;
    transition: all 0.7s ease-in-out 0.5s;
}

.home-2 .keyan-notice .keyan-first .first-desc .first-desc-title {
    font-size: 20rem;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000000;
}

.home-2 .keyan-notice .keyan-first .first-desc .first-desc-info {
    width: 100%;
    font-size: 16rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #6E6F71;
    margin-top: 30rem;

    /*display: -webkit-box; !* 使用了flex，需要加 *!*/
    /*overflow: hidden; !* 超出隐藏 *!*/
    /*word-break: break-all; !* 纯英文、数字、中文 *!*/
    /*text-overflow: ellipsis; !* 省略号 *!*/
    /*-webkit-box-orient: vertical; !* 垂直 *!*/
    /*-webkit-line-clamp: 10; !* 显示4行 *!*/
    /*white-space: pre-line; !* 合并空白符序列，但是保留换行符。(如果要使用这个垂直和显示几行的代码也要写)；  后来查资料发现应该是我的元素脱离文档流然后定义宽度无效  换行符失效导致的 *!*/

    /* 隐藏溢出的文本 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10; /* 限制显示的行数 */
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical; /* Firefox */
    -ms-box-orient: vertical; /* IE 10 */
    box-orient: vertical; /* Standard */
    line-height: 1.5; /* 行高 */
    max-height: 30em; /* 显示的最大高度 */

}

.home-2 .keyan-notice .keyan-list {
    margin-top: 28rem;
    /*display: grid;*/
    /*grid-template-columns: repeat(3, 1fr);*/
    /*grid-gap: 25rem;*/

    display: flex;

    padding-bottom: 10px;
}

.home-2 .keyan-notice .keyan-list .keyan-item {
    width: 33.33%;
    height: 160rem;
    background-color: #FFFFFF;
    padding: 30rem 21rem;
    transform: translateY(100rem);
    opacity: 0;
    cursor: pointer;

    transition: box-shadow 0.3s;
}

.home-2 .keyan-notice .keyan-list .keyan-item:nth-child(2) {
    margin-left: 10rem;
    margin-right: 10rem;
}

.home-2 .keyan-notice .keyan-list .keyan-item:hover {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}

.home-2 .keyan-notice .keyan-list.showdiv .keyan-item:nth-child(1) {
    opacity: 1;
    transform: none;
    transition: opacity 0.6s ease-in-out 0s, transform 0.6s ease-in-out 0s;
}

.home-2 .keyan-notice .keyan-list.showdiv .keyan-item:nth-child(2) {
    opacity: 1;
    transform: none;
    transition: opacity 0.6s ease-in-out 0.5s, transform 0.6s ease-in-out 0.5s;
}

.home-2 .keyan-notice .keyan-list.showdiv .keyan-item:nth-child(3) {
    opacity: 1;
    transform: none;
    transition: opacity 0.6s ease-in-out 0.8s, transform 0.6s ease-in-out 0.8s;
}

.home-2 .keyan-notice .keyan-list .keyan-item .keyan-title {
    font-size: 20rem;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000000;
}

.home-2 .keyan-notice .keyan-list .keyan-item .keyan-date {
    font-size: 16rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #6E6F71;
    margin-top: 15rem;
}

.home-2 .keyan-notice .keyan-list .keyan-item .keyan-desc {
    font-size: 16rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #6E6F71;

    /*text-overflow: -o-ellipsis-lastline;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 2;*/
    /*line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/

    /* 隐藏溢出的文本 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制显示的行数 */
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical; /* Firefox */
    -ms-box-orient: vertical; /* IE 10 */
    box-orient: vertical; /* Standard */
    line-height: 1.5; /* 行高 */
    max-height: 3em; /* 显示的最大高度 */

    margin-top: 35rem;
}

.home-2 .honor-wall {
    /* margin: 0 260rem; */
    margin-top: 93rem;
    height: 1444rem;
    background: #163853;
    position: relative;
}

.home-2 .honor-wall .wall-nav-box {
    width: 630rem;
    height: 590rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: absolute;
    top: 168rem;
    left: 330rem;
    z-index: 2;
}

.home-2 .honor-wall .wall-nav-box2 {
    width: 630rem;
    height: 590rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: absolute;
    bottom: 97rem;
    right: 330rem;
    z-index: 2;
}

.home-2 .honor-wall .wall-nav-item {
    width: 315rem;
    height: 295rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 20rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}

.home-2 .honor-wall .wall-nav-box .wall-nav-item .wall-nav-icon {
    width: 65rem;
    height: 65rem;
    margin-bottom: 15rem;
}

.home-2 .honor-wall .wall-nav-box .wall-nav-item:nth-child(1) {
    background-image: url(../images/wall-nav-bg1.png);
    background-size: 100% 100%;
}

.home-2 .honor-wall .wall-nav-box .wall-nav-item:nth-child(2) {
    background-image: url(../images/wall-nav-bg2.png);
    background-size: 100% 100%;
}

.home-2 .honor-wall .wall-nav-box .wall-nav-item:nth-child(3) {
    background-color: #0364B2;
}

.home-2 .honor-wall .wall-nav-box2 .wall-nav-item:nth-child(1) {
    background-color: #260505;
}

.home-2 .honor-wall .wall-nav-box2 .wall-nav-item:nth-child(2) {
    background-image: url(../images/wall-nav-bg3.png);
    background-size: 100% 100%;
}

.home-2 .honor-wall .wall-nav-box2 .wall-nav-item:nth-child(3) {
    background-image: url(../images/wall-nav-bg4.png);
    background-size: 100% 100%;
}

.home-2 .honor-wall .wall-img-box {
    width: 765rem;
    height: 780rem;
    position: absolute;
    top: 117rem;
    right: 261rem;
}

.home-2 .honor-wall .wall-img-box2 {
    width: 700rem;
    height: 514rem;
    position: absolute;
    left: 260rem;
    bottom: 173rem;
}

.home-2 .honor-wall .wall-img {
    width: 100%;
    height: 100%;
}

.home-2 .media-speak-box {
    margin-top: 103rem;
    padding: 0 260rem;
    display: flex;
    justify-content: space-between;
}

.home-2 .media-speak-box .ms-item {
    width: 685rem;
    opacity: 0;
    transform: translateY(100rem);
}

.home-2 .media-speak-box.showdiv .ms-item {
    opacity: 1;
    transform: none;
    transition: opacity 0.6s ease-in-out 0s, transform 0.6s ease-in-out 0s;
}

.home-2 .media-speak-box .ms-item .ms-header-box {
    width: 100%;
    height: 160rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.home-2 .media-speak-box .media-box .ms-header-box {
    background-image: url(../images/media_bg.png);
    background-size: 100% 100%;
}

.home-2 .media-speak-box .speak-box .ms-header-box {
    background-image: url(../images/speak_bg.png);
    background-size: 100% 100%;
}

.home-2 .media-speak-box .ms-item .ms-box-title {
    font-size: 38rem;
    font-family: PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    margin-left: 23rem;
}

.home-2 .media-speak-box .ms-item .ms-box-title-en {
    font-size: 18rem;
    font-family: Source Han Serif SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 40rem;
    opacity: 0.9;
    margin-left: 23rem;
}

.home-2 .media-speak-box .ms-item .ms-header-box .more {
    position: absolute;
    top: 53rem;
    right: 109rem;
    font-size: 16rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}

.home-2 .media-speak-box .ms-item .ms-header-box .more:after {
    content: '';
    width: 16rem;
    height: 16rem;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    right: -25rem;
    top: 2rem;
}

.home-2 .media-speak-box .ms-item .ms-header-box .more:before {
    content: '';
    width: 0rem;
    height: 1px;
    border-radius: 10%;
    background-color: #ffffff;
    position: absolute;
    right: -10rem;
    transition: all 0.3s;
}

.home-2 .media-speak-box .ms-item .ms-header-box .more-text {
    transition: all 0.3s;
}

.home-2 .media-speak-box .ms-item .ms-header-box:hover .more-text {
    margin-right: 60rem;
}

.home-2 .media-speak-box .ms-item .ms-header-box:hover .more:before {
    width: 55rem;
}

.home-2 .media-speak-box .news-item {
    position: relative;
    margin-top: 23rem;
    width: 100%;
    height: 140rem;
    background-color: #FFFFFF;
    padding: 31rem 19rem 0 150rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/

    opacity: 0;
    transform: translateY(80rem);

    transition: transform 0.1s ease-in-out 0s, box-shadow 0.3s;
}

.home-2 .media-speak-box .news-item.showdiv {
    opacity: 1;
    transform: none;
    transition: opacity 0.6s ease-in-out 0s, transform 0.6s ease-in-out 0s;
}

.home-2 .media-speak-box .news-item:hover {
    transform: scale(1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}

.home-2 .media-speak-box .news-item .news-title {
    font-size: 18rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000000;
    line-height: 40rem;
}

.home-2 .media-speak-box .news-item .news-title.boosmsg-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.home-2 .media-speak-box .news-item .news-desc {
    font-size: 16rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #6E6F71;
    line-height: 28rem;

    /* 隐藏溢出的文本 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制显示的行数 */
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical; /* Firefox */
    -ms-box-orient: vertical; /* IE 10 */
    box-orient: vertical; /* Standard */
    line-height: 1.5; /* 行高 */
    max-height: 3em; /* 显示的最大高度 */
}

.home-2 .media-speak-box .news-item .news-date {
    position: absolute;
    left: 26rem;
    top: 31rem;

    font-size: 18rem;
    font-family: DIN Alternate;
    font-weight: bold;
    color: #6E6F71;
    line-height: 40rem;

}

.home-2 .media-speak-box .news-item .news-arrow {
    width: 30rem;
    height: 30rem;
    background-image: url(../images/arrow_icon.png);
    background-size: 100% 100%;
    position: absolute;
    left: 28rem;
    bottom: 33rem;
}

.home-2 .tour-guide-box {
    width: 100%;
    height: 454rem;
    background-color: #FFFFFF;
    margin-top: 74rem;
}

.home-2 .tour-guide-box .tour-guide-title-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 80rem;
}

.home-2 .tour-guide-box .tour-guide-title-en {
    font-size: 18rem;
    font-family: Source Han Serif SC;
    font-weight: 600;
    color: #B0B7C1;
    line-height: 40rem;
}

.home-2 .tour-guide-box .tour-guide-title {
    font-size: 38rem;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000000;
    line-height: 40rem;
}

.home-2 .tour-guide-box .tour-guide-nav {
    display: flex;
    padding: 0 260rem;
    margin-top: 65rem;
    justify-content: space-around;
}

.home-2 .tour-guide-box .tour-guide-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.home-2 .tour-guide-box .tour-guide-nav-item .tour-guide-nav-icon {
    width: 80rem;
    height: 80rem;
}

.home-2 .tour-guide-box .tour-guide-nav-item .tour-guide-nav-title {
    font-size: 20rem;
    font-family: PingFang SC;
    font-weight: 600;
    color: #000000;
    line-height: 40rem;
}