.index_wrapper {
    overflow: hidden;
}

.index_wrapper .wrapbanner {
    position: relative;
    z-index: 5;
    overflow: hidden;
}

.index_wrapper .swiper-pagination {
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    font-size: 0;
}

.index_wrapper .swiper-pagination span {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 1.5rem;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0.3rem;
    border-radius: 50%;
    opacity: 1;
    -webkit-user-select: none;
    user-select: none;
}

.index_wrapper .swiper-pagination span.swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
    /* background: #046252; */
}

.banner .gp-img {
    padding-bottom: 35%;
    position: relative;
}

.banner .gp-img img {
    width: 100%;
    transition: all 0.5s ease-in-out;
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    object-fit: cover;
}

.main {
    position: relative;
    z-index: 1;
}

.warp_mode00 {
    background: #ffe7c6;
    background: #fff3e3;
    padding: 1rem 0;
    position: relative;
    z-index: 3;
}

.warp_mode00 .mode00 {
    padding-left: 6.4rem;
    box-sizing: border-box;
}

.warp_mode00 .mode00::before {
    content: '';
    display: block;
    position: absolute;
    left: 1.5rem;
    top: calc(50% - 1.4rem);
    width: 2.8rem;
    height: 2.8rem;
    background: url(../images/notic.png) no-repeat center / cover;
}

.index_001 {
    overflow: hidden;
    white-space: nowrap;
}

.index_001 ul {
    display: inline-block;
    vertical-align: middle;
}

.index_001 li {
    width: auto;
}

.warp_mode00 .title {
    padding: 0 6.5rem 0 1.8rem;
    position: relative;
    color: #d94f21;
}

.warp_mode00 .title::before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: #d94f21;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.warp_mode00 .more {
    float: right;
    display: block;
    position: relative;
    padding: 0 12px 0 22px;
}

