@charset "gb2312";
/* CSS Document */	
body,div,p,span,ul,li,ol,dd,dl,dt,h1,h2,h3,h4,h5,h6,td,th,input,select{padding:0; margin:0;}
body,td,th,input,option,h1,h2,h3,h4,h5,h6{font-size: 12px; color:#666; font-weight: normal;}
ul,li{list-style:none;}
a{color:#555; text-decoration:none;}
a:hover{color:#027BCC; text-decoration:underline;}
.clear{ clear:both; line-height:0px;}
.center{ margin:0 auto;}
.w980{ width:980px; height:auto;}
.blue{color:#0066CC;} 
body{ background:url(../images/body_bg.jpg) left top repeat-x;}
h3{ display:inline; color:#ccc; font-size:12px; margin-left:7px; font-family:'΢ÈíÑźÚ'; font-style: italic;}
.blank12{ height:12px; line-height:12px; width:100%; padding:0px; clear:both;}
.blank6{ height:6px; line-height:6px; width:100%; padding:0px; clear:both;}


/*ҳü*/
.header .logo{ background:url(../images/bg.jpg) left top no-repeat; width:100%; height:95px; overflow:hidden;}
.header .logo img{ float:left;}
.header .logo_right{ float:right; width:190px; line-height:24px; overflow:hidden; margin:20px 0 0 0;}
.header .logo_right a{ color:#999;}
.header .logo_right a:hover{ color:#666;}
.header .logo_right .site{ width:172px; text-align:right; height:32px; color:#999; padding-right:10px;}
.header .logo_right .search{ width:176px; height:23px;margin-top:32px; }
.skey{ width:149px; height:23px; line-height:23px;_padding-top:3px; _height:20px; border:none; background:url(../images/serchbg.jpg) no-repeat; vertical-align:top; float:left; text-indent:10px; margin-right:2px;}
.button{ width:23px; height:23px; border:none; background:url(../images/go.gif) no-repeat; text-indent:-50px; float:left; cursor:pointer;}

/*ÐÎÏñͼ*/
.banner{ width:980px; height:320px; margin-top:2px;}
.n_banner{ width:980px; height:183px; margin:8px auto 0 auto;}

/*µ¼º½*/
.nav{ width:980px; margin:0 auto; height:35px;}
.nav_middle{ width:785px;height:35px; float:left; background:url(../images/nav_bj.jpg) repeat-x;}
.nav_right{ width:85px;height:35px; background:url(../images/nav_right.jpg) right top no-repeat; float:left;}
.nav_middle li{ float:left; width:110px; height:35px;position:relative;}
.nav_middle li.b{ padding:0px; width:2px; background:url(../images/nav_b.jpg) no-repeat;}
.nav a{ font-size:16px; display:block; text-align:center; height:35px; line-height:33px; color:#fff; font-family:'΢ÈíÑźÚ';}
.nav_middle li a:hover{ color:#fff; text-decoration:none; background:url(../images/nav_hover.jpg) no-repeat center bottom;}
.nav_middle li a.hover{ color:#fff; text-decoration:none; background:url(../images/nav_hover.jpg) no-repeat center bottom;}
.nav_left { width:110px; height:35px; line-height:35px; text-decoration:none;float:left;}
.nav_left a{color:#fff; text-decoration:none; background:url(../images/nav_ha.jpg) no-repeat center bottom; }
.nav_left a:hover{color:#fff; text-decoration:none;background:url(../images/nav_hb.jpg) no-repeat center bottom; }

/*Ê×Ò³*/
.main_index .AboutUs{ width:260px; height:240px; float:left;}
.main_index .top {width:100%; height:29px; background:url(../images/inl.jpg) left no-repeat #0F70C5; overflow:hidden; margin-bottom:9px;}
.main_index .top div{width:150px; height:18px; float:left; padding:6px 0 0 20px; font-size:13px; display:inline-block; color:#fff; font-weight:bold; font-family:'΢ÈíÑźÚ';}
.main_index .top span{  height:29px; float:right; background:url(../images/index_inmore.jpg) right top no-repeat;}
.main_index .top a{ float:right; display:inline-block; margin:12px 15px 0 0; color:#FFF;}
.main_index .AboutUs .con{ background:url(../images/abouttoppic.jpg) left top no-repeat; padding-top:90px; width:242px; height:75px; margin:0 auto; line-height:200%;}
.main_index .news{ width:262px; height:240px; float:left; margin-left:8px; display:inline;}
.main_index .news .topNews{ width:255; overflow:auto; margin:0 auto 8px auto;}
.main_index .news .topNews .l{ width:88px; height:79px; border:1px solid #ccc; padding:1px; float:left; margin:8px 10px 0 4px; }
.main_index .news .topNews img{ width:88px; height:79px;}
.main_index .news .topNews .r{ width:152px;line-height:22px; font-size:12px; float:left;margin-top:8px;}
.main_index .news ul.news_list_index li{ width:100%; height:22px; line-height:22px; overflow:hidden;background:url(../images/d.gif) no-repeat 2px 4px; text-indent:20px;}
.main_index .Case{ width:440px; height:240px; float:left; margin-left:8px;}
.main_index .Case .topcase{ margin-left:4px;}
.main_index .Recommend{ width:712px; height:230px; overflow:hidden; float:right;}
.main_index .Recommend_con{ width:680px; margin:0 auto; padding-top:5px;}
.main_index .Recommend_con .proList_index{ width:166px; height:192px; float:left; text-align:center; margin-right:10px;}
.main_index .Recommend_con .proList_index img{ width:137px; height:137px;}
.main_index .Recommend_con .proList_index .pic a{ width:137px; height:146px; margin:0px; padding:12px 18px 16px 12px; display:block; background:url(../images/index_probg01.jpg) no-repeat;}
.main_index .Recommend_con .proList_index .pic a:hover{background:url(../images/index_probg.jpg) no-repeat;color:#027BCC; text-decoration:underline;}
.main_index .contactus{ width:260px; height:240px; float:left;}
.main_index .index_contact{_width:220px; line-height:22px; height:125px; padding:60px 15px 5px 24px; background:url(../images/index_contact.jpg) no-repeat;}

/*µ×²¿*/
.footer{ width:980px; height:80px; margin-top:16px; _margin-top:12px; background:url(../images/banbot.jpg) repeat-x; padding:0; text-align:center; color:#ffffff; position:relative;}
.footer .top{ position:absolute; right:10px;}
.footer .con{ line-height:200%; padding-top:20px;}
.footer a{color:#ffffff;}
.footer a:hover{color:#ffcc00; text-decoration:underline;}

/*¹ö¶¯*/
#demo{overflow:hidden;width:680px;float:left; height:auto;}
#indemo{float:left;width:4580px;}
#demo2,#demo3{float:left;}

/*×óÀ¸*/
.main .main_left{ width:240px; height:auto; float:left;}
.main .main_left .top{ height:26px; width:100%; background:url(../images/main_left.gif); margin-bottom:6px;}
.main .main_left .top div{width:130px; height:21px; float:left; padding:5px 0 0 10px;}
.main .main_left .top div h3{ display:inline-block; color:#fff; font-weight:bold;}
.main .main_left .top div span{ color:#fff; margin-left:7px;}
.main .main_left .subnav{width:208px; height:auto; background:#FAFAFA; border:1px solid #EDEDED; padding:10px 15px 10px 15px;}
.main .main_left .subnav li{ width:100%; _height:29px; min-height:29px; border-bottom:1px dotted #ddd;}
.main .main_left .subnav li a{ display:block; line-height:29px; text-indent:26px; background:url(../images/d.gif) no-repeat 5px 9px;}
.main .main_left .subnav li a:hover{ background:#f5f5f5 url(../images/d.gif) no-repeat 5px 9px;}
.main .main_left .subnav li ul{ margin-bottom:-1px;}
.main .main_left .subnav li ul li{ width:100%; height:29px; border-top:1px dotted #ddd;}
.main .main_left .subnav li ul li a{ display:block; line-height:29px; text-indent:46px; background:url(../images/d.gif) no-repeat 25px 9px;}
.main .main_left .subnav li ul li a:hover{ background:#f5f5f5 url(../images/d.gif) no-repeat 25px 9px;}
.main .main_left .top2{ height:26px; width:100%; background:url(../images/main_left2.gif); margin-bottom:6px;}
.main .main_left .top2 div{width:130px; height:21px; float:left; padding:5px 0 0 10px;}
.main .main_left .top2 div h3{ display:inline-block; color:#fff; font-weight:bold;}
.main .main_left .top2 div span{ color:#fff; margin-left:7px;}
.main .main_left .bottom{width:208px; height:auto; background:#FAFAFA; border:1px solid #EDEDED; padding:10px 15px 10px 15px; line-height:180%;}

/*ÓÒÀ¸*/
.main .main_right{ width:694px; border:1px solid #EBEBEB; height:auto; float:right;}
.main .main_right .top{ width:100%; height:33px; background:url(../images/romm_bj.gif) repeat-x;}
.main .main_right .top div{ width:140px; height:25px; background:#0283D6;padding:8px 0 0 10px;}
.main .main_right .top div h3{ display:inline-block; color:#fff; font-weight:bold;}
.main .main_right .top div span{ color:#fff; margin-left:7px;}
.main .main_right .bottom{ width:654px; height:auto; padding:20px;}
.Case_list li{ width:100%; height:34px; line-height:34px; overflow:hidden; border-bottom:1px dotted #ddd;}
.Case_list li span.l{ float:left; width:70%; background:url(../images/d.gif) no-repeat 2px 11px; text-indent:20px;}
.Case_list li span.r{ float:right; width:30%; text-align:right; color:#999;}
.proList{ width:33%; height:150px; float:left; text-align:center;}
.proList img{ width:190px; height:94px; padding:2px; border:1px solid #ebebeb; margin-bottom:5px;}
.ArticleTitle{ font-size:18px; line-height:40px; text-align:center;  margin-bottom:10px;  font-family:"΢ÈíÑźÚ"; color:#0283D6;}
.ArticleMessage{  text-align:center; color:#A8A6A6; border-bottom:1px dotted #CCCCCC;border-top:1px dotted #CCCCCC; ; margin-bottom:10px; padding:4px 0;}
.ArticleMessage a:link{ text-align:center;color:#A8A6A6;}
.ArticleTencont{  line-height:180%; font-size:12px;}
#article a:link{  text-align:right; color:#A8A6A6;}
.pr_ms{font-weight:bold;border-bottom:1px dotted #CCCCCC;  }
.pr_nr{ padding:10px 20px;}
.fy{ width:100%; text-align:center;border-top:1px dotted #CCCCCC; padding-top:10px; margin-top:20px;}
.pro_images{ width:100%; height:auto; text-align:center; font-size:14px; font-weight:bold; color:#0283D6; margin-bottom:20px;}
.pro_images img{ min-width:500px; padding:2px; border:1px solid #eaeaea; margin-bottom:15px;}