/* 全局 */
body {
    overflow-x: hidden;
}

/* 手机端导航 */
.mbheader {
    width: 100%;
    display: none;
    height: 0.6rem;
    background: #005EAC;
    z-index: 1000;
    box-shadow: 0 0 0.05rem 0.05rem rgb(0 0 0 / 5%);
}

.mbheader .header-con {
    width: 94%;
    margin: 0 auto;
    height: 0.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mbheader .header-con h1 a {
    display: inline-block;
}

.mbheader .header-con .logo {
    width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 0.2rem;
}

.mbheader .header-con .logo a {
    width: 100%;
    display: inline-block;
}

.mbheader .header-con .logo img {
    width: 100%;
    max-height: 0.45rem;
    height: 0.4rem;
}

.sp_header {
    height: 0.5rem;
    background: #fff;
    position: fixed;
    z-index: 10;
    width: 100%;
}

.sp_logo {
    padding: 0.1rem;
    float: left;
    height: 0.5rem;
    width: 70%;
}

.sp_logo img {
    margin: auto;
    width: 100%;
    height: 100%;
}

.sp_nav {
    width: 0.3rem;
    position: relative;
    cursor: pointer;
    height: 0.3rem;
    margin-top: 0.1rem;
    flex: none;
    margin-right: 10px;
}

.sp_nav span {
    display: block;
    background: #FFFFFF;
    width: 0.3rem;
    height: 0.02rem;
    position: absolute;
    transition: all ease 0.35s
}

.sp_nav span:nth-of-type(1) {
    top: 0
}

.sp_nav span:nth-of-type(2) {
    top: 0.1rem;
}

.sp_nav span:nth-of-type(3) {
    top: 0.2rem;
}

.sp_nav_se span:nth-of-type(1) {
    top: 0.1rem;
    transform: rotate(45deg)
}

.sp_nav_se span:nth-of-type(2) {
    width: 0
}

.sp_nav_se span:nth-of-type(3) {
    top: 0.1rem;
    transform: rotate(-45deg)
}

.sjj_nav {
    position: absolute;
    z-index: 9999;
    background: #eee;
    width: 100%;
    height: 100%;
    padding-bottom: 0.6rem;
    font-size: 0.14rem;
    line-height: 0.4rem;
    top: -1000%;
    left: 0;
    overflow: auto;
    overflow-x: hidden;
    transition: top ease 0.35s;
}


.sjj_nav>ul>li:first-child {
    overflow: hidden;
    border-top: 0
}

.sjj_nav>ul>li:first-child>a {
    float: left;
    width: calc(100% - 0.7rem)
}

.sjj_nav>ul>li:first-child .language {
    float: right;
    width: 0.7rem;
    overflow: hidden;
    line-height: 0.3rem;
    margin-top: 0.05rem;
}

.sjj_nav>ul>li:first-child .language a {
    width: 0.35rem;
    float: left;
    border-left: 0.01rem #ddd solid;
    text-align: center;
    color: #999;
}

.sjj_nav ul li i {
    position: absolute;
    top: 0.05rem;
    right: 0;
    border-left: 0.01rem #ddd solid;
    height: 0.3rem;
    padding: 0 0.07rem 0 0.07rem;
}

.sjj_nav ul li i svg {
    transform: rotate(-90deg);
    transition: all ease 0.35s
}

.sjj_nav ul li .sjj_nav_i_se svg {
    transform: rotate(0deg)
}

.sjj_nav ul li {
    border-top: 0.01rem #ddd solid;
    margin-left: 0.2rem;
    position: relative;
    line-height: 0.4rem;
    font-size: 14px;
}

.sjj_nav>ul>li:last-child {
    border-bottom: 0.01rem #ddd solid;
}

.sjj_nav ul li ul {
    display: none
}

.sjj_nav ul li a {
    color: #666;
}

.sjj_nav ul li ul li a {
    color: #999;
    display: block;
    text-align: left;
}

.sjj_nav ul li i svg {
    width: 0.2rem;
    height: 0.2rem;
    fill: #555;
}

.sjj_nav ul li .sjj_nav_i_se svg {
    fill: #00509F
}

.sjj_nav ul li ul li>ul {
    margin-left: 0.1rem;
}

.pb_sys_style1 .p_no_d {
    border: 0.01rem solid #0B6CB8 !important;
    background-color: #0B6CB8 !important;
}

.header-banner {
    position: relative;
}

.welcome {
    background: #2863B1;
    width: 100%;
    height: 0.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.4rem;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

.welcome .network,
.welcome .network a {
    color: #FFFFFF;
}

.welcome .hotline-search {
    display: flex;
    align-items: center;
}

.welcome .hotline-search .hotline {
    font-weight: bold;
    color: #FFFFFF;
}

.welcome .search {
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #FFFFFF;
    position: relative;
    margin-left: 0.2rem;
}

.welcome .search img {
    width: 0.14rem;
    height: 0.14rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.header-banner {
    position: relative;
}

header {
    padding: 0 0.4rem;
    box-sizing: border-box;
    position: fixed;
    z-index: 99;
    width: 100%;
    padding-top: 0.25rem;
    top: 0.4rem;
    transition: padding 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
}

header .navlogo {
    display: flex;
    align-items: center;
}

header .logo {
    width: 2.3rem;
    flex-shrink: 0;
    margin: 0 1.3rem;
    z-index: 9;
}

header .logo .logo-blue {
    display: none;
}

header .logo img {
    width: 100%;
    height: 100%;
}

header .yinying {
    width: 100%;
    height: 1.95rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0) 99%);
    position: absolute;
    left: 0;
    top: 0;
}


/* 处理内页header */
.nyhead {
    background: #FFFFFF;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.11);
    padding: 0.25rem 0.4rem 0.3rem;
    box-sizing: border-box;
}

.nyhead .yinying {
    display: none;
}

.nyhead .navigation ul li .navname {
    color: #1A1A1A;
}

.nyhead .logo .logo-white {
    display: none;
}

header.nyhead .logo .logo-blue {
    display: block;
}

/* 处理首页页面下滑功能 */

.header_active {
    background: #FFFFFF;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.11);
    padding: 0.25rem 0.4rem 0.3rem;
    box-sizing: border-box;
}

.header_active .yinying {
    display: none;
}

.header_active .navigation ul li .navname {
    color: #1A1A1A;
}

.header_active .navigation ul .nli.on {
    border-bottom: 0.03rem solid #2863B1;
}

.header_active .navigation ul .nli.on .navname {
    color: #2863B1;
}

.header_active .navigation ul .nli::before {
    border-bottom: 0.03rem solid #2863B1;
}



.header_active .logo .logo-white {
    display: none;
}

.header_active .logo .logo-blue {
    display: block;
}












.navigation {
    flex: 1;
    position: relative;
    z-index: 99;
}

.navigation ul li .navname {
    text-align: center;
    font-size: 0.19rem;
    font-weight: bold;
    color: #FFFFFF;
}


.navigation ul li .english {
    font-size: 0.12rem;
    line-height: 0.28rem;
    color: #FFFFFF;
    text-align: center;
}

.navigation ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navigation ul .nli {
    position: relative;
    white-space: nowrap;
    padding: 0.2rem 0 0.1rem 0;
    box-sizing: border-box;
    border-top: 1px solid transparent;
}

.navigation ul .nli.on {
    border-bottom: 0.03rem solid #FFFFFF;
}

.navigation ul .nli::before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -0.02rem;
    transform: translateX(-50%);
    border-bottom: 0.03rem solid #FFFFFF;
    transition: all 0.5s ease-in-out;
}

.navigation ul .nli:hover::before {
    width: 100%;
}

.navigation ul .nli h3 {
    display: inline-block;
}

.navigation ul li a {
    font-size: 0.21rem;
    font-weight: bold;
    color: #FFFFFF;
}

.navigation .drivder {
    width: 100%;
    height: 1px;
    background: rgba(187, 60, 60, 0.14);
    position: absolute;
    bottom: -0.02rem;
    left: 0;
}

.navigation ul .nli.on h3 a {
    color: #FFFFFF;
    font-weight: bold;
}

