.page-wrap{
    background: #f5f5f5;
}
.header{
    width: 100%;
}
.banner{
    height: 393px;
    width: 100%;
}
.banner div{
    width: 100%;
    height: 100%;
}
.content{
    /*width: 1012px;
    margin: 0 auto;*/
    padding-bottom: 60px;
}
.nowat-wrap{
    border-bottom: 1px solid #e6e2e2;
}
.nowat{
    width: 1012px;
    margin: 0 auto;
    font-size: 16px;
    color: #333;
    height: 60px;
    line-height: 60px;
}
.nowat a{
    color: #999;
}
.nowat a:last-child{
    color: #6a1319;
}

.content-inner{
    width: 1012px;
    margin: 0 auto;
    margin-top: 46px;
    background: #fff;
}
.content-inner img{
    height: 300px;
}
.content-inner h2{
    text-align: center;
    padding: 40px 0;
    font-size: 32px;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
}
.intro{
    padding: 0 55px;
}
.intro p{
    margin-top: 60px;
    color: #333;
    font-size: 16px;
    line-height: 40px;
    text-indent: 2em;
}

@media screen and (max-width: 768px) {

    .banner {
        height: 2.1rem;
        margin-top: 0.96rem;
    }
    .banner div{
        background-position: -2.9rem -0.74rem!important;
        background-size:auto 140% !important;
    }
    .nowat-wrap{
        display: none;
    }
    .content {
        padding:0.2rem;
        background: #f5f5f5;
    }
    .content-inner {
        width: auto;
        background: #fff;
        margin:0;
    }
    .content-inner img {
        height: auto;
        width:100%;
    }
    .content-inner h2 {
        padding: 0.3rem 0;
        font-size: 0.32rem;
    }
    .intro {
         padding: 0 0.2rem;
     }
    .intro p {
        margin-top: 0.3rem;
        font-size: 0.26rem;
        line-height: 2em;
    }
}