* {
    padding: 0;
    border: none;
    margin: 0;
    outline: none;
    font-family: PingFangSC-Regular, "helvetica neue", "hiragino sans gb", arial, "microsoft yahei ui", "microsoft yahei", simsun, sans-serif;
    color: var(--m);
    text-decoration: none;
    box-sizing: border-box;
}

:root {
    --c: #DB261F;
    --cr: 219, 38, 31;
    --m: #1A1A1A;
    --mm: #767676;
    --g: #eee;
    --r1: 1rem;
    --r2: 2rem;
    --r3: 3rem;
    --r4: 4rem;
    --r5: 5rem;
    --r6: 6rem;
    --r7: 7rem;
    --swiper-navigation-size: 2rem;
    --swiper-navigation-color: #fff;
    font-size: 16px;
}

.t1 {
    font-size: 1.5rem;
}

.t2 {
    font-size: 1.4rem;
}

.t3 {
    font-size: 1.3rem;
}

.t4 {
    font-size: 1.2rem;
}

.t5 {
    font-size: 1.1rem;
}

.t6 {
    font-size: 12px;
}

.pt-pb-1 {
    padding-top: var(--r1);
    padding-bottom: var(--r1);
}

.pt-pb-2 {
    padding-top: var(--r2);
    padding-bottom: var(--r2);
}

.pt-pb-3 {
    padding-top: var(--r3);
    padding-bottom: var(--r3);
}

.pt-pb-4 {
    padding-top: var(--r4);
    padding-bottom: var(--r4);
}

.pt-pb-5 {
    padding-top: var(--r5);
    padding-bottom: var(--r5);
}

.pt-1 {
    padding-top: var(--r1) !important;
}

.pb-1 {
    padding-bottom: var(--r1) !important;
}

.pt-2 {
    padding-top: var(--r2) !important;
}

.pb-2 {
    padding-bottom: var(--r2) !important;
}

.mt-1 {
    margin-top: var(--r1) !important;
}

.mt-2 {
    margin-top: var(--r2) !important;
}

.mt-3 {
    margin-top: var(--r3) !important;
}

.mt-4 {
    margin-top: var(--r4) !important;
}

.mt-5 {
    margin-top: var(--r5) !important;
}

.mb-1 {
    margin-bottom: var(--r1) !important;
}

.mb-2 {
    margin-bottom: var(--r2) !important;
}

.mb-3 {
    margin-bottom: var(--r3) !important;
}

.mb-4 {
    margin-bottom: var(--r4) !important;
}

.mb-5 {
    margin-bottom: var(--r5) !important;
}

.pt-3 {
    padding-top: var(--r3) !important;
}

.pb-3 {
    padding-bottom: var(--r3) !important;
}

.pt-4 {
    padding-top: var(--r4) !important;
}

.pb-4 {
    padding-bottom: var(--r4) !important;
}

.pt-5 {
    padding-top: var(--r5) !important;
}

.pb-5 {
    padding-bottom: var(--r5) !important;
}

.pt-6 {
    padding-top: var(--r6) !important;
}

.pb-6 {
    padding-bottom: var(--r6) !important;
}

.pt-7 {
    padding-top: var(--r7) !important;
}

.pb-7 {
    padding-bottom: var(--r7) !important;
}

.wc {
    width: 90%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.df {
    display: flex;
}

.jc-sb {
    justify-content: space-between;
}

.jc-sa {
    justify-content: space-around;
}

.jc-ct {
    justify-content: center;
}

.jc-fe {
    justify-content: flex-end;
}

.ai-ct {
    align-items: center;
}

.ai-fs {
    align-items: flex-start;
}

.ai-fe {
    align-items: flex-end;
}

.wd-head .top {
    border-bottom: 1px solid var(--g);
}

.wd-head .logos .left a p {
    font-size: 33px;
    font-weight: bold;
    padding-left: 10px;
    width: max-content;
    white-space: nowrap;
}

.wd-head nav {
    border-top: 5px solid #d8d8d8;
    padding: 20px 0;
    box-shadow: 0 10px 10px #f9f9f9;
}

.wd-head nav .item>a {
    font-size: 16px;
    color: var(--m);
}

.wd-head nav .item>a:hover {
    color: var(--c);
}

.wd-head .logos .left .slogan {
    border-left: 1px solid #ddd;
    margin-left: var(--r1);
    padding-left: var(--r1);
}

.wd-head .logos .left .slogan h2 {
    font-size: 19px;
    color: #3B3B3B;
}

.wd-head .logos .left .slogan p {
    font-size: 18px;
    color: #9E9E9E;
    margin-top: 5px;
}

.wd-head .logos .right .item {
    position: relative;
    padding-left: 60px;
    margin-left: 2rem;
}

.wd-head .logos .right svg {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: auto;
    height: 46px;
}

.wd-head .logos .right span {
    display: block;
    font-size: 16px;
    color: var(--mm);
    margin-bottom: 5px;
}

.wd-head .logos .right a {
    font-size: 1.5rem;
    color: var(--c);
    font-weight: bold;
    font-family: Impact;
}

.hot-key {
    background-color: #f1f1f1;
}

.hot-key .right button {
    width: 33px;
    height: 33px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: calc(-33px / 2);
    background-color: transparent;
}

.hot-key .right input {
    height: 33px;
    line-height: 33px;
    width: 400px;
    background-color: transparent;
    border: 1px solid #DBDBDB;
    padding: 0 10px;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.list-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.list-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.list-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.list-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
}

.list-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
}

.list-7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 20px;
}

.list-8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 20px;
}

.tc {
    text-align: center;
}

.ttitle p {
    font-size: 10rem;
    color: #eee;
    text-transform: uppercase;
    line-height: 1;
}

.ttitle h2 {
    font-size: 2.5rem;
    background-image: linear-gradient( 45deg, rgba(var(--cr), 1), #EB7120);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    margin-top: -8rem;
    position: relative;
}

.ttitle span {
    display: block;
    font-size: 16px;
    color: var(--mm);
    margin-top: 0.5rem;
}

.t-title-1 {
    font-size: 1.2rem;
    color: var(--m);
    line-height: 1.7;
}

.t-title-2 {
    font-size: 12px;
    color: var(--mm);
    line-height: 1.5;
}

.hide {
    display: none;
}

.index-section-2 {
    background: url(../img/20221110023455.jpg) top left no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.index-section-2 .ttitle h2 {
    max-width: 15em;
    margin-left: auto;
    margin-right: auto;
}

.mc {
    margin-left: auto;
    margin-right: auto;
}

.tr {
    text-align: right;
}

.tl {
    text-align: left;
}

.col-1 {
    flex: 0 0 calc(100% / 12);
    overflow: hidden;
}

.col-3 {
    flex: 0 0 calc(100% / 12 * 3);
    overflow: hidden;
}

.col-4 {
    flex: 0 0 calc(100% / 12 * 4);
    overflow: hidden;
}

.col-5 {
    flex: 0 0 calc(100% / 12 * 5);
    overflow: hidden;
}

.col-6 {
    flex: 0 0 calc(100% / 12 * 6);
    overflow: hidden;
}

.col-7 {
    flex: 0 0 calc(100% / 12 * 7);
    overflow: hidden;
}

.col-8 {
    flex: 0 0 calc(100% / 12 * 8);
    overflow: hidden;
}

.col-9 {
    flex: 0 0 calc(100% / 12 * 9);
    overflow: hidden;
}

.col-10 {
    flex: 0 0 calc(100% / 12 * 10);
    overflow: hidden;
}

.col-11 {
    flex: 0 0 calc(100% / 12 * 11);
    overflow: hidden;
}

.col-12 {
    flex: 0 0 calc(100% / 12 * 12);
    overflow: hidden;
}

.pl-1 {
    padding-left: 1rem;
}

.pl-2 {
    padding-left: 2rem;
}

.pl-3 {
    padding-left: 3rem;
}

.pl-4 {
    padding-left: 4rem;
}

.pl-5 {
    padding-left: 5rem;
}

.pl-6 {
    padding-left: 6rem;
}

.pl-7 {
    padding-left: 7rem;
}

.pl-8 {
    padding-left: 8rem;
}

.pl-9 {
    padding-left: 9rem;
}

.pl-10 {
    padding-left: 10rem;
}

.pl-11 {
    padding-left: 11rem;
}

.pl-12 {
    padding-left: 12rem;
}

.pr-1 {
    padding-right: 1rem;
}

.pr-2 {
    padding-right: 2rem;
}

.pr-3 {
    padding-right: 3rem;
}

.pr-4 {
    padding-right: 4rem;
}

.pr-5 {
    padding-right: 5rem;
}

.pr-6 {
    padding-right: 6rem;
}

.pr-7 {
    padding-right: 7rem;
}

.pr-8 {
    padding-right: 8rem;
}

.pr-9 {
    padding-right: 9rem;
}

.pr-10 {
    padding-right: 10rem;
}

.pr-11 {
    padding-right: 11rem;
}

.pr-12 {
    padding-right: 12rem;
}

.index-section-2 .list .left p {
    position: relative;
    padding: 10px;
    padding-top: 40px;
    margin-bottom: 10px;
    background: var(--c);
    background-color: var(--mm);
    font-size: 16px;
    color: #fff;
    width: 110%;
    border-top-right-radius: 1.5rem;
    transition: .5s;
}

.index-section-2 .list .left p.current {
    background-color: var(--c);
}

.index-section-2 .list .left p span {
    position: absolute;
    top: 5%;
    font-size: 74px;
    font-family: Impact;
    right: 5%;
    opacity: 0.1;
    color: #fff;
}

.clamp-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.clamp-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.clamp-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.clamp-4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.clamp-5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.clamp-6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.clamp-7 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}

.clamp-8 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
}

