@charset "UTF-8";
@import url(../css/public.css);
@import url(../css/iconfont.css);
p {
  word-wrap: break-word; }

.main {
  width: 100%;
  float: left; }

#head {
  background: #fff; }

img {
  max-width: 100%; }

.quotationBox {
  max-width: 800px;
  margin: 0 auto; }
  .quotationBox .box .info {
    padding: 60px 0;
    background: #f5f9f2;
    display: inline-block;
    width: 100%;
    text-align: center; }
    .quotationBox .box .info .img {
      display: inline-block;
      width: 82px;
      overflow: hidden;
      height: 80px;
      background-size: auto 80px; }
    .quotationBox .box .info h2 {
      margin-top: 10px;
      font-size: 20px;
      color: #002A1C; }
  .quotationBox .box .baojia .top {
    width: 100%;
    background: #fff;
    padding: 20px 40px 30px 40px;
    display: inline-block; }
  .quotationBox .box .baojia .bottom {
    box-shadow: 0 0 10px rgba(200, 226, 183, 0.2);
    width: 100%;
    background: #fff;
    padding: 30px 40px;
    display: none;
    margin-top: 20px; }
  .quotationBox .box .baojia h2 {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
    text-align: center; }
  .quotationBox .box .baojia .select {
    padding-top: 15px;
    margin-bottom: 0px; }
    .quotationBox .box .baojia .select select {
      padding-left: 0px; }
  .quotationBox .box .baojia input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: #333;
    -webkit-text-fill-color: #333; }
  .quotationBox .box .baojia .input {
    padding-top: 15px;
    font-size: 18px; }
  .quotationBox .box .baojia .name {
    font-size: 18px;
    color: #333; }
  .quotationBox .box .baojia .radio {
    border-bottom: 1px solid #f0f0f0;
    padding-top: 20px; }
    .quotationBox .box .baojia .radio .list {
      margin: 10px 0;
      display: flex; }
      .quotationBox .box .baojia .radio .list .mdn-option {
        margin-right: 15px; }
      .quotationBox .box .baojia .radio .list .option-label {
        font-size: 16px; }
  .quotationBox .box .baojia .tips .br {
    border: 1px dotted #999;
    padding: 20px;
    width: 100%;
    display: inline-block; }
    .quotationBox .box .baojia .tips .br h3 {
      font-size: 20px; }
  .quotationBox .box .baojia .tips .desc {
    width: 100%; }
    .quotationBox .box .baojia .tips .desc p {
      margin: 5px 0; }
      .quotationBox .box .baojia .tips .desc p em {
        letter-spacing: -1px;
        text-decoration: underline;
        margin: 0 5px;
        color: #002A1C; }
  .quotationBox .box .baojia .tips .button {
    margin-top: 20px; }
    .quotationBox .box .baojia .tips .button button {
      margin-top: 20px;
      color: #fff;
      line-height: 40px;
      padding: 0 30px;
      background: #f07e16;
      border: 0px;
      font-size: 16px; }
    .quotationBox .box .baojia .tips .button .price em {
      font-size: 20px;
      color: #f46619;
      font-weight: bold;
      letter-spacing: -1px;
      margin: 0 5px; }
  .quotationBox .box .baojia #countBut {
    margin-top: 20px;
    display: inline-block;
    background: #002A1C;
    color: #fff;
    line-height: 40px;
    padding: 0 20px;
    border: 0px; }
  .quotationBox .box .server {
    margin-top: 20px;
    background: #fff;
    padding: 20px; }
    .quotationBox .box .server .small-title {
      font-size: 18px;
      font-weight: bold; }
    .quotationBox .box .server ul {
      display: flex;
      margin-top: 10px;
      justify-content: space-between; }
      .quotationBox .box .server ul li {
        width: calc(25% - 10px); }
        .quotationBox .box .server ul li .img {
          width: 100%; }
          .quotationBox .box .server ul li .img img {
            width: 100%; }
        .quotationBox .box .server ul li h3 {
          font-size: 16px;
          line-height: 1.4;
          font-weight: normal;
          margin-top: 5px; }
  .quotationBox .box .flex {
    display: flex;
    justify-content: space-between;
    margin-top: 20px; }
  .quotationBox .box .news {
    width: 100%;
    margin-top: 20px;
    display: inline-block;
    background: #fff; }
    .quotationBox .box .news .small_title {
      position: relative;
      font-size: 18px;
      font-weight: bold;
      padding: 10px 20px;
      border-bottom: 1px solid #f0f0f0; }
    .quotationBox .box .news .list {
      background: #fff;
      width: 100%;
      float: left;
      margin-top: 10px; }
      .quotationBox .box .news .list ul li:nth-child(1) {
        border: 0px; }
      .quotationBox .box .news .list ul li {
        padding: 20px;
        border-top: 1px dotted #f0f0f0; }
        .quotationBox .box .news .list ul li a {
          display: flex;
          align-items: center; }
          .quotationBox .box .news .list ul li a .img {
            flex-shrink: 0;
            width: 180px;
            height: 120px;
            background-size: cover;
            background-position: center; }
          .quotationBox .box .news .list ul li a .text {
            margin-left: 20px; }
          .quotationBox .box .news .list ul li a h3 {
            font-weight: normal;
            font-size: 18px; }
          .quotationBox .box .news .list ul li a p {
            line-height: 1.8;
            margin-top: 10px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden; }
          .quotationBox .box .news .list ul li a em {
            margin-top: 10px;
            display: inline-block; }
  .quotationBox .box .ask {
    background: #ffffff;
    padding: 20px;
    width: 100%;
    display: inline-block;
    margin-top: 20px; }
    .quotationBox .box .ask .small_title {
      position: relative;
      font-size: 18px;
      font-weight: bold; }
    .quotationBox .box .ask ul {
      margin-top: 10px;
      border-top: 1px solid #f0f0f0; }
      .quotationBox .box .ask ul li:nth-child(odd) {
        border-left: #f0f0f0 1px solid; }
      .quotationBox .box .ask ul li:nth-child(even) {
        border-bottom: 1px solid #f0f0f0;
        border-right: #f0f0f0 1px solid;
        background: #f9f9f9; }
      .quotationBox .box .ask ul li {
        border-bottom: 1px solid #f0f0f0;
        padding: 10px 20px; }
        .quotationBox .box .ask ul li a {
          display: inline-block; }
          .quotationBox .box .ask ul li a h3 {
            font-size: 16px;
            padding-left: 30px;
            position: relative;
            font-weight: normal;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden; }
            .quotationBox .box .ask ul li a h3 em {
              position: absolute;
              left: 0px;
              color: #002A1C;
              top: 0px;
              font-weight: bold;
              font-size: 13px;
              background: #002A1C;
              color: #fff;
              border-radius: 50% 0 50% 50%;
              width: 20px;
              height: 20px;
              line-height: 20px;
              text-align: center; }
          .quotationBox .box .ask ul li a p {
            margin-top: 5px;
            padding-left: 30px;
            position: relative;
            font-size: 14px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            line-height: 1.6; }
            .quotationBox .box .ask ul li a p em {
              position: absolute;
              left: 0px;
              color: #ff7801;
              font-size: 16px;
              font-weight: bold; }
  .quotationBox .box .mdn-footer {
    margin: 20px 0;
    display: inline-block;
    width: 100%; }
    .quotationBox .box .mdn-footer ul {
      display: flex;
      justify-content: center; }
      .quotationBox .box .mdn-footer ul li {
        margin: 0 5px; }

.main {
  position: relative; }
  .main .position {
    padding: 10px 0;
    float: left;
    width: 100%;
    color: #333; }
    .main .position a {
      color: #002A1C; }
  .main .topBox {
    padding: 30px;
    background: #fff;
    display: inline-block;
    margin-top: 20px; }
    .main .topBox .h1 {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 20px;
      border-bottom: 1px solid #f0f0f0; }
      .main .topBox .h1 span {
        flex-shrink: 0;
        color: #999; }
    .main .topBox .box {
      display: flex;
      margin-top: 20px;
      align-items: flex-start; }
    .main .topBox .swiper {
      width: 320px;
      display: inline-block; }
      .main .topBox .swiper #thumbs {
        width: 100%;
        display: inline-block;
        margin-top: 10px; }
        .main .topBox .swiper #thumbs .swiper-slide-thumb-active {
          border: 2px solid #002A1C; }
      .main .topBox .swiper img {
        width: 100%; }
    .main .topBox .infoBox {
      width: 100%;
      margin-left: 40px; }
      .main .topBox .infoBox .price {
        display: inline-block;
        width: 200px;
        border-top: 1px solid #f0f0f0;
        padding-top: 10px; }
        .main .topBox .infoBox .price .item {
          display: flex;
          justify-content: space-between; }
          .main .topBox .infoBox .price .item span:nth-child(1) {
            color: #999;
            width: 130px; }
          .main .topBox .infoBox .price .item span:nth-child(2) {
            color: #f03415;
            letter-spacing: -1px; }
          .main .topBox .infoBox .price .item span {
            font-size: 14px;
            width: auto;
            margin-top: 5px;
            margin-bottom: 0px; }
        .main .topBox .infoBox .price .off {
          display: none; }
        .main .topBox .infoBox .price img {
          width: 100%; }
      .main .topBox .infoBox .more {
        margin-top: 5px;
        display: none;
        font-size: 14px; }
        .main .topBox .infoBox .more i {
          color: #999; }
      .main .topBox .infoBox .morek {
        display: block;
        cursor: pointer; }
        .main .topBox .infoBox .morek .icon-rightArrow {
          transform: rotate(90deg);
          display: inline-block; }
      .main .topBox .infoBox .active .icon-rightArrow {
        transform: rotate(-90deg);
        display: inline-block; }
      .main .topBox .infoBox .title {
        font-size: 32px; }
      .main .topBox .infoBox .info {
        display: inline-block;
        width: 100%;
        font-size: 16px; }
        .main .topBox .infoBox .info i {
          font-weight: bold;
          font-style: normal;
          letter-spacing: -1px;
          color: #f05315; }
        .main .topBox .infoBox .info span {
          display: inline-block;
          width: 100%;
          margin-bottom: 10px; }
          .main .topBox .infoBox .info span em {
            color: #999; }
      .main .topBox .infoBox .but {
        display: inline-block;
        margin-top: 10px; }
        .main .topBox .infoBox .but .tel {
          background: #f05315;
          color: #fff;
          padding: 0 50px;
          line-height: 50px;
          font-size: 18px;
          display: inline-block;
          color: #fff; }
          .main .topBox .infoBox .but .tel i {
            font-size: 24px; }
        .main .topBox .infoBox .but .WeChat {
          line-height: 48px;
          margin-top: 10px;
          font-size: 18px;
          background: #002A1C;
          display: inline-block;
          padding: 0 10px 0 20px;
          color: #fff;
          position: relative; }
          .main .topBox .infoBox .but .WeChat i {
            display: inline-block;
            transform: rotate(90deg);
            letter-spacing: -2px; }
          .main .topBox .infoBox .but .WeChat img {
            display: none;
            position: absolute;
            max-width: 150px;
            left: 0px;
            top: 60px; }
          .main .topBox .infoBox .but .WeChat:hover img {
            display: block; }
    .main .topBox .sjinfo {
      background-image: linear-gradient(#e7f9ed 10%, #fff);
      border: 1px solid #f0f0f0;
      padding: 30px 40px;
      width: 330px;
      flex-shrink: 0;
      position: relative; }
      .main .topBox .sjinfo:before {
        background-image: url(../img/icon01.png);
        top: -5px;
        width: 60px;
        height: 60px;
        background-size: cover;
        content: "";
        position: absolute;
        right: 10px; }
      .main .topBox .sjinfo span {
        color: #57644c;
        display: inline-block;
        width: 100%;
        display: flex;
        font-size: 18px; }
        .main .topBox .sjinfo span i {
          letter-spacing: -4px;
          color: #e7ad11; }
      .main .topBox .sjinfo em {
        margin-top: 5px;
        font-size: 20px;
        font-weight: bold;
        display: inline-block;
        width: 100%;
        color: #002A1C;
        margin-bottom: 10px; }
      .main .topBox .sjinfo h3 {
        font-size: 16px;
        font-weight: normal; }
        .main .topBox .sjinfo h3 i {
          color: #62c825; }
  .main .bottomBox {
    margin-top: 20px;
    display: inline-block;
    width: 100%; }
    .main .bottomBox .productInfo {
      display: flex;
      justify-content: space-between;
      float: left;
      width: 100%;
      margin-bottom: 20px; }
      .main .bottomBox .productInfo .item:nth-child(3) i {
        font-size: 30px; }
      .main .bottomBox .productInfo .item {
        background: #fff;
        width: calc(33.3333% - 10px);
        padding: 20px;
        display: flex; }
        .main .bottomBox .productInfo .item i {
          color: #002A1C;
          width: 60px;
          height: 60px;
          line-height: 60px;
          text-align: center;
          font-size: 40px;
          background: #F7F9FC;
          border-radius: 50%;
          flex-shrink: 0; }
        .main .bottomBox .productInfo .item .text {
          margin-left: 20px; }
          .main .bottomBox .productInfo .item .text div {
            font-size: 20px; }
          .main .bottomBox .productInfo .item .text em {
            font-size: 14px;
            color: #666;
            line-height: 1.8;
            margin-top: 10px;
            display: inline-block;
            width: 100%; }
  .main .leftBox {
    width: 75%;
    float: left; }
    .main .leftBox .askList .list {
      float: left;
      width: 100%; }
      .main .leftBox .askList .list ul li:nth-child(odd) {
        border-left: 1px solid #002A1C; }
      .main .leftBox .askList .list ul li:nth-child(even) {
        border-right: 1px solid #f0f0f0; }
      .main .leftBox .askList .list ul li:last-child {
        border-bottom: 1px solid #f0f0f0; }
      .main .leftBox .askList .list ul li {
        border-top: 1px solid #f0f0f0;
        width: 100%;
        display: flex;
        background: #fff;
        align-items: center;
        padding: 30px; }
        .main .leftBox .askList .list ul li span {
          background: #f9f9f9;
          font-size: 20px;
          height: 100px;
          width: 150px;
          text-align: center;
          flex-shrink: 0;
          line-height: 100px;
          flex-shrink: 0;
          letter-spacing: -1px; }
        .main .leftBox .askList .list ul li a {
          display: inline-block;
          position: relative; }
          .main .leftBox .askList .list ul li a em {
            position: absolute;
            left: 0px;
            border: 1px solid #002A1C;
            display: inline-block;
            width: 23px;
            height: 23px;
            text-align: center;
            font-size: 12px;
            line-height: 22px; }
          .main .leftBox .askList .list ul li a p {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            line-height: 1.6;
            margin-top: 15px;
            font-size: 16px;
            position: relative;
            padding-left: 40px; }
            .main .leftBox .askList .list ul li a p em {
              left: 0px;
              border: 1px solid #ff7801;
              color: #ff7801;
              top: 5px; }
        .main .leftBox .askList .list ul li h3 {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
          font-size: 18px;
          position: relative;
          font-weight: normal;
          padding-left: 40px; }
          .main .leftBox .askList .list ul li h3 em {
            border: 1px solid #002A1C;
            color: #002A1C;
            line-height: 20px;
            left: 0px; }
    .main .leftBox .askDesc .top {
      background: #ffffff;
      padding: 30px;
      float: left;
      width: 100%; }
      .main .leftBox .askDesc .top h1 {
        font-size: 26px;
        font-family: "Microsoft YaHei"; }
      .main .leftBox .askDesc .top .info {
        margin-top: 20px;
        display: inline-block; }
        .main .leftBox .askDesc .top .info span {
          margin-right: 10px;
          display: inline-block;
          color: #666; }
      .main .leftBox .askDesc .top .desc {
        margin-top: 10px;
        line-height: 1.8; }
      .main .leftBox .askDesc .top .but {
        background: #002A1C;
        display: inline-block;
        padding: 0 20px;
        line-height: 35px;
        color: #ffff;
        margin-top: 20px; }
      .main .leftBox .askDesc .top .rlist {
        margin-top: 20px;
        display: inline-block;
        width: 100%;
        border-top: 1px solid #f9f9f9;
        padding-top: 10px; }
        .main .leftBox .askDesc .top .rlist .box_title {
          font-size: 16px;
          color: #002A1C; }
        .main .leftBox .askDesc .top .rlist ul {
          margin-top: 10px;
          display: inline-block;
          width: 100%; }
          .main .leftBox .askDesc .top .rlist ul li {
            line-height: 25px;
            height: 25px; }
    .main .leftBox .askDesc .listBox {
      background: #ffffff;
      float: left;
      width: 100%;
      margin-top: 20px;
      padding: 10px 30px; }
      .main .leftBox .askDesc .listBox .small_title {
        font-size: 16px;
        display: inline-block;
        line-height: 50px; }
        .main .leftBox .askDesc .listBox .small_title em {
          color: #002A1C; }
      .main .leftBox .askDesc .listBox .list ul li:nth-child(n+3) {
        display: none; }
      .main .leftBox .askDesc .listBox .list ul li {
        padding: 20px 0;
        border-top: 1px solid #f0f0f0;
        width: 100%;
        display: inline-block; }
        .main .leftBox .askDesc .listBox .list ul li .info {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .main .leftBox .askDesc .listBox .list ul li .info .fl {
            display: flex;
            align-items: center; }
            .main .leftBox .askDesc .listBox .list ul li .info .fl .img {
              width: 50px;
              height: 50px;
              overflow: hidden;
              background: #002A1C;
              border-radius: 50%;
              line-height: 50px;
              text-align: center;
              color: #fff;
              font-size: 20px; }
              .main .leftBox .askDesc .listBox .list ul li .info .fl .img img {
                width: 100%; }
            .main .leftBox .askDesc .listBox .list ul li .info .fl .text {
              margin-left: 20px; }
              .main .leftBox .askDesc .listBox .list ul li .info .fl .text em {
                font-szie: 18px; }
              .main .leftBox .askDesc .listBox .list ul li .info .fl .text p {
                font-size: 12px;
                color: #666; }
          .main .leftBox .askDesc .listBox .list ul li .info .but {
            background: #002A1C;
            line-height: 30px;
            padding: 0 20px;
            color: #fff;
            display: inline-block; }
        .main .leftBox .askDesc .listBox .list ul li .desc {
          line-height: 1.8;
          margin: 15px 0;
          font-size: 18px;
          display: inline-block; }
          .main .leftBox .askDesc .listBox .list ul li .desc p {
            margin: 5px 0; }
          .main .leftBox .askDesc .listBox .list ul li .desc .img {
            width: 100%;
            text-align: center;
            display: inline-block;
            margin: 5px 0; }
            .main .leftBox .askDesc .listBox .list ul li .desc .img img {
              display: inline-block;
              max-width: 80%; }
        .main .leftBox .askDesc .listBox .list ul li .time {
          font-size: 12px;
          color: #999; }
    .main .leftBox .askDesc .moreList {
      float: left;
      width: 100%;
      background: #fff;
      cursor: pointer;
      text-align: center;
      margin-top: 20px;
      line-height: 40px;
      font-size: 16px;
      color: #002A1C; }
    .main .leftBox .nav {
      display: flex;
      margin-top: 10px;
      margin-bottom: 20px;
      background: #e6eef4; }
      .main .leftBox .nav em {
        line-height: 50px;
        font-size: 16px;
        padding: 0 20px;
        color: #999;
        flex-shrink: 0;
        display: inline-block; }
      .main .leftBox .nav .list {
        width: 100%;
        overflow: visible; }
        .main .leftBox .nav .list ul li {
          position: relative;
          float: left;
          z-index: 999;
          width: auto; }
          .main .leftBox .nav .list ul li .one {
            font-size: 16px;
            line-height: 50px;
            overflow: hidden;
            display: inline-block;
            position: relative; }
            .main .leftBox .nav .list ul li .one:before {
              width: 100%;
              height: 1px;
              position: absolute;
              content: "";
              left: -100%;
              top: 0px;
              background: #002A1C;
              transition: all 0.2s; }
          .main .leftBox .nav .list ul li .icons {
            padding-right: 20px; }
            .main .leftBox .nav .list ul li .icons:after {
              font-family: "icon";
              content: "";
              position: absolute;
              transform: rotate(90deg);
              right: 0px;
              top: 0px;
              transition: all 0.2s; }
          .main .leftBox .nav .list ul li ul {
            width: 150px;
            position: absolute;
            left: 0px;
            display: none; }
            .main .leftBox .nav .list ul li ul li {
              width: 100%;
              margin: 0px; }
              .main .leftBox .nav .list ul li ul li a {
                background: #515151;
                padding: 0 10px;
                line-height: 30px;
                width: 100%;
                color: #ccc;
                display: inline-block; }
                .main .leftBox .nav .list ul li ul li a:hover {
                  background: #002A1C;
                  color: #fff; }
          .main .leftBox .nav .list ul li:hover .one {
            color: #002A1C; }
            .main .leftBox .nav .list ul li:hover .one:before {
              left: 0px; }
          .main .leftBox .nav .list ul li:hover ul {
            display: block; }
        .main .leftBox .nav .list ul .active .one {
          color: #002A1C; }
          .main .leftBox .nav .list ul .active .one:before {
            left: 0px; }
    .main .leftBox .tagNav {
      margin-top: 10px;
      margin-bottom: 20px;
      background: #e6eef4;
      padding: 40px; }
      .main .leftBox .tagNav span {
        font-size: 30px; }
        .main .leftBox .tagNav span em {
          color: #ff0000;
          font-weight: bold; }
      .main .leftBox .tagNav h1 {
        font-size: 36px; }
      .main .leftBox .tagNav p {
        margin-top: 10px; }
        .main .leftBox .tagNav p a {
          background: #07c160;
          color: #fff;
          padding: 3px 10px;
          display: inline-block;
          margin: 0 10px;
          border-radius: 10px; }
      .main .leftBox .tagNav form {
        border: 1px solid #002A1C;
        margin-top: 20px;
        width: 300px;
        display: flex;
        padding: 1px; }
        .main .leftBox .tagNav form input {
          padding: 0 10px;
          border: none;
          background: none;
          width: 100%;
          line-height: 40px; }
        .main .leftBox .tagNav form button {
          flex-shrink: 0;
          background: #002A1C;
          color: #fff;
          padding: 0 20px; }
    .main .leftBox .pdescBox {
      background: #ffffff;
      padding: 30px;
      display: inline-block;
      width: 100%;
      position: relative;
      height: 400px;
      overflow: hidden; }
      .main .leftBox .pdescBox .data {
        display: inline-block;
        line-height: 1.8;
        font-size: 14px;
        position: relative; }
        .main .leftBox .pdescBox .data p, .main .leftBox .pdescBox .data strong, .main .leftBox .pdescBox .data b {
          word-break: break-all;
          margin-top: 10px; }
        .main .leftBox .pdescBox .data .tips {
          background: #f9f9f9;
          padding: 20px;
          font-size: 12px;
          border: 1px solid #cccccc;
          margin-top: 20px;
          display: inline-block;
          width: 100%; }
      .main .leftBox .pdescBox .bg {
        height: 150px;
        text-align: center;
        background-image: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0));
        bottom: 0px;
        display: inline-block;
        position: absolute;
        width: 100%;
        left: 0px; }
      .main .leftBox .pdescBox .more {
        position: absolute;
        bottom: 20px;
        left: 0px;
        text-align: center;
        width: 100%; }
        .main .leftBox .pdescBox .more a {
          display: inline-block; }
          .main .leftBox .pdescBox .more a i {
            display: inline-block;
            transform: rotate(90deg); }
    .main .leftBox .on {
      height: auto;
      padding-bottom: 80px; }
      .main .leftBox .on .bg {
        display: none; }
      .main .leftBox .on .more a {
        color: #002A1C; }
        .main .leftBox .on .more a i {
          transform: rotate(-90deg); }
    .main .leftBox .askBox {
      width: 100%;
      float: left;
      margin-top: 20px;
      background: #fff; }
      .main .leftBox .askBox .small_title {
        font-size: 18px;
        font-weight: bold;
        width: 100%;
        padding: 20px;
        float: left;
        background: #ffffff; }
      .main .leftBox .askBox ul {
        float: left;
        width: 100%;
        padding: 0 20px; }
        .main .leftBox .askBox ul li {
          width: 100%;
          padding: 20px 0;
          border-top: 1px dotted #ccc; }
          .main .leftBox .askBox ul li a {
            display: inline-block;
            width: 100%; }
            .main .leftBox .askBox ul li a h3 {
              font-size: 18px;
              font-weight: normal;
              position: relative;
              padding-left: 25px; }
              .main .leftBox .askBox ul li a h3 em {
                ffont-size: 18px;
                font-weight: bold;
                position: absolute;
                left: 0px;
                color: #002A1C; }
            .main .leftBox .askBox ul li a p {
              font-size: 16px;
              position: relative;
              padding-left: 25px;
              margin-top: 10px;
              line-height: 1.6; }
              .main .leftBox .askBox ul li a p em {
                top: 1px;
                font-size: 18px;
                font-weight: bold;
                position: absolute;
                left: 0px;
                color: #ff7801; }
    .main .leftBox .newsList .list {
      float: left;
      width: 100%; }
      .main .leftBox .newsList .list ul li {
        border-top: 1px solid #f0f0f0;
        width: 100%;
        display: flex;
        background: #fff;
        align-items: center;
        padding: 30px; }
        .main .leftBox .newsList .list ul li span {
          background: #f9f9f9;
          font-size: 20px;
          height: 100px;
          width: 150px;
          text-align: center;
          flex-shrink: 0;
          line-height: 100px;
          flex-shrink: 0;
          letter-spacing: -1px; }
        .main .leftBox .newsList .list ul li a {
          display: inline-block;
          margin-left: 20px; }
          .main .leftBox .newsList .list ul li a p {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            line-height: 1.8;
            margin-top: 10px; }
        .main .leftBox .newsList .list ul li h3 {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
          font-size: 18px;
          font-weight: normal; }
    .main .leftBox .infoPage {
      width: 100%;
      float: left;
      margin-top: 20px;
      text-align: center; }
      .main .leftBox .infoPage ul {
        display: inline-block; }
        .main .leftBox .infoPage ul li {
          float: left; }
          .main .leftBox .infoPage ul li a {
            background: #fff;
            line-height: 35px;
            padding: 0 15px;
            margin: 0 5px;
            display: inline-block; }
        .main .leftBox .infoPage ul .active a {
          position: relative;
          background: #002A1C;
          color: #fff; }
          .main .leftBox .infoPage ul .active a:before {
            position: absolute;
            width: 5px;
            height: 5px;
            border-top: 1px solid #fff;
            border-right: 1px solid #fff;
            right: 2px;
            content: "";
            top: 2px; }
    .main .leftBox .newsDesc {
      display: inline-block; }
      .main .leftBox .newsDesc .box {
        background: #fff;
        padding: 30px;
        display: inline-block;
        width: 100%; }
        .main .leftBox .newsDesc .box .top {
          padding-bottom: 20px;
          border-bottom: 1px solid #f9f9f9;
          display: inline-block;
          width: 100%; }
          .main .leftBox .newsDesc .box .top h1 {
            font-size: 30px;
            text-align: center; }
          .main .leftBox .newsDesc .box .top .info {
            margin-top: 20px;
            text-align: center; }
            .main .leftBox .newsDesc .box .top .info span {
              display: inline-block;
              margin: 0 10px; }
        .main .leftBox .newsDesc .box .contentBox {
          float: left;
          width: 100%; }
          .main .leftBox .newsDesc .box .contentBox .descMore {
            display: none; }
        .main .leftBox .newsDesc .box .contentMore {
          position: relative;
          overflow: hidden;
          padding-bottom: 120px; }
          .main .leftBox .newsDesc .box .contentMore:before {
            height: 150px;
            text-align: center;
            background-image: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0));
            bottom: 0px;
            display: inline-block;
            position: absolute;
            width: 100%;
            left: 0px;
            content: ""; }
          .main .leftBox .newsDesc .box .contentMore .moreShow {
            cursor: pointer;
            display: block;
            position: absolute;
            bottom: 20px;
            left: 0px;
            text-align: center;
            width: 100%;
            line-height: 50px; }
            .main .leftBox .newsDesc .box .contentMore .moreShow a {
              display: inline-block; }
            .main .leftBox .newsDesc .box .contentMore .moreShow i {
              display: inline-block;
              transform: rotate(90deg); }
          .main .leftBox .newsDesc .box .contentMore .active i {
            display: inline-block;
            transform: rotate(-90deg); }
        .main .leftBox .newsDesc .box .contentOn {
          height: auto; }
        .main .leftBox .newsDesc .box .data {
          margin-top: 10px;
          display: inline-block;
          line-height: 1.8;
          font-size: 16px;
          width: 100%;
          word-break: break-all; }
          .main .leftBox .newsDesc .box .data h1, .main .leftBox .newsDesc .box .data h2, .main .leftBox .newsDesc .box .data h3 {
            font-size: 18px;
            margin-top: 15px; }
          .main .leftBox .newsDesc .box .data .img {
            text-align: center;
            display: inline-block;
            width: 100%; }
            .main .leftBox .newsDesc .box .data .img img {
              display: inline-block;
              max-width: 70%;
              margin-top: 20px; }
          .main .leftBox .newsDesc .box .data p, .main .leftBox .newsDesc .box .data strong, .main .leftBox .newsDesc .box .data b {
            text-indent: 34px;
            margin-top: 15px; }
          .main .leftBox .newsDesc .box .data .tips {
            background: #f9f9f9;
            padding: 20px;
            font-size: 12px;
            border: 1px solid #cccccc;
            margin-top: 20px;
            display: inline-block;
            width: 100%; }
      .main .leftBox .newsDesc .tagBox {
        padding: 10px 20px;
        margin-top: 20px;
        float: left;
        width: 100%;
        background: #fff;
        display: flex;
        flex-wrap: wrap; }
      .main .leftBox .newsDesc .upmore {
        padding: 10px 20px;
        margin-top: 20px;
        float: left;
        width: 100%;
        background: #fff; }
        .main .leftBox .newsDesc .upmore span:nth-child(1) {
          border-bottom: 1px solid #f9f9f9; }
        .main .leftBox .newsDesc .upmore span {
          display: flex;
          width: 100%;
          overflow: hidden;
          padding: 10px 0; }
          .main .leftBox .newsDesc .upmore span em {
            flex-shrink: 0; }
          .main .leftBox .newsDesc .upmore span a {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden; }
    .main .leftBox .rnlist {
      width: 100%;
      float: left;
      margin-top: 20px; }
      .main .leftBox .rnlist .box_title {
        font-size: 18px;
        font-weight: bold;
        width: 100%;
        padding: 20px;
        float: left;
        background: #ffffff; }
      .main .leftBox .rnlist .list {
        background: #fff;
        width: 100%;
        float: left;
        margin-top: 10px; }
        .main .leftBox .rnlist .list ul li:nth-child(1) {
          border: 0px; }
        .main .leftBox .rnlist .list ul li {
          padding: 20px;
          border-top: 1px dotted #f0f0f0; }
          .main .leftBox .rnlist .list ul li a {
            display: flex;
            align-items: center; }
            .main .leftBox .rnlist .list ul li a .img {
              flex-shrink: 0;
              width: 180px;
              height: 120px;
              background-size: cover;
              background-position: center; }
            .main .leftBox .rnlist .list ul li a h3 {
              font-weight: normal;
              font-size: 18px; }
            .main .leftBox .rnlist .list ul li a p {
              line-height: 1.8;
              margin-top: 10px;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden; }
            .main .leftBox .rnlist .list ul li a em {
              margin-top: 10px;
              display: inline-block; }
    .main .leftBox .prductList {
      display: inline-block;
      width: 100%; }
      .main .leftBox .prductList .list ul {
        display: block;
        width: 100%; }
        .main .leftBox .prductList .list ul li {
          width: 100%;
          background: #fff;
          padding: 20px;
          display: flex;
          margin-bottom: 10px; }
          .main .leftBox .prductList .list ul li .more {
            display: none; }
          .main .leftBox .prductList .list ul li .text {
            margin-left: 30px;
            width: 100%; }
          .main .leftBox .prductList .list ul li .img {
            width: 180px;
            flex-shrink: 0; }
            .main .leftBox .prductList .list ul li .img img {
              width: 100%; }
          .main .leftBox .prductList .list ul li h3 {
            line-height: 30px;
            overflow: hidden;
            height: 30px;
            font-size: 22px; }
          .main .leftBox .prductList .list ul li p {
            position: relative;
            padding-right: 100px;
            margin: 10px 0; }
          .main .leftBox .prductList .list ul li .name {
            position: relative;
            width: 100%;
            display: inline-block; }
            .main .leftBox .prductList .list ul li .name em {
              position: absolute;
              right: 0px;
              background: #4b887c;
              line-height: 40px;
              display: inline-block;
              font-size: 15px;
              font-weight: normal;
              padding: 0 10px;
              cursor: pointer;
              color: #fff; }
          .main .leftBox .prductList .list ul li .tag {
            display: flex;
            margin: 10px 0; }
            .main .leftBox .prductList .list ul li .tag em {
              background: #F7F9FC;
              margin-right: 5px;
              border: 1px solid #F0f0f0;
              padding: 0 7px;
              line-height: 24px;
              font-size: 12px;
              display: inline-block; }
          .main .leftBox .prductList .list ul li .cplb .item {
            margin-bottom: 5px;
            display: flex; }
            .main .leftBox .prductList .list ul li .cplb .item span:nth-child(1) {
              color: #999;
              width: 130px; }
            .main .leftBox .prductList .list ul li .cplb .item span:nth-child(2) {
              color: #f03415;
              letter-spacing: -1px; }
          .main .leftBox .prductList .list ul li .cplb .off {
            display: none; }
          .main .leftBox .prductList .list ul li img {
            width: 100%; }
          .main .leftBox .prductList .list ul li .morek {
            display: block;
            cursor: pointer; }
            .main .leftBox .prductList .list ul li .morek .icon-rightArrow {
              transform: rotate(90deg);
              display: inline-block; }
          .main .leftBox .prductList .list ul li .active .icon-rightArrow {
            transform: rotate(-90deg);
            display: inline-block; }
  .main .rightBox {
    float: right;
    width: calc(25% - 20px); }
    .main .rightBox .rnewsBox {
      background: #ffffff;
      padding: 20px;
      margin-top: 20px; }
      .main .rightBox .rnewsBox .small_title {
        position: relative;
        padding-left: 20px;
        font-size: 18px;
        font-weight: bold; }
        .main .rightBox .rnewsBox .small_title:before {
          background: #002A1C;
          width: 4px;
          height: 10px;
          position: absolute;
          left: 0px;
          top: 4px;
          content: ""; }
      .main .rightBox .rnewsBox ul {
        margin-top: 10px; }
        .main .rightBox .rnewsBox ul li {
          padding: 5px 0px;
          border-top: 1px solid #F7F9FC; }
          .main .rightBox .rnewsBox ul li a {
            display: inline-block;
            width: 100%; }
            .main .rightBox .rnewsBox ul li a h3 {
              font-size: 16px;
              font-weight: normal;
              height: 25px;
              line-height: 25px;
              overflow: hidden; }
            .main .rightBox .rnewsBox ul li a p {
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden;
              margin: 5px 0; }
            .main .rightBox .rnewsBox ul li a span {
              color: #999999; }
    .main .rightBox .askBox {
      background: #ffffff;
      padding: 20px;
      margin-top: 20px; }
      .main .rightBox .askBox .small_title {
        position: relative;
        padding-left: 20px;
        font-size: 18px;
        font-weight: bold; }
        .main .rightBox .askBox .small_title:before {
          background: #002A1C;
          width: 4px;
          height: 10px;
          position: absolute;
          left: 0px;
          top: 4px;
          content: ""; }
      .main .rightBox .askBox ul {
        margin-top: 10px;
        border-top: 1px solid #f0f0f0; }
        .main .rightBox .askBox ul li:nth-child(odd) {
          border-left: #f0f0f0 1px solid; }
        .main .rightBox .askBox ul li:nth-child(even) {
          border-bottom: 1px solid #f0f0f0;
          border-right: #f0f0f0 1px solid;
          background: #f9f9f9; }
        .main .rightBox .askBox ul li {
          border-bottom: 1px solid #f0f0f0;
          padding: 10px 20px; }
          .main .rightBox .askBox ul li a {
            display: inline-block; }
            .main .rightBox .askBox ul li a h3 {
              font-size: 14px;
              padding-left: 30px;
              position: relative;
              font-weight: normal;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden; }
              .main .rightBox .askBox ul li a h3 em {
                position: absolute;
                left: 0px;
                color: #002A1C;
                top: 0px;
                font-weight: bold;
                font-size: 13px;
                background: #002A1C;
                color: #fff;
                border-radius: 50% 0 50% 50%;
                width: 20px;
                height: 20px;
                line-height: 20px;
                text-align: center; }
            .main .rightBox .askBox ul li a p {
              margin-top: 5px;
              padding-left: 30px;
              position: relative;
              font-size: 14px;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden;
              line-height: 1.6; }
              .main .rightBox .askBox ul li a p em {
                position: absolute;
                left: 0px;
                color: #ff7801;
                font-size: 16px;
                font-weight: bold; }
    .main .rightBox .tagBox {
      background: #ffffff;
      padding: 20px;
      margin-top: 20px; }
      .main .rightBox .tagBox .small_title {
        position: relative;
        padding-left: 20px;
        font-size: 18px;
        font-weight: bold; }
        .main .rightBox .tagBox .small_title:before {
          background: #002A1C;
          width: 4px;
          height: 10px;
          position: absolute;
          left: 0px;
          top: 4px;
          content: ""; }
      .main .rightBox .tagBox ul {
        margin-top: 10px;
        border-top: 1px solid #f0f0f0;
        display: flex;
        flex-wrap: wrap; }
        .main .rightBox .tagBox ul li {
          margin-top: 10px;
          margin-right: 10px; }
    .main .rightBox .productBox {
      background: #ffffff;
      padding: 20px 20px 10px 20px; }
      .main .rightBox .productBox .small_title {
        position: relative;
        padding-left: 20px;
        font-size: 18px;
        font-weight: bold; }
        .main .rightBox .productBox .small_title:before {
          background: #002A1C;
          width: 4px;
          height: 10px;
          position: absolute;
          left: 0px;
          top: 4px;
          content: ""; }
      .main .rightBox .productBox ul {
        margin-top: 10px;
        display: inline-block; }
        .main .rightBox .productBox ul li {
          padding: 10px 0;
          border-top: 1px dotted #ccc; }
          .main .rightBox .productBox ul li a {
            display: flex;
            align-items: center; }
            .main .rightBox .productBox ul li a .img {
              width: 80px;
              flex-shrink: 0; }
              .main .rightBox .productBox ul li a .img img {
                width: 100%; }
            .main .rightBox .productBox ul li a h3 {
              font-size: 14px;
              margin-left: 15px;
              font-weight: normal;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 3;
              overflow: hidden; }
    .main .rightBox .newsBox {
      background: #ffffff;
      padding: 20px 20px 0px 20px;
      margin-top: 20px; }
      .main .rightBox .newsBox .small_title {
        position: relative;
        padding-left: 20px;
        font-size: 18px;
        font-weight: bold; }
        .main .rightBox .newsBox .small_title:before {
          background: #002A1C;
          width: 4px;
          height: 10px;
          position: absolute;
          left: 0px;
          top: 4px;
          content: ""; }
      .main .rightBox .newsBox ul {
        margin-top: 10px; }
        .main .rightBox .newsBox ul li:nth-child(1) a em, .main .rightBox .newsBox ul li:nth-child(2) a em, .main .rightBox .newsBox ul li:nth-child(3) a em {
          background: #002A1C;
          color: #fff; }
        .main .rightBox .newsBox ul li {
          padding: 10px 0;
          display: flex;
          border-top: 1px dotted #f0f0f0; }
          .main .rightBox .newsBox ul li a {
            position: relative;
            display: inline-block;
            width: 100%;
            padding-left: 40px; }
            .main .rightBox .newsBox ul li a b {
              color: #999;
              font-size: 16px;
              letter-spacing: -1px;
              margin-right: 5px; }
            .main .rightBox .newsBox ul li a h3 {
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              overflow: hidden;
              font-weight: normal; }
            .main .rightBox .newsBox ul li a em {
              position: absolute;
              left: 0px;
              background: #f0f0f0;
              color: #333;
              font-weight: bold;
              padding: 0 3px;
              width: 28px;
              height: 28px;
              line-height: 28px;
              text-align: center;
              border-radius: 50%; }

@media screen and (max-width: 769px) {
  .main {
    padding: 50px 0px 0px 0px; }

  .position {
    display: none; }

  .main .topBox {
    display: inline-block;
    width: 100%;
    padding: 10px; }
    .main .topBox .h1 {
      position: relative;
      display: block;
      justify-content: space-between; }
      .main .topBox .h1 span {
        flex-shrink: 0;
        color: #999; }
    .main .topBox .box {
      display: block; }
      .main .topBox .box .swiper {
        width: 100%; }
      .main .topBox .box .infoBox {
        margin-left: 0px;
        margin-top: 10px; }
        .main .topBox .box .infoBox .price {
          width: 100%; }
        .main .topBox .box .infoBox .but .WeChat {
          display: none; }
      .main .topBox .box .sjinfo {
        display: none; }
  .main .bottomBox {
    margin-bottom: 10px;
    margin-top: 10px; }
    .main .bottomBox .productInfo {
      display: block;
      margin-bottom: 5px; }
      .main .bottomBox .productInfo .item {
        width: 100%;
        padding: 10px;
        margin-bottom: 5px; }
        .main .bottomBox .productInfo .item .text div {
          font-size: 15px; }
        .main .bottomBox .productInfo .item .text em {
          margin-top: 5px; }
  .main .leftBox {
    width: 100%; }
    .main .leftBox .askBox {
      margin-top: 5px; }
    .main .leftBox .rnlist {
      margin-top: 10px; }
      .main .leftBox .rnlist .list ul li a {
        align-items: flex-start; }
        .main .leftBox .rnlist .list ul li a .img {
          width: 140px;
          height: 80px; }
    .main .leftBox .newsList .list ul li {
      padding: 10px; }
      .main .leftBox .newsList .list ul li span {
        width: 120px; }
    .main .leftBox .newsDesc .box {
      margin-top: 10px;
      padding: 20px; }
      .main .leftBox .newsDesc .box .top h1 {
        font-size: 26px; }
      .main .leftBox .newsDesc .box .data .img img {
        max-width: 90%; }
      .main .leftBox .newsDesc .box .contentOn {
        height: auto; }
    .main .leftBox .newsDesc .upmore {
      margin-top: 10px; }
    .main .leftBox .nav {
      align-items: center;
      margin-bottom: 10px;
      overflow-x: hidden; }
      .main .leftBox .nav em {
        flex-shrink: 0;
        margin: 0 20px 0 10px;
        padding: 0;
        line-height: 50px; }
      .main .leftBox .nav .list {
        overflow: hidden; }
        .main .leftBox .nav .list ul li .one {
          line-height: 50px;
          height: 50px;
          overflow: visible; }
          .main .leftBox .nav .list ul li .one:before {
            content: none; }
    .main .leftBox .askDesc .listBox .list ul li .desc {
      word-break: break-all; }
      .main .leftBox .askDesc .listBox .list ul li .desc .img img {
        max-width: 100%; }
    .main .leftBox .prductList .list ul li {
      padding: 10px;
      margin-bottom: 0px; }
      .main .leftBox .prductList .list ul li .img {
        width: 100px; }
      .main .leftBox .prductList .list ul li .text {
        margin-left: 20px; }
      .main .leftBox .prductList .list ul li h3 {
        font-size: 14px;
        height: auto;
        line-height: 1.6;
        font-weight: normal; }
      .main .leftBox .prductList .list ul li p {
        padding-right: 0px;
        margin: 5px 0;
        display: none; }
      .main .leftBox .prductList .list ul li .name {
        margin-top: 10px; }
        .main .leftBox .prductList .list ul li .name em {
          border-radius: 50%;
          padding: 0px;
          text-align: center;
          line-height: 30px;
          height: 30px;
          top: -10px;
          right: 10px;
          width: 30px; }
          .main .leftBox .prductList .list ul li .name em b {
            display: none; }
      .main .leftBox .prductList .list ul li .tag em {
        background: #fff; }
      .main .leftBox .prductList .list ul li .tag em:nth-child(n+3) {
        display: none; }
    .main .leftBox .askBox ul li {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
  .main .rightBox {
    width: 100%;
    margin-top: 10px; }
    .main .rightBox .newsBox, .main .rightBox .askBox {
      margin-top: 10px; }
    .main .rightBox .productBox ul li a h3 {
      font-size: 16px; }
    .main .rightBox .askBox ul li a h3 {
      font-size: 16px; }
    .main .rightBox .productBox ul a .img {
      width: 30%; }
    .main .rightBox .productBox ul a h3 {
      font-size: 16px; } }

/*# sourceMappingURL=list.css.map */
