﻿@charset "utf-8";
/*reset CSS*/
html,body,ul,li,ol,dl,dd,dt,form,table,tr,td,p,b,span,a,img,h1,h2,h3,h4,h5,h6,em{
	margin:0;
	padding:0;
}
hi,h2,h3,h4,h5,h6{
	line-height:100%;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
}
img{
	border:none;
}
body{ 
	font-family:Arial, Helvetica, sans-serif;
	/*letter-spacing:1px;*/
	background:#FFF; /*url(images/bg_img.jpg) center bottom no-repeat;
	padding-bottom:133px;*/
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*body CSS*/
.header{
	width:960px;
	height:170px;
	margin:auto;
	/*overflow:hidden;*/
	margin-top:0px;
	/*background:#FF0000*/background:url(images/hbg.jpg) center bottom no-repeat;
}
.header .logo{
	width:199px;
	height:160px;
	float:left;

	overflow:hidden;
	margin-top:10px;
}
.header .logo a{
	display:block;
	text-decoration:none;
}
.header .nav{
	width:700px;
	height:30px;
	float:left;

}
.header .nav ul{
	width:100%;
	height:30px;
	/*margin-top:15px;*/
}
.header .nav ul li{
	display:inline;
	height:30px;
	line-height:30px;
	width:90px;
	float:left;
	/*background:#FAFAFA;*/
	text-align:center;
}
.header .nav ul li a{
	font-size:12px;
	height:30px;
	line-height:30px;
	width:90px;
	display:block;
	float:left;
	/*color:#033894;*/
	color:#333;
	font-family:"宋体";
	font-weight:bold;
	text-decoration:none;
}
.header .nav ul li a:hover{
	background:#023993;
	color:#FFF;
}
.header .nav ul li.current_page_item{
	background:#023993;
}
.header .nav ul li.current_page_item a{
	color:#FFF;
}
.quicklink{
	width:700px;
	height:130px;
	margin:auto;
	text-align:center;
	float:right;
	
}
.quicklink a{
	float:right;
	width:70px;
	height:30px;
	line-height:30px;
	margin-left:10px;
	text-decoration:none;
	font-size:14px;
	color:#fe0000;
	font-weight:bold;padding-top:100px;
}
.quicklink a:hover, .quicklink .quicklinka{
	color:#000;
}
.flash{
	width:100%;
	height:200px;
	border-top:10px solid #2EA6E2;
	margin-top:10px;
	/*background:#333;*/
}
.flash .flashwrap{
	width:960px;
	height:200px;
	overflow:hidden;
	margin:auto;
	/*margin-top:10px;*/
	background:#FFF;
}
.serviceandabout{
	width:960px;
	height:auto;
	overflow:hidden;
	padding-bottom:0px;
	margin:auto;
	margin-top:10px;
	/*background:#FF0000*/
}
.serviceandabout h2{
	width:100%;
	height:26px;
	line-height:26px;
	font-size:12px;
	color:#333;
	border-bottom:1px dashed #DDD;
	background:url(images/tags--arrow.png) no-repeat left 3px;
	text-indent:2em;
}
.serviceandabout a.readmore{
	width:60px;
	height:13px;	
	display:block;
	float:right;/**/
	background:url(images/more.gif) no-repeat;
	text-indent:-9999px;
	/*margin-top:10px;*/
}
.serviceandabout_left{
	width:260px;
	height:auto;
	overflow:hidden;
	float:left;
}
.serviceandabout_left ul{
	width:240px;
	margin:auto;
	margin-top:10px;
}
.serviceandabout_left ul li{
	height:24px;
	line-height:24px;
	width:100px;
	float:left;
	margin-left:10px;
	text-indent:3em;
	border-bottom:1px solid #DDD;
}
.serviceandabout_left ul li.li1{
	background:url(images/gear-15.png) left center no-repeat;
}
.serviceandabout_left ul li.li2{
	background:url(images/preferences-desktop-peripherals-1.png) left center no-repeat;
}
.serviceandabout_left ul li.li3{
	background:url(images/gnome-fs-network-1.png) left center no-repeat;
}
.serviceandabout_left ul li.li4{
	background:url(images/gnome-control-center-5.png) left center no-repeat;
}
.serviceandabout_left ul li.li5{
	background:url(images/tools-1.png) left center no-repeat;
}
.serviceandabout_left ul li a{
	font-size:12px;
	color:#023993;
	height:24px;
	line-height:24px;
	display:block;
}
/*.serviceandabout_left ul li a:hover{
	background:#023993;
	color:#FFF;
	font-weight:bold;
}*/
.serviceandabout_right{
	width:670px;
	height:auto;
	overflow:hidden;
	float:right;
}
.serviceandabout_right_content{
	width:100%;
	margin-top:0px;
	padding-bottom:10px;
	padding-top:5px;
}
.serviceandabout_right_content p{
	font-size:12px;
	line-height:160%;
	color:#666;
	text-indent:2em;
}
.serviceandabout_right_content p img{
	float:left;
	padding:2px;
	border:1px solid #ddd;
	margin-right:12px;
	margin-top:5px;
}
.index_middle{
	width:960px;
height:230px;
	margin:auto;
	/*margin-top:10px;*/

	/*background:#DDD999;*/
}
.index_middle a.readmore{
	width:120px;
	height:13px;	
	display:block;
	margin:auto;
	background:url(images/more.gif) no-repeat;
	text-indent:-9999px;
	margin-top:10px;
}
.pageNavi{font-size:12px;padding-top:15px;}
.index_middle h2{
	width:100%;
	height:26px;
	line-height:26px;
	font-size:12px;
	color:#333;
	margin-bottom:10px;
	border-bottom:1px dashed #DDD;
	background:url(images/tags--arrow.png) no-repeat left 3px;
	text-indent:2em;
}	
.index_middle2{width:960px;margin-left:auto; margin-right:auto;}
.index_middle2 h2{
	width:100%;
	height:26px;
	line-height:26px;
	font-size:12px;
	color:#333;
	margin-bottom:2px;
	background:url(images/tags--arrow.png) no-repeat left 3px;
	text-indent:2em;
}	
.index_middle_right_l{
	width:320px;
	height:230px;
	/*background:#FF4242;*/
	float:left;
}
.about {width:320px;float:left;}
.about img{
	padding:2px;
	border:1px solid #DDD;
	margin-top:5px;float:left;width:160px;margin-right:15px;
}
.about p{
	font-size:12px;

	margin-top:5px;line-height:20px;color:#666;
}
.index_middle_right{
	width:670px;
	height:230px;
	/*background:#FF9999;*/
	float:right;
}
.index_middle_left{
	width:260px;
	height:230px;
	float:left;
	/*background:#EEE;*/
}
.index_middle_left .index_newslist{
	width:260px;
	height:auto;
	overflow:hidden;
	/*background:#EE9999;*/
	margin-bottom:10px;
}
.index_middle_left .index_newslist h3{
	font-size:12px;
	font-weight:normal;
	line-height:160%;
	color:#888;
}
.index_middle_left .index_newslist h3 a{
	color:#666;
}
.index_middle_left .index_newslist h3 a:hover{
	text-decoration:underline;
}
.index_middle_left .index_newslist p{
	width:100%;
	line-height:160%;
	font-size:12px;
	/*font-style:oblique;*/
	margin-top:5px;
	color:#666;
}
.index_middle_right_r{
	width:320px;
	height:230px;
	float:right;
	/*background:#FF0000
	background:#CCC;*/
}
/*Pic Show*/
.main_view{
	margin:auto;
	position:relative;
	width:260px;
}
.window{
	height:170px;
	width:260px;
	overflow:hidden;
	position:relative;
}
.image_reel{
	position:absolute;
	top:0;
	left:0;
}
.image_reel img{
	float:left;
}
.paging {
	position:absolute;
	bottom:10px;
	right:0px;
	width:98px;
	height:20px;
	z-index:100; 
	text-align:center;
	line-height:20px;
	display:none;
}
.paging a{
	width:16px;
	height:16px;
	line-height:16px;
	float:left;
	margin-left:5px;
	font-size:12px;
	display:block;
	text-decoration:none;
	color:#fff;
	background:#111;
}
.paging a.active{
	font-weight:bold;
	background:#006699;
}
.paging a:hover{
	font-weight:bold;
}
/*End pic show*/

.footer{
	width:960px;
	height:30px;
	padding-top:15px;
	padding-bottom:10px;
	background:#fff;
	text-align:right;
	margin-top:10px;/**/margin-bottom:10px;
	clear:both;margin-left:auto; margin-right:auto;border-top: 1px solid #EEE;
}
.footer p{
	font-size:13px;
	line-height:160%;
	color:#666;
}
.footer p a{
	color:#666;
	font-weight:bold;
	text-decoration:underline;
}


.banner{
	width:960px;
	height:120px;
	margin:auto;
	background:#EEE;
	margin-top:10px;
}
.now{
	width:958px;
	height:30px;
	margin:auto;
	margin-top:20px;
	font-size:12px;
	border:1px solid #DDD;
}
.now p{
	padding-left:10px;
	height:30px;
	line-height:30px;
	color:#333;
}
.now p a{
	color:#023993;
}
.wrap{
	width:960px;
	height:auto;
	overflow-x:hidden;;
	padding-top:20px;
	padding-bottom:20px;
	margin:auto;
}
.sidebar{
	width:260px;
	height:356px;
	background:#FAFAFA;
	float:left;
}
.sidebar h2{
	font-size:18px;
	color:#fff;
	height:40px;
	line-height:40px;
	text-indent:1em;
	margin-bottom:5px;
	background:url(images/bg-1.jpg) repeat-x;
}
.sidebar ul{
	width:260px;
	height:auto;
	overflow:auto;
}
.sidebar ul li{
	width:100%;
	height:30px;
	line-height:30px;
	margin-bottom:5px;
}
.sidebar ul li a{
	font-size:12px;
	width:100%;
	display:block;
	height:30px; 
	line-height:30px;
	color:#fff;
	background:url(images/bg-11.jpg) repeat-x;
	text-indent:2em;
}
.sidebar ul li a:hover{
	background:url(images/bg-12.jpg) repeat-x;
	color:#FFF;
}
.sidebar ul li.current_page_item a{
	background:url(images/bg-12.jpg) repeat-x;
	color:#FFF;
}
/*contact*/
.contact{
	width:500px;
	height:330px;
	float:left;
}
.contact h1{
	font-size:18px;
	line-height:160%;
	color:#333;
	border-bottom:1px solid #EEE;
	text-indent:0.5em;
	margin-bottom:20px;
}
.contact p{
	font-size:12px;
	line-height:160%;
	color:#023993;
	text-indent:0.5em;
}
.map{
	width:400px;
	height:270px;
	float:right;
	padding:10px;
	border:1px solid #ddd;
	background:#EEE;
}
.map img{
	border:1px solid #DDD;
}
/*partner*/
.partner{
	width:300px;
	height:300px;
	float:left;
	display:inline;
	background:#EEE;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
}
.partner h2{
	font-size:16px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-family:"微软雅黑";
	color:#FFF;
}
.partner a{
	color:#006699;
	text-decoration:none;
}
.partner a:hover{
	text-decoration:underline;
}
.partner img{
	margin-top:30px;
}
.partner h2.guowai{
	background:url(images/bg-1.jpg) repeat-x;
}
.partner h2.guoneida{
	background:url(images/bg-2.jpg) repeat-x;
}
.partner h2.guoneizhong{
	background:url(images/bg-3.jpg) repeat-x;
}
/*about*/
.about_main{
	height:auto;
	width:630px;
	float:right;
	padding:10px 10px 30px 20px;
	background:#FDFDFD;
	border:1px solid #eee;
}

.about_main2{
	height:auto;
	width:630px;
	float:right;
	padding:10px;
	background:#FDFDFD;
	border:1px solid #eee;
}
.about_main h1{
	font-size:16px;
	color:#023993;
	text-align:center;

	line-height:30px;
}
.clear {
	CLEAR: both; MARGIN-TOP: -1px; FONT-SIZE: 1px; VISIBILITY: hidden; WIDTH: 1px; LINE-HEIGHT: 0; HEIGHT: 0px
}
.productlist {
	MARGIN-TOP: 20px
}
.productlist LI {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 10px; OVERFLOW: hidden; WIDTH: 195px; PADDING-TOP: 0px; HEIGHT: 190px
}
.productlist LI IMG {
	BORDER-RIGHT: #e4e4e4 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e4e4e4 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #e4e4e4 1px solid; WIDTH: 190px; PADDING-TOP: 2px; BORDER-BOTTOM: #e4e4e4 1px solid; HEIGHT: 160px
}
.productlist LI .product_name {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 190px; LINE-HEIGHT: 15px; HEIGHT: 15px; TEXT-ALIGN: center;color:#666;font-size:12px;
}
.about_main p{
	font-size:12px;
	line-height:200%;
	color:#333;
	text-indent:2em;
	margin-top:5px;
}
.about_main ul{
	width:90%; 
	height:auto; 
	overflow:hidden; 
	padding:10px;
	padding-left:40px;
}
.about_main ul li{
	font-size:12px; 
	line-height:150%;
	padding-left:10px;
	list-style:disc;
}
.about_main h1{font-size:18px;}
.about_main h2{font-size:16px;}
.about_main h3{font-size:14px;}
.about_main h4,.about_main h5,.about_main h6{font-size:12px;}
/*nesw list*/
.newslist{
	height:auto;
	overflow:hidden;
	width:630px;
	float:right;
	padding:10px 10px 30px 20px;
	background:#FDFDFD;
	border:1px solid #CCC;
}
.newslist ul{
	width:100%;
}
.newslist ul li{
	line-height:160%;
	width:100%;
}
.newslist ul li a{
	font-size:12px;
	color:#333;
}
.newslist ul li a:hover{
	color:#023993;
	text-decoration:underline;
}
.newslist ul li span{
	font-size:12px;
	color:#999;
	float:right;
}


























