thinktank.css 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  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;}
  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;}
  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. .img-left{width:121px;height:134px;display: inline-block;float: left;background: url("../../img/think_bai1.png")}
  14. .img-right{width:121px;height:134px;display: inline-block;float: left;background: url("../../img/think_bai2.png")}
  15. .actives .img-left{width:121px;height:134px;display: inline-block;float: left;background: url("../../img/think_blur1.png")}
  16. .actives .img-right{width:121px;height:134px;display: inline-block;float: left;background: url("../../img/think_blur2.png")}
  17. .zizone_search{background: #efefef;margin-top: 50px;padding-top: 40px;padding-bottom: 40px;padding-left: 36px;overflow: hidden;}
  18. .search_left{width: 365px;}
  19. .search_left,.searchs{float: left;}
  20. .search_left img{float: left; margin-right: 12px;}
  21. .search_left .img_txt{float: left;}
  22. .search_left h4{font-weight: normal;font-size: 20px;color: #f68705;margin-bottom:14px ;}
  23. .search_left p{font-size: 16px;color: #383838;font-family: "simsun";font-weight: bold;}
  24. .searchs{width: 360px;position: relative;height: 40px;background: #ffffff;box-shadow: 2px 0px 5px #c8c8c8;border-radius: 20px;float: left;display: none;}
  25. .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;}
  26. .searchs .select select:focus{outline: none;}
  27. #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;}
  28. .searchs .select select option:focus{outline: none;}
  29. .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;}
  30. .searchs .select select option:hover{background: red;}
  31. .searchs button{width: 64px;height: 40px;position: absolute;right: 5px;background: url(../../img/think_search.png) no-repeat center center;border: none;}
  32. .searchs button:focus{outline: none;}
  33. .list_text {font-size: 16px;}
  34. .list_text .orange{margin-bottom: 12px;color: #f68705;text-align: center;font-weight: bold;}
  35. .list_text .bulr{margin-top:12px ;margin-bottom: 0px;color: #2a6597;text-align: center;font-weight: bold;line-height: 40px;}
  36. .list_text .text_on{width: 210px;margin: 0 auto;font-size: 14px;font-family: "simsun";color:#787878;line-height: 22px;}
  37. .shadow_text .orange {font-size: 16px;color: #f18101;margin-bottom: 12px;}
  38. .shadow_text .bulr {font-size: 16px;color: #ffffff;margin-top: 140px;margin-bottom: 12px;}
  39. .shadow_text .text_on{padding-left:20px ;padding-right: 20px;color: #ffffff;line-height: 24px;text-align: left;}
  40. .wiseman_list{display: none;}
  41. .wiseman_list ul li:hover .shadow_text{cursor: pointer;display: block;}
  42. .wiseman_list ul{clear: both;}
  43. .found{clear: both;width: 220px;padding-top: 68px;margin: 0 auto;margin-bottom: 50px;}
  44. .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;}
  45. .found a:hover{color: #0C79FF;}
  46. /*智政详情*/
  47. .zizone_list h3{width:220px ;height: 54px;margin: 0 auto;text-align: center;color:#074d88;
  48. background: url(../../img/think_30.png) no-repeat center;line-height: 54px;margin-top: 56px;}
  49. .main_zizone{margin-top: 20px;position: relative;}
  50. .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;}
  51. .main_zizone ul li img{float: left;width: 205px;height: 160px;}
  52. .main_zizone ul li .zizone_text{float: left;width: 352.5px;height: 160px;}
  53. .zizone_text h4{text-align: center;margin-top: 30px;margin-bottom: 30px;}
  54. .zizone_text h4 a{font-size: 20px;color: #f79624;width: 340px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;}
  55. .zizone_text p{width: 280px;margin: 0 auto;font-size: 12px;color: #787878;line-height: 20px;height:
  56. 40px;overflow: hidden;}
  57. .zizone_text>a{font-size: 14px;color: #ffbc09;float: right;margin-right: 20px;margin-top: 10px;}
  58. .main_zizone ul li:hover{cursor: pointer;}
  59. .main_zizone ul li:hover .zizone_text{background: #ffb200;}
  60. .main_zizone ul li:hover .zizone_text a{color: #ffffff;}
  61. .main_zizone ul{height: 368px;overflow: hidden;}
  62. .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;}
  63. .zizone_left{position: absolute;left: -60px;top: 50%;margin-top: -30px;}
  64. .zizone_right{position: absolute;right: -60px;top: 50%;margin-top: -30px;}
  65. .zizone_left:hover,.zizone_right:hover{cursor: pointer;background: #ffb200;color: #ffffff;border: none;}
  66. /*智政*/
  67. .place h3{width:220px ;height: 54px;margin: 0 auto;text-align: center;color:#074d88;
  68. background: url(../../img/think_30.png) no-repeat center;line-height: 54px;margin-top: 90px;}
  69. .place_city{padding-top: 40px;width: 960px;margin: 0 auto;}
  70. .place_city ul{float: left;overflow: hidden;}
  71. .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;}
  72. .place_city ul li:first-child{border-left: 1px solid #a9a9a9;}
  73. .place_city .more_city .inp{color: #f79624;width: 160px;height: 50px;text-align: center;line-height: 50px;float: left;
  74. border: 1px solid #a9a9a9;border-left: none;font-size: 16px;}
  75. .policy{clear: both;padding-top: 56px;position: relative;height: 400px;z-index: 22;}
  76. .place_city ul li:hover{cursor: pointer;}
  77. .policy ul {overflow: hidden;width: 1170px;}
  78. .place_city ul li.thon{background: #2f85d0;color: #ffffff;}
  79. .more_city{float:left; position: relative;width: 160px;}
  80. .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;
  81. background: #ffffff;padding-bottom: 20px;z-index: 25;}
  82. .list_city p{width:160px;line-height:30px;height: 30px;}
  83. .list_city p:hover{box-shadow: inset 0 0 3px #cccccc;background:#f79624;color: #ffffff;}
  84. .more_city .thon{background: #2f85d0;color: #ffffff!important;}
  85. .more_city:hover .inp{cursor: pointer;}
  86. .policy_time{float: left;width: 70px;height: 80px;border: 1px solid #cccccc;text-align: center;}
  87. .policy_time p{font-size: 24px;color: #383838;margin-top: 16px;margin-bottom: 0px;}
  88. .policy_time time{font-size: 12px;color: #c6c6c6;}
  89. .policy_details{float: left;width: 500px;padding-left: 24px;}
  90. .policy_details h4{font-size: 20px;color: #f79624;color: #074d88;width:440px ;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
  91. .policy_details p{width: 460px;font-size: 14px;font-family: "宋体";margin-top:16px;line-height: 22px;height: 44px;overflow: hidden;}
  92. .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;}
  93. .policy ul li{float: left;width: 580px;margin-bottom: 22px;}
  94. .policy_details h4:hover a{color: #0C79FF;}
  95. .policy ol{overflow: hidden;position: absolute;bottom: 0px;left: 50%;margin-left: -32px;}
  96. .policy ol li{width: 15px ;height: 15px;float: left;border: 4px solid #919192;background: #ffffff;border-radius: 50%;margin-right: 5px;}
  97. .policy ol li.active_of{background: #919192;}
  98. .policy ol li:hover{cursor: pointer;}
  99. #bottom{margin-top: 40px;}
  100. /*智者*/
  101. .wrap { width: 100%; margin: 0 auto;background: #ffffff;}
  102. .wrap .portal-body{min-height: 424px;}
  103. .wrap .portal-content {width: 1200px;margin: 0 auto;padding-top: 10px; margin-bottom: 50px;}
  104. .pagination_box {width: 1200px;}
  105. .pagination_box .pagination{ float: right;}
  106. .pagination li{ float: left;}
  107. .totalCount {float: right;line-height: 74px; margin-right: 20px; color: #999;}
  108. .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;}
  109. .search-select ul li span { font-size: 14px; line-height: 26px;color: #787878; }
  110. .search-select ul li:hover,.search-select ul li.active{cursor: pointer; border: 1px solid #58a3ff; }
  111. .search-select ul li:hover span {color: #58a3ff;}
  112. .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;}
  113. .detail_interest_sub li>img{width: 270px;height: 280px;}
  114. .detail_interest_sub li:nth-child(4n+1){margin-left: 0;}
  115. .shadow_text{position: absolute;top: 0;left: 0;width: 270px;height: 440px;text-align: center;background: rgba(0,0,0,.7);display: none;}
  116. .detail_interest_sub li:hover .shadow_text{display: block;}
  117. .shadow_text img{width: 28px!important;height: 24px;margin: 0 auto;margin-top: 20px;display: inline-block;}
  118. .search-criteria{padding-top: 50px;padding-bottom: 40px;}
  119. .search-title{text-align: center;}
  120. .search-title>span{ width: 88px;height: 28px;font-size: 14px;background: #2f85d0;color: #ffffff;
  121. line-height: 28px;display: inline-block;text-align: center;}
  122. .imgbg{width: 550px!important;height: 150px;background: url(../../img/all_null.png) no-repeat;margin: 0px auto;}
  123. .pagination .active a{color:#fff !important;}