.clamp-9 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    overflow: hidden;
}

.clamp-10 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
}

.index-section-3 {
    background: url(../img/20221110084824.jpg) top center no-repeat;
    background-size: cover;
}

.index-section-3 .list .left {
    background-color: #dfdfdf;
    padding: 40px 15px;
    padding-right: 0;
    flex: 0 0 210px;
}

.index-section-3 .list .left p {
    line-height: 3;
    display: flex;
    align-items: center;
    border-bottom-left-radius: 1rem;
    padding-left: 20px;
    position: relative;
    transition: .3s;
}

.index-section-3 .list .left p.current {
    background-color: var(--c);
    color: #fff;
    padding-left: 30px;
}

.index-section-3 .list .left p.current svg {
    left: 10px;
}

.index-section-3 .list .left p svg {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    font-size: 1.2rem;
    color: #333;
    position: absolute;
    top: 16px;
    left: 0;
    transition: .4s;
}

.index-section-3 .list .left p svg path {
    fill: #555;
}

.index-section-3 .list .left p.current svg path {
    fill: #fff;
}

.index-section-3 .list .right {
    padding: 50px;
    background-color: #fff;
    flex: 0 1 auto;
}

.index-section-3 .list .right .item {
    display: none;
}

.index-section-3 .list .right .item.current {
    display: block;
}

.index-section-3 .list .right .title {
    font-size: 1.5rem;
    color: var(--c);
    margin-bottom: 1rem;
}

.index-section-3 .list .right .contact>a {
    padding: 10px 40px;
    background-color: var(--c);
    color: #fff;
    border-radius: 50vw;
    display: block;
    width: max-content;
    margin-bottom: 20px;
}

.index-section-4 .ttitle span {
    max-width: 78em;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.index-section-4 .list .top {
    border: 1px solid #ddd;
}

.index-section-4 .list .top a {
    display: block;
    line-height: 4;
    font-size: 18px;
    background-color: #ededed;
    color: #333;
}

.index-section-4 .list .top a.current {
    background-color: var(--c);
    color: #fff;
}

.index-section-4 .list .bottom {
    padding: 3rem;
}

.index-section-4 .list .bottom .item {
    display: none;
}

.index-section-4 .list .bottom .item.current {
    display: flex;
}

.index-section-4 .list .bottom .item .right {
    padding-top: 30px;
    padding-bottom: 30px;
}

.index-section-4 .list .bottom .item .param p {
    line-height: 2;
}

.index-section-5 {
    background: url(../img/20221110102031.jpg) top center no-repeat;
    background-size: cover;
}

.index-section-5 .left {
    padding-right: 3rem;
}

.index-section-5 .left .list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}

.index-section-5 .left .list .item {
    flex: 0 0 50%;
    background-color: #fff;
}

.index-section-5 .left .list .item:nth-child(10) ~ div {
    display: none;
    display: block;
}

.index-section-5 .left .list .item img {
    width: 100% !important;
    height: 50px !important;
    object-fit: scale-down;
}

.index-banner .swiper-slide img {
    width: 100%;
}

.index-section-5 .right {
    border-left: 1px solid #ddd;
    padding-left: 3rem;
}

.index-section-5 .right .top .cate a {
    padding: 5px 3px;
    width: max-content;
    margin-left: 2px;
    background: var(--mm);
    color: #fff;
    border-radius: 10vw;
    flex: 1 0 auto;
    text-align: center;
}

.index-section-5 .right .top .cate a.current {
    background-color: var(--c);
    color: #fff;
}

.index-section-5 .right .bottom .title a {
    font-size: 16px;
    color: #333;
    text-align: center;
    display: block;
    padding-top: 10px;
}

.index-section-5 .right .bottom .item {
    display: none;
}

.index-section-5 .right .bottom .item .li .img {
    display: flex;
    border: 1px solid #eee;
    padding: 10px 0;
    background: #fff;
}

.index-section-5 .right .bottom .item .img a {
    display: flex;
    justify-content: center;
    width: 100%;
}

.index-section-5 .right .bottom .item.current {
    display: block;
}

.index-section-5 .right .bottom .item .img img {
    width: 100%;
    height: 110px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    object-fit: scale-down;
}

.index-section-6 .right {
    padding: 3rem;
    padding-left: 1%;
}

.index-section-6 .right>p {
    line-height: 2;
    font-size: 14px;
}

.index-section-6 .tel .contact {
    padding-top: 18%;
}

.index-section-6 .tel .contact .item {
    margin-top: 1rem;
}

.index-section-6 .tel .contact .item p {
    font-size: 14px;
    color: #9e9e9e;
}

.index-section-6 .tel .contact .item a {
    font-size: 2rem;
    font-family: Impact;
    font-weight: bold;
    color: var(--c);
}

.index-section-7 {
    background-color: #eee;
    ; }

.index-section-7 .list .title-1 {
    font-size: 16px;
    color: #333;
    margin-top: 1rem;
}

.index-section-7 .list .title-1:after {
    content: "";
    display: block;
    width: 3em;
    height: 2px;
    background-color: #ddd;
    margin-top: 15px;
    margin-bottom: 15px;
}

.index-section-7 .list .title-2 {
    font-size: 14px;
    color: var(--m);
}

.index-section-7 .list .summary {
    margin-top: 1rem;
}

.index-section-7 .list .summary p {
    line-height: 1.7;
    color: var(--mm);
}

.index-section-8 .list .right .summary {
    padding: 1rem 0;
}

.index-section-8 .list .right .summary p {
    line-height: 2;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    color: var(--mm);
    padding-left: 20px;
    position: relative;
}

.index-section-8 .list .right h3 {
    font-size: 1rem;
    line-height: 1.7;
}

.index-section-8 .list .right h2 {
    font-size: 1.7rem;
}

.index-section-8 .list .right .summary p:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--mm);
    border-radius: 50vw;
    position: absolute;
    top: 11px;
    left: 3px;
}

.index-section-8 .list .right .summary p:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid var(--mm);
    border-radius: 50vw;
    position: absolute;
    top: 8px;
    left: 0;
}

.index-section-8 .bottom .item {
    border-right: 1px solid #eee;
    text-align: center;
}

.index-section-8 .bottom .item:last-child {
    border: none;
}

.index-section-9 {
    background: url(../img/20221110151504.jpg) top center no-repeat;
    background-size: cover;
}

.index-section-9 h3 {
    font-size: 2.5rem;
}

.index-section-9 .list {
    padding: 1rem 0 2rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 2rem;
}

.index-section-9 .list .item .title {
    font-size: 1.2rem;
    color: var(--c);
    font-weight: bold;
    padding: 1rem 0;
}

.index-section-9 .list .item p {
    font-size: 12px;
    color: var(--mm);
}

.index-section-9 .list .item .icon svg {
    width: 4vw;
    height: 4vw;
}

.index-section-9 .contact .left>p {
    max-width: 46em;
    line-height: 1.7;
    color: var(--m);
    margin-bottom: 1.5rem;
}

.index-section-9 .contact .left .form {
    padding-right: 2rem;
}

.index-section-9 .contact .left .form input {
    flex: 1;
    line-height: 44px;
    background-color: #d8d8d8;
    font-size: 12px;
    color: var(--m);
    padding: 0 10px;
}

.index-section-9 .contact .left .form button {
    width: 44px;
    line-height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--c);
    font-size: 12px;
    color: #fff;
}

.index-section-9 .contact .right a {
    font-size: 3rem;
    font-weight: bold;
    color: var(--c);
}

.index-section-10 .left {
    padding-right: 2rem;
}

.index-section-10 .left h3 {
    font-size: 2rem;
    margin-bottom: 3rem;
}

.index-section-10 .left .list p {
    line-height: 2;
    font-size: 1.2rem;
    color: var(--mm);
    position: relative;
    padding-left: 25px;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px dashed #ddd;
}

.index-section-10 .left .list p svg {
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
}

.index-section-10 .center {
    background: url(../img/20221110154343.png) top center no-repeat;
    text-align: center;
    padding-top: 3%;
    position: relative;
    background-size: contain;
    max-width: 250px;
    padding-left: 3%;
    padding-right: 3%;
}

.index-section-10 .center .title p {
    font-size: 1.1rem;
    font-weight: bold;
}

.index-section-10 .center strong {
    font-size: 0.8rem;
    display: block;
    padding: 0.7rem 0;
}

.index-section-10 .center a {
    font-size: 1.6rem;
    font-family: Impact;
    color: var(--c);
    display: block;
    margin-top: 0;
}

.index-section-10 .center button {
    padding: 10px 30px;
    background: var(--c);
    border-radius: 20vw;
    color: #fff;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.index-section-10 .right {
    padding-left: 1rem;
    text-align: center;
    margin-left: auto;
}

.index-section-10 .right img {
    width: 100%;
}

.index-section-10 .right .title a {
    display: block;
    padding-bottom: 0;
    font-size: 1.2rem;
    color: var(--m);
}

.index-section-10 .center img:nth-child(6) {
    position: absolute;
    bottom: 0rem;
    right: -12.6vw;
    max-width: 230px;
}

.index-section-11 {
    background: #f9f9f9;
}

.footer {
    background: var(--m);
    color: #fff;
}

.footer .top {
    padding: 3rem 0;
}

.footer .top .left {
    display: flex;
}

.footer .top a {
    font-size: 16px;
    color: #fff;
    display: block;
    margin-right: 10px;
}

.footer .top a:hover {
    color: var(--c);
}

.footer .top .right a {
    font-size: 3rem;
    color: var(--c);
}

.footer .top .right svg {
    width: 3rem;
    height: 3rem;
    margin-right: 10px;
}

.footer .top .right svg path {
    fill: var(--c);
}

.footer .middle {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 3rem;
}

