inded.css 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. .header div>div.APP{float:left;position: relative;cursor: pointer;padding: 0 10px;}
  2. div.APP>div.xialaewm{width:230px;height:120px;position: absolute;margin-left:0px;float: none;
  3. display:none;justify-content: space-between;background-color: #fff;}
  4. div.APP:hover>div.xialaewm{display:flex;}
  5. div.APP:hover{background-color: #fff;}
  6. .search-inp a.zaixian{right:150px;background-color: #1797E9;}
  7. .searchImg{position: absolute;top:10px;right:20px;z-index: 10;cursor: pointer;}
  8. .webkitDown{
  9. width: 12px;
  10. height: 8px;
  11. display: inline-block;
  12. background: url(../../img/index/index_down.jpg) no-repeat;
  13. background-size:100% 100%;
  14. margin-left: 6px;
  15. }
  16. .jump{clear: both;list-style: none;}
  17. .jump>li{display: inline-block;font-size: 16px;line-height: 30px;margin-right:10px;}
  18. .jump>li>a{color:#757575;}
  19. .jump>li>a:hover{color:#1797E9}
  20. #terrace{width:100%;margin: 20px 0;}
  21. .terrace_title{width:1200px;height:50px;margin: 20px auto;text-align: center;}
  22. .terrace_cont{width:1200px;height:75px;margin: 0 auto;display: flex;justify-content: space-around;}
  23. .terrace_cont>div{width:400px;height:75px;display: flex;justify-content: flex-start;}
  24. .terraceH{margin-left: 15px;padding-top: 10px;}
  25. .terraceH>h4{margin-bottom: 10px;font-size: 17px;letter-spacing: 2px;font-weight: bold;}
  26. #apply{width:100%;margin-top: 40px;}
  27. .apply{width:1200px;height:300px;margin: 0 auto;display: flex;justify-content: space-between;}
  28. .apply_left{width:260px;height:300px;}
  29. .apply_right{width:915px;height:300px;display: flex;justify-content: flex-start;flex-wrap: wrap;}
  30. .apply_right>div>a{background-color:#F0F9FF;width:295px;height:145px;margin-left: 10px;
  31. display: flex;justify-content: space-around;padding: 35px 40px;}
  32. .apply_right>div>a>img{width:70px;height:75px;}
  33. .apply_right>div>a>h4{line-height: 70px;letter-spacing: 2px;font-size: 17px;font-weight: normal;color:#3C3E3E;}
  34. #wield{width:100%;margin-top: 40px;}
  35. .wield_cont{width:1200px;height:400px;margin: 20px auto;text-align: center;}
  36. .brands{width:100%;margin-top:-4px;position: relative;}
  37. .brands>img{width:100%;}
  38. #hotProject{width:100%;padding-top: 30px;background:url("../../img/indedImg/inded40.png")no-repeat;}
  39. .hotProject_cont{width: 1200px;height:700px;margin:30px auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
  40. .hotProject_cont>div{width:285px;height:335px;background-color: #fff;}
  41. .hotProject_cont>div{width:285px;height:165px;}
  42. .hotProject_cont>div>h3{margin:10px 0 10px 20px;letter-spacing: 2px;}
  43. .hotProject_cont>div>p{margin-left:20px;letter-spacing: 1px;
  44. text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
  45. .hotProject_cont>div>a{display:block;width:110px;height:33px;line-height: 30px;border: 2px solid #1596E8;margin-right: 15px;
  46. border-radius: 5px;margin-top:15px;float: right;text-align: center;color:#1596E8;letter-spacing: 1px;cursor: pointer;}
  47. .RecommendTitle>h2{font-weight: 500;}
  48. .view{padding-left: 620px;margin-top:30px;}
  49. .view>h4{font-size: 18px;color: #323131;font-weight: normal;margin-bottom: 24px;}
  50. .view>h4 a{
  51. float: right;
  52. }
  53. .view>h4 a span:nth-child(2){
  54. width: 22px;
  55. height: 22px;
  56. border: 1px solid #cecece;
  57. text-align: center;
  58. line-height: 18px;
  59. display: inline-block;
  60. float: right;
  61. color: #cecece
  62. }
  63. .view>h4 a:hover .line{
  64. background: #1697e9;
  65. }
  66. .view>h4 a:hover span{
  67. border-color:#1697e9;
  68. color:#1697e9;
  69. }
  70. .view>h4 .line{
  71. vertical-align: middle;
  72. width: 470px;
  73. height: 1px;
  74. background: #cecece;
  75. display: inline-block;
  76. }
  77. .brands>div{width:16%;height:90%;position: absolute;top:2.5%;right:20%;background-color: #fff;overflow: hidden;}
  78. .brands>div.brandsDiv{top:4.5%;}
  79. .brands>div>img{width:100%;height:100%;position:absolute;opacity: 0;}
  80. .brands>div>img:nth-child(1){opacity: 1;}
  81. /*.brands>div>img:nth-child(1){transition:opacity 2s linear }*/
  82. @keyframes imgani{
  83. from{opacity: 0;}
  84. to{opacity: 1;}
  85. }
  86. @keyframes imgbni{
  87. from{opacity: 1;}
  88. to{opacity: 0;}
  89. }
  90. .brands>div>img.ani{animation: imgani 4s linear 1 normal;animation-fill-mode: forwards;}
  91. .brands>div>img.bni{animation: imgbni 4s linear 1 normal;animation-fill-mode: forwards;}