@charset "UTF-8";
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img, div, table, tr, th, td, dl, dt, dd {
  margin: 0;
  padding: 0; }

img {
  border: 0; }

input, select {
  font-size: 14px;
  vertical-align: middle; }

ul, ol, li {
  list-style: none; }

a {
  font-size: 14px;
  color: #000;
  text-decoration: none; }

::-webkit-input-placeholder {
  font-size: 12px;
  color: #999; }

:-ms-input-placeholder {
  font-size: 12px;
  color: #999; }

::-ms-input-placeholder {
  font-size: 12px;
  color: #999; }

body {
  width: 100%;
  height: auto;
  font-size: 14px;
  font-family: "Microsoft YaHei";
  margin: 0 auto;
  padding: 0;
  background: #fff; }

.header {
  width: 100%;
  height: 150px; }
  .header .header-logo-search-menu {
    width: 100%;
    height: 150px;
    background: url("../images/hgb.jpg") no-repeat center; }
    .header .header-logo-search-menu .logo-search-menu {
      width: 1200px;
      height: 150px;
      margin: 0 auto;
      position: relative; }
      .header .header-logo-search-menu .logo-search-menu .logo {
        float: left;
        width: 650px;
        height: 80px;
        background: url("../images/logo.png") no-repeat left center;
        margin: 25px 0; }
        .header .header-logo-search-menu .logo-search-menu .logo a {
          display: block;
          width: 650px;
          height: 80px; }
      .header .header-logo-search-menu .logo-search-menu .search {
        float: right;
        width: 351px;
        height: 36px;
        background: url("../images/search.png") no-repeat center;
        margin: 35px 0; }
      .header .header-logo-search-menu .logo-search-menu .menu {
        width: 800px;
        height: 40px;
        position: absolute;
        bottom: 5px;
        right: 0; }

.banner {
  width: 100%;
  height: 493px;
  margin: 0 auto;
  background: url("../images/03.jpg") no-repeat center; }

.banneron {
  width: 100%;
  height: 300px;
  margin: 0 auto;
  background: url("../images/a1.jpg") no-repeat center; }

.transport-swf {
  width: 1200px;
  height: 125px;
  margin: 30px auto;
  overflow: hidden;
  position: relative; }
  .transport-swf .imgList {
    width: 2400px;
    position: absolute;
    z-index: 5; }
    .transport-swf .imgList li {
      width: 1200px;
      height: 125px;
      float: left; }
      .transport-swf .imgList li a {
        display: block;
        width: 1200px;
        height: 125px; }
    .transport-swf .imgList > li {
      width: 1200px;
      height: 125px;
      float: left; }
  .transport-swf .dollList {
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 10; }
    .transport-swf .dollList li {
      float: left;
      width: 12px;
      height: 12px;
      background: #676769;
      line-height: 12px;
      margin: 0 2px;
      text-align: center;
      font-size: 12px;
      color: #fff;
      cursor: pointer; }
      .transport-swf .dollList li.cur {
        background: #FE7B16; }

.about {
  width: 100%;
  height: auto;
  margin: 0 auto; }
  .about .about-head {
    width: 1200px;
    height: 50px;
    background: url("../images/about.png") no-repeat center;
    margin: 60px auto 30px auto; }
    .about .about-head a {
      display: block;
      width: 190px;
      height: 50px;
      margin: 0 auto; }
  .about .about-list {
    width: 100%;
    height: 516px;
    background: url("../images/abg.jpg") no-repeat center;
    margin: 0 auto;
    clear: both;
    overflow: hidden; }
    .about .about-list .about-img-page-type {
      width: 1200px;
      height: 460px;
      background: rgba(255, 255, 255, 0.7);
      margin: 28px auto;
      border-radius: 6px; }
      .about .about-list .about-img-page-type .about-img {
        float: left;
        width: 150px;
        height: 260px;
        margin: 45px 35px 45px 40px; }
        .about .about-list .about-img-page-type .about-img span {
          display: none; }
      .about .about-list .about-img-page-type .about-page-title {
        float: left;
        width: 500px;
        height: 460px;
        margin: 45px 35px 0 0; }
      .about .about-list .about-img-page-type .about-type {
        float: right;
        width: 400px;
        margin: 45px 40px 0 0; }
        .about .about-list .about-img-page-type .about-type .about-scope {
          width: 395px;
          height: 210px;
          background: #B41619;
          border: 5px solid #fff;
          border-radius: 6px; }
          .about .about-list .about-img-page-type .about-type .about-scope h4 {
            width: 100%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 24px;
            color: #fff;
            font-weight: normal;
            margin: 25px 0 20px 0; }
          .about .about-list .about-img-page-type .about-type .about-scope .public-about-scope {
            width: 90%;
            margin: 0 auto; }
            .about .about-list .about-img-page-type .about-type .about-scope .public-about-scope a {
              font-size: 16px;
              color: #fff;
              line-height: 25px; }
        .about .about-list .about-img-page-type .about-type .about-line {
          width: 405px;
          height: 147px;
          background: url("../images/line.png") no-repeat center;
          margin: 10px 0 0 0;
          clear: both;
          overflow: hidden; }
          .about .about-list .about-img-page-type .about-type .about-line h4 {
            width: 100%;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 22px;
            color: #5d5252;
            font-weight: normal;
            margin: 15px auto; }
          .about .about-list .about-img-page-type .about-type .about-line .public-sort-name-line {
            width: 100%;
            height: auto; }
            .about .about-list .about-img-page-type .about-type .about-line .public-sort-name-line dd {
              width: 100%;
              height: 30px;
              line-height: 30px;
              text-align: center; }
              .about .about-list .about-img-page-type .about-type .about-line .public-sort-name-line dd a {
                font-size: 18px;
                color: #555; }
                .about .about-list .about-img-page-type .about-type .about-line .public-sort-name-line dd a:hover {
                  color: #B41619; }

.media {
  width: 100%;
  height: 790px;
  background: url("../images/mbg.jpg") no-repeat center;
  clear: both;
  overflow: hidden;
  margin: 0 auto; }
  .media .media-head {
    width: 1200px;
    height: 50px;
    background: url("../images/media.png") no-repeat center;
    margin: 45px auto 30px auto; }
    .media .media-head a {
      display: block;
      width: 190px;
      height: 50px; }
  .media .media-list {
    width: 1200px;
    height: 620px;
    margin: 0 auto;
    position: relative; }
    .media .media-list ul li {
      position: absolute; }
      .media .media-list ul li.ma1, .media .media-list ul li.ma2, .media .media-list ul li.ma3, .media .media-list ul li.ma4, .media .media-list ul li.ma8, .media .media-list ul li.ma9, .media .media-list ul li.ma10, .media .media-list ul li.ma11 {
        width: 280px;
        height: 135px; }
        .media .media-list ul li.ma1 a, .media .media-list ul li.ma2 a, .media .media-list ul li.ma3 a, .media .media-list ul li.ma4 a, .media .media-list ul li.ma8 a, .media .media-list ul li.ma9 a, .media .media-list ul li.ma10 a, .media .media-list ul li.ma11 a {
          display: block;
          width: 280px;
          height: 135px;
          position: relative;
          overflow: hidden; }
          .media .media-list ul li.ma1 a:hover span, .media .media-list ul li.ma2 a:hover span, .media .media-list ul li.ma3 a:hover span, .media .media-list ul li.ma4 a:hover span, .media .media-list ul li.ma8 a:hover span, .media .media-list ul li.ma9 a:hover span, .media .media-list ul li.ma10 a:hover span, .media .media-list ul li.ma11 a:hover span {
            bottom: 30%;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0); }
        .media .media-list ul li.ma1 img, .media .media-list ul li.ma2 img, .media .media-list ul li.ma3 img, .media .media-list ul li.ma4 img, .media .media-list ul li.ma8 img, .media .media-list ul li.ma9 img, .media .media-list ul li.ma10 img, .media .media-list ul li.ma11 img {
          display: 100%;
          width: 280px;
          height: 135px; }
        .media .media-list ul li.ma1 span, .media .media-list ul li.ma2 span, .media .media-list ul li.ma3 span, .media .media-list ul li.ma4 span, .media .media-list ul li.ma8 span, .media .media-list ul li.ma9 span, .media .media-list ul li.ma10 span, .media .media-list ul li.ma11 span {
          position: absolute;
          bottom: 0;
          display: block;
          width: 100%;
          height: 45px;
          line-height: 45px;
          text-align: center;
          font-size: 18px;
          color: #fff;
          background: rgba(0, 0, 0, 0.4);
          -webkit-transform: translateY(100%);
          -moz-transform: translateY(100%);
          -ms-transform: translateY(100%);
          -o-transform: translateY(100%);
          transform: translateY(100%);
          -webkit-transition: all 0.35s ease-in-out;
          -moz-transition: all 0.35s ease-in-out;
          -ms-transition: all 0.35s ease-in-out;
          -o-transition: all 0.35s ease-in-out;
          transition: all 0.35s ease-in-out; }
      .media .media-list ul li.ma5 {
        width: 560px;
        height: 295px;
        left: 320px;
        top: 0; }
        .media .media-list ul li.ma5 a {
          display: block;
          width: 560px;
          height: 295px;
          position: relative;
          overflow: hidden; }
          .media .media-list ul li.ma5 a:hover span {
            bottom: 45%;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0); }
        .media .media-list ul li.ma5 img {
          display: 100%;
          width: 560px;
          height: 295px; }
        .media .media-list ul li.ma5 span {
          position: absolute;
          bottom: 0;
          display: block;
          width: 100%;
          height: 45px;
          line-height: 45px;
          text-align: center;
          font-size: 18px;
          color: #fff;
          background: rgba(0, 0, 0, 0.4);
          -webkit-transform: translateY(100%);
          -moz-transform: translateY(100%);
          -ms-transform: translateY(100%);
          -o-transform: translateY(100%);
          transform: translateY(100%);
          -webkit-transition: all 0.35s ease-in-out;
          -moz-transition: all 0.35s ease-in-out;
          -ms-transition: all 0.35s ease-in-out;
          -o-transition: all 0.35s ease-in-out;
          transition: all 0.35s ease-in-out; }
      .media .media-list ul li.ma6 {
        width: 270px;
        height: 295px;
        left: 320px;
        bottom: 0; }
        .media .media-list ul li.ma6 a {
          display: block;
          width: 270px;
          height: 295px;
          position: relative;
          overflow: hidden; }
          .media .media-list ul li.ma6 a:hover span {
            bottom: 45%;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0); }
        .media .media-list ul li.ma6 img {
          display: 100%;
          width: 270px;
          height: 295px; }
        .media .media-list ul li.ma6 span {
          position: absolute;
          bottom: 0;
          display: block;
          width: 100%;
          height: 45px;
          line-height: 45px;
          text-align: center;
          font-size: 18px;
          color: #fff;
          background: rgba(0, 0, 0, 0.4);
          -webkit-transform: translateY(100%);
          -moz-transform: translateY(100%);
          -ms-transform: translateY(100%);
          -o-transform: translateY(100%);
          transform: translateY(100%);
          -webkit-transition: all 0.35s ease-in-out;
          -moz-transition: all 0.35s ease-in-out;
          -ms-transition: all 0.35s ease-in-out;
          -o-transition: all 0.35s ease-in-out;
          transition: all 0.35s ease-in-out; }
      .media .media-list ul li.ma7 {
        width: 270px;
        height: 295px;
        right: 320px;
        bottom: 0; }
        .media .media-list ul li.ma7 a {
          display: block;
          width: 270px;
          height: 295px;
          position: relative;
          overflow: hidden; }
          .media .media-list ul li.ma7 a:hover span {
            bottom: 45%;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0); }
        .media .media-list ul li.ma7 img {
          display: 100%;
          width: 270px;
          height: 295px; }
        .media .media-list ul li.ma7 span {
          position: absolute;
          bottom: 0;
          display: block;
          width: 100%;
          height: 45px;
          line-height: 45px;
          text-align: center;
          font-size: 18px;
          color: #fff;
          background: rgba(0, 0, 0, 0.4);
          -webkit-transform: translateY(100%);
          -moz-transform: translateY(100%);
          -ms-transform: translateY(100%);
          -o-transform: translateY(100%);
          transform: translateY(100%);
          -webkit-transition: all 0.35s ease-in-out;
          -moz-transition: all 0.35s ease-in-out;
          -ms-transition: all 0.35s ease-in-out;
          -o-transition: all 0.35s ease-in-out;
          transition: all 0.35s ease-in-out; }
      .media .media-list ul li.ma1, .media .media-list ul li.ma2, .media .media-list ul li.ma3, .media .media-list ul li.ma4 {
        left: 0; }
      .media .media-list ul li.ma8, .media .media-list ul li.ma9, .media .media-list ul li.ma10, .media .media-list ul li.ma11 {
        right: 0; }
      .media .media-list ul li.ma1 {
        top: 0; }
      .media .media-list ul li.ma2 {
        top: 160px; }
      .media .media-list ul li.ma3 {
        top: 322px; }
      .media .media-list ul li.ma4 {
        bottom: 0; }
      .media .media-list ul li.ma8 {
        top: 0; }
      .media .media-list ul li.ma9 {
        top: 160px; }
      .media .media-list ul li.ma10 {
        top: 322px; }
      .media .media-list ul li.ma11 {
        bottom: 0; }

.news {
  width: 100%;
  height: 485px;
  background: url("../images/nbg.jpg") no-repeat center;
  margin: 0 auto;
  clear: both;
  overflow: hidden; }
  .news .news-head {
    width: 1200px;
    height: 50px;
    background: url("../images/news.png") no-repeat center;
    margin: 60px auto 30px auto; }
    .news .news-head a {
      display: block;
      width: 190px;
      height: 50px;
      margin: 0 auto; }
  .news .news-list {
    width: 1200px;
    height: 260px;
    margin: 0 auto; }
    .news .news-list .news-img {
      float: left;
      width: 380px;
      height: 260px; }
    .news .news-list .news-title {
      float: left;
      width: 420px;
      height: 260px;
      margin: 0 30px; }
    .news .news-list .news-video {
      float: right;
      width: 320px;
      height: 260px; }

.price {
  width: 100%;
  height: 390px;
  background: #EEE;
  clear: both;
  overflow: hidden; }
  .price .price-head {
    width: 1200px;
    height: 50px;
    background: url("../images/price.png") no-repeat center;
    margin: 60px auto 45px auto; }
    .price .price-head a {
      display: block;
      width: 190px;
      height: 50px;
      margin: 0 auto; }
  .price .price-list {
    width: 1200px;
    height: 200px;
    margin: 0 auto; }
    .price .price-list ul li {
      float: left;
      width: 1200px;
      height: 200px;
      margin-right: 43px; }
      .price .price-list ul li a {
        display: block;
        width: 1200px;
        height: 200px; }
      .price .price-list ul li.p1 {
        background: url("../images/p1.png") no-repeat center; }
        .price .price-list ul li.p1:hover {
          background: url("../images/p1.png") no-repeat center; }
      .price .price-list ul li.p2 {
        background: url("../images/p2.png") no-repeat center; }
        .price .price-list ul li.p2:hover {
          background: url("../images/p2H.png") no-repeat center; }
      .price .price-list ul li.p3 {
        background: url("../images/p3.png") no-repeat center; }
        .price .price-list ul li.p3:hover {
          background: url("../images/p3H.png") no-repeat center; }
      .price .price-list ul li.p4 {
        background: url("../images/p4.png") no-repeat center; }
        .price .price-list ul li.p4:hover {
          background: url("../images/p4H.png") no-repeat center; }
      .price .price-list ul li.p5 {
        background: url("../images/p5.png") no-repeat center; }
        .price .price-list ul li.p5:hover {
          background: url("../images/p5H.png") no-repeat center; }
      .price .price-list ul li.p6 {
        margin-right: 0;
        background: url("../images/p6.png") no-repeat center; }
        .price .price-list ul li.p6:hover {
          background: url("../images/p6H.png") no-repeat center; }
      .price .price-list ul li:hover {
        transition: all .45s; }

.client {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  clear: both;
  overflow: hidden; }
  .client .client-head {
    height: 50px;
    background: url("../images/client.png") no-repeat center;
    margin: 65px auto 30px auto; }
    .client .client-head a {
      display: block;
      width: 190px;
      height: 50px;
      margin: 0 auto; }
  .client .client-list {
    width: 1200px;
    height: 170px;
    margin: 0 auto 30px auto; }
    .client .client-list ul li {
      float: left;
      width: 235px;
      height: 70px;
      margin: 6px 4px 6px 0; }
      .client .client-list ul li.friendLinkImg5, .client .client-list ul li.friendLinkImg10 {
        margin-right: 0; }
      .client .client-list ul li a {
        display: block;
        width: 235px;
        height: 70px; }
      .client .client-list ul li img {
        display: block;
        width: 235px;
        height: 70px; }

.footer {
  width: 100%;
  height: 460px;
  background: #B41619;
  clear: both;
  overflow: hidden; }
  .footer .footer-list {
    width: 1200px;
    height: 410px;
    margin: 0 auto; }
    .footer .footer-list .footer-menu {
      float: left;
      margin: 20px auto 0 auto; }
      .footer .footer-list .footer-menu .public-sort-name {
        float: left;
        width: auto;
        height: auto;
        margin: 0 55px 0 15px; }
        .footer .footer-list .footer-menu .public-sort-name dt {
          width: auto;
          height: 60px;
          line-height: 60px; }
          .footer .footer-list .footer-menu .public-sort-name dt a {
            font-size: 16px;
            color: #fff; }
        .footer .footer-list .footer-menu .public-sort-name dd {
          width: auto;
          height: 25px;
          line-height: 25px;
          font-size: 14px;
          color: #fff; }
          .footer .footer-list .footer-menu .public-sort-name dd a {
            font-size: 14px;
            color: #fff; }
    .footer .footer-list .footer-img {
      float: right;
      width: 95px;
      height: 120px;
      margin: 40px 30px; }
      .footer .footer-list .footer-img img {
        display: block;
        width: 95px;
        height: 95px; }
      .footer .footer-list .footer-img span {
        display: block;
        width: 100px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        font-size: 12px;
        color: #fff; }
  .footer .footer-copy {
    width: 100%;
    height: 70px;
    background: #8B1717; }
    .footer .footer-copy .copy {
      width: 1200px;
      line-height: 70px;
      font-size: 14px;
      color: #fff;
      margin: 0 auto; }
      .footer .footer-copy .copy a {
        font-size: 14px;
        color: #fff; }

/**内容**/
.mainer {
  width: 100%;
  height: auto;
  margin: 0 auto;
  clear: both;
  overflow: hidden; }
  .mainer .mainer-list-side {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    /*内容侧栏*/
    /*全屏*/ }
    .mainer .mainer-list-side .mainer-side {
      float: left;
      width: 300px;
      height: auto;
      padding: 15px 0 30px 0; }
    .mainer .mainer-list-side .mainer-square {
      float: right;
      width: 880px;
      height: auto;
      margin: 0 auto;
      border-left: 1px solid #F1F1F1;
      padding: 10px 0 10px 19px; }
      .mainer .mainer-list-side .mainer-square .mainer-path {
        width: 880px;
        height: 35px;
        line-height: 35px;
        background: url(../images/home.png) no-repeat 6px center;
        text-indent: 34px;
        font-size: 14px;
        color: #888; }
        .mainer .mainer-list-side .mainer-square .mainer-path a {
          font-size: 14px;
          color: #888; }
      .mainer .mainer-list-side .mainer-square .mainer-page-list {
        width: 880px;
        height: auto;
        margin: 0 auto; }
        .mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list {
          width: 860px;
          height: 50px;
          line-height: 50px;
          background: #F2F2F2;
          padding: 0 10px;
          margin: 15px 0; }
          .mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-name {
            float: left;
            width: 85%;
            text-indent: 20px;
            line-height: 50px;
            background: url(../images/lumpNews.png) no-repeat 0 center; }
            .mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-name a {
              font-size: 18px;
              font-weight: normal;
              color: #102D53; }
          .mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-more {
            float: right;
            width: 15%;
            height: 50px;
            line-height: 50px;
            text-align: right; }
            .mainer .mainer-list-side .mainer-square .mainer-page-list .lump-title-list .lump-title-more a {
              font-size: 14px;
              color: #666; }
        .mainer .mainer-list-side .mainer-square .mainer-page-list .caption {
          width: 96%;
          height: auto;
          margin: 0 auto 30px auto; }
          .mainer .mainer-list-side .mainer-square .mainer-page-list .caption h1 {
            width: 100%;
            color: #3A3937;
            line-height: 40px;
            text-align: center;
            font-size: 24px;
            margin: 25px auto; }
          .mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type {
            width: 100%;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 16px;
            color: #555552;
            margin: 25px auto; }
            .mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list {
              width: 550px;
              height: 36px;
              line-height: 36px;
              font-weight: normal;
              text-align: center;
              margin: 0 auto; }
              .mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list b {
                float: left;
                display: block;
                height: 36px;
                line-height: 36px;
                width: auto;
                font-weight: normal;
                font-size: 12px;
                color: #5A5A5A;
                margin-right: 15px; }
              .mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share {
                float: right;
                width: auto;
                height: 36px; }
                .mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share span {
                  display: block;
                  float: left;
                  font-size: 12px;
                  color: #5A5A5A; }
                .mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom {
                  float: left;
                  height: 36px;
                  line-height: 36px;
                  width: auto; }
                  .mainer .mainer-list-side .mainer-square .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom a {
                    display: block;
                    float: left;
                    margin: 9px 2px; }
        .mainer .mainer-list-side .mainer-square .mainer-page-list .showText {
          width: 94%;
          height: auto;
          margin: 0 auto; }
          .mainer .mainer-list-side .mainer-square .mainer-page-list .showText img {
            display: block;
            width: auto;
            margin: 0 auto; }
        .mainer .mainer-list-side .mainer-square .mainer-page-list .page-content {
          width: 94%;
          height: auto;
          margin: 0 auto;
          padding-top: 15px; }
    .mainer .mainer-list-side .mainer-square-page {
      width: 1200px;
      height: auto;
      margin: 0 auto;
      clear: both;
      overflow: hidden; }
      .mainer .mainer-list-side .mainer-square-page .mainer-path {
        width: 1200px;
        height: 40px;
        line-height: 40px;
        background: url(../images/home.png) no-repeat 6px center;
        text-indent: 34px;
        font-size: 14px;
        color: #888; }
        .mainer .mainer-list-side .mainer-square-page .mainer-path a {
          font-size: 14px;
          color: #888; }
      .mainer .mainer-list-side .mainer-square-page .mainer-page-list {
        width: 1200px;
        height: auto;
        margin: 0 auto;
        clear: both;
        overflow: hidden; }
        .mainer .mainer-list-side .mainer-square-page .mainer-page-list .caption {
          width: 96%;
          height: auto;
          margin: 0 auto 30px auto; }
          .mainer .mainer-list-side .mainer-square-page .mainer-page-list .caption h1 {
            width: 100%;
            color: #333;
            line-height: 40px;
            text-align: center;
            font-size: 24px;
            margin: 30px auto 10px auto; }
          .mainer .mainer-list-side .mainer-square-page .mainer-page-list .caption h3 {
            width: 100%;
            color: #5F5D5A;
            line-height: 40px;
            text-align: center;
            font-size: 16px; }
          .mainer .mainer-list-side .mainer-square-page .mainer-page-list .caption .share-list-type {
            width: 100%;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 16px;
            color: #555552;
            margin: 0 auto; }
            .mainer .mainer-list-side .mainer-square-page .mainer-page-list .caption .share-list-type .share-list {
              width: 550px;
              height: 36px;
              line-height: 36px;
              font-weight: normal;
              text-align: center;
              margin: 0 auto;
              justify-content: center; }
              .mainer .mainer-list-side .mainer-square-page .mainer-page-list .caption .share-list-type .share-list b {
                float: left;
                display: block;
                height: 36px;
                line-height: 36px;
                width: auto;
                font-weight: normal;
                font-size: 12px;
                color: #5A5A5A;
                margin-right: 15px; }
              .mainer .mainer-list-side .mainer-square-page .mainer-page-list .caption .share-list-type .share-list .share {
                float: right;
                width: auto;
                height: 36px; }
                .mainer .mainer-list-side .mainer-square-page .mainer-page-list .caption .share-list-type .share-list .share span {
                  display: block;
                  float: left;
                  font-size: 12px;
                  color: #5A5A5A; }
                .mainer .mainer-list-side .mainer-square-page .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom {
                  float: left;
                  height: 36px;
                  line-height: 36px;
                  width: auto; }
                  .mainer .mainer-list-side .mainer-square-page .mainer-page-list .caption .share-list-type .share-list .share .bshare-custom a {
                    display: block;
                    float: left;
                    margin: 9px 2px; }
        .mainer .mainer-list-side .mainer-square-page .mainer-page-list .showText {
          width: 94%;
          height: auto;
          margin: 0 auto; }
          .mainer .mainer-list-side .mainer-square-page .mainer-page-list .showText img {
            display: block;
            width: auto;
            margin: 0 auto; }
        .mainer .mainer-list-side .mainer-square-page .mainer-page-list .page-content {
          width: 94%;
          height: auto;
          margin: 0 auto;
          padding-top: 15px; }

/*搜索*/
.search-list {
  width: 278px;
  height: 36px;
  margin: 0 0 0 73px; }
  .search-list ul li {
    float: left; }
    .search-list ul li input {
      display: block;
      outline: none;
      border: none;
      background: none; }
      .search-list ul li input:focus {
        outline: none;
        border: none; }
    .search-list ul li.search-input {
      width: 238px;
      height: 36px; }
      .search-list ul li.search-input input {
        width: 238px;
        height: 36px;
        text-indent: 12px;
        font-size: 12px;
        color: #fff; }
    .search-list ul li.search-submit {
      width: 40px;
      height: 36px; }
      .search-list ul li.search-submit input {
        width: 40px;
        height: 36px;
        cursor: pointer; }

/*导航*/
#nav-menu {
  width: 100%;
  height: 40px;
  margin: 0 auto; }
  #nav-menu li {
    float: left;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative; }
    #nav-menu li.navOn0 {
      letter-spacing: 30px; }
    #nav-menu li.navOn3 ul li {
      width: 180px; }
    #nav-menu li a {
      font-size: 16px;
      color: #fff; }
    #nav-menu li ul {
      display: none;
      z-index: 99999;
      position: absolute; }
      #nav-menu li ul li {
        clear: both;
        float: none;
        z-index: 99999;
        width: 100px;
        height: 35px;
        line-height: 35px;
        border-bottom: 1px solid #fefefe;
        background: #B41619; }
        #nav-menu li ul li a {
          font-size: 14px;
          color: #fff; }
        #nav-menu li ul li:hover {
          background: #EDEDED; }
          #nav-menu li ul li:hover a {
            color: #000; }
    #nav-menu li:hover ul {
      display: block; }

/*侧栏*/
.public-side-name {
  width: 100%;
  height: auto;
  margin: 0 auto; }
  .public-side-name h1 {
    width: 100%;
    height: 80px;
    line-height: 80px;
    background: #B41619;
    text-align: center;
    font-size: 18px;
    color: #fff; }
  .public-side-name ul {
    width: 298px;
    height: auto;
    border: 1px solid #CBCBCB;
    margin: 6px auto; }
    .public-side-name ul li {
      width: 94%;
      height: 38px;
      line-height: 38px;
      float: none;
      clear: both;
      margin: 10px auto;
      border: 1px solid #DCDCDC;
      text-indent: 6px;
      transition: all .3s;
      background: url("../images/la.png") no-repeat 96% center #F4F4F4; }
      .public-side-name ul li a {
        display: block;
        width: 100%;
        height: 38px;
        font-size: 14px;
        color: #222; }
      .public-side-name ul li:hover {
        border-color: #B41619;
        background: url("../images/lah.png") no-repeat 96% center; }
        .public-side-name ul li:hover a {
          color: #B41619; }
      .public-side-name ul li.onm {
        border-color: #B41619;
        background: url("../images/lah.png") no-repeat 96% center; }
        .public-side-name ul li.onm a {
          color: #B41619; }

/*产品*/
.public-goods {
  width: 100%;
  height: auto; }
  .public-goods ul li {
    float: left;
    width: 270px;
    height: 240px; }
    .public-goods ul li a {
      display: block; }
      .public-goods ul li a.a-img {
        width: 270px;
        height: 200px; }
        .public-goods ul li a.a-img img {
          display: block;
          width: 270px;
          height: 200px; }
      .public-goods ul li a.a-title {
        width: 270px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.8); }
    .public-goods ul li.goods3, .public-goods ul li.goods6 {
      margin: 0 30px; }
    .public-goods ul li.goods2, .public-goods ul li.goods3, .public-goods ul li.goods4 {
      margin-bottom: 10px; }

.public-big-goods {
  width: 1200px;
  height: 400px;
  margin: 35px auto 30px auto; }
  .public-big-goods ul li {
    float: left;
    width: 225px;
    height: 190px;
    background: #FFF;
    margin: 0 0 20px 25px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); }
    .public-big-goods ul li a {
      display: block; }
      .public-big-goods ul li a.a-img {
        width: 225px;
        height: 160px;
        overflow: hidden; }
        .public-big-goods ul li a.a-img img {
          display: block;
          width: 225px;
          height: 160px;
          transition: all .6s; }
      .public-big-goods ul li a.a-title {
        width: 225px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 14px;
        color: #434344; }
    .public-big-goods ul li.bigPic {
      width: 450px;
      height: 400px;
      margin: 0; }
      .public-big-goods ul li.bigPic a {
        display: block; }
        .public-big-goods ul li.bigPic a.a-img {
          width: 450px;
          height: 370px;
          overflow: hidden; }
          .public-big-goods ul li.bigPic a.a-img img {
            display: block;
            width: 450px;
            height: 370px; }
        .public-big-goods ul li.bigPic a.a-title {
          width: 450px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          font-size: 14px;
          color: #434344; }
    .public-big-goods ul li:hover img {
      transform: scale(1.1); }
    .public-big-goods ul li:hover .a-title {
      background: #B41619;
      font-weight: bold;
      color: #fff !important; }

.public-goods-list {
  width: 100%;
  height: auto;
  margin: 0 auto; }
  .public-goods-list ul::after {
    content: '';
    display: table;
    overflow: hidden;
    clear: both;
    float: none;
    height: 0; }
  .public-goods-list ul li {
    float: left;
    width: 280px;
    height: 240px;
    margin: 15px 6px;
    z-index: 999;
    overflow: hidden;
    transition: all .4s; }
    .public-goods-list ul li span {
      display: block;
      width: 280px;
      height: 210px; }
      .public-goods-list ul li span a {
        display: block;
        width: 280px;
        height: 210px; }
        .public-goods-list ul li span a img {
          display: block;
          width: 280px;
          height: 210px; }
    .public-goods-list ul li h1 {
      width: 280px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      font-weight: normal; }
      .public-goods-list ul li h1 a {
        display: block;
        font-size: 14px;
        color: #444;
        background: #F4F4F4; }
    .public-goods-list ul li:hover {
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
      transform: translate3d(0px, -2px, 0px); }

.production-detail-list {
  width: 98%;
  height: auto;
  margin: 30px auto; }
  .production-detail-list .production-detail {
    width: 100%;
    height: 400px; }
    .production-detail-list .production-detail .detail-pic {
      float: left;
      width: 400px;
      height: 300px; }
    .production-detail-list .production-detail .detail-desc {
      float: left;
      width: 400px;
      height: 300px;
      margin: 0 30px; }
      .production-detail-list .production-detail .detail-desc h1 {
        height: 45px;
        line-height: 45px;
        font-size: 24px; }
      .production-detail-list .production-detail .detail-desc p {
        width: 400px;
        height: 40px;
        line-height: 40px;
        margin: 10px auto; }
        .production-detail-list .production-detail .detail-desc p b {
          display: block;
          float: left;
          width: auto;
          height: 40px;
          line-height: 40px;
          text-align: center;
          background: #B41619;
          font-size: 14px;
          color: #fff;
          padding: 0 20px;
          border-radius: 5px;
          font-weight: normal; }
        .production-detail-list .production-detail .detail-desc p span {
          display: block;
          float: left;
          height: 40px;
          line-height: 40px;
          width: auto;
          margin: 0 0 0 8px;
          font-size: 14px;
          color: #666;
          overflow: hidden; }
        .production-detail-list .production-detail .detail-desc p.goods-chat {
          width: auto;
          height: 30px;
          margin: 10px 0; }
          .production-detail-list .production-detail .detail-desc p.goods-chat a {
            display: block;
            float: left;
            width: 30px;
            height: 30px;
            margin: 5px 10px; }
            .production-detail-list .production-detail .detail-desc p.goods-chat a.g-skype {
              background: url("../images/f-skype.png") no-repeat center; }
            .production-detail-list .production-detail .detail-desc p.goods-chat a.g-app {
              background: url("../images/f-app.png") no-repeat center; }
            .production-detail-list .production-detail .detail-desc p.goods-chat a.g-link {
              background: url("../images/f-link.png") no-repeat center; }
            .production-detail-list .production-detail .detail-desc p.goods-chat a.g-wx {
              background: url("../images/f-wx.png") no-repeat center; }
            .production-detail-list .production-detail .detail-desc p.goods-chat a.g-ins {
              background: url("../images/f-ins.png") no-repeat center; }
        .production-detail-list .production-detail .detail-desc p.keywords b {
          background: #761F10; }
        .production-detail-list .production-detail .detail-desc p.keywords span {
          color: #761F10;
          font-weight: bold; }
    .production-detail-list .production-detail .relatedProducts {
      float: left;
      width: 300px;
      height: 300px;
      padding: 0 24px;
      border-left: 1px solid #9E9595; }
      .production-detail-list .production-detail .relatedProducts h2 {
        width: 300px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        color: #999;
        margin: 0 0 10px 0; }
      .production-detail-list .production-detail .relatedProducts .relatedProductsList {
        width: 300px;
        height: 225px; }
  .production-detail-list .production-derail-intro {
    width: 100%;
    height: auto;
    margin: 10px auto 30px auto; }
    .production-detail-list .production-derail-intro .intro {
      display: block;
      font-size: 18px;
      color: #000;
      font-weight: bold;
      width: 100%;
      height: 50px;
      line-height: 50px;
      text-align: left !important;
      border-bottom: 1px solid #9E9595;
      margin-bottom: 35px; }

.introShow {
  width: 400px; }
  .introShow .mainShow {
    width: 400px;
    height: 300px; }
    .introShow .mainShow a {
      display: block;
      width: 398px;
      height: 298px;
      border: #CCCCCC 1px solid;
      overflow: hidden; }
      .introShow .mainShow a img {
        display: block;
        width: 400px;
        height: 300px; }
  .introShow .scroll {
    width: 400px;
    height: 60px;
    margin: 15px auto;
    overflow: hidden; }
    .introShow .scroll ul {
      float: left;
      width: 380px;
      height: 60px;
      overflow: hidden; }
      .introShow .scroll ul li {
        float: left;
        width: 80px;
        height: 60px;
        margin: 0 7px; }
        .introShow .scroll ul li a {
          display: block;
          width: 78px;
          height: 58px;
          border: 1px solid #F3F3F3;
          overflow: hidden; }
          .introShow .scroll ul li a:hover {
            border: 1px solid #C80000; }
          .introShow .scroll ul li a.currentItem {
            border: 1px solid #C80000; }
          .introShow .scroll ul li a img {
            display: block;
            width: 80px;
            height: 60px; }
    .introShow .scroll .prevView {
      float: left;
      margin-top: 28px;
      width: 7px;
      height: 12px;
      background: url(../images/bgimg.gif) no-repeat -132px -17px; }
      .introShow .scroll .prevView:hover {
        background-position: -146px -17px; }
    .introShow .scroll .nextView {
      float: right;
      margin-top: 28px;
      width: 7px;
      height: 12px;
      background: url(../images/bgimg.gif) no-repeat -153px -17px; }
      .introShow .scroll .nextView:hover {
        background-position: -167px -17px; }

.mainer-message-contact {
  width: 100%;
  height: auto;
  clear: both;
  overflow: hidden; }
  .mainer-message-contact .mainer-message-contact-head {
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: left;
    font-size: 18px;
    color: #333;
    background: #F4F4F4;
    text-indent: 16px;
    margin: 40px 0 15px 0; }
  .mainer-message-contact .mainer-message {
    float: left;
    width: 300px;
    height: auto;
    margin-left: 15px; }
    .mainer-message-contact .mainer-message .mainer-message-list {
      width: 100%;
      height: 320px;
      margin: 0 auto; }
      .mainer-message-contact .mainer-message .mainer-message-list label {
        display: block;
        width: 100%;
        height: 30px;
        margin: 10px 0; }
        .mainer-message-contact .mainer-message .mainer-message-list label input {
          display: block;
          width: 298px;
          height: 28px;
          line-height: 28px;
          outline: none;
          background: none;
          border: 1px solid #ddd;
          font-size: 13px;
          color: #444;
          text-indent: 12px; }
        .mainer-message-contact .mainer-message .mainer-message-list label.label-online-content {
          width: 100%;
          height: 100px; }
          .mainer-message-contact .mainer-message .mainer-message-list label.label-online-content textarea {
            width: 298px;
            height: 98px;
            border: 1px solid #ddd;
            font-family: "Microsoft YaHei";
            font-size: 13px;
            color: #444;
            margin: 0;
            padding: 0;
            text-indent: 12px;
            outline: none;
            resize: none; }
        .mainer-message-contact .mainer-message .mainer-message-list label.label-online-btn {
          width: 140px;
          height: 35px; }
          .mainer-message-contact .mainer-message .mainer-message-list label.label-online-btn input {
            width: 140px;
            height: 35px;
            text-indent: 0;
            font-size: 16px;
            background: #E6212A;
            color: #fff;
            border-color: #E6212A;
            border-radius: 6px; }
  .mainer-message-contact .mainer-contact {
    float: right;
    width: 430px;
    height: auto;
    margin-right: 15px; }
    .mainer-message-contact .mainer-contact .mainer-contact-list {
      width: 100%;
      height: 320px;
      margin: 0 auto; }
      .mainer-message-contact .mainer-contact .mainer-contact-list ul li {
        width: 100%;
        height: 49px;
        line-height: 49px;
        text-align: left;
        border-bottom: 1px dashed #ddd;
        text-indent: 40px; }
        .mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-tel {
          background: url("../images/ctel.png") no-repeat left center; }
        .mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-phone {
          background: url("../images/cphone.png") no-repeat left center; }
        .mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-email {
          background: url("../images/cemail.png") no-repeat left center; }
        .mainer-message-contact .mainer-contact .mainer-contact-list ul li.contact-site {
          background: url("../images/csite.png") no-repeat left center; }

.mainer-valid {
  width: 100%;
  height: auto; }
  .mainer-valid .mainer-valid-head {
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: left;
    font-size: 18px;
    color: #333;
    background: #F4F4F4;
    text-indent: 16px; }
  .mainer-valid .mainer-valid-list {
    width: 100%;
    height: 230px;
    clear: both;
    overflow: hidden; }

.public-related-goods {
  width: 100%;
  height: 190px;
  margin: 15px auto; }
  .public-related-goods ul li {
    float: left;
    width: 210px;
    height: 190px;
    margin: 0 5px; }
    .public-related-goods ul li a {
      display: block; }
      .public-related-goods ul li a.a-img img {
        display: block;
        width: 210px;
        height: 160px; }
      .public-related-goods ul li a.a-title span {
        display: block;
        width: 208px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        border: 1px solid #DCDCDC; }

/*单片*/
.public-page-intro {
  width: 100%;
  line-height: 30px;
  text-indent: 32px; }
  .public-page-intro a {
    line-height: 30px;
    font-size: 15px;
    color: #000; }

/**/
.public-sort-name {
  float: left;
  width: auto;
  height: auto;
  margin: 30px 45px 0 0; }
  .public-sort-name dt {
    width: auto;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #000; }
    .public-sort-name dt a {
      font-size: 14px;
      color: #000; }
  .public-sort-name dd {
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7); }
    .public-sort-name dd a {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.7); }
    .public-sort-name dd.f-phone {
      height: 32px;
      line-height: 32px;
      background: url("../images/phone.png") no-repeat left center;
      text-indent: 30px; }
      .public-sort-name dd.f-phone b {
        font-size: 18px;
        font-weight: normal; }
      .public-sort-name dd.f-phone span {
        font-size: 30px; }
    .public-sort-name dd.f-site {
      background: url("../images/site.png") no-repeat left center;
      text-indent: 30px; }
    .public-sort-name dd.f-tel {
      background: url("../images/f-tel.png") no-repeat left center;
      text-indent: 30px; }
    .public-sort-name dd.f-mail {
      text-indent: 30px;
      background: url("../images/f-mail.png") no-repeat left center; }
    .public-sort-name dd.f-chat {
      width: auto;
      height: 30px;
      margin: 10px 0; }
      .public-sort-name dd.f-chat a {
        display: block;
        float: left;
        width: 30px;
        height: 30px;
        margin: 0 4px; }
        .public-sort-name dd.f-chat a.f-skype {
          background: url("../images/f-skype.png") no-repeat center; }
        .public-sort-name dd.f-chat a.f-app {
          background: url("../images/f-app.png") no-repeat center; }
        .public-sort-name dd.f-chat a.f-link {
          background: url("../images/f-link.png") no-repeat center; }
        .public-sort-name dd.f-chat a.f-wx {
          background: url("../images/f-wx.png") no-repeat center; }
        .public-sort-name dd.f-chat a.f-ins {
          background: url("../images/f-ins.png") no-repeat center; }

.public-search-list {
  width: 100%;
  height: auto;
  margin: 0 auto;
  clear: both;
  overflow: hidden; }
  .public-search-list ul li {
    width: 98%;
    height: 39px;
    line-height: 40px;
    border-bottom: 1px dashed #CCCCCC;
    text-indent: 30px;
    text-align: left;
    background: url(../images/lumpArrow.png) no-repeat 10px center;
    font-size: 16px;
    color: #575757;
    transition: all .6s;
    margin: 0 auto; }
    .public-search-list ul li a {
      display: block;
      float: left;
      color: #575757;
      text-align: left;
      font-size: 16px; }
    .public-search-list ul li span {
      display: block;
      float: right;
      text-align: left;
      font-weight: 100;
      height: 40px;
      line-height: 40px;
      width: auto;
      font-size: 15px;
      color: #575757; }
    .public-search-list ul li:hover {
      border-color: #B41619;
      background: url("../images/lumpOn.png") no-repeat 10px center; }
      .public-search-list ul li:hover a {
        color: #B41619; }

.public-title {
  width: 100%;
  height: auto; }
  .public-title ul li {
    width: auto;
    height: 29px;
    line-height: 29px;
    overflow: hidden; }
    .public-title ul li a {
      display: block;
      line-height: 29px;
      float: left;
      text-align: left;
      font-size: 15px;
      color: #3c3737;
      overflow: hidden; }
      .public-title ul li a:hover {
        color: #B41619; }
    .public-title ul li span {
      display: block;
      float: right;
      font-size: 14px;
      color: #3c3737; }

.public-title-intro {
  width: 100%;
  height: auto;
  margin: 0 auto; }
  .public-title-intro ul li {
    width: auto;
    height: 35px;
    line-height: 35px;
    background: url("../images/nt.jpg") no-repeat left center;
    text-indent: 10px; }
    .public-title-intro ul li a {
      display: block;
      float: left;
      line-height: 35px;
      font-size: 16px;
      color: #5D5D5D; }
    .public-title-intro ul li span {
      float: right;
      display: none; }
    .public-title-intro ul li.intro {
      height: 90px;
      background: none;
      text-indent: 0; }
      .public-title-intro ul li.intro .intro-world {
        height: 90px; }
        .public-title-intro ul li.intro .intro-world .a-title {
          font-size: 17px;
          color: #050607;
          height: 30px;
          line-height: 30px; }
        .public-title-intro ul li.intro .intro-world .a-intro {
          font-size: 14px;
          height: 50px;
          line-height: 25px;
          text-align: left;
          color: #888; }

.public-title-list {
  width: 100%;
  height: auto;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  /*时间*/
  /*
  ul{
    li{
      width: 98%;
      height: 100px;
      background: #F4F4F4;
      margin: 30px 0;
      .inside-times {
        float: $fl;
        width: 120px;
        height: 80px;
        background: $bgc;
        padding: 10px 0;
        p{
          width: 120px;
          height: 50px;
          line-height: 50px;
          text-align: center;
          font-size: $fz+26;
          color: $cf;
          font-weight: $fw;
        }
        b{
          display: block;
          width: 120px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          font-size: $fz+3;
          font-weight: $fwn;
          color: $cf;
        }
      }
      .inside-title-intro {
        float: $fr;
        width: 710px;
        height: 100px;
        padding: 0 15px;
        .inside-title {
          display: $db;
          width: 710px;
          height: 40px;
          line-height: 40px;
          font-size: 18px;
          color: #000;
        }
        .inside-intro{
          display: $db;
          width: 710px;
          height: 50px;
          line-height: 25px;
          font-size: $fz+2;
          color: #666;
        }
      }
      &:hover .inside-title{
        color: $bgc;
      }
    }
  }

  */
  /*图片*/ }
  .public-title-list ul li {
    width: 100%;
    height: 120px;
    padding: 45px 0;
    border-bottom: 1px dashed #DCDCDC; }
    .public-title-list ul li .inside-img {
      float: left;
      width: 180px;
      height: 120px; }
      .public-title-list ul li .inside-img a {
        display: block;
        width: 180px;
        height: 120px;
        overflow: hidden; }
        .public-title-list ul li .inside-img a img {
          display: block;
          width: 180px;
          height: 120px;
          -webkit-transition: all .5s;
          -moz-transition: all .5s;
          -ms-transition: all .5s;
          -o-transition: all .5s;
          transition: all .5s; }
    .public-title-list ul li .inside-title-times-intro {
      float: right;
      width: 680px;
      height: 120px; }
      .public-title-list ul li .inside-title-times-intro .inside-title-times {
        width: 100%;
        height: 50px; }
        .public-title-list ul li .inside-title-times-intro .inside-title-times a {
          display: block;
          line-height: 50px;
          float: left;
          font-size: 20px;
          color: #595959;
          font-weight: bold; }
        .public-title-list ul li .inside-title-times-intro .inside-title-times span {
          display: block;
          float: right;
          line-height: 50px;
          font-size: 15px;
          color: #777; }
      .public-title-list ul li .inside-title-times-intro .inside-intro {
        width: 100%;
        height: 50px;
        line-height: 25px; }
        .public-title-list ul li .inside-title-times-intro .inside-intro a {
          font-size: 14px;
          color: #999; }
    .public-title-list ul li:hover .inside-img img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .public-title-list ul li:hover .inside-title-times a {
      color: #BE1C0F; }

.public-pic-list {
  width: 100%;
  height: auto;
  margin: 0 auto; }
  .public-pic-list ul::after {
    content: '';
    display: table;
    overflow: hidden;
    clear: both;
    float: none;
    height: 0; }
  .public-pic-list ul li {
    float: left;
    width: 280px;
    height: 240px;
    margin: 15px 6px;
    z-index: 999;
    overflow: hidden;
    transition: all .4s; }
    .public-pic-list ul li span {
      display: block;
      width: 280px;
      height: 210px; }
      .public-pic-list ul li span a {
        display: block;
        width: 280px;
        height: 210px; }
        .public-pic-list ul li span a img {
          display: block;
          width: 280px;
          height: 210px; }
    .public-pic-list ul li h1 {
      width: 280px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      font-weight: normal; }
      .public-pic-list ul li h1 a {
        display: block;
        font-size: 14px;
        color: #444;
        background: #F4F4F4; }
    .public-pic-list ul li:hover {
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
      transform: translate3d(0px, -2px, 0px); }

.public-pic-list-son {
  width: 100%;
  height: auto;
  margin: 0 auto; }
  .public-pic-list-son ul::after {
    content: '';
    display: table;
    overflow: hidden;
    clear: both;
    float: none;
    height: 0; }
  .public-pic-list-son ul li {
    float: left;
    width: 280px;
    height: 240px;
    margin: 15px 6px;
    z-index: 999;
    overflow: hidden;
    transition: all .4s; }
    .public-pic-list-son ul li span {
      display: block;
      width: 280px;
      height: 210px; }
      .public-pic-list-son ul li span a {
        display: block;
        width: 280px;
        height: 210px; }
        .public-pic-list-son ul li span a img {
          display: block;
          width: 280px;
          height: 210px; }
    .public-pic-list-son ul li h1 {
      width: 280px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      font-weight: normal; }
      .public-pic-list-son ul li h1 a {
        display: block;
        font-size: 14px;
        color: #444;
        background: #F4F4F4; }
    .public-pic-list-son ul li:hover {
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
      transform: translate3d(0px, -2px, 0px); }

.public-pic-list-son-height {
  width: 100%;
  height: auto;
  margin: 0 auto; }
  .public-pic-list-son-height ul::after {
    content: '';
    display: table;
    overflow: hidden;
    clear: both;
    float: none;
    height: 0; }
  .public-pic-list-son-height ul li {
    float: left;
    width: 260px;
    height: 420px;
    margin: 15px 16px;
    z-index: 999;
    overflow: hidden;
    transition: all .4s; }
    .public-pic-list-son-height ul li span {
      display: block;
      width: 260px;
      height: 390px; }
      .public-pic-list-son-height ul li span a {
        display: block;
        width: 260px;
        height: 390px; }
        .public-pic-list-son-height ul li span a img {
          display: block;
          width: 260px;
          height: 390px; }
    .public-pic-list-son-height ul li h1 {
      width: 260px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      font-weight: normal; }
      .public-pic-list-son-height ul li h1 a {
        display: block;
        font-size: 14px;
        color: #444;
        background: #F4F4F4; }
    .public-pic-list-son-height ul li:hover {
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
      transform: translate3d(0px, -2px, 0px); }

/**分页**/
#home-page {
  width: 98%;
  height: 30px;
  margin: 10px auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between; }
  #home-page a {
    font-size: 14px;
    color: #B41619;
    height: 30px;
    line-height: 30px; }

#pagelist {
  width: 100%;
  height: 32px;
  margin: 30px auto 10px auto;
  display: flex;
  display: -webkit-flex;
  justify-content: center; }
  #pagelist a {
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #444;
    background: #EDEDED;
    border: #cccccc 1px solid;
    border-radius: 2px;
    text-align: center;
    margin: 0 5px; }
    #pagelist a#nowpage {
      border: #B41619 1px solid;
      background-color: #B41619;
      color: #ffffff; }

/**qq**/
#online_qq_layer {
  z-index: 22000;
  position: fixed;
  right: 0px;
  top: 0;
  margin: 240px 0 0 0; }

#online_qq_tab {
  width: 45px;
  float: left;
  margin: 115px 0 0 0;
  position: relative;
  background: url("../images/qMenu.jpg") no-repeat center; }
  #online_qq_tab a {
    display: block;
    height: 120px;
    line-height: 999em;
    overflow: hidden; }

#onlineService {
  display: block;
  float: left;
  width: 140px;
  background: #B41619;
  padding-top: 15px;
  padding-bottom: 15px; }

.onlineMenu {
  width: 120px;
  height: auto;
  background: #4CB800;
  margin: 0 auto; }
  .onlineMenu h3 {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    width: 110px;
    margin: 0 auto;
    border-bottom: 1px solid #E5E5E5;
    height: 39px;
    line-height: 40px;
    text-align: center; }
  .onlineMenu li {
    height: 50px;
    text-align: center;
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #000; }
    .onlineMenu li a {
      display: block;
      height: 50px;
      line-height: 50px; }
      .onlineMenu li a img {
        display: block;
        margin: 0 auto;
        padding-top: 12px; }
    .onlineMenu li.weixin {
      background: url("../images/wx.png") no-repeat center;
      position: relative;
      margin: 10px 0; }
      .onlineMenu li.weixin img {
        display: none;
        width: 100px;
        height: 100px;
        position: absolute;
        right: 120px;
        top: -20px; }
      .onlineMenu li.weixin:hover img {
        display: block; }
  .onlineMenu .qTel {
    width: 110px;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto; }
    .onlineMenu .qTel span {
      display: block;
      width: 110px;
      height: 20px;
      background: url("../images/qTel.png") no-repeat center;
      margin: 0 auto;
      padding-bottom: 20px; }
    .onlineMenu .qTel p {
      font-size: 14px;
      color: #fff;
      font-weight: bold;
      text-align: center;
      height: 30px;
      line-height: 30px; }

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