.banner{
    width:100%;
    min-width:1200px;
    background-image:url(../img/banner01.png);
    background-repeat: no-repeat;
    background-position: center;
    height:570px;
    position: relative;

}
.banner::after{
    content:"";
    position: absolute;
    width:100%;
    height:100%;
    display: block;
    left:0;
    top:0;
    z-index:1;
    transition: all 2s;
}
.banner:hover::after{
    background:rgba(0, 0, 0, .7);
}
.banner .text{
    width:1200px;
    height: 100%;
    position: relative;
    margin:0 auto;
    z-index:2;
}
.banner .text > p{
    font-family: '楷体';
    color:#fff;
    transition: all .5s;
    position: absolute;
}
.banner .text > p:nth-child(1){
    font-size:45px;
    right:450px;
    top:170px;
}
.banner .text > p:nth-child(1):hover,.banner .text > p:nth-child(2):hover{
    font-size:50px;
    cursor: pointer;
}
.banner .text > p:nth-child(2){
    font-size:45px;
    right:250px;
    top: 240px;    
}
.banner .text > p:nth-child(3){
    font-size:25px;
    right:250px;
    top: 370px; 
}
.img-text{
    height:550px;
    background:#f6f6f6;
    border-bottom:1px solid #eee;
}
.img-text:nth-child(2n){
    background:#fff;
}
.img-text .c-content{
    width:1100px;
    margin:0 auto;
    overflow: hidden;
}
.img-text .c-content .left{
    float: left;
}
.img-text .c-content .right{
    float: right;
    padding-left:80px;
    box-sizing: border-box;
}
.img-text .c-content > div{
    width:50%;
    opacity: 0;
    transition: all 2s;
}
.show{
    opacity: 1 !important;
}
.img-text .c-content > div > p.title{
    font-size:30px;
    color:#333;
    position: relative;
    width:100%;
    margin-bottom:20px;
}
.img-text .c-content > div > p{
    color:#666;
    line-height:30px;
    width:350px;
}
.img-text .c-content > div > p.title::before{
    content: "";
    display: block;
    position: absolute;
    width:40px;
    height:6px;
    background: #c7a076;
    top:-20px;
    left:0;
}
.margin-top-200{
    margin-top:200px;
}