union_wx/newAbout/css/index.css

.home-item>img {
    vertical-align: top
}

.home-item>ul {
    display: inline-block
}

.home-item_title {
    font-size: 26px;
    color: #203152;
    font-weight: 700;
    padding-bottom: 38px
}

.home-item_msg {
    font-size: 20px;
    color: #868e9c;
    padding-bottom: 24px
}

.home-item_btn {
    width: 100px;
    height: 34px;
    border: 1px solid #3f69f7;
    border-radius: 17px;
    font-size: 12px;
    color: #3063f9;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
    margin-top: 34px
}

.home .w1170 {
    width: 1170px;
    margin: 0 auto
}

.home header {
    height: 685px;
    position: relative;
    overflow: hidden
}

.home header .head-box {
    background: url(../img/bg-head.png) #fff no-repeat 50%
}

.home header .head-box .head-top {
    overflow: hidden
}

.home header .head-box .head-top .head-left {
    float: left
}

.home header .head-box .head-top .head-left>img {
    float: left;
    margin-right: 90px
}

.home header .head-box .head-top .head-left .header-pages {
    float: left
}

.home header .head-box .head-top .header-btn {
    float: right
}

.home header .head-box .head-content {
    overflow: hidden;
    padding-left: 75px
}

.home header .head-box .head-content>ul {
    float: left
}

.home header .head-box .head-content>img {
    float: left;
    margin-top: -47px
}

.home header .head-box .head-content_strip {
    padding-top: 70px
}

.home header .head-box .head-content_title {
    font-size: 48px;
    color: #203152;
    font-weight: 700;
    padding-top: 25px
}

.home header .head-box .head-content_msg {
    font-size: 24px;
    color: #203152;
    padding-top: 40px
}

.home header .head-box .head-content_btn {
    padding-top: 40px
}

.home header .head-box .head-left-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 50%;
    background: #f0f5ff;
    z-index: -1
}

.home>section .section-box .section_item1 {
    padding-left: 145px;
    padding-top: 143px;
    padding-bottom: 116px
}

.home>section .section-box .section_other {
    background: url(../img/bg-home.png) #fff no-repeat center 158px
}

.home>section .section-box .section_other_left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAPGCAYAAAAiEPAYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBGRDk3MDZDMDRDQzExRTk4RDNCQzAwMkE4QkY5NTA0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBGRDk3MDZEMDRDQzExRTk4RDNCQzAwMkE4QkY5NTA0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEZEOTcwNkEwNENDMTFFOThEM0JDMDAyQThCRjk1MDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEZEOTcwNkIwNENDMTFFOThEM0JDMDAyQThCRjk1MDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7IY8FrAAABBUlEQVR42uxW0Q7CIAxs9/8/5t8YE+NjxSVKYXfAIslm7B4uQNtB6fW2xcxkkfQEBAQEBEC4PeQi17tZx081QdJUYn2BsTCxrRUZ8lvybm5t9dO3cz6LarmvFX5uikZV2GcPlxFw1nwCYBBgdQY2RSNhYS4PVDJqVZBvvnFwEeuUVl/79TAr/cr7c5Vuhs2GDp935QuIqbLl2gCfqzVh/KPMprSlHdrp35J/db5GyFrli4hZhUH+9flMaYsaEbEO3R8K443YN4SeTtXTdj1+TU/b/DubnraJ+W96ioTRDtLTEWEcrMccPUX826WnM7/n3+pprS8T+XeUnoK10NPT/J824SnAAINY+zYd7mLqAAAAAElFTkSuQmCC) repeat-x 0 158px;
    z-index: -1
}

.home>section .section-box .section_other_right {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAPGCAIAAACtcmdPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBGRDk3MDcwMDRDQzExRTk4RDNCQzAwMkE4QkY5NTA0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBGRDk3MDcxMDRDQzExRTk4RDNCQzAwMkE4QkY5NTA0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEZEOTcwNkUwNENDMTFFOThEM0JDMDAyQThCRjk1MDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEZEOTcwNkYwNENDMTFFOThEM0JDMDAyQThCRjk1MDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/XIGLAAAA/UlEQVR42uxUQQ7DIAwz/P+rO+0B2UZLatLA0mmVuokDgkBI3dg43+6SRZAB5JRQ1nXGc05Yzjiua3DuvH/6/dd+WWOrU3Kx1YKT78VcBwcG47Wx4l9r1z39PpZ/4hx7H0I5PfzUP53X2oqV++3F1DPFyr01vdHY4udzxgLCJO39Jodi5r3Zs/hH+jHaGPIvhp90nP93Z4n+P6yf1Oqlx7/uiek/zz09WP7F9I800X1/Tm5EP5XbnWZGmp7+Mf1j+sfv+oezDvnHgP9L+4fVf1AfX/EP6wln+4fjBWf6R8N/0D8i8c4/evj/wD96/H/qH+77m/5xOf8IjocAAwBDg86ZsBYi2gAAAABJRU5ErkJggg==) repeat-x 0 158px;
    z-index: -1
}

.home>section .section-box .section_other_one {
    overflow: hidden
}

.home>section .section-box .section_other_one>div {
    float: right;
    padding-right: 110px
}

.home>section .section-box .section_other_two {
    padding-top: 100px;
    padding-left: 140px
}

.home>section .section-box .section_other_three {
    padding-top: 115px;
    padding-bottom: 53px;
    padding-right: 67px;
    overflow: hidden
}

.home>section .section-box .section_other_three>div {
    float: right
}