:root {
  --mc: #004ea2; }

html {
  font-size: 20vw; }
  @media screen and (max-width: 320px) {
    html {
      font-size: 64px; } }
  @media screen and (min-width: 540px) {
    html {
      font-size: 108px; } }

input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none; }

textarea {
  -webkit-appearance: none; }

.checkbox, .radiobox {
  width: 1.8em;
  height: 1.8em; }

.checkbox input[type=checkbox], .radiobox input[type=radio] {
  -webkit-appearance: none;
  background-color: transparent;
  outline: 0 !important;
  border: 0;
  font-size: 1em !important; }

.checkbox input[type=checkbox]:before, .radiobox input[type=radio]:before {
  display: inline-block;
  text-align: center;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1.8em;
  font-weight: thin;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #d4d4d4; }

.checkbox input[type=checkbox]:checked:before, .radiobox input[type=radio]:checked:before {
  color: #ec4b4d; }

.checkbox input[type=checkbox]:before {
  content: "\f096"; }

.checkbox input[type=checkbox]:checked:before {
  content: "\f14a"; }

.radiobox input[type=radio]:before {
  content: "\f096"; }

.radiobox input[type=radio]:checked:before {
  content: "\f14a"; }

@font-face {
  font-family: 'number';
  src: url("../fonts/Krungthep.eot");
  src: url("../fonts/Krungthep.eot") format("embedded-opentype"), url("../fonts/Krungthep.woff") format("woff"), url("../fonts/Krungthep.ttf") format("truetype"), url("../fonts/Krungthep.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'tg';
  src: url("../fonts/TrumpGothicEast_bold.eot");
  src: url("../fonts/TrumpGothicEast_bold.eot") format("embedded-opentype"), url("../fonts/TrumpGothicEast_bold.woff") format("woff"), url("../fonts/TrumpGothicEast_bold.ttf") format("truetype"), url("../fonts/TrumpGothicEast_bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

body {
  background-color: #fff; }

.pc_hide {
  display: none; }

.center {
  width: 1270px;
  margin: 0 auto; }

.info_bar {
  width: 100%;
  height: 50px;
  background-color: #696a6b; }
  .info_bar .center {
    display: flex;
    justify-content: space-between; }
  .info_bar .user_link {
    height: 50px;
    display: flex;
    justify-content: flex-start; }
  .info_bar .user_item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 20px;
    opacity: .8; }
    .info_bar .user_item img {
      display: block;
      width: 20px;
      height: 20px;
      margin-right: 8px; }
    .info_bar .user_item p {
      font-size: 16px;
      line-height: 50px;
      color: #fff; }
    .info_bar .user_item:hover {
      opacity: 1; }
  .info_bar .site_link {
    display: flex;
    justify-content: flex-end; }
    .info_bar .site_link .site_item {
      font-size: 16px;
      line-height: 50px;
      color: #fff;
      padding: 0 12px;
      position: relative;
      opacity: .8; }
      .info_bar .site_link .site_item:after {
        content: '';
        width: 1px;
        height: 16px;
        position: absolute;
        left: 0;
        top: 17px;
        background-color: #fff; }
      .info_bar .site_link .site_item:first-child:after {
        display: none; }
      .info_bar .site_link .site_item:last-child {
        padding-right: 0; }
      .info_bar .site_link .site_item:hover {
        opacity: 1; }

.header {
  width: 100%;
  position: relative; }
  .header:after {
    content: '';
    width: 100%;
    height: 660px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../images/top_bg.png");
    background-size: 1920px 660px;
    background-repeat: no-repeat;
    background-position: center top 0;
    z-index: -1; }
  .header .center {
    padding-top: 28px; }
  .header .logo_search {
    display: flex;
    justify-content: space-between; }
  .header .logo {
    display: block; }
    .header .logo img {
      display: block; }
  .header .search {
    width: 354px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    background-color: #fff;
    }
  .header .search_input {
    width: calc(354px - 90px);
    border: 0;
    outline: none;
    box-sizing: border-box;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: #686868;
    background-color: transparent;
    padding-left: 40px;
    background-image: url("../images/search.png");
    background-repeat: no-repeat;
    background-position: left 14px center;
    background-size: 20px 20px;
    }
  .header .search_btn {
    width: 90px;
    height: 40px;
    border-radius: 20px;
    background-color: #003177;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    border: 0;
    outline: none; }
  .header .menu {
    display: flex;
    justify-content: space-between;
    margin-top: 30px; }
  .header .menu_item {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .8; }
    .header .menu_item img {
      display: block;
      width: 20px;
      height: 20px; }
    .header .menu_item p {
      font-size: 16px;
      line-height: 40px;
      color: #fff;
      margin-left: 8px; }
    .header .menu_item:hover {
      opacity: 1; }

.top_recommend {
  margin-top: 22px; }
  .top_recommend .center {
    display: flex;
    justify-content: space-between; }
  .top_recommend .top_r_main {
    width: 1014px;
    height: 180px; }
    .top_recommend .top_r_main a {
      display: block; }
    .top_recommend .top_r_main img {
      display: block;
      width: 1014px;
      height: 180px;
      object-fit: cover; }
  .top_recommend .top_r_sub {
    width: 250px;
    height: 180px;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
    .top_recommend .top_r_sub a {
      display: block; }
    .top_recommend .top_r_sub img {
      display: block;
      width: 250px;
      height: 87px;
      object-fit: cover; }

.head_news {
  margin-top: 20px;
  padding-bottom: 10px; }
  .head_news .center {
    text-align: center; }
  .head_news a {
    font-size: 28px;
    line-height: 60px;
    color: var(--mc);
    text-align: center;
    font-weight: bold; }
  .head_news p {
    font-size: 18px;
    line-height: 30px;
    color: var(--mc);
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.block {
  width: 100%;
  margin-top: var(--mt); }
  .block .center {
    display: flex;
    justify-content: space-between; }

.w-490 {
  width: 490px; }

.w-250 {
  width: 250px; }

.main_slide {
  height: 330px;
  position: relative; }
  .main_slide .bd {
    width: 100%; }
  .main_slide .main_slide_item {
    width: 490px;
    height: 330px;
    position: relative; }
    .main_slide .main_slide_item img {
      display: block;
      width: 100%;
      height: 330px;
      object-fit: cover; }
    .main_slide .main_slide_item h3 {
      display: block;
      width: 100%;
      height: 45px;
      background-color: rgba(0, 0, 0, 0.7);
      color: #fff;
      box-sizing: border-box;
      padding: 0 20px;
      font-size: 16px;
      line-height: 45px;
      position: absolute;
      bottom: 0;
      left: 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .main_slide .main_slide_prev {
    width: 33px;
    height: 38px;
    background-image: url("../images/main_left.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    background-color: var(--mc);
    position: absolute;
    left: 0;
    top: 146px;
    opacity: .5;
    cursor: pointer; }
    .main_slide .main_slide_prev:hover {
      opacity: 1; }
  .main_slide .main_slide_next {
    width: 33px;
    height: 38px;
    background-image: url("../images/main_right.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    background-color: var(--mc);
    position: absolute;
    right: 0;
    top: 146px;
    opacity: .5;
    cursor: pointer; }
    .main_slide .main_slide_next:hover {
      opacity: 1; }

.news_list ul {
  width: 100%;
  margin-top: 5px; }
  .news_list ul[data-type='dot'] a {
    padding-left: 17px;
    position: relative;
    box-sizing: border-box; }
    .news_list ul[data-type='dot'] a:after {
      content: '';
      width: 7px;
      height: 7px;
      position: absolute;
      left: 0;
      top: 12px;
      background-image: url("../images/dot.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover; }
  .news_list ul[data-type='dot'] table a {
    padding-left: 4px;
    box-sizing: unset; }
    .news_list ul[data-type='dot'] table a:after {
      display: none; }
  .news_list ul[data-li-type='date'] li {
    display: flex;
    justify-content: space-between; }
    .news_list ul[data-li-type='date'] li a {
      max-width: calc(100% - 100px); }
    .news_list ul[data-li-type='date'] li span {
      display: block;
      width: 100px;
      height: 30px;
      font-size: 16px;
      line-height: 32px;
      color: #666666;
      overflow: hidden;
      text-align: right; }

.news_list li {
  width: 100%; }
  .news_list li a {
    display: block;
    width: 100%;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .news_list li:hover a {
    color: var(--mc); }
  .news_list li:hover span {
    color: var(--mc); }

.common_title {
  height: 36px;
  display: flex;
  justify-content: space-between;
  position: relative; }
  .common_title[data-type="bottom"] {
    align-items: flex-start; }
    .common_title[data-type="bottom"]:after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #cbcbcb;
      position: absolute;
      bottom: 0;
      left: 0; }
    .common_title[data-type="bottom"]:before {
      content: '';
      width: 0;
      height: 5px;
      border-left: 40px solid #004ea2;
      border-right: 40px solid #259aff;
      position: absolute;
      bottom: 0;
      left: 0; }
  .common_title[data-type="top"] {
    align-items: flex-end; }
    .common_title[data-type="top"]:after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #cbcbcb;
      position: absolute;
      top: 0;
      left: 0; }
    .common_title[data-type="top"]:before {
      content: '';
      width: 0;
      height: 5px;
      border-left: 40px solid #004ea2;
      border-right: 40px solid #259aff;
      position: absolute;
      top: 0;
      left: 0; }
  .common_title h3 {
    font-size: 20px;
    color: var(--mc);
    line-height: 1;
    font-weight: bold; }
  .common_title .more {
    height: 10px;
    font-size: 6px;
    line-height: 10px;
    color: #fff;
    padding: 4px;
    background-color: #bababa; }
    .common_title .more:hover {
      background-color: var(--mc); }
    .common_title .more[data-type='plus'] {
      font-size: 18px;
      color: #333;
      background-color: transparent; }
      .common_title .more[data-type='plus']:hover {
        color: var(--mc);
        background-color: transparent; }

.open_info .open_info_links li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  padding-left: 12px;
  position: relative; }
  .open_info .open_info_links li:after {
    content: '';
    width: 2px;
    height: 2px;
    background-color: var(--mc);
    position: absolute;
    left: 5px;
    top: 17px; }

.open_info .open_info_links a {
  font-size: 14px;
  line-height: 36px;
  color: #1e1e1e; }
  .open_info .open_info_links a:hover {
    color: var(--mc); }

.open_info .open_info_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  border: 1px solid #ddd;
  margin-top: 10px; }
  .open_info .open_info_wrap .open_info_item {
    width: 50%; }
  .open_info .open_info_wrap a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    .open_info .open_info_wrap a:hover h3 {
      color: var(--mc); }
  .open_info .open_info_wrap img {
    width: 30px;
    height: 30px;
    display: block; }
  .open_info .open_info_wrap h3 {
    font-size: 14px;
    line-height: 30px;
    color: #000; }

.notice_wrap {
  width: 100%;
  height: 45px;
  background-color: #eeeeee;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  .notice_wrap .title {
    display: block;
    width: 165px;
    height: 45px;
    background-image: url("../images/notice.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 165px 45px;
    font-size: 20px;
    line-height: 45px;
    color: #fff;
    box-sizing: border-box;
    padding-left: 50px; }
  .notice_wrap .notice_list {
    width: 1100px; }
    .notice_wrap .notice_list li {
      display: flex;
      justify-content: space-between; }
    .notice_wrap .notice_list a {
      display: flex;
      width: 550px;
      height: 45px;
      justify-content: flex-start;
      background-image: url("../images/dot.png");
      background-repeat: no-repeat;
      background-position: left 15px center;
      background-size: 7px 7px; }
      .notice_wrap .notice_list a:hover h3, .notice_wrap .notice_list a:hover span {
        color: var(--mc); }
    .notice_wrap .notice_list h3 {
      display: block;
      font-size: 16px;
      line-height: 45px;
      color: #333333;
      width: 400px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding-left: 30px;
      box-sizing: border-box; }
    .notice_wrap .notice_list span {
      display: block;
      font-size: 16px;
      line-height: 45px;
      color: #333333;
      width: 150px;
      padding-left: 20px;
      box-sizing: border-box; }

.subject_wrap {
  overflow: hidden; }
  .subject_wrap .subject_item {
    display: block;
    width: 310px;
    height: 98px;
    margin-right: 10px;
    float: left;
    background-image: url("../images/subject_wrap.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 312px 98px;
    box-sizing: border-box;
    padding-left: 6px;
    padding-top: 6px; }
    .subject_wrap .subject_item:nth-child(4n) {
      margin-right: 0; }
  .subject_wrap img {
    display: block;
    width: 298px;
    height: 86px;
    object-fit: cover; }

.affair {
  box-sizing: border-box;
  border: 1px solid #dddddd;
  border-top: 5px solid var(--mc); }
  .affair .special_title {
    font-size: 20px;
    line-height: 1;
    margin-top: 16px;
    color: var(--mc);
    font-weight: bold;
    padding-left: 20px;
    position: relative; }
    .affair .special_title:after {
      content: '';
      width: 370px;
      height: 1px;
      background-color: #dddddd;
      position: absolute;
      right: 0;
      top: 10px; }
    .affair .special_title:before {
      content: '';
      width: 1px;
      height: 10px;
      background-color: #dddddd;
      position: absolute;
      right: 371px;
      top: 5px; }
  .affair .affair_group {
    display: flex;
    justify-content: space-around;
    box-sizing: border-box;
    padding: 10px 20px; }
  .affair .affair_item {
    width: 110px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column; }
  .affair .t {
    width: 110px;
    margin-bottom: 10px; }
    .affair .t:hover h3 {
      color: var(--mc); }
  .affair img {
    display: block;
    width: 110px;
    height: 82px;
    object-fit: cover; }
  .affair h3 {
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    color: #333;
    word-break: keep-all; }
  .affair .s {
    margin-bottom: 15px;
    width: 110px;
    height: 44px;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    background-color: #f2f8ff;
    text-align: center;
    font-size: 16px;
    line-height: 42px;
    color: #646464; }
    .affair .s:hover {
      color: #fff;
      background-color: var(--mc); }

.tab_group {
  margin: 0 20px;
  border-bottom: 1px solid #e2e2e2;
  display: flex;
  justify-content: flex-start;
  height: 46px; }
  .tab_group .tab_title {
    font-size: 18px;
    color: #6b6b6b;
    line-height: 46px;
    margin-right: 12px;
    cursor: pointer; }
  .tab_group .tab_active {
    font-size: 20px;
    font-weight: bold;
    color: var(--mc);
    line-height: 46px;
    border-bottom: 3px solid var(--mc); }

.book_wrap {
  width: 100%;
  margin-top: 20px;
  position: relative; }
  .book_wrap .book_list {
    width: 250px;
    height: 277px; }
  .book_wrap a {
    display: block; }
  .book_wrap img {
    display: block;
    width: 250px;
    height: 277px;
    object-fit: cover; }
  .book_wrap .book_prev {
    width: 33px;
    height: 38px;
    background-image: url("../images/main_left.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    background-color: var(--mc);
    position: absolute;
    left: 0;
    top: 119px;
    opacity: .5;
    cursor: pointer; }
    .book_wrap .book_prev:hover {
      opacity: 1; }
  .book_wrap .book_next {
    width: 33px;
    height: 38px;
    background-image: url("../images/main_right.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
    background-color: var(--mc);
    position: absolute;
    right: 0;
    top: 119px;
    opacity: .5;
    cursor: pointer; }
    .book_wrap .book_next:hover {
      opacity: 1; }

.friend_link {
  width: 100%;
  border-top: 6px solid var(--mc);
  margin-top: 20px; }

.friend_tab_groups {
  display: flex;
  justify-content: flex-start;
  margin-top: 10px;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5; }
  .friend_tab_groups .friend_tab {
    width: 115px;
    height: 46px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }
    .friend_tab_groups .friend_tab .active {
      display: none;
      background-image: url("../images/friend_down_active.png"); }
    .friend_tab_groups .friend_tab .normal {
      display: block;
      background-image: url("../images/friend_down.png"); }
    .friend_tab_groups .friend_tab h3 {
      font-size: 18px;
      line-height: 46px; }
    .friend_tab_groups .friend_tab i {
      display: block;
      width: 20px;
      height: 20px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; }
  .friend_tab_groups .friend_active {
    background-color: #f5f5f5; }
    .friend_tab_groups .friend_active h3 {
      color: var(--mc);
      font-weight: bold; }
    .friend_tab_groups .friend_active .active {
      display: block; }
    .friend_tab_groups .friend_active .normal {
      display: none; }

.link_group {
  margin-top: 7px; }
  .link_group .link_wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
  .link_group a {
    font-size: 14px;
    line-height: 25px;
    color: #333333; }
    .link_group a:hover {
      color: var(--mc); }
  .link_group span {
    font-size: 14px;
    line-height: 25px;
    color: #333333;
    margin: 0 10px; }

.footer {
  width: 100%;
  background-color: #2e2e2e;
  margin-top: 20px;
  padding-top: 35px;
  padding-bottom: 45px; }
  .footer .center {
    display: flex;
    justify-content: space-between; }
  .footer .footer_line {
    width: 2px;
    height: 162px;
    background-image: url("../images/footer_line.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
  .footer .footer_logo {
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .footer .footer_logo img {
      display: block;
      width: 164px;
      height: 101px; }
  .footer .footer_info .footer_info_item {
    display: flex;
    justify-content: flex-start;
    font-size: 16px;
    line-height: 30px;
    color: #9c9c9c; }
  .footer .footer_info a {
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #9c9c9c; }
    .footer .footer_info a:hover {
      color: #fff; }
  .footer .footer_info span {
    display: block;
    margin: 0 10px;
    font-size: 16px;
    line-height: 30px;
    color: #9c9c9c; }
  .footer .footer_qr {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .footer .footer_qr img {
      display: block;
      width: 82px;
      height: 82px; }
    .footer .footer_qr p {
      font-size: 14px;
      line-height: 50px;
      color: #fff;
      text-align: center; }
  .footer .footer_slogan {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .footer .footer_slogan img {
      display: block;
      width: 178px;
      height: 86px; }

.copyright {
  width: 100%;
  height: 55px;
  background-color: #242425; }
  .copyright p {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 55px;
    color: #9c9c9c; }
  .copyright a {
    font-size: 14px;
    line-height: 55px;
    color: #9c9c9c; }
    .copyright a:hover {
      color: #fff; }

.breadcrumb {
  width: 100%;
  height: 67px;
  background-color: #f4f2f2;
  display: flex;
  justify-content: flex-start;
  font-size: 14px;
  line-height: 67px;
  color: #333;
  box-sizing: border-box;
  padding-left: 27px; }
  .breadcrumb p {
    display: block;
    padding-left: 20px;
    background-image: url("../images/breadcrumb.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: left 0 top 24px;
    font-size: 14px;
    line-height: 67px;
    color: #333; }
  .breadcrumb a {
    font-size: 14px;
    line-height: 67px;
    color: #333; }
    .breadcrumb a:hover {
      color: var(--mc); }
  .breadcrumb span {
    font-size: 14px;
    line-height: 67px;
    color: #333; }

.page .center {
  background-color: #fff;
  display: flex;
  box-sizing: border-box;
  padding: 20px;
  justify-content: space-between; }

.left_menu {
  width: 261px;
  box-sizing: border-box;
  border: 8px solid #e5e5e5;
  position: relative;
  height: 100%; }
  .left_menu:after {
    content: '';
    background-image: url("../images/left_menu_bg.png");
    background-position: left 0 top 0;
    background-repeat: no-repeat;
    background-size: 99px 70px;
    position: absolute;
    left: -8px;
    top: -8px;
    width: 99px;
    height: 70px; }
  .left_menu h3 {
    display: block;
    font-size: 30px;
    line-height: 61px;
    color: var(--mc);
    text-align: center;
    font-weight: bold; }

.lm_fir_group .lm_fir_item {
  border-top: 1px solid #e5e5e5; }

.lm_fir_group .lm_fir_link {
  display: block;
  width: 100%;
  height: 54px;
  font-size: 18px;
  color: #626262;
  background-color: #fff;
  line-height: 54px;
  padding-left: 26px;
  box-sizing: border-box;
  position: relative; }
  .lm_fir_group .lm_fir_link:after {
    content: '';
    width: 27px;
    height: 3px;
    background-color: #d9d9d9;
    position: absolute;
    right: 27px;
    top: 25px;
    z-index: 2; }
  .lm_fir_group .lm_fir_link:hover {
    background-color: var(--mc);
    color: #fff; }
    .lm_fir_group .lm_fir_link:hover:after {
      background-color: #fff; }

.lm_fir_group .lm_sec_item {
  border-top: 1px solid #e5e5e5; }

.lm_fir_group .lm_sec_link {
  display: block;
  width: 100%;
  height: 54px;
  font-size: 18px;
  color: #626262;
  background-color: #fff;
  line-height: 54px;
  padding-left: 46px;
  box-sizing: border-box;
  position: relative; }
  .lm_fir_group .lm_sec_link:after {
    
    width: 27px;
    height: 3px;
    background-color: #d9d9d9;
    position: absolute;
    right: 27px;
    top: 25px;
    z-index: 2; }
  .lm_fir_group .lm_sec_link:hover {
    background-color: var(--mc);
    color: #fff; }
    .lm_fir_group .lm_sec_link:hover:after {
      background-color: #fff; }
    .lm_fir_group .lm_sec_link:hover:before {
      background-color: #fff; }
  .lm_fir_group .lm_sec_link:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    left: 30px;
    top: 23px;
    background-color: #626262;
    border-radius: 100%;
    overflow: hidden; }

.lm_active {
  background-color: var(--mc) !important;
  color: #fff !important; }
  .lm_active:after {
    background-color: #fff !important; }

.page_main {
  width: 950px; }

.page_title {
  height: 58px;
  padding-bottom: 10px;
  font-size: 28px;
  line-height: 58px;
  color: #333;
  position: relative; }
  .page_title[data-align="left"] {
    text-align: left; }
    .page_title[data-align="left"]:after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #cbcbcb;
      position: absolute;
      bottom: 0;
      left: 0; }
    .page_title[data-align="left"]:before {
      content: '';
      width: 0;
      height: 5px;
      border-left: 52px solid #004ea2;
      border-right: 52px solid #259aff;
      position: absolute;
      bottom: 0;
      left: 0; }
  .page_title[data-align="right"] {
    text-align: right; }
    .page_title[data-align="right"]:after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: #cbcbcb;
      position: absolute;
      bottom: 0;
      right: 0; }
    .page_title[data-align="right"]:before {
      content: '';
      width: 0;
      height: 5px;
      border-left: 52px solid #004ea2;
      border-right: 52px solid #259aff;
      position: absolute;
      bottom: 0;
      right: 0; }

.content {
  margin-top: 28px;
  text-align: justify; }
  .content img {
    max-width: 100% !important; }

.page_news_list {
  margin-top: 22px; }
  .page_news_list li {
    display: flex;
    justify-content: space-between; }
  .page_news_list a {
    padding-right: 20px; }
  .page_news_list ul .date {
    display: block;
    width: 100px;
    text-align: right;
    font-size: 16px;
    line-height: 32px;
    color: #333; }

.content_title {
  font-size: 24px;
  line-height: 2;
  color: #2d2d2d;
  text-align: center;
  margin-top: 30px; }

.content_info {
  font-size: 14px;
  line-height: 1.5;
  color: #787878;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px dashed #d9d9d9;
  display: flex;
  justify-content: center; }

.news_siblings {
  width: 100%;
  margin-top: 50px; }
  .news_siblings .item {
    width: 100%;
    margin-top: 30px;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis; }
  .news_siblings a {
    font-size: 16px;
    line-height: 1.5;
    color: #333; }
    .news_siblings a:hover {
      color: var(--mc); }

.bshare_mine {
  display: block; }
  .bshare_mine .bshare-weixin {
    background: url("../images/wechat.png") no-repeat !important;
    background-size: 19px 19px !important;
    margin-left: 6px; }
    .bshare_mine .bshare-weixin:hover {
      background: url("../images/wechat_active.png") no-repeat !important;
      background-size: 19px 19px !important; }
  .bshare_mine .bshare-sinaminiblog {
    background: url("../images/weibo.png") no-repeat !important;
    background-size: 19px 19px !important; }
    .bshare_mine .bshare-sinaminiblog:hover {
      background: url("../images/weibo_active.png") no-repeat !important;
      background-size: 19px 19px !important; }
  .bshare_mine .bshare-qzone {
    background: url("../images/qzone.png") no-repeat !important;
    background-size: 19px 19px !important; }
    .bshare_mine .bshare-qzone:hover {
      background: url("../images/qzone_active.png") no-repeat !important;
      background-size: 19px 19px !important; }

.bshare-custom a {
  width: 19px !important;
  height: 19px !important;
  display: inline-block !important;
  padding-left: 0px !important; }

.img_list {
  margin-top: 22px; }
  .img_list ul {
    overflow: hidden; }
  .img_list li {
    width: 220px;
    margin-right: 23px;
    margin-bottom: 40px;
    float: left; }
    .img_list li:nth-child(4n) {
      margin-right: 0; }
    .img_list li:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .img_list li:hover h3 {
      color: var(--mc); }
  .img_list a {
    display: block; }
  .img_list .img_wrap {
    display: block;
    width: 220px;
    height: 242px;
    overflow: hidden; }
  .img_list img {
    display: block;
    width: 220px;
    height: 242px;
    object-fit: cover;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out; }
  .img_list h3 {
    font-size: 18px;
    text-align: center;
    line-height: 1.5;
    color: #333;
    margin-top: 20px; }

.blank1 {
  width: 100%;
  height: 1px; }

.blank2 {
  width: 100%;
  height: 2px; }

.blank3 {
  width: 100%;
  height: 3px; }

.blank4 {
  width: 100%;
  height: 4px; }

.blank5 {
  width: 100%;
  height: 5px; }

.blank6 {
  width: 100%;
  height: 6px; }

.blank7 {
  width: 100%;
  height: 7px; }

.blank8 {
  width: 100%;
  height: 8px; }

.blank9 {
  width: 100%;
  height: 9px; }

.blank10 {
  width: 100%;
  height: 10px; }

.blank11 {
  width: 100%;
  height: 11px; }

.blank12 {
  width: 100%;
  height: 12px; }

.blank13 {
  width: 100%;
  height: 13px; }

.blank14 {
  width: 100%;
  height: 14px; }

.blank15 {
  width: 100%;
  height: 15px; }

.blank16 {
  width: 100%;
  height: 16px; }

.blank17 {
  width: 100%;
  height: 17px; }

.blank18 {
  width: 100%;
  height: 18px; }

.blank19 {
  width: 100%;
  height: 19px; }

.blank20 {
  width: 100%;
  height: 20px; }

.blank21 {
  width: 100%;
  height: 21px; }

.blank22 {
  width: 100%;
  height: 22px; }

.blank23 {
  width: 100%;
  height: 23px; }

.blank24 {
  width: 100%;
  height: 24px; }

.blank25 {
  width: 100%;
  height: 25px; }

.blank26 {
  width: 100%;
  height: 26px; }

.blank27 {
  width: 100%;
  height: 27px; }

.blank28 {
  width: 100%;
  height: 28px; }

.blank29 {
  width: 100%;
  height: 29px; }

.blank30 {
  width: 100%;
  height: 30px; }

.blank31 {
  width: 100%;
  height: 31px; }

.blank32 {
  width: 100%;
  height: 32px; }

.blank33 {
  width: 100%;
  height: 33px; }

.blank34 {
  width: 100%;
  height: 34px; }

.blank35 {
  width: 100%;
  height: 35px; }

.blank36 {
  width: 100%;
  height: 36px; }

.blank37 {
  width: 100%;
  height: 37px; }

.blank38 {
  width: 100%;
  height: 38px; }

.blank39 {
  width: 100%;
  height: 39px; }

.blank40 {
  width: 100%;
  height: 40px; }

.blank41 {
  width: 100%;
  height: 41px; }

.blank42 {
  width: 100%;
  height: 42px; }

.blank43 {
  width: 100%;
  height: 43px; }

.blank44 {
  width: 100%;
  height: 44px; }

.blank45 {
  width: 100%;
  height: 45px; }

.blank46 {
  width: 100%;
  height: 46px; }

.blank47 {
  width: 100%;
  height: 47px; }

.blank48 {
  width: 100%;
  height: 48px; }

.blank49 {
  width: 100%;
  height: 49px; }

.blank50 {
  width: 100%;
  height: 50px; }

.percent1 {
  width: 1%; }

.percent2 {
  width: 2%; }

.percent3 {
  width: 3%; }

.percent4 {
  width: 4%; }

.percent5 {
  width: 5%; }

.percent6 {
  width: 6%; }

.percent7 {
  width: 7%; }

.percent8 {
  width: 8%; }

.percent9 {
  width: 9%; }

.percent10 {
  width: 10%; }

.percent11 {
  width: 11%; }

.percent12 {
  width: 12%; }

.percent13 {
  width: 13%; }

.percent14 {
  width: 14%; }

.percent15 {
  width: 15%; }

.percent16 {
  width: 16%; }

.percent17 {
  width: 17%; }

.percent18 {
  width: 18%; }

.percent19 {
  width: 19%; }

.percent20 {
  width: 20%; }

.percent21 {
  width: 21%; }

.percent22 {
  width: 22%; }

.percent23 {
  width: 23%; }

.percent24 {
  width: 24%; }

.percent25 {
  width: 25%; }

.percent26 {
  width: 26%; }

.percent27 {
  width: 27%; }

.percent28 {
  width: 28%; }

.percent29 {
  width: 29%; }

.percent30 {
  width: 30%; }

.percent31 {
  width: 31%; }

.percent32 {
  width: 32%; }

.percent33 {
  width: 33%; }

.percent34 {
  width: 34%; }

.percent35 {
  width: 35%; }

.percent36 {
  width: 36%; }

.percent37 {
  width: 37%; }

.percent38 {
  width: 38%; }

.percent39 {
  width: 39%; }

.percent40 {
  width: 40%; }

.percent41 {
  width: 41%; }

.percent42 {
  width: 42%; }

.percent43 {
  width: 43%; }

.percent44 {
  width: 44%; }

.percent45 {
  width: 45%; }

.percent46 {
  width: 46%; }

.percent47 {
  width: 47%; }

.percent48 {
  width: 48%; }

.percent49 {
  width: 49%; }

.percent50 {
  width: 50%; }

.percent51 {
  width: 51%; }

.percent52 {
  width: 52%; }

.percent53 {
  width: 53%; }

.percent54 {
  width: 54%; }

.percent55 {
  width: 55%; }

.percent56 {
  width: 56%; }

.percent57 {
  width: 57%; }

.percent58 {
  width: 58%; }

.percent59 {
  width: 59%; }

.percent60 {
  width: 60%; }

.percent61 {
  width: 61%; }

.percent62 {
  width: 62%; }

.percent63 {
  width: 63%; }

.percent64 {
  width: 64%; }

.percent65 {
  width: 65%; }

.percent66 {
  width: 66%; }

.percent67 {
  width: 67%; }

.percent68 {
  width: 68%; }

.percent69 {
  width: 69%; }

.percent70 {
  width: 70%; }

.percent71 {
  width: 71%; }

.percent72 {
  width: 72%; }

.percent73 {
  width: 73%; }

.percent74 {
  width: 74%; }

.percent75 {
  width: 75%; }

.percent76 {
  width: 76%; }

.percent77 {
  width: 77%; }

.percent78 {
  width: 78%; }

.percent79 {
  width: 79%; }

.percent80 {
  width: 80%; }

.percent81 {
  width: 81%; }

.percent82 {
  width: 82%; }

.percent83 {
  width: 83%; }

.percent84 {
  width: 84%; }

.percent85 {
  width: 85%; }

.percent86 {
  width: 86%; }

.percent87 {
  width: 87%; }

.percent88 {
  width: 88%; }

.percent89 {
  width: 89%; }

.percent90 {
  width: 90%; }

.percent91 {
  width: 91%; }

.percent92 {
  width: 92%; }

.percent93 {
  width: 93%; }

.percent94 {
  width: 94%; }

.percent95 {
  width: 95%; }

.percent96 {
  width: 96%; }

.percent97 {
  width: 97%; }

.percent98 {
  width: 98%; }

.percent99 {
  width: 99%; }

.percent100 {
  width: 100%; }

body, textarea, input, select {
  font-weight: normal;
  font-family: 'Lato', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  outline: none; }

/*# sourceMappingURL=maps/main.css.map */