.header{
    background: linear-gradient(90deg, #fff 50%, #a4142f  50%);
}
    .header .header_in{
        width: 1530px;
        margin: auto;
        padding: 20px 0;
        background: linear-gradient(90deg, #fff 1350px, #a4142f  185px);
    }
        /* LOGO */
        .header .header_in a.logo{
            width: 370px;
            float: left;
        }
            .header .header_in a.logo img{
                width: 100%;
            }
        .header .header_in img.logo{
            width: 444px;
            float: left;
        }
        /* LOGO(END) */

        /* CONT */
        .header .header_in .about-text {
            max-width: 500px;
            float: left;
            margin: 7px 40px;
            font-size: 12px;
        }
        .header .header_in .cont{
            width: 170px;
            float: right;
            text-align: right;
            color: #fff;
            font-size: 16px;
            font-weight: 700;
        }
            .header .header_in .cont .mail{
                font-size: 12px;
                font-weight: 400;
                color: #fff;
            }
        /* CONT(END) */

        .header .line{
            float: right;
            height: 45px;
            width: 2px;
            background-color: #eceff1;
            margin: 15px 0 0 0;
        }

        /* TEL */
        .header .top_menu .tel{
            float: right;
            padding: 20px 30px;
            cursor: pointer;
            color: #263238;
            font-size: 14px;
            font-weight: 500;
        }
        .header .top_menu .tel:hover{
            background-color: #eceff1;
        }
            .header .top_menu .tel img{
                float: left;
                width: 25px;
                margin: 0 10px 0 0;
            }
            .header .top_menu .tel .t{
                float: left;
                margin: 3px 0 0 0;
            }
        /* TEL(END) */

        /* MENU MIN */
        .header .top_menu_main .menu_min{
            float: left;
            padding: 25px 0;
            cursor: pointer;
            display: none;
            width: 106px;
            text-align: center;
        }
        .header .top_menu_main .menu_min:hover{
            background-color: #eceff1;
        }
        /* MENU MIN(END) */

        /* SEARCH */
        .header .search-form{
            float: right;
            position: relative;
        }
            .header .search-form .btn{
                float: right;
                padding: 18px 30px;
                cursor: pointer;
            }
            .header .search-form .btn.open{
                display: none;
            }
                .header .search-form .btn:hover{
                     background-color: #eceff1;
                 }
                .header .search-form .btn img{
                    width: 25px;
                }
            .header .search-form form{
                display: none;
                position: absolute;
                right: 0;
                top: 0;
                width: 1530px;
                background: #fff;
            }
            .header .search-form form.open{
                display: block;
            }
                .header .search-form form .close{
                    float: right;
                    padding: 19px 30px;
                    cursor: pointer;
                }
                .header .search-form form .close:hover{
                    background-color: #eceff1;
                }
                    .header .search-form form .close img{
                        width: 25px;
                    }
                .header .search-form form input{
                    float: left;
                    padding: 25px 0 15px 30px;
                    width: 1260px;
                    color: #a4142f ;
                    font-size: 14px;
                    font-weight: 500;
                    border-top: 0;
                    border-left: 0;
                    border-right: 0;
                    border-bottom: 2px solid #cfd8dc;
                }
                .header .search-form form input:focus{
                    border-bottom: 2px solid #263238;
                }
                .header .search-form form button{
                    width: 149px;
                    background: none;
                    border: 0;
                    padding: 21px 25px;
                    cursor: pointer;
                    float: right;
                }
                .header .search-form form button:hover{
                    background: #eceff1;
                }
                    .header .search-form form button img{
                        width: 25px;
                        margin: 0 10px 0 5px;
                        float: left;
                    }
                    .header .search-form form button .t{
                        float: left;
                        margin: 5px 0 0 0;
                        font-size: 14px;
                        font-weight: 500;
                        color: #263238;
                    }
        /* SEARCH(END) */

/* MEDIA QUERY */

/* 1620px */
@media (max-width: 1620px) {
    .header .header_in{
        width: 1170px;
        background: linear-gradient(90deg, #fff 985px, #a4142f  185px);
    }
        .header .search-form form {
            width: 1170px;
        }
            .header .search-form form input {
                width: 900px;
            }
}
/* 1620px(end) */

/* 1270px */
@media (max-width: 1270px) {
    .header .header_in{
        width: 940px;
        background: linear-gradient(90deg, #fff 755px, #a4142f  185px);
    }
         .header .header_in .about-text {
         margin: 7px 0px;
     }
        .header .search-form form {
            width: 940px;
        }
            .header .search-form form input {
                width: 670px;
            }
    .header .top_menu .tel img{
        margin: 0 10px 0 7px;
    }
}
/* 1270px(end) */

/* 1040px */
@media (max-width: 1040px) {

    .header .header_in{
        width: 725px;
        background: linear-gradient(90deg, #fff 540px, #a4142f  185px);
    }

        .header .search-form form {
             width: 725px;
        }
            .header .top_menu_main .menu_min{
                display: block;
            }
                .header .search-form form input {
                    width: 455px;
                }
}
/* 1040px(end) */

/* 825px */
@media (max-width: 825px) {
    .header .header_in{
        width: 290px;
        background: #fff;
    }
             .header .header_in .about-text {
         margin: 7px 10px;
         text-align: center;
     }
        .header .header_in img.logo {
            width: 200px;
            float: none;
            margin: auto;
            display: block;
        }
        .header .header_in a.logo {
            width: 200px;
            float: none;
            margin: auto;
            display: block;
        }
        .header .header_in .cont {
            display: none;
        }
        .header .top_menu {
            width: 290px;
        }
            .header .top_menu_main .menu_min {
                float: left;
                padding: 23px 0;
            }
        .header .search-form form {
            width: 290px;
        }
            .header .search-form form input {
                width: 140px;
                padding: 25px 0 15px 0;
            }
            .header .search-form form button {
                padding: 20px;
                width: auto;
            }
            .header .search-form form .close {
                padding: 18px 20px;
            }
            .header .search-form form button .t {
                display: none;
            }
            .header .top_menu #horizontal-multilevel-menu {
                width: 200px;
                padding: 0 15px;
            }
        .header .search-form .btn {
            padding: 18px 30px;
        }
            .header .top_menu #horizontal-multilevel-menu > li:nth-child(2) > ul {
                width: 145px;
            }
        .header .top_menu .tel img {
            margin: 0 5px 0 5px;
        }
}
/* 825px(end) */

/* MEDIA QUERY(END) */