.main{
    background:#FFFFFF;
 }
 /*轮播*/
    .swiper-pagination {
      position: absolute;
      z-index: 20;
      bottom: 10px;
      width: 100%;
      text-align: center;
    }

    .swiper-pagination-switch {
      display: inline-block;
      width: 50px;
      height: 4px;
      background-color: #fff;
      margin: 0 5px;
      opacity: 0.48;
      cursor: pointer;
      transition: .3s;
    }

    .swiper-active-switch {
      opacity: 1;
    }

    .swiper-button-prev{
      left: 16px;
    }
    .swiper-button-next{
      right: 16px;
    }
    .swiper-button {
      border: none;
      outline: none;
      padding: 0;
      margin: 0;
      height: 36px;
      line-height: 36px;
      width: 36px;
      cursor: pointer;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s;
      border-radius: 50%;
      background-color: rgba(31, 45, 61, .11);
      color: #fff;
      position: absolute;
      top: 50%;
      z-index: 10;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: center;
      font-size: 12px;
      display: none;
    }
    .swiper-container:hover .swiper-button{
      display: block;
    }

    .swiper-button:hover {
      background-color: rgba(31, 45, 61, .23)
    }
    /*商品楼层*/
    .product-showcase,
    .news-wrapper,
    .links-content,
    .honor-wrapper{
      width: 1256px;
      margin: 0 auto;
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box;
    }

    .tm-product-card {
      width: 100%;
      margin-bottom:20px;
    }

    .card-container-left {
      width: 234px;
      height: 614px;
      background: #666;
      float: left;
    }

    .card-container-right .el-card {
      float: left;
      box-sizing: border-box;
      width: 234px;
      text-align: center;
      margin-left: 14px;
      height: 300px;
      margin-bottom: 14px;
      cursor: pointer;

    }



    .card-container-right .el-card .el-card__body {
      padding: 10px;
    }


    .card-container-right .pro-name {
      line-height: 21px;
      font-size: 14px;
      font-weight: 400;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .card-container-right .pro-summary {
      font-size: 12px;
      color: #B0B0B0;
      line-height: 17px;
      margin-bottom: 10px;
      display: inline-block;
    }

    .card-container-right .pro-price {
      color: #D01126;
      font-size: 14px;
      line-height: 20px;
      display: block;
    }

    .tm-news-card {
      width: 100%;
    }

    .tm-news-card .el-card {
      float: left;
      width: 296px;
      margin-right: 14px;
      box-sizing: border-box;
      border: none;
      cursor: pointer;
    }

    .tm-news-card .el-card:last-child {
      margin-right: 0;
    }

    .tm-news-card .card-text {
      min-height: 54px;
      margin: 20px;
      box-sizing: border-box;
      line-height: 1.5;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      font-size: 12px;
    }
    .links-wrapper{
        width:100%;
        padding:18px 0;
        background:#FAFAFA;
    }
    .links-body{
        position:relative;
        padding-left:80px;
    }
    .links-body .links-title{
        position:absolute;
        left:0;
        font-size: 12px;
        font-weight: 400;
        color: #333333;
        line-height: 18px;
    }
    .links-body .links-list a{
        margin-right:15px;
        font-weight: 400;
        color: #777777;
        line-height: 18px;
    }
    .links-body .links-list a:hover{
        color: #d01126;
    }
    /*楼层1新闻咨询*/
    .ns-one-left{
      float:left;
      width:590px;
    }
    .ns-one-right{
      float:right;
      width:590px;
    }
    .ns-one-left .card-container{
        height:182px;
        overflow-y:auto;
    }
    .ns-one-tr {
      margin:20px 0px;
    }
    .ns-one-tr .card-container{
      border:1px solid  #E6E6E6;
      padding:10px 15px;
    }
    .ns-new-goods li,.tab-content .tab-item li{
        height:32px;
        line-height:32px;
        font-size: 12px;
        color: #333333;
    }
    .tab-content .tab-item li{
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         position:relative;
         padding-right:126px;
    }
    .tab-content .tab-item li span{
        position:absolute;
        right:0;
        text-align:right;
    }
    .ns-new-goods li a{
        display:inline-block;
        width: 100%;
    }
    .ns-new-goods li a span{
        vertical-align: middle;
    }
    .ns-new-goods li .name{
        display:inline-block;
        width:55%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .ns-new-goods li .code,.ns-new-goods li .norm{
        display:inline-block;
        width:18%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding:0 15px;
    }
    .ns-new-goods li .code{
        width:25%;
    }
    .ns-new-goods li .norm{
        padding-right:0;
    }
    /*tab切换*/
    .tab-title-ul{
        position: relative;
        left: 0;
        height: 40px;
        white-space: nowrap;
        font-size: 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        transition: all .2s;
        -webkit-transition: all .2s;
        border-color: #E6E6E6;
    }
    .tab-title-ul li{
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        font-weight: 500;
        transition: all .2s;
        -webkit-transition: all .2s;
        position: relative;
        line-height: 40px;
        min-width: 65px;
        padding: 0 15px;
        text-align: center;
        cursor: pointer;
    }
    .tab-title-ul li a{
        display:block;
    }
    .tab-title-ul li.tab-this{
        color: #D01126;
        font-weight: 600;
    }
    .tab-title-ul li.tab-this a{
        color: #D01126;
        font-weight: 600;
    }
    .tab-title-ul li.tab-this:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 41px;
        box-sizing: border-box;
        pointer-events: none;
        border: none;
        border-radius: 0;
        border-bottom: 2px solid #D01126;
    }
    .tab-content{
        border:1px solid  #E6E6E6;
        border-top-color: transparent;
        padding :10px 15px;
        min-height:182px;
    }
    .tab-content .tab-item{
        display: none;
    }
    .tab-content .tab-item.tab-show{
        display: block;
    }
    .tab-content .tab-item li:before{
        content: "";
        width: 4px;
        height: 4px;
        background: #D01126;
        margin-right: 14px;
        display:inline-block;
        vertical-align: middle;
    }
    .tab-content .tab-item li a{
        vertical-align: middle;
    }
/*资质与荣誉*/
.honor-list{
    width: 100%;
 	margin: 0 auto;
 }
.honor-list .honor-item{
    width: 229px;
    float: left;
    margin-right: 20px;
    border:none;
}
.honor-list .honor-item:last-child{
    margin-right: 0px;
}
.honor-list .honor-item .honor-img-box{
    width: 229px;
    height: 229px;
    background: #FFFFFF;
    position: relative;
}
.honor-list .honor-item .honor-img-box img{
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 90%;
    max-height: 90%;
    transform: translate(-50%,-50%);
}
.honor-list .honor-item .honor-img-box img.k{
     width: 90%;
     height: auto;
}
.honor-list .honor-item .honor-img-box img.z{
     height: 90%;
     width: auto;
}
.honor-list .honor-item .honor-name{
    margin-top: 12px;
	font-size: 14px;
	color: #333333;
	line-height: 33px;
	text-align: center;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}