.listTop {
    height: 859px;
    height: 4rem;
    background: url(25ptbg.jpg) no-repeat top #eff4fc;
    background-repeat: no-repeat;
    background-size: auto 859px;
    background-size: auto 4rem;
    position: relative;
}
.zjrc-body{
    background-color: #eff4fc;
}

.listTop .pTop {
    background: none;
}

.pTopLink,
.pTopLink .a-link {
    color: #ffffff;
}



.listTop .pLogo {
    margin-top: 30px;
    margin-top: .3rem;
}

.pLogo .logo-gh {
    width: auto;
    height: 77px;
    height: .77rem;
}

.pLogo .logo-font {
    width: auto;
    height: 77px;
    height: .77rem;
}

.listTop .pSearch {
    background-color: rgba(255, 255, 255, .5);
    margin-top: 55px;
    margin-top: .55rem;
}

.pSearch input[type="text"] {
    background-image: url(../image/2023-pSearch-ico-blue.png);
}

.pSearch input[type="text"]::placeholder {
    color: #8aaecc;
}

.pNav {
    display: none;
}





/**** 开发概况 ****/
.zjrc-rcgk {
    margin-top: 30px;
    margin-top: .3rem;
}

.zjrc-rcgk .rcgk-left {
    width: 460px;
    width: 4.60rem;
    height: 540px;
    height: 5.4rem;
    float: left;
    position: relative;
}

.zjrc-rcgk .rcgk-left #map {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99;
}

.zjrc-rcgk .rcgk-left .cq-map {
    width: 168px;
    width: 1.68rem;
    height: 134px;
    height: 1.34rem;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.zjrc-rcgk .rcgk-right {
    width: 820px;
    width: 8.2rem;
    float: right;
}

.zjrc-rcgk .rcgk-right .rcgk-tit {
    height: 258px;
    height: 2.58rem;
}

.zjrc-rcgk .rcgk-right .rcgk-tit .tit {
    float: right;
}

.zjrc-rcgk .rcgk-right .rcgk-tit .tit img {
    height: 258px;
    height: 2.58rem;
}

.zjrc-rcgk .rcgk-right .rcgk-tit .txtimg {
    height: 163px;
    height: 1.63rem;
    margin-top: 30px;
    margin-top: .3rem;
    display: block;
    float: left;
}

.zjrc-rcgk .rcgk-right .rcgk-con {
    line-height: 40px;
    line-height: .4rem;
    text-indent: 2em;
}

.zjrc-rcgk .rcgk-right .rcgk-con a {
    color: #4a88ca;
}

.zjrc-rcgk .rcgk-right .rcgk-con a:hover {
    color: #ff0000;
}

.zjrc-rcgk .rcgk-right .rcgk-btn::after {
    content: '';
    display: block;
    clear: both;
}

.zjrc-rcgk .rcgk-right .rcgk-btn li {
    width: 184px;
    width: 1.84rem;
    height: 50px;
    height: .5rem;
    line-height: 50px;
    line-height: .5rem;
    float: left;
    margin-right: 28px;
    margin-right: .28rem;
    margin-top: 25px;
    margin-top: .25rem;
}

.zjrc-rcgk .rcgk-right .rcgk-btn li:last-child {
    margin-right: 0;
}

.zjrc-rcgk .rcgk-right .rcgk-btn li a {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #dce4f0;
    font-size: 16px;
    font-size: .16rem;
}

.zjrc-rcgk .rcgk-right .rcgk-btn li a img {
    width: 40px;
    width: .4rem;
    height: 40px;
    height: .4rem;
    margin: 5px 12px 0 30px;
    margin: .05rem .12rem 0 .3rem;
    float: left;
}

.zjrc-rcgk .rcgk-right .rcgk-btn li a:hover img {
    animation: flipInY 1s linear;
}

/**** 文化旅游 ****/
.zjrc-tit {
    width: 489px;
    width: 11rem;
    display: block;
    margin: 0 auto;
}

.zjrc-tit img {
    width: 100%;
    display: block;
}

.zjrc-whly {
    margin-top: 10px;
    margin-top: .30rem;
padding-bottom: 35px;
background: url(bjxy.png) no-repeat bottom center #eff4fc;
}

.zjrc-whly .whly-left {
    width: 788px;
    width: 6.5rem;
    height: 500px;
    height: 5rem;
    float: right;
    margin-top: 30px;
    margin-top: .3rem;
}

.zjrc-whly .whly-left .swiper-slide a {
    width: 100%;
    height: 100%;
    display: block;
}

.zjrc-whly .whly-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.zjrc-whly .whly-right {
    width: 542px;
    width: 5.42rem;
    height: 500px;
    height: 5rem;
    float: left;
    margin-top: 30px;
    margin-top: .3rem;
}

.zjrc-whly .whly-right p {
    width: 168px;
    width: 1.68rem;
    height: 500px;
    height: 5rem;
    padding: 3px;
    padding: .03rem;
    display: block;
    overflow: hidden;
    position: relative;
    background: url(2025titbg.jpg) repeat-y top center;
    background-size: cover;
    cursor: pointer;
}

.zjrc-whly .whly-right p img {
    width: 168px;
    width: 1.68rem;
    height: 250px;
    height: 2.5rem;
    display: block;
    object-fit: cover;
}

.zjrc-whly .whly-right p::after {
    content: '';
    display: block;
    width: 160px;
    width: 1.6rem;
    width: calc(168px - 2px - 6px);
    width: calc(1.68rem - 2px - .06rem);
    height: 270px;
    height: 2.7rem;
    height: calc(250px - 2px - 6px);
    height: calc(2.5rem - 2px - .06rem);
    border: 1px solid rgba(255, 255, 255, .6);
    left: 6px;
    left: .06rem;
    top: 6px;
    top: .06rem;
    position: absolute;
}

.zjrc-whly .whly-right p span {
    width: 30px;
    width: .3rem;
    line-height: 30px;
    line-height: .3rem;
    height: 180px;
    height: 1.8rem;
    overflow: hidden;
    font-size: 24px;
    font-size: .24rem;
    color: #ffffff;
    display: block;
    margin: 25px auto 0;
    margin: .25rem auto 0;
}

.zjrc-whly .whly-right .swiper-slide-thumb-active p {
    background-image: url(2025active.jpg);
}

.zjrc-whly #whly-next,
.zjrc-whly #whly-prev {
    width: 28px;
    width: .28rem;
    height: 53px;
    height: .53rem;
    border: 1px solid #0051ab;
    top: calc((100% - 55px + 115px) / 2);
    top: calc((100% - .55rem + 1.15rem) / 2);
}

