.continueHighBanner img{ width: 100%; } .brandTitle{ text-align: center; margin-top: 123px; margin-bottom: 100px; } .brandTitle h2{ font-size: 24px; color: #333333; font-weight: normal; } .brandTitle span{ font-size: 20px; display: inline-block; color: #333; margin-top: 5px; margin-bottom: 32px; } .brandTitle p{ margin: 0 auto; width: 580px; font-size: 18px; color: #666666; margin-bottom: 12px; text-align: center; } .benefit{ margin-top: 100px; display: flex; display: -webkit-flex; justify-content: space-between; } .benefit img{ width: 600px; } .benefit div{ width: 550px; } .benefit div h3{ font-weight: normal; font-size: 31px; color: #333333; margin-top: 37px; } .benefit div span{ display: inline-block; font-size: 21px; color: #666666; margin-top: 5px; margin-bottom: 50px; } .benefit div i{ display: block; width: 50px; height: 2px; background: #666; } .benefit div p { font-size: 21px; color: #666; } .benefit div .pTop{ margin-top: 11px; margin-bottom: 42px; } .industryImg,.industryImg img { width: 100%; } .industryTxt{ margin-bottom: 20px; margin-top: 68px; } .projiectList{ clear: both; width: 1200px; margin: 0 auto; padding: 0 100px; } .projiectList ul { height: 580px; } .projiectList ul li a{ display: inline-block; width:100%; height: 100%; } .projiectList ul li{ margin: 0 50px 50px;; width: 400px; height: 240px; float: left; text-align: center; transition: all .2s ease-in-out; } .projiectList ul li:hover{ box-shadow: 0 4px 40px #333; transition: all .2s ease-in; } .projiectList ul li p{ font-size: 16px; color: #fff; margin-top: 180px; } .projiectList ul li:nth-child(1){ background: url(../../../../img/load/governmentSupport_4.jpg)no-repeat; background-size:100% 100%; } .projiectList ul li:nth-child(2){ background: url(../../../../img/load/governmentSupport_5.jpg)no-repeat; background-size:100% 100%; } .projiectList ul li:nth-child(3){ background: url(../../../../img/load/governmentSupport_6.jpg)no-repeat; background-size:100% 100%; } .projiectList ul li:nth-child(4){ background: url(../../../../img/load/governmentSupport_7.jpg)no-repeat; background-size:100% 100%; } .caseStudy{ width: 100%; height: 450px; background: url(../../../../img/load/governmentSupport_8.jpg)no-repeat; background-size:100% 100%; } .caseStudy .caseStudyContent{ width: 1200px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: space-between; } .caseStudy .caseStudyContent div{ width: 600px; height: 450px; } .caseStudy .caseStudyContent div:nth-child(1){ background: #a6b5c9; opacity: .3; } .caseStudy .caseStudyContent div:nth-child(2){ padding-left: 30px; } .caseStudyContent span{ display: inline-block; width: 60px; height: 2px; background: #333; margin-top: 64px; margin-bottom: 34px; } .caseStudyContent p{ font-size: 18px; color: #666666; line-height:45px; } .advantages{ clear: both; width: 100%; height: 400px; background: url(../../../../img/load/governmentSupport_9.jpg)no-repeat; background-size:100% 100%; } .advantagesList{ width: 1200px; margin: 0 auto; padding-top: 50px; } .advantagesList ul { display: flex; display: -webkit-flex; justify-content: space-between; } .advantagesList ul li{ margin-bottom: 100px; } #bottom{ margin-top: 100px; } @media screen and (max-width:1200px){ .industryImg,.continueHighBanner,.caseStudy,.advantages{ width: 1200px; } }