/* Code tidied up by ScrapBook */
body { font: 14px "microsoft yahei",Arial,Helvetica,sans-serif; color: rgb(51, 51, 51); margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
* { margin: 0px; padding: 0px; }
.fl { float: left;}
.fr { float: right; }
.clear::after { content: ""; display: block; clear: both; }
button { border: 0px none; outline: medium none; cursor: pointer; }
img { border: 0px none; }
a { text-decoration: none; cursor: pointer; font-size: 14px; }
ul, li { list-style: outside none none; }
#header { width: 100%; height: 211px; margin: 0 auto; }
.header_box { width: 100%; height: 160px; background: url("../images/top_head1.png") no-repeat center; background-size: 100% 100%; }
#header .header_box {
}

.header_wrap { width: 1200px; height: 100%; margin: 0px auto; }
.container { width: 1200px; height: 50px; margin: 0px auto; position: relative; }
.top_logo {
	width: 800px;
	height: 160px;
	line-height: 160px;
	box-sizing: border-box;
	background-image: url(../images/mzlogo.png);
}
.top_logo img { vertical-align: middle; }
.header_right { width: 340px; height: 160px; }
.header_right > ul { width: 240px; height: 180px; line-height: 180px; text-align: center; }
.header_right > ul > li { width: 120px; height: 180px; }
li.home { background: transparent url("../images/home.png") no-repeat scroll left center; }
li.collect { background: transparent url("../images/collect.png") no-repeat scroll left center; }
.header_right > ul > li > a { display: block; color: rgb(255, 255, 255); }
.wp_search .keyword{outline: medium none; background: none ; color: #fff; border: 1px solid rgb(255,255,255); border-radius: 3px; padding: 3px 34px 3px 17px; width: 210px; height: 30px; line-height: 30px; }
.wp_search .search{display: block; width: 14px; height: 14px; position: absolute; top:74px; right: 16px; background: transparent url("../images/search.png") no-repeat scroll 0% 0%; }
.search { height: 160px; line-height: 160px; position: relative; right: 15px; }
.search_input { outline: medium none; background: none ; color: #fff; border: 1px solid rgb(221, 221, 221); border-radius: 3px; padding: 3px 34px 3px 17px; width: 160px; height: 30px; line-height: 30px; }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:    #fff;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:    #fff;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #fff;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color:    #fff;}
.search > .fa { display: block; width: 14px; height: 14px; position: absolute; top: 84px; right: 16px; background: transparent url("../images/search.png") no-repeat scroll 0% 0%; }
.header_nav { width: 100%; height: 51px; background: #009f8b none repeat scroll 0% 0%; box-sizing: border-box; }
.nav {
	width: 100%;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	background-attachment: scroll;
	background-color: #009f8b;
	background-image: none;
	background-repeat: repeat;
	background-position: 0% 0%;
}
.nav > li { width: 240px; height: 50px; line-height: 50px; text-align: center; box-sizing: border-box; }
.nav > li:hover { background:#009f8b;}
.nav > li > a { width: 239px; height: 100%; line-height: 50px; color: rgb(255, 255, 255); float: left; font-size: 16px; }
.nav > li > span { display: inline-block; width: 1px; height: 16px; color: rgb(238, 238, 238); background: rgb(238, 238, 238) none repeat scroll 0% 0%; margin-top: 22px; }
.nav li.active { border-bottom: 2px solid rgb(255,255,255); }


#footer { width: 100%; height: 100px; background: #009f8b none repeat scroll 0% 0%; margin: 0px auto; padding: 25px 0px; box-sizing: border-box; }
#footer_content { width: 1200px; height: 71px; margin: 0px auto; }
#footer_content p{ text-align: center; color: #fff; font-size: 16px; margin-bottom: 15px;}
.foot_item { width: 100%; height: 145px; }
.foot_item > li { width: 33.3%; height: 145px; float: left; border-right: 1px solid rgb(255,255,255); box-sizing: border-box; text-align: center; }
.foot_left { width: 110px; height: 145px; }
p.code { color: rgb(255, 255, 255); font-size: 15px; letter-spacing: 1px; height: 35px; line-height: 35px; padding-left: 25px; background: transparent url("../images/code_arrow.png") no-repeat scroll 4% center; }
.foot_right { width: 260px; height: 145px; margin-left: 25px; }
.foot_right > ul { width: 330px; height: 130px; color: rgb(255, 255, 255); text-align: left; margin-top: 15px; letter-spacing: 1px; }
.foot_right > ul > li:first-child { font-size: 16px; height: 40px; line-height: 40px; }
.foot_right > ul > li:not(:first-child) { font-size: 14px; height: 30px; line-height: 30px; }
.foot_logo { width: 100%; height: 80px; line-height: 80px; text-align: right; margin-top: 50px;}
.foot_logo_title { width: 100%; height: 30px; line-height: 30px; font-size: 14px; text-align: left; letter-spacing: 1px; color: rgb(255, 255, 255); }
.line { width: 2px; height: 40px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.link { width: 100%; height: 100%; padding-top: 50px;}
.styled_select { width: 280px; height: 40px; line-height: 40px; overflow: hidden; background: rgb(29, 100, 180) no-repeat scroll right center; margin-bottom: 25px; margin-top: 65px; }
.styled_select select { border: 2px solid rgb(142, 177, 217); background: transparent none repeat scroll 0% 0%; color: rgb(197, 212, 237); cursor: pointer; width: 280px; height: 40px; line-height: 40px; padding-left: 8px; -moz-appearance: none; }
/* 导航 */
.main-nav-panel .wp-menu .menu-item {
	display: inline-block;
	float: left;
	position: relative;
	z-index: 100;
	width: 9%;
}
.main-nav-panel .wp-menu .menu-item a.menu-link {
	width: 100%;
	display: inline-block;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	background:url("../images/jgay.png") no-repeat 90% 50%;
}
.main-nav-panel .wp-menu .menu-item a.menu-link:hover {
	text-decoration: none;
	color: #009f8b !important;
	background: #fff url("../images/jwh.png") no-repeat 90% 50%;
}
#wp_nav_w1 .wp_nav .nav-item a span.item-name, #wp_nav_w2 .wp_nav .nav-item a span.item-name {
    color: #fff;
}
.sub-menu {display: none;position: absolute;left: 0;top: 50px;min-width: 108px;z-index: 100;background:#fff;opacity:1}
.sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1; background: #fff;}
.sub-menu .sub-item a {display: block;color: #000;height: 40px;line-height: 40px;padding: 0 17px;font-size: 14px;background:none; text-align:center}
.sub-menu .sub-item.hover> a,
.sub-menu .sub-item a:hover{
	color: #fff;
	background-color: #009f8b;
	display: block;
}
.sub-menu .sub-menu { left: 100%; top:0px; z-index: 200; background:#fff;}