input,textarea {
	-webkit-appearance:none;
	border:none
}
input:focus,textarea:focus {
	outline:none
}
textarea {
	font-family:microsoft yahei
}

.inner {
	width:100%;
	max-width:1200px;
}
.submit {
	cursor:pointer
}
.clear {
	clear:both
}
.mza-box {
	background-color:#fff;
	margin-bottom:20px
}
.thumbnail {
	position:relative;
	overflow:hidden
}
.thumbnail a {
	display:block;
	padding-bottom:75%;
	position:relative;
	overflow:hidden;
	background:no-repeat center center;
	background-size:cover
}
.thumbnail img {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition:transform .3s;
	object-fit:cover;
	font-size:12px;
	line-height:1.35em;
	color:#999;
	text-align:center
}
.thumbnail img:hover {
	transform:scale(1.1,1.1)
}
.mza-box-title {
	font-size:16px;
	line-height:1.125em;
	color:#172b4c;
	border-bottom:1px solid rgba(133,153,171,.2);
	padding:15px 20px;
	position:relative
}
.mza-box-title:before {
	width:3px;
	height:12px;
	background-color:#090;
	border-radius:1.5px;
	content:'';
	display:block;
	position:absolute;
	left:10px;
	top:50%;
	transform:translateY(-50%)
}
#mza-bar {
	background-color:#fff;
	border-bottom:1px solid #f9f9f9;
	font-size:14px;
	line-height:2em;
	color:#999;
	padding:5px 0
}
#mza-bar .inner {
	overflow:hidden
}
#mza-bar a {
	color:#999
}
#mza-bar a:hover {
	color:#090
}
#mza-subname {
	float:left;
	background:url(../../../style/img/icon_topbar.png) no-repeat left center;
	background-size:auto 14px;
	padding-left:20px
}
#mza-pages {
	float:right
}
#mza-pages ul {
	overflow:hidden
}
#mza-pages li {
	float:left;
	padding-left:25px;
	position:relative
}
#mza-pages li:after {
	width:1px;
	height:10px;
	background-color:#ededed;
	content:'';
	display:block;
	position:absolute;
	left:12px;
	top:50%;
	margin-top:-5px
}
#mza-pages li:first-child {
	padding-left:0
}
#mza-pages li:first-child:after {
	display:none
}
#mza-top {
	background-color:#fff
}
#mza-top .inner {
	position:relative;
	padding:20px 0
}
#mza-gg {
	width:37%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:23%;
	overflow:hidden
}
#mza-gg img {
	display:block;
	max-height:50px
}
#mza-gg a {
	display:block;
	overflow:hidden;
	float:right
}
#logo {
	width:18.05555556%;
	float:left
}
#logo .name {
	padding-bottom:22.22222222%;
	position:relative
}
#logo a {
	display:block;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	width:100%;
	height:100%;
	background:url(../../../style/img/logo.png) no-repeat left center;
	background-size:contain;
	text-indent:-9999em
}
#search {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	overflow:hidden;
	width:35%
}
#search .form {
	border:2px solid #090;
	border-radius:3px;
	overflow:hidden
}
#search .input {
	padding-right:52px;
	position:relative
}
#search .text {
	height:26px;
	line-height:26px;
	width:90%;
	padding:10px 5%;
	font-size:16px;
	background-color:#fff;
	display:block
}
#search .submit {
	position:absolute;
	right:0;
	top:0;
	width:52px;
	height:100%;
	background:#090 url(../../../style/img/icon_search.png) no-repeat center center;
	background-size:45% auto;
	border-left:2px solid #090
}
#navBtn {
	background-color:#090;
	border-radius:3px;
	width:30px;
	height:30px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	display:none
}
#navBtn i {
	display:block;
	width:56%;
	height:2px;
	background-color:#fff;
	position:absolute;
	left:22%;
	top:50%;
	transform:translateY(-50%);
	transition:background .3s
}
#navBtn i:before {
	bottom:7px
}
#navBtn i:after {
	top:7px
}
#navBtn.active i {
	background-color:#090
}
#navBtn.active i:before {
	transform:rotate(45deg);
	bottom:0
}
#navBtn.active i:after {
	transform:rotate(-45deg);
	top:0
}
#navBtn i:before,#navBtn i:after {
	width:100%;
	height:2px;
	background-color:#fff;
	content:'';
	display:block;
	position:absolute;
	left:0;
	transition:all .3s
}
#mza-nav {
	background-color:#090;
	float:left
}


@media only screen and (max-width:1280px) {
	#mza-bar {
	padding:2px 0
}
#search .input {
	padding-right:36px
}
#search .text {
	padding-bottom:6px;
	padding-top:6px
}
#search .submit {
	width:36px
}
#mza-nav ul {
	height:44px;
	line-height:44px
}
}@media only screen and (max-width:1024px) {
	#mza-bar {
	font-size:12px
}
#mza-bar span {
	background-size:auto 11px;
	padding-left:17px
}
#header {
	box-shadow:0 2px 5px rgba(0,0,0,.1);
	z-index:10;
	position:relative
}
#logo {
	width:175px
}
#mza-gg {
	display:none
}
#search .input {
	padding-right:32px
}
#search .text {
	height:22px;
	line-height:22px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:14px
}
#search .submit {
	width:32px
}
#mza-nav li {
	font-size:14px
}
}@media only screen and (max-width:768px) {
	#mza-subname {
	display:none
}
#mza-bar {
	padding:0
}
#mza-pages {
	display:none
}
#mza-top .inner {
	padding:17px 0
}
#logo {
	width:140px
}
.slick-arrow {
	width:20px;
	height:27px
}
.slick-arrow:after {
	width:8px;
	height:13px;
	margin-left:-4px
}
.slick-next {
	right:0
}
.slick-prev {
	left:0
}
#navBtn {
	display:block
}
#search {
	margin-right:38px;
	width:45%
}
#search .form {
	border-width:1px
}
#search .submit {
	width:29px;
	border-left-width:1px
}
#search .input {
	padding-right:29px
}
#search .text {
	padding-top:3px;
	padding-bottom:3px
}
#mza-nav {

	left:0;
	top:90px;
	height:100%;
	width:100%;
	background-color:#090;

	-webkit-overflow-scrolling:touch
}
#mza-nav ul {
	height:auto;
	line-height:24px；
}
#mza-nav li {
	display:block;
	padding:0;
	border-bottom:1px solid rgba(133,153,171,.2);


	width:auto;
	text-align:left
}
#mza-nav li:before {
	display:none
}
#mza-nav li.show {
	transform:translateX(0%);
	opacity:1
}
#mza-nav li a {
	color:#ffffff;
}

#mza-nav li li {
	border-bottom:none;
	border-top:1px solid rgba(133,153,171,.2)
}
#mza-nav li li a {
}

}@media only screen and (max-width:540px) {
	.mza-box {
	margin-bottom:15px
}
#mza-subname {
	display:none
}
}
.logo-box {
    font-size: 25px;
    padding: 20px 0;
}
.content-list {
display: flex;
}
.inner {
cursor:pointer;
padding: 0 20px;
}