@charset "UTF-8";
/*改变了颜色和加粗的样式*/
.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E");
}

/*改变了颜色和加粗的样式*/
.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E");
}
.zy{overflow: hidden; width:1200px!important;width:1200px; padding:0px; margin:0 auto;text-align:left; }
.zy111{ width:100%;  background-image:url(../../images/);background-position:center top; background-repeat:no-repeat;text-align:center;color:#ffffff;}
.zyt{float: LEFT;  width:100%; margin:0 auto; padding-top:0px; padding-bottom:0px; background-image:url(../../images/bg.jpg);text-align:center;color:#ffffff;}
.productseries {
  padding: 65px 0;
}
.zyf1
{
float: LEFT;
    width: 300px;text-align:center; height:399px;background-image:url(../../images/1_05.jpg);cursor: pointer;background-position:center top; background-repeat:no-repeat;
}
.zyf1:hover {
float: LEFT;
    width: 300px;text-align:center; height:399px;background-image:url(../../images/1_05a.jpg);cursor: pointer;background-position:center top; background-repeat:no-repeat;

}

.zyf2
{
float: LEFT;
    width: 300px;text-align:center; height:399px;background-image:url(../../images/1_06.jpg);cursor: pointer;background-position:center top; background-repeat:no-repeat;
}
.zyf2:hover {
float: LEFT;
    width: 300px;text-align:center; height:399px;background-image:url(../../images/1_06a.jpg);cursor: pointer;background-position:center top; background-repeat:no-repeat;

}

.zyf3
{
float: LEFT;
    width: 300px;text-align:center; height:399px;background-image:url(../../images/1_07.jpg);cursor: pointer;background-position:center top; background-repeat:no-repeat;
}
.zyf3:hover {
float: LEFT;
    width: 300px;text-align:center; height:399px;background-image:url(../../images/1_07a.jpg);cursor: pointer;background-position:center top; background-repeat:no-repeat;

}

.zyf4
{
float: LEFT;
    width: 300px;text-align:center; height:399px;background-image:url(../../images/1_08.jpg);cursor: pointer;background-position:center top; background-repeat:no-repeat;
}
.zyf4:hover {
float: LEFT;
    width: 300px;text-align:center; height:399px;background-image:url(../../images/1_08a.jpg);cursor: pointer;background-position:center top; background-repeat:no-repeat;

}

.productseries .info h2 {
  font-size: 20px;
  padding-bottom: 25px;
  display: flex;
  align-items: center;
  color: #597ba0;
}
.productseries .info h2::before {
  content: " ";
  display: block;
  height: 3px;
  background-color: #597ba0;
  width: 60px;
  margin-right: 10px;
}
.productseries .info h1 {
  font-size: 50px;
  font-weight: bold;
  font-family: Roboto-Bold;
  color: var(--web-main-color);
  text-transform: uppercase;
}
.productseries .linkmor {
  font-size: 20px;
}
.productseries .linkmor a {
  color: var(--web-main-color);
  text-decoration: underline;
}
.productseries .linkmor a:hover {
  color: #597ba0;
}

.mySwiper {
  overflow: hidden;
}
.mySwiper .swiper-slide {
  width: 450px !important;
  height: auto !important;
}
.mySwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.mySwiper .swiper-slide .sss-desc {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.mySwiper .swiper-pagination2 {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.mySwiper .swiper-pagination2 .swiper-pagination-bullet {
  width: 30px !important;
  border-radius: 0 !important;
  height: 6px;
}
.mySwiper .swiper-pagination2 .swiper-pagination-bullet-active {
  background: var(--web-main-color);
}

.producttitle {
  display: flex;
  justify-content: center;
  padding: 50px 0;
  flex-flow: column;
  align-items: center;
  background-image: url("../images/produc.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.producttitle h1 {
  text-transform: uppercase;
  font-size: 50px;
  font-family: Roboto-Bold;
  color: var(--web-main-color);
}
.producttitle p {
  font-size: 18px;
  color: #b9b9b9;
  padding-top: 25px;
}

.productbig {
  background-color: #fff;
  border-bottom: 2px solid #eee;
}
.productbig .prolist {
  border-top: 2px solid #eee;
}
.productbig .prolist .name {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productbig .prolist .name a {
  font-size: 26px;
  color: #707272;
}
.productbig .prolist .name a:hover {
  color: var(--web-main-color);
  text-decoration: underline;
}
.productbig .prolist .pimgs {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.productbig .prolist .pimgs img {
  display: block;
  max-width: 100%;
}

.cominfo {
  height: 582px;
  background-image: url("../images/t_15.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  margin-bottom: 80px;
}
.cominfo .info {
  padding-top: 150px;
  display: flex;
  flex-flow: column;
  width: 800px;
}
.cominfo .info h1 {
  font-size: 30px;
  font-family: Roboto-Bold;
  color: #47484c;
  text-transform: uppercase;
}
.cominfo .info p {
  color: #707272;
  font-size: 16px;
  padding-top: 10px;
}
.cominfo .noinf {
  width: 450px;
}
.cominfo .noinf .shows {
  padding-top: 50px;
}
.cominfo .noinf .shows h1 {
  font-size: 30px;
  font-family: Roboto-Bold;
  color: #47484c;
  color: #47484c;
  text-transform: uppercase;
}
.cominfo .noinf .shows p {
  font-size: 20px;
  color: #707272;
}
.cominfo .noinf .pfm h1::after {
  content: "㎡+";
}
.cominfo .noinf .plusa h1::after {
  content: "+";
}

.buxxs .list {
  background-color: #eee;
  height: 265px;
  border-radius: 10px;
  margin-bottom: 80px;
  padding: 50px;
}
.buxxs .list h1 {
  font-size: 28px;
  font-family: Roboto-Bold;
  text-transform: uppercase;
  padding: 30px 0 0;
  margin: 0;
  color: #47484c;
}
.buxxs .list p {
  padding: 15px 0 0;
  font-size: 16px;
  color: #707272;
  margin: 0;
}
.buxxs .list:hover {
  background-color: var(--web-main-color);
  color: #fff;
}
.buxxs .list:hover h1 {
  color: #fff;
}
.buxxs .list:hover p {
  color: #fff;
}
.buxxs .list:hover .img1 {
  display: none;
}
.buxxs .list:hover .img2 {
  display: block;
}
.buxxs .list .img1 {
  display: block;
}
.buxxs .list .img2 {
  display: none;
}

/*# sourceMappingURL=index.css.map */