.warp_mode00 .more::before {
    content: '';
    display: block;
    width: 2px;
    height: 12px;
    background: #888;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


/* warp_mode01  */

.warp_mode01 {
    box-sizing: border-box;
    position: relative;
}

.mode01_content {
    display: none;
    position: relative;
}

.mode01_content.on {
    display: flex;
}

.warp_mode01 .lf {
    position: relative;
    width: 50%;
    border-top: 2px solid #046252;
    overflow: hidden;
}
.warp_mode01 .lf2{
    width: calc(50% - 2rem);
}
.warp_mode01 .lf2+.rt{
    padding: 0;
    width: calc(50% - 2rem);
    padding-left: 4rem;
}
.warp_mode01 .lf2+.rt::before{
    
}
.main_bg {
    display: block;
    left: calc(50% - 8.55rem);
    width: 17.1rem;
    height: 17.4rem;
    background: url(../images/navbg.png) no-repeat center / cover;
    position: absolute;
    top: 0;
    transition: top .1s ease;
    z-index: 1;
}

.main_bg.on {
    opacity: 1
}

.warp_mode01 .lf a .gp-img::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-bottom: calc(169/910*100%);
    background: linear-gradient(90deg, rgb(3, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(90deg, rgb(3, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgb(3, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(90deg, rgb(3, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.6;
}

.warp_mode01 .lf a {
    display: block;
    position: relative;
}

.warp_mode01 .lf a .gp-img {}

.warp_mode01 .lf a .index01lf_info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1.5rem 3rem;
    box-sizing: border-box;
}

.mode01 .index_title {
    margin-top: 5rem;
}

.index_title {
    margin: 8rem 0 3rem;
    position: relative;
    align-items: center;
}

.mode06 .lf .index_title {
    padding-right: 3rem;
}

.index_title .channel_title2 {
    align-items: center;
    position: relative;
    font-size: 0;
    gap: 0 5rem;
}

.index_title a {
    color: #3c3c3c;
}

.index_title .channel_title2 a .cl {
    content: '';
    display: block;
    position: absolute;
    width: 10rem;
    height: 10rem;
    position: absolute;
    left: 0;
    top: calc(50% - 5rem);
    z-index: 0;
    mask: linear-gradient(to bottom, black 30%, transparent 50%);
    -webkit-mask: linear-gradient(to bottom, black 30%, transparent 50%);
}

.channel_link.off,
.index_title .channel_title2 a.off .cl {
    display: none;
}

.index_title. .channel_title2 a.on .cl::before {
    animation: spin 4s linear forwards;
}

.index_title.isView .channel_title2 a .cl::before {
    animation: spin 4s linear forwards;
}

.mode06 .index_title .channel_title2 a .cl::before {
    background: url(../images/cl2.svg) no-repeat left center / cover;
    background-size: cover;
}

.index_title .channel_title2 span {
    color: #046252;
    position: relative;
    z-index: 2;
}

.index_title .channel_title2 p {
    display: inline-block;
    position: relative;
    z-index: 2;
}

.mode01 .index_title .channel_title2 span {
    color: #3c3c3c;
}

.index_title.isView a::before {}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.index_title .channel_title2 a {
    font-family: "NotoSerifSC";
    position: relative;
}

.mode01 .index_title .channel_title2 {
    position: relative;
    gap: 0 5rem;
}

.index_title .channel_title2 a::after,
.mode06 .lf .index_title .channel_title2:after {
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 3.7rem;
    background: #3c3c3c;
    transform: rotate(27deg);
    left: 50%;
    top: calc(50% - 1.85rem);
}

.index_title .channel_title2 a::after {
    left: auto;
    right: -2.5rem;
}

.index_title .channel_title2 a:last-child::after {
    display: none
}

.mode01 .index_title .channel_title2 a:nth-child(1),
.mode06 .index_title .channel_title2 a:nth-child(1) {
    margin-right: 0;
}

.mode01 .index_title .channel_title2 a.on .cl {
    display: block
}

.mode01 .index_title .channel_title2 a.on span {
    color: #046252;
    position: relative;
    z-index: 2;
}

.index_title .channel_title2 i {
    width: 3.7rem;
    height: 3.7rem;
    display: inline-block;
    margin: 0 0.5rem;
}

.index_title a:hover {
    color: #3c3c3c;
}

.mode01 .rt {
    padding-left: 4rem;
    box-sizing: border-box;
    flex: 1;
    position: relative;
    width: calc(100% - 91rem);
}
.mode01 .lf .rt{
    padding-left:0;
    width: 100%;
}
.mode01 .lf .rt::before{
    display:none
}
.mode01 .rt::before,
.mode02 .lf .index_title::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0%;
    width: calc(100% - 4rem);
    height: 2px;
    background: #046252;
}

.mode02 .lf .index_title::after {
    bottom: -3rem;
    width: 100%;
    top: auto;
}

.mode01 .rt li a,
.mode02_list li a,
.news_top {
    transition: all ease-in-out .35s;
    -ms-transition: all ease-in-out .35s;
    -moz-transition: all ease-in-out .35s;
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
}

.mode01 .rt li:hover a,
.mode02_list li:hover a,
.news_top:hover {
    transform: translateX(1rem);
}

.mode01 .rt li:hover .title,
.mode02_list li:hover .title,
.news_top:hover h3 {
    color: #e98d06;
    font-weight: bold;
}

.mode01 .rt li:hover .date,
.mode02_list li:hover .date {
    color: #e98d06;
}

.mode01 .rt li:last-child a,
.mode02_list li:last-child a {
    padding-bottom: 0;
    border-bottom: none;
}

.mode01 .rt a {
    display: block;
    padding: 1.6rem 0;
    box-sizing: border-box;
    border-bottom: 1px dashed #b0c7ba;
}

.mode01 .rt .date {
    color: #046252;
    margin-bottom: 1rem;
}

.mode01 .rt .title {
    color: #282828;
}


/* warp_mode02 */

.warp_mode02 {
    position: relative;
}

.warp_mode02::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    padding-bottom: calc(1209/1920*100%);
    background: url(../images/mode1bg.png) no-repeat center / cover;
    left: 0;
    bottom: -3.4rem;
}

.mode02 .lf {
    width: 48.5rem;
}

.mode02 .lf .index_title {
    position: relative;
}

.mode02 .rt {
    width: calc(100% - 48.5rem);
    padding-left: 3.5rem;
}

.mode02_list li a,
.mode02_list li>div {
    padding: 2.5rem 0;
    box-sizing: border-box;
    align-items: center;
    border-bottom: 1px dashed #b0c7ba;
}

.mode02_list li .date {
    flex-wrap: wrap;
    align-items: center;
    color: #046252;
    flex-direction: column;
    line-height: 1;
}

.mode02_list li .date span:nth-child(1) {
    margin-bottom: 0.7rem;
    font-weight: bold;
}

.mode02_list li .title {
    flex: 1;
    padding-left: 1rem;
    box-sizing: border-box;
}

.calendarbox {
    padding: 3rem 3rem 3rem 3rem;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #158967;
}

.calendarbox .left {
    width: 51rem;
    position: relative;
    z-index: 2;
}

.calendarTil {}

.calendarTil span {
    flex-shrink: 0;
    line-height: 1;
}

.calendarTil a {
    display: inline-block;
    vertical-align: bottom;
}

.calendarTil a i {
    display: inline-block;
    width: 51px;
    font-size: 0;
    vertical-align: bottom;
    margin-right: 3px;
}

.calendarTil a span {
    display: inline-block;
    border-radius: 1.7rem;
    padding: 0.7rem 2.4rem;
    box-sizing: border-box;
    background: #e98d06;
}

.calendarCon>div {
    align-items: center;
}

.calendarYears {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.curMonth {
    display: inline-block;
    color: #292a29;
    padding-right: 29px;
    position: relative;
}

.curMonth::before {
    content: '';
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/calendar-arrow.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: calc(50% - 10.5px);
    z-index: 1;
    transition: all 0.6s ease-out 0s;
}

.on .curMonth::before {
    transform: rotateZ(180deg);
}

.calendarYears .selectMonth {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: #18853c;
    line-height: 1.8;
    padding: 10px 20px;
    white-space: nowrap;
    display: none;
}

.calendarYears .selectMonth p {
    color: #fff
}

.calendar {
    text-align: left;
    margin-top: 3.2rem;
}

.calendar .week {
    background-color: rgba(255, 231, 199, 0.9);
    box-sizing: border-box;
}

.calendar .week li {
    line-height: 5.1rem;
    width: 14.28%;
    text-align: center;
}

.calendar .pc_academic_calendar_wrap {
    position: relative;
}

.calendar .pc_academic_calendar_wrap dl::before {
    content: '';
    display: block;
    border-bottom: 1px dashed #b0c7ba;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.calendar .pc_academic_calendar_wrap dl {
    position: relative;
    z-index: 1;
    padding-bottom: 3rem;
}

.pc_academic_calendar_wrap dd .showNews {
    position: absolute;
    top: 100%;
    right: 50%;
    transform: translateX(50%);
    z-index: 10;
    display: none;
    width: 100vw;
    max-width: 430px;
    padding-top: 23px;
}

.pc_academic_calendar_wrap dd:hover .showNews {
    display: block;
}

.pc_academic_calendar_wrap dd .showNews::before {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: calc(50% - 20px);
    border-bottom: 20px solid rgba(244, 225, 206, 0.9);
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}

.pc_academic_calendar_wrap dd .showNews ul {
    position: relative;
    padding: 26px 40px;
    border-radius: 20px;
    background: rgba(244, 225, 206, 0.9);
    overflow: hidden;
}

.pc_academic_calendar_wrap dd .showNews li {
    width: 100%;
    text-align: left;
}

.pc_academic_calendar_wrap dd .showNews li:not(:first-child) {
    margin-top: 20px;
}

.pc_academic_calendar_wrap dd .showNews li .flex {
    align-items: center;
}

.pc_academic_calendar_wrap dd .showNews .title {
    line-height: 1.67;
    font-size: 18px;
}

.pc_academic_calendar_wrap dd .showNews .date {
    justify-content: flex-start;
    margin-top: 18px;
    align-items: center;
    /* display: none; */
}

.pc_academic_calendar_wrap dd .showNews .addr {
    justify-content: flex-start;
    margin-top: 18px;
    align-items: center;
    /* display: none; */
}

.pc_academic_calendar_wrap dd .showNews i {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 10px;
    flex-shrink: 0;
}

.pc_academic_calendar_wrap dd .showNews .date i {
    background: url(../images/calendar-date.svg) no-repeat center/auto 100%;
}

.pc_academic_calendar_wrap dd .showNews .addr i {
    background: url(../fonts/calendar-addr.svg) no-repeat center/auto 100%;
}

.pc_academic_calendar_wrap dd .showNews .inf {
    justify-content: flex-start;
    margin-top: 18px;
    word-break: break-all;
    align-items: center;
}

.pc_academic_calendar_wrap dd .showNews .inf i {
    background: url(../images/cal_inf.png) no-repeat center/auto 100%;
    border-radius: 0;
}

.tipsBox {
    padding: 2.4rem 2.5rem 3rem;
    justify-content: center;
}

.tipsBox div {
    align-items: center;
    color: #292a29;
    margin-right: 5rem;
    line-height: 1;
}

.tipsBox div i {
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}

.tipsBox div:nth-of-type(1) i {
    width: 0.8rem;
    height: 0.8rem;
    background: #039392;
}

.tipsBox div:nth-of-type(2) i {
    width: 0.8rem;
    height: 0.8rem;
    background: #e98d06;
    border-radius: 0;
    transform: rotate(45deg);
}

.activeSearch {
    position: relative;
}

.searchBox {
    position: relative;
}

.activeSearch input {
    height: 4.8rem;
    line-height: 4.8rem;
    width: 100%;
    background: #e9f5ee;
    outline: none;
    padding: 0 120px 0 24px;
    color: #8f8f8f;
    border-radius: 2.4rem;
    overflow: hidden;
    border: 1px solid #046252;
}

.activeSearch input::placeholder {
    color: #8f8f8f;
}

.activeSearch button {
    background: #046252 url(../images/ser.png) no-repeat center/2rem;
    width: 3.6rem;
    height: 3.6rem;
    position: absolute;
    right: 0.3rem;
    top: calc(50% - 1.8rem);
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
    outline: none;
    border: none;
}

.calendarbox .right {
    width: calc(100% - 51rem);
    padding-left: 4rem;
    box-sizing: border-box;
    position: relative;
}

.calendarbox .right .cen {
    overflow: hidden;
    position: relative;
}

.calendarbox .right .swiper-pagination {
    bottom: 1rem;
    font-size: 0;
    display: block;
}

.calendarbox .right .swiper-pagination span,
.mode06 .rt .inner .swiper-pagination span {
    width: 1.2rem;
    height: 1.2rem;
    background: rgba(233, 141, 6, 0.5);
    border-radius: 50%;
    margin: 0 1.2rem;
}

.calendarbox .right .swiper-pagination span.swiper-pagination-bullet-active,
.mode06 .rt .inner .swiper-pagination span.swiper-pagination-bullet-active {
    background: rgba(233, 141, 6, 1);
}

.calendarbox .right dd a {
    position: relative;
    /* border-radius: 2rem; */
    overflow: hidden;
}

.calendarbox .right dd:first-child {
    padding: 0rem 0 2rem 0;
    box-sizing: border-box;
    margin-bottom: 2rem;
    /* border-bottom: 1px dashed #b0c7ba; */
}

.calendarbox .right .gp-img,
.calendarbox .right dd {
    border-radius: 2rem;
    overflow: hidden
}

.calendarbox .right .infobox {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    opacity: 0;
    height: 100%;
    border-radius: 2rem;
    padding: 0;
    overflow: hidden;
    background: #548b63;
    transition: all ease-in-out .35s;
    -ms-transition: all ease-in-out .35s;
    -moz-transition: all ease-in-out .35s;
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
}

.calendarbox .right dd.on .infobox {
    position: relative;
}

.calendarbox .right dd a:hover .infobox,
.calendarbox .right dd.on .infobox {
    width: 100%;
    padding: 2.5rem;
    opacity: 1;
    height: 0;
    padding-bottom: calc(56.25% - 1.8rem);
}

.calendarbox .right .info {
    /* margin-top: 1.5rem; */
    margin-bottom: 1rem;
    color: #282828;
    color: #fff;
}

.calendarbox .right .info-time {
    color: #046252;
    color: #fff;
}
.calendarbox .right .info-time:nth-of-type(3){
    margin-top: 1rem;
}
.calendarbox .right .info-time a{
    border-radius: 2rem;
    background: #e88a15;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    margin: 0 auto;
}

/* warp_mode03 */

.warp_mode03 {
    position: relative;
    margin: 3.5rem 0;
}

.mode03 {
    overflow: hidden;
}

.warp_mode03 .index_title,
.warp_mode04 .index_title,
.warp_mode05 .index_title {
    justify-content: center
}

.warp_mode03 .index_title .more,
.warp_mode04 .index_title .more {
    position: absolute;
    right: 0;
}

.warp_mode03 .modeCon {
    overflow: hidden;
}

.warp_mode03 .modeCon ul {
    justify-content: space-between;
    gap: 0.6rem;
    flex-wrap: nowrap;
}

.warp_mode03 .modeCon li {
    position: relative;
    width: 6.6%;
    min-height: 23.7rem;
    transform: perspective(400px) rotateY(-12deg);
    transform-origin: right center;
    font-size: 0;
    text-align: right;
    transition: width .35s cubic-bezier(0.4, 0, 0.2, 1);
    /* transform .35s cubic-bezier(0.4, 0, 0.2, 1),  */
    transition-delay: 0.01s !important;
}

.warp_mode03 .modeCon li.active {
    width: 71%;
    transform: perspective(400px) rotateY(0deg);
    transform-origin: right center;
}

.warp_mode03 .modeCon li a {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    height: 100%;
    z-index: 2;
}

.warp_mode03 .modeCon li a.jumpTarget {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1;
}

.warp_mode03 .modeCon li.active a:nth-last-child(1) {
    display: none;
}

.warp_mode03 .modeCon li.active a.jumpTarget {
    display: block;
}

.warp_mode03 .modeCon li:nth-child(1) a:nth-last-child(1) {
    background: #658ddd;
}

.warp_mode03 .modeCon li:nth-child(2) a:nth-last-child(1) {
    background: #54b3aa;
}

.warp_mode03 .modeCon li:nth-child(3) a:nth-last-child(1) {
    background: #51ad87;
}

.warp_mode03 .modeCon li:nth-child(4) a:nth-last-child(1) {
    background: #79af62;
}

.warp_mode03 .modeCon li:nth-child(5) a:nth-last-child(1) {
    background: #039392;
}

.warp_mode03 .modeCon li a img {
    height: 100%;
    margin: 0 auto;
}

.warp_mode03 .modeCon .title {
    margin: 0 auto;
    padding: 2.8rem 0;
    color: #fff;
    text-align: left;
    line-height: 1.5;
    position: absolute;
    height: 100%;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
}


/* mode04 */

.warp_mode04 {
    position: relative;
    margin-bottom: 7rem;
}

.warp_mode04::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    padding-bottom: calc(1660/1920*100%);
    background: url(../images/bg2.png) no-repeat center / cover;
    left: 0;
    top: 0;
}

.mode04_list {
    margin: 0 -1.5rem;
    overflow: hidden;
}

.mode04_list li .mode04_item {
    display: block;
    margin: 0 1.5rem;
    padding: 2.5rem 2.5rem 4rem;
    box-sizing: border-box;
    background: #fff;
    position: relative;
}

.mode04_list li:nth-child(1) .mode04_item {
    border: 1px solid #f2d2c0
}

.mode04_list li:nth-child(2) .mode04_item {
    border: 1px solid #bed3ec
}

.mode04_list li:nth-child(3) .mode04_item {
    border: 1px solid #b2c2d2
}

.mode04_item .top {
    position: relative;
    /*  */
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    background: #eee;
}

.mode04_2 .rt  .top{
    margin-bottom: 1.5rem;
}
/* .mode04_item .top::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    padding-bottom: calc(140/430*100%);
    background: linear-gradient(90deg, rgb(3, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(90deg, rgb(3, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgb(3, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(90deg, rgb(3, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
} */

.mode04_item .top .gp-img {
    /* padding-bottom: 39.7%; */
}

.mode04_item .top .index04_info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1.5rem 1rem;
    z-index: 2;
}

.mode04_item .label {
    position: absolute;
    left: 0;
    top: 0;
    padding: 1.5rem 1.5rem;
    box-sizing: border-box;
    z-index: 3;
}

.mode04_2 .lf .label {
    background: #d46a2f;
}

.mode04_list li:nth-child(2) .label {
    background: #296dc0;
}

.mode04_2 .rt .label {
    background: #00356b;
}

.mode02_list li>div {
    padding: 1.8rem 0;
}

.mode04_list>li .mode02_list li:last-child>div {
    padding-bottom: 0;
    border-bottom: none !important;
}

.mode04_list>li .mode02_list li>div {
    transition: all ease-in-out .35s;
    -ms-transition: all ease-in-out .35s;
    -moz-transition: all ease-in-out .35s;
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
}

.mode04_list>li .mode02_list li:hover>div {
    transform: translateX(1rem)
}

.mode04_list>li:nth-child(1) .mode02_list li>div {
    border-bottom: 1px dashed rgba(212, 106, 47, 0.3);
}

.mode04_list>li:nth-child(1) .mode02_list .date,
.mode04_list>li:nth-child(1) .mode02_list li:hover .title {
    color: #d46a2f;
}

.mode04_list>li:nth-child(2) .mode02_list li>div {
    border-bottom: 1px dashed rgba(41, 109, 192, 0.3);
    ;
}

.mode04_list>li:nth-child(2) .mode02_list .date,
.mode04_list>li:nth-child(2) .mode02_list li:hover .title {
    color: #296dc0;
}

.mode04_list>li:nth-child(3) .mode02_list li>div {
    border-bottom: 1px dashed rgba(0, 53, 0.7, 0.3);
}

.mode04_list>li:nth-child(3) .mode02_list .date,
.mode04_list>li:nth-child(3) .mode02_list li:hover .title {
    color: #00356b;
}

.mode04_list .mode02_list li>div .title {
    padding-left: 2.5rem;
}


/* 0902 */

.mode04_2 {}

.mode04_2 .lf {
    width: 66%;
    padding: 2.5rem 2.5rem 4rem;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    border: 1px solid #f2d2c0;
}

.mode04_2 .rt {
    flex: 1;
    margin: 0 0 0 3rem;
    padding: 2.5rem 2.5rem 4rem;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    border: 1px solid #b2c2d2;
}

.news_img {
    width: 45.61%;
}
.news_img .top{
    
}
.news_txt {
    flex: 1;
    padding: 0rem 0 1rem 2rem;
    border-bottom: 1px dashed rgba(212, 106, 47, 0.3);
}

.news_txt h3 {
    font-weight: normal;
    /* margin-bottom: 1.2rem; */
}

.news_txt .summary {
    opacity: 0.8;
    margin: 1.5rem 0px;
}
.news_txt .summary .title{
    
}
.news_txt .date {
    color: #d46a2f;
}

.mode02_list {
    margin: 0 -1.5rem;
}

.mode02_list li>a {
    margin: 0 1.5rem;
}

.mode04_2 .lf .mode02_list .date {
    color: #d46a2f
}

.mode04_2 .lf .mode02_list {
    padding-top: 1.5rem;
}


/* mode05 */

.mode05 {
    background: rgba(227, 241, 249, 0.7);
    padding: 7rem 13.7rem 4rem;
    box-sizing: border-box;
    margin-bottom: 5.4rem;
    border-radius: 1.8rem;
}

.warp_mode05 .index_title {
    margin-top: 0;
}

.warp_mode05 .box {
    overflow: hidden;
}

.warp_mode05 li {
    margin-bottom: 0;
    /* max-width: 30.9rem; */
    max-width: 35rem;
    transition: all 1s ease-out 0s;
    /* transform: translateY(-80px); */
    opacity: 0;
}

.warp_mode05 .img {
    overflow: hidden;
    display: block;
}


/* .warp_mode05 li:nth-child(1) {
    transform: translateY(-50px);
}

.warp_mode05 li:nth-child(2) {
    transform: translateY(50px);
}

.warp_mode05 li:nth-child(3) {
    transform: translateY(-50px);
} */

.warp_mode05.isView li {
    transform: none;
    opacity: 1;
}

.warp_mode05 .gp-img {
    padding-bottom: 135%;
}

.warp_mode05 .info {
    padding: 1.8rem;
    box-sizing: border-box;
    background: #d46a2f;
    margin-top: 1.7rem;
    border-radius: 4rem;
    text-align: center;
}

.warp_mode05 .info:hover {}

.bg3 {
    position: relative;
    padding-bottom: 19rem;
    overflow: hidden;
    z-index: 1;
}

.bg3::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -10rem;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: calc(829/1920*100%);
    background: url(../images/bg3.png) no-repeat center / cover;
}

.warp_mode06 {
    position: relative;
    padding-top: 2rem;
}

.mode06bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 84.8rem;
}

.mode06bg::before {
    content: '';
    display: block;
    position: absolute;
    top: 2.5rem;
    left: calc(50% - 169.4rem / 2);
    width: 169.4rem;
    height: 100%;
    background: url(../images/book.png) no-repeat;
    background-size: cover;
    transform: scaleX(0);
    transform-origin: center center;
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    backface-visibility: hidden;
}

.warp_mode06.isView {
    transform: scaleX(1);
}

.warp_mode06.isView .mode06bg::before {
    transform: scaleX(1);
}

.warp_mode06::after {
    content: '';
    display: block;
    position: absolute;
    left: -16.4rem;
    width: 64.1rem;
    height: 30.4rem;
    top: calc(50% - 15.2rem);
    background: url(../images/f.png) no-repeat center / cover;
    transition: all 0.7s;
}

.warp_mode06.isView::after {
    left: 0
}

.mode06 .index_title a,
.mode06 .index_title a span,
.mode06 .more {
    color: #fff;
}

.mode06 .index_title .channel_title2 a:nth-child(1)::after,
.mode06 .index_title .channel_title2 a.on::after {
    background: rgba(24, 138, 105, 0.7);
}

.mode06 .lf .index_title .channel_title2:after {
    background: #fff;
}

.mode06 .index_title .channel_title2 a:nth-child(1)::before,
.mode06 .index_title .channel_title2 a.on::before {
    background: url(../images/cl2.svg) no-repeat center / cover;
}

.mode06 .rt .index_title {
    padding-left: 3rem;
}

.mode06 .lf,
.mode06 .rt {
    width: 50%;
}

.mode06 .lf .inner,
.mode06 .rt .inner {
    padding: 4rem 3rem;
    box-sizing: border-box;
    border-radius: 2.8rem;
}

.mode06 .rt .inner .content {
    overflow: hidden;
    position: relative;
}


/* mode06 左右箭头 */

.mode06 .rt .inner .swiper-button-prev,
.mode06 .rt .inner .swiper-button-next {
    background: none;
    width: 3rem;
    height: 4.4rem;
    margin-top: -2.2rem;
    z-index: 10;
}

.mode06 .rt .inner .swiper-button-prev::after,
.mode06 .rt .inner .swiper-button-next::after {
    content: '';
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-top: 0.3rem solid #e98d06;
    border-right: 0.3rem solid #e98d06;
    transition: opacity .3s;
    opacity: .6;
}

.mode06 .rt .inner .swiper-button-prev::after {
    transform: rotate(-135deg);
    margin-left: 0.6rem;
}

.mode06 .rt .inner .swiper-button-next::after {
    transform: rotate(45deg);
    margin-left: -0.6rem;
}

.mode06 .rt .inner .swiper-button-prev:hover::after,
.mode06 .rt .inner .swiper-button-next:hover::after {
    opacity: 1;
}

.mode06 .rt .inner .content .swiper-pagination {
    font-size: 0;
    bottom: 4px;
    display: none;
}

.mode06 .lf .inner {
    background-image: -moz-linear-gradient(0deg, rgb(255, 246, 238) 0%, rgb(255, 255, 255) 45%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 246, 238) 0%, rgb(255, 255, 255) 45%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 246, 238) 0%, rgb(255, 255, 255) 45%);
    display: none
}

