body {
	margin: 0px; padding: 0px; text-align: center; color: rgb(70, 70, 70);  
	font: 12px, Arial, Helvetica, sans-serif;  font-size: 12px; background:#333;
	min-height:800px;
	
}
ul,li,dl,dt{ margin:0; padding:0; list-style:none;}
.wrapper {
	margin: 0px auto;
	min-width:980px;	
}

.in {
	
}
.line {
	height: 1px; border-top-color: rgb(186, 185, 185); border-top-width: 1px; border-top-style: solid;
}

h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h1 {
	font-size: 32px;
}
h2 {
	font-family: Georgia; font-size: 24px; font-style: italic;
}
.author p {
	margin: 0px; padding: 0px;
}
.forms {
	line-height:2em;
}
a:link {
	color: rgb(48, 164, 177); text-decoration: none;
}
a:visited {
	color: rgb(48, 164, 177); text-decoration: none;
}
a:hover {
	color: rgb(247, 148, 29);
}
.v_line {
	padding: 0px 5px; color: rgb(153, 153, 153);
}
.logo {
	position:absolute; left:20px; top:20px;	
	height:31px;
	width:32px;
	background-image:url(../images/logo.png);
	}
.logo_title{
	margin-left:60px;
	padding-left:10px;
	padding-top:2px;
	position:absolute; left:150px; top:10px;	
	border-left:0px solid #fff;
	font-size:18px;
	font-family:arial;
	font-weight:bold;
	font-weight:100;
	color:#fff;
	letter-spacing:1px;
}
.language
{
		position:absolute; right:10px; top:20px;	
		color:#fff;
}
.txt_right {
	margin-top: 15px; float: right;
}
.box {
	padding: 10px; border: 1px solid rgb(186, 185, 185); width: 600px; color: rgb(112, 112, 112); font-size: 14px;
}
.box2 {
	padding: 10px; border: 1px solid rgb(186, 185, 185); width: 300px; height:37px; color: rgb(112, 112, 112); font-size: 14px;
}
.com_btn {
	margin: 0px; border: 0px currentColor; color: rgb(255, 255, 255); font-size: 14px; background:url(../images/button.png) no-repeat;width:80px;height:28px;
	line-height:20px;
}
.com_btn2 {
	margin: 0px;float:left;margin-left:10%; background-color:#337ab7;color:white;border-radius:8px; font-size: 15px;width:110px;height:35px;
	line-height:20px;
}
.com_btn22 {
	margin: 0px;float:left;margin-left:-50%; background-color:#337ab7;color:white;border-radius:8px; font-size: 15px;width:110px;height:35px;
	line-height:20px;
}
.com_btn3 {
	margin: 0px;float:left;margin-left:40%; background-color:#337ab7;color:white;border-radius:8px; font-size: 15px;width:130px;height:35px;
	line-height:20px;
}
.com_btn4 {
	margin: 0px;float:left;margin-left:0%; background-color:#337ab7;color:white;border-radius:8px; font-size: 15px;width:130px;height:35px;
	line-height:20px;
}
.com_btn_E {
	margin: 0px; padding: 5px 10px; border: 0px currentColor; color: rgb(255, 255, 255); font-size: 14px; background-color: rgb(247, 148, 29);width:66px;height:40px;
}
.check {
	margin: 25px; padding: 10px 15px; border: 1px solid rgb(186, 185, 185); text-align: left; background-color: rgb(247, 247, 247);
}
.good {
	
}
.icon {
	padding-right: 8px; float: left;
}
.bad {
	
}
.navigation {
 margin: -40px 50px 0 50px; position: relative; 
 min-width:980px;
}
.navigation dl {
	margin: 0px; padding: 0px;
}
.navigation dl dt,.navigation dl dd {
	list-style: none; margin:  0 0 8px 0px; padding: 0px; font-weight: normal; float: left;
}
.navigation dl a {
	margin: 0px; height:34px; width:103px; padding-left:30px; color:#333; font-size: 14px; text-decoration: none; float: left; line-height:34px; position:relative; text-align:left;
}

