/* 新闻动态 */



.news-list{

	margin-bottom:5%;

}

.news-list .url {

    transition: 0.3s;

    display: block;

    border-bottom: 1px solid #e8e8e8;

    padding: 0.4rem 0;

}

.news-list dl {

    width: 100%;

	display: flex;

    align-items: center;

    justify-content: space-between;

}

.news-list dl dt {

    width:320px;

	height:190px;

	position:relative;

	overflow:hidden;

    transition: .8s;

}

.news-list dl dt img{

	position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    object-fit: cover;

    transition: .8s;

}

.news-list dl dd {

	width:77%;

    background: url(../img/more.svg) no-repeat right 0.2rem center;

    background-size: auto 0.5rem;

}

.news-list dl dd .inner {

    width: 80%;

}

.news-list .tit {

    font-weight: 500;

    font-size:24px;

	color:#333;

}

.news-list .inner time {

    font-size: 0.14rem;

    font-weight: 500;

    color: #d70c19;

    display: block;

    margin:18px 0 30px;

}



.news-list .inner p {

    color: #666;

    line-height: 1.8;

    margin: 0;

	font-size:14px;

}

.news-list .url:hover dl dd {

    background-image: url(../img/more-red.svg);

}



.news-list .url:hover .tit  {

    color: #e60013;

}



.news-list .url:hover dt img {

    transform: scale(1.1);

}



.yema {

    width: 100%;

    text-align: center;

    overflow: hidden;

    padding-bottom: 5%;

}



.yema a {

    display: inline-block;

    height: 40px;

    line-height: 38px;

    overflow: hidden;

	padding:0 20px;

    margin-left:5px;

    color: #666666;

    font-size: 14px;

    border: 1px solid #e5e5e5;

    background: #fff;

    border-radius: 6px;

}

.yema a.on {

    color: #fff;

    background: #e70315;

    border: 1px solid #e70315;

}



.yema a:hover {

    background-color: #e70315;

    color: #fff;

    border: 1px solid #e70315;

}







/*行业新闻*/



.szgc-list {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  margin-bottom:5%;

}



.jtdt-item {

  width: 100%;

  height: 220px;

  background-color: #F1F4F9;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  padding: 50px 30px;

  box-sizing: border-box;

  position: relative;

  margin-top: 30px;

  transition: .5s;

}



.jtdt-item:nth-child(1) {

  margin-top: 0;

}



.jtdt-item h2 {

	font-size:24px;

	font-weight: 500;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	max-width: 75%;

	color:#333;

}



.jtdt-item span {

  font-size:14px;

  color: #888;

}



.jtdt-item p {

  font-size:15px;

  color: #888;

  text-align: justify;

  max-width: 75%;

  word-break: break-all;

  text-overflow: ellipsis;

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}



.jtdt-item::after {

  width: 1px;

  height: 40%;

  top: 30%;

  right: 6%;

  position: absolute;

  content: "";

  background-color: rgba(0, 0, 0, .1);

}



.news-next {

  position: absolute;

  width: 30px;

  height: 30px;

  background-image: url('../img/news-next2.png');

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

  right: 30px;

  top: calc(50% - 15px);

  transition: .5s;

}



.jtdt-item:hover .news-next {

  background-image: url('../img/news-next.png');

}



.jtdt-item:hover {

  background-color: #fff;

  box-shadow: 0 0 20px rgba(0, 0, 0, .2);

}



.jtdt-item::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 0;

  height: 6px;

  background-color: #df0615;

  transition: .5s;

}



.jtdt-item:hover::before {

  width: 100%;

}





/*视频列表*/

.video_ul{ 

	width:100%; 

	overflow:hidden; 

	margin-bottom:3%;

}

.video_ul ul li{ 

	float:left; 

	width:23.5%; 

	margin-right:2%; 

	margin-bottom:2%;

	position:relative;

}

.video_ul ul li:nth-child(4n+0){ 

	margin-right:0;

}

.video_ul ul li .imgs{

	width:100%;

	height:250px; 

	overflow:hidden;

	position:relative;

}



.video_ul ul li .imgs img {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    object-fit: cover;

    transition: .8s;

}



.video_ul ul li .imgs:after{ 

	content:""; 

	background:rgba(0,0,0,0.2); 

	top:0; 

	left:0; 

	width:100%; 

	height:100%; 

	position:absolute; 

	z-index:1;

}

.video_ul ul li:hover .imgs:after{

	background:rgba(0,0,0,0.4);

}

.video_ul ul li:hover .imgs img{

	-webkit-transform:scale(1.1, 1.1); 

	-moz-transform:scale(1.1, 1.1); 

	-o-transform:scale(1.1, 1.1); 

	-ms-transform:scale(1.1, 1.1); 

	transform:scale(1.1, 1.1);

}

.video_ul ul li .boxs{ 

	width:98%; 

	margin:0 auto;

}

