.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    height: 5.7292vw;
    overflow: visible
}

.header .main {
    display: flex;
    padding: 1.2vw 4.1667vw 0;
    justify-content: center;
    align-items: center
}

.header .logo {
    display: block;
    width: 11.1458vw
}

.header .logo img {
    display: block;
    width: 100%
}

.header .logo .bk {
    display: none
}

.header .bot {
    display: flex;
    align-items: center
}

.header .nav {
    display: flex
}

.header .nav li {
    margin-left: 1.5vw;
    padding: 0 1vw;
}

.header .nav li:hover .link::after {
    width: 100%
}

.header .nav .link {
    display: block;
    font-size: 1.2vw;
    line-height: 1.3;
    color: #fff;
    font-weight: 300;
    position: relative
}

.header .nav .link::after {
    content: '';
    width: 0;
    height: 0.2604vw;
    left: 0;
    bottom: -2.0313vw;
    background: #00a13c;
    transition: .3s linear;
    position: absolute
}

.header .language {
    margin-left: 1.3021vw;
    width: 1.6vw;
    height: 1.6vw;
    background: url("/static/images/common/language.png") no-repeat;
    background-size: cover;
    position: relative
}

.header .language::after {
    content: '';
    width: 0.2604vw;
    height: 0.2865vw;
    background: url("/static/images/common/language_arrow.png") no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    right: -0.4688vw
}

.header .search {
    margin-left: 2.6042vw;
    width: 1.1458vw;
    height: 2.0833vw;
    transition: .3s linear
}

.header .search i {
    display: block;
    width: 1.1458vw;
    height: 1.1458vw;
    background: url("/static/images/common/search.png") no-repeat;
    background-size: cover
}

.header .contact {
    padding: 0 1vw;
    height: 2.0833vw;
    border-radius: 1.2vw;
    background: #00a13c;
    font-size: 1.1vw;
    color: #fff;
    font-weight: 700;
    margin-left: 1.875vw
}

.header .sub-menu {
    position: absolute;
    left: 0;
    top: 5.7292vw;
    background: #fff;
    z-index: 20;
    border-top: 1px solid #DFDFDF;
    display: none;
    width: 100%
}

.header .sub-menu .container {
    display: flex;
    justify-content: center;
    padding: 1vw 0;
    align-items: flex-start
}

.header .sub-menu .title {
    font-size: 1.2vw;
    line-height: 1.3333;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 700;
    padding-top: 0.625vw;
    margin-left: 4.5313vw;
    display: none
}

.header .sub-menu .links {
    display: flex;
    flex-wrap: wrap
}

.header .sub-menu .long-links {
    width: 58.5417vw;
    justify-content: space-between
}

.header .sub-menu .two-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.8854vw;
    font-size: 1.1vw;
    line-height: 1.2857;
    color: rgba(0, 0, 0, 0.8);
    margin: 1vw 3vw 0vw 0
}

.header .sub-menu .two-link:hover {
    color: #00a13c
}

.header .sub-menu i {
    display: block;
    width: 1.4vw;
    height: 1.4vw;
    background: url("/static/images/common/sub_new_link_arrow.png") no-repeat;
    background-size: cover
}

.header .sub-menu .pic {
    width: 21.3542vw;
    margin: 0 0 0 7.1875vw;
    display: none;
}

.header .sub-menu .pic img {
    height: 11.9792vw;
    object-fit: cover;
    border-radius: 0.5208vw
}

.header .sub-menu .sub-item:nth-child(3) .links {
    width: 44.6458vw
}

.header .sub-menu .sub-item:nth-child(3) .two-link:nth-child(3) {
    width: 12.625vw
}

.header .sub-menu .sub-link {
    width: 12.625vw
}

.header .sub-menu .other-link {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 0.8854vw;
    font-size: 1.1vw;
    line-height: 1.2857;
    color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    z-index: 10;
    margin-bottom: 2.0833vw
}

.header .sub-menu .other-link:last-child {
    margin-bottom: 0
}

.header .sub-menu .erify {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 1.1458vw;
    margin-top: -2.0833vw;
    overflow: hidden
}

.header .sub-menu .erify a {
    display: block;
    font-size: 1.1vw;
    line-height: 1.2857;
    color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.3021vw
}

.header .sub-menu .erify a:hover {
    color: #00a13c
}

.header .sub-menu .erify a i {
    display: block;
    width: 1.4vw;
    height: 1.4vw;
    background: url("/static/images/common/sub_new_link_arrow.png") no-repeat;
    background-size: cover
}

.header .sub-search {
    position: absolute;
    left: 0;
    top: 5.7292vw;
    background: #fff;
    z-index: 20;
    border-top: 1px solid #DFDFDF;
    display: none;
    width: 100%
}

.header .sub-search .container {
    padding: 1.5625vw 0
}

.header .sub-search form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 33.3333vw;
    height: 3.125vw;
    background: #fff;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #D3D3D3
}

.header .sub-search .text {
    display: block;
    box-sizing: border-box;
    width: 80%;
    height: 2.8125vw;
    border: none;
    padding: 0 1.2vw;
    color: rgba(0, 0, 0, 0.6)
}

.header .sub-search .btn {
    display: block;
    width: 1.25vw;
    height: 1.25vw;
    background: url("/static/images/common/search_d.png") no-repeat;
    background-size: cover;
    margin-right: 1.8229vw
}

.head-bk .logo .normal, .head-open .logo .normal {
    display: none
}

.head-bk .logo .bk, .head-open .logo .bk {
    display: block
}

.head-bk .nav .link, .head-open .nav .link {
    color: rgba(0, 0, 0, 0.7);
    text-shadow: none
}

.head-bk .search i, .head-open .search i {
    background-image: url("/static/images/common/search_d.png")
}

.head-bk .language, .head-open .language {
    background-image: url("/static/images/common/language_h.png")
}

.head-bk, .head-open {
    background: #fff !important
}

.head-hide {
    display: none
}

.m-header {
    display: none
}

.footer {
    background: #4B4B4B
}

.footer .container {
    padding: 5.8333vw 0 4.0625vw
}

.footer .top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2.9688vw
}

.footer .logo {
    display: block;
    width: 11.1458vw
}

.footer .code {
    margin-top: 0.5208vw;
    font-size: 1.5vw;
    line-height: 1.8824;
    color: #fff;
    font-weight: 700
}

.footer .title {
    margin-top: 2.2396vw;
    font-weight: 700;
    font-size: 1.3542vw;
    line-height: 1.3077;
    color: #fff
}

.footer .name {
    line-height: 1.3333;
    color: #fff;
    font-weight: 300
}

.footer .num {
    line-height: 1.3333;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 0.5208vw
}

.footer .ewm {
    margin-top: 3.2292vw;
    width: 6.9792vw
}

.footer .ewm img {
    display: block;
    width: 100%
}

.footer .ewm p {
    text-align: center;
    font-size: 1.1vw;
    line-height: 1.3333;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 0.5208vw
}

.footer .right {
    display: flex
}

/* footer 字体统一：正文/链接/数值 */
.footer .nav .item .list a,
.footer .infos .item .num {
    font-size: 1.1vw;
}

/* footer 字体统一：标题/标签 */
.footer .nav .item .name,
.footer .infos .item .name {
    font-size: 1.1vw;
}

.footer .nav {
    display: flex;
    flex-wrap: wrap;
    width: 42vw
}

.footer .nav .item {
    width: 9.5vw;
    margin-bottom: 2.7083vw
}

.footer .nav .item:nth-child(3), .footer .nav .item:nth-child(7) {
    width: 13.5vw
}

.footer .nav .list {
    margin-top: 1.2vw
}

.footer .nav a {
    display: block;
    line-height: 2.1333;
    color: rgba(255, 255, 255, 0.5);
    transition: .3s linear
}

.footer .nav a:hover {
    color: #fff
}

.footer .nav .erify {
    display: none;
    margin-left: 0.5208vw
}

.footer .nav .other-item a {
    display: flex;
    align-items: center
}

.footer .nav .other-item i {
    display: block;
    width: 0.7292vw;
    height: 0.4167vw;
    background: url("/static/images/common/friend_arrow.png") no-repeat;
    background-size: cover;
    margin-left: 0.5208vw;
    opacity: .5
}

.footer .infos {
    margin-left: 4.7917vw
}

.footer .infos .item {
    margin-bottom: 2.0833vw
}

.footer .bot {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 1.3542vw;
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.footer .copyright {
    font-size: 1.1vw;
    line-height: 2.1333;
    color: rgba(255, 255, 255, 0.5)
}

.footer .copyright a {
    color: rgba(255, 255, 255, 0.5);
    transition: .3s linear
}

.footer .copyright a:hover {
    color: #fff
}

.footer .copyright .py-link {
    margin-left: 1.2vw
}

.footer .friend-select {
    position: relative;
    z-index: 10;
    width: 16.9792vw;
    height: 2.6042vw;
    border-radius: 1.3021vw;
    background: #3A3A3A
}

.footer .friend-select p {
    font-size: 1.1vw;
    line-height: 2.6042vw;
    padding: 0 1.5625vw;
    color: #A9A9A9;
    cursor: pointer
}

.footer .friend-select p::after {
    content: '';
    width: 0.7292vw;
    height: 0.4167vw;
    background: url("/static/images/common/friend_arrow.png") no-repeat;
    background-size: cover;
    position: absolute;
    right: 1.1458vw;
    top: 50%;
    transform: translateY(-50%)
}

.footer .friend-select ul {
    position: absolute;
    left: 0;
    bottom: 2.6042vw;
    width: 100%;
    border-radius: 1.3021vw;
    background: #3A3A3A;
    max-height: 13.0208vw;
    overflow-y: auto;
    display: none
}

.footer .friend-select a {
    display: block;
    font-size: 1.1vw;
    line-height: 2.6042vw;
    color: #A9A9A9;
    padding: 0 1.5625vw;
    transition: .3s linear
}

.footer .friend-select a:hover {
    color: #fff
}

.com-tit {
    font-size: 2.3958vw;
    line-height: 1.3261;
    color: #fff;
    font-weight: 700
}

.ct-tit {
    text-align: center
}

.back-top {
    display: block;
    box-sizing: border-box;
    padding-top: 0.5208vw;
    width: 4vw;
    height: 4vw;
    background: #00a13c;
    border-radius: 50%;
    bottom: 5%;
    right: 1.1979vw;
    z-index: 99;
    position: fixed
}

.back-top i {
    display: block;
    width: 1.4vw;
    height: 1.4vw;
    background: url("/static/images/common/backTop.png") no-repeat;
    background-size: cover;
    margin: 0 auto
}

.back-top p {
    font-size: 12px;
    color: #fff;
    line-height: 1.2;
    text-align: center
}

.learn-more {
    box-sizing: border-box;
    height: 2.8125vw;
    border: 2px solid #fff;
    border-radius: 1.4063vw;
    padding: 0 1.4vw;
    font-size: 1.1vw;
    color: #fff;
    font-weight: 700;
    transition: .3s linear
}

.learn-more i {
    display: block;
    width: 1.4vw;
    height: 1.4vw;
    background: url("/static/images/common/learn_arrow.png") no-repeat;
    background-size: cover
}

.learn-more:hover {
    background: #00a13c;
    border-color: #00a13c
}

.sub-banner {
    position: relative
}

.sub-banner img {
    display: block;
    width: 100%;
}

.sub-banner .container {
    display: flex;
    align-items: center;
    height: 100vh;
    box-sizing: border-box;
    padding-bottom: 1.2vw;
    position: relative
}

.sub-banner .title {
    font-size: 3.2292vw;
    line-height: 1.3226;
    color: #fff;
    font-weight: 700
}

.sub-banner .player {
    box-sizing: border-box;
    margin: 0 auto;
    width: 11.25vw;
    height: 3.75vw;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 1.875vw;
    padding: 0 2.1875vw 0 0.7292vw;
    font-size: 1.2vw;
    color: #fff;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(6px);
    transition: .3s linear
}

.sub-banner .player i {
    display: block;
    width: 2.7083vw;
    height: 2.7083vw;
    background: url("/static/images/common/player_icon.png") no-repeat;
    background-size: cover
}

.sub-banner .player:hover {
    background: #00a13c;
    border-color: #00a13c
}

.dots-nav {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 90;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(40px)
}

.dots-nav .container {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    width: 100%
}

.dots-nav .list {
    display: flex
}

.dots-nav .item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 4.1667vw;
    font-size: 1.1vw;
    color: #fff;
    font-weight: 700;
    flex: 1
}

.dots-nav .item::after {
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    left: 50%;
    top: -2px;
    transform: translateX(-50%);
    background: #00a13c;
    transition: .3s linear
}

.dots-nav .active::after {
    width: 100%
}

.dots-inside {
    bottom: auto;
    top: 0;
    opacity: 0
}

.dots-inside:hover {
    opacity: 1
}

.dots-inside .container {
    border-color: rgba(0, 0, 0, 0.3)
}

.dots-bk-inside {
    bottom: auto;
    top: 0;
    opacity: 0
}

.dots-bk-inside:hover {
    opacity: 1
}

.dots-bk-inside .container {
    border-color: rgba(0, 0, 0, 0.3)
}

.dots-bk-inside .item {
    color: rgba(0, 0, 0, 0.8)
}

.news-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.news-list li {
    width: 42.2917vw;
    margin-bottom: 2.6042vw
}

.news-list li:hover img {
    transform: scale(1.1, 1.1)
}

.news-list li:hover a::after {
    background: #00a13c
}

.news-list li:hover .time, .news-list li:hover .title {
    color: #fff
}

.news-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.news-list a::after {
    content: '';
    width: 23.9583vw;
    height: 100%;
    border-radius: 0.5208vw;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(105.33deg, rgba(244, 244, 244, 0) -8.59%, rgba(244, 244, 244, 0.8) 91.07%)
}

