@charset "utf-8";
/**
 * Created by sunJia on 2025/07/07.
 * @Description: Index Style
 */
.wrapbanner{position: relative;height: auto;margin-left: auto;margin-right: 0;z-index: 30; overflow: hidden;}
.study{ position: absolute; top: 50%; right: 0; z-index: 11; font-size: 0; width: 110px; transform: translateY(-50%);}
.study img{ width: 100%;}
.banner{position: relative; margin-left: auto; margin-right: 0;}
.banner a{display:block;position:relative;}
.banner .gp-img{ position: relative;background-size: 100% auto;padding-bottom: 36.3%;}
.banner .title{ position: absolute; left: 0;bottom: 0; width: 100%; line-height: 94px; z-index: 0;padding-left: 40px; padding-right: 330px; box-sizing: border-box;background: url(../images/banner-til-bg.png) repeat center; color: #fff;}

.banner .arrow{width: 45px;height: 45px;background: center no-repeat;display: inline-block;vertical-align: top;margin: 0;cursor: pointer;}
.banner .prev{left: 0px;background-image: url(../images/banner_prev.svg);}
.banner .next{right: 0px;transform: rotateY(180deg);}
.gp-moble-show{ display: none;}
.banner-func-area{ position: absolute;width: auto; height: 94px; right: 0;bottom: 0;z-index: 1; align-items: center;}
.banner-func-area > *{ margin-right: 30px;}
.banner .swiper-arrow{ width: 60px;height: 60px;border: 1px solid #fff;border-radius: 50%; background: url(../images/banner_prev.svg) no-repeat center;}
.banner .swiper-next{ transform: rotateY(180deg);}
.banner .swiper-pagination{ position: relative;}
.banner .swiper-pagination-bullet{ margin-right: 16px; width: 12px; height: 12px;border-radius: 50%;vertical-align: middle;background: #bde2d5; opacity: 50%;}
.banner .swiper-pagination-bullet:last-child{ margin-right: 0; }
.banner .swiper-pagination-bullet-active{ width: 28px; height: 22px; border-radius: 0; background: url(../images/shuidao-ico-white.svg) no-repeat center/cover;}

.content{ position: relative; background: #f4f4f4;}
.row01{ position: relative; padding: 30px 0 0;}
.row01 a{ color: #005e5e;}
.row01 .modeCon{ padding: 0 20px; box-sizing: border-box; background: #f8f8f8; border: 1px solid #dce5df;}
.noticeTil{ display: block; line-height: 1; flex-shrink: 0;}
.noticeTil .icon{ margin-right: 10px;}
.noticeBox{ margin-left: 40px; overflow: hidden; flex: 1; min-width: unset;}
.noticeBox ul{ justify-content: flex-start;}
.noticeBox li{ margin-right: 40px;}
.noticeBox li a{ display: block; white-space: nowrap; line-height: 58px;}
.str_move{ display: flex; display: -ms-flexbox;}
.str_wrap.str_active{ background: transparent;}

/* 首页板块标题样式 */
.modeTil{ position: relative; line-height: 1; align-items: flex-end;}
.modeTil > .flex{ align-items: center;}
.modeTil .title{ background: url(../images/mode-til-bg.png) no-repeat center; line-height: 36px; padding: 43px 0 15px; color: #29493e;}
.modeTil .modeMore{ position: relative;z-index: 1;display: block; line-height: 2.25; color: #8f8f8f;padding-bottom: 15px; padding-right: 25px;}
.modeTil .modeMore::before{ content: '';display: block;border-top: 5px solid transparent;border-right: none;border-bottom: 5px solid transparent;border-left: 10px solid #f3ad55;position: absolute; top: 12px;right: 0;z-index: 1;}
.titleAlignCenter{ justify-content: center;}
.titleAlignCenter .modeMore{ position: absolute; right: 0;bottom: 0;z-index: 1;}

.row02{ padding: 20px 0 0;}
.row02 .modeTil .title{ color: #8f8f8f;}
.row02 .modeTil .boxTitle{ position: relative; margin-right: 30px;}
.row02 .modeTil .boxTitle::before{ content: '/'; display: block;font-size: 30px;color: #8f8f8f;font-weight: normal;position: absolute; right: -15px;bottom: 17px; transform: translateX(50%);z-index: 1;pointer-events: none;}
.row02 .modeTil .boxTitle.off{ background: none;}
.row02 .modeTil .boxTitle:last-child{ margin-right: 0px;}
.row02 .modeTil .boxTitle:last-child::before{ display: none;}
.row02 .modeTil .boxTitle.on{ color: #29493e; font-weight: bold; font-size: 36px;}
.row02 .modeTil .modeMore{ display: none;}
.row02 .modeTil .modeMore.on{ display: block;}
.row02 .modeCon{ margin-top: 35px;}
.row02 .modeCon .box{ display: none;}
.row02 .modeCon .box.on{ display: block;}
.row02 .lf{ position: relative; width: 58.86%; overflow: hidden;}
.row02 .lf .news-arrows{ position: absolute; top: 30%; z-index: 2;width: 30px;height: 50px; opacity: 0;
    background: rgba(0, 0, 0, 0.3) url(../images/banner_prev.svg) no-repeat center/ 20px auto;}
.row02 .lf:hover .news-arrows{ opacity: 1;}
.row02 .lf .news-prev{ left: 0;}
.row02 .lf .news-next{ right: 0;transform: rotateY(180deg);}
.row02 .lf a{ position: relative; display: block;}
.row02 .modeCon .gp-img-responsive{ padding-bottom: 56.25%;}
.row02 .modeCon .info{ background: url(../images/new-bg1.png) no-repeat center/cover; color: #282828; align-items: center;padding: 32px 69px 42px 0;}
.row02 .modeCon .date{ width: 80px; text-align: center; line-height: 1; color: #589a9b; flex-shrink: 0;padding: 9px 12px; background: #e8f3ec; border-radius: 0 20px 0 0;}
.row02 .modeCon .date .month{ margin-top: 8px;}
.row02 .modeCon .textBox{ flex: 1; min-width: unset; width: calc(100% - 80px); padding-left: 35px; box-sizing: border-box;}
.row02 .modeCon .info .title{ line-height: 2; height: 4em;}
.row02 .modeCon .info .summary{ line-height: 1; margin-top: 10px;height: 1em;}
.row02 .modeCon .swiper-pagination{ z-index: 2; bottom: 200px; left: 50%;transform: translateX(-50%); align-items: center; justify-content: center;}
.row02 .modeCon .swiper-pagination .swiper-pagination-bullet{ width: 12.5px;height: 12.5px;border-radius: 50%;background: #1d8c47; opacity: 0.6;margin: 0 17px;}
.row02 .modeCon .swiper-pagination .swiper-pagination-bullet-active{ width: 28px; height: 20px; border-radius: 0;background: url(../images/shuidao-ico-green.svg) no-repeat center;}

.row02 .rt{ width: 39.07%; background: #fff;}
.row02 .rt ul{ padding: 10px 0;}
.row02 .rt li{ padding: 13px 0 15px;padding: 16px 0 17px;
    background-image: linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-image: -webkit-linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-image: -moz-linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-image: -o-linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    background-position: left bottom;}
.row02 .rt li:last-child{/*  padding-bottom: 0; */ background-image: none;}
.row02 .rt a{ align-items: center; max-height: 71px; padding-right: 25px; transition: padding 0.2s ease-in-out;}
.row02 .rt .date{}
.row02 .modeCon .rt .textBox{ padding-left: 25px;}
.row02 .rt .title{ line-height: 1.8; max-height: 71px;}
.row02 .rt li:hover{ background: #fff0e0 url(../images/new-bg2.png) no-repeat center right; /* padding: 15px 40px 15px 0; */ max-height: unset;}
.row02 .rt li:hover .title{ font-weight: bold; color: #282828;}
.row02 .rt li:hover .date{ background: #f4e1ce; color: #cd9c6d;}

/* row03 */
.row03{ padding: 40px 0 0;}
.row03 .lf{ width: 58.86%;}
.modeTil.tabTil .title.off{ background: none;}
.modeTil.tabTil .modeMore{ display: none;}
.modeTil.tabTil .modeMore.on{ display: block;}
.modeTil.tabTil .boxTitle{ position: relative; margin-right: 30px;}
.modeTil.tabTil .boxTitle:last-child{ margin-right: 0;}
.modeTil.tabTil .title{ color: #8f8f8f;}
.modeTil.tabTil .boxTitle.on { color: #29493e; font-weight: bold; font-size: 36px;}
.modeTil.tabTil .boxTitle::before{ content: '/'; display: block;font-size: 30px;color: #8f8f8f;font-weight: normal;position: absolute; right: -15px;bottom: 17px; transform: translateX(50%);z-index: 1;pointer-events: none;}
.modeTil.tabTil .boxTitle:last-child::before{ display: none;}
.row03 .modeCon, .hasBorderTop{ border-top: 5px solid #29493e; margin-top: 10px;}
.row03 .lf .box{ display: none;}
.row03 .lf .box.on{display: block;}
.row03 .lf li .a{ background: #fff; padding: 7px 50px 6px 20px;transition: all 0.2s ease-in-out;}
.row03 .lf li .a:hover{ transform: translateY(-6px);}
.row03 .lf li .a > a{ display: block; flex-shrink: 0;width: 183px; margin-right: 25px;}
.row03 .lf .gp-img-responsive{ padding-bottom: 56.25%;}
.row03 .lf li{ margin-top: 24px;}
.row03 .lf li:first-child{ margin-top: 20px;}
.row03 .lf .info{ flex: 1; min-width: unset; width: calc(100% - 208px);}
.row03 .lf .info .title{ line-height: 2.4; color: #282828;}
.row03 .lf .info .flex{ align-items: center;}
.row03 .lf .info .date{ line-height: 1; color: #4aabb2;}
.row03 .lf .info .tag{ display: inline-block; padding: 6px 12px 7px; line-height: 1; border-radius: 5px; color: #fff;}
.tagBg1, .tagBg4{ background: #8ebbce;}
.tagBg2, .tagBg5{ background: #6ab273;}
.tagBg3, .tagBg6{ background: #e2b3a1;}
.row03 .rt{ width: 39.07%;}
.row03 .rt .modeCon{ background: #fff; }
.row03 .rt ul{ padding: 5px 0 0;}
.row03 .rt li a{ align-items: center; padding-right: 40px;padding: 16px 40px 16px 0;transition: padding 0.2s ease-in-out;
    background-image: linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-image: -webkit-linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-image: -moz-linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-image: -o-linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    background-position: left bottom;}
.row03 .rt li:last-child a{ background: none;}
.row03 .rt .modeCon .date{ text-align: center; line-height: 1; color: #589a9b; flex-shrink: 0; margin-right: 35px;
    padding: 9px 12px; background: #e8f3ec; border-radius: 0 20px 0 0;margin-right: 25px;}
.row03 .rt .modeCon .date .month{ margin-top: 8px;}
.row03 .rt .modeCon .textBox{ flex: 1; min-width: unset;}
.row03 .rt li .title{ line-height: 1.8;}
.row03 .rt li:hover{ background: #fff0e0 url(../images/new-bg2.png) no-repeat center right;}
.row03 .rt a:hover .title{ color: #282828;}
.row03 .rt a:hover .date{ background: #f4e1ce; color: #cd9c6d;}

/* row04 */
.row04{ position: relative; padding: 34px 0 50px; background: url(../images/xiaomai.png) no-repeat left bottom;}
.row04 .modeCon{ margin-top: 24px;}
.row04 .modeCon ul{justify-content: center;}
.row04 .modeCon li{position: relative; width: 8.57%; font-size: 0; text-align: right; transition: all .3s ease-in-out; transition-delay: 0s !important;}
.row04 .modeCon li.active{ width: 65.72%;width: 57.15%;}
.row04 .modeCon li a{ position: relative; display: inline-block;text-align: center; max-width: 100%; overflow: hidden; height: 100%; z-index: 2;}
.row04 .modeCon li.active a:nth-last-child(1){ display: none;}
.row04 .modeCon li a.jumpTarget{ position: absolute;width: 100%; height: 100%;top: 0;right: 0;z-index: 1;}
.row04 .modeCon li a img{ height: 100%; margin: 0 auto;}
.row04 .modeCon .title{ margin: 0 auto; min-height: 357px; padding: 34px 0;color: #fff;text-align: left;line-height: 1.5;
    position: absolute; top: 0;right: 50%;transform: translateX(50%);writing-mode: vertical-rl;-ms-writing-mode: tb-rl;}

/* row05 */
.row05{ padding: 0 0 40px; background: url(../images/activity-bg2.png) no-repeat center/cover;}
.row05 .lf{ position: relative; width: 37.86%; z-index: 2;}
.calendarTil{ padding-top: 60px;}
.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; line-height: 36px; border-radius: 19px; padding: 0 15px; background: #2e70cc;}
.calendarCon{ text-align: right;}
.calendarYears{ display: inline-block; cursor: pointer;position: relative;}
.curMonth{ display: inline-block; line-height: 52px; padding-right: 35px; position: relative;}
.curMonth::before{ content: '';display: block;width: 23px; height: 11px;background: url(../images/calendar-arrow.png) no-repeat center;position: absolute; right: 0; top: calc(50% - 5.5px);z-index: 1;transition: all 0.3s ease-in-out;}
.on .curMonth::before{ transform: rotateZ(180deg);}
.calendarYears .selectMonth{position: absolute;top: 88%;right: 0;z-index: 10;background: #6ab273;line-height: 1.8;padding: 10px 20px;white-space: nowrap;display: none;}


.calendar{ text-align: left;}
.calendar .week{ background-color: #6ab273; padding: 0 25px;}
.calendar .week li{ line-height: 54px; width: 14.28%; text-align: center;}
.calendar .pc_academic_calendar_wrap{ background-color: #f5fffc; padding: 7px 25px 0;}
.calendar .pc_academic_calendar_wrap dl{ position: relative; padding-bottom: 55px;}
.calendar .pc_academic_calendar_wrap dl::before{ content: '';display: block;width: calc(100% - 50px); height: 1px; background-color: #c3c3c3;
    position: absolute; bottom: 0;right: 50%;transform: translateX(50%);z-index: 1;}
.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;}
.pc_academic_calendar_wrap dd .showNews .date{ justify-content: flex-start; margin-top: 18px;}
.pc_academic_calendar_wrap dd .showNews .addr{ justify-content: flex-start; margin-top: 18px;}
.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(../images/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;}
.pc_academic_calendar_wrap dd .showNews .inf i{ background: url(../images/cal_inf.png) no-repeat center/auto 100%;border-radius: 0;}

.tipsBox{ background: #f5fffc; padding: 30px 42px; justify-content: flex-start;}
.tipsBox div{ align-items: center; color: #8f8f8f; margin-right: 50px; line-height: 1;}
.tipsBox div i{ display: inline-block; border-radius: 50%; margin-right: 10px;}
.tipsBox div:nth-of-type(1) i{ width: 16.5px;height: 16.5px; background: #5f78b0;}
.tipsBox div:nth-of-type(2) i{ width: 6px; height: 6px; background: #c7905a;}
.activeSearch{ padding: 40px 45px 35px; background: url(../images/active-search-bg.png) no-repeat center/cover; position: relative;}
.searchBox{ position: relative; border-radius: 23px; overflow: hidden;}
.activeSearch input{ height: 48px; line-height: 48px; width: 100%;
    border: none; outline: none;padding: 0 120px 0 24px; color: #8f8f8f;}
.activeSearch input::placeholder{ color: #8f8f8f;}
.activeSearch button{ width: 118px; height: 48px; border-radius: 23px; background: #6ab273;color: #fff;
    border: none; outline: none;padding: 0;position: absolute;right: 0;top: 0;z-index: 1;}

.row05 .rt{ position: relative; width: 58.71%; z-index: 1; padding: 22px 45px 0 50px; box-sizing: border-box;}
.row05 .rt::before{ content: ''; display: block;width: 100vw;height: 100%;background: url(../images/activity-bg1.png) no-repeat center/cover;
    position: absolute; top: 0;right: 0;z-index: -2;}
.row05 .rt::after{ content: '';display: block;width: 100%;height: 100%;background: #fff;
    position: absolute;top: 0;right: 0;z-index: -1;}
.row05 .rt .modeTil{ padding-bottom: 10px;}
.row05 .rt .modeCon{ }

.row05 .rt li a{ align-items: center; padding-right: 40px;padding: 20px 40px 20px 0;transition: padding 0.2s ease-in-out;
    background-image: linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-image: -webkit-linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-image: -moz-linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-image: -o-linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    background-position: left bottom;}
.row05 .rt li:last-child a{ background: none;}
.row05 .rt .category{ flex-shrink: 0; color: #5c9c9d; padding-right: 15px; margin-right: 17px; position: relative;}
.row05 .rt .category::before{ content: '';display: block;width: 1px;height: 54px; background: #5c9c9d;
    position: absolute; right: 0;top: 50%;transform: translateY(-50%);}
.row05 .rt .textBox{ flex: 1; min-width: unset;}
.row05 .rt li:hover .category,
.row05 .rt li.education .category{ color: #cd9c6d;}
.row05 .rt li:hover .category::before,
.row05 .rt li.education .category::before{ background: #cd9c6d;}
.row05 .modeCon .date{ text-align: center; line-height: 1; color: #589a9b; flex-shrink: 0;
    padding: 9px 12px; background: #e8f3ec; border-radius: 0 20px 0 0;margin-right: 15px;}
.row05 .modeCon .date .month{ margin-top: 8px;}
.row05 .rt li .title{ line-height: 1.8;}
.row05 .rt li{ transition: all 0s ease-in-out; transition-delay: 0s !important;}
.row05 .rt li:hover{ background: #fff0e0 url(../images/new-bg2.png) no-repeat center right;}
.row05 .rt a:hover .title{ color: #282828;}
.row05 .rt a:hover .date,
.row05 .rt li.education .date{ background: #f4e1ce; color: #cd9c6d;}

/* row06 */
.row06{ position: relative; background: url(../images/technology-bg.png) no-repeat bottom center; padding: 55px 0 60px;}
.row06 .lf{ width: 45.14%;}
.row06 .lf .box{ display: none;}
.row06 .lf .box.on{ display: block;}
.row06 .lf li{ margin-top: 21px;}
.row06 .lf li:first-child{ margin-top: 23px;}
.row06 .lf li a{ align-items: center; line-height: 1.8; padding: 22px 54px 22px 35px; background: #fff;}
.row06 .lf li .title{ flex: 1; min-width: unset;}
.row06 .lf li .info{ flex-shrink: 0; margin-left: 20px;}
.row06 .tag{ display: inline-block; padding: 6px 12px 7px; line-height: 1; border-radius: 5px; color: #fff;}
.row06 .date{ text-align: right; color: #4aabb2; line-height: 1;}
.row06 .lf .date{ margin-top: 20px;}
.row06 .tagBg1{ background: #cebe8e;}
.row06 .tagBg2{ background: #2e70cc;}
.row06 .tagBg3{ background: #69b173;}
.row06 .tagBg4{ background: #8e9fce;}
.row06 .tagBg5{ background: #e2b3a1;}

.row06 .rt{ width: 51.64%;}
.row06 .rt .box{ overflow: hidden; padding-top: 23px; display: none;}
.row06 .rt .box.on{ display: block;}
.row06 .rt ul{ margin: 0 -5px; background: #fff; padding: 24px 0 23px;}
.row06 .rt li a{ position: relative; display: block; margin: 0 5px;}
.row06 .rt .top .title{ position: absolute; width: 100%; bottom: 10px;left: 0;z-index: 2; color: #fff; padding: 0 28px; line-height: 1; box-sizing: border-box;}
.row06 .rt .img{ position: relative;z-index: 1;}
.row06 .rt .img::before{ content: '';display: block;width: 100%;height: 60px;
    background-image: -moz-linear-gradient( 90deg, rgb(41,73,62) 0%, rgba(41,73,62,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(41,73,62) 0%, rgba(41,73,62,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(41,73,62) 0%, rgba(41,73,62,0) 100%);
    position: absolute; bottom: 0;left: 0;z-index: 1;
}
.row06 .rt .gp-img-responsive{ padding-bottom: 56.25%;}
.row06 .rt .bottom{ padding: 2px 60px 2px 44px; margin-top: 16px;}
.row06 .bottom a{ padding: 23px 0;
    background-image: linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-image: -webkit-linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-image: -moz-linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-image: -o-linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    background-position: left bottom;}
.row06 .bottom li:last-child a{ background: none;}
.row06 .bottom .title{ line-height: 1;}
.row06 .bottom .date{ line-height: 20px; color: #6ab273;}

/* row07 */
.row07{ position: relative; padding: 55px 0 70px; background: url(../images/member-bg.png) no-repeat center/cover;}
.row07 .memberTil{ line-height: 1; max-width: 42.86%; text-align: center;}
.row07 .memberCon{ margin-top: 18px;}
.row07 .memberCon li{ width: 27.43%; margin-top: 30px; border-radius: 0 0 60px 0;transition: all .3s ease-in-out; transition-delay: 0s !important;
    padding: 43px 33px 50px 38px;box-shadow: 3.346px 3.716px 30px 0px rgba(88, 154, 155, 0.3);}
.row07 .memberCon li:nth-of-type(1){ width: 42.86%; background: url(../images/member-bg1.png) no-repeat center/cover;}
.row07 .memberCon li:nth-of-type(2){ background: url(../images/member-bg2.png) no-repeat center/cover;}
.row07 .memberCon li:nth-of-type(3){ background: url(../images/member-bg3.png) no-repeat center/cover;}
.row07 .memberCon li:hover{ transform: translateY(-30px);}
.row07 .memberCon li > .flex{ align-items: flex-end;}
.row07 .memberCon .iconBox{flex-shrink: 0;margin-right: 25px;text-align: center;}
.row07 .memberCon .iconBox img{max-width: 144px;}
.row07 .memberCon .flexJustifyCenter .iconBox{ margin-right: 0;}
.row07 .memberCon .name{color: #fff;line-height: 1;text-align: center;margin-top: 20px;margin-bottom: 25px;}
.row07 .memberCon .linkBox{ flex: 1; min-width: unset;}
.row07 .memberCon .linkBox > a{display: block;margin-bottom: 13px;}
.row07 .memberCon .item{ line-height: 41px;text-align: center; max-width: 205px; margin: 0 auto; border-radius: 20px; background: #6ab273;transition: all .2s ease-in-out;}
.row07 .memberCon .item:hover{ transform: translateY(-3px);}
.row07 .memberCon .linkBox .flex a{ display: block; line-height: 1; padding-top: 7px; padding-left: 17px; position: relative; color: #fff;}
.row07 .memberCon .linkBox .flex a::before{ content: '';display: block;width: 6px;height: 6px;border-radius: 50%;background: #fff;
    position: absolute; left: 0;top: 50%;transform: translateY(-50%);}
.row07 .memberCon .name.hasBorder{ position: relative; min-width: 247px; margin: 20px auto 0; border: 1px solid #fff;
    border-radius: 20px; line-height: 40px; box-sizing: border-box;}
.row07 .memberCon .name.hasBorder::before{ content: '';display: block;position: absolute;right: 20px;top: calc(50% - 4px);
    border-top: 8px solid #fff;border-right: 8px solid transparent; border-left: 8px solid transparent;transition: all .2s ease-in-out;}
.row07 .memberCon .iconBox .a{ position: relative;}
.row07 .memberCon .iconBox dl{
    position: absolute;
    width: 100%;
    bottom: 100%;
    z-index: 1;
    display: none;
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
    padding: 5px 0;
    max-height: 300px;
    overflow-y: scroll;
    }
.row07 .memberCon .iconBox .a:hover dl{ display: block;}
.row07 .memberCon .iconBox dl a{ display: block;line-height: 2;}
.row07 .memberCon .iconBox dl a:hover{background: #6ab273;color: #fff;}
.row07 .memberCon .a:hover .name.hasBorder::before{ transform: rotateZ(180deg);}

/* row08 */
.row08{ padding: 30px 0 50px; overflow: hidden; position: relative; background: url(../images/journal-bg1.png) no-repeat center/cover;}
.row08 .modeCon{}
.row08 .lf{ position: relative;z-index: 1; width: 50%; margin-top: 16px;overflow: hidden;}
.row08 .lf::before{ content: '';display: block;width: 100%;min-width: 732px; height: 100%;background: url(../images/journal-bg2.png) no-repeat center;
    position: absolute;top: 0;right: 50%;transform: translateX(50%);z-index: -1;}
.row08 .lf .swiper{ width: 100%; max-width: 480px; margin: 0 auto;font-size: 0; padding: 0px 8px 7px 0px;transform: translateX(30px);}
.row08 .lf .swiper li{ align-items: flex-start; justify-content: flex-end; opacity: 0; transition: all .2s ease-in-out, margin-top .6s ease-in-out;}
.row08 .lf .swiper li.swiper-slide-active{ opacity: 1; margin-top: 50px;}
.row08 .lf .swiper li.swiper-slide-active + li{ opacity: 1; margin-top: 73px;}
.row08 .lf .swiper li.swiper-slide-active + li + li{ opacity: 1;}
.row08 .lf .swiper li.swiper-slide-active + li + li + li { opacity: 1; margin-top: 64px;}
.row08 .lf .book{ display: inline-block; width: 32.03%;width: calc(100% + 50px); position: relative;z-index: 1; flex-shrink: 0;}
.row08 .lf .book::before{ content: '';display: block;width: 100%;height: 100%;background: #b58a60;opacity: 0;
    position: absolute;top: 0;left: 0;z-index: -1;transition: all .2s ease-in-out;}
.row08 .lf .book:hover::before{ left: 8px;top: 7px;opacity: 1;}
.row08 .lf .book:hover{ z-index: 2;}
/* .row08 .lf .book:nth-of-type(1){ transform: translateY(50px); margin-left: 0;}
.row08 .lf .book:nth-of-type(2){ transform: translateY(73px);}
.row08 .lf .book:nth-of-type(3){ margin-bottom: 82px;}
.row08 .lf .book:nth-of-type(4){ transform: translateY(64px);} */
.row08 .lf .gp-img-responsive{ padding-bottom: 135.2%; background: #fff;box-shadow: 0 0 20px 5px rgba(187, 187, 187, 0.3);position: relative;z-index: 1;}
.row08 .lf .book img{ width: 100%;}
.row08 .swiper-arrow{ width: 51px; height: 51px; border-radius: 50%; top: calc(50% - 25px);}
.row08 .swiper-button-prev{ background: #fff url(../images/journal-arrow.svg) no-repeat center/cover;}
.row08 .swiper-button-next{ background: #fff url(../images/journal-arrow.svg) no-repeat center/cover;transform: rotateY(180deg);}
.row08 .moreLinks{ margin-top: 36px;}
.row08 .moreLinks a{ margin-right: 44px; min-width: 213px; text-align: center;transition: all .2s ease-in-out;
    display: block; line-height: 44px; border: 1px solid #69b173; border-radius: 22px; background: #69b173;}
.row08 .moreLinks a:last-child{ margin-right: 0px;}
.row08 .moreLinks a:hover{ background: #fff; color: #69b173;}

.row08 .rt{ position: relative; width: 47.5%; padding-top: 40px; padding-left: 5.21%;}
.row08 .rt::before{ content: ''; display: block;width: 1px; height: calc(100% - 30px);
    position: absolute;left: 0;bottom: 0px;z-index: 1;
    background-image: linear-gradient(to bottom, #c4d4ca 50%, transparent 50%);
    background-image: -webkit-linear-gradient(to bottom, #c4d4ca 50%, transparent 50%);
    background-image: -moz-linear-gradient(to bottom, #c4d4ca 50%, transparent 50%);
    background-image: -o-linear-gradient(to bottom, #c4d4ca 50%, transparent 50%);
    background-size: 1px 10px;
    background-repeat: repeat;
    background-position: left top;}
.row08 .rt ul{ flex-wrap: wrap; max-width: 480px;}
.row08 .rt li{ width: calc(50% - 13px); border-radius: 19px; border: 1px solid #589a9b; background: #fff; margin-top: 16px; transition: all .2s ease-in-out;}
.row08 .rt li:hover{ transform: translateY(-5px);}
.row08 .rt li:nth-of-type(1),
.row08 .rt li:nth-of-type(2){ margin-top: 0;}
.row08 .rt a{ display: block; text-align: center; padding: 14px 0 16px;}
.row08 .rt .icon{ font-size: 0; height: 51px; width: auto;}
.row08 .rt .name{ line-height: 1; margin-top: 12px; color: #282828;}

.siteUrl{ background: #fff; padding: 0 8.21%; border-radius: 0 0 60px 0; margin-top: 60px;}
.siteUrl ul{ }
.siteUrl ul a{ display: block; padding: 37.5px 0;}
.siteUrl .linkIco{ max-width: 55px; min-height: 55px; margin: 0 auto; font-size: 0;}
.siteUrl .linkIco img{ }
.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 .5s ease-in-out; transform: rotateY(360deg);}
.siteUrl .name{ line-height: 1; margin-top: 24px; color: #282828; text-align: center;}
.siteUrl .name br{ display: none;}

.row09{ background: #fff; margin-top: 50px;}
.row09 ul{ border-right: 1px solid #c4d4ca;}
.row09 ul li{ position: relative;flex: 1; min-width: unset; border: 1px solid #c4d4ca; border-right: none;}
.row09 ul li span{ position: relative; display: block; text-align: center; line-height: 2.22; color: #282828; white-space: nowrap;}
.row09 ul li span::before{ content: '';display: block;border-top: 6px solid #282828; border-right: 6px solid transparent;border-left: 6px solid transparent;
    position: absolute; right: 20px;top: calc(50% - 3px); display: none; transition: all .2s ease-in-out;}
.row09 ul li.hasSelect span::before{ display: block;}
.row09 ul li:hover span::before{ transform: rotateZ(180deg);}
.row09 ul dl{ position: absolute;width: 100%;left: 0;bottom: 100%; display: none;max-height: 300px; overflow-y: scroll;
    background: rgba(88, 154, 155, 1); padding: 10px 0; border-radius: 5px;}
.row09 ul li:hover dl{ display: block;}
.row09 ul dd{ text-align: center;}
.row09 ul a{ display: block; line-height: 2; color: #fff;}
.row09 ul a:hover{ background: #fff; color: #589a9b;}


/* Responsive style */
@media screen and (max-width:1700px){
    
}

@media screen and (max-width:1500px){
    .calendarTil{ flex-wrap: wrap;}
    .calendarTil a{ width: 100%; display: flex;display: -ms-flexbox; justify-content: flex-end;align-items: center;}
    .calendar .pc_academic_calendar_wrap dl{ padding-bottom: 30px;}
    .row06 .lf li a{ padding: 20px 30px 21px;}
}

@media screen and (max-width:1480px){
    .row02 .rt li{ padding: 10px 15px;}
    .row04 .modeCon .title{ padding: 0; top: 50%; transform: translate3d(50%, -50%, 0); height: 90%; min-height: unset;font-size: 22px;}
    .row06 .lf li a{ padding: 19px 30px;}
}

@media screen and (max-width:1386px){
    .row02 .rt ul{ padding: 5px 0;}
    .row06 .lf li a{ padding: 17.5px 30px;}
    .row06 .rt .bottom{ padding: 2px 30px;}
}

@media screen and (max-width:1280px){
    .row02 .modeCon{ margin-top: 25px;}
    .row03 .rt li a{ padding: 16px 30px 16px 0;}
    .pc_academic_calendar_wrap dl dd{ margin-top: 20px;}
    .row05 .rt li a{ padding: 15px 30px 15px 0;}
    .row02 .modeTil .boxTitle.on,
    .modeTil.tabTil .boxTitle.on{ font-size: 34px;}
    .siteUrl{ padding: 0 5%;}
}

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

@media screen and (max-width:1200px){
    .row04 .modeCon .title{ padding: 10px 0; font-size: 20px;}
    .row09 ul li.hasSelect span::before{ right: 5px;}
}

@media screen and (max-width:1080px){
    .row04 .modeCon .title{ font-size: 18px;}
    
}

@media screen and (max-width:998px){
    .banner .title{ display: none;}
    .banner-func-area{ width: 100%; height: auto; justify-content: center;}
    .banner > .gp-position{ position: static;}
    .banner .swiper-pagination-bullet{ background: #fff;}
    .banner .swiper-pagination-bullet-active{ background: url(../images/shuidao-ico-green2.svg) no-repeat center/cover; opacity: 1;}
    .banner .swiper-arrow{ display: none; background: rgba(255, 255, 255, 0.5) url(../images/banner_prev_m.svg) no-repeat center; border: transparent;}
    .gp-moble-show{ display: block;}
    .banner .gp-moble-show .swiper-arrow{ display: block; position: absolute; left: 20px; bottom: calc(50% - 30px);z-index: 1;}
    .banner .gp-moble-show .swiper-next{ left: auto; right: 20px;}
    .banner .swiper-pagination{ margin-bottom: 20px;}
    .study{ position: fixed;}
    .row01{ display: none;}
    .row02 .modeTil .boxTitle.on, .modeTil.tabTil .boxTitle.on{ font-size: 30px;}
    .modeTil .title{ padding: 30px 0 10px; background-size: auto 100% !important;}
    .modeTil.tabTil .title{ bottom: 12px;}
    .row02 .box > .flex{ flex-direction: column;}
    .row02 .lf, .row02 .rt{ width: 100%;}
    .row02 .rt{ background: transparent;}
    .row02 .rt ul{ display: flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-between;
        padding: 0;background: transparent;}
    .row02 .rt li{ width: calc(50% - 10px); background: none; padding: 0; margin-top: 20px; border-left: 2px solid #005e5e;}
    .row02 .rt li a{ background: #fff; padding: 7px 15px; max-height: unset;}
    .row02 .rt .date{ display: none !important;}
    .row02 .modeCon .rt .textBox{ padding: 0;}
    .row02 .modeCon .info{ padding: 30px 60px 50px 0;}
    .row02 .modeCon .swiper-pagination{ bottom: 15px;}

    .row03 > .flex{ flex-direction: column;}
    .row03 .lf,.row03 .rt{ width: 100%;}
    .row03 .lf .info .flex{ margin-top: 15px;}
    .row03 .rt .modeCon{ background: transparent;}
    .row03 .rt li a{ flex-direction: row-reverse;}
    .row03 .rt .modeCon .date{ color: #4aabb2; background: transparent; line-height: 1;
        display: flex; display: -ms-flexbox;flex-direction: row-reverse; align-items: center;}
        .row03 .rt .modeCon .date .month{ margin-top: 0;}
    .row03 .rt .modeCon .date .day{ position: relative; font-size: 15px; font-weight: normal; line-height: 1;}
    .row03 .rt .modeCon .date .day::before{ content: '/';display: inline-block;}
    .row03 .rt{ margin-top: 30px;}
    .modeTil.titleAlignCenter{ justify-content: flex-start;}
    .row04 .modeCon .title, .row04 .modeCon li a img{ display: none;}
    .row04 .modeCon ul{ flex-wrap: wrap;justify-content: flex-start;}
    .row04 .modeCon li, .row04 .modeCon li.active{ width: calc(33.33% - 4px); margin-right: 6px; margin-top: 7px;}
    .row04 .modeCon li:nth-of-type(3n){ margin-right: 0;}
    .row04 .modeCon li a{padding-bottom: 44.625%;height: 0;}
	.row04 .modeCon li a.jumpTarget{ z-index: 3;}
    .row04 .modeCon li.active a:nth-last-child(1){ display: block;}

    .row05{ padding-bottom: 0;}
    .row05{ background: url(../images/activity-bg1.png) no-repeat center / cover;}
    .row05 > .flex{ flex-direction: column;}
    .row05 .lf, .row05 .rt{ width: 100%;}
    .row05 .rt{ margin-top: 30px; padding-left: 0; padding-right: 0;}
    .calendarTil{ flex-wrap: nowrap;}
    .row05 .rt::after{ width: 100vw; right: 50%;transform: translateX(50%);}
    .row05 .rt li a{ padding: 15px 0;}
    .row05 .modeCon .date{ order: 2; background: transparent !important;color: #4aabb2 !important; margin-right: 0;
        display: flex; display: -ms-flexbox;flex-direction: row-reverse;}
    .row05 .modeCon .date .day{ font-size: 15px; font-weight: normal;}
    .row05 .modeCon .date .day::before{ content: '/';display: inline-block;}
    .row05 .modeCon .date .month{ margin-top: 0;}
    .row05 .rt li .title{ -webkit-line-clamp: 1;}
    .row05 .rt li .textBox{ flex: 1; min-width: unset;}
    .row05 .rt .category{ padding-right: 0; margin-right: 15px;}
    .row05 .rt .category::before{ display: none;}

    .row06{ padding-bottom: 0;}
    .row06 > .flex{ flex-direction: column;}
    .row06 .lf, .row06 .rt{ width: 100%;}
    .row06 .lf{ padding-bottom: 30px;}
    .row06 .rt{ position: relative; z-index: 1; padding: 30px 0;}
    .row06 .rt::before{ content: '';display: block;width: 100vw; height: 100%; background: #fff;
        position: absolute; right: 50%;transform: translateX(50%); top: 0;z-index: -1;}
    .row06 .rt ul{ padding: 0;}
    .row06 .rt .bottom{ padding-left: 0; margin-top: 0;}
    .row06 .rt ul.top li{ width: 50%;}

    .row07 .memberCon ul{ flex-wrap: wrap;}
    .row07 .memberCon .linkBox > .flex{ max-width: 460px; margin: 0 auto;}
    .row07 .memberCon li:nth-of-type(1){ width: 100%;}
    .row07 .memberCon li:nth-of-type(2),
    .row07 .memberCon li:nth-of-type(3){ margin-top: 20px; margin-bottom: 0; width: calc(50% - 15px);}

    .row08{ padding-bottom: 30px;}
    .row08 .modeCon{ flex-direction: column;}
    .row08 .lf{ width: 100%;}
    .row08 .rt{ width: 100%; padding: 0;}
    .row08 .rt::before{ display: none;}
    .row08 .rt ul{ max-width: unset; margin-top: 30px;}
    .row08 .rt li{ width: calc(33.33% - 11px);}
    .row08 .rt li:nth-of-type(3){ margin-top: 0;}
    .row08 .modeCon{ position: relative; z-index: 1;}
    .row08 .modeCon:first-child{ margin-top: 30px;}
    .row08 .siteUrl::before{ content: '';display: block;width: 100vw;height: 100%; background: #fff;
        position: absolute;right: 50%;transform: translateX(50%);z-index: -1;}
    .row08 .siteUrl ul{ flex-wrap: wrap; justify-content: center;}
    .row08 .siteUrl li{  position: relative; width: 33.33%;}
    .row08 .siteUrl li:nth-of-type(1),
    .row08 .siteUrl li:nth-of-type(2),
    .row08 .siteUrl li:nth-of-type(3){ border-bottom: 1px dashed #c4dbdc;}
    .row08 .siteUrl li::before{ content: '';display: block;width: 1px; height: 80%;border-right: 1px dashed #c4dbdc;
        position: absolute; right: 0;top: 50%;transform: translateY(-50%);}
    .row08 .siteUrl li:last-child:before,
    .row08 .siteUrl li:nth-of-type(3):before{ display: none;}
    .row08 .lf::before{ min-width: unset;}

    .row09{ background: transparent; margin-top: 30px; position: relative; z-index: 10;}
    .row09 ul{ flex-wrap: wrap;border: none; justify-content: flex-start;}
    .row09 ul li{ background: transparent; border: none; flex: unset; margin-right: 30px;}
    .row09 ul li.hasSelect{width: auto;margin-bottom: 10px;}
    .row09 ul li.hasSelect > *{max-width: unset;width: 100%;}
    .row09 ul li.hasSelect span{ background: transparent; text-align: left; padding-left: 0px; padding-right: 30px;}
    .row09 dl a{ text-align: left; padding: 5px; line-height: 1.2;}
	.row09 ul a:hover{ background: transparent;}
	.row09 ul dl{ min-width: 120px;}


}

@media screen and (max-width:768px){
    .row02 .modeCon{ margin-top: 15px;}
    .row02 .modeCon .info{ padding: 20px 30px 30px 0;}
    .row02 .modeCon .swiper-pagination{ bottom: 10px;}
    .row02 .modeCon .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 5px;}
    .row02 .modeCon .swiper-pagination .swiper-pagination-bullet-active{ width: 18px; height: 15px; background-size: cover;}
    .row02 .modeTil .boxTitle.on, .modeTil.tabTil .boxTitle.on{ font-size: 22px;}
    .modeTil.tabTil .title, .modeTil .title,
    .row02 .modeTil .boxTitle::before{ font-size: 20px; line-height: 22px;}
    .row02 .modeTil .boxTitle::before{ bottom: 11px;}
    .titleAlignCenter .modeMore{ padding-bottom: 10px;}
    .row03 .lf li{ margin-top: 20px;}
    .row03 .lf li .a{ padding: 8px 10px;}
    .row04 .modeCon ul{ justify-content: space-between;}
    .row04 .modeCon li, .row04 .modeCon li.active{width: calc(50% - 4px);margin-right: 0px;}
    .row07 .memberCon .name.hasBorder{ min-width: 200px;}
    .row08 .moreLinks a{ line-height: 40px; min-width: 120px;}
    .row08 .rt .name,
    .siteUrl .name{ overflow: visible; white-space: break-spaces;word-wrap: break-word; line-height: 1.1;}

    .tipsBox div{margin-right: 20px;}

    .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;}
    .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;}
    .pc_academic_calendar_wrap dd:nth-child(7n+2) .showNews ul{left: -50px;}
    .pc_academic_calendar_wrap dd:nth-child(7n+3) .showNews ul{left: -80px;}
    .pc_academic_calendar_wrap dd:nth-child(7n+5) .showNews ul{right: -80px;}
    .pc_academic_calendar_wrap dd:nth-child(7n+6) .showNews ul{right: -50px;}
    .pc_academic_calendar_wrap dd:nth-child(7n+7) .showNews ul{right: -36px;}

    .calendarTil{ padding-top: 40px;}


}

@media screen and (max-width:580px){
    .study{ width: 80px;}
    .row08 .lf .swiper li.swiper-slide-active + li + li{ opacity: 0;}
    .row08 .lf .swiper li.swiper-slide-active + li + li + li{ opacity: 0;}
}

@media screen and (max-width:479px){
    .banner .swiper-pagination{ margin-bottom: 10px; margin-right: 0;}
    .banner .gp-moble-show .swiper-arrow{ bottom: calc(50% - 14px);}
    .banner .swiper-arrow{ width: 28px; height: 28px; background-size: 40px auto;}
    .row02 .lf .news-arrows{ top: 26%;}
    .row02 .modeCon .textBox{ padding-left: 20px;}
    .modeTil.tabTil .boxTitle::before, .modeTil.tabTil .title, .modeTil .title,
    .row02 .modeTil .boxTitle::before{ font-size: 16px;}
    .modeTil .boxTitle::before, .modeTil.tabTil .boxTitle::before, .row02 .modeTil .boxTitle::before{ bottom: 8px;}
    .row02 .modeTil .boxTitle.on, .modeTil.tabTil .boxTitle.on{ font-size: 18px;}
    .modeTil .modeMore, .titleAlignCenter .modeMore{ padding-bottom: 5px;}
    .modeTil .boxTitle{ margin-right: 16px;}
    .modeTil .boxTitle::before{ right: -8px;}
    .banner .gp-moble-show .swiper-arrow{ left: 10px;}
    .banner .gp-moble-show .swiper-next{ left: auto; right: 10px;}
    .modeTil .title{ padding: 14px 0 8px;}
    .row02 .modeCon{ margin-top: 10px;}
    .row02 .modeCon .info{ flex-direction: column-reverse; padding: 10px 15px 30px;}
    .row02 .modeCon .textBox,
    .row02 .modeCon .date{ width: 100%;padding: 0; }
    .row02 .modeCon .textBox{ }
    .row02 .modeCon .date{ background: #fff; line-height: 1; margin-top: 15px;
        display: flex; display: -ms-flexbox;flex-direction: row-reverse;justify-content: flex-end;}
    .row02 .modeCon .date .day{ font-size: 13px; font-weight: normal;}
    .row02 .modeCon .date .month{ margin-top: 0;}
    .row02 .modeCon .date .day::before{ content: '/';display: inline-block;}
    
    .row02 .modeCon .info .title,
    .row02 .rt .title{ font-size: 14px; line-height: 1.8;}
    .row02 .modeCon .info .summary{ font-size: 12px; margin-top: 5px;}
    .modeTil.tabTil{ align-items: unset;}
    .row03 .lf li .a > a{ width: 100px; margin-right: 15px;}
    .row03 .lf .info .title{ font-size: 14px; line-height: 1.2;}
    .row03 .lf li{ margin-top: 10px;}
    .row03 .lf .info .tag{ padding: 4px 6px;}
    .row03 .rt{ position: relative; z-index: 1; padding: 10px 0;}
    .row03 .rt::before{ content: '';display: block;width: 100vw; height: 100%; background: #fff;
        position: absolute; right: 50%;transform: translateX(50%);top: 0;z-index: -1;}
    .row03 .rt li .title{ -webkit-line-clamp: 1; line-height: 1;}
    .date .day{ font-size: 12px !important;}
    .row03 .rt .modeCon .date{ padding: 0; margin-right: 0;}
    .row03 .rt li a{ padding: 14px 0;}
    .row03 .modeCon, .hasBorderTop{ border-width: 3px;}

    .row04{ position: relative; z-index: 1; padding: 0px 0 20px;}
    .row04::before{ content: '';display: block;width: 100vw;height: 100%;background: #fff;
        position: absolute; right: 50%;top: 0;transform: translateX(50%); z-index: -1;}
    .row04 .modeCon{ margin-top: 10px; border-top: 3px solid #29493e;}
    .calendarTil a span{ padding: 6px 20px; line-height: 1;}
    .pc_academic_calendar_wrap dd .showNews li .flex{ font-size: 12px;}
    .tipsBox{ padding: 24px 12px;}
    .tipsBox div:nth-of-type(1) i{ width: 12px; height: 12px;}
    .activeSearch{ padding: 20px 25px;}
    .row05 .rt .modeCon{ border-top: 3px solid #29493e;}
    .row05 .rt li a{ padding: 5px 0;}
    
    .row06{ padding-top: 18px;}
    .row06 .lf li, .row06 .lf li:first-child{ margin-top: 10px;}
    .row06 .hasBorderTop{ margin-top: 0;}
    .row06 .lf li a{ padding: 16px 15px;}
    .row06 .tag{ padding: 5px 10px 6px;}
    .row06 .lf .date{ margin-top: 10px;}
    .row06 .rt{ padding-bottom: 20px;}
    .row06 .rt .top .title{ padding-left: 10px; padding-right: 10px;}
    .row06 .rt .bottom a{ padding: 16px 0;}
    .row06 .rt .bottom{ padding: 0;}

    .row07{ padding: 23px 0;}
    .row07 .memberTil{ max-width: unset;}
    .row07 .memberCon{ margin-top: 14px;}
    .row07 .memberCon li{ padding: 30px 20px; border-radius: 0 0 50px 0;}
    .row07 .memberCon li:nth-of-type(1){ margin-top: 0;}
    .row07 .memberCon .iconBox img{ max-width: 108px;}
    .row07 .memberCon li > .flex{ align-items: flex-end;}
    .row07 .memberCon .item{ line-height: 31px;}
    .row07 .memberCon .name.hasBorder{ font-size: 14px; min-width: 163px; line-height: 23px; margin-top: 12px;}
    .row07 .memberCon .name.hasBorder::before{ border-width: 4px; top: calc(50% - 2px); right: 10px;}
    .row07 .memberCon .iconBox img{ max-width: unset; height: 70px;}
    .row07 .memberCon .linkBox .flex a{ line-height: 1; padding-left: 10px;}
    .row07 .memberCon .iconBox{ margin-right: 10px;}

    .row08{ padding-bottom: 17px;}
    .row08 .modeCon{ border-top: 3px solid #29493e;}
    .row08 .lf{ margin-top: 10px;}
    .row08 .swiper-arrow{ width: 32px; height: 32px;}
    .row08 .moreLinks{ margin-top: 18px;}
    .row08 .moreLinks a{ width: 170px; line-height: 29px; margin-right: 20px;}
    .row08 .lf::before{ background-size: 100% auto;}
    .row08 .rt .icon{ height: 32px;}
    .row08 .rt .icon img{ height: 100%;}
    .row08 .siteUrl{ margin-top: 30px; padding: 0;}
    .siteUrl ul a{ padding: 18px 0 13px;}
    .siteUrl .linkIco{ height: 40px; min-height: unset;}
    .siteUrl .linkIco img{ height: 100%;}
    .siteUrl .name{ margin-top: 15px;}

    .row09{ margin-top: 17px;}
    .row09 ul li span{ font-size: 12px;}
    .row09 ul li{ margin-right: 20px;}
    .row09 ul li:last-child{ margin-right: 0;}

    .study{ width: 60px;}
    .calendarTil{ padding-top: 30px;}
    .calendarTil a i{ width: 40px;}
    .curMonth{ line-height: 40px;}
    .siteUrl .name br{ display: block;}
}

@media screen and (max-width:414px){
    .study{ width: 40px;}
    .row07 .memberCon .name.hasBorder{ min-width: 140px;}
    .row08 .lf .swiper li.swiper-slide{ margin: 0 !important;}
    /* .row08 .lf .swiper li.swiper-slide-active + li{ opacity: 0; margin-top: 0;} */
    .row08 .lf .swiper li.swiper-slide-active{ margin-top: 0;}
    .row08 .lf .swiper{ transform: none;}
    .row08 .lf .book{ width: 100%; padding: 0 4px;}
}

@media screen and (max-width:380px){
    .modeTil .title{ padding: 10px 0 8px;}
    .modeTil .modeMore{ padding-right: 15px; padding-bottom: 5px;}
    .modeTil .modeMore::before{ top: 9px;}
    .modeTil.tabTil .boxTitle,
    .row02 .modeTil .boxTitle{ margin-right: 15px;}
    .modeTil.tabTil .boxTitle::before,
    .row02 .modeTil .boxTitle::before{ right: -7.5px;}
    .row02 .modeCon .info .summary{ min-height: 12px;}
    .row02 .rt li{ width: calc(50% - 5px);}
    .modeTil.tabTil .title{ bottom: 8px;}
    .row03 .lf li .a > a{ margin-right: 8px;}
    .row03 .lf .info .date{ flex-shrink: 0;}
    .row03 .lf .info .tag{ padding: 4px; border-radius: 3px;}
    .curMonth{ line-height: 35px;}
    .activeSearch button,
    .activeSearch input{ line-height: 40px; height: 40px;}
    .activeSearch button{ width: auto; padding: 0 20px;}
    .calendarTil{ padding-top: 25px;}
    .calendarTil a i{ width: 35px;}
    .row06 .lf li a{ padding: 10px;}
    .row07 .memberCon .name.hasBorder{ min-width: 110px;}
    .row07 .memberCon li{ padding: 15px 8px; border-radius: 0 0 20px 0;}
    .row07 .memberCon .name{ font-size: 14px;}
    .row07 .memberCon .iconBox{ margin-right: 6px;}
    .row07 .memberCon .linkBox .flex a{ padding-left: 6px;}
    .row07 .memberCon .linkBox .flex a::before{ width: 3px;height: 3px;top: 15px;}
    .row07 .memberCon li:nth-of-type(2), .row07 .memberCon li:nth-of-type(3){ width: calc(50% - 8px);}
    .row08 .siteUrl li{ flex: 1; min-width: 30%;}
	.row09 ul li{ margin-right: 10px;}
	.row09 ul li.hasSelect{ margin-bottom: 0px;}
	.row09 ul li.hasSelect span{ padding-right: 20px;}
	.row09 ul li.hasSelect span::before{ border-width: 5px;}
    .siteUrl ul a{ padding-left: 3px; padding-right: 3px;}
  
}
@media screen and (max-width:360px){
    .row02 .lf .news-arrows{ top: 22%; width: 20px; height: 35px; background-size: 15px auto;}
}