.video_ul ul li .tex{

	font-size:18px;

	line-height:28px;

	font-weight:500;

	color:#333333; 

	margin-top:16px; 

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	

	

}

.video_ul ul li:hover .tex{ 

	color:#bb2c23;

}

.video_ul ul li i{ 

	display:block; 

	width:52px; 

	height:52px;

	margin-top:-26px;

	margin-left:-26px;

	position:absolute;

	left:50%; 

	top:50%;

	background:url(../img/video_pic1.png) center center no-repeat; 

	background-size:100%;

	transition:all 0.3s; 

	z-index:2;

}

.video_ul ul li:hover i{

	transform:scale(1.1, 1.1); 

	background-image:url(../img/video_pic1_on.png);

}





/**视频弹框**/

.tank-video-box {

  position: fixed;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  z-index: 9999;

  background-color: rgba(0, 0, 0, 0.2);

  display: none;

  cursor: pointer;

}

.tank-video-box .flex-box {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;

  width: 100%;

}

.tank-video-box .video-box {

  position: relative;

  height: auto;

  width: auto;

}

.tank-video-box .video-box .exit {

  width:28px;

  height:28px;

  position: absolute;

  right: -15px;

  top: -15px;

  background:#ffffff url(../img/c10.png) no-repeat center center;

  border-radius: 50%;

  transition: all 0.3s;

  

}

.tank-video-box .video-box video {

  display: block;

  border: 7px solid #137fdc;

  border: 7px solid #ffffff;

  box-shadow: 0 0 35px rgba(0, 0, 0, 0.5);

  height: 60vh;

  width: auto;

  background: #000000;

  max-width: 94vw;

  max-height: 96vh;

  border-radius: 4px;

}







/*新闻详情*/



.mbx2 {

    background-color: #f7f7f7;

}



.new-info-out2 {

    background-color: #f7f7f7;

}



.new-box{

	width: 100%;

	overflow:hidden;

	margin-bottom:5%;

}

.info_box{

	width:72%;

	background:#fff;

	overflow:hidden;

	padding:40px 60px 60px;

	background-color:#fff;

}

.info_box .title_div {

    border-bottom: 1px solid #e8e8e8;

    padding-bottom:20px;

    margin-bottom:32px;

}

.info_box .title_div h2 {

    font-size:28px;

	margin-bottom:25px;

	font-weight:500;

}

.info_box .title_div p {

    color: #756969;

}

.info_box .title_div p span {

    display: inline-block;

	margin-right:20px;

	font-size:16px;

}



.info_box .content_div, .info_box .content_div * {

    font-size: 16px;

    line-height:2;

	max-width:100%;

}



.prenext {

    padding-top: 2%;

    padding-bottom: 2%;

    font-size: 16px;

    margin-top: 5%;

    border-top: 1px solid #cccccc;

    border-bottom: 1px solid #cccccc;

    overflow: hidden;

    line-height: 34px;

    text-align: left;

}



.prenext span {

    width: 100%;

    overflow: hidden;

    height: 34px;

    white-space: nowrap;

    text-overflow: ellipsis;

    display: block;

    color: #999999;

    padding-right: 70px;

}



.prenext a {

    color: #666666;

    overflow: hidden;

    transition: all 0.3s;

}



.prenext .goback {

    float: right;

    display: inline-block;

    vertical-align: top;

    height: 68px;

    line-height: 34px;

    padding-top: 34px;

    color: #333333;

    margin-top: -68px;

    background: url(../img/case_pic2.png) center top 10px no-repeat;

    background-size: 21px 15px;

    transition: all 0.3s;

}

.prenext .goback:hover {

    color: #e70012;

    background-image: url(../img/case_pic2_on.png);

}

.prenext a:hover {

    color: #e70012;

    text-decoration: none;

}



.new_r {

    width: 26%;

	background:#fff;

    max-width: 400px;

	padding:2%;

}

.new_r .tit{

	width:100%;

}

.new_r .tit h4{

	font-size:24px;

	color:#333333;

	line-height:26px;

	font-weight:500;

	position:relative;

	padding-left:10px;

	border-left:solid 4px #df0615;



}

.new_r_list{

	width:100%;

	overflow:hidden;

}

.new_r_list li{

	width:100%;

	margin-top:20px;

}

.new_r_list li .img{

	width:100%;

	height:230px;

	overflow:hidden;

	transition: all 0.8s;

	position:relative;

	border:solid 1px #f6f6f6;

}

.new_r_list li .img img{

	position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

	object-fit: cover;

    transition: .8s;

}

.new_r_list li a:hover .img img  {

    transform: scale(1.06);

}

.new_r_list li .tex{

	overflow:hidden;

	padding:20px 0;

}

.new_r_list li .tex h3{

	font-size:15px;

	line-height:1.6;

	color:#333;

	font-weight:500;

}

.new_r_list li span{

	display:block;

	font-size:12px;

	color:#999999;

	padding-top:10px;

	font-weight:500;

}

.new_r_list li a:hover .tex h3{

	color:#df0615;

}