.footer .middle .left h3 {
    font-size: 1.4rem;
    color: #fff;
    margin-top: 1rem;
    letter-spacing: 0.3rem;
}

.footer .middle .center p {
    font-size: 1.1rem;
    color: #fff;
    line-height: 2;
}

.footer .middle .center p a:hover {
    color: var(--c);
}

.footer .middle .center p a {
    color: #fff;
}

.footer .middle .right p {
    padding-left: 15px;
}

.footer .middle .right p span {
    font-size: 12px;
    color: #9E9E9E;
    display: block;
    line-height: 2;
    width: max-content;
}

.footer .bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.footer .bottom .left {
    font-size: 12px;
    color: #9E9E9E;
}

.footer .bottom .left span {
    color: #9e9e9e;
    margin-right: 5px;
}

.footer .bottom .left a {
    color: #9e9e9e;
    display: block;
    margin-right: 5px;
}

.footer .bottom .left a:hover {
    color: var(--c);
}

.footer .bottom .right p {
    color: #9e9e9e;
    text-align: right;
    font-size: 12px;
}

.footer .bottom .right p a {
    color: #9e9e9e;
}

.footer .bottom .right p a:hover {
    color: var(--c);
}

::-webkit-scrollbar {
    width: 6px;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: #dddddd;
}

.index-section-11 .top h3 {
    font-size: 24px;
}

.index-section-11 .top {
    padding-bottom: 2rem;
}

.index-section-11 .list .left .title a {
    font-size: 1.2rem;
    color: var(--m);
    padding-top: 0.5rem;
}

.index-section-11 .list .left .title a:hover {
    color: var(--c);
}

.index-section-11 .list .left .summary {
    font-size: 12px;
    line-height: 1.5;
    color: var(--mm);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 1rem;
    margin-bottom: 5px;
}

.index-section-11 .list .left .time {
    font-size: 12px;
    color: #9e9e9e;
    padding-top: 0.5rem;
}

.index-section-11 .list .right .item {
    padding: 1rem 2rem;
    border: 1px solid #d6d6d6;
    margin-bottom: 1rem;
}

.index-section-11 .list .right .title a {
    font-size: 1.4rem;
    color: var(--m);
}

.index-section-11 .list .right .title a:hover {
    color: var(--c);
}

.index-section-11 .list .right .time {
    font-size: 12px;
    color: #9e9e9e;
    padding: 1rem 0;
}

.index-section-11 .list .right .summary {
    font-size: 12px;
    color: #9e9e9e;
}

.quick-nav {
    margin-top: 3rem;
}

.quick-nav h3 {
    font-size: 2rem;
    font-weight: bold;
}

.quick-nav .list {
    padding: 2rem;
    border: 1px solid #d6d6d6;
    margin-top: 2rem;
}

.quick-nav .item {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ddd;
    padding-left: 100px;
    position: relative;
}

.quick-nav .item strong {
    position: absolute;
    top: 0;
    left: 0;
}

.quick-nav .item p {
    display: flex;
    flex-wrap: wrap;
}

.quick-nav .item p a {
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.quick-nav .item p a:hover {
    color: var(--c);
}

.wd-head .top .right {
    display: flex;
}

.wd-head .top .right a {
    margin-left: 10px;
}

.wd-head .top .right a:hover {
    color: var(--c);
}

.hot-key .left a:hover {
    color: var(--c);
}

.hot-key button:hover svg path {
    fill: var(--c);
}

.index-section-1 .list .title a {
    font-size: 1.3rem;
    color: var(--m);
    padding-bottom: 0.5rem;
    display: block;
}

.index-section-1 .list .title a:hover {
    color: var(--c);
}

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

.bg-eee {
    background-color: #eee;
}

.summaryy-1 {
    line-height: 1.7;
    color: var(--mm);
}

.contact-info .item {
    margin-right: 10px;
}

.contact-info .item a {
    background-color: var(--c);
    display: flex;
    align-items: center;
    padding: 1rem 3rem;
    border-radius: 5px;
    color: #fff;
    font-size: 1.2rem;
}

.contact-info .item a span {
    color: #fff;
}

.contact-info .item:nth-child(2) a {
    border: 1px solid var(--c);
    background-color: transparent;
}

.contact-info .item:nth-child(2) a.fff {
    border: 1px solid #fff;
    background-color: #fff;
}

.contact-info .item svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 10px;
}

.contact-info .item svg path {
    fill: #fff;
}

.contact-info .item:nth-child(2) a svg path {
    fill: var(--c);
}

.contact-info .item:nth-child(2) a span {
    color: var(--c);
}

.hot-keys a {
    display: block;
    padding: 10px 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    background: #f6f6f6;
}

.hot-keys a:hover {
    background-color: var(--c);
    color: #fff;
}

.hot-keys a b {
    color: var(--c);
    display: inline-block;
    margin-right: 5px;
}

.hot-keys a:hover b {
    color: #fff;
}

.fw {
    flex-wrap: wrap;
}

.img img {
    width: 100%;
}

.fs-2 {
    font-size: 2rem;
}

.solutions .list .item {
    padding: 2rem;
    border: 1px solid #ddd;
    margin-bottom: 1rem;
}

.solutions .title a:nth-child(1) {
    font-size: 1.3rem;
    color: var(--m);
}

.solutions .title a:nth-child(2) {
    text-align: right;
}

.solutions .title a:nth-child(2) svg {
    width: 1rem;
    height: 1rem;
}

.solutions .title a:nth-child(2) svg path {
    fill: var(--mm);
}

.solutions .img img {
    height: 100px;
    object-fit: cover;
}

.cm {
    color: var(--m);
}

.cmm {
    color: var(--mm);
}

.color-1 {
    color: var(--c);
}

.hm:hover {
    color: var(--c) !important;
}

.hm:hover svg path {
    fill: var(--c) !important;
}

.wd-20221113014953 {
    padding-left: 1rem;
    border-left: 0.5rem solid var(--c);
}

