body .home .common_title {
  text-transform: capitalize;
  font-weight: 700
}

body .home .common_title span {
  color: #F18804
}
body .home .sec5 .lbox span {
   color: #F18804
}
body .home .container {
  overflow: hidden
}

body .home .container .sec1 {
  margin: 5.52083vw 12.08333vw 7.08333vw 12.08333vw;
  position: relative
}

body .home .container .sec1 .icon1,
body .home .container .sec1 .icon2 {
  position: relative
}

body .home .container .sec1 .icon1 img,
body .home .container .sec1 .icon2 img {
  width: 5vw;
  transition: all 600ms
}

body .home .container .sec1 .icon1 img:nth-child(2),
body .home .container .sec1 .icon2 img:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0
}

body .home .container .sec1 .icon1.on img:nth-child(1),
body .home .container .sec1 .icon2.on img:nth-child(1) {
  opacity: 0
}

body .home .container .sec1 .icon1.on img:nth-child(2),
body .home .container .sec1 .icon2.on img:nth-child(2) {
  opacity: 1
}

body .home .container .sec1 .content {
  display: flex;
  justify-content: space-between;
  margin: 2.34375vw 0 2.86458vw 0
}

body .home .container .sec1 .content .lbox {
  width: 27.44792vw;
  line-height: 1.5;
  text-transform: capitalize
}

body .home .container .sec1 .content .rbox {
  width: 46.29167vw;
  position: relative;
  padding: 1.5625vw 1.45833vw 1.5625vw 3.33333vw;
  margin-top: 5.41667vw
}

body .home .container .sec1 .content .rbox .des {
  color: #343434;
  line-height: 2
}

body .home .container .sec1 .content .rbox .tp {
  position: absolute;
  right: 0;
  top: 0;
  transition: all 600ms
}

body .home .container .sec1 .content .rbox .tp img {
  display: block;
  height: 3.28125vw
}

body .home .container .sec1 .content .rbox .bp {
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 600ms
}

body .home .container .sec1 .content .rbox .bp img {
  display: block;
  height: 3.28125vw
}

body .home .container .sec1 .content .rbox:hover .tp {
  right: 5.20833vw
}

body .home .container .sec1 .content .rbox:hover .bp {
  left: 5.20833vw
}

body .home .container .sec1 .icon2 {
  text-align: right
}

body .home .container .sec1 .icon2 img:nth-child(2) {
  left: auto;
  right: 0
}

body .home .container .sec2 {
  padding: 0 12.08333vw 4.47917vw 12.08333vw;
  display: flex;
  justify-content: space-between;
  position: relative
}

body .home .container .sec2 .lbox {
  width: 30.10417vw
}

body .home .container .sec2 .lbox .des {
  margin: 2.08333vw 0 6.09375vw 0;
  line-height: 2
}

body .home .container .sec2 .lbox .des2 {
  line-height: 2
}

body .home .container .sec2 .rbox {
  width: 38.95833vw;
  overflow: hidden
}

body .home .container .sec2 .rbox img {
  width: 100%;
  height: 29.16667vw;
  object-fit: cover;
  transition: all 600ms
}

body .home .container .sec2 .rbox:hover img {
  transform: scale(1.05)
}

body .home .container .sec2 .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60.625vw;
  background: #FCE7CD;
  z-index: -1
}

body .home .container .sec2 .bg img {
  height: 100%
}

body .home .container .sec3 {
  padding: 11.14583vw 12.08333vw 9.6875vw 12.08333vw
}

body .home .container .sec3 .content {
  display: flex;
  justify-content: space-between;
  margin-top: 4.42708vw
}

body .home .container .sec3 .content .lbox {
  width: 27.44792vw;
  line-height: 1.5
}

body .home .container .sec3 .content .rbox {
  width: 27.44792vw;
  line-height: 2
}

body .home .container .sec4 {
  padding: 5.20833vw 12.08333vw;
  position: relative
}

body .home .container .sec4 .content {
  display: flex;
  justify-content: space-between;
  background: #FAFAFA;
  align-items: center
}

body .home .container .sec4 .content .lbox {
  margin-left: 4.6875vw
}

body .home .container .sec4 .content .lbox .pt {
  font-weight: 600;
  line-height: 1.18;
  margin-bottom: 1.30208vw;
  text-transform: capitalize
}

body .home .container .sec4 .content .lbox .des {
  line-height: 1.75;
  text-transform: capitalize;
  width: 29.58333vw
}

body .home .container .sec4 .content .rbox {
  width: 37.1875vw;
  position: relative
}

body .home .container .sec4 .content .rbox .bg {
  width: 100%;
  display: block;
  height: 23.90625vw;
  object-fit: cover
}

body .home .container .sec4 .content .rbox .play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer
}

body .home .container .sec4 .content .rbox .play img {
  width: 3.75vw
}

body .home .container .sec4 .bgs {
  position: absolute;
  right: 0;
  top: 0;
  width: 45.15625vw;
  height: 100%;
  background: #FCE7CD;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: flex-end
}

body .home .container .sec4 .bgs img {
  height: 18.75vw
}

body .home .container .sec5 {
  padding: 10vw 12.08333vw 15.10417vw 12.08333vw;
  display: flex;
  justify-content: space-between
}

body .home .container .sec5 .lbox {
  width: 18.82292vw
}

body .home .container .sec5 .lbox .tag {
  color: #F18804;
  line-height: 2.4;
  text-transform: capitalize
}

