@import "basics/perfect-scrollbar.css";
@import 'basics/animate.min.css';
@import "basics/boot.css";
@font-face {
    font-family: PingFang Regular;
    src: url("/statics/my/fonts/PingFang Regular.ttf");
    font-weight: normal
}

@font-face {
    font-family: Rany;
    src: url("/statics/my/fonts/Rany.ttf");
    font-weight: normal
}

.white {
    color: #fff
}

.num {
    font-family: DIN
}

.z_m_box {
    padding: 0 setvw(108)
}
:root{
    /*公用*/
    --font: 'Helvetica Neue', Helvetica, Tahoma, Arial, 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
    --transition: cubic-bezier(0.25, 0.74, 0.22, 0.99) .65s;
    /*font*/
    --font-size: 14px;
    /*color*/
    --color-fill: #000;
    --color-white: #fff;
    --color-black: #000;
    --color-gray3: #333;
    --color-gray6: #666;
    --color-gray9: #999;
    /*bg*/
    --body-color: #000;
    --bg-gray: #fbfbfb;
    --bg-scroll: #F0871A;
    --bg-overlay: #000;
    /*input*/
    --placeholder: #dbdbdb;
    --input-border-color: #eee;
    --border-radius: 0px;
    /*gradient*/
    --linear-gradient-shadow: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    --linear-gradient-blue: linear-gradient(90deg, #0171c1, #2097ed);
    /*cursor*/
    --cursor-stroke: #000;
    /*img*/
    --aspect-ratio: 1/1;
    /*size*/
    --size-10: clamp(5px, 0.5208333333333333vw, 10px);
    --size-15: clamp(7px, 0.78125vw, 15px);
    --size-20: clamp(10px, 1.0416666666666665vw, 20px);
    --size-25: clamp(12px, 1.3020833333333335vw, 25px);
    --size-30: clamp(15px, 1.5625vw, 30px);
    --size-32: clamp(16px, 1.6666667vw, 32px);
    --size-35: clamp(17px, 1.8229166666666667vw, 35px);
    --size-37: clamp(18px, 1.927083333vw, 37px);
    --size-40: clamp(20px, 2.083333333333333vw, 40px);
    --size-45: clamp(22px, 2.34375vw, 45px);
    --size-50: clamp(25px, 2.604166666666667vw, 50px);
    --size-55: clamp(27px, 2.864583333333333vw, 55px);
    --size-60: clamp(30px, 3.125vw, 60px);
    --size-65: clamp(32px, 3.3854166666666665vw, 65px);
    --size-70: clamp(35px, 3.6458333333333335vw, 70px);
    --size-75: clamp(37px, 3.90625vw, 75px);
    --size-80: clamp(40px, 4.166666666666666vw, 80px);
    --size-85: clamp(42px, 4.427083333333334vw, 85px);
    --size-90: clamp(45px, 4.6875vw, 90px);
    --size-95: clamp(47px, 4.947916666666666vw, 95px);
    --size-100: clamp(50px, 5.208333333333334vw, 100px);
    --size-110: clamp(55px, 5.729166666666666vw, 110px);
    --size-120: clamp(60px, 6.25vw, 120px);
    --size-130: clamp(65px, 6.770833333333333vw, 130px);
    --size-140: clamp(70px, 7.291666666666667vw, 140px);

    --size-10-: clamp(-10px, -0.5208333333333333vw, -5px);
    --size-15-: clamp(-15px, -0.78125vw, -7px);
    --size-20-: clamp(-20px, -1.0416666666666665vw, -10px);
    --size-25-: clamp(-25px, -1.3020833333333335vw, -12px);
    --size-30-: clamp(-30px, -1.5625vw, -15px);
    --size-35-: clamp(-35px, -1.8229166666666667vw, -17px);
    --size-40-: clamp(-40px, -2.083333333333333vw, -20px);
    --size-45-: clamp(-45px, -2.34375vw, -22px);
    --size-50-: clamp(-50px, -2.604166666666667vw, -25px);
    --size-55-: clamp(-55px, -2.864583333333333vw, -25px);
    --size-60-: clamp(-60px, -3.125vw, -30px);
    --size-65-: clamp(-65px, -3.3854166666666665vw, -32px);
    --size-70-: clamp(-70px, -3.6458333333333335vw, -35px);
    --size-75-: clamp(-75px, -3.90625vw, -37px);
    --size-80-: clamp(-80px, -4.166666666666666vw, -40px);
    --size-85-: clamp(-85px, -4.427083333333334vw, -42px);
    --size-90-: clamp(-90px, -4.6875vw, -45px);
    --size-95-: clamp(-95px, -4.947916666666666vw, -47px);
    --size-100-: clamp(-100px, -5.208333333333334vw, -50px);
    --size-110-: clamp(-110px, -5.729166666666666vw, -55px);
    --size-120-: clamp(-120px, -6.25vw, -60px);
    --size-130-: clamp(-130px, -6.770833333333333vw, -65px);
    --size-140-: clamp(-140px, -7.291666666666667vw, -70px);
    --color-dominant:#F0871A
}
* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none
}

*, :before, :after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.clearfix:after {
    content: "";
    display: block;
    clear: both
}
.l-relative {
    position: relative
}

.l-overflow {
    overflow: hidden
}
.l-flex{
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}
.l-font42 {
    font-size: 42px;
    font-size: clamp(22px, 2.1875vw, 42px)
}
.l-flex-column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}
.l-bold {
    font-weight: bold
}
body {
    font-size: 14px;
    color: #000;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    width: 100%;
    background: #fff;
    font-family: NotoSansHans, "Microsoft YaHei", Arial, sans-serif
}

.lenis.lenis-smooth {
    scroll-behavior: auto
}

html.lenis {
    height: auto;
    overflow-x: hidden
}

body {
    min-height: 100vh
}

img {
    max-width: 100%
}

ul, dl, li, dt, dd, em {
    font-style: normal;
    list-style: none
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

pre {
    font-family: NotoSansHans;
    white-space: pre-wrap;
    word-wrap: break-word
}

a {
    text-decoration: none;
    -webkit-transition: ease .65s;
    transition: ease .65s;
    color: #000;
    outline: none
}

input[type=text], input[type=password], input[type=search], input[type=number], textarea, select {
    font-size: inherit;
    outline: none;
    font-family: NotoSansHans;
    border-radius: 0;
    border: none;
    background: none;
    -webkit-transition: ease .45s;
    transition: ease .45s;
    outline: none
}

select::-ms-expand {
    display: none
}

select:focus {
    outline: none
}

input::-webkit-input-placeholder {
    color: #7b7b7b
}

input:-moz-placeholder {
    color: #7b7b7b
}

input::-moz-placeholder {
    color: #7b7b7b
}

input:-ms-input-placeholder {
    color: #7b7b7b
}

.z_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.z_flex_ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.fl, .flwarp {
    float: left
}

.fr, .frwarp {
    float: right
}

.textleft {
    text-align: left
}

.textcenter {
    text-align: center
}

.textright {
    text-align: right
}

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

.ml {
    margin-left: auto
}

.imgbox {
    overflow: hidden
}

.beforecon, .z_pro_pop .go::before, .z_conatct_map .go::before, .z_js_list .list em::before, .z_js_list .slg::before, .z_js_list .item::after, .z_js_list .item::before, .z_process_swiper li::before, .z_index_brand .z_brand_nav .swiper-slide::before, .z_series_swiper .z_series_list li::before, .z_banner_warp::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-button:vertical {
    display: none
}

::-webkit-scrollbar-track:vertical {
    background-color: #000
}

::-webkit-scrollbar-track-piece {
    background: #e3e3e3
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #555;
    border-radius: 30px
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #F0871A
}

::-webkit-scrollbar-corner:vertical {
    background-color: #535353
}

::-webkit-scrollbar-resizer:vertical {
    background-color: #ff6e00
}

::-webkit-scrollbar-track-piece {
    background: #eee
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #F0871A
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	align-items:center;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active {
    pointer-events: auto;
    z-index: 3
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active {
    pointer-events: auto;
    z-index: 3
}

.swiper-fade .swiper-slide {
    opacity: 0 !important
}

.swiper-fade .swiper-slide-active {
    opacity: 1 !important
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-grid-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-grid > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.imgbg {
    width: 100%;
    height: 100%;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.imgbgs {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.lazy {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: bottom center;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    background-attachment: fixed
}

#zCode {
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -110px;
    margin-top: -122.5px;
    position: fixed;
    background: #fff;
    height: 245px;
    width: 220px;
    z-index: 3000;
    border-radius: 5px;
    border: 6px solid #7f7f7f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#zCode > h2 {
    color: #666;
    background: #f2f2f2;
    height: 24px;
    line-height: 24px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 14px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#zCode > h2 > i {
    cursor: pointer;
    float: right;
    width: 24px;
    height: 24px;
    text-align: center
}

#zCode > .ewm {
    width: 100%;
    height: 208px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#zCode > .ewm canvas {
    width: 100%;
    height: 100%;
    top: auto;
    left: auto;
    position: relative
}

.z_video_pop {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999 !important
}

.z_video_pop .warp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100vh
}

.z_video_pop .warp .close_btn {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    cursor: pointer
}

.z_video_pop .warp .close_btn .iconfont {
    font-size: 18px
}

.z_video_pop .warp #videopop {
    width: 100%;
    max-height: 100%
}

.rebox {
    cursor: pointer;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-filter: none !important;
    background: #000;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, .6)
}

.rebox * {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.rebox-contents {
    position: absolute;
    top: 5%;
    left: 5%;
    text-align: center;
    width: 90%;
    height: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rebox-contents .rebox-content {
    border-radius: 1px;
    max-width: 100%;
    max-height: 100%
}

.rebox-loading {
    width: 31px;
    height: 31px;
    margin: -16px 0 0 -16px;
    position: absolute;
    top: 48%;
    left: 50%
}

.rebox-caption {
    display: none;
    opacity: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
    background: #000;
    background: rgba(0, 0, 0, .7)
}

.rebox-caption p {
    margin: 0 auto;
    max-width: 70%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 18px
}

.rebox-button {
    position: absolute;
    z-index: 9999;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    background: #000;
    text-decoration: none;
    font-size: 24px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 32px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.rebox-button:hover, .rebox-button:focus {
    opacity: 1;
    background: #bf2e2e
}

.rebox-close {
    right: 10px;
    top: 10px;
    font-size: 30px
}

.rebox-next {
    right: 10px;
    top: 48%
}

.rebox-prev {
    left: 10px;
    top: 48%
}

.rebox-loading {
    left: 50%;
    top: 48%;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.z_menu_btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    z-index: 11;
    margin-left: auto
}

.z_menu_btn span {
    display: block;
    -webkit-transition: ease .6s;
    transition: ease .6s;
    width: 24px;
    height: 2px;
    background:var(--color-dominant);
    margin: 5px 0
}

.z_menu_btn .line2 {
    margin: 4px 0
}

.z_menu_btn .line1, .z_menu_btn .line2 {
    margin-left: auto
}

.z_menu_btn.on .line1 {
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg)
}

.z_menu_btn.on .line2 {
    opacity: 0
}

.z_menu_btn.on .line3 {
    -webkit-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg)
}
.swiper-num{
    display: block;
}
.swiper_dot{
    display: block;
}




@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

.z_section {
    padding: 5.7291666667vw 5.2083333333vw
}

.z_flex_warp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 980px) {
    .z_m_box {
        display: block !important;
        padding: 40px 12px !important
    }

    .z_section {
        padding: 35px 12px !important
    }

    .z_flex_warp {
        display: block
    }

    .lazy {
        background-attachment: inherit
    }
}

.lenis.lenis-smooth [data-lenis-prevent] {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.z_video_swiper {
    position: relative
}

.z_video_swiper .video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    width: auto;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    position: relative
}

body.fixed .z_fixed_form {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
}

.z_load_warp {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0%;
    position: fixed;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff
}

.z_load_warp .video {
    -o-object-fit: fill;
    object-fit: fill;
    min-width: 100%;
    min-height: 100%
}

.z_header_warp {
    position: relative;
    z-index: 9
}

.z_header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 999;
    padding-left: 8.6875vw;
    padding-right: 8.6875vw;
    height: 5.7291666667vw;
    color: #fff;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

@media screen and (max-width: 980px) {
    .z_header {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_header {
        height: 55px
    }
}

.z_header.on .z_logo .img2, .z_header.on2 .z_logo .img2, .z_header.fixed .z_logo .img2 {
    opacity: 1
}

.z_header.on .z_logo .img1, .z_header.on2 .z_logo .img1, .z_header.fixed .z_logo .img1 {
    opacity: 0
}

.z_header.on .z_header_nav li a, .z_header.on2 .z_header_nav li a, .z_header.fixed .z_header_nav li a {
    color: #5d5d5d
}

.z_header.on .z_search .sou, .z_header.on2 .z_search .sou, .z_header.fixed .z_search .sou {
    color: #5d5d5d
}

.z_header.on2 {
    background: #fff
}

.z_header a {
    color: rgba(51, 51, 51, 1)
}

.z_header .z_header_nav_fff a{
	color:#fff;
}
.z_header .z_logo {
    position: relative;
    z-index: 2
}
.z_header .z_header_nav  .active  a{
	color:rgba(240, 135, 26, 1) !important;
}
.z_header .z_header_nav_fff  .active  a{
	color:rgba(240, 135, 26, 1) !important;
}

.z_header .z_logo img {
    display: block;
    height: 3.125vw;
    -webkit-transition: ease .7s;
    transition: ease .7s
}

@media screen and (max-width: 980px) {
    .z_header .z_logo img {
        height: 38px
    }
}

.z_header .z_logo .img2 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.z_header .frbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 2
}

.z_header .z_header_nav {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center
}

.z_header .z_header_nav li {
    display: inline-block;
    margin: 0 1.5625vw;
    position: relative
}

.z_header .z_header_nav .one {
    font-size: .8333333333vw;
    line-height: 2.6041666667vw;
    display: block
}

@media screen and (max-width: 1680px) {
    .z_header .z_header_nav .one {
        font-size: 1.0083333333vw;
        font-size: 1.0666666667vw
    }
}

@media screen and (max-width: 980px) {
    .z_header .z_header_nav .one {
        font-size: 16px
    }
}

@media screen and (max-width: 980px) {
    .z_header .z_header_nav .one {
        line-height: 40px
    }
}

.z_header .z_header_nav .downnav {
    position: absolute;
    left: 0;
    top: 100%;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    padding-bottom: 3vw
}

.z_header .z_header_nav .downnav a {
    display: block;
    white-space: nowrap;
    line-height: 28px;
    color: #080a0a;
    opacity: .7
}

.z_header .z_header_nav .downnav.on {
    opacity: 1;
    visibility: visible;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

.z_header .z_header_nav a:hover {
    color: #f0871a !important
}

.z_header .z_search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.z_header .z_search .sou {
    font-size: .8333333333vw
}

@media screen and (max-width: 1680px) {
    .z_header .z_search .sou {
        font-size: 1.0083333333vw;
        font-size: 1.0666666667vw
    }
}

@media screen and (max-width: 980px) {
    .z_header .z_search .sou {
        font-size: 14px
    }

}

.z_header .z_search:hover .text {
    width: 150px;
    color: #fff;
    padding-right: 20px
}

.z_header .search_box {
    height: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: rgba(240, 135, 26, 1);
    border-radius: 17px;
    align-items: center;
    cursor: pointer;
    margin-right: 12px;
    padding: 0 10px;
    color: #fff
}
.search-img{
    width: 18px;
    height: 18px;
    margin-right: 10px;
}
.z_header .search_box .text {
    width: 0
}

.z_header .z_menu_btn {
    display: none
}

@media screen and (max-width: 980px) {
    .z_header {
        background: #fff !important;
        border-bottom: 1px solid #ccc
    }

    .z_header .z_search {
        display: none
    }

    .z_header .z_logo .img1 {
        opacity: 0
    }

    .z_header .z_logo .img2 {
        opacity: 1
    }

    .z_header .z_menu_btn {
        display: block
    }

    .z_header .z_header_nav {
        position: fixed;
        left: 0;
        top: 55px;
        height: calc(100vh - 55px);
        background: #fff;
        z-index: 99;
        width: 100%;
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
        -webkit-transition: ease 1s;
        transition: ease 1s;
        text-align: center;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .z_header .z_header_nav.on {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .z_header .z_header_nav ul {
        width: 100%;
        height: 100%;
        text-align: left;
        box-sizing: border-box;
        padding-left: 30px;
    }
    .z_header .z_header_nav li {
        display: block;
        margin-bottom: 20px
    }

    .z_header .z_header_nav a {
        color: #333
    }

    .z_header .z_header_nav .downnav {
        position: relative;
        opacity: 1;
        visibility: visible;
        text-align: center
    }

    .z_header .z_header_nav .downnav a {
        display: inline-block;
        margin-right: 10px
    }
}

.z_menu_mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: url(/statics/my/css/"/statics/my/images/bg1.jpg" ) no-repeat center;
    background-size: cover;
    z-index: 8;
    height: 350px;
    display: none
}

.z_banner_warp {
    position: relative;
    height: 100vh;
    margin-top: 0vw
}

@media screen and (max-width: 980px) {
    .z_banner_warp {
        height: 70vw
    }
}

@media screen and (max-width: 980px) {
    .z_banner_warp {
        margin-top: 55px
    }
}

/*.z_banner_warp::before {*/
/*    top: 1px;*/
/*    background: url("/statics/my/images/hx.png") no-repeat bottom center;*/
/*    z-index: 2;*/
/*    background-size: auto 30px;*/
/*    left: -30%;*/
/*    content: 'v';*/
/*    pointer-events: none*/
/*}*/
.z_about_warp{
    position: relative;
}
/*.z_about_warp::before{*/
/*    top: 1px;*/
/*    background: url("/statics/my/images/hx.png") no-repeat bottom center;*/
/*    z-index: 2;*/
/*    background-size: auto 30px;*/
/*    left: 50%;*/
/*    transform: translate(-50%,0);*/
/*    content: '';*/
/*    pointer-events: none*/
/*}*/
.scroll-down{
    bottom: 0;
    background: url("/statics/my/images/hx.png") no-repeat bottom center;
    z-index:1;
    background-size: auto 30px;
    left: 50%;
    transform: translate(-50%,0);
    width: 187px;
    height: 30px;
    position: absolute;
    cursor: pointer;
}
/*.z_banner_warp.on::before {*/
/*    background: url("/statics/my/images/hx3.png") no-repeat bottom center;*/
/*    background-size: auto 30px*/
/*}*/
.l-color666{
    color: #666;
}
.z_banner_warp .moverbar {
    position: absolute
}

.z_banner_warp .swiper_dot {
    position: absolute;
    right: 60px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 100px
}

.z_banner_warp .swiper_dot span {
    display: inline-block;
    width: 50px;
    border-radius: 100%;
    -webkit-transition: ease .5s;
    transition: ease .5s;
    cursor: pointer;
    margin: 0 2px
}

.z_banner_warp .swiper_dot span.on {
    opacity: .2
}

.z_banner_warp .sb {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -15px;
    z-index: 2
}

.z_banner_warp .sb img {
    display: block;
    height: 1.9791666667vw
}
.swiper-pagination-separator{
    display: none !important;
}
.swiper-num .swiper-pagination-current{
    position: absolute;
    top: -100px;
    right: 0;
}
/* .swiper-num .swiper-pagination-bullet{
    width: 20px;
    height: 2px;
    background: #f0871a;
    opacity: 0.5;
}
.swiper-num .swiper-pagination-bullet-active{
    opacity:1;
} */
@media screen and (max-width: 980px) {
    .z_banner_warp .sb img {
        height: 28px
    }
}

@media screen and (max-width: 980px) {
    .z_banner_warp .swiper_dot span {
        width: 10px;
        height: 6px;
        margin: 0 1px
    }

    .z_banner_warp .sb {
        bottom: 0
    }
}

.z_page {
    background:url(/statics/my/css/"/statics/my/images/bg1.jpg") center top no-repeat #fff;
	background-size: contain;
	z-index: 2;
    position: relative;
}
.z-about-bg{
    background: url(/statics/my/images/bg5.jpg) center top no-repeat;
    background-size: contain;
}
#menu {
    height: 100vw;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    width: 300px;
    top: calc(50% + 400px)
}

#menu #blob {
    top: 0;
    z-index: -1;
    right: 0;
    height: 100vw;
    position: absolute
}

#menu #blob-path {
    height: 100%;
    fill: #fff
}

@media screen and (max-width: 980px) {
    #menu {
        display: none
    }
}

.z_banner {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    background:none;
    position: relative
}

.z_banner li {
    overflow: hidden
}

.z_banner li .imgbg {
    z-index: 1
}

