Inicio Explorar Ayuda
Registro Iniciar sesión
jjhc
/
jucai
1
0
Fork 0
Archivos Incidencias 0 Pull Requests 0 Wiki
Árbol: 573f27ce10
Ramas Etiquetas
jucai
/
public
/
themes
/
default
/
assets
/
app
/
css
/
city
/
city.css

city.css 10 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 
  1. *{box-sizing: border-box;}
    2. 

  2. img{border: none;}
    3. 

  3. body{background-color: #fff; font-family: "微软雅黑" !important;}
    4. 

  4. p{line-height: 1.1;}
    5. 

  5. 

  6. .w{width: 1200px; margin: 0 auto;}
    7. 

  7. 

  8. .clearfix:after{content: ''; display: table; clear: both;}
    9. 

  9. 

  10. .banner{position: relative; display: block; width: 100%; height: 347px; background: url(../../images/cityBanner.png) no-repeat; background-size: 100% 347px; text-align: center;}
    11. 

  11. .banner .banner_title{position: absolute; width: 100%; font-size: 40px;  color: #fefefe; top: 100px;}
    12. 

  12. .banner .banner_txt{position: absolute; width: 100%; font-size: 30px; color: #fff; top: 180px; }
    13. 

  13. 

  14. 

  15. /*晋江起点、晋江由来、晋江名片*/
    16. 

  16. .origin_come_card{margin-top: 20px;}
    17. 

  17. /*晋江起点*/
    18. 

  18. .origin_come_card .origin{width: 376px; height: 394px; margin-right: 36px; float: left;}
    19. 

  19. .origin .origin_title{font-size: 18px; font-weight: 600; color: #dd4250; padding-left: 12px; margin-bottom: 20px; border-left: 2px #dd4250 solid;}
    20. 

  20. .origin .origin_content{height: 354px; border: 1px #ebebeb solid;}
    21. 

  21. .origin_content > a{width: 374px; height: 184px; display: block;}
    22. 

  22. .origin_content > a img{width: 374px; height: 184px; display: block;}
    23. 

  23. .origin_content .origin_txt{padding: 20px 22px 0 15px;}
    24. 

  24. .origin_content .origin_txt p{font-size: 14px; color: #4c4c4c; line-height: 25px; text-indent: 2em;}
    25. 

  25. /*晋江由来*/
    26. 

  26. .origin_come_card .come{width: 376px; height: 394px; margin-right: 36px; float: left;}
    27. 

  27. .come .come_title{font-size: 18px; font-weight: 600; color: #dd4250; padding-left: 12px; margin-bottom: 20px; border-left: 2px #dd4250 solid;}
    28. 

  28. .come .come_content{height: 354px; border: 1px #ebebeb solid;}
    29. 

  29. .come_content .come_txt{padding: 10px 22px 0 15px;}
    30. 

  30. .come_content .come_txt p{font-size: 14px; color: #4c4c4c; line-height: 24px; text-indent: 2em;}
    31. 

  31. 

  32. .come_content .comeImg{margin-top: 24px;}
    33. 

  33. .come_content .comeImg .first{width: 148px; height: 78px; display: block; float: left;}
    34. 

  34. .come_content .comeImg .first img{width: 148px; height: 78px; display: block;}
    35. 

  35. 

  36. .come_content .comeImg .last{width: 222px; height: 78px; display: block; float: right;}
    37. 

  37. .come_content .comeImg .last img{width: 222px; height: 78px; display: block;}
    38. 

  38. /*晋江名片*/
    39. 

  39. .origin_come_card .card{width: 376px; height: 394px; float: left;}
    40. 

  40. .card .card_title{font-size: 18px; font-weight: 600; color: #dd4250; padding-left: 12px; margin-bottom: 20px; border-left: 2px #dd4250 solid;}
    41. 

  41. .card .card_content{height: 354px; border: 1px #ebebeb solid;}
    42. 

  42. .card .card_content .card_btn{margin-top: 5px;}
    43. 

  43. .card_content a{display: inline-block; font-size: 14px; color: #4c4c4c; /*padding: 10px 24;*/ margin: 6px 5px; background-color: #f2f2f2;}
    44. 

  44. .card_btn .btn1{padding:10px 24px;} 
    45. 

  45. .card_btn .btn2{padding:10px 10px;}
    46. 

  46. .card_btn .btn3{padding:10px 7px;} 
    47. 

  47. .card_btn .btn4{padding:10px 7px;} 
    48. 

  48. .card_btn .btn5{padding:10px 13px;}
    49. 

  49. .card_btn .btn6{padding:10px 14px;}
    50. 

  50. .card_btn .btn7{padding:10px 7px;} 
    51. 

  51. .card_btn .btn8{padding:10px 13px;}
    52. 

  52. .card_btn .btn9{padding:10px 43px;}
    53. 

  53. .card_btn .btn10{padding:10px 5px;} 
    54. 

  54. .card_btn .btn11{padding:10px 57px;} 
    55. 

  55. .card_btn a:hover{background-color: #DD4250; color: #fff;}
    56. 

  56. 

  57. 

  58. /*晋江概览*/
    59. 

  59. .overview{width: 100%; margin-top: 37px; padding-top: 22px; background-color: #F5F5F5;}
    60. 

  60. .view{height: auto;}
    61. 

  61. .view .view_title{font-size: 18px; font-weight: 600; color: #dd4250; padding-left: 12px; margin-bottom: 15px; border-left: 2px #dd4250 solid;}
    62. 

  62. 

  63. .view .view_content{padding-bottom: 30px;}
    64. 

  64. .view_content .culture_income{width: 460px; height: 560px; float: left;}
    65. 

  65. /*文化名城*/
    66. 

  66. .view_content .culture{position: relative; width: 460px; height: 200px; background: url(../../images/viewImg1.png) no-repeat; cursor: pointer;}
    67. 

  67. .culture > p{position: absolute; bottom: 0; width: 460px; height: 50px; font-size: 14px; font-weight: 600; line-height: 50px; color: #fff;
    68. 

  68. 			 padding-left: 30px; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
    69. 

  69. 

  70. .culture .culture_txt{position: absolute; top: 0; left: 0; width: 460px; height: 200px; padding: 0 30px; overflow: hidden; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
    71. 

  71. .culture .culture_txt a{display: block; font-size: 14px; color: #fff; line-height: 24px;}
    72. 

  72. 

  73. /*经济强市*/
    74. 

  74. .view_content .income{position: relative; width: 460px; height: 360px; background: url(../../images/viewImg4.png) no-repeat; cursor: pointer;}
    75. 

  75. .income > p{position: absolute; bottom: 0; width: 460px; height: 50px; font-size: 14px; font-weight: 600; line-height: 50px; color: #fff;
    76. 

  76. 			 padding-left: 30px; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
    77. 

  77. 

  78. .income .income_txt{position: absolute; top: 0; left: 0; width: 460px; height: 360px; padding: 0 30px; overflow: hidden; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
    79. 

  79. .income .income_txt a{display: block; font-size: 14px; color: #fff; line-height: 24px;}
    80. 

  80. 

  81. .view_content .brand_zone{width: 740px; height: 362px; float: left;}
    82. 

  82. /*品牌之都*/
    83. 

  83. .view_content .brand{position: relative; width: 460px; height: 362px; background: url(../../images/viewImg2.png) no-repeat; cursor: pointer; float: left;}
    84. 

  84. .brand > p{position: absolute; bottom: 0; width: 460px; height: 50px; font-size: 14px; font-weight: 600; line-height: 50px; color: #fff;
    85. 

  85. 			 padding-left: 30px; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
    86. 

  86. 

  87. .brand .brand_txt{position: absolute; top: 0; left: 0; width: 460px; height: 362px; padding: 0 30px; overflow: hidden; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
    88. 

  88. .brand .brand_txt a{display: block; font-size: 14px; color: #fff; line-height: 24px;}
    89. 

  89. 

  90. /*区位独特*/
    91. 

  91. .view_content .zone{position: relative; width: 280px; height: 362px; background: url(../../images/viewImg3.png) no-repeat; cursor: pointer; float: left;}
    92. 

  92. .zone > p{position: absolute; bottom: 0; width: 280px; height: 50px; font-size: 14px; font-weight: 600; line-height: 50px; color: #fff;
    93. 

  93. 			 padding-left: 30px; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
    94. 

  94. 

  95. .zone .zone_txt{position: absolute; top: 0; left: 0; width: 280px; height: 362px; padding: 0 30px; overflow: hidden; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
    96. 

  96. .zone .zone_txt a{display: block; font-size: 14px; color: #fff; line-height: 24px;}
    97. 

  97. 

  98. .view_content .plate_town{width: 740px; height: 198px; float: left;}
    99. 

  99. /*晋江板块*/
    100. 

  100. .view_content .plate{position: relative; width: 280px; height: 198px; background: url(../../images/viewImg5.png) no-repeat; cursor: pointer; float: left;}
    101. 

  101. .plate > p{position: absolute; bottom: 0; width: 280px; height: 50px; font-size: 14px; font-weight: 600; line-height: 50px; color: #fff;
    102. 

  102. 			 padding-left: 30px; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
    103. 

  103. 

  104. .plate .plate_txt{position: absolute; top: 0; left: 0; width: 280px; height: 198px; padding: 0 30px; overflow: hidden; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
    105. 

  105. .plate .plate_txt a{display: block; font-size: 14px; color: #fff; line-height: 24px;}
    106. 

  106. /*著名侨乡*/
    107. 

  107. .view_content .town{position: relative; width: 460px; height: 198px; background: url(../../images/viewImg6.png) no-repeat; cursor: pointer; float: left;}
    108. 

  108. .town > p{position: absolute; bottom: 0; width: 460px; height: 50px; font-size: 14px; font-weight: 600; line-height: 50px; color: #fff;
    109. 

  109. 			 padding-left: 30px; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
    110. 

  110. 

  111. .town .town_txt{position: absolute; top: 0; left: 0; width: 460px; height: 198px; padding: 0 30px; overflow: hidden; background-color: rgba( 0, 0, 0, 0.3 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)\9;}
    112. 

  112. .town .town_txt a{display: block; font-size: 14px; color: #fff; line-height: 24px;}
    113. 

  113. 

  114. 

  115. /*产业布局*/
    116. 

  116. .product{margin-top: 20px;}
    117. 

  117. .product .product_title{font-size: 18px; font-weight: 600; color: #dd4250; padding-left: 12px; margin-bottom: 15px; border-left: 2px #dd4250 solid;}
    118. 

  118. /*左侧*/
    119. 

  119. .product .product_left{width: 500px; margin-left: 12px; float: left;}
    120. 

  120. .product_left .product_details{font-size: 14px; color: #4c4c4c; line-height: 25px;}
    121. 

  121. .product_left .product_txt{width: 490px; font-weight: 600;}
    122. 

  122. .product_txt p{font-size: 14px; color: #4c4c4c; line-height: 25px;}
    123. 

  123. .product_left .plus{font-size: 14px; color: #4c4c4c; line-height: 25px; text-indent: 2em;}
    124. 

  124. .product_left > a{width: 500px; height: 248px; display: block; margin-top: 21px;}
    125. 

  125. .product_left > a img{width: 500px; height: 248px; display: block;}
    126. 

  126. /*右侧*/
    127. 

  127. .product .product_right{width: 640px; float: right; overflow: hidden;}
    128. 

  128. 

  129. .product_right .product_content{position: relative; width: 300px; height: 262px; background-color: #fff; margin-bottom: 20px; margin-left: 20px; cursor: pointer; float: left;}
    130. 

  130. 

  131. .product_content .content_imgDiv{position: absolute; width: 300px; height: 262px; border: 1px #dbdbdb solid; background-color: #fff; z-index: 200;}
    132. 

  132. .product_content .content_img{text-align: center; margin-top: 90px;}
    133. 

  133. .product_content .content_img img{width: 54px; height: 54px;}
    134. 

  134. .product_content .content_img p{font-size: 14px; color: #4c4c4c; font-weight: 600; text-align: center; margin-top: 10px;}
    135. 

  135. 

  136. .product_content .contentTxt{position: absolute; z-index: 100; width: 320px; height: 262px; padding: 0 15px; background-color: rgba( 0, 0, 0, 0.8 ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000,endColorstr=#c8000000)\9;}
    137. 

  137. .contentTxt a{display: block; font-size: 14px; color: #fff; line-height: 24px;}
    138.