@import url("foundation.css");
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0; padding:0; border:0;}
body{font: 14px/200% "΢ÈíÑźÚ",Verdana,Tahoma,Arial; text-align:left; width:100%; color:#454545; background:#fbfbfb;}
body{behavior: url(css/hover.htc);}
ul,li,dd{margin:0; padding:0; list-style:none;}
ul:after,dl:after{ content:".";font-size:0; height:0; display:block; clear:both; visibility:hidden;}
img{border:none;}
a{ color:#454545;}
a:link, a:visited, a:active{text-decoration: none;}
.clear{clear: both;}
h1,h2,h3,h4,h5,h6{ font-family:"΢ÈíÑźÚ"; font-size:14px; height:40px; line-height:40px;}
*{font-size:14px}
a, a:link, a:active, a:visited, a:hover{
	color: #233241;
}
pre{
	font-size: 12px;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#page nav{
	display: none;
}

#header,
.header,
#footer{
	background: #587eac;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 51px;
	height: 51px;
	padding: 0 50px;
}

.subHeader, .subFooter { 
	background-color:#233241;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	height: 40px;
	
	position:relative;
	width: 100%;
 }
 
 
.subHeader i.i-small { position: absolute; left: 16px !important; top: 11px !important; margin: 0px; }
 

#header .menu,
.header .menu
{
	background: url('fonts/icons.svg') no-repeat -21px -303px;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 5px;
	left: 10px;
}

#header a.backBtn
{
	background: url('fonts/icons.svg') no-repeat -97px -303px;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 5px;
	right: 0px;
	left: inherit;
}

#header a.right,
.header a.right
{
	left: auto;
	right: 10px;
}
#content,
.content
{
	padding: 10px;
}
#Logo { height: 41px; display: inline-block; padding-top: 10px; line-height: 40px; }
#Logo.svg { padding:0px; }

#Logo.svg img { max-height:51px; position: relative; }
#Logo img { max-height:40px; }

.bannerPane { text-align:center; overflow: hidden; }
.bannerPane img {height:150px;}
/*nav*/
.o-page .mm-ismenu { background: #0E1419 !important; }
	.o-page .mm-list > li { background-color: #233241; color: #FFF; }
		.o-page .mm-menu.mm-vertical .mm-list .mm-panel { padding: 0px 0px 0px 40px !important; background-color: #0E1419 !important; }
		.o-page .mm-menu.mm-vertical .mm-list .mm-panel li { background-color: #0E1419; border-bottom: 1px solid #233241; border-left: 1px solid #233241; }
.o-page .mm-menu > .mm-list { padding:0px; }
.o-page .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), 
.o-page .mm-menu .mm-list > li.mm-selected > span { background: #587EA9; color: #0E1419; }
.o-page .mm-menu .mm-list > li.mm-selected i.i-small { background-position-y: -260px; }
.o-page .mm-menu.mm-hassearch > .mm-panel { padding-top: 50px; }
.o-page .mm-menu .mm-search input { border: 0px; background: rgba(0, 0, 0, 0); color: rgba(255, 255, 255, 0.6); }
.o-page .mm-menu li.mm-noresults { text-align: center; font-size: 15px; display: none; padding: 10px; }
.o-page .mm-list > li > a, 
.o-page .mm-list > li > span { line-height: 30px; padding: 10px 10px 10px 15px; text-decoration: none; }
.o-page .mm-list > li > a:hover { background: rgba(0, 0, 0, 0.1); }
.o-page .mm-list a.mm-subopen { padding:0px;}
.o-page .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { top: 20px; }
.o-page .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen { height:50px; }
.o-page .mm-list a.mm-subclose { padding-top: 30px !important; }
/*exploreSiteFullPane*/
.i-pane  { width:65px; height:65px; position:relative; float: left; border-radius: 50%; text-align: center; margin-right:15px; }
.i-pane.i-blue { background-color:#587eac; }
.i-pane.i-green { background-color:#9eb74e; }
.i-pane.i-orange { background-color:#e0af50; }
.i-pane.i-red { background-color:#ff7a73; }

.c-blue { color: #587eac; }
.c-green { color: #9eb74e; }
.c-orange { color: #e0af50; }
.c-red { color: #ff7a73; }
i { background: url("fonts/icons.svg") no-repeat left top; display:inline-block; position:relative; }
i.i-phone { width:72px; height:72px; background-position: 0px 0px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-flexible { width:72px; height:72px; background-position: -72px 0px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-neat { width:72px; height:72px; background-position: -144px 0px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }

i.i-home { width:72px; height:72px; background-position: 0px -72px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-about { width:72px; height:72px; background-position: -72px -72px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-blog { width:72px; height:72px; background-position: -144px -72px; top: 50%; left:50%; margin: -33px 0px 0px -65px; }
i.i-shortcodes { width:72px; height:72px; background-position: 0px -144px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-gallery { width:72px; height:72px; background-position: -72px -144px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-contact { width:72px; height:72px; background-position: -144px -144px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }

i.i-home.i-small { width:19px; height:19px; background-position: -9px -225px; top: 3px; }
i.i-about.i-small { width:19px; height:19px; background-position: -49px -225px; top: 3px; left: 3px; }
i.i-blog.i-small{ width:19px; height:19px; background-position: -82px -225px; top: 3px; }
i.i-shortcodes.i-small { width:20px; height:19px; background-position: -116px -225px; top: 3px; }
i.i-gallery.i-small { width:20px; height:19px; background-position: -152px -225px; top: 3px; }
i.i-contact.i-small { width:20px; height:19px; background-position: -188px -225px; top: 3px; }

i.i-comments.i-small { width:16px; height:16px; background-position: -28px -388px; top: 3px; margin:0px 2px 0px 5px; }
i.i-author.i-small { width:16px; height:16px; background-position: -100px -388px; top: 3px; margin:0px 2px 0px 5px; }
i.i-calendar.i-small { width:16px; height:16px; background-position: -172px -388px; top: 3px; margin:0px 2px 0px 5px; }

i.i-small { margin: 0px 10px 0px 0px; left: 0px; }

.mainIconPane { display:inline-block; margin-bottom: 15px; }
.mainIconPane h4 { margin: 0px 0px 5px; }
.mainIconPane p { color:#979797; font-size:13px; }


.exploreSiteFullPane { padding: 5px; }
a.explorePane { text-decoration:none; }
.explorePane { width: 33%; float: left; padding: 2% 0; border-bottom: 1px solid #DDD; text-align: center; text-decoration:none; }
.explorePane.middle { border-left: 1px solid #DDD; border-right: 1px solid #DDD; }

.explorePane .i-pane { float:none; margin:0px; display: inline-block; }
.explorePane:active .i-pane, .explorePane:focus .i-pane, .explorePane:hover .i-pane, .explorePane.active .i-pane { background-color: #233241; }

.explorePane:active, .explorePane:focus, .explorePane:hover { cursor:pointer; }
.block { font-size:14px; font-weight:bold; background-color:#f1f2f4; text-align:center; padding:15px;
border-top:1px solid #ccd2d8; border-bottom: 1px solid #ccd2d8; color:#233241; }
/*footer*/
.footer{ width:100%; height:40px; line-height:40px; background:#2d2d2d; color:#fff; text-align:center; font-size:14px;}
/*childPic*/
.childPic{ width:100%; max-height:300px; overflow:hidden;}
	.childPic img{ width:100%; height:100%;}
/*child_content*/
.child_content{ width:100%; line-height:24px; font-size:12px; padding:3%;}
.child_content h2{ font-size:15px;}
/*child_news*/
.child_news{ width:100%; line-height:24px;font-size:14px;padding:3%;}
	.child_news li{line-height:24px;overflow:hidden;}
	.child_news li a{height:24px;width:80%; float:left}
	.child_news h5{line-height:24px;height:auto; font-size:14px;border-bottom:1px solid #FFF}
/*child_product*/
.child_product{ width:100%; padding-top:1%;}
	.child_product ul{ padding-left:1%;}
	.child_product li{ width:32%; float:left; margin-right:1%; margin-bottom:1%; text-align:center;}
	.child_product .no_pix{ margin-right:0;}
	.child_product li img{ width:100%; height:100%;}
	.child_product li span{height:28px; text-align:center; display:block;overflow:hidden;}
/*child_content*/
.child_contact{ width:100%; padding-top:1%;}
	.child_contact p{ padding:0 1%;}
		.child_contact p a{ display:block; line-height:30px;}
		.child_contact b{ width:96%; height:500px; overflow:hidden; margin:0 auto;}
			.child_contact img{ width:100%; height:100%;} 
		.n_body{padding:2%;}