.news-list .pic {
    width: 19.8958vw;
    height: 11.5625vw;
    border-radius: 0.5208vw;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.news-list .pic img {
    height: 11.5625vw;
    object-fit: cover;
    transition: .3s linear
}

.news-list .main {
    position: relative;
    box-sizing: border-box;
    width: 22.3958vw;
    padding: 0 1.875vw 0 2.6042vw;
    z-index: 10
}

.news-list .time {
    font-size: 1.1vw;
    line-height: 1.6;
    margin-top: 0.8vw;
    color: rgba(0, 0, 0, 0.3);
    font-weight: 600;
    font-family: 'Roboto'
}

.news-list .title {
    font-size: 1.1vw;
    line-height: 1.6471;
    color: rgba(0, 0, 0, 0.8);
    margin-top: 1.1458vw
}

.media-list {
    padding: 2.0833vw 0 1.5625vw
}

.media-list ul {
    display: flex;
    flex-wrap: wrap
}

.media-list li {
    width: 19.8958vw;
    margin: 0 2.2917vw 1.5625vw 0;
    background: rgba(244, 244, 244, 0.8);
    border-radius: 0.5208vw;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.media-list li:hover img {
    transform: scale(1.1, 1.1)
}

.media-list li:hover .time, .media-list li:hover .title {
    color: #fff
}

.media-list li:nth-child(4n) {
    margin-right: 0
}

.media-list .pic {
    width: 100%;
    height: 11.5625vw;
    position: relative;
    z-index: 1
}

.media-list .pic img {
    height: 11.5625vw;
    object-fit: cover;
    transition: .3s linear
}

.media-list .pic::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 54.32%);
    z-index: 3
}

.media-list .play-icon {
    display: block;
    width: 2.8125vw;
    height: 2.8125vw;
    background: url("/static/images/common/news_play.png") no-repeat;
    background-size: cover;
    margin: 0 auto
}

.media-list .main {
    position: absolute;
    left: 0;
    bottom: 1.2vw;
    width: 100%;
    z-index: 5;
    box-sizing: border-box;
    padding: 0 1.2vw
}

.media-list .time {
    font-size: 13px;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 600;
    font-family: 'Roboto';
    margin-top: 1.2vw
}

.media-list .title {
    font-size: 1.5vw;
    line-height: 1.6471;
    color: #fff;
    margin-top: 0.2604vw
}

.paper-list {
    position: relative
}

.paper-list .bg {
    position: absolute;
    left: 0;
    top: 17.0313vw;
    width: 100%;
    height: 100%;
    background: url("/static/images/common/shelf_bg.png") repeat center top;
    background-size: 55.2083vw 19.7917vw;
    z-index: 1
}

.paper-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 10vw 0 9.6875vw;
    position: relative;
    z-index: 10
}

.paper-list li {
    width: 12.8125vw;
    margin-bottom: 2.1875vw
}

.paper-list a {
    display: block;
    position: relative
}

.paper-list .pic {
    height: 17.6042vw;
    box-sizing: border-box;
    border: 1px solid #EEE
}

.paper-list .pic img {
    height: 100%;
    object-fit: cover
}

.paper-list .name {
    position: absolute;
    width: 10.4167vw;
    height: 2.0833vw;
    background: linear-gradient(90deg, rgba(19, 85, 255, 0.9) 0%, rgba(79, 185, 254, 0.9) 100%);
    border-radius: 1.2vw;
    font-size: 1.1vw;
    color: #fff;
    backdrop-filter: blur(4px);
    box-shadow: 0px 4px 4px 0px rgba(70, 115, 231, 0.2);
    left: 1.1979vw;
    bottom: 1.2vw
}

.book-list ul {
    display: flex;
    flex-wrap: wrap
}

.book-list li {
    width: 20.1042vw;
    margin: 0 2.0313vw 2.6042vw 0
}

.book-list li:nth-child(3n) {
    margin-right: 0
}

.book-list a {
    display: block
}

.book-list .img {
    box-sizing: border-box;
    height: 18.75vw;
    background: url("/static/images/common/book_line.png") no-repeat center center #00a13c;
    border-radius: 0.5208vw;
    background-size: cover;
    padding: 2.1875vw 1.7708vw 2.0833vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.book-list .pdf-icon {
    display: block;
    width: 2.6042vw;
    height: 2.6042vw;
    background: url("/static/images/common/pdf.png") no-repeat;
    background-size: cover
}

.book-list .name {
    font-size: 1.25vw;
    line-height: 1.5833;
    color: #fff;
    font-weight: 700;
    padding-right: 1.5625vw
}

.book-list .view {
    box-sizing: border-box;
    height: 2.9167vw;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 0.7292vw;
    border-radius: 0.5208vw;
    font-size: 1.1vw;
    color: rgba(0, 0, 0, 0.8);
    padding: 0 1.2vw 0 1.7188vw
}

.book-list .view i {
    display: block;
    width: 1.2vw;
    height: 1.2vw;
    background: url("/static/images/common/view.png") no-repeat;
    background-size: cover
}

.swiper-com {
    position: relative
}

.swiper-com .swiper-button-prev, .swiper-com .swiper-button-next {
    width: 2.3958vw;
    height: 2.3958vw;
    background: none;
    box-sizing: border-box;
    border: 1px solid #95B0C8;
    border-radius: 50%;
    left: auto;
    right: 2.7083vw;
    top: auto;
    bottom: 0;
    margin: 0;
    transition: .3s linear;
    z-index: 20
}

.swiper-com .swiper-button-prev::after, .swiper-com .swiper-button-next::after {
    display: none
}

.swiper-com .swiper-button-prev i, .swiper-com .swiper-button-next i {
    display: block;
    width: 1.2vw;
    height: 1.2vw;
    background: url("/static/images/common/sw_arrow.png") no-repeat;
    background-size: cover
}

.swiper-com .swiper-button-prev:hover, .swiper-com .swiper-button-next:hover {
    border-color: #00a13c;
    background: #00a13c
}

.swiper-com .swiper-button-prev:hover i, .swiper-com .swiper-button-next:hover i {
    background-image: url("/static/images/common/sw_w_arrow.png")
}

.swiper-com .swiper-button-next {
    right: 0
}

.swiper-com .swiper-button-next i {
    transform: rotate(180deg)
}

.swiper-com .swiper-scrollbar {
    left: 0;
    bottom: 1.1979vw;
    height: 1px;
    width: 92.78%;
    background: #95B0C8;
    position: absolute
}

.swiper-com .swiper-scrollbar-drag {
    background: #00a13c
}

.swiper-com .swiper-pagination {
    display: flex;
    justify-content: center;
    bottom: 0.5208vw;
    height: 1.3542vw
}

.swiper-com .swiper-pagination-bullet {
    margin: 0 0.5208vw;
    width: 1.3542vw;
    height: 1.3542vw;
    background: none;
    position: relative;
    opacity: 1
}

.swiper-com .swiper-pagination-bullet::after {
    content: '';
    width: 0.3125vw;
    height: 0.3125vw;
    background: #00a13c;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.swiper-com .swiper-pagination-bullet::before {
    content: '';
    width: 1.3542vw;
    height: 1.3542vw;
    box-sizing: border-box;
    border: 1px solid #00a13c;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0, 0);
    transition: .3s linear;
    border-radius: 50%
}

.swiper-com .swiper-pagination-bullet-active::before {
    transform: scale(1, 1)
}

.media-pop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10001;
    display: none
}

.media-pop .close {
    display: block;
    width: 1.5625vw;
    height: 1.5625vw;
    position: absolute;
    right: 0;
    top: -2.0833vw;
    background: url("/static/images/common/close.png") no-repeat;
    background-size: cover;
    transition: .3s linear
}

.media-pop .close:hover {
    transform: rotate(180deg)
}

.media-pop .media-pop-main {
    width: 50vw;
    height: 28.125vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.media-pop video {
    display: block;
    width: 100%;
    height: 28.125vw;
    object-fit: cover
}

.win-box {
    box-sizing: border-box
}

.year-select {
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    width: 15.1042vw
}

.year-select p {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 2.7083vw;
    border-radius: 1.3542vw;
    padding: 0 1.1458vw;
    font-size: 1.1vw;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.year-select p::after {
    content: '';
    width: 0.5729vw;
    height: 0.3125vw;
    background: url("/static/images/common/select_arrow.png") no-repeat;
    background-size: cover;
    position: absolute;
    right: 1.4vw;
    top: 50%;
    transform: translateY(-50%)
}

.year-select ul {
    position: absolute;
    left: 0;
    top: 2.7083vw;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    max-height: 13.5417vw;
    overflow-y: auto;
    border-radius: 1.3542vw;
    margin-top: -1px;
    display: none;
    z-index: 20
}

.year-select a {
    display: block;
    padding: 0 1.1458vw;
    line-height: 2.7083vw;
    font-size: 1.1vw;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer
}

.year-select a:hover {
    color: #00a13c
}

.last-section .fp-tableCell {
    height: auto !important;
    display: block !important
}

.bg-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.bg-list .item {
    opacity: 0;
    transition: .3s linear;
    background-size: 100%;
}

.bg-list .active {
    opacity: 1
}

@keyframes donghua1 {
    0% {
        transform: translateY(0%)
    }
    100% {
        transform: translateY(-100%)
    }
}

@keyframes donghua2 {
    0% {
        transform: translateY(100%)
    }
    100% {
        transform: translateY(0%)
    }
}

@keyframes donghua3 {
    0% {
        transform: translateY(0%)
    }
    100% {
        transform: translateY(100%)
    }
}

@keyframes donghua4 {
    0% {
        transform: translateY(-100%)
    }
    100% {
        transform: translateY(0%)
    }
}

@keyframes moveimg1 {
    0% {
        transform: translateX(0%)
    }
    100% {
        transform: translateX(-100%)
    }
}

@keyframes moveimg2 {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0%)
    }
}

@keyframes moveimg3 {
    0% {
        transform: translateX(0%)
    }
    100% {
        transform: translateX(100%)
    }
}

@keyframes moveimg4 {
    0% {
        transform: translateX(-100%)
    }
    100% {
        transform: translateX(0%)
    }
}

