@charset "utf-8";
/* 10000idc -- CSS Document */
body{ font-size:12px; background:#FFF; color:#8b8b8b; text-align:center; font-family:"宋体";}
a{ color:#8b8b8b; text-decoration:none;}
a:hover{ color:#f60;}
li{ list-style:none;}
.clear{ clear:both; }
div,ul,li,img{ padding:0; margin:0;}


#topBTN{ display:block; width:17px; height:400px;position:absolute; }

/* top part*/
#top{ display:block; width:1007px; height:72px; text-align:center; margin:auto; padding:auto}
.logo{ display:block; width:308px; height:64px; float:left;}

.nav{ display:block; width:699px; height:64px; float:left;}
.nav ul{ display:inline-block ; margin-left:17px; margin-top:36px;}
.nav ul li{ float:left;}
.home{ display:block; width:88px; height:28px;}
.other{ display:block; width:115px; height:28px;}

.barOuter{ display:block; width:100%; height:40px;background:url(topBarBG.gif) repeat-x left top; text-align:center; margin-top:0px; padding:auto;}
.topBar{ display:block; width:1007px; height:40px; background:url(topBarBG.gif) repeat-x left top; text-align:center; margin:auto;}
.topBar ul{ display: inline-block; margin-top:9px;}
.topBar ul li{ display:block; float:left;}
.txt01{width:215px; height:17px; background:url(barTxt01.gif) no-repeat center center; margin-left:30px;}
*html .txt01{width:215px; height:17px; background:url(barTxt01.gif) no-repeat center center; margin-left:38px;}
*+html .txt01{width:215px; height:17px; background:url(barTxt01.gif) no-repeat center center; margin-left:76px;}
.txt02{width:200px; height:16px; background:url(barTxt02.gif) no-repeat center center; margin-left:480px;}
*html .txt02{width:200px; height:16px; background:url(barTxt02.gif) no-repeat center center; margin-left:380px;}
*+html .txt02{width:200px; height:16px; background:url(barTxt02.gif) no-repeat center center; margin-left:468px;}



/*-----------*/

/* main part */
#main{
	display:block;
	width:1007px;
	height:100%;
	text-align:center;
	padding:auto;
	margin:auto;
}
.split{ display:block; width:20px; height:100%; float:left;}

.banner{ display:block; width:1007px; height:328px; text-align:center;}
.banner div{ display:inline-block; margin-left:53px; }
.banner div img{ float:left;}

.about_banner{ display:block; width:1007px; height:328px; text-align:center;}
.about_banner div{ display:inline-block; margin-left:43px; }
.about_banner div img{ float:left;}

/*left*/
.left{ display:block; width:609px; height:100%; float:left; margin-left:47px;}
*html .left{ display:block; width:609px; height:100%; float:left; margin-left:23px;}
.left_title{ display:block; width:609px; height:33px; background:url(leftTitle.gif) no-repeat  left center; text-align:left;}
.left span{ display:inline-block; margin-left:14px; margin-top:13px; font-size:14px; color:#727272; font-weight:700;}


.index_content li{ display:block; width:609px; height:261px; border-bottom:1px solid #dfdfdf;}

.left_pic{ display:block; width:330px; height:218px; float:left; margin:20px 0; border:1px solid #cccccc;}
.left_content{ display:block; width:277px; height:220px; float:left;margin:20px 0;}

.left_content div{ display:block; width:261px;  clear:both; text-align:left; line-height:22px; margin-left:16px; }

.left_logo { height:72px;}
.left_txt{ height:148px; text-align:left;}
.left_txt span{  margin:0; line-height:28px; text-align:left;}
.left_txt a{ line-height:24px;}

	/* about.htm */
	.about_content{ display:inline-block;  margin:8px 10px 0 5px; text-align:left;}
	.about_content li{ border:0; display:inline-block;}
	.about_content div{ clear:both;}
	.about_content a{ color:#f60;}
	.about_title{ display:block; width:596px; height:25px; text-align:left;}
	.about_txt{ display:block; width:596px; line-height:20px; text-align:left;}
	.about_txt p{ margin:18px 0;}
	/*service.htm*/
	.serTop{ display:block; width:590px; height:100%; background:url(book01.jpg) no-repeat right top; text-align:left;line-height:20px;}
	.serTop p{ width:590px;}
	.serTop  span{ font-size:14px; font-weight:700; color:#8d8d8d; margin:0; padding:0;}
	.serTop ul li{ float:left;}
	.serTopLeft{ display:block; width:85px; text-align:right;}
	.serTopRight{ display:block; width:345px; text-align:left; line-height:20px;}
	
	.serTop a{ color:#99cc00;}
	.serTop a:hover{ color:#f60;}

	
	
	.serFoot { display:block; width:600px;text-align:left; margin-top:20px;}
	.serFoot ul{ display:inline-block; margin-top:18px;}
	.serFoot  span{ font-size:14px; font-weight:700; color:#8d8d8d; margin:0; padding:0;}
	.case_side{ display:block; width:187px; height:137px; float:left; text-align:center; line-height:24px;}
	.case_center{ display:block; width:187px; height:137px; float:left; text-align:center; margin:0px 13px;line-height:24px;}
	.pic{ display:block; width:159px; height:98px; text-align:left; background:url(picbg.gif) no-repeat center center;}
	.pic img { margin-top:9px; margin-left:10px;}
	
	.liuchen{
	display:block;
	width:600px;
	height:800px;
	text-align:center;
}
	.arrow01{
	display:block;
	width:160px;
	height:81px;
	float:left;
	text-align:center;
	padding-top:41px;
}
	.arrow02{ display:block; width:211px; height:82px; float:left; text-align:center; padding-top:5px;}
	.liuchenTXT{ display:block; width:211px; height:121px; text-align:center; float:left; text-align:center;}
	.blank{
	display:block;
	width:370px;
	height:87px;
	float:left;
}
	
	.charges{ display:block; width:598px; height:100%; border:1px solid #c0c0c0; border-bottom:0; }
	
	#charLeft{ float:left;display:block; width:170px;  border-bottom:1px solid #c0c0c0; border-right:1px  solid #c0c0c0; text-align:center; color:#5f5f5f; font-weight:700;  padding: auto;}
	#charRight{ float:left;display:block; width:427px;  border-bottom:1px solid #c0c0c0;  color:#4d4d4d; line-height:20px; text-align:left; padding:8px;  padding:0; margin:0;}
	*html #charRight{ float:left;display:block; width:427px;  border-bottom:1px solid #c0c0c0;  color:#4d4d4d; line-height:20px; text-align:left; padding:6px;  padding:0; margin:0;}
	#charRight p{ margin:8px;}
	*html #charRight p{ margin:6px;}
	
	#charLeft2{ float:left;display:block; width:142px;  border-bottom:1px solid #c0c0c0; border-right:1px  solid #c0c0c0; text-align:center; color:#5f5f5f; font-weight:700;  padding: auto;}
	#charRight2{ float:left;display:block; width:380px;  border-bottom:1px solid #c0c0c0; color:#4d4d4d; line-height:20px; text-align:left; padding:8px;  padding:0; margin:0;}
	#charRight2 p{ margin:8px;}
	*html #charRight2{ float:left;display:block; width:380px;  border-bottom:1px solid #c0c0c0; color:#4d4d4d; line-height:20px; text-align:left; padding:6px;  padding:0; margin:0;}
	#charRight2 p{ margin:8px;}
	*html #charRight2 p{ margin:6px;}
	#charCenter{ float:left;display:block; width:74px;  border-bottom:1px solid #c0c0c0;border-right:1px  solid #c0c0c0; text-align:center; color:#4d4d4d; padding:8px;  padding:0; margin:0;}
	*html #charCenter{ float:left;display:block; width:74px;  border-bottom:1px solid #c0c0c0;border-right:1px  solid #c0c0c0; text-align:center; color:#4d4d4d; padding:6px;  padding:0; margin:0;}

	
	.clTitle{ display:block;width:170px; border-bottom:1px solid #c0c0c0; border-right:1px  solid #c0c0c0; height:34px; line-height:34px; background:#f3f3f3; font-size:14px; font-weight:700; color:#777777; float:left; text-align:center}
	.crTitle{ display:block;width:427px;  height:34px; line-height:34px; background:#f3f3f3; font-size:14px; font-weight:700; color:#777777; float:left; text-align:center;border-bottom:1px solid #c0c0c0;}
	
	.clTitle2{ display:block;width:142px; border-bottom:1px solid #c0c0c0; border-right:1px  solid #c0c0c0; height:34px; line-height:34px; background:#f3f3f3; font-size:14px; font-weight:700; color:#777777; float:left; text-align:center}
	.crTitle2{ display:block;width:380px;  height:34px; line-height:34px; background:#f3f3f3; font-size:14px; font-weight:700; color:#777777; float:left; text-align:center;border-bottom:1px solid #c0c0c0;}
	.ccTitle{ display:block;width:74px;  height:34px; line-height:34px; background:#f3f3f3; font-size:14px; font-weight:700; color:#777777; float:left; text-align:center;border-bottom:1px solid #c0c0c0;border-right:1px  solid #c0c0c0;}
	
	/*support.htm*/
	.sup_title{ display:block; width:609px; height:38px; line-height:38px; border-bottom:1px solid #dcdcdc; text-align:center; font-size:16px; font-weight:700; color:#989898;}
	.sup_time{ display:block; width:609px; height:22px; line-height:22px; color:#cdcdcd; text-align:right;}
	.sup_content{ display:block; width:609px; height:100%; text-align:left; color:#727272; line-height:22px; margin-top:20px;}
	.sup_content span{ color:#cdcdcd; margin:0; padding:0; font-size:12px; font-weight:100;}
	.sup_page { display:block; width:609px; height:68px; line-height:68px; text-align:center;}
	*html .sup_page { display:block; width:609px; height:20px; line-height:20px; text-align:center; margin:20px 0;}
	
	/*contact.htm*/
	.conTitle{ display:block; width:609px; height:24px; text-align:left; margin-top:16px; margin-bottom:8px; clear:both;}
	.conTitle2{ display:block; width:609px; height:28px; text-align:left; margin-top:16px; margin-bottom:8px; border-bottom:1px solid #e4e4e4; clear:both;}
	.contact{ display:inline-block; margin-bottom:26px;}
	.contact li{ line-height:22px; text-align:left; padding-left:3px;}
	.contact li li{ text-align:center;}
	.qq{ display:block; width:140px; height:60px; text-align:center; line-height:18px; float:left;}
	.blank2{ display:block; width:83px; height:60px; float:left;}
	
	/*pay.htm*/
	.pay{ display:block; width:600px; height:100%; color:#636363; border:1px solid #cdcdcd; padding:0; margin:0; border-bottom:0;}
	.pay_left{ display:block; width:234px; height:65px; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; float:left; text-align:center; }
	.pay_center{ display:block; width:190px; height:65px; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; float:left;text-align:center;}
	.pay_right{ display:block; width:165px; height:65px; border-bottom:1px solid #cdcdcd; float:left; text-align:center;}
	.pay_left img{ margin-top:10px;}
	
	/*msglist.asp*/
	.msg{ display:block; width:600px; height:200px; text-align:left; margin-top:20px;}
	.msgleft{ display:block; width:250px; float:left; line-height:30px;}
	.msgleft li{ display:block; width:250px; height:30px;}
	*html .msgleft li{ display:block; width:250px; height:31px;}
	
	.msgRight{ display:block; width:330px; float:left; margin-left:20px;}
	.input{ border:1px solid #cdcdcd; width:165px; height:16px;}
	.area{ border:1px solid #cdcdcd; height:125px;}
	.btn{ display:block; width:600px; height:20px; text-align:center; margin-top:20px;}
	.msgTitle{ display:block; width:600px; border-bottom:1px solid #eaeaea; height:30px; line-height:30px; font-size:14px; text-align:left;}
	.msglist{text-align:left; line-height:24px;}
	
	.msgwhite{ display:block; width:590px; height:100%; padding:10px 0;}
	.msgcolor{ display:block; width:590px; height:100%; background:#f4f9ff; border:1px solid #edf0f1;padding:10px 0;}
	*html .msgwhite{ display:block; width:595px; height:100%; padding:10px 0;}
	*html .msgcolor{ display:block; width:595px; height:100%; background:#f4f9ff; border:1px solid #edf0f1;padding:10px 0;}
	*+html .msgwhite{ display:block; width:595px; height:100%; padding:10px 0;}
	*+html .msgcolor{ display:block; width:595px; height:100%; background:#f4f9ff; border:1px solid #edf0f1;padding:10px 0;}
	
	.dot{ display:block; margin-left:10px; width:14px; float:left;}
	.dot img{ margin-top:0px;}
	*html .dot{ display:block; margin-left:6px; width:14px; float:left;}
	*html .dot img{ margin-top:4px;}
	.mleft{ display:block; width:66px; float:left; margin-left:3px;}
	*html .mleft{ display:block; width:60px; float:left; margin:0; padding:0; margin-left:4px;}
	.mright{ display:block; width:500px; float:left;}
	*html .mright{ display:block; width:500px; float:left; margin:0; padding:0;}
	.backtime{ display:block; width:180px; float:left; margin:0; padding:0; text-align:right; color:#c0c0c0;}

	

/*right*/
.right{ display:block; width:275px; height:100%; float:left;}
.right_title{ display:block; width:275px; height:26px; background:url(rightTitle.gif) no-repeat center center; text-align:left; margin-top:6px;}
.right_title span{ display:inline-block; margin-left:18px; line-height:26px; font-size:14px; font-weight:700; color:#FFF;}
.solution li{ display:block; width:275px; height:68px; border-bottom:1px solid #eaeaea; text-align:left;}
.solution div{ display:block; height:44px; float:left;}
.num{ width:44px; margin:12px 14px 12px 5px;}
*html .num{ width:44px; margin:12px 12px 12px 3px;}
.price{ width:212px; margin-top:18px;}
.price a{ font-size:14px; font-weight:700; color:#727272; line-height:20px;}
.price a:hover{ color:#f60;}
.col{ color:#bed52f; font-family:Tahoma, Geneva, sans-serif; font-weight:100; font-size:11px; line-height:11px;}
.right_foot{ display:block; width:275px; height:27px; text-align:right; background: url(right_FOOT.gif) no-repeat center center; line-height:27px;}
.right_foot span{ display:inline-block; margin-right:15px;}
.right_foot a{ color:#454545;}
.right_foot a:hover{ color:#f60;}

.right_content{ display:block; width:263px; line-height:20px; padding:6px; text-align:left;}
.case li{ display:block; width:275px; height:33px; border-bottom:1px solid #ebebeb; line-height:33px; text-align:left;}

.case li span{ color:#99cc00;}

.page { margin-left:12px;}
.page a{ padding:0; margin:0;}
.page ul li{ display:block;list-style:none; float:left;  width:30px; height:25px; margin:0px; padding:0; text-align:center; margin-left:6px; }
*html .page ul li{ list-style:none; float:left; display:block; width:36px; height:25px; margin:0px; padding:0;}
*+html .page ul li{ list-style:none; float:left; display:block; width:40px; height:25px; margin:0px; padding:0;}
*+html .pindex{font-size:12px; height:19px; line-height:12px; margin-top:0px;}
*html .pindex{font-size:12px; height:18px; line-height:12px; margin-top:3px;}


/* foot part */
#fouter{display:block; width:100%; height:150px; text-align:center; background:#7c7c7c; clear:both; padding:0; margin:0; margin:auto; padding:auto;}
#foot{ display:block; width:1007px; height:150px; text-align:center; margin:auto;}
.idea{ display:block; width:293px; height:49px; float:left; margin-left:47px;}
*html .idea{ display:block; width:293px; height:49px; float:left; margin-left:24px;}
.copyright{ display:block; width:610px; height:45px; float:left; text-align:right; color:#cecece; line-height:18px; padding-top:4px;}
#foot ul{ display:block; width:910px; margin-top:16px; height:64px; margin-left:47px; }
*+html #foot ul{ display:block; width:910px; margin-top:16px; height:64px; margin-left:3px; }
*html #foot ul{ display:block; width:910px; margin-top:16px; height:64px; margin-left:0px; }
#foot ul li{ float:left; display:inline-block;}
.flogo{ margin:0; margin-right:128px;}
.fover{ margin:0;}

#foot a{ color:#cecece;}
#foot a:hover{ color:#f60;}