html, body{
    background-color: #FFFFFF;
    font-family: Arial, sans-serif; /* 使用Arial作为主要字体，如果没有则使用无衬线字体 */
    font-size: var(--font-size-content); /* 设置默认字体大小 */
    line-height: 1.8;
    color: #333;
}
/* 为包含图片的元素设置相对定位，因为我们要在其内部绝对定位标题 */
.image {
    position: relative;
}

/* 将标题绝对定位在图片的中间 */
.carousel_title {
    position: absolute;
    top: 50%; /* 垂直方向居中 */
    left: 50%; /* 水平方向居中 */
    transform: translate(-50%, -50%); /* 同时修正top和left的偏移量 */
    white-space: nowrap; /* 防止标题换行 */
    z-index: 1; /* 确保标题在图片之上 */
    font-weight: bold;
    font-size: var(--font-size-title-5);
    color: #DAD7D7;
}

/* 如果内容也需要居中，可以应用类似的样式 */
.content {
    position: absolute;
    top: calc(50% + 50px); /* 假设标题下方留出50像素的空间 */
    left: 50%;
    transform: translateX(-50%);
    white-space: pre-wrap; /* 允许内容换行 */
    z-index: 1; /* 确保内容在图片之上 */
}

#industriesPage {
    width: 100%;
}
#industriesPage_item {
    height: 50px;
}
#industriesPage .center{
    width: 80%;
    margin: 0 auto;
}

#industriesPage .content{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#industriesPage .head_title{ /* 标题内容样式 */
    position: relative;
    font-size: var(--font-size-title-2);
    font-weight: var(--font-weight-title);
    line-height: var(--line-height-title-1);
    /*text-align: left;*/
}
#industriesPage .head_text_1,
#industriesPage .head_text {
    font-size: 24px;
    padding-bottom: 30px;
}

#industriesPage .head_item_table{
    justify-content: space-between;
    font-size: 24px;
    padding-bottom: 30px;
    padding-top: 30px;
}

#industriesPage .pageHead{
    font-size: 24px;
    padding-bottom: 30px;
}

#industriesPage .pageHead .head_item_table .tb,
#industriesPage .pageHead .head_text_1 .tb{
    display: flex;
    padding-top: 20px;
    gap: 20px;
}
#industriesPage .pageHead .head_item_table .tb p,
#industriesPage .pageHead .head_text_1 .tb p{
    flex: 1;
    margin: 0 20px;
}
#industriesPage .head_item_table .head_item{
    display: flex;
    /*align-items: center;*/
}

#industriesPage .head_item_table .head_item p {
    flex: 1; /* 占据剩余空间的一半 */
    padding-right: 20px; /* 可以根据需要调整间距 */
}

#industriesPage .item_table .head_item img {
    flex: 1; /* 占据剩余空间的一半 */
    max-width: 100%; /* 图片最大宽度不超过其父容器 */
    height: auto; /* 维持原始高宽比 */
}

#industriesPage .product_table {
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    padding-bottom: 50px;
    padding-top: 70px;
    flex-direction: column;
}

#industriesPage .product_table .product_table_item {
    display: flex;
    padding-top: 40px;
    padding-bottom: 40px;

}

/*#industriesPage .product_table .product_table_item:nth-child(odd) {
    flex-direction: row;
}
#industriesPage .product_table .product_table_item:nth-child(even) {
    flex-direction: row-reverse;
}*/

#industriesPage .product_table .auto{
    flex-direction: row-reverse;
}

#industriesPage .product_table .text {
    color: #FFFFFF;
    background-color: #747474;
    flex: 1;
    padding-top: 30px;
    padding-left: 45px;
    padding-right: 45px;
    line-height: 2;
    font-size: 22.4px;
}

#industriesPage .product_table .text .product_number{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    font-size: 25px;
    border-radius: 50%;
    background-color: #FFFFFF;
    color: #0083ff;
}

#industriesPage .product_table .text .product_title {
    font-size: var(--font-size-title-6);
    font-weight: var(--font-weight-title);
    margin: 10px 0;
}

