@charset "utf-8";
/* CSS Document */

body {
	width:100%;
	color:#555;
	margin:0;
	padding:0;
	font: normal 12px/150% "宋体", Arial, Helvetica, sans-serif;
}
li {list-style-type:none;}
a {text-decoration:none;color:#023D58}
img{border:0;}
body, div, ul, li, h1, h2, h3, h4, h5, h6, {margin:0;padding:0;}
p {font-size:12px;line-height:30px;text-decoration: none;}

.img-left {
	float:left;
	padding:5px 15px 0 5px;
}
.img-right01 {
	float:right;
	margin:0 0 5px 15px;
	padding:2px;
	border:solid 1px #CCC;
}
.img-right {
	float:right;
	padding:5px 15px 0 0;
}
.font-t{width:518px;padding-bottom:5px;border-bottom:solid 1px #CCC;}
.font-t01{ margin-left:8px;width:150px;border-bottom:solid 1px #CCC;}
/* 布局 ************************************************************************/

#wrap {
	width:990px;
	margin:0 auto;
	background-color:#FFF;
}
#header {
	height:329px;
	background:url("../img/img-book/index-bg.jpg") no-repeat 0 0;
}
#header01{float:right;padding:0;margin:0;width:990px;height:101px;}
#logo {
	float:left;
	width:180px;
	height:101px;
	padding-left:20px;
}

#nav {
	float:right;
	width:788px;
	height:101px;
}
#nav span{float:right;
	width:788px;
	height:68px;
	line-height:68px;
	text-indent:41em;
	color:#f00;
	letter-spacing:0.2em;
}

#banner {
	height:227px;
	width:990px;
}
#main {
	float:left;
	width:990px;
	padding-bottom:10px;
		background:url("../img/img-book/temp-bg.jpg") repeat-x 0 0;

}
#sidebar {
	width:210px;
	float:left;
	display:inline;
	margin-left:10px;
	margin-top:10px;
}
#content {
	width:760px;
	float:right;
		margin-top:10px;

	display:inline;
}
#content01 {
	width:518px;
	float:left;
	display:inline;
	margin:0 15px;
	padding:0 15px;
	border-left:solid 1px #CCC;
border-right:solid 1px #CCC;}
#content02 {
	width:170px;
	float:right;
	display:inline;
	margin-right:10px;

}
#footer {
	clear:both;
	height:55px;
	line-height:55px;
	text-align:center;
	background:url("../img/img-book/foot-logo.gif") no-repeat 120px 2px;
	border-top:solid 1px #CCC;
	background-color:#F4F5F6;
}
#sidebar-h1{margin:0;padding:0; float:left;width:210px;margin-bottom:8px;padding-bottom:5px;font-size:14px;	color:#222;text-indent:1em;	letter-spacing:0.2em;border-bottom:solid 1px #CCC;}

#sidebar-h1 h1{margin:0;padding:0; width:150px;height:20px;line-height:20px;float:left;}
#sidebar-h1 img{margin:0;padding:0; width:56px;height:20px;float:right;}
h1{margin:0;padding:0; float:left;width:210px;margin-bottom:5px;font-size:14px;	color:#222;text-indent:1em;	letter-spacing:0.2em;background:url("../img/img-book/arrow01.gif") no-repeat 0 1px;}

/* header系列 ************************************************************************/

#nav ul {margin:0;padding:0;
	width:788px;
	height:33px;
}
#nav ul li {
	float:left;
	margin-right:1px;
	width:95px;
	letter-spacing:0.2em;
	text-align:center;
}
#nav ul li a {
	display:block;
	width:95px;
	padding-top:1px;
	height:32px;
	line-height:33px;
	color:#FFF;
		background:url("../img/img-book/nav-bg.gif") no-repeat 0 -35px;

}
#nav ul li a:hover {
		display:block;
	width:95px;
	padding-top:1px;
	height:32px;
	line-height:32px;
	background:url("../img/img-book/nav-bg.gif") no-repeat 0 0px;
}
#sidebar01 {
width:204px;
height:134px;
padding:3px;
margin-bottom:10px;
border:solid 1px #CCC;
}
#video{background-color:#F3F3F3;width:210px;height:118px;margin-top:2px;padding:0;}
ul.video-nav{margin:0;padding:0;padding-top:5px;width:210px;}
ul.video-nav li{margin-left:10px;width:170px;height:26px;line-height:26px;padding-left:25px;background:url("../img/img-book/arrow02.gif") no-repeat 10px 13px;border-bottom:dashed 1px #999;}
ul.video-nav li a{width:50px;height:26px;display:inline-block;color:#777;float:right;}
ul.video-nav li a:hover{width:50px;height:26px;display:inline-block;color:#F00;}

#xm{margin-top:10px;pading:0;}
ul.xm-nav{float:left;margin-top:20px;padding:0;width:518px;}
ul.xm-nav li{float:left;margin-left:12px;padding:0;width:110px;}

#lx{background-color:#F3F3F3;width:168px;height:162px;margin-top:10px;border:solid 1px #CCC;}
ul.lx-nav{margin-top:8px;padding:0;width:168px;}
li.lx-nav01 {margin-top:4px;margin-left:8px;padding-top:2px;width:150px;height:27px; background:url("../img/img-book/A.gif") no-repeat 0 2px;background-color:#FFF;border:solid 1px #CCC;}
li.lx-nav01 a{width:25px;height:22px;display:inline-block;float:left;}
li.lx-nav01 a:hover{width:25px;height:27px;display:inline-block;background:url("../img/img-book/A_2.gif") no-repeat 0 0;}

li.lx-nav02 {margin-top:10px;margin-left:8px;padding-top:2px;width:150px;height:27px; background:url("../img/img-book/B.gif") no-repeat 0 2px;background-color:#FFF;border:solid 1px #CCC;}
li.lx-nav02 a{width:25px;height:22px;display:inline-block;float:left;}
li.lx-nav02 a:hover{width:25px;height:27px;display:inline-block;background:url("../img/img-book/B_2.gif") no-repeat 0 0;}

li.lx-nav03 {margin-top:10px;margin-left:8px;padding-top:2px;width:150px;height:27px; background:url("../img/img-book/C.gif") no-repeat 0 2px;background-color:#FFF;border:solid 1px #CCC;}
li.lx-nav03 a{width:25px;height:22px;display:inline-block;float:left;}
li.lx-nav03 a:hover{width:25px;height:27px;display:inline-block;background:url("../img/img-book/C_2.gif") no-repeat 0 0;}

/* 结束content系列 ******************************************************************/
#footer p {margin:0;
padding:0;
	margin-top:10px;
	margin-left:245px !important;
	margin-left:52px;
	width:550px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
}

/* 新品展示滚动的代码系列 **********************************************************************************************************/
#d0{paddig:0;marging:0;width:490;margin-top:5px;padding-left:18px;border:solid 1px #CCC;}
.d1 {padding:0;margin:0;width:480px;height:140px;overflow:hidden;white-space:nowrap;}
.div2 {width:auto;height:auto;font-size:12px;float:left;overflow:hidden;margin-top:5px;}
ul.div3 {margin:0;padding:0px;list-style:none;line-height:19px;font-size:12px;}
ul.div3 li{width:auto;float:left;display:inline;padding-left:15px;text-align:center;}
ul.div3 li a img {display:block;width:100px;height:100px;padding:5px;border:solid 1px #D7EAFA;}
ul.div3 a:hover{color:#F00;text-decoration:underline;}

