@charset "utf-8";

/* 首页大广告图-indBanner*/ 
.indBanner{ overflow:hidden; width:1260rem; margin:0 auto 20rem;}
.indBanner .swiper-wrapper .swiper-slide{pointer-events:auto;}
.indBanner .swiper-slide .con{display:block; position:absolute; left:0rem; height:78rem; bottom:0; right:0; z-index:1 }
.indBanner .swiper-slide .con .title{display:none; height:62rem; line-height:62rem; padding:16rem 30rem 0; font-size:22rem; color:#fff; text-align:left; position:relative; z-index:10; }
.indBanner .swiper-slide .con .title .tit{color:#fff;}
.indBanner .swiper-slide .con .title .tit:hover{text-decoration:none}
.indBanner .swiper-slide .con .titleBg{position:absolute; left:0rem; bottom:0; right:0; height:78rem; z-index:9; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5))}
.indBanner .swiper-slide .con .intro{display:none;}
.indBanner .swiper-slide .pic img{width:100%}
.indBanner .swiper-pagination{bottom:15rem; left:auto; right:16rem; width:auto;}
.indBanner .swiper-pagination .swiper-pagination-bullet{width:28rem; height:3rem; background:#ffffff; opacity:0.45; margin:0 8rem; border-radius: 0;}
.indBanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(204, 3, 1, 1); opacity:1}