.mode06 .lf .inner.on {
    display: block
}

.mode06 .rt .inner {
    background: #fff6ee;
    padding: 4rem 6rem;
    position: relative;
}

.list06bot li:hover .date {
    color: #e98d06;
}

.list06bot li:hover .title,
.list06r li:hover .title {
    color: #e98d06;
    font-weight: bold;
}
.list06top li{
    margin-bottom: 1rem;
}
.list06top li:last-child{
    margin-bottom:0
}
.list06top a {
    padding: 0.8rem 1.5rem;
    box-sizing: border-box;
    background: #e9f5ee;
    border-radius: 1.5rem;
    align-items: center;
    position: relative;
    overflow: hidden;
}


/* ,
.list06r li a::before */


/* .list06top a::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    transition: all ease-in-out .35s;
    -ms-transition: all ease-in-out .35s;
    -moz-transition: all ease-in-out .35s;
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    background: #fee9cb;
} */


/* ,
.list06r li:hover a::before */

.list06top li:hover a::before {
    width: 100%;
    z-index: 0;
}

.list06top a .left,
.list06r li a .left {
    width: 24.6rem;
}

.list06top a .left .gp-img,
.list06r li a .left .gp-img {
    padding-bottom: calc(100% * 139/246);
}

.list06top a .right,
.list06r li a .right {
    padding-left: 2rem;
    box-sizing: border-box;
    flex: 1;
    position: relative;
    z-index: 1;
}

