/* 切换产品弹窗start */
.switch{
	width: 100%;
	height: 0.92rem;
	background: #000;
	border-radius:0.1rem;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	font-size: 0.24rem;
	color: #fff;
	letter-spacing: 1px;
	padding: 0 0.22rem;
	margin-bottom:0.5rem;
}
.switch .title,
.switch .status{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.switch .title img{
	display: block;
}
.switch .title span{
	margin-left: 0.15rem;
}
.switch .status span{
	margin-right: 0.15rem;
}
.switch .status img{
	display: block;
	width: 0.16rem;
	height: 0.22rem;
}
.switch-popup{
  display: none;
}
.switch-popup .mask{
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}
.switch-popup .wrap{
  position: fixed;
  width:100%;
  left: 0;
  top:0;
  z-index: 5000;
  background: #000;
  display: none;
}
.switch-popup .wrap h1{
	font-size: 0.28rem;
	color: #fff;
	text-align: center;
	margin: 0.5rem 0;
}
.switch-popup .wrap li a{
  display: block;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	font-size: 0.24rem;
	color: #fff;
}
.switch-popup .wrap li i{
	display: block;
	width: 0.47rem;
	height: 0.52rem;
	background: url(../../img/product/checknone.png)center center no-repeat;
  background-size:0.47rem 0.52rem; 
  transition: all .3s ease;
}
.switch-popup .wrap li.active i{
	background: url(../../img/product/checked.png)center center no-repeat;
  background-size:0.47rem 0.52rem; 
  transition: all .3s ease;
}
.switch-popup .wrap li{
  padding: 0.3rem;
  position: relative;
}
.switch-popup .wrap li:after{
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid rgba(102,102,102,.5);
    color: rgba(102,102,102,.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
.switch-popup .wrap li:last-child:after{
  display: none;
}
.switch-popup .wrap li:nth-of-type(1) p{
	background: url(../../img/product/nav1.png)left center no-repeat;
  background-size:0.26rem 0.37rem;
	padding-left: 0.44rem
}
.switch-popup .wrap li:nth-of-type(2) p{
	background: url(../../img/product/nav2.png)left center no-repeat;
  background-size:0.29rem 0.29rem;
	padding-left: 0.47rem
}
.switch-popup .wrap li:nth-of-type(3) p{
	background: url(../../img/product/nav2_new.png)left center no-repeat;
  background-size:0.23rem 0.29rem;
	padding-left: 0.47rem
}
.switch-popup .wrap li:nth-of-type(4) p{
	background: url(../../img/product/nav3.png)left center no-repeat;
  background-size:0.22rem 0.32rem; 
	padding-left: 0.40rem
}
.switch-popup .wrap li:nth-of-type(5) p{
	background: url(../../img/product/nav4.png)left center no-repeat;
  background-size:0.28rem 0.28rem; 
	padding-left: 0.46rem
}
.switch-popup .wrap li:nth-of-type(6) p{
	background: url(../../img/product/nav5.png)left center no-repeat;
  background-size:0.23rem 0.30rem;
	padding-left: 0.41rem
}
.switch-popup .wrap li:nth-of-type(7) p{
	background: url(../../img/product/nav6.png)left center no-repeat;
  background-size:0.22rem 0.32rem;
	padding-left: 0.40rem
}
.switch-popup .wrap h1,
.switch-popup .wrap li{
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(1.1) translateY(-24px);
  transform: scale(1.1) translateY(-24px);
  -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
  transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
  transition: opacity 0.35s ease-out, transform 0.35s ease-out;
  transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}
.showSwitch.switch-popup .wrap h1,.showSwitch.switch-popup .wrap li{opacity: 1;pointer-events: auto; -webkit-transform: none; transform: none;}
.showSwitch.switch-popup .wrap li:nth-of-type(1){-webkit-transition-delay: 100ms,100ms; transition-delay: 100ms,100ms;}
.showSwitch.switch-popup .wrap li:nth-of-type(2){-webkit-transition-delay: 180ms,180ms; transition-delay: 180ms,180ms;}
.showSwitch.switch-popup .wrap li:nth-of-type(3){-webkit-transition-delay: 260ms,260ms; transition-delay: 260ms,260ms;}
.showSwitch.switch-popup .wrap li:nth-of-type(4){-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}
.showSwitch.switch-popup .wrap li:nth-of-type(5){-webkit-transition-delay: 420ms,420ms; transition-delay: 420ms,420ms;}
.showSwitch.switch-popup .wrap li:nth-of-type(6){-webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
/* 切换产品弹窗end */

/* 导航start */
.menu-content{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content:space-between;
  justify-content:space-between;
}
.menu-content li{
  padding-bottom: 0.2rem;
}
.menu-content li.active{
  border-bottom: 2px solid #c70019;
}
.menu-content li span{
  font-size:0.24rem;
  color: #000;
}
.menu-content li:nth-of-type(1) span{
  background: url(../../img/product/screen1.png)left center no-repeat;
  background-size:0.26rem 0.23rem; 
  padding-left:0.4rem;
}
.menu-content li:nth-of-type(2) span{
  background: url(../../img/product/screen2.png)left center no-repeat;
  background-size:0.23rem 0.23rem; 
  padding-left:0.37rem;
}
.menu-content li:nth-of-type(3) span{
  background: url(../../img/product/screen3.png)left center no-repeat;
  background-size:0.17rem 0.24rem; 
  padding-left:0.31rem;
}
.menu-content li:nth-of-type(2) span{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.menu-content li:nth-of-type(2) span i{
  display:inline-block;
  width: 0.05rem;
  height: 0.05rem;
  border-radius: 50%;
  margin:0 0.1rem;
  background: #000;
}
/* 导航end */

/* 筛选start */
.screen-content{
  margin-top: 0.4rem;
  padding: 0 0.4rem;
  background: #f6f6f6;
  border-radius: 0.1rem;
  margin-bottom: 0.34rem;
}
.screen-content li{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  font-size:0.24rem;
  color: #000;
  width: 100%;
  padding:0.25rem 0;
  position: relative;
}
.screen-content li:after{
  content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #c9c9c9;
    color: #c9c9c9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
.screen-content li:last-child:after{
  display: none;
}
.screen-content li h1{
  font-size: 0.26rem;
  color: #000;
  -webkit-flex:1;
  flex: 1;
}
.screen-content li i{
  -webkit-flex:1;
  flex: 1;
  text-align:right;
}
.screen-content li .icon{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content:flex-start;
  justify-content:flex-start;
  -webkit-flex:1;
  flex: 1;
}
.screen-content li .icon img{
  display: block;
  margin-right: 0.3rem;
}
.screen-content li .chose{
  -webkit-flex:1;
  flex: 1;
}
.screen-content li .chose{
    width: 100px;
    height: 30px;
    overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content:center;
  justify-content:center; 
    position: relative;
}
.screen-content li .chose select{
  width:100%;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: transparent;
  border: none;
  padding-right:0.4rem;
  direction: rtl;
}
.screen-content li .chose select:focus + i{
  -webkit-transform:rotate(180deg); 
  transform:rotate(180deg);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.screen-content li .chose i{
  position: absolute;
  right:0;
  top: 50%;
  -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  display: block;
  width: 0.16rem;
  height:0.09rem;
  background: url(../../img/product/creat.png)center center no-repeat;
  background-size:0.16rem 0.09rem; 
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.screen-content li .chose select::-ms-expand { display: none; }
/* 筛选end */

/*产品列表start*/
.list-content .pack{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
.list-content .list{
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
  text-align: center;
  margin-bottom: 0.34rem;
  min-width: 0;
}
.list-content .list:nth-child(2n+1){
  padding-right: 0.17rem;
}
.list-content .list:nth-child(2n){
  padding-left: 0.17rem;
}
.list-content .list .wrap{
  padding-bottom: 0.47rem;
  position: relative;
  border-radius: 0.1rem;
}
.list-content .list .wrap:after{
  content: "";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #c9c9c9;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius:0.2rem;
}
.list-content .list .pic{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.list-content .list .pic img{
  width: 100%;
  height: auto;
}
.list-content .list p{
  font-size: 0.24rem;
  color: #000;
  /*text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;*/
}
.list-content .list p:nth-of-type(1){
  padding: 0.12rem;
  height: 0.64rem;
}
.list-content .list p:nth-of-type(2){
  padding:0 0.12rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/*产品列表end*/
/* 系列浏览slideToggle-start*/
.fold .trigger{
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  padding:0 0.4rem;
  height: 1.5rem;
  position: relative;
  margin-bottom: 0.34rem;
  border-radius: 0.1rem;
}
.fold .trigger:after{
  content: "";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #c9c9c9;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius:0.2rem;
}
.fold .trigger .title{
  color: #000;
  flex: 1;
  -webkit-flex:1;
  min-width: 0;
}
.fold .trigger .title p{
  font-size: 0.32rem;
  margin-bottom: 0.2rem;
  width:95%;
  text-overflow:ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.fold .trigger .title span{
  display: block;
  font-size: 0.24rem;
  width:95%;
  text-overflow:ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.fold .trigger .creat{
  color: #000;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content:space-between;
  justify-content:space-between;
}
.fold .trigger .creat p{
  font-size: 0.24rem;
  margin-right: 0.3rem;
} 
.fold .trigger .creat .icon{
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.fold .trigger .creat .icon i{
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.fold .trigger .creat .icon i:first-child{
  display: block;
  width: 0.22rem;
  height: 0.12rem;
  background: url(../../img/product/black_up.png)center center no-repeat;
  background-size:100% 100%; 
  margin-bottom: 0.08rem;
}
.fold .trigger .creat .icon i:last-child{
  display: block;
  width: 0.22rem;
  height: 0.12rem;
  background: url(../../img/product/black_down.png)center center no-repeat;
  background-size:100% 100%; 
}
.fold .trigger.active .creat .icon i:first-child{
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}
.fold .trigger.active .creat .icon i:last-child{
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}
.fold .list-content{
  display: none;
}
/* 系列浏览slideToggle-end*/
.number{
   display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content:flex-end;
  justify-content:flex-end;
  font-size: 0.24rem;
  color: #000;
  margin-bottom: 0.38rem;
}