.zjrc-whly #whly-next::after,
.zjrc-whly #whly-prev::after {
    color: #0051ab;
    font-size: 16px;
}

.zjrc-whly #whly-prev {
    left: -45px;
    left: -.45rem;
}

.zjrc-whly #whly-next {
    right: -45px;
    right: -.45rem;
}

/**** 投资开发 ****/
.zjrc-tzrc {
    margin-top: 30px;
    margin-top: .3rem;
}

.zjrc-tzrc .tzrc-head {
    margin-top: 30px;
    margin-top: .3rem;
    text-align: center;
}

.zjrc-tzrc .tzrc-head li {
    display: inline-block;
    margin: 0 15px;
    margin: 0 .15rem;
}

.zjrc-tzrc .tzrc-head li a {
    width: 180px;
    width: 1.8rem;
    height: 50px;
    height: .5rem;
    line-height: 50px;
    line-height: .5rem;
    text-align: center;
    font-size: 16px;
    font-size: .16rem;
    color: #024081;
    background: url(../image/2023-zjrc-tzrc-head.png) no-repeat center;
    background-size: 180px 50px;
    background-size: 1.8rem .5rem;
}

.zjrc-tzrc .tzrc-head li.active a {
    color: #ffffff;
    font-weight: 700;
    background-image: url(../image/2023-zjrc-tzrc-head-active.png);
}

.zjrc-tzrc .tzrc-con {
    margin-top: 30px;
    margin-top: .3rem;
}

.zjrc-tzrc .tzrc-con .swiper-slide {
    background-color: #eff4fc;
}

.zjrc-tzrc .tzrc-con .tzrc-con-left {
    width: 782px;
    width: 7.82rem;
    margin-top: 30px;
    margin-top: .3rem;
    float: left;
}

.zjrc-tzrc .tzrc-con .tzrc-con-left p {
    text-indent: 2em;
    line-height: 44px;
    line-height: .44rem;
    text-align: justify;
    color: #000;
}

.zjrc-tzrc .tzrc-con .tzrc-con-left .txt {
    height: 176px;
    height: 1.76rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 4;
    word-wrap: break-word;
    word-break: break-all;
}

.zjrc-tzrc .tzrc-con .tzrc-con-left .more {
    text-indent: 0;
    text-align: right;
    padding-top: 20px;
    padding-top: .2rem;
}

.zjrc-tzrc .tzrc-con .tzrc-con-left .more a {
    color: #255baf;
}

.zjrc-tzrc .tzrc-con .tzrc-con-left .more a:hover {
    color: #ff0000;
}

