@charset "utf-8";
/* CSS Document */
body{background:#EDEDED;}
body,div,td{font-size:12px;font-family:Arial,simsun;color:#666;line-height:1.5em;}
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0 none;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style-image:none;list-style-position:outside;list-style-type:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;vertical-align:baseline;zoom:1;}
input,textarea,select,button{font-family:Verdana;font-size:12px;font-weight:inherit;}
input{vertical-align:middle;height:16px;}
textarea{overflow:auto;}
a {color:#369;text-decoration:none;font-family:Arial, Helvetica, sans-serif;cursor:pointer}
a:hover {color:#669900;text-decoration:underline;cursor:pointer;}
a:focus{outline-style:none;outline-width:0;}
ul:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
hr{background:#ccc none repeat scroll 0 0;border:0 none;color:#ccc;height:1px;}
button{margin:0;padding:0;border:0;}
form:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.floatleft{ float:left}
.floatright{ float:right}
.clear{ clear:both}

#regheader{ width:960px; margin:0 auto; background:url(../images/loginpage_logo.jpg) no-repeat; height:80px;}
#regheader .fastLink{ padding-right:15px; padding-top:10px; text-align:right; color:#FFF}
#regheader .fastLink a{ color:#FFF; text-decoration:none}
#regheader .fastLink a:hover{ color:#FFF; text-decoration:underline}
#menu{ width:960px; margin:0 auto; background:url(../images/loginpage_Logo_bottom.jpg) no-repeat; height:40px;}
#menu .PopUp{ width:940px; margin:0 auto; COLOR: #e3e3e3; HEIGHT: 30px; margin-top:8px;}
#menu .PopUp a:link {text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
#menu .PopUp a:visited {text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
#menu .PopUp a:hover {color:#FFF;text-decoration:none;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
#menu .PopUp ul{list-style:none;font-size:12px; text-decoration:none;}
#menu .PopUp li{float:left;margin-right:1px;padding:0px; WIDTH: 84px;}
#menu .PopUp li a{line-height:25px;width:84px;display:block;text-align:center;text-decoration:none; font-weight:bold; COLOR: #333333;}
#menu .PopUp li a:hover{position:relative;}
#menu .PopUp li span{display:none;}
#menu .PopUp li a:hover span{display:block; position:absolute;top:30px;left:0px; background:#fff}
#menu .PopUp li:hover,#menu .PopUp li a:hover span,#menu .PopUp li a:hover dt{ width:150px;}
#menu .PopUp dt{background:none;width:150px;}
#menu .PopUp li a:hover dt a{float:left;margin-top:1px;}
#menu .PopUp li a:hover,#PopUp li a:hover dt a:hover{BACKGROUND: url(../images/TopNav_bg.gif) no-repeat; COLOR: #73b420;}

#aboutbody{margin:10px auto 10px;width:960px;}
.about_leftcolumn{width:180px; margin-top:10px;}
.about_rightcolumn{width:780px;}

.about_index{margin:0px auto;width:960px;}
.about_index .header,.about_index .footer{height:20px;background:url(../images/about_indexheader.gif);}
.about_index .footer{background:url(../images/about_indexbottom.gif);}
.about_index .bodyer{border-left:1px solid #DCDCDC;border-right:1px solid #DCDCDC;background:#fff;}
.about_index .bodyer .indexFlash{MARGIN: 0px auto; WIDTH: 950px;}
.about_index .bodyer .iql-title{MARGIN:0px auto;WIDTH:940px;height:28px;background:url(../images/iql-title-bg.gif) left top repeat-x;overflow:hidden;}
.about_index .bodyer .iql-title h3{width:125px;height:28px;display:block;padding-top:5px;float:left;font-size:12px;overflow:hidden;text-indent:10px;font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.about_index .bodyer .box{MARGIN:0px auto;WIDTH:940px;}
.about_index .bodyer .box .ProTable1{border-right:1px dotted #CCC;width:300px;height:145px;padding-top:8px;overflow:hidden;padding-bottom:12px;}
.about_index .bodyer .box .ProTable{padding-left:10px;  border-right:1px dotted #CCC;width:420px;height:145px;padding-top:8px;overflow:hidden;padding-bottom:12px;}



.about_leftcolumn .header{height:78px;background:url(../images/about_leftheader.gif);}
.about_leftcolumn .footer{height:11px;line-height:0;font-size:0;background:url(../images/about_leftfooter.jpg);}
.about_leftcolumn .bodyer{background:url(../images/about_leftbg.jpg);padding:17px 19px 3px 21px;}
.about_leftcolumn .bodyer li{height:30px;line-height:30px;color:#20800D;font-size:14px;margin-bottom:10px;float:none;background:url(../images/about_leftnav.gif) no-repeat top;}
.about_leftcolumn .bodyer li a{padding-left:27px;color:#20800D;font-size:14px; text-decoration:none}
.about_leftcolumn .bodyer li.hover{background:url(../images/about_leftnav.gif) no-repeat left -31px; font-weight:bold; cursor:hand}
.about_leftcolumn .bodyer li.active{background:url(../images/about_leftnav.gif) no-repeat bottom;color:#333;font-weight:bold;}

.about_leftcolumn .bodyer li .YM-submnu{display:none;}
.about_leftcolumn .bodyer li .YM-submnu li{height:20px;line-height:22px;color:#000; background:#FFF; margin:0px;}
.about_leftcolumn .bodyer li .YM-submnu li a{font-size:12px;color:#666;font-weight: normal; padding-left:27px;}
.about_leftcolumn .bodyer li .YM-submnu li a:hover{font-size:12px;color:#20800D; text-decoration:underline;font-weight:bold;}
#rolin{background:url(../images/about_leftbg.jpg);padding:17px 0px 3px 0px;}
#rolin li h2{height:30px;line-height:30px;color:#20800D;font-size:14px;margin-bottom:5px;background:url(../images/about_leftnav.gif) no-repeat top; padding-left:47px;}
#rolin li h2.hover{background:url(../images/about_leftnav.gif) no-repeat left -31px; font-weight:bold;}
#rolin li .content{line-height:20px; padding-left:35px;}



.about_rightcolumn .header,.about_rightcolumn .footer{height:20px;background:url(../images/about_rightheader.gif);}
.about_rightcolumn .footer{background:url(../images/about_rightbottom.gif);}
.about_rightcolumn .bodyer{border-left:1px solid #DCDCDC;border-right:1px solid #DCDCDC;background:#fff;}
.about_rightcolumn .bodyer .product_pic{ text-align:center}
.about_rightcolumn .bodyer .product_note{ margin:0 auto; line-height:22px; font-size:14px; padding:5px 0px 10px 0px; border-bottom:2px solid #A0B55B; width:744px;}
.about_rightcolumn .bodyer .product_note span{ font-size:16px; font-weight:bold; color:#000;}
.about_rightcolumn .bodyer .product_range,.product_features{ margin:0px auto;  padding:5px 0px 10px 0px; width:744px; border-bottom:2px solid #A0B55B}
.about_rightcolumn .bodyer .product_alert{ margin:0px auto;  padding:5px 10px 0px 0px; width:744px; text-align:right;}
.about_rightcolumn .bodyer .product_alert a{ color:#20800D; text-decoration:none}
.about_rightcolumn .bodyer .product_features .ditails{ margin-top:15px; padding:0 10px;}
.about_rightcolumn .bodyer .product_features .ditails .features td{ padding:0px 10px; word-spacing:3px;}
.about_rightcolumn .bodyer .product_features .ditails .features .features_list li{ padding:3px 0px; word-spacing:3px;}
.about_rightcolumn .bodyer .product_range .ditails .features .features_list { padding-left:45px; padding-top:25px;}
.about_rightcolumn .bodyer .product_range .ditails .features .features_list li{ padding:3px 0px; word-spacing:3px;}
.about_rightcolumn .bodyer .product_features .ditails .date td{ padding:2px 5px; border-top:1px solid #CCC;word-spacing:3px;}
.about_rightcolumn .bodyer .product_features .ditails .date .none td{ border-top:0px; padding:5px; font-weight:bold; color:#000;}
.about_rightcolumn .bodyer .product_features .ditails .date .title td{ padding:2px 5px; border-top:2px solid #666;}
.about_rightcolumn .bodyer .product_features .ditails .date .button td{ padding:2px 5px; border-bottom:2px solid #666;}
.about_rightcolumn .bodyer .product_features .ditails .date .bg { background:#E7F0D1; text-align:center; border-left:4px solid #FFF;}
.about_rightcolumn .bodyer .product_List{ margin:0 auto; padding:10px 0px 10px 0px; width:744px; border-bottom:2px solid #A0B55B}
.about_rightcolumn .bodyer .product_List td a { color:#369; text-decoration:none; font-family: Arial, Helvetica, sans-serif; cursor:pointer}
.about_rightcolumn .bodyer .product_List td a:hover { color:#669900; text-decoration:underline; cursor:pointer;}

.about_rightcolumn .bodyer .area{ border-bottom:2px solid #A0B55B; margin:0px auto; padding:15px 0px; width:744px;}
.about_rightcolumn .bodyer .area .title{font-size:15px; color:#73B420;font-family:Arial, Helvetica, sans-serif;}
.about_rightcolumn .bodyer .area .center{list-style:none; font-size:12px; padding:10px;}
.about_rightcolumn .bodyer .area .center li{ float:left; width:260px; border:0px solid #CCC; margin:5px 0 0 10px;}
.about_rightcolumn .bodyer .area .center .contant{list-style:none; font-size:12px; font-weight:normal; padding:5px; margin:5px 10px; line-height:20px;}
.about_rightcolumn .bodyer .area .center .contant li{margin:0px; color:#666}
.about_rightcolumn .bodyer .area .list{list-style:none; font-size:13px; padding:10px;}
.about_rightcolumn .bodyer .area .list li{margin:5px;}
.about_rightcolumn .bodyer .area .list li a{ color:#369; text-decoration:none; font-family: Arial, Helvetica, sans-serif; cursor:pointer}
.about_rightcolumn .bodyer .area .list li a:hover{ color:#669900; text-decoration:underline; cursor:pointer;}
.about_rightcolumn .bodyer .area .list li .l{float:left}
.about_rightcolumn .bodyer .area .list li .r{float:right; color:#CCC}
.about_rightcolumn .bodyer .area .list li .l_d{float:left; margin-left:30px; padding-top:10px;}
.about_rightcolumn .bodyer .area .list li .l_d span{color:#73B420; font-weight:bold}

.about_rightcolumn .bodyer .contact{margin:0px auto;  padding:5px 0px 10px 0px; width:744px; border-bottom:2px solid #A0B55B; height:130px}
.about_rightcolumn .bodyer .proArea{ font-size:14px; line-height:25px;COLOR: #333; border-bottom:2px solid #A0B55B; margin:0px auto; padding:15px 0px; width:744px;}


#footer{background:#fff url(../images/footerbg.gif) repeat-x top;width:960px; margin:0 auto; height:41px;}
#footer .footer_body{margin:0 auto; padding:12px 15px;}


.lxfs{ margin:5px 28px;}
.lxfs li{ margin-bottom:5px; font-size:14px; list-style:none}
.ProTable1{
	width:340px;
	height:135px; 
	padding-top:8px;
	padding-bottom:12px;
	float:left;
}
.ProTable1 dl dt{
	width:142px;
	height:120px;
	float:left;
	text-align:center;
	line-height:1000px;
	font-size:0px;
	background-image:url(images/iql-ico.gif);
	background-repeat:no-repeat;
}
.ProTable1 dd{
	width:590px;
	float:left;
}
.ProTable1 dd ul{
	width:350px;
	overflow:hidden;
}
.ProTable1 dd ul li{
	width:330px;
	float:left;
	height:23px;
	line-height:22px;
	overflow:hidden;
	padding-left:10px;
}
.ProTable1 dd ul li .datetime{
	margin-right:10px;
	color:#999;
}