.container{ width:1200px; margin:0 auto;}
.container .left{ float:left; width:215px;}
.container .right{ float:left; width:985px;}

.top{ height:130px;}
.nav{ width:620px; height:34px; line-height:34px; position:relative; z-index:1; margin:55px 0 0 110px; float:left;}
.nav a{ color:#000; text-decoration:none;}
.nav .nLi{ float:left;  position:relative; display:inline; margin-right:5px;}
.nav .nLi h3{ float:left; font-weight:normal;}
.nav .nLi h3 a{ display:block; padding:0 20px; font-size:14px;}
.nav .sub{ display:none; width:96px; left:0; top:34px; position:absolute; background:#00ABE8; line-height:26px; padding:5px 0; margin:0;}
.nav .sub li{ zoom:1; text-align:center;}
.nav .sub a{ display:block; padding:0 10px; color:#fff; height:40px; line-height:40px; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.nav .sub a:hover{ background:#00CCF3; color:#fff;}
.nav .on h3 a{ background:#00ABE8; color:#fff;}

.form{ margin-top:50px;}
.form .keyword{ border:none; border-bottom:2px solid #00ABE8; outline:none; height:30px; line-height:30px;}
.form .sbtn{ background:#00ABE8; height:30px; width:60px; border:none; color:#fff; font-size:14px;}

.common{ margin-bottom:30px;}
.common h3,.common p{ text-align:center;}
.common h3{ font-size:26px; color:#00ABE8; font-weight:normal;}
.common p{ font-size:16px; color:#aaa;}
.common img{ display:block; margin:3px auto;}

/* 本例子css */
.slideBox{ width:678px; height:407px; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:678px; height:407px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; right:-45px; bottom:0; margin-top:-25px; text-align:center; display:block; width:45px; height:40px; background:#1a68ba url(../images/slider-arrow.png) -107px 5px no-repeat;}
.slideBox .next{ right:-90px; background:#434343 url(../images/slider-arrow.png) 15px 5px no-repeat;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.about{ background:#f8f8f8; padding:40px 0;}
.about_c{ width:645px; height:336px; text-indent:2em; font-size:16px; line-height:30px; text-align:justify; text-justify:inter-ideograph; background:url(../images/w.png) no-repeat; position:absolute; right:0; top:31px; padding:36px 20px 20px 40px;}
.ab_c{ position:relative;}

.product{ overflow:hidden; padding-bottom:40px;}
.product .left,.product .right{ float:left;}
.product .left{ width:350px; padding-top:40px;}
.product .right{ width:800px; margin-left:50px; padding-top:40px;}
.product .left .common h3,.product .left .common p{ text-align:left;}
.product .left .common img{ margin:3px 0;}
.product .more{ background:#1a68ba; text-decoration:none; color:#fff; font-size:14px; display:block; width:100px; height:40px; line-height:40px; text-align:center; margin-top:20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px;}
.product .right dt{ width:800px; height:260px;}
.product .right a{ display:block; background:url(../images/b.png); color:#fff; text-decoration:none; font-size:22px; text-align:center; font-weight:bold;}
.product .right dt li{ float:left; width:390px; position:relative; margin-bottom:10px; height:260px;}
.product .right dt li a{ display:block; width:390px; height:260px; line-height:260px; position:absolute; top:0; left:0;}
.product .right dd{ position:relative;  width:800px; height:354px;}
.product .right dd a{ position:absolute; top:4px; left:0; display:block; width:800px; height:354px; line-height:354px;}

.news{ background:#f8f8f8; padding:40px 0; overflow:hidden;}
.news dl dt,.news dl dd{ float:left;}
.news dl dt{ margin-right:35px; width:512px; position:relative; font-weight:normal;}
.news dl dt div{ height:94px; width:100%; background:url(../images/b1.png); position:absolute; left:0; bottom:0; padding:13px 20px;}
.news dl dt div a,.news dl dt div p{ color:#fff;}
.news dl dt div a{ font-size:16px; text-decoration:none;}
.news dl dt div p{ font-size:12px; margin-top:10px; line-height:20px;}
.news dl dd{ width:645px;}
.news dl dd .news_nav{ width:100%; background:url(../images/r.jpg) no-repeat; height:60px;}
.news dl dd .news_nav li{ float:left; height:60px; line-height:60px; width:146px; text-align:center; font-size:18px;}
.news dl dd .news_nav li a{ text-decoration:none; color:#fff;}
.news dl dd .newslist li{ height:70px; border-bottom:1px dashed #ccc;}
.news dl dd .newslist li a{ display:block; text-decoration:none; height:40px; line-height:40px; font-size:16px; color:#000; margin-top:10px;}
.news dl dd .newslist li p{ color:#888; font-size:14px;}

.footer{ background:#434343; overflow:hidden; padding:40px 0 20px; color:#fff; font-weight:normal;}
.footer dl dt{ float:left;}
.footer dl dd{ float:right; width:786px;}
.footer dl dd ul li{ height:25px; line-height:25px;}
.footer dl dd ul li a{ color:#888; font-size:14px; text-decoration:none;}

.cl{ width:28%; float:left;}

.news_nav{ text-align:center; margin-bottom:20px; overflow:hidden; margin-left:5px;}
.news_nav li{ float:left; width:190px; margin-right:10px; text-align:center; height:40px; line-height:40px; font-size:14px; border:1px solid #00ABE8; margin-bottom:10px;}
.news_nav li.on,.news_nav li.hover{ background:#00ABE8;}
.news_nav li a{ text-decoration:none; color:#00ABE8; display:block;}
.news_nav li.on a,.news_nav li.hover a{ color:#fff;}

.page_plist{ overflow:hidden; margin-bottom:40px;}
.page_plist li{ float:left; width:280px; margin-right:20px; margin-bottom:20px; }
.page_plist li img{ width:100%; border:1px solid #eee;}
.page_plist li a{ display:block; font-size:14px; text-decoration:none; color:#000;}
.page_plist li a.tit{ height:30px; line-height:30px; text-align:center;}

#page{ text-align:center; margin-bottom:60px;}
#page a,#page span{ margin-right:5px;}
#page .active{ color:#f00;}

.proimg{ width:500px; float:left; border:1px solid #eee; margin-right:40px;}
.proimg img{ width:100%;}
.protitle{ float:left; width:370px;}
.protitle p{ height:45px; line-height:45px; border-bottom:1px dashed #888;}

.page_nlist{ margin-bottom:20px;}
.page_nlist li{ font-size:14px; border-bottom:1px dashed #ccc; height:130px; padding:15px 0;}
.page_nlist li a{ text-decoration:none; font-size:16px; color:#00ABE8; margin:10px 0; display:block; font-weight:bold;}
.page_nlist li p{ color:#888; line-height:25px;}

.probgt{ width:100%; height:40px; line-height:40px; background:#026689; color:#fff; padding-left:15px; font-size:16px; margin-top:60px;}

/* 相册 */
.picScroll-left1{ width:660px;  overflow:hidden; position:relative;  border:1px solid #eee;  margin:10px auto 0; border-top:0;}
.picScroll-left1 .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picScroll-left1 .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picScroll-left1 .hd .next{ background-position:0 -50px;  }
.picScroll-left1 .hd .prevStop{ background-position:-60px 0; }
.picScroll-left1 .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left1 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left1 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left1 .hd ul li.on{ background-position:0 0; }
.picScroll-left1 .bd{ padding:10px;   }
.picScroll-left1 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left1 .bd ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left1 .bd ul li .pic{ text-align:center; }
.picScroll-left1 .bd ul li .pic img{ width:120px; height:120px; display:block;  padding:2px; border:1px solid #eee; }
.picScroll-left1 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left1 .bd ul li .title{ line-height:24px;   }