/* CSS Document */
body, img, h1 { margin:0px; padding:0; border:0; font-size:12px; font:Arial, Helvetica, sans-serif;}
a:link,a:visited {text-decoration:none;}
a:hover{}
ul { margin: 0; padding:0; list-style-type: none; text-align: center;}
.chu { font-weight:bold;}
.big { font-size:15px;}
.topnull { margin-top:5px;}
.color1 { color:#f30;}
.tg_img { margin-left:32px;}
.phone .phonetop { background:url(phone1.jpg) no-repeat left top; width:198px; height:103px;}
.phone .phonetop .qqonline { padding-top:25px; margin-left:20px;}
.listmore { text-align:right; height:22px; line-height:22px;}

/* start top  */
#topmain { width: 996px; margin:0 auto; background: url(top_bg.gif) repeat-x; color: #333333;}
#top {}
#top #top_sub0 { height:18px; line-height:18px; padding-right:8px; color:#f30;}
#top #top_sub0 .top_sub0d { width:928px; text-align:right; float:left;}
#top #top_sub0 .top_sub0d2 { width:60px; text-align:left; font-weight:bold; float:left;}
#top #top_sub1 {}
#top #top_sub1 .logo { margin-right:15px; float: left; padding-top: 7px;}
#top #top_sub1 .toptxt { float: left; color: #333333; line-height: 19px; padding-top: 18px;}
#top #top_sub1 .topqq { float:right; margin-right:10px; margin-top:28px;}
#top #top_sub2 { width:996px; height:30px; margin-top:10px!important; margin-top:6px;}
#top #top_sub2 ul { width: 810px; float:left;}
#top #top_sub2 li { width: 88px; float:left; height:26px; line-height:26px; font:bold 12px/30px "arial", helvetica, sans-serif; text-align: center;}
#top #top_sub2 li a { display: block; color: #fff;}
#top #top_sub2 li a:hover { background: url(nav_bg_hover.gif) no-repeat center center; color: #d20200;}
#top #top_sub2 li a.dhover { background: url(nav_bg_hover.gif) no-repeat center center; color: #d20200;}
#top #top_sub2 .navtel { background:url(dianhua01.jpg) no-repeat right center; width:186px; font: bold 12px/30px "arial", helvetica, sans-serif; color: #fcff00; height:30px; line-height: 30px; text-align:left; float: right;}
#top #top_sub2 li.sep { background: url(navi_sep.gif) no-repeat center center; overflow: hidden; height: 30px; width:2px;}
#top #top_sub3 { color:#999999; height:35px!important; line-height:35px!important; height:28px; line-height:28px; font: 12px/30px "arial",helvetica, sans-serif; text-align:left;}
#top ul.barmune { float: left; width: 230px;}
#top ul.barmune li { line-height: 36px; height: 36px;}
#top ul.barmune li a { display: block; filter: dropshadow(color=#000000, offx=1, offy=0, positive=1); font: bold 12px/30px "ËÎÌå", helvetica, sans-serif; width: 230px; color: #ffe400; height: 36px; text-align: center;}
#top .barimg { float: right; width: 760px;}
/* end top */
/* start bodymain */
#bodymain {	margin: 0px auto; width: 996px; background-color: #edf1f4; color: #333333;}
#left { display:inline; margin: 3px 3px 0px 3px; padding:0 6px; width: 750px; background: url(body_bg.gif) repeat-x 0px 0px; padding-top:5px; background-color: #ffffff; float: left;}
#left #taocan { overflow: hidden;}
#left #taocan .title { padding-left: 8px; background: url(news_title.gif) no-repeat; color: #fff; height: 24px; line-height:24px; font: bold 12px/24px arial, helvetica, sans-serif;}
#left #taocan .title .title_sub { float:left;}
#left #taocan .title .title_sub2 { float:left; margin-left:18px;}
#left #taocan .title .title_sub2 a { color:#fff;}
#left #taocan ul { margin-top:10px;}
#left #taocan li { display:inline; margin-left:30px; float:left;}
#left #taocan li img { border:0;}
#left .case_title { padding-left:8px; height: 33px; background: url(case_title.gif) no-repeat left; font: 12px/24px arial, helvetica, sans-serif; font-weight:bold; color: #fff; line-height:33px;}
#left .case_title a { color: #ff4200;}
#left .case_title a:hover { color:#333333;} 
#left .case_title span { padding-left:50px; color:#ff4200;} 
#left ul.case { overflow: hidden; text-align: center;}
#left ul.case li { float: left; width:149px;}
#left ul.case li img { border: #ddd 1px solid; padding: 2px; margin: 4px 0px;}
#left .seo_title { background: url(tc_bg.gif) repeat-x; font: bold 12px/27px arial, helvetica, sans-serif; color: #ff3300; height: 27px;}
#left .seo_title span { padding-left: 450px; font: 12px/27px arial, helvetica, sans-serif; color: #d90d0d;}
#left ul.seo { margin: 5px 4px 15px 4px; color: #333333;}
#left ul.seo li { padding-left: 20px; background: url(dot.gif) no-repeat left center; float: left; margin: 0px 5px 0px 0px; width: 210px; height: 28px; text-align: left;}
#left ul.seo li span { font-weight:bold;}
#left .service {}
#left .service .item { display:inline; width:300px; margin:10px 0px 0px 50px; float:left;}
#left .service .item .title1 { font-weight:bold; margin-bottom:14px; color:#666666;}
#left .service .item .img { width:50px; padding-left:18px; float:left;}
#left .service .item .descr {width:200px; padding-left:18px; line-height:18px; text-align:left; float:left;}
#left .intro { margin:10px 4px; line-height:18px;}

#right { display:inline; padding-right: 6px; padding-top:5px; background: url(body_bg.gif) #fff repeat-x left top; float:right; margin: 3px 3px 0px 0px; width: 219px;}
#right .title {	background: url(whios_title.gif) no-repeat left top; margin: 0px 0px 5px 4px; line-height: 24px; height: 24px; font-weight:bold; padding-left:10px; color:#fff;}
#right ul { padding-bottom: 5px;}
#right ul li { display:block; padding-left: 10px; margin: 0px 0px 5px; line-height:15px; text-align:left;}
#right ul li.jzfw { line-height:24px;}
#right ul li a { background: url(line.gif); color: #333333;}
#right ul li a:hover { color:#f30;}
#right ul li span.nor { float: left; margin: 10px 0px 0px; width: 80px; height: 80px; line-height: 24px;}
#right .phone { margin-bottom:8px; margin-left:4px;}
/* end bodymain */
/*  start top2 */
#top #top_sub32 { color:#999999; height:35px!important; line-height:35px!important; height:28px; line-height:28px; font: 12px/30px "arial",helvetica, sans-serif; text-align:left;}
#top #top_sub32 a { color:#999999;}
#top #top_sub32 a:hover{ color:#f30;}
/* end top2 */
/* start bodymain2 */
#bodymain2 { margin: 5px auto; width: 950px; background-color: #fff; color: #333333;}
#left2 { display:inline; OVERFLOW: hidden; WIDTH: 720px; float:left;}
#bodymain2 .title { BORDER: #d6d6d6 1px solid; border-bottom:none; PADDING-LEFT: 12px; FONT-WEIGHT: bold; BACKGROUND: url(i_t_bg.gif) repeat-x; COLOR: #fff; LINE-HEIGHT: 27px;}
#bodymain2 .title2 { background:url(title2_bg.gif) repeat-x left top; margin-top:5px; padding-left:10px; height:30px; line-height:30px; font-weight:bold; color:#000;}
#bodymain2 .title2 a,a:hover { color:#000;}
#bodymain2 .title2 span { padding-left:480px;}
#bodymain2 a { color:#555;}
#bodymain2 a:hover { color:#f30;}
#left2 .content { BORDER: #d6d6d6 1px solid; PADDING:6px; color:#555;}
#left2 .content p { margin:0; padding:0;}
#left2 .taocan { margin-top:5px;}
#left2 .taocan li { display:inline; margin-left:23px; float:left;}
#left2 .taocan li a { display:block; margin-top:5px;}
#left2 .service .item { display:inline; width:300px; margin:10px 0px 0px 45px; float:left;}
#left2 .service .item .title1 { font-weight:bold; margin-bottom:14px; color:#666666;}
#left2 .service .item .img { width:50px; padding-left:18px; float:left;}
#left2 .service .item .descr {width:200px; padding-left:18px; line-height:18px; text-align:left; float:left;}
#left2 ul.case { margin:5px 0 10px 0; overflow: hidden; text-align: center;}
#left2 ul.case li { float: left; width:176px;}
#left2 ul.case li img { margin-bottom:5px;}
#left2 .tuiguang {}
#left2 .tuiguang .title2_sub { background:url(tuiguang_t_bg.gif) repeat-x; padding-left:20px; height:40px; line-height:40px; font-weight:bold;}
#left2 .tuiguang .title2_sub .dot_img { background:url(tuguang_t_dot.gif) no-repeat left center; padding-left:20px;}
#left2 .tuiguang .descr { margin:5px 0;}
#left2 .tuiguang .descr img { width:311px; float:left;}
#left2 .tuiguang .descr .txt { width:385px; margin-left:10px; line-height:22px; float:left;}
#left2 .tuiguang .descr .txt p { margin-top:5px;}
#left2 .tuiguang .price { border:1px solid #A0D4F7; background:#FDF7F0; padding:5px 30px;}
#left2 .tuiguang .txt2 { margin:5px 0; line-height:22px;}
#left2 .tuiguang .txt2 p { margin-top:5px;}
#left2 .tuiguang .txt2 span { font-weight:bold;}
#left2 .host { width:337px; margin-top:5px; padding:3px; border:1px solid #D3E3F0; float:left;}
#left2 .host .htitle { background:url(host_bg.gif) no-repeat center center; height:70px;}
#left2 .host .htitle .t1 { text-align:right; font-weight:bold; font-size:15px; color:#0000FF;padding:10px;}
#left2 .host .htitle .t2 { text-align:right; padding-right:10px;}
#left2 .host .descr { padding:0 10px;}
#left2 .host .descr .hleft { width:100px; text-align:left; float:left;}
#left2 .host .descr .hright { width:217px; text-align:left; float:left;}
#left2 .host .descr li { height:26px; line-height:26px; border-bottom:1px solid #D3E3F0;}
#left2 .host .descr li.f3 { font-weight:bold;}
#left2 .domain ul.img { margin:5px 0 10px 0; overflow: hidden; text-align: center;}
#left2 .domain ul.img li { float: left; width:235px;}
#left2 .domain .title2 ul.tt li { float:left;}
#left2 .domain .title2 ul.tt li.tt1 { text-align:left; width:106px;}
#left2 .domain .title2 ul.tt li.tt2 { text-align:left; width:490px;}
#left2 .domain .title2 ul.tt li.tt3 { text-align:left; width:100px;}
#left2 .domain .items { padding-left:10px;}
#left2 .domain .items ul.itt { height:32px; border-bottom:1px solid #D3E3F0;}
#left2 .domain .items ul.itt li { padding:10px 0; float:left;}
#left2 .domain .items ul.itt li.itt1 { text-align:left; width:106px;}
#left2 .domain .items ul.itt li.itt2 { text-align:left; width:490px;}
#left2 .domain .items ul.itt li.itt3 { text-align:left; width:100px;}
#left2 .domain .items ul.itt li.itt22 { text-align:left; width:420px;}
#left2 .domain .items ul.itt li.itt33 { text-align:left; width:170px;}
#left2 .contactus { padding:0 50px;}
#left2 .contactus p { height:28px; line-height:28px;}
#left2 .contactus p span { margin-left:10px;}
#left2 .contactus p.p1 { height:35px; line-height:35px; color:#0066CC; font-weight:bold;}
#left2 .contactus p.p1 a { color:#f30;}
#left2 .youhui { margin:5px 0;}
#left2 .youhui p { width:239px; text-align:cen; float:left;}
#left2 .zhenduan { line-height:18px;}
#left2 .zhenduan .descr { width:600px; margin:auto; margin-bottom:20px;}
#left2 .zhenduan .descr img { float:left;}
#left2 .zhenduan .descr .descr_text { margin-left:10px; float:left;}
#left2 .zhenduan .descr .descr_text p { font-weight:bold; font-size:15px; color:#f30;}
#left2 .zhenduan .descr .descr_text li { background:url(zd06.jpg) no-repeat left center; padding-left:15px; text-align:left;}
#left2 .aboutus .descr { margin-top:10px;}
#left2 .aboutus .descr .descr_d { margin-top:10px;}
#left2 .aboutus .descr .descr_d img { float:left;}
#left2 .aboutus .descr .descr_d div { float:left;}
#left2 .liucheng p.title3 { margin:10px 0;}
#left2 .liucheng p.descr { text-indent:20px; line-height:20px;}
#left2 .youshi p { background:url(youshi_bg.gif) no-repeat left 14px; text-indent: 25px; border-bottom:1px solid #F8E7C7;  padding-bottom:10px; padding-top:10px; line-height:20px;}
#left2 .youshi p span { color:#f30;}
#left2 .mokuai p { text-indent: 25px; border-bottom:1px solid #F8E7C7;  padding-bottom:10px; padding-top:10px; line-height:20px;}
#left2 .mokuai p span { color:#f30;}
#left2 .artclist { padding-left:6px;}
#left2 .artclist ul li { float:left; height:22px; line-height:22px; border-bottom:dashed 1px #999; text-align:left; width:350px;}
#left2 .article .center1 { text-align:center;}
#left2 .article p { margin:0; padding:0; margin-top:5px;}

#right2 { overflow: hidden; width: 200px; margin-left:15px; float:left;}
#right2 .title a { color:#fff;}
#right2 .title a:hover { color:#fff;}
#right2 .title a:visited { color:#fff;}
#right2 .sidebox { BORDER: #d6d6d6 1px solid; padding:6px 6px 0px 6px; color:#555;}
#right2 .sidebox ul { padding-bottom:10px;}
#right2 .sidebox li { BACKGROUND: url(dot.gif) no-repeat left center; padding-left:15px; padding-top:6px; padding-bottom:6px; text-align:left; border-bottom:1px dashed #999;}
#right2 .sidebox li a { color:#555;}
#right2 .sidebox2 { BORDER: #d6d6d6 1px solid; PADDING:6px 6px 0px 6px; color:#555;}
#right2 .sidebox2 ul { padding-bottom:10px;}
#right2 .sidebox2 li { padding-top:6px; padding-bottom:6px; text-align:left; border-bottom:1px dashed #999;}
#right2 .sidebox2 li a { color:#555;}
#right2 .sidebox2 li.zz { color:#f30;}
#right2 .phone { BORDER: #d6d6d6 1px solid;}
#bodymain2 .sitemap { BORDER: #d6d6d6 1px solid; PADDING:6px; color:#555; line-height:22px;}
#bodymain2 .sitemap .level1 {margin-left:100px;}
#bodymain2 .sitemap .level2 {margin-left:120px;}

/* end bodymain2 */
#btnav { width:996px; margin:0 auto; background-color:#EDEDED;}
#btnav ul { width:800px; margin:0 auto;}
#btnav li { width:85px; background:url(bottom4.jpg) no-repeat left center; padding-left:15px; height:30px; text-align:left; line-height:30px; float:left;}
#footer { width:976px; margin:0 auto; margin-top:10px; padding:0 10px 10px 0; line-height:22px;}
#footer .f1 { width:230px; float:left;}
#footer .f2 { width:736px; margin-left:10px; float:left;}

#footer { width:976px; margin:0 auto; margin-top:10px; padding:0 10px 10px 0; line-height:22px;}
#footer .f1 { width:230px; float:left;}
#footer .f2 { width:736px; margin-left:10px; float:left;}

/* scroll QQ */
.qqbox{ z-index:99; width: 178px; right: 0; top: 200px; position: absolute;}
.qqbox .press{ right: 0; border: none; cursor: pointer;width: 33px; height: 158px;position: absolute;}
.qqbox .qlist{ left: 0; width: 145px; background: url(qq_listbg.gif) repeat-y -155px 0;  position: absolute;}
.qqbox .qlist .t,
.qqbox .qlist .b{ float: right; height: 6px; width: 145px; font-size: 1px; }
.qqbox .qlist .t{ background: url(qq_listbg.gif) no-repeat left; }
.qqbox .qlist .b{ background: url(qq_listbg.gif) no-repeat right; }
.qqbox .qlist .con{ background: #fff; width: 90%; margin: 0 auto; }
.qqbox .qlist .con h2{ height: 22px; font: bold 12px/22px "ËÎÌå"; background: url(qq_listbg.gif) repeat-y -163px 0; border: 1px solid #3a708d; text-align: center; color:#fff;}
.qqbox .qlist .con ul{  }
.qqbox .qlist .con ul li{  padding: 5px 0 0 8px;height: 20px; background: #ffffff;}
.qqbox .qlist .con ul li.odd{ background: #fff; }

#weblink {width:976px;margin:auto; background-color:#FFFFFF; color:#5f666f;}
#weblink a { color:#5f666f; margin-left:3px;}
#weblink a:hover {color:#FF0000;}

h1,h2,h3{ padding:0; margin:0; font-size:12px; margin-left:5px; display :inline;}

.clear { clear:both;}