@font-face {
  font-family: 'siyahei';
  src: url('/public/home/fonts/SourceHanSansSC-Regular-2.otf') format('opentype');
  
    /* 👇 这两行是苹果 Safari 必须加的，不加就不显示 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'ADOBESONGSTDFont';
    src: url('/public/home/fonts/ADOBESONGSTD-LIGHT.OTF') format('OTF');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --ft16: 16px;
    --ft20: 20px;
    --ft22: 22px;
    --ft24: 24px;
    --ft25: 25px;
    --ft26: 26px;
    --ft28: 28px;
    --ft30: 30px;
    --ft31: 31px;
    --ft32: 32px;
    --ft33: 33px;
    --ft35: 35px;
    --ft36: 36px;
    --ft38: 38px;
    --ft40: 40px;
    --ft42: 42px;
    --ft44: 44px;
    --ft46: 46px;
    --ft47: 47px;
    --ft48: 48px;
    --ft50: 50px;
    --ft54: 54px;
    --ft60: 60px;
    --ft62: 62px;
    --ft64: 64px;
    --ft66: 66px;
    --ft70: 70px;
    --ft72: 72px;
    --ft76: 76px;
    --ft77: 77px;
    --ft78: 78px;
    --ft80: 80px;
    --ft86: 86px;
    --ft90: 90px;
    --ft96: 96px;
    --ft100: 100px;
    --ft110: 110px;
    --ft120: 120px;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    min-width: 0;
    word-break: break-word;
    word-wrap: break-word;
    font-family: 'siyahei';
}

body {
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
}

ul,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
form {
    padding: 0;
    margin: 0;
}


ul,
li {
    list-style: none;
}

img {
    border: none;
    display: block;
    vertical-align: middle;
}

a {
    color: #B3B3B3;
    text-decoration: none;
    transition: all 0.5s;
}

a:hover {
    text-decoration: none;
}

p {
    word-spacing: -1.5px;
    padding: 0;
    margin: 0;
}

i {
    font-style: normal;
}

section,
main {
    width: 100%;
}

main {
    flex: 1;
}

input {
    border: 0;
    outline: none;
}

@keyframes shake-right {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0);
    }
}

.header {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    background-color: rgba(62, 58, 57, 1);
}

.scrolled {
    background-color: rgba(62, 58, 57, 1);
}

.header_max {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 100px;
    width: 100%;
    height: 60px;
    position: relative;
}

.header .logo {
    width: 200px;
}

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

.header .nav {
    height: 100%;
    width: 1100px;
    max-width: 60%;
}

.header .nav>ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft22);
    line-height: var(--ft32);
    height: 100%;
}

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

.erji {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 60px;
    background-color: rgba(62, 58, 57, 1);
    padding: 40px;
    flex-direction: column;
    align-items: center;
}

.erji dl {
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft30);
    line-height: var(--ft36);
    font-weight: 400;
}

.erji dl dd:hover,
.erji dl .nav_ce {
    color: rgba(198, 198, 198, 1);
}

.header .nav>ul li:hover .header {
    background-color: rgba(96, 96, 96, 1);
}

.header .nav>ul li:hover .erji {
    display: flex;
}

.erji:hover {
    display: flex;
}

.erji dl {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.hamburger-btn {
    display: none;
    /* 桌面端隐藏 */
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 1001;
    flex-direction: column;
    gap: 5px;
}

.hamburger-btn span {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #fff;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
    transform-origin: center;
}

/* ==============================
           4. 遮罩层 (Overlay)
           ============================== */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    /* 默认隐藏 */
    z-index: 999;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.overlay.active {
    display: block;
    opacity: 1;
}


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

.index_banner {
    width: 100%;
}

.index_banner .swiper-slide {
    width: 1920px;
    max-width: 100%;
    height: 720px;
    overflow: hidden;
}

.index_banner_box {
    width: 100%;
    height: 100%;
    position: relative;
}

.index_banner .swiper-slide .index_banner_box>img {
    width: 100%;
    height: 100%;
    object-fit:cover;
}

.index_banner video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit:cover;
}

.index_banner_title {
    position: absolute;
    top: 50%;
    left: 100px;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 1);
    font-size: 60px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
}

.index_banner_box a {

    display: flex;
    padding: 8px 17px;
    color: rgba(255, 255, 255, 1);
    gap: 15px;
    border: 1px solid rgba(255, 255, 255, 1);
    font-size: var(--ft16);
    line-height: 23px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.index_banner .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5);
    width: 8px;
    height: 8px;
    border-radius: 4px;
}

.index_banner .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
    width: 20px;
    height: 8px;
    border-radius: 4px;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 20px;
}

.xinpin {
    width: 100%;
    padding: 0 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 110px;
    margin-top: 120px;
}

.xinpin .left {
    width: max-content;
}

.xinpin .left .xinpin_title {
    color: rgba(148, 156, 163, 1);
    font-size: var(--ft22);
    line-height: var(--ft32px);
    letter-spacing: 2.4px;
    font-weight: 400;
}

.xinpin .left .xinpin_keywords {
    font-size: var(--ft48);
    color: rgba(113, 118, 123, 1);
    line-height: var(--ft62);
    max-width: 290px;
    margin: 20px 0;
    font-family: "ADOBESONGSTDFont";
}

.xinpin .left .xinpin_sub {
    color: rgba(148, 156, 163, 1);
    font-size: var(--ft22);
    line-height: var(--ft34);
    letter-spacing: 1px;
    max-width: 325px;
}

.xinpin .right {
    flex: 1;
    overflow: auto;
    padding-bottom: 25px;
}

