@charset "utf-8";

.content {
    padding-bottom: 1.4rem;
}

/* row01 */
.row01 {
    width: 16.2rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.row01 .swiperchannel {
    width: 1.35rem;
    padding: 0.1rem 0.25rem 0.2rem;
    box-sizing: border-box;
    line-height: 0.34rem;
    letter-spacing: 4.8px;
    background: url(/uploads/image/0images/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, 0.77);
    line-height: 1;
    margin-top: 0.07rem;
    letter-spacing: 0;
}

.title, .summary {
    text-align: justify;
}

.mode01 {
    overflow-y: hidden;
    margin-right: -0.06rem;
    padding-right: 0.06rem;
}

.mode01 .modelf {
    width: 10.9rem;
    overflow: hidden;
    position: relative;
}

/* .mode01 .modelf li{ max-height: 1.35rem !important;} */
.mode01 .modelf a {
    display: block;
    position: relative;
}

.mode01 .modelf li>a {
    height: unset;
}

.mode01 .modelf .infobox {
    width: 100%;
    height: 2.25rem;
    padding: 0.49rem 0.4rem 0.4rem;
    box-sizing: border-box;
    background: url(/uploads/image/0images/row01_black.png) no-repeat center bottom;
    color: #fff;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.mode01 .modelf .channel {
    display: inline-block;
    color: #fff;
    line-height: 1;
    font-size: 0.18rem;
    padding: 10px 15px;
    background-color: #00873c;
}

.mode01 .modelf .title {
    color: #fff;
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 1;
    margin-top: 0.2rem;
    box-sizing: border-box;
}

.mode01 .modelf .summary {
    color: #fff;
    font-size: 0.16rem;
    line-height: 1.625;
    margin-top: 0.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 0.35s ease;
}

.mode01 .modert .title {
    -webkit-line-clamp: 3;
    line-height: 1.444;
    height: 4.34em;
    font-weight: bold;
    color: #3c4741;
}

.mode01 .modert .date {
    font-size: 0.14rem;
    line-height: 1;
    color: #999;
    margin-bottom: 0.11rem;
    transition: margin-bottom 0.35s ease;
}

.mode01 .modert li.on .title, .mode01 .modert li.on .date {
    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: 0.2rem 0.31rem 0.15rem;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    transition: all 0.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.2rem;
    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: 0rem;
}

.jsppane {
    margin-left: 0rem !important;
}

.jsptrack {
    background: #fff;
}

.jspdrag {
    background: #976c08;
}


/* row02 */
.row02 {
    margin-top: 0.8rem;
    position: relative;
}

.row02::before {
    content: '';
    display: block;
    width: 3.9rem;
    height: 4.88rem;
    background: url(/uploads/image/0images/flower_icon.png) no-repeat left;
    position: absolute;
    left: 0px;
    top: 4rem;
    /* top: 2.7rem; */
}

.row02::after {
    content: '';
    display: block;
    width: 6.76rem;
    height: 12.77rem;
    background: #efefef;
    position: absolute;
    right: 0rem;
    top: 0rem;
    z-index: -1;
}

.mode02 {
    width: 8.7rem;
    align-items: start;
    align-items: flex-start;
}

.mode02 .tillist {
    width: 1.45rem;
    padding: 0.2rem 0 0.5rem;
    background: url(/uploads/image/0images/tab_bg1.png) no-repeat center/cover;
    position: relative;
}

.mode02 .tillist::before {
    content: '';
    display: block;
    width: 0.04rem;
    height: 100%;
    background: #9cd19c;
    position: absolute;
    left: 0rem;
    top: 0rem;
}

.mode02 .til_tab {
    display: block;
    color: #fff;
    font-size: 0.18rem;
    line-height: 1;
    padding: 0.2rem 0.3rem;
    margin-bottom: 0.05rem;
    position: relative;
}

.mode02 .til_tab::after {
    content: '';
    display: block;
    width: 0.08rem;
    height: 0.14rem;
    background: url(/uploads/image/0images/tab_til_more.png) no-repeat center/cover;
    position: absolute;
    right: 0.13rem;
    top: 50%;
    transform: translatey(-50%);
}

.mode02 .til_tab.on {
    background: #fff;
    color: #00873c;
    border-left: 2px solid #9cd19c;
}

.mode02 .boxlist {
    width: 6.8rem;
}

.mode02 .tablistbox {
    display: none;
}

.mode02 .tablistbox li {
    margin-bottom: 0.5rem;
}

.mode02 .tablistbox li:nth-last-of-type(1) {
    margin-bottom: 0rem;
}

.mode02 .tablistbox a {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    transition: all 0.35s ease;
}

/* .mode02 .tablistbox a:hover{ transform: translatex(0.08rem);} */
.mode02 .tablistbox .img {
    width: 3rem;
    height: 1.69rem;
    flex-shrink: 0;
    position: relative;
}

.mode02 .tablistbox .date {
    width: 0.5rem;
    height: 0.62rem;
    background: url(/uploads/image/0images/date_bg.png) no-repeat center/cover;
    position: absolute;
    left: -0.13rem;
    bottom: 0.1rem;
    color: #fff;
}

.mode02 .tablistbox .date span {
    display: block;
    text-align: center;
    line-height: 1;
}

.mode02 .tablistbox .date .day {
    margin-top: 0.07rem;
}

.mode02 .tablistbox .date .month {
    margin-top: 0.04rem;
    letter-spacing: -0.006rem;
}

.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: 0.3rem;
    max-height: 1.69rem;
    overflow: hidden;
}

