:root {
    --padding: 15px;
    --inner-padding: 15px;
    --title-size: 18px;
    --default-size: 14px;
}

.nav-list .nav-list__item {
    height: auto;
}

.nav-list .nav-list__item a {
    width: 100%;
}

.mb-menu {
    display: block;
}

#menu:checked+.mb-menu {
    position: fixed;
    right: var(--padding);
    height: 18.4px;
    width: 24px;
    z-index: 10000;
}

#menu:checked+.mb-menu span {
    background-color: #333;
    width: 24px;
}

#menu:checked+.mb-menu span:nth-child(2) {
    display: none;
}

#menu:checked+.mb-menu span:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: top left;
    transform: rotate(45deg);
    margin: 0;
}

#menu:checked+.mb-menu span:nth-child(3) {
    position: absolute;
    bottom: 0;
    right: 0;
    transform-origin: bottom left;
    transform: rotate(-45deg);
    margin: 0;
}

#menu:checked~.nav-list {
    display: block;
}

.navigator {
    height: 50px;
    padding: 0 15px;
}

.mb-navigator--scroll {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.mb-navigator--scroll .mb-menu span {
    background-color: #333;
}

.mb-navigator--scroll .brand a {
    background-image: url(../image/logo_black.png);
}

.navigator::after {
    display: none;
}

.navigator nav {
    display: flex;
    align-items: center;
}

.navigator .brand a {
    width: 100px;
    height: 28px;
}

.navigator nav .nav-list {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    background-color: #fff;
    transition: all .3s linear;
    padding: 0;
    padding-top: 45px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.navigator .nav-list .nav-list__item {
    position: relative;
    margin: 0;
    padding: 0;
}

.nav-list .nav-list__item::after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #eee;
}

.navigator .nav-list .nav-list__item a {
    display: block;
    color: var(--default);
    font-size: 14px;
    padding: 15px 20px;
}

.nav-list__item-language a .iconfont {
    font-size: 16px;
}

.banner .banner__item img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.banner.swiper .swiper-pagination {
    bottom: 3%;
}

.banner.swiper .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 4px;
}

.banner.swiper .swiper-pagination .swiper-pagination-bullet::after {
    width: 6px;
    height: 6px;
}

.banner .swiper-number {
    left: 6%;
}

.banner .swiper-number .swiper-number__current {
    font-size: 12px;
    line-height: 1;
}

.banner .swiper-number .swiper-number__total,
.banner .swiper-number .swiper-number__div {
    font-size: 12px;
    line-height: 1;
}

.banner__item .banner__item-label {
    font-size: 14px;
    left: 6%;
    right: 6%;
}

.about {
    flex-direction: column;
    padding: 0 var(--padding);
}

.about .about__left {
    flex: 1;
    padding: 0;
    padding-bottom: 15px;
}

.about .about__left h2 {
    font-size: var(--title-size);
}

.about .about__left p {
    font-size: var(--default-size);
    line-height: 1.5;
}

.about .about__right {
    padding-bottom: 15px;
}

.about__data {
    position: static;
    height: auto;
}

.about__data .data-list {
    flex-direction: column;
    padding: 0;
}

.data-list .data-list__item {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0 15px;
    padding-bottom: 15px;
}

.data-list .data-list__item::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #eee;
    opacity: .2;
}

.data-list .data-list__item .item-data {
    font-size: 16px;
}

.data-list__item .item-data span:nth-child(2) {
    font-size: 12px;
}

.data-list__item .item-desc {
    font-size: 12px;
    text-align: center;
}

.read-more {
    display: inline-block;
    font-size: 12px;
}

.read-more .iconfont {
    font-size: 14px;
}

.news .news__head {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 var(--padding);
    padding-top: 15px;
}

.news .news__head h2 {
    margin: 20px 0;
    font-size: var(--title-size);
}

.news .news__tabs {}

.news .news__tabs .tab {
    font-size: 12px;
    padding: 10px 0;
}

