html {
    /* font-size: 13.33vw; */
}

#myMenu {
    width: 100%;
    height: 2.00rem;
    border-bottom: 0.02rem solid rgba(255, 255, 255, 0.3);
    position: absolute;
    z-index: 10;
}

#myMenu>div>.nav a {
    color: #fff;
}

.logo img {
    width: 3.70rem;
}

#fullpage {
    /* width: 22.22rem; */
}

.mobile {
    display: none;
}

.mobile-nav {
    display: none;
}

.active-bg {
    background: url("/img/index/LLUCGVTX572TP.png") no-repeat;
    background-size: 100% 100%;
    /* top: 2.00rem; */
}

.swiper {
    width: 100%;
    height: 100%;
}

#myMenu>div {
    width: 22.22rem;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#myMenu ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    height: 100%;
    font-size: 0;
}

.nav-icon {
    display: block;
    width: 0.02rem;
    height: 0.44rem;
    background: url("/img/index/SketchPng52213c3a1820e955b83a32c536b009efca544c03e3777d0759ae303d832bad93.png") no-repeat;
}

.swiper .swiper-slide {
    width: 100%;
    height: 100%;
}

.swiper .swiper-slide>img {
    width: 100%;
    height: 100%;
}

.fp-overflow {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 0;
}

#myMenu>div>.nav {
    /* flex: 1; */
    width: 70%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.phone {
    border-radius: 0.28rem;
    border: 0.02rem solid #fff;
    padding: 0.09rem 0.19rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.30rem;
}

.phone img {
    width: 0.33rem;
    height: 0.33rem;
    margin-right: 0.19rem;
}

.menuList {
    cursor: pointer;
    font-size: 0.33rem;
}

.swiper .swiper-slide {
    position: relative;
}

.banner {
    position: relative;
    width: 100%;
    height: 100%;
}

.banner .banner-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #001137;
    z-index: -1;
}

.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: imgan 3s infinite;
    /* 使用 "bounce" 动画，无限循环 */
}

@keyframes imgan {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}



.swiper .swiper-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    margin-top: 23vh;
}

.swiper .swiper-content h3 {
    font-size: 0.81rem;
    color: #ffffff;
    line-height: 1.28rem;
    letter-spacing: 0.06rem;
}

.swiper-content h1 {
    font-size: 0.89rem;
    color: #FFFFFF;
    line-height: 2.33rem;
}

.swiper-content h6 {
    font-size: 0.61rem;
    color: #FFFFFF;
    line-height: 0.70rem;
    letter-spacing: 0.02rem;
}

.swiper-content a {
    width: 4.28rem;
    height: 0.98rem;
    line-height: 0.98rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.8);
    margin-top: 0.74rem;
    font-size: 0.39rem;
    color: #000;
}

.swiper-content a img {
    width: 0.17rem;
    height: 0.28rem;
    margin-left: 0.31rem;
}

.heartbeat-light-effect {
    width: 12.04rem;
    height: 3.70rem;
    /* position: relative; */


    position: absolute;
    left: 50%;
    margin-left: -6.02rem;
    bottom: 27%;

    background: #fff;
    box-shadow: 0 0 0.19rem rgba(255, 255, 255, 0.8),
    inset 0 0 0.37rem rgba(0, 0, 0, 0.4);

}

.heartbeat-light-effect::before {
    content: "";
    position: absolute;
    top: -1.85rem;
    left: -1.85rem;
    right: -1.85rem;
    bottom: -1.85rem;
    /* clip-path: polygon(100% 0%, 80% 100%, 20% 100%, 0% 0%);
    background: rgba(255, 255, 255, 1);
    box-shadow: 0.19rem 0.19rem 0.19rem rgba(255, 255, 255, 1); */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 70%);
    transform: skewY(-10deg);
    z-index: -1;
}

.swiper-bottom {
    position: absolute;
    bottom: 0.93rem;
    left: 50%;
    width: 90%;
    margin-left: -45%;
    display: flex;
    justify-content: space-between;
}

.swiper-bottom p {
    font-size: 0.22rem;
    color: #FFFFFF;
    line-height: 0.31rem;
}

.swiper-bottom img {
    margin-top: 0.19rem;
}

.section .fp-overflow>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zhukong-content {
    position: absolute;
    width: 100%;
    /* height: 100%; */
    top: 25vh;
    left: 0;
    font-size: 0.33rem;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    /* margin-top: 25vh; */

}

.content-box {
    display: flex;
}

.zhukong-content .content-left {
    margin-top: 0.37rem;
}

.zhukong-content .content-left>h1 {
    font-size: 0.57rem;
    color: #FFFFFF;
    line-height: 1.35rem;
    margin-bottom: 0.67rem;
}

.zhukong-content .content-left>p {
    font-size: 0.3rem;
    color: #FFFFFF;
    line-height: 0.85rem;
    text-shadow: 0.04rem 0.07rem 0.07rem rgba(0, 22, 92, 0.5);
}

.left-button {
    display: flex;
    margin-top: 0.93rem;
}

