/* 移动端适配样式 */

a {

    color: black;
    text-decoration: none;
    display: inline-block;
}

.bg_img {
    margin-top: 8vw;
    position: absolute;
    z-index: 0;
}





.bg_img>div>img {

    width: 100vw;
    height: 50vw;
    object-fit: cover;
    -webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, -0.5) -2%, rgba(0, 0, 0, 0.8) 66%, rgba(0, 0, 0, 0.3) 70%);
    mask: linear-gradient(to bottom, rgba(0, 0, 0, -0.5) -2%, rgba(0, 0, 0, 0.8) 66%, rgba(0, 0, 0, 0.3) 70%);

}

.bg_img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0vw;
    bottom: 0;
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0) 80%,
            rgba(255, 255, 255, 1) 100%,
            rgba(255, 255, 255, 1) 15%,
            rgba(255, 255, 255, 0) 15%);
    pointer-events: none;
}

/* logo 导航栏 */

.nav {

    background: transparent;

}

.top {
    width: 100%;
    position: fixed;
    z-index: 9;
}

.top1 .w {
    visibility: hidden;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10vw;
}

.top .w {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10vw;
}

.top-left img {
    height: 12vw;
}

.other-page {
    line-height: 7vw;
    text-align: center;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-column-gap: 3vw;
    /*设置间距*/
    margin-right: 3vw;
}

.other-page li {
    font-size: 3vw;
    letter-spacing: 0.5vw;

}

.unique-li {
    float: left;
    position: relative;
}

.unique-li span {
    z-index: 100;
}

.unique-li .set-img {
    z-index: -1;
    top: 4vw;
    position: absolute;
    overflow: hidden;
    right: 0vw;
}

.set-img img {
    float: right;
    width: 9vw;
    height: 2.5vw;
}

.body {
    padding: 0 10px;
    margin: 0;
    /* padding: 0 3vw; */
}

.contact {

    display: flex;
    flex-direction: column;
    align-items: flex-start;

}

.contact_container {
    background: #fff;
    margin-top: 16vw;
    position: relative;
    margin-left: 1vw;
}


.contact_wep_line {
    width: calc(100vw - 30px);
    height: 62.3vw;
    position: absolute;
    z-index: 1;
    bottom: 1vw;
}

.contact_line {

    display: none;
}

.ctc_bg {
    margin-left: 2vw;
    display: flex;
    flex-wrap: wrap;

    box-shadow: none;
    z-index: 0;
    position: relative;
}

.ctc_title {
    font-size: 5vw;
    font-weight: bold;
    color: #FF8D00;
    margin: 5vw 2vw;
    display: flex;
    align-items: center;
    letter-spacing: .3vw;
}

.ctc_circle {
    width: 7vw;
    height: 7vw;
    position: absolute;
    top: 7.5vw;
    left: 20vw;
    z-index: -1;
}

.ctc_line {
    width: 5.5vw;
    height: 1.7vw;
    position: absolute;
    z-index: 2;
    top: 16vw;
    left: 2vw;
    border-radius: 2vw;
}

.ctc_address {
    width: 83vw;
    font-size: 4vw;
    color: #666;
    border-bottom: 0.1vw solid #D9D9D9;
    border-top: 0.1vw solid #D9D9D9;
    margin-left: 3vw;


}

.ctc_address>img {
    width: 4.7vw;
    height: 4.8vw;
    margin-top: 2.5vw;
    position: relative;
    left: -.8vw;
}

.ctc_address>span {
    margin-left: 2vw;
    font-size: 4vw;
    color: #D9D9D9;
    letter-spacing: .5vw;
    position: relative;
    top: -0.5vw;
}

.ctc_address_txt {
    font-size: 4vw;
    letter-spacing: .4vw;
    margin: 2vw 0 3vw 0;
    color: #000;
}

.ctc_bottom {
    display: flex;
    flex-direction: row;

    margin: 0 0 2vw 0;
}

.ctc_phone,
.ctc_email {
    font-size: 4vw;
    color: #D9D9D9;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 2.5vw;
}

.ctc_phone>img {
    width: 5vw;
    height: 5vw;
    position: relative;
    margin-top: .9vw;

}

.ctc_email>img {
    width: 5vw;
    height: 4vw;
    position: relative;
    margin-top: 1.3vw;

}

.ctc_bottom span {
    margin-top: 2.5vw;
    margin-left: 3vw;
    font-size: 4vw;
    color: #D9D9D9;
    position: relative;
}