#industriesPage .contact-from .from {
    background-color: #162f76;
}
#industriesPage .contact-from{
    background-image: url("../../upload/photo/202409/01-map8.png");
    /*background-color: #162f76;*/
    /*display: flex;*/
    background-color: var(--font-color);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    padding: 35px 110px;
    margin-top: 40px;
}

#industriesPage .contact-from > div{
    flex: 1;
}

#industriesPage .contact-from form{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 50px;
    justify-items: center;
    background-color: #FFFFFF;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 60px;
    outline: none;
    margin: 30px 0;
    margin-right: 35px;
}


#industriesPage .contact-from .left h3{
    /*font-family: Arial;*/
    /*font-size: 30px;*/
    /*line-height: 1.5;*/
    /*font-weight: bold;*/
    /*color: #fff;*/
    font-size: 40px;
    font-weight: bold;
}

#industriesPage .contact-from .left {
    /*font-family: Arial;*/
    /*font-size: 20px;*/
    /*line-height: 2.0;*/
    /*color: #fff;*/
    /*padding: 25px 50px;*/
    font-family: Arial;
    color: #FFFFFF;
    flex: 1;
    padding-top: 30px;
    margin: 0 80px;
    line-height: 2;
    font-size: 22.4px;
}
/*#industriesPage .contact-from .left p{*/
/*    margin: 50px;*/
/*}*/
#industriesPage .contact-from .left .from_title {
    margin-bottom: 40px;
}

#industriesPage .contact-from form dl{
    width: 100%;
}
#industriesPage .contact-from form dt{
    display: flex;
    align-items: center;
    font-size: var(--fontSize);
}
#industriesPage .contact-from form dd{
    border: none;
}
#industriesPage .contact-from .from textarea,
#industriesPage .contact-from input{
    border: none;
    border-bottom: 1px solid #C6C6C6;
    padding-left: 0;
}

#industriesPage .contact-from .from .form4{
    grid-column: 1 / 3;
}

#industriesPage .contact-from .from .form4 p{
    display: none;
}

#industriesPage .contact-from .from .form4:after{
    content: "Contents with * are required. \A For your privacy and security, we will keep your information strictly confidential.";
    white-space: pre-wrap;
    color: #6e6e6e;
    margin-top: 30px;
}

#industriesPage .contact-from button{
    grid-column: 1 / 3;
    height: 40px;
    background-color: #BCBCBC;
    border: none;
    display: flex;
    align-items: center;
    padding: 15px;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 30px;
    gap: 15px;
    transition: .3s;
}

#industriesPage .head_contact {
    padding: 20px 0;
    background-color: #FFFFFF;
}

#industriesPage .head_contact .head_contact-from {
    display: flex;
    /*background-color: #FFFFFF;*/
}

#industriesPage .head_contact .head_contact-from > div{
    flex: 1;
}

#industriesPage .head_contact .head_contact-from form{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    justify-items: center;
    padding: 25px;
    margin: 30px 0;
    margin-right: 45px;
    align-items: center;

}

#industriesPage .head_contact .head_contact-from .text{
    line-height: 2;
    align-content: center;
    font-size: 20px;
    padding: 0 50px;
}
#industriesPage .head_contact .head_contact-from button{
    background-color: #BCBCBC;
    border: none;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    color: #FFFFFF;
    margin: 0 auto;
    transition: .3s;
}
#industriesPage .head_contact .head_contact-from button img{
    padding-right: 5px;
}
#industriesPage .head_contact .head_contact-from input{
    border: none;
    border-bottom: 1px solid #C6C6C6;
    padding-left: 0;
}

#industriesPage .head_contact .head_contact-from form dt{
    display: flex;
    align-items: center;
    font-size: var(--fontSize);
}

#industriesPage > .head_contact .head_contact-from .head_from form .tip {
    width: 100%;
    grid-column: 4 / 1;
    color: #6f737a;
}

/*页脚*/
.footer-section{
    width: 80%;
    margin: 0 auto;
}
.footer-section h2{
    font-family: Arial;
    font-size: 30px;
    line-height: 1.5;
    font-weight: bold;
}
.footer-section p{
    font-family: Arial;
    font-size: 15px;
    line-height: 2;
}
.case-images{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}
.case-image_item {
    font-family: Arial;
    float: left;
    margin-right: 1%; /* 添加右侧边距以分隔图片 */
    margin-top: 1em; /* 添加顶部边距以分隔图片 */
    font-size: 18px;
    font-weight: bold;
}
.case-image_item div {
    align-content: center;
    text-align: center;
    margin: 5px 0;
}
.case-image img {
    width: 100%; /* 图片宽度设置为容器宽度 */
    height: auto; /* 自动高度以保持比例 */
}
.footer-section img{
    display: block;
    margin: auto;
}