.mode02 .tablistbox .title {
    line-height: 1.5;
    max-height: 0.81rem;
    font-weight: bold;
    color: #3c4741;
    -webkit-line-clamp: 3;
    overflow: hidden;
    transition: all 0.35s ease;
}

.mode02 .tablistbox a:hover .title {
    color: #00873c;
}

.mode02 .tablistbox a:hover img {
    transform: scale(1.03);
    opacity: 0.85;
}

.mode02 .tablistbox .summary {
    line-height: 1.5;
    height: 0.96rem;
    margin-top: 0.12rem;
    color: #666;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.mode02 a.more {
    display: block;
    color: #999999;
    margin-top: 0.37rem;
    line-height: 1;
    text-align: right;
    padding-right: 0.15rem;
    position: relative;
}

.mode02 a.more::after {
    content: '';
    display: block;
    width: 0.05rem;
    height: 0.1rem;
    background: url(/uploads/image/0images/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% - 0.52rem);
    background: #eeeeee;
    position: absolute;
    left: 0rem;
    top: 50%;
    transform: translatey(-50%);
    z-index: 0;
}

.mode03 {
    width: 4.5rem;
    padding-top: 0.4rem;
}

.mode03 .tillist {
    font-size: 0;
}

.mode03 .tillist a {
    display: inline-block;
    width: 50%;
    text-align: center;
    color: #00873c;
    height: 0.73rem;
    line-height: 0.73rem;
    font-weight: bold;
    position: relative;
}

.mode03 .tillist a.on {
    background: #00873c;
    color: #fff;
}

.mode03 .tillist a::before {
    content: '';
    display: block;
    width: 0rem;
    height: 1px;
    background: rgba(255, 255, 255, 0.53);
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translatey(-50%);
    transition: all 0.35s ease;
}

.mode03 .tillist a.on::before {
    width: 0.62rem;
}

.mode03 .boxlist {
    min-height: 12rem;
    background: #00873c url(/uploads/image/0images/tab_bg2.png) no-repeat right bottom;
    background-size: 100% auto;
}

.mode03 .boxlist .tablistbox {
    display: none;
    padding: 0 0.3rem 0 0.34rem;
}

.mode03 .boxlist .tablistbox a {
    display: block;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
}

.mode03 .date {
    width: 0.42rem;
    flex-shrink: 0;
    color: #fff;
    margin-right: 0.3rem;
}

.mode03 .date span {
    display: block;
    text-align: center;
    line-height: 1;
}

.mode03 .date .month {
    margin-top: 0.1rem;
}

.mode03 .title {
    width: calc(100% - 0.72rem);
    overflow: hidden;
    padding: 0.36rem 0 0.26rem;
    transition: all 0.35s ease;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    height: 2.888em;
    position: relative;
}

