.news_center {
   position: relative;
 }

 .news_center>img {
   width: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: -1;
 }

 .news_center>img.img_m {
   display: none;
 }

 .new-list {
   padding-top: 40px;
 }

 .new-list.new-pc a {
   display: flex;
   align-items: center;
   margin-top: 15px;
   padding: 40px 0;
   position: relative;
 }

 .new-list.new-pc a .time {
   margin-right: 3.5%;
 }

 .new-list.new-pc a .time span {
   color: #606060;
 }

 .new-list.new-pc a .time span:first-child {
   font-size: 30px;
 }

 .new-list.new-pc a .time span:last-child {
   font-size: 16px;
 }

 .new-list.new-pc a .img-box {
   width: 24.25%;
   margin-right: 5%;
   flex: none;
   overflow: hidden;
   border-radius: 5px;
   transition: all 0.5s;
 }

 .new-list.new-pc a .img-box img {
   width: 100%;
 }

 .new-list.new-pc a .content {
   width: 59.18%;
 }

 .new-list.new-pc a .content h3 {
   font-weight: bold;
   color: #606060;

 }

 .new-list.new-pc a .content p {
   color: #7A7A7A;
   margin-top: 27px;
   line-height: 30px;
 }

 .new-list.new-pc a::after {
   content: '';
   background: #fff;
   width: 81.875%;
   height: 100%;
   position: absolute;
   right: 0;
   top: 0;
   transition: all 0.4s;
   z-index: -1;
   opacity: 0;
   border-radius: 10px;
   box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.11);
 }

 .new-list.new-pc a:hover::after {
   opacity: 1;
 }

 .new-list.new-pc a:hover .content h3 {
   color: #27883C;
 }

 .new-list.new-pc a:hover .img-box {
   transform: translateX(-30px);
 }

 .new-list.new-mb {
   display: none;
   padding-bottom: 30px;
 }

 .new-list.new-mb .slide {
   display: block;
   margin-bottom: 25px;
   position: relative;
   box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.16);

 }

 .new-list.new-mb .slide .new-img {
   width: 100%;
   margin-right: 0;
   /* border-radius: 10px 10px 0 0; */
   vertical-align: bottom;
 }

 .new-list.new-mb .slide .new-content {
   padding: 18px 16px 20px;
   font-size: 12px;
 }

 .new-list.new-mb .slide .new-content span {
   font-size: 13px;
   color: #7E7E7E;
 }

 .new-list.new-mb .slide .new-content h2 {
   color: #010002;
   font-weight: bold;
   margin-bottom: 6px;
   font-size: 15px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   -webkit-line-clamp: 1;
 }

 .new-list.new-mb .slide .new-content p {
   color: #7A7A7A;
   font-size: 13px;
   margin-top: 6px;
   margin-bottom: 10px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   -webkit-line-clamp: 4;
 }

 .new-list.new-mb .slide .new-content .more {
   padding: 12px 16px;
   background: #27883C;
   color: #fff;
   border-radius: 100px;
   display: inline-block;
 }

 .new-list.new-mb .slide::after {
   width: 100%;
   height: 100%;
   top: auto;
   bottom: 0;
   background: #fff;
   content: '';
   position: absolute;
   right: 0;
   z-index: -1;
   border-radius: 10px;
 }

 .new-list.new-mb .slide:hover .new-content h2 {
   color: #27883C;
 }

 .detail h3 {
   color: #333;
   font-size: 29px;
   margin: 104px 0 18px;
   font-weight: 400;
 }

 .detail .time {
   color: #999999;
   font-size: 18px;
 }

 .detail .border {
   width: 100%;
   height: 1px;
   background: #CCCCCC;
   margin: 26px 0 55px;
 }

 .detail .content {
   padding-bottom: 70px;
   border-bottom: 1px solid #CCCCCC;
 }

 .detail .content p {
   color: #666666;
   font-size: 16px;
   line-height: 35px;
   margin-bottom: 20px;
 }

 .detail .more {
   padding: 27px 0 136px;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .detail .more a {
   color: #333333;
   font-size: 14px;
 }

 .detail .more a:hover {
   color: #AC1617;
 }

 @media only screen and (max-width: 1024px) {
   .tabs .sub-tabs {
     width: 92%;
     justify-content: flex-start;
   }

   .tabs .sub-tabs a {
     margin-right: 12px;
   }

   .tabs .sub-tabs a:last-child {
     margin-right: 0;
   }

   .detail h3 {
     margin: 35px 0 13px;
     font-size: 17px;
   }

   .detail .time {
     font-size: 13px;
   }

   .detail .border {
     margin: 22px 0 26px;
   }

   .detail .content {
     padding-bottom: 39px;
   }

   .detail .content p {
     font-size: 13px;
     line-height: 25px;
     margin-bottom: 10px;
   }

   .detail .content img {
     max-width: 100%;
     margin-bottom: 10px;
   }

   .detail .more {
     margin: 22px 0 28px;
     display: block;
   }

   .detail .more a {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     -webkit-line-clamp: 1;
     margin-bottom: 13px;
     font-size: 12px;
     color: #7E7E7E;
   }
 }

 @media only screen and (max-width: 768px) {
   .new-list.new-pc {
     display: none;
   }

   .new-list.new-mb {
     display: block;
     padding-bottom: 0;
   }

   .detail .more {
     padding: 0 0 80px;
   }

   .news_center>img {
     display: block;
   }

   .news_center>img.img_m {
     display: block;
   }

   .news_center>img.img_p {
     display: none;
   }

   .new-list.new-mb .slide {
     box-shadow: 0px 0px 0.19rem 1px rgba(0, 0, 0, 0.16);
     border-radius: 0.19rem;
   }
 }

 @media only screen and (max-width: 767px) {
   .new-list.new-mb .slide .new-content h2 {
     color: #010002;
     font-weight: bold;
     margin-bottom: 0.2rem;
     font-size: 0.7rem;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     -webkit-line-clamp: 1;
   }

   .new-list.new-mb .slide .new-content span {
     font-size: 0.55rem;
     color: #7E7E7E;
     line-height: 1.6rem;
   }

   .new-list.new-mb .slide .new-content p {
     color: #7A7A7A;
     font-size: 0.6rem;
     line-height: 1rem;
     margin-top: 0;
     margin-bottom: 0.5rem;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     -webkit-line-clamp: 4;
   }
 }