.product_banner {
	width: 100%;
	margin-top: 4rem;
  position: relative;
}
.product_banner .img{
	width: 100%;
	font-size: 0;
	overflow: hidden;
}
.product_banner .img img {
	width: 100%;
}
.product_banner .m-c{
	position: absolute;
	left: 0;
	z-index: 999;
	top: 4rem;
}
.product_banner .m-c p {
	color: #fff;
	padding-left: 2rem;
	font-family: Arial;
	font-size: 0.8rem;
	font-style: normal;
	font-weight: 400;
	
}
.product_banner .m-c p a{
	padding: 0 5px;
}
.product_banner .m-c p a:hover{
	color: rgba(182, 0, 129, 1);
}
/*  */
.p_tit {
	padding: 2rem 0;
	text-align: center;
}

.p_tit h1 {
	color: #000;
	text-align: center;

	font-size: 1.875vw;
	font-style: normal;
	font-weight: 700;
	margin: 0;
	line-height: 1.2;
	text-transform: uppercase;
}

.p_tit b {
	width: 6px;
	height: 25px;
	background: #B60081;
	display: block;
	margin: 5px auto 1rem;
}

.p_tit p {
	font-size: 0.8rem;
	color: #000;
	text-align: center;

	width: 58%;
	margin: 0 auto;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5;
	/* 175% */
}

/*  */
.p-collections {
	margin: 3rem 0;
}

.p-collections .m-c ul {
	display: flex;
	flex-wrap: wrap;
}

.p-collections .m-c ul li {
	width: 22%;
	margin-left: 4%;
	margin: 1rem 4% 1rem 0;
	position: relative;
}

.p-collections .m-c ul li:nth-of-type(4) {
	margin: 1rem 0;
}

.p-collections .m-c ul li .img {
	width: 100%;
	font-size: 0;
	overflow: hidden;
	position: relative;
	
}
.p-collections .m-c ul li .img2 {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: all 1S;
}
.p-collections .m-c ul li:hover .img2{
	left: -100%;
	opacity: 0;
	
}

.p-collections .m-c ul li .img img {
	width: 100%;
	transition: all 1s;
}

.p-collections .m-c ul li:hover .img img {
	/*transform: scale(1.05) rotateY(360deg);*/
}

.p-collections .m-c ul li .txt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;

	text-align: center;
}

.p-collections .m-c ul li:hover .txt {
	background: rgba(10, 10, 10, 0.2);
}

.p-collections .m-c ul li .txt h1 {
	font-size: 1.4rem;
	color: #FFF;
	text-align: center;

	margin: 10px 0;
	font-style: normal;
	font-weight: 500;

	text-transform: uppercase;
}

.p-collections .m-c ul li .txt .more {
	color: #000;
	text-align: center;
	font-family: Arial;
	font-size: 0.8rem;
	font-style: normal;
	font-weight: 400;
	display: inline-block;
	padding: 0.4rem 1.5rem;
	border-radius: 2rem;
	background: #fff;
	text-transform: uppercase;
}

.p-collections .m-c ul li .txt .more:hover {
	background: rgba(182, 0, 129, 1);
	color: #fff;
}

/*  */
.a-more {
	color: #fff;
	text-align: center;
	font-family: Arial;
	font-size: 0.8rem;
	font-style: normal;
	font-weight: 400;
	width: 9rem;
	display: block;
	padding: 0.4rem 1.5rem;
	border-radius: 2rem;
	background: #000;
	text-transform: uppercase;
	margin: 1rem auto;
	cursor: pointer;
}

a.a-more:link {
	color: #fff;
}

.a-more:hover {
	background: rgba(182, 0, 129, 1);
}

/*  */
.p-launch {
	padding: 3rem 0;

	background: url(../images/bg_paper.png) repeat;

}

.p-launch .m-c ul {
	display: flex;
	flex-wrap: wrap;
}