.list06top a .right .date {
    color: #046252;
    margin-bottom: 0rem;
}

.list06top a .right .title {
    color: #282828;
}

.list06top li:hover a .right .date,
.list06top li:hover a .right .title {
    font-weight: bold
}

.list06bot a {
    align-items: center;
    border-bottom: 1px dashed #b0c7ba;
    padding: 2.85rem 0;
    transition: all ease-in-out .35s;
    -ms-transition: all ease-in-out .35s;
    -moz-transition: all ease-in-out .35s;
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
}

.list06bot li:hover a {
    transform: translateX(1rem)
}

.list06bot a .date {
    color: #046252
}

.list06bot li:last-child a {
    padding-bottom: 0;
    border: none;
}

.list06bot a .title {
    flex: 1;
    padding-left: 3.5rem;
    box-sizing: border-box;
}

.list06r li {
    margin-bottom: 1rem;
}

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

.list06r li a {
    padding: 0.8rem 1.5rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: 1.5rem;
    align-items: center;
    transition: all ease-in-out .35s;
    -ms-transition: all ease-in-out .35s;
    -moz-transition: all ease-in-out .35s;
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    position: relative;
    overflow: hidden;
}

.list06r li:hover a {
    transform: translateX(.625rem)
}

.list06r li a .right .label {
    padding: 5px 10px;
    box-sizing: border-box;
    background: #039392;
    display: inline-block;
}

