@charset "utf-8";
/* CSS Document */
body{background-color:#FFFFFF;height:1577px;}
.container{width: 960px;margin: 0 auto;padding: 0;}
.container .topheader{ background:transparent url(/topic/topheader.jpg) repeat-x scroll;width:960px; height:32px; line-height:32px;color:#343434; text-indent:20px; text-align:center;}

/* µ¼º½Çø */
.daohang{
	width:960px;
	height:39px;
	background:url(http://www.hdbyby.com/resource/JZimg/daohang_bg.jpg) repeat-x top left;
	overflow:hidden;
	float:left;
}

.daohang a{
	width:87px;
	height:39px;
	line-height:39px;
	float:left;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.daohang a:hover{
	color:#f00;
}
.container .sjs{ width:980px; margin-top:15px; height:auto;float:left;}
.sjs .sjsitem{float:left;width:315px;border:#A7A7A7 1px solid;border-top:none; position:relative; height:400px; margin-right:3px;}
.sjsitem .imgtop{position:absolute;left:0;top:0px; background:transparent url(/topic/introduction.jpg) no-repeat scroll; width:321px;height:51px; text-align:right; line-height:51px;}
.imgtop h1{ float:left; text-indent:60px; color:#1234A2;font-weight:bold; font-size:14px;}
.imgtop span{ margin-right:40px;}
.sjsitem .mybox{float:left;width:auto;height:210px;margin-top:55px;margin-left:23px;margin-right:10px;_margin-left:11px;}
.mybox img{margin-top:4px;}
.mybox .sjsbox{width:170px;height:180px;padding:4px;border:1px solid #698AAB;}
.sjsitem .imgbox{ border:1px solid #698AAB; padding:6px; text-align:center; width:auto;_padding-left:3px; position:absolute; top:60px; margin:20px;margin-top:0;_margin-left:10px;}
.sjsitem .consult{ width:200px; text-align:center; position:absolute;top:250px; left:0; margin-top:20px;}
.sjsitem .inner{ text-align:left; margin-left:23px; float:right; line-height:24px; font-size:14px; color:#483F38;}
.sjsitem .innertext{line-height:24px;margin-top:55px;padding:6px;}
.sjsitem .videoul{position:absolute; top:250px; left:20px; width:272px;}
.videoul .videoitem{ height:28px; font-size:14px; text-align:left; color:#636361; background: transparent url(/topic/sjsline.jpg) no-repeat scroll center bottom; line-height:28px; float:left; width:270px;}
.videoitem img{ vertical-align:middle;}
.sjsitem .videotop{position:absolute;left:0;top:0px; background:transparent url(/topic/sjsvideotitle.jpg) no-repeat scroll; width:321px;height:51px; text-align:right; line-height:51px;}
.videotop h1{ float:left; text-indent:60px; color:#1234A2;font-weight:bold; font-size:14px;}
.videotop span{ margin-right:40px;}
.sjsitem .oldphoto{ height:auto; width:150px; float:left; margin-top:50px; line-height:22px; text-align:left; margin-left:4px;}
.sjsitem .oldtop{position:absolute;left:0;top:0px; background:transparent url(/topic/oldphoto.jpg) no-repeat scroll; width:321px;height:51px; text-align:right; line-height:51px;}
.oldtop h1{ float:left; text-indent:60px; color:#1234A2;font-weight:bold; font-size:14px;}
.oldtop span{ margin-right:40px;}
.container .scroll{width:958px; border:#A7A7A7 1px solid; height:218px; margin-top:10px; float:left; background:transparent url(/topic/scrollimage.jpg) no-repeat scroll -2px 50px; text-align:center; font-size:16px; color:#931312; font-weight:bold; margin-bottom:10px;}
.scroll .scrolltitle{ text-align:center;}
.container .footer{ width: 960px; height:130px; float:left; margin-top:10px;}
.footer .header{ width:958px; border:#80A6AF 1px solid; background:transparent url(/topic/footer-bg.jpg) repeat-x scroll center center; text-align:center; line-height:24px;}
.header a{color:#676566 ;}
.footer .contact{ height:86px;color:#666666;background:#AF0704;padding-top:10px;}
.contact .contactleft{ float:left; width:705px;}
.contactleft .row{ height:22px; float:left; line-height:22px; width:705px;color:#DE9D9B;}
.row .left{width:340px; float:left;}
.left a{color:#DE9D9B; width:60px;}
.row .right{width:240px;float:left;}
.right .imgs{margin-left:10px;}
.row span{color:#DE9D9B;}
.sjsitem .bottombg{background:transparent url(/topic/bottomtitle.jpg) no-repeat scroll; width:321px;height:51px; text-align:right; line-height:51px;}
.bottombg h1{ float:left; text-indent:60px; color:#1234A2;font-weight:bold; font-size:14px;}
.sjsitem .bottomimgbox{border:#A3A3A3 1px solid; text-align:center; width:165px; height:165px; float:left; margin:5px; _margin-left:2px;}
.bottomimgbox img{ margin-top:10px;}
.sjsitem .article{ margin-top:5px;line-height:32px; color:#010101; padding:5px;}
.article span{color:#FF0200;}
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 576px;
	height: 200px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 960px;
	height: 156px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	background:transparent url(/topic/childbg.jpg) no-repeat scroll; margin-top:25px;width:186px; height:124px; float:left;padding:4px;
	text-align:center;
}