*{ margin: 0px; padding: 0px; text-decoration: none; list-style-type: none; } .header{ width: 100%; height: 98px; background: #fff; } .header-c{ width: 1200px; height: 98px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .logonews{ display: block; width: 215px; height: 80px; } .header-r{ display: flex; height: 98px; align-content: center; } .headr{ display: flex; align-content: center; align-items: center; } .headr img{ width: 58px; height: 58px; margin-right: 18px; } .headr div{ width: 172px; } .headr div span{ display: block; width: 100%; font-size: 26px; } .top{ width: 100%; height: 816px; background: url(/uploads/image/sdiaimg/t.png) 100% 100%; } .top-c{ width: 1236px; margin: 0 auto; } .top-l{ float: left; position: relative; } .top-l img{ margin-top: 52px; position: absolute; } .mob1{ top:58px; margin-left: -90px; } .mob2{ left: 90px; } .top-r{ width: 624px; float: right; padding-top:122px; } .top-b{ display: flex; } .top-w{ width: 214px; height: 214px; margin-left: 62px; background: #fff; display: flex; justify-content: center; align-items: center; border-radius: 5px; } } .t-erw{ display: block; width: 180px; height: 180px; } .slogan{ margin: 48px 0px; } .top-a a{ display: block; width: 342px; height: 92px; overflow: hidden; margin-bottom: 42px; border-radius: 15px; overflow: hidden; } .top-a a img{ width: 100%; } .ative{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .main{ width: 100%; } .main-c{ width: 1270px; margin: 186px auto; } .main-l{ width: 372px; float: left; } .main-a{ padding-left:46px; display: flex; } .main-a div{ width: 208px; margin-right: 30px; } .main-a div h3{ font-size: 28px; color: #212121; } .main-a div p{ font-size: 18px; color: #575757; } .mobile-c{ float: left; } .main-t{ margin-top: 161px; margin-bottom: 226px; } .main-r{ width: 326px; float: right; } .main-a1{ display: flex; } .main-a1 img{ margin-right:30px; } .main-a1 div{ width: 208px; } .main-a1 div h3{ font-size: 28px; color: #212121; } .main-a1 div p{ font-size: 18px; color: #575757; } .footer{ width: 100%; height: 228px; background: #007af9; display: flex; } .footer-c{ width: 798px; margin: 30px auto; display: flex; justify-content: space-between; } .footer-l p{ font-size: 28px; color: #fff; line-height: 66px; margin-bottom: 16px; } .footer-l a{ margin-right: 24px; } .footer-w{ width: 168px; height: 168px; background: #fff; display: flex; justify-content: center; align-items: center; border-radius: 5px; } .footer-w img{ width: 152px; height: 152px; }