html,body,h1,h2,h3,h4,p,ul,ol{margin:0;padding:0;}
ul,li,dl,dt,dd{list-style:none;margin:0;padding:0;}
a{text-decoration:none;cursor:pointer;}
html,body{height:100%;font-size:12px;}
body{font-family:"Microsoft YaHei","Helvetica Neue",Verdana,Arial; background:#F9F9F9; }
h1,h2,h3,h4,.ff-he{font-family:"Helvetica Neue","Microsoft YaHei","SimHei";}
.head-bg {
    position: absolute; top:0; left: 0; width: 100%; height: 61px;
    border-top: 4px solid #000; border-bottom: 1px solid #e5e5e5; z-index: -1;
}
#container { max-width:950px; margin: 0 auto; padding: 0 20px; z-index: 1;}
#head_all { width: 100%; margin: 0 auto; padding: 0 20px; z-index: 1;background:#FFF;}
#head { max-width:950px; height: 65px; margin: 4px auto; overflow: hidden; font-family:"Microsoft YaHei"; }
#head .logo {
    float: left; display: block; width: 160px; height: 40px;
    margin-top: 12px; background: url(../img/logo.png) no-repeat; background-size:160px 39px;
}
#head form{ float: left; position: relative;}
#head form .keyword{
    width: 130px; padding: 6px 30px 5px 6px; color: #777; border: 1px solid #ebebeb;
    margin-top: 19px; margin-left: 15px;
}
#head form .submit{
    width: 26px; height: 24px; position: absolute; border: 0; cursor: pointer;
    background: url(../img/btnSearch.gif) 3px 3px no-repeat; top:22px; right: 0; outline: none;
}
label.sch-label{ position:absolute;color:#777;top:26px;left:23px;cursor:text;}
label.sch-labelFocus{ color:#ccc;}
#head .nav { float: left; font-size: 14px; margin-top: 22px;}
#head .nav a{ color: #333; margin-left: 20px;}
#head .nav a:hover { color: #000;}
#head .user { float: right; height:50px; line-height: 54px; margin-top: 6px;}
#head .user .a1 { color: #333; text-decoration:none;}
#head .user .a1:hover {color:#000; text-decoration:underline;}
#head .user .a {
    display: block; float: left; width: 50px; height: 50px; margin-left: 20px; outline: none;
    background: url(../img/third_account.png) no-repeat; text-indent: -9999em; overflow: hidden;
}
#head .user .qq { background-position: 0 0;}
#head .user .qq:hover { background-position: 0 -60px;}
#head .user .wb { background-position: 0 -120px;}
#head .user .wb:hover { background-position: 0 -180px;}
#head .user .na{
	display: block; float: left; width: 50px; height: 50px; margin-left: 20px; outline: none;
    text-indent: -9999em;
}
#head .user .nqq { background: url(../img/qq.png) no-repeat;}
#head .user .nqq:hover { background: url(../img/qq_h.png) no-repeat;}
#head .user .nwb { background: url(../img/weibo.png) no-repeat;}
#head .user .nwb:hover { background: url(../img/weibo_h.png) no-repeat;}
#foot { clear: both; width: 100%; margin: 0 auto; padding: 50px 0; color:#787878; text-align:center; line-height:21px;}
#foot a{ color:#787878;}
#main { width: 950px; margin: 30px auto;}
#main h3{ font-size: 20px; font-weight: normal; padding-left: 5px; margin-bottom: 25px;}
#main .box-l{ float: left; width: 200px;}
#main .box-r{ float: right; width: 700px;}
#main .menu-fix{}

/*回到顶部*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
#gotopbox{width:142px; height:62px; float: right; position:fixed;
    _position:absolute; _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,0)||0)-(parseInt(this.currentStyle.marginBottom,0)||0)));
    _margin-bottom:10px;
}/*解决IE6下不兼容 position:fixed 的问题*/
#gotop{ width:142px; height:62px; background:url(../img/Back_To_Top.png) 0 -62px no-repeat; position:absolute; top:0; display:none; cursor:pointer; outline: none;}
#gotop:hover{background:url(../img/Back_To_Top.png) 0 0 no-repeat;}

.left { float: left;}
.right{ float: right;}
.mgl-10{ margin-left: 10px;}
.mgl-30{ margin-left: 30px;}
.fs-14{ font-size: 14px;}
.fs-16{ font-size: 16px;}
.fs-18{ font-size: 18px;}
.fs-20{ font-size: 20px;}
.fs-22{ font-size: 22px;}
.fs-24{ font-size: 24px;}
.fs-26{ font-size: 26px;}
.fs-36{ font-size: 36px;}
.white{ color: white;}
.black{ color: black;}
.blue{ color: #0066ff;}
.green{ color: #09BB07;}

/*图册*/
.book-ul li{ float: left; width: 335px; height: 352px; margin-bottom: 30px;}
.cover { width: 335px; height: 352px; background-color: #ccc; position: relative;}
.coverup {position: absolute; right: 0; bottom: 0; width: 335px; height: 100px; background-color:#fff;
    filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;}
.coverup2 {position: absolute; right: 15px; bottom: 0; width: 305px; height: 90px;}
.coverup2 .tit{ color: #fff; font-size: 16px; text-shadow:1px 1px 1px #000; height: 65px; filter:glow(color=black,strength=1);}
.coverup2 .oth{ color: #fff; font-size: 12px; text-shadow:1px 1px 1px #000;}
.coverup2 .oth span{ font-style: italic;}