.right_ltem {
    width: max-content;
    display: flex;
    gap: 30px;
}



.download-check:checked,
.download-checkall:checked {
    accent-color: #333333;
}






.xinpin .right .islatest {
    width: 420px;
    aspect-ratio: 1 / 1;
    position: relative;
    border: 1px solid rgb(173 173 173);
}

.xinpin .right .islatest img {
    max-width: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}

.xinpin .right .islatest:hover img {
    transform: translate(-50%, -50%) scale(1.05);
}

.xinpin .right .islatest .islatest_title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    font-size: var(--ft32);
    line-height: var(--ft46);
    color: rgba(47, 48, 49, 1);
}

.xinpin .right .islatest:hover .islatest_title {
    color: rgba(173, 186, 200, 1);
}

.zhichi {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 120px;
    padding: 0 100px;
    justify-content: space-between;
}

.zhichi .left {
    width: 100%;
    max-width: 900px;

}

.zhichi .left img {
    width: 100%;
}

.zhichi .right .zhichi_title {
    color: rgba(113, 118, 123, 1);
    font-size: var(--ft48);
    line-height: var(--ft62);
    max-width: 341px;
    font-family: "ADOBESONGSTDFont";
}

.zhichi .right .zhichi_sub {
    color: rgba(148, 156, 163, 1);
    font-size: var(--ft22);
    line-height: var(--ft34);
    margin-top: 20px;
}

.zhichi .right>a {
    border: 1px solid rgba(148, 158, 163, 1);
    display: flex;
    gap: 20px;
    flex-direction: row;
    align-items: center;
    width: max-content;
    padding: 8px 22px;
    margin-top: 100px;
    color: rgba(148, 156, 163, 1);
    font-size: var(--ft16);
    line-height: var(--ft24);
    animation: none;
}

.zhichi .right>a:hover img {
    animation: shake-right 0.3s ease-out;
}

.index_about {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 120px;
    padding: 0 100px;
    justify-content: space-between;
    gap: 300px;
}

.index_about .left .zhichi_title {
    color: rgba(148, 156, 163, 1);
    font-size: var(--ft22);
    line-height: var(--ft34);
}

.index_about .left .zhichi_sub {
    color: rgba(113, 118, 123, 1);
    font-size: var(--ft48);
    line-height: var(--ft62);
    margin-top: 20px;
    max-width: 341px;
    font-family: "ADOBESONGSTDFont";
}

.index_about .left>a {
    border: 1px solid rgba(148, 158, 163, 1);
    display: flex;
    gap: 20px;
    flex-direction: row;
    align-items: center;
    width: max-content;
    padding: 8px 22px;
    margin-top: 50px;
    color: rgba(148, 156, 163, 1);
    font-size: var(--ft16);
    line-height: var(--ft24);
    animation: none;
}

.index_about .left>a:hover img {
    animation: shake-right 0.3s ease-out;
}

.index_about .right {
    flex: 1;
}

.index_about .right .right_title {
    color: rgba(113, 118, 123, 1);
    font-size: var(--ft36);
    line-height: var(--ft54);
}

.index_about .right .right_sub {
    margin-top: 30px;
    color: rgba(148, 156, 163, 1);
    font-size: var(--ft26);
    line-height: var(--ft46);
}

.index_product {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 100px;
    margin-top: 120px;
}

.title {
    color: rgba(113, 118, 123, 1);
    font-size: var(--ft48);
    line-height: var(--ft62);
}

.sub {
    margin-top: 30px;
    color: rgba(148, 156, 163, 1);
    font-size: var(--ft26);
    line-height: var(--ft42);
}

.index_product_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px;
    margin-top: 60px;
}

.index_product_box {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.index_product_box .index_product_title {
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft36);
    line-height: var(--ft42);
    padding: 19px 0;
    width: 100%;
    text-align: center;
    background-color: rgba(96, 96, 96, 1);
}

.index_product_box>img {
    width: 100%;
}

.index_corporate {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 100px;
    margin-top: 120px;
}

.index_corporate_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    margin-top: 60px;
}

.index_corporate_box {
    width: 100%;
    aspect-ratio: 1 / 1;
    position: relative;
    overflow: hidden;
}

.index_corporate_box>img {
    width: 100%;
}

.index_corporate_title {
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft48);
    line-height: var(--ft70);
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
}

.index_corporate_box>a {
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    display: none;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft16);
    line-height: var(--ft24);
    padding: 8px 22px;
    border: 1px solid rgba(255, 255, 255, 1);
    text-transform: uppercase;
    animation: none;
}

.index_corporate_box:hover>a {
    display: flex;
    bottom: 60px;
}

.index_corporate_box:hover>a img {
    animation: shake-right 0.3s ease-out;
}

.index_corporate_box:hover .index_corporate_title {
    color: rgba(173, 186, 200, 1);
}

.index_project {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 100px 120px;
    margin-top: 120px;

}

.index_project_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 80px;
    margin-top: 60px;
}

.index_project_box {
    width: 100%;
    position: relative;
}

.index_project_box>img {
    width: 100%;
}

.index_project_title {
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft40);
    line-height: var(--ft46);
    position: absolute;
    left: 50px;
    bottom: 40px;
    width: 100%;
    height: 0px;
    left: 0;
    bottom: 0;
    padding: 40px 50px;
    opacity: 0;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    background-color: rgba(0,0,0,0.3);
}
.index_project_box:hover .index_project_title{
    height: 100%;
    opacity: 1;
}

.index_project_box>a {
    position: absolute;
    right: 50px;
    bottom: 40px;
    z-index: 99;
    display: none;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft16);
    line-height: var(--ft24);
    padding: 8px 22px;
    border: 1px solid rgba(255, 255, 255, 1);
    text-transform: uppercase;
    animation: none;
}

