.header {
    width: 100%;
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.header.home {
    height: 90px;
}

.header.s_croll {
    background-color: #ffffff;
}

.header.rent {
    background: #162F5E;
}

.header.rent .tabs {
    display: none;
}

.header.rent.s_croll {
    background: #F9F9FB;
    height: 166px;
}

.header.rent.s_croll .tabs {
    display: block;
}

.header .logo.nos_croll.active {
    display: block;
}

.header .logo.s_croll.active {
    display: block;
}

.header_content {
    width: 1200px;
    height: 70px;
    margin: 0 auto;
}

.header.home .header_content {
    height: 90px;
}

.header_content .logo {
    width: 96px;
    height: 51px;
    float: left;
    margin: 13px 0 0;
    display: none;
}

.header_content .logo img {
    width: 70px;
    height: 53px;
}

ul.tabs {
    float: left;
    margin: 33px 0 12px 76px;
}

ul.tabs>li {
    float: left;
    margin-right: 100px;
    position: relative;
}

ul.tabs>li:before {
    content: "";
    width: 0%;
    height: 2px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    background-color: transparent;
    transition: width 0.2s linear;
}

ul.tabs>li.active:before {
    width: 100%;
    background-color: #ffffff;
}

ul.tabs>li:hover:before {
    width: 100%;
    background-color: #ffffff;
}

ul.tabs>li a {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}

.header.s_croll ul.tabs>li.active:before {
    width: 100%;
    background-color: #162F5E;
}

.header.s_croll ul.tabs>li:hover:before {
    width: 100%;
    background-color: #162F5E;
}

.header.s_croll ul.tabs>li a {
    font-size: 16px;
    font-weight: bold;
    color: #101D37;
}

.header.s_croll ul.tabs>li:hover a {
    color: #162F5E;
}