.zjrc-tzrc .tzrc-con .tzrc-con-left .pList {
    height: 220px;
    height: 2.2rem;
}

.zjrc-tzrc .tzrc-con .tzrc-con-left .pList::after {
    content: '';
    display: block;
    clear: both;
}

.zjrc-tzrc .tzrc-con .right-img {
    width: 528px;
    width: 5.28rem;
    float: right;
    display: block;
}

/**** 图说开发 ****/
.zjrc-tsrc {
    margin-top: 30px;
    margin-top: .3rem;
}

.zjrc-tsrc .tsrc-con {
    margin-top: 30px;
    margin-top: .3rem;
}

.zjrc-tsrc #tsrc-swiper {
    overflow: initial;
}

.zjrc-tsrc .tsrc-con .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 450px;
    width: 4.5rem;
    height: 300px;
    height: 3rem;

}

.zjrc-tsrc .tsrc-con .tsrc-con-btn {
    width: 100%;
    text-align: center;
    margin-top: 35px;
    margin-top: .35rem;
}

.zjrc-tsrc .tsrc-con .swiper-pagination {
    position: relative;
    display: inline-block;
    width: calc(120px + 60px);
    width: calc(1.2rem + 60px);
}

.zjrc-tsrc .tsrc-con .swiper-pagination-bullet {
    width: 8px;
    width: .08rem;
    height: 8px;
    height: .08rem;
    background-color: inherit;
    border-radius: 5px;
    border-radius: .05rem;
    border: 1px solid #255baf;
    opacity: 1;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    margin: 0 2px;
}

.zjrc-tsrc .tsrc-con .swiper-pagination-bullet-active {
    width: 48px;
    width: .48rem;
}

.zjrc-tsrc .tsrc-con .swiper-button-next,
.zjrc-tsrc .tsrc-con .swiper-button-prev {
    position: relative;
    display: inline-block;
    width: 32px;
    width: .32rem;
    height: 32px;
    height: .32rem;
    line-height: 30px;
    line-height: .3rem;
    border-radius: 5px;
    border-radius: .05rem;
    background-color: #dce4f0;
    margin: 0 5px;
    margin: 0 .05rem;
    left: auto;
    right: auto;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.zjrc-tsrc .tsrc-con .swiper-button-next::after,
.zjrc-tsrc .tsrc-con .swiper-button-prev::after {
    font-size: 16px;
    font-size: .16rem;
    color: #255baf;
}

.zjrc-tsrc .tsrc-con .swiper-button-next:hover,
.zjrc-tsrc .tsrc-con .swiper-button-prev:hover {
    background-color: #d0dae8;
}

/**** 开发视频 ****/


.zjrc-rcsp .rcsp-tit::before {
    content: '';
    display: block;
    width: calc(100% - 6px - 2px);
    height: calc(100% - 6px - 2px);
    border: 1px solid rgba(255, 255, 255, .6);
    position: absolute;
    left: 3px;
    top: 3px;
}

.zjrc-rcsp .rcsp-tit a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 9;
    color: #ffffff;
}

.zjrc-rcsp .rcsp-tit .pc {
    width: 323px;
    width: 3.23rem;
    margin: 68px auto 0;
    display: block;
}

.zjrc-rcsp .rcsp-tit .wap {
    display: none;
}

.zjrc-rcsp .rcsp-tit span {
    text-align: center;
    width: 100%;
    margin-top: 60px;
    margin-top: .6rem;
    display: block;
}

.zjrc-rcsp .rcsp-tit a:hover {
    color: #ffff00;
}

.zjrc-rcsp .rcsp-con {
    width: 960px;
    width: 9.6rem;
    height: 460px;
    height: 4.6rem;
    float: right;
    margin-top: 52px;
    margin-top: .52rem;
}

.zjrc-rcsp .rcsp-con a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

.zjrc-rcsp .rcsp-con img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}



.zjrc-rcsp .rcsp-con a:hover i {
    animation: tiaodong 600ms ease-out infinite alternate;;
}

/**** 手机端 ****/
@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
    .listTop .pTop{
        display: block;
        height: 2rem !important;
    
    }
    .listTop{
        height: 2rem !important;
    }
    .totiti{top: 25px !important;}
    .x32 .prev,.x32 .next{display: none;}
    .bottzgf{margin-top: 20px !important;}
  
