:root {
    --color: #ed6d00;
    --0c1424: #0c1424;
    --f8f9fa: #f8f9fa;
    --hoverboxshadow: 0 10px 18px rgba(23, 96, 248, 0.12);
    --mt45p: 45px;
    --fs14: 14px;
    --fs18: 18px;
    --fs20: 20px;
    --fs22: 22px;
    --fs24: 24px;
    --fs30: 30px;
    --fs32: 32px;
    --fs36: 36px;
    --fs40: 40px;
    --fs46: 46px;
    --fs54: 54px;
}

html {
    scroll-behavior: smooth;
}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html.lenis {
    height: auto;
    letter-spacing: 1px;
}

.w95 {
    width: 95%;
    min-width: 1100px;
    max-width: 1700px;
    margin: 0 auto;
}

.w1500 {
    width: 1500px;
    margin: 0 auto;
}

/* 通用处理单行文字溢出代码 */
.text-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 通用处理多行文字溢出代码 */
.text-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    white-space: break-spaces;
    -webkit-box-orient: vertical;
    line-height: 1.6;
}

.text-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    white-space: break-spaces;
    -webkit-box-orient: vertical;
    line-height: 1.4;
}



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

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-scrolling iframe {
    pointer-events: none
}

html.lenis-stopped {
    overflow: hidden
}

body,
html {
    height: auto;
    min-height: 100vh;
}

body {
    font-family: 'Nunito Sans', sans-serif;
    line-height: 1.4;
    font-size: 16px;
}

.pubflex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

body {
    color: #222;
}

.ptb120p {
    padding-top: 120px;
    padding-bottom: 120px;
}


.pubmore-15p {
    margin-left: 20px;
}

.pwz {
    position: relative;
    overflow: hidden;
}

.pwz1,
.pwz2 {
    position: relative;
    transition: transform 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93), opacity 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}

.pubmore {
    padding: 15px 60px;
    font-size: 14px;
}

.abpcn-fff {
    color: #fff;
}


.pubmore svg {
    width: 12px;
    height: 12px;
}

.pubmore span {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.svg-fff {
    /* fill: #fff; */
}

.svg-000 {
    fill: #000;
}

.pwz1 {
    position: relative;
    transition: transform 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93), opacity 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}


.pwz2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(200%);
    opacity: 0;
}

.pubmore .psvg {
    width: 12px;
    height: 12px;
    position: relative;
    overflow: hidden;
    margin-left: 15px;
}

.svg-1,
.svg-2 {
    transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}

.svg-1 {
    position: relative;
    transform: translate(0, 0);
}

.svg-2 {
    opacity: 0;
    transform: translate(-100%, 0);
    position: absolute;
    left: 0;
    top: 100%;
    transition: transform 0.3s, opacity 0.3s;
}

.pubmore {
    transition: all 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}

.pubmore:hover .svg-1 {
    opacity: 0;
    transform: translate(100%, -100%);
    transition: transform 0.3s, opacity 0.3s;
}

.pubmore:hover .svg-2 {
    transition: transform 0.3s, opacity 0.3s;
}

.pubmore:hover .svg-2 {
    opacity: 1;
    transform: translate(0, -100%);
    transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}

.pubmore:hover .pwz1 {
    transform: translateY(-200%);
    opacity: 0;
}

.pubmore:hover .pwz2 {
    transform: translateY(-50%);
    opacity: 1;
}

.pubmore:hover {
    background: var(--color);
}

.pubmore-h40 {
    height: 30px;
    line-height: 30px;
    width: 138px;
    padding: 0 20px;
    border-radius: 30px;
}

.pubmore-h40 {
    font-size: 14px !important;
}

.pubmore-h40 .psvg,
.pubmore-h40 .psvg svg {
    width: 10px;
    height: 10px;
}


.pubmore-fff {
    background: none;
    border: 1px solid #fff;
}

.pubmore-fff .pwz1 {
    color: #fff;
}

.pubmore-fff .pwz2 {
    color: #000;
}

.pubmore-fff .svg-fff {
    fill: #fff;
}

.pubmore-fff .svg-000 {
    fill: #000;
}

.pubmore-yellow {
    background: var(--color);
    border: 1px solid var(--color);
}

.pubmore-yellow .pwz1 {
    /* color: #fff; */
}

.pubmore-yellow .pwz2 {
    color: #000;
}

.pubmore-yellow .svg-fff {
    /* fill: #fff; */
}

.pubmore-yellow .svg-000 {
    fill: #000;
}

.pubmore-000 {
    background: none;
    border: 1px solid #000;
}

.pubmore-000 .pwz1 {
    color: #000;
}

.pubmore-000 .pwz2 {
    color: #000;
}

.pubmore-000 .svg-fff {
    fill: #000;
}

.pubmore-000 .svg-000 {
    fill: #000;
}

.pubmore-000:hover {
    border-color: var(--color);
    background: var(--color);
}

.pubmore-fff:hover {
    border-color: var(--color);
}

/*  */
.t2head {
    position: fixed;
    z-index: 333;
    left: 0;
    top: 30px;
    width: 100%;
    padding: 0;
    transition: all 0.5s ease;
}

.t2headm {
    display: flex;
    align-items: center;
    /* padding: 0 50px; */
    /* background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(12px); */

}

.t2headm {
    border-radius: 90px;
    justify-content: space-between;
    transition: all 0.6s ease;
}

.t2logo {
    /* position: relative;
    height: 35px;
    width: 235px;
    background: #f4f6f6;
    padding: 10px; */
}

.t2logo .img {
    height: 30px;
    transition: all 0.3s ease;
    /* height: 100%; */
    padding: 0 30px;
}

/* .t2logo .img {
    position: absolute;
    left: 0;
    top: 0;
} */

.logo-1 path {
    fill: #fff;
}

.logo-2 path {
    fill: #000;
}

.logo-2 {
    opacity: 0;
}


.t2meau {
    cursor: pointer;
    margin-left: 45px;
}

.t2meau {
    position: relative;
    width: 35px;
    height: 35px;
}

.t2meau:before,
.t2meau:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform-origin: 50% 50%;
    transition: transform .25s ease;
}

.t2meau:before {
    transform: translate(-15%, -250%);
}

.t2meau:after {
    transform: translate(15%, 250%);
}

.t2meau:hover:before {
    transform: translate(-15%, -500%)
}

.t2meau:hover:after {
    transform: translate(15%, 500%)
}

.t2right {
    display: flex;
    position: relative;
}

.t2right_s3 {
    position: absolute;
    top: -25px;
    left: 20px;
    font-size: 14px;
}

.t2rightmore {
    font-size: 14px;
    border-radius: 40px;
    padding: 25px 15px;
}

.t2rightmore .psvg,
.t2rightmore svg {
    width: 12px;
    height: 12px;
}

.t2headm {
    height: 80px;
    transition: all 0.5s ease;
}

.t2head.active {
    top: 20px;
    padding: 0 50px;
}

.t2head.active .t2headm,
.t2head.pages .t2headm {
    /* background: rgba(255, 255, 255); */
    /* background: rgba(255, 255, 255, 0.7); */
    /* -webkit-backdrop-filter: blur(3px); */
    /* backdrop-filter: blur(3px); */
}

.t2head.active .t2headm {
    width: 100%;
    max-width: 100%;
}

.t2nav_li {
    position: relative;
}

.zkheadsub {
    text-align: center;
    font-size: 14px;
    position: absolute;
    left: -50px;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    width: 180px;
    background: #fff;
    transition: all 0.3s ease;
    padding: 0px 10px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(3px);
    border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 20px 0 rgba(26, 34, 74, 0.1);
}

.t2nav_li:hover .zkheadsub {
    opacity: 1;
    visibility: visible;
    padding: 20px 10px;
}

.zkheadsub4 {
    width: 140px;
}

.zkheadsublia {
    display: inline-block;
    color: #333;
    padding: 10px;
    margin: 0 !important;
}

.zkheadsubli:hover .zkheadsublia {
    color: var(--color);
}

/*  */
.t7f {
    background: #0c1424;
}

.t7fa {
    width: 100%;
}

.t7faa {
    color: #fff;
}

.t7fab {
    width: 25%;
    text-align: right;
}

.t7fab {
    text-transform: uppercase;
}

.t7fab h4 {
    font-weight: var(--b600);
    color: #fff;
    font-size: 14px;
    padding-bottom: 15px;
}

.t7fab a {
    /* opacity: 0.7;
    color: #fff;
    transition: all 0.3s ease;
    font-size: 13px;
    display: block;
    margin-top: 5px; */
}

.t7fab a:hover {
    /* opacity: 1; */
}

.t7fa2 li a {
    display: inline-block;
    color: rgb(255, 255, 255, 0.5);
    font-size: var(--fs24);
}

.t7fa2 li {
    margin-top: 40px;
}

.t7fa2 li:first-child {
    margin-top: 0;
}

.t7fba_p3 {
    font-size: var(--fs36);
    color: #fff;
}

.t7fba_p4 {
    font-size: var(--fs24);
    color: #fff;
    margin-top: 20px;
}

.t7fba_p5 {
    margin-top: 30px;
}

.t7fba_a1 {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
    background: #373f4b;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.t7fba_a1:last-child {
    margin-top: 20px;
}

.t7fba_a1:hover {
    background: var(--color);
    color: #fff;
}

.gotop2 {
    width: 61px;
    height: 61px;
    line-height: 61px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.gotop2:hover {
    cursor: pointer;
    border: 1px solid var(--color);
    background: var(--color);
}


.t7fba1 {
    width: 30%;
    margin-top: 50px;
}

.t7fba1 img {
    width: 100%;
    border-radius: 10px;
}

.t7fba1 p {
    color: #fff;
    margin-top: 30px;
    text-align: center;
}

.t7fa_con {
    margin-top: 80px;
    align-items: center;
}

.t7fa2_a1 {
    display: inline-block;
    padding: 8px 50px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.t7fa2_a1:hover {
    background: var(--color);
    border: 1px solid var(--color);
    color: #fff;
}

.t7fa2_a2 a {
    color: rgb(255, 255, 255, 0.5);
    font-size: 14px;
}

/*  */
* {
    box-sizing: border-box;
}

.w1600 {
    width: 95%;
    margin: 0 auto;
    max-width: 1600px;
    min-width: 1200px;
}

.w1400 {
    width: 1400px;
    margin: 0 auto;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}



.msbg {
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.ptb100p {
    padding-top: var(--ptb);
    padding-bottom: var(--ptb);
}



body {
    background: var(--bg);
}

html.lenis {
    height: auto;
}

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

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-scrolling iframe {
    pointer-events: none
}

html.lenis-stopped {
    overflow: hidden
}

body,
html {
    height: auto;
    min-height: 100vh;
    /* font-family: 'Microsoft YaHei', 'Hiragino Sans GB', Helvetica, Arial, 'Lucida Grande', sans-serif; */
    font-family: "Microsoft YaHei", "PINGFANGHK", "PingFang-HK", PingFang SC, "Source Han Sans CN", Open Sans, arial, 'Hiragino Sans GB';

}

body {
    /* font-family: 'Nunito Sans', sans-serif; */
    line-height: 1.4;
    font-size: 16px;
}

.pubflex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

body {
    color: #222;
    background: var(--bg);
}




.pubmore-15p {
    margin-left: 20px;
}

.pwz {
    position: relative;
    overflow: hidden;
}

.pwz1,
.pwz2 {
    position: relative;
    transition: transform 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93), opacity 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}

.pubmore {
    display: flex;
    border-radius: 52px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 15px 40px;
    font-size: 14px;
}

.pubmore svg {
    width: 12px;
    height: 12px;
}

.pubmore span {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.svg-fff {
    /* fill: #fff; */
}

.svg-000 {
    fill: #000;
}

.pwz1 {
    position: relative;
    transition: transform 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93), opacity 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}

.pwz2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(200%);
    opacity: 0;
}

.pubmore .psvg {
    width: 12px;
    height: 12px;
    position: relative;
    overflow: hidden;
    margin-left: 15px;
}

.svg-1,
.svg-2 {
    transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}

.svg-1 {
    position: relative;
    transform: translate(0, 0);
}

.svg-2 {
    opacity: 0;
    transform: translate(-100%, 0);
    position: absolute;
    left: 0;
    top: 100%;
    transition: transform 0.3s, opacity 0.3s;
}

.pubmore {
    transition: all 0.3s cubic-bezier(0.12, 0.77, 0.16, 0.93)
}

.pubmore:hover .svg-1 {
    opacity: 0;
    transform: translate(100%, -100%);
    transition: transform 0.3s, opacity 0.3s;
}

.pubmore:hover .svg-2 {
    transition: transform 0.3s, opacity 0.3s;
}

.pubmore:hover .svg-2 {
    opacity: 1;
    transform: translate(0, -100%);
    transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}

.pubmore:hover .pwz1 {
    transform: translateY(-200%);
    opacity: 0;
}

.pubmore:hover .pwz2 {
    transform: translateY(-50%);
    opacity: 1;
}

.pubmore:hover {
    background: var(--color);
}

.pubmore-h40 {
    height: 30px;
    line-height: 30px;
    width: 138px;
    padding: 0 20px;
    border-radius: 30px;
}

.pubmore-h40 {
    font-size: 14px !important;
}

.pubmore-h40 .psvg,
.pubmore-h40 .psvg svg {
    width: 10px;
    height: 10px;
}


.pubmore-fff {
    background: none;
    border: 1px solid #fff;
}

.pubmore-fff .pwz1 {
    color: #fff;
}

.pubmore-fff .pwz2 {
    color: #000;
}

.pubmore-fff .svg-fff {
    fill: #fff;
}

.pubmore-fff .svg-000 {
    fill: #000;
}

.pubmore-yellow {
    background: var(--color);
    border: 1px solid var(--color);
}

.pubmore-yellow .pwz1 {
    /* color: #fff; */
    color: #000;
}

.pubmore-yellow .pwz2 {
    color: #000;
}

.pubmore-yellow .svg-fff {
    /* fill: #fff; */
}

.pubmore-yellow .svg-000 {
    fill: #000;
}

.pubmore-000 {
    background: none;
    border: 1px solid #000;
}

.pubmore-000 .pwz1 {
    color: #000;
}

.pubmore-000 .pwz2 {
    color: #000;
}

.pubmore-000 .svg-fff {
    fill: #000;
}

.pubmore-000 .svg-000 {
    fill: #000;
}

.pubmore-000:hover {
    border-color: var(--color);
    background: var(--color);
}

.pubmore-fff:hover {
    border-color: var(--color);
}

/*  */
.t2head {
    position: fixed;
    z-index: 333;
    left: 0;
    top: 30px;
    width: 100%;
    padding: 0;
    transition: all 0.5s ease;
}


.t2head.on .t2head_mean {
    width: 100%;
    height: 100vh;
    padding-top: 30px;
    /* background: rgba(255, 255, 255, 0.2); */
    background: navajowhite;
    z-index: 11;
    opacity: 1;
    overflow: visible;
    position: fixed;
    left: 0;
    top: 0;
}

.t2head_mean {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .4s cubic-bezier(0.5, 0, 0, 1);
    /* transition: .4s cubic-bezier(0.5, 0, 0, 1), right .4s cubic-bezier(0.5, 0, 0, 1), top .4s cubic-bezier(0.5, 0, 0, 1) */
}

.t2headm {
    display: flex;
    align-items: center;
    /* padding: 0 50px; */
    /* backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.2); */
    position: relative;
    z-index: 111;
}

.t2headm {
    border-radius: 50px;
    justify-content: space-between;
    transition: all 0.6s ease;
}

.t2logo {
    position: relative;
    /* height: 70px; */
    line-height: 60px;
    background: #f4f6f6;
    border-radius: 50px;
    /* width: 215px; */
}

.t2logo .img {
    transition: all 0.3s ease;
    /* height: 100%; */
}

.t2logo .img {
    /* position: absolute;
    left: 0;
    top: 0; */
    /* width: 100%; */
}

.logo-1 path {
    fill: #fff;
}

.logo-2 path {
    fill: #000;
}

.logo-2 {
    opacity: 0;
}

.t2nav {
    display: flex;
    justify-content: center;
    align-items: center;
}

.t2nav_a {
    /* line-height: 90px; */
    /* color: #fff; */
    text-transform: uppercase;
    margin: 0 15px;
}

.t2nav_list {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 50px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    background-color: hsla(0, 0%, 100%, .5);
    backdrop-filter: blur(20px);
}

.t2nav_li:hover .t2nav_list {
    opacity: 1;
    visibility: visible;
}

.t2nav a {
    /* line-height: 90px; */
    /* color: #fff; */
    color: #222;
    /* font-weight: var(--b700); */
    text-transform: uppercase;
    margin: 0 20px;
}

.t2nav_main {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 3% 5%;
    display: flex;
    justify-content: space-between;
}

.t2nav_name {

    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    cursor: pointer;
}

.t2nav_name:hover {
    color: var(--blue);
}


.t2nav_li1 {
    /* width: 30%;
    text-align: center; */
}

.t2nav_li1 img {
    height: 50px;
}

.t2nav_li2 {
    padding-left: 20px;
}

.t2nav_lab {
    position: relative;
}

.t2nav_lab .index_put1 {
    width: 400px;
}

.t2nav_lab .labicon2 {
    top: 18px;
}

.t2nav_lab .labicon1 {
    top: 18px;
}

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

.t2nav_item2 {
    width: 70%;
}

.t2nav_con {
    display: none;
}

.t2nav_con.on {
    display: block;
}

.nav_li1 {
    width: 30%;
    text-align: center;
}

.nav_li1 img {
    width: 100%;
}



.idnex_sty {
    position: sticky;
    top: 0px;
}

.index_box1 {
    z-index: 1;
    background: #f4f6f6;
}

.index_box2 {
    z-index: 2;
}

.index_box3 {
    z-index: 3;
}

.index_box4 {
    z-index: 4;
}

.index_boxw1 {
    transition: all 0.5s ease;
    border-radius: 60px;
    /* overflow: hidden; */
    padding-bottom: 80px;
    background: #f4f6f6;
}

.index_boxw1.on {
    width: 100%;
    max-width: 100%;
    border-radius: 0 0 60px 60px;
}

.index_boxw1.on .sg2banerimg {
    border-radius: 0 0 60px 60px;
}

.t2meau {
    cursor: pointer;
    margin-left: 45px;
}

.t2meau {
    position: relative;
    width: 35px;
    height: 35px;
}

.t2meau:before,
.t2meau:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform-origin: 50% 50%;
    transition: transform .25s ease;
}

