.index_container {
    position: relative;
    z-index: 1;
}

.banner_amin {
    position: relative;
    height: 100vh;
}

.banner_amin .am1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
}

.banner_amin .am2 {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 2;
    pointer-events: none;
}

.banner_amin .am2 .am2bgimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(16);
}

.banner_amin .am3 {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.banner_amin .am3 .text {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    padding-top: 2.25rem;
    position: relative;
}

.banner_amin .am3 .text .logo1 {
    width: 9.63rem;
    height: auto;
    margin: 0 auto;
    position: relative;
    transform: scale(5);
    transform-origin: 20.5% 52.5%;
    margin-bottom: .32rem;
}

.banner_amin .am3 .text .h1 {
    text-align: center;
    color: #666;
    font-size: .35rem;
    font-family: var(--f300);
    position: relative;
    transform: translateY(1.5rem);
    opacity: 0;
}

.in2 {
    width: 100%;
    position: relative;
}

.in2 .bgimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.in2 .right_btn {
    position: absolute;
    width: 1rem;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 3;
    background-color: var(--viColor);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.in2 .right_btn .text {
    position: relative;
    transform: rotate(90deg);
    column-gap: .18rem;
    display: flex;
    align-items: center;
}

.in2 .right_btn .text span {
    color: #fff;
    white-space: nowrap;
}

.in2 .right_btn .text .btn {
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.in2 .right_btn .text .btn svg {
    width: .12rem;
    height: .12rem;
    object-fit: contain;
}

.in2 .cont {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding-bottom: .7rem;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.31) 0.05%, rgba(0, 0, 0, 0.19) 99.88%);
}

.in2 .cont .top {
    position: relative;
    padding-top: .62rem;
    padding-left: 2.18rem;
    margin-bottom: 0.4rem;
    z-index: 1;
}

.in2 .cont .top .h1 {
    color: #fff;
    line-height: 1.3;
    font-family: var(--f500);
    margin-bottom: .32rem;
}

.in2 .cont .top .p1 {
    color: #fff;
    font-family: var(--f300);
}

.in2 .cont .center {
    width: 100%;
    margin-bottom: .48rem;
}

.in2 .cont .center .tabcont .tabitem {
    display: none;
    min-height: 5rem;
}

.in2 .cont .center .tabcont .tabitem.on {
    display: block;
}

.in2 .cont .center .tabcont .tabitem .swiper {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

.in2 .cont .center .tabcont .tabitem .swiper .swiper-slide {
    width: 4.4rem;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.in2 .cont .center .tabcont .tabitem .swiper .swiper-slide:hover .text .h1 {
    color: var(--viColor);
}

.in2 .cont .center .tabcont .tabitem .swiper .swiper-slide:hover .text .text_bot .ico {
    background-color: var(--viColor);
}

.in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .slide_top {
    padding: .28rem;
    padding-bottom: .65rem;
    background-color: #fff;
}

.in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .slide_top .h1 {
    display: flex;
    align-items: center;
    margin-bottom: .52rem;
}

.in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .slide_top .h1 .ico {
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background-color: var(--viColor);
    margin-right: .12rem;
}

.in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .slide_top .h1 span {
    color: #666;
    line-height: 1.22;
    flex: 1;
}

.in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .slide_top .pic {
    width: 2.85rem;
    height: 2.19rem;
    margin: 0 auto;
}

.in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .slide_top .pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .text {
    background-color: #f7f7f7;
    padding: .4rem .28rem .3rem;
    height: 2.14rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .text .h1 {
    font-weight: 600;
    line-height: 1.1;
    transition: all 0.4s ease;
}

.in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .text .text_bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .text .text_bot .h2 {
    padding-right: .2rem;
    color: #333;
    font-weight: var(--f300);
}

.in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .text .text_bot .ico {
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background-color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
}

.in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .text .text_bot .ico svg {
    width: .12rem;
    height: .12rem;
}

.in2 .cont .tabber {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
}
.in2 .cont .tabber .swiper2 .swiper-slide {
    width: fit-content;
}
/*.in2 .cont .tabber .swiper2 .swiper-slide-active .item {*/
/*    background-color: var(--viColor);*/
/*}*/
.in2 .cont .tabber .swiper2 .active .item {
    background-color: var(--viColor);
}

.in2 .cont .tabber .item {
    cursor: pointer;
    min-width: 2rem;
    padding: 0 .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .54rem;
    border-radius: .54rem;
    background: rgba(0, 0, 0, 0.33);
    backdrop-filter: blur(.038rem);
    color: #fff;
    font-family: var(--f500);
    line-height: 1.1;
    transition: all 0.4s ease;
}
.in2 .cont .tabber .item:hover {
    background-color: var(--viColor);
}

.in3 {
    margin: 0 auto;
    padding: 2.09rem 0 .68rem;
    position: relative;
    z-index: 11;
    overflow: hidden;
    background-color: #fff;
    border-radius: 0;
    margin-top: -100vh;
}

.in3 .h1 {
    line-height: 1.3;
    color: #333;
    font-family: var(--f500);
    margin-bottom: .32rem;
    padding: 0 2.18rem;
}

.in3 .p_cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2.18rem;
    margin-bottom: .52rem;
}

.in3 .p_cont .p {
    width: 60%;
    color: #666;
    font-family: var(--f300);
    line-height: calc(23 / 20);
}

.in3 .p_cont .btn {
    width: fit-content;
    padding: 0 .4rem;
    height: .5rem;
    border-radius: .5rem;
    border: .01rem solid #333;
    transition: all 0.4s ease;
    column-gap: .1rem;
    display: flex;
    align-items: center;
}

.in3 .p_cont .btn:hover {
    background-color: var(--viColor);
    border-color: var(--viColor);
}

.in3 .p_cont .btn:hover span {
    color: #fff;
}

.in3 .p_cont .btn:hover svg path {
    fill: #fff;
}

.in3 .p_cont .btn span {
    color: #333;
    transition: all 0.4s ease;
}

.in3 .p_cont .btn svg {
    height: .15rem;
    width: fit-content;
}

.in3 .p_cont .btn svg path {
    transition: all 0.4s ease;
}

.in3 .swiper {
    width: 100%;
    margin-bottom: .34rem;
}

.in3 .swiper .swiper-slide {
    width: 14.86rem;
    height: auto;
    aspect-ratio: 1486 / 748;
    position: relative;
}

.in3 .swiper .swiper-slide .bgimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.in3 .swiper .swiper-slide .slide_cont {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.in3 .swiper .swiper-slide .slide_cont .btn {
    width: fit-content;
    padding: 0 .2rem 0 .05rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .5rem;
    border-radius: .5rem;
    column-gap: .11rem;
    background: rgba(255, 255, 255, 0.54);
    backdrop-filter: blur(.041rem);
    position: absolute;
    bottom: 1.52rem;
    left: 4.51rem;
}

.in3 .swiper .swiper-slide .slide_cont .btn .ico {
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background-color: var(--viColor);
    display: flex;
    align-items: center;
    justify-content: center;
}

.in3 .swiper .swiper-slide .slide_cont .btn .ico svg {
    width: .2rem;
    height: .2rem;
    object-fit: contain;
}

.in3 .swiper .swiper-slide .slide_cont .btn span {
    color: #333;
    line-height: 1.11;
    font-family: var(--f300);
}

.in3 .swiper .swiper-slide .slide_cont .card {
    width: 2.67rem;
    padding: .41rem .23rem .27rem;
    border-radius: .14rem;
    position: absolute;
    top: 2.6rem;
    right: 3.29rem;
    background: rgba(255, 255, 255, 0.54);
    backdrop-filter: blur(.2015rem);
}

.in3 .swiper .swiper-slide .slide_cont .card .ico {
    width: .24rem;
    height: .24rem;
    border-radius: 50%;
    background-color: var(--viColor);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    top: .14rem;
    right: .1rem;
}

.in3 .swiper .swiper-slide .slide_cont .card .ico svg {
    width: .11rem;
    height: .11rem;
    object-fit: contain;
}

.in3 .swiper .swiper-slide .slide_cont .card .card_cont .card_cont_h1 {
    color: var(--viColor);
    line-height: 1.11;
    margin-bottom: .14rem;
}

.in3 .swiper .swiper-slide .slide_cont .card .card_cont .card_cont_p1 {
    line-height: 1.25;
    color: #333;
    font-family: var(--f300);
    margin-bottom: .31rem;
}

.in3 .swiper .swiper-slide .slide_cont .card .card_cont .card_btn {
    height: .33rem;
    border-radius: .33rem;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .09rem;
    padding: 0 .2rem;
    background-color: var(--viColor);
    width: fit-content;
}

.in3 .swiper .swiper-slide .slide_cont .card .card_cont .card_btn span {
    color: #fff;
}

.in3 .swiper .swiper-slide .slide_cont .card .card_cont .card_btn svg {
    height: .15rem;
    width: auto;
}

.in3 .tabber {
    margin: 0 auto;
    width: fit-content;
    position: relative;
    column-gap: .7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .22rem;
}

.in3 .tabber .item {
    width: fit-content;
    padding: .12rem 0;
    position: relative;
    transition: all 0.4s ease;
    cursor: pointer;
    color: #606060;
    z-index: 2;
}

.in3 .tabber .item:hover {
    color: var(--viColor);
}

.in3 .tabber .item.on {
    color: var(--viColor);
}

.in3 .tabber .item.on::after {
    opacity: 1;
}

.in3 .tabber .item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border: .015rem solid var(--viColor);
    transform: translateY(50%);
    transition: all 0.4s ease;
    opacity: 0;
}

.in3 .tabber::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border: .01rem solid rgba(0, 0, 0, 0.2);
    transform: translateY(50%);
}

.in3 .tabcont .p1 {
    display: none;
    line-height: 1.6;
    width: 7rem;
    color: #333;
    margin: 0 auto;
    text-align: center;
    opacity: 0.8;
}

.in3 .tabcont .p1.on {
    display: block;
}

.in4 {
    width: 100%;
    height: 100vh;
    background: #000;
    position: sticky;
    top: 0;
    z-index: 10;
    overflow: hidden;
}

.in4 .amin1 {
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding-bottom: .44rem;
    padding-top: 1.6rem;
    align-items: center;
}

.in4 .amin1 .h1 {
    color: #fff;
    opacity: 0;
}

.in4 .amin1 .bgimg {
    margin: 0 auto;
    height: 71.57vh;
    width: auto;
}

.in4 .amin1 .more {
    opacity: 0;
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.07rem;
    width: fit-content;
    padding: 0 .47rem;
    height: .5rem;
    display: block;
    border-radius: .5rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: .15rem;
}

.in4 .amin1 .more span {
    color: var(--viColor);
}

.in4 .amin1 .more .ico {
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background-color: var(--viColor);
}

.in4 .amin1 .list {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -1rem);
    z-index: 2;
    width: 12.14rem;
    pointer-events: none;
    height: 50vh;
}

.in4 .amin1 .list .list_cont {
    width: 100%;
    height: fit-content;
    position: relative;
    transform: translateY(50%);
}

.in4 .amin1 .list .list_cont .item_cont {
    display: flex;
    align-items: center;
    margin-bottom: 1.36rem;
}

.in4 .amin1 .list .list_cont .item_cont .item {
    opacity: 0;
    pointer-events: all;
    width: 4.04rem;
    height: auto;
    padding: .26rem .33rem .43rem .38rem;
    background: rgba(255, 255, 255, 0.09);
    backdrop-filter: blur(.1675rem);
}

.in4 .amin1 .list .list_cont .item_cont .item .item_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .43rem;
}

