p {
  margin: 0; }

.fl {
  float: left; }

.fr {
  float: right; }

.tong {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 1200px) {
    .tong {
      max-width: 96%; } }

.tou {
  height: 44px; }
  .tou .con {
    background: #222222; }
    .tou .con .zi {
      float: right;
      padding-right: 14px; }
      .tou .con .zi .list2 {
        float: left; }
        .tou .con .zi .list2 li {
          float: left;
          line-height: 44px;
          color: #888;
          font-size: 14px;
          margin-right: 50px; }
          .tou .con .zi .list2 li img {
            padding-right: 10px; }
      .tou .con .zi .yu {
        float: right; }
        .tou .con .zi .yu a {
          line-height: 44px;
          color: #888;
          font-size: 14px; }
          .tou .con .zi .yu a img {
            padding-right: 10px; }

.tou1 {
  height: 80px; }
  .tou1 .con {
    background: #a40000;
    padding-left: 63px;
    padding-right: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 1200px) {
      .tou1 .con {
        padding-left: 14px; } }
    .tou1 .con .logo {
      line-height: 80px; }
    .tou1 .con .zi {
      display: flex;
      align-items: center; }
      .tou1 .con .zi .nav1 > li {
        float: left;
        text-align: center;
        position: relative;
        text-transform: upper����չʾ;
        padding: 0 35px; }
        @media (max-width: 1150px) {
          .tou1 .con .zi .nav1 > li {
            padding: 0 25px; } }
        .tou1 .con .zi .nav1 > li a {
          display: block;
          font-size: 12px;
          color: #fff;
          line-height: 36px; }
        .tou1 .con .zi .nav1 > li .sec {
          position: absolute;
          top: 36px;
          left: 0;
          width: 100%;
          z-index: 111;
          display: none; }
          .tou1 .con .zi .nav1 > li .sec a {
            line-height: 36px;
            background: #a40000;
            color: #fff; }
      .tou1 .con .zi #formsearch {
        width: 240px;
        height: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.85); }
        .tou1 .con .zi #formsearch input {
          line-height: 20px;
          height: 20px;
          background: none;
          border: none; }
          .tou1 .con .zi #formsearch input#keyword {
            float: left;
            width: calc(100% - 52px); }
          .tou1 .con .zi #formsearch input#s_btn {
            float: right;
            width: 52px;
            text-align: center;
            color: rgba(255, 255, 255, 0.85);
            background: url("../images/su.png") 0 center no-repeat; }