@keyframes posM {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes layuiMove {
    0% {
        transform: scale(0.3)
    }
    50% {
        transform: scale(0.8)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes imgBgMove {
    0% {
        transform: scale(1);
        opacity: 1
    }
    50% {
        transform: scale(6);
        opacity: 1
    }
    100% {
        transform: scale(10);
        opacity: 0
    }
}

.guide {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.guide .guide-bg {
    overflow: hidden;
    height: 100vh;
    width: 100%
}

.guide .imgBg {
    height: 100vh
}

.guide .bot {
    position: absolute;
    left: 0;
    bottom: 3.3333vw;
    width: 100%;
    z-index: 10
}

.guide .box {
    width: 91.6667vw;
    margin: 0 auto
}

.guide .title p {
    font-size: 1.8229vw;
    line-height: 1.3333;
    background: linear-gradient(90deg, #00a13c 0%, #4FB9FE 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 700
}

.guide .bar {
    margin-top: 2.0833vw;
    position: relative
}

.guide .process {
    background: #ABC4DB;
    height: 1px;
    overflow: hidden;
    position: relative
}

.guide .bg {
    width: 0;
    height: 1px;
    background: #00a13c;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

.guide .num {
    position: absolute;
    right: 0;
    top: -5.2083vw;
    font-size: 1.4063vw;
    line-height: 3.9063vw;
    color: #00a13c
}

.guide .num span {
    font-size: 2.9167vw
}

.guide .imgBg-show {
    animation: imgBgMove 3s linear 1
}

.dots {
    position: fixed;
    left: 2.6042vw;
    top: 0;
    width: 1.3542vw;
    height: 100vh;
    z-index: 10;
    display: flex;
    align-items: center
}

.dots .item {
    width: 1.3542vw;
    height: 1.3542vw;
    position: relative;
    margin: 0.2604vw 0;
    opacity: 1;
    cursor: pointer
}

.dots .item::after {
    content: '';
    width: 0.3125vw;
    height: 0.3125vw;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.dots .item::before {
    content: '';
    width: 1.3542vw;
    height: 1.3542vw;
    box-sizing: border-box;
    border: 1px solid #fff;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0, 0);
    transition: .3s linear;
    border-radius: 50%
}

.dots .active::after {
    background: #fff
}

.dots .active::before {
    transform: scale(1, 1)
}

.dots-bk .item::after {
    background: rgba(151, 151, 151, 0.3)
}

.dots-bk .item::before {
    border-color: #00a13c
}

.dots-bk .active::after {
    background: #00a13c
}

.home {
    position: relative
}

.home .swiper-banner video, .home .swiper-banner img {
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover
}

.home .swiper-banner .main {
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    padding-bottom: 3.9583vw
}

.home .swiper-banner .title {
    font-size: 3.2813vw;
    line-height: 1.4286;
    color: #fff;
    font-weight: 700
}

.home .swiper-banner .txt {
    font-size: 1.25vw;
    line-height: 1.3333;
    color: #fff;
    font-weight: 300;
    margin-top: 0.7292vw
}

.home .swiper-banner .learn-more {
    margin-top: 2.6042vw
}

.home .swiper-banner .swiper-button-next, .home .swiper-banner .swiper-button-prev {
    width: 2.9167vw;
    height: 2.9167vw;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    background: none;
    left: auto;
    top: auto;
    margin: 0;
    right: 7.6042vw;
    bottom: 3.5937vw;
    transition: .3s linear
}

.home .swiper-banner .swiper-button-next::after, .home .swiper-banner .swiper-button-prev::after {
    display: none
}

.home .swiper-banner .swiper-button-next i, .home .swiper-banner .swiper-button-prev i {
    display: block;
    width: 1.4vw;
    height: 1.4vw;
    background: url("/static/images/common/banner_arrow.png") no-repeat;
    background-size: cover
}

.home .swiper-banner .swiper-button-next:hover, .home .swiper-banner .swiper-button-prev:hover {
    background: #00a13c;
    border-color: #00a13c
}

.home .swiper-banner .swiper-button-next {
    right: 4.1667vw
}

.home .swiper-banner .swiper-button-next i {
    transform: rotate(180deg)
}

.home .layui-box {
    background: #F0F6FD
}

.home .layui-box .container {
    padding-top: 10.4167vw
}

.home .layui-box .top {
    position: relative;
    z-index: 10
}

.home .layui-box .com-tit {
    color: rgba(0, 0, 0, 0.8)
}

.home .layui-box .info {
    font-size: 1.5vw;
    line-height: 2.1176;
    color: rgba(0, 0, 0, 0.8);
    width: 36.875vw;
    margin-top: 0.8854vw
}

.home .layui-box .list {
    display: flex;
    margin-top: 5.4688vw
}

.home .layui-box .list .item {
    display: block;
    width: 33.3333%;
    position: relative
}

.home .layui-box .list .item::before {
    content: '';
    width: 100%;
    height: 28.8021vw;
    background: linear-gradient(180deg, rgba(19, 149, 255, 0.06) 0%, rgba(19, 149, 255, 0.024) 100%);
    border-radius: 50%;
    left: 0;
    top: -64%;
    position: absolute;
    opacity: 0;
    transition: .3s linear;
    transform-origin: 50% 50%;
    transform: scale(0.3, 0.3);
    animation: layuiMove 3s linear infinite
}

.home .layui-box .list .img {
    width: 18.2813vw;
    margin: 0 auto;
    transition: .3s linear
}

.home .layui-box .list img {
    display: block;
    width: 100%
}

.home .layui-box .list P {
    font-size: 1.1458vw;
    line-height: 1.3182;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700;
    transition: .3s linear
}

.home .layui-box .list i {
    display: block;
    width: 1.3542vw;
    height: 1.3542vw;
    border: 1.6px solid #00a13c;
    border-radius: 50%;
    box-sizing: border-box;
    background: url("/static/images/common/learn_h_arrow.png") no-repeat center center;
    background-size: 0.625vw 0.625vw;
    margin-left: 0.5208vw
}

.home .layui-box .list .active::before {
    opacity: 1
}

.home .layui-box .list .active .img {
    transform: scale(1.78) translate(0, -2.0833vw)
}

.home .layui-box .list .active p {
    transform: scale(1.45)
}

.home .layui-box .nav {
    display: flex;
    justify-content: center;
    margin-top: 3.6458vw
}

.home .layui-box .nav .item {
    display: flex;
    align-items: center;
    margin: 0 3.4375vw;
    position: relative;
    cursor: pointer
}

.home .layui-box .nav p {
    font-size: 1.1458vw;
    line-height: 1.3182;
    color: rgba(0, 0, 0, 0.8)
}

.home .layui-box .nav i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8229vw;
    height: 1.8229vw;
    box-sizing: border-box;
    border: 1.6px solid rgba(19, 85, 255, 0.5);
    border-radius: 50%;
    margin-right: 0.7292vw
}

.home .layui-box .nav i::after {
    content: '';
    width: 0.6771vw;
    height: 0.6771vw;
    background: #00a13c;
    border-radius: 50%
}

.home .layui-box .erify {
    position: absolute;
    left: 50%;
    bottom: 1.8229vw;
    width: 26.0938vw;
    transform: translateX(-50%);
    padding-bottom: 2.8646vw;
    display: none
}

.home .layui-box .box {
    background: url("/static/images/common/three_bg.png") no-repeat center center;
    background-size: cover;
    padding: 1.5625vw 1.5104vw 1.2vw 1.5625vw;
    box-shadow: 0px 8px 30px 0px rgba(114, 150, 180, 0.25);
    position: relative;
    border-radius: 0.5208vw
}

.home .layui-box .box::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 1.2vw solid transparent;
    border-right: 1.2vw solid transparent;
    border-top: 1.2vw solid #DEEEFD;
    position: absolute;
    left: 50%;
    bottom: -0.8033vw;
    transform: translateX(-50%)
}

.home .layui-box .step {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 0.5208vw;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 8px 8px 35px 0px rgba(0, 77, 178, 0.12);
    padding: 1.2vw 0.625vw;
    margin-bottom: 0.5208vw;
    cursor: pointer
}

.home .layui-box .step .img {
    width: 3.6458vw;
    height: 4.1667vw
}

.home .layui-box .step img {
    display: block;
    max-width: 100%;
    max-height: 4.1667vw
}

.home .layui-box .step .right {
    width: 16.9792vw
}

.home .layui-box .step .name {
    font-size: 1.5vw;
    line-height: 1.5294;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700
}

.home .layui-box .step .txt {
    font-size: 0.7292vw;
    line-height: 1.7143;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 0.5208vw;
    display: none
}

.home .layui-box .step:hover .txt {
    display: block
}

.home .layui-new-box {
    position: relative
}

.home .layui-new-box .bg-list .imgBg {
    height: 100vh;
    opacity: 0;
    transition: .3s linear
}

.home .layui-new-box .bg-list .active {
    opacity: 1
}

.home .layui-new-box::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    background: linear-gradient(180deg, transparent 48.16%, rgba(0, 0, 0, 0.3) 91.79%)
}

.home .swiper-layui {
    height: 100vh;
    width: 100%;
    z-index: 10
}

.home .swiper-layui a {
    display: flex;
    width: 100%;
    height: 100vh;
    align-items: end;
    box-sizing: border-box;
    padding-bottom: 4.375vw
}

.home .swiper-layui a::before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(79, 185, 254, 0) 17.13%, rgba(19, 85, 255, 0.6) 108.41%);
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: .3s linear
}

.home .swiper-layui a::after {
    content: '';
    right: 0;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%)
}

.home .swiper-layui .box {
    width: 100%;
    box-sizing: border-box;
    padding: 0 3.6458vw;
    position: relative;
    z-index: 10
}

.home .swiper-layui img {
    display: block;
    height: 5vw;
    margin: 0 auto
}

.home .swiper-layui .title {
    font-size: 1.25vw;
    line-height: 1.3214;
    text-align: center;
    font-weight: 700;
    color: #fff;
    margin-top: 1.2vw
}

.home .swiper-layui .txt {
    font-size: 1.1vw;
    line-height: 1.7;
    margin-top: 1.8229vw;
    display: none;
    transition: .3s linear;
    color: #fff;
    text-align: justify
}

.home .swiper-layui .load-more {
    width: 8.125vw;
    height: 2.7083vw;
    box-sizing: border-box;
    margin: 2.1875vw auto 0;
    border: 1px solid #fff;
    border-radius: 1.3542vw;
    padding: 0 1.1458vw;
    font-size: 1.1vw;
    color: #fff;
    display: none;
    transition: .3s linear
}

.home .swiper-layui i {
    display: block;
    width: 1.4vw;
    height: 1.4vw;
    background: url("/static/images/common/learn_arrow.png") no-repeat;
    background-size: cover
}

.home .swiper-layui .active a::before {
    opacity: 1
}

.home .swiper-layui .active img {
    opacity: 0
}

.home .swiper-layui .active .txt {
    display: block
}

.home .swiper-layui .active .load-more {
    display: flex
}

.home .swiper-layui .swiper-pagination {
    opacity: 0
}

.home .remark {
    position: absolute;
    left: 0;
    top: 10.3646vw;
    width: 100%;
    z-index: 90
}

.home .remark .top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.home .remark .tit {
    font-size: 2.3958vw;
    line-height: 1.3261;
    color: #fff;
    font-weight: 700
}

.home .remark .nav {
    display: flex
}

.home .remark .item {
    display: block;
    padding: 0 1.2vw;
    font-size: 1.1vw;
    line-height: 2.2857;
    color: #fff;
    border-radius: 0.9896vw;
    margin-right: 0.5208vw;
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0px 15px 33.42px 0px rgba(132, 167, 197, 0.15);
    transition: .3s linear
}

.home .remark .item:hover {
    background: #00a13c;
    border-color: #00a13c
}

.home .remark .active {
    background: #00a13c;
    border-color: #00a13c
}

.home .remark .sub-tit {
    margin-top: 0.5208vw;
    font-size: 1.8229vw;
    line-height: 1.8;
    color: #fff;
    text-align: right;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.3)
}

.home .future-box {
    background-image: url("/static/images/common/future_bg.jpg");
    padding-top: 9.375vw
}

.home .future-box .com-tit {
    color: rgba(0, 0, 0, 0.8)
}

.home .future-box .tips {
    margin-top: 1.2vw;
    font-size: 1.1458vw;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.6364
}

.home .future-box .list {
    display: flex;
    justify-content: space-between;
    margin-top: 1.9792vw
}

.home .future-box .item {
    width: 6.25vw;
    height: 29.375vw;
    border-radius: 1.2vw;
    overflow: hidden;
    transition: .5s all;
    cursor: pointer
}

.home .future-box .box {
    height: 29.375vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 0 2.0833vw 1.5625vw
}

.home .future-box .active {
    width: 51.2vw
}

.home .future-box .active .box {
    padding: 0 2.7604vw 2.7083vw;
    align-items: flex-start
}

.home .future-box .active .title {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 2.3438vw;
    font-size: 1.7708vw;
    width: 100%
}

.home .future-box .active .more {
    display: none
}

.home .future-box .active .txt {
    display: block
}

.home .future-box .title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 11.6667vw;
    text-align: center;
    width: 1.5625vw;
    font-size: 1.3542vw;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    margin: 0 auto;
    transition: .5s all
}

.home .future-box .more {
    box-sizing: border-box;
    width: 1.9792vw;
    height: 1.9792vw;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    margin: 1.4583vw auto 0
}

.home .future-box .more i {
    display: block;
    width: 0.7292vw;
    height: 0.7292vw;
    position: relative
}

.home .future-box .more i::before {
    content: '';
    width: 2px;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px
}

.home .future-box .more i::after {
    content: '';
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px
}

.home .future-box .txt {
    font-size: 1.1vw;
    line-height: 1.8;
    color: #fff;
    width: 24.5833vw;
    margin-top: 1.2vw;
    display: none;
    transition: .5s all;
    text-align: justify
}

.home .swiper-hold .box {
    padding: 0 1.6667vw
}

.home .global-box {
    position: relative
}

.home .global-box .map {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 65.3646vw;
    z-index: 10
}

.home .global-box .map .bg {
    display: block;
    width: 100%
}

.home .global-box .map .logo {
    display: block;
    width: 14.7396vw;
    position: absolute;
    right: 9.4792vw;
    bottom: 18.5833vw
}

.home .global-box .container {
    padding-top: 10.4167vw
}

.home .global-box .com-tit {
    color: rgba(0, 0, 0, 0.8)
}

.home .global-box .data-list {
    margin-top: 2.75vw;
    width: 24.2708vw
}

.home .global-box .data-list .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 5vw;
    border-bottom: 1px dashed #71A7C3;
    box-sizing: border-box
}

.home .global-box .data-list .box {
    display: flex;
    align-items: flex-end
}

.home .global-box .data-list .pic {
    width: 2.6042vw
}

.home .global-box .data-list .num {
    font-size: 1.2vw;
    font-family: 'Alibaba PuHuiTi 2.0';
    font-weight: 700;
    line-height: 3.3333vw;
    color: #00a13c
}

.home .global-box .data-list .num span {
    font-size: 2.3958vw;
    font-weight: 500;
    font-family: 'Alibaba PuHuiTi 2.0'
}

.home .global-box .data-list p {
    font-size: 1.2vw;
    line-height: 1.4444;
    color: rgba(0, 0, 0, 0.6);
    margin-left: 0.625vw
}

.home .global-box .pointer {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 10
}

.home .global-box .pointer p {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.7813vw;
    height: 1.7188vw;
    border-radius: 1.2vw;
    background: #fff;
    font-size: 0.7292vw;
    color: #3CBD15;
    font-weight: 700
}

.home .global-box .pointer i {
    display: block;
    width: 1.2vw;
    height: 1.25vw;
    background: url("/static/images/common/green_icon.png") no-repeat;
    background-size: cover;
    margin: 0.4167vw auto 0;
    animation: posM 2s infinite
}

.home .global-box .shanghai {
    right: 7.1875vw;
    bottom: 20.6771vw
}

.home .global-box .shanghai p {
    color: #00a13c
}

.home .global-box .shanghai i {
    width: 1.6406vw;
    height: 1.9792vw;
    background-image: url("/static/images/common/blue_icon.png")
}

.home .global-box .usa {
    right: 5.7292vw;
    bottom: 34.1667vw
}

.home .global-box .japan {
    right: 1.1979vw;
    bottom: 24.9479vw
}

.home .global-box .thailand {
    right: 22.825vw;
    bottom: 11.4063vw
}

.home .global-box .malaysia {
    right: 23.1417vw;
    bottom: 6.1458vw
}

.home .global-box .singapore {
    right: 22.0479vw;
    bottom: 2.3958vw
}

.home .global-box .india {
    right: 36.0021vw;
    bottom: 14.5313vw
}

.home .global-box .india p::before {
    content: '';
    width: 0.5729vw;
    height: 0.6771vw;
    background: url("/static/images/common/green_icon.png") no-repeat;
    background-size: cover;
    margin-right: 0.2083vw
}

.home .global-box .india i {
    width: 1.6406vw;
    height: 1.9792vw;
    background-image: url("/static/images/common/blue_icon.png")
}

.home .global-box .austria {
    right: 36.5083vw;
    bottom: 27.0375vw
}

.home .global-box .germany {
    right: 39.7083vw;
    bottom: 28.125vw
}

.home .global-box .germany p::before {
    content: '';
    width: 0.5729vw;
    height: 0.6771vw;
    background: url("/static/images/common/green_icon.png") no-repeat;
    background-size: cover;
    margin-right: 0.2083vw
}

.home .global-box .germany i {
    width: 1.6406vw;
    height: 1.9792vw;
    background-image: url("/static/images/common/blue_icon.png")
}

.home .global-box .switzerland {
    right: 39.8125vw;
    bottom: 24.0438vw
}

.home .global-box .france {
    right: 42.3646vw;
    bottom: 25.5417vw
}

.home .global-box .spain {
    right: 44.5521vw;
    bottom: 22.2292vw
}

.home .global-box .italy {
    right: 46.7917vw;
    bottom: 18.2708vw
}

.home .global-box .mexico {
    right: 2.1292vw;
    bottom: 32.1667vw
}

.home .global-box .mexico i {
    width: 1.6406vw;
    height: 1.9792vw;
    background-image: url("/static/images/common/blue_icon.png")
}

.home .global-box .nav {
    position: absolute;
    right: 2.8646vw;
    bottom: 2.4479vw;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    border-radius: 0.3125vw;
    padding: 0.5208vw 0.7813vw 0.3646vw 0.625vw;
    z-index: 10
}

.home .global-box .nav .item {
    display: flex;
    align-items: center;
    font-size: 0.7292vw;
    line-height: 1.8571;
    margin-bottom: 0.3646vw;
    color: #fff
}

.home .global-box .nav .item i {
    display: block;
    width: 0.8594vw;
    height: 1.2vw;
    background: url("/static/images/common/blue_icon.png") no-repeat;
    background-size: cover;
    margin-right: 0.4167vw
}

.home .global-box .nav .item:last-child {
    color: #3CBD15
}

.home .global-box .nav .item:last-child i {
    background-image: url("/static/images/common/green_icon.png")
}

.home .partner-box {
    background-image: url("/static/images/common/partner_bg.jpg");
    position: relative
}