.df-sb-ct {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.t-title-more svg {
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
}

.t-title-more svg path {
    fill: var(--mm);
}

.shadow {
    box-shadow: 0 0 10px #eee;
    margin: 10px;
    width: auto;
}

.related-products .list .item .img img {
    height: 200px;
    object-fit: scale-down;
}

.related-products .list .item .summary p {
    margin-bottom: 0.3rem;
    font-size: 1rem;
}

.related-products .list .item .links a {
    display: block;
    text-align: center;
    padding: 1rem;
    background: var(--c);
    color: #fff;
    border-radius: 5px;
    width: 95%;
}

.related-products .list .item .links a:nth-child(2) {
    border: 1px solid var(--c);
    color: var(--c);
    background: transparent;
}

.sub-form-contact .left h3 {
    color: var(--m);
}

.sub-form-contact .left strong {
    font-size: 3rem;
    color: var(--c);
    padding: 1rem 0;
    display: block;
    letter-spacing: 1rem;
}

.sub-form-contact .left .summary {
    background-color: var(--mm);
    color: #fff;
    padding: 1rem;
    font-size: 2rem;
}

.sub-form-contact .left .contact-info {
    margin-top: 2rem;
}

.sub-form-contact .left .contact-info span {
    font-size: 2rem;
    color: var(--c);
    font-weight: bolder;
}

.sub-form-contact .left .contact-info span svg {
    width: 2rem;
    height: 2rem;
}

.sub-form-contact .left .contact-info span svg path {
    fill: var(--c);
}

.sub-form-contact .left .contact-info a {
    font-size: 2rem;
    color: var(--c);
    font-weight: bolder;
}

.sub-form-contact .right .item {
    width: 100%;
    margin-bottom: 1rem;
}

.sub-form-contact .right .item:nth-child(1) {
    flex: 0 0 45%;
    margin-right: 5%;
}

.sub-form-contact .right input {
    border: 1px solid #ddd;
    line-height: 2;
    width: 100%;
    padding: 10px;
}

.sub-form-contact .right button {
    width: 100%;
    padding: 1rem;
    background-color: var(--m);
    font-size: 1rem;
    color: #fff;
}

::placeholder {
    font-size: 14px;
    color: var(--mm);
}

.products-cate-bg {
    position: relative;
    padding: 5rem 0;
}

.products-cate-bg img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.products-cate-bg .title {
    position: relative;
    padding: 0 3rem;
}

.products-cate-bg .title h3 {
    font-size: 2rem;
    color: #fff;
}

.products-cate-bg .title h3 a {
    color: #fff;
}

.products-cate-bg .title h3:after {
    content: "";
    display: block;
    width: 1.5em;
    height: 5px;
    background-color: #fff;
    margin: 1rem 0;
}

.products-cate-bg .title p {
    font-size: 14px;
    color: #eee;
    line-height: 1.6;
}

.img {
    display: flex;
}

.img a {
    display: flex;
}

.ta-ct {
    text-align: center;
}

.products-list-style-1 .item {
    position: relative;
    padding: 1rem;
    background-color: #fff;
}

.products-list-style-1 .item .type svg {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.products-list-style-1 .item .type svg path {
    fill: var(--mm);
}

.products-list-style-1 .item .title {
    margin-bottom: 1rem;
}

.products-list-style-1 .item .buttons {
    text-align: center;
}

.products-list-style-1 .item .buttons a {
    display: block;
    line-height: 3;
    border-radius: 3px;
    font-size: 12px;
}

.products-list-style-1 .item .buttons a:first-child {
    background: var(--c);
    color: #fff;
}

.products-list-style-1 .item .buttons a:last-child {
    border: 1px solid var(--c);
    color: var(--c);
}

.products-list-style-1 .bg-contact {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1rem;
    text-align: center;
}

.products-list-style-1 .bg-contact img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    filter: brightness(0.78);
}

.products-list-style-1 .bg-contact .buttons {
    position: relative;
}

.products-list-style-1 .bg-contact .buttons a {
    display: block;
    border-radius: 3px;
    line-height: 3;
    font-size: 12px;
}

.products-list-style-1 .bg-contact .buttons a:first-child {
    background: var(--c);
    color: #fff;
}

.products-list-style-1 .bg-contact .buttons a:last-child {
    border: 1px solid #fff;
    color: #fff;
}

.bg-f8 {
    background-color: #f8f8f8;
}

.products-list-style-1 .item {
    background-color: #f8f8f8;
    border: 3px solid transparent;
}

.products-list-style-1 .item:hover {
    border-color: var(--c);
}

.products-list-style-1 .item .img img {
    height: 200px;
    object-fit: scale-down;
}

.sub-form-2 {
    background: url(../img/20221114234415.jpg) top center no-repeat;
    background-size: cover;
    text-align: center;
}

.sub-form-2 label {
    font-size: 1rem;
    color: #888;
    margin-bottom: var(--r1);
    display: block;
    text-align: left;
}

.sub-form-2 input {
    width: 100%;
    line-height: 40px;
    padding: 10px;
    height: 40px;
}

.sub-form-2 select {
    width: 100%;
    line-height: 40px;
    height: 40px;
    padding: 10px;
    display: block;
}

.sub-form-2 .buttons a, .sub-form-2 .buttons button {
    padding: 1rem 5rem;
    border-radius: 5px;
}

.sub-form-2 .buttons button:first-child {
    background-color: var(--c);
    color: #fff;
    margin: 0.5rem;
    cursor: pointer;
}

.sub-form-2 .buttons a:last-child {
    border: 1px solid var(--c);
    color: var(--c);
    margin: 0.5rem;
}

.sub-common-solutions {
    background: url(../img/20221115000821.jpg) top left no-repeat;
    background-size: cover;
}

.sub-common-solutions {
    color: #fff;
}

.sub-common-solutions .left h3 {
    color: #fff;
    font-size: 2rem;
}

.sub-common-solutions .left p {
    font-size: 1rem;
    color: #eee;
    line-height: 1.7;
    padding: 2rem 0 4rem;
}

.sub-common-solutions .left a {
    padding: 1rem 5rem;
    color: #fff;
    background-color: var(--c);
    font-size: 1rem;
    border-radius: 4px;
    height: auto;
    display: block;
    width: max-content;
}

.sub-common-solutions .right .p_loopitem {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    flex: 0 0 calc(100% / 7);
    padding: 1rem 0;
}

.sub-common-solutions .right img {
    width: 50px;
    height: 50px;
    object-fit: scale-down;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
}

.sub-common-solutions .right p {
    text-align: center;
    font-size: 1rem;
    color: #fff;
}

.sub-service h3 {
    font-size: 2rem;
}

.sub-service .item {
    padding: 2rem;
}

.sub-service .item svg {
    width: 4rem;
    height: 4rem;
}

.sub-service .item svg path {
    fill: var(--c);
}

.sub-service .item .title {
    font-size: 1.5rem;
    color: var(--m);
    padding: 1rem 0;
}

.sub-service .item .summary {
    min-height: 5em;
}

.sub-service .item .button a {
    display: block;
    width: max-content;
    padding: 1rem 3rem;
    border: 1px solid var(--c);
    color: var(--c);
    font-size: 14px;
    margin-top: 2rem;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
}

.sub-service .item .button a:hover {
    background-color: var(--c);
    color: #fff;
}

.list-style-3 .img a {
    display: flex;
    width: 100%;
}

.list-style-3 .img img {
    height: 30vh;
    width: 100%;
    object-fit: cover;
}

.list-style-3 .content {
    padding: 1rem;
    background-color: #fff;
}

.list-style-3 .content .summary {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #ddd;
}

.list-style-3 .content .summary .item {
    display: flex;
    margin-bottom: 0.5rem;
}

.list-style-3 .content span {
    width: 80px;
    display: block;
}

.list-style-3 .content p {
    flex: 1;
}

.sub-common-cate {
    margin-bottom: 3rem;
}

.sub-common-cate a {
    padding: 1rem 3rem;
    margin: 5px;
    background: #fff;
    color: var(--m);
    flex: 1 0 auto;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #ddd;
}

.sub-common-cate a:hover {
    background-color: var(--c);
    color: #fff;
}

.sub-common-cate a.wd-current {
    background-color: var(--c);
    color: #fff;
}

.sub-common-content-style h1 {
    padding-bottom: 1rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #ddd;
}

.sub-common-content-style {
    font-size: 1.3rem;
    color: var(--m);
    line-height: 1.7;
    overflow: hidden;
}

.sub-common-content-style p {
    font-size: 1.3rem;
    color: var(--m);
    line-height: 1.7;
    margin: 0.8em ;
}

.sub-common-content-style img {
    max-width: 100% !important;
    height: auto !important;
}

.wd-20221115092403 p {
    position: relative;
    padding-left: 3rem;
    font-size: 16px;
}

.wd-20221115092403 p a:hover {
    color: var(--c);
}

.wd-20221115092403 p svg {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 0px;
    left: 0;
}

.wd-20221115092403 p svg path {
    fill: var(--c);
}

.wd-20221115092403 .p_item:nth-child(3) p {
    padding: 0;
    margin: 0;
}

#map-container {
    overflow: hidden;
    width: 100%;
    height: 500px;
}

.bg-fff {
    background: #fff;
}

.wd-bread {
    font-size: 12px;
    color: #888;
}

.online dl dd i {
    color: #fff;
}

.sub-common-cate a span {
    display: none;
}

.wd-bread a {
    display: inline-block;
    margin: 0 3px;
}

.online {
    display: none !important;
}

a {
    color: var(--mm);
}

a:hover {
    color: var(--c);
}

.wd-hide {
    display: none !important;
}

.swiper-button-next, .swiper-button-prev {
    background: none !important;
    width: 2rem !important;
    height: 2rem !important;
}

.swiper-button-prev svg, .swiper-button-next svg {
    width: 2rem;
    height: 2rem;
}

.swiper-button-next svg {
    transform: rotateY(180deg);
}

.swiper-button-prev svg path, .swiper-button-next svg path {
    fill: #fff;
}

