:root {
    --normal-color: #333333;
    --main-color: #296C41;
    --light-color: #A7D8B8;
    --select-color: #FFD189;
    --box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.21);
    --border-radius: 8px;
}

html,
body {
    width: 100vw;
    line-height: 1.5;
    font-family: Arial, Helvetica;
    background: #F8F8F8;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.index_container {padding-bottom: 300px;}
.index_container .header {height: 682px;background: var(--main-color);border-radius: 0 0 30px 30px;}
.index_container .header .img {display: block;width: 100%;height: 440px;border-radius: 0 0 0 120px;object-fit: cover;}
.index_container .header .logo {display: block;margin: -284px auto 150px;}
.index_container .header .search {position: relative;display: flex;justify-content: space-between;align-items: center;width: 524px;height: 60px;background: #fff;border-radius: 30px;box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.21);margin: -30px auto 60px;padding: 0 8px 0 52px;}
.index_container .header .search .icon {position: absolute;top: 50%;left: 25px;margin-top: -13px;}
.index_container .header .search input {width: 330px;height: 52px;font-size: 24px;line-height: 52px;padding: 0 10px;}
.index_container .header .search .btn {width: 120px;height: 52px;background: var(--main-color);border-radius: 26px;font-size: 24px;color: #fff;text-align: center;line-height: 52px;}
.index_container .header .hot {display: flex;justify-content: center;align-items: center;width: 100%;font-size: 26px;color: #fff;line-height: 30px;}
.index_container .header .hot ul {display: flex;justify-content: center;align-items: center;}
.index_container .header .hot li {margin: 0 18px;}
.index_container .header .hot li:last-of-type {margin-right: 0;}
.index_container .headline  {position: relative;width: 100%;height: 580px;margin: -50px 0 58px;}
.index_container .headline .swiper {z-index: 0;overflow: hidden;width: 720px;height: 534px;border-radius: 16px;box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.25);}
.index_container .headline .swiper .swiper-slide .img {display: block;width: 720px;height: 416px;object-fit: cover;}
.index_container .headline .swiper .swiper-slide .info {width: 100%;height: 118px;background: #fff;padding: 10px 24px 10px 15px;}
.index_container .headline .swiper .swiper-slide .title {font-size: 32px;text-align: justify;line-height: 46px;margin-bottom: 10px;}
.index_container .headline .swiper .swiper-slide .intro {font-size: 24px;color: #A3A3A3;text-align: justify;line-height: 25px;}
.index_container .headline .swiper-pagination-bullets {bottom: 0;z-index: 0;display: flex;justify-content: center;align-items: center;}
.index_container .headline .swiper-pagination-bullets .swiper-pagination-bullet {width: 32px;height: 7px;border-radius: 4px;background: #E2E2E2;opacity: 1;}
.index_container .headline .swiper-pagination-bullets .swiper-pagination-bullet-active {background: var(--main-color);}
.index_container .academic {position: relative;width: 670px;background: #fff;border-radius: 16px;box-shadow: 3px 1px 20px 0px rgba(0,0,0,0.12);margin: 0 auto 75px 52px;}
.index_container .academic .title {position: absolute;top: 28px;left: -40px;width: 40px;height: 216px;background: var(--main-color);border-radius: 8px 0 0 8px;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);font-size: 22px;color: #fff;text-align: center;line-height: 30px;padding: 35px 0;}
.index_container .academic .nav {display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100px;box-shadow: 3px 1px 20px 0px rgba(0,0,0,0.12);padding: 14px 22px 8px;}
.index_container .academic .nav::-webkit-scrollbar {display: none;}
.index_container .academic .nav span {height: 76px;border-bottom: 5px solid transparent;font-size: 30px;text-align: center;line-height: 76px;padding: 0 10px;}
.index_container .academic .nav span.on {border-bottom-color: var(--main-color);color: var(--main-color);font-weight: 700;}
.index_container .academic .section {position: relative;display: none;}
.index_container .academic .list {width: 100%;padding: 35px 22px 90px;}
.index_container .academic .list li {border: 1px solid #E2E2E2;border-radius: 12px;box-shadow: 4px 5px 8px 0px rgba(0,0,1,0.12);margin-bottom: 45px;}
.index_container .academic .list li:last-of-type {margin-bottom: 0;}
.index_container .academic .list li .info {display: flex;justify-content: space-between;align-items: center;width: 100%;height: 140px;padding: 0 40px;}
.index_container .academic .list li .date {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.index_container .academic .list li .date .d {font-size: 53px;color: var(--main-color);line-height: 61px;font-weight: 700;margin-bottom: 5px;}
.index_container .academic .list li .date .ym {font-size: 24px;color: #666;line-height: 22px;}
.index_container .academic .list li .space {width: 2px;height: 80px;background: #979797;}
.index_container .academic .list li .tit {width: 405px;font-size: 30px;color: var(--main-color);text-align: justify;line-height: 42px;}
.index_container .academic .list li .img {display: block;width: 100%;height: 358px;object-fit: cover;}
.index_container .academic .more {position: absolute;bottom: 30px;right: 25px;font-size: 22px;color: #A1A1A1;line-height: 30px;padding-right: 30px;}
.index_container .academic .more::after {display: block;position: absolute;top: 50%;right: 10px;content: '';width: 10px;height: 10px;border-top: 2px solid #A1A1A1;border-right: 2px solid #A1A1A1;transform: translateY(-50%) rotate(45deg);}
.index_container .science {position: relative;width: 670px;background: #ffffff;border-radius: 16px;box-shadow: 3px 1px 20px 0px rgba(0,0,0,0.12);margin: 0 auto 75px 52px;}
.index_container .science .title {position: absolute;top: 28px;left: -40px;width: 40px;height: 216px;background: var(--main-color);border-radius: 8px 0 0 8px;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);font-size: 22px;color: #ffffff;text-align: center;line-height: 30px;padding: 35px 0;}
.index_container .science .nav {width: 100%;height: 100px;box-shadow: 3px 1px 20px 0px rgba(0,0,0,0.12);padding: 14px 22px 8px;white-space: nowrap;}
.index_container .science .nav .inner::-webkit-scrollbar {display: none;}
.index_container .science .nav .inner {width: 100%;height: 100%;overflow-x: auto;overflow-y: hidden;}
.index_container .science .nav span {display: inline-block;height: 76px;border-bottom: 5px solid transparent;font-size: 30px;text-align: center;line-height: 76px;padding: 0 20px;margin-right: 15px;}
.index_container .science .nav span:last-of-type {margin-right: 0;}
.index_container .science .nav span.on {border-bottom-color: var(--main-color);color: var(--main-color);font-weight: 700;}
.index_container .science .section {position: relative;display: none;}
.index_container .science .list {padding: 35px 22px 90px;}
.index_container .science .list li {background: #fff;border-radius: 12px;box-shadow: 4px 5px 8px 0px rgba(0,0,1,0.12);border: 1px solid #E2E2E2;margin-bottom: 22px;padding: 0 43px;}
.index_container .science .list li:last-of-type {margin-bottom: 0;}
.index_container .science .list li .info {display: flex;justify-content: space-between;align-items: center;height: 146px;padding: 0 12px;}
.index_container .science .list li .date {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.index_container .science .list li .date .d {font-size: 53px;color: var(--main-color);line-height: 61px;font-weight: 700;margin-bottom: 5px;}
.index_container .science .list li .date .ym {font-size: 24px;color: #666;line-height: 22px;}
.index_container .science .list li .tit {width: 405px;font-size: 30px;color: var(--main-color);text-align: justify;line-height: 42px;}
.index_container .science .list li .intro {width: 100%;height: 135px;border-top: 1px solid #DBDBDB;font-size: 24px;color: #666;text-align: justify;line-height: 35px;padding: 28px 22px;margin-bottom: 30px;}
.index_container .science .more {position: absolute;bottom: 30px;right: 25px;font-size: 22px;color: #a1a1a1;line-height: 30px;padding-right: 30px;}
.index_container .science .more::after {display: block;position: absolute;top: 50%;right: 10px;content: '';width: 10px;height: 10px;border-top: 2px solid #a1a1a1;border-right: 2px solid #a1a1a1;transform: translateY(-50%) rotate(45deg);}
.index_container .btn_memApply {display: flex;justify-content: center;align-items: center;width: 354px;height: 70px;background: linear-gradient( 180deg, #3DA567 0%, #10532F 100%);border-radius: 27px;box-shadow: 1px 3px 20px 0px rgba(0,0,0,0.5);font-size: 31px;color: #fff;text-shadow: 3px 3px 4px rgba(58,58,58,0.48);margin: 0 auto;}
.index_container .btn_memApply .icon {margin-left: 28px;}
.index_container .links_goPC {font-size: 26px;color: #999;text-align: center;margin: 50px 0;}
.index_container .footer {position: fixed;bottom: 0;left: 0;width: 100%;height: 265px;background: var(--main-color);border-radius: 0 120px 0 0;box-shadow: 6px -6px 17px 0px rgba(0,0,0,0.24);}
.footer .inner {position: fixed;bottom: 35px;left: 50%;display: flex;justify-content: space-between;align-items: center;width: 707px;height: 188px;background: url(../images/footer_bg.png) no-repeat center;margin-left: -353.5px;padding: 43px 65px 0;}
.footer .inner .logo {position: relative;top: -40px}
.footer .item {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 40px;font-size: 20px;color: #333;line-height: 28px;white-space: nowrap;}
.footer .item.on {color: var(--main-color);}
.footer .item img {margin-bottom: 5px;}

.academic_container {min-height: 100vh;background: #fff;padding-bottom: 240px;}
.academic_container .header {width: 100%;height: 410px;background: var(--main-color) url(../images/header_bg2.png) no-repeat center top / 100% auto;padding-top: 182px;}
.academic_container .header .search {position: relative;display: flex;justify-content: space-between;align-items: center;width: 688px;height: 68px;background: #fff;border-radius: 34px;margin: 0 auto 25px;padding: 0 10px 0 96px;}
.academic_container .header .search .icon {position: absolute;top: 50%;left: 33px;width: 40px;margin-top: -17px;}
.academic_container .header .search input {width: 450px;height: 52px;font-size: 24px;line-height: 52px;}
.academic_container .header .search .btn {width: 120px;height: 52px;background: var(--main-color);border-radius: 26px;font-size: 24px;color: #fff;text-align: center;line-height: 52px;}
.academic_container .header .hot {display: flex;justify-content: center;align-items: center;width: 100%;font-size: 30px;color: var(--light-color);line-height: 33px;white-space: nowrap;padding: 0 50px;}
.academic_container .header .hot ul {display: flex;justify-content: center;align-items: center;}
.academic_container .header .hot li {margin: 0 6px;}

.result_container {min-height: 100vh;background: #fff;padding-bottom: 240px;}
.result_container .header {width: 100%;height: 410px;background: var(--main-color) url(../images/header_bg2.png) no-repeat center top / 100% auto;padding-top: 182px;}

.gCard .nav {position: relative;display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100px;background: #fff;border-radius: 26px 26px 0 0;box-shadow: 3px 1px 20px 0px rgba(0,0,0,0.12);margin-top: -48px;padding: 14px 43px 0;}
.gCard .nav::-webkit-scrollbar {display: none;}
.gCard .nav span {height: 78px;border-bottom: 5px solid transparent;font-size: 30px;line-height: 78px;padding: 0 20px;white-space: nowrap;}
.gCard .nav span.on {border-bottom-color: var(--main-color);color: var(--main-color);font-weight: 700;}
.gCard .section {background: #fff;padding: 0 35px;}
.gCard .list {padding: 55px 0 30px;}
.gCard .list li {overflow: hidden;border-radius: 8px;margin-bottom: 45px;}
.gCard .list li:last-of-type {margin-bottom: 0;}
.gCard .list li.empty {font-size: 24px;color: #A3A3A3;text-align: center;}
.gCard .list li .img {display: block;width: 100%;height: 314px;object-fit: cover;}
.gCard .list li .info {display: flex;justify-content: space-between;align-items: center;width: 100%;height: 116px;background: var(--main-color);padding: 0 14px 0 32px;}
.gCard .list li .tit {width: 375px;font-size: 25px;color: #fff;text-align: justify;line-height: 36px;}
.gCard .list li .r {font-size: 24px;color: #fff;line-height: 30px;}
.gCard .list li .r span {margin: 0 10px;}
.gCard .list li .r span:last-of-type {margin-right: 0;}

.wCard .nav {position: relative;width: 100%;height: 100px;background: #fff;border-radius: 26px 26px 0 0;box-shadow: 3px 1px 20px 0px rgba(0,0,0,0.12);margin-top: -48px;padding: 14px 43px 0;white-space: nowrap;}
.wCard .nav .inner {width: 100%;height: 100%;overflow-x: auto;overflow-y: hidden;}
.wCard .nav .inner::-webkit-scrollbar {display: none;}
.wCard .nav span {display: inline-block;height: 78px;border-bottom: 5px solid transparent;font-size: 30px;line-height: 78px;padding: 0 20px;}
.wCard .nav span.on {border-bottom-color: var(--main-color);color: var(--main-color);font-weight: 700;}
.wCard .section {background: #fff;padding: 0 35px;}
.wCard .list {padding: 55px 0 30px;}
.wCard .list li {overflow: hidden;border: 1px solid #E2E2E2;border-radius: 8px;box-shadow: 4px 5px 8px 0px rgba(0,0,1,0.12);margin-bottom: 45px;padding: 0 32px;}
.wCard .list li:last-of-type {margin-bottom: 0;}
.wCard .list li.empty {height: auto;border: 0 none;box-shadow: none;font-size: 24px;color: #A3A3A3;text-align: center;}
.wCard .list li .info {display: flex;justify-content: space-between;align-items: center;height: 136px;border-bottom: 1px solid #DBDBDB;padding: 0 20px 0 10px;}
.wCard .list li .date {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.wCard .list li .date .d {font-size: 53px;color: var(--main-color);line-height: 61px;font-weight: 700;margin-bottom: 5px;}
.wCard .list li .date .ym {font-size: 22px;color: #666;line-height: 22px;}
.wCard .list li .tit {width: 450px;font-size: 30px;color: var(--main-color);text-align: justify;line-height: 42px;}
.wCard .list li .ctx {padding: 25px 15px;max-height: 194px;}
.wCard .list li .img {float: left;width: 225px;height: 144px;margin-right: 15px;object-fit: cover;}
.wCard .list li .intro {font-size: 24px;color: #666;text-align: justify;line-height: 36px;}
.result_container .wCard {min-height: calc(100vh - 182px);background: #fff;border-radius: 26px 26px 0 0;margin-top: -228px;}
.result_container .wCard .ptile {height: 80px;border-bottom: 1px solid #DBDBDB;font-size: 36px;line-height: 80px;font-weight: 600;padding: 0 40px;}
.result_container .wCard .ptile span {color: orange;}

.timeScreen {display: flex;justify-content: flex-start;align-items: flex-start;width: 100%;background: url(../images/line.png) repeat-x center bottom;padding: 30px 0;}
.timeScreen > div {font-size: 22px;line-height: 42px;margin-right: 26px;white-space: nowrap;}
.timeScreen ul {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;width: calc(100% - 116px);}
.timeScreen ul li {height: 42px;background: #fff;border: 1px solid #DCDCDC;border-radius: 21px;font-size: 20px;text-align: center;line-height: 40px;padding: 0 22px;margin: 0 20px 20px 0;}
.timeScreen ul li:last-of-type {margin-bottom: 0;}
.timeScreen ul li.on {background: #F7F7F7;color: var(--main-color);}
.timeScreen ul li input {width: 120px;height: 32px;font-size: 20px;text-align: center;line-height: 32px;}
.timeScreen ul li .icon {width: 15px;}

.artDet_container {min-height: 100vh;background: #fff url(../images/header_bg3.png) no-repeat center top / 100% auto;padding-top: 165px;padding-bottom: 240px;}
.artDet {background: #fff;border-radius: 26px 26px 0 0;padding: 0 40px;}
.artDet .title {min-height: 112px;border-bottom: 1px solid #9E9E9E;font-size: 36px;text-align: center;line-height: 1.4em;font-weight: 600;padding: 16px;display: flex;justify-content: center;align-items: center;}
.artDet .content {padding: 35px 0;font-size: 24px !important;line-height: 1.6em !important;}
.artDet .content * {font-size: 26px !important;line-height: 1.8em !important;padding: 0 !important;width: 100%;}
.artDet .content img {max-width: 100%;display: block;}

.contact_container {min-height: 100vh;background: #fff url(../images/header_bg3.png) no-repeat center top / 100% auto;padding-top: 165px;padding-bottom: 240px;}
.contact_container .header {position: relative;width: 100%;height: 385px;background: url(../images/contact_bg.png) no-repeat center / 100% 100%;border-radius: 26px 26px 0 0;}
.contact_container .header .title {position: absolute;bottom: 0;left: 0;width: 368px;height: 110px;background: var(--main-color);border-radius: 0 83px 0 0;font-size: 36px;color: var(--select-color);text-align: center;line-height: 110px;font-weight: 600;letter-spacing: 3px;}
.contact_container .section {padding: 40px 50px 0;}
.contact_container .section .title {font-size: 34px;color: var(--main-color);line-height: 48px;padding: 0 44px;margin-bottom: 40px;}
.contact_container .section ul {width: 645px;background: #FAFAFA;margin: 0 auto;}
.contact_container .section ul li {display: flex;justify-content: center;flex-direction: column;height: 200px;border-bottom: 1px solid #efefef;padding: 0 34px 0 42px;}
.contact_container .section ul li:last-of-type {border-bottom: 0 none;}
.contact_container .section ul li .tit {font-size: 32px;line-height: 45px;margin-bottom: 15px;}
.contact_container .section ul li .tit img {margin-right: 10px;}
.contact_container .section ul li .ctx {font-size: 26px;color: #666;line-height: 40px;}

.memApply_container {min-height: 100vh;background: #fff url(../images/header_bg3.png) no-repeat center top / 100% auto;padding-top: 165px;padding-bottom: 240px;}
.memApply {background: #fff;border-radius: 26px 26px 0 0;padding: 0 50px;}
.memApply .title {height: 112px;border-bottom: 1px solid #9E9E9E;font-size: 36px;line-height: 112px;font-weight: 600;padding: 0 16px;margin-bottom: 35px;}
.memApply .section .intro {font-size: 24px;text-align: justify;line-height: 46px;margin-bottom: 40px;}
.memApply .section .intro div:first-of-type {font-size: 28px;margin-bottom: 15px;}
.memApply .section .status {margin-bottom: 40px;}
.memApply .section .status li {margin-bottom: 24px;}
.memApply .section .status li:last-of-type {margin-bottom: 0;}
.memApply .section .status li {position: relative;display: flex;justify-content: flex-start;align-items: center;width: 100%;height: 155px;background: #FAFAFA;border-radius: 8px;}
.memApply .section .status .num {width: 173px;font-size: 48px;text-align: center;line-height: 155px;}
.memApply .section .status .tit {font-size: 32px;line-height: 38px;margin-bottom: 10px;}
.memApply .section .status .desc {font-size: 28px;line-height: 33px;}
.memApply .section .status .desc.on {color: #319350;}
.memApply .section .status .icon {position: absolute;top: 50%;right: 45px;display: flex;justify-content: center;align-items: center;width: 102px;height: 102px;background: var(--main-color);border: 13px solid var(--light-color);border-radius: 50%;margin-top: -51px;}
.memApply .section .agree div:first-of-type {display: flex;align-items: center;font-size: 28px;line-height: 46px;margin-bottom: 10px;}
.memApply .section .agree div i {position: relative;width: 30px;height: 30px;background: #DBDBDB;border-radius: 4px;margin-right: 10px;}
.memApply .section .agree.on div i {background: #3DA567 url(../images/agree_icon.png) no-repeat center;}
.memApply .section .agree div:last-of-type {font-size: 24px;text-align: justify;line-height: 46px;text-indent: 2em;}
.memApply .section .btn_submit {width: 614px;height: 100px;background: var(--main-color);border-radius: 8px;font-size: 32px;color: #fff;text-align: center;line-height: 100px;margin: 60px auto 0;}

.memInfo_container {min-height: 100vh;background: #fff url(../images/header_bg3.png) no-repeat center top / 100% auto;padding-top: 165px;padding-bottom: 320px;}
.memInfo {background: #fff;border-radius: 26px 26px 0 0;padding: 0 50px;}
.memInfo .title {height: 112px;border-bottom: 1px solid #9E9E9E;font-size: 36px;line-height: 112px;font-weight: 600;padding: 0 16px;margin-bottom: 35px;}
.memInfo .base .item {display: flex;justify-content: space-between;align-items: center;width: 100%;margin-bottom: 30px;}
.layui-form-label {float: none;position: relative;width: 150px;height: 60px;font-size: 24px;text-align: justify;line-height: 60px;padding: 0;}
.layui-form-label span {display: block;position: relative;width: 150px;height: 60px;}
.layui-form-label span::after {content: '';width: 100%;display: inline-block;}
.layui-form-label i {position: absolute;top: 0;left: -15px;color: red;}
.layui-input-block {width: calc(100% - 165px);margin-left: 0;}
.layui-form-item .layui-input-inline {float: none;;width: calc(100% - 165px);margin-right: 0;}
.layui-input, .layui-select, .layui-textarea {width: 100%;height: 60px;border-color: #DBDBDB;font-size: 24px;line-height: 60px;}
.layui-form-select dl dd, .layui-form-select dl dt {line-height: 60px;font-size: 24px;}
.layui-form-select dl {top: 60px;}
.btn_save {width: 614px;height: 100px;background: var(--main-color);border-radius: 8px;font-size: 32px;color: #fff;text-align: center;line-height: 100px;margin: 60px auto 0;}
.memInfo .base .item {align-items: flex-start;}
.layui-textarea {height: 200px;resize: none;font-size: 24px;line-height: 1.4em;padding: 13px 10px;}

.uploadImg_container {width: 178px;height: 220px;background: url(../images/icon_uploadImg.png) no-repeat center / 50% auto;border: 1px solid #DBDBDB;position: relative;}
.uploadImg_container img,
.uploadImg_container input {width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;}
.upload-line {display: flex;justify-content: flex-start;align-items: center;}
.upload-pdfFile {width: 130px;height: 60px;background: var(--main-color);font-size: 24px;text-align: center;line-height: 60px;padding: 0 10px;color: #fff;}
.upload_tips {font-size: 14px;color: #DBDBDB;margin-top: 10px;}
.upload-pdfName {flex: 1;padding: 0 10px;font-size: 24px;line-height: 60px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

#clipBtn{width: 120px;height: 52px;background: var(--main-color);border-radius: 26px;font-size: 24px;color: #fff;text-align: center;line-height: 52px;position: absolute;bottom: 10vh;left: 50%;transform: translateX(-50%);}
#clipArea{width: 100%;height: 100%;}