body, dl, dt, dd, ol, ul, li, pre, p, form, field, input, blockquote, h1, h2, h3, h4, h5, h6, div{font-family:"ËÎÌå"; color:#333; font-size:12px; line-height:135%; margin:0; padding:0; outline:none}
html{word-wrap:break-word; word-break:break-all}
body{background:#393939 url(images/bg.png) repeat-x; height:100%}
img{border:0px}
.xx{background:url(images/xx.gif) bottom repeat-x}

a{text-decoration:none; color:#333}
a:link{color:#333}
a:visited{color:#999}
a:hover{color:#C00}
.input{border:#CCC solid 1px; height:20px}
p, li{line-height:1.8em; margin:0; padding:0}

.Arial{font-family:Arial,Helvetica,sans-serif}
.b{font-weight:700}
.f12{font-size:12px}
.f14{font-size:14px}
.f18{font-size:18px}
.f24{font-size:24px}

.white{color:#FFF}
.red{color:#F00}
.blue{color:#090}
.green{color:#060}
.black{color:#000}
.gray{color:#666}
.org{color:#F60}
.webding{font-family:Webdings; text-decoration:none}
.hand{cursor:pointer;}

.btn_y{height:26px; width:80px; font-size:12px; font-weight:700; text-align:center; color:#FFF; line-height:26px; background:url(images/btn_y.jpg) no-repeat; border:none; cursor:pointer}

.underline{text-decoration:underline}

#dhtmltooltip{BORDER-RIGHT:gray 1px solid; PADDING-RIGHT:4px; BORDER-TOP:gray 1px solid; PADDING-LEFT:4px; FONT-SIZE:9pt; Z-INDEX:100; FILTER:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=120);  PADDING-BOTTOM:4px; BORDER-LEFT:gray 1px solid; WIDTH:200px; PADDING-TOP:4px; BORDER-BOTTOM:gray 1px solid; POSITION:absolute; BACKGROUND-COLOR:#ccc; visibility:hidden}

.anniu{ font-size:12px; background-color:#F0F0F0; height:25px; line-height:25px; color:#000; border:1px solid #ADADAD}

label{float:left}
label.error{float:none; color:red; vertical-align:middle; margin-left:5px}
input.error, select.error, textarea.error{border:#F30 solid 1px}
input.valid, select.valid, textarea.valid{border:#9C0 solid 1px}

.clear{clear:both; height:0; line-height:0; margin:0; padding:0; overflow:hidden}
.disno{display:none}
.Allwarp{width:958px; margin:0 auto}
#header{width:958px; height:101px; background:#000 url(images/header_line.jpg) bottom no-repeat}
#header .logo{width:246px; height:100px; float:left; background:url(images/logo.png) no-repeat center center; text-indent:-9999px}
#header .right{float:right; height:90px; width:400px; background:url(images/400.png) no-repeat bottom right}
#header .link{color:#999; display:block; height:30px; line-height:30px; text-align:right}
#header .link a:link, #header .link a:visited{color:#999}
#header .link a:hover{color:#FC0}

#banner{height:323px; width:936px}
#mainDiv{width:936px; margin:0 auto}
#mainDiv .topbg{height:12px; width:100%; background:url(images/c_top_bg.png) no-repeat; overflow:hidden}
#mainDiv .mainbg{height:auto; width:100%; background:url(images/c_main_bg.png) repeat-y}
#mainDiv .footbg{height:13px; width:100%; background:url(images/c_foot_bg.png) no-repeat; overflow:hidden}

#menu{width:920px; height:72px; background:url(images/menu_bg.jpg) repeat-x; margin:0 auto}
#menu ul, li{list-style:none; margin:0; padding:0}
#menu ul{display:block; margin:0 auto; height:36px; width:700;}
#menu ul li{display:block; width:106px; height:36px; background:url(images/menu_split.jpg) no-repeat right; float:left; position:relative}
#menu ul a{display:block; color:#FFF; font-size:14px; font-weight:700; line-height:36px; height:36px; width:106px; text-align:center}
#menu ul a:link, #menu ul a:visited{color:#FFF}
#menu ul a:hover, #menu ul .hover{background:url(images/menu_bg_on.jpg) repeat-x}
#menu .submenu{width:600px; display:none; position:absolute}
#menu .submenu a{display:block; color:#333; font-size:12px; font-weight:400; line-height:40px; height:40px; width:auto; margin-right:10px; padding-right:10px; text-align:left; float:left; background:url(images/sx_h.jpg) right center no-repeat}
#menu .submenu a:link, #menu .submenu a:visited{color:#333}
#menu .submenu a:hover{color:#C00; background:url(images/sx_h.jpg) right center no-repeat}

.mainWarp{ width:890px; margin:10px auto 10px; _margin:10px auto 5px}
#proview{height:98px; border:#e5e5e5 solid 1px}
#proview ul{display:block; float:left; width:290px; height:76px; margin:6px 2px}
#proview ul li, #proview h2{margin-left:80px; line-height:24px}
#proview ul li{color:#666}
#proview h2{font-weight:400}
#proview a{font-weight:700}
#proview a:hover{color:#C00}
#proview .web{background:url(images/solution_bg.jpg) no-repeat 0 0}
#proview .soft{background:url(images/solution_bg.jpg) no-repeat 0 -76px}
#proview .search{background:url(images/solution_bg.jpg) no-repeat 0 -152px}

.title{height:36px; background:url(images/xx-2.gif) repeat-x bottom}
.title h2{height:30px; width:200px; text-indent:-9999px; float:left; margin-left:5px}
.title a{display:block; width:91px; height:26px; line-height:28px; text-indent:15px; float:right; background:url(images/more_bg.jpg) no-repeat}
#case ul{display:block; width:175px; height:175px; padding:8px; background:#eaeaea; border:#e1e1e1 solid 1px; margin:15px; _margin:15px 20px 8px 8px; float:left}
#case .last{margin-right:0}
#case ul li{display:block; width:100%; margin:0 auto}
#case ul .webname{height:30px; line-height:30px; font-weight:700; background:url(images/jt.gif) right center no-repeat}

#seo .title{height:36px; background:url(images/xx-2.gif) repeat-x bottom}
#seo ul{display:block; width:410px; height:126px; float:left; margin:10px 20px 0 10px; _margin:10px 15px 0 10px}
#seo ul h3{height:70px; width:280px; text-indent:-9999px; margin:5px 0}
#seo #youhua h3{background:url(images/pro_title.gif) no-repeat 0 0}
#seo #quanfa h3{background:url(images/pro_title.gif) no-repeat 0 -70px}
#seo #tuiguan h3{background:url(images/pro_title.gif) no-repeat 0 -140px}
#seo #haiwai h3{background:url(images/pro_title.gif) no-repeat 0 -210px}

#case h2{background:url(images/block_title.gif) no-repeat 0 0}
#seo  h2{background:url(images/block_title.gif) no-repeat 0 -30px}
#news h2{background:url(images/block_title.gif) no-repeat 0 -60px}

#news ul{display:block; width:410px; margin:10px 20px 0 10px; _margin:10px 15px 0 10px; float:left}
#news ul div{width:410px; height:100px; margin-bottom:5px; border-bottom:#CCC solid 1px}
#news ul div img{display:block; width:120px; height:90px; margin-right:10px; float:left}
#news ul div p{float:right; color:#666; width:280px}
#news ul div p a{display:block; font-weight:700px; height:26px}
#news ul li{display:block; width:410px; height:24px; line-height:24px; border-bottom:#CCC dotted 1px}
#news ul li a{display:block; float:left}
#news ul li .date{display:block; float:right; color:#999; font-size:11px}

#friendlink{padding:0 10px; color:#999; text-align:left; width:900px; line-height:24px}
#friendlink a{color:#999}
#friendlink a:link, #friendlink a:vistited{color:#999}
#friendlink a:hover{color:#F90}
.footDiv{background:#181818; width:100%;}
.footer{width:900px; margin:0 auto; background:url(images/flogo.png) no-repeat 680px 80%; padding:10px;}
.footer .contact{float:left; color:#666}
.footer .links{float:right; color:#666}
.footer .links a{color:#666}
.footer .links a:hover{color:#F90}

.navbar{height:30px; line-height:30px; width:920px; margin:0 auto; background:#F4F4F5; text-indent:30px; font-family:"ËÎÌå"}
.navbar a:visited{color:#333}
.mainContent{width:920px; margin:10px auto}
.mainContent .left{float:left; width:218px}
.mainContent .right{float:right; width:702px}
.mainContent .right h2{height:33px; background:url(images/text-bg.jpg) no-repeat; line-height:33px; color:#fff; font-size:12px; font-weight:700; text-indent:30px}
.mainContent .main{ width::860px;}
.mainContent .main h2{height:33px; background:url(images/text-bg.jpg) no-repeat; line-height:33px; color:#fff; font-size:12px; font-weight:700; text-indent:30px}
.mainContent .Content{padding:15px 15px}

.proLeft{width:200px; background:url(images/proleft_bg.jpg) repeat-y; margin:0 auto 15px auto}
.proLeft h2{width:200px; background:url(images/proleft_top.jpg) no-repeat; height:35px; line-height:35px; font-size:14px; font-weight:700; color:#fff; text-indent:20px}
.proLeft ul{width:200px; height:auto;  display:block; background:url(images/proleft_btm.jpg) no-repeat bottom}
.proLeft ul li{width:190px; display:block; margin:0 auto}
.proLeft ul .last{height:15px}
.proLeft ul a{width:100%; height:26px; line-height:26px; border-bottom:#E6E6E6 solid 1px; background:url(images/ar1.gif) 20px center no-repeat; text-indent:30px; display:block}
.proLeft ul a:link, .proLeft ul a:visited{color:#333}
.proLeft ul a:hover{color:#F00; background:url(images/proleft_bgon.gif) no-repeat}
.proLeft ul .proSubmenu{width:190px; height:auto}
.proLeft ul .proSubmenu a{text-indent:35px; float:left; height:26px; line-height:26px; background:url(images/ar2.gif) 25px center no-repeat}

.proFaq{width:200px; margin:10px auto}
.proFaq h2{width:200px; height:30px; line-height:30px; background:url(images/leftfaq_top.jpg) no-repeat; font-size:14px; font-weight:700; text-indent:15px; color:#fff}
.proFaq ul{display:block; width:175; padding:5px 5px 5px 10px; background:#F9F9F9; border:#E7E7E7 solid 1px}
.proFaq ul li{display:block; height:24px; background:url(images/ar1.gif) no-repeat left center}
.proFaq ul a{display:block; text-indent:8px}
.proFaq ul .last{text-align:right; background:url(blank.gif)}

.rexArticle{width:900px; margin:15px auto; border:#E3EBF3 solid 1px; background:url(images/xgwz2.gif) repeat-x}
.rexArticle h2{height:24px; line-height:24px; background:url(images/xgwz3.gif) no-repeat left center; margin-left:10px; text-indent:10px; font-weight:700}
.rexArticle ul{display:block; margin:10px}
.rexArticle ul li{display:block; width:45%; margin-right:10px; float:left; background:url(images/ar2.gif) no-repeat left center}
.rexArticle ul a{text-indent:10px; color:#333; display:block}
.rexArticle ul a:hover{color:#F00}

.Content h3{width:100%; height:30px; line-height:30px; font-size:14px; font-weight:700; border-bottom:#ccc solid 1px; text-align:center}
.Content .date{display:block; width:100%; height:24px; line-height:24px; border-bottom:#ccc dotted 1px; text-align:center}
#infoContent{margin:10px 0; font-size:14px; line-height:180%}
.Content .nextTitle{display:block; width:100%; border-top:#CCC dotted 1px}
.Content .nextTitle li{display:block; width:100%; height:24px; line-height:24px}
.Content p{line-height:150%; text-indent:24px; margin:10px 0}

.faqlist{display:block; margin-bottom:10px}
.faqlist li{display:block; height:26px; line-height:26px; background:url(images/xx.jpg) repeat-x bottom}
.pages{height:30px; line-height:30px; margin-left:200px}
.pages span{display:block; height:22px; line-height:22px; background:#666; color:#FFF; float:left; margin-right:4px; padding:1px 6px}
.pages a{display:block; height:22px; line-height:22px; background:#666; color:#FFF; float:left; margin-right:4px; padding:1px 6px;}
.pages a:link, .pages a:visited{color:#fff; background:#666;}
.pages a:hover{color:#FC0; background:#333}

.cateTitle{height:50px; line-height:50px; width:900px; margin:0 auto; background:url(images/xx-2.gif) repeat-x bottom; font-size:24px; font-weight:700; text-indent:15px}
.newsLeft{width:200px; margin-left:15px; _margin-left:8px; float:left}
.newsRight{width:670px; float:right; margin-right:15px; _margin-left:8px; border-left:#CCC solid 1px; padding-left:10px}
.newsList{ margin-bottom:5px}
.newsList h2{width:660px; height:30px; line-height:30px; background:url(images/xx.jpg) repeat-x bottom; font-size:14px}
.newsList h2 a{display:block; background:url(images/jt4.gif) 5px center no-repeat; display:block; width:500px; text-indent:20px; float:left}
.newsList h2 span{display:block; float:right; font-size:12px; font-weight:400; color:#999}
.newsList p{padding:5px 0; line-height:20px; color:#666; text-indent:24px}
.infonote{width:630px; padding:5px; background:#EAEAEA; border-bottom:#CCC dotted 1px; color:#09C; margin:0 auto}
.infoTool{height:24px; line-height:24px; background:#EEE; border-top:#CCC solid 1px; text-align:center}

.caseList, .moreCase{width:900px; margin:0 auto}
.moreCase h3{height:36px; width:900px; background:url(images/enquire_now.gif) no-repeat; text-indent:-9999px; margin:15px auto}
.moreCase ul{display:block; width:860px; margin:10px auto}
.moreCase li{display:block; height:30px; line-height:30px; width:200px; background:url(images/jt5.gif) left center no-repeat; text-indent:15px; float:left}

.contactBanner{width:902px; height:260px; margin:10px auto; background:url(images/c-banner.jpg) no-repeat; text-indent:-9999px}
.serviceBanner{width:902px; height:260px; margin:10px auto; background:url(images/s-banner.jpg) no-repeat; text-indent:-9999px}
.aboutBanner{width:685px; height:250px; margin:10px 0; background:url(images/company.jpg) no-repeat; text-align:-9999px}