.center{ width: 1200px; margin: 0 auto; } .solution { width: 30%; height: 260px; float: left; margin: 0.5%; padding: 1%; background: rgba(255, 255, 255, .4); } .solution:hover { background: white; transition: .4s; } .solution h2 { text-align: left; line-height: 30px; font-size: 20px; font-weight: bolder; padding: 10px 0 0 20px; } .solution h3 { text-align: left; line-height: 40px; font-size: 12px; color: #333; } .solution p { text-align: left; font-size: 14px; padding: 6px 0 0 20px; color: #666; } .solution_a { width: 100%; padding: 30px 0 0 20px; } .solution_a ul li { float: left; width: 50%; } .solution_a ul li a { color: #999; font-size: 14px; line-height: 25px } .footer { width: 100%; background: #222; display: flex; margin-top: 80px; flex-direction: column; } .footer h3 { margin: 50px 0 0 0; font-weight: 300; color: #fff; font-size: 1.3em; padding-bottom: 15px; } .footer_1_body { width: 80%; margin: 0 auto; } .footer_2_body { width: 50%; margin: 0 auto; } .footer_3_body { width: 50%; margin: 0 auto; } .footer_4_body { width: 50%; margin: 0 auto; } .footer_1 { width: 25%; height: auto; } .footer_2 { width: 25%; height: auto; border-left: 1px solid #292929; } .footer_3 { width: 25%; height: auto; border-left: 1px solid #292929; } .footer_4 { width: 24%; height: auto; border-left: 1px solid #292929; } .footer_1 p { font-size: 14px; color: #bbb; margin: 15px 0; line-height: 26px; text-align: justify; } .footer_1 a { color: #bbb; text-decoration: none; } .footer_2 ul { margin-left: 0px; padding-left: 0px; } .footer_2 ul li { list-style: none; } .footer_2 ul li a { text-decoration: none; color: #bbbbbb; line-height: 28px; font-size: 14px; } .footer_3 ul { margin-left: 0px; padding-left: 0px; } .footer_3 ul li { list-style: none; } .footer_3 ul li a { line-height: 28px; text-decoration: none; color: #bbbbbb; font-size: 14px; } .footer_4 a { color: #bbbbbb; margin-top: 2px; text-decoration: none; font-size: 14px; } .footer_4_2 { margin-top: 20px; } .footer_4_3 { margin-top: 20px; } .footer_bottom { margin-top: 40px; width: 100%; height: auto; border-top: 1px solid #292929; } .footer_bottom p { font-size: 0.8rem; color: #bbbbbb; text-align: center; padding: 16px 0; } .footer_bottom a { color: #bbbbbb; text-decoration: none; } @media only screen and (min-width:769px) and (max-width: 1024px) { .center{ width:90%; } .footer_2_body { width: 60%; } .solution { width: 98%; height: 400px; } #mslider .item_block .title { font-size: 80px!important; line-height: 76px!important; } #mslider .item_block .subtitle { font-size: 26px!important; line-height: 80px!important; } .tabs-style-iconbox nav ul li a span { font-size: 1.8rem; ; } .solution h2 { font-size: 40px; padding: 20px 0 0 20px; line-height: 60px; } .solution ul{ margin-top: 20px; } .solution p { text-align: left; font-size: 26px; padding: 10px 0 0 20px; color: #666; } .solution h3 { font-size: 24px; } .solution_a ul li a { color: #999; font-size: 24px; line-height: 34px; } } /*手机端*/ @media only screen and (min-width: 100px) and (max-width:768px) { .center{ width: 98%; } .footer_2_body { width: 60%; } .solution { width: 98%; height: 200px; float: left; margin: 1% 0.5% 4% 0.5%; padding: 1%; background: rgba(255, 255, 255, .4); } .footer_1 { width: 100%; } .footer_2 { width: 100%; } .footer_3 { width: 100%; } .footer_4 { width: 100%; } .footer_1_body { width: 90%; } .footer_2_body { width: 90%; } .footer_3_body { width: 90%; } .footer_4_body { width: 90%; } .footer_bottom { width: 90%; margin: 20px auto; } .footer_bottom p { line-height: 24px; margin-top: 28px; } }