.in4 .amin1 .list .list_cont .item_cont .item .item_top .item_h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding-right: .2rem;
}

.in4 .amin1 .list .list_cont .item_cont .item .item_top .item_h1 .ico {
    width: .06rem;
    height: .06rem;
    border-radius: 50%;
    background-color: var(--viColor);
    margin-right: .06rem;
}

.in4 .amin1 .list .list_cont .item_cont .item .item_top .item_h1 span {
    flex: 1;
    color: #fff;
    font-family: var(--f500);
    line-height: calc(19 / 16);
}

.in4 .amin1 .list .list_cont .item_cont .item .item_top .item_ico {
    width: .31rem;
    height: .31rem;
}

.in4 .amin1 .list .list_cont .item_cont .item .item_top .item_ico img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.in4 .amin1 .list .list_cont .item_cont .item .num_cont {
    display: flex;
    margin-bottom: .07rem;
}

.in4 .amin1 .list .list_cont .item_cont .item .num_cont .num {
    color: #fff;
    line-height: 1.11;
    font-weight: 700;
    font-size: .7rem;
}

.in4 .amin1 .list .list_cont .item_cont .item .num_cont .num_f {
    color: #fff;
    font-weight: 700;
    line-height: 2;
}

.in4 .amin1 .list .list_cont .item_cont .item .p1 {
    color: #999;
    line-height: calc(23/20);
}

.in4 .amin1 .list .list_cont .item_cont:nth-child(2n) {
    justify-content: end;
}

.in4 .amin1 .list .list_cont .item_cont:last-child {
    margin-bottom: 0;
}

.in4_cont2 {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: -1;
}

.in5 {
    position: relative;
    z-index: 2;
    background-color: #000000;
    padding: 1.76rem 0 0;
    padding-bottom: 1.1rem;
}

.in5 .top {
    margin-bottom: .44rem;
}