.t2meau:before {
    transform: translate(-15%, -250%);
}

.t2meau:after {
    transform: translate(15%, 250%);
}

.t2meau:hover:before {
    transform: translate(-15%, -500%)
}

.t2meau:hover:after {
    transform: translate(15%, 500%)
}

.t2left {
    /* width: 60%; */
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 50px;
    padding: 15px 10px;
}

.t2right {
    /* width: 20%; */
    height: 100%;
    display: flex;
    align-items: center;
    /* background: #fff; */
    border-radius: 50px;
    padding: 15px 10px;
}

.t2rightmore {
    font-size: 14px;
    padding: 10px 40px;
    border-radius: 40px;
}

.t2rightmore .psvg,
.t2rightmore svg {
    width: 12px;
    height: 12px;
}

.t2right_s1 {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 50%;
}

.t2right_s2 {
    display: inline-block;
    padding: 20px 20px;
    background: var(--color);
    color: #fff;
    /* margin-left: 20px; */
    border: 10px solid #fff;
    border-radius: 40px;
}

.t2right_s4 {
    padding: 20px 20px;
    background: #fff;
    border-radius: 40px;
    margin-right: 20px;
    border: 5px solid #fff;
}

.t2right_s4 i {
    font-size: 20px;
}


.t2headm {
    transition: all 0.5s ease;
    width: 95%;
    margin: 0 auto;
}

.t2head.active {
    top: 20px;
    padding: 0px;
}

.t2head.active .t2headm {
    /* background: rgba(25, 21, 32, 0.9); */
    /* border-radius: 0; */
}

.t2head.active .t2headm {
    width: 98%;
    top: 10px;
}

.laugelink {
    text-align: center;
    font-size: 12px;
    margin-left: 30px;
    transition: all 0.3s ease;
    color: #000;
    border-radius: 50%;
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    position: relative;
}

.laugelink::before {
    position: absolute;
    content: '';
    width: 2px;
    height: 16px;
    background: #cdcdcd;
    left: -16px;
    top: 10px;
}

.lauge_s1 {
    padding: 0px 10px;
    position: absolute;
    top: 60px;
    left: -50px;
    width: 160px;
    background: #fff;
    font-size: 16px;
    border-radius: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.laugelinka1:hover .lauge_s1 {
    opacity: 1;
    visibility: visible;
}


/*  */
/* #wrap, #container{background: #000;} */
.sg2baner {
    /* height: 100vh; */
    width: 100%;
    /* overflow: hidden; */
    position: relative;
}

.banner_btn {
    position: absolute;
    bottom: 10%;
    /* left: 40%; */
    z-index: 11;
    color: #fff;
    width: 100%;
    text-align: center;

}

.banner_btn span {
    position: relative;
    z-index: 111;
}

/* .banner_btn span {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--color);
    margin: 0 20px;
    transition: all 0.3s ease;
    color: var(--color);

}

.banner_btn span:hover {
    cursor: pointer;
    background: var(--color);
    border: 1px solid var(--color);
    color: #fff;
} */

.sg2banerimg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sg2banerimg {
    position: absolute;
    /* width: 104%;
    height: 104%;
    left: -2%;
    top: -2%; */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    object-fit: fill;
}

.sg2banerp3 {
    border-radius: 25px;
    padding: 0;
    font-size: 16px;
    width: 175px;
    margin: 0 10px;
}

.sg2banerp6 {
    margin-top: 40px;
    display: flex;
    width: 100%;
    /* justify-content: center; */
}

.sg2banerp3 {
    color: #fff;
    background: #c01822;
    height: 46px;
    line-height: 46px;
    border: 1PX SOLID #c01822;
    transition: all 0.3s ease;
}

.sg2banerp3-1 {
    background: none;
    color: #fff;
    border-color: #fff;
}

.sg2banerwz {
    position: absolute;
    min-width: 1200px;
    z-index: 10;
}

.sg2banerwz {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: left;
}

.sg2banerwz {
    color: #fff;
    line-height: 1.4;
}

.sg2banerp1 {
    font-size: var(--fs20);
    font-weight: 300;
}

.sg2banerp2 {
    font-size: 48px;
    font-weight: var(--b700);
    line-height: 1.2;
    margin-top: 40px;
}

.sg2banerp3-1:hover {
    background: #c01822;
    color: #fff;
    border-color: #c01822;
}

#scroll_down {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
}

#scroll_down:after {
    display: block;
    content: "";
    width: 1px;
    height: 50px;
    position: absolute;
    top: 100%;
    left: 50%;
    background: rgba(0, 0, 0, 0.4);
    margin-left: -1px;
}

#scroll_down a {
    position: relative;
    display: block;
    padding-bottom: 35px;
}

#scroll_down a:before {
    display: block;
    content: "";
    width: 1px;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: rgba(255, 255, 255, 0.5);
    margin-left: -1px;
}

#scroll_down a:after {
    display: inline-block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 60px;
    background: #fff;
    transform: scaleY(0);
    animation: lineActiveAnimation 1.9s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
    margin-left: -1px;
}

#scroll_down .txt {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    line-height: 1em;
    margin-bottom: 17px;
    display: block;
}

#scroll_down .fig {
    width: 25px;
    height: 38px;
    border: 1px solid #fff;
    border-radius: 25px;
    margin: 0 auto;
}

@keyframes lineActiveAnimation {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: center top;
        transform-origin: center bottom
    }

    49% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: center top;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: center bottom;
        transform-origin: center top
    }

    99% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: center bottom;
        transform-origin: center top
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: center bottom;
        transform-origin: center top
    }
}

.sg2baner {
    background: #000;
    background: transparent;
}

/* .sg2banerwz-1{top: 20%;transform: translateX(-50%);} */
/* .sg2baner .swiper-slide:before{width: 100%;height: 100%;}
    .sg2baner .swiper-slide:before{position: absolute;content: '';left:0;top:0;z-index:5;background: #000;opacity: 0.1;} */
.sg2banerwz-1 {
    transform: translate(-50%, -50%);
    top: 45%;
    left: 50%;
}

.sg2baner {
    transition-duration: 0.7s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.sg2baner.sxl {}

.active .sg2baner,
.sg2baner.sxl {
    transform: scale(0.82);
    border-radius: 0.25rem;
}

/* .active .sgp-in-head{top:-100%;} */



.ani_style2,
.ani_style3,
.aniStyle2 {
    opacity: 0;
}

.ani_style2.is-inview {
    animation: 1s aniStyle2 0.3s;
    animation-fill-mode: forwards;
}

.ani_style3.is-inview {
    animation: 1s aniStyle3 0.3s;
    animation-fill-mode: forwards;
}

@keyframes aniStyle1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes aniStyle2 {
    0% {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0px, 0);
    }
}

@keyframes aniStyle3 {
    0% {
        opacity: 0;
        transform: scale(1.3);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/*  */
.t2s {
    background: #e2e2e9;
    line-height: 1.1;
    text-align: center;
}

.t2sp1 {
    font-size: 60px;
    font-weight: var(--b700);
}

.t2sp2 {
    font-size: var(--fs32);
    font-weight: var(--b600);
    margin-top: 30px;
}

/*  */
.ny2 {
    position: relative;
}

/* .fd .ny2m,.active.ny2 .ny2m{transform: scale(1) !important;} */
.ny2m {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0;
    margin: 0 auto;
    overflow: hidden;
}

/* .fd .ny2m,.ny2m{transition-duration: .7s;transition-property: transform;transition-timing-function: cubic-bezier(.4,0,.2,1);} */
.ny2ma {
    text-align: center;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 12;
}

.ny2ma {
    top: 20%;
}

.ny2ma {
    line-height: 1.2;
}

.ny2ma {
    font-size: var(--fs32);
}

.ny2map1 {
    font-size: 30px;
    line-height: 1;
    /* color: #fff; */
}

.ny2map2 {
    font-weight: var(--b700);
    /* margin-top: 30px; */
    font-size: 60px;
    /* color: #fff; */
    line-height: 1;
}

.ny2map3 {
    font-weight: var(--b700);
    margin-top: 30px;
    font-size: 60px;
    /* color: #fff; */
    line-height: 1;
}

.ny2map2-000,
.ny2map1-000 {
    color: #000;
}


.ny2mbg {
    width: 100%;
    object-fit: cover;
}

.ny2mc {
    z-index: 12;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 45px;
}

.ny2mc2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.ny2slide2_p1 {
    font-size: var(--fs24);
    font-weight: bold;
    text-align: center;
}

.ny2slide2_p2 {
    text-align: center;
    font-size: 48px;
    font-weight: bold;
}

.ny2_item {
    position: relative;
}

.ny2mc_js2.on .project_p1 {
    background: var(--color);
    color: #fff;
    border: none;
}

.project_p1 {
    padding: 10px 40px;
    border: 1px solid #c9c9c9;
    border-radius: 22.5px;
    margin: 0 10px;
    transition: all 0.3s ease;
}


.ny2mc_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 100px;
    background: #fff;
    overflow: hidden;
}

.ny2mc_ul1 {
    width: 50%;
}

.ny2mc_ul1 img {
    width: 100%;
}

.ny2mc_ul2 {
    width: 40%;
}

.ny2_tit {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translate(0, -50%);
}

.ny2_tit_p1 {
    font-size: var(--fs32);
    font-weight: bold;
    color: #fff;
}

.project_p3 {
    font-size: var(--fs20);
    font-weight: bold;
}

.project_p4 {
    font-size: var(--fs32);
    font-weight: bold;
}

.project_p5 {
    margin-top: 40px;
}

.ny2_tit_p2 {
    width: 50%;
    color: #fff;
    margin-top: 40px;
}

.ny2mcicon {
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
}

.ny2mcicon img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 80%;
    max-height: 80%;
}

.ny2mcp1 {
    color: #fff;
    font-size: var(--fs18);
    margin-top: 5px;
}

.ny2mc ul {
    width: 25%;
    padding: 20px 0 30px 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}


.ny2mc ul:before {
    position: absolute;
    width: 0;
    height: 2px;
    background: #fff;
    content: '';
    opacity: 0;
}

.ny2mc ul:before {
    transition: all 0.8s ease;
    left: 0;
    top: -2px;
}

.ny2mc .on:before {
    opacity: 1;
    width: 100%;
}



.ny2mcp1 {
    margin-top: 0;
    line-height: 1.4;
    padding-left: 15px;
}

.ny2mcicon {
    width: 55px;
    height: 55px;
}

.ny2mcicon {
    left: 0;
}

.ny2slide,
.ny2slide2 {}


/* .ny2m {
    transform: scale(0.82);
} */

/* .ny2slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
} */

/*  */
.t3s {
    text-align: center;
    background: #161620;
    transition: all 0.5s ease;
}



.t3sa {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: var(--borders20);
}

.t3sbg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.t3sal {
    position: absolute;
    z-index: 2;
    width: 42%;
    left: 30%;
    text-align: left;
}

.t3sp1 {
    color: #fff;
    font-weight: var(--b700);
    font-size: 40px;
    line-height: 1.2;
}

.t3sp2 {
    color: #fff;
    margin-top: 40px;
}

.t3sp3 {
    display: flex;
    justify-content: flex-start;
    margin-top: 14%;
}