.button-img {
    width: 3.56rem;
    height: 1.76rem;
    background: url("/img/index/SketchPng2714414bedf5376c408dcff2d3d212f420b16ac1657953ac7b96184266b9bdc7.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 1.78rem;
    color: #0942E7;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.7s ease 0s;
}

.left-button div:hover p {
    transform: rotateY(360deg);
}


.content-right {
    width: 10.26rem;
    margin-left: 0.93rem;
    box-sizing: border-box;
}

.content-right img {
    width: 100%;
}


.fangan-content {
    position: absolute;
    width: 22.22rem;
    top: 25vh;
    left: 50%;
    /* display: flex; */
    /* justify-content: center; */
    /* margin-top: 25vh; */
    margin-left: -11.11rem;
    font-size: 0.30rem;
}

.fangan-content .fangan-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.fangan-top .fangan-top-left h2 {
    font-size: 0.70rem;
    color: #033ECC;
    line-height: 1.15rem;
}

.fangan-top .fangan-top-left p {
    text-transform: uppercase;
    font-size: 0.26rem;
    color: #BBBBBB;
    line-height: 0.41rem;
}

.fangan-top .fangan-top-right {
    display: flex;
    flex-direction: column;
    align-items: end;
    cursor: pointer;
}

.fangan-top .fangan-top-right img {
    width: 0.74rem;
    margin: 0 auto;
}

.fangan-top .fangan-top-right p {
    font-size: 0.30rem;
    color: #71757C;
    line-height: 0.52rem;
}

.fangan-top .fangan-top-right:hover p {
    color: #2F76FD;
}

.fangan-center {
    display: flex;
    justify-content: space-between;
    margin-top: 0.93rem;
}

.fangan-center>div {
    /* width: 49%; */
    width: 10.93rem;
    position: relative;
}

.fangan-center>div>img {
    width: 100%;
}

.center-left-desc {
    position: absolute;
    top: 0;
    left: 0;
    /* bottom: 0; */
    /* width: 50%; */
    padding-left: 1.46rem;
    box-sizing: border-box;
    color: #fff;
}

.center-left-desc .left-desc-title {
    display: flex;
    align-items: center;
    padding-top: 0.56rem;
    box-sizing: border-box;
}

.center-left-desc .left-desc-title>p {
    font-size: 0.67rem;
    color: #FFFFFF;
    /* line-height: 1.44rem; */
    font-weight: 800;
    margin-right: 0.56rem;
}

.center-left-desc .left-desc-title>div {
    font-size: 0.26rem;
    color: #FFFFFF;
    /* line-height: 0.46rem; */
    opacity: 0.8;
}

.center-left-desc .left-desc-title-e {
    font-size: 0.41rem;
    color: #2F76FD;
    margin-top: 0.19rem;
}

.center-left-desc ul {
    display: flex;
}

.left-desc-img {
    margin: 0.28rem 0 0.37rem;
}

.left-desc-bottom {
    width: 3.94rem;
    height: 0.93rem;
    border: 0.02rem solid #FFFFFF;
    text-align: center;
    line-height: 0.93rem;
    font-size: 0.26rem;
    cursor: pointer;
    transition: all 0.1s linear;
    display: block;
    color: #fff;
}

.left-desc-bottom:hover {
    color: #2F76FD;
    border: 0.02rem solid #2F76FD;
    background: #fff;
}

.center-left-desc .color {

    color: #855EFF;
}

.youshi-content {
    position: absolute;
    width: 100vw;
    top: 25vh;
    /* left: 50%; */
    /* display: flex; */
    /* justify-content: center; */
    /* margin-top: 25vh; */
    /* margin-left: -11.11rem; */
    padding-left: 10vw;
    box-sizing: border-box;
    font-size: 0.30rem;
    display: flex;
}

.content-left-desc {
    cursor: pointer;
}

.youshi-content .content-left {
    width: 4.54rem;
    font-size: 0.33rem;
    display: flex;
    flex-direction: column;
    /* transition: all 0.1s linear; */
}

.youshi-content .content-left .active-li {
    /* transition: all 0.1s linear; */
    font-size: 0.41rem;
    color: #033ECC;
}

.youshi-content .content-left h2 {
    color: #033ECC;
    font-size: 0.70rem;
    font-weight: bold;
}

.youshi-content .content-left>p {
    font-size: 0.26rem;
    text-transform: uppercase;
    color: #BBBBBB;
}

.youshi-content ul {
    margin-top: 0.93rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.youshi-content ul li {
    display: flex;
    align-items: center;
    font-size: 0.37rem;
}

.youshi-content ul img {
    width: 0.87rem;
    margin-right: 0.37rem;
}

.youshi-content-right {
    flex: 1;
    width: 70%;
    position: relative;
}

.youshi-content-right .swiper2 {
    /* width: 18.52rem; */
    margin-left: 5%;
}

.youshi-content-right .swiper-slide {
    transition: all 0.3s linear;
    transform: scale(0.9) translateY(0.37rem);
    cursor: pointer;
}

.youshi-content-right .swiper-slide-active {
    transition: all 0.3s linear;
    transform: scale(1);
}

.youshi-content-right-instruct {
    position: absolute;
    top: 0;
    left: 58%;
    display: flex;
    align-items: center;
    z-index: 10;
}

.segmentation {
    display: block;
    width: 0.02rem;
    height: 0.22rem;
    background-color: #033ECC;
    opacity: 0.5;
    margin: 0 0.56rem;
}

.youshi-content-right-instruct>div {
    cursor: pointer;
    color: #033ECC;
}

.youshi-desc {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding-left: 0.93rem;
}

.youshi-desc h2 {
    padding-top: 0.9rem;
    font-size: 0.48rem;
}

.youshi-desc>p {
    font-size: 0.33rem;
    text-transform: uppercase;
    font-weight: 300;
}

.youshi-desc>div {
    font-size: 0.26rem;
    margin-top: 0.37rem;
    line-height: 0.41rem;
}

.youshi-desc i {
    font-style: normal;
    font-size: 0.19rem;
    vertical-align: text-bottom;
}


.guanyu {
    position: absolute;
    width: 22.22rem;
    top: 25vh;
    left: 50%;
    /* display: flex; */
    /* justify-content: center; */
    /* margin-top: 25vh; */
    margin-left: -11.11rem;
    font-size: 0.30rem;
    /* display: flex; */
}

.guanyu-title {
    margin-bottom: 0.56rem;
}

.guanyu-title>h2 {
    font-size: 0.70rem;
    color: #033ECC;
}

.guanyu-title>p {
    font-size: 0.26rem;
    color: #BBBBBB;
    text-transform: uppercase;
}

.guanyu-content {
    display: flex;
}

.guanyu-left {
    flex: 1;
}

.guanyu-left p {
    font-size: 0.26rem;
    color: #BBBBBB;
    line-height: 0.56rem;
    /* text-indent: 0.74rem; */
}

.guanyu-left .guanyu-title p {
    text-indent: 0;
}

.guanyu-left p:nth-child(2),
.guanyu-left p:nth-child(3) {
    margin-bottom: 0.56rem;
}

.guanyu-right {
    width: 10.19rem;
    margin-left: 0.93rem;
}

.guanyu-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zettastone {
    position: absolute;
    bottom: -2.69rem;
    font-size: 2.57rem;
    font-weight: 800;
    color: #9FA7B9;
    opacity: 0.17;
    text-transform: uppercase;
}

.bg-color {
    background-color: rgba(8, 61, 138, 1);
}

.xinwen {
    position: absolute;
    width: 100vw;
    /* width: 22.22rem; */
    top: 4rem;
    /* left: 50%; */
    /* display: flex; */
    /* justify-content: center; */
    /* margin-top: 25vh; */
    /* margin-left: -11.11rem; */
    padding-left: 10vw;
    box-sizing: border-box;
    font-size: 0.30rem;
    display: flex;
}

.xinwen .xinwen-left {
    width: 5.56rem;
    color: #fff;
    text-transform: uppercase;
}

.xinwen .xinwen-left h2 {
    font-size: 0.70rem;
}

.xinwen .xinwen-left p {
    font-size: 0.26rem;
    color: #BBBBBB;
}

.xinwen .xinwen-right {
    flex: 1;
    width: 80%;
}

.xinwen-right .xinwen-right-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 0.04rem solid;
    border-image: linear-gradient(45deg, rgba(199, 199, 199, 1), rgba(36, 55, 117, 1)) 2 2;
    padding-right: 0.93rem;
    box-sizing: border-box;
}

.xinwen-right .xinwen-right-top ul {
    display: flex;
    align-items: center;
}

.xinwen-right-top .right-top-tab li {
    padding: 0.19rem 1.85rem 0.37rem 0;
    color: #FFFFFF;
    opacity: 0.7;
    font-size: 0.37rem;
    cursor: pointer;
    margin-right: 0.93rem;
}

.xinwen-right-top .right-top-tab .tab {
    opacity: 1;
    position: relative;
    display: inline-block;
    padding-bottom: 0.37rem;
    /* 为了给 border 留出空间 */
}

.xinwen-right-top .right-top-tab .tab::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    /* 初始宽度为0，不显示 */
    height: 0.07rem;
    /* border-bottom 的高度 */
    background-color: #fff;
    /* border-bottom 的颜色 */
    transition: width 0.5s ease;
    /* 过渡动画，可以自定义时间和动画效果 */
}

