@charset "utf-8";
body{background: #f8f8f8;}
a{color: #333;}

.nav-box ul{width: 1220px; overflow: hidden; zoom: 1;}
.nav-box ul li{width: 100px; margin:0 20px 20px 0; border:1px solid #ddd; text-align: center; font-size: 16px; line-height: 36px; height: 36px; float: left; box-shadow: 0 0 8px #ddd;}
.nav-box ul li a{display: block; width: 100%; height: 100%; color: #333;}
.nav-box ul li a:hover{border: 1px solid #01a0e2; background: #01a0e2; color: #fff;}
.nav-box ul li.on a{border: 1px solid #01a0e2; background: #01a0e2; color: #fff;}

/* news-list-box */
.news-list-box{width: 1240px;}
.news-list-box li{width:585px;height: 150px;float: left;margin: 0 30px 25px 0; display: flex; background: #fff;}
.news-list-box li .img{width: 250px;height: 150px;overflow: hidden;}
.news-list-box li .img img{width: 100%;height: 100%;transition: all .5s;}
.news-list-box li .inner{flex: 1;padding:0 15px; overflow: hidden;}
.news-list-box li .inner .tit{display: block;width: 100%;line-height: 26px;height: 26px;overflow: hidden; font-size: 16px; margin-bottom: 20px;padding-top: 10px;font-weight: bold;}
.news-list-box li .inner p{line-height: 24px;height: 48px;color: #999;margin-bottom: 15px; overflow: hidden;}
.news-list-box li .inner div{line-height: 24px;height: 24px;color: #999;}
.news-list-box li .inner .tit:hover{color: #01a0e2;}
.news-list-box li .img:hover img{transform: scale(1.1);}

/* 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;}

@media only screen and (max-width: 480px) {
    body{background: #fff;}
    .w1200{width: 100%;}
    .nav-box{padding: 10px 5px 10px; box-sizing: border-box;}
	.nav-box ul{width: 100%;}
	.nav-box ul li{ width: 25%; height: 33px;line-height:33px;float: left; border: none; margin: 0 0 10px 0;box-shadow:none}
	.nav-box ul li a{ display: block; width: 90%; margin: 0 auto; height: 33px; line-height: 33px;text-align: center;color: #555; font-size: 15px; border-radius: 4px; overflow: hidden; background: #f6f6f6;border-radius: 3px; box-sizing: border-box; border: 1px solid #ddd;}
	.nav-box ul li.on a{ border:1px solid #01a0e2; background: #01a0e2; color:#fff;}
    
    /* .news-list-box */
    .news-list-box{width: 100%; padding: 0 10px; box-sizing: border-box;}
    .news-list-box li{width: 100%; height:75px;margin: 0 0 15px 0;}
    .news-list-box li .img{width: 120px; height:75px;}
    .news-list-box li .inner{padding: 0; margin-left: 10px;}
    .news-list-box li .inner .tit{height: 24px; line-height: 24px; font-size: 15px; margin-bottom: 5px; padding-top: 0; font-weight: normal;}
    .news-list-box li .inner p{font-size: 12px; line-height: 20px; height: 20px;margin-bottom: 5px;}
    .news-list-box li .inner div{font-size: 12px; line-height: 20px; height: 20px;}

    .more-btn{
        width: 92%;
        height: 36px;
        border-radius: 5px;
        text-align: center;
        line-height: 36px;
        color: #666666;
        background: #ededed;
        margin: 0  auto 12px;
    }
}