/*小志网络*/
@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; list-style:none; }

header#siteheader #logo img {
    max-width:  200px;
}


/* $Image ==========================
==================================== */
img { image-rendering: -webkit-optimizeSpeed; max-width: 100%; height: auto; }
.ie7 img { -ms-interpolation-mode: bicubic; }
img.aligncenter { display: block; margin: 10px auto; }
img.alignleft { margin: 0.4em 1.2em 1em 0; float: left; }
img.alignright { margin: 0.4em 0 1em 1.2em; float: right; }

.frame { padding: .5em; border: 1px solid #c5c5c5; background-color: #FFFFFF; }

.imgHolder { display: block; position: relative; overflow: hidden; max-width: 100%; text-align: center; }
.imgHolder img, .imgHolder span, .imgHolder li, .imgHolder li a { -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; }
.imgHolder > a { background: none; cursor: pointer; }
.imgHolder img { width: 100%; height: auto; display: block; }
.imgHolder span { display: block; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; z-index: 99; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.imgHolder ul { margin: 0; display: inline-block; position: absolute; width: auto; height: 52px; text-align: center; z-index: 99; top: 50%; margin-top: -26px; }
.imgHolder ul.ico_2 { width: 104px; margin-left: -52px; left: 50%; }
.imgHolder ul.lightbox { width: 52px; margin-left: -26px; left: 50%; }
.imgHolder ul li { opacity: 0; display: inline-block; width: 52px; text-align: center; margin: 0 auto; height: 100%; overflow: hidden; *display: inline; zoom: 1; position: relative; }
.imgHolder ul li a { display: block; height: 100%; position: relative; }
.imgHolder.lightbox ul { width: 52px; margin-left: -26px; left: 50%; }
.imgHolder.ico_2 ul { width: 104px; margin-left: -52px; left: 50%; }
.imgHolder:hover span, .imgHolder a:hover span { visibility: visible; opacity: 1; }
.imgHolder:hover ul, .imgHolder a:hover ul { visibility: visible; }
.imgHolder:hover ul li, .imgHolder a:hover ul li { opacity: 1; }
.imgHolder.fade a:hover img { opacity: 0.5; }

.oldie .imgHolder ul { visibility: hidden; }
.oldie .imgHolder:hover ul { visibility: visible; }

video { max-width: 100%; height: auto; }

iframe, embed, object { max-width: 100%; }
/*** ESSENTIAL STYLES ***/
.sf-menu { line-height: 1.0; }
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu ul { position: absolute; top: -999em; width: 16em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100%; }
.sf-menu li { float: left; position: relative; }
.sf-menu li :hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu, .sf-menu a { display: block; position: relative; }

.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 85px; /* match top ul list item height { submenu offset }   */ z-index: 99; }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 16.5em; /* match ul width */ top: 0; }

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*** -------- SKIN -------- ***/
.sf-menu {
	float: left;
	margin-bottom: 0px;
	color: #f0f0f0;
	font-size: 13px;
}

.sf-menu a { /*border-left:  1px solid #fff;
border-top:   1px solid #CFDEFF;*/ padding: 0 1.5em; text-align: center; text-decoration: none; font-size: 92%; text-transform: uppercase; -webkit-transition: background-color 250ms linear, color 250ms linear; -moz-transition: background-color 250ms linear, color 250ms linear; -o-transition: background-color 250ms linear, color 250ms linear; transition: background-color 250ms linear, color 250ms linear; }

.sf-menu > li a { border-bottom: 4px solid transparent; line-height: 81px; /* height of parents */ }

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; }

.sf-menu li li { border-top: 1px solid #3f3f3f; border-bottom: 1px solid #262626; }

.sf-menu li li a, .sf-menu li.sfHover li a, .sf-menu li li li a { line-height: normal; text-align: left; padding-top: 1em; padding-bottom: 1em; border: none; font-size: 11px; color: #e3e3e3; background-color: #333333; }

.sf-menu li li, .sf-menu li li li { color: #e3e3e3; }
.sf-menu li li:first-child, .sf-menu li li li:first-child { border-top: none; }
.sf-menu li li:last-child, .sf-menu li li li:last-child { border-bottom: none; }
.sf-menu li li a, .sf-menu li li li a { text-transform: none; }
.sf-menu li li a:hover, .sf-menu li li li a:hover { background-color: #262626; color: #f5f5f5; }
.sf-menu li.sfHover li.sfHover > a { background-color: #262626; color: #f5f5f5; }
.sf-menu li ul { left: 30px; }
.sf-menu > li a:hover, .sf-menu li.sfHover, .sf-menu li.sfHover > a { background-color: #305b7c; border-bottom-color: #2a2a2a; }
.sf-menu li.current-menu-ancestor, .sf-menu li.current-menu-ancestor > a, .sf-menu li.current-menu-parent, .sf-menu li.current-menu-parent > a, .sf-menu li.current_page_item, .sf-menu li.current_page_item > a { background-color: #4583b3 !important; border-bottom-color: #2a2a2a; }
.sf-menu li.current-menu-item, .sf-menu li.current-menu-item > a { background-color: #4583b3 !important; }









