.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; height: 38px; margin-top: 19px; } .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 }