@charset "UTF-8";
/*清除浮动*/
.clearfix {
    zoom: 1; }
.clearfix::after {
    content: "";
    display: block;
    height: 0;
    clear: both; }

.container {
  width: 70%;
  margin: 0 auto;
  min-width: 1200px; }

body {
  background-color: #fff;
  position: relative;
  overflow-x: hidden; }

* {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

a {
  color: #000;
  text-decoration: none;
  font-family: sans-serif; }

span {
  color: #555; }

td[nowrap] {
  display: none; }

img {
  border: 0;
  max-width: 100%; }

main {
  overflow: hidden; }

.clear {
  overflow: hidden;
  zoom: 1; }

.clearfix {
  zoom: 1; }
  .clearfix::after {
    content: "020";
    display: block;
    height: 0;
    clear: both; }

.clearfix2 {
  zoom: 1; }
  .clearfix2::before {
    display: table;
    content: ""; }
  .clearfix2::after {
    display: table;
    content: "";
    clear: both; }

.center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.abs_center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.wp_nav {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .wp_nav * {
    margin: 0;
    padding: 0; }
  .wp_nav .on {
    z-index: 10;
    background-color: unset; }
  .wp_nav > li.nav-item {
    position: relative;}
    .wp_nav > li.nav-item > a {
      font-family: "Microsoft Yahei";
      letter-spacing: 1px;
      display: block;
      text-align: center;
      position: relative;
      z-index: 100; }
      .wp_nav > li.nav-item > a > span.item-name {
        display: block;
        padding: 12px 6px;
        line-height: 22px;
        font-size: 17px;
        cursor: pointer;
        color: #fff;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        white-space: nowrap; }
    .wp_nav > li.nav-item a.parent span.item-name {
      color: #00948a;
      background: #fff; }
    .wp_nav > li.nav-item .mark {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 99; }
    .wp_nav > li.nav-item > .sub-nav {
      display: block;
      width: auto !important;
      position: absolute;
      z-index: 200;
      visibility: hidden;
      border-right: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
      border-left: 1px solid #cccccc;
      -o-border-image: unset;
         border-image: unset;
      border-top: none;
      top: 46px !important;
      height: auto !important; }
      .wp_nav > li.nav-item > .sub-nav .nav-item {
        white-space: nowrap; }
        .wp_nav > li.nav-item > .sub-nav .nav-item .mark {
          background: white; }
        .wp_nav > li.nav-item > .sub-nav .nav-item a {
          font-family: "Microsoft Yahei";
          font-size: 14px;
          letter-spacing: 1px;
          font-weight: normal;
          text-align: left;
          border-top: 1px solid #d8e1cc;
          min-width: 80px;
          background-color: rgba(255, 255, 255, 0.8); }
          .wp_nav > li.nav-item > .sub-nav .nav-item a span.item-name {
            display: block;
            color: #00948a;
            padding: 10px 13px;
            font-size: 1rem;
            display: block;
            white-space: nowrap; }
            .wp_nav > li.nav-item > .sub-nav .nav-item a span.item-name:hover {
              color: #00948a;
              background: #f1f1f1; }
        .wp_nav > li.nav-item > .sub-nav .nav-item a.parent {
          background: #f7f7f7;
          color: #00948a; }

div[class^=sudyfocus] {
  height: 100%; }
  div[class^=sudyfocus] .focus-box {
    width: 100% !important;
    height: 100% !important;
    /*文字区显示与否*/ }
    div[class^=sudyfocus] .focus-box .focus-container {
    /*  width: 100% !important;*/
      height: 450px !important; }
    div[class^=sudyfocus] .focus-box .focus-navigation {
      width: 35px;
      opacity: 0.2;
      -webkit-transform: scale(1.5);
              transform: scale(1.5);
      -webkit-transition: 0.2s;
      transition: 0.2s; 
       margin-top:0px;}
      div[class^=sudyfocus] .focus-box .focus-navigation:hover {
        opacity: 0.3; }
    div[class^=sudyfocus] .focus-box .focus-title-bar {
      visibility: hidden !important; }

.dtjt8_div_img {
  width: 524px !important;
  height: 361px !important; }
  .dtjt8_div_img img {
    width: 80% !important;
    height: 80% !important; }
  .dtjt8_div_img .number .current {
    background:#222fe09f;}

.dtjt9_div_img {
  width: 100% !important;
  height: 300px !important; }
  .dtjt9_div_img img {
    width: 100% !important;
    height: 100% !important; }
  .dtjt9_div_img .number {
    right: 0;
    bottom: 10px;
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
    .dtjt9_div_img .number .current {
      background: #222fe09f; }

.dtjt9_div_text {
  bottom: -5px; }
  .dtjt9_div_text .dtjt9_div_text_title {
    background: #f5f5f5;
    padding: 5px;
    height: 25px; }
    .dtjt9_div_text .dtjt9_div_text_title a {
      color: #333;
      -webkit-transition: 0.1s;
      transition: 0.1s; }
      .dtjt9_div_text .dtjt9_div_text_title a:hover {
        color: #00948a; }

.wp_article_list .list_item {
  overflow: hidden;
  height: inherit;
  *zoom: 1;
  *height: 28px;
  line-height: 1.5rem;
  height:33px;
  border-bottom: 1px dotted #d8d8d8; }
  .wp_article_list .list_item .pr_fields {
    padding: 0px 0; }
    .wp_article_list .list_item .pr_fields .Article_Index {
      float: left;
      overflow: hidden;
      width: 0;
      height: 18px;
      margin-top: 10px;
      font-size: 12px;
      text-indent: -99em;
      margin-right: -5px; }
    .wp_article_list .list_item .pr_fields .Article_Title {
      margin-left: 5px; }
      .wp_article_list .list_item .pr_fields .Article_Title > a {
        color: #222;
        -webkit-transition: 0.15s;
        transition: 0.15s;
        font-size: 1rem; }
        .wp_article_list .list_item .pr_fields .Article_Title > a:hover {
          color: #014c9f; }
  .wp_article_list .list_item .Article_PublishDate {
    font-size: 15px;
    padding:0px;
 }

div[portletmode="simpleColumnAnchor"] {
  position: relative;
  margin-bottom: 0;
  border-bottom: 2px solid #00847b; }
  div[portletmode="simpleColumnAnchor"] .Column_Anchor {
    display: block;
    color: #fff;
    font-size: 1.5rem;
    /*padding: 1.5rem 2rem;
    background: #00948a;*/ }
  div[portletmode="simpleColumnAnchor"]::after {
    position: absolute;
    height: 80px;
    width: 6rem;
    top: 0.7rem;
    right: 0.3rem;
    content: ' ';
    bottom: -7px;
    /*background: url(img/list-menu.png) no-repeat;*/ }

.wp_listcolumn {
  border: none;
  display: block;
  width: 100%; }
  .wp_listcolumn .wp_column {
    margin-bottom: 2px;
    position: relative;
    overflow: hidden; }
    .wp_listcolumn .wp_column a {
      width: unset;
      border: none;
      font-size: 1rem;
      padding: 10px;
      padding: 5px\9;
      word-wrap: break-word;
      background: #014C9F; }
      .wp_listcolumn .wp_column a.selected {
        background-color: #00948a;
        background-image: inherit; }
      .wp_listcolumn .wp_column a:hover {
        background-color: #0e7770;
        background-image: inherit; }
        .wp_listcolumn .wp_column a:hover span.column-name {
          color: #eee; }
      .wp_listcolumn .wp_column a span.column-name {
        color: #fff;
        padding: unset; }
  .wp_listcolumn .wp_subcolumn .wp_column a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-bottom: none;
    padding: 0.6rem 1.6rem;
    background: #f1f1f1; }
    .wp_listcolumn .wp_subcolumn .wp_column a span {
      font-size: 1rem;
      color: #111;
      font-weight: normal; }
    .wp_listcolumn .wp_subcolumn .wp_column a:hover {
      background: #e0e0e0; }
      .wp_listcolumn .wp_subcolumn .wp_column a:hover span {
        color: #000; }
    .wp_listcolumn .wp_subcolumn .wp_column a.selected {
      background-image: inherit; }

.wp_articlecontent p {
  font-size: 14px; }

.wp_article_list_table {
  margin-bottom: 10px; }
  .wp_article_list_table table {
    position: relative;
    width: 100%;
    border-bottom: 1px dashed #d2d2d2;
    margin-top: 0px !important; }
    .wp_article_list_table table td {
      padding: 7px 0 7px 16px; }
      .wp_article_list_table table td a:hover {
        color: #00948a; }
    .wp_article_list_table table::before {
      position: absolute;
      height: 8px;
      width: 8px;
      top: 15px;
      left: 0;
      background: #cfcfcf;
      border-radius: 50%;
      content: ""; }

.prev {
  font-weight: bold; }

.next {
  font-weight: bold; }

/*webplus新闻列表样式*/
/*列表页面左栏列表样式*/
header {
  background-color: #fff; }
  header .header-top {
    height: 115px;
    position: relative; }
    header .header-top .logo {
      display: inline-block;
      position: relative;
      top: 20px;
      left: 5px; }
    header .header-top .title {
      display: inline-block;
      position: relative;
      color: #00948a;
      font-size: 28px;
      font-weight: 800;
      font-family: cursive;
      top: 10px;
      left: 20px; }
    header .header-top .right-box {
      position: absolute;
      right: 16px;
      top: 41px; }
      header .header-top .right-box > a {
        margin: 3px; }
        header .header-top .right-box > a img {
          border-radius: 5px; }
      header .header-top .right-box .search-box {
        display: inline-block;
        background: rgba(255, 255, 255, 0.23);
        background: #26ddd1 \9;
        border-radius: 8px; }
        header .header-top .right-box .search-box input {
          border: none;
          padding: 2px 5px;
          height: 24px;
          border-radius: 10px;
          width: 125px;
          background: none;
          color: #fff; }
        header .header-top .right-box .search-box .search {
          width: 30px;
          height: 30px;
          height: 25px;
          background: url(img/search.png) no-repeat center;
          border: 0px;
          cursor: pointer; }

footer {
  position: relative;
  text-align: center;
  padding: 30px 0 40px;
  margin-top: 30px;
  background-color: #00948a; }
  footer p {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 5px; }
  footer .copy-right {
    position: absolute;
    left: 5%; }

.wx_box {
  position: absolute;
  bottom: 0px;
  right: 6%; }

.wx_box:hover .wx_img {
  display: block; }

.wx_img {
  display: none;
  position: absolute;
  top: -120px;
  right: -30px; }

nav {
  position: relative;
  background: #00948a;
  -webkit-box-shadow: 1px 4px 6px 1px #3a3a3a40;
          box-shadow: 1px 4px 6px 1px #3a3a3a40;
  z-index: 1; }
  nav .fas {
    display: none; }

.top-img {
  position: relative;
  margin: 0 auto 20px;
  height: 430px;
  }
  .top-img div[frag] {
    height: 100%; }

.img-news {
  margin-top: 20px;
  width:500px;
 }
  .img-news div[style] {
    /*width: auto !important;*/ }

main {
  display: block; }
  main > div {
    overflow: hidden; }
  main .left-body {
    float: left; }
  main .right-body {
    float: right; }
    main .right-body .r-col {
      width: 220px;
      border: 3px solid #92d8d0;
      border-radius: 15px;
      height: 310px;
      background-color: #f9f9f9;
      padding-top: 25px; }
      main .right-body .r-col a {
        display: table;
        margin-bottom: 20px; }
        main .right-body .r-col a img {
          width: 55px; }
        main .right-body .r-col a p {
          font-size: 18px;
          letter-spacing: 1px;
          display: table-cell;
          vertical-align: middle;
          padding-left: 15px; }
          main .right-body .r-col a p:hover {
            font-weight: bold; }
    main .right-body .select-box {
      width: 220px; }
      main .right-body .select-box select {
        width: 100%;
        background-color: #f3f3f3;
        padding: 2px; }
  main .nb1 {
    width: 54%;
    margin-bottom: 10px; }
  main .center-body {
    clear: both;
    margin: 10px 0 15px; }
    main .center-body .news-box {
      width: 33%; }
    main .center-body .nb2,
    main .center-body .nb3,
    main .center-body .nb4 {
      padding: 5px !important; }
      main .center-body .nb2 .Article_PublishDate,
      main .center-body .nb3 .Article_PublishDate,
      main .center-body .nb4 .Article_PublishDate {
        margin: 4px 0 0 3px; }
    main .center-body .nb2 {
      padding-left: 0 !important; }
    main .center-body .nb3 {
      padding-right: 0 !important; }

.box {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden; }

.news-box {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin: 0 0 0px;
  padding-top: 16px;
  }
  .news-box .news-title {
    display: inline-block;
    position: relative;
    margin-bottom: 18px;
    color: #00948a;
    font-size: 18px;
    font-family: "Microsoft Yahei", sans-serif;
    letter-spacing: 2px; }
    .news-box .news-title::before {
      position: absolute;
      border-top: 2px solid #00948a;
      z-index: 1;
      width: 110%;
      bottom: -30%;
      content: ''; }
  .news-box div[frag] {
    overflow: hidden; }

.list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto 20px; }
  .list-box > div {
    width: 100%;
    margin: 0 10px 0 0; }
    .list-box > div:last-child {
      margin-right: 0; }

.list-box-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 20px; }
  .list-box-col > div,
  .list-box-col a {
    margin: 0 0 10px; }

.link-box .link-title {
  color: #f3f3f3;
  background: #00948a;
  float: left;
  padding: 6px 12px; }

.link-box .links {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding-top: 5px; }
  .link-box .links > a:not(:last-child) {
    position: relative; }
    .link-box .links > a:not(:last-child)::after {
      position: absolute;
      content: '|';
      right: -30%;
      color: #a5a5a5; }
  .link-box .links > a:hover {
    color: #0e7770; }

.list-banner {
  height: 500px;
  overflow: hidden; }
  .list-banner img {
    width: 100%;
    height: auto; }

.list-banner-2 img {
  width: 100%;
  height: 100%; }

.list-body {
  margin: 2rem auto 4rem;
  position: relative;
  min-height: 500px; }
  .list-body .list-menu {
    min-width: 240px;
    max-width: 260px;
    float: left;
    min-height: 200px;
    padding-top: 15px; }
  .list-body .list-right {
    margin-left: 280px;
    min-height: 500px;
    /*background-color: #eee;*/
    position: relative; }
    .list-body .list-right .list-position {
      position: absolute;
      left: 15px;
      font-size: 15px; }
      .list-body .list-right .list-position span {
        color: #333;
        font-weight: bold; }
    .list-body .list-right hr {
      position: relative;
      top: 30px;
      border-bottom: 1px solid #eee;
      border-top: 2px solid #009e94; }
    .list-body .list-right .list-main {
      min-height: 400px;
      padding: 30px 20px; }
    .list-body .list-right .list-title {
      height: 30px;
      color: #00948a;
      text-align: left;
      padding: 10px 20px 5px;
      border-bottom: 2px solid #00948a;
      font-size: 19px;
      /* margin: 0 -30px; */ }

.text-body {
  width: 65%;
  margin: 3rem auto;
  position: relative;
  overflow: visible;
  min-width: 1000px; }
  .text-body .text-position {
    position: absolute;
    top: -30px;
    left: 15px;
    padding-top: 3px;
    font-weight: bold; }
  .text-body .main-info {
    min-height: 500px;
    border-radius: 3px;
    padding: 0 30px 30px;
    border: 1px solid #eee;
    -webkit-box-shadow: 1px 1px 1px 1px #efefef;
            box-shadow: 1px 1px 1px 1px #efefef; }
    .text-body .main-info .text-title {
      font-size: 21px;
      font-weight: bold;
      text-align: center;
      margin-top: 25px;
      position: relative; }
    .text-body .main-info .title-line {
      margin: 25px auto;
      width: 90%;
      border-top: 1px solid #0093e8; }
    .text-body .main-info .author-info {
      margin-top: 15px;
      text-align: center;
      font-size: 14px; }
    .text-body .main-info .text-main {
      margin: 20px;
      padding: 0 20px;
      min-height: 400px;
      overflow: auto; }
      .text-body .main-info .text-main p,
      .text-body .main-info .text-main span {
        color: #222 !important;

        font-family: sans-serif;
        letter-spacing: 0.4px; }
      .text-body .main-info .text-main a {
        color: #1b7dd4;
        font-family: sans-serif;
        font-weight: bold;
        text-decoration: none; }
      .text-body .main-info .text-main img {
        margin: 10px 0 !important; }

@media (max-width: 1200px) {
  .container {
    width: 100%;
    min-width: 1000px; } }

@media (max-width: 777px) {

  .container {
    width: 100%;
    min-width: unset; }
  header .header-top {
    height: 100px;
    position: relative; }
    header .header-top .title {
      font-size: 24px;
      top: 10px;
      left: 7px; }
  footer p {
    font-size: 1.1rem; }
  nav {
    padding-top: 1rem; }
    nav .fas {
      display: block;
      position: relative;
      left: 92%;
      top: -5px;
      color: #fff;
      font-size: 1.3rem; }
  .wp_nav {
    display: none;
    background: #00948a;
    position: absolute;
    width: 100%;
    z-index: 9; }
    .wp_nav li.nav-item {
      border-bottom: 1px solid #fff;
      width: 80%;
      float: none;
      display: block;
      margin: 0 auto; }
      .wp_nav li.nav-item a span.item-name {
        display: block;
        padding: 10px;
        font-size: 1rem;
        cursor: pointer; }
      .wp_nav li.nav-item:first-child span.item-name {
        padding-top: 2px; }
    .wp_nav .sub-nav {
      display: none; }
  .top-img {
    height: 200px; }
    .top-img .focus-box .focus-navigation {
      width: 30px;
      height: 40px; }
  main {
    display: block; }
    main > div {
      overflow: hidden;
      margin: 0 5px 10px; }
    main .left-body {
      float: none;
      width: 100% !important; }
    main .right-body {
      width: auto;
      float: none; }
    main .center-body {
      width: auto; }
    main .bottom-body {
      width: auto; }
  .news-box {
    //width: 100% !important;
    margin: 0;
    padding: 10px; }
    .news-box .news-title {
      margin-bottom: 8px; }
    .news-box .news-tr {
      padding: 3px; }
    .news-box .wp_article_list .list_item {
      line-height: unset; }
  .link-box .link-title {
    display: block;
    float: none !important;
    margin-bottom: 10px; }
  .link-box .links > a::after {
    display: none; }
  .list-banner {
    height: 150px; }
    .list-banner img {
      width: 100%;
      height: 100%; }
  .list-body {
    margin: 0;
    margin-top: -15px; }
    .list-body .list-menu {
      width: 100%;
      min-height: unset;
      margin-bottom: 10px; }
    .list-body .list-right {
      width: 100%;
      clear: both;
      margin: 0; }
  .text-body {
    width: 100%;
    min-width: unset;
    margin-top: 2.5rem; }
    .text-body .main-info {
      padding: 0; }
      .text-body .main-info .text-title {
        margin-top: 15px; }
      .text-body .main-info .author-info {
        margin-top: 10px;
        padding: 0 25px; }
      .text-body .main-info .text-main {
        margin: 10px 20px;
        padding: unset; }
        .text-body .main-info .text-main span {
          letter-spacing: 0 !important; 
text-align: justify !important;} }