body,html{margin:0;padding:0;height:100%}.main-pc-fixed{max-width:10rem;margin:0
auto}img{display:block}a{text-decoration:none}.header{width:100%;height:auto}.header

.banner{width:100%;height:15.35rem;background:url("banner.jpg")
top center no-repeat;background-size:100% 100%}.header
.nav{width:100%;height:1.4667rem;background-color:#d4180e;margin-top:-1px;position:relative}.header
.nav .outer{width:91%;height:1.4667rem}.header .nav .outer
.swiper-nav{width:100%;height:1.4667rem}.header .nav .outer .swiper-nav
.swiper-slide:nth-child(1){width:30%}.header .nav .outer .swiper-nav
.swiper-slide:nth-child(9){width:40%}.header .nav .outer .swiper-nav
.swiper-slide{text-align:center;width:33%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.header
.nav .outer .swiper-nav .swiper-slide .section{position:relative;box-sizing:border-box;padding:0 .4267rem}
.header .nav .outer .swiper-nav .swiper-slide .section a{line-height:1.4667rem;font-size:.4267rem;font-weight:bold;font-stretch:normal;letter-spacing:0;color:#ffffff}.header
.nav .arrow-right-nav{background:url("arrow-right.png") no-repeat center center;position:absolute;right:0;top:0;width:1rem;height:1.4667rem;z-index:99}
.f1{background: #dcf8ff url("bg1.jpg") no-repeat 0 0 ;overflow: hidden; padding-bottom: .2rem;background-size:100%;}
.f1__t{margin-top:.4267rem;width:100%;height:100%;overflow:hidden;}
.f1__t a{display:inline-block}
.f1__t a img{height:100%; }

.f1__m{width:9.1rem;height:auto;position:relative;margin: 2.2rem auto 0;background-color: #fff; padding-bottom: .2rem; overflow: hidden;}
.f1__m .section{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: .5rem;}
.f1__m .section img{width:4.14rem;height:2.76rem; float: left; margin-left: .3rem;}
.f1__m .section p{font-size:.36rem; width:4rem;line-height:.55rem;padding:0 0.32rem;color:#333;overflow:hidden;}
.f1__b{box-sizing:border-box;padding:0.2667rem;margin-top:.32rem;height:6.56rem;position:relative}
.f1__b-item{height:1.08rem;border-bottom:.0133rem dashed #e0e0e0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:url("il.png") no-repeat left center; padding-left: 0.32rem;}
.f1__b-item a{font-size:.32rem;font-weight:normal;font-stretch:normal;line-height:1.08rem;letter-spacing:0;color:#444444;text-align:left}

.more{display:block;width:1.3333rem;font-size:.28rem;color:#00704a; font-style: italic; float: right;}


.f3{width:100%;overflow:hidden; background:#e0f7fe url("bg2-1.jpg") no-repeat 0 0 ;background-size:100%;height:auto; padding-bottom: 0.3rem;}
.f3__t{margin-top:.4267rem;width:100%;height:100%;overflow:hidden}
.f3__t a{display:inline-block}
.f3__t a img{height:100%;}
.f3__m{margin-top:.36rem;width:100%;height:auto;position:relative}
.f3__m .swiper2{width:100%;height:auto;}
.ljcj {width:7.5rem;margin:7.5rem auto 0; }
.ljcj li {float:left;width: 3rem; margin: 0 .3rem;}
.ljcj li img{width: 100%;}
.f3__m .arrow-left2{background:url("t2-l.png") no-repeat left top;background-size:100% 100%;position:absolute;left:0;top:50%;margin-top:-0.2933rem;width:.5733rem;height:.5867rem;z-index:99}
.f3__m .arrow-right2{background:url("t2-r.png") no-repeat left top;background-size:100% 100%;position:absolute;right:0;top:50%;margin-top:-0.2933rem;width:.5733rem;height:.5867rem;z-index:99}
.f3__m .swiper2 .section{position:relative;width:9.4rem;height:auto; border: 1px solid #ffe0a5; background-color: #fff; margin: 0 auto; padding-bottom: .34rem;}
.f3__m .swiper2 .section img{width:9.1rem;height:5.05rem; margin:.16rem auto 0;}
.f3__m .swiper2 .section h3{font-size:.47333rem; width:100%;bottom:0;height:1.2rem;line-height:1.2rem;padding:0 0.72rem;color:#d4180e;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;white-space:nowrap;font-weight: bold; text-align: center;}
.f3__m .swiper2 .section h3 a{ color: #d4180e;}
.f3__m .swiper2 .section p{font-size:.32rem;font-weight:normal;line-height:.4 8rem;color:#888888;padding:0 0.32rem;}

.f4{width:100%;overflow:hidden; }
.f4 img{width: 100%; height: auto;}
.xmtch_k{width:9.4rem; margin:0.26rem auto 0;height:3.72rem; border: 1px solid #95d5fe; background-color: #fff;}
.xmtch_k img{ width:6.30rem; height:3.52rem; margin:.1rem; display: block; object-fit: cover; float:left;}
.xmtch_k h3{  float:right;font-size:.3733rem; width:2.24rem;bottom:0;height:0.56rem;line-height:0.56rem;padding:0.32rem;font-weight: bold;} 
.xmtch_k h3 a{ color: #333333;}

.f5{width:100%;overflow:hidden; }
.f5__t{margin-top:.4267rem;width:100%;height:100%;overflow:hidden}
.f5__t a{display:inline-block}
.f5__t a img{height:100%;}
.f5__m{margin-top:.36rem;width:100%;height:auto;overflow:hidden;position:relative}
.f5__m .swiper3{width:100%;height:auto;}
.f5__m .swiper3 .section{position:relative;width:9.4rem;height:auto; border: 1px solid #ffe0a5; background-color: #fff; margin: 0 auto; padding-bottom: .34rem;}
.f5__m .swiper3 .section img{width:9.1rem;height:5.05rem; margin:.16rem auto 0;}
.f5__m .swiper3 .section h3{font-size:.47333rem; width:100%;bottom:0;height:1.2rem;line-height:1.2rem;padding:0 0.72rem;color:#d4180e;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;white-space:nowrap;font-weight: bold; text-align: center;}
.f5__m .swiper3 .section h3 a{ color: #d4180e;}
.f5__m .swiper3 .section p{font-size:.32rem;font-weight:normal;line-height:.4 8rem;color:#888888;padding:0 0.32rem;}

.f5__m .arrow-left3{background:url("t2-l.png") no-repeat left top;background-size:100% 100%;position:absolute;left:0;top:50%;margin-top:-0.2933rem;width:.5733rem;height:.5867rem;z-index:99}
.f5__m .arrow-right3{background:url("t2-r.png") no-repeat left top;background-size:100%
100%;position:absolute;right:0;top:50%;margin-top:-0.2933rem;width:.5733rem;height:.5867rem;z-index:99}
.f5__b{position:relative;width:100%;height:1.08rem;overflow:hidden}
.f5__b .more{position:absolute;bottom:.4667rem;right:.6667rem;display:block;width:1.3333rem;height:.1733rem;background:url("https://nfcms-mainsiteoss.southcn.com/economy/__tpl_asset/zt/2022/2022sc/m/img/more.png")
top center no-repeat;background-size:100% 100%}

.f6{width:100%;overflow:hidden; background:#d3f0fb url("bg6.jpg") no-repeat 0 0;background-size:100%; height: 5rem;}
.f6__t{margin-top:.4267rem;width:100%;height:100%;overflow:hidden}
.f6__t a{display:inline-block}
.f6__t a img{height:100%;}
.f6__m{box-sizing:border-box;padding-left:.3467rem;width:100%;overflow:hidden}
.f6__m-title {
    box-sizing: border-box;
    padding: 0.1rem 0 0 0.4rem;
    width: 8.5467rem;
    line-height: .4667rem;
    background: url(t8-s-bg.png) top center no-repeat;
    background-size: 100% 100%;
    margin-top: 0.4rem;
}
.f6__m-title a {
    font-size: .32rem;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0;
    color: #b30f0a;
}

.f5__m iframe{ width:100%; margin:.48rem 0; height:8.7rem; background-color:#eaf3ff; }
.f5 .yjsj{width:100%; margin:.30rem auto 0; }
.f5 .yjsj p{ font-size:.32rem;color: #444444; text-align: center;}
/* 弹窗遮罩层 */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75); /* 半透明黑色 */
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    backdrop-filter: blur(2px); /* 可选：背景模糊效果 */
}

/* 弹窗容器 */
.modal-box {
    width: 7rem;
    height: auto; 
    background: #fff;
    padding: .3rem;
    position: relative;
    animation: modalFadeIn 0.3s ease; /* 弹窗淡入动画 */
    border-radius: 5px;
}

/* 弹窗关闭按钮 */
.modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 24px;
    color: #666;
    cursor: pointer;
    transition: color 0.2s;
    line-height: 1;
}

.modal-close:hover {
    color: #ff4444;
}

/* 弹窗内容样式 */
.modal-title {
    font-size: .45rem;
    font-weight: bold;
    color: #212529;
    /* margin-bottom: 15px;
    padding-bottom: 10px; */
    text-align: center;
}

.modal-desc {
    font-size: 16px;
    color: #495057;
    line-height: 1.6;
    text-align: justify;
}

/* 弹窗淡入动画 */
@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}