.home .partner-box::after {
    content: '';
    width: 100%;
    height: 14.8958vw;
    background: url("/static/images/common/partner_bot.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0
}

.home .partner-box .container {
    padding-top: 10.4167vw
}

.home .partner-box .com-tit {
    color: rgba(0, 0, 0, 0.8)
}

.home .partner-box .main {
    margin-top: 5.2083vw;
    position: relative;
    z-index: 10
}

.home .partner-box .list {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.4583vw
}

.home .partner-box .list:hover .maquee {
    animation-play-state: paused
}

.home .partner-box .item {
    width: 16.1458vw;
    height: 6.25vw;
    background: #fff;
    border-radius: 1.2vw;
    box-shadow: 0px 10px 30px 0px rgba(120, 153, 162, 0.1);
    margin: 0 0.7292vw
}

.home .partner-box img {
    display: block;
    max-width: 11.4583vw;
    max-height: 4.1667vw
}

.home .partner-box .maquee {
    display: flex;
    width: calc(17.6042vw * var(--move-num))
}

.home .partner-box .maquee1 {
    animation: moveimg1 calc(4.5s * var(--move-num)) linear infinite
}

.home .partner-box .maquee2 {
    position: absolute;
    top: 0;
    transform: translateX(100%);
    animation: moveimg2 calc(4.5s * var(--move-num)) linear infinite
}

.home .partner-box .maquee3 {
    animation: moveimg3 calc(4.5s * var(--move-num)) linear infinite
}

.home .partner-box .maquee4 {
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    animation: moveimg4 calc(4.5s * var(--move-num)) linear infinite
}

.home .study-box {
    position: relative;
    overflow: hidden
}

.home .study-box .com-tit {
    color: rgba(0, 0, 0, 0.8)
}

.home .study-box .container {
    height: 100vh;
    position: relative;
    box-sizing: border-box;
    padding-top: 10.3646vw
}

.home .study-box .cell {
    padding-bottom: 2.5521vw
}

.home .study-box .cell:last-child {
    padding-bottom: 0
}

.home .study-box .data-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.9271vw;
    width: 35.9375vw
}

.home .study-box .data-list .item {
    width: 11.6667vw;
    margin-bottom: 2.0833vw
}

.home .study-box .data-list .item:nth-child(3n) {
    width: 12.0833vw
}

.home .study-box .data-list .num {
    font-size: 1.7708vw;
    line-height: 3.2813vw;
    font-family: 'Alibaba PuHuiTi 2.0';
    font-weight: 500;
    color: #00a13c
}

.home .study-box .data-list .num span {
    font-family: 'Alibaba PuHuiTi 2.0';
    font-size: 2.3438vw
}

.home .study-box .data-list p {
    font-size: 1.2vw;
    line-height: 1.4444;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 0.5208vw
}

.home .study-box .list {
    display: flex;
    flex-wrap: wrap;
    width: 23.9584vw;
    margin-top: 1.1979vw
}

.home .study-box .list .item {
    width: 11.9792vw;
    box-sizing: border-box;
    position: relative;
    padding-left: 1.4vw;
    font-size: 1.1vw;
    line-height: 2.5556;
    color: rgba(0, 0, 0, 0.6)
}

.home .study-box .list .item::before {
    content: '';
    width: 0.3646vw;
    height: 0.3646vw;
    background: #00a13c;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.home .study-box .bg {
    height: 100vh;
    position: relative;
    z-index: 10;
    background-image: url("/static/images/common/study_bg.png")
}

.home .study-box .tips {
    font-size: 1.1vw;
    line-height: 1.3333;
    color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 6.7708vw;
    bottom: 2.3438vw
}

.home .study-box .mountain {
    position: absolute;
    right: 0;
    top: 0;
    width: 69.7917vw;
    height: 100%;
    background-image: url("/static/upload/2025-11/6916c4fbc014b.jpg");
    z-index: 1;
    transform: scale(1);
    transition: 4s ease-in-out
}

.home .study-box .cloud {
    width: 100%;
    height: 25.8854vw;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

.home .study-box .move-cloud {
    width: 100%;
    height: 25.8854vw;
    background-image: url("/static/images/common/cloud.png")
}

.home .study-box .cloud-1 {
    animation: moveimg1 50s linear infinite
}

.home .study-box .cloud-2 {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(100%);
    animation: moveimg2 50s linear infinite
}

.home .news-box .container {
    padding-top: 10.3646vw
}

.home .news-box .com-tit {
    color: rgba(0, 0, 0, 0.8)
}

.home .news-box .learn-more {
    height: 2.3958vw;
    border-color: #00a13c;
    padding: 0 0.6771vw;
    font-size: 1.1vw;
    color: rgba(0, 0, 0, 0.8)
}

.home .news-box .learn-more i {
    background-image: url("/static/images/common/learn_h_arrow.png")
}

.home .news-box .learn-more:hover {
    color: #fff
}

.home .news-box .learn-more:hover i {
    background-image: url("/static/images/common/learn_arrow.png")
}

.home .swiper-news {
    margin-top: 2.8125vw;
    padding: 1.2vw 0 4.5313vw
}

.home .swiper-news .link {
    display: block;
    background: linear-gradient(107.67deg, rgba(255, 255, 255, 0.8) 10.7%, rgba(255, 255, 255, 0) 90.49%);
    border-radius: 0.5208vw;
    overflow: hidden;
    transition: .3s linear
}

.home .swiper-news .link:hover {
    transform: translateY(-1.2vw);
    background: #00a13c
}

.home .swiper-news .link:hover .box {
    height: 10.6771vw
}

.home .swiper-news .link:hover .pic {
    height: 12.2396vw
}

.home .swiper-news .link:hover .pic img {
    height: 12.2396vw
}

.home .swiper-news .link:hover .time {
    color: #fff
}

.home .swiper-news .link:hover .icon {
    opacity: 1
}

.home .swiper-news .link:hover .title {
    color: #fff
}

.home .swiper-news .box {
    box-sizing: border-box;
    height: 13.5417vw;
    padding: 2.3438vw 2.2917vw 0 2.6042vw;
    transition: .3s linear
}

.home .swiper-news .time {
    font-size: 1.1vw;
    line-height: 1.154;
    color: rgba(0, 0, 0, 0.3);
    font-weight: 600;
    font-family: 'Roboto'
}

.home .swiper-news .icon {
    width: 1.7708vw;
    height: 1.7708vw;
    background: #fff;
    border-radius: 50%;
    opacity: 0
}

.home .swiper-news .icon i {
    display: block;
    width: 1.4vw;
    height: 1.4vw;
    background: url("/static/images/common/learn_h_arrow.png") no-repeat;
    background-size: cover
}

.home .swiper-news .title {
    margin-top: 1.6667vw;
    line-height: 1.4;
    font-size: 1.1vw;
    color: rgba(0, 0, 0, 0.8)
}

.home .swiper-news .pic {
    height: 9.375vw;
    transition: .3s linear
}

.home .swiper-news .pic img {
    height: 9.375vw;
    object-fit: cover
}

.home .about-box .container {
    height: 100vh;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 7.3958vw
}

.home .about-box .box {
    width: 30.5208vw;
    height: 31.4vw;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(40px);
    border-radius: 0.5208vw;
    padding: 3.125vw 2.2917vw 4.1667vw 3.3333vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.home .about-box .info {
    font-size: 1.2vw;
    line-height: 2;
    color: rgba(0, 0, 0, 0.8);
    width: 21.4vw;
    text-align: justify
}

.home .about-box .bot {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.home .about-box img {
    display: block;
    width: 14.375vw
}

.home .about-box .learn-more {
    border-color: #00a13c;
    background: #00a13c
}

.home .sustain-box {
    position: relative
}

.home .sustain-box .container {
    padding-top: 16.3542vw
}

.home .sustain-box .learn-more {
    margin-top: 2.6042vw;
    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(10px)
}

.home .sustain-box .learn-more:hover {
    background: #00a13c
}

.home .sustain-box .right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 35.1563vw;
    height: 30.8854vw;
    background: url("/static/images/common/sustain_bg.png") no-repeat;
    background-size: cover;
    z-index: 10;
    box-sizing: border-box;
    padding: 0 8.75vw 5.2083vw 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.home .sustain-box .report-link {
    display: block
}

.home .sustain-box .report-link .pic {
    width: 12.6563vw;
    margin: 0 auto
}

.home .sustain-box .report-link .name {
    margin-top: 1.3021vw;
    font-size: 1.2vw;
    line-height: 1.5556;
    color: #fff;
    font-weight: 700;
    text-align: center;
    width: 14.0625vw
}

.home .sustain-box .report-link .sub-company {
    font-size: 1.1vw;
    text-align: center;
    color: #fff;
    line-height: 1.5
}

.home .fp-completely .study-box .mountain {
    transform: scale(1.1)
}

.investor .intro-box {
    padding-top: 7.8125vw
}

.investor .intro-box .title {
    font-size: 1.7708vw;
    line-height: 1.5294;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700
}

.investor .intro-box .main {
    background-image: url("/static/images/common/investor_intro.jpg");
    border-radius: 0.5208vw;
    box-sizing: border-box;
    height: 28.6458vw;
    padding: 4.0625vw 3.6458vw 5.1042vw 4.0104vw;
    margin-top: 1.9792vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.investor .intro-box .code {
    font-size: 1.9792vw;
    line-height: 1.2632;
    color: #fff;
    font-weight: 700
}

.investor .intro-box .bot {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.investor .intro-box .list {
    display: flex;
    align-items: center
}

.investor .intro-box img {
    display: block;
    height: 2.2917vw
}

.investor .intro-box p {
    margin-top: 1.4583vw;
    font-size: 1.2vw;
    line-height: 1.3333;
    color: #fff
}

.investor .intro-box .txt {
    font-size: 1.1458vw;
    line-height: 1.3182;
    color: #fff;
    font-weight: 700;
    margin-top: 0.7813vw
}

.investor .intro-box .line {
    width: 1px;
    height: 7.1875vw;
    background: rgba(255, 255, 255, 0.3);
    margin: 0 2.6042vw
}

.investor .intro-box .learn-more {
    width: 9.6875vw;
    height: 3.125vw;
    border-radius: 1.5625vw;
    margin-bottom: 0.5208vw
}

.investor .report-box {
    padding-top: 13.5417vw;
    position: relative
}

.investor .report-box .container {
    display: flex;
    justify-content: space-between
}

.investor .report-box .com-tit {
    color: rgba(0, 0, 0, 0.8)
}

.investor .report-box .tips {
    font-size: 1.1vw;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.8);
    margin-top: 0.9375vw
}

.investor .report-box .year-select {
    margin-top: 3.5937vw
}

.investor .swiper-report {
    width: 64.375vw;
    padding-bottom: 4.7917vw
}

.investor .swiper-report .swiper-scrollbar {
    width: 90%
}

.investor .swiper-report .link {
    display: block;
    height: 25.1042vw;
    box-sizing: border-box;
    padding: 2.0833vw 1.7708vw 0;
    border-radius: 0.5208vw;
    background: #00a13c;
    position: relative
}

.investor .swiper-report .link::before {
    content: '';
    width: 14.7917vw;
    height: 23.5417vw;
    background: url("/static/images/common/report_a.png") no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0
}

.investor .swiper-report .link::after {
    content: '';
    width: 100%;
    height: 10.5208vw;
    background: url("/static/images/common/report_bg.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0
}

.investor .swiper-report .box {
    position: relative;
    z-index: 10
}

.investor .swiper-report img {
    display: block;
    width: 5.5729vw
}

.investor .swiper-report .title {
    font-size: 1.25vw;
    line-height: 1.5833;
    color: #fff;
    font-weight: 700;
    margin-top: 3.4375vw
}

.news .recom-box {
    padding-top: 10.2083vw
}

.news .swiper-news {
    padding-bottom: 5.2083vw
}

.news .swiper-news a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 28.6458vw
}

.news .swiper-news a::after {
    content: '';
    width: 42.9688vw;
    height: 100%;
    background: linear-gradient(105.33deg, rgba(244, 244, 244, 0) -8.59%, rgba(244, 244, 244, 0.8) 91.07%);
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0.5208vw
}

.news .swiper-news .pic {
    width: 49.2708vw;
    height: 28.6458vw;
    border-radius: 0.5208vw;
    overflow: hidden;
    position: relative;
    z-index: 5
}

.news .swiper-news .pic img {
    height: 28.6458vw;
    object-fit: cover
}

.news .swiper-news .main {
    width: 37.1875vw;
    box-sizing: border-box;
    padding: 0 3.5937vw 0 4.1146vw;
    position: relative;
    z-index: 5
}

.news .swiper-news .time {
    font-size: 1.1vw;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.3);
    font-family: 'Roboto'
}

.news .swiper-news .title {
    font-size: 1.4583vw;
    line-height: 1.4286;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700;
    margin-top: 1.5625vw
}

.news .swiper-news .txt {
    font-size: 1.5vw;
    line-height: 1.7647;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 1.5625vw
}

.news .swiper-news .learn-more {
    margin-top: 2.6042vw;
    width: 7.2917vw;
    height: 2.3958vw;
    border-color: #00a13c;
    color: #00a13c
}

.news .swiper-news .learn-more i {
    background-image: url("/static/images/common/learn_h_arrow.png")
}

.news .swiper-news .learn-more:hover {
    color: #fff
}

.news .swiper-news .learn-more:hover i {
    background-image: url("/static/images/common/learn_arrow.png")
}

.news .swiper-news .swiper-button-prev {
    right: auto;
    left: 0
}

.news .main-box {
    padding-top: 7.2917vw
}

.news .main-box .top {
    position: relative;
    z-index: 20
}

.news .main-box .left {
    display: flex;
    align-items: center
}

.news .main-box .left a {
    display: block;
    padding: 0 0.9896vw;
    font-size: 0.7292vw;
    line-height: 1.6667vw;
    border-radius: 0.8854vw;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-left: 0.5208vw;
    color: rgba(0, 0, 0, 0.6);
    transition: .3s linear
}

.news .main-box .left a:hover {
    background: #00a13c;
    color: #fff;
    border-color: #00a13c
}

.news .main-box .left .active {
    background: #00a13c;
    color: #fff;
    border-color: #00a13c
}

.news .main-box .tit {
    font-size: 1.1vw;
    line-height: 1.3125;
    color: rgba(0, 0, 0, 0.8)
}

.news .main-box .right {
    display: flex;
    align-items: center
}

.news .main-box .year-select {
    width: 8.75vw
}

.news .search-box {
    margin-left: 0.5208vw
}

.news .search-box form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 13.0208vw;
    height: 2.7083vw;
    box-sizing: border-box;
    border-radius: 1.3542vw;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.news .search-box .text {
    display: block;
    width: 10.4167vw;
    height: 2.5vw;
    padding: 0 1.2vw;
    font-size: 1.1vw;
    color: rgba(0, 0, 0, 0.6);
    background: none;
    box-sizing: border-box
}

.news .search-box .btn {
    width: 1.1458vw;
    height: 1.1458vw;
    background: url("/static/images/common/search_d.png") no-repeat;
    background-size: cover;
    margin-right: 1.2vw
}

.news .news-list {
    margin-top: 2.0833vw;
    padding-bottom: 0.5208vw
}

.news .back {
    display: block;
    box-sizing: border-box;
    padding-top: 0.5208vw;
    width: 2.8125vw;
    height: 2.8125vw;
    background: #00a13c;
    border-radius: 50%;
    bottom: calc(5% + 3.3125vw);
    right: 1.1979vw;
    z-index: 99;
    position: fixed;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
    color: #fff
}

.newsDet .main-box {
    min-height: 100vh
}

.newsDet .main-box .container {
    padding: 7.7604vw 0 6.25vw
}

.newsDet .main-box .right {
    width: 67.2917vw
}

.newsDet .main-box .right .box {
    width: 52.0833vw
}

.newsDet .main-box .right .ewm {
    width: 5.7292vw
}

.newsDet .main-box .right img {
    display: block;
    width: 100%
}

.newsDet .main-box .back {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 4.6875vw;
    height: 3.6458vw;
    background: #00a13c;
    border-radius: 0.2083vw;
    font-size: 12px;
    color: #fff
}

.newsDet .main-box .back i {
    display: block;
    width: 1.25vw;
    height: 1.25vw;
    background: url("/static/images/common/back_icon.png") no-repeat;
    background-size: cover;
    margin: 0 auto 0.1563vw
}

.newsDet .main-box .back p {
    margin-top: 0.2604vw
}

.newsDet .main-box .top {
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    padding: 2.2917vw 0 2.2917vw;
    display: flex;
    justify-content: space-between
}

.newsDet .main-box .main {
    margin-top: 2.6042vw;
    display: flex;
    justify-content: flex-end
}

.newsDet .main-box .title {
    font-size: 1.875vw;
    font-weight: 700;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.8)
}

.newsDet .main-box .time {
    font-size: 1.1vw;
    line-height: 1.5;
    margin-top: 0.5208vw;
    color: rgba(0, 0, 0, 0.6)
}

.newsDet .main-box .content {
    font-size: 1.1vw;
    line-height: 1.875;
    color: rgba(0, 0, 0, 0.6)
}

.newsDet .main-box .content table, .newsDet .main-box .content img {
    max-width: 100%
}

.newsDet .main-box .content p {
    margin-bottom: 1.2vw
}

.newsDet .main-box .news-page {
    margin-top: 2.6042vw;
    display: flex;
    justify-content: space-between
}

.newsDet .main-box .news-page a {
    display: flex;
    align-items: center;
    max-width: 48%;
    font-size: 1.1vw;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.5
}

.newsDet .main-box .news-page a:hover {
    color: #00a13c
}

.newsDet .main-box .news-page .next {
    text-align: right
}

.newsDet .swiper-newsdet {
    height: 100vh
}

.newsDet .swiper-info {
    height: 100vh
}

.newsDet .swiper-info .swiper-slide {
    height: auto !important
}

.newsDet .swiper-info .swiper-scrollbar {
    right: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1)
}

.newsDet .swiper-info .swiper-scrollbar-drag {
    background: #00a13c
}

.paper .main-box {
    padding-top: 7.8125vw;
    overflow: hidden
}

.paper .main-box .container {
    display: flex;
    justify-content: space-between
}

.paper .main-box .left {
    padding-top: 1.5625vw
}

.paper .main-box .com-tit {
    color: rgba(0, 0, 0, 0.8)
}

.paper .main-box .tips {
    font-size: 1.1vw;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.8);
    margin-top: 0.9375vw
}