.nav-icon{position:absolute; display:block; top:8px; left:8px; width:20px; height:20px; background:url(../images/icons.png) no-repeat;}
.nav-icon-1{ background-position:0 0;}
.nav-icon-2{ background-position:-20px 0 ;}
.nav-icon-3{ background-position: -40px 0;}
.nav-icon-4{ background-position: -60px 0;}
.nav-icon-5{ background-position:-80px 0 ;}
.nav-icon-6{ background-position:-100px 0 ;}
.nav-icon-7{ background-position:-120px 0 ;}
.nav-icon-8{ background-position:-140px 0;}
.nav-icon-9{ background-position:-160px 0;}
.nav-icon-10{ background-position:-180px 0;}
.nav-icon-11{ background-position:-200px 0;}
.nav-icon-12{ background-position:-220px 0;}
.nav-icon-13{ background-position:-240px 0;}
.nav-icon-14{ background-position:-260px 0;}
.nav-icon-15{ background-position:-280px 0;}
.nav-icon-16{ background-position:-300px 0;}
.nav-icon-17{ background-position:-320px 0;}
.nav-icon-18{ background-position:-340px 0;}



.navigation dl dd a:hover,.navigation dl dd a.active  {
	color: #fff; background:url(../images/nav-bg.png) no-repeat;
}
.navigation dl dt a:hover,.navigation dl dt a.active  {
	color: #fff; background:url(../images/nav-bg2.png) no-repeat;
}

.navigation dl dd.e-nav a:hover,.navigation dl dd.e-nav a.active{color: #fff; background:url(../images/nav-bg3.png) no-repeat!important;}

.navigation dl a:hover i,.navigation dl .active i{background-position-y:-20px;}

.clear {
	clear: both;
}
#searchform {
	top: 13px; right: 15px; position: absolute;
}
.search_box {
	margin: 0px; padding: 6px; border: 1px solid rgb(204, 204, 204); color: rgb(153, 153, 153); font-size: 13px; background-color: rgb(255, 255, 255);
}
.search_btn {
	margin: 0px 0px 0px 5px; padding: 6px; border: 0px currentColor; height: 30px; color: rgb(255, 255, 255); font-size: 13px; background-color: rgb(247, 148, 29);
}
.footer {
	text-align: right; margin-bottom: 40px;
}
td {
	
}
.gray td {
	background-color: rgb(247, 247, 247);
}
.table_main {
	border-top-color: rgb(186, 185, 185); border-right-color: rgb(186, 185, 185); border-left-color: rgb(186, 185, 185); border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid;
}

tr td {
	
}

.serchtable {
border:0px;
}
.serchtable td{
border:0px;
color:#000000;	
}
.serchtable img
{
border:0px;
}

/**--------------����ʼ---------------**/
.write
{
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
}
.write dl
{
    clear: both;
    padding-bottom: 2px;
}
.write dl dt
{
    font-size: 14px;
    color: #333333;
    float: left;
    line-height: 31px;
    padding-right:10px;
}
.write dd
{
    float: left;
    width: 70%;
}
.write dd .input
{
    height: 26px;
    line-height: 26px;
    padding: 0px 3px;
    border: 1px #d0d0d0 solid;   
    background-repeat: no-repeat;
    
}

.write dd .select
{
    height: 26px;
    line-height: 26px;
}
.write dd div
{
    clear: both;
    line-height: 30px;
}
.write dd div input
{
    line-height: 16px;
    height: 16px;
}
.write dd div span
{
    padding-right: 10px;
}
.write dd .but
{
    width: 60px;
    height: 30px;
    background: none;   
    border: 0px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    cursor: pointer;
}

.write_system
{
    width: 100%;
    margin: 0 auto;
    padding-top: 1px;
}
.write_system dl
{
    clear: both;
    padding-bottom: 0px;
    padding-top: 1px;
}
.write_system dl dt
{
    font-size: 14px;
    color: #333333;
    float: left;
    line-height: 25px;
    width: 20%;
    padding-right: 10px;
    text-align: right;
}
.write_system dd
{
    float: left;
    width: 70%;
}
.write_system dd .input
{
    height: 15px;
    line-height: 20px;
    padding: 0px 3px;
    border: 1px #d0d0d0 solid;
   
    background-repeat: no-repeat;
    
}

.write_system dd .select
{
    height: 20px;
    line-height: 20px;
}
.write_system dd div
{
    clear: both;
    line-height: 30px;
}
.write dd div input
{
    line-height: 16px;
    height: 16px;
}
.write_system dd div span
{
    padding-right: 10px;
}
.write_system dd .but
{
    width: 60px;
    height: 30px;
    background: none;
   
    border: 0px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    cursor: pointer;
}