.index_project_box:hover>a {
    display: flex;
}

.index_project_box:hover>a img {
    animation: shake-right 0.3s ease-out;
}



.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
    border-top: 1px solid rgba(153, 153, 153, 1);
}

.footer_con {
    color: rgba(148, 156, 163, 1);
    font-size: var(--ft26);
    line-height: var(--ft42);
    text-align: center;
}

.footer form {
    margin-top: 40px;
    width: 600px;
    position: relative;
}

.footer form .email {
    width: 100%;
    border: 1px solid rgba(51, 51, 51, 1);
    padding: 10px 14px;
    font-size: 15px;
    line-height: 24px;
}

.footer form .submit {
    padding: 10px 20px;
    font-size: 15px;
    line-height: 24px;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 1);
    position: absolute;
    right: 0;
    height: 100%;
}

.tuiguang {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 130px;
}

.tuiguang img {
    width: 20px;

}

.footer_nav {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 140px;
    font-size: 14px;
    line-height: 24px;
    color: rgba(51, 51, 51, 1);
}

.footer_nav a {
    position: relative;
}

.footer_nav a::after {
    content: "";
    position: absolute;
    right: -69.5px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    background-color: rgba(153, 153, 153, 1);
}

.footer_nav a:last-child::after {
    width: 0;
}

.footr_last {
    margin-top: 80px;
    width: 100%;
    background-color: rgba(51, 51, 51, 1);
    display: flex;
    padding: 13px 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 80px;
    color: rgba(255, 255, 255, 1);
    font-size: 12px;
    line-height: 17px;
}

.footr_last a {
    position: relative;
}

.footr_last a::after {
    content: "";
    position: absolute;
    right: -39.5px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    background-color: rgba(153, 153, 153, 1);
}

.footr_last a:last-child::after {
    width: 0;
}

.banner {
    width: 100%;
    height: 720px;
    overflow: hidden;
    position: relative;
}

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

.banner .banner_text {
    width: 100%;
    padding: 0 100px;
    position: absolute;
    left: 50%;
    bottom: 45px;
    transform: translateX(-50%);
    font-size: var(--ft26);
    line-height: var(--ft42);
    text-align: center;
    color: rgb(46 46 46);
}

.banner .banner_text1 {
    position: absolute;
    left: 100px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft38);
    line-height: var(--ft62);
}

.banner .banner_text2 {
    position: absolute;
    left: 100px;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--ft26);
    line-height: var(--ft42);
    color: rgba(255, 255, 255, 0.5);
}

.banner .banner_text1 p {
    margin-top: 20px;
    color: rgba(247, 247, 247, 1);
    font-size: var(--ft80);
    line-height: var(--ft100);
}

.banner .banner_text2 p {
    margin-top: 20px;
    color: rgba(247, 247, 247, 1);
    font-size: var(--ft80);
    line-height: var(--ft100);
    font-family: "ADOBESONGSTDFont";
}

.product {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 100px;
}


.product_title {
    padding: 30px 100px;
    font-size: var(--ft48);
    line-height: var(--ft62);
    color: rgba(234, 234, 234, 1);
    width: 100%;
    text-align: center;
    background-color: rgba(62, 58, 57, 1);
     position: -webkit-sticky;
    /* 兼容 Safari */
    position: sticky;
    top: 60px;
    z-index: 99;
}

.product_nav {
    padding: 30px 100px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-size: var(--ft20);
    line-height: var(--ft36);
    color: rgba(234, 234, 234, 1);
    background-color: rgba(62, 58, 57, 1);
    text-transform: uppercase;
    white-space: nowrap;
    position: -webkit-sticky;
    /* 兼容 Safari */
    position: sticky;
    top: 180px;
    z-index: 99;
    gap: 30px 0;
}
.product_nav li{
    padding: 0 var(--ft30);
}

