public.css 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /*公共样式*/
  2. *{padding: 0;margin: 0;box-sizing:border-box;font-family: "微软雅黑";}
  3. html{font-size:62.5%;}
  4. body{font:14px "simsun",Arial,Helvetica,sans-serif;width:100%;
  5. background-color:#fff;
  6. font-size:1.4rem;
  7. -webkit-user-select:none;
  8. -moz-user-select:none;
  9. -ms-user-select:none;
  10. user-select:none;
  11. }
  12. body,h1,h2,h3,h4,h6,p,ul,ol,dl,dd{margin:0;padding:0;list-style:none;}
  13. a{color:#000;text-decoration:none;}
  14. a:hover{color:#000;text-decoration:none;}
  15. .lf{float:left;}
  16. .rf{float:right;}
  17. .clear{clear:both;}
  18. input:focus{outline: none;}
  19. ul,ol{padding: 0;margin: 0;list-style: none;}
  20. /*顶部区域*/
  21. header{width: 100%;background: #ffffff;line-height: 74px;height: 74px;}
  22. header .logo{float: left;padding-left: 20px;}
  23. .h_fix{position: fixed;top: 0;left: 0;z-index: 99999;box-shadow: 2px 4px 10px #CCCCCC;}
  24. header .nav{float: left;padding-left: 90px;}
  25. header .nav ul li{float: left;width: 120px;text-align: center;line-height: 76px;}
  26. header .nav ul li a{color: #333333;width: 120px;line-height: 76px;display: inline-block;font-size: 16px;}
  27. header .nav ul li:hover a{color: #074F88;}
  28. .active a{color:#074F88!important;}
  29. /*hot*/
  30. .nav ul li:hover img{animation: hot 1s infinite linear;transition: all 1s;}
  31. @keyframes hot{
  32. 0% {width: 30px;height: 30px;}
  33. 25% {width: 25px;height: 25px; top: 9px;}
  34. 50% {width: 30px;height: 30px;}
  35. 100% {width: 25px;height: 25px;top: 9px;}
  36. }
  37. header .nav_right{float: right;padding-right: 40px;}
  38. header .nav_right a{color: #333333;margin: 2px;}
  39. header .nav_right a:hover{color: #2a6597;}
  40. .nav ul li {position: relative;}
  41. .nav ul li img{width: 30px;height: 30px;position: absolute;right: 0px;top: 9px;}
  42. /*banner*/
  43. .banner{clear: both;position: relative;padding-top: 44px;width: 1000px;margin: 0 auto;}
  44. .banner_txt h3{font-size: 30px;font-weight: none;color: #565555;margin-top: 55px;margin-bottom: 24px;}
  45. .banner_txt p{font-size: 14px;color: #565555;line-height: 24px;}
  46. .img_list ol li{float: left;margin-left:10px ;border: 1px solid transparent;}
  47. .img_list{overflow: hidden;margin-top: 64px;}
  48. .img_list ol li:first-child{margin-left: 0;}
  49. .img_list ol li:hover{cursor: pointer;border: 1px solid #2a6597;}
  50. .banner_next:hover,.index_pre:hover{cursor: pointer;}
  51. .banner_mid{position: absolute;width: 100%;top: 194px;}
  52. .banner_mid .banner_next{float: right;margin-right:-60px;}
  53. .banner_mid .index_pre{float: left;margin-left: -90px;}
  54. .banner_imgs{width:100%;height: 340px;}
  55. .banner_box{position: absolute;top: 44px ;right:5px;width: 530px;overflow: hidden;}
  56. .banner_box ul li{float: left;width: 530px;}
  57. .banner_txt{padding-bottom: 60px;}
  58. /*bottom的css*/
  59. #bottom{width:100%;height:386px;margin:20px auto 0;position: relative;background: #074D88;}
  60. .bottom{width:1200px;height:386px;margin:20px auto 0;position: relative;}
  61. .bottom_text{width:1200px;height:386px;position: absolute;left:0;top:0;}
  62. .text_top{width:100%;height:55px;position: absolute;top:140px;left:0;text-align: center;color:#fff;}
  63. .text_top>a{color:#fff;line-height:25px;}
  64. .text_center{width:100%;height:90px;position: absolute;top:195px;left:0;color:#fff;}
  65. .cont_left{width:455px;height:90px;display:inline-block;margin-left:45px;}
  66. .cont_left>img{margin-left:85px;}
  67. .cont_center{width:200px;height:90px;display:inline-block;text-align: center;}
  68. .cont_right{width:455px;height:90px;display:inline-block;text-align: right;vertical-align:bottom;}
  69. .text_center p{color:#F5F6F9;line-height:50px;font-weight: bold;}
  70. .cont_center p{line-height:20px;}
  71. .cont_right p{display:inline-block;vertical-align:bottom;line-height: 20px;}
  72. .text_bottom{width:100%;height:75px;position: absolute;top:285px;left:0;color:#fff;
  73. padding-left:45px;margin-top:15px;}
  74. .text_bottom p{font-weight: bold;line-height: 25px;}
  75. .text_bottom a{color:#fff;font-size: 1.2rem;line-height: 18px;}
  76. .pol_act{margin-left: 5px;}