﻿h1,h2,h3,h4,h5,h6,p,form,input,textarea,ul,li,ol,dl,dt,dd,body{
	padding:0;
	margin:0;
}
img{
	border:0;
}
ul,li{
	list-style:none;
}
table{
	border-collapse:collapse;
}
body{
	font:13px Courier, Geneva, sans-serif,serif;
	background:url(../images/bg_body.jpg) repeat-x;
	color:#333;
}
#header{
	margin:auto;
	width:960px;
	height:90px;
	position:relative;
	background:url(../images/bg_header.jpg) no-repeat;
}
#logo{
	width:370px;
	height:70px;
	position:absolute;
	left:5px;
	top:9px;
	background:url(../images/logo.png) no-repeat;
}
#logo a{
	width:371px;
	height:65px;
	display:block;
}
#logo a span{
	display:none;
}
#menubar{
	padding:0 5px;
	margin:auto;
	width:950px;
	height:44px;
	background:url(../images/bg_menubar.jpg) no-repeat;
}
.menu_list{
	width:1000px;
}
#menubar a{
	padding:0 55px;
	color:#FFF;
	font-size:18px;
	line-height:44px;
	text-decoration:none;
	display:block;
}
#menubar a:hover,#menubar a.menu_on,#menubar a#menu_on{
	background:url(../images/menu_on.jpg) -15px 0 no-repeat;
}
#menubar a b{
	font-weight:normal;
}
#menubar li{
	float:left;
	position:relative;
}
#menubar ul ul{
	width:220px;
	border:1px solid #000;
	position:absolute;
	z-index:50;
	left:0;
	top:44px;
	background:#6975AA;
	display:none;
}
#menubar ul ul li{
	border-bottom:1px solid #9ea8b9;
}
#menubar ul ul li a{
	padding:0 8px;
	height:30px;
	width:204px;
	line-height:30px;
	font-size:14px;
}
#menubar ul ul li a:hover,#menubar ul ul li a.menu_on{
	color:#000;
	background:#d3dff4;
}
#menubar ul ul ul{
	width:200px;
	border:1px solid #000;
	position:absolute;
	left:220px;
	top:-1px;
	background:#6975AA;
	display:none;
}
#menubar ul ul ul li{
	overflow:hidden;
	width:200px;
}
#menubar span.arrow{
	position:absolute;
	right:5px;
	top:13px;
}
#banner{
	margin:23px auto;
	width:960px;
	overflow:hidden;
}
#wrapper,.wrapper{
	margin:auto;
	width:960px;
	overflow:hidden;
}
#main{
	width:960px;
	overflow:hidden;
}
#sidebar{
	width:240px;
	overflow:hidden;
	float:right;
}
#productbar, #productbar1, #productbar2, #productbar3, #productbar4{
	width:960px;
	height:420px;
	border:1px solid #dfdfdf;
	background:url(../images/bg_product.jpg);
}
.product_unit{
	padding:0px 10px;
	width:460px;
	height:400px;
	position:relative;
	overflow:hidden;
	float:left;
}
.product_main{
	width:400px;
	height:400px;
	overflow:hidden;
	position:relative;
}
.product_unit h2{
	padding:22px 0 0 0;
	height:53px;
	font-size:16px;
	color:#333;
	text-align:center;
}
.product_img{
	padding:10px 0;
	width:210px;
	overflow:hidden;
	text-align:center;
}
.product_unit h3{
	padding:10px 0;
	font-size:16px;
	color:#333;
}
.product_unit h3 a{
	color:#333;
	text-decoration:none;
}
.product_unit h3 a:hover{
	text-decoration:underline;
}
.product_unit p{
	line-height:20px;
}
.product_unit .buybar{
	position:absolute;
	bottom:21px;
	right:10px;
}
.relations{
	width:215px;
	overflow:hidden;
	clear:both;
}
.relations h3{
	font-size:12px;
	line-height:16px;
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
.relations ul{
	padding:4px 0 0 0;
}
.relations li{
	padding:4px 8px 3px;
	color:#333;
	background:url(../images/point.jpg) 0 11px no-repeat;
}
.relations li a{
	color:#333;
	text-decoration:none;
}
.relations li a:hover{
	text-decoration:underline;
}
#news,.news,#service,#friend{
	width:238px;
	overflow:hidden;
	line-height:20px;
	border:1px solid #dfdfdf;
}
#news{
	height:400px;
}
#news h2,#service h2,#friend h2,.news h2{
	padding:0 0 0 17px;
	width:286px;
	height:38px;
	line-height:38px;
	font-size:16px;
	background:url(../images/bg_title.jpg) no-repeat
}
#news ul,#service ul,.news ul{
}
#news li,#service li,.news li{
	padding:15px 10px 2px 27px;
	color:#999;
	background:url(../images/bg_news.gif) 10px 21px no-repeat;
}
#news li a,#service li a,.news li a{
	color:#222;
	text-decoration:none;
}
#news li a:hover,#service li a:hover,.news li a:hover{
	text-decoration:underline;
}
#news .list,#service .list,.news .list{
	padding:0 0 25px 0;
	width:238px;
	overflow:hidden;
	position:relative;
}
#service .list{
	padding:0 0 15px 0;
}
#news .list{
	height:337px;
}
#news .list .more,#service .list .more,.news .list .more{
	position:absolute;
	right:10px;
	bottom:5px;
}
#news .list .more a,#service .list .more a,.news .list .more a{
	color:#536ea5;
	text-decoration:none;
}
#news .list .more a:hover,#service .list .more a:hover,.news .list .more a:hover{
	text-decoration:underline;
}
#abouts{
	margin:14px auto 0 auto;
	height:90px;
	width:958px;
	overflow:hidden;
	border:1px solid #dfdfdf;
	background:url(../images/bg_about.jpg) repeat-x;
}
#abouts dl{
	width:310px;
	height:90px;
	overflow:hidden;
	float:left;
}
#abouts dl dd{
	padding:17px 0 0 27px;
	height:73px;
	width:103px;
	float:left;
	overflow:hidden;
}
#abouts dl dt{
	padding:20px 0 0 0;
	width:160px;
	float:left;
	color:#666;
}
#abouts dd table{
	width:84px;
	height:59px;
	background:url(../images/bg_aboutimg.jpg) no-repeat;
}
#footer{
    width:100%;
    background:url(../images/bg_foot.jpg) repeat-x;
    display: grid;
    justify-content: center;
    align-items: center;
}
#foot, #foot2{
    margin:10px auto 0;
    width:960px;
    height:20px;
    line-height:20px;
    overflow:hidden;
    display: grid;
    justify-content: center;
    align-items: center;
}
#menubar_foot{
	color:#333;
}
#menubar_foot li{
	float:left;
}
#menubar_foot li a{
	padding:0 10px;
	color:#333;
	text-decoration:none;
}
#menubar_foot li a:hover{
	text-decoration:underline;
}
#copyright{
    padding:0 10px;
	float:left;
}
/* product */
#product_list,#support_list,#company_list,#download_list,#product_detail,#news_detail{
	padding:20px 25px;
	overflow:hidden;
}
.consulting{
	margin-top:10px;
}
.consulting h2{
	font-size:14px;
}
.consulting p{
	color:#333;
	line-height:20px;
}
#position{
	width:950px;
	height:50px;
	line-height:30px;
	padding:0;
}
#position h3{
	font-weight:normal;
}
.product_section{
	margin:10px 0;
	padding-bottom:10px;
	width:900px;
	overflow:hidden;
	position:relative;
	border-top:1px dashed #aeaeae;
}
.product_section h2{
	padding:10px 0;
	width:798px;
	font-size:14px;
}
.product_section h2 a{
	color:#333;
	text-decoration:none;
}
.product_section h2 a:hover{
	text-decoration:underline;
}
.product_section .img{
	padding-right:50px;
	width:230px;
	position:relative;
	overflow:hidden;
	float:left;
	text-align:center;
}
.product_section .img .price{
	position:absolute;
	font-size:14px;
	top:21px;
	right:0;
	width:100px;
	z-index:50;
	text-align:right;
}
.product_section .img .price .formerly{
	text-decoration:line-through;
}
.product_section .img .price .now{
	color:#F00;
}
.product_section .img .price .free{
	position:relative;
	right:25px;
}
.product_section .introduction{
	padding:20px 0 0px 0;
	width:800px;
	overflow:hidden;
	float:left;
	color:#333;
	line-height:20px;
}
.product_section .btn{
	position:absolute;
	left:600px;
	bottom:0px;
}
#service{
	margin-bottom:8px;
}
/* support and company */
.support_unit,.company_unit{
	padding:0 0 30px 0;
	margin:0 0 30px 0;
	width:760px;
	overflow:hidden;
	border-bottom:1px dashed #aeaeae;
}
.support_unit h2,.company_unit h2{
	padding:0 0 15px 0;
	width:798px;
	color:#333;
	font-size:14px;
}
.support_unit .img,.company_unit .img{
	width:220px;
	overflow:hidden;
	float:left;
}
.support_unit .info,.company_unit .info{
	width:530px;
	float:right;
	line-height:30px;
	overflow:hidden;
	color:#333;
}
#support_list,#company_list{	
	padding-bottom:5px;
}
#friend{
	margin-top:8px;
}
#friend ul{
	padding:10px 0 0 18px;
	width:250px;
	height:163px;
	overflow:hidden;
}
#friend li{
	padding:10px 0;
	width:100px;
	text-align:center;
	float:left;
}
#friend li img{
	padding:1px;
	width:80px;
	height:50px;
	border:1px solid #dfdfdf;
}
.height3005{
	height:305px;
}
.news .list{
	height:240px;
}
.margintop23{
	margin-top:23px;
}
/* download */
.download_unit{
	margin:50px 0 0 0;
	width:900px;
	overflow:hidden;
}
.download_unit th{
	color:#0d3f83;
	padding:3px 0;
	border-bottom:1px dashed #aeaeae;
}
.download_unit td{
	padding:10px 0 0px 0;
}
#product_detail{
	line-height:24px;
}
#product_detail h2{
	margin:0 0 15px 0;
	padding:10px 0 10px;
	font-size:18px;
	border-bottom:1px dashed #aeaeae;
}
#product_detail .pbtn_list{
	padding:15px 0 0 0;
	width:880px;
	overflow:hidden;
	text-align:right;
}
#product_detail .detail_unit{
	width:900px;
	overflow:hidden;
}
#product_detail .detail_unit .img{
	padding:7px 10px 10px 0;
	float:left;
}
#product_detail .detail_unit p{
	padding:15px 0 0 0;
}
#product_detail .detail_unit p.top{
	padding:0;
}
.detail_unit h3{
	padding-bottom:5px;
	margin:15px 0 5px;
	font-size:12px;
	width:658px;
	border-bottom:1px dashed #aeaeae;
}
.detail_unit .maininfo{	
	width:650px;
	line-height:26px;
	padding:0px 240px;
}
.maininfo_img{
	float:right;
}
.detail_unit .info{	
	width:880px;
}
.news_unit .title{
	padding:15px 0;
	font-size:16px;
}
.news_unit .date{
	margin:0 0 20px;
	padding:0 0 20px 0;
	border-bottom:1px dashed #aeaeae;
}
.news_unit .cnt{
	padding:0 0 15px 0;
	line-height:24px;
}