/* reset */
body{line-height: 1.8;}body.bdbg{ background-color:#e5e5e5;}
body,input,textarea,select{font-size:12px;}
body,h1,h2,h3,p,ul,ol,dl,dd,form{margin:0;}
em,i{font-style:normal;}
ul,ol{list-style-type:none;padding-left:0;}
img{border:0;}
a{color:#2d374b;text-decoration:none;}
a:hover{color:#f60;text-decoration:underline;}

/* common-header */
.header{}
.header{ height: 45px; line-height: 45px; margin-bottom:20px; color: #fff; font-size: 14px; background-color:#305798; color:#DAE8FF;}
.header a{color: #fff; font-size:14px; color:#DAE8FF;}
.header .logo{ width:200px; float:left;}
.header .logo img{ height:28px;}
.header .nav-menu{ width:780px; float:left;}
.header .nav-menu li{ position:relative; display:inline-block; padding:0 20px;}
.header .nav-menu li:after{ content:''; position:absolute; top:16px; right:0; width:1px; height:15px; border-right:1px solid #CDE0FF;}
.header .nav-menu li:last-child:after{ border-right:none;}

/* 本例子css */
.slideBox{ width:900px; margin:0 auto; position:relative; }
.slideBox .hd{ padding:30px 0 0;}
.slideBox .hd ul{ display:block; text-align:center;}
.slideBox .hd ul li{ display:inline-block; width:40px; height:32px; line-height:32px; overflow:hidden; margin:0 8px; text-align:center; font-size:16px; border:1px solid #cfcfcf; 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{}
.showpicSlide .imgArea{ text-align:center;}
.showpicSlide .imgArea img{ max-width:900px;}
.showpicSlide .textArea{ padding:15px 0 0; font-size:16px; line-height:34px; color:#06C;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev, .slideBox .next{ position:absolute; left:0; margin-top:-45px; display:block; width:85px; height:85px; filter:alpha(opacity=0);opacity:0;}
.slideBox .prev{ background:url(arrow-left.png) center no-repeat;}
.slideBox .next{ left:auto; right:0; background:url(arrow-right.png) center no-repeat;}
.slideBox:hover .prev, .slideBox:hover .next{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/* view.html */
.pic-container{ padding:20px 0 50px;}
.pic-container .toolbar{ text-align:center; float:14px;}
.article{ width:900px; margin:0 auto; padding: 40px 0 0; font-size:16px; color:#333;}
.article p{ line-height:30px; margin-bottom:20px; text-indent:2em;}

/* footer */
.footer{padding:20px 0 20px; margin-top: 20px; background-color:#333; color:#FFF; text-align:center; font-size:14px; line-height:1.8;}
.footer a{color:#FFF;}
.footer a:hover{color:#FF9; text-decoration:none;}
.footer .links{ margin-bottom:12px;}
.footer .links a{ font-size:16px; margin:0 8px;}