You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

130 lines
9.0 KiB

  1. *{ margin: 0; padding: 0; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; font-family: "微软雅黑"; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
  2. html,body{ min-height: 100%;}
  3. body{ -webkit-touch-callout:none; -webkit-text-size-adjust:none; -webkit-user-select:none; -webkit-font-smoothing:antialiased;}
  4. ol,ul,dl,dt,li{ list-style: none;}
  5. img{ border:none;}
  6. input{ outline: none;}
  7. input:focus,textarea:focus{ background-color: none; outline: none !important;}
  8. a{ outline: none; text-decoration: none; }
  9. a:hover,a:focus{ outline: none; text-decoration: none; }
  10. body{ background: #e8e8e8 repeat-x; }
  11. /*******************index*********************/
  12. .all{ width: 1250px; margin:0 auto; background-color: #fff; }
  13. .container{ margin:0 auto; padding:0; }
  14. .head{ width: 100%; border-bottom:3px solid #285e46; padding-left: 14px; height:69px; }
  15. .Hlogin{ float:right; line-height: 66px; }
  16. .Hlogin a{ margin-right: 15px; color:#333; text-decoration: none; }
  17. .Hlogin a img{ vertical-align: middle; }
  18. .top{ width: 100%; height:381px; position: relative; }
  19. .Tlunbo{ width: 100%; height:100%; position: relative;}
  20. .TL-dian{ bottom:40px; }
  21. .TL-img img{ width: 100%; height:381px; }
  22. .Tlunbo .carousel-inner > .item > a > img{ height:381px; }
  23. .Tnav{ position: absolute; bottom:0; width:1002px; line-height:50px; height:50px; left:50%; margin-left:-501px; z-index:100;}
  24. .Tnav ul li{ float:left; font-size: 20px; color:#fff; text-align: center; }
  25. .Tnav ul li a{ display: block; border-right: 1px solid #40bf81; width: 137px; text-align:center; color:#d3db21; }
  26. .Tnav ul li a:hover{ color:#fff; }
  27. .Tnav ul li .TN-active{ color:#fff; }
  28. .Tnav ul .date{ padding-left:128px; }
  29. .main1{ width: 100%; padding-bottom: 26px; }
  30. .M1title{ width: 100%; text-align: center; color:#003366; font-size: 36px; line-height: 80px; height:80px; overflow: hidden; }
  31. .M1content{ width: 98%; }
  32. .M1C-con{ display:inline-block; width: 93%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 15px; color:#333; text-indent: 2em; }
  33. .M1C-detail{ display: inline-block; vertical-align: top; color:#1a5e97; font-size: 15px;}
  34. .main2{ overflow: hidden; width: 100%; height: 365px; margin-bottom: 8px; }
  35. .M2left{ float:left; width:560px; height:100%; }
  36. .M2L-ti{ width: 100%; height: 43px; background-color: rgba(0,0,0,0.5); color:#fff; font-size: 13px; bottom:0; padding-left: 15px; overflow: hidden; left:0; right:0; text-align: left; text-overflow:ellipsis; white-space: nowrap; }
  37. .M2right{ float:right; width: 400px; height: 100%;}
  38. .M2R-title{ overflow: hidden; width: 100%; margin-bottom: 8px; }
  39. .M2RT-ti{ float:left; font-size: 26px; color:#064e98; font-weight: bold; }
  40. .M2RT-ti img{vertical-align: middle;}
  41. .M2RT-more{ float:right; font-size: 14px; color:#3d3d3d; margin-right: 8px; line-height: 34px;}
  42. .M2R-con{ padding:11px 0; border-bottom: 1px solid #e8e8e8; }
  43. .M2RC-ti{ display: block; width: 98%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:18px; color:#333360; margin-bottom: 5px; }
  44. .M2RC-con{ display: block; width: 98%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:14px; color:#333; line-height: 2; }
  45. .M2left .M2L-jian{ background: none; text-shadow:none; width: 35px; height: 70px; background-color:rgba(0,0,0,0.5); top:50%; margin-top: -35px; font-size: 40px; opacity: 1; }
  46. .main3{ width: 100%; overflow: hidden; height: 254px; }
  47. .M3left{ float:left; width:559px; overflow: hidden; }
  48. .M3-ti{ width: 100%; overflow: hidden; border-bottom: 2px solid #339268; }
  49. .M3T-ti{ float:left; width: 195px; height: 35px; line-height: 35px; color:#fff; font-size: 18px; padding-left: 75px; }
  50. .M3L-con{ padding:20px 0 0 20px; width: 100%; }
  51. .M3LC-left{ float:left; width:175px; height: 166px; border:1px solid #cdcfc8; padding:5px; }
  52. .M3LC-left img{width: 163px; height: 154px; }
  53. .M3LC-right{ float:left; margin-left:5px; width: 267px; }
  54. .M3LCR-ti{ display: block; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:15px; color:#404040; font-weight: bold; line-height: 2; }
  55. .M3LCR-con{ width: 100%; overflow: hidden; height:60px; line-height: 20px; font-size: 13px; color:#404040; margin-bottom: 4px; }
  56. .M3LCR-kuang{ width:100%; height: 72px; border:1px solid #81b829; background-color:#f2f9e7; padding:5px; }
  57. .M3LCPK-con{ display: block; color:#333; font-size: 12px; width: 98%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 20px; }
  58. .M3LCPK-con img{ margin-right: 5px;}
  59. .M3right{ float:right; width:432px; height: 100%; overflow: hidden; }
  60. .M3R-con{ width: 100%; overflow: hidden;}
  61. .M3RC-left{ float:left; width:130px; }
  62. .M3RC-left img{ margin-top: 23px;}
  63. .M3RC-right{ width: 293px; overflow: hidden; float:right; padding-top: 10px; }
  64. .M3RCR-duan{ display: block; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-left: 12px; height: 34px; line-height: 34px; color:#000; font-size: 14px; }
  65. .main4{ width: 100%; height:240px; }
  66. .M4content{ padding:15px 0 0 0; }
  67. .M4C-img{ width: 183px; height: 155px; overflow: hidden; float:left; margin-left: 14px; }
  68. .M4content .carousel-inner > .item > .M4C-img img{ width: 183px; height: 155px; }
  69. .M4C-img img{ width: 164px; height: 157px; }
  70. .foot{ width: 100%; text-align: center; border-top: 3px solid #285e46; font-size: 12px; color:#1a0b03; line-height: 49px;}
  71. /*******************news*********************/
  72. .news{ overflow: hidden; width: 100%; margin:16px 0; }
  73. .news-left{ float:left; width: 245px; height: 653px; border:1px solid #e5e5e5; }
  74. .NL-title{ height: 53px; line-height: 52px; text-align: center; border-bottom:1px solid #e5e5e5; font-size: 24px; color:#3d6902; }
  75. .NL-con{ width: 100%; padding:19px 25px 35px 25px; margin:0 auto; border-bottom: 1px solid #e5e5e5; }
  76. .NLC-ti{ display:block; width: 100%; margin-bottom: 13px; border:1px solid #e5e5e5; border-radius: 10px; overflow: hidden; height:30px; line-height: 30px; font-size: 16px; color:#000; }
  77. .NLCT-dian{ display: inline-block; border:1px solid #d7d7d7; width: 11px; height: 11px; border-radius: 50%; background-color: #e6e6e6; margin:0 10px 0 20px; vertical-align: middle; }
  78. .NLCT-sd{ font-size: 30px; color:#c9c9c9; line-height: 0.5; float:right; margin-right: 19px; }
  79. .NLC-ti:hover{ color:#115901; }
  80. .NLC-ti:hover .NLCT-dian{ background-color: #7cb937; border:1px solid #7cb937;}
  81. .NLC-ti:hover .NLCT-sd{ color:#7cb937; }
  82. .NLC-active{ color:#115901;}
  83. .NLC-active .NLCT-dian{ background-color: #7cb937; border:1px solid #7cb937;}
  84. .NLC-active .NLCT-sd{ color:#7cb937; }
  85. .news-right{ float:right; width: 748px; overflow: hidden; }
  86. .NR-ti{ width: 100%; height: 51px; padding-left: 53px; color:#3d6902; font-size: 20px; line-height: 51px; }
  87. .NRT-position{ float:right; color:#3c3c3c; font-size: 14px; margin-right: 5px; }
  88. .NRT-position a{ color:#3c3c3c; }
  89. .NR-con{ width: 100%; padding:0 12px; margin:14px 0 21px 0; }
  90. .NRC-list{ width: 100%; display:block; padding-left: 21px; height: 37px; line-height: 37px; font-size: 14px; color:#323232; overflow: hidden; }
  91. .NRCL-text{ display: inline-block; width: 80%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
  92. .NRCL-date{ display: inline-block; float:right; margin-right: 15px; vertical-align: middle;}
  93. .NR-page{ text-align: center; width: 100%; color:#323232; font-size: 14px; }
  94. .NR-page a{ margin:0 3px; color:#323232;}
  95. .NRP-num{ color:#ff0000; margin:0 3px; font-weight: bold; }
  96. .NRP-page{ margin:0 5px; border:1px solid #989898; width: 22px; height: 22px; text-align: center; line-height: 22px;}
  97. /*******************detail*********************/
  98. .detail{ width: 100%; border:1px solid #d4d4d4; margin:0 0 0 0; }
  99. .detail-ti{ width: 100%; height: 115px; line-height: 115px; font-size: 24px; color:#1e6101; text-align: center; overflow: hidden; }
  100. .detail-title{ height: 46px; line-height: 46px; font-size: 14px; color:#636262; text-align: center; }
  101. .detail-con{ padding:22px 32px; width: 100%; color:#3d3d3d; font-size: 14px; line-height: 30px; }
  102. .detail-con p{ text-indent: 2em;}
  103. .detail-img{ text-align: center; width: 100%; height: 368px; }
  104. .detail-btn{ width: 100%; height: 71px; text-align: center; }
  105. .DB-btn{ border:none; margin-top: 28px; }
  106. /*******************tourism*********************/
  107. .tourism{ width: 100%; overflow: hidden; padding:20px 0 0 4px; }
  108. .tourism-img{ position: relative; float:left; display: block; margin-left:24px;width: 213px; height: 188px; margin-bottom: 15px; }
  109. .tourism-img img{ position: absolute; width: 203px; height: 150px; display: block; left:5px; top:5px; z-index: 10; }
  110. .tourism-img:after{ content:''; display: block; position: absolute; width: 213px; height: 160px; border:1px solid #d4cbcc; background-color: #fff7ec; padding:5px; left:0; top: 0; }
  111. .TI-text{position: absolute; left: 0; bottom:0; display: block; width: 100%; text-align: center; color:#000; line-height: 28px; font-size:16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
  112. .bgxllb{ height:36px; line-height:36px; background:#2cba68; border-bottom:1px solid #96ddb5; text-align:left; color:#ffffff; font-size:16px; text-indent:2em;}
  113. .bgxllb a{color:#ffffff; font-size:16px; text-indent:0em;}