.continueHighBanner img{ width: 100%; } .financeTop { width:1200px; display: flex; display: -webkit-flex; justify-content: space-between; margin: 70px auto; } .financeTop div{ width: 590px; height: 414px; } .financeTop div:nth-child(1){ background: url(../../../../img/load/finance_2.png) no-repeat; background-size:100% 100%; } .financeTop div:nth-child(2){ background: url(../../../../img/load/finance_3.png) no-repeat; background-size:100% 100%; } .financeTop div a{ display: inline-block; width: 165px; height: 50px; background: rgba(0, 0, 0, .2); color: #fff; line-height: 48px; text-align: center; margin-top: 300px; margin-left: 50px; font-size: 22px; border-radius: 10px; transition: all .2s ease-in-out; } .financeTop div a:hover{ background: #0289df; transition: all .2s ease-in } .financeMid { width: 100%; background: url(../../../../img/load/finance_4.png)no-repeat; background-size:100% 100%; } .financeMid .financeTxt{ width: 1200px; margin: 0 auto; padding-top: 160px; padding-bottom: 200px; display: flex; display: -webkit-flex; justify-content: space-between; } .financeMid .financeTxt div{ width: 260px; text-align: center; } .financeMid .financeTxt div p{ font-weight: both; font-size: 64px; color: #fff; } .financeMid .financeTxt dl{ width: 800px; color: #fff; font-size: 24px; } .financeMid .financeTxt dl dd{ margin-top: 10px; } .financeBottom{ width: 1400px; margin: 67px auto 150px; background: url(../../../../img/load/finance_5.jpg)no-repeat; background-size:100% 100%; } .financeBottom .financeContent{ width: 1200px; margin: 0 auto; padding-top: 60px; padding-bottom: 90px; display: flex; display: -webkit-flex; justify-content: space-between; } .financeBottom .financeContent a{ width: 100%; height: 100%; display: inline-block; } .financeBottom .financeContent div{ width: 320px; height: 320px; text-align: center; } .financeContent a{ display: inline-block; width: 100%; height: 100%; } .financeBottom .financeContent div p{ font-size: 28px; color: #333333; margin-top:250px; } .financeBottom .financeContent div:nth-child(1){ background: url(../../../../img/load/finance_6.png)no-repeat; background-size:100% 100%; } .financeBottom .financeContent div:nth-child(2){ background: url(../../../../img/load/finance_7.png)no-repeat; background-size:100% 100%; } .financeBottom .financeContent div:nth-child(3){ background: url(../../../../img/load/finance_8.png)no-repeat; background-size:100% 100%; } @media screen and (max-width:1200px){ .financeBottom,.financeMid,.continueHighBanner{ width: 1200px; } }