.paper .main-box .year-select {
    margin-top: 3.5937vw
}

.paper .main-box .right {
    width: 55.2083vw
}

.about .intro-box {
    position: relative
}

.about .intro-box .container {
    height: 100vh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    justify-content: space-between;
    padding: 6.375vw 0 3.3333vw;
    position: relative;
    z-index: 10
}

.about .intro-box .info {
    font-size: 1.1vw;
    line-height: 2.125;
    color: #fff;
    margin: 0 auto;
    width: 60vw;
    display: none;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.15), 0 0 20px rgba(0, 0, 0, 0.15)
}

.about .intro-box .info p {
    margin-top: 1.2vw;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 2vw;
    padding: 1.5vw;
    text-indent: 2vw;
}

.about .intro-box .code {
    font-size: 1.1vw;
    line-height: 2.125;
    color: #fff;
    text-align: center
}

.about .intro-box .add {
    width: 3.125vw;
    height: 3.125vw;
    background: #00a13c;
    border-radius: 50%;
    margin: 1.5625vw auto 0
}

.about .intro-box .add i {
    display: block;
    width: 1.4vw;
    height: 1.4vw;
    position: relative
}

.about .intro-box .add i::before {
    content: '';
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px
}

.about .intro-box .add i::after {
    content: '';
    width: 2px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px
}

.about .intro-box .add-show i::after {
    display: none
}

.about .intro-box .data-list {
    display: flex;
    justify-content: space-between;
    padding: 1vw 3vw;
    align-items: flex-start;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 1vw;
}

.about .intro-box .data-list .item {
    display: flex
}

.about .intro-box .data-list img {
    display: block;
    height: 2.2917vw
}

.about .intro-box .data-list .line {
    width: 1px;
    height: 4.2188vw;
    background: rgba(255, 255, 255, 0.2);
    margin: 0 1.6667vw
}

.about .intro-box .data-list .num {
    font-size: 1.0938vw;
    line-height: 2.9167vw;
    color: #fff;
    font-weight: 700;
    font-family: 'Alibaba PuHuiTi 2.0'
}

.about .intro-box .data-list .num span {
    font-size: 2.9167vw;
    font-family: 'Alibaba PuHuiTi 2.0'
}

.about .intro-box .data-list p {
    font-size: 1.1vw;
    line-height: 1.4444;
    color: #fff;
    margin-top: 0.4167vw
}

.about .leader-box {
    background-image: url("/static/images/common/leader_bg.jpg");
    position: relative
}

