@charset "UTF-8";
.productlist-con {
  width: 100%;
  padding: 60px 0;
  background: #f0f0f0;
  float: left; }
  .productlist-con .flBox {
    width: 20%;
    float: left; }
    .productlist-con .flBox .fl-nav {
      width: 100%;
      float: left; }
      .productlist-con .flBox .fl-nav .nav-title {
        background: #005aa1;
        padding: 20px;
        color: #fff; }
        .productlist-con .flBox .fl-nav .nav-title .en {
          font-weight: bold;
          font-size: 24px; }
        .productlist-con .flBox .fl-nav .nav-title .cn {
          font-size: 20px; }
          .productlist-con .flBox .fl-nav .nav-title .cn i {
            display: none; }
      .productlist-con .flBox .fl-nav ul {
        width: 100%;
        float: left;
        background: #fff;
        padding: 20px; }
        .productlist-con .flBox .fl-nav ul li:last-child {
          border: 0px; }
        .productlist-con .flBox .fl-nav ul li {
          border-bottom: 1px solid #ccc;
          width: 100%;
          float: left; }
          .productlist-con .flBox .fl-nav ul li a {
            display: block;
            line-height: 40px;
            position: relative; }
            .productlist-con .flBox .fl-nav ul li a:hover {
              color: #679f1f; }
            .productlist-con .flBox .fl-nav ul li a:before {
              content: "\e600";
              font-family: "icon";
              position: absolute;
              right: 0px;
              border: 2px solid #ccc;
              width: 20px;
              height: 20px;
              border-radius: 50%;
              transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              /* IE 9 */
              -moz-transform: rotate(180deg);
              /* Firefox */
              -webkit-transform: rotate(180deg);
              /* Safari 和 Chrome */
              -o-transform: rotate(180deg);
              /* Opera */
              text-align: center;
              line-height: 20px;
              font-size: 12px;
              top: 8px; }
    .productlist-con .flBox .fl-tel {
      width: 100%;
      float: left;
      background: #333;
      margin-top: 10px;
      padding: 20px;
      position: relative;
      color: #fff;
      padding-left: 80px; }
      .productlist-con .flBox .fl-tel .icont {
        position: absolute;
        font-size: 50px;
        top: 5px;
        left: 20px; }
      .productlist-con .flBox .fl-tel .content .number {
        font-weight: bold;
        font-size: 18px; }
  .productlist-con .frBox {
    width: 80%;
    padding-left: 20px;
    float: left; }
    .productlist-con .frBox .list-bg {
      width: 100%;
      background: #fff;
      padding: 20px;
      float: left;
      width: 100%; }
      .productlist-con .frBox .list-bg .position {
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        padding-bottom: 10px;
        float: left;
        width: 100%; }
      .productlist-con .frBox .list-bg .list {
        float: left;
        width: 100%; }
        .productlist-con .frBox .list-bg .list li {
          width: 33.3333%;
          float: left;
          padding: 5px;
          text-align: center; }
          .productlist-con .frBox .list-bg .list li .img {
            width: 100%;
            border: 1px solid transparent; }
            .productlist-con .frBox .list-bg .list li .img img {
              width: 100%; }
          .productlist-con .frBox .list-bg .list li .title {
            line-height: 40px; }
          .productlist-con .frBox .list-bg .list li:hover .img {
            border: 1px solid #005aa1; }
          .productlist-con .frBox .list-bg .list li:hover a {
            color: #679f1f; }

.productdetails-con {
  width: 100%;
  padding: 60px 0;
  background: #f0f0f0;
  float: left; }
  .productdetails-con .flBox {
    width: 20%;
    float: left; }
    .productdetails-con .flBox .fl-nav {
      width: 100%;
      float: left; }
      .productdetails-con .flBox .fl-nav .nav-title {
        background: #005aa1;
        padding: 20px;
        color: #fff; }
        .productdetails-con .flBox .fl-nav .nav-title .en {
          font-weight: bold;
          font-size: 24px; }
        .productdetails-con .flBox .fl-nav .nav-title .cn {
          font-size: 20px; }
          .productdetails-con .flBox .fl-nav .nav-title .cn i {
            display: none; }
      .productdetails-con .flBox .fl-nav ul {
        width: 100%;
        float: left;
        background: #fff;
        padding: 20px; }
        .productdetails-con .flBox .fl-nav ul li:last-child {
          border: 0px; }
        .productdetails-con .flBox .fl-nav ul li {
          border-bottom: 1px solid #ccc;
          width: 100%;
          float: left; }
          .productdetails-con .flBox .fl-nav ul li a {
            display: block;
            line-height: 40px;
            position: relative; }
            .productdetails-con .flBox .fl-nav ul li a:hover {
              color: #679f1f; }
            .productdetails-con .flBox .fl-nav ul li a:before {
              content: "\e600";
              font-family: "icon";
              position: absolute;
              right: 0px;
              border: 2px solid #ccc;
              width: 20px;
              height: 20px;
              border-radius: 50%;
              transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              /* IE 9 */
              -moz-transform: rotate(180deg);
              /* Firefox */
              -webkit-transform: rotate(180deg);
              /* Safari 和 Chrome */
              -o-transform: rotate(180deg);
              /* Opera */
              text-align: center;
              line-height: 20px;
              font-size: 12px;
              top: 8px; }
    .productdetails-con .flBox .fl-tel {
      width: 100%;
      float: left;
      background: #333;
      margin-top: 10px;
      padding: 20px;
      position: relative;
      color: #fff;
      padding-left: 80px; }
      .productdetails-con .flBox .fl-tel .icont {
        position: absolute;
        font-size: 50px;
        top: 5px;
        left: 20px; }
      .productdetails-con .flBox .fl-tel .content .number {
        font-weight: bold;
        font-size: 18px; }
  .productdetails-con .frBox {
    width: 80%;
    padding-left: 20px;
    float: left; }
    .productdetails-con .frBox .content-bg {
      width: 100%;
      background: #fff;
      padding: 20px;
      float: left;
      width: 100%; }
      .productdetails-con .frBox .content-bg .position {
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        padding-bottom: 10px;
        float: left;
        width: 100%; }
      .productdetails-con .frBox .content-bg .top {
        width: 100%;
        float: left; }
        .productdetails-con .frBox .content-bg .top .atlas {
          float: left;
          width: 50%; }
          .productdetails-con .frBox .content-bg .top .atlas .swiper-button-prev {
            background: rgba(0, 0, 0, 0.5);
            line-height: 44px; }
            .productdetails-con .frBox .content-bg .top .atlas .swiper-button-prev i {
              color: #fff; }
          .productdetails-con .frBox .content-bg .top .atlas img {
            width: 100%; }
          .productdetails-con .frBox .content-bg .top .atlas .swiper-button-next {
            background: rgba(0, 0, 0, 0.5);
            line-height: 44px;
            -ms-transform: rotate(180deg);
            /* IE 9 */
            -moz-transform: rotate(180deg);
            /* Firefox */
            -webkit-transform: rotate(180deg);
            /* Safari 和 Chrome */
            -o-transform: rotate(180deg);
            /* Opera */ }
            .productdetails-con .frBox .content-bg .top .atlas .swiper-button-next i {
              color: #fff;
              transform: rotate(180deg); }
        .productdetails-con .frBox .content-bg .top .info {
          width: 50%;
          float: left;
          padding-left: 30px; }
          .productdetails-con .frBox .content-bg .top .info .title {
            font-size: 24px;
            font-weight: bold; }
          .productdetails-con .frBox .content-bg .top .info .desc {
            margin-top: 10px; }
            .productdetails-con .frBox .content-bg .top .info .desc em {
              color: #ff0000; }
            .productdetails-con .frBox .content-bg .top .info .desc p {
              font-size: 16px;
              line-height: 1.8; }
          .productdetails-con .frBox .content-bg .top .info .more {
            margin-top: 30px;
            font-size: 15px; }
            .productdetails-con .frBox .content-bg .top .info .more a {
              display: inline-block;
              background: #005aa1;
              padding: 0 10px;
              color: #fff;
              padding: 5px 20px; }
      .productdetails-con .frBox .content-bg .details-box {
        float: left;
        margin-top: 20px; }
        .productdetails-con .frBox .content-bg .details-box .explain {
          width: 100%;
          float: left;
          background: #f0f0f0; }
          .productdetails-con .frBox .content-bg .details-box .explain em {
            line-height: 40px;
            height: 40px;
            padding: 0 30px;
            background: #005aa1;
            float: left;
            color: #fff; }
        .productdetails-con .frBox .content-bg .details-box .content {
          margin: 20px 0;
          float: left; }
          .productdetails-con .frBox .content-bg .details-box .content img {
            max-width: 100%; }

.evaluate-con {
  width: 100%;
  padding: 60px 0;
  background: #f0f0f0;
  float: left; }
  .evaluate-con .flBox {
    width: 20%;
    float: left; }
    .evaluate-con .flBox .fl-nav {
      width: 100%;
      float: left; }
      .evaluate-con .flBox .fl-nav .nav-title {
        background: #005aa1;
        padding: 20px;
        color: #fff; }
        .evaluate-con .flBox .fl-nav .nav-title .en {
          font-weight: bold;
          font-size: 24px; }
        .evaluate-con .flBox .fl-nav .nav-title .cn {
          font-size: 20px; }
          .evaluate-con .flBox .fl-nav .nav-title .cn i {
            display: none; }
      .evaluate-con .flBox .fl-nav ul {
        width: 100%;
        float: left;
        background: #fff;
        padding: 20px; }
        .evaluate-con .flBox .fl-nav ul li:last-child {
          border: 0px; }
        .evaluate-con .flBox .fl-nav ul li {
          border-bottom: 1px solid #ccc;
          width: 100%;
          float: left; }
          .evaluate-con .flBox .fl-nav ul li a {
            display: block;
            line-height: 40px;
            position: relative; }
            .evaluate-con .flBox .fl-nav ul li a:hover {
              color: #679f1f; }
            .evaluate-con .flBox .fl-nav ul li a:before {
              content: "\e600";
              font-family: "icon";
              position: absolute;
              right: 0px;
              border: 2px solid #ccc;
              width: 20px;
              height: 20px;
              border-radius: 50%;
              transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              /* IE 9 */
              -moz-transform: rotate(180deg);
              /* Firefox */
              -webkit-transform: rotate(180deg);
              /* Safari 和 Chrome */
              -o-transform: rotate(180deg);
              /* Opera */
              text-align: center;
              line-height: 20px;
              font-size: 12px;
              top: 8px; }
    .evaluate-con .flBox .fl-tel {
      width: 100%;
      float: left;
      background: #333;
      margin-top: 10px;
      padding: 20px;
      position: relative;
      color: #fff;
      padding-left: 80px; }
      .evaluate-con .flBox .fl-tel .icont {
        position: absolute;
        font-size: 50px;
        top: 5px;
        left: 20px; }
      .evaluate-con .flBox .fl-tel .content .number {
        font-weight: bold;
        font-size: 18px; }
  .evaluate-con .frBox {
    width: 80%;
    padding-left: 20px;
    float: left; }
    .evaluate-con .frBox .list-bg {
      width: 100%;
      background: #fff;
      padding: 20px;
      float: left;
      width: 100%; }
      .evaluate-con .frBox .list-bg .position {
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        padding-bottom: 10px;
        float: left;
        width: 100%; }
      .evaluate-con .frBox .list-bg .list {
        float: left;
        width: 100%; }
        .evaluate-con .frBox .list-bg .list li {
          width: 100%;
          float: left;
          padding: 5px;
          padding-left: 70px;
          position: relative;
          margin-bottom: 20px;
          padding-bottom: 10px; }
          .evaluate-con .frBox .list-bg .list li .img {
            width: 60px;
            height: 60px;
            position: absolute;
            left: 0px; }
            .evaluate-con .frBox .list-bg .list li .img img {
              width: 100%;
              height: 100%; }
          .evaluate-con .frBox .list-bg .list li .content {
            padding-bottom: 15px;
            float: left;
            width: 100%;
            border-bottom: 1px solid #ccc; }
            .evaluate-con .frBox .list-bg .list li .content .title {
              font-weight: bold; }
            .evaluate-con .frBox .list-bg .list li .content .desc {
              font-size: 12px;
              color: #666;
              margin-top: 5px; }

.about-con {
  width: 100%;
  padding: 60px 0;
  background: #f0f0f0;
  float: left; }
  .about-con .flBox {
    width: 20%;
    float: left; }
    .about-con .flBox .fl-nav {
      width: 100%;
      float: left; }
      .about-con .flBox .fl-nav .nav-title {
        background: #005aa1;
        padding: 20px;
        color: #fff; }
        .about-con .flBox .fl-nav .nav-title .en {
          font-weight: bold;
          font-size: 24px; }
        .about-con .flBox .fl-nav .nav-title .cn {
          font-size: 20px; }
          .about-con .flBox .fl-nav .nav-title .cn i {
            display: none; }
      .about-con .flBox .fl-nav ul {
        width: 100%;
        float: left;
        background: #fff;
        padding: 20px; }
        .about-con .flBox .fl-nav ul li:last-child {
          border: 0px; }
        .about-con .flBox .fl-nav ul li {
          border-bottom: 1px solid #ccc;
          width: 100%;
          float: left; }
          .about-con .flBox .fl-nav ul li a {
            display: block;
            line-height: 40px;
            position: relative; }
            .about-con .flBox .fl-nav ul li a:hover {
              color: #679f1f; }
            .about-con .flBox .fl-nav ul li a:before {
              content: "\e600";
              font-family: "icon";
              position: absolute;
              right: 0px;
              border: 2px solid #ccc;
              width: 20px;
              height: 20px;
              border-radius: 50%;
              transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              /* IE 9 */
              -moz-transform: rotate(180deg);
              /* Firefox */
              -webkit-transform: rotate(180deg);
              /* Safari 和 Chrome */
              -o-transform: rotate(180deg);
              /* Opera */
              text-align: center;
              line-height: 20px;
              font-size: 12px;
              top: 8px; }
    .about-con .flBox .fl-tel {
      width: 100%;
      float: left;
      background: #333;
      margin-top: 10px;
      padding: 20px;
      position: relative;
      color: #fff;
      padding-left: 80px; }
      .about-con .flBox .fl-tel .icont {
        position: absolute;
        font-size: 50px;
        top: 5px;
        left: 20px; }
      .about-con .flBox .fl-tel .content .number {
        font-weight: bold;
        font-size: 18px; }
  .about-con .frBox {
    width: 80%;
    padding-left: 20px;
    float: left; }
    .about-con .frBox .about-bg {
      width: 100%;
      background: #fff;
      padding: 20px;
      float: left;
      width: 100%; }
      .about-con .frBox .about-bg .position {
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        padding-bottom: 10px;
        float: left;
        width: 100%; }
      .about-con .frBox .about-bg .about-content {
        line-height: 1.8;
        float: left;
        width: 100%; }

/*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) {
  .evaluate-con, .about-con, .productlist-con, .productdetails-con {
    padding: 20px 10px; }
    .evaluate-con .flBox, .about-con .flBox, .productlist-con .flBox, .productdetails-con .flBox {
      width: 100%; }
      .evaluate-con .flBox .fl-nav .nav-title, .about-con .flBox .fl-nav .nav-title, .productlist-con .flBox .fl-nav .nav-title, .productdetails-con .flBox .fl-nav .nav-title {
        padding: 10px;
        float: left;
        width: 100%; }
        .evaluate-con .flBox .fl-nav .nav-title .en, .about-con .flBox .fl-nav .nav-title .en, .productlist-con .flBox .fl-nav .nav-title .en, .productdetails-con .flBox .fl-nav .nav-title .en {
          display: none; }
        .evaluate-con .flBox .fl-nav .nav-title .cn, .about-con .flBox .fl-nav .nav-title .cn, .productlist-con .flBox .fl-nav .nav-title .cn, .productdetails-con .flBox .fl-nav .nav-title .cn {
          width: 100%;
          position: relative;
          float: left;
          display: flex;
          justify-content: space-between; }
          .evaluate-con .flBox .fl-nav .nav-title .cn i, .about-con .flBox .fl-nav .nav-title .cn i, .productlist-con .flBox .fl-nav .nav-title .cn i, .productdetails-con .flBox .fl-nav .nav-title .cn i {
            display: block;
            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 */ }
      .evaluate-con .flBox .fl-nav .active .cn i, .about-con .flBox .fl-nav .active .cn i, .productlist-con .flBox .fl-nav .active .cn i, .productdetails-con .flBox .fl-nav .active .cn i {
        display: block;
        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 */ }
      .evaluate-con .flBox .fl-nav ul, .about-con .flBox .fl-nav ul, .productlist-con .flBox .fl-nav ul, .productdetails-con .flBox .fl-nav ul {
        display: none; }
      .evaluate-con .flBox .fl-tel, .about-con .flBox .fl-tel, .productlist-con .flBox .fl-tel, .productdetails-con .flBox .fl-tel {
        display: none; }
    .evaluate-con .frBox, .about-con .frBox, .productlist-con .frBox, .productdetails-con .frBox {
      width: 100%;
      padding-left: 0px;
      margin-top: 10px; }

  .productdetails-con .frBox .content-bg {
    padding: 10px; }
  .productdetails-con .frBox .content-box .top .atlas {
    width: 100%; }
  .productdetails-con .frBox .content-box .top .info {
    width: 100%;
    padding: 0 0px;
    margin-top: 20px; }

  .productlist-con .frBox .list-bg .list li {
    width: 50%; } }
/*
  
 主色 #EC8617 
 高亮色 #ff6600
 字体颜色 #515151  文本颜色#626262
 线颜色 #dedede
 点缀色 #517fff

*/

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