﻿@charset "utf-8";
/* CSS Document */
#header,#menu,#main{margin:auto;}
.left{float:left;}
.right{float:right;}

/* header */
#header_bg{position:relative; width:100%; height:3px; background-color:#1B5F8A;text-align:center;}
#header{ position:relative; width:960px; height:100px;}
#header a img.logo{ position:absolute; top:16px; left:8px; width:160px; height:75px;}
#header h1{position:absolute; top:63px; left:200px; width:500px; height:20px; line-height:20px; font-size:12px; font-weight:normal;}
#header .parent{ position:absolute; top:0; left:0; width:180px; height:20px; background:url(../images/parent_bg.gif) no-repeat 0 0; letter-spacing:6px; text-align:center;}
#header .parent  a{ color:#ff0000; text-decoration:none;}
#header .msg{position:absolute; top:10px; right:50px;}
#header .tel {position:absolute; top:50px; right:30px; font:12px; font-weight:bold; color:#8B000B;}
#header .tel span{font:bold 18px Arial,Verdana,sans-serif,"Times New Roman";}

/* nav */
#nav{position:relative; width:100%; height:36px; background:url(../images/nav_bg.gif) repeat-x; clear:both;}
#menu{position:relative; width:960px;}
#menu a{ display:table; height:30px; line-height:30px; padding:5px 30px 2px 30px; margin-right:1px; float:left; color:#fff; }
*html #menu a{padding:6px 30px 2px 30px;}
*+html #menu a{padding:6px 30px 2px 30px;}
#menu a:hover{background:url(../images/nav_bg01.gif) no-repeat; text-decoration:none; color:#3D6884; }
#menu a.visited:link,#menu a.visited:visited{color:#032A43; background:url(../images/nav_bg01.gif) no-repeat;}
#menu a.visited:hover{background:url(../images/nav_bg01.gif) no-repeat; color:#467694; }

/* banner */
#banner{position:relative; width:960px; height:214px; margin:15px auto;}


/* main */
#main{ display:table; overflow:hidden; clear:both; width:960px; }

/* main_left */
#main_l {float:left; width:278px; overflow:hidden;}

/* diagnosis */
#diagnosis{width:278px; height:232px; background:url(../images/diagnosis_bg.gif) no-repeat 0 0; margin-bottom:13px; }
#diagnosis h2{font:bold 16px "宋体"; line-height:40px; color:#1C5D85; margin-left:26px;}
#diagnosis ul{width:253px; padding:8px 0 0 25px; }
#diagnosis ul li{ text-align:left; color:#666; line-height:25px; margin-bottom:11px;}
#diagnosis .btn{ margin-left:20px;}

/* advantages */
#advantages{position:relative; width:278px; height:232px; background:url(../images/advantages_bg.gif) no-repeat 0 0; margin-bottom:13px; }
#advantages h2{position:absolute; font:bold 14px "宋体"; color:#fff; top:12px; left:26px;}
*html #advantages h2{top:15px;}
*+html #advantages h2{top:15px;}
#advantages ul{position:absolute; top:56px; left:73px;}
#advantages ul li{text-align:left; color:#666; line-height:25px; margin-bottom:15px;}

/* FAQ */
#faq{position:relative; width:278px; height:232px; background:url(../images/faq_bg.gif) no-repeat 0 0;}
#faq h2{position:absolute; font:bold 14px "宋体"; color:#fff; left:20px; line-height:32px;}
#faq ul{position:absolute; top:42px; width:96%;}
#faq ul li{ padding-left:40px; line-height:37px; border-bottom:1px solid #ccc; background:url(../images/faq_icon.gif) no-repeat 7px 5px;;}


/* main_right */
#main_r {float:right; width:652px; overflow:hidden;}

/* service */
#service_box{position:relative; width:652px; height:490px;}
#service{position:relative; width:306px; height:232px; margin-bottom:13px;}
#service .border{ width:304px; height:207px; border-left:1px solid #ececec; border-right:1px solid #ececec;}
#service .img{position:absolute; top:23px; left:33px;}
#service h2{position:absolute; top:132px; left:40px; font:bold 14px "宋体";}
#service ul{position:absolute; width:240px; top:160px; left:40px; }
#service ul li{line-height:22px; width:103px; float:left; padding-left:16px; background:url(../images/service_icon.gif) no-repeat 0 5px;}

/* team */
#team{position:relative; width:652px; height:232px;}
#team h2{position:absolute; width:652px; height:32px; font:bold 14px "宋体"; color:#7A882E; line-height:32px;  padding-left:40px; background:url(../images/team_bg.gif) no-repeat 0 0;}
#team .content{position:absolute; width:290px; padding:15px; line-height:22px; top:30px;}
#team .img{position:absolute; top:40px; right:20px; }