.about .leader-box::before {
    content: '';
    width: 39.6354vw;
    height: 19.3229vw;
    background: url("/static/images/common/leader_bg.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0
}

.about .leader-box .container {
    position: relative;
    z-index: 10
}

.about .leader-box .main {
    height: 100vh;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.about .leader-box .pic {
    width: 33.6979vw;
    margin-left: -3.75vw
}

.about .leader-box .right {
    width: 48.4375vw;
    padding-bottom: 3.125vw
}

.about .leader-box .top {
    display: flex;
    align-items: center
}

.about .leader-box .name {
    font-size: 2.3958vw;
    line-height: 1.326;
    color: #00a13c;
    font-weight: 700
}

.about .leader-box .line {
    width: 1px;
    height: 2.3438vw;
    margin: 0 1.1979vw;
    background-color: #AEC5D7
}

.about .leader-box .pos {
    font-size: 1.9271vw;
    line-height: 1.3514;
    color: rgba(0, 0, 0, 0.6)
}

.about .leader-box .infos {
    margin-top: 2.6042vw
}

.about .leader-box .infos .item {
    margin-bottom: 3.6458vw
}

.about .leader-box .infos .item:last-child {
    margin-bottom: 0
}

.about .leader-box .infos .tit {
    border-bottom: 1px solid #BFD0DD;
    display: flex
}

.about .leader-box .infos span {
    display: block;
    font-size: 1.2vw;
    line-height: 1.3333;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700;
    padding-bottom: 1.2vw;
    position: relative
}

.about .leader-box .infos span::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #00a13c;
    position: absolute;
    left: 0;
    bottom: -1px
}

.about .leader-box .txt {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.3438vw
}

.about .leader-box .txt p {
    position: relative;
    margin-bottom: 1.5625vw;
    font-size: 1.25vw;
    line-height: 1.1667;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 700;
    position: relative;
    width: 33.3333%;
    box-sizing: border-box;
    padding-left: 0.7813vw
}

.about .leader-box .txt p::after {
    content: '';
    width: 1px;
    height: 1.2vw;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    background: #BFD0D0
}

.about .leader-box .honor-txt {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.3438vw
}

.about .leader-box .honor-txt p {
    position: relative;
    margin: 0 3.9583vw 2.6042vw 0;
    padding: 0 1.1458vw
}

.about .leader-box .honor-txt p:last-child {
    margin: 0 0 0 -1.1458vw
}

.about .leader-box .honor-txt i {
    display: block;
    width: 1.5104vw;
    height: 2.7083vw;
    background: url("/static/images/common/hl_icon.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: -0.2604vw;
    top: 0
}

.about .leader-box .honor-txt .hr {
    left: auto;
    right: -0.2604vw;
    background-image: url("/static/images/common/hr_icon.png")
}

.about .leader-box .honor-txt span {
    display: block;
    font-size: 1.25vw;
    line-height: 1.1667;
    padding-bottom: 0.625vw;
    position: relative;
    color: rgba(0, 0, 0, 0.6)
}

.about .leader-box .honor-txt span::before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(204, 214, 255, 0.898039) 0%, #94AAFF 40.11%, #2B67FF 71.75%, rgba(205, 211, 255, 0.54) 100%);
    border-radius: 2px
}

.about .leader-box .honor-txt span::after {
    content: '';
    width: 4.0625vw;
    height: 1.5625vw;
    background: url("/static/images/common/five_star.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 2.2396vw;
    transform: translateX(-50%)
}

.about .leader-box .scroll {
    height: 25vw;
    overflow-y: auto;
    padding-right: 2.6042vw
}

.about .history-box {
}

.about .history-box .com-tit {
    color: rgba(0, 0, 0, 0.8)
}

.about .history-box .container {
    padding-top: 7.9167vw
}

.about .history-box .nav {
    position: relative;
    z-index: 10;
    display: flex;
    margin-top: 1.1458vw
}

.about .history-box .nav .item {
    padding: 0 1.5625vw;
    line-height: 2.3958vw;
    border-radius: 1.1979vw;
    margin-right: 1.2vw;
    font-size: 1.1vw;
    color: rgba(0, 0, 0, 0.6);
    background: #fff;
    box-shadow: 0px 15px 33.42px 0px rgba(132, 167, 197, 0.15);
    cursor: pointer;
    transition: .3s linear
}

.about .history-box .nav .active {
    background: #00a13c;
    color: #fff
}

.about .history-box .his-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0.3125vw
}

.about .history-box .swiper-history {
    margin: 1.5625vw 0 0;
    width: 43.8021vw;
    height: 25vw
}

.about .history-box .swiper-history::before {
    content: '';
    width: 0.5208vw;
    height: 100%;
    background: url("/static/images/common/history_line.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: 4.1667vw;
    top: 0
}

.about .history-box .swiper-history .swiper-slide {
    cursor: pointer
}

.about .history-box .swiper-history .swiper-slide-active .year {
    color: #00a13c
}

.about .history-box .swiper-history .swiper-slide-active .year::after {
    opacity: 1
}

.about .history-box .swiper-history .swiper-slide-active .name {
    font-size: 1.875vw;
    line-height: 1.3333;
    opacity: 1;
    font-weight: 700
}

.about .history-box .swiper-history .swiper-slide-active .txt {
    font-size: 1.4583vw;
    line-height: 1.8;
    opacity: 1;
    color: rgba(0, 0, 0, 0.6)
}

.about .history-box .swiper-history .swiper-slide-active .tips, .about .history-box .swiper-history .swiper-slide-active .num {
    opacity: 1
}

.about .history-box .swiper-history .swiper-pagination {
    opacity: 0
}

.about .history-box .row {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.about .history-box .row .right {
    width: 34.1667vw;
    position: relative
}

.about .history-box .year {
    font-size: 1.25vw;
    line-height: 1.6667;
    color: rgba(0, 0, 0, 0.3);
    position: relative;
    padding-right: 1.5625vw;
    font-weight: 700
}

.about .history-box .year::after {
    content: '';
    width: 0.5208vw;
    height: 1.5625vw;
    background: #00a13c;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.7813vw;
    opacity: 0
}

.about .history-box .name {
    font-size: 1.5625vw;
    line-height: 1.3077;
    color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: .5s ease-out;
    position: relative;
    z-index: 10
}

.about .history-box .txt {
    font-size: 1.1vw;
    line-height: 1.3125;
    color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    margin-top: 0.5208vw;
    transition: .5s ease-out;
    position: relative;
    z-index: 10
}

.about .history-box .tips {
    font-size: 1.1458vw;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.4);
    margin-top: 0.5208vw;
    position: relative;
    z-index: 10;
    opacity: 0;
    transition: .5s ease-out
}

.about .history-box .num {
    position: absolute;
    font-size: 11.4vw;
    font-family: 'Alibaba PuHuiTi 2.0';
    font-weight: 600;
    line-height: 11.4vw;
    left: -1.2vw;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(180.02deg, rgba(255, 255, 255, 0.95) 9.77%, rgba(248, 248, 251, 0.95) 78.29%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    opacity: 0
}

.about .history-box .pic-right {
    width: 37.3438vw
}

.about .history-box .pic-right .img {
    height: 25.5208vw
}

.about .history-box .pic-right img {
    display: block;
    max-width: 100%;
    max-height: 25.5208vw;
    border-radius: 1.2vw
}

.about .swiper-gallery {
    padding-bottom: 10.625vw;
    position: relative
}

.about .swiper-gallery .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 24.8958vw
}

.about .swiper-gallery .left {
    position: relative;
    height: 7.8646vw;
    border-left: 0.2083vw solid #00a13c;
    padding-left: 2.6042vw;
    display: flex;
    align-items: center
}

.about .swiper-gallery .year {
    font-size: 19.8958vw;
    line-height: 25.1042vw;
    background: linear-gradient(180.02deg, rgba(255, 255, 255, 0.8) 9.77%, rgba(248, 248, 251, 0.56) 78.29%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    left: 0.5208vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    position: absolute;
    font-family: "Alibaba PuHuiTi 2.0";
    font-weight: 600
}

.about .swiper-gallery .txt {
    font-size: 1.25vw;
    line-height: 1.6667;
    color: rgba(0, 0, 0, 0.8)
}

.about .swiper-gallery .pic {
    width: 37.3438vw;
    border-radius: 1.2vw;
    overflow: hidden
}

.about .swiper-gallery .swiper-scrollbar {
    display: none
}

.about .swiper-gallery .swiper-button-next, .about .swiper-gallery .swiper-button-prev {
    bottom: 1.9771vw
}

.about .thumbs {
    position: absolute;
    left: 0;
    width: 79.6875vw;
    bottom: 3.1771vw;
    z-index: 10
}

.about .thumbs .swiper {
    width: 75.625vw;
    height: 4.5833vw
}

.about .thumbs .swiper-slide {
    font-size: 1.4063vw;
    line-height: 1.3571;
    color: rgba(0, 0, 0, 0.6);
    font-family: 'Alibaba PuHuiTi 2.0';
    font-weight: 500;
    cursor: pointer;
    width: 121px;
    text-align: center
}

.about .thumbs .swiper-slide-thumb-active {
    font-weight: 800;
    color: #00a13c
}

.about .thumbs .swiper-slide-thumb-active::after {
    content: '';
    width: 23px;
    height: 18px;
    background: url("/static/images/common/course_h_line.png") no-repeat;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

.about .thumbs .line {
    width: 100%;
    height: 1px;
    background: #95B0C8;
    position: absolute;
    left: 0;
    bottom: 0
}

.about .thumbs .line::after {
    content: '';
    width: calc(75.625vw + 22px);
    height: 10px;
    background: url("/static/images/common/course_line.png") repeat-x;
    left: 50%;
    transform: translateX(-50%);
    top: -10px;
    position: absolute
}

.about .honor-box {
    background-image: url("/static/images/common/honor_bg.jpg")
}

.about .honor-box .container {
    padding-top: 7.9167vw;
    position: relative;
    box-sizing: border-box;
    height: 100vh
}

.about .honor-box .com-tit {
    color: rgba(0, 0, 0, 0.8);
    position: relative;
    z-index: 10
}

.about .swiper-honor {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding-bottom: 1.3542vw
}

.about .swiper-honor::after {
    content: '';
    width: 43.8542vw;
    height: 43.8542vw;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 8.14%, rgba(255, 255, 255, 0) 53.33%);
    border-radius: 50%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    position: absolute
}

.about .swiper-honor .swiper {
    width: 73.9583vw;
    z-index: 10
}

.about .swiper-honor .main {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 39.5833vw;
    transform: scale(0.7);
    transition: .3s linear;
    transform-origin: 50% 100%;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 12.2396vw
}

.about .swiper-honor .box {
    opacity: 0;
    transition: .3s linear
}

.about .swiper-honor .line {
    width: 2.5vw;
    height: 0.2604vw;
    background: #00a13c;
    margin: 0 auto
}

.about .swiper-honor .title {
    text-align: center;
    font-size: 1.5625vw;
    line-height: 1.3333;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700;
    margin-top: 1.4583vw
}

.about .swiper-honor .txt {
    font-size: 1.1vw;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    padding: 0 1.2vw;
    margin-top: 0.7813vw
}

.about .swiper-honor .photo {
    height: 16.1458vw;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.about .swiper-honor .img {
    transform: translateY(-31%);
    position: relative
}

.about .swiper-honor .img::after {
    content: '';
    width: 100%;
    height: 5.2083vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 66.72%);
    left: 0;
    top: 100%;
    z-index: 10;
    position: absolute
}

.about .swiper-honor .img img {
    display: block;
    height: 16.1458vw
}

.about .swiper-honor .swiper-slide-prev .main {
    transform: scale(0.7) translateX(-15%)
}

.about .swiper-honor .swiper-slide-next .main {
    transform: scale(0.7) translateX(15%)
}

.about .swiper-honor .swiper-slide-active .main {
    transform: scale(1)
}

.about .swiper-honor .swiper-slide-active .box {
    opacity: 1
}

.about .swiper-honor .swiper-slide-active .img {
    transform: translateX(0px)
}

.about .swiper-honor .swiper-pagination {
    bottom: 5.9375vw
}

.about .swiper-honor .swiper-button-prev {
    left: 0;
    bottom: 5.4167vw
}

.about .swiper-honor .swiper-button-next {
    bottom: 5.4167vw
}

.about .culture-box {
    position: relative
}

.about .culture-box .container {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between
}

.about .culture-box .com-tit {
    margin-top: 6.5625vw
}

.about .culture-box .right {
    margin-right: -6.7708vw;
    display: flex;
    justify-content: flex-end
}

.about .culture-box .nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    padding-right: 3.125vw;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box
}

.about .culture-box .nav .item {
    height: 5.5208vw;
    font-size: 1.25vw;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    transition: .3s linear
}

.about .culture-box .nav .active {
    height: 6.3542vw;
    font-size: 1.875vw;
    color: #fff
}

.about .culture-box .nav .active img {
    opacity: 1
}

.about .culture-box .nav img {
    display: block;
    height: 2.8125vw;
    margin-right: 1.5625vw;
    opacity: 0;
    transition: .3s linear
}

.about .culture-box .tabs {
    width: 65.625vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 10;
    box-sizing: border-box
}

.about .culture-box .tabs .cell {
    position: relative;
    opacity: 0;
    height: 5.5208vw
}

.about .culture-box .tabs .cell::after {
    content: '';
    background: #00a13c;
    width: 0.2083vw;
    height: calc(100% + 0.5208vw);
    left: -1px;
    top: -0.2604vw;
    position: absolute;
    z-index: 10
}

.about .culture-box .tabs .box {
    position: relative
}

.about .culture-box .tabs .box::before {
    content: '';
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: calc(100% + 0.5208vw);
    left: 0;
    top: -0.2604vw;
    position: absolute;
    z-index: 1
}

.about .culture-box .tabs .title {
    display: flex;
    align-items: center;
    padding: 0 4.375vw;
    font-size: 1.875vw;
    line-height: 1.471;
    height: 5.5208vw;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    z-index: 5
}

.about .culture-box .tabs .title span {
    font-weight: 700
}

.about .culture-box .tabs .remark {
    font-size: 1.4583vw;
    line-height: 1.4;
    color: #fff;
    padding: 0 4.375vw 1.2vw
}

.about .culture-box .tabs .cell-active {
    height: 6.3542vw;
    opacity: 1
}

.about .culture-box .tabs .cell-active .title {
    height: 6.3542vw
}

.about .society-box {
}

.about .society-box .container {
    padding-top: 8.125vw
}

.about .society-box .com-tit {
    color: rgba(0, 0, 0, 0.8)
}

.about .society-box .info {
    font-size: 1.1vw;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 1.5625vw
}

.about .swiper-society {
    width: 30.7292vw;
    margin: 7.0833vw 0 0;
    padding-bottom: 3.4375vw
}

.about .swiper-society a {
    box-sizing: border-box;
    height: 18.8958vw;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: linear-gradient(142.57deg, rgba(255, 255, 255, 0.8) 2.28%, rgba(255, 255, 255, 0) 82.73%);
    border: 1px solid #fff;
    border-radius: 0.5208vw;
    backdrop-filter: blur(30px);
    padding-top: 1.8229vw
}

.about .swiper-society .img {
    border: 0.3125vw solid #99C3D0;
    width: 8.3333vw;
    height: 11.7188vw;
    margin: 0 auto
}

.about .swiper-society .img img {
    display: block;
    width: 100%;
    height: 11.7188vw;
    object-fit: cover
}

.about .swiper-society .name {
    height: 3.1667vw;
    text-align: center;
    background: #00a13c;
    color: #fff;
    font-size: 1vw;
    font-weight: 300;
    width: calc(100% + 2px);
    border-radius: 0 0 0.5208vw 0.5208vw;
    margin: 0 0 -1px -1px
}

.join .idea-box {
    background-image: url("/static/images/common/idea_bg.jpg");
    overflow: hidden;
    position: relative
}

.join .idea-box .container {
    display: flex;
    align-items: center;
    height: 100vh;
    justify-content: space-between
}

.join .idea-box .left {
    padding: 0 0 0.7813vw 3.2813vw;
    border-left: 0.2083vw solid #00a13c
}

.join .idea-box .title {
    font-size: 1.1vw;
    line-height: 2.125;
    color: rgba(0, 0, 0, 0.8);
    padding: 0.5208vw 0 1.2vw;
    border-bottom: 1px solid #D9D9D9;
    width: 23.8542vw
}

.join .idea-box .com-tit {
    color: #00a13c;
    margin-top: 1.1458vw
}

.join .idea-box .info {
    font-size: 1.1vw;
    line-height: 2.125;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 1.9271vw;
    width: 26.7708vw
}

.join .idea-box .right {
    position: relative;
    height: 100vh;
    display: flex;
    justify-content: space-between;
    width: 43.2292vw
}

.join .idea-box .right::before, .join .idea-box .right::after {
    content: '';
    width: 55.6771vw;
    height: 22.1354vw;
    background: linear-gradient(180deg, rgba(250, 250, 250, 0.5) 0%, rgba(250, 250, 250, 0) 100%);
    position: absolute;
    left: -5.6771vw;
    top: 0;
    z-index: 5
}

.join .idea-box .right::after {
    top: auto;
    bottom: 0;
    transform: rotate(180deg)
}

.join .idea-box .list {
    height: 100vh;
    width: 21.2vw;
    overflow: hidden;
    position: relative
}

.join .idea-box .list:hover .maquee {
    animation-play-state: paused
}

.join .idea-box .maquee1 {
    animation: donghua1 calc(2.5s * var(--maquee-num)) linear infinite
}

.join .idea-box .maquee2 {
    position: absolute;
    top: 0;
    transform: translateY(100%);
    animation: donghua2 calc(2.5s * var(--maquee-num)) linear infinite
}

.join .idea-box .maquee3 {
    animation: donghua3 calc(2.5s * var(--maquee-num)) linear infinite
}

.join .idea-box .maquee4 {
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    animation: donghua4 calc(2.5s * var(--maquee-num)) linear infinite
}

.join .idea-box .item {
    border-radius: 0.5208vw;
    overflow: hidden;
    margin-bottom: 1.2vw
}

.join .vita-box {
    display: flex;
    justify-content: space-between
}

.join .vita-box .pic {
    position: relative;
    z-index: 10;
    width: 50vw;
    height: calc(100vh - 3.3333vw);
    overflow: hidden;
    border-radius: 0 0.5208vw 0.5208vw 0
}

.join .vita-box .pic .item {
    height: calc(100vh - 3.3333vw)
}

.join .vita-box .main {
    width: 58.4896vw;
    height: calc(100vh - 3.3333vw);
    margin-top: 3.3333vw;
    background: #749bca;
    border-radius: 0.5208vw 0 0 0.5208vw;
    box-sizing: border-box;
    margin-left: -8.4896vw;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 6.7708vw
}

.join .vita-box .box {
    width: 33.3333vw
}

.join .swiper-vita {
    height: 28.6458vw;
    padding-bottom: 2.3958vw
}

.join .swiper-vita .title {
    font-size: 1.1vw;
    line-height: 2.125;
    color: #fff;
    padding-bottom: 1.2vw;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: 23.8542vw
}

.join .swiper-vita .num {
    display: flex;
    align-items: center;
    margin-top: 1.1458vw
}

.join .swiper-vita .num span {
    font-size: 2.3958vw;
    line-height: 1.3261;
    color: #fff;
    font-weight: 700
}

.join .swiper-vita .num .line {
    width: 1px;
    height: 2.3438vw;
    background: rgba(255, 255, 255, 0.3);
    margin: 0 1.2vw
}

.join .swiper-vita .item {
    margin-bottom: 1.5625vw
}

.join .swiper-vita .item:last-child {
    margin-bottom: 0
}

.join .swiper-vita .content {
    font-size: 1.1vw;
    line-height: 1.7;
    color: #fff;
    margin-top: 2.0313vw
}

.join .swiper-vita .swiper-button-prev {
    right: auto;
    left: 0;
    border-color: #fff
}

.join .swiper-vita .swiper-button-prev:hover {
    background: #fff
}

.join .swiper-vita .swiper-button-prev:hover i {
    background-image: url("/static/images/common/sw_h_arrow.png")
}

.join .swiper-vita .swiper-button-prev i {
    background-image: url("/static/images/common/sw_w_arrow.png")
}

.join .swiper-vita .swiper-button-next:hover {
    background: #fff
}

.join .swiper-vita .swiper-button-next:hover i {
    background-image: url("/static/images/common/sw_h_arrow.png")
}

.join .swiper-vita .swiper-button-next i {
    background-image: url("/static/images/common/sw_w_arrow.png")
}

.join .swiper-vita .swiper-pagination-bullet::after {
    background-color: #fff
}

.join .swiper-vita .swiper-pagination-bullet::before {
    border-color: #fff
}

.join .system-box {
    position: relative;
    overflow: hidden;
    background-image: url("/static/images/common/system_bg.jpg")
}

.join .system-box .container {
    position: relative;
    display: flex;
    justify-content: space-between
}

.join .system-box .left {
    width: 36.4583vw;
    padding-top: 6.9687vw
}

.join .system-box .com-tit {
    color: rgba(0, 0, 0, 0.8)
}

.join .system-box .bg-list {
    position: relative;
    margin-top: 2.0833vw;
    height: 22.9167vw;
    border-radius: 0.5208vw;
    overflow: hidden
}

.join .system-box .right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 45.8333vw
}

.join .system-box .nav {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    align-items: center;
    height: 100vh
}

.join .system-box .nav::before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #00a13c
}

.join .system-box .nav .item {
    position: relative;
    z-index: 10;
    width: 5.1563vw;
    height: 5.1563vw;
    box-sizing: border-box;
    margin: 2.6042vw 0;
    border-radius: 50%;
    border: 1px solid #00a13c;
    background: #fff;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
    transition: .3s linear;
    cursor: pointer
}

.join .system-box .nav img {
    display: block;
    width: 3.5417vw
}

.join .system-box .nav .hv {
    display: none
}

.join .system-box .nav .active {
    transform: scale(1.2424, 1.2424);
    background: #00a13c
}

.join .system-box .nav .active .nl {
    display: none
}

.join .system-box .nav .active .hv {
    display: block
}

.join .system-box .tabs {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    height: 100vh;
    width: 36.4583vw
}

.join .system-box .cell {
    height: 5.1563vw;
    margin: 2.6042vw 0;
    display: flex;
    align-items: center
}

.join .system-box .txt {
    font-size: 1.4583vw;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.24);
    font-weight: 700;
    transition: .3s linear
}

.join .system-box .txt span {
    transition: .3s linear
}

