@charset "utf-8";
/* CSS Document */
* {
	margin:0; 
	padding:0;
	list-style:none; 
	color:#7a7a7a;
}
body{
	background-color:#000;
	color:#7a7a7a;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	
}

a { blr:expression(this.onFocus=this.blur()) } /*针对 IE*/
a { outline:none; } /*针对firefox等*/

.main{
	margin:0 auto;
	width:933px;
	position:relativel;
}

.top{
	width:933px;
	margin:0 auto;
	position:relative;
}

.logo{
	width:172;
	float:left;
}

.login{
	width:500px;
	float:right;
	height:30px;
	text-align:right;
	line-height:51px;
}

.loginInput{
	width:89px;
	height:15px;
	border:#7a7a7a 1px solid;
	background:#000;
	font-size:12px;
	padding-left:3px;
	padding-right:3px;
}

.loginSubmit{
	background:url(../images/login.gif) no-repeat left transparent;
	width:39px;
	height:15px;
	border:none;
	margin-left:10px;
	margin-right:10px;
}

.creatSubmit{
	background:url(../images/create.gif) no-repeat left transparent;
	width:39px;
	height:15px;
	border:none;
}

.menu{
	background:url(../images/menubg.gif);
	position:relative;
	margin:0 auto;
	width:933px;
	height:32px;
}

.menuLeft{	
	position:relative;
	float:left;
	width:75%;
}

.menu .menuLeft li{
	float:left;
	margin:0;
	font-size:18px;
	text-align:center;
	height:32px;
	line-height:32px;
}

.menu .menuLeft a{
	text-decoration:none;
	padding:0 18px;
	color:#FFF;
	float:left;
}
.menu .menuLeft a:hover{
	background:url(../images/menuchick.gif);
}

.menu .menuLeft a.selected{
	background:url(../images/menuchick.gif);
}

.chlick{	
	background:url(../images/menuchick.gif);
}

.menu .menuSearch{
	width:194px;
	background:url(../images/search.gif) repeat-y;
	position:relative;
	float:right;
	height:32px;
}

.searchInput{
	border:none;
	background-color:#000;
	margin-left:53px;
	margin-top:6px;
	width:110px;
	padding-right:3px;
}

.banner{
	margin:8px auto 1px 0;
	width:933px;
}

.productShow{
	background-color:#FFF;
	width:933px;
	margin:0 auto;
	position:relative;
	height:460px;
}

.productShow li{
	background:#FFF;
	width:311px;
	float:left;
	text-align:center;
	height:auto;
}

.porder{
	margin:10px; 
}

.porder img{
	padding:5px;
}

.context{
	background-color:#FFF;
	width:933px;
	position:relative;
}

.context .title{
	color:#1ba504;
	font-size:24px;
	line-height:36px;
	background:url(../images/dian.gif) repeat-x bottom;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
}

.aboutLeft{
	float:left;
	width:49%;
}

.aboutRight{
	float:left;
	width:50%;
	font-size:14px;
	line-height:22px;
}

.aboutImg{
	float:left;
	width:49%;
	margin-bottom:8px;
}

.aboutImg img{
	border:#CCC 1px solid;
	padding:1px;
}

.osImg{
	float:left;
	width:49%;
	margin-bottom:8px;
	text-align:center;
}

.osImg img{
	border:#CCC 1px solid;
	padding:1px;
}

.osImg span{
	color:#3db329;
	font-size:18px;
	line-height:35px;
	width:100%;
	float:left;
}

.Hardware{
	position:relative;
	float:left;
	width:225px;
	padding-bottom:15px;
}

.Hardware li{
	float:left;
	width:100%;
}

.Hardware .hid_a{
	font-size:20px;
	float:left;	
	color:#1ba504;
	text-decoration:none;
	line-height:30px;
	width:210px;
	padding-left:15px;
	background-color:#e6e7e8;
}

.productlist{
	width:225px;
	float:left;
	background:#f5f5f5;
	position:relative;
}


.productlist .proList{
	background:url(../images/ge.gif) repeat-x bottom; 
	float:left;
	width:100%;
	padding-bottom:10px;
}