/* footer */
#footer_bg{width:100%; margin-top:30px; background:url(../images/footer_bg.gif) repeat-x 0 0; }
#footer{ width:960px; margin-bottom:10px;  overflow:hidden; clear:both; }

#footer_box{width:960px; margin-bottom:10px;  overflow:hidden; clear:both; height:195px; border-bottom:1px solid #d9d9d9;}
#footer_tab{width:242px; margin:8px 32px 10px 10px; float:left;}
*html #footer_tab{width:242px; margin:8px 20px 10px 10px; float:left;}
#footer_tab ul{ width:242px; height:190px;  }
#footer_tab .title{ width:242px; font-size:12px; line-height:25px; text-align:left; padding-left:10px; margin-bottom:10px; color:#57A1CF; border-bottom:1px solid #d9d9d9;}
#footer_tab .title a,#footer_tab .title a:visited{color:#57A1CF; text-decoration:none;}
#footer_tab .title a:hover{color:#333; text-decoration:underline;}
#footer_tab ul li{ width:120px; float:left; line-height:20px; text-align:left; color:#7D7D7D;}
#footer_tab ul li a,#footer_tab ul li a:visited{ color:#7D7D7D; text-decoration: underline;}
#footer_tab ul li a:hover{color:#57A1CF; text-decoration:none;}

#footer_hot{width:310px; margin:8px 32px 10px 0px; float:left;}
*html #footer_hot{margin:8px 20px 10px 0px;}
#footer_hot ul{ width:310px; height:190px;  }
#footer_hot .title{ width:310px; font-size:12px; line-height:25px; text-align:left; padding-left:10px;  color:#57A1CF; border-bottom:1px solid #d9d9d9;}
#footer_hot .title a,#footer_hot .title a:visited{color:#57A1CF; text-decoration:none;}
#footer_hot .title a:hover{color:#fff; text-decoration: underline;}
#footer_hot ul li{padding:10px 10px; color:#7D7D7D; text-align:left;}
#footer_hot ul li a,#footer_hot ul li a:visited{ color:#7D7D7D; text-decoration: underline;}
#footer_hot ul li a:hover{color:#57A1CF; text-decoration:none;}

#footer_link{width:310px; margin:8px 0 10px 0; float:left;}
#footer_link .title{ width:310px; font-size:12px; line-height:25px; text-align:left; padding-left:10px;  color:#57A1CF; border-bottom:1px solid #d9d9d9;}
#footer_link .title a,#footer_link .title a:visited{color:#57A1CF; text-decoration:none;}
#footer_link .title a:hover{color:#000; text-decoration: underline;}
#footer_link ul{ width:310px; height:190px;  }
#footer_link ul li{padding:10px 10px; color:#7D7D7D; text-align:left;}
#footer_link ul li a,#footer_link ul li a:visited{ color:#7D7D7D; text-decoration: underline;}
#footer_link ul li a:hover{color:#57A1CF; text-decoration:none;}

#footer .bottom{ width:960px; margin:auto; padding:10px 0 10px 0; overflow:hidden; clear:both;}
#footer .bottom p.copyright{ text-align:center;}
#footer .bottom .pp_link{ position:relative; margin:auto; width:340px; height:25px; line-height:25px; text-align:center; background:url(../images/pp_link_m.gif) repeat-x; clear:both;}
#footer .bottom .pp_link img.imgl{ position:absolute; top:0; left:0; }
#footer .bottom .pp_link img.imgr{ position:absolute; top:0; right:0; }


.login{ 
	width:width:960px;
	color:#ffffff;
	margin-top:2px;
	text-align:left;
}
.login_text{
	border:none;
	background:url(loginbg.jpg) no-repeat;
	height:18px;
	width:125px;
	padding:0 0 0 5px;
}
.login_button{
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #277193;
	border-bottom:1px solid #277193;
	height:20px;
	padding:2px 3px 1px 3px;
	background:url(inputbg.jpg) repeat-x;
	font-size:12px;
	color:#277193;
	vertical-align:middle;
}
.loginname{
	color:#12C6FF;
	font-weight:bold;
}

.topzone{
  width:660px;
}


