.container {
     width: 80% !important;
     margin: 0 auto;
 }

 a:hover {
     text-decoration: none !important;
 }
 .pro_list li .pr {
     overflow: hidden;
 }
 .pro_list li:hover .hover { 
    bottom: 0;
    transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
  }
  
  .pro_list li .hover {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(225, 49, 56,.8);
    transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
  }
 .title_clearfix {
     margin: 40px 15px 15px;
     font-size: 1.375rem;
     font-weight: bold;
 }
 .title_clearfix .fl {
     float: left;
 }
 .title_clearfix .fr {
    float: right;
} 
.article_pro .pro_detail {
    margin-top: 40px;
}
 .title_clearfix .fr a {
     color: #e13138;
     font-size: 1.125rem;
 }
.pro_erji ul.clearfix {
    padding: 0 65px 0px; 
}
 .pro_list li  .padding {
     padding: 0 10px 15px;
 }

.list_pro_list .pro_list {
    margin-top: 40px;
}
.pro_erji.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}
 .list_pro_con {
     background: #fff;
     padding: 85px 50px;
     position: relative;
     top: -80px;
 }

 .pro_erji li {
     float: left;
     font-size: 24px;
     line-height: 48px;
     color: #000000;
     position: relative;
     font-weight: bold;
     z-index: 9;
     margin-right: 10px;
 }

 .pro_erji li a {
     padding: 0 15px;
     color: #000000;
 }

 .pro_erji li::before {
     content: "";
     position: absolute;
     bottom: 5px;
     left: 0;
     height: 16px;
     background-color: #e13138;
     width: 0;
     transition: all .6s;
     -moz-transition: all .6s;
     -webkit-transition: all .6s;
     -o-transition: all .6s;
     z-index: -1;

 }

 .pro_erji li.active::before,
 .pro_erji li:hover::before {
     width: 100%;
     transition: all .6s;
     -moz-transition: all .6s;
     -webkit-transition: all .6s;
     -o-transition: all .6s;
 }

 .list_pro {
     background: #000;
     padding-bottom: 60px;
 }

 .pro_erji li:hover a {
     color: #000;
 }

 .pro_list .img {
     border: 1px solid rgba(207, 204, 204, 0.5);
     padding: 16px 4px;
 }

 .pro_content p {
     font-size: 20px;
     line-height: 29px;
     color: #000000;
     padding: 15px 0 10px;
 }

 .pro_content div {
     font-size: 16px;
     line-height: 30px;
     color: #000000;
     overflow: hidden;
     display: -webkit-box;
     text-overflow: ellipsis;
     -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
     min-height: 150px;
 }

 .pro_list li {
     float: left;
     width: 25%;
     padding: 0 15px;
     margin-bottom: 60px;
     box-sizing: border-box;
 }
 
 .pro_list li:hover p {
     color: #e13138;
 }

 .pro_list li:hover img {
     transform: scale(1.1);
 }

 .pro_list li:nth-child(4n+1) {
     margin-left: 0;
 }

 .clearfix:before,
 .clearfix:after {
     display: table;
     content: "";
 }

 .clearfix:after {
     clear: both;
 }

 .clearfix {
     *zoom: 1;
 }

 .over>img:hover {
     transform: scale(1.1);
 }

 .over>img {
     cursor: pointer;
     transition: all 0.6s;
 }

 .w100 {
     width: 100%;
 }

 .over {
     overflow: hidden;
 }

 .bl {
     display: block;
 }

 .pro_list,
 .index_pro,
 .pro_detail {
     margin-bottom: 46px;
 }

 .list_pro_a {
     margin-top: 20px;
 }

 .list_pro_a a {
     width: 100px;
     height: 45px;
     line-height: 45px;
     text-align: center;
     background-color: #e13138;
     border-radius: 10px;
     border: solid 1px rgba(225, 49, 56, 0.5);
     border-radius: 10px;
     color: #fff;
     display: inline-block;
     font-size: 16px;
 }


 .list_pro_a .more_pro2_a {
     background-color: #ffffff;
     color: #e13138;
     margin-left: 15px;
 }

 .list_pro_a .more_pro1_a:hover {
     background-color: #ffffff;
     color: #e13138;
 }

 .list_pro_a .more_pro2_a:hover {
     background-color: #e13138;
     color: #fff;
 }

 .content_pa {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: 100px;
     width: 40%;
     background: rgba(255, 255, 255, 0.84);
     padding: 40px 30px;

 }

 .content_pa .name {
     font-size: 30px;
     font-weight: bold;
     line-height: 40px;
     margin-bottom: 8px;

 }

 .content_pa .text {
     font-size: 18px;
     line-height: 30px;

 }

 .pr {
     position: relative;
 }

 .index_pro li {
     margin-bottom: 50px;
 }

 .pro_detail .tuji {
     float: left;
     width: 40%;
 }

 .pro_detail .jieshao {
     width: 60%;
     padding-left: 60px;
     float: left;
     box-sizing: border-box;
 }

 .jieshao .title {
     font-size: 36px;
     line-height: 50px;
     border-bottom: 1px solid #ddd;
     margin-bottom: 15px;
     padding: 0 0 10px 0;
 }

 .jieshao .tedian {
     font-size: 16px;
     line-height: 30px;
 }

 .jieshao .tedian p {
     font-size: 18px;
 }

 .pro_detail_qh ul {

     line-height: 80px;
     height: 80px;
     display: table;
     margin: 0 auto;
 }

 .pro_detail_qh .bg {
     background: #F5F3F4;
 }

 .pro_detail_qh ul li {
     font-size: 18px;
     margin: 0 15px;
     float: left;
     cursor: pointer;
 }

 .pro_detail_qh ul li.active {
     color: #e13138;
 }

 .gallery-top {
     border: 1px solid #ddd;
 }

 .gallery-thumbs {
     margin-top: 20px;

 }

 .gallery-thumbs .swiper-slide {
     border: 1px solid #ddd;
 }

 .gallery-thumbs .swiper-button-next,
 .gallery-thumbs .swiper-button-prev {
     background-size: 22px 22px;
 }

 .gallery-thumbs .swiper-wrapper {
     width: 80%;
     margin: 0 auto;
 }

 .gallery-thumbs .swiper-slide-thumb-active {
     border: 1px solid #e13138;
 }

 .pro_detail_qh .sum>div {
     display: none;
     padding: 25px 0;
     font-size: 16px;
     line-height: 30px;
 }

 .pro_detail_qh .sum>div.active {
     display: block;
 }

 .pro_detail_qh {
     margin-top: 60px;
 }

 .pro_detail_qh table {
     font-size: 16px;
     line-height: 45px;
     color: #181818;
     text-align: center;

 }

 .pro_detail_qh table td {
     border: 1px solid #000;
 }

 @media (max-width:1600px) {}

 @media (max-width:1440px) {
     .pro_erji li {
         font-size: 20px;

     }

     .pro_list li {
         padding: 0 10px;
         margin-bottom: 40px;
     }

     .pro_list,
     .index_pro,
     .pro_detail {
         margin-top: 30px;
     }

     .list_pro_a .more_pro2_a {
         margin-left: 6px;
     }

     .pro_content div {
         font-size: 14px;
         line-height: 28px;
         min-height: 140px;
     }

     .list_pro_a a {
         height: 40px;
         line-height: 40px;
         font-size: 14px;
     }

     .list_pro_a {
         margin-top: 15px;
     }

     .pro_detail_qh ul {
         line-height: 60px;
         height: 60px;
     }

     .pro_detail_qh ul li {
         font-size: 16px;
     }

     .pro_detail .jieshao {
         padding-left: 40px;
     }

     .jieshao .title {
         font-size: 28px;
         line-height: 40px;
     }

     .jieshao .tedian {
         font-size: 14px;
         line-height: 30px;
     }

     .pro_content p {
         font-size: 18px;
         padding: 10px 0 4px;
     }

     .list_pro_a a {
         height: 34px;
         line-height: 34px;
     }
 }

 @media (max-width:1366px) {
     .list_pro_a a {
         width: 94px;
     }
 }

 @media (max-width:1280px) {
     .jieshao .tedian {
         line-height: 26px;
     }

     .jieshao .title {
         font-size: 22px;
         line-height: 30px;
         margin-bottom: 10px;
     }
 }