.list06r li a .right .title {
    color: #282828;
    margin-top: 1rem;
}

.list06r li:hover a .right .title {
    color: #046252;
}


/* sider */

.siderBox {
    width: 9.2rem;
    height: auto;
    position: fixed;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    pointer-events: none;
    opacity: 0;
    border-radius: 4.6rem;
    background-image: -moz-linear-gradient(-90deg, rgb(224, 241, 231) 0%, rgb(255, 231, 198) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(224, 241, 231) 0%, rgb(255, 231, 198) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(224, 241, 231) 0%, rgb(255, 231, 198) 100%);
}

.orderimg {
    width: 10.9rem;
    height: 10.9rem;
    position: absolute;
    left: calc(50% - 5.45rem);
    top: -5rem;
    /* mask: linear-gradient(to bottom, black 22%, transparent 88%);
    -webkit-mask: linear-gradient(to bottom, black 22%, transparent 88%); */
    user-select: none;
    caret-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
}

.orderimg i {
    width: 11.2rem;
    height: 11.2rem;
    border-radius: 50%;
    position: absolute;
    left: -0.1rem;
    top: -0.1rem;
    background: rgba(255, 255, 255, 0.5);
}

.siderBox.on .orderimg {
    mask: none;
    -webkit-mask: none;
}

