@charset "utf-8";
/*float clear*/
.clear { zoom: 1; }
.clear:after { content: "\200c"; display: block; height: 0; font-size: 0; clear: both; }
.none { display: none; overflow: hidden; }
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }
body { background: #fff; font-family: "Gotham-Book", Helvetica,Verdana, Arial, "Microsoft YaHei"; font-size: 12px; line-height: 1.4; -webkit-user-select: none; /* 禁止选择 */ -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; /* 禁用弹出 */ }




.wrapper { width: 100%; display: block; max-width: 640px; }
.main { margin: 0 auto; width: 640px; }
.alignleft { float: left; display: inline; }
.alignright { float: right; display: inline; }
#wrap { position: relative; z-index:0; overflow: hidden; }


.inner { max-width:640px; margin:0 auto; _width:640px; min-width:240px; position:absolute; right:0; top:7px; height:100%; width:80px; z-index:33}
#header { position:fixed; _position:absolute; width:100%; height:100px; z-index:10; left:0; top:0; }

#logo { float:left; padding:25px 0 0 20px;}
#logo a { display:block; width: 80px; height: 53px; background-size:cover;}
#logo img { display:block;}
#menu-more { float:right; cursor:pointer; padding:50px 30px 0 30px; height:50px;}
.icon-menu,.icon-menu:before,.icon-menu:after { position:relative; display:block; width:26px; height:3px; background:#000000;}
.icon-menu:before,.icon-menu:after { content:''; position:absolute; left:0; top:-8px;}
.icon-menu:after { top:8px;}
#menu-more.active .icon-menu,#menu-more.active .icon-menu:before,#menu-more.active .icon-menu:after,.show-pannel #menu-more .icon-menu,.show-pannel #menu-more .icon-menu:before,.show-pannel #menu-more .icon-menu:after { background:#000000;}
#menu { float: right; font-size: 16px;}
#menu a { display:inline-block; padding: 0 35px; color: #333; line-height:100px;}
#menu a:hover { color: rgba(51,51,51,1); background-color: #DBDBDB; opacity: 1; }
#menu a.active { color: #fff; }
.menu-list {  position: fixed; _position: absolute; top: 0; width: 100%; height:auto; min-height:0; z-index: 2; height:0; background: #fff; /*background: rgba(0,0,0,0.35); */ overflow: hidden;}

.show-pannel #menu-more,#menu-more:active { background:#fff;}
.show-pannel .menu-list { height:100%;}
/*.show-pannel #layer { display:block; height:100%;-webkit-animation:slideDown .7s ease;}*/

 #header { height: 50px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); left:0; top:0;}
 #logo,.small-header #logo a { width:69px; height:35px;}
 #logo { padding:8px 0 0 20px;}
 #menu a { line-height:50px;}
 .menu-list { top: 50px; }
 #menu-more { padding:24px 20px 0 20px; height:26px;}

/*将:hover效果全部放入 > 801px 里面处理*/
@media (min-width:801px) {
#menu-more:hover .icon-menu,#menu-more:hover .icon-menu:before,#menu-more:hover .icon-menu:after { background:#000000;}
.menu-list li a:hover { color: #fff; }
.menu-list li a:hover span { visibility: visible; }
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
/* 高分屏 */
#logo a { background-image: url(../wapimages/logo-mobile-black.png); }
.fixed #logo a { background-image: url(../wapimages/logo-mobile-black.png); }
.canTransition .fixed #logo a { background-image: url(../wapimages/logo-mobile-black.png); }
}

@media (min-width: 1300px) {
.inner { max-width:1200px;}
}

@media (min-width:1300px) and (min-height:750px) {
/* 宽版 */
body { font-size: 14px; }
.wrapper { min-width: 1200px; }
.main { width: 1200px; }
}

@media (max-width:800px) {
/* 平板 */
#container-wrap { padding: 0 0 0; }

.wrapper { min-width: 320px; }
.main { width: 100%; }


#header {height: 50px; box-shadow: none; z-index:10000000000000000000000 }
#logo,#logo a { width:88px; height:35px;}
#logo { padding:8px 0 0 15px;}
#logo a { background-image:url(../wapimages/logo-mobile-black.png); background-position: 0 center; background-size:100%;}
#menu-more { padding:24px 15px 0 15px; height:26px;}
#menu a { line-height:50px; padding:0 15px;}
.icon-menu,.icon-menu:before,.icon-menu:after { width:26px; height:3px; margin-bottom:8px}
.icon-menu:before,.icon-menu:after { top:-8px;}
.icon-menu:after { top:8px;}
/*.show-pannel #header{ height:100%;}*/
.menu-list { top: 50px; position: absolute; /*.background:url(../wapimages/b2.jpg) #fff*/background:#fff; z-index:2}
.menu-list ul { position: static; margin: 0; width:100%;}
.menu-list ul { padding: 20px 0 0 0;}
.menu-list li {font-size: 16px; line-height: 30px; margin-top: 10px; color:#231F20; text-align:center; width:100%;}
.menu-list li a span { margin-top: 8px; color:#231F20;}
.menu-list li.primary { display: block; }
.menu-list li h2 { font-size: 14px; padding-bottom: 8px; color:#231F20; font-weight:normal;}
.blog-list li a:after,.list-layer { -webkit-transition:none;-moz-transition:none;transition:none; color:#231F20;}
.blog-list li a span { font-size:14px; color:#231F20;}
.show-pannel .menu-list { min-height:0;}
.menu-list li p{background:#EAEAEA; padding:12px 0;}
.menu-list li p a{display:block; margin:auto; font-size:14px; line-height:42px;}
}

@media (max-width:540px) {
body { background: #fff; }
#container-wrap { padding: 0 0 0; }
}
@media(max-width: 982px) {
.wrapper { min-width:0;}
.main { width:auto;}
}