table.page{ 
height:65px; border-left:10px solid #a8a8a8; border-right:10px solid #a8a8a8; border-bottom:10px solid #a8a8a8; font-size:12px;
}
.graph{ 
width:450px; 
border:1px solid #30A4B1; 
height:25px; 
} 
#bar{ 
display:block; 
background:#30A4B1; 
float:left; 
height:100%; 
text-align:center; 
} 
#barNum{ 
position:absolute; 
}
/**--------------������---------------**/

/*ͷ��*/
.header{ height:75px; width:100%;background-color:#6699FF;}

.subnav{width:10%; margin-top:3Px;  float:left;height:100%;}
.subnav ul{background:#242424; border-right:1px solid #fff; border-left:1px solid #000;  margin-right:0px; margin-left:0px;height:900px;}
.subnav ul a{ display:block; position:relative; height:40px; padding-left:40px; background-color:#242424;line-height:40px; text-align:left; color:#fff; white-space:nowrap;}
.subnav ul a:hover,.subnav ul a.subnav-select{height:45px; line-height:40px; background-color:#6699FF;}
.subnav ul a:hover span,.subnav-select span{ display:block;  margin-right:-10px;}
.subnav ul a i{ background-position-y:-20px; top:10px; left:10px;}
.subnav ul li:hover dl{display:block;}

.subnav dl{ display:none; background:#242424;margin-bottom:0px !important;}
.subnav dl dt a{ border:0; background:none;height:40px; line-height:40px;}
.subnav dl dt a:hover{background-color:#3399FF; height:40px; line-height:40px;}

/*�Ҳ�����*/
.content{width:86%; margin-top:20px; display:inline; float:left;}
.content h3{ height:37px; }
.content h3 span{ display:inline; float:left; padding:0 8px;}
.content h3 span.tab-select{}
.box-style{ padding-bottom:20px; background:#FFFFFF; border-radius:10px; margin-right:10px;padding-left: 30px;}
.in dl{ margin:20px;}
tr{height:30px;}
th{width:150px; padding:5px; text-align:right; font-weight:100; color:#000000;}
td{ padding:5px; text-align:left; color:#000000;}

/*form的一些操作*/
input,textarea{width:180px;height:24px;  line-height:24px; padding:1px}

form .upload{height:20px;width:220px}
.formItem{margin:0;padding:0}
.formItem dl{float:left;height:36px;width:350px;line-height:36px;margin:0;padding:0}
.formItem dt{float:left;width:100px;height:36px;line-height:36px;margin:0;padding:0}
.formItem dd{float:left;width:240px;height:36px;line-height:36px;margin:0;padding:0}
.formItem .editorpanle{width:100%;height:auto}
.formItem .editorpanle dd{padding-top:6px;width:600px;height:auto}
button{border:0;background:none;margin:0;padding:0}
.button{background:url(../images/button/button.png) no-repeat;padding-left:5px;width:150px;float:left}
.buttonContent
{
	color: #003366;
	height: 24px;
	padding-top: 7px;
	padding-left:8px;
	width: 60px;
	cursor: pointer;
}
.buttonContent a{color:#003366;}
        .hint
        {
            position: absolute;
            width: 140px;
            color:Red;
            border: 1px solid #c93;
            line-height:18px;
            padding: 6px 8px;
            display:none;
        }
        .hint .hint-pointer
        {
            position: absolute;
            left:-10px;
            top:5px;
            width: 10px;
            height: 19px;
        }
/*edit by cs*/
.csformItem{margin:0;padding:0}
.csformItem dl{float:left;height:24px;width:180px;line-height:24px;margin:0;padding:0}
.csformItem dt{float:left;width:50px;height:24px;line-height:24px;margin:0;padding:0}
.csformItem dd{float:left;width:100px;height:24px;line-height:24px;margin:0;padding:0}
.csformItem .editorpanle{width:100%;height:auto}
.csformItem .editorpanle dd{padding-top:6px;width:600px;height:auto}
.csbuttonContent
{
	color: #003366;
	height: 24px;
	padding-top: 7px;
	padding-left:8px;
	width: 60px;
	cursor: pointer;
}
.csbuttonContent a{color:#003366;}
        .cshint
        {
            position: absolute;
            width: 140px;
            color:Red;
            border: 1px solid #c93;
            line-height:18px;
            padding: 6px 8px;
            display:none;
        }
        .cshint .hint-pointer
        {
            position: absolute;
            left:-10px;
            top:5px;
            width: 10px;
            height: 19px;
        }

/*form的一些操作*/
input[type=text] {
    width: 240px;
    padding: 0px;
    height: 25px;
    border: 1px solid #000000;
    #background: #f6f6f6;
    #color: #202124;
    font-size: 16px;
    line-height: 28px;
    #border-radius: 25px;
	float:left;
	margin-left:20px;
	margin-top:0px;
}

li{
	
	list-style-type:none;
	#height: 50px;
	
}

.name_txt{
	font-size: 16px;
	text-align:right;
	width:150px;
	height:25px;
	display:block;
	float:left;
}

.select_param
{
	width: 240px;
    padding: 0px;
    height: 25px;
    border: 1px solid #000000;
	 font-size: 16px;
    line-height: 28px;
    #border-radius: 25px;
	float:left;
	margin-left:20px;
	margin-top:0px;
	display:block;
}


.speed_left
{
	float:left;
	margin-top:20px;
	width:40%;
	height:500px;	
}

.speed_right
{
	#float:left;
	margin-top:20px;
	width:40%;
	height:500px;	
	margin-left:800px;
}
.speed_note
{
	float:left;
	width:50px;
	height:3px;
	background-color:#00FA9A;
	margin-left:150px;
	margin-top:10px;
	position:absolute;
	
}
.fatherdiv{
    width: 150px;
    height: 150px;
    position: relative;
    background-color: #f3f3f3;
    border-radius: 50%;
}
.persentdiv {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
    clip: rect(0, 150px, 150px, 75px);
}
 
.persentleft {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 10px solid #ff1823;
    box-sizing: border-box;
    border-radius: 50%;
    clip: rect(0, 75px, 150px, 0);
}
 
.persentright {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 10px solid #ff1823;
    box-sizing: border-box;
    border-radius: 50%;
    clip: rect(0, 150px, 150px, 75px);
}
 
.wth0 {
    width: 0;
}
 
.num {
    position: absolute;
    box-sizing: border-box;
    width: 130px;
    height: 130px;
    line-height: 130px;
    text-align: center;
    font-size: 32px;
    left: 10px;
    top: 10px;
    border-radius: 50%;
    background-color: #fff;
    color: #ff1823;
    z-index: 1;
}
.clip-auto {
    clip: rect(auto, auto, auto, auto);
}


.fatherdiv1{
    width: 150px;
    height: 150px;
    position: relative;
    background-color: #f3f3f3;
    border-radius: 50%;
}
.persentdiv1 {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
    clip: rect(0, 150px, 150px, 75px);
}
 
.persentleft1 {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 10px solid #ff1823;
    box-sizing: border-box;
    border-radius: 50%;
    clip: rect(0, 75px, 150px, 0);
}
 
.persentright1 {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 10px solid #ff1823;
    box-sizing: border-box;
    border-radius: 50%;
    clip: rect(0, 150px, 150px, 75px);
}
 
.wth1 {
    width: 0;
}
 
.num1 {
    position: absolute;
    box-sizing: border-box;
    width: 130px;
    height: 130px;
    line-height: 130px;
    text-align: center;
    font-size: 32px;
    left: 10px;
    top: 10px;
    border-radius: 50%;
    background-color: #fff;
    color: #ff1823;
    z-index: 1;
}
.clip-auto1 {
    clip: rect(auto, auto, auto, auto);
}


.fatherdiv2{
    width: 150px;
    height: 150px;
    position: relative;
    background-color: #f3f3f3;
    border-radius: 50%;
}
.persentdiv2 {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
    clip: rect(0, 150px, 150px, 75px);
}
 
.persentleft2 {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 10px solid #ff1823;
    box-sizing: border-box;
    border-radius: 50%;
    clip: rect(0, 75px, 150px, 0);
}
 
.persentright2 {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 10px solid #ff1823;
    box-sizing: border-box;
    border-radius: 50%;
    clip: rect(0, 150px, 150px, 75px);
}
 
.wth2 {
    width: 0;
}
 
.num2 {
    position: absolute;
    box-sizing: border-box;
    width: 130px;
    height: 130px;
    line-height: 130px;
    text-align: center;
    font-size: 32px;
    left: 10px;
    top: 10px;
    border-radius: 50%;
    background-color: #fff;
    color: #ff1823;
    z-index: 1;
}
.clip-auto2 {
    clip: rect(auto, auto, auto, auto);
}

/*form的一些操作*/
input[type=text] {
    width: 240px;
    padding: 0px;
    height: 25px;
    border: 1px solid #000000;
    #background: #f6f6f6;
    #color: #202124;
    font-size: 16px;
    line-height: 28px;
    #border-radius: 25px;
	float:left;
	margin-left:20px;
	margin-top:0px;
}

li{
	
	list-style-type:none;
	#height: 50px;
	
}

.name_txt{
	font-size: 16px;
	text-align:right;
	width:150px;
	height:25px;
	display:block;
	float:left;
}

.select_param
{
	width: 240px;
    padding: 0px;
    height: 25px;
    border: 1px solid #000000;
	 font-size: 16px;
    line-height: 28px;
    #border-radius: 25px;
	float:left;
	margin-left:20px;
	margin-top:0px;
	display:block;
}


.speed_left
{
	float:left;
	margin-top:20px;
	width:40%;
	height:500px;	
}

.speed_right
{
	#float:left;
	margin-top:20px;
	width:40%;
	height:500px;	
	margin-left:800px;
}
.speed_note
{
	float:left;
	width:50px;
	height:3px;
	background-color:#00FA9A;
	margin-left:150px;
	margin-top:10px;
	position:absolute;
	
}
.fatherdiv{
    width: 150px;
    height: 150px;
    position: relative;
    background-color: #f3f3f3;
    border-radius: 50%;
}
.persentdiv {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
    clip: rect(0, 150px, 150px, 75px);
}
 
.persentleft {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 10px solid #ff1823;
    box-sizing: border-box;
    border-radius: 50%;
    clip: rect(0, 75px, 150px, 0);
}
 
.persentright {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 10px solid #ff1823;
    box-sizing: border-box;
    border-radius: 50%;
    clip: rect(0, 150px, 150px, 75px);
}
 
.wth0 {
    width: 0;
}
 
.num {
    position: absolute;
    box-sizing: border-box;
    width: 130px;
    height: 130px;
    line-height: 130px;
    text-align: center;
    font-size: 32px;
    left: 10px;
    top: 10px;
    border-radius: 50%;
    background-color: #fff;
    color: #ff1823;
    z-index: 1;
}
.clip-auto {
    clip: rect(auto, auto, auto, auto);
}


.fatherdiv1{
    width: 150px;
    height: 150px;
    position: relative;
    background-color: #f3f3f3;
    border-radius: 50%;
}
.persentdiv1 {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
    clip: rect(0, 150px, 150px, 75px);
}
 
.persentleft1 {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 10px solid #ff1823;
    box-sizing: border-box;
    border-radius: 50%;
    clip: rect(0, 75px, 150px, 0);
}
 
.persentright1 {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 10px solid #ff1823;
    box-sizing: border-box;
    border-radius: 50%;
    clip: rect(0, 150px, 150px, 75px);
}
 
.wth1 {
    width: 0;
}
 
.num1 {
    position: absolute;
    box-sizing: border-box;
    width: 130px;
    height: 130px;
    line-height: 130px;
    text-align: center;
    font-size: 32px;
    left: 10px;
    top: 10px;
    border-radius: 50%;
    background-color: #fff;
    color: #ff1823;
    z-index: 1;
}
.clip-auto1 {
    clip: rect(auto, auto, auto, auto);
}


.fatherdiv2{
    width: 150px;
    height: 150px;
    position: relative;
    background-color: #f3f3f3;
    border-radius: 50%;
}
.persentdiv2 {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
    clip: rect(0, 150px, 150px, 75px);
}
 
.persentleft2 {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 10px solid #ff1823;
    box-sizing: border-box;
    border-radius: 50%;
    clip: rect(0, 75px, 150px, 0);
}
 
.persentright2 {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 10px solid #ff1823;
    box-sizing: border-box;
    border-radius: 50%;
    clip: rect(0, 150px, 150px, 75px);
}
 
.wth2 {
    width: 0;
}
 
.num2 {
    position: absolute;
    box-sizing: border-box;
    width: 130px;
    height: 130px;
    line-height: 130px;
    text-align: center;
    font-size: 32px;
    left: 10px;
    top: 10px;
    border-radius: 50%;
    background-color: #fff;
    color: #ff1823;
    z-index: 1;
}
.clip-auto2 {
    clip: rect(auto, auto, auto, auto);
}