@font-face {    font-family: 'HarmonyOS_Sans_SC_Bold';    src: url("../images/HarmonyOS_Sans_SC_Bold.ttf");}@font-face {    font-family: 'HarmonyOS_Sans_SC_Regular';    src: url("../images/HarmonyOS_Sans_SC_Regular.ttf");}@font-face {    font-family: 'HarmonyOS_Sans_SC_Light';    src: url("../images/HarmonyOS_Sans_SC_Light.ttf");}@font-face {    font-family: 'Rajdhani-Regular';    src: url("../images/Rajdhani-Regular-2.ttf");}@font-face {    font-family: 'Rajdhani-Bold';    src: url("../images/Rajdhani-Bold-4.ttf");}@keyframes o-upfade-top {    0% {        opacity: 0;        transform: translateY(20px);    }    100% {        opacity: 1;        transform: translateY(0);    }}@keyframes o-upfade-left {    0% {        opacity: 0;        transform: translateX(20px);    }    100% {        opacity: 1;        transform: translateX(0);    }}@keyframes indexsvg {    0% {        stroke-dashoffset: 100;    }    100% {        stroke-dashoffset: 0;    }}@keyframes o-ani5-1 {    0%,    100% {        transform: translateY(0);    }    60% {        transform: translateY(-10px);    }}@media screen and (min-width: 1025px) {    .wow {        visibility: hidden;    }}@media screen and (min-width: 1025px) {    .dom-loaded .bot-block {        transition: all .3s ease;    }    .dom-loaded .logo img {        transition: opacity .3s ease;    }    .dom-loaded li a.single {        transition: all .3s ease;    }    .dom-loaded li a.single:before {        transition: opacity .3s ease;    }}.header {    position: fixed;    top: 0;    left: 0;    width: 100%;    z-index: 9;}@media screen and (min-width: 1025px) {    .header:hover .bot-block,    .header.down .bot-block {        background-color: #fff;        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);    }    .header:hover .logo img.show,    .header.down .logo img.show {        opacity: 0;    }    .header:hover .logo img.hide,    .header.down .logo img.hide {        opacity: 1;    }    .header:hover li a.single,    .header.down li a.single {        color: #001533;    }    .header.down li a.single {        line-height: 5rem;    }}.header .top-block {    padding: 0 3.75rem;    display: flex;    align-items: center;    justify-content: space-between;    background-color: #8f00ac;}.header .top-block span {    font-size: max(12px, 0.875rem);    color: rgba(255, 255, 255, 0.8);    line-height: max(28px, 2.25rem);}.header .top-block .link {    display: flex;    align-items: center;    grid-gap: 1.5rem;}.header .top-block .link a {    font-size: max(12px, 0.875rem);    color: #fff;    opacity: 0.8;    transition: opacity .3s ease;}@media (any-hover: hover) {    .header .top-block .link a:hover {        opacity: 1;    }}.header .top-block .link i {    width: 1px;    height: 1rem;    background-color: rgba(255, 255, 255, 0.2);}.header .top-block .link a.lang:before {    content: '';    width: 1rem;    height: 1rem;    background-position: center;    background-repeat: no-repeat;    background-size: contain;    background-image: url("../images/lang.png");    display: inline-block;    vertical-align: middle;    margin: -2px .625rem 0 0;}.header .bot-block {    padding: 0 3.75rem;    display: flex;    align-items: center;    justify-content: space-between;}.header .logo {    position: relative;    width: 28rem;}.header .logo img {    display: block;    width: 100%;}.header .logo img.hide {    position: absolute;    top: 0;    left: 0;    opacity: 0;}.header .main {    display: flex;    align-items: center;}.header ul {    display: flex;    grid-gap: 1.875rem;}.header li {    position: relative;}.header li a.single {    display: block;    font-size: max(15px, 1.125rem);    color: #fff;    line-height: 6.25rem;    position: relative;}.header li a.single:before {    content: '';    width: max(60px, 5.25rem);    height: 5px;    background-position: center;    background-repeat: no-repeat;    background-size: contain;    background-image: url("../images/x.png");    position: absolute;    top: calc(50% + 13px);    left: 50%;    transform: translateX(-50%);    opacity: 0;    pointer-events: none;}.header li .subnav {    width: max(180px, 13rem);    position: absolute;    top: 100%;    left: -3.75rem;    background-color: #ffffff;    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);    opacity: 0;    visibility: hidden;    transition: none;}.header li .subnav .link .tit {    display: block;    position: relative;}.header li .subnav .link .tit:before {    content: '';    width: 100%;    height: 100%;    background-color: #004098;    position: absolute;    top: 0;    left: 0;    z-index: 1;    opacity: 0;    transition: opacity .3s ease;}.header li .subnav .link .tit:after {    content: '';    width: 8px;    height: 1rem;    background-position: center;    background-repeat: no-repeat;    background-size: contain;    background-image: url("../images/icon-1.png");    position: absolute;    right: 1.875rem;    top: 50%;    margin-top: -0.5rem;    z-index: 2;    opacity: 0;    transition: opacity .3s ease;}.header li .subnav .link .tit span {    display: block;    font-size: max(15px, 1.125rem);    line-height: max(40px, 3.75rem);    color: #333333;    padding: 0 2.5rem;    position: relative;    z-index: 2;    transition: color .3s ease;}.header li .subnav .link .s-link {    position: absolute;    top: 0;    min-height: 100%;    left: 100%;    background-color: #004098;    min-width: 150px;    padding: 6px 0;    opacity: 0;    visibility: hidden;    transition: all .3s ease;}.header li .subnav .link .s-link a {    display: block;    position: relative;    font-size: max(14px, 1rem);    color: #fff;    line-height: max(36px, 3rem);    padding: 0 1rem;    white-space: nowrap;}.header li .subnav .link .s-link a:before {    content: '';    position: absolute;    left: 2.5rem;    right: 2.5rem;    bottom: .5rem;    height: 1rem;    background: url("../images/x-1.png") center bottom no-repeat;    background-size: contain;    opacity: 0;    transition: opacity .3s ease;}.header li .subnav .link .s-link a span {    display: block;    position: relative;    z-index: 2;}@media (any-hover: hover) {    .header li .subnav .link .s-link a:hover:before {        opacity: 1;    }}@media (any-hover: hover) {    .header li .subnav .link:hover .tit:before {        opacity: 1;    }    .header li .subnav .link:hover .tit:after {        opacity: 1;    }    .header li .subnav .link:hover .tit span {        color: #fff;    }    .header li .subnav .link:hover .s-link {        opacity: 1;        visibility: visible;    }}@media (any-hover: hover) {    .header li:hover a.single:before {        opacity: 1;    }    .header li:hover .subnav {        opacity: 1;        visibility: visible;        transition: all .3s ease;    }}.header a.language {    display: none;}.header .search {    margin-left: 2.5rem;    width: 3rem;    height: 3rem;    border-radius: 50%;    background-color: rgba(0, 0, 0, 0.2);    background-position: center;    background-repeat: no-repeat;    background-image: url("../images/search-1.png");    background-size: auto 1rem;    cursor: pointer;}.header .menu {    margin-left: 10px;    background-color: rgba(0, 0, 0, 0.2);    color: #fff;    cursor: pointer;    padding: 0 1.25rem;    line-height: 3rem;    border-radius: 1.5rem;    font-size: max(12px, 0.875rem);    text-transform: uppercase;}.header .menu:after {    content: '';    width: 1rem;    height: 1rem;    background-position: center;    background-repeat: no-repeat;    background-size: contain;    background-image: url("../images/menu.png");    display: inline-block;    vertical-align: middle;    margin: -2px 0 0 1.5rem;}.head-null {    height: max(calc(28px + 5rem), 7.25rem);}.mNavBtn {    display: none;}.fixed-search {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 10;    background-color: rgba(255, 255, 255, 0.8);    backdrop-filter: blur(10px);    -webkit-backdrop-filter: blur(10px);    display: none;}.fixed-search .close {    width: 20px;    height: 20px;    background-position: center;    background-repeat: no-repeat;    background-size: contain;    background-image: url("../images/close.png");    position: absolute;    right: 3.75rem;    top: 3.75rem;    z-index: 2;    cursor: pointer;}.fixed-search .main {    border-top: 4px solid #8f00ac;    background-color: #fff;    padding: 8.75rem 0 13.75rem;}.fixed-search .tit {    font-size: 3.75rem;    color: #8f00ac;    font-family: 'HarmonyOS_Sans_SC_Bold';    text-align: center;}.fixed-search .form {    width: 90%;    max-width: 60rem;    margin: 6.25rem auto 0;    height: max(60px, 5.625rem);    position: relative;    border-bottom: 1px solid #e6e6e6;}.fixed-search .form:after {    content: '';    width: 100%;    height: 1px;    background-color: #004098;    position: absolute;    bottom: -1px;    left: 0;    transform: scaleX(0);    transform-origin: left top;    transition: transform .3s ease;}.fixed-search .form.active:after {    transform: scaleX(1);}.fixed-search input {    width: calc(100% - 6rem);    height: 60px;    padding-left: 1.875rem;    font-size: 2.25rem;    color: #333333;    background-color: transparent;}.fixed-search input::-webkit-input-placeholder {    color: #333333;}.fixed-search input::-moz-placeholder {    color: #333333;}.fixed-search input:-ms-input-placeholder {    color: #333333;}.fixed-search button {    position: absolute;    right: 0;    bottom: 0;    width: 5.625rem;    height: 100%;    background-position: center;    background-repeat: no-repeat;    background-color: transparent;    background-image: url("../images/search-2.png");    background-size: auto 2rem;    cursor: pointer;}.fixed-menu {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-position: center;    background-repeat: no-repeat;    background-size: cover;    background-image: url("../images/menu.jpg");    z-index: 10;    display: none;}.fixed-menu .close {    width: 32px;    height: 32px;    position: absolute;    right: 3.75rem;    top: 2.5rem;    background: url("../images/close-1.png") center no-repeat;    transition: all .3s ease;    cursor: pointer;    z-index: 2;}.fixed-menu .top-box {    padding: 1.875rem 3.75rem 0;}.fixed-menu .top-box .img-box {    width: 28rem;}.fixed-menu .top-box img {    display: block;    width: 100%;}.fixed-menu .bot-box {    position: absolute;    top: 7.5rem;    bottom: 0;    width: 100%;    left: 0;    padding: 0 3.75rem;    display: flex;    align-items: center;}.fixed-menu .flex {    width: 100%;    display: flex;    align-items: flex-start;    justify-content: space-between;}.fixed-menu .block span {    display: block;    font-size: 1.875rem;    color: #fff;}.fixed-menu .block span a {    color: #fff;}.fixed-menu .block .link {    margin-top: 1.5rem;    padding-top: 1.5rem;    position: relative;}.fixed-menu .block .link:before {    content: '';    width: 24px;    height: 2px;    background-color: #8c1c40;    display: block;    position: absolute;    top: 0;    left: 0;}.fixed-menu .block .a-box {    margin-top: 1rem;}.fixed-menu .block .a-box:nth-of-type(1) {    margin-top: 0;}.fixed-menu .block .a-box .tit {    font-size: max(15px, 1.25rem);    color: #fff;}.fixed-menu .block .a-box .s-link {    padding: 1.25rem 0 0 1.25rem;}.fixed-menu .block .a-box .s-link a {    display: block;    font-size: max(14px, 1rem);    color: #fff;    opacity: 0.5;    margin-top: 0.625rem;    transition: opacity .3s ease;}.fixed-menu .block .a-box .s-link a:nth-of-type(1) {    margin-top: 0;}@media (any-hover: hover) {    .fixed-menu .block .a-box .s-link a:hover {        opacity: 1;    }}.footer {    background-image: url("../images/footer-bg.jpg");    background-position: center center;    background-repeat: no-repeat;    background-size: 100% 100%;    position: relative;    z-index: 1;}.footer .top-block {    padding: 5rem 0 3.125rem;    display: flex;    align-items: flex-end;    justify-content: center;}.footer .top-block .img-box {    width: 30rem;}.footer .top-block .img-box img {    display: block;    width: 100%;}.footer .top-block .link {    width: calc(100% - 15rem);    display: flex;    flex-wrap: wrap;    justify-content: flex-end;    grid-gap: .625rem;}.footer .top-block .link a {    font-size: max(12px, 0.875rem);    line-height: max(22px, 1.75rem);    border-radius: max(12px, 0.9375rem);    color: #fff;    padding: 0 1rem;    border: 1px solid rgba(255, 255, 255, 0.2);    transition: all .3s ease;}@media (any-hover: hover) {    .footer .top-block .link a:hover {        background-color: #8c1c40;        border-color: #8c1c40;    }}.footer .mid-block {    padding: 3.75rem 0 6.25rem;    border-top: 1px solid rgba(255, 255, 255, 0.3);    display: flex;    align-items: flex-start;    justify-content: space-between;}.footer .mid-block .nav-box {    display: flex;    grid-gap: 5rem;}.footer .mid-block .box span {    display: block;    font-size: max(14px, 1.125rem);    color: #fff;}.footer .mid-block .box span a {    color: #fff;}.footer .mid-block .box .link {    margin-top: 1.5rem;    padding-top: 1.25rem;    position: relative;}.footer .mid-block .box .link:before {    content: '';    width: 20px;    height: 2px;    background-color: rgba(255, 255, 255, 0.2);    position: absolute;    top: 0;    left: 0;}.footer .mid-block .box .link a {    display: block;    font-size: max(12px, 1rem);    color: #fff;    font-family: 'HarmonyOS_Sans_SC_Light';    margin-top: 0.625rem;    transition: color .3s ease;}.footer .mid-block .box .link a:nth-of-type(1) {    margin-top: 0;}.footer .mid-block .share-box {    display: flex;    grid-gap: 10px;}.footer .mid-block .share {    position: relative;}.footer .mid-block .share .icon {    position: relative;    width: max(40px, 3.75rem);    height: max(40px, 3.75rem);    border: 1px solid rgba(255, 255, 255, 0.2);    border-radius: 50%;    cursor: pointer;}.footer .mid-block .share i {    display: block;    width: max(16px, 1.5rem);    height: max(16px, 1.5rem);    background-position: center;    background-repeat: no-repeat;    background-size: contain;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    opacity: 0.3;    transition: opacity .3s ease;}.footer .mid-block .share .hide {    position: absolute;    width: max(120px, 11.25rem);    top: 100%;    padding-top: 24px;    display: none;}.footer .mid-block .share .hide:before {    content: '';    width: 0;    height: 0;    border-left: 10px solid transparent;    border-right: 10px solid transparent;    border-bottom: 10px solid #fff;    position: absolute;    top: 15px;}.footer .mid-block .share .img-box {    background-color: #fff;}.footer .mid-block .share .img-box img {    display: block;    width: 100%;}.footer .mid-block .share:nth-of-type(1) i {    background-image: url("../images/share-1.png");}.footer .mid-block .share:nth-of-type(1) .hide {    left: 0;}.footer .mid-block .share:nth-of-type(1) .hide:before {    left: max(20px, 1.875rem);    margin-left: -10px;}.footer .mid-block .share:nth-of-type(2) i {    background-image: url("../images/share-2.png");}.footer .mid-block .share:nth-of-type(2) .hide {    left: 50%;    transform: translateX(-50%);}.footer .mid-block .share:nth-of-type(2) .hide:before {    left: 50%;    margin-left: -10px;}.footer .mid-block .share:nth-of-type(3) i {    background-image: url("../images/share-3.png");}.footer .mid-block .share:nth-of-type(3) .hide {    right: 0;}.footer .mid-block .share:nth-of-type(3) .hide:before {    right: max(20px, 1.875rem);    margin-right: -10px;}.footer .mid-block .share.active i {    opacity: 1;}.footer .mid-block .share.active .hide {    display: block;}.footer .bot-block {    padding: 2.5rem 0;    border-top: 1px solid rgba(255, 255, 255, 0.3);    display: flex;    align-items: center;    justify-content: space-between;}.footer .bot-block .copyright {    font-size: max(14px, 1.2rem);    color: #fff;    text-align: center;line-height: 30px;    width: 100%;}.footer .bot-block .copyright a,.footer .bot-block .copyright img {    display: inline-block;    margin-left: 1rem;}.footer .bot-block .copyright a {    color: #fff;}.footer .bot-block .link {    display: flex;    grid-gap: 2rem;}.footer .bot-block .link a {    font-size: max(12px, 1rem);    color: #fff;}.wrap-s {    width: 90%;    max-width: 1680px;    margin: 0 auto;    position: relative;    z-index: 3;}.index-wrap {    width: 90rem;    margin: 0 auto;    position: relative;    z-index: 3;}.c-bg-fixed,.index-s7 .bg-block .bg,.inner-s7 {    background-attachment: fixed;}.c-content {    padding-left: 15rem;}.inner-label {    font-size: 3.75rem;    color: #004098;    font-family: 'HarmonyOS_Sans_SC_Bold';}.c-crumbs {    position: relative;    z-index: 3;    padding: 0 3.75rem;    display: flex;    align-items: center;    grid-gap: 45px;    color: rgba(143, 0, 172, 0.5);}.c-crumbs a {    position: relative;}.c-crumbs a:after {    content: '';    width: 5px;    height: 8px;    background-position: center;    background-repeat: no-repeat;    background-size: contain;    background-image: url("../images/crumbs-1.png");    opacity: 0.5;    position: absolute;    top: 50%;    margin-top: -4px;    left: calc(100% + 20px);}.c-crumbs a:last-child:after {    display: none;}.c-crumbs a.home {    width: 18px;    height: 16px;    background-position: center;    background-repeat: no-repeat;    background-size: contain;    background-image: url("../images/home.png");    opacity: 0.5;}.c-crumbs a.link {    font-size: 16px;    color: rgba(143, 0, 172, 0.5);    line-height: 50px;}.c-crumbs a.link:hover {    color: #8f00ac;}.c-crumbs span {    font-size: 16px;    color: rgba(255, 255, 255, 0.5);    line-height: 50px;}.c-banner {    position: relative;    z-index: 1;    margin-top: -50px;}/*.c-banner:before {    content: '';    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    background-position: center;    background-repeat: no-repeat;    background-size: cover;    background-image: url("../images/banner-bg.png");    z-index: 2;}*/.c-banner .img-box {    position: relative;    z-index: 1;}.c-banner .img-box img {    display: block;    width: 100%;    height: 30vw;    object-fit: cover;}.c-banner .txt-box {    position: absolute;    top: 12vw;    left: 0;    width: 100%;    z-index: 3;}.c-banner .tit {    font-size: 4.5rem;    color: #fff;    font-family: 'HarmonyOS_Sans_SC_Bold';    text-align: right;}.index-label {    font-size: 3rem;    color: #333333;}.index-s1 {    position: relative;}.index-s1 .item {    position: relative;    height: 100vh;    overflow: hidden;}.index-s1 .item .img-box {    height: 100%;    position: relative;    z-index: 1;}.index-s1 .item img {    display: block;    width: 100%;    height: 100%;    object-fit: cover;}.index-s1 .item img.ani {    transform: scale(1.1);    transition: transform 5s ease;    will-change: transform;}.index-s1 .item .video-box {    background-position: center center;    background-repeat: no-repeat;    background-size: cover;    height: 100%;    position: relative;    z-index: 1;}.index-s1 .item video {    display: block;    width: 100%;    height: 100%;    object-fit: cover;}.index-s1 .item.swiper-slide-active img.ani {    transform: scale(1);}.index-s1 .pagination {    position: absolute;    bottom: 3.75rem;    left: 0;    right: 0;    text-align: center;    font-size: 0;    z-index: 2;}.index-s1 .pagination span {    width: 1rem;    height: 1rem;    display: inline-block;    vertical-align: top;    position: relative;    margin-left: 0.625rem;    border-radius: 0.5rem;    background-color: rgba(255, 255, 255, .3);    cursor: pointer;    transition: all .3s ease;}.index-s1 .pagination span:nth-of-type(1) {    margin-left: 0;}.index-s1 .pagination span:before {    content: '';    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    box-sizing: border-box;    border-radius: 50%;    border: 2px solid rgba(255, 255, 255, 0.2);    opacity: 0;    display: none;}.index-s1 .pagination span:after {    content: '';    width: 8px;    height: 8px;    background-color: #fff;    border-radius: 50%;    position: absolute;    top: 50%;    left: 50%;    margin: -4px 0 0 -4px;    display: none;}.index-s1 .pagination span svg {    fill: none;    stroke: #fff;    stroke-width: 2px;    stroke-dasharray: 100;    stroke-dashoffset: 100;    transform: rotate(-90deg);    display: none;}.index-s1 .pagination span.active {    width: 2rem;    background-color: #004098;}.index-s1 .pagination span.active:before {    opacity: 1;}.index-s1 .pagination span.active svg {    animation: indexsvg 5.5s linear forwards;}.index-s1 .button {    position: absolute;    top: 50%;    transform: translateY(-50%);    width: 48px;    height: 48px;    cursor: pointer;    opacity: 0;    z-index: 2;    transition: opacity .3s ease;}.index-s1 .button .btn {    width: 100%;    height: 100%;    background-position: center;    background-repeat: no-repeat;    background-size: contain;    opacity: 0.5;    transition: opacity .3s ease;    z-index: 9999; // 增加z-index值以确保按钮显示在其他元素之上;}@media (any-hover: hover) {    .index-s1 .button .btn:hover {        opacity: 1;    }}.index-s1 .button.show {    opacity: 1;}.index-s1 .prev {    left: 3.75rem;}.index-s1 .prev .btn {    background-image: url("../images/left.png");}.index-s1 .next {    right: 3.75rem;}.index-s1 .next .btn {    background-image: url("../images/right.png");}.index-s1 .tips {    position: absolute;    z-index: 3;    right: 3.75rem;    top: 8.5rem;    font-size: max(14px, 1.25rem);    color: #fff;    background-color: rgba(0, 0, 0, .2);    line-height: 3;    padding: 0 1.875rem;    border-radius: 5px;    border: 1px solid #fff;}.index-s2 {    padding: 7.5rem 0;    background-color: #f1f6fe;}.index-s2 .top-block {    display: flex;    align-items: baseline;    justify-content: space-between;}.index-s2 .tab-tit {    display: flex;    grid-gap: 2.5rem;}.index-s2 .tab-tit span {    font-size: max(16px, 1.25rem);    color: #333333;    transition: all .3s ease;    cursor: pointer;}.index-s2 .tab-tit span.active {    color: #8c1c40;}@media (any-hover: hover) {    .index-s2 .tab-tit span:hover {        color: #8c1c40;    }}.index-s2 .bot-block {    margin-top: 2.5rem;}.index-s2 .bot-block .child {    display: none;    overflow: hidden;}.index-s2 .bot-block .child.active {    display: block;}.index-s2 .items {    border-radius: 10px;    background-color: #fff;    overflow: hidden;    box-shadow: 0 5px 1.875rem rgba(0, 0, 0, 0.1);    position: relative;}.index-s2 .pagination {    position: absolute;    width: calc(50% - 3.75rem);    left: calc(50% + 3.75rem);    bottom: 3.75rem;    font-size: 0;    z-index: 2;}.index-s2 .pagination span {    display: inline-block;    vertical-align: top;    width: 12px;    height: 12px;    border-radius: 50%;    background-color: #dbdde1;    margin-left: 1rem;    cursor: pointer;    transition: all .3s ease;}.index-s2 .pagination span:nth-of-type(1) {    margin-left: 0;}.index-s2 .pagination span.active {    background-color: #8c1c40;}.index-s2 .item a {    display: flex;    align-items: flex-start;    background: url("../images/ttxw_bg_pic.png") no-repeat right center;    background-size: cover;}.index-s2 .item .img-box {    width: 50%;    height: 27.5rem;    overflow: hidden;}.index-s2 .item img {    display: block;    width: 100%;    height: 100%;    object-fit: cover;    will-change: transform;    transition: transform .5s ease;}.index-s2 .item .txt-box {    width: 50%;    padding: 5rem 3.75rem;}.index-s2 .item .date {    font-size: max(14px, 1.25rem);    color: #bfbfbf;    font-family: 'Rajdhani-Regular';    opacity: 0;}.index-s2 .item .tit {    font-size: 2rem;    color: #3e3a39;    margin-top: 1rem;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    opacity: 0;}.index-s2 .item p {    font-size: max(14px, 1.125rem);    color: #3e3a39;    margin-top: 1rem;    display: -webkit-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    opacity: 0;}.index-s2 .item.swiper-slide-active .date,.index-s2 .item.swiper-slide-active .tit,.index-s2 .item.swiper-slide-active p {    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;}.index-s2 .item.swiper-slide-active .tit {    animation-delay: .1s;}.index-s2 .item.swiper-slide-active p {    animation-delay: .2s;}.index-s2 .list-box {    margin-top: 10px;    display: flex;    grid-gap: 10px;}.index-s2 .list {    width: calc((100% - 30px) / 4);    border-radius: 8px;    overflow: hidden;    background-color: #fff;    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.1);}.index-s2 .list a {    display: block;    height: 100%;    position: relative;}.index-s2 .list .show {    position: relative;    z-index: 1;}.index-s2 .list .show .img-box {    height: 11.5rem;    overflow: hidden;}.index-s2 .list .show img {    display: block;    width: 100%;    height: 100%;    object-fit: cover;}.index-s2 .list .show .txt-box {    padding: 1.5rem 1.875rem;}.index-s2 .list .show .tit {    font-size: max(16px, 1.25rem);    line-height: 1.2;    color: #3e3a39;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}.index-s2 .list .show .date {    font-size: max(12px, 1rem);    line-height: 20px;    color: #bfbfbf;    font-family: 'Rajdhani-Regular';    margin-top: 0.625rem;}.index-s2 .list .hide {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-color: #fff;    z-index: 2;    opacity: 0;    transition: opacity .3s ease;}.index-s2 .list .hide:after {    content: '';    width: 100%;    height: 50%;    position: absolute;    bottom: 0;    left: 0;    background-image: linear-gradient(180deg, transparent, #8c1c40);    z-index: 2;}.index-s2 .list .hide .img-box {    height: 100%;    overflow: hidden;    opacity: 0.3;    position: relative;    z-index: 1;}.index-s2 .list .hide img {    display: block;    width: 100%;    height: 100%;    object-fit: cover;}.index-s2 .list .hide .txt-box {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    padding: 3.75rem 1.875rem;    display: flex;    flex-direction: column;    justify-content: space-between;    z-index: 3;}.index-s2 .list .hide .tit {    font-size: max(16px, 1.25rem);    color: #3e3a39;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}.index-s2 .list .hide .date {    font-size: max(12px, 1rem);    color: #333333;    font-family: 'Rajdhani-Regular';    margin-top: 0.625rem;}.index-s2 .list .hide span {    display: block;    width: max(100px, 7.5rem);    line-height: max(36px, 2.5rem);    text-align: center;    font-size: 14px;    color: #333333;    border: 1px solid #333333;}@media (any-hover: hover) {    .index-s2 .list:hover .hide {        opacity: 1;    }}.index-s2 .items-1 {    height: max(calc(42.625rem + 68.4px), calc(45.625rem + 30px));    display: grid;    grid-gap: 0.75rem;    grid-template-columns: repeat(4, calc((100% - 2.25rem) / 4));    grid-template-rows: repeat(2, calc((100% - 0.75rem) / 2));}.index-s2 .item-1:nth-of-type(1) {    grid-area: 1 / 1 / 2 / 3;}.index-s2 .item-1:nth-of-type(1) .tit {    font-size: 2rem;}.index-s2 .item-1:nth-of-type(1) p {    -webkit-line-clamp: 2;}.index-s2 .item-1:nth-of-type(1) span.more {    margin-top: 2.5rem;}.index-s2 .item-1 a {    display: block;    height: 100%;    background-color: #fff;    padding: 3.75rem 2.5rem 0;    border-radius: 8px;    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.1);    transition: background .3s ease;}.index-s2 .item-1 .date i,.index-s2 .item-1 .date span {    display: block;    line-height: 1;}.index-s2 .item-1 .date i {    font-style: normal;    font-size: 3.375rem;    font-family: 'Rajdhani-Bold';    color: #bfbfbf;}.index-s2 .item-1 .date span {    font-size: max(14px, 1rem);    font-family: 'Rajdhani-Bold';    color: #bfbfbf;}.index-s2 .item-1 .tit {    font-size: max(16px, 1.5rem);    color: #3e3a39;    line-height: 1.2;    color: #3e3a39;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    margin-top: 1rem;    transition: color .3s ease;}.index-s2 .item-1 .tit2 {    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    white-space: normal;}.index-s2 .item-1 p {    font-size: max(14px, 1.125rem);    color: #3e3a39;    font-family: 'HarmonyOS_Sans_SC_Light';    margin-top: 1rem;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    margin-top: 1rem;    transition: color .3s ease;}.index-s2 .item-1 span.more {    display: block;    width: max(100px, 7.5rem);    line-height: max(36px, 2.5rem);    text-align: center;    font-size: 14px;    color: #3e3a39;    border: 1px solid #cccccc;    margin-top: 1.5rem;    transition: all .3s ease;}@media (any-hover) {    .index-s2 .item-1:hover a {        background-color: #8c1c40;    }    .index-s2 .item-1:hover .date span,    .index-s2 .item-1:hover .date i {        color: #f6be25;    }    .index-s2 .item-1:hover .tit {        color: #fff;    }    .index-s2 .item-1:hover p {        color: rgba(255, 255, 255, 0.8);    }    .index-s2 .item-1:hover span {        border-color: #f6be25;        color: #f6be25;    }}.index-s2 .items-2 {    height: max(calc(42.625rem + 68.4px), calc(45.625rem + 30px));    display: grid;    grid-gap: 0.75rem;    grid-template-columns: repeat(4, calc((100% - 2.25rem) / 4));    grid-template-rows: repeat(2, calc((100% - 0.75rem) / 2));}.index-s2 .item-2 a {    display: block;    height: 100%;    background-color: #fff;    padding: 3.75rem 2.5rem 0;    border-radius: 8px;    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.1);    transition: background .3s ease;}.index-s2 .item-2 .date i,.index-s2 .item-2 .date span {    display: block;    line-height: 1;}.index-s2 .item-2 .date i {    font-style: normal;    font-size: 3.375rem;    font-family: 'Rajdhani-Bold';    color: #bfbfbf;}.index-s2 .item-2 .date span {    font-size: max(14px, 1rem);    font-family: 'Rajdhani-Bold';    color: #bfbfbf;}.index-s2 .item-2 .tit {    font-size: max(16px, 1.5rem);    color: #3e3a39;    line-height: 1.2;    color: #3e3a39;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    margin-top: 1rem;    transition: color .3s ease;}.index-s2 .item-2 span.more {    display: block;    width: max(100px, 7.5rem);    line-height: max(36px, 2.5rem);    text-align: center;    font-size: 14px;    color: #3e3a39;    border: 1px solid #cccccc;    margin-top: 1.5rem;    transition: all .3s ease;}@media (any-hover) {    .index-s2 .item-2:hover a {        background-color: #8c1c40;    }    .index-s2 .item-2:hover .date span,    .index-s2 .item-2:hover .date i {        color: #f6be25;    }    .index-s2 .item-2:hover .tit {        color: #fff;    }    .index-s2 .item-2:hover span {        border-color: #f6be25;        color: #f6be25;    }}.index-s2 .btn {    margin-top: 2.5rem;    display: flex;    justify-content: center;    grid-gap: 10px;}.index-s2 .btn a {    display: block;    width: max(120px, 11.25rem);    line-height: max(36px, 3rem);    text-align: center;    border: 1px solid #8c1c40;    font-size: 14px;    color: #8c1c40;    transition: all .3s ease;}.index-s2 .btn a:nth-of-type(1) {    background-color: #8c1c40;    color: #fff;}@media (any-hover: hover) {    .index-s2 .btn a:hover {        background-color: #8c1c40;        color: #fff;        transform: translateY(-3px);        box-shadow: 0 0.625rem 1.875rem rgba(140, 28, 64, 0.3);    }}.index-s3 {    padding-top: 6.25rem;    background-color: #fff;    position: relative;}.index-s3:before {    content: '';    width: 100%;    height: 36vw;    position: absolute;    top: -14.5vw;    left: 0;    background: url("../images/img-3.png") center top no-repeat;    background-size: 100% auto;    pointer-events: none;}.index-s3 .tab-cont .child {    display: none;}.index-s3 .tab-cont .child.active {    display: block;}.index-s3 .tab-cont .child.active .date,.index-s3 .tab-cont .child.active .tit,.index-s3 .tab-cont .child.active p,.index-s3 .tab-cont .child.active .btn,.index-s3 .tab-cont .child.active .img-box {    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;}.index-s3 .tab-cont .child.active .tit {    animation-delay: .1s;}.index-s3 .tab-cont .child.active p {    animation-delay: .2s;}.index-s3 .tab-cont .child.active .btn {    animation-delay: .3s;}.index-s3 .tab-cont .flex {    display: flex;    align-items: flex-start;}.index-s3 .tab-cont .txt-box {    margin-top: 2.5rem;    padding: 1.5rem 12.5rem 1.5rem 2.5rem;    width: calc(100% - 30rem);    border-left: 1px solid #e5e5e5;    position: relative;    z-index: 2;}.index-s3 .tab-cont .txt-box:before {    content: '';    width: 1px;    height: 7.5rem;    background-color: #8c1c40;    position: absolute;    left: -1px;    top: 3.75rem;}.index-s3 .tab-cont .date {    font-size: max(14px, 1rem);    color: #191919;    font-family: 'Rajdhani-Regular';    opacity: 0;}.index-s3 .tab-cont .tit {    font-size: 2rem;    color: #191919;    font-family: 'HarmonyOS_Sans_SC_Bold';    margin-top: 1.5rem;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    opacity: 0;}.index-s3 .tab-cont p {    font-size: max(14px, 1.125rem);    color: #191919;    line-height: 1.8;    margin-top: 1.5rem;    display: -webkit-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    opacity: 0;}.index-s3 .tab-cont .btn {    margin-top: 6.25rem;    opacity: 0;    display: flex;    grid-gap: 10px;}.index-s3 .tab-cont .btn a {    display: block;    width: max(120px, 11.25rem);    line-height: max(36px, 3rem);    text-align: center;    border: 1px solid #8c1c40;    font-size: 14px;    color: #8c1c40;    transition: all .3s ease;}.index-s3 .tab-cont .btn a:nth-of-type(1) {    background-color: #8c1c40;    color: #fff;}@media (any-hover: hover) {    .index-s3 .tab-cont .btn a:hover {        background-color: #8c1c40;        color: #fff;        transform: translateY(-3px);        box-shadow: 0 0.625rem 1.875rem rgba(140, 28, 64, 0.3);    }}.index-s3 .tab-cont .img-box {    width: 30rem;    height: 40rem;    position: relative;    order: 2;    perspective: 800px;    opacity: 0;}.index-s3 .tab-cont .img-box:before {    content: '';    width: 100%;    height: 100%;    position: absolute;    right: 100%;    top: 0;    background: url("../images/img-5.png") right top no-repeat;    background-size: auto 100%;}.index-s3 .tab-cont .img-box img {    display: block;    width: 100%;    height: 100%;    object-fit: cover;    transform-style: preserve-3d;    transform-origin: left center;    transform: rotateY(15deg);    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.1);}.index-s3 .bot-block {    margin-top: 5rem;    position: relative;    background-color: #f5f5f5;}.index-s3 .bot-block .item {    height: max(90px, 7.5rem);    padding: 0 60px;    display: flex;    align-items: center;    transition: background .3s ease;    cursor: pointer;}.index-s3 .bot-block .item:before {    content: '';    width: 100%;    height: 4px;    background-color: #f6be25;    position: absolute;    top: 0;    left: 0;    transform: scaleX(0);    transition: transform .3s ease;    will-change: transform;    transform-origin: right top;}.index-s3 .bot-block .item:after {    content: '';    width: 1px;    height: 3.75rem;    background-color: #dcdcdc;    position: absolute;    right: 0;    top: 50%;    margin-top: -1.875rem;    pointer-events: none;    transition: opacity .3s ease;}.index-s3 .bot-block .item .tit {    width: 100%;    font-size: max(14px, 1rem);    color: #191919;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    transition: color .3s ease;}.index-s3 .bot-block .item.active {    background-color: #8c1c40;}.index-s3 .bot-block .item.active:before {    transform: scaleX(1);    transform-origin: left top;}.index-s3 .bot-block .item.active:after {    opacity: 0;}.index-s3 .bot-block .item.active .tit {    color: #f6be25;}.index-s3 .bot-block .button {    width: 30px;    height: 30px;    background-position: center;    background-repeat: no-repeat;    background-size: contain;    position: absolute;    top: 50%;    margin-top: -15px;    z-index: 2;    cursor: pointer;}.index-s3 .bot-block .prev {    left: 15px;    background-image: url("../images/prev.png");}.index-s3 .bot-block .next {    right: 15px;    background-image: url("../images/next.png");}.index-s4 .index-label {    text-align: center;    display: none;}.index-s4 .items {    height: 50vw;}.index-s4 .sw {    height: 100%;    display: grid;    grid-template-columns: repeat(4, 25%);    grid-template-rows: repeat(2, 50%);}.index-s4 .item {    position: relative;    background-color: #000;}@media screen and (min-width: 1025px) {    .index-s4 .item:nth-of-type(1) {        grid-area: 1 / 1 / 2 / 3;    }    .index-s4 .item:nth-of-type(6) {        grid-area: 2 / 3 / 3 / 5;    }    .index-s4 .item:nth-of-type(1) .hide .tit,    .index-s4 .item:nth-of-type(6) .hide .tit {        font-size: 1.875rem;    }}.index-s4 .item .status {    display: none;    position: absolute;    top: 1.25rem;    right: 1.25rem;    width: max(90px, 7.5rem);    line-height: max(30px, 2.5rem);    text-align: center;    border-radius: 5px;    font-size: max(12px, 0.875rem);    z-index: 3;}.index-s4 .zt1 .notstart {    display: block;}.index-s4 .zt2 .ongoing {    display: block;}.index-s4 .zt3 .ended {    display: block;}.index-s4 .item .status.ongoing {    background-color: rgba(255, 255, 255, 0.5);    color: #8c1c40;}.index-s4 .item .status.notstart {    background-color: #8c1c40;    color: #f6be25;}.index-s4 .item .status.ended {    background-color: rgba(83, 83, 83, 0.5);    color: #fff;}.index-s4 .item .img-box {    width: 100%;    height: 100%;    overflow: hidden;    opacity: 0.5;    background-size: cover;}.index-s4 .item img {    display: block;    width: 100%;    height: 100%;    object-fit: cover;    transition: transform .5s ease;    will-change: transform;}.index-s4 .item .show {    position: absolute;    bottom: 0;    left: 0;    right: 0;    padding: 0 3rem 2.5rem;    z-index: 1;    transition: opacity .3s ease;}.index-s4 .item .show span {    display: block;    font-size: max(12px, 1.125rem);    color: rgba(255, 255, 255, 0.5);}.index-s4 .item .show .tit {    font-size: max(16px, 1.375rem);    color: #fff;    line-height: 1.5;    margin-top: 5px;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}.index-s4 .item .hide {    position: absolute;    bottom: 0;    left: 0;    right: 0;    padding: 0 3rem 2.5rem;    z-index: 2;    opacity: 0;    transition: opacity .3s ease;}.index-s4 .item .hide .tit {    font-size: max(16px, 1.375rem);    color: #fff;    line-height: 1.5;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}.index-s4 .item .hide .info {    margin-top: 1rem;    opacity: 0.8;}.index-s4 .item .hide p {    font-size: max(12px, 1rem);    color: #ffffff;    position: relative;    padding-left: 2rem;    margin-top: .625rem;}.index-s4 .item .hide p:nth-of-type(1) {    margin-top: 0;}.index-s4 .item .hide p:before {    content: '';    width: max(14px, 1.25rem);    height: max(14px, 1.25rem);    background-position: center;    background-repeat: no-repeat;    background-size: contain;    position: absolute;    left: 0;    top: 2px;}.index-s4 .item .hide p.date:before {    background-image: url("../images/icon-1-1.png");}.index-s4 .item .hide p.addr:before {    background-image: url("../images/icon-1-2.png");}.index-s4 .item .hide p.speaker:before {    background-image: url("../images/icon-1-3.png");}.index-s4 .item .btn {    margin-top: 1.5rem;    display: flex;    grid-gap: 10px;}.index-s4 .item .btn a {    display: block;    width: max(120px, 11.25rem);    line-height: max(36px, 3rem);    text-align: center;    border: 1px solid #fff;    font-size: 14px;    color: #fff;    transition: all .3s ease;}.index-s4 .item .btn a:nth-of-type(1) {    border-color: #8c1c40;    background-color: #8c1c40;    color: #fff;}@media (any-hover: hover) {    .index-s4 .item .btn a:hover {        border-color: #8c1c40;        background-color: #8c1c40;        color: #fff;        transform: translateY(-3px);        box-shadow: 0 0.625rem 1.875rem rgba(140, 28, 64, 0.3);    }}@media (any-hover: hover) {    .index-s4 .item:hover img {        transform: scale(1.1);    }    .index-s4 .item:hover .show {        opacity: 0;    }    .index-s4 .item:hover .hide {        opacity: 1;    }}.index-s5 {    padding: 7.5rem 0 0;}.index-s5 .index-label {    text-align: center;}.index-s5 .items {    margin-top: 2.5rem;    border-radius: 10px;    overflow: hidden;}.index-s5 .sw {    display: flex;}.index-s5 .btn {    margin-top: 2.5rem;    display: flex;    justify-content: center;    grid-gap: 10px;}.index-s5 .btn a {    display: block;    width: max(120px, 11.25rem);    line-height: max(36px, 3rem);    text-align: center;    border: 1px solid #8c1c40;    font-size: 14px;    color: #8c1c40;    transition: all .3s ease;}@media (any-hover: hover) {    .index-s5 .btn a:hover {        background-color: #8c1c40;        color: #fff;        transform: translateY(-3px);        box-shadow: 0 0.625rem 1.875rem rgba(140, 28, 64, 0.3);    }}@media screen and (min-width: 1025px) {    .index-s5 .item {        width: 10.625rem;        height: 40rem;        overflow: hidden;        position: relative;        transition: width .3s ease;    }    .index-s5 .item:before {        content: '';        width: 100%;        height: 100%;        position: absolute;        top: 0;        left: 0;        background-color: #8c1c40;        pointer-events: none;        transition: opacity .3s ease;        z-index: 1;    }    .index-s5 .item a {        display: block;        height: 100%;        position: relative;        z-index: 2;    }    .index-s5 .item .img-box {        width: 58.125rem;        height: 100%;        position: absolute;        top: 0;        left: 50%;        transform: translateX(-50%);        background-color: #000;        z-index: 1;        opacity: 0.1;        transition: opacity .3s ease;    }    .index-s5 .item .img-box img {        display: block;        width: 100%;        height: 100%;        object-fit: cover;        opacity: 0.9;    }    .index-s5 .item .show {        width: 10.625rem;        height: 100%;        position: absolute;        top: 0;        left: 0;        padding-top: 17.5rem;        z-index: 2;        transition: all .3s ease;    }    .index-s5 .item .show i {        display: block;        width: 42px;        height: 42px;        margin: 0 auto;        background-position: center;        background-repeat: no-repeat;        background-size: contain;    }    .index-s5 .item .show .tit {        padding: 0 1.25rem;        margin-top: 1.25rem;        font-size: max(14px, 1.125rem);        color: #fff;        text-align: center;    }    .index-s5 .item .hide {        width: 58.125rem;        position: absolute;        left: 0;        bottom: 0;        padding: 3.75rem;        z-index: 3;        background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8));        opacity: 0;        visibility: hidden;        transition: all .3s ease;    }    .index-s5 .item .hide .tit {        font-size: 2.25rem;        color: #fff;        font-family: 'HarmonyOS_Sans_SC_Bold';    }    .index-s5 .item .hide p {        font-size: max(14px, 1.125rem);        color: #fff;        line-height: 1.5;        font-family: 'HarmonyOS_Sans_SC_Light';        margin-top: 1rem;        display: -webkit-box;        -webkit-line-clamp: 3;        -webkit-box-orient: vertical;        overflow: hidden;        text-overflow: ellipsis;    }    .index-s5 .item .hide span {        display: block;        width: max(120px, 11.25rem);        line-height: max(36px, 3rem);        text-align: center;        border: 1px solid #fff;        font-size: 14px;        color: #fff;        margin-top: 1.25rem;        transition: all .3s ease;    }}@media screen and (min-width: 1025px) and (any-hover: hover) {    .index-s5 .item .hide span:hover {        border-color: #8c1c40;        background-color: #8c1c40;    }}@media screen and (min-width: 1025px) {    .index-s5 .item:nth-of-type(2):before {        opacity: 0.85;    }    .index-s5 .item:nth-of-type(3):before {        opacity: 0.7;    }    .index-s5 .item:nth-of-type(4):before {        opacity: 0.55;    }    .index-s5 .item.active {        width: 58.125rem;    }    .index-s5 .item.active:before {        opacity: 1;    }    .index-s5 .item.active .img-box {        opacity: 1;    }    .index-s5 .item.active .show {        opacity: 0;        visibility: hidden;    }    .index-s5 .item.active .hide {        opacity: 1;        visibility: visible;    }}.index-s6 {    padding: 10rem 0 0;    position: relative;    z-index: 2;    overflow: hidden;}.index-s6 .top-block {    display: flex;    align-items: center;    justify-content: space-between;}.index-s6 .btns {    display: flex;    grid-gap: 1rem;}.index-s6 .button {    width: max(40px, 3.125rem);    height: max(40px, 3.125rem);    border-radius: 50%;    border: 1px solid #8c1c40;    background-position: center;    background-repeat: no-repeat;    background-size: auto 14px;    transition: all .3s ease;    cursor: pointer;}@media (any-hover: hover) {    .index-s6 .button:hover {        background-color: #8c1c40;        box-shadow: 0 5px 10px rgba(140, 28, 64, 0.3);    }}.index-s6 .prev {    background-image: url("../images/prev-1.png");}@media (any-hover: hover) {    .index-s6 .prev:hover {        background-image: url("../images/prev-2.png");    }}.index-s6 .next {    background-image: url("../images/next-1.png");}@media (any-hover: hover) {    .index-s6 .next:hover {        background-image: url("../images/next-2.png");    }}.index-s6 .items {    margin-top: 2.5rem;}.index-s6 .swiper {    /* margin: 0 calc(-50vw + 45rem); */    /* padding: 0 calc(50vw - 45rem); */    width: calc((100vw - 90rem)/2 + 100%);}.index-s6 .item {    width: 21.375rem;    margin-right: 1.5rem;    border-radius: 1rem;    overflow: hidden;}.index-s6 .item:last-of-type {    margin-right: 0;}.index-s6 .item a {    display: block;    position: relative;}.index-s6 .item a:before {    content: '';    width: 100%;    height: 30%;    position: absolute;    bottom: 0;    left: 0;    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.6));    z-index: 2;    pointer-events: none;    transition: opacity .3s ease;}.index-s6 .item a:after {    content: '';    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    background-color: rgba(0, 0, 0, 0.1);    z-index: 2;    pointer-events: none;    opacity: 0;    transition: opacity .3s ease;}.index-s6 .item .img-box {    height: 30rem;    overflow: hidden;    position: relative;    z-index: 1;}.index-s6 .item img {    display: block;    width: 100%;    height: 100%;    object-fit: cover;}.index-s6 .item .show {    position: absolute;    bottom: 0;    left: 0;    right: 0;    padding: 0 2rem 2rem;    z-index: 3;    transition: all .3s ease;}.index-s6 .item .show .tit {    font-size: 1.5rem;    color: #fff;}.index-s6 .item .hide {    position: absolute;    bottom: 0;    left: 0;    right: 0;    padding: 0 2rem 2rem;    z-index: 3;    opacity: 0;    visibility: hidden;    transition: all .3s ease;}.index-s6 .item .hide .tit {    font-size: 1.5rem;    color: #fff;    font-family: 'HarmonyOS_Sans_SC_Bold';}.index-s6 .item .hide p {    font-size: max(14px, 1rem);    color: #fff;    line-height: 1.5;    font-family: 'HarmonyOS_Sans_SC_Light';    margin-top: 1.5rem;    display: -webkit-box;    -webkit-line-clamp: 4;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}.index-s6 .item .hide span {    display: block;    width: max(120px, 11.25rem);    line-height: max(36px, 3rem);    text-align: center;    border: 1px solid #fff;    font-size: 14px;    color: #fff;    margin-top: 2rem;    transition: all .3s ease;}@media (any-hover: hover) {    .index-s6 .item .hide span:hover {        border-color: #8c1c40;        background-color: #8c1c40;    }}@media (any-hover: hover) {    .index-s6 .item:hover a:before {        opacity: 0;    }    .index-s6 .item:hover a:after {        opacity: 1;    }    .index-s6 .item:hover .show {        opacity: 0;        visibility: hidden;    }    .index-s6 .item:hover .hide {        opacity: 1;        visibility: visible;    }}.index-s6 .btn {    margin-top: 2.5rem;    display: flex;    grid-gap: 10px;}.index-s6 .btn a {    display: block;    width: max(120px, 11.25rem);    line-height: max(36px, 3rem);    text-align: center;    border: 1px solid #fff;    font-size: 14px;    color: #fff;    transition: all .3s ease;}@media (any-hover: hover) {    .index-s6 .btn a:hover {        border-color: #8c1c40;        background-color: #8c1c40;        color: #fff;        transform: translateY(-3px);        box-shadow: 0 0.625rem 1.875rem rgba(140, 28, 64, 0.3);    }}.index-s7 {    height: 60rem;    position: relative;    z-index: 1;}.index-s7 .mask {    position: absolute;    bottom: calc(100% + 4.375rem);    left: 0;    width: 100%;    height: 44vw;    background: url("../images/img-9.png") center bottom no-repeat;    background-size: 100% auto;    z-index: 2;    pointer-events: none;}.index-s7 .mask:after {    content: '';    width: 100%;    height: 35vw;    position: absolute;    top: 29.6vw;    background: url("../images/img-10.png") center top no-repeat;    background-size: 100% auto;}.index-s7 .bg-block {    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: calc(100% + 15vw + 4.375rem);    z-index: 1;    pointer-events: none;}.index-s7 .bg-block:before {    content: '';    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    background-color: rgba(51, 78, 89, 0.5);    z-index: 2;}.index-s7 .bg-block:after {    content: '';    width: 100%;    height: 17.9375rem;    position: absolute;    bottom: 0;    left: 0;    background: url("../images/img-12.png") center bottom no-repeat;    background-size: 100% 100%;    z-index: 3;}.index-s7 .bg-block .bg {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-position: center;    background-repeat: no-repeat;    background-size: cover;    z-index: 1;    opacity: 0;}.index-s7 .bg-block .bg.active {    opacity: 1;}.index-s7 .video-block {    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: calc(100% + 15vw + 4.375rem);    z-index: 1;    pointer-events: none;    background-position: center;    background-repeat: no-repeat;    background-size: cover;    background-image: url("../images/section-7-bg.jpg");}.index-s7 .video-block:before {    content: '';    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    background-color: rgba(51, 78, 89, 0.5);    z-index: 2;}.index-s7 .video-block:after {    content: '';    width: 100%;    height: 17.9375rem;    position: absolute;    bottom: 0;    left: 0;    background: url("../images/img-12.png") center bottom no-repeat;    background-size: 100% 100%;    z-index: 3;}.index-s7 .video-block video {    display: block;    width: 100%;    height: 100%;    object-fit: cover;    position: relative;    z-index: 1;}.index-s7 .tab-wrap {    position: relative;    height: 100%;    overflow: hidden;}.index-s7 .tab-tit {    position: absolute;    width: 51rem;    height: 51rem;    top: 4.5rem;    left: calc(100% - 15rem);    z-index: 4;}.index-s7 .tab-tit img {    display: block;    width: 100%;}.index-s7 .tab-tit .items {    position: absolute;    right: 100%;    top: 0;    height: 100%;}.index-s7 .tab-tit .sw {    height: 100%;    display: flex;    flex-direction: column;    justify-content: center;    align-items: flex-end;    grid-gap: 6.25rem;}.index-s7 .tab-tit .item {    position: relative;    padding-right: 3.125rem;    cursor: pointer;}.index-s7 .tab-tit .item span {    display: block;    white-space: nowrap;    font-size: max(14px, 1.25rem);    color: #fff;    transition: color .3s ease;}.index-s7 .tab-tit .item i {    width: 1.75rem;    height: 1.75rem;    position: absolute;    right: 0;    top: 50%;    transform: translateY(-50%);}.index-s7 .tab-tit .item i:before {    content: '';    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    border-radius: 50%;    background-color: rgba(254, 198, 39, 0.1);    opacity: 0;    transition: opacity .3s ease;}.index-s7 .tab-tit .item i:after {    content: '';    width: .625rem;    height: .625rem;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    border-radius: 50%;    background-color: #fff;}.index-s7 .tab-tit .item:nth-of-type(1) {    transform: translateX(3.75rem);}.index-s7 .tab-tit .item:nth-of-type(2) {    transform: translateX(1.25rem);}.index-s7 .tab-tit .item:nth-of-type(3) {    transform: translateX(1.25rem);}.index-s7 .tab-tit .item:nth-of-type(4) {    transform: translateX(3.75rem);}.index-s7 .tab-tit .item.active span {    color: #fec627;}.index-s7 .tab-tit .item.active i:before {    opacity: 1;}.index-s7 .tab-tit .item.active i:after {    background-color: #fec627;}.index-s7 .tab-cont {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}.index-s7 .tab-cont .index-wrap {    height: 100%;}.index-s7 .tab-cont .child {    height: 100%;    display: none;}.index-s7 .tab-cont .child.active {    display: block;}.index-s7 .tab-cont .child.active i,.index-s7 .tab-cont .child.active .tit,.index-s7 .tab-cont .child.active p,.index-s7 .tab-cont .child.active .btns {    animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;}.index-s7 .tab-cont .child.active .tit {    animation-delay: .1s;}.index-s7 .tab-cont .child.active p {    animation-delay: .2s;}.index-s7 .tab-cont .child.active .btns {    animation-delay: .3s;}.index-s7 .tab-cont .flex {    width: max(400px, 33.75rem);    height: 100%;    display: flex;    flex-direction: column;    justify-content: center;}.index-s7 .tab-cont i,.index-s7 .tab-cont .tit,.index-s7 .tab-cont p,.index-s7 .tab-cont .btns {    opacity: 0;}.index-s7 .tab-cont i {    display: block;    width: max(40px, 3.75rem);    height: max(40px, 3.75rem);    background-position: center;    background-repeat: no-repeat;    background-size: contain;    margin-bottom: 1.875rem;}.index-s7 .tab-cont .tit {    font-size: 2.5rem;    color: #fff;}.index-s7 .tab-cont p {    font-size: max(14px, 1.125rem);    color: #fff;    line-height: 1.8;    margin-top: 1rem;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}.index-s7 .tab-cont .btns {    margin-top: 3.75rem;}.index-s7 .tab-cont a {    display: block;    width: max(120px, 11.25rem);    line-height: max(36px, 3rem);    text-align: center;    border: 1px solid #fff;    font-size: 14px;    color: #fff;    transition: all .3s ease;}@media (any-hover: hover) {    .index-s7 .tab-cont a:hover {        border-color: #8c1c40;        background-color: #8c1c40;    }}.index-s8 {    padding: 6.25rem 0 12.5rem;    background: url("../images/img-14.png") center bottom no-repeat;    background-size: 100% auto;    position: relative;    z-index: 1;    overflow: hidden;}.index-s8 .top-block img {    display: block;    width: 21.8125rem;    margin: 0 auto;}.index-s8 .bot-block {    max-width: 1920px;    margin: 0 auto;    display: flex;    padding: 0 5.625rem;    justify-content: space-between;    align-items: flex-start;}.index-s8 .item {    position: relative;    padding-top: max(120px, 11.25rem);    animation: o-ani5-1 2s linear infinite;}.index-s8 .item:after {    content: '';    display: block;    width: 8.3125rem;    height: 4.75rem;    margin: 5px auto 0;    background-position: center;    background-repeat: no-repeat;    background-size: contain;    background-image: url("../images/img-16.png");    transition: opacity .3s ease;}.index-s8 .item .box {    position: absolute;    top: 0;    left: 50%;    transform: translateX(-50%);    width: max(120px, 11.25rem);    height: max(120px, 11.25rem);    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;}.index-s8 .item .box:before {    content: '';    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    border-radius: 50%;    border: 1px dashed #8c1c40;    background-color: #fff;    z-index: -1;    pointer-events: none;    opacity: 0;    transition: opacity .3s ease;}.index-s8 .item .icon {    width: 10rem;    height: 4.625rem;    margin: 0 auto;    background-position: center;    background-repeat: no-repeat;    background-size: contain;    opacity: 0;    transition: opacity .3s ease;}.index-s8 .item span {    font-size: 3rem;    color: #004098;    font-family: 'Rajdhani-Bold';    line-height: 4.375rem;    line-height: 1;    margin-top: 1rem;    transition: color .3s ease;}.index-s8 .item p {    font-size: max(14px, 1.25rem);    color: #004098;    text-align: center;    transition: all .3s ease;}.index-s8 .item:nth-of-type(1) {    margin-top: 2rem;    animation-delay: .2s;}.index-s8 .item:nth-of-type(2) {    margin-top: 7.5rem;    animation-delay: .5s;}.index-s8 .item:nth-of-type(4) {    margin-top: 12.5rem;    animation-delay: .6s;}.index-s8 .item:nth-of-type(5) {    margin-top: 7.5rem;    animation-delay: .3s;}.index-s8 .item:nth-of-type(6) {    margin-top: 16rem;    animation-delay: .7s;}.index-s8 .item:nth-of-type(7) {    margin-top: 10rem;    animation-delay: .3s;}.index-s8 .item:nth-of-type(8) {    margin-top: 8rem;    animation-delay: .4s;}@media (any-hover: hover) {    .index-s8 .item:hover {        animation-play-state: paused;    }    .index-s8 .item:hover:after {        opacity: 0;    }    .index-s8 .item:hover .box:before {        opacity: 1;    }    .index-s8 .item:hover .icon {        opacity: 1;    }    .index-s8 .item:hover span {        color: #8c1c40;    }    .index-s8 .item:hover p {        color: #8c1c40;        transform: translateY(1rem);    }}.index-s8 canvas.line {    position: absolute;    left: 50%;    bottom: -10px;    transform: translateX(-50%);}.index-s9 {    padding: 3.75rem 0 24px;    background-color: #023e9b;    position: relative;    z-index: 2;}.index-s9 .mask {    position: absolute;    left: 0;    top: -15vw;    width: 100%;    height: calc(100% + 15vw);    background: url("../images/img-18.png") center top no-repeat;    background-size: 100% auto;    z-index: -1;    pointer-events: none;}.index-s9 .index-label {    text-align: center;    color: #fff;}.index-s9 .items {    margin-top: 3.75rem;    position: relative;}.index-s9 .item {    width: 50.75rem;    height: 28.75rem;}.index-s9 .item .box {    height: 100%;}.index-s9 .item .box.trans {    transition: transform .3s ease;}.index-s9 .item a {    display: block;    height: 100%;    position: relative;    background-color: #000;    border-radius: 10px;    overflow: hidden;}.index-s9 .item a:after {    content: '';    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 100%;    background: url("../images/img-20.png") center bottom no-repeat;    background-size: 100% auto;    z-index: 2;    opacity: 0;    transition: opacity .3s ease;}.index-s9 .item .img-box {    height: 100%;    position: relative;    z-index: 1;    opacity: 0.6;    transition: opacity .3s ease;}.index-s9 .item .img-box img {    display: block;    width: 100%;    height: 100%;    object-fit: cover;}.index-s9 .item .txt-box {    position: absolute;    bottom: 0;    left: 0;    right: 0;    padding: 0 2.5rem 2.5rem;    z-index: 3;    opacity: 0;    transition: opacity .3s ease;}.index-s9 .item .tit {    text-align: center;    font-size: max(14px, 1.125rem);    color: #fff;}.index-s9 .item .icon {    position: absolute;    top: 20px;    right: 20px;    z-index: 3;    width: 40px;    height: 40px;    border-radius: 50%;    border: 2px solid #fff;    opacity: 0.8;    display: flex;    align-items: center;    justify-content: center;    transition: all .3s ease;}.index-s9 .item .icon img {    display: block;    height: 16px;}.index-s9 .item.swiper-slide-active a:after {    opacity: 1;}.index-s9 .item.swiper-slide-active .img-box {    opacity: 1;}.index-s9 .item.swiper-slide-active .txt-box {    opacity: 1;}.index-s9 .item.swiper-slide-active .icon {    opacity: 1;    background-color: rgba(0, 0, 0, .3);    border-color: transparent;}.index-s9 .button {    width: 18px;    height: 30px;    position: absolute;    top: 50%;    margin-top: -15px;    background-position: center;    background-repeat: no-repeat;    background-size: contain;    z-index: 2;    cursor: pointer;}.index-s9 .prev {    left: 13.75rem;    background-image: url("../images/prev-3.png");}.index-s9 .next {    right: 13.75rem;    background-image: url("../images/next-3.png");}.index-s9 .share-box {    margin-top: 3.125rem;    display: flex;    justify-content: center;    grid-gap: 1.25rem;    display: none;}.index-s9 .share {    position: relative;}.index-s9 .share .icon {    position: relative;    width: 5rem;    height: 5rem;    border: 2px solid rgba(255, 255, 255, 0.2);    border-radius: 50%;    cursor: pointer;    transition: all .3s ease;}.index-s9 .share i {    display: block;    width: 100%;    height: 100%;    background-position: center;    background-repeat: no-repeat;    background-size: contain;    position: absolute;    top: 0;    left: 0;    transition: opacity .3s ease;}.index-s9 .share i.i-hide {    opacity: 0;}.index-s9 .share .hide {    position: absolute;    width: max(120px, 11.25rem);    top: 100%;    padding-top: 24px;    left: 50%;    transform: translateX(-50%);    display: none;}.index-s9 .share .hide:before {    content: '';    width: 0;    height: 0;    border-left: 10px solid transparent;    border-right: 10px solid transparent;    border-bottom: 10px solid #fff;    position: absolute;    top: 15px;    left: 50%;    margin-left: -10px;}.index-s9 .share .img-box {    background-color: #fff;}.index-s9 .share .img-box img {    display: block;    width: 100%;}.index-s9 .share:hover .icon {    border-color: #fff;    background-color: #7e052d;}.index-s9 .share:hover i.i-show {    opacity: 0;}.index-s9 .share:hover i.i-hide {    opacity: 1;}.index-s9 .share:hover .hide {    display: block;}.inner-page {    position: relative;    z-index: 2;    margin-top: -20vw;    padding-top: 21.875vw;}/*.inner-page:before {    content: '';    width: 100%;    height: 35vw;    background: url("../images/inner-bg.png") center top no-repeat;    background-size: 100% auto;    position: absolute;    top: 0;    left: 0;    pointer-events: none;    z-index: -1;}*/.inner-page:after {    content: '';    width: 100%;    position: absolute;    bottom: 0;    left: 0;    z-index: -2;    pointer-events: none;}.inner-page.bg-1 {    min-height: 90vw;}.inner-page.bg-1:after {    height: 55vw;    background: url("../images/img-5.jpg") center bottom no-repeat;    background-size: 100% auto;}.inner-page.bg-2 {    min-height: 72vw;}.inner-page.bg-2:after {    height: 37vw;    background: url("../images/img-1.jpg") center bottom no-repeat;    background-size: 100% auto;}.inner-page.bg-3 {    min-height: 60.5vw;}.inner-page.bg-3:after {    height: 25.5vw;    background: url("../images/img-4.jpg") center bottom no-repeat;    background-size: 100% auto;}.inner-page .sticky-nav {    position: absolute;    top: 12vw;    bottom: 0;    left: 0;    z-index: 4;}.inner-page .sticky-nav .sticky {    position: sticky;    top: 0;    height: 100vh;    max-height: 100%;    background: url("../images/x-3.png") center center no-repeat;    background-size: 100% 100%;    padding: 3rem;    display: flex;    align-items: center;}.inner-page .sticky-nav .sticky:before {    content: '';    width: 1px;    position: absolute;    top: 0;    left: 3rem;    top: 1.5rem;    bottom: 1.5rem;    background-color: #e5e5e5;    z-index: 1;    display: none;}.inner-page .sticky-nav .block {    width: 100%;    border-left: 1px solid #e5e5e5;}.inner-page .sticky-nav .box {    margin-top: 1.5rem;    position: relative;    z-index: 2;}.inner-page .sticky-nav .box:nth-of-type(1) {    margin-top: 0;}.inner-page .sticky-nav .box .tit {    position: relative;    display: inline-block;    padding: 0 5rem 0 2.5rem;}.inner-page .sticky-nav .box .tit:before {    content: '';    width: 11px;    height: 11px;    border-radius: 50%;    border: 5px solid rgba(140, 28, 64, 0.2);    background-color: #8c1c40;    background-clip: content-box;    position: absolute;    top: 50%;    left: -11px;    margin-top: -11px;    opacity: 0;    transition: opacity .3s ease;}.inner-page .sticky-nav .box .tit a {    display: block;    font-size: max(14px, 1.125rem);    color: #333333;    transition: color .3s ease;}@media (any-hover: hover) {    .inner-page .sticky-nav .box .tit a:hover {        color: #8c1c40;    }}.inner-page .sticky-nav .box .tit i {    width: 14px;    height: 8px;    background-position: center;    background-repeat: no-repeat;    background-size: contain;    background-image: url("../images/icon-2.png");    position: absolute;    right: 1.5rem;    top: 50%;    margin-top: -4px;    cursor: pointer;}.inner-page .sticky-nav .box .s-link {    margin-top: 1.5rem;    padding: 1.5rem 0 0 3.75rem;    border-top: 1px solid #e6e6e6;    display: none;}.inner-page .sticky-nav .box .s-link a {    display: block;    font-size: max(13px, 1rem);    color: #808080;    margin-top: 0.625rem;    transition: color .3s ease;}.inner-page .sticky-nav .box .s-link a:nth-of-type(1) {    margin-top: 0;}.inner-page .sticky-nav .box .s-link a.active {    color: #8c1c40;}@media (any-hover: hover) {    .inner-page .sticky-nav .box .s-link a:hover {        color: #8c1c40;    }}.inner-page .sticky-nav .box.active .tit:before {    opacity: 1;}.inner-page .sticky-nav .box.active .s-link {    display: block;}.inner-s1 {    padding-bottom: 9rem;}.inner-s1 .items {    margin-top: 2rem;    display: flex;    grid-gap: 1.5rem;}.inner-s1 .item {    width: calc((100% - 1.5rem) / 2);}.inner-s1 .item img {    display: block;    width: 100%;}.inner-s2 {    padding-bottom: 9rem;    position: relative;    z-index: 1;}.inner-s2 .tab-tit {    margin-top: 2rem;    background-color: #004098;    display: flex;    padding: 0.625rem .625rem 0;}.inner-s2 .tab-tit span {    padding: .625rem 3.75rem 1.25rem;    font-size: 2rem;    color: #fff;    font-family: 'HarmonyOS_Sans_SC_Light';    cursor: pointer;    transition: all .3s ease;}.inner-s2 .tab-tit span.active {    background-color: #fff;    color: #004098;}.inner-s2 .tab-cont {    margin-top: 3.75rem;    position: relative;}.inner-s2 .tab-cont:before {    content: '';    width: 100%;    height: 52.25rem;    position: absolute;    bottom: -22rem;    left: 0;    background: url("../images/img-3_2b5aa8b3a33f48b3abd19182dbe5ca75.png") center bottom no-repeat;    background-size: 100% auto;    pointer-events: none;    z-index: 1;}.inner-s2 .tab-cont .child {    position: relative;    z-index: 2;    display: none;}.inner-s2 .tab-cont .child.active {    display: block;}.inner-s2 .tab-cont .flex {    display: flex;    align-items: center;}.inner-s2 .tab-cont .img-box {    width: 30rem;    height: 30rem;    border: 1px solid #e6e6e6;    text-align: center;}.inner-s2 .tab-cont .img-box img {    width: auto;    max-width: 62.5%;    max-height: 80%;}.inner-s2 .tab-cont .txt-box {    width: calc(100% - 30rem);    padding-left: 3.75rem;}.inner-s2 .tab-cont .para {    font-size: max(14px, 1.125rem);    color: #191919;    line-height: 1.8;    font-family: 'HarmonyOS_Sans_SC_Light';}.inner-s2 .tab-cont .para p {    margin-top: 2rem;    font-size: max(14px, 1.125rem) !important;    color: #191919;    line-height: 1.8 !important;    font-family: 'HarmonyOS_Sans_SC_Light';}.inner-s2 .tab-cont .para p:nth-of-type(1) {    margin-top: 0;}.inner-s3 {    padding-bottom: 9rem;    position: relative;    z-index: 2;}.inner-s3 .items {    margin-top: 2rem;}.inner-s3 .item {    display: flex;    align-items: center;    margin-top: 1.875rem;    border: 1px solid #e6e6e6;    background-color: #fff;    padding: 2.5rem;}.inner-s3 .item:nth-of-type(1) {    margin-top: 0;}.inner-s3 .item .img-box {    width: 20rem;    height: 11.25rem;    overflow: hidden;}.inner-s3 .item img {    display: block;    width: 100%;    height: 100%;    object-fit: cover;}.inner-s3 .item .tit {    width: calc(100% - 31.25rem);    padding: 0 3.75rem;    font-size: 2rem;    color: #191919;    font-family: 'HarmonyOS_Sans_SC_Light';}.inner-s3 .item a {    width: 11.25rem;    line-height: max(40px, 3.375rem);    background-color: #004098;    font-size: max(14px, 1.125rem);    color: #fff;    text-align: center;    transition: all .3s ease;}@media (any-hover: hover) {    .inner-s3 .item a:hover {        transform: translateY(-3px);        box-shadow: 0 0.625rem 1.875rem rgba(0, 64, 152, 0.3);    }}.inner-s4 {    padding-bottom: 9rem;}.inner-s4 .block {    display: flex;    grid-gap: 2.5rem;    padding: 1.5rem 2.25rem;    border: 2px solid transparent;}.inner-s4 .block:nth-of-type(1),.inner-s4 .block:nth-of-type(3) {    padding: 2.25rem;}.inner-s4 .block:nth-of-type(odd) {    border-color: #fff;    background-color: #e5ecf4;    box-shadow: 0 0.625rem 1.875rem rgba(0, 64, 152, 0.1);}.inner-s4 .item {    width: calc((100% - 2.5rem) / 2);    display: flex;    align-items: baseline;}.inner-s4 .item .tit {    width: 20rem;    font-size: max(16px, 1.5rem);    color: #004098;}.inner-s4 .item .list {    width: calc(100% - 20rem);    display: flex;    flex-wrap: wrap;    grid-row-gap: 1.5rem;    grid-column-gap: calc((100% - 13.5rem) / 2);}.inner-s4 .item .list a {    font-size: max(16px, 1.5rem);    color: #191919;    width: 4.5rem;    text-align-last: justify;    white-space: nowrap;    transition: color .3s ease;}@media (any-hover: hover) {    .inner-s4 .item .list a:hover {        color: #004098;    }}.inner-s5 {    padding-bottom: 9rem;}.inner-s5 .block {    max-width: 980px;    margin: 0 auto;}.inner-s5 .tit {    font-size: 3rem;    color: #191919;    text-align: center;}.inner-s5 .tit:after {    content: '';    display: block;    width: 3.75rem;    height: 4px;    background-color: #004098;    display: block;    margin: 1.5rem auto 0;}.inner-s5 .img-box {    margin: 2.5rem auto 0;    width: max(240px, 22.5rem);}.inner-s5 .img-box img {    display: block;    width: 100%;}.inner-s5 .para {    margin-top: 3.125rem;    font-size: max(14px, 1.25rem);    color: #191919;    line-height: 1.5;}.inner-s6 {    padding-bottom: 7.5rem;    overflow: hidden;}.inner-s6 .c-content {    position: relative;}.inner-s6 .c-content:before {    content: '';    height: 100%;    position: absolute;    left: 15rem;    right: 0;    bottom: -9.375rem;    background: url("../images/img-3_2b5aa8b3a33f48b3abd19182dbe5ca75.png") center bottom no-repeat;    background-size: 100% auto;    z-index: -1;    pointer-events: none;}.inner-s6 .tit {    font-size: 2rem;    color: #191919;    font-family: 'HarmonyOS_Sans_SC_Bold';}.inner-s6 .info-box {    margin: 2rem 0 3.125rem;    position: relative;    padding-left: 1.875rem;}.inner-s6 .info-box:before {    content: '';    width: 2rem;    position: absolute;    top: 4.375rem;    bottom: 4.375rem;    left: 0;    background-color: #8c1c40;    position: absolute;    pointer-events: none;    z-index: -1;}.inner-s6 .info-box .img-box {    width: 60rem;    height: 33.75rem;    overflow: hidden;}.inner-s6 .info-box .img-box img {    display: block;    width: 100%;    height: 100%;    object-fit: cover;}.inner-s6 .info-box .txt-box {    width: 45rem;    position: absolute;    right: 0;    top: 50%;    padding: 3.75rem 0 3.75rem 3.75rem;    transform: translateY(-50%);    background-color: #fff;    z-index: 2;}.inner-s6 .para {    font-size: max(14px, 1.125rem);    color: #191919;    line-height: 1.8;    font-family: 'HarmonyOS_Sans_SC_Light';}.inner-s6 .para p {    margin-top: 2rem;    text-indent: 2em;}.inner-s6 .para p:nth-of-type(1) {    margin-top: 0;}.inner-s6 .data-box {    margin: 3.75rem 0;    display: flex;    flex-wrap: wrap;    justify-content: space-between;    grid-column-gap: calc((100% - 45rem) / 3);    grid-row-gap: 5rem;}.inner-s6 .data {    width: 11.25rem;}.inner-s6 .data span {    font-size: 3.75rem;    color: #8c1c40;    font-family: 'Rajdhani-Bold';}.inner-s6 .data p {    font-size: max(14px, 1.125rem);    color: #191919;    font-family: 'HarmonyOS_Sans_SC_Light';    position: relative;    padding-top: 1rem;}.inner-s6 .data p:before {    content: '';    width: 3.75rem;    height: 1px;    background-color: #e6e6e6;    position: absolute;    top: 0;    left: 0;}.inner-s7 {    padding: 10rem 0;    background-position: center;    background-repeat: no-repeat;    background-size: cover;    background-image: url("../images/img-5_6cc403dccf0244a3a1c293ea5222c2ab.jpg");}.inner-s7 .tit {    font-size: 2rem;    color: #fff;    font-family: 'HarmonyOS_Sans_SC_Bold';}.inner-s7 .para {    font-size: max(14px, 1.125rem);    color: #fff;    line-height: 1.8;    font-family: 'HarmonyOS_Sans_SC_Light';    margin-top: 1.5rem;}.inner-s7 .para p {    margin-top: 2rem;    text-indent: 2em;}.inner-s7 .para p:nth-of-type(1) {    margin-top: 0;}.inner-s8 {    padding: 7.5rem 0 20rem;}.inner-s8 .para {    font-size: max(14px, 1.125rem);    color: #191919;    line-height: 1.8;    font-family: 'HarmonyOS_Sans_SC_Light';}.inner-s8 .para p {    margin-top: 2rem;    text-indent: 2em;}.inner-s8 .para p:nth-of-type(1) {    margin-top: 0;}@media screen and (max-width: 1800px) {    .footer .mid-block .nav-box {        grid-gap: 4rem;    }}@media screen and (max-width: 1681px) {    html {        font-size: 15px;    }    .inner-page .sticky-nav .sticky {        padding: 3rem 1.5rem;    }    .inner-page .sticky-nav .sticky:before {        left: 1.5rem;    }    .inner-page .sticky-nav .box .tit {        padding: 0 5rem 0 1.5rem;    }    .inner-page .sticky-nav .box .s-link {        padding: 1.5rem 0 0 2rem;    }}@media screen and (max-width: 1540px) {    html {        font-size: 14px;    }}@media screen and (max-width: 1441px) {    html {        font-size: 13px;    }}@media screen and (max-width: 1367px) {    html {        font-size: 12px;    }}@media screen and (max-width: 1281px) {    html {        font-size: 11px;    }}@media screen and (max-width: 1200px) {    .footer .mid-block .nav-box {        grid-gap: 3rem;    }    .inner-s4 .item .list {        grid-column-gap: calc((100% - 9rem) / 1);    }}@media screen and (max-width: 1100px) {    .header li a.single {        font-size: max(13px, 1.125rem);    }    .footer .mid-block .nav-box {        grid-gap: 2.25rem;    }}@media screen and (max-width: 1025px) {    html {        font-size: 10px;    }    .header {        height: 60px;        background-color: #fff;        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);    }    .header .top-block {        display: none;    }    .header .bot-block {        height: 100%;        padding: 0 5%;    }    .header .logo img.show {        opacity: 0;    }    .header .logo img.hide {        opacity: 1;    }    .header .main {        margin-right: 40px;    }    .header ul {        position: fixed;        top: 0;        left: 100%;        width: 100%;        height: 100%;        background-color: #fff;        display: block;        padding: 100px 30px 30px;        text-align: left;        z-index: 3;        transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);        overflow: auto;    }    .header ul.active {        left: 0;    }    .header ul .top-link {        position: absolute;        top: 45px;        left: 30px;        right: 30px;        font-size: 0;        display: flex;        flex-wrap: wrap;    }    .header ul .top-link a {        font-size: 14px;        color: #8c1d40;        margin: 10px 20px 0 0;    }    .header ul .top-link a:last-of-type {        display: none;    }    .header li {        position: relative;        border-bottom: 1px solid #ededed;    }    .header li a.single {        display: inline-block;        line-height: 50px;        color: #001533;        z-index: 2;    }    .header li a.single:after {        display: none;    }    .header li i {        position: absolute;        top: 0;        left: 0;        width: 100%;        height: 50px;        background: url("../images/icon-2.png") calc(100% - 10px) center no-repeat;        background-size: auto 8px;        z-index: 1;    }    .header li .subnav {        position: static;        opacity: 1;        visibility: visible;        width: 100%;        box-shadow: none;        display: none;    }    .header li .subnav .link .s-link {        position: static;        opacity: 1;        visibility: visible;        padding: 0;        background-color: transparent;        padding: 0 2rem;    }    .header li .subnav .link .s-link a {        color: #666;    }    .header a.language {        display: block;        font-size: 12px;        color: #000;        opacity: 0.3;    }    .header a.language:before {        content: '';        width: 1.4rem;        height: 1.4rem;        background-position: center;        background-repeat: no-repeat;        background-size: contain;        background-image: url("../images/lang-1.png");        display: inline-block;        vertical-align: middle;        margin: -2px .625rem 0 0;    }    .header .search {        background-size: auto 14px;        margin-left: 15px;    }    .header .menu {        display: none;    }    .mNavBtn {        display: block;        width: 20px;        height: 16px;        right: 5%;        top: 22px;        position: fixed;        cursor: pointer;        z-index: 4;    }    .mNavBtn span {        position: absolute;        left: 0;        width: 20px;        height: 2px;        background-color: #ccc;        -webkit-transition: all 0.3s ease;        -moz-transition: all 0.3s ease;        -ms-transition: all 0.3s ease;        transition: all 0.3s ease;    }    .mNavBtn span.line1 {        top: 0;    }    .mNavBtn span.line2 {        top: 7px;    }    .mNavBtn span.line3 {        bottom: 0;    }    .mNavBtn.active span {        background-color: #ccc;    }    .mNavBtn.active .line2 {        display: none;    }    .mNavBtn.active .line1 {        -webkit-transform: rotate(45deg);        -moz-transform: rotate(45deg);        -ms-transform: rotate(45deg);        transform: rotate(45deg);        top: 7px;    }    .mNavBtn.active .line3 {        -webkit-transform: rotate(-45deg);        -moz-transform: rotate(-45deg);        -ms-transform: rotate(-45deg);        transform: rotate(-45deg);        bottom: 7px;    }    .head-null {        height: 60px;    }    .fixed-search .tit {        font-size: 3rem;    }    .fixed-search input {        font-size: 16px;    }    .fixed-search .close {        top: 2rem;        right: 2rem;    }    .footer .top-block {        padding: 3rem 0;    }    .footer .mid-block {        display: none;    }    .c-crumbs {        font-size: 12px;        padding: 0 5vw;        grid-gap: 14px;        overflow: hidden;    }    .c-crumbs a.link,    .c-crumbs span {        font-size: 10px;        line-height: 40px;        white-space: nowrap;    }    .c-crumbs span {        white-space: nowrap;        overflow: hidden;        text-overflow: ellipsis;    }    .c-crumbs a.link {        color: rgba(143, 0, 172, 0.8);    }    .c-crumbs a:after {        opacity: 0.8;        left: calc(100% + 5px);    }    .c-crumbs a.home {        opacity: 0.8;        flex: none;        width: 14px;        height: 14px;    }    .c-banner {        margin-top: -40px;    }    .c-banner .img-box img {        height: 50vw;    }    .c-banner .txt-box {        top: 18vw;    }    .index-s1 {        margin-top: 60px;    }    .index-s1 .tips {        top: 20px;        right: 5%;    }    .inner-page .sticky-nav {        display: none;    }    .c-content {        padding-left: 0;    }    .inner-s6 .c-content:before {        left: 0;        bottom: -7.5rem;    }    .inner-s6 .info-box .txt-box {        padding: 2rem 0 2rem 2rem;    }    .c-bg-fixed,    .index-s7 .bg-block .bg,    .inner-s7 {        background-attachment: inherit;    }    .inner-s7 {        padding: 7.5rem 0;    }    .inner-s8 {        padding: 7.5rem 0;    }    .inner-s5 {        padding-bottom: 7.5rem;    }    .inner-s2 .tab-cont .flex {        align-items: flex-start;    }    .inner-s2 .tab-cont .img-box {        width: 20vw;        height: 20vw;    }    .inner-s2 .tab-cont .txt-box {        width: calc(100% - 20vw);    }    .inner-s1 {        padding-bottom: 7.5rem;    }    .inner-s2 {        padding-bottom: 7.5rem;    }    .inner-s3 {        padding-bottom: 7.5rem;    }    .inner-s2 .tab-cont:before {        display: none;    }    .inner-s3 .item .tit {        padding: 0 2rem;    }    .inner-s4 .item {        width: 100%;        display: block;        margin-top: 2.5rem;    }    .inner-s4 .item:nth-of-type(1) {        margin-top: 0;    }    .inner-s4 .item .tit {        width: 100%;        padding: 1rem;        border-color: #fff;        background-color: #e5ecf4;        box-shadow: 0 0.625rem 1.875rem rgba(0, 64, 152, 0.1);    }    .inner-s4 .item .list {        width: 100%;        padding: 1rem;        grid-column-gap: 2rem;    }    .inner-s4 .item .list a {        width: 50px;    }    .index-wrap {        width: 90%;    }    .index-s1 .item {        height: 53vw;    }    .index-s1 .btns {        display: none;    }    .index-s2 .item .img-box {        height: max(200px, 27vw);    }    .index-s2 .item .txt-box {        padding: 2rem 3.75rem;    }    .index-s2 .pagination {        bottom: 1.5rem;    }    .index-s2 .items-1 {        height: auto;    }    .index-s2 .item-1 a {        padding: 3.75rem 2.5rem;    }    .index-s2 .items-2 {        height: auto;    }    .index-s2 .item-2 a {        padding: 3.75rem 2.5rem;    }    .index-s3 {        padding: 6.25rem 0;    }    .index-s3 .bot-block {        display: none;    }    .index-s3 .tab-cont {        padding-bottom: 2rem;    }    .index-s3 .tab-cont .child {        display: block;    }    .index-s3 .tab-cont .child.swiper-slide-active .date,    .index-s3 .tab-cont .child.swiper-slide-active .tit,    .index-s3 .tab-cont .child.swiper-slide-active p,    .index-s3 .tab-cont .child.swiper-slide-active .btn,    .index-s3 .tab-cont .child.swiper-slide-active .img-box {        animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;    }    .index-s3 .tab-cont .child.swiper-slide-active .tit {        animation-delay: .1s;    }    .index-s3 .tab-cont .child.swiper-slide-active p {        animation-delay: .2s;    }    .index-s3 .tab-cont .child.swiper-slide-active .btn {        animation-delay: .3s;    }    .index-s3 .tab-cont .flex {        align-items: center;    }    .index-s3 .tab-cont .txt-box {        width: calc(100% - 20rem);    }    .index-s3 .tab-cont .img-box {        width: 20rem;        height: 26.66rem;    }    .index-s3 .pagination {        text-align: center;        font-size: 0;    }    .index-s3 .pagination span {        display: inline-block;        vertical-align: top;        width: 6px;        height: 6px;        border-radius: 50%;        margin-left: 5px;        background-color: #ccc;    }    .index-s3 .pagination span:nth-of-type(1) {        margin-left: 0;    }    .index-s3 .pagination span.active {        background-color: #8c1c40;    }    .index-s4 {        padding: 0 5vw;    }    .index-s4 .index-label {        display: block;    }    .index-s4 .items {        height: auto;        margin-top: 2.5rem;    }    .index-s4 .sw {        display: flex;    }    .index-s4 .item {        border-radius: 10px;        overflow: hidden;    }    .index-s4 .item .img-box {        height: 40vw;    }    .index-s4 .item .show {        display: none;    }    .index-s4 .item .hide {        opacity: 1;    }    .index-s4 .pagination {        text-align: center;        margin-top: 2rem;        font-size: 0;    }    .index-s4 .pagination span {        display: inline-block;        vertical-align: top;        width: 6px;        height: 6px;        border-radius: 50%;        margin-left: 5px;        background-color: #ccc;    }    .index-s4 .pagination span:nth-of-type(1) {        margin-left: 0;    }    .index-s4 .pagination span.active {        background-color: #8c1c40;    }    .index-s5 .items {        border: 0;        padding-bottom: 2rem;    }    .index-s5 .item a {        display: block;    }    .index-s5 .item .img-box {        height: 30vw;        border-radius: 10px;        overflow: hidden;    }    .index-s5 .item img {        display: block;        width: 100%;        height: 100%;        object-fit: cover;    }    .index-s5 .item .show {        display: none;    }    .index-s5 .item .hide {        margin-top: 2rem;    }    .index-s5 .item .hide i {        display: none;    }    .index-s5 .item .hide .tit {        font-size: 2rem;        font-family: 'HarmonyOS_Sans_SC_Bold';        color: #333;    }    .index-s5 .item .hide p {        font-size: 14px;        color: #666;        line-height: 1.5;        font-family: 'HarmonyOS_Sans_SC_Light';        margin-top: 1rem;        display: none;    }    .index-s5 .item .hide span {        display: block;        width: max(120px, 11.25rem);        line-height: max(36px, 3rem);        text-align: center;        border: 1px solid #8c1c40;        font-size: 14px;        color: #8c1c40;        margin-top: 1.25rem;        display: none;    }    .index-s5 .pagination {        text-align: center;        font-size: 0;    }    .index-s5 .pagination span {        display: inline-block;        vertical-align: top;        width: 6px;        height: 6px;        border-radius: 50%;        margin-left: 5px;        background-color: #ccc;    }    .index-s5 .pagination span:nth-of-type(1) {        margin-left: 0;    }    .index-s5 .pagination span.active {        background-color: #8c1c40;    }    .index-s6 .swiper {        /* margin: 0 -5vw; */        /* padding: 0 5vw; */        width: 100%;    }    .index-s8 .bot-block {        flex-wrap: wrap;        padding: 5.625rem;        grid-row-gap: 2rem;    }    .index-s8 .item {        animation: none;        padding-top: 0;        margin-top: 0 !important;        width: 25%;    }    .index-s8 .item .box {        position: relative;        left: auto;        transform: none;        margin: 0 auto;    }    .index-s8 .item .box:before {        opacity: 1;    }    .index-s8 .item .icon {        opacity: 1;    }    .index-s8 .item span {        color: #8c1c40;    }    .index-s8 .item p {        color: #8c1c40;        margin-top: 2rem;    }    .index-s8 .item:after {        display: none;    }    .index-s8 canvas.line {        display: none;    }    .index-s9 .button {        display: none;    }    .index-s9 .pagination {        text-align: center;        margin-top: 2rem;        font-size: 0;    }    .index-s9 .pagination span {        display: inline-block;        vertical-align: top;        width: 6px;        height: 6px;        border-radius: 50%;        margin-left: 5px;        background-color: #fff;        opacity: 0.3;    }    .index-s9 .pagination span:nth-of-type(1) {        margin-left: 0;    }    .index-s9 .pagination span.active {        opacity: 1;    }    .index-s7 .video-block:after {        display: none;    }}@media screen and (max-width: 769px) {    .footer .top-block {        display: block;    }    .footer .top-block .img-box {        margin: 0 auto;    }    .footer .top-block .link {        width: 100%;        margin-top: 2rem;        justify-content: center;    }    .footer .bot-block {        padding: 2rem 0;        display: block;    }    .footer .bot-block .copyright {        text-align: center;    }    .footer .bot-block .link {        margin-top: 1rem;        justify-content: center;    }    .inner-s6 .info-box .img-box {        width: 100%;        height: 50vw;    }    .inner-s6 .info-box {        padding-left: 0;    }    .inner-s6 .info-box:before {        width: 1.2rem;        display: none;    }    .inner-s6 .info-box .txt-box {        position: static;        transform: none;        width: 100%;        padding: 0;        margin-top: 2rem;    }    .inner-s2 .tab-tit span {        padding: .625rem 2rem 1.25rem;    }    .index-s2 .list-box {        flex-wrap: wrap;    }    .index-s2 .list {        width: calc(50% - 5px);    }    .index-s2 .list .show .img-box {        height: 23vw;    }    .index-s2 .list .hide {        display: none;    }    .index-s2 .items-1 {        display: flex;        flex-wrap: wrap;        grid-gap: 1rem;    }    .index-s2 .item-1 {        width: calc((100% - 1rem) / 2);    }    .index-s2 .item-1:nth-of-type(1) .tit {        font-size: 16px;    }    .index-s2 .item-1:nth-of-type(1) span.more {        margin-top: 1.5rem;    }    .index-s2 .item-1:nth-of-type(1) p {        -webkit-line-clamp: 3;    }    .index-s2 .items-2 {        display: flex;        flex-wrap: wrap;        grid-gap: 1rem;    }    .index-s2 .item-2 {        width: calc((100% - 1rem) / 2);    }}@media screen and (max-width: 640px) {    .c-banner .tit {        font-size: 2.4rem;    }    .inner-s6 {        padding-bottom: 5rem;    }    .inner-s6 .data-box {        grid-column-gap: calc((100% - 240px) / 1);        grid-row-gap: 2rem;        margin: 2rem 0;    }    .inner-s6 .data {        width: 120px;    }    .inner-s7 {        padding: 5rem 0;    }    .inner-s4 {        padding-bottom: 5rem;    }    .inner-s1 {        padding-bottom: 5rem;    }    .inner-s2 {        padding-bottom: 5rem;    }    .inner-s3 {        padding-bottom: 5rem;    }    .inner-s8 {        padding: 5rem 0;    }    .inner-s5 .tit {        font-size: 2rem;    }    .inner-label {        font-size: 2rem;    }    .inner-s2 .tab-tit span {        font-size: 14px;        padding: 5px 10px 10px;    }    .inner-s2 .tab-cont .flex {        display: block;    }    .inner-s2 .tab-cont .img-box {        width: 90vw;        height: 90vw;    }    .inner-s2 .tab-cont .txt-box {        width: 100%;        padding-left: 0;        margin-top: 2rem;    }    .inner-s3 .item {        display: block;        padding: 2rem;    }    .inner-s3 .item .img-box {        width: 100%;        height: auto;    }    .inner-s3 .item .tit {        font-size: 1.6rem;        width: 100%;        padding: 0;        margin-top: 1rem;    }    .inner-s3 .item a {        display: block;        margin-top: 1.5rem;    }    .index-s1 .pagination {        bottom: 1rem;        transform-origin: center bottom;        transform: scale(0.6);    }    .index-s2 .top-block {        display: block;    }    .index-label {        font-size: 2rem;        text-align: center;        font-family: 'HarmonyOS_Sans_SC_Bold';    }    .index-s2 {        padding: 5rem 0;    }    .index-s2 .tab-tit {        margin-top: 2rem;        justify-content: center;    }    .index-s2 .item a {        display: block;        height: 100%;    }    .index-s2 .item .img-box {        width: 100%;        height: 55vw;    }    .index-s2 .item .txt-box {        width: 100%;        padding: 2rem 2rem 4rem;    }    .index-s2 .item .tit {        font-size: 16px;        font-family: 'HarmonyOS_Sans_SC_Bold';    }    .index-s2 .pagination {        width: 100%;        left: 0;        text-align: center;    }    .index-s2 .list .show .tit {        font-size: 14px;    }    .index-s2 .list .show .txt-box {        padding: 1rem;    }    .index-s3 {        padding: 5rem 0;    }    .index-s3 .tab-cont {        margin-top: 2.5rem;    }    .index-s3 .tab-cont .flex {        display: block;    }    .index-s3 .tab-cont .img-box {        margin: 0 auto;    }    .index-s3 .tab-cont .txt-box {        width: 100%;        padding: 0;        border: none;    }    .index-s3 .tab-cont .txt-box:before {        display: none;    }    .index-s3 .tab-cont .tit {        font-size: 16px;    }    .index-s3 .tab-cont .btn {        margin-top: 2rem;        justify-content: center;    }    .index-s4 .item .img-box {        height: 90vw;    }    .index-s4 .item .hide {        padding: 0 2rem 2rem;    }    .index-s4 .item .hide .tit {        font-family: 'HarmonyOS_Sans_SC_Bold';    }    .index-s5 {        padding: 5rem 0 0;    }    .index-s5 .item .img-box {        height: 60vw;    }    .index-s5 .item .hide .tit {        font-size: 16px;    }    .index-s6 {        padding-top: 5rem;    }    .index-s6 .item .show {        display: none;    }    .index-s6 .item .hide {        opacity: 1;        visibility: visible;        padding: 0 2rem 2rem;    }    .index-s6 .item .hide .tit {        font-size: 16px;    }    .index-s7 {        height: auto;    }    .index-s7 .bg-block:after {        display: none;    }    .index-s7 .tab-wrap {        padding: 5rem 5vw;    }    .index-s7 .tab-tit {        position: relative;        top: auto;        left: auto;        width: 100%;        height: auto;    }    .index-s7 .tab-tit img {        display: none;    }    .index-s7 .tab-tit .items {        position: static;    }    .index-s7 .tab-tit .sw {        flex-direction: row;        flex-wrap: wrap;        grid-gap: 1rem;    }    .index-s7 .tab-tit .item {        width: calc(50% - 5px);        padding: 0;        transform: none !important;    }    .index-s7 .tab-tit .item i {        display: none;    }    .index-s7 .tab-tit .item span {        line-height: 36px;        border: 1px solid #fff;        text-align: center;    }    .index-s7 .tab-tit .item.active span {        background-color: #fec627;        border-color: #fec627;        color: #fff;    }    .index-s7 .tab-cont {        position: relative;        margin-top: 2rem;    }    .index-s7 .tab-cont .index-wrap {        width: 100%;    }    .index-s7 .tab-cont .flex {        width: 100%;    }    .index-s7 .tab-cont .tit {        font-size: 16px;        font-family: 'HarmonyOS_Sans_SC_Bold';    }    .index-s7 .tab-cont .btns {        margin-top: 2rem;    }    .index-s8 {        padding: 5rem 0;    }    .index-s8 .bot-block {        padding: 2rem 5vw;    }    .index-s8 .item {        width: 50%;    }    .index-s9 {        padding: 5rem 0 2rem;    }    .index-s9 .item {        height: 50vw;    }    .index-s9 .item .txt-box {        padding: 0 2rem 1rem;    }    .index-s2 .item-1 {        width: 100%;    }    .index-s2 .item-1 a {        padding: 2rem;    }    .index-s2 .item-2 {        width: 100%;    }    .index-s2 .item-2 a {        padding: 2rem;    }}