.banner_pro_left{
	/* padding: 0.34rem; */
	width: 25%;
	background-color: #f8f8f8;
	/* border-radius: 0.2rem; */
	padding: 0.2rem 0;
	
	
}
.nav_list{
	position: relative;
	z-index: 100;
	
}
.banner_pro_left .nav_div{
	height: 0.6rem;
	line-height: 0.6rem;
	text-align: center;
}
.banner_pro_left .nav_list:hover .nav_div{
	background-color: #fff;
}
.nav_right{
position: absolute;
    right: -1rem;
    height: auto;
    top: 0;
    background-color: #fff;
  height: 0.6rem;
  line-height: 0.6rem;
    width: 1.5rem;
    z-index: 10;
	display: none;
}
.banner_pro_left .nav_list:hover .nav_right{
	display: block;
	cursor: pointer;
}
.banner_pro_left .nav_div:hover{
	    background-color: #fff;
}
.banner_pro_right{	
	width: 72%;
}
.banner_pro_right .pro_banner{
	display: none;
}
.banner_pro_right .pro_banner:nth-of-type(1){
	display: inline-block;
}
.banner_pro_left a.active{
	background-color: #fff;
}
.banner_pro_left a:hover{
	background-color: #fff;
}
.pro_main{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.banner .swiper-pagination{
	text-align: center;
	bottom: 2rem;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 0.14rem;
	height: 0.14rem;
	border-radius: 0.14rem;
	background-color: #1b1b1b;
}
.banner .swiper-pagination{
	text-align: center;
	width: 100%;
}
.banner .swiper-pagination-bullet{
	width: 0.1rem;
	height: 0.1rem;
	border-radius: 0.1rem;
	background-color: #000;
	margin: 0 .1rem;
	display: inline-block;
	
}
.banner .swiper-slide{
	text-align: center;
	height: 5rem;
}
.banner img{
	width: 7.56rem;
	margin: 0 auto;
}
.swiper-wrapper{
	height: auto;
}
.banner{
/*	height: 9.1rem;*/
	margin-top: 1rem;
	padding: .8rem 1rem;
	background-color: #f8f8f8;
	border-radius: 0.5rem;
}
.pro_name{
	margin-top: 0.2rem;
	font-size: .24rem;
	text-align: center;
}
.slide_swiper {
	margin-bottom: 0.2rem;
	text-align: center;
}
.pro_money{
	color:#666666;
	text-align: center;
}
.banner_pro_right{
	width:70%;
	/* margin-top: 0.2rem; */
}
.product-single-zoom .zoom {
	  position: absolute;
	  font-size: 2em;
	  z-index: 1;
	  text-indent: -9999px;
	  border-radius: 100%;
	  box-sizing: content-box;
	  bottom: .3rem;
	  right:  .3rem;
	  width:0.46rem;
	  height: 0.46rem;
	  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.328' height='16.328'%3E%3Cg fill='none' stroke='%23212121' stroke-miterlimit='10'%3E%3Cpath d='m15.5.828-6 6'/%3E%3Cpath d='M9.697.5h6.131v6.131' stroke-linecap='square'/%3E%3Cpath d='m.5 15.828 6-6'/%3E%3Cpath d='M.5 9.697v6.131h6.131' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E");
	  background-repeat: no-repeat;
	  background-position: center;
	  background-color: #fff;
	  box-shadow: 0 0 6px 0 #00000021;
	  cursor: pointer;
}
.product-single-zoom a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.product-single-thumb {
  margin: 0.2rem 0;
  height: 0.88rem;
 /* margin-top: 1rem; */
}
/*  loctaion*/
.loctaion{
	color: #666666;
	font-size: .24rem;
	padding-top: 0.5rem;
	padding-bottom: 0.3rem;
	border-bottom: 1px solid #e8e8e8;
}
.loctaion span{
	color: #999999;
}
.loctaion i{
	margin: 0 .1rem;
}
.product-single-image .swiper-button-next, .product-single-image .swiper-container-rtl .swiper-button-prev{
	background: url(../images/pro/right_arrow.jpg) no-repeat;
	background-size: 0.4rem;
}
.product-single-image .swiper-button-prev, .product-single-image .swiper-container-rtl .swiper-button-next{
	background: url(../images/pro/left_arrow.jpg) no-repeat;
		background-size: 0.4rem;
}
.product-single-slide{
	width: 100%;
	position: relative;
	
}
.pro_detail{
	margin-top: 0.2rem;
}
.product-single-slide .swiper-wrapper .swiper-slide{
	width: 100%;
	  display: flex;
	  justify-content: center; /* 水平居中 */
	  align-items: center;
	 padding: 0.2rem;
}
.product-single-slide .swiper {
	width: 100%;
/*	border: 1px solid #dfdfdf;*/
	
	height: 7rem;
}
.product-single-image{
	width: 48%;
	overflow: hidden;
	padding-top: 1rem;
}
.swiper-button-next, .swiper-button-prev{
	width: 0.4rem;
	height: .4rem;
}
.product-single-thumb .swiper-slide{
	width: 0.88rem;
	height: 0.88rem;
}
.product-single-thumb .swiper-slide.swiper-slide-thumb-active{
	border-bottom: 2px solid #9779ff;
}
.pro_detail_right{
	width: 48%;
}
.pro_title_h h3{
	font-size: .48rem;
	color: #333;
}
.money{
	font-size: 0.3rem;
	margin-top: 0.3rem;
}
.descrip{
	font-size: 0.16rem;
	color:#999;
	margin: 0.3rem 0;
}

.pro_list_dec{
	background-color: #f8f8f8;
	padding: 0.3rem;
	border-radius: 0.2rem;
}
.pro_list_dec dl{
	width: 100%;
	display: flex;
	margin-bottom: 0.1rem;
	
}
.pro_list_dec dl dt{
	width: 23%;
	color: #999;
	font-size: 0.16rem;
	text-align: right;
	padding-right: 0.2rem;
}
/* .pro_list_dec dl:nth-of-type(6) dt{
	width: 40%;
	text-align: right;
} */
.pro_list_dec dl dd{
	font-size: 0.16rem;
	color: #666666;
	width: 73%;
	word-break: break-all;
}
.choose_color{
	
	margin-top: 0.3rem;
	margin-bottom: 0.2rem;
}
.choose_span{
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.choose_color dt{
	font-size: 0.3rem;
}
.choose_span .circle{
	width: 0.5rem;
	height: 0.5rem;
	background-color: #eeeced;
	border-radius: 1rem;
	margin: 0 .1rem;
}
.choose_span .circle.grey{
	background-color: #eeeced;
}
.choose_span .circle.black{
	background-color: #000;
}
.choose_span .circle.yellow{
	background-color: #e2ce79;
}
.choose_span .circle.dark_yellow{
	background-color: #f9cd9d;
}
.choose_span .circle.active{
	width: 0.6rem;
	height: 0.6rem;
	border: 1px solid #6f4ecc;
}
.add_cart{
	display: flex;
	justify-content: right;
	margin-bottom: 0.6rem;
	border-top: 1px solid #dfdfdf;
	
}
 .money span{
	font-size: 0.3rem;
	line-height: 0.62rem;
	margin-right: 0.6rem;
}
.money .add_c a{
	text-align: center;
	color: #fff;
	display: inline-block;
	width: 2rem;
	border-radius: 2rem;
	height: 0.62rem;
	line-height: 0.62rem;
	font-size: 0.3rem;
	background: linear-gradient(to right, #cd6db9, #744fcb);
}
.img_sliver{
	height: 1.26rem;
	background-color: #f8f8f8;
	padding: 0.15rem ;
	line-height: 1.26rem;
	
}
.choose_img{
	background-color: #f8f8f8;
	padding: 0 .5rem;
	border-radius: 0.2rem;
}
.img_sliver img{
	width: 1.01rem;
}
.choose_img span{
	font-size: 0.2rem;
	line-height: 1.26rem;
}
.total dt{
	color: #333;
	font-size: 0.3rem;
}
.total{
	margin: 0.4rem 0;
	justify-content: flex-start;
	border-radius: 0.5rem;
	
}
.total dd {
	margin-left: 0.2rem;
	height: .68rem;
	border: 1px solid #333333;
	padding: 0.1rem 0.2rem;
	border-radius:20px;
	font-size: 0.18rem;
}
.total dd button{
	border: none;
	font-size: 0.3rem;
	background: transparent;
}
.total dd input{
	border: none;
	text-align: center;
	font-size: 0.26rem;
	width: 1.3rem;
}
.nav_tab{
	
}
.nav_tab a{
	font-size: 0.24rem;
	margin: 0 0.5rem;
	padding-bottom: 0.2rem;
}
.nav_tab{
	margin-bottom: 0.2rem;
	line-height: 0.7rem;
	border-bottom: 2px solid #dfdfdf;
}
.nav_tab a.active{
	border-bottom: 3px solid #9779ff;
}
/*pro_descript  */
.pro_descript{
	background-color: #000000;
	overflow: hidden;
}
/* intelligence */
.intelligence{
	padding-top: 1rem;
}
.desc_h5{
	color: #fff;
	text-align: center;
	font-size: 0.48rem;
	margin-bottom: 0.5rem;
}
.intelligence p{
	color: #fff;
	text-align: center;
	padding:0.2rem 1.5rem;
	font-size: 0.2rem;
	line-height: 1.5;
}
.intell_img{
	text-align: center;
	margin-top: 1.5rem;
	
}
/* how_works */
.how_works{
	margin-top: 3rem;
}
.works_list_video{
	width: 48%;
}
.video_list{
	width: 40%;
	padding-top: 0.3rem;
}
.video_list dl{
	width: 100%;
	margin-bottom: 0.6rem;
	padding-left: 1rem;
	background: url(../images/pro/icon_1.png) no-repeat left center;
}
.video_list dl:nth-of-type(2){
	background-image: url(../images/pro/icon_2.png);
}
.video_list dl:nth-of-type(3){
	background-image: url(../images/pro/icon_3.png);
}
.video_list dl dt{
	width: 100%;
	font-size: 0.2rem;
	color: #fff;
	margin-bottom: 0.1rem;
}
.video_list dl dd{
	width: 100%;
	font-size: 0.16rem;
	color: #fff;
}
.index_title h5{
	color: #fff;
}
.div_ul li .li_title{
	color: #fff;
}
.div_ul .conteMetricsnt p{
	color: #fff;
	background-color: #000000;
}
.desc_h5{
	width: 0.48rem;
	width: 100%;
}
.product_specs dl{
	display: flex;
	padding: 0.3rem 0 ;
}
.product_specs dl:nth-of-type(1) dd{
	font-size: 0.24rem;
}
.product_specs dl:nth-of-type(2) dd{
	font-size: 0.24rem;
}
.product_specs dl{
	border-bottom: 1px solid #303030;
}
.product_specs dl dd{
	width: 25%;
	font-size: 0.16rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product_specs dd{
	color: #fff;
}
.div_ul li .conteMetricsnt p{
	border-bottom: 1px solid #303030;
}
/* Purchase description */
.Purchase_description{
	width: 100%;
	background-color:#fff;
	padding: 0.6rem 0;
}
.Purchase_description dt{
/*	background: url(../images/pro/pro_icon_1.png) left center no-repeat;*/
/*
	background-size: contain;
	padding-left: 0.5rem;
*/
	font-weight: bold;
	font-size: 0.2rem;
	color: #333;
	margin-bottom: 0.54rem;
}
.Purchase_description dl dd .dd_title_sec{
	font-size: .2rem;
	font-weight: bold;
	    margin-bottom: 0.2rem;
}
.Purchase_description dl dd {
	 margin-bottom: 0.2rem;
}
.Purchase_description dl{
	margin-bottom: 0.7rem;
}
.Purchase_description dl dd p{
	font-size: 0.24rem;
}
.Purchase_description dl dd p span{
	font-size: 0.24rem;
	font-weight: bold;
}
.pro_detail_tab>div{
	display: none;
}
.pro_detail_tab .pro_descript{
	display: block;
}
.tabb_nav a{
	color: #fff;
}

/* .nav_div{
	height: 0.4rem;
	background-color: #fff;
	text-align: center;
} */



@media screen and (max-width:990px) {
	.product-single-image{
		width: 100%;
	}
	.pro_detail_right{
		width: 100%;
	}
}

@media screen and (max-width:768px) {
	.banner_pro_left{
		width: 100%;
		padding: 0.2rem;
	}
	.banner_pro_left a{
		width: 24%;
		display: inline-block;
	}
	.banner_pro_right {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.pro_main{
		margin-top: 0.2rem;
	}
	.banner{
		margin-top: 0.2rem;
		padding: 0.2rem;
/*		height: 7.2rem;*/
	}
	.product-single-image,.pro_detail_right{
		width: 100%;
	}
	.nav_tab a{
		margin: 0 .1rem;
	}
	.intelligence p{
		padding: 0.1rem;
	}
	.product-single-image{
		padding-top: 0.1rem;
	}
	.choose_span{
		width: 100%
	}
	.works_list_video{
		width: 100%;
	}
	.video_list{
		display: flex;
		width: 100%;
	}
	.video_list dl{
		
		width: 33%;
		}
		.nav_right{
			right: 0rem;
			width: 2rem;
		}
		.nav_right a{
			width: auto;
		}
}