header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 96px;
	background-color: #fff;
	z-index: 999
}

header .box {
	width: 1200px;
	padding: 14px 0;
	margin: auto
}

header .box .logo {
	float: left;
	width: 240px
}

header .box nav {
	float: right;
	width: 900px;
	height: 72px
}

header .box nav ul {
	height: 72px
}

header .box nav ul li.activa {
	color: #3276b6;
	border-bottom: 2px solid #3276b6
}

header .box nav ul li {
	float: left
}

header .box nav ul li a {
	display: block;
	padding: 22px;
	font-size: 20px;
	color: #333
}

header .box nav ul li i {
	font-size: 20px
}

header .box nav ul li .dropdownMenu {
	display: none;
	background-color: #fff
}

header .box nav ul li .dropdownMenu a {
	padding: 10px;
	text-align: center;
	font-size: 14px
}

header .box nav ul li .dropdownMenu .menuItem:hover {
	background-color: #eee
}

header .box nav ul li:hover {
	color: #3276b6;
	border-bottom: 2px solid #3276b6
}

header .box nav ul li:hover .dropdownMenu {
	display: block
}

header .box nav ul li.search {
	position: relative;
	float: right;
	padding: 22px 0
}

header .box nav ul li.search .dropdownMenu2 {
	width: 0;
	height: 0;
	position: absolute;
	top: 82px;
	right: 0;
	background-color: #fff;
	box-shadow: 0 0 10px 1px #ccc;
	overflow: hidden;
	-webkit-transition: .5s;
	transition: .5s
}

header .box nav ul li.search .dropdownMenu2 input {
	float: left;
	width: 200px;
	margin-top: 20px;
	margin-left: 20px
}

header .box nav ul li.search .dropdownMenu2 button {
	float: left;
	margin-top: 20px
}

header .box nav ul li.search:hover {
	color: #333;
	border-bottom: 0;
	cursor: pointer
}



body {
	background-color: #f7f8f8
}

#banner {
	margin-top: 96px;
	width: 100%;
	height: 300px;
	background-image: url(../images/961b82a28d.png);
	background-repeat: no-repeat;
	background-size: 100% 100%
}

#banner h1 {
	text-align: center;
	line-height: 300px;
	color: #fff
}

#wrap {
	width: 1200px;
	margin: 50px auto auto;
	padding: 20px;
	box-sizing: border-box;
	background-color: #fff
}

#wrap .landscapeNav {
	overflow: hidden;
	border-bottom: 1px solid #ccc
}

#wrap .landscapeNav h2 {
	float: left;
	font-weight: 700;
	color: #333
}

#wrap .landscapeNav .rightNav {
	width: 682px;
	float: right;
	text-align: right
}

#wrap .landscapeNav .rightNav .navItem {
	display: inline-block;
	padding: 10px 20px 20px
}

#wrap .landscapeNav .rightNav .navItem a {
	color: #666
}

#wrap .landscapeNav .rightNav .navItem.active {
	border-bottom: 1px solid #3276b6
}

#wrap .content {
	padding-top: 20px
}

#wrap .content .newsList {
	overflow: hidden
}

#wrap .content .newsList .newsItem {
	float: left;
	width: 365px;
	margin-left: 10px;
	margin-right: 10px
}

#wrap .content .newsList .newsItem .pic {
	position: relative;
	width: 365px;
	height: 190px;
	text-align: center;
}

#wrap .content .newsList .newsItem .pic img {
	
	height: 100%
}

#wrap .content .newsList .newsItem .pic:after {
	content: "···";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.5);
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition: .5s;
	transition: .5s;
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	line-height: 190px
}

#wrap .content .newsList .newsItem .title {
	height: 80px;
	padding-top: 20px;
	text-align: center
}

#wrap .content .newsList .newsItem .title h3 {
	font-size: 16px;
	color: #0477b3;
	font-weight: 700
}

#wrap .content .newsList .newsItem .title h2 {
	font-size: 16px;
	font-weight: 600;
	color: #a2a2a2
}

#wrap .content .newsList .newsItem:hover .pic:after {
	-webkit-transform: rotateY(0);
	transform: rotateY(0)
}

#wrap .content .pages {
	text-align: center
}