@charset "utf-8";

/*
 * @Author: hl,haolei@ec.com.cn
 * @Date: 2024-04-29 09:19:34
 * @LastEditTime: 2025-08-19 14:05:41
 * @LastEditors: hl,haolei@ec.com.cn
 * @Description:
 */

.ciiefont.ciie-more {
    font-size: .44rem;
    line-height: 1.3;
    color: #949eb3;
}

.m-app-box .u-tt {
    font-size: .28rem;
}

.m-app-box.z-scroll {
    background: #004098 !important;
}

.m-chairman-box {
    padding: .5rem .25rem .4rem;
}

.m-chairman-box .u-slogan-tt {
    padding: 0 .25rem;
    font-weight: 600;
    font-size: 0.54rem;
    color: #003F97;
    line-height: 0.76rem;
    text-shadow: 0px 0px 0px #FFFFFF;
    text-indent: 2em;
}

.m-chairman-box .u-saying-txt {
    margin-top: .3rem;
    font-weight: 400;
    font-size: 0.28rem;
    color: #2D4F7E;
    line-height: 0.4rem;
    text-shadow: 0rem 0rem 0rem rgba(255, 255, 255, 0.5);
    text-indent: 2em;
}

.m-chairman-box .u-saying-box .u-saying-item {
    display: block;
    padding: .42rem;
    width: 7rem;
    height: 1.93rem;
    background: #FFFFFF;
}