/* .mode03 .title:hover{ transform: translatex(0.08rem);} */
.mode03 .title::after {
    content: '';
    display: block;
    width: calc(100% - 1.7rem);
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    bottom: 0rem;
    right: 0rem;
}

.mode03 .title span {
    color: #fff;
    line-height: 1.444;
    font-weight: bold;
}

.mode03 a.more {
    display: block !important;
    color: #fff;
    margin-top: 0.24rem;
    line-height: 1;
    text-align: right;
    padding-right: 0.15rem;
    position: relative;
}

.mode03 a.more::after {
    content: '';
    display: block;
    width: 0.05rem;
    height: 0.1rem;
    background: url(/uploads/image/0images/more_icon.png) no-repeat center/cover;
    position: absolute;
    right: 0rem;
    top: 50%;
    transform: translatey(-50%);
}

/* row03 */
.row03 {}

.mode04 {
    padding-top: 0.1rem;
    margin-top: 0.7rem;
    overflow: hidden;
    position: relative;
}

.mode04 .modetitle {
    color: #121212;
    font-weight: bold;
    font-size: 0;
}

.mode04 .modetitle .more {
    color: #999999;
    padding-left: 0.41rem;
    position: relative;
}

.mode04 .modetitle .more::before {
    content: '';
    display: block;
    width: 1px;
    height: 0.2rem;
    background: #dcdcdc;
    position: absolute;
    left: 0.25rem;
    top: 50%;
    transform: translatey(-50%);
}

.mode04 .modetitle .more::after {
    content: '';
    display: block;
    width: 0.05rem;
    height: 0.1rem;
    background: url(/uploads/image/0images/more_icon_grey.png) no-repeat center/cover;
    position: absolute;
    right: -0.15rem;
    top: 50%;
    transform: translatey(-50%);
}

.mode04 .arrow {
    position: absolute;
    top: 0rem;
    right: 0rem;
    font-size: 0rem;
}

.mode04 .prev,
.mode04 .next {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background-color: #f2f2f2;
    overflow: hidden;
    position: relative;
}

.mode04 .next {
    margin-left: 0.1rem;
}

.mode04 .prev::after,
.mode04 .next::after {
    content: '';
    display: block;
    width: 0.8rem;
    height: 0.4rem;
    background: url(/uploads/image/0images/mode04_prev.png) left center;
    background-repeat: repeat-x;
    position: absolute;
    left: 0;
    top: 0;
}

.mode04 .next::after {
    background: url(/uploads/image/0images/mode04_next.png) right center;
    background-repeat: repeat-x;
    left: auto;
    right: 0;
}

.mode04 .prev:hover::after {
    transition: transform 0.2s ease-in-out;
    transform: translate3d(-0.4rem, 0, 0);
}

.mode04 .next:hover::after {
    transition: transform 0.2s ease-in-out;
    transform: translate3d(0.4rem, 0, 0);
}

.mode04 .swiper {
    padding-top: 0.4rem;
}

.mode04 ul {}

.mode04 ul a {
    display: block;
}

.mode04 ul .gp-img-responsive {
    padding-bottom: 56.25%;
}

.mode04 ul .title {
    color: #3c4741;
    font-weight: bold;
    padding-bottom: 0.12rem;
    margin-top: 17px;
    line-height: 1.333;
    height: 2.666em;
    position: relative;
}

.mode04 ul .title::after {
    content: '';
    display: block;
    width: 0.35rem;
    height: 0.02rem;
    background: #00873c;
    position: absolute;
    bottom: 0rem;
    left: 0rem;
}


/* row04 */
.row04 {}

.mode05 {
    padding-top: 0.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: #fff;
    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: 0.1rem;
    width: 33.33%;
    float: left;
    position: relative;
}

.mode05 .modecon a {
    display: block;
    margin: 0 0.05rem;
    position: relative;
}

.mode05 .modecon a.video::before {
    content: '';
    display: block;
    width: 0.48rem;
    height: 0.48rem;
    background: url(/uploads/image/0images/video.png) no-repeat center/cover;
    position: absolute;
    left: 50%;
    bottom: 38%;
    transform: translatex(-50%);
    z-index: 10;
    transition: all 0.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 0.6rem 0.3rem;
}

