@charset "UTF-8";
header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
}

header .header {
    width: 15.8rem;
    height: .9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

header .header .logo {
    display: block;
    width: 1.08rem;
}

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

header .header nav {
    display: flex;
    align-items: center;
    height: 100%;
}

header .header nav .head-nav {
    height: 100%;
    display: flex;
    align-items: center;
    color: #151515;
    font-weight: 400;
    margin-left: .76rem;
}

header .header nav .head-nav:first-child {
    margin-left: 0;
}

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

header .header .header-right .header-search {
    display: block;
    width: .16rem;
    margin-right: .37rem;
}

header .header .header-right .header-search img {
    display: block;
    width: 100%;
    height: 100%;
}

header .header .header-right .header-lang {
    display: flex;
    align-items: center;
    margin-right: .29rem;
}

header .header .header-right .header-lang .header-lang-icon {
    display: block;
    width: .18rem;
    margin-right: .12rem;
}

header .header .header-right .header-lang p {
    color: #151515;
    font-weight: 400;
    margin-right: .09rem;
}

header .header .header-right .header-lang .header-lang-arr {
    display: block;
    width: .08rem;
}

header .header .header-right .header-contact {
    width: 1.48rem;
    height: .4rem;
    background: #FDBE12;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #151515;
    text-align: center;
    font-weight: 400;
    border-radius: .4rem;
}

header .header .header-pro {
    position: absolute;
    top: .88rem;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(100vh - .88rem);
    /*background: linear-gradient(90deg, transparent 37.84%, rgba(0, 0, 0, 0.71) 73.93%);*/
    /*backdrop-filter: blur(15px);*/
    background: rgba(38, 38, 38, 0.73);
    backdrop-filter: blur(39.400001525878906px);
    background: rgba();
    box-sizing: border-box;
    padding-top: .49rem;
    display: none;
}

header .header .header-pro .header-pro-item {
    display: flex;
    align-items: center;
    padding-top: .4rem;
}

header .header .header-pro .header-pro-item:first-child {
    padding-top: 0;
}

header .header .header-pro .header-pro-item .header-pro-text {
    width: 4.99rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

header .header .header-pro .header-pro-item .header-pro-text p {
    color: #FFF;
    font-weight: 400;
    line-height: 200%;
}

header .header .header-pro .header-pro-item .header-pro-right {
    width: calc(100% - 4.99rem);
    display: flex;
    padding-bottom: .4rem;
    border-bottom: 1px solid rgba(132, 132, 132, 0.37);
    column-gap: .48rem;
    padding-left: .92rem;
}

header .header .header-pro .header-pro-item .header-pro-right .pro-right-list {
    width: 2.96rem;
    padding-top: .62rem;
    padding-bottom: .5rem;
    box-sizing: border-box;
    transition: all .3s ease;
}

header .header .header-pro .header-pro-item .header-pro-right .pro-right-list:hover {
    background: rgba(58, 58, 58, 0.29);
    backdrop-filter: blur(0.2475rem);
}

header .header .header-pro .header-pro-item .header-pro-right .pro-right-list .pro-right-litpic {
    display: flex;
    width: 2.52rem;
    height: 1.4rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0 auto .14rem;
}

header .header .header-pro .header-pro-item .header-pro-right .pro-right-list .pro-right-litpic img {
    display: block;
    max-width: 2.52rem;
    max-height: 1.4rem;
}

header .header .header-pro .header-pro-item .header-pro-right .pro-right-list .pro-right-title {
    text-align: center;
    color: #FFF;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: .1rem;
}

header .header .header-pro .header-pro-item .header-pro-right .pro-right-list .pro-right-en {
    color: #FFF;
    text-align: center;
    font-weight: 400;
    line-height: 200%;
}

header .header .header-pro.active {
    display: block;
}

header.active {
    background: rgba(226, 226, 226, 0.1);
    backdrop-filter: blur(16.5px);
}

header.active .header nav a {
    color: #ffffff;
}

header.active p {
    color: #ffffff;
}

header.active .header-right img {
    filter: brightness(0) invert(1);
}

header.active .header .header-right .header-lang p {
    color: #ffffff;
}

header.active .header .header-right .header-contact {
    color: #ffffff;
}

body {
    min-height: 100vh;
}

.ov {
    overflow: hidden;
}

.section1 {
    width: 100%;
    height: 480vh;
    position: relative;
}

.section1 .section1-box {
    height: 100vh;
}

.section1 .swiper-banner {
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 1.2s cubic-bezier(0.36, 0, 0.7, 1);
    -webkit-perspective: 1200px;
    -webkit-mask: url(../images/page_mask.svg);
    mask: url(../images/page_mask.svg);
    -webkit-mask-size: 700%;
    mask-size: 700%;
    -webkit-mask-position: center 25%;
    mask-position: center 25%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.section1 .section2-box-bj {
    background: #000000;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.section1 .banner {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section1 .banner-h1 {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    /*top: 2.3rem;*/
    top: 2.09rem;
    /*color: #151515;*/
    color: #ffffff;
    font-weight: 400;
    text-align: center;
}

.section1 .banner-en {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    /*top: 3.12rem;*/
    top: 3.05rem;
    color: #A0A0A0;
    font-weight: 400;
    text-align: center;
}

.section1 .section2 {
    position: sticky;
    height: 100vh;
    top: 0;
    z-index: 9;
    overflow: hidden;
}

.section1 .section2 .section2-m1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
}

.section1 .section2 .section2-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transition: all 1.2s cubic-bezier(0.36, 0, 0.7, 1);
}

.section1 .section2 .section2-box .bj {
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000 0.24%, #191919 29.02%, #4C4C4C 50.07%, #1B1B1B 69.26%, #000 99.79%);
}

.section1 .section2.show {
    z-index: 2;
}

.section1 .section2.show .swiper-banner {
    mask-size: 47%;
    mask-position: center 50%;
}

.section1 .section2.hide .swiper-banner {
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.36, 0, 0.7, 1);
}

.section1 .section2 .section2-box1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.section1 .section2 .section2-box1 .section2-showlogo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(0deg, #000 0.24%, #191919 29.02%, #4C4C4C 50.07%, #1B1B1B 69.26%, #000 99.79%);
    z-index: -1;
    opacity: 1;
    transition: all 1.2s cubic-bezier(0.36, 0, 0.7, 1);
}

.section1 .section2 .section2-box1 .section2-showlogo .showlogo1 {
    position: absolute;
    left: 116.7%;
    top: 55%;
    transform: translate(-50%, -50%) scale(3.5);
    transition: all 1.2s cubic-bezier(0.36, 0, 0.7, 1);
    width: 9.95rem;
}

.section1 .section2 .section2-box1 .section2-showlogo.show {
    z-index: 3;
    opacity: 1;
}

.section1 .section2 .section2-box1 .section2-showlogo.show .showlogo1 {
    left: 50%;
    /*top: 55%;*/
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
}

.section1 .section2 .section2-box1 .section2-showlogo.sec2show {
    /*height: 50%;*/
    height: 42vh;
    background: #181818;
}

.section1 .section2 .section2-box1 .section2-showlogo.sec2show .showlogo1 {
    filter: none;
    transform: translate(-50%, -50%) scale(1);
}

.section1 .section2 .section2-box1 .section2-showlogo.sec3show {
    height: 0%;
}

.section1 .section2 .section2-box1 .section2-img {
    width: 100%;
    /*height: 50vh;*/
    height: 58vh;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3;
    background: url("../img/indexnormal1.png") no-repeat;
    background-size: 100% 100%;
    transition: all 1.2s cubic-bezier(0.36, 0, 0.7, 1);
    overflow: hidden;
}

