@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ font-size:12px; font-family:"宋体";text-align:center; } 
a{text-decoration:none; padding:0px; margin:0px;}
li{ list-style:none; margin:0px; padding:0px;}
dt dd{ margin:0px; padding:0px;}
a ul li h1 h3  h4 form img span select input{ padding:0px; margin:0px; list-style:none;}
img{ display:block; margin:0px; padding:0px; border:none;}
.clear{ clear:both;}
/*头部*/
.box{background:url(../images/bg.jpg) repeat-x; margin:0 auto;}
.container{ width:998px; margin:0 auto; background:#FFF;}
.header_top{ width:998px; height:100px;}
.logo{ display:block; padding-left:26px; float:left;}
.top_right{ display:block; text-align:right; float:right; padding-right:20px; font-family:"黑体"; font-size:16px; font-weight:900;color:#34b900;}
.top_right span { display:block; float:right; padding-top:6px;}
.top_right span img{ float:left; padding-right:5px; text-align:right; width:66px;  height:16px;}
.top_right span h4{ float:left;}

/* 导航*/
.nav{ clear:both; width:988px; height:54px; background:url(../images/nav.jpg) repeat-x;text-align:left;}
.nav ul{ height:33px; background:#FFF; width:988px; padding-top:3px;}
.nav ul li{ float:left; padding-left:20px; text-align:center; padding-right:20px; }
.nav ul li span{ display:block; text-align:center; font-family:"Arial"; font-size:11px; color:#666;} 
.nav ul li a{ line-height:14px; color:#315bab;}
.nav ul li a:hover{ color:#34b900;}
.banner{ width:960px;  margin:0 auto; padding-top:8px;}
.btn{  display:block; width:100px; margin:0 auto; text-align:center; padding-top:0px; height:10px;}
.btn img{ float:left; margin-right:5px;}

.product{ width:960px; margin:0 auto; text-align:left;}
.product_title{ float:left; width:190px; height:51px;}
.product_list{ float:left;  width:765px; position:relative; z-index:9999;border-bottom:#dedede 1px solid; margin-left:5px; }

.list_top{   width:765px; line-height:25px;}
.list_top li{  white-space : nowrap ; float:left; background:url(../images/li.jpg) no-repeat right center; padding-left:8px; padding-right:8px; }
.list_top li a{ color:#666;}
.list_top li a:hover{ color:#5c84c3;}
.color{color:#5c84c3; }
.color a{color:#5c84c3; }

.list_bottom { position:absolute; z-index:9999; width:753px;left:0px; padding:5px; background-color:#FFF;  border:#dedede 1px solid; display:none;}
.list_bottom li { position:static; padding:0; background:none;height:15px; float:left;  line-height:15px;margin:2px 0;padding:0 5px;border-left: 1px solid #CCC; font-style:normal;}
.list_bottom li em {white-space:nowrap; }
.list_bottom li a{ padding:0 5px;color:#999;}
.list_bottom li a:hover{ color:#68c200;}

/*内容*/
.contain{ clear:both; width:960px; margin:0 auto; text-align:left; padding-top:10px;}

.con_left{ width:202px; float:left;}
.con_center{ float:left; width:538px; border:#ececec 1px solid; margin-left:8px; height:485px;}
.con_right{ float:right; width:201px;}
 
.brand{ width:200px; background:url(../images/bg2.jpg) repeat; border:#eeeeee 1px solid; padding-top:8px; padding-bottom:10px; height:228px;}
.brand_title{ display:block; width:186px; height:57px; margin:0 auto; background:url(../images/xian2.jpg) repeat-x bottom; }
.brand_list{ display:block; padding-top:15px;} 
.brand_list li{ width:184px; height:32px; line-height:32px; font-weight:900; border:#efefef 1px solid; background:#FFF; margin:0 auto; margin-bottom:5px;}
.brand_list li a{ padding-left:15px; color:#666;}
.brand_list li a:hover{ color:#0a62c9;}
#c{color:#0a62c9;}

.contact{ padding-top:8px; height:240px;  }
.contact_list{ display:block; width:198px; border:#ececec 1px solid;background:url(../images/bg2.jpg) repeat; padding-top:20px; padding-bottom:15px; }
.contact_list dl{ line-height:25px; padding-left:5px; }
.contact_list dl dt{   font-size:14px;}
.contact_list dd{clear:both;}
.contact_list dd span{ display:block; float:left; }
.address{ display:block; float:left; width:155px;}


.company_title{ display:block; width:520px; height:55px; background:url(../images/xian.jpg) repeat-x bottom; margin:0 auto; }
.company_title h2{ display:block; float:left; font-size:18px; color:#17284f; padding-top:20px;}
.company_title a{ float:right; padding-top:35px; color:#999;}
.company_txt{ display:block; padding-top:15px;}
.company_img img{ width:502px; height:202px; margin:0 auto;}
.company_txt span{ display:block; width:505px; margin:0 auto; padding-top:5px; }
.company_txt span p{ line-height:18px; padding-top:15px;line-height:200%;}



.news{width:200px; background:url(../images/bg2.jpg) repeat; border:#eeeeee 1px solid; padding-top:8px; padding-bottom:5px; }
.news_title{ display:block; width:187px; height:57px; margin:0 auto;background:url(../images/xian2.jpg) repeat-x bottom;}
.news_list{ display:block; width:187px; margin:0 auto; padding-top:5px;  }
.news_list li{ line-height:18px; padding-bottom:7px;background:url(../images/xian2.jpg) repeat-x bottom; }

.news_list li span{ color:#666;}
.news_list li span.date{ display:block; color:#000;}
.news_list li a{ color:#0a62c9; cursor:pointer;}
.news_list li a:hover{ color:#0a62c9;}


.link{ padding-top:10px; }
.link_title{ display:block; color:#808080; border-bottom:#cccccc 1px solid; height:30px; line-height:30px;}
.link_list{ display:block;}
.link_list li{ background:url(../images/link.jpg) no-repeat left center; height:22px; line-height:22px; border-bottom:#cccccc 1px solid;}
.link_list li a{ padding-left:15px; color:#666666;}
.link_list li a:hover{ color:#0a62c9;}



.case{clear:both; width:958px; margin:0 auto; border:#ececec 1px solid; padding-top:8px; overflow:hidden; margin-bottom:10px; padding-bottom:15px;}
.case_title{ display:block;  width:940px; height:38px; margin:0 auto; background:url(../images/xian.jpg) repeat-x bottom;}
.case_title h2{ display:block; float:left;}
.case_title  a{ float:right; color:#0a62c9; padding-top:15px;}
.case_list{ display:block; padding-top:15px; padding-left:10px; }
.case_list li{ float:left; width:215px; margin-left:10px; display:inline; padding-right:10px;}
.case_list li a{  width:215px; height:120px; color:#000;}
.case_list li a span{  bottom:8px; display:block; width:215px; background:url(../images/b.png) repeat-x; cursor:pointer; height:20px; line-height:20px; text-align:center;}
.case_list li a:hover{ color:#0a62c9;}

/*脚部*/
.footer{ clear:both; width:960px; margin:0 auto; height:60px; background:#5d5d5d; line-height:40px; color:#FFF;}
.copyright{ display:block; float:left; padding-left:10px;}
.js{ float:right; padding-right:10px; color:#FFF;}
.js a{color:#FFF;}




/*内页*/
.main{ width:960px; margin:0 auto; text-align:left;}


.menu{ width:200px; background:url(../images/bg2.jpg) repeat; border:#eeeeee 1px solid; padding-top:8px; padding-bottom:6px;}
.menu_title{ display:block; width:176px; height:50px; margin:0 auto; background:url(../images/titlebg.jpg) no-repeat top;  font-family:"Arial"; font-size:11px; color:#9ea70e; padding-left:10px; padding-top:7px;}
.menu_title h4{ font-family:"微软雅黑"; color:#178233; font-size:14px;}
.menu_list{ display:block; width:184px; margin:0 auto; padding-top:15px; background:url(../images/xian.jpg) repeat-x top;} 
.menu_list li{ width:184px; line-height:28px; font-weight:900; border:#efefef 1px solid; background:#FFF; margin:0 auto; margin-bottom:2px;}
.menu_list li a{ padding-left:10px; color:#666; font-size:14px;}
.menu_list li a:hover{ color:#0a62c9;}

.menu_list .Child { clear:both; width:150px; margin-left:30px;}
.menu_list .Child  li{ width:150px;}
.menu_list .Child  li a{ font-size:12px; color:#667;}
.menu_list .Child  li .color{ font-size:12px; color:#5c84c3;}

.main_right{ float:right; width:748px; border:#e7e7e7 1px solid; padding-top:8px;}
.right_title{ width:717px; height:37px; margin:0 auto; background:url(../images/bg2.jpg) repeat; padding-top:10px; padding-left:15px; }
.right_title h2{ display:block; float:left; background:#e4e4e4; color:#1e77ce; width:105px; height:29px; text-align:center; line-height:29px; font-size:14px;}
.right_title span{ display:block; float:right; padding-top:10px; padding-right:10px;  color:#666; }
.right_title span a{ color:#666; padding-left:3px; padding-right:3px;}
.right_title span a:hover{color:#1e77ce;}
.right_list{ width:732px;  margin:0 auto; background:url(../images/xian.jpg) repeat-x top; margin-top:9px; padding-top:15px; padding-bottom:15px;}
.right_list li{ height:25px; line-height:25px; padding-left:10px;}
.right_list li a{ padding-left:10px; background:url(../images/li2.jpg) no-repeat left center; display:block; color:#333; float:left; }
.right_list li a:hover{ color:#1e77ce; text-decoration:underline;}
.right_list li span{ color:#999; float:right;}
.page{ clear:both; display:block; text-align:center;} 
.page a{ color:#333;}
.page a:hover{ color:#1e77ce;}
.img{ clear:both; width:461px;height:15px; margin:0 auto; }

.c_list{width:732px;  margin:0 auto; background:url(../images/xian.jpg) repeat-x top; margin-top:9px; padding-top:15px; padding-bottom:15px;}

.c_list{ display:block; padding-top:20px; padding-left:8px; }
.c_list ul {}
.c_list li{ float:left; width:215px; margin-left:10px; display:inline; padding-right:17px; height:150px;}
.c_list li a{ width:215px; height:120px; color:#000;}
.c_list li a span{display:block; width:215px;  padding-top:8px; text-align:center;}
.c_list li a:hover{ color:#0a62c9;}



.products{ clear:both; width:958px; margin:0 auto; border:#CCC 1px solid; padding-top:8px; text-align:left; padding-bottom:2px;  overflow:hidden;}
.p_title{ width:925px; height:37px; margin:0 auto; background:url(../images/bg2.jpg) repeat; padding-top:10px; padding-left:15px; }
.p_title h2{ display:block; float:left; background:#e4e4e4; color:#1e77ce; width:105px; height:29px; text-align:center; line-height:29px; font-size:14px;}
.p_title span{ display:block; float:right; padding-top:10px; padding-right:10px;  color:#666; }
.p_title span a{ color:#666; padding-left:3px; padding-right:3px;}
.p_title span a:hover{color:#1e77ce;}
.p_list{ width:930px; margin:0 auto; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.p_list ul{}
.p_list li{float:left; margin-right:17px; display:inline; height:155px; overflow:hidden; }
.p_list li span{ display:block; text-align:center; padding-top:10px; width:115px;}
.p_list li a{ color:#666;}
.p_list li a:hover{ color:#1e77ce;}


.boxs{ padding:1px 10px;}
.titleshow{ text-align:center; color:#000; margin:10px auto; font-size:20px; font-weight:bold;}
.ti{  border-bottom: 1px solid #dcdcdc; margin:0px auto; text-align:center;}
.showcontent{ min-height:300px; height:auto; overflow:hidden;  line-height:200%; margin:10px auto 0;}