.navigation ul .sub {
    position: absolute;
    width: auto;
    min-width: 1.4rem;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(180deg, #eaf1ff 0%, #fff1f3 84%);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    top: 0.9rem;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 999;
    padding: 0.1rem 0.1rem;
}

.navigation ul .sub .sanjiao {
    width: 0.37rem;
    height: 0.24rem;
    margin-top: -0.25rem;
}

.navigation ul .sub .sanjiao img {
    width: 100%;
    height: 100%;
}


.navigation ul .nli:hover .sub {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease-in-out;
}



.navigation ul .sub li {
    width: 100%;
    line-height: 0.25rem;
    text-align: center;
    padding: 0.06rem 0;
}


.navigation ul .sub li a {
    font-weight: 400;
    font-size: 0.16rem;
    color: #6F6F6F;
}

.navigation ul .sub li:hover a {
    font-weight: bold;
    border-bottom: 0.02rem solid #2863B1;
    padding-bottom: 0.08rem;
    color: #2863B1;
}

.banlist {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 0.4rem;
}


.banlist .ban {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.5rem;
    z-index: 9;
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50% 50%;
    border: 1px solid #D8D8D8;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
}


.banlist .ban img {
    width: 35%;
    height: 50%;
    position: absolute;
    left: 50%;
    top: 0.12rem;
    transform: translateX(-50%);
    animation: downico 1.5s ease-out infinite;
}

@keyframes downico {
    0% {
        top: 0;
        opacity: 1;
    }

    35% {
        top: 50%;
        opacity: 0;
    }

    65% {
        top: -50%;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

.banlist .swiper-slide a {
    width: 100%;
}

.banlist .swiper-slide img {
    width: 100%;
}

.banner1 {
    padding: 0;
    position: relative;
    z-index: auto;
    overflow: hidden;
    width: 100%;
}

.banlist .swiper-left,
.banlist .swiper-right {
    width: 0.39rem;
    height: 0.48rem;
    background: rgba(40, 99, 177, 0.6);
    backdrop-filter: blur(10px);
    position: absolute;
    z-index: 9;
    margin: 0;
    cursor: pointer;
}

.banlist .swiper-left:hover,
.banlist .swiper-right:hover {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
}

.banlist .swiper-right {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.banlist .swiper-left {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


.banlist .swiper-left .img,
.banlist .swiper-right .img {
    position: absolute;
    width: 0.08rem;
    height: 0.16rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banlist .swiper-left .img img {
    width: 100%;
    height: 100%;
    position: absolute;
}

.banlist .swiper-right .img img {
    width: 100%;
    height: 100%;
    position: absolute;
}

.banner1 ul li {
    width: 100%;
    overflow: hidden;
}

.banlist {
    position: relative;
}

/* ✅ 关键：强制提升层级 + 明确参照 */
.banlist .swiper-btn {
    position: absolute;
    right: 1.1rem;
    /* transform: translateX(-50%); */
    bottom: 0.73rem;
    width: auto;
    height: 0.27rem;
    z-index: 999;

    /* ✅ 防止被 Swiper 接管 */
    margin: 0;
    padding: 0;
    text-align: center;

    /* ✅ 兼容模式保命 */
    /* -ms-transform: translateX(-50%); */
}

.banlist .swiper-pagination {
    width: auto;
    border-radius: 10000rem;
    opacity: 1;
    padding: 0.06rem 0.10rem;
    white-space: nowrap;
    /* 防止换行 */
    font-size: 0;
    position: relative;
    z-index: 999;
}

.banlist .swiper-pagination-bullet {
    border: 1px solid rgba(37, 99, 174, 0.3);
    width: 0.11rem;
    height: 0.11rem;
    background: rgba(255, 255, 255, 0.3);
    opacity: 1;
    margin: 0 0.05rem;
}

.banlist .swiper-pagination-bullet-active {
    background: #FFFFFF;
    border: 1px solid #2863B1;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

/* ============================================================
 * banlist 右下角介绍块：仿 szu.edu.cn 首页 .ani
 * .ani 容器 543×541，3 张卡片 L 型分布在三个角落，
 * 当前激活的卡片展开为 400×400 大卡（显示标题+8条光线），
 * 另外两张缩成 140×140 小方块（只显示编号）。
 * Swiper 切换时通过 .banlist.s1/.s2/.s3 类切换 active 态。
 * ============================================================ */

/* .ani 容器：右下角悬浮（与参考站 right:100 bottom:100 对应） */
.banlist .ani {
    position: absolute;
    right: 1.0rem;
    bottom: 0.45rem;
    width: 3.15rem;
    height: 2.77rem;
    z-index: 9;
}

/* 每个 .ani-0 默认 140×140 错位叠放（过渡态，JS 加 .s1/.s2/.s3 后切换到 L 型布局） */
.banlist .ani-0 {
    position: absolute;
    width: 0.77rem;
    height: 0.77rem;
    color: #fff;
    box-sizing: border-box;
    /* 让 padding 算到 width/height 内，避免激活大卡时实际尺寸膨胀 */
    transition: width .5s ease-in-out,
        height .5s ease-in-out,
        left .5s ease-in-out,
        right .5s ease-in-out,
        top .5s ease-in-out,
        bottom .5s ease-in-out,
        padding .5s ease-in-out,
        background-color .5s ease-in-out,
        z-index 0s linear .25s;
    cursor: pointer;
}

/* 默认三色（紫红 / 浅灰 / 金）—— 与参考站背景完全一致 */
.banlist .ani-01 {
    left: 1.80rem;
    top: 2.71rem;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    z-index: 3;
}

.banlist .ani-02 {
    left: 3.20rem;
    top: 1.41rem;
    background: rgba(37, 99, 174, 0.7);
    backdrop-filter: blur(10px);
    z-index: 2;
}

.banlist .ani-03 {
    left: 4.03rem;
    top: 2.71rem;
    background: rgba(230, 2, 19, 0.45);
    backdrop-filter: blur(10px);
    z-index: 1;
}

/* 默认：标题隐藏 */
.banlist .ani-0 h3 {
    display: none;
}

/* 默认：p 序号 26px 居中（line-height = 140 让数字垂直居中） */
.banlist .ani-0 p {
    position: absolute;
    left: 0;
    top: -0.35rem;
    width: 100%;
    height: 100%;
    line-height: 1.4rem;
    text-align: center;
    font-size: 0.26rem;
    color: #fff;
    margin: 0;
}

.banlist .ani-01 p {
    color: #2563AE;
}

/* 默认：8 条光芒容器隐藏（小方块态不显示光芒） */
.banlist .ani-0 .btn {
    display: none;
}

/* ============================================================
 * s1 激活态：ani-01 大卡（占左下）+ ani-02 右上 + ani-03 右中下
 * 大卡 top:2.71rem = 容器高 5.41 - 大卡高 2 - 底部边距 0.7
 * ============================================================ */
.banlist.s1 .ani-01 {
    left: auto;
    right: 0;
    top: 0.77rem;
    bottom: auto;
    width: 2.4rem;
    height: 2rem;
    padding: 0.22rem 0.23rem 0.47rem;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    z-index: 5;
    transition: width .5s ease-in-out,
        height .5s ease-in-out,
        left .5s ease-in-out,
        top .5s ease-in-out,
        padding .5s ease-in-out,
        background-color .5s ease-in-out,
        z-index 0s linear 0s;
}

.banlist.s1 .ani-02 {
    left: 0.75rem;
    /* right: 0.75rem; */
    top: 0;
    bottom: auto;
    background: rgba(37, 99, 174, 0.7);
    backdrop-filter: blur(10px);
    z-index: 4;
}

.banlist.s1 .ani-03 {
    left: 0;
    /* right: 0; */
    top: 0.77rem;
    bottom: auto;
    background: rgba(230, 2, 19, 0.45);
    backdrop-filter: blur(10px);
    z-index: 4;
}

/* ============================================================
 * s2 激活态：ani-01 左上 + ani-02 大卡（居中下）+ ani-03 右上
 * 大卡 left:1.515rem = (容器宽 5.43 - 大卡宽 2.4) / 2，让大卡水平居中
 * ============================================================ */
.banlist.s2 .ani-01 {
    left: 0;
    right: auto;
    top: 0.71rem;
    bottom: auto;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    z-index: 4;
}

.banlist.s2 .ani-02 {
    left: 0.75rem;
    right: auto;
    top: 0.71rem;
    bottom: auto;
    width: 2.4rem;
    height: 2rem;
    padding: 0.22rem 0.23rem 0.47rem;
    background: rgba(37, 99, 174, 0.7);
    backdrop-filter: blur(10px);
    z-index: 5;
    transition: width .5s ease-in-out,
        height .5s ease-in-out,
        left .5s ease-in-out,
        top .5s ease-in-out,
        padding .5s ease-in-out,
        background-color .5s ease-in-out,
        z-index 0s linear 0s;
}

.banlist.s2 .ani-03 {
    left: 0.75rem;
    right: auto;
    top: 0;
    bottom: auto;
    background: rgba(230, 2, 19, 0.45);
    backdrop-filter: blur(10px);
    z-index: 4;
}

/* ============================================================
 * s3 激活态：ani-01 左上 + ani-02 左中下 + ani-03 大卡（右下）
 * 大卡 right:0 让大卡贴右边缘，top:2.71rem 贴底
 * ============================================================ */
.banlist.s3 .ani-01 {
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    z-index: 4;
}

.banlist.s3 .ani-02 {
    left: 0;
    right: auto;
    top: 0.77rem;
    bottom: auto;
    background: rgba(37, 99, 174, 0.7);
    backdrop-filter: blur(10px);
    z-index: 4;
}

.banlist.s3 .ani-03 {
    left: auto;
    right: -0.02rem;
    top: 0.77rem;
    bottom: auto;
    width: 2.4rem;
    height: 2rem;
    padding: 0.22rem 0.23rem 0.47rem;
    background: rgba(230, 2, 19, 0.45);
    backdrop-filter: blur(10px);
    z-index: 5;
    transition: width .5s ease-in-out,
        height .5s ease-in-out,
        right .5s ease-in-out,
        top .5s ease-in-out,
        padding .5s ease-in-out,
        background-color .5s ease-in-out,
        z-index 0s linear 0s;
}

.banlist.s1 .ani-01 h3,
.banlist.s2 .ani-02 h3,
.banlist.s3 .ani-03 h3 {
    display: block;
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
    margin: 0 0 0.2rem;
    opacity: 0;
    animation: aniFadeUp 2s ease-out .15s both;
}

.banlist.s1 .ani-01 h3 a {
    color: #2563AE;
    font-weight: bold;
}

.banlist.s2 .ani-02 h3 a,
.banlist.s3 .ani-03 h3 a {
    color: #fff;
    text-decoration: none;
    line-height: 0.28rem;
    font-weight: bold;

}

.banlist.s1 .ani-01 p,
.banlist.s2 .ani-02 p,
.banlist.s3 .ani-03 p {
    font-size: 0.5rem;
    line-height: 1;
    text-align: left;
    left: -0.3rem;
    top: auto;
    bottom: 0.2rem;
    width: auto;
    height: auto;
}

.banlist .ani-0 .btn li {
    position: absolute;
    width: 0.23rem;
    height: 0.01rem;
    background-color: #bd326d;
    overflow: hidden;
}

.banlist .ani-0 .btn li span {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
}

.banlist .ani-0 .btn .l1 {
    top: 0.22rem;
    left: 0.38rem;
    transform: rotate(0deg);
}

.banlist .ani-0 .btn .l2 {
    top: 0.30rem;
    left: 0.57rem;
    transform: rotate(45deg);
}

.banlist .ani-0 .btn .l3 {
    top: 0.50rem;
    left: 0.65rem;
    transform: rotate(90deg);
}

.banlist .ani-0 .btn .l4 {
    top: 0.69rem;
    left: 0.57rem;
    transform: rotate(135deg);
}

.banlist .ani-0 .btn .l5 {
    top: 0.77rem;
    left: 0.38rem;
    transform: rotate(180deg);
}

.banlist .ani-0 .btn .l6 {
    top: 0.69rem;
    left: 0.19rem;
    transform: rotate(-135deg);
}

.banlist .ani-0 .btn .l7 {
    top: 0.50rem;
    left: 0.11rem;
    transform: rotate(-90deg);
}

.banlist .ani-0 .btn .l8 {
    top: 0.30rem;
    left: 0.19rem;
    transform: rotate(-45deg);
}

/* 激活大卡 .wp1.on 上 8 条光线依次伸长（每个 0.625s，间隔 0.625s） */
.banlist .ani-0 .wp1.on .l1 span {
    animation: aniRay .625s linear both;
}

.banlist .ani-0 .wp1.on .l2 span {
    animation: aniRay .625s linear .625s both;
}

.banlist .ani-0 .wp1.on .l3 span {
    animation: aniRay .625s linear 1.25s both;
}

.banlist .ani-0 .wp1.on .l4 span {
    animation: aniRay .625s linear 1.875s both;
}

.banlist .ani-0 .wp1.on .l5 span {
    animation: aniRay .625s linear 2.5s both;
}

.banlist .ani-0 .wp1.on .l6 span {
    animation: aniRay .625s linear 3.125s both;
}

.banlist .ani-0 .wp1.on .l7 span {
    animation: aniRay .625s linear 3.75s both;
}

.banlist .ani-0 .wp1.on .l8 span {
    animation: aniRay .625s linear 4.375s both;
}

/* ============================================================
 * 关键帧动画：标题从下方淡入 + 8 条白光依次伸长
 * ============================================================ */
@keyframes aniRay {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

@keyframes aniFadeUp {
    0% {
        opacity: 0;
        transform: translateY(0.3rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


.bannerli {
    position: relative;
    padding: 0.8rem 0;
    overflow: hidden;
}

.bannerli .swiper-container {
    overflow: hidden;
}

.bannerli .swiper-slide .img {
    width: 100%;
    overflow: hidden;
}

.bannerli .swiper-slide .img img {
    width: 100%;
    transition: all 0.5s;
}

.bannerli .swiper-slide:hover .img img {
    transform: scale(1.1);
}

.bannerli .swiper-prev,
.bannerli .swiper-next {
    width: 0.34rem;
    height: 0.58rem;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.bannerli .swiper-next {
    right: 0;
}

.bannerli .swiper-prev img,
.bannerli .swiper-next img {
    width: 0.08rem;
    height: 0.16rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.gsjj {
    position: relative;
    padding: 1.4rem 0 0.95rem;
    background: url(../img/gsjj-bg.png) no-repeat center;
    background-size: cover;
}

.gsjjbox {
    width: 7.45rem;
}

.gsjjbox .title {
    font-size: 0.5rem;
    line-height: 0.8rem;
    color: #373737;
}

.gsjjbox .futitle {
    font-size: 0.33rem;
    line-height: 0.53rem;
    color: #373737;
    margin-top: 0.1rem;
}

.gsjjbox .futitle div:nth-child(2) {
    margin-left: 0.6rem;
}

.gsjjbox .futitle div:last-of-type {
    margin-left: 1.35rem;
}

.gsjjbox .disc {
    line-height: 0.38rem;
    color: #7C7C7C;
    text-align: justify;
    margin-top: 0.4rem;
}

.gsjjbox .showmore {
    border-radius: 100rem;
    background: #F3F3F3;
    display: inline-block;
    margin-top: 0.68rem;
}

.gsjjbox .showmore:hover {
    background: #E6F1FF;
}

.gsjjbox .showmore a {

    color: #9E9E9E;
    display: flex;
    align-items: center;
    padding: 0.1rem 0.22rem;
    box-sizing: border-box;
}

.gsjjbox .showmore:hover a {
    color: #2563AE;
    font-weight: bold;
}

.gsjjbox .showmore img {
    width: 0.19rem;
    height: 0.21rem;
}

.gsjj .gsjjdl {
    width: 9.65rem;
    height: 6.3rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

.gsjj .gsjjdl img {
    width: 100%;
    height: 100%;
}

.buttons {
    background: #F6F6F7;
}

.btnslink {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0;
}

.btnslink li .cycle {
    width: 0.95rem;
    height: 0.95rem;
    background: #FFFFFF;
    position: relative;
    border-radius: 50%;
}

.btnslink li:hover .cycle {
    background: #2863B1;
}

.btnslink li .cycle .img {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.btnslink li:hover .cycle .img {
    transform: translate(-50%, -50%) rotateY(360deg);
    transition: all 0.5s ease-in-out;
}

.btnslink li:hover:nth-child(1) .cycle .img {
    background: url(../img/qyln-icon-hover.png) no-repeat center;
    background-size: 100% 100%;
}

.btnslink li:hover:nth-child(2) .cycle .img {
    background: url(../img/hbry-icon-hover.png) no-repeat center;
    background-size: 100% 100%;
}

.btnslink li:hover:nth-child(3) .cycle .img {
    background: url(../img/ygfc-icon-hover.png) no-repeat center;
    background-size: 100% 100%;
}

.btnslink li:hover:nth-child(4) .cycle .img {
    background: url(../img/fgwl-icon-hover.png) no-repeat center;
    background-size: 100% 100%;
}

.btnslink li:hover:nth-child(5) .cycle .img {
    background: url(../img/ppfw-icon-hover.png) no-repeat center;
    background-size: 100% 100%;
}

.btnslink li .cycle .img img {
    width: 100%;
    height: 100%;
}

.btnslink li:hover .cycle .img img {
    display: none;
}

.btnslink li .text {
    line-height: 0.53rem;
    text-align: center;
    color: #2C2C2C;
    margin-top: 0.1rem;
}

.btnslink li:hover .text {
    color: #2863B1;
}

.zxzx {
    background: url(../img/zxzx-lb-bg.png) no-repeat center;
    background-size: cover;
    padding: 1.5rem 0 0;
}

.zxzxlist .swiper-container {
    padding-top: 0.28rem;
}

.zxzxlist .swiper-slide {
    justify-content: flex-start;
}

.zxzxlist .swiper-slide .img {
    width: 8.3rem;
    height: 4.65rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.zxzxlist .swiper-slide .img-time {
    position: relative;
}

.zxzxlist .swiper-slide .img img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.zxzxlist .swiper-slide:hover .img img {
    transform: scale(1.1);
}

.zxzxlist .swiper-slide .time {
    width: 0.95rem;
    height: 0.85rem;
    background: #E60219;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -0.3rem;
    right: -0.35rem;
    z-index: 9;
}

@supports (backdrop-filter: blur(0.1rem)) {
    .zxzxlist .swiper-slide .time {
        background: rgba(230, 2, 19, 0.5);
        backdrop-filter: blur(0.1rem);
    }
}

.zxzxlist .swiper-slide .time .day {
    font-size: 0.36rem;
    line-height: 0.25rem;
    text-align: center;
    color: #FFFFFF;
}

.zxzxlist .swiper-slide .time .year {
    line-height: 25px;
    color: #FFFFFF;
    margin-top: 0.05rem;
}

.zxzxlist .swiper-slide .text {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    width: 6.2rem;
    height: 4rem;
    padding: 0.45rem 0.5rem;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    bottom: -0.52rem;
    /* 高于 .img 的 z-index:1，保证内部 .time 角标压在图片上方（兼容模式必需） */
    z-index: 2;
}

.zxzxlist .swiper-slide .text .columnname {
    line-height: 30px;
    color: #2C2C2C;
    background: #F3F3F3;
    display: inline-block;
    padding: 0.04rem 0.28rem;
    box-sizing: border-box;
}

.zxzxlist .swiper-slide .text .title {
    line-height: 0.5rem;
    height: 1rem;
    text-align: justify;
    color: #2C2C2C;
    margin-top: 0.25rem;
}

.zxzxlist .swiper-slide:hover .text .title {
    color: #2863B1;
}

.zxzxlist .swiper-slide .text .disc {
    line-height: 0.3rem;
    text-align: justify;
    color: #7C7C7C;
    margin-top: 0.29rem;
}

/* 资讯中心数字分页：01 / 05 */
.zxzxlist .swiper-pagination {
    position: absolute;
    top: 0.45rem;
    right: 0;
    left: auto;
    bottom: auto;
    width: auto;
    z-index: 15;
    font-size: 0;
    line-height: 1;
    text-align: right;
}

.zxzxlist .swiper-pagination .current {
    font-size: 0.5rem;
    color: #9E9E9E;
    font-weight: 500;
    vertical-align: middle;
}

.zxzxlist .swiper-pagination .sep {
    font-size: 0.16rem;
    color: #999999;
    margin: 0 0.04rem;
    vertical-align: bottom;
}

.zxzxlist .swiper-pagination .total {
    font-size: 0.16rem;
    color: #999999;
    vertical-align: bottom;
}

.zxzxlist .swiper-prev,
.zxzxlist .swiper-next {
    width: 0.58rem;
    height: 0.52rem;
    background: #F0F0F0;
    position: relative;
    bottom: 0;
}

.zxzxlist .swiper-prev:hover,
.zxzxlist .swiper-next:hover {
    background: #2563AE;
}

.zxzxlist .swiper-prev:hover .img img,
.zxzxlist .swiper-next:hover .img img {
    display: none;
}

.zxzxlist .swiper-prev:hover .img,
.zxzxlist .swiper-next:hover .img {
    background: url(../img/zxzx-left-arrow.png) no-repeat center;
    background-size: cover;
}

.zxzxlist .swiper-prev:hover .img {
    transform: translate(-50%, -50%) rotate(360deg);
}

.zxzxlist .swiper-next:hover .img {
    transform: translate(-50%, -50%) rotate(180deg);
}

.zxzxlist .swiper-prev {
    left: 46.5%;
}

.zxzxlist .swiper-next {
    left: 51.6%;
    bottom: 0.52rem;
}

.zxzxlist .swiper-prev .img,
.zxzxlist .swiper-next .img {
    width: 0.34rem;
    height: 0.07rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.zxzxlist .swiper-prev .img {
    transform: translate(-50%, -50%) rotate(180deg);
}

.zxzxlist .swiper-prev .img img,
.zxzxlist .swiper-next .img img {
    width: 100%;
    height: 100%;
    position: absolute;
}


/* theme */
.theme {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.5rem;
}

.theme .titles a {
    display: flex;
    align-items: center;
}

.theme .titles .title {
    font-weight: 400;
    font-size: 0.5rem;
    color: #2C2C2C;
}

.theme .titles .english {
    font-weight: 400;
    color: #2C2C2C;
    margin-top: 0.2rem;
    margin-left: 0.15rem;
}

.theme .showmore {
    border-radius: 100rem;
    background: #F3F3F3;
    display: inline-block;
    position: relative;
    z-index: 9;
}

.theme .showmore:hover {
    background: #E6F1FF;
}

.theme .showmore a {
    color: #9E9E9E;
    display: flex;
    align-items: center;
    padding: 0.1rem 0.22rem;
    box-sizing: border-box;
}

.theme .showmore:hover a {
    color: #2563AE;
    font-weight: bold;
}

.theme .showmore img {
    width: 0.19rem;
    height: 0.21rem;
    margin-left: 0.05rem;
}

.zxzxbottom {
    margin-top: 0.2rem;
    margin-bottom: 1.27rem;
}


.zxzxtwo {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.zxzxtwo li {
    position: relative;
    width: calc((100% - 0.5rem) / 2);
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    padding: 0.47rem 0.5rem 0.73rem;
    box-sizing: border-box;
}

.zxzxtwo li .uphengline,
.zxzxtwo li .downhengline {
    width: 0;
    height: 0;
    border-top: 1px solid #2863B1;
    box-shadow: 0px 0px 20px 0px rgba(17, 68, 135, 0.1);
    position: absolute;
    transition: all 0.5s;
}

.zxzxtwo li:hover .uphengline,
.zxzxtwo li:hover .downhengline {
    width: 100%;

}

.zxzxtwo li .uphengline {
    top: 0;
    left: 0;
}

.zxzxtwo li .downhengline {
    bottom: 0;
    right: 0;
}

.zxzxtwo li .leftshuline,
.zxzxtwo li .rightshuline {
    width: 0;
    height: 0;
    border-left: 1px solid #2863B1;
    box-shadow: 0px 0px 20px 0px rgba(17, 68, 135, 0.1);
    position: absolute;
    top: 0;
    transition: all 0.5s;
}

.zxzxtwo li:hover .leftshuline,
.zxzxtwo li:hover .rightshuline {
    height: 100%;

}

.zxzxtwo li .leftshuline {
    left: 0;
    bottom: 0;
}

.zxzxtwo li .rightshuline {
    right: 0;
    top: 0;
}



.zxzxtwo li:hover {
    box-shadow: 0px 0px 20px 0px rgba(17, 68, 135, 0.1);
}

.zxzxtwo li:hover::before {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    transition-delay: 0s, 0.15s;
}

.zxzxtwo li:hover::after {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    transition-delay: 0.3s, 0.45s;
}

.zxzxtwo li .column-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zxzxtwo li .columnname {
    line-height: 0.3rem;
    text-align: justify;
    color: #2C2C2C;
    background: #F3F3F3;
    padding: 0.04rem 0.28rem;
    box-sizing: border-box;
}

.zxzxtwo li:hover .columnname {
    background: #FFF0F1;
    color: #E60012;
}

.zxzxtwo li .time {
    display: flex;
    align-items: center;
}

.zxzxtwo li .time .img {
    width: 0.13rem;
    height: 0.13rem;
    position: relative;
}

.zxzxtwo li .time .img img {
    width: 100%;
    height: 100%;
    position: absolute;
}

.zxzxtwo li .time .text {
    line-height: 0.3rem;
    color: #AFAFAF;
    margin-left: 0.05rem;
}

.zxzxtwo li .title {
    line-height: 0.5rem;
    text-align: justify;
    color: #2C2C2C;
    margin-top: 0.21rem;
}

.zxzxtwo li:hover .title {
    color: #2863B1;
}

.zxzxtwo li .disc {
    line-height: 0.3rem;
    color: #7C7C7C;
    margin-top: 0.28rem;
}

/* 媒体视窗 */
.mtsc {
    background: url(../img/mtsc-bg.png) no-repeat center;
    background-size: 100% 100%;
    padding: 1.65rem 0 1.7rem;
}

.mtsclist {
    width: 14rem;
    margin: 0 auto;
    position: relative;
}

.mtsclist .swiper-container {
    overflow: visible;
    height: 5.85rem;
    /* 锁定为 active slide 高度，防止 slide 高度过渡时撑缩容器导致 absolute 按钮跳动 */
}

.mtsclist .swiper-wrapper {
    align-items: flex-start;
    /* 居中补偿：激活 slide 视觉宽 7.54rem，而 Swiper 测量用的是非激活宽 6.3rem，
       centeredSlides 会按 6.3rem 计算居中，导致整体右偏 (7.54-6.3)/2 = 0.62rem。
       这里做等量左移，让激活 slide 真正居中。 */
    margin-left: -0.62rem;
}

/* 测量冻结态：Swiper 取 slide 尺寸前先挂上，统一按非激活尺寸测量，
   避免激活态的 7.54rem 被算进 slidesGrid 造成位置漂移（激活态宽度只影响自身，不影响前面 slide 的排布） */
.mtsclist .swiper-container.mtsc-measuring .swiper-slide {
    width: 6.3rem !important;
    height: 3.55rem !important;
    margin-top: 1.2rem !important;
    transition: none !important;
}

.mtsclist .swiper-slide {
    width: 6.3rem;
    height: 3.55rem;
    margin-top: 1.2rem;
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    transition: width 0.4s ease, height 0.4s ease, margin-top 0.4s ease;
}

.mtsclist .swiper-slide-active {
    width: 7.54rem;
    height: 5.85rem;
    margin-top: 0;
}

.mtsclist .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.mtsclist .swiper-slide .imgbtn {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mtsclist .swiper-slide-active .imgbtn {
    height: 4.25rem;
}

.mtsclist .swiper-slide .imgbtn .img {
    width: 100%;
    border: 1px solid #E8E8E8;
    position: relative;
    padding-top: calc(7.54rem * 552 / 754);
    overflow: hidden;
}

.mtsclist .swiper-slide .imgbtn .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.mtsclist .swiper-slide .cycle {
    width: 0.7rem;
    height: 0.7rem;
    opacity: 1;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.mtsclist .swiper-slide-active .cycle {
    display: block;
}


.mtsclist .swiper-slide .cycle .videobtn {
    width: 0.35rem;
    height: 0.35rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.65;
}

.mtsclist .swiper-slide .cycle .videobtn img {
    width: 100%;
    height: 100%;
}

.mtsclist .swiper-slide .text {
    width: 100%;
    height: 1.6rem;
    background: #FFFFFF;
    display: none;
}

.mtsclist .swiper-slide-active .text {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mtsclist .swiper-slide .text .title {
    color: #2C2C2C;
}

.mtsclist .swiper-prev,
.mtsclist .swiper-next {
    width: 0.58rem;
    height: 0.52rem;
    background: #F0F0F0;
    position: absolute;
    bottom: 3.4rem;
    z-index: 99;
}

.mtsclist .swiper-prev:hover,
.mtsclist .swiper-next:hover {
    background: #2563AE;
}

/* 激活 slide 居中后左边缘在 3.23rem、右边缘在 10.77rem（容器 14rem）。
   两个按钮保持「跨在激活卡片左右边缘上」的原有关系：各外露约 0.28rem、内压约 0.3rem */
.mtsclist .swiper-prev {
    left: 2.95rem;
}

.mtsclist .swiper-next {
    left: 10.44rem;
}

.mtsclist .swiper-prev .img,
.mtsclist .swiper-next .img {
    width: 0.34rem;
    height: 0.07rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mtsclist .swiper-prev .img {
    transform: translate(-50%, -50%) rotate(180deg);
}

.mtsclist .swiper-prev:hover .img {
    transform: translate(-50%, -50%) rotate(360deg);
}

.mtsclist .swiper-prev:hover .img,
.mtsclist .swiper-next:hover .img {
    background: url(../img/zxzx-left-arrow.png) no-repeat center;
    background-size: cover;
}

.mtsclist .swiper-next:hover .img {
    transform: translate(-50%, -50%) rotate(180deg);
}

.mtsclist .swiper-prev .img img,
.mtsclist .swiper-next .img img {
    width: 100%;
    height: 100%;
    position: absolute;
}

/* 广告 */
.dxsgg,
.cygg,
.lzdt {
    width: 86.5%;
    box-shadow: 0 0.04rem 1rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 1.5rem 0 0 0;
    overflow: hidden;
    position: relative;
}

.dxsgg {
    background: url(../img/dtxsgg-bg.png) no-repeat center, #FFFFFF;
    background-size: cover;
    padding: 1rem 0.6rem 0.3rem 2rem;
    box-sizing: border-box;
}

.cygg {
    background: url(../img/cysj-bg.png) no-repeat center, #FFFFFF;
    background-size: cover;
    padding: 1rem 0.6rem 0.3rem 2rem;
    box-sizing: border-box;
}

.lzdt {
    background: url(../img/lzdt-bg.png) no-repeat center, #FFFFFF;
    background-size: cover;
    padding: 1rem 0.6rem 0.8rem 2rem;
    box-sizing: border-box;
}


.advertise {
    position: relative;
    padding: 1.7rem 0 0;
    /* 该模块会被 ScrollTrigger pin 住整屏滚动，高度必须 ≥ 一屏，
       否则钉住期间底部会露出页面背景（卡片改矮后总高 1057px < 1080 视口）。
       border-box 让 1.7rem 的 padding-top 计入 100vh */
    box-sizing: border-box;
    min-height: 100vh;
    background: url(../img/dtxsgg-dbg.png) no-repeat center;
    background-size: cover;
}

.advertise .dxsgg,
.advertise .cygg,
.advertise .lzdt {
    will-change: transform, opacity;
}

.cygg {
    position: absolute;
    left: 10%;
    top: 1.7rem;
    z-index: 9;
}

.lzdt {
    position: absolute;
    left: 14%;
    top: 1.7rem;
    z-index: 99;
}

.dxsgg .content,
.cygg .content,
.lzdt .content {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}



.dtxsgglist {
    width: 100%;
}

.dtxsgglist .swiper-slide {
    box-sizing: border-box;
    width: 4.4rem;
}

.dtxsgglist .swiper-slide .img {
    /* width: 4.05rem; */
    width: 100%;
}

.dtxsgglist .swiper-slide .img img {
    width: 100%;
    height: 100%;
}

.dtxsgglist .swiper-slide .text {
    font-weight: bold;
    line-height: 0.3rem;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 0.2rem;
    box-sizing: border-box;
    z-index: 9;
    display: none;
}

.dtxsgglist .swiper-slide:hover .text {
    display: block;
}

.dtxsgglist .swiper-slide .img::before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 12, 33, 0.75);
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.dtxsgglist .swiper-slide:hover .img::before {
    display: block;
}

.dtxsggslt .swiper-slide .img {
    width: 4.05rem;
    height: 100%;
}

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

.dtxsggslt {
    position: relative;
}

/* 手机端（≤1024）专用的电梯轿厢广告轮播，桌面端隐藏 */
.mbdtjxgglist {
    display: none;
}

.dtxsggslt .swiper-container {
    height: 5.1rem;
    box-sizing: content-box;
}

.dtxsggslt .swiper-slide {
    box-sizing: border-box;
}

.dtxsggslt .swiper-prev,
.dtxsggslt .swiper-next {
    width: 0.58rem;
    height: 0.52rem;
    background: #CAE3ED;
    position: absolute;
    bottom: 0;
    z-index: 9;
}

.dtxsggslt .swiper-prev:hover,
.dtxsggslt .swiper-next:hover {
    background: #2563AE;
}

.dtxsggslt .swiper-prev {
    right: 0.7rem;
}

.dtxsggslt .swiper-next {
    right: 0;
}

.dtxsggslt .swiper-prev .img,
.dtxsggslt .swiper-next .img {
    width: 0.34rem;
    height: 0.07rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.dtxsggslt .swiper-prev:hover .img,
.dtxsggslt .swiper-next:hover .img {
    background: url(../img/zxzx-left-arrow.png) no-repeat center;
    background-size: cover;
}

.dtxsggslt .swiper-prev .img {
    transform: translate(-50%, -50%) rotate(180deg);
}

.dtxsggslt .swiper-prev:hover .img {
    transform: translate(-50%, -50%) rotate(360deg);
}

.dtxsggslt .swiper-next:hover .img {
    transform: translate(-50%, -50%) rotate(180deg);
}

.dtxsggslt .swiper-prev .img img,
.dtxsggslt .swiper-next .img img {
    width: 100%;
    height: 100%;
    position: absolute;
}

.dtxsggslt .swiper-prev:hover .img img,
.dtxsggslt .swiper-next:hover .img img {
    display: none;
}

/* 修改后的电梯厢式广告切换按钮 */

.gallery-top {
    padding-top: 1.1rem;
}

.dxsgg .content {
    margin-top: -1.1rem;
}

.gallery-top .swiper-prev,
.gallery-top .swiper-next {
    width: 0.58rem;
    height: 0.52rem;
    background: #CAE3ED;
    position: absolute;
    top: 0;
    z-index: 9;
}

.gallery-top .swiper-prev:hover,
.gallery-top .swiper-next:hover {
    background: #2563AE;
}

.gallery-top .swiper-prev {
    right: 2.47rem;
}

.gallery-top .swiper-next {
    right: 1.75rem;
}

.gallery-top .swiper-prev .img,
.gallery-top .swiper-next .img {
    width: 0.34rem;
    height: 0.07rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.gallery-top .swiper-prev:hover .img,
.gallery-top .swiper-next:hover .img {
    background: url(../img/zxzx-left-arrow.png) no-repeat center;
    background-size: cover;
}

.gallery-top .swiper-prev .img {
    transform: translate(-50%, -50%) rotate(180deg);
}

.gallery-top .swiper-prev:hover .img {
    transform: translate(-50%, -50%) rotate(360deg);
}

.gallery-top .swiper-next:hover .img {
    transform: translate(-50%, -50%) rotate(180deg);
}

.gallery-top .swiper-prev .img img,
.gallery-top .swiper-next .img img {
    width: 100%;
    height: 100%;
    position: absolute;
}

.gallery-top .swiper-prev:hover .img img,
.gallery-top .swiper-next:hover .img img {
    display: none;
}

/* 修改后的电梯厢式广告切换按钮 */

/* 修改后的创意广告切换按钮 */

.gallery-top1 {
    padding-top: 1.1rem;
}

.cygg .content {
    margin-top: -1.1rem;
}

.gallery-top1 .swiper-prev,
.gallery-top1 .swiper-next {
    width: 0.58rem;
    height: 0.52rem;
    background: #CAE3ED;
    position: absolute;
    top: 0;
    z-index: 9;
}

.gallery-top1 .swiper-prev:hover,
.gallery-top1 .swiper-next:hover {
    background: #2563AE;
}

.gallery-top1 .swiper-prev {
    right: 2.47rem;
}

.gallery-top1 .swiper-next {
    right: 1.75rem;
}

.gallery-top1 .swiper-prev .img,
.gallery-top1 .swiper-next .img {
    width: 0.34rem;
    height: 0.07rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.gallery-top1 .swiper-prev:hover .img,
.gallery-top1 .swiper-next:hover .img {
    background: url(../img/zxzx-left-arrow.png) no-repeat center;
    background-size: cover;
}

.gallery-top1 .swiper-prev .img {
    transform: translate(-50%, -50%) rotate(180deg);
}

.gallery-top1 .swiper-prev:hover .img {
    transform: translate(-50%, -50%) rotate(360deg);
}

.gallery-top1 .swiper-next:hover .img {
    transform: translate(-50%, -50%) rotate(180deg);
}

.gallery-top1 .swiper-prev .img img,
.gallery-top1 .swiper-next .img img {
    width: 100%;
    height: 100%;
    position: absolute;
}

.gallery-top1 .swiper-prev:hover .img img,
.gallery-top1 .swiper-next:hover .img img {
    display: none;
}

/* 修改后的创意广告切换按钮 */

.lzdtlist {
    width: 10.5rem;
    height: 5.9rem;
}

.lzdtlist .swiper-slide .img {
    width: 100%;
    height: 100%;
}



.lzdtslt {
    width: 2.5rem;

}

.lzdtslt .swiper-slide-active::before,
.lzdtslt .swiper-slide:hover::before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
}

.lzdtslt .swiper-slide a {
    width: 100%;
    height: 100%;
}

.lzdtslt .swiper-slide .img {
    width: 100%;
    height: 1.4rem;
}

.lzdtslt .swiper-slide .img {
    width: 100%;
    height: 100%;
}


/* 手机端显示 */
/* .mbdtjxgglist{
    display: none;
} */





.yqlj1 .swiper-container,
.yqlj2 .swiper-container {
    overflow: hidden;
}

.yqlj1 .swiper-wrapper {
    display: flex;
    width: max-content;
    animation: marqueeLeft 50s linear infinite;
}

.yqlj2 .swiper-wrapper {
    display: flex;
    width: max-content;
    animation: marqueeRight 50s linear infinite;
}

.yqlj1 .swiper-slide,
.yqlj2 .swiper-slide {
    flex-shrink: 0;
}

.yqlj1 .swiper-wrapper:hover,
.yqlj2 .swiper-wrapper:hover {
    animation-play-state: paused;
}

@keyframes marqueeLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes marqueeRight {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}







.yqlj {
    padding: 1.4rem 0 1.5rem;
}

.yqlj1 .swiper-slide,
.yqlj2 .swiper-slide {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
}

.yqlj1 .swiper-slide:hover,
.yqlj2 .swiper-slide:hover {
    background: #FFFFFF;
    border: 1px solid #2563AE;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.yqlj1 .swiper-slide .img,
.yqlj2 .swiper-slide .img {
    width: 100%;
    height: 100%;
}

.yqlj1 .swiper-slide .img img,
.yqlj2 .swiper-slide .img img {
    width: 100%;
    height: 100%;
}

.yqlj2 {
    margin-top: 0.3rem;
}

/* 一战服务 */

.yzfwlist li {
    margin-bottom: 0.3rem;
}

.yzfwlist li a {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.yzfwlist li:nth-child(2n) a {
    flex-direction: row-reverse;
}

.yzfwlist li .img {
    width: 5.5rem;
    padding-top: calc((5.5rem*9) / 16);
    overflow: hidden;
    position: relative;
}

.yzfwlist li .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s;
}

.yzfwlist li:hover .img img {
    transform: scale(1.1);
}

.yzfwlist li .text {
    width: calc(100% - 5.5rem);
    padding: 0 0.5rem;
    box-sizing: border-box;
    background: url(../img/yzfwlist-bg.png) no-repeat center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.yzfwlist li .text .title {
    font-weight: bold;
    color: #353535;
}

.yzfwlist li .text .english {
    color: #767676;
    margin-top: 0.03rem;
}

.yzfwlist li .text .disc {
    line-height: 0.3rem;
    color: #767676;
    margin-top: 0.24rem;
}

.gglc {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.gglc li {
    width: calc(100% / 3);
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
    padding: 0.54rem 0.5rem;
    box-sizing: border-box;
}

.gglc li:hover {
    background: url(../img/gglc-bg.png) no-repeat center;
    background-size: cover;
}

.gglc li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.gglc li .content {
    display: flex;
    align-items: center;
}

.gglc li .content .cycle {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    border: 0.5px dashed #57B547;
    position: relative;
}

.gglc li .content .cycle .img {
    width: 0.31rem;
    height: 0.31rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.gglc li .content .cycle .img img {
    width: 100%;
    height: 100%;
}

.gglc li .text {
    margin-left: 0.15rem;
}

.gglc li:hover .text {
    margin-top: 0.15rem;
}

.gglc li .text .title {
    color: #333333;
}

.gglc li:hover .text .title {
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.gglc li .text .english {
    font-size: 0.12rem;
    text-transform: uppercase;
    color: #999999;
    margin-top: 0.05rem;
}

.gglc li:hover .text .english {
    color: #FFFFFF;
}

.gglc li .bancycle1 {
    width: 0.86rem;
    height: 0.86rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.34);
    position: relative;
    display: none;
}

.gglc li:hover .bancycle1 {
    display: block;
}

.gglc li .bancycle2 {
    width: 0.76rem;
    height: 0.76rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.34);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.gglc li .bancycle2 .cycle {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    background: #FFFFFF;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.gglc li .bancycle2 .cycle .img {
    width: 0.31rem;
    height: 0.31rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.gglc li .bancycle2 .cycle .img img {
    width: 100%;
    height: 100%;
}

.gglc li .content .cycle {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    background: #FFFFFF;
}

.gglc li:hover .content .cycle {
    display: none;
}

.erji {
    background: #FEF2F2;
    margin-top: 0.1rem;
}

.erji li.on a,
.erji li:hover a {
    color: #2863B1;
    font-weight: bold;
}

.erji .container {
    display: flex;
    align-items: center;
}

.erji li {
    padding: 0.17rem 0;
    margin-right: 0.6rem;
}

.erji li.on,
.erji li:hover {
    border-bottom: 2px solid #C91523;
}

.erji li a {
    color: #0B0B0B;
}

.rclnimg {
    width: 100%;
    height: 100%;
    margin-top: 0.3rem;
    margin-bottom: 0.4rem;
}

.rclnimg img {
    width: 100%;
    height: 100%;
}

.gsjs {
    padding: 1rem 0;
}

.gsjsbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gsjsbox .img {
    width: 7.6rem;
    height: 5.23rem;
    overflow: hidden;
}

.gsjsbox .img img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.gsjsbox .img:hover img {
    transform: scale(1.1);
}

.gsjsbox .text {
    width: calc(100% - 7.6rem - 0.7rem);
}

.gsjsbox .text .title {
    font-weight: bold;
    line-height: 0.3rem;
    color: #333333;
}

.gsjsbox .text .disc {
    line-height: 0.38rem;
    color: #666666;
    margin-top: 0.55rem;
}

.gsjsbox .text .disc p {
    text-indent: 2em;
}

.gsjsbox .text .aboutlogo {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.38rem;
    color: rgba(117, 117, 117, 0.05);
}

.qyln-ygfc {
    background: #F6F6F7;
    padding: 1.05rem 0;
}

.qyln {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.qyln li {
    width: calc((100% - 0.3rem) / 2);
    position: relative;
}

.qyln li .img {
    width: 100%;
    overflow: hidden;
}

.qyln li .img img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.qyln li:hover .img img {
    transform: scale(1.1);
}

.qyln li .text {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0.5rem;
    top: 0.45rem;
}

.qyln li .text .title {
    font-weight: 700;
    font-size: 36px;
    color: #FFFFFF;
}

.qyln li .text .english {
    font-weight: 700;
    font-size: 24px;
    color: #FFFFFF;
    margin-top: 0.1rem;
    margin-left: 0.15rem;
}

.mtsc.hbry {
    background: none;
    padding: 1.05rem 0 1.7rem;
}

.mtsc.hbry .mtsclist .swiper-slide .cycle {
    display: none;
}

.mtsc.hbry .mtsclist .swiper-slide .text {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
}

/* 控制视频 */
.video-thumbnail {
    position: relative;
    z-index: 9;
}

.about-us-right .video video {
    width: 100%;
    position: relative;
    z-index: 9;
}

.about-us-right .video::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 85%;
    height: 100%;
    bottom: -16px;
    right: -20px;
    background: #A7DAFF;
    z-index: 1;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

.modal-content {
    width: 80%;
    max-width: 800px;
    margin: 10% auto;
    position: relative;
}

#modalVideo {
    width: 100%;
    height: auto;
    display: block;
}

.close {
    position: absolute;
    top: -40px;
    right: -40px;
    color: white;
    font-size: 30px;
    cursor: pointer;
}

/* 视频结束 */

.hbmtsc {
    padding: 0.96rem 0 1rem;
    box-sizing: border-box;
    background: #F6F6F7;
}

.hbmtsc .container {
    display: flex;
    justify-content: space-between;
}

.hbmtscbox .theme {
    padding-right: 0.5rem;
    box-sizing: border-box;
}

.hbmtscbox .theme .showmore {
    background: #FFFFFF;
}

.hbmtscbox .img {
    width: 8.06rem;
    height: 5rem;
    padding-left: 0.25rem;
    position: relative;
}

.hbmtscbox .img::before {
    content: '';
    width: 100%;
    height: 4rem;
    background: #FFFFFF;
    box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.05);
    position: absolute;
    left: 0;
    bottom: -0.2rem;
    z-index: -1;
}

.hbmtscbox .img img {
    width: 100%;
    height: 100%;
}

.hbmtscbox {
    width: calc(100% - 5.7rem);
    position: relative;
}

.hbmtscbox .imgdt {
    width: 100%;
    /* height: 4.38rem; */
}

.hbmtscbox .imgdt img {
    width: 100%;
    height: 100%;
}

.hbmtscbox .text {
    background: #004898;
    padding: 0.37rem 0.2rem;
    box-sizing: border-box;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.08);
}

.hbmtscbox .text div {
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.hbmtscbox .cycle {
    width: 0.98rem;
    height: 0.98rem;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}

.hbmtscbox:hover .cycle {
    /* display: none; */
}

.hbmtscbox .cycle .btnimg {}

.hbmtscbox .cycle .btnimg img {
    width: 100%;
    height: 100%;
}

.fgwl {
    width: 5.7rem;
    background: #FFFFFF;
    box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.06);
    border-top: 0.08rem solid #2863B1;
    padding: 0.45rem 0.4rem 0.5rem;
    box-sizing: border-box;
}


.fgwl .datas {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}


.fgwl .datas .data {
    width: calc((100% - 0.05rem)/ 3);
    margin-bottom: 0.57rem;
}

.fgwl .datas .data:nth-child(2),
.fgwl .datas .data:nth-child(5) {
    border-left: 1px solid rgba(216, 216, 216, 0.7);
    border-right: 1px solid rgba(216, 216, 216, 0.7);
    width: calc((100% - 0.75rem)/ 3);
}

.fgwl .data .figure {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fgwl .data .figure .num {
    font-size: 0.36rem;
    font-weight: bold;
    line-height: 0.36rem;
    color: #3C3C3C;
}

.fgwl .data .figure .unit {
    margin-top: 0.05rem;
    margin-left: 0.05rem;
}

.fgwl .data .figure .unit,
.fgwl .data .disc {
    line-height: 0.25rem;
    color: #9E9E9E;
    text-align: center;
}

.fgwl .khml {
    margin-top: 0.07rem;
}

.fgwl .khml:last-of-type {
    margin-top: 0.53rem;
}

.fgwl .khml .title {
    font-weight: 700;
    font-size: 0.24rem;
    color: #2863B1;
}

.fgwl .khml .disc {
    font-weight: 400;
    font-size: 14px;
    color: #3D3D3D;
    margin-top: 0.1rem;
    line-height: 0.3rem;
}






footer {
    background: url(../img/footer-bg.png) no-repeat center;
    background-size: cover;
}

footer .foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .logo {
    width: 2.1rem;
    height: 0.5rem;
}

footer .logo img {
    width: 100%;
    height: 100%;
}

footer .address-links {
    display: flex;
    align-items: center;
    margin-top: 0.45rem;
}

footer .address-links .address {
    margin-right: 0.95rem;
}

footer .address-links .address .cycleimg {
    position: relative;
}

footer .address-links .address .cycle {
    width: 0.42rem;
    height: 0.42rem;
    background: url(../img/footer-address-bg.png) no-repeat center;
    background-size: cover;
    animation: cycleRotate 6s linear infinite;
    transform-origin: center center;
}

@keyframes cycleRotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

footer .address-links .address .cycleimg .img {
    width: 0.15rem;
    height: 0.15rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

footer .address-links .address:nth-child(1) .cycleimg .img {
    width: 0.18rem;
    height: 0.18rem;
}

footer .address-links .address .cycleimg .img img {
    width: 100%;
    height: 100%;
    position: absolute;
}

footer .address {
    display: flex;
    align-items: center;
}

footer .address .text {
    padding-left: 0.1rem;
}

footer .address .text div {
    color: #FFFFFF;
    line-height: 0.3rem;
}

footer .right {
    display: flex;
    align-items: center;
    padding: 0.8rem 0;
}

footer .right .ewm {
    width: 1rem;
    height: auto;
    padding: 0.07rem 0.05rem;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 0.045rem;
    margin-right: 0.22rem;
}

footer .right .ewm:last-of-type {
    margin-right: 0;
}

footer .right .ewm .img {
    width: 100%;
    height: 100%;
}

footer .right .ewm .img img {
    width: 100%;
    height: 100%;
}

footer .right .ewm .text {
    line-height: 0.22rem;
    text-align: center;
    color: #FFFFFF;
    background: #2563AE;
    border-radius: 0.03rem;
    margin-top: 0.05rem;
}

.banq {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.banq div {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.14rem;
    text-align: center;
    padding: 0.16rem 0;
}


















.nydt {
    position: relative;
}

.nydt img {
    width: 100%;
    height: 100%;
}

.nydt .yinying {
    width: 100%;
    height: 2rem;
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(36, 36, 36, 0) 99%);
}




.curr {
    margin-top: -1.3rem;
    position: relative;
}

.curr .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.curr .current {
    min-width: 2.2rem;
    width: auto;
    height: 1.2rem;

    display: flex;
    justify-content: center;
    align-items: center;
}

.curr .current a {
    font-size: 0.45rem;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.5);
}

.curr .position {
    /* margin-top: 0.4rem; */
}

.curr .position a,
.curr .position span {
    color: #FFFFFF;
    font-size: 0.14rem;
    white-space: nowrap;
}

.curr .position span {
    margin: 0 0.05rem;
}

.curr .position span:last-of-type {
    display: none;
}

.threenav {
    background: #FEF2F2;
    margin-top: 0.1rem;
}

.threenav ul {
    display: flex;
}

.threenav li {
    min-width: 1.5rem;
    width: auto;
    padding: 0 0.25rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.1rem 0 0;
}


.threenav li.on a,
.threenav li:hover a {
    color: #2863B1;
    font-weight: bold;
    border-bottom: 0.02rem solid #C91523;
}

.threenav li a {
    color: #0B0B0B;
    padding: 0.16rem 0;
    box-sizing: border-box;
    white-space: nowrap;
}





.nmain {
    padding: 0.6rem 0 0.6rem;
    box-sizing: border-box;
    background: url(../img/nmain-bg.png) no-repeat center;
    background-size: cover;
}

/* listbox */

.listbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.listbox li {
    width: calc(50% - 0.25rem);
    margin-bottom: 0.5rem;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    padding: 0.48rem 0.5rem 0.73rem;
    box-sizing: border-box;
}

.listbox li:hover {
    border: 1px solid #2863B1;
    box-shadow: 0px 0px 20px 0px rgba(17, 68, 135, 0.1);
}

/* .listbox li:last-of-type {
    margin-bottom: 0;
} */

.listbox li .column-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.listbox li .columnname {
    line-height: 0.3rem;
    color: #2C2C2C;
    background: #F3F3F3;
    display: inline-block;
    padding: 0.041rem 0.28rem;
    box-sizing: border-box;
}

.listbox li:hover .columnname {
    background: #FFF0F1;
    color: #E60012;
}

.listbox li .time {
    display: flex;
    justify-content: center;
    align-items: center;
}

.listbox li .time .clockimg {
    width: 0.13rem;
    height: 0.13rem;
    position: relative;
}

.listbox li .time .clockimg img {
    width: 100%;
    height: 100%;
    position: absolute;
}

.listbox li .time .date {
    line-height: 0.3rem;
    display: flex;
    align-items: center;
    color: #AFAFAF;
    margin-left: 0.05rem;
}

.listbox li .title {
    line-height: 0.5rem;
    height: 1rem;
    text-align: justify;
    color: #2C2C2C;
    margin-top: 0.25rem;
}

.listbox li:hover .title {
    color: #2863B1;
}

.listbox li .disc {
    line-height: 0.3rem;
    height: 0.9rem;
    text-align: justify;
    color: #7C7C7C;
    margin-top: 0.26rem;
}

/* piccontent */

.picconbox li {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    margin-bottom: 0.5rem;
    position: relative;
}

.picconbox li:last-of-type {
    margin-bottom: 0;
}

.picconbox li .img {
    width: 5.05rem;
    height: 2.85rem;
    overflow: hidden;
}

.picconbox li .img img {
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out;
}

.picconbox li:hover .img img {
    transform: scale(1.1);
}

.picconbox li .text {
    width: calc(100% - 5.05rem);
    padding: 0.5rem 0.4rem;
    box-sizing: border-box;
    height: 2.85rem;
}

.picconbox li:hover .text {
    border: 1px solid #2863B1;
    box-shadow: 0px 0px 20px 0px rgba(17, 68, 135, 0.1);
}

.picconbox li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.picconbox li .time {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 25px;
}


.picconbox li .time .clockimg {
    width: 0.13rem;
    height: 0.13rem;
    position: relative;
}

.picconbox li .time .clockimg img {
    width: 100%;
    height: 100%;
    position: absolute;
}

.picconbox li .time .date {
    color: #AFAFAF;
    margin-left: 0.05rem;
}

.picconbox li .title {
    line-height: 0.5rem;
    height: 0.5rem;
    text-align: justify;
    color: #2C2C2C;
    margin-top: 0.27rem;
}

.picconbox li:hover .title {
    color: #2863B1;
}

.picconbox li .disc {
    line-height: 0.3rem;
    height: 0.6rem;
    color: #7C7C7C;
    margin-top: 0.22rem;
}

.picconbox li .img1 {
    width: 3.5rem;
    height: 1.95rem;
    overflow: hidden;
    border-radius: 0.1rem;
}

.picconbox li:hover .img1 {
    border-radius: 0;
}

.picconbox li .img1 img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.picconbox li:hover .img1 img {
    transform: scale(1.1);
}

.page-box {
    margin: 0.6rem 0 0.25rem;
}

.picturebox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.picturebox li {
    width: calc(50% - 0.25rem);
    position: relative;
    margin-bottom: 0.5rem;
}

.picturebox li .title {
    font-weight: bold;
    color: #FFFFFF;
    padding: 0 0.2rem;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0.2rem;
    z-index: 9;
    text-align: center;
    width: 100%;
}

.picturebox li .img {
    width: 100%;
    /* height: 100%; */
    padding-top: calc((6.75rem*9) / 16);
    overflow: hidden;
    position: relative;
}

.picturebox li .img img {
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    /* object-fit: cover; */
    object-position: center;
}

.picturebox li:hover .img img {
    transform: scale(1.1);
}

.picturebox li .time {
    width: 0.95rem;
    height: 0.85rem;
    opacity: 1;
    background: rgba(230, 2, 19, 0.5);
    backdrop-filter: blur(0.1rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
}

.picturebox li .time .day {
    font-size: 0.36rem;
    line-height: 0.25rem;
    text-align: center;
    color: #FFFFFF;
}

.picturebox li .time .year {
    line-height: 0.25rem;
    color: #FFFFFF;
    text-align: center;
    margin-top: 0.05rem;
}



.picturebox li .yinying {
    width: 100%;
    height: 1rem;
    opacity: 1;
    background: linear-gradient(0deg, #000000cc 0%, #00000000 100%);
    position: absolute;
    left: 0;
    bottom: 0;
}

.picturebox li:hover .yinying {
    background: linear-gradient(0deg, #2863b1cc 0%, #2863b100 100%);
}

/* 图片列表3：4 */
.picturebox2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* justify-content: space-between; */
}

.picturebox2 li {
    width: calc((100% - 1.3rem) / 3);
    position: relative;
    margin-bottom: 0.5rem;
    margin-right: 0.64rem;
}

.picturebox2 li:nth-child(3n) {
    margin-right: 0;
}

.picturebox2 li .title {
    font-weight: bold;
    color: #FFFFFF;
    padding: 0 0.2rem;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0.2rem;
    z-index: 9;
    text-align: center;
    width: 100%;
}

.picturebox2 li .img {
    width: 100%;
    height: 6.2rem;
    overflow: hidden;
}

.picturebox2 li .img img {
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out;
}

.picturebox2 li:hover .img img {
    transform: scale(1.1);
}

.picturebox2 li .time {
    width: 0.95rem;
    height: 0.85rem;
    opacity: 1;
    background: rgba(230, 2, 19, 0.5);
    backdrop-filter: blur(0.1rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
}

.picturebox2 li .time .day {
    font-size: 0.36rem;
    line-height: 0.25rem;
    text-align: center;
    color: #FFFFFF;
}

.picturebox2 li .time .year {
    line-height: 0.25rem;
    color: #FFFFFF;
    text-align: center;
    margin-top: 0.05rem;
}



.picturebox2 li .yinying {
    width: 100%;
    height: 0.8rem;
    opacity: 1;
    background: linear-gradient(0deg, #000000cc 0%, #00000000 100%);
    position: absolute;
    left: 0;
    bottom: 0;
}

.picturebox2 li:hover .yinying {
    background: linear-gradient(0deg, #2863b1cc 0%, #2863b100 100%);
}

.detail {
    background: #FFFFFF;
    box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.07);
    padding: 0.5rem 1.4rem;
    box-sizing: border-box;
}

.detail .title {
    font-size: 0.33rem;
    font-weight: bold;
    line-height: 0.45rem;
    text-align: center;
    color: #2C2C2C;
}

.detail .right {
    width: calc(100% - 18.04% - 00.4rem);
    margin-left: 0.3rem;
    background: #FFFFFF;
    box-shadow: 0px 0px 0.4rem 0px rgba(0, 0, 0, 0.07);
    padding: 0.5rem;
    box-sizing: border-box;
    margin-bottom: 0.5rem;
}

.detail .content {
    margin-top: 0.35rem;
}

.detail .right div p {
    line-height: 0.4rem !important;
    margin-bottom: 0.1rem;
}

.fontSize {
    display: flex;
    align-items: center;
    color: #9C9C9C;
}

.fontSize span {
    margin-right: 0.15rem;
    cursor: pointer;
}

.fontSize .on {
    color: #0073C3;
    font-weight: bold;
}

.share {
    zoom: 1;
}

.share:after {
    content: "";
    display: block;
    clear: both;
}

.share a {
    float: left;
    width: 0.26rem;
    height: 0.26rem;
    border-radius: 50%;
    margin-left: 13px;
    cursor: pointer;
    display: block;
}

.share a i {
    display: block;
    width: 0.26rem;
    height: 0.26rem;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    transition: .4s all;
}

.share a:hover i {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.share #share-icon {
    width: 0.26rem;
    height: 0.26rem;
    float: left;
    display: none;
}

.share #share-icon img {
    width: 100%;
    height: 100%;
}

.share .share-qqzone {
    background: none
}

.share .share-qqzone i {
    background: url("../img/shareqqzone.png") center center no-repeat;
    background-size: 80%;
}

.share .share-qqzone:hover {
    background-color: none;
}

.share .share-wechat {
    position: relative;
    background-color: none;
}

.share .share-wechat i {
    background: url("../img/sharewechat.png") center center no-repeat;
    background-size: 80%;
}

.share .share-wechat:hover {
    background-color: none;
}

.share .share-weibo {
    background: none;
}

.share .share-weibo i {
    background: url("../img/shareweibo.png") center center no-repeat;
    background-size: 80%;
}

.share .share-weibo:hover {
    background-color: none;
}

.share .bg-code {
    left: -0.36rem;
    z-index: 10;
}

.share .qrcode {
    position: absolute;
    top: 0.36rem;
    border: 1px solid #ccc;
    padding: 0.05rem;
    background: #fff;
    display: none;
    width: 95px;
    left: -130%;
    z-index: 11;
    text-align: center;
}

.share .close-btn {
    position: absolute;
    background: #fff;
    color: #000;
    font-size: 0.12rem;
    z-index: 12;
    width: 0.12rem;
    height: 0.12rem;
    line-height: 0.12rem;
    text-align: center;
    right: -0.39rem;
    top: 0.5rem;
    display: none;
    cursor: pointer;
}

.detail .timer .right1 {
    display: flex;
    align-items: center;
    /* width: 22%; */
}

.detail .content .text.big p,
.detail .content .text.big p span {
    font-size: 0.28rem !important;
    line-height: 0.55rem !important;
}

.detail .content .text.large p,
.detail .content .text.large p span {
    font-size: 0.32rem !important;
    line-height: 0.6rem !important;
}

.fenxiang {
    display: flex;
    align-items: center;
    color: #9C9C9C;
    margin-left: 0.3rem;
}

.detail .timer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 0.25rem;
    padding-bottom: 0.05rem;
    border-bottom: 1px solid rgba(216, 216, 216, 0.5);
}

.detail .timer .info {
    display: flex;
    flex-wrap: wrap;
}

.detail .timer .info div {
    font-size: 0.14rem;
    color: #9C9C9C;
    margin-right: 0.2rem;
}

.content .text p {
    font-size: 0.2rem;
    line-height: 0.4rem !important;
    color: #232323;
    text-indent: 2em;
}

.detail-page {
    margin-top: 0.5rem;
}

.detail-page .box {
    padding: 0.05rem 0.2rem;
    position: relative;
    background: #EFF9FF;
}

.detail-page .box:last-of-type {
    margin-top: 0.3rem;
}

.detail-page .box:hover {
    background: #2863B1;
}

.detail-page .box a {
    font-size: 0.16rem;
    line-height: 0.4rem;
    text-align: justify;
    color: #9E9E9E;
}

.detail-page .box:hover a {
    color: #FFFFFF;
}

.qywh {
    background: url(../img/qywh-bg.png) no-repeat center;
    background-size: cover;
    padding: 0.8rem 1.05rem 1rem 0.9rem;
    box-sizing: border-box;
    border: 1px solid;
    border-image: linear-gradient(180deg, #2863b1 0%, #2863b100 100%) 1;
    margin-bottom: 0.25rem;
}

.qywh .title {
    font-weight: bold;
    line-height: 0.3rem;
    color: #2863B1;
    text-align: center;
    margin-bottom: 0.5rem;
}

.qywh .img {
    width: 6.15rem;
    height: 3.47rem;
    float: left;
    margin-right: 0.35rem;
}

.qywh .img img {
    width: 100%;
    height: 100%;
}

.qywh .text {
    line-height: 0.4rem;
    text-align: justify;
    color: #333333;
    /* float: right; */
}



/* 搜索结果页 */
#newskeycode1059382 {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    color: #aaa;
    font-size: 14pt;
    box-sizing: border-box;
    padding-left: 0.2rem;
    position: relative;
    background-repeat: no-repeat;
    padding-top: 0.03rem;
    border: 1px solid #D3D3D3;
    outline-color: #3d5adb;
    margin-bottom: 0.3rem;
}

.textlist .box .title {
    color: #3D3D3D;
    line-height: 0.25rem;
    height: 0.25rem;
    text-align: left;
}

.textlist .box {
    width: 100%;
    height: 1.36rem;
    border-radius: 0.05rem 0.1rem 0.1rem 0.1rem;
    background: #FFFFFF;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.15);
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
    box-sizing: border-box;
    padding: 0 0.3rem;
}

.textlist .box:hover .title {
    color: #dd4b39;
}

.textlist .box a {
    height: 100%;
    display: flex;
    align-items: center;
}

.textlist .box .dete {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #2E5EC1;
    margin-right: 0.3rem;
}

.textlist .box .tt {
    flex: 1;
}

.textlist .box .d {
    font-size: 0.24rem;
    font-weight: bold;
}

.textlist .box .y {
    font-size: 0.16rem;
    margin-top: 0.05rem;
}

.textlist .box .title {
    color: #3D3D3D;
    line-height: 0.25rem;
    height: 0.25rem;
}

.textlist .box .title span {
    color: #dd4b39;
    font-size: 0.18rem !important;
}

.textlist .box .desc {
    color: #999999;
    line-height: 0.25rem;
    height: 0.5rem;
    margin-top: 0.07rem;
}

.textlist .box .dete2 {
    color: #999999;
    margin-top: 0.07rem;
}

.fs-32 {
    font-size: 0.32rem;
}

.banq p br {
    display: none !important;
}