.news .news__tabs .tab.tab--active {
    position: relative;
}

.news .news__tabs .tab.tab--active::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 2px;
    background-color: var(--primary);
}

.news .news__body {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 20px;
}

.news__body .swiper-slide {
    flex-direction: column;
}

.news__body .news__content--hot {
    width: 100%;
}

.news__body .news__content--hot .news__img {
    width: 100%;
    height: auto;
}

.news__body .news__content--hot .date-text {
    font-size: 14px;
}

.news__body .news__content--hot .date-year {
    font-size: 12px;
}

.news__body .news__content--hot .news__title {
    font-size: 14px;
    text-align: start;
}

.news__body .news__content--hot .news__desc {
    font-size: 12px;
}

.news__body .news-list {
    padding: 0;
    margin-top: 10px;
    width: 100%;
}

.news-list .news__content {
    flex-direction: column;
    align-items: flex-start;
}

.news__body .news-list .news__content .news__title {
    flex: 1;
    width: 100%;
    padding-right: 0;
    font-size: 14px;
    -webkit-line-clamp: 1;
}

.news__body .news-list .news__content .news__date {
    font-size: 12px;
    margin-top: 4px;
}

.rd .swiper-page {
    display: none;
}

.rd.swiper .swiper-pagination {
    display: flex;
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 99;
}

.rd.swiper .swiper-pagination span {
    display: block;
    width: 4px;
    height: 4px;
    margin: 0 4px;
    border-radius: 50%;
    background-color: #fff;
}

.rd.swiper .swiper-pagination span[aria-current="true"] {
    opacity: 1;
    background-color: var(--primary);
}

.rd .rd__item .rd__text {
    top: 10%;
    right: var(--padding);
}

.rd__item .rd__text .title {
    font-size: var(--title-size);
}

.rd__item .rd__text .subtitle {
    font-size: 12px;
    padding: 10px 0;
    width: auto;
}

.rd__item .rd__text .subtitle::before {
    right: var(--padding);
    width: auto;
    height: 1px;
}

.rd__item .rd__text .subtitle::after {
    height: 2px;
}

.rd__text .desc {
    width: auto;
    margin-top: 10px;
    font-size: 12px;
}

.rd__img img {
    width: 100%;
    min-height: 300px;
}

.collaboration {
    padding-top: 15px;
}

.collaboration h2 {
    margin: 20px 0;
    font-size: var(--title-size);
}

.coll-section .coll-section__head {
    padding: 10px 0;
}

.coll-section .coll-section__title {
    font-size: 14px;
}

.coll-section__head::before {
    height: 1px;
}

.coll-section__head::after {
    height: 2px;
}

.coll-section__body .coll-list {
    margin: 0;
    padding: 15px 0;
    flex-wrap: wrap;
    gap: 0;
    row-gap: 15px;
}

.coll-list li {
    box-sizing: border-box;
    flex: 0 0 50% !important;
    padding: 15px;
}

.coll-list li a img {
    width: 100%;
}

.collaboration .activity-swiper {
    padding: 15px 0 !important;
}

.hot {
    padding: 0 !important;
    flex-direction: column;
}

.hot .hot__img {
    width: 100%;
}

.hot .right {
    width: 100%;
}

.hot .hot__content {
    padding: 0 !important;
}

.hot .hot__title {
    font-size: 14px;
    margin-top: 10px;
}

.hot .hot__desc {
    font-size: 12px;
    margin-top: 10px;
}

.hot .hot__action {
    margin-top: 10px;
}

.read-more.read-more--small {
    font-size: 12px;
}

.activity-swiper .swiper-button-prev,
.activity-swiper .swiper-button-next {
    display: none;
}

.activity-swiper .swiper-pagination {
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
}

.activity-swiper .swiper-pagination span {
    display: block;
    width: 4px;
    height: 4px;
    margin: 0 4px;
    border-radius: 50%;
    background-color: var(--primary);
    opacity: .5;
}

