@charset "UTF-8";
.ss {
  width: 100%;
  float: left;
  background: #f0f0f0;
  padding: 10px 0; }
  .ss .ss_zb {
    margin-top: 10px;
    font-size: 14px;
    float: left; }
    .ss .ss_zb .bt {
      float: left;
      color: #666; }
    .ss .ss_zb .xq {
      float: left; }
      .ss .ss_zb .xq a {
        float: left;
        margin-left: 10px;
        font-weight: bold; }
  .ss .ss_yb {
    border: 1px solid #f0f0f0;
    background: #fff;
    float: right; }
    .ss .ss_yb input {
      background: none;
      border: 0;
      line-height: 35px;
      height: 35px;
      padding: 0 10px; }
    .ss .ss_yb button {
      background: #005aa1;
      border: 0px;
      line-height: 35px;
      height: 35px;
      padding: 0 10px;
      color: #fff; }
      .ss .ss_yb button img {
        width: 30px; }

.position {
  width: 100%;
  float: left;
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
  position: relative;
  padding-left: 20px; }
  .position:before {
    width: 4px;
    height: 20px;
    background: #005aa1;
    position: absolute;
    left: 0px;
    content: ""; }

.lb_wc {
  width: 100%;
  float: left;
  margin-top: 20px;
  padding-bottom: 60px; }
  .lb_wc .zb_hz {
    width: 25%;
    float: left;
    padding-right: 20px;
    /*
    .fl-nav{
        width: 100%;
        .nav-title{
            background:$Zys;
            padding: 20px;
            font-size: 20px;
            text-align: center;
            color: #fff;
            font-weight:bold;
        }
        ul{
            li{
                width:100%;
                float:left;
                margin-top: 5px;
                .li-title{
                    background:$Zys;
                    float:left;
                    width: 100%;
                    position: relative;
                    &:hover{
                        background:#e17a27;
                        a{
                            &:before{
                                content:"-"
                            }
                        }
                    }
                    a{
                        display:block;
                        padding: 10px 20px;
                        position:relative;
                        color: #fff;
                        &:before{
                            content:"+";
                            right:20px;
                            position:absolute;
                            font-size: 20px;
                            top: 4px;
                        }
                    }
                }
                ul{
                    li:last-child{
                        border: 0px;
                    }
                    li{
                        line-height: 35px;
                        border-bottom: 1px solid #ccc;
                        margin-top:0px;
                    }
                    background: #f0f0f0;
                    float:left;
                    width: 100%;
                    padding: 0 20px;
                    a{
                        font-size:14px;
                        color: #666;
                        display: block;
                        position: relative;
                        &:hover{
                            color:$Zys;
                        }
                        &:before{
                            background: url(../images/icon_05.png) no-repeat;
                            content:"";
                            width: 10px;
                            height: 10px;
                            background-size: 10px;
                            position: absolute;
                            right: 0px;
                            top:11px;
                        }
                    }
                }
            }
        }
    }*/ }
    .lb_wc .zb_hz .zb_dh {
      width: 100%;
      float: left; }
      .lb_wc .zb_hz .zb_dh .dh_bt {
        background: #005aa1;
        padding: 20px;
        font-size: 20px;
        text-align: center;
        color: #fff;
        font-weight: bold; }
      .lb_wc .zb_hz .zb_dh ul {
        float: left;
        width: 100%;
        background: #f0f0f0; }
        .lb_wc .zb_hz .zb_dh ul li {
          float: left;
          width: 100%; }
          .lb_wc .zb_hz .zb_dh ul li a {
            padding: 0 20px;
            line-height: 40px;
            display: block;
            font-size: 14px;
            border-bottom: 1px solid #fff;
            position: relative; }
            .lb_wc .zb_hz .zb_dh ul li a:before {
              position: absolute;
              font-family: "icon" !important;
              content: "\e6fb";
              right: 10px;
              font-size: 20px; }
            .lb_wc .zb_hz .zb_dh ul li a:hover {
              color: #005aa1; }
        .lb_wc .zb_hz .zb_dh ul .dx a {
          color: #005aa1;
          font-weight: bold; }
    .lb_wc .zb_hz .zb_dh_1 {
      width: 100%;
      float: left;
      margin-top: 10px;
      position: relative; }
      .lb_wc .zb_hz .zb_dh_1 .nr {
        right: 15px;
        position: absolute;
        bottom: 40px; }
        .lb_wc .zb_hz .zb_dh_1 .nr .sz {
          font-size: 20px; }
      .lb_wc .zb_hz .zb_dh_1 .tp {
        width: 100%; }
        .lb_wc .zb_hz .zb_dh_1 .tp img {
          width: 100%; }
  .lb_wc .yb_hz {
    width: 75%;
    float: right; }
    .lb_wc .yb_hz .cp_lb {
      width: 100%;
      float: left; }
      .lb_wc .yb_hz .cp_lb li {
        width: 33.3333%;
        float: left;
        padding: 0px 10px 20px 10px; }
        .lb_wc .yb_hz .cp_lb li .xhz {
          width: 100%;
          border: 1px solid #ccc;
          float: left; }
          .lb_wc .yb_hz .cp_lb li .xhz:hover {
            border: 1px solid #005aa1; }
            .lb_wc .yb_hz .cp_lb li .xhz:hover .bt a {
              color: #005aa1; }
          .lb_wc .yb_hz .cp_lb li .xhz img {
            width: 100%; }
          .lb_wc .yb_hz .cp_lb li .xhz .bt {
            line-height: 35px;
            padding: 0 20px; }

.xq_wc {
  width: 100%;
  margin-top: 20px;
  padding-bottom: 60px;
  float: left; }
  .xq_wc .zb_hz {
    width: 25%;
    float: left;
    padding-right: 20px; }
    .xq_wc .zb_hz .zb_dh {
      width: 100%;
      float: left; }
      .xq_wc .zb_hz .zb_dh .dh_bt {
        background: #005aa1;
        padding: 20px;
        font-size: 20px;
        text-align: center;
        color: #fff;
        font-weight: bold; }
      .xq_wc .zb_hz .zb_dh ul {
        float: left;
        width: 100%;
        background: #f0f0f0; }
        .xq_wc .zb_hz .zb_dh ul li {
          float: left;
          width: 100%; }
          .xq_wc .zb_hz .zb_dh ul li a {
            padding: 0 20px;
            line-height: 40px;
            display: block;
            font-size: 14px;
            border-bottom: 1px solid #fff;
            position: relative; }
            .xq_wc .zb_hz .zb_dh ul li a:before {
              position: absolute;
              font-family: "icon" !important;
              content: "\e6fb";
              right: 10px;
              font-size: 20px; }
            .xq_wc .zb_hz .zb_dh ul li a:hover {
              color: #005aa1; }
        .xq_wc .zb_hz .zb_dh ul .dx a {
          color: #005aa1;
          font-weight: bold; }
    .xq_wc .zb_hz .zb_dh_1 {
      width: 100%;
      float: left;
      margin-top: 10px;
      position: relative; }
      .xq_wc .zb_hz .zb_dh_1 .nr {
        right: 15px;
        position: absolute;
        bottom: 40px; }
        .xq_wc .zb_hz .zb_dh_1 .nr .sz {
          font-size: 20px; }
      .xq_wc .zb_hz .zb_dh_1 .tp {
        width: 100%; }
        .xq_wc .zb_hz .zb_dh_1 .tp img {
          width: 100%; }
  .xq_wc .yb_hz {
    width: 75%;
    float: right; }
    .xq_wc .yb_hz .cp_xq {
      width: 100%;
      float: left; }
      .xq_wc .yb_hz .cp_xq .db_xx {
        width: 100%;
        float: left; }
        .xq_wc .yb_hz .cp_xq .db_xx .hd {
          width: 50%;
          float: left; }
          .xq_wc .yb_hz .cp_xq .db_xx .hd .swiper-slide img {
            width: 100%; }
        .xq_wc .yb_hz .cp_xq .db_xx .xx {
          width: 50%;
          padding-left: 20px;
          float: left; }
          .xq_wc .yb_hz .cp_xq .db_xx .xx .bt {
            display: block; }
          .xq_wc .yb_hz .cp_xq .db_xx .xx .xq {
            display: block;
            font-size: 14px;
            margin-top: 15px;
            color: #666; }
          .xq_wc .yb_hz .cp_xq .db_xx .xx .dh {
            border-top: 1px dotted #ccc;
            display: block;
            padding-top: 10px;
            margin-top: 30px; }
            .xq_wc .yb_hz .cp_xq .db_xx .xx .dh .zb .tp {
              float: left; }
            .xq_wc .yb_hz .cp_xq .db_xx .xx .dh .zb .nr {
              float: left;
              margin-left: 10px; }
            .xq_wc .yb_hz .cp_xq .db_xx .xx .dh .yb a {
              background: #005aa1;
              display: inline-block;
              padding: 0 20px;
              line-height: 30px;
              border-radius: 40px;
              color: #fff;
              box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
      .xq_wc .yb_hz .cp_xq .cr_hz {
        line-height: 1.8;
        float: left;
        margin-top: 20px;
        padding: 20px 0;
        width: 100%;
        border-top: 1px dotted #ccc; }
        .xq_wc .yb_hz .cp_xq .cr_hz img {
          max-width: 100%; }
    .xq_wc .yb_hz .lb_cp {
      width: 100%;
      float: left;
      margin-top: 20px; }
      .xq_wc .yb_hz .lb_cp .xbt {
        font-size: 18px;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        width: 100%;
        float: left; }
        .xq_wc .yb_hz .lb_cp .xbt em {
          position: relative;
          line-height: 40px; }
          .xq_wc .yb_hz .lb_cp .xbt em:before {
            width: 100px;
            height: 2px;
            background: #005aa1;
            content: "";
            position: absolute;
            bottom: -9px; }
      .xq_wc .yb_hz .lb_cp ul {
        margin-top: 20px;
        float: left;
        width: 100%; }
      .xq_wc .yb_hz .lb_cp li {
        width: 25%;
        float: left;
        padding: 0 5px; }
        .xq_wc .yb_hz .lb_cp li .xhz {
          width: 100%;
          float: left;
          border: 1px solid #ccc; }
          .xq_wc .yb_hz .lb_cp li .xhz img {
            width: 100%; }
          .xq_wc .yb_hz .lb_cp li .xhz .bt {
            font-size: 14px; }
            .xq_wc .yb_hz .lb_cp li .xhz .bt a {
              display: block;
              line-height: 30px;
              padding: 0 20px; }
              .xq_wc .yb_hz .lb_cp li .xhz .bt a:hover {
                color: #005aa1; }

/*page*/
.box-page {
  width: 100%;
  float: left;
  text-align: left;
  margin-top: 20px; }

.dede_pages {
  width: 100%;
  float: left;
  text-align: left;
  margin-top: 10px; }

.dede_pages .pagelist {
  display: inline-block; }

.dede_pages .pagelist li {
  float: left;
  width: auto;
  border: 1px solid #ccc;
  margin-right: 5px;
  font-size: 13px;
  padding: 5px 10px; }

.dede_pages .pagelist .thisclass {
  background: #ff6600;
  border-color: #ff6600;
  color: #fff; }

.dede_pages .pagelist .pageinfo {
  float: left;
  color: #999; }

@media screen and (max-width: 769px) {
  .ss {
    display: none; }

  .position {
    font-size: 12px;
    padding: 10px; }

  .lb_wc .zb_hz {
    padding: 0 10px;
    width: 100%; }
    .lb_wc .zb_hz .zb_dh .dh_bt {
      line-height: 30px;
      padding: 10px 20px;
      text-align: left;
      font-size: 16px;
      position: relative;
      transition: all 1s;
      -moz-transition: all 1s;
      /* Firefox 4 */
      -webkit-transition: all 1s;
      /* Safari 和 Chrome */
      -o-transition: all 1s;
      /* Opera */ }
      .lb_wc .zb_hz .zb_dh .dh_bt:before {
        font-family: "icon" !important;
        content: "\e6fb";
        color: #fff;
        position: absolute;
        right: 14px;
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -moz-transform: rotate(90deg);
        /* Firefox */
        -webkit-transform: rotate(90deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(90deg);
        /* Opera */ }
    .lb_wc .zb_hz .zb_dh .active:before {
      transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      /* IE 9 */
      -moz-transform: rotate(-90deg);
      /* Firefox */
      -webkit-transform: rotate(-90deg);
      /* Safari 和 Chrome */
      -o-transform: rotate(-90deg);
      /* Opera */ }
    .lb_wc .zb_hz .zb_dh ul {
      display: none; }
    .lb_wc .zb_hz .zb_dh_1 {
      display: none; }
    .lb_wc .zb_hz .fr-label {
      display: none; }
  .lb_wc .yb_hz {
    width: 100%;
    padding: 10px; }
    .lb_wc .yb_hz .cp_lb li {
      width: 50%;
      padding: 5px; }
      .lb_wc .yb_hz .cp_lb li .xhz .bt {
        font-size: 15px; }

  .xq_wc .zb_hz {
    padding: 0 10px;
    width: 100%; }
    .xq_wc .zb_hz .zb_dh .dh_bt {
      line-height: 30px;
      padding: 10px 20px;
      text-align: left;
      font-size: 16px;
      position: relative;
      transition: all 1s;
      -moz-transition: all 1s;
      /* Firefox 4 */
      -webkit-transition: all 1s;
      /* Safari 和 Chrome */
      -o-transition: all 1s;
      /* Opera */ }
      .xq_wc .zb_hz .zb_dh .dh_bt:before {
        font-family: "icon" !important;
        content: "\e6fb";
        color: #fff;
        position: absolute;
        right: 14px;
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -moz-transform: rotate(90deg);
        /* Firefox */
        -webkit-transform: rotate(90deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(90deg);
        /* Opera */ }
    .xq_wc .zb_hz .zb_dh .active:before {
      transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      /* IE 9 */
      -moz-transform: rotate(-90deg);
      /* Firefox */
      -webkit-transform: rotate(-90deg);
      /* Safari 和 Chrome */
      -o-transform: rotate(-90deg);
      /* Opera */ }
    .xq_wc .zb_hz .zb_dh ul {
      display: none; }
    .xq_wc .zb_hz .zb_dh_1 {
      display: none; }
    .xq_wc .zb_hz .fr-label {
      display: none; }
    .xq_wc .zb_hz .fl-news {
      display: none; }
  .xq_wc .yb_hz {
    width: 100%;
    padding: 10px; }
    .xq_wc .yb_hz .cp_xq .db_xx .hd {
      width: 100%; }
    .xq_wc .yb_hz .cp_xq .db_xx .xx {
      width: 100%;
      padding: 15px 0; }
    .xq_wc .yb_hz .lb_cp ul li {
      width: 50%;
      padding: 5px;
      height: 50%; } }
/*
  
 主色 #EC8617 
 高亮色 #ff6600
 字体颜色 #515151  文本颜色#626262
 线颜色 #dedede
 点缀色 #517fff

*/

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