/* CSS Document */
/* 请按以下顺序写样式
显示,定位,浮动,清除:display position float clear  ...  
边距,补白,宽,高:margin padding width height ...   
文本修饰,对齐方式:text-decoration text-align vertical-align white-space...
文字颜色大小:color font content
边框和背景:border background
*/

* { margin:0; padding:0;}

body{ padding:0px; margin:0px auto; font-family:Tahoma, Verdana, Arial; height:100%; }

div,p,li,em{font-family:Verdana,宋体;font-size:12px; }

form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}

input,select{font-size:12px;line-height:16px;}

img{border:0;}

ul,li{list-style-type:none;}

table{ border-collapse:collapse; color:#000}
.red { color:#F00}
.clear {clear:both;}
a:link{ color:#411c00; text-decoration:none;}
a:visited{ color:#411c00; text-decoration:none;}
a:hover{ color:#cf5d00; text-decoration:none;}
a:active{color:#411c00;text-decoration:none;}


.index { width:100%; height:850px; margin:0 auto;}
.index_in { width:1002px; height:0px; position:relative; margin:0 auto; }
.index_bg { width:100%; height:850px; position:absolute; left:0; top:0; z-index:-4;}
.index_dt { width:1002px; height:850px; position:absolute; left:0; top:0; z-index:-3;}
.index_kj { width:1002px; height:850px; position:absolute; left:0; top:0; z-index:-2;}

.index_index { width:1002px; margin:0 auto; position:relative}
.header { width:1002px; height:220px; margin:0 auto;position:relative; z-index:1}
.name { width:1002px; height:110px;}
.kidname { color:#266902; font-size:30px; font-family:"黑体"; width:400px; height:80px; line-height:40px; text-align:center; padding-top:40px; padding-left:10px; float:left;}

#WXTS { width:400px; height:70px; float:left; padding-top:40px; margin-left:120px; }

.content { width:1002px; margin:0 auto; position:relative;}
	.noticeBox{float:left; width:333px; height:250px;}
		.noticeTitle,.noticelist,.cookbook{ float:left; }
		.noticeTitle{ position:relative; width:333px; height:48px; background:url(../images/notice_title.jpg) no-repeat;}
		.noticelist{ padding-left:70px; width:263px; height:143px; background:url(../images/notice_bg.jpg) no-repeat;}
		.noticelist li{ line-height:26px; padding-left:24px; background:url(../images/icon_01.gif) no-repeat 0px 4px;}
		.noticelist li a{ color:#411c00; text-decoration:none;}
		.noticelist li a:hover{ color:#200e00;text-decoration:underline;}
		.noticemore{ position:absolute; top:10px; right:40px; width:54px; height:30px; text-align:center; line-height:28px; background:url(../images/more_bg.png) no-repeat;}
		.noticemore a{ color:#7d2f00; text-decoration:none; }
		.noticemore a:visited{ color:#7d2f00; text-decoration:none; }
		.noticemore a:hover{ color:#f24400; text-decoration:none; }
		
	.news{float:left; width:332px; height:250px;}
		.newsTitle{float:left; position:relative; width:332px; height:48px; background:url(../images/news_title.jpg) no-repeat;}
		.newslist{ float:left; padding-left:82px;_padding-left:75px; width:272px;  background:url(../images/news_bg.jpg) no-repeat;}
		.newslist li{ line-height:26px; padding-left:24px; background:url(../images/icon_04.gif) no-repeat 0px 4px;}
		.newslist li a{ color:#411c00; text-decoration:none;}
		.newslist li a:hover{ color:#200e00;text-decoration:underline;}
		.newsmore{ position:absolute; top:10px; right:30px; width:54px; height:30px; text-align:center; line-height:28px; background:url(../images/more_bg.png) no-repeat;}
		.newsmore a{ color:#7d2f00; text-decoration:none; }
		.newsmore a:visited{ color:#7d2f00; text-decoration:none; }
		.newsmore a:hover{ color:#f24400; text-decoration:none; }
		
	.happyPic{ float:left; width:310px; height:250px; background:url(../images/happy_bg.jpg) no-repeat; position:relative}
	.happyPic .happyimg{ padding:20px 0px 0px 67px; -padding:20px 0px 0px 53px;}
	.happymore { position:absolute; top:-20px; right:20px; width:54px; height:30px; text-align:center; line-height:30px; background:url(../images/more_bg.png) no-repeat;}
	.happymore a{ color:#7d2f00; text-decoration:none; font-weight:bold }
	.happymore a:visited{ color:#7d2f00; text-decoration:none; font-weight:bold }
	.happymore a:hover{ color:#f24400; text-decoration:none; }
	
	.index_left { padding-left:170px; float:left; width:300px; #width:322px;}
	.index_right {width:510px; height:320px; float:right; position:relative;}
	.painting_top { height:215px; position:relative}
	.paintingmore { position:absolute; top:185px; right:70px; #right:90px; width:49px; height:15px; text-align:center; line-height:15px; background:url(../images/more_bg1.png) no-repeat;}
	.paintingmore a{ color:#7d2f00; text-decoration:none; font-weight:bold }
	.paintingmore a:visited{ color:#7d2f00; text-decoration:none; font-weight:bold }
	.paintingmore a:hover{ color:#f24400; text-decoration:none; }
	
	
	.music { width:200px; height:100px; left:-51px; top:-50px; z-index:100; position:absolute}
	#painting { width:400px; height:105px; overflow:hidden}	
	.video { width:150px; height:150px; position:absolute; right:180px; top:-120px; z-index:1;}
	.mail { padding-left:210px; padding-top:120px;}
	.cookbook { width:150px; height:150px; position:absolute; right:15px; top:45px; z-index:1;}
	.link { background:url(../images/link.png) no-repeat; width:163px; height:67px; float:right; padding-left:25px; padding-top:40px;}
		

.copyright{ clear:both; margin:0 auto; margin-top:10px; width:100%;}
.copyright .text{ margin:0 auto; padding-top:10px; width:938px; color:#002d03; line-height:24px; text-align:center; }
.copyright .company{ width:100%; padding:10px 0; color:#488c66; text-align:center;}