aboutUs.css 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. *{font-family: "微软雅黑";}
  2. .about{position: relative;height: 180px;}
  3. .line{width: 100%;height: 1px;border-bottom: 1px solid #bfbfbf;display: inline-block;z-index: 10;position:absolute;top: 66px;z-index: 10;}
  4. .aboutHeader{width: 592px;margin: 0 auto;background: #FFFFFF;z-index:20 ;position: absolute;top: 32px;left: 50%;margin-left: -291px;}
  5. .aboutHeader ul li{float: left;width: 130px;height: 44px;text-align: center;border-radius: 10px;line-height: 44px;font-size: 16px;color: #2b2b2b;border: 1px solid #bfbfbf;margin: 12px;cursor: pointer;}
  6. .aboutHeader ul li:first-child{margin-left: 0;}
  7. .aboutHeader ul li:last-child{margin-right: 0;}
  8. .aboutHeader ul li.on{background: #f68705;color: #FFFFFF;border: none;}
  9. /*公司简介*/
  10. .profile>img{float: left;width: 483px;height: 320px;margin-right: 15px;}
  11. .profile div{float: left;width: 672px;text-align: justify;}
  12. .profile div h4{font-weight: normal;font-size: 24px;color: #1a1a1a;margin-bottom: 20px;}
  13. .profile div h4 img{margin-right: 5px;vertical-align: middle;margin-top: -2px;}
  14. .profile div h4 span{font-size: 16px;color: #605f5f;}
  15. .profile div p{font-size:14px ;color: #7a7878;margin-bottom: 15px;line-height: 22px;text-indent: 2em;}
  16. /*业务范围*/
  17. .business{padding-top: 120px;clear: both;}
  18. .business>img{float: right;width: 599px;height: 387px}
  19. .business_txt{width: 540px;height: 270px;background: #f6f6f6;padding-top: 35px;padding-left: 20px;padding-right: 20px;}
  20. .business div{float: left;width: 540px;text-align: justify;}
  21. .business div h4{font-weight: normal;font-size: 24px;color: #1a1a1a;margin-bottom: 40px;}
  22. .business div h4 img{margin-right: 5px;vertical-align: middle;margin-top: -2px;}
  23. .business div h4 span{font-size: 16px;color: #605f5f;}
  24. .business div p{font-size:14px ;color: #7a7878;margin-bottom: 30px;line-height: 22px;}
  25. /*资质荣誉*/
  26. .honor{clear: both;padding-top: 70px;}
  27. .honor div h4{font-weight: normal;font-size: 24px;color: #1a1a1a;margin-bottom: 40px;}
  28. .honor div h4 img{margin-right: 5px;vertical-align: middle;margin-top: -2px;}
  29. .honor div h4 span{font-size: 16px;color: #605f5f;}
  30. .honor div p{font-size:14px ;color: #7a7878;margin-bottom: 30px;line-height: 30px;height: 30px;}
  31. .honor div>ul{position: relative;height: 190px;}
  32. .honor div>ul>li{position: absolute;top: 0;left: 0;width: 1170px;}
  33. .honor div>ul>li>ol>li{float: left;width:218px;margin-left: 20px;text-align: center;}
  34. .honor div>ul>li>ol>li P{width: 218px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  35. .honor div>ul>li>ol>li img{width: 218px;height: 162px;overflow: hidden;}
  36. .honor div>ul>li>ol>li:first-child{margin-left: 0;}
  37. .spot{width:96px ;margin: 30px auto 0px;}
  38. .spot span{width: 16px;height: 16px;border-radius: 50%;background: #d5d6d8;display: inline-block;margin: 0 3px;cursor: pointer;}
  39. .spot span.this{background: #000000;}
  40. /*发展历程*/
  41. .history{clear: both;padding-top: 70px;position: relative;}
  42. .history h4{font-weight: normal;font-size: 24px;color: #1a1a1a;}
  43. .history h4 img{margin-right: 5px;vertical-align: middle;margin-top: -2px;margin-right: 5px;}
  44. .history h4 span{font-size: 16px;color: #605f5f;}
  45. .historyBanner{width: 1100px;clear: both;overflow: hidden;height: 350px;margin-left: 50px;}
  46. .historyBanner ul{width: 1000000px;overflow: hidden;padding-top: 50px;transition: all .5s;}
  47. .historyBanner>ul>li{float: left;height: 300px;width: 1100px;}
  48. .historyBanner>ul>li>ol>li{float: left;text-align: center;width: 88px;vertical-align: top;}
  49. .historyBanner>ul>li>ol>li p{width: 100px;font-size: 14px;color: #8d8d8d;visibility: hidden;margin-bottom: 5px;}
  50. .historyBanner>ul>li:first-child{background: url(../../img/aboutUs011.png) no-repeat center;background-size:98% 80% ;background-position-x: -11px;}
  51. .historyBanner>ul>li>ol>li span:hover{color: #ff7302;}
  52. .historyBanner>ul>li:first-child+li{background: url(../../img/aboutUs012.png) no-repeat center;background-size:98% 80% ;background-position-x: -11px;margin-left: -26px;}
  53. .historyBanner>ul>li:first-child>ol>li:nth-child(1){margin-top: 34px;margin-left: 2px;}
  54. .historyBanner>ul>li:first-child>ol>li:nth-child(2){margin-top: 3px;margin-left: 0px;}
  55. .historyBanner>ul>li:first-child>ol>li:nth-child(3){margin-top: -23px;margin-left: 0px;}
  56. .historyBanner>ul>li:first-child>ol>li:nth-child(4){margin-top: -36px;margin-left: 7px;}
  57. .historyBanner>ul>li:first-child>ol>li:nth-child(5){margin-top: -36px;margin-left: 10px;}
  58. .historyBanner>ul>li:first-child>ol>li:nth-child(6){margin-top: -18px;margin-left: 3px;}
  59. .historyBanner>ul>li:first-child>ol>li:nth-child(7){margin-top: 4px;margin-left: 8px;}
  60. .historyBanner>ul>li:first-child>ol>li:nth-child(8){margin-top: 25px;margin-left: 3px;}
  61. .historyBanner>ul>li:first-child>ol>li:nth-child(9){margin-top: 38px;margin-left: 6px;}
  62. .historyBanner>ul>li:first-child>ol>li:nth-child(10){margin-top: 26px;margin-left: 4px;}
  63. .historyBanner>ul>li:first-child>ol>li:nth-child(11){margin-top:-2px;margin-left: -1px;}
  64. .historyBanner>ul>li:first-child>ol>li:nth-child(12){margin-top: -24px;margin-left:-12px;}
  65. .direction{width: 1200px;margin: 0 auto;margin-top: -150px;margin-bottom: 150px;}
  66. .direction span{width: 28px;height: 28px;background: #ff7302;display: inline-block;color: #FFFFFF;font-size: 18px;line-height: 28px;text-align: center;border-radius: 50%;cursor: pointer;}
  67. .direction span:first-child{float: left;}
  68. .direction span:first-child+span{float:right;}
  69. .historyBanner>ul>li:first-child+li>ol>li:nth-child(1){margin-top: -6px;margin-left: 44px;}
  70. .historyBanner>ul>li:first-child+li>ol>li:nth-child(2){margin-top: 24px;margin-left: 3px;}
  71. .historyBanner>ul>li:first-child+li>ol>li:nth-child(3){margin-top: 36px;margin-left: 5px;}
  72. .historyBanner>ul>li:first-child+li>ol>li:nth-child(4){margin-top: 24px;margin-left: 7px;}
  73. .historyBanner>ul>li:first-child+li>ol>li:nth-child(5){margin-top: 4px;margin-left:4px;}
  74. .historyBanner>ul>li:first-child+li>ol>li:nth-child(6){margin-top: -18px;margin-left: 3px;}
  75. .historyBanner>ul>li:first-child+li>ol>li:nth-child(7){margin-top: -38px;margin-left: 7px;}
  76. .historyBanner>ul>li:first-child+li>ol>li:nth-child(8){margin-top: -37px;margin-left: 8px;}
  77. .historyBanner>ul>li:first-child+li>ol>li:nth-child(9){margin-top: -24px;margin-left: 8px;}
  78. .historyBanner>ul>li:first-child+li>ol>li:nth-child(10){margin-top: 1px;margin-left:0px;}
  79. .historyBanner>ul>li:first-child+li>ol>li:nth-child(11){margin-top:31px;margin-left: 12px;}