@charset "UTF-8";
html, body {
	min-height: 100%;
	background: #fff;
}

body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
}
img {
	/*max-width: 100%;
	display: block;*/
	border:0;
	vertical-align:middle;
}
ul {
	list-style:none;
}

a {
	text-decoration:none;
}
a:active, a:hover {
	outline: 0;
}

.fl {
	float: left;
}
.fr {
	float: right;
}

/* header */
header{width:100%; height:50px; position:fixed; top:0px; bottom:50px;  z-index: 999; background:#333333;}

/*按钮CSS*/
.dl-menuwrapper {
	float: left;
	width: 100%;
	height:50px;
	/*max-width: 250px;
	min-height:100%;
	*/
}

.dl-menuwrapper button {
	border: none;
	width: 50px;
	height: 50px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:0;
	left:20px;
	cursor: pointer;
	outline: none;
	background: #333333 url(../images/menu.png) no-repeat center center;
	background-size: 100%;
}

.dl-menuwrapper button.dl-active {
	background: url(../images/menu-close.png) no-repeat center center ;
	background-size: 100%;
	background-color: #333333;
	width: 50px;
	height: 50px;
	overflow: hidden;
}

/*一级菜单*/
.menulist{ display:none; position:absolute; top:0; left:0; z-index: 999; margin-top:50px; padding:20% 0; width:100%; background:#f9f9f9; overflow:hidden; }
.menulist li { clear:both; padding:0 10%;}
.menulist li:first-child  {}
.menulist li .menu-intro { float:left; width:150px; height:80px; }
.menulist li .menu-intro .menu-intro-title{ float:left; font-size:22px; font-weight:bold; line-height:22px; color:#333; height:23px; overflow:hidden; }
.menulist li .menu-intro .menu-intro-entitle{ float:right; font-size:12px; line-height:32px; height:23px; overflow:hidden; color:#666; }
.menulist li .menu-intro .menu-intro-info{ clear:both; border-top:1px solid #333; padding:5px 0; font-size:12px; letter-spacing: 1px; color:#666; }


.menulist li .menu-pic { float:left; width:100px; height:60px;  line-height:50px; border:0px;}
.menulist li .menu-pic .menu-pic-icon { text-indent:-9999em; background: #f9f9f9 url(../images/menuicon.png) no-repeat;  background-size:100%;}
.menulist li .menu-pic .menu-pic-icon-two { text-indent:-9999em; background: #f9f9f9 url(../images/menuicon.png) no-repeat; background-position:0px -100px; background-size:100%;}
.menulist li .menu-pic .menu-pic-icon-three { text-indent:-9999em; background: #f9f9f9 url(../images/menuicon.png) no-repeat;  background-position:0px -195px; background-size:100%;}
.menulist li .menu-pic .menu-pic-icon-four { text-indent:-9999em; background: #f9f9f9 url(../images/menuicon.png) no-repeat;  background-position:0px -295px; background-size:100%;}
/*.menulist li .menu-pic .menu-pic-arrow { color:#999; font-size:10px; }*/


/*二级菜单*/
#menu-list{ padding:100px 0 0px 0; width:100%; background:#fff; overflow:hidden; }
#menu-list .menulist-ul{ width:100%; z-index: 1; background:#fff;  }
#menu-list .menulist-ul li { clear:both; padding:0 10%;}
#menu-list .menulist-ul li .menulist-ul-intro { float:left; width:150px; height:80px; }
#menu-list .menulist-ul li .menulist-ul-intro .menulist-ul-intro-title{ float:left; font-weight:bold; font-size:22px; line-height:22px; color:#333; }
#menu-list .menulist-ul li .menulist-ul-intro .menulist-ul-intro-entitle{ float:right; bottom:0px; font-size:8px; line-height:32px; height:23px; overflow:hidden; color:#666; }
#menu-list .menulist-ul li .menulist-ul-intro .menulist-ul-intro-info{ clear:both; border-top:1px solid #333; padding:5px 0; font-size:12px; letter-spacing: 1px; color:#666; }


.menulist-ul li .menulist-ul-pic { float:left; width:100px; height:60px; line-height:50px; border:0px;}
.menulist-ul li .menulist-ul-pic .menulist-ul-pic-icon-v { text-indent:-9999em; background: url(../images/menuiconv.png) no-repeat;  background-size:100%;}
.menulist-ul li .menulist-ul-pic .menulist-ul-pic-icon-two-v { text-indent:-9999em; background: url(../images/menuiconv.png) no-repeat; background-position:0px -99px; background-size:100%;}
.menulist-ul li .menulist-ul-pic .menulist-ul-pic-icon-three-v { text-indent:-9999em; background: url(../images/menuiconv.png) no-repeat;  background-position:0px -197px; background-size:100%;}
.menulist-ul li .menulist-ul-pic .menulist-ul-pic-icon-four-v { text-indent:-9999em; background: url(../images/menuiconv.png) no-repeat;  background-position:0px -296px; background-size:100%;}


header .logo{ position:absolute; top:0px; left:45%; z-index: 102; display:block; width:30px; height:50px; line-height:45px;}
header .logo img {width:100%;}

header .disback{ position:absolute;top:0; z-index: 102;text-indent:-9999em; color:#999; background:url(../images/disback.png) no-repeat center center; width:60px;height:50px; background-size:100%; right:20px;display:block;}
header .back{position:absolute; top:0; z-index: 102; color:#999; background:url(../images/back.png) no-repeat center center; width:60px;height:50px; background-size:100%; right:20px;}
header .disback, .back img{height:50px;}

.dborder { border:0px dashed #666; }

.footer {margin-top:50px; text-align:center; padding:10px; font-size:12px}