@charset "utf-8";
.header{
    background:url("../images/header.png") center top no-repeat;
    height:520px;
}
.header .site-logo{
    position: absolute;
    left: 0;
    top: 0;
}
.header .inner{
    padding-top:200px;
}
.header .banner {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.list li{
    border: 1px solid #d7d7d7;
    margin-bottom: 20px;
    border-radius: 5px;
    padding:25px 32px
}
.list-b li h4{
    margin-bottom:22px;
    font-size: 20px;
    font-weight:600
}
.main{
    padding:40px 0px;
    box-shadow: none;
}
.main h3{
    padding-left:30px;
    width:100%;
    height:33px;
    background: url("../images/ht.png") 30px center no-repeat;
    display: block;
    position: relative;
}
.main h3 a{
    width:440px;
    height:100%;
    display: block;
}
.main h3 a:before{
    width:10px;
    height:30px;
    background:#ff9828;
    content: '';
    display: block;
    left: 0;
    position: absolute;
}
.pages .current,.pages a:hover{
    background-color:#f4651d
}
@media(max-width:1200px){

    .content{
        padding-left:20px;
        padding-right:20px
    }

}
@media(max-width:992px){
    .banner{
        padding-left:10%;
        padding-right:10%
    }
    .header{
        height:auto;
    }
    .header .inner{
        padding-top:150px;
        padding-bottom:100px
    }
    .banner img{
        width:100%
    }
    .header .site-logo{
        width:50%
    }
    .site-logo img{
        width:100%;
    }

}
@media(max-width:768px){
    .header .inner{
        padding-top:120px;
        padding-bottom:80px
    }
    .main h3{
        background-position: 20px center;
        background-size: 150%;
        padding-left:10px
    }
    .main h3 a{
        width:50%
    }
}
@media(max-width:480px){
    .header .inner{
        padding-top:80px;
        padding-bottom:60px
    }
}