.footer {

    background: #262833;



}



.footer .footer_top {

    padding: 24px 0;

    border-bottom: 1px solid #707070;



}



.footer .footer_top .left-logo {

    width: 188px;

}



.footer .footer_top .tit_area {

    flex: 1;

    font-size: 16px;

    color: #FFFFFF;

    display: flex;

    justify-content: flex-end;

}



.footer .footer_top .tit_area h3 {

    width: 160px;

}



.footer-con {

    color: #FFFFFF;

    padding: 30px 0 60px;

}



.footer-con .left-contact {

    display: flex;

    margin-bottom: 10px;

}



.footer-con .left-contact .ewm img {

    width: 124px;

    height: auto;

}



.footer-con .left-contact .ewm p {

    margin-top: 15px;

    font-size: 14px;

    color: #FFFFFF;

}



.left-contact .rx {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    margin-left: 30px;

}



.left-contact .rx h6 {

    font-size: 14px;

    color: #EE9B01;

}



.left-contact .rx .tel {

    font-size: 40px;

    /* font-weight: 800; */

    color: #EE9B01;

}



.left-contact .code-box {

    margin-bottom: 10px;

}



.left-contact .code-box .iocn {

    width: 41.5px;

    height: 41.5px;

    border-radius: 50%;

}



.left-contact .code-box .code-img {

    position: absolute;

    height: 0;

    overflow: hidden;

    width: 90px;

    opacity: 0;

    top: 110%;

    left: 50%;

    transform: translateX(-50%);

    transition: all 0.5s;



}



.left-contact .code-box .code-img img {

    object-fit: cover;

}



.left-contact .code-box .code-item {

    margin-right: 40px;

    cursor: pointer;

    position: relative;



}



.left-contact .code-box .code-item:hover .code-img {

    opacity: 1;

    height: 90px;

    /* top: 110%; */

}


.left-sidebar {
    width: 90px;
    position: fixed;
    top: 15%;
    left: 1.2%;
    z-index: 9999;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    border-radius: 16px;
}

.left-sidebar img {
    width: 90px;
}

.footer-con {

    display: flex;

}



.footer-con .address {

    margin-top: 20px;

    font-size: 18px;

}



.footer-con .right-menu {

    margin-left: 30px;

    display: flex;

    flex: 1;

    justify-content: flex-end;

}



.footer-con .right-menu .second {

    display: flex;

    flex-direction: column;

    width: 160px;



}



.footer-con .right-menu .second a {

    font-size: 14px;

    color: #999;

    margin-bottom: 10px;

}



.footer-con .right-menu .second a:hover {



    color: #EE9B01;



}



.copyright {

    background: #1a1c23;

    padding: 20px;

    cursor: pointer;

    color: #FFFFFF;

    font-size: 14px;

}



.copyright a {

    margin-left: 10px;

    color: #FFFFFF;

}



.copyright a:hover {

    color: #EE9B01;

}



.Topping {

    width: 64px;

    height: 64px;

    position: fixed;

    right: 10px;

    bottom: 20vh;

    z-index: 10;

    cursor: pointer;

    display: none;

}



.form {

    display: none;


}




.footer-tel {

    display: none;

}

.tel-di {

    display: none;

}

@media screen and (max-width: 1400px) {

    .footer-con .address {



        font-size: 16px;

    }



    .footer .footer_top .left-logo {

        width: 170px;

    }

}



@media screen and (max-width: 1280px) {

    .footer .footer_top .left-logo {

        width: 130px;

    }



    .footer-con .left-contact .ewm img {

        width: 80px;

    }



    .left-contact .rx .tel {

        font-size: 26px;

        /* font-weight: 800; */

        color: #EE9B01;

    }



    .left-contact .rx {

        margin-left: 15px;

    }



    .left-contact .code-box .code-item {

        margin-right: 10px;



    }



    .left-contact .code-box .iocn {

        width: 35px;

        height: 35px;

    }



    .footer-con .left-contact .ewm p {

        margin-top: 10px;

        font-size: 12px;



    }



    .footer-con .address {

        margin-top: 15px;

        font-size: 13px;

    }



    .footer .footer_top .tit_area h3 {

        width: 150px;

        font-size: 14px;

    }



    .footer .footer_top .tit_area h3 {

        width: 150px;

    }



    .footer .footer_top {

        padding: 15px 0;

    }



    .footer-con .right-menu .second {

        width: 150px;

    }



    .footer-con .right-menu .second a {

        font-size: 12px;

    }



    .footer-con {

        color: #FFFFFF;

        padding: 20px 0 40px;

    }



    .copyright {

        padding: 15px;

        font-size: 12px;

    }



}



