/* Nav */
nav>section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    padding: 0 2rem;
    background: var(--nav-bg, #fff);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

#wtNavLogo {
    flex: 0 0 260px;
    /* 宽度由内容决定，也可写死 200px 等 */
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0;
}

#wtNavLogoYy {
    margin-top: 0px;
    margin-left: 6px;
}

#wtNavLogoYy img {
    width: 130px;
    aspect-ratio: 153 / 44;
}

#wtNavLogoHbc {
    margin-top: 6px;
    margin-left: 8px;
}

#wtNavLogoHbc img {
    height: 26px;
}

#wtNavMenu {
    flex: 0 0 auto;
    /* 固定宽度，按需改 */
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#wtNavMenuX{
    flex: 0 0 auto;
    justify-content: flex-end;
    align-items: center;
}
#wtNavMenuX i {
    font-size: 40px;
    margin-right: 0;
    color: #686868;
}
#wtNavMenu i {
    font-size: 40px;
    margin-right: 24px;
    color: #686868;
}

#wtNavMenu .wt-an-red {
    width: 122px;
    height: 45px;
    line-height: 45px;
}

#wtNavRight {
    display: none;
}

#wtNavBody {
    display: none;
    position: absolute;
    top: 80px;
    background-color: #fff;
    left: 0;
    right: 0;
}
.wt-nav-list li{
    width: 168px;
    background-color: #FEF1F1;
}
.wt-nav-nav1{
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    height: 64px;
}
.wt-nav-nav1-this .wt-nav-tit{
    color: var(--primary);
    background-color: #fff;
}
.wt-nav-tit{
    font-size: 20px;
    line-height: 64px;
    padding-left: 32px;
    position: relative;
}
.wt-nav-nav1-this .wt-nav-nav2{
    display: flex;
}
.wt-nav-nav2{
    display: none;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    left: 168px;
    flex-wrap: wrap;
    padding:18px 24px 36px;
}
.wt-nav-nav2 > div{
    flex: 0 0 100%;
    min-height: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.wt-nav-tit2{
    font-size: 18px;
    line-height: 50px;
    padding-left: 12px;
    position: relative;
}
.wt-nav-tit2-show .wt-nav-tit2{
    color: var(--primary);
    display: flex;
}
.wt-nav-tit2-show .wt-nav-tit2 > div{
    flex: 0 0 auto;
    position: relative;
}
.wt-nav-tit2-show .wt-nav-tit2 > div::after{
    content: '';
    position: absolute;
    left: 6px;
    right: 6px;
    height: 4px;
    bottom: 0;
    background-color: var(--primary);
}
.wt-nav-nav2b{
    display: none;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    left: 168px;
    flex-wrap: wrap;
    padding:18px 24px 36px;
}
.wt-nav-tit2b > div{
    flex: 0 0 100%;
    min-height: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-size: 18px;
    line-height: 50px;
    padding-left: 12px;
}
.wt-nav-nav1-this .wt-nav-nav2b{
    display: block;
}
.wt-nav-nav3{
    display: none;
    grid-template-columns: repeat(2, 1fr);
    padding: 12px 0;
}
.wt-nav-tit2 i{
  display: inline-block;
  position: absolute;
  right: 0;
  font-size: 26px;
  bottom: 0;
  transition: transform .3s;
}
.wt-nav-tit2-show .wt-nav-tit2 .layui-icon-right{
    transform: rotate(90deg);
}
.wt-nav-nav3 > div {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 12px;
  padding: 16px 12px;
  font-size: 14px;
  white-space: nowrap;
}
.wt-nav-tit2-show .wt-nav-nav3{
    display: grid;
}

.wt-nav-nav-dot{
  position: absolute;
  top: -2px;
  right: 40px;
}

.wt-banner .layui-carousel {
    height: 56vw !important;
}

.wt-main-section {
    padding: 68px 32px !important;
}

.wt-main-tit {
    font-size: 24px;
}

.wt-main-tit-ms {
    font-size: 12px;
}

.wt-zujian-huadong {
    width: 100%;
}

#wtChanpinZhongxin .wt-zujian-huadong {
    font-size: 16px;
    height: 74px;
}

.wt-main-list-fang {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.wt-main-itme{
    flex: 0 0 calc(50% - 12px);
    overflow: hidden;
}

.wt-main-itme>div {
    width: 100%;
}
.wt-main-itme-tit{
    font-size: 18px;
}
.wt-main-itme-tag{
    height: 16px;
}
.wt-main-itme-tag img{
    height: 16px;
}
.wt-main-itme-jj{
    font-size: 12px;
}
.wt-main-itme-pic {
    /* width: calc((100vw - 64px - 24px) / 2 - 40px - 20px ); */
    width: 100%;
    aspect-ratio: 336 / 215;
}

.wt-dzhfab+.wt-dzhfab {
    margin-top: 24px;
}

.wt-dzhfab-zhu {
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    height: 104px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    background-color: #ECECED;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
}

.wt-dzhfab-bg-1 {
    background-image: url(/static/css/../img/dzh1gb-t.png);
}

.wt-dzhfab-bg-2 {
    background-image: url(/static/css/../img/dzh2gb-t.png);
}

.wt-dzhfab-bg-3 {
    background-image: url(/static/css/../img/dzh3gb-t.png);
}

.wt-dzhfab-zhu-tit {
    font-size: 20px;
    color: var(--primary);
    font-weight: 600;
    line-height: 20px;
}

.wt-dzhfab-zhu-txt {
    margin-top: 16px;
    font-size: 14px;
    color: #727272;
    line-height: 14px;
}

.wt-dzhfab-zhu-an {
    background-color: #fff;
    border-radius: 999px;
    border: 1px solid #ddd;
    height: 32px;
    width: 112px;
    font-size: 12px;
    margin-top: 24px;
}

.wt-main-list-fang .wt-main-itme-an a{
    height: 36px;
    font-size: 14px;
    line-height: 36px;
}

.wt-dzhfab-zhu-an>div {
    display: flex;
    /* 横向排列 */
    align-items: center;
    /* 垂直居中 */
    gap: 16px;
    justify-content: center;
    height: 100%;
}

.wt-dzhfab-zhu-an i {
    color: #333;
}

.wt-dzhfab-ci {
    padding: 6px 16px 8px;
    background-color: #fff;
    border-radius: 0 0 16px 16px;
}

.wt-dzhfab-ci-list-t {
    border-bottom: 1px solid transparent;
    /* 占位置 */
    background:
        repeating-linear-gradient(90deg,
            rgba(0, 0, 0, .1) 0 2px,
            /* 黑点 */
            transparent 2px 6px
            /* 空白 */
        ) left bottom / 100% 1px no-repeat;
}

.layui-row.wt-dzh-box>div>div {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #333;
    height: 76px;
}

.wt-fwzc {
    /* box-shadow: inset -3px 0px 4px 0px #FFE6E8; */
    border: 1px solid #FFE6E8;
    position: relative;
    /* 给伪元素当包含块 */
    padding: 36px 24px 28px;
    /* overflow: hidden;    */
    /* margin-top: 16px; */
    z-index: 8;
}

.wt-fwzc-box {
    width: calc(100% - 244px);
    margin: 32px auto;
}

.wt-fwzc-ico div {
    background-color: #FFE6E8;
    height: 84px;
    width: 84px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.wt-fwzc-ico img {
    height: 40px;
    width: 40px;
}

.wt-fwzc-tit {
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    margin-top: 16px;
}

.wt-fwzc-txt {
    margin-top: 8px;
    color: #727272;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 24px;
}

.wt-fwzc-an a {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

.wt-fwzc::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 20px;
    height: 3px;
    background-color: var(--primary);
    left: calc(50% - 10px);
}

.wt-kehuanli {
    background-image: url(/static/css/../img/khal-gb.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.wt-zujian-huadong {
    height: 74px;
    font-size: 16px;
}
#wtCpzxTagAnZu.wt-zujian-huadong-box-3::after{
    width: calc((100% - 24px) / 3);
}
#wtCpzxTagAnZu.wt-zujian-huadong-box-to1.wt-zujian-huadong-box::after{
    left: 14px;
}
#wtCpzxTagAnZu.wt-zujian-huadong-box-to2.wt-zujian-huadong-box::after{
    left: calc(100% / 3);
}
#wtCpzxTagAnZu.wt-zujian-huadong-box-to3.wt-zujian-huadong-box::after{
    left: calc(100% / 3 * 2);
}
#wtKhalTagAnZu.wt-zujian-huadong-box-6::after{

}
#wtKehuAnli .wt-zujian-huadong-box-to1.wt-zujian-huadong-box::after{
    left: 14px;
}
#wtKehuAnli .wt-zujian-huadong-box-to2.wt-zujian-huadong-box::after{
    left: calc(100% / 5 + 14px);
}
#wtKehuAnli .wt-zujian-huadong-box-to3.wt-zujian-huadong-box::after{
    left: calc(100% / 5 * 2  + 14px);
}
#wtKehuAnli .wt-zujian-huadong-box-to4.wt-zujian-huadong-box::after{
    left: calc(100% / 5 * 3  + 14px);
}
#wtKehuAnli .wt-zujian-huadong-box-to5.wt-zujian-huadong-box::after{
    left: calc(100% / 5 * 4  + 14px);
}
#wtKehuAnli .wt-zujian-huadong-box-to6.wt-zujian-huadong-box::after{
    left: calc(100% / 5 * 5);
}
.wt-khal-item {
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 268px;
}