.activity-swiper .swiper-pagination span[aria-current="true"] {
    opacity: 1;
}

.footer-navigator {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 15px;
    gap: 15px;
}

.footer-navigator .brand {
    width: 100%;
}

.footer-navigator .brand a {
    width: 200px;
    height: 55px;
}

.footer-navigator .brand a img {
    width: 100%;
}

.footer-navigator nav {
    width: 100%;
}

.footer-nav {
    padding: 15px 0;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.footer-nav::after {
    
    height: 1px;
}

.footer-nav .footer-nav__item {
    width: 100%;
}

.footer-nav .footer-nav__item a {
    box-sizing: border-box;
    font-size: 12px;
    padding: 10px;
    margin: 0;
    width: 100%;
}

.footer .contact {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    flex-direction: column-reverse;
}

.qr-container {}

.contact .contact__head {
    font-size: 16px;
}

.qr-container img {
    width: 60px;
    height: 60px;
}

.qr-container .text {
    font-size: 12px;
    line-height: 2;
}

.contact .right .contact__head {
    font-size: 12px;
}

.contact .contact__list {
    flex-wrap: wrap;
    gap: 0px;
}

.contact .contact__list .contact__item {
    width: 100%;
    margin-bottom: 15px;
}

.contact__list .contact__item .icon {}

.contact__list .contact__item .icon img {
    width: 14px;
}

.contact__item .label {
    margin-left: 6px;
    font-size: 12px;
}

.contact__list .contact__item .value {
    font-size: 12px;
}

.copyright {
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;

}

.copyright p {
    line-height: 1.5;
    padding: 0;
    text-align: center;
}

.no-swip-banner img {
    height: 300px;
    width: auto;
    object-fit: cover;
}

.no-swip-banner .no-swip-banner__title {
    font-size: 30px;
}

.no-swip-banner .no-swip-banner__title::after {
    margin-top: 20px;
    width: 30px;
    height: 30px;
}

.section-title {
    padding: 15px 0;
    font-size: 16px;
}

.section-title img {
    width: 25px;
}

.about-us {
    flex-direction: column;
    padding: 0 var(--padding);
}

.about-us .about-us__left {
    padding: 0;
    padding-bottom: 15px;
}

.about-us .about-us__right {
    padding: 0;
}

.about-us .about-us__left h4 {
    font-size: 14px;
    margin: 0;
}

.about-us .about-us__left p {
    font-size: 12px;
}

.organizational-box {
    padding: 15px;
}

.section-tab {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 15px;
}

.section-tab .section-title {
    width: auto;
}

.section-tab .section-tab__list {
    flex: 1;
    gap: 8px;
    flex-wrap: wrap;
    background-color: transparent;
    border-radius: 4px;
    padding: 2px;
}

.section-tab .section-tab__item {
    font-size: 12px;
    padding: 8px 10px;
    border-radius: 4px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #eee;
}

.focus-news .hot {
    padding: 0 var(--padding);
}

.focus-news.swiper {
    padding-bottom: 50px;
}

.focus-news .swiper-pagination-bullets {
    bottom: 20px;
    gap: 10px;
}

.focus-news .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
}

.list {
    padding-bottom: 30px;
}

.list .list__item {
    margin-bottom: 15px;
}

.new-item {
    height: 100px;
}

.new-item .left {
    width: 40%;
}


.new-item .left img {}

.new-item .right {
    padding: 10px;
}

.new-item .new-item__title {
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
}

.new-item .new-item__desc {
    display: none;
    margin: 0;
    font-size: 12px;
}

.new-item .new-item__date {
    font-size: 12px;
}

.focus-news .hot .right {
    background-color: transparent;
}

.article {}

.article__head {
    padding: 15px 0;
}

.article__title {
    font-size: 14px;
    line-height: 1.4;
}

.article__action {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    margin-top: 10px;
}

.article__date {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 12px;
    margin: 0;
}

