/* 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%; background:#dae4eb;}

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; vertical-align:middle;}

em{ font-style:normal;}

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

.clear {clear:both;}

img{vertical-align:middle;}

.fl{float:left;}
.fr{float:right;}

a:link{color:#444;text-decoration:none;}
a:visited{color:#444;text-decoration:none;}
a:hover{color:#d957af;text-decoration:none;}
a:active{color:#d957af;text-decoration:none;}

#top{ position:relative; z-index:5; margin:0 auto; width:1002px; height:149px; background:url(../images/happy_topbg.jpg) no-repeat #fff;}

.logo { position: absolute; left: 20px; top: 75px; z-index: 99; width:312px; height: 54px; background: url(../images/logo-a1.png) no-repeat ;}

.menu-news { position: absolute; right: 0; top: 80px; width: 650px; height: 42px;  border: 2px solid #055b83; border-top-left-radius: 100px;border-bottom-left-radius: 100px; border-right: 0 !important;}
.menu-news a { width: 90px; height: 42px; line-height: 42px; display: block; text-align: center; float: left; font-size: 16px; font-weight: bold; color:#fff;transition: all .2s;font-family: "微软雅黑";}
.menu-news a:hover {font-size: 18px;}

.menu-blue {background:url(../images/menu-blue.png) no-repeat #07a9df; border: 2px solid #055b83;}
.menu-red {background:url(../images/menu-red.png) no-repeat #e82b3c; border: 2px solid #b71e2b;}
.menu-green {background:url(../images/menu-green.png) no-repeat #00bda2; border: 2px solid #007363;}
.menu-orange {background:url(../images/menu-orange.png) no-repeat #07a9df; border: 2px solid #dd6902;}
.menu-blue a {text-shadow:2px 2px 0px #00779f;}
.menu-red a {text-shadow:2px 2px 0px #b71e2b;}
.menu-green a {text-shadow:2px 2px 0px #007363;}
.menu-orange a {text-shadow:2px 2px 0px #dd6902;}
#CFlash {display: none;}

	
#leftbg{ position:absolute; top:0px; left:0px; z-index:1; width:176px; height:674px; background:url(../images/happy_left_cat.png) no-repeat;}

.subMenu{ position:absolute; left:133px; top:162px; z-index:3; width:135px;}
.subMenu h1{ overflow:hidden; text-indent:-1000px; width:135px; height:37px; background:url(../images/happy_left_button.png) no-repeat 0px 0px;}
	.subMenu h1 a{ display:block; width:135px; height:37px;}
	.M_bt1,.M_bt2{ overflow:hidden; text-indent:-1000px; width:135px; }
	.M_bt1 a,.M_bt2 a{ display:block; width:135px; line-height:44px;}
	
	.M_bt1{ background:url(../images/happy_left_bt1.png) no-repeat;}
	.M_bt1:hover{ background:url(../images/happy_left_bt1.png) no-repeat -135px 0px;}
	.M_bt2{ background:url(../images/happy_left_bt2.png) no-repeat;}
	.M_bt2:hover{ background:url(../images/happy_left_bt2.png) no-repeat -135px 0px;}
	
	.M1_bt1,.M1_bt2,.M1_bt3,.M1_bt4{overflow:hidden; text-indent:-1000px; width:135px; height:29px; background:url(../images/happy_left_button.png) no-repeat 0px -78px; }
	.M1_bt1:hover,.M1_bt2:hover,.M1_bt3:hover,.M1_bt4:hover{overflow:hidden; text-indent:-1000px; width:135px; height:29px; background:url(../images/happy_left_button.png) no-repeat -135px -78px; }
	.M1_bt1 a,.M1_bt2 a,.M1_bt3 a,.M1_bt4 a{ display:block; width:135px; line-height:29px;}
	.M1_bt2{background-position:0px -107px;}
	.M1_bt2:hover{background-position:-135px -107px;}
	.M1_bt3{background-position:0px -136px;}
	.M1_bt3:hover{background-position:-135px -136px;}
	.M1_bt4{background-position:0px -165px;}
	.M1_bt4:hover{background-position:-135px -165px;}
	
	.M2_bt1,.M2_bt2{overflow:hidden; text-indent:-1000px; width:135px; height:29px; background:url(../images/happy_left_button.png) no-repeat 0px -235px; }
	.M2_bt1:hover,.M2_bt2:hover{overflow:hidden; text-indent:-1000px; width:135px; height:29px; background:url(../images/happy_left_button.png) no-repeat -135px -235px; }
	.M2_bt1 a,.M2_bt1 a{ display:block; width:135px; line-height:29px;}
	.M2_bt2{background-position:0px -264px;}
	.M2_bt2 a,.M2_bt2 a{ display:block; width:135px; line-height:29px;}
	.M2_bt2:hover{background-position:-135px -264px;}
	
	
#cbox{ margin:0 auto; padding-left:195px; width:807px; background:#fff;}	
#content{ position:relative; width:754px;  background:url(../images/happy_boxbg.png) repeat-y;}
	#content h2{ width:754px; height:95px; background:url(../images/happy_box.gif) no-repeat 0px 0px;}
	.subtitle{ position:absolute; left:140px; top:15px; z-index:2; width:119px; height:38px; }
	
	#content table{ margin:0 auto; width:620px; border-collapse:collapse; color:#444; font-size:13px; line-height:26px; }
	#content .bottom{ float:left; width:754px; height:48px; background:url(../images/happy_box.gif) no-repeat 0px -95px;}
	#CFlash{ z-index:2; position:absolute; right:14px; top:120px; width:240px; height:450px;}
	

.copyright{ clear:both; margin:0 auto; padding-top:12px; width:1002px; height:126px; background:url(../images/happy_copyright_bg.jpg) no-repeat left bottom;}
.copyright .text{clear:both; float:left;  width:1002px;  color:#1e3758; line-height:24px; text-align:center; }
.copyright .company{ clear:both; width:1002px; padding:6px 0; color:#7c7c7c; text-align:center;}




/* about-列表 */
		.about_list{ margin:0 auto; border:1px solid #d6cf9f; background:#fffdea;}
			.about_list .title{ line-height:30px; color:#cfc28d; font-size:14px; font-weight:bold;  background:#fffdd2;}
			.about_list td,th{ line-height:30px; border-bottom:1px solid #d6cf9f;}
			.about_list th{ padding-left:30px; width:70%; font-weight:normal; font-size:14px; text-align:left; background:url(../images/icon_01.gif) no-repeat 6px 6px;}
			.about_list th a{ color:#603900; text-decoration:none;}
			.about_list th a:hover{ color:#0e0500; text-decoration:none;}
			.about_list td{ color:#919191; text-align:center;}
			
		.about_page{ margin:10px auto; width:610px; height:30px; color:#551400; font-size:14px; font-weight:bold; line-height:30px; border:1px solid #efcacc; background:#ffdfe0;}
		.about_page span{ float:left; padding-left:20px;}
		.about_page p{ float:right; padding-right:20px;}
		.about_page a{ margin:0 10px; font-size:14px; color:#551400; text-decoration:none;}
		.about_page a:hover{ color:#0e0500; text-decoration:none;}
		.title{ margin:10px auto; width:610px; height:30px; color:#551400; font-size:18px; font-weight:bold; line-height:30px; border:0px solid #efcacc;text-align:center;}