/* 自定义轮播导航按钮 */
.custom-swiper-navigation{
    width: 4.125rem;
    height: 4.125rem;
    border-radius: 2.0625rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #0155ae;
    z-index: 99;
    cursor: pointer;
    user-select: none;
}
.custom-swiper-navigation-icon{
    width: 1rem;
    height: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.custom-swiper-navigation-icon-img{
    width: 1rem;
    height: 1rem;
    object-fit: contain;
}
.custom-swiper-navigation-icon-img:last-of-type{
    display: none;
}
.custom-swiper-navigation-disabled{
    background: #eeeeee;
}
.custom-swiper-navigation-disabled .custom-swiper-navigation-icon-img:first-of-type{
    display: none;
}
.custom-swiper-navigation-disabled .custom-swiper-navigation-icon-img:last-of-type{
    display: block;
}
.custom-swiper-navigation-prev{
    position: absolute;
    top: calc(50% - 2.0625rem);
    left: calc(13.125rem - 5.5rem);
}
.custom-swiper-navigation-next{
    position: absolute;
    top: calc(50% - 2.0625rem);
    right: calc(13.125rem - 5.5rem);
}

/* 定制解决方案 */

/* 区块4 */
.customized-solutions-container{
    width: 100%;
    height: 62.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.customized-solutions-container-bg{
    width: 100%;
    height: 62.5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.customized-solutions-container-bg-img{
    width: 100%;
    height: 62.5rem;
    object-fit: cover;
}
.customized-solutions-container-content{
    width: 100%;
    height: 62.5rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.4);
}
.customized-solutions-container-content-wrap{
    height: 45.625rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.customized-solutions-container-header{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.customized-solutions-container-header-title{
    width: 100%;
    text-align: left;
    font-size: 3.125rem;
    color: #FFFFFF;
}
.customized-solutions-solutions{
    width: 100%;
}
.customized-solutions-solutions-swiper{
    width: 100%;
}
.customized-solutions-solution{
    width: 50%;
    height: max-content;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
}
.customized-solutions-solution-title{
    width: 100%;
    text-align: left;
    font-size: 2.5rem;
    color: #FFFFFF;
}
.customized-solutions-solution-description{
    width: 100%;
    text-align: left;
    font-size: 1.125rem;
    color: #FFFFFF;
    font-weight: lighter;
    padding-top: 2.5rem;
}
.customized-solutions-solution:hover .customized-solutions-solution-title{
    color: #0155ae;
}
.customized-solutions-solution:hover .customized-solutions-solution-description{
    color: #0155ae;
}
.customized-solutions-thumb-solutions{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: #dadada solid 0.0625rem;
    padding-bottom: 0.9375rem;
}
.customized-solutions-thumb-solutions-btn{
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.customized-solutions-thumb-solutions-btn-icon{
    width: 1rem;
    height: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.customized-solutions-thumb-solutions-btn-icon-img{
    width: 1rem;
    height: 1rem;
    object-fit: contain;
}
.customized-solutions-thumb-solutions-btn-icon-img:last-of-type{
    display: none;
}
.customized-solutions-thumb-solutions-swiper{
    width: calc(100% - 6.25rem);
}
.customized-solutions-thumb-solutions-swiper .swiper-slide{
    width: auto;
}
.customized-solutions-thumb-solution{
    width: max-content;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}
.customized-solutions-thumb-solution-title{
    font-size: 1.25rem;
    color: #9d9d9d;
}
.customized-solutions-thumb-solutions-swiper .swiper-slide-thumb-active .customized-solutions-thumb-solution-title{
    color: #FFFFFF;
}
.customized-solutions-container-content .custom-swiper-navigation{
    background: rgba(255,255,255,0.5);
}
.customized-solutions-container-content .custom-swiper-navigation-disabled{
    width: calc(4.125rem - 0.25rem);
    height: calc(4.125rem - 0.25rem);
    border: #9aa1ad solid 0.125rem;
    background: rgba(0,0,0,0.5);
}
.customized-solutions-container-content .custom-swiper-navigation-prev{
    left: calc(6.25rem);
}
.customized-solutions-container-content .custom-swiper-navigation-next{
    right: calc(6.25rem);
}

/* 为什么选择我们 */
.why-choose-us-container{
    width: 100%;
    padding: 10rem 0;
}
.why-choose-us-container-header{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.why-choose-us-container-header-title{
    width: 100%;
    text-align: center;
    font-size: 3.125rem;
}
.why-choose-us-desc-list{
    width: 100%;
    padding-top: 6.5625rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.why-choose-us-desc-group{
    width: calc(100% / 3 - 2rem);
    margin-right: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.why-choose-us-desc-group:last-of-type{
    margin-right: 0;
    padding-top: 8.125rem;
}
.why-choose-us-desc-group:first-of-type{
    padding-top: 8.125rem;
}
.why-choose-us-desc{
    width: calc(100% - 6.75rem);
    padding: 3.75rem 3.375rem;
    background-color: #f8f9fa;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 4.8125rem;
}
.why-choose-us-desc:last-of-type{
    margin-bottom: 0;
}
.why-choose-us-desc-header{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.why-choose-us-desc-header-title{
    width: 100%;
    text-align: left;
    font-size: 2.5rem;
    font-weight: 400;
}
.why-choose-us-desc-description{
    width: 100%;
    padding-top: 2.625rem;
    text-align: left;
    font-size: 1.125rem;
    font-weight: lighter;
    color: #FFFFFF;
    visibility: hidden;
}
.why-choose-us-desc-footer{
    width: 100%;
    padding-top: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.why-choose-us-desc-actions{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.why-choose-us-desc-action{
    width: max-content;
    padding: 0 2.5rem;
    min-width: calc(11.375rem - 5rem);
    height: 3.75rem;
    border-radius: 1.875rem;
    text-align: center;
    line-height: 3.75rem;
    font-size: 1.125rem;
    color: #FFFFFF;
    font-weight: lighter;
    background: linear-gradient(to right, #0c479a, #329dfb, #329dfb);
    text-decoration: none;
    margin-right: 1.875rem;
}
.why-choose-us-desc-action:hover{
    background: #0c479a;
}
.why-choose-us-desc-action:last-of-type{
    margin-right: 0;
}
.why-choose-us-desc:hover{
    background-color: #0155ae;
}
.why-choose-us-desc:hover .why-choose-us-desc-header-title{
    color: #FFFFFF;
}
.why-choose-us-desc:hover .why-choose-us-desc-description{
    visibility: visible;
}
.why-choose-us-desc:hover .why-choose-us-desc-actions{
    visibility: hidden;
}

/* Manufacturer Video */
.manufacturer-video-container{
    width: 100%;
    height: 62.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.manufacturer-video-container-bg{
    width: 100%;
    height: 62.5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.manufacturer-video-container-bg-video{
    width: 100%;
    height: 62.5rem;
    object-fit: cover;
    background: #000000;
}
.manufacturer-video-container-content{
    width: 100%;
    height: 62.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
}
.manufacturer-video-container-content-wrap{
    height: calc(62.5rem - 25rem);
    padding: 12.5rem 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.manufacturer-video-container-header{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.manufacturer-video-container-header-left{
    width: calc(45% - 2.5rem);
    padding-right: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.manufacturer-video-container-header-title{
    width: 100%;
    text-align: left;
    font-size: 3.125rem;
    color: #FFFFFF;
}
.manufacturer-video-container-header-right{
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.manufacturer-video-container-header-description{
    width: 100%;
    text-align: left;
    font-size: 1.25rem;
    font-weight: lighter;
    color: #FFFFFF;
}
.manufacturer-video-container-video-control-bar{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.manufacturer-video-video-controls{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.manufacturer-video-video-control{
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.manufacturer-video-video-control-icon{
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.manufacturer-video-video-control-icon-img{
    width: 2.75rem;
    height: 2.75rem;
    object-fit: contain;
}
.manufacturer-video-video-progress-bar{
    width: 100%;
    margin-top: 2.5rem;
    height: 0.4375rem;
    background: #FFFFFF;
    display: none;
}
.manufacturer-video-video-progress{
    height: 0.4375rem;
    background: #0d4a9d;
}

/* 客户评语 */
.partner-comments-container{
    width: 100%;
    position: relative;
}
.partner-comments-swiper{
    width: 100%;
}
.partner-comment{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.partner-comment-body{
    width: 70%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}
.partner-comment-body-left{
    width: 4.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.partner-comment-body-right{
    width: 4.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.partner-comment-comma{
    width: 2.1875rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.partner-comment-comma-img{
    width: 2.1875rem;
    object-fit: contain;
}
.partner-comment-body-content{
    width: calc(100% - 72rpx - 72rpx);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2.5rem 0;
}
.partner-comment-title{
    width: 100%;
    text-align: center;
    font-size: 1.875rem;
}
.partner-comment-description{
    width: 100%;
    text-align: justify;
    font-size: 1.25rem;
    font-weight: lighter;
    padding-top: 3.125rem;
}
.partner-comment-footer{
    width: 100%;
    padding-top: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.partner-comment-author{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.partner-comment-author-avatar{
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.partner-comment-author-avatar-img{
    width: 6rem;
    height: 6rem;
    object-fit: cover;
}
.partner-comment-author-nickname{
    padding-left: 1.5625rem;
    text-align: left;
    font-size: 1.5625rem;
    font-weight: 400;
}

/* 联系表单弹窗 */
.contact-modal-container{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 999;
}
.contact-modal-content{
    width: calc(93.75rem - 3.75rem);
    padding: 3.75rem 1.875rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #f8f9fa;
    position: relative;
}
.contact-modal-close-btn{
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem;
    background: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
}
.contact-modal-close-btn-icon{
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.contact-modal-close-btn-icon-img{
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
}
.contact-modal-info, .contact-modal-form{
    width: calc(50% - 0.125rem - 11.25rem);
    padding: 0 5.625rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.contact-modal-info{
    border-right: #dfe0e1 solid 0.125rem;
}
.contact-modal-info-title{
    width: 100%;
    text-align: left;
    font-size: 3.125rem;
}
.contact-modal-info-description{
    width: 100%;
    padding-top: 2.8125rem;
    text-align: left;
    font-size: 1rem;
    color: #828282;
    font-weight: lighter;
}
.contact-modal-info-footer{
    width: 100%;
    padding-top: 2.8125rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.contact-modal-contactor-list{
    width: 100%;
}
.contact-modal-contactor-group{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.contact-modal-contactor{
    width: calc(50% - 1.25rem);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.contact-modal-contactor-avatar{
    width: 6.875rem;
    height: 6.875rem;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.contact-modal-contactor-avatar-img{
    width: 6.875rem;
    height: 6.875rem;
    object-fit: cover;
}
.contact-modal-contactor-info{
    width: calc(100% - 6.875rem - 1.5625rem);
    padding-left: 1.5625rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.contact-modal-contactor-nickname{
    width: 100%;
    text-align: left;
    font-size: 1.25rem;
    font-weight: 400;
}
.contact-modal-contactor-jobs{
    width: 100%;
    text-align: left;
    font-size: 0.9375rem;
    color: #afafb0;
    font-weight: 400;
    padding-top: 0.625rem;
}
.contact-modal-form-title{
    width: 100%;
    text-align: left;
    font-size: 3.125rem;
}
.contact-modal-form-content{
    width: 100%;
    padding-top: 4.125rem;
}
.contact-modal-form-content label{
    width: calc(100% - 3.5rem);
    padding: 1.5625rem 1.75rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #FFFFFF;
    border-radius: 0.625rem;
    margin-bottom: 0.625rem;
    font-size: 1.25rem;
    font-weight: lighter;
}
.contact-modal-form-content .wpcf7-form-control-wrap{
    flex: 1;
    padding-left: 1.25rem;
    text-align: left;
    font-size: 1.25rem;
}
.contact-modal-form-content .wpcf7-text{
    width: 100%;
    height: 1.875rem;
    line-height: 1.875rem;
    font-size: 1.25rem;
    border: none;
    outline: none;
}
.contact-modal-form-content .wpcf7-textarea{
    width: 100%;
    font-size: 1.25rem;
    border: none;
    outline: none;
    min-height: 1.875rem;
}
.contact-form-actions{
    width: 100%;
    padding-top: 1.25rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.contact-form-actions p{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.contact-form-actions .wpcf7-form-control-wrap{
    width: max-content;
    padding-left: 0;
    flex: unset;
}
.wpcf7-form-control-wrap .wpcf7-file::file-selector-button {
    padding: 0 2.5rem;
    min-width: calc(12.0625rem - 5rem);
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.125rem;
    font-weight: lighter;
    color: #FFFFFF;
    border-radius: 1.875rem;
    border: none;
    background-color: #000000;
    box-sizing: border-box;
    font-family: inherit;
    cursor: pointer;
}
.wpcf7-form-control-wrap .wpcf7-file::file-selector-button:hover{
    opacity: 0.8;
}
.contact-form-actions .wpcf7-submit{
    padding: 0 2.5rem;
    min-width: calc(12.0625rem - 5rem);
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.125rem;
    font-weight: lighter;
    color: #FFFFFF;
    border-radius: 1.875rem;
    border: none;
    background: linear-gradient(to right, #0c479a, #329dfb, #38cbfd);
    box-sizing: border-box;
    font-family: inherit;
    cursor: pointer;
}
.contact-form-actions .wpcf7-submit:hover{
    opacity: 0.8;
}

/* 材质表面处理 */
.surface-processing-container{
    width: 100%;
    padding-bottom: 11.25rem;
}
.surface-processing-container-header{
    /*width: 100%;*/
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.surface-processing-container-header-title{
    width: 100%;
    text-align: left;
    font-size: 3.125rem;
}
.surface-processing-swiper-wrap{
    width: 100%;
    padding-top: 5rem;
}
.surface-processing-desc-swiper{
    width: 100%;
}
.surface-processing-desc-swiper .swiper-slide{
    width: 45.625rem;
}
.surface-processing-desc{
    width: 45.625rem;
    height: 39.75rem;
}
.surface-processing-desc-item-swiper{
    width: 100%;
}
.surface-processing-desc-item-swiper .swiper-pagination{
    width: calc(100% - 7.5rem);
    text-align: left;
    padding: 0 3.75rem;
    bottom: 5rem;
    z-index: 99;
}
.surface-processing-desc-item{
    width: 100%;
    height: 636rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.surface-processing-desc-item-bg{
    width: 100%;
    height: 39.75rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.surface-processing-desc-item-bg-img{
    width: 100%;
    height: 39.75rem;
    object-fit: cover;
}
.surface-processing-desc-item-info{
    width: calc(100% - 7.5rem);
    height: calc(39.75rem - 7.75rem);
    padding: 0 3.75rem 7.75rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3);
}
.surface-processing-desc-item-title{
    width: 100%;
    text-align: left;
    font-size: 1.875rem;
    font-weight: bold;
    color: #ffffff;
}
.surface-processing-desc-item-description{
    width: 100%;
    text-align: left;
    padding-top: 1.5625rem;
    font-size: 1.125rem;
    color: #ffffff;
}