.wrp1440 {width: 1440px; margin: 0 auto; } .fl {float: left; } .fr {float: right; } .qw_banner{background: url(/skin/style/img/quanwang/banner.png?t=20190806) no-repeat center; height: 600px; } .qw_content {} .qw_title {text-align: center; padding: 26px 0; } .qw_title h2 {font-size: 40px; color: #454545; line-height: 68px; } .qw_title p {font-size: 24px; color: #f02d00; line-height: 50px; margin-bottom: 22px; } .qw_title span {font-size: 18px; color: #414141; line-height: 40px; } .qw_col {padding: 30px 145px; zoom: 1; } .qw_col:after {display: block; clear: both; visibility: hidden; height: 0; content: ""; } .col1>div {zoom: 1; } .col1>div:after {display: block; clear: both; height: 0; visibility: hidden; content: ""; } .col1 .col_txt {padding-top: 50px; } .col1 .col_txt p {color: #fff; font-size: 30px; line-height: 54px; } .col2 h2 {font-size: 48px; color: #fff; text-align: center; font-weight: 700; line-height: 106px; } .col2 ul li {width: 280px; padding-left: 230px; float: left; height: 150px; padding-top: 20px; margin-left: 65px; } .col2 ul li h3 {line-height: 54px; color: #fff; font-size: 32px; font-weight: 700; } .col2 ul li p {line-height: 32px; color: #fff; font-size: 18px; } .col2 ul li:nth-child(1) {background: url(/skin/style/img/quanwang/04.png)no-repeat left 30px; } .col2 ul li:nth-child(2) {background: url(/skin/style/img/quanwang/05.png)no-repeat left 30px; } .col2 ul li:nth-child(3) {background: url(/skin/style/img/quanwang/06.png)no-repeat left 30px; } .col2 ul li:nth-child(4) {background: url(/skin/style/img/quanwang/07.png)no-repeat left 30px; } .col3 h2 {font-weight: 700; color: #fff; font-size: 48px; line-height: 82px; padding: 20px 0; } .col3 .col_txt {padding-right: 400px; background: url(/skin/style/img/quanwang/08.png) no-repeat right 10%; padding-bottom: 40px; } .col3 p {color: #fff; font-size: 20px; line-height: 38px; padding-bottom: 30px; } .col3 span {color: #ffea00; font-size: 34px; line-height: 46px; } .col4 .col_txt {padding-right: 420px; background: url(/skin/style/img/quanwang/09.png) no-repeat right 0px; background-size: 50%; } .col4 .col_txt p {line-height: 38px; color: #fff; font-size: 20px; padding: 35px 0; } .col4 .col_txt span {line-height: 58px; color: #fff000; font-size: 32px; } .col5 .col_txt {padding: 20px 0 40px; padding-left: 680px; background: url(/skin/style/img/quanwang/10.png) no-repeat left 20px; } .col5 .col_txt h2 {font-size: 48px; color: #fff; line-height: 70px; } .col5 .col_txt p {font-size: 20px; color: #fff; line-height: 36px; } .col5 .col_txt h3 {font-size: 48px; color: #fff000; line-height: 90px; } .col5 .col_txt span {font-size: 32px; color: #fff000; line-height: 50px; } .col5 .col_txt div {font-size: 24px; color: #e74c3c; background: #fff000; line-height: 50px; text-align: center; width: 370px; } .col6 .col_txt {width: 300px; padding: 60px 40px; } .col6 .col_txt h2 {font-weight: 700; font-size: 48px; line-height: 112px; text-align: center; color: #fff; } .col6 .col_txt p {line-height: 36px; font-size: 20px; color: #fff; } .col7 .col_title {text-align: center; margin: 40px 0; } .col7 .col_title span {font-size: 22px; font-weight: 700; color: #fff; padding: 16px 32px; } .col7 .col_title span:nth-child(1) {background: #e9b325; } .col7 .col_title span:nth-child(3) {background: #4ed594; } .col7 .col_title span:nth-child(5) {background: #fda44e; } .col7 .col_title span:nth-child(6) {background: #f1a9b9; margin-left: 60px; } .col7 .col_title b {font-size: 22px; font-weight: 700; color: #fff; margin: 0 35px; } .col7 ul {margin-top: 50px; } .col7 ul li {float: left; width: 455px; padding-left: 100px; margin-bottom: 40px; margin-left: 20px; } .col7 ul li:nth-child(1) {background: url(/skin/style/img/quanwang/col7_01.png) no-repeat left; } .col7 ul li:nth-child(2) {background: url(/skin/style/img/quanwang/col7_02.png) no-repeat left; } .col7 ul li:nth-child(3) {background: url(/skin/style/img/quanwang/col7_03.png) no-repeat left; } .col7 ul li:nth-child(4) {background: url(/skin/style/img/quanwang/col7_04.png) no-repeat left; } .col7 ul li h3 {margin-bottom: 10px; font-size: 20px; font-weight: 700; color: #fff; line-height: 30px; } .col7 ul li p {color: #fff; font-size: 14px; padding-right: 20px; } .col8 h2 {text-align: center; font-size: 50px; font-weight: 700; color: #fff; line-height: 80px; } .col8 ul {color: #fff; } .col8 ul li {float: left; width: 410px; padding-left: 100px; padding-bottom: 40px; padding-top: 40px; margin-left: 65px; } .col8 ul li:nth-child(1) {background: url(/skin/style/img/quanwang/col8_01.png) no-repeat left; } .col8 ul li:nth-child(2) {background: url(/skin/style/img/quanwang/col8_02.png) no-repeat left; } .col8 ul li:nth-child(3) {background: url(/skin/style/img/quanwang/col8_03.png) no-repeat left; } .col8 ul li:nth-child(4) {background: url(/skin/style/img/quanwang/col8_04.png) no-repeat left; } .col8 ul li:nth-child(5) {background: url(/skin/style/img/quanwang/col8_05.png) no-repeat left; } .col8 ul li:nth-child(6) {background: url(/skin/style/img/quanwang/col8_06.png) no-repeat left; } .col8 ul li h3 {font-size: 20px; font-weight: 700; color: #fff; line-height: 30px; } .col8 ul li p {font-size: 14px; line-height: 24px; } .col9 h2 {color: #4b4b4b; font-size: 50px; line-height: 90px; } .col9 h2 span {color: #e94553; font-size: 70px; font-weight: 800; } .col10 .col_txt {width: 100%; height: 326px; background: url(/skin/style/img/quanwang/13.png) no-repeat; } .col11 .col_txt {width: 100%; height: 400px; background: url(/skin/style/img/quanwang/14.png) no-repeat; } .col12 .col_txt {width: 100%; height: 550px; background: url(/skin/style/img/quanwang/15.png) no-repeat; } .col13 h2 {color: #414042; font-weight: 700; font-size: 40px; text-align: center; line-height: 80px; margin-bottom: 40px; } .col13 .col_txt {padding-left: 575px; background: url(/skin/style/img/quanwang/16.png) no-repeat 25%; } .col13 .col_txt ul {} .col13 .col_txt ul li {margin-bottom: 40px; } .col13 .col_txt ul li span {background: #414042; color: #fff; padding: 10px 14px; } .col1 {background: #f99b1d; } .col2 {background: #dc4932; } .col3 {background: #2aab73; } .col4 {background: #43377b; } .col5 {background: #1f96d4; } .col6 {background: url(/skin/style/img/quanwang/11.png) no-repeat center center, #1181b8; } .col7 {background: #ea7f96; } .col8 {background: #23ac38; } .col9 {background: #fff; text-align: center; } .col10 {background: #0fc4be; } .col11 {background: #1fc752; } .col12 {background: #1f82c7; } .col13 {background: #fff; } .qw_foot {background: #ff7023; padding: 26px 0; } .foot_title {text-align: center; color: #fff; } .foot_title h2 {color: #fff; font-weight: 700; font-size: 48px; line-height: 140px; } .foot_title p {font-size: 28px; } .foot_title span {font-size: 36px; line-height: 140px; } .bb_con_col:after {display: block; clear: both; content: ""; visibility: hidden; height: 0; } .bb_con_col>div {border-radius: 10px; } .bagdffb423 {background: #ffb423; } .corff7023 {color: #ff7023; } .bb_col_head {width: 314px; margin: 0 auto; text-align: center; padding: 14px 0; margin-bottom: -65px; position: relative; } .bb_col_head h3 {color: #fff; font-weight: 800; font-size: 48px; line-height: 64px; } .bb_col_head p {color: #fff; font-size: 40px; line-height: 64px; } .bb_col_body {background: #f9f9f9; line-height: 42px; font-size: 24px; box-shadow: 0px 0px 15px rgba(0, 0, 0, .5); padding: 74px 50px 21px 82px; width: 470px; margin: 0 auto; } .bb_col_body ul {padding: 16px 0; } .bb_col_body ul li {} .bb_col_body p {font-weight: 700; padding-left: 40px; } .corff7023 p {background: url(/skin/style/img/quanwang/bb_con_01.png) no-repeat left; } .cor2395ff p {background: url(/skin/style/img/quanwang/bb_con_02.png) no-repeat left 8px; } .bb_col_foot {padding-top: 20px; text-align: center; } .bb_col_foot a {font-size: 30px; line-height: 67px; color: #ff7023; padding: 10px 50px; border-radius: 10px; margin: 0 12px; background: #fff; transition: .5s; -webkit-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -moz-transition: .5s; } .bb_col_foot a:hover {background: #ffb423; color: #fff; } .bz_foot {text-align: center; padding: 120px 0 40px; } .bz_foot:after {display: block; clear: both; content: ""; visibility: hidden; height: 0; } .bz_foot>div {display: inline-block; vertical-align: middle; } .bz_qr img {vertical-align: baseline; } .bz_logo {text-align: center; margin-left: 40px; } .bz_logo img {width: 290px; margin-top: -40px; } .bz_logo p {font-size: 24px; color: #0290c0; }