.siderBox.fixed .orderimg::before {
    animation: spin 4s linear 1;
}

.orderimg::before {
    content: '';
    display: block;
    width: 9.7rem;
    height: 9.7rem;
    position: absolute;
    background: url(../images/a2.png) no-repeat;
    background-size: cover;
    left: calc(50% - 4.85rem);
    top: calc(50% - 4.85rem);
    /* animation: spin 4s linear forwards; */
    z-index: 1;
}

.orderimg::after {
    content: '';
    display: block;
    width: 5.4rem;
    height: 5.4rem;
    position: absolute;
    background: url(../images/a1.png) no-repeat;
    background-size: cover;
    left: calc(50% - 2.7rem);
    top: calc(50% - 2.7rem);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    perspective: 1000px;
    cursor: pointer;
    z-index: 1;
}

.siderBox.fixed .orderimg::after {
    animation: spin2 1s linear 2;
}

@keyframes spin2 {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

.siderBox ul {
    text-align: center;
    padding: 83px 0 25px;
    padding: 65px 0 20px;
}

.siderBox li {
    margin-bottom: 2rem;
    position: relative;
}

.siderBox li.open {
    display: none
}

.siderBox li.close,
.siderBox li.open {
    pointer-events: auto;
}

.siderBox li:hover::before {
    width: 4.1rem;
}

.siderBox li::before {
    content: '';
    display: block;
    width: 0rem;
    /* width: 4.1rem; */
    height: 0.8rem;
    background: url(../images/asideline.png) no-repeat center/cover;
    position: absolute;
    bottom: -1.5rem;
    left: calc(50% - 2.05rem);
    transition: all .3s ease-in-out;
}

.siderBox li:hover a .name {
    color: #282828;
    font-size: 1.8rem;
}

.siderBox li:last-child {
    margin-bottom: 0px;
}

.siderBox li:last-child::before {
    display: none
}

.siderBox .name {
    transition: color 0.25s ease-in-out;
    color: #5c5c5c;
    line-height: 25px;
}

.siderBox li.close a,
.siderBox li.open a {
    /* background-color: #11695a; */
    /* padding: 0.5rem; */
    /* box-sizing: border-box; */
}

.siderBox a:hover .name {
    color: #11695a;
}

.siderBox.fixed {
    animation: siderShow 0.5s ease-in-out forwards;
    pointer-events: initial;
}

.siderBox.on ul {
    padding: 0
}

.siderBox.on li {
    display: none;
}

.siderBox.on li.open {
    display: block;
}

@keyframes siderShow {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

    100% {
        opacity: 1;
        transform: translateY(-50%);
    }
}

.siteUrl {
    background: rgba(255, 255, 255, 0.9);
    padding: 3.7rem 12rem;
    border-radius: 7.5rem;
    margin-top: 7rem;
    align-items: center;
}

.siteUrl .index_title {
    margin: 0;
    margin-top: 2.6rem;
}

.siteUrl ul {
    flex: 1;
    padding-left: 12.9rem;
}

.siteUrl ul a {
    align-items: center;
}

.siteUrl .linkIco {
    width: 7rem;
    min-height: 6.4rem;
}

.siteUrl .linkIco svg {
    width: 100%;
    height: 100%;
}

.siteUrl .st0 {
    fill: none;
    stroke: #333333;
    stroke-width: 3;
    stroke-miterlimit: 10;
}

.siteUrl a:hover img {
    transition: all .35s ease-in-out;
    transform: rotateY(360deg);
}

.siteUrl .name {
    line-height: 1;
    margin-left: 1rem;
    color: #282828;
    text-align: center;
}

.siteUrl .name br {
    display: none;
}

.gotop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #046252;
    border-radius: 50%;
    background-size: 50% auto;
    cursor: pointer;
    display: none;
    z-index: 10;
    -webkit-user-select: none;
    user-select: none;
}

.gotop.on {
    display: block;
}

@media screen and (min-width: 996px) {
    .mode04_2 .lf .mode02_list li:nth-last-child(-n+2)>a {
        border-bottom: none;
    }
}

@media screen and (max-width: 1480px) {
    .gotop {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 11px;
    }
}

