.container{
    width: 100%; height: 100%;
    position: relative;
    z-index: 1;
}

.wenzi{
    height: 300px;
    width: 100%;
    background: #FFF;
    position: relative;
    z-index: 2;
    font-size: 22px;
    color: #333;
    box-sizing: border-box;
    padding: 100px 0;
    text-align: center;
}
html,body{
    padding: 0;
    margin: 0;
}
ul,ul li{
    list-style: none;
    margin: 0;
    padding: 0;
}

#banner ul{
    position:absolute;
}
#banner ul li{
    float: left;
}


#banner #prevBtn,#banner #nextBtn{
    height:80px;
    width:30px;
    background:rgba(0,0,0,0.5);
    position:absolute;
    top:50%;
    margin-top:-40px;
    font-size:30px;
    line-height:80px;
    text-align:center;
    text-decoration:none;
    color:white;
    opacity: 0;
    transition: opacity 0.8s ease;
}
#banner #prevBtn{
    left:0;
}
#banner #nextBtn{
    right:0;
}
#banner:hover #prevBtn,#banner:hover #nextBtn{
    opacity: 1;
}

#canting{
    /*background: url(/img/spicy.jpg) no-repeat center center;*/
}
* { margin: 0; padding: 0;}
#div1{ width: 100%; height: 150px; position: relative; margin: 100px auto;overflow: hidden;}
#div1 ul { width: 800px; height: 150px; position: relative; }
#div1 ul li { height: 150px; float: left; list-style: none; padding-right:20px;}
#div1 ul li img { width: 200px; height: 150px; display: inline-block;}
a{ color: #B4B4B4; }