.in5 .top .h1 {
    color: #fff;
    text-align: center;
    font-family: var(--f500);
}

.in5 .swiper {
    padding: 0 .83rem;
}

.in5 .swiper .swiper-slide {
    width: 5.3rem;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    height: auto;
}

.in5 .swiper .swiper-slide .pic {
    width: 100%;
    height: auto;
    aspect-ratio: 530 / 338;
    overflow: hidden;
}

.in5 .swiper .swiper-slide .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s ease;
}

.in5 .swiper .swiper-slide .text {
    padding: .53rem .3rem 0;
    background-color: #111111;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.in5 .swiper .swiper-slide .text .text_f {
    margin-bottom: .74rem;
}

.in5 .swiper .swiper-slide .text .text_f .h1 {
    color: #fff;
    margin-bottom: .13rem;
    line-height: 1.5;
    font-family: var(--f500);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.in5 .swiper .swiper-slide .text .text_f .h2 {
    line-height: 2;
    color: #BDBDBD;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.in5 .swiper .swiper-slide .text .text_bot {
    padding: .21rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.in5 .swiper .swiper-slide .text .text_bot .time {
    display: flex;
    align-items: center;
    column-gap: .13rem;
}

.in5 .swiper .swiper-slide .text .text_bot .time .a1 {
    color: #fff;
    line-height: calc(18 / 14);
}

.in5 .swiper .swiper-slide .text .text_bot .time span {
    color: #fff;
}

.in5 .swiper .swiper-slide .text .text_bot .ico {
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #333;
}

.in5 .swiper .swiper-slide .text .text_bot .ico svg {
    width: .12rem;
    height: .12rem;
    object-fit: contain;
}

.in6 {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.in6 .bgimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 2;
    background-color: #000;
}

.in6 .cont {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding-top: 2.88rem;
}

.in6 .cont .text {
    width: 100%;
    height: fit-content;
    margin: 0 auto;
}

.in6 .cont .text .h1 {
    color: #fff;
    text-align: center;
    font-family: var(--f500);
    line-height: 1.45;
    margin-bottom: .53rem;
}

.in6 .cont .text .btn {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    column-gap: .15rem;
    width: fit-content;
    padding: 0 .47rem;
    height: .5rem;
    border-radius: .5rem;
}

.in6 .cont .text .btn span {
    color: var(--viColor);
}

.in6 .cont .text .btn .ico {
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background-color: var(--viColor);
}

@media screen and (min-width: 1024px) {
    .phonebox {
        display: none;
    }
}
@media screen and (max-width: 1024px) {
    body {
        padding-top: 50px;
    }
    .f_40 {
        font-size: 20px;
    }
    .f_16 {
        font-size: 14px;
    }
      .header .menu {
        position: relative;
        width: 20px;
        height: 20px;
        cursor: pointer;
      }
      .header .menu div {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: var(--viColor);
        transition: all 0.4s ease;
      }
      .header .menu .top {
        top: 0;
      }
      .header .menu .middle {
        top: 9px;
      }
      .header .menu .bottom {
        bottom: 0;
      }
      .header .menu.cur .top {
        transform: rotate(45deg);
        transform-origin: top left;
        width: 26px;
      }
      .header .menu.cur .middle {
        transform: translateX(-20px);
        opacity: 0;
      }
      .header .menu.cur .bottom {
        transform: rotate(-45deg);
        transform-origin: top left;
        width: 26px;
        left: -1px;
      }
      
    .header .mb-head {
    display: none;
    position: absolute;
    z-index: 999;
    top: 50px;
    width: 100%;
    left: 0;
    height: calc(100vh - 50px);
    background-color: #ffffff;
    overflow-y: auto;
  }
  .header .mb-head .mb-head_cont .item .item_cont {
    height: 13.333vw;
    display: flex;
    justify-content: space-between;
    padding: 0 6vw;
    transition: all .4s ease;
  }
  .header .mb-head .mb-head_cont .item .item_cont a {
    display: flex;
    align-items: center;
    flex: 1;
  }
  .header .mb-head .mb-head_cont .item .item_cont .ico_box {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: end;
  }
  .header .mb-head .mb-head_cont .item .item_cont .ico_box .ico {
    width: 2.667vw;
    height: 2.667vw;
    position: relative;
  }
  .header .mb-head .mb-head_cont .item .item_cont .ico_box .ico::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 2px;
    background: #000;
    transition: all .4s ease;
  }
  .header .mb-head .mb-head_cont .item .item_cont .ico_box .ico::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 2px;
    background: #000;
    transition: all .4s ease;
  }
  .header .mb-head .mb-head_cont .item .header_down_cont {
    display: none;
  }
  .header .mb-head .mb-head_cont .item .header_down_cont a {
    height: 13.333vw;
    display: flex;
    align-items: center;
    width: 80%;
    padding-left: 10.667vw;
    font-size: 14px;
  }
  .header .mb-head .mb-head_cont .item .header_down_cont a.on {
    color: var(--viColor);
  }
  .header .mb-head .mb-head_cont .item:nth-child(2n) .item_cont {
    background-color: #f3f3f7;
  }
  .header .mb-head .mb-head_cont .item.on .item_cont {
    background: var(--viColor);
  }
  .header .mb-head .mb-head_cont .item.on .item_cont a {
    color: #fff;
  }
  .header .mb-head .mb-head_cont .item.on .item_cont .ico_box .ico::after {
    background: #fff;
  }
  .header .mb-head .mb-head_cont .item.on .item_cont .ico_box .ico::before {
    background: #fff;
  }
  .header .mb-head .mb-head_cont .item.on .item_cont .ico_box .ico::before {
    height: 0;
  }
  .contact_container .contact1 .pic-box {
      display: none;
  }
      
      
      
    .header {
        background: #fff;
        height: 50px;
        padding: 0 20px;
    }
    .header .header_container .pc_list {
        display: none;
    }
    .header .header_container .logo img.img1 {
        opacity: 0;
    }
    .header .header_container .logo img.img2 {
        opacity: 1;
    }
    .header .header_container .header_right {
        display: none;
    }
    .nybanner {
        height: 350px;
    }
    .nybanner .cont {
        padding: 0 20px;
    }
    .nybanner .cont .text {
        padding-top: 61px;
    }
    .news_container .nybanner .cont .text .h1 {
        font-size: 23px;
    }
    .news_container .nybanner .cont .text .p1 {
        font-size: 14px;
    }
    /*底部*/
    .pcbox {
        display: none;
    }
    .footerPhone {
        padding: 35px 20px 28px;
        background: #111111;
    }
    .footerPhone .logo {
        width: 160px;
        display: block;
        margin: 0 auto;
        margin-bottom: 27px;
    }
    .footerPhone  .list {
        margin-bottom: 43px;
    }
    .footerPhone  .list .item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .footerPhone  .list .item_cont {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .footerPhone  .list .item_cont .t1 {
        padding: 20px 0;
        color: #fff;
        flex: 1;
    }
    .footerPhone  .list .item_cont .ico_cont {
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .footerPhone  .list .item.on .item_cont .ico_cont .ico::after {
        height: 0;
    }
    .footerPhone  .list .item_cont .ico_cont .ico {
        position: relative;
        width: 16px;
        height: 16px;
    }
    .footerPhone  .list .item_cont .ico_cont .ico::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        height: 2px;
        background-color: #fff;
    }
    .footerPhone  .list .item_cont .ico_cont .ico::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        height: 100%;
        width: 2px;
        transition: all .4s ease;
        background-color: #fff;
    }
    .footerPhone .list .item_down {
        display: none;
    }
    .footerPhone .list .item_down .t2  {
        display: block;
        padding: 20px;
        color: #fff;
        width: 80%;
    }
    .footerPhone .footer_bot .addres {
        display: flex;
        align-items: center;
        column-gap: 3px;
        justify-content: center;
        margin-bottom: 10px;
    }
    .footerPhone .footer_bot .addres .ico {
        width: 18px;
        height: 18px;
        object-fit: contain;
    }
    .footerPhone .footer_bot .addres .p1  {
        color: #fff;
        font-size: 14px;
    }
    .footerPhone .footer_bot .ewm {
        width: 94px;
        height: auto;
        margin: 0 auto 10px;
    }
    .footerPhone .footer_bot  .emil  {
        color: #fff;
        font-size: 14px;
        line-height: 1.35;
        text-align: center;
        margin-bottom: 10px;
    }
    .footerPhone .footer_bot .yulist {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 10px;
        flex-wrap: wrap;
        row-gap: 10px;
        margin-bottom: 10px;
    }
    .footerPhone .footer_bot .yulist .item {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        padding: 5px;
        background-color:#da251d;
    }
    .footerPhone .footer_bot .wslist {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 15px;
        margin-bottom: 10px;
    }
    .footerPhone .footer_bot .diz {
        color: rgba(141, 141, 141, 1);
        font-size: 14px;
        line-height: 1.35;
        text-align: center;
        margin-bottom: 10px;
    }
    .footerPhone .footer_bot .beian {
        display: block;
        text-align: center;
        color: rgba(141, 141, 141, 1);
        font-size: 14px;
        line-height: 1.35;
        
    }
    
    
    .footerPhone .footer_bot .wslist .item {
        font-size: 14px;
        color: rgba(141, 141, 141, 1);
    }
    .footerPhone .footer_bot .wslist span {
        color:rgba(141, 141, 141, 1);
    }
    /**/
    .nybannerber {
        padding: 20px;
    }
    .nybanner .cont .text .h1 {
        font-size: 26px;
    }
    .nybanner .cont .text .p1 {
        font-size: 12px;
    }
    /*解决方案*/
    .nybannerber .left .item .ico {
        width: 15px;
        height: 15px;
    }
    .nybannerber .left .item span {
        font-size: 14px;
    }
    .solution1 .swiper {
        padding: 0 20px;
    }
    .solution2 .list {
        padding: 0 20px;
    }
    .solution2 .list .item .item_cont {
        flex-direction: column;
        padding: 20px;
    }
    .solution2 .list .item .item_cont .pic {
        width: 100%;
    }
    .solution2 .list .item .item_cont .item-r {
        width: 100%;
    }
    .solution2 .list .item .item_cont .item-r {
        padding: 20px 0 0;
    }
    .solution2 .list .item .item_cont .item-r .num {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .solution2 .list .item .item_cont .item-r .text .h1 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .solution2 .list .item .item_cont .item-r .text .p1 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .solution_details4 .top .tit2 {
        font-size: 14px;
        padding: 0 20px;
    }
    /*解决方案详情*/
    .solution_details1 {
        padding: 50px 0;
    }
    .solution_details1 .cont .text .h1 {
        padding: 0 20px;
    }
    .solution_details1 .cont .text .p1 {
        padding: 0 20px;
    }
    .solution_details1 .cont {
        flex-direction: column-reverse;
    }
    .solution_details1 .cont .text {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .solution_details1 .cont .text .p1 {
        font-size: 14px;
    }
    .solution_details1 .cont .pic {
        width: 100%;
        border-radius: 0;
    }
    .solution_details2 {
        padding: 50px 20px;
    }
    .solution_details2 .top {
        padding: 0;
        flex-direction: column;
    }
    .solution_details2 .top .tit_box {
        width: 100%;
        margin-bottom: 20px;
    }
    .solution_details2 .top .tit_box .tit2 {
        font-size: 14px;
    }
    .solution_details2 .swiper {
        padding: 0;
    }
    .solution_details2 .swiper .swiper-slide .slide_cont {
        padding: 20px;
    }
    .solution_details2 .swiper .swiper-slide .slide_cont .slide_bot .h1 {
        font-size: 16px;
    }
    .solution_details2 .swiper .swiper-slide .slide_cont .slide_bot .p1 {
        font-size: 14px;
    }
    .solution_details3 {
        padding: 50px 0;
    }
    .solution_details3 .top {
        padding: 0 20px;
    }
    .solution_details3 .top .tit2 {
        font-size: 14px;
        line-height: 1.45;
    }
    .solution_details4 .swiper {
        padding: 0 20px;
    }
    .solution_details4 .swiper .swiper-slide .slide_top .slide_em span {
        font-size: 14px;
    }
    /*下载中心*/
    .dl1 {
        padding: 20px 20px 50px;
        flex-direction: column;
    }
    .dl1 .lf {
        position: relative;
        top: 0;
        width: 100%;
        min-height: 0;
        padding: 0;
        border: 0;
        margin-bottom: 20px;
    }
    .dl1 .lf .box .list {
        display: flex;
        column-gap: 10px;
        flex-wrap: wrap;
        row-gap: 10px;
    }
    .dl1 .lf .box .list a {
        margin: 0;
        font-size: 14px;
        height: 40px;
        border-radius: 40px;
        display: flex;
        align-items: center;
    }
    .PAGE .btn {
        padding: 0 10px;
    }
    .PAGE .btn .btn_t {
        font-size: 12px;
    }
    
    .dl1 .rg .tit1 {
        flex-direction: column;
    }
    .dl1 .rg .tit1 span {
        margin-bottom: 20px;
    }
    .dl1 .rg {
        margin: 0;
        flex: 1;
    }
    .dl1 .rg .main .list {
        column-gap: 4%;
        row-gap: 20%;
    }
    .dl1 .rg .main .list .item .btn-box {
        flex-direction: column;
        row-gap: 10px;
    }
    .dl1 .rg .main .list .item .btn-box a {
        height: 30px;
        border-radius: 30px;
        min-width: 100px;
    }
    .dl1 .rg .main .list .item .btn-box a .img-box {
        width: 12px;
        height: 12px;
    }
    .PAGE .PAGE_NUM {
        column-gap: 10px;
    }
    .PAGE {
        column-gap: 10px;
    }
    .PAGE .PAGE_NUM .num {
    
        width: 26px;
        height: 26px;
    }
    .dl1 .rg .main .list .item {
        width: 48%;
        margin: 0;
        padding: 10px;
        margin-bottom: 20px;
    }
    .dl1 .rg .tit1 .inp-box {
        height: 40px;
        border-radius: 40px;
    }
    /*新闻详情*/
    .news_details1 {
        padding: 50px 20px;
        flex-direction: column;
    }
    .news_details1 .left {
        width: 100%;
        padding: 20px;
        margin-bottom: 20px;
    }
    .news_details1 .right {
        width: 100%;
    }
    .news_details1 .left .h_f .time {
        font-size: 14px;
    }
    .news_details1 .left .h_f .share_cont .name {
        font-size: 14px;
    }
    .news_details1 .left .h_f .share_cont .list .item {
        width: 20px;
        height: 20px;
    }
    .news_details1 .left .text_cont {
        font-size: 14px;
    }
    .news_details1 .right .card .card_cont {
        padding: 20px;
    }
    .news_details1 .right .card .card_cont .card_cont_tit {
        font-size: 20px;
    }
    .news_details1 .right .card .card_cont .list .item .h1 {
        font-size: 14px;
    }
    .news_details1 .right .card .card_cont .list .item .time {
        font-size: 12px;
    }
    .news_details1 .right .card .btn span {
        font-size: 14px;
    }
    .news_details1 .right .card .btn svg {
        width: 20px;
    }
    .news2 .top .tabber {
        column-gap: 10px;
    }
    .news2 .top .tabber .item {
        font-size: 14px;
    }
    .news2 .list .item .item_cont .text {
        padding: 20px;
    }
    .news2 .list .item .item_cont .text .text_top .h1 {
        font-size: 16px;
    }
    .news2 .list .item .item_cont .text .bot .bot_time .h2 {
        font-size: 14px;
    }
    .news2 .list .item .item_cont .text .bot .bot_time span {
        width: 2px;
        height: 14px;
    }
    .news2 .list .item .item_cont .text .bot .ico {
        width: 16px;
        height: 16px;
    }
    /*新闻列表*/
    .news1 {
        padding: 50px 20px;
    }
    .news2 {
        padding: 50px 20px;
    }
    .news2 .list {
        flex-direction: column;
    }
    .news2 .list .item {
        width: 100%;
    }
    /*关于我们*/
    .ab1 {
        padding: 50px 20px;
    }
    .ab1 .cont {
        flex-direction: column;
    }
    .ab1 .cont .tit1 {
        width: 100%;
        margin-bottom: 20px;
        justify-content: flex-start;
    }
    .ab1 .cont .txt .t1 {
        width: 100%;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .ab1 .pic {
        height: auto;
    }
    .ab1 .cont .txt .h1 {
        font-size: 20px;
    }
    .ab1 .cont .txt .h2 {
        font-size: 16px;
    }
    .ab1 .cont1 {
        margin: 0;
        flex-direction: column-reverse;
    }
    .ab1 .cont1 .txt span {
        font-size: 20px;
    }
    .ab1 .cont1 .txt .list .item .t1 .p1 {
        font-size: 16px;
        line-height: 1.35;
    }
    .ab1 .cont1 .txt .list .item img {
        width: 25px;
        height: 25px;
        margin-bottom: 20px;
    }
    .ab1 .cont1 .txt .list .item .t1 .p1 {
        margin-top: 15px;
    }
    .ab1 .cont1 .txt .list .item {
        height: auto;
    }
    .ab1 .cont1 .vid-box {
        width: 100%;
        height: auto;
    }
    .ab1 .pic {
        margin: 0;
        margin-bottom: 20px;
    }
    .ab1 .cont .txt .h2 {
        margin-top: 20px;
    }
    .ab1 .cont1 .txt > p {
        width: 100%;
        font-size: 14px;
    }
    .ab4 {
        padding: 50px 0;
    }
    .ab4 .tit1 {
        padding: 0 30px;
    }
    
    .ab4 .swiper3 {
        padding: 20px;
        width: 100%;
    }
    
    .ab4 .swiper3  .swiper-slide {
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .ab4 .swiper3  .swiper-slide .text {
        margin-bottom: 20px;
        flex: 1;
    }
    
    .ab4 .swiper3  .swiper-slide .img {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }
    
    .ab4 .swiper3  .swiper-slide .img img {
        width: 100%;
        height: auto;
    }
    .ab4 .swiper3  .swiper-slide .h1 {
        font-size: 18px;
        color: var(--viColor);
        font-weight: 600;
        line-height: 1.5;
        margin-bottom: 10px;
    }
    .ab4 .swiper3  .swiper-slide .p1 {
        font-size: 16px;
        line-height: 1.5;
    }
    
    
    
    .ab5 {
        padding: 50px 0;
        overflow: hidden;
    }
    .ab5 .tit1 {
        padding: 0 20px;
    }
    .ab5 .swiper-box .bk  {
        pointer-events: none;
    }
    .ab5 .swiper-box .swiper .swiper-wrapper .swiper-slide {
        width: 80%;
    }
    .ab5 .swiper-box .swiper .bt .cus_bull {
        display: none;
    }
    .ab5 .swiper-box .swiper .bt {
        justify-content: center;
    }
    .ab5 .swiper-box .swiper .swiper-wrapper .swiper-slide .txt {
        padding: 10px;
    }
    .ab5 .swiper-box .swiper .swiper-wrapper .swiper-slide .pic {
        padding: 10px;
    }
    .ab5 .swiper-box .swiper .swiper-wrapper .swiper-slide .txt .p1 span {
        font-size: 14px;
    }
    .ab5 .swiper-box .swiper .swiper-wrapper .swiper-slide .txt {
        flex: 1;
    }
    .ab5 .swiper-box .swiper .swiper-wrapper .swiper-slide .txt span {
        font-size: 16px;
    }
    .ab5 .tit1 {
        flex-direction: column;
        align-items: flex-start;
    }
    .ab5 .tit1 .txt {
        margin-bottom: 20px;
    }
    /*联系我们*/
    .contact_container .contact1 {
        padding: 50px 20px;
    }
    .contact_container .contact1 .cont {
        flex-direction: column;
    }
    .contact_container .contact1 .cont .tit1 {
        margin-bottom: 20px;
    }
    .contact_container .contact1 .cont .txt {
        width: 100%;
    }
    .contact2 {
        padding: 50px 20px;
    }
    .contact2 .main {
        padding: 20px;
    }
    .d-body form .form-item {
        width: 100%;
    }
    .d-body form .form-item label.required::before {
        font-size: 16px;
    }
    .d-body form .form-item label.required {
        font-size: 16px;
    }
    .d-body form .form-item input, .d-body form .form-item select {
        height: 40px;
        font-size: 14px;
    }
    .d-body form .agree {
        align-items: flex-start;
    }
    .d-body form .agree label {
        font-size: 14px;
        flex: 1;
        line-height: 1.45;
    }
    .d-body form .form-item textarea {
        font-size: 14px;
        padding: 10px;
        height: 100px;
    }
    .d-body form .btn button {
        height: 30px;
        border-radius: 30px;
        font-size: 14px;
    }
    .contact2 .bgimg {
        object-fit: cover;
    }
    
    .service1 {
        padding: 50px 0;
    }
    .service1 .tit1 {
        text-align: left;
        padding: 0 20px;
    }
    .service1 .main {
        margin-top: 30px;
    }
    .service1 .main {
        flex-direction: column;
    }
    .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
        line-height: 1.1 !important;
        font-size: 16px !important;
    }
    .ab1 .cont1 .txt .list .item .t1 .num-box{
        font-size: 16px;
    }
    .ab1 .cont1 .txt .list .item {
        padding: 20px 10px;
    }
    .service1 .main .cont {
        padding: 0;
        height: auto;
        width: 100%;
        margin-bottom: 20px;
        flex-direction: column;
        transform: none;
        box-shadow: none;
        padding: 0 20px;
    }
    .service1 .main .cont > img {
        height: auto;
        width: 100%;
        transform: none;
        display: none;
    }
    .service1 .main .pic {
        width: 100%;
        height: auto;
        aspect-ratio: 2 / 1;
        border-radius: 0;
    }
    .service2 {
        width: 100%;
        overflow: hidden;
        height: auto;
        padding: 50px 0 0;
        flex-direction: column-reverse;
    }
    .service2 .rg .swiper-box .swiper {
        width: 100%;
    }
    .service2 .rg .cont {
        width: 100%;
        padding: 0 20px;
    }
    .service2 .rg .cont p {
        font-size: 14px;
    }
    .service2 .pic {
        width: 100%;
        aspect-ratio: 2 / 1;
        overflow: hidden;
        border-radius: 0;
        height: auto;
    }
    .service2 .pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .service3 .main {
        padding: 50px 0;
    }
    .service3 .main .bgimg {
        height: auto;
        aspect-ratio: 2 / 1;
        object-fit: cover;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .service3 .main .info {
        width: 100%;
    }
    .service3 .main .info .tp {
        padding: 20px;
    }
    .service3 .main .info .tp .progress .item span {
        font-size: 12px;
    }
    .service3 .main .info .bt .box {
        padding: 20px;
    }
    .service3 .main .info .bt .list {
        font-size: 12px;
        line-height: 1.35;
    }
    .service3 .main .info .bt .list .item::before {
        display: none;
    }
    .service3 .main .info .bt .list  {
        list-style-type: disc;
    }
    .service3 .main .info .bt .list .item {
        list-style-type: disc;
    }
    .service2 .rg .swiper-box .swiper .swiper-wrapper .swiper-slide .txt span {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .service2 .rg .swiper-box .swiper .swiper-wrapper .swiper-slide {
        height: auto;
        padding: 20px;
    }
    .service2 .rg {
        width: 100%;
    }
    .ab3 .main  {
        position: relative;
        padding: 50px 0 0;
    }
    .ab3 .main::after {
        content: "";
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(51, 51, 51, 0.2);
        backdrop-filter: blur(10px);
    }
    .ab3 .main .tit1 {
        position: relative;
        top: 0;
        z-index: 3;
        left: 0;
        text-align: center;
        transform: none;
        margin-bottom: 20px;
    }
    .ab3 .main .list {
        position: relative;
        z-index: 3;
        flex-direction: column;
    }
    .ab3 .main .list .item {
        width: 100%;
        padding: 20px;
        background: rgba(51, 51, 51, 0) !important;
        backdrop-filter: blur(0) !important;
        height: fit-content;
        border-bottom: 1px solid #fff;
    }
    .ab3 .main .list .item .t1 {
        transform: none !important;
        font-size: 16px;
    }
    .ab3 .main .bgimg {
        object-fit: cover;
    }
    .ab3 .main .list .item .p2 {
        opacity: 1;
        margin-bottom: 20px;
        text-align: center;
        font-size: 14px;
    }
        .ab3 .main .list .item .num {
            font-size: 14px;
        }
    .service3 .main .txt {
        color: #333;
        width: 100%;
        overflow: hidden;
        padding: 40px 20px 20px;
    }
    .service3 .main .info {
        margin: 0;
    }
    .ab2 {
        padding: 50px 0;
    }
    .ab2 .main {
        display: none;
        height: auto;
        aspect-ratio: 1550 / 800;
    }
    .ab2 .phone_img {
        width: 100%;
        height: auto;
    }
    .ab2 .tit1 {
        margin-bottom: 35px;
    }
    .news2 .list .item .item_cont .text .text_top .h1 {
        height: auto;
    }
    .news2 .list .item .item_cont .text .text_top .p1 {
        height: auto;
    }
    .news2 .list .item .item_cont .text .text_top {
        margin-bottom: 20px;
    }
    .news2 .list .item .item_cont .text .text_top .p1 {
        font-size: 14px;
    }
    .bodypadd {
        padding: 0;
    }
    .product1 .left {
        display: none;
    }
    .product1 .right {
        width: 100%;
        padding: 50px 20px;
    }
    .product1 .right .card_cont .list .item {
        width: 100%;
    }
    .product1 .right .card_cont .list .item .item_cont {
        width: 100%;
        height: fit-content;
        padding: 20px 0 40px;
    }
    .product1 .right .card_cont .list .item .item_cont .item_top {
        margin-bottom: 20px;
    }
    .product1 .right .card_cont .list .item .item_cont .ico {
        bottom: 10px;
        width: 20px;
        height: 20px;
    }
    .product1 .right .card_cont .list .item .item_cont .item_top .h1 {
        font-size: 16px;
    }
    .product1 .right .card_cont .list .item .item_cont .item_top .pic {
        width: 100%;
        height: auto;
        aspect-ratio: 2 / 1;
    }
    .product_details1 {
        padding: 50px 20px;
    }
    .product_details1 .list .item {
        width: 48%;
        padding: 10px;
    }
    .product_details1 .list {
        column-gap: 4%;
        row-gap: 20px;
    }
    .solution_details2 .top {
        margin-bottom: 20px;
    }
    .solution_details5 {
        padding: 50px 20px;
    }
    .solution_details5 .list {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .solution_details5 .list .item {
        width: 100%;
    }
    .solution_details5 .list .item .text {
        padding: 20px;
    }
    .solution_details5 .list .item .text .h1 {
        font-size: 16px;
    }
    .solution_details5 .list .item .text .bot .ico {
        width: 20px;
        height: 20px;
    
    }
    .product_details5 .main .list .item .item_cont .trait_cont .trait_list .trait {
        height: 25px;
        padding: 0 10px;
        border-radius: 25px;
        font-size: 12px;
    }
    .product_details5 .main .list .item .item_cont {
        padding: 20px 0 40px;
        height: fit-content;
    }
    .product_details5 .main .list .item .item_cont .ico {
        bottom: 10px;
        width: 20px;
        height: 20px;
    }
    .product_details5 .main .list .item .item_cont .item_top {
        margin-bottom: 20px;
    }
    .product_details5 .main .list .item .item_cont .item_top .pic {
        width: 100%;
        height: auto;
        aspect-ratio: 2  / 1;
    }
    .product_details2 .cont {
        padding: 0 20px;
    }
    .product_details_container .nybannerber {
        display: none;
    }
    .product_details8 .text {
        padding: 90px 20px 0;
    }
    .product_details5 .tit1 {
        padding: 0 20px;
        margin-bottom: 20px;
    }
    .product_details5 .main .list .item {
        width: 100%;
    }
    .product_details5 .main .list {
        padding: 0 20px;
    }
    .product_details2 .cont {
        flex-direction: column;
    }
    .product_details2 .cont .left {
        width: 100%;
    }
    .product_details2 .cont .left .my-table table {
        width: 100% !important;
    }
    .product_details2 .cont .left .my-table tbody tr td {
        font-size: 14px;
    }
    .product_details5 .main .list .item .item_cont {
        width: 100%;
    }
    .product_details5 .main .list .item .bgimg {
        opacity: 1;
    }
    .product_details5 .main .list .item .item_cont .item_top .h1 {}
    .product_details2 .cont .pic {
        width: 100%;
        height: auto;
    }
    
    .product1 .right .card_cont .list .item .bgimg {
        opacity: 1;
    }
    .product1 .right .card_cont .list .item .item_cont .item_top .h1 {
        color: #fff;
    }
    .product1 .right .card_cont .list .item .item_cont .item_top .h2 {
        color: #fff;
    }
    .product1 .right .card_cont .list .item .item_cont .trait_cont {
        opacity: 1;
    }
    .product1 .right .card_cont .list .item .item_cont .trait_cont .trait_list .trait {
        height: 20px;
        border-radius: 20px;
        padding: 0 10px;
        font-size: 12px;
    }
    .d-body form .agree input[type="checkbox"] {
        width: 15px;
        height: 15px;
        transform: translateY(22%);
    }
    .product_details_container .nybanner {
        min-height: 350px;
        height: fit-content;
    }
    .product_details_container .nybanner .cont .rg .btn {
        display: none;
    }
    .product_details_container .nybanner .cont {
        flex-direction: column;
        padding: 50px 0;
    }
    .product_details_container .nybanner .cont .text {
        width: 100%;
        padding: 0 20px;
        margin-bottom: 30px;
    }
    .product_details4 .main .list {
        padding: 0 20px;
        flex-direction: column;
    }
    .product_details4 .main .list .item {
        width: 100%;
    }
    .product_details5 .main .list .item .item_cont .item_top .h1 {
        color: #fff;
    }
    .product_details5 .main .list .item .item_cont .item_top .h2 {
        color: #fff;
    }
    .product_details5 .main .list .item .item_cont .trait_cont {
        /*display: none;*/
        opacity: 1;
    }
    .case1 {
        padding: 0 20px 50px;
    }
    .case1 .top .tabber .item {
        font-size: 12px;
    }
    .case1 .list .item {
        width: 100%;
    }
    .case1 .list .item .item_cont .text {
        padding: 20px;
    }
    .case1 .list .item .item_cont .text .text_top .h1 {
        font-size: 16px;
    }
    .case1 .list .item .item_cont .text .bot .bot_time .h2 {
        font-size: 14px;
    }
    .case1 .list .item .item_cont .text .bot .bot_time span {
        height: 14px;
    }
    .case1 .top .tabber {
        column-gap: 10px;
    }
    
    .dialog .dialog-main {
        width: 90%;
        padding: 20px;
    }
    .seh_cont .top {
        padding: 40px 20px;
    }
    .seh_cont .top .search {
        width: 100%;
    }
    .seh_cont .top .search_rec {
        width: 100%;
        padding: 0;
    }
    .seh_cont .container {
        padding: 50px 20px;
    }
    .seh_cont .container .tab_cont {
        flex-direction:column;
        align-items: flex-start;
        font-size: 16px;
    }
    .seh_cont .container .tab_cont .tabber {
        column-gap: 5px;
    }
    .seh_cont .container .ber_container .list_news .item {
        width: 100%;
    }
    .seh_cont .container .ber_container .list_news .item .item_cont .text .bot .bot_time {
        font-size: 14px;
    }
    .seh_cont .container .ber_container .list_news .item .item_cont .text .bot .bot_time .h2 {
        font-size: 14px;
    }
    .seh_cont .container .ber_container .list_pord .item {
        width: 100%;
    }
    .seh_cont .container .ber_container .list_pord .item .item_cont .item_top .pic {
        width: 80%;
    }
    .seh_cont .container .ber_container .list_pord .item .item_cont .trait_cont {
        display: none;
    }
    .seh_cont .container .ber_container .list_pord .item .bgimg {
        opacity: 1;
    }
    .seh_cont .container .ber_container .list_pord .item .item_cont .item_top .h1 {
        color: #fff;
    }
    .seh_cont .container .ber_container .list_pord .item .item_cont .item_top .h2 {
        color: #fff;
    }
    .seh_cont .container .ber_container .list_Sol .item .item_cont {
        flex-direction: column-reverse;
        padding: 20px;
    }
    .seh_cont .container .ber_container .list_Sol .item .item_cont .item-r {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .seh_cont .container .ber_container .list_Sol .item .item_cont .item-r .text .h1 {
        margin-bottom: 15px;
    }
    .seh_cont .container .ber_container .list_Sol .item .item_cont .item-r .text .p1 {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .seh_cont .container .ber_container .list_Sol .item .item_cont .pic {
        width: 100%;
    }
    .seh_cont .container .tab_cont .tab_tit {
        font-size: 14px;
    }
    .seh_cont {
         padding: 0;
    }
    .in6 {
        height: auto;
        aspect-ratio: 16 / 9;
    }
    .in6 .cont {
        padding: 0;
        display: flex;
        align-items: center;
    }
    .in6 .cont .text .h1 {
        margin-bottom: 20px;
        font-size: 24px;
        padding: 0 20px;
    }
    .in5 {
        padding: 50px 0px;
    }
    .in5 .top .h1 {
        font-size: 24px;
    }
    .in5 .swiper .swiper-slide .text .text_bot .time .a1 {
        font-size: 14px;
    }
    .in5 .swiper .swiper-slide .text .text_bot .time span {
        font-size: 14px;
    }
    .in5 .swiper .swiper-slide .text .text_f .h1 {
        font-size: 16px;
    }
    .in5 .swiper {
        padding: 0 20px;
    }
    .banner .banner_swiper1 .swiper-slide .tcont {
        padding: 0 20px;
    }
    .in3 .h1 {
        padding: 0 20px;
        font-size: 24px;
        margin-bottom: 15px;
    }
    .in3 .p_cont {
        padding: 0 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .in3 .swiper {
        width: auto;
        margin: 0 20px 20px;
    }
    .in3 .tabcont .p1 {
        padding: 20px 20px 0;
        font-size: 14px;
        text-align: center;
        width: 100%;
    }
    .in3 .swiper .swiper-slide .slide_cont .card {
        top: 10% !important;
        right: 10% !important;
        width: 80%;
    }
    .in3 .swiper .swiper-slide {
        width: 100%;
    }
    .in3 .p_cont .p {
        font-size: 14px;
        width: 100%;
        margin-bottom: 25px;
    }
    .in4_cont2 {
        display: none;
    }
    .in3 {
        padding: 50px 0px;
        margin: 0;
    }
    .in3 .tabber_cont {
        padding: 0 20px;
        overflow-x: scroll;
    }
    .in3 .tabber_cont::-webkit-scrollbar {
        display: none;
    }
    .in3 .tabber .item {
        white-space: nowrap;
        font-size: 14px;
    }
    
    
    .in4 .amin1 {
        padding: 50px 0 0 ;
        height: fit-content;
    }
    .in4 .amin1 .bgimg {
        width: 100%;
        height: auto;
    }
    .in4 {
        height: fit-content;
        position: relative;
    }
    .in4 .amin1 .h1 {
        opacity: 1;
        padding: 0 20px;
        font-size: 24px;
        margin-bottom: 20px;
    }
    .in4 .amin1 .more {
        opacity: 1;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto 30px;
        transform: none;
    }
    .in4 .amin1 .list {
        transform: none;
        background: #fff;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        position: static;
    }
    .in4 .amin1 .list .list_cont {
        transform: none;
        display: flex;
        flex-wrap: wrap;
        column-gap: 4%;
        row-gap: 15px;
        padding: 20px;
        
    }
    .in4 .amin1 .list .list_cont .item_cont {
        margin: 0;
        width: 48%;
        box-shadow: 0 4px 10.7px 0 rgba(0, 0, 0, 0.10);
    }
    .in4 .amin1 .list .list_cont .item_cont .item {
        opacity: 1;
    }
    .in4 .amin1 .list .list_cont .item_cont .item .item_top .item_h1 span {
        color: #333;
        font-size: 12px;
    }
    .in4 .amin1 .list .list_cont .item_cont .item .num_cont .num {
        color: #333;
        font-size: 35px;
    }
    .in4 .amin1 .list .list_cont .item_cont .item {
        width: 100%;
        padding: 10px;
    }
    .in4 .amin1 .list .list_cont .item_cont .item .item_top .item_ico img {
        filter: brightness(0) grayscale(100);
    }
    .index_container {
        overflow: hidden;
    }
    .banner_amin .am1 {
        height: 350px;
    }
    .banner .banner_swiper1 .swiper-slide .tcont .h1 {
        font-size: 24px;
    }
    .banner .banner_swiper1 .swiper-slide .tcont .text {
        width: 100%;
    }
    .banner .banner_swiper1 .swiper-slide .tcont .p1 {
        font-size: 14px;
    }
    .banner_amin .am2 {
        display: none;
    }
    .banner_amin .am1 {
        position: relative;
    }

    .banner_amin {
        height: fit-content;
    }
    .in2 .right_btn {
        display: none;
    }
    .in2 .cont .top {
        padding: 50px 20px 0;
        margin-bottom: 20px;
    }
    .in2 .cont .center .tabcont .tabitem .swiper {
        padding: 20px;
    }
    .in2 .cont .center .tabcont .tabitem .swiper .swiper-slide {
        width: 80%;
    }
    .in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .slide_top {
        padding: 20px;
    }
    .in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .slide_top .pic {
        width: 80%;
    }
    .in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .text {
        padding: 20px;
    }
    .in2 .cont .center .tabcont .tabitem .swiper .swiper-slide .slide_top .h1 span {
        font-size: 12px;
    }
    .in2 .cont .tabber {
        padding: 0;
    }
    .in2 .cont .tabber .swiper2 {
        padding: 0 20px;
    }
    .in2 .cont .top .p1 {
        font-size: 14px;
        line-height: 1.35;
    }
    .in5 .swiper .swiper-slide {
        width: 100%;
    }
    .in5 .swiper .swiper-slide .text .text_bot .ico {
        width: 20px;
        height: 20px;
    }
    .in3 .swiper .swiper-slide .bgimg {
        position: relative;
    }
    .in3 .swiper .swiper-slide .slide_cont .card {
        position: static;
        width: 100%;
    }
    .in3 .swiper .swiper-slide .slide_cont .card .ico {
        display: none;
    }
    .in3 .swiper .swiper-slide .slide_cont .card .card_cont .card_cont_h1 {
        font-size: 16px;
    }
    .in3 .swiper .swiper-slide .slide_cont .card .card_cont .card_btn {
        height: 30px;
        border-radius: 30px;
        padding: 0 15px;
    }
    .news_details1 .left .text_cont p {
        font-size: 16px !important;
    }
    .news_details1 .left .text_cont span {
        font-size: 16px !important;
    }
    .news1 .swiper .swiper-slide .cont .cont_nav {
        padding: 20px;
    }
    .news1 .swiper .swiper-slide .cont {
        height: 100%;
    }
    .news1 .swiper .swiper-slide .cont .cont_nav {
        flex-direction: column;
        overflow: hidden;
        height: 100%;
    }
    .news1 .swiper .swiper-slide {
        height: auto;
        overflow: hidden;
    }
    .news1 .swiper .swiper-slide .cont .cont_nav .text {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .news1 .swiper .swiper-slide .cont .cont_nav .text .text_top .h1 {
        font-size: 16px;
    }
    .news1 .swiper .swiper-slide .cont .cont_nav .pic {
        width: 100%;
        height: auto;
    }
    .service3 .main {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .ab4 .tit1 .btn-box > div {
        background: var(--viColor);
        border-color: var(--viColor);
    }
    .ab4 .tit1 .btn-box > div svg path {
        fill: #fff;
    }
}

.dialog .dialog-main .close svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}