﻿@charset "utf-8";
/* CSS Document */
body {
	width:100%;
	color:#555;
	margin:0;
	padding:0;
	font: normal 12px/150% "宋体", Arial, Helvetica, sans-serif;
	background-color:#ECECEC;
}

a{ text-decoration:none; color:#333;}
a:hover { color:#F00;}
img{border:0;}
p {font-size:12px;	line-height: 30px;text-decoration: none;text-indent:2em;}
* ul,li{margin:0; padding:0;}
.clear{ clear:both;}
#header{ background:url("../img/img-book/bg_header.gif") no-repeat 0 0;  width:988px; height:78px; margin:0 auto; margin-top:17px;}
#help{width:200px;float:right;padding-top:15px;}
#help li{ float:left; width:75px;hight:40px; line-height:40px;text-indent:22px;list-style:none;}
.top1{background:url("../img/img-book/icon1.gif") 0 13px no-repeat; }
.top2{background:url("../img/img-book/icon2.gif") 0 13px no-repeat; }
.top3{background:url("../img/img-book/icon3.gif") 0 13px no-repeat; }
#search{ width:250px; margin-top:11px;}
#search li{ float:left;}
#navi{ width:964px; background:url("../img/img-book/bg_navi1.gif"); margin:0 auto; }
#navi li{ float:left; width:105px; height:29px; background:url("../img/img-book/bg_navi.gif"); text-align:center; line-height:29px;list-style:none;}
#navi li a{ color:#fff; font-weight:bold;width:105px; display:block;}
#navi li a:hover{background:url("../img/img-book/bg_navi_on.gif");}
#container { margin:0 auto; width:964px;}
#content { margin-top:6px;margin-bottom:5px;float:left;}
#flash{ width:964px; height:267px; background:url("../img/img-book/flash.gif");}
#left{ width:210px; font-weight:bold; background:#fff; float:left; font-family:Arial,"宋体", Helvetica, sans-serif;}
#left h3{ background:url("../img/img-book/index_title1.gif"); width:210px; height:26px; font-size:11px; line-height:11px; margin:0; font-weight:bold;}
#left .cate{margin-left:12px; margin-top:5px; background:url( "../img/img-book/dot1.jpg") no-repeat 0 4px; padding-left:15px;}
#left ol{list-style-type:decimal;padding-left:20px;margin:0;list-style:none;}
#left li{font-weight:normal;list-style:none;}

#pic1{  width:188px; height:49px; padding:19px 0 12px 12px;}
#pic3{  width:185px; height:61px; padding:0 0 0 12px !important; padding:8px 0 12px 12px; }

#mid{ width:526px; float:left; margin-left:9px;}
#scoll_product{ background:#fff;height:218px;}
#scoll_product h3{ background:url("../img/img-book/index_title2.gif");height:28px; font-size:11px; line-height:1px; margin:0; text-align:right}
#news{ background:#fff;height:210px;margin-top:8px;}
#news h3{ background:url("../img/img-book/index_title3.gif");height:28px; font-size:11px; line-height:1px; margin:0; margin-top:3px;text-align:right}
#news li{ padding-left:15px; line-height:23px;list-style:none;}
#news ul{ padding:10px 0;}

#right{width:210px; float:right; margin-left:9px;}
#contact{ background:#fff;height:218px;}
#contact h3{ background:url("../img/img-book/index_title4.gif");height:26px; margin:0;}
#contact ul{ padding:10px;list-style:none;}
#link{ background:#fff;height:210px;margin-top:8px;}
#link h3{ background:url("../img/img-book/index_title5.gif");height:26px; margin:0; }
#link ul{  padding:11px 0;margin: 0;}
#link li{ height:20px;line-height:20px;text-align:left;text-indent:4em;background:url("../img/img-book/dot1.jpg") no-repeat 35px 4px;list-style:none;}

#footer{ margin:0 auto; width:964px; background:#000; height:72px; background:url("../img/img-book/bg_footer.gif");}
#footer li{ float:left;list-style:none;}

#sub_left{ width:210px; font-weight:bold;float:left}
#sub_left1{ font-weight:bold; background:#fff; }
#sub_left1 h3{ background:url("../img/img-book/sub_title1.gif") no-repeat; width:180px; height:26px; font-size:12px; line-height:26px; margin:0; font-weight:bold; padding-left:30px; color:#fff;}
#sub_left1 .menu{margin-left:0px; margin-top:5px;  padding:2px 0 10px 10px;}
#sub_left1 li{ padding-left:25px; list-style:none; height:28px; border-bottom:1px solid #ddd; line-height:28px; width:170px;background:url("../img/img-book/dot1.jpg") no-repeat 5px 8px;}
#sub_left1 li a{ display:block; width:170px;}
#sub_left1 li a:hover{ color:#c80409; font-weight:bold;}
#sub_left1 ol{
	list-style-type:decimal;
	padding-left:29px;
	margin:0;
}
#sub_left1 li{
	font-weight:normal;
	
}


#sub_left2{font-weight:bold; background-color:#fff;float:left;font-family:Arial,"宋体", Helvetica, sans-serif;}
#sub_left2 h3{ background:url("../img/img-book/sub_title1.gif") no-repeat; width:180px; height:26px; font-size:12px; line-height:26px; margin:0; font-weight:bold; padding-left:30px; color:#fff;}
#sub_left2 .cate{margin-left:12px; margin-top:5px; background:url( "../img/img-book/dot1.jpg") no-repeat 0 4px; padding-left:15px;}
#sub_left2 ol{
	list-style-type:decimal;
	padding-left:29px;
	margin:0;
}
#sub_left2 li{
	font-weight:normal;
	
}