.product_list {
    margin-top: 60px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

.product_box {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.product_img {
    width: 100%;
    aspect-ratio: 1 / 1;
    position: relative;
    border: 1px solid rgb(173 173 173);
}

.product_img img {
    max-width: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}

.product_box:hover .product_img img {
    transform: translate(-50%, -50%) scale(1.05);
}


.product_protitle {
    margin-top: 30px;
    color: rgba(62, 58, 57, 1);
    font-size: var(--ft35);
    line-height: var(--ft44);
}

.product_xihao {
    margin-top: 10px;
    font-size: var(--ft20);
    line-height: var(--ft36);
    color: rgba(113, 118, 123, 1);
    line-height: var(--ft30);
}

.pagination {
    margin-top: 100px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pagination>* {
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    width: 55px;
    height: 40px;
    border: 1px solid rgba(231, 235, 243, 1);
    display: block;
}

.pagination .active {
    background-color: rgba(62, 58, 57, 1);
    color: rgba(255, 255, 255, 1);
}

.product_footer {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 200px;
    background-color: rgba(47, 48, 49, 1);
    padding: 120px 100px;
}

.product_fot_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.product_fot_title {
    font-size: var(--ft32);
    line-height: var(--ft42);
    color: rgba(255, 255, 255, 1);
    white-space: nowrap;
}

.product_fot_sub {
    margin-top: 30px;
    font-size: var(--ft22);
    line-height: var(--ft40);
    color: rgba(255, 255, 255, 1);
}

.miambaoxie {
    width: 100%;
    padding: 60px 100px;
    display: flex;
    font-size: var(--ft40);
    line-height: var(--ft48);
    color: rgba(65, 61, 60, 1);
}

.product_xiangqing {
    width: 100%;
    padding: 20px 100px;
    display: grid;
    grid-template-columns: 6fr 9fr;
    gap: 130px;
}

.product_xiangqing .left {
    width: 100%;
    position: relative;
}

.product_xiangqing .left .xqSwiper .swiper-slide {
    width: 100%;
    aspect-ratio: 1 / 1;
    border: 1px solid rgba(199, 199, 199, 1);
}

.product_xiangqing .left .xqSwiper .swiper-slide img {
    width: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.xqSwiper .swiper-button-next {
    right: 30px;
}

.xqSwiper .swiper-button-prev {
    left: 30px;
}

.xqSwiper .swiper-button-next::after {
    content: unset;
}

.xqSwiper .swiper-button-prev::after {
    content: unset;
}

.product_xiangqing .left .swiper-pagination {
    bottom: -30px;
}

.product_xiangqing .left .swiper-pagination-bullet {
    border-radius: 0px;
    background-color: rgba(114, 113, 113, 1);
    opacity: 1;
    width: 10px;
    height: 10px;
}

.product_xiangqing .left .swiper-pagination-bullet-active {

    background-color: rgba(214, 215, 215, 1);
}

.product_xiangqing .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.xq_title {
    font-size: var(--ft60);
    line-height: var(--ft78);
    color: rgba(35, 24, 21, 1);
}

.xq_title p {
    font-size: var(--ft32);
    line-height: var(--ft38);
    color: rgba(82, 78, 77, 1);
    margin-top: 10px;
}

.xq_subtitle {
    font-size: var(--ft26);
    line-height: var(--ft50);
    color: rgba(82, 78, 77, 1);
}

.xq_zhichi {
    padding: 50px 100px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 30px;
}

.xq_zhichi .xq_zhichi_box {
    width: 100%;
    aspect-ratio: 1 / 1;
}

.xq_zhichi .xq_zhichi_box img {
    width: 85%;
}

.xq_canshu {
    width: 100%;
    padding: 0 100px;
}

.xq_canshu .canshu_title {
    color: rgba(35, 24, 21, 1);
    font-size: var(--ft40);
    line-height: var(--ft47);

}

.canshu_table {
    /*margin-top: 50px;*/
    width: 100%;
}

.canshu_table img {
    width: 100%;
}

.canshu_table table {
    width: 100%;
    border-spacing: 0px;
    margin-top: 50px;
}

.canshu_table table tr td {
    padding: 27px 35px;
    width: max-content !important;
    text-align: center;
    border: 0px solid rgba(241, 242, 242, 1);
    color: rgba(82, 78, 77, 1);
    font-size: var(--ft26);
    line-height: var(--ft30);
    vertical-align: unset !important;
}

.canshu_table table tr:nth-child(2n+1) {
    background-color: rgba(241, 242, 242, 1);

}

.canshu_table table tr:nth-child(2n+2) {
    background-color: rgba(255, 255, 255, 1);

}

.bianma {
    width: 100%;
    margin-top: 120px;
    padding: 120px 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(241, 242, 242, 1);
    gap: 50px;
}

.bianma_title {
    color: rgb(122 120 119);
    font-size: var(--ft28);
    line-height: var(--ft46);
    letter-spacing: 2.4px;
}

.bianma_sub {
    margin-top: 24px;
    color: rgba(62, 58, 57, 1);
    font-size: var(--ft50);
    line-height: var(--ft72);
    max-width: 431px;
}

.bianma .right {
    color: rgba(82, 78, 77, 1);
    font-size: var(--ft24);
    line-height: var(--ft50);
    max-width: 725px;
}

.bianma .right a {
    border: 1px solid rgba(148, 158, 163, 1);
    display: flex;
    gap: 20px;
    flex-direction: row;
    align-items: center;
    width: max-content;
    padding: 8px 22px;
    margin-top: 50px;
    color: rgba(148, 156, 163, 1);
    font-size: var(--ft16);
    line-height: var(--ft24);
}

.download {
    width: 100%;
    /*margin-top: 120px;*/
    padding: 120px 100px;
    background-color: rgba(89, 87, 87, 1);
}

.download_max {
    width: 1025px;
    max-width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.download_title {
    width: 100%;
    color: rgba(255, 255, 255, 1);
    font-size: 74px;
    line-height: var(--ft96);
}

.download_list {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
}

.download_file {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    color: rgba(255, 255, 255, 1);
    font-size: 30px;
    /*line-height: var(--ft50);*/
}

.download_file input[type="checkbox"] {
  /* --- 1. 核心重置 --- */
  -webkit-appearance: none;
  appearance: none;
  -webkit-transform: translate(0, 0); /* 【关键】修复 Safari 尺寸塌陷 */
  
  /* --- 2. 尺寸与布局 --- */
  width: 40px;
  height: 40px;
  display: flex;             /* 【关键】使用 Flex 布局 */
  align-items: center;       /* 【关键】垂直居中 */
  justify-content: center;   /* 【关键】水平居中 */
  box-sizing: border-box;
  margin: 0;                 /* 清除默认边距 */
  cursor: pointer;
  
  /* --- 3. 外观样式 --- */
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  
  /* --- 4. 你的原有代码 --- */
  -webkit-box-shadow: 0 0 0 1000px white inset;
  -webkit-text-fill-color: #333;
}

/* --- 选中状态：画对钩 --- */
.download_file input[type="checkbox"]:checked::after {
  content: '';
  /* 不再需要 absolute 定位，因为父级是 flex 居中 */
  display: block; 
  width: 12px;
  height: 22px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  /* 微调对钩位置，防止偏上 */
  margin-top: -2px; 
}

.download_btn {
    margin-top: 85px;
}

.download_btn a {
    font-size: var(--ft28);
    line-height: var(--ft36);
    color: rgba(148, 156, 163, 1);
    border: 1px solid rgba(148, 156, 163, 1);
    padding: 10px 200px;
}

.other {
    width: 100%;
    padding: 120px 100px;
    position: relative;
}

.other_ztitle {
    color: rgba(35, 24, 21, 1);
    font-size: var(--ft60);
    line-height: var(--ft77);
    width: 100%;
    text-align: center;
}

.otherSwiper {
    margin-top: 100px;
}

.other_box {
    width: 1400px;
    max-width: 90%;
    margin: 0 auto;
}

.other_box .otherSwiper .swiper-slide {
    width: 100%;
}

.other_box .otherSwiper .swiper-slide a {
    width: 100%;
    display: block;
}

.other_box .otherSwiper .swiper-slide .other_img {
    width: 100%;
    aspect-ratio: 1 / 1;
    border: 1px solid rgba(199, 199, 199, 1);
    position: relative;
}

.other_box .otherSwiper .swiper-slide .other_img img {
    width: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.other_box .otherSwiper .swiper-slide .other_title {
    margin-top: 20px;
    font-size: var(--ft35);
    line-height: var(--ft44);
    color: rgba(62, 58, 57, 1);
}

.other_box .otherSwiper .swiper-slide .other_xinghao {
    margin-top: 10px;
    font-size: var(--ft20);
    line-height: var(--ft30);
    color: rgba(68, 59, 56, 1);
}

.other .swiper-button-next {
    right: 100px;
}

.other .swiper-button-next::after {
    content: unset;
}

.other .swiper-button-prev {
    left: 100px;
}

.other .swiper-button-prev::after {
    content: unset;
}

.want {
    width: 100%;
    padding: 120px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(241, 242, 242, 1);
}

.want p {
    color: rgba(62, 58, 57, 1);
    font-size: var(--ft60);
    line-height: var(--ft77);
}

.want a {
    margin-top: 70px;
    color: rgba(148, 156, 163, 1);
    font-size: var(--ft24);
    line-height: var(--ft38);
    padding: 8px 30px;
    border: 1px solid rgba(148, 156, 163, 1);
}

.project_nav {
    width: 100%;
    padding: 120px 100px 120px;
    background-color: rgba(62, 58, 57, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.project_nav .up {
    display: grid;
    grid-template-columns: 4fr 6fr;
    gap: 190px;
}

.project_nav .up .left .pro_nav_title {
    font-size: var(--ft32);
    line-height: var(--ft64);
    color: rgba(255, 255, 255, 1);
}

.project_nav .up .left .pro_nav_wtitle {
    font-size: var(--ft66);
    line-height: var(--ft80);
    color: rgba(255, 255, 255, 1);
    margin-top: 20px;
    font-family: "ADOBESONGSTDFont";
}

.project_nav .up .right .pro_nav_title {
    font-size: var(--ft36);
    line-height: var(--ft54);
    color: rgba(255, 255, 255, 1);
}

.project_nav .up .right .pro_nav_wtitle {
    font-size: var(--ft20);
    line-height: var(--ft38);
    color: rgba(255, 255, 255, 1);
    margin-top: 80px;
}


.project_ul {
    background-color: rgba(62, 58, 57, 1);
    padding: 60px 100px;
            display: grid;
        grid-template-columns: repeat(6, 1fr);
    align-items: center;
    gap: 90px;
    font-size: var(--ft26);
    line-height: var(--ft35);
    color: rgba(234, 234, 234, 1);
    text-transform: uppercase;
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    z-index: 99;
}

.project {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 120px 100px;
}

.project_list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 50px;
}

.project_list>a {
    width: 100%;
}

.project_box {
    width: 100%;
    display: none;
    flex-direction: column;
    align-items: center;
}

.project_box.show {
    display: flex;
     position: relative;
}

.project_box img {
    width: 100%;
    transition: transform 0.3s ease
}

.project_list>a:hover .project_box img {
    transform: scale(1.02);
}





.project_box {
    position: relative;
}
.project_box .project_title {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 0;
    opacity: 0;
    display: flex;
    flex-direction: column;
    font-size: var(--ft36);
    line-height: var(--ft46);
    color: rgba(255, 255, 255, 1);
    justify-content: center;
    align-items: center;
    gap: 5px;
    transition: all 0.3s ease
}
.project_box .project_title p:nth-child(2){
    font-size: var(--ft28);
    line-height: var(--ft36);
}
.project_box:hover .project_title{
    height: 100%;
    opacity: 1;
    transform: scale(1.02);
}
/*.project_box>p,*/
/*.project_box .project_title {*/
/*    position: absolute;*/
/*    top: 29%;*/
/*    display: none;*/
/*}*/

/*.project_box a:hover .project_box p {*/
/*    display: block;*/
/*}*/

.project .more {
    color: rgba(148, 156, 163, 1);
    border: 1px solid rgba(148, 156, 163, 1);
    font-size: var(--ft24);
    line-height: var(--ft38);
    padding: 8px 50px;
    margin-top: 120px;
}

.project .more.hidden {
    display: none;
}

.gouback {
    width: 100%;
    padding: 60px 100px;
}

.gouback>a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    color: rgba(65, 61, 60, 1);
    font-size: var(--ft40);
    line-height: var(--ft47);
}

.project_con {
    width: 100%;
    padding: 30px 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.project_con .title {
    width: 100%;
    text-align: left;
    color: rgba(35, 24, 21, 1);
    font-size: var(--ft60);
    line-height: var(--ft77);
}

.project_con .subtitle {
    width: 100%;
    font-size: var(--ft26);
    line-height: var(--ft42);
    color: rgba(82, 78, 77, 1);
    margin-top: 50px;
}

.project_con>img {
    width: 100%;
    margin-top: 90px;
    /*aspect-ratio: 16 / 6;*/
}

.project_con .ftitle {
    color: rgba(35, 24, 21, 1);
    margin-top: 120px;
    font-size: var(--ft50);
    line-height: var(--ft77);
}

.project_logos {
    width: 100%;
    padding: 0 70px;
    margin-top: 90px;
    position: relative;
}
.project_logos .swiper-slide img{
    width: 100%;
}

.project_logos .swiper-button-next {
    right: 0;
}

.project_logos .swiper-button-next::after {
    content: "";
}

.project_logos .swiper-button-prev {
    left: 0;
}

.project_logos .swiper-button-prev::after {
    content: "";
}

.project_content {
    width: 100%;
    font-size: var(--ft26);
    line-height: var(--ft42);
    color: rgba(82, 78, 77, 1);
    margin-top: 90px;
}
.project_content *{
    font-size: var(--ft26) !important;
}
.guanlian {
    width: 100%;
    padding: 120px 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.guanlian .guanlian_title {
    color: rgba(35, 24, 21, 1);
    font-size: var(--ft60);
    line-height: var(--ft77);
}

.guanlian .guanlian_list {
    width: 100%;
    padding: 0 165px;
    margin-top: 100px;
    position: relative;
}

.guanlian .guanlian_list .guanlian_img {
    width: 100%;
    aspect-ratio: 1 / 1;
    border: 1px solid rgba(199, 199, 199, 1);
    position: relative;
}

.guanlian .guanlian_list .guanlian_img img {
    max-width: 75%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}

.guanlian .guanlian_list .guanlian_box:hover .guanlian_img img {
    transform: translate(-50%, -50%) scale(1.05);
}

.guanlian .guanlian_list .guanlian_leibie {
    margin-top: 20px;
    color: rgba(62, 58, 57, 1);
    font-size: var(--ft35);
    line-height: var(--ft44);
}

.guanlian .guanlian_list .guanlian_xinghao {
    margin-top: 10px;
    color: rgba(68, 59, 56, 1);
    font-size: var(--ft20);
    line-height: var(--ft30);
}

.guanlian .guanlian_list .swiper-button-next {
    right: 0;
}

.guanlian .guanlian_list .swiper-button-next::after {
    content: "";
}

.guanlian .guanlian_list .swiper-button-prev {
    left: 0;
}

.guanlian .guanlian_list .swiper-button-prev::after {
    content: "";
}

.about {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about1 {
    width: 100%;
    padding: 120px 100px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    background-color: rgba(153, 154, 154, 1);
    height: max-content;
}

.about2 {
    width: 100%;
    padding: 120px 100px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    background-color: rgba(233, 233, 233, 1);
    gap: 70px;
}

.about3 {
    width: 100%;
    padding: 120px 100px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    background-color: rgba(89, 87, 87, 1);
    gap: 100px;
}

.about1 .left {
    width: 36%;
}

.about1 .left img {
    width: 100%;
}

.about1 .right {
    max-width: 760px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.about1_title {
    font-size: var(--ft70);
    line-height: var(--ft86);
    color: rgba(255, 255, 255, 1);
    font-family: "ADOBESONGSTDFont";
}

.about1_key {
    font-size: var(--ft24);
    line-height: var(--ft36);
    color: rgba(255, 255, 255, 1);
}

.about1_sub {
    font-size: var(--ft20);
    line-height: var(--ft38);
    color: rgba(233, 234, 234, 1);
    margin-top: 200px;
}

.about2 .left {
    max-width: 813px;
}

.about2 .right {
    max-width: 830px;
}

.about2 .right img {
    width: 95%;
}

.about2_title {
    font-size: var(--ft40);
    line-height: var(--ft62);
    color: rgba(141, 141, 141, 1);
    font-family: "ADOBESONGSTDFont";
}

.about2_sub {
    margin-top: 60px;
    color: rgba(88, 85, 84, 1);
    font-size: var(--ft20);
    line-height: var(--ft38);
}

.about3 .left {
    max-width: 1050px;
}

.about3 .left img {
    width: 100%;
}

.about3 .right .about3_title {
    font-size: var(--ft76);
    line-height: var(--ft110);
    color: rgba(255, 255, 255, 1);
    font-family: "ADOBESONGSTDFont";
}

.about3_key {
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft28);
    line-height: var(--ft30);
    margin-top: 20px;
}

.team {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.team .up {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 120px 100px;
    background-color: rgba(62, 58, 57, 1);
    justify-content: space-between;
    gap: 50px;
}

.team .up .left .team_title {
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft76);
    line-height: var(--ft100);
    font-family: "ADOBESONGSTDFont";
}

.team .up .left .team_ftitle {
    color: rgba(148, 156, 163, 1);
    margin-top: 30px;
    font-size: var(--ft26);
    line-height: var(--ft31);
}

.team .up .right {
    max-width: 900px;
}

.team .up .right .team_sub {
    color: rgba(155, 155, 155, 1);
    font-size: var(--ft36);
    line-height: var(--ft54);
}

.team .up .right .team_jieshao {
    margin-top: 30px;
    color: rgba(155, 155, 155, 1);
    font-size: var(--ft20);
    line-height: var(--ft38);
}

.team1 {
    width: 100%;
    padding: 120px 100px;
    background-color: rgba(233, 233, 233, 1);
}

.team1_up {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}

.team1_up .left {
    max-width: 860px;
}

.team1_up .left img {
    width: 100%;
}

.team1_up .right {
    max-width: 700px;
    display: flex;
    flex-direction: column;
}

.team1_up .right .team1_title {
    font-size: var(--ft40);
    line-height: var(--ft56);
    color: rgba(63, 54, 51, 1);
    font-family: "ADOBESONGSTDFont";
}

.team1_up .right .team1_key {
    margin-top: 20px;
    font-size: var(--ft26);
    line-height: VAR(--ft31);
    color: rgba(191, 191, 191, 1);
}

.team1 .team1_down {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 120px;
    gap: 50px;
}

.team1 .team1_down .left {
    max-width: 630px;
}

.team1 .team1_down .left .team1_title {
    color: rgba(71, 67, 66, 1);
    font-size: var(--ft70);
    line-height: var(--ft90);
    font-family: "ADOBESONGSTDFont";

}

.team1 .team1_down .left .team1_key {
    color: rgba(143, 143, 143, 1);
    margin-top: 30px;
    font-size: var(--ft26);
    line-height: var(--ft46);
}

.team1 .team1_down .right {
    max-width: 840px;
    font-size: var(--ft20);
    line-height: var(--ft38);
    color: rgba(106, 103, 102, 1);
}

.team2 {
    width: 100%;
    padding: 120px 100px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
    justify-content: space-between;
    background-color: rgba(89, 87, 87, 1);
    gap: 50px;
}

.team2 .team2_sub {
    color: rgba(221, 221, 221, 1);
    font-size: var(--ft20);
    line-height: var(--ft38);
    max-width: 800px;
}

.team2>img {
    max-width: 810px;
}

.service1 {
    width: 100%;
    display: flex;
    padding: 120px 100px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(241, 242, 242, 1);
    gap: 50px;
}

.service3 {
    width: 100%;
    display: flex;
    padding: 120px 100px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(2, 2, 2, 1);
}

.service1 .left {
    max-width: 430px;
}

.service3 .left {
    max-width: 760px;
}

.service1 .left .service1_title {
    color: rgba(38, 27, 24, 1);
    font-size: var(--ft60);
    line-height: var(--ft80);
    font-family: "ADOBESONGSTDFont";
}

.service3 .left .service3_title {
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft48);
    line-height: var(--ft62);
}

.service1 .left .service1_sub {
    margin-top: 30px;
    color: rgba(163, 163, 163, 1);
    font-size: var(--ft22);
    line-height: var(--ft33);
}

.service3 .left .service3_sub {
    margin-top: 30px;
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft26);
    line-height: var(--ft42);
}

.service1 .right {
    max-width: 800px;
}

.service3 .right {
    max-width: 800px;
}

.service1 .right img {
    width: 100%;
}

.service3 .right img {
    width: 100%;
}

.service2 {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 120px 100px;
    background-color: rgba(89, 87, 87, 1);
    justify-content: space-between;
}

.service2 .left {
    max-width: 970px;
}

.service2 .left img {
    width: 100%;
}

.service2 .right {
    max-width: 600;
    display: flex;
    flex-direction: column;
    gap: 120px;
}

.service2 .right .service2_title {
    font-size: var(--ft40);
    line-height: var(--ft62);
    color: rgba(236, 235, 235, 1);
}

.service2 .right .service2_list {
    margin-top: 30px;
    color: rgba(208, 207, 207, 1);
    font-size: var(--ft26);
    line-height: var(--ft42);
}

.service4 {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.service4_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 100px;
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft26);
    line-height: var(--ft34);
}

.service4_box:nth-child(2n+1) {
    background-color: rgba(62, 58, 57, 1);
}

.service4_box:nth-child(2n+2) {
    background-color: rgba(131, 131, 131, 1);
}

.service4_box>p {
    margin-top: 50px;
    text-align: center;
}

.sus1 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 100px;
    gap: 50px;
}

.sus1 .left {
    max-width: 940px;
}

.sus1 .left .sus1_title {
    color: rgba(35, 24, 21, 1);
    font-size: var(--ft60);
    line-height: var(--ft77);
    font-family: "ADOBESONGSTDFont";
}

.sus1 .left .sus1_sub {
    color: rgba(82, 78, 77, 1);
    font-size: var(--ft26);
    line-height: var(--ft42);
    margin-top: 50px;
}

.sus1 .right {
    max-width: 700px;
}

.sus1 .right img {
    width: 100%;
}

.sus2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 120px 100px;
    background-color: rgba(35, 24, 21, 1);
    gap: 50px;
}

.sus2 .left {
    max-width: 870px;
}

.sus2 .left img {
    width: 95%;
}

.sus2 .right {
    max-width: 720px;
}

.sus2 .right .sus2_title {
    color: rgba(221, 219, 219, 1);
    font-size: var(--ft36);
    line-height: var(--ft54);
    font-family: "ADOBESONGSTDFont";
}

.sus2 .right .sus2_sub {
    color: rgba(199, 197, 196, 1);
    font-size: var(--ft26);
    line-height: var(--ft42);
    margin-top: 50px;
}

.sus1.sus3 {
    background-color: rgba(233, 233, 233, 1);
}

.sus2.sus4 {
    background-color: rgba(153, 154, 154, 1);
}

.faq-container {
    max-width: 1280px;
    margin-top: 50px;
}

.faq-item {
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.faq-item:last-child {
    margin-bottom: 0px;
}

.faq-question {
    cursor: pointer;
    position: relative;
    transition: background-color 0.2s;
    user-select: none;
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft32);
    line-height: var(--ft42);
}


.faq-question::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #FFF;
    width: 14px;
    height: 14px;
    background-image: url('/public/home/images/open.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-size: 14px;
    transition: transform 0.3s;
}





.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.35s ease;
    color: rgba(255, 255, 255, 1);
    line-height: 34px;
    font-size: var(--ft24);
    margin-top: 20px;
}

.faq-item.active .faq-answer {
    max-height: 300px;
    /* 足够容纳大多数答案 */
}

.wenda {
    width: 100%;
    padding: 120px 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: rgba(114, 113, 113, 1);
}

.wenda .wenda_title {
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft60);
    line-height: var(--ft77);
    font-family: "ADOBESONGSTDFont";
}

.smart1 {
    width: 100%;
    padding: 120px 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(0, 2, 3, 1);
    gap: 50px;
}

.smart1 .left {
    max-width: 650px;

}

.smart1 .left img {
    width: 100%;
}

.smart1 .right {
    max-width: 830px;
}

.smart1 .right .smart1_ftitle {
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft26);
    line-height: var(--ft38);
    letter-spacing: 2.4px;
}

.smart1 .right .smart1_title {
    color: rgba(255, 255, 255, 1);
    margin-top: var(--ft20);
    font-size: var(--ft60);
    line-height: var(--ft76);
    font-family: "ADOBESONGSTDFont";
}

.smart1 .right .smart1_sub {
    color: rgba(204, 204, 204, 1);
    font-size: var(--ft26);
    line-height: var(--ft38);
    margin-top: 40px;
}

.smart2 {
    width: 100%;
    padding: 120px 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(0, 2, 3, 1);
    gap: 50px;
}

.smart2.smart4 {
    padding: 0px 100px 120px;
}

.smart3 {
    width: 100%;
    padding: 0px 100px 120px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(0, 2, 3, 1);
    gap: 50px;
}

.smart3.smart5 {
    padding: 120px 100px;
}

.smart2 .left {
    max-width: 850px;
}

.smart2 .left img {
    width: 100%;
}

.smart2 .right {
    max-width: 750px;
}

.smart2 .right .title {
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft50);
    line-height: var(--ft76);
    font-family: "ADOBESONGSTDFont";
}