.xinwen-right-top .right-top-tab .active::before {
    width: 100%;
}

.xinwen-right-top .right-top-nav {
    color: rgba(255, 255, 255, 0.5);

}

.xinwen-right-top .right-top-nav li {
    cursor: pointer;
}

.xinwen-right-top .right-top-nav span {
    margin: 0 0.19rem;
}

.swiper-wrapper {
    width: 100%;
}

.xinwen-right-boton {
    margin-top: 1.48rem;
}

.xinwen-right-boton .swiper-slide {
    /* width: 8.89rem; */
    /* height: 8.89rem; */
    /* background-color: red; */
}

.xinwen-right-boton .swiper-slide img {
    width: 100%;
    height: 4.22rem;
}

.xinwen-right-boton .swiper-slide h3 {
    font-size: 0.41rem;
    color: rgba(255, 255, 255, 0.5);
    margin: 0.37rem 0 0.74rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 1.1rem;
}

.xinwen-right-boton .swiper-slide:hover h3 {
    color: rgba(255, 255, 255, 1);
}

.xinwen-right-boton .swiper-slide p {
    font-size: 0.30rem;
    color: rgba(255, 255, 255, 0.3);
}

.xinwen-right-boton .swiper-slide-active h3 {
    color: rgba(255, 255, 255, 1);
}


.hezuo {
    position: absolute;
    /* width: 100vw; */
    width: 22.22rem;
    top: 25vh;
    left: 50%;
    /* display: flex; */
    /* justify-content: center; */
    /* margin-top: 25vh; */
    margin-left: -11.11rem;
    /* padding-left: 10vw; */
    /* margin:25vh auto 0; */
    box-sizing: border-box;
    font-size: 0.30rem;
    display: flex;
}

.hezuo-left {
    width: 5.56rem;
    text-transform: uppercase;
}

.hezuo-left h2 {
    font-size: 0.70rem;
    color: #fff;

}

.hezuo-left p {
    font-size: 0.26rem;
    color: #BBBBBB;
}

.hezuo-right {
    flex: 1;
    padding-top: 1.48rem;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 3.80rem 3.80rem 3.80rem 3.80rem;
    /* grid-template-rows: 0.50rem 0.50rem 0.50rem 0.50rem; */
    column-gap: 0.44rem;
    row-gap: 0.44rem;
}

.hezuo-right .hezuo-right-item {
    /*background: #fff;*/
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;

}

.hezuo-right .hezuo-right-item img {
    max-width: 3.5rem;
    transition: all 0.3s ease 0s;
    margin: 0.05rem;
}

.hezuo-right .hezuo-right-item:hover {
    /*box-shadow: 0 0 0.19rem rgba(0, 0, 0, .9);*/
}

.hezuo-right .hezuo-right-item:hover img {
    transform: scale(1.05);
}

.hezuo-right .hezuo-right-item:last-child {
    font-size: 0.74rem;
    color: rgba(0, 0, 0, 0.35);
}

.women {
    position: absolute;
    /* width: 100vw; */
    width: 22.22rem;
    /*top: 25vh;*/
    left: 50%;
    margin-left: -11.11rem;
    box-sizing: border-box;
    font-size: 0.30rem;
    display: flex;
}

.women-left {
    width: 5.56rem;
    text-transform: uppercase;
}

.women-right {
    flex: 1;

}

.women-right-desc {
    display: flex;
    justify-content: space-between;
    color: #FFFFFF;
    padding-top: 2.04rem;
    box-sizing: border-box;
}

.women-left h2 {
    font-size: 0.70rem;
    color: #fff;
}

.women-left p {
    font-size: 0.26rem;
    color: #BBBBBB;
}

.women-left-code {
    margin-top: 0.74rem;
    /* width: 1.67rem; */
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* justify-content: space-between; */
}

.women-left-code>div {
    margin-right: 0.19rem;
    margin-bottom: 0.19rem;
    width: 1.85rem;
}

.women-left-code img {
    width: 1.85rem;
}

.women-left-code p {
    font-size: 0.22rem;
}

.women-right .title {
    font-size: 0.31rem;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    margin-bottom: 0.54rem;
    line-height: normal;
}

