body{
    background:#f2F2F2;
}

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

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

.banner img{
    height:440px;
    margin-top:120px;
    transform:scale(1);
    transition:all linear 0.3s;
}

/*.banner img:hover{
    transform:scale(1.1);
    transition:all linear 1s;
}*/


.main{
    width:1080px;
    margin:20px auto 80px;
    background:#fff;
    padding:1% 1% 5%;
    border-radius: 10px;
}
.main h3{
    font-weight:bold;
    text-align:left;
    margin:30px auto 5px;
    font-size:26px;
}
.main h4{
    text-align:right;
    margin:10px auto;
    color:#aaa;
}
.main p{
    text-indent: 2em;
    font-size:16px;
    line-height:2.5em;
    font-family:'Microsoft YaHei';
    margin-bottom:0.5em;
}

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

.main #test1{
    margin-bottom:2em;
}

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



@media (max-width:767px){
    .main{
        width:98%;
    }

    .main h3{
        margin-top:140px;
        display:none;
    }

    .main .layui-carousel{
        margin-top:120px;
    }

    .banner{
        display:none;
    }

    .banner::before{
        display:none;
    }
}