.smart2 .right .smart2_box {
    margin-top: 40px;
}

.smart2 .right .smart2_box .smart2_title {
    color: rgba(236, 235, 235, 1);
    font-size: var(--ft30);
    line-height: var(--ft62);
}

.smart2 .right .smart2_box .smart2_list {
    color: rgba(208, 207, 207, 1);
    font-size: var(--ft20);
    line-height: var(--ft42);
}

.smart2 .right .smart2_box .smart2_list li {
    list-style: disc;
    color: #B3B3B3;
}

.smart3 .left {
    max-width: 750px;
}

.smart3 .left .smart3_box {
    margin-top: 40px;
}

.smart3 .left .smart3_box .smart3_title {
    color: rgba(236, 235, 235, 1);
    font-size: var(--ft30);
    line-height: var(--ft62);
}

.smart3 .left .smart3_box .smart3_list {
    color: rgba(208, 207, 207, 1);
    font-size: var(--ft20);
    line-height: var(--ft42);
}

.smart3 .left .smart3_box .smart3_list li {
    list-style: disc;
    color: #B3B3B3;
}

.smart3 .right {
    max-width: 900px;
}

.smart3 .right img {
    width: 85%;
}

.smart6 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 120px 100px;
    background-color: rgba(62, 58, 57, 1);
}

