@font-face {
    font-family: "TTCommons-Bold";
    font-style: normal;
    font-weight: normal;
    src: url("../font/TTCommonsBold.ttf") format("truetype"),url("../font/TTCommonsBold.woff") format("woff"), url("https://www.yence.cc/public/static/index/css/.../fonts/index/TTCommonsBold.svg") format("svg");
	font-display: swap;
}
@font-face {
    font-family: "SourceHanSansCN-Medium";
    font-style: normal;
    font-weight: normal;
    src: url("../font/SourceHanSansCN-Medium-0.1.ttf") format("truetype"),url("../font/SourceHanSansCN-Medium4.woff") format("woff"), url("../font/SourceHanSansCN-Medium4.svg") format("svg");
	font-display: swap;
}
@font-face {
    font-family: "SourceHanSansCN-Normal";
    font-style: normal;
    font-weight: normal;
    src: url("../font/SourceHanSansCN-Normal-0.1.ttf") format("truetype"),url("../font/SourceHanSansCN-Normal6.woff") format("woff"), url("../font/SourceHanSansCN-Normal6.svg") format("svg");
	font-display: swap;
}
.pbsl_bg{
	display: block;
	width: 1920px;
	position: absolute;
	left: -260px;
	height: 1188px;
	top: 0px;
	z-index: -1;
	/* font-family: TTCommons-Bold; */
}
.ppsl{
	display: block;
	height: 1188px;
}
.ppsl .ppsl_brand{
	font-family: TTCommons-Bold;
	font-size: 72px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 72px;
	letter-spacing: 1px;
	color: #000000;
	opacity: 0.05;
	display: block;
	height: 72px;
	height: 47px;
	padding-top: 99px;
}
.ppsl .ppsl_ppsl{
	    font-family: SourceHanSansCN-Medium;
	    font-size: 45px;
	    font-weight: normal;
	    font-stretch: normal;
	    line-height: 45px;
	    letter-spacing: -1px;
	    color: #9f7945;
	    margin-top: 20px;
	    display: block;
	    float: left;
}
.ppsl_mySwiper .swiper-slide img,.ppsl2_mySwiper .swiper-slide img{display: block;float: left;}
.ppsl_ul{
	list-style: none;
	float: right;
	margin-top: 19px;
}
.ppsl_ul li{
	width: 132px;
	height: 45px;
	background-color: #f6f6f6;
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 45px;
	letter-spacing: 0px;
	color: #545454;
	text-align: center;
	margin-left: 12px;
	float: left;
	font-family: SourceHanSansCN-Normal;
	cursor: pointer;transition: all 0.36s ease;
}
.ppsl .act{
	background-color: #9f7945;
	color: #ffffff;
}
.ppsl_ul li:hover{
	background-color: #9f7945;
	color: #ffffff;
}
.ppsl_mySwiper {
	width: 1296px;
	margin: auto;
	margin-top: 154px;
	height: 712px;
}
.ppsl2_mySwiper{
	width: 1185px;
	margin: auto;
	margin-top: 154px;
	height: 701px;
}
.bbsl_box1 .swiper-pagination-clickable .swiper-pagination-bullet,.bbsl_box2 .swiper-pagination-clickable .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background-color: #c5c5c5;
	opacity: 1;
	outline: medium;
}.bbsl_box1 .swiper-pagination-bullet-active,.bbsl_box2 .swiper-pagination-bullet-active{
	background-color: #9f7944!important;
	opacity: 1!important;
}
.bbsl_box1   .swiper-pagination{
	bottom: -37px;
}
.bbsl_box2 .swiper-pagination{
	bottom: -52px;
}
.bbsl_box1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,.bbsl_box2 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
	    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,7px);
}
.bbsl_box {
	display: none;
}
.bbsl_box3 img{
	display: block;
}
.bbsl_box3 img:nth-of-type(1){
	position: absolute;
	    left: 159px;
	    top: 320px;
}.bbsl_box3 img:nth-of-type(2){
	    position: absolute;
	    left: 159px;
	    top: 641px;
}.bbsl_box3 img:nth-of-type(3){
	position: absolute;
	left: 630px;
	top: 334px;
}.bbsl_box3 img:nth-of-type(4){
	position: absolute;
	left: 986px;
	top: 334px;
}.bbsl_box3 img:nth-of-type(5){
	position: absolute;
	left: 632px;
	top: 545px;
}.bbsl_box3 img:nth-of-type(6){
	position: absolute;
	left: 986px;
	top: 544px;
}.bbsl_box3 img:nth-of-type(7){
	position: absolute;
	left: 630px;
	top: 756px;
}.bbsl_box3 img:nth-of-type(8){
	position: absolute;
	left: 986px;
	top: 764px;
}
.bbsl_box3 ul{
	
}.bbsl_box3 ul li{
	float: left;
}
		.xq{
			transition: all 1.5s ease;transform: translateY(0) translateX(0);
		}
		.xq2{
			    font-size: 15px;
			    font-weight: normal;
			    font-stretch: normal;
			    line-height: 24px;
			    letter-spacing: 0;
			    color: #9f7945;
			    position: absolute;
			    top: 83px;
			    right: 110px;
			     font-family: "SourceHanSansCN-Normal";
				opacity: 0;transition: all 1.8s ease;
		}
		.ri .line:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    height: 1px;
    background: #9f7945;
    width: 20%;
    transition: 1.2s ease;
    opacity: 0;
}
.ppsl .ry1 {
    position: absolute;
    left: 107px;
    top: 43px;
}
.ppsl .ry2 {
    position: absolute;
    left: 105px;
    top: 368px;
}
.ppsl .ry3 {
    position: absolute;
    left: 582px;
    top: 58px;
}
.ppsl .ry4 {
    position: absolute;
    left: 936px;
    top: 56px;
}
.ppsl .ry5 {
    position: absolute;
    left: 582px;
    top: 269px;
}
.ppsl .ry6 {
    position: absolute;
    left: 936px;
    top: 269px;
}
.ppsl .ry7 {
    position: absolute;
    left: 582px;
    top: 485px;
}
.ppsl .ry8 {
    position: absolute;
    left: 935px;
    top: 495px;
}
.ppsl .swiper-button-prev{
	width: 37px;
	height: 36px;
	border-radius: 50%;
	background: url(../image/ppsl_left.png) no-repeat;
	background-repeat: no-repeat;
	opacity: 1;
	outline: medium;
	left: -23px;
	top: 644px;transition: all ease .5s;
	background-size: 37px 36px;
}
.ppsl .swiper-button-next{
	width: 37px;
	height: 36px;
	border-radius: 50%;
	background: url(../image/ppsl_left.png) no-repeat;
	background-repeat: no-repeat;
	opacity: 1;
	outline: medium;
	left: 1372px;
	top: 644px;transition: all ease .5s;
	background-size: 37px 36px;
	transform: rotate(180deg); 
	-moz-transform: rotate(180deg); 
	-webkit-transform: rotate(180deg); 
	-o-transform: rotate(180deg);
}.ppsl .swiper-button-next:after{
	display: none;
}.ppsl .swiper-button-prev:hover,.ppsl .swiper-button-next:hover{
  opacity: 0.8;	
}