.img {
	position: relative;
}

.banner-bt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFFFFF;
	text-align: center;
}

.china {
	font-size: 30px;
	font-weight: 600;
}

.en {
	font-size: 24px;
	font-weight: 600;
}

.news {
	width: 1300px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

.title {
margin-top:-150px;
	height: 100px;
	line-height: 100px;
	background-color: #0566a8;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	color: #FFFFFF;
	border-bottom: 5px solid #0566a8;
}

.menu-tabs {
	line-height: 50px;
	margin-top: 10px;
	background-color: #F8F8F8;
	min-height: 300px;
	cursor: pointer;
}

.menu-tab i {
	padding-left: 20px;
	font-size: 10px;
	margin-right: 5px;
}

.menu-tab span {
	line-height: 60px;
	font-size: 15px;
	font-weight: 600;
	display: inline-block
}

.menu-tab-list {
	border-bottom: 1px dotted #ccc;
	margin: 0 20px;
}

.menu-tab-list i {
	padding-left: 0;
}

.menu-tab-list span {
	font-weight: 500;
	font-size: 14px;
}

.active-tab {
	background-color: #0566a8;
	color: #FFFFFF;
}

.position {
margin-top:-30px;
	line-height: 50px;
	border-bottom: 2px solid #0566a8;
}

.position a {
	color: #8C8C8C;
}

.c-list {
	padding: 30px 5px;
	border-bottom: 1px solid #F2F2F2;
	cursor: pointer;
}

.c-list:hover .ry-img {
	border: 1px solid #0566a8;
}

.c-list:hover .cgs {
	background-color: #0566a8;
	color: #FFFFFF;
}

.ry-img {
	overflow: hidden;
	border: 1px solid #F2F2F2;
}

.ry-img img {
	transition: all 0.5s;
}

.ry-img img:hover {
	transform: scale(1.05);
}

.cgs {
	font-size: 15px;
	text-align: center;
	background-color: #F2F2F2;
	height: 60px;
	line-height: 60px;
	font-weight: 600;
}

.case-title {
	line-height: 36px;
	font-weight: 600;
	font-size: 17px;
}

.attr {
	line-height: 34px;
	font-size: 15px;
	opacity: 0.8;
}

.pages {
	display: flex;
	margin: 50px 0;
}

.page ul {
	display: flex;
}

.page ul li {
	margin-right: 15px;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	-webkit-box-shadow: #ccc 0px 0px 10px;
	-moz-box-shadow: #ccc 0px 0px 10px;
	box-shadow: #ccc 0px 0px 10px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}

.page ul li:hover {
	background-color: #E7141A;
	color: #FFFFFF;
}

.pre {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 2px solid #000;
	text-align: center;
	box-shadow: 0 0 0 #fff !important;
	background-color: #FFFFFF !important;
}

.pre img {
	vertical-align: baseline !important;
}

.next {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 2px solid #000;
	text-align: center;
	box-shadow: 0 0 0 #fff !important;
	background-color: #FFFFFF !important;
}

.next img {
	vertical-align: baseline !important;
}

.active-page {
	width: 50px !important;
	border-radius: 20px !important;
	background-color: #E7141A;
	color: #FFFFFF;
}

.jump {
	margin-left: 5px;
}

.jump input {
	-webkit-box-shadow: 0px 3px 3px #c8c8c8 inset;
	-moz-box-shadow: 0px 3px 3px #c8c8c8 inset;
	box-shadow: 0px 3px 3px #c8c8c8 inset;
	border: 0;
	width: 50px;
	height: 30px;
	border-radius: 20px;
	background-color: #F3F3F3;
	margin: 0 5px;
}

.go {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	line-height: 30px;
	text-align: center;
	background-color: #E7141A;
	color: #FFFFFF;
	margin-left: 5px;
	font-size: 13px;
	cursor: pointer;
}

.pages-xs {
	display: none;
}

@media screen and (max-width: 768px) {
	.news {
		width: 100%;
		margin-top: 10px;
	}

	.row {
		margin: 0 !important;
	}

	.china {
		font-size: 18px;
	}

	.en {
		font-size: 14px;
	}

	.title {
		font-size: 20px;
		height: 50px;
		line-height: 50px;
	}

	.menu-tabs {
		min-height: 40px;
		margin-top: 5px;
		margin-bottom: 10px;
		line-height: 40px !important;
	}


	.menu-tab span {
		line-height: 25px;
		text-align: center;
		font-weight: 600;
	}

	.lists {
		width: 100%;
	}

	.list-bt {
		line-height: 24px;
		font-size: 15px;
	}

	.new-left {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.pages {
		display: none;
	}

	.pages-xs {
		display: block;
		margin-top: 30px;
		text-align: center;
	}

	.pages-xs ul {
		display: flex;
	}

	.pages-xs ul li {
		margin-right: 10px;
		width: 24px;
		height: 24px;
		border-radius: 100%;
		-webkit-box-shadow: #ccc 0px 0px 10px;
		-moz-box-shadow: #ccc 0px 0px 10px;
		box-shadow: #ccc 0px 0px 10px;
		text-align: center;
		line-height: 24px;
		cursor: pointer;
	}
	
	.pages-xs ul li:hover {
		background-color: #E7141A;
		color: #FFFFFF;
	}

	.active-page {
		width: 30px !important;
		border-radius: 15px !important;
		background-color: #E7141A;
		color: #FFFFFF;
	}

	.menu-tab-list span {
		font-weight: 500;
		font-size: 14px;
	}

	.dec {
		font-size: 10px;
		font-weight: 500;
		line-height: 30px;
		height: 30px;
	}

	.plists {
		padding: 0;
	}

	.list {
		margin-top: 15px;
	}

	.position {
		font-size: 12px;
	}

	.c-list {
		padding: 15px 0;
	}

	.left-infos {
		padding: 10px 5px;
	}

	.case-title {
		font-size: 15px;
	}

	.attr {
		font-size: 14px;
	}
}