.mode05 .tagbox::after {
    content: '';
    display: block;
    width: 100%;
    height: 0.8rem;
    background: url(/uploads/image/0images/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: 0.1rem 0.15rem;
    background: #00873c;
    color: #fff;
    position: relative;
    z-index: 5;
}

.mode05 .modecon .title {
    font-weight: bold;
    color: #fff;
    line-height: 1;
    margin-top: 0.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 0.6rem 0.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: 0.85;
}


/* row05 */
.row05 {
    position: relative;
    padding: 0.35rem 0 0.8rem;
}

.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;
}

.mode07 {
    width: 3.7rem;
}

.modetitle .title {
    color: #121212;
    font-weight: bold;
}

.mode06 .modetitle,
.mode07 .modetitle {
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #dcdcdc;
    align-items: center;
}

.mode07 .more {
    position: relative;
    padding-right: 0.15rem;
}

.mode07 .more::after {
    content: '';
    display: block;
    width: 0.05rem;
    height: 0.1rem;
    background: url(/uploads/image/0images/more_icon_grey.png) no-repeat center/cover;
    position: absolute;
    right: 0rem;
    top: 50%;
    transform: translatey(-50%);
}

.media {
    margin-top: 0.39rem;
    overflow: hidden;
}

.media a {
    display: block;
    height: 1.23rem;
    background: url(/uploads/image/0images/media_bg.png) no-repeat center;
    position: relative;
}

.media a .icon {
    text-align: center;
    padding-top: 0.27rem;
}

.media a .medianame {
    text-align: center;
    height: 0.34rem;
    position: relative;
}

.media a .medianame span {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translatex(-50%);
}

.media a .code {
    height: 0.9rem;
    width: 0.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 0.35s ease;
}

.media a.show .code {
    opacity: 1;
    visibility: visible;
}

.media a .code img {
    width: 100%;
}

/* .media .swiper-slide{ width: 0.99rem !important;} */
.media2 {
    width: 6.35rem;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 0.6rem;
}

.media .arrow {
    font-size: 0rem;
    position: absolute;
    top: -0.1rem;
    right: 0rem;
}

/* .media .prev,
.media .next{ display: inline-block; width: 0.4rem; height: 0.4rem; background: url(/uploads/image/0images/media_prev.png) no-repeat center/cover;}
.media .next{ background: url(/uploads/image/0images/media_next.png) no-repeat center/cover; margin-left: 0.1rem;} */
.media .prev,
.media .next {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    border: 1px solid rgba(0, 0, 0, .04);
    border-radius: 50%;
    background-color: #efefef;
    overflow: hidden;
    position: relative;
}

.media .next {
    margin-left: 0.1rem;
}

.media .prev::after,
.media .next::after {
    content: '';
    display: block;
    width: 0.8rem;
    height: 0.4rem;
    background: url(/uploads/image/0images/mode04_prev.png) left center;
    background-repeat: repeat-x;
    position: absolute;
    left: 0;
    top: 0;
}

.media .next::after {
    background: url(/uploads/image/0images/mode04_next.png) right center;
    background-repeat: repeat-x;
    left: auto;
    right: 0;
}

.media .prev:hover::after {
    transition: transform 0.2s ease-in-out;
    transform: translate3d(-0.4rem, 0, 0);
}

.media .next:hover::after {
    transition: transform 0.2s ease-in-out;
    transform: translate3d(0.4rem, 0, 0);
}

.newpaper {
    margin-top: 0.1rem;
    padding: 0 0.1rem 0 0;
    position: relative;
}

.newpaper:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: .3rem;
    /* border: 3px solid #f3c96f;  */
    background: url(/uploads/image/0images/border.png) no-repeat center;
    background-size: 100% 100%;
    z-index: -1;
}

.mode07 .img {
    width: calc(100% - 1.26rem);
    margin-right: 0.15rem;
    overflow: hidden;
    padding: 0.3rem 0;
    /* box-shadow: 0.08rem 0 0.18rem 0 rgba(60, 71, 65, 0.15); */
}

.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;
    /*  padding: 0.6rem 0; */
    display: flex;
    display: -ms-flexbox;
    align-self: center;
}

