.hc_banner{
    height:200px;
  
}
.hc_help_block{
    width: 75%;
    margin:auto;
    overflow: hidden;
    background-color: #f9f9f9;
}
.hc_help_block_l{
    width: 350px;
    float: left;
    padding-right: 20px;
}
.hc_help_block_l>h3{
    line-height: 96px;
    font-size: 22px;
    color:#09f;
    margin:0;
    text-align: center;
}
.hc_help_block_l_search{
    height:41px;
    width: 90%;
    border:1px solid #e5e5e5;
    border-radius:20px;
    position: relative;
    padding: 0 20px 0 34px;
    line-height: 39px;
    font-size: 13px;
    background-color: #fff;
    margin:auto;
}
.hc_help_block_l_search>input{
    height:39px;
    width: 100%;
    border:none;
}
.hc_help_block_l_search>i{
    position: absolute;
    height:17px;
    line-height:17px;
    width:17px;
    font-size: 17px;
    color: #d6d6d6;
    top:0;
    bottom:0;
    left:10px;
    margin:auto;
}
.hc_help_block_l>ul{
    padding: 20px 30px;
}
.hc_help_block_l>ul>li{}
.hc_help_block_l>ul>li>h4{
    line-height: 42px;
    font-size: 16px;
    color:#000;
}
.hc_help_block_l>ul>li>ul{
    padding-left: 20px;
}
.hc_help_block_l>ul>li>ul>li{

}
.hc_help_block_l>ul>li>ul>li>a{
    display: block;
    line-height: 36px;
    font-size: 13px;
    color:#666;
}
.hc_help_block_l>ul>li>ul>li.active>a{
    color:#09f;
}
.hc_help_block_l>ul>li>ul>li>a>i{
    margin-right:15px;
}
.hc_help_block>.tab-content{
    margin-left:350px;
    padding: 30px 0;
}
.hc_help_block>.tab-content p{
    line-height: 32px;
    font-size: 13px;
    color: #000;
}
.hc_help_block>.tab-content img{
    width: 100%;
    margin: 10px 0;
}
.hcMbTabOpenBtn{
    display: none;
    position: fixed;
    left:0px;
    top:60%;
    background-color: #09f;
    width: 50px;
    height:50px;
    line-height:50px;
    border-radius: 50%;
    font-size: 20px;
    color:#fff;
    text-align: center;
    z-index: 90;
    transition: all 1s;
}
.hcMbTabOpenBtn.open{
    left:-50px;
}
@media (max-width:1250px){
    .hc_banner{
        background-position-x: 35%;
        height:16vw;
        background-size: cover;
    }
    .hc_help_block{
        width: 90%;
    }
    .hc_help_block_l{
        width:30vw;
    }
    .hc_help_block>.tab-content{
        margin-left:30vw;
    }
}
@media (max-width:992px){
    .hc_help_block_l>h3{
        font-size: 20px;
    }
}
@media (max-width:640px){
    .hc_banner{
        height:23vw;
    }
    .hcMbTabOpenBtn{
        display: block;
    }
    .hc_help_block_l{
        position: fixed;
        left:-260px;
        top:50px;
        background-color: #eee;
        width: 260px;
        height:calc(100% - 50px);
        overflow: auto;
        z-index: 97;
        transition: all 1s;
    }
    .hc_help_block_l.open{
        left:0px;
    }
    .hc_help_block_l_search{
        margin:auto;
    }
    .hc_help_block>.tab-content{
        margin-left:0;
    }
}