Technologytrading.css 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. *{box-sizing: border-box;}
  2. .clear_line{width:100%;height:1px;}
  3. #technology{width:100%;height:420px;box-shadow: 0 8px 8px 0 #E4E4E4;}
  4. .technolo{width:1200px;height:420px;padding-top:40px;margin:0 auto;
  5. position: relative;}
  6. .technolo_left{width:390px;height:340px;display:inline-block;
  7. position: absolute;top:40px;left:0;}
  8. .technolo>div>div{width:390px;height:235px;
  9. margin-top:45px;position: relative;}
  10. .technolo>div>h3{color:#256195;}
  11. .technolo>div>div:hover{background: url("../../img/technology_bg.png") center center;
  12. background-size: 390px 235px;}
  13. .technolo_text{width:365px;height:210px;border:1px solid #F4F4F4;
  14. margin:12px auto;border-radius: 10px;padding: 50px 10px 35px 30px;}
  15. .technolo_text>div{margin-bottom: 10px;}
  16. .technolo_text h5{color:#FF951D;margin:0;}
  17. .technolo_text p{display: inline-block;}
  18. .technolo_text a{display: inline-block;color:#FF951D;}
  19. .technolo>div>div>img{position: absolute;top:-40px;left:20px;}
  20. .technolo>div>div>span{width:75px;height:35px;background: #FFB200;
  21. border-radius: 10px;position: absolute;left:40px;bottom:0;text-align: center;
  22. line-height: 35px;color:#fff;}
  23. .technolo_center{width:390px;height:340px;display:inline-block;
  24. position: absolute;top:40px;left:400px;}
  25. .technolo_right{width:390px;height:340px;display:inline-block;
  26. position: absolute;top:40px;right:0;}
  27. /*search*/
  28. #search{width:100%;height:270px;background: #F5F5F5;padding-top: 25px;margin-top: 10px;}
  29. .search{width:1200px;height:215px;background: url("../../img/search_bg.png") center center;
  30. background-size: 1200px 215px;margin:0 auto;position: relative;}
  31. .search_cont{width:690px;height:180px;position: absolute;top:20px;left:140px;}
  32. .search_cont>h3{text-align: center;line-height: 60px;color:#000;}
  33. .search_cont>input{display: block;width:665px;height:40px;
  34. border: 1px solid #DDB14B;border-radius: 20px;padding-left: 25px;
  35. margin-left:12px; }
  36. .search_cont>span{width:35px;height:35px;position: absolute;top:63px;right:30px;
  37. background: url("../../img/search_line.png") center center;cursor: pointer;}
  38. .search_cont>div{display: block;width:665px;height:40px;
  39. padding-left: 15px;margin-left:12px;margin-top:15px;}
  40. .search_cont>div>span{font-size: 16px;font-weight: bold;margin-right: 5px;color:#414141;}
  41. /*li*/
  42. .container{width: 1200px;}
  43. .industry{background: #ffffff;overflow: hidden;}
  44. .industry_left{float: left;width: 300px;height:1000px;text-align: center;
  45. padding-top: 40px;background: #2a9ee2;}
  46. body{background: #f5f5f5;}
  47. .container{width: 1200px;}
  48. .industry{background: #ffffff;overflow: hidden;}
  49. .industry_left{float: left;width: 300px;height:938px;text-align: center;padding-top: 40px;background: #2a9ee2;}
  50. .industry_left h3{font-size: 24px;margin-bottom: 22px;color: #FFFFFF;font-weight:normal;}
  51. .industry_left ul li a{font-size:16px ;color: #ffffff;}
  52. .industry_left ul li{line-height: 36px;height: 36px;cursor: pointer;}
  53. .title_details{width: 840px;clear: both;margin-bottom: 36px;}
  54. .industry_right{float: left;padding-left: 30px;width: 870px;}
  55. .title_details ol {width: 100%;overflow: hidden;border-bottom: 1px solid #CCCCCC;}
  56. .title_details ol li{float: left;padding-left: 12px;padding-right: 12px;
  57. font-size: 24px;color: #333333;border-bottom: 1px solid transparent;
  58. line-height: 50px;cursor: pointer;}
  59. .act{color:#074d88 !important;border-bottom: 1px solid #074d88!important;}
  60. .action_li{box-shadow: 0 0 10px 0 #ddd inset}
  61. .checked_no{display:none;}
  62. .main_details{overflow: hidden;width:840px;height:790px;}
  63. .main_details ul{overflow: hidden;}
  64. .main_details ul li{width: 260px;height:380px;float: left;position: relative;z-index: 10;box-shadow: 0 0 15px #CCCCCC;margin-left: 10px;margin-right: 10px;margin-bottom: 20px;}
  65. .title_details ol li{float: left;padding-left: 12px;padding-right: 12px;font-size: 24px;color: #333333;border-bottom: 1px solid transparent;line-height: 50px;}
  66. .act{color:#074d88 !important;border-bottom: 1px solid #074d88!important;}
  67. .main_details ul{overflow: hidden;}
  68. .main_details ul li{width: 260px;height:380px;float: left;position: relative;z-index: 10;box-shadow: 0 0 15px #CCCCCC;margin-left: 10px;margin-right: 10px;margin-bottom: 20px;}
  69. .main_details ul li img{;width: 260px;}
  70. .main_details ul li .details_fix{position: absolute;top: 145px;background: rgba(131,146,145,0.5);z-index: 12;width: 260px;height: 70px;text-align: center;color: #FFFFFF;}
  71. .details_fix p{line-height: 25px;}
  72. .details_fix p:first-child{margin-top: 10px;}
  73. .details_fix p span{color: #333333;margin-left: 5px;}
  74. .details_text{width:260px;padding-top:10px ;position: absolute;left: 0;bottom:0px;}
  75. .details_text p{width: 200px;margin:5px auto;color: #f68705;font-size: 16px;}
  76. .details_text p span{color: #333333;display: inline-block;width: 160px;overflow: hidden;height: 20px;vertical-align: top;text-overflow: ellipsis;white-space: nowrap;}
  77. .details_text p b{font-weight:normal;color: #333333;width:160px;height:40px ;display: inline-block;vertical-align: top; }
  78. .details_text a{width: 80px;height: 26px;display: inline-block;
  79. background: #ffb200;border-radius: 10px;float: right;
  80. line-height: 26px;text-align: center;color: #ffffff;
  81. margin-right: 30px;margin-bottom: 16px;margin-top:15px;}
  82. .pagination_box{width: 840px;}
  83. .details_text{width:260px;padding-top:10px ;}
  84. .details_text p{width: 200px;margin:5px auto;color: #f68705;font-size: 16px;}
  85. .details_text p span{color: #333333;display: inline-block;width: 160px;overflow: hidden;height: 20px;vertical-align: top;text-overflow: ellipsis;white-space: nowrap;}
  86. .details_text p b{font-weight:normal;color: #333333;width:160px;height:40px ;display: inline-block;vertical-align: top; }
  87. .details_text a{width: 80px;height: 26px;display: inline-block;background: #ffb200;border-radius: 10px;float: right;line-height: 26px;text-align: center;color: #ffffff;margin-right: 30px;margin-bottom: 16px;}
  88. .pagination_box{width: 100%;height:50px;text-align: right;line-height: 90px;}
  89. .pagination_box>div{float:right;width:200px;height:50px;overflow: hidden;display:inline-block;line-height: 40px;}
  90. .pagination_box>span{width:40px;height:30px;display:inline-block;font-size: 14px;
  91. float: right;line-height: 30px;margin-top: 10px;box-shadow: 0 0 10px 0 #999 inset;text-align: center;
  92. border-radius: 5px;cursor: pointer;font-weight: bold;}
  93. .pagination_box>span.second{border: none;box-shadow: none;line-height: 30px;font-size: 16px;color:#F68705;width:25px;text-align: center;
  94. display: inline-block;cursor: pointer;font-weight: normal;}
  95. .pagination_box>span.first{border: none;box-shadow: none;line-height: 30px;font-size: 16px;color:#F68705;width:25px;text-align: center;
  96. display: inline-block;cursor: pointer;font-weight: normal;}
  97. .pagination_box>span.span_true{color:#f68705;}
  98. .pagination_box>span.all_span{width:40px;height:30px;display:inline-block;font-size: 14px;
  99. float: right;line-height: 30px;margin-top: 10px;font-weight: bold;text-align: center;
  100. border: none;box-shadow: none;}
  101. .paging_box{overflow: hidden;}
  102. .paging_box>span{line-height: 50px;font-size: 16px;color:#F68705;width:25px;text-align: center;
  103. display: inline-block;cursor: pointer;}
  104. .paging_box>span.action_span{font-weight: bold;}
  105. .pagination_box .totalCount{ float:right; line-height: 74px;margin-right: 20px;color: #999;}
  106. .pagination_box .pagination{float: right;}
  107. .pagination_box .pagination li{float: left;}
  108. .detail_interest_sub li{transition: all .5s;}
  109. .detail_interest_sub li:hover{transform: scale(.985)}
  110. .detail_interest_sub li:hover .interest_list_title>p{color: #fe9507;}
  111. .channel{background: url(../../img/Technology_22.jpg)no-repeat center center; text-align: center;height: 540px;background-position-y: 20px;margin-top: 10px;}
  112. .channel h5{font-size: 24px;color: #074d88;margin-top: 50px;}
  113. .channel ul{overflow: hidden;margin-top: 65px;margin-left: 10px;}
  114. .channel ul li{width: 195px;float: left;height: 195px;margin-left: 40px;}
  115. .channel ul li:first-child{margin-left: 0;}
  116. .channel ul li a{color: #ffffff;font-size: 20px;line-height: 195px;height: 195px;display: inline-block;width: 195px;}
  117. .channel ul li:nth-child(2n+1){background: url(../../img/Technology_25.png)no-repeat center;}
  118. .channel ul li:nth-child(2n){background: url(../../img/Technology_26.png)no-repeat center;margin-top: 50px;}
  119. .checkd{display:block;}
  120. #bottom{margin-top: -150px; clear: both;}