.swiper-pagination {
    position: absolute;
    bottom: 20px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.swiper-pagination span {
    margin: 0 5px;
    display: block;
    background: rgba(255, 255, 255, 0.5);
}

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

.swiper-pagination span.swiper-pagination-bullet-active {
    background: #fff;
}

.swiper-slide {
    height: 100%;
}

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

.ac-ct {
    align-items: center;
}

.index-section-2 .list .right .wd-item {
    display: none;
}

.index-section-2 .list .right .wd-item.wd-current {
    display: block;
}

.index-section-4 .list .bottom .item .right .param {
    line-height: 1.7;
}

.index-section-4 .list .bottom .item .left img {
    height: 23vw;
    object-fit: cover;
    transition:1s;
}

.index-section-4 .list .bottom .item .left:hover img {
      transform:scale(1.05);
    
}

img {
    width: 100%;
    height: auto;
}

.index-section-1 .list .summary {
    font-size: 12px;
    color: #888;
    line-height: 1.7;
    min-height: 8em;
}

.index-section-2 .list .right .wd-item img {
    object-fit: cover;
}

.index-section-1 .list .item img {
    height: 11.09vw;
    object-fit: cover;
}

.wd-sub-cate {
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
}

.wd-sub-cate a {
    padding: 1rem 1rem;
    margin: 0 5px;
    background: #fff;
    color: #333;
    font-size: 1.1rem;
    flex: 1;
    text-align: center;
    display: block;
}

.wd-sub-cate a:hover, .wd-sub-cate a.wd-current {
    background: var(--c);
    color: #fff;
}

.wd-search {
    margin-top: 2rem;
}

.wd-search div {
    flex: 1;
}

.wd-search input {
    padding: 0 10px;
    line-height: 40px;
    width: 100%;
}

.wd-search button {
    width: 160px;
    line-height: 40px;
    background: var(--c);
    color: #fff;
    border: none;
}

.index-section-1 .list .item a {
    display: block;
    width: 100%;
}

.sub-products-detail .part-1 {
    background: url(../img/20221201205858.jpeg) top left no-repeat;
    background-size: cover;
}

.sub-products-detail .part-1 .right h1 {
    font-size: 3rem;
    color: var(--c);
    margin-top: 4rem;
}

.sub-products-detail .part-1 .right h1:after {
    content: "";
    display: block;
    width: 1em;
    height: 4px;
    background: var(--c);
    margin: var(--r2) 0;
}

.sub-products-detail .part-1 .right ul {
    padding: var(r2) 0;
    list-style: none;
}

.sub-products-detail .part-1 .right ul li {
    list-style: none;
    display: flex;
    padding: 5px 0;
}

.sub-products-detail .part-1 .right ul li span {
    display: block;
    line-height: 1.7;
    font-size: 1rem;
}

.sub-products-detail .part-1 .right ul span:nth-child(1) {
    min-width: 6em;
    color: #555;
}

.sub-products-detail .part-1 .right ul span:nth-child(2) {
    color: #333;
}

.common-sub-contact {
    display: flex;
    margin-top: 5rem;
}

.common-sub-contact a {
    display: block;
    min-width: max-content;
    padding: 10px 5rem;
    background: var(--c);
    color: #fff;
    font-size: 1rem;
    border: none;
    border-radius: 4px;
    margin-right: 5px;
}

.common-sub-contact a:nth-child(2) {
    background: transparent;
    border: 1px solid var(--c);
    color: var(--c);
}

.sub-products-detail .part-2 {
    padding: 1.5rem 0;
    background: #eee;
}

.sub-products-detail .part-2 .left span {
    display: block;
    cursor: pointer;
    flex: 1;
    font-size: 1.1rem;
    color: #333;
}

.sub-products-detail .part-2 .left span:hover {
    color: var(--c);
}

.sub-products-detail .part-2 .right input {
    flex: 1;
    padding: 0 1rem;
}

.sub-products-detail .part-2 .right button {
    width: 120px;
    line-height: 50px;
    background: var(--c);
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
}

.wd-sub-product-detail-title {
    font-size: 2rem;
    color: var(--c);
    border-left: 0.5rem solid var(--c);
    padding-left: 1rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

.sub-products-detail .part-3 {
    padding: 2rem 0;
}

.sub-products-detail .part-4 {
    background: url(../img/20221202003005.jpg) top left no-repeat;
    background-size: cover;
    padding: 2rem 0;
}

.wd-sub-detail table {
    min-width: 100%;
    outline: none;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-collapse: collapse;
    margin-top:15px;
    margin-bottom:15px;
}

.sub-products-detail .part-5 .wd-sub-detail table tr:nth-child(odd) td {
    background: #f2f2f4;
}

.sub-products-detail .part-5 .wd-sub-detail table tr:nth-child(even) td {
    background: #f6f6f9;
}

.sub-products-detail .part-5 .wd-sub-detail table td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 1.2rem 10px;
    text-align: center;
}

.sub-products-detail .part-5 .wd-sub-detail table tr.firstRow td {
    background: var(--c);
    color: #fff !important;
}

.sub-products-detail .part-5 .wd-sub-detail table tr.firstRow td * {
    color: #fff;
}

.sub-products-detail .part-6 span {
    max-width: 200px;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    padding: 0 15px;
    font-size: 12px;
    text-align: center;
    background: #f6f6f6;
    color: #666;
    border-radius: 4px;
    transition: .36s;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sub-products-detail .part-6 span b {
    color: var(--c);
    margin-right: 5px;
}

.wd-sub-products-cate .wd-item {
    display: block;
    border: 8px #e1e1e1 solid;
    padding: 20px 8px;
    flex: 1;
    transition: 1s;
}

.wd-sub-products-cate .wd-item:hover {
    border-color: var(--c);
}

.wd-sub-products-cate span {
    font-size: 12px;
    color: #aaa;
    line-height: 1.7;
    display: block;
    margin-top: 10px;
}

.wd-sub-products-cate .wd-item {
    margin: 0 5px;
}

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

.wd-sub-detail img {
    max-width: 100% !important;
    height: auto !important;
}

.wd-sub-free-solution {
    background: url(../img/1670210868121.jpg) top left no-repeat;
    background-size: cover;
    padding: 4rem 0;
}

.dg-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.wd-sub-free-solution .form {
    margin-top: 3rem;
}

.wd-sub-free-solution .form p {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
}

.wd-sub-free-solution .form .wd-item input {
    width: 100%;
    line-height: 35px;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
}

.wd-sub-free-solution .form .wd-item select {
    width: 100%;
    line-height: 35px;
    height: 35px;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
}

.wd-sub-free-solution .buttons {
    margin-top: 2rem;
}

.wd-sub-free-solution .buttons a {
    display: block;
    width: 200px;
    padding: 15px 0;
    background: var(--c);
    border-radius: 5px;
    margin: 0 5px;
    color: #fff;
    text-align: center;
    transition: .3s;
    position: relative;
    left: 0;
}

.wd-sub-free-solution .buttons a:nth-child(1):hover {
    left: -5px;
}

.wd-sub-free-solution .buttons a:nth-child(2):hover {
    left: 5px;
}

.wd-sub-free-solution .buttons a:nth-child(2) {
    border: 1px solid var(--c);
    color: var(--c);
    background: transparent;
}

.wd-20221205224122 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    filter: blur(10px);
    transform: scale(1.1);
    opacity: .8;
}

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

.wd-pr {
    position: relative;
}

.oh {
    overflow: hidden;
}

.cf {
    color: #fff;
}

.wd-20221206000714 {
    line-height: 40px;
    background: rgba(255,255,255,.5);
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    color: #fff;
    width: max-content;
}

.wd-20221206010541 {
    height: 100px;
    object-fit: scale-down;
}

.fs-1 {
    font-size: var(--r1);
}

.fs-15 {
    font-size: var(--r2);
}

@media(max-width: 1440px) {
    :root {
        font-size:15px;
    }
}

.wd-20221210025042 img {
    height: 100px;
    object-fit: scale-down;
}

.wd-20221206001030 .item {
    position: relative;
    padding-left: 50px;
}

.wd-20221206001030 * {
    color: #fff;
}

.wd-20221206001030 svg {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
}

.wd-20221206001030 p {
    line-height: 20px;
}

.wd-20221228222026 * {
    color: #fff;
}

.wd-20221228222026 p {
    font-size: 20px;
}

.wd-20221228222026 span {
    font-size: 16px;
    display: block;
    margin-top: 10px;
}

.wd-20221228222311 img {
    width: 100%;
    padding-left: 10%;
}

.wd-20221228222311.wd-20230806013825 img {
    padding-left:0;
}

.dg-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.wd-20221205224122 {
    background-color: #000;
}

.wd-20221205224122 img {
    opacity: 0.7;
}

.wd-20221228222653 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: #eee;
}

.wd-20221229000330 {
    background: url(../img/1672765828012.jpg) top left no-repeat;
    padding: 100px 0;
}

.wd-20221229000330 .wc {
    background-color: #fff;
    border-bottom-left-radius: 100px;
    border-top-right-radius: 100px;
    padding: 40px 140px;
}

.wd-20230104010902 {
    display: grid;
    grid-template-columns: 200px auto;
    grid-gap: 30px;
}

.wd-20230104010902 .wd-left img {
    width: 100%;
    height: auto;
    border: 1px solid #eee;
}

.wd-20230104010902 .wd-right {
    padding: 20px;
}

.wd-20221229000413 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.wd-20221229000413 p:nth-child(1) {
    font-size: 30px;
    color: var(--c);
    font-weight: bold;
}

.wd-20221229000413 p:nth-child(2) {
    display: flex;
    align-items: center;
}

.wd-20221229000413 p:nth-child(2):before {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background-color: #aaa;
    margin-right: 20px;
}

.wd-20230104014702 {
    padding: 44px 0;
}

