﻿@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,dl,dd,form,ul,ol,pre,blockquote,textarea,input{ margin:0;}
ul,ol,th,td,button,textarea,input{ padding:0;}
ul,ol{list-style:none;}
img{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
audio,canvas,video { display:inline-block;*display: inline;*zoom:1;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}
.fb{font-weight:700;}
a{text-decoration:none;}
a:hover {text-decoration:underline; color:#f60;}
.c3{ color:#333;}.c6{ color:#666;}.c9{ color:#999;}.cc00{ color:#c00;}.c06c{ color:#06c;}.cf60{ color:#f60;}.c36a{ color:#36a;}
.mt10{ margin-top:10px;}.mt20{ margin-top:20px;}.mb10{ margin-bottom:10px;}.mb20{ margin-bottom:20px;}
.b1{ border:1px solid #ddd;}
.bgc-f{ background-color:#fff;}

body{color:#0E5BAB;}
.wp{ width:1088px; margin:0 auto; _position:relative; }
.fk-head{ height:108px;}
.logo{ margin-top:32px;}
.sublogo{ margin:38px 0 0 4px;}
.fav{ font:400 14px/25px \5B8B\4F53; margin-top:66px;}
.fav a{ margin-left:30px; color:#36a;}
.aside-left{ width:200px; _position:absolute; _left:0; _top:0;}
.main{ border-style:dashed; width:820px;    padding:16px 0 6px 30px; overflow:hidden; border:1px solid #ddd; background-color:#fbfbfb; _margin-left:200px; _zoom:1; }
.main h2{ font:400 32px/61px "Microsoft Yahei"; padding-bottom:5px;}
.main h1{ text-align:center;color:#FF7A08;font-size:32px;background-color:#0E5BAB;}
.ul-nav{ margin-top:10px; border-left:1px solid #ddd; border-top:1px solid #ddd;}
.ul-nav li{ height:49px; border-bottom:1px solid #ddd; position:relative; *vertical-align:top; font:400 14px/49px \5B8B\4F53;}
.ul-nav li a{ display:block; height:100%; background-color:#fff; color:#0E5BAB; text-indent:30px; _width:100%; _position:absolute; _left:0; _top:0;}
.ul-nav li a:hover{ color:#FF7A08;}
.ul-nav li.this{ font-weight:700; font-size:16px;}
.ul-nav li.this a{ width:217px; background:url(http://www.jsq886.com/img/this.png) no-repeat 0 0; color:#FF7A08;}
.ul-nav li.this a:hover{ color:#fff; text-decoration:none;}
 
.fd-menu{ height:34px; border-bottom:1px solid #ddd; margin:10px 100px 0 0; }
.fd-menu a{ width:118px; height:33px; overflow:hidden; display:block; float:left; margin-right:10px; text-align:center; border:1px solid #ddd; border-bottom:none; background:url(../img/menu.gif) repeat-x 0 -33px; font:400 18px/33px "Microsoft Yahei"; color:#999;}
.fd-menu a.this{ background-position:0 0; border-color:#fc8008; color:#fff; cursor:default; text-decoration:none;}
.cell{ margin-top:15px; clear:both; font:400 14px/31px \5B8B\4F53; overflow:hidden; _vertical-align:top;}
.cell .t, .cell .s, .cell .r, .cell .p{ text-align:right; float:left;}
.cell .t{ width:74px;}
.cell .s{ width:140px;}
.cell .r{ width:160px;}
.cell .p{ width:200px;}
.cell .txt, .cell .txt2{ height:29px; margin-right:6px; padding:0 6px; border:1px solid #ddd; font:700 14px/29px Verdana,\5B8B\4F53; color:#36a;}
.cell .txt{ width:110px; float:left; }
.cell .txt2{ width:40px; text-align:center; margin-left:6px; }
.cell select{ _margin-top:4px;color:red;}
.fd-sort{ margin:0 40px 0 10px;}
.fd-rate{ font:700 14px/31px Verdana,sans-serif; margin-left:4px;}
.btn-count{ height:33px; width:80px; display:block; float:left; overflow:hidden; border:1px solid #fc8008; text-align:center; font:400 18px/33px "Microsoft Yahei"; color:#fff; background:url(../img/menu.gif) repeat-x 0 0; }
.btn-clear{ font:400 12px/21px \5B8B\4F53; color:#f60; float:left; margin:15px 0 0 24px;}
.result-tit{ font:400 32px/61px "Microsoft Yahei"; margin:50px 0 0; color:#36a;}
.result-tit span{ font:400 12px \5B8B\4F53; margin-left:10px;}
.result-con{ width:240px; float:left; margin:12px 30px 0 15px;}
.result-con h3{ font:700 14px/25px \5B8B\4F53; padding-bottom:5px;}
.result-table{ width:240px; background-color:#ddd; font:400 12px Verdana, \5B8B\4F53;}
.result-table td{ background-color:#eee; height:45px;}
.result-table .s{ width:88px; text-indent:10px;}
.result-table .t{ background-color:#fff; text-align:right; padding-right:10px; color:#999;}
.result-table p{ margin-top:4px;}
.tips{ margin:40px 100px 0 0; font:400 12px/21px \5B8B\4F53; color:#999;}
.tips p{ padding:4px 0 0 1.5em; text-indent:-1.5em;}
.result-cell{ padding-left:10px;}
.result-cell h4{ font:700 16px/31px \5B8B\4F53; margin-top:8px;}
.result-cell p{ font:400 14px/31px Verdana,\5B8B\4F53;}
.result-cell .fb{ padding-right:6px; font-size:16px;}
.result-tqhd{ width:520px; background-color:#ddd;}
.result-tqhd td{ background-color:#fff; font:400 12px/45px Verdana,\5B8B\4F53}
.result-tqhd td.s{ width:20%; background-color:#eee; text-align:right; padding-right:10px;}
.result-tqhd td.t{ width:30%; padding-left:10px; }
td.t .fb, .result-gjj .fb{ padding-right:5px; }
.dl-gjj{ width:200px; float:left; border-left:1px dashed #ddd; text-indent:12px; font:400 14px/35px \5B8B\4F53;}
.dl-gjj .c9{ padding-left:5px;}
.dl-gjj dt{ font:700 16px/35px \5B8B\4F53;}

.dl-baike{bold;color:red; margin:4px 60px 0 -20px; padding:6px 0 12px 20px; overflow:hidden; border:1px solid #fbfbfb; font:400 14px/31px \5B8B\4F53; }
.baike .this{ background-color:#fff; border-color:#ddd;}
.dl-baike dt{ font:400 20px/45px "Microsoft Yahei";}
.dl-baike dd{ clear:both; _zoom:1;}
.dl-baike dd a{ margin-right:40px; color:#36a; white-space:nowrap; float:left; }
.dl-baike .toggle{ color:#333; font-size:12px; outline:none;}
.dl-baike a.hot{ color:#c00; padding-right:22px; background:url(../img/hot.gif) no-repeat right 4px;}



.fd-menu a:hover, .dl-baike a:hover{ color:#f60;}
.fd-menu a.this:hover, .btn-count:hover{ color:#fff; }



.button{
	font:12px Calibri, Arial, sans-serif;

	/* A semi-transparent text shadow */
	text-shadow:1px 1px 0 rgba(255,255,255,0.4);
	
	/* Overriding the default underline styling of the links */
	text-decoration:none !important;
	white-space:nowrap;
	
	display:inline-block;
	vertical-align:baseline;
	position:relative;
	cursor:pointer;
	padding:10px 20px;
	
	background-repeat:no-repeat;

	/* The following two rules are fallbacks, in case
	   the browser does not support multiple backgrounds. */

	background-position:bottom left;
	background-image:url('button_bg.png');
	
	/* Multiple backgrounds version. The background images
	   are defined individually in color classes */
	
	background-position:bottom left, top right, 0 0, 0 0;
	background-clip:border-box;
	
	/* Applying a default border raidus of 8px */
	
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	
	/* A 1px highlight inside of the button */
	
	-moz-box-shadow:0 0 1px #fff inset;
	-webkit-box-shadow:0 0 1px #fff inset;
	box-shadow:0 0 1px #fff inset;
	
	/* Animating the background positions with CSS3 */
	/* Currently works only in Safari/Chrome */
	
	-webkit-transition:background-position 1s;
	-moz-transition:background-position 1s;
	transition:background-position 1s;
}

.button:hover{
	
	/* The first rule is a fallback, in case the browser
	   does not support multiple backgrounds
	*/
	
	background-position:top left;
	background-position:top left, bottom right, 0 0, 0 0;
}

.button:active{
	/* Moving the button 1px to the bottom when clicked */
	bottom:-1px;
}

/* The three buttons sizes */

.button.big		{ font-size:30px;}
.button.medium	{ font-size:18px;}
.button.small	{ font-size:13px;}

/* A more rounded button */

.button.rounded{
	-moz-border-radius:4em;
	-webkit-border-radius:4em;
	border-radius:4em;
}


/* Defining four button colors */


/* BlueButton */

.blue.button{
	color:#0f4b6d !important;
	
	border:1px solid #84acc3 !important;
	
	/* A fallback background color */
	background-color: #48b5f2;
	
	/* Specifying a version with gradients according to */
	
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
						-moz-linear-gradient(#4fbbf7, #3faeeb);

	background-image:	url('button_bg.png'), url('button_bg.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}

.blue.button:hover{
	background-color:#63c7fe;
	
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
						-moz-linear-gradient(#63c7fe, #58bef7);
						
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}

/* Green Button */

.green.button{
	color:#345903 !important;
	border:1px solid #96a37b !important;	
	background-color: #79be1e;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}

.green.button:hover{
	background-color:#89d228;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}

/* Orange Button */

.orange.button{
	color:#693e0a !important;
	border:1px solid #bea280 !important;	
	background-color: #e38d27;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
}

.orange.button:hover{
	background-color:#ec9732;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
}

.gray.button{
	color:#525252 !important;
	border:1px solid #a5a5a5 !important;	
	background-color: #a9adb1;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}

.gray.button:hover{
	background-color:#b6bbc0;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}





body {
background: #fcfff7 url(../img/bg.png);
background-repeat: repeat-x;
}
.cf {
	zoom: 1
}

.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.fl {
	float: left
}

.fr {
	float: right
}

.cmbs {
	width: 600px;
	padding: 4px 0;
	padding: 6px 0\9;
}

.cmbs li {
	float: left;
	width: 170px;
	height: 33px;
	overflow: hidden;
	line-height: 33px;  
}

.cmbs a {
	font-size: 12px;
	display: inline-block;
	height: 31px;
	padding: 0 10px;
	color:#0E5BAB;
}


.cmbs a:visited {
	color: #814CB0;
}

.cmbs a:hover {
	background-color: #79BC55;
	color: #fff !important;
	font-weight: bold;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.fl {
float: left;
}
element.style {
color: green;
font-size: 12px;
}


.hn {
font-family: "΢���ź�";
color: #479C24;
font-size: 12px;
font-weight: normal;
border-left: 1px solid #DEDEDE;
height: 80px;
margin-top: 22px;
line-height: 50px;
padding-left: 14px;
width: 150px;
}
.fl {
float: left;
}
.guanggao {    
height: 80px;
margin-top: 10px; 
width: 650px; 
float: left; 
}
 

#leftDiv  
{  
    margin: 10px 0;   
    height :92%;  
    width:650px;  
    float: inherit;   
}  
#rightDiv  
{   width:166px;
	height:92%;
	float: left;
	margin-top: 10px;  
	margin-left:22px; 
}