.main{padding: 10px;}
.header-nav{margin-top: 10px}

.green{color: #39c4da;}
.red{color: #f00;}
.blue{color: blue;}

.indexHeader{height: 50px; width: 100%; clear: both; background:#fff; position: fixed; left: 0; top: 0; z-index: 999; color: #fff}
.indexHeader .logo{height: 50px; float: left; margin-left: 10px}
.indexHeader .logo img{height:40px; margin-top:5px; display: block;}
.indexHeader .slogan{float: right; margin-right: 10px; line-height: 50px; color: #999; font-size: 12px }

.banner{height: 200px; background: #111111}

.indexCate{clear: both; overflow: hidden;}
.indexCate li{float: left; width: 50%; padding: 10px;}
a.btn1{background: #ffba38; display: block; height: 46px; line-height: 46px; text-align: center; color: #fff}
a.btn2{background: #0099CC; display: block; height: 46px; line-height: 46px; text-align: center; color: #fff}

.cateTitle{text-align: center; padding: 20px 0; background: url(../image/bg.png)}
.cateTitle p{display: inline-block; background: #f1f1f1; padding: 0 10px; font-size: 18px;}

.about{padding: 0 10px; color: #666}
.more{text-align: center; margin-top:1em;}

.youshi{clear: both; overflow: hidden;}
.youshi li{background: #fff; margin: 0 10px; background: #fff; border-radius: 5px; overflow: hidden; margin-bottom: 10px}
.youshi li .img{clear: both; overflow: hidden;}
.youshi li .img img{display: block;}
.youshi li .intr{padding: 10px;}
.youshi li .intr .hd{font-weight: bold; color: #000; padding: 5px 0}
.youshi li .intr .bd{color: #999}

.newsInfo{background: #fff; clear: both; overflow: hidden;}
.newsInfo .title{font-size:16px; padding: 10px}
.newsInfo .date{font-size: 12px; color: #999; padding: 0 10px}

.news{background: #fff; border-bottom: 1px #dbdbdb solid;clear: both; padding: 10px;}
.news a{color: #666}
.news .info .title{font-size: 16px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .bottom{clear: both; font-size: 12px;color: #999}
.news .bottom .date{padding-right: 10px; float: left;}
.news .bottom .hit{float: left;}
.news .img img{ display: block}

.content{background: #fff; padding: 10px; clear: both; overflow: hidden;}

.picList{clear: both; overflow: hidden;}
.picList li{ list-style: none;float: left; width: 50%;}
.picList li .item{background: #fff; margin: 5px 10px; padding: 5px; }
.picList li img{width: 100%}
.picList li p{margin: 0}

.map{width: 100%; height: 400px;}
.map img{max-width: 200%}