.banner{
    width:100%;
    height:600px;
    background:url(images/huanbao.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

/*
.banner::before{
    position:absolute;
    left:0;
    top:0;
    right:0;
    background:url('images/mask.png') repeat 0 0;
    z-index:1;
    content:"";
    opacity: 0.2;
    height:600px;
}    
*/

.main{
    width:1080px;
    margin:21px auto 80px;
    background:#fff;
    padding:2% 1% 3%;
    border-radius: 10px;
}

.main .page-content>h3{
    font-weight:bold;
    text-align:left;
    margin:30px auto 5px;
    font-size:26px;
}

.main>h3{
    font-weight:bold;
    text-align:left;
    margin:30px auto 5px;
    font-size:26px;
}

.detail>h3{
    text-align:center;
}


.main h4{
    text-align:right;
    margin:10px auto;
    color:#aaa;
}
.detail p{
    font-size:16px;
    line-height:2.5em;
    font-family:'Microsoft YaHei';
    margin-bottom:1.5em;
}

.main .layui-carousel div{
    background-size:cover;
    background-position: center center;
}

.main .layui-progress{
    margin-bottom:2em;
}

.main .more{
    margin-top:10px;
    margin-bottom:50px;
}

.main li{
}

.main li h5{
    color:#666;
    font-size:20px;
    font-weight:bold;
}

.main li a:hover{
   color:#f60;
}


.main li p{
    font-size:10px;
    color:#999;
    width:100%;
    overflow:hidden;
}

.pnlink a,.pnlink{
    color:#666;
    line-height:30px;
}
.pnlink a:hover{
    color:#2c8dfb;
}

#prelink {
    margin-bottom:1em;
}


@media (max-width:767px){


    .detail .banner{
       display:none;
    }



    .main{
        width:98%;
        margin-top:5px;
    }
    

    .page-content{
        width:100%;

    }
    .main>h3{
        margin-top:30px;
        font-size:20px;
    }

    .detail .more{
        margin-top:100px;
        margin-bottom:20px;
    }

    .detail h3{
        
    }

    .main li h5{
        font-size:16px;
    }

    .main li p{
        overflow-x:hidden;
    }
}