.newspapername ul {
    /*  padding: 0.3rem 0 0.4rem; */
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    justify-content: center;
}

.newspapername li {
    margin-bottom: 0.1rem;
}

.newspapername li:last-child {
    margin-bottom: 0rem;
}

.newspapername a {
    display: block;
    text-align: center;
    line-height: 1;
    color: #222;
    padding: .07rem .2rem .07rem .2rem;
    position: relative;
}

.newspapername li.on a {}

/* .newspapername li a::before{ content: ''; display: block; width: 0rem; height: 0.02rem; background: #00873c;
    position: absolute; left: 0.2rem; top: 50%; transform: translatey(-50%);} */
.newspapername li.on a::before {
    width: 0.06rem;
}

.newspapername li.on a {
    background: #00873c;
    color: #fff;
}

/* row06 */
.mode08 {
    padding-top: 0.6rem;
    overflow: hidden;
    position: relative;
}

.mode08 .modetitle {
    color: #121212;
    font-weight: bold;
    font-size: 0;
    padding-bottom: 0.4rem;
}

.mode08 .modetitle .more {
    color: #999999;
    padding-left: 0.41rem;
    position: relative;
}

.mode08 .modetitle .more::before {
    content: '';
    display: block;
    width: 1px;
    height: 0.2rem;
    background: #dcdcdc;
    position: absolute;
    left: 0.25rem;
    top: 50%;
    transform: translatey(-50%);
}

.mode08 .modetitle .more::after {
    content: '';
    display: block;
    width: 0.05rem;
    height: 0.1rem;
    background: url(/uploads/image/0images/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 0.15rem;
    transition: all 0.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: bold;
    padding-bottom: 0.12rem;
    font-size: 0.16rem;
    margin-top: 17px;
    line-height: 1.333;
    height: 2.666em;
    position: relative;
}

.mode08 ul .title::after {
    content: '';
    display: block;
    width: 0.35rem;
    height: 0.02rem;
    background: #00873c;
    position: absolute;
    bottom: 0rem;
    left: 0rem;
}

.next, .prev {
    cursor: pointer;
}


/* 响应式样式 */
@media screen and (max-width:1700px) {
    /* .header, .row01{ width: 14rem;} */
}

@media screen and (max-width:1600px) {
    .media a {
        background-size: cover;
    }

    .media a .icon {
        padding-top: 0.24rem;
    }

    .mode02 .tablistbox .date .day {
        margin-top: 0.05rem;
    }

    .mode02 .tablistbox .summary {
        height: 0.74rem;
    }
}

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

    /* .header, .row01{ width: 12rem;} */
    .row02::after {
        width: 5.8rem;
    }
}

@media screen and (max-width:1440px) {
    .media a .icon {
        padding-top: 0.2rem;
    }

    .mode02 .tablistbox .date {
        width: 0.6rem;
        height: 0.72rem;
    }

    .mode02 .tablistbox .date .day {
        margin-top: 0.09rem;
    }

}

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

@media screen and (max-width:1280px) {
    .row02::after {
        width: 5.6rem;
    }

    .mode02, .mode06 {
        width: 9rem;
    }

    /* .mode03, .mode07{ width: 6rem;} */
    .mode07 .img {
        width: calc(100% - 1.76rem);
    }

    .newspapername {
        width: 1.76rem;
    }

    .row05 {
        padding: 0.3rem 0 0.5rem;
    }

    .content {
        padding-bottom: 1rem;
    }

    .mode01 .modelf .infobox {
        padding: 0.3rem 0.2rem;
    }

    .mode02 .tablistbox .date {
        width: 0.7rem;
        height: 0.82rem;
    }

    .mode02 .tablistbox .date .day {
        margin-top: 0.1rem;
    }

    .media a .medianame span {
        line-height: 14px;
    }
}

@media screen and (max-width:1240px) {
    .mode04 .swiper {
        overflow: hidden;
    }

    .mode04 .arrow {
        right: 0.5rem;
    }
}

