.server{ height: 100%; background-image: url("/img/pbg.jpg"); background-repeat: no-repeat; background-size: 100% 100%; } .server span p{ font-size: 48px; color: #ffff; text-align: center; padding-top: 83px; } .server_r_top,.server_r_bottom{ padding: 0 15px; } .server p{ color: rgba(232, 232, 232, 1); line-height: 1.5; font-size: 18px; text-align: center; } .zz-comp{ width: 48px; height: 60px; } .server_img{ width: 400px; height: 260px; margin: auto; } .server_img_m{ width: 100%; } .server_img p img{ width: 100%; height: 100%; } .server_er{ width: 100%; display: flex; padding-top: 20px; } .server_er .server_l{ width: 50%; } .server_er img{ width: 100%; height: 100%; } .server_title{ text-align: center; } .server_r_top p{ color: rgba(135, 135, 135, 1); line-height: 1.5; font-size: 16px; text-align: left; } .server_r_bottom{ color: rgba(179, 179, 179, 1); line-height: 1.5; font-size: 16px; text-align: left; } .product_product{ text-align: center; } .product_product p{ color: #999999; text-align: center; } .server_inr{ padding: 0 40px; } .server_l{ padding: 0 15px; } .server_r_bottom p img{ width: 60%; height: 60%; } .server_bottom_m{ display: flex; justify-content: space-between; } .server_bottom{ background-image:url('/img/bgb.png'); background-repeat:no-repeat; background-attachment:fixed; background-size: 100% 100%; } .server_bottom_l{ text-align: left; padding: 0 15px; } .server_bottom_l h2{ font-size: 36px; color: #ffffff; } .server_bottom_l p{ color: rgba(218, 218, 218, 1); line-height: 1.5; font-size: 14px; text-align: left; } .server_bottom_r{ padding: 0 15px; padding-top: 43px; } .server_bottom_r button{ border: 1px solid #dcdfe6; border-radius: 4px 4px 4px 4px; padding: 12px 40px 12px 40px; color: #606266; font-size: 14px; } .server_pro{ width: 100%; } .server_pro ul{ width: 80%; display: flex; margin: auto; } .server_pro ul li{ width: 33.33336%; text-align: center; } .server_pro ul li img{ width: 100%; height: 100%; } .server_type{ margin: 0 12px; }