*{
	margin: 0;
	padding: 0;
	list-style: none;
	outline: none;
	box-sizing: border-box;
	text-decoration: none;
}

a { -webkit-tap-highlight-color:transparent; }
.wrapper .swiper-container .swiper-pagination {
   bottom: 1.5625rem;
}

.wrapper .swiper-container .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
    width: 3.125rem;
    height: 0.1875rem;
    border-radius: 0;
    margin: 0 0.25rem;
    background-color: rgba(0,0,0,0.5);
    transition: background-color .3s ease;
}

.wrapper .swiper-container .swiper-pagination-bullet::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: 0 0;
}

.wrapper .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    animation: sliderPagination 3s linear forwards
}

.wrapper .swiper-container .swiper-pagination-bullet:hover {
    background-color: #fff;
}

@keyframes sliderPagination {
 	100% {
		transform: scaleX(1);
        opacity: 1;
    }
}

/* 判断宽度 手机 */
@media (max-width:780px) {
	.new-list{
		width: 100%;
		height: auto;
		padding: 1rem 3%;
	}
	/* 新闻列表开始 */
	.n-new{
		width: 100%;
		height: auto;
		display: grid;
		grid-auto-flow: row;
		grid-gap: 1rem;
		background-color: #fff;
	}
	.n-new-list{
		width: 100%;
		height: auto;
		overflow: hidden;
		box-shadow: 0 0 10px #ccc;
	}
	.new-img{
		width: 100%;
		height: auto;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	
	.new-img>img{
		width: 100%;
		height: auto;
	}
	.new-tiem{
		font-size: 0.75rem;
		color: #bebebe;
		padding: 0.625rem 1rem;
	}
	.new-tal{
		width: 100%;
		height: auto;
		line-height: 1.3rem;
		padding: 0 0.5rem;
		display:-webkit-box;
		overflow:hidden;
		text-overflow:ellipsis;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3;
	}
	.new-yd{
		width: 100%;
		height: auto;
		padding: 0.625rem 1rem;
		display: flex;
		align-items: center;
		
	}
	.new-yd>img{
		width: 1rem;
		height: 1rem;
	}
	.new-yd>p{
		padding-left: 0.625rem;
		color: #9BA09C;
		font-size: 1rem;
	}
	
	/* 商品详情页 */
	/* 商品详情页面 */
	/* 轮播 */
	.lb-box{
		width: 100%;
		height: auto;
	}
	.wra-deit{
		width: 100%;
		position: relative;
		display: flex;
		align-items: center;
	}
	.wra-list{
		width: 100%;
		height: auto;
		text-align: center;
		background-color: #fff;
	}
	.lb-item{
		width: 100%;
		height: auto;
		padding: 1rem 1rem;
	}
	.lb-item>h1{
		font-size: 1.75rem;
		font-weight: 700;
		padding-bottom: 0.5rem;
	}
	.w-price{
		font-size: 0.875rem;
		padding: 1.5rem 0;
		font-weight: 500;
	}
	.w-price>span{
		font-size: 1.25rem;
		font-weight: 700;
	}
	.w-dh{
		width: 100%;
		text-align: center;
		display: inline-block;
		font-size: 1rem;
		color: #fff;
		background-color: #000;
		padding: 1rem 1.5rem;
	}
	.w-dh:hover{
		color: #fff;
	}
	.w-jjie{
		padding-top: 0.5rem;
		line-height: 1.5rem;
		color: #9BA09C;
		font-size: 0.875rem;
		width: 100%;
		height: auto;
		overflow-y: auto;
		overflow: hidden;
	}
	
	
	/* 新闻详情页 */
	.deta-list{
		width: 100%;
		height: auto;
	}
	.dt-cent{
		width: 100%;
		height: auto;
		padding: 1rem 0;
	}
	.dt-item{
		width: 100%;
		height: auto;
		text-align: center;
	}
	.dt-item>h1{
		text-align: center;
		margin-bottom: 0.5rem;
		font-size: 1.375rem !important;
	}
	.dt-mt{
		width: 100%;
		font-size: 0.875rem;
		color: #A9A9A9;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0.5rem;
	}
	.dt-yd{
		display: flex;
		align-items: center;
		padding-left: 5rem;
	}
	.dt-yd>img{
		width: 1rem;
		height: 1rem;
	}
	.dt-yd>p{
		padding-left: 0.625rem;
	}
	.dt-list2{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding:0 1rem 1rem;
		text-align: left;
		overflow: hidden;
	}
	.dt-list2 img,.dt-list2 video{
		max-width: 100%;
		width: 100%;
		height: auto;
		display: inline-block;
	}
	/* 上一章下一章 */
	.sx-list{
		width: 100%;
		height: auto;
		padding: 0 1rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.sx-list>div{
		max-width: 49%;
		height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: #666666;
		padding-bottom: 0.3125rem;
		border-bottom: 1px solid #CCCCCC;
	}
	
		/* 上一个下一个商品详情 */
		.sx-sp{
			width: 100%;
			height: auto;
			padding: 1.5rem 5rem;
			display: flex;
			justify-content: space-between;
		}
		/* 图片弹框 */
		.pt-img{
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: #fff;
			z-index: 1000;
			display: flex;
			align-items: center;
			
		}		
		.pt_list>div{
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.pt_list>div>img{
			width: 60% !important;
			margin: 0 auto;
			height: auto;
		}
		/* 返回按钮 */
		.pt-fh{
			position: absolute;
			top: 0;
			left: 0;
			width: 5rem;
			height: 5rem;
			background-color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
			z-index: 1200;
			box-shadow: 0 0 0.3125rem #757575; 
		}
		.pt-fh>img{
			width: 1rem;
			height: 1rem;
		}
		.pt-gb{
			position: absolute;
			top: 0;
			right: 0;
			width: 5rem;
			height: 5rem;
			background-color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
			z-index: 1200;
			box-shadow: 0 0 0.3125rem #757575; 
		}
		.pt-gb>img{
			width: 1rem;
			height: 1rem;
		}
		
		
		/* 新闻头条 */
		.toutiao{
			width: 100%;
			height: auto;
			overflow: hidden;
			padding-bottom: 1rem;
			
		}
		.tt_list{
			width: 100%;
			height: auto;
			border: 1px solid #eae8e4;
		}
		.tt_img{
			width: 100%;
			height: 18.75rem;
		}
		.tt_img>img{
			width: 100%;
			height: 100%;
			box-shadow: 0 0 10px #fff;
		}
		.tt_sm{
			width: 100%;
			padding: 1rem 1rem 2.5rem;
			position: relative;
		}
		.tt_tab{
			width: 100%;
			height: auto;
			padding: 1rem 0;
			font-size: 1.2rem;
			font-weight: 600;
			text-align: center;
			
		}
		.tt_time{
			width: 100%;
			height: auto;
			display: flex;
			justify-content: center;
			padding-bottom: 1rem;
		}
		.yuedu{
			display: flex;
			align-items: center;
			padding-left: 2rem;
		}
		.yuedu>img{
			width: 1rem;
			height: auto;
			margin-right: 0.2rem;
		}
		.tt_cent{
			font-size: 1rem;
			line-height: 1.6rem;
			letter-spacing: 0.1rem;
			text-indent:2em
		}
		.tt_chakan{
			position: absolute;
			right: 2rem;
			bottom: 1rem;
		}
		.tt_chakan>a{
			color: #ff0000;
		}
	.fd .swiper-wrapper{
		    position: absolute;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		z-index: 5;
		padding-top: 5rem;
		overflow-y: scroll;
		box-sizing: border-box;
	}
	.bed-fanh{
		position: fixed;
		top: 0;
		left: 0;
		width: 4rem;
		height: 4rem;
		display: flex;
		justify-content: center;
		background: #fff;
		align-items: center;
		z-index: 9999;
	}
	.new-img1{
		width: 100%;
		height: auto;		
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.new-img1>img{
		width: 100%;
		height: auto;
	}
	.fd .swiper-slide img {
	    width: 90%;
	    height: auto;
	}
	
}

/* 判读宽度 电脑 */
@media (min-width:780px) {
	/* 内容开始 */
	.new-list{
		width: 100%;
		height: auto;
		padding-bottom: 2.5rem;
	}
	/* 新闻列表开始 */
	.n-new{
		padding: 2.5rem 2.5rem 0;
		width: 100%;
		height: auto;
		display: grid;
		grid-template-columns: repeat(3,1fr);
		grid-auto-flow: row;
		grid-gap: 2.5rem;
		background-color: #fff;
	}
	.n-new-list{
		width: 100%;
		height: auto;
		overflow: hidden;		
		border: 1px solid #eae8e4;
	}
	.n-new-list:hover{
		box-shadow: 0 0 10px #ccc;
	}
	.new-img{
		width: 100%;
		height: auto;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.new-img>img{
		width: 100%;
		height: auto;
		
	}
	.new-img1{
		width: 100%;
		height: auto;		
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.new-img1>img{
		width: 100%;
		height: auto;
	}
	.new-tiem{
		font-size: 0.75rem;
		color: #bebebe;
		padding: 0.625rem 1rem;
	}
	.new-tal{
		width: 100%;
		height: auto;
		line-height: 1.3rem;
		padding: 0 1rem;
	}
	.new-yd{
		width: 100%;
		height: auto;
		padding: 0.625rem 1rem;
		display: flex;
		align-items: center;
		
	}
	.new-yd>img{
		width: 1rem;
		height: 1rem;
	}
	.new-yd>p{
		padding-left: 0.625rem;
		color: #9BA09C;
		font-size: 1rem;
	}
	/* 新闻列表结束 */
	
	/* 内容结束 */
	/* 商品详情页面 */
	/* 轮播 */
	.lb-box{
		width: 100%;
		height: auto;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
	}
	.wra-deit{
		width: 60%;
		position: relative;
	}
	.wra-list{
		width: 40%;
		height: auto;
		background-color: #fff;
	}
	.lb-item{
		width: 100%;
		height: 100%;
		padding: 2rem;
	}
	.lb-item>h1{
		font-size: 1.75rem;
		font-weight: 700;
		height: 10%;
	}
	.w-price{
		font-size: 0.875rem;
		padding: 1.5rem 0;
		box-sizing: border-box;
		font-weight: 500;
		height: 14%;
		align-items: center;
	}
	.w-price>span{
		font-size: 1.25rem;
		font-weight: 700;
	}
	.w-dh{
		width: 100%;
		height: 10%;
		display: inline-block;
		font-size: 1rem;
		color: #fff;
		background-color: #000;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.w-dh:hover{
		color: #fff;
	}
	.w-jjie{
		margin-top: 1.5rem;
		line-height: 1.5rem;
		color: #9BA09C;
		font-size: 0.875rem;
		width: 100%;
		height: 60%;
		overflow-y: auto;
	}
	.w-jjie::-webkit-scrollbar{
		display: none;
	}
	/* 上一个下一个商品详情 */
	.sx-sp{
		width: 100%;
		height: auto;
		padding: 3rem 5rem;
		display: flex;
		justify-content: space-between;
		font-size: 1.125rem;
		font-weight: 500;
	}
	/* 返回按钮 */
	.pt-fh{
		position: absolute;
		top: 0;
		left: 0;
		width: 5rem;
		height: 5rem;
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1200;
		box-shadow: 0 0 0.3125rem #757575; 
	}
	.pt-fh>img{
		width: 1rem;
		height: 1rem;
	}
	.pt-gb{
		position: absolute;
		top: 0;
		right: 0;
		width: 5rem;
		height: 5rem;
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1200;
		box-shadow: 0 0 0.3125rem #757575; 
	}
	.pt-gb>img{
		width: 1rem;
		height: 1rem;
	}
	
	/* 新闻详情页 */
	
	.deta-list{
		width: 100%;
		height: auto;
	}
	.dt-cent{
		width: 100%;
		height: auto;
		padding: 2.5rem;
	}
	.dt-item{
		width: 100%;
		height: auto;
	}
	.dt-item>h1{
		text-align: center;
		margin-bottom: 1rem;
	}
	.dt-mt{
		width: 100%;
		font-size: 0.875rem;
		color: #A9A9A9;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.dt-yd{
		display: flex;
		align-items: center;
		padding-left: 5rem;
	}
	.dt-yd>img{
		width: 1rem;
		height: 1rem;
	}
	.dt-yd>p{
		padding-left: 0.625rem;
	}
	.dt-list2{
		width: 96%;
		height: auto;
		margin: 0 auto;
		padding: 1rem 0 2.5rem;
		overflow: hidden;
	}
	/* .dt-list2 p,.dt-list2 span{
		font-size: 20px;
		line-height: 1.6rem;
	} */
	.dt-list2 img,.dt-list2 video{
		max-width: 60%;
		width: 60% !important;
		height: auto;
		display: table;
		margin: 0 auto;
	}
	.text{
		font-size: 1rem;
		font-weight: 500;
		text-indent: 2em;
		line-height: 1.5rem;
	}
	
	/* 上一章下一章 */
	.sx-list{
		width: 100%;
		height: auto;
		padding: 0 2.5rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.sx-list>div{
		max-width: 49%;
		height: auto;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		cursor: pointer;
	}
	
	.swiper-zoom-container {
	  width: 100%;
	  height: 100%;
	  /* display: block !important; */
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	  -ms-flex-align: center;
	  align-items: center;
	  text-align: center;
	}
	
	/* 新闻头条 */
	.toutiao{
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 2rem 2.5rem 0;
		
	}
	.tt_list{
		width: 100%;
		height: auto;
		display: flex;
		border: 1px solid #eae8e4;
	}
	.tt_img{
		width: 31.4%;
		height: auto;
	}
	.tt_img>img{
		width: 100%;
		height: 100%;
		box-shadow: 0 0 10px #fff;
	}
	.tt_sm{
		width: 68.6%;
		padding: 1rem 2rem 2.5rem;
		position: relative;
	}
	.tt_tab{
		width: 100%;
		height: auto;
		padding: 1rem 0;
		font-size: 1.2rem;
		font-weight: 600;
		text-align: center;
		
	}
	.tt_time{
		width: 100%;
		height: auto;
		display: flex;
		justify-content: center;
		padding-bottom: 1rem;
	}
	.yuedu{
		display: flex;
		align-items: center;
		padding-left: 2rem;
	}
	.yuedu>img{
		width: 1rem;
		height: auto;
		margin-right: 0.2rem;
	}
	.tt_cent{
		font-size: 1rem;
		line-height: 1.6rem;
		letter-spacing: 0.1rem;
		text-indent:2em
	}
	.tt_chakan{
		position: absolute;
		right: 2rem;
		bottom: 1rem;
	}
	.tt_chakan>a{
		color: #ff0000;
	}
	.fd .swiper-wrapper{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding-bottom: 1rem;
		z-index: 5;
		overflow-y: scroll;
		display: inline-block;
	}
	.bed-fanh{
		position: absolute;
		top: 0;
		left: 0;
		width: 5rem;
		height: 5rem;
		display: flex;
		justify-content: center;
		background: #fff;
		align-items: center;
		z-index: 9999;
	}
	.fd .swiper-slide img {
	    width: 80%;
	    height: auto;
	}
}


/* 列表页面，点击放大 */
.fd{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1200 !important;
}
.fd-mb{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,1);
	z-index: 1;
}

.fd .swiper-wrapper .swiper-slide{
	padding-bottom: 1rem;
	text-align: center;
}

.bed-fanh img{
	width: 1rem;
	height: 1rem;
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}



/* 新闻动态第二种样式 */
.new-ul{
	width: 94%;
	height: auto;
	margin: 1rem auto 0;
	
}
.new-ul>li{
	width: 100%;
	height: auto;
	display: flex;
	padding: 1.5rem 0;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.new-ul-img{
	width: 30%;
	height: auto;
	padding: 1rem;
}
.new-ul-img>img{
	width: 100%;
	height: auto;
}
.new-ul-div{
	width: 70%;
	height: 100%;
	padding: 1rem 1rem 4rem;
	box-sizing: border-box;
}
.biaoti{
	width: 100%;
	height: auto;
	padding: 0.4rem 0;
	font-size: 1.1rem;
	font-weight: 600;
	color: #ff0000;
}
.jianjie{
	font-size: 1rem;
	font-family: "微软雅黑";
	
}
.new-yd-cs{
	position: absolute;
	left: 31%;
	bottom: 2.5rem;
	display: flex;
	font-size: 1rem;
	color: #8b8b8b; 
}
.new-yd-cs>img{
	width: 1rem;
	height: auto;
	margin-right: 0.2rem;
}
.shijian{
	margin-right: 1rem;
	color: #ff0000;
}


/* 第三种 */
.new-list-ul2{
	width: 94%;
	height: auto;
	margin: 1rem auto 0;
}
.new-list-ul2>li{
	list-style: bengali;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #666666;
	padding: 0.8rem 0 ;
	border-bottom: 1px dashed #ccc;
	font-size: 1rem;
}