@charset "UTF-8";
/*
* Created By 乄凉里听九歌灬 on 2018-12-24.
*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
  margin: 0;
  padding: 0; }

body, button, input, select, textarea {
  font: 12px/1.5tahoma, arial, \5b8b\4f53; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

address, cite, dfn, em, var {
  font-style: normal; }

small {
  font-size: 12px; }

ul, ol {
  list-style: none; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

legend {
  color: #000; }

fieldset, img {
  border: 0; }

button, input, select, textarea {
  font-size: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  min-width: 1200px; }

body {
  min-width: 1200px;
  width: 100%;
  margin: 0;
  padding: 0;
  background: url("../images/bg.jpg") no-repeat center top #f8f8f8;
  background-size: 100%;
  font-family: Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑",STHeiti,"华文细黑",sans-serif; }

ul, li, h1, h2, h3, h4, h5, h6 {
  list-style: none;
  margin: 0;
  padding: 0; }

.clear {
  clear: both; }

.tbody {
  width: 1200px;
  margin: auto; }

.header {
  min-width: 1200px;
  width: 100%;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  font-size: 14px;
  line-height: 40px;
  text-shadow: 1px 1px 1px #333333; }

.headerTitle {
  width: 45%;
  float: left; }
  .headerTitle a {
    color: #ffffff;
    text-decoration: none;
    padding-left: 20px;
    background: url("../images/icon_01.png") no-repeat left center;
    margin-left: 10px; }
    .headerTitle a:hover {
      color: #eeeeee; }

.headerRight {
  width: 45%;
  float: right;
  text-align: right; }
  .headerRight a {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    margin: 0 10px;
    position: relative; }
    .headerRight a:after {
      content: " ";
      width: 2px;
      height: 14px;
      background: #ffffff;
      display: inline-block;
      position: absolute;
      right: -12px;
      top: 13px; }
    .headerRight a:last-child:after {
      display: none; }
    .headerRight a:hover {
      color: #eeeeee; }

* + html .logo {
  margin-bottom: 30px; }

.logo {
  min-width: 1200px;
  width: 100%;
  height: 200px;
  line-height: 200px;
  font-size: 200px;
  margin: auto;
}
  .logo img {
    width: 581px;
    padding-left: 0px;}

.nav {
  width: 1200px;
  height: 50px;
  margin: auto; }

.navBox {
  width: 900px;
  height: 50px;
  position: relative;
  float: left;
  background: url("../images/nav_bg.png") no-repeat right center;
  background-size: 90px 50px; }
  .navBox ul li {
    background: #1379e0;
    float: left;
    line-height: 50px;
    width: 135px;
    text-align: center;
    transition: all .3s;
    height: 50px;
    font-size: 20px;}
    .navBox ul li a {
      display: block;
      color: #ffffff;
      text-decoration: none; }
    .navBox ul li:hover {
      background: #0099ff; }
      .navBox ul li:hover .dropDown {
        display: block; }
    .navBox ul li .dropDown {
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);
      width: 1200px;
      background: white;
      display: none;
      position: absolute;
      left: 0;
      box-shadow: 0 5px 10px #e7f1fc;
      text-align: left; }
      .navBox ul li .dropDown .dropDown-nei {
        color: #181818;
        font-size: 18px;
        padding: 10px 30px;
        display: inline-block;
        transition: all .3s;
        font-weight: 700; }
        .navBox ul li .dropDown .dropDown-nei:hover {
          color: #0099ff; }

.searchBox {
  width: 300px;
  float: right; }
  .searchBox .hotKeywords {
    color: #333333;
    font-size: 12px; }
    .searchBox .hotKeywords a {
      color: #333333;
      text-decoration: none;
      transition: all .3s;
      text-shadow: 1px 1px 3px #ffffff; }
      .searchBox .hotKeywords a:hover {
        color: red; }
  .searchBox .search .searchInput {
    line-height: 32px;
    width: 228px;
    height: 32px;
    outline: none;
    padding: 0 10px;
    border: 1px #1379e0 solid;
    float: left;
    font-size: 14px; }
  .searchBox .search .searchBtn {
    width: 50px;
    height: 34px;
    background: #1379e0;
    float: left;
    border: 0;
    outline: none;
    cursor: pointer;
    color: #ffffff;
    transition: all .3s; }
    .searchBox .search .searchBtn:hover {
      background: #0099ff; }
    .searchBox .search .searchBtn span {
      vertical-align: middle;
      background: url("../images/search.png") no-repeat center;
      width: 20px;
      height: 20px;
      display: inline-block; }

.notice {
  width: 1200px;
  height: 59px;
  border-bottom: 1px #cccccc solid;
  margin: 20px auto auto auto;
  background: #ffffff; }
  .notice .tianqi {
    width: 190px;
    height: 59px;
    overflow: hidden;
    padding: 0 10px;
    border-right: 1px #cccccc solid;
    float: left; }
  .notice .noticeBox {
    width: 940px;
    float: left;
    padding: 0 20px; }
    .notice .noticeBox span {
      float: left;
      margin-top: 16px; }
    .notice .noticeBox #FontScroll {
      height: 59px;
      line-height: 59px;
      overflow: Hidden;
      padding: 0; }
    .notice .noticeBox #FontScroll a {
      color: #333;
      text-decoration: none;
      font-size: 14px; }
      .notice .noticeBox #FontScroll a:hover {
        text-decoration: underline;
        color: #c2130e; }
    .notice .noticeBox #FontScroll .line {
      text-align: left;
      width: 100%; }
    .notice .noticeBox #FontScroll .fontColor a {
      color: #333;
      transition: all 1.5s ease 0s; }
    .notice .noticeBox #FontScroll {
      padding-left: 20px; }

.topLine {
  width: 1200px;
  height: 130px;
  background: url("../images/topLineBg.png") no-repeat #ffffff;
  margin: auto;
  text-align: center; }
  .topLine h1 {
    font-size: 34px;
    margin: auto;
    height: 80px;
    overflow: hidden; }
    .topLine h1 a {
      overflow: hidden;
      line-height: 80px;
      display: block;
      color: #1379e0;
      text-decoration: none;
      transition: all .3s;
      padding: 0 80px;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      white-space: nowrap; }
      .topLine h1 a:hover {
        color: #c2130e;
        text-decoration: none; }
  .topLine span {
    font-size: 14px;
    color: #585858;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    margin: auto; }

.content {
  width: 1200px;
  margin: 20px auto; }

.focus {
  position: absolute;
  width: 804px;
  height: 428px;
  background-color: #000;
  float: left;
  display: none; }
  .focus img {
    width: 804px;
    height: 428px; }
  .focus#smallPic {
    width: 380px;
    height: 130px;
    float: none;
    position: relative; }
    .focus#smallPic img {
      width: 380px;
      height: 130px; }
    .focus#smallPic .fPic span {
      font-size: 32px;
      position: absolute;
      width: 380px;
      height: 123px;
      line-height: 123px;
      z-index: 3;
      text-align: center;
      left: 0;
      top: 0;
      font-weight: bold;
      color: #f30a00;
      text-shadow: 0 -2px 1px #ffffff, 2px 0 1px #ffffff, 0 2px 1px #ffffff, -2px 0 1px #ffffff;
      transform: scaleX(0.8); }
    .focus#smallPic .fPic b {
      font-size: 32px;
      position: absolute;
      width: 380px;
      height: 123px;
      line-height: 123px;
      z-index: 2;
      text-align: center;
      left: 5px;
      top: 5px;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.5);
      transform: scaleX(0.8);
      filter: blur(3px);
      display: none\9; }
    .focus#smallPic .prev, .focus#smallPic .next {
      position: absolute;
      top: 50%;
      margin-top: -27px;
      width: 30px;
      height: 54px;
      background-image: url("../images/focus_btn.png"); }
    .focus#smallPic .prev {
      background-position: 0 -55px;
      z-index: 200; }
    .focus#smallPic .next {
      background-position: -30px -55px;
      z-index: 200; }
    .focus#smallPic .fbg {
      display: none; }
  .focus .shadow .title {
    width: 260px;
    height: 65px;
    padding-left: 30px;
    padding-top: 20px; }
    .focus .shadow .title a {
      text-decoration: none;
      color: #fff;
      font-size: 14px;
      font-weight: bolder;
      overflow: hidden; }
  .focus .btn {
    position: absolute;
    bottom: 34px;
    left: 510px;
    overflow: hidden;
    zoom: 1; }
    .focus .btn a {
      position: relative;
      display: inline;
      width: 13px;
      height: 13px;
      border-radius: 7px;
      margin: 0 5px;
      color: #B0B0B0;
      font: 12px/15px "\5B8B\4F53";
      text-decoration: none;
      text-align: center;
      outline: 0;
      float: left;
      background: #D9D9D9; }
      .focus .btn a:hover, .focus .btn a.current {
        cursor: pointer;
        background: #fc114a; }
  .focus .fPic {
    position: absolute;
    left: 0;
    top: 0; }
  .focus .shadow {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 34px;
    line-height: 34px;
    background: rgba(0, 0, 0, 0.6);
    background: url("../images/black60.png") \9 ;
    display: block;
    text-align: left; }
    .focus .shadow a {
      text-decoration: none;
      color: #fff;
      font-size: 14px;
      overflow: hidden;
      margin-left: 10px; }
  .focus .fcon {
    position: relative;
    width: 100%;
    float: left;
    display: none;
    background: #000; }
    .focus .fcon img {
      display: block; }
    .focus .fcon b {
      position: absolute;
      right: 50px;
      bottom: 50px;
      cursor: pointer;
      display: none\0; }
      .focus .fcon b img {
        width: 64px;
        height: 64px; }
  .focus .fbg {
    bottom: 5px;
    right: 40px;
    position: absolute;
    height: 21px;
    text-align: center;
    z-index: 200; }
    .focus .fbg div {
      margin: 4px auto 0;
      overflow: hidden;
      zoom: 1;
      height: 14px; }
  .focus .D1fBt {
    overflow: hidden;
    zoom: 1;
    height: 16px;
    z-index: 10; }
    .focus .D1fBt a {
      position: relative;
      z-index: 2;
      behavior: url("./PIE.htc");
      display: inline;
      width: 12px;
      height: 12px;
      border-radius: 7px;
      margin: 0 5px;
      color: #B0B0B0;
      text-decoration: none;
      text-align: center;
      outline: 0;
      float: left;
      background: #D9D9D9; }
      .focus .D1fBt a:hover, .focus .D1fBt a.current {
        background: #1379e0; }
    .focus .D1fBt i {
      display: none;
      font-style: normal; }
  .focus .prev, .focus .next {
    position: absolute;
    width: 40px;
    height: 74px; }
  .focus .prev {
    top: 50%;
    margin-top: -37px;
    left: 0;
    background-position: 0 -74px;
    cursor: pointer; }
    .focus .prev:hover {
      background-position: 0 0; }
  .focus .next {
    top: 50%;
    margin-top: -37px;
    right: 0;
    background-position: -40px -74px;
    cursor: pointer; }
    .focus .next:hover {
      background-position: -40px 0; }

.slideBox {
  overflow: hidden;
  width: 800px;
  height: 428px;
  position: relative;
  float: left; }
  .slideBox .slideTab {
    position: absolute;
    top: 285px;
    left: -20px;
    z-index: 9;
    width: 150px; }
    .slideBox .slideTab h3 {
      padding-left: 30px;
      position: relative;
      z-index: 2;
      behavior: url("./PIE.htc");
      background: rgba(0, 0, 0, 0.6);
      background: url("../images/black60.png") \9 ;
      color: #ffffff;
      font-weight: normal;
      height: 44px;
      line-height: 44px;
      border-radius: 44px;
      cursor: pointer;
      overflow: hidden;
      margin-bottom: 5px;
      transition: all .3s;
      width: 35px; }
      .slideBox .slideTab h3 span {
        font-size: 22px; }
        .slideBox .slideTab h3 span img {
          width: 22px;
          height: auto;
          vertical-align: middle;
          margin-bottom: 2px; }
      .slideBox .slideTab h3 b {
        font-weight: normal;
        font-size: 18px;
        display: none; }
      .slideBox .slideTab h3:hover, .slideBox .slideTab h3.active {
        width: 120px; }
        .slideBox .slideTab h3:hover b, .slideBox .slideTab h3.active b {
          display: inline-block; }

.tabsBox {
  width: 380px;
  height: 428px;
  background: #ffffff;
  box-shadow: 0 0 15px #dfdfdf;
  float: right; }
  .tabsBox.demo2 {
    width: 395px;
    height: 347px;
    float: left;
    margin-top: 20px;
    margin-right: 14px; }
  .tabsBox .title {
    border-bottom: 1px #1379e0 solid;
    height: 42px;
    padding-left: 20px;
    padding-right: 20px; }
    .tabsBox .title h3 {
      float: left;
      text-align: center;
      display: inline-block;
      line-height: 39px;
      font-size: 18px;
      font-weight: normal;
      border-top: 3px #ffffff solid;
      border-left: 1px #ffffff solid;
      border-right: 1px #ffffff solid;
      border-bottom: 1px transparent solid;
      padding: 0 10px;
      color: rgba(0, 0, 0, 0.6);
      cursor: pointer; }
      .tabsBox .title h3 a {
        color: rgba(0, 0, 0, 0.6);
        line-height: 39px;
        font-size: 18px; }
      .tabsBox .title h3.active {
        border-top: 3px #1379e0 solid;
        border-left: 1px #1379e0 solid;
        border-right: 1px #1379e0 solid;
        border-bottom: 1px #ffffff solid;
        color: #1379e0;
        font-weight: bold;
        background: white; }
        .tabsBox .title h3.active a {
          color: #1379e0; }
    .tabsBox .title a {
      font-size: 14px;
      float: right;
      line-height: 42px;
      color: rgba(0, 0, 0, 0.6);
      text-decoration: none; }
      .tabsBox .title a:hover {
        color: #1379e0; }
  .tabsBox .cont {
    padding: 10px;
    display: none; }
    .tabsBox .cont .contTopLine {
      border-bottom: 1px #cccccc dashed;
      padding: 10px 0; }
      .tabsBox .cont .contTopLine h3 {
        font-size: 18px; }
        .tabsBox .cont .contTopLine h3 a {
          color: #181818;
          text-decoration: none;
          transition: all .3s;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: block; }
          .tabsBox .cont .contTopLine h3 a:hover {
            color: #1379e0; }
      .tabsBox .cont .contTopLine span {
        font-size: 14px;
        line-height: 32px; }
        .tabsBox .cont .contTopLine span a {
          color: #1379e0;
          text-decoration: none; }
          .tabsBox .cont .contTopLine span a:hover {
            color: #0099ff; }
    .tabsBox .cont ul li {
      width: 100%;
      height: 36px;
      line-height: 36px; }
      .tabsBox .cont ul li a {
        float: left;
        color: #000000;
        text-decoration: none;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 280px; }
        .tabsBox .cont ul li a:hover {
          color: #1379e0; }
      .tabsBox .cont ul li span {
        float: right; }

.demo3 {
  width: 380px;
  height: 347px;
  background: #ffffff;
  box-shadow: 0 0 15px #dfdfdf;
  float: right;
  margin-top: 20px; }
  .demo3 .title {
    width: 100%;
    height: 40px;
    position: relative;
    margin-top: 20px; }
    .demo3 .title h3 {
      background: #ffffff;
      height: 40px;
      position: absolute;
      z-index: 3;
      display: block;
      line-height: 40px;
      padding: 0 20px;
      font-size: 18px;
      color: #1379e0; }
    .demo3 .title span {
      display: block;
      position: absolute;
      width: 95%;
      height: 2px;
      border-top: 1px #1379e0 solid;
      border-bottom: 2px #1379e0 solid;
      z-index: 2;
      top: 18px; }
  .demo3 .cont {
    position: relative;
    width: 380px;
    height: 140px;
    text-align: center; }
    .demo3 .cont a {
      display: inline-block;
      text-align: center;
      text-decoration: none;
      margin: 10px 10px; }
      .demo3 .cont a span {
        position: relative;
        z-index: 2;
        behavior: url("./PIE.htc");
        display: block;
        width: 68px;
        height: 68px;
        line-height: 68px;
        color: #ffffff;
        border-radius: 50%;
        font-size: 36px;
        transition: all .3s; }
        .demo3 .cont a span.red {
          background: #ff8a88; }
        .demo3 .cont a span.org {
          background: #ffb948; }
        .demo3 .cont a span.blue {
          background: #69baf9; }
        .demo3 .cont a span.green {
          background: #a5d0a1; }
        .demo3 .cont a span.pink {
          background: rgba(157, 24, 255, 0.6); }
        .demo3 .cont a span img {
          width: 36px;
          height: auto;
          vertical-align: middle;
          margin-bottom: 4px; }
      .demo3 .cont a b {
        color: #585858;
        margin-top: 15px;
        display: block;
        font-size: 15px; }
      .demo3 .cont a:hover span {
        transform: scale(1.1); }

.publicOpen {
  width: 380px;
  height: 140px;
  margin-top: 0; }
  .publicOpen .prev, .publicOpen .next {
    width: 30px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    position: absolute;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
    top: 50%;
    margin-top: -24px; }
    .publicOpen .prev span, .publicOpen .next span {
      font-size: 20px;
      color: #a2a2a2;
      display: block;
      transform: rotate(0deg);
      transition: color .3s; }
    .publicOpen .prev：hover span, .publicOpen .next：hover span {
      color: #005ead; }
  .publicOpen .prev {
    left: 0;
    background-image: url("../images/focus_btn.png");
    background-position: 0 52px; }
    .publicOpen .prev:hover {
      background-position: 0 -4px; }
    .publicOpen .prev .active span {
      color: #005ead; }
  .publicOpen .next {
    right: 0;
    background-image: url("../images/focus_btn.png");
    background-position: -30px 52px; }
    .publicOpen .next:hover {
      background-position: -30px -4px; }
    .publicOpen .next .active span {
      color: #005ead; }
    .publicOpen .next span {
      transform: rotate(180deg);
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
  .publicOpen .slideBox {
    position: absolute;
    width: 294px;
    left: 43px;
    right: 43px;
    height: 140px; }
    .publicOpen .slideBox .showbox {
      width: 10000%;
      height: 140px;
      position: absolute;
      left: 0;
      top: 0; }
      .publicOpen .slideBox .showbox ul li {
        float: left; }
        .publicOpen .slideBox .showbox ul li a {
          margin: 10px 15px !important; }

.demo4 {
  width: 1200px;
  height: 155px;
  background: #ffffff;
  box-shadow: 0 0 15px #dfdfdf;
  margin-top: 20px;
  position: relative; }
  .demo4 .title {
    width: 25px;
    height: 121px;
    background: url("../images/icon_03.png") no-repeat;
    position: absolute;
    top: -6px;
    color: #ffffff;
    font-size: 18px;
    padding: 20px 15px; }

.partner {
  width: 1140px;
  height: 123px;
  margin-top: 15px;
  position: absolute;
  left: 60px; }

.partner .prev, .partner .next {
  width: 30px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  position: absolute;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
  top: 50%;
  margin-top: -24px; }

.partner .prev span, .partner .next span {
  font-size: 20px;
  color: #a2a2a2;
  display: block;
  transform: rotate(0deg);
  transition: color .3s; }

.partner .prev:hover span, .partner .prev.active span, .partner .next:hover span, .partner .next.active span {
  color: #005ead; }

.partner .prev {
  left: 0;
  background-image: url("../images/focus_btn.png");
  background-position: 0 52px; }

.partner .prev:hover {
  background-position: 0 -4px; }

.partner .next:hover {
  background-position: -30px -4px; }

.partner .next {
  right: 0;
  background-image: url("../images/focus_btn.png");
  background-position: -30px 52px; }

.partner .next span {
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }

.partner .slideBox {
  width: 1040px;
  height: 123px;
  position: absolute;
  top: 0;
  left: 50px;
  overflow: hidden; }

.partner .slideBox .showbox {
  width: 10000%;
  height: 123px;
  position: absolute;
  left: 0;
  top: 0; }

.partner .slideBox .showbox ul {
  float: left;
  transition: all .6s; }

.partner .slideBox .showbox ul li {
  float: left;
  width: 249px;
  text-align: center;
  line-height: 123px;
  margin: 0 6px;
  position: relative; }

.partner .slideBox .showbox ul li img {
  vertical-align: middle;
  transition: all .3s;
  max-width: 249px;
  max-height: 123px; }

.partner .slideBox .showbox ul li span {
  font-size: 32px;
  position: absolute;
  width: 249px;
  height: 123px;
  z-index: 3;
  text-align: center;
  left: 0;
  top: 0;
  font-weight: bold;
  color: #f30a00;
  text-shadow: 0 -3px 0 #ffffff, 3px 0 0 #ffffff, 0 3px 0 #ffffff, -3px 0 0 #ffffff;
  transform: scaleX(0.8); }

.partner .slideBox .showbox ul li b {
  font-size: 32px;
  position: absolute;
  width: 249px;
  height: 123px;
  z-index: 2;
  text-align: center;
  left: 5px;
  top: 5px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.48);
  transform: scaleX(0.8);
  filter: blur(2px);
  display: none\9; }

.partner .slideBox .showbox ul li:hover img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
  animation: parImg linear .3s; }

.showbox li.pmaxNum {
  line-height: 41px !important; }

.showbox li.pmaxNum b, .showbox li.pmaxNum span {
  box-sizing: border-box;
  padding: 20px 0;
  height: 41px;
  width: 219px !important;
  left: 15px !important; }

.showbox li a {
  display: block; }

.showbox li.lmaxNum {
  line-height: 41px !important; }

.showbox li.lmaxNum b, .showbox li.lmaxNum span {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  padding: 20px 0;
  height: 41px;
  left: 5px !important;
  font-size: 25px !important; }

.showbox li.bmaxNum {
  line-height: 41px !important; }

.showbox li.bmaxNum b, .showbox li.bmaxNum span {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  padding: 20px 0;
  height: 41px;
  left: 5px !important;
  font-size: 18px !important;
  overflow: hidden; }

.demo5 {
  width: 396px;
  height: 361px;
  background: #ffffff;
  box-shadow: 0 0 15px #dfdfdf;
  margin-top: 20px;
  margin-right: 14px;
  padding-top: 1px;
  float: left; }
  .demo5.dhzx {
    float: right;
    margin-right: 0;
    width: 380px; }
  .demo5 .title {
    width: 100%;
    height: 40px;
    position: relative;
    margin-top: 10px; }
    .demo5 .title h3 {
      background: #ffffff;
      height: 40px;
      position: absolute;
      z-index: 3;
      display: block;
      line-height: 40px;
      padding: 0 20px;
      font-size: 18px;
      color: #1379e0; }
    .demo5 .title span {
      display: block;
      position: absolute;
      width: 95%;
      height: 2px;
      border-top: 1px #1379e0 solid;
      border-bottom: 2px #1379e0 solid;
      z-index: 2;
      top: 18px; }
  .demo5 .cont {
    text-align: center; }
    .demo5 .cont a {
      display: inline-block;
      width: 170px;
      height: 133px;
      text-align: center;
      margin: 5px;
      text-decoration: none;
      transition: all .3s; }
      .demo5 .cont a div {
        width: 170px;
        height: 90px;
        line-height: 90px;
        font-size: 90px; }
        .demo5 .cont a div img {
          vertical-align: middle; }
      .demo5 .cont a span {
        display: block;
        font-size: 20px;
        line-height: 33px;
        color: #585858;
        transition: all .3s; }
      .demo5 .cont a:hover {
        background: #e7f1fc; }
        .demo5 .cont a:hover span {
          color: #1379e0; }
      .demo5 .cont a.col3 {
        width: 113px;
        height: 133px;
        text-align: center; }
        .demo5 .cont a.col3 div {
          width: 113px; }
          .demo5 .cont a.col3 div img {
            vertical-align: middle; }
  .demo5 .contD {
    position: relative;
    height: 311px;
    overflow: hidden; }
    .demo5 .contD .dhzxBtn {
      position: absolute;
      height: 30px;
      line-height: 30px;
      bottom: -31px;
      transition: all .3s;
      border-top: 1px #cccccc solid; }
      .demo5 .contD .dhzxBtn span {
        display: inline-block;
        width: 185px;
        height: 30px;
        text-align: center;
        background: #ffffff;
        cursor: pointer; }
        .demo5 .contD .dhzxBtn span.prev:hover b {
          background: url("../images/r-arrow-02-blue.png") no-repeat center; }
        .demo5 .contD .dhzxBtn span.prev b {
          display: inline-block;
          width: 30px;
          height: 30px;
          background: url("../images/r-arrow-02.png") no-repeat center; }
        .demo5 .contD .dhzxBtn span.next:hover b {
          background: url("../images/r-arrow-02-blue.png") no-repeat center; }
        .demo5 .contD .dhzxBtn span.next b {
          display: inline-block;
          width: 30px;
          height: 30px;
          background: url("../images/r-arrow-02.png") no-repeat center;
          transform: rotate(180deg);
          filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
        .demo5 .contD .dhzxBtn span:hover {
          color: #1379e0;
          font-weight: bold; }
    .demo5 .contD:hover .dhzxBtn {
      bottom: 0px; }
    .demo5 .contD .textSlide {
      height: 276px;
      overflow: hidden; }
      .demo5 .contD .textSlide ul {
        padding: 0 10px; }
        .demo5 .contD .textSlide ul li {
          padding: 10px 10px;
          height: 72px;
          border-bottom: 1px #cccccc dashed; }
          .demo5 .contD .textSlide ul li:last-child {
            border-bottom: none; }
          .demo5 .contD .textSlide ul li h3 {
            font-size: 16px;
            color: rgba(0, 0, 0, 0.6);
            margin-bottom: 10px; }
          .demo5 .contD .textSlide ul li b {
            display: inline-block; }
            .demo5 .contD .textSlide ul li b:nth-child(2) {
              border-right: 1px #cccccc solid;
              width: 150px; }
            .demo5 .contD .textSlide ul li b:nth-child(3) {
              width: 170px;
              padding-left: 10px; }
            .demo5 .contD .textSlide ul li b span {
              float: left;
              margin-top: 5px;
              margin-right: 5px; }
            .demo5 .contD .textSlide ul li b img {
              width: 27px; }
            .demo5 .contD .textSlide ul li b i {
              font-style: normal;
              font-size: 14px;
              font-weight: normal; }
          .demo5 .contD .textSlide ul li:hover h3 {
            color: #1379e0; }

.server .cont a:nth-last-child(-n+3) {
  width: 113px;
  height: 133px;
  text-align: center; }
  .server .cont a:nth-last-child(-n+3) div {
    width: 113px; }
    .server .cont a:nth-last-child(-n+3) div img {
      vertical-align: middle; }

.link {
  width: 1200px;
  height: auto;
  background: #ffffff;
  box-shadow: 0 0 15px #dfdfdf;
  margin-top: 20px;
  padding-bottom: 20px;
  margin: auto; }
  .link .title {
    width: 100%;
    height: 40px;
    position: relative;
    margin-top: 10px; }
    .link .title h3 {
      background: #ffffff;
      height: 40px;
      position: absolute;
      z-index: 3;
      display: block;
      line-height: 40px;
      padding: 0 20px;
      font-size: 18px;
      color: #1379e0; }
    .link .title span {
      display: block;
      position: absolute;
      width: 98%;
      height: 2px;
      border-top: 1px #1379e0 solid;
      border-bottom: 2px #1379e0 solid;
      z-index: 2;
      top: 18px; }
  .link .picLink {
    text-align: center; }
    .link .picLink a {
      display: inline-block;
      position: relative;
      width: 217px;
      height: 60px;
      margin: 0 6px;
      overflow: hidden; }
      .link .picLink a img {
        position: absolute;
        left: 0;
        top: 0; }
      .link .picLink a span {
        position: absolute;
        display: block;
        width: 177px;
        height: 60px;
        left: 0;
        top: 0;
        color: #ffffff;
        font-size: 16px;
        font-weight: bold;
        z-index: 3;
        padding: 0 20px;
        line-height: 60px; }
      .link .picLink a b {
        position: absolute;
        display: block;
        width: 177px;
        height: 60px;
        left: 5px;
        top: 5px;
        color: #585858;
        font-size: 16px;
        font-weight: bold;
        filter: blur(2px);
        z-index: 2;
        padding: 0 20px;
        line-height: 60px;
        display: none; }
      .link .picLink a.maxNum span {
        padding: 0 20px; }
      .link .picLink a.maxNum span, .link .picLink a.maxNum b {
        /*line-height: 20px;*/
        /*top: 10px; */
        font-size: 14px; }
  .link .selectBox {
    text-align: center;
    margin-top: 20px; }
    .link .selectBox select {
      display: inline-block;
      width: 180px;
      margin: 0 5px; }