#industriesPage .fot {
    width: 100%;
    display: flex;
}

#industriesPage .footer_center h2{
    font-family: Arial;
    font-size: 30px;
    line-height: 1.5;
    font-weight: bold;
}
#industriesPage .footer_center p{
    font-family: Arial;
    font-size: 15px;
    line-height: 2;
    padding: 5px 0;
}

/*轮播*/
#industriesPage .fot .footer-swiper .swiper-slide{
    /*text-align: center; !* 如果需要居中文本 *!*/
}
#industriesPage .fot .footer-swiper .swiper-slide img{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 0.8;
}
#industriesPage .fot .footer-swiper .swiper-slide .img{
    display: block;
    margin: auto;
    width: 85%;
}
#industriesPage .fot .footer-swiper .swiper-slide .swiper-text{
    width: 80%;
    margin: 0 auto;
}
/*product表格*/
#industriesPage .product_table .img_tb1,
#industriesPage .product_table .img_tb2,
#industriesPage .product_table .img_tb3,
#industriesPage .product_table .img_tb4,
#industriesPage .product_table .img_tb5{
    width: 80%;
    margin: 80px auto;
    display: flex;
    gap: 35px;
}

#industriesPage .product_table .img_tb1 .product_img_item{
    font-size: 17px;
    text-align: center;
}

#industriesPage .head_fot,
#industriesPage .conte_fot{
    margin: 100px 0;
    padding: 50px 0;
}

#industriesPage .footer_center .fot .swiper-button-p img,
#industriesPage .footer_center .fot .swiper-button-n img{
    padding-top: 75px;
}

#industriesPage .footer_center .fot {
    padding-bottom: 90px;
}