.article__page {
    padding: 20px 0;
}

.article__page .page__prev,
.article__page .page__back,
.article__page .page__next {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    background-color: var(--primary);
}

.article__page .page__prev .iconfont,
.article__page .page__back .iconfont,
.article__page .page__next .iconfont {
    font-size: 14px;
    margin: 0 4px;
}

.aboutus-item {
    flex-direction: column !important;
    margin-bottom: 15px;
}

.aboutus-item .img-index {
    right: 25px !important;
}

.aboutus-item .img-index img {
    width: 100px;
}

.aboutus-item .left,
.aboutus-item .right {
    flex: 1;
    width: 100%;
}

.aboutus-item .img-wrap,
.aboutus-item .aboutus-item__inner {
    padding: 0 !important;
    padding: 0 var(--padding) !important;
    padding-bottom: 15px !important;
}

.aboutus-item__title {
    font-size: 16px;
    padding: 15px 0;
}

.aboutus-item__index {
    font-size: 18px;
}

.aboutus-item__value {
    margin-left: 20px;
    padding-bottom: 15px;
}

.aboutus-item__value::before {
    right: calc(100% + 12px);
    top: 8px;
}

.aboutus-item__value::after {
    right: calc(100% + 14px);
    top: 10px
}

.provider-list {
    padding: 0;
    gap: 0;
    flex-wrap: wrap;
}

.provide {
    width: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
}

.provide__value {
    margin-top: 10px;
    font-size: 12px;
}

.provide__icon {
    width: 40px;
    height: 40px;
}

.provide__icon img {
    display: block;
    width: 20px;
    height: auto;
    object-fit: cover;
}

.idea-form__title {
    font-size: 14px;
    margin: 0;
    margin-bottom: 15px;
}

.idea-form__inner {
    flex-direction: column;
    gap: 15px;
    padding-bottom: 20px;
}


.idea-form__inner .left,
.idea-form__inner .right {
    width: 100%;
}

.idea-form__inner .left img {
    height: auto;
}

.idea-form__controller {
    height: 45px;
    font-size: 14px;
}

.idea-form__item {
    margin-bottom: 15px;
}

.idea-form__item--inline {
    gap: 0;
    flex-wrap: wrap;
}

.idea-form__item--inline .idea-form__controller {
    width: 100%;
    margin-bottom: 15px;
}

.idea-form__item--inline .idea-form__controller:last-child {
    margin-bottom: 0;
}

.idea-form__textarea {
    height: 220px !important;
    font-size: 14px;
}

.project-list {
    padding-bottom: 20px;
}

.project {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    padding: 15px 0;
}

.project a {
    width: 100%;
    font-size: 14px;
}

.project span {
    font-size: 12px;
}

.park.swiper {
    padding-bottom: 30px;
}

.park__text {
    font-size: 12px;
}

.image-list {
    margin-top: 10px;
    flex-direction: column;
    gap: 4px;
}

.park.swiper .swiper-actions {
    bottom: 15px;
}