@media screen and (max-width:1200px) {
    .mode01 .modert .textbox {
        padding: 0.1rem 0.25rem 0.1rem;
    }

    .mode02 .tablistbox .infobox {
        max-height: unset;
    }

    .mode02 .tablistbox .title {
        height: 2.888em;
        line-height: 1.444;
    }

    .mode02 .tablistbox .summary {
        margin-top: 0.1rem;
        line-height: 0.26rem;
        height: 0.48rem;
    }

    .mode02 .boxlist {
        width: calc(100% - 1.85rem);
    }

    .mode03 .date {
        width: 0.62rem;
    }

    .media a .icon {
        height: 0.3rem;
    }

    .media a .icon img {
        height: 100%;
    }

    .media a .medianame {
        height: 0.44rem;
    }
}

@media screen and (max-width:1100px) {
    .media a .icon {
        padding-top: 0.15rem;
    }

    .media a .medianame span {
        line-height: 1.2;
    }

    .mode02 .tablistbox .date .month {
        letter-spacing: -0.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: 0.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: 0.27rem;
    }

    .mode02 .tablistbox .title {
        line-height: 0.26rem;
        height: 0.52rem;
    }

    .mode02 .til_tab {
        padding: 0.2rem 0.25rem;
    }
}

@media screen and (max-width:900px) {
    .row01 {
        width: 100%;
        padding: 0 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: none;
        color: #121212;
        height: unset;
    }

    .mode01 .modelf .title {
        color: #121212;
        font-size: 0.36rem;
        margin-top: 0.3rem;
        line-height: 1.333;
        text-overflow: inherit;
        white-space: normal;
    }

    .mode01 .modelf .summary {
        color: #121212;
        font-size: 0.28rem;
        margin-top: 0.3rem;
        line-height: 0.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 0.1rem;
        width: 0.15rem;
        height: 0.15rem;
        transition: background 0.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 0.35s ease;
    }

    .mode02, .mode03 {
        width: 100%;
    }

    .mode02 {
        margin-top: 0.7rem;
        overflow: hidden;
    }

    .mode03 .tillist a {
        font-size: 0.4rem;
        height: 1.44rem;
        line-height: 1.32rem;
        padding-top: 0.12rem;
    }

    .mode03 .title {
        font-size: 0.36rem;
        line-height: 0.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: 0.48rem;
        line-height: 0.32rem;
        padding-bottom: 0.04rem;
    }

    .mode03 .date .month {
        font-size: 0.24rem;
    }

    .mode02 {
        flex-direction: column;
        -ms-flex-direction: column;
    }

    .mode02 .tillist, .mode02 .boxlist {
        width: 100%;
    }

    .mode02 .tillist {
        background: none;
        /* display: flex; display: -ms-flexbox; flex-wrap: nowrap; overflow: hidden; overflow-x: scroll; */
    }

    .mode02 .til_tab {
        width: 3.6rem;
        flex-shrink: 0;
        color: #6a6a6a;
        line-height: 1.23rem;
        font-size: 0.42rem;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }

    .mode02 .til_tab::after,
    .mode02 .tillist::before {
        display: none;
    }

    .mode02 .til_tab.on {
        border-left: none;
        background: #fff;
        font-weight: bold;
        color: #00873c;
    }

    .mode02 .tillist {
        padding-bottom: 0rem;
        margin-bottom: 0.5rem;
    }

    .mode02 .tillist a {
        border-top: 0.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: 0.52rem;
        margin-top: 0.2rem;
    }

    .mode02 .tablistbox .date .month {
        font-size: 0.24rem;
    }

    .mode02 .tablistbox .title {
        height: unset;
        max-height: unset;
        font-size: 0.36rem;
        line-height: 0.52rem;
        padding: 0;
        margin: 0.2rem 0 0.3rem 0;
        -webkit-line-clamp: unset;
    }

    .mode02 .tablistbox .summary {
        font-size: 0.26rem;
        line-height: 0.48rem;
        height: unset;
    }

    .mode02 .tablistbox li {
        margin-bottom: 0.8rem;
    }

    .mode03 .boxlist .tablistbox li {
        height: 2.35rem;
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        position: relative;
    }

    .mode03 a.more {
        padding: 0.3rem 0;
        padding-right: 0.5rem;
        font-size: 0.34rem;
    }

    .mode03 a.more::after {
        width: 0.15rem;
        height: 0.3rem;
    }

    .mode02 a.more {
        font-size: 0.34rem;
        padding-right: 0.5rem
    }

    .mode02 a.more::before {
        width: calc(100% - 1.4rem);
    }

    .mode02 a.more::after {
        width: 0.15rem;
        height: 0.3rem;
    }

    .mode03 .boxlist {
        padding-bottom: 0.2rem;
    }

    .mode04 ul .title {
        font-size: 0.34rem;
        -webkit-line-clamp: unset;
        height: unset;
    }

    .modetitle .title {
        font-size: 0.52rem;
    }

    .mode04 .modetitle .more,
    .mode07 .more,
    .mode08 .modetitle .more {
        font-size: 0.24rem;
    }

    .mode04 .prev, .mode04 .next {
        width: 0.8rem;
        height: 0.8rem;
    }

    .mode04 .next {
        margin-left: 0.3rem;
    }

    .mode05 .modecon::before,
    .mode05 .modecon::after {
        display: none;
    }

    .mode05 .modecon li {
        width: 50%;
        margin-bottom: 0.3rem;
    }

    .mode05 .modecon li:nth-last-of-type(3) {
        margin-bottom: 0.3rem;
    }

    .row05>.flex {
        flex-direction: column;
        -ms-flex-direction: column;
    }

    .mode06, .mode07, .media2 {
        width: 100%;
    }

    .media a {
        height: 2.7rem;
    }

    .media a .icon {
        height: unset;
    }

    .media a .icon {
        padding-top: 0.65rem;
    }

    .media a .code {
        width: 1.5rem;
        height: 1.5rem;
    }

    .row05::before {
        height: 100%;
    }

    .media .prev, .media .next {
        width: 0.8rem;
        height: 0.8rem;
    }

    .media .next {
        margin-left: 0.3rem;
    }

    .mode06 {
        margin-top: 0.5rem;
    }

    .mode07 {
        margin-top: 0.8rem;
    }

    .newpaper {
        width: 80%;
        margin: 0.4rem auto 0;
    }

    .mode07 .img {
        width: 60%;
    }

    .newspapername {
        width: 40%;
    }

    .newspapername li .name {
        font-size: 0.34rem;
    }

    /* .newspapername li.on .name{ font-size: 0.4rem;} */
    .newspapername li {
        margin-bottom: 1rem;
    }

    .mode08 ul {
        margin-left: 0;
        margin-right: 0;
    }

    .mode08 ul li {
        width: 50%;
        margin-bottom: 0.5rem;
    }

    .mode08 ul a {
        margin: 0;
    }

    .mode08 ul .title {
        font-size: 0.36rem;
        -webkit-line-clamp: unset;
    }

    .mode08 ul .title::after {
        width: 0.65rem;
        height: 0.04rem;
    }

    .mode08 .dots {
        text-align: center;
    }

    .mode08 .dots span {
        display: inline-block;
        width: 0.15rem;
        height: 0.15rem;
        border-radius: 50%;
        background: #c3c3c3;
        margin: 0 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;
    }

    .mode03, .mode02 .boxlist {
        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;
    }

    .mode07 .modetitle .more {
        color: #999;
        padding-left: 0.41rem;
        position: relative;
    }

    .mode07 .modetitle .more::before {
        content: '';
        display: block;
        width: 1px;
        height: 0.2rem;
        background: #dcdcdc;
        position: absolute;
        left: 0.25rem;
        top: 50%;
        transform: translatey(-50%);
    }

    .mode07 .modetitle .more::after {
        content: '';
        display: block;
        width: 0.05rem;
        height: 0.1rem;
        background: url(/uploads/image/0images/more_icon_grey.png) no-repeat center/cover;
        position: absolute;
        right: -0.15rem;
        top: 50%;
        transform: translatey(-50%);
    }

    .mode01 .modelf .channel {
        font-size: 0.24rem;
        line-height: 0.52rem;
        padding: 0 0.2rem;
    }

    .mode01 .modelf .summary {
        -webkit-line-clamp: 4;
    }

    .mode03 .tillist a::before {
        top: 0.81rem;
    }

    .mode07 .img {
        padding: 1rem 0;
    }

    .newpaper:after {
        left: 1rem;
    }

    .row01 .swiperchannel {
        left: auto;
        right: 0.4rem;
    }
}