.pad{margin:14px;padding:10px;}
.pad01{margin:15px; letter-spacing:0.2em;}
.text-noindent{text-indent:0;margin:10px;padding:0 0 0 50px;font-size:14px;color:#333;}
.img-border img{margin:4px 10px;border:solid 1px #CCC;}
.img-left{float:left;margin:5px 10px; border:solid 1px #CCC;}
.img-right{float:right;margin:0;padding:0;}
.text-red{color:#F00;font-weight:bold;height:26px;line-height:26px;background-color:#ededed;text-indent:2em;font-family:Arial,"宋体", Helvetica, sans-serif;}
.text-black{color:#000; font-weight:bold;font-family:Arial,"宋体", Helvetica, sans-serif;}

#sub_mid1{ width:745px; float:left; margin-left:9px; background:#fff;  min-height:375px;}
#sub_mid1 h3{background:url("../img/img-book/sub_right_1.gif");height:28px; font-size:12px; line-height:28px; margin:0; text-align:right; font-weight:normal; padding-right:15px;color:#666;}
#sub_mid2{ width:745px; float:left; margin-left:9px; background:#fff; height:345px;}
#sub_mid2 h3{background:url("../img/img-book/sub_right_2.gif") left;height:28px; font-size:12px; line-height:28px; margin:0; text-align:right; font-weight:normal; padding-right:15px; color:#666;}
#sub_content { padding:15px 20px;float:left;}
#sub_mid3{ width:745px; float:left; margin-left:9px; background:#fff;  height:auto !important;min-height:434px !important; height:434px;}
#sub_mid3 h3{background:url("../img/img-book/sub_right_3.gif") left;height:28px; font-size:12px; line-height:28px; margin:0; text-align:right; font-weight:normal; padding-right:15px; color:#666;}
#sub_mid4{ width:745px; float:left; margin-left:9px; background:#fff;  height:auto !important;min-height:483px !important; height:507px;clear:right; overflow-x:hidden;}
#sub_mid4 h3{background:url("../img/img-book/sub_right_4.gif") left;height:28px; font-size:12px; line-height:28px; margin:0; text-align:right; font-weight:normal; padding-right:15px; color:#666;}
#sub_mid4 h4{width:680px;height:28px;font-size:12px; line-height:28px;text-indent:2em;  margin-left:25px; color:#000; background-color:#EEE;}

#sub_mid5{ width:745px; float:left; margin-left:9px; background:#fff; min-height:432px;padding-bottom:10px;}
#sub_mid5 h3{background:url("../img/img-book/sub_right_5.gif") left;height:28px; font-size:12px; line-height:28px; margin:0; text-align:right; font-weight:normal; padding-right:15px; color:#666;}
#sub_mid5 h4{width:180px;height:28px;font-size:12px; line-height:28px; text-align:center; font-weight:normal; margin-left:25px; color:#B70900; background-color:#EEE;}
#sub_mid6{ width:745px; float:left; margin-left:9px; background:#fff; }
#sub_mid6 h3{background:url("../img/img-book/sub_right_6.gif") left;height:28px; font-size:12px; line-height:28px; margin:0; text-align:right; font-weight:normal; padding-right:15px; color:#666;}
#sub_mid7{ width:745px; float:left; margin-left:9px; background:#fff; height:320px;}
#sub_mid7 h3{background:url("../img/img-book/sub_right_7.gif") left;height:28px; font-size:12px; line-height:28px; margin:0; text-align:right; font-weight:normal; padding-right:15px; color:#666;}
#sub_mid8{ width:745px; float:left; margin-left:9px; background:#fff; height:320px;}
#sub_mid8 h3{background:url("../img/img-book/sub_right_8.gif") left;height:28px; font-size:12px; line-height:28px; margin:0; text-align:right; font-weight:normal; padding-right:15px; color:#666;}
#sub_mid9{ width:745px; float:left; margin-left:9px; background:#fff; height:320px;}
#sub_mid9 h3{background:url("../img/img-book/sub_right_9.gif") left;height:28px; font-size:12px; line-height:28px; margin:0; text-align:right; font-weight:normal; padding-right:15px; color:#666;}

/* 首页产品滚动的代码系列 **********************************************************************************************************/

.d1 {margin:10px auto;width:500px;height:160px;overflow:hidden;white-space:nowrap;}
.div2 {width:auto;height:auto;font-size:12px;float:left;overflow:hidden;}
ul.div3 {margin:0;padding:10px 0px;list-style:none;line-height:19px;font-size:12px;}
ul.div3 li{width:160px;float:left;display:inline;padding-bottom:15px;padding-left:15px;text-align:center;list-style:none;}
ul.div3 li a img {display:block;width:160px;height:120px;padding:2px;background-color:#FFF;border:solid 1px #ccc;}
ul.div3 a:hover{text-decoration:underline;}

ul.prod {
	width:700px;
	float:left;
	display:inline;
	padding:0;
	margin:0;
}
.prod li {padding:0;
margin:0;
	width:160px;
	float:left;
	display:inline;
	padding-top:15px;
	padding-left:35px;
	text-align:center;
}

.prod li a img {
	display:block;
	width:160px;
	height:120px;
	padding:10px;
	background-color:#EDEDED;
	border:solid 1px #CCC;
}

.prod li a:hover img{
	display:block;
	width:160px;
	height:120px;
	background-color:#FFF;
}