.join .system-box .cell-active .txt {
    color: rgba(0, 0, 0, 0.8);
    font-size: 1.7708vw
}

.join .system-box .cell-active .txt span {
    font-size: 2.2396vw;
    color: #00a13c
}

.join .port-box {
    position: relative
}

.join .port-box .title {
    font-size: 1.7708vw;
    line-height: 1.5294;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700
}

.join .port-box .title span {
    color: #00a13c
}

.join .port-box .main {
    height: 30.2083vw;
    border-radius: 0.5208vw;
    margin-top: 2.6042vw;
    background-image: url("/static/images/common/port_bg.jpg");
    position: relative
}

.join .port-box .list {
    display: flex;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 2.0833vw;
    box-sizing: border-box;
    padding: 0 3.125vw;
    justify-content: space-between
}

.join .port-box .item {
    width: 26.0625vw;
    background: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    padding: 0 0.5208vw;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.4vw;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 1.3542vw;
    line-height: 2;
    color: #fff;
    font-weight: 700;
    transition: .3s linear;
    margin-right: 1.5625vw
}

.join .port-box .item::after {
    content: '';
    width: 0;
    height: 4px;
    background: linear-gradient(90deg, #0047FD 0%, #4FB9FE 100%);
    position: absolute;
    left: 0;
    top: -3px
}

.join .port-box i {
    display: block;
    width: 1.25vw;
    height: 1.25vw;
    background: url("/static/images/common/link_icon.png") no-repeat;
    background-size: cover;
    opacity: 0;
    transition: .3s linear
}

.join .port-box .active {
    width: 48.5521vw
}

.join .port-box .active::after {
    width: 100%
}

.join .port-box .active i {
    opacity: 1
}

.join .ewm-box .container {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center
}

.join .ewm-box .main {
    width: 36.4583vw
}

.join .ewm-box .com-tit {
    color: rgba(0, 0, 0, 0.8)
}

.join .ewm-box .list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4.0625vw
}

.join .ewm-box .pic {
    box-sizing: border-box;
    width: 8.4375vw;
    border: 1px solid #E6E6E6;
    margin: 0 auto
}

.join .ewm-box .title {
    font-size: 1.6667vw;
    line-height: 1.3125;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700;
    text-align: center;
    margin-top: 0.9375vw
}

.join .ewm-box p {
    font-size: 1.0938vw;
    line-height: 1.3333;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 1.2vw;
    text-align: center
}

.join .ewm-box .line {
    width: 1px;
    height: 13.9583vw;
    background: rgba(0, 0, 0, 0.1)
}

.join .back {
    display: none;
    box-sizing: border-box;
    padding-top: 0.5208vw;
    width: 2.8125vw;
    height: 2.8125vw;
    background: #00a13c;
    border-radius: 50%;
    bottom: calc(5% + 3.3125vw);
    right: 1.1979vw;
    z-index: 99;
    position: fixed;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
    color: #fff
}

.college .main-box {
    background-image: url("/static/images/common/college_bg.jpg");
    padding-top: 10.4167vw
}

.college .swiper-college {
    padding-bottom: 10.1042vw
}

.college .swiper-college .swiper-slide {
    width: 57.2917vw;
    position: relative
}

.college .swiper-college .main {
    margin: 0 auto;
    width: 44.7917vw;
    position: relative;
    border-radius: 1.2vw;
    overflow: hidden
}

.college .swiper-college .main::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 52.06%, rgba(0, 0, 0, 0.6) 88.06%);
    position: absolute;
    left: 0;
    top: 0
}

.college .swiper-college img {
    display: block;
    width: 100%;
    height: 25.1563vw;
    object-fit: cover
}

.college .swiper-college .box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 2.3958vw 1.2vw 3.0208vw;
    z-index: 10;
    opacity: 0;
    transition: .3s linear;
    transform: translateY(1.2vw)
}

.college .swiper-college .title {
    font-size: 1.25vw;
    line-height: 1.3333;
    color: #fff;
    font-weight: 700
}

.college .swiper-college .txt {
    font-size: 1.1vw;
    line-height: 2.1333;
    color: #fff;
    margin-top: 0.5208vw
}

.college .swiper-college .swiper-slide-active .box {
    opacity: 1;
    transform: translateY(0px)
}

.college .swiper-college .swiper-button-prev {
    right: auto;
    left: 6.7708vw
}

.college .swiper-college .swiper-button-next {
    right: 6.7708vw
}

.college .swiper-college .swiper-pagination-bullet::after {
    background: #999
}

.college .swiper-college .swiper-pagination-bullet-active::after {
    background: #00a13c
}

.book .swiper-book {
    height: 100vh
}

.book .swiper-info {
    height: 100vh
}

.book .swiper-info .swiper-slide {
    height: auto !important
}

.book .swiper-info .swiper-scrollbar {
    right: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1)
}

.book .swiper-info .swiper-scrollbar-drag {
    background: #00a13c
}

.book .main-box {
    padding: 11.0938vw 0 10.5729vw;
    background: url("/static/images/common/college_bg.jpg") no-repeat center top;
    background-size: 100% 53.1771vw
}

.book .main-box .container {
    display: flex;
    justify-content: space-between
}

.book .main-box .com-tit {
    color: rgba(0, 0, 0, 0.8)
}

.book .main-box .tips {
    font-size: 1.1vw;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.8);
    margin-top: 0.9375vw
}

.book .main-box .time {
    font-size: 1.1vw;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 0.9375vw
}

.book .main-box .year-select {
    margin-top: 3.5937vw
}

.book .main-box .right {
    width: 64.375vw
}

.book .main-box .book-list {
    padding-bottom: 2.0833vw
}

.contact .map-box {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.contact .map-box .main {
    box-sizing: border-box;
    width: 36.9792vw;
    height: 42.5521vw;
    padding: 1.4583vw 3.75vw 0 2.6042vw;
    position: relative;
    z-index: 10
}

.contact .map-box .main::before {
    content: '';
    width: 100%;
    height: 100%;
    background: url("/static/images/common/map_bg.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.contact .map-box .title {
    font-size: 1.5625vw;
    line-height: 1.3333;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700
}

.contact .map-box .nav {
    display: flex;
    margin-top: 1.6667vw
}

.contact .map-box .nav .item {
    padding: 0 1.6667vw;
    font-size: 1.5vw;
    line-height: 3.0588;
    margin-right: 1.2vw;
    color: rgba(0, 0, 0, 0.6);
    background: rgba(0, 0, 0, 0.08);
    border-radius: 0.4167vw;
    cursor: pointer
}

.contact .map-box .nav .active {
    background: #00a13c;
    color: #fff;
    font-weight: 700
}

.contact .map-box .tabs {
    margin-top: 1.25vw;
    border-radius: 1.2vw;
    border: 1px solid #fff;
    background: linear-gradient(160.86deg, #D4EBFF 12.88%, #fff 99.41%);
    padding: 1.4583vw
}

.contact .map-box .tabs .item {
    margin-top: 0.7813vw;
    display: flex
}

.contact .map-box .tabs .item:first-child {
    margin-top: 1.2vw
}

.contact .map-box .cell {
    display: none
}

.contact .map-box .cell-active {
    display: block
}

.contact .map-box .pic {
    border-radius: 0.9375vw 0.9375vw 0 0;
    overflow: hidden
}

.contact .map-box .pic img {
    height: 14.7917vw;
    object-fit: cover
}

.contact .map-box .name {
    margin-top: 1.2vw;
    font-size: 1.25vw;
    line-height: 1.3333;
    color: #000;
    font-weight: 700
}

.contact .map-box .name span {
    color: rgba(0, 0, 0, 0.4)
}

.contact .map-box i {
    display: block;
    width: 1.5625vw;
    height: 1.5625vw;
    background: url("/static/images/common/addr_h_icon.png") no-repeat;
    background-size: cover;
    margin-right: 0.9375vw
}

.contact .map-box .tel-icon {
    background-image: url("/static/images/common/tel_h_icon.png")
}

.contact .map-box .email-icon {
    background-image: url("/static/images/common/email_h_icon.png")
}

.contact .map-box .txt, .contact .map-box a {
    display: block;
    font-size: 1.2vw;
    line-height: 1.6667;
    color: rgba(0, 0, 0, 0.8);
    max-width: 23.4375vw
}

.contact .map-box a {
    margin-left: 2.5vw;
    text-decoration: underline
}

.contact .feed-box {
    background-image: url("/static/images/common/feed_bg.jpg");
    height: 100%;
}

.contact .feed-box .container {
    padding-top: 8.5417vw;
    display: flex;
    justify-content: space-between
}

.contact .feed-box .left {
    width: 40vw
}

.contact .feed-box .info {
    font-size: 1.875vw;
    line-height: 1.4444;
    color: #fff;
    font-weight: 700
}

.contact .feed-box .list {
    margin-top: 3.3333vw
}

.contact .feed-box .i-item {
    margin-bottom: 1.5625vw;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 1.5625vw
}

.contact .feed-box .tit {
    font-size: 1.3021vw;
    font-weight: 700;
    color: #fff;
    line-height: 1.32
}

.contact .feed-box .txt {
    display: flex;
    align-items: center;
    margin-top: 1.2vw
}

.contact .feed-box .col {
    display: flex;
    align-items: center;
    font-size: 1.1vw;
    line-height: 1.333;
    color: #fff;
    margin-right: 1.5vw
}

.contact .feed-box .col:last-child {
    margin-right: 0
}

.contact .feed-box .col i {
    display: block;
    width: 2vw;
    height: 2vw;
    background: url("/static/images/common/tel_icon.png") no-repeat;
    background-size: cover;
    margin-right: 0.5208vw
}

.contact .feed-box .col .email {
    background-image: url("/static/images/common/email_icon.png")
}

.contact .feed-box .right {
    width: 40.625vw
}

.contact .feed-box .item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.2vw
}

.contact .feed-box .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    height: 2.7604vw;
    border-radius: 0.3125vw;
    overflow: hidden
}

.contact .feed-box .item-long {
    padding-top: 1.5104vw;
    display: block;
    position: relative
}

.contact .feed-box .item-long .row {
    width: 100%;
    overflow: visible;
    display: block
}

.contact .feed-box .item-long .text {
    width: 34.7917vw
}

.contact .feed-box .select {
    position: relative
}

.contact .feed-box .select p {
    cursor: pointer;
    padding: 0 1.2vw;
    height: 2.7604vw;
    font-size: 1.1vw;
    color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center
}

.contact .feed-box .select p::after {
    content: '';
    width: 0.5729vw;
    height: 0.3125vw;
    background: url("/static/images/common/select_arrow.png") no-repeat;
    background-size: cover;
    position: absolute;
    right: 1.4vw;
    top: 50%;
    transform: translateY(-50%)
}

.contact .feed-box .select span {
    color: #00a13c;
    margin-left: 0.2604vw
}

.contact .feed-box .select ul {
    position: absolute;
    width: 100%;
    max-height: 13.0208vw;
    overflow-y: auto;
    background: #fff;
    border-radius: 0.3125vw;
    display: none;
    z-index: 20
}

.contact .feed-box .select li {
    padding: 0 1.2vw;
    line-height: 2.6042vw;
    font-size: 1.1vw;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer
}

.contact .feed-box .item-vcode .row {
    width: 25vw
}

.contact .feed-box .item-text {
    display: block
}

.contact .feed-box .item-text .row {
    width: 100%;
    height: 6.1458vw;
    align-items: flex-start
}

.contact .feed-box .name {
    font-size: 1.1vw;
    color: rgba(0, 0, 0, 0.3);
    padding-left: 0.4vw
}

.contact .feed-box .name span {
    color: #00a13c;
    margin-left: 0.2604vw
}

.contact .feed-box .text {
    display: block;
    width: 14.0625vw;
    height: 2.5vw;
    font-size: 1.1vw;
    color: rgba(0, 0, 0, 0.6)
}

.contact .feed-box .vcode-text {
    width: 7.8125vw
}

.contact .feed-box textarea {
    display: block;
    height: 6.1458vw;
    box-sizing: border-box;
    width: 35.4167vw;
    padding: 0.625vw 1.2vw;
    font-size: 1.1vw;
    color: rgba(0, 0, 0, 0.6);
    line-height: 2
}

.contact .feed-box img {
    display: block;
    width: 11.1458vw;
    height: 2.7604vw;
    object-fit: cover;
    cursor: pointer
}

.contact .feed-box .bot {
    padding-top: 1.4063vw
}

.contact .feed-box .btn {
    width: 8.3333vw;
    height: 2.8125vw;
    border-radius: 1.4063vw;
    box-sizing: border-box;
    padding: 0 1.2vw;
    font-size: 1.1vw;
    color: #fff;
    font-weight: 700;
    background: #00a13c
}

.contact .feed-box .btn i {
    display: block;
    width: 1.4vw;
    height: 1.4vw;
    background: url("/static/images/common/learn_arrow.png") no-repeat;
    background-size: cover
}

@keyframes addMove {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0.6
    }
}

@keyframes mouseMove {
    0% {
        bottom: 2.0833vw
    }
    50% {
        bottom: 1.2vw
    }
    100% {
        bottom: 2.0833vw
    }
}

.industry .busi-box {
    position: relative
}

.industry .full-video {
    position: relative;
    z-index: 1;
    height: 100vh
}

.industry .full-video video {
    display: block;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 8
}

.industry .full-video .bgV {
    opacity: 1;
    z-index: 5
}

.industry .full-video .video-hide {
    opacity: 0
}

.industry .full-video .video-show {
    opacity: 1
}