@media screen and (max-width:767px) {
    .mode01 .dots {
        width: 100%;
        text-align: center;
    }

    .newspapername li {
        margin-bottom: 0.6rem;
    }

    .mode03, .mode02 .boxlist {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row01 .swiperchannel {
        padding-left: 0;
        padding-right: 0;
        line-height: 30px;
    }
}

@media screen and (max-width:680px) {
    .newspapername li {
        margin-bottom: 0.4rem;
    }

    .mode08 ul li, .mode05 .modecon li {
        width: 100%;
    }

    .media a .medianame span {
        font-size: 0.3rem;
    }

    .mode05 .modecon .channel {
        font-size: 0.24rem;
        padding: 0.2rem 0.3rem;
    }

    .mode05 .modecon .title {
        font-size: 0.34rem;
        margin-top: 0.3rem;
    }

    .mode05 .tagbox {
        padding: 0 0.6rem 0.62rem;
    }

    .mode02 .til_tab {
        width: 3rem;
    }

    /* .mode07 .img{ width: 60%;}
    .newspapername{ width: 40%;} */
    .newspapername ul {
        padding: 0.3rem 0.1rem 0.4rem 0;
    }

    .newspapername li .name {
        font-size: 0.28rem;
        line-height: 0.4rem;
    }

    /* .newspapername li.on .name{ font-size: 0.32rem;} */
    .mode05 .modecon li:nth-last-of-type(2) {
        margin-bottom: 0.3rem;
    }

    .modetitle .title {
        font-size: 0.44rem;
    }

    .mode07 .img {
        padding: 0.5rem 0;
    }
}

@media screen and (max-width:540px) {
    .gp-container {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .newspapername li {
        margin-bottom: 0.2rem;
    }

    .mode02 .tablistbox .date {
        transform: translatex(-0.3rem);
        top: auto;
        bottom: 0.3rem;
    }

    .mode03, .mode02 .boxlist {
        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: 0.3rem;
    }

    .mode03 .date {
        width: 1.3rem;
    }

    .mode01 .dots span {
        margin: 0 0.08rem;
    }

    .newspapername ul {
        padding: 0.5rem 0.1rem 0.6rem 0;
    }

    .mode02 .til_tab {
        font-size: 0.36rem;
    }

    .mode03 .title {
        width: calc(100% - 1.3rem);
    }

    .mode03 .title::after {
        width: calc(100% - 1.6rem);
    }

    .mode03 .boxlist .tablistbox {
        padding: 0 0.45rem 0 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 0.6rem 0.3rem;
    }

    .mode02 a.more {
        font-size: 14px;
    }

    .mode04 .arrow {
        right: 0rem;
    }

    .mode05 .tagbox {
        padding: 0 0.6rem 0.3rem;
    }

    .newpaper {
        width: 100%;
    }

    /* .newspapername li{ padding-bottom: 0.3rem;} */
    .mode07 .img {
        width: 65%;
    }

    .newspapername {
        width: 35%;
    }

    .row01 .swiperchannel {
        display: none;
    }
}

@media screen and (max-width:414px) {
    .mode03 {
        margin: 0;
        padding: 0.35rem 0 0.7rem 0.45rem;
    }

    .row02::after {
        width: calc(100% - 1.04rem);
    }

    .mode03 .tillist a {
        box-sizing: border-box;
    }

    .mode03 .boxlist .tablistbox {
        padding-top: 0.2rem;
    }

    .mode03 a.more {
        font-size: 0.24rem;
        padding-right: 0.2rem;
    }

    .mode03 a.more::after {
        width: 0.1rem;
        height: 0.2rem;
    }

    .mode02 .boxlist {
        margin-left: 15px;
        margin-right: 15px;
    }

    .mode02 .til_tab {
        font-size: 0.3rem;
    }

    .mode02 .tablistbox .title {
        max-height: unset;
        padding: 0;
        margin: 0.2rem 0 0.3rem 0;
        -webkit-line-clamp: unset
    }
}

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