.zjrc-whly #whly-next,.zjrc-whly #whly-prev{
    display: none;
}
.banner-wrapper a{height:200px !important;}
.container{
    width: 100% !important;
}
 
    .pTop {
        background-image: inherit !important;
    }
    
    .pSearch input[type="text"] {
        color: #ffffff;
        background-image: url(../image/2023-pSearch-ico-white.png);
    }
    
    .pSearch input[type="text"]::placeholder {
        color: rgba(255, 255, 255, .8);
    }

    .zjrc-logo {
        margin: 0 auto 1rem;
        width: 80%;
        height: auto;
    }

    .zjrc-body {
        background-size: auto 3.5rem;
    }

    .zjrc-rcgk {
        margin-top: 10px;
    }

    .zjrc-rcgk .rcgk-right {
        width: 100%;
        float: none;
    }

    .zjrc-rcgk .rcgk-right .rcgk-tit {
        height: auto;
    }

    .zjrc-rcgk .rcgk-right .rcgk-tit::after {
        content: '';
        display: block;
        clear: both;
    }

    .zjrc-rcgk .rcgk-right .rcgk-tit .txtimg {
        width: 62%;
        height: auto;
        margin: 0 4%;
    }

    .zjrc-rcgk .rcgk-right .rcgk-tit .tit {
        width: 30%;
    }

    .zjrc-rcgk .rcgk-right .rcgk-tit .tit img {
        width: 100%;
        height: auto;
    }

    .zjrc-rcgk .rcgk-right .rcgk-con {
        margin-top: 10px;
    }

    .zjrc-rcgk .rcgk-right .rcgk-con p {
        text-align: justify;
    }

    .zjrc-rcgk .rcgk-right .rcgk-btn li {
        width: calc(25% - 6px);
        margin-right: 8px;
        margin-top: 10px;
        height: auto;
    }

    .zjrc-rcgk .rcgk-right .rcgk-btn::after {
        content: '';
        display: block;
        clear: both;
    }

    .zjrc-rcgk .rcgk-right .rcgk-btn li:last-child {
        margin-right: 0;
    }

    .zjrc-rcgk .rcgk-right .rcgk-btn li a {
        padding-top: 10px;
        text-align: center;
    }

    .zjrc-rcgk .rcgk-right .rcgk-btn li a img {
        margin: 0 auto;
        float: none;
        display: block;
    }

    .zjrc-rcgk .rcgk-left {
        width: 100%;
        margin-top: 10px;
        float: none;
        height: calc(100vw * 1);
    }

    .zjrc-tit {
        width: 80%;
    }

    .zjrc-whly .whly-left {
        width: 100%;
        margin-top: .2rem;
        height: calc(100vw * .55);
        float: none;
    }

    .zjrc-whly .whly-right {
        width: 100%;
        margin-top: 10px;
        float: none;
        height: auto;
    }

    .zjrc-whly .whly-right p {
        width: calc(100% - .06rem);
        height: calc(100vw * .2 + .4rem);
        background-position: bottom;
    }

    .zjrc-whly .whly-right p .pc {
        width: 100%;
        height: calc(100vw * .2);
    }

    .zjrc-whly .whly-right p::after {
        width: calc(100% - 2px - .12rem);
        height: calc(100vw * .2 - 2px - .06rem);
    }

    .zjrc-whly .whly-right p span {
        width: 90%;
        padding: 0 5%;
        font-size: .14rem;
        margin: 0;
        text-align: center;
        height: .4rem;
        line-height: .4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .zjrc-whly .whly-right p img {
        width: 100%;
        height: calc(100vw * .2);
        object-fit: cover;
    }

    .zjrc-whly #whly-prev {
        left: 0;
    }

    .zjrc-whly #whly-next {
        right: 0;
    }

    .zjrc-tzrc .tzrc-head {
        margin-top: .1rem;
    }

    .zjrc-tzrc .tzrc-head li {
        margin-top: 10px;
    }

    .zjrc-tzrc .tzrc-con {
        margin-top: 10px;
    }

    .zjrc-tzrc .tzrc-con .right-img {
        width: 60%;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
        opacity: .5;

    }

    .zjrc-tzrc .tzrc-con .tzrc-con-left {
        width: 100%;
        margin-top: 10px;
    }
    
    .zjrc-tsrc .tsrc-con,
    .zjrc-tsrc .tsrc-con .tsrc-con-btn {
        margin-top: .2rem;
    }
    
    .zjrc-tsrc .tsrc-con .swiper-slide {
        width: 65%;
        height: calc(100vw * .48);
    }
    
    .zjrc-rcsp .rcsp-tit {
        width: 100%;
        margin-top: 0;
        float: none;
        background: none;
        padding-top: .2rem;
        height: auto;
    }
    
    .zjrc-rcsp .rcsp-tit .pc,
    .zjrc-rcsp .rcsp-tit span,
    .zjrc-rcsp .rcsp-tit::before {
        display: none;
    }
    
    .zjrc-rcsp .rcsp-tit .wap {
        width: 80%;
        display: block;
        margin: 0 auto;
    }
    
    .zjrc-rcsp {
        margin-top: .2rem;
    }
    
    .zjrc-rcsp .rcsp-con {
        width: calc(100% - 20px);
        height: calc(100vw * .55);
        float: none;
        margin: .2rem 10px;
    }
    
    .zjrc-rcsp .rcsp-con i {
        left: calc((100% - .5rem) / 2);
        top: calc((100% - .5rem) / 2);
    }
}

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

