@charset "utf-8";
.protect {
  margin: 0.27777778rem 0 0.90277778rem;
}
.protect-body {
  width: 100%;
}
.protect-body h3 {
  color: #4d4a49;
  font-size: 0.33333333rem;
  font-weight: bold;
}
.protect-body h5 {
  color: #4d4a49;
  font-size: 0.25rem;
  font-weight: bold;
  margin: 0.20833333rem 0 0.41666667rem;
}
.protect-body p {
  font-size: 0.19444444rem;
  line-height: 0.27777778rem;
  color: #000;
}
.cars-show {
  width: 100%;
  height: 7.80555556rem;
}
.cars-show h3,
.crafts-body h3 {
  font-size: 0.33333333rem;
  color: #bf9345;
  text-align: center;
  line-height: 1.38888889rem;
  background: url("../images/protectiveFilm/productExperience/nav-bg.png ") no-repeat 50% 64%;
}
.imgs-show .imgs-show-item {
  float: left;
  width: 3.01388889rem;
  height: 1.80555556rem;
}
.all-show {
  margin: 0.52777778rem 0 0.81944444rem;
  text-align: center;
}
.all-show img {
  width: 3.70833333rem;
  height: 1.77777778rem;
}
.crafts-img-show div {
  float: left;
  width: 2.22222222rem;
  height: 2.04166667rem;
}
.crafts-img-show div.img-show-long {
  width: 4.44444444rem;
}
.cars-bg {
  position: absolute;
  left: 0;
  top: 11.91666667rem;
  width: 100%;
  height: 7.80555556rem;
  background: url("../images/protectiveFilm/productExperience/carsBg.png") no-repeat;
  z-index: -1;
}
.crafts {
  margin-bottom: 1.66666667rem;
}
.crafts-proces {
  width: 4.56944444rem;
  margin: auto;
  font-family: '黑体';
}
.crafts-proces div + div {
  margin-left: 0.68055556rem;
}
.crafts-proces-item {
  float: left;
  width: 1.04166667rem;
  height: 1.04166667rem;
  border: 0.01388889rem solid #000;
  border-radius: 0.20833333rem;
  border-bottom-color: transparent;
  margin: 1rem 0 0.69444444rem;
}
.crafts-proces-item h5 {
  width: 100%;
  font-size: 0.33333333rem;
  color: #000;
  text-align: center;
  line-height: 0.69444444rem;
  margin-top: 0.06944444rem;
}
.crafts-proces-item p {
  width: 100%;
  font-size: 0.18055556rem;
  color: #000;
  text-align: center;
  line-height: 0.16666667rem;
}
.crafts > h5 {
  color: #000;
  font-size: 0.22222222rem;
  font-weight: bold;
  margin-bottom: 0.13888889rem;
  text-align: center;
}
.crafts > p {
  font-size: 0.19444444rem;
  text-align: center;
  line-height: 0.36111111rem;
  color: #000;
}
/*H6、R8、R10 comment-start*/
.H6-protect,
.R8-protect,
.R10-protect,
.T10-protect {
  width: 100%;
  height: 2.63888889rem;
  padding-left: 0.58333333rem;
}
.R8-protect h3,
.H6-protect h3,
.R10-protect h3,
.T10-protect h3 {
  font-size: 0.41666667rem;
  font-weight: bold;
  color: #4d4a49;
  margin-bottom: 0.20833333rem;
}
.R8-protect p,
.H6-protect p,
.R10-protect p,
.T10-protect p {
  width: 7.83333333rem;
  font-size: 0.19444444rem;
  color: #000;
  line-height: 0.33333333rem;
}
.protect-img {
  width: 5.86111111rem;
  height: 3.38888889rem;
  margin: 0.69444444rem auto;
}
.R8-product-show,
.H6-product-show,
.R10-product-show {
  width: 8.33333333rem;
  height: 5.08333333rem;
  margin: auto;
}
.R8-show-lf,
.H6-show-lf,
.R10-show-lf {
  width: 3.80555556rem;
  height: 2.77777778rem;
  color: #fff;
  margin-top: 1.18055556rem;
}
.R8-show-rg,
.H6-show-rg,
.R10-show-rg {
  width: 3.18055556rem;
  height: 2.48611111rem;
  margin: 1.38888889rem 0 0 0.41666667rem;
}
.R8-parameterIndex,
.H6-parameterIndex,
.R10-parameterIndex,
.T10-parameterIndex {
  width: 8.47222222rem;
  height: 6.27777778rem;
  margin: 0.83333333rem auto 0.97222222rem;
  text-align: center;
}
.H6-parameterIndex img {
  vertical-align: middle;
}
.com-product-bg {
  position: absolute;
  left: 0;
  top: 15.375rem;
  width: 100%;
  height: 5.05555556rem;
  background: url("../images/protectiveFilm/productH6/bg.png") no-repeat;
  background-size: 100%;
  z-index: -1;
}
/*comment-end H6、R8、R10*/
.H6-show-lf h5 {
  font-size: 0.19444444rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0.13888889rem;
}
.H6-show-lf p {
  font-size: 0.16666667rem;
  color: #fff;
  line-height: 0.25rem;
}
.ableList,
.ableList li {
  list-style: disc;
  font-size: 0.16666667rem;
  line-height: 0.33333333rem;
}
.T10-show-first {
  text-align: center;
}
.T10-show-second {
  text-align: center;
  margin: 0.41666667rem 0 1.38888889rem;
}
/*# sourceMappingURL=protectiveFilm.css.map */