7@charset "utf-8";
/* CSS Document */
* { padding: 0; margin: 0; box-sizing: border-box; }
body, a, div, p, ul, li, img, h3 { margin: 0; padding: 0; }
body { font-family: "微软雅黑" !important; background-color: #f9f6f6; }
a { text-decoration: none; font-family: "微软雅黑"; color: #000; }
ul li { list-style: none; }
.clear { clear: both; }
ul:before, ul:after { content: ""; display: table; clear: both; }
.top_header { background: url(banner.jpg) top center; height: 500px; }
.top_side { width: 1200px; margin: 0 auto; }
/*.top_side a { display: block; float: right; background-color: #ab0000; color: #fff; padding: 2px 10px; margin-top: 10px; font-size: 14px; margin-left: 10px; }
主体部分*/
.container { width: 1200px; margin: 20px auto; }
.con_top { margin: 30px 0 50px 0; }
.con_top .top_title { background: url(title.png) no-repeat top center; height: 50px; }
.top_title h3 { display: block; color: #ab0000; float: left; padding-left: 60px; font-size: 22px; }
.top_main { margin-top: 20px; height: 200px; position: relative; }
.top_main .next { background: url(next.png) no-repeat top left; height: 60px; width: 32px; float: left; cursor: pointer; position: absolute; left: 0; top: 80px; }
.top_main .prev { background: url(prev.png) no-repeat top right; height: 60px; width: 32px; float: right; cursor: pointer; position: absolute; right: 0; top: 80px; }
.cont { margin: 0 50px; overflow: hidden; }
.box { width: 190px; height: 200px; float: left; background-color: #fff; margin: 0 15px; padding: 20px; box-sizing: border-box; }
.box a { line-height: 300px; font-size: 20px; display: block; text-align: center; }
.box:nth-child(1) { background-image: url(icon1.png); background-repeat: no-repeat; background-position: center 30px; }
.box:nth-child(2) { background-image: url(icon2.png); background-repeat: no-repeat; background-position: center 30px; }
.box:nth-child(3) { background-image: url(icon3.png); background-repeat: no-repeat; background-position: center 30px; }
.box:nth-child(4) { background-image: url(icon4.png); background-repeat: no-repeat; background-position: center 30px; }
.box:nth-child(5) { background-image: url(icon5.png); background-repeat: no-repeat; background-position: center 30px; }
.box:nth-child(6) { background-image: url(icon6.png); background-repeat: no-repeat; background-position: center 30px; }
.box:nth-child(7) { background-image: url(icon7.png); background-repeat: no-repeat; background-position: center 30px; }
/**/
.main_top { margin-bottom: 30px; }
.main_top ul li { width: 175px; height: 60px; background-color: #ddd; margin-right: 30px; float: left; text-align: center; line-height: 60px; font-size: 18px; cursor: default; }
.main_top ul li:last-child { margin-right: 0; }
.main_top ul li:hover { background: url(hover.png) no-repeat top center; color: #fff; }
.main_top ul li.on { background: url(hover.png) no-repeat top center; color: #fff; height: 70px; }
.main_con { background-color: #fff; padding: 20px; }
/**/
.col_title { width: 100%; }
.col_title ul li { float: left; height: 40px; line-height: 40px; padding: 0 5px; border: 1px #ddd solid; }
/**/
.gfx_tabs { margin-bottom: 20px; }
.gfx_tabs ul li { width: 210px; height: 40px; border: 1px #ab0000 solid; float: left; margin: 0 10px; line-height: 40px; text-align: center; cursor: pointer; }
.gfx_tabs ul li a { line-height: 40px; }
.gfx_tabs ul li a:hover { color: #fff; }
.gfx_tabs ul li:hover { background-color: #ab0000; color: #fff; }
.gfx_tabs ul li.on { background-color: #ab0000; color: #fff; }
/*more*/
.more { width: 150px; height: 40px; border: 1px #ab0000 solid; margin: 0 auto; margin-top: 50px; }
.more a { text-align: center; display: block; line-height: 40px; color: #ab0000; }
.more a:hover { background-color: #ab0000; color: #fff; transition: 1s; }
/*table*/
.thead_tr { background-color: #E5ECF4; color: #2d548f; }
.thead_tr td { text-align: center; height: 30px; font-weight: bold; border-right: 2px #fff solid; }
.con_table tbody tr { height: 40px; }
.con_table tbody tr:nth-child(even) { background-color: #f6f6f6; }
.con_table tbody tr td { text-align: center; color: #444; font-size: 14px; border-right: 2px #fff solid; }
.con_table tbody tr td:first-child { text-align: left; }
.con_table tbody tr td a { color: #444; }
.con_table tbody tr td.bt a { padding-left: 5px; }
.con_table tbody tr td.jd a { color: #000fff !important; }
@media screen and (max-width: 768px) {
  .top_header {
        background-size: cover;
    height: 25rem;
  }
  .jnghbwza {
    display: none;
  }
  .container,
  .top_side,
  .top_header div,
  .cont {
    width: 100% !important;
  }
  .cont {
    width: 210px !important;
    margin: 0 auto;
  }
  .box {
    margin: 0 15px;
  }
  .main_top ul li.on {
    margin-bottom: 0px;
  }
  .main_top {
    padding: 0px 15px;
  }
  .main_top ul li {
    margin-bottom: 10px;
    margin-right: 2%;
    width: 49%;
  }
  .main_top ul li:nth-child(2n) {
    margin-right: 0px;
  }
  .con_table tbody tr td:first-child {
    text-align: center;
  }
  /* 分页条 */
  .lucidity_pgPanel {
    width: 100%;
  }
  .lucidity-ui-paging-container {
    display: none !important;
  }
  .lucidity_pgPanel td:nth-child(3),
  .lucidity_pgPanel td:nth-child(6),
  .lucidity_pgPanel td:nth-child(8),
  .lucidity_pgPanel td:nth-child(9),
  .lucidity_pgPanel td:nth-child(10) {
    display: none;
  }
  .lucidity_pgToolbar {
    border: none !important;
  }
  .thead_tr td:first-child {
    width: 70%;
  }
  .thead_tr td {
    font-size: 16px;
  }
  .main_con {
    padding: 10px;
  }
  .gfx_tabs ul li {
    font-size: 18px;
    width: 100%;
    margin: 0px;
    margin-top: 10px;
  }
  .con_table tbody tr td {
    font-size: 16px;
  }
  .con_table tbody tr td.bt a {
    line-height: 28px;
  }
}