
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
img{
	display: inline-block;
	line-height: 0;
}
a{
	text-decoration: none;
}
ul li{
	list-style: none;
}
#nzuoye .w-1200px{
	width: 1200px;
}
#nzuoye .mx-auto{
	margin-left: auto;
	margin-right: auto;
}
#nzuoye .font-bold{
	font-weight: bold;
}
#nzuoye .bg-white{	
	background-color: #fff;
}
#nzuoye .text-white{
	color: #fff;
}
#nzuoye .text-ora-ffa{
	color: #ffaf02;
}
#nzuoye .text-gray-333{
	color: #333;
}
#nzuoye .text-gray-666{
	color: #666;
}
#nzuoye .text-gray-999{
	color: #999;
}
#nzuoye .text-30{
	font-size: 30px;
}
#nzuoye .text-26{
	font-size: 26px;
}
#nzuoye .text-24{
	font-size: 24px;
}
#nzuoye .text-20{
	font-size: 20px;
}
#nzuoye .text-18{
	font-size: 18px;
}
#nzuoye .text-16{
	font-size: 16px;
}
#nzuoye .text-14{
	font-size: 14px;
}
#nzuoye .text-26{
	font-size: 26px;
}
#nzuoye .line-1{
	line-height: 1;
}
#nzuoye .line-18{
	line-height: 18px;
}
#nzuoye .flexs,#nzuoye .flex{
	display: flex;
}
#nzuoye .text-center{
	text-align: center;
}
#nzuoye .text-right{
	text-align: right;
}
#nzuoye .text-left{
	text-align: left;
}
#nzuoye .flex-wrap{
	flex-wrap: wrap;
}
#nzuoye .items-center{
	align-items: center;
}
#nzuoye .items-end{
	align-items: flex-end;
}
#nzuoye .justify-between{
	justify-content: space-between;
}
#nzuoye .justify-around{
	justify-content: space-around;
}
#nzuoye .relative{
	position: relative;
}
#nzuoye .absolute{
	position: absolute;
}
#nzuoye .mb-8px{
	margin-bottom: 8px;
}
#nzuoye .mb-12px{
	margin-bottom: 12px;
}
#nzuoye .mb-32px{
	margin-bottom: 32px;
}
#nzuoye .mb-16px{
	margin-bottom: 16px;
}
#nzuoye .mt-20px{
	margin-top: 10px;
}
#nzuoye .pl-32px{
	padding-left: 32px;
}
#nzuoye .w-full{
	width: 100%;
}
#nzuoye .w-auto{
	width: auto;
}
#nzuoye .hiddens{
	display: none;
}
#nzuoye .pc-hidden{
	display: none;
}
#nzuoye .title{
	padding-top: 90px;
	padding-bottom: 84px;
}
#nzuoye .title p:first-child{
	font-size: 56px;
	font-weight: bold;
    background-image: linear-gradient(180deg,#fff5e8,#fff);
    background-clip:text;
    -webkit-background-clip:text;
    color: transparent;
    letter-spacing: 7px;
}
#nzuoye .title p:nth-child(2){
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: -28px;
}
#nzuoye .title::before{
	content: "";
	position: absolute;
	width: 159px;
	height: 6px;
	background-image: linear-gradient(-90deg, #ffaf02 0%, #fff1de 100%);
	border-radius: 3px;
	margin: auto;
    bottom: 66px;  /*垂直居中*/
    left: 0;   /*水平居中*/
    right: 0;  /*水平居中*/
}
#nzuoye .zx-wrap{
	padding-top: 58px;
	padding-bottom: 67px;
}
#nzuoye .zx-wrap .btns{
	width: 218px;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #8e3229;
	border-radius: 6px;
	padding: 11px 0;
}
#nzuoye .btn-sale{
	animation: banner-button-animate 1.2s linear 1s infinite;
}
@-webkit-keyframes banner-button-animate {
    0% {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    to {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
}

@keyframes banner-button-animate {
    0% {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    50% {
        transform: scale(1.125);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    to {
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
}
#nzuoye .five-wrap{
	background-image: url(../image/four-bg1.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; 
}
#nzuoye .five-wrap li:nth-child(odd) .cons-wrap{
	height: 100%;
	background-image: url(../image/bg-ff.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 20px 24px 36px;
}
#nzuoye .five-wrap li:nth-child(even) .cons-wrap{
	height: 100%;
	background-image: url(../image/bg-ff-2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 40px 24px 36px;
}
#nzuoye .five-wrap .five-list{
	position: relative;
	padding-bottom: 34px;
	width: 100%;
}
#nzuoye .five-wrap .five-list::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #ffaf02;
	bottom: 0;
	left: 0;
}
#nzuoye .five-wrap .five-list li{
	width: 18%;
	height: 160px;
}
#nzuoye .five-wrap .five-list li:nth-child(odd):hover .yuan,#nzuoye .five-wrap .five-list li:nth-child(even):hover .yuan{
	border:2px solid #fff;
}
#nzuoye .five-wrap .five-list .one{
	position: absolute;
	bottom: 34px;
	left: 0;
}
#nzuoye .five-wrap .five-list .two{
	position: absolute;
	bottom: -200px;
    left: 158px;
}
#nzuoye .five-wrap .five-list .three{
	position: absolute;
	bottom: 34px;
	left: 28%;
}
#nzuoye .five-wrap .five-list .four{
	position: absolute;
	bottom: -200px;
    left: 41%;
}
#nzuoye .five-wrap .five-list .five{
	position: absolute;
	bottom: 34px;
	left: 55%;
}
#nzuoye .five-wrap .five-list .six{
	position: absolute;
	bottom: -200px;
    right:13%;
}
#nzuoye .five-wrap .five-list .sev{
	position: absolute;
	bottom: 34px;
	right: 0;
}
#nzuoye .five-wrap .five-list li:nth-child(odd) .yuan{
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	border: 2px solid #8e3229;
	background-color: #8e3229;
	bottom: -43px;
    right: 100px;
	z-index: 2;
}
#nzuoye .five-wrap .five-list li:nth-child(even) .yuan{
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	border: 2px solid #8e3229;
	background-color: #8e3229;
	bottom: 189px;
    right: 100px;
	z-index: 2;
}
#nzuoye .five-wrap .five-list li:hover .bottom-wrap{
	display: block;
}
#nzuoye .five-wrap .five-list li:hover .cons-wrap{
	display: none;
}
#nzuoye .five-wrap li:nth-child(odd) .bottom-wrap{
	display: none;
	background-image: url(../image/bg-ora.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 36px 19px;
	width: 100%;
	height: 100%;
	transition: top .5s ease-in-out;
}
#nzuoye .five-wrap li:nth-child(even) .bottom-wrap{
	display: none;
	background-image: url(../image/bg-ora-2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 52px 19px;
	width: 100%;
	height: 100%;
	transition: top .5s ease-in-out;
}
#nzuoye .five-wrap .bottom-wrap .text-40{
	font-size: 40px;
	letter-spacing: 5px;
}
#nzuoye .five-wrap .cons-wrap p:last-child{
	line-height: 25px;
}
#nzuoye .five-wrap .title p:nth-child(2){
	color: #fff;
}
/*#nzuoye .six-wrap .lun-wrap{
	width: 23%;
}*/
#nzuoye .six-wrap .lun-cons-list{
	line-height: 25px;
}
#nzuoye .six-wrap .lunbo-btns{
	display: inline-block;
	border:1px solid #ffaf02;
	border-radius: 19px;
	padding: 7px 54px;
	margin-bottom: 20px;
}
#nzuoye .six-wrap .lun-wrap{
	overflow: hidden;
	box-shadow: 0px 0px 9px 2px rgba(255, 175, 2, 0.09);
}
#nzuoye .six-wrap .lun-wrap:hover .bottom-wrap{
	top: 0 !important;
	margin-top: 0 !important;
}
#nzuoye .six-wrap .bottom-wrap{
	position: absolute;
	top: 100%;
	margin-top: 50px;
	padding: 30px 20px;
	background-color: #ffffff;
	height: 100%;
	border-radius: 10px;
	transition: top .5s ease-in-out;
}
#xk-lunbo .swiper-pagination-bullet{
	width: 18px;
	height: 17px;
	background-color: #d2d2d2;
	border-radius: 9px;
	opacity: 1;
}
#xk-lunbo .swiper-pagination-bullet-active{
	width: 22px;
	height: 21px;
	background-color: #ffffff;
	border-radius: 11px;
	border: solid 2px #ffaf02;
}
#nzuoye .six-wrap .lun-wrap .w-full{
	height: 345px;
	width: 100%;
}
#nzuoye .sev-wrap{
	background-image: url(../image/six-bg1.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; 
}
#nzuoye .sev-wrap .cons-sev-list{
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
	border-radius: 14px;
	padding: 47px 126px 50px 66px;
}
#nzuoye .sev-wrap .cons-sev-list .cons-list li{
	margin-right: 76px;
	position: relative;
	padding-left: 40px;
}
#nzuoye .sev-wrap .cons-sev-list .cons-list li:nth-child(1)::before{
	content: "";
	position: absolute;
	background-image: url(../image/six-icon1.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	left: 0;
	top: -2px;
}
#nzuoye .five-wrap .title p:first-child, #nzuoye .sev-wrap .title p:first-child {
    background-image: linear-gradient(0deg,#4b4a49,#fff);
}
#nzuoye .sev-wrap .cons-sev-list .cons-list li:nth-child(2)::before{
	content: "";
	position: absolute;
	background-image: url(../image/six-icon2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 25px;
	height: 23px;
	left: 0;
	top: -2px;
}
#nzuoye .sev-wrap .cons-sev-list .cons-list li:nth-child(3)::before{
	content: "";
	position: absolute;
	background-image: url(../image/six-icon3.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 20px;
	height: 22px;
	left: 0;
	top: -2px;
}
#nzuoye .sev-wrap .cons-sev-list .bottom-con{
	padding-left: 40px;
	margin-top: 27px;
}
#nzuoye .sev-wrap .cons-sev-list .bottom-con .lines{
	line-height: 36px;
}
#nzuoye .sev-wrap .toux-list{
	margin-top: 58px;
}
#nzuoye .sev-wrap .toux-list li{
	position: relative
}
#nzuoye .sev-wrap .toux-list li.sanj::before{
	content: "";
	position: absolute;
	border-width:36px;
    border-style:solid;
    border-color:#fff transparent transparent transparent;
    top: -58px;
    left: 38px;
}
#nzuoye .eight-wrap .con-box-wrap{
	width: 23%;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0px 0px 22px 7px rgba(0, 0, 0, 0.03);
}
#nzuoye .eight-wrap .con-box-wrap:nth-child(1)>p{	
	background-color: #fc6b02;
	height:18px;
}
#nzuoye .eight-wrap .con-box-wrap:nth-child(2)>p{	
	background-color: #5f7efc;
	height:18px;
}
#nzuoye .eight-wrap .con-box-wrap:nth-child(3)>p{	
	background-color: #fabd18;
	height:18px;
}
#nzuoye .eight-wrap .con-box-wrap:nth-child(4)>p{	
	background-color: #16a96d;
	height:18px;
}
#nzuoye .eight-wrap .con-box-wrap .cons{
	padding: 30px 28px 40px 28px;
}
#nzuoye .eight-wrap .con-box-wrap .cons p:nth-child(2){
	font-size: 20px;
	font-weight: bold;
	margin-top: 24px;
	margin-bottom: 16px;
}
#nzuoye .eight-wrap .con-box-wrap .cons p:nth-child(3),#nzuoye .eight-wrap .con-box-wrap .cons p:nth-child(4){
	/*letter-spacing: 2px;*/
	color: #333333;
	font-size: 16px;
}
/*#nzuoye .eight-wrap{
	padding-bottom: 270px;
}*/
/*移动端样式*/
@media screen and (max-width: 750px){
	#nzuoye .w-1200px{
		width: 90%;
	}
	#nzuoye .pl-2b{
		padding-left: 20%;
	}
	#nzuoye .m-hidden{
		display: none;
	}
	#nzuoye .flex{
		display: block;
	}
	#nzuoye .pc-hidden{
		display: block;
	}
	#nzuoye .title{
		padding-top: 30px;
		padding-bottom: 38px;
	}
	#nzuoye .title p:first-child{
		font-size: 26px;
		font-weight: bold;
	    background-image: linear-gradient(180deg,#fff5e8,#fff);
	    background-clip:text;
	    -webkit-background-clip:text;
	    color: transparent;
	    letter-spacing: 3px;
	}
	#nzuoye .title p:nth-child(2){
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 2px;
		margin-top: -17px;
	}
	#nzuoye .title::before{
		content: "";
		position: absolute;
		width: 84px;
		height: 4px;
		background-image: linear-gradient(-90deg, #ffaf02 0%, #fff1de 100%);
		border-radius: 3px;
		margin: auto;
	    bottom: 25px;  
	    left: 0;   
	    right: 0;  
	}
	#nzuoye .zx-wrap{
		padding-top: 35px;
		padding-bottom: 0px;
	}
	#nzuoye .zx-wrap .btns{
		width: 125px;
		display: inline-block;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		color: #fff;
		background-color: #ffaf02;
		border-radius: 6px;
		padding: 6px 0;
	}
	#nzuoye .three-wrap .zx-wrap,#nzuoye .four-wrap .zx-wrap,#nzuoye .five-wrap .zx-wrap{
    	padding-bottom: 0px;
	}
	#nzuoye .four-wrap .zx-wrap,#nzuoye .five-wrap .zx-wrap,#nzuoye .six-wrap .zx-wrap,#nzuoye .sev-wrap .zx-wrap{
		padding-top: 10px;
    	/*padding-bottom: 0px;*/
	}
	#nzuoye .three-wrap,#nzuoye .four-wrap,#nzuoye .five-wrap{
		background-image: none;
		background-color: #fff;
	}
	#nzuoye .five-wrap .m-five-list ul::before{
		content: "";
		position: absolute;
		border-left: 1px dashed #ffaf02;
		left:0;
		top: 0;
		height: 100%;
		width: 1px;
	}
	#nzuoye .five-wrap .m-five-list li{
		position: relative;
		padding-left: 30px;
		margin-bottom: 18px;
	}
	#nzuoye .five-wrap .title p:first-child{
	    background-image: linear-gradient(180deg,#fff5e8,#fff);
	}
	#nzuoye .five-wrap .m-five-list li::before{
		content: "";
		position: absolute;
		width: 12px;
		height: 12px;
		background-color: #ffaf02;
		transform: rotate(45deg);
		top: 5px;
		left: -5px;
	}
	#nzuoye .five-wrap .m-five-list li p{
		font-size: 14px;
	}
	#nzuoye .five-wrap .m-five-list li p:first-child{
		margin-bottom: 4px;
	}
	#nzuoye .five-wrap .m-five-list li p:last-child{
		line-height: 18px;
	}
	#nzuoye .five-wrap .title p:nth-child(2){
		color: #000;
	}
	#nzuoye .six-wrap .m-n img{
		/*display: none;*/
		opacity: 0;
	}
	#nzuoye .six-wrap .bottom-wrap{
		top: 0;
		margin-top: 0;
		margin: 0 10px;
		box-shadow: 0px 0px 9px 2px rgb(255 175 2 / 9%);
	}
	#xk-lunbo .swiper-pagination-bullet-active,#xk-lunbo .swiper-pagination-bullet{
		width: 14px;
    	height: 14px;
	}
	#nzuoye .sev-wrap {
		padding-bottom: 30px;
	}
	#nzuoye .sev-wrap .lefts{
		padding-top: 68%;
		width: 40%;
		/*hei/ght: 100%;*/
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	#nzuoye .sev-wrap .lefts ul{
		border-radius: 10px;
		background-color: #ffaf02;
		padding: 30px 10px;
	}
	#nzuoye .sev-wrap .lefts ul li{
		margin-bottom: 6px;
	}
	#nzuoye .sev-wrap .lefts ul .mb-20px{
		margin-bottom: 20px;
	}
	#nzuoye .sev-wrap .rights{
		padding-bottom: 20px;
	}
	#nzuoye .sev-wrap .rights ul .text-12{
		font-size: 12px;
	}
	#nzuoye .sev-wrap .rights ul .line-height1d5{
		line-height: 1.5;
	}
	#nzuoye .sev-wrap .oness{
		background-image: url(../image/m-lun-pic1.png);
	}
	#nzuoye .sev-wrap .twoss{
		background-image: url(../image/m-lun-pic2.png);
	}
	#nzuoye .sev-wrap .threess{
		background-image: url(../image/m-lun-pic3.png);
	}
	#nzuoye .sev-wrap .fourss{
		background-image: url(../image/m-lun-pic4.png);
	}
	#nzuoye .sev-wrap .lun-box{
		border-radius: 10px;
		overflow: hidden;
		background-color: #fff;
	}
	#nzuoye .sev-wrap .rights{
		width: 60%;
		background-color: #fff;
	}
	#se-xk-lunbo{
		margin-bottom: 20px;
	}
	#nzuoye .eight-wrap .con-box-wrap{
		width: 48%;
		margin-bottom: 16px;
	}
	#nzuoye .eight-wrap .con-box-wrap .cons{
		padding: 12px 14px 23px 14px;
	}
	#nzuoye .eight-wrap .con-box-wrap .cons img{
		width: 46%;
	}
	#nzuoye .eight-wrap .con-box-wrap .cons p:nth-child(2){
		font-size: 16px;
		font-weight: bold;
		margin-top: 10px;
    	margin-bottom: 17px;
	}
	#nzuoye .eight-wrap .con-box-wrap .cons p:nth-child(3),#nzuoye .eight-wrap .con-box-wrap .cons p:nth-child(4){
		letter-spacing: 1px;
		color: #333333;
		font-size: 10px;
	}
	#se-xk-lunbo .swiper-pagination-bullet-active{
		background-color: #ffaf02;
	}
	#nzuoye .eight-wrap .zx-wrap,#nzuoye .six-wrap .zx-wrap{
		margin-bottom: 30px;
	}
}