.wt-khal-item-pic {
    flex: 0 0 16.66vw;
    height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.wt-khal-item-txt {
    flex: 1 1 auto;
    font-size: calc(100vw / 750);
    padding-left: 16px;
    padding-right: 16px;
}

.wt-khal-item-tag img {
    height: 16em;
    width: auto;
}

.wt-khal-item-tit {
    margin-top: 16px;
    font-size: 14em;
    font-weight: 600;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wt-khal-item-text {
    margin-top: 8px;
    font-size: 12em;
    line-height: 20px;
    color: #727272;
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.wt-khal-item-an {
    background-color: #fff;
    border-radius: 999px;
    border: 1px solid #FFE6E8;
    height: 32px;
    width: 112px;
    font-size: 12px;
    margin-top: 16px;
    cursor: pointer;
}

.wt-khal-item-an>div {
    display: flex;
    /* 横向排列 */
    align-items: center;
    /* 垂直居中 */
    gap: 20px;
    justify-content: center;
    height: 100%;
    color: var(--primary);
}

.wt-khal-item1 .wt-khal-item-pic {
    background-image: url(/static/css/../img/khal01.png);
}

.wt-khal-item2 .wt-khal-item-pic {
    background-image: url(/static/css/../img/khal02.png);
}

.wt-khal-item3 .wt-khal-item-pic {
    background-image: url(/static/css/../img/khal03.png);
}

.wt-khal-item4 .wt-khal-item-pic {
    background-image: url(/static/css/../img/khal04.png);
}

.wt-anlilunbo {
    background-color: #F5F7FA;
    position: relative;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 56px !important;
    padding-top: 56px !important;
}
#wtLunboAnli{
    overflow: hidden;
}
.wt-lbal-l{
    position: absolute;
    top: 0;
    left: 16px;
    bottom: 0;
    width: 108px;
    background: linear-gradient(to right, #F5F7FA 16%, rgba(255, 255, 255, 0) 100%);
}
.wt-lbal-r{
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    width: 108px;
    background: linear-gradient(to left, #F5F7FA 16%, rgba(255, 255, 255, 0) 100%);
}
.wt-lbal-an{
    font-size: 12px;
}
.wt-lunbo-track{
    gap:16px;
    margin-bottom: 16px;
}
.wt-lunbo-track-tit{
    font-size: 16px;
}
.wt-lunbo-track > div{
    height: 56px;
    width: 108px;
}
.wt-lunbo-track-310{
  width: 160px !important;
}
.wt-lunbo-track img {
  transform: scale(0.5);
  transform-origin: center center; 
}
.wt-huodongzixun {}

.wt-hdzx {
    max-width: 800px;
    width: calc(100% - 120px);
    padding-top: 36px;
}

.wt-hdzx-item {}

.wt-hdzx-item-pic {
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1 / 1;
}

.wt-hdzx-item-pic img {
    width: 100%;
}

.wt-hdzx-item-txt {
    padding: 12px;
}

.wt-hdzx-item-tag {
    display: flex;
}

.wt-hdzx-item-tag div {
    line-height: 14px;
    font-size: 12px;
    color: var(--primary);
    background-color: #FFE6E8;
    padding: 4px 8px;
    border-radius: 6px;
}

.wt-hdzx-item-tit {
    font-size: 16px;
    font-weight: 600;
    margin-top: 16px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wt-hdzx-item-text {
    font-size: 14px;
    line-height: 24px;
    color: #727272;
    margin-top: 16px;
    height: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.wt-hdzx-more {
    width: 100%;
    display: flex;
    /* 弹性容器 */
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中（可选） */
}

.wt-hdzx-more .wt-khal-item-an {
    border-color: #DDDDDD;
}

.wt-hdzx-more .wt-khal-item-an>div {
    color: #121212;
}

.wt-hdzx-more .wt-khal-item-an i {
    color: #727272;
}


.wt-guanyuwomen {
    background-color: #F5F7FA;
    background-image: url(/static/css/../img/gywm-bg.png);
    background-position: right 80px top 168px;
    background-repeat: no-repeat;
    background-size: 327px;
}

.wt-gywm-box {
    /* height: 540px; */
    margin-top: 0px;
    max-width: 800px;
    width: calc(100% - 120px);
}

.wt-gywm-text {}

.wt-gywm-text-ico {
    margin-top: 68px;
}

.wt-gywm-text-name {
    margin-top: 24px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
}

.wt-gywm-text-txt {
    margin-top: 12px;
    font-size: 12px;
    color: #727272;
    line-height: 20px;
}

.wt-gywm-text-an {
    margin-top: 24px;
}

.wt-gywm-text-an .wt-main-itme-an {
    text-align: left;
}

.wt-gywm-text-an .wt-main-itme-an a {
    width: 112px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
}

.wt-gywm-text-an .wt-main-itme-an i {
    margin-left: 16px;
}

.wt-gywm-iocs {
    display: flex;
    /* flex-wrap: wrap; */
    gap: 56px;
    margin-top: 48px;
    /* padding-left: 68px; */
}

.wt-gywm-iocs-item {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.wt-gywm-iocs-ico img {
    height: 42px;
}

.wt-gywm-iocs-num {
    font-size: 28px;
    font-weight: 500;
    color: var(--primary);
    margin-top: 12px;
}

.wt-gywm-iocs-txt {
    font-size: 12px;
    margin-top: 6px;
}

.wt-gywm-iocs-num span {
    font-size: 14px;
    margin-left: 2px;
}

.wt-lianxiwomen {
    background-image: url(/static/css/../img/bg002.png);
    height: 264px;
    background-size: 100% 100%;
}

.wt-lxwm {
    text-align: center;
}

.wt-lxwm-tit {
    font-size: 28px;
    font-weight: 600;
    color: var(--primary);
    line-height: 40px;
}

.wt-lxwm-an {
    display: flex;
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中（可选） */
    margin-top: 24px;
}

.wt-lxwm-an>div {
    display: inline-flex;
    /* 让宽度由内容决定 */
    align-items: center;
    gap: 8px;
    /* 文字与图标间距 */
    padding: 6px 32px;
    background: var(--font-liang);
    /* 红色 */
    color: #fff;
    border-radius: 24px;
    /* 圆角（≥半高即可） */
    font-size: 16px;
    cursor: pointer;
    transition: background .3s;
}

.wt-lxwm-an>div:hover {
    background: #c00010;
}

.wt-lxwm-an i {
    margin-left: 6px;
    margin-right: 5px;
}

.wt-footer {
    padding-bottom: 30px !important;
    padding-top: 26px !important;
}

.wt-footer-copy {
    color: #999999;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 32px;
}

.wt-footer-box {
    border-bottom: 1px solid #E5E5E5;
    max-width: 800px;
    width: calc(100% - 120px);
    position: relative;
    padding-bottom: 32px;
}

.wt-footer-txt {
    display: flex;
    flex-wrap: wrap;
}

.wt-footer-tit {
    flex: 0 0 100%;
    display: flex;
    border-bottom: 1px solid #E5E5E5;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding-bottom: 16px;
}

.wt-footer-dh,
.wt-footer-dz {
    flex: 0 0 50%;
    margin-top: 32px;
}

.wt-footer-dh-tit {
    font-size: 12px;
}

.wt-footer-dh-tel {
    font-size: 20px;
    color: var(--primary);
    margin-top: 8px;
}

.wt-footer-dh-tel i {
    font-size: 16px;
    margin-right: 8px;
}

.wt-footer-dz-tit {
    font-size: 12px;
}

.wt-footer-dz-txt {
    font-size: 14px;
    font-weight: 600;
    margin-top: 8px;
}

.wt-footer-nav {
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 32px;
}

/* 每列竖排 */
.wt-footer-nav>div {
    display: flex;
    flex-direction: column;
    gap: 8px;
    /* 行间距 */
}

.wt-footer-nav a {
    font-size: 12px;
    color: #727272;
    line-height: 16px;
    margin-bottom: 6px;
}

.wt-footer-nav>div>a:first-of-type {
    font-weight: bold;
    color: var(--primary);
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 18px;
}

.wt-footer-fud {
    position: absolute;
    bottom: 36px;
    left: 0;
    display: flex;
    justify-content: space-between;
    /* 两端对齐，中间等距 */
    align-items: center;
    /* 垂直居中（可选） */
    gap: 24px;
    width: 280px;
}

.wt-footer-fud>div {
    flex: 1 1 0;
    /* 三等分 */
    display: flex;
    flex-direction: column;
    text-align: left;
}

.wt-footer-fud-tit {
    font-size: 12px;
    color: #999999;
}

.wt-footer-fud-ico {
    background-color: #ddd;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    text-align: center;
    margin-top: 8px;
}

.wt-footer-fud-ico img {
    width: 20px;
    height: auto;
    margin-top: 5px;
}

#wtRightBox {
  right: 16px;
  font-size: 14px;
  top: 168px;
}
.wt-rb1 {
  width: 78px;
  height: 82px;
}
.wt-rb1 .wt-rb-img{
  padding-top: 2px;
  width: 52px;
  height: 52px;
  margin-left: 8px;
}
.wt-rb1 .wt-rb-txt{
  height: 26px;
  line-height: 26px;
  font-size: 14px;
}

.wt-rb2{
  width: 78px;
  margin-top: 6px;
}
.wt-rb2 > div{
  padding-top: 2px;
  padding-bottom: 12px;
}
.wt-rb2 .wt-rb-img{
  padding-top: 6px;
}
.wt-rb2 .wt-rb-txt{
  padding-top: 4px;
}

.wt-rb-qr{
  width: 128px;
  right: 86px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.wt-rb-qr img{
  width: 100px;
  height: 100px;
}
.wt-rb-qr p{ 
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px;
}
.wt-rb-qr i{
  top: 16px;
  left: 123px;
}

.wt-rb3{
  width: 78px;
  margin-top: 6px;
  height: 78px;
  padding-top: calc(78px / 2 - 13px);
}


/* 产品中心 */
.wt-cpzx-top{
    padding: 86px 32px 32px !important;
    background: linear-gradient(to bottom, #F58A91 0%, #FFE5E7 100%);
}
.wt-cpzx-top-box{
    display: block;
}
.wt-cpzx-top-txt{
    padding-right: 86px;
}
.wt-cpzx-top-tit h1{
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
}
.wt-cpzx-top-text{
    margin-top: 16px;
    font-size: 14px;
    line-height: 20px;
    color: #727272;
}
.wt-cpzx-top-an{
    margin-top: 23px;
    display: flex;
    gap: 29px;
}
.wt-cpzx-top-an > div{
    flex: 0 0 auto;
    height: 54px;
    width: 176px;
    line-height: 54px;
    font-size: 18px;
}
.wt-cpzx-top-an-b{
    flex: 0 0 auto;
    background-color: #fff;
    color: var(--font-liang);
    border: 1px solid var(--font-liang);
    text-align: center;
    border-radius: 32px;
    cursor: pointer;
    transition: background 1.6s;
}
.wt-cpzx-top-an-b:hover{
    background: linear-gradient(to right, var(--primary) 0%, #F07D86 100%);
    background-color: #F07D86;
    color: #fff;
    border-color: #fff;
}
.wt-cpzx-top-pic{
    margin-top: 32px;
    background-color: #F5F7FA;
    height: 238px;
    width: 410px;
    border-radius: 12px;
    overflow: hidden;
}
.wt-cpzx-top-pic > div{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.wt-cpzx-top-pic img{ 
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.wt-main-sjdh{
    height: 64px;
    padding-left: 32px;
    padding-right: 32px;
}
.wt-main-sjdh > .wt-main-box > div {
    width: 100%;
    height: 64px;
}
.wt-main-sjdh-an{display: none;}
.wt-main-sjdh ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
}

.wt-main-sjdh li {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
    position: relative;
}

.wt-main-sjdh li h2 {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wt-main-sjdh li a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    transition: all 0.16s ease;
    cursor: pointer;
}
.wt-main-sjdh li b {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    transition: all 0.16s ease;
    cursor: pointer;
}
.wt-main-sjdh li.wt-this b {
    color: var(--primary);
    font-weight: bold;
    position: relative;
}
.wt-main-sjdh li::after { 
    content: "";
    position: absolute;
    width: 60%;
    height: 3px;
    background-color: var(--primary);   
    bottom: 0;
    left: 20%;
    display: none;
}
.wt-main-sjdh li.wt-this::after{
    display: block;
}

.wt-main-sjdh li:not(.wt-this):hover a {
    color: var(--primary);
    /* border-bottom: 3px solid var(--primary); */
}

.wt-chanpinjianjie{
    padding-bottom: 48px !important;
    padding-top: 56px !important;
}
.wt-cpzx-tit h3{
    font-size: 24px;
    line-height: 32px;
    color: #121212;
    text-align: center;
}
.wt-cpzx-txt{
    margin-top: 16px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}
.wt-cpzx-text{
    font-size: 12px;
    color: #727272;
    line-height: 20px;
    text-align: center;
    width: calc(100% - 50px);
    margin: 32px auto 0;
}
.wt-cpzx-pic{
    margin-top: 32px;
    text-align: center;
}
.wt-cpzx-pic img{ 
    width: calc(100% - 96px);
    aspect-ratio: 608 / 296;
    border-radius: 12px;
    background-color: #ddd;
}
.wt-cpzx-an{
    margin-top: 24px;
    text-align: center;
}
.wt-cpzx-an .wt-an-red{
    display: inline-block;
    height: 40px;
    width: 144px;
    line-height: 40px;
    font-size: 14px;
}

.wt-lingxianjishu{
    background-color: #F5F7FA;
    padding: 48px 0 !important;
}
.wt-cpzx-tab{
    width: calc(100% - 64px);
    display: flex;
    margin: 40px auto 0;
}
.wt-cpzx-tab > div{
    flex: 0 0 50%;
}
.wt-cpzx-tab > div > div{ 
    width: 100%;
    height: 74px;
    background: #FFFFFF;
    box-shadow: inset -2px 0px 3px 0px #FFE6E8;
    border: 1px solid #F5F7FA;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    padding: 13px 16px;
}
.wt-cpzx-tab > div > div > div{ 
    display: flex;
}
.wt-cpzx-tab-ioc{
    flex: 0 0 30px;
}
.wt-cpzx-tab-ioc img{
    height: 20px;
    width: 20px;
}
.wt-cpzx-tab-text{
    flex: 0 0 calc(100% - 30px);
}
.wt-cpzx-tab-tit h4{
    font-size: 16px;
    line-height: 22px;
}
.wt-cpzx-tab-txt{
    font-size: 12px;
    line-height: 16px;
    color: #727272;
}

.wt-hexinjiazhi{
    background-image: url(/static/css/../img/cpzx/hxjz-bg-t.png);
    background-position: top 45px left 0;
    background-repeat: no-repeat;
    height: 868px;
    padding: 0px 32px 48px !important;
}
.wt-cpzx-hxjz-box{
    position: relative;
    height: 100%;
}
.wt-cpzx-hxjz-box .wt-cpzx-tit{
    padding-top:315px;
    padding-left: 42px;
}
.wt-cpzx-hxjz-box .wt-cpzx-tit h3{
    text-align: left;
}
.wt-cpzx-hxjz-text{

}
.wt-cpzx-hxjz-text > div{
    position: absolute;
}
.wt-cpzx-hxjz-tit{

}
.wt-cpzx-hxjz-tit h4{
    font-size: 16px;
    line-height: 22px;
}
.wt-cpzx-hxjz-ttt{
    font-size: 12px;
    line-height: 16px;
}
.wt-cpzx-hxjz-txt{
    margin-top: 12px;
    font-size: 12px;
    line-height: 16px;
    color: #727272;
    width: 246px;
}
.wt-cpzx-hxjz-text1{
    top: 60px;
    left: 154px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 24px; 
}
.wt-cpzx-hxjz-text1 .wt-cpzx-hxjz-tit,
.wt-cpzx-hxjz-text1 .wt-cpzx-hxjz-ttt{
    text-align: left;
    padding-left: 40px;
    position: relative;
    grid-column: 1;
}
.wt-cpzx-hxjz-text1 .wt-cpzx-hxjz-txt {
    grid-column: 2;
    grid-row: 1 / 3; 
    display: flex;
    align-items: center;   
    margin-top: -3px;
}
.wt-cpzx-hxjz-text1 .wt-cpzx-hxjz-tit::after {
    content: "";
    position: absolute;
    display: inline-block;  
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px; 
    border-color: transparent transparent transparent var(--primary);
    /* border-width: 6px 8px 6px 0px; 
    border-color: transparent var(--primary) transparent transparent ; */
    top: 8px;
    left: 16px;
}

.wt-cpzx-hxjz-text2{
    /* top:220px;
    left: 105px; */
    top:150px;
    left: 376px;
}
.wt-cpzx-hxjz-text2 .wt-cpzx-hxjz-tit,
.wt-cpzx-hxjz-text2 .wt-cpzx-hxjz-ttt{
    text-align: left;
    padding-left: 26px;
    position: relative;
}
.wt-cpzx-hxjz-text2 .wt-cpzx-hxjz-tit::after {
    content: "";
    position: absolute;
    display: inline-block;  
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px; 
    border-color: transparent transparent transparent var(--primary);
    /* border-width: 6px 8px 6px 0px; 
    border-color: transparent var(--primary) transparent transparent ; */
    top: 8px;
    left: 2px;
}

.wt-cpzx-hxjz-text3{
    top:320px;
    left: 376px;
}
.wt-cpzx-hxjz-text3 .wt-cpzx-hxjz-tit,
.wt-cpzx-hxjz-text3 .wt-cpzx-hxjz-ttt{
    text-align: left;
    padding-left: 26px;
    position: relative;
}
.wt-cpzx-hxjz-text3 .wt-cpzx-hxjz-tit::after {
    content: "";
    position: absolute;
    display: inline-block;  
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent var(--primary);
    /* border-width: 6px 8px 6px 0px; 
    border-color: transparent var(--primary) transparent transparent ; */
    top: 8px;
    left: 2px;
}

.wt-cpzx-hxjz-text4{
    top:496px;
    left: 376px;
}
.wt-cpzx-hxjz-text4 .wt-cpzx-hxjz-tit,
.wt-cpzx-hxjz-text4 .wt-cpzx-hxjz-ttt{
    text-align: left;
    padding-left: 26px;
    position: relative;
}
.wt-cpzx-hxjz-text4 .wt-cpzx-hxjz-tit::after {
    content: "";
    position: absolute;
    display: inline-block;  
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent var(--primary);
    /* border-width: 6px 8px 6px 0px; 
    border-color: transparent var(--primary) transparent transparent ; */
    top: 8px;
    left: 2px;
}
.wt-cpzx-hxjz-text5{
    top:640px;
    left: 24px;
}
.wt-cpzx-hxjz-text5 .wt-cpzx-hxjz-tit,
.wt-cpzx-hxjz-text5 .wt-cpzx-hxjz-ttt{
    text-align: left;
    padding-left: 26px;
    position: relative;
}
.wt-cpzx-hxjz-text5 .wt-cpzx-hxjz-tit::after {
    content: "";
    position: absolute;
    display: inline-block;  
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent var(--primary);
    /* border-width: 6px 8px 6px 0px; 
    border-color: transparent var(--primary) transparent transparent ; */
    top: 8px;
    left: 2px;
}
.wt-cpzx-hxjz-an{
    position: absolute;
    bottom: 0px;
    width: 100%;
}


/* 解决方案 #F5F7FA */
.wt-jiejuefangan.wt-main-sjdh{
    padding-left: 86px;
}
.wt-jiejuefangan.wt-main-section{
    padding: 68px 80px !important;
    background-color: #F5F7FA;
}
.wt-jjfa-li{
    /* background: linear-gradient(to top, #F07D86 0%, #F5F7FA 100%); */
    background: linear-gradient(to left, #f7b4b9 0%, #f4f4f4 1.6%);
    border-radius: 12px;
    overflow: hidden;
    padding: 4px;
    cursor: pointer;
}
.wt-jjfa-li > div{ 
    background-color: #fff;
    border-radius: 12px;
    padding: 24px 50px; 
    display: flex;
    align-items: center;
    gap: 24px;
    height: 146px;
    overflow: hidden;
}
.wt-jjfa-li-pic{ 
    flex: 0 0 100px;
}
.wt-jjfa-li-pic > div{ 
    background-color: #FFE6E8;
    width: 84px;
    height: 84px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wt-jjfa-li:hover {
    background: linear-gradient(to top, #F07D86 0%, #f4f4f4 100%);
}
.wt-jjfa-li:hover > div {
    background-color: #F5F5F5;
}
.wt-jjfa-li:hover .wt-jjfa-li-pic > div {
    background-color: #fff;
}
.wt-jjfa-li:hover .wt-jjfa-li-an > div{
    display: flex;
}
.wt-jjfa-li-pic img{ 
    width: 40px;
    height: 40px;
}
.wt-jjfa-li-txt{
    flex: 0 0 calc(100% - 100px - 24px);
}
.wt-jjfa-li-tit{
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}
.wt-jjfa-li-text{
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-size: 12px;
    line-height: 20px;
    color: #727272;
    margin-top: 8px;
}
.wt-jjfa-li-an{
    font-size: 12px;
    color: var(--primary);
    display: flex;
    align-items: center;
    margin-top: 12px;
    height: 16px;
}
.wt-jjfa-li-an > div{
    /* display: none; */
    align-items: center;
}
.wt-jjfa-li-an span{ 
    margin-right: 12px;
}

/* 解决方案详情 */
.wt-jiejuefangan-detail{

}
.wt-jiejuefangan-detail .wt-main-sjdh-an{
    display:block;
}
#wtSwiperDh{
    position: relative;
}
#wtSwiperDh a{
    font-size: 16px;
    line-height: 22px;
    color: #999;
}

.wt-jiejuefangan-detail.wt-main-section{
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.wt-jiejuefangan-detail.wt-main-section > section{
    padding-top: 48px;
    padding-bottom: 48px;
}
.wt-jiejuefangan-detail.wt-main-section > section:nth-child(2n) {
    background-color: #F5F7FA;
}
.wt-jiejuefangan-detail.wt-main-section .wt-main-box{
    width: calc(100% - 112px);
    text-align: center;
}
.wt-jjfa-detail{}
.wt-jjfa-detail-tit{
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    color: #121212;
} 
.wt-jjfa-detail-txt{
    font-size: 12px;
    line-height: 20px;
    color: #727272;
    margin-top: 16px;
}
.wt-jjfa-detail-pic{
    width: calc(100% - 48px);
    min-height: 68px;
    background-color: #DDDDDD;
    border-radius: 16px;
    overflow: hidden;
    margin: 32px auto 0;
}
.wt-jjfa-detail-pic img{
    width: 100%;
}
.wt-jjfa-detail-an{
    margin-top: 24px;
    display: flex;
    justify-content: center;
}
.wt-jjfa-detail-an > div{
    width: 144px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
#wtSwiperDh .swiper-button-next{
    top: 0;
    bottom: 1px;
    right: 0;
    height: calc(100% - 1px);
    margin-top: 0;
    width: 56px;
    background: linear-gradient(to left, 
              #fff 36%,
              rgba(255,255,255,0.36) 100%); 
}
#wtSwiperDh .swiper-button-prev{
    top: 0;
    bottom: 1px;
    left: 0;
    height: calc(100% - 1px);
    margin-top: 0;
    width: 56px;
    background: linear-gradient(to right, 
              #fff 36%,
              rgba(255,255,255,0.36) 100%); 
}
nav.wt-jiejuefangan-detail{
    padding-left: 0;
    padding-right: 0;
}
#wtSwiperDh .swiper-wrapper{
    padding-left: 36px;
    padding-right: 36px;
    width: calc(100% - 72px);
}
#wtSwiperDh .swiper-wrapper .swiper-slide:last-child {
    padding-right: 86px;
}

/* 服务支持 */
.wt-fuwuzhichi-z{
    padding: 72px 0 48px !important;
}
.wt-fuwuzhichi-z .wt-fwzc-box1{ 
    width: calc(100% - 160px);
    margin: 0 auto;
}
.wt-fuwuzhichi-z .wt-fwzc-box1 {
    display: block;
}
.wt-fuwuzhichi-z .wt-fwzc-pic {
    width: 100%;
    height: 296px;
    border-radius: 12px;
    background-color: #ddd;
    overflow: hidden;
    margin-top: 16px;
}
.wt-fuwuzhichi-z .wt-fwzc-pic img {
    display: block;
    width: 100%;
    height: auto;
}
.wt-fuwuzhichi-z .wt-fwzc-txt,
.wt-fuwuzhichi-z .wt-fwzc-tit {
    
}
.wt-fuwuzhichi-z .wt-fwzc-tit {
    height: 40px;
    margin: 0 !important;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}
.wt-fuwuzhichi-z .wt-fwzc-tit h3{
    font-size: 24px;
}
.wt-fuwuzhichi-z .wt-fwzc-txt {
    margin: 32px 0 0 !important;
    font-size: 12px;
    line-height: 20px;
}
.wt-fuwuzhichi-z .wt-fwzc-text{
    margin-left: -24px;
    margin-right: -24px;
    text-align: center;
}
.wt-fuwuzhichi-z .wt-fwzc-an{
    display: flex;
    margin-top: 24px;
    justify-content: center;
}
.wt-fuwuzhichi-z .wt-fwzc-an > div{ 
    width: 144px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.wt-fuwuzhichi-z2{
    background-color: #F5F7FA;
    padding: 48px 0 !important;
}
.wt-fuwuzhichi-z2 .wt-main-box{
    width: calc(100% - 160px);
    margin: 0 auto;
}
.wt-fuwuzhichi-z2 .wt-fwzc-tit {
    height: 32px;
    margin: 0 !important;
    font-size: 24px;
    line-height: 32px;
}
.wt-fuwuzhichi-z2 .wt-fwzc-tit h3{
    font-size: 24px;
}
.wt-fuwuzhichi-z2 .wt-fwzc-txt {
    margin: 0 -24px !important;
    margin-top: 16px !important;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    /* font-family: Helvetica Neue; */
    /* font-weight: 100; */
}
.wt-fuwuzhichi-z2 .wt-fwzc-pic{
    width: 100%;
    height: 296px;
    background-color: #ddd;
    margin: 32px auto 0;
    border-radius: 12px;
    overflow: hidden;
}
.wt-fuwuzhichi-z2 .wt-fwzc-pic img {
    display: block;
    width: 100%;
    height: auto;
}
.wt-fuwuzhichi-z2 .wt-fwzc-an{
    display: flex;
    margin-top: 24px;
    justify-content: center;
}
.wt-fuwuzhichi-z2 .wt-fwzc-an > div{ 
    width: 144px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.wt-fuwuzhichi-z3 .wt-main-box{
    width: calc(100% - 160px);
    margin: 0 auto;
}
.wt-fuwuzhichi-z3 .wt-fwzc-tit{
    height: 32px;
    margin: 0 !important;
    font-size: 24px;
    line-height: 32px;
}
.wt-fuwuzhichi-z3 .wt-fwzc-tit h3{
    font-size: 24px;
}
.wt-fuwuzhichi-z3 .wt-fwzc-txt{
    margin-top: 16px;
    margin-bottom: 0;
}
.wt-fuwuzhichi-z3 .wt-fwzc-pic{
    width: 100%;
    height: 296px;
    border-radius: 12px;
    background-color: #ddd;
    overflow: hidden;
}
.wt-fuwuzhichi-z3 .wt-fwzc-pic img{ 
    display: block;
    width: 100%;
    height: auto;
}
.wt-fuwuzhichi-z3 .wt-fwzc-text{
   padding-top: 8px;
}
.wt-fuwuzhichi-z3 .wt-fwzc-text > div{ 
    margin-top: 24px;
}
.wt-fuwuzhichi-z3{
    padding: 64px 0 !important;
}
.wt-fuwuzhichi-z3 .wt-fwzc-text-tit{}
.wt-fuwuzhichi-z3 .wt-fwzc-text-tit h4{
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-weight: 600;
}
.wt-fuwuzhichi-z3 .wt-fwzc-text-txt{
    font-size: 12px;
    line-height: 20px;
    margin-top: 8px;
}
.wt-fuwuzhichi-z3 .wt-fwzc-an{
    display: flex;
    justify-content: center;
}
.wt-fuwuzhichi-z3 .wt-fwzc-an > div{ 
    width: 152px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
}

.wt-fuwuzhichi-z4 .wt-main-box{
    width: calc(100% - 160px);
    margin: 0 auto;
}
.wt-fuwuzhichi-z4 .wt-fwzc-tit{
    height: 32px;
    margin: 0 !important;
    font-size: 24px;
    line-height: 32px;
}
.wt-fuwuzhichi-z4 .wt-fwzc-tit h3{
    font-size: 24px;
}
.wt-fuwuzhichi-z4 .wt-fwzc-txt{
    margin-top: 16px;
    margin-bottom: 0;
}
.wt-fuwuzhichi-z4 .wt-fwzc-ul{
    
}
.wt-fuwuzhichi-z4 .wt-fwzc-li{
    background-color: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: inset -3px 0px 4px 0px #FFE6E8;
}
.wt-fuwuzhichi-z4 .wt-fwzc-li3{
    /* padding: 12px 24px; */
}
.wt-fuwuzhichi-z4 .wt-fwzc-li+.wt-fwzc-li{
    margin-top: 16px;
}
.wt-fuwuzhichi-z4 .wt-fwzc-li-tit{
    display: flex;
    align-items: center;
    gap: 16px;
}
.wt-fuwuzhichi-z4 .wt-fwzc-li-tit-ico{
    flex: 0 1 40px;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    background: linear-gradient(to bottom, var(--primary) 0%, #F07D86 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.wt-fuwuzhichi-z4 .wt-fwzc-li-tit-ico img{
    /* width: 24px;
    height: 24px; */
    margin-left: 0px;
    margin-top: 0px;
}
.wt-fuwuzhichi-z4 .wt-fwzc-li-tit-txt{
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #333;
}
.wt-fuwuzhichi-z4 .wt-fwzc-li-text{
    font-size: 12px;
    line-height: 20px;
    margin-top: 8px;
}
.wt-fuwuzhichi-z4 .wt-fwzc-text{
    background-image: url(/static/css/../img/fwzc/bg2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    padding: 24px;
    margin-top: 16px;
}
.wt-fuwuzhichi-z4 .wt-fwzc-text > div{ 
    /* margin-top: 24px; */
}
.wt-fuwuzhichi-z4{
    padding: 48px 0 !important;
    background-color: #F5F7FA;
}
.wt-fuwuzhichi-z4 .wt-fwzc-an{
    display: flex;
    justify-content: left;
}
.wt-fuwuzhichi-z4 .wt-fwzc-an > div{ 
    width: 144px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.wt-fuwuzhichi-z4 .wt-fwzc-text-tit{
    font-size: 28px;
    line-height: 40px;
    color: var(--primary);
    font-weight: bold;
    margin-top: 0 !important;
}
.wt-fuwuzhichi-z4 .wt-fwzc-text-txt{
    margin-top: 0 !important;
    font-size: 18px;
    line-height: 24px;
    color: var(--primary);
}
.wt-fuwuzhichi-z4 .wt-fwzc-text-ul{
    margin-top: 36px !important;
}
.wt-fuwuzhichi-z4 .wt-fwzc-text-li+.wt-fwzc-text-li{
    margin-top: 8px;
}
.wt-fuwuzhichi-z4 .wt-fwzc-text-li{
    width: 280px;
    height: 36px;
    border-radius: 18px;
    background-color: #FFE6E8;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 16px;
}
.wt-fuwuzhichi-z4 .wt-fwzc-text-li-txt{
    font-size: 18px;
    line-height: 24px;
    color: #333;
    font-weight: 500;
}
.wt-fuwuzhichi-z4 .wt-fwzc-text-li-ico img{
    width: 20px;
    height: 20px;
}
.wt-fuwuzhichi-z4 .wt-fwzc-an{
    margin-top: 24px !important;
}

/* 客户案例 */
.wt-khal-top.wt-main-section{
    padding: 0 !important;
    width: 100%;
    aspect-ratio: 768 / 580;
    height: auto;
}
.wt-khal-top-box{
    height: 100%;
}
.wt-khal-top-box > div{
    height: 100%;
}
.wt-khal-top-banner{
    height: 100%;
    background-position: top 0px center;
    background-size: 200% auto;
}
.wt-khal-top-banner > div{
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #97000a80 0%, #ffe5e718 100%);
    text-align: center;
    position: relative;
}
.wt-khal-top-banner-name{
    font-size: 40px;
    line-height: 64px;
    font-weight: 500;
    color: #fff;
    padding-top: 88px;
    width: calc(100% - 120px);
}
.wt-khal-top-banner-txt{
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-top: 16px;
    font-weight: 300;
    width: calc(100% - 120px);
}
.wt-khal-top-banner-an{
    position: absolute;
    width: 100%;
    bottom: 80px;
}
.wt-khal-top-banner-an > div{ 
    display: inline-block;
    width: 176px;
    height: 54px;
    border-radius: 27px;
    line-height: 54px;
    font-size: 18px;
}
.wt-khal-top-banner-an-b{
    background-color: #fff;
    border: 1px solid var(--primary);
    color: var(--primary);
    margin-left: 24px;
}
.wt-khal-top-banner-an-b:hover{
    /* background: linear-gradient(to top, #e93f4d 0%, #F07D86 100%); */
    background: linear-gradient(to top, var(--primary) 36%, #F07D86 100%);
    border: 1px solid #fff;
    /* border: 0px; */
    color: #fff;
}
#wtKhalBanner .swiper-button-next{
    display: none;
}
#wtKhalBanner .swiper-button-prev{ 
    display: none;
}
#wtKhalBanner .swiper-pagination{
    /* display: none; */
    bottom: 24px;
}
.wt-kehuanli-list{
    background-color: #F5F7FA;
    padding: 72px 80px 48px !important;
}
.wt-khal-ul{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
.wt-khal-li{
    background-color: #fff;
    border-radius: 12px;
    box-shadow: inset -3px 0px 4px 0px #FFE6E8;
    overflow: hidden;
}
.wt-khal-ul .wt-khal-li-pic{
    width: 100%;
    /* aspect-ratio: 410 / 234; */
    aspect-ratio: 608 / 240;
    overflow: hidden;
    height: auto;
}
.wt-khal-ul .wt-khal-li-pic img{ 
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.wt-khal-ul .wt-khal-li-txt{
    padding: 30px 24px 24px;
}
.wt-khal-ul .wt-khal-li-txt-tit{
    font-size: 20px;
    line-height: 28px;
}
.wt-khal-ul .wt-khal-li-txt-jj{
    font-size: 12px;
    line-height: 20px;
    margin-top: 12px;
    color: #727272;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    white-space: normal;
    word-wrap: break-word;
}
.wt-khal-ul .wt-khal-li-txt-an{ 
    margin-top: 24px;
}
.wt-khal-ul .wt-khal-li-txt-an a{
    font-size: 14px;
    color: var(--font-liang);
}
.wt-khal-ul .wt-khal-li-txt-an i{
    margin-left: 8px;
}

/* 客户案例 详情 */
#wtKhalXx{}
#wtKhalXx .wt-cpzx-top-an-b{
    display: none;
}
#wtKhalXx .wt-main-box{
    position: relative;
}
#wtKhalXx .wt-cpzx-top-text{
    
}
.wt-kehuanli-detail{
    background-color: #F5F7FA;
    padding: 72px 56px 48px !important;
}
.wt-khal-detail{
    width: 100%;
}
.wt-khal-detail+.wt-khal-detail{
    margin-top: 48px;
}
.wt-khal-detail-tit{
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    color: #121212;
}
.wt-khal-detail-html{
    margin-top: 16px;
    font-size: 14px;
    line-height: 24px;
}
.wt-khal-detail-html ol{
    padding-left: 16px;
}
.wt-khal-detail-html ol li{
    list-style: decimal;
}
.wt-khal-detail-html img{
    width: 100%;
    margin-top: 40px;
    border-radius: 16px;
}
.wt-khal-detail-pj{
    background-color: #FFE6E8;
    border-radius: 2px;
    padding: 40px;
    font-size: 16px;
    margin-top: 16px;
}
.wt-khal-detail-nav{
    display: none;
}
.wt-khal-detail-nav-box{
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 30px 30px 6px;
}
.wt-khal-detail-nav-tit{
    font-size: 18px;
    line-height: 24px;
}
.wt-khal-detail-nav-list{
    margin-top: 16px;
}
.wt-khal-detail-nav-list a{
    font-size: 16px;
    line-height: 60px;
    color: #727272;
}
.wt-khal-detail-nav-list a:hover{
    color: var(--font-liang);
}
.wt-khal-detail-nav-list li{
    height: 60px;
}
.wt-khal-detail-nav-list li+li{
    border-top: 1px solid #ddd;
}
.wt-khal-detail-nav-an{
    margin-top: 24px;
}
.wt-khal-detail-nav-an > div{ 
    height: 44px;
    line-height: 44px;
    font-size: 16px;
}

/* 活动资讯 list */
section.wt-main-section.wt-huodongzixun-z{
    background-color: #F5F7FA;
    padding-top: 56px;
    padding-bottom: 64px;
}
.wt-huodongzixun-z > div{ 
    /* position: relative; */
    min-height: 560px;
}
.wt-hdzx-tj{
    /* position: absolute;
    top: 0;
    right: 16px; */
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 36px 30px 10px;
}
.wt-hdzx-tj-tit{
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.wt-hdzx-tj-ul{
    margin-top: 16px;
}
.wt-hdzx-tj-li{
    padding: 20px 0;
}
.wt-hdzx-tj-li > a{
    font-size: 14px;
    color: #727272;
}
.wt-hdzx-tj-li+.wt-hdzx-tj-li{
    border-top: 1px solid #ddd;
}
.wt-hdzx-list{
    width: 100%;
    padding-bottom: 36px;
}
.wt-hdzx-list .wt-hdzx-item{
    border-radius: 16px;
    background-color: #fff;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: inset -3px 0px 4px 0px #FFE6E8;
    border: 1px solid #F5F7FA;
}
.wt-hdzx-list .wt-hdzx-item > div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.wt-hdzx-list .wt-hdzx-item .wt-hdzx-item-pic{
    width: 210px;
    height: 140px;
    overflow: hidden;
    flex: 0 0 210px;
    border-radius: 0;
}
.wt-hdzx-list .wt-hdzx-item .wt-hdzx-item-pic img{ 
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.wt-hdzx-list .wt-hdzx-item .wt-hdzx-item-txt{
    flex: 1 1 auto;
    padding: 0;
}
.wt-hdzx-list .wt-hdzx-item-date{
    font-size: 12px;
    line-height: 18px;
    color: #999;
}
.wt-hdzx-list .wt-hdzx-item-tit{
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 12px;
    max-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    white-space: normal;
    word-wrap: break-word;
}
.wt-hdzx-list .wt-hdzx-item-text{
    font-size: 12px;
    line-height: 20px;
    color: #727272;
    margin-top: 8px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    white-space: normal;
    word-wrap: break-word;
}
.wt-hdzx-fy{
    /* position: absolute; */
    /* bottom: 0px; */
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    width: 100%;
    color: #727272;
    padding-bottom: 68px;
}
.wt-hdzx-fy-box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.wt-hdzx-fy-syy,.wt-hdzx-fy-xyy{
    border: 1px solid #DDDDDD;
    width: 56px;
    height: 30px;
    flex: 0 0 56px;
    background-color: #fff;
}
.wt-hdzx-fy-syy:hover,.wt-hdzx-fy-xyy:hover{
    background-color: var(--font-liang);
}
.wt-hdzx-fy-syy:hover a,.wt-hdzx-fy-xyy:hover a{
    color: #fff;
}
.wt-hdzx-fy-num{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.wt-hdzx-fy-num-one{
    width: 30px;
    height: 30px;
    border: 1px solid #DDDDDD;
    flex: 0 0 30px;
    background-color: #fff;
    cursor: pointer;
}
.wt-hdzx-fy-num-one:hover{ 
    background-color: var(--font-liang);
    color: #fff;
}
.wt-hdzx-fy-num-doc{
    width: 56px;
    height: 30px;
    border: 1px solid #DDDDDD;
    flex: 0 0 56px;
    background-color: #fff;
    cursor: pointer;
}
.wt-hdzx-fy-num-doc:hover{ 
    background-color: var(--font-liang);
    color: #fff;
}
.wt-hdzx-fy-num-go{
    width: 108px;
    height: 30px;
    border: 1px solid #DDDDDD;
    flex: 0 0 56px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.wt-hdzx-fy-num-go input{
    width:56px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: none;
    flex: 0 0 56px;
}
.wt-hdzx-fy-num-go > div{
    flex: 0 0 auto;
    padding-right: 6px;
    cursor: pointer;
    padding-left: 6px;
}
.wt-hdzx-fy-num-go > div:hover{ 
    background-color: var(--font-liang);
    color: #fff;
}
.wt-hdzx-fy-num-max{
    width: 30px;
    height: 30px;
    border: 1px solid #DDDDDD;
    flex: 0 0 30px;
    background-color: #fff;
    cursor: pointer;
}
.wt-hdzx-fy-num-max:hover{ 
    background-color: var(--font-liang);
    color: #fff;
}
.wt-hdzx-fy-num-5{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.wt-hdzx-fy-num-5 > div{ 
    width: 30px;
    height: 30px;
    border: 1px solid #DDDDDD;
    flex: 0 0 30px;
    background-color: #fff;
    cursor: pointer;
}
.wt-hdzx-fy-num-5 > div:hover{ 
    background-color: var(--font-liang);
    color: #fff;
}
.wt-hdzx-fy-num-5 > .wt-this{
    background-color: var(--font-liang);
    color: #fff;
}
.wt-hdzx-fy-yin{
    display: none;
}
.wt-hdzx-fy-hui{
    opacity: 0.5;
    filter: grayscale(1);
    pointer-events: none;
}
#wtFenyeGo{
    display: none;
}

/* 详情 */
.wt-huodongzixun-xx{
    background-color: #F5F7FA;
    padding-left: 56px !important;
    padding-right: 56px !important;
}
.wt-huodongzixun-xx .wt-main-box{
    /* min-width: 1000px;
    width: 50vw; */
}
.wt-news-xx-top{
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding-bottom: 32px;
}
.wt-news-xx-tit{
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #121212;
}
.wt-news-xx-date{
    font-size: 12px;
    line-height: 16px;
    color: #999;
    margin-top: 24px;
}
.wt-news-xx-body{
    font-size: 14px;
    padding-top: 36px;
    line-height: 24px;
    font-weight: 300;
}
.wt-news-xx-body img{
    width: 100%;
    height: auto;
}

/* 关于我们 */
.wt-gywm-top.wt-main-section {
    background-image: url(/static/css/../img/gywm/banner.png);
    width: 100%;
    aspect-ratio: 768 / 580;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center right 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wt-gywm-top-tit{
    font-size: 40px;
    color: #fff;
    text-align: center;
    line-height: 56px;
}
.wt-gywm-top-tab-ico{
    height: 24px;
    display: flex;
    align-items: center;
}
.wt-gywm-top-tab{
    display: flex;
    justify-content: space-between;
    margin-top: 36px;
    background-color: #fff;
    border-radius: 16px;
    padding: 24px 40px;
    width: 536px;
}
.wt-gywm-top-tab-tit{
    font-size: 18px;
    color: var(--font-liang);
    line-height: 24px;
    margin-top: 8px;
}
.wt-gywm-top-tab-ttt{
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
}

/* 资质 */
.wt-guanyuwomen-zizhi{
    background: #F5F7FA;
    text-align: center;
}
.wt-guanyuwomen-zizhi .wt-main-box{
    /* width: 1150px; */
}
.wt-guanyuwomen-zizhi section+section{ 
    margin-top: 68px;
}
.wt-zzzs-tit{
    font-size: 24px;
    line-height: 32px;
    color: #121212;
    font-weight: 600;
}
.wt-zzzs-ul{
    margin-top: 24px;
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
}
.wt-zzzs-ul-w{}
.wt-zzzs-ul-w .wt-zzzs-li{
    width: 33.33%;
    margin-bottom: 24px;
}
.wt-zzzs-ul-w .wt-zzzs-li .wt-zzzs-li-pic{
    height: 196px;
    background-image: url(/static/css/../img/gywm/zz-bg2.png);
}
.wt-zzzs-li{
    width: 20%;
    margin-bottom: 24px;
}
.wt-zzzs-ul[data-count5="2"] .wt-zzzs-li:nth-last-child(2) {
    flex: 0 0 40%;
}
.wt-zzzs-ul[data-count5="2"] .wt-zzzs-li:nth-last-child(1) {
    flex: 0 0 40%;
}
.wt-zzzs-ul[data-count5="2"] .wt-zzzs-li:nth-last-child(2) .wt-zzzs-li-pic {
    background-image: none;
}
.wt-zzzs-ul[data-count5="2"] .wt-zzzs-li:nth-last-child(1) .wt-zzzs-li-pic {
    background-image: none;
}
.wt-zzzs-li-name{
    font-size: 14px;
    line-height: 20px;
    color: #727272;
    margin-top: 8px;
}
.wt-zzzs-li-pic{
    width: 100%;
    padding: 8px;
    height: 25vw;
    background-image: url(/static/css/../img/gywm/zz-bg.png);
    background-size: calc(100% - 16px) calc(100% - 16px);
    background-position: center center;
    background-repeat: no-repeat;
}
.wt-zzzs-li-pic img{ 
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    /* box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3); */
}

/* 招贤纳士 */
.wt-main-section.wt-guanyuwomen-zhaoxian{
    background-color: #F5F7FA;
}
.wt-zxns-txt{
    /* width: 1000px;
    margin: 0 auto; */
}
.wt-zxns-txt+.wt-zxns-txt{
    margin-top: 48px;
}
.wt-zxns-tit{
    font-size: 24px;
    line-height: 32px;
    color: #121212;
    font-weight: 600;
}
.wt-zxns-an{
    display: flex;
    gap: 24px;
    margin-top: 24px;
}
.wt-zxns-an > div{
    flex: 0 0 calc(50% - 12px);
    /* width: 50%; */
    aspect-ratio: 316 / 84;
    /* height: 110px; */
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wt-zxns-an-lp{
    background-color: #FF5701;
}
.wt-zxns-an-boss{
    background-color: #53CCC5;
}
.wt-zxns-txt-tit{
    font-size: 18px;
    line-height: 24px;
    color: #121212;
    font-weight: 600;
}
.wt-zxns-txt-ttt{
    margin-top: 16px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 16px 0;
}
.wt-zxns-txt-ttt > div{ 
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 16px;
}
.wt-zxns-txt-ttt > div > div{ 
    font-size: 12px;
    line-height: 16px;
    color: #727272;
}
.wt-zxns-txt-ttt > div > div+div{ 
    font-size: 14px;
    line-height: 24px;
    color: #333;
}
.wt-zxns-map{
    background-color: #727272;
    width: 100%;
    aspect-ratio: 6 / 4;
    margin-top: 36px;
}

/* 发展历程 */
.wt-main-section.wt-guanyuwomen-fazhan{
    background-color: #F5F7FA;
}
.wt-fzlc-tit{
    font-size: 24px;
    line-height: 32px;
    color: #121212;
    font-weight: 600;
    text-align: center;
}
.wt-fzlc-list{
    background-image: url(/static/css/../img/gywm/bg-p.png);
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: top 5px center;
    position: relative;
    height: 1300px;
}
.wt-fzlc-item-year{
    font-size: 28px;
    line-height: 36px;
}
.wt-fzlc-item-year span{ 
    font-size: 14px;
    margin-left: 4px;
}
.wt-fzlc-item-text{
    font-size: 14px;
    line-height: 24px;
    color: #727272;
    /* font-weight: 300; */
}
.wt-fzlc-item-h{
    color: var(--font-liang);
}
.wt-fzlc-item{
    position: absolute;
}
.wt-fzlc-item:nth-child(odd) {
  text-align: right;
  right: calc(50% + 108px);
}
.wt-fzlc-item:nth-child(even) {
  text-align: left;
  left: calc(50% + 108px);
}
.wt-fzlc-item2008{
    top: 60px;
}
.wt-fzlc-item2012{
    top: 196px;
}
.wt-fzlc-item2016{
    top: 356px;
}
.wt-fzlc-item2018{
    top: 516px;
}
.wt-fzlc-item2019{
    top: 700px;
}
.wt-fzlc-item2021{
    top: 884px;
}
.wt-fzlc-item2023{
    top: 1020px;
}
.wt-fzlc-item2025{
    top: 1157px;
}
/* 公司简介 */
.wt-main-section.wt-guanyuwomen-jianjie{
    background-color: #F5F7FA;
    padding-top: 56px;
    padding-bottom: 64px;
}
.wt-gsjj-body{
    position: relative;
}
.wt-gsjj-txt{
    width: calc(100% - 24px - 220px - 24px);
}
.wt-gsjj-pic{
    width: calc(220px + 24px);
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
.wt-gsjj-pic > div{
    position: relative;
    width: 100%;
    height: 100%;
    /* min-height: 278px; */
}
.wt-gsjj-tit{
    font-size: 24px;
    line-height: 32px;
    color: var(--font-liang);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: left;
    position: relative;
}
.wt-gsjj-tit > div+div{ 
    margin-left: 26px;
}
.wt-gsjj-tit::after{ 
    content: '';
    width: 2px;
    height: 22px;
    background: var(--font-liang);
    position: absolute;
    left: 130px;
}
.wt-gsjj-ttt{
    font-size: 12px;
    line-height: 20px;
    color: #727272;
    margin-top: 24px;
    font-weight: 300;
}
.wt-gsjj-ttt p+p{ 
    margin-top: 12px;
}
.wt-gsjj-ttt span{ 
    color: var(--font-liang);
}
.wt-gsjj-pic-img{
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}
.wt-gsjj-pic-img img{ 
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.wt-gsjj-pic-bg{
    z-index: 1;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient( 333deg, rgba(240,125,134,0) 0%, #EA3240 100%);
}
.wt-gsjj-table{
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.wt-gsjj-table > div{
    background: #FFFFFF;
    box-shadow: inset -3px 0px 4px 0px #FFE6E8;
    border: 1px solid #F5F7FA;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 24px 50px;
    text-align: center;
}
.wt-gsjj-table-ico{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: linear-gradient(to top, #F07D86 0%, #E60012 100%), #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wt-gsjj-table-tit{
    font-size: 20px;
    line-height: 28px;
    margin-top: 16px;
}
.wt-gsjj-table-txt{
    font-size: 12px;
    line-height: 20px;
    color: #727272;
    margin-top: 8px;
    width: 160px;
}