.noheader {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 99999;
    position: absolute;
    top:48px;
}
.hs_frame{
    width: 1200px;
    margin: 0 auto;
    height:68px;
}
.header{
    background:rgba(255, 255, 255,0.3);
    height:68px;
    width:100%;
    color: #121d35;
    text-align: center;
    position: fixed;
}
.logo{
    float:left;
    width:170px;
    height:53px;
    line-height: 53px;
    padding-top:7px;
    box-sizing: border-box;
}
.header_list{
    float: right;
    box-sizing: border-box;
}
.header_item{
    float:left;
    font-size:14px;
    height:64px; 
    line-height:64px;
    padding:0 24px;
    cursor: pointer;
}
.header_item a{
    color:#121d35;
    height:64px; 
    display: inline-block;
    /* width:57px; */
}
.header_item a.active{
    color:#4575f6;
    border-bottom:4px solid #4575f6;
}
.bottom{
    margin-top:49px;
    background: #1d2a47;
    height:286px;
    color: #bcbfc7;
    width:100%;
}
.collist{
    padding-top:80px;
    float: left;
    display: inline;
    /* margin:0 46px 0 0; */
}
.collist dd{
    font-size:14px;
    color: #bcbfc7;
}
.collist:last-child{
    float: left;
}
.collist_title{
    font-size: 14px;
    font-weight:bold;
    margin-bottom:20px;
}
@media screen and (max-width: 800px){
    .hs_frame{
        width: 100%;
        margin: 0 auto;
        height:40px;
        position: relative;
    }
    .header{
        height:40px;
        line-height: 40px;
        text-align: center;
    }
    .moretab{
        width:22px;
        height:22px;
        line-height: 22px;
        margin-right:12px;  
        float:right;
        margin-top:7px;
    }
    .moretab img{
        width:22px;
        height:22px;
        vertical-align: middle;
    }
    .tabbtn{
        width: 100%;
        background: #eee;
        height: 42px;
        position: absolute;
        top:40px;
        z-index:222222;
    }
    .logo{
        float:left;
        width:85px;
        height:27px;
        box-sizing: border-box;
        margin-left:12px;
        margin-top:-3px;
    }
    .logo a {
        width:85px;
        height:27px;
    }
    .logo img {
        width:85px;
        height:27px;
    }
    .header_list{
        float: left;
        /* margin-left:92px; */
        box-sizing: border-box;
        position: absolute;
        top:0;
        right:8px;
        /* float:1000px; */
    }
    .header_item{
        width:25%;
        float:left;
        color:#121d35;
        font-size:14px;
        height:40px; 
        line-height:40px;
        padding:0 0px;
        cursor: pointer;
        text-align: center;
        /* transition: all .5s; */
        /* -webkit-transition: all .5s; */
        /* background: #222222; */
    }
    .header_item a{
        color:#121d35;
        height:40px; 
        display: inline-block;
        text-align: center;
        width:60px;
    }
    .header_item a.active{
        border-bottom:2px solid #4575f6;
        /* border-width:thin; */
    }
    .bottom{
        margin-top:20px;
        background: #1d2a47;
        height:361px;
        color: #bcbfc7;
        width:100%;
    }
    .collist{
        padding-top:24px;
        padding-bottom:20px;
        float: left;
        display: inline;
        width: 94%;
        padding-left:12px;
        border-bottom:1px solid #656e80;
    }
    .collist a{
        font-size:12px;
        color:#bcbfc7;
        margin-left:20px;
        cursor: pointer;
        display: inline-block;
        height: 30px;
        line-height: 30px;
    }
    .collist dd{
        font-size:14px;
        color: #bcbfc7;
    }
    .collist:last-child{
        float: left;
    }
    .collist_title{
        width:110px;
        height:35px;
    }
    .collist_title img{
        width:110px;
        height:35px;
    }
}