@charset "utf-8";
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.mt-30 {
    margin-top: 30px;
}
.mb-30{
    padding-bottom: 30px;
}
/* tab选项卡切换 */
#tab{width:100%;position:relative;margin:0px auto;}
#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1;}
#tab .tab_menu li{float:left;width:120px;height:35px;line-height:35px;cursor:pointer;text-align:center;margin:0 2px 0 0;list-style: none; background: #d8d8d8;  }
#tab .tab_box{width:100%;height:auto;clear:both;top:30px;position:relative;}
#tab .tab_menu .selected{background-color:#C73321;cursor:pointer; color:#fff;}
.hide{display:none;}
.tab_box div{padding:10px 0;} 

.table-content-products table {
  border: 1px #d8d8d8 solid;
}

.table-content-products table tr:first-child {
  background: #C73321;
  color: #fff;
  border: 1px #C73321 solid;
}
.table-content-products table td {
  padding: 10px;
  text-align: center;
  border-right: 1px #d8d8d8 solid;
  border-bottom: 1px #d8d8d8 solid;
}

@media (min-width: 768px){
	.pc{display: block;}
	.mob{display: none;}
		}
@media (max-width: 767px){
	.pc{display: none;}
	.mob{display: block;}
	.mob img{width:100%;}
		}

@media (min-width: 768px) {
  .product__box:first-child{width:100%;
    border: 1px solid #d8d8d8;
    background-color: transparent;
    padding: 20px 20px;
    position: relative;
    background: #faf5f4;
  }

  .product__box:nth-child(2){width:100%;
    border: 1px solid #d8d8d8;
    background-color: transparent;
    padding: 20px 20px;
    position: relative;
    background: #faf5f4;
  }
.product__box {width:100%;
    border: 1px solid #d8d8d8;
    background-color: transparent;
    padding: 20px 20px;
    position: relative;
  }
  .product__box:hover {
    box-shadow: 1px 1px 10px #888;
  }
  /*产品列表页*/
  .product__box h2{ width:100%; padding: 10px 0; font-size: 24px; text-align: left;}
  .product__box .leftImg{ width:30%; float: left;}
  .product__box .leftImg img{ width:450px;height:300px;}
  .product__box .rightTxt{width:68%; float: right;}
  .product__box .rightTxt .ms{ text-align: left; line-height:30px; padding-top:20px;}
  .product__box .rightTxt .ProductClassContent{font-size: 15px; width:100%; text-align: left;}
  .product__box .rightTxt .productImg{ width:100%;}
  .product__box .rightTxt .productImg li{ width:20%; float: left; list-style-type: none; margin-right: 50px; text-align: center;}
  .product__box .rightTxt .productImg li:last-child{margin-right: 0px!important;}
  .product__box .rightTxt .productImg li img{width:150px; height: 150px;}
  .product__box .rightTxt .productImg li p{font-size:15px; text-align: left; line-height:35px;}
  .product__box .rightTxt .productImg li a:hover{color:#c73321;}
  .product__box .rightTxt .productImg li:hover{box-shadow: 1px 1px 5px #c73321;}
}
  @media (max-width: 767px) {
    .service__box-wrapper {
      flex-wrap: wrap;
      flex-direction: column;
      align-items: flex-start;
    }
    .product__box:first-child{width:100%;
      border: 1px solid #bea4a4;
      background-color: transparent;
      padding: 20px 20px;
      position: relative;
      background: #f8efee;
    }
  .product__box {width:100%;
      border: 1px solid #d8d8d8;
      background-color: transparent;
      padding: 20px 20px;
      position: relative;
    }
    .product__box:hover {
      box-shadow: 1px 1px 10px #888;
    }
    .product__box h2{ width:100%; padding: 10px 0; font-size: 24px; text-align: left;}
  .product__box .leftImg{ width:100%;}
  .product__box .rightTxt{width:100%; font-size: 16px;}
  .product__box .rightTxt .productImg li{ width:100%; margin-right: 0px!important; text-align: center; }
  .product__box .rightTxt .productImg li img{width:200px; height: 200px;}
  .product__box .rightTxt .productImg li:last-child{margin-right: 0px!important;}
  .product__box .rightTxt .ms{ text-align: left; line-height:30px; padding-top:20px;}
  }