@charset "utf-8";
/* CSS Document */

@import url(common.css);
*html{ overflow-x:hidden;}
#wrap{margin:0 auto;width:880px;}
#wrap .right{ width:190px;}
#wrap .left{ position:relative; width:670px;}
h2.tit,h2.service,h2.all{width:100%; height:28px; line-height:28px; text-indent:10px; background:url(/images/rep_x.gif) repeat-x 0 -148px;}
h2.service{ background-position:0 -192px;}
h2.all{ background-position:0 -239px;}
h2.tit span.le,h2.service span.le,h2.all span.le{ width:7px; height:28px; background:url(/images/back.gif) no-repeat -174px -35px;}
h2.service span.le{ background-position: -109px -89px;}
h2.all span.le{ background-position:-147px -89px;}
.biaot{ width:400px;overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.rull{ width:140px;}
h2.tit span.ri,h2.service span.ri,h2.all span.ri{width:7px; height:28px;  background:url(/images/back.gif) no-repeat -182px -35px;}
h2.service span.ri{ background-position:-117px -89px;}
h2.all span.ri{ background-position:-155px -89px;}
a.pre,a.next,a.pre:hover,a.next:hover{ display:inline-block; margin-top:3px; margin-right:5px; width:59px; height:21px; background:url(/images/back.gif) no-repeat -207px -35px;}
a.next{ background-position:-269px -35px;}
a.pre:hover{ background-position:-207px -66px;}
a.next:hover{ background-position:-269px -66px;}


h2.bott,h2.service_bott{ width:100%; height:4px; line-height:1px; overflow:hidden; background:url(/images/rep_x.gif) repeat-x 0 -179px;}
h2.service_bott{ background-position:0 -232px;}
h2.bott span,h2.service_bott span{ width:4px; height:4px; background:url(/images/back.gif) no-repeat -194px -59px;}
h2.service_bott span{ background-position:-126px -113px;}
h2.bott span.ri{ background-position:-199px -59px;}
h2.service_bott span.ri{ background-position:-134px -113px;}
.mark,.left_con{ width:188px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background:#fff;}
.mark ul.bq{ margin:0px auto; width:160px; padding-top:5px; overflow:hidden;}
.mark ul.bq li{width:160px; height:20px; line-height:20px;}
.mark ul.line_list{margin:0px auto; width:186px; padding-top:5px; overflow:hidden;}
.mark ul.line_list li{width:164px;  padding:2px 13px 5px; line-height:1.5em; background:url(/images/line_list.gif) repeat-x bottom;}
.service_c{width:186px; padding:0 1px; border-left:1px solid #C5D6E3; border-right:1px solid #C5D6E3; background:#F4F8FB;}
.service_c .con{ width:186px; background-color:#ECF4FA}
.service_c .con table{ margin:5px auto;}
.service_c .con td{ line-height:1.8em;}
a.tw{ display:block; margin:3px auto; width:136px; height:30px; background:url(/images/back.gif) no-repeat 0 -124px;}

.left_con{width:644px; padding:12px;}
.left_con_all{width:668px;padding:0px; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#fff;}
.left_con h3{ color:#4B8ED2;}
.left_con .con{ margin:8px auto; width:100%;}
.left_con h5{ margin:5px auto; width:100%; font-size:12px; }
input.name,input.mail,input.biaoti{ width:64px; height:17px; border:1px solid #999;}
input.mail{ width:89px;}
input.biaoti{ width:635px; height:20px; line-height:20px;}
textarea.huiy{ width:635px; height:150px; border:1px solid #999;}
input.fab{ width:97px; height:28px; border:0; background:url(/images/back.gif) no-repeat 0 -89px;}

a.product,a.product:hover,a.product_cur{ display:block; margin-bottom:5px; width:190px; height:33px; line-height:33px; text-align:center; font-size:14px; background:url(/images/button.gif) no-repeat 0 0;}
a.product:hover,a.product_cur{ background-position:0 -33px; font-weight:bold;}
h2.help{display:block; margin-bottom:0px; width:190px; height:33px; line-height:33px; text-align:center; font-size:14px; background:url(/images/button.gif) no-repeat 0 -33px;}

h4.long_tit{ width:670px; height:28px; line-height:28px; text-indent:7px; background:url(/images/long_tit.jpg) no-repeat;}

ul.pro_list{ margin:0 auto; width:96%; min-height:400px; *min-height:400px; _height:400px}
ul.pro_list li{position:relative; width:648px;  background:url(/images/line_list.gif) repeat-x bottom;}
ul.pro_list li a{ display:block; padding-left:7px; height:35px; line-height:35px; color:#337EB2;}
ul.pro_list li a:hover{ color:#000;}
ul.pro_list li span.sanj{ margin-right:15px; width:17px; height:24px; background:url(/images/sanjiao.gif) no-repeat -0px -2px;}
ul.pro_list li span.lieb_tit{ display:inline-block; width:600px; overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.pro_ef{ width:100%; height:auto;}
.pro_ef .con{ width:612px; _width:612px; padding:10px 17px; line-height:1.8em;border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background:#fff;}
.pro_ef .con a{
	color:#000;
	padding:auto;
	height:auto;
	display:inline;
}
a.sanj_open{margin-right:0px; width:17px; height:24px; background:url(/images/sanjiao.gif) no-repeat -0px -30px;}

span.check{ display:inline-block; width:100px;height:30px; line-height:30px;}

/*for help_all*/
h4.posi{ margin:0 auto; width:662px; height:27px; line-height:27px; text-indent:17px; background:url(/images/posi.gif) no-repeat;}
ul.pro_list1{ margin:0 auto; width:650px;}
ul.pro_list1 li{ position:relative; width:648px;  background:url(/images/line_list.gif) repeat-x bottom;}
ul.pro_list1 li a{ display:block; padding-left:7px; height:35px; line-height:35px; color:#337EB2;}
ul.pro_list1 li a:hover{ color:#000;}
ul.pro_list1 li span.sanj{ margin-right:15px; width:17px; height:24px; background:url(/images/sanjiao.gif) no-repeat -0px -2px;}
ul.pro_list1 li span.lieb_tit{ display:inline-block; width:600px; overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.pro_ef1{ width:100%; height:auto;}
.pro_ef1 .con{ width:606px; padding:10px 20px; line-height:1.8em;background:#fff;}
.pro_ef1 .con .type { width:100%;}
.pro_ef1 .con .type a{ display:inline;}
span.seo{ width:450px; overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}

/*for register*/
#main{width:871px; background:#fff url(/images/reg.gif) repeat-y; height:443px}
#main .right{ display:inline; margin:0 8px; width:177px;}
#main .right h4{ margin:20px auto;  width:136px;}
#main .left{ margin:0 90px; width:490px;}
ul.reg2{ margin-top:50px; width:100%; overflow:hidden;}
ul.reg2 li{ width:490px; height:22px; line-height:1.7em; color:#666;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
ul.reg2 li.exp,ul.reg2 li.exp1{ margin:10px; width:410px; height:auto; padding-left:90px; color:#999;}
ul.reg2 li.exp1{ margin-bottom:-10px; padding-left:80px;}
ul.reg2 li span.tit{ margin-right:10px;width:90px; text-align:right; }
ul.reg2 li span.kuang{ margin-right:10px; width:203px; height:21px;}
input.reg_input{ width:203px; height:19px; line-height:19px; border:1px solid #ccc;}
ul.reg2 li span.info{ width:150px;_padding-top:5px;}
ul.reg2 li span.info img{ margin-right:5px;vertical-align:middle;}

ul.reg3,ul.reg4{ margin:20px auto; width:90%; padding-bottom:16px; background:url(/images/line_list.gif) repeat-x bottom;}
ul.reg3 li{ margin-top:10px; width:100%; line-height:1.6em; height:20px;}
ul.reg3 span.tit{ width:150px; text-align:right;}

ul.reg4 li{ margin-top:20px; width:100%; height:20px;}
ul.reg4 span.tit{ width:50px; text-align:right;}
a.reg1{ display:block; margin:5px auto; width:116px; padding-left:20px; height:28px; line-height:28px; font-size:12px; background:url(/images/back.gif) no-repeat -145px  -125px; color:#fff;}
a.over{display:block; width:97px; height:28px; line-height:28px; text-align:center; font-size:14px;background:url(/images/back.gif) no-repeat -145px  -125px; color:#fff;}
#main_none{width:878px; background:#fff; border-left:1px solid #ccc;border-right:1px solid #ccc;}
.thanks{ margin:50px auto 70px; width:714px; height:95px; padding-top:45px; padding-left:55px; border:1px solid #E5E5E5;}
.thanks .con{ width:655px; height:100%; padding-left:75px; color:#818181; line-height:2em; background:url(/images/thanks.gif) no-repeat left top;}
ul.question{margin:50px auto 70px; width:729px; color:#818181; line-height:1.6em;}
a.dl{ display:inline-block; width:67px; height:28px; line-height:28px; background:url(/images/back.gif) no-repeat -333px -125px; color:#fff; font-size:14px;}

#main_none .con_forget{ text-align:center; padding-top:50px; width:500px;}
ul.forget{ width:500px; }
ul.forget li{ width:500px; line-height:3em; height:30px;}
ul.forget li span.tit1{ width:100px;}
ul.forget li.exp2{ width:350px; padding-left:125px;}

/*for control*/
h4.message{ margin:10px auto; width:605px; padding-left:30px; background:url(/images/line_e.gif) repeat-x; text-align:left;}
h4.message a{ display:inline-block; margin-right:5px; width:126px; height:27px; line-height:27px; text-align:center; overflow:hidden; font-weight:normal; background:none;}
h4.message a.cur{width:126px; margin-top:1px; background:url(/images/back.gif) no-repeat 0 -160px; font-weight:bold; text-align:center;}
h4.mess_con{color:#337EB2;}
span.time{ width:120px; }
span.mess_tit{ width:414px; overflow:hidden; text-align:left;}
span.hy{ width:100px;}
p.mess_con1{ margin-top:15px; line-height:2em;}

/*for index*/
.tz{ margin:0 auto 12px; width:884px;}
#banner{margin:0 auto 0px; width:883px; height:285px; text-align:center;}
#banner img{ margin-top:50px;}
.index_three{ margin-right:2px; width:292px; height:286px; background:url(/images/index_back.gif) repeat-y;}
.index_three h4{ width:270px; height:32px; line-height:32px; padding-left:22px; background:url(/images/index.gif) no-repeat 0 0; color:#336699;}
.index_three .con{ width:247px; height:219px; padding:15px 25px 10px 20px;}
.index_three h5{ width:292px; height:10px; font-size:1px; overflow:hidden; background:url(/images/index.gif) no-repeat 0 -40px;}
a.tz_button{ display:block; width:101px; height:24px; line-height:24px; background:url(/images/index.gif) no-repeat 0 -56px; color:#F3F9FF; text-align:center;}
ul.tz_list{ width:205px;}
ul.tz_list li{ width:205px; line-height:1.8em;}
.regimg{
	background:url(/images/regbtn.gif);
	display:block;
	width:67px;
	height:22px;
	float:left;
}ul.art_list,ul.art_list li{width:205px;}
ul.art_list li{list-style:square}