@charset "utf-8";
/*
	Author:Hoi Choi
	Email:ccaaii@qq.com
	Update:20130223
*/	
*{ margin:0; padding:0;}
body{
	font:12px/1.5 "SimSun","宋体", Verdana, Geneva, sans-serif;
	text-align:center;
	color:#535353;
	background-color: #FFFFFF;
}
.layout {
	clear: both;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}

ul,li{ list-style-type:none;}
a:link,a:hover,a:active,a:visited{ text-decoration:none; color:#333;}
img{border:none;}
.wraper{
	text-align:left;
}
.c{clear:both;}
.header .banner{
	text-align: center;
	background: url(../images/banner.jpg);
	height: 323px;
	width: 1100px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.btn1,.btn11,.btn2,.btn22,.btn3{
	cursor:pointer;
	position:absolute;
	color:#fff;
}
.header .banner .btn1{
	width: 65px;
	height: 25px;
	padding-top: 23px;
	padding-left: 20px;
	left: 695px;
	top: 212px;
}
.header .banner .btn11{
	width: 65px;
	height: 25px;
	padding-top: 23px;
	padding-left: 20px;
	left: 802px;
	top: 212px;
}

.header .banner .btn2{
	top: 212px;
	left: 968px;
	width: 45px;
	height: 45px;
}
.header .banner .btn22{
	top: 212px;
	left: 906px;
	width: 45px;
	height: 45px;
}

.header .banner .btn3{ bottom:15px;	right:10px;}
.header .banner .btn3 a{color:#fff;margin:0 10px;}

.header .contentwrap{
	/* [disabled]height: 43px; */
	/* [disabled]overflow: hidden; */
}
.header .contentwrap .logo{ height:65px; padding-top:6px;}

.container{
	width: 1100px;
	margin: 0 auto;
}
.container p{ line-height:25px;margin:10px 0;}

.container .partOne,.container .partTwo{
	float: none;
}
.container .partOne{
	clear: left;
}
.container .partTwo{
	width: 320px;
	float: right;
}
.container .partTitle{height:35px; line-height:35px; color:#3287c0; font-size:16px; font-weight:bold;}
.container .partOne .partTitle{
	border-bottom: 2px solid #D0E3F9;
	font-family: "微软雅黑", "宋体", Arial;
} 
.container .partTwo .partTitle{
	background-image: url(../images/functit.gif);
	background-repeat: no-repeat;
	border-bottom: 2px solid #bed9f6;
	margin-top: 15px;
	background-position: 0 0;
} 

.container .partTwo .partContent{margin-top:10px;}
#Calculator .container .partOne .partContent{ margin-top:15px;}
.partOne .partContent .mr{
	margin-right: 40px;
}
.partOne .partContent .partContentItem{
	float: left;
	width: 370px;
	height: 121px;
}
.partOne .partContent .partContentItem h3{
	padding-left: 25px;
	border-bottom: 1px dotted #666;
	background: url(../images/h3bg.gif) no-repeat left 2px;
	font: bold 18px "微软雅黑", "宋体", Arial;
	color: #666;
	margin-bottom: 5px;
	height: 32px;
}

#Calculator .partOneBox{
	float: none;
	/* [disabled]width: 640px; */
	margin-right: 10px;
}
#Calculator .partOne{
	width: 780px;
}
#Calculator .partTwo{
	width: 280px;
	margin-top: 10px;
}
.contactItem{ border:1px solid #bcccde; padding-bottom:2px; margin-bottom:5px;}
.videoItem{ background:url(../images/video.jpg) center center; height:132px; position:relative;}
.videoItem a{ position:absolute; display:block; width:75px; height:20px; left:170px;}
.videoItem a.free{top:75px;}
.videoItem a.advance{ top:105px;}
.contactItem .contactTitle{ padding-left:10px; font:bold 14px/25px Tahoma, Geneva, sans-serif; border-bottom:1px solid #bcccde;}
.contactItem .contactContent{padding:10px;}

.container .partOne .partContent table {
	background-color: #b9c9e2;
	text-align: center;
	margin-bottom: 10px;
	width: 100%;
}
.container .partOne .partContent th {
	background-color: #eff2f7;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	font-weight: normal;
	padding: 3px 6px;
}
.container .partOne .partContent td {
	font-size: 12px;
	line-height: 32px;
	color: #666666;
	height: 32px;
	background-color: #FFFFFF;
	padding:3px;
}



/* 功能导航 */
.partOneLeft,.partOneRight{
	float: left;
	padding-top: 10px;
}
.partOneLeft{
	margin-right: 35px;
	width: 260px;
}
.partOneLeft p{ line-height:21px; }
.partOneRight{
	width: 805px;
}

.leftBar{ padding-top:5px;}
.leftBar div{ line-height:30px; background:#e9f2fd; text-align:center;padding:1px; border-left:1px solid #8aaacf;border-right:1px solid #8aaacf;border-bottom:1px solid #d2dfea; }
.leftBar div.lastdiv{border-bottom:1px solid #8aaacf;}
.leftBar div a{display:block;color:#000;font-weight:bold;}
.leftBar div a:hover,.leftBar div a.curRootA{background:url(../../UCalculator/images/shiliItemHover.png) left top;text-decoration:none;}
.leftBar div a.curA{background:url(../images/curA_bg.gif) no-repeat 180px 50%;}
.leftBar h2.leftTitle{
	height: 32px;
	text-align: center;
	background: url(../../images/softwaregndh_title.png) no-repeat left top;
	color: #0068b7;
	font: bold 16px Tahoma, Geneva, sans-serif;
	line-height: 32px;
}
.leftBar ul.shiLiList{border:1px solid #8aaacf; border-top:none;padding:1px; display:none;}
.leftBar ul.shiLiList li{text-align:center;}
.leftBar ul.shiLiList a,
.leftBar ul.shiLiList a:visited{display:block;color:#0068b7; text-decoration:none;height:32px;line-height:32px; text-align:center;border-bottom:1px solid #ccc;}
.leftBar ul.shiLiList li.mainLi a,
.leftBar ul.shiLiList li a:hover{color:#0068b7; font-weight:bold; text-decoration:none;}
.leftBar ul.shiLiList li ul{display:none;}
.leftBar ul.shiLiList li.mainLi ul{display:block;}
.leftBar ul.shiLiList li.mainLi ul li a{ background-image:none; color:#333; font-weight:normal;}
.leftBar ul.shiLiList li.mainLi ul li a:hover{  text-decoration:underline; color:#900;}

#gndh .partOneRight .partContent{background:none; height:auto;}
#gndh .partOneRight .partContent h2.shiliTitle,
#yysl .partOneRight .partContent h2.shiliTitle,
#yyzw .partOneRight .partContent h2.shiliTitle {
	font: italic bold 16px "微软雅黑", "宋体", Arial;
	color: #3187c2;
	border-bottom: 2px solid #e3eff7;
	line-height: 32px;
	margin-top: 5px;
	margin-bottom: 10px;
}


/* qa page style */
#qa .container .partOne,#qa .container .partTwo{ float:none;}
#qa .container .partOne,#qa .container .partTwo{ width:auto;}
#qa .container .partOne .partTitle,#qa .container .partTwo .partTitle{ border:none; border-bottom:2px solid #e3eff7;}
#qa .container .partOne .partContent{background:url(../images/line.gif) no-repeat center center; height:316px; margin:0; padding:20px 0;} 
#qa .partContent .qaItem1,#qa .partContent .qaItem2{ width:450px; float:left;}
#qa .partContent .qaItem1{ margin-right:60px;}
#qa .partContent .line{ float:left; width:50px; text-align:center;}
#qa .partContent dt{ padding-left:20px; background:url(../images/qa_ico.png) no-repeat left center; color:#0068b7; font-weight:bold;line-height:25px;}
#qa .partContent dd{cursor:pointer; }
#qa .partContent dd span{ color:#f00; font-weight:bold; padding-left:20px;} 
#qa .partContent .answerBox{ 
    display:none;
	width:420px;
	position:absolute;
	border:1px solid #FC0;
	background-color:#fff;
	padding:5px;	
	color:#F60;
	z-index:10;	
}
#qa .pagebar{ line-height:25px; height:25px; background-color:#e2e3e2; clear:both; text-align:right; 1margin-top:20px;}
#qa .pagebar span{border:1px solid #ccc; margin:0 3px;padding:3px 5px;text-align:center; background-color:#fff; cursor:pointer;}
#qa .pagebar span.curpage{ background-color:#666; color:#fff; cursor:default;}
.dis{display:block;}
.undis{display:none;}

/* dbox */
.dbox{
	width:443px;
	height:231px;
	position:absolute;
	background:url(../images/downloadbg.png);
	display:none;
	z-index:20;
}
a.closebtn,a.downloadbtn{	display:block;	position:absolute; cursor:pointer;}
.dbox p{position:absolute;}
.dbox a.closebtn{ width:20px; height:20px;left: 410px;	top: 7px;}
.dbox a.downloadbtn{
	width:152px;
	left: 181px;
	top: 116px;
	color:#fff;
	padding-top:25px;
}
.dbox p.agreement{left: 50px; top: 75px;}
.dbox p.tip{
	left: 50px;
	top: 178px;
	color:#f00;
}

/*在线客服*/
#service .kf{background:url(../../images/index201201/kf_status2.png) no-repeat; width:99px; height:112px; text-align:left; padding-top:90px; padding-left:35px; line-height:26px;position:relative; float:left;}
#service img{border:0 none; cursor:pointer;}
#service .kf a:hover{ color:#a00; text-decoration:underline;}
#service .kf em{
	position:absolute;
	width: 50px;
	left: 83px;
	top: 0px;
	height: 16px;
	cursor:pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
}
