.header{ height: 60px; box-shadow: 2px 2px 6px 0 rgba(5, 37, 63, 0.4); padding-bottom: 2px; } .header .nav{ padding:0 10px; height: 60px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .logo-wrap{ display: flex; align-items: center; } .header .nav .logo-wrap img{ display: block; height: 40px; } .logo-wrap .rt{ padding: 10px; } .logo-wrap .title{ color: #333; font-size: 18px; font-weight: 600; } .logo-wrap .sub-title{ color: #666; font-size: 14px; padding-top: 4px; } .header .nav .right-warp{ width: 50%; display: flex; justify-content: center; align-items: center; } .statistics-card{ height: 50px; display: flex; justify-content: center; align-items: center; } .statistics-card .item{ padding: 0 15px; } .statistics-card .item .number{ font-size: 26px; color: #F18101; font-weight: bold; text-align: center; } .statistics-card .item .name{ font-size: 14px; color: #424242; text-align: center; } .case .swiper-slide:nth-child(n+4){ display: none; } .banner-footer-pic{ height: 420px; padding:10px 0; background-size: 50% 100%; background-image: url(/static/banner.png); background-repeat: no-repeat; background-position: top 0 right 0; background-color: #2a6fcf; } .banner-footer-pic-wrap{ width: 50%; color: #fff; padding:20px 0 0 30px; box-sizing: border-box; margin-top: 30px; } .banner-footer-pic-wrap .banner-title{ font-size: 26px; line-height: 1.5; } .banner-footer-pic h2{ font-size: 48px; font-weight: 600; letter-spacing: 3px; line-height: 1.8; } .banner-footer-pic-wrap .banner-feature{ font-size: 18px; line-height: 1.8; } /* 企业应用 */ .company-app{ max-width: 1200px; margin: 0 auto; } .company-app img{ width: 90%; display: block; margin: 0 auto; } @media screen and (max-width: 750px) { .header{ height: 140px; } #tel-box{ top:unset; bottom: 10px; } .statistics-card .item{ padding: 0 10px; } .header .nav .right-warp{ width: 100%; } .banner-footer-pic{ height: 380px; padding: 10px 0; background-size: 98% 68%; background-image: url(/static/banner.png); background-repeat: no-repeat; background-position: top 120px center; } .banner-footer-pic-wrap{ width: 100%; margin-top: 0px; } .banner-footer-pic-wrap .banner-title{ font-size: 16px; } .banner-footer-pic h2{ font-size: 20px; } .banner-footer-pic-wrap .banner-feature{ font-size: 12px; } .company-app .subtitle-box .subtitle{ font-size: 20px; } .company-app .subtitle-box .el-divider__text{ font-size: 12px; width: 100%; text-align: center; } }