@charset "utf-8";
*{font-family:"黑体",arial;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
html {color: #666666; height: 100%; overflow-x: auto; overflow-y: scroll; background:#FFFFFF;}
img{ border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
body {font-size:12px; background-color:#FFFFFF; font-family:"黑体", Verdana, Geneva, sans-serif;}
a:link {color: #648BB1; text-decoration: none;}
a:visited{color: #648BB1; text-decoration: none;}
a:hover {color: #8CACCA; text-decoration: underline;}
a:active {color: #648BB1;}
h1{margin-bottom:50px; height:500px; background:url(../top.jpg) no-repeat center top; text-indent:-9999px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);}
.banner{margin: 0 auto 50px; width: 100%; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);}
h2{margin-bottom:50px; padding-top:10px; font-size:32px; color:#333; height:56px; background:url(../title.png) no-repeat center top; text-align:center;}
.intro{margin-bottom:80px;}
.intro p{font-size:16px; line-height:32px; color:#333; padding-left:-28px; text-indent:28px;}
.ztkd{margin-bottom:80px; text-align:center;}
.ztkd img, .pos img, .banner img{max-width:100%; height:auto;}
.pos{text-align:center;}
.shelf{height:100%; background:url(../shelf.jpg) repeat-y center bottom;}
.shelf .book{height:275px; text-align:center; position:relative;}
.shelf .book img{margin:0 auto 8px; width:130px; height:auto; text-align:center; box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.4);}
.shelf .book .bshadow{position:absolute; left:50%;; top:154px; margin-left:-65px; width:130px; height:24px; background:rgba(0,0,0,0.6); color:#fff;  color:#fff; font-size:12px; line-height:24px; text-align:center;}
.ztzs{margin:0 auto 50px; width:800px;}
.shelf .book a{margin:0 4px; width:80px; font-size:14px; color:#333; text-align:center; line-height:28px; display:inline-block; }
.shelf .book a.fview{width:56px; background:url(../button2.gif) no-repeat;}
.shelf .book a.fdownload{background:url(../button.gif) no-repeat;}


.album{margin:0 auto 50px; width:900px;}
.album img{max-width:100%; height:auto;}
.album .blk{float:left; margin:0px 10px 10px 0px; width:440px; height:293px; overflow:hidden; display:inline;}
.album .blk2{width:450px; height:300px;}
.album .blk2 a{float:left; margin:0px 10px 10px 0px; width:215px; height:140px; display:inline-block;}
.album img{opacity:0.8;}
.album a:hover img{opacity:1;-moz-transition: opacity .2s ease-in;-webkit-transition: opacity .2s ease-in;-o-transition: opacity .2s ease-in;transition: opacity .2s ease-in;}
.ninkiOutter{margin-bottom:50px; padding:20px 0px; background-color:#f9f9f9;}
.ninki{margin:0 auto 50px; width:1000px;}
.ninki h3{margin-bottom:10px; font-size:24px;text-align:center;}
.ninki p{font-size:14px; line-height:24px;}
.ninki p.author{margin-bottom:30px; text-align:center; font-size:14px;}
.ninki .text{float:left; padding-right:20px; width:500px; display:inline;}
.ninki .discuss{float:left; width:500px; display:inline;}
.ninki .discuss p{padding:2px 10px; font-size:14px; }
.ninki .discussBox{width:500px; height:400px; overflow:hidden; overflow-y:scroll; border:2px solid #eee;}
.album:before,
.album:after,
.ninki:before,
.ninki:after {
  display: table;
  content: " ";
}
.album:after,
.ninki:after {
  clear: both;
}
.qr{text-align:center;}
@media (max-width: 767px) {
.ztzs{margin:0 auto 30px; width:100%;}
h2{margin-bottom:30px; font-size:24px;}
.intro,.ztkd{margin-bottom:50px;}
.shelf .book a{margin:0px 2px;}
.album img{opacity:1;}

.album{width:440px;}
.album img{max-width:100%; height:auto;}
.album .blk{float:none; margin:0px auto; padding:0px 10px; width:440px; height:auto; overflow:hidden; display:block;}
.album .blk2{ width:100%; height:auto;}
.album .blk2 a{float:none; margin:10px 0px 0px; width:50%; height:auto; display:inline-block;}
.album .blk:last-child{margin-top:10px;}

.ninki{width:100%;}
.ninki .text{float:none; margin-bottom:20px; padding:0px 20px; width:100%; display:block;}
.ninki .discuss{float:none; padding:0px 10px; width:100%; display:block;}
.ninki .discussBox{width:100%; height:300px; overflow:hidden; overflow-y:scroll; border:2px solid #eee; text-align:center;}
.ninki .discussBox img{max-width:100%; height:auto;}
}
@media (max-width: 480px) {
.album .blk{float:none; margin:0px auto; padding:0px 10px; width:100%; height:auto; overflow:hidden; display:block;}
}