#bj{ background-image: url("../img/sheying.jpg"); background-size: cover; height: calc(100vh); width: 100%; position: fixed; top: 0;left: 0; z-index: -10; } #kong{ background:#fff ; height: calc(100vh); width: 100%; position: fixed; top: 0;left: 0; z-index: -5; } h2{ font-weight: 700; } .publicity { width: 100%; height: 100%; } .soa { background-image: url("../img/soa.jpg"); background-size: cover; } .client { background-image: url("../img/client.jpg"); background-size: cover; line-height: 20px; } .client p{ line-height: 36px; } .aboutUs { background-image: url("../img/aboutus.jpg"); background-size: cover; padding: 50px 0; align-items:center; } #aboutUsTxt, #serveTxt{ margin-left: 40px; position: relative; width: 434px; } .aboutUs .innerAuto p{ font-size: 14px; line-height: 24px; } .serve { background-image: url("../img/telbj.jpg"); background-size: cover; align-items:center; padding: 50px 0; } .serve h3{ font-weight: 500; } .serve ol, .serve ol li{ list-style: disc; margin-left: 9px;; } .serve p{ font-size: 14px; line-height: 24px; } .serverpower { background-image: url("../img/powerbj.jpg"); background-size: cover; padding-top: 90px; background-color: #fff; } .serverpower { font-weight: bolder; } .serverpower h2{ font-size: 30px; } .powerList{ padding-bottom: 30px; } .powerList .aovImg{ height: 66px; margin:60px auto 0 ; } .powerItem>p{ margin-bottom: 50px; } .powerUl{ margin: 20px auto 0; width: 80%; } .powerUl ul li h3{ line-height: 26px; font-weight: bolder; } .powerUl ul li p{ font-size: 14px; line-height: 24px; font-weight: normal; } .transparent{ background: transparent; color: #fff; padding: 100px 0; } .transparent span{ width: 100px; height: 1px; background: #fff; margin: 20px auto; display: block; } #my-video { width: 100%; }