﻿@charset "utf-8";
body {
	margin:0px;
	font-size:12px;
	font-family: "宋体";
	background:url(../images/bg_img.jpg) repeat-x;	
}
div, img, a, form, span{
	margin:0px;
	padding:0px;
	border:0px;
}
input{
	border:0px;
}
h1, h2, h3, h4, h5, h6, h7{
	margin:0px;
	padding:0px;
	border:0px;
	font-weight: normal;
	font-size:12px;
}
ul, ol, li, dl, dt, dd{
	list-style:none; 
	margin:0px;
	padding:0px;
	border:0px;
}
a{
	color:#7f318e;
	text-decoration:none;
}
a:hover{
	color:#ff5400;
	text-decoration:underline;
}
/********************* header tag styles ****************/
#header{
	height:132px;
	margin:0px auto;
	clear:both;
	width:900px;
	position: relative;
}
#header div{
	width:100px;
	height:132px;
	top:0px;
	left:-100px;
	position:absolute;
}
#header ol{
	width:900px;
	margin:0px auto;
	display:block;
	height:91px;
	background:url(../images/logo.jpg) no-repeat;
	color:#FFFFFF;
	clear:both;
}
#header ol li{
	text-align:right;
	padding-top:7px;
}
#header ol li a{
	color:#FFFFFF; 
	text-decoration:none; 
}
#header ol li a:hover{
	color:#ef9bff; 
	text-decoration:none; 
}
#header ul{ 
	width:885px;
	margin:0px auto;
	display:block;
	height:37px;
	background:url(../images/dh_bg.jpg) no-repeat;
	padding-left:15px;
	clear:both;
}
#header ul li{ 
	font-weight:bold;
	color:#FFFFFF;
	padding-top:13px;
}
#header ul li a{
	color:#FFFFFF; 
	text-decoration:none; 
	margin:0px 18px 0px 17px;
}
#header ul li a:hover{
	color:#ef9bff; 
	text-decoration:none; 
}