/*  ------ main ------- */
#main_out{
	WIDTH: 100%;
	text-align:center;
	margin: 0 auto;
	padding:0 auto;
	overflow:hidden;
	background:#E8E8D0 url(mainbg.gif) repeat-x top;	

}
#main{
	text-align:left;
	margin: 0 auto;
	padding:0 auto;
	width:950px;
	overflow:hidden;
}
#bigbox{
	margin:20px 0 20px 0;
	background:#ffffff;	
	float:left;
	width:950px;
	border-bottom:2px solid #CCCCCC;
	border-top:2px solid #282828;
	min-height:350px;
	*height:350px;
}
*+html #bigbox{
	background:#ffffff;	
	float:left;
	width:950px;
	border-bottom:2px solid #CCCCCC;
	border-top:2px solid #282828;
	min-height:350px;
	height:auto;
}
#bigbox_none{
	margin:20px 0 20px 0;	
	min-height:350px;
	*height:350px;
	float:left;
	width:950px;
	*width:auto;
}
*+html #bigbox_none{
	margin:20px 0 20px 0;	
	min-height:350px;
	height:auto;
	float:left;
	width:950px;
	*width:auto;
	padding-bottom:20px;
}
.bigtable{
	width:90%;
	margin:20px 0 20px 60px;
}
.bigtable td{
	padding:8px 0 8px 8px;
}
#conttitle{
	background:url(lottitlebg.jpg) repeat-x;
	height:34px;
}
#conttitle h2{
	color:#3D520D;
	padding:8px 0 0 50px;
	font-size:12px;
	background:url(loticon.jpg) no-repeat left;
	height:26px;
}
#conttitle a{
	color:#20290D;
}
#conttitle a:hover{
	color:#107EAD;
}
#left{
	float:left;
	width:260px;
	overflow:hidden;
}
#right{
	float:right;
	width:675px;
	overflow:hidden;
}
.rightbox{
	width:675px;	
	border-bottom:2px solid #CCCCCC;
	background:#ffffff;
	border-top:2px solid #282828;	
}
.rightcont{
	padding:8px;
}
.lot_title a{
	color:#3D520D;
}
.lot_title{
	background:url(lottitlebg.jpg) repeat-x;
	height:34px;
}
.lot_title h2{
	color:#3D520D;
	padding:5px 0 0 50px;
	font-size:12px;
	background:url(loticon.jpg) no-repeat left;
	height:29px;
}
.cay{
	width:260px;
	border-bottom:3px solid #CCCCCC;
	background:#ffffff;
	border-top:2px solid #82AE19;
	padding-bottom:8px;
	overflow:hidden;
}
.cay_title{
	background:url(lefttitlebg.jpg) repeat-x;
	height:34px;
}
.cay_title h3{
	color:#E4E4E4;
	padding:8px 0 0 50px;
	font-size:12px;	
	background:url(cayicon.jpg) no-repeat left;
	height:26px;
}
.cate{
	float:left;
	width:220px;
	margin:10px 0 0 10px;
}
.cate1_now a{
	color: #5a761f;
	border-bottom:1px solid #5a761f;
	border-right:5px solid #5a761f;
	height:18px;
	display:block;
	padding:5px 0 0 10px;
}

.cate1_no a{
	height:18px;
	display:block;
	padding:5px 0 0 10px;
	border-bottom:1px solid #ebebeb;
	border-right:5px solid #ebebeb;
}
.cate1_no a:hover,
.cate1_now a:hover{ 
	color: #5a761f;
	display:block;
	text-decoration:none;
	border-bottom:1px solid #5a761f;
	border-right:5px solid #5a761f;
}

.cate2_now a{
	color: #5a761f;
	height:18px;
	display:block;
	padding:5px 0 0 30px;
	background:url(slist_on.jpg) no-repeat 6%;
}

.cate2_no a{
	height:18px;
	display:block;
	padding:5px 0 0 30px;
	background:url(slist_off.jpg) no-repeat 6%;
}
.cate2_no a:hover,
.cate2_now a:hover{ 
	color: #5a761f;
	display:block;
	text-decoration:none;
	padding:5px 0 0 30px;
    background:#ebebeb url(slist_on.jpg) no-repeat 6%;
}


.leftbox{
	width:260px;
	border-bottom:2px solid #CCCCCC;
	background:#ffffff;
	border-top:2px solid #E4A519;
	margin:10px 0 0 0;
}
.lefttitle{
	background:url(leftiboxtitlebg.jpg) repeat-x;
	height:34px;
}
.lefttitle h3{
	color:#C4890A;
	padding:8px 0 0 50px;
	font-size:12px;	
	background:url(titleicon.jpg) no-repeat left;
	height:26px;
}


