.header {
    height: 67px;
    border-bottom: 1px solid #f0f0f0;
}
.header .logo {
    line-height: 67px;
}
.header .logo img{
    width: 131px;
    height: 39px;
    margin-right: 39px;
    margin-top: 14px;
}
.logo ul li {
    float: left;
    font-weight: 300;
    margin-right: 4px;
    position: relative;
}
.logo ul li  a {
    color: #333;
    padding: 0 14px;
    font-size: 16px;
    display: inline-block;
    height: 100%;
}
.logo ul .active {
    background: #ffe443;
    font-weight: 600;
} 
.menu {
    line-height: 50px;
    position: absolute;
    width: 170px;
    height: 155px;
    background: #fff;
    box-shadow: 0 0 30px 0 rgb(65 67 70 / 8%);
    left: 50%;
    margin-left: -85px;
    top: 61px;
    display: none;
}
.menu .item:hover {
    background: #ffdf1f;
}
.logo ul li:hover .menu {
    display: inline-block;
}
.header .search {
    line-height: 100%;
}
.search .search_wrap {
    width: 294px;
    height: 34px;
    background: #f5f5f5;
    margin-top: 16.5px;
}
.search .search_wrap i {
    font-size: 16px;
    color: #999;
    top: 50%;
    margin-top: -8px;
    left: 8px;
}
.search .search_wrap input{
    height: 100%;
    width: 100%;
    background: #504e4e00;
    padding-left: 30px;
}
.search .logo_text {
    font-size: 14px;
    color: #333;
    line-height: 67px;
}

.sub_nav {
    height: 54px;
    line-height: 54px;
}
.sub_nav ul {
    margin-left: 206px;
}
.sub_nav ul li {
    float: left;
    margin-right: 34px;
    position: relative;
}
.sub_nav ul .active::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 6px;
    background: #ffe443;
    bottom: 19px;
    left: 0;
    z-index: -1;
}
.sub_nav ul li a{
    font-size: 14px;
    font-weight: 300;
}

.banner {
    height: 350px;
}
.banner img {
    width: 100%;
    height: 100%;
}
.banner i {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #00000038;
    color: #fff;
    border-radius: 100%;
    top: 50%;
    margin-top: -30px;
}
.icon-htmal5icon39 {
    left: 25px;
}
.icon-htmal5icon39-copy {
    right: 25px;
}
.banner ul {
    width: 100%;
    height: 60px;
    bottom: 0;
    background: rgba(0,0,0,.15);
}
.banner ul li {
    width: 25%;
    text-align: center;
    float: left;
    color: #fff;
    font-size: 16px;
    position: relative;
}
.banner ul li::after{
    content: "";
    width: 1px;
    height: 28px;
    position: absolute;
    background: hsla(0,0%,100%,.1);
    right: 0;
    top: 50%;
    margin-top: -14px;
}
.banner ul li:last-child::after {
    width: 0px !important;
}