.banner>img{
    display:block;
    width:100%;
    height:500px;
}

.banner>ul{
    width:1200px;
    height:100%;
    margin:0 auto;
    position: relative;
}

.banner>ul>li{
    position: absolute;
    bottom:204px;
    left:0px;
    color:#ffffff;
}

.banner>ul>li>h1{
    font-size: 52px;
    color: rgb( 255, 255, 255 );
    padding:20px 0px;
}

.banner>ul>li>p{
    font-size: 24px;
    color: rgb( 255, 255, 255 );
    text-transform: uppercase;
}

/* contact */

.contain{
    background: #f8f8f8;
}

.contact{
    padding:70px 0px 50px 0px;
}

.contact>.intro{
    width:40%
}

.contact>.intro>h1{
    font-size: 22px;
    color: rgb( 51, 51, 51 );
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom:10px;
}
.contact>.intro>span{
    display:block;
    font-size: 18px;
    color: rgb( 51, 51, 51 );
    margin-bottom:25px;
}

.contact>.intro>.data_ite{
    padding-bottom:25px;
    line-height: 26px;
}

.contact>.intro>.data_ite>span{
    display: block;
    font-size:14px;
    color: #878787;
    text-align: left;
}
.contact>.intro>.data_ite>p{
    font-size:16px;
    color:#333333;
}