/* 大于768（电脑） */
 @media screen and (min-width:768px) {
     .card_news_wrap {
         padding: 20px 40px;
     }

     .card_news {}

     .card_news div.title {
         line-height: 50px;
         position: relative;
         overflow: hidden;
         border-bottom: 1px solid #A5E5CF;
     }

     .card_news div.title strong {
         font-size: 20px;
         color: #18B580;
         line-height: 50px;
         border-bottom: 2px solid #18B580;
         display: inline-block;
     }

     .card_news div.title strong img {
         width: 20px;
         vertical-align: middle;
         margin-right: 10px;
     }

     .card_news div.title a {
         color: #999999;
         line-height: 50px;
         font-size: 14px;
     }

     .card_news div.title a.more {
         float: right;
     }

     .card_news div.title a.more img {
         width: 11px;
     }



     .card_news .content {
         padding: 15px 0px;
         position: relative;
         padding-left: 575px;
     }

     .card_news .content .img_list {
         /* border: solid red 1px; */
         width: 535px;
         background-color: #999999;
         position: absolute;
         left: 0px;
         top: 15px;
         z-index: 9;
     }

     .card_news .content .img_list #banner {
         width: 535px;
         height: 310px;
         /* overflow: hidden; */
         /* position: relative; */
     }

     .hiSlider-pages,
     .hiSlider-title {
         position: absolute;
         z-index: 9;
     }

     .hiSlider-title {
         /* border: solid blue 1px; */
         top: 269px;
         width: 100%;
         padding: 12px 0;
         color: #fff;
         text-indent: 10px;
         background: rgba(0, 0, 0, .6);
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }

     .hiSlider-pages {
         /* border: solid red 1px; */
         top: 269px;
         right: 0;
         line-height: 40px;
         z-index: 99;
     }

     .hiSlider-pages a {
         height: 12px;
         width: 12px;
         margin: 0 6px;
         display: inline-block;
         overflow: hidden;
         text-indent: -100px;
         font-size: 0;
         border-radius: 50%;
         background: #ddd
     }

     .hiSlider-pages a.active {
         background: #5472BF
     }

     #banner img {
         width: 535px;
         height: 310px;
         object-fit: cover;
     }



     .card_news .content .new_list {
         /* border: solid red 1px; */
         height: 290px;
         overflow: hidden;
         background-color: #F5F5F5;
         padding: 20px;
         padding-bottom: 0px;
         border-radius: 8px;
         overflow: hidden;
     }

     .card_news .content .new_list .data_list {
         /* border: solid red 1px; */
         position: relative;
         padding-left: 184px;
         min-height: 76px;
     }

     .card_news .content .new_list .data_list dt {

         width: 164px;
         height: 76px;
         background-color: #999999;
         position: absolute;
         z-index: 1;
         left: 0px;
         top: 0px;
     }

     .card_news .content .new_list .data_list dt img {
         object-fit: cover;
         width: 164px;
         height: 76px;
     }

     .card_news .content .new_list .data_list dd {
         /* border: solid blue 1px; */
     }

     .card_news .content .new_list .data_list dd p {
         /* text-align: right; */
         color: #999999;
         font-size: 12px;
         white-space: nowrap;
         overflow: hidden;
         margin-left: 10px;
     }

     .card_news .content .new_list .data_list dd div {
         display: flex;
         justify-content: flex-end;
     }

     .card_news .content .new_list .data_list dd .source {
         /* float: right; */
     }

     .card_news .content .new_list .data_list dd .created_at {
         /* float: right; */
     }

     .card_news .content .new_list .data_list dd h4 {
         /* border: solid blue 1px; */
         height: 52px;
         overflow: hidden;
         font-size: 14px;
         line-height: 26px;
         font-weight: 400;
         white-space: nowrap;
         text-overflow: ellipsis;
     }

     .card_news .content .new_list a {
         color: #333333;
         margin-bottom: 20px;
         display: block;
     }

     .hiSlider-btn-prev,
     .hiSlider-btn-next {
         position: absolute;
         z-index: 5;
         top: 50%;
         height: 30px;
         width: 30px;
         background: url("/vendor/web/images/hislider-arrow.png") no-repeat;
         margin-top: -15px;
         text-indent: -200px;
         overflow: hidden;
         opacity: .6;
         filter: alpha(opacity=60);
         display: none;
     }

     .hiSlider-btn-prev {
         left: 10px
     }

     .hiSlider-btn-next {
         right: 10px;
         background-position: -30px 0
     }

     .hiSlider-btn-prev:hover,
     .hiSlider-btn-next:hover {
         opacity: 1;
         filter: alpha(opacity=100)
     }
 }

 /* 小于768（手机） */
 @media screen and (max-width:768px) {
     .card_news_wrap {
         padding: .4267rem;
         /* width: 1190px; */
     }

     .card_news {}

     .card_news div.title {
         /* border: solid red 1px; */
         line-height: 1.28rem;
         position: relative;
         overflow: hidden;
         border-bottom: 1px solid #A5E5CF;
     }

     .card_news div.title strong {
         font-size: .4267rem;
         color: #18B580;
         line-height: 1.3067rem;
         border-bottom: .0533rem solid #18B580;
         display: inline-block;
     }

     .card_news div.title strong img {
         width: .4rem;
         vertical-align: middle;
         margin-right: .1333rem;
     }

     .card_news div.title a {
         color: #999999;
         line-height: 1.28rem;
         font-size: .3733rem;
     }

     .card_news div.title a.more {
         float: right;
     }

     .card_news div.title a.more img {
         width: .2933rem;
     }


     .card_news .content {
         padding: .4267rem 0;
         position: relative;
         padding-bottom: 0;
     }

     .card_news .content .img_list {
         border-radius: .2133rem;
         width: 100%;
         background-color: #999999;
         margin-bottom: .4267rem;
     }

     .card_news .content .img_list #banner {
         width: 100%;
         height: 5.2533rem;
         border-radius: .2133rem;
         overflow: hidden;
     }

     #banner img {
         width: 100%;
         height: 5.2533rem;
         object-fit: cover;
     }

     .hiSlider-pages,
     .hiSlider-title {
         /* border: solid red 1px; */
         position: absolute;
         z-index: 3
     }

     .hiSlider-btn-prev,
     .hiSlider-btn-next {
         position: absolute;
         z-index: 5;
         top: 50%;
         height: .8rem;
         width: .8rem;
         background: url("/vendor/web/images/hislider-arrow.png") no-repeat;
         margin-top: -0.4rem;
         text-indent: -5.3333rem;
         overflow: hidden;
         opacity: .6;
         filter: alpha(opacity=60);
         display: none;
     }

     .hiSlider-btn-prev {
         left: .2667rem;
     }

     .hiSlider-btn-next {
         right: .2667rem;
         background-position: -0.8rem 0
     }

     .hiSlider-btn-prev:hover,
     .hiSlider-btn-next:hover {
         opacity: 1;
         filter: alpha(opacity=100)
     }



     /* 轮播底部文字和圆点 */

     .hiSlider-title {
         font-size: .3733rem;
         bottom: .3467rem;
         width: 100%;
         height: .9067rem;
         color: #fff;
         padding: 8px;
         padding-right: 90px;
         box-sizing: border-box;
         background: rgba(0, 0, 0, .6);
         z-index: 2;

         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }

     .hiSlider-pages {
         /* border: solid red 1px; */
         height: .9333rem;
         bottom: .32rem;
         right: 0;
         box-sizing: border-box;
         padding-top: 8px;
         padding-right: .2667rem;
     }

     .hiSlider-pages a {
         height: .2667rem;
         width: .2667rem;
         margin: 0 .16rem;
         display: inline-block;
         overflow: hidden;
         text-indent: -2.6667rem;
         font-size: 0;
         border-radius: 50%;
         background: #ABABAB;
     }

     .hiSlider-pages a.active {
         background: #fff;
     }




     .card_news .content .new_list {
         /* border: solid red 1px; */
         /* height: 290px; */
         overflow: hidden;
         background-color: #F5F5F5;
         padding: .4267rem .2133rem;
         padding-bottom: 0px;
         border-radius: .2133rem;
         overflow: hidden;
     }

     .card_news .content .new_list .data_list {
         /* border: solid red 1px; */
         position: relative;
         padding-left: 2.9333rem;
         min-height: 2.0267rem;
     }

     .card_news .content .new_list .data_list dt {

         width: 2.72rem;
         height: 2.0267rem;
         border-radius: .1067rem;
         overflow: hidden;
         background-color: #999999;
         position: absolute;
         z-index: 1;
         left: 0px;
         top: 0px;
     }

     .card_news .content .new_list .data_list dt img {
         object-fit: cover;
         width: 100%;
         height: 2.0267rem;
     }

     .card_news .content .new_list .data_list dd {
         height: 2.0267rem;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
     }

     .card_news .content .new_list .data_list dd p {
         /* border: solid blue 1px; */
         text-align: right;
         color: #999999;
         font-size: .3733rem;
         white-space: nowrap;
         overflow: hidden;
     }

     .card_news .content .new_list .data_list dd h4 {
         /* border: solid blue 1px; */
         height: .6933rem;
         font-size: .3733rem;
         line-height: .6933rem;
         font-weight: 400;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
     }

     .card_news .content .new_list a {
         color: #333333;
         margin-bottom: .4267rem;
         display: block;
     }
 }