﻿* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a.red {
  color: #ff3300 !important;
}
li {
  list-style: none;
}
em,
i,
s {
  font-style: normal;
}
.container {
  width: 940px;
  height: 100%;
  margin: 0 auto;
}
.info-container {
  width: 1024px;
  height: 100%;
  margin: 0 auto;
}
.nav2 .container {
  display: flex;
  justify-content: space-between;
}
.wider-container {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
header {
  width: 100%;
}
header .header-wrap {
  display: flex;
  align-items: flex-end;
}
header .header-wrap .logo {
  width: 120px;
  height: 50px;
  margin-right: 10px;
}
header .header-wrap .logo img {
  width: 100%;
  height: 100%;
}
header .header-wrap .home {
  width: 70px;
  height: 44px;
  background: #2691dc;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  line-height: 44px;
}
header .header-wrap .home-red {
  background: #f44d1a;
}
header .header-wrap .head_link {
  flex: 1;
  display: flex;
  justify-content: space-between;
  padding-left: 1%;
}
header .header-wrap .head_link a {
  font-size: 12px;
  color: #181818;
  display: block;
}
header .header-wrap .head_link a:hover {
  color: #ff3300;
}

header .header-wrap .head_link > div {
  padding: 0 2%;
  display: flex;
  justify-content: space-between;
  border-right: 1px dashed #e0e0e0;
  flex-grow: 1;
}
header .header-wrap .head_link > div > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
header .header-wrap .head_link > div > div > a {
  height: 19px;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 3px;
  display: flex;
  align-items: center;
}
header .header-wrap .head_link > div > div:first-of-type > a {
  font-size: 14px;
  font-weight: bold;
}

header .header-wrap .cbw {
  height: 44px;
  padding: 0 1%;
  display: flex;
  align-items: center;
  border-right: 1px dashed #e0e0e0;
}
header .header-wrap .cbw img {
  width: 59px;
  height: 17px;
}
header .header-wrap .phone {
  display: flex;
  align-items: center;
  align-self: center;
  cursor: pointer;
}

header .header-wrap > .phone > span {
  margin-left: 8px;
  font-size: 20px;
  font-weight: bold;
  color: #2691dc;
}
header .header-wrap > .phone > span.red {
  color: #f44d1a;
}
header .header-wrap > a.mr16,
header .header-wrap > .phone.mr16 {
  margin-right: 16px;
}
header .header-wrap .up_down {
  width: 124px;
  height: 0px;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 9;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 2px 4px 0px #cecece;
  overflow: hidden;
  transition: all 0.2s linear;
}
header .header-wrap .up_down > .item {
  width: 100%;
  text-align: center;
  border-top: 1px solid #cecece;
  display: flex;
  flex-direction: column;
  align-items: center;
}
header .header-wrap .up_down > .item > img {
  width: 100px;
  height: 100px;
  margin-top: 12px;
  display: block;
}
header .header-wrap .up_down > .item > p {
  width: 100%;
  font-size: 12px;
  color: #181818;
  padding: 8px 0;
  text-align: center;
}
header .header-wrap > .phone {
  position: relative;
}
header .header-wrap > .phone:hover > .up_down {
  height: 305px;
  transition: all 0.3s linear;
}
nav {
  height: 44px;
}
nav,
.nav_2 {
  width: 100%;
  min-width: 940px;
  height: 44px;
  background: #2691dc;
}
nav.wider-nav,
.nav_2.wider-nav {
  min-width: 1180px;
}
nav .nav-box,
.nav_2 .nav-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

nav .nav-box > li > a,
.nav_2 .nav-box > li > a {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
}
nav .fsize-16 > li > a,
.nav_2 .fsize-16 > li > a {
  font-size: 16px;
}
nav.nav_2,
.nav_2.nav_2 {
  background-color: #f0f9ff;
}
nav.nav_2 > ul > li > a,
.nav_2.nav_2 > ul > li > a {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}
.nav_2.nav_2 > ul > li > a:hover {
  color: #ff3300;
}
nav.nav_2 > ul > li.nav2-active > a,
.nav_2.nav_2 > ul > li.nav2-active > a {
  color: #2691dc;
}
nav .nav-box > li {
  height: 100%;
  line-height: 44px;
  position: relative;
  cursor: pointer;
}

/* nav .nav-box li.active a {
    text-decoration: underline;
  } */
nav .nav-box li.active::after {
  display: inline-block;
  content: "";
  width: 0px;
  height: 0px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #fff;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

.nav2 {
  width: 100%;
  background: #f0f9ff;
  display: flex;
  flex-wrap: wrap;
}
.nav2 .container > a {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  line-height: 47px;
  padding: 0 6px;
}
.nav2 .container > a:hover {
  color: #ff3300;
}
.second-nav {
  width: 100%;
  min-width: 940px;
  height: 28px;
  background: #f0f9ff;
}
.wider-second-nav {
  min-width: 1180px;
}
.wider-second-nav1024 {
  min-width: 1024px;
}
.second-nav .type {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: none;
}
.second-nav .show {
  display: flex;
}
.second-nav .type > a {
  font-size: 14px;
  font-weight: bold;
  color: #181818;
  flex-grow: 1;
  text-align: center;
}
.second-nav .type > a:hover {
  color: #ff3300;
}
.second-nav .type > a:not(:last-of-type) {
  border-right: 1px solid #e0e0e0;
}

.bottom-side {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 90%;
  bottom: 20px;
}
.bottom-side > a {
  width: 50px;
  height: 50px;
  background-color: #b2b2b2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  margin: 5px 0;
}
.bottom-side > a:hover {
  background-color: #666666;
}
.bottom-side > a::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-size: 100%;
  margin-bottom: 3px;
}
.bottom-side > a.db::before {
  background: url(/static/images/dingbu.png) no-repeat top center;
}
.bottom-side > a.cz::before {
  background: url(/static/images/caizhong.png) no-repeat top center;
}
.bottom-side > a.fx::before {
  background: url(/static/images/fenxiang.png) no-repeat top center;
}
.bottom-side > a.fk {
  margin-bottom: 0;
}
.bottom-side > a.fk::before {
  background: url(/static/images/fankui.png) no-repeat top center;
}
main {
  height: 100%;
}
main .main-wrap {
  width: 100%;
  position: relative;
}
main .main-wrap .main-content {
  width: 100%;
  padding-top: 10px;
}
footer .state {
  width: 100%;
  height: 40px;
  display: flex;
  margin-top: 16px;
}
footer .state > strong {
  display: flex;
  align-items: center;
  width: 48px;
  height: 40px;
  background-color: #2691dc;
  font-size: 12px;
  font-weight: 500;
  padding: 0 10px;
  color: #ffffff;
}
footer .state > span {
  flex: 1;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  border: 1px solid #e7e7e7;
  line-height: 40px;
  background: #f6f6f6;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 6px;
}
footer p:first-of-type {
  font-size: 12px;
  font-weight: 500;
  color: #666666;
  padding-left: 9px;
  margin-top: 16px;
  text-align: center;
}
footer p:first-of-type .contact,
footer p:first-of-type > a {
  margin-left: 40px;
}
footer p:first-of-type > a {
  font-size: 12px;
  font-weight: 500;
  color: #999999;
}
footer p:last-of-type {
  text-align: center;
  margin-top: 24px;
}
footer p:last-of-type > img {
  display: block;
}
.loa-top {
  padding-left: 10px;
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.loa-top .loaction-box {
  align-self: flex-end;
}
.loa-top .loaction-box > span,
.loa-top .loaction-box > span > a {
  font-size: 14px;
  font-weight: normal;
  color: #999999;
}
.loa-top .search-box {
  width: 188px;
  height: 26px;
  border-radius: 2px;
  border: 1px solid rgba(153, 153, 153, 0.6);
  display: flex;
  align-items: center;
}
.loa-top .search-box > input {
  outline: none;
  border: none;
  width: 130px;
  height: 100%;
  background: url(/static/images/blue-search.png) no-repeat 5px center;
  background-size: 16px 16px;
  padding: 0 5px 0 25px;
  font-size: 12px;
}
.loa-top .search-box > input::-webkit-input-placeholder {
  color: #cccccc;
}
.loa-top .search-box > input:-ms-input-placeholder {
  color: #cccccc;
}
.loa-top .search-box > input:-moz-placeholder {
  color: #cccccc;
}
.loa-top .search-box > input::-moz-placeholder {
  color: #cccccc;
}
.loa-top .search-box > span {
  flex: 1;
  font-size: 14px;
  font-weight: bold;
  color: #2691dc;
  text-align: center;
  border-left: 1px solid #e7e7e7;
  cursor: pointer;
}
.links {
  margin-top: 16px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  justify-content: center;
}
.links > a {
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  padding: 0 7px;
}
.links > a:not(:last-of-type) {
  border-right: 1px solid #e7e7e7;
}
.hotlink {
  width: 100%;
  border: 1px solid #e7e7e7;
  display: flex;
  margin: 10px 0 10px 0;
}
.hotlink > .title {
  width: 48px;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  background: #2691dc;
  padding: 0 15px;
  display: flex;
  align-items: center;
}
.hotlink > .hotlink-wrap {
  width: 100%;
  padding: 17px 0;
  display: flex;
}
.hotlink > .hotlink-wrap > ul {
  width: 16.666%;
  text-align: center;
}
.hotlink > .hotlink-wrap > ul > li {
  margin: 10px 0;
}
.hotlink > .hotlink-wrap > ul > li > a {
  font-size: 14px;
  font-weight: 400;
  color: #181818;
}
.hotlink > .hotlink-wrap > ul > li > a:hover {
  color: #ff3300;
}
.hotlink > .hotlink-wrap > ul:not(:last-of-type) {
  border-right: 1px solid #e7e7e7;
}
.hot {
  width: 100%;
  border: 1px solid #e7e7e7;
  display: flex;
  position: relative;
  margin-top: 10px;
}
.hot::after {
  content: "";
  display: inline-block;
  width: 23px;
  height: 27px;
  background: url(/static/images/hot.png) no-repeat right top;
  background-size: 100%;
  position: absolute;
  right: -11px;
  top: -13px;
}
.hot .title {
  width: 48px;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  background: #2691dc;
  padding: 0 6px;
  display: flex;
  align-items: center;
}
.hot .title a {
  color: #ffffff;
}
.hot .hotcon {
  padding: 10px 10px 10px 10px;
  flex: 1;
}
.hot .hotcon > a {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  margin: 2px 7px;
}
.hot .hotcon > a:hover {
  color: #ff3300;
}
.hot .hotcon > a.hot-active {
  color: #2691dc;
}
/* 快速导航 */
.quick-menu {
  width: 100%;
  display: flex;
  margin-top: 10px;
}
.quick-menu .title {
  width: 48px;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  background: #2691dc;
  padding: 0 15px;
  display: flex;
  align-items: center;
}
.quick-menu .memu-wrap {
  border: 1px solid #e0e0e0;
  border-left: none;
  flex: 1;
  padding: 17px 0;
  display: flex;
}
.quick-menu .memu-wrap div {
  display: flex;
}
.quick-menu .memu-wrap > div:not(:last-of-type) {
  border-right: 1px solid #cccccc;
}
.quick-menu .memu-wrap .many {
  justify-content: space-around;
}
.quick-menu .memu-wrap .many div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.quick-menu .memu-wrap .alone {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.quick-menu .memu-wrap div a {
  font-size: 14px;
  color: #181818;
  margin-bottom: 4px;
}
.quick-menu .memu-wrap div a:hover {
  color: #ff3300;
}
.quick-menu .memu-wrap div.sd {
  width: 27%;
}
.quick-menu .memu-wrap div.ps {
  width: 15%;
}
.quick-menu .memu-wrap div.dlt {
  width: 11%;
}
.quick-menu .memu-wrap div.qlc {
  width: 13%;
}
.quick-menu .memu-wrap div.qxc {
  width: 11%;
}
.quick-menu .memu-wrap div.ssq {
  width: 21%;
}

.list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 40px;
}
.list .list-type {
  width: 44%;
  margin: 5px 0;
}
.list .list-type .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list .list-type .item:first-of-type {
  margin-top: 5px;
}
.list .list-type .item > a {
  width: 70%;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #181818;
  margin: 8px 0 8px 7px;
  padding-left: 35px;
  overflow: hidden;
  height: 20px;
}
.list .list-type .item > a:hover {
  text-decoration: underline;
  color: #ff3300;
}
.list .list-type .item.hotspot > a {
  color: #2691dc;
  background: url(/static/images/hot.png) no-repeat left center;
  background-size: 18px 20px;
}
.list .list-type .item.hotspot > span {
  color: #2691dc;
}
.list .list-type .item.jing > a {
  color: #2691dc;
  background: url(/static/images/best.gif) no-repeat left center;
  /*background-size: 20px 20px;*/
}
.list .list-type .item.jing > a:visited {
  color: #cccccc !important;
}
.list .list-type .item.jing > span {
  color: #181818;
}
.list .list-type .item.din > a {
  color: #181818;
  background: url(/static/images/din.png) no-repeat left center;
  /*background-size: 20px 20px;*/
}
.list .list-type .item.din > span {
  color: #181818;
}
.list .list-type .item.dian > a {
  position: relative;
}
.list .list-type .item.dian > a::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #e0e0e0;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 7px;
}
.list .list-type .item > .date {
  font-size: 14px;
  font-weight: 500;
  color: #666666;
}
.list.tk_list {
  padding: 0;
  border: 1px solid #e7e7e7;
}
.list.tk_list .list-type {
  width: 100%;
}
.list.tk_list .list-type > .item {
  padding: 0 40px;
  height: 40px;
}
.list.tk_list .list-type > .item > a {
  width: 80%;
  margin: 8px 0 8px 0px;
}
.list.tk_list .list-type > .item:nth-of-type(odd) {
  background-color: #f6f6f6;
  padding: 0 40px;
}
.list.shiji_list {
  padding: 0;
}
.list.shiji_list .list-type {
  width: 100%;
}
.list.shiji_list .list-type > .item {
  padding: 0 40px;
  height: 40px;
}
.list.shiji_list .list-type > .item > a {
  width: 80%;
  margin: 8px 0 8px 0px;
}
.list.shiji_list .list-type > .item > a:hover {
  color: #ff3300;
}

.list.shiji_list .list-type > .item > a:visited {
  color: #cccccc;
}
.list.shiji_list .list-type > .item.dian a::before {
  background: #f66f1c;
}
.list.shiji_list .list-type > .item .color-b {
  color: #2691dc;
}

.word-left {
  text-align: left !important;
}
.paddingLeft148 {
  padding-left: 148px;
}

footer .blogroll {
  margin-top: 16px;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
footer .blogroll > strong {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin-right: 5px;
}
footer .blogroll > a {
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  padding: 0 5px;
}
footer .blogroll > a:hover {
  color: #ff3300;
}
footer .blogroll > a:not(:last-of-type) {
  border-right: 1px solid #e7e7e7;
}
footer .container > p:last-of-type {
  text-align: center;
  margin: 10px 0;
  font-size: 12px;
  color: #999999;
}
footer .container > p:last-of-type img {
  vertical-align: middle;
}
footer .container > p:last-of-type a {
  color: #999999;
}
footer .wider-container > p:last-of-type {
  text-align: center;
  margin: 10px 0;
  font-size: 12px;
  color: #999999;
}

footer .wider-container > p:last-of-type img {
  vertical-align: middle;
}

footer .wider-container > p:last-of-type a {
  color: #999999;
}

.main-content .web_entry {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.main-content .web_entry a {
  display: block;
  width: 32.77%;
}
.main-content .web_entry a img {
  display: block;
  width: 100%;
  height: 100%;
}

.gonggao {
  font-size: 14px;
  text-align: center;
  margin-top:10px;
}

.gonggao {
  font-size: 16px;
  text-align: center;
  color: #333;
  padding-bottom: 5px;
}
.gonggao a {
  color: #1f75cc;
  text-decoration: underline;
}
/* 消息弹窗 */
.show_pop_message {
  padding: 10px 30px 10px 20px;
  max-width: 600px;
  position: fixed;
  left: 50%;
  top: 15%;
  transform: translateX(-50%);
  border-radius: 5px;
  z-index: 9999;
  box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
}
.show_pop_message > .be {
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  line-height: 14px;
  margin-right: 5px;
}
.show_pop_message.success-message {
  background-color: #f0f9eb;
  color: #6fc140;
  border: 1px solid #e2f3da;
}
.show_pop_message.success-message > .be {
  background-color: #69c242;
}
.show_pop_message.error-message {
  background-color: #fef0f0;
  color: #f37174;
  border: 1px solid #fce2e2;
}
.show_pop_message.error-message > .be {
  background-color: #f36b6e;
}
.show_pop_message.info-message {
  background-color: #ebebeb;
  color: #949494;
  border: 1px solid #ececed;
}
.show_pop_message.info-message > .be {
  background-color: #909399;
}
.site-search-form {
    margin-bottom: 10px;
}
.search-box-f {
    width: 260px;
    height: 26px;
    border-radius: 2px;
    border: 1px solid rgba(153, 153, 153, 0.6);
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
    .search-box-f > input {
        outline: none;
        border: none;
        width: 130px;
        height: 100%;
        background: url(/static/images/blue-search.png) no-repeat 5px center;
        background-size: 16px 16px;
        padding: 0 5px 0 25px;
        font-size: 12px;
    }
    .search-box-f > button {
        width:260px;
        font-size: 14px;
        font-weight: bold;
        color: #2691dc;
        text-align: center;
        border:none;
        border-left: 1px solid #e7e7e7;
        background:none;
        cursor: pointer;
    }
.site-search-form>span{
    font-size:14px;
}
    .site-search-form > span a {
        color: #666666;
    }
