* {
  margin: 0;
  padding: 0;
}
.wrap {
  width: 100%;
  overflow-x: hidden;
  font-family: 'DIN Next LT Pro', 'SyBlackL' !important;
  padding-top: 94px;
}
.wrap .iconBox2 {
  width: 76vw;
  height: 8vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 22.66666667vw;
  display: flex;
}
.wrap .iconBox2 div {
  flex: 1;
}
.wrap .iconBox2 div a {
  display: block;
  height: 100%;
}
.wrap .pr {
  position: relative;
}
.wrap a {
  color: #333333;
  text-decoration: none;
  display: inline-block;
}
.wrap img {
  display: block;
  width: 100%;
}
.wrap .banner_swp {
  height: 130.66666667vw !important;
  overflow: hidden;
}
.wrap .pb {
  position: absolute;
  left: 50%;
  margin-left: -14.66666667vw !important;
  bottom: 8vw;
}
.wrap .swiper-pagination {
  position: relative;
  top: -6.66666667vw;
}
.wrap .btn {
  font-size: 2.48vw;
  width: 29.33333333vw;
  height: 6.4vw;
  line-height: 6.4vw;
  margin: 0 auto;
  display: block;
  border: 1px solid #585a74 !important;
  color: #585a74 !important;
  text-align: center;
}
.wrap .swiper-pagination-bullet {
  width: 11.86666667vw !important;
  height: 0.53333333vw !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  margin-left: 1.46666667vw !important;
  background: none !important;
  border: 1px solid #fff;
}
.wrap .swiper-pagination-bullet:nth-child(1) {
  margin-left: 0 !important;
}
.wrap .swiper-pagination-bullet-active {
  width: 11.6vw !important;
  height: 0.4vw !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  background: #fff !important;
}
.wrap .news {
  background-color: #eeeef1;
}
.wrap .news .title {
  width: 100%;
  height: 23.46666667vw;
  font-size: 5.33333333vw;
  line-height: 23.46666667vw;
  text-align: center;
}
.wrap .news .news_swp {
  height: 86.66666667vw;
}
.wrap .news .news_swp .swiper-pagination {
  position: relative;
  top: 4vw;
}
.wrap .news .news_swp .swiper-slide {
  width: 80.26666667vw;
  font-size: 3.2vw;
  text-align: center;
}
.wrap .news .news_swp .swiper-slide .dec {
  opacity: 0;
}
.wrap .news .news_swp .swiper-slide .dec p {
  margin-top: 7.73333333vw;
}
.wrap .news .news_swp .swiper-slide .dec .p2 {
  font-size: 2.4vw !important;
  color: #999999;
  margin-top: 2.66666667vw;
  margin-bottom: 5.06666667vw;
}
.wrap .news .news_swp .swiper-slide .dec a {
  width: 29.6vw;
  height: 6.4vw;
  font-size: 2.4vw !important;
  line-height: 6.4vw;
  color: #585a74;
  border: 1px solid #585a74;
}
.wrap .news .news_swp .swiper-slide-active .dec {
  opacity: 1;
  transition: all 1s;
}
.wrap .news .news_swp .swiper-pagination-bullet {
  border: 1px solid #0b0b0b;
}
.wrap .news .news_swp .swiper-pagination-bullet-active {
  background: #0b0b0b !important;
}
.wrap .product {
  padding-bottom: 8.26666667vw;
}
.wrap .product .title {
  height: 24vw;
  line-height: 24vw;
  font-size: 5.33333333vw;
  text-align: center;
}
.wrap .product .p_item {
  width: 85.33333333vw;
  height: 61.33333333vw;
  margin: 0 auto;
  position: relative;
}
.wrap .product .btn {
  margin-top: 9.33333333vw;
}
.wrap .stroy {
  padding-top: 9.33333333vw;
  padding-bottom: 13.06666667vw;
  box-sizing: border-box;
}
.wrap .stroy .stroy_swp {
  width: 92.26666667vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.wrap .stroy .stroy_swp > div {
  width: 45.33333333vw !important;
  font-size: 3.2vw !important;
  height: 98.66666667vw !important;
  position: relative;
}
.wrap .stroy .stroy_swp > div a {
  display: block;
}
.wrap .stroy .stroy_swp > div img {
  margin-bottom: 9.33333333vw;
  width: 100%;
}
.wrap .stroy .stroy_swp > div .p2 {
  font-size: 2.4vw;
  color: #666666;
  margin-top: 1.33333333vw;
}
.wrap .stroy .stroy_swp > div span {
  display: block;
  position: absolute;
  bottom: 0;
  font-size: 2.4vw;
  color: #585a74;
}
.wrap .stroy .swiper-pagination-bullet {
  border: 1px solid #0b0b0b;
}
.wrap .stroy .swiper-pagination {
  position: relative;
  top: 6.66666667vw;
}
.wrap .stroy .swiper-pagination-bullet-active {
  background: #0b0b0b !important;
}
.wrap .stroy .swiper-slide {
  width: 40vw;
  font-size: 3.2vw;
}
.wrap .stroy .swiper-slide .p2 {
  font-size: 2.4vw;
  color: #999999;
}
.wrap .stroy .swiper-slide .dec {
  height: 22vw !important;
  margin-top: 4vw;
  opacity: 1;
}
.wrap .stroy .swiper-slide .dec .p2 {
  margin-top: 1.33333333vw;
}
.wrap .stroy .swiper-slide .dec span {
  display: block;
  position: absolute;
  bottom: 0;
  font-size: 2.4vw;
}
.wrap .stroy .swiper-slide-active {
  width: 40vw;
}
.wrap .img2 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  display: none;
  width: 72% !important;
}
.wrap .img2 .text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100% !important;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}
.wrap .img2 .text p {
  font-size: 7.2vw;
}
.wrap .img2 .text .p2 {
  font-size: 3.2vw;
  margin-top: 8vw;
  border-bottom: 1px solid #fff;
  display: inline-block;
}