/*  ------ header ------- */
/*#top_out{
	WIDTH: 100%;
	text-align:center;
	margin: 0 auto;
	padding:0 auto;
	overflow:hidden;
	background:url(topbg.jpg) repeat-x top;
	height:178px;	
}
#top{
	text-align:left;
	margin: 0 auto;
	padding:0 auto;
	width:950px;
	overflow:hidden;
}
#mdzone{
	height:123px;
}
.logo{
	float:left;
	width:300px;
	margin:31px 0 0 0;
}
.search{
	float:right;
	width:400px;
}
#searchtop{
	background:#167998;
	border:1px solid #076481;
	margin:40px 0 0 0;
	padding:5px 0 5px 5px;
}
#topzone{
	height:26px;
}
.login{
	float:left;
	width:600px;
	color:#ffffff;
	margin-top:2px;
}
.login_text{
	border:none;
	background:url(loginbg.jpg) no-repeat;
	height:18px;
	width:125px;
	padding:0 0 0 5px;
}
.login_button{
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #277193;
	border-bottom:1px solid #277193;
	height:20px;
	padding:2px 3px 1px 3px;
	background:url(inputbg.jpg) repeat-x;
	font-size:12px;
	color:#277193;
	vertical-align:middle;
}
.loginname{
	color:#12C6FF;
	font-weight:bold;
}
.lag{
	float:right;
	width:200px;
}
/*#nav{
	WIDTH: 100%;
	background:url(navbg.jpg) repeat-x;
	height:28px;
	letter-spacing:1px;	
}
#nav li{
	float:left;
	background:url(nav_div.gif) right top no-repeat;	
	width:90px;
}
#nav li a{  
	text-align: center; 
	color: #1F2123;
	height:28px;
	display:block;
	padding:8px 0 0 0;
}
#nav li a:hover, #nav li a.current{ 
	color: #ffffff;
	text-decoration:none;
	background:url(navhover.jpg) repeat-x;
}*/
 /*  ------ page ------- */
.page{
	text-align:right;
	width:98%;
	background:#E8E7E7;
	padding:3px 10px 3px 0;
	margin:20px 0 15px 5px;
	overflow:hidden;
}
.total{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#2892C2;
}
.onpage{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#2892C2;	
}
.pagelist{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.pagetext{
	border-top:1px solid #808080;
	border-left:1px solid #808080;
	border-right:1px solid #D4D0C8;
	border-bottom:1px solid #D4D0C8;
	height:16px;
	width:30px;
}
.gotopage{
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #277193;
	border-bottom:1px solid #277193;
	height:20px;
	padding:2px 3px 1px 3px;
	background:url(inputbg.jpg) repeat-x;
	font-size:12px;
	color:#277193;
}


/*  ------ rotate ------- */
.rotatenum{
	margin:-30px 40px 0 0;
	position:relative;
}
.rotatenum li{
	display:inline;
}
.rotatenum li a{
	background:#939394;
	color:#ffffff;
	padding:0 4px 0 4px;
	margin:0 2px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #000000;
}
.rotatenum li a:hover{
	background:#000000;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

.login_text{
	border:none;
	/*background:url(loginbg.jpg) no-repeat;*/
	background:#ffffff;
	height:18px;
	width:125px;
	padding:0 0 0 5px;
}
.login_button{
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	height:20px;
	padding:2px 3px 1px 3px;
	/*background:url(inputbg.jpg) repeat-x;
    background:#ffffff;*/
     font-weight:bold;
	font-size:12px;
	color:#ffffff;
	vertical-align:middle;
	margin-bottom:4px; 
}

/*  ------ search------- */
.searchlist{
	width:90%;
	margin:20px 0 20px 45px;
}
.searchlist ul {
	list-style-type:none;
} 
.searchlist li {
	border-bottom:1px dashed #dfdfdf;
	list-style-type:none;
}
.searchlist li a{
	display:block;
	padding:8px 0 0 15px;
	background:url(btline.gif) repeat-x bottom;
	height:20px;
}
.searchlist li a:hover{
	background:#EDE8D9;
	text-decoration:none;
	color:#E4682C;
}
.searchpiclist{
	float:left;
	width:170px;
	margin-bottom:10px;
}
.searchpiclist p{
	padding:0 0 8px 0;
}

.box {
	CLEAR: both; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 10px
}
.box LI {
	PADDING-LEFT: 15px; FLOAT: left; OVERFLOW: hidden; WIDTH: 91px; TEXT-ALIGN: center
}
.box LI A {
	DISPLAY: block
}
.box LI A IMG {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 1px solid; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid
}
.box LI A:hover IMG {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999 1px solid; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
.box LI A SPAN {
	DISPLAY: block; OVERFLOW: hidden; LINE-HEIGHT: 17px; PADDING-TOP: 6px
}
