.hxdlb {
	background:#fff;
	position:relative
}
.hxdlb:after {
	position:absolute;
	content:"";
	background:url(../images/ibg2.png) 50% 100% no-repeat;
	background-size:100%;
	left:0;
	bottom:0;
	width:100%;
	height:100%
}
.hxdlb .img {
	width:100%
}
.hxdlb .top {
	position:relative;
	width:210px;
	top:20%;
	margin:0 auto;
	justify-content:space-between;
	display:flex
}
.hxdlb .img1 {
	position:absolute;
	left:0%;
	top:3%
}
.hxdlb .img1 .img1s {
	width:100%;
	height:auto
}
.hxdlb .img1 .img2 {
	position:absolute;
	right:8%;
	width:20%;
	bottom:-15%;
	-webkit-animation:go 1s ease-in-out alternate infinite;
	-moz-animation:go 1s ease-in-out alternate infinite;
	animation:go 1s ease-in-out alternate infinite
}
.hxdlb .img1 .img2s {
	width:100%;
	height:auto
}

.nianhuo_prolist {
	padding:10px;
	position:relative;
	height:150vh; background:#03538F;
}
.nianhuo_prolist:before {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	content:"";
	z-index:3;
	border-radius:10px
}
.nianhuo_prolist .bg {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	overflow:hidden
}
.nianhuo_prolist .bg .div {
	width:100%;
	height:100%;
	filter:blur(8px);
	background-image:url(../images/brd-img3.jpg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	border-radius:10px
}
.nianhuo_prolist .con {
	z-index:3;
	height:86vh;
	position:sticky;
	top:44px
}
.nianhuo_prolist .nianhuo-gallery-thumbs {
	overflow:hidden
}
.nianhuo_prolist .left_nav {
	color:#fff;
	text-align:center;
	border-radius:10px 0 0 10px;
	flex-shrink:0;
	padding:20px 0;
	display:flex
}
.nianhuo_prolist .left_nav .li {
	position:relative;
	width:100%;
font-size:15px;
	padding:8px 10px;	color:#fff;
	
	border-radius:20px; border:1px solid #edecec;
}
.nianhuo_prolist .left_nav .swiper-slide-thumb-active {

	font-weight:700;
border:none;
	 background: #ffb42f; color:#ffffff;
}
.nianhuo_prolist .left_nav .swiper-slide-thumb-active:before {
	border-radius:20px;
	position:absolute;
	left:50%;
	transform:translateX(-50%) translateY(50%);
	bottom:50%;
	width:40%;
	height:2px;
	content:"";
	background:-webkit-linear-gradient(left, rgba(201, 4, 1, 1) 0%, rgba(177, 5, 3, 1) 100%);
animation:oleft .3s ease-out both;
	z-index:-1
}
.nianhuo_prolist .r_con {
	width:100%;
	background:rgba(255, 255, 255, .8);
	padding:10px;
	border-radius:10px;
	overflow:hidden
}
.nianhuo_prolist .r_con .li {
	position:relative;
	font-family:'Rubik', sans-serif;
	border-bottom:1px solid #bfbcbc;
	padding:5px 0;
font-size:.85rem;
	color:#333;
	display:flex;
	justify-content:space-between;
	background:url(../images/icon-x.png) no-repeat 70% 50%/20px
}
.nianhuo_prolist .r_con .li:last-child {
	border:0
}
.nianhuo_prolist .r_con .li p {
	color:#666;
font-size:13px;
}
.nianhuo_prolist .r_con .li .tit {
font-size:14px;
	color:#111
}
.nianhuo_prolist .r_con .li .cd {
	width:60px;
	flex-shrink:0;
	margin-right:10px
}
.nianhuo_prolist .r_con .li .cd img {
	width:100%;
	border-radius:4px;
	-webkit-filter:brightness(120%)
}
.nianhuo_prolist .r_con .li .last {
	width:100%;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.nianhuo_prolist .r_con .price {
	font-size:16px;
}
.nianhuo_prolist .r_con .price em {
font-size:.75rem
}
.nianhuo_prolist .r_con .sale {
	position:absolute;
	background:-webkit-linear-gradient(left, rgba(134, 7, 28, 1) 0%, rgba(192, 93, 75, 1) 100%);
	color:#fff;
	right:0;
	bottom:-9px;
font-size:.75rem;
	padding:0 6px;
	border-radius:3px;
	transform:scale(.8);
	transform-origin:100% 50%
}
.nh_ul {
	display:flex;
	flex-wrap:wrap
}
.nh_ul .li {
	width:100%;
	margin:10px;
	border-radius:16px;
	box-sizing:border-box;
	position:relative
}
.nh_ul .li img {
	width:100%;
	height:auto;
	border-radius:18px
}
.nh_ul .li h3 {
	font-size:14px;
	font-weight:700;
	display:flex;
	justify-content:space-between;
	color:#fff
}
.nh_ul .li h3 span {
	font-size:12px
}
.nh_ul .li p {
	opacity:.5;
	line-height:1.4;
transition:all .2s ease;
font-size:.75rem;
	color:#fff
}
.nh_ul .li .after {
	content:"";
	position:absolute;
	right:20px;
	top:20px;
	background:url(/images/nianhuo2021/icon_gdn.png) no-repeat right top/contain;
	z-index:3;
	width:80px;
	height:80px
}
.nh_ul .text {
	color:#000;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	padding:18px;
	z-index:3;
	border-radius:0 0 16px 16px;
	background:rgba(0, 0, 0, .5)
}
.nh_ul .text .por {
	position:relative;
	z-index:4
}
.swiper-paginationNh {
	text-align:center
}
.swiper-paginationNh .swiper-pagination-bullet {
	background:rgba(255, 255, 255, .8)
}
.swiper-paginationNh .swiper-pagination-bullet-active {
	background:#fff
}
.html_scroll_footerNav .footer_Nav {
	opacity:0;
	bottom:-100px
}
.nianhuo_bz {
	position:relative
}
.nianhuo_bz .nianhuo_tit {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:2
}
.nianhuo_bz .text2 {
	position:absolute;
	left:0;
	right:0;
	text-align:center;
	bottom:5%;
	color:#fbf1d9;
font-size:.85rem
}
.img_lead {
	padding:10px
}
.img_lead img {
	border-radius:10px;
	width:100%
}
.nianhuo_tih {
	position:relative
}
.nianhuo_tih .nianhuo_tit {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:2
}
.nianhuo_tih img {
	border-radius:10px;
	width:100%
}
.nianhuo_tih ul {
	position:absolute;
	left:10%;
	top:23%;
	right:20%
}
.nianhuo_tih li {
	display:flex;
	color:#fdedc2;
	padding-bottom:28px
}
.nianhuo_tih li .text {
	font-size:1.2rem;
	font-weight:700;
	line-height:1.2
}
.nianhuo_tih li p {
	padding-top:5px;
	opacity:.8;
	color:#919191;
font-size:.85rem
}
.nianhuo_tih li .icon {
	background:url(../images/nianhuo2021/tihuo-img1.png) no-repeat;
	background-size:30px;
	width:30px;
	height:30px;
	margin-right:15px;
	flex-shrink:0
}
.nianhuo_tih li:nth-child(1) .icon {
background-position:0 0
}
.nianhuo_tih li:nth-child(2) .icon {
background-position:0 center
}
.nianhuo_tih li:nth-child(3) .icon {
background-position:0 bottom
}
.nianhuo_md {
	padding:10px
}
.nianhuo_md .con {
	background:#000 url(../images/nianhuo2021/nh-mmd.jpg) no-repeat 0 0/100%;
	border-radius:10px;
	text-align:center
}
.nianhuo_md h3 {
	padding-top:65%;
	background:linear-gradient(to right, #ede2c8, #c4af83);
	-webkit-background-clip:text;
	color:transparent;
	font-weight:700;
	font-size:2.2rem
}
.nianhuo_md p {
	color:#959595;
font-size:.75rem;
	padding:20px
}
.nianhuo_md .btn {
	padding:10% 0 20%
}
.nianhuo_md .btn a {
	color:#c4af83;
	border:1px solid #766e5a;
	border-radius:40px;
	padding:5px 20px;
	display:inline-block
}
.nianhuo_md .btn svg {
	vertical-align:middle
}
.nianhuo_db {
	padding:10px
}
.nianhuo_db img {
	border-radius:10px;
	width:100%
}
@-webkit-keyframes oleft {
0% {
width:0;
height:2px
}
100% {
width:100%;
height:100%
}
}