.wd-20230104014702 span {
    max-width: 200px;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    padding: 0 15px;
    font-size: 14px;
    text-align: center;
    background: #f6f6f6;
    color: #666;
    border-radius: 4px;
    transition: .36s;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wd-20230104014702 span b {
    color: var(--c);
    font-weight: bold;
    margin-right: 5px;
}

.wd-products-detail-title {
    font-size: 2.4rem;
    line-height: 1;
    color: #222;
    border-left: 6px var(--c) solid;
    padding-left: 20px;
    margin-bottom: 1rem;
    margin-top: 2rem!important;
}

.wd-20230104020405 {
    display: grid;
    grid-template-columns: auto 400px;
    grid-gap: 20px;
    border: 1px solid #eee;
    margin-top: 30px;
}

.wd-20230104020405 .wd-left {
    padding: 30px;
}

.wd-20230104020405 h2 {
    display: flex;
    justify-content: space-between;
}

.wd-20230104020405 h2 a {
    display: block;
    flex: 0 1 auto;
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.wd-20230104020405 h2 span {
    display: block;
    flex: 0 1 auto;
}

.wd-20230104020405 h2 span a {
    font-size: 20px;
    font-weight: bold;
}

.wd-20230104020405 h2 span a:hover {
    color: var(--c);
}

.wd-20230104020405 p {
    line-height: 2;
    display-radio: -webkit-box;
    font_radio: 2;
    font-size: 16px;
    color: #555;
    margin-top: 22px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.wd-20230104021603 {
    display: grid;
    grid-template-columns: auto auto auto 150px;
    grid-gap: 20px;
    color: var(--c);
    margin-top: 20px;
}

.wd-20230104021603 .wd-item {
    border-left: 1px solid #ddd;
    padding-left: 10px;
}

.wd-20230104021603 .wd-item:nth-child(1) {
    padding-left: 0;
    border: none;
}

.wd-20230104021603 h3 {
    font-size: 48px;
    color: var(--c);
}

.wd-20230104021603 h3 span {
    font-size: 16px;
    color: var(--c);
}

.wd-20230104021603 p {
    margin-top: 10px;
}

.wd-20230104021603 .wd-item:nth-child(4) {
    padding-left: 0;
    border: none;
}

.wd-20230104021603 .wd-item:nth-child(4) a {
    display: block;
    text-align: center;
    line-height: 39px;
    background-color: var(--c);
    color: #fff;
    font-size: 16px;
}

.wd-20230104021603 .wd-item:nth-child(4) a:nth-child(2) {
    border: 1px solid var(--c);
    background: transparent;
    color: var(--c);
    margin-top: 10px;
}

.wd-20230105001951 {
    padding-top: 30px;
}

.wd-20230105002103 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.wd-20230105002103 .wd-item {
    border: 1px solid #ddd;
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.wd-20230105002103 .wd-item .wd-left img {
    width: 100%;
    height: 200px;
    object-fit: scale-down;
}

.wd-20230105002103 .wd-item h1 {
    font-size: 18px;
    margin-bottom: 10px;
}

.wd-20230105002103 .wd-item ul {
    list-style: none;
}

.wd-20230105002103 .wd-item ul li {
    font-size: 14px;
    color: #444;
    line-height: 2;
}

.wd-20230105002103 .wd-item ul li:nth-child(3) ~ li {
    display: none;
}

.wd-20230105002103 .wd-item ul li span {
    color: #999;
}
.wd-20230105002103 .wd-item ul li span:nth-child(1):after {
    content:": ";
    display:inline-block;
    margin-right:5px;
}
.wdg2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr!important;
    grid-gap: 20px !important;
}

.wdg3 {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-gap: 20px !important;
}

.wdg4 {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    grid-gap: 20px !important;
}

.wd-20230105002103 .wd-item .wd-btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin-top: 20px;
}

.wd-20230105002103 .wd-item .wd-btns a {
    display: block;
    text-align: center;
    line-height: 2.4;
    color: #fff;
    background-color: var(--c);
    border-radius: 5px;
    font-size: 14px;
}

.wd-20230105002103 .wd-item .wd-btns a:nth-child(2) {
    background: transparent;
    border: 1px solid var(--c);
    color: var(--c);
}

.wd-products-detail-title .right-more {
    font-size: 14px;
    color: #777;
    float: right;
}

.wd-products-detail-title .right-more:hover {
    color: var(--c);
}

.wd-20230105011838 .wd-item {
    background-color: #fff;
}

.wd-20230105011838 img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.wd-20230105011838 h1 {
    font-size: 16px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-left: 3%;
    padding-right: 3%;
}

.wd-20230105011838 .wd-20230105014212 {
    line-height: 2;
    font-size: 14px;
    color: #444;
    padding-left: 3%;
    padding-right: 3%;
}

.wd-20230105011838 .wd-info {
    padding-bottom: 10px;
}

.wd-20230105014212 span {
    color: #777;
}

.wd-20230105011301 {
    padding: 100px 0;
    background: url("../img/1672852483371.jpeg") no-repeat top left;
    background-size: cover;
}

.wd-20230105001951 {
    margin-bottom: 40px;
}

.vh {
    visibility: hidden;
}

.index-section-2 .left {
    overflow: visible;
}

.index-section-4 .list .bottom .item .right .param {
    font-size: 1rem;
}

.wd-head nav .item {
    position: relative;
    flex: 1 0 auto;
    text-align: center;
}

.wd-head nav .item .wd-sub {
    position: absolute;
    top: 100%;
    left: 0;
    width: max-content;
    background: #fff;
    display: block;
}

.wd-head nav .item .wd-sub a {
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 3;
}

.wd-head nav {
    position: relative;
    z-index: 100;
    box-shadow: 0 0 2px #ddd;
    padding: 0;
}

.wd-head {
    position: relative;
    z-index: 100;
}

.wd-head nav .item>a {
    display: block;
    line-height: 60px;
}

.wd-head nav .item>a:hover {
    background-color: var(--c);
    color: #fff;
}

.wd-head nav .item {
    position: relative;
    flex: 1 0 auto;
    text-align: center;
}

.wd-head nav .item .wd-sub {
    position: absolute;
    top: 100%;
    left: 50%;
    width: max-content;
    background: #eee;
    display: none;
    min-width: 100%;
    transform: translateX(-50%);
}

.wd-head nav .item .wd-sub a {
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 3;
    padding-left: 10px;
    padding-right: 10px;
}

.wd-head nav .item .wd-sub a:hover {
    background: var(--c);
    color: #fff;
}

.wd-head nav {
    position: relative;
    z-index: 100;
    box-shadow: 0 0 2px #ddd;
    padding: 0;
}

.wd-head {
    position: relative;
    z-index: 100;
}

.wd-head nav .item>a {
    display: block;
    line-height: 60px;
}

.wd-head nav .item>a:hover {
    background-color: var(--c);
    color: #fff;
}

.wd-head nav .item.wd-current>a {
    background-color: var(--c);
    color: #fff;
}

.wd-head nav .wc {
    overflow: visible;
}

.lh-17 {
    line-height: 1.7;
}

.lh-20 {
    line-height: 2;
}

.wd-20230307010442:after {
    content: "";
    display: block;
    width: 3em;
    height: 4px;
    background-color: var(--c);
    margin: 5px 0 10px 0;
}

.index-section-10 .right img {
    width: 100%;
    height: 10vw;
    object-fit: contain;
    object-position: center;
}

.index-section-10 .right .title {
    margin-top: 10px;
}

.index-section-10 .right .item .img {
    display: flex;
    justify-content: center;
}

.img-hover-scale img {
    transition: 1s;
}

.img-hover-scale {
    overflow: hidden;
}

.img-hover-scale:hover img {
    transform: scale(1.05);
}

.hover-mc {
    transition: 0.5s;
}

.hover-mc:hover {
    color: var(--c) !important;
}

.footer .middle > .left {
    max-width: 200px;
}

.footer .middle .center {
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    padding-left: 50px;
    padding-right: 50px;
}

.s .sub-service .item .summary {
    height: 108px;
}

.w20230326005636 input {
    background-color: #fff;
    border: 1px solid #ddd;
    line-height: 40px;
    width: 300px;
    padding: 0 10px;
}

.w20230326005636 button {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: var(--c);
    color: #fff;
}

.w20230326005636 form {
    display: flex;
    justify-content: flex-end;
}

.w20230326010440 {
    margin-top: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #aaa;
}

.w20230326010440 h3 {
    position: relative;
    width: max-content;
    line-height: 3;
}

.w20230326010440 h3:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--c);
    position: absolute;
    bottom: 0;
    left: 0;
}

.w20230326010440 > a {
    display: block;
    width: max-content;
    margin-left: auto;
}

.wd-sub-banner {
    display: flex;
}

.col-2.gap0 {
    grid-gap: 0;
}

.w20230326230225 {
    font-size: 32px;
    text-align: center;
    position: relative;
    color: #333;
    margin-bottom: 30px;
}

.w20230326230225:before {
    content: "";
    display: block;
    width: 40%;
    position: absolute;
    top: 50%;
    height: 1px;
    background-color: #333;
}

.w20230326230225:after {
    content: "";
    display: block;
    width: 40%;
    position: absolute;
    top: 50%;
    height: 1px;
    background-color: #333;
    right: 0;
}

.w20230326223045 .section .right {
    padding: 2% 5%;
    background-color: #fff;
}

.w20230326223045 .section .right .more a {
    display: block;
    width: max-content;
    padding: 10px 30px;
    background-color: var(--c);
    color: #fff;
    margin-top: 20px;
    font-size: 14px;
}

.w20230326223045 .section .right .title a {
    display: block;
    line-height: 1.6;
    font-size: 24px;
    color: #000;
    transition: 0.5s;
}

.w20230326223045 .section .right .title a:hover {
    color: var(--c);
}

.w20230326223045 .section .right .summary {
    font-size: 14px;
    line-height: 1.7;
    margin-top: 10px;
    margin-bottom: 15px;
}

.w20230326223045 .section .right .date {
    color: #777;
    font-size: 12px;
    ; }

.w20230327001610 {
    background-color: #fff;
    display: flex;
    padding: 10px;
}

.w20230327001610 img {
    width: 100%;
    height: 220px;
    object-fit: scale-down;
}

.wd-20230610085422 {
    display: grid;
    grid-template-columns: 1fr 4fr;
    margin-bottom: 20px;
}

.wd-page {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #ddd;
}

.wd-page a {
    display: block;
    border: 1px solid #555;
    margin: 0 5px;
    color: #333;
    padding: 5px;
    font-size: 12px;
}

.wd-page a:hover, .wd-page a.page-num-current {
    background-color: var(--c);
    color: #fff;
    border-color: var(--c);
}

.w20230326005104 .wc .col-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.wd-20230610090439 {
    background: #fff;
    padding: 50px;
}

.wd-20230610090519 {
    text-align: center;
    font-size: 24px;
    color: #333;
}

.wd-20230610090551 {
    display: flex;
    justify-content: center;
    font-size: 14px;
    color: #666;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.wd-20230610090703 {
    position: relative;
    background-color: #f5f5f5;
    overflow: hidden;
}

.wd-prev-next {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ddd;
}

.wd-prev-next p {
    margin-bottom: 5px;
}

.wd-20230618173357 {
    width: 100%;
}

.solutions .img img {
    height: 200px;
    object-fit: cover;
    transition: 1s;
}

.solutions .img:hover img {
    transform: scale(1.05);
}

.width-100 {
    width: 100%;
}

.related-products .list .item .summary p span:nth-child(1):after {
    content: ": ";
    display: inline-block;
    margin-right: 5px;
}

.related-products .list .item .summary p:nth-child(4) {
    display: none;
}

.wd-20230618181234 .img img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.wd-20230618181234 .img {
    margin-bottom: 10px;
}

.wd-20230618181234 .img img {
    transition: 1s;
}

.wd-20230618181234 .img:hover img {
    transform: scale(1.05);
}

.img a {
    width: 100%;
}

.wd-20230703003722 {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 0;
}

.wd-20230106004650 {
    display: flex;
    flex-wrap: wrap;
}

.hide {
    display: none !important;
}

.wd-20230703003208 {
    margin: 5px;
}

.wd-20230704011911 img {
    max-height: 500px;
    object-fit: scale-down;
}


.wd-20230703003722 > span {
    margin-top: 5px;
}

.wd-20230730104031 img {
    height: 250px;
    object-fit: cover;
}

.wd-20230616020215 {
    display: none;
}

.wd-20230616020215.wd-show {
    display: flex;
}

.wd-20230616020215 span {
    display: flex;
    align-items: center;
}

.wd-20230730114055 {
    display: grid;
    grid-template-columns: auto 100px;
    align-items: center;
}

.sub-common-solutions .right p a {
    color: #fff;
}

.sub-common-solutions .right img {
    transition: 1s;
}

.sub-common-solutions .right img:hover {
    transform: rotateY(180deg);
}

.sub-products-detail .wd-sticky {
    position: sticky;
    top: 0;
    z-index: 10;
}

.wd-20221228222653 {
    position: relative;
    top: -1px;
}

