/*通用基本类*/

html{
    padding: 0px;
    margin: 0px;
    font-family:'Microsoft Hahei';
    font-size:100%;
    height: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
body {
    color: #333;
    background-color: #f8f8f8;
    box-sizing: border-box;
    height: 100%;
}
a,a:hover,a:active,a:link{text-decoration: none; cursor: pointer; color:#333;}  
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.mt20{margin-top: 20px !important;}

/*图标颜色*/
.list-icon01{background-color: #ffefe4; color:#ff6200}
.list-icon02{background-color: #efebff; color:#5438dc}
.list-icon03{background-color: #e9fffa; color:#01c394}
.list-icon04{background-color: #fdfbe7; color:#ffd534}
.list-icon05{background-color: #e4effd; color:#1a46e5}
.list-icon06{background-color: #ffeff6; color:#f04896}
.list-icon07{background-color: #ffefe4; color:#ff6200}
.list-icon08{background-color: #efebff; color:#5438dc}
.list-icon09{background-color: #e9fffa; color:#01c394}
.list-icon010{background-color: #fdfbe7; color:#ffd534}
.list-icon011{background-color: #e4effd; color:#1a46e5}
.list-icon012{background-color: #ffeff6; color:#f04896}
.list-icon013{background-color: #ffefe4; color:#ff6200}
.list-icon014{background-color: #efebff; color:#5438dc}
.list-icon015{background-color: #e9fffa; color:#01c394}
.list-icon016{background-color: #fdfbe7; color:#ffd534}
.list-icon017{background-color: #e4effd; color:#1a46e5}
.list-icon018{background-color: #ffeff6; color:#f04896}
.list-icon019{background-color: #ffefe4; color:#ff6200}
.list-icon020{background-color: #efebff; color:#5438dc}
.list-icon021{background-color: #e9fffa; color:#01c394}
.list-icon022{background-color: #fdfbe7; color:#ffd534}
.list-icon023{background-color: #e4effd; color:#1a46e5}
.list-icon024{background-color: #ffeff6; color:#f04896}
.list-icon025{background-color: #ffefe4; color:#ff6200}
.list-icon026{background-color: #efebff; color:#5438dc}
.list-icon027{background-color: #e9fffa; color:#01c394}
.list-icon028{background-color: #fdfbe7; color:#ffd534}
.list-icon029{background-color: #e4effd; color:#1a46e5}
.list-icon030{background-color: #ffeff6; color:#f04896}



/*左侧分类列表样式*/
#container{position:relative;display: block;width:100%;overflow: hidden; }
.classification{position:relative; width:380px; height: 100%; }
.classification-wrap{padding-left:3%; padding-right: 3%;}
.classification-list{display:block;width:31.3%; float: left; text-align: center}
.list-icon{position:relative;width:50%; border-radius: 30%; margin:0 auto; box-shadow: 0 5px 8px rgba(0,0,0,.2) }
.list-icon:hover{transform: scale(1.2); transition: all .5s linear}
.list-icon i{position:absolute; top:50%;margin-top:-18px; left:0; right:0; font-size:35px;}
.classification-list .list-title{font-size: 12px; padding-top: 10px; padding-bottom:10px; font-weight: 400; line-height: 1.6em;}

/*检索样式*/
.search-wrap{width:90%; margin:0 auto;position: relative;}
h1{font-size: 24px;}
.back{position: absolute; top:5px; right:0;width: 43px; height: 24px;}
.search{position: relative;}
.search-input{width:100%; height: 40px; background-color: #f4f4f4; border:1px solid #e1e1e1; border-radius: 5px; padding-left:10px;}
.search-btn{position: absolute; right:5px; top:8px; z-index: 10; border:0; background-color: transparent; cursor: pointer;}
.search-btn i{font-size: 20px; color:#991d1f; cursor: pointer;}

/*地图*/
.map-wrap{height:100%;position: absolute;;overflow: hidden;z-index: 0;top:0; left:380px; right:0;}


/*左侧信息列表*/
.info-lists{
    width: 90%;
    margin:0 auto;
}
.info-list{
    display: block;
    position: relative;
    padding-left: 30px;
    border-radius: 5px;
    padding-top:8px;
    padding-bottom: 8px;
}
.info-list:hover{background-color: #eaeaea; transition: all 0.5s linear; cursor: pointer;}
.info-list .num{position: absolute;width:20px;height: 20px;border-radius:50%;background-color: #f9b82e;text-align: center;top: 15px;left:5px;color:#fff;line-height: 20px;}
.info-list h2{font-size: 16px; line-height: 1.6em; padding-top: 5px; padding-bottom:5px;}
.info-list p{font-size: 14px; line-height: 1.6em; padding-top: 5px; padding-bottom:5px;}
.info-list .info-btn{display:none;}

/*细览页面样式*/
.content-bg{background-color: #f5f6fa; overflow: hidden;}
.content{width:1002px; margin:0 auto;}
    .route{color:#666; padding-top:20px; padding-bottom: 20px;}
    .content-info{width:340px; height: 320px; float: left; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.1); overflow: hidden;}
    .content-info h1{font-size:24px; line-height: 2em;}  
    .content-info p{font-size:14px; padding-top:15px; line-height: 1.6em;}
    .line{display:block;width:70px; height: 3px; background-color: #9b1d1f}
    .content-info-wrap{padding:20px;}
    .content-map{width:640px; height: 320px; float: right; overflow: hidden; background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);}
    .info-list .info-btn{display: block;  color: #9b1d1f;font-size: 14px;right: 30px;bottom: 10px;/* margin-bottom: 10px; *//* padding: 3px 10px; *//* border-radius: 5px; *//* float: right; *//* margin-right: 30px; */}
    @media (max-width:768px){
        .header{height:80px; }
        .header img{height: 40%; margin-top: 25px;}
        .content-map{/* display: none; */width: 100%;float: none;/* height: auto; */}
    }