.header{
    /*background: linear-gradient(90deg, #fff 50%, #1976d2 50%);*/
}
    .header .header_in{
        width: 1530px;
        margin: auto;
        padding: 20px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #fff;
        /*background: linear-gradient(90deg, #fff 1350px, #1976d2 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: 370px;
            float: left;
        }
        /* LOGO(END) */
.header_btn{
    display: flex;
    justify-content: flex-end;
    align-items: center;
        flex-grow: 1;
        margin-right: 5px;
}
.header_btn a{
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition:0.3s;
box-sizing: border-box;
width: max-content;
padding: 10px 20px;
font-size: 20px;
text-align: center;
text-decoration: none;
}
.header_btn a:first-child{
background: #2dc11b;
    color: #fff;
margin-right: 20px;
}
.header_btn a:first-child:hover{
    box-shadow: 0px 0px 15px #2dc11b;
}
.header_btn a:last-child{
    background: #8b8b8b;
    color: #fff;
}
.header_btn a:last-child:hover{
box-shadow: 0px 0px 15px #8b8b8b;
}
        /* CONT */
        .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: #1976d2;
                    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, #1976d2 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, #1976d2 185px);*/
    }
        .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: 960px;
       /* background: linear-gradient(90deg, #fff 540px, #1976d2 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 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) */