.about19-ban1{ width: 100%; height: 560px; box-sizing: border-box; background: url('/img/yuxiupdata/aubot1.png') center center #000; background-size: auto 100%; margin-top: 90px; position: relative; } .about19-ban1 h2{ color: #fff; position: absolute; top: 40%; left: 44%; font-size:48px; } .about19-info1{ padding: 120px 0; } .about19-info1 h2{ color: #333; font-size:36px; } .about19-info1 span{ width: 28px; height: 4px; display: block; background: #FF1717; margin: 30px 0 26px 0; } .about19-info1 p{ margin: 0; padding: 0; color: #666; font-size:16px; line-height: 1.5; } .about19-ban2{ color: #fff; width: 100%; height: 340px; box-sizing: border-box; background: url('/img/yuxiupdata/aubot2.png') center center #000; background-size: auto 100%; overflow: hidden; } .about19-ban2 h2{ font-size:42px; } .about19-ban2 h4{ font-size:28px; margin: 90px 0 80px 0; } .about19-info2{ padding: 80px 0; } .about19-info2 p{ margin: 0; padding: 0; color: #666; font-size:24px; } .about19-info2 a{ color: #fff; width: 160px; height: 48px; line-height: 48px; display: block; background: #FF1717; margin: 48px auto 0 auto; font-size:16px; } @media (max-width:770px){ .about19-ban1{ height: 140px; margin-top: 50px; } .about19-ban1 h2{ top: 24%; left: 36%; font-size:20px; } .about19-info1{ padding: 15px 8px; } .about19-info1 h2{ font-size:20px; } .about19-info1 span{ margin: 10px 0 8px 0; } .about19-info1 p{ font-size:14px; } .about19-ban2{ height: 112px; } .about19-ban2 h2{ font-size:18px; } .about19-ban2 h4{ font-size: 13px; margin: 30px 0 26px 0; } .about19-info2{ padding: 15px 0; } .about19-info2 p{ margin: 0; padding: 0; color: #666; font-size: 16px; } .about19-info2 a{ width: 106px; height: 32px; line-height: 32px; margin: 15px auto 0 auto; font-size:14px; } }