.footer {
  background: #1379e0;
  width: 100%;
  height: 130px;
  margin-top: 20px;
  padding-top: 3px;
  min-width: 1200px; }
  .footer .line {
    width: 100%;
    height: 3px;
    background: #eeeeee; }
  .footer .tbody {
    width: 860px;
    margin: 0 auto;
    padding: 14px 10px;
    box-sizing: border-box;
    height: 124px; }
    .footer .tbody .fLt {
      float: left; }
      .footer .tbody .fLt div:first-child {
        float: left;
        width: 106px; }
        .footer .tbody .fLt div:first-child span img {
          margin-top: 20px !important; }
      .footer .tbody .fLt .pic {
        width: 125px;
        text-align: center;
        float: left; }
        .footer .tbody .fLt .pic img {
          vertical-align: middle;
          margin-top: 14px; }
      .footer .tbody .fLt .text {
        color: #fff;
        line-height: 30px; }
        .footer .tbody .fLt .text span {
          padding: 0;
          display: block;
          font-size: 14px;
          height: 30px;
          line-height: 30px;
          overflow: hidden; }
          .footer .tbody .fLt .text span img {
            vertical-align: middle;
            margin-right: 5px;
            margin-top: -3px; }
          .footer .tbody .fLt .text span a {
            font-size: 14px;
            color: white; }
            .footer .tbody .fLt .text span a img {
              margin-top: -5px;
              vertical-align: middle; }
  .footer .ewm {
    float: right;
    text-align: center;
    margin-left: 20px; }
    .footer .ewm img {
      width: auto;
      height: 70px; }
    .footer .ewm p {
      padding: 0;
      height: 26px;
      line-height: 26px;
      text-align: center;
      color: #fff;
      font-size: 14px; }
  .footer .tongji {
    width: 300px;
    text-align: center;
    float: right; }
    .footer .tongji .tjImg {
      margin-bottom: 5px;
      text-align: center;
      width: 100%;
      height: 55px; }
      .footer .tongji .tjImg span {
        margin-bottom: 10px; }
    .footer .tongji span {
      display: block;
      color: #ffffff; }
      .footer .tongji span b {
        display: inline-block;
        background: #000000;
        color: #ffc610; }

.Qrcode {
  position: fixed;
  width: 150px;
  background: #ffffff;
  z-index: 99;
  box-shadow: 0 0 15px #dfdfdf;
  right: 20px;
  top: 100px; }
  .Qrcode .close {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #ffffff;
    text-align: center;
    top: -20px;
    right: 0;
    cursor: pointer; }
  .Qrcode .pic {
    width: 150px; }
    .Qrcode .pic img {
      width: 150px; }
    .Qrcode .pic span {
      text-align: center;
      font-size: 14px;
      display: block; }

.piaochuang {
  z-index: 100;
  left: 2px;
  width: 180px;
  position: fixed;
  top: 43px;
  height: 61px;
  box-shadow: 0 0 15px #dfdfdf; }
  .piaochuang img {
    width: 100%; }
  .piaochuang span {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    right: -20px;
    background: #ffffff;
    cursor: pointer; }

/*
* Created By 照妖镜 on 2018-12-28.
*/
.crumbs {
  width: 1200px;
  height: 50px;
  background: #ffffff;
  box-shadow: 0 0 15px #dfdfdf;
  margin: auto;
  margin-top: 20px;
  line-height: 50px; }
  .crumbs span {
    display: inline-block;
    height: 20px;
    margin-bottom: 2px;
    vertical-align: middle;
    margin-left: 20px;
    padding: 0 0 0 20px;
    background: url("../images/map.png") no-repeat center; }
  .crumbs b {
    font-size: 14px;
    font-weight: 700;
    color: #181818; }
  .crumbs a {
    font-size: 14px;
    font-weight: 400;
    color: #181818;
    margin-right: 5px;
    text-decoration: none;
    background: url("../images/r-arrow.png") no-repeat right center;
    padding-right: 20px; }
    .crumbs a:last-child {
      color: #1379e0;
      background: none;
      cursor: none; }

.content {
  width: 1200px;
  background: #ffffff;
  box-shadow: 0 0 15px #dfdfdf;
  margin: auto;
  margin-top: 20px; }
  .content .con-left {
    width: 300px;
    background: #F8F8F8;
    float: left;
    margin: 20px 0 0 25px; }
    .content .con-left .con-left-title {
      position: relative;
      height: 66px;
      z-index: 0; }
      .content .con-left .con-left-title img {
        width: 300px;
        position: absolute;
        left: -5px;
        height: 55px; }
      .content .con-left .con-left-title p {
        font-size: 42px;
        color: #3487e3;
        position: absolute;
        top: 5px;
        right: 10px;
        font-family: "KaiTi"; }
      .content .con-left .con-left-title h3 {
        font-size: 24px;
        color: #ffffff;
        position: absolute;
        top: 12px;
        left: 20px;
        font-weight: 500; }
      .content .con-left .con-left-title .h3-2 {
        font-size: 24px;
        color: #0B4A8A;
        position: absolute;
        top: 12px;
        left: 20px;
        font-weight: 500; }
  .content .con-right {
    width: 840px;
    float: right;
    margin: 20px 20px 0 0; }
    .content .con-right .tabsBox.demo2.listNrong {
      width: 100%;
      margin-top: 0px;
      box-shadow: 0 0 0 0;
      height: auto;
      overflow: hidden; }
      .content .con-right .tabsBox.demo2.listNrong .title {
        padding: 0 0 0 20px; }
        .content .con-right .tabsBox.demo2.listNrong .title h3 {
          padding: 0 20px; }
      .content .con-right .tabsBox.demo2.listNrong .cont {
        padding: 10px 0 10px 10px; }
        .content .con-right .tabsBox.demo2.listNrong .cont ul {
          padding: 0 0 20px 0; }
          .content .con-right .tabsBox.demo2.listNrong .cont ul li {
            border-bottom: 1px dashed #CECECE;
            font-size: 14px;
            height: 40px;
            color: #181818;
            line-height: 40px; }
            .content .con-right .tabsBox.demo2.listNrong .cont ul li b {
              font-size: 24px;
              float: left;
              color: #585858; }
            .content .con-right .tabsBox.demo2.listNrong .cont ul li span {
              float: right;
              color: #585858; }
            .content .con-right .tabsBox.demo2.listNrong .cont ul li a {
              color: #181818;
              width: 680px; }
            .content .con-right .tabsBox.demo2.listNrong .cont ul li:hover b, .content .con-right .tabsBox.demo2.listNrong .cont ul li:hover a {
              color: #1379e0; }
    .content .con-right .pag {
      text-align: center; }
  .content .director-information {
    width: 1200px;
    float: left;
    padding: 10px 0; }
    .content .director-information .director-biao {
      height: 40px;
      width: 1130px;
      border-bottom: 1px solid #E8E8E8;
      color: #1379e0;
      font-weight: 400;
      margin: 0 auto;
      line-height: 40px; }
    .content .director-information .director-nei {
      text-align: center;
      margin: 0 auto; }
      .content .director-information .director-nei .irector-nei-one-fang {
        width: 198px;
        height: 60px;
        border: 1px solid #E8E8E8;
        margin: 35px -2px 0 34px;
        float: left; }
        .content .director-information .director-nei .irector-nei-one-fang h3 {
          color: #383838;
          font-size: 24px;
          line-height: 40px;
          width: 90px;
          height: 40px;
          background: #ffffff;
          font-weight: 500;
          margin-left: 10px;
          margin-top: -20px;
          transition: all .3s; }
        .content .director-information .director-nei .irector-nei-one-fang p {
          color: #888888;
          font-size: 14px; }
        .content .director-information .director-nei .irector-nei-one-fang:hover h3 {
          margin-left: 50px; }
      .content .director-information .director-nei .jiguan {
        width: 200px;
        height: 40px;
        background: #f5f5f5;
        margin: 20px -2px 0 34px;
        float: left;
        line-height: 40px;
        transition: all .3s; }
        .content .director-information .director-nei .jiguan p {
          font-size: 14px;
          color: #181818; }
        .content .director-information .director-nei .jiguan:hover {
          box-shadow: 0 5px 15px #dddddd; }
  .content .director-information {
    width: 1200px;
    float: left;
    padding: 10px 0; }
    .content .director-information.hide .dir-pic-nei {
      position: relative;
      height: 800px;
      overflow: hidden; }
    .content .director-information.hide .packup:after {
      content: "展开 ↓"; }
    .content .director-information .dir-pic-box {
      height: 40px;
      width: 1130px;
      margin: 0 auto;
      line-height: 40px; }
      .content .director-information .dir-pic-box .dir-pic-biao {
        color: #383838;
        font-weight: 400;
        float: left; }
      .content .director-information .dir-pic-box span {
        float: right;
        color: #585858;
        font-size: 14px;
        cursor: pointer;
        transition: all .3s; }
        .content .director-information .dir-pic-box span:hover {
          color: #1379e0; }
    .content .director-information .divider {
      border-top: 1px solid #E8E8E8;
      padding-top: 10px;
      margin-top: 20px; }
    .content .director-information .dir-pic-nei {
      margin: 0 auto; }
      .content .director-information .dir-pic-nei .dir-pic-nei-box {
        width: 1130px;
        margin: 0 auto;
        margin-top: 30px; }
        .content .director-information .dir-pic-nei .dir-pic-nei-box .dir-pic-nei-box-left {
          width: 230px;
          height: 170px;
          border: 3px solid #E8E8E8;
          position: relative;
          margin-top: 60px;
          float: left; }
          .content .director-information .dir-pic-nei .dir-pic-nei-box .dir-pic-nei-box-left img {
            width: 170px;
            height: 210px;
            background: red;
            position: absolute;
            margin-top: -50px;
            margin-left: 55px; }
        .content .director-information .dir-pic-nei .dir-pic-nei-box .dir-pic-nei-box-right {
          width: 880px;
          height: 220px;
          float: right;
          margin-top: 12px;
          border-top: 2px solid #E8E8E8;
          border-bottom: 2px solid #E8E8E8; }
          .content .director-information .dir-pic-nei .dir-pic-nei-box .dir-pic-nei-box-right .dir-pic-nei-box-right-ming {
            width: 320px;
            height: 100%;
            float: left;
            position: relative; }
            .content .director-information .dir-pic-nei .dir-pic-nei-box .dir-pic-nei-box-right .dir-pic-nei-box-right-ming h2 {
              font-size: 30px;
              color: #1379e0;
              margin-top: 70px;
              margin-left: 24px;
              width: 100px;
              position: absolute; }
            .content .director-information .dir-pic-nei .dir-pic-nei-box .dir-pic-nei-box-right .dir-pic-nei-box-right-ming p {
              font-size: 14px;
              color: #181818;
              width: 200px;
              position: absolute;
              margin-left: 124px;
              margin-top: 90px; }
            .content .director-information .dir-pic-nei .dir-pic-nei-box .dir-pic-nei-box-right .dir-pic-nei-box-right-ming i {
              font-size: 24px;
              color: #E8E8E8;
              position: absolute;
              margin-left: 24px;
              margin-top: 120px; }
          .content .director-information .dir-pic-nei .dir-pic-nei-box .dir-pic-nei-box-right .dir-pic-nei-box-right-wen {
            width: 560px;
            height: 100%;
            float: right; }
            .content .director-information .dir-pic-nei .dir-pic-nei-box .dir-pic-nei-box-right .dir-pic-nei-box-right-wen h3 {
              color: #181818;
              font-size: 14px;
              margin-top: 40px; }
            .content .director-information .dir-pic-nei .dir-pic-nei-box .dir-pic-nei-box-right .dir-pic-nei-box-right-wen span {
              color: #808080;
              font-size: 14px;
              margin-top: 20px;
              display: block;
              line-height: 28px; }
    .content .director-information .packup {
      width: 1130px;
      height: 40px;
      background: #ffffff;
      margin: 0 auto;
      text-align: center;
      line-height: 40px;
      color: #585858;
      font-size: 14px;
      border-radius: 4px;
      margin-top: 30px;
      transition: all .3s;
      cursor: pointer;
      border: 1px #E8E8E8 solid; }
      .content .director-information .packup:after {
        content: "收起 ↑"; }
      .content .director-information .packup:hover {
        background: #1379e0;
        color: #ffffff; }

.cd-accordion-menu {
  width: 100%; }
  .cd-accordion-menu input[type=checkbox] {
    position: absolute;
    opacity: 1; }
  .cd-accordion-menu .has-children label.menu-title a {
    background: url("../images/r-arrow-01.png") no-repeat right center;
    display: block; }
  .cd-accordion-menu .has-children label.menu-title-cur a {
    background: url("../images/r-arrow-02.png") no-repeat right center;
    display: block; }
  .cd-accordion-menu label {
    /*一级标题样式*/
    display: block;
    background: #F8F8F8;
    border-bottom: 1px #E8E8E8 solid;
    color: #181818;
    font-size: 14px;
    font-weight: bold;
    padding: 18px 18px 18px 20px; }
    .cd-accordion-menu label a {
      color: #000000;
      text-decoration: none; }
    .cd-accordion-menu label.active a {
      color: #1379e0; }
    .cd-accordion-menu label.active:before {
      transform: rotate(90deg); }
  .cd-accordion-menu ul {
    display: none; }
    .cd-accordion-menu ul label {
      display: block;
      background: #ffffff;
      border-bottom: 1px #E8E8E8 dashed;
      color: #181818;
      font-size: 14px;
      font-weight: normal;
      padding-left: 40px; }
      .cd-accordion-menu ul label:before {
        /*继承一级图标样式*/
        color: #181818; }
      .cd-accordion-menu ul label a {
        color: #181818; }
    .cd-accordion-menu ul ul label {
      color: #808080;
      text-decoration: none;
      padding-left: 60px; }
      .cd-accordion-menu ul ul label:before {
        /*三级图标样式*/
        font-size: 24px;
        color: #808080;
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        overflow: hidden;
        float: left;
        margin-top: -3px;
        margin-right: 0; }
      .cd-accordion-menu ul ul label a {
        color: #808080; }
      .cd-accordion-menu ul ul label.active a {
        color: #1379e0; }
      .cd-accordion-menu ul ul label.active:before {
        color: #1379e0; }
    .cd-accordion-menu ul ul ul label {
      padding-left: 90px; }

ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }

.pagination > li {
  display: inline; }

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #1379e0;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  z-index: 2;
  color: #1379e0;
  background-color: #eee;
  border-color: #ddd; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #1379e0;
  border-color: #1379e0; }

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  color: #1379e0;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd; }

.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333; }

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

.pagination-sm > li > a, .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none; }

.pager li {
  display: inline; }

.pager li > a, .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px; }

.pager li > a:focus, .pager li > a:hover {
  text-decoration: none;
  background-color: #eee; }

.pager .next > a, .pager .next > span {
  float: right; }

.pager .previous > a, .pager .previous > span {
  float: left; }

.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
  color: #1379e0;
  cursor: not-allowed;
  background-color: #fff; }

.pageJump {
  display: inline-block;
  padding-left: 0;
  margin: 20px 10px;
  border-radius: 4px;
  vertical-align: top; }

.pageJump .button, .pageJump input {
  font-size: 16px;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #1379e0;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd; }

.pageJump input {
  width: 20px; }

.pageJump-lg .button, .pageJump-lg input {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333; }

.pageJump-sm .button, .pageJump-sm input {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.search-box {
  width: 1200px;
  background: #ffffff;
  box-shadow: 0 0 15px #dfdfdf;
  margin: auto;
  margin-top: 20px; }
  .search-box .tongji {
    font-size: 16px;
    color: #1379e0;
    height: 50px;
    border-bottom: 1px solid #CECECE;
    line-height: 50px;
    padding-left: 20px; }
    .search-box .tongji b {
      color: #EB0000; }
    .search-box .tongji span {
      color: #808080; }
  .search-box .earch-box-nei {
    padding: 20px; }
    .search-box .earch-box-nei .earch-box-nei-yi {
      height: 125px;
      border-bottom: 1px dashed #E8E8E8;
      margin-bottom: 20px; }
      .search-box .earch-box-nei .earch-box-nei-yi h3 a {
        color: #1379e0;
        text-decoration: none;
        display: block;
        width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .search-box .earch-box-nei .earch-box-nei-yi h3 a:hover {
          color: #c2130e; }
      .search-box .earch-box-nei .earch-box-nei-yi .xiaozi {
        margin-top: 5px;
        margin-bottom: 20px; }
        .search-box .earch-box-nei .earch-box-nei-yi .xiaozi span {
          color: #888888;
          font-size: 12px;
          margin-right: 20px; }
      .search-box .earch-box-nei .earch-box-nei-yi span {
        color: #181818;
        font-size: 14px;
        line-height: 24px; }
  .search-box .search-pag {
    text-align: center;
    margin-top: -20px;
    overflow: hidden; }

.det-box {
  width: 1200px;
  background: #ffffff;
  box-shadow: 0 0 15px #dfdfdf;
  margin: 20px auto auto;
  padding-bottom: 20px;
  padding-top: 30px; }
  .det-box .artTable {
    width: 98%;
    margin: auto;
    font-size: 14px;
    padding: 20px 0; }
    .det-box .artTable table {
      background: #F8F8F8; }
    .det-box .artTable tr td, .det-box .artTable tr th {
      height: 36px;
      line-height: 36px; }
    .det-box .artTable tr th {
      color: #808080;
      font-weight: normal;
      text-align: right;
      width: 100px; }
    .det-box .artTable tr td {
      width: 270px;
      padding-right: 20px; }
  .det-box h1.title {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #181818;
    margin-bottom: 15px; }
  .det-box h3.two-title {
    text-align: center;
    font-size: 24px;
    color: #181818;
    font-weight: 400;
    padding: 0 0 20px 0; }
  .det-box .xiaozi {
    width: 1160px;
    border-bottom: 1px solid #E8E8E8;
    padding: 0 0 15px 0;
    margin: 10px auto 20px;
    height: 15px; }
    .det-box .xiaozi .left span {
      color: #888888;
      font-size: 12px;
      margin-right: 20px;
      float: left; }
    .det-box .xiaozi .right {
      float: right; }
      .det-box .xiaozi .right span a {
        color: #888888;
        font-size: 12px;
        margin-right: 20px;
        float: left;
        text-decoration: none; }
        .det-box .xiaozi .right span a:hover {
          color: #c2130e; }
      .det-box .xiaozi .right .right-font span {
        margin-right: 0; }
      .det-box .xiaozi .right .right-font a {
        margin-right: 10px; }
        .det-box .xiaozi .right .right-font a:hover {
          color: #c2130e; }
      .det-box .xiaozi .right .share {
        margin-right: 0; }
        .det-box .xiaozi .right .share span {
          margin-right: 5px;
          line-height: 18px;
          color: #1379e0; }
        .det-box .xiaozi .right .share a {
          color: #1379e0;
          text-decoration: none;
          margin-right: 0; }
        .det-box .xiaozi .right .share:hover a, .det-box .xiaozi .right .share:hover span {
          color: #c2130e; }
  .det-box .art {
    box-sizing: border-box;
    font-size: 16px;
    color: #181818;
    width: 1160px;
    margin: 0 auto;
    line-height: 32px; }
    .det-box .art img {
      max-width: 770px;
      height: auto; }
  .det-box .related {
    width: 1200px;
    height: auto;
    margin-top: 40px; }
    .det-box .related .title {
      width: 100%;
      height: 40px;
      position: relative;
      margin-top: 10px; }
      .det-box .related .title h3 {
        background: #ffffff;
        height: 40px;
        position: absolute;
        z-index: 3;
        display: block;
        line-height: 40px;
        padding: 0 20px;
        font-size: 18px;
        color: #1379e0;
        font-weight: 700; }
      .det-box .related .title span {
        display: block;
        position: absolute;
        width: 98%;
        height: 2px;
        border-top: 1px #1379e0 solid;
        border-bottom: 2px #1379e0 solid;
        z-index: 2;
        top: 18px; }
    .det-box .related .cont2 {
      padding: 0 20px; }
      .det-box .related .cont2 ul {
        padding: 0 0 20px 0; }
        .det-box .related .cont2 ul li {
          border-bottom: 1px dashed #CECECE;
          font-size: 14px;
          height: 40px;
          color: #181818;
          line-height: 40px; }
          .det-box .related .cont2 ul li b {
            font-size: 24px;
            float: left;
            color: #585858; }
          .det-box .related .cont2 ul li span {
            float: right;
            color: #808080;
            margin-right: 5px; }
          .det-box .related .cont2 ul li a {
            color: #181818;
            text-decoration: none;
            margin-left: 5px;
            display: inline-block;
            width: 750px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: pointer; }
          .det-box .related .cont2 ul li:hover b, .det-box .related .cont2 ul li:hover a {
            color: #1379e0; }
    .det-box .related .details-pag {
      text-align: center; }

.graphic-box {
  width: 1200px;
  background: #ffffff;
  box-shadow: 0 0 15px #dfdfdf;
  margin: auto;
  margin-top: 20px;
  padding-bottom: 20px; }
  .graphic-box .graphic-nei {
    width: 100%;
    box-shadow: 0 0 0 0;
    height: auto; }
  .graphic-box .cont ul {
    text-align: left; }
    .graphic-box .cont ul li {
      float: left;
      width: 260px;
      height: 160px;
      overflow: hidden;
      position: relative;
      display: inline-block;
      margin: 15px; }
      .graphic-box .cont ul li img {
        width: 260px;
        height: 160px;
        transition: all .3s; }
        .graphic-box .cont ul li img:hover {
          transform: scale(1.1); }
      .graphic-box .cont ul li .tu-zi {
        width: 100%;
        height: 30px;
        color: #fff;
        background: url("../images/black60.png");
        position: absolute;
        bottom: 0;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .graphic-box .graphic-pag {
    text-align: center; }

.complaint .complaint-left {
  width: 740px;
  float: left;
  margin-left: 20px;
  margin-top: 20px; }
  .complaint .complaint-left .tishi {
    float: left;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #CECECE;
    clear: both;
    overflow: hidden; }
    .complaint .complaint-left .tishi span {
      font-size: 22px;
      color: #EB0101;
      line-height: 40px;
      float: left; }
    .complaint .complaint-left .tishi h5 {
      font-size: 18px;
      color: #EB0101;
      line-height: 40px;
      float: left;
      margin-left: 10px; }
    .complaint .complaint-left .tishi b {
      font-size: 14px;
      color: #EB0101;
      line-height: 40px;
      font-weight: 400; }
  .complaint .complaint-left .complaint-left-box {
    width: 100%;
    margin-top: 20px;
    clear: both; }
    .complaint .complaint-left .complaint-left-box .complaint-left-box-nei {
      margin-bottom: 20px; }
      .complaint .complaint-left .complaint-left-box .complaint-left-box-nei .name {
        width: 160px;
        float: left;
        height: 40px;
        line-height: 40px; }
        .complaint .complaint-left .complaint-left-box .complaint-left-box-nei .name p {
          color: #181818;
          font-size: 16px;
          float: right; }
      .complaint .complaint-left .complaint-left-box .complaint-left-box-nei .kuang {
        width: 580px;
        float: right; }
        .complaint .complaint-left .complaint-left-box .complaint-left-box-nei .kuang .kuang-nei {
          width: 485px;
          height: 36px;
          outline: none;
          transition: all .3s;
          border: 1px solid #CECECE;
          border-radius: 5px;
          padding: 0 15px;
          line-height: 36px; }
          .complaint .complaint-left .complaint-left-box .complaint-left-box-nei .kuang .kuang-nei:focus {
            border: 1px solid #1379e0;
            box-shadow: 0 6px 15px #f0f0f0; }
        .complaint .complaint-left .complaint-left-box .complaint-left-box-nei .kuang .kuang-yan {
          width: 260px;
          float: left; }
        .complaint .complaint-left .complaint-left-box .complaint-left-box-nei .kuang .kuang-yan-img {
          width: 120px;
          height: 36px;
          border: 1px solid #CECECE;
          border-radius: 5px;
          padding: 0 15px;
          float: left;
          margin-left: 20px;
          overflow: hidden;
          cursor: pointer; }
          .complaint .complaint-left .complaint-left-box .complaint-left-box-nei .kuang .kuang-yan-img img {
            width: 120px;
            height: 36px;
            cursor: pointer; }
        .complaint .complaint-left .complaint-left-box .complaint-left-box-nei .kuang a {
          color: #1379e0;
          font-size: 14px;
          text-decoration: none;
          padding-left: 10px;
          line-height: 36px;
          cursor: pointer; }
        .complaint .complaint-left .complaint-left-box .complaint-left-box-nei .kuang span {
          color: #EB0101;
          font-size: 14px;
          display: none;
          padding: 10px;
          margin-bottom: -20px; }
        .complaint .complaint-left .complaint-left-box .complaint-left-box-nei .kuang textarea {
          resize: none;
          width: 485px;
          height: 200px;
          outline: none;
          transition: all .3s;
          border: 1px solid #CECECE;
          border-radius: 5px;
          padding: 15px; }
          .complaint .complaint-left .complaint-left-box .complaint-left-box-nei .kuang textarea:focus {
            border: 1px solid #1379e0;
            box-shadow: 0 6px 15px #f0f0f0; }
        .complaint .complaint-left .complaint-left-box .complaint-left-box-nei .kuang label {
          line-height: 36px;
          padding: 0 10px;
          display: inline-block; }
          .complaint .complaint-left .complaint-left-box .complaint-left-box-nei .kuang label input {
            margin-right: 5px;
            float: left;
            margin-top: 8px;
            margin-top: 12px\0; }
  .complaint .complaint-left .tijiao {
    width: 517px;
    height: 40px;
    background: #1379e0;
    margin-top: 40px;
    color: #ffffff;
    font-size: 20px;
    outline: none;
    cursor: pointer;
    display: block;
    margin-left: 160px;
    border: none; }
.complaint .complaint-right {
  width: 362px;
  float: right;
  margin-right: 20px;
  margin-top: 20px; }
  .complaint .complaint-right .complaint-right-top {
    width: 362px;
    background: #F8F8F8;
    padding-bottom: 20px; }
    .complaint .complaint-right .complaint-right-top .instructions {
      height: 36px;
      width: 322px;
      margin: 0 auto;
      margin-top: 20px; }
      .complaint .complaint-right .complaint-right-top .instructions h3 {
        color: #EB0101;
        font-size: 24px;
        float: left; }
      .complaint .complaint-right .complaint-right-top .instructions b {
        color: #181818;
        font-size: 16px;
        font-weight: 200;
        line-height: 36px;
        margin-left: 10px; }
    .complaint .complaint-right .complaint-right-top .instructions-nei {
      width: 322px;
      margin: 0 auto;
      margin-top: 20px; }
      .complaint .complaint-right .complaint-right-top .instructions-nei p {
        font-size: 16px;
        line-height: 40px;
        color: #181818; }
  .complaint .complaint-right .complaint-right-under {
    width: 362px;
    background: #F8F8F8;
    margin-top: 20px;
    padding-bottom: 10px; }
    .complaint .complaint-right .complaint-right-under .tousu {
      width: 100%;
      height: 40px;
      margin-top: 10px;
      float: left; }
      .complaint .complaint-right .complaint-right-under .tousu h3 {
        color: #1379e0;
        margin-left: 20px;
        line-height: 40px;
        float: left; }
      .complaint .complaint-right .complaint-right-under .tousu a {
        color: #888888;
        font-size: 14px;
        float: right;
        line-height: 40px;
        margin-right: 20px; }
        .complaint .complaint-right .complaint-right-under .tousu a:hover {
          color: #1379e0;
          text-decoration: none; }
    .complaint .complaint-right .complaint-right-under ul {
      width: 322px;
      margin: 0 auto; }
      .complaint .complaint-right .complaint-right-under ul li {
        border-bottom: 1px dashed #808080;
        color: #181818;
        font-size: 14px;
        cursor: pointer;
        padding: 5px 0; }
        .complaint .complaint-right .complaint-right-under ul li a {
          color: #181818;
          text-decoration: none;
          transition: all .3s; }
        .complaint .complaint-right .complaint-right-under ul li .category {
          color: #888888;
          float: left;
          margin-bottom: 5px;
          font-size: 12px; }
        .complaint .complaint-right .complaint-right-under ul li .date {
          color: #888888;
          float: right;
          font-size: 12px; }
        .complaint .complaint-right .complaint-right-under ul li:hover a {
          color: #1379e0; }
  .complaint .complaint-right .chaxun-box {
    width: 362px;
    background: #F8F8F8;
    margin-top: 20px;
    padding-bottom: 20px; }
    .complaint .complaint-right .chaxun-box h3 {
      color: #1379e0;
      margin-left: 20px;
      padding-top: 20px; }
    .complaint .complaint-right .chaxun-box .chaxun-box-nei {
      margin-bottom: 10px; }
      .complaint .complaint-right .chaxun-box .chaxun-box-nei p {
        color: #181818;
        font-size: 16px;
        margin: 10px 0 5px 20px; }
      .complaint .complaint-right .chaxun-box .chaxun-box-nei .kuang {
        width: 340px;
        height: 34px;
        margin-left: 20px; }
        .complaint .complaint-right .chaxun-box .chaxun-box-nei .kuang .kuang-nei {
          width: 290px;
          height: 34px;
          outline: none;
          transition: all .3s;
          border: 1px solid #CECECE;
          border-radius: 5px;
          padding: 0 15px;
          line-height: 36px; }
          .complaint .complaint-right .chaxun-box .chaxun-box-nei .kuang .kuang-nei:focus {
            border: 1px solid #1379e0;
            box-shadow: 0 6px 15px #f0f0f0; }
    .complaint .complaint-right .chaxun-box .chaxun-button {
      width: 322px;
      height: 34px;
      background: #1379e0;
      margin-top: 34px;
      color: #ffffff;
      font-size: 16px;
      outline: none;
      cursor: pointer;
      display: block;
      margin-left: 20px;
      border: none; }

.couplets1, .couplets2 {
  width: 100px;
  background: red;
  position: absolute;
  top: 100px;
  z-index: 9; }
  .couplets1 .close, .couplets2 .close {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #ffffff;
    text-align: center;
    line-height: 20px;
    top: -20px;
    cursor: pointer; }

.couplets1 {
  left: 10px; }
  .couplets1 .close {
    left: 0; }

.couplets2 {
  right: 10px; }
  .couplets2 .close {
    right: 0; }

.popupWindow {
  display: none;
  width: 300px;
  height: 200px;
  background: #ffffff;
  position: fixed;
  right: 0;
  bottom: -300px;
  z-index: 999;
  box-shadow: 0 0 15px #cccccc;
  transition: all .3s; }
  .popupWindow .title {
    width: 100%;
    height: 30px;
    border-bottom: 1px #cccccc solid; }
    .popupWindow .title h3 {
      float: left;
      display: inline-block;
      text-indent: 10px;
      line-height: 30px;
      font-size: 16px;
      font-weight: normal; }
    .popupWindow .title span {
      float: right;
      display: inline-block;
      width: 30px;
      height: 30px;
      text-align: center;
      cursor: pointer;
      line-height: 30px; }
  .popupWindow.active {
    bottom: 0;
    display: block; }
  .popupWindow .cont {
    width: 280px;
    padding: 10px;
    height: 149px;
    overflow: hidden;
    overflow-y: auto; }
    .popupWindow .cont ul li {
      line-height: 24px; }
      .popupWindow .cont ul li a {
        color: #333333;
        text-decoration: none;
        font-size: 14px; }
        .popupWindow .cont ul li a:hover {
          color: #1379e0; }

:root .fileSearch {
  width: 875px; }

.fileSearch {
  width: 825px \9;
  height: 36px;
  background: #f8f8f8;
  padding: 15px; }
  .fileSearch span {
    font-size: 18px;
    float: left;
    height: 36px;
    line-height: 36px;
    display: block; }
  .fileSearch :root .fileSearchInput {
    width: 410px; }
  .fileSearch .fileSearchInput {
    float: left;
    width: 356px;
    padding: 0 10px;
    border: 1px #E8E8E8 solid;
    outline: none;
    height: 34px;
    line-height: 34px; }
  .fileSearch select {
    float: left;
    padding: 5px;
    width: 104px;
    height: 36px;
    border: 1px #E8E8E8 solid;
    outline: none;
    background: #ffffff;
    margin: 0 5px; }
  .fileSearch .fileSearchSub {
    float: left;
    margin-left: 10px;
    width: 104px;
    height: 36px;
    background: #1379e0;
    color: #ffffff;
    border: none;
    cursor: pointer;
    outline: none; }
    .fileSearch .fileSearchSub:hover {
      background: #0099ff; }

.opinionCollection {
  padding: 30px 20px;
  clear: both; }
  .opinionCollection h1 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    line-height: 48px; }
  .opinionCollection h3 {
    font-size: 14px;
    font-weight: normal;
    color: #808080;
    text-align: center;
    line-height: 24px;
    margin-bottom: 20px; }
  .opinionCollection h4 {
    font-size: 14px;
    font-weight: normal;
    color: #808080;
    text-align: center;
    line-height: 24px;
    margin-bottom: 20px; }
    .opinionCollection h4 span {
      color: #EB0101; }
  .opinionCollection .ocList {
    border-bottom: 1px #cccccc dashed;
    padding: 20px 0; }
    .opinionCollection .ocList:last-child {
      border-bottom: none; }
    .opinionCollection .ocList h2 {
      font-size: 18px;
      font-weight: normal;
      line-height: 48px; }
    .opinionCollection .ocList label {
      font-size: 16px;
      color: #808080;
      display: inline-block;
      margin-right: 40px; }
      .opinionCollection .ocList label input {
        margin-right: 5px; }
    .opinionCollection .ocList textarea {
      width: 1100px;
      height: 120px;
      background: #F8F8F8;
      resize: none;
      outline: none;
      border: none;
      padding: 20px 30px; }
    .opinionCollection .ocList .ocInput {
      height: 32px;
      border: 1px #cccccc solid;
      background: #ffffff;
      outline: none;
      padding: 0 10px; }
    .opinionCollection .ocList .ocTable {
      width: 100%;
      border-collapse: collapse;
      border-color: #cccccc; }
      .opinionCollection .ocList .ocTable tr th {
        background: #F8F8F8;
        height: 32px;
        font-weight: normal;
        border-color: #cccccc; }
      .opinionCollection .ocList .ocTable tr td {
        background: #ffffff;
        height: 32px;
        color: #808080;
        padding: 0 20px;
        border-color: #cccccc; }
    .opinionCollection .ocList .ocLine {
      display: flex;
      align-items: center; }
      .opinionCollection .ocList .ocLine span {
        float: left;
        display: inline-block; }
      .opinionCollection .ocList .ocLine b {
        float: left;
        margin-top: 3px\0;
        display: inline-block;
        width: 135px;
        height: 12px;
        background: #EDEDED;
        position: relative;
        margin-left: 20px; }
        .opinionCollection .ocList .ocLine b i {
          background: #1379e0;
          display: block;
          height: 12px;
          width: 0;
          position: absolute;
          left: 0;
          top: 0; }

.ocInputBox {
  text-align: center;
  margin: 20px auto; }
  .ocInputBox input {
    width: 120px;
    height: 32px;
    background: #1379e0;
    outline: none;
    color: #ffffff;
    border: none;
    cursor: pointer;
    transition: all .3s; }
    .ocInputBox input:hover {
      background: #0099ff; }
  .ocInputBox a {
    display: inline-block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #ffffff;
    color: #585858;
    text-decoration: none; }
    .ocInputBox a:hover {
      color: #1379e0; }

.mailState {
  width: 1080px;
  padding-top: 50px;
  clear: both;
  margin: auto;
  overflow: hidden; }
  .mailState .title {
    float: left;
    display: inline-block;
    color: #181818;
    font-size: 14px;
    line-height: 43px;
    overflow: hidden; }
  .mailState .line {
    float: left;
    height: 22px;
    border-bottom: 1px #CECECE solid;
    display: inline-block;
    width: 1010px; }
    .mailState .line span {
      margin-left: 21% \0 ;
      float: left;
      display: inline-block;
      text-align: center;
      background: #ffffff;
      color: #808080;
      font-size: 14px; }
      .mailState .line span em {
        box-sizing: border-box;
        display: block;
        width: 60px;
        height: 22px;
        line-height: 22px;
        text-align: center; }
        .mailState .line span em i {
          width: 20px;
          height: 20px;
          background: #999;
          display: inline-block;
          background: url("../images/lingxin.png") no-repeat center top; }
      .mailState .line span b {
        display: block;
        text-align: center;
        font-weight: normal; }
      .mailState .line span:nth-child(2) {
        margin-left: 32%; }
      .mailState .line span:nth-child(3) {
        margin-left: 32%; }
      .mailState .line span.active {
        color: #EB0101; }
        .mailState .line span.active i {
          background: url("../images/lingxin_cur.png") no-repeat center top; }

:root .mailState .line span {
  margin-left: 21%; }

.mailQ {
  width: 1092px;
  padding: 20px 30px;
  background: #F8F8F8;
  margin: 30px auto;
  position: relative; }
  .mailQ .title {
    width: 268px;
    float: left; }
    .mailQ .title span {
      display: block;
      font-size: 24px;
      padding-right: 20px;
      margin-top: 10px; }
    .mailQ .title b {
      font-weight: normal;
      font-size: 20px;
      margin-top: 30px;
      display: block; }
  .mailQ .line {
    width: 8px;
    height: 75%;
    position: absolute;
    background: url("../images/xs.png") repeat-y;
    top: 30px;
    left: 300px; }
  .mailQ .cont {
    width: 780px;
    float: right; }
    .mailQ .cont p {
      margin: 10px 0; }

.mailA {
  padding: 20px 30px; }
  .mailA .title {
    font-size: 24px;
    text-align: center; }
  .mailA .cont {
    background: url("../images/line_bg.png");
    line-height: 32px; }

.mailList {
  padding: 20px 30px;
  clear: both; }
  .mailList ul li {
    clear: both;
    line-height: 36px;
    height: 36px;
    font-size: 14px; }
    .mailList ul li b {
      float: left;
      margin-right: 5px;
      display: inline-block;
      width: 90px;
      text-align: justify;
      text-justify: distribute-all-lines;
      /*ie6-8*/
      text-align-last: justify;
      /* ie9*/
      -moz-text-align-last: justify;
      /*ff*/
      -webkit-text-align-last: justify;
      /*chrome 20+*/ }
    .mailList ul li a {
      float: left;
      color: #333333;
      text-decoration: none; }
      .mailList ul li a:hover {
        color: #1379e0; }
    .mailList ul li span {
      float: right; }
    .mailList ul li:nth-child(6n) {
      border-bottom: 1px #cccccc dashed;
      height: 15px;
      margin-bottom: 15px; }

.prompt {
  width: 80%;
  padding: 20px 30px;
  background: #FFFFF0;
  margin: 30px auto;
  border: 1px #FFB9B9 solid;
  font-size: 18px; }
  .prompt span i {
    color: red;
    margin: 0 5px;
    display: inline-block;
    font-style: normal; }

.jd100a {
  width: 100%;
  text-align:center;
  height: 175px;
  display: block;
}
/*# sourceMappingURL=style.css.map */