.whly-left p{
        width: 100%;
    line-height: 60px;
    background: rgba(0, 0, 0, .6);
    font-size: 18px;
    color: #fff;
    transition: all .5s;
    padding: 0 10px;
    bottom: 0px;
        position: absolute;
    left: 0;
}
.x3{background: url(hksd.jpg) no-repeat bottom center #FFFFFF;    padding: 35px 0 50px 0;
}
.container {
    max-width: 1420px;
    padding: 0 10px;
    margin: 0 auto;
    height: 100%;
    width: 12rem;
}
.x32 .prev {
       left: 280px;
        bottom: 1860px;
}
.x32 .btn{
    position: absolute;
    user-select: none;
}
.x32 .next {
      right: 280px;
     bottom: 1860px;
}
.x33 {
    padding: 10px 0;
}


.x33 a {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    width: 720px;
    width: 99%;
    height: 480px;
}
.x33 a img{
    transition: all .5s;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.x33 a p{
       transition: all .5s;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    position: absolute;
    left: 0;
    bottom: -426px;
    line-height: 55px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, .6);
}

   /* 容器样式 */
        .policy-container {
            
            margin: 30px auto;
            font-family: "Microsoft YaHei", sans-serif;
            position: relative;
        }
        
        /* 边框设计 */
        .policy-container::before {
            content: "";
            position: absolute;
            top: -3px;
            left: -3px;
            right: -3px;
            bottom: -3px;
            background: linear-gradient(to right, #4A90E2, #6AA7F0);
            border-radius: 6px;
            z-index: -1;
            opacity: 0.5;
            transition: opacity 0.3s ease;
        }
        
        .policy-container:hover::before {
            opacity: 0.8;
        }
        
        /* 标题栏样式 */
        .policy-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: linear-gradient(to right, #015596, #6AA7F0);
            padding: 10px 15px;
            border-radius: 4px 4px 0 0;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
        }
        
        .policy-header:hover {
            box-shadow: 0 4px 8px rgba(0,0,0,0.15);
        }
        
        .policy-title {
            font-size: 18px;
            color: #fff;
            font-weight: bold;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        }
        
        .more-link {
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            position: relative;
            padding-right: 15px;
            transition: color 0.3s ease;
        }
        
        .more-link::after {
            content: ">";
            position: absolute;
            right: 0;
            top: 0;
            transition: transform 0.3s ease;
        }
        
        .more-link:hover {
            color: #e0e0e0;
            text-decoration: none;
        }
        
        .more-link:hover::after {
            transform: translateX(3px);
        }
        
        /* 列表样式 */
        .policy-list {
            border: 1px solid #e0e0e0;
            border-top: none;
            padding: 15px;
            border-radius: 0 0 4px 4px;
            background-color: #fff;
            transition: all 0.3s ease;
        }
        
        .policy-list:hover {
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        }
        
        .policy-list ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .policy-list li {
            line-height: 1.8;
            padding: 8px 0;
            color: #333;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border-bottom: 1px dashed #f0f0f0;
            transition: all 0.3s ease;
            display: flex;
        }
        
        .policy-list li:last-child {
            border-bottom: none;
        }
        
        .policy-list li::before {
            content: "■";
            color: #4A90E2;
            display: inline-block;
            width: 1em;
            margin-right: 5px;
            transition: transform 0.3s ease;
        }
        
        .policy-list li:hover {
            background-color: #f5f9ff;
            transform: translateX(5px);
        }
        
        .policy-list li:hover::before {
            transform: scale(1.2);
        }
        
        /* 链接样式 */
        .policy-link {
            color: #333;
            text-decoration: none;
            display: block;
            position: relative;
            padding-right: 20px;
        }
        
        .policy-link::after {
            content: "→";
            position: absolute;
            right: 0;
            top: 0;
            opacity: 0;
            transition: opacity 0.3s ease, transform 0.3s ease;
        }
        
        .policy-link:hover {
            color: #4A90E2;
        }
        
        .policy-link:hover::after {
            opacity: 1;
            transform: translateX(5px);
        }
    .jwtz{margin-top: 30px;}
    .jwtz img{width: 100%;}

    .ippoh{display: flex; width: 54.5%;}
    .ippoh-l{display: flex;}
    .imspng{width: 6%;}
    .texzt{padding-left: 5px;}


 
    .totiti{position: absolute;top: 65px;   }
      .totiti img{width: 100%;}



        .org-card {
            max-width: 1200px;
            margin: 0 auto;
            background: #ffffff;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            overflow: hidden;
            transform: translateY(0);
            transition: all 0.3s ease;
        }
        
        .org-card:hover {
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
            transform: translateY(-2px);
        }
        
        .card-header {
            padding: 32px 40px;
            background: linear-gradient(90deg, #015596 0%, #6AA7F0 100%);
            color: white;
            position: relative;
            overflow: hidden;
        }
        
        .card-header::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            background: rgba(255, 255, 255, 0.05);
            transform: skewX(-15deg);
            transform-origin: top right;
        }
        
        .card-title {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 8px;
            letter-spacing: 0.5px;
            position: relative;
            z-index: 1;
        }
        
        .card-subtitle {
            font-size: 14px;
            line-height: 1.8;
            color: rgba(255, 255, 255, 0.85);
            position: relative;
            z-index: 1;
        }
        
        .contact-grid {
                display: grid;
    grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
    gap: 10px;
    padding: 32px;
        }
        
        .contact-item {
            position: relative;
            background: #ffffff;
            border: 1px solid #e6e6e6;
            border-radius: 8px;
            padding: 24px;
            text-align: center;
            overflow: hidden;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 140px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
        }
        
        /* 默认状态显示的行业图标 */
        .industry-icon {
            width: 40px;
            height: 40px;
            margin: 0 auto 12px auto;
            background-size: contain;
            background-repeat: no-repeat;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .contact-name {
            font-size: 14px;
            font-weight: 500;
            color: #333;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            max-width: 90%;
            line-height: 1.4;
            position: relative;
            z-index: 1;
        }
        
        .contact-phone {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            transform: translateY(-50%);
            color: white;
            opacity: 0;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            font-size: 16px;
            z-index: 2;
            font-weight: 700;
        }
        
        /* 手机图标（默认隐藏） */
        .contact-item::before {
            content: "";
            width: 24px;
            height: 24px;
            background: url('phone.png') no-repeat center;
            background-size: cover;
            display: block;
            position: absolute;
            top: 50%;
            left: 11%;
            transform: translateY(-50%);
            opacity: 0;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 3;
        }
        
        .contact-item::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, #6ba6eb 0%, #1867aa 100%);
            transform: scale(0);
            transform-origin: center;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            border-radius: 8px;
        }
        
        .contact-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(64, 158, 255, 0.15);
            border-color: #409eff;
        }
        
        .contact-item:hover::after {
            transform: scale(1);
        }
        
        .contact-item:hover::before {
            opacity: 1;
            transform: translateY(-50%);
        }
        
        .contact-item:hover .industry-icon {
            opacity: 0;
            transform: scale(0.8);
        }
        
        .contact-item:hover .contact-name {
            opacity: 0;
        }
        
        .contact-item:hover .contact-phone {
            opacity: 1;
            transform: translate(12px, -50%); /* 向右偏移，为图标腾出空间 */
        }
        
        @media (max-width: 768px) {
          .news_list_menu ul li span {
            font-size: 16px;}
          .news_list_menu ul li {
            margin-left: 6px;}
          .news_list_sub ul{    min-height: auto;}
      .sthj-container {
        margin-top: 0.3rem !important;
        display: flex !important
;
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: space-between !important;
    }
   /* .sthj-container a {
        display: flex !important
;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        position: relative !important;
        height: 5rem !important;
        width: 48% !important;
        margin-top: 0.2rem;
    }
.sthj-container a img:nth-child(1) {
    position: absolute;
    left: 0.2rem;
    top: 0.2rem;
    width: calc(100% - 0.4rem);
    height: calc(100% - 0.4rem);
    -o-object-fit: cover;
       object-fit: cover;
  }
 .sthj-container a img:nth-child(2) {
    height: 0.8rem;
    width: auto;
    z-index: 3;
    transition: all 0.3s ease;
  }
  .sthj-container a .name {
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 0.4rem;
    margin-top: 0.2rem;
    z-index: 3;
    transition: all 0.3s ease;
  }*/
             .tsbbbox{width: 96%;margin: 0 auto;}
      .tsbbbox ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
      .tsbbbox ul li:nth-of-type(1){width: 100%  !important;height: auto  !important;margin-right: 0;}
      .tsbbbox ul li{height: auto !important;margin: 0 0 0.15rem 0 !important;width: 49% !important;}
      .tsbbbox ul li .box .box-content{line-height: .7rem;
        height: 0.7rem;}
      .tsbbbox ul li .box .box-content span{line-height: .7rem;}
      .tsbbbox{margin-top: .4rem;}
            .contact-grid {
                grid-template-columns: 1fr;
                gap: 16px;
                padding: 24px;
            }
            
            .card-header {
                padding: 24px 28px;
            }
            
            .card-title {
                font-size: 20px;
            }
            
            .card-subtitle {
                font-size: 13px;
            }
            
            .contact-item {
                height: 120px;
                padding: 20px;
            }
            
            .industry-icon {
                width: 36px;
                height: 36px;
                margin-bottom: 10px;
            }
            
            .contact-phone {
                font-size: 15px;
            }
            
            /* 调整移动端手机图标的位置 */
            .contact-item::before {
                left: 25%;
                width: 20px;
                height: 20px;
            }
            
            .contact-item:hover .contact-phone {
                transform: translate(10px, -50%);
            }
        }