.women-right .title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.09rem;
    width: 0.56rem;
    /* 初始宽度为0，不显示 */
    height: 0.04rem;
    /* border-bottom 的高度 */
    background-color: #42D4FF;
}



.women-right .hotline {
    margin-bottom: 0.19rem;
    /* font-size: 0.35rem; */
    color: rgba(255, 255, 255, 0.7);
}

.women-right .hotline img {
    width: 0.30rem;
    vertical-align: middle;
    margin-right: 0.09rem;
}

.women-right .address-guanyu {
    display: flex;
}

.women-right .address-guanyu img {
    width: 0.30rem;
    height: 0.33rem;
    object-fit: cover;
    margin-top: 0.22rem;
    margin-right: 0.09rem;
}

.women-right-bottom {
    margin-top: 0.19rem;
}

.women-right-bottom ul {
    padding-top: 0.37rem;
}

.women-right-bottom ul li {
    font-size: 0.22rem;
    cursor: pointer;
    line-height: normal;
    border-bottom: 0.02rem solid rgba(255, 255, 255, 0.5);
    padding: 0 0.06rem;
}

.right-bottom-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.right-bottom-title p {
    width: auto;
    padding: 0 0.19rem;
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.31rem;
}

.right-bottom-title i {
    flex: 1;
    display: block;
    height: 0.02rem;
    background: #979797;
    opacity: 35%;
}

.women-right-bottom ul {
    display: flex;
    /* justify-content: space-between; */
    font-size: 0.22rem;
}

.women-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.48rem;
    background-color: #02275C;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.22rem;
    text-align: center;
    line-height: 1.48rem;
}
.women-footer a{
    color: rgba(255, 255, 255, 0.8);
}
.women .women-e {
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: -1.85rem;
    font-size: 1.85rem;


    font-size: 1.85rem;
    font-weight: 800;
    color: #9FA7B9;
    opacity: 0.17;
}

.left-nav-fixed {
    position: fixed;
    left: 0.37rem;
    top: 45%;
    z-index: 100;
    display: flex;
    flex-direction: column;
}

.left-nav-fixed>div {
    display: flex;
    align-items: center;
    /* margin-bottom: 0.19rem; */
    height: 0.31rem;
}

.left-nav-fixed>div span {
    font-size: 0.22rem;
    display: none;
}

.left-nav-fixed a {
    display: block;
    width: 0.28rem;
    height: 0.07rem;
    background-color: #C4CBD3;

    transition: all 0.3s linear;
}

.left-nav-fixed .active-nav a {
    width: 0.37rem;
    background: #42CBF3;
}