@media only screen and (max-width: 768px) {
    body {
        font-size: 14px;
    }
    .carousel_title {
        font-size: 1rem;
    }
    .content {
        top: calc(50% + 25px);
    }

    #industriesPage .center{
        width: 95%;
        margin: 0 auto;
        font-size: 15px;
    }

    #industriesPage .contact-from .from img {
        height: auto;
        object-fit: cover;
    }

    .content {
        line-height: 1.5;
    }

    button, [type="submit"] {
        min-width: 100px;
        min-height: 40px;
        padding: 10px 20px;
    }

    #industriesPage .pageHead .head_title .center .head_titlep2 {
        margin-left: 0;
        white-space: pre-wrap;
        font-size: 15px;
    }

    #industriesPage .head_title {
        margin-top: 0;
        margin-bottom: 0;
    }

    #industriesPage .head_title .center{
        font-size: 1.2rem;
        font-weight: bold;

    }

    #industriesPage .pageHead .head_title{
        font-size: 18px;
    }

    .pageHead .tb{
        display: flex;
        flex-direction: column;
    }

    #industriesPage .pageHead .head_item_table .tb p,
    #industriesPage .pageHead .head_text_1 .tb p {
        margin: 0 0;
    }

    #industriesPage .pageHead *{
        padding: 0 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    #industriesPage .head_contact .head_contact-from {
        display: flex;
        flex-direction: column;
    }

    #industriesPage .head_contact .head_contact-from .text {
        line-height: 2;
        align-content: center;
        font-size: 15px;
        padding: 0 0;
    }
    #industriesPage .head_contact .head_contact-from form {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        grid-gap: 15px 20px;
        padding: 15px 0;
        margin: 0 0;
    }


    #industriesPage .product_table {
        display: flex;
        justify-content: space-between;
        font-size: 24px;
        padding-bottom: 50px;
        padding-top: 15px;
        flex-direction: column;
    }

    #industriesPage .product_table .product_table_item {
        display: flex;
        padding-top: 15px;
        padding-bottom: 15px;
        flex-direction: column;
    }

    #industriesPage .product_table .text {
        color: #FFFFFF;
        background-color: #747474;
        flex: 1;
        padding-top: 20px;
        padding-left: 5px;
        padding-right: 0;
        line-height: 2;
        font-size: 16px;
    }

    #industriesPage .product_table .text .product_number {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        font-size: 14px;
        border-radius: 50%;
        background-color: #FFFFFF;
        color: #0083ff;
        margin-left: 6px;
    }
    #industriesPage .product_table .text .product_title {
        font-size: 16px;
        font-weight: var(--font-weight-title);
        margin: 10px 0;
    }

    #industriesPage .product_table .img_tb1,
    #industriesPage .product_table .img_tb2,
    #industriesPage .product_table .img_tb3,
    #industriesPage .product_table .img_tb4,
    #industriesPage .product_table .img_tb5 {
        width: 95%;
        margin: 15px auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
    #industriesPage .product_table .img_tb1 p,
    #industriesPage .product_table .img_tb2 p,
    #industriesPage .product_table .img_tb3 p,
    #industriesPage .product_table .img_tb4 p,
    #industriesPage .product_table .img_tb5 p{
        font-size: 0.63rem;
        margin: 5px auto;
    }


    #industriesPage > .head_contact .head_contact-from .head_from form .tip {
        padding-left: 0;
        width: 100%;
        font-size: 13px;
        color: #6f737a;
    }


    #industriesPage .contact-from {
        display: flex;
        background-color: var(--font-color);
        flex-direction: column;
        gap: 20px;
        padding: 0 0;
        margin-top: 0;
    }
    #industriesPage .contact-from .left {
        padding: 0 0;
        flex: 1;
        margin: 0 auto;
        line-height: 2;
        font-size: 15px;
        width: 95%;
    }

    #industriesPage .contact-from .left .from_title {
        margin-bottom: 0;
        margin-top: 10px;
    }

    #industriesPage .contact-from .left h3 {
        line-height: 1.5;
        font-weight: bold;
        color: #fff;
        font-size: 22px;
    }
    #industriesPage .contact-from form {
        display: flex;
        flex-direction: column;
        justify-items: center;
        background-color: #FFFFFF;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 10px;
        outline: none;
        margin: 0 0;
    }

    #industriesPage .contact-from button {
        background-color: #BCBCBC;
        border: none;
        display: flex;
        align-items: center;
        padding: 15px;
        font-size: 20px;
        color: #FFFFFF;
        line-height: 30px;
        gap: 15px;
        margin: 10px auto;
        transition: .3s;
    }

    select[multiple], textarea {
        height: 70px;
        margin: 5px 0;
    }

    #industriesPage .head_fot, #industriesPage .conte_fot {
        margin: 40px 0;
        padding: 15px 0;
    }

    .footer-section {
        width: 95%;
        margin: 0 auto;
    }

    #industriesPage footer h2,
    #industriesPage .footer_center h2{
        font-size: 20px;
    }

    .case-images {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        gap: 0 25px;
    }

    .case-image_item div {
        align-content: center;
        text-align: center;
        margin: 5px 0;
        padding-top: 5px;
        font-size: 13px;
    }

    .footer-swiper.swiper {
        --swiper-navigation-color: #fff; /* 调整导航箭头的颜色，使其在移动设备上可见 */
    }

    #industriesPage .footer_center .fot .swiper-button-p img,
    #industriesPage .footer_center .fot .swiper-button-n img{
        width: 30px;
        padding-top: 75px;
    }

    #industriesPage .contact-from .from .form4:after {
        font-size: 13px;
    }

    #industriesPage .footer_center .fot {
        padding-bottom: 10px;
    }


    /*.module-margin-bottom {*/
    /*     margin-bottom: 15px;*/
    /*}*/
    .module-margin-bottom {
        margin-bottom: 15px !important;
    }


    #industriesPage .pageHead *{
        /*margin: 10px auto;margin: 10px auto;*/
    }

    .head_from form .form2:after {
        display: block;
        content: "For your privacy and security, we will keep your information strictly confidential.";
        width: 100%;
        margin-top: 10px;
        font-size: 13px;
        color: #6f737a;
    }

    #industriesPage > .head_contact .head_contact-from .head_from form .tip {
        display: none;
    }

}