/*
Melinsoft Common Styles
Copyright (c) 2010-2100, jojo. All rights reserved to God. ^_^

update: 2010-3-30
*/


/***********************************************
 * reset
 ***********************************************/
body, html,form, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, span, em { margin:0; padding:0; font-size:12px; font-family:Arial, Tahoma, '宋体' }
ul, li, dl, dt, dd, ol { list-style:none }
a, img { border:none; text-decoration:none; outline:none; }
a:hover { text-decoration:underline }
em { font-style:normal; font-weight:bold }
table { border-collapse:collapse }
.martop8 { margin-top:8px; }
.floatL { float:left }
.floatR { float:right }
.red {color:#f00;}

body { position:relative}
.header,.miniArea, .mainNav,.content,.banner ,.footer  { margin:0 auto;width:1000px;clear:both;}
.btn_2,.btn_login {width:66px;height:26px;line-height:26px;border:0 none;background:url(images/btn_2.png) no-repeat;color:#3ca0c8}

/***********************************************
 * Header
 ***********************************************/
.miniNav { width:100%; height:24px; line-height:24px; background:#e8f6fd }
	.miniArea {  color:#10a1ed; }
	.lanuage,.memInfo { float:right;}
	.lanuage a { padding:0 5px;color:#10a1ed; }
	.memInfo a { padding:0 5px;color:#fc0000; }
	.memInfo,.memInfo b a { color:#555;}
	
.header {  padding:16px 0 0; color:#10a1ed }
	.header h1 { float:left;width:200px;height:70px; }
	.header h1 a { padding-top:35px;display:block;background:url(images/logo.png) no-repeat left 5px;color:#2eb5fb;text-decoration:none}
	.header em { color:#ff0000; font-weight:bold }
	.hotline { float:left; padding-left:20px; padding-top:5px; }
	.hotline span { display:block; font-weight:bold }
	.hotline span em { line-height:25px }
	.qqtalk { float:right; }
	.qqtalk p { text-align:right; padding-bottom:15px }
	.qqtalk ul li { float:left; margin-left:10px; text-align:center; }
	.qqtalk ul li a { display:block }
	.qqtalk ul li span { color:#ff0000; line-height:22px }

/***********************************************
 * mainNav
 ***********************************************/
.mainNav { position:relative;height:50px; }
.ball { position:absolute;left:416px;top:-90px;width:63px;height:106px;-------------------background:url(images/ball.png) no-repeat;}
*html .ball { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/ball.png');background:none}
.mainNav .left { float:left; margin-right:-5px; width:5px; height:50px; background:url(images/bg.png) no-repeat -111px -104px }
.mainNav .right { float:right; margin-left:-5px; width:5px; height:50px; background:url(images/bg.png) no-repeat -116px -104px }
.topMenu { margin:0 5px; padding:4px 0 0 12px; height:46px; background:url(images/w1.png) repeat-x 0 0 }
.topMenu a.soft { float:right; padding-top:10px }
.topMenu ul li { float:left;margin-left:4px; }
.topMenu ul li a { color:#fff; font-weight:bold; display:block; width:100px; height:36px; line-height:36px; text-align:center }
.topMenu ul li a:hover, .topMenu ul li a.on,.topMenu ul li a.highlight { color:#10a1ed; background:url(images/bg.png) no-repeat 0 -68px ;text-decoration:none}
.content { margin-top:10px; overflow:hidden;  }
.martop5 { margin-top:5px;}
.mainArea { width:690px; overflow:hidden }
.bigAd { width:690px; height:268px; }
.mainArea h3.common { margin-top:8px; padding:0 15px; height:34px; line-height:34px; color:#417dc5; background:url(images/bg.png) no-repeat 0 0 }
.mainArea a.more { float:right; color:#417dc5; font-weight:normal; }
.aboutAd .caseShow { background:none }
.aboutAd .caseShow .leftarrow { background:url(images/left.gif) no-repeat left 10px }
.aboutAd .caseShow .rightarrow { background:url(images/right.gif) no-repeat right 10px }
.aboutAd .caseShow .centerCase { width: 624px; height: 109px; }
.aboutAd .ulIndexCase { width: 624px }
.aboutAd .ulIndexCase li { margin: 0 5px; width: 142px; }
.aboutAd .ulIndexCase li img { width:142px; height:109px; border:none }

.packList {  width:699px;height:182px; overflow:hidden; }
.packList ul { width:100%;height:182px }
.packList ul li { width:100%;height:182px;overflow:hidden}
.p_1,.p_2,.p_3,.p_4,.p_5,.p_6 { float:left; margin-right:10px; width:223px; height:182px; background:url(images/packbg.png) no-repeat }
.packList p { padding:48px 5px 15px 108px }
.packList span { display:block; padding:0 16px 18px 0; font-size:10px; font-weight:bold; text-align:right }
.packList span em { font-size:16px }
.packList a.go { padding-right:6px; display:block; text-align:right; color:#fff; font-size:10px }
.packList li .p_2 { background-position:-224px 0; }
.packList li .p_3 { background-position:-448px 0 }
.packList li .p_4 { background-position:0 -180px; }
.packList li .p_5 { background-position:-224px -180px }
.packList li .p_6 { background-position:-448px -180px; }
.p_1, .p_1 a { color:#c7741a }
.p_2, .p_2 a { color:#278a13 }
.p_3, .p_3 a { color:#154cf9 }
.p_4, .p_4 a { color:#fa145a }
.p_5, .p_5 a { color:#0ab0d9 }
.p_6, .p_6 a { color:#ac0fff }
.btn { padding-left:27px; }
.btn a { padding-right:24px }
.txtArea { width:699px; clear:both; overflow:hidden }
.txtArea dl { float:left; margin:8px 9px 0 0; width:224px; }
.txtArea dt { padding-left:28px; height:28px; line-height:28px; font-size:14px; color:#fff; font-weight:bold; background:url(images/txtbg.png) no-repeat }
.txtArea dd { height:230px; border:1px solid #ccc; border-top:none;background-repeat:no-repeat;overflow:hidden}
.txtArea dd p { padding:6px 10px 0; line-height:20px; color:#666 }
dl.t_1 dt { background-position:0 0 }
dl.t_2 dt { background-position:-224px 0 }
dl.t_3 dt { background-position:-448px 0 }
dl.t_4 dt { background-position:0 -28px }
dl.t_5 dt { background-position:-224px -28px }
dl.t_6 dt { background-position:-448px -28px }
dl.t_1 dd { background-image:url(images/num_1.png) }
dl.t_2 dd { background-image:url(images/num_2.png) }
dl.t_3 dd { background-image:url(images/num_3.png) }
dl.t_4 dd { background-image:url(images/num_4.png) }
dl.t_5 dd { background-image:url(images/num_5.png) }
dl.t_6 dd { background-image:url(images/num_6.png) }
.newsArea { width:704px; overflow:hidden }
.newsArea dl { float:left; margin:8px 14px 0 0; width:338px; height:205px; }
.newsArea dl dt { margin-bottom:5px; padding:0 9px 0 12px; height:34px; line-height:34px; background:url(images/bg.png) no-repeat -290px -34px }
.newsArea dl dt em { padding-left:18px; background:url(images/bg.png) no-repeat -679px -118px; color:#417dc5; font-weight:bold }
.newsArea dl dd { padding-left:16px; line-height:24px }
.newsArea dl dd span { float:right; color:#6f6f6f;font-size:11px; }
.newsArea dl dd a { padding-left:10px; background:url(images/bg.png) no-repeat -686px -41px; color:#6f6f6f }
.newsArea1 { width:704px; overflow:hidden }
.newsArea1 dl { float:left; margin:8px 14px 0 0; padding-bottom:10px; width:338px; height:200px; background:url(images/side_foot1.png) no-repeat center bottom }
.newsArea1 dl dt { margin-bottom:5px; padding:0 9px 0 12px; height:34px; line-height:34px; background:url(images/special1.png) no-repeat }
.newsArea1 dl dt em { padding-left:10px; color:#417dc5; font-weight:bold }
.newsArea1 dl dd { padding:0 13px; height:24px; line-height:24px; }
.newsArea1 dl dd a { padding-left:12px; background:url(images/bg.png) no-repeat -687px -149px; color:#6f6f6f }
.sidebar { width:290px; overflow:hidden }
.sidebar h4 { padding:10px 8px 0 12px; height:24px; background:url(images/bg.png) no-repeat 0 -34px }
.sidebar a.more { float:right; color:#417dc5; font-weight:normal }
.sidebar h4 em { display:block;float:left; padding-left:12px; background:url(images/h4.png) no-repeat left top }
.sidebar h4 em b { display:block;float:left; padding-right:12px; height:23px; line-height:23px; text-align:center; color:#fff; background:url(images/h4.png) no-repeat right top }

.lastNews { padding:8px 13px 0; /*height:221px;*/ background:url(images/side_mid.png) repeat-y }
.lastNews a img { width:264px; height:68px }

.NewsList li { padding-top:6px;padding-left:12px; height:20px; line-height:20px; border-bottom:1px dotted #ccc;  background:url(images/bg.png) no-repeat -684px -50px; }
.NewsList li a { color:#6f6f6f; white-space:nowrap }
.NewsList li a.toTop { color:#cc0000}
.NewsList li span { float:right; color:#062b99;font-size:11px;font-family:Tahoma }

.sideBot { overflow:hidden; height:5px; line-height:0;font-size:0;background:url(images/side_bottom.png) no-repeat }
.webFlow { /*padding:10px 0 10px 15px;*/ height:158px; background:url(images/side_foot.png) no-repeat left bottom }
.webFlow ul li { float:left; margin:15px 15px 0 0; width:122px; height:28px; text-align:center; background:url(images/bg.png) -111px -72px }
.webFlow ul li a { line-height:28px; color:#0f6acb; font-weight:bold }

.webSolution { padding:10px 0 20px 20px;background:url(images/side_foot.png) no-repeat left bottom;overflow:hidden }
.webSolution ul li { margin-top:10px; width:225px; height:28px; background:url(images/libg.png) no-repeat; }
.webSolution ul li:hover, .webSolution ul li.on { background-image:url(images/libgh.png) }
.webSolution ul li a { padding-left:35px; display:block; line-height:28px; color:#fff }
.webSolution ul li a:hover { text-decoration:none }

   .webSolution .modelist { height:370px;overflow:hidden}
   .webSolution .modelist li { float:left;margin:0 12px 0 0;width:120px;height:22px;line-height:22px;overflow:hidden;background:url(images/bg.png) no-repeat -679px -115px }
   .webSolution .modelist li:hover ,.webSolution .modelist li.on{ background:url(images/bg.png) no-repeat -679px -115px}
   .webSolution .modelist li a { padding-left:14px;line-height:20px;color:#555}
   .webSolution .modelist li a:hover { text-decoration:underline}
   
.webPack { width:274px; padding:8px 0 0 16px; height:200px; background:url(images/side_mid.png) repeat-y }
.webPack li { float:left; margin:10px 16px 10px 0; width:121px; height:15px; padding:7px 0; text-align:center; background:url(images/p_li_bg.png); overflow:hidden }
.webPack li.li_r { background:url(images/p_li_r_bg.png) }
.special { padding:0 13px 10px; /*height:185px;*/ background:url(images/side_foot.png) no-repeat center bottom }
.array { overflow:hidden;/*height:350px;*/ background:url(images/side_mid.png) repeat-y }
ul.arrayList { padding-top:4px; width:256px; margin:0 auto }
ul.arrayList li { padding-left:5px; height:24px; line-height:24px; background:url(images/bg.png) no-repeat -672px -76px; }
ul.arrayList li span { display:block;float:left;width:12px;color:#fff; font-size:9px; }
ul.arrayList li a { padding-left:15px; color:#6f6f6f }
.seo { padding:0 13px 8px; /*height:150px;*/ background:url(images/side_mid.png) repeat-y }
.fadeshow { position:relative;padding:8px 13px 0; height:238px; background:url(images/side_mid.png) repeat-y;overflow:hidden }
.fadeshow a { display:none;position:absolute;left:13px;top:8px;width:264px;height:238px;}
.fadeshow img { width:264px; height:238px; }
.webread { margin:8px 0 0; height:39px; border-bottom:1px solid #e90e08 }
.webread .left { float:left; width:3px; height:39px; margin-right:-3px; background:url(images/bleft.gif) }
.webread .right { float:right; width:3px; height:39px; margin-left:-3px; background:url(images/bright.gif) }
.breadmid { padding:5px 0 0 28px; height:34px; margin:0 3px; background:url(images/bmid.gif) }
.breadmid h3 { float:left; width:107px; height:34px; line-height:34px; text-align:center; background:url(images/bred.gif) no-repeat; color:#fff }
.orange { border-color:#e96108 }
.orange h3 { background:url(images/borange.gif) no-repeat }
.green { border-color:#78ae42 }
.green h3 { width:169px; background:url(images/bgreen.gif) no-repeat }
.footer {  margin:10px auto; }
.links { margin:8px auto 0;width:984px;padding:8px; background:#f4f4f4; color:#424243 }
.links span ,.relate span{ line-height:22px; padding:0 6px }
.links a, .relate a { color:#424243; }
.relate { padding:8px;background:#e5eef6; }
#fast-link { margin: 5px auto 0; height:42px; text-align: center; }
#fast-link ul { margin: 0 auto; text-align:center }
#fast-link li { display:inline; line-height: 42px; color: #417dc5; padding: 0 10px; }
#fast-link li a { color: #417dc5; text-align: center; padding-right: 10px; }
.copyright p { line-height:20px; color:#6f6f6f; text-align:center }
.bread { padding-left:10px; width:680px; height:40px; background:url(images/h3.png) no-repeat; overflow:hidden }
.bread1 { padding-left:10px; width:680px; background:url(images/h3.png) no-repeat; overflow:hidden }
h3.title { margin-top:8px; width:85px; height:35px; line-height:34px; text-align:center; background:url(images/h3_1.gif); color:#fff }
h3.solu_title { float:left; color:#3a3a3b; padding-left:15px; line-height:34px; background:url(images/solu_title.png) no-repeat left center }
ul.breadcrumb { float:right; padding-right:10px; height:34px; color:#6f6f6f }
ul.breadcrumb li { float:left; line-height:34px; padding-left:5px }
ul.breadcrumb li a { padding-right:10px; display:block; color:#6f6f6f; background:url(images/bread.gif) no-repeat right center }
.domain { padding:8px 13px; height:300px; background:url(images/side_mid.png) repeat-y ;overflow:hidden}
.domain dl { margin-bottom:20px; height:60px }
.domain dl dt { float:left; padding-right:10px; }
.domain dl dd { color:#6f6f6f; line-height:20px }
.domain dl dd em { font-weight:bold }
ul.NewsList1 li { padding-top:6px; height:22px; line-height:22px; }
ul.NewsList1 li a { padding-left:12px; background:url(images/bg.png) no-repeat -687px -149px; color:#6f6f6f }
.reimg { padding:12px 0 5px 0; text-align:center; }
.reimg img { padding:1px; border:#e1e9f1 1px solid }
.mainArea h4 { padding:20px 0 10px; color:#417dc5; font-weight:bold }
.mainArea h5 { padding-left:16px; height:33px; background:url(images/h5.png) repeat-x left bottom }
.range { margin-top:10px; width:690px; height:130px; overflow:hidden; background:url(images/range_bg.gif) }
img.packLogo { float:left; padding:0 10px }
img.packCase { padding:5px 10px 0 40px; width:180px; height:120px; }
.range dl { float:left; padding:15px 0 10px 0; width:515px }
.range dl dt { color:#000 }
.range dl dd { color:#655d5d; padding:2px 0 }
.range dl dd a { color:#655d5d }
.range dl dd em { color:#f4623a; font-weight:bold }
.range dl dd.btnArea { padding-top:10px }
.range dl dd.btnArea a { margin-right:5px; display:block; float:left; width:76px; height:20px; text-align:center; line-height:20px; background:url(images/btn1.gif); color:#fff }
.heightAuto { padding:5px 13px; width:264px; background:url(images/side_mid.png) repeat-y; }

.banner {  height:202px; margin:10px auto;  }
.solu_content { margin:20px 0; }
.solu_sum { margin:10px 0 7px 0; padding:20px 20px 40px; height:100px; background:url(images/solu_sum.gif) no-repeat }
.solu_sum table td p { padding-left:50px; color:#404041 }
.tableSolu { width:100%; border:1px solid #d6d6d6 }
.tableSolu .label { width:110px; background:#f3f3f3; color:#000 }
.tableSolu td { padding:5px 15px; border:1px solid #d6d6d6 }
.tableSolu td span { color:#ff0000; text-decoration:underline }
.tableSolu ul.dot li { padding-left:8px; background:url(images/bg.png) no-repeat -687px -146px }
.tableSolu li { color:#585757; line-height:20px; }
.caseList { width:711px; overflow:hidden }
.caseList dl { float:left; width:216px; height:272px; margin:10px 21px 0 0 }
.caseList dt { margin-bottom:10px; width:216px; height:182px; background:url(images/case_bg.png) no-repeat right bottom }
.caseList dt img { padding:9px; border:1px solid #ccc; width:180px; height:162px }
.caseList dd { padding-left:18px; background:url(images/md_arrow.gif) no-repeat left center; color:#6f6f6f }
.caseList dd span { color:#ff5b07;white-space:nowrap}
.caseList dd.see { padding:6px 0;background:none;overflow:hidden;}
.caseList dd.see a { margin-right:26px;display:inline-block;width:80px;height:18px;line-height:20px;background-color:#ff5b07;border:1px solid #ffcc0a;text-align:center;color:#fff;}
.caseLast dl { height:160px }
.caseLast dt { float:left; margin-right:10px; width:216px; height:140px; background:url(images/case_bg.png) no-repeat right bottom }
.caseLast dt img { width:216px;height:140px}
.caseLast dd { overflow:hidden; padding-left:18px;width:440px; line-height:22px; background:url(images/bg.png) no-repeat -680px -112px; color:#6f6f6f }
.caseLast dd span { color:#ff5b07 }
.caseLast dd span.time { float:right; color:#6f6f6f }
.caseLast dd.detail { display:block; height:80px; background:#f1f5f9 }


.honorList { padding:10px 0 10px 30px;width:660px; overflow:hidden }
.honorList dl { float:left; width:300px; height:230px; margin:10px 30px 20px 0;overflow:hidden}
.honorList dt { margin-bottom:10px;padding:9px; width:280px; height:180px; border:1px solid #ccc;text-align:center; }
.honorList dt a {width:280px; height:180px;line-height:180px; display:table-cell;vertical-align:middle;}    
.honorList dt img { vertical-align:middle;}
.honorList dd {   color:#6f6f6f ;text-align:center}

/*  template begin  */
.template .step li { width:156px}

.detail_area img { float:left;width:244px;height:220px  }
.detail_area dl {  float:right;width:428px;color:#505050}
.detail_area dl dt { font:bold 15px/22px 'Microsoft YaHei',Arial; }
.detail_area dl dd { margin-bottom:15px;line-height:21px }
.detail_area dl dd em,.detail_area dl dd b { font-weight:bolder;color:#ff0000 }
.detail_area dl dd b { font-size:16px}
.detail_area dl dd a { display:block;float:left;margin-right:15px;width:110px;height:48px;text-indent:-9999px; }
.btn_buy { background:url(images/btn_buy.png) no-repeat}
.btn_see { background:url(images/btn_see.png) no-repeat}



.price { font-size:24px;color:#f00;font-style:italic; }

.function { margin:15px auto;width:100%;border:1px solid #ddd;}
  .function th { padding:8px 6px;border:1px solid #ddd;background-color:#f5f5f5;color:#333;text-align:left;font-weight:normal;font:12px/18px "Microsoft YaHei", "SimSun", Arial, Sans-Serif}
  .function td { padding:8px 6px;line-height:20px;border:1px solid #ddd;color:#333}
  .function td a { color:#333;text-decoration:underline}
  .function td a:hover { color:#f60}
  .function td span { display:block;color:#777;}
  .function td b { color:#003399;}
  .function em { color:#ff3366;}



p.important { background:#2fb4fc;margin-top:20px;text-align:center;line-height:24px;color:#000; }

/*  template end */

.page { clear:both;margin:10px 0;text-align:right }
.page a { color:#0f6acb; padding:0 6px; cursor:pointer }
.page span { padding:0 6px; color:#ff0666 }
.tc { margin:15px 0;text-align:center}
.redp { color:#ff0000; font-weight:bold; text-align:right; padding:10px 0 }
ul.caseDetail { padding:30px 8px; }
ul.caseDetail li { padding-left:18px; line-height:22px; background:url(images/bg.png) no-repeat -680px -114px }
ul.caseDetail li b { color:#6f6f6f }
ul.caseDetail li span ,ul.caseDetail li a{ color:#ff5b07 }
.caseInfo { color:#6f6f6f; text-align:center }
.caseInfo p { text-align:left; padding:10px 0; line-height:25px; }
.knowsum { padding:16px 50px 16px 30px;height:160px }
.knowsum img { float:left; border:1px solid #c9c6c6 }
.knowsum dl { float:left; margin-left:24px; width:450px }
.knowsum dl dt { padding-left:20px; line-height:22px; background:url(images/knowdt.gif) no-repeat left 3px; color:#072b60; font-size:14px; font-weight:bold }
.knowsum dl dt a {color:#072b60; }
.knowsum dl dd { line-height:20px; padding:10px 0 0 20px; color:#3a0066; }
.knowsum dl dt span { color:#445fb2 }
.knowsum dl dd.more a { height:12px; line-height:12px; padding-left:15px; background:url(images/more.gif) no-repeat left center; color:#6491b4; font-size:11px }
.knowlist { padding:0 12px; }
.rb { padding-bottom:10px; min-height:189px; background:url(images/rb.png) no-repeat left bottom }
#news_detail h4 { padding:30px 0 10px 0; color:#00142d; text-align:center; background:url(images/line.gif) no-repeat center bottom }
#news_detail p.subtitle { height:28px; line-height:30px; text-align:center; color:#adb7c1 }
#news_detail p.subtitle span { padding:0 10px }
#news_detail p.subtitle em { color:#ff6600; }
.news_content { padding:30px 20px; color:#3c78b4; min-height:300px; }
.news_content p { text-indent:2em; line-height:25px }
.news_page { padding:12px 20px; background-color:#fff }
.news_page a { display:block; line-height:22px; padding-left:20px; color:#3c78b4 }
.news_page a span { color:#adb7c1; font-size:10px; font-family:Tahoma }
.news_page a.last { background:url(images/last_news.gif) no-repeat left center  }
.news_page a.next { background:url(images/next_news.gif) no-repeat left center }
/*    message box   */

.message { margin:20px 0 0 40px; color:#7a99bb; }
.message span { color:red; }
.message ul li { margin-top:14px; }
.message label { padding-right:10px; margin-top:5px; width:60px; display:block; float:left; text-align:right; color:#6f6f6f }
.message input, .message textarea { background:#fff; border:1px solid #d4d0c8; margin-right:1em; }
.message button { margin-top:15px;border:1px solid #7fa6c7; background:#bed8ef; line-height:16px; }
.message input.nobor { border:none; background:none }
.webcont { padding:10px 30px; border:1px solid #cfcfcf; border-top:0 none }

.webcont dl dt { padding:0 0 0 20px; margin:10px 0;width:613px; height:29px; line-height:29px; background:url(images/webcontitle.gif) no-repeat; color:#000 }
.webcont dl dd { margin:0 10px;padding:0 10px;width:590px;display:block;line-height:30px;overflow:hidden}
.webcont dl dd.alt { background:#f6f9fc }
.webcont dl dd span { display:block;float:left;width:70px}
.webcont dl dd div{ float:left;width:510px;overflow:hidden;}
.webcont dl dd i { padding-left:70px;font-style:normal}

.contable { width:95%; margin:15px auto }
.contable td { padding:6px; border-right:3px solid #fff; color:#555 }
.contable td.label{ text-align:right; width:80px; color:#000 }
.contable tr.alt td { background:#f6f9fc }
.contable tr.even td { background:#fff }



.gray { padding:30px; background:#f2f4f7 }
.gray table td { padding:6px; border:1px solid #c9d6e2; color:#6f6f6f }
.gray table  td.label{ text-align:center; width:125px; }
.gray table td em { color:#fa6264 }
.gray input, .gray textarea { width:155px; height:20px; border-top:1px solid #666; border-left:1px solid #666; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.gray input.btn { padding:0; width:50px; height:25px; line-height:25px; border:1px solid #666; border-width:0 1px 1px 0; text-align:center }

/*light box*/
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-image {  }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }


/*  contact  us */
.contact { padding:12px;color:#3c78b4}
.contact p span { font-family:Arial;font-size:20px;color:#2c98d2;}
.contact dl dt { background:#5c8dc1;line-height:25px;color:#fff;margin:10px 0;padding:0 10px;font-weight:bold}
.contact dl dd { padding:3px 10px}
.showError { color: #fc4701; }
.code { width: 100px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #ccc; font-size: 14px; }


.baidu { width:210px;height:20px;padding:9px 0 0 90px;clear:both;overflow:hidden;background:url(images/baidu.gif) no-repeat left bottom}
.baidu input.text { float:left;width:145px;border:#d4d0c8 1px solid}
.baidu input.btn {float:left;padding:0 10px;width:50px;height:20px;border:1px solid #666; border-width:0 1px 1px 0;}


.scrolltext { position:absolute;top:0;left:50%;margin-left:-500px;padding-right:200px;width:1000px;height:20px;line-height:20px;color:#666;}
.textwrap { width:600px;height:20px;overflow:hidden}
.textwrap span { padding:0 20px;}
.moretxt { color:#ccc;padding-bottom:5px;}


/* case vertical */
.fullPic { float:left;width:565px;height:269px;}
.fullPic img { width:565px;height:269px} 
.thums { float:right;width:113px;height:269px;}
.jcarousel-skin-gray { padding:16px 0 13px 0;width:100%;height:240px;overflow:hidden}
.jcarousel-skin-gray .jcarousel-item-vertical ,.jcarousel-skin-gray li { margin-bottom:4px;width: 107px; height: 70px; border:3px solid #00cdff}
.jcarousel-skin-gray .jcarousel-item img ,.jcarousel-skin-gray li img{ width:107px;height:70px;cursor:pointer}

.jcarousel-skin-gray .jcarousel-container-vertical { width: 100%; height: 100%; }
.jcarousel-skin-gray .jcarousel-clip-vertical{ width:  100%; height: 100%; }
.jcarousel-skin-gray .jcarousel-next-vertical { position: absolute; bottom: -13px; left: 43px; width: 27px; height: 14px; cursor: pointer; background:  url(images/down.gif) no-repeat; }
.jcarousel-skin-gray .jcarousel-next-disabled-vertical, .jcarousel-skin-gray .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-gray .jcarousel-next-disabled-vertical:active { cursor: default;  }
.jcarousel-skin-gray .jcarousel-prev-vertical { position: absolute; top: -16px; left: 43px; width: 27px; height: 14px; cursor: pointer; background: url(images/up.gif) no-repeat; }
.jcarousel-skin-gray .jcarousel-prev-disabled-vertical, .jcarousel-skin-gray .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-gray .jcarousel-prev-disabled-vertical:active { cursor: default;  }


/* case horizontal */
.caseAd { margin-top:8px;padding-top:10px; width:690px;height:150px; overflow:hidden; background:url(images/bg.png) no-repeat left -167px  }
.jcarousel-skin-blue{ padding:0 45px;width:600px;height:150px;overflow:hidden}
.jcarousel-skin-blue .jcarousel-item-horizontal ,.jcarousel-skin-blue li { float: left; text-align: center; margin: 5px 12px 0px 8px; width: 180px; height:150px;display: inline; }
.jcarousel-skin-blue .jcarousel-item img ,.jcarousel-skin-blue li img{ width:176px; height:112px; border:1px solid #ccc; padding:1px}
.jcarousel-skin-blue .jcarousel-item p,.jcarousel-skin-blue li p { text-align: center; padding-top:4px }
.jcarousel-skin-blue .jcarousel-item p a ,.jcarousel-skin-blue li p a { color:#417dc5 }

.jcarousel-skin-blue .jcarousel-container-horizontal { width: 100% ; height: 100%; }
.jcarousel-skin-blue .jcarousel-clip-horizontal{ width:100%; height: 100%; }
.jcarousel-skin-blue .jcarousel-next-horizontal { position: absolute;top: 30px; right:-40px;width: 38px; height: 99px; background:url(images/bg.png) no-repeat -633px -68px; cursor: pointer }
.jcarousel-skin-blue .jcarousel-next-disabled-horizontal, .jcarousel-skin-blue .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-blue .jcarousel-next-disabled-horizontal:active { cursor: default;  }
.jcarousel-skin-blue .jcarousel-prev-horizontal { position: absolute; left: -48px;top:30px; width: 38px; height: 99px; background:url(images/bg.png) no-repeat -595px -68px; cursor: pointer }
.jcarousel-skin-blue .jcarousel-prev-disabled-horizontal, .jcarousel-skin-blue .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-blue .jcarousel-prev-disabled-horizontal:active { cursor: default;  }


/* img list */
.imglist { margin:0 auto 20px;width:608px;overflow:hidden}
.imglist li { margin:10px 10px 0 0;float:left;width:142px;height:109px}
.imglist li img { width:142px;height:109px}


/* actlist */
.actlist { width:688px;overflow:hidden}
.actlist dl { float:left;display:inline;margin:30px 16px 0;padding:8px;width:124px;height:165px;background:url(images/act_bg.gif) no-repeat}
.actlist dl dt { line-height:32px;font-weight:bold;font-size:14px;}
.actlist dl dt a { color:#0f6f92 }
.actlist dl dd { padding:0 8px;color:#999}
.actlist dl dd img { padding:7px 4px 10px;width:100px;height:75px;}

.actimg { clear:both;overflow:hidden}
.actimg li { float:left; margin:24px 12px 0 12px;width:114px;height:110px; }
.actimg li a { display:block;padding:6px;width:100px;height:75px;border:1px solid #d2d2d2}
.actimg li a img { width:100px;height:75px}
.actimg li span { display:block;height:20px;line-height:20px;color:#6d6d6d;overflow:hidden}




/* site map */
.site { margin:10px auto;width:945px;background:url(images/site.png) no-repeat;overflow:hidden}
 .site dl { float:left;width:315px;overflow:hidden}
 .site dl dt { margin-bottom:8px;height:35px;line-height:35px;background:url(images/site_li.png) no-repeat;color:#10b9ee}
 .site dl dt a { display:inline-block;margin-right:15px;width:109px;text-align:center;color:#fff;font-weight:bold}
 .site dl dd { padding-left:30px;height:28px;line-height:28px;color:#c1e5f1;}
 .site dl dd a { padding:0 10px;background:url(images/bg.png) no-repeat -686px -39px;color:#666 }
 
 
 
 
 /* login area */
 .login_side { height:268px;background:url(images/login_side.png) no-repeat;overflow:hidden}
   .login_side h5 { margin-bottom:10px;padding-left:15px;line-height:30px;color:#fff}
   .login_side h6 { padding:10px 0;color:#008dd1;font-size:14px;text-align:center}
   .row { padding:5px 0;clear:both;overflow:hidden}
   .row label { float:left;margin-top:4px;width:80px;color:#0082be;text-align:right}
   .row span { float:left;margin-top:3px;color:#666 }
   .row input { padding:0 3px;width:150px;height:20px;line-height:20px;border:1px solid #a8ddec}
   .row input.code { width:60px ;}
   .row .verify { display:inline-block;width:60px;color:#e967a7;font-weight:bold;height:20px;line-height:20px;text-align:center;cursor:pointer;font-family:Arial;border:1px solid #a8ddec}
   .row_btn { padding:8px 0 8px 80px; }
   .btn_login { margin-right:15px;}
   .row_btn a { color:#3cb400;text-decoration:underline}
   .row_btn a:hover { color:#fc0000}
   .row_btnArea a { display:block;float:left;display:inline;margin-left:14px;height:55px;border:0 none;overflow:hidden;text-indent:-999px;cursor:pointer}
   .btn_reg { margin-right:10px;width:110px;background:url(images/btn_reg.png) no-repeat}
   .btn_model { width:133px;background:url(images/btn_model.png) no-repeat}
   .row_tip { height:28px;line-height:28px;color:#dc0000;text-align:center}




/* login page */
.login { margin:20px auto;width:942px;height:472px;background:url(images/login.png) no-repeat;overflow:hidden}
  .login_form { float:left;padding:106px 0 0 106px;width:360px;}
  .login_form .row { padding:12px 0;}
  .login_form .row label { width:50px;padding-right:16px;color:#555;font-size:14px;}
  .login_form .row input { width:200px;height:24px;line-height:24px;border:1px solid #b4b4b4;}
  .login_form .row a { padding-left:10px;color:#00a000;text-decoration:underline;}
  .login_form .row .codeInput { width:80px;}
  .login_form .row .code { display:inline-block;width:70px;height:24px;line-height:24px;background-color:#ececec;text-align:center;font-weight:bold;font-size:16px;cursor:pointer}
  .login_form .row_check { padding:12px 0 12px 66px }
  .login_form .row_btn span { font-size:14px;}
  .login_form .row_btn input { margin-right:40px;width:101px;height:39px;background:url(images/btn_log.png) no-repeat;border:0 none;text-indent:-9999px;}

  .login_tip { float:right;padding:65px 60px 0 0;width:270px;}
    .login_tip h3 { margin-bottom:20px;font-size:14px;}
	.login_tip li { padding:10px 0;color:#666;}
	.login_tip li.btn_reg_log { padding-top:50px;}
	.login_tip li.btn_reg_log a { display:block;width:133px;height:50px;background:url(images/btn_reg_log.png) no-repeat;text-indent:-9999px;overflow:hidden}


/* register page */
.regist { margin:20px auto;width:940px;}
  .regist .title { height:56px;border-bottom:1px solid #c8e1f0;overflow:hidden;}
  .regist .title h2 { margin-bottom:-2px;float:left;width:180px;height:57px;background:url(images/reg.png) no-repeat;text-indent:-9999px;}
  .regist .title span { padding-top:25px;float:right;font-size:14px;color:#666;}
  .regist .title span a { color:#00a000;font-weight:bold;text-decoration:underline;}
  .regist .title span a:hover { color:#f60;}

  .step { margin:20px auto;height:28px;line-height:28px;}
    .step li { float:left;padding-right:15px;width:298px;background:#e6e6e6 url(images/steps.png) no-repeat right top;text-align:center;font-weight:bold;}
    .step li a { color:#333}
	.step li.current { background-color:#11b0e4;color:#fff;}
	.step li.done { background-color:#cae1e9;background-position:right -28px;}
	.step li.done-prev { background-color:#cae1e9;background-position:right -56px;}
	.step li.last { background-position:right -112px;}
	.step li.current-last { background-color:#11b0e4;background-position: right bottom;color:#fff;}
	.step li span { display:block;}
	.step li .first { background:url(images/steps.png) no-repeat left -140px}
	.step li.done .first,.step li.done-prev .first { background-position:left -84px}

  .reg { margin:10px auto;width:700px;}
  .reg .row { padding:17px 0;height:40px;}
  .reg .row label { padding-right:12px;width:90px;color:#555;font-size:14px;}
  .reg .row input { margin-right:10px;float:left;width:200px;height:24px;line-height:24px;background:#fff url(images/reg_input.gif) repeat-x;border:1px solid #b4b4b4;}
  .reg .row_btn { padding:15px 0 20px 102px}
  .reg .row_btn input { width:207px;height:35px;background:url(images/submit.png) no-repeat;text-indent:-9999px;border:0 none}
  .reg .row .codeInput { width:100px;}
  .reg .row .code { display:inline-block;width:90px;height:24px;line-height:24px;font-size:16px;font-weight:bold;cursor:pointer;background:#ddd;}
  .hl { background-color:#f4fcfe;border:1px solid #c8e1eb;}
  .tip_form { float:left;padding:8px 10px 8px 30px;width:320px;background:#e5f5ff url(images/tip.png) no-repeat 10px 6px;border:1px solid #15c0f4;color:#444;overflow:hidden;}
  .error { float:left;padding:8px 10px 8px 30px;width:320px;background:#fff2f2 url(images/error.png) no-repeat 10px 6px;border:1px solid #ff8080;color:#444;overflow:hidden;}
  .ok { display:block;float:left;width:16px;height:24px;background:url(images/ok.png) no-repeat left center;}

  .agreement { padding:12px;background-color:#f5f5f5;border:1px solid #c8c8c8;}
  .agreement h5 { margin-bottom:10px;font-size:14px;}
  .fixH { padding:10px;height:200px;background-color:#fff;border:1px solid #dcdcdc;overflow-y:auto}

  .active { margin:20px auto;padding:40px;width:660px;background-color:#f1faff;border:1px solid #94d3fe;}
   .active h4 { margin-bottom:20px;height:50px;line-height:30px;border-bottom:1px dotted #c6c6c8;font-size:20px;font-family:'微软雅黑';}
   .active p { line-height:24px;font-size:14px;text-indent:3em; }
   .active p span { padding:0 5px;color:#fc0000;font-weight:bolder;font-size:16px; }
   .active a.retry { font-size:12px;color:#2B4786;text-decoration:underline; }
   .active p.action { text-align:center;text-indent:0;margin-top:40px; }
   .active p.action a { padding:10px 20px;border:1px solid #11B0E4;background:#b5d9ea;color:#333;font-weight:bolder; }


 .forget { margin:50px auto;padding:100px 0 0 108px;width:414px;height:202px;background:url(images/forget.png) no-repeat;}
   .forget .row label { padding-right:10px;width:50px;color:#555;}
   .forget .row input { width:200px;height:24px;line-height:24px;border:1px solid #b4b4b4;}
   .forget .row .codeInput { width:80px;}
   .forget .row .code { display:inline-block;border:1px solid #b4b4b4;height:24px;line-height:24px;width:70px;font-size:16px;cursor:pointer;background-color:#ececec;font-weight:bold;}
   .forget .row_btn { padding-left:60px;}
   .forget .row_btn input { width:101px;height:101px;height:39px;border:0 none;background:url(images/btn_send.png) no-repeat;text-indent:-9999px;}
   .forget p.tip { margin-top:10px;color:#dc0000; }


/* vip */
.vip_t { padding:36px 0 0;height:30px;line-height:30px;background:url(images/vip.png) no-repeat;color:#fff;}
  .vip_t p { float:right;width:290px}
  .vip_t p span { float:left}
  .vip_t b { color:#f5ffb4;}
  .vip_t p em { float:right;padding:0 6px 0 30px;font-weight:normal}
  .vip_1 { background:url(images/vip_1.png) no-repeat left center }
  .vip_1 { background:url(images/vip_2.png) no-repeat left center }
  .vip_3 { background:url(images/vip_3.png) no-repeat left center }
  
  .vip_area { min-height:400px;height:auto!important;height:650px;border:1px solid #91d2e6;border-top:0 none;overflow:hidden;}
  .vip_menu { float:left;margin-bottom:-99999px;padding:30px 0 99999px 33px;width:152px;background-color:#e6f6fc;}
    .vip_menu li { margin-top:14px;}
    .vip_menu li a { display:block;padding-left:13px;line-height:35px;color:#555;font-size:14px;}
	.vip_menu li a:hover { color:#f60;}
    .vip_menu li a.on { margin-right:-1px;background:url(images/vip_menu_on.gif) no-repeat;border:1px solid #91d2e6;border-right:0 none;color:#00b4eb;font-weight:bold;}
  .vip_main { float:right;margin-bottom:-99999px;padding:20px 20px 99999px 20px;width:772px;min-height:400px;background:url(images/vip_m_bg.gif) repeat-x;border-left:1px solid #91d2e6}
    .vip_main .row { position:relative;}
	.vip_main .row label { padding-right:15px;width:110px;color:#555;}
	.vip_main .row input { width:200px;height:24px;line-height:24px;border:1px solid #cfcfcf;}
	.vip_main .row_btn { padding-left:125px}
	.vip_main .row_btn button { width:101px;height:39px;line-height:39px;background:url(images/btn_vip.png) no-repeat;border:0 none;font-size:14px;color:#fff;}
	
	.vip_main .row .radio { border:none;width:auto;height:auto; }
	
	.balance { margin-bottom:20px;padding:13px 17px 6px;background-color:#f1f5f6;border:#e5ebed 1px solid;font-size:14px;}
	  .balance span { float:left;font-size:14px;}
	  .balance span em,#orderNav a em { color:#ff6633}
	  .balance a { margin-left:30px;padding-left:18px;background:url(images/money.gif) no-repeat left center;color:#07679c;font-weight:bold}
	#orderNav a { margin:0 10px;color:#07679c; }  

/* steps  */
.s_t,.s_b { display:block;width:690px;height:4px;font-size:0;line-height:0;background:url(images/s_t.gif) no-repeat;overflow:hidden;}
.s_b { background:url(images/s_b.gif) no-repeat;}
.valid{ filter: gray}
.valid *{ filter: gray}
.steps { padding:15px 0;width:688px;border:1px solid #dfdfdf;border-width:0 1px;overflow:hidden;}
  .s_l { float:left;width:240px;height:250px;background-repeat:no-repeat;background-position:center center}
  .s_l span,.s_l em { display:none}
  
  .step_1 em,.step_2 em { display:block;position:absolute;left:120px;bottom:10px;width:80px;height:16px;color:#ff0000;font-size:15px;font-style:italic;font-family:'微软雅黑';text-align:center}
  .step_1 { position:relative;background-image:url(images/step_1.png);}
  .step_2 { position:relative;background-image:url(images/step_2.png);}
  .step_3 { background-image:url(images/step_3.png);}
  .s_r { float:right;padding-right:15px;width:425px;overflow:hidden;}
  .param { margin-bottom:15px;color:#848484; }
  .param .title { margin-bottom:10px;font:bold 16px/22px 'Microsoft YaHei',Arial;}
  .param li { line-height:20px}
  .extra { padding-top:10px;}
   .extra li { float:left;margin:0 10px;line-height:30px}
  

.domainSlt dt { margin:10px 0;line-height:30px; border-bottom:1px solid #cbedf6;}
.domainSlt dd { padding-left:10px;line-height:20px;}
.domainSlt dd i { color:#a6a4a4;font-style:normal}
.domainSearch strong { float:left;font-size:15px;font-style:italic;color:#0066ff; }
.domainSearch .text { float:left;padding:0 1px;width:160px;height:18px;line-height:18px;border:1px solid #9ac3fe;background-color:#eef4fd;color:#0066ff }
  .num { width:80px;height:13px;line-height:13px;background-color:#eaeae9;border:1px solid #555;text-align:center;}
  .okDomain { padding-left:20px;background:url(images/ok.png) no-repeat;color:#000;}
  .okDomain b { color:#0a700c;font-weight:bold;font-size:16px;}
  .noDomain { display:block;padding-left:20px;background:url(images/error.png) no-repeat;color:#ff0000;}

  .steps .message { margin:0}


  .result_area {text-align:center; }
  .success { text-align:center;}
  .success { margin:15px 20px;padding-top:10px;border-top:1px dashed #e0e0e0;color:#959595;line-height:25px;}
  .btnOrder { margin:10px auto;width:380px;height:50px;}
  .btnOrder a { display:block;float:left;margin-right:15px;width:110px;height:50px;text-indent:-9999px;overflow:hidden;}
  .btnpayNow { background:url(images/btnpayNow.png) no-repeat;}
  .btnpayDown { background:url(images/btnpayDown.png) no-repeat;}
  .btnpayBalance { background:url(images/btnpayBalance.png) no-repeat;}

.btnStep {margin:15px auto;width:160px;height:75px;text-align:center;}
  .btnStep a { display:block;margin-right:10px;float:left;width:70px;height:75px;text-indent:-9999px;overflow:hidden;cursor:pointer;background-color:#fff;background-repeat:no-repeat;background-position:center center}
  .preStep { background-image:url(images/preStep.png);}
  .preStep:hover { background-image:url(images/preStep_h.png);}
  .nextStep { background-image:url(images/nextStep.png);}
  .nextStep:hover { background-image:url(images/nextStep_h.png);}
  .btnStep a.btnsubOrder { width:133px;height:50px;background:url(images/btnsubOrder.png) no-repeat;text-indent:-9999px;overflow:hidden;}
  
  
  
 #scrollNews { width:264px;height:216px;overflow:hidden}
  #scrollNews table { width:264px} 
  
 .ask { display:block;margin:10px auto 0;width:110px;height:32px;background:url(images/ask.png) no-repeat;text-indent:-9999px;overflow:hidden}
 .join { margin-top:8px;padding:30px 0 20px;width:288px;background-color:#eee;border:1px solid #dadada}
   .join h3 { margin:0 auto 20px;width:167px;height:97px;background: url(images/join.png) no-repeat;line-height:300px;overflow:hidden}
   .btn_o { display:block;margin:0 auto;padding:0 10px;width:50px;height:25px;line-height:25px;background:url(images/btn_o.gif) repeat-x;color:#fff;text-align:center}
	

#adl,#adr { position:absolute;top:2px;}
#adl { left:10px}
#adr { right:10px}