.news{margin:60px auto;padding:30px 20px;width:70%;max-width:3000px;box-shadow: 0 0 8px 2px #E1E1E1; background-color:#fff;}

.news.index03{width:50%;margin:0 auto; padding-bottom:300px;}

.news.index03.video01{width:38%;height:auto;}

index03.video01.img{width:30%;height:auto;}



case{width:1200px;height:2000px;position: relative;}

.case .lang{font-size: 34px;text-align:left;margin-left: 5px;height: auto;}

.case .lang .chinese{font-family: "SourceHanSansCN-Regular";color: #333;height: 120px;}

.case .lang .english{color: #666;line-height: 80px;font-family: "Helvetica LT 43 Light Extended";}

.line-text {padding-bottom: 10px;border-bottom: 3px solid #c11c1f;}

.case ul{height:auto;margin-top: 40px;width: 1220px;margin: 0 auto}

.case ul li.item{width:286px;height:320px;padding:10px;background:#f6f6f6;margin: 0 18px 20px 0;float:left;overflow: hidden;}

.case ul li.item h4.title{margin:18px 0 13px;display:block;font-size:18px;color: #333;text-align: left;padding: 0 11px;line-height: 25px;}

.case ul li.item p{padding: 0 11px;font-size:12px;line-height: 21px;color: #666;}

.case ul li.item{font-size: 13px;color: #333;}

.case ul li.item .meta{float: left;margin:33px 0 25px;padding: 0 11px;}

.case ul li.item .meta a{display:inline-block;float:left;color:#fff;background: #c11c1f;text-align: center;padding:0 10px;line-height:25px;height:25px;margin-right: 3px;}

.case ul li.item .a-img {width: 266px;display: block;position: relative;overflow:hidden;transition: all 0.6s;}

.case ul li .a-img img {width: 266px;display: block;height: auto;overflow:hidden;transition: all 0.6s;}

.case ul li .a-img img:hover{transform: scale(1.1);}





.news2 {

	width: 1200px;

	margin: 0 auto;

	min-height: 100px;

	margin-top: 50px;

	margin-bottom: 50px;



}

.biankuang{

	width: 1200px;

	margin: 0 auto;

	min-height: 100px;

	border: 1px solid #ddd;

}

.pinpai{

	font-size: 18px;

	float: left;

	margin-left: 30px;

	margin-top: 16px;

	font-weight: bold;

	line-height: 2;

}

.leimu{

	padding-top:16px;

	display: flex;

	width: 1100px;

	flex-wrap:wrap;

	font-weight: bold;

	font-size: 18px;

	padding-left: 30px;

}

.fenlei{

	padding-right: 30px;

	flex-direction: row;

	font-size: 16px;

	/*padding-top:16px;*/

	line-height:2;

}

.fenlei:hover{

	color: #fb4343;

	cursor: pointer;

}

.fenlei.cur{

	color: #fb4343;

}

.liebiao{

	display: flex;

	padding-top: 30px;

	width: 1200px;

	flex-wrap:wrap;

}

.shipin{

	margin:0 10px;

	margin-top: 40px;

	background-color: pink;

	width:280px;

	height: 260px;

	flex-direction: row;

}

.shipin>p{

	height: 25px;

}



<meta charset="UTF-8">

<title>新闻列表</title>

<style type="text/css">

														*{

															margin: 0;

															padding:0;

														}

.wrap{

	width: 600px;

	margin: 0px auto;



}

.menu{

	width:  600px;

	height: 30px;

	background: cornflowerblue;

	position: sticky;

	top:0px;

}

.menu ul li{



	float: left;

	list-style-type: none;

	padding: 0 40px;

}



.content ul li img{

	width: 350px;

	height:240px;

}



/.content ul li img:hover{

	transform: scale(1.2);

	/*当鼠标移动到图片上时实现放大功能*/

}

.content ul li{

	height: 300px;

	overflow: hidden;

	border-bottom: 1px solid lavender;

	background: white;

	list-style-type: none;

	transition-duration: 0.5s;

	margin: 30px 360px 30px 360px;

	overflow: hidden;





}

.content ul li:hover{

	background-color: #eee;

	/*background-color: lavender;*/

	transition-duration: 0.5s;

}

.content .left{

	overflow: hidden;/*隐藏溢出图片内容*/

	transition-duration: 0.5s;

	width: 340px;

	height:270px;

	/*background: green;*/

	float: left;

	margin:30px 0 30px 30px ;

}

.content .right{

	width:720px;

	float: left;

	margin-top: 60px;

	height: 100%;

	overflow: hidden;

	/*background: pink;*/

	padding-left: 20px;

}

.right_top h3{

	font-size: 26px;

	line-height:40px;

}

.right_bottom{

	margin_top:50px;

	word-break:break-all;

}

.right_bottom_left span{

	color: darkgray;

	font-size: 18px;

	line-height: 30px;



}

.textOuter img{width:100%;}

.loading{width:190px;height:45px;line-height:45px;font-size:14px;text-align:center;border-radius:3px;background:#918d8b;margin:10px auto 50px;color:#fff;}

.loading a{width:190px;height:45px;color:#fff;display: inline-block;}



.loading2{width:190px;height:45px;line-height:15px;font-size:14px;text-align:center;border-radius:3px;background:#918d8b;margin:10px auto 50px;color:#fff;}

.loading2 a{width:190px;line-height:45px;color:#fff;display: inline-block;}



.pagination { width:100%;margin: 10px;text-align: center;}

.pagination a {display:inline-block; height:30px; line-height:30px; padding:0 10px; font-size:1em;border:1px solid #dedede; background-color:#f7f7f7;}

.pagination a.cur {font-weight: bold;color: #000;}



@media screen and (max-width: 1200px) { 

	.news{width:90%;}



}

@media screen and (max-width: 2000px) {

	.content ul li{margin: 30px 15% 30px 15%;}

}

@media screen and (max-width: 1600px) { 

	.content ul li{margin: 30px 5% 30px 5%;}

}





.technology-left img{

	max-width: 100%;

}

.technology-left{

	word-break:break-all;

}



.bntReads{float: right;padding: 2px 15px;border: 1px solid #898989;color: #898989;font-size: 0.6em;line-height: 2em;border-radius: 4px;margin-right: 10%;margin-top: 20px;}

.bntReads:hover{border:1px solid #000!important;color:#000;}