[wa-hotkeys] {
    display: flex;
    flex-wrap: wrap;
}

[wa-hotkeys] a {
    margin-top: 10px;
    margin-right: 10px;
    padding: 0 15px;
    font-size: 12px;
    text-align: center;
    background: #f6f6f6;
    color: #666;
    border-radius: 4px;
    transition: .36s;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[wa-hotkeys] a b {
    color: var(--c);
    margin-right: 5px;
    display: inline-block;
    transition: .36s;
}

[wa-hotkeys] a:hover {
    background-color: var(--c);
    color: #fff;
}

[wa-hotkeys] a:hover b {
    color: #fff;
    ; }

.page-numbar {
    display: flex;
}

.wd-20230730140752 {
    background-image: url(../img/1690697651452130.jpg);
    background-size: cover;
    padding: 50px;
}

.wd-20230730141519 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.wd-20230730141044 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
    width: 70%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.wd-20230730141044 .wd-item p {
    margin-bottom: 5px;
    font-size: 14px;
    color: #777;
}

.wd-20230730141044 .wd-item p b {
    font-size: 48px;
    color: var(--c);
    font-weight: bold;
}

.wd-20230730141234 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 1%;
    padding-right: 5%;
}

.wd-20230730141234 svg {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto 10px;
}

.wd-20230730141234 svg path {
    fill: #888;
}

.wd-20230730141234 p {
    font-size: 18p;
    color: #888;
    text-align: center;
}

.wd-20230730141308 a {
    display: flex;
    width: max-content;
    padding: 15px 50px;
    background: var(--c);
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
}

.wd-sub-product-detail-title .right-more {
    font-size: 14px;
    color: #777;
    float: right;
}

#allmap {
    height: 500px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.wd-20230730144952 {
    display: grid;
    grid-template-columns: 1.4fr 1.6fr 150px;
    grid-gap: 25px;
    background-color: #fff;
    padding: 40px;
}

.wd-20230730144952 .wd-item span {
    display: block;
    font-size: 14px;
    color: #888;
    margin-bottom: 5px;
}

.wd-20230730144952 .wd-item {
    margin-bottom: 10px;
}

.wd-20230730144952 .wd-item a, .wd-20230730144952 .wd-item p {
    font-size: 18px;
    color: #333;
    transition: .3s;
    font-weight: bold;
}

.wd-20230730144952 .wd-item a:hover {
    color: var(--c);
}

.wd-20230730151354 {
    text-align: center;
}

.wd-20230730151354 h2 {
    font-size: 22px;
}

.wd-20230730151354 > p {
    font-size: 14px;
    color: #777;
}

.wd-20230730145011 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
    margin-top: 25px;
}

.wd-20230730145011 .wd-item {
    background-color: #fff;
    padding: 55px 15px;
    border-radius: 5px;
}

.wd-20230730145011 .wd-item div {
    font-size: 18px;
    color: var(--c);
    font-weight: bold;
    margin-bottom: 10px;
}

.wd-20230730145011 .wd-item p {
    font-size: 16px;
    color: #888;
}

.wd-20230730150034:nth-child(3) {
    text-align: center;
    font-size: 14px;
    color: #777;
}

.wd-20230730150034 span {
    display: block;
}

.wd-20230730144952 .wd-item {
    padding-left: 50px;
    position: relative;
}

.wd-20230730144952 .wd-item svg {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
}

.wd-20230730144952 .wd-item svg path {
    fill: var(--c);
}

.wd-20230730153631 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;
}

.wd-20230730154444 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 35px;
}

.wd-20230730154621 img {
    height: 300px;
    object-fit: cover;
}

.wd-20230730154154 .title a {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
    margin-top: 10px;
    display: block;
}

.wd-20230730154154 .date {
    font-size: 14px;
    color: #aaa;
    margin-bottom: 5px;
}

.wd-20230730154154 .summary {
    font-size: 14px;
    color: #777;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.wd-20230730155017 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 45px;
}

.wd-20230730155020 {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    grid-gap: 25px;
}

.wd-more-20230730155231 a {
    display: flex;
    padding: 10px 30px;
    border: 1px solid var(--c);
    font-size: 14px;
    color: var(--c);
    margin-top: 30px;
    width: max-content;
    transition: .5s;
}

.wd-more-20230730155231 a:hover {
    background: var(--c);
    color: #fff;
}

.wd-20230730155359-200 img {
    height: 200px;
    object-fit: cover;
}

.wd-20230730160030 {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.sub-form-contact .right .item textarea {
  width:100%;
  height:70px;
  padding:10px;
}
.wd-20230610090439 .content img {
    max-width:100% !important;
    height:auto !important;
    
}
.wd-20221228222311 {
      overflow:hidden;
    
}
.wd-swiper-20230806013343 .swiper-pagination-bullet {
    background-color:#fff;
    opacity:1;
    
}
.wd-swiper-20230806013343 .swiper-pagination-bullet[class*='active'] {
      width:30px;
      border-radius:50vw;
    
}
.wd-20230105011838 {
      display:none;
}
/* 本地版补充：视频响应式与播放兼容（仅作用于 video 元素） */
video{max-width:100%;height:auto;display:block;background:#000;border-radius:4px}
video::-webkit-media-controls-enclosure{border-radius:4px}

/* 本地版补充：案例详情页 hero 轮播统一横屏格子（cover 居中裁剪，竖图不再撑破版面） */
.wd-20221228222311 {
    align-self: center;
}
.wd-20221228222311 .wd-swiper-20230806013343 {
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}
.wd-20221228222311 .wd-swiper-20230806013343 .swiper-wrapper {
    height: 100%;
}
.wd-20221228222311 .wd-swiper-20230806013343 .swiper-slide {
    height: 100%;
}
.wd-20221228222311 .wd-swiper-20230806013343 .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    padding-left: 0;
}

/* ===== 本地版补充：爱番番在线咨询悬浮按钮 + 弹窗 ===== */
.ay-chat-btn{position:fixed;right:22px;bottom:120px;z-index:9998;display:flex;align-items:center;gap:8px;
  padding:10px 18px;border-radius:26px;background:#e67e22;color:#fff!important;font-size:15px;line-height:1;
  cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.25);user-select:none;transition:background .2s}
.ay-chat-btn:hover{background:#cf6d17}
.ay-chat-dot{width:8px;height:8px;border-radius:50%;background:#7CFC00;box-shadow:0 0 0 0 rgba(124,252,0,.7);animation:ayPulse 1.8s infinite}
@keyframes ayPulse{70%{box-shadow:0 0 0 10px rgba(124,252,0,0)}100%{box-shadow:0 0 0 0 rgba(124,252,0,0)}}
.ay-chat-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;display:none}
.ay-chat-modal.ay-on{display:block}
.ay-chat-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45)}
.ay-chat-box{position:absolute;right:24px;bottom:96px;width:400px;height:600px;max-width:calc(100vw - 24px);
  max-height:calc(100vh - 120px);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 12px 44px rgba(0,0,0,.32)}