.p-launch .m-c ul li {
	width: 24%;

	margin: 1rem 1% 1rem 0;
	position: relative;
}

.p-launch .m-c ul li  .zs , .p-launch .m-c ul li  .zs.new {
	position: absolute;
	left: -6px;
	top: -10px;
	background: rgba(182, 0, 129, 1);
	border-radius: 1rem;
	display: flex;
	align-items: center;
	z-index: 999;
	padding: 2px 0.5rem;
	line-height: 1;
}

.p-launch .m-c ul li  .zs img {
	width: 1.2rem;
}

.p-launch .m-c ul li .zs span {
	line-height: 1;
	font-weight: lighter;
	color: #fff;
	padding: 0 5px;
	font-size: 0.8rem;
	margin: 0;
}

.p-launch .m-c ul li:nth-of-type(4) {
	margin: 1rem 0;
}

.p-launch .m-c ul li .img {
	background: #fff;
	width: 100%;
	font-size: 0;
	overflow: hidden;
/*transition: all 2s;*/
	padding: 10px;
	position: relative;
}


.p-launch .m-c ul li .img1, .product_list .m-c ul li .img1{
	opacity: 0;
} 
.p-launch .m-c ul li .img2 , .product_list .m-c ul li .img2{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;	padding: 10px;
	/*transition: all 1S;*/
}
.p-launch .m-c ul li:hover .img2 , .product_list .m-c ul li:hover .img2{
	left: -100%;
	opacity: 0;
	display: none;
	
}
.p-launch .m-c ul li .img img ,.product_list .m-c ul li .img img {
	width: 100%; 
	/*transition: all 1s;*/

}
.p-launch .m-c ul li:hover .img img , .product_list .m-c ul li:hover .img img{
	transform: rotateY(360deg);
	opacity: 1;
}

.p-launch .m-c ul li .img .dz,.product_list .m-c ul li .img .dz {
	position: absolute;
	width: 1rem;
	height: 1rem;
	background: url(../images/ax.svg) no-repeat;
	background-size: 100% auto;
	right: 2rem;
	bottom: 2rem;
}
.p-launch .m-c ul li .img .dz.on , .product_list .m-c ul li .img .dz.on{
	background: url(../images/ax1.svg) no-repeat;
	background-size: 100% auto;
}
.p-launch .m-c ul li p {
	color: #111;
	text-align: center;
	font-family: Noto Sans SC;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	margin: 5px 0;
	opacity: 0.4;
}

.p-launch .m-c ul li:hover .img , .product_list .m-c ul li:hover .img {
   	transform: rotateY(360deg);
	box-shadow: 0px 18px 42.1px 0px rgba(0, 0, 0, 0.25);
}

.p-launch .m-c ul li:hover p , .product_list .m-c ul li:hover p{
	opacity: 1;
}
/*  */
.p-selling{
	background: none;
	margin: 2rem 0 4rem;
}
.p-selling .m-c ul li  .zs {
	position: absolute;
	left: 1rem;
	top: 1.5rem;
	background: rgba(253, 190, 29, 1);
	border-radius: 1rem;
	display: flex;
	align-items: center;
	z-index: 999;
	padding: 2px 0.5rem;
	line-height: 1;
}