.t3sp2_list {
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.t3sp2_s1 {
    font-size: 48px;
}

.t3sp2_s2 {
    font-size: var(--fs24);
}

.t3sal {
    top: 50%;
    transform: translate(-50%, -50%);
}

.t3sa {
    margin-top: var(--mt45p);
}

.t3s {
    position: relative;
    overflow: hidden;
}

.t3stop {
    width: 100%;
    position: absolute;
    left: 0;
    top: 120px;
}

.t3sa {
    margin-top: 0;
    position: relative;
    transform: translateY(50%) scale(0.8);
}

.t3s {
    width: 100%;
}

.t3sindxm {
    position: relative;
}


.t3sa img {
    object-fit: cover;
    height: 100%;
}

/*  */
.laybg {
    background: #000;
    opacity: 0.5;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 766;
    width: 100%;
    height: 100vh;
}

.layvideo {
    position: fixed;
    z-index: 799;
    width: 80%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.layvideo {
    max-height: 90%;
    text-align: center;
}

.layvideo video {
    width: 80%;
}

.laybg,
.layvideo {
    display: none;
}

.layclose {
    position: absolute;
    right: -40px;
    top: 0;
    color: #fff;
    font-size: var(--fs24);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.layclose {
    transform: rotateZ(45deg);
}

.layclose i {
    font-size: var(--fs24);
}

.layclose i,
.js_video_play i {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* 新闻 */
.zxnew,
.zxcdf,
.zxcarers {
    /* background: #f0f0f0; */
    background: #fff;
}

.zxnewtop {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.pubsubs a {
    color: #444;
    font-size: var(--fs18);
    line-height: 30px;
    display: inline-block;
    margin-left: 35px;
    position: relative;
}

.pubsubs a:before {
    position: absolute;
    content: '';
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.pubsubs a:before {
    border: 1px solid #444;
    top: 50%;
    margin-top: -5px;
}

.pubsubs a {
    padding-left: 20px;
}

.pubsubs a:hover,
.pubsubs a.on {
    color: #000;
}

.pubsubs a:hover:before,
.pubsubs a.on:before {
    border-color: #000;
    background: #000;
}

.pubsubs a:before,
.pubsubs a {
    transition: all 0.3s ease;
}

.zxnewtop {
    border-bottom: 1px solid #444;
}

.zxnewtopr {
    padding-top: 50px;
}

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

.pageNews a {
    display: inline-block;
    padding: 10px 25px;
    border: 1px solid var(--color);
    border-radius: 20px;
    transition: all 0.3s ease;
}

.pageNews a:hover {
    background-color: var(--color);
    color: #fff;
}

.zxnewba {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.zxnewbimg {
    width: 35%;
    overflow: hidden;
}

.zxnewbimg img {
    width: 100%;
    vertical-align: top;
}

.zxnewbwz {
    width: 47%;
    padding-top: 20px;
}

.zxnewbdate,
.zxnewbwz {
    padding-left: 40px;
}

.zxnewbtit {
    font-size: 26px;
    color: #222;
}

.zxnewbi {
    position: absolute;
    font-size: 30px;
    top: 20px;
    right: 30px;
    color: #333;
}

.zxnewbms {
    color: #666;
    margin-top: 35px;
}

.zxnewbdate {
    color: #333;
    font-weight: bold;
    font-size: 12px;
    position: absolute;
}

.zxnewbdate {
    bottom: 0;
    left: 35%;
}

.zxnewbimg img,
.zxnewbtit,
.zxnewbi {
    transition: all 0.3s ease;
}

.zxnewba:hover .zxnewbtit,
.zxnewba:hover .zxnewbi {
    color: #0052d9;
}

.zxnewba:hover img {
    transform: scale(1.03);
}

.zxnewba:hover .zxnewbi {
    right: 0;
}

.zxnewbm {
    padding: 65px 0;
    border-bottom: 1px solid #555;
}

.zxnewbm:last-child {
    border: none;
    padding-bottom: 0;
}

.zxnewbm:first-child {
    padding-top: 0;
}



.newdzxh2 {
    font-size: var(--fs24);
    font-weight: bold;
}

.newdzxdate {
    color: #666;
    margin-top: 10px;
}

.newdzxdesc {
    margin-top: var(--mt45p);
    margin-bottom: 45px;
}

.newdzxdesc img {
    width: 100%;
}

.newdzxdesc img {
    margin: 0 auto;
}

.newdzxdesc p {
    line-height: 1.6;
}


.sharelistsub a {
    font-size: var(--fs24);
    margin-right: 15px;
}

.sharelistsub a {
    color: #000;
    opacity: 0.7;
    transition: all 0.3s ease;
}

.sharelistsub a:hover {
    opacity: 1;
}



.sharelistsub {
    margin-top: 20px;
}

.bsBox {
    box-sizing: content-box;
}

.zxnewother li {
    padding: 15px 0;
    border-bottom: 1px solid #d6d6d6;
}

.zxnewother a {
    color: #333;
}

.zxnewother a:hover {
    color: #0056a7;
}

.zxnewother li:last-child {
    border: none;
}



.zxcaseallm {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.zxcasealla {
    width: 33%;
    margin-top: 0.5%;
    overflow: hidden;
}

.zxcaseallimg {
    vertical-align: top;
    width: 100%;
}

.zxcasealla {
    position: relative;
}

.zxcasealla:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
}

.zxcaseallicon {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.zxcaseallicon {
    background: #fff;
    border-radius: 50%;
}

.zxcaseallicon img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.zxcaseallicon img {
    max-width: 90%;
    max-height: 90%;
}

.zxcaseallwz {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 25px;
    z-index: 5
}

.zxcaseallicon {
    opacity: 0
}

.zxcaseallwz {
    color: #fff;
}

.zxcaseallwz p {
    font-size: 30px;
    line-height: 1.4;
}

.zxcaseallwz span {
    line-height: 1;
    display: inline-block;
    margin-top: 5px;
}

.zxcasealla:before {
    z-index: 2;
    opacity: 0;
}

.zxcasealla:before,
.zxcaseallimg,
.zxcaseallicon {
    transition: all 0.5s ease;
}

.zxcasealla:hover:before {
    opacity: 0.5;
}

.zxcasealla:hover .zxcaseallicon {
    opacity: 1;
}

.zxcasealla:hover .zxcaseallimg {
    transform: scale(1.03);
}


.zxcasec {
    background: #f0f0f0;
}

.zxcasecm {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #000;
}

.zxcaseca {
    width: 33%;
    margin-top: 0.1%;
    overflow: hidden;
}

.zxcaseca2 {
    width: 49.95%;
}

.zxcasecimg {
    vertical-align: top;
    width: 100%;
}

.zxcaseca {
    position: relative;
}

.zxcaseca:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
}

.zxcasecwz {
    position: absolute;
    left: 0;
    bottom: -28px;
    padding: 25px;
    z-index: 5;
    padding-left: 35px;
}

.zxcasecwz {
    color: #fff;
}

.zxcasecwz p {
    font-size: var(--fs24);
    line-height: 1.4;
    font-weight: bold;
}

.zxcasecjt {
    display: inline-block;
    margin-top: 10px;
    position: relative;
    line-height: 1;
    font-size: 22px;
}

.zxcasecjt {
    opacity: 0;
}

.zxcasecjt,
.zxcasecwz p {
    position: relative;
    top: 0;
}

.zxcasecjt {
    left: -10px;
}

.zxcaseca:before {
    z-index: 2;
    opacity: 0;
}

.zxcaseca:before,
.zxcasecimg,
.zxcasecjt,
.zxcasecwz p,
.zxcasecwz {
    transition: all 0.5s ease;
}

.zxcaseca:hover:before {
    opacity: 0.5;
}

.zxcaseca:hover .zxcasecimg {
    transform: scale(1.03);
}

.zxcaseca:hover .zxcasecwz p {
    top: -10px;
}

.zxcaseca:hover .zxcasecwz {
    bottom: 0;
}

.zxcaseca:hover .zxcasecjt {
    left: 0;
    opacity: 1;
}



.zxcdb {
    padding-top: 0;
}

.zxcda img {
    width: 100%;
    vertical-align: top;
}

.zxcdbtit {
    margin-top: -140px;
}

.zxcdbtzw,
.zxcdbtit {
    z-index: 3;
    position: relative;
}

.zxcdbtzwm {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.zxcdbtzwr {
    width: 32%;
    position: sticky;
    top: 0;
    right: 0;
}

.zxcdbtzwl {
    width: 60%;
}

.zxcdbtzwl img {
    max-width: 100%;
}


.zxcdbtitm {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 40px;
}

.zxcdbtit {
    padding: 0 100px;
}

.zxcdb {
    background: #f0f0f0;
}

.zxcdbtzw {
    background: #fff;
    /* padding: 80px 100px; */
}



.zxcdbtzwra {
    background: #f8fafb;
    padding: 30px;
    border-radius: 20px;
}

.zxcdbtzwrul {
    padding-top: 7px;
}

.zxcdbtzwrul li {
    display: flex;
    color: #333;
    padding-top: 8px;
}

.zxcdbtzwrul li span {
    width: 75px;
}

.zxcdbtzwrul li i {
    color: #999;
}

.zxcdbtzwrh5 {
    font-weight: bold;
    font-size: var(--fs18);
}

.zxcdbtzwrp1 {
    font-size: 12px;
    color: #666;
}

.zxcdbtzwrs {
    position: sticky;
    top: 110px;
}

.zxcdbtzwrb {
    /* margin-top: 50px; */
}

.zxcdbotherm {
    display: flex;
    margin-top: 25px;
}

.zxcdbotherimg {
    width: 100px;
}

.zxcdbotherimg img {
    width: 100%;
}

.zxcdbtzwrbp1 {
    font-weight: bold;
    font-size: 16px;
}

.zxcdbtzwrbp2 {
    color: #666;
    margin-top: 5px;
}

.zxcdbotherwz {
    padding-left: 20px;
    padding-top: 5px;
}

/**/

/*  */
.sul2e {
    position: relative;

    overflow: hidden;
    padding: 7% 0;
}

.sul2ebg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sul2eimg {
    position: relative;
    z-index: 4;
    text-align: center;
    width: 1300px;
    margin: 0 auto;
}

.sul2eimg img {
    width: 100%;
}

.t4s {
    text-align: center;
    background: #f3f3f6;
}

.t3sp1-000,
.t3sp2-000 {
    color: #000;
}

.t4sa {
    padding: 20px;
    padding-top: 0;
}

.t4sam {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    padding-bottom: 41.43%;
}

.t4samimg1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.t3sp2 p {
    margin-top: 10px;
}

.t4sp2:first-child {
    margin: 0;
}

.t4sal {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 54%;
}

.t4sal {
    width: 36%;
    text-align: left;
}

.t4sp2 {
    margin-top: 5%;
}

.t4sp3 {
    margin-top: 10%;
    display: flex;
    justify-content: flex-start;
}

.pubmore-240 {
    width: 240px;
}

.t4sa {
    margin-top: var(--mt45p);
}

/*  */
.t4sb {
    padding: 0 20px;
    display: flex;
}

.t4sbm {
    width: 50%;
    padding-right: 10px;
}

.t4sbm:nth-child(2n) {
    padding: 0;
    padding-left: 10px;
}

.t4sblink {
    width: 100%;
    display: flex;
    position: relative;
}

.t4sblink {
    justify-content: flex-end;
    overflow: hidden;
    border-radius: 15px;
}

.t4sblink,
.t4sblink img {
    transition: all 0.8s ease;
}

.t4sblink:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.t4sblink:hover img {
    transform: scale(1.03);
}

.t4samimg2 {
    width: 52%;
    position: relative;
}

.t4samimg2 img {
    left: 0;
    top: 0;
    position: relative;
    width: 100%;
    vertical-align: top;
}

.t4sbwz {
    position: relative;
    width: 48%;
    background: #fff;
    text-align: left;
}

.t4sbwz {
    padding: 0 4%;
    padding-left: 8%;
    align-items: center;
    display: flex;
}

.t4sbwzm {
    width: 100%;
}

.t4sbp2 {
    margin-top: 6%;
}

.t4sbp3 {
    margin-top: 25%;
}

/*  */
.t5s {
    background: #f3f3f6;
    text-align: center;
}

.ny2map2,
.t5s {
    transition: all 0.5s cubic-bezier(0.12, 0.77, 0.16, 0.93);
}

.t5s.active,
.t5s {
    background: #161620;
    background: url(static/pic/t5sbg.jpg) center no-repeat;
    background-size: cover;
}

.t5sslide {
    width: 100%;
    margin-top: var(--mt45p);
}

.t5sslidem {
    width: 32%;
    margin-right: 2%;
    text-align: left;
    background: #fff;
    border-radius: var(--borders);
    overflow: hidden;
    box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
}

.t5sslide:last-child {
    margin-right: 0;
}

.t5smg img {
    width: 100%;
    vertical-align: top;
    transition: all 0.3s ease;
}

.t5smg {
    overflow: hidden;
}

.t5sp1 {
    font-size: 14px;
    opacity: 0.8;
}

.t5sp2 {
    transition: all .3s ease;
    font-size: var(--fs20);
    font-weight: var(--b700);
    line-height: 1.1;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.t5sp2 {
    color: #000;
}

.t5swz {
    padding: 20px 25px;
}

.t5sp3 {
    position: relative;
    line-height: 1;
    padding-right: 20px;
    display: inline-block;
    margin-top: 20px;
}

.t5sp3 i {
    position: absolute;
    right: 0;
    top: 0;
}

.t5sslidem:hover img {
    transform: scale(1.03);
}

.t5sslidem:hover .t5sp2 {
    color: var(--color);
}

.t5smore {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 65px;
}

.t5smore2 {
    justify-content: start;
}

/*  */
.t11s {
    background: #fff;
}

.t11sslidem img {
    max-width: 100%;
    vertical-align: top;
}

.t11sslidem {
    width: 80%;
}

.t11swz {
    position: absolute;
    width: 100%;
    padding: 60px;
    z-index: 3;
    left: 0;
    bottom: 0;
}

.t11swzmore {
    position: absolute;
    right: 60px;
    bottom: 65px
}

.t11sp1,
.t11sp2 {
    color: #fff;
}

.t11sp1 {
    font-size: var(--fs20);
}

.t11sp2 {
    font-size: 50px;
    font-weight: var(--b700);
}

.t11swz {
    opacity: 0;
    transition: all 0.6s ease;
}

.swiper-slide-active .t11swz {
    opacity: 1;
}

/* .t11sslide{overflow: visible;}
.t11sslidem{visibility: hidden;opacity: 0;}
.t11sslide .swiper-slide-prev,.t11sslide .swiper-slide-next,.t11sslide .swiper-slide-active
{opacity: 1;visibility: initial;} */
.t11sbtn {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    z-index: 3;
}

.t11sbtn {
    cursor: pointer;
    top: 50%;
    margin-top: -30px;
    text-align: center;
    color: #222;
    line-height: 60px;
    z-index: 6;
}

.t11sbtn i {
    font-size: var(--fs24);
}

.t11sprev {
    left: 35px;
}

.t11snext {
    right: 35px;
}

.t11ssdw {
    position: absolute;
    width: 100%;
    height: 80%;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.6s;
}

.swiper-slide-active .t11ssdw {
    width: 240%;
    height: 100%;
    top: 0;
}

.t11sslidem {
    padding-bottom: 42%;
}

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

.t11s .swiper-slide-active.t11sslidem {
    z-index: 3;
}

.t11ssdw {
    border-radius: 20px;
    overflow: hidden;
}

.t11sbtn,
.t11sbtn i {
    transition: all 0.3s ease;
}

.t11sbtn:hover {
    background: var(--color);
}

.t11sbtn:hover i {
    color: #fff;
}

/*  */
#wrap,
#container {
    overflow: inherit;
}

.t6s {
    background: #e2e2e9;
    width: 100%;
}

.t6sm {
    display: flex;
    align-items: flex-start;
}

.t6sa,
.t6sb,
.t6sam {
    min-height: 100vh;
}

.t6sa {
    width: 40%;
}

.t6sb {
    width: 60%;
}

.t6sb {
    position: sticky;
    right: 0;
    top: 0;
    padding: 0;
    height: 100vh;
    padding-top: 120px;
}

.t6sam {
    display: flex;
    align-items: center;
    opacity: 0;
}

.t6samn {
    width: 100%;
    padding-right: 10%;
}

.t6sap2 {
    margin-top: 25px;
}

.t6sbm div {
    width: 100%;
    padding-top: 120px;
}

.t6sap2 p {
    margin-top: 15px;
}

.t6sap2 p:first-child {
    margin-top: 0;
}

.t6sap3 {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-top: 60px;
}

/* .t6sam2,.t6sam3{min-height: auto;padding: 10% 0;} */
/*  */
.t10s {
    height: 100vh;
    width: 100%;
}

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

.t10sa,
.t10sb {
    height: 100%;
}

.t10sa {
    position: absolute;
    width: 40%;
    left: 0;
    top: 0;
}

.t10sb {
    width: 60%;
    right: 0;
    top: 0;
    position: absolute;
}

.t10sam {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}

.t10sam:nth-child(1) {
    opacity: 1;
}


.t7fa {
    width: 100%;
}

.t7faa {
    color: #fff;
}


.t7fab {
    text-transform: uppercase;
}

.t7fab h4 {
    font-weight: var(--b600);
    color: #fff;
    font-size: 14px;
    padding-bottom: 15px;
}

.t7fbb_a2 {
    font-size: var(--fs20);
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 0px;
    border-radius: 30px;
    display: inline-block;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.t7fab_p2 {
    margin-top: 30px;
    color: #fff;
}

.t7fbb_a2 i {
    font-size: var(--fs24);
}

.t7fbb_a2:hover {
    transform: scale(1.1);
    color: #fff;
    cursor: pointer;
}

.t7fbb_a2 input {
    border: none;
    background: none;
    color: #fff;
    outline: none;
    width: 70%;
}

.t7fbb_a2 input:hover {
    cursor: pointer;
}

/*  */
.t7fb {
    margin-top: 50px;
}

.t7fb {
    padding: 50px 0;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-left: none;
    border-right: none;
}

.t7fbaimg {
    height: 40px;
}

.t7fba {
    position: relative;
}

.t7fba_icon {
    display: flex;
}

.t7fba_icon1 {
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-right: 15px;
}

/* 底部分享 */
.htfootsharea {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #0a60fb;
    text-align: center;
    position: relative;
    transition: all 0.2s ease;
}

.htfootsharea {
    border-radius: 50%;
    margin-right: 30px;
}

.htfootsharea:hover {
    /* background: var(--color); */
}

.indexicon1 {
    display: none;
}

.indexicon2 {
    display: block;
}

.htfootsharea:hover .indexicon1 {
    display: block;
}

.htfootsharea:hover .indexicon2 {
    display: none;
}

.htfootshare {
    display: flex;
    justify-content: flex-start;
}

.hficn1 i {
    font-size: var(--fs20);
}

.hficn2 i {
    font-size: var(--fs18);
}

.hficn3 i {
    font-size: 16px;
}

.hficn4 i {
    font-size: var(--fs20);
}

.htftssub {
    position: absolute;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    bottom: 35px;
    padding-bottom: 15px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.htftssub ul {
    padding: 5px;
}

.htftssub ul {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.htftssub img {
    max-width: 100%;
    vertical-align: top;
}

.htftssub p {
    font-size: 12px;
    color: #333;
    line-height: 1;
    padding-bottom: 10px;
}

.t7fb_p1 {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
}

.t7fbb_a1 {
    position: relative;
}

.t7fbb_list {
    position: absolute;
    text-align: center;
    left: 50%;
    margin-left: -100px;
    top: 30px;
    opacity: 0;
    visibility: hidden;
    width: 200px;
    top: auto;
    bottom: 35px;
    padding-bottom: 10px;
    padding-top: 0;
    transition: all 0.3s ease;
    z-index: 111;
}

.t7fbb_list ul {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 10px 0;
}

.t7fbb_a1:hover .t7fbb_list {
    opacity: 1;
    visibility: visible;
}

.t7fbb_list li a {
    display: block;
    padding: 7px;
    line-height: 1.2;
    font-size: 14px;
    transition: all 0.3s ease;
    color: #333;
}

.t7fbb_list li a:hover {
    border: none;
    color: #fff;
}

.js_xiala {
    position: relative;
    cursor: pointer;
}

.t7fbb_a .t7fbb_a1 {
    display: inline-block;
    padding: 8px 30px;
    border-radius: 20px;
    background: none;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    margin-right: 20px;
    transition: all 0.3s ease;
}

.t7fbb_a .t7fbb_a3 {
    display: inline-block;
    padding: 8px 30px;
    border-radius: 20px;
    background: none;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    margin-right: 20px;
    transition: all 0.3s ease;
}

.t7fbb_a i {
    margin-left: 20px;
}

.t7fbb_a a:hover {
    background: #5fb213;
    border: 1px solid #5fb213;
}

.htfootsharea:hover .htftssub {
    opacity: 1;
    visibility: visible;
}

.t7fbaimg path {
    fill: #fff;
}

.t7fb {
    align-items: center;
}

.t7fbb {
    width: 30%;
    display: flex;
    justify-content: flex-end;
}

.t7fbp1 {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
}

.t7fbp2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.t7fbp2 {
    display: flex;
    margin-top: 15px;
}

.t7fbtxt {
    background: none;
    border: none;
}

.t7fbtxt,
.t7fbbtn {
    height: 40px;
    line-height: 40px;
}

.t7fbbtn {
    position: relative;
    width: 40px;
    text-align: center;
}

.t7fbbtn:before,
.t7fbbtn:after {
    height: 70%;
    width: 70%;
    left: 15%;
    top: 15%;
    transition: all 0.3s ease;
    position: absolute;
    content: '';
    border-radius: 50%;
    overflow: hidden;
}

.t7fbbtn:before {
    transform: scale(0);
    background: var(--color);
}

.t7fbbtn:after {
    background: var(--color);
}

.t7fbbtn i {
    transition: all 0.3s ease;
    position: relative;
    z-index: 3;
    color: #fff;
    font-size: var(--fs18);
}

.t7fbtxt {
    width: calc(100% - 40px);
}

.t7fbtxt:focus {
    outline: none;
}

/*  */
.t7fc {
    padding: 30px 0;
}

.t7fc,
.t7fc a {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

.t7fcr {
    display: flex;
}

.t7fcr a {
    margin-left: 15px;
}

/*  */
.wskf {
    transition: all 0.5s ease;
    cursor: pointer;
}

.wskf {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
    color: #fff;
}

.wskf {
    line-height: 60px;
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 55;
}

.wskf i {
    font-size: 28px;
}

.wskf:hover,
.wskf {
    background: var(--color);
}

/*  */
.p_right {
    position: fixed;
    display: flex;
    z-index: 355;
    width: 50px;
    text-align: center;
    bottom: 300px;
    flex-wrap: wrap;
    right: 20px;
    display: none;
}

.p_righta,
.p_rightb {
    width: 100%;
    position: relative;
}

.p_rightb,
.p_righta,
.p_righta a {
    height: 50px;
    box-sizing: border-box;
}

.p_righta a,
.p_righta {
    border-radius: 50%;
}

.p_righta a {
    margin-bottom: 10px;
    display: block;
    background: #000;
    color: #fff;
    line-height: 50px;
}

.p_rightb {
    width: 60px;
    height: 60px;
    line-height: 58px;
    border-radius: 50%;
}

.p_rightb {
    /* border: 1px solid var(--color); */
}

.p_rightb i {
    font-size: var(--fs24);
    position: relative;
    top: 2px;
}

.p_rightsb {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 50px;
    text-align: center;
}

.p_rightb {
    margin-top: 10px;
}

.p_rightc {
    position: relative;
    width: 60px;
    height: 60px;
    /* line-height: 48px; */
    text-align: center;
    border-radius: 50%;
    /* border: 1px solid var(--color); */
    margin-top: 10px;
    transition: all 0.3s ease;
    background: #fff;
    display: block;
    box-shadow: 0 5px 15px rgb(0 0 0 / 8%);

}

.p_right_h.p_rightc:hover {
    background: #000;
    cursor: pointer;
    border-color: #000
}

.p_rightc_p1 {
    font-size: 12px;
}

.p_rightc:hover .p_fenlei {
    opacity: 0;
}

.p_rightcimg1 img {
    height: 20px;
}

.p_rightcimg2 img {
    height: 20px;
}

.p_rightcimg3 img {
    height: 19px;
}

.p_rightcimg4 img {
    height: 21px;
}

.p_rightc,
.p_rightc a {
    z-index: 366;
}

.p_righta,
.p_righta a {
    z-index: 360;
}

.p_rightc a {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    display: block;
    position: relative;
    background: var(--color);
    vertical-align: top;
    border-radius: 50%;
}

/* .p_rightc img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
} */

.p_fenlei {
    height: 22px;
    vertical-align: top;
}

.p_righta {
    line-height: 50px;
    background: var(--color);
}

.p_righta svg {
    width: 26px;
    position: relative;
    top: 8px;
    display: inline-block;
}

.p_rightagb {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: var(--fs20);
}

.p_rightsb a:nth-child(1) i {
    font-size: var(--fs20);
}

.p_rightsb a:nth-child(2) i {
    font-size: var(--fs24);
}

.p_rightsb a:nth-child(3) i {
    font-size: var(--fs24);
}

.p_rightsb a:nth-child(4) i {
    font-size: 23px;
}

.p_rightsb {
    opacity: 0;
    visibility: hidden;
    z-index: -2;
    transform: translateY(20px);
}

.p_rightagb {
    opacity: 0;
}

.p_rightb {
    background: #fff;
}

.p_rightb {
    border-color: var(--color);
}

.p_rightb:hover {
    background: var(--color);
    /* color:#fff;*/
}

.p_right_h:hover .p_rightsb {
    opacity: 1;
    visibility: visible;
    z-index: 3;
    transform: translateY(0);
}

.p_right_h:hover {
    background: #000;
}

.p_right_h:hover .p_rightagb {
    opacity: 1;
}

.p_rightb,
.p_rightsb,
.p_right_h,
.p_rightagb {
    transition: all 0.3s ease;
}

.p_right_kf i {
    font-size: var(--fs20);
    color: #000;
    transition: all 0.3s ease;
    /* font-weight: bold; */
    margin-top: 8px;
    display: inline-block;
}

.p_right_kf:hover {
    background: var(--color);
    border-color: var(--color);
    color: #fff;
}

.p_right_kf:hover i {
    color: #fff;
}

.p_right_kf .ricon1 {
    font-size: var(--fs20);
}

.p_right_kf .ricon2 {
    font-size: var(--fs20);
}

.p_right_kf .ricon3 {
    font-size: var(--fs18);
}

.wxsub {
    position: absolute;
    padding-right: 20px;
    width: 180px;
    left: -175px;
    top: 50%;
    display: none;
    text-align: left;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.wxsubm {
    border-radius: var(--borders);
    padding: 15px;
}

.wxsubm img {
    max-width: 100%;
    margin-top: 10px;
}

.wxsubm h6 {
    line-height: 1.4;
    font-size: 14px;
    color: #222;
}

.khzxc {
    width: 440px;
    position: fixed;
    z-index: 33;
    right: 85px;
    bottom: 30px;
    display: none;
}

/*  */
.xxbanerpage {
    position: relative;
    background-position: center;
    background-size: 100% 100%;
    height: var(--baner-height);
}

.bantit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* padding: 0 50px; */
    box-sizing: border-box;
    color: #fff;
}

.bantit .pubmore {
    display: inline-flex;
    margin-top: 40px;
}

.titp1 {
    font-size: var(--fs24);
    font-weight: bold;
    margin-top: 20px;
}

.titp2 {
    font-size: var(--fs46);
    font-weight: bold;
}

.product_top {
    margin-top: -160px;
}

.product_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 100px;
    height: 120px;
    border-radius: 67.5px;
    background-color: hsla(0, 0%, 100%, .5);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 1.312px 1.509px 16px 0px rgba(6, 57, 152, 0.06);

}

.product_item a {
    margin: 0 2%;
}

.product_item3 {
    justify-content: center;
    width: 1040px;
    margin: 0 auto;
}

/* .product_item3 .product_name {
    margin: 0 60px;
} */

.product_name {
    padding: 50px 0;
    text-align: center;

}

.product_name {
    width: 25%;
    border-bottom: 3px solid transparent;
    font-weight: bold;
}

.product_name2 {
    width: 18%;
}

/* .product_name span {
    margin-left: 10px;
} */

.product_name:hover {
    cursor: pointer;
    border-bottom: 3px solid var(--color);
}

.product_name.on {
    padding: 50px 0;
    border-bottom: 3px solid var(--color);
}

/*  */

.product-list {
    display: flex;
    flex-wrap: wrap;
}

.product-item {
    position: relative;
    width: 32%;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    padding: 100px 30px;
    margin: 20px 20px 0 0;
}

.product-item:nth-child(3n) {
    margin-right: 0;
}

.color_0 {
    color: #000;
    transition: all 0.3s ease;
}

.product-item:hover .color_0 {
    color: #fff;
}

.product_p1 {
    font-size: 16px;
}

.product_p2 {
    font-size: var(--fs24);
    margin-top: 25px;
}

.product_p3 {
    margin-top: 50px;
}

.product_hr {
    width: 90%;
    height: 1px;
    background: #cdd7ea;
    margin: 80px auto;
}

.product-item .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.product-item .icon img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.product-item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(1.5);
    transition: all .5s;
}

.product-item .bg img {
    height: 100%;
    object-fit: cover;
}

.product-item a {
    position: relative;
    /* display: inline-block; */
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.product-item:hover .bg {
    opacity: 1;
    transform: scale(1.4);
}

/*  */

.product_con {
    display: none;
    margin-top: 60px;
}

.product_con.on {
    display: block;
}

.ppline1top {
    border-top: 2px solid var(--color);
}

.ppline1main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.ppline1item {
    display: flex;
    width: 100%;
}

.ppline2main {
    margin-bottom: 20px;
}

.pplineul1 {
    width: 40%;
    padding: 15px 10px 15px 10px !important;
    background: linear-gradient(to bottom, #FDFDFD, #DDD);
    border-right: 1px solid #D9D9D9;
}

.pplineul2 {
    width: 60%;
    padding: 15px 10px 15px 10px !important;
    background: linear-gradient(to bottom, #FDFDFD, #DDD);
}

.pplineul3 {
    line-height: 35px;
}

.pplineul4 {
    line-height: 75px;
}

/**/
.ab7c {
    box-sizing: border-box;
    position: relative;
}

.ab7ctop {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100px;
    z-index: 8;
}

.ab7cbg {
    position: relative;
    height: 75vh;
    overflow: hidden;
    border-radius: 20px;
    min-height: 550px;
    max-width: 1600px;

}

.newa_bg2 {
    height: 100%;
}

.ab7cbg {
    transform: translateY(140px);
}

.ab7cbg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top;
}

.ab7czw {
    position: absolute;
    width: 80%;
    z-index: 6;
    left: 50%;
    top: 50%;
    /* transform: translate(-50%,-50%); */
    top: 45%;
    max-width: 1150px;
    min-width: 1000px;
    transform: translateX(-50%);
    opacity: 0;
}

.ab7czw_123 {
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
}

.ab7czw_newa {
    /* max-width: 1300px;
	min-width: 1100px; */
    max-width: inherit;
    min-width: inherit;
    width: 85%;
}

/* .ab7czw_newa .swiper-slide{
	transform: translateX(-100%) !important;
	transform: none;
	width: 100% !important;
} */

.ab7czw2 {
    transform: translate(-50%, -50%);
}


.ab7cp3,
.ab7cp4 {
    color: #fff;
}

.ab7cp3 {
    padding-bottom: 10px;
}

.ab7cp4 {
    margin-top: 85px;
}

.ab7cp42 {
    line-height: 1;
    font-size: var(--fs20);
    margin-top: 10px;
}

.ab7cp42 em {
    font-style: normal;
    /* padding-left: 10px; */
}

.ab7cp42 span {
    font-weight: 700;
    font-size: 48px;
}

.ab7cp4 {
    display: flex;
    justify-content: center;
}

.ab7cp4 ul {
    margin: 0 2%;
    text-align: center;
}

.abpcn {
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 15px;
}

.ab7kswiper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.ab7k {
    position: relative;
    padding-bottom: 0;
    height: 88vh;
    min-height: 620px;
    max-height: 900px;
    overflow: hidden;
}

.ab7kswiperm {
    width: 100% !important;
    transform: none !important;
    transition: all 0.3s ease;
}

.ab7kswiperm {
    position: absolute;
    left: 0;
    top: 0;
}

.ab7kimg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 2s ease;
    transform: scale(1.1);
}

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

.ab7kswiperm {
    opacity: 0 !important;
}

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

.ab7kswiperm.swiper-slide-active .ab7kimg {
    transform: scale(1);
}

.ab7ksub {
    position: absolute;
    width: 100%;
    display: flex;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 6;
}

.ab7ksubm {
    width: 50%;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}

.ab7ksubm:last-child {
    border: none;
}

.ab7ksubm {
    position: relative;
}

.ab7kp1,
.ab7kp2 {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    transition: all 0.5s ease;
}

.ab7kp2 {
    opacity: 0;
    -webkit-opacity: 0;
    visibility: hidden;
    top: 55%;
    color: #fff;
    transition-delay: 0.2s;
    padding: 0 20%;
    box-sizing: border-box;
}

.ab7kp2 p {
    margin-top: 10px;
}

.ab7kp2 p:nth-child(1) {
    margin-top: 0;
}

.contacta {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #f8f8fb;
}

.contactc {}

.contacta_img {
    margin-top: 40px;
    border-radius: var(--borders20);
}

.contacta_img img {
    width: 100%;
    border-radius: 20px;
}

.contacta_tit {
    width: 90%;
    margin: 0 auto;
    padding: 50px 40px;
    z-index: 1;
    margin-top: -80px;
    border-radius: var(--borders20);
    position: relative;
}

.contacta_p1 {
    font-size: 16px;
}

.contacta_p2 {
    font-size: 30px;
    font-weight: bold;
    padding: 0 60px;
}

.contacta_list {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contacta_item {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
}

.contacta_ul1 {
    width: 20%;
}

.contacta_ul2 {
    width: 80%;
}

.contacta_ul1 i {
    color: #205bc9;
    font-size: 40px;
}

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

.contacta_item2 {
    width: 33%;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    padding: 0 40px;
}

.contacta_item2:last-child {
    border: none;
}

.contacta_img2 {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.contacta_img2 img {
    height: 50px;
}

.contactb {
    padding: 100px 0;
}


.contactb_list {
    display: flex;
    flex-wrap: wrap;
    /* margin-top: 30px; */
}

.contactb_item {
    width: 32%;
    box-shadow: 0px 1px 87.12px 0.88px rgba(168, 168, 168, 0.25);
    margin-right: 22px;
    margin-top: var(--mt45p);
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
}

.contactb_item:nth-child(3n) {
    margin-right: 0;
}

.contactb_ul1 {
    overflow: hidden;
}

.contactb_ul1 img {
    width: 100%;
    transition: all 0.3s ease;
}

.contactb_item:hover .contactb_ul1 img {
    transform: scale(1.1);
}

.contactb_ul2 {
    padding: 40px 30px;
}

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

.contactb_li1 {
    width: 10%;
}

.contactb_li2 {
    width: 87%;
}

.contactb_li1 i {
    font-size: 30px;
    color: #205bc9;
}

.join_list {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.join_ul1 {
    width: 49%;
    position: relative;
}

.join_ul2 {
    width: 49%;
    position: relative;

}

.join_img1 img {
    width: 100%;
}

.join_tit {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 70%;
}

.join_p1 {
    font-size: var(--fs32);
    font-weight: bold;
    color: #fff;
}


.join_p2 {
    margin-top: 30px;
    color: #fff;
}

.join_p3 {
    margin-top: 40px;
}

.joinb1 {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.joinb1_ul1 {
    width: 22%;
    text-align: center;
}

.joinb1_ul1 img {
    height: 55px;
}

.joinb1_p1 {
    margin: 20px 0 10px 0;
    font-size: var(--fs24);
}

.incareerb {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 180px 0;
}

.powerb {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.powerb_ul1 {
    width: 25%;
    margin: 0 auto;
    text-align: center;
    margin-top: 70px;
}

.powerb_li1 img {
    height: 50px;
}

.powerb_li2 {
    margin-top: 20px;
    color: #fff;
}

.color_fff {
    color: #fff;
}

.join_sw {
    margin-top: 40px;
    overflow: hidden;
}

.join_sw img {
    width: 100%;
}

.join_p4 {
    justify-content: center;
}

.new_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.new_ul1 {
    width: 49%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    /* border-radius: 6px; */
    overflow: hidden;
}

.new_ul1 img {
    width: 100%;
    transition: all 0.3s ease;
}

.new_ul2 {
    width: 49%;
    padding: 30px 40px 30px 10px;
}

.new_ul1:hover .new_li1 img {
    transform: scale(1.1);
}

.new_item2:hover .new_ul1 img {
    transform: scale(1.1);
}

.new_li1 {
    overflow: hidden;
}

.new_li1 img {
    width: 100%;
    transition: all 0.3s ease;
}

.new_li2 {
    padding: 30px 40px;
}

.new_p1 {
    font-size: 14px;
}

.new_p2 {
    font-size: var(--fs24);
    font-weight: bold;
    margin-top: 10px;
}

.new_p3 {
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 10px;
}



.new_item2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 40px 50px; */
    margin-top: 20px;
    transition: all 0.3s ease;
    background: #fff;
    border-radius: var(--borders20);
    overflow: hidden;
}

.new_item {
    display: flex;
    width: 100%;
    justify-content: space-between;
    overflow: hidden;
    align-items: flex-end;
    box-shadow: var(--boxshadow);
    padding: 4%;
    margin-top: 4%;
    transition: all 0.3s ease;
    border-radius: var(--borders20);
}

.new_item:hover {
    box-shadow: var(--hoverboxshadow);
}

.new_item:first-child {
    margin-top: 0;
}

.new_ul3 {
    width: 75%;
}

.new_ul4 {
    width: 10%;
}

.new_ul4 i {
    font-size: 30px;
}

.new_p4 {
    font-size: 14px;
    color: #999
}

.new_p5 {
    font-size: var(--fs24);
    font-weight: bold;
    color: #000;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.new_p6 {
    color: #333;
    margin-top: 20px;
    line-height: 1.8;
}

.new_span {
    display: flex;
    align-items: center;
}

.new_s1 {
    font-size: 50px;
    font-weight: bold;
    color: #cccccc;
    line-height: 60px;
    position: relative;
}

.new_s1::before {
    content: "";
    width: 100%;
    height: 3px;
    /* background: linear-gradient(to right, #2db5aa, #025eac); */
    background: var(--blue);
    position: absolute;
    bottom: 0px;
    left: 0;
}

.new_s2 {
    margin-left: 20px;
    color: #ccc;
    font-size: 16px;
    line-height: 20px;
    padding-top: 5px;
}

.new_s3 {
    display: inline-block;
    margin-top: 15px;
    font-size: 22px;
    font-weight: bold;
    color: var(--blue);
    /* background: linear-gradient(to right, #2db5aa, #025eac);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.new_s4 {
    font-size: 16px;
    margin-top: 20px;
    opacity: 0.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.new_s5 {
    margin-top: 50px;
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

/* .new_s5 span {
    background: linear-gradient(to right, #2db5aa, #025eac);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
 */
.new_nav {
    margin-top: 50px;
    display: flex;
    justify-content: flex-end;
}

.new_nav span {
    margin-left: 20px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    line-height: 55px;
    background: #ccc;
    text-align: center;
}

.new_nav i {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}



.ab7kp1 {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.ab7ksubm.on .ab7kp1 {
    top: 40%
}

.ab7ksubm.on .ab7kp2 {
    top: 50%;
    opacity: 1;
    -webkit-opacity: 1;
    visibility: visible;
}

/*  */



/* .t5snew {
    padding-top: 0;
} */

.t5sp2 {
    line-height: 1.4;
}

.t5sswrapper,
.t5sslidem {
    height: auto;
}

.t5sswrapper {
    display: flex;
}


.jgprom {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.jgprosub {
    width: 250px;
    box-sizing: border-box;
}

.jgprolist {
    width: calc(100% - 250px);
    box-sizing: border-box;
    padding-left: 6%;

    width: calc(100% - 150px);
    box-sizing: border-box;
    padding-left: 3%;
}

.jgprosub {
    position: sticky;
    left: 0;
    top: 130px;
}

.jgprosub {
    background: #fff;
    padding: 30px;
    border-radius: var(--borders);
}

.jgprosub li {
    margin-top: 12px;
}

.jgprosub li:first-child {
    margin: 0;
}

.jgprosub a {
    font-weight: 700;
}

.jgprosub a {
    display: block;
    position: relative;
    padding: 8px 0;
    line-height: 1.2;
    padding-left: 18px;
}

.jgprosub a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: var(--color);
    opacity: 0;
}

.jgprosub a:before,
.jgprosub a {
    transition: all 0.3s ease;
}

.jgprosub a:hover,
.jgprosub a.curr,
.jgprosub a.on {
    color: var(--color);
}

.jgprosub a:hover:before,
.jgprosub a.curr:before,
.jgprosub a.on:before {
    width: 2px;
    opacity: 1;
}

.jgprolist {
    display: flex;
    flex-wrap: wrap;
}

.jgprolink {
    overflow: hidden;
    box-sizing: border-box;
    padding: 4% 0;
    border-radius: var(--borders);
    position: relative;
    background: #fff;
    padding-bottom: 2%;
}

.jgprolink:before,
.jgprolink:after {
    background: #fff;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.jgprolink:before {
    background: linear-gradient(180deg, rgba(2, 56, 124, 1) 0%, rgba(16, 73, 161, 1) 50%, rgba(32, 91, 201, 1) 100%);
    opacity: 0;
    z-index: 1;
}

.jgprolink:after {
    background: url(../img/product_bg.jpg) center bottom no-repeat;
    opacity: 0;
    z-index: 2;
    background-size: cover;
}

.jgprolink {
    width: 31.5%;
    margin-right: 2.75%;
    margin-top: 2.75%;
}

.jgprolink:nth-child(3n) {
    margin-right: 0;
}

.jgprolink:nth-child(-n+3) {
    margin-top: 0;
}

.jgproh5,
.jgprowz {
    color: #222;
}

.jgproh5 {
    font-size: var(--fs18);
    font-size: var(--fs18);
    font-weight: 700;
}

.jgprowz {
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    margin-top: 15px;
    min-height: 155px;
}

.jgproms {
    padding: 0 10%;
}

.jgproline {
    margin: 0 10%;
    height: 1px;
    overflow: hidden;
    border-top: 1px solid #eee;
    height: 35px;
}

.jgproms,
.jgproicon,
.jgproline {
    position: relative;
    z-index: 3;
}

.jgproicon {
    width: 100%;
    position: relative;
    height: 190px;
}

.jgproicon img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 95%;
    max-height: 90%;
}

.jgprolink {
    box-shadow: var(--boxshadow);
}

.jgprolink:hover {
    box-shadow: var(--hoverboxshadow);
}

.jgprolink:hover .jgproh5,
.jgprolink:hover .jgprowz {
    color: #fff;
}

.jgprolink:hover:before,
.jgprolink:hover:after {
    opacity: 1;
}

.jgprolink:hover .jgproline {
    border-color: #fff;
    opacity: 0.1;
}

.jgprolink,
.jgprolink:before,
.jgprolink:after,
.jgproh5,
.jgprowz,
.jgproline {
    transition: all 0.3s ease;
}

.ny2mc_item {
    padding: 0;
    position: relative;
}

.indexpro {
    width: 100%;
    vertical-align: top;
}

.indexprowz {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.indexprowzm {
    padding-left: 50%;
    padding-right: 5%;
    color: #fff;
}

.indexproms {
    line-height: 1.8;
}

.indexproh4 {
    font-size: var(--fs20);
    color: #fff;
}

.indexproh6 {
    font-size: var(--fs32);
    line-height: 1.4;
    color: #fff;
    margin-top: 5px;
    font-weight: 700;
}

.indexproms {
    margin-top: 5%;
}

.indexprop2 {
    margin-top: 10%;
    display: flex;
    justify-content: flex-start;
}

.ny2slide2m {
    margin-top: 55px;
    border-radius: var(--borders20);
}

.ny2mc_js2 {
    cursor: pointer;
}

.ny2slide2m {
    overflow: hidden;
    position: relative;
}

.slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
}

.slide-inner {}

.indexpro {
    opacity: 0;
}


.indexhz {
    padding-top: 0;
}

.t3sindx {
    background: #fff;
    box-sizing: border-box;
}

.t3stop {
    top: 0;
}

.t3sa img {
    position: relative;
}


.ani_5.is-inview {
    animation-delay: 0.5s !important;
}

.ani_6.is-inview {
    animation-delay: 0.6s !important;
}

.ani_7.is-inview {
    animation-delay: 0.7s !important;
}

.socialm {
    position: relative;
}

.socialmbg {
    left: 0;
    top: 0;
    width: 100%;
    vertical-align: top;
    border-radius: var(--borders20);
}

.socialwz {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    text-align: center;
}

.socialms {
    color: #fff;
    line-height: 1.8;
}

.socialmore {
    display: flex;
    justify-content: center;
    margin-top: 55px;
}

.socialms {
    max-width: 800px;
    margin: 0 auto;
    margin-top: 25px;
}

.join_ulm {
    overflow: hidden;
    border-radius: var(--borders20);
}

.join_ulm:hover .join_img1 img {
    transform: scale(1.03);
}

.join_img1 img {
    vertical-align: top;
    transition: all 0.3s ease;
}

.join_ulm:hover .pwz1 {
    transform: translateY(-200%);
    opacity: 0;
}

.join_ulm:hover .pwz2 {
    transform: translateY(-50%);
    opacity: 1;
}

.join_ulm:hover .pubmore {
    border-color: var(--color);
    background: var(--color);
}

.join_ulm:hover .svg-1 {
    opacity: 0;
    transform: translate(100%, -100%);
    transition: transform 0.3s, opacity 0.3s;
}

.join_ulm:hover .svg-2 {
    opacity: 1;
    transform: translate(0, -100%);
    transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}

.jionyg {
    position: relative;
}

.pubdw {
    position: absolute;
    top: -50px;
    left: 0;
}

.new0b {
    padding-top: 0;
}

.pubmore-fff-0 {
    padding: 0;
}

.pubmore-fff-0:hover .pwz2 {
    opacity: 0;
}

.pubmore-fff-0:hover .pwz1 {
    transform: translateY(0);
    opacity: 1;
}

.pubmore-fff-0:hover {
    background: none;
}

.pubmore-fff-0:hover .svg-1 {
    opacity: 1;
    transform: translate(0, 0);
}

.pubmore-fff-0:hover .svg-2 {
    opacity: 0;
}

.pubmore-000-0 {
    padding: 0;
}

.pubmore-000-0 .pwz1 {
    color: #666;
}

.pubmore-000-0 .pwz2 {
    color: var(--color);
    ;
}

.pubmore-000-0 .svg-fff {
    fill: #666;
}

.pubmore-000-0 .svg-000 {
    fill: var(--color);
}

.pubmore-000-0:hover {
    background: none;
}

/* .new_item2:hover .pwz1 {opacity: 0;transform: translate(-200%, 0);}
.new_item2:hover .pwz2 {opacity: 1;transform: translate(100%, 0);} */
.new_item2:hover .pwz1 {
    transform: translateY(-200%);
    opacity: 0;
}

.new_item2:hover .pwz2 {
    transform: translateY(-50%);
    opacity: 1;
}

.new_item2:hover .svg-1 {
    opacity: 0;
    transform: translate(100%, -100%);
    transition: transform 0.3s, opacity 0.3s;
}

.new_item2:hover .svg-2 {
    opacity: 1;
    transform: translate(0, -100%);
    transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}


.new_item:hover .pwz1 {
    transform: translateY(-200%);
    opacity: 0;
}

.new_item:hover .pwz2 {
    transform: translateY(-50%);
    opacity: 1;
}

.new_item:hover .svg-1 {
    opacity: 0;
    transform: translate(100%, -100%);
    transition: transform 0.3s, opacity 0.3s;
}

.new_item:hover .svg-2 {
    opacity: 1;
    transform: translate(0, -100%);
    transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
}

.new_p5 {
    transition: all 0.3s ease;
}

.new_item:hover .new_p5 {
    color: var(--color)
}

.ab7cbg_auto {
    height: auto;
    margin-top: 50px;
}

.ab7cbg_auto img {
    position: relative;
    height: auto;
    vertical-align: top;
}

.ab7cbg_auto3 {
    height: auto;
    margin-top: 50px;
}

.ab7cbg_auto3 img {
    position: relative;
    height: auto;
    vertical-align: top;
}

.ab7cbg_3 {
    min-height: 420px;
    margin-top: 0;
}

.ab7cbg_3 video {
    width: 100%;
}

.ggnavsm {
    margin-top: -60px;
    position: relative;
    z-index: 3;
}

.ggnavs-fff {
    background: #fff;
}

.ab7c {
    padding-top: 80px;
}

.ab7ctop {
    top: 80px;
}

.ab7cbg {
    transform: translateY(120px);
}

.digezw {
    width: 85%;
    max-width: inherit;
}

.digewz {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.digewzm {
    width: 25%;
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    border-radius: 20px;
}

.digewzm:hover {
    background: rgb(255, 255, 255, 0.2);
}

.digewzm {
    color: #fff;
}

.digewzm img {
    width: 50px;
}

.digep1 {
    font-size: var(--fs24);
    padding: 00px 0;
    line-height: 1.4;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 10px;
}

.digep2 {
    font-size: 16px;
    color: #fff;
}

.text-c {
    text-align: center;
}

/*.digebg{height:auto;padding-bottom:43.51%;box-sizing: border-box;}*/
.digebgimg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.digep2,
.digdp1 {
    line-height: 1.4
}

.digezw {
    top: auto;
    bottom: -10%;
}


.jgprowz span {
    font-weight: 700;
}

.pc {
    display: block;
}

.phone {
    display: none;
}



.t2lange {
    position: absolute;
    top: 3px;
    left: 240px;
}

.t2lange2 {
    color: #fff;
    display: flex;
    position: relative;
    font-size: 12px;
}

.t2lange2 span {
    margin: 0 5px;
}

.t2lange2 img {
    width: 20px;
    height: 20px;
}

.t2lange3 {
    position: absolute;
    top: 30px;
    left: 10px;
    width: 80px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;

}

.t2lange3 a:hover {
    background: var(--color);
    color: #fff;
}

.t2lange3 a {
    padding: 5px 0;
    background: #fff;
    color: var(--color);
}

.t2lange2:hover .t2lange3 {
    opacity: 1;
    visibility: visible;
}

.sunshinec {
    background-image: url(../demo/index/sunshinecimg2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 1000px;
    transition: all 0.5s ease;
}

.sunshinec.on {
    background-image: url(../demo/index/sunshinecimg.jpg);
}

.sunshinecimg img {
    max-width: 90%;
}

.solution {
    /* margin-top: -40px; */
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 100px;
}

.solution3 {
    padding-top: 80px;
    background: #eff0f7;

}

.solution2 {
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    margin-top: 40px;
    /* margin-bottom: 100px; */
    overflow: hidden;
}

.solu_item {
    margin-right: 5px;
    position: relative;
    width: 18%;
}

.solu_li1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #0056a7;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255, 0.5);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    transition: all 0.3s ease;
}

.solu_p1 {
    font-size: 42px;
    font-weight: bold;
}

.solu_p2 {
    font-size: var(--fs18);
    margin-top: 10px;
    font-weight: bold;
}

.solu_p3 {
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}

.solu_li1 span {
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #ffcb08;
    margin: 23px 0;
}

.solu_li2 {
    opacity: 0;
}

.solu_li2 img {
    width: 100%;
}

.solu_item:hover .solu_li2 {
    opacity: 1;
}

.solu_item:hover .solu_li1 {
    background: rgb(0, 0, 0, 0.3);
    color: #fff;
}


.border20 {
    border-radius: 20px;
    overflow: hidden;
}

.solution_item {
    width: 32%;
    position: relative;
    margin-top: 60px;
    margin-right: 24px;
}

.solution_li1 {
    overflow: hidden;
    border-radius: 20px;
}

.solution_li1 img {
    width: 100%;
    transition: all 0.3s ease;
}

.solution_item:nth-child(3n) {
    margin-right: 0;
}

.solution_item:hover .solution_li1 img {
    transform: scale(1.1);
}

.solution_tit {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    color: #fff;
    background: rgb(0, 86, 167, 0.8);
    padding: 25px 20px;
    box-sizing: border-box;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.solution_s1 {
    font-size: var(--fs20);
    font-weight: bold;
}

.solution_s1 i {
    font-size: 16px;
    margin-left: 10px;
}

.case {
    width: 100%;
    background: #eef0f7;
}

.smile_btn {
    width: 65%;
    margin: 0 auto;
    position: relative;
}

.honor {
    overflow: hidden;
}

.smileSwiper {
    position: relative;
    margin-top: var(--mt45p);
}

.smile_item {
    display: flex;
    justify-content: space-between;
    background: #f5f5f5;
    border-radius: 40px;
    padding: 50px;
}

.smile_p1 {
    width: 50%;
}

.smile_pagin.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--color);
}

.smile_p2 {
    font-size: var(--fs54);
    color: var(--color);
}

.smile_p3 {
    margin-top: 30px;
    color: #0c1424;
}

.smile_img {
    width: 45%;
}

.smile_img img {
    width: 100%;
}

.smile_btn2 {
    position: absolute;
    top: 0px;
    right: 6%;
    width: 10%;
    height: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.smile_btn2 span {
    width: 45px;
    height: 45px;
    line-height: 43px;
    text-align: center;
    border: 1px solid #2d3138;
    border-radius: 50%;
    transition: all 0.3s ease;
    margin: 15px 0;
}

.smile_btn2 span:hover {
    cursor: pointer;
    background: var(--color);
    border: 1px solid var(--color);
    color: #fff;
}


.develop_pagin {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}

.develop_scroll {
    position: relative;
    width: 220px;
    height: 4px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background: none;
}

.develop_scroll::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    top: 0px;
    left: 0;
    background: #dcdedf;
}

.develop_scroll .swiper-scrollbar-drag {
    background: #5fb213;
    height: 2px;
}

.developSwiper {
    /* margin-top: 60px; */
    overflow: hidden;
}

.develop_li1 {
    overflow: hidden;
}

.develop_li1 img {
    width: 100%;
    transition: all 0.3s ease;
}

.case_main {
    display: flex;
    flex-wrap: wrap;
}

.develop_item {
    width: 32%;
    position: relative;
    margin-top: 40px;
    margin-right: 24px;
}

.develop_item:nth-child(3n) {
    margin-right: 0;
}

.develop_item:hover .develop_li1 img {
    transform: scale(1.1);
}

.newa1_item:hover .develop_li1 img {
    transform: scale(1.1);
}

.develop_li2 {
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}

.newa1_li2 {
    padding: 20px 20px;
    background: rgb(0, 86, 167, 0.8);
    position: relative;
    margin-top: -100px;
    color: #fff;
}

.develop_p1 {
    font-size: 16px;
    font-weight: bold;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}

.develop_p2 {
    font-size: 14px;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    color: rgb(0 0 0 / 50%);
}

.new_center {
    background: #fff;
}

.hline {
    width: 100%;
    height: 10px;
}

.hline {
    background: linear-gradient(90deg, rgba(30, 103, 193, 1) 14%, rgba(43, 121, 194, 1) 47%, rgba(111, 185, 44, 1) 78%);
}

.new_main {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.new_left {
    width: 45%;
    box-sizing: border-box;
}

.new_left_p1 {
    font-size: var(--fs18);
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new_right {
    width: 50%;
}

.new_right_item {
    display: flex;
    justify-content: space-between;
    transition: all 0.3s ease;
    margin-top: 6.5%;
    position: relative;
}

.new_right_item:first-child {
    margin-top: 0;
}

.new_right_item p::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: -15px;
    top: 10px;
}

.new_right_item p {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new_right_item:hover {
    cursor: pointer;
}



.new_left_ul1 {
    width: 20%;
    text-align: center;
}

.new_left_ul1 img {
    height: 270px;
}

.new_left_ul2 {
    width: 80%;
}

.new_left_li1 {
    overflow: hidden;
    border-radius: 20px;
}

.new_left:hover .new_left_li1 img {
    transform: scale(1.1);
}

.new_left_li1 img {
    width: 100%;
    /* margin-top: 40px; */
    transition: all 0.3s ease;
}

.new_right_item span {
    color: #929292;
}

.new_right_item:hover {
    color: #ffcb05;
    cursor: pointer;
}

.new_right_item:hover span {
    color: #ffcb05;
}

.core_list {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    text-align: center;
    color: #fff;
    margin-top: 20px;
}


.core_item {
    width: 15%;
    margin-top: 40px;
    padding: 30px 0;
    transition: all 0.3s ease;
    border-radius: 20px;
}

.core_item:hover {
    background: rgb(255, 203, 5, 0.5);
}


.core_item img {
    height: 50px;
    width: auto;
}

.core_item p {
    margin-top: 20px;
    font-size: var(--fs24);
    font-weight: bold;
}

.scenbe {
    padding-bottom: 100px;
}

/*产品与解决方案*/
.casea1 {
    width: 100%;
    background: #f2f2f2;
}

.servicea1_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 60px;
    border-radius: 20px;
    overflow: hidden;
}

.servicea1_ul {
    position: relative;
    display: flex;
    justify-content: space-between;
    transition: all 0.5s ease;
    overflow: hidden;
    width: 11%;
    /* width: 256px; */
    /* margin-right: 12px; */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    flex-grow: 1;
}

.servicea1_ul .img1 {
    /* width: 268px; */
    width: 100%;
    height: 468px;
    object-fit: cover;
}

.servicea1_li {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 50px 35px;
    width: 50%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    left: 50%;
}

.regardb_list {
    position: absolute;
    top: 0;
    left: 0;
}

.servicea1_li a {
    margin-top: 50px;
}

.servicea1_li p {
    width: 198px;
}

.servicea1_on .servicea1_li {
    visibility: visible;
    opacity: 1;
    transition: all 0.5s ease;
}


.servicea1_on {
    width: 565px;
    transition: all 0.5s ease;
}

.servicea1_on .servicea1_icon {
    opacity: 0;
}

.servicea1_icon2 {
    opacity: 0;
}

.servicea1_on .servicea1_icon2 {
    opacity: 1;
}

.servicea1_on:before {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.servicea1_ul li::before {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.servicea1_on {
    position: relative;
}

.servicea1_on::before {
    background: linear-gradient(180deg, rgba(15, 19, 152, 0), rgba(15, 19, 152, 0.1), rgba(15, 19, 152, 1));
}

.servicea1_ul li::before {
    background: linear-gradient(180deg, rgba(15, 19, 152, 0), rgba(15, 19, 152, 0.8), rgba(15, 19, 152, 1));
}

.servicea1_on li::before {
    background: none;
}

.servicea1_icon {
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* writing-mode: vertical-lr; */
    width: 100%;
    /* writing-mode: vertical-rl; */
    /* 从右向左垂直排列 */
    /* /* 从左向右垂直排列 */
}

.servicea1_icon2 {
    position: absolute;
    top: 15%;
    left: 10%;
    width: 400px;
    color: #fff;
}

.servicea1_icon {
    color: #fff;
    text-align: left;
    padding: 0 15px;
}

.service_p2 {
    font-size: var(--fs24);
    font-weight: bold;
}

.service_p3 {
    font-size: 14px;
}

.servicea1_icon2 .service_icon1 {
    height: 46px;
}

.servicea1_p1 {
    font-size: var(--fs24);
    font-weight: bold;
    display: inline-block;
    border-bottom: 3px solid #ffcb05;
}

.servicea1_ul1 {
    margin-top: 30px;
}

.serviceb1_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 60px;
    overflow: hidden;
}

.serviceb1_ul {
    width: 16%;
    position: relative;

}

.serviceb1_ul li {
    overflow: hidden;

}

.serviceb1_ul img {
    width: 100%;
    transition: all 0.3s ease;
}

.serviceb1_ul:hover .img1 {
    transform: scale(1.1);
}

.serviceb1_ul::before {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}


.serviceb1_ul::before {
    background: linear-gradient(180deg, rgba(0, 86, 167, 0), rgba(0, 86, 167, 0.1), rgba(0, 86, 167, 1));
}

/*产品与解决方案*/

/**/
.corebusi {
    width: 100%;
    background: #fff;
    position: relative;
}

.corebusi_img {
    margin-top: 60px;
    text-align: center;
}

.corebusi_main {
    position: relative;

}

.corebusi_img .core_bg1 {
    width: 75%;
}

.corebusi_img .core_bg2 {
    width: 9%;
    position: absolute;
    top: -5%;
    left: 45%;
    animation: spin 3s linear infinite;
}

.corebusi_img .core_bg3 {
    width: 3%;
    position: absolute;
    top: 1%;
    left: 48%;
}


@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.well_main {
    position: relative;
    margin-top: 20px;
}

.well img {
    width: 100%;
}

@-webkit-keyframes warn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes warn {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.mppiont {
    position: absolute;
    z-index: 6;
    transition: all 0.3s ease;
}

.mppiontdot {
    width: 8px;
    height: 8px;
    background: #ffcb05;
    border-radius: 50%;
    position: absolute;
    left: 1px;
    top: 16px;
}


.mppiontpulse {
    position: absolute;
    top: -3px;
    left: -18px;
    height: 46px;
    width: 46px;
    border: 2px solid #ffcb05;
    border-radius: 50%;
    box-shadow: 0 0 4px #ffcb05, 0 0 10px #ffcb05 inset;
    opacity: .12;
    -webkit-animation: warn 2s ease-out both;
    -moz-animation: warn 2s ease-out both;
    -o-animation: warn 2s ease-out both;
    animation: warn 2s ease-out both;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.mppiont:hover .mpp_sp0 {
    opacity: 1;
    visibility: visible;
}

.mpp_sp0 {
    color: rgb(47, 51, 141);
    background: var(--color);
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s ease;
    padding: 25px 20px;
    border-radius: 20px;
    font-size: 14px;
    position: absolute;
    left: -130px;
    top: 40px;
    width: 280px;
    text-align: justify;
}


.mppiont01 {
    left: 50%;
    top: 39%;
    z-index: 9;
}

.mppiont02 {
    left: 58%;
    top: 38%;
    z-index: 10;
}

.mppiont03 {
    left: 67%;
    top: 37%;
    z-index: 10;
}

.mppiont04 {
    left: 75%;
    top: 34%;
    z-index: 10;
}

.mppiont05 {
    left: 85%;
    top: 19%;
    z-index: 10;
}

.mppiont06 {
    left: 75%;
    top: 12%;
    z-index: 10;
}

.mppiont07 {
    left: 67%;
    top: 9%;
    z-index: 10;
}

.mppiont08 {
    left: 61%;
    top: 8%;
    z-index: 10;
}

.mppiont09 {
    left: 37%;
    top: 8%;
    z-index: 10;
}

.mppiont10 {
    left: 24%;
    top: 12%;
    z-index: 10;
}

.mppiont11 {
    left: 14%;
    top: 21%;
    z-index: 10;
}

.mppiont12 {
    left: 27%;
    top: 35%;
    z-index: 10;
}

.mppiont13 {
    left: 35%;
    top: 38%;
    z-index: 10;
}

.mppiont14 {
    left: 42%;
    top: 39%;
    z-index: 10;
}

.mppiont .delay-01 {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.mppiont .delay-02 {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s
}

.mppiont .delay-03 {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s
}


/**/


/**/
.sunsh_ph67 p {
    color: #0056a7;
}

.power_main {
    /* padding-bottom: 100px; */
}

.power {
    position: relative;
}

.power img {
    width: 100%;
}

.power_tit {
    margin: 0 auto;
    padding: 1% 3% 3% 5%;
    z-index: 1;
    border-radius: var(--borders20);
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* background: #fff; */
}

.power_tit h2 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    line-height: 1.2;
}

.power_p1 {
    text-align: center;
    font-size: 48px;
    color: #fff;
    /* border-bottom: 1px solid #e5e5e5; */
    font-weight: bold;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.power_list {
    display: flex;
    flex-wrap: wrap;
}

.power_item {
    width: 18%;
    text-align: center;
    margin-top: 50px;
    margin-right: 28px;
}

.power_item:nth-child(5n) {
    margin-right: 0;
}

.power_p2 {
    font-size: 22px;
    font-weight: bold;
}

.power_p3 {
    margin-top: 20px;
}

.digewz_ul1 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 33%;
    margin-top: 40px;
}

.digewz_li1 {
    margin-right: 20px;

}

.digewz_li1 img {
    height: 50px;
}

.xyg_ul {
    position: relative;
}

.xyg_ul .xyg_img1 {
    width: 100%;
    border-radius: 20px;
}

.xyg_li {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* transform: translateX(-55%); */

    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
}

.xyg_li img {
    height: 50px;
    width: auto;
}

.xyg_li_p1 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 30px;
}

.xxnew_item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    box-shadow: 0 0 20px rgb(0 0 0 / 8%);
    padding: 10px;
    margin-top: 30px;
    transition: all 0.3s ease;
    overflow: hidden;
}

.xxnew_item:first-child {
    margin-top: 0;
}

.xxnew_item img {
    width: 100%;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.xxnew_item:hover {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    cursor: pointer;
    background: #0056a7;
}

.xxnew_item:hover img {
    transform: scale(1.05);
}

.xxnew_item:hover .xxitem_p3,
.xxnew_item:hover .xxitem_p2,
.xxnew_item:hover .xxitem_p1 {
    color: #fff;
}

.xxitem_ul1 {
    width: 20%;
}

.xxitem_ul1 li {
    overflow: hidden;
    border-radius: 10px;
}

.xxitem_ul2 {
    width: 80%;
    padding: 00px 40px;
}

.xxitem_p1 {
    font-size: 12px;
    color: #666;
}

.xxitem_p2 {
    font-size: var(--fs18);
    color: rgb(0, 0, 0, 0.8);
    font-weight: bold;
    margin-top: 10px;
}

.xxitem_p3 {
    color: rgb(0, 0, 0, 0.5);
    margin-top: 20px;
    line-height: 1.6;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.xxitem_p4 {
    margin-top: 0;
}

.newpagenewm {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newpagenewm a.on,
.newpagenewm a:hover {
    background: #0056a7;
    color: #fff;
}

.newpagenewm i:hover {
    background: #0056a7;
    color: #fff;
    cursor: pointer;
}

.newpagenewm a,
.newpagenewm i {
    position: relative;
    font-size: 14px;
    transition: all 0.3s ease;
    display: inline-block;
    margin: 0 5px;
    vertical-align: top;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
}

.new1_list {
    padding: 60px 0 100px 0;
}


/**/
.index_nav1 {
    position: relative;
    padding: 250px 0 100px 0;
}

.index_nav1 img {
    position: absolute;
    right: 0;
    top: 100px;
    z-index: -1;
}

.index_nav1_btn {
    display: flex;
    justify-content: space-between;
}

.index_nav1_p1 {
    font-size: 64px;
    font-weight: bold;
    color: var(--0c1424);
}

.index_nav1_p2 {
    font-size: 30px;
    color: #4d4f53;
}

.index_nav1_btn1 {
    border: 1px solid #e6ebea;
    padding: 15px 30px;
    background: #fff;
    border-radius: 30px;
    margin-right: 10px;
}

.index_nav1_btn2 {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: #000;
    color: #fff;
}

.index_item1 {
    position: relative;
}

.index_item1 img {
    width: 100%;
    /* height: 100%;
    object-fit: cover; */
}

.index_cx {
    position: absolute;
    left: 2.5%;
    bottom: 30px;
    width: 95%;
    z-index: 11;
    border-radius: 50px;
    background: #fff;
    padding: 7px;
}

.index_put1 {
    border: 1px solid #F3A25C;
    border-radius: 30px;
    padding: 20px 20px 20px 110px;
    background: #FDF0E5;
    width: 42%;
    font-style: normal;
    outline: none;
}

.index_cx label {
    position: relative;
}

.labicon1 {
    position: absolute;
    right: 30px;
    top: 0px;
}

.labicon2 {
    position: absolute;
    left: 20px;
    top: 0px;
}


.labicon3 {
    display: inline-block;
    width: 15%;
    text-align: center;
    background: #0c1424;
    color: #fff;
    height: 62px;
    line-height: 62px;
    border-radius: 50px;
}

/*  */
.project_bg {
    margin-top: 60px;
}

.project_bg img {
    width: 100%;
    transition: all 0.3s ease;
}

.project_bg img:hover {
    transform: scale(1.05);
}

.project_list {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}

.project_item {
    width: 32%;
    margin-top: 50px;
    margin-right: 20px;
    border-radius: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.project_item:hover {
    background: #0056a7;
}

.project_item:hover .project_p6,
.project_item:hover .project_p7 {
    color: #fff;
}

.project_li1 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden;
}

.project_li1 img {
    width: 100%;
    transition: all 0.3s ease;
}

.project_item:hover .project_li1 img {
    transform: scale(1.1);
}

.project_li2 {
    padding: 20px 30px;
}

.project_p6 {
    font-size: 16px;
    font-weight: bold;
    /* min-height: 60px; */
    color: rgb(0, 0, 0, 0.8);
}


.project_p7 {
    margin-top: 20px;
    color: rgb(0, 0, 0, 0.5);
}

.project_item:nth-child(3n) {
    margin-right: 0;
}

.abt26btc2bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 300;
    background: #000;
    opacity: 0.5;
    display: none;
}

.abt26btc2 {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 310;
    display: none;
    width: 86%;
    max-width: 86%;
    max-height: 90vh;
    background: #fff;
    border-radius: 20px;
}

.abt26btc2close2 {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 50px;
    top: 50px;
    background: url(../demo/guanbia.svg) center no-repeat;
    background-size: cover;
}

/*  */

.maioto {
    color: #fff;
    margin-top: 130px;
}

.carer63cswiper {
    bottom: 16%;
}

/*  */
.pd80px {
    padding: 80px 0;
}

.express {
    width: 100%;
    background: #fff;
}

.express_c {
    text-align: center;
}

.express_p1 {
    font-size: var(--fs54);
    font-weight: bold;
}

.express_p2 {
    font-size: 16px;
    color: #333;
    margin-top: 10px;
}

.express_con {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.express_con::before,
.person_con::before {
    content: "";
    position: absolute;
    top: 30px;
    left: -30px;
    right: 0;
    bottom: -24px;
    background-image: url(../demo/index/expressbg1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50px;
}

.person_con {
    position: relative;
}

.express_left {
    width: 30%;
    position: relative;
}

.express_left .tab {
    width: 100%;
}

.tab {
    border-radius: 40px;
    background: #e7e7e7;
    padding: 16% 10%;
}


.person_tab:nth-child(2) {
    margin-top: 40px;
}



.express_right {
    width: 68%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.express_btn {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.express_btn .tab {
    width: 48%;
    padding: 7% 5%;
}

.express_p3 {
    font-size: var(--fs32);
    color: var(--0c1424);
}

.tab_m1 {
    margin-top: 30px;
}

.express_p4 {
    margin-top: 10px;
    min-height: 55px;
}

.express_p5 {
    margin-top: 30px;
}

.content {
    display: none;
}


.content.active {
    display: block;
}

.express_title {
    position: relative;
}

.express_tit {
    position: absolute;
    right: 50px;
    top: 30px;
}

.person_title {
    position: absolute;
    left: 50px;
    top: 30px;
}

.express_tit p,
.person_title p {
    position: relative;
}

.express_tit p::before,
.person_title p::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 58px;
    background-color: #ed6d00;
    left: -20px;
    top: 17px;
    border-radius: 5px;
}

.express_p6 {
    font-size: 58px;
    font-weight: bold;
    color: #fff;
}

.express_title img {
    width: 100%;
    border-radius: 40px;
}

.tab_class.active {
    background-color: var(--color);
    color: #fff;
}

.tab_class.active .express_p3 {
    color: #fff;
}

.tab_class.active .expr_img2 {
    display: none;
}

.tab_class.active .expr_img1 {
    display: inline-block;
}

.tab_class .expr_img1 {
    display: none;
}

.tab_class .expr_img2 {
    display: inline-block;
}

.tab_class:hover {
    cursor: pointer;
}

.express_p5 img {
    width: 20px;
}

.person_main {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.person_left {
    width: 65%;
}

.person_right {
    width: 32%;
}

.person img {
    width: 100%;
    border-radius: 40px;
}

.person {
    display: none;
    position: relative;
}

.person.active {
    display: block;
}

.person_tab {
    border-radius: 40px;
    background: #0c1424;
    padding: 13% 10%;
}

.per_p1 {
    color: var(--color);
}

.per_p2 {
    color: #fff;
}

.person_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
    position: relative;
}

.per_p3 {
    font-size: var(--fs32);
    color: var(--0c1424);
}

.per_p4 {
    color: var(--0c1424);
    margin-top: 30px;
}

.person_box1 {
    width: 60%;
}

.person_box2 {
    width: 40%;
    display: flex;
}

.person_item {
    width: 50%;
    text-align: center;
}

.person_item img {
    width: 200px;
}

.per_p5 {
    margin-top: 20px;
}


.value {
    width: 100%;
    background: linear-gradient(to bottom, #f8f9fa, #fdfdfd);
}


.value_main {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
}

.value_top {
    display: flex;
    justify-content: space-between;
}

.value_item {
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f4f6f6;
    padding: 4%;
    border-radius: 40px;
    transition: all 0.3s ease;
}

.value_ul3 {
    width: 30%;
}

.value_ul2 {
    width: 70%;
}

.value_p1 {
    font-size: var(--fs24);
}

.value_p2 {
    margin-top: 10px;
}


.value_ul1 img {
    width: 50px;
}

.value_img1 {
    display: none;
}

.value_img2 {
    display: inline-block;
}

.value_ul1 span {
    display: inline-block;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    border-radius: 50%;
    background: var(--color);
}


.value_item:hover {
    background-image: url(../demo/index/value_bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--color);
}

.value_item:hover .value_ul1 span {
    background: #fff;
}

.value_item:hover .value_img1 {
    display: inline-block;
}

.value_item:hover .value_img2 {
    display: none;
}

.value_item:hover .value_p1 {
    color: #fff;
}

.value_item:hover .value_p2 {
    color: #fff;
}


.value_box {
    display: flex;
    justify-content: space-between;
}

.value_item2 {
    width: 24%;
    padding: 2% 3%;
    background: #f4f6f6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 30px;
    text-align: center;
}

.value_item2:hover {
    background-image: url(../demo/index/value_bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--color);
}

.value_p3 {
    font-size: var(--fs24);
    color: #282c33;
    margin-top: 20px;
}

.value_p4 {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}

.value_item2:hover .value_p3 {
    color: #fff;
}

.value_item2:hover .value_p4 {
    color: #fff;
}

.value_more {
    margin-top: 40px;
    text-align: center;
}

.more_btn {
    display: inline-block;
    padding: 15px 40px;
    background: var(--color);
    border-radius: 30px;
    color: #fff;
}

.more_btn img {
    width: 20px;
    transition: all 0.3s ease;
}

.more_btn:hover {
    color: #fff;
}

.more_btn:hover img {
    margin-left: 10px;
}

.industry {
    width: 100%;
    background: linear-gradient(to bottom, #f8f9fa, #fdfdfd);
}

.industry_box {
    margin-top: var(--mt45p);
    display: flex;
    justify-content: space-between;
}

.industry_left {
    width: 20%;
}

.industry_right {
    width: 80%;
}

.indus_li1 {
    border-radius: 40px;
    overflow: hidden;
}


.indus_li1 img {
    width: 100%;
    border-radius: 40px;
    transition: all 0.3s ease;
}


.indus:hover .indus_li1 img {
    transform: scale(1.1);
}

.person:hover .indus_li1 img {
    transform: scale(1.1);
}

.indus {
    display: none;
    position: relative;
}

.indus.active {
    display: block;
}

.industry_tit {
    font-size: var(--fs24);
    color: #282c33;
    margin-top: 40px;
    padding-left: 40px;
    position: relative;
}

.industry_tit:hover {
    color: var(--color);
    cursor: pointer;

}

.industry_tit.active {
    color: var(--color);
}

.industry_tit.active::before {
    content: "";
    position: absolute;
    left: 10px;
    width: 4px;
    height: 40px;
    border-radius: 2%;
    background: var(--color);
}

.industry_tit:first-child {
    margin-top: 0;
}

.indus_c {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}

.indus_t1 {
    width: 60%;
}

.indus_p1 {
    color: #fff;
}

.indus_p2 {
    color: #fff;

}

.support {
    width: 100%;
    background: linear-gradient(to bottom, #f8f9fa, #fdfdfd);
}

.supus {
    display: none;
    position: relative;
}

.supus.active {
    display: block;
}

.support_box {
    margin-top: var(--mt45p);
    display: flex;
    flex-direction: column;
}

.support_left {
    display: flex;
    justify-content: space-evenly;
}

.support_tit {
    padding: 10px 30px;
}

.support_tit.active {
    padding: 10px 30px;
    background: #fff;
    color: #ed6d00;
    border-radius: 27px;
}

.support_tit:hover {
    cursor: pointer;
    background: #fff;
    border-radius: 27px;
    color: #ed6d00;
}

.supus {
    margin-top: 20px;
}

.supus_li1 {
    overflow: hidden;
    border-radius: 50px;
}

.supus_li1 img {
    width: 100%;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.supus:hover .supus_li1 img {
    transform: scale(1.1);
}


.supus_box {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 600px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(3px);
    border-radius: 40px;
    padding: 5% 5%;

}

.supus_li span {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 10px;
}

.supus_s1 {
    border: 1px solid rgb(237, 109, 0, 0.9);
}

.supus_s2 {
    border: 1px solid rgb(237, 109, 0, 0.5);
}

.supus_s3 {
    border: 1px solid rgb(237, 109, 0, 0.2);
}

.supus_p1 {
    font-size: var(--fs32);
    color: var(--0c1424);
    margin-top: 20px;
}

.supus_p2 {
    margin-top: 20px;
    color: #333;
}

.supus_p3 {
    margin-top: var(--mt45p);
}


.invite {
    width: 100%;
    background: linear-gradient(to bottom, #f8f9fa, #fdfdfd);
}

.invite_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--mt45p);
}

.invite_left {
    width: 15%;
}

.invite_right {
    width: 85%;
}

.invi {
    display: none;
}

.invi.active {
    display: block;
}

.invite_p1 {
    font-size: var(--fs32);
    color: #333;
    padding: 30px 0;
}

.invite_tit.active .invite_p1 {
    color: var(--color);
    position: relative;
}

.invite_tit.active .invite_p1::after {
    content: "";
    position: absolute;
    top: -10px;
    right: -15px;
    width: 30px;
    height: 130px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}

.invi_box {
    border-radius: 40px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    background: #fff;
    position: relative;
    z-index: 2;
}

.invi_left {
    width: 55%;
    position: relative;
}

.invi_right {
    width: 45%;
}

.invi_right img {
    width: 100%;
}

.invi_left {
    padding: 40px 40px;
}

.invi2 {
    display: none;
}

/**/
.invi2.active {
    display: block;
    height: 230px;
    overflow-y: scroll;
    padding-right: 10px;
}

/* 整体滚动条样式 */
.invi2.active::-webkit-scrollbar {
    width: 8px;
    /* 设置滚动条宽度 */
    height: 8px;
    /* 设置水平滚动条高度 */
}

/* 滚动条轨道 */
/* .invi2.active::-webkit-scrollbar-track {
background-color: #f1f1f1;
} */

/* 滚动条滑块 */
.invi2.active::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 5px;
}
@media screen and (max-width:1440px) {
    .invi2.active {
        height: 190px;
        }
}
/**/
.invi_title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
    border-bottom: 1px solid #e2e2e2;
}

.invite_tab2.active {
    position: relative;
}

.invite_tab2.active::after {
    content: "";
    position: absolute;
    bottom: -42px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--color);
}

.invi_con {
    margin-top: var(--mt45p);
}

.invite_p2 {
    color: #333;
}

.invite_p3 {
    position: absolute;
    bottom: 50px;
    /* margin-top: 80px; */
}

.invite_p4 {
    font-size: var(--fs24);
    color: #333;
}

.invite_tab2.active .invite_p4 {
    color: var(--color);
}

.invite_p4:hover {
    color: var(--color);
    cursor: pointer;
}

.infomainton {
    background: #fff;
}

/*  */
.new3m {
    margin-top: var(--mt45p);
}

.new3top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.new3topl {
    display: flex;
    align-items: flex-end;
}

.new3toplp2 {
    padding-left: 0;
}

.new3toplp2 a {
    color: #444;
    transition: all 0.3s ease;
    font-size: 18px;
}

.new3toplp2 a:hover,
.new3toplp2 a.on {
    color: var(--color);
}

.new3toplp2 em {
    color: #666;
    padding: 0 15px;
    font-size: 12px;
}

.new3list {
    display: flex;
    margin-top: var(--mt45p);
}

.new3lista {
    width: 45%;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.new3rlt {
    width: 55%;
    padding-left: 20px;
}

.new3lista img {
    width: 100%;
    vertical-align: top;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.new3wz1 {
    position: absolute;
    z-index: 3;
    width: 100%;
    bottom: 0;
    padding: 35px;
    box-sizing: border-box;
}

.new3lista,
.new3lista:hover {
    color: #fff;
}

.new3p1 {
    font-size: 20px;
}

.new3p3 {
    font-size: 20px;
    margin-top: 20px;
}

.new3p2 {
    margin-top: 10px;
    font-size: 14px;
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #fff;
    line-height: 1;
    border-radius: 25px;
}

.new3p5 {
    color: var(--color);
    font-size: 14px;
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid var(--color);
    line-height: 1;
    border-radius: 25px;
}

.new3p4 {
    font-size: 14px;
    color: #555;
    padding-left: 10px;
}

.new3bg1 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.new3bg1 {
    background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 45%, rgba(0, 0, 0, 0) 100%);
}

.new3bg1 {
    opacity: 0.2;
}

.new3p6 {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.new3rlta {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    height: calc(33.33% - 13.33px);
}

.new3rlta {
    margin-top: 20px;
}

.new3rlta:nth-child(1) {
    margin-top: 0;
}

.new3rltimg {
    width: 30%;
    height: 100%;
}

.new3rltwz {
    width: 70%;
    padding: 0 30px;
    box-sizing: border-box;
}

.new3p3 {
    font-weight: 600;
}

.new3p31 {
    margin: 0;
}

.new3p7 {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}

.new3rltimg {
    overflow: hidden;
}

.new3rltimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.new3rlta:hover {
    background: var(--color);
}

.new3rlta:hover .new3p3,
.new3rlta:hover .new3p4,
.new3rlta:hover .new3p5,
.new3rlta:hover .new3p7 {
    color: #fff;
}

.new3rlta:hover img,
.new3lista:hover img {
    transform: scale(1.03);
}

.new3rlta:hover .new3p5 {
    border-color: #fff;
}

.new3rlta:hover,
.new3lista:hover {
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.08);
}

.new3p3,
.new3p4,
.new3p5,
.new3p7,
.new3rlta,
.new3 img,
.new3lista {
    transition: all 0.3s ease;
}


.new3wz1 {
    background: rgba(0, 0, 0, 0.2);
    padding: 30px;
}

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

.new3wz1b {
    width: 100px;
    display: flex;
    justify-content: flex-end;
}

.new3wz1a {
    width: calc(90% - 100px);
}

.new3p33 {
    margin-top: 5px;
}

.new3p1 {
    font-size: 14px;
}

/*  */
.about_main {
    margin-top: -100px;
    background: #fff;
    position: relative;
    border-radius: 120px 120px 0 0;
}

.about_title {
    display: flex;
    justify-content: space-between;
}

.about_a1 {
    font-size: var(--fs20);
    color: #282c33;
    padding-bottom: 20px;
    transition: all 0.3s ease;
}

.about_a1:hover {
    color: var(--color);
    border-bottom: 2px solid var(--color);
}

.about_a1.on {
    color: var(--color);
    border-bottom: 2px solid var(--color);
}

.about_con {
    display: flex;
    justify-content: space-between;
    margin-top: var(--mt45p);
}

.abo_left {
    width: 40%;
}

.abo_left img {
    width: 100%;
}

.abo_right {
    width: 55%;

}

.abo_pll {
    max-height: 350px;
    overflow-y: auto;
    padding-right: 10px;
}

.abo_pll::-webkit-scrollbar {
    width: 8px;
}

.abo_pll::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
}

.abo_p1 {
    font-size: var(--fs24);
    color: #0c1424;
    padding-left: 20px;
}

.abo_p2 {
    margin-top: 20px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.plafa_js_video:hover {
    cursor: pointer;
}

.abo_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.abo_p3 {
    font-size: var(--fs54);
    color: #0c1424;
    font-weight: bold;
    margin-top: 40px;
}

.abo_p4 {
    margin-top: 20px;
    font-size: var(--fs18);
}

.chronicle,
.enterprise {
    width: 100%;
    background: #f8f9fa;
    border-radius: 120px 120px 0 0;
}

.chronicle_p1 {
    font-size: 16px;
    color: #333;
    margin-top: 20px;
}

.chronicle_nav {
    display: flex;
    justify-content: space-between;
    margin-top: var(--mt45p);

}

.chronicle_nav1 {
    width: 60%;
}

.chronicle_nav2 {
    width: 40%;
}

.chron_item {
    display: flex;
    justify-content: space-between;
}

.chron_left {
    width: 40%;
}

.chron_right {
    width: 55%;
    background: #f8f9fa;
}

.chron_cont {
    padding-right: 40px;
    max-height: 450px;
    overflow-y: auto;
}

.chron_cont::-webkit-scrollbar {
    width: 8px;
}

.chron_cont::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
}

.chron_left img {
    width: 100%;
    border-radius: 20px;
    height: 420px;
    object-fit: cover;
}

.chron_p1 {
    font-size: var(--fs24);
    margin-top: 20px;
}

.chron_p1:first-child {
    margin-top: 0;
}

.chron_p2 {
    font-size: var(--fs18);
    color: #282c33;
    margin-top: 15px;
}

.chronicle_list {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 40px 0;
}

.chronicle_item {
    width: 100% !important;
    text-align: center;
}


.chron_p3 {
    font-size: 100px;
    line-height: 1;
    font-weight: bold;
    color: #e9e9e9;
}

.chronicle_item.swiper-slide-thumb-active .chron_p3 {
    color: var(--color);
}

.chron_p3:hover {
    cursor: pointer;
}

.zkibswiperbtn {
    width: 33px;
    height: 33px;
    line-height: 32px;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
    transition: all 0.3s ease;
}

.zkibswiperbtn:hover {
    cursor: pointer;
    color: var(--color);
    border: 1px solid var(--color);
    background-origin: var(--color);
}

.thumbsSlider {
    position: relative;
}

.zkibswiperbtn3 {
    transform: rotate(90deg);
    position: absolute;
    top: 0%;
    left: 50%;
    z-index: 111;
}

.zkibswiperbtn4 {
    transform: rotate(90deg);
    position: absolute;
    top: 90%;
    left: 50%;
    z-index: 111;
}

.caring {
    width: 100%;
    background: #fff;
}

.carSwiper {
    margin-top: var(--mt45p);
    overflow: hidden;
}

.car_li {
    border-radius: 20px;
    overflow: hidden;
}

.car_li img {
    width: 100%;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.car_item:hover .car_li img {
    transform: scale(1.1);
}

.car_p1 {
    font-size: var(--fs24);
    color: #0c1424;
    margin-top: 15px;
}

.car_p2 {
    font-size: var(--fs18);
    color: #999;
    margin-top: 10px;
}

.car_btn {
    margin-top: 40px;
    text-align: center;
}

.car_btn span {
    display: inline-block;
    width: 33px;
    height: 33px;
    line-height: 32px;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
    transition: all 0.3s ease;
    margin: 0 10px;
}

.car_btn span:hover {
    cursor: pointer;
    color: var(--color);
    border: 1px solid var(--color);
    background-origin: var(--color);
}

.enterprise_box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
}

.enterprise_item {
    width: 32%;
    border-radius: 30px;
    text-align: center;
    background: #fff;
    padding: 40px 20px;
    margin-right: 1.5%;
    margin-top: 20px;
    border: 1px solid #fff;
    transition: all 0.3s ease;
}

.enterprise_item:nth-child(3n) {
    margin-right: 0;
}

.enterprise_li img {
    height: 60px;
}

.enterprise_p1 {
    font-size: var(--fs24);
    color: var(--color);
    margin-top: 30px;
}

.enterprise_p2 {
    margin-top: 20px;
}

.enterprise_item:hover {
    border: 1px solid var(--color);
}

.xs2newaswiper {
    border: 1px solid #e9ecf3;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    margin-top: var(--mt45p);
}

.xs2newaswiper:hover {
    border-color: var(--color);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.xs2newaswiper:hover .xs2newaimg img {
    transform: scale(1.03);
}

.xs2newaswiper:hover .xs2newap1 {
    color: var(--color);
}


.xs2newap1 {
    font-weight: var(--b700);
    font-size: var(--fs24);
    color: #333;
}

.xs2newap2 {
    font-size: var(--fs14);
    color: #999;
    padding: 20px 0;
}

.xs2newap4 {
    display: flex;
    justify-content: flex-start;
    margin-top: 60px;
}


.xs2newaslide {
    display: flex;
    align-items: center;
}

.xs2newaimg {
    width: 43%;
    overflow: hidden;
}

.xs2newaimg img {
    width: 100%;
}

.xs2newawz {
    width: 57%;
    padding: 0 6%;
}

.xs2newaimg img {
    transition: all 0.3s ease;
}

.xs2newaswiper:hover {
    border-color: var(--color);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.xs2newaswiper:hover .xs2newaimg img {
    transform: scale(1.03);
}

.xs2newaswiper:hover .xs2newap1 {
    color: var(--color);
}

.pubmorehover:hover .pubmore {
    border-color: var(--color);
    background: var(--color);
}


.i2newlink:nth-child(3n) {
    margin-right: 0;
}

.i2newlink {
    width: 31%;
    overflow: hidden;
    margin-right: 3%;
    margin-top: 40px;
}

.i2newlink:nth-child(3n) {
    margin-right: 0;
}

.i2newn {
    display: flex;
    flex-wrap: wrap;
}

.i2newimg {
    overflow: hidden;
    position: relative;
    border-radius: 40px;
}

.i2newimg:before {
    position: absolute;
    width: 0;
    height: 3px;
    background: var(--color);
    content: '';
}

.i2newimg:before {
    opacity: 0;
    z-index: 3;
    bottom: 0;
    left: 0;
}

.i2newimg img {
    width: 100%;
    border-radius: 40px;
    transition: all 0.3s ease;
}

.service_title {
    margin-top: var(--mt45p);
}

.service_title a {
    display: inline-block;
    border-radius: 10px;
    border: 1px solid var(--color);
    padding: 10px 20px;
    margin-right: 15px;
}

.service_title .on {
    background: var(--color);
    color: #fff;
}

.ser_more {
    margin-top: var(--mt45p);
}

.i2newlink:hover .i2newimg img {
    transform: scale(1.05);
}

.i2newp1 {
    font-size: var(--fs24);
    color: #0c1424;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    white-space: break-spaces;
    -webkit-box-orient: vertical;
    min-height: 70px;
}

.i2newms {
    padding: 20px 0;
}

.i2newp2 {
    margin-top: 20px;
    color: #999;
}

.newpage {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

/* 页码 */
.newpage i,
.aprev i,
.anext i,
.aback i {
    font-size: 18px;
}

.newpage a,
.aprev,
.anext,
.aback {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    margin: 0 10px;
}

.newpage a {
    color: #333;
}

.newpage a,
.aprev,
.anext,
.aback {
    position: relative;
    overflow: hidden;
}

.newpage a:after,
.newpage a:before,
.aprev:before,
.anext:before,
.aback:before,
.x74newdxgicon:after {
    box-sizing: border-box;
    border-radius: 50%;
}

.newpage a:after,
.x74newdxgicon:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    border: 1px solid #ddd;
}

.newpage a:before,
.aprev:before,
.anext:before,
.aback:before {
    position: absolute;
    left: -3%;
    top: -3%;
    width: 106%;
    height: 106%;
    content: '';
    background: var(--color);
}

.newpage span,
.newpage i,
.aprev span,
.anext span,
.aprev i,
.anext i,
.aback i {
    position: relative;
    z-index: 3;
}

.newpage a:before,
.aprev:before,
.anext:before,
.aback:before {
    opacity: 0;
    transition: all 0.5s ease;
    z-index: 2;
}

.newpage a:after {
    transition: all 0.5s ease;
}

.newpage a:hover:before {
    opacity: 1;
}

.newpage .on:before,
.anext:before,
.aprev:before,
.aback:before {
    opacity: 1;
}

.newpage .on,
.newpage a:hover {
    color: #fff;
}

/* 页码 */


.ser_demain {
    margin-top: var(--mt45p);
}

.newdetailwz {
    margin: 60px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.newdetailwz_left {
    width: 70%;
    color: #666;
}

.newdetailwz_left img {
    max-width: 100%;
}

.team_PhotoPath img {

    max-width: 140px;
}

.newdetailwz_right {
    width: 23%;
    position: relative;
}

.newdetailwz_style {
    position: sticky;
    top: 100px;
}

.newde_p1 {
    font-size: var(--fs32);
    color: #333;
}

.newde_p2 {
    font-size: var(--fs24);
}

.newd28-r-tname {
    color: #999;
}



.newd28-r-tzhw {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #333;
}

.team_PhotoPath {
    margin: 10px 20px 10px 0;
}

.team_PhotoPath img {
    border-radius: 10px;
}

.newd28-r-team-link {
    display: flex;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.newd28-r-team-link {
    align-items: center;
}

.newd28-r-team-link:last-child {
    border: none;
    padding-bottom: 0;
}

.newde_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    /* border-bottom: 1px solid #e9ecf3; */
}

.newdetailwz_left hr {
    display: block;
    border: 1px solid #e9ecf3;
}

.newde_ul {
    display: flex;
    align-items: center;
}

.newde_ul span {
    display: inline-block;
    margin-right: 50px;
    color: #999;
}

.newde_ul i {
    margin-right: 10px;
    font-size: 20px;
}

.newde_ul2 {
    position: relative;
    text-align: center;
}

.newde_ul2 .zkfootfx {
    margin-top: 0;
}

.newde_ul2 i {
    margin-right: 0;
}

.newde_btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
}

.newde_btn a {
    border-radius: 26px;
    padding: 10px 100px;
    border: 1px solid #e9ecf3;
    color: #333;
    transition: all 0.3s ease;
}


.newde_btn a:hover {
    border: 1px solid var(--color);
    background: var(--color);
    color: #fff;
}

/**/
.faq12abm,
.faq12abh4,
.faq12abh4 i,
.faq12abh4 span {
    transition: all 0.6s ease;
}

.faq12abh4 {
    position: relative;
    padding: 28px 30px;
    line-height: 1.4;
    padding-right: 100px;
    display: flex;
    justify-content: space-between;
}

.faq12abh4 span {
    font-size: var(--fs22);
    color: #222;
    /* padding-left: 25px; */
    position: relative;
}

.faq12abh4 span:first-child {
    width: 20%;
}

/* .faq12abh4 span:before {
    position: absolute;
    width: 3px;
    height: 20px;
    background: #fff;
    border-radius: 3px;
    content: '';
}

.faq12abh4 span:before {
    left: 0;
    background: var(--color);
    top: 7px;
} */

.faq12abh4 i {
    display: block;
    line-height: 1;
    font-size: 22px;
    position: absolute;
    right: 30px;
    top: 34px;
}

.faq12abm {
    border: 1px solid #e9ecf3;
    border-radius: 15px;
    overflow: hidden;
    margin-top: var(--mt45p);
}

.faq12abms {
    padding: 35px 55px;
}

.faq12abms {
    color: #333;
    display: none;
}

.faq_js.on .faq12abms {
    display: block;
}

.faq12abms p {
    margin-top: 10px;
}

.faq12abms p:nth-child(1) {
    margin-top: 0;
}

.faq12abms h4 {
    font-size: var(--fs22);
    color: #222;
    margin-top: 20px;
}

.faq12abh4 {
    cursor: pointer;
}

.faq12abm:hover span {
    color: var(--color);
}

.faq12abh4.on {
    background: var(--color);
}

.faq12abh4.on span {
    color: #fff;
}

.faq12abh4.on span:before {
    background: #fff;
}

.faq12abh4.on i {
    color: #fff;
    transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
}

/**/
.help_con {
    margin-top: var(--mt45p);
}

.help_con h4 {
    font-size: var(--fs22);
    color: #222;
}

.help_con p {
    font-size: var(--fs18);
    color: #222;
}

.help_p1 {
    margin-top: 20px;
}

.help_line {
    margin: 40px 0;
    width: 100%;
    height: 1px;
    background: #e2e2e2;
}

.help_form {
    display: flex;
    flex-wrap: wrap;
    /* margin-top: var(--mt45p); */
}

.help_input {
    width: 100%;
    position: relative;
    margin-top: 30px;
}

.help_input label {
    position: absolute;
    left: 15px;
    top: 22px;
    color: red;
}

.help_input textarea {
    width: 100%;
    height: 350px;
    background: #f7f8fa;
    border-radius: 20px;
    outline: none;
    border: none;
    padding: 20px 30px;
    font-family: inherit;
}

.help_input input {
    width: 100%;
    height: 60px;
    background: #f7f8fa;
    border-radius: 20px;
    outline: none;
    border: none;
    padding: 20px 30px;
    font-family: inherit;
}

.help_input2 {
    width: 49%;
    margin-right: 2%;
}

.help_input2:nth-child(2n+1) {
    margin-right: 0;
}

.help_input2 span {
    display: inline-block;
    border-radius: 20px;
    background: var(--color);
    color: #fff;
    padding: 20px 30px;
    margin-left: 20px;
}

/**/

.contra_main {
    margin-top: var(--mt45p);
    border-radius: 20px;
    background: #f8f9fa;
    padding: 40px 80px;
}

.contra_p1 {
    text-align: center;
    font-size: var(--fs32);
}

.contra_list {
    display: flex;
    justify-content: center;
    margin-top: var(--mt45p);
}

.contra_title {
    padding: 15px 30px;
    border-radius: 10px;
    background: #fff;
    color: var(--color);
    border: 1px solid var(--color);
    margin: 0 10px;
}

.contra_title.active {
    color: #fff;
    background: var(--color);
}

.contra_title:hover {
    cursor: pointer;
}

.content_title {
    margin-top: var(--mt45p);
}

.cont_line {
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    margin: 40px 0;
}

.cont_h4 {
    font-size: var(--fs18);
    color: #0c1424;
    margin-bottom: 30px;
    font-weight: bold;
}

.cont_map {
    margin-top: var(--mt45p);
    position: relative;
    margin-bottom: 100px;
}

.cont_map img {
    width: 100%;
    border-radius: 40px;
}

.cont_map_tit {
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 30px;
    box-shadow: 0px 0px 62px 0px rgba(190, 190, 190, 0.15);
    width: 80%;
    padding: 30px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cont_map_gzh {
    display: flex;
}

.cont_ul1 {
    margin-right: 15px;
    text-align: center;
}

.cont_ul2 p {
    font-size: 16px;
    color: #0c1424;
    margin-top: 5px;
}

.cont_p1 {
    font-size: var(--fs24);
    color: #0c1424;
    padding-right: 40px;
    border-right: 1px solid #e1e1e1;
    height: 100%;
    height: 70px;
    line-height: 70px;
}

/**/
.about_contive {
    display: flex;
}

.about_contive .about_a1 {
    margin-right: 80px;
}

.conjun {
    margin-top: var(--mt45p);
}

.conjun_p1 {
    font-size: var(--fs54);
    text-align: center;
    font-weight: bold;
}

.conjun_list {
    display: flex;
    flex-wrap: wrap;
}

.conjun_item {
    width: 48%;
    margin-right: 2%;
    background: #f8f9fa;
    padding: 4% 5%;
    margin-top: var(--mt45p);
    border-radius: 40px;
    transition: all 0.3s ease;
}

.conjun_item:nth-child(2n) {
    margin-right: 0;
}

.conjun_item1 {
    border-radius: 40px 40px 0 40px;
}

.conjun_item2 {
    border-radius: 40px 40px 40px 0;
}

.conjun_item3 {
    border-radius: 40px 0 40px 40px;
}

.conjun_item4 {
    border-radius: 0 40px 40px 40px;
}

.conjun_item h4 {
    font-size: var(--fs24);
    color: #0c1424;
    margin-bottom: 30px;
}

.conjun_item p {
    font-size: 16px;
    color: #333;
}

.conjun_item:hover {
    background-image: url(../demo/index/conun_bg1.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.conjun_item:hover h4 {
    color: #fff;
}

.conjun_item:hover p {
    color: #fff;
}

.conjun_main {
    width: 100%;
    background: #f8f9fa;
}

.conjun_con {
    margin-top: var(--mt45p);
    display: flex;
    flex-wrap: wrap;
}

.conjun_left {
    width: 35%;
    background: #fff;
    border-radius: 40px;
}

.conjun_left_item {
    padding: 30px 30px;
}

.conjun_right {
    width: 65%;
    position: relative;

}

.conjun_right .conjun_img1 {
    border-radius: 40px;
    width: 100%;
    height: 435px;
    object-fit: cover;
}

.conjun_p2 {
    font-size: var(--fs24);

}

.conjun_p3 {
    width: 24px;
    height: 2px;
    background: var(--color);
    margin: 20px 0;
}

.conjun_p4 {
    margin-top: 17px;
}

.conjun_p5 {
    text-align: center;
    padding: 20px 0;
    background: var(--color);
    color: #fff;
    border-radius: 0 0 40px 40px;
}

.conjun_right_item {
    position: absolute;
    left: 30px;
    bottom: 40px;
    background: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 20px;
}

/**/
.service2 {
    margin-top: var(--mt45p);
}

.service2_p1 {
    font-size: var(--fs54);
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}

.service2_list {
    display: flex;
    flex-wrap: wrap;
}

.service2_item {
    width: 49%;
    margin-top: 40px;
    margin-right: 2%;
    border-radius: 50px;
}

.service2_item:nth-child(2n) {
    margin-right: 0;
}

.service2_li2 {
    border-radius: 50px 50px 0 0;
    overflow: hidden;
}

.service2_item .service2_img {
    width: 100%;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.service2_li2 img {
    width: 100%;
    transition: all 0.3s ease;
}

.service2_item:hover .service2_img {
    transform: scale(1.1);
}

.service2_li {
    border-radius: 50px;
    background: #f8f9fa;
    padding: 50px 40px;
    margin-top: -80px;
    position: relative;
    z-index: 1;
}

.service2_p2 {
    font-size: var(--fs24);
    color: #0c1424;
}

.service2_p3 {
    color: #282c33;
    margin-top: 10px;
    min-height: 40px;
}

.service2_p4 {
    margin-top: 30px;
}

.service2_bg {
    width: 100%;
    background: #f8f9fa;
    border-radius: 120px 120px 0 0;
}

.serv2_img img {
    border-radius: 50px 50px 0 0;
}

.serb_title {
    display: flex;
    justify-content: space-between;
}

.service2_box {
    position: relative;
    margin-top: var(--mt45p);
}

.serb_con {
    width: 25%;
    text-align: center;
    padding: 30px 0;
    font-size: var(--fs24);
    color: #0c1424;
}

.serb_title {
    background: #fff;
    border-radius: 0 0 50px 50px;
    overflow: hidden;
}

.serb_con.active {
    background: var(--color);
    color: #fff;
}

.serv2_img:hover .service2_li2 img {
    transform: scale(1.1);
}

.service2_li3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    z-index: 1;
}

.service2_p5 {
    font-size: var(--fs40);
    color: #fff;
}

.servicec1_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--mt45p);
}

.service_li1 {
    border-radius: 40px;
    overflow: hidden;
}

.service_li1 img {
    width: 100%;
    transition: all 0.3s ease;

}

.servicec1_ul1 {
    width: 50%;
}

.servicec1_ul2 {
    width: 45%;
}

.servicec1_ul1:hover .service_li1 img {
    transform: scale(1.1);
}

.service1_p1 {
    font-size: var(--fs46);
    color: #0c1424;
}

.service1_p2 {
    font-size: var(--fs18);
    color: #0c1424;
    padding: 20px 0;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin-top: 20px;
}

.service1_p3 {
    margin-top: 40px;
}

.servicec2_main {
    width: 100%;
    background: #f8f9fa;
    border-radius: 120px 120px 0 0;
}

.servicec3_main {
    width: 100%;
    background: #fff;
}

/**/
.servicea1_box {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--mt45p);
    position: relative;
}

.servicea1_left {
    width: 40%;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 11;
}

.servicea1_right {
    width: 65%;
}

.servia {
    position: relative;
}

.sera_li2 {
    position: absolute;
    left: 40px;
    bottom: 40px;
}

.sera_li1 {
    overflow: hidden;
    border-radius: 50px;
}

.sera_li1 img {
    width: 100%;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.servia:hover .sera_li1 img {
    transform: scale(1.1);
}

.sera_p1 {
    font-size: var(--fs24);
    color: #0c1424;
}

.sera_p2 {
    display: none;
}

.sera {
    padding: 25px 40px;
}

.sera:hover {
    cursor: pointer;
}

.sera.active {
    background: var(--color);
    border-radius: 20px;
}

.sera.active .sera_p2 {
    display: block;
    color: #fff;
    margin-top: 10px;
}

.sera.active .sera_p1 {
    color: #fff;
}

.dock {
    width: 100%;
    background: #f8f9fa;
}

.dock_list {
    margin-top: var(--mt45p);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dock_li1 {
    overflow: hidden;
    border-radius: 50px;
}

.dock_li1 img {
    width: 100%;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.dock_ul1:hover .dock_li1 img {
    transform: scale(1.1);
}

.dock_ul1 {
    width: 50%;
}

.dock_ul2 {
    width: 45%;
}

.dock_p1 {
    font-size: var(--fs24);
    color: #0c1424;
}

.dock_p2 {
    color: #282c33;
    margin-top: 20px;
}

.dock_p3 {
    margin-top: 40px;
}

.shop {
    width: 100%;
    background: #fff;
}

.shop_li1 {
    margin-top: var(--mt45p);
}

.shop_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--mt45p);
}

.shop_p1 {
    font-size: 16px;
    color: #282c33;
}

.individual_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: var(--mt45p);
}

.individual_ul1 {
    width: 49%;
    padding: 50px 40px;
    background: var(--color);
    border-radius: 50px;
}

.individual_ul2 {
    width: 49%;
    padding: 50px 40px;
    background: #0c1424;
    border-radius: 50px;
}

.indiv_p1 {
    font-size: var(--fs24);
    color: #fff;
}

.indiv_p2 {
    color: #fff;
    margin-top: 15px;
    min-height: 40px;
}

.indiv_p3,
.indiv_p4 {
    margin-top: 40px;
}

.indiv_p3 .more_btn {
    color: var(--color);
    background: #fff;
}

.indiv_p4 .more_btn {
    color: #0c1424;
    background: #fff;
}

.individual_list2 {
    margin-top: 80px;
}

.individual_main {
    border-radius: 50px;
    background: #fff;
    padding: 50px 40px;
    margin-top: var(--mt45p);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.indiv_item {
    width: 23%;
    text-align: center;
    position: relative;
}

.indiv_item::before {
    content: "";
    position: absolute;
    right: -20px;
    top: 3px;
    width: 1px;
    height: 200px;
    background: #eee;
}

.indiv_item:last-child::before {
    display: none;
}

.indiv_li1 .indiv_img1 {
    width: 50%;
}

.indiv_li1 {
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.indiv_p5 {
    font-size: var(--fs24);
    color: #0c1424;
    margin-top: 15px;
}

.indiv_p6 {
    margin-top: 15px;
    color: #333;
    font-size: 14px;
}

/**/

/* 右侧 */
.rfixed {
    background: #fff;
    border-radius: 60px;
}

.rfixed {
    bottom: 50%;
    top: auto;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
}

.rfixediconm {
    position: relative;
    height: 56px;
    line-height: 56px;
    text-align: center;
}

.rfixediconm i {
    color: var(--blue)
}

.rfixedsub {
    position: absolute;
    padding-right: 10px;
    left: -180px;
    width: 180px;
    top: 50%;
    box-sizing: border-box;
    transform: translateY(-50%);
}

.rfixedsub {
    display: none;
}

.rfixedsubm {
    padding: 20px;
    border-radius: 10px;
}

.rfixedsubm {
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #fff;
}

.rfixedsub p {
    padding-top: 10px;
    line-height: 1;
}

.rfixedsub img {
    max-width: 100%;
    vertical-align: top;
}

.rfixediconm1 i {
    font-size: 25px;
}

.rfixediconm2 i {
    font-size: 25px;
    border-top: 1px solid rgb(0 0 0 / 10%);
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding: 15px 6px;
}

.rfixediconm3 i {
    font-size: 25px;
    font-weight: bold;
}

.rfixediconm4 i {
    font-size: 32px;

}

.rfixediconm4 {
    height: auto;
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid rgb(0 0 0 / 10%);
}

.rfixediconm {
    cursor: pointer;
}

.rfixedicon {
    height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}

.logomoving {
    cursor: pointer;
}

.logomoving img {
    width: 50px;
}

.logomoving.open {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.rfixed.open .rfixedicon {
    height: 230px;
    overflow: inherit;
}

/* .logomoving img {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
} */


.law {
    margin-top: 90px;
    line-height: 28px;
    color: #999;
}

.law_p1 {
    color: #222;
    font-size: 36px;
    font-weight: bold;
}


.law_p2 {
    font-size: 24px;
    color: #222;
    font-weight: bold;
}

.law_p3 {
    font-size: 20px;
    font-weight: bold;
    color: #222;
}

/*  */

.zkfootfx_a {
    position: relative;
}

.new_fx {
    position: absolute;
    top: 30px;
    left: -60px;
    display: none;
    padding: 20px;
    background: #fff;
    box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
    z-index: 11;
    width: 170px;
}

.new_fx p {
    font-size: 14px;
    margin-bottom: 10px;
}

.zkfootfx_a:hover .new_fx {
    display: block;
}


.address-input-wrapper {
    position: relative;
}
.suggestion-panel{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 200%;
    max-height: 300px;
    overflow-y: auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .1);
    z-index: 999;
}
.borderRadius {
    border-radius: 32px;
}

.suggestion-item {
    padding: 8px 20px;
    cursor: pointer;
}

.suggestion-item:hover {
    background-color: rgba(255, 141, 26, 0.5);
      color: #fff !important;
}

.highlight {
    color: rgba(255, 141, 26, 1);
    font-weight: 500;
}


.panel-cascade {
    position: absolute;
    left: 0;
    max-height: 300px;
    background: #fff;
    width: 100%;
	border-radius: 4px;
    z-index: 999;
}
.cascade-picker .panel {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    display: flex;
    z-index: 999;
}
.area-item {
    padding: 8px 12px;
    cursor: pointer;
    min-width: 120px;
}
.area-item:hover {
    background: #f5f5f5;
}

.bill-code-text, .service-text {
    padding-right: 50px;
    line-height: 18px;
}

.sdsousuo1 {
    font-size: 24px;
    line-height: 24px;
}

.sdarrow-down {
    font-size: 24px;
    line-height: 24px;
}


/* 新增选中状态样式 */
.area-item.selected {
    background-color: rgba(255, 141, 26, 1);
    color: #fff;
}

.panel-column {
    flex: 1;
    border-right: 1px solid #eee;
    max-height: 300px;
    overflow-y: auto;
}

/* 当第三个列空时的样式 */
.panel-column:last-child:empty {
    display: none;
}
.panel-column:nth-last-child(2):empty + .panel-column:last-child:not(:empty) {
    flex: 0 0 30%;
}
.panel-column:not(:empty) ~ .panel-column:empty {
    flex: 0;
}

/* 当只有两列有内容时 */
.panel-column:nth-child(1):not(:empty) + .panel-column:not(:empty) + .panel-column:empty {
    flex: 0;
}
.panel-column:nth-child(1):not(:empty) + .panel-column:not(:empty) {
    /* flex: 0 0 50%; */
}

/* 当只有一列有内容时 */
.panel-column:not(:empty) + .panel-column:empty + .panel-column:empty {
    flex: 0;
}
.panel-column:nth-child(1):not(:empty) + .panel-column:empty + .panel-column:empty {
    flex: 0 0 100%;
}

.cascade-select {
    display: none;
}

@media screen and (max-width: 650px) {
    .panel-cascade, .panel-column  {
        max-height: 163px;
    }
    .cascade-select {
        display: flex;
        background-color: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        padding: var(--fs14);
    }
    .selected-area .active {
        color: var(--color);
    }
    .service-text, .bill-code-text {
        padding: 15px 50px 15px 90px !important;
    }
    .sdsousuo1 {
        top: 13px !important;
        right: 20px;
    }
}
/*  */