@charset "utf-8";
/* CSS yuyang louis */
html,body,ul,li,p,form,dl,dt,dd,h1,h2,h3,iframe{ margin:0; padding:0;}
body{ font:12px/18px 'Microsoft YaHei',simsun,Arial, Helvetica, sans-serif; color:#000; background:#f6f0c8;}
ul,li{ list-style-type:none;}
img{ border:0; display:block;}
a{ color:#000; text-decoration:none;}
a:hover{ text-decoration:underline;}

.bg{ background:url(bg.jpg) no-repeat center top;}
.layout{ margin:0 auto; width:960px; overflow:hidden;}
.tit1{ text-align:center;}
.tit1 img{ margin:0 auto;}

.box1{ margin:0 auto; width:896px; height:560px; overflow:hidden; background:url(box1_bg.png) no-repeat;}
.box1 .box2{ float:left; margin:110px 0 0 22px; display:inline; width:360px;}
.box1 .box2 a.s2{ margin-left:230px;}
.box1 .box2_my{ float:left; margin:0 0 0 22px; display:inline; width:530px;}

.js{ float:right; margin:112px 10px 0 0; display:inline; width:260px;}
.js img{ float:left; margin:0 10px 0 0;}
.js strong{ display:block; margin-bottom:20px;}
.js p{ text-indent:2em;}

.box2{ margin:0 auto; padding:10px 0 10px 194px; width:642px; overflow:hidden;}
.box2 img{ position:absolute; margin-left:-194px; border:#cfcdcd 2px solid; width:168px; height:233px;}
.box2 h2{ font-size:18px;}
.box2 ul{ margin:10px 0 4px;}
.box2 li{ padding:0 0 0 18px; background:url(li1.png) no-repeat 3px 6px;}
.box2 p{ text-indent:2em;}
.box2_my{ margin:0 auto; border-top:#e2e0e0 2px solid; padding:10px; line-height:24px; width:820px;}
.box2_my dt{ margin-bottom:6px; font-size:18px; font-weight:bold;}
.box2_my dd p{ text-indent:2em; line-height:18px;}
.box2_my dd span{ display:block; text-align:right;}

.bookList ul{ margin:0 auto; padding-bottom:20px; width:850px; overflow:hidden;}
.bookList li{ float:left; margin:7px 10px 0; display:inline; padding:7px 7px 0; width:136px; height:293px; text-align:center; background:#eae6eb; overflow:hidden;}
.bookList li img{ margin-bottom:8px; width:136px; height:184px;}
.bookList li span{ display:block; font-weight:bold; height:18px; overflow:hidden;}

a.btn{ margin:8px auto 0; display:block; padding:0 0 4px 30px; width:100px; text-align:left; height:40px; line-height:40px; color:#fff; background:url(btn1.png) no-repeat;}
a.btn:hover{ text-decoration:none;}

a.s2{ margin:10px 0 0 490px; background-image:url(btn2.png);}

.footer{ margin:0 15px; border-top:#bbb 1px solid; padding:12px 0; color:#999; text-align:center; background:#fff;}
.footer p{ margin-bottom:12px;}
.footer p,.footer p a{ color:#6b0909;}