.p-selling .m-c ul li .zs span {
	line-height: 1;
	font-weight: lighter;
	color: #fff;
	padding: 0 5px;
	font-size: 0.8rem;
	margin: 0;
}
/*  */
.product_list{
	margin: 4rem 0 ;
	 
}
.xx_l{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 2rem;
}
.xx_l label{
	color: #666;
	font-size: 1rem;
}
.xx_l select{
	border: none;
	color: #333;
	font-size: 1rem;
}
.product_list .m-t{
	overflow: hidden;
}
.product_list .m-t .f-list{
	float: left;
	width: 25%;
	height: 520px;
	overflow-y: scroll;
}
.product_list .m-t .f-list.on{
	position: fixed;
	top:12vw;
	left: 10vvw;
	width: 18vw;
}
.product_list .m-t .f-list ul li{
	margin: 0.5rem 0;
	
}
.product_list .m-t .f-list ul li h1{
	display: flex;
	justify-content: space-between;
	align-items: center;
	opacity: 0.4;
}
.product_list .m-t .f-list ul li h1 a{
	width: 80%;
	color: #000;
	font-family: Arial;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	
}
.product_list .m-t .f-list ul li h1 b{
	width: 20%;
	color: #000;
	font-family: Arial;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
	cursor: pointer;
	
}
.product_list .m-t .f-list ul li .x-j{
	display: none;
}
.product_list .m-t .f-list ul li.on .x-j{
	display: block;
}
.product_list .m-t .f-list ul li .x-j p {
	margin: 5px 0;
}
.product_list .m-t .f-list ul li .x-j p a{
	color: #777;
	font-family: Arial;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	
}
.product_list .m-t .f-list ul li .x-j p a:hover{
	color: rgba(182, 0, 129, 1);
}
.product_list .m-t .f-list ul li:hover h1{
	opacity: 1;
}
.product_list .m-t .f-list ul li.on h1{
	opacity: 1;
}
.product_list .m-t .f-list ul li:hover h1 a,.product_list .m-t .f-list ul li.on h1 a,.product_list .m-t .f-list ul li.on h1 b,.product_list .m-t .f-list ul li .x-j p a.on{
	color: rgba(182, 0, 129, 1);
}

 /*定义滚动条样式（高宽及背景）*/ 
       .product_list .m-t .f-list::-webkit-scrollbar { 
            width: 10px;   /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
            background: #ccc;  border-radius: 5px; 
        } 
        /*定义滚动条轨道（凹槽）样式*/ 
       .product_list .m-t .f-list::-webkit-scrollbar-track { 
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);    /* 较少使用 */
            border-radius: 5px; 
        } 
        /*定义滑块 样式*/ 
      .product_list .m-t .f-list::-webkit-scrollbar-thumb { 
            border-radius: 5px; 
            height: 100px;    /* 滚动条滑块长度 */
            background-color: #000; 
			opacity: 0.1;
        }
		
		/*  */
		.ul-list{
			float: right;
			width: 73%;
		
		}
		.ul-list ul {
			display: flex;
			flex-wrap: wrap;
		}
		
		.ul-list ul li {
			width: 29%;
		
			margin: 1rem 0 1rem 4.3%;
			position: relative;
		}
		
		.ul-list ul li  .zs {
			position: absolute;
			left: -6px;
			top: -10px;
			background: rgba(182, 0, 129, 1);
			border-radius: 1rem;
			display: flex;
			align-items: center;
			z-index: 999;
			padding: 2px 0.5rem;
			line-height: 1;
		}
		.ul-list ul li  .zs.hot {
			position: absolute;
			left: 1rem;
			top: 1.5rem;
			background: rgba(253, 190, 29, 1);
			border-radius: 1rem;
			display: flex;
			align-items: center;
			z-index: 999;
			padding: 2px 0.5rem;
			line-height: 1;
		}
		.ul-list ul li  .zs img {
			width: 1.2rem;
		}
		
		.ul-list ul li .zs span {
			line-height: 1;
			font-weight: lighter;
			color: #fff;
			padding: 0 5px;
			font-size: 0.8rem;
			margin: 0;
		}
		
		
		
		.ul-list ul li .img {
			background: #fff;
			width: 100%;
			font-size: 0;
			overflow: hidden;
		
			padding: 10px;
			position: relative;
		}
		
		.ul-list ul li .img img {
			width: 100%;
			/*transition: all 1s;*/
		
		}
