@charset "utf-8";

@media screen and (min-width:1600px){
    .gp-container{width:1500px}
}

.content{padding-bottom:1.4rem}
.row01{width:16.2rem;margin:0 auto;position:relative;z-index:1}
.row01 .swiperChannel{width:1.35rem;padding:.1rem .25rem .2rem;box-sizing:border-box;line-height:.34rem;letter-spacing:5px;background:url(../images/head_channel_bg.png) no-repeat center top/contain;text-align:center;color:#fff;position:absolute;top:-0.08rem;left:0;z-index:10}
.row01 .swiperChannel .more{color:rgba(255,255,255,.77);line-height:1;margin-top:.07rem;letter-spacing:0}
.summary,.title{text-align:justify}
.mode01{overflow-y:hidden;margin-right:-0.06rem;padding-right:.06rem}
.mode01 .modeLf{width:10.9rem;overflow:hidden;position:relative}
.mode01 .modeLf a{display:block;position:relative}
.mode01 .modeLf li>a{height:unset}
.mode01 .modeLf .infoBox{width:100%;height:1.6rem;padding: .34rem .4rem;box-sizing:border-box;position:absolute;bottom:0;left:0;color:#fff;background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.549) 0%, rgba(0,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.549) 0%, rgba(0,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.549) 0%, rgba(0,0,0,0) 100%);}
.mode01 .modeLf .channel{display:inline-block;color:#fff;line-height:1;font-size:.18rem;padding:.1rem .15rem;background-color:#00873c}
.mode01 .modeLf .title{color:#fff;font-size:.24rem;font-weight:700;line-height:1;margin-top:0rem;box-sizing:border-box}
.mode01 .modeLf .summary{color:#fff;font-size:.16rem;line-height:1.625;margin-top:.15rem;box-sizing:border-box}
.mode01 .modeLf .gp-img-responsive{padding-bottom:56.25%;height:0;position:relative}
.mode01 .modeLf .gp-img-responsive img{width:100%;height:auto;position:absolute;left:50%;transform:translateX(-50%)}

.mode01 .modeRt{width:5.3rem;max-height:6.75rem;overflow:visible!important}
.mode01 .modeRt ul{position:relative}
.mode01 .modeRt .img{width:2.4rem;flex-shrink:0;line-height:1;font-size:0rem;transition:all .35s ease}
.mode01 .modeRt .title{-webkit-line-clamp:3;line-height:1.444;height:4.34em;font-weight:700;color:#3c4741}
.mode01 .modeRt .date{font-size:.14rem;line-height:1;color:#999;margin-bottom:.11rem;transition:margin-bottom .35s ease}
.mode01 .modeRt li.on .date,.mode01 .modeRt li.on .title{color:#fff}
.mode01 .modeRt .gp-img-responsive{padding-bottom:56.25%}
.mode01 .modeRt .textBox{width:calc(100% - 2.4rem);max-height:1.35rem;background:#fff;padding:.2rem .31rem .15rem;border:1px solid #e5e5e5;box-sizing:border-box;transition:all .35s ease}
.mode01 .modeRt li>a{position:relative}
.mode01 .modeRt li>a::before{content:'';display:block;position:absolute;left:0rem;top:0rem;right:0rem;bottom:0rem;z-index:-1}
.mode01 .modeRt li.on>a::before{background:#976c08;left:-0.1rem;top:-0.06rem;right:-0.06rem;bottom:-0.06rem;z-index:1}
.mode01 .modeRt li.on .img,.mode01 .modeRt li.on .textBox{position:relative;z-index:10}
.mode01 .modeRt li.on .textBox{background:#976c08;color:#fff;border-color:#976c08}
.mode01 .dots{display:none}

.jspContainer{overflow:visible}
.scroll-pane .jspVerticalBar{display:none}
.scroll-pane.on .jspVerticalBar{display:none;z-index:1;right:0px}
.jspPane{margin-left:0px!important}
.jspTrack{background:#fff}
.jspDrag{background:#976c08}

.row02{margin-top:.8rem;position:relative;overflow: hidden;}
.row02::before{content:'';display:block;width:3.9rem;height:4.88rem;background:url(../images/flower_icon.png) no-repeat left;position:absolute;left:0;top:4rem}

.mode02{width:calc(100% - 5.8rem);align-items:start;align-items:flex-start;flex-wrap: wrap;}
.mode02 .tilList{width:100%;padding: 0 0 .38rem;position:relative;display: flex;align-items: flex-end;}
.mode02 .til_tab{display:block;font-size:.24rem;line-height:1em;position:relative;color: #003d16;margin: 0 .4rem 0 0;}
.mode02 .til_tab:last-child{margin-right:0;}
.mode02 .til_tab.on{font-size: .3rem;font-weight: bold;}

.mode02 .boxList{width:100%}
.mode02 .tabListBox{display:none}
.mode02 .tabListBox li{margin-bottom: .4rem;margin-left: .14rem;}
.mode02 .tabListBox li:nth-last-of-type(1){margin-bottom:0rem}
.mode02 .tabListBox a{display:flex;display:-ms-flexbox;/* align-items:center; */transition:all .35s ease}
.mode02 .tabListBox .img{width: 4.5rem;height: 2.53rem;flex-shrink:0;position:relative}
.mode02 .tabListBox .date{width: .65rem;height: .8rem;background:url(../images/date_bg.png) no-repeat center/cover;position:absolute;left: -0.15rem;bottom: .3rem;color:#fff}
.mode02 .tabListBox .date span{display:block;text-align:center;line-height:1;}
.mode02 .tabListBox .date .day{margin-top: .13rem;font-size: .3rem;}
.mode02 .tabListBox .date .month{margin-top:.04rem;letter-spacing:-0.01rem;}
.mode02 .tabListBox .gp-img-responsive{padding-bottom:0;height:100%;font-size:0}
.mode02 .tabListBox .gp-img-responsive img{width:100%;height:100%}
.mode02 .tabListBox .infoBox{width:calc(100% - 3rem);padding-left:.3rem;padding-top: .1rem;max-height:1.69rem;overflow:hidden}
.mode02 .tabListBox .title{line-height:1.5;max-height:.81rem;font-weight:700;color:#3c4741;-webkit-line-clamp:3;overflow:hidden;transition:all .35s ease}
.mode02 .tabListBox a:hover .title{color:#00873c}
.mode02 .tabListBox a:hover img{transform:scale(1.03);opacity:.85}
.mode02 .tabListBox .summary{line-height:1.5;height:.96rem;margin-top: .22rem;color:#666;-webkit-line-clamp:4;overflow:hidden}
.mode02 a.more{display:block;color:#999;margin-top: .27rem;line-height:1;text-align:right;padding-right:.15rem;position:relative}
.mode02 a.more::after{content:'';display:block;width:.05rem;height:.1rem;background:url(../images/more_icon_grey.png) no-repeat center/cover;position:absolute;right:0rem;top:50%;transform:translateY(-50%)}
.mode02 a.more::before{content:'';display:block;height:1px;width:calc(100% - .52rem);background:#eee;position:absolute;left:0rem;top:50%;transform:translateY(-50%);z-index:0}

.mode03 .bg{display:block;background:#efefef;position:absolute;top:0rem;bottom: .4rem;left: .4rem;width: 100vw;z-index:-1}
.mode03 .bg::before{content: '';display: block;position: absolute;left: 2.79rem;top: -0.39rem;background: url(../images/flower1.png) no-repeat center/cover;width: 3.92rem;height: 4.7rem;opacity: .6;mix-blend-mode: overlay;}
.mode03 .bg::after{content: '';display: block;position: absolute;left: 2.55rem;bottom: -2.79rem;background: url(../images/flower2.png) no-repeat center/cover;width: 4.13rem;height: 7.56rem;opacity: .2;}


.mode03{width:5rem;padding-top:.4rem;position: relative;}
.mode03 .tilList{font-size:0;height: .73rem;}
.mode03 .tilList a{display:inline-block;width:50%;text-align:center;color: #003d16;height:.73rem;line-height:.73rem;position:relative;font-size: .24rem;}
.mode03 .tilList a.on{background: #a3a632;color:#fff;font-size: .3rem;font-weight: bold;}
/* .mode03 .tilList a::before{content:'';display:block;width:0rem;height:1px;background:rgba(255,255,255,.53);position:absolute;left:0;top:50%;transform:translateY(-50%);transition:all .35s ease}
.mode03 .tilList a.on::before{width:.62rem} */
.mode03 .boxList{min-height:12rem;background:#00873c url(../images/tab_bg2.png) no-repeat left top;background-size:100% auto;position: relative;overflow: hidden;}
.mode03 .boxList::before{content: '';display: block;position: absolute;right: -2.1rem;top: -1.52rem;background: url(../images/flower1.png) no-repeat center/cover;width: 3.92rem;height: 4.7rem;opacity: .2;mix-blend-mode: overlay;}
.mode03 .boxList::after{content: '';display: block;position: absolute;right: -2.1rem;bottom: -2.4rem;background: url(../images/flower2.png) no-repeat center/cover;width: 4.13rem;height: 7.56rem;opacity: .6;mix-blend-mode: multiply;}
.mode03 .boxList .tabListBox{display:none;padding: 0 .3rem .2rem .34rem;position: relative;z-index: 1;}
.mode03 .boxList .tabListBox a{display:block;display:flex;display:-ms-flexbox;align-items:center}
.mode03 .date{width:.42rem;flex-shrink:0;color:#fff;margin-right:.3rem}
.mode03 .date span{display:block;text-align:center;line-height:1}
.mode03 .date .month{margin-top: .08rem;}
.mode03 .title{width:calc(100% - .72rem);overflow:hidden;padding:.36rem 0 .26rem;transition:all .35s ease;display:flex;display:-ms-flexbox;align-items:center;height:2.888em;position:relative}
.mode03 .title::after{content:'';display:block;width: 100%;height:1px;background:rgba(255,255,255,.2);position:absolute;bottom:0rem;right:0rem}
.mode03 .title span{color:#fff;line-height:1.444;font-weight:700}
.mode03 a.more{display:block!important;color:#fff;margin-top: .19rem;line-height:1;text-align:right;padding-right:.15rem;position:relative}
.mode03 a.more::after{content:'';display:block;width:.05rem;height:.1rem;background:url(../images/more_icon.png) no-repeat center/cover;position:absolute;right:0rem;top:50%;transform:translateY(-50%)}

.row03{overflow:hidden;position: relative;padding: 0 0 1.02rem;margin: 0 0 -1rem;}
.row03::before{content:'';width:100%;height:2.25rem;background:url(../images/row03_bg.png) no-repeat bottom center/100% auto;position:absolute;right: 0;left:0;bottom:0;z-index:2}
.row03::after{content:'';width:100%;height:2.03rem;background:url(../images/img0227b.png) no-repeat bottom center/auto 100%;position:absolute;right: 0;left:0;top:.1rem;z-index:2}

.mode04{padding-top: .2rem;margin-top: .54rem;position:relative;z-index: 10;}
.mode04 .modeTitle{color:#121212;font-weight:700;font-size:0}
.mode04 .modeTitle .more{color:#999;padding-left:.41rem;position:relative}
.mode04 .modeTitle .more::before{content:'';display:block;width:1px;height:.2rem;background:#dcdcdc;position:absolute;left:.25rem;top:50%;transform:translateY(-50%)}
.mode04 .modeTitle .more::after{content:'';display:block;width:.05rem;height:.1rem;background:url(../images/more_icon_grey.png) no-repeat center/cover;position:absolute;right:-0.15rem;top:50%;transform:translateY(-50%)}
.mode04 .arrow{position:absolute;top: .1rem;right:0;font-size:0rem}
/* .mode04 .arrow::before{content: '';display: block;position: absolute;top: -0.16rem;right: 109%;background: url(../images/flower3.png) no-repeat center;width: .28rem;height: .6rem;} */

.mode04 .next,.mode04 .prev{display:inline-block;width:.4rem;height:.4rem;border-radius:50%;background-color:#f2f2f2;overflow:hidden;position:relative}
.mode04 .next{margin-left:.1rem}
.mode04 .next::after,.mode04 .prev::after{content:'';display:block;width:.8rem;height:.4rem;background:url(../images/mode04_prev.png) left center;background-repeat:repeat-x;position:absolute;left:0;top:0}
.mode04 .next::after{background:url(../images/mode04_next.png) right center;background-repeat:repeat-x;left:auto;right:0}
.mode04 .prev:hover::after{transition:transform .2s ease-in-out;transform:translate3d(-0.4rem,0,0)}
.mode04 .next:hover::after{transition:transform .2s ease-in-out;transform:translate3d(.4rem,0,0)}

.mode04 .wrap_swiper{overflow:hidden;width: 100vw;}
.mode04 .swiper{padding-top: .45rem;position: relative;max-width: 1875px;}

/* .mode04 .swiper::before{content: '';display: block;position: absolute;right: 100%;top: 0;bottom: 0;width: 100vw;background: #fff;z-index: 2;} */
.mode04 ul a{display:block;/*opacity: 0;*/position: relative;padding-bottom: .17rem;margin: 0 .2rem 0 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
/* .mode04 ul .swiper-slide-active a,.mode04 ul .swiper-slide-active ~ .swiper-slide a{opacity: 1;} */
.mode04 ul a::after{content:'';display:block;width:.35rem;height:.02rem;background:#00873c;position:absolute;bottom:0rem;left:0rem}
.mode04 ul .gp-img-responsive{padding-bottom:56.25%}
.mode04 ul .title{color:#3c4741;font-weight:700;margin-top:.17rem;line-height:1.333;height:2.666em;position:relative}

.mode04 ul .swiper-slide{width: 4.47rem;}

.mode05{padding-top:.5rem;overflow:hidden}
.mode05 .modeCon{margin-left:-0.05rem;margin-right:-0.05rem;overflow:hidden;position:relative}
/* .mode05 .modeCon::before{content:'';width:120%;height:2rem;border-radius:50%;background:url(../images/row03_bg.png) no-repeat bottom center/100% auto;position:absolute;left:50%;margin-left:-60%;top:-1.5rem;z-index:2} */
/* .mode05 .modeCon::after{content:'';width:120%;height:2rem;border-radius:50%;background:#efefef;position:absolute;left:50%;margin-left:-60%;bottom:-1.5rem;z-index:2} */
.mode05 .modeCon li{margin-bottom:.1rem;width:33.33%;float:left;position:relative}
.mode05 .modeCon a{display:block;margin:0 .05rem;position:relative}
.mode05 .modeCon a.video::before{content:'';display:block;width:.48rem;height:.48rem;background:url(../images/video.png) no-repeat center/cover;position:absolute;left:50%;bottom:38%;transform:translateX(-50%);z-index:10;transition:all .35s ease}
.mode05 .modeCon .gp-img-responsive{padding-bottom:56.25%}
.mode05 .tagBox{width:100%;box-sizing:border-box;position:absolute;bottom:0rem;left:0rem;padding:0 .6rem .3rem}
.mode05 .tagBox::after{content:'';display:block;width:100%;height:.8rem;background:url(../images/channel_black.png) no-repeat center;background-size:100% 100%;position:absolute;bottom:0rem;left:0rem;z-index:1}
.mode05 .modeCon .channel{display:inline-block;line-height:1;padding:.1rem .15rem;background:#00873c;color:#fff;position:relative;z-index:5}
.mode05 .modeCon .title{font-weight:700;color:#fff;line-height:1;margin-top:.2rem;position:relative;z-index:5}
.mode05 .modeCon li:nth-last-of-type(1),.mode05 .modeCon li:nth-last-of-type(2),.mode05 .modeCon li:nth-last-of-type(3){margin-bottom:0}
.mode05 li:nth-last-of-type(1) .tagBox,.mode05 li:nth-last-of-type(2) .tagBox,.mode05 li:nth-last-of-type(3) .tagBox{padding:0 .6rem .62rem}
.mode05 li:nth-last-of-type(1) a::after,.mode05 li:nth-last-of-type(2) a::after,.mode05 li:nth-last-of-type(3) a::after{height:1.4rem}
.mode05 li a:hover img{transform:scale(1.03);opacity:.85}

.row05{position:relative;padding: .78rem 0 .54rem;background: url(../images/row05_bg.png) no-repeat top center/cover;margin: -0.41rem 0 0;z-index: 2;}
/* .row05::before{content:'';display:block;width:100%;height:10.68rem;background:#efefef;overflow:visible;position:absolute;bottom:0rem;left:0rem;z-index:-1} */
.mode06{width:8.9rem;position:relative;width: calc(100% - 5.8rem);}
.mode07{width:5rem}
.modeTitle .title{color:#121212;font-weight:700;font-size: .3rem;color: #003d16;}
.mode06 .modeTitle,.mode07 .modeTitle{padding-bottom:.15rem;border-bottom:1px solid #dcdcdc;align-items:center}
.mode06 .more,.mode07 .more{position:relative;padding-right:.15rem}
.mode06 .more::after,.mode07 .more::after{content:'';display:block;width:.05rem;height:.1rem;background:url(../images/more_icon_grey.png) no-repeat center/cover;position:absolute;right:0rem;top:50%;transform:translateY(-50%)}

.media{margin-top: .32rem;overflow:hidden}
.media a{display:block;height: 1.68rem;background:url(../images/media_bg.png) no-repeat center/100% 100%;position:relative}
.media a .icon{text-align:center;padding-top: .38rem;}
.media a .mediaName{text-align:center;height: .39rem;position:relative}
.media a .mediaName span{width:100%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size: .16rem;}
.media a .code{height:.9rem;width:.9rem;box-shadow:0 0 10px rgba(0,0,0,.15);box-sizing:border-box;position:absolute;bottom:50%;left:50%;transform:translateX(-50%) translateY(50%);opacity:0;visibility:hidden;transition:all .35s ease}
.media a.show .code{opacity:1;visibility:visible}
.media a .code img{width:100%}
.media2{/*width:6.35rem;margin:0 auto;*/overflow:hidden;margin:.2rem 1rem 0;}
.media .arrow{font-size:0rem;position:absolute;top:-0.1rem;right:0rem}
.media .next,.media .prev{display:inline-block;width:.4rem;height:.4rem;border:1px solid rgba(0,0,0,.04);border-radius:50%;background-color:#efefef;overflow:hidden;position:relative}
.media .next{margin-left:.1rem}
.media .next::after,.media .prev::after{content:'';display:block;width:.8rem;height:.4rem;background:url(../images/mode04_prev.png) left center;background-repeat:repeat-x;position:absolute;left:0;top:0}
.media .next::after{background:url(../images/mode04_next.png) right center;background-repeat:repeat-x;left:auto;right:0}
.media .prev:hover::after{transition:transform .2s ease-in-out;transform:translate3d(-0.4rem,0,0)}
.media .next:hover::after{transition:transform .2s ease-in-out;transform:translate3d(.4rem,0,0)}
.newPaper{margin-top: .3rem;padding:.01rem .3rem .01rem 0;position:relative;}
.newPaper:after{content:'';position:absolute;right:0;top:0;bottom:0;left:.3rem;background:url(../images/border.png) no-repeat center;background-size:100% 100%;z-index:-1}


.mode07 .img{width:calc(100% - 1.26rem);overflow:hidden;margin: .2rem 0;width: 2.25rem;box-shadow: .03rem 0rem .06rem 0rem rgba(16, 26, 33, 0.1);}
.mode07 .img li{height:100%}
.mode07 .img li a{display:block;height:100%}
.mode07 .img .gp-img-responsive{padding-bottom:0;height:100%}
.mode07 .img .gp-img-responsive img{height:100%}

.newsPaperName{width:1.26rem;display:flex;display:-ms-flexbox;align-self:center;width: calc(100% - 2.55rem);padding: 0 0 .1rem;}
.newsPaperName ul{width:100%;display:flex;display:-ms-flexbox;flex-direction:column;justify-content:center}
.newsPaperName li{margin-bottom: .19rem;}
.newsPaperName li:last-child{margin-bottom:0rem}
.newsPaperName a{display:block;text-align:center;line-height:1;color: #999;padding: 0 .2rem 0 .2rem;position:relative;text-align: left;}
.newsPaperName li.on a::before{width:.06rem}
.newsPaperName li.on a{background:#00873c;color:#fff;padding-top: .15rem;padding-bottom: .15rem;}
.newsPaperName li.on a .name{font-size: .18rem;}

.mode08{padding-top:.6rem;overflow:hidden;position:relative}
.mode08 .modeTitle{color:#121212;font-weight:700;font-size:0;padding-bottom:.4rem}
.mode08 .modeTitle .more{color:#999;padding-left:.41rem;position:relative}
.mode08 .modeTitle .more::before{content:'';display:block;width:1px;height:.2rem;background:#dcdcdc;position:absolute;left:.25rem;top:50%;transform:translateY(-50%)}
.mode08 .modeTitle .more::after{content:'';display:block;width:.05rem;height:.1rem;background:url(../images/more_icon_grey.png) no-repeat center/cover;position:absolute;right:-0.15rem;top:50%;transform:translateY(-50%)}
.mode08 ul{margin-left:-0.15rem;margin-right:-0.15rem}
.mode08 ul li{float:left;width:25%}
.mode08 ul a{display:block;margin:0 .15rem;transition:all .35s ease}
.mode08 ul li:hover a{transform:translateY(-0.08rem)}
.mode08 ul .img{height:0;padding-bottom:56.25%;position:relative}
.mode08 ul .gp-img-responsive{padding-bottom:0rem;height:unset;position:absolute;top:0;bottom:0;left:0;right:0}
.mode08 ul .gp-img-responsive img{width:100%;height:100%}
.mode08 ul .title{color:#3c4741;font-weight:700;padding-bottom:.12rem;font-size:.16rem;margin-top:17px;line-height:1.333;height:2.666em;position:relative}
.mode08 ul .title::after{content:'';display:block;width:.35rem;height:.02rem;background:#00873c;position:absolute;bottom:0rem;left:0rem}
.next,.prev{cursor:pointer}

@media screen and (max-width:1600px){
    .mode04 .swiper{width: 1750px;}

    .media a{background-size:cover}
    .media a .icon{padding-top:.24rem}
    .mode02 .tabListBox .date .day{margin-top:.05rem}
    .mode02 .tabListBox .summary{height:.74rem}
}
@media screen and (max-width:1480px){
    .mode04 .swiper{width: 1500px;}

    .row02::after{width:5.8rem}
}
@media screen and (max-width:1440px){
    .media a .icon{padding-top:.2rem}
    .mode02 .tabListBox .date{width:.6rem;height:.72rem}
    .mode02 .tabListBox .date .day{margin-top:.09rem}
}
@media screen and (max-width:1280px){
    .row02::after{width:5.6rem}
    .mode02,.mode06{width:9rem}
    .mode07 .img{width:calc(100% - 1.76rem)}
    .newsPaperName{width:1.76rem}
    .row05{padding:.3rem 0 .5rem}
    .content{padding-bottom:1rem}
    .mode01 .modeLf .infoBox{padding:.3rem .2rem;height: auto;}
    .mode02 .tabListBox .date{width:.7rem;height:.82rem}
    .mode02 .tabListBox .date .day{margin-top:.1rem}
    .media a .mediaName span{line-height:14px}
}
@media screen and (max-width:1280px){
    .mode04 .swiper{width: 1250px;}

    .mode04 .swiper{/* overflow:hidden; */}
    .mode04 .arrow{right:.5rem}
}
@media screen and (max-width:1200px){
    .mode04 .wrap_swiper{width: 100%;}
    .mode04 .swiper{width: 1000px;max-width: 100%;}

    .mode01 .modeRt .textBox{padding:.1rem .25rem .1rem}
    .mode02 .tabListBox .infoBox{max-height:unset}
    .mode02 .tabListBox .title{height:2.888em;line-height:1.444}
    .mode02 .tabListBox .summary{margin-top:.1rem;line-height:.26rem;height:.48rem}
    .mode02 .boxList{/* width:calc(100% - 1.85rem); */}
    .mode03 .date{width:.62rem}
    .media a .icon{height:.3rem;}
    .media a .icon img{height:100%}
    .media a .mediaName{height:.44rem}
}
@media screen and (max-width:1100px){
    .media a .icon{padding-top: 0.3rem;}
    .media a .mediaName span{line-height:1.2}
    .mode02 .tabListBox .date .month{letter-spacing:-.02rem}
    .mode08 ul .title{height:unset}
    .newPaper{align-items:center}
}
@media screen and (max-width:1080px){
    .mode03,.mode07{width:5rem}
    .media a .mediaName{margin-top:.2rem}
}
@media screen and (max-width:1024px){
    .mode01 .modeLf .summary{line-height:1.25}
}
@media screen and (max-width:997px){
    .mode01 .modeRt .title{line-height:.27rem}
    .mode02 .tabListBox .title{line-height:.26rem;height:.52rem}
    .mode02 .til_tab{padding:.2rem .25rem}
}
@media screen and (max-width:900px){
    .row01{width:100%;padding:0 .4rem;box-sizing:border-box}
    .mode01 .modeRt{display:none}
    .mode01 .modeLf{width:100%;padding-bottom:1rem;position:relative}
    .mode01 .modeLf .infoBox{position:relative;background:0 0;color:#121212;height:unset}
    .mode01 .modeLf .title{color:#121212;font-size:.36rem;margin-top:.3rem;line-height:1.333;text-overflow:inherit;white-space:normal}
    .mode01 .modeLf .summary{color:#121212;font-size:.28rem;margin-top:.3rem;line-height:.44rem}
    .mode01 .dots{display:block;position:absolute;bottom:0rem;left:50%;transform:translateX(-50%);z-index:3}
    .mode01 .dots span{display:inline-block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:#c3c3c3;margin:0 .1rem;width:.15rem;height:.15rem;transition:background .35s ease}
    .mode01 .dots span.swiper-pagination-bullet-active{background:#00873c}

    .row02>.flex{flex-direction:column-reverse;-ms-flex-direction:column-reverse;width:auto;padding-left:0;padding-right:0;margin-left:0;margin-right:0}
    .row02::before{z-index:-1}
    .row02::after{width:85%;transition:all .35s ease}
    .mode02,.mode03{width:100%}
    .mode02{margin-top:.7rem;overflow:hidden}
    .mode03 .tilList{height: 1.44rem;}
    .mode03 .tilList a{font-size:.4rem;height:1.44rem;line-height:1.32rem;padding-top:.12rem}
    .mode03 .tilList a.on{font-size:.48rem}
    .mode03 .bg::before,.mode03 .bg::after{display:none}

    .mode03 .title{font-size:.36rem;line-height:.52rem;width:calc(100% - 1.7rem);padding:0;position:unset;height:1.56rem}
    .mode03 .title span{-webkit-line-clamp:3}
    .mode03 .date{width:1.7rem}
    .mode03 .date .day{font-size:.48rem;line-height:.32rem;padding-bottom:.04rem}
    .mode03 .date .month{font-size:.24rem}
    .mode02{flex-direction:column;-ms-flex-direction:column}
    .mode02 .boxList,.mode02 .tilList{width:100%}
    .mode02 .tilList{background:0 0}
    .mode02 .til_tab{width:3.6rem;flex-shrink:0;color:#6a6a6a;line-height:1.23rem;font-size:.42rem;padding:0;margin-left:0;margin-right:0;text-align:center}
    .mode02 .tilList::before,.mode02 .til_tab::after{display:none}
    .mode02 .til_tab.on{border-left:none;background:#fff;font-weight:700;color:#00873c;font-size: .4rem;}
    .mode02 .tilList{padding-bottom:0rem;margin-bottom:.5rem}
    .mode02 .tilList a{/* border-top:.1rem solid #00873c; *//* border-bottom:1px solid #e9e4ed; */}
    .mode02 .tabListBox a{flex-direction:column;-ms-flex-direction:column}
    .mode02 .tabListBox .img,.mode02 .tabListBox .infoBox{width:100%}
    .mode02 .tabListBox .img{height:auto}
    .mode02 .tabListBox .infoBox{padding-left:0rem}
    .mode02 .tabListBox .date{width:1.2rem;height:1.54rem;top:40%;transform:translateY(0);left:0;transform:translateX(-50%)}
    .mode02 .tabListBox .date .day{font-size:.52rem;margin-top:.2rem}
    .mode02 .tabListBox .date .month{font-size:.24rem}
    .mode02 .tabListBox .title{height:unset;max-height:unset;font-size:.36rem;line-height:.52rem;padding:0;margin:.2rem 0 .3rem 0;-webkit-line-clamp:unset}
    .mode02 .tabListBox .summary{font-size:.26rem;line-height:.48rem;height:unset}
    .mode02 .tabListBox li{margin-bottom:.8rem}
    .mode03 .boxList .tabListBox li{height:2.35rem;display:flex;display:-ms-flexbox;align-items:center;position:relative}
    .mode03 a.more{padding:.3rem 0;padding-right:.5rem;font-size:.34rem}
    .mode03 a.more::after{width:.15rem;height:.3rem}
    .mode02 a.more{font-size:.34rem;padding-right:.5rem}
    .mode02 a.more::before{width:calc(100% - 1.4rem)}
    .mode02 a.more::after{width:.15rem;height:.3rem}
    .mode03 .boxList{padding-bottom:.2rem}

    .mode04 .arrow::before{display: none;}
    .mode04 ul .title{font-size:.34rem;-webkit-line-clamp:unset;height:unset}
    .modeTitle .title{font-size:.52rem}
    .mode04 .modeTitle .more,.mode06 .more,.mode07 .more,.mode08 .modeTitle .more{font-size:.24rem}
    .mode04 .next,.mode04 .prev{width:40px;height:40px}
    .mode04 .next::after, .mode04 .prev::after{height: 40px;width: 80px;} 
    .mode04 .next{margin-left:.3rem}
    .mode04 .prev:hover::after{transition:transform .2s ease-in-out;transform:translate3d(-40px,0,0)}
    .mode04 .next:hover::after{transition:transform .2s ease-in-out;transform:translate3d(.40px,0,0)}
    .mode05 .modeCon::after,.mode05 .modeCon::before{display:none}
    .mode05 .modeCon li{width:50%;margin-bottom:.3rem}
    .mode05 .modeCon li:nth-last-of-type(3){margin-bottom:.3rem}
    .row05>.flex{flex-direction:column;-ms-flex-direction:column}
    .media2,.mode06,.mode07{width:100%}
    .media2{/*width: 80%;*/margin-left: 0;margin-right: 0;}
    .media a{height:2.7rem}
    .media a .icon{height:unset}
    .media a .icon{padding-top:.65rem}
    .media a .code{width:1.5rem;height:1.5rem}
    .row05::before{height:100%}
    .media .next,.media .prev{width:40px;height:40px}
    .media .next::after, .media .prev::after{width: 80px;height: 40px;}
    .media .prev:hover::after{transition:transform .2s ease-in-out;transform:translate3d(-40px,0,0)}
    .media .next:hover::after{transition:transform .2s ease-in-out;transform:translate3d(40px,0,0)}
    .media .next{margin-left:.3rem}
    .mode06{margin-top:.5rem}
    .mode07{margin-top:.8rem}
    .newPaper{width: 100%;margin:.4rem auto 0}
    .mode07 .img{width: 44%;}
    .newsPaperName{width: 52%;}
    .newsPaperName li .name{font-size:.34rem}
    .newsPaperName li.on a .name{font-size:.4rem}
    .newsPaperName li{margin-bottom: .3rem;}

    .mode08 ul{margin-left:0;margin-right:0}
    .mode08 ul li{width:50%;margin-bottom:.5rem}
    .mode08 ul a{margin:0}
    .mode08 ul .title{font-size:.36rem;-webkit-line-clamp:unset}
    .mode08 ul .title::after{width:.65rem;height:.04rem}
    .mode08 .dots{text-align:center}
    .mode08 .dots span{display:inline-block;width:.15rem;height:.15rem;border-radius:50%;background:#c3c3c3;margin:0 .1rem}
    .mode08 .dots span.swiper-pagination-bullet-active{background:#00873c}
    .mode01 .modeLf li>a{height:unset}
    .mode01 .modeLf .gp-img-responsive{width:100%;height:0;padding-bottom:56.25%}
    .mode01 .modeLf .gp-img-responsive img{width:100%;height:auto;max-width:100%;max-height:unset}
    .mode02 .boxList,.mode03{width:auto;margin-left:30px;margin-right:30px;/* padding-left:40px; *//* padding-right:40px; */box-sizing:border-box}
    .mode02 .tilList{padding-top:0}
    .mode06 .modeTitle,.mode07 .modeTitle{justify-content:flex-start}
    .mode06 .modeTitle .more,.mode07 .modeTitle .more{color:#999;padding-left:.41rem;position:relative}
    .mode06 .modeTitle .more::before,.mode07 .modeTitle .more::before{content:'';display:block;width:1px;height:.2rem;background:#dcdcdc;position:absolute;left:.25rem;top:50%;transform:translateY(-50%)}
    .mode06 .modeTitle .more::after,.mode07 .modeTitle .more::after{content:'';display:block;width:.05rem;height:.1rem;background:url(../images/more_icon_grey.png) no-repeat center/cover;position:absolute;right:-.15rem;top:50%;transform:translateY(-50%)}
    .mode01 .modeLf .channel{font-size:.24rem;line-height:.52rem;padding:0 .2rem}
    .mode01 .modeLf .summary{-webkit-line-clamp:4}
    .mode03 .tilList a::before{top:.81rem}
    .mode07 .img{/* padding:1rem 0; */}
    .newPaper:after{left:1rem}
    .row01 .swiperChannel{left:auto;right:.4rem}
}
@media screen and (max-width:767px){
    .mode01 .dots{width:100%;text-align:center}
    .newsPaperName li{margin-bottom:.6rem}
    .mode02 .boxList,.mode03{padding-left:15px;padding-right:15px}
    .row01 .swiperChannel{padding-left:0;padding-right:0;line-height:30px}
    .row05{margin-top: 0;}
}
@media screen and (max-width:680px){
    .newsPaperName li{margin-bottom:.4rem}
    .mode05 .modeCon li,.mode08 ul li{width:100%}
    .media a .mediaName span{font-size:.3rem}
    .mode05 .modeCon .channel{font-size:.24rem;padding:.2rem .3rem}
    .mode05 .modeCon .title{font-size:.34rem;margin-top:.3rem}
    .mode05 .tagBox{padding:0 .6rem .62rem}
    .mode02 .til_tab{width:3rem}
    .newsPaperName ul{padding:.3rem .1rem .4rem 0}
    .newsPaperName li .name{font-size:.28rem;line-height:.4rem}
    .mode05 .modeCon li:nth-last-of-type(2){margin-bottom:.3rem}
    .modeTitle .title{font-size:.44rem}
    .mode07 .img{/* padding:.5rem 0; */}
}
@media screen and (max-width:540px){
    .gp-container{padding-left:0rem;padding-right:0rem}
    .newsPaperName li{margin-bottom:.2rem}
    .mode02 .tabListBox .date{transform:translateX(-.3rem);top:auto;bottom:.3rem}
    .mode02 .boxList,.mode03{padding-left:1;padding-right:0}
    .row02::after{width:80%}
}
@media screen and (max-width:479px){
    .gp-container{padding-left:0rem;padding-right:0rem}
    .mode01 .modeLf{padding-bottom:.3rem}
    .mode03 .date{width:1.3rem}
    .mode01 .dots span{margin:0 .08rem}
    .newsPaperName ul{padding:.5rem .1rem .6rem 0}
    .mode02 .til_tab{font-size:.36rem}
    .mode03 .title{width:calc(100% - 1.3rem)}
    .mode03 .title::after{width:calc(100% - 1.6rem)}
    .mode03 .boxList .tabListBox{padding:0 .45rem 0 .34rem}
    .mode05 li:nth-last-of-type(1) .tagBox,.mode05 li:nth-last-of-type(2) .tagBox,.mode05 li:nth-last-of-type(3) .tagBox{padding:0 .6rem .3rem}
    .mode02 a.more{font-size:14px}
    .mode04 .arrow{right:0rem}
    .mode05 .tagBox{padding:0 .6rem .3rem}
    .newPaper{width: auto;}
    .mode07 .img{width:65%}
    .newsPaperName{width:35%}
    .row01 .swiperChannel{display:none}
}
@media screen and (max-width:414px){
    .mode02{margin-top: .2rem;}
    .mode03{margin:0;padding:.35rem 0 .7rem .45rem}
    .row02::after{width:calc(100% - 1.04rem)}
    .mode03 .tilList a{box-sizing:border-box}
    .mode03 .boxList .tabListBox{padding-top:.2rem}
    .mode03 a.more{font-size:.24rem;padding-right:.2rem}
    .mode03 a.more::after{width:.1rem;height:.2rem}
    .mode02 .boxList{margin-left:15px;margin-right:15px}
    .mode02 .til_tab{font-size:.3rem}
    .mode02 .til_tab.on{font-size:.36rem}
    .mode02 .tabListBox .title{max-height:unset;padding:0;margin:.2rem 0 .3rem 0;-webkit-line-clamp:unset}
}