.bottzgf{
margin-top: 35px;
background: url(bjxyt.png) no-repeat bottom center #eff4fc;
}



 /* 顶部大图容器 */
    .banner-container {
      width: 100%;
      max-width: 1200px;
      margin: 15px auto;
      overflow: hidden;
      border-radius: 12px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      position: relative;
      transition: all 0.3s ease;
      height: 500px; /* 设置固定高度 */
    }

    .banner-container:hover {
      box-shadow: 0 0 25px rgba(0, 153, 255, 0.2);
    }

    .banner-wrapper {
      display: flex;
      width: 100%;
      height: 100%; /* 继承容器高度 */
      transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .banner-item {
      min-width: 100%;
      position: relative;
      height: 100%; /* 继承容器高度 */
    }
    .banner-wrapper a{
        width: 100%;
        height: 500px;
    }

    .banner-item img {
      width: 100%;
      height: 100%; /* 填满父容器 */
      display: block;
      transition: all 0.3s ease;
      object-fit: cover; /* 关键属性：图片填满容器，可能会裁剪 */
    }

    .banner-item:hover img {
      transform: scale(1.01);
    }

    /* 场馆名称显示层 */
    .banner-name {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 20px;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
      color: white;
      font-size: 24px;
      font-weight: bold;
      text-align: center;
      opacity: 0;
      transform: translateY(10px);
      transition: all 0.3s ease;
      pointer-events: none; /* 确保不影响鼠标事件 */
    }

    .banner-item:hover .banner-name {
      opacity: 1;
      transform: translateY(0);
    }

    /* 轮播箭头按钮 */
    .carousel-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0, 0, 0, 0.5);
      color: white;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      cursor: pointer;
      z-index: 10;
      transition: all 0.3s ease;
      opacity: 0;
    }

    .banner-container:hover .carousel-arrow {
      opacity: 1;
    }
