* {margin:0; padding:0; box-sizing:border-box;}
body { font-family: Arial, sans-serif; background:#f7f7f7; }

.page { max-width:500px; margin:0 auto; background:#fff; overflow:hidden; }

.slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.slider-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  min-width: 100%;
}
.slide img {
  width: 100%;
  display: block;
  cursor: pointer;
}

.dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
}
.dots span {
  width: 10px; height: 10px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.dots .active {
  background: #333;
}

.static-img img { width:100%; display:block; }
.bottom-space {
  height: 70px; 
  background: #0f131c;
}

.intro { padding:20px; background:#0f131c; color:#fff; line-height:1.6; }
.intro h2 { font-size:24px; margin-bottom:10px; text-align:center; }

.sticky-bar {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 500px;               
  background: rgba(0,0,0,0.7);
  display: flex;
  justify-content: center;
  padding: 12px 0;
  z-index: 100;
  border-radius: 6px 6px 0 0; 
}

.btn {
  margin: 0 10px;
  padding: 14px 80px;         
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  white-space: nowrap;
}
.btn.blue   { background: #1e90ff; }
.btn.orange { background: #ff9800; }

.sticky-online-service {
  position: fixed;
  top: 35%;               
  right: calc(50% - 250px + 10px); 
  transform: translateY(-50%);
  z-index: 200;
}
.sticky-online-service img {
  width: 70px;
  height: 70px;
  display: block;
}

@media (max-width:750px){
  .sticky-bar { width: 100%; border-radius: 0; flex-wrap: nowrap; }
  .btn { padding: 10px 60px; font-size: 14px; white-space: nowrap; }

  .sticky-online-service {
    top: 23%;
    right: 5px;
    transform: none;
  }
  .sticky-online-service img {
    width: 55px;
    height: 55px;
  }

  .bottom-space { height: 80px; }
}