@media screen and (max-width: 1400px) {
    .mode02_list li a {
        padding: 1.5rem 0;
    }

    .warp_mode00 .mode00::before {
        left: 15px
    }

    .calendar {
        margin-top: 2.2rem;
    }

    .tipsBox {
        padding: 1rem;
    }
}

@media screen and (max-width: 1100px) {
    .siderBox {
        display: none;
    }
}

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

    .index_wrapper .wrapbanner {
        margin-top: 2rem
    }

    .warp_mode00,
    .mode06 .rt .inner .swiper-button-prev,
    .mode06 .rt .inner .swiper-button-next {
        display: none;
    }

    .mode06 .rt .inner .content .swiper-pagination {
        display: block;
        bottom: 0;
    }

    .mode06 .rt .inner {
        padding: 4rem 3rem
    }

    .index_wrapper .swiper-pagination {
        bottom: 1.6rem;
        display: block;
    }

    .warp_mode01 .lf,
    .mode04_2 .lf,
    .mode04_2 .rt,
    .warp_mode01 .rt {
        width: 100%;
    }

    .mode01_content::before {
        left: auto;
        right: 15rem;
    }

    .warp_mode01 .rt {
        padding: 0rem;
        margin-top: 3rem;
    }.warp_mode01 .lf2+.rt {
    width: 100%;
    padding-left: 0;
}

    .warp_mode01 .rt::before {
        width: 100%;
    }

    .index_title {
        margin: 8rem 0 2rem;
        padding-left: 0 !important;
    }

    .mode01 .index_title .channel_title2 a:nth-child(1) {
        display: none;
    }

    .mode01 .rt a {
        padding: 2rem 0;
    }

    .mode01 .rt .date {
        margin-bottom: 0rem;
    }

    /* mode2 */
    .mode02 .lf,
    .mode02 .rt {
        width: 100%;
        padding: 0;
    }

    .mode02 .lf {
        margin: 2rem 0;
    }

    .mode02_list li a {
        padding: 2rem 0;
    }

    .calendarbox .left {
        width: calc(100% - 50.2rem);
    }

    .calendarbox .right {
        width: 50.2rem;
    }

    .pc_academic_calendar_wrap dl dd {
        margin-top: 4rem;
    }

    .tipsBox {
        padding: 3rem 0;
    }

    .warp_mode03 .modeCon .title {
        font-size: 12px;
    }

    .mode04_list>li {
        margin-bottom: 3rem;
    }

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

    .mode06bg::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0rem;
        width: 100%;
        height: 335rem;
        background: -moz-linear-gradient(-90deg, rgb(21, 137, 103) 0%, rgba(21, 137, 103, 0) 100%);
        background: -webkit-linear-gradient(-90deg, rgb(21, 137, 103) 0%, rgba(21, 137, 103, 0) 100%);
        background: -ms-linear-gradient(-90deg, rgb(21, 137, 103) 0%, rgba(21, 137, 103, 0) 100%);
        clip-path: polygon(0% 0%, 50% 4rem, 100% 0%, 100% 100%, 0% 100%);
        transform: none;
        transform-origin: center center;
    }

    .mode06bg::after {
        display: none;
    }

    .siteUrl ul {
        flex: 1;
    }

    .mode06 .lf,
    .mode06 .rt {
        width: 100%;
    }

    .mode06 .lf .index_title {
        padding-right: 0rem
    }

    .news_txt {
        padding-left: 2.5rem;
    }

    .mode04_2 .rt {
        margin: 3rem 0 0;
    }
}