.left-nav-fixed .active-nav span {
    display: block;
    color: #C4CBD3;
    margin-left: 0.09rem;
}
.phone-show{
    display: none;
}
@media (min-width:300px) and (max-width: 800px) {
    .phone-show{
        display: block;
    }
    .swiper .swiper-content{
        margin-top: 4rem;
    }
    .swiper-content h6{
        padding-bottom: 0 0.4rem;
        text-align: center;
    }
    .button-img{
        width: 3rem;
    }
    .fangan-content{
        top: unset;
    }
    .fangan-center-left{
        margin-bottom: 0.8rem !important;
    }
    .fangan-center-right{
        margin-top: 0.8rem !important;
    }
    .youshi-content{
        top: 3rem;
    }
    .youshi-content .content-left{
        width: 100%;
    }
    .youshi-content ul{
        display: none;
    }
    .youshi-content-right{
        width: 85%;
    }
    .youshi-content-right .swiper2{
        margin-left:0;
        height: 60%;
        text-align: center;
    }
    .youshi-desc{
        padding-left: 0;
        padding: 0 0.3rem;
    }
    .youshi-desc h2{
        font-size: 0.52rem;
    }
    .youshi-desc>div{
        text-align: justify;
        font-size: 0.25rem;
        line-height: 0.41rem;
    }

    .guanyu{
        top: 3rem;
        width: 100%;
        margin-left:unset;
        left: unset;
    }
    .guanyu-right{
        width: 80%;
    }
    .zettastone{
        bottom: unset;
        font-size: 1.27rem;
    }
    .xinwen .xinwen-left{
        width: 80%;
    }
    .xinwen-right-top .right-top-tab li{
        padding: unset;
    }
    .swiper .swiper-slide>img{
        object-position: right;
    }
    .hezuo{
        width: 100%;
        top: 4rem;
        left: unset;
        margin-left: unset;
    }
    .hezuo-right {
        display: flex;
        flex-wrap: wrap;
    }
    .hezuo-right .hezuo-right-item{
        width: 2.5rem;

    }
    .hezuo-right .hezuo-right-item img{
        width: 100%;
        max-height: 1.6rem;
    }
    .hezuo-right-item:last-child{
        display: none;
    }
    .hezuo-left{
        width: 90%;
    }
    .women-left{
        width: 8.56rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .pc-show{
        display: none;
    }
    .women{
        width: 100%;
        left: unset;
        margin-left:unset;
    }
    .women-right{
        text-align: center;
    }
    .women-right .title::before{
        content: unset;
    }
    .women-right-bottom.f-links ul {
        width: 80%;
        justify-content: center;
        margin: 0 auto;
    }
    .youshi-content{
        margin: 0.9rem ;
    }
    .youshi-content-right-instruct{
        position: relative;
        margin-bottom: 0.3rem;
    }
    .guanyu-title{
        margin: 0;
    }html {
         /* font-size: 13.33vw; */
     }

    #myMenu {
        width: 100%;
        height: 2.00rem;
        border-bottom: 0.02rem solid rgba(255, 255, 255, 0.3);
        position: absolute;
        z-index: 10;
    }

    #myMenu>div>.nav a {
        color: #fff;
    }

    .logo img {
        width: 3.70rem;
    }

    #fullpage {
        /* width: 22.22rem; */
    }

    .mobile {
        display: none;
    }

    .mobile-nav {
        display: none;
    }

    .active-bg {
        background: url("/img/index/LLUCGVTX572TP.png") no-repeat;
        background-size: 100% 100%;
        /* top: 2.00rem; */
    }

    .swiper {
        width: 100%;
        height: 100%;
    }

    #myMenu>div {
        width: 22.22rem;
        height: 100%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #myMenu ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #fff;
        height: 100%;
        font-size: 0;
    }

    .nav-icon {
        display: block;
        width: 0.02rem;
        height: 0.44rem;
        background: url("/img/index/SketchPng52213c3a1820e955b83a32c536b009efca544c03e3777d0759ae303d832bad93.png") no-repeat;
    }

    .swiper .swiper-slide {
        width: 100%;
        height: 100%;
    }

    .swiper .swiper-slide>img {
        width: 100%;
        height: 100%;
    }

    .fp-overflow {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        font-size: 0;
    }

    #myMenu>div>.nav {
        /* flex: 1; */
        width: 70%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .phone {
        border-radius: 0.28rem;
        border: 0.02rem solid #fff;
        padding: 0.09rem 0.19rem;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.30rem;
    }

    .phone img {
        width: 0.33rem;
        height: 0.33rem;
        margin-right: 0.19rem;
    }

    .menuList {
        cursor: pointer;
        font-size: 0.33rem;
    }

    .swiper .swiper-slide {
        position: relative;
    }

    .banner {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .banner .banner-mask {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #001137;
        z-index: -1;
    }

    .banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        animation: imgan 3s infinite;
        /* 使用 "bounce" 动画，无限循环 */
    }

    @keyframes imgan {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1;
        }
    }



    .swiper .swiper-content {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        /* justify-content: center; */
        align-items: center;
        margin-top: 18vh;
    }

    .swiper .swiper-content h3 {
        font-size: 0.81rem;
        color: #ffffff;
        line-height: 1.28rem;
        letter-spacing: 0.06rem;
    }

    .swiper-content h1 {
        font-size: 0.89rem;
        color: #FFFFFF;
        line-height: 2.33rem;
    }

    .swiper-content h6 {
        font-size: 0.61rem;
        color: #FFFFFF;
        line-height: 0.70rem;
        letter-spacing: 0.02rem;
    }

    .swiper-content a {
        width: 4.28rem;
        height: 0.98rem;
        line-height: 0.98rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(255, 255, 255, 0.8);
        margin-top: 2.9rem;
        font-size: 0.39rem;
        color: #000;
    }

    .swiper-content a img {
        width: 0.17rem;
        height: 0.28rem;
        margin-left: 0.31rem;
    }

    .heartbeat-light-effect {
        width: 12.04rem;
        height: 3.70rem;
        /* position: relative; */


        position: absolute;
        left: 50%;
        margin-left: -6.02rem;
        bottom: 27%;

        background: #fff;
        box-shadow: 0 0 0.19rem rgba(255, 255, 255, 0.8),
        inset 0 0 0.37rem rgba(0, 0, 0, 0.4);

    }

    .heartbeat-light-effect::before {
        content: "";
        position: absolute;
        top: -1.85rem;
        left: -1.85rem;
        right: -1.85rem;
        bottom: -1.85rem;
        /* clip-path: polygon(100% 0%, 80% 100%, 20% 100%, 0% 0%);
        background: rgba(255, 255, 255, 1);
        box-shadow: 0.19rem 0.19rem 0.19rem rgba(255, 255, 255, 1); */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 70%);
        transform: skewY(-10deg);
        z-index: -1;
    }

    .swiper-bottom {
        position: absolute;
        bottom: 0.93rem;
        left: 50%;
        width: 90%;
        margin-left: -45%;
        display: flex;
        justify-content: space-between;
    }

    .swiper-bottom p {
        font-size: 0.22rem;
        color: #FFFFFF;
        line-height: 0.31rem;
    }

    .swiper-bottom img {
        margin-top: 0.19rem;
    }

    .section .fp-overflow>img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .zhukong-content {
        position: absolute;
        width: 100%;
        /* height: 100%; */
        top: 25vh;
        left: 0;
        font-size: 0.33rem;
        display: flex;
        justify-content: center;
        /* align-items: center; */
        /* margin-top: 25vh; */

    }

    .content-box {
        display: flex;
    }

    .zhukong-content .content-left {
        margin-top: 0.37rem;
    }

    .zhukong-content .content-left>h1 {
        font-size: 0.57rem;
        color: #FFFFFF;
        line-height: 1.35rem;
        margin-bottom: 0.67rem;
    }

    .zhukong-content .content-left>p {
        font-size: 0.3rem;
        color: #FFFFFF;
        line-height: 0.85rem;
        text-shadow: 0.04rem 0.07rem 0.07rem rgba(0, 22, 92, 0.5);
    }

    .left-button {
        display: flex;
        margin-top: 0.93rem;
    }

    .button-img {
        width: 3.56rem;
        height: 1.76rem;
        background: url("/img/index/SketchPng2714414bedf5376c408dcff2d3d212f420b16ac1657953ac7b96184266b9bdc7.png") no-repeat;
        background-size: 100% 100%;
        text-align: center;
        line-height: 1.78rem;
        color: #0942E7;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.7s ease 0s;
    }

    .left-button div:hover p {
        transform: rotateY(360deg);
    }


    .content-right {
        width: 10.26rem;
        margin-left: 0.93rem;
        box-sizing: border-box;
    }

    .content-right img {
        width: 100%;
    }


    .fangan-content {
        position: absolute;
        width: 22.22rem;
        top: 25vh;
        left: 50%;
        /* display: flex; */
        /* justify-content: center; */
        /* margin-top: 25vh; */
        margin-left: -11.11rem;
        font-size: 0.30rem;
    }

    .fangan-content .fangan-top {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .fangan-top .fangan-top-left h2 {
        font-size: 0.70rem;
        color: #033ECC;
        line-height: 1.15rem;
    }

    .fangan-top .fangan-top-left p {
        text-transform: uppercase;
        font-size: 0.26rem;
        color: #BBBBBB;
        line-height: 0.41rem;
    }

    .fangan-top .fangan-top-right {
        display: flex;
        flex-direction: column;
        align-items: end;
        cursor: pointer;
    }

    .fangan-top .fangan-top-right img {
        width: 0.74rem;
    }

    .fangan-top .fangan-top-right p {
        font-size: 0.30rem;
        color: #71757C;
        line-height: 0.52rem;
    }

    .fangan-top .fangan-top-right:hover p {
        color: #2F76FD;
    }

    .fangan-center {
        display: flex;
        justify-content: space-between;
        margin-top: 0.93rem;
    }

    .fangan-center>div {
        /* width: 49%; */
        width: 10.93rem;
        position: relative;
    }

    .fangan-center>div>img {
        width: 100%;
    }

    .center-left-desc {
        position: absolute;
        top: 0;
        left: 0;
        /* bottom: 0; */
        /* width: 50%; */
        padding-left: 1.46rem;
        box-sizing: border-box;
        color: #fff;
    }

    .center-left-desc .left-desc-title {
        display: flex;
        align-items: center;
        padding-top: 0rem;
        box-sizing: border-box;
    }

    .center-left-desc .left-desc-title>p {
        font-size: 0.67rem;
        color: #FFFFFF;
        /* line-height: 1.44rem; */
        font-weight: 800;
        margin-right: 0.56rem;
    }

    .center-left-desc .left-desc-title>div {
        font-size: 0.26rem;
        color: #FFFFFF;
        /* line-height: 0.46rem; */
        opacity: 0.8;
    }

    .center-left-desc .left-desc-title-e {
        font-size: 0.41rem;
        color: #2F76FD;
        margin-top: 0.19rem;
    }

    .center-left-desc ul {
        display: flex;
    }

    .left-desc-img {
        margin: 0.28rem 0 0.37rem;
    }

    .left-desc-bottom {
        width: 3.94rem;
        height: 0.93rem;
        border: 0.02rem solid #FFFFFF;
        text-align: center;
        line-height: 0.93rem;
        font-size: 0.26rem;
        cursor: pointer;
        transition: all 0.1s linear;
    }

    .left-desc-bottom:hover {
        color: #2F76FD;
        border: 0.02rem solid #2F76FD;
        background: #fff;
    }

    .center-left-desc .color {

        color: #855EFF;
    }

    .youshi-content {
        position: absolute;
        width: 100vw;
        top: 25vh;
        /* left: 50%; */
        /* display: flex; */
        /* justify-content: center; */
        /* margin-top: 25vh; */
        /* margin-left: -11.11rem; */
        padding-left: 0;
        box-sizing: border-box;
        font-size: 0.30rem;
        display: flex;
    }

    .content-left-desc {
        cursor: pointer;
    }

    .youshi-content .content-left {
        width: 4.54rem;
        font-size: 0.33rem;
        display: flex;
        flex-direction: column;
        /* transition: all 0.1s linear; */
    }

    .youshi-content .content-left .active-li {
        /* transition: all 0.1s linear; */
        font-size: 0.41rem;
        color: #033ECC;
    }

    .youshi-content .content-left h2 {
        color: #033ECC;
        font-size: 0.70rem;
        font-weight: bold;
    }

    .youshi-content .content-left>p {
        font-size: 0.26rem;
        text-transform: uppercase;
        color: #BBBBBB;
    }

    .youshi-content ul {
        margin-top: 0.93rem;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .youshi-content ul li {
        display: flex;
        align-items: center;
        font-size: 0.37rem;
    }

    .youshi-content ul img {
        width: 0.87rem;
        margin-right: 0.37rem;
    }

    .youshi-content-right {
        flex: 1;
        width: 70%;
        position: relative;
    }

    .youshi-content-right .swiper2 {
        /* width: 18.52rem; */
        margin-left: 5%;
    }

    .youshi-content-right .swiper-slide {
        transition: all 0.3s linear;
        transform: scale(0.9) translateY(0.37rem);
        cursor: pointer;
    }

    .youshi-content-right .swiper-slide-active {
        transition: all 0.3s linear;
        transform: scale(1);
    }

    .youshi-content-right-instruct {
        position: absolute;
        top: 0;
        left: 58%;
        display: flex;
        align-items: center;
        z-index: 10;
    }

    .segmentation {
        display: block;
        width: 0.02rem;
        height: 0.22rem;
        background-color: #033ECC;
        opacity: 0.5;
        margin: 0 0.56rem;
    }

    .youshi-content-right-instruct>div {
        cursor: pointer;
        color: #033ECC;
    }

    .youshi-desc {
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        padding-left: 0.93rem;
    }

    .youshi-desc h2 {
        padding-top: 1.48rem;
        font-size: 0.48rem;
    }

    .youshi-desc>p {
        font-size: 0.33rem;
        text-transform: uppercase;
        font-weight: 300;
    }

    .youshi-desc>div {
        font-size: 0.26rem;
        margin-top: 0.37rem;
        line-height: 0.41rem;
    }

    .youshi-desc i {
        font-style: normal;
        font-size: 0.19rem;
        vertical-align: text-bottom;
    }


    .guanyu {
        position: absolute;
        width: 22.22rem;
        top: 25vh;
        left: 50%;
        /* display: flex; */
        /* justify-content: center; */
        /* margin-top: 25vh; */
        margin-left: -11.11rem;
        font-size: 0.30rem;
        /* display: flex; */
    }

    .guanyu-title {
        margin-bottom: 0.56rem;
    }

    .guanyu-title>h2 {
        font-size: 0.70rem;
        color: #033ECC;
    }

    .guanyu-title>p {
        font-size: 0.26rem;
        color: #BBBBBB;
        text-transform: uppercase;
    }

    .guanyu-content {
        display: flex;
    }

    .guanyu-left {
        flex: 1;
        font-size: 0.34rem;
        line-height: 0.5rem;
    }

    .guanyu-left p {
        font-size: 0.26rem;
        color: #000000;
        line-height: 0.56rem;
        /* text-indent: 0.74rem; */
    }

    .guanyu-left .guanyu-title p {
        text-indent: 0;
        color: #BBBBBB;
        margin-top: 0.1rem;
    }

    .guanyu-left p:nth-child(2),
    .guanyu-left p:nth-child(3) {
        margin-bottom: 0.56rem;
    }

    .guanyu-right {
        width: 10.19rem;
        margin-left: 0.93rem;
    }

    .guanyu-right img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .zettastone {
        position: absolute;
        bottom: -2.69rem;
        font-size: 2.57rem;
        font-weight: 800;
        color: #9FA7B9;
        opacity: 0.17;
        text-transform: uppercase;
    }

    .bg-color {
        background-color: rgba(8, 61, 138, 1);
    }

    .xinwen {
        position: absolute;
        width: 100%;
        /* width: 22.22rem; */
        top: 4rem;
        /* left: 50%; */
        /* display: flex; */
        /* justify-content: center; */
        /* margin-top: 25vh; */
        /* margin-left: -11.11rem; */
        padding-left: unset;
        box-sizing: border-box;
        font-size: 0.30rem;
        display: flex;
    }

    .xinwen .xinwen-left {
        width: 5.56rem;
        color: #fff;
        text-transform: uppercase;
    }

    .xinwen .xinwen-left h2 {
        font-size: 0.70rem;
    }

    .xinwen .xinwen-left p {
        font-size: 0.26rem;
        color: #BBBBBB;
    }

    .xinwen .xinwen-right {
        flex: 1;
        width: 80%;
    }

    .xinwen-right .xinwen-right-top {
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-bottom: 0.04rem solid;
        border-image: linear-gradient(45deg, rgba(199, 199, 199, 1), rgba(36, 55, 117, 1)) 2 2;
        padding-right: 0.93rem;
        box-sizing: border-box;
    }

    .xinwen-right .xinwen-right-top ul {
        display: flex;
        align-items: center;
    }

    .xinwen-right-top .right-top-tab li {
        padding: 0.19rem 1.85rem 0.37rem 0;
        color: #FFFFFF;
        opacity: 0.7;
        font-size: 0.37rem;
        cursor: pointer;
        margin-right: 0.93rem;
    }

    .xinwen-right-top .right-top-tab .tab {
        opacity: 1;
        position: relative;
        display: inline-block;
        padding-bottom: 0.37rem;
        /* 为了给 border 留出空间 */
    }

    .xinwen-right-top .right-top-tab .tab::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        /* 初始宽度为0，不显示 */
        height: 0.07rem;
        /* border-bottom 的高度 */
        background-color: #fff;
        /* border-bottom 的颜色 */
        transition: width 0.5s ease;
        /* 过渡动画，可以自定义时间和动画效果 */
    }

    .xinwen-right-top .right-top-tab .active::before {
        width: 100%;
    }

    .xinwen-right-top .right-top-nav {
        color: rgba(255, 255, 255, 0.5);

    }

    .xinwen-right-top .right-top-nav li {
        cursor: pointer;
    }

    .xinwen-right-top .right-top-nav span {
        margin: 0 0.19rem;
    }

    .swiper-wrapper {
        width: 100%;
    }

    .xinwen-right-boton {
        margin-top: 0.48rem;
    }

    .xinwen-right-boton .swiper-slide {
        /* width: 8.89rem; */
        /* height: 8.89rem; */
        /* background-color: red; */
    }

    .xinwen-right-boton .swiper-slide img {
        width: 100%;
        height: 5rem;
    }

    .xinwen-right-boton .swiper-slide h3 {
        font-size: 0.41rem;
        color: rgba(255, 255, 255, 0.5);
        margin: 0.37rem 0 0.74rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 1.1rem;
    }

    .xinwen-right-boton .swiper-slide:hover h3 {
        color: rgba(255, 255, 255, 1);
    }

    .xinwen-right-boton .swiper-slide p {
        font-size: 0.30rem;
        color: rgba(255, 255, 255, 0.3);
    }

    .xinwen-right-boton .swiper-slide-active h3 {
        color: rgba(255, 255, 255, 1);
    }


    .hezuo {
        position: absolute;
        /* width: 100vw; */
        width: 22.22rem;
        top: 25vh;
        left: 50%;
        /* display: flex; */
        /* justify-content: center; */
        /* margin-top: 25vh; */
        margin-left: -11.11rem;
        /* padding-left: 10vw; */
        /* margin:25vh auto 0; */
        box-sizing: border-box;
        font-size: 0.30rem;
        display: flex;
    }

    .hezuo-left {
        width: 5.56rem;
        text-transform: uppercase;
    }

    .hezuo-left h2 {
        font-size: 0.70rem;
        color: #fff;

    }

    .hezuo-left p {
        font-size: 0.26rem;
        color: #BBBBBB;
    }

    .hezuo-right {
        flex: 1;
        padding-top: 1rem;
        box-sizing: border-box;
        display: grid;
        grid-template-columns: 3.80rem 3.80rem 3.80rem 3.80rem;
        /* grid-template-rows: 0.50rem 0.50rem 0.50rem 0.50rem; */
        column-gap: 0.24rem;
        row-gap: 0.24rem;
    }

    .hezuo-right .hezuo-right-item {
        /*background: #fff;*/
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;


    }

    .hezuo-right .hezuo-right-item img {
        transition: all 0.3s ease 0s;
    }

    .hezuo-right .hezuo-right-item:hover {
        /*box-shadow: 0 0 0.19rem rgba(0, 0, 0, .9);*/
    }

    .hezuo-right .hezuo-right-item:hover img {
        transform: scale(1.05);
    }

    .hezuo-right .hezuo-right-item:last-child {
        font-size: 0.74rem;
        color: rgba(0, 0, 0, 0.35);
    }

    .women {
        position: absolute;
        /* width: 100vw; */
        width: 22.22rem;
        /*top: 25vh;*/
        left: 50%;
        margin-left: -11.11rem;
        box-sizing: border-box;
        font-size: 0.30rem;
        display: flex;
    }

    .women-left {
        width: 5.56rem;
        text-transform: uppercase;
    }

    .women-right {
        flex: 1;

    }

    .women-right-desc {
        display: flex;
        justify-content: space-between;
        color: #FFFFFF;
        padding-top: 0.8rem;
        box-sizing: border-box;
    }

    .women-left h2 {
        font-size: 0.70rem;
        color: #fff;
    }

    .women-left p {
        font-size: 0.26rem;
        color: #BBBBBB;
    }

    .women-left-code {
        margin-top: 0.74rem;
        /* width: 1.67rem; */
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        /* justify-content: space-between; */
    }

    .women-left-code>div {
        margin-right: 0.19rem;
        margin-bottom: 0.19rem;
        width: 1.85rem;
    }

    .women-left-code img {
        width: 1.85rem;
    }

    .women-left-code p {
        font-size: 0.22rem;
    }

    .women-right .title {
        font-size: 0.46rem;
        color: rgba(255, 255, 255, 0.5);
        position: relative;
        margin-bottom: 0.54rem;
        line-height: normal;
    }

    .women-right .title::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -0.09rem;
        width: 0.56rem;
        /* 初始宽度为0，不显示 */
        height: 0.04rem;
        /* border-bottom 的高度 */
        background-color: #42D4FF;
    }



    .women-right .hotline {
        margin-bottom: 0.19rem;
        /* font-size: 0.35rem; */
        color: rgba(255, 255, 255, 0.7);
    }

    .women-right .hotline img {
        width: 0.30rem;
        vertical-align: middle;
        margin-right: 0.09rem;
    }

    .women-right .address-guanyu {
        display: flex;
    }

    .women-right .address-guanyu img {
        width: 0.30rem;
        height: 0.33rem;
        object-fit: cover;
        margin-top: 0.22rem;
        margin-right: 0.09rem;
    }

    .women-right-bottom {
        margin-top: 0.19rem;
    }

    .women-right-bottom ul {
        padding-top: 0.37rem;
    }

    .women-right-bottom ul li {
        font-size: 0.22rem;
        cursor: pointer;
        line-height: normal;
        border-bottom: 0.02rem solid rgba(255, 255, 255, 0.5);
        padding: 0 0.06rem;
    }

    .right-bottom-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .right-bottom-title p {
        width: auto;
        padding: 0 0.19rem;
        color: rgba(255, 255, 255, 0.75);
        font-size: 0.31rem;
    }

    .right-bottom-title i {
        flex: 1;
        display: block;
        height: 0.02rem;
        background: #979797;
        opacity: 35%;
    }

    .women-right-bottom ul {
        display: flex;
        /* justify-content: space-between; */
        font-size: 0.22rem;
    }

    .women-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1.48rem;
        background-color: #02275C;
        color: rgba(255, 255, 255, 0.8);
        font-size: 0.26rem;
        text-align: center;
        line-height: 1.48rem;
    }

    .women .women-e {
        text-transform: uppercase;
        position: absolute;
        right: 0;
        top: -1.85rem;
        font-size: 1.85rem;


        font-size: 1.85rem;
        font-weight: 800;
        color: #9FA7B9;
        opacity: 0.17;
    }

    .left-nav-fixed {
        position: fixed;
        left: 0.37rem;
        top: 45%;
        z-index: 100;
        display: flex;
        flex-direction: column;
    }

    .left-nav-fixed>div {
        display: flex;
        align-items: center;
        /* margin-bottom: 0.19rem; */
        height: 0.31rem;
    }

    .left-nav-fixed>div span {
        font-size: 0.22rem;
        display: none;
    }

    .left-nav-fixed a {
        display: block;
        width: 0.28rem;
        height: 0.07rem;
        background-color: #C4CBD3;

        transition: all 0.3s linear;
    }

    .left-nav-fixed .active-nav a {
        width: 0.37rem;
        background: #42CBF3;
    }

    .left-nav-fixed .active-nav span {
        display: block;
        color: #C4CBD3;
        margin-left: 0.09rem;
    }
    .swiper .swiper-content{
        margin-top: 5rem;
    }
    .swiper-content h6{
        width: 80%;
        padding-bottom: 0 0.4rem;
        text-align: center;
    }
    .button-img{
        width: 3rem;
    }
    .fangan-content{
        top: unset;
    }
    .fangan-center-left{
        margin-bottom: 0.8rem !important;
    }
    .fangan-center-right{
        margin-top: 0rem !important;
    }
    .youshi-content{
        top: 3rem;
    }
    .youshi-content .content-left{
        width: 100%;
    }
    .youshi-content ul{
        display: none;
    }
    .youshi-content-right{
        width: 85%;
    }
    .youshi-content-right .swiper2{
        margin-left:0;
        height: 60%;
        text-align: center;
    }
    .youshi-desc{
        padding-left: 0;
        padding: 0 0.3rem;
    }
    .youshi-desc h2{
        font-size: 0.52rem;
    }
    .youshi-desc>div{
        text-align: justify;
        font-size: 0.35rem;
        line-height: 0.5rem;
    }

    .guanyu{
        top: 3rem;
        width: 100%;
        margin-left:unset;
        left: unset;
    }
    .guanyu-right{
        width: 80%;
    }
    .zettastone{
        bottom: unset;
        font-size: 1.27rem;
        margin-top: 1rem;
    }
    .xinwen .xinwen-left{
        width: 80%;
    }
    .xinwen-right-top .right-top-tab li{
        padding: unset;
    }
    .hezuo{
        width: 100%;
        top: 3rem;
        left: unset;
        margin-left: unset;
        justify-content: center;
    }
    .hezuo-right {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .hezuo-right .hezuo-right-item{
        width: 2.5rem;

    }
    .hezuo-right .hezuo-right-item img{
        width: 100%;
        max-height: 1.6rem;
    }
    .hezuo-right-item:last-child{
        display: none;
    }
    .hezuo-left{
        width: 80%;
    }
    .women-left{
        width: 8.56rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .pc-show{
        display: none;
    }
    .women{
        width: 100%;
        left: unset;
        margin-left:unset;
    }
    .women-right{
        text-align: center;
    }
    .women-right .title::before{
        content: unset;
    }
    .women-right-bottom.f-links ul {
        width: 80%;
        justify-content: center;
        margin: 0 auto;
    }
    .youshi-content{
        margin: 0.9rem ;
    }
    .youshi-content-right-instruct{
        position: relative;
        margin-bottom: 0.3rem;
    }
    .guanyu-title{
        margin: 0;
    }
    .guanyu-right{
        display: none;
        position: absolute;
        z-index: -1;
        opacity: 0.3;
        bottom: 0;
    }
    .women-right-desc{
        justify-content:center;
    }
    .women-right li, .women-right li a {
        line-height: 0.70rem;
        font-size: 0.28rem;
        color: rgba(255, 255, 255, 0.5);
        /*  */
    }
}