.news{width: 100%; height: 100%;}
.news .m_section{width: 100%!important; padding-left: 260px; max-width:100%!important;}
.news .m_section .news_wrap{display:flex; flex-wrap:nowrap; align-items:center; width: 100%; height: 100%;}
.news .m_section .news_wrap:after{display:block; content:''; clear:both;}
.news .m_section .news_wrap .m_tit{width: 240px; float: left;}
.news .m_section .news_wrap .m_tit span{color:#bbb;}
.news .m_section .news_wrap .m_tit h2{color:#101010;}
.news .m_section .news_wrap .m_tit p{color:#666;}
.news .m_section .news_wrap .m_tit .m_btn{border-color:#043a57;}
.news .m_section .news_wrap .m_tit .m_btn span{color:#043a57;}

.news .m_section .news_wrap .news_slide{width:calc(100% - 240px); padding-left: 170px; float: left;}
.news .m_section .news_wrap .news_slide ul li{overflow:hidden; position: relative; margin-right: 20px;}
.news .m_section .news_wrap .news_slide ul li > a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.news .m_section .news_wrap .news_slide ul li .news_img{width: 100%; height: 295px; overflow:hidden; margin-bottom: 20px;}
.news .m_section .news_wrap .news_slide ul li .news_img img{width: 100%; height: 100%; transition:0.5s;}
.news .m_section .news_wrap .news_slide ul li h3{font-size: 28px; line-height:38px; color:#222; word-break:keep-all; letter-spacing:-0.6px; font-weight: 600; margin-bottom: 15px; padding: 0 5px;}
.news .m_section .news_wrap .news_slide ul li p{font-size: 18px; line-height:28px; color:#9a9a9a; word-break:keep-all; letter-spacing:-0.4px; margin-bottom: 25px; padding: 0 5px;}
.news .m_section .news_wrap .news_slide ul li span i{padding: 8px; background-color: #043a57; border-radius:20px; color:#fff; font-size: 13px; margin-right: 5px;}
.news .m_section .news_wrap .news_slide ul li span{font-size: 15px; font-weight: 500; color:#b0b0b0; padding: 0 5px;}

.news .m_section .news_wrap .news_slide .progress{display: block; width: 100%; height: 3px; overflow: hidden; background-color: #ddd; margin-top: 45px;
background-image: linear-gradient(to right, #333, #333); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;}
.news .m_section .news_wrap .news_slide .sr-only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}

.news .m_section .news_wrap .news_slide ul li:hover .news_img img{transform:scale(1.1);}

@media (max-width: 1720px){

.news .m_section{width: 100%!important; padding-left: 0px; max-width:1400px!important;}
.news .m_section .news_wrap .news_slide{padding-left: 0;}
}

@media (max-width: 1420px){
.news .m_section{padding-right: 20px; padding-left: 20px;}
.news .m_section .news_wrap .news_slide ul li .news_img{height: 240px;}
.news .m_section .news_wrap .news_slide ul li h3{font-size: 24px; line-height:32px;}
.news .m_section .news_wrap .news_slide ul li p{font-size: 17px; line-height:25px; margin-bottom: 20px;}
.news .m_section .news_wrap .news_slide .progress{margin-top: 20px;}
}

@media (max-width: 1240px){
.news .m_section .news_wrap{display:block; margin-top: 40px;}
.news .m_section .news_wrap .m_tit{width: 100%; float: inherit; margin-bottom: 30px; text-align: center;}
.news .m_section .news_wrap .news_slide{width: 100%; float: inherit;}

}

@media (max-width: 1024px){
.news .m_section .news_wrap .news_slide ul li .news_img{height: 200px;}
.news .m_section .news_wrap .news_slide ul li h3{font-size: 22px; line-height:30px;}
.news .m_section .news_wrap .news_slide ul li p{font-size: 16px; line-height:24px; margin-bottom: 15px;}
.news .m_section .news_wrap .news_slide ul li span i{padding: 6px; font-size: 12px;}
.news .m_section .news_wrap .news_slide ul li span{font-size: 14px;}
}

@media (max-width: 640px){
.news .m_section .news_wrap{margin-top: 20px;}
.news .m_section .news_wrap .news_slide ul li .news_img{height: 160px;}
.news .m_section .news_wrap .news_slide ul li h3{font-size: 20px; line-height:26px;}
.news .m_section .news_wrap .news_slide ul li p{font-size: 15px; line-height:21px; margin-bottom: 10px;}
}

@media (max-width:480px){
.news .m_section .news_wrap .news_slide ul li .news_img{height: auto;}
.news .m_section .news_wrap .news_slide ul li h3{font-size: 17px; line-height:23px;}
.news .m_section .news_wrap .news_slide ul li p{font-size: 14px; line-height:18px; margin-bottom: 10px;}
.news .m_section .news_wrap .news_slide ul li span i{padding: 5px; font-size: 12px;}
.news .m_section .news_wrap .news_slide ul li span{font-size: 12px;}
}