*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
img{
	display: inline-block;
	line-height: 0;
}
a{
	text-decoration: none;
}
ul li{
	list-style: none;
}
#uk .w-1200px{
	width: 1200px;
}
#uk .mx-auto{
	margin-left: auto;
	margin-right: auto;
}
#uk .font-bold{
	font-weight: bold;
}
#uk .bg-white{	
	background-color: #fff;
}
#uk .bg-100{	
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#uk .text-white{
	color: #fff;
}
#uk .text-ora-ffa{
	color: #8e3229;
}
#uk .text-gray-333{
	color: #333;
}
#uk .text-gray-666{
	color: #666;
}
#uk .text-gray-999{
	color: #999;
}
#uk .text-34{
	font-size: 34px;
}
#uk .text-32{
	font-size: 32px;
}
#uk .text-26{
	font-size: 26px;
}
#uk .text-24{
	font-size: 24px;
}
#uk .text-22{
	font-size: 22px;
}
#uk .text-20{
	font-size: 20px;
}
#uk .text-18{
	font-size: 18px;
}
#uk .text-12{
	font-size: 12px;
}
#uk .text-16{
	font-size: 16px;
}
#uk .text-14{
	font-size: 14px;
}
#uk .text-26{
	font-size: 26px;
}
#uk .line-1{
	line-height: 1;
}
#uk .line-18{
	line-height: 18px;
}
#uk .flexs,#uk .flex{
	display: flex;
}
#uk .text-center{
	text-align: center;
}
#uk .text-right{
	text-align: right;
}
#uk .text-left{
	text-align: left;
}
#uk .flex-wrap{
	flex-wrap: wrap;
}
#uk .items-center{
	align-items: center;
}
#uk .items-end{
	align-items: flex-end;
}
#uk .justify-between{
	justify-content: space-between;
}
#uk .justify-around{
	justify-content: space-around;
}
#uk .relative{
	position: relative;
}
#uk .absolute{
	position: absolute;
}
#uk .mb-8px{
	margin-bottom: 8px;
}
#uk .mr-8px{
	margin-right: 8px;
}
#uk .mb-12px{
	margin-bottom: 12px;
}
#uk .mb-32px{
	margin-bottom: 32px;
}
#uk .mb-16px{
	margin-bottom: 16px;
}
#uk .mt-20px{
	margin-top: 10px;
}
#uk .pl-32px{
	padding-left: 32px;
}
#uk .w-full{
	width: 100%;
}
#uk .w-auto{
	width: auto;
}
#uk .hiddens{
	display: none;
}
#uk .pc-hidden{
	display: none;
}
#uk .banner1{
	padding: 117px 0 118px;
	background-image: url(../image/pc-banner-bg.png);
}
#uk .banner2{
	padding: 141px 0 116px;
	background-image: url(../image/pc-banner-bg2.png);
}
#uk .big-text{
	font-size: 64px;
	letter-spacing: 10px;
}
#uk .banner1 ul{
	width: 60%;
	margin-top: 45px;
}
#uk .banner1 ul li{
	width: 323px;
	letter-spacing: 3px;
	margin-bottom: 30px;
	position: relative;
}
#uk .banner1 ul li:nth-child(1)::before{
	background-image: url(../image/banner-icon1.png);
}
#uk .banner1 ul li:nth-child(2)::before{
	background-image: url(../image/banner-icon2.png);
}
#uk .banner1 ul li:nth-child(3)::before{
	background-image: url(../image/banner-icon3.png);
}
#uk .banner1 ul li:nth-child(4)::before{
	background-image: url(../image/banner-icon4.png);
}
#uk .banner1 ul li::before{
	content: "";
	position: absolute;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 55px;
	height: 55px;
	left: 0;
	top: -5px;
}
#uk .banner1 ul li p{
	/*width: 290px;*/
	padding: 12px 0;
	background-image: url(../image/banner-text-bg.png);
}
#uk .banner2 ul li{
	position: relative;
}
#uk .banner2 ul li::before{
	content: "";
	position: absolute;
	background-image: url(../image/banner-icon.png);
	width: 26px;
	height: 26px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	left: 0;
	top: 6px;
}
#uk .banner2 ul{
	width: 64%;
	margin-top: 55px;
}
#uk .banner2 ul li{
	width: 376px;
	padding-left: 40px;
	letter-spacing: 2px;
	margin-bottom: 28px;
}
#uk .title{
	padding-top: 90px;
	padding-bottom: 84px;
}
#uk .title p:first-child{
	font-size: 56px;
	font-weight: bold;
    background-image: linear-gradient(180deg,#fff5e8,#fff);
    background-clip:text;
    color:#000!important;
    -webkit-background-clip:text;
    color: transparent;
    letter-spacing: 7px;
}
#uk .title p:nth-child(2){
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: -28px;
}
#uk .title::before{
	content: "";
	position: absolute;
	width: 159px;
	height: 6px;
	background-image: linear-gradient(-90deg, #8e3229 0%, #fff1de 100%);
	border-radius: 3px;
	margin: auto;
    bottom: 66px;  /*垂直居中*/
    left: 0;   /*水平居中*/
    right: 0;  /*水平居中*/
}
#uk .one-wrap ul{
	width: 95%;
}
#uk .one-wrap ul li{
	border-radius: 8px;
	width: 48%;
	padding-left: 63px;
	border: solid 1px #ffaf02;
	position: relative;
	padding: 6px 8px 6px 63px;
	margin-bottom: 36px;
}
#uk .one-wrap ul li:nth-child(5),#uk .one-wrap ul li:nth-child(6){
	margin-bottom: 0;
}
#uk .one-wrap ul li::before{
	content: "";
	position: absolute;
	background-image: url(../image/one-icons.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	left: 0;
	top: 0;
}
#uk .one-wrap ul li p,#uk .one-wrap ul li a{
	letter-spacing: 3px;
	font-size: 18px;
}
#uk .one-wrap ul li p{
	color: #333333;
}
#uk .one-wrap ul li a{
	color: #fff;
	padding: 10px 12px;
	background-color: #ff5734;
	border-radius: 8px;
}
#uk .zx-wrap{
	padding-top: 58px;
	padding-bottom: 67px;
}
#uk .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;
}
#uk .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
    }
}
#uk .two-wrap{
	background-color: #fbfbfb;
}
#uk .two-wrap .con-wrap{
	background-color: #ffffff;
	border: solid 1px #eeeeee;
	padding: 0 30px;
}
#uk .two-wrap .con-wrap .b-b-2{
	border-bottom: 2px solid #f7f7f7;
}
#uk .two-wrap .con-wrap .c-c-wrap{
	width: 25%;
	padding: 34px 0;
	position: relative;

}
#uk .two-wrap .con-wrap .c-c-wrap::before{
	content: "";
	position: absolute;
	width: 1px;
	height: 67px;
	background-color: #f7f7f7;
	right: 27px;
	top: 63px;
}
#uk .two-wrap .con-wrap .c-c-wrap:nth-child(4)::before,#uk .two-wrap .con-wrap .c-c-wrap:nth-child(8)::before{
	width: 0;
}
#uk .three-wrap{
	background-image: url(../image/two-bg1.png);
}
#uk .three-wrap .title p:first-child, #uk .sev-wrap .title p:first-child {
    background-image: linear-gradient(0deg,#4b4a49,#fff);
}
#uk .three-wrap .con-wrap{
	border-radius: 6px;
	padding: 0 25px;
	margin-top: 45px;
}
#uk .three-wrap .con-wrap .left-c{
	width: 70%;
	padding: 25px 32px 13px 0;
	border-right: 1px dashed #ffaf02;
}
#uk .three-wrap .con-wrap .red-s{
	display: inline-block;
	font-size: 16px;
	color: #fff;
	background-color: #ff5733;
	border-radius: 7px;
	padding: 7px 14px;
	position: relative;
	margin-bottom: 24px;
}
#uk .three-wrap .con-wrap .red-s::before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: -8px;
	left: 35px;
	border-right: solid 8px transparent;
	border-left: solid 8px transparent;
	border-top: solid 8px #ff5733;
}
#uk .three-wrap .con-wrap .left-c ul li{
	font-size: 16px;
	color: #333;
	width: 23%;
	margin-bottom: 15px;
}
#uk .three-wrap .con-wrap .right-c,#uk .three-wrap .con-wrap .rights-c{
	padding: 25px 0 13px 50px;
	width: 30%;
}
#uk .three-wrap .con-wrap .right-c ul li,#uk .three-wrap .con-wrap .rights-c ul li{
	font-size: 16px;
	color: #333;
	margin-bottom: 12px;
}
#uk .three-wrap .con-wrap .right-c ul li:nth-child(odd){
	width: 30%;
}
#uk .three-wrap .con-wrap .right-c ul li:nth-child(even){
	width: 67%;
}
#uk .three-wrap .b-ms .f-active{
	color: #ffaf02;
}
#uk .three-wrap .b-ms .f-active .w-img{
	display: none;
}
#uk .three-wrap .b-ms .f-active .y-img{
	display: inline-block;
}
#uk .three-wrap .b-ms .y-img{
	display: none;
}
#uk .three-wrap .b-ms img{
	margin-right: 23px;
}
#uk .three-wrap .b-ms{
	width: 38%;
}
#uk .three-wrap .b-ms li:first-child::before{
	content: "/";
	position: absolute;
	color: #fff;
	font-size: 24px;
	right: -85px;
	top: 6px;
}
#uk .three-wrap .con-wrap .rights-c ul li:nth-child(odd){
	width: 39%;
}
#uk .three-wrap .con-wrap .rights-c ul li:nth-child(even){
	width: 55%;
}
#uk .four-wrap .cons-wrap{
	width: 24%;
	background-color: #ffffff;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.07);
	border-radius: 20px;
	padding: 23px 25px;
	position: relative;
}
#uk .four-wrap .cons-wrap::before{
	content: "";
	position: absolute;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 55px;
	height: 67px;
	top: 23px;
	right: 25px;
}
#uk .four-wrap .cons-wrap:nth-child(1)::before{
	background-image: url(../image/three-pic1.png);
}
#uk .four-wrap .cons-wrap:nth-child(2)::before{
	background-image: url(../image/three-pic2.png);
}
#uk .four-wrap .cons-wrap:nth-child(3)::before{
	background-image: url(../image/three-pic3.png);
}
#uk .four-wrap .cons-wrap:nth-child(4)::before{
	background-image: url(../image/three-pic4.png);
}
#uk .four-wrap .cons-wrap p:nth-child(1){
	margin-top: 22px;
	margin-bottom: 40px;
	letter-spacing: 1px;
}
#uk .four-wrap .cons-wrap p:nth-child(2){
	line-height: 28px;
	letter-spacing: 1px;
}
#uk .nine-wrap .tw-tie{
	margin-top:  -36px;
	margin-bottom: 52px;
}
#uk .nine-wrap .zx-wrap{
	padding-bottom: 0;
}
#uk .ten-wrap{
	padding-bottom: 30px;
}
#uk .ten-wrap .con-wrap{
	width: 49%;
	background-color: #ffffff;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.07);
	border-radius: 11px;
}
#uk .ten-wrap .con-wrap .tt{
	padding: 32px 31px 24px;
	border-bottom: 2px solid #f7f7f7;
}
#uk .ten-wrap .con-wrap ul{
	padding: 25px 34px;
}
#uk .ten-wrap .con-wrap ul li{
	padding-left: 33px;
	margin-bottom: 25px;
	position: relative;
}
#uk .ten-wrap .con-wrap ul li:last-child{
	margin-bottom: 0;
}
#uk .ten-wrap .con-wrap:first-child ul li::before{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #8e3229;
	border-radius: 5px;
	left: 0;
	top: 6px;
}
#uk .ten-wrap .con-wrap:last-child ul li::before{
	content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #8e3229;
    border-radius: 5px;
    left: 0;
    top: 6px;
}
#uk .ten-wrap .con-wrap ul li a{
	color: #333;
	width: 85%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#uk .ten-wrap .con-wrap ul li a:hover{
	color:#8e3229; 
}
#uk .two-wrap .con-wrap .c-c-wrap p:first-child{
	height: 63px;
}
/*移动端样式*/
@media screen and (max-width: 750px){
	#uk .w-1200px{
		width: 90%;
	}
	#uk .pl-2b{
		padding-left: 20%;
	}
	#uk .m-hidden{
		display: none;
	}
	#uk .flex{
		display: block;
	}
	#uk .pc-hidden{
		display: block;
	}
	#uk .title{
		padding-top: 30px;
		padding-bottom: 38px;
	}
	#uk .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;
	}
	#uk .title p:nth-child(2){
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 2px;
		margin-top: -17px;
	}
	#uk .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;  
	}
	#uk .zx-wrap{
		padding-top: 35px;
		padding-bottom: 0px;
	}
	#uk .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;
	}
	#uk .four-wrap .cons-wrap{
		width: 48%;
		padding: 13px 16px;
		box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.07);
		border-radius: 6px;
	}
	#uk .four-wrap .cons-wrap .text-22{
		font-size: 14px;
	}
	#uk .four-wrap .cons-wrap .text-16{
		font-size: 10px;
	}
	#uk .four-wrap .cons-wrap::before{
		width: 32px;
		height: 39px;
	}
	#uk .four-wrap .cons-wrap:nth-child(1),#uk .four-wrap .cons-wrap:nth-child(2){
		margin-bottom: 12px;
	}
	#uk .four-wrap .cons-wrap p:nth-child(1){
		margin-bottom: 21px;
	}
	#uk .four-wrap .cons-wrap p:nth-child(2){
		line-height: 20px;
	}
	#uk .three-wrap .con-wrap .left-c,#uk .three-wrap .con-wrap .right-c, #uk .three-wrap .con-wrap .rights-c{
		width: 100%;
		padding: 25px 0;
		border-right: none;
	}
	#uk .three-wrap .con-wrap .text-a{
		text-align: center;
	}
	#uk .three-wrap .con-wrap .rights-c,#uk .three-wrap .con-wrap .right-c{
		padding-top: 0;
	}
	#uk .three-wrap .con-wrap .left-c ul li{
		width: 48%;
		font-size: 14px;
	}
	#uk .three-wrap .con-wrap .right-c ul li:nth-child(odd){
		width: 44%;
	}
	#uk .three-wrap .con-wrap .right-c ul li:nth-child(even){
		width: 55%;
	}
	#uk .three-wrap,#uk .two-wrap,#uk .one-wrap{
		padding-bottom: 30px;
	}
	#uk .three-wrap .b-ms{
		width: 86%;
	}
	#uk .three-wrap .b-ms .text-24{
		font-size: 18px;
	}
	#uk .three-wrap .b-ms img{
		width: 18px;
		height: 20px;
	}
	#uk .three-wrap .b-ms li:first-child::before{
		font-size: 18px;
	    right: -38px;
	    top: 0px;
	}
	#uk .two-wrap .con-wrap{
		padding:0 12px;
	}
	#uk .two-wrap .con-wrap .c-c-wrap{
		width: 48%;
		border-bottom: 1px solid #f7f7f7;
	}
	#uk .two-wrap .con-wrap .c-c-wrap .text-16{
		font-size: 14px;
	}
	#uk .two-wrap .con-wrap .c-c-wrap .text-14{
		font-size: 10px;
	}
	#uk .two-wrap .con-wrap .c-c-wrap p:first-child{
		height: 49px;
	}
	#uk .two-wrap .con-wrap .c-c-wrap .mb-16px{
		margin-bottom: 8px;
	}
	#uk .two-wrap .con-wrap .c-c-wrap .w-34{
		width: 34%;
	}
	#uk .two-wrap .con-wrap .c-c-wrap .w-92{
		width: 92%;
	}
	#uk .two-wrap .con-wrap .c-c-wrap .w-84{
		width: 84%;
	}
	#uk .two-wrap .con-wrap .c-c-wrap:nth-child(even)::before{
		height: 0;
	}
	#uk .two-wrap .con-wrap .c-c-wrap:nth-child(odd)::before{
		right: 14px;
	}
	#uk .one-wrap ul li{
		width: 100%;
		padding: 4px 5px 4px 36px;
		margin-bottom: 16px;
	}
	#uk .one-wrap ul li p{
		font-size: 12px;
		letter-spacing: 1px;
	}
	#uk .one-wrap ul li a{
		font-size: 10px;
		padding: 5px 6px; 
		letter-spacing: 1px;
	}
	#uk .one-wrap ul li::before{
		width: 30px;
		height: 30px;
	}
	#uk .one-wrap ul li:nth-child(5){
		margin-bottom: 12px;
	}
	#uk .ten-wrap .con-wrap{
		width: 100%;
		margin-bottom: 30px;
	}
	#uk .ten-wrap .con-wrap .tt{
		padding: 17px 20px 11px;
	}
	#uk .ten-wrap .con-wrap ul{
		padding: 25px 27px;
	}
	#uk .ten-wrap .con-wrap ul li{
		margin-bottom: 10px;
		padding-left: 23px;
	}
	#uk .ten-wrap .con-wrap ul li a{
		width: 70%;
	}
	#uk .ten-wrap .con-wrap:first-child ul li::before{
		width: 6px;
		height: 6px;
		top: 8px;
	}
}