.ay-chat-head{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;
  background:#1a3a5c;color:#fff;font-size:15px}
.ay-chat-close{cursor:pointer;font-size:22px;line-height:1;padding:0 4px}
.ay-chat-iframe{width:100%;height:calc(100% - 46px);border:0;display:block;background:#fff}
@media (max-width:768px){
  .ay-chat-btn{right:12px;bottom:80px;padding:8px 14px;font-size:14px}
  .ay-chat-box{right:0;left:0;bottom:0;width:100%;height:82vh;max-height:none;border-radius:14px 14px 0 0}
}

/* ===== 本地版补充：一键拨号悬浮按钮 ===== */
.ay-phone-btn{position:fixed;right:22px;bottom:172px;z-index:9998;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:26px;background:#1a3a5c;color:#fff!important;font-size:15px;line-height:1;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.25);user-select:none;transition:background .2s}
.ay-phone-btn:hover{background:#122c46;color:#fff!important}
.ay-phone-ico{width:14px;height:14px;flex:none;fill:#fff}
@media (max-width:768px){.ay-phone-btn{right:12px;bottom:130px;padding:8px 14px;font-size:14px}}
/* 本地版补充：联系我们「更快满足您的需求」卡片改版（v27 ayx27） */
.ayx-h{font-size:22px;font-weight:800;color:#1a3a5c;margin:0 0 4px}
.ayx-sub{font-size:14px;color:#8b98a6;margin:0 0 16px}
.ayx-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ayx-item{display:flex;align-items:center;gap:12px;padding:16px 14px;background:#f5f8fb;
  border:1px solid #e6edf4;border-radius:12px;text-decoration:none;transition:box-shadow .2s}
.ayx-item:hover{box-shadow:0 6px 18px rgba(26,58,92,.12)}
.ayx-ico{flex:0 0 46px;width:46px;height:46px;border-radius:10px;
  background:linear-gradient(160deg,#1a3a5c,#2c5d8f);color:#fff;
  display:flex;align-items:center;justify-content:center}
.ayx-ico svg{width:22px;height:22px;display:block}
.ayx-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.ayx-tx b{font-size:15px;color:#1a3a5c;line-height:1.4}
.ayx-tx i{font-style:normal;font-size:12px;color:#7b8b9c;line-height:1.5;margin-top:2px}
.ayx-go{flex:0 0 auto;font-size:13px;font-weight:700;color:#e67e22;background:#fff;
  border:1px solid #f0c9a8;border-radius:15px;padding:6px 12px;white-space:nowrap}
@media (max-width:992px){.ayx-list{grid-template-columns:1fr}}
/* 本地版补充结束 */

/* 本地版补充：人才招聘板块改版（v29） */
.aj-hero{background:linear-gradient(160deg,#1a3a5c,#2c5d8f);border-radius:14px;padding:26px 28px;margin:0 0 22px}
.aj-tag{display:inline-block;font-size:12px;letter-spacing:1px;padding:4px 11px;border-radius:10px;background:rgba(255,255,255,.18);color:#fff}
.aj-h1{font-size:28px;font-weight:800;margin:10px 0 6px;color:#fff;line-height:1.3}
.aj-sub{font-size:14px;color:rgba(255,255,255,.85);margin:0 0 16px}
.aj-cta{display:flex;gap:10px;max-width:420px}
.aj-btn{flex:1;text-align:center;font-size:14px;font-weight:700;padding:11px 8px;border-radius:10px;
  text-decoration:none;background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.3)}
.aj-btn.pri{background:#e67e22;border-color:#e67e22;color:#fff}
.aj-sec{margin:0 0 26px}
.aj-h2{font-size:19px;font-weight:800;color:#1a3a5c;margin:0 0 14px}
.aj-h2 em{font-style:normal;font-size:13px;font-weight:600;color:#e67e22;margin-left:8px}
.aj-wel{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.aj-w{display:flex;gap:10px;align-items:flex-start;background:#f5f8fb;border:1px solid #e6edf4;border-radius:12px;padding:14px}
.aj-w i{flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:linear-gradient(160deg,#1a3a5c,#2c5d8f);
  color:#fff;font-style:normal;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}
.aj-w b{display:block;font-size:15px;color:#1a3a5c;line-height:1.4}
.aj-w span{display:block;font-size:12.5px;color:#7b8b9c;line-height:1.6;margin-top:3px}
.aj-job{background:#fff;border:1px solid #e6edf4;border-radius:12px;padding:16px 18px;margin:0 0 12px}
.aj-jh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.aj-jh b{font-size:17px;color:#1a3a5c}
.aj-num{flex:0 0 auto;font-size:13px;font-weight:700;color:#e67e22;background:#fff5ec;
  border:1px solid #f5d9c2;border-radius:12px;padding:3px 11px}
.aj-jt{font-size:14px;color:#5c6f81;margin:10px 0 8px}
.aj-ul{margin:0;padding-left:20px}
.aj-ul li{font-size:14px;color:#5c6f81;line-height:1.9;margin-bottom:5px}
.aj-apply{display:inline-block;margin-top:10px;font-size:14px;font-weight:700;color:#e67e22;text-decoration:none}
.aj-apply:hover{text-decoration:underline}
.aj-ol{margin:0;padding-left:22px}
.aj-ol li{font-size:14px;color:#5c6f81;line-height:1.9;margin-bottom:8px}
.aj-ol b{color:#1a3a5c}
.aj-ct{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.aj-ct-i{display:block;background:#f5f8fb;border:1px solid #e6edf4;border-radius:12px;padding:14px 16px;text-decoration:none;transition:.2s}
.aj-ct-i:hover{border-color:#1a3a5c;background:#eef3f8}
.aj-ct-k{display:block;font-size:12.5px;color:#8b98a6}
.aj-ct-i b{display:block;font-size:17px;color:#1a3a5c;margin:3px 0}
.aj-ct-i i{font-style:normal;font-size:12.5px;color:#e67e22}
.aj-foot{background:#f5f8fb;border:1px solid #e6edf4;border-radius:12px;padding:18px;
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}
.aj-foot p{flex:1 0 100%;font-size:14px;color:#5c6f81;margin:0 0 6px;text-align:center}
.aj-foot .aj-btn{flex:0 1 200px;background:#fff;color:#1a3a5c;border-color:#d6e0ea}
.aj-foot .aj-btn.pri{background:#e67e22;color:#fff;border-color:#e67e22}
@media (max-width:992px){
  .aj-wel{grid-template-columns:1fr 1fr}
  .aj-ct{grid-template-columns:1fr}
  .aj-h1{font-size:24px}
}
/* 本地版补充结束 */

/* 本地版补充：关于奥源版块改版（v30） */
.ab-nav{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 20px}
.ab-nav a{font-size:14px;font-weight:600;color:#5c6f81;background:#f5f8fb;border:1px solid #e6edf4;
  border-radius:18px;padding:7px 16px;text-decoration:none;transition:.2s}
.ab-nav a:hover{border-color:#1a3a5c}
.ab-nav a.on{color:#fff;background:#1a3a5c;border-color:#1a3a5c}
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px}
.ab-st{background:linear-gradient(160deg,#1a3a5c,#2c5d8f);border-radius:12px;padding:18px 8px;text-align:center}
.ab-st b{display:block;font-size:28px;font-weight:800;color:#fff;line-height:1.2}
.ab-st b i{font-style:normal;font-size:15px;margin-left:2px}
.ab-st span{display:block;font-size:12.5px;color:rgba(255,255,255,.78);margin-top:6px}
.ab-ps{font-size:15px;color:#4a5c6e;line-height:2;margin:0 0 12px;text-align:justify}
.ab-chips{display:flex;flex-wrap:wrap;gap:9px}
.ab-chips span{font-size:14px;font-weight:600;color:#1a3a5c;background:#f5f8fb;
  border:1px solid #e6edf4;border-radius:16px;padding:8px 16px}
.ab-fig{margin:0}
.ab-img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #e6edf4}
.ab-fig figcaption{font-size:13px;color:#8b98a6;text-align:center;margin-top:8px}
.ab-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ab-card{background:#fff;border:1px solid #e6edf4;border-radius:12px;padding:18px}
.ab-card i{display:flex;width:36px;height:36px;border-radius:10px;margin-bottom:12px;
  background:linear-gradient(160deg,#1a3a5c,#2c5d8f);color:#fff;font-style:normal;
  font-size:16px;font-weight:700;align-items:center;justify-content:center}
.ab-card b{display:block;font-size:16px;color:#1a3a5c;margin-bottom:6px}
.ab-card p{font-size:14px;color:#5c6f81;line-height:1.8;margin:0}
.ab-idea{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ab-id{display:flex;gap:12px;align-items:flex-start;background:#f5f8fb;
  border:1px solid #e6edf4;border-radius:12px;padding:13px 15px}
.ab-id b{flex:0 0 auto;font-size:15px;color:#e67e22;padding-top:1px}
.ab-id span{font-size:14px;color:#4a5c6e;line-height:1.8}
.ab-spi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ab-spi span{font-size:14px;font-weight:700;color:#1a3a5c;background:#f5f8fb;
  border:1px solid #e6edf4;border-radius:12px;padding:18px 8px;text-align:center}
.ab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ab-gi{display:block;width:100%;height:190px;object-fit:cover;border-radius:10px;
  border:1px solid #e6edf4;background:#fff}
.ab-more{font-size:13px;color:#8b98a6;margin:12px 0 0;text-align:center}
.ab-net{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ab-nt{background:#f5f8fb;border:1px solid #e6edf4;border-radius:12px;padding:14px 16px}
.ab-nt b{display:block;font-size:15px;color:#1a3a5c;margin-bottom:4px}
.ab-nt span{font-size:13.5px;color:#5c6f81;line-height:1.7}
@media (max-width:992px){
  .ab-stats{grid-template-columns:repeat(2,1fr)}
  .ab-cards{grid-template-columns:1fr}
  .ab-idea{grid-template-columns:1fr}
  .ab-spi{grid-template-columns:repeat(2,1fr)}
  .ab-grid{grid-template-columns:repeat(2,1fr)}
  .ab-net{grid-template-columns:1fr}
}


/* ================= 奥源服务页改版（v32 sv32） ================= */
.sv-lead{font-size:14px;color:#5b6b7c;margin:2px 0 16px;line-height:1.7}
.sv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sv-card{background:#fff;border:1px solid #e5ebf2;border-radius:12px;padding:18px 16px 14px;
 box-shadow:0 1px 6px rgba(26,58,92,.06);transition:box-shadow .2s}
.sv-card:hover{box-shadow:0 6px 18px rgba(26,58,92,.12)}
.sv-ico{display:block;width:28px;height:28px;color:#1a5c9e;background:#eaf2fb;border-radius:8px;
 padding:6px;margin:0 0 10px;box-sizing:content-box}
.sv-t{display:block;font-size:16px;color:#1a3a5c;font-weight:700;margin:0 0 8px}
.sv-l{list-style:none;margin:0;padding:0}
.sv-l li{position:relative;font-size:13.5px;color:#42566b;line-height:1.7;margin:0 0 4px;padding-left:14px}
.sv-l li::before{content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:50%;background:#e67e22}
.sv-qrw{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#1a3a5c,#2a5788);
 border-radius:12px;padding:18px 22px;margin-top:14px;color:#fff}
.sv-qrl{flex:1}
.sv-qrl b{display:block;font-size:16px;margin:0 0 6px}
.sv-qrl span{display:block;font-size:13px;color:#c9d9ea;line-height:1.8}
.sv-qrl .sv-qrm{margin-top:8px;color:#8fb4d9;font-size:12.5px}
.sv-qr{display:block;width:100px;height:100px;border-radius:8px;background:#fff;padding:5px;flex:0 0 100px}
@media (max-width:992px){.sv-cards{grid-template-columns:1fr}}

/* 奥源服务页（v32 colorfix）：对抗 .sub-common-content-style p/b 深色规则 */
.sub-common-content-style .aj-sub{color:rgba(255,255,255,.85)}
.sub-common-content-style .aj-tag{color:#fff}
.sub-common-content-style .aj-h1{color:#fff}
.sub-common-content-style .sv-qrl b{color:#fff}
.sub-common-content-style .sv-qrl span{color:#c9d9ea}
.sub-common-content-style .sv-lead{color:#5b6b7c;margin:2px 0 16px}
.sub-common-content-style .sv-t{color:#1a3a5c}
.sub-common-content-style .sv-l li{color:#42566b;margin:0 0 4px}