body {
  font-size: 14px; }

.main-wrap {
  background-color: #f5f5f5;
  width: 100%;
  position: relative; }
  .main-wrap .main {
    width: 1174px;
    margin: 0 auto 20px;
    position: relative;
    background-color: #fff;
    padding: 20px; }
  .main-wrap .title {
    height: 64px;
    width: 100%;
    color: #333; }
    .main-wrap .title .title-name {
      float: left;
      color: #333;
      width: 112px;
      font-size: 18px;
      line-height: 24px; }
      .main-wrap .title .title-name i {
        font-size: 40px;
        float: left;
        line-height: 40px; }
      .main-wrap .title .title-name .title-words {
        float: left; }
      .main-wrap .title .title-name .title-eng {
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 1px; }
    .main-wrap .title .title-line {
      margin-top: 5px;
      position: relative;
      float: left; }
      .main-wrap .title .title-line div {
        height: 1px;
        border-color: #e6e6e6;
        border-style: solid; }
      .main-wrap .title .title-line .line-72-0 {
        border-width: 0 0 0 40px;
        width: 960px; }
      .main-wrap .title .title-line .line-52-20 {
        border-width: 0 20px 0 30px;
        margin: 6px 0;
        width: 950px; }
      .main-wrap .title .title-line .line {
        border-width: 1px 0 0 0;
        width: 1000px; }
    .main-wrap .title .product-more {
      float: right;
      font-size: 14px;
      line-height: 40px; }
      .main-wrap .jine-fu{
        color: #EE0402;
        font-weight: bold;
      }
      .main-wrap .jine{
        font-size: 26px;
      }
      .main-wrap .company{
        color: #333333;
        font-weight: bold;
      }
      .main-wrap .immediate,.main-wrap .add-cart{
        width: 138px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        border: 1px solid #EB524B;
        display: inline-block;
        font-size:16px;
        font-family:MicrosoftYaHei;
        font-weight: 400;
        cursor:pointer;
      }
      .main-wrap .immediate{
        background-color: #EB524B;
        color: #fff;
        margin-left: 101px;
      }
      .main-wrap .add-cart{
        background-color: #fff;
        color: #EB524B;
        margin-left: 20px;
      }
      .inquiry-price1{
        margin-right: 20px;
      }
      .inquiry-price1 .jinqian{
        width: 17px;
        height: 17px;
        vertical-align: top;
      }
      .inquiry-price1 .jinqian-jine{
        margin: 0;
        padding: 0;
        line-height: 18px;
        width: auto !important;
        font-weight: bold;
        font-size: 18px;
        color: #EB524B;
        vertical-align: text-top;
       }
       .inquiry-price1 a{
         width: 79px;
         height: 26px;
         line-height: 26px;
         background-color: #EB524B;
         color: #fff;
         font-size: 14px;
         font-weight: 400;
         border-radius: 2px;
         margin-left: 20px;
         display: inline-block;
       }
table.product-list {
  width: 100%;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  font-size: 14px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #027cdf #e2edfd #e2edfd;
  border-top: 1px solid #027cdf; }
  table.product-list th {
    color: #333333;
    font-weight: normal;
    height: 70px; }
  table.product-list td {
    color: #6e6e6e;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 70px;
    overflow: hidden; }
    table.product-list td img {
      display: inline-block;
      cursor: pointer;
      width: 56px;
      height: 56px;
      padding: 3px 0px 3px 10px;
      transition: all 1.2s; }
    table.product-list td span {
      white-space: nowrap;
      word-break: normal;
      text-overflow: ellipsis;
      position: relative;
      display: inline-block;
      padding-left: 10px;
      padding-right: 10px;
      line-height: 40px;
      /* margin-top: 10px; */
      overflow: hidden; }
  table.product-list tbody tr:nth-of-type(2n+1) {
    background-color: #f3fafe; }
  table.product-list .specification {
    width: 170px; }
  table.product-list .material {
    width: 105px; }
  table.product-list .manufacturer {
    width: 105px; }
  table.product-list .warehouse {
    width: 150px; }
  table.product-list .inventory {
    width: 185px; }
  table.product-list .remark {
    width: 120px; }
    table.product-list .remark div {
      height: 60px;
      padding-top: 20px;
      float: left; }
      table.product-list .remark div i {
        width: 16px;
        height: 40px;
        display: inline-block;
        top: 20px;
        left: 10px;
        background: url("../images/company/message.png") center center no-repeat; }
  table.product-list .price {
    width: 136px; }
    table.product-list .price .inquiry-send {
      width: 116px; }
    table.product-list .price i {
      width: 16px;
      height: 18px;
      display: inline-block;
      vertical-align: top;
      margin-top: 11px;
      padding-left: 5px;
      background: url("../images/company/icons-subsidiary.png") 0px -148px no-repeat; }
    table.product-list .price .inquiry-send {
      padding: 0px 10px; }
      table.product-list .price .inquiry-send p {
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 24px;
        color: #ff4242;
        font-size: 18px;
        overflow: hidden; }
        table.product-list .price .inquiry-send p i {
          margin-top: 3px; }
    table.product-list .price .inquiring {
      color: #ff4242;
      font-size: 16px; }
  table.product-list .name a {
    position: absolute;
    height: 40px;
    width: 650px;
    margin-top: 13px;
    z-index: 2; }
    table.product-list .name a span {
      display: none; }
  table.product-list .name span {
    width: 100px;
    margin-top: 12px;
    text-align: left; }
  table.product-list .specification span {
    width: 150px; }
  table.product-list .material span {
    width: 80px; }
  table.product-list .manufacturer span {
    width: 80px; }
  table.product-list .warehouse span {
    width: 125px; }
  table.product-list .inventory span {
    width: 165px;
    text-decoration: underline; }
  table.product-list .remark span {
    width: 84px;
    white-space: normal;
    line-height: 20px;
    text-align: left;
    padding-left: 10px;
    /* padding-top: 20px; */
    vertical-align: middle;
    max-height: 40px; }
  table.product-list .price span {
    width: 100px;
    font-size: 18px;
    color: #ff4242; }

.company-detail {
  height: 480px;
  padding-top: 40px; }
  .company-detail .title .title-line .line-72-0, .company-detail .title .title-line .line-52-20 {
    width: 1010px; }
  .company-detail .title .title-line .line {
    width: 1060px; }
  .company-detail .detail-wrap {
    position: relative;
    top: 50px;
    height: 340px;
    width: 1154px;
    border: 10px solid #cce2ff; }
  .company-detail .detail-info {
    height: 361px;
    width: 536px;
    overflow: hidden;
    position: absolute;
    top: -40px;
    left: 577px;
    border-left: 20px solid #fff; }
    .company-detail .detail-info .notice {
      background: #f5f5f5;
      padding: 20px;
      height: 82px; }
    .company-detail .detail-info .notice-left {
      font-size: 16px;
      width: 16px;
      color: #333;
      line-height: 18px;
      float: left;
      padding: 5px 0; }
    .company-detail .detail-info .notice-list {
      float: left;
      font-size: 14px;
      margin: 0 20px;
      border-left: 1px solid #e2e2e2;
      border-right: 1px solid #e2e2e2;
      width: 384px;
      padding: 5px 20px;
      height: 72px;
      overflow: hidden; }
      .company-detail .detail-info .notice-list span {
        line-height: 24px; }
      .company-detail .detail-info .notice-list span.notice-title {
        width: 276px;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        word-break: normal;
        text-overflow: ellipsis; }
      .company-detail .detail-info .notice-list span.date {
        float: right; }
    .company-detail .detail-info .notice-right {
      float: left;
      font-size: 14px;
      width: 14px;
      padding-top: 18px;
      line-height: 16px; }
      .company-detail .detail-info .notice-right i:last-child {
        position: relative;
        top: -9px; }
    .company-detail .detail-info .company-info {
      padding: 15px;
      position: absolute;
      bottom: -18px;
      z-index: 2;
      background: #ffffff; }
      .company-detail .detail-info .company-info .company-name {
        font-size: 20px;
        line-height: 48px; }
        .company-detail .detail-info .company-info .company-name i {
          width: 30px;
          height: 30px;
          vertical-align: middle;
          margin-right: 5px;
          margin-top: -5px;
          display: inline-block;
          background: url("../images/company/icons-subsidiary.png") no-repeat 0 -293px; }
      .company-detail .detail-info .company-info .info-text {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        font-size: 14px;
        overflow: hidden;
        max-height: 62px;
        transition: all 1s 0s ease-out; }
        .company-detail .detail-info .company-info .info-text:hover {
          display: block;
          max-height: 242px;
          transition: all 2s 0s ease-out; }
      .company-detail .detail-info .company-info .info-footer {
        font-size: 16px;
        color: #333;
        padding-top: 10px; }
        .company-detail .detail-info .company-info .info-footer p {
          width: 406px;
          height: 24px;
          white-space: nowrap;
          overflow: hidden;
          word-break: normal;
          text-overflow: ellipsis; }
        .company-detail .detail-info .company-info .info-footer .more-detail {
          color: #027cdf;
          float: right; }

.slide-wrap {
  width: 557px;
  height: 361px;
  overflow: hidden;
  position: absolute;
  top: -40px;
  left: 20px; }
  .slide-wrap .panel {
    width: 557px;
    height: 361px;
    overflow: hidden;
    position: relative; }
  .slide-wrap .trigger {
    position: absolute;
    height: 15px;
    width: 90px;
    right: 10px;
    overflow: hidden;
    bottom: 10px;
    text-align: center; }
    .slide-wrap .trigger span {
      width: 15px;
      height: 15px;
      font-size: 0;
      overflow: hidden;
      display: inline-block;
      margin: 0 5px;
      position: relative;
      cursor: pointer;
      background: rgba(150, 150, 150, 0.8); }
    .slide-wrap .trigger span.active {
      background: rgba(110, 165, 245, 0.8); }

.panel ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 2000px; }

.panel li {
  float: left;
  width: 557px;
  height: 361px; }
  .panel li a {
    display: block;
    width: 557px;
    height: 361px;
    position: relative; }
    .panel li a img {
      width: 100%; }

.weizhi {
  margin: 0 auto;
  width: 1214px; }

.products .caption {
  overflow: hidden; }
  .products .caption a {
    float: right;
    display: inline-block;
    margin-top: 25px;
    color: #027cdf; }
  .products .caption span {
    float: left;
    color: #fff;
    font-size: 16px;
    padding: 5px 10px;
    display: inline-block;
    background: #027cdf;
    text-align: center;
    margin-top: 20px; }

.relevant-antistop {
  margin-top: 20px; }
  .relevant-antistop .caption {
    padding-bottom: 10px;
    border-bottom: solid 1px #e6e6e6; }
  .relevant-antistop .antistop a {
    display: inline-block;
    color: #027cdf;
    margin: 10px 30px 0px 0; }

.product-detail .left {
  float: left;
  width: 348px;
  height: 348px; }
  .product-detail .left img {
    width: 100%;
    height: 100%; }
.product-detail .mid {
  float: left;
  width: 500px;
  padding-left: 28px; }
  .product-detail .mid h1 {
    font-size: 18px;
    color: #333;
    height: auto;
    line-height: 46px; }
  .product-detail .mid .offer {
    padding: 10px;
    background: #f5f5f5;
    height: 42px;
    line-height: 42px; }
    .product-detail .mid .offer .price {
      font-size: 24px;
      font-weight: bold;
      color: #ff4242;
      vertical-align: -2px; }
    .product-detail .mid .offer .inquiring {
      font-size: 16px;
      color: #ff4242;
      vertical-align: middle; }
  .product-detail .mid .caption {
    display: inline-block;
    width: 60px;
    color: #999;
    margin-right: 25px; }
  .product-detail .mid .text {
    width: 390px;
    display: inline-block;
    vertical-align: top;
    color: #333; }
    .product-detail .mid .text .salesman {
      color: #333; }
      .product-detail .mid .text .salesman:hover {
        color: #0fbf45; }
    .product-detail .mid .text .phone {
      padding: 4px 4px 4px 20px;
      margin: 0 15px;
      vertical-align: middle;
      background: url("../images/common/phone.png") 4px center no-repeat; }
    .product-detail .mid .text .qq {
      display: inline-block;
      border: 1px solid #96c3ff;
      height: 24px;
      width: 86px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      vertical-align: middle; }
      .product-detail .mid .text .qq i {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 4px;
        background: url("../images/QQ.png") no-repeat center; }
      .product-detail .mid .text .qq em {
        display: inline-block;
        width: 57px;
        line-height: 24px;
        background: #e7f6ff;
        text-align: center;
        vertical-align: top;
        -webkit-border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        padding-left: 5px;
        cursor: pointer;
        color: #4796ff;
        letter-spacing: 1px;
        font-size: 12px;
        font-style: normal; }
    .product-detail .mid .text .qq-null {
      display: inline-block;
      width: 95px;
      height: 26px;
      background: url("../images/common/qq-talk-2.png") no-repeat;
      vertical-align: middle; }
  .product-detail .mid .infor {
    line-height: 26px;
    padding: 15px 12px; }
    .product-detail .mid .infor p {
      padding: 12px 0; }
  .product-detail .mid .inquiry-price {
    display: inline-block;
    vertical-align: middle;
    width: 180px;
    height: 36px; }
    .product-detail .mid .inquiry-price input {
      width: 92px;
      height: 28px;
      padding: 3px 5px; }
    .product-detail .mid .inquiry-price button {
      width: 75px;
      height: 34px;
      background-color: #ff4242; }
.product-detail .right {
  float: right;
  width: 270px; }
  .product-detail .right .box {
    border: solid 1px #e6e6e6;
    padding: 0 10px 10px 10px;
    line-height: 16px; }
    .product-detail .right .box p {
      margin-bottom: 8px; }
    .product-detail .right .box .caption {
      width: 66px;
      padding-left: 28px;
      background: url("../images/company/icons-subsidiary.png") no-repeat;
      margin-left: -11px;
      color: #fff;
      background-color: #027cdf;
      height: 30px;
      line-height: 30px; }
    .product-detail .right .box .company {
      margin-bottom: 10px; }
      .product-detail .right .box .company .product {
        display: inline-block;
        width: 80%;
        vertical-align: top;
        margin-left: 5px; }
      .product-detail .right .box .company .caption {
        background-position: 4px -472px; }
    .product-detail .right .box .contact .caption {
      background-position: 4px -197px; }
    .product-detail .right .box .contact .navigation {
      display: inline-block;
      width: 18px;
      height: 18px;
      background: url("../images/product/icons_new.png") 0 -22px no-repeat;
      vertical-align: middle;
      margin-left: 5px; }

.metal {
  font-size: 0;
  margin-top: 4px;
  height: 24px; }
  .metal span {
    vertical-align: top;
    font-size: 12px;
    padding: 0 5px;
    line-height: 16px;
    display: inline-block; }
  .metal .area-number {
    border: solid 1px #fb6679;
    color: #fb6679; }
  .metal .year-number {
    border: 1px solid #ffa101;
    color: #ffa101; }
  .metal .metal-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 3px; }
  .metal .special {
    background: url(../images/company/special.png) no-repeat center; }
  .metal .professional {
    background: url(../images/company/professional.png) no-repeat center; }
  .metal .square-meter {
    background: url(../images/company/square-meter.png) no-repeat center; }
  .metal .year {
    background: url(../images/company/year.png) no-repeat center; }
  .metal .trend {
    background: url(../images/company/trend.png) no-repeat center; }
  .metal .cart {
    background: url(../images/company/cart.png) no-repeat center; }

.inquiry-price {
  width: 100px;
  height: 30px;
  border: 1px solid #e2e2e2;
  margin: 0 auto;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: inset 0px 0px 4px #eeeeee; }
  .inquiry-price input {
    width: 42px;
    height: 28px;
    vertical-align: middle;
    float: left;
    border: none;
    margin-top: 1px;
    padding-left: 5px;
    background: none;
    outline: none; }
  .inquiry-price button {
    width: 52px;
    height: 28px;
    vertical-align: middle;
    float: right;
    background-color: #027cdf;
    color: #fff;
    margin-top: 1px;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }

.map-panel-wrap {
  position: relative; }

.map-panel {
  width: 248px;
  height: 138px; }

.map-zoom-wrap {
  border: 1px solid #e2edfd;
  padding: 10px;
  position: absolute;
  background: #fff;
  top: -200px;
  left: -640px;
  z-index: 3; }

.map-close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  background: red;
  border-radius: 4px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  cursor: pointer; }

.map-zoom-panel {
  width: 600px;
  height: 400px; }

.img-zoom {
  display: none;
  border-radius: 4px;
  width: 320px;
  height: 320px;
  top: 50%;
  left: 50%;
  position: absolute;
  background: #fff;
  -webkit-box-shadow: #BABABA 0px 0px 5px;
  -moz-box-shadow: #BABABA 0px 0px 5px;
  box-shadow: #BABABA 0px 0px 5px;
  z-index: 3; }
  .img-zoom .zoom-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5; }
  .img-zoom .zoom-img {
    overflow: hidden;
    margin: 10px;
    position: relative;
    height: 300px; }

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

.blue-a {margin:0 auto; width: 1174px; margin-top: 30px; background-color: #fff; padding: 20px}
.blue-a a{color: #027cdf;}

.gouwuche{
  width: 498px;
  height:230px;
  background-color: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 99999;
}
.gouwuche-title{
  height: 48px;
  background-color: #F2F5F9;
  line-height: 48px;
}
.gouwuche-title span{
  font-size:22px;
  color: #333;
  margin-left:21px;
  font-weight: bold;
}
.gouwuche-title img{
  position: absolute;
  right: 18px;
  top: 14px;
  cursor: pointer;
}
.gouwuche-main span{
  width:184px;
  height:18px;
  font-size:18px;
  display: block;
  margin:39px auto 37px;
  font-weight: bold;
}
.gouwuche-main a{
  width: 128px;
  height: 48px;
  line-height: 48px;
  display:block;
  text-align: center;
  background-color: #0068CD;
  color: #fff;
  border-radius:4px;
  margin: auto;
  font-weight: bold;
}
.overflow {
  overflow: hidden;
}
.mask {
  position: fixed;
  height: 200%;
  opacity: 0.6;
}