.head-and-banner{
    position: relative;
}
/* banner轮播 */
.banner-wrap{
    height: 712px;
    background: url('../../images/product/banner.png') no-repeat center center;
    background-size: cover;
}
.product_content {
  background: #FAFAFA;
  overflow: hidden;
}
body{
    background: #FAFAFA;
}
.title{
    background: #FAFAFA;
    width: 1200px;
    margin: 172px auto 0 auto;
}
.title  h1{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 38px;
    line-height: 135.9%;
    color: #121212;
}
.title h2{
    font-weight: 400;
    font-size: 22px;
    line-height: 167.9%;
    color: #121212;
    margin-top: 10px;
}
/* tab */
.page-tab{
    margin: 80px 0 0 0
}
.page-tab ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-tab ul li{
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    font-size: 18px;
    color: #999;
    margin:0 40px;
    position: relative;
    cursor: pointer;
  
}
.page-tab ul li.selected_tab {
    color: #121212;
}
.page-tab ul li.selected_tab:after{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 49px;
    height: 5px;
    background-color: #FC4B42;
    border-radius: 5px;
}

.product-wrap{
    width: 1200px;
    margin: 0 auto;
    padding: 65px 0 160px 0;
}

.product-wrap .product-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.product-wrap .product-list .product-item:hover{
    box-shadow:0px 0px 40px rgba(0,0,0,0.1 );
}
.product-wrap .product-list .product-item{
  position: relative;
    width: 382px;
    height: 531px;
    text-align: center;
    margin-bottom: 20px;
    background: #FFFFFF;
    border-radius: 28px;
    cursor: pointer;
}
.product-wrap .product-list .product-item:not(:nth-of-type(3n)){
  margin-right: 20px;
}
.product-wrap .product-list .product-item .product_new {
  position: absolute;
  top: 29px;
  left: 37px;
  width: 43px;
  height: 20px;
  line-height: 20px;
  font-weight: 400;
  font-size: 13px;
  text-align: center;
  color: #FB4B42;
  border: 1px solid #FFBFBF;
  border-radius: 4px;
}
.product-wrap .product-list .product-item .product_img{
    width: 308px;
    height: 308px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 17px auto 0;
}
.product-wrap .product-list .product-item h3{
  padding: 57px 34px 12px;
  font-weight: 600;
  font-size: 28px;
  line-height: 105.9%;
  text-align: left;
  color: #121212;
}

.product-wrap .product-list .product-item h4 {
  height: 70px;
  margin: 0 34px 19px;
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 105.9%;
  color: #999999;
  overflow: hidden;
}
.product-wrap .product-list .product-item-download{
    text-align: left;
}
.product-download{
    margin: 0 0 0 34px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 105.9%;
    color: #FB4B42;
}
.product-download img{
    margin-right: 10px;
}
.product-wrap .product-list .product-item .product-desp-download{
    height: 50px;
    margin: 0 0 0 34px;
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 105.9%;
    color: #999999;
    overflow: hidden;
}
.product-wrap .product-list .product-item-download .product-desp-download{
    line-height: 150.9%;
}
.product-wrap{
    position: relative;
}
.pagination{
    position: absolute;
    left: 50%;
    bottom: 160px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    color: #FC4B42;
    cursor: pointer;
}
.pagination li{
    margin-right: 24px;
    width: 40px;
    height: 4px;
    background:rgba(238,238,238,1);
    cursor: pointer;
}
.pagination li.active{
    height: 8px;
    background-color: #FC4B42;
}
.pagination.hide{
    display: none;
}