thinkTank.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. *{font-family: "微软雅黑";}
  2. .container{width: 1200px;}
  3. #zizone{width:100%;height:195px;background-image: linear-gradient(#fff,#fff, #f8f8f8);box-shadow: 0 0 10px 0 #eee;}
  4. #zizone>div{width:1200px;height:195px;margin: 0 auto;position: relative;}
  5. .zizone img{width: 116px;height: 124px;float: left;margin-left: 104px;}
  6. .zizone .img_right{float: left;padding-left: 26px;}
  7. .zizone .col-md-6{padding: 0;margin: 0;padding-top: 38px;padding-bottom: 28px; box-sizing: border-box;
  8. width:600px;height:195px;border-bottom: 5px solid #2D83CE}
  9. .zizone .img_right h4{font-family: "微软雅黑";font-size: 48px;color: #3586cd;margin-top: 22px;margin-bottom: 16px;font-weight: normal;}
  10. .zizone .img_right p{font-size: 24px;color: #3586cd;}
  11. /*.actives{border-top: 5px solid #FF9A25!important;}*/
  12. .zizone .col-md-6:hover{cursor: pointer;}
  13. .zizone .zone_left:hover div:nth-child(1){background: url('../../img/think_blur1.png') no-repeat center center;}
  14. .zizone .zone_right:hover div:nth-child(1){background: url('../../img/think_blur2.png') no-repeat center center;}
  15. .img-left{width:121px;height:134px;display: inline-block;float: left;background: url("../../img/think_bai1.png")}
  16. .img-right{width:121px;height:134px;display: inline-block;float: left;background: url("../../img/think_bai2.png")}
  17. .actives .img-left{width:121px;height:134px;display: inline-block;float: left;background: url("../../img/think_blur1.png")}
  18. .actives .img-right{width:121px;height:134px;display: inline-block;float: left;background: url("../../img/think_blur2.png")}
  19. .zizone_search{background: #efefef;margin-top: 50px;padding-top: 40px;padding-bottom: 40px;padding-left: 36px;overflow: hidden;}
  20. .sanjiao{position: absolute;bottom:-20px;left:295px;border:10px solid transparent;border-top-color:#2D83CE;width:0;height:0;}
  21. .search_left{width: 365px;}
  22. .search_left,.searchs{float: left;}
  23. .search_left img{float: left; margin-right: 12px;}
  24. .search_left .img_txt{float: left;}
  25. .search_left h4{font-weight: normal;font-size: 20px;color: #f68705;margin-bottom:14px ;}
  26. .search_left p{font-size: 16px;color: #383838;font-family: "simsun";font-weight: bold;}
  27. .searchs{width: 360px;position: relative;height: 40px;background: #ffffff;box-shadow: 2px 0px 5px #c8c8c8;border-radius: 20px;float: left;display: none;}
  28. .searchs .select select{-webkit-appearance: none;appearance:none;-moz-appearance:none;;position: absolute;width: 100px;height: 40px;line-height: 40px;color: #f18101;display: inline-block;border: none;font-size: 16px;left:10px;border-radius:10px;background: url(../../img/think_top.png) no-repeat center right;padding-left: 22px;}
  29. .searchs .select select:focus{outline: none;}
  30. #search_on input{position: absolute;left: 110px;width: 180px;height: 40px;line-height: 40px;border: none;border-left: 1px solid #CCCCCC;background: #ffffff;padding-left: 5px;font-size: 14px;color: #777777;}
  31. .searchs .select select option:focus{outline: none;}
  32. .searchs .select select option{text-align: center;border:1px solid transparent;background: #FFFFFF;display: block;-moz-appearance:none; -webkit-appearance:none;appearance:none;border: 1px solid #cccccc;}
  33. .searchs .select select option:hover{background: red;}
  34. .searchs button{width: 64px;height: 40px;position: absolute;right: 5px;background: url(../../img/think_search.png) no-repeat center center;border: none;}
  35. .searchs button:focus{outline: none;}
  36. .list_text {font-size: 16px;}
  37. .list_text .orange{margin-bottom: 12px;color: #f68705;text-align: center;font-weight: bold;}
  38. .list_text .bulr{margin-top:12px ;margin-bottom: 0px;color: #2a6597;text-align: center;font-weight: bold;line-height: 40px;}
  39. .list_text .text_on{width: 210px;margin: 0 auto;font-size: 14px;font-family: "simsun";color:#787878;line-height: 23px;
  40. text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
  41. .shadow_text .orange {font-size: 16px;color: #f18101;margin-bottom: 12px;}
  42. .shadow_text .bulr {font-size: 16px;color: #ffffff;margin-top: 140px;margin-bottom: 12px;}
  43. .shadow_text .text_on{padding-left:20px ;padding-right: 20px;color: #ffffff;line-height: 24px;text-align: left;
  44. text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
  45. .wiseman_list{display: none;}
  46. .wiseman_list ul li:hover .shadow_text{cursor: pointer;display: block;}
  47. .wiseman_list ul{clear: both;}
  48. .found{clear: both;width: 220px;padding-top: 68px;margin: 0 auto;margin-bottom: 50px;}
  49. .found a{width: 220px;height: 64px;border: 1px solid #CCCCCC;border-radius: 10px;text-align: center;font-size: 18px;color: #787878;display: inline-block;line-height: 64px;}
  50. .found a:hover{color: #0C79FF;}
  51. /*智政详情*/
  52. .zizone_list h3{width:220px ;height: 54px;margin: 0 auto;text-align: center;color:#074d88;
  53. background: url(../../img/think_30.png) no-repeat center;line-height: 54px;margin-top: 56px;}
  54. .main_zizone{margin-top: 20px;position: relative;}
  55. .main_zizone ul li {float: left;width: 560px;border: 1px solid #CCCCCC;height: 160px;overflow: hidden;margin-left:10px ;margin-right: 10px;margin-bottom: 24px;}
  56. .main_zizone ul li img{float: left;width: 205px;height: 160px;}
  57. .main_zizone ul li .zizone_text{float: left;width: 352.5px;height: 160px;}
  58. .zizone_text h4{text-align: center;margin-top: 30px;margin-bottom: 10px;}
  59. .zizone_text h4 a{font-size: 20px;color: #f79624;width: 340px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;}
  60. .zizone_text p{width: 350px;font-size: 14px;color: #383838;line-height: 20px;height:57px;overflow: hidden;padding-left: 10px;}
  61. .zizone_text>a{font-size: 14px;color: #ffbc09;float: right;margin-right: 20px;margin-top: 10px;}
  62. .main_zizone ul li:hover{cursor: pointer;}
  63. .main_zizone ul li:hover .zizone_text{background: #ffb200;}
  64. .main_zizone ul li:hover .zizone_text a{color: #ffffff;}
  65. .main_zizone ul li:hover .zizone_text p{color: #ffffff;}
  66. .main_zizone ul{height: 368px;overflow: hidden;}
  67. .zizone_left,.zizone_right{width: 40px;height: 40px;display:inline-block;font-size: 20px;font-weight: 900;border: 1px solid #CCCCCC;border-radius: 50%;text-align: center;line-height: 36px;}
  68. .zizone_left{position: absolute;left: -60px;top: 50%;margin-top: -30px;}
  69. .zizone_right{position: absolute;right: -60px;top: 50%;margin-top: -30px;}
  70. .zizone_left:hover,.zizone_right:hover{cursor: pointer;background: #ffb200;color: #ffffff;border: none;}
  71. /*智政*/
  72. .place h3{width:220px ;height: 54px;margin: 0 auto;text-align: center;color:#074d88;
  73. background: url(../../img/think_30.png) no-repeat center;line-height: 54px;margin-top: 90px;}
  74. .place_city{padding-top: 40px;width: 960px;margin: 0 auto;}
  75. .place_city ul{float: left;overflow: hidden;}
  76. .place_city ul li{float: left;width: 160px;border: 1px solid #a9a9a9;font-size:16px ;height: 50px;line-height: 50px;text-align: center;border-left: none;background: #ffffff;color: #333333;}
  77. .place_city ul li:first-child{border-left: 1px solid #a9a9a9;}
  78. .place_city .more_city .inp{color: #f79624;width: 160px;height: 50px;text-align: center;line-height: 50px;float: left;
  79. border: 1px solid #a9a9a9;border-left: none;font-size: 16px;}
  80. .policy{clear: both;padding-top: 56px;position: relative;height: 400px;z-index: 22;}
  81. .place_city ul li:hover{cursor: pointer;}
  82. .policy ul {overflow: hidden;width: 1170px;}
  83. .place_city ul li.thon{background: #2f85d0;color: #ffffff;}
  84. .more_city{float:left; position: relative;width: 160px;}
  85. .more_city .list_city{position: absolute;top: 49px;right: 0;text-align: center;font-size:16px ;color: #333333;width:161px;height: 302px;overflow: scroll;overflow-x: hidden;border: 1px solid #a9a9a9;
  86. background: #ffffff;padding-bottom: 20px;z-index: 25;}
  87. .list_city p{width:160px;line-height:30px;height: 30px;}
  88. .list_city p:hover{box-shadow: inset 0 0 3px #cccccc;background:#f79624;color: #ffffff;}
  89. .more_city .thon{background: #2f85d0;color: #ffffff!important;}
  90. .more_city:hover .inp{cursor: pointer;}
  91. .policy_time{float: left;width: 70px;height: 80px;border: 1px solid #cccccc;text-align: center;}
  92. .policy_time p{font-size: 24px;color: #383838;margin-top: 16px;margin-bottom: 0px;}
  93. .policy_time time{font-size: 12px;color: #c6c6c6;}
  94. .policy_details{float: left;width: 500px;padding-left: 24px;}
  95. .policy_details h4{font-size: 20px;color: #f79624;color: #074d88;width:440px ;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
  96. .policy_details p{width: 460px;font-size: 14px;font-family: "宋体";margin-top:16px;line-height: 22px;height: 44px;overflow: hidden;}
  97. .policy_details>a{color: #ffbc09;font-size: 14px;width: 95px;height: 30px;line-height: 30px;border: 1px solid #d2d2d2;text-align: center;margin-top: 20px;display: inline-block;}
  98. .policy ul li{float: left;width: 580px;margin-bottom: 22px;}
  99. .policy_details h4:hover a{color: #0C79FF;}
  100. .policy ol{overflow: hidden;position: absolute;bottom: 0px;left: 50%;margin-left: -32px;}
  101. .policy ol li{width: 15px ;height: 15px;float: left;border: 4px solid #919192;background: #ffffff;border-radius: 50%;margin-right: 5px;}
  102. .policy ol li.active_of{background: #919192;}
  103. .policy ol li:hover{cursor: pointer;}
  104. #bottom{margin-top: 40px;}
  105. /*智者*/
  106. .wrap { width: 100%; margin: 0 auto;background: #ffffff;}
  107. .wrap .portal-body{min-height: 424px;}
  108. .wrap .portal-content {width: 1200px;margin: 0 auto;padding-top: 10px; margin-bottom: 50px;}
  109. .pagination_box {width: 1200px;}
  110. .pagination_box .pagination{ float: right;}
  111. .pagination li{ float: left;}
  112. .totalCount {float: right;line-height: 74px; margin-right: 20px; color: #999;}
  113. .search-select ul li{float: left; border: 1px solid #ccc;margin-right: 8px;margin-bottom: 10px; height: 28px; line-height: 26px; padding: 0 16px;font-size: 12px;}
  114. .search-select ul li span { font-size: 14px; line-height: 26px;color: #787878; }
  115. .search-select ul li:hover,.search-select ul li.active{cursor: pointer; border: 1px solid #58a3ff; }
  116. .search-select ul li:hover span {color: #58a3ff;}
  117. .detail_interest_sub li{float: left;width: 270px;position: relative;z-index: 15;margin-left: 30px;border: 1px solid #cccccc;overflow: hidden;height: 440px;margin-bottom: 20px;}
  118. .detail_interest_sub li>img{width: 270px;height: 280px;}
  119. .detail_interest_sub li:nth-child(4n+1){margin-left: 0;}
  120. .shadow_text{position: absolute;top: 0;left: 0;width: 270px;height: 440px;text-align: center;background: rgba(0,0,0,.7);display: none;}
  121. .detail_interest_sub li:hover .shadow_text{display: block;}
  122. .shadow_text img{width: 28px!important;height: 24px;margin: 0 auto;margin-top: 20px;display: inline-block;}
  123. .search-criteria{padding-top: 50px;padding-bottom: 40px;}
  124. .search-title{text-align: center;}
  125. .search-title>span{ width: 88px;height: 28px;font-size: 14px;background: #2f85d0;color: #ffffff;
  126. line-height: 28px;display: inline-block;text-align: center;}
  127. .imgbg{width: 550px!important;height: 150px;background: url(../../img/all_null.png) no-repeat;margin: 0px auto;}
  128. .imgbgs{width: 550px!important;height: 150px;background: url(../../img/all_null1.png) no-repeat;margin: 0px auto;}
  129. .pagination .active a{color:#fff !important;}
  130. .pagination > li > a:hover, .pagination > li > a:focus{background: #ffd800!important;color: #ffffff;outline: none;}
  131. .pagination li{margin-left: 10px;border: none;}
  132. .pagination li.active a{background: #ffd800; color: #ffffff!important;border: 1px solid #ffd800;}
  133. .pagination > li > a, .pagination > li > span {color: #000000;}
  134. .search-select ul li .patent{background: url(../../img/achievement_check.jpg) no-repeat center right;background-size:40% 48%;}
  135. .search-select ul li .demand{background: url(../../img/achievement_checkno.jpg) no-repeat center right;background-size:40% 48%;}
  136. #isInt{margin-left: 10px;visibility: hidden;;}
  137. #noInt{margin-left: 10px;visibility: hidden;}
  138. #selectInt li:nth-child(2){border: none;}
  139. #selectInt li:nth-child(3){border: none;}
  140. #selectInt li:nth-child(2) label{color:#616161;font-size:14px;font-weight:normal;line-height:30px;}
  141. #selectInt li:nth-child(3) label{color:#616161;font-size:14px;font-weight:normal;line-height:30px;}