﻿@charset "utf-8";
html, body {
	margin:0;
	padding:0;
	color:#000;
	font-size:14px;
	-webkit-font-smoothing:antialiased;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	cursor:default;
	overflow-x:hidden;
	font-family: Verdana, "微软雅黑", "黑体";
}
img {
	border:0;
}
a {
	color:#000;
	text-decoration:none;
	transition: color 0.2s ease-in-out;
}
::selection {
 background:#3488ea;
 color:#fff;
}
ul, li, p {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both;
	height:0;
	overflow:hidden;
}
.item {
	float: left;
	margin: 0;
}
.item .p {
	width: 100%;
	display:block;
}
.item .t {
	padding: 5px 10px;
}
.item .intro {
	padding: 0 10px 10px 10px;
}
.pager {
	padding: 20px 10% 40px 10%;
	font-size: 14px;
	width: max-content;
	margin: 0 auto;
}
.pager ul.pages li {
	float:left;
	padding:0 8px;
	background-color:transparent;
	color:#555;
	margin:0 5px 0 0;
	line-height:28px;
	transition:all 0.1s ease-out;
}
.pager ul.pages li:hover {
	color:#222;
	background-color:#eee;
}
.pager ul.pages li.pgEmpty {
	display:none;
}
.pager ul.pages li.pgCurrent {
	color:#fff;
	background-color:#03a9f4;
}
.news {
	line-height: 21px;
	text-align: justify;
	margin-top:10px;
}
.news .item {
	width: 23%;
	height:350px;
	margin: 0 1% 30px 1%;
	background: #fbfbfb;
	box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.05);
	border-radius: 1px;
	transition: transform 0.4s, background 0.8s;
	position:relative;
}
.news .item:hover {
	transform: scale(1.05);
	background:#f5f5f5;
}
.news .item .t {
	padding: 20px 10px;
	font-size: 15px;
}
.news .item .intro {
	color: #888;
}
.news .item .intro font {
	font-size:15px;
	position: absolute;
	left: 10px;
	bottom: 15px;
}
.magazine li .p {
	transition: transform 0.5s;
}
.magazine li:hover .p {
	transform: scale(1.04);
}
.magazine .item {
	width: 48%;
	background:none;
}
.magazine .item:hover {
	transform: scale(1);
	background:#fff;
}
.magazine .item .intro {
	line-height: 24px;
}
@media (max-width: 1010px) {
.magazine .item {
 height: 216px;
}
}
@media (max-width: 750px) {
.magazine .item {
 height: auto;
 width: 100%;
 margin: 0;
}
.news .item .intro font {
 position: static;
 display: block;
 margin: 30px 0;
}
}
