.banner .warp {
	width:1470px
}

.news {
	padding:44px 0
}

.news h2 {
	text-align:center;
	font-size:32px
}

.news .warp {
	width:1300px
}

.news-types {
	text-align:center;
	font-size:0;
	padding:50px 0 100px 0
}

.news-types li {
	display:inline-block;    border: 1px solid #ccc;    margin-left: 10px; border-radius:4PX;
	padding:14px 20px
}
.news-types li:hover {
	display:inline-block;    border: 1px solid #ccc;    margin-left: 10px; border-radius:4PX;
	padding:14px 20px; background:#f5f5f5;
}

.news-types li a {
	color:#999;
	font-size:16px
}

.news-types li a:hover,.news-types li.on a {
	color:#00a0e9
}

.news-block {
	margin-bottom:100px;
	transition:ease background .3s,ease box-shadow .5s
}

.news-info h4 {
	position:relative;
	font-size:18px;
	padding-bottom:20px;
	margin-bottom:50px
}

.news-info h4:hover a {
	color:#00a0e9
}

.news-info h4:after {
	content:'';
	display:block;
	width:32px;
	border-bottom:1px solid #0f0f0f;
	position:absolute;
	left:0;
	bottom:1px
}

.news-info p {
	line-height:2;
	font-size:14px
}

.news-info p>a {
	color:#666
}

.news-pic {
	width:55%;
	float:right;
	position:relative;
	overflow:hidden
}

.news-pic img {
	transition:ease all 1s
}

.news-pic a {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:2
}

.news-pic:after {
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:ease all 1s
}

.news-info {
	width:45%;
	float:right;
	padding:80px 30px 50px 50px
}

.news-block:nth-child(2n) .news-info,.news-block:nth-child(2n) .news-pic {
	float:left
}

.news-block:nth-child(2n) .news-info {
	padding:80px 50px 50px 30px
}

.news-block:hover {
	background:#fbfbfb;
	box-shadow:-13px 13px 1px rgba(221,221,221,.41176);
	transition:ease background .3s,ease box-shadow 1.2s
}

.news-block:nth-child(2n):hover {
	box-shadow:13px 13px 1px rgba(221,221,221,.41176)
}

.news-block:hover .news-pic img {
	transform:scale(1.05)
}

.news-detail {
	padding:50px 0 100px 0
}

.news-detail .warp {
	width:1300px
}

.news-detail time {
	text-align:center;
	display:block;
	color:#999;
	font-size:13px
}

.news-detail-title {
	color:#000; font-weight:900;
	font-size:calc(20px + 20 * (100vw - 330px)/ 1700);
	text-align:center;
	font-family:ITCAvantGardeStd-Md;
	margin-bottom:20px
}

.news-edit {
	margin-top:60px;
	padding-top:40px;
	border-top:1px solid #ddd;
	line-height:200%;
	font-size:14px;
	color:#666
}

.news-edit * {
	white-space:normal!important;
	word-break:break-all
}

.related-product {
	margin-top:50px;
	padding-bottom:30px;
	border-bottom:1px solid #ddd;
	margin-bottom:50px
}

.related-product h4 {
	font-size:18px;
	margin-bottom:20px
}

.related-product-grid {
	padding:0 20px;
	text-align:center;
	transition:ease all .2s
}

.related-product-grid img {
	width:100%
}

.related-product-grid p {
	margin:10px 0;
	font-size:14px;
	transition:ease all .2s
}

.related-product-grid p>a {
	color:#9a9a9a
}

.related-product-grid p>a:hover,.related-product-grid:hover p>a {
	color:#00a0e9
}

.related-product-grid:hover {
	padding:0
}

.related-product-grid:hover p {
	margin-top:-45px
}

.related-articles {
	padding-top:50px;
	margin-bottom:50px
}

.related-articles h4 {
	font-size:28px;
	color:#000;
	font-family:ITCAvantGardeStd-Md
}

.articles {
	margin-left:-30px;
	margin-right:-30px;
	padding:30px 0
}

.articles:before {
	content:'';
	clear:both
}

.articles:after {
	content:'';
	display:table;
	clear:both
}

.articles-grid {
	padding:0 30px;
	line-height:1.5
}

.articles-grid time {
	text-align:left;
	padding:5px 0
}

.articles-grid h5 {
	margin-top:30px
}

.articles-grid p {
	font-size:13px;
	line-height:2;
	margin-top:20px
}

.articles-info {
	padding-bottom:15px;
	border-bottom:1px solid #b3b3b3
}

@media screen and (max-width:1299px) {
	.articles {
		margin-left:-15px;
		margin-right:-15px
	}

	.articles-grid {
		padding:0 15px
	}

	.related-product-grid {
		padding:0 10px
	}
}

@media screen and (max-width:1366px) {
	.related-product-grid p {
		font-size:13px
	}
}

@media screen and (max-width:1199px) {
	.news-info,.news-pic {
		width:100%
	}

	.news-main {
		width:100%;
		max-width:600px;
		margin:auto;
		padding:0 20px
	}

	.news-block {
		margin-bottom:50px;
		background:#fbfbfb;
		box-shadow:-13px 13px 1px rgba(221,221,221,.41176)
	}
}

@media screen and (max-width:799px) {
	.articles-grid h5 {
		font-size:16px;
		line-height:1.5
	}

	.articles-grid p {
		margin-top:10px;
		line-height:1.5
	}
}

@media screen and (max-width:499px) {
	.related-product-grid p {
		font-size:12px
	}

	.news-edit {
		margin-top:20px;
		font-size:12px
	}

	.related-articles {
		padding-top:0;
		margin-bottom:0
	}

	.related-articles h4 {
		font-size:20px
	}

	.news-detail {
		padding-top:20px;
		padding-bottom:0
	}

	.news-main {
		padding:0
	}

	.news-block:nth-child(2n) .news-info,.news-info {
		padding:30px 20px
	}

	.news-info h4 {
		margin-bottom:20px;
		font-size:16px
	}

	.news-info p {
		line-height:1.5;
		font-size:12px
	}

	.news {
		padding-bottom:0;
		padding-top:50px
	}

	.news-types {
		padding:20px 0 50px 0
	}
}