.fa img{width:30px;}
    .carousel-arrow:hover {
      background: rgba(255, 102, 0, 0.8);
      transform: translateY(-50%) scale(1.1);
    }

    .arrow-left {
      left: 20px;
    }

    .arrow-right {
      right: 20px;
    }

    /* 底部选项卡容器 */
    .tab-container {
      width: 100%;
      max-width: 1200px;
      margin: 30px auto 40px; /* 增加与大图的间距 */
      display: flex;
      justify-content: center;
      gap: 30px; /* 增加选项卡之间的间距 */
      flex-wrap: wrap;
    }

    .tab-link {
      display: block;
      text-decoration: none;
    }

    .tab-item {
width: 265px;
    height: 170px;
      border: 3px solid #e0e0e0; /* 增加边框宽度 */
      overflow: hidden;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
      border-radius: 12px; /* 增加圆角 */
      background-color: #f8f8f8;
    }

    .tab-item:hover {
      transform: translateY(-8px) scale(1.05); /* 增加悬停时的缩放和上移效果 */
      box-shadow: 0 12px 25px rgba(0, 153, 255, 0.25);
      border-color: #0099ff;
    }

    .tab-item.active {
      border-color: #0e5fa1;
      transform: translateY(-10px) scale(1.08); /* 增加选中时的缩放和上移效果 */
      box-shadow: 0 15px 30px rgba(81 146 213, 0.35);
    }

    .tab-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.9;
      transition: all 0.3s ease;
    }

    .tab-item:hover img,
    .tab-item.active img {
      opacity: 1;
      transform: scale(1.1); /* 增加图片悬停和选中时的缩放效果 */
    }

    .tab-item span {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      font-size: 16px; /* 增加字体大小 */
      color: #fff;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
      padding: 12px 0 6px; /* 增加内边距 */
      text-align: center;
      transition: all 0.3s ease;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    }

    .tab-item:hover span,
    .tab-item.active span {
      background: linear-gradient(to top, rgba(8 90 156, 0.8), transparent);
    }

    /* 响应式适配 */