@media screen and (max-width: 768px) {

    .form {
        display: block;
        padding: 4%;
        margin-top: 20px;
        /* box-shadow: 0px -4px 7px #f2f2f2; */
    }

    /* 
    .pc_form{
        display: none;
    } */

    .form h4 {

        font-size: 19px;

        color: #333333;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }

    .form h4 .iocn {
        width: 25px;
        height: 25px;
        margin-right: 8px;

    }

    .pc_form_box {
        display: flex;
        flex-direction: column;
    }

    .pc_form_box textarea {
        /* flex: 1; */
        height: 100px;
        background: #f5f5f5;
        padding: 10px;
        border: 1px solid #CCCCCC;
        resize: none;
        border-radius: 3px;
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        margin-top: 15px;
        font-size: 15px;
    }



    .form .form-item {

        display: flex;

        align-items: center;

        margin-top: 15px;

    }



    .form .form-item span {

        font-size: 15px;

        color: #B1B1B1;

        margin-right: 15px;

    }



    .form .form-item input {
        height: 35px;
        border: 1px solid #CCCCCC;

        flex: 1;
        padding-left: 10px;
        font-size: 15px;

    }



    .form .Submit {

        display: block;
        margin: 0 auto;
        height: 35px;

        width: 240px;

        margin-top: 20px;

        background: #F0A212;

        border-radius: 4px;

        font-size: 16px;

        color: #FFFFFF;

    }



    .footer-pc {

        display: none;

    }



    .footer-tel {

        display: block;

        background-color: #000;



    }



    .footer-tel .sidebar {

        position: static;

    }



    .footer-tel .sidebar .sidebar-cn {

        width: 100%;

        background: transparent;

        padding: 0 15px 15px;

    }



    .footer-tel .menu-list-tel .mlt-item .tou {

        padding: 4px 0;

        border-bottom: none;



    }



    .footer-tel .menu-list-tel .mlt-item .tou a {

        color: #B1B1B1;

    }



    .footer-tel .menu-list-tel .mlt-item span {

        border-top: 2px solid #B1B1B1;

        border-right: 2px solid #B1B1B1;



    }



    .footer-tel .drop-down .secondary a {

        color: #B1B1B1;

    }



    .contact-code {

        display: flex;

        align-items: center;

        padding: 0 4%;

        justify-content: space-between;

    }



    .contact-code .cc-ewm {

        display: flex;

        align-items: center;

        justify-content: space-between;

    }



    .contact-code img {

        width: 100px;

        height: 100px;

    }



    .contact-code span {

        font-size: 18px;

        color: #FFFFFF;

    }



    .footer {

        background: #000;

        padding-bottom: 10px;

    }

    .tel-di {

        display: block;

        padding: 20px 4% 0;

        background-color: #000;



    }

    .tel-di p {

        margin-bottom: 10px;

        font-size: 14px;

        color: #FFFFFF;

    }

    .copyright {

        background-color: #000;

        padding: 10px 4%;

        font-size: 14px;

        justify-content: inherit;

    }

    .copyright a {

        margin-left: 0px;

    }

    .Topping {

        width: 52px;

        height: 52px;
    }


    .left-sidebar {
        display: none;
        width: 90px;
        position: fixed;
        top: 15%;
        left: 1.2%;
        z-index: 9999;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
        overflow: hidden;
        border-radius: 16px;
    }

    .left-sidebar img {
        width: 90px;
    }
}

/* 768px 以上视为pc */
@media screen and (min-width: 769px) {


    .form {
        display: block;
        /* box-shadow: 0px -4px 7px #f2f2f2; */
        padding: 2% 0;
        margin: 0 auto;
        margin-top: 20px;

    }

    .pc_form .pc_form_box {
        width: 85%;
        max-width: 1400px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        margin-top: 30px;

    }

    .ipt_box {
        /* margin-right: 20px; */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 49.5%;
    }

    .pc_form_box textarea {
        /* flex: 1; */
        width: 49.5%;
        height: 100px;
        background: #f5f5f5;
        padding: 10px;
        border: 1px solid #CCCCCC;
        resize: none;
        border-radius: 3px;
        font-size: 16px;

    }

    .form h4 {
        font-size: 24px;
        color: #333333;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }

    .form h4 .iocn {
        width: 30px;
        height: 30px;
        margin-right: 10px;


    }




    .pc_form .form-item {

        display: flex;

        align-items: center;

        /* margin-top: 15px; */

    }



    .pc_form .form-item span {

        font-size: 15px;

        color: #B1B1B1;

        margin-right: 15px;

    }



    .pc_form .form-item input {

        height: 40px;
        border-radius: 3px;
        border: 1px solid #CCCCCC;
        background: #f5f5f5;
        flex: 1;
        padding-left: 10px;
        font-size: 16px;
    }



    .pc_form .Submit {

        display: block;
        height: 40px;
        width: 240px;
        margin: 0 auto;
        margin-top: 20px;

        background: rgb(241, 107, 27);

        border-radius: 4px;

        font-size: 16px;

        color: #FFFFFF;

    }


}