@media screen and (max-width:767px) {
    .calendar .week {
        padding: 0 5px;
    }

    .calendar .pc_academic_calendar_wrap dl::before {
        width: calc(100% - 20px);
    }

    .calendar .pc_academic_calendar_wrap {
        padding: 7px 5px 0;
    }

    .pc_academic_calendar_wrap dl dd .calendar_num {
        font-size: 16px;
    }

    .pc_academic_calendar_wrap dd .showNews {
        width: auto;
    }

    .pc_academic_calendar_wrap dd .showNews ul {
        padding: 10px 12px;
        border-radius: 14px;
        width: 260px;
        position: absolute;
        transform: translateX(-50%);
    }

    .pc_academic_calendar_wrap dd .showNews .addr,
    .pc_academic_calendar_wrap dd .showNews .date,
    .pc_academic_calendar_wrap dd .showNews .inf {
        margin-top: 6px;
    }

    .pc_academic_calendar_wrap dd:nth-child(7n+1) .showNews ul {
        left: -35px;
        transform: translateX(0%);
    }

    .pc_academic_calendar_wrap dd:nth-child(7n+2) .showNews ul {
        left: -50px;
        transform: translateX(0%);
    }

    .pc_academic_calendar_wrap dd:nth-child(7n+3) .showNews ul {
        left: -80px;
        transform: translateX(0%);
    }

    .pc_academic_calendar_wrap dd:nth-child(7n+5) .showNews ul {
        right: -80px;
        transform: translateX(0%);
    }

    .pc_academic_calendar_wrap dd:nth-child(7n+6) .showNews ul {
        right: -50px;
        transform: translateX(0%);
    }

    .pc_academic_calendar_wrap dd:nth-child(7n+7) .showNews ul {
        right: -36px;
        transform: translateX(0%);
    }

    .calendarTil {
        padding: 10px 0;
    }

    .calendarbox .left,
    .calendarbox .right {
        width: 100%;
        padding: 0;
    }

    .calendarbox .right {
        margin-top: 3rem;
    }

    .pc_academic_calendar_wrap dl dd {
        margin-top: 3rem;
    }

    .calendarbox {
        padding: 0;
        background: none;
        border: none;
    }

    .warp_mode03 .modeCon {
        width: 100%;
    }

    .warp_mode03 .modeCon li,
    .warp_mode03 .modeCon li.active {
        width: 100%;
        transform: none;
    }

    .warp_mode03 .modeCon li a:last-child {
        display: none;
    }

    .warp_mode03 .modeCon li a.jumpTarget {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        z-index: 1;
    }

    .calendarbox .right .infobox {
        position: relative;
        width: 100%;
        background: none;
        opacity: 1;
    }

    .calendarbox .right .info,
    .calendarbox .right .info-time,.calendarbox .right .info-time a {
        color: #282828 !important;
    }
.calendarbox .right .info-time:nth-of-type(3) a{
      color: #ffffff !important;
}
    .calendarbox .right .swiper-pagination {
        bottom: -3rem;
    }

    .calendarbox .right dd:first-child {
        border-bottom: 1px dashed #b0c7ba;
        border-radius: 0;
    }

    .warp_mode03 .modeCon ul {
        gap: 0;
    }

    .warp_mode03 .modeCon li {
        min-height: auto;
        height: 0;
        padding-bottom: 19.5%;
    }

    .mode03 {
        padding-bottom: 4rem;
        box-sizing: border-box;
    }

    .mode03 .swiper-pagination {
        bottom: 0;
    }

    .calendarbox .right .swiper-pagination span,
    .mode03 .swiper-pagination span,
    .mode05 .box .swiper-pagination span,
    .mode06 .rt .inner .swiper-pagination span {
        width: 1.6rem;
        height: 1.6rem;
        background: rgba(233, 141, 6, 0.5);
        border-radius: 50%;
        margin: 0 1.8rem;
    }

    .calendarbox .right .swiper-pagination span.swiper-pagination-bullet-active,
    .mode03 .swiper-pagination span.swiper-pagination-bullet-active,
    .mode05 .box .swiper-pagination span.swiper-pagination-bullet-active,
    .mode06 .rt .inner .swiper-pagination span.swiper-pagination-bullet-active {
        background: rgba(233, 141, 6, 1);
        width: 1.6rem;
    }

    .warp_mode04 {
        margin-bottom: 0;
    }

    .mode05 {
        padding: 7rem 0rem 0;
        background: none;
        margin-bottom: 0.4rem;
    }

    .mode05 .box {
        overflow: hidden;
        padding-bottom: 6rem;
    }

    .warp_mode05 li {
        max-width: 100%;
        margin-bottom: 0rem;
    }

    .siteUrl .index_title {
        margin-bottom: 3rem
    }

    .siteUrl {
        border-radius: 2rem;
        flex-direction: column;
    }

    .siteUrl ul {
        padding: 0;
        width: 100%;
        gap: 0rem 2rem;
    }

    .bg3 {
        padding-bottom: 10rem;
    }

    .activeSearch input {
        padding: 0 4rem 0 2.4rem;
    }

    .news_img {
        width: 220px;
        border-bottom: none;
        ;
    }

    .news_txt .summary {
        display: none;
    }

    .calendarbox .right dd a:hover .infobox,
    .calendarbox .right dd.on .infobox {
        padding: 0;
        height: auto;
    }
}
@media screen and (max-width:520px){
    .mode01 .index_title .channel_title2 {
        gap: 0 4rem;
        overflow-x: scroll;
        overflow-y: hidden;
        text-overflow: initial;
        display: flex;
        flex-wrap: nowrap;
        /* width: calc(100% - 15rem); */
        padding-top: 2.5rem;
        box-sizing: border-box;
    }
    .mode01 .index_title .more{
           padding-top: 2.5rem;
           box-sizing: border-box;
           display: none;
    }
}

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


   .news_img{
       width:100%
   }

   .news_txt{
       padding: 2rem 0;
   }

    .mode01_content::before {
        display: none
    }

    .mode04_list li .mode04_item .top::before {
        padding-bottom: calc(115/430*100%);
    }

    .list06top a {
        flex-direction: column;
        padding: 2rem 1.5rem;
    }

    .list06r li a {
        flex-direction: column;
    }

    .list06top a .left {
        width: 100%;
        margin-bottom: 2rem;
    }

    .list06r li a .left {
        width: 100%;
        margin-bottom: 1rem;
        display: none
    }

    .list06r li:nth-child(1) a .left {
        display: block
    }

    .list06top a .right,
    .list06r li a .right {
        padding-left: 0
    }

    .mode06 .lf .inner {
        background: none;
        padding: 0
    }

    .list06bot {
        background: #fff;
        padding: 1.5rem;
        border-radius: 1.5rem;
        margin-top: 1.5rem;
    }

    .mode06 .rt .inner {
        padding: 1.5rem 1.5rem 4rem;
        background: #fff;
    }

    .mode06 .rt .inner .content .swiper-button-prev,
    .mode06 .rt .inner .content .swiper-button-next {
        display: none;
    }

    .list06r li a {
        border-bottom: 1px dashed #00913e;
        border-radius: 0;
        padding: 0;
        padding-bottom: 1.3rem;
        margin-bottom: 3rem;
    }

    .list06r li:last-child a {
        border-bottom: 0px dashed #00913e;
        padding-bottom: 0rem;
        margin-bottom: 0rem;
    }

    .siteUrl ul li {
        width: calc(50% - 1rem);
        margin-bottom: 3rem
    }

    .siteUrl {
        padding: 2rem;
        padding-bottom: 0;
        margin-top: 0;
    }

    .siteUrl .name {
        font-size: 16px;
        text-align: left;
    }

    .bg3::before {
        bottom: 0;
        background: url(../images/bg3m.png) no-repeat center / cover;
        padding-bottom: calc(181/414*100%);
    }

    .bg3 {
        padding-bottom: 14rem;
    }

    .warp_mode06::after {
        background: url(../images/fj2.png) no-repeat center / cover;
        width: 18.6rem;
        height: 12.7rem;
        left: auto !important;
        right: 0;
        top: calc(50% - 19.35rem);
    }

    .activeSearch input {
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
    }

    .activeSearch button {
        width: 33px;
        height: 33px;
        top: calc(50% - 16.2px);
        right: 3px;
    }

    .siteUrl ul a {
        justify-content: center;
        font-size: 16px;
    }

    .siteUrl .linkIco {
        min-height: 6.7rem;
    }

 .mode1   .index_title {
        margin: 5rem 0 2rem;
        display: block;
        text-align: right;
    }

    .list06bot a {
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 2rem 0;
    }

    .list06bot a .title {
        padding-left: 0;
    }
}

@media screen and (max-width:367px) {
    .mode01 .index_title .more {
        position: absolute;
        right: 0;
        bottom: 0;
    }

   .warp_mode01 .lf a .gp-img::after {
    content: '';
   
    padding-bottom: calc(250/910*100%);
       

    }
}