.park.swiper .swiper-scrollbar {
    height: 2px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.park.swiper .swiper-scrollbar-drag {
    height: 2px;
}

.park.swiper .swiper-buttons {
    display: none;
}

.card-list {
    flex-direction: column;
    height: auto;
    background-image: none;
    margin: 0;
    margin-bottom: 0;

}

.card-list .card {
    background: #000;
    background-image: url(../image/sr_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.card-list .card::after {
    opacity: .5;
}

.card-list .card img {
    margin-bottom: 10px;
    opacity: 1;
}

.card-list .card a {
    padding: 15px;
}

.card-list .card__title {
    font-size: 16px;
    background: linear-gradient(270deg, #50B3FF 0%, #91F3F7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card-list .card__text {
    font-size: 12px;
}

.team {
    flex-direction: column;
    padding-bottom: 0;
}

.team .right .img-wrap img {
    height: auto;
}

.team__intro {
    padding: 0 15px;
}

.team__intro-title {
    margin: 20px 0;
    font-size: 18px;
}

.team__intro-desc {
    font-size: 12px;
}

.micro__title,
.opt__title {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
}

.micro {
    padding-bottom: 15px;
}

.micro__list {
    flex-direction: column;
    gap: 0;
    padding: 0;
}

.micro__item {
    width: 100%;
}

.micro__item-title {
    font-size: 16px;
    padding: 0 var(--inner-padding);
}

.micro__item-desc {
    font-size: 12px;
    text-align: justify;
    padding-left: var(--inner-padding);
    padding-right: var(--inner-padding);
}
.micro__item-img {
    width: 100%;
    height: auto;
}
.opt {
    padding-bottom: 15px;
}

.opt__item {
    flex-direction: column;
    margin-bottom: 15px;
}

.opt__item:nth-child(2n) {
    flex-direction: column;
}

.opt__item:nth-child(2n + 1) .opt__item-content,
.opt__item:nth-child(2n) .opt__item-content {
    padding: 0;
}

.opt__item:nth-child(2n + 1) .opt__item-foo,
.opt__item:nth-child(2n) .opt__item-foo {
    display: none;
}

.opt__item-title {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}

.opt__data-name {
    margin: 10px 0;
    font-size: 14px;
}

.opt__data-value {
    font-size: 12px;
}

.opt__data {
    padding-bottom: 0;
}

.contact-us {
    flex-direction: column;
}

.contact-us .left {
    width: 100%;
}

.map__location__icon img:nth-child(1) {
    width: 20px;
    height: auto;
    object-fit: cover;
}

.map__location__icon img:nth-child(2) {
    width: 20px;
    height: auto;
    object-fit: cover;
}

.map__location__content {
    font-size: 12px;
}

.contact-list {
    padding: var(--inner-padding);
    gap: 15px;
}

.contact-item__icon img {
    width: 40px;
    height: auto;
    object-fit: cover;
}

.contact-item__content p:nth-child(1) {
    font-size: 14px;
}

.contact-item__content p:nth-child(2) {
    font-size: 12px;
}

.contact-item .contact-item__content {
    padding-left: 10px;
}

.news-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.news-item {
    border-radius: 4px;
    overflow: hidden;
}

.news-item__image {
    height: 120px;
}

.news-item__content {
    height: 70px;
}

.news-item__date {
    padding-top: 8px;
}

.news-item__title {
    padding-top: 8px;
    font-size: 12px;
}

.download-button {
    font-size: 12px;
    height: 24px;
}

.article__content {
    font-size: 12px;
}

.article__content-center img {
    width: 80px;
    height: auto;
}

.footer {}

.footer-navigator {
    margin: 0 15px;
}

.search-container {
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
}

.search-button {
    font-size: 12px;
}

.search-bar__icon {
    width: 12px;
    height: 12px;
}

.search-bar__input {
    font-size: 14px;
}

.news-list-item {
    flex-direction: row-reverse;
    gap: 16px;
}

.news-list-item__image {
    width: 100px;
    height: auto;
}

.news-list-item__content {
    padding-top: 0;
    border-bottom: none;
}

.news-list-item__title {
    font-size: 14px;
}

.news-list-item__date {
    margin: 4px 0;
    font-size: 12px;
}

.news-list-item__desc {
    font-size: 12px;
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    
    -webkit-box-orient: vertical;
    
}

.page-container {
    padding: 15px;
}

.rp-item {
    flex-direction: column;
    padding-top: 0;
}

.rp-item__content {
    width: 100%;
    position: static;
    padding: 15px !important;
    height: auto;
}

.rp-item__image {
    width: 100%;
    height: auto;
}

.rp-item__image>img {
    width: 100%;
}

.rp-item__desc {
    margin-top: 0;
}

.rp-item__action {
    margin-top: 15px;
}

.rp-item__title {
    font-size: 16px;
}