﻿@import url("layout.css");
*{ margin:0; padding:0; }
body { text-align:center; background:url(../images/main-bg.gif) 0 0 fixed #eeefe5; font-family:"微软雅黑"; font-size:14px; color:#414141; line-height:1.5em; }
img { border:0; }
ul,li,dl,ol { list-style:none; }
.fleft { float:left; }
.fright { float:left; }
.clear { clear:both; }
.alignright { text-align:right; }
.aligncenter { text-align:center; }
.line5 {clear:both;font-size:1px;height:5px;overflow:hidden;}
.line10 {clear:both;font-size:1px;height:10px;overflow:hidden;}
.line20 {clear:both;font-size:1px;height:20px;overflow:hidden;}
.line30 {clear:both;font-size:1px;height:30px;overflow:hidden;}
.line40 {clear:both;font-size:1px;height:40px;overflow:hidden;}
.mart10{ margin-top:10px; }.marr20{ margin-right:20px; }
.lheight30{ line-height:30px; }
a { color:#868b6e; outline:none; text-decoration:none; }
	a:hover{ text-decoration:underline; }
.graylink,.graylink a{ color:#868b6e; text-decoration:none; }
	.graylink a:hover{ color:#693; text-decoration:underline; }
.blulink, .blulink a:link, .blulink a:visited{ color:#164A84; text-decoration:none; }
	.blulink a:hover{ color:#FF0000; text-decoration:none; }
h2,h3 { font-size:20px; line-height:1.2em; font-weight:normal; margin-bottom:20px; padding:0 0 0 27px; background:url(../images/arrow1.gif) no-repeat left center; }
	h2 span{ float:right; }
	h2 span a,h2 span a:link{ margin-left:5px; padding:5px 10px; background:url(../images/pagination_btn_bg.jpg) repeat-x; border:1px solid #2188B6; color:#fff; font-size:12px; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
	h2 span a:hover{ background:#52A152; border:1px solid #408F40; text-decoration:none; }
h3 { color:#555; }
h4 { margin-bottom:15px; font-size:16px; line-height:1.2em; }
input.text,textarea.text { padding:4px 0 4px 10px; border:1px solid #D5D6D3; background:none; vertical-align:middle; font-family:"微软雅黑"; font-size:14px; }
input.submit { padding:6px 10px; border:1px solid #6b814b; background:#5c8b1b; color:#FFF; font-family:"微软雅黑"; font-size:14px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; }

.header {  position:relative; }
	.header .navtop { height:62px; overflow:hidden; background:#414141; overflow:hidden; }
	.header .logo { float:left; margin-top:5px; display:block; width:175px; height:52px; background:url(../images/logo.gif) no-repeat; }
	.header .nav { float:left; padding:0 0 0 20px; }
		.header .nav li { float:left; }
		.header .nav li a{ float:left; font-size:16px; text-transform:uppercase; color:#b4f149; text-decoration:none; padding:0 18px; line-height:62px; }
		.header .nav li a:hover,
		#home .header .nav li a.home,
		#product .header .nav li a.product,
		#news .header .nav li a.news,
		#project .header .nav li a.project,
		#down .header .nav li a.down,
		#authorized .header .nav li a.authorized { background:url(../images/nav-bg.gif) no-repeat 50% 100%; color:#fff; }
	.banner{ width:980px; margin:0 auto; padding:30px 0 0 0; height:auto; text-align:left; }
	.banner .intro{ margin-left:30px; width:450px; }
	.banner .intro h1{ margin-top:30px; }
	.banner .intro_text{ margin-top:25px; font-size:14px; color:#525252; line-height:20px; font-weight:normal; }
	.banner .download_button{ margin-top:25px; }
	.computer { margin-right:30px;margin-left:30px; background:url(../images/comp_screen.png) no-repeat; height:337px; width:383px; }
	#gellery{ margin:18px auto auto 18px; width:346px; height:220px; overflow:hidden; }
		#gellery ul li{ float:left; }
		#gellery ul li img{ width:346px; height:220px; background:#eee; }
	
.list2{ width:578px; overflow:hidden; }
	.list2 ul{ width:610px;}
	.list2 ul li{ float:left; width:274px; height:150px; margin-right:30px; }
	.list2 ul li h4{ margin:0; padding:0; color:#000; font-size:16px; font-weight:normal; width:auto; margin-bottom:10px; line-height:18px; }
		.list2 ul li h4 a{ color:#000; }
	.list2 ul li img{ float:left; margin-right:15px; padding-bottom:10px; }
	.list2 ul li p{ font-size:12px; color:#868b6e; line-height:20px; }
.list3{ width:578px; overflow:hidden; }
	.list3 ul li{ clear:both; height:180px; }
		.list3 ul li h4{ margin:0; padding:10px 0 0 0; color:#000; font-size:18px; font-weight:normal; width:auto; margin-bottom:20px; line-height:20px; }
		.list3 ul li img{ float:left; margin-right:25px; }
		.list3 ul li p{ font-size:14px; color:#868b6e; line-height:30px; }
.news dt { color:#414141; padding-top:10px; font-size:14px; }
	.news dd { width:254px; border-bottom:1px solid #eef0e5; padding-bottom:10px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.subnav ul li{ padding-left:24px; width:230px; border-bottom:1px solid #eef0e5; background:url(../images/icon_simple.gif) no-repeat left center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.subnav ul li a{ line-height:2.3em; font-size:16px; color:#868b6e; text-decoration:none; }
	.subnav ul li a:hover{ color:#555; text-decoration:none; }
.content .note{ color:#414141; font-size:14px; line-height:1.8em; }
	.content .note p{ margin-bottom:10px; }
.paylist{}
	.paylist li{ display:block; clear:both; padding:10px 0; }
	.paylist li .text{ width:260px; }
	.paylist li label{ display:inline-block; width:130px; font:bold 14px "微软雅黑"; }
.imglist{ width:880px; overflow:hidden; }
	.imglist ul{ width:950px; }
	.imglist ul li{ float:left; width:260px; height:310px; margin-right:50px; }
	.imglist ul li img{ padding:3px; width:252px; height:180px; border:1px solid #DBDFE0; }
	.imglist ul li b{ display:block; width:260px; font-size:16px; font-weight:normal; line-height:35px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
		.imglist ul li b a{ color:#414141; }
	.imglist ul li span{ color:#868b6e; font-size:12px; line-height:1.5em; }
.imglist2{ }
	.imglist2 ul{ }
	.imglist2 ul li{ margin:20px 0 0; height:186px; padding:0 0 20px; border-bottom:1px solid #b7cad0; }
	.imglist2 ul li b,.imglist2 ul li b a{ display:block; margin-bottom:15px; color:#414141; font-size:16px; line-height:18px; /*white-space:nowrap; text-overflow:ellipsis; overflow:hidden;*/ }
	.imglist2 ul li span{ padding:5px 10px; background:#F1F5F6; border:1px solid #DBDFE0; font-size:12px; }
	.imglist2 ul li p{ margin-top:15px; color:#868b6e; font-size:12px; line-height:22px; }
	.imglist2 ul li img{ float:left; margin-right:20px; padding:3px; border:1px solid #DBDFE0; width:180px; height:180px; }
.imglist3{ width:254px; overflow:hidden; }
	.imglist3 ul{ }
	.imglist3 ul li{ margin:8px 0 0; height:77px; padding:0 0 8px; border-bottom:1px dotted #9E9E9E; }
	.imglist3 ul li b{ display:block; margin-bottom:10px; font-size:14px; line-height:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.imglist3 ul li p{ color:#868b6e; font-size:12px; line-height:18px; }
	.imglist3 ul li img{ float:left; margin-right:10px; border:1px solid #DBDFE0; width:75px; height:75px; }
.newlist{}
	.newlist ul{}
	.newlist ul li{ line-height:2.2em;}
	.newlist ul li a{ color:#414141; }
	.newlist ul li span{ float:right; color:#b7bba3; }
.details{ color:#414141; line-height:1.8em; }
	.details h2{ margin:0 0 10px 0; padding:0; color:#000; font-size:18px; text-align:center; background:none; line-height:1.5em;}
	.details .inner{ display:block; margin-bottom:20px; color:#999; font-size:12px; text-align:center; line-height:1.5em; }
	.details p{ margin-bottom:10px; }
	.details img{ max-width:580px; width:expression((this.width>580)?580:this.width); }
	.details pre{ background:#E9F5FC; border:1px solid #A4D4EC; border-radius:2px; overflow-x:auto; overflow-y:hidden; }
/*顶踩
-------------------------------------------------------*/
.newdigg{ clear:both; margin:30px auto; padding-left:8px; width:406px; height:51px; overflow:hidden; }
.diggbox{ float:left; margin-right:8px; width:195px; height:51px; overflow:hidden; cursor:pointer; }
	.diggbox .digg_act{ float:left; font-size:14px; font-weight:bold; line-height:31px; text-indent:32px; height:29px; overflow:hidden; }
	.diggbox .digg_num{ float:left; line-height:29px; text-indent:5px; }
	.diggbox .digg_percent{ clear:both; padding-left:10px; width:180px; overflow:hidden; }
		.diggbox .digg_percent .digg_percent_bar{ float:left; margin-top:3px; width:100px; height:7px; background:#E8E8E8; border-right:1px solid #CCC;  overflow:hidden; }
		.diggbox .digg_percent .digg_percent_num{ float:left; padding-left:10px; font-size:10px; }
		.diggbox .digg_percent .digg_percent_bar span{ display:block; height:5px; background:#000; overflow:hidden; }
.newdigg .digg_good{ background:url(../images/newdigg-bg.png) left top no-repeat; }
.newdigg .digg_bad{ background:url(../images/newdigg-bg.png) right top no-repeat; }
.newdigg .digg_good .digg_act{ color:#C30; }
.newdigg .digg_good .digg_num{ color:#C63; }
.newdigg .digg_bad .digg_act{ color:#36C; }
.newdigg .digg_bad .digg_num{ color:#39C; }
.newdigg .digg_good .digg_percent .digg_percent_bar span{ color:#ff0000; border:1px solid #E37F24; background:#FFC535; }
.newdigg .digg_bad .digg_percent .digg_percent_bar span{ border:1px solid #689ACC; background:#94C0E4; }

/*评论
-----------------------------------------------------*/
.comment_box{ margin:0px auto 20px auto; padding-top:20px; border-top:1px solid #cde0ec; }
.comment_box h3{ margin:0 0 10px 0; padding:0 0 0 20px; font-size:16px; line-height:30px; border-bottom: 1px solid #999; background:url(../images/icon_comment.gif) no-repeat left 8px; }
.comment_box h3.add{ background-position:left -43px;}
.comment_box h3 span{ float:right; font-weight:normal; font-size:14px; }.comment_box h3 span a:hover{ text-decoration:none; }
.comment_list ul{ list-style-type: none; }
.comment_list ul li{ margin-bottom:15px; border-bottom:1px solid #E1E1E1; margin-left: 0px; }
.comment_list ul li .title{ padding-left:20px; font-weight:bold; line-height:30px; background:url(../images/icon_comment.gif) no-repeat 0 -92px; }
.comment_list ul li .title span{ float:right; font-size:12px; color:#999; font-weight:normal; }
.comment_list ul li .box{ margin-bottom:10px; line-height:1.8em; color:#333; }
.comment_list ul li .reply{ margin-bottom: 15px; padding:3px 10px; border:1px solid #F0C59D; color:#F60; background:#F4EDDD; line-height:1.5em; }
.comment_list ul li .reply .time{ float:right; color:#999; }
.comment_add textarea{ width:566px; height:80px; overflow:auto; }
.comment_add .btns{ margin-top: 10px;}
.comment_add .btns .submit{ float: right; }

/*分享
----------------------------------------------------*/
.share{ /*padding:3px 10px; background:#F1F5F6; border:1px solid #DBDFE0;*/ line-height:18px; }
	.share a{ font-family:"微软雅黑"; }

/*附件下载
----------------------------------------------------*/
.down_list h3{ margin:10px 0 0 0; padding:0; clear:both; font-size: 14px; line-height: 30px; border-bottom: 1px solid #ccc; }
.down_list ul{ margin: 0; padding: 10px; list-style: none; }
.down_list li{ margin: 0; padding: 0 0 0 30px; line-height: 30px; background: url(../images/icon_down.gif) no-repeat left center; }
.down_list li span{ float: right; }
.down_list li i{ margin-left: 10px; font-style: normal; color: #666; }

.footer{ padding: 39px 0 60px; }
	.footer .container{ text-align:left; }
	.footer .services li { float:left; padding-right:10px; }
	.footer .copyright { font-size:14px; }
			.footer .copyright p { line-height:18px; }

/*===================Table=========================================*/
.purchase{ font-size:12px; background:#fff;border-left:3px solid #fff;border-top:3px solid #fff;clear:both;margin:0 auto;width:578px; }
	.purchase tr th{ background:#f7f0d9; border-bottom:2px solid #fff; border-right:2px solid #fff; color:#555; font-size:16px; }
		.purchase th.title{ font-size:16px; font-weight:normal; line-height:20px; padding:8px; text-align:center; }
	.purchase tr td { border-bottom:2px solid #fff; border-right:2px solid #fff; color:#333333; line-height:22px; padding:9px; text-align:center; background:#F5FCE9; }
	.purchase td.title { text-align:left; color:#555; font-size:16px; background:#e1d0ab; }
		.purchase td.title span { color:#fff; float:left; width:50%;}
		.purchase td.col-1 { text-align:left; background:#E9F3FD; }
	.purchase .yes { display:block; margin:0 auto; background:url(../images/yesno.gif) no-repeat; width:16px; height:16px; }
	.purchase .no { display:block; margin:0 auto; background:url(../images/yesno.gif) no-repeat -16px -16px; width: 16px;height: 16px; }
	.purchase .optional{ display:block; margin:0 auto; background:url(../images/yesno.gif) no-repeat 0 -32px; width:16px; height:16px; }
.item_icon{ float:right; margin-top:5px; }
	.item_icon p{ display:inline-block; float:left; background:url(../images/yesno.gif) no-repeat 0 0; font-size:14px; line-height:16px; margin-right:10px; padding-left:20px; text-align:left; }
	.item_icon p.a { background-position: 0 0; }
	.item_icon p.b { background-position: -16px -16px; }
	.item_icon p.c { background-position: 0 -32px; }

/*===================STYLES FOR Tipsy Rollovers=====================*/
.tipsy { padding:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; opacity:1.0; filter:alpha(opacity=100); background:url(../images/tipsy.gif) no-repeat; margin:5px 0 0 0; color:#1F242F; }
  .tipsy-inner { margin:0; padding:5px 8px; background:#0969a6; color:white; max-width:500px; font-family:"微软雅黑"; text-align:center; line-height:normal; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center;}
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }


.q{display:block;}
.ht{font-family: "Microsoft YaHei", "黑体", "宋体";}
.btn1_v2{background-color:#1e6fb0; color:#FF0000; border:1px solid #0dacee; border-right-color:#205891; border-bottom-color:#205891; padding:3px 15px 1px; display:inline-block;}

.btn3_v2{text-align:left; width:273px; padding:15px 0 0 65px; height:70px; color:#FFF;font-size:38px; line-height:38px; background:url(../images/ban_btn1.png) no-repeat 0 0; cursor:pointer;behavior: url("iepngfix.htc");}/*download btn,important*/
.btn3_v2:hover{color:#FFF; background-position:0 -100px; text-decoration: none;}
.btn3_v2:active{color:#FFF; background-position:0 -200px;}
    .style1
    {
        width: 32%;
    }
    .style2
    {
        width: 20%;
    }
    .style3
    {
        width: 23%;
    }
    .style4
    {
        width: 159px;
    }


.cen_item {
	float: left;
	width: 216px;
}
#items {
	float: left;
	width: 749px;
	height: 26px;
	margin-top: 10px;
}
#about {
	line-height: 1.5;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
.All_news li {
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #eeeeee;
	line-height: 27px;
	overflow: hidden;
	text-indent: 2em;
	background-image: url(../images/ping.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.left {
	float: left;
}
.right {
	float: right;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav_center li {
	float: left;
	height: 41px;
	width: 96px;
	text-align: center;
	margin-left: 5px;
	background-image: url(../images/nav.jpg);
	line-height: 58px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	overflow: hidden;
}
img{border:none;}
#nav_center {
	width: 920px;
	float: left;
	margin-left: 15px;
}

.All_news,.All_about {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}