.ctc_email>span {
    top: -.69vw;
}

.ctc_phone>span {
    top: -.7vw;
    left: -1vw;
}

.ctc_phone_num,
.ctc_email_num {


    font-size: 4vw;
    letter-spacing: 0.3vw;
    color: #070507;
}

.ctc_email_num {
    margin-bottom: 2.5vw;
    margin-top: 2vw;
}

.ctc_phone_num {
    height: 6vw;
    width: 38vw;
    border-right: .5vw solid #D9D9D9;
    margin-bottom: 1.4vw;
}

.mertu {

    padding: 0 3vw;
    border-radius: 20vw;
    background: #F8A032;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 3.5vw;
    color: #FFFFFF;
    letter-spacing: 0.5vw;
    position: absolute;
    top: 17vw;
    right: 6vw;
    box-shadow: 1vw 1vw 2.5vw -.2vw #F8A032;
}

.mertu>img {
    height: 9vw;
    width: 9vw;

}

.contact>img {
    width: 7vw;
    height: 7vw;
    position: absolute;
    right: 20vw;
    top: 29vw;
}

/* 客户资料 */
.customer {
    margin: 10vw 0 17vw 1vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.customer_container {
    position: relative;
}

.customer_line {
    display: none;
}

.customer_wep_line {
    width: calc(100vw - 35px);
    height: 152vw;
    position: absolute;
    z-index: 0;
}

.customer_bg {

    background: #fff;
    border-radius: 4vw;
    box-shadow: none;
    padding: 4vw 0 0 0;
    z-index: 1;
}

.cst_body {

    margin: 0 auto;

}

.cst_title {
    font-size: 5vw;
    color: #589C34;
    font-weight: bold;
    letter-spacing: 0.5vw;
    margin: 0vw 5vw 5vw 5vw;
    display: flex;
    align-items: center;
    z-index: 0;
    position: relative;
}

.cst_title img {
    width: 7vw;
    height: 7vw;
    position: absolute;
    top: 3vw;
    left: 17.5vw;
    z-index: -1;
}

.cst_information {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 7vw;


}

.cst_information>div {
    font-size: 4vw;
    letter-spacing: 0.5vw;
    color: #070507;
    text-align: left;
    padding-left: 5vw;
    margin-bottom: 2vw;
}

.cst_information span {
    margin-left: 5vw;

}

.cst_information>div>input {
    width: 81vw;

    height: 10vw;
    border-radius: 20vw;
    background: #F7F9F7;
    font-size: 4vw;

    padding-left: 5vw;
    margin-top: 2vw;
    color: #ABABAB;
    position: relative;
    z-index: 2;
    border: 0.5vw solid #F7F9F7;

}

.cst_information>div>input:focus {
    border: 0.5vw solid #589C34;
    outline: none;
    background: #fff;
}

.cst_saying {
    color: #070507;
    text-align: left;
    font-size: 4vw;
    letter-spacing: 0.5vw;
    color: #070507;
    padding-left: 6vw;
    margin-bottom: 2vw;
}

.cst_saying span {
    margin-left: 3.6vw;
    letter-spacing: .1vw;
}

.cst_saying textarea {
    width: 80vw;
    height: 35vw;
    border-radius: 4vw;
    background: #F7F9F7;
    margin-bottom: 3vw;
 margin-top: 2vw;
    resize: none;
    outline: none;
    font-family: inherit;

    padding-top: 3vw;
    padding-left: 5vw;
    font-size: 4vw;
   
    color: #ABABAB;
    z-index: 2;
    position: relative;
    border: 0.5vw solid #F7F9F7;
}

.cst_saying textarea:focus {
    border: 0.5vw solid #589C34;
    outline: none;
    background: #fff;
}

.cst_information>div>input::placeholder,
.cst_saying textarea::placeholder {
    color: #ABABAB;
    opacity: 1;
    letter-spacing: .3vw;

}

.cst_submit {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    display: block;
    width: 55vw;
    height: 11vw;
    margin: 5vw auto 0 auto;

    background: #9DE787;
    color: #fff;
    font-size: 4.5vw;
    border: none;
    border-radius: 10vw;
    text-align: center;
    line-height: 11vw;
    position: relative;
    z-index: 10;
}




.customer_bg>img {
    width: 13vw;
    height: 5vw;
    position: absolute;
    right: 2vw;
}