.indBanner .swiper-button-prev { left: 24rem; width: 52rem; height: 52rem; background: rgba(0, 0, 0, 0.45); }
.indBanner .swiper-button-next { right: 24rem; width: 52rem; height: 52rem; background: rgba(0, 0, 0, 0.45); }
.indBanner .swiper-button-prev:after, .indBanner .swiper-button-next:after { font-size: 28rem; color: #fff; font-weight: bold; }

#indBanner2  .swiper-slide .con{display:none}
#indBanner2 .swiper-wrapper .swiper-slide{pointer-events:none;}

/* 框架 */
#content{padding:0; background:none; width:auto; margin:0;}
.rowGroup{margin-bottom:20rem;}

/* indBox */
.indBox{background:#fff; padding:15rem; box-sizing:border-box}
.indBox > .hd{height:40rem; position:relative;}
.indBox > .hd::before{content:"";height:6rem;display:block;position:absolute;left:0rem;bottom:0rem;right: 18rem;background:url(../../base/img/indbox-hd-bg1.png) 100% 0rem repeat-x;z-index:5; background-size:auto 6rem;}
.indBox > .hd::after{content:""; height:6rem; display:block; position:absolute; bottom:0; background:url(../../base/img/indbox-hd-bg2.png) 0 0 no-repeat; right:0rem; width:34rem; background-size:34rem auto;}
.indBox > .hd h3.cn{height:40rem; line-height:40rem; float:left; padding:0 15rem; font-size:24rem; font-weight:normal; background:#cc0301; color:#fff; position:relative; z-index:10;}
.indBox > .hd h3.cn a{color:#fff; }
.indBox > .hd h3.cn a:hover{text-decoration:none; color:#FCF7B7}
.indBox > .hd h4.en{float:left; height:34rem; line-height:34rem; font-size:16rem; color:#595959; margin-left:12rem;}
.indBox > .hd .more{float:right; height:34rem; line-height:34rem; font-size:14rem; color:#595959; padding-right:10rem; }
.indBox > .hd .more:hover{color:#cc0301; text-decoration:none;}
.indBox > .bd{padding:15rem 0 0;}

/* columns-2 */
.columns-2{width: 100%;display:flex; flex-wrap: wrap; grid-gap:20rem; background-color: #fff; box-sizing: border-box;}

/* 新闻中心 通知公告 */
#rowGroupA .container { display: grid; grid-gap: 10rem; grid-template-columns: 3fr 1fr;  }
#rowGroupA .container::after, #rowGroupA .container::before{ display:none; }
#rowGroupA .container .indBox{ width:100%; overflow:hidden; }
/* 新闻中心 */
#indXwzx > .bd{display:flex; justify-content:space-between; grid-gap:30rem;}
#indXwzx .focusSwiper{width:385rem; flex-shrink:0;}
#indXwzx .focusSwiper .swiper-slide .pic img{width:385rem; height:251rem;}
#indXwzx .swiper-button-prev { left: 16rem; width: 28rem; height: 28rem; background: rgba(0, 0, 0, .45); }
#indXwzx .swiper-button-next { right: 16rem; width: 28rem; height: 28rem; background: rgba(0, 0, 0, .45); }
#indXwzx .swiper-button-prev:after, #indXwzx .swiper-button-next:after { font-size: 16rem; color: #fff; }
#indXwzx .topicList{width:1rem; flex-grow:1; max-height:251rem; overflow:hidden;}

/* 通知公告 */
#indTzgg .topicList { max-height: 251rem; overflow: hidden; }
#indTzgg .topicList li.n { height: 48rem; line-height: 48rem; font-size: 16rem; padding-left: 0; justify-content: flex-start; align-items: center; }
#indTzgg .topicList li.n .date { order: 0; margin-left: 0; display: flex; align-items: flex-start; flex-direction: column; line-height: normal; }
#indTzgg .topicList li.n .date .dd { font-size: 18rem; color: #333; }
#indTzgg .topicList li.n .date .ym { font-size: 11rem; color: #999; padding: 4rem 0 0 1.5rem; }
#indTzgg .topicList li.n .tit { margin-left: 20rem; white-space: normal; line-height: 24rem; max-height: 48rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
#indTzgg .topicList li.n::before { display: none; }
#indTzgg .topicList li.n + li.n { margin-top: 20rem; }

/* 媒体关注 */
#indMtgz{}
.indPicList{display:grid; grid-template-columns:repeat(3,1fr);  grid-gap:20rem;}
.indPicList li{width:100%; background:#F8F8F8; overflow:hidden;}
.indPicList li .pic{width:100%; overflow:hidden; height:auto; }
.indPicList li .pic img{width:100%; height:auto;  aspect-ratio:387/220}
.indPicList li .con{padding:16rem 24rem;}
.indPicList li .con .title{ overflow:hidden; font-size:16rem; margin-bottom:12rem;}
.indPicList li .con .title a.tit{display:block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; height:24rem; line-height:24rem; font-size:16rem}
.indPicList li .con .title .date{ font-size:14rem;  order:2; flex-shrink:0; font-family:Arial; height:24rem; line-height:24rem;display:block; margin-bottom:5rem }
.indPicList li .con .intro{height:44rem; line-height:22rem; font-size:14rem; color:#707070;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }

/* rowGroupB 书香八桂 */
#rowGroupB .columns-2{ padding: 15rem; width: 100%;}
#rowGroupB .container .columns-2 .indBox{ padding: 0; width: 49%;}
#rowGroupB .container .columns-2 .indBox > .hd h3.cn{height:40rem; line-height:40rem; float:left; padding:0; font-size:18rem; font-weight:bold; background:none; position:relative; z-index:10;}
#rowGroupB .container .columns-2 .indBox > .hd h3.cn a{color:#cc0301; }
#rowGroupB .topicList {display:grid; grid-template-columns:repeat(2,1fr);  grid-gap:10rem;}
#rowGroupB .topicList li .title{display: flex; /*justify-content: center;*/ margin-top: 4rem;}
#rowGroupB .bd .bookNodeLine {display: none;}
/* #rowGroupB .bd .bookNodeLine {display: flex; justify-content: center; gap: 10rem; margin-bottom: 20rem;}
#rowGroupB .bd .bookNodeLine .nodeItem { display: flex; justify-content: center; align-items: center; width: 200rem; height: 40rem; background-color: #f5f5f5; border-radius: 20rem; cursor: pointer; box-sizing: border-box;}
#rowGroupB .bd .bookNodeLine .nodeItemSelected { font-weight: bold ; color:#cc0301; background-color: #fbf1f1; border:1rem solid #cc0301; } */
#rowGroupB .bookList li .con { height: 80rem ;}

#rowGroupB #indQmyd .topicList { display: block; }
#rowGroupB #indQmyd .topicList .t { border-bottom: none; margin-bottom: 0; padding-bottom: 0;  }
#rowGroupB #indQmyd .topicList .t  + .t { margin-top: 20rem; }
#rowGroupB #indQmyd .topicList .t .pic { margin-right: 0; }
#rowGroupB #indQmyd .topicList .t .pic a { height: 100%; }
#rowGroupB #indQmyd .topicList .t .con { background: #f8f8f8; padding: 16rem; }
#rowGroupB #indQmyd .topicList .t .intro { -webkit-line-clamp: 4; max-height: 88rem; }
/* #rowGroupB .container .indBox .bd .bookList li{ position: relative;} */
/* #rowGroupB .bookList li{ position: relative;} */

#rowGroupB .bookList { display:none; }
#rowGroupB .bookListActive { display:grid; }
#rowGroupB .bookList li{ position: relative;}

#rowGroupB .bookList li .awards::before{content:""; display:block; width:51%; position:absolute; left:0; bottom:0rem; top:0rem; background-image: radial-gradient(circle at left bottom, transparent 5rem, #FFF5E1 0); }
#rowGroupB .bookList li .awards::after{content:""; display:block; width:51%; position:absolute; right:0; bottom:0rem; top:0rem; background-image: radial-gradient(circle at right bottom, transparent 5rem, #FFF5E1 0); }
#rowGroupB .awards { position: absolute; z-index: 3; padding: 4rem 10rem; width: 90%; height: 20rem; font-size: 12px; top: 222rem; display: flex; justify-content: center; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#rowGroupB .awards p { color:#cc0301; z-index: 3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#rowGroupB .topicList .t{display:flex;}
#rowGroupB .topicList .t .pic{width:285rem; height:182rem; flex-shrink:0; margin-right:16rem}
#rowGroupB .topicList .t .con{ flex-grow:1; }
#rowGroupB .topicList .t .title{font-size:16rem; line-height:1.5; max-height:48rem; color:#333;}
#rowGroupB .topicList .t .title a{color:#333;}
#rowGroupB .topicList .t .title a:hover{color:#cc0301}
#rowGroupB .topicList .t .intro{max-height:66rem; -webkit-line-clamp:3}


#indZmsd .swiper-cover { width: 100%; }
#indZmsd .swiper-cover .swiper-slide .pic img { width: 100%; height: 302rem; }
#indZmsd .swiper-button-prev { left: 16rem; width: 28rem; height: 28rem; background: rgba(0, 0, 0, .45); }
#indXwzx .swiper-button-next { right: 16rem; width: 28rem; height: 28rem; background: rgba(0, 0, 0, .45); }
#indZmsd .swiper-button-prev:after, #indZmsd .swiper-button-next:after { font-size: 16rem; color: #fff; }

#indZmsd .swiper-slide .con {display:block; position:absolute; left:0rem; bottom:0; right:0; z-index:1; padding: 10rem; }
#indZmsd .swiper-slide .con .title{display:block; height:24rem; line-height:24rem; font-size:16rem; color:#fff; text-align:left; position:relative; z-index:10; }
#indZmsd .swiper-slide .con .title .tit{color:#fff;}
#indZmsd .swiper-slide .con .title .tit:hover{text-decoration:none}
#indZmsd .swiper-slide .con .titleBg{position:absolute; top: 0rem; left:0rem; bottom:0; right:0; z-index:9; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5))}
#indZmsd .swiper-slide-visible { pointer-events: auto; }

#indZmsd .swiper-thumb { height: 72rem; padding: 10rem 0; overflow: hidden; }
#indZmsd .swiper-thumb .swiper-slide { width: 25%; height: 100%; opacity: 0.5; }
#indZmsd .swiper-thumb .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
#indZmsd .swiper-thumb .swiper-slide-thumb-active { opacity: 1; position: relative; }
#indZmsd .swiper-thumb .swiper-slide-thumb-active::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background-color: transparent; border: 3rem solid #cc0301; pointer-events: none;}

/* rowGroupD 党的建设 产业经营 */
#rowGroupD .container{display:grid; grid-template-columns:repeat(2,1fr);  grid-gap:20rem;}
#rowGroupD .container::after,
#rowGroupD .container::before{display:none;}
#rowGroupD .container .indBox{width:100%; overflow:hidden;}
#rowGroupD .topicList .t{display:flex;}
#rowGroupD .topicList .t .pic{width:190rem; height:130rem; flex-shrink:0; margin-right:16rem}
#rowGroupD .topicList .t .con{width:1rem; flex-grow:1; }
#rowGroupD .topicList .t .title{font-size:16rem; line-height:1.5; max-height:48rem; color:#333;}
#rowGroupD .topicList .t .title a{color:#333;}
#rowGroupD .topicList .t .title a:hover{color:#cc0301}
#rowGroupD .topicList .t .intro{max-height:66rem; -webkit-line-clamp:3}


/* rowGroupE 成员单位 */
#rowGroupE{background:#fff; padding:30rem 0; margin:0}
.indBoxCydw .hd{height:60rem; line-height:60rem; text-align:center; margin-bottom:10rem;}
.indBoxCydw .hd h3{font-size:40rem; color:#666666}
.indBoxCydw .hd h3 a:hover { color: #333; text-decoration: none; }
.indBoxCydw .linksList{display:grid; grid-template-columns:repeat(4,1fr);  grid-gap:16rem;}
.indBoxCydw .linksList li{width:100%; height:auto; box-sizing:border-box; position:relative; height:0rem; padding-top:22.67%; border:1rem solid #EDEDED; overflow:hidden;  }
.indBoxCydw .linksList li .title,
.indBoxCydw .linksList li .titleBg{display:none;}
.indBoxCydw .linksList li .pic{position:absolute; left:0rem; top:0rem; right:0rem; bottom:0rem; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.indBoxCydw .linksList li .pic img{width:100%; height:auto;  aspect-ratio:300/68 }
.indBoxCydw .linksList li .pic .noPic{font-size:16rem; color:#666; display:block; text-align:center; padding:0 30rem; line-height:1.4; text-wrap: balance; transition:0.3s}
.indBoxCydw .linksList li .pic a:hover{text-decoration:none}
.indBoxCydw .linksList li .pic a:hover .noPic{color:#cc0301;}


/* rowGroupF */
#rowGroupF .container{display:grid; grid-template-columns:repeat(2,1fr);  grid-gap:20rem;}
#rowGroupF .container::after,
#rowGroupF .container::before{display:none;}
#rowGroupF .container .indBox{width:100%; overflow:hidden;}
#rowGroupF .bookList{grid-template-columns: repeat(2, 1fr);}
#rowGroupF .bookList li .pic{padding:12rem 50rem}

/* rowGroup */
#rowGroupG .container{display:grid; grid-template-columns:repeat(2,1fr);  grid-gap:20rem;}
#rowGroupG .container::after,
#rowGroupG .container::before{display:none;}
#rowGroupG .container .indBox{width:100%; overflow:hidden;}

#indYwzx .picList li .pic a::after { content: '\e734'; font-family: "fontpower"; position: absolute; left: 50%; top: 50%; margin: -40rem 0 0 -30rem; width: 56rem; font-size: 48rem; color: #fff; line-height: 56rem; text-align: center; }

@keyframes down{
    0%{
        transform: translateY(0);
        opacity: 0;
    }
    20%{
        transform: translateY(3rem);
        opacity: 1;
    }
    80%{
        transform: translateY(10rem);
        opacity: 1;
    }
    90%{
        transform: translateY(10rem);
        opacity: 0;
    }
    100%{
          transform: translateY(10rem);
        opacity: 0;
    }
}
@keyframes moveTop
{
    0%{
        opacity: 0;
        transform: translateY(-100%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
/* 媒体查询 小于1300 */
@media (max-width:1299px) {
    .indBanner{width:100%}
    .indBoxCydw .bd{padding:0 15rem}

    #indGbhs .bookList li{width:149rem;}    
    
    #rowGroupB .container .columns-2 .indBox{ display:inline-block;padding: 0; width: 48.8%;}
    #rowGroupB .awards { width: 87%; top: 168rem;}
    
    #rowGroupF .bookList li{width:226rem;}
}

/* 媒体查询 小于1024 */
@media (max-width:1023px) {
    .indBox > .bd{padding:15rem 0 0}

    #indXwzx > .bd{flex-direction:column; grid-gap:20rem;}
    #indXwzx .focusSwiper,
    #indXwzx .focusSwiper .swiper-slide .pic img{width:100%; height:auto}

    

    #indXwzx .topicList{width:auto;}

    #rowGroupA .container,
    #rowGroupD .container,
    #rowGroupF .container,
    #rowGroupG .container{grid-template-columns: repeat(1, 1fr);}

    .indPicList li .con{padding-left:10rem; padding-right:10rem}

    #indGbhs .bookList{grid-template-columns: repeat(3, 1fr);}
    #indGbhs .bookList li{width:232rem;}
    
    #rowGroupB .container .columns-2 .indBox{ padding: 0; width: 100%;}
    #rowGroupB .awards { width: 91%; top: 284rem;}

    #rowGroupF .bookList{grid-template-columns: repeat(4, 1fr);}
    #rowGroupF .bookList li{width:169rem;}
    #rowGroupF .bookList li .pic{padding:12rem}


    .indBoxCydw .linksList{grid-template-columns: repeat(3, 1fr); grid-gap: 15rem;}
    .indBoxCydw .linksList li{width:236rem; height:58rem; padding:0}
    .indBoxCydw .linksList li .pic .noPic{font-size:14rem}
}

/* 媒体查询 小于768 */
@media (max-width:767px) {
    .indBanner{margin-bottom:15rem}
    .indBanner .swiper-slide .con{height:auto;}
    .indBanner .swiper-slide .con .title{padding:0 15rem; font-size:12rem; height:30rem; line-height:30rem}
    .indBanner .swiper-slide .con .titleBg{height:36rem}
    .indBanner .swiper-pagination{bottom:2rem; right:10rem; font-size:12rem; color:#fff;}
    .indBanner .swiper-button-prev { left: 15rem; width: 20rem; height: 20rem; }
    .indBanner .swiper-button-next { right: 15rem; width: 20rem; height: 20rem; }
    .indBanner .swiper-button-prev:after, .indBanner .swiper-button-next:after { font-size: 12rem; }

    #indXwzx .swiper-button-prev { left: 10rem; width: 20rem; height: 20rem; }
    #indXwzx .swiper-button-next { right: 10rem; width: 20rem; height: 20rem; }
    #indXwzx .swiper-button-prev:after, .indBanner .swiper-button-next:after { font-size: 12rem; }

    .indBox{padding:10rem}
    .indBox > .hd h3.cn{font-size:20rem}
    .indBox > .bd{padding-top:10rem}

    .indPicList{grid-template-columns: repeat(1, 1fr); grid-gap:15rem;}
    .indPicList li .con{padding: 10rem;}
    
    #indGbhs .bookList{grid-template-columns: repeat(2, minmax(40%,1fr));}
    #indGbhs .bookList li{width:100%;}

    #rowGroupB .awards { width: 89%; top: 212rem;}
    

    #rowGroupF .bookList{grid-template-columns: repeat(2, 1fr);}
    #rowGroupF .bookList li{width:100%;}
    #rowGroupF .bookList li .pic{padding:8rem}
    
    #rowGroupE{padding-top:15rem}
    .indBoxCydw .hd{height:48rem; line-height:48rem; margin-bottom:15rem}
    .indBoxCydw .hd h3{font-size:30rem;}

    .indBoxCydw .linksList{grid-template-columns: repeat(2, 1fr); grid-gap: 10rem;}
    .indBoxCydw .linksList li{width:175rem}

    #rowGroupB #indQmyd .topicList .t { display: block; }
    #rowGroupB #indQmyd  .topicList .t .pic { margin: 0 0 15rem; width: 100%; height: auto; }
    #rowGroupB #indQmyd  .topicList .t .pic img { max-height:260rem }
    #rowGroupB #indQmyd  .topicList .t .con { width: 100%; padding: 0; background: #fff; }

    #rowGroupD .topicList .t{display:block}
    #rowGroupD .topicList .t .pic{margin:0 0 15rem; width:100%; height:auto}
    #rowGroupD .topicList .t .pic img{max-height:260rem}
    #rowGroupD .topicList .t .con{width:100%;}

    #rowGroupG .picList{ grid-gap: 10rem;}
}