.showroomContrainer .title {
    line-height: 36px;
    font-size: 24px;
    font-weight: 400;
    background-image: none;
    margin-bottom: 20px;
    color: rgb(33, 37, 41);
}

.showroomContrainer .title .titImg {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
}

.showroom .tit {
    height: 28px;
    font-size: 24px;
    font-family: "SourceHanSansCN";
    color: rgb(33, 37, 41);
    padding-left: 15px;
    border-left: 5px solid #212529;
    line-height: 28px;
    margin-bottom: 20px;
}

.showroom {}

.showroom .showroomBox {}

.showroom .showroomBox .item {
    width: 268px;
    height: 176px;
    float: left;
    margin-right: 34px;
    margin-bottom: 25px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.34);

}

.showroom .showroomBox .item:nth-child(4n-4) {
    margin-right: 0;
}

.showroom .showroomBox .item img {
    width: 100%;
    height: 144px;
}

.showroom .showroomBox .item p {
    background-color: rgb(255, 255, 255);
    line-height: 32px;
    padding: 0 10px;
    font-size: 14px;
    font-family: "SourceHanSansCN";
    color: rgb(0, 0, 0);
    white-space: nowrap;
    /*设置不换行*/
    overflow: hidden;
    /*设置隐藏*/
    text-overflow: ellipsis;
    /*设置隐藏部分为省略号*/
}


/* 推荐 */
 .ztSwiper,
 .device {
  overflow: hidden;
  height: 310px;
  position: relative;
  overflow: hidden;
  width: 1305px;
  margin: 0 auto;
}
.ztSwiper .swiper-slide {
  /* height:0;
  width: 0; */
  /* overflow: hidden; */
  /* width:33.3% !important; */
  /* height: 330px !important;
  line-height: 330px;
  overflow: hidden; */
  /* float: none !important; */
  /* background-color: aquamarine;
  border: 1px solid #212529; */
  height:310px ;
  width: 435px!important;

}
.ztSwiper .swiper-slide a{
  color: #212529;
}
 .ztSwiper .swiper-wrapper {
  /* height:0;
  width: 0; */
  /* overflow: hidden; */
  /* width:33.3% !important; */
  /* height: 330px !important;
  line-height: 330px;
  overflow: hidden; */
  /* display: flex;
  align-items: center; */
}

 .ztSwiper .swiper-slide.swiper-slide-visible {
  /* position: absolute; */
  /* position: relative;
  width: 292px !important; */
}

 .ztSwiper .swiper-slide.swiper-slide-visible{
  /* position: absolute;
  position: relative; */
  /* width: 309px !important;
  height: 310px !important;
  line-height: 310px; */
	transform: scale(.7);

}

 .ztSwiper .swiper-slide.swiper-slide-visible img {
  /* height: 228px;
  width: 100%;
  display: inline-block;
vertical-align: middle; */
width: 100%;
}

 .ztSwiper .swiper-slide.swiper-slide-visible.swiper-slide-active {
  z-index: 999;
  /* width: 584px !important;
  height: 310px !important; */
	transform: scale(1.3);

}

 .ztSwiper .swiper-slide.swiper-slide-visible.swiper-slide-active img {
  /* height: 310px;
  width: 584px;
  z-index: 9999; */
}

 .ztSwiper .arrow-left,
 .ztSwiper .arrow-right {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  z-index: 99999;
  display: none;
}

 .ztSwiper:hover .arrow-left,
 .ztSwiper:hover .arrow-right {

  display: block;
}

 .ztSwiper .arrow-left {
  left: 0;
  background: url(../images/showRoom_left.png) no-repeat center;
  background-size: 70px;
}

 .ztSwiper .arrow-right {
  right: 0;
  background: url(../images/showRoom_right.png) no-repeat center;
  background-size:70px;
}

/* 蹇呰甯冨眬鏍峰紡css */
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
	float: left
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 10%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 50%;
	height: 100%;
	position: relative;
	padding: 0;
	-webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
	box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 50px;
	margin-top: -25px;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.swiper-button-next, .swiper-container-rtl .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'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-slide:hover {
	-webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
	-moz-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
	box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
}
.banner-box {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.swiper-container {
	width: 1300px;
	margin: 0 auto;
    overflow: hidden;
}
.swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(.7);
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
	width: 400px;
}
.swiper-slide-active, .swiper-slide-duplicate-active {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.swiper-slide img {
	width: 100%;
	display: block;
}