.productlist .proList .clazz{
	font-size:14px;
	line-height:30px;
	float:left;
	padding-left:15px;
	width:210px;
	cursor:pointer;
}

.productlist .proList li{
	width:100%;
	float:left;
}

.productlist .proList a{
	float:left;
	height:28px;
	line-height:28px;
	text-decoration:none;
	font-size:14px;
	padding-left:15px;
	width:210px;
	background-color:#F5F5F5;
}

.productlist .proList a:hover{
	background-color:#FFF;
}



.productlist .click{
	background-color:#FFF;
}

.productContext{
	float:left;
	width:708px;
	position:relative;
}


.productContext .proMenu{
	float:right;
	height:30px;
	width:700px;
	border:#d1d3d4 1px solid;
	background-color:#e6e7e8;
	text-align:left;
	font-size:16px;
}

.productContext .proMenu li{
	float:left;
	line-height:30px;
}

.productContext .proMenu li a{
	text-decoration:none;
	line-height:30px;
	padding-left:3px;
	padding-right:3px;
	margin:auto 5px;
	float:left;
}

.productContext .proMenu a:hover{
	color:#1ba504;
}

.productContext .title{
	color:#1ba504;
	font-size:18px;
	line-height:36px;
	background:url(../images/dian.gif) repeat-x bottom;
	float:left;
	line-height:32px;
	margin-left:8px;
}

.proCnt {
	width:700px;
	float:right;
	padding-top:20px; 
	padding-bottom:20px;
}

.proShow{
	margin:20px auto;
	border:#CCC 1px solid;
	padding:1px;
	width:588px;
	height:370px;
}

/*--滚动图片开始--*/
#piclist {
	height:67px;
	margin:10px auto;
	overflow:hidden;
	width:548px;
}
#piclist a {
	float: left;
	margin-right: 20px;
	width: 81px;
	height: 65px;
	overflow: hidden;
}

#piclist img {
	border:none;
	width: 77px;
	height:57px;
	border:#CCC 1px solid;
	padding:1px;
}
#showpage{
	width:98%;
	line-height:40px;
}
.prev,.next {
	width: 25px !important;
	cursor: pointer;
	text-indent: -1000em;
	overflow: hidden;
	margin-top: 1px;
}
.prev {
	float: left;
	background:url(../images/pro_prev.png) no-repeat right center;
	margin-right: 5px !important;
}
.next {
	float: right !important;
	background:url(../images/pro_next.png) no-repeat left center;
	margin-right: 0 !important;
}
.items {
	float: left;
	width: 488px !important;
	overflow: hidden;
	height: 108px;
	padding-top:5px;
}
.items div {
	top:0;
}
/*--滚动图片结束--*/

.downList{
	float:left; 
	width:100%;
	margin-top:10px;
}

.downList ul{
	background:url(../images/downline.gif) repeat-x bottom;
	height:26px;
	margin:8px 0px 0px 8px;
}

.downList li{
	line-height:25px;
}

.downList #title{
	float:left;
	width:590px;
	color:#636363;
	font-size:18px;
}

.downList #downl{
	background:url(../images/download.png) no-repeat left center;
	float:left;
	width:80px;
	padding-left:20px;
}

.downList #downl a{
	text-decoration:none;
}



.Applications{
	position:relative; 
	float:left; 
	width:100%;
	padding-bottom:10px;
}

.Applications .app{
	position:relative;
	margin:0 auto;
	width:921px;
	border:#CCC 1px solid;
	background-color:#FFF;
	height:190px;
}

.Applications .app li{
	background-color:#e6e7e8;
	line-height:30px;
	height:32px;
	color:#1ba504;
	font-size:18px;
	float:left;
	width:911px;
	padding-left:10px;
	border-bottom:#CCC 1px solid;
}

.appList{
	float:left;
	width:25%;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

.appList img{
	border:#CCC 1px solid;
	padding:1px;
}

.foot{
	position:relative;
	margin:0 auto;
	width:933px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:#c8c8c8;
	background-color:#767676;
	float:left;
}