.ul-list ul li:hover .img img{
	transform: rotateY(360deg)
}
		.ul-list ul li .img .dz {
			position: absolute;
			width: 1rem;
			height: 1rem;
			background: url(../images/ax.svg) no-repeat;
			background-size: 100% auto;
			right: 2rem;
			bottom: 2rem;
		}
		.ul-list ul li .img .dz.on{
			background: url(../images/ax1.svg) no-repeat;
			background-size: 100% auto;
		}
		.ul-list ul li p {
			color: #111;
			text-align: center;
			font-family: Noto Sans SC;
			font-size: 0.8rem;
			font-style: normal;
			font-weight: 500;
			margin: 5px 0;
			opacity: 0.4;
		}
		
		.ul-list ul li:hover .img {
		
			box-shadow: 0px 18px 42.1px 0px rgba(0, 0, 0, 0.25);
		}
		
		.ul-list ul li:hover p {
			opacity: 1;
		}
/*  */
.g-page{
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
}
.g-page a{
	color: #000;
	font-family: Arial;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	display: block;
 padding: 1rem;
 opacity: 0.4;
 cursor: pointer;
}

.g-page a.on,.g-page a:hover{
	opacity: 1;
}

/*  */
.p-page{
	margin: 4rem 0 0;
}
.p-page .m-c{
	overflow: hidden;
}
.p-page .l-l{
	float: left;
	width: 46%;
}
.p-page .l-l .mySwiper2{
	width: 100%;
}
.p-page .l-l .mySwiper2 .swiper-slide{
	width: 100%;
	overflow: hidden;
}
.p-page .l-l .mySwiper2 .swiper-slide img,.p-page .l-l .mySwiper2 .swiper-slide video{
	width: 100%;
	font-size: 0;
	
}
.p-page .l-l .mySwiper{
	width: 100%;
	margin: 2rem 0;
}
.p-page .l-l .mySwiper .swiper-slide{
	position: relative;
	border: 1px solid #fff;
}
.p-page .l-l .mySwiper .swiper-slide img{
	width: 100%;
}
.p-page .l-l .mySwiper .swiper-slide .vv{
	position: absolute;
	left: 50%;
	margin-left: -1rem;
	top: 50%;
	margin-top: -1rem;
	width: 2rem;
}
.p-page .l-l .mySwiper .swiper-slide .vv img{
	width: 100%;
	display: block;
}
.p-page .l-l .mySwiper .swiper-slide-thumb-active{
	border: 1px solid #000;
}
/*  */
.p-page .l-r{
	float: right;
	width: 46%;
}
.p-page .l-r h4{
	color: #B60081;
	font-family: Arial;
	font-size: 0.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 48px; /* 300% */
}
.p-page .l-r .t-h{
	display: flex;
	align-items: center;
}
.p-page .l-r .t-h h2{
	color: #111;
	text-align: left;
	
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 900;
	width: 75%;
	word-wrap: break-word;
}
.p-page .l-r .t-h .a-a{
	display: flex;
	margin-left: 1rem;
	align-items: center;
}
.p-page .l-r .t-h .a-a .ax{
	width: 1.2rem;
	height: 1.2rem;
	background: url(../images/ax2.svg) center center no-repeat;
	background-size: 100% auto;
}
.p-page .l-r .t-h .a-a .ax.on{
	background: url(../images/ax3.svg) center center no-repeat;
	background-size: 100% auto;
}
.p-page .l-r .t-h .a-a span{
	color: #000;
	
	font-size: 0.8rem;
	font-style: normal;
	font-weight: 300;
	padding: 0 10px;
	
}
.p-page .l-r p{
	color: #000;
	width: 85%;
	font-size: 1rem;
	font-style: normal;
	font-weight: 300;
	margin: 5px 0;
	line-height: 1.5;
}
.p-page .l-r ul li{
	margin: 1.5rem 0;
}
.p-page .l-r ul li h3{
	color: #000;

	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	
}
.p-page .l-r ul li ol{
	display: flex;
}
.p-page .l-r ul li ol li{
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	margin: 0.5rem;
	transition: all 1s;
	position: relative;
	
}
/*.p-page .l-r ul li ol li:nth-of-type(1){*/
/*	!*background: rgba(200, 112, 117, 1);*!*/
/*	border: 1px solid rgba(200, 112, 117, 1);*/
/*}*/
/*.p-page .l-r ul li ol li:nth-of-type(2){*/
/*	!*background: rgba(200, 112, 117, 1);*!*/
/*	border: 1px solid rgba(200, 112, 117, 1);*/
/*}*/
/*.p-page .l-r ul li ol li:nth-of-type(3){*/
/*	!*background: rgba(160, 32, 20, 1);*!*/
/*	border: 1px solid rgba(200, 112, 117, 1);*/
/*}*/
/*.p-page .l-r ul li ol li:nth-of-type(4){*/
/*	!*background: rgba(157, 94, 100, 1);*!*/
/*	border: 1px solid rgba(200, 112, 117, 1);*/
/*}*/
/*.p-page .l-r ul li ol li:nth-of-type(5){*/
/*	!*background: rgba(160, 41, 21, 1);*!*/
/*	border: 1px solid rgba(200, 112, 117, 1);*/
/*}*/
.p-page .l-r ul li ol li {
	border: 1px solid rgba(200, 112, 117, 1);
}
.p-page .l-r ul li ol li:hover{
	opacity: 0.8;
	
}
.p-page .r-r{
	overflow: hidden;
}
.p-page .r-r.on{
	height: auto !important;
	overflow: visible;
}
.p-page .l-r ul li ol li.on::after{
	content: "";
	width: 1.8rem;
	height: 1.8rem;
	position: absolute;
	left: 0.05rem;
	
	top: 0.05rem;
	border-radius: 50%;
	
	border: 0.3rem solid #fff;
}