#head{
	height:132px;
	margin:0px auto;
	clear:both;
	width:900px;
	position: relative;
}
#head div{
	width:100px;
	height:132px;
	top:0px;
	left:-100px;
	position:absolute;
}
#head ol{
	width:900px;
	margin:0px auto;
	display:block;
	height:91px;
	background:url(../images/logo.jpg) no-repeat;
	color:#FFFFFF;
	clear:both;
}
#head ol li{
	text-align:right;
	padding-top:7px;
}
#head ul{ 
	width:885px;
	margin:0px auto;
	display:block;
	height:37px;
	background:url(../images/dh_bg.jpg) no-repeat;
	padding-left:15px;
	clear:both;
}
#head ul li{ 
	font-weight:bold;
	color:#FFFFFF;
	padding-top:13px;
}
#head ul li a{
	color:#FFFFFF; 
	text-decoration:none; 
	margin:0px 18px 0px 17px;
}
#head ul li a:hover{
	color:#ef9bff; 
	text-decoration:none; 
}
/********************* center tag styles ***********************/
#width_div, #encyclopedia_width{
    width:900px; 
	margin:0px auto;
	clear:both;
	padding-top:10px;
}
#width_div #left{
    width:251px; 
	margin-right:10px;
	display:block;
	float:left;
}
#width_div #right{
    width:639px; 
	display:block;
	float:left;
}
.login{
	border:3px solid #bf98c6;
	clear:both;
	height:125px;
	background:#f8f4f9;
	color:#7f318e;
	padding:10px 20px 0px 20px;
}
.login input{
	border:1px solid #d3b9d9;
	color:#7f318e;
	width:120px;
	background:#f8f4f9;
}
.login .yanzm{
	width:50px;
}
.login b{
	background:#ebebeb;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	width:65px;
	float:right;
	text-align:center;
	padding:3px 0px;
	margin:-22px 0px 0px 5px;
}
.login #button{
	background:url(../images/login_button.jpg) no-repeat;
	width:70px;
	height:25px;
	color:#FFFFFF;
	border:0px;
	font-size:12px;
	padding-top:3px;
	margin-right:10px;
}
#banner{
	height:141px;
}
.ind_right_wdith{
	height:205px;
}
.ind_right_wdith h1 a{
	color:#FFFFFF;
	text-decoration:none; 
}
.ind_right_wdith h1 a:hover{
	color:#ef9bff; 
	text-decoration:none; 
}
.ind_right_wdith .left{
    width:315px; 
	margin-right:9px;
	display:block;
	float:left;
}
.ind_right_wdith .right{
    width:315px; 
	display:block;
	float:left;
}
#width_div #left h1, .ind_right_wdith .left h1, .ind_right_wdith .right h1, .news_right_wdith h1{
	height:25px;
	display:block;
	clear:both;
	background:url(../images/ind_title_bgimg.jpg);
	font-weight:bold;
	color:#FFFFFF;
}
.ximeizhizm, .ind_news{
	border-left:1px solid #bf98c6;
	border-right:1px solid #bf98c6;
	border-bottom:1px solid #bf98c6;
	height:179px;
	clear:both;
	color:#7f318e;
}
.ximeizhizm ul, .ind_news ul, .guestbook ul{
	clear:both;
	margin-top:5px;
}
.ximeizhizm ul li{
	float:left;
	width:138px;
	background: url(../images/title_bgimg.gif) no-repeat 8px center;
	padding:6px 0px 0px 18px;
	height:18px;
}
.ind_news ul li, .news_list ul li, .encyclopedia_list ul li{
	background: url(../images/title_bgimg.gif) no-repeat 8px center;
	padding:6px 0px 0px 18px;
	height:18px;
}
.ximeizhizm h2{
	clear:both;
	font-size:14px;
	font-weight:bold;
	line-height:180%;
	padding:10px;
	background:url(../images/3px_xian.gif) repeat-x left bottom;
}
.guestbook{
	border-left:1px solid #bf98c6;
	border-right:1px solid #bf98c6;
	border-bottom:1px solid #bf98c6;
	height:394px;
	clear:both;
	color:#7f318e;
}
.guestbook ul li{
	background: url(../images/3px_dian.gif) no-repeat 8px 11px;
	padding:2px 0px 2px 19px;
	line-height:180%;
}
.ind_links{
	width:898px;
	height:89px;
	clear:both;
	margin:10px auto 0px auto;
	border:1px solid #bf98c6;
	background:url(../images/ind_links_bg.jpg) no-repeat;
}
.ind_links ul{
	padding:0px 0px 0px 40px;
}
.ind_links ul li{
	float:left;
	padding:6px 7px;
}
.ind_links ul li img{
	width:128px;
}
/*************************** news.asp tag styles ************************/
.news_list{
	border-left:1px solid #bf98c6;
	border-right:1px solid #bf98c6;
	border-bottom:1px solid #bf98c6;
	clear:both;
	color:#7f318e;
}
.news_list ul, .encyclopedia_list ul{
	clear:both;
	padding:5px 0px;
}
.news_show{
	clear:both;
	line-height:200%;
	border:1px solid #bf98c6;
	padding:0px 20px 20px 20px;
	font-size:14px;
	background:url(../images/news_show_bgimg.jpg) repeat-x left top;
}
.news_show h2, .product_intro_show h2{
	clear:both;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	color:#7f318e;
	padding:20px 0px;
}
/*************************** aboutus tag styles ************************/
.about_fonts{
	border-left:1px solid #bf98c6;
	border-right:1px solid #bf98c6;
	border-bottom:1px solid #bf98c6;
	clear:both;
	color:#7f318e;
	padding:20px 40px 40px 40px;
	line-height:200%;
	font-size:14px;
}
/*************************** product_intro tag styles ************************/
#product_list{
	border:1px solid #e5c0ec;
	background-color:#f2e0f6;
	padding:50px 0px 27px 0px;
	background: #f2e0f6 url(../images/product_left_bgimg.jpg) no-repeat 2px 1px;
}
#product_list dt{
	padding:5px 5px 5px 24px;
	list-style:none;
	clear:both;
	background: url(../images/product_dian_bgimg.jpg) no-repeat 12px center;
}
#product_list dt a{
	color:#823490;
	text-decoration: none;
}
#product_list dt a:hover{
	color:#d600ff;
	text-decoration: underline;
}
#product_list dd{
	width:151px;
	clear:both;
	margin:20px auto 0px auto;
}
.product_intro_show{
	clear:both;
	line-height:200%;
	border:1px solid #bf98c6;
	padding:0px 40px 40px 40px;
	font-size:14px;
	background:url(../images/news_show_bgimg.jpg) repeat-x left top;
}
/*************************** encyclopedia.asp tag styles ************************/
#encyclopedia_width #left{
    width:210px; 
	margin-right:10px;
	display:block;
	float:left;
	display:inline;
}
#encyclopedia_width #right{
    width:680px; 
	display:block;
	float:left;
	display:inline;
}
#left_dh{
	border:1px solid #e5c0ec;
	background-color:#f2e0f6;
	padding:27px 0px;
}
#left_dh dt{
	width:151px;
	clear:both;
	margin:5px auto 0px auto;
}
#left_dh dt a{
	color:#823490;
	text-decoration: none;
	background: url(../images/title_light.gif) no-repeat;
	display:block;
	padding:7px 0px 0px 30px;
	height:19px;
}
#left_dh dt a:hover, #left_dh dt #over{
	color:#ffffff;
	text-decoration: none;
	background: url(../images/title_deep.gif) no-repeat;
	display:block;
	padding:7px 0px 0px 30px;
	height:19px;
}
#left_dh dd{
	width:151px;
	clear:both;
	margin:20px auto 0px auto;
}
.encyclopedia_list{
	border-left:1px solid #bf98c6;
	border-right:1px solid #bf98c6;
	border-bottom:1px solid #bf98c6;
	clear:both;
	color:#7f318e;
	padding:20px 40px;
}
.encyclopedia_list ol{
	background:url(../images/list_sub_title.png) repeat-x;
	height:14px;
	border:1px solid #CCCCCC;
	clear:both;
	display:block;
	padding-top:2px;
	margin-bottom:10px;
	text-align:center;
}
.encyclopedia_list ol a{
	margin:0px 15px;
	text-decoration: none;
}
.encyclopedia_list ol #over{
	text-decoration: none;
	color:#006600;
}
#fenye{
	clear:both;
	margin:20px 0px;
	text-align:center;
}
#fenye a{
	margin:0px 6px;
	text-decoration: none;
	color:#333333;
}
#fenye a:hover, #fenye #over{
	margin:0px 6px;
	text-decoration: none;
	font-weight:bold;
	color:#ff5400;
}
/*************************** contact.asp tag styles ************************/
#contact{
	border:1px solid #bf98c6;
	clear:both;
	color:#7f318e;
	padding:20px 40px 40px 40px;
	line-height:200%;
	font-size:14px;
	width:820px; 
	margin:10px auto 0px auto;
}
/*************************** footer tag styles ************************/
#footer {
	width:100%;
	clear:both;
	border-top:3px solid #b744cd;
	margin-top:10px;	
}
#footer_bg {
	width:900px;
	background: url(../images/footer_bg.jpg) no-repeat left center;
	height:60px;
	margin:0px auto;
	text-align:right;
	padding:10px 0px;
	line-height:200%;
}
#footer_bg h5 {
	font-family:Arial, Helvetica, sans-serif;
	color:#6b6b6b;
}
#footer_bg a{
	text-decoration:none;
	color:#000;
}
#footer_bg a:hover{
	text-decoration:underline;
	color:#6b6b6b;
}