body .home .container .sec5 .lbox .pt {
  margin-top: -7.42708vw;
  color: #343434;
  font-weight: 600;
  line-height: 0.875;
  text-transform: capitalize
}

body .home .container .sec5 .rbox {
  width: 53.69792vw
}

body .home .container .sec5 .rbox .item {
  display: flex;
  justify-content: space-between
}

body .home .container .sec5 .rbox .item:not(:last-child) {
  margin-bottom: 4.32292vw
}

body .home .container .sec5 .rbox .item .pt {
  width: 16.82292vw;
  color: #F18804;
  font-weight: 600;
  line-height: 1.31;
  text-transform: capitalize
}

body .home .container .sec5 .rbox .item .des {
  width: 31.35417vw;
  line-height: 1.75
}

body .home .container .sec6 {
  padding: 0 12.08333vw 10.67708vw 12.08333vw
}

body .home .container .sec6 .tag {
  color: #F18804;
  line-height: 2.4;
  text-transform: capitalize
}

body .home .container .sec6 .intro {
  width: 45.26042vw;
  line-height: 1.315;
  font-weight: 500;
  margin: .57292vw 0 4.6875vw 0
}

body .home .container .sec6 .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7.03125vw
}

body .home .container .sec6 .list .item {
  width: 100%
}

body .home .container .sec6 .list .item .pt {
  background: linear-gradient(90deg, #F18804 0%, #fff 100%);
  padding: .83333vw 0 .72917vw 1.19792vw;
  display: flex;
  align-items: center;
  gap: .9375vw;
  font-weight: 900;
  color: white
}

body .home .container .sec6 .list .item .pt img {
  width: 1.5625vw
}

body .home .container .sec6 .list .item .des {
  margin-top: 1.45833vw;
  line-height: 1.75;
  text-transform: capitalize
}

body .home .footer {
  border-top: 1px solid rgba(0, 0, 0, 0.3)
}

@media screen and (max-width: 768px) {
  body .home .container .sec1 {
    margin: 30px 5%
  }

  body .home .container .sec1 .icon1 img,
  body .home .container .sec1 .icon2 img {
    width: 100px
  }

  body .home .container .sec1 .content {
    flex-direction: column;
    margin: 20px 0
  }

  body .home .container .sec1 .content .lbox {
    width: 100%;
    margin-bottom: 20px
  }

  body .home .container .sec1 .content .rbox {
    width: 100%;
    padding: 20px 0;
    margin-top: 0
  }

  body .home .container .sec1 .content .rbox .des {
    width: 90%;
    margin: 0 auto
  }

  body .home .container .sec1 .content .rbox .tp img,
  body .home .container .sec1 .content .rbox .bp img {
    height: 45px
  }

  body .home .container .sec2 {
    padding: 0 5%;
    flex-direction: column
  }

  body .home .container .sec2 .lbox {
    width: 100%;
    margin-bottom: 20px
  }

  body .home .container .sec2 .lbox .des {
    margin: 20px 0
  }

  body .home .container .sec2 .rbox {
    width: 100%;
    overflow: hidden
  }

  body .home .container .sec2 .rbox img {
    height: 264px
  }

  body .home .container .sec2 .bg {
    width: 100%
  }

  body .home .container .sec3 {
    padding: 50px 5%
  }

  body .home .container .sec3 .content {
    flex-direction: column;
    margin-top: 20px
  }

  body .home .container .sec3 .content .lbox {
    width: 100%;
    margin-bottom: 20px
  }

  body .home .container .sec3 .content .rbox {
    width: 100%
  }

  body .home .container .sec4 {
    padding: 30px 5%
  }

  body .home .container .sec4 .content {
    flex-direction: column;
    padding: 20px
  }

  body .home .container .sec4 .content .lbox {
    margin-left: 0
  }

  body .home .container .sec4 .content .lbox .pt {
    margin-bottom: 10px
  }

  body .home .container .sec4 .content .lbox .des {
    width: 100%
  }

  body .home .container .sec4 .content .rbox {
    width: 100%;
    margin-top: 20px
  }

  body .home .container .sec4 .content .rbox .bg {
    height: auto
  }

  body .home .container .sec4 .content .rbox .play img {
    width: 40px
  }

  body .home .container .sec4 .bgs {
    width: 100%
  }

  body .home .container .sec4 .bgs img {
    height: auto
  }

  body .home .container .sec5 {
    padding: 60px 5%;
    flex-direction: column;
    padding-top: 0
  }

  body .home .container .sec5 .lbox {
    width: 100%;
    margin-bottom: 30px
  }

  body .home .container .sec5 .lbox .pt {
    margin-top: 5px
  }

  body .home .container .sec5 .rbox {
    width: 100%
  }

  body .home .container .sec5 .rbox .item {
    flex-direction: column
  }

  body .home .container .sec5 .rbox .item:not(:last-child) {
    margin-bottom: 20px
  }

  body .home .container .sec5 .rbox .item .pt {
    width: 100%;
    margin-bottom: 10px
  }

  body .home .container .sec5 .rbox .item .des {
    width: 100%
  }

  body .home .container .sec6 {
    padding: 0 5% 60px 5%
  }

  body .home .container .sec6 .intro {
    width: 100%;
    margin: 10px 0 20px 0;
    font-size: 18px
  }

  body .home .container .sec6 .list {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px
  }

  body .home .container .sec6 .list .item .pt {
    padding: 10px;
    gap: 10px
  }

  body .home .container .sec6 .list .item .pt img {
    width: 25px
  }

  body .home .container .sec6 .list .item .des {
    margin-top: 10px
  }
}