@charset "utf-8";

body{background: #f8f8f8;}
.main{width: 1200px;margin: 15px auto;}
.breadline{width:100%;height:24px;display:block}
.breadline h1{font-size:14px}
.breadline .mleft{float:left}
.breadline .mver{float:left;position:relative;padding:0;width:90px;height:20px;border-radius:2px;border:1px solid #edeaea;text-indent:14px;margin-top:0;color:#585858;margin-left:10px}
.breadline .mver:hover{border-bottom:1px solid #fff}
.breadline .mver b{font-weight:400;display:block;height:20px;line-height:20px;cursor:pointer;width:90px;padding-left:7px;font-size:14px;color:red}
.breadline .mver:hover b{background-position:0 0}
.breadline .mver span{display:none;position:absolute;left:-1px;top:21px;background:#fff;border:1px solid #edeaea;z-index:9;zoom:1}
.breadline .mver:hover span{display:block}
.breadline .mver span i{font-style:normal;line-height:28px;text-indent:6px;height:28px;white-space:nowrap}
.breadline .mver span i a{display:block;padding-right:6px}
.breadline .mver span i a:hover{background:#38aa41;color:#fff;text-decoration:none}
#filter{margin:0;clear:both;background:#fff}
#filter li{height:28px;border-bottom:1px solid #ebebeb;padding:16px 0}
#filter li span{float:left;width:50px;line-height:28px;display:block}
#filter li p{float:left;width:894px;line-height:28px}
#filter li a,#filter li a:visited{float:left;padding:0 8px 0;display:block;line-height:28px;height:28px;margin-right:2px;margin-bottom:8px}
#filter li a.curr,#filter li a.curr:visited,#filter li a:hover{background:#00aeef;color:#fff;text-decoration:none;border-radius:2px}
#filter .uplink{line-height:36px;height:36px}
#filter .uplink em{float:left;display:block;height:36px;font-style:normal;border-radius:10px}
#filter .uplink a{float:left;line-height:34px;height:34px;width:100px;text-align:center;border:1px solid #1aabc0;border-left:0;margin:0}
#filter .uplink a#bcss0{border-radius:5px 0 0 5px;border-left:1px solid #1aabc0}
#filter .uplink a#bcss3{border-radius:0 5px 5px 0}

.ztlist-box{width:1170px;background-color: #fff;margin: 0 auto;padding: 10px 15px 15px;}
/* nav */
.zt-nav{width: 100%;height: 53px;border-bottom: 2px solid #ebebeb;}
.zt-nav span{float: left;font-size: 20px;color: #333333;border-bottom: 2px solid #01a0e2;padding:16px 5px;}
.zt-nav ul{float: right;margin-right:5px;margin-top: 8px;}
.zt-nav ul li{display: inline-block;padding: 10px 12px;margin-right:5px;}
.zt-nav ul li:hover{background-color: #01a0e2;}
.zt-nav ul li:hover a{color:#fff !important;}
.zt-nav ul li a{color:#333;display: block;width: 100%;}
.zt-nav .active{background-color: #01a0e2;}
.zt-nav .active a{color:#fff !important;}
/* list */
.list-box{padding: 20px 0 0 0;width: 1235px;}
.list-box li{width: 380px;height: 284px;border:1px solid #e4e5e4;float: left;margin-right: 28px;margin-bottom: 28px;}
.list-box li a{display: block; color:#333;}
.list-box li a b:hover,.list-box li a p:hover{color:#01a0e2 !important;}
.list-box li a span.i{display: block; width: 380px; height: 175px; overflow: hidden;}
.list-box li a img{width: 380px;height:175px;transition:all .6s ease;}
.list-box li a b{line-height: 40px;width:96%;margin:0 2%;font-size: 16px; font-weight:bold;}
.list-box li a p{width:96%;margin:0 2%;line-height:26px;font-size: 14px;color: #999 !important;overflow: hidden;height: 50px;}
.list-box li a img:hover{transform: scale(1.1);}
.list-box li a span.time{display: block;padding: 0 2%;color: #999;}
.list-box li a p.descript{height: 30px;margin-top: 10px;}



/* page */
#page {clear:both;margin: 0px;height: auto;font-size: 13px;padding-top: 20px;padding-right: 10px;padding-left: 10px;padding-bottom: 13px;text-align:center;}
#page b.selected{display: inline-block;height: 32px;line-height: 32px;padding: 0 13px;margin: 0 3px;color: #fff;background-color: #01a0e2;border: 1px solid #01a0e2;border-radius: 4px;vertical-align: middle;font-size: 14px;} 
#page b.total{color: #aaa;display: inline-block;font-size: 14px; margin-left:3px;}
#page a {box-shadow: 0px 0px 4px #ccc;display: inline-block;height: 32px;line-height: 32px;padding: 0 13px;margin: 0 3px;color: #666;background-color: #fff;border: 1px solid #eee;border-radius: 4px;vertical-align: middle;font-size: 14px; text-decoration: none;}
#page strong.selected,#page a:hover {display: inline-block;height: 32px;line-height: 32px;padding: 0 13px;margin: 0 3px;color: #fff;background-color: #01a0e2;border: 1px solid #01a0e2;border-radius: 4px;vertical-align: middle;font-size: 14px; text-decoration: none;}
#page strong.total{ text-align:center; line-height:20px; font-size:12px; color:#b2b2b2;}


#pages{height:40px;padding:10px 0;clear:both;text-align:center}
#pages a,#pages a:hover,#pages a:visited{padding:0 14px;font-size:16px;border:1px solid #e4e4e4;display:inline-block;height:36px;line-height:36px;text-decoration:none;color:#777;margin:0 3px;background:#fff}
#pages .active a,#pages .cur a,#pages a:hover{border:1px solid #00aeef;color:#fff;background:#00aeef}
,#pages a b,#pages a:hover b,#pages a:visited b{background:0 0;padding:0;margin:0;display:inline;border:none;color:#666}
.copy{line-height:22px;text-align:center;width:1000px;margin:auto}