#footer_new {
    display:none
}
@media screen and (max-width: 960px) {
    .homeHeaderMain {
        background-color: #00a3e4;
        height: 100px;
        position: relative;
        width: 100%;
        z-index: 5
    }

        .homeHeaderMain > img {
            height: auto;
            width: 100%
        }

        .homeHeaderMain > div {
            padding: 20px 20px 0
        }

        .homeHeaderMain .angle {
            background: #f7f7f7;
            bottom: 0;
            display: flex;
            height: 35px;
            justify-content: space-between;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 100%;
            z-index: 1
        }

            .homeHeaderMain .angle .l {
                transform: rotate(-10deg) translateY(-15px);
                transform-origin: bottom left
            }

            .homeHeaderMain .angle .l, .homeHeaderMain .angle .r {
                background-color: #00a3e4;
                flex: 0 0 10%;
                height: innerit
            }

            .homeHeaderMain .angle .r {
                transform: rotate(10deg) translateY(-15px);
                transform-origin: bottom right
            }

    .headerLogo {
        position: relative;
        z-index: 99
    }

        .headerLogo .login {
            color: #fff;
            position: absolute;
            right: 0;
            text-align: right;
            top: 50%;
            transform: translateY(-50%)
        }

            .headerLogo .login img {
                height: 28px;
                width: 28px
            }

    .icon-search {
        background: url(../images/header/search.webp?v=2) no-repeat 50%;
        background-size: 60%
    }

    .Logo {
        text-align: center
    }

        .Logo .LogoImg {
            width: 133px
        }

    .SearchBar {
        background: #fff;
        border-radius: 48px;
        bottom: 0;
        box-shadow: 0 2px rgba(0,104,181,.1);
        display: flex;
        overflow: hidden;
        position: absolute;
        width: calc(100% - 40px);
        z-index: 9
    }

        .SearchBar .el-input {
            height: 35px
        }

            .SearchBar .el-input .el-input__wrapper {
                border: none;
                border-radius: 48px;
                box-shadow: none
            }

                .SearchBar .el-input .el-input__wrapper:hover {
                    box-shadow: none
                }

            .SearchBar .el-input .el-input-group__append {
                background-color: #fff;
                border: none;
                border-radius: 0;
                box-shadow: none;
                color: #fff;
                width: 60px
            }

                .SearchBar .el-input .el-input-group__append :deep(.el-icon) {
                    font-size: 22px;
                    height: .7em
                }

        .SearchBar .rfq {
            transform: translateY(5px)
        }

    @media screen and (min-width: 768px) {
        .homeHeaderMain {
            height: 206px
        }

            .homeHeaderMain > div {
                padding: 40px
            }

        .Logo .LogoImg {
            height: auto;
            width: 290px
        }

        .icon-search {
            background-size: 80%
        }

        .headerLogo .login {
            font-size: 29px;
            right: 0
        }

            .headerLogo .login img {
                height: 46px;
                width: 46px
            }

        .SearchBar {
            width: calc(100% - 80px)
        }

            .SearchBar .el-input {
                font-size: 26px;
                height: 60px
            }

                .SearchBar .el-input .el-input-group__append {
                    width: 86px
                }

            .SearchBar .el-input-group__append .el-button {
                height: 38px;
                width: 38px
            }
    }

    .footer {
        background-color: #fff;
        padding: 15px
    }

        .footer .FooterTitle {
            border-bottom: 1px solid #dadee6;
            color: #333;
            font-size: 16px;
            font-weight: 600;
            line-height: 36px;
            margin-bottom: 15px;
            margin-top: 35px;
            position: relative;
            text-transform: uppercase
        }

            .footer .FooterTitle:before {
                background: #00a3e4;
                border-radius: 31px;
                bottom: 0;
                content: "";
                display: block;
                height: 2px;
                position: absolute;
                width: 10%
            }

        .footer .brd {
            border-bottom: 1px dashed #ddd
        }

        .footer .FooterShare {
            display: flex;
            justify-content: flex-start;
            padding: 15px 0 0
        }

    #footer_new {
        display: block;
    }

    .footer .FooterShare .ShareItem {
        background-image: url(/images/v_en_3.0/header/share-2024.svg);
        background-repeat: no-repeat;
        background-size: 250px;
        height: 40px;
        margin: 0 5px;
        width: 40px
    }

        .footer .FooterShare .ShareItem:hover {
            background-color: rgba(150,146,146,.31)
        }

    .footer .FooterShare .twitter {
        background-position: 0 0
    }

    .footer .FooterShare .facebook {
        background-position: -52px 0
    }

    .footer .FooterShare .linkedin {
        background-position: -105px 0
    }

    .footer .FooterShare .instagram {
        background-position: -158px 0
    }

    .footer .FooterShare .youtube {
        background-position: -210px 0
    }

    .footer .FooterContact div {
        font-size: 15px;
        margin-bottom: 10px
    }

        .footer .FooterContact div img {
            height: 11px;
            width: 15px
        }

    .footer .FooterContact .fPhone img {
        height: 16px;
        width: 12px
    }

    .footer .FooterInformation div, .footer .FooterServices div {
        font-size: 15px;
        margin-bottom: 10px
    }

    .footer .FooterPayment {
        width: 67%
    }

        .footer .FooterPayment img {
            width: 250px
        }

    .footer .FooterShippingMethods img {
        width: 280px
    }

    .footer .FooterISO {
        text-align: center
    }

        .footer .FooterISO .copy {
            font-size: 12px;
            margin-top: 10px
        }

    @media screen and (min-width: 768px) {
        .footer .FooterTitle {
            font-size: 34px;
            padding: 30px
        }

        .footer .FooterPayment {
            padding: 0 30px 30px;
            width: 100%
        }

            .footer .FooterPayment .el-image {
                width: 67%
            }

        .footer .FooterShippingMethods {
            padding: 0 30px 30px
        }

        .footer .FooterContact {
            font-size: 28px;
            padding: 0 30px 30px
        }

            .footer .FooterContact div {
                font-size: 28px;
                margin-bottom: 20px
            }

                .footer .FooterContact div img {
                    height: 18px;
                    width: 24px
                }

            .footer .FooterContact .fPhone {
                margin-bottom: 0
            }

                .footer .FooterContact .fPhone img {
                    height: 28px;
                    width: 24px
                }

        .footer .FooterInformation, .footer .FooterServices {
            font-size: 30px;
            padding: 0 30px 30px
        }

            .footer .FooterInformation div, .footer .FooterServices div {
                font-size: 28px;
                margin-bottom: 20px
            }

                .footer .FooterInformation div:last-of-type, .footer .FooterServices div:last-of-type {
                    margin-bottom: 10px
                }

        .footer .FooterShare {
            padding: 0 30px 30px
        }

            .footer .FooterShare .ShareItem {
                background-size: 480px;
                height: 80px;
                width: 80px
            }

            .footer .FooterShare .facebook {
                background-position: -98px 0
            }

            .footer .FooterShare .linkedin {
                background-position: -200px 0
            }

            .footer .FooterShare .instagram {
                background-position: -302px 0
            }

            .footer .FooterShare .youtube {
                background-position: -404px 0
            }

        .footer .FooterDesc {
            font-size: 22px;
            margin-bottom: 15px;
            padding: 0 30px
        }

        .footer .FooterISO {
            padding: 30px 15px
        }

            .footer .FooterISO .copy {
                font-size: 26px;
                margin-top: 30px
            }
    }
}