@import "../css/layout.css";
body { background:url(../images/bg.jpg) left top repeat-x; }
body, marquee, div, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd, table,td{ margin: 0px; padding: 0px; font-weight: normal; font-family:Tahoma; font-size:14px}
h1,h2,h3{margin:0;padding:0; display:inline; font-size:12px}
table{border-collapse:collapse;}
body, marquee, div, ul, li, p, form, dl, dt, dd,td { font-size: 12px; font-family:Tahoma }
ul,p,dd,div { list-style: none; line-height:22px;}
a { color:#000; cursor:pointer; text-decoration:none;}
a:hover { color:#000; }
body { text-align:center;}
#container{ margin:0 auto;text-align:left;}
#dh		{ width:610px;margin:auto auto 8px auto;text-align:left;color:#333333;}
.pl		{ background-color:#eeeeee;padding:5px 5px 0 0;height:25px;}
.pm		{ float:right;}
.pg		{ float:left;margin:0 0 0 3px;width:auto;min-width:26px;line-height:18px;text-align:center;font-family:Tahoma;border:0px solid #87AFD0;background-color:#666666;}
.pg a 	{ width:26px;min-width:26px;display:inline-block;white-space:nowrap;}
.pc		{ float:left;margin:0 0 0 3px;width:26px;min-width:26px;line-height:18px;text-align:center;font-family:Tahoma;border:0px solid #5492c9;background-color:#666666;}
.pd		{ float:left;margin:0 0 0 3px;width:auto;min-width:26px;text-align:center;border:0px solid #5492c9;}
.clr {height:1px; width:100%; line-height:1px; font-size:1px; clear:both; overflow:hidden; }

.dot {height:15px; width:100%;clear:both; overflow:hidden; float:left; margin-bottom:10px; border-bottom:1px dotted #EA1600;}
.h10 {height:15px; width:100%;clear:both; overflow:hidden; float:left;}

.w1000 {width:1000px; margin:0 auto;clear:both; overflow:hidden;background: url(../images/bg.jpg) left top repeat-x;}
.w950 {width:950px; margin:0 25px;clear:both;  overflow:hidden;background: url(../images/topbg.jpg) -24px top no-repeat;}

#header {height:165px; width:950px; overflow:hidden; position:relative; clear:both;}
	#header .top {position:absolute; top:10px; right:0; height:20px; overflow:hidden; display:inline; background:url(../images/new.jpg) left center no-repeat; padding-left:22px;}
		#header .top a {color:#6f6f6f;}
	#header a.logo {display:block;width:300px; height:66px; top:43px; left:0; position:absolute; overflow:hidden; background:url(../images/logo.jpg) left top no-repeat;}
	#header .topFlash {width:240px; height:51px; position:absolute; top:53px; right:364px; overflow:hidden;}
	#header .topadv {width:240px; height:67px; position:absolute; top:43px; right:2px; overflow:hidden;}
	#header .nav {width:950px; height:35px; overflow:hidden; position:absolute; top:123px; left:0; background:url(../images/nav_bg.jpg) left top repeat-x;}
		#header .nav ul {width:970px; height:35px; padding-left:15px;_padding-left:5px; float:left;}
			#header .nav ul li {height:35px; display:inline-block; float:left; background:url(../images/nav_sp.jpg) right center no-repeat;}
			#header .nav ul li.last { background:none;}
			#header .nav ul li a {display:block; margin-right:2px; padding:0 14px; float:left; height:33px; margin-top:2px; line-height:35px; color:#FFF; font-weight:bold;}
			#header .nav ul li a:hover, #header .nav ul li a.cur {
				display:block; margin-right:2px; padding:0 14px; float:left; height:33px; margin-top:2px; line-height:35px; color:#FFF; font-weight:bold;
				text-decoration:none;background:url(../images/nav_cur.jpg) bottom center no-repeat;
			}
	#header .hotkey {width:660px; height:25px; position:absolute; top:168px; left:0; overflow:hidden; padding-left:10px;}
		#header .hotkey span { padding-right:5px;}
			#header .hotkey span a {}
	#header .searchform {width:273px; height:25px; position:absolute; top:168px; right:0;}
		#header .searchform span {line-height:19px; float:right; padding-top:3px;}
		#header .searchform .tebox {width:137px; height:19px; border:1px solid #7F9DB9; line-height:19px; overflow:hidden; float:right; margin-right:15px;}
		#header .searchform .sbtn {width:45px; height:21px; border:none; background:url("btn_search.jpg"/*tpa=http://www.huahuida.com/templets/default/images/btn_search.jpg*/) left top no-repeat; float:right;}

.topslide {width:950px; float:left; clear:both;}
.notes {width:875px; margin-left:5px; height:30px; position:relative; border-bottom:1px solid #E7E7E7; overflow:hidden; background:url(../images/ar_note.jpg) left 8px no-repeat; line-height:30px; padding-left:70px; padding-top:1px; margin-top:5px; margin-bottom:10px;}
	.notes ul {width:320px; position:absolute; left:60px; top:0;height:30px;overflow:hidden;}
	.notes ul li {height:30px; overflow:hidden; line-height:30px;}
	.notes div.login {width:590px; height:25px; position:absolute; top:2px; left:350px; text-align:right;}
		.notes div.login form {display:inline; float:right;}
		.notes div.login {float:left;}
		.notes div.login .itxt {width:54px; height:18px; border:1px solid #B1CCE1; line-height:18px; vertical-align:middle;}
		.notes div.login .cimg {width:60px; height:18px; border:1px solid #999; vertical-align:middle;}
		.notes div.login .pimg {width:18px; height:18px; border:1px solid #999; vertical-align:middle;}
		.notes div.login .ilogin {width:52px; height:20px; border:none;background:url("btn_login.jpg"/*tpa=http://www.huahuida.com/templets/default/images/btn_login.jpg*/) left top no-repeat; vertical-align:middle; }
		.notes div.login .ireg {width:70px; height:20px; border:none;background:url("btn_reg.jpg"/*tpa=http://www.huahuida.com/templets/default/images/btn_reg.jpg*/) left top no-repeat; vertical-align:middle; }
.lineadv {width:950px;float:left; clear:both;}

.picnews {width:970px;  margin-top:15px; float:left; clear:both; overflow:hidden;}
	.picnews ul li {width:310px; height:80px; float:left; background:url(../images/quick_bg.jpg) left top repeat-x; overflow:hidden; margin-right:10px; margin-bottom:12px;}
		.picnews ul li img {width:100px; height:70px; float:left; margin-right:25px;}
		.picnews ul li p {margin:0 20px 0 0;}
			.picnews ul li p strong {display:block; padding-top:7px; padding-bottom:5px; color:#F30; font-size:12px;}
				.picnews ul li p strong a {color:#FE0201;}
			.picnews ul li p span {color:#999; line-height:17px;}
	
.services {width:970px; height:229px; float:left; margin-top:3px; clear:both; overflow:hidden;}
	.services dl {width:230px; height:229px; float:left; overflow:hidden; margin-right:9px;}
	.services dl dd {height:193px;}
	.services dl dd div {width:196px; float:left; margin-top:15px; margin-left:15px;}
	
.bigbox {width:950px; float:left; clear:both; margin-top:10px;}
	.bigbox .bleft {width:240px; float:left; overflow:hidden; text-align:left}
	.bigbox .bright {width:697px; float:right;overflow:hidden;}
	.bigbox2 {width:950px; float:left; clear:both; margin-top:10px;}
	.bigbox2 .bright {width:936px; float:right;overflow:hidden;}
.movies {width:240px; height:200px; overflow:hidden; float:left; clear:both; background:#000;}
	.movies p {margin:0 0; padding:0 0;}
		.movies p * {width:240px; height:200px;}

.bigbox .bleft dl {width:240px; clear:both;}
	
ul.img {width:240px; height:178px;padding-top:12px; padding-left:10px;}
	ul.img li {width:104px; height:80px; float:left; margin-right:10px; margin-bottom:10px;}
		ul.img li img {width:104px; height:80px;}
		
div.marquee {width:683px; padding-left:12px; height:184px; overflow:hidden; padding-top:15px;}
	div.marquee ul {float:left; margin:0 0; padding:0 0;}
	div.marquee ul li {width:216px; height:176px; float:left; overflow:hidden; margin-right:12px;}
		div.marquee ul li img {width:216px; height:146px; float:left;}
		div.marquee ul li div {width:216px; height:30px; font-size:12px; line-height:30px; text-align:center; float:left; clear:both;}
		
.listblock {width:705px; height:220px; float:left; overflow:hidden; clear:both; margin-bottom:10px;}
	.listblock dl {width:342px; height:220px; float:left; margin-right:10px;}
		.listblock dl dd {height:188px; overflow:hidden; position:relative;}
		.listblock dl dd div {height:188px; width:322px; margin:0 auto;}
		.listblock dl dd ul {padding-top:10px; padding-left:5px; padding-right:10px; text-align:left}
			.listblock dl dd ul li {font-size:12px;}

.index .guests { height:184px; float:left; overflow:hidden; margin-top:15px;}
	.index .guests img {width:104px; height:35px; float:left; margin-left:9px; margin-bottom:8px; border:1px solid #CCC;}
	
.index .problock {width:694px; height:302px; overflow:hidden; margin-top:5px; border:1px solid #E7E7E7; position:relative;}
	.index .problock .proitem {width:735px; padding-top:10px; padding-left:10px;}

.index .myabout p {margin-bottom:0px; padding-bottom:0px;}

.index .icontact dd{padding:20px 10px; height:170px; overflow:hidden;}
.index .icontact p {margin:0 0;}

.index .newsblock {width:715px; height:243px; overflow:hidden; float:left; clear:both; text-align:left}
	.index .newsblock dl {width:345px; float:left; overflow:hidden; margin-right:7px;}
	.index .newsblock dl dd {padding:10px 10px;}
		.index .newsblock dl dd .list {clear:both; width:100%;}
		.index .newsblock dl dd .topimg {height:80px;}
		.index .newsblock dl dd .topimg img {width:107px; height:75px; float:left; margin-right:15px;}
		.index .newsblock dl dd .topimg p {margin:0 0;}
		.index .newsblock dl dd .topimg p strong {display:block; font-size:14px; padding-bottom:10px;}
		.index .newsblock dl dd .topimg p span {color:#666;}

.infiniteCarousel {width:948px; height:185px; position:relative; border:1px solid #CCC; overflow:hidden; margin-top:20px;}
	.infiniteCarousel .wrapper {width:888px; overflow:hidden;height:148px; position:absolute; left:30px; top:18px;}
	.infiniteCarousel ul {width:888px; margin:0 0; padding:0 0;}
		.infiniteCarousel ul li {width:190px; height:148px; float:left; padding:0 5px; overflow:hidden;}
		.infiniteCarousel ul li img {width:190px; height:148px;}
/*
.infiniteCarousel .arrow {display: block;height: 26px;width: 26px;text-indent: -999px;position: absolute; top: 50px;cursor: pointer;outline: 0;}
.infiniteCarousel .forward { background:url(../images/green_skin.png) 0 -256px no-repeat; right: 0;}
.infiniteCarousel .back { background:url(../images/green_skin.png) 0 -222px no-repeat; left: 0;}*/

.frilinks {width:950px;float:left; clear:both; border-top:3px solid #F2F2F4; margin-top:10px; padding:12px 0;}
	.frilinks strong {float:left;}
	.frilinks li {float:left; padding-right:8px; display:inline-block; white-space:nowrap;}

.btmblock {width:950px; margin:0 auto; clear:both;border-top:2px solid #F31400;}
	.btmblock .btmlinks { text-align:center;color:#666; padding-top:7px;}
		.btmblock .btmlinks span {color:#666; padding-left:5px; padding-right:5px;}
		.btmblock .btmlinks a {color: #666;}
		
.btmblock .copyright { text-align:center; color:#666; padding-top:10px;}
	.btmblock .copyright p {margin:0 0;}


/**************ÄÚÒ³Ñùʽ***********/
.p950 {width:950px; clear:both;  overflow:hidden;}
.place {width:950px; height:31px; background-color:#CE0021; clear:both; position:relative;}
	.place .addr {position:absolute; top:8px; left:227px; color:#FFF;}
		.place .addr a{color:#FFF;}
		.place .addr a:hover{color:#FF0;}

.pleft {width:212px; float:left;position:relative;z-index:9998;}
	.pleft .leftblock {width:212px; overflow:hidden; background:#FFF url(../images/pageleft.jpg) left top no-repeat; float:left; position:absolute; left:0; top:-20px;z-index:9999;}
.pright {width:723px; float:right; overflow:hidden; clear:both; min-height:200px; position:relative;}

.leftmenu {float:left; width:212px; margin-top:28px;z-index:9999;}
	.leftmenu .space {height:100px; float:left; clear:both;}
	.leftmenu dt {position:relative; height:30px; overflow:hidden;}
		.leftmenu dt strong {font-size:14px; letter-spacing:2px; color:#F30; position:absolute; left:55px;}
	.leftmenu dd {}
		.leftmenu dd ul {width:184px; float:left; clear:both; margin-left:15px; margin-bottom:50px; text-align:left}
			.leftmenu dd ul li {height:20px; padding:3px 0px; line-height:20px; overflow:hidden; border-bottom:1px dashed #CCC; padding-left:38px; _padding-left:5px;}
			.leftmenu dd ul li a {display:block; height:20px; line-height:20px; padding-left:10px;}
			.leftmenu dd ul li a.thisclass, .leftmenu dd ul li a:hover {display:block;padding-left:10px; height:20px; line-height:20px; color:#F30; background:url(../images/ar-1.jpg) left center no-repeat;}
	
.listbox{width:723px;overflow:hidden;float:left;clear:both;overflow:hidden; margin-top:20px;}
.viewbox {width:723px;overflow:hidden;float:left;clear:both;overflow:hidden; margin-top:40px; margin-bottom:20px;}
		.viewbox .title, .viewbox .title h2{height:35px; line-height:35px; text-align:center; overflow:hidden;}
		.viewbox .info { text-align:center; font-size:12px; color:#666; height:25px; left:25px;}
			.viewbox .info small {font-size:12px; padding-left:10px;}
			.viewbox .info a.down {float:left;}
	.viewbox .content {float:left; clear:both; width:693px; padding-top:10px; padding-left:15px; padding-right:10px; border-top:1px solid #ECECEC;}
	
	.viewbox .context {float:left; clear:both; width:693px; padding-top:10px; padding-left:15px; padding-right:10px; padding-bottom:10px;border-top:1px solid #ECECEC;}
	
table.myform {width:500px;}
	table.myform tr td { height:35px; vertical-align:middle;}
		table.myform tr td input {height:20px;width:300px; line-height:20px; border:1px solid #CCC;}
		table.myform tr td textarea {height:80px; width:350px; border:1px solid #CCC; overflow:auto;}
		
.shareto {height:30px;padding:3px 0px; text-align:right;}

.cclist {width:1448px; height:130px; overflow:hidden; border-top:1px solid #efefef; padding-top:20px;}
	.cclist a { float:left; margin-right:15px; margin-left:10px;}
	.cclist a img {width:150px; height:100px; padding:2px 2px; border:1px solid #EFEFEF;}
	
.leftcontact {position:relative; width:230px;}
	.leftcontact dt {height:75px; float:left;}
		.leftcontact dd { clear:both; float:left; padding-left:10px; padding-right:10px; width:200px;}
		
.articleview .list1 li {font-size:12px;}