union_wx/newAbout/css/spread.css

.spread>nav {
    background: #465d85;
    line-height: 40px;
    color: #a5b8dc;
    font-size: 16px
}

.spread>nav .nav-content {
    text-align: right
}

.spread>nav .nav-content img {
    width: 16px;
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer
}

.spread .way>h1 {
    font-size: 24px;
    color: #203152;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    font-weight: 700
}

.spread .way>ul>li {
    width: 337px;
    padding-bottom: 70px
}

.spread .way>ul>li img {
    display: block;
    margin: 0 auto;
    margin-bottom: 30px
}

.spread .way>ul>li h3 {
    font-size: 20px;
    color: #203152;
    text-align: center;
    padding-bottom: 20px
}

.spread .way>ul>li p {
    font-size: 14px;
    color: #868e9c;
    text-align: center;
    line-height: 22px
}

.spread .advantage {
    height: 840px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAANICAIAAACJyBLnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI2QjZBQUI0MDlCNDExRTlCRjVGRTdBOEIzNzlDOEQxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI2QjZBQUI1MDlCNDExRTlCRjVGRTdBOEIzNzlDOEQxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjZCNkFBQjIwOUI0MTFFOUJGNUZFN0E4QjM3OUM4RDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjZCNkFBQjMwOUI0MTFFOUJGNUZFN0E4QjM3OUM4RDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6G0RUzAAAA6klEQVR42uyM0RqCIAxGv97/VStLBUEUQmPxb63yoksuzredM/R0GdJp49xnaIeGU+M6HuvX0qij7wjvPrROuqmdofSbeSKdGvpR7jZDu4Hd1va62fqevLfQgV6ZveYTv5EPSh8m6OBHGV0GnZqDu4MuppH30syHHduOL0Cz2Hxxp0/r332a+e1b3xr1CXxHutJcgXmozSFBeMYH0cOz+VDv/keTzEsGHTpzertwD0v9B91ZBw/QX77yG7GsesNOfpQ1ZtCpReErtMjfSY8FbZczpvqGSAk67CnxbzYnpDcajUaj0fgrDwEGAD12u2H99ScqAAAAAElFTkSuQmCC) repeat-x
}

.spread .advantage>h2 {
    font-size: 24px;
    color: #203152;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 109px;
    font-weight: 700
}

.spread .advantage>ul {
    overflow: hidden;
    padding-bottom: 98px
}

.spread .advantage>ul>li {
    width: 25%;
    float: left;
    text-align: center
}

.spread .advantage>ul>li img {
    display: block;
    margin: 0 auto 40px
}

.spread .advantage>ul>li h3 {
    font-size: 20px;
    color: #203152;
    padding-bottom: 16px
}

.spread .advantage>ul>li p {
    font-size: 14px;
    color: #868e9c;
    line-height: 22px
}

.spread .advantage>h1 {
    font-size: 30px;
    color: #203152;
    text-align: center;
    font-weight: 700
}

.spread .advantage .btn-wxm {
    width: 336px;
    height: 72px;
    background: url(../img/btn-bg.11447659.png) no-repeat 50%;
    margin: 80px auto 160px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 56px;
    font-weight: 700;
    padding-top: 6px;
    cursor: pointer
}