head1.css 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. /* 头部 */
  2. header{width: 100%;}
  3. .head_ul{height: 40px;padding: 10px 0;}
  4. .head_ul li{float: left;margin-left: 15px;color: #ccc;line-height: 20px;}
  5. .head_ul li a{color: #666;}
  6. .head_red a{color: #e51717 !important;}
  7. .head_red span{color: #e51717 !important;} /* a链接改span */
  8. .header{height: 110px;}
  9. .header h1{float: left;width: 230px;height: 110px;margin-left: -20px;}
  10. .header h1 img{width: 100%;height: 100%;}
  11. .header_l{width: 570px;height: 110px;margin-left: 80px;}
  12. .header_l .form{width: 570px;margin-top: 30px; position: relative; }
  13. .header_l .form input{width: 365px;height: 40px;border: 3px solid #e51717;outline: none;box-sizing: border-box;float: left;text-indent: 30px;background: url(../images/seek.png) no-repeat 5px 8px;}
  14. .header_l .form a{display: block;width: 100px;height: 40px;background: #e51717;line-height: 40px;text-align: center;color: #fff;font-size: 16px;float: left;}
  15. .header_l .form p{float: left;width: 90px; height: 40px;line-height: 20px;color: #666;margin-left: 10px;}
  16. /* 搜索下拉提示 */
  17. .header_l .form .form_down{
  18. position: absolute;
  19. top: 40px;
  20. left: 0;
  21. width: 363px;
  22. background: #fff;
  23. z-index: 9;
  24. border: 1px solid #eee;
  25. border-radius: 0 0 5px 5px;
  26. }
  27. .header_l .form .form_down span{
  28. display: block;
  29. color: #666;
  30. line-height: 30px;
  31. cursor: pointer;
  32. text-indent: 15px;
  33. }
  34. .header_l .form .form_down span:hover{background: #eee;}
  35. /* 搜索下拉提示结束 */
  36. .header_l p span{color: #e51717;}
  37. .header_l ul{height: 30px;}
  38. .header_l ul li{float: left;height: 30px;line-height: 30px;margin-right: 7px;color: #666;}
  39. .header_l ul li a{color: #666;}
  40. .header_l ul .red{color: #e51717;}
  41. .header_l ul li .orange{color: #f5681b;}
  42. .header_l ul li em{display: block;width: 10px;height: 30px;background: url(../images/down2.png) no-repeat;float: right;margin-left: 2px;}
  43. .header_r{width: 200px;height: 80px;margin-top: 22px;}
  44. .header_r a{
  45. display: block;
  46. width: 50px;
  47. height: 60px;
  48. float: left;
  49. margin-right: 15px;
  50. color: #e51717;
  51. }
  52. .header_r a img{width: 50px;height: 30px;}
  53. .header_r a span{display: block;line-height: 30px;text-align: center;}
  54. /* 导航栏 */
  55. nav{width: 100%;height: 40px;background: #db0f21;}
  56. nav ul li{width: 120px;height: 40px;line-height: 40px;float: left;text-align: center;cursor: pointer;}
  57. nav ul li a{display: block;width: 100%;height: 100%;color: #fff;font-size: 16px;}
  58. nav ul li span{display: block;width: 100%;height: 100%;color: #fff;font-size: 16px;}
  59. nav ul .active{background: #99131a;}
  60. nav ul li:hover{background: #99131a;}
  61. nav ul li a:hover{color: #fff;}