@charset "gb2312";

/*
copyright 2012 Ruite.org computer maintenance services studio all rights reserved, visitors can be used to study or research, as well as other non-commercial or non-profit purposes, but at the same time should abide by the copyright law and other relevant laws, shall not copy or infringe upon this website correlation obligee's legal rights.
*/

body{ padding:0px; margin:0px; line-height:20px; font-family:"宋体"; font-size:12px;background:#e7e7e7; }

ul,li{ padding:0px; margin:0px; list-style-type:none; }

.clear{ clear:both;}

.mass{ width:980px; margin:0 auto;}

.top{ height:154px; background:url(top_bg.gif) top repeat-x;}

.c2 a{ color:#000; text-decoration:none;}
.c2 a:hover{ color:#000; text-decoration:underline;}

.top_a{ float:left; width:480px; padding-top:20px; height:76px;}
.top_b{ float:right; width:480px; text-align:right; height:66px; padding-top:10px; }
.top_b_a{ height:34px; background:url(sho.gif) 337px 27px no-repeat; text-align:right; line-height:20px; padding-top:30px; color:#FFF;}
.top_b_a a{color:#FFF; text-decoration:none;}
.top_b_a a:hover{ color:#000; text-decoration:underline;}
.top_b_b{ height:32px; text-align:right;}
.top_b_b a{color:#000; text-decoration:none;}
.top_b_b a:hover{ color:#F60; text-decoration:underline;}

.nav{ width:996px; height:44px; padding-top:15px;  margin:0 auto; background:url(nav_bg.gif) top no-repeat;}
.nav ul{ padding-left:8px;}
.nav li{ float:left; width:120px; text-align:center; line-height:40px; font-size:13px; font-family:"微软雅黑", "宋体";}
.nav li span{ float:left; width:1px; height:44px; background:url(nav_nav.gif) bottom no-repeat; display:block;}
.nav li a{ color:#FFF; text-decoration:none;}
.nav li a:hover{ color:#000; text-decoration:underline;}

.banenr{ background:#d2d2d2 url(banner_bg.gif) bottom repeat-x; text-align:center; padding-top:15px; padding-bottom:15px; }
.banenrs{padding-top:15px; padding-bottom:15px; position:relative; z-index:0;height:200px;  }

.xmsc{ width:136px; height:125px;  position:absolute; left:314px; top:50px;  z-index:20;}
.dh3d{ width:136px; height:125px;  position:absolute; left:466px; top:50px; z-index:20;}
.imgf{position: absolute; z-index:0;}

.box{ margin-top:13px;}
.box_a{ float:left; width:667px; border:1px solid #cecece; background:#FFF;}
.box_a_a{ height:33px; line-height:33px; background:url(box_a.gif) repeat-x; color:#f44f0b; font-weight:bold; font-size:14px;} 

.box_a_a_a{ float:left; width:220px; }
.box_a_a_b{ float:right; width:60px; text-align:right; font-size:12px; color:#5D5D5D; padding-right:8px; font-weight:100;}
.box_a_a_b a{ color:#5D5D5D; text-decoration: none;}
.box_a_a_b a:hover{ color:#F60; text-decoration:underline;}

.box_a_a span{ float:left; width:40px;}
.box_a_a span img{ padding-top:5px; padding-left:10px; text-align:center;}
.box_a_a font{ width:80px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#888;}

.box_a_b{ height:150px; line-height:23px; padding-top:10px; padding-right:10px;}
.box_a_b a{ color:#000; text-decoration: none;}
.box_a_b a:hover{ color:#F60; text-decoration:underline;}
.box_a_b img{ padding:1px; border:1px solid #c9c8c6;}
.box_b{ float:right; width:298px;}
.box_b1{  width:296px; border:1px solid #cecece; background:#FFF;}
.box_b2{ margin-top:10px;  width:296px; border:1px solid #cecece; background:#FFF;}
.box_b_b{height:150px; line-height:23px; padding-top:10px; padding-right:10px;}
.box_b_b li{ float:left; width:260px; text-indent:15px; line-height:23px;}
.box_b_b a{ color:#000; text-decoration: none;}
.box_b_b a:hover{ color:#F60; text-decoration:underline;}


.box_b_b2{height:243px; line-height:23px; padding-top:10px; }
.box_b_b2 li{ float:left; width:269px; text-indent:15px; line-height:23px;}
.box_b_b2 a{ color:#000; text-decoration: none;}
.box_b_b2 a:hover{ color:#F60; text-decoration:underline;}

.box_b_c{ height:300px; line-height:23px; padding-top:15px;  padding-left:18px;}
.box_b_c li{ float:left; width:149px; height:133px; background:#d3d3d3; margin-right:10px; margin-bottom:15px;}
.box_b_c_a{ text-align:center; padding-top:5px;}
.box_b_c_b{ text-align:center;  padding-top:2px;}
.box_b_c a{ color:#000; text-decoration: none;}
.box_b_c a:hover{ color:#F60; text-decoration:underline;}


#demo{ overflow:hidden; width:880px; height:110px;}
#indemo{ float:left; width:800%;}
#demo1{ float:left;}
#demo2{ float:left;}


.box_b_d{ height:150px; line-height:23px; padding-top:10px; padding-left:15px;}
.box_b_d a{ color:#000; text-decoration: none;}
.box_b_d a:hover{ color:#F60; text-decoration:underline;}


.box_nav{ height:30px; background:#ff8623; line-height:30px; color:#FFF;}
.box_nav_a{ float:left; width:417px; font-size:14px; font-weight:bold; padding-left:10px; }
.box_nav_b{ float:right; width:300px; text-align:right; padding-right:10px;}
.box_nav_b a{ color:#FFF; text-decoration: none;}
.box_nav_b a:hover{ color:#000; text-decoration:underline;}
.box_nav_c{ float:left; width:160px; height:30px; text-align:center; font-size:14px; font-weight:bold; padding-left:10px; }
.box_nav_c a{ color:#FFF; text-decoration: none;}
.box_nav_c a:hover{ color:#000; text-decoration:underline;}


.gd_max{ width:980px; height:130px; background:url(index_07.jpg) no-repeat; margin-top:10px; }
.gd_max ul{ padding-left:50px; padding-top:10px; }
.gd_max li{ float:left; width:120px; height:110px; line-height:20px; text-align:center; margin-left:10px;}
.gd_max a{ color:#000; text-decoration: none;}
.gd_max a:hover{ color:#F00; text-decoration:underline;}


.box_conter{ background:#FFF; _margin-top:1px;   }
.box_conter_a{ float:left; width:235px;}
.box_conter_b{ float:right; width:727px; background:url(box_conter_bg2.gif) left repeat-y;}



.d_nav{ width:194px; margin-left:20px; margin-top:20px; }
.d_nav li{ float:left; width:180px; margin-left:10px; height:26px; line-height:26px; text-indent:40px; margin-bottom:1px; background:url(a01.gif) no-repeat;}
.d_nav a{ color:#000; text-decoration: none;}
.d_nav a:hover{ color:#F60; text-decoration:underline;}

.d_navs{ background:url(a01s.gif) no-repeat;}


.d_pro{ width:194px; margin-left:20px;margin-top:15px;  }

.layercontent {LINE-HEIGHT: 18px; MARGIN: 0px auto; PADDING-LEFT: 13px; WIDTH: 143px; BACKGROUND: url(selectbg.gif) no-repeat left top; HEIGHT: 18px; CURSOR: pointer;}
.layer {POSITION: absolute; MARGIN: -0px 0px 0px -13px; WIDTH: 156px; DISPLAY: none;  _margin: -2px 0px 0px -13px}
.layerlist {BORDER: #8a908c 1px solid; PADDING-TOP: 16px}
.layerlist UL {PADDING-BOTTOM: 3px; PADDING-LEFT: 10px; WIDTH: 134px;  PADDING-RIGHT: 10px; BACKGROUND: #ffffff; BORDER-TOP: #8a908c 1px solid; PADDING-TOP: 3px}
.layerlist UL LI {LINE-HEIGHT: 20px; HEIGHT: 20px; OVERFLOW: hidden; }
.layerlist a{ COLOR: #504d4c; text-decoration:none;}
.layerlist a:hover{ color:#F60; text-decoration:underline;}

.leftproselect {MARGIN: 0px auto; WIDTH: 156px; }
.leftproselect H3 {LINE-HEIGHT: 25px; PADDING-LEFT: 8px; HEIGHT:25px; COLOR: #504d4c; FONT-SIZE: 12px; FONT-WEIGHT: bold; ;}


.d_ctu{ width:194px; margin-left:20px; margin-top:15px; margin-bottom:20px; }
.d_ctu_a{ height:37px; text-align:center;}
.d_ctu_b{ line-height:20px; padding-left:15px;}
.d_ctu_b a{ color:#000; text-decoration: none;}
.d_ctu_b a:hover{ color:#F60; text-decoration:underline;}


.d_cer{background:url(box_conter_bg.gif) top left no-repeat; line-height:25px; padding:20px;}
.d_cer a{ color:#000; text-decoration: none;}
.d_cer a:hover{ color:#F60; text-decoration:underline;}


.d_title{ text-align:center;}
.d_title h1{ padding:0px; margin:0px; line-height:30px; font-size:14px; color:#F60;}
.d_conter{ padding-bottom:10px; padding-top:8px;}
.d_conter a{ color:#000; text-decoration: none;}
.d_conter a:hover{ color:#F60; text-decoration:underline;}
.d_conter table{ border:1px solid #C9C9C9; border-collapse:collapse;}
.d_conter th{border:1px solid #C9C9C9;border-collapse:collapse; padding:2px; background:#FFF7E6;}
.d_conter tr{border:1px solid #C9C9C9;border-collapse:collapse;}
.d_conter td{border:1px solid #C9C9C9;border-collapse:collapse; padding:2px; text-align:center;}
.d_conter2{ width:900px; height:430px; overflow:hidden;}


.d_time{ line-height:30px; height:30px; text-align:left; background:url(a04.gif) top repeat-x;}
.d_time a{ color:#000; text-decoration: none;}
.d_time a:hover{ color:#F60; text-decoration:underline;}

.d_time_a{ float:left; width:323px;}
.d_time_b{ float:right; width:176px;}

.d_xiang{ line-height:25px;}
.d_xiang li{ float:left; width:280px;}
.d_xiang a{ color:#000; text-decoration: none;}
.d_xiang a:hover{ color:#F60; text-decoration:underline;}


.d_times{ line-height:50px;}
.d_times a{ color:#000; text-decoration: none;}
.d_times a:hover{ color:#F60; text-decoration:underline;}



.d_timess{  text-align:center; width:94px; margin:0 auto;}


.d_news{background:url(box_conter_bg.gif) top left no-repeat; line-height:25px; padding:20px;}

.d_news_a{ background:#E8E8E8;text-align:center;}

.d_news_a_a{ float:left; width:350px; text-indent:20px;}

.d_news_a_b{ float:left; width:150px;text-align:center;}
.d_news_a_c{float:right; width:150px;text-align:center;}

.d_news_b{ padding-top:10px;}
.d_news_b li{ float:left; width:687px; line-height:30px; background:url(a04.gif) bottom repeat-x;}
.d_news_b a{ color:#2A2A2A; text-decoration: none;}
.d_news_b a:hover{ color:#F60; text-decoration:underline;}

.d_news_b_b{ float:left; width:150px;text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#787878;}
.d_news_b_c{float:right; width:150px;text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#787878;}



.d_products{background:url(box_conter_bg.gif) top left no-repeat; line-height:25px; padding:0px 0px 0px 7px;}
.d_product{padding:20px 0px 0px 20px;}
.d_product li{ float:left; width:158px; height:143px; background:#d3d3d3; margin-right:15px; margin-bottom:15px;}
.d_product_a{ text-align:center; padding-top:5px;}
.d_product_b{ text-align:center; font-weight:bold; padding-top:2px;}
.d_product a{ color:#000; text-decoration: none;}
.d_product a:hover{ color:#F60; text-decoration:underline;}


.product li{ float:left; width:155px; height:143px; background:#d3d3d3; margin-right:15px; margin-bottom:15px;}
.product_a{ text-align:center; padding-top:5px;}
.product_b{ text-align:center; font-weight:bold; padding-top:2px;}
.product a{ color:#000; text-decoration: none;}
.product a:hover{ color:#F60; text-decoration:underline;}




.pages{ height:30px; text-align:center; line-height:30px; text-align:center; padding-top:10px; padding-bottom:20px;}
.pages a{ color:#2A2A2A; text-decoration: none;}
.pages a:hover{ color:#F60; text-decoration:underline;}


.foot{ background:#ff8623; margin-top:13px;}
.foot a{ color:#000; text-decoration: none;}
.foot a:hover{ color:#FFF; text-decoration:underline;}

.foot_a{ padding-top:15px; line-height:20px;}
.foot_a_a{ float:left; width:480px;}
.foot_a_b{ float:right; width:480px; text-align:right;}
.foot_b{ padding-top:8px; line-height:20px; padding-bottom:15px;}


.prc_url{ width:683px; height:488px; overflow:hidden; text-align:center;}
.prc_url_img{width:683px; padding-top:10px;  position:relative;}
.prc_urls{ position:relative; top:-300px; width:683px; height:100px;margin-bottom:-80px; }
.prc_urla{ width:130px; float:left; cursor:pointer; height:100px; line-height:30px; background:url(last.png) no-repeat; }
.prc_urlb{ width:130px; float:right;cursor:pointer; height:100px; line-height:30px; background:url(next.png) no-repeat;}
.prc{ height:20px; }



/* 列表分页 */
.pagelist{margin:5px auto;padding:5px 0; text-align:center;}
.pagelist a{padding:3px 8px; margin:0 2px; border:1px solid #dddddd; color:#666;font-weight:bold;}
.pagelist a:hover{color:#3388d8;}
.pagelist a.hover{color:#3388d8;background:#eee;}

/* 内容分页 */
.content-page{border-top:1px solid #dae9f8;margin-top:7px;padding-top:5px;margin-bottom:5px;}
.content-page a{display:block;padding:1px 10px;border:1px solid #dddddd;margin-right:5px;color:#666;font-weight:bold;}
.content-page a.now{background:#eee;color:#3388d8;}
.content-page a:hover{color:#3388d8;}

/* 客服QQ样式 */
#qqonline_float{width:144px; height:527px;position:fixed;*_position:absolute;left:0px;top:167px;}
#qqonline_float .qq-top{width:144px;background:url(qq_a.jpg) no-repeat;height:187px;}
#qqonline_float .qq-bottom{width:144px;background:url(qq_d.jpg) no-repeat;height:26px;}
#qqonline_float .qq-list{background:url(qq_b.jpg) repeat-y; height:33px; padding-top:30px; padding-left:27px;}
#qqonline_float .qq-list a{color:#363636; text-decoration:none;}
#qqonline_float .qq-list a:hover{color:#f56713; text-decoration:underline;}
#qqonline_float .qq-list2{background:url(qq_c.jpg) repeat-y; height:63px;}



/*
copyright 2012 Ruite.org computer maintenance services studio all rights reserved.
*/