@media (max-width: 1460px) {
     .ippoh{width: 100%;}
    }


    @media (max-width: 768px) {
      .banner-container {
        width: 90%;
        height: 300px; /* 小屏幕下调整高度 */
      }
      
      .banner-name {
        font-size: 18px;
        padding: 15px;
color:white !important;
opacity:1 !important;
      }
      
      .tab-container {
        width: 90%;
        gap: 15px; /* 小屏幕下减少间距 */
      }

      .tab-item {
        width: 120px; /* 小屏幕下调整尺寸 */
        height: 80px; /* 小屏幕下调整尺寸 */
      }

      .tab-item span {
        font-size: 12px;
        padding: 8px 0 4px;
      }
      
      .carousel-arrow {
        width: 40px;
        height: 40px;
        font-size: 18px;
      }
      
      .arrow-left {
        left: 10px;
      }
      
      .arrow-right {
        right: 10px;
      }
    }

    @media (max-width: 480px) {
      .banner-container {
        height: 200px; /* 超小屏幕下进一步调整高度 */
      }
      
      .banner-name {
        font-size: 14px;
        padding: 10px;
      }
      
      .tab-container {
        gap: 10px;
      }

      .tab-item {
        width: 85px; /* 超小屏幕下进一步调整尺寸 */
        height: 60px; /* 超小屏幕下进一步调整尺寸 */
        border-width: 2px;
      }

      .tab-item span {
        font-size: 10px;
        padding: 6px 0 3px;
      }
      
      .carousel-arrow {
        width: 30px;
        height: 30px;
        font-size: 16px;
      }
    }


    .tsbbbox {margin-top: .3rem;}
    .tsbbbox ul{overflow: hidden;}
    .tsbbbox ul li {
      width: 3.333rem;height: 2.14rem;
      float: left;    position: relative;
      margin: 0 0.15rem 0.15rem 0;
      overflow: hidden;border-radius: .1rem;
    }
    .tsbbbox ul li:nth-child(3), .tsbbbox ul li:nth-child(5){margin: 0 0 0.15rem 0;}
    .tsbbbox ul li .box {
      display: block;
    }
    .tsbbbox ul li .box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.4s linear;border-radius: .1rem;
    }
    .tsbbbox ul li .box img:hover{  
      transform: scale(1.03);
      -webkit-transform: scale(1.03);
      -moz-transform: scale(1.03);
      -ms-transform: scale(1.03);
      -o-transform: scale(1.03);}
    .tsbbbox ul li .box .box-content {
      width: 100%;
      position: absolute;
      line-height:.4rem;
      height:.4rem;
      bottom: .4rem;background: url(2023-zjrc-tzrc-head.png) no-repeat center center;background-size: 100% 100%;
      left: 0;
    }
    .tsbbbox ul li .box .box-content span {
      padding: 0 .2rem;
      color: #fff;
      text-align: left;
      line-height:.4rem;
      display: block;
    }
    .tsbbbox ul li:nth-of-type(1) {
      width: 5rem ;height: 4.42rem;
    }
    .tsbbbox ul li:nth-of-type(1) a {
      height: 4.46rem;
    }


.sthj-container {
  margin-top: 0.2rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
flex-wrap: wrap;
	background: #fff;
    padding: 20px;    border-radius: 10px;
}
 /*.sthj-container a {
 display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
 height: 2.2rem;
    width: 33%;
    margin-top: 12px;
}
.sthj-container a::before {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(2023-zjrc-tzrc-head-active.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left top;
}
.sthj-container a img:nth-child(1) {
  position: absolute;
  left: 0.11rem;
  top: 0.11rem;
  width: calc(100% - 0.22rem);
  height: calc(100% - 0.22rem);
  -o-object-fit: cover;
     object-fit: cover;
}
.sthj-container a img:nth-child(2) {
  height: 0.35rem;
  width: auto;
  z-index: 3;
  transition: all 0.3s ease;
}
.sthj-container a .name {
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 0.20rem;
  margin-top: 0.2rem;
  z-index: 3;
  transition: all 0.3s ease;
}
.sthj-container a:hover img:nth-child(2) {
  transform: rotateY(360deg);
}
.sthj-container a:hover .name {
  letter-spacing: 4px;
}
.sthj-container a .nameone{
 transition: all 0.3s ease;
}
.sthj-container a:hover .nameone{
 letter-spacing: 10px;
}*/