.p-page .l-r .a-more{
	margin: 2rem 0;
}
/*  */
.c_tit{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 2rem 0;
}
.c_tit h1{
	color: #000;
	font-family: Arial;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 700;
	
	text-transform: uppercase;
}
.c_tit .a-more{
	margin: 0;text-transform: uppercase;
	background: rgba(172, 172, 172, 1);
}
.a-more:visited{
	color: #fff;
}
/*  */
@media screen and (max-width: 900px) {
	.product_banner .img img{
		/*width: 200%;*/
		/*margin-left: -50%;*/
	}
	.p_tit h1{
		font-size: 1.6rem;
	}
	.p_tit p{
		width: 100%;
	}
	/*  */
	.p-collections .m-c ul li{
		width: 48%;
		margin: 1%;
	}
	.p-collections .m-c ul li:nth-of-type(4){
		margin: 1%;
	}
	.p-launch .m-c ul li{
		width: 48%;margin: 1%;
	}
	.p-launch .m-c ul li:nth-of-type(4){
		margin: 1%;
	}
	.p-launch .m-c ul li p{
		font-size: 0.8rem;
		line-height: 1.5;
	}
	/*  */
	.product_list .m-t .f-list{
		width: 100%;
		height: 200px;
	}
	.product_list .m-t .f-list.on{
	
	position: static;
	width: 100%;
	}
	.product_list .m-t .f-list ul li h1 a{
		font-size: 1.2rem;
	}
	.product_list .m-t .f-list ul li .x-j p a{
		font-size: 0.8rem;
	}
	.ul-list{
		width: 100%;
		margin-top: 2rem;
	}
	.ul-list ul li{
		width: 48%;
		margin:1rem 1%;
	}
	.ul-list ul li p{
		line-height: 1.5;
	}
	
	/*  */
	.p-page .l-l,.p-page .l-r{
		width: 100%;
	}
	.p-page .l-r .t-h h2{
		line-height: 1.5;
		font-size: 1.2rem;
	}
}

.product_banner .m-c p a:visited,.product_banner .m-c p a:link{
	color: #fff;
}