
/* CSS Document */
body {margin:0;padding:0;background:#262626;font-size:14px;color:#fff;line-height:24px;font-family:'microsoft yahei';}
.clear {clear:both;line-height:0;}
a {color:#fff; text-decoration:none;}
a:hover {color:#ccc; text-decoration:underline;}
ul,ol,dd,dt,dl,h1,h2,h3,h4,h5,h6,form { list-style:none;padding:0;margin:0;}
dd,dt,dl,ul {display:block;}
.pppppp li {margin-left:18px;}
.w1200 {width:1200px;margin:auto;overflow: hidden;}
img {border:0;}
body.about {padding-top:98px;}
.clear {clear:both;line-height:0;height:0;}

.index_top {background:#373737;}
.top_lr {height:240px;}
.top_lr_logo {width:300px;float:left;padding-top:55px;}
.top_lr_logo img {max-width:248px;max-height: 130px;}
.top_lr_nav {width:900px;float:right;text-align:right;}
.top_lr_nav a {font-size:16px;height:40px;line-height:40px;display:inline-block;margin-left:30px;margin-top:100px;}

.index_cencon {padding:100px 0;padding-top:30px;}
.index_cencon img {display:block;width:100%;max-width: 1920px; margin:auto;}
.about {padding:60px 0;}
.case_title {text-align:center;font-size:24px;padding-bottom:50px;}
.case_title span {display:block;line-height:36px;}
.case_list {overflow: hidden;}
.case_list li {display:block;width:360px;height:280px;overflow: hidden;margin-bottom:10px; padding:0 20px;text-align:center;float:left;}
.case_list li span {display:block;padding-top:10px;}
.case_list li a {text-decoration: none;}
.case_list li a:hover {color:#ccc;}
.case_list li img {width:340px;height:220px;}

.footer {height:50px;line-height:50px;background:#1c1c1c;}
.footer .footer_l {width:900px;float:left;}
.footer .footer_r {width:300px;float:right;text-align:right;}

/* banner */
.slideBox{ width:100%; height:auto; overflow:hidden; 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:5px; border-radius: 15px; 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:100%; height:auto; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(http://localhost:8067/image/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;  }


/*文章分页样式*/
#fenye{clear:both; margin:10px 20px 20px 0;}
#fenye a{ width:28px; text-align:center; float:left; border:1px solid #333;background:#999; height:28px; font-size:12px;color:#666; line-height:28px; margin-left:5px;border-radius:3px; display:inline-block;}
#fenye .prev,#fenye .next{width:60px;}
#fenye a.curr{background:#666;;border:1px solid #666;;color:#fff;}
#fenye a:hover{background:#666;;border:1px solid #666;;color:#fff; text-decoration:none}
#pageNext{ margin:10px;}
#pageNext .prev,#pageNext .next{text-align:center;width: 60px;}
#pageNext a.curr{background: #FC5B4D;;border: 1px solid #FC5B4D;;color: #fff;}
#pageNext a.curr span{ color:#fff !important;}
#pageNext a{width: 28px;text-align: center;float: left;border: 1px solid #FC5B4D;background: #fff;height: 28px;font-size: 12px;color: #666;line-height: 28px;margin-left: 5px;border-radius: 3px;}
#realname{height: 30px;border: 1px solid #ddd;}
#b1{padding: 5px 10px;background: #FC5B4D;color: #fff;border: 1px solid #FC5B4D;border-radius: 3px;}

/*分页相关*/
.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #333; background: #333; padding:3px 15px;border-radius: 3px;}
.pagelist li a:hover{border-color:#999;background:#999;color:#fff;text-decoration: none;}
.pagelist li.active a {border-color:#999;background:#999;color:#fff;}