.smart6 .left {
    max-width: 580px;
}

.smart6 .left .xtitle {
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft26);
    line-height: var(--ft38);
    letter-spacing: 2.4px;
}

.smart6 .left .title {
    margin-top: 30px;
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft80);
    line-height: var(--ft110);
    letter-spacing: 2px;
    font-family: "ADOBESONGSTDFont";
}

.smart6 .left .ftitle {
    margin-top: 20px;
    color: rgba(255, 255, 255, 1);
    font-size: var(--ft28);
    line-height: var(--ft41);
}

.smart6 .right {
    max-width: 910px;
}

.smart6 .right img {
    width: 100%;
}

.form {
    width: 80%;
}

.form form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.danhang {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 50px;
}

.danhang .name {
    width: 100%;
    position: relative;
    height: 70px;
}

.danhang .name input {
    width: 100%;
    height: 100%;
    padding: 0 75px;
    border-radius: 6px;
}

.danhang .name>img {
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
}

.duohuang {
    width: 100%;
    height: 170px;
    margin-top: 40px;
}

.duohuang textarea {
    width: 100%;
    height: 100%;
    padding: 15px 75px;
    border-radius: 6px;
}

.contact .submit {
    margin-top: 45px;
    padding: 8px 120px;
    border: 1px solid #808080;
     /*rgba(255, 255, 255, 1)*/
    font-size: var(--ft26);
    line-height: var(--ft44);
    color: #808080;
    /*rgba(255, 255, 255, 1)*/
    background-color: rgba(255, 255, 255, 0);
    margin-top: 0 auto;
    cursor: pointer;
}
.contact .submit:active {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(62, 58, 57, 1);
    /*rgba(114, 113, 113, 1);*/
    padding: 100px;
}

.contact .title {
    color: rgba(255, 255, 255, 1);
}
    .about3 .right .about3_title {
    white-space: nowrap;
}
.service3 .left .service3_sub {
     overflow-wrap: normal;
}
.erji dl dd a:hover {
    color: #FFFFFF;
}
.product_nav li a:hover {
    color: #FFFFFF;
}
.project_ul li a:hover {
    color: #FFFFFF;
}