.header {}
.header_menu {
    height: 40px;
    background: #333;
}
.left_menu,
.right_menu{
    line-height: 40px;
}
.left_menu li,
.right_menu li{
    float: left;
    position: relative;
    margin-right: 13px;
}
.left_menu li a,
.right_menu li a{
    color: #b0b0b0;
    font-size: 12px;
}

.left_menu li::after,
.right_menu li::after {
    content: "";
    width: 1.23px;
    height: 15.6px;
    background: #424242;
    position: absolute;
    top: 14px;
    right: -7px;
}
.right_menu li:nth-child(3)::after,
.right_menu li:nth-child(4)::after {
    background: #333 !important;
}
.right_menu li:nth-child(4) {
    margin-left: 15px;
    width: 120px;
    text-align: center;
    height: 40px;
    color: #b0b0b0;
    background: #424242;
}
.right_menu li:nth-child(4) i{
    vertical-align: bottom;
 }

 .header_logo {
    height: 100px;
    position: relative;
 }
 .header_logo .logo {
    width: 56px;
    height: 56px;
    margin-top: 22px;
 }
 .header_logo .menu {
    margin-left: 116.5px;
    margin-top: 38px;
 }
 .header_logo .menu li{
     float: left;
     margin-right: 20px;
     height: 62px;
 }
 .header_logo .menu li a {
    color: #333;
    font-size: 16px;
 }
 .header_logo .search {
    width: 296px;
    height: 50px;
    border: 1px solid #bbb8b8;
    margin-top: 20px;
    position: relative;
 }
 .header_logo .search input {
    height: 100%;
    border: none;
    width: 223px;
    padding-left: 15px;
    box-sizing: border-box;
    float: left;
 }
 .header_logo .search .icon-ziyuan {
    width: 73px;
    display: inline-block;
    height: 100%;
    float: left;
    text-align: center;
    line-height: 50px;
    border-left: 1px solid #8d8d8d;
    box-sizing: border-box;
 }
 .search .dropmenu {
    position: absolute;
    width: 225px;
    top: 51px;
    border: 1px solid #bbb8b8;
    box-sizing: border-box;
    left: -1px;
    display: none;
 }
 .search .dropmenu li {
    padding-left: 15px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}
.search .dropmenu li:hover {
    background-color: #bbb8b8;
}
.search input:focus+.dropmenu {
    display: block !important;
}
.down_menu {
    position: absolute;
    width: 100%;
    height: 229px;
    left: 0;
    top: 100px;
    border-top: 1px solid #e0e0e0;
    display: none;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 3px 4px rgb(0 0 0 / 18%);
}
.header_logo .menu li:hover .down_menu {
    display: block !important;
}
.down_menu .item {
    float: left;
    text-align: center;
    width: 160px;
    margin: 0 22px;
    position: relative;
    margin-top: 35px;
}
.down_menu .item::before {
    content: "";
    position: absolute;
    width: 1px;
    top: 0;
    right: 0;
    height: 100px;
    background: #e0e0e0;
}
.down_menu .item:last-child::before {
    width: 0px !important;
}
.down_menu .item img {
    width: 160px;
    height: 110px;
    margin: 0 auto 16px;
}
.down_menu .item .title {
    color: #333;
    font-size: 12px;
}
.down_menu .item .price {
    color: #ff6700;
    font-size: 12px;
}

.banner {
    height: 460px;
}
.banner_center {
    position: relative;
}
.banner_menu {
    width: 234px;
    height: 460px;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    padding: 20px 0;
    box-sizing: border-box;
    background: rgba(105,101,101,.6);

}
.banner_center img {
    width: 100%;
}
.banner_menu li {
    padding-left: 30px;
    padding-right: 20px;
    height: 42px;
    line-height: 42px;
}
.banner_menu li a{}
.banner_menu li span {
    color: #fff;
}
.banner_menu li i {
    color: #e0e0e0;
    float: right;
}
.banner_menu li:hover {
    background: #ff6700;
}
.banner_bottom {
    margin-top: 14px;
}
.banner_bottom li:first-child {
    width: 234px;
    height: 170px;
    background: #5f5750;
}
.bottom_list .item {
    position: relative;
    float: left;
    width: 70px;
    height: 82px;
    margin-left: 6px;
    text-align: center;
    padding-top: 21px;
    box-sizing: border-box;
}
.bottom_list .item::before {
    content: "";
    position: absolute;
    width: 64px;
    height: 1px;
    background: #665e57;
    top: 4px;
    left: 0;
}
.bottom_list .item::after {
    content: "";
    position: absolute;
    background: #665e57;
    width: 1px;
    height: 70px;
    right: -1px;
    top: 11px;
}
.bottom_list .item img {
    width: 24px;
    height: 24px;
    margin: 0 auto 4px;
    opacity: .7;
}
.bottom_list .item p {
    color: #fff;
    font-size: 12px;
    opacity: .7;
}
.banner_bottom li:last-child {
    margin-right: 0;
}
.banner_bottom li{
    float: left;
    width: 316px;
    height: 170px;
    margin-right: 14.5px;
}
.banner_bottom li img{
    width: 100%;
}