.head_top{ background: #333; height: 36px; } .head_menu{ float: right; position: relative; margin-right: 13px; } .head_menu li a{ color: #ccc; } .head_menu li{ font-size: 12px; float: left; line-height: 36px; color: #ccc; margin-left: 20px; } .head_menu li::before{ content: ''; width: 1px; height: 16px; position: absolute; background: #ccc; margin-top: 10px; margin-left: -10px; } .head_menu li:first-child::before{ background: #333; } .head_menu li:nth-child(5)::before, .head_menu li:nth-child(6)::before{ margin-top: 12px; } .qiye,.kehu{ margin-top: -2px; } /* 下拉菜单 */ .head_menu{ position: relative; } .qiye_menu{ background-color: #fff; border: 1px solid #ddd; width: 83px; display: none; position: absolute; text-align: center; z-index: 999; } .head_menu li:hover .qiye_menu{ display: block; } .kehu_menu{ background-color: #fff; border: 1px solid #ddd; width: 83px; display: none; position: absolute; text-align: center; z-index: 999; } .head_menu li:hover .kehu_menu{ display: block; } /* 结束 */ .head_bottom{ clear: both; height: 140px; } .logo{ width: 212px; height: 50px; margin-top: 27px; display: inline-block; } .head_bottom .container{ position: relative; } .sousuo input{ position: absolute; width: 402px; height: 32px; right: 285px; top: 24px; line-height: 38px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #CC9756; border-bottom-left-radius: 19px; border-top-left-radius: 19px; font-size: 14px; padding-left: 38px; } .sousuo_right{ width: 90px; height: 38px; background-color: #CC9756; float: right; color: #fff; line-height: 38px; text-align: center; font-size: 16px; border-top-right-radius: 19px; border-bottom-right-radius: 19px; margin-top: -57px; margin-right: 195px; } .sousuo i{ position: absolute; left: 375px; top: 34px; box-sizing: border-box; color: #ccc; } .shopping{ width: 132px; height: 20px; border: 1px solid #CC9756; border-radius: 19px; padding: 8px 0; margin-top: -55px; float: right; } .shopping i{ margin-left: 17px; color: #CC9756; } .shopping span{ color: #CC9756; margin-left: 2px; font-size: 14px; } .shopping img{ width: 21px; height: 21px; margin-left: 8px; margin-bottom: -4px; } .shopping_menu li{ font-weight: 700; float: left; margin-top: 27px; font-size: 14px; padding-bottom: 7px; margin-left: 52px; } .shopping_menu li:first-child{ margin-left: 0; padding-left: 0; } .shopping_menu li:last-child{ margin-right: 0; padding-right: 0; } .shopping_menu{ position: relative; box-sizing: border-box; } .shopping_menu li::before{ content: ''; width: 1px; position: absolute; height: 14px; margin-top: 3px; margin-left: -25px; } .shopping_menu li:nth-child(10)::before{ background: #ccc; } .active{ color: #CC9756; border-bottom: 2px solid #CC9756; padding-bottom: 2px; } .big_guanggao{ width: 100%; position: relative; left: 0px; top: 0px; background: rgb(241, 241, 241); } .big_guanggao_logo img{ position: absolute; left: -205px; margin: 0 auto; } .content{ width: 1090px; height: 510px; overflow: hidden; }