.z_banner li.swiper-slide-active .z_text {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.z_banner .z_text {
    position: absolute;
    left: 0;
    bottom: 0%;
    bottom: 6.25vw;
    width: 100%;
    z-index: 2;
    text-align: center;
    color: #fff;
    -webkit-transition: ease 1.5s;
    transition: ease 1.5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0
}

.z_banner .z_text .tit {
    font-size: 3.125vw;
    font-weight: bold;
    letter-spacing: 3px
}
.right-tit{
    font-size: 1.875vw;
    font-weight: 500;
    letter-spacing: 3px;
    padding: 1vw 0 1vw;
    color: #121212;
}
@media screen and (max-width: 980px) {
    .z_banner .z_text .tit {
        font-size: 20px
    }
    .right-tit{
        font-size: 20px;
    }
}

.z_banner .z_text .desc {
    font-size: 1.25vw;
    letter-spacing: 5px;
    margin-top: .5208333333vw
}

@media screen and (max-width: 980px) {
    .z_banner .z_text .desc {
        font-size: 14px
    }
}

@media screen and (max-width: 980px) {
    .z_banner .z_text .desc {
        margin-top: 4px
    }
}

@media screen and (max-width: 980px) {
    .z_banner .z_text {
        bottom: auto;
        top: 38%
    }

    .z_banner .swiper_dot span {
        width: 10px;
        height: 6px;
        margin: 0 1px
    }
}

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

@media screen and (max-width: 980px) {
    .z_scroll_banner {
        position: relative
    }
}

.z_index_about {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    padding-left: 11.9583333333vw;
    padding-right: 11.4583333333vw;
    margin: 0 auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (max-width: 980px) {
    .z_index_about {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

@media screen and (max-width: 980px) {
    .z_index_about {
        padding-left: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_index_about {
        padding-right: 12px
    }
}

.z_index_about .flbox {
    width: 35.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_index_about .flbox {
        width: 100%
    }
}

.z_index_about .flbox .desc {
    font-size: .9375vw;
    font-weight: 400;
    color: #3b3b3b;
    line-height: 1.25vw;
    font-weight: light;
    margin-top: 1.0416666667vw
}

@media screen and (max-width: 1680px) {
    .z_index_about .flbox .desc {
        font-size: 1.134375vw
    }
}

@media screen and (max-width: 980px) {
    .z_index_about .flbox .desc {
        font-size: 14px
    }
}

@media screen and (max-width: 1680px) {
    .z_index_about .flbox .desc {
        line-height: 1.45vw
    }
}

@media screen and (max-width: 980px) {
    .z_index_about .flbox .desc {
        line-height: 22px
    }
}

@media screen and (max-width: 980px) {
    .z_index_about .flbox .desc {
        margin-top: 15px
    }
}

.z_index_about .z_about_num {
    margin-top: 5.2083333333vw
}

@media screen and (max-width: 980px) {
    .z_index_about .z_about_num {
        margin-top: 20px;
        text-align: center;
    }
}

.z_index_about .z_about_num h3 {
    color: rgba(240, 135, 26, 1);
    font-size: .9375vw
}

@media screen and (max-width: 1680px) {
    .z_index_about .z_about_num h3 {
        font-size: 1.134375vw
    }
}

@media screen and (max-width: 980px) {
    .z_index_about .z_about_num h3 {
        font-size: 14px
    }
}

.z_index_about .z_about_num em {
    font-size: 3.125vw;
    font-family: DIN;
    display: inline-block;
    margin-right: .5208333333vw
}

@media screen and (max-width: 980px) {
    .z_index_about .z_about_num em {
        font-size: 26px
    }
}

@media screen and (max-width: 980px) {
    .z_index_about .z_about_num em {
        margin-right: 6px
    }
}

.z_index_about .z_about_num h4 {
    font-size: 1.0416666667vw;
    color: rgba(102, 102, 102, 1)
}

@media screen and (max-width: 980px) {
    .z_index_about .z_about_num h4 {
        font-size: 14px
    }
}

.z_index_about .z_about_num li {
    margin-top: 2.6041666667vw;
	position: relative;
}
.z_about_num .z-sp .z-bf{
position: relative;
}
.z_about_num .z-sp .z-bf:before{
content:'';
position:absolute;
z-index:1;
right:-26px;
width:3px;
height:15px;
top:2.4479vw;
background:rgba(240, 135, 26, 0.5);
}
@media screen and (max-width: 980px) {
    .z_index_about .z_about_num li {
        margin-top: 20px
    }
}

.z_index_about .z_about_num li:last-child {
    margin-bottom: 0
}

.z_index_about .frbox {
    margin-left: auto;
    width: 34.8958333333vw;
    height: 20.8333333333vw;
    margin-top: 0vw;
    position: relative;
    border-radius: 2.6041666667vw;
    overflow: hidden;
    position: relative
}
.z_index_about .frbox:hover .imgbg {
    transform: scale(1.2);
    position: relative;
}

.z_index_about .frbox {
    margin-left: auto;
    width: 34.8958333333vw;
    height: 20.8333333333vw;
    margin-top: 0vw;
    position: relative;
    border-radius: 2.6041666667vw;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 980px) {
    .z_index_about .frbox {
        width: 100%;
        height: 50vw
    }
}

@media screen and (max-width: 980px) {
    .z_index_about .frbox {
        margin-top: 30px
    }
}

.z_index_about .frbox .z_play {
    position: absolute;
    right: 0;
    bottom: 0%;
    right: 5px;
    bottom: 5px;
    cursor: pointer
}

.z_index_about .frbox .z_play img {
    display: block
}

.z_index_tit .tit {
    font-size: 2.1875vw;
    line-height: 2.1875vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 1.0416666667vw;
    width: 100%;
    justify-content: flex-start;
    color: #333;
}

@media screen and (max-width: 980px) {
    .z_index_tit .tit {
        font-size: 22px
    }
}

@media screen and (max-width: 980px) {
    .z_index_tit .tit {
        line-height: 22px
    }
}

@media screen and (max-width: 980px) {
    .z_index_tit .tit {
        margin-bottom: 10px
    }
}

.z_index_tit .iconfont {
    width: 30px;
    height: 30px;
    background: #137439;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: .625vw;
    margin-left: .5208333333vw
}

@media screen and (max-width: 980px) {
    .z_index_tit .iconfont {
        width: 24px;
        height: 24px
    }
}

@media screen and (max-width: 1680px) {
    .z_index_tit .iconfont {
        font-size: .75625vw;
        font-size: .8vw
    }
}

@media screen and (max-width: 980px) {
    .z_index_tit .iconfont {
        font-size: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_index_tit .iconfont {
        margin-left: 6px
    }
}

.z_index_tit .slg {
    font-size: 0.833333vw;
    line-height: 1.875vw;
    color: #666;
	font-weight:600;
}

@media screen and (max-width: 980px) {
    .z_index_tit .slg {
        font-size: 16px
    }
}

@media screen and (max-width: 980px) {
    .z_index_tit .slg {
        line-height: 22px
    }
}

.z_index_ys {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-left: 7.2916666667vw;
    padding-right: 7.2916666667vw;
    padding-top: 6.25vw;
    padding-bottom: 6.25vw
}

@media screen and (max-width: 980px) {
    .z_index_ys {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_index_ys {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.z_index_ys .z_index_tit {
    text-align: center;
    margin-bottom: 6.7708333333vw
}

@media screen and (max-width: 980px) {
    .z_index_ys .z_index_tit {
        padding-left: 0px
    }
}

@media screen and (max-width: 980px) {
    .z_index_ys .z_index_tit {
        margin-bottom: 40px
    }
}

.z_ys_swiper ul {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    justify-content: center;
}

.z_ys_swiper li {
    height: 22.3958333333vw;
    position: relative
}

@media screen and (max-width: 980px) {
    .z_ys_swiper li {
        height: auto
    }
}

.z_ys_swiper li a {
    display: block;
    height: 100%
}

.z_ys_swiper li.active .topbox {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1
}

.z_ys_swiper li.active .btmbox {
    padding-top: 1.3020833333vw;
    border-radius: 1.5625vw 1.5625vw 9.2916666667vw 9.2916666667vw;
    background: #fff
}
.desc-img{
    background: url(/statics/my/images/ri.png) center no-repeat;
    background-size: cover;
    width: var(--size-30);
    height: var(--size-30);
    display: block;
    margin: 0 auto;
}
.z_ys_swiper li.active .desc-img{
    background: url(/statics/my/images/ri_1.png) center no-repeat;
    background-size: cover;
}
@media screen and (max-width: 980px) {
    .z_ys_swiper li.active .btmbox {
        padding-top: 20px
    }
}

.z_ys_swiper li.active .btmbox .ico {
    height: 0;
    overflow: hidden
}

.z_ys_swiper li.active .btmbox .dot {
    opacity: 1;
    margin-top: 1.0416666667vw;
    background: url("/statics/my/images/dot.png") no-repeat center;
}

.z_ys_swiper li.active .btmbox {
    background: #FEEEDF;
    color: #333;


}
.z_ys_swiper li.active .desc {
    color: #333;
}
.z_ys_swiper li.active .tit{
    color: #333;
}
.z_ys_swiper li.active .btmbox .z_arr {
    background: #f0871a;
    color: #fff;
}
@media screen and (max-width: 980px) {
    .z_ys_swiper li.active .btmbox .dot {
        margin-top: 10px
    }
}

.z_ys_swiper .topbox {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 11.9791666667vw;
    background: #FEEEDF;
    border-radius: 9.2916666667vw 9.2916666667vw 0 0;
    overflow: hidden;
    padding-bottom: 2.6041666667vw;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    margin-bottom: -2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_ys_swiper .topbox {
        height: 0
    }
}

.z_ys_swiper .topbox .imgbg {
    position: absolute;
    left: 0;
    top: 0%;
    opacity: .7;
    z-index: -1;
    mix-blend-mode: multiply
}

.z_ys_swiper .ico {
    height: 3.75vw;
    -webkit-transition: ease .8s;
    transition: ease .8s
}

@media screen and (max-width: 980px) {
    .z_ys_swiper .ico {
        height: 36px
    }
}

.z_ys_swiper .ico img {
    display: block;
    height: 100%;
    margin: 0 auto
}

.z_ys_swiper .btmbox {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    background:#F0871A;
    border-radius: 2.6041666667vw 2.6041666667vw 9.2916666667vw 9.2916666667vw;
    padding-top: 2.0833333333vw;
    padding-bottom: 2.0833333333vw;
    text-align: center
}

@media screen and (max-width: 980px) {
    .z_ys_swiper .btmbox {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.z_ys_swiper .btmbox .ico {
    margin-bottom: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_ys_swiper .btmbox .ico {
        margin-bottom: 10px
    }
}

.z_ys_swiper .btmbox .tit {
    font-size: 1.5625vw;
    line-height: 1.5625vw;
    color: #fff;
}

@media screen and (max-width: 980px) {
    .z_ys_swiper .btmbox .tit {
        font-size: 16px
    }
}

@media screen and (max-width: 1680px) {
    .z_ys_swiper .btmbox .tit {
        line-height: 1.8125vw
    }
}

@media screen and (max-width: 980px) {
    .z_ys_swiper .btmbox .tit {
        line-height: 20px
    }
}

.z_ys_swiper .btmbox .dot {
    width: 70%;
    margin: 1.0416666667vw auto auto auto;
    height: 1px;
    background: url("/statics/my/images/dot-a.png") no-repeat center;
    background-size: auto 100%;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    overflow: hidden;
}

.z_ys_swiper .btmbox .desc {
    color: #fff;
    min-height: 2.5vw;
    margin-bottom: 1.25vw;
    margin-top: .78125vw;
    font-size: .78125vw;
    line-height: 1.25vw;
    padding: 0 2.083333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media screen and (max-width: 980px) {
    .z_ys_swiper .btmbox .desc {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 980px) {
    .z_ys_swiper .btmbox .desc {
        margin-top: 10px
    }
}

@media screen and (max-width: 1680px) {
    .z_ys_swiper .btmbox .desc {
        font-size: .9453125vw;
        font-size: 1vw
    }
}

@media screen and (max-width: 980px) {
    .z_ys_swiper .btmbox .desc {
        font-size: 14px
    }
}

@media screen and (max-width: 1680px) {
    .z_ys_swiper .btmbox .desc {
        line-height: 1.45vw
    }
}

@media screen and (max-width: 980px) {
    .z_ys_swiper .btmbox .desc {
        line-height: 24px
    }
}

.z_ys_swiper .btmbox .z_arr {
    margin: 0 auto
}

@media screen and (max-width: 980px) {
    .z_ys_swiper .topbox {
        display: none
    }

    .z_ys_swiper .btmbox {
        position: relative;
        border-radius: 10px
    }

    .z_ys_swiper li .dot {
        display: none
    }

    .z_ys_swiper li.active .btmbox {
        border-radius: 10px;
    }

    .z_ys_swiper li.active .btmbox .ico {
        height: 36px
    }
}

.z_arr {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #f0871a;
    font-size: 12px;
    margin-left: .5208333333vw;
    cursor: pointer
}

@media screen and (max-width: 980px) {
    .z_arr {
        width: 24px;
        height: 24px
    }
}

@media screen and (max-width: 980px) {
    .z_arr {
        margin-left: 6px
    }
}

.z_arr .iconfont {
    font-size: 12px
}

.z_index_pro {
    position: relative;
    overflow: hidden
}

.z_index_pro .go {
    width: 43px;
    height: 100%;
    background: url("/statics/my/images/hx2.png") no-repeat center;
    background-size: 100% auto;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0%
}

.z_series_nav {
    width: 34.375vw;
    height: 34.375vw;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -13.4166666667vw;
    z-index: 3;
    background: url("/statics/my/images/cir.png") no-repeat center;
    background-size: 100% 100%;
}

.z_series_nav .item {
    cursor: pointer;
    position: absolute;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

.z_series_nav .item.active {
    opacity: 1;
}

.z_series_nav .item.active .nava {
    opacity: 1
}

.z_series_nav .item0 {
    left: 11%;
    top: 7%
}

.z_series_nav .item1 {
    left: 2%;
    top: 24%
}

.z_series_nav .item2 {
    left: -3%;
    top: 45%
}

.z_series_nav .item3 {
    left: 2%;
    top: 67%
}

.z_series_nav .item4 {
    left: 17%;
    top: 86%
}

.z_series_nav .titbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #F0871A;
}
.z_series_nav .titbar .tt{
    color: #F0871A;
    opacity: 0.8;
    font-size: 22px;

}
.z_series_nav .titbar .tt:hover{
    font-weight: bold;
    opacity: 1;
    font-size: 24px;
}
.z_series_nav .item.active > .titbar .tt {
    font-weight: bold;
    opacity: 1;
    font-size: 24px;
}
.swiper-num{
    position: absolute;
    right: 60px;
    bottom: 100px;
    font-weight: 400;
    font-size: 52px;
    color: #F0871A;
    z-index: 99;
}
.prev{
    width: 15px;
    height: 15px;
    position: absolute;
    right:99px;
    bottom: 60px;
    border-left: 1px solid rgba(240, 135, 26, 1);
    border-bottom: 1px solid rgba(240, 135, 26, 1);
    transform: rotate(45deg);
    cursor: pointer;
    z-index: 999;
}
.next{
    width: 15px;
    height: 15px;
    position: absolute;
    right: 63px;
    bottom: 60px;
    border-left: 1px solid rgba(240, 135, 26, 1);
    border-bottom: 1px solid rgba(240, 135, 26, 1);
    transform: rotate(-145deg);
    cursor: pointer;
    z-index: 999;
}
.swiper_dot .swiper-pagination-total{
    display: none !important;
}
.z_series_nav .ico {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    border-radius: 50%;
    background: #F0871A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .5208333333vw;
    overflow: hidden
}
.z_series_nav .titbar:hover .ico{
    width: 3.33333vw;
    height: 3.33333vw;    transition:.65s ease-in-out;
}
.z_series_nav .item.active > .titbar  .ico {
    width: 3.33333vw;
    height: 3.33333vw;
    transition:.65s ease-in-out;
}
@media screen and (max-width: 980px) {
    .z_series_nav .ico {
        margin-right: 10px
    }
}

.z_series_nav .ico .iconfont {
    font-size: 1.25vw;
    -webkit-transition: ease .5s;
    transition: ease .5s
}

@media screen and (max-width: 980px) {
    .z_series_nav .ico .iconfont {
        font-size: 20px
    }
}

.z_series_nav .tt {
    font-size: 1.25vw
}

@media screen and (max-width: 980px) {
    .z_series_nav .tt {
        font-size: 16px
    }
}

.z_series_nav .nava {
    margin-left: 2.6041666667vw;
    width: 13.5416666667vw;
    opacity: 0;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

@media screen and (max-width: 980px) {
    .z_series_nav .nava {
        margin-left: 10px
    }
}

@media screen and (max-width: 980px) {
    .z_series_nav .nava {
        width: 100%
    }
}

.z_series_nav .nava .li {
    display: inline-block;
    margin-right: 1.0416666667vw;
    color: #fff
}

@media screen and (max-width: 980px) {
    .z_series_nav .nava .li {
        margin-right: 10px
    }
}

.z_series_nav .nava .li.active {
    text-decoration: underline
}

@media screen and (max-width: 980px) {
    .z_series_nav {
        display: none
    }
}

.z_series_swiper {
    height: 100vh
}

@media screen and (max-width: 980px) {
    .z_series_swiper {
        height: auto
    }
}

.z_series_swiper .itembox {
    position: relative;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    padding-left: 11.4583333333vw !important;
    padding-right: 11.4583333333vw !important;
    color: #333333
}

@media screen and (max-width: 980px) {
    .z_series_swiper .itembox {
        padding-left: 12px;
        padding-right: 12px
    }
}

.z_series_swiper .cir {
    width: 72.9166666667vw;
    height: 72.9166666667vw;
    border-radius: 50%;
    border: 14.625vw solid rgba(0, 0, 0, 0);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -33.1666666667vw;
    z-index: -1
}

.z_series_swiper .cir2 {
    width: 7.2916666667vw;
    height: 7.2916666667vw;
    border-radius: 50%;
    position: absolute;
    left: 4.1666666667vw;
    top: 8.8541666667vw;
    z-index: -1
}
.l-container {
    width: 1630px;
    width: clamp(800px, 84.89583333333334vw, 1630px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    padding-left: 15px;
    padding-right: 15px;
}
@media screen and (max-width: 980px) {
    .z_series_swiper .cir2 {
        width: 10px;
        height: 10px
    }
}

.z_series_swiper .flbox {
    width: 23.0416666667vw;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 980px) {
    .z_series_swiper .flbox {
        width: 100%;
		padding-top:20px;
    }
	.z_index_pro .go{
		display:none;
	}
}

.z_series_swiper .frbox {
    width: 40.8333333333vw
}

@media screen and (max-width: 980px) {
    .z_series_swiper .frbox {
        width: 70%
    }
}

.z_series_swiper .frbox li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.z_series_swiper .frbox img {
    display: block;
    max-width: 80%;
    -webkit-transform: rotate(10deg) scale(0.2, 0.2);
    transform: rotate(10deg) scale(0.2, 0.2);
    opacity: 0;
    -webkit-transition: ease 1.5s;
    transition: ease 1.5s
}

.z_series_swiper .frbox .swiper-slide-active img {
    -webkit-transform: rotate(-30deg) scale(0.8, 0.8);
    transform: rotate(-30deg) scale(0.8, 0.8);
    opacity: 1
}

.z_series_swiper .titbar {
    font-size: 2.6041666667vw;
    line-height: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_series_swiper .titbar {
        font-size: 20px
    }
}

@media screen and (max-width: 980px) {
    .z_series_swiper .titbar {
        line-height: 20px
    }
}

.z_series_swiper .desc {
    font-size: 1.25vw;
    line-height: 1.5625vw;
    margin-top: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_series_swiper .desc {
        font-size: 14px
    }
}

@media screen and (max-width: 1680px) {
    .z_series_swiper .desc {
        line-height: 1.8125vw
    }
}

@media screen and (max-width: 980px) {
    .z_series_swiper .desc {
        line-height: 20px
    }
}

@media screen and (max-width: 980px) {
    .z_series_swiper .desc {
        margin-top: 15px
    }
}

.z_series_swiper .z_series_list {
    margin-top: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_series_swiper .z_series_list {
        margin-top: 20px
    }
}

.z_series_swiper .z_series_list .tt {
    font-size: .9375vw;
    margin-bottom: 1.0416666667vw
}

@media screen and (max-width: 1680px) {
    .z_series_swiper .z_series_list .tt {
        font-size: 1.134375vw
    }
}

@media screen and (max-width: 980px) {
    .z_series_swiper .z_series_list .tt {
        font-size: 16px
    }
}

@media screen and (max-width: 980px) {
    .z_series_swiper .z_series_list .tt {
        margin-bottom: 15px
    }
}

.z_series_swiper .z_series_list ul {
    /*background: #fff;*/
    border-radius: 1.9791666667vw;
    display: inline-block;
    padding: 8px
}

.z_series_swiper .z_series_list li {
    display: inline-block;
    background:#FBD0A7;
    border-radius: 50%;
    margin: 0 2px;
    width: 2.9166666667vw;
    height: 2.9166666667vw;
    overflow: hidden;
    cursor: pointer;
    position: relative
}
.z_series_swiper .z_series_list li .imgbg:hover{
 transform: scale(0.8);
}
@media screen and (max-width: 980px) {
    .z_series_swiper .z_series_list li {
        width: 40px;
        height: 40px
    }
}

.z_series_swiper .z_series_list li .imgbg {
    -webkit-transform: translateY(20%);
    transform: translateY(20%)
}

.z_series_swiper .z_series_list li::before {
    border: 2px solid #F0871A;
    opacity: 0;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    pointer-events: none;
    z-index: 1;
    border-radius: 50%
}

.z_series_swiper .z_series_list li.active::before {
    opacity: 1
}
.z_series_swiper .z_series_list li:hover::before{
    opacity: 1
}
.more-img{
    width: var(--size-30);
    height: var(--size-30);
    margin-left: var(--size-10);
    animation: moveRight 0.5s ease infinite alternate;
}
@keyframes moveRight {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(5px);
    }
}
.more-btn{
    transition: transform 0.3s ease;
    cursor: pointer;
}
.more-btn:hover {
    transform: translateX(5px);
}
.more-btn em{
    position: relative;
}
.more-btn em:after{
    position: absolute;
    content: '';
    width: var(--size-40);
    height: var(--size-40);
    border: 1px solid #eee;
    top: -10px;
    left: -10px;
    border-radius: 50%;
}
@media screen and (max-width: 980px) {
    .z_series_swiper .itembox {
        display: block;
        padding: 40px 12px;
        /*min-height: 139vw*/
    }

    .z_series_swiper .cir2 {
        top: 10px;
        left: 10px;
        display: none
    }

    .z_series_swiper .z_series_list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        /* background: rgba(255, 255, 255, .6) */
    }

    .z_series_swiper .frbox {
        margin: 0 auto;
        margin-top: 30px;
		padding-bottom:30px;
    }

    .z_series_swiper .swiper_dot {
        position: absolute;
        left: 0;
        bottom: 30px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 2
    }

    .z_series_swiper .swiper_dot span {
        display: inline-block;
        margin: 0 2px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background:#f0871a;
        opacity: .5
    }

    .z_series_swiper .swiper_dot span.on {
        opacity: 1
    }
}

.z_index_ecology {
    position: relative;
    padding-top: 7.2916666667vw;
    padding-bottom: 7.2916666667vw;
    padding-left: 11.4583333333vw;
    padding-right: 11.4583333333vw;
    padding-bottom: 0
}

@media screen and (max-width: 980px) {
    .z_index_ecology {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 980px) {
    .z_index_ecology {
        padding-left: 12px;
        padding-right: 12px
    }
}

.z_index_ecology .z_index_tit {
    position: absolute;
    left: 11.4583333333vw;
    top: 7.8125vw
}

.z_index_ecology .warp {
    margin-left: auto;
    width: 52.0833333333vw;
    position: relative
}

@media screen and (max-width: 980px) {
    .z_index_ecology .warp {
        width: 90%
    }
}

.z_index_ecology .warp .bg {
    display: block
}

.z_index_ecology .slgbox {
    width: 22.9166666667vw;
    height: 22.9166666667vw;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #137439;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 23%
}

@media screen and (max-width: 980px) {
    .z_index_ecology .slgbox {
        width: 120px;
        height: 120px
    }
}

.z_index_ecology .slgbox .imgbg {
    position: absolute;
    left: 0;
    top: 0%;
    z-index: -1;
    mix-blend-mode: multiply
}

.z_index_ecology .slgbox img {
    display: block;
    width: 9.8958333333vw
}

@media screen and (max-width: 980px) {
    .z_index_ecology .slgbox img {
        width: 50px
    }
}

.z_index_ecology li {
    width: 13.5416666667vw;
    height: 13.5416666667vw;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 0 1.0416666667vw;
    position: absolute;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

@media screen and (max-width: 980px) {
    .z_index_ecology li {
        width: 80px;
        height: 80px
    }
}

.z_index_ecology li:nth-child(1) {
    background: #f04d22;
    -webkit-clip-path: circle(32% at 50% 50%);
    clip-path: circle(32% at 50% 50%);
    left: 6%;
    top: 28%
}

.z_index_ecology li:nth-child(2) {
    background: #db002a;
    -webkit-clip-path: circle(34% at 50% 50%);
    clip-path: circle(34% at 50% 50%);
    left: 29%;
    top: 50%
}

.z_index_ecology li:nth-child(3) {
    background: #09a94c;
    -webkit-clip-path: circle(36% at 50% 50%);
    clip-path: circle(36% at 50% 50%);
    left: -10%;
    top: 55%
}

.z_index_ecology li.active {
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%)
}

.z_index_ecology li.active .con {
    max-height: 200px
}

.z_index_ecology li .con {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

.z_index_ecology li .slg {
    height: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_index_ecology li .slg {
        height: 30px
    }
}

.z_index_ecology li .slg img {
    display: block;
    max-height: 100%;
    margin: 0 auto
}

.z_index_ecology li .tit {
    font-size: 1.0416666667vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #fff
}

@media screen and (max-width: 980px) {
    .z_index_ecology li .tit {
        font-size: 16px
    }
}

.z_index_ecology li .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #fff;
    margin-bottom: .5208333333vw
}

@media screen and (max-width: 980px) {
    .z_index_ecology li .desc {
        margin-bottom: 10px
    }
}

.z_index_ecology li .z_arr {
    margin: 0 auto;
    background: #eee;
    color: #137439;
    font-weight: bold
}

.z_index_ecology .dot {
    position: absolute;
    border-radius: 50%;
    -webkit-transform-origin: 30% 30px;
    transform-origin: 30% 30px
}

.z_index_ecology .dot.dot1 {
    width: 13px;
    height: 13px;
    background: #ffba00;
    left: 20%;
    top: 20%;
    -webkit-animation: spin-reverse 8s infinite linear;
    animation: spin-reverse 8s infinite linear
}

.z_index_ecology .dot.dot2 {
    width: 11px;
    height: 11px;
    background: #d4daf5;
    border-radius: 50%;
    left: 38%;
    top: 30%;
    -webkit-animation: spin 8s infinite linear;
    animation: spin 8s infinite linear
}

.z_index_ecology .dot.dot3 {
    width: 13px;
    height: 13px;
    background: #ff7537;
    left: -10%;
    top: 40%;
    -webkit-animation: spin 8s infinite linear;
    animation: spin 8s infinite linear
}

.z_index_ecology .dot.dot4 {
    width: 22px;
    height: 22px;
    background: #c4e6eb;
    border-radius: 50%;
    left: 50%;
    top: 80%;
    -webkit-animation: spin-reverse 8s infinite linear;
    animation: spin-reverse 8s infinite linear
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes spin-reverse {
    from {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin-reverse {
    from {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@media screen and (max-width: 980px) {
    .z_index_ecology .z_index_tit {
        position: relative;
        left: auto;
        top: auto
    }

    .z_index_ecology li {
        -webkit-clip-path: circle(50% at 50% 50%) !important;
        clip-path: circle(50% at 50% 50%) !important
    }

    .z_index_ecology li .con {
        display: none
    }
}

.z_index_btmwarp {
    padding-left: 11.4583333333vw;
    padding-right: 11.4583333333vw;
    background: #f1f1f1 url("../images/dt.png") no-repeat right center;
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 980px) {
    .z_index_btmwarp {
        padding-left: 0px;
        padding-right: 0px
    }
}

.z_index_btmwarp .z_index_earth {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -21.3541666667vw;
    z-index: -1
}

.z_index_btmwarp::before {
    content: "";
    display: block;
    width: 68.2291666667vw;
    height: 68.2291666667vw;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -31.25vw;
    z-index: -1
}

@media screen and (max-width: 980px) {
    .z_index_btmwarp::before {
        display: none
    }
}

.z_index_news {
    padding-top: 7.2916666667vw;
    padding-bottom: 7.2916666667vw;
    padding-left: 0vw;
    padding-right: 0vw
}

@media screen and (max-width: 980px) {
    .z_index_news {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 980px) {
    .z_index_news {
        padding-left: 12px;
        padding-right: 12px
    }
}

.z_news_warp {
    margin-top: 4.6875vw;
    position: relative
}

@media screen and (max-width: 980px) {
    .z_news_warp {
        margin-top: 30px
    }
}

.z_news_warp .btn {
    background: #fff;
    border-radius: 50%;
    width: 3.6458333333vw;
    height: 3.6458333333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: #137439;
    z-index: 2
}

@media screen and (max-width: 980px) {
    .z_news_warp .btn {
        width: 34px;
        height: 34px
    }
}

.z_news_warp .btn .iconfont {
    font-weight: bold
}

.z_news_warp .btn:hover {
    background: #137439;
    color: #fff
}

.z_news_warp .prev {
    left: -5.2083333333vw
}

.z_news_warp .next {
    right: -5.2083333333vw
}

@media screen and (max-width: 980px) {
    .z_news_warp .prev {
        left: 0
    }

    .z_news_warp .next {
        right: 0
    }
}

.z_news_list {
    overflow: hidden
}

.z_news_list li:hover .imgbg {
    mix-blend-mode: unset;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.z_news_list li:hover .tit {
    color: #137439
}

.z_news_list.z_news_list2 li {
    width: 30.3%;
    margin-right: 4.5%;
    margin-bottom: 3.3854166667vw
}

@media screen and (max-width: 980px) {
    .z_news_list.z_news_list2 li {
        width: 100%
    }
}

@media screen and (max-width: 980px) {
    .z_news_list.z_news_list2 li {
        margin-right: 0
    }
}

@media screen and (max-width: 980px) {
    .z_news_list.z_news_list2 li {
        margin-bottom: 12px
    }
}

.z_news_list.z_news_list2 li:nth-child(3n) {
    margin-right: 0
}

.z_news_list .imgbox {
    height: 15.625vw;
    border-radius: 1.5625vw 1.5625vw 0 0;
    background: rgba(240, 135, 26, 1);
    position: relative;
    position: relative
}

@media screen and (max-width: 980px) {
    .z_news_list .imgbox {
        height: 55vw
    }
}

.z_news_list .imgbox .imgbg {
    border-radius: 1.5625vw;
    overflow: hidden;
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.z_news_list .imgbox .time {
    position: absolute;
    left: 2.0833333333vw;
    bottom: 3.125vw;
    color: #fff;
    text-align: center;
    font-family: DIN;
    z-index: 2
}

.z_news_list .imgbox .time em {
    display: block;
    font-size: 2.5vw
}

@media screen and (max-width: 980px) {
    .z_news_list .imgbox .time em {
        font-size: 20px
    }
}

.z_news_list .infobox {
    border-radius: 1.5625vw;
    position: relative;
    margin-top: -1.5625vw;
    padding: 2.0833333333vw;
    z-index: 2
}

@media screen and (max-width: 980px) {
    .z_news_list .infobox {
        padding: 15px
    }
}

.z_news_list .infobox .tit {
    font-size: 1.5625vw;
    line-height: 1.875vw;
    min-height: 3.125vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media screen and (max-width: 980px) {
    .z_news_list .infobox .tit {
        font-size: 16px
    }
}

@media screen and (max-width: 980px) {
    .z_news_list .infobox .tit {
        line-height: 20px
    }
}

.z_news_list .infobox .line {
    background: url("/statics/my/images/dot3.png") repeat-x left;
    height: 3px;
    margin-top: 1.0416666667vw;
    margin-bottom: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_news_list .infobox .line {
        margin-top: 12px;
        margin-bottom: 12px
    }
}

.z_news_list .infobox .desc {
    font-size: .9375vw;
    line-height: 1.25vw;
    color: #3b3b3b;
    min-height: 2.6041666667vw;
    margin-bottom: 1.5625vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media screen and (max-width: 1680px) {
    .z_news_list .infobox .desc {
        font-size: 1.134375vw
    }
}

@media screen and (max-width: 980px) {
    .z_news_list .infobox .desc {
        font-size: 14px
    }
}

@media screen and (max-width: 1680px) {
    .z_news_list .infobox .desc {
        line-height: 1.45vw
    }
}

@media screen and (max-width: 980px) {
    .z_news_list .infobox .desc {
        line-height: 20px
    }
}

@media screen and (max-width: 980px) {
    .z_news_list .infobox .desc {
        margin-bottom: 12px
    }
}

.z_news_list .infobox .z_arr {
    margin-left: 0
}

@media screen and (max-width: 980px) {
    .z_news_list .time {
        bottom: auto;
        top: 20px
    }
}

.z_index_hb {
    padding-bottom: 1px
}

.z_index_hb .hbwarp {
    margin-top: 4.1666666667vw;
    margin-bottom: 4.1666666667vw
}

@media screen and (max-width: 980px) {
    .z_index_hb .hbwarp {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.z_index_hb .z_zx_btn {
    width: 70px;
    height: 70px;
    background: #137439;
    border-radius: 50%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    margin: 0 auto;
    margin-top: 3.125vw
}

@media screen and (max-width: 980px) {
    .z_index_hb .z_zx_btn {
        margin-top: 20px
    }
}

.z_index_hb .z_zx_btn img {
    display: block;
    margin: 0 auto
}

.z_hb_list {
    width: 68.75vw;
    margin: 0 auto;
    padding-bottom: 1.0416666667vw;
    overflow: hidden
}

@media screen and (max-width: 980px) {
    .z_hb_list {
        width: 100%
    }
}

@media screen and (max-width: 980px) {
    .z_hb_list {
        padding-bottom: 10px
    }
}

.z_hb_list li {
    width: 7.1875vw;
    height: 7.1875vw;
    background: #fff;
    -webkit-box-shadow: 0px 14px 14px 0px rgba(0, 0, 0, .05);
    box-shadow: 0px 14px 14px 0px rgba(0, 0, 0, .05);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.0416666667vw;
    margin-right: 1.5625vw;
    cursor: pointer
}

@media screen and (max-width: 980px) {
    .z_hb_list li {
        width: 70px;
        height: 70px
    }
}

@media screen and (max-width: 980px) {
    .z_hb_list li {
        padding: 10px
    }
}

@media screen and (max-width: 980px) {
    .z_hb_list li {
        margin-right: 12px
    }
}

.z_hb_list li:last-child {
    margin-right: 0
}

.z_hb_list li:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.z_hb_list li img {
    display: block;
    max-height: 100%;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

.z_hb_list.z_hb_swiper1 {
    width: 42.1875vw
}

@media screen and (max-width: 980px) {
    .z_hb_list.z_hb_swiper1 {
        width: 100%
    }
}

.z_ser_num ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.z_ser_num li {
    padding-left: 2.6041666667vw;
    padding-right: 2.6041666667vw;
    min-height: 9.8958333333vw;
    border-right: 1px solid #d2d2d2;
    padding-bottom: 0vw
}

@media screen and (max-width: 980px) {
    .z_ser_num li {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_ser_num li {
        padding-bottom: 20px
    }
}

.z_ser_num li:last-child {
    border-right: none
}

.z_ser_num li:hover h3 {
    color: #137439
}

.z_ser_num li:hover h4 {
    color: #000
}

.z_ser_num h3 {
    font-size: 1.25vw;
    font-weight: bold;
    font-family: DIN
}

@media screen and (max-width: 980px) {
    .z_ser_num h3 {
        font-size: 16px
    }
}

.z_ser_num .timer {
    font-size: 2.3958333333vw
}

@media screen and (max-width: 980px) {
    .z_ser_num .timer {
        font-size: 24px
    }
}

.z_ser_num h4 {
    font-size: 1.0416666667vw;
    color: #6e6e6e
}

@media screen and (max-width: 980px) {
    .z_ser_num h4 {
        font-size: 14px
    }
}

.earth_box {
    width: 56.7708333333vw;
    height: 56.7708333333vw
}

@media screen and (max-width: 980px) {
    .earth_box {
        width: 90%;
        height: 90vw
    }
}

.earth_box #earth {
    width: 100%;
    height: 100%
}
/*
*产品切换css
*/
.index-pro-bg{
    background: url(/statics/my/images/bg3.jpg) center no-repeat;
    background-size: cover;
    width: 100%;
    padding:5.20833vw  0;
}
.swiper-container{
    width:90%;
    box-sizing: border-box;
    padding: 0 0 5vw;
}
.swiper-slide-pro{
    display: flex;
    padding: 6vw 0 0 0;
    width: 90% !important;
}
.swiper-slide-active{
    padding-top: 0;
}
.swiper-slide .slide-img{
    background: #F4F3F6;
    border-radius: 40px 0px 40px 0px !important;
    object-fit: cover;
}
.slide-img:hover{
    border-radius: 0px 40px 0px 40px;
    transition: .5s ease-in-out;
	box-shadow:4px 4px 10px 2px rgba(0, 0, 0, 0.2);
    transform: scale(0.9);
}
.swiper-right{
    padding-left:3.75vw ;
    padding-top: 2vw;
}
.swiper-right p{
    color: #666;
    font-size: 0.98985vw;
    padding: 0 5% 0 0;
    width: 90%;
}
.num {
    font-size: calc(var(--size-80) * 2);
    position: absolute;
    right: 0;
    top: var(--size-20-);
    line-height: 100%;
    font-weight: bold;
    color: var(--color-dominant);
    font-style: normal;
    -webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
}
.z_about_nl .span {
    font-size: 1.25vw;
    letter-spacing: 4px;
    margin: 10px 0
}
.z_index_brand {
    background: #f5f6f6;
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    padding-left: 11.4583333333vw;
    padding-right: 11.4583333333vw;
    position: relative;
    overflow: hidden
}
.z_index_brand .flbox {
    width: 25.5208333333vw;
    height: 33.8541666667vw;
    border-radius: 1.5625vw;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 6.25vw
}
.z_index_brand .frbox .z_index_tit {
    width: 42.7083333333vw
}
.z_index_brand .frbox .z_index_tit .slg {
    font-size: 1.25vw;
    line-height: 1.5625vw;
    margin-top: 2.0833333333vw
}

.z_index_brand .z_brand_nav {
    width: 56.7708333333vw;
    margin-top: 4.6875vw;
    position: relative;
    display: none
}

@media screen and (max-width: 980px) {
    .z_about_nl .ico img {
        height: 40px
    }
    .z_about_nl .span {
        font-size: 14px
    }
    .z_about_nl .slg {
        font-size: 14px
    }
    .z_index_brand {
        padding-top: 35px;
        padding-bottom: 35px
    }
    .z_index_brand {
        padding-left: 12px;
        padding-right: 12px
    }
    .z_index_brand .flbox {
        width: 160px;
        height: 200px;
        margin-right: 0
    }
    .z_index_brand .frbox .z_index_tit {
        width: 100%
    }
    .z_index_brand .frbox .z_index_tit .slg {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px

    }
    .z_index_brand .z_brand_nav {
        width: 100%;
        margin-top: 20px
    }
    .z_index_brand .z_brand_nav .titbar {
        font-size: 14px
    }
    .z_index_brand .z_brand_nav .titbar {
        line-height: 20px
    }
    .z_index_brand .flbox {
        margin: 0 auto
    }

    .z_index_brand .frbox {
        margin-top: 30px
    }

    .z_index_brand .frbox .z_index_tit {
        text-align: center;
        padding: 0 12px
    }

    .z_index_brand .frbox .z_index_tit .tit {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .z_index_brand .frbox .titbar img {
        display: none
    }
    .z_brand_con {
        width: 100%;
        font-size: 14px;
        margin-top: 20px
    }
    .z_about_process {
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 12px;
        padding-right: 12px
    }
    .z_process_swiper {
        margin-top: 30px
    }
    .z_process_swiper li {
        padding-right: 0
    }
    .z_process_swiper .tit {
        font-size: 16px
    }
    .z_process_swiper .desc {
        font-size: 14px
    }
    .z_process_swiper::before {
        top: 51px
    }

    .z_process_swiper .dot {
        margin: 20px 0
    }

    .z_process_swiper .next {
        top: 40px
    }
    .z_index_ry {
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 12px;
        padding-right: 12px
    }
    .z_ry_swiper {
        margin-top: 30px;
        margin-left: 0px
    }
    .z_ry_swiper li {
        width: 100px;
        padding-left: 12px;
        padding-right: 12px;
        margin-left: 0px;
        margin-bottom: 20px
    }
    .z_ry_swiper .year {
        margin-bottom: 5px
    }
    .z_ry_swiper .desc {
        font-size: 14px;
        line-height: 20px
    }
    .z_gw_list {
        margin-top: 30px
    }
    .z_index_stgw {
        padding-bottom: 35px
    }
    .z_index_stgw .z_index_tit .slg {
        font-size: 16px
    }
    .z_index_stgw .ico {
        width: 80px;
        height: 80px;
        margin-top: 30px
    }
    .z_index_stgw .warps .bgs {
        width: 100%
    }
    .z_gw_list .item.active .topbox {
        width: 100%;
        padding-bottom: 0
    }

}

@media screen and (max-width: 1680px) {
    .z_index_brand .frbox .z_index_tit .slg {
        line-height: 1.8125vw
    }
    .z_index_brand .z_brand_nav .titbar {
        font-size: 1.134375vw
    }
    .z_index_brand .z_brand_nav .titbar {
        line-height: 1.0875vw
    }
    .z_brand_con {
        font-size: 1.0083333333vw;
        font-size: 1.0666666667vw
    }
}

.z_index_brand .z_brand_nav .swiper-slide {
    cursor: pointer
}

.z_index_brand .z_brand_nav .swiper-slide::before {
    height: 3px;
    background: #137439;
    top: 72px;
    width: 0;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    position: absolute;
    left: 10px;
    top: 23px
}

.z_index_brand .z_brand_nav::before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: url("/statics/my/images/dot4.png") repeat-x left center;
    background-size: auto 100%;
    position: absolute;
    left: 0;
    top: 23px
}

.z_index_brand .z_brand_nav .year {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-family: DIN;
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
    margin-left: -5px;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

.z_index_brand .z_brand_nav .year em {
    opacity: 0
}

.z_index_brand .z_brand_nav .year::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 2px solid #34753d;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.z_index_brand .z_brand_nav .active .year {
    background: #137439
}

.z_index_brand .z_brand_nav .active .year em {
    opacity: 1
}

.z_index_brand .z_brand_nav .active .year::before {
    opacity: 0
}

.z_index_brand .z_brand_nav .active::before {
    width: 100%
}

.z_index_brand .z_brand_nav .titbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .9375vw;
    line-height: .9375vw
}
.z_index_brand .z_brand_nav .titbar img {
    display: block;
    height: 40px;
    margin-right: 10px
}

.z_brand_con {
    width: 42.7083333333vw;
    font-size: .8333333333vw;
    font-weight: 400;
    color: #7d7d7d;
    line-height: 24px;
    text-align: justify;
    margin-top: 3.6458333333vw
}


.z_about_process {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    padding-left: 11.4583333333vw;
    padding-right: 11.4583333333vw;
    position: relative
}
.z_process_swiper {
    margin-top: 4.6875vw;
    position: relative;
    overflow: hidden
}
.z_process_swiper .btnwarp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 58px;
    z-index: 1;
    cursor: pointer
}

.z_process_swiper .btnwarp .next {
    margin-left: 10px
}

.z_process_swiper::before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: url("/statics/my/images/dot4.png") repeat-x left center;
    background-size: auto 100%;
    position: absolute;
    left: 0;
    top: 72px
}

.z_process_swiper li {
    padding-right: 4.1666666667vw;
    position: relative
}


.z_process_swiper li::before {
    height: 3px;
    background: #137439;
    top: 72px;
    width: 0;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

.z_process_swiper li:hover::before {
    width: 100%
}

.z_process_swiper li:hover .year {
    color: #000
}

.z_process_swiper .year {
    color: #9a9a9a;
    font-size: 20px;
    font-family: DIN;
    font-weight: bold
}

.z_process_swiper .dot {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 2px solid #34753d;
    border-radius: 50%;
    margin: 40px 0
}

.z_process_swiper .tit {
    font-size: 1.5625vw;
    color: #000
}

.z_process_swiper .desc {
    font-size: 1.0416666667vw;
    color: #2f2f2f;
    margin-top: 6px
}

.z_process_swiper .desc em {
    color: #137439
}

.z_index_ry {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    padding-left: 11.4583333333vw;
    padding-right: 11.4583333333vw;
    position: relative;
    z-index: 1
}

.z_ry_swiper {
    margin-top: 4.6875vw;
    overflow: hidden;
    margin-left: -7.5520833333vw
}

.z_ry_swiper li {
    width: 20.3125vw;
    background: url(/statics/my/css/"../images/ry.png" ) no-repeat top center;
    background-size: 100% auto;
    text-align: center;
    color: #fff;
    min-height: 7.8125vw;
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 7.8125vw;
    margin-bottom: 4.1666666667vw
}

.z_ry_swiper .year {
    font-family: DIN;
    font-size: 16px;
    margin-bottom: .5208333333vw
}

.z_ry_swiper .desc {
    font-size: 1.4583333333vw;
    line-height: 1.6666666667vw
}

.z_index_stgw {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    padding-bottom: 11.4583333333vw
}

.z_index_stgw .z_index_tit {
    text-align: center
}

.z_index_stgw .z_index_tit .tit {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.z_index_stgw .z_index_tit .slg {
    color: #646464;
    font-size: 1.25vw
}

.z_index_stgw .ico {
    width: 5.2083333333vw;
    height: 5.2083333333vw;
    background: #db002a;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px;
    margin: 0 auto;
    margin-top: 3.6458333333vw
}

.z_index_stgw .ico img {
    display: block;
    max-height: 100%
}

.z_index_stgw .warps {
    position: relative
}

.z_index_stgw .warps .bgs {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 2.6041666667vw;
    width: 66.3541666667vw;
    z-index: -1;
    display: block
}


.z_gw_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 11.4583333333vw;
    z-index: 1;
    position: relative
}

.z_gw_list .item {
    -webkit-transition: ease 1s;
    transition: ease 1s;
    position: relative
}

.z_gw_list .item:nth-child(2) .topbox {
    background: #dc0d35
}

.z_gw_list .item:nth-child(3) .topbox {
    background: #009f43
}

.z_gw_list .item.active {
    -webkit-transform: translateY(5.2083333333vw);
    transform: translateY(5.2083333333vw)
}

.z_gw_list .item.active .btmbox {
    opacity: 1;
    -webkit-transform: translate(0%, -2.6041666667vw);
    transform: translate(0%, -2.6041666667vw)
}

.z_gw_list .item.active .z_arr {
    display: none
}

.z_gw_list .item.active .topbox {
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    width: 20.6770833333vw;
    min-height: auto;
    padding-bottom: 4.1666666667vw;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 10.4166666667vw 10.4166666667vw 0vw 0vw
}



.z_gw_list .topbox {
    min-height: 16.6666666667vw;
    width: 14.9479166667vw;
    background: #f04d22;
    border-radius: 4.1666666667vw 4.1666666667vw 7.3958333333vw 7.3958333333vw;
    text-align: center;
    padding: 1.5625vw;
    padding-top: 2.6041666667vw;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (max-width: 980px) {
    .z_gw_list .topbox {
        width: 100%
    }
}

@media screen and (max-width: 980px) {
    .z_gw_list .topbox {
        padding: 15px
    }
}

@media screen and (max-width: 980px) {
    .z_gw_list .topbox {
        padding-top: 15px
    }
}

.z_gw_list .topbox .logo {
    height: 4.1666666667vw
}

@media screen and (max-width: 980px) {
    .z_gw_list .topbox .logo {
        height: 50px
    }
}

.z_gw_list .topbox .logo img {
    display: block;
    margin: 0 auto;
    max-height: 100%
}

.z_gw_list .topbox .tit {
    margin-top: 1.0416666667vw
}

.view-more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-80);
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--color-dominant);
    color: #fff;
    transform: rotate(-45deg);
    margin-left: 5%;
}
.tab-more1{
    display: flex;
    align-items: center;
    justify-content: center;
    width:196px;
    height:54px;
    aspect-ratio: 1/1;
    border-radius: 27px;
    background-color: var(--color-dominant);
    color: #fff;
    margin-top: 15%;
    cursor: pointer;
}
.tab-more1 i{
    padding-right: 10px;
}
.cls-1 {
    fill: currentColor;
}
.view-more>* {
    width: 20px;
    overflow: hidden;
}
.pro-pagination{
    display: flex;
}
.pro-pagination .swiper-pagination-bullet{
    width: 104px;
    height: 7px;
    display: block;
    background: #FF7C09;
    opacity: 0.2;
}
.pro-pagination .swiper-pagination-bullet-active{
    width: 104px;
    height: 7px;
    display: block;
    background: #FF7C09;
    opacity: 1;
    border-radius: 4px 0px 0px 4px;
}



@media screen and (max-width: 980px) {
    .z_gw_list .topbox .tit {
        margin-top: 10px
    }
}

.z_gw_list .topbox .z_arr {
    margin: 0 auto;
    margin-top: 15px;
    -webkit-transition: ease .5s;
    transition: ease .5s
}

.z_gw_list .tit {
    font-size: 1.3541666667vw;
    line-height: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_gw_list .tit {
        font-size: 16px
    }
}

@media screen and (max-width: 1680px) {
    .z_gw_list .tit {
        line-height: 1.8125vw
    }
}

@media screen and (max-width: 980px) {
    .z_gw_list .tit {
        line-height: 20px
    }
}

.z_gw_list .btmbox {
    width: 397px;
    width: 20.6770833333vw;
    background: #fff;
    border-radius: 2.6041666667vw 2.6041666667vw 10.4166666667vw 10.4166666667vw;
    padding: 3.125vw;
    padding-top: 1.5625vw;
    text-align: center;
    top: 4.1666666667vw;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    opacity: 0
}

@media screen and (max-width: 980px) {
    .z_gw_list .btmbox {
        width: 100%
    }
}

@media screen and (max-width: 980px) {
    .z_gw_list .btmbox {
        padding: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_gw_list .btmbox {
        padding-top: 12px
    }
}

.z_gw_list .dot {
    width: 100%;
    height: 3px;
    background: url("/statics/my/images/dot4.png" /*tpa=https://www.sccwz.com/statics/my/images/dot4.png*/) center;
    background-size: auto 100%;
    margin: 15px 0
}

.z_gw_list .desc {
    color: #3b3b3b;
    line-height: 24px
}

@media screen and (max-width: 980px) {
    .z_gw_list {
        display: block;
        padding: 0 12px
    }

    .z_gw_list .item {
        margin-bottom: 12px;
        border-radius: 10px;
        overflow: hidden
    }

    .z_gw_list .z_arr {
        display: none
    }

    .z_gw_list .btmbox, .z_gw_list .topbox {
        position: relative;
        left: auto;
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 1;
        top: auto;
        border-radius: 0;
        padding: 20px 12px
    }
}

.z_bg_page {
    background: #f1f1f1;
    padding-top: 7.2916666667vw;
    padding-bottom: 7.2916666667vw;
    padding-left: 11.4583333333vw;
    padding-right: 11.4583333333vw;
    padding-bottom: 3.6458333333vw
}

@media screen and (max-width: 980px) {
    .z_bg_page {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 980px) {
    .z_bg_page {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_bg_page {
        padding-bottom: 30px
    }
}

.z_js_list {
    margin-top: 3.6458333333vw
}

@media screen and (max-width: 980px) {
    .z_js_list {
        margin-top: 20px
    }
}

.z_js_list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-bottom: 4.1666666667vw;
    color: #0b0e14
}

@media screen and (max-width: 980px) {
    .z_js_list .item {
        padding-bottom: 20px
    }
}

.z_js_list .item::before {
    width: 4px;
    background: url(/statics/my/css/"../images/dot5.png" /*tpa=https:/www.sccwz.com../images/dot5.png*/) no-repeat top center;
    z-index: 1;
    top: 16px;
    left: 38.0208333333vw;
    margin-left: -2px
}

.z_js_list .item:last-child::before, .z_js_list .item:last-child::after {
    display: none
}

.z_js_list .item::after {
    width: 4px;
    height: 0;
    background: #137439;
    z-index: 1;
    top: 16px;
    left: 37.9166666667vw;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

.z_js_list .item:hover::after {
    height: 100%
}

.z_js_list .imgbox {
    width: 34.8958333333vw;
    height: 20.8333333333vw;
    border-radius: 1.5625vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 3.125vw
}

@media screen and (max-width: 980px) {
    .z_js_list .imgbox {
        width: 100%;
        height: 50vw
    }
}

@media screen and (max-width: 980px) {
    .z_js_list .imgbox {
        margin-right: 0px
    }
}

.z_js_list .slg {
    color: #137439;
    font-size: 1.5625vw;
    padding-left: 2.0833333333vw;
    position: relative
}

@media screen and (max-width: 980px) {
    .z_js_list .slg {
        font-size: 16px
    }
}

@media screen and (max-width: 980px) {
    .z_js_list .slg {
        padding-left: 0px
    }
}

.z_js_list .slg::before {
    width: 16px;
    height: 16px;
    background: #f1f1f1;
    border: 2px solid #34753d;
    border-radius: 50%;
    z-index: 2;
    left: -8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.z_js_list .infobox {
    position: relative
}

.z_js_list .tit {
    font-size: 2.5vw;
    line-height: 2.6041666667vw;
    margin-top: 1.0416666667vw;
    margin-bottom: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_js_list .tit {
        font-size: 18px
    }
}

@media screen and (max-width: 980px) {
    .z_js_list .tit {
        line-height: 24px
    }
}

@media screen and (max-width: 980px) {
    .z_js_list .tit {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.z_js_list .con {
    padding-left: 4.1666666667vw;
    font-size: .8333333333vw;
    line-height: 1.25vw
}

@media screen and (max-width: 980px) {
    .z_js_list .con {
        padding-left: 0px
    }
}

@media screen and (max-width: 1680px) {
    .z_js_list .con {
        font-size: 1.0083333333vw;
        font-size: 1.0666666667vw
    }
}

@media screen and (max-width: 980px) {
    .z_js_list .con {
        font-size: 14px
    }
}

@media screen and (max-width: 1680px) {
    .z_js_list .con {
        line-height: 1.45vw
    }
}

@media screen and (max-width: 980px) {
    .z_js_list .con {
        line-height: 24px
    }
}

.z_js_list .desc em {
    color: #137439
}

.z_js_list .list {
    margin-top: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_js_list .list {
        margin-top: 15px
    }
}

.z_js_list .list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.z_js_list .list em {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #137439;
    position: relative;
    padding-left: 10px
}

.z_js_list .list em::before {
    width: 6px;
    height: 6px;
    background: #137439;
    border-radius: 50%;
    z-index: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

@media screen and (max-width: 980px) {
    .z_js_list .item {
        display: block
    }

    .z_js_list .item::before, .z_js_list .item::after {
        display: none
    }

    .z_js_list .slg::before {
        display: none
    }

    .z_js_list .infobox {
        margin-top: 20px
    }
}

.z_all_bj {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-top: 0vw;
    padding-bottom: 0vw
}

@media screen and (max-width: 980px) {
    .z_all_bj {
        margin-top: 40px
    }
}

@media screen and (max-width: 980px) {
    .z_all_bj {
        padding-bottom: 40px
    }
}

.z_all_bj::before {
    content: "";
    display: block;
    width: 43.75vw;
    height: 43.75vw;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.z_all_bj .flbox {
    width: 31.7708333333vw
}

@media screen and (max-width: 980px) {
    .z_all_bj .flbox {
        width: 100%
    }
}

.z_all_bj .slg {
    font-size: 1.5625vw;
    color: #137439;
    margin-bottom: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_all_bj .slg {
        font-size: 16px
    }
}

@media screen and (max-width: 980px) {
    .z_all_bj .slg {
        margin-bottom: 12px
    }
}

.z_all_bj .desc {
    font-size: .8333333333vw;
    line-height: 1.25vw;
    margin-top: 2.0833333333vw;
    margin-bottom: 4.1666666667vw
}

@media screen and (max-width: 1680px) {
    .z_all_bj .desc {
        font-size: 1.0083333333vw;
        font-size: 1.0666666667vw
    }
}

@media screen and (max-width: 980px) {
    .z_all_bj .desc {
        font-size: 14px
    }
}

@media screen and (max-width: 1680px) {
    .z_all_bj .desc {
        line-height: 1.45vw
    }
}

@media screen and (max-width: 980px) {
    .z_all_bj .desc {
        line-height: 24px
    }
}

@media screen and (max-width: 980px) {
    .z_all_bj .desc {
        margin-top: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_all_bj .desc {
        margin-bottom: 12px
    }
}

.z_all_bj .z_bj_swiper {
    overflow: hidden;
    padding-bottom: 1.5625vw;
    width: 39.5833333333vw
}

@media screen and (max-width: 980px) {
    .z_all_bj .z_bj_swiper {
        width: 100%
    }
}

.z_all_bj .z_bj_swiper li {
    width: 6.7708333333vw;
    height: 6.7708333333vw;
    background: #fff;
    -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, .05);
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, .05);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    margin-right: 1.1458333333vw
}

@media screen and (max-width: 980px) {
    .z_all_bj .z_bj_swiper li {
        width: 80px;
        height: 80px
    }
}

@media screen and (max-width: 980px) {
    .z_all_bj .z_bj_swiper li {
        margin-right: 10px
    }
}

.z_all_bj .earth_box {
    width: 42.7083333333vw;
    height: 42.7083333333vw;
    margin-left: 5.2083333333vw;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 980px) {
    .z_all_bj .earth_box {
        width: 100%;
        height: 90vw
    }
}

@media screen and (max-width: 980px) {
    .z_all_bj .earth_box {
        margin-left: 0
    }
}

.z_contact_warp {
    padding-left: 11.4583333333vw;
    padding-right: 11.4583333333vw;
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw
}

@media screen and (max-width: 980px) {
    .z_contact_warp {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_contact_warp {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.z_contact_warp .flbox, .z_contact_warp .frbox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.z_contact_warp .item {
    font-size: .9375vw;
    margin-bottom: 3.125vw
}

@media screen and (max-width: 1680px) {
    .z_contact_warp .item {
        font-size: 1.134375vw
    }
}

@media screen and (max-width: 980px) {
    .z_contact_warp .item {
        font-size: 14px
    }
}

@media screen and (max-width: 980px) {
    .z_contact_warp .item {
        margin-bottom: 20px
    }
}

.z_contact_warp .item:last-child {
    margin-bottom: 0
}

.z_contact_warp .titbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #767676;
    margin-bottom: .2604166667vw
}

@media screen and (max-width: 980px) {
    .z_contact_warp .titbar {
        margin-bottom: 0px
    }
}

.z_contact_warp .titbar .ico {
    display: block;
    margin-right: 10px
}

.z_contact_warp .desc {
    padding-left: 44px
}

.z_contact_warp .frbox {
    margin-top: 0vw
}

@media screen and (max-width: 980px) {
    .z_contact_warp .frbox {
        margin-top: 20px
    }
}

.z_contact_warp .code {
    margin-top: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_contact_warp .code {
        margin-top: 10px
    }
}

.z_contact_warp .code ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.z_contact_warp .code li {
    margin-right: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_contact_warp .code li {
        margin-right: 10px
    }
}

.z_contact_warp .code h3 {
    color: #4b4b4b;
    font-size: .8333333333vw
}

@media screen and (max-width: 1680px) {
    .z_contact_warp .code h3 {
        font-size: 1.0083333333vw;
        font-size: 1.0666666667vw
    }
}

@media screen and (max-width: 980px) {
    .z_contact_warp .code h3 {
        font-size: 12px
    }
}

.z_contact_warp .code img {
    width: 120px;
    display: block
}

@media screen and (max-width: 980px) {
    .z_contact_warp .code li {
        margin: 0
    }
}

.z_conatct_map {
    position: relative;
    width: 100%;
    height: 32.2916666667vw
}

@media screen and (max-width: 980px) {
    .z_conatct_map {
        height: 60vw
    }
}

.z_conatct_map .go {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 90px;
    height: 90px;
    background: #34753d;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}

.z_conatct_map .go::before {
    border-radius: 50%;
    background: #137439;
    opacity: .5;
    -webkit-animation: sc 1.5s infinite linear;
    animation: sc 1.5s infinite linear
}

@-webkit-keyframes sc {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes sc {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

.z_conatct_map .go .ico {
    display: block;
    margin: 0 auto;
    margin-bottom: 4px
}

.z_contact_rc {
    position: relative;
    z-index: 1;
    padding-left: 11.4583333333vw;
    padding-right: 11.4583333333vw;
    padding-top: 6.25vw;
    padding-bottom: 6.25vw
}

@media screen and (max-width: 980px) {
    .z_contact_rc {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_contact_rc {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

.z_contact_rc .z_rc_warp {
    position: relative;
    margin-top: 5.2083333333vw
}

@media screen and (max-width: 980px) {
    .z_contact_rc .z_rc_warp {
        margin-top: 20px
    }
}

.z_contact_rc .z_rc_warp .btn {
    background: #fff;
    border-radius: 50%;
    width: 3.6458333333vw;
    height: 3.6458333333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: #137439;
    z-index: 2
}

@media screen and (max-width: 980px) {
    .z_contact_rc .z_rc_warp .btn {
        width: 34px;
        height: 34px
    }
}

.z_contact_rc .z_rc_warp .btn .iconfont {
    font-weight: bold
}

.z_contact_rc .z_rc_warp .btn:hover {
    background: #137439;
    color: #fff
}

.z_contact_rc .z_rc_warp .prev {
    left: -5.2083333333vw
}

.z_contact_rc .z_rc_warp .next {
    right: -5.2083333333vw
}

@media screen and (max-width: 980px) {
    .z_contact_rc .z_rc_warp .prev {
        left: 0
    }

    .z_contact_rc .z_rc_warp .next {
        right: 0
    }
}

.z_rc_swiper {
    overflow: hidden
}

.z_rc_swiper li {
    background: rgba(255, 255, 255, .8);
    border-radius: 2.6041666667vw 2.6041666667vw 7.2916666667vw 7.2916666667vw;
    text-align: center;
    padding-top: 2.0833333333vw;
    padding-bottom: 2.0833333333vw;
    -webkit-transition: background 1s;
    transition: background 1s
}

@media screen and (max-width: 980px) {
    .z_rc_swiper li {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.z_rc_swiper li:hover {
    background: #137439
}

.z_rc_swiper li:hover .ico img {
    -webkit-transform: translateY(-3.0208333333vw);
    transform: translateY(-3.0208333333vw)
}

.z_rc_swiper li:hover .tit, .z_rc_swiper li:hover .desc {
    color: #fff
}

.z_rc_swiper li:hover .z_arr {
    background: #fff;
    color: #137439;
    font-weight: bold
}

.z_rc_swiper .ico {
    display: block;
    width: 3.0208333333vw;
    height: 3.0208333333vw;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_rc_swiper .ico {
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 980px) {
    .z_rc_swiper .ico {
        margin-bottom: 15px
    }
}

.z_rc_swiper .ico img {
    display: block;
    width: 100%
}

.z_rc_swiper .tit {
    font-size: 1.5625vw;
    line-height: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_rc_swiper .tit {
        font-size: 16px
    }
}

@media screen and (max-width: 1680px) {
    .z_rc_swiper .tit {
        line-height: 1.8125vw
    }
}

@media screen and (max-width: 980px) {
    .z_rc_swiper .tit {
        line-height: 18px
    }
}

.z_rc_swiper .desc {
    color: #8b8b8b;
    margin-top: 1.0416666667vw;
    margin-bottom: 1.0416666667vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media screen and (max-width: 980px) {
    .z_rc_swiper .desc {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.z_rc_swiper .z_arr {
    margin: 0 auto
}

@media screen and (max-width: 980px) {
    .z_rc_swiper li {
        border-radius: 12px
    }
}

.z_pagination .pagination {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.z_pagination .pagination .sr-only {
    display: none
}

.z_pagination .pagination .page-item.active .page-link {
    background: #137439;
    color: #fff
}

.z_pagination .pagination .page-link {
    width: 38px;
    height: 38px;
    display: block;
    background: #fff;
    border-radius: 50%;
    margin: 0 4px;
    font-size: 16px;
    font-family: DIN;
    font-weight: bold;
    color: #137439;
    overflow: hidden;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 980px) {
    .z_pagination .pagination .page-link {
        width: 30px;
        height: 30px
    }
}

.z_pagination .pagination .page-link:hover {
    background: #137439;
    color: #fff
}

.z_pagination .iconfont {
    font-size: 12px
}

.z_xq_page {
    background: #f1f1f1;
    padding-left: 11.4583333333vw;
    padding-right: 11.4583333333vw;
    padding-top: 6.25vw;
    padding-bottom: 6.25vw
}

@media screen and (max-width: 980px) {
    .z_xq_page {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_xq_page {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

.z_xq_warp {
    background: #fff;
    border-radius: 1.5625vw;
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw;
    padding-left: 5.7291666667vw;
    padding-right: 5.7291666667vw;
    margin-top: 0vw
}

@media screen and (max-width: 980px) {
    .z_xq_warp {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 980px) {
    .z_xq_warp {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 980px) {
    .z_xq_warp {
        margin-top: 40px
    }
}

.z_xq_warp .z_back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_xq_warp .z_back {
        margin-bottom: 20px
    }
}

.z_xq_warp .z_back em {
    display: inline-block;
    height: 30px;
    background: #dcdcdc;
    border-radius: 15px;
    padding: 0 15px;
    color: #fff;
    line-height: 30px;
    margin-left: 5px
}

.z_xq_warp .z_back:hover em {
    background: #137439
}

.z_xq_warp .titbar {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 3.6458333333vw
}

@media screen and (max-width: 980px) {
    .z_xq_warp .titbar {
        margin-bottom: 20px
    }
}

.z_xq_warp .titbar .tt {
    font-size: 2.34375vw;
    width: 70%;
    line-height: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_xq_warp .titbar .tt {
        font-size: 18px
    }
}

@media screen and (max-width: 980px) {
    .z_xq_warp .titbar .tt {
        width: 100%
    }
}

@media screen and (max-width: 980px) {
    .z_xq_warp .titbar .tt {
        line-height: 24px
    }
}

.z_xq_warp .titbar .time {
    margin-left: auto;
    font-size: 3.125vw;
    font-family: DIN;
    color: #137439;
    font-weight: bold
}

@media screen and (max-width: 980px) {
    .z_xq_warp .titbar .time {
        font-size: 18px
    }
}

.z_xq_warp .content {
    font-size: .8333333333vw;
    line-height: 1.25vw
}

@media screen and (max-width: 1680px) {
    .z_xq_warp .content {
        font-size: 1.0083333333vw;
        font-size: 1.0666666667vw
    }
}

@media screen and (max-width: 980px) {
    .z_xq_warp .content {
        font-size: 14px
    }
}

@media screen and (max-width: 1680px) {
    .z_xq_warp .content {
        line-height: 1.45vw
    }
}

@media screen and (max-width: 980px) {
    .z_xq_warp .content {
        line-height: 20px
    }
}

.z_xq_warp .content img {
    max-width: 100 !important;
    height: auto !important
}

.z_xg_news {
    margin-top: 3.6458333333vw
}

@media screen and (max-width: 980px) {
    .z_xg_news {
        margin-top: 30px
    }
}

.z_xg_news .z_index_tit {
    margin-bottom: 3.6458333333vw
}

@media screen and (max-width: 980px) {
    .z_xg_news .z_index_tit {
        margin-bottom: 30px
    }
}

.z_pro_page {
    background: #f1f1f1;
    padding-top: 0;
    padding-bottom: 5.2083333333vw
}

@media screen and (max-width: 980px) {
    .z_pro_page {
        padding-bottom: 30px
    }
}

.z_pro_page .warpss {
    padding-top: 2.6041666667vw;
    padding-bottom: 2.6041666667vw
}

@media screen and (max-width: 980px) {
    .z_pro_page .warpss {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.z_pro_navs {
    overflow: hidden;
    width: 100%;
    z-index: 3;
    padding-top: 1.0416666667vw;
    padding-bottom: 1.0416666667vw
}

.z_pro_navs ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.z_pro_navs li {
    width: auto;
    margin-left: 1.5625vw;
    margin-right: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_pro_navs li {
        margin-left: 5px;
        margin-right: 5px
    }
}

.z_pro_navs li.active .iconfont, .z_pro_navs li:hover .iconfont {
    background: #137439;
    color: #fff
}

.z_pro_navs a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #717171;
    font-size: .9375vw
}

@media screen and (max-width: 1680px) {
    .z_pro_navs a {
        font-size: 1.134375vw
    }
}

@media screen and (max-width: 980px) {
    .z_pro_navs a {
        font-size: 14px
    }
}

@media screen and (max-width: 980px) {
    .z_pro_navs {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.z_pro_navs .iconfont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    color: #137439;
    font-size: 24px;
    margin-right: 10px
}

@media screen and (max-width: 980px) {
    .z_pro_navs .iconfont {
        width: 30px;
        height: 30px
    }
}

@media screen and (max-width: 980px) {
    .z_pro_navs .iconfont {
        font-size: 18px
    }
}

@media screen and (max-width: 980px) {
    .z_pro_navs {
        padding: 20px 0
    }

    .z_pro_navs ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.z_pro_list li {
    width: 31.3%;
    margin-right: 3%;
    background: #fff;
    border-radius: 1.5625vw;
    text-align: center;
    padding: 1.5625vw;
    margin-bottom: 2.6041666667vw;
    cursor: pointer
}

@media screen and (max-width: 980px) {
    .z_pro_list li {
        width: 100%
    }
}

@media screen and (max-width: 980px) {
    .z_pro_list li {
        margin-right: 0
    }
}

@media screen and (max-width: 980px) {
    .z_pro_list li {
        padding: 20px
    }
}

@media screen and (max-width: 980px) {
    .z_pro_list li {
        margin-bottom: 12px
    }
}

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

.z_pro_list li .item:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.z_pro_list .imgbox {
    height: 15.625vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_pro_list .imgbox {
        height: 50vw
    }
}

@media screen and (max-width: 980px) {
    .z_pro_list .imgbox {
        margin-bottom: 10px
    }
}

.z_pro_list .imgbox img {
    display: block;
    max-height: 100%;
    -webkit-transition: ease 1s;
    transition: ease 1s
}

.z_pro_list .tit {
    font-size: 1.25vw;
    line-height: 1.3541666667vw
}

@media screen and (max-width: 980px) {
    .z_pro_list .tit {
        font-size: 16px
    }
}

@media screen and (max-width: 1680px) {
    .z_pro_list .tit {
        line-height: 1.5708333333vw
    }
}

@media screen and (max-width: 980px) {
    .z_pro_list .tit {
        line-height: 20px
    }
}

.z_pro_list .desc {
    font-size: 14px;
    width: 80%;
    margin: 15px auto;
    color: #9c9c9c;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media screen and (max-width: 980px) {
    .z_pro_list .desc {
        width: 100%
    }
}

.z_pro_list .slgbar span {
    display: inline-block;
    border: 1px solid #137439;
    padding: 0 12px;
    height: 26px;
    border-radius: 13px;
    line-height: 24px;
    color: #137439;
    margin: 0 4px
}

.z_mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 99;
    opacity: 0;
    visibility: hidden
}

.z_mask.on {
    opacity: 1;
    visibility: visible
}

.z_pro_pop {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: fixed;
    z-index: 100;
    background: #fff;
    border-radius: 1.5625vw;
    width: 59.6875vw;
    padding: 3.6458333333vw;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
    visibility: hidden;
    text-align: left
}

@media screen and (max-width: 980px) {
    .z_pro_pop {
        width: 90%
    }
}

@media screen and (max-width: 980px) {
    .z_pro_pop {
        padding: 12px
    }
}

.z_pro_pop.on {
    opacity: 1;
    visibility: visible
}

.z_pro_pop .flbox {
    width: 26.0416666667vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-height: 42.7083333333vw;
    overflow-y: auto
}

@media screen and (max-width: 980px) {
    .z_pro_pop .flbox {
        width: 100%
    }
}

.z_pro_pop .flbox .tit {
    font-size: 2.34375vw;
    line-height: 2.5vw
}

@media screen and (max-width: 980px) {
    .z_pro_pop .flbox .tit {
        font-size: 16px
    }
    .swiper-right p{
        font-size: 16px;
    }
    .swiper-slide-pro{
        display: flex;
        width: 100% !important;
        flex-wrap: wrap;
    }
    .swiper-slide .slide-img{
        background: #F4F3F6;
        border-radius: 40px 0px 40px 0px;
        height: 240px;
    }
}

@media screen and (max-width: 980px) {
    .z_pro_pop .flbox .tit {
        line-height: 24px
    }
}

.z_pro_pop .flbox .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10
}

.z_pro_pop .line {
    height: 3px;
    background: url("/statics/my/images/dot3.png" /*tpa=https://www.sccwz.com/statics/my/images/dot3.png*/) repeat-x center;
    margin: 20px 0
}

.z_pro_pop .slgbar {
    margin: 15px 0
}

.z_pro_pop .slgbar span {
    display: inline-block;
    border: 1px solid #137439;
    padding: 0 12px;
    height: 26px;
    border-radius: 13px;
    line-height: 24px;
    color: #137439;
    margin: 0 4px
}

.z_pro_pop .desc {
    font-size: 1.1458333333vw;
    line-height: 1.5625vw;
    width: 100%;
    color: #000
}

@media screen and (max-width: 980px) {
    .z_pro_pop .desc {
        font-size: 14px
    }
}

@media screen and (max-width: 1680px) {
    .z_pro_pop .desc {
        line-height: 1.8125vw
    }
}

@media screen and (max-width: 980px) {
    .z_pro_pop .desc {
        line-height: 22px
    }
}

.z_pro_pop .go {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 90px;
    height: 90px;
    background: #34753d;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}

.z_pro_pop .go::before {
    border-radius: 50%;
    background: #137439;
    opacity: .5;
    -webkit-animation: sc 1.5s infinite linear;
    animation: sc 1.5s infinite linear
}

.z_pro_pop .go .ico {
    display: block;
    margin: 0 auto;
    margin-bottom: 4px
}

.z_pro_pop .tt {
    display: inline-block;
    padding: 0 8px;
    border-radius: 12px;
    height: 24px;
    line-height: 24px;
    background: #137439;
    color: #fff;
    margin-bottom: 10px
}

.z_pro_pop .dd {
    color: #353535;
    font-size: .8333333333vw
}

@media screen and (max-width: 1680px) {
    .z_pro_pop .dd {
        font-size: 1.0083333333vw;
        font-size: 1.0666666667vw
    }
}

@media screen and (max-width: 980px) {
    .z_pro_pop .dd {
        font-size: 12px
    }
}

.z_pro_pop .item {
    margin-top: 1.0416666667vw
}

@media screen and (max-width: 980px) {
    .z_pro_pop .item {
        margin-top: 10px
    }
}

@keyframes sc {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

.z_pro_pop .frbox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.z_pro_pop .frbox img {
    opacity: .5;
    max-height: 100%;
    display: block
}

.z_pro_pop .z_close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 20px;
    cursor: pointer
}

@media screen and (max-width: 980px) {
    .z_pro_pop {
        max-height: 90vh;
        overflow-y: auto
    }

    .z_pro_pop .flbox {
        max-height: none
    }

    .z_pro_pop .frbox {
        height: 50vw
    }
    .num{
        top: 240px;
    }
}
/*平板*/
@media screen and (max-width: 1024px) {
    .message-layer>.title {
        height: 32px;
    }

    .message-layer-item>* input,
    .message-btn {
        height: 32px;
    }

    .l-container {
        width: 100%;
    }

    header {
        background-color: #fff;
        height: 50px;
        padding: 0 !important;
    }

    header>* {
        height: inherit;
    }

    .lh-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
    }

    .lh-logo>*:nth-child(2) {
        opacity: 1;
    }

    .lh-logo>*:nth-child(1) {
        opacity: 0;
    }

    header.Fixed .lh-logo {
        transform: translate(-50%, -50%);
    }

    .lh-nav {
        position: absolute;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background-color: #fff;
        color: #000;
        display: block;
        padding-top: 15%;
        transform: translateX(-100%);
        transition: var(--transition);
    }

    .lh-nav>* {
        display: flex;
        margin: 50px 0;
        font-size: 18px;
        justify-content: center;
        align-items: center;
    }

    .lh-lang {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        color: #000;
    }

    .lh-lang>dt {
        border: 1px solid #000;
    }

    .web-nav-btn {
        position: absolute;
        left: 0;
        top: 0;
        width: 50px;
        height: 50px;
    }

    .web-nav-btn::before,
    .web-nav-btn::after,
    .web-nav-btn>* {
        width: 24px;
        height: 2px;
        background-color: #000;
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -1px;
        transition: var(--transition);
        content: '';
        display: block;
    }

    .web-nav-btn::before {
        margin-top: -8px;
    }

    .web-nav-btn::after {
        margin-top: 6px;
    }

    .webNav .web-nav-btn>* {
        transform: scaleX(0);
    }

    .webNav .web-nav-btn::before {
        transform: translate(0, 7px) rotate(45deg);
    }

    .webNav .web-nav-btn::after {
        transform: translate(0, -7px) rotate(-45deg);
    }

    .webNav .lh-nav {
        transform: translateX(0);
    }

    main {
        padding-top: 50px;
        width: 100vw;
        overflow-x: hidden;
    }

    .index-banner {
        height: calc(100vh - 50px);
    }

    .l-font80 {
        font-size: 32px;
    }
    .l-font18 {
        font-size: 18px;
        font-size: clamp(14px, 0.9375vw, 18px)
    }
    .l-font22 {
        font-size: 22px;
        font-size: clamp(16px, 1.1458333333333333vw, 22px)
    }
    .lines {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-all;
    }

    .lines1 {
        -webkit-line-clamp: 1
    }

    .lines2 {
        -webkit-line-clamp: 2
    }
    .index-banner-btn>* {
        width: 24px;
        height: 24px;
    }

    .index-banner-num>span {
        width: 23px;
    }

    .index-pro-item>*>* {
        display: block;
    }

    .index-pro-item>* .img {
        width: 90vw;
    }

    .index-pro-item>* .text {
        width: 90vw;
        padding: 20px 0 0;
    }

    .index-pro-item>* {
        margin-right: 20px;
    }

    .index-pro-hd {
        top: 30px;
    }

    .index-about-bg {
        width: 100%;
    }

    .index-about-total>* {
        width: 48%;
    }

    .index-about-cont>.right {
        display: none;
    }

    .index-about-attes>* {
        flex: none;
        width: 20%;
    }

    .index-about-attes>*>* {
        padding: 10px;
    }

    .index-featured>* {
        display: block;
    }

    .index-featured>.l-container>.right {
        width: 100%;
        display: block;
    }

    .index-featured>.l-container>.left>.bottom {
        display: none;
    }

    .featured-r {
        display: block;
        width: 100%;
        padding: 0;
    }

    .featured-hd {
        display: flex;
    }

    .featured-hd>* {
        flex: 1;
        padding: 10px;
    }

    .featured-hd>*>*::after {
        border: 8px solid transparent;
        border-top: 8px solid var(--color-dominant);
        left: 50%;
        transform: translateX(-50%);
        top: 100%;
    }

    .featured-cont {
        width: 100%;
    }

    .index-news-cont>.left,
    .index-news-cont>.center {
        width: 48%;
    }

    .index-news-cont>.center {
        margin-left: auto;
        padding-left: 0;
    }

    .index-news-cont>.right {
        width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }

    .index-news-cont>.center .ccont {
        display: none;
    }

    .index-news-cont>.center>* .view-more {
        width: 30px;
    }

    .index-news-cont>.center>* .view-more>* {
        width: 16px;
    }

    .footer-top>.center {
        display: none;
    }

    .footer-top .left,
    .footer-top .right {
        width: 100%;
    }

    .footer-top .right {
        padding: 0;
        margin-top: 20px;
        display: none;
    }

    .footer-contact>dt i {
        width: 20px;
    }

    .footer-top>.right .tip {
        text-align: left;
    }

    .footer-top>.right .btn {
        height: 40px;
        margin-left: 0;
    }

    .footer-link>.right {
        display: none;
    }

    .footer-copy>.right {
        display: none;
    }

    .pro-detail-hd {
        width: 110%;
        font-size: 12px;
        margin-left: -5%;
    }

    .pro-detail-hd>* {
        margin: 0 4px;
    }

    .pro-detail-hd>*>* {
        min-width: initial;
        padding: 0 10px;
    }

    .pro-detail-info>.left,
    .pro-detail-info>.right {
        width: 100%;
    }

    .pro-detail-info>.left .ccont {
        padding-bottom: 0;
    }

    .pro-detail-info>.right {
        margin-top: 40px;
        padding-bottom: 30px;
    }

    .featured-item>* {
        width: 100%;
    }

    .pro-top {
        aspect-ratio: 2/1.2;
    }

    .pro-top .cont {
        padding: 20px;
    }

    .pro-top .cont>.right {
        margin-left: 0;
    }

    .index-pro-item.list>* .img,
    .index-pro-item.list>* .text {
        width: 100%;
    }

    .index-pro-item.list>* .text {
        padding: 20px !important;
        position: relative !important;
    }

    .index-pro-item.list>*:nth-child(2n) .text .num {
        right: 0;
    }

    .about-skl>*>* {
        width: 100% !important;
        padding: 0 !important;
    }

    .about-skl>*>.right {
        margin-top: 30px;
    }

    .culture-hd {
        width: 100%;
    }

    .history-banner .bd li {
        padding-top: 0 !important;
    }

    .history-cont {
        margin-top: 30px;
    }

    .history-bottom {
        margin-top: 0;
    }

    .history-banner .bd li .ccont {
        white-space: normal;
    }

    .certif-banner {
        width: 100%;
    }

    .certif-cont>.bg {
        width: 100%;
        bottom: 50px;
    }

    .contact-way>*>.left {
        width: 100%;
    }

    .contact-message .icon {
        font-size: 60px;
    }

    .message-input>* {
        width: 100%;
    }

    .news-top>*>.left,
    .news-detail>.l-container>.left,
    .technology-quality>*>.left {
        width: 100%;
        padding: 0;
    }

    .news-top>*>.right,
    .news-detail>.l-container>.right,
    .technology-quality>*>.right {
        width: 100%;
    }

    .news-top-hd {
        width: 100px;
    }

    .news-top-bd {
        width: calc(100% - 100px);
    }

    .news-top-banner {
        aspect-ratio: 1/1;
    }

    .news-top-banner .bd .ccont {
        display: none;
    }

    .news-top-banner .bd .bottom .view-more {
        width: 32px;
    }

    .news-top-banner .bd .bottom .view-more span {
        width: 16px;
    }

    .index-news-item.list>* {
        width: 100%;
    }

    .news-detail>.l-container>.right {
        margin-top: 10px;
    }

    .news-detail-page>* i {
        width: 32px;
        height: 32px;
    }

    .apply-cont {
        width: 100%;
    }

    .apply-r {
        display: none;
    }

    .technology-platform>*>.left {
        width: 100%;
    }

    .technology-platform::before {
        display: none;
    }

    .technology-platform>*>.left .ccont {
        margin-top: 50px;
    }

    .technology-platform>*>.right {
        width: 100%;
        background-color: var(--color-dominant);
        display: block;
        border-radius: 10px;
    }

    .technology-platform>*>.right::before {
        display: none;
    }

    .platform-hd {
        display: flex;
        width: 100%;
        left: 0;
        top: -80px;
    }

    .platform-hd>* {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
    }

    .platform-bd {
        width: 100%;
        padding: 20px;
        margin-top: -80px;
    }

    .technology-platform {
        padding-bottom: var(--size-100);
    }

    .technology-production .ccont,
    .production-imgs {
        width: 100%;
    }

    .production-imgs>* {
        padding: 0 20px;
    }

    .technology-quality .bottom {
        margin-top: 40px;
    }

    .technology-quality>*>.right {
        margin-top: 30px;
    }

    .technology-certif>.bg,
    .detail-hd {
        display: none;
    }

    .certif-top>.left,
    .certif-top>.right {
        width: 100%;
    }

    .lh-detail>*>.left {
        width: 100%;
        padding: 0;
    }

    .lh-detail>*>.right {
        width: 100%;
        padding: 0;
    }

    .lh-detail::before {
        display: none;
    }

    .detail-bd {
        width: 100%;
        padding: 0;
    }

    .detail-page>* {
        display: block;
        height: auto;
    }

    .detail-page>* .left {
        padding: 10px;
    }

    .detail-page>* .consult {
        padding: 10px;
    }

    .lh-detail>*>.right {
        padding: 30px 20px;
        background-color: #E8F4EB;
        margin-top: 30px;
    }

    .detail-info-hd {
        font-size: 12px;
        height: 32px;
    }

    .detail-info-hd>* {
        margin-left: 10px;
    }
}

.index-news-top {
    align-items: center;
}

.index-news-top>.right {
    margin-left: auto;
}

.more-btn {
    display: flex;
    align-items: center;
}

.more-btn .view-more {
    color: var(--color-dominant);
    width: var(--size-20);
    background: none;
    margin-left: var(--size-10);
}
.index-news-cont>.left-bg>* {
    display: block;
    position: relative;
    aspect-ratio: 440/626;
    overflow: hidden;
    border-radius: var(--size-10);
    overflow: hidden;
}
.left-img{
    border-radius: 40px;
    width:22.70833vw;
    height: auto;
}
.index-news-cont>.left-bg>* img {
    width: 100%;
    height: 100%;
    transition: var(--transition);
}

.index-news-cont>.left-bg>*::before {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    background: var(--linear-gradient-shadow);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.left-bg{
    position: relative;
    padding: 0;
    height: 31.770833vw;
    box-sizing: border-box;
}
.left-bg img{
    height: 100%;
    object-fit: cover;
}
.left-bg .text {
    position: absolute;
    left: var(--size-25);
    right: var(--size-25);
    bottom: var(--size-25);
    z-index: 3;
}

.index-news-cont>.left-bg>*:hover img {
    transform: scale(1.2);
}

.center-bg{
    background: #FFF6EC;
    padding: 1vw 2vw;
    overflow: hidden;
    border-radius: 40px;
    height: 31.377083vw;
    box-sizing: border-box;
}

.index-news-cont>.center-bg>* {
    background-color: #fff;
    border-radius: var(--size-10);
    overflow: hidden;
    padding: var(--size-40) var(--size-30);
    height: 100%;
}

.index-news {
    background-color: #fff;
    padding: 5vw 0;
}

.view-more1 {
    width: var(--size-50);
    margin-top: var(--size-20);
    margin-bottom: var(--size-20);
}
.view-more2 {
    width: var(--size-15);
    transform: rotate(-45deg);
}
.index-news-cont>.center-bg>* .bottom {
    margin-top: auto;
    border-radius: var(--size-10);
    overflow: hidden;
}

.index-news-cont>.center-bg>* .bottom img {
    width: 100%;
    height: 100%;
    transition: var(--transition);
}

.index-news-cont>.center-bg>*:hover img {
    transform: scale(1.2);
}

.right-bg{
    width: 100%;
    padding-left: var(--size-20);
    height: 31.770833vw;;
}

.index-news-item {
    align-items: center;
    height: calc(100% + var(--size-20));
    margin-top: var(--size-10-);
    width: 100%;
}

.index-news-item>* {
    height: 33.3%;
    padding:  0 0 var(--size-20) 0;
    width: 100%;
}

.index-news-item>*>* {
    display: flex;
    border-radius: var(--size-40);
    background: #FFF6EC;
    padding: var(--size-30) var(--size-20) var(--size-10);
    height: 100%;
}

.index-news-item>* .time {
    width: var(--size-100);
}

.index-news-item>* .text {
    width: calc(100% - var(--size-100));
    padding-left: var(--size-30);
    border-left: 1px solid #EBEBEB;
}

.index-news-item>* .view-more {
    background: none;
    color: var(--color-dominant);
    width: var(--size-20);
}
.l-dominant {
    color: var(--color-dominant)
}


/*layer*/
.layui-m-layer {
    position: relative;
    z-index: 19891014
}

.layui-m-layer * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.layui-m-layermain,
.layui-m-layershade {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.layui-m-layershade {
    background-color: rgba(0, 0, 0, .7);
    pointer-events: auto
}

.layui-m-layermain {
    display: table;
    font-family: Helvetica, arial, sans-serif;
    pointer-events: none
}

.layui-m-layermain .layui-m-layersection {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.layui-m-layerchild {
    position: relative;
    display: inline-block;
    text-align: left;
    background-color: #fff;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    pointer-events: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

@-webkit-keyframes layui-m-anim-scale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes layui-m-anim-scale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.layui-m-anim-scale {
    animation-name: layui-m-anim-scale;
    -webkit-animation-name: layui-m-anim-scale
}

@-webkit-keyframes layui-m-anim-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(800px);
        transform: translateY(800px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes layui-m-anim-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(800px);
        transform: translateY(800px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.layui-m-anim-up {
    -webkit-animation-name: layui-m-anim-up;
    animation-name: layui-m-anim-up
}

.layui-m-layer0 .layui-m-layerchild {
    width: 90%;
    max-width: 640px
}

.layui-m-layer1 .layui-m-layerchild {
    border: none;
    border-radius: 0
}

.layui-m-layer2 .layui-m-layerchild {
    width: auto;
    max-width: 260px;
    min-width: 40px;
    border: none;
    background: 0 0;
    box-shadow: none;
    color: #fff
}

.layui-m-layerchild h3 {
    padding: 0 10px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px 5px 0 0;
    text-align: center
}

.layui-m-layerbtn span,
.layui-m-layerchild h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.layui-m-layercont {
    padding: 50px 30px;
    line-height: 22px;
    text-align: center
}

.layui-m-layer1 .layui-m-layercont {
    padding: 0;
    text-align: left
}

.layui-m-layer2 .layui-m-layercont {
    text-align: center;
    padding: 0;
    line-height: 0
}

.layui-m-layer2 .layui-m-layercont i {
    width: 25px;
    height: 25px;
    margin-left: 8px;
    display: inline-block;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: layui-m-anim-loading 1.4s infinite ease-in-out;
    animation: layui-m-anim-loading 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.layui-m-layerbtn,
.layui-m-layerbtn span {
    position: relative;
    text-align: center;
    border-radius: 0 0 5px 5px
}

.layui-m-layer2 .layui-m-layercont p {
    margin-top: 20px
}

@-webkit-keyframes layui-m-anim-loading {

    0%,
    100%,
    80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes layui-m-anim-loading {

    0%,
    100%,
    80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.layui-m-layer2 .layui-m-layercont i:first-child {
    margin-left: 0;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.layui-m-layer2 .layui-m-layercont i.layui-m-layerload {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.layui-m-layer2 .layui-m-layercont>div {
    line-height: 22px;
    padding-top: 7px;
    margin-bottom: 20px;
    font-size: 14px
}

.layui-m-layerbtn {
    display: box;
    display: -moz-box;
    display: -webkit-box;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 0;
    border-top: 1px solid #D0D0D0;
    background-color: #F2F2F2
}

.layui-m-layerbtn span {
    display: block;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-box-flex: 1;
    font-size: 14px;
    cursor: pointer
}

.layui-m-layerbtn span[yes] {
    color: #40AFFE
}

.layui-m-layerbtn span[no] {
    border-right: 1px solid #D0D0D0;
    border-radius: 0 0 0 5px
}

.layui-m-layerbtn span:active {
    background-color: #F6F6F6
}

.layui-m-layerend {
    position: absolute;
    right: 7px;
    top: 10px;
    width: 30px;
    height: 30px;
    border: 0;
    font-weight: 400;
    background: 0 0;
    cursor: pointer;
    -webkit-appearance: none;
    font-size: 30px
}

.layui-m-layerend::after,
.layui-m-layerend::before {
    position: absolute;
    left: 5px;
    top: 15px;
    content: '';
    width: 18px;
    height: 1px;
    background-color: #999;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-radius: 3px
}

.layui-m-layerend::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

body .layui-m-layer .layui-m-layer-footer {
    position: fixed;
    width: 95%;
    max-width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 10px;
    background: 0 0
}

.layui-m-layer-footer .layui-m-layercont {
    padding: 20px;
    border-radius: 5px 5px 0 0;
    background-color: rgba(255, 255, 255, .8)
}

.layui-m-layer-footer .layui-m-layerbtn {
    display: block;
    height: auto;
    background: 0 0;
    border-top: none
}

.layui-m-layer-footer .layui-m-layerbtn span {
    background-color: rgba(255, 255, 255, .8)
}

.layui-m-layer-footer .layui-m-layerbtn span[no] {
    color: #FD482C;
    border-top: 1px solid #c2c2c2;
    border-radius: 0 0 5px 5px
}

.layui-m-layer-footer .layui-m-layerbtn span[yes] {
    margin-top: 10px;
    border-radius: 5px
}

body .layui-m-layer .layui-m-layer-msg {
    width: auto;
    max-width: 90%;
    margin: 0 auto;
    bottom: -150px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff
}

.layui-m-layer-msg .layui-m-layercont {
    padding: 10px 20px
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

/*start===*/
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu,
main {
    display: block;
    padding: 0;
    margin: 0
}

*,
:before,
:after {
    box-sizing: border-box
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

img {
    border: 0;
    display: inline-block;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}

ul,
dl,
li,
dt,
dd {
    list-style: none
}

body,
html {
    min-height: 100%
}

body {
    font-size: var(--font-size);
    color: var(--body-color);
    font-family: var(--font);
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    overflow-x: hidden
}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

a {
    text-decoration: none;
    color: inherit;
    outline: none;
    transition: var(--transition)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

pre {
    font-family: inherit;
    white-space: pre-wrap;
    word-wrap: break-word
}

input,
textarea,
select {
    outline: none;
    -webkit-appearance: none;
    border-radius: var(--border-radius);
    font-size: inherit;
    font-family: inherit;
    display: block;
    width: 100%;
    border: none;
    border: 1px solid var(--input-border-color);
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    transition: var(--transition);
    background: none
}

textarea {
    resize: none
}

input::-webkit-input-placeholder {
    color: var(--placeholder)
}

input:-moz-placeholder,
input::-moz-placeholder {
    color: var(--placeholder)
}

input:-ms-input-placeholder {
    color: var(--placeholder)
}

textarea::-webkit-input-placeholder {
    color: var(--placeholder)
}

textarea:-moz-placeholder {
    color: var(--placeholder)
}

textarea::-moz-placeholder {
    color: var(--placeholder)
}

textarea:-ms-input-placeholder {
    color: var(--placeholder)
}

select::-ms-expand {
    display: none
}

i,
em {
    font-style: normal
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

::-webkit-scrollbar-button:vertical,
::-webkit-scrollbar-button:horizontal {
    display: none
}

::-webkit-scrollbar-track:vertical,
::-webkit-scrollbar-track:horizontal {
    background-color: black
}

::-webkit-scrollbar-track-piece {
    background: #E3E3E3
}

::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
    background-color: var(--bg-scroll);
    border-radius: 10px
}

::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: #3B3B3B
}

::-webkit-scrollbar-corner:vertical,
::-webkit-scrollbar-corner:horizontal {
    background-color: #535353
}

::-webkit-scrollbar-resizer:vertical,
::-webkit-scrollbar-resizer:horizontal {
    background-color: #FF6E00
}

.l-center {
    text-align: center
}

.l-relative {
    position: relative
}

.l-overflow {
    overflow: hidden
}

.l-bold {
    font-weight: bold
}

.l-imgs {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%
}

.l-uppercase {
    text-transform: uppercase
}

.l-lh0 {
    line-height: 100%
}

.l-lh1 {
    line-height: 110%
}

.l-lh2 {
    line-height: 120%
}

.l-lh3 {
    line-height: 130%
}

.l-lh4 {
    line-height: 140%
}

.l-lh5 {
    line-height: 150%
}

.l-lh6 {
    line-height: 160%
}

.l-lh7 {
    line-height: 170%
}

.l-lh8 {
    line-height: 180%
}

.l-lh9 {
    line-height: 190%
}

.l-lh10 {
    line-height: 200%
}

.l-font12 {
    font-size: 12px
}

.l-font16 {
    font-size: 16px;
    font-size: clamp(14px, 0.8333333333333334vw, 16px)
}

.l-font18 {
    font-size: 18px;
    font-size: clamp(14px, 0.9375vw, 18px)
}

.l-font20 {
    font-size: 20px;
    font-size: clamp(16px, 1.0416666666666665vw, 20px)
}

.l-font22 {
    font-size: 22px;
    font-size: clamp(16px, 1.1458333333333333vw, 22px)
}

.l-font24 {
    font-size: 24px;
    font-size: clamp(16px, 1.25vw, 24px)
}

.l-font26 {
    font-size: 26px;
    font-size: clamp(18px, 1.3541666666666667vw, 26px)
}

.l-font28 {
    font-size: 28px;
    font-size: clamp(18px, 1.4583333333333333vw, 28px)
}

.l-font30 {
    font-size: 30px;
    font-size: clamp(18px, 1.5625vw, 30px)
}

.l-font32 {
    font-size: 32px;
    font-size: clamp(18px, 1.6666666666666667vw, 32px)
}

.l-font34 {
    font-size: 34px;
    font-size: clamp(20px, 1.7708333333333333vw, 34px)
}

.l-font36 {
    font-size: 36px;
    font-size: clamp(20px, 1.875vw, 36px)
}

.l-font38 {
    font-size: 38px;
    font-size: clamp(22px, 1.9791666666666665vw, 38px)
}

.l-font40 {
    font-size: 40px;
    font-size: clamp(22px, 2.083333333333333vw, 40px)
}

.l-font42 {
    font-size: 42px;
    font-size: clamp(22px, 2.1875vw, 42px)
}

.l-font44 {
    font-size: 44px;
    font-size: clamp(24px, 2.2916666666666665vw, 44px)
}

.l-font46 {
    font-size: 46px;
    font-size: clamp(24px, 2.3958333333333335vw, 46px)
}

.l-font48 {
    font-size: 48px;
    font-size: clamp(26px, 2.5vw, 48px)
}

.l-font50 {
    font-size: 50px;
    font-size: clamp(28px, 2.604166666666667vw, 50px)
}

.l-font52 {
    font-size: 52px;
    font-size: clamp(28px, 2.7083333333333335vw, 52px)
}

.l-font54 {
    font-size: 54px;
    font-size: clamp(28px, 2.8125vw, 54px)
}

.l-font56 {
    font-size: 56px;
    font-size: clamp(30px, 2.9166666666666665vw, 56px)
}

.l-font58 {
    font-size: 58px;
    font-size: clamp(30px, 3.0208333333333335vw, 58px)
}

.l-font60 {
    font-size: 60px;
    font-size: clamp(32px, 3.125vw, 60px)
}

.l-opacity8 {
    opacity: .8
}

.l-opacity7 {
    opacity: .7
}

.l-opacity6 {
    opacity: .6
}

.l-opacity5 {
    opacity: .5
}

.l-opacity4 {
    opacity: .4
}

.l-opacity3 {
    opacity: .3
}

.l-opacity2 {
    opacity: .2
}

.l-flex,
.l-grid-2,
.l-grid-3,
.l-grid-4,
.l-grid-5,
.l-grid-6,
.l-grid-7,
.l-grid-8 {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.l-flex-column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.l-grid-2>* {
    width: 50%
}

.l-grid-3>* {
    width: 33.333333333333336%
}

.l-grid-4>* {
    width: 25%
}

.l-grid-5>* {
    width: 20%
}

.l-grid-6>* {
    width: 16.666666666666668%
}

.l-grid-7>* {
    width: 14.285714285714286%
}

.l-grid-8>* {
    width: 12.5%
}

.l-white {
    color: var(--color-white)
}

.l-black {
    color: var(--color-black)
}

.l-gray3 {
    color: var(--color-gray3)
}

.l-gray6 {
    color: var(--color-gray6)
}

.l-gray9 {
    color: var(--color-gray9)
}
.l-gray4{
    color: #474747;
}
.lines {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}

.lines1 {
    -webkit-line-clamp: 1
}

.lines2 {
    -webkit-line-clamp: 2
}

.lines3 {
    -webkit-line-clamp: 3
}

.lines4 {
    -webkit-line-clamp: 4
}

.lines5 {
    -webkit-line-clamp: 5
}

.lines6 {
    -webkit-line-clamp: 6
}

.l-dominant {
    color: var(--color-dominant) !important;
}
.l-pd20{
    padding-top: var(--size-20);
    padding-bottom: var(--size-20);
}
.l-pb50{
    padding-bottom: var(--size-50);
}
.l-pb90{
    padding-bottom: var(--size-90);
}
.l-pd50 {
    padding-top: var(--size-50);
    padding-bottom: var(--size-50);
}
.l-pd40{
    padding-top: var(--size-40);
}
.l-pd60 {
    padding-top: var(--size-60);
    padding-bottom: var(--size-60);
}

.l-pd70 {
    padding-top: var(--size-70);
    padding-bottom: var(--size-70);
}

.l-pd80 {
    padding-top: var(--size-80);
    padding-bottom: var(--size-80);
}

.l-pd90 {
    padding-top: var(--size-90);
    padding-bottom: var(--size-90);
}

.l-pd100 {
    padding-top: var(--size-100);
    padding-bottom: var(--size-100);
}

.l-pd110 {
    padding-top: var(--size-110);
    padding-bottom: var(--size-110);
}

.l-pd120 {
    padding-top: var(--size-120);
    padding-bottom: var(--size-120);
}

.l-mg10 {
    margin-top: var(--size-10);
}

.l-mg15 {
    margin-top: var(--size-15);
}

.l-mg20 {
    margin-top: var(--size-20);
}

.l-mg25 {
    margin-top: var(--size-25);
}

.l-mg30 {
    margin-top: var(--size-30);
}

.l-mg35 {
    margin-top: var(--size-35);
}

.l-mg40 {
    margin-top: var(--size-40);
}

.l-mg45 {
    margin-top: var(--size-45);
}

.l-mg50 {
    margin-top: var(--size-50);
}

.l-mg55 {
    margin-top: var(--size-55);
}

.l-mg60 {
    margin-top: var(--size-60);
}

.l-mg65 {
    margin-top: var(--size-65);
}

.l-mg70 {
    margin-top: var(--size-70);
}

.l-mg75 {
    margin-top: var(--size-75);
}

.l-mg80 {
    margin-top: var(--size-80);
}

.l-mg90 {
    margin-top: var(--size-90);
}

.l-mg100 {
    margin-top: var(--size-100);
}

.l-mg110 {
    margin-top: var(--size-110);
}

.l-mg120 {
    margin-top: var(--size-120);
}

input::-webkit-inner-spin-button {
    display: none;
}

/*end===*/

/*svg*/
.separator {
    position: absolute;
    left: 0;
    right: 0;
    height: 150px;
    fill: var(--color-fill);
    pointer-events: none;
    z-index: 5;
}

.separator-up {
    top: -1px;
}

.separator-down {
    bottom: -1px;
}

/*load*/
.pace-activity {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    right: 0;
    bottom: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

svg.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin-left: -50px;
    margin-top: -50px;
    transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

svg.loader path {
    animation: endlessRotate 1s linear infinite;
    transform-origin: center;
}

@keyframes endlessRotate {
    from {
        transform: rotateZ(0deg)
    }

    to {
        transform: rotateZ(360deg)
    }
}

.showLoading .pace-activity {
    opacity: 1;
}

.pace-done .pace-activity {
    transition: var(--transition);
    pointer-events: none;
    opacity: 0;
}

.loading-progress {
    width: 500px;
    height: 200px;
}

/*cursor*/
.cursor {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    pointer-events: none;
    z-index: 10000;
    mix-blend-mode: hard-light;
}

.cursor__inner {
    fill: none;
    stroke-width: 1px;
}

/*animate*/
.fadeInUp1 {
    animation: fadeInUp1 cubic-bezier(0.215, .61, .355, 1) 1s forwards;
    transform: translateY(80px);
    opacity: 0;
}

.fadeInUp {
    animation: fadeInUp cubic-bezier(0.215, .61, .355, 1) 1s forwards;
    transform: translateY(100%);
    opacity: 0;
}

.fadeInUpImg {
    position: absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: inherit;
    clip: rect(0, 500px, 0, 0);
    animation: fadeInUpImg cubic-bezier(0.215, .61, .355, 1) 1s forwards;
}

.up50 {
    transform: translateY(50%);
}

.delay1 {
    animation-delay: .1s;
}

.delay2 {
    animation-delay: .2s;
}

.delay3 {
    animation-delay: .3s;
}

.delay4 {
    animation-delay: .4s;
}

.delay5 {
    animation-delay: .5s;
}

@keyframes fadeInUp1 {
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.acc-bd {
    display: none;
}

.on .acc-bd {
    display: flex;
}

.tab-bd>* {
    display: none;
}

.tab-bd>*.on {
    display: flex;
}

.l-layer {
    display: flex;
    backdrop-filter: blur(5px);
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
}

/*cont*/
.l-container {
    width: 1630px;
    width: clamp(800px, 84.89583333333334vw, 1630px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    padding-left: 15px;
    padding-right: 15px;
}

header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100;
    align-items: center;
    padding: var(--size-25) 0;
}

header>* {
    align-items: center;
}

.lh-logo {
    position: relative;
    display: block;
    width: calc(var(--size-130) + 7px);
}

.lh-logo>* {
    transition: var(--transition);
}

.lh-logo>*:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.lh-nav {
    margin-left: auto;
    margin-right: auto;
}

.lh-nav>* {
    margin: 0 var(--size-20);
    position: relative;
}

.lh-nav>*::after,
.lh-nav>*::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: calc(var(--size-10-) / 2);
    transition: var(--transition);
    transform: scaleX(0);
    transform-origin: left center;
}

.lh-nav>*::before {
    bottom: auto;
    top: calc(var(--size-10-) / 2);
    transform-origin: right center;
}

.lh-nav>*.on {
    color: var(--color-dominant);
}

.lh-nav>*:hover::before,
.lh-nav>*:hover::after {
    transform: scale(1);
}

.lh-lang>dt {
    aspect-ratio: 2/1;
    height: var(--size-40);
    min-height: 32px;
    border: 2px solid #fff;
    border-radius: var(--size-40);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.lh-lang>dt i {
    margin-right: var(--size-10);
}

.lh-lang>dd {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    right: 0;
    padding-top: 60%;
    opacity: 0;
    pointer-events: none;
}

.lh-lang:hover>dd {
    opacity: 1;
    pointer-events: auto;
    transition: var(--transition);
}

.lang-select {
    background-color: #fff;
    color: #000;
    padding: var(--size-10) 0;
    position: relative;
}

.lang-select>* {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--size-10);
    white-space: nowrap;
}

.lang-select>*:hover {
    color: var(--color-dominant);
}

.lang-select::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: var(--size-10) solid transparent;
    border-bottom: var(--size-10) solid #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: var(--size-15-);
}

.index-banner {
    height: 100vh;
    background-color: #000;
}

.index-banner .bd a,
.index-banner .bd .img,
.index-banner .bd img {
    display: block;
    width: 100%;
    height: 100%;
}

.index-banner .bd .l-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.l-font80 {
    font-size: var(--size-80);
}

.index-banner .circle {
    display: block;
    width: 580px;
    width: clamp(290px, 30.208333333333332vw, 580px);
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .6);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 1/1;
}

.index-banner .circle>* {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: circle linear 10s infinite;
}

@keyframes circle {
    to {
        transform: rotate(360deg);
    }
}

.index-banner .circle>*::before {
    content: '';
    display: block;
    width: var(--size-15);
    height: var(--size-15);
    background-color: #68e05b;
    position: absolute;
    left: 50%;
    top: calc(var(--size-15-) / 2);
    border-radius: 50%;
    transform: translateX(-50%);
}

.index-banner>.l-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: var(--size-60);
    align-items: center;
}

.index-banner-num {
    align-items: center;
}

.index-banner-num>span {
    width: var(--size-35);
}

.index-banner-num>.bannerHd {
    width: var(--size-95);
    height: 2px;
    position: relative;
    background-color: rgba(255, 255, 255, .3);
    margin: 0 var(--size-15) 0 0;
}

.index-banner-num>.bannerHd>* {
    background-color: #fff;
}

.index-banner-btn>* {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-30);
    height: var(--size-30);
    border-radius: 50%;
    border: 1px solid #fff;
    margin-left: var(--size-10);
}

.index-banner-btn {
    display: flex;
}

.index-banner-btn>*:hover {
    background-color: #fff;
    color: #000;
}

.index-banner .ccont>* {
    text-shadow: 0 2px 24px rgba(0, 0, 0, .5);
}

.l-fullpage {
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.view-more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-80);
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--color-dominant);
    color: #fff;
    transform: rotate(-45deg);
}

.view-more>* {
    width: 20px;
    overflow: hidden;
}

.cls-1 {
    fill: currentColor;
}

.index-pro-item {
    display: flex;
}

.index-pro-item>* {
    margin-right: var(--size-110);
}

.index-pro-item>*>* {
    display: flex;
}

.index-pro-item>* .img {
    width: 720px;
    aspect-ratio: 720/404;
    width: clamp(360px, 37.5vw, 720px);
    border-radius: var(--size-30);
    transition: var(--transition);
	background:#FFF8F2;
	display: flex;
    justify-content: center;
    align-items: center;
}

.index-pro-item>* .img img {
   width:auto;
    height: 21.042vw;
    transition: var(--transition);
}

.index-pro-item>* .text {
    width: 680px;
    width: clamp(340px, 35.41666666666667vw, 680px);
    padding-left: var(--size-70);
}

.index-pro-item>* .text .num {
    font-size: calc(var(--size-80) * 2);
    position: absolute;
    right: 0;
    top: var(--size-30-);
    line-height: 100%;
    font-weight: bold;
    color: var(--color-dominant);
    -webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
    mask-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7));
    transition: -webkit-mask-image 0.5s ease-in-out, mask-image 0.5s ease-in-out;

}
.index-pro-item>*:hover  .text .num{
    -webkit-mask-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    mask-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    transition: -webkit-mask-image 0.5s ease-in-out, mask-image 0.5s ease-in-out;
}
.index-pro-item>*:hover .img img {
    transform: scale(0.9);
}

.index-pro-item>*:hover .img {
    border-radius: var(--size-60);
}

.index-pro-hd {
    width: var(--size-100);
    height: 4px;
    background-color: #c3e7cd;
    border-radius: 4px;
    position: relative;
    top: calc(var(--size-100) * 2);
}

.index-pro-hd>* {
    width: 0;
    height: 100%;
    background-color: var(--color-dominant);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
}

.index-about {
    background-color: #37a356;
}

.index-about>* .title {
    margin-top: var(--size-20-);
}

.index-about-total>* {
    width: calc(var(--size-95) * 2);
    height: calc(var(--size-85) * 2);
    border-radius: var(--size-20);
    background: linear-gradient(0deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0));
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 2px;
    padding-top: var(--size-20);
}

.index-about-cont>.right {
    margin-left: auto;
}

.index-about-attes {
    width: 106%;
    margin-left: -3%;
}

.index-about-attes>* {
    flex: 1;
}

.index-about-attes>*>* {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.index-about-bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 1049px;
    width: clamp(524px, 54.63541666666667vw, 1049px);
}

.index-about-bg>img {
    opacity: 0.2;
}

.index-about-bg>.img {
    position: absolute;
    right: 0;
    top: 0;
    aspect-ratio: 1049/849;
    -webkit-mask: url(/statics/my/css/"../images/icon2.png"/*tpa=http:/www.biogin.com/style/img/icon2.png*/);
    -webkit-mask-size: cover;
    transform: scale(0.988);
    transform-origin: right top;
    overflow: hidden;
}


.lh-fixed {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    --color: #4fc170;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
}

.fixed-item>* {
    margin: 2px 0;
    background-color: var(--color);
    padding: 6px;
    border-radius: var(--size-55) 0 0 var(--size-55);
    display: flex;
    align-items: center;
    transform: translateX(calc(100% - var(--size-70)));
    transition: var(--transition);
    pointer-events: auto;
}

.fixed-item>*>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-55);
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #fff;
    color: var(--color);
}

.fixed-item>*>.cont {
    padding: 0 var(--size-30) 0 var(--size-15);
}

.fixed-item>*>.cont p {
    margin-bottom: 4px;
}

.fixed-item>* .footer-share-item>* {
    width: auto;
    border: none;
    --size-10: var(--size-20);
    opacity: .7;
}

.fixed-item>* .footer-share-item>*:hover {
    background: none;
    color: #fff;
    opacity: 1;
}

.fixed-item>*:hover {
    transform: translateX(0);
}

.message-layer {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 100;
    border-radius: var(--size-20) var(--size-20) 0 0;
    background-color: #fff;
    --color: #4fc170;
    --color-hover: #4fc170;
    width: 397px;
    width: clamp(198px, 20.677083333333332vw, 397px);
    overflow: hidden;
}

.message-layer>.title {
    height: var(--size-50);
    align-items: center;
    padding: 0 var(--size-30);
    background-color: var(--color);
}

.message-layer>.title>.right {
    margin-left: auto;
}

.message-layer>.title>.right i {
    display: block;
    cursor: pointer;
}

.message-layer>.title>.left {
    display: flex;
    align-items: center;
}

.message-layer>.title>.left i {
    margin-right: var(--size-10);
}

.message-layer>.cont {
    padding: var(--size-30);
}

.message-layer-item>* {
    margin-bottom: var(--size-20);
}

.message-layer-item>* input,
.message-layer-item>* textarea {
    height: var(--size-55);
    border-radius: 6px;
    border: 1px solid #DDD;
    padding: 0 var(--size-20);
}

.message-layer-item>* input:focus,
.message-layer-item>* textarea:focus {
    border-color: var(--color);
    box-shadow: 0 0 10px rgba(109, 203, 207, 0.2) inset;
}

.message-layer-item>* textarea {
    height: var(--size-130);
    padding: var(--size-20);
    line-height: 140%;
}

.message-btn {
    height: var(--size-55);
    background-color: var(--color);
    border-radius: 6px;
    margin-top: var(--size-30);
    align-items: center;
    justify-content: center;
}

.message-btn:hover {
    background-color: var(--color-hover);
}

.index-pro-item>* .text .icon {
    width: calc(var(--size-55) * 4);
}

.index-featured-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.index-featured-bg img {
    width: 100%;
    height: 100%;
}

.index-featured>.l-container>.left {
    width: 618px;
    width: clamp(309px, 32.1875vw, 618px);
    padding-right: var(--size-130);
}

.index-featured>.l-container>.right {
    width: calc(100% - clamp(309px, 32.1875vw, 618px));
    display: flex;
}

.index-featured>.l-container>.left>.bottom {
    width: 100%;
    margin-top: auto;
    filter: brightness(100);
}

.featured-r {
    width: calc(var(--size-85) * 2);
    padding-right: var(--size-70);
    display: flex;
    align-items: center;
}

.featured-cont {
    width: calc(100% - calc(var(--size-85) * 2));
}

.featured-hd>* {
    aspect-ratio: 1/1;
    margin: var(--size-30) 0;
}

.featured-hd>*>* {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid rgba(255, 255, 255, .3);
    position: relative;
}

.featured-hd>*>* img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.featured-hd>*.on>* {
    border-color: var(--color-dominant);
}

.featured-hd>*>*::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left: 10px solid var(--color-dominant);
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    opacity: 0;
}

.featured-hd>*.on>*::after {
    opacity: 1;
}

.featured-cont {
    background-color: rgba(255, 255, 255, .9);
    border-radius: var(--size-60);
}

.featured-cont a {
    display: block;
    padding: var(--size-140) var(--size-85) var(--size-120);
    height: 100%;
    position: relative;
}

.featured-cont .img {
    position: absolute;
    right: var(--size-20);
    top: var(--size-20);
    width: 254px;
    width: clamp(127px, 13.229166666666666vw, 254px);
}

.featured-cont .top {
    width: 45%;
}

.featured-cont .view-more {
    margin-top: var(--size-130);
}

.index-featured-bg {
    background-color: #000;
}

.index-news-top {
    align-items: center;
}

.index-news-top>.right {
    margin-left: auto;
}

.more-btn {
    display: flex;
    align-items: center;
}

.more-btn .view-more {
    color: var(--color-dominant);
    width: var(--size-20);
    background: none;
    margin-left: var(--size-10);
}

.index-news-cont>.left {
    width: calc(var(--size-55) * 8);
}

.index-news-cont>.left>* {
    display: block;
    position: relative;
    aspect-ratio: 440/626;
    overflow: hidden;
    border-radius: var(--size-10);
    overflow: hidden;
}
.index-news-cont>.left a{
display:block;
width:95%;
height:100%	
}
.index-news-cont>.left>* img {
    width: 100%;
    height: 100%;
    transition: var(--transition);
}

.index-news-cont>.left>*::before {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    background: var(--linear-gradient-shadow);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.index-news-cont>.left>* .text {
    position: absolute;
    left: var(--size-25);
    right: var(--size-25);
    bottom: var(--size-25);
    z-index: 3;
}

.index-news-cont>.left>*:hover img {
    transform: scale(1.2);
}

.index-news-cont>.center {
    width: calc(var(--size-55) * 8);
    padding-left: var(--size-20);
}

.index-news-cont>.center>* {
    background-color:#FFF6EC;
    border-radius: var(--size-10);
    overflow: hidden;
    padding: var(--size-40) var(--size-30);
    height: 100%;
}

.index-news {
    background-color:#fff;
}

.index-news-cont>.center>* .view-more {
    width: var(--size-50);
    margin-top: var(--size-30);
    margin-bottom: var(--size-30);
}

.index-news-cont>.center>* .bottom {
    margin-top: auto;
    border-radius: var(--size-10);
    overflow: hidden;
}

.index-news-cont>.center>* .bottom img {
    width: 100%;
    height: 100%;
    transition: var(--transition);
}

.index-news-cont>.center>*:hover img {
    transform: scale(1.2);
}

.index-news-cont>.right {
    width: calc(100% - var(--size-55) * 16);
    padding-left: var(--size-20);
}

.index-news-item {
    align-items: center;
    height: calc(100% + var(--size-20));
    margin-top: var(--size-10-);
    width: 100%;
}

.index-news-item>* {
    height: 33.3%;
    padding: var(--size-10) 0;
    width: 100%;
}

.index-news-item>*>* {
    display: flex;
    border-radius: var(--size-10);
    background-color: #FFF6EC;
    padding: var(--size-20) var(--size-45);
    height: 100%;
}

.index-news-item>* .time {
    width: var(--size-100);
}

.index-news-item>* .text {
    width: calc(100% - var(--size-100));
    padding-left: var(--size-30);
    border-left: 1px solid #EBEBEB;
}

.index-news-item>* .view-more {
    background: none;
    color: var(--color-dominant);
    width: var(--size-20);
    margin-top: var(--size-30);
}

.footer-top {
    padding: var(--size-80) 0 var(--size-40);
}

.footer-top>.left .logo {
    width: calc(var(--size-130) + 7px);
    display: block;
}

.footer-contact {
    margin-top: var(--size-40);
}

.footer-contact>dt {
    margin-top: var(--size-20);
    display: flex;
    align-items: center;
}

.footer-contact>dd {
    margin-top: var(--size-10);
    padding-left: var(--size-25);
}

.footer-contact>dt i {
    width: var(--size-25);
    display: block;
}

.footer-top>.center {
    margin-left: auto;
    margin-right: auto;
    padding-top: var(--size-15);
}

.footer-top>.right {
    padding-top: var(--size-15);
}

.footer-top>.right .tip {
    text-align: right;
}

.footer-top>.right .btn {
    height: var(--size-60);
    aspect-ratio: 180/60;
    border: 1px solid #fff;
    border-radius: var(--size-60);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}

.footer-top>.right .btn i {
    margin-left: var(--size-20);
}

.footer-link {
    align-items: center;
}

.footer-link>.right {
    margin-left: auto;
}

.footer-link>.left a {
    margin-right: var(--size-40);
    opacity: .7;
}

.footer-link>.left a:hover {
    text-decoration: underline;
}

.footer-nav a:hover {
    text-decoration: underline;
}

.footer-link>.left span {
    margin-right: var(--size-10);
}

.footer-copy {
    padding: var(--size-50) 0;
    margin-top: var(--size-50);
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.footer-copy>.right {
    margin-left: auto;
}

.footer-copy span {
    margin-left: var(--size-10);
}

.footer-copy span:first-child {
    margin-left: 0;
}

.footer-share-item>* {
    margin-left: var(--size-10);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-50);
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 2px solid #fff;
}

.footer-share-item>*:first-child {
    margin-left: 0;
}

.footer-share-item>*:hover {
    background-color: #fff;
    color: var(--color-dominant);
}

.fixed-item>* .footer-share-item>* {
    width: auto;
    border: none;
    --size-10: var(--size-20);
    opacity: .7;
}

.fixed-item>* .footer-share-item>*:hover {
    background: none;
    color: #fff;
    opacity: 1;
}

header {
    transition: var(--transition);
}

header.Fixed {
    color: #000;
    background-color: #fff;
    padding: var(--size-10) 0;
}

header.Fixed .lh-logo {
    transform: scale(0.8);
    transform-origin: left center;
}

header.Fixed .lh-logo>*:nth-child(2) {
    opacity: 1;
}

header.Fixed .lh-logo>*:nth-child(1) {
    opacity: 0;
}

header.Fixed .lh-lang>dt {
    border-color: #000;
}

.index-about-bg>.img img {
    height: 110%;
}

.lh-ban {
    aspect-ratio: 1920/690;
    background-color: #000;
}

.lh-ban img,
.lh-ban .img {
    width: 100%;
    height: 100%;
}

.lh-ban>.l-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.pro-cont {
    padding-top: var(--size-80);
    padding-bottom: var(--size-80);
    z-index: 2;
}

.pro-top {
    aspect-ratio: 1559/348;
    position: relative;
    width: calc(100% - var(--size-40));
}

.pro-top::after {
    content: '';
    display: block;
    height: 100%;
    aspect-ratio: 312/348;
    background-color: var(--color-dominant);
    border-radius: var(--size-60) 6px;
    position: absolute;
    right: var(--size-40-);
    top: var(--size-30);
    z-index: -1;
}

.pro-top .img {
    border-radius: var(--size-60) 6px;
    overflow: hidden;
    height: 100%;
}

.pro-top .img img {
    width: 100%;
    height: 100%;
}

.pro-top .cont {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: var(--size-70) var(--size-80) var(--size-70) var(--size-70);
}

.pro-top .cont>.right {
    margin-left: auto;
    margin-top: var(--size-40);
}

.index-pro-item.list {
    display: block;
}

.index-pro-item.list>* {
    margin-top: var(--size-80);
    margin-right: 0;
}

.index-pro-item.list>*>* {
    align-items: center;
    position: relative;
}

.index-pro-item.list>* .img {
    width: 752px;
    width: clamp(376px, 39.1666667vw, 752px);
}

.index-pro-item.list>* .text {
    width: calc(100% - clamp(386px, 40.208333333333336vw, 772px));
    padding-left: calc(var(--size-100) * 2);
}

.index-pro-item.list>*:nth-child(2n) .img {
    margin-left: auto;
}

.index-pro-item.list>*:nth-child(2n) .text {
    padding: 0 calc(var(--size-100) * 2) 0 0;
    position: absolute;
    left: 0;
}

.index-pro-item.list>*:nth-child(2n) .text .num {
    right: calc(var(--size-100) * 2);
}

.featured-item>* {
    padding-left: var(--size-20);
    margin-top: var(--size-20);
}

.featured-item>*>* {
    display: block;
    height: 100%;
    border: 1px solid #CBEFD6;
    background-color: #f8fffa;
    border-radius: var(--size-20);
    overflow: hidden;
    box-shadow: 0px 4px 24px rgba(28, 124, 56, 0.08);
}

.featured-item>* .img {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 385/235;
    border: 1px solid #CBEFD6;
    border-radius: var(--size-20);
    overflow: hidden;
    padding: var(--size-10);
    transform: scale(1.01);
    transition: var(--transition);
}

.featured-item>* .img img {
    max-height: 100%;
}

.featured-item>* .text {
    padding: var(--size-30) var(--size-25);
}

.featured-item>*>*:hover {
    color: var(--color-dominant);
    border-color: var(--color-dominant);
}

.featured-item>*>*:hover .img {
    border-color: var(--color-dominant);
}

.pro-cont.featured {
    background: linear-gradient(0deg, rgba(190, 249, 206, .3), rgba(255, 255, 255, 0));
}

.pro-detail-hd {
    justify-content: center;
}

.pro-detail-hd>* {
    margin: 0 var(--size-10);
}

.pro-detail-hd>*>* {
    padding: var(--size-10);
    height: var(--size-65);
    min-width: calc(var(--size-110) * 2);
    border-radius: var(--size-65);
    background-color: #f1f1f1;
    color: #888888;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-detail-hd>*.on>*,
.pro-detail-hd>*>*:hover {
    background-color: var(--color-dominant);
    color: #fff;
}

.pro-detail-info {
    margin-top: var(--size-110);
}

.pro-detail-info>.right {
    width: 766px;
    width: clamp(383px, 39.895833333333336vw, 766px);
    margin-left: auto;
}

.pro-detail-info>.left {
    width: 40%;
}

.pro-detail-info>.left .icon {
    width: calc(var(--size-110) * 2);
}

.pro-detail-info>.left .ccont {
    padding-bottom: calc(var(--size-110) * 2);
}

.pro-detail-bottom {
    background: linear-gradient(0deg, #e7f5ea, #C3EACF);
    margin-top: var(--size-100-);
}

.pro-detail-bottom::before {
    content: '';
    display: block;
    width: 100%;
    aspect-ratio: 1920/180;
    background: url(/statics/my/css/"../images/c3.png"/*tpa=http:/www.biogin.com/style/img/c3.png*/) no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 100%;
    right: 0;
}

.pro-detail-top {
    padding-bottom: 0;
}

.pro-detail-bottom>*>.title {
    position: relative;
    padding-left: var(--size-25);
}

.pro-detail-bottom>*>.title::before {
    content: '';
    display: block;
    width: calc(var(--size-10) - 4px);
    height: 80%;
    background-color: var(--color-dominant);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.lh-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    border: 1px solid #949494;
}

.lh-table th,
.lh-table td {
    border: 1px solid #949494;
    text-align: center;
    padding: var(--size-15);
}

.lh-table th {
    background-color: var(--color-dominant);
    color: #fff;
}

.lh-detail::before {
    content: '';
    display: block;
    width: 50%;
    background-color: #edf9f0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.detail-hd {
    width: var(--size-120);
    /* padding-bottom: var(--size-75); */
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.detail-bd {
    width: calc(100% - var(--size-120));
    padding-left: var(--size-20);
    margin-left: auto;
}

.detail-img-small .bd {
    display: block;
}

.detail-img-small .bd li {
    height: 25%;
}

.detail-img-small .bd li>* {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DDD;
    border-radius: 6px;
    aspect-ratio: 1/1;
}

.detail-img-small .bd li.on>* {
    border-color: var(--color-dominant);
}

.lh-detail>*>.left {
    width: 50%;
    padding-right: var(--size-70);
}

.lh-detail>*>.right {
    width: 50%;
    padding-left: var(--size-80);
}

.detail-img-big {
    aspect-ratio: 1/1;
    border: 2px solid #ddd;
    border-radius: var(--size-10) var(--size-10) 0 0;
}

.detail-img-big .bd li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    padding: 3px;
}

.detail-page {
    position: relative;
    top: -1px;
}

.detail-page>* {
    height: var(--size-75);
    background-color: #f3f3f3;
    margin-left: auto;
    align-items: center;
    border-radius: 0 0 var(--size-10) var(--size-10);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 5% 100%);
    overflow: hidden;
}

.detail-page>* .consult {
    padding: 0 var(--size-40);
    background-color: var(--color-dominant);
    color: #fff;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail-page>* .consult i {
    margin-left: var(--size-20);
}

.detail-page>* .left {
    padding: 0 var(--size-10);
}

.detail-page>* .left>* {
    display: flex;
    align-items: center;
    margin: 0 var(--size-15);
    color: #a7a7a7;
}

.detail-page>* .left i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--size-40) - 2px);
    height: calc(var(--size-40) - 2px);
    border-radius: 50%;
    border: 1px solid var(--color-dominant);
    color: var(--color-dominant);
    margin-left: var(--size-10);
}

.detail-page>* .left>*:last-child i {
    margin: 0 var(--size-10) 0 0;
}

.detail-page>* .left>*:hover {
    color: #000;
}

.lh-detail>*>.left {
    height: 100%;
    position: relative;
}

.detail-img-small {
    height: calc(100% - var(--size-55));
}

.detail-btn {
    margin-top: auto;
}

.detail-btn>* {
    width: 48%;
    height: calc(var(--size-40) + 2px);
    border-radius: 6px;
    background-color: #D2D2D2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail-btn>*:last-child {
    margin-left: auto;
}

.detail-btn>*:hover {
    background-color: var(--color-dominant);
}

.detail-r>.ccont {
    margin-top: var(--size-30);
}

.detail-r>.ccont>* {
    margin-top: var(--size-20);
}

.detail-info {
    margin-top: var(--size-80);
}

.detail-info-hd {
    border-bottom: 1px solid #DDD;
    height: var(--size-45);
}

.detail-info-hd>* {
    height: inherit;
    padding: 0 var(--size-15);
    margin-left: var(--size-25);
    border-radius: var(--size-10) var(--size-10) 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
}

.detail-info-hd>*:first-child {
    margin-left: 0;
}

.detail-info-hd>*:hover {
    color: var(--color-dominant);
}

.detail-info-hd>*.on {
    background-color: var(--color-dominant);
    color: #fff;
}

.detail-info-bd {
    margin-top: var(--size-70);
}

.detail-info-bd>*.on {
    display: block;
}

.about-skl>*>.right {
    width: 676px;
    width: clamp(338px, 35.208333333333336vw, 676px);
}

.about-skl>*>.left {
    width: calc(100% - clamp(338px, 35.208333333333336vw, 676px));
    padding-right: calc(var(--size-80) * 2);
}

.about-skl .index-about-total>* {
    width: auto;
    padding: 0;
    height: auto;
    background: none;
    text-align: left;
    margin-right: var(--size-110);
    margin-top: var(--size-60);
}

.about-skl .index-about-total>*:last-child {
    margin-right: 0;
}

.about-skl .index-about-total>* .num {
    color: var(--color-dominant);
}

.index-about-total>* .num {
    font-weight: bold;
}

.about-culture {
    padding-top: var(--size-130);
    background-attachment: fixed;
}

.about-certif {
    background-attachment: fixed;
}

.culture-cont {
    margin-top: calc(var(--size-110) * 2);
}

.culture-banner .nname {
    font-size: var(--size-120);
    line-height: 100%;
    color: var(--color-dominant);
    font-style: normal;
    -webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    text-transform: uppercase;
}

.culture-banner .bd li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.culture-banner .bd li .name {
    margin-top: var(--size-10-);
    color: var(--color-dominant);
}

.culture-banner {
    min-height: clamp(150px, 13.020833333333334vw, 250px);
}

.culture-hd {
    width: 630px;
    width: clamp(500px, 32.8125vw, 630px);
    margin-left: auto;
    margin-right: auto;
    height: var(--size-90);
    min-height: 60px;
    border-radius: var(--size-60) var(--size-60) 0 0;
    background:rgba(191, 109, 23, 0.4);
    padding: 0 var(--size-50);
    color: #fff;
}

.culture-hd>* {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: var(--size-50-);
}

.culture-hd>* span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-80);
    height: var(--size-80);
    border-radius: 50%;
    transition: var(--transition);
}

.culture-hd>* p {
    margin-top: var(--size-10);
}

.culture-hd>*.on span {
    background-color: var(--color-dominant);
    color: #fff;
}

.history-banner {
    padding-bottom: var(--size-20);
}

.history-banner::before {
    content: '';
    display: block;
    width: 100%;
    aspect-ratio: 1591/303;
    background: url("/statics/my/images/icon3.png") no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: var(--size-10);
    right: 0;
}


.history-banner .bd li {
    height: 520px;
    height: clamp(260px, 27.083333333333332vw, 520px);
    width: 25%;
    position: relative;
    transition: var(--transition);
}

.history-banner .bd li .time {
    line-height: 100%;
    animation: textReveal 1.5s ease-in-out infinite;
    opacity: 0;
}

@keyframes textReveal {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.history-banner .bd li .time {
    line-height: 100%;
}

.history-banner .bd li .text {
    position: relative;
    height: 100%;
    padding-left: var(--size-50);
    padding-right: var(--size-30);
}

.history-banner .bd li .text::after {
    content: '';
    display: block;
    width: calc(var(--size-35) - 1px);
    aspect-ratio: 34 / 47;
    background: url(/statics/my/images/c8.png) no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: var(--size-20-);
    animation: fadeInOut 2s ease-in-out infinite;
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    50% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0.5;
        transform: translateY(-10px);
    }
}
.history-banner .bd li .text::before {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    background-color: var(--color-dominant);
    position: absolute;
    left: calc((var(--size-35) - 2px) / 2);
    top: 0;
}

.history-banner {
    --space: var(--size-90);
    --top: var(--size-140);
}

.history-banner .bd li {
    padding-bottom: calc(var(--size-140) * 2.1);
}

.history-banner:not(.swiper-horizontal) .bd li:nth-child(4) {
    padding-bottom: calc(var(--size-75) * 2);
}

.history-banner:not(.swiper-horizontal) .bd li:nth-child(3) {
    padding-top: calc(var(--top));
    padding-bottom: var(--size-60);
}

.history-banner:not(.swiper-horizontal) .bd li:nth-child(2) {
    padding-top: calc(var(--top) + var(--space));
    padding-bottom: var(--size-20);
}

.history-banner:not(.swiper-horizontal) .bd li:nth-child(1) {
    padding-top: calc(var(--top) + var(--space) * 2);
    padding-bottom: 0;
}

.history-banner.swiper-horizontal .bd li.swiper-slide-active {
    padding-top: calc(var(--top) + var(--space) * 2);
    padding-bottom: 0;
}

.history-banner.swiper-horizontal .bd li.swiper-slide-active+li {
    padding-top: calc(var(--top) + var(--space));
    padding-bottom: var(--size-20);
}

.history-banner.swiper-horizontal .bd li.swiper-slide-active+li+li {
    padding-top: calc(var(--top));
    padding-bottom: var(--size-60);
}

.history-banner.swiper-horizontal .bd li.swiper-slide-active+li+li+li {
    padding-bottom: calc(var(--size-75) * 2);
}

.history-bottom {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--size-100-);
    position: relative;
    z-index: 3;
}

.history-btn>* {
    width: var(--size-70);
    height: var(--size-70);
    border-radius: 50%;
    border: 1px solid var(--color-dominant);
    color: var(--color-dominant);
    margin-left: var(--size-20);
    display: flex;
    align-items: center;
    justify-content: center;
}

.history-btn>*:hover {
    background-color: var(--color-dominant);
    color: #fff;
}

.certif-banner {
    width: 950px;
    width: clamp(475px, 49.47916666666667vw, 950px);
    margin-left: auto;
    margin-right: auto;
    padding-top: var(--size-80);
}

.certif-cont>.bg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--size-50);
    width: clamp(600px, 54.0625vw, 1038px);
}

.certif-banner .bd li {
    width: 20%;
    padding-bottom: calc(var(--size-140) * 2);
}

.certif-banner .bd li .name {
    white-space: nowrap;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.certif-banner .bd li .img {
    aspect-ratio: 300/390;
    display: flex;
    align-items: center;
    transition: var(--transition);
}

.certif-banner:not(.swiper-horizontal) .bd li:nth-child(3) {
    z-index: 5;
}

.certif-banner:not(.swiper-horizontal) .bd li:nth-child(3) .img {
    transform: scale(1.4);
}

.certif-banner:not(.swiper-horizontal) .bd li:nth-child(2n) {
    z-index: 4;
}

.certif-banner:not(.swiper-horizontal) .bd li:nth-child(2n) .img {
    transform: scale(1.2);
}

.certif-banner:not(.swiper-horizontal) .bd li .name {
    font-size: 16px;
}

.certif-banner.swiper-horizontal .bd .swiper-slide-active {
    z-index: 5;
}

.certif-banner.swiper-horizontal .bd .swiper-slide-active .img,
.certif-banner.swiper-horizontal .bd .swiper-slide-duplicate-active .img {
    transform: scale(1.6);
}

.certif-banner.swiper-horizontal .bd .swiper-slide-next,
.certif-banner.swiper-horizontal .bd .swiper-slide-prev {
    z-index: 4;
}

.certif-banner.swiper-horizontal .bd .swiper-slide-next .img,
.certif-banner.swiper-horizontal .bd .swiper-slide-prev .img,
.certif-banner.swiper-horizontal .bd .swiper-slide-duplicate-next .img,
.certif-banner.swiper-horizontal .bd .swiper-slide-duplicate-prev .img {
    transform: scale(1.3);
}

.certif-banner.swiper-horizontal .bd li .name {
    opacity: 0;
    transform: translate(-50%, 100%);
    transition: var(--transition);
}

.certif-banner.swiper-horizontal .bd .swiper-slide-active .name {
    opacity: 1;
    transform: translate(-50%, 0);
}

.certif-hd {
    top: auto !important;
    bottom: var(--size-60);
    left: 50% !important;
    transform: translateX(-50%);
    width: var(--size-120) !important;
    height: 5px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .6);
    overflow: hidden;
}

.certif-hd>* {
    background: var(--color-dominant) !important;
}

.contact-way {
    padding-bottom: 0;
}

.contact-way>* {
    align-items: flex-end;
}

.contact-way>*>.left {
    width: 55%;
    padding-bottom: var(--size-100);
    padding-right: var(--size-30);
}

.contact-way>*>.right .icon {
    width: 295px;
    width: clamp(147px, 15.364583333333334vw, 295px);
}

.way-contact {
    margin-top: var(--size-140);
}

.way-contact>* {
    margin-bottom: var(--size-40);
    display: flex;
    align-items: center;
}

.way-contact>* i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-40);
    height: var(--size-40);
    border-radius: 50%;
    background-color: var(--color-dominant);
    color: #fff;
}

.way-contact>* .text {
    padding-left: var(--size-20);
}

.way-contact>* .text .nname {
    line-height: 120%;
}

.contact-message .icon {
    font-size: calc(var(--size-80) * 2);
    text-align: center;
    line-height: 100%;
    -webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3));
}

.message-form {
    margin-top: var(--size-50-);
    position: relative;
    z-index: 2;
}

.message-input {
    margin-left: var(--size-20-);
}

.message-input>* {
    padding-left: var(--size-20);
    margin-bottom: var(--size-20);
}

.w100 {
    width: 100%;
}

.message-input>* input,
.message-input>* textarea {
    height: var(--size-80);
    background-color: #fff;
    border: 1px solid #DDD;
    border-radius: var(--size-10);
    padding: 0 var(--size-30);
}

.message-input>* textarea {
    height: calc(var(--size-80) * 2);
    padding: var(--size-30);
    line-height: 140%;
}

.message-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--size-50);
}

.message-btn>* {
    height: var(--size-80);
    aspect-ratio: 297/80;
    border-radius: var(--size-10);
    background-color: var(--color-dominant);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-top>*>.right {
    width: 860px;
    width: clamp(430px, 44.79166666666667vw, 860px);
    position: relative;
    z-index: 2;
}

.news-top>*>.left {
    width: calc(100% - clamp(430px, 44.79166666666667vw, 860px));
    padding-right: var(--size-30);
}

.news-top>*>.left .icon {
    margin-top: auto;
    font-size: calc(var(--size-80) * 2);
    color: var(--color-dominant);
    font-weight: bold;
    position: relative;
    top: var(--size-80);
}

.news-top>*>.left .icon>* {
    -webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4));
}

.player path {
    stroke: var(--color-dominant);
}

.player {
    position: absolute;
    right: var(--size-130-);
    bottom: var(--size-50-);
    width: calc(var(--size-100) * 6);
}

.news-top-hd {
    width: calc(var(--size-100) * 3);
    height: 100%;
}

.news-top-hd>*:nth-child(2) {
    margin-top: auto;
    margin-bottom: auto;
}

.news-top-bd {
    width: calc(100% - var(--size-100) * 3);
    padding-left: var(--size-20);
}

.news-top-banner {
    background-color: #fff;
    aspect-ratio: 540/670;
    border-radius: var(--size-20);
}

.news-top-hd>*>* {
    aspect-ratio: 300/210;
    border-radius: var(--size-20);
    overflow: hidden;
    position: relative;
    display: block;
}

.news-top-hd>*>*::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: var(--size-20);
    border: 2px solid var(--color-dominant);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: var(--transition);
}

.news-top-hd>* img {
    width: 100%;
    height: 100%;
}

.news-top-hd>*.on>*::before {
    opacity: 1;
}

.news-top-banner .bd a {
    padding: var(--size-55) var(--size-40);
    display: block;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.news-top-banner .bd .time {
    margin-top: var(--size-90);
}

.news-top-banner .bd .bottom {
    margin-top: auto;
    padding-top: var(--size-55);
    border-top: 1px solid #F1F1F1;
    color: #666;
}

.news-top-banner .bd .bottom>* {
    align-items: center;
}

.news-top-banner .bd .bottom .view-more {
    width: var(--size-50);
    margin-right: var(--size-20);
}

.news-bottom {
    background-color: #e8f4eb;
}

.index-news-item.list {
    margin-left: var(--size-20-);
    height: auto;
    align-items: initial;
    margin-top: 0;
}

.index-news-item.list>* {
    padding: 0;
    padding-left: var(--size-20);
    margin-bottom: var(--size-20);
    height: auto;
}

.index-news-item.list>*>* {
    height: 100%;
}

.list-page {
    align-items: center;
    justify-content: center;
}

.list-page i {
    margin-right: var(--size-10);
    display: block;
    animation: rotate linear 1s infinite;
}

@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}

.news-detail {
    padding-top: calc(var(--size-90) * 2);
    padding-bottom: var(--size-120);
    background-color: #e8f4eb;
}

.news-detail>.bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}

.news-detail>.bg img {
    width: 100%;
}

.news-detail>.l-container>.right {
    width: 430px;
    width: clamp(215px, 22.395833333333336vw, 430px);
    position: relative;
}

.news-detail-r {
    position: sticky;
    top: 0;
}

.news-detail>.l-container>.left {
    width: calc(100% - clamp(215px, 22.395833333333336vw, 430px));
    padding-right: var(--size-10);
}

.news-detail-l {
    background-color: rgba(255, 255, 255, .9);
    border-radius: var(--size-20);
    padding: var(--size-55);
}

.news-detail-l>.nname>* {
    margin-left: var(--size-25);
}

.news-detail-l>.nname>*:first-child {
    margin-left: 0;
}

.news-detail-l>.cont {
    margin-top: var(--size-40);
    padding-top: var(--size-40);
    border-top: 1px solid #DDD;
}

.news-detail-res {
    background-color: rgba(255, 255, 255, .9);
    border-radius: var(--size-20);
    padding: var(--size-30);
}

.news-detail-res>.title {
    padding-left: var(--size-10);
    z-index: 2;
}

.news-detail-res>.title::before {
    content: '';
    display: block;
    width: var(--size-70);
    height: 100%;
    background: linear-gradient(90deg, rgba(58, 177, 92, 1), rgba(58, 177, 92, 0));
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.news-res-item>*>* {
    display: block;
    padding: var(--size-30) 0;
    border-bottom: 1px solid #ddd;
}

.news-res-item>* .time {
    margin-top: var(--size-20);
}

.news-res-item>*:last-child>* {
    border: none;
    padding-bottom: 0;
}

.news-res-item>*>*:hover {
    color: var(--color-dominant);
}

.news-detail-page {
    background-color: rgba(255, 255, 255, .9);
    border-radius: var(--size-20);
    padding: var(--size-50) var(--size-20);
    margin-top: var(--size-10);
    justify-content: center;
}

.news-detail-page>* {
    margin: 0 var(--size-25);
}

.news-detail-page>* i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-40);
    height: var(--size-40);
    border-radius: 50%;
    border: 1px solid var(--color-dominant);
    margin: 0 auto var(--size-10);
    transition: var(--transition);
}

.news-detail-page>*:hover i {
    background-color: var(--color-dominant);
    color: #fff;
}

.lh-apply {
    padding-top: var(--size-80);
}

.apply-r {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40%;
}

.apply-bg {
    background-color: #000;
}

.apply-bg img,
.apply-bg {
    width: 100%;
    height: 100%;
}

.apply-cont {
    width: 48%;
}

.apply-hd>* {
    margin-left: var(--size-10);
}

.apply-hd>*:first-child {
    margin-left: 0;
}

.apply-hd>*>* {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--size-65);
    padding: 0 var(--size-20);
    min-width: calc(var(--size-100) * 2);
    border-radius: var(--size-65);
    background-color: #f1f1f1;
    color: #888;
}

.apply-hd>*.on>*,
.apply-hd>*>*:hover {
    background-color: #4fc170;
    color: #fff;
}

.apply-bd {
    margin-top: var(--size-140);
}

.apply-banner .bd .icon {
    height: var(--size-50);
}

.apply-banner .bd .icon img {
    height: 100%;
    width: auto;
}

.apply-banner .bd .cont {
    margin-top: var(--size-30);
    padding-top: var(--size-30);
    border-top: 1px solid #ddd;
    min-height: calc(var(--size-100) * 3);
}

.apply-banner .bd .nname {
    font-size: calc(var(--size-80) * 2);
    line-height: 100%;
    -webkit-mask: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
    position: relative;
    top: var(--size-20);
    margin-top: var(--size-50);
}

.apply-btn {
    width: 165px;
    width: clamp(82px, 8.59375vw, 165px);
    aspect-ratio: 165/214;
    background: url("/statics/my/images/icon5.png") no-repeat center;
    background-size: cover;
    position: absolute;
    right: calc(100% - var(--size-35));
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}

.apply-btn>* {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-70);
    height: var(--size-70);
    border-radius: 50%;
    background-color: var(--color-dominant);
    color: #fff;
    position: absolute;
    right: var(--size-30);
    top: 50%;
    transform: translateY(-50%);
}

.technology-platform::before {
    content: '';
    display: block;
    width: 47.9%;
    height: 100%;
    background-color: var(--color-dominant);
    position: absolute;
    right: 0;
    top: 0;
}

.technology-platform>*>.right {
    width: 48%;
    margin-left: auto;
    position: relative;
    align-items: center;
}

.technology-platform>*>.left {
    width: 40%;
    padding: var(--size-100) 0;
}

.technology-platform>*>.left .ccont {
    margin-top: calc(var(--size-65) * 4);
    padding-top: var(--size-30);
    position: relative;
    text-align: justify;
}

.technology-platform>*>.left .ccont::before {
    content: '';
    display: block;
    width: var(--size-50);
    height: calc(var(--size-10) - 2px);
    background-color: var(--color-dominant);
    position: absolute;
    left: 0;
    top: 0;
}

.technology-platform>*>.right::before {
    content: '';
    display: block;
    aspect-ratio: 198/787;
    height: 100%;
    background: url("/statics/my/images/icon9.png") no-repeat center;
    background-size: cover;
    position: absolute;
    right: 97.6%;
    top: 0;
}

.platform-hd {
    width: var(--size-130);
    position: relative;
    left: var(--size-80-);
}

.platform-hd>* {
    aspect-ratio: 1/1;
    position: relative;
    margin: var(--size-50) 0;
}

.platform-hd>*:nth-child(2) {
    left: var(--size-10-);
}

.platform-hd>*:nth-child(3) {
    left: var(--size-30-);
}

.platform-hd>*>* {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    border: 3px solid #55cd2b;
    overflow: hidden;
}

.platform-bd {
    width: calc(100% - var(--size-130));
    padding-left: var(--size-60);
}

.platform-hd>*::before {
    content: '';
    display: block;
    width: calc(var(--size-80) * 2);
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 1px dashed #55cd2b;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    transition: var(--transition);
    pointer-events: none;
}

.platform-hd>*.on::before {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.technology-production .ccont {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.production-imgs {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
}

.production-imgs>* {
    margin-top: var(--size-60);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.technology-quality>*>.right {
    width: 875px;
    width: clamp(437px, 45.57291666666667vw, 875px);
}

.technology-quality>*>.left {
    width: calc(100% - clamp(437px, 45.57291666666667vw, 875px));
    padding-right: var(--size-100);
}

.technology-quality .bottom {
    margin-top: auto;
}

.technology-quality .bottom .icon {
    width: var(--size-60);
}

.technology-quality .bottom .ccont {
    margin-top: var(--size-10-);
}

.technology-certif {
    background-color: var(--color-dominant);
}

.technology-certif>.bg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 54%;
}

.technology-certif>.bg img {
    width: 100%;
    height: 100%;
}

.technology-certif>.bg::before {
    content: '';
    display: block;
    height: 100%;
    aspect-ratio: 162/703;
    background: url(/statics/my/css/"../images/e7.png"/*tpa=http:/www.biogin.com/style/img/e7.png*/) no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.certif-top>.right {
    width: 50%;
    text-align: right;
    margin-top: auto;
    margin-left: auto;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    opacity: .3;
}

.certif-top>.left {
    width: 40%;
    padding-bottom: var(--size-40);
}

.index-featured {
    background-color: #000;
}

.index-about>* .icon {
    width: var(--size-70);
}

.pro-top>* {
    display: block;
    height: 100%;
}

/*
--color-wathet
linear-gradient(0deg,rgba(255,255,255,.4),rgba(255,255,255,0));
F5AB00
transparent
font-family: "ebrimabd";
.hRegular{font-family: "hRegular";}
.hLight{font-family: "hLight";}
.hBold{font-family: "hBold";}
l-uppercase
transition:cubic-bezier(0.215,.61,.355,1) .45s;

*/
@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
(-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
(min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
(-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
(min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
    /*125%and150%*/

}

@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
(-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
(min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
    /*150%*/

}

@media screen and (min-width: 2000px) {
    .technology-platform>*>.right::before {
        right: 97%;
    }
}

@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1500px) {}

@media screen and (max-width: 1366px) {}

/*平板*/
@media screen and (max-width: 1024px) {
    .message-layer>.title {
        height: 32px;
    }

    .message-layer-item>* input,
    .message-btn {
        height: 32px;
    }

    .l-container {
        width: 100%;
    }

    header {
        background-color: #fff;
        height: 50px;
        padding: 0 !important;
    }

    header>* {
        height: inherit;
    }

    .lh-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
    }

    .lh-logo>*:nth-child(2) {
        opacity: 1;
    }

    .lh-logo>*:nth-child(1) {
        opacity: 0;
    }

    header.Fixed .lh-logo {
        transform: translate(-50%, -50%);
    }

    .lh-nav {
        position: absolute;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background-color: #fff;
        color: #000;
        display: block;
        padding-top: 15%;
        transform: translateX(-100%);
        transition: var(--transition);
    }

    .lh-nav>* {
        display: flex;
        margin: 50px 0;
        font-size: 18px;
        justify-content: center;
        align-items: center;
    }

    .lh-lang {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        color: #000;
    }

    .lh-lang>dt {
        border: 1px solid #000;
    }

    .web-nav-btn {
        position: absolute;
        left: 0;
        top: 0;
        width: 50px;
        height: 50px;
    }

    .web-nav-btn::before,
    .web-nav-btn::after,
    .web-nav-btn>* {
        width: 24px;
        height: 2px;
        background-color: #000;
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -1px;
        transition: var(--transition);
        content: '';
        display: block;
    }

    .web-nav-btn::before {
        margin-top: -8px;
    }

    .web-nav-btn::after {
        margin-top: 6px;
    }

    .webNav .web-nav-btn>* {
        transform: scaleX(0);
    }

    .webNav .web-nav-btn::before {
        transform: translate(0, 7px) rotate(45deg);
    }

    .webNav .web-nav-btn::after {
        transform: translate(0, -7px) rotate(-45deg);
    }

    .webNav .lh-nav {
        transform: translateX(0);
    }

    main {
        padding-top: 50px;
        width: 100vw;
        overflow-x: hidden;
    }

    .index-banner {
        height: calc(100vh - 50px);
    }

    .l-font80 {
        font-size: 32px;
    }

    .index-banner-btn>* {
        width: 24px;
        height: 24px;
    }

    .index-banner-num>span {
        width: 23px;
    }

    .index-pro-item>*>* {
        display: block;
    }

    .index-pro-item>* .img {
        width: 90vw;
    }

    .index-pro-item>* .text {
        width: 90vw;
        padding: 20px 0 0;
    }

    .index-pro-item>* {
        margin-right: 20px;
    }

    .index-pro-hd {
        top: 30px;
    }

    .index-about-bg {
        width: 100%;
    }

    .index-about-total>* {
        width: 48%;
    }

    .index-about-cont>.right {
        display: none;
    }

    .index-about-attes>* {
        flex: none;
        width: 20%;
    }

    .index-about-attes>*>* {
        padding: 10px;
    }

    .index-featured>* {
        display: block;
    }

    .index-featured>.l-container>.right {
        width: 100%;
        display: block;
    }

    .index-featured>.l-container>.left>.bottom {
        display: none;
    }

    .featured-r {
        display: block;
        width: 100%;
        padding: 0;
    }

    .featured-hd {
        display: flex;
    }

    .featured-hd>* {
        flex: 1;
        padding: 10px;
    }

    .featured-hd>*>*::after {
        border: 8px solid transparent;
        border-top: 8px solid var(--color-dominant);
        left: 50%;
        transform: translateX(-50%);
        top: 100%;
    }

    .featured-cont {
        width: 100%;
    }

    .index-news-cont>.left,
    .index-news-cont>.center {
        width: 48%;
    }

    .index-news-cont>.center {
        margin-left: auto;
        padding-left: 0;
    }

    .index-news-cont>.right {
        width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }

    .index-news-cont>.center .ccont {
        display: none;
    }

    .index-news-cont>.center>* .view-more {
        width: 30px;
    }

    .index-news-cont>.center>* .view-more>* {
        width: 16px;
    }

    .footer-top>.center {
        display: none;
    }

    .footer-top .left,
    .footer-top .right {
        width: 100%;
    }

    .footer-top .right {
        padding: 0;
        margin-top: 20px;
        display: none;
    }

    .footer-contact>dt i {
        width: 20px;
    }

    .footer-top>.right .tip {
        text-align: left;
    }

    .footer-top>.right .btn {
        height: 40px;
        margin-left: 0;
    }

    .footer-link>.right {
        display: none;
    }

    .footer-copy>.right {
        display: none;
    }

    .pro-detail-hd {
        width: 110%;
        font-size: 12px;
        margin-left: -5%;
    }

    .pro-detail-hd>* {
        margin: 0 4px;
    }

    .pro-detail-hd>*>* {
        min-width: initial;
        padding: 0 10px;
    }

    .pro-detail-info>.left,
    .pro-detail-info>.right {
        width: 100%;
    }

    .pro-detail-info>.left .ccont {
        padding-bottom: 0;
    }

    .pro-detail-info>.right {
        margin-top: 40px;
        padding-bottom: 30px;
    }

    .featured-item>* {
        width: 100%;
    }

    .pro-top {
        aspect-ratio: 2/1.2;
    }

    .pro-top .cont {
        padding: 20px;
    }

    .pro-top .cont>.right {
        margin-left: 0;
    }

    .index-pro-item.list>* .img,
    .index-pro-item.list>* .text {
        width: 100%;
    }

    .index-pro-item.list>* .text {
        padding: 20px !important;
        position: relative !important;
    }

    .index-pro-item.list>*:nth-child(2n) .text .num {
        right: 0;
    }

    .about-skl>*>* {
        width: 100% !important;
        padding: 0 !important;
    }

    .about-skl>*>.right {
        margin-top: 30px;
    }

    .culture-hd {
        width: 100%;
    }

    .history-banner .bd li {
        padding-top: 0 !important;
    }

    .history-cont {
        margin-top: 30px;
    }

    .history-bottom {
        margin-top: 0;
    }

    .history-banner .bd li .ccont {
        white-space: normal;
    }

    .certif-banner {
        width: 100%;
    }

    .certif-cont>.bg {
        width: 100%;
        bottom: 50px;
    }

    .contact-way>*>.left {
        width: 100%;
    }

    .contact-message .icon {
        font-size: 60px;
    }

    .message-input>* {
        width: 100%;
    }

    .news-top>*>.left,
    .news-detail>.l-container>.left,
    .technology-quality>*>.left {
        width: 100%;
        padding: 0;
    }

    .news-top>*>.right,
    .news-detail>.l-container>.right,
    .technology-quality>*>.right {
        width: 100%;
    }

    .news-top-hd {
        width: 100px;
    }

    .news-top-bd {
        width: calc(100% - 100px);
    }

    .news-top-banner {
        aspect-ratio: 1/1;
    }

    .news-top-banner .bd .ccont {
        display: none;
    }

    .news-top-banner .bd .bottom .view-more {
        width: 32px;
    }

    .news-top-banner .bd .bottom .view-more span {
        width: 16px;
    }

    .index-news-item.list>* {
        width: 100%;
    }

    .news-detail>.l-container>.right {
        margin-top: 10px;
    }

    .news-detail-page>* i {
        width: 32px;
        height: 32px;
    }

    .apply-cont {
        width: 100%;
    }

    .apply-r {
        display: none;
    }

    .technology-platform>*>.left {
        width: 100%;
    }

    .technology-platform::before {
        display: none;
    }

    .technology-platform>*>.left .ccont {
        margin-top: 50px;
    }

    .technology-platform>*>.right {
        width: 100%;
        background-color: var(--color-dominant);
        display: block;
        border-radius: 10px;
    }

    .technology-platform>*>.right::before {
        display: none;
    }

    .platform-hd {
        display: flex;
        width: 100%;
        left: 0;
        top: -80px;
    }

    .platform-hd>* {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
    }

    .platform-bd {
        width: 100%;
        padding: 20px;
        margin-top: -80px;
    }

    .technology-platform {
        padding-bottom: var(--size-100);
    }

    .technology-production .ccont,
    .production-imgs {
        width: 100%;
    }

    .production-imgs>* {
        padding: 0 20px;
    }

    .technology-quality .bottom {
        margin-top: 40px;
    }

    .technology-quality>*>.right {
        margin-top: 30px;
    }

    .technology-certif>.bg,
    .detail-hd {
        display: none;
    }

    .certif-top>.left,
    .certif-top>.right {
        width: 100%;
    }

    .lh-detail>*>.left {
        width: 100%;
        padding: 0;
    }

    .lh-detail>*>.right {
        width: 100%;
        padding: 0;
    }

    .lh-detail::before {
        display: none;
    }

    .detail-bd {
        width: 100%;
        padding: 0;
    }

    .detail-page>* {
        display: block;
        height: auto;
    }

    .detail-page>* .left {
        padding: 10px;
    }

    .detail-page>* .consult {
        padding: 10px;
    }

    .lh-detail>*>.right {
        padding: 30px 20px;
        background-color: #E8F4EB;
        margin-top: 30px;
    }

    .detail-info-hd {
        font-size: 12px;
        height: 32px;
    }

    .detail-info-hd>* {
        margin-left: 10px;
    }
}


/* 2024.4.24 */
.about_menus_item {
    flex: 1;
}

.about_menus_item>div {
    width: 100%;
}

.about-skl .index-about-total>* .num {
    /* text-align: center; */
}

.about_flex_name {
    /* text-align: center; */
}

.about_menus {
    align-items: start;
    width: 100%;
    gap: 1.2vw;
}

.about-skl .index-about-total>* {
    margin: 0;
}

.text-justify {
    text-align: justify;
}


.detail-page {
    position: absolute;
    right: var(--size-70);
    top: 100%;
}

.detail-info-hd {
    flex-wrap: nowrap;
    /* overflow-x: scroll; */
    overflow: hidden;
    position: relative;
}

.detail-info-hd>* {
    text-wrap: nowrap;
}

.footer-top>div {
    max-width: 30%;
}

.detail-img-small .bd li>* {
    overflow: hidden;
}

.lh-detail>*>.left {
    position: sticky;
    top: 10vh;
}

.right-outline {
    width: 32.3vw;
    height: 32.3vw;
    background: #37B05A;
    border-radius: 50%;
    position: relative;
}

.right-outline .img {
    border-radius: 50%;
    width: 33.4vw;
    height: 33.4vw;
    overflow: hidden;
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
}

.right-outline .img>img {
    width: 100%;
}

.right-outline>.text {
    position: absolute;
    width: 28.07vw;
    right: -2.864vw;
    bottom: .1125vw;
}

.right-outline .img>img {}

@media (max-width:1024px) {
    .lh-detail>*>.right {
        margin-top: 104px;
    }

    .about-skl>*>.right {
        display: flex;
        align-items: center;
        justify-content: center;

    }
    .footer-top>div{
        max-width: 100%;
    }
    .detail-page{
        right: 0;
    }

}

.pro-hot{
    overflow-x: scroll;
    overflow-y: hidden;
}
.c-footer{
    width: 100%;
    background: url("/statics/my/images/bg4.jpg") center top no-repeat;
    background-size: cover;
	padding:10px 0;
    overflow: hidden;
}
.email-bg{
    background: url("/statics/my/images/email.png") center left no-repeat;
    background-size: 20px 14px;
    padding-left: 40px;
    margin-bottom: 20px;
}
.address-bg{
    background: url("/statics/my/images/addr.png") center left no-repeat;
    background-size: 19px 22px;
    padding-left: 40px;
}
.l-ljxh{
    width:188px;
    height: 55px;
    border-radius: 27px;
    border: 1px solid #F1871B;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F0871A;
    background: url("/statics/my/images/arrow.png") 80% center no-repeat;
    background-size: 15px 11px;
}
.width-code{
    display: flex;
    justify-content:space-around;
}
.width-code img{
    width: var(--size-120);
    height: var(--size-120);
}
.width-code p{
    letter-spacing: 4px;
    padding-top: 10px;
}
.footer-fixed{
    border-top: 1px solid rgba(240, 135, 26, 0.2);
    padding: 20px 20px 0;
}
.fixed-center{
    text-align: right;
}
/*手机*/
@media screen and (max-width: 980px) {
    .width-code{
        display: flex;
        justify-content: space-around;
        align-items: center;
		width:80%;
		margin:0 auto;
    }
    .width-center{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
    }

    .width-center h3{
        width: 100%;
        text-align: center;
    }
    .fixed-center{
        text-align: center;
    }
}
.z-sp{
    display: flex;
    justify-content: space-between;
}

.nvm-bg{
    background: url(/statics/my/images/fj-h.png) center no-repeat #fff;
    background-size: var(--size-37) var(--size-30);
    display: block;
    width: var(--size-80);
    height:var(--size-80);
    border-radius: 50%;
    cursor: pointer;
}
.nvm-bg1{
    background: url(/statics/my/images/fj-1.png) center no-repeat #fff;
    background-size: var(--size-32)  var(--size-35);
}
.nvm-bg2{
    background: url(/statics/my/images/fj-2.png) center no-repeat #fff;
    background-size: var(--size-32) var(--size-32);
}
.nvm-span{
    display: block;
    width: 100%;
    padding-top: 10px;
    color: #fff;
}
.culture-hd>*.on span.nvm-bg {
    background: url(/statics/my/images/fj.png) center no-repeat var(--color-dominant);
    color: #fff;
}
.culture-hd>*.on span.nvm-bg1 {
    background: url(/statics/my/images/fj-1h.png) center no-repeat var(--color-dominant);
    color: #fff;
}
.culture-hd>*.on span.nvm-bg2 {
    background: url(/statics/my/images/fj-2h.png) center no-repeat var(--color-dominant);
    color: #fff;
}
.hPrev{
    background: url(/statics/my/images/rh.png) center no-repeat;
    background-size: 11px 20px;
    transform: rotate(180deg);
}
.hPrev:hover{
    background: url(/statics/my/images/rh-1.png) center no-repeat var(--color-dominant);
}
.hNext{
    background: url(/statics/my/images/rh.png) center no-repeat;
    background-size: 11px 20px;
}
.hNext:hover{
    background: url(/statics/my/images/rh-1.png) center no-repeat var(--color-dominant);
}
.swiper-product{
    width: 1630px;
    width: clamp(800px, 84.89583333333334vw, 1630px);
    padding:  var(--size-80) 0 var(--size-80) 0;
}
.swiper-product p{
    text-align: center;
    padding-top: var(--size-20);
    color: #333;
}
.culture-banner .swiper-wrapper > .swiper-slide{
    width:calc(100% / 4) ;
}
.nav-tabs-container {
    padding-right: 1.5rem;
}

.nav-tabs {
    border-bottom: none;
    margin-bottom: 0; /* 移除 nav-tabs 的下边距 */
}

.nav-tabs .nav-link {
    text-align: left;
    border: none;
    display: flex;
    align-items: center;
    font-size:var(--size-20);
    color:var(--color-gray3) ;
}

.nav-img{
    width:var(--size-45) ;
    height:var(--size-45) ;
    display: flex;
    border-radius: 50%;
    margin-right: 10px;
    background: var(--color-dominant);
    align-items: center;
    justify-content: center;
}
.nav-tabs .nav-link.active {
    color: #F0871A;
    font-size:var(--size-25);
}
.nav-tabs .nav-link.active .nav-img{
    width: var(--size-55);
    height: var(--size-55);
}
.nav-tabs .nav-link:hover{
    color: #F0871A;
    font-size:var(--size-25);
}
.pd-bg{
    background: url(/statics/my/images/pd-bg.png) center no-repeat;
    background-size: cover;
    width: 26.3541667vw;
    height: 25.9375vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: transform 0.5s ease;
}
.pd-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    transform: translateX(-100%);
    transition: transform 0.5s ease;
}

.pd-bg:hover::before {
    transform: translateX(100%);
}
.pd-bg img{
    width: auto;
    height: 15.854vw;
    overflow: hidden;
    transition: transform 0.5s ease;
}
.nav-img .img1{
    width: 39px;
    height: 21px;
}
.nav-img .img2{
    width: 25px;
    height: 24px;
}
.nav-img .img3{
    width:27px;
    height:27px;
}
.nav-img .img4{
    width:25px;
    height:26px;
}
.nav-img .img5{
    width:18px;
    height:25px;
}
.qx-img{
    width: 451px;
    height: 584px;
    background: #fff;
    border-radius:30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qx-img img{
    width: auto;
    height: 433px;
}
.z_swiper .swiper-slide{
    box-shadow: inherit;
    /*height:16.302vw;*/
    /*background: #F1F2F4;*/
    border-radius: 0px 30px 30px 0px;
    padding: 0;
}
.frbox.z_swiper .swiper-slide{
    background: none;
    height:inherit;
}

.imgbox > img{
    width: 26.35vw;
    height:16.302vw;
    border-radius: 30px;
}
.z_hot_swiper .pd-pagination{
    bottom: 20px;
}
@media screen and (max-width: 980px) {
    .nav-tabs-container {
        border: none;
        padding-right: 0;
        height: auto;
        overflow-y: initial;
        white-space: nowrap;
    }

    .nav-tabs {
        justify-content: center;
        flex-direction: row !important;
    }
    .nav-tabs .nav-link {
        text-align: center;
    }
    .nav-img .img1{
        width: calc(39px / 2);
        height: calc(21px / 2);
    }
    .nav-img .img2{
        width: calc(25px / 2);
        height: calc(24px / 2);
    }
    .nav-img .img3{
        width: calc(27px / 2);
        height: calc(27px / 2);
    }
    .nav-img .img4{
        width: calc(25px / 2);
        height: calc(26px / 2);
    }
    .nav-img .img5{
        width: calc(18px / 2);
        height: calc(25px / 2);
    }
    .pd-bg{
        background: url(/statics/my/images/pd-bg.png) center no-repeat;
        background-size: cover;
        width: calc(506px / 2);
        height: calc(489px / 2);
        display: flex;
        align-items: center;
        justify-content: center;
		margin:0 auto;
    }
    .pd-bg img{
        width: auto;
        height: calc(266px / 2);
    }
    .swiper-pd .swiper-slide {
        padding: 0 10px;
        background: linear-gradient(0deg, #FFF6EC, #FFFFFF);
        box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.07);
        border-radius: 30px;
        border: 3px solid #FFFFFF;
        width: calc(380px / 2);
        height: calc(532px / 2);
    }
    .pd-pagination{
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: calc(50px / 2);
        left: 0;
        z-index: 999;
        right: 0;
    }
    .qx-img{
        width: 100%;
        height:calc(584px / 2) ;
        background: #fff;
        border-radius:30px;
        display: flex;
        align-items: center;
        justify-content: center;
		margin:0 auto;
    }
    .qx-img img{
        width:auto;
        height:calc(433px / 2) ;
    }
    .qx-next{
        display: none;
    }
    .qx-prev{
        display: none;
    }
    .z_hot_swiper .swiper-slide{
       
        padding-bottom:30px;
    }
	.z_hot_swiper .hot_bgk{
	 background: #F1F2F4;
	 border-radius: 0px 30px 30px 0px;
	}
	
    .imgbox > img{
        width: calc(506px / 2);
        height:calc(313px / 2);
        border-radius: 30px;
    }
}

.z_hot_swiper {
    position: relative;
    overflow: hidden
}

.z_hot_swiper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #edeff1
}

.z_hot_swiper a:hover .imgbg {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}
.z_hot_swiper .imgbox {
    width: 27.0833333333vw;
    height: 16.6666666667vw;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.bk-ul-list{
    width: 100%;
}
.bk-ul-list ul{
    width: 100%;
}
.bk-ul-list li{
    width:13.4375vw;
    height:3.3854vw;
    margin-bottom:1vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #333333;
    box-sizing: border-box;
    padding-left: 10%;
    cursor: pointer;
    border-radius: 33px;
}
.bk-ul-list li a{
   display:flex;
   width:100%;
    height:100%;
	align-items: center;
}
.bk-ul-list li.active{
    background:url(/statics/my/images/rh-1.png) 90% center no-repeat #F0871A;
    background-size: 11px 20px;
    color: #fff;
}
.bk-ul-list li:hover{
    background:url(/statics/my/images/rh-1.png) 90% center no-repeat #F0871A;
    background-size: 11px 20px;
    color: #fff;
}
@media screen and (max-width: 980px) {
    .z_hot_swiper .imgbox {
        width: 100%;
        height: 50vw
    }
    .z_hot_swiper a {
        display: inherit;
        background: #edeff1
    }
    .bk-ul-list li{
        width:200px;
        height:50px;
        padding-left: 10%;
        margin-bottom:1vw;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: #333333;
        box-sizing: border-box;
        cursor: pointer;
        border-radius: 33px;
        transition: 0.5s ease-in-out;
        box-sizing: border-box;
		
    }
}

.z_hot_swiper .infobox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1.5625vw
}

@media screen and (max-width: 980px) {
    .z_hot_swiper .infobox {
        padding: 12px
    }
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc;
}

.carousel-indicators .active {
    background-color: #000;
}

.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-pd .swiper-slide {
    padding: 5vw 10px 5vw;
    background: linear-gradient(top bottom, #FFF6EC, #FFFFFF);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.07);
    border-radius: 30px;
    border: 3px solid #FFFFFF;
    width: 19.791667vw;
    height: auto;
	text-align:center;
}
.modal-pd{
    padding: 0 2rem;
}
.pd-pagination{
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 2.6041667vw;
    left: 0;
    z-index: 999;
    right: 0;
}
.pd-pagination .swiper-pagination-bullet{
    width: 7px;
    height: 7px;
    display: block;
    background: #FF7C09;
    opacity: 0.2;
    border-radius: 50%;
    margin-right: 10px;
}
.pd-pagination .swiper-pagination-bullet-active{
    width: 7px;
    height: 7px;
    background: #FF7C09;
    opacity: 1;
}
.more-add{
 vertical-align: text-top;font-size: 26px !important;
    position: absolute;
    top: 1px;
    font-weight: 600;left:41%
}
.z_index_about .z_about_num .fuwu-add{
vertical-align: text-top;font-size: 26px;
    position: absolute;
    top: 1px;
    font-weight: 600;
    right: 2px;
}
@media (max-width: 768px) {
    .nav-tabs {
        white-space: nowrap;
        overflow-x: auto;
    }
    .nav-tabs .nav-item {
        display: inline-block;
        float: none;
    }
	.more-add{
 vertical-align: text-top;font-size: 26px;
    position: absolute;
    top: -13px;
    font-weight: 600;right:-60px
}
.z_index_about .z_about_num .fuwu-add{
vertical-align: text-top;font-size: 26px;
    position: absolute;
    top: -14px;
    font-weight: 600;
    right: -3px;
}
.z_about_num .z-sp .z-bf:before{
background:none
}
.swiper-pd .swiper-slide{
width:100%;
padding:0;
}
}

@media (min-width: 992px) {
    .modal-lg-50 {
        max-width: 50%;
    }
}
.qx-top{
    padding-top: 12%;
    padding-left: 5%;
}
.qx-lj{
    width: 160px;
    height: 52px;
    background: #F0871A;
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;margin-top:var(--size-60);
}
.qx-lj:hover{
    background:rgba(240, 135, 26, 0.8);
    transition: .2s ease-in-out;
}
.qx-pro{
    margin-top: var(--size-110-);
    background: #fff;
    padding: var(--size-70) var(--size-50);
}
.swiper-width{
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 2%;
}
.swiper-qx{
    position: relative;
}
.swiper-qx .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
	    width: 48%;
    margin-right: 50px;
    overflow: hidden;
}
.slide-bg{
    background: #fff8f2;
    width:752px;
    border-radius: 30px;
    padding: 2%;
	height:493px;
    box-sizing: border-box;
    width: clamp(376px, 39.16667vw, 752px);
}
.slide-bg img{
width:auto;
height:399px;
}
.swiper-qx h2{
    padding-top: var(--size-40);
    width: 100%;
}
.swiper-qx p{
    padding-top: var(--size-20);
}
.qx-next{
    top:50%;
    width: var(--size-80);
    height:var(--size-80);
    background:url(/statics/my/images/qx-r.png) center no-repeat #FF7C09;
    background-size: 23px 21px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    transform: translate(-50%,-50%);
    z-index: 9;
}
.qx-prev{
    top:50%;
    width: var(--size-80);
    height:var(--size-80);
    background:url(/statics/my/images/qx-l.png) center no-repeat #FF7C09;
    background-size: 23px 21px;
    border-radius: 50%;
    position: absolute;
    right: -4.5%;
    transform: translate(-50%,-50%);
    z-index: 9;
}

.qx-prev.swiper-button-disabled{
    background:url(/statics/my/images/qx-l.png) center no-repeat rgba(240, 135, 26, 0.5);
    background-size: 23px 21px;
}
.qx-next.swiper-button-disabled{
    background:url(/statics/my/images/qx-r.png) center no-repeat rgba(240, 135, 26, 0.5);
    background-size: 23px 21px;
}
@media (max-width: 760px) {
    .swiper-button-next {
        right: 20px;
        transform: rotate(90deg);
    }

    .swiper-button-prev {
        left: 20px;
        transform: rotate(90deg);
    }
}


.z_news_list {
    margin-top: 2.6041666667vw;
    overflow: hidden
}

@media screen and (max-width: 980px) {
    .z_news_list {
        margin-top: 0
    }
}

.z_news_list li {
    /*border-top: 1px solid rgba(0, 67, 133, .1);*/
    padding-top: 2.6041666667vw;
    padding-bottom: 2.6041666667vw;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
    border-bottom: 1px solid rgba(0, 67, 133, .1);

}
.z_news_list li:hover {
    background-color: rgba(0, 67, 133, 0.05);
    transform: translateY(10px);
    border-bottom: 0;
}

.z_news_list li .imgbox:hover .imgbg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}


@media screen and (max-width: 980px) {
    .z_news_list li {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.z_news_list li:hover .imgbg {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.z_news_list li:hover .tit {
    color: var(--color-dominant)
}

.z_news_list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.z_news_list .imgbox {
    width: 26.3541667vw;
    height: 11.927vw;
    margin-right: 2.6041666667vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: var(--size-30);
    margin-bottom: 0vw
}

@media screen and (max-width: 980px) {
    .z_news_list .imgbox {
        width: 100%;
        height: 50vw
    }
}

@media screen and (max-width: 980px) {
    .z_news_list .imgbox {
        margin-right: 0
    }
}

@media screen and (max-width: 980px) {
    .z_news_list .imgbox {
        margin-bottom: 12px
    }
}

.z_news_list .date {
    font-family: Montserrat;
    margin-bottom: 1vw
}

@media (min-width: 1920px) {
    .z_news_list .date {
        font-size: 22px
    }
}

@media (max-width: 1920px) {
    .z_news_list .date {
        font-size: 1.1458333333vw
    }
}

@media (max-width: 1440px) {
    .z_news_list .date {
        font-size: 1.1458333333vw
    }
}

@media (max-width: 1000px) {
    .z_news_list .date {
        font-size: 1.1458333333vw;
        font-size: 16px
    }
}

@media screen and (max-width: 980px) {
    .z_news_list .date {
        margin-bottom: 10px
    }
}

.z_news_list .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-weight: 500;
    margin-top: 1.0416666667vw
}

@media (min-width: 1920px) {
    .z_news_list .tit {
        font-size: 24px
    }
}

@media (max-width: 1920px) {
    .z_news_list .tit {
        font-size: 1.25vw
    }
}

@media (max-width: 1440px) {
    .z_news_list .tit {
        font-size: 1.25vw
    }
}

@media (max-width: 1000px) {
    .z_news_list .tit {
        font-size: 1.25vw;
        font-size: 16px
    }
}

@media (min-width: 1920px) {
    .z_news_list .tit {
        line-height: 32px
    }
}

@media (max-width: 1920px) {
    .z_news_list .tit {
        line-height: 1.6666666667vw
    }
}
.swiper-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;

}

.swiper-sidebar.swiper-sidebar-open {
    transform: translateX(0);
}

.sidebar-content {
    padding:6% 6% 0 6%;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.overlay.show {
    opacity: 1;
    visibility: visible;
}
.side-bk{
    padding: 0.78125vw 0.52083vw;
}
.side-bk span{
    padding-left: 1vw;
}
.custom-scrollbar {
    height:75vh;
    overflow-y: scroll;
    padding-right: 0.5rem;
}

.custom-scrollbar::-webkit-scrollbar {
    width:1px;
    height: 5px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #F0871A;
    border-radius: 0.25rem;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #F0871A;
}
.bk-right{
    width: 94px;
    height: 130px;
    background: #F0871A;
    border-radius: 47px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px 0;
    box-sizing: border-box;
    margin: 0 auto;
}
.close-img{
    text-align: center;
    padding-top: var(--size-50);

}
.close-img img{
    width: var(--size-35);
    height:var(--size-35);
    cursor: pointer;
}

@media (max-width: 1440px) {
    .z_news_list .tit {
        line-height: 1.6666666667vw
    }
}

@media (max-width: 1000px) {
    .z_news_list .tit {
        line-height: 1.6666666667vw;
        line-height: 24px
    }
}
.contact-img{
    width: 100%;
    height:30.20833vw;
    border-radius: 30px;
}
.allmap{
    width: 100%;
    height:30.20833vw;
    border-radius: 30px;
}
@media screen and (max-width: 980px) {
    .z_news_list .tit {
        margin-top: 10px
    }
    .contact-img{
        width: 100%;
        height:calc(580px / 2);
        border-radius: 30px;
    }
    .allmap{
        width: 100%;
        height:calc(580px / 2);
        border-radius: 30px;
    }
}

.z_news_list .desc {
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: .5208333333vw
}

@media (min-width: 1920px) {
    .z_news_list .desc {
        font-size: 16px
    }
}

@media (max-width: 1920px) {
    .z_news_list .desc {
        font-size: 16px
    }
}

@media (max-width: 1440px) {
    .z_news_list .desc {
        font-size: 16px
    }
}

@media (max-width: 1000px) {
    .z_news_list .desc {
        font-size: 16px;
        font-size: 14px
    }
}

@media (min-width: 1920px) {
    .z_news_list .desc {
        line-height: 28px
    }
}

@media (max-width: 1920px) {
    .z_news_list .desc {
        line-height: 1.4583333333vw
    }
}

@media (max-width: 1440px) {
    .z_news_list .desc {
        line-height: 1.4583333333vw
    }
}

@media (max-width: 1000px) {
    .z_news_list .desc {
        line-height: 1.4583333333vw;
        line-height: 20px
    }
}

@media screen and (max-width: 980px) {
    .z_news_list .desc {
        margin-top: 10px
    }
}

@media screen and (max-width: 980px) {
    .z_news_list a {
        display: block
    }
    .swiper-sidebar {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        z-index: 9999;
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;

    }
    .display-bk{
        display: none;
    }
    .l-text-center{
        text-align: center;
    }
}
.code-p{
    padding: var(--size-20);
    border: 1px solid #eee;
    width: 165px;
    height: 165px;
    margin: 0 auto;
}

.svg-center:hover{
    box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.2);
    background: rgba(245,133,9,0.2);
}

.tab-l-flex{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.tab-l-wap-flex{
    display: none;
}

.z_header_nav > ul > li.has-submenu > .sub-menu {
    position: absolute;
    top: 100%;
    left: -10px;
    min-width: 90px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 999;
}

.z_header_nav > ul > li.has-submenu:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
}
.z_header_nav > ul > li.has-submenu > .sub-menu > li{
margin:0;
}
.z_header_nav > ul > li.has-submenu > .sub-menu > li > a {
    display: block;
    padding: 12px 10px;
    color: #666 !important;
    text-decoration: none;
    transition: all 0.3s ease;
}

.z_header_nav > ul > li.has-submenu > .sub-menu > li > a:hover {
    color: #f0871a !important;
}

@media screen and (max-width: 980px) {
    .z_menu_btn {
        display: block
    }
    .swiper-num{
        display: none;
    }
    .z_banner_warp .swiper_dot{
        display: none;
    }
    .swiper-pagination-current{
        display: none;
    }
    .prev{
        bottom: 10px;
        right: 30px;
    }
    .next{
        bottom: 10px;
        right: 10px;
    }
    .z_play img{
        width: 60px;
        height: 60px;
    }
    .z_index_about .z_about_num >ul{
        display: flex;
        justify-content: space-around;
    }
     .tab-l-flex{
        display: none;
    }

    .index-pro-item>* .img img {
        width:auto;
        height: 200px;
    }
.tab-l-wap-flex{
    display: block;
}
    .tab-more1{
        margin: 15% auto;
    }
	  .tab-l-wap-flex > h3{
        text-align: center;
    }
	.bk-ul-list ul{
		display:flex;
		margin-bottom:20px
		
	}
	.slide-bg{
    background: #fff8f2;
    width:100%;
    border-radius: 30px;
    padding: 2%;
	height:auto;
    box-sizing: border-box;
}
.slide-bg img{
width:auto;
height:200px;
}
.swiper-qx .swiper-slide{
	width"100%
	}
	 .z_header_nav > ul > li.has-submenu > .sub-menu {
       min-height: 180px;
        min-width: auto;
    }
}
.footer-fixed > .l-container{
padding:0
}
.fixed-cen > [class*=col-]{
padding:0
}<!--耗时1763710494.3091秒-->