.industry .full-video::after {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 10;
    background: url("/static/images/common/industry_yin.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0
}

.industry .mouse {
    width: 3.4896vw;
    height: 3.4896vw;
    background: url("/static/images/common/mouse.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    bottom: 2.0833vw;
    z-index: 2;
    margin-left: -1.7188vw;
    animation: mouseMove 2s infinite
}

.industry .ins-nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

.industry .ins-nav .item {
    position: absolute;
    height: 4.1667vw;
    display: flex;
    align-items: center;
    left: 7.9687vw;
    top: 15.1042vw;
    cursor: pointer;
    transition: .3s linear
}

.industry .ins-nav .item:nth-child(2) {
    left: 31.25vw;
    top: 40.3125vw
}

.industry .ins-nav .item:nth-child(2) .add-icon {
    animation-delay: 0.2s
}

.industry .ins-nav .item:nth-child(3) {
    left: 36.6667vw;
    top: 11.3542vw
}

.industry .ins-nav .item:nth-child(3) .add-icon {
    animation-delay: 0.4s
}

.industry .ins-nav .item:nth-child(4) {
    left: 59.2708vw;
    top: 32.2917vw
}

.industry .ins-nav .item:nth-child(4) .add-icon {
    animation-delay: 0.6s
}

.industry .ins-nav .item:nth-child(5) {
    left: 64.7917vw;
    top: 8.0208vw
}

.industry .ins-nav .item:nth-child(5) .add-icon {
    animation-delay: 0.8s
}

.industry .ins-nav .item:nth-child(6) {
    left: 70.5208vw;
    top: 21.4583vw
}

.industry .ins-nav .item:nth-child(7) {
    left: 80.3646vw;
    top: 41.9271vw
}

.industry .ins-nav .item:nth-child(7) .add-icon {
    animation-delay: 0.2s
}

.industry .ins-nav .item:nth-child(8) {
    left: 85.2083vw;
    top: 28.125vw
}

.industry .ins-nav .item:nth-child(8) .add-icon {
    animation-delay: 0.4s
}

.industry .ins-nav .item:hover .name {
    opacity: 1
}

.industry .ins-nav .add-icon {
    width: 4.1667vw;
    height: 4.1667vw;
    background: url("/static/images/common/ins_add.png") no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

.industry .ins-nav .name {
    height: 2.8646vw;
    font-size: 1.5vw;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700;
    padding: 0 1.4583vw 0 3.4896vw;
    border-radius: 1.4583vw;
    margin-left: 0.5208vw;
    background: #fff;
    width: 9.4vw;
    box-sizing: border-box;
    transition: .3s linear;
    opacity: 1
}

.industry .ins-nav .name i {
    display: none;
    width: 0.3125vw;
    height: 0.5208vw;
    background: url("/static/images/common/ins_arrow.png") no-repeat;
    background-size: cover
}

.industry .ins-tabs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    opacity: 0;
    transition: .3s linear;
    transform: translateY(40px)
}

.industry .ins-tabs .cell {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none
}

.industry .ins-tabs .cell:nth-child(3) .app {
    top: 4.2604vw
}

.industry .ins-tabs .cell:nth-child(7) .app {
    top: 2.2604vw
}

.industry .ins-tabs .cell:nth-child(8) .app {
    top: 9.2604vw
}

.industry .ins-tabs .cell-active {
    display: block
}

.industry .ins-tabs .app {
    position: absolute;
    left: -17.8125vw;
    top: 0.2604vw
}

.industry .ins-tabs .pointer {
    width: 1.5104vw;
    height: 1.5104vw;
    position: relative;
    z-index: 10;
    background: #00a13c;
    border-radius: 50%;
    font-size: 0
}

.industry .ins-tabs .pointer::after {
    content: '';
    width: 0.3125vw;
    height: 0.3125vw;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.industry .ins-tabs .icon {
    position: absolute;
    left: 6.25vw;
    top: 0.4167vw;
    box-sizing: border-box;
    width: 9.2188vw;
    height: 9.2188vw;
    border: 0.1563vw solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(90deg, #4FB9FE 0%, #00a13c 100%);
    padding-top: 1.1458vw;
    border-radius: 50%
}

.industry .ins-tabs .icon .app-img {
    width: 5vw;
    height: 5vw;
    margin: 0 auto
}

.industry .ins-tabs .icon img {
    display: block;
    max-width: 5vw;
    max-height: 5vw
}

.industry .ins-tabs .icon p {
    text-align: center;
    font-size: 1.1vw;
    line-height: 1.3125;
    color: #000;
    margin-top: 0.2083vw;
    padding: 0
}

.industry .ins-tabs .icon::before {
    content: '';
    width: 11.6146vw;
    height: 8.9583vw;
    background: url("/static/images/common/app_yin.png") no-repeat;
    background-size: cover;
    position: absolute;
    top: -0.5208vw;
    left: -6.25vw;
    z-index: -1
}

.industry .ins-tabs .title {
    font-size: 4.9479vw;
    color: #fff;
    font-weight: 700;
    line-height: 1.3158;
    position: absolute;
    left: 6.7708vw;
    bottom: 2.6042vw
}

.industry .ins-tabs .right {
    position: absolute;
    right: 6.0417vw;
    bottom: 2.6042vw;
    width: 24.1146vw;
    border-radius: 0.5208vw 0 0.5208vw 0.5208vw;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(80px)
}

.industry .ins-tabs .box {
    padding: 2.0833vw 1.5625vw
}

.industry .ins-tabs .name {
    font-size: 1.1458vw;
    line-height: 1.3182;
    font-weight: 700;
    color: #00a13c
}

.industry .ins-tabs .tips {
    font-size: 1.2vw;
    line-height: 1.3333;
    color: rgba(0, 0, 0, 0.8);
    margin-top: 0.5208vw
}

.industry .ins-tabs .img {
    height: 9.1667vw;
    border-radius: 0.5208vw;
    background: #fff;
    margin-top: 1.5625vw
}

.industry .ins-tabs .img img {
    display: block;
    max-width: 16.6667vw;
    max-height: 6.7708vw
}

.industry .ins-tabs h4 {
    font-size: 1.1vw;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.8);
    margin-top: 1.5625vw;
    font-weight: 700
}

.industry .ins-tabs .txt {
    margin-top: 0.7292vw
}

.industry .ins-tabs p {
    font-size: 1.1vw;
    line-height: 2;
    position: relative;
    color: rgba(0, 0, 0, 0.6);
    padding-left: 0.7813vw
}

.industry .ins-tabs p::before {
    content: '';
    width: 0.3125vw;
    height: 0.3125vw;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.industry .ins-tabs .learn-more {
    margin-top: 1.5625vw;
    border-color: #00a13c;
    color: rgba(0, 0, 0, 0.8)
}

.industry .ins-tabs .learn-more i {
    background-image: url("/static/images/common/learn_h_arrow.png")
}

.industry .ins-tabs .learn-more:hover {
    color: #fff
}

.industry .ins-tabs .learn-more:hover i {
    background-image: url("/static/images/common/learn_arrow.png")
}

.industry .ins-tabs .back-screen {
    position: absolute;
    width: 2.8646vw;
    height: 2.8646vw;
    position: absolute;
    right: -2.8646vw;
    top: 0;
    background: #00a13c;
    border-radius: 0 0.5208vw 0.5208vw 0
}

.industry .ins-tabs .back-screen i {
    display: block;
    width: 1.3021vw;
    height: 1.3021vw;
    background: url("/static/images/common/screen_back.png") no-repeat;
    background-size: cover
}

.industry .ins-hide-nav .item {
    opacity: 0;
    transform: translateY(40px)
}

.industry .tabs-show {
    z-index: 10;
    opacity: 1;
    transform: translateY(0px)
}

.industry .metal-main .ins-nav .item {
    left: 54.9687vw;
    top: 23.1042vw
}

.industry .metal-main .ins-nav .item:nth-child(2n) {
    left: 32.9687vw;
    top: 24.1042vw
}

.industry .metal-main .ins-nav .name {
    width: 9.5vw
}

.industry .metal-main .ins-tabs .cell:nth-child(2) .app {
    top: 14.2604vw
}

.industry .energy-main .ins-nav .item {
    left: 84.9687vw;
    top: 29.1042vw
}

.industry .energy-main .ins-tabs .app {
    top: 6.2604vw
}

.industry .pro-box {
    background-image: url("/static/images/common/pro_bg.jpg")
}

.industry .pro-box .container {
    padding-top: 5.8333vw
}

.industry .pro-box .com-tit {
    color: rgba(0, 0, 0, 0.8)
}

.industry .swiper-pro {
    margin-top: 2.5vw;
    padding-bottom: 4.7917vw
}

.industry .swiper-pro .main {
    display: flex;
    justify-content: space-between
}

.industry .swiper-pro .pic {
    width: 31.25vw;
    height: 31.3021vw;
    border-radius: 0.5208vw 0 0 0.5208vw;
    overflow: hidden
}

.industry .swiper-pro .pic img {
    display: block;
    height: 31.3021vw
}

.industry .swiper-pro .box {
    width: 55.2083vw;
    height: 31.3021vw;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ECECEC;
    border-radius: 0 0.5208vw 0.5208vw 0;
    padding: 2.6042vw 4.1667vw 0
}

.industry .swiper-pro .cell {
    margin-top: 2.0833vw
}

.industry .swiper-pro .item {
    margin-bottom: 1.4583vw
}

.industry .swiper-pro .item:last-child {
    margin-top: 1.9792vw;
    border-top: 1px solid #D9D9D9;
    padding-top: 1.5625vw
}

.industry .swiper-pro .name {
    font-size: 1.2vw;
    line-height: 1.8889;
    color: #00a13c;
    font-weight: 700
}

.industry .swiper-pro .txt {
    font-size: 1.1vw;
    line-height: 1.75;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 0.5208vw
}

.industry .swiper-pro .list {
    display: flex;
    flex-wrap: wrap
}

.industry .swiper-pro .list span {
    display: block;
    padding: 0 1.2vw;
    font-size: 1.1vw;
    color: rgba(0, 0, 0, 0.6);
    border-radius: 0.2083vw;
    margin: 0 0.5208vw 0.5208vw 0;
    line-height: 2.5;
    background: #F3F3F3
}

.industry .swiper-pro .swiper-scrollbar {
    background: #D9D9D9
}

.industry .swiper-pro .swiper-button-prev, .industry .swiper-pro .swiper-button-next {
    border-color: #D9D9D9
}

.industry .swiper-pro .swiper-button-prev i, .industry .swiper-pro .swiper-button-next i {
    background-image: url("/static/images/common/sw_d_arrow.png")
}

.industry .swiper-pro .swiper-button-prev:hover, .industry .swiper-pro .swiper-button-next:hover {
    border-color: #00a13c
}

.industry .swiper-pro .swiper-button-prev:hover i, .industry .swiper-pro .swiper-button-next:hover i {
    background-image: url("/static/images/common/sw_h_arrow.png")
}

.industry .back {
    display: block;
    box-sizing: border-box;
    padding-top: 0.5208vw;
    width: 2.8125vw;
    height: 2.8125vw;
    background: #00a13c;
    border-radius: 50%;
    bottom: calc(5% + 3.3125vw);
    right: 1.1979vw;
    z-index: 99;
    position: fixed;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
    color: #fff
}

.product .swiper-product {
    height: 100vh
}

.product .swiper-info {
    height: 100vh
}

.product .swiper-info .swiper-slide {
    height: auto !important
}

.product .swiper-info .swiper-scrollbar {
    right: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1)
}

.product .swiper-info .swiper-scrollbar-drag {
    background: #00a13c
}

.product .pro-box {
    background-image: url("/static/images/common/pro_bg.jpg")
}

.product .pro-box .container {
    padding: 1.5vw 0 1vw
}

.product .pro-box .com-tit {
    color: rgba(0, 0, 0, 0.8)
}

.product .pro-box .pro-list {
    margin-top: 2.5vw
}

.product .pro-box .item-main {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.6042vw
}

.product .pro-box .pic {
    width: 31.25vw;
    height: 31.3021vw;
    border-radius: 0.5208vw 0 0 0.5208vw;
    overflow: hidden
}

.product .pro-box .pic img {
    display: block;
    height: 30vw
}

.product .pro-box .box {
    width: 55vw;
    height: 30vw;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ECECEC;
    border-radius: 0 0.5208vw 0.5208vw 0;
    padding: 2.6042vw 4.1667vw 0
}

.product .pro-box .cell {
    margin-top: 1vw
}

.product .pro-box .item {
    margin-bottom: 1.4583vw
}

.product .pro-box .item:last-child {
    margin-top: 1.9792vw;
    border-top: 1px solid #D9D9D9;
    padding-top: 1.5625vw
}

.product .pro-box .name {
    font-size: 1.2vw;
    line-height: 1.8889;
    color: #00a13c;
    font-weight: 700
}

.product .pro-box .txt {
    font-size: 1.1vw;
    line-height: 1.75;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 0.5208vw
}

.product .pro-box .list {
    display: flex;
    flex-wrap: wrap
}

.product .pro-box .list span {
    display: block;
    padding: 0 1.2vw;
    font-size: 1.1vw;
    color: rgba(0, 0, 0, 0.6);
    border-radius: 0.2083vw;
    margin: 0 0.5208vw 0.5208vw 0;
    line-height: 2.5;
    background: #F3F3F3
}

.privacy {
    padding: 11.7708vw 0 9.1667vw
}

.privacy .website {
    display: flex;
    align-items: center
}

.privacy .website a {
    display: block;
    font-size: 14px;
    line-height: 1;
    color: rgba(0, 0, 0, 0.8);
    margin-right: 8px
}

.privacy .website a:hover {
    color: #00a13c
}

.privacy .website span {
    display: block;
    width: 15px;
    height: 15px;
    background: url("/static/images/common/website_arrow.png") no-repeat;
    background-size: cover;
    margin-right: 8px
}

.privacy .website .last {
    font-size: 14px;
    line-height: 1;
    color: rgba(0, 0, 0, 0.8);
    width: auto;
    background: none
}

.privacy .title {
    margin-top: 2.6042vw;
    text-align: center;
    font-size: 2.6042vw;
    line-height: 1;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700
}

.privacy .content {
    margin-top: 1.7708vw;
    border-top: 1px solid #D9D9D9;
    padding-top: 2.0833vw;
    font-size: 1.1vw;
    line-height: 1.5625vw;
    color: rgba(0, 0, 0, 0.6)
}

.privacy .txt {
    margin-bottom: 1.2vw
}

.privacy .cell {
    margin-bottom: 1.5625vw
}

.privacy .name {
    font-size: 1.25vw;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700;
    margin-bottom: 1.2vw
}

.privacy .sub-tit {
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700;
    margin-bottom: 0.5208vw
}

.cookie-pop {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 99;
    display: none
}

.cookie-pop .container {
    height: 6.25vw;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cookie-pop .txt {
    font-size: 1.2vw;
    line-height: 1.75;
    color: #fff;
    width: 55.625vw
}

.cookie-pop .txt a {
    color: #00a13c;
    text-decoration: underline
}

.cookie-pop .action {
    display: flex
}

.cookie-pop .action a {
    display: block;
    padding: 0 1.5104vw;
    color: #fff;
    border-radius: 1.1458vw;
    line-height: 2.2917vw;
    margin-left: 0.5208vw;
    background: rgba(0, 0, 0, 0.2);
    transition: .5s all;
    font-size: 1.2vw
}

.cookie-pop .action a:hover {
    background: #00a13c
}