.m-chairman-box .u-saying-item .p1 {
    max-height: .84rem;
    font-weight: 400;
    font-size: 0.32rem;
    color: #313131;
    line-height: 0.42rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.m-chairman-box .u-saying-item .u-date {
    font-weight: 400;
    font-size: 0.24rem;
    color: #A0A0A0;
    line-height: 0.42rem;
}

.m-chairman-box .u-more-box {
    margin-top: .3rem;
    display: flex;
    justify-content: flex-end;
}

.m-chairman-box .u-more-box .u-more {
    font-weight: 400;
    font-size: 0.24rem;
    color: #004098;
    line-height: 0.28rem;
}

.m-chairman-box .u-more-box .u-more::after {
    margin-left: .1rem;
    content: '+';
}

.m-chairman-box .u-saying-tt-box {
    padding: .3rem 0 .15rem;
    display: flex;
    justify-content: flex-end;
}

.m-chairman-box .u-saying-tt-box .u-saying-img {
    width: 3.02rem;
    height: 0.62rem;
}

.m-chairman-box .u-saying-carousel {
    position: relative;
    padding: .44rem 0 .64rem;
    border-top: 1px solid rgba(136, 168, 220, .4);
    border-bottom: 1px solid rgba(136, 168, 220, .4);
}

.m-chairman-box .u-saying-carousel .u-saying-item {
    padding: 0 .04rem 0 .2rem;
    max-height: .84rem;
    font-size: .28rem;
    line-height: .42rem;
    color: #314c72;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.m-chairman-box .u-saying-carousel .swiper-pagination-bullet {
    width: .3rem;
    height: .06rem;
    background-color: #507bc5;
    opacity: .6;
    border-radius: 0;
}

.m-chairman-box .u-saying-carousel .swiper-pagination-bullet-active {
    background-color: #fff;
}

.m-chairman-box .u-chairman-img {
    margin-top: .3rem;
    max-width: 7.08rem;
    max-height: 5.66rem;
    text-align: center;
}

.m-chairman-box img {
    max-width: 100%;
    max-width: 100%;
    object-fit: fill;
}

/* 往届回顾样式覆盖 */
.m-ciie-in-review-box {
    padding: .2rem .25rem 0;
}

.m-ciie-in-review-box .u-tt-box .u-tt {
    font-size: 0.36rem;
}

.m-ciie-in-review-box .ft {
    height: 1.1rem;
}

.m-ciie-in-review-box .ft .u-review-box li+li {
    margin-left: 0;
}

.m-ciie-in-review-box .ft .u-review-box li {
    padding-left: 0.12rem;
    padding-right: 0.12rem;
}

.m-ciie-in-review-box .ft .u-review-box .u-name,
.m-ciie-in-review-box .ft .u-review-box .u-year {
    font-size: 0.22rem;
    font-weight: 400;
}

.m-new-box {
    padding: .68rem .25rem;
}

.m-new-box .u-new-box+.u-new-box {
    margin-top: .5rem;
}

.m-new-box .u-tt-box {
    align-items: center;
}

.m-new-box .u-tt-box>.u-tt {
    flex: 1 1 0;
    font-size: .5rem;
    line-height: .48rem;
    letter-spacing: 2px;
    color: #2e343c;
    text-align: center;
}

.m-new-box .u-img-txt-box {
    padding-top: .32rem;
}

.m-new-box .u-img-txt-box .u-img {
    position: relative;
    width: 7rem;
    height: 4rem;
    overflow: hidden;
}

.m-new-box .u-img-txt-box .u-img img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.m-new-box .u-img-txt-box .u-txt {
    flex: 1 1 0;
    min-width: 10px;
}

.m-new-box .u-img-txt-box .u-tt {
    margin: .4rem 0 .3rem;
    max-height: 1.44rem;
    font-weight: 400;
    font-size: 0.36rem;
    color: #000000;
    line-height: 0.48rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.m-new-box .u-img-txt-box .u-desc {
    max-height: 1.2rem;
    font-weight: 300;
    font-size: 0.28rem;
    color: #7A7A7A;
    line-height: 0.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.m-topic-box {
    position: relative;
    padding: .6rem .25rem .95rem;
    background-color: #d8e6fa;
}

.m-topic-box.u-style1 {
    background: #F1F5F7;
}

.m-topic-box .u-tt-box {
    align-items: center;
}

.m-topic-box .u-tt-box .u-tt {
    flex: 1 1 0;
    font-size: 0.5rem;
    color: #2E343C;
    text-align: center;
}

.m-topic-box .u-topic-carousel {
    margin-top: .36rem;
    position: relative;
}

.m-topic-box .u-topic-carousel img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.m-topic-box .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    bottom: .4rem;
    width: 100%;
}

.m-topic-box .swiper-pagination-bullets {
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-topic-box .swiper-pagination .swiper-pagination-bullet {

    width: .1rem;
    height: .1rem;
    background: rgba(0, 64, 152, 0.3);
    opacity: 1;
}

.m-topic-box .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: .1rem;
}

.m-topic-box .swiper-pagination .swiper-pagination-bullet-active {
    width: .16rem;
    height: .16rem;
    background: #fff;
    border-radius: 0.08rem;
}

.m-notice-wrap {
    padding: .32rem .2rem;
    border-top: 1px solid #dce1e9;
    border-bottom: 1px solid #dce1e9;
}

.m-notice-box .u-notice-icon {
    margin-right: .18rem;
    display: flex;
    align-items: center;
    padding: 0 .2rem 0 .1rem;
    height: .5rem;
    background-image: linear-gradient(180deg, rgba(255, 109, 75, 1) 0%, #ff3123 100%);
    font-size: .3rem;
    color: #fff;
    border-radius: .25rem;
}

.m-notice-box .u-notice-icon .ciie-notice {
    font-size: .4rem;
}

.m-notice-box .u-notice-icon .u-txt {
    margin-left: .1rem;
    font-weight: 600;
}

.m-notice-box .u-notice-box {
    position: relative;
    padding: .1rem .1rem;
    flex: 1 1 0;
    min-width: 10px;
    height: .5rem;
    white-space: nowrap;
    overflow: hidden;
}

.m-notice-box .u-notice-box::before {
    content: '';
    position: absolute;
    top: 0;
    width: .7rem;
    bottom: 0;
    right: 0;
    background: linear-gradient(270deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0.01) 100%);
    z-index: 5;
}

.m-notice-box .u-notice-box p {
    position: absolute;
    top: .16rem;
    left: 0;
}

.m-notice-box .u-notice-box a {
    position: relative;
    padding-left: .2rem;
    margin-right: .8rem;
    height: .3rem;
    font-size: .28rem;
    color: #333;
    line-height: .3rem;
    display: inline-block;
    text-decoration: none;
}

.m-notice-box .u-notice-box a::before {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    width: .06rem;
    height: .06rem;
    background-color: #d40518;
    border-radius: .05rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.m-notice-box .u-notice-box a:hover {
    color: #d40518;
}


/*************** 英文特殊处理 ***************/

.m-banner-wrap .banner-con {
    text-align: center;
    color: #ffffff;
}

.m-banner-wrap .banner-con h2 {
    padding-top: .2rem;
    padding-bottom: .15rem;
    line-height: 0.68rem;
    font-size: 0.52rem;
    font-weight: 600;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
}

.m-banner-wrap .banner-con h4 {
    line-height: 0.48rem;
    font-size: 0.26rem;
    font-weight: normal;
    text-shadow: 0 0.02rem 0.03rem rgba(0, 0, 0, 0.35);
}

.m-banner-wrap .banner-con .u-more {
    display: inline-block;
    background: rgba(0, 64, 152, .8);
    height: 0.6rem;
    border-radius: .3rem;
    font-size: 0.24rem;
    line-height: 0.6rem;
    color: #ffffff;
    padding: 0 .36rem 0 .54rem;
    margin: .48rem 0 2.5rem 0;
}

.m-banner-wrap .banner-con .u-more span {
    font-size: .23rem;
    margin-left: .18rem;
}

.m-banner-wrap .banner-con .u-more.z-under-way {
    margin: 1.6rem 0 1.2rem;
}


.m-banner-wrap .banner-ft .countdown-text {
    padding-bottom: 0.5rem;
    font-size: 0.32rem;
    line-height: 0.58rem;
    color: #ffffff;
}

.m-banner-wrap .banner-ft .countdown-text span+span {
    margin-left: .3rem;
}


.m-banner-wrap .countdown-date {
    display: flex;
    align-items: center;
    justify-content: center;
}

.m-banner-wrap .countdown-date .item-time {
    display: flex;
    align-items: center;
}

.m-banner-wrap .countdown-date .u-card {
    display: flex;
}

.m-banner-wrap .countdown-date .item-day {
    margin-right: .41rem;
}

.m-banner-wrap .countdown-date .u-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.59rem;
    height: 0.84rem;
    background-image: url(../../../img/en/index/bg-date.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 99% 99%;
    font-size: .77rem;
    font-family: 'countdown';
    margin: 0 0.045rem;
}

.m-banner-wrap .countdown-date .item-day .u-num i {
    background-image: linear-gradient(0deg, #19f7ff 40%, #e0ff80 70%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #19f7ff;
}

.m-banner-wrap .countdown-date .item-time .u-num i {
    background-image: linear-gradient(0deg, #19f7ff 40%, #8df3ff 70%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #19f7ff;
}

.m-banner-wrap .countdown-date .u-point {
    height: 1.22rem;
    margin: 0 0.09rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: .3rem;
}

.m-banner-wrap .countdown-date .u-point i {
    display: block;
    width: 0.07rem;
    height: 0.07rem;
    border-radius: 50%;
    background-image: linear-gradient(90deg, #99ffff 0%, #3399ff 100%), linear-gradient(#3399ff, #3399ff);
    background-blend-mode: normal, normal;
    margin-bottom: .11rem;
}

.m-banner-wrap .countdown-date .u-unit {
    font-size: .22rem;
    color: rgba(255, 255, 255, .8);
    height: .38rem;
    line-height: .38rem;
}


/* ==================== 分割线 =========================== */
.m-enter-wrap {
    position: relative;
    padding: 0.6rem 0.25rem 0 .25rem;
    background: url(../../../img/en/index/20240704-08.png) repeat-y center top;
}

.m-enter-wrap .enter-con {
    position: relative;
}

.m-enter-wrap .enter-con .enter-card {
    position: relative;
    width: 100%;
    height: 4.3rem;
    background-color: #ffffff;
    padding: .35rem 0 0 0;
    box-shadow: 0 0.04rem 0.12rem 0 rgba(119, 136, 157, 0.4);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center 3.4rem;
    cursor: pointer;
    overflow: hidden;
}

.m-enter-wrap .enter-con .enter-card+.enter-card {
    margin-top: .22rem;
}

.m-enter-wrap .enter-card .u-tit {
    margin-bottom: .15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .36rem;
    font-weight: 600;
    line-height: .4rem;
    color: #1d1d1d;
    text-align: center;
}

.m-enter-wrap .enter-card .u-more {
    padding: 0 .15rem;
    margin-left: .3rem;
    font-size: .22rem;
    color: #004098;
    font-weight: normal;
    line-height: .4rem;
    border: solid 1px #004098;
    border-radius: .5rem;
}

.m-enter-wrap .enter-card .u-more .ciiefont {
    margin-left: .1rem;
}

.m-enter-wrap .enter-card .u-sub-tit {
    padding: .1rem 0 0 0;
    min-height: .48rem;
}

.m-enter-wrap .enter-card .u-sub-tit,
.m-enter-wrap .enter-card .u-sub-tit a {
    font-size: .24rem;
    color: #004098;
    text-align: center;
}

.m-enter-wrap .enter-card .u-sub-tit i {
    margin: 0 .2rem;
}

.m-enter-wrap .enter-card .text-group {
    font-size: .20rem;
    line-height: .32rem;
    color: #333333;
    padding: 0 0 0 .3rem;
    min-height: .64rem;
}

.m-enter-wrap .enter-card .text-group .u-txt {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.m-enter-wrap .enter-card .btn-group {
    display: flex;
    justify-content: center;
    font-size: .24rem;
    color: #004098;
    margin-top: .2rem;
    padding: 0 .15rem;
}

.m-enter-wrap .btn-group .u-btn {
    height: .6rem;
    border-radius: .3rem;
    border: solid 1px #004098;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    padding: 0 .3rem;
    color: #004098;
    font-size: .24rem;
    width: 2.4rem;
}

.m-enter-wrap .enter-card:nth-child(2) .btn-group .u-btn {
    width: 50%;
    padding: 0 .2rem;
}

.m-enter-wrap .btn-group .u-btn+.u-btn {
    margin-left: 0.1rem;
}

.m-enter-wrap .btn-group .u-r {
    margin-left: 0.01rem;
}

.m-enter-wrap .btn-group .u-icon {
    margin-right: 0.01rem;
    font-size: .33rem;
}

.m-enter-wrap .enter-card.u-bg_1 {
    background-image: url(../../../img/en/index/bg-enter_1.png);
}

.m-enter-wrap .enter-card.u-bg_2 {
    background-image: url(../../../img/en/index/bg-enter_2.png);
    height: 6.2rem;
    background-position-y: 5rem;
}

.m-enter-wrap .enter-card.u-bg_3 {
    background-image: url(../../../img/en/index/bg-enter_3.png);
}

.m-enter-wrap .enter-card.u-bg_4 {
    background-image: url(../../../img/en/index/bg-enter_4.png);
}

.m-enter-wrap .enter-card .btn-group .u-btn:hover {
    background-color: #004098;
    color: #FFFFFF;
}

.m-enter-wrap .enter-card .u-e-ciie-box {
    margin-top: .44rem;
    padding-top: .28rem;
    height: 1.8rem;
    background: #E8F0F7;
}

.m-enter-wrap .enter-card .u-e-ciie-box .p1 {
    font-weight: bold;
    font-size: 0.3rem;
    color: #004098;
    line-height: 0.48rem;
    text-align: center;
}

.m-enter-wrap .enter-card .u-e-ciie-box .u-link-box {
    margin-top: .2rem;
    display: flex;
    justify-content: center;
}

.m-enter-wrap .enter-card .u-e-ciie-box .u-link-box>a {
    padding: 0 24px;
    font-weight: 400;
    font-size: 0.24rem;
    color: #004098;
    line-height: 0.24rem;
    color: rgba(0, 64, 152, 1);
    border-left: 1px solid rgb(182, 208, 244);
}

.m-enter-wrap .enter-card .u-e-ciie-box .u-link-box>a:first-child {
    border-left: none;
}



/* ==================== 分割线 =========================== */

.m-entry-module-wrap {
    padding: .6rem .25rem;
    background: url(../../../img/en/index/20240704-08.png) repeat-y center top;
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap {
    margin: 0 0 .6rem 0;
    display: flex;
    justify-content: space-around;
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap li {
    position: relative;
    flex: 1 1 0;
    height: 100%;
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap li:nth-child(2) {
    margin: 0 0.14rem;
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap li>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap .u-icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.2rem;
    height: 1.2rem;
    background: #66CEA3;
    border-radius: 0.6rem;
    transition: .3s;
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap .u-bgc-1 .u-icon-box {
    background-color: rgba(255, 195, 90, 1);
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap .u-bgc-2 .u-icon-box {
    background-color: rgba(255, 96, 85, 1);
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap .u-bgc-3 .u-icon-box {
    background-color: rgba(102, 206, 163, 1);
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap .u-icon-box .ciiefont {
    font-size: .54rem;
    color: #fff;
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap .u-tt {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .24rem;
    margin-top: .3rem;
    height: 0.7rem;
    font-size: 0.24rem;
    line-height: 0.26rem;
    border-radius: 0.35rem;
    transition: .3s;
    text-align: center;
    width: 100%;
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap .u-bgc-1 .u-tt {
    background-color: rgba(255, 234, 184, 1);
    color: rgba(203, 129, 0, 1);
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap .u-bgc-2 .u-tt {
    background-color: rgba(255, 233, 224, 1);
    color: rgba(192, 82, 44, 1);
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap .u-bgc-3 .u-tt {
    background-color: rgba(223, 247, 231, 1);
    color: rgb(24, 135, 75);
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap li.u-bgc-1:hover .u-icon-box,
.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap li.u-bgc-1.z-crt .u-icon-box {
    background-image: radial-gradient(circle, #fff 30%, rgba(255, 185, 94, .6));
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap li.u-bgc-2:hover .u-icon-box,
.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap li.u-bgc-2.z-crt .u-icon-box {
    background-image: radial-gradient(circle, #fff 30%, rgba(246, 178, 165, .6));
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap li.u-bgc-3:hover .u-icon-box,
.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap li.u-bgc-4.z-crt .u-icon-box {
    background-image: radial-gradient(circle, #fff 30%, rgba(141, 212, 183, .6));
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap li.u-bgc-1:hover .ciiefont {
    color: rgb(255, 185, 94);
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap li.u-bgc-2:hover .ciiefont {
    color: rgb(246, 178, 165);
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-link-wrap li.u-bgc-3:hover .ciiefont {
    color: rgb(141, 212, 183);
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-rss-box {
    display: flex;
    justify-content: space-between;
    padding-top: .6rem;
    border-top: 1px solid #DCE1E9;
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-rss-box .u-txt .p1 {
    font-size: 0.24rem;
    color: #000000;
    line-height: 0.3rem;
}

.m-entry-module-wrap .u-entry-rss-wrap .u-entry-rss-box .ciiefont {
    margin-right: .1rem;
    font-size: .36rem;
    color: #004098;
}

.m-entry-module-wrap .u-entry-rss-wrap .u-sub-code-box {
    position: relative;
    cursor: pointer;
}

.m-entry-module-wrap .u-entry-rss-wrap .u-sub-code-box .u-qr-code {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: -2rem;
    left: 0;
    background: rgb(255, 255, 255);
    border-radius: .1rem;
    width: 2rem;
    height: 2rem;
    transition: all 0.5s;
    box-shadow: 0 0 .2rem .05rem rgba(218, 219, 222, 1);
    z-index: 10;
}

.m-entry-module-wrap .u-entry-rss-wrap .u-sub-code-box .u-qr-code img {
    max-width: 100%;
    max-height: 100%;
}

.m-entry-module-wrap .u-entry-rss-wrap .u-sub-code-box:hover .u-qr-code {
    visibility: visible;
    opacity: 1;
}

.m-notice-box .u-notice-icon .u-txt {
    font-size: 0.22rem;
}

.m-new-box {
    padding-top: 0.28rem;
}

.m-new-box .u-img-txt-box .u-txt {
    padding: 0 0.3rem;
}

.m-notice-box .u-notice-box a {
    color: #000000;
}

.m-new-box .u-img-txt-box .u-tt {
    font-weight: 600;
    font-size: 0.32rem;
    line-height: 0.4rem;
}

.m-four-leaf-clover-box .bd .u-tt {
    font-size: .3rem;
}

/*****展中版*******/
.u-under-way-box {
    height: 2.4rem;
    background: url(../../../img/en/index/20241024-01.png) no-repeat 0 0/ 100% 2.4rem;
}

.u-under-way-box .u-bg-number {
    top: auto;
    bottom: .26rem;
    right: 3.2rem;
}

/* 新版 Latest News、CIIE Stories */
.m-news-box1 {
    margin-bottom: 0.2rem;
}

.u-news-swiper-box .u-news-swiper {
    position: relative;
    min-width: 10px;
    height: 3.9rem;
}

.u-news-swiper-box .u-news-swiper .swiper-container {
    width: 100%;
    height: 100%;
}

.u-news-swiper-box .u-news-swiper .swiper-slide .u-link-item {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.u-news-swiper-box .u-news-swiper .swiper-slide .u-link-item::after {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    content: '';
    width: 100%;
    height: 1.5rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, .35) 35%, rgba(0, 0, 0, 0) 100%);
    z-index: 5;
}

.u-news-swiper-box .u-news-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.u-news-swiper-box .u-news-swiper .swiper-slide .u-tt {
    position: absolute;
    bottom: .5rem;
    left: 0;
    width: 100%;
    max-height: 6rem;
    line-height: .3rem;
    padding: 0 5px;
    font-size: .24rem;
    color: #ffffff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    z-index: 50;
}

.u-news-swiper-box .swiper-pagination {
    bottom: .16rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.u-news-swiper-box .u-news-swiper .swiper-pagination-bullet {
    margin: 0 .05rem;
    width: .1rem;
    height: .1rem;
    background-color: #fff;
    opacity: .4;
    border-radius: 50%;
}

.u-news-swiper-box .u-news-swiper .swiper-pagination-bullet-active {
    width: .16rem;
    height: .16rem;
    opacity: 1;
}

.u-news-swiper-box .u-news-swiper .u-title-box {
    position: absolute;
    left: 5px;
    bottom: 1.25rem;
    padding-left: .2rem;
    padding-right: .6rem;
    line-height: .4rem;
    font-size: 0.24rem;
    color: #fff;
    font-weight: 600;
    z-index: 2;
    background: url(../../../img/en/index/bg-title.png) no-repeat left bottom;
    background-size: 100% .22rem;
}

.u-news-swiper-box .u-swiper-num {
    position: absolute;
    right: .4rem;
    bottom: .05rem;
    font-size: 0.26rem;
    font-style: italic;
    color: rgb(255, 255, 255, .5);
    z-index: 2;
}

.u-news-swiper-box .u-swiper-num .active {
    font-size: .4rem;
    color: #fff;
}

.u-news-swiper-box .u-swiper-num .line {
    display: inline-block;
}

.u-news-swiper-box .u-swiper-num .rotateIn {
    animation-timing-function: linear;
    animation-duration: 400ms;
}

/* 话进博 */
/* .m-talk-box {
    display: grid;
    flex-wrap: wrap;
    padding: .7rem .25rem .25rem;
}

.m-talk-box .u-talk-box {
    margin-bottom: .8rem;
    width: 100%;
}

.m-talk-box .u-talk-box .u-talk-ttl {
    padding: .3rem;
}

.m-talk-box .u-talk-box:nth-child(1) .u-talk-ttl {
    background-color: rgba(255, 73, 51, 1);
}

.m-talk-box .u-talk-box:nth-child(2) .u-talk-ttl {
    background-color: rgba(102, 206, 163, 1);
}

.m-talk-box .u-talk-box:nth-child(3) .u-talk-ttl {
    background-color: rgba(0, 105, 212, 1);
}

.m-talk-box .u-talk-box:nth-child(4) .u-talk-ttl {
    background-color: rgba(255, 156, 84, 1);
}

.m-talk-box .u-talk-ttl .name {
    display: block;
    margin-bottom: 0.1rem;
    font-size: 0.24rem;
    font-weight: 600;
    color: #fff;
}

.m-talk-box .u-talk-ttl .desc {
    display: block;
    margin-bottom: 0.1rem;
    line-height: 0.36rem;
    font-size: 0.24rem;
    color: #fff;
}

.m-talk-box .u-talk-cont {
    position: relative;
    overflow: hidden;
}

.m-talk-box .u-talk-cont img {
    width: 100%;
    height: auto;
}

.m-talk-box .u-talk-cont .u-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.m-talk-box .u-talk-cont .u-mask.slideOutUp {
    animation-fill-mode: forwards;
} */

/* 外商话进博 */
.m-foreign-business {
    padding: .7rem .25rem 0;
}

.m-foreign-business .ciie-card {
    margin-bottom: .8rem;
    width: 100%;
}

.m-foreign-business .ciie-card .u-txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .2rem 0;
    height: 0.7rem;
}

.m-foreign-business .ciie-card .u-column-tt {
    display: block;
    font-size: .34rem;
    font-weight: 600;
    line-height: .4rem;
    color: #fffc00;
    transition: all .3s;
}

.m-foreign-business .ciie-card .u-txt:hover .u-column-tt {
    font-size: .36rem;
}

.m-foreign-business .ciie-card .u-txt .u-more {
    width: .15rem;
    height: .17rem;
    background: url(../../../img/en/index/20250806-01.png) no-repeat center;
}

.m-foreign-business .ciie-card:nth-child(1) .u-txt,
.m-foreign-business .ciie-card:nth-child(1) .card-img .title {
    background-color: rgba(255, 73, 51, 1);
}

.m-foreign-business .ciie-card:nth-child(2) .u-txt,
.m-foreign-business .ciie-card:nth-child(2) .card-img .title {
    background-color: rgba(102, 206, 163, 1);
}

.m-foreign-business .ciie-card:nth-child(3) .u-txt,
.m-foreign-business .ciie-card:nth-child(3) .card-img .title {
    background-color: rgba(0, 105, 212, 1);
}

.m-foreign-business .ciie-card:nth-child(4) .u-txt,
.m-foreign-business .ciie-card:nth-child(4) .card-img .title {
    background-color: rgba(255, 156, 84, 1);
}


.m-foreign-business .ciie-card .card-img {
    position: relative;
    height: 5.3rem;
    overflow: hidden;
}

.m-foreign-business .ciie-card .card-img img {
    object-fit: cover;
    display: block;
    width: 100%;
    height: 4.38rem;
}

.m-foreign-business .card-img .swiper-slide .title {
    display: block;
    padding: .05rem .15rem 0 .2rem;
    height: .93rem;
}

.m-foreign-business .card-img .swiper-slide .title p {
    line-height: .34rem;
    font-size: .28rem;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .3s;
}

.m-foreign-business .card-img .swiper-slide .title:hover p {
    text-decoration: underline;
}

.m-foreign-business .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: .2rem;
}

.m-foreign-business .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.m-foreign-business .swiper-container-horizontal .swiper-pagination-bullet {
    margin: 0 .05rem;
    width: .1rem;
    height: .1rem;
    border-radius: 100%;
    background: #FFFFFF;
    opacity: .6;
}

.m-foreign-business .swiper-container-horizontal .swiper-pagination-bullet-active {
    opacity: 1;
    width: .15rem;
    height: .15rem;
}