/** reset.css and clearfix **/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol{list-style:none outside none;}a,a:hover{text-decoration:none;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#000;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}.clearfix:after{content:"\0020";display:block;height:0;clear:both;}.clearfix{zoom:1;}

body {margin:0px; padding:0px;background:#fff url(../images/bg.gif) top repeat-x ; font-family:'Lucida Grande','Lucida Sans Unicode','宋体','新宋体',arial,verdana,sans-serif;font-size:9pt; color:#7d7d7d;}
img {BORDER: 0px; margin:0px; padding:0px;}
/* Links */
a,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer;text-decoration:none} 
a:link,a:visited,a:active {color:#7d7d7d} 
a:hover {color:#ff0000} 
input { font-size:12px}
textarea { font-size:12px}
.right_t {float:right;}
.ad {
	padding:0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div,p,ul { margin:0px; padding:0px; list-style:none; }

#top { background: url(../images/top_bg.gif) 0 -37px repeat-x; height:40px;margin:0px 0px 0px 0px; margin-left:auto; margin-right:auto; width:985px ; padding:0px; clear:both}
#top ul { list-style:none;}
#top ul li  { float:left; padding:0px; margin:0px; position: relative;z-index: 5; width:88px;}
#top ul li a  {color:#FFF; font-size:14px; font-weight:bold; display:block; height:40px;line-height:40px; width:88px; text-align:center; background: url(../images/top_li.gif) no-repeat right top;}
#top ul li a:hover,#top ul li#active a{color: #FF0; background:url(../images/top_li_hover.gif);} 
#top ul li ul  {background: #C82F21;	border-color: #de813b;	border-style: none solid solid;	border-width:1px;	display: none; width:84px; margin:0px; position: absolute;}
#top ul li ul li { width:84px; background:none; margin:0px; padding:0px;float: none; font-size:12px; height:30px; overflow:hidden;}
#top ul li ul li a { background:none !important; margin:0px; padding:0px; font-size:12px; display:block; border:none; line-height:30px;height:30px; width:84px; color:#fff !important;}
#top ul li ul li a:hover,#top ul li ul li.select a {margin:0px; padding:0px; font-size:12px; display:block; background:#FDF90A !important; border:none; height:30px; line-height:30px; width:84px;color:#C42E21 !important;}
#top ul .li2 {float:left; padding:0px; margin:0px;}
#top ul .li2 a  { background:none; display:block;height:40px; width:88px;}
#top ul .li2 a:hover  { background: background:url(../images/top_li_hover2.gif);}
#top ul .left  { float:left; background:url(../images/top_l.gif) no-repeat bottom; height:40px; width:14px; padding:0px; margin:0px; }
#top ul .right  { float:right; background:url(../images/top_r.gif) no-repeat bottom; height:40px; width:14px; padding:0px; margin:0px; }
#top ul .logo  { float:left; background:url(../images/logo.gif) no-repeat bottom; height:40px; width:10px; padding:0px; margin:0px; }
#banner { margin-left:auto; margin-right:auto; width:985px ; height:240px;border-top:#fff 1px solid; border-bottom:#fff 1px solid}
#bannerb{ line-height:0; font-size:0; height:3px; background:#CA0E0D; width:985px; margin:0 auto; overflow:hidden;}
#page { margin-left:auto; margin-right:auto; width:983px ; border-left:#C7C761 1px solid; border-right:#C7C761 1px solid; background:#FFF url(../images/bgbg.gif) repeat-y; border-bottom:#ce1100 3px solid;clear:both ; overflow:auto;  height:100%; padding-bottom:20px; overflow:hidden}
#page #left { width:258px; float:left; overflow:auto;  height:100%;}
#page #right { width:723px; float:left; overflow:auto;  height:100%; overflow:hidden; margin-left:2px;}
#bottom { background:url(../images/bottom.gif) repeat-x top; margin-left:auto; margin-right:auto; width:985px ; height:100px;}
#bottom ul { overflow:auto; padding:10px 10px 10px 30px;}
#bottom ul li { float:left; line-height:25px;color:#ce1100;}
#bottom ul li a {color:#ce1100; margin:0px 5px 0px 5px;}
#bottom ul li a:hover {color:#ff5000;}
#bottom #copyright { float:right; font-family:Arial, Helvetica, sans-serif; margin:10px 30px 10px 10px; line-height:20px;}
#introduction_pic  {  margin:10px 10px 0px 10px;}
#introduction_right { float:right; width:505px;margin:10px 20px 0px 0px; padding:0px; line-height:24px;text-indent:2em}
#introduction_right ul { clear:both; margin-top:10px;}
#introduction_right ul  li { float:left; margin-right:1px;}
#introduction_right ul  li img { width:131px; height:77px;}
.tel{clear:both; text-align:center; line-height:25px; padding:15px 0;color:#666; font-family:Arial, Helvetica, sans-serif; }
.table_r {}
.table_r .top { background:url(../images/table_r_bg.gif) repeat-x; height:43px; padding:0px;}
.table_r .top label { background:url(../images/table_r_bg_label.gif) repeat-x top; height:43px; padding:0px 0px 0px 10px;color:#ce1100; font-weight:bold; font-size:14px; line-height:50px; width:200px; overflow: hidden;margin:0px 10px 0px 20px; float:left}
.table_r .top label span { font-family:Arial, Helvetica, sans-serif; margin-left:5px; font-size:11px;color:#999}
.table_r .top .more { float:right; display:block; height:12px; line-height:12px;color:#ce1100; border-left:#ce1100 2px solid; padding-left:10px; margin:15px;}
.table_r .top .more:hover { float:right; display:block; height:12px; line-height:12px;color:#ff5000; border-left:#ff5000 2px solid; padding-left:10px; margin:15px;}
.table_r .bottom{ background:url(../images/table_r_bottom_bg.gif) repeat-x top #FFF; padding:10px 10px 0px 10px; overflow:auto; height:100%; overflow:hidden }
.table_r .bottom2{ background:url(../images/table_r_bottom_bg.gif) repeat-x top #FFF; padding:20px; overflow:auto; height:100%; overflow:hidden; line-height:24px;}
.table_r .bottom2 .picshow { margin-left:auto; margin-right:auto; border:#CCC 3px solid; margin:15px;}
.table_r .image { overflow:hidden}
.table_r .image li { float:left;}
.table_r .image li a { width:164px; height:135px; text-align:center; display:block; padding:5px;}
.table_r .image li a span { border:#CCC 1px solid; padding:3px; margin-bottom:10px; display:block}
.table_r .image li a img { width:154px; height:104px;}
.table_r .txt { margin:0px; padding:10px; list-style:none;}
.table_r .txt li { background:url(../images/ico.gif) left no-repeat; height:24px; line-height:24px; border-bottom:#CCC 1px dotted; padding-left:15px;}
.table_r .txt li span { float:right; font-family:Arial, Helvetica, sans-serif; font-size:9px}

.table_l {}
.table_l .top {
	background:url(../images/table_r_bg.gif) repeat-x;
	height:43px;
	padding:0px;
	font-size:14px;
	color:#FFFFFF;
	line-height:43px;
}
.dao{text-align:right;line-height:50px;padding-right:50px;}
.table_l .top label { background:url(../images/table_r_bg_label.gif) repeat-x top; height:43px; padding:0px 0px 0px 10px;color:#ce1100; font-weight:bold; font-size:14px; line-height:50px; width:200px; overflow: hidden;margin:0px 10px 0px 20px; float:left}
.table_l .top ul {background:url(../images/table_r_bg_label.gif) repeat-x top; height:43px; margin:0px 5px 0px 5px; }
.table_l .top ul li {
	width:115px;
	height:33px;
	text-align:center;
	font-weight:bold;
	line-height:33px;
	float:left;
	margin-top:9px;
	margin-right:5px;
	background-image: url(../images/table_top_li_on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.table_l .top ul .hover { background:url(../images/table_top_li_on.gif) no-repeat bottom; height:33px; text-align:center; font-weight:bold; line-height:33px; float:left; margin-top:9px; color:#fff}
.table_l .bottom{ background:url(../images/table_r_bottom_bg.gif) repeat-x top #FFF; padding:10px 10px 0px 10px; overflow:auto; height:100%; overflow:hidden}
.table_l .txt { margin:0px; padding:10px; list-style:none;}
.table_l .txt li { background:url(../images/ico.gif) left top no-repeat;line-height:24px; height:24px; overflow:hidden; padding-left:15px;}
.table_l .txt li ul li { background:url(../images/ico.gif) 20px top no-repeat; height:24px; line-height:24px; padding-left:15px; overflow:hidden;}
.table_l .class { margin:0px; padding:10px; list-style:none;}
.table_l .class li { background:url(../images/ico.gif) left no-repeat; height:24px; line-height:24px; border-bottom:#CCC 1px dotted; padding-left:15px; font-size:12px;color:#ce1100;}


DIV.yahoo2 {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 0.85em; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,Helvetica,sans-serif; TEXT-ALIGN: center}
DIV.yahoo2 A {	BORDER-RIGHT: #efefef 1px solid; PADDING-RIGHT: 8px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #efefef 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #efefef 1px solid; COLOR: #999; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #efefef 1px solid; TEXT-DECORATION: none}
DIV.yahoo2 A:hover {	BORDER-RIGHT: #CE1100 1px solid; BORDER-TOP: #CE1100 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #CE1100 1px solid; COLOR: #fff; BORDER-BOTTOM: #CE1100 1px solid; BACKGROUND-COLOR: #CE1100}
DIV.yahoo2 A:active {	BORDER-RIGHT: #CE1100 1px solid; BORDER-TOP: #CE1100 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #CE1100 1px solid; COLOR: #fff; BORDER-BOTTOM: #CE1100 1px solid; BACKGROUND-COLOR: #CE1100}
DIV.yahoo2 SPAN.current {	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #ff5000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px}
DIV.yahoo2 SPAN.disabled {	DISPLAY: none}
DIV.yahoo2 A.next {	BORDER-RIGHT: #CE1100 2px solid; BORDER-TOP: #CE1100 2px solid; MARGIN: 0px 0px 0px 10px; BORDER-LEFT: #CE1100 2px solid; BORDER-BOTTOM: #CE1100 2px solid}
DIV.yahoo2 A.next:hover {	BORDER-RIGHT: #CE1100 2px solid; BORDER-TOP: #CE1100 2px solid; BORDER-LEFT: #CE1100 2px solid; BORDER-BOTTOM: #CE1100 2px solid}
DIV.yahoo2 A.prev {	BORDER-RIGHT: #CE1100 2px solid; BORDER-TOP: #CE1100 2px solid; MARGIN: 0px 10px 0px 0px; BORDER-LEFT: #CE1100 2px solid; BORDER-BOTTOM: #CE1100 2px solid}
DIV.yahoo2 A.prev:hover {	BORDER-RIGHT: #CE1100 2px solid; BORDER-TOP: #CE1100 2px solid; BORDER-LEFT: #CE1100 2px solid; BORDER-BOTTOM: #CE1100 2px solid}

.gbook {}
.gbook li { border-bottom:#CCC 1px dotted; overflow:auto; height:100%; padding-bottom:10px; margin-bottom:20px;}
.gbook li span { float:right}
.gbook li label { float:left}
.gbook li .name { width:100px; color:#CE1100; font-size:12px; font-weight:bold}
.gbook li .sex { width:50px; text-align:center}
.gbook li .info { clear:both; line-height:24px; padding:10px; border:#C8D2AF 1px solid;background:url(../images/table_r_bottom_bg.gif) repeat-x top #FFF; overflow:auto; height:100%}
.gbook li .re { background:#FFFCBC; border:#ff5000 1px solid; padding:10px;color:#ff5000; margin:10px;}
.gbook li .re a {color:#ff5000; }
.gbook li .re a:hover {color:#ff0000; }

.addbook {}
.addbook li  {line-height:30px;}
.addbook li  label { width:100px; text-align:right; display:block; float:left; padding-right:10px;}
.addbook li  span { margin-left:10px; padding-left:20px; background:url(../images/err01.png) no-repeat left top;color:#ff0000; height:25px;}
.addbook li input { width:400px;}
.addbook li textarea { width:400px;}
.addbook li .yzm { width:50px;}
.addbook li .tj { width:100px; background:#CE1100;color:#fff; border:none; padding:3px; font-weight:bold; margin-right:10px;}


.pic_link {}
.pic_link li { float:left; margin:10px 14px 10px 13px;}
.pic_link li img { width:88px; height:31px; border:#CCC 1px solid}
.link { clear:both; border-top:#CCC 1px dotted ; padding-top:10px;}

#go_home { margin-left:auto; margin-right:auto; width:975px ; clear:both;text-align:right; line-height:40px; padding-right:10px; height:77px;}
#go_home h1{ width:500px; float:left;height:77px; overflow:hidden; text-indent:-999px; background:url(../images/logo.jpg) no-repeat; text-align:left;}
#go_home h2{ width:450px; float:left;height:77px; overflow:hidden; text-indent:-999px; background:url(../images/tel.png) top right no-repeat; text-align:left;}


#demo{background:#FFF;overflow:hidden;width:702px;height:290px;} 
#demo img {} 
#indemo {float: left;width: 800%;} 
#demo1,#demo2 {width:702px;height:290px;float: left; overflow:hidden;} 
#demo1 a,#demo2 a{float: left; display:block; overflow: hidden;} 

.diseo { display:none; }
.p1 { float:left; width:200px; height:200px; text-align:center;margin-top:3px; margin-left:20px; argin-left:7px; display:block; line-height:25px}
.p1 img { width:194px; height:150px; border:1px solid #ccc; padding:2px; }
.p1 img:hover { width:194px; height:150px; border:1px solid #c90000; padding:2px; }
.clear{ clear:both;}