.wrapper {
  width: 1200px;

  margin: auto;
}


@media (max-width: 1440px) {
  .wrapper {
    width: 95%;
    padding: 0px;
  }
}
@media (max-width: 1279px) {
  .wrapper {
    width: 100%;
    padding: 0px;
  }
}
@media (max-width: 992px) {
  .wrapper {
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .wrapper {
    padding: 0px;
  }
}
@media (max-width: 321px) {
  .wrapper {
    padding: 0px;
  }
}


.shopshow { position: relative}

.shopshow ul.show_ul {
	
	margin: auto;
	overflow: hidden;
}
.shopshow ul.show_ul li{
	
	 overflow: hidden; 
	position: absolute;
}



.shopshow .li1 {left: 0;top: 0;width: 482px;height: 431px;}
.shopshow .li2 {left: 492px;top: 0;width: 241px;height: 431px;}
.shopshow .li3 {left: 743px;top: 0;width: 210px;height: 216px;}
.shopshow .li4 {left: 963px;top: 0;width: 215px;height: 216px;}
.shopshow .li5 {left: 743px;top: 226px;width:437px;height: 203px;}


.shopshow .li11 {left: 0;top: 0;width: 334px;height: 214px;}
.shopshow .li22 {left: 0;top: 224px;width: 334px;height: 224px;}
.shopshow .li33 {left: 344px;top: 0;width: 332px;height: 448px;}
.shopshow .li44 {left: 686px;top: 0;width: 495px;height: 448px;}

.box_1 {width: 180px; float: left;
  height: 170px;border-radius:20px;}
.box_2 {width: 48.333333%;float: left;
  height: 300px;border-radius:20px;}

.mall1 { position: absolute;}
.overflow {
	overflow: hidden
}
.products_1_main {height: 690px;}
.products_1_main  ul { margin: auto; }
.pro_box_1 {border-radius:20px; float: left;  overflow: hidden }
.pro_box_2 {width: 22%;height: 210px;border-radius:20px;float: right;display: table-cell;}
.pro_box_img1 { left: 0;top: 0;width:400px;height: 670px;}
.pro_box_img2 { left: 420px;top: 0;width:240px;height: 210px;}
.pro_box_img3 { left: 680px;top: 0;width:240px;height: 210px;}
.pro_box_img4 { left: 940px;top: 0;width:240px;height: 210px;}

.pro_box_img5 { left: 425px;top:225px;width:240px;height: 210px;}
.pro_box_img6 { left: 685px;top:225px;width:240px;height: 210px;}
.pro_box_img7 { left: 945px;top:225px;width:240px;height: 210px;}

.pro_box_img8 { left: 425px;top:450px;width:240px;height: 210px;}
.pro_box_img9 { left: 685px;top:450px;width:240px;height: 210px;}
.pro_box_img10 {left: 945px;top:450px;width:240px;height: 210px;}

.pro_box_3 {border-radius:20px; width: 23.3345555%; float: left }
.proimg {
	
	display: -ms-flexbox;
	
	-ms-flex-wrap: wrap;-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}

.image {
  
  overflow: hidden;
  margin:10px;
  cursor: pointer;
  
}

.image:hover img {
  transform: scale(1.06);
}



img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.25s;
}

.gallery {
  position:  fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999;
  display: flex;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.8);
  transition: 0.25s;
  user-select: none;
	
}

.gallery.show {
	
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}

.gallery-inner {
width:35%;
  margin: auto;
	vertical-align: top;
	
}

.control {
  position: absolute;
  color: rgba(255, 255, 255, 0.8);
  font-size: 50px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.gallery .prev {
  left: 15px;
}

.gallery .next {
  right: 15px;
}

.gallery .close {
  color: white;
  font-size: 35px;
  position: absolute;
  top: 15px;
  right: 25px;
  cursor: pointer;
}

.hide {
  display: none;
}
@media (max-width: 1024px) {
 .box_1,.box_2 {width: 48%;height:250px;border-radius:10px;}
	.shopshow ul.show_ul li{
	position:inherit;width: 48%; height: 280px

}
.pro_box_3 {border-radius:10px; width: 23.333%; float: left }
 .shopshow .li1,.shopshow .li2,.shopshow .li3,.shopshow .li4,.shopshow .li5,.shopshow .li11,.shopshow .li22,.shopshow .li33,.shopshow .li44 {left: none;top:none;width: 50%;height:200px;float: left}
	.shopshow .li5 { display: none}
.pro_box_1 {border-radius:10px; width: 46.555%; float: left;position:inherit }
 .pro_box_img1,.pro_box_img2,.pro_box_img3,.pro_box_img4,.pro_box_img5,.pro_box_img6,.pro_box_img7,.pro_box_img8,.pro_box_img9,.pro_box_img10 {left: none;top:none;width: 23.333%;height:180px;float: left}
	.image {
  
  overflow: hidden;
  margin:5px;
  cursor: pointer;
  
}
	.gallery-inner {
width:70%;	
}
	.products_1_main {height: 600px;}
}
@media (max-width: 767px) {
 .box_1,.box_2 {width: 46%;height:150px;border-radius:10px;}
	.shopshow ul.show_ul li{
	position:inherit;width: 47%; height: 130px

}
.pro_box_3 {border-radius:10px; width: 46.555%; float: left }
 .shopshow .li1,.shopshow .li2,.shopshow .li3,.shopshow .li4,.shopshow .li5,.shopshow .li11,.shopshow .li22,.shopshow .li33,.shopshow .li44 {left: none;top:none;width: 50%;height:200px;float: left}
	.shopshow .li5 { display: none}
.pro_box_1 {border-radius:10px; width: 46.555%; float: left;position:inherit }
 .pro_box_img1,.pro_box_img2,.pro_box_img3,.pro_box_img4,.pro_box_img5,.pro_box_img6,.pro_box_img7,.pro_box_img8,.pro_box_img9,.pro_box_img10 {left: none;top:none;width: 47%;height:130px;float: left}
	.image {
  
  overflow: hidden;
  margin:5px;
  cursor: pointer;
  
}
	.gallery-inner {
width:70%;	
}
	.products_1_main {height: 700px;}
}