.section1 .section2 .section2-box1 .section2-img .section2-img-g1 {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1.5s cubic-bezier(.36, 0, .7, 1);
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-mask: url(../img/g1svg.svg);
    mask: url(../img/g1svg.svg);
    -webkit-mask-size: 400%;
    mask-size: 400%;
    -webkit-mask-position: left bottom;
    mask-position: left bottom;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.section1 .section2 .section2-box1 .section2-img .section2-img-g2 {
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
    transition: all 1.2s cubic-bezier(0.36, 0, 0.7, 1);
    position: absolute;
    left: 0;
    bottom: 0;
}

.section1 .section2 .section2-box1 .section2-img .section2-text {
    position: absolute;
    top: 100%;
    right: 1.66rem;
    width: 6.2rem;
    transition: all 1.2s cubic-bezier(0.36, 0, 0.7, 1);
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-sign {
    color: #F6AA29;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: .1rem;
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-title {
    color: #FFF;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: .2rem;
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-en {
    color: #C7C7C7;
    font-weight: 300;
    letter-spacing: 1.8px;
    margin-bottom: .4rem;
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-desc {
    color: #C7C7C7;
    font-weight: 400;
    line-height: 182%;
    letter-spacing: 0.64px;
    margin-bottom: .4rem;
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-desc span {
    color: #ffffff;
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-nums {
    display: flex;
    column-gap: .9rem;
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-nums .section2-numitem {
    color: #FDBE12;
    font-weight: 700;
    position: relative;
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-nums .section2-numitem .section2-numitem-span {
    color: #FFF;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 100%;
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-nums .section2-numitem .section2-numitem-num {
    margin-bottom: .05rem;
    position: relative;
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-nums .section2-numitem .section2-numitem__p {
    color: #FFF;
    font-weight: 400;
    line-height: 143.413%;
    position: absolute;
    white-space: nowrap;
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-btn {
    width: 1.42rem;
    height: .46rem;
    background: url("../img/btn.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: 400;
    line-height: 200%;
    margin-top: 1rem;
    transition: all .3s ease;
    border-radius: .3rem;
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-btn img {
    display: block;
    width: .06rem;
    margin-left: .06rem;
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-btn:hover {
    background: #FDBE12;
}

.section1 .section2 .section2-box1 .section2-img.show {
    /*top: 50%;*/
    top: 42vh;
}

.section1 .section2 .section2-box1 .section2-img.show2 {
    top: 0;
    height: 100vh;
}

.section1 .section2 .section2-box1 .section2-img.show2 .section2-img-g1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section1 .section2 .section2-box1 .section2-img.show3 .section2-img-g1 {
    -webkit-mask: url(../img/g1svg.svg);
    mask: url(../img/g1svg.svg);
    mask-size: 9.33rem;
    mask-position: left bottom;
    mask-repeat: no-repeat;
}

.section1 .section2 .section2-box1 .section2-img.show4 .section2-text {
    top: 55%;
    transform: translateY(-50%);
}

.section1 .section2 .section2-box1 .section2-img .section3 {
    position: absolute;
    top: 0;
    left: 100vw;
    bottom: 0;
    transition: all 1.2s cubic-bezier(0.36, 0, 0.7, 1);
}

.section1 .section2 .section2-box1 .section2-img .section3.show {
    left: 0;
}

.section1 .section2 .section2-box1 .section2-img .section3 .section3-box {
    position: absolute;
    left: 0;
    transition: all 1.2s cubic-bezier(0.36, 0, 0.7, 1);
}

.section1 .section2 .section2-box1 .section2-img .section3 .section3-box.hide {
    left: -7.25rem;
}

.section1 .section2 .section2-box1 .section2-img .section3 .section3-box .section3-left {
    width: 4.8rem;
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    left: 1.7rem;
}

.section3 {
    width: 100%;
    height: 100vh;
    background: url("../img/indexnoarmal2.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    padding-left: 1.7rem;
    position: relative;
}

.section3 .section3-left {
    width: 4.8rem;
}

.section3 .section3-left .section3-sign {
    color: #F6AA29;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: .1rem;
}

.section3 .section3-left .section3-title {
    color: #FFF;
    font-weight: 700;
    line-height: 150%;
    /* 72px */
    margin-bottom: .2rem;
}

.section3 .section3-left .section3-smalltitle {
    color: #C7C7C7;
    font-weight: 300;
    letter-spacing: 1.8px;
    margin-bottom: .4rem;
}

.section3 .section3-left .section3-desc {
    color: #C7C7C7;
    font-weight: 400;
    line-height: 182%;
    letter-spacing: 0.64px;
    margin-bottom: .78rem;
}

.section3 .section3-left .section3-desc span {
    color: #FFF;
    font-weight: 700;
    line-height: 182%;
    /* 29.12px */
    letter-spacing: 0.64px;
}

.section3 .section3-left .section3-btn {
    width: 1.42rem;
    height: .46rem;
    background: url("../img/btn.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: 400;
    line-height: 200%;
    transition: all .3s ease;
    border-radius: .3rem;
}

.section3 .section3-left .section3-btn:hover {
    background: #FDBE12;
}

.section3 .section3-left .section3-btn img {
    display: block;
    width: .06rem;
    margin-left: .06rem;
}

.section3 .section3-right {
    position: absolute;
    left: 7.65rem;
    top: 50%;
    transform: translateY(-45%);
}

.section3 .section3-right .swiper-sec3 .swiper-slide {
    width: 4.35rem;
    margin-right: .29rem;
}

.section3 .section3-right .swiper-sec3 .swiper-slide .swiper-sec3-litpic {
    display: block;
    width: 100%;
    height: 5.2rem;
    object-fit: cover;
    margin-bottom: .4rem;
}

.section3 .section3-right .swiper-sec3 .swiper-slide .swiper-sec3-title {
    color: #FFF;
    font-weight: 400;
    line-height: 1.5;
    /* 150% */
    margin-bottom: .2rem;
}

.section3 .section3-right .swiper-sec3 .swiper-slide .swiper-sec3-desc {
    color: #C7C7C7;
    font-weight: 300;
    line-height: 1.87;
    height: 1.5rem;
    overflow-y: auto;
}

.section3 .section3-right .swiper-sec3 .swiper-slide:last-child {
    margin-right: 0;
}

.section4-box {
    background: #000000;
}

.section4 {
    width: 100%;
    min-height: 100vh;
    background: url("../img/sec4bg.png") no-repeat;
    background-size: cover;
    background-position: center center;
    /*padding-top: 1.8rem;*/
    /*padding-top: 1.6rem;*/
    padding-top: 1.2rem;
    padding-bottom: .54rem;
    transform: scale(0.85);
    border-radius: .3rem;
}

.section4 .section4-sign {
    color: #F6AA29;
    text-align: center;
    font-weight: 400;
    line-height: 150%;
    /* 30px */
    margin-bottom: .1rem;
}

.section4 .section4-title {
    text-align: center;
    color: #FFF;
    font-weight: 400;
    line-height: 150%;
    /* 75px */
    margin-bottom: .18rem;
}

.section4 .section4-en {
    color: #A9A9A9;
    text-align: center;
    font-weight: 300;
    margin-bottom: .35rem;
}

.section4 .section4-swiper {
    width: 11.35rem;
    height: 4.84rem;
    margin: 0 auto;
    background: url("../img/wcircle.png") no-repeat;
    background-size: 9.21rem 1.26rem;
    background-position: bottom center;
    position: relative;
}

.section4 .section4-swiper .swiper-sec4 {
    width: 11.35rem;
    margin: 0 auto;
    display: none;
}

.section4 .section4-swiper .swiper-sec4 .swiper-wrapper {
    /*flex-direction: column;*/
}

.section4 .section4-swiper .swiper-sec4 .swiper-sec4__img {
    display: block;
    /*max-width: 9rem;*/
    /*max-height: 4.35rem;*/
    max-width: 11rem;
    max-height: 5.5rem;
    width: 11rem;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.section4 .section4-swiper .swiper-sec4 .swiper-slide {}

.section4 .section4-swiper .swiper-sec4 .swiper-slide {
    display: flex;
    flex-direction: column;
}

.section4 .section4-swiper .swiper-sec4 .swiper-slide .swiper-sec4-box {
    position: relative;
    height: 4.84rem;
}

.section4 .section4-swiper .swiper-sec4 .swiper-slide .swiper-sec4-text {
    position: absolute;
    right: 0;
    /*top: .22rem;*/
    top: 0;
    /*width: 2.78rem;*/
    height: .51rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    font-weight: 400;
    line-height: 150%;
    border-radius: .3rem;
    background: #FFF;
    backdrop-filter: blur(15.5px);
    box-sizing: border-box;
    padding: 0 .15rem;
}

.section4 .section4-swiper .swiper-sec4 .swiper-slide .swiper-sec4-text .swiper-sec4-line {
    position: absolute;
    top: .23rem;
    left: -.84rem;
    width: .84rem;
}

.section4 .section4-swiper .swiper-sec41 {
    display: block;
}

.section4 .section4-swiper .swiper-sec4-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    cursor: pointer;
    width: .44rem;
    height: .44rem;
    background: url("../img/sec4w.png") no-repeat;
    background-size: 100% 100%;
    z-index: 3;
}

.section4 .section4-swiper .swiper-sec4-left:hover {
    background: url("../img/sec4y.png") no-repeat;
    background-size: 100% 100%;
    transform: translateY(-50%) rotate(180deg);
}

.section4 .section4-swiper .swiper-sec4-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(180deg);
    cursor: pointer;
    width: .44rem;
    height: .44rem;
    background: url("../img/sec4w.png") no-repeat;
    background-size: 100% 100%;
    z-index: 3;
}

.section4 .section4-swiper .swiper-sec4-right:hover {
    background: url("../img/sec4y.png") no-repeat;
    background-size: 100% 100%;
    transform: translateY(-50%);
}

.section4 .section4-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: .22rem;
    /*margin-top: .39rem;*/
    margin-top: 1.3rem;
}

.section4 .section4-tab .section4-tab-block {
    width: 2.4rem;
    height: .8rem;
    border-radius: .1rem;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(0.17rem);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
    transition: all .3s ease;
    cursor: pointer;
}

.section4 .section4-tab .section4-tab-block:hover {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(0.17rem);
    color: #151515;
}

.section4 .section4-tab .section4-tab-block.active {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(0.17rem);
    color: #151515;
}

.section4-btn {
    display: flex;
    justify-content: center;
}

.section4-btn .section6-btn {
    width: 1.42rem;
    height: .46rem;
    background: url("../img/btn.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: 400;
    line-height: 200%;
    margin: .4rem auto 0;
    transition: all .3s ease;
    border-radius: .3rem;
}

.section4-btn .section6-btn:hover {
    background: #FDBE12;
}

.section4-btn .section6-btn img {
    display: block;
    width: .06rem;
    margin-left: .06rem;
}

.section5asection6 {
    background: url("../img/index56bg.png") no-repeat;
    background-size: 100% 101%;
}

.section5 {
    min-height: 8.94rem;
    padding-top: 2rem;
    position: relative;
}

.section5 .section5-sign {
    text-align: center;
    color: #FDBE12;
    font-weight: 400;
    line-height: 150%;
    /* 30px */
    margin-bottom: .1rem;
}

.section5 .section5-title {
    color: #FFF;
    font-weight: 400;
    line-height: 150%;
    /* 72px */
    margin-bottom: .18rem;
    text-align: center;
}

.section5 .section5-en {
    color: #C7C7C7;
    font-weight: 300;
    letter-spacing: 1.8px;
    text-align: center;
    margin-bottom: .78rem;
}

.section5 .swiper-loop {
    width: 19.2rem;
    margin-bottom: .2rem;
    position: absolute;
    top: 4.32rem;
}

.section5 .swiper-loop1 {
    left: 100%;
}

.section5 .swiper-loop2 {
    top: 5.91rem;
    right: 100%;
}

.section5 .swiper-loop3 {
    top: 7.5rem;
    left: 100%;
}

.section5 .swiper-loop .swiper-slide {
    width: 100%;
    height: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: .1rem;
    box-shadow: 0 0.04rem 0.1rem 0 rgba(0, 0, 0, 0.05);
}

.section5 .swiper-loop .swiper-slide img {
    display: block;
    max-width: 1.2rem;
    max-height: .85rem;
}

.section5 .swiper-wrapper {
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
}

.section6 {
    min-height: 100vh;
    padding-top: 2.16rem;
    padding-bottom: .6rem;
    margin: 0 auto;
}

.section6 .section6-box {
    width: 15.8rem;
    margin: 0 auto;
}

.section6 .section6-sign {
    color: #F6AA29;
    font-weight: 400;
    line-height: 150%;
    /* 30px */
    margin-bottom: .1rem;
}

.section6 .section6-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section6 .section6-bar .section6-bar-left .section6-title {
    margin-bottom: .21rem;
    color: #FFF;
    font-weight: 700;
    line-height: 150%;
    /* 72px */
}

.section6 .section6-bar .section6-bar-left .section6-en {
    color: #C7C7C7;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.8px;
}

.section6 .section6-bar .section6-bar-right {
    display: flex;
    align-items: center;
    column-gap: .19rem;
}

.section6 .section6-bar .section6-bar-right a {
    border: .03rem solid #CBCBCB;
    padding: .15rem .53rem;
    color: #FFF;
    text-align: center;
    font-weight: 400;
    line-height: 112.5%;
    border-radius: .73rem;
    transition: all .3s ease;
}

.section6 .section6-bar .section6-bar-right a:hover {
    border: .03rem solid #FDBE12;
    background: #FDBE12;
}

.section6 .section6-bar .section6-bar-right a.active {
    border: .03rem solid #FDBE12;
    background: #FDBE12;
}

.section6 .section6-items {
    display: none;
    align-items: flex-start;
    column-gap: .21rem;
    margin-top: .57rem;
}

.section6 .section6-items.active {
    display: flex;
}

.section6 .section6-items .section6-item {
    width: 5.12rem;
}

.section6 .section6-items .section6-item .section6-item-litpic {
    display: block;
    width: 100%;
    height: 3.21rem;
    object-fit: cover;
    border-radius: .1rem;
}

.section6 .section6-items .section6-item .section6-item-con {
    padding-top: .33rem;
}

.section6 .section6-items .section6-item .section6-item-con .section6-item-tip {
    color: #999;
    font-weight: 300;
    margin-bottom: .2rem;
}

.section6 .section6-items .section6-item .section6-item-con .section6-item-title {
    color: #FFF;
    font-weight: 400;
    line-height: 150%;
    overflow: hidden;
    /* 隐藏超出容器的文本 */
    white-space: nowrap;
    /* 保持文本在一行内显示 */
    text-overflow: ellipsis;
    /* 超出部分显示省略号 */
    margin-bottom: .11rem;
    transition: all .3s ease;
}

.section6 .section6-items .section6-item .section6-item-con .section6-item-desc {
    color: #A9A9A9;
    font-weight: 300;
    line-height: 187.5%;
    display: -webkit-box;
    /* 设置为 WebKit 内核的弹性盒子模型 */
    -webkit-box-orient: vertical;
    /* 垂直排列 */
    -webkit-line-clamp: 2;
    /* 限制显示两行 */
    overflow: hidden;
    /* 隐藏超出范围的内容 */
    text-overflow: ellipsis;
    /* 使用省略号 */
}

.section6 .section6-items .section6-item:hover .section6-item-con .section6-item-title {
    color: #FDBE12;
}

.section6 .section6-btn {
    width: 1.42rem;
    height: .46rem;
    background: url("../img/btn.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: 400;
    line-height: 200%;
    margin: .7rem auto 0;
    transition: all .3s ease;
    border-radius: .3rem;
}

.section6 .section6-btn:hover {
    background: #FDBE12;
}

.section6 .section6-btn img {
    display: block;
    width: .06rem;
    margin-left: .06rem;
}

.section7-box {
    background: #000000;
}

.section7 {
    min-height: 100vh;
    background: url("../img/sec7bg.png") no-repeat;
    background-size: cover;
    position: relative;
    transform: scale(0.85);
    border-radius: .3rem;
}

.section7 video {
    width: 15.8rem;
    height: 6.9rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

footer {
    background: #1B1E25;
    backdrop-filter: blur(0.1rem);
}

footer .footer {
    width: 15.8rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 1rem;
    padding-bottom: .85rem;
}

footer .footer .footer-left .footer-logo {
    display: block;
    width: 3.08rem;
    margin-bottom: .79rem;
}

footer .footer .footer-left .footer-left-item {
    margin-bottom: .27rem;
}

footer .footer .footer-left .footer-left-item .footer-left-item-label {
    color: rgba(255, 255, 255, 0.4);
    font-weight: 400;
    line-height: 166.667%;
}

footer .footer .footer-left .footer-left-item .footer-left-item-value {
    color: #FFF;
    font-weight: 400;
    line-height: 136.364%;
}

footer .footer .footer-left .footer-left-share {
    margin-top: .21rem;
    display: flex;
    column-gap: .18rem;
}

footer .footer .footer-left .footer-left-share .share-item {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: #3f3f3f;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .footer .footer-left .footer-left-share .share-item img {
    display: block;
    max-width: .24rem;
    max-height: .24rem;
}

footer .footer .footer-right {
    display: flex;
    align-items: flex-start;
    column-gap: .54rem;
}

footer .footer .footer-right .footer-right-items {
    width: 1.65rem;
}

footer .footer .footer-right .footer-right-items a {
    color: #6E6E6E;
    font-weight: 400;
    line-height: 250%;
    display: block;
}

footer .footer .footer-right .footer-right-items .lv1 a:first-child {
    color: #FFF;
    font-weight: 400;
    margin-bottom: .17rem;
    line-height: 1;
}

.unfooter {
    border-top: 1px solid rgba(42, 44, 51, 1);
    background: rgba(28, 31, 37, 1);
}

.unfooter .unfooter-box {
    width: 15.8rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: .15rem;
    padding-bottom: .15rem;
}

.unfooter .unfooter-box .unfooter-left {
    display: flex;
    align-items: center;
    color: #606060;
}

.unfooter .unfooter-box .unfooter-left a {
    color: #606060;
    font-weight: 300;
}

.unfooter .unfooter-box .unfooter-left span {
    margin-left: .1rem;
    margin-right: .1rem;
}

.unfooter .unfooter-box .unfooter-right {
    display: flex;
    align-items: center;
    color: #606060;
    font-weight: 300;
}

.contact .banner {
    position: relative;
}

.contact .banner .banner__img {
    display: block;
    width: 100%;
}

.contact .banner .contact-h1 {
    position: absolute;
    top: 3.3rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    color: #FFF;
    font-weight: 700;
    line-height: 150%;
}

.contact .contact1 {
    background: #000000 url("../img/contact1.png") no-repeat;
}

.contact .contact1 .contact1-box {
    width: 15.8rem;
    margin: 0 auto;
    padding-top: 1.7rem;
    padding-bottom: 1.2rem;
}

.contact .contact1 .contact1-box .contact1-title {
    color: #FFF;
    font-weight: 700;
    line-height: 141.667%;
}

.contact .contact1 .contact1-box .contact1-en {
    color: #E6E6E6;
    font-weight: 300;
    line-height: 188.889%;
    letter-spacing: 2.16px;
}

.contact .contact1 .contact1-box .contact1-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact .contact1 .contact1-box .contact1-content .contact1-right {
    width: 5.1rem;
}

.contact .contact1 .contact1-box .contact1-content .contact1-right .contact1-item {
    margin-bottom: .4rem;
}

.contact .contact1 .contact1-box .contact1-content .contact1-right .contact1-item .contact1-tag {
    display: flex;
    align-items: center;
    margin-bottom: .14rem;
}

.contact .contact1 .contact1-box .contact1-content .contact1-right .contact1-item .contact1-tag img {
    display: block;
    width: .2rem;
    margin-right: .18rem;
}

.contact .contact1 .contact1-box .contact1-content .contact1-right .contact1-item .contact1-tag span {
    color: #A9A9A9;
    font-weight: 400;
}

.contact .contact1 .contact1-box .contact1-content .contact1-right .contact1-item .contact1-con p {
    color: #FFF;
    font-weight: 400;
    line-height: 1.45;
}

.contact .contact1 .contact1-box .contact1-content .contact1-right .contact1-item .contact1-con .contact1-ewm {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: .56rem;
    row-gap: .3rem;
    padding-left: .32rem;
}

.contact .contact1 .contact1-box .contact1-content .contact1-right .contact1-item .contact1-con .contact1-ewm .contact1-ewm-item {
    /*width: .72rem;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contact .contact1 .contact1-box .contact1-content .contact1-right .contact1-item .contact1-con .contact1-ewm .contact1-ewm-item img {
    display: block;
    width: .72rem;
    margin-bottom: .15rem;
}

.contact .contact1 .contact1-box .contact1-content .contact1-right .contact1-item .contact1-con .contact1-ewm .contact1-ewm-item p {
    color: #A9A9A9;
    text-align: center;
    font-size: .14rem;
    font-weight: 400;
    line-height: 128.571%;
}

.contact .contact1 .contact1-box .contact1-content .contact1-left {
    width: 9.26rem;
    height: 8.05rem;
}

.contact .contact-form {
    position: relative;
}

.contact .contact-form .contact-form__img {
    display: block;
    width: 100%;
    height: 6.1rem;
    object-fit: cover;
}

.contact .contact-form .contact-form-bottom {
    display: flex;
    width: 100%;
    height: 7.3rem;
    background: #000000;
    justify-content: center;
    align-items: flex-end;
}

.contact .contact-form .contact-form-bottom img {
    display: block;
    width: 8rem;
}

.contact .contact-form .contact-form-box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1.2rem;
}

.contact .contact-form .contact-form-box .contact-form-tip1 {
    text-align: center;
    color: #FFF;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: .05rem;
}

.contact .contact-form .contact-form-box .contact-form-tip2 {
    color: #FFF;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
}

.contact .contact-form .contact-form-box form {
    width: 15rem;
    padding: .73rem .78rem;
    background: linear-gradient(179deg, rgba(13, 13, 13, 0.9) 0.64%, transparent 98.9%);
    backdrop-filter: blur(7.25px);
    margin-top: .7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: .15rem;
}

.contact .contact-form .contact-form-box form .contact-form__form-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: .4rem;
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item {
    width: 6.5rem;
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item .contact-form__form-label {
    display: flex;
    margin-bottom: .15rem;
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item .contact-form__form-label .contact-form__form-label-xing {
    color: #C23A1E;
    font-weight: 400;
    line-height: 160%;
    margin-right: .08rem;
    display: none;
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item .contact-form__form-label .contact-form__form-label-xing.require {
    display: block;
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item .contact-form__form-label .contact-form__form-label__span {
    color: #FFF;
    font-weight: 400;
    line-height: 160%;
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item .contact-form__form-input {
    display: block;
    width: 100%;
    border-radius: .1rem;
    border: 1px solid rgba(217, 217, 217, 0.2);
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item .contact-form__form-input input {
    display: block;
    width: 100%;
    height: .62rem;
    border: 0;
    outline: 0;
    color: #EBEBEB;
    font-weight: 300;
    line-height: 1;
    background: transparent;
    box-sizing: border-box;
    padding-left: .18rem;
    margin-top: 0;
    margin-bottom: 0;
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item .contact-form__form-input input::placeholder {
    color: #EBEBEB;
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item .contact-form__form-input input::-moz-placeholder {
    color: #EBEBEB;
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item .contact-form__form-input select {
    /*display: block;*/
    width: 100%;
    height: .62rem;
    border: 0;
    outline: 0;
    color: #EBEBEB;
    font-weight: 300;
    line-height: 1;
    background: transparent;
    box-sizing: border-box;
    padding-left: .18rem;
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item .contact-form__form-input textarea {
    display: block;
    width: 100%;
    height: 2.1rem;
    border: 0;
    outline: 0;
    color: #EBEBEB;
    font-weight: 300;
    line-height: 1;
    background: transparent;
    box-sizing: border-box;
    padding-left: .18rem;
    padding-top: .23rem;
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item .contact-form__form-input textarea::placeholder {
    color: #EBEBEB;
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item .contact-form__form-input textarea::-moz-placeholder {
    color: #EBEBEB;
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item .contact-form__form-select {
    position: relative;
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item .contact-form__form-select::after {
    /*content: "";*/
    /*width: .15rem;*/
    /*height: .09rem;*/
    /*background: url("../img/contact3.png") no-repeat;*/
    /*background-size: 100% 100%;*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    /*right: .22rem;*/
}

.contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-msg {
    width: 100%;
}

.contact .contact-form .contact-form-box form .contact-form-submit {
    display: inline-flex;
    width: 1.42rem;
    height: .46rem;
    background: url("../img/btn.png") no-repeat;
    background-size: 100% 100%;
    justify-content: center;
    align-items: center;
    column-gap: .06rem;
    color: #FFF;
    font-weight: 400;
    line-height: 200%;
    border: 0;
    outline: 0;
    margin-top: .6rem;
    border-radius: .3rem;
    transition: all .3s ease;
    cursor: pointer;
}

.contact .contact-form .contact-form-box form .contact-form-submit:hover {
    background: #FDBE12;
}

.contact .contact-form .contact-form-box form .contact-form-submit img {
    display: block;
    width: .06rem;
}

.product .product1 {
    display: flex;
    min-height: 100vh;
    background: url("../img/pro2.png") no-repeat;
    background-size: cover;
    position: relative;
}
.product1-blockboard {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 12.42%, rgba(0, 0, 0, 0.80) 90%);
    backdrop-filter: blur(1px);
    height: 40vh;
}


.product .product1 .product1-left {
    width: 28.54%;
    box-sizing: border-box;
}

.product .product1 .product1-left .product1-side {
    padding-top: 1.7rem;
    padding-left: .62rem;
    width: 2.87rem;
    height: 100%;
    background: rgba(38, 38, 38, 0.1);
    backdrop-filter: blur(25px);
    display: flex;
    flex-direction: column;
    row-gap: .6rem;
    position: relative;
}

.product .product1 .product1-left .product1-side a {
    display: flex;
    color: #FFF;
    font-weight: 400;
    line-height: 1;
    transition: all .3s ease;
}

.product .product1 .product1-left .product1-side a img {
    display: block;
    width: .27rem;
    margin-right: .16rem;
}

.product .product1 .product1-left .product1-side a.product1-side-switch {
    margin-top: .4rem;
}

.product .product1 .product1-left .product1-side a:hover {
    color: #F6AA29;
}

.product .product1 .product1-left .product1-side a.active {
    color: #F6AA29;
}

.product .product1 .product1-left .product1-side .product1-side-son {
    width: 2.6rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    background: rgba(38, 38, 38, 0.1);
    backdrop-filter: blur(25px);
    padding-top: 2.49rem;
    display: none;
    flex-direction: column;
    row-gap: .5rem;
    box-sizing: border-box;
    padding-left: .3rem;
}

.product .product1 .product1-left .product1-side .product1-side-son.on {
    display: flex;
}

.product .product1 .product1-right {
    width: calc(100% - 28.54%);
    padding-top: 1.45rem;
    /*padding-top: 1.85rem;*/
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product .product1 .product1-right .product1-title {
    text-align: center;
    /*color: #333;*/
    color: #ffffff;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    font-weight: 700;
}

.product .product1 .product1-right .product1-desc {
    width: 6.96rem;
    margin: .19rem auto 0;
    text-align: center;
    /*color: #333;*/
    /*color: rgba(255,255,255,.6);*/
    color: #ffffff;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    font-weight: 400;
    line-height: 177.778%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制显示3行 */
    overflow: hidden;
}

.product .product1 .product1-right .product1-right-more {
    margin-top: .28rem;
    width: 1.48rem;
    height: .4rem;
    border-radius: .4rem;
    background: #FDBE12;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: 400;
    line-height: 112.5%;
}

.product .product2 {
    background: url("../img/pro2.png") no-repeat;
    background-size: cover;
    position: relative;
    height: 100vh;
}

.product .product2 .product2-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    background: linear-gradient(90deg, transparent 37.84%, rgba(0, 0, 0, 0.71) 73.93%);
    overflow-y: auto;
    backdrop-filter: blur(15px);
}

.product .product2 .product2-box .product2-lists {
    width: 15.8rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 1.8rem;
}

.product .product2 .product2-box .product2-lists .product2-lists-left {
    display: flex;
    width: 2.68rem;
    height: 7.89rem;
    padding-top: .55rem;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.05);
    flex-direction: column;
    row-gap: .45rem;
    position: sticky;
    top: 0;
}

.product .product2 .product2-box .product2-lists .product2-lists-left .product2-lists-item {
    padding-left: .5rem;
}

.product .product2 .product2-box .product2-lists .product2-lists-left .product2-lists-item.active {
    padding-left: .38rem;
}

.product .product2 .product2-box .product2-lists .product2-lists-left .product2-lists-item.active .product2-lists-fa {
    color: #F6AA29;
}

.product .product2 .product2-box .product2-lists .product2-lists-left .product2-lists-item.active .product2-lists-fa img {
    display: block;
}

.product .product2 .product2-box .product2-lists .product2-lists-left .product2-lists-item.active .product2-lists-son {
    display: flex;
}

.product .product2 .product2-box .product2-lists .product2-lists-left .product2-lists-item .product2-lists-fa {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 600;
    line-height: 1;
    display: flex;
    align-items: center;
}

.product .product2 .product2-box .product2-lists .product2-lists-left .product2-lists-item .product2-lists-fa img {
    display: none;
    width: .18rem;
    margin-right: .1rem;
}

.product .product2 .product2-box .product2-lists .product2-lists-left .product2-lists-item .product2-lists-fa a:hover {
    color: #F6AA29;
    font-weight: 700;
}

.product .product2 .product2-box .product2-lists .product2-lists-left .product2-lists-item .product2-lists-son {
    padding-left: .28rem;
    display: none;
    flex-direction: column;
    row-gap: .25rem;
    padding-top: .25rem;
}

.product .product2 .product2-box .product2-lists .product2-lists-left .product2-lists-item .product2-lists-son a {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    line-height: 112.5%;
}

.product .product2 .product2-box .product2-lists .product2-lists-left .product2-lists-item .product2-lists-son a:hover {
    color: #F6AA29;
}

.product .product2 .product2-box .product2-lists .product2-lists-left .product2-lists-item .product2-lists-son a.active {
    color: #F6AA29;
}

.product .product2 .product2-box .product2-lists .product2-lists-right {
    width: 12.3rem;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-right-title {
    display: flex;
    align-items: center;
    margin-bottom: .17rem;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-right-title img {
    display: block;
    width: .3rem;
    margin-right: .17rem;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-right-title span {
    color: #FFF;
    text-align: center;
    font-weight: 700;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item {
    display: flex;
    width: 100%;
    padding-top: .45rem;
    padding-bottom: .45rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item .product2-lists-litpic {
    width: 3.8rem;
    height: 2.4rem;
    background: url("../img/pro4.png") no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item .product2-lists-litpic img {
    display: block;
    max-width: 2.75rem;
    max-height: 1.54rem;
    object-fit: cover;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item .product2-lists-con {
    margin-left: .4rem;
    height: 2.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: .2rem;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item .product2-lists-con .product2-lists-title {
    color: #FFF;
    font-weight: 400;
    line-height: 114.286%;
    margin-bottom: .06rem;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item .product2-lists-con .product2-lists-en {
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
    line-height: 200%;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item .product2-lists-con .product2-lists-tab {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: .3rem;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item .product2-lists-con .product2-lists-tab .product2-lists-tab-item {
    display: flex;
    align-items: center;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item .product2-lists-con .product2-lists-tab .product2-lists-tab-item .product2-lists-tab-dot {
    width: .08rem;
    height: .08rem;
    background: #F6AA29;
    opacity: .6;
    margin-right: .08rem;
    border-radius: 50%;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item .product2-lists-con .product2-lists-tab .product2-lists-tab-item .product2-lists-tab__span {
    color: rgba(255, 255, 255, .6);
    text-align: center;
    font-weight: 400;
    line-height: 171.429%;
}

.pdetail .pdetail1 {
    min-height: 100vh;
    background: url("../img/pdetail1.png") no-repeat;
    background-size: 100% 100%;
    padding-top: 2.67rem;
}

.pdetail .pdetail1 .pdetail1-box {
    padding-left: 1.7rem;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-titlebox {
    padding-bottom: .47rem;
    width: 9.52rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-titlebox .pdetail1-title {
    color: #FFF;
    font-weight: 700;
    margin-bottom: .16rem;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-titlebox .pdetail1-en {
    color: #FFF;
    font-weight: 400;
    line-height: 160%;
    opacity: .6;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox {
    display: flex;
    align-items: flex-end;
    position: relative;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left {
    padding-top: .5rem;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .pdetail1-desc {
    width: 5.83rem;
    /*height: 2.5rem;*/
    height: 1.28rem;
    color: #FFF;
    font-weight: 400;
    line-height: 177.778%;
    overflow-y: auto;
    margin-bottom: 1rem;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box {
    width: 6.14rem;
    padding-left: .58rem;
    position: relative;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box .swiper-thumb {
    width: 4.98rem;
    margin: 0;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box .swiper-thumb .swiper-slide {
    width: 1.56rem;
    height: 1.26rem;
    border-radius: .1rem;
    border: 1px solid rgba(232, 234, 239, 0.5);
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(13px);
    margin-right: .15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box .swiper-thumb .swiper-slide .swiper-thumb__img {
    display: block;
    max-width: 1.2rem;
    max-height: 1rem;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box .swiper-thumb .swiper-slide:last-child {
    margin-right: 0;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box .swiper-thumb .swiper-slide:hover {
    border: 1px solid #e8eaef;
    background: white;
}

/*.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box .swiper-thumb .swiper-slide.swiper-slide-active {*/

/*  border: 1px solid #e8eaef;*/

/*  background: white;*/

/*}*/

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box .swiper-thumb .swiper-slide.active {
    border: 1px solid #e8eaef;
    background: white;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box .swiper-thumb-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .43rem;
    height: 1.25rem;
    background: rgba(238, 238, 238, 0.18);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box .swiper-thumb-prev img {
    display: block;
    width: .097rem;
    height: .19476rem;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box .swiper-thumb-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .43rem;
    height: 1.25rem;
    background: rgba(238, 238, 238, 0.18);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box .swiper-thumb-next img {
    display: block;
    width: .097rem;
    height: .19476rem;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .swiper-big {
    width: 9.78rem;
    position: absolute;
    bottom: 0;
    right: 1.03rem;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .swiper-big .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .swiper-big .swiper-slide img {
    display: block;
    max-width: 100%;
    max-height: 5.48rem;
}

.pdetail .pdetail2and3 {
    background: url("../img/pdetail2and3.png") no-repeat;
    background-size: cover;
}

.pdetail .pdetail2 {
    padding-top: 1.32rem;
    padding-bottom: .47rem;
    min-height: 100vh;
    /*background: url("../img/pdetail6.png") no-repeat;*/
    /*background-size: cover;*/
    /*background-position: center bottom;*/
}

.pdetail .pdetail2 .pdetail2-title {
    color: #FFF;
    font-weight: 700;
    line-height: 141.667%;
    margin-bottom: .18rem;
    text-align: center;
}

.pdetail .pdetail2 .pdetail2-en {
    /*color: #E6E6E6;*/
    color: rgba(255, 255, 255, .6);
    text-align: center;
    font-weight: 400;
    line-height: 160%;
}

.pdetail .pdetail2 .pdetail2-box {
    display: flex;
    flex-wrap: wrap;
    width: 15.8rem;
    column-gap: .2523rem;
    row-gap: .25rem;
    margin: .6rem auto 0;
}

.pdetail .pdetail2 .pdetail2-box .swiper-pdetail2 {
    width: 100%;
    height: 7.23rem;
    padding-bottom: .45rem;
}

.pdetail .pdetail2 .pdetail2-box .swiper-pdetail2 .swiper-slide {
    height: 3.14rem;
    margin-bottom: .24rem;
}

.pdetail .pdetail2 .pdetail2-box .swiper-pdetail2 .swiper-slide .pdetail2-box-item {
    border-radius: .15rem;
    border: 1px solid rgba(255, 255, 255, 0.27);
    background: linear-gradient(139deg, rgba(253, 190, 18, 0) 31.04%, rgba(253, 190, 18, 0.06) 101.91%);
    backdrop-filter: blur(20px);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% - .25rem);
    height: 3.14rem;
    /*margin-left: .125rem;*/
    transition: all .3s ease;
}

.pdetail .pdetail2 .pdetail2-box .swiper-pdetail2 .swiper-slide .pdetail2-box-item .pdetail2-box-title {
    height: 1.15rem;
    padding-top: .4rem;
    width: 3.68rem;
    border-bottom: 1px solid rgba(222, 222, 222, 0.6);
    color: #FFF;
    font-weight: 600;
    line-height: 150%;
    text-align: center;
    transition: all .3s ease;
}

.pdetail .pdetail2 .pdetail2-box .swiper-pdetail2 .swiper-slide .pdetail2-box-item:hover {
    border: 1px solid rgba(255, 255, 255, 0.27);
    background: rgba(0, 0, 0, 0.25);
    box-shadow: 0 -3px .3rem 0 rgba(253, 190, 18, 0.24);
    backdrop-filter: blur(17.799999237060547px);
}

.pdetail .pdetail2 .pdetail2-box .swiper-pdetail2 .swiper-slide .pdetail2-box-item:hover .pdetail2-box-title {
    color: #FDBE12;
}

.pdetail .pdetail2 .pdetail2-box .swiper-pdetail2 .swiper-slide .pdetail2-box-item .pdetail2-box-desc {
    width: 4.67rem;
    height: 1.3rem;
    padding-right: .5rem;
    padding-left: .5rem;
    overflow-y: auto;
    color: #CCC;
    font-weight: 400;
    line-height: 200%;
    margin-top: .35rem;
}

.pdetail .pdetail2 .pdetail2-box .swiper-pdetail2 .swiper-slide .pdetail2-box-item .pdetail2-box-desc::-webkit-scrollbar {
    width: 1px;
}

.pdetail .pdetail2 .pdetail2-box .swiper-pdetail2 .swiper-slide .pdetail2-box-item .pdetail2-box-desc::-webkit-scrollbar-thumb {
    background: #F6AA29;
}

.pdetail .pdetail2 .pdetail2-box .swiper-pdetail2 .swiper-scrollbar {
    width: 5.6rem;
    height: 1px;
    background: #D6D5D5;
    left: 50%;
    transform: translateX(-50%);
}

.pdetail .pdetail2 .pdetail2-box .swiper-pdetail2 .swiper-scrollbar .swiper-scrollbar-drag {
    height: 2px;
    background: #F6AA29;
    border-radius: 0;
    top: -1px;
}

.pdetail .pdetail3 {
    /*background: url("../img/pdel4bg.png") no-repeat;*/
    /*background-size: 100% 100%;*/
    height: 100vh;
    position: relative;
}

.pdetail .pdetail3 .pdetail3-box .pdetail3-left {
    /*padding-top: 1.76rem;*/
    padding-top: 1.5rem;
    padding-left: 1.48rem;
}

.pdetail .pdetail3 .pdetail3-box .pdetail3-left .pdetail3-title {
    color: #FFF;
    font-weight: 700;
    line-height: 141.667%;
    margin-bottom: .16rem;
}

.pdetail .pdetail3 .pdetail3-box .pdetail3-left .pdetail3-subtitle {
    /*color: #FFF;*/
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
    line-height: 160%;
}

.pdetail .pdetail3 .pdetail3-box .pdetail3-left .pdetail3-goods {
    max-width: 7.25rem;
    height: 4.02rem;
    /*margin-top: .86rem;*/
    margin-top: .6rem;
    margin-bottom: .32rem;
}

.pdetail .pdetail3 .pdetail3-box .pdetail3-left .pdetail3-name {
    color: #FFF;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: .15rem;
}

.pdetail .pdetail3 .pdetail3-box .pdetail3-left .pdetail3-intro {
    color: #FFF;
    font-weight: 400;
    line-height: 160%;
    opacity: .6;
    width: 7.25rem;
}

.pdetail .pdetail3 .pdetail3-box .swiper-tag {
    width: 2.88rem;
    height: 100vh;
    position: absolute;
    top: 0;
    right: 1.67rem;
}

/*.pdetail .pdetail3 .pdetail3-box .swiper-tag:before {*/

/*                    content: "";*/

/*                    position: absolute;*/

/*                    top: 0;*/

/*                    left: 0;*/

/*                    right: 0;*/

/*                    width: 100%;*/

/*                    height: 2rem;*/

/*                    background: linear-gradient(to bottom, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 100% );*/

/*                    z-index: 9;*/

/*                    pointer-events: none;*/

/*}*/

/*.pdetail .pdetail3 .pdetail3-box .swiper-tag:after {*/

/*                    content: "";*/

/*                    position: absolute;*/

/*                    bottom: 0;*/

/*                    left: 0;*/

/*                    right: 0;*/

/*                    width: 100%;*/

/*                    height: 2rem;*/

/*                    background: linear-gradient(to top, rgba(0, 0, 0, 1) 20%, transparent 100%);*/

/*                    z-index: 9;*/

/*                    pointer-events: none;*/

/*}*/

.pdetail .pdetail3 .pdetail3-box .swiper-tag .swiper-slide {
    width: 2.8rem;
    /*height: 1.53rem;*/
    height: auto;
    min-height: 1.53rem;
    max-height: 2rem;
    border-radius: .15rem;
    border: 1px solid rgba(255, 255, 255, 0.27);
    background: linear-gradient(139deg, rgba(253, 190, 18, 0) 31.04%, rgba(253, 190, 18, 0.06) 101.91%);
    box-shadow: 0 0.04rem 0.44rem 0 rgba(0, 0, 0, 0.29);
    backdrop-filter: blur(28.75px);
    margin-bottom: .2rem;
    box-sizing: border-box;
    padding-top: .3rem;
    /*padding-left: .4rem;*/
    padding-left: .3rem;
    padding-right: .1rem;
}

.pdetail .pdetail3 .pdetail3-box .swiper-tag .swiper-slide:last-child {
    margin-bottom: 0;
}

.pdetail .pdetail3 .pdetail3-box .swiper-tag .swiper-slide:hover {
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.27);
    background: rgba(255, 255, 255, 0.17);
    box-shadow: 0 0.04rem 0.44rem 0 rgba(0, 0, 0, 0.29);
    backdrop-filter: blur(28.75px);
}

.pdetail .pdetail3 .pdetail3-box .swiper-tag .swiper-slide:hover .swiper-tag-title {
    color: #FDBE12;
}

.pdetail .pdetail3 .pdetail3-box .swiper-tag .swiper-tag-title {
    color: #FFF;
    font-weight: 600;
    line-height: 163.636%;
    margin-bottom: .05rem;
}

.pdetail .pdetail3 .pdetail3-box .swiper-tag .swiper-tag-con {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    /*line-height: 200%;*/
    line-height: 150%;
}

.pdetail .pdetail3 .pdetail3-box .swiper-tag2 {
    right: 4.76rem;
}

.pdetail .pdetail4 {
    background: url("../img/pdetail5bg.png") no-repeat;
    background-size: cover;
    padding-top: 1.3rem;
    padding-bottom: .7rem;
}

.pdetail .pdetail4 .pdetail4-title {
    text-align: center;
    color: #FFF;
    font-weight: 700;
    line-height: 141.667%;
}

.pdetail .pdetail4 .pdetail4-en {
    text-align: center;
    /*color: #E6E6E6;*/
    color: rgba(255, 255, 255, .6);
    font-weight: 300;
    line-height: 188.889%;
    letter-spacing: 2.16px;
}

.pdetail .pdetail4 .swiper-app-box {
    position: relative;
}

.pdetail .pdetail4 .swiper-app {
    margin-top: .45rem;
}

.pdetail .pdetail4 .swiper-app .swiper-slide {
    width: 12.62rem;
    height: 7.1rem;
    margin-left: .15rem;
    margin-right: .15rem;
    position: relative;
}

.swiper-app-board {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.35);
}

.pdetail .pdetail4 .swiper-app .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .2rem;
}

.pdetail .pdetail4 .swiper-app .swiper-slide .swiper-app-text {
    position: absolute;
    left: .8rem;
    bottom: .6rem;
    z-index: 2;
}

.pdetail .pdetail4 .swiper-app .swiper-slide .swiper-app-text .swiper-app-text-title {
    color: #FFF;
    font-weight: 700;
    line-height: 131.25%;
    margin-bottom: .1rem;
    overflow: hidden;
    /* 超出部分隐藏 */
    white-space: nowrap;
    /* 文本不换行 */
    text-overflow: ellipsis;
    /* 超出部分显示省略号 */
}

.pdetail .pdetail4 .swiper-app .swiper-slide .swiper-app-text .swiper-app-text-subtitle {
    color: #FFF;
    font-weight: 400;
    line-height: 160%;
}

.pdetail .pdetail4 .swiper-app-arr {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .2rem;
}

.pdetail .pdetail4 .swiper-app-arr .swiper-app-prev {
    width: .4rem;
    height: .4rem;
    background: url("../img/pdetailicon1.png") no-repeat;
    background-size: 100% 100%;
    margin-left: .12rem;
    margin-right: .12rem;
    transform: rotate(0deg);
    cursor: pointer;
}

.pdetail .pdetail4 .swiper-app-arr .swiper-app-prev:hover {
    background: url("../img/pdetailicon2.png") no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
}

.pdetail .pdetail4 .swiper-app-arr .swiper-app-next {
    width: .4rem;
    height: .4rem;
    background: url("../img/pdetailicon1.png") no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
    margin-left: .12rem;
    margin-right: .12rem;
    cursor: pointer;
}

.pdetail .pdetail4 .swiper-app-arr .swiper-app-next:hover {
    background: url("../img/pdetailicon2.png") no-repeat;
    background-size: 100% 100%;
    transform: rotate(0deg);
}

.pdetail .pdetail5 {
    background: url("../img/pdetail6bg.png") no-repeat;
    background-size: 100% 100%;
    padding-top: 1.97rem;
    padding-bottom: 1.85rem;
}

.pdetail .pdetail5 .pdetail5-title {
    color: #FFF;
    text-align: center;
    font-weight: 700;
    line-height: 141.667%;
}

.pdetail .pdetail5 .pdetail5-subtitle {
    text-align: center;
    /*color: #E6E6E6;*/
    color: rgba(255, 255, 255, .6);
    font-weight: 300;
    line-height: 188.889%;
    letter-spacing: 2.16px;
}

.pdetail .pdetail5 .swiper-related {
    width: 15.8rem;
    margin: .6rem auto 0;
}

.pdetail .pdetail5 .swiper-related .swiper-slide {
    width: 5.01rem;
    height: 5.36rem;
    margin-right: .38rem;
    border-radius: .1rem;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding-top: .48rem;
    position: relative;
}

.pdetail .pdetail5 .swiper-related .swiper-slide .swiper-related-title {
    color: #FFF;
    text-align: center;
    font-weight: 400;
    line-height: 114.286%;
    margin-bottom: .12rem;
}

.pdetail .pdetail5 .swiper-related .swiper-slide .swiper-related-en {
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    font-weight: 400;
    line-height: 200%;
    margin-bottom: .33rem;
}

.pdetail .pdetail5 .swiper-related .swiper-slide .swiper-related-img {
    display: block;
    max-width: 3.95rem;
    max-height: 2.22rem;
    margin: 0 auto;
    object-fit: contain;
}

.pdetail .pdetail5 .swiper-related .swiper-slide .swiper-related-btn {
    position: absolute;
    width: 1.42rem;
    height: .46rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: .49rem;
    background: url("../img/btn.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: 400;
}

.pdetail .pdetail5 .swiper-related .swiper-slide .swiper-related-btn img {
    display: block;
    width: .06rem;
    margin-left: .06rem;
}

.pdetail .pdetail6 {
    background: url("../img/pdetail7bg.png") no-repeat;
    background-size: cover;
    padding-top: 1.68rem;
    padding-bottom: 1.3rem;
}

.pdetail .pdetail6 .pdetail6-form {
    width: 15.8rem;
    margin: 0 auto;
    border-radius: .1rem;
    background: rgba(70, 70, 70, 0.1);
    backdrop-filter: blur(58.15px);
    padding: .43rem .53rem .43rem .66rem;
}

.pdetail .pdetail6 .pdetail6-form form {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.pdetail .pdetail6 .pdetail6-form form .form-left .pdetail6-form-title {
    color: #FFF;
    font-weight: 700;
    line-height: 135.417%;
    margin-bottom: .24rem;
}

.pdetail .pdetail6 .pdetail6-form form .form-left .pdetail6-form-tags {
    display: flex;
    align-items: center;
}

.pdetail .pdetail6 .pdetail6-form form .form-left .pdetail6-form-tags span {
    color: #FFF;
    text-align: center;
    font-weight: 400;
}

.pdetail .pdetail6 .pdetail6-form form .form-left .pdetail6-form-tags img {
    display: block;
    width: .1rem;
    margin-left: .16rem;
    margin-right: .16rem;
}

.pdetail .pdetail6 .pdetail6-form form .form-left .pdetail6-form-ewm {
    display: flex;
    align-items: flex-start;
    margin-top: 1.1rem;
    column-gap: .24rem;
}

.pdetail .pdetail6 .pdetail6-form form .form-left .pdetail6-form-ewm .pdetail6-ewmblock {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pdetail .pdetail6 .pdetail6-form form .form-left .pdetail6-form-ewm .pdetail6-ewmblock img {
    display: block;
    width: .72rem;
    margin-bottom: .135rem;
}

.pdetail .pdetail6 .pdetail6-form form .form-left .pdetail6-form-ewm .pdetail6-ewmblock p {
    color: #A9A9A9;
    text-align: center;
    font-weight: 400;
    line-height: 128.571%;
}

.pdetail .pdetail6 .pdetail6-form form .form-right .form-right-box {
    width: 8.25rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pdetail .pdetail6 .pdetail6-form form .form-right .form-right-box .form-right-half {
    width: 4rem;
    height: .59rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    padding-left: .3rem;
    color: #DEDEDE;
    font-weight: 400;
}

.pdetail .pdetail6 .pdetail6-form form .form-right .form-right-box .form-right-half::placeholder {
    color: #DEDEDE;
}

.pdetail .pdetail6 .pdetail6-form form .form-right .form-right-box .form-right-select {
    display: block;
    width: 100%;
    height: .59rem;
    /*border-radius: 1rem;*/
    /*background: rgba(255, 255, 255, 0.15);*/
    /*box-sizing: border-box;*/
    /*margin-top: .3rem;*/
    margin-bottom: .3rem;
    /*position: relative;*/
}

.layui-form-select .layui-input {
    display: block;
    width: 100%;
    height: .59rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    margin-top: .3rem;
    margin-bottom: .3rem;
    position: relative;
    border: 0;
    color: #DEDEDE;
    font-weight: 400;
    font-size: 16px;
    padding-left: .3rem;
}

.layui-form-select .layui-input::placeholder {
    color: #DEDEDE;
    font-size: 16px;
}

@media (max-width: 1680px) {
    .layui-form-select .layui-input {
        font-size: 15px;
    }
    .layui-form-select .layui-input::placeholder {
        font-size: 15px;
    }
}

@media (max-width: 1440px) {
    .layui-form-select .layui-input {
        font-size: 15px;
    }
    .layui-form-select .layui-input::placeholder {
        font-size: 15px;
    }
}

/*.pdetail .pdetail6 .pdetail6-form form .form-right .form-right-box .form-right-select::after {*/

/*  content: "";*/

/*  width: .14rem;*/

/*  height: .14rem;*/

/*  background: url("../img/selectarr.png") no-repeat;*/

/*  background-size: 100% 100%;*/

/*  position: absolute;*/

/*  top: 50%;*/

/*  transform: translateY(-50%);*/

/*  right: .3rem;*/

/*}*/

.pdetail .pdetail6 .pdetail6-form form .form-right .form-right-box .form-right-select select {
    /*display: block;*/
    width: 100%;
    height: 100%;
    background: transparent;
    color: #DEDEDE;
    font-weight: 400;
    border: 0;
    box-sizing: border-box;
    padding-left: .3rem;
}

.pdetail .pdetail6 .pdetail6-form form .form-right .form-right-box .form-right-select-three {
    width: 2.66rem;
    margin-top: 0;
}

.pdetail .pdetail6 .pdetail6-form form .form-right .form-right-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .5rem;
    column-gap: .53rem;
}

.pdetail .pdetail6 .pdetail6-form form .form-right .form-right-btns button {
    width: 1.52rem;
    height: .44rem;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: .16rem;
    color: #FFF;
    font-weight: 400;
    border-radius: .99rem;
    background: #F6AA29;
    cursor: pointer;
    border: 0;
    outline: 0;
}

.pdetail .pdetail6 .pdetail6-form form .form-right .form-right-btns button img {
    display: block;
    width: .2rem;
    height: .2rem;
}

.pdetail .pdetail6 .pdetail6-form form .form-right .form-right-btns button:last-child {
    border-radius: .99rem;
    background: rgba(246, 170, 41, 0.2);
}

.pdetail .pdetail-notice {
    position: fixed;
    z-index: 9;
    background: rgba(98, 98, 98, 0.14);
    backdrop-filter: blur(16.05px);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.pdetail .pdetail-notice .notice-box {
    background: url("../img/noticebg.png") no-repeat;
    background-size: 100% 100%;
    width: 12.31rem;
    height: 6.96rem;
    background-size: cover;
    padding-left: 1.26rem;
    padding-right: 1.26rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: .76rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: .2rem;
}

.pdetail .pdetail-notice .notice-box .notice-box-close {
    position: absolute;
    top: .38rem;
    right: .57rem;
    width: .18rem;
    height: .18rem;
    cursor: pointer;
}

.pdetail .pdetail-notice .notice-box .notice-left {
    width: 4.9rem;
    position: relative;
}

.pdetail .pdetail-notice .notice-box .notice-left::after {
    content: "";
    width: 1px;
    height: 5.03rem;
    background: rgba(154, 154, 154, 0.75);
    position: absolute;
    top: .2rem;
    right: 0;
}

.pdetail .pdetail-notice .notice-box .notice-left .pdetail-notice-title {
    color: #FFF;
    font-weight: 700;
    line-height: 226.667%;
}

.pdetail .pdetail-notice .notice-box .notice-left .pdetail-notice-en {
    color: #B8B8B8;
    font-weight: 400;
    line-height: 242.857%;
    letter-spacing: 1.68px;
}

.pdetail .pdetail-notice .notice-box .notice-left .pdetail-notice-ul {
    width: 4.35rem;
    height: 4.5rem;
    overflow-y: auto;
}

.pdetail .pdetail-notice .notice-box .notice-left .pdetail-notice-ul .pdetail-notice-li {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    line-height: 200%;
    padding-left: .25rem;
    position: relative;
    margin-bottom: .3rem;
}

.pdetail .pdetail-notice .notice-box .notice-left .pdetail-notice-ul .pdetail-notice-li:last-child {
    margin-bottom: 0;
}

.pdetail .pdetail-notice .notice-box .notice-left .pdetail-notice-ul .pdetail-notice-li:before {
    content: "";
    width: .11rem;
    height: .11rem;
    background: #FDBE12;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: .11rem;
}

.pdetail .pdetail-notice .notice-box .notice-right {
    width: 4.9rem;
    padding-left: .53rem;
}

.pdetail .pdetail-notice .notice-box .notice-right .pdetail-notice-title {
    color: #FFF;
    font-weight: 700;
    line-height: 226.667%;
}

.pdetail .pdetail-notice .notice-box .notice-right .pdetail-notice-en {
    color: #B8B8B8;
    font-weight: 400;
    line-height: 242.857%;
    letter-spacing: 1.68px;
}

.pdetail .pdetail-notice .notice-box .notice-right .pdetail-notice-ul {
    width: 4.35rem;
    height: 4.5rem;
    overflow-y: auto;
}

.pdetail .pdetail-notice .notice-box .notice-right .pdetail-notice-ul .pdetail-notice-li {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    line-height: 200%;
    padding-left: .25rem;
    position: relative;
    margin-bottom: .3rem;
}

.pdetail .pdetail-notice .notice-box .notice-right .pdetail-notice-ul .pdetail-notice-li:last-child {
    margin-bottom: 0;
}

.pdetail .pdetail-notice .notice-box .notice-right .pdetail-notice-ul .pdetail-notice-li:before {
    content: "";
    width: .11rem;
    height: .11rem;
    background: #FDBE12;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: .11rem;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: .06rem;
}

.pagination .pagination-prev {
    display: block;
    width: .36rem;
    height: .36rem;
    background: url("../img/pagileft.png") no-repeat;
    background-size: 100% 100%;
}

.pagination .pagination-prev:hover {
    background: url("../img/pagiright.png") no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
}

.pagination .pagination-next {
    display: block;
    width: .36rem;
    height: .36rem;
    background: url("../img/pagileft.png") no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
}

.pagination .pagination-next:hover {
    background: url("../img/pagiright.png") no-repeat;
    background-size: 100% 100%;
    transform: rotate(0deg);
}

.pagination .pagination-num {
    color: #667778;
    font-weight: 400;
    width: .39rem;
    height: .39rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination .pagination-num.active {
    background: #F6AA29;
    color: #ffffff;
}

.pagination .pagination-num:hover {
    background: #F6AA29;
    color: #ffffff;
}

.newsdetail {
    padding-top: 1.88rem;
    background: url("../img/newdetailbg.png") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
}

.newsdetail .newsdetail-box {
    width: 15.8rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /*position: sticky;*/
    padding-bottom: 1rem;
    top: 0;
}

.newsdetail .newsdetail-box .newsdetail-left {
    display: block;
    width: 4.1rem;
    position: sticky;
    top: 0;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-back {
    display: flex;
    align-items: center;
    margin-bottom: .4rem;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-back img {
    display: block;
    width: .24rem;
    height: .24rem;
    margin-right: .25rem;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-back span {
    color: #FFF;
    font-weight: 400;
    line-height: 150%;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-title {
    color: #FFF;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: .59rem;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-share {
    display: flex;
    align-items: center;
    margin-bottom: .6rem;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-share span {
    color: #D0D0D0;
    font-weight: 400;
    margin-right: .1rem;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-share .share-icons {
    display: flex;
    align-items: center;
    column-gap: .06rem;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-share .share-icons .share-icons-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .27rem;
    height: .27rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    transition: all .3s ease;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-share .share-icons .share-icons-icon img {
    display: block;
    max-width: .15rem;
    max-height: .12rem;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-share .share-icons .share-icons-icon:hover {
    background: #F6AA29;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-time {
    position: relative;
    display: inline-flex;
    margin-bottom: 1.72rem;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-time .newsdetail-time-year {
    color: #F6AA29;
    font-weight: 500;
    line-height: 130%;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-time .newsdetail-time-before {
    color: #FFF;
    font-weight: 400;
    line-height: 150%;
    position: absolute;
    top: 0;
    left: calc(100% + .08rem);
    white-space: nowrap;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: .34rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-nav a {
    display: flex;
    align-items: center;
    color: #FFF;
    font-weight: 400;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-nav a .newsdetail-nav-prev {
    display: block;
    width: .06rem;
    height: .12rem;
    margin-right: .13rem;
    background: url("../img/yellow-arr.png") no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
    filter: brightness(0) invert(1);
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-nav a .newsdetail-nav-next {
    display: block;
    width: .06rem;
    height: .12rem;
    margin-left: .13rem;
    background: url("../img/yellow-arr.png") no-repeat;
    background-size: 100% 100%;
    filter: brightness(0) invert(1);
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-nav a:hover {
    color: #FDBE12;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-nav a:hover .newsdetail-nav-prev {
    filter: unset;
}

.newsdetail .newsdetail-box .newsdetail-left .newsdetail-nav a:hover .newsdetail-nav-next {
    filter: unset;
}

.newsdetail .newsdetail-box .newsdetail-right {
    display: block;
    width: 10.39rem;
    color: #FFF;
    font-weight: 400;
    line-height: 200%;
}

.newsdetail .newsdetail-box .newsdetail-right img {
    max-width: 100%;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.newsdetail .newsdetail-related {
    padding-top: 1.23rem;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-radius: 1rem 1rem 0 0;
    background: linear-gradient(292deg, #000 5.18%, #191919 20.6%, #424242 36.84%, #1B1B1B 60.24%, #000 90.66%);
}

.newsdetail .newsdetail-related .newsdetail-related-box {
    width: 15.8rem;
    margin: 0 auto;
}

.newsdetail .newsdetail-related .newsdetail-related-title {
    color: #FFF;
    text-align: center;
    font-weight: 700;
    padding-bottom: .55rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.newsdetail .newsdetail-related .news-box {
    width: 15.8rem;
    margin: 0 auto;
    padding-top: .69rem;
}

.newsdetail .newsdetail-related .news-box-ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: .3rem;
    row-gap: .4rem;
    margin-bottom: 1rem;
}

.newsdetail .newsdetail-related .news-box-li {
    width: 5.066rem;
    height: 5.8rem;
    border-radius: .2rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

.newsdetail .newsdetail-related .news-box-con {
    padding: .41rem .32rem;
}

.newsdetail .newsdetail-related .news-box-li img {
    display: block;
    width: 100%;
    height: 3.1rem;
    object-fit: cover;
}

.newsdetail .newsdetail-related .news-box-sign {
    display: flex;
    width: 3.09rem;
    padding: .06rem 0;
    justify-content: center;
    align-items: center;
    border-radius: .18rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(234, 238, 242, 0.2);
    backdrop-filter: blur(22.45px);
    margin-bottom: .26rem;
}

.newsdetail .newsdetail-related .news-box-li .news-box-icon {
    display: block;
    width: .16rem;
    height: .16rem;
    margin-right: .1rem;
}

.newsdetail .newsdetail-related .news-box__p {
    display: flex;
    align-items: center;
    color: #FDBE12;
    font-weight: 400;
    line-height: normal;
}

.newsdetail .newsdetail-related .newsline {
    margin-left: .12rem;
    margin-right: .12rem;
    width: 1px;
    height: .1rem;
    background: #FDBE12;
}

.newsdetail .newsdetail-related .news-box-title {
    color: #FFF;
    -webkit-text-stroke-width: 1.05px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.2);
    font-weight: 600;
    line-height: 160%;
    display: -webkit-box;
    /* 创建伸缩盒子 */
    -webkit-line-clamp: 2;
    /* 限制显示 2 行 */
    -webkit-box-orient: vertical;
    /* 垂直排列子元素 */
    overflow: hidden;
    /* 隐藏溢出内容 */
    text-overflow: ellipsis;
    /* 溢出时显示省略号 */
}

.newsdetail .newsdetail-related .news-box-btn {
    width: 1rem;
    height: .3rem;
    background: url("../img/btn.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    outline: 0;
    color: #FFF;
    font-weight: 400;
    position: absolute;
    left: .32rem;
    bottom: .43rem;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: .34rem;
}

.newsdetail .newsdetail-related .news-box-btn img {
    display: block;
    width: .06rem;
    height: auto;
    margin-left: .06rem;
}

.newsdetail .newsdetail-related .news-box-li:hover .news-box-btn {
    background: #FDBE12;
    background-size: 100% 100%;
}

.tiantu {
    min-height: 100vh;
    padding-top: .88rem;
    background: url("../img/ttlibg.png") no-repeat;
    background-attachment: fixed;
    background-size: 100% 100vh;
}

.tiantu .tiantu-nav {
    width: 100%;
    height: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: .66rem;
    position: sticky;
    top: .88rem;
    z-index: 9;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
}

.tiantu .tiantu-nav a {
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-weight: 400;
    display: flex;
    align-items: center;
    height: 100%;
    transition: all .3s ease;
}

.tiantu .tiantu-nav a:hover {
    color: #F6AA29;
    border-bottom: 1px solid #F6AA29;
}

.tiantu .tiantu-nav a.active {
    color: #F6AA29;
    border-bottom: 1px solid #F6AA29;
}

.tiantu .tiantu-h1 {
    margin-top: .48rem;
    text-align: center;
    color: #FFF;
    font-weight: 700;
    line-height: 141.667%;
}

.tiantu .tiantu-en {
    text-align: center;
    color: #E6E6E6;
    font-weight: 290;
    line-height: 188.889%;
}

.tiantu .tiantu-text {
    display: block;
    width: 10rem;
    margin: .4rem auto 0;
    color: #FFF;
    text-align: center;
    font-weight: 400;
    line-height: 225%;
}

.tiantu .tiantu-box {
    width: 16.4rem;
    min-height: 6.88rem;
    margin: .34rem auto 0;
    background: url("../img/ttprobg.png") no-repeat;
    background-size: cover;
    border-radius: .16rem;
    position: relative;
}

.tiantu .tiantu-box .tiantu-box-intro {
    position: absolute;
    width: 5.24rem;
    height: 5.87rem;
    border-radius: .2rem;
    padding: .82rem .48rem 0;
    background: rgba(0, 0, 0, 0.32);
    backdrop-filter: blur(29.45px);
    top: 50%;
    transform: translateY(-50%);
    left: .44rem;
    z-index: 2;
}

.tiantu .tiantu-box .tiantu-box-intro .tiantu-title {
    color: #FFF;
    font-weight: 700;
    line-height: 117.647%;
    margin-bottom: .12rem;
}

.tiantu .tiantu-box .tiantu-box-intro .tiantu-intro {
    display: flex;
    align-items: center;
    padding-bottom: .6rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.tiantu .tiantu-box .tiantu-box-intro .tiantu-intro span {
    color: #FFF;
    font-weight: 300;
    line-height: 160%;
}

.tiantu .tiantu-box .tiantu-box-intro .tiantu-intro .tiantu-box-intro-line {
    margin-left: .1rem;
    margin-right: .1rem;
    display: block;
    width: 1px;
    height: .17rem;
    background: rgba(255, 255, 255, 0.3);
}

.tiantu .tiantu-box .tiantu-box-intro .tiantu-desc {
    padding-top: .6rem;
    color: #FFF;
    font-weight: 400;
    line-height: 200%;
    margin-bottom: .67rem;
}

.tiantu .tiantu-box .tiantu-box-intro .tiantu-box-btn {
    background: url("../img/btn.png") no-repeat;
    background-size: 100% 100%;
    width: 1.42rem;
    height: .46rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tiantu .tiantu-box .tiantu-box-intro .tiantu-box-btn span {
    color: #FFF;
    font-weight: 400;
}

.tiantu .tiantu-box .tiantu-box-intro .tiantu-box-btn img {
    display: block;
    width: .06rem;
    height: .12rem;
    margin-left: .06rem;
}

.tiantu .tiantu-box .tiantu-box-product {
    display: block;
    max-width: 8.33rem;
    max-height: 4.36rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.06rem;
}

.tiantu .swiper-list {
    position: relative;
    margin-top: .53rem;
}

.tiantu .swiper-list .swiper-slide {
    transition: all .3s ease;
}

.tiantu .swiper-list .swiper-slide img {
    transition: all .3s ease;
}

.tiantu .swiper-list .swiper-slide.swiper-slide-next {
    clip-path: ellipse(100% 100% at 0% 100%);
}

.tiantu .swiper-list .swiper-slide.swiper-slide-next img {
    clip-path: ellipse(100% 100% at 0% 0%);
}

.tiantu .swiper-list .swiper-slide.swiper-slide-prev {
    clip-path: ellipse(100% 100% at 100% 100%);
}

.tiantu .swiper-list .swiper-slide.swiper-slide-prev img {
    clip-path: ellipse(100% 100% at 100% 0%);
}

.tiantu .swiper-list .swiper-list-prevboard {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 10%, transparent 100%);
    width: 1rem;
    z-index: 3;
}

.tiantu .swiper-list .swiper-list-nextboard {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 10%, transparent 100%);
    width: 1rem;
    z-index: 3;
}

.tiantu .tiantu-more {
    margin-top: 1.3rem;
    margin-bottom: 1.6rem;
}

.tiantu .tiantu-more .swiper-gallery {
    display: block;
    width: 15rem;
    margin: 0 auto;
}

.tiantu .tiantu-more .swiper-gallery .swiper-slide {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.tiantu .tiantu-more .swiper-gallery .swiper-slide .swiper-gallery-litpic {
    display: block;
    width: 7.35rem;
    height: 4.36rem;
    object-fit: cover;
}

.tiantu .tiantu-more .swiper-gallery .swiper-slide .swiper-gallery-right {
    display: block;
    width: 6.64rem;
}

.tiantu .tiantu-more .swiper-gallery .swiper-slide .swiper-gallery-right .swiper-gallery-title {
    display: flex;
    flex-direction: column;
    color: #FFF;
    font-weight: 700;
    line-height: 1.475;
    margin-bottom: .2rem;
}

.tiantu .tiantu-more .swiper-gallery .swiper-slide .swiper-gallery-right .swiper-gallery-title span {
    color: #F6AA29;
}

.tiantu .tiantu-more .swiper-gallery .swiper-slide .swiper-gallery-right .swiper-gallery-en {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 290;
    line-height: 187.5%;
    letter-spacing: 1.92px;
    margin-bottom: .28rem;
}

.tiantu .tiantu-more .swiper-gallery .swiper-slide .swiper-gallery-right .swiper-gallery-desc {
    color: #FFF;
    font-weight: 400;
    line-height: 225%;
}

.tiantu .tiantu-more .swiper-thumb-box {
    width: 16.4rem;
    position: relative;
    margin: .67rem auto 0;
}

.tiantu .tiantu-more .swiper-thumb-box .swiper-thumb {
    display: block;
    width: 15rem;
    margin: 0 auto;
}

.tiantu .tiantu-more .swiper-thumb-box .swiper-slide {
    opacity: .5;
}

.tiantu .tiantu-more .swiper-thumb-box .swiper-slide img {
    display: block;
    width: 100%;
    height: 1.62rem;
    object-fit: cover;
    margin-bottom: .15rem;
}

.tiantu .tiantu-more .swiper-thumb-box .swiper-slide p {
    color: #FFF;
    text-align: center;
    font-weight: 400;
    line-height: 177.778%;
}

.tiantu .tiantu-more .swiper-thumb-box .swiper-slide.active {
    opacity: 1;
}

.tiantu .tiantu-more .swiper-thumb-box .swiper-thumb-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: .41rem;
    height: .41rem;
    border-radius: 50%;
    border: 1px solid #F6AA29;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.tiantu .tiantu-more .swiper-thumb-box .swiper-thumb-prev:hover {
    background: #F6AA29;
}

.tiantu .tiantu-more .swiper-thumb-box .swiper-thumb-prev:hover img {
    filter: brightness(0) invert(1);
}

.tiantu .tiantu-more .swiper-thumb-box .swiper-thumb-next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: .41rem;
    height: .41rem;
    border-radius: 50%;
    border: 1px solid #F6AA29;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.tiantu .tiantu-more .swiper-thumb-box .swiper-thumb-next img {
    transform: rotate(180deg);
}

.tiantu .tiantu-more .swiper-thumb-box .swiper-thumb-next:hover {
    background: #F6AA29;
}

.tiantu .tiantu-more .swiper-thumb-box .swiper-thumb-next:hover img {
    filter: brightness(0) invert(1);
}

.tiantu .tiantu-coo {
    background: url("../img/ttcoobg.png") no-repeat;
    background-size: cover;
    height: 6.29rem;
    width: 100%;
    position: relative;
}

.tiantu .tiantu-coo .tiantu-coo-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.4rem;
}

.tiantu .tiantu-coo .tiantu-coo-box p {
    color: #FFF;
    font-weight: 400;
    line-height: 141.176%;
}

.tiantu .tiantu-coo .tiantu-coo-box .tiantu-coo-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: 400;
    width: 1.42rem;
    height: .46rem;
    background: url("../img/btn.png") no-repeat;
    background-size: 100% 100%;
    margin-top: .6rem;
}

.tiantu .tiantu-coo .tiantu-coo-box .tiantu-coo-btn img {
    width: .06rem;
    height: .12rem;
    margin-left: .06rem;
}

.swiper-pagination-banner {
    display: flex;
    justify-content: center;
    column-gap: .66rem;
    bottom: .54rem !important;
}

.swiper-bannerpoint {
    position: relative;
    width: 33px;
    height: 33px;
    display: flex;
}

.swiper-bannerpoint-point {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #ffffff;
    width: 4px;
    height: 4px;
}

.swiper-bannerpoint-svg {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.swiper-bannerpoint svg {
    position: absolute;
    left: 0;
    top: 0;
}

.swiper-bannerpoint-inner2 {
    stroke-dashoffset: 104;
    stroke-dasharray: 104;
}

.swiper-bannerpoint-svg.active {
    opacity: 1;
}

.swiper-bannerpoint-svg.active .swiper-bannerpoint-inner2 {
    animation: circleShow 4s linear infinite;
}

.product2-back-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .23rem;
}

.product2-back {
    padding: .11rem .4rem;
    border: 1px solid rgba(255, 255, 255, .8);
    color: #FFF;
    font-weight: 400;
    border-radius: .4rem;
    transition: all .3s ease;
    display: flex;
    align-items: center;
}

.product2-back:hover {
    border: 1px solid #FDBE12;
    background: #FDBE12;
}

.product2-back img {
    display: block;
    width: .16rem;
    height: .16rem;
    margin-left: .06rem;
}

@keyframes circleShow {
    0% {
        stroke-dashoffset: 104;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

/*26/2/5*/

.section3 .section3-right .swiper-sec3 .swiper-slide .swiper-sec3-desc {
    padding-right: 0.15rem;
}

.section3 .section3-right .swiper-sec3 .swiper-slide .swiper-sec3-desc::-webkit-scrollbar {
    width: 2px;
    height: 1px;
}

.section3 .section3-right .swiper-sec3 .swiper-slide .swiper-sec3-desc::-webkit-scrollbar-thumb {
    background: #FDBE12;
    border-radius: 2px;
}

.section3 .section3-right .swiper-sec3 .swiper-slide .swiper-sec3-desc::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.30);
}

.section3 .section3-left .section3-desc {
    max-height: 10.92em;
    overflow-y: auto;
    padding-right: 0.15rem;
}

.section3 .section3-left .section3-desc::-webkit-scrollbar {
    width: 2px;
    height: 1px;
}

.section3 .section3-left .section3-desc::-webkit-scrollbar-thumb {
    background: #FDBE12;
    border-radius: 2px;
}

.section3 .section3-left .section3-desc::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.30);
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-desc {
    max-height: 9.1em;
    overflow-y: auto;
    padding-right: 0.15rem;
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-desc::-webkit-scrollbar {
    width: 2px;
    height: 1px;
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-desc::-webkit-scrollbar-thumb {
    background: #FDBE12;
    border-radius: 2px;
}

.section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-desc::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.30);
}

.ab2 .top .t_right .p {
    max-height: 14.4em;
    overflow-y: auto;
    padding-right: 0.15rem;
}

.ab2 .top .t_right .p::-webkit-scrollbar {
    width: 2px;
    height: 1px;
}

.ab2 .top .t_right .p::-webkit-scrollbar-thumb {
    background: #FDBE12;
    border-radius: 2px;
}

.ab2 .top .t_right .p::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.30);
}

.ab3 .txts .txt .p {
    max-height: 4em;
    overflow-y: auto;
    padding-right: 0.15rem;
}

.ab3 .txts .txt .p::-webkit-scrollbar {
    width: 2px;
    height: 1px;
}

.ab3 .txts .txt .p::-webkit-scrollbar-thumb {
    background: #FDBE12;
    border-radius: 2px;
}

.ab3 .txts .txt .p::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.30);
}

.pdetail .pdetail6 .pdetail6-form form .form-right .form-right-box .form-right-select.form-right-select-service {
    width: 4rem;
    margin-top: 0.3rem;
}

.pdetail .pdetail6 .pdetail6-form form .form-right .form-right-box input[name="email"] {
    margin-top: 0.3rem;
}

.pdetail .pdetail6 .pdetail6-form form .layui-form-select .layui-input {
    margin: 0;
}

.pdetail .pdetail6 .pdetail6-form form .layui-form-select dl {
    top: 100%;
}

.pdetail .pdetail6 .pdetail6-form form textarea {
    display: block;
    resize: none;
    width: 100%;
    height: 1.5rem;
    border-radius: 0.2rem;
    background: rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
    padding: 0.15rem .3rem;
    color: #DEDEDE;
}

.pdetail .pdetail6 .pdetail6-form form textarea::-webkit-input-placeholder {
    color: #DEDEDE;
}

.pdetail .pdetail6 .pdetail6-form form textarea:-moz-placeholder {
    color: #DEDEDE;
}

.pdetail .pdetail6 .pdetail6-form form textarea::-moz-placeholder {
    color: #DEDEDE;
}

.pdetail .pdetail6 .pdetail6-form form textarea:-ms-input-placeholder {
    color: #DEDEDE;
}

header {
    transition: transform 0.4s ease-out;
}

header.scrollon {
    transform: translateY(-0.9rem);
}

.section1 .banner-en {
    color: #fff;
}

.section2-img-box .mouse {
    position: absolute;
    left: 50%;
    bottom: 0.71rem;
    width: 0.84rem;
    transform: translateX(-50%);
    z-index: -1;
}

.section3 .section3-right .swiper-sec3 .swiper-slide .swiper-sec3-desc {
    color: #fff;
}

.section4 .section4-tab .section4-tab-block.active {
    background: rgba(253, 190, 18, 1);
    color: rgba(21, 21, 21, 1);
}

.section4 .section4-swiper .swiper-sec4 .swiper-sec4__img {
    /*max-width: 9.2rem;*/
    /*max-height: 4.55rem;*/
    max-width: 11rem;
    max-height: 5.5rem;
    object-fit: contain;
}

.section4 .section4-swiper .swiper-sec4 .swiper-slide .swiper-sec4-text {
    border-radius: 0.6rem;
    border: 2px solid #FDBE12;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(12.5px);
}

.section6 .section6-items .section6-item {
    position: relative;
    border-radius: 0.1rem;
    overflow: hidden;
}

.section6 .section6-items .section6-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.16rem;
    background: rgba(255, 255, 255, 0.15);
    opacity: 0;
    transition: all .3s ease;
}

.section6 .section6-items .section6-item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.16rem;
    opacity: 0;
    background: url(../img/section6_a_bg.png) no-repeat bottom 0.3rem right 0.3rem;
    background-size: 2.87rem;
    transition: all .3s ease;
}

.section6 .section6-items .section6-item .section6-item-litpic {
    position: relative;
    z-index: 3;
}

.section6 .section6-items .section6-item .section6-item-con {
    position: relative;
    z-index: 3;
    padding: 0.33rem 0.32rem 0.52rem;
}

.section6 .section6-items .section6-item:hover:before {
    opacity: 1;
}

.section6 .section6-items .section6-item:hover:after {
    opacity: 1;
}

.section6 .section6-btn {
    margin-top: 0.18rem;
}

/*.product .product1 .product1-left .product1-side .product1-side-fa.active {*/
/*    text-decoration: underline !important;*/
/*    text-underline-offset: 4px;*/
/*}*/

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item {
    position: relative;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.20);
    opacity: 0;
    transition: all .3s ease;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.16rem;
    opacity: 0;
    background: url(../images/product_a_bg.png) no-repeat top 0.4rem right 0.4rem;
    background-size: 2.87rem;
    transition: all .3s ease;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item .product2-lists-litpic {
    position: relative;
    z-index: 3;
    transition: all .3s ease;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item .product2-lists-con {
    flex: 1;
    position: relative;
    z-index: 3;
    transition: all .3s ease;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item:hover:before {
    opacity: 1;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item:hover:after {
    opacity: 1;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item:hover .product2-lists-litpic {
    margin-left: 0.41rem;
}

.product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item:hover .product2-lists-con {
    margin-right: 0.41rem;
}

.pdetail .pdetail3 .pdetail3-box .pdetail3-left .pdetail3-goods {
    border-radius: 0.3rem;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
}

.newsdetail {
    background: #000 url(../images/newdetailbg_new.png) no-repeat center;
    background-size: cover;
}

.news-box-li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.2rem;
    background: rgba(255, 255, 255, 0.20);
    opacity: 0;
    transition: all .3s ease;
}

.news-box-li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.2rem;
    opacity: 0;
    background: url(../images/news-box-li-bg.png) no-repeat bottom 0.25rem right 0.25rem;
    background-size: 2.87rem;
    transition: all .3s ease;
}

.news-box-li>img {
    position: relative;
    z-index: 3;
    transition: all .3s ease;
}

.news-box-li .news-box-con {
    position: relative;
    z-index: 3;
    transition: all .3s ease;
}

.news-box-li .news-box-btn {
    z-index: 3;
}

.news-box-li:hover .news-box-title {
    color: #FDBE12;
}

.news-box-li:hover:before {
    opacity: 1;
}

.news-box-li:hover:after {
    opacity: 1;
}

header .header nav .head-nav .lv1 {
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
}

header .header nav .head-nav .lv2list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    display: none;
    transition: none;
}

header .header nav .head-nav .lv2list .ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.45rem 0;
    background: rgba(38, 38, 38, 0.40) url(../images/lv2list_bg.png) no-repeat right 0.5rem top 0.28rem;
    backdrop-filter: blur(40px);
}

header .header nav .head-nav .lv2list .ul .li {
    margin: 0 0.1rem;
    min-width: 1.26rem;
}

header .header nav .head-nav .lv2list .ul .li a {
    display: block;
    text-align: center;
    line-height: calc(32 / 18);
    color: #fff;
}

header .header nav .head-nav .lv2list .ul .li a:hover {
    color: #FDBE12;
}

header .header .header-pro.active{display: flex;flex-wrap: wrap;}

header .header .header-pro{padding: 0.49rem 1.7rem;}

header .header .header-pro .header-pro-item{width: 33.333%;padding-top: 0;margin-bottom: 0.4rem;}

header .header .header-pro .header-pro-item:nth-child(n + 4){margin-bottom: 0;}

header .header .header-pro .header-pro-item .header-pro-right{width: 100%;padding-left: 0;}

header .header .header-pro .header-pro-item:nth-child(n + 4) .header-pro-right{padding-bottom: 0;border-bottom: none;}

header .header .header-pro .header-pro-item .header-pro-right .pro-right-list{width: 4.66rem;}

header .header .header-pro .header-pro-item .header-pro-right .pro-right-list{padding-top: 0.5rem;}

.newsdetail .newsdetail-box .newsdetail-right img{height: auto;}


@media screen and (max-width:1024px) {
    .section1{height: auto;}
    .section1 .section2{position: relative;height: auto;}
    .section1 .section2 .section2-box{position: relative;}
    .section1 .section2 .section2-box1 .section2-showlogo{display: none;}
    .section1 .swiper-banner{
        -webkit-mask: none;
        mask: none;
    }
    .section1 .section2 .section2-box1{position: relative;height: auto;}
    .section1 .banner-h1{position: relative;top: 0;left: 0;transform: none;font-size: 0.48rem;line-height: 0.84rem;}
    .section1 .banner-en{position: relative;top: 0;left: 0;transform: none;font-size: 0.26rem;line-height: 0.35rem;margin-top: 0.12rem;}
    .section1 .text{position: absolute;top: calc(238 / 1080 * 100vh);left: 0;width: 100%;padding: 0 0.4rem;}
    .swiper-pagination-banner{bottom: 0.45rem !important;left: 0.4rem !important;justify-content: flex-start;gap: 0.1rem;}

    .section1 .section2 .section2-box1 .section2-img{position: relative;height: auto;padding: 0.8rem 0.4rem 0;background: #18181B url(../img/indexnormal1.png) no-repeat right bottom;background-size: 100% auto;overflow: hidden;transition: none;}
    .section1 .section2 .section2-box1 .section2-img .section3{position: relative;height: auto;padding-left: 0;left: 0;transition: none;padding: 0.8rem 0 1.3rem;background: none;}
    .section1 .section2 .section2-box1 .section2-img .section3 .section3-box{position: relative;transition: none;width: 100%;}
    .section1 .section2 .section2-box1 .section2-img .section3 .section3-box .section3-left{position: relative;transform: none;left: 0;top: 0;width: 100%;}
    .section2-img-box .mouse{display: none;}
    .section1 .section2 .section2-box1 .section2-img .section2-img-g1{height: auto;aspect-ratio: 670 / 693;position: relative;transition: none;border-radius: 0.12rem;overflow: hidden;}
    .section1 .section2 .section2-box1 .section2-img .section2-text{position: relative;top: 0;left: 0;width: 100%;transition: none;margin-top: 0.8rem;}
    .section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-sign{text-align: center;line-height: 1.5;margin-bottom: 0.08rem;}
    .section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-title{text-align: center;line-height: 1.5;}
    .section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-en{text-align: center;line-height: 0.35rem;letter-spacing: 0.1em;margin-bottom: 0.8rem;}
    .section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-desc{letter-spacing: 0.04em;margin-bottom: 0.64rem;max-height: 12.74em;}

    .section1 .section2 .section2-box1 .section2-img .section2-text .section2-nums{flex-wrap: wrap;gap: 0.4rem;}
    .section1 .section2 .section2-box1 .section2-img .section2-text .section2-nums .section2-numitem .section2-numitem__p{white-space: wrap;position: relative;}
    .section1 .section2 .section2-box1 .section2-img .section2-text .section2-nums .section2-numitem .section2-numitem-num{font-size: 0.64rem;line-height: 0.5rem;margin-bottom: 0.2rem;width: fit-content;}

    .section1 .section2 .section2-box1 .section2-img .section2-text .section2-nums .section2-numitem{min-width: 25%;}

    .section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-btn{margin: 0.8rem auto 0;width: 2.26rem;height: 0.65rem;}
    .section1 .section2 .section2-box1 .section2-img .section2-text .section2-text-btn img{width: 0.11rem;margin-left: 0.18rem;}

    .section3 .section3-left .section3-sign{text-align: center;line-height: 1.5;margin-bottom: 0.08rem;}
    .section3 .section3-left .section3-title{text-align: center;line-height: 1.5;}
    .section3 .section3-left .section3-smalltitle{text-align: center;line-height: 0.35rem;letter-spacing: 0.1em;margin-bottom: 0.8rem;}
    .section3 .section3-left .section3-desc{margin-bottom: 0.64rem;max-height: 12.74em;letter-spacing: 0.04em;}
    .section3 .section3-left .section3-btn{margin: 0 auto;width: 2.26rem;height: 0.65rem;}
    .section3 .section3-left .section3-btn img{width: 0.11rem;margin-left: 0.18rem;}
    .section3 .section3-right{position: relative;transform: none;left: 0;top: 0;margin-top: 0.8rem;}

    .section3 .section3-right .swiper-sec3 .swiper-slide .swiper-sec3-title{font-size: 0.38rem;}
    .section3 .section3-right .swiper{overflow: visible;}
    .section4{transform: scale(1);border-radius: 0;min-height: auto;padding: 1.54rem 0 1.2rem;}
    .section4 .section4-swiper .swiper-sec4{width: 6.69rem;}
    .section4 .section4-swiper .swiper-sec4 .swiper-slide .swiper-sec4-box{height: 4.07rem;}
    .section4 .section4-swiper .swiper-sec4 .swiper-sec4__img{max-width: 6.69rem;max-height: 4.07rem;}
    .section4 .section4-swiper{width: 6.69rem;height: auto;background-size: 100% auto;margin: 0 auto;background-position: bottom 1.5rem center;}

    .section4-btn .section6-btn{margin: 1.38rem auto 0;width: 2.26rem;height: 0.65rem;}
    .section4-btn .section6-btn img{width: 0.11rem;margin-left: 0.18rem;}
    .section4 .section4-swiper .swiper-sec4 .swiper-sec4__img{max-height: 3.31rem;}
    .section4 .section4-swiper .swiper-sec4 .swiper-slide .swiper-sec4-text{left: 2.15rem;top: 0;width: fit-content;max-width: 4.54rem;height: auto;line-height: 0.42rem;padding: 0.12rem 0.3rem;border-radius: 0.66rem;}
    .section4 .section4-en{margin-bottom: 1.2rem;}
    .section4 .section4-tab{margin-top: 1rem;padding: 0 0.4rem;overflow-x: auto;justify-content: flex-start;}
    .section4 .section4-tab .section4-tab-block{white-space: nowrap;width: auto;line-height: 0.42rem;padding: 0.19rem 0.36rem;}
    .section5{min-height: auto;padding: 1.2rem 0;overflow: hidden;}
    .section5 .section5-en{margin-bottom: 0.4rem;line-height: 0.35rem;letter-spacing: 0.1em;}

    .section5 .swiper-loop{position: relative;top: 0;width: 100vw;margin: 0 0 0.3rem;overflow: visible;}
    .section5 .swiper-loop:last-child{margin-bottom: 0;}
    .section5 .swiper-loop .swiper-slide{height: 2.12rem;width: 2.84rem;}
    .section5 .swiper-loop .swiper-slide img{max-width: 2.12rem;max-width: 2.84rem;}

    .section6{min-height: auto;padding: 1.2rem 0.4rem;background: linear-gradient(292deg, #000 5.18%, #191919 20.6%, #424242 36.84%, #1B1B1B 60.24%, #000 90.66%);}
    .section6 .section6-sign{text-align: center;}
    .section6 .section6-box{width: 100%;}
    .section6 .section6-bar{flex-wrap: wrap;justify-content: center;}
    .section6 .section6-bar .section6-bar-right{margin-top: 0.48rem;gap: 0.4rem;}
    .section6 .section6-bar .section6-bar-right a{line-height: 0.37rem;padding: 0.11rem 0.77rem;}
    .section6 .section6-btn{display: none;}
    .section7{transform: scale(1);min-height: auto;}
    .section7 video{position: relative;top: 0;left: 0;transform: none;width: 100%;height: auto;object-fit: contain;}

    footer .footer{padding: 1.2rem 0.4rem 0.64rem;width: 100%;flex-direction: column-reverse;}

    footer .footer .footer-left{margin-top: 1.2rem;width: 100%;display: flex;flex-direction: column;align-items: center;}

    footer .footer .footer-left .footer-logo{margin: 0;width: 100%;}

    footer .footer .footer-left>a:first-child{width: 3.85rem;order: 0;margin-bottom: 0.52rem;display: block;}

    footer .footer .footer-left .footer-left-share{order: 1;margin-top: 0;margin-bottom: 0.8rem;column-gap: .4rem;}

    footer .footer .footer-left .footer-left-share .share-item{width: 0.8rem;height: 0.8rem;}

    footer .footer .footer-left .footer-left-item{order: 2;text-align: center;}

    footer .footer .footer-left .footer-left-item .footer-left-item-label{line-height: 0.3rem;color: rgba(255, 255, 255, 0.40);}

    footer .footer .footer-left .footer-left-item .footer-left-item-value{font-size: 0.32rem;margin-top: 0.2rem;color: #fff;}

    footer .footer .footer-left .footer-left-item{margin-bottom: 0.4rem;}

    footer .footer .footer-left .footer-left-item:nth-child(3){margin-bottom: 0;}

    footer .footer .footer-left .footer-left-share .share-item img{width: 0.48rem;height: 0.48rem;}

    .unfooter .unfooter-box{width: 100%;padding: 0.44rem 0.4rem;flex-wrap: wrap;justify-content: center;text-align: center;}

    .unfooter .unfooter-box .unfooter-left{line-height: 0.35rem;margin-bottom: 0.16rem;}

    .unfooter .unfooter-box .unfooter-right{line-height: 176.923%;}

    footer .footer .footer-right{flex-direction: column;column-gap: .64rem;width: 100%;row-gap: 0.64rem;}

    footer .footer .footer-right .footer-right-items:first-child{display: none;}

    footer .footer .footer-right .footer-right-items{width: 100%;}

    footer .footer .footer-right .footer-right-items .lv1{position: relative;}

    footer .footer .footer-right .footer-right-items:not(:last-child) .lv1::before{content: "";position: absolute;right: 0;top: 0;width: 0.32rem;height: 0.32rem;background: url(../images/svg/footer_lv2_arr.svg) no-repeat center;background-size: contain;transition: all 0.4s ease;}

    footer .footer .footer-right .footer-right-items .lv1 a:first-child{font-size: 0.26rem;line-height: 0.32rem;margin-bottom: 0;}

    footer .footer .footer-right .footer-right-items .lv2list{padding: 0.1rem 0 0;display: none;}

    footer .footer .footer-right .footer-right-items.act .lv1::before{transform: rotate(90deg);}

    .section6 .section6-box .item{display: none;margin-top: 1.8rem;}

    .section6 .section6-box .item.act{display: block;}

    .section6 .section6-box .item .swiper-slide{display: block;height: auto;}

    .section6 .section6-box .item .swiper-slide .section6-item-litpic{width: 100%;aspect-ratio: 670 / 420;border-radius: 0.1rem;object-fit: cover;}

    .section6 .section6-box .item .swiper-slide .section6-item-con{margin-top: 0.4rem;}

    .section6 .section6-box .item .swiper-slide .section6-item-con .section6-item-tip{line-height: 0.35rem;color: #999;font-size: 0.26rem;}

    .section6 .section6-box .item .swiper-slide .section6-item-con .section6-item-title{font-size: 0.32rem;line-height: 0.5rem;color: #fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;}

    .section6 .section6-box .item .swiper-slide .section6-item-con .section6-item-desc{font-size: 0.28rem;color: #A9A9A9;line-height: 0.46rem;margin-top: 0.24rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;}

    .ph_swpbtn{display: flex;align-items: center;justify-content: space-between;margin-top: 0.6rem;}

    .ph_swpbtn a{width: 0.56rem;}

    .ph_swpbtn .pogin{flex: 1;margin: 0 0.28rem;height: 1px;overflow: visible;position: relative;top: 0;left: 0;background: #DEDEDE;}

    .ph_swpbtn .pogin span{height: 2px;background: #FDBE12;top: auto;bottom: 0;}
    
    

    /* 产品详情 */
    .pdetail .pdetail1{padding-top: 1.44rem;min-height: auto;padding-bottom: 1.6rem;}
    .pdetail .pdetail1 .pdetail1-box{padding: 0 0.4rem;}
    .pdetail .pdetail1 .pdetail1-box .pdetail1-titlebox{width: 100%;}

    .pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox{flex-direction: column-reverse;}
    .pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .swiper-big{position: relative;}
    .pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .swiper-big{width: 100%;margin: 0.7rem auto 0;right: 0;}
    .pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .swiper-big .swiper-slide img{max-height: 3.48rem;margin: 0 auto;}

    .pdetail .pdetail1 .pdetail1-box .text{margin-top: 0.48rem;font-size: 0.26rem;line-height: 0.42rem;color: #fff;}

    .pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box{width: 100%;padding-left: 1rem;}
    .pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left{width: 100%;}
    .pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box .swiper-thumb{width: calc(100% - 1rem);}

    .pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box .swiper-thumb-prev,
    .pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box .swiper-thumb-next{width: 0.72rem;height: 1.8rem;}

    .pdetail .pdetail1 .pdetail1-box .pdetail1-beforebox .pdetail1-left .swiper-thumb-box .swiper-thumb .swiper-slide{width: 2.25rem;height: 1.8rem;margin-right: 0.2rem;}

    .pdetail .pdetail2{padding: 1.2rem 0 1.87rem;}
    .pdetail .pdetail2 .pdetail2-box{width: 100%;}
    .pdetail .pdetail2 .pdetail2-box .swiper-pdetail2{height: 10.82rem;width: 6.7rem;}
    .pdetail .pdetail2 .pdetail2-box .swiper-pdetail2 .swiper-slide .pdetail2-box-item{width: 100%;padding: 0.42rem 0.28rem 0.48rem;}
    .pdetail .pdetail2 .pdetail2-box .swiper-pdetail2 .swiper-scrollbar{display: none;}
    .pdetail .pdetail2 .pdetail2-box .swiper-pdetail2 .swiper-slide .pdetail2-box-item .pdetail2-box-title{width: 100%;padding-top: 0;font-size: 0.32rem;padding-bottom: 0.28rem;}
    .pdetail .pdetail2 .pdetail2-box .swiper-pdetail2 .swiper-slide .pdetail2-box-item .pdetail2-box-desc{width: 100%;margin-top: 0.32rem;padding: 0 0.16rem 0 0;font-size: 0.28rem;line-height: 0.46rem;height: 1.38rem;}
    .pdetail .pdetail2 .pdetail2-box .ph_swpbtn{width: 100%;padding: 0 0.4rem;}
    .pdetail .pdetail3{height: auto;padding-bottom: 1.6rem;overflow: hidden;}
    .pdetail .pdetail3 .pdetail3-box .swiper-tag{display: none;}

    .pdetail .pdetail4{padding: 1.2rem 0.4rem;}
    .pdetail .pdetail4 .swiper-app .swiper-slide img{height: auto;aspect-ratio: 670 / 377;}
    .pdetail .pdetail4 .swiper-app .swiper-slide{width: 100%;height: auto;}
    .pdetail .pdetail4 .swiper-app .swiper-slide .swiper-app-text{left: 0;bottom: 0;padding: 0 0.24rem 0.24rem;}
    .pdetail .pdetail4 .swiper-app-arr{display: none;}

    .pdetail .pdetail3 .pdetail3-box .pdetail3-left{padding: 0 0.4rem;text-align: center;}
    .pdetail .pdetail3 .pdetail3-box .pdetail3-left .pdetail3-goods{margin: 0.64rem 0 0.52rem;width: 100%;aspect-ratio: 670 / 464;height: auto;background: none;object-fit: contain;}
    .pdetail .pdetail3 .pdetail3-box .pdetail3-left .pdetail3-name{font-size: 0.34rem;line-height: 0.48rem;margin-bottom: 0.2rem;}
    .pdetail .pdetail3 .pdetail3-box .pdetail3-left .pdetail3-intro{width: 100%;font-size: 0.28rem;line-height: 0.46rem;}
    .pdetail .pdetail3 .pdetail3-box .phbox{padding: 0 0.4rem;margin-top: 0.8rem;}
    .pdetail .pdetail3 .pdetail3-box .phbox .swiper-slide{border-radius: 0.15rem;border: 1px solid rgba(255, 255, 255, 0.27);background: linear-gradient(139deg, rgba(253, 190, 18, 0.00) 31.04%, rgba(253, 190, 18, 0.06) 101.91%);box-shadow: 0 0.04rem 0.441rem 0 rgba(0, 0, 0, 0.29);backdrop-filter: blur(28.75px);padding: 0.33rem 0.32rem 0.4rem;width: 3.13rem;margin-right: 0.24rem;height: auto;}
    .pdetail .pdetail3 .pdetail3-box .phbox .swiper-slide .swiper-tag-title{font-size: 0.32rem;line-height: 0.42rem;color: #fff;word-wrap: break-word;}
    .pdetail .pdetail3 .pdetail3-box .phbox .swiper-slide .swiper-tag-con{font-size: 0.28rem;line-height: 0.38rem;margin-top: 0.14rem;color: #fff;word-wrap: break-word;}
    .pdetail .pdetail3 .pdetail3-box .phbox .swiper-slide.swiper-slide-active{border-radius: 0.15rem;border: 1px solid rgba(255, 255, 255, 0.27);background: rgba(255, 255, 255, 0.17);box-shadow: 0 4px 44.1px 0 rgba(0, 0, 0, 0.29);backdrop-filter: blur(28.75px);}
    .pdetail .pdetail3 .pdetail3-box .phbox .swiper-slide.swiper-slide-active .swiper-tag-title{color: #FDBE12;}

    .pdetail .pdetail5{padding: 1.2rem 0.4rem 1.28rem;overflow: hidden;}
    .pdetail .pdetail5 .swiper-related{width: 100%;overflow: visible;}
    .pdetail .pdetail5 .swiper-related .swiper-slide{height: 5.91rem;margin-right: 0.4rem;}

    .pdetail .pdetail5 .swiper-related .swiper-slide .swiper-related-btn{width: 2.26rem;height: 0.65rem;}
    .pdetail .pdetail5 .swiper-related .swiper-slide .swiper-related-btn img{width: 0.11rem;margin-left: 0.07rem;}

    .pdetail .pdetail6{padding: 1.2rem 0.4rem;background-size: 100% 100%;}
    .pdetail .pdetail6 .pdetail6-form{width: 100%;padding: 0.8rem 0.4rem;border-radius: 0.1rem;background: rgba(70, 70, 70, 0.10);backdrop-filter: blur(58.150001525878906px);}
    .pdetail .pdetail6 .pdetail6-form form{flex-wrap: wrap;}
    .pdetail .pdetail6 .pdetail6-form form .form-right .form-right-box{width: 100%;}
    .pdetail .pdetail6 .pdetail6-form form .form-left .pdetail6-form-tags{display: block;}
    .pdetail .pdetail6 .pdetail6-form form .form-left .pdetail6-form-tags img{display: inline-block;}
    .pdetail .pdetail6 .pdetail6-form form .form-left .pdetail6-form-title{text-align: center;line-height: 0.55rem;margin-bottom: 0.44rem;}
    .pdetail .pdetail6 .pdetail6-form form .form-left .pdetail6-form-ewm{margin-top: 0.5rem;column-gap: 1.5rem;justify-content: center;}
    .pdetail .pdetail6 .pdetail6-form form .form-left .pdetail6-form-ewm .pdetail6-ewmblock img{width: 1.4rem;margin-bottom: 0.16rem;}
    .pdetail .pdetail6 .pdetail6-form form .form-left .pdetail6-form-ewm .pdetail6-ewmblock p{line-height: 0.35rem;}
    .pdetail .pdetail6 .pdetail6-form form .form-right{margin-top: 0.8rem;}
    .pdetail .pdetail6 .pdetail6-form form .form-right .form-right-box input[name="phone"]{margin-top: 0.3rem;}
    .pdetail .pdetail6 .pdetail6-form form .form-right .form-right-box .form-right-half{width: 100%;height: 0.73rem;}
    .pdetail .pdetail6 .pdetail6-form form .form-right .form-right-box .form-right-select.form-right-select-service{width: 100%;}
    .layui-form-select .layui-input{height: 0.73rem;}
    .pdetail .pdetail6 .pdetail6-form form .form-right .form-right-box .form-right-select-three{width: calc(50% - 0.15rem);}
    .pdetail .pdetail6 .pdetail6-form form .form-right .form-right-box .form-right-select-three3{width: 100%;}
    .pdetail .pdetail6 .pdetail6-form form .form-right .form-right-btns button{width: 2.04rem;height: 0.57rem;}


    
    /*产品列表*/
    .product .product1{flex-wrap: wrap;}
    .product .product1 .product1-left{width: 100%;}
    .product .product1 .product1-right{width: 100%;padding: 0.8rem 0.4rem;}
    .product .product1 .product1-left .product1-side{width: 100%;padding-left: 0.4rem;padding-right: 0.4rem;}
    .product .product1 .product1-left .product1-side{row-gap: 0.4rem;background: rgba(38, 38, 38, 0.6);backdrop-filter: none;height: auto;padding-bottom: 0.6rem;height: auto;}
    .product .product1 .product1-left .product1-side .product1-side-son{position: relative;width: 100%;padding-top: 0.4rem;background:none;left: 0;backdrop-filter: none;row-gap: .2rem;}
    
    .product .product2 .product2-box .product2-lists{width: 100%;flex-wrap: wrap;}
    .product .product2 .product2-box .product2-lists .product2-lists-left{width: 100%;position: relative;height: auto;background: none;padding-top: 0;}
    .product .product2 .product2-box .product2-lists .product2-lists-right{width: 100%;padding: 0.8rem 0.4rem 0}
    .product .product2 .product2-box{position: relative;height: auto;padding-bottom: 1.2rem;}
    .product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item{flex-wrap: wrap;}
    .product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item .product2-lists-litpic{width: 100%;aspect-ratio: 380 / 240;}
    .product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item .product2-lists-con{flex: none;width: 100%;height: auto;margin-left: 0;padding-top: .4rem;}
    .product .product2{height: auto;}
    .product .product2 .product2-box .product2-lists .product2-lists-right .product2-lists-item .product2-lists-litpic img{max-width: 5.75rem;max-height: calc(100% - 0.6rem);}
    .product .product1 .product1-right .product1-title{line-height: 1.5;}
    
    
    .tiantu .tiantu-nav{top: 0.8rem;height: 0.8rem;}
    .tiantu .tiantu-box{width: 100%;min-height: auto;display: flex;flex-direction: column-reverse;}
    .tiantu .tiantu-box .tiantu-box-intro{position: relative;width: calc(100% - 0.8rem);height: auto;top: 0;transform: none;left: 0;margin: 0.3rem auto 0;padding: 0.8rem 0.4rem;}
    .tiantu .tiantu-box .tiantu-box-product{position: relative;width: 100%;bottom: 0;transform: none;left: 0;max-width: auto;max-height: auto;aspect-ratio: 833 / 436;}
    
    .tiantu .tiantu-box .tiantu-box-intro .tiantu-box-btn{width: 2.26rem;height: 0.65rem;}
    
    .tiantu .tiantu-box .tiantu-box-intro .tiantu-box-btn img{width: 0.11rem;margin-left: 0.07rem;}
    
    .newsdetail .newsdetail-box{width: 100%;flex-wrap: wrap;}
    .newsdetail .newsdetail-box .newsdetail-left{position: relative;top: 0;width: 100%;padding: 0 0.4rem;}
    .newsdetail .newsdetail-box .newsdetail-right{width: 100%;padding: 0 0.4rem;margin-top: 1rem;}
    .newsdetail .newsdetail-box .newsdetail-left .newsdetail-time{margin-bottom: 0.4rem;}
    .newsdetail .newsdetail-box .newsdetail-left .newsdetail-back img{width: 0.4rem;height: 0.4rem;}
    
    .newsdetail .newsdetail-box .news_ph{width: 100%;padding: 0 0.4rem;}

    .newsdetail .newsdetail-box .newsdetail-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: .34rem;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        width: 100%;
        margin-top: 0.6rem;
    }
    
    .newsdetail .newsdetail-box .newsdetail-nav a {
        display: flex;
        align-items: center;
        color: #FFF;
        font-weight: 400;
    }
    
    .newsdetail .newsdetail-box .newsdetail-nav a .newsdetail-nav-prev {
        display: block;
        width: .06rem;
        height: .12rem;
        margin-right: .13rem;
        background: url("../img/yellow-arr.png") no-repeat;
        background-size: 100% 100%;
        transform: rotate(180deg);
        filter: brightness(0) invert(1);
    }
    
    .newsdetail .newsdetail-box .newsdetail-nav a .newsdetail-nav-next {
        display: block;
        width: .06rem;
        height: .12rem;
        margin-left: .13rem;
        background: url("../img/yellow-arr.png") no-repeat;
        background-size: 100% 100%;
        filter: brightness(0) invert(1);
    }
    
    .newsdetail .newsdetail-box .newsdetail-nav a:hover {
        color: #FDBE12;
    }
    
    .newsdetail .newsdetail-box .newsdetail-nav a:hover .newsdetail-nav-prev {
        filter: unset;
    }
    
    .newsdetail .newsdetail-box .newsdetail-nav a:hover .newsdetail-nav-next {
        filter: unset;
    }
    
    .newsdetail .newsdetail-box .newsdetail-left .newsdetail-share .share-icons .share-icons-icon{width: .36rem;height: .36rem;}
    
    .newsdetail .newsdetail-box .newsdetail-left .newsdetail-share .share-icons .share-icons-icon img{max-width: .2rem;max-height: .2rem;}

    .newsdetail .newsdetail-related{border-radius: 0;}

    .newsdetail .newsdetail-related .newsdetail-related-box{width: 100%;}
    
    .newsdetail .newsdetail-related .news-box{width: 100%;padding: 0.7rem 0.4rem 0;}
    
    .newsdetail .newsdetail-related .news-box-li{width: 100%;height: auto;}
    
    .newsdetail .newsdetail-related .news-box-btn{width: 2.26rem;height: 0.65rem;margin-top: 0.3rem;position: relative;}
    
    .newsdetail .newsdetail-related .news-box-btn img{width: 0.11rem;margin-left: 0.07rem;}
    
    .contact .banner .contact-h1{top: 1.8rem;}
    
    .contact .contact1 .contact1-box{width: 100%;padding: 1.2rem 0.4rem;}
    
    .contact .contact1 .contact1-box .contact1-content{flex-wrap: wrap;}
    
    .contact .contact1 .contact1-box .contact1-content .contact1-left{width: 100%;height: auto;margin-top: 0.6rem;}
    
    .contact .contact1 .contact1-box .contact1-content .contact1-right{width: 100%;margin-top: 0.6rem;}
    
    .contact .contact-form{padding: 1.2rem 0.4rem;}
    .contact .contact-form .contact-form__img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    
    .contact .contact-form .contact-form-box{position: relative;left: 0;top: 0;transform: none;}
    .contact .contact-form .contact-form-bottom{display: none;}
    .contact .contact-form .contact-form-box form{width: 100%;}
    .contact .contact-form .contact-form-box form{padding: 0.6rem 0.4rem;background: rgba(13, 13, 13, 0.7);}
    
    .contact .contact-form .contact-form-box form .contact-form__form-box .contact-form__form-item{width: 100%;}
    
    .contact .contact-form .contact-form-box form .contact-form-submit{width: 2.26rem;height: 0.65rem;}
    .contact .contact-form .contact-form-box form .contact-form-submit img{width: 0.11rem;margin-left: 0.07rem;}
    
    
    
}