body { padding-top: 0 !important; }
.page--contact-us { background: #F9F9F9; }


/* 面包屑 */
.page--contact-us .crumbs-container { position: fixed; width: 100%; left: 0; top: 0; z-index: 500; }
.page--contact-us .crumbs-container[theme="b"] { background: #FFFFFF; }

.page--contact-us .module-title { color: #333333; text-align: center; margin-bottom: 60px; }

/* 生态合作 */
.page--contact-us .ecological-cooperation-container { font-size: calc(100vw * 100 / 1920); background-color: #FFFFFF; }
.page--contact-us .ecological-cooperation-wrapper { position: relative; width: 15.75em; height: 15.75em; border: 2px solid #F8F8F8; margin: 0 auto -2.7em; border-radius: 50%; }
.page--contact-us .ecological-cooperation-wrapper .inner-box { border-radius: 50%; border: 2px solid #F8F8F8; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; z-index: 9; }
.page--contact-us .ecological-cooperation-wrapper .inner-box-1 { width: 12.3em; height: 12.3em; z-index: 1; }
.page--contact-us .ecological-cooperation-wrapper .inner-box-2 { width: 9.48em; height: 9.48em; z-index: 2; }
.page--contact-us .ecological-cooperation-wrapper .inner-box-3 { width: 5.94em; height: 5.94em; z-index: 3; background: #F2F7FE; }
.page--contact-us .ecological-cooperation-wrapper .inner-box-4 { width: 3.34em; height: 3.34em; z-index: 4; background: #FFFFFF; }
.page--contact-us .ecological-cooperation-wrapper .inner-box-5 { width: 2.72em; height: 2.72em; z-index: 5; background-image: url(../../static/images/img13.png); background-position: center center; background-repeat: no-repeat; background-size: contain; }
.page--contact-us .ecological-cooperation-wrapper .inner-image { display: block; position: absolute; width: 0.9em; height: auto; z-index: 6; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.page--contact-us .ecological-cooperation-wrapper .dot { left: 50%; top: 0; z-index: 3; position: absolute; animation: dotSpin 30s infinite linear; width: 0; height: 0; position: relative; background: red; }
.page--contact-us .ecological-cooperation-wrapper .dot::after { content: ""; width: 0.2em; height: 0.2em; border: 0.05em solid #005FE6; border-radius: 50%; position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%); }
.page--contact-us .ecological-cooperation-wrapper .dot-1 { transform-origin: 50% 6.15em; animation-duration: 20s; }
.page--contact-us .ecological-cooperation-wrapper .dot-2 { transform-origin: 50% 4.74em; }
.page--contact-us .ecological-cooperation-wrapper .icon-box { position: absolute; z-index: 9; width: 1.52em; height: 1.52em; border: 1px solid #E6E6E6; background: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.5s; }
.page--contact-us .ecological-cooperation-wrapper .icon-box.hidden { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); opacity: 0; }
.page--contact-us .ecological-cooperation-wrapper .icon-image { display: block; max-width: 56%; max-height: 100%; }
.page--contact-us .ecological-cooperation-wrapper .icon-box-1 { left: 50%; top: -0.76em; margin-left: -0.76em; }
.page--contact-us .ecological-cooperation-wrapper .icon-box-2 { right: -0.61em; top: 1.29em; }
.page--contact-us .ecological-cooperation-wrapper .icon-box-3 { right: 0.47em; bottom: -0.19em; }
.page--contact-us .ecological-cooperation-wrapper .icon-box-4 { left: 0.47em; bottom: -0.19em; }
.page--contact-us .ecological-cooperation-wrapper .icon-box-5 { left: -0.61em; top: 1.29em; }
.page--contact-us .ecological-cooperation-wrapper .icon-box .name { font-size: 0.2em; position: absolute; z-index: 3; color: #333333; word-wrap: normal; word-break: keep-all; }
.page--contact-us .ecological-cooperation-wrapper .icon-box-1 .name { top: calc(100% + 3px); }
.page--contact-us .ecological-cooperation-wrapper .icon-box-2 .name { left: calc(100% + 9px); }
.page--contact-us .ecological-cooperation-wrapper .icon-box-3 .name { left: calc(100% + 9px); }
.page--contact-us .ecological-cooperation-wrapper .icon-box-4 .name { right: calc(100% + 9px); }
.page--contact-us .ecological-cooperation-wrapper .icon-box-5 .name { right: calc(100% + 9px); }
.page--contact-us .ecological-cooperation-wrapper .img-box { position: absolute; border-radius: 50%; z-index: 3; }
.page--contact-us .ecological-cooperation-wrapper .img-box .image { width: 2em; height: 2em; border-radius: 50%; }
.page--contact-us .ecological-cooperation-wrapper .img-box .name { font-size: 0.2em; color: #666666; position: absolute; left: 50%; top: calc(100% + 3px); text-align: center; z-index: 3; word-break: keep-all; transform: translateX(-50%); }
.page--contact-us .ecological-cooperation-wrapper .img-box-1 { left: -0.51em; top: 0.18em; }
.page--contact-us .ecological-cooperation-wrapper .img-box-2 { left: 2.33em; top: -1.01em; }
.page--contact-us .ecological-cooperation-wrapper .img-box-3 { left: 5.17em; top: -1.75em; }
.page--contact-us .ecological-cooperation-wrapper .img-box-4 { left: 8.02em; top: -1.01em; }
.page--contact-us .ecological-cooperation-wrapper .img-box-5 { right: -0.51em; top: 0.18em; }
.page--contact-us .ecological-cooperation-list-container { position: relative; z-index: 18; }

/**/
.page--contact-us .banner-ext {
    display: flex;
    background: white;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    bottom: -77px;
    position: absolute;
    border-radius: 4px;
}
.page--contact-us .banner-item {
    flex: 1 1 auto;
    padding: 40px;
}
.page--contact-us .banner-item .title {
    /*font-family: PingFang-SC, PingFang-SC;*/
    font-weight: 500;
    font-size: 25px;
    color: #0052D9;
    /*line-height: 80px;*/
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.page--contact-us .banner-item .subtitle {
    font-family: PingFang-SC, PingFang-SC;
    /*font-weight: 500;*/
    font-size: 17px;
    color: #495770;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

/* 圆周运动 */
@keyframes dotSpin {
    to { transform: rotate(-1turn); }
}


.page--contact-us .join-us-btn {
    background: #085FFA;
    border-radius: 6px 6px 6px 6px;
    font-family: MicrosoftYaHeiUI;
    margin-top: 35px;
    display: inline-block;
    cursor: pointer;
    font-size: 20px;
    color: #FFFFFF;
    text-align: left;
    padding: 10px 35px;
}

/* 合作方式 */
.page--contact-us .cooperation-mode-container , .page--contact-us .item-wrapper{ color: #FFFFFF; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.page--contact-us .cooperation-mode-container .title {
    font-weight: bold;
    font-size: 27px;
    color: #262222;
    line-height: 50px;
}
.page--contact-us .cooperation-mode-container .item-wrapper {
    padding: 40px;
}

.page--contact-us .cooperation-mode-container .subtitle {
    font-weight: 500;
    font-size: 18px;
    color: #495770;
    margin-top: 20px;
}
.cooperation-mode-container .cooperation-list {
    display: flex;
    justify-content: center;
    padding-bottom: 60px;
}

.page--contact-us .cooperation-mode-container .join-us {
    font-weight: 500;
    font-size: 16px;
    color: #015FE7;
    text-align: left;
    display: block;
    margin-top: 30px;
}


/* 商务合作 */
.page--contact-us .business-cooperation-wrapper { border-bottom: 1px solid #EBEBEB; }
.page--contact-us .contract-form{ display: flex; flex-wrap: wrap; width: 100%; padding-top: 2em; }
.page--contact-us .contract-form .contract-form-item { width: 32%; margin-right: 2%; }
.page--contact-us .contract-form .contract-form-item .el-input__inner{ line-height: 4.1em; height: 4.1em; }
.page--contact-us .contract-form .contract-form-textarea .el-textarea__inner{ height: 9.1em; }
.page--contact-us .contract-form .contract-form-button{ background: none; margin: 0 auto; color: #fff; width: 9em; height: 3.7em; border-radius: 3.7em; }
.page--contact-us .contract-form input { border-color: transparent; }
.page--contact-us .contract-form .contract-form-button { color: #ffffff; background: #005FE6; padding: 1.4em 4.4em; text-align: center; width: auto; height: auto; margin-top: 1em; transition: all 0.5s; font-weight: normal; }
.page--contact-us .contract-form .contract-form-button:hover { opacity: 0.8; }

/* 找到我们 */
.page--contact-us .find-us-container { position: relative; z-index: 90; margin-bottom: -80px; }

/* 地图 */
.page--contact-us .map-container { height: 466px; background: #FFFFFF; }
#mapContainer { width: 100%; height: 100%; }





/**
 * PC优先的响应尺寸
 */

/* >1680 */



/* 1530 */
@media screen and (max-width: 1580px) {
}

/* 1400 */
@media screen and (max-width: 1400px) {
        .banner-ext {
        bottom: -64px !important;
    }
}

/* 1200 */
@media screen and (max-width: 1200px) {

}

/* 1024 - iPad Pro */
@media screen and (max-width: 1024px) {
.banner-ext {
        bottom: -65px !important;
    }
    .banner-item {
        padding: 10px !important;
    }
    .banner-ext .title {
        font-size: 25px !important;
    }
    .banner-ext .subtitle {
        font-size: 15px !important;
    }
}

@media screen and (max-width: 768px) {
    .banner-ext {
        bottom: -40px !important;
    }
    .banner-item {
        padding: 10px !important;
    }
    .banner-ext .title {
        font-size: 17px !important;
    }
    .banner-ext .subtitle {
        font-size: 12px !important;
    }
    .x-height-topx {
        height: 40px !important;
    }
}

/* 768 - iPad */
@media screen and (max-width: 768px) {
    /*.page--contact-us .module-title { margin-top: 1.2em; margin-bottom: 1.4em; }*/
    .page--contact-us .ecological-cooperation-container { padding-bottom: 30px; }
    .page--contact-us .cooperation-mode-container { padding-bottom: 30px; }
    
    /*2024-06-24 16:12:29 */
    .page--contact-us .better-tip{
        padding: 8px;
    }
    .page--contact-us  .better-tip__title {
        font-size: 18px;
    }
    .page--contact-us .better-tip__sub-title {
        font-size: 13px;
    }
    .page--contact-us .better-tip {
        min-width: 100px;
    }
    .page--contact-us  .better-tip > img {
        height: 40px;
        top: -24px;
        right: -10px;
    }
    .page--contact-us  .better-tip {
        min-height: 50px;
    }
    .page--contact-us .module-title-ext {
        font-size: 24px;
    }
    .page--contact-us .module-title-sub {
        font-size: 15px;
    }
    .page--contact-us .product-line .title {
        font-size: 16px;
    }
    .page--contact-us .product-line img {
        height: 70px;
    }
    .page--contact-us .product-line {
        padding: 20px 10px 10px;
    }
    .page--contact-us .product-support .title {
        font-size: 20px;
    }
    .page--contact-us .product-support .subtitle {
        font-size: 13px;
    }
    .page--contact-us .product-support {
        padding: 20px 10px 30px;
    }
    .page--contact-us .cooperation-mode-container .title {
        font-size: 20px;
        line-height: 24px;
    }
    .page--contact-us .cooperation-mode-container .subtitle {
        font-size: 14px;
    }
    .page--contact-us .cooperation-mode-container .subtitle {
        margin-top: 10px;
    }
    .page--contact-us .cooperation-mode-container .join-us {
        margin-top: 10px;
    }
    .page--contact-us .better-deliver-module img {
        width: 100%;
    }
    .page--contact-us .x-height-80 {
        height: 50px;
    }
    .page--contact-us .module-title {
        margin-bottom: 30px;
    }
    .page--contact-us .youshi {
        margin-top: 40px !important;
    }
    .page--contact-us .product-line-wrap {
        margin-top: 35px !important;
        margin-bottom: 0 !important;
    }
    .page--contact-us .product-line {
        min-width: 130px;
    }
    .page--contact-us .product-support-wrap {
        margin-top: 30px;
    }
    .page--contact-us .better-support-module {
        margin-top: 30px;
    }
    .page--contact-us .product-support {
        min-width: 110px;
    }
    .page--contact-us .cooperation-mode-container .module-title {
        margin-bottom: 0;
    }
    .page--contact-us .cooperation-mode-container .item-wrapper {
        margin-bottom: 0 !important;
    }
    .page--contact-us .cooperation-mode-container .cooperation-list {
        padding-bottom: 20px;
    }
}

/* 500 */
@media screen and (max-width: 500px) {
        .banner-ext .title {
        font-size: 12px !important;
    }
    .banner-ext .subtitle {
        font-size: 12px !important;
    }
}

/* 414 - iPhone6 7 8 plus */
@media screen and (max-width: 414px) {
  .page--contact-us .ecological-cooperation-wrapper .img-box .name {
    font-size: 9px;
  }

  .page--contact-us .ecological-cooperation-wrapper .icon-box .name {
    font-size: 9px;
  }
    .banner-item {
        padding: 4px !important;
    }
    .banner-ext {
            margin: 0 4px;
    }
    .ex-header-title {
        font-size: 24px;
    }
}

/* 375 - iPhoneX、iPhone6 7 8 */
@media screen and (max-width: 375px) {
.banner-ext { display: none !important;}
.x-height-topx {
    height: 20px !important;
}
}

/* 320 - iPhone5 */
@media screen and (max-width: 320px) {
}



.module-title-ext {
    text-transform: none;
    font-weight: bold;
    font-size: 38px;
    color: #16181A;
    /*line-height: 42px;*/
    text-align: left;
    font-style: normal;
}

.module-title-sub {
    margin-top: 4px;
    font-weight: 500;
    color: #495770;
    font-size: 20px;
}

.better-module {
    background-image: url("/statics/home/static/images/better-group-bg.png");
}

.better-tip {
    width: 16%;
    min-width: 190px;
    margin-top: 10px;
    padding: 24px;
    cursor: pointer;
    min-height: 300px;
    position: relative;
}
.better-tip > img {
    position: absolute;
    right: 0;
    height: 100px;
    top: -50px;
    visibility: hidden;
}

.better-tip:hover {
    background-image: url("/statics/home/static/images/better-tip-bg.png");
}
.better-tip:hover .better-tip__title {
    color: white;
}

.better-tip:hover > img {
    visibility: visible;
}
.better-tip:hover .better-tip__sub-title {
    color: white;
}
.better-tip__title {
    font-weight: 500;
    font-size: 24px;
    color: #495770;
}

.better-tip__sub-title {
    margin-top: 30px;
    font-weight: 500;
    font-size: 18px;
    color: #9EA6B3;
}


.better-product-module {
    background: #f7f7f7 !important;
}
.product-line-wrap {
    justify-content: space-around;
    display: flex;
    margin-top: 70px;
    margin-bottom: 70px;
    flex-wrap: wrap;
}
.product-line {
    width: 16%;
    min-width: 200px;
    flex: 1;
    padding: 30px;
    margin-top: 10px;
    background-image: url("/statics/home/static/images/better-product-line-bg.jpg");
    background-size: 100% 100%;
    background-position: center center; /* 图片居中显示 */
    cursor: pointer;
}
.product-line .title {
    font-weight: 500;
    font-size: 24px;
    color: #181818;
    line-height: 42px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-top: 20px;
}

.product-line img {
    display: block;
    margin: 0 auto;
    height: 110px;
}

.hover-animation{
    transform:scale(1);
    transition: all 0.3s ease-out;
}
.hover-animation:hover{
    transform:scale(1.1,1.1);
    transition: all 0.3s ease-out;
}

.better-support-module {
    margin-top: 60px;
    background-image: url("/statics/home/static/images/better-support-bg.png");
    background-size: 100% 100%;
    background-position: center center;
    padding-bottom: 80px;
}

.product-support-wrap {
    justify-content: center;
    display: flex;
    margin-top: 60px;
    flex-wrap: wrap;
}

.product-support {
    margin-right: 10px;
    min-width: 200px;
    margin-top: 20px;
    width: 30%;
    box-sizing: border-box;
    background-position: center center; /* 图片居中显示 */
    cursor: pointer;
    padding: 30px 45px;
    min-height: 200px;
    background-size: cover;
}

.better-support-module .module-title-ext {
    color: white;
}
.better-support-module .module-title-sub {
    color: #959CAD;
}
.product-support .title{
    font-weight: bold;
    font-size: 27px;
    color: #015FE7;
    margin-bottom: 8px;
}
.product-support .subtitle{
    font-weight: 500;
    font-size: 18px;
    color: #495770;
}

.better-support-1 {
    background-image: url("/statics/home/static/images/better-support-1.png");
}
.better-support-2 {
    background-image: url("/statics/home/static/images/better-support-2.png");
}
.better-support-3 {
    background-image: url("/statics/home/static/images/better-support-3.png");
}
.better-support-4 {
    background-image: url("/statics/home/static/images/better-support-4.png");
}
.better-support-5 {
    background-image: url("/statics/home/static/images/better-support-5.png");
}
.better-support-6 {
    background-image: url("/statics/home/static/images/better-support-6.png");
}

/*验收*/
.better-deliver-module {
    background-image: url("/statics/home/static/images/better-deliver-bg.png");
    margin-bottom: -40px;
}
.better-deliver-module img {
    width: 70%;
    margin: 0 auto;
    display: block;
}
.x-height-80 {
    height: 80px;
}
.x-height-60 {
    height: 60px;
}

.x-height-topx {
    height: 90px;
}