@charset "utf-8";
.container-body-banner {
  width: 100%;
  height: 4.88888889rem;
}
.protectiveFilm {
  width: 100%;
  padding-top: 1rem;
  height: 9.375rem;
  background: url("../images/index/main/protectiveFilm.png") no-repeat;
  background-size: 100%;
  background-position: 0 1.66666667rem;
}
.protectiveFilm h3 {
  width: 100%;
  color: #bb9a7b;
  font-size: 0.625rem;
  text-align: center;
}
.protectiveFilm h5 {
  width: 100%;
  color: #000;
  font-weight: bold;
  font-size: 0.40277778rem;
  text-align: center;
  margin: 0.97222222rem 0 0.41666667rem;
}
.protectiveFilm p {
  width: 100%;
  font-size: 0.22222222rem;
  line-height: 0.27777778rem;
  text-align: center;
}
.windowFilm {
  position: relative;
  width: 9.33333333rem;
  height: 32.33333333rem;
  padding: 1.31944444rem 0.33333333rem 0;
  background: #242424;
}
.windowFilm-bg {
  position: absolute;
  right: -4.72222222rem;
  bottom: -0.83333333rem;
  width: 100%;
  height: 4.16666667rem;
  z-index: 1;
  background: url("../images/index/main/windowFilm-bg.png") no-repeat 0rem 0rem;
  background-size: 60% ;
}
.common-title {
  margin-bottom: 1.38888889rem;
}
.common-title .title-nav {
  font-size: 1.38888889rem;
  font-weight: bold;
  color: #bc9a79;
  margin-left: 1.04166667rem;
}
.common-title .title-direction {
  font-size: 0.55555556rem;
  color: #bc9a79;
  line-height: 1.94444444rem;
  margin: 0 0.45833333rem;
  text-align: center;
}
.intro {
  margin-top: 0.13888889rem;
}
.intro p {
  height: 100%;
  color: #bc9a79;
  font-size: 0.29166667rem;
  line-height: 0.51388889rem;
  letter-spacing: 0.05555556rem;
}
.windowFilm-title {
  text-align: center;
  font-size: 0.625rem;
  color: #bc9a79;
  font-weight: bold;
  margin: 1.41666667rem 0 1.56944444rem;
}
.Grid-a9 {
  width: 9.33333333rem;
  height: 9.51388889rem;
  background: #fff;
}
.box-row {
  height: 3.19444444rem;
}
.box1-row-lf {
  width: 3.04166667rem;
  height: 100%;
  margin-right: 0.08333333rem;
}
.box-row-com {
  position: relative;
  background: #bc9a79;
}
.box-row-com:before {
  content: '';
  position: absolute;
  border: 0.15277778rem solid transparent;
  top: 50%;
  margin-top: -0.15277778rem;
}
.box-row-com-rg:before {
  right: -0.30555556rem;
  border-left-color: #bc9a79;
}
.box-row-com-lf:before {
  left: -0.30555556rem;
  border-right-color: #bc9a79;
}
.row-com-main {
  position: absolute;
  top: -0.20833333rem;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 2.5rem;
  height: 2.48611111rem;
  color: #fff;
}
.Grid-a9 h3 {
  width: 100%;
  font-size: 0.27777778rem;
  vertical-align: top;
}
.Grid-a9 h5 {
  font-size: 0.22222222rem;
  width: 100%;
  height: 0.25rem;
  margin: 0.06944444rem 0 0.02777778rem;
}
.Grid-a9 p {
  width: 100%;
  margin-top: 0.41666667rem;
  font-size: 0.20833333rem;
  line-height: 0.27777778rem;
}
.box-row-com-lf p {
  margin-top: 0.06944444rem;
}
.box1-row-rg {
  width: 6.16666667rem;
  height: 100%;
}
.box-row-6 > div {
  width: 3.04166667rem;
  height: 3.11111111rem;
  float: left;
  margin-top: 0.08333333rem;
}
.box-row-6 > div + div {
  margin-left: 0.08333333rem;
}
.box-row-6 .box-small4 {
  margin-left: 0;
}
.windowFilm-open {
  width: 100%;
  margin-top: 1.38888889rem;
}
.Grid-a2 {
  width: 8.75rem;
  margin-right: 1.54166667rem;
}
.Grid-a2 div + div {
  margin-top: 0.5rem;
}
.common-title-open {
  margin-top: 1.11111111rem;
}
.Grid-a2 {
  width: 9.33333333rem;
}
.Grid-a2 div + div {
  margin-top: 0.5rem;
}
.fullProtection {
  width: 100%;
  height: 9.72222222rem;
  padding-top: 1.11111111rem;
  background: url("../images/index/main/fullProtection1.png") no-repeat -3.01388889rem 0;
  background-size: 189%;
}
.fullProtection h3 {
  width: 100%;
  font-size: 0.625rem;
  color: #bf9345;
  font-weight: bold;
  text-align: center;
}
.fullProtection p {
  font-size: 0.48611111rem;
  color: #646464;
  font-weight: bold;
  text-align: center;
  margin-top: 0.13888889rem;
}
.fullProtection .protect-img {
  width: 9.33333333rem;
  margin: 1.04166667rem auto 0;
  height: 6.52777778rem;
  text-align: center;
}
/*# sourceMappingURL=index.css.map */