@charset "utf-8";
body{ margin:0; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px;  padding:0px;}
.body_ins{}
*{ padding:0; margin:0; list-style:none}
a{ color:#333; text-decoration:none}
a:hover{ color:#16418a;}
img{ border:0;}
.l{ float:left;}
.r{ float:right}
.main{ width:1110px; margin:0px auto; clear:both; }
.box{width:1110px; margin:0px auto; clear:both; overflow:hidden}
.clear{ width:100%; clear:both; height:15px;}


.header{ width:100%; height:57px; clear:both; background:url(../images/index-1.png) repeat-x left top; position: fixed; left:0px; top:0px; z-index:9999;}
.logo{ float:left; width:250px; height:57px; padding-left:15px;}
.Language{ width:110px; float:right; height:57px; line-height:57px;color:#16418a; font-size:15px; }
.Language a{ color:#16418a; text-align:right;}

/*导航*/
.menu{ width:700px; float:left; padding:0px 15px;  }
.nav{ width:700px; height:57px; line-height:57px; position:relative; z-index:1;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;font-family:Microsoft Yahei;}
.nav .nLi h3 a{ display:block; width:100px; text-align:center;font-size:14px; font-weight:bold; color:#333;}
.nav .on h3 a{ background:#0c3985; color:#fff;   }
.nav .sub{ display:none; width:160px; left:0; top:57px;  position:absolute; background:#fff;  line-height:26px;   }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding-left:20px; background:url(../images/index-12.gif) no-repeat 10px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.nav .sub a:hover{ background:#0c3985 url(../images/index-12.gif) no-repeat 10px center; color:#fff;  }

/*焦点图*/
.slideBox{ width:1110px; height:500px; overflow:hidden; position:relative; clear:both;  margin:0px auto;  }
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; right:40px; bottom:40px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#F60; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1110px; height:500px; display:block;  }
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*首页产品分类*/
.proclass{ width:100%; display:inline-block; padding:15px 0; overflow:hidden}
.proclass ul{ width:1128px; float:left; padding-top:20; }
.proclass ul li{ width:160px; float:left; margin-right:18px; border:1px solid #ddd; padding:4px; padding-bottom:0px;}
.proclass ul li span{ width:160px; float:left; height:25px; line-height:25px; background:url(../images/index-5.png) repeat-x left top; padding-top:6px; font-weight:bold;font-family:Microsoft Yahei; margin-bottom:10px !important; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.proclass ul li img{ width:160px; height:160px; float:left; margin-bottom:10px; }

.aboutbox{ width:1110px; margin:0px auto;  overflow:auto}
.aboutcolumn{ width:1110px; height:50px; margin:0px auto; position:relative; background:url(../images/index-5.png) repeat-x left center; }

.aboutcolumn h3{ background:#fff; width:150px; display:block; margin:0px auto; line-height:50px; font-family:Microsoft Yahei; font-size:20px; color:#16418a; text-align:center;}
.about{ width:1110px; float:left;   clear:both;line-height:30px; font-size:14px; position:relative;}


/*推荐产品*/
.prolist{ width:100%; display:inline-block; padding:30px 0; overflow:auto;}
.prolist h3{ width:132px; background:url(../images/index-7.png) no-repeat left bottom; padding-bottom:13px; float:left; text-align:center; display:block; font-family:Microsoft Yahei; font-size:25px; font-weight:normal; color:#000}


.prolist-left{ width:100%; position:relative; overflow:hidden }
.prolist-left .hd{ overflow:hidden;}
.prolist-left .hd .prev{display:block;  width:23px; height:73px; float:right; margin-right:5px; overflow:hidden;cursor:pointer; background:url(../images/index-8.png) no-repeat; position: absolute; left:0; top:60px; z-index:99999}
.prolist-left .hd .next{ display:block; width:23px; height:73px; background:url(../images/index-9.png) no-repeat; position: absolute; right:0; top:60px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; z-index:99999 }

.prolist-left .bd{ padding:30px; }
.prolist-left .bd ul{ overflow:hidden; zoom:1; }
.prolist-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:155px; background:#fff; margin:0 10px !important  }
.prolist-left .bd ul li .pic{ text-align:center; }
.prolist-left .bd ul li .pic img{ width:155px; height:129px;  display:block; }
.prolist-left .bd ul li .pic a:hover img{ border-color:#999;  }
.prolist-left .bd ul li .title{ line-height:24px; height:24px; overflow:hidden ; background:#16418a;  }
.prolist-left .bd ul li .title a{ color:#fff;}



/*底部版权*/
.footer{ width:100%; height:50px; clear:both; border-top:5px solid #da251d; background:#16418a; color:#fff; padding:15px 0px;}
.footer a{ color:#fff; padding:0px 5px;}
.footer .r{ text-align:right; line-height:25px;}



/*---------------------内页样式-----------------------------------*/
.banner{ width:1110px; margin:0px auto; height:250px;}
.banner img{ width:1110px;}

/*left*/
.left{ width:202px; float:left;}
.leftnav{ width:202px; background:#fff;  float:left;}
.leftnav h3{ width:202px; border-bottom:3px solid #da251d; background:#16418a; color:#fff; height:40px; line-height:40px;font-family:Microsoft Yahei; text-indent:15px; }
.leftnav ul{ width:200px; float:left; border:1px solid #bababa; border-top:0px; border-bottom:0px;}
.leftnav ul li{ width:200px; float:left; font-family:Microsoft Yahei;}
.leftnav ul li span{width:200px; float:left;height:35px; line-height:35px; border-bottom:1px solid #bababa; text-indent:15px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.leftnav ul li dl{ padding:0px 15px; width:170px; border-bottom:1px solid #bababa; float:left; display:none}
.leftnav ul li dl dt{ width:100%; height:25px; line-height:25px; background:url(../images/index-12.gif) no-repeat 10px center; text-indent:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.leftnav ul li.leftdis dl{ display:block}

/*right*/
.right{ width:880px; float:right;height:auto!important; height:400px; min-height:400px;}
.right-nav{ width:100%; float:left; text-align:right; padding-bottom:5px;}
.rightcolumn{ width:100%; height:40px; float:left; line-height:40px;font-family:Microsoft Yahei; border-bottom:1px solid #bababa; border-top:1px solid #bababa; font-size:20px;}
.content{ width:100%; padding:15px 0px; float:left; line-height:25px;}
.content td{ padding:5px;}
.righttitle{width:100%; min-height:40px; line-height:30px; padding-top:5px;font-family:Microsoft Yahei;  border-top:1px solid #bababa; font-size:20px; text-align: center;float:left;}
.rightdate{ width:100%; height:25px; line-height:25px;border-bottom:1px solid #bababa; text-align:center; float:left;}
.content img{ max-width:880px;}

.newscolumn{ width:100%; float:left; border-bottom:1px solid #113d88;}
.newscolumn span{ float:left; padding:0px 15px; color:#fff; font-size:14px; font-weight:bold; background:#113d88; height:30px; line-height:30px;}
.rightpic{ width:100%; float:left; padding:15px 0;}
.rightpic img{ width:300px; float:left; margin-right:20px;}
.rightpic h3{ color:#16418a;font-family:Microsoft Yahei; font-size:20px;}

.rightpro{ width:100%; float:left; padding:15px 0; overflow:hidden}
.rightpro ul{ width:900px;}
.rightpro ul li{ width:160px; float:left; margin-right:20px; text-align:center; line-height:30px; padding-bottom:15px;}
.rightpro ul li img{ width:100%; float:left;}

/*新闻*/
.newslist{ width:100%; float:left; padding:15px 0px;}
.newslist ul li{ width:100%; padding-top:10px; border-bottom:1px solid #bababa; float:left;}
.newslist ul li h3{font-family:Microsoft Yahei; font-size:15px; height:25px; line-height:25px; clear:both}
.newslist ul li h3 a{ color:#2861ae}
.newslist ul li p{ padding:5px 0px; line-height:18px; color:#666;clear:both}
.newslist ul li p a{ color:#666;}
.newslist ul li span{ width:100%; float:left; height:30px; line-height:30px;clear:both}

/*翻页*/
/*.page{ width:100%; float:left; padding:15px 0px;}
.page a{ float:left; border:1px solid #bababa; height:25px; line-height:25px;padding:0px 8px; display:block; text-align:center; margin-right:5px;}
.page a:hover{ float:left; border:1px solid #333; color:#333; height:25px; line-height:25px;padding:0px 8px; display:block; text-align:center; margin-right:5px;}

.page span.nolink{float:left; border:1px solid #bababa; height:25px; line-height:25px;padding:0px 8px; display:block; text-align:center; margin-right:5px;}
.page span.Current{float:left; border:1px solid #333; background:#333; color:#fff; height:25px; line-height:25px; padding:0px 8px; display:block; text-align:center; margin-right:5px;}*/






/*产品列表*/
.listview{ width:100%; float:left; padding:15px 0px;}
.listview ul { width:900px;}
.listview ul li{ width:205px; float:left; margin-right:20px; margin-bottom:15px;}
.listview ul li img{ width:198px; height:198px; border:1px solid #bababa; float:left;}
.listview ul li span{ width:200px; height:30px; line-height:30px; float:left; text-align:center; font-size:14px; font-family:Microsoft Yahei;}


.procontent{ width:500px; float:right; position:relative }
.promodel{ width:100%; float:left; border-bottom:1px solid #bababa;height:40px; line-height:40px;font-size:14px;}
.procont{ width:100%; float:left; line-height:30px;font-size:14px;height:auto!important; height:200px; min-height:200px;}
.procont img{ max-width:880px;}
/*产品多图展示*/
.probox{ width:100%; float:left; }
.propic{ width:352px;  float:left;}
.ke_m2con {  width:352px; float:left;}
.ke_m2pc_con ul li { border: 1px solid #ddd; cursor: pointer; display: inline; float: left; height: 50px; margin-right: 10px; overflow: hidden; width: 50px; }
.ke_m2pc_con ul li:hover{ border:1px solid #09F}
.ke_m2pc_con ul { left: 0; position: absolute; top: 0; }
.ke_m2pc_con { display: inline; float: left; height: 52px; overflow: hidden; position: relative; width: 500px; }

.ke_m2pc_btn1 { cursor: pointer; float: left; height: 48px; width: 15px; position:absolute; right:0px; top:2px; display:none }
.ke_m2pc_btn2 { cursor: pointer; float: left; height: 48px; width: 15px; position:absolute; left:0px;top:2px; display:none}

.ke_m2pcl_c2 { margin-top: 12px; position: absolute; right:0px; bottom:-80px; width:500px;}
.ke_m2pcl_img { border: 1px solid #E3E3E1; }
#ink_showImg { width:350px; height:350px;  border: 1px solid #ddd; position: relative; }
#ink_showImg .small_pic { width:350px; height:350px; background: #eee; position: relative; }
#ink_showImg .float_layer { width: 100px; height: 100px; border: 1px solid #000; background: #fff; filter: alpha(opacity: 30); opacity: 0.3; position: absolute; top: 0; left: 0; display:none; }
#ink_showImg .mark {width:100%; height:100%; position:absolute; z-index:2; left:0px; top:0px; background:red; filter:alpha(opacity:0); opacity:0;}
#ink_showImg .big_pic { position: absolute; top: -1px; left: 352px; width:350px; height:350px; background:#fff; overflow:hidden; border:1px solid #CCC; display:none; z-index:9999}
#ink_showImg .big_pic img { position:absolute; top: -30px; left: -80px; }
#ink_showImg .small_pic img{ width:350px; height:350x;}

/*应用列表*/
.app{ width:100%; float:left; padding:15px 0px;}
.app ul li{ width:50%; padding-top:10px; float:left; margin-bottom:15px;}
.app ul li h3{font-family:Microsoft Yahei; font-size:15px; height:25px; line-height:25px; }
.app ul li h3 a{ color:#2861ae}
.app ul li p{ padding:5px 0px; line-height:18px; color:#666;}
.app ul li p a{ color:#666;}
.app ul li span{ width:100%; float:left; height:30px; line-height:30px;clear:both}
.app ul li img{ width:50px; height:50px; float:left; margin-right:15px; border-radius:5px;}

.page{ width:100%; margin:0 auto; padding:30px 0; padding-bottom:50px; text-align:center}
.page a{ border:1px solid #ddd; margin:0px 5px; padding:3px 8px; cursor:pointer; font-size:12px;}
.page a.hover{border:1px solid #ddd; margin:0px 5px; padding:3px 8px; cursor:pointer; font-size:12px;color:#daa145}