.bg {
  background: #fff; }

h2.bt {
  font-weight: 600;
  text-align: center;
  background: url("../images/h-1.png") center 100% no-repeat;
  color: #323232;
  font-size: 24px;
  padding-bottom: 20px;
  text-transform: upper����չʾ; }

.c1 {
  padding-top: 54px; }
  .c1 .con {
    margin-top: 30px;
    padding-top: 36px;
    background: #ebebeb;
    padding-bottom: 54px; }
    .c1 .con .list2 {
      display: flex;
      flex-wrap: wrap;
      text-align: center;
      background: url("../images/xian.png") center 58px no-repeat; }
      .c1 .con .list2 li {
        width: 25%;
        padding: 0 1.5%; }
        @media (max-width: 780px) {
          .c1 .con .list2 li {
            width: 48%;
            margin-bottom: 20px; } }
        .c1 .con .list2 li .zi {
          margin-top: 22px; }
          .c1 .con .list2 li .zi h3 {
            font-size: 18px; }
          .c1 .con .list2 li .zi dd {
            margin-top: 16px;
            font-size: 14px;
            line-height: 26px;
            color: #323232; }

.c2 {
  margin-top: 50px; }
  .c2 .con {
    margin-top: 26px;
    padding: 0 17px; }
    .c2 .con .list2 {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .c2 .con .list2 li {
        width: 30.33%;
        margin-bottom: 40px;
        margin-top: 8px;
        position: relative; }
        .c2 .con .list2 li:after {
          content: '';
          display: block;
          background: url("../images/yin.png") center 100% no-repeat;
          position: absolute;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 38px; }
        @media (max-width: 780px) {
          .c2 .con .list2 li {
            width: 48%;
            margin-bottom: 20px; } }
        .c2 .con .list2 li a {
          text-align: center;
          border: 1px solid #e5e5e5;
          padding: 5px 5px 0;
          display: block;
          background: #fff;
          position: relative;
          z-index: 1; }
          .c2 .con .list2 li a .img {
            border: 1px solid #dcdcdc;
            border-radius: 4px; }
            .c2 .con .list2 li a .img img {
              max-width: 100%; }
          .c2 .con .list2 li a h3 {
            line-height: 60px;
            font-size: 16px;
            color: #323232;
            font-weight: 500; }
          .c2 .con .list2 li a:hover {
            background: #a40000; }
            .c2 .con .list2 li a:hover h3 {
              color: #fff; }

.c3 {
  background: #ebebeb;
  padding-top: 36px;
  padding-bottom: 80px; }
  @media (max-width: 780px) {
    .c3 {
      padding-bottom: 40px; } }
  .c3 .con {
    padding: 0 20px;
    margin-top: 62px; }
    @media (max-width: 780px) {
      .c3 .con {
        margin-top: 30px; } }
    .c3 .con .list1 {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .c3 .con .list1 li {
        text-align: center;
        width: 30.5%;
        position: relative;
        border: 1px solid #d2d2d2; }
        @media (max-width: 480px) {
          .c3 .con .list1 li {
            width: 100%;
            margin-bottom: 40px; }
            .c3 .con .list1 li:last-child {
              margin-bottom: 0; } }
        .c3 .con .list1 li:after {
          position: absolute;
          border: 3px solid #dcdcdc;
          width: 88%;
          height: 110%;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          content: '';
          display: block; }
        .c3 .con .list1 li a {
          display: block;
          position: relative;
          z-index: 1; }
          .c3 .con .list1 li a .img img {
            max-width: 100%; }
          .c3 .con .list1 li a h3 {
            width: 50%;
            line-height: 39px;
            background: rgba(255, 255, 255, 0.6);
            position: absolute;
            bottom: 16px;
            left: 50%;
            transform: translateX(-50%);
            font-weight: 500;
            font-size: 14px;
            color: #5a5a5a; }
        .c3 .con .list1 li:hover:after {
          opacity: 0; }
        .c3 .con .list1 li:hover a h3 {
          background: #a40000;
          color: #fff; }

.c4 {
  margin-top: 42px;
  padding-bottom: 60px; }
  @media (max-width: 780px) {
    .c4 {
      padding-bottom: 40px; } }
  .c4 .con {
    margin-top: 48px;
    padding: 0 20px; }
    @media (max-width: 780px) {
      .c4 .con {
        margin-top: 30px; } }
    .c4 .con .list2 {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .c4 .con .list2 li {
        width: 47%; }
        @media (max-width: 780px) {
          .c4 .con .list2 li {
            width: 100%;
            margin-bottom: 20px; }
            .c4 .con .list2 li:last-child {
              margin-bottom: 0; } }
        .c4 .con .list2 li a {
          display: flex;
          align-items: center;
          justify-content: space-between;
          flex-wrap: wrap; }
        .c4 .con .list2 li .img {
          width: 41%; }
          @media (max-width: 480px) {
            .c4 .con .list2 li .img {
              width: 100%; } }
          .c4 .con .list2 li .img img {
            width: 100%; }
        .c4 .con .list2 li .zi {
          width: 54%; }
          @media (max-width: 480px) {
            .c4 .con .list2 li .zi {
              margin-top: 20px;
              width: 100%; } }
          .c4 .con .list2 li .zi h3 {
            font-size: 18px;
            color: #323232;
            font-weight: 600;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; }
          .c4 .con .list2 li .zi dd {
            font-size: 14px;
            line-height: 24px;
            color: #323232;
            margin-top: 18px;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical; }
          .c4 .con .list2 li .zi .ck {
            margin-top: 14px; }
            .c4 .con .list2 li .zi .ck img {
              max-width: 100%; }

.foot {
  background: #a40000;
  padding-top: 56px; }
  @media (max-width: 780px) {
    .foot {
      padding-top: 0; } }
  .foot .con {
    padding: 0 54px 54px 10px; }
    @media (max-width: 780px) {
      .foot .con {
        padding: 20px; } }
    .foot .con .foot1 {
      width: 50%;
      display: flex;
      flex-wrap: wrap;
      float: left; }
      @media (max-width: 780px) {
        .foot .con .foot1 {
          width: 100%; } }
      @media (max-width: 480px) {
        .foot .con .foot1 {
          display: none; } }
      .foot .con .foot1 li {
        width: 25%; }
        .foot .con .foot1 li h2 {
          font-size: 16px;
          color: #ffffff;
          text-transform: upper����չʾ;
          font-weight: 500; }
          .foot .con .foot1 li h2 a {
            color: #ffffff; }
        .foot .con .foot1 li .sec {
          margin-top: 22px; }
          .foot .con .foot1 li .sec a {
            display: block;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.58);
            line-height: 24px; }
    .foot .con .ff {
      float: right; }
      @media (max-width: 992px) {
        .foot .con .ff {
          width: 50%;
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          flex-wrap: wrap; } }
      @media (max-width: 780px) {
        .foot .con .ff {
          margin-top: 30px;
          width: 100%; } }
      @media (max-width: 480px) {
        .foot .con .ff {
          margin-top: 0; } }
    .foot .con .foot2 {
      float: left; }
      @media (max-width: 480px) {
        .foot .con .foot2 {
          width: 100%; } }
      .foot .con .foot2 h2 {
        font-size: 16px;
        color: #ffffff;
        text-transform: upper����չʾ;
        font-weight: 500; }
      .foot .con .foot2 .sec {
        font-size: 16px;
        color: #ffffff;
        line-height: 38px; }
        .foot .con .foot2 .sec p {
          padding-left: 36px; }
          .foot .con .foot2 .sec p:nth-child(1) {
            background: url("../images/dh.png") 0 center no-repeat; }
    .foot .con .foot3 {
      display: flex;
      margin-top: 24px;
      margin-left: 86px;
      float: left; }
      @media (max-width: 992px) {
        .foot .con .foot3 {
          margin-left: 0; } }
      @media (max-width: 780px) {
        .foot .con .foot3 {
          width: 100%; } }
      .foot .con .foot3 li {
        margin: 0 8px; }
  .foot .ban {
    text-align: center;
    line-height: 24px;
    padding: 20px 0;
    border-top: 1px solid #fff;
    color: rgba(255, 255, 255, 0.46);
    font-size: 16px; }
    .foot .ban a {
      color: rgba(255, 255, 255, 0.46); }

/*# sourceMappingURL=index.css.map */