.listLuboWrap{
				width:100%;
				position: relative;
			}
			.listLubo{
				width:100%;
				height:100%;
				list-style: none;
				position: relative;
				padding-left: 0px;
				margin: 0 auto;
			}
			.itemLubo{
				position: absolute;
				width:100%;
				height:100%;
				opacity: 0;
				transition: all 2s;
				display: block;
				height: fit-content;
			}
			.itemLubo:nth-child(1){
				background:url("{var.lubo1}");
				background-color:darkgray;
			}
			.itemLubo:nth-child(2){
				background:url("{var.lubo2}");
				background-color: darkgoldenrod;
			}
			.itemLubo:nth-child(3){
				background:url("{var.lubo3}");
				background-color:fuchsia;
			}
			.itemLubo.active{
				opacity: 1;
				z-index:10;
			}
			
			.btn {
				padding:0px;
				width:50px;
				height:100px;
				line-height: 100px;
				text-align: center;
				position: absolute;
				top:100px;
				z-index:100;
				background-color: transparent;
				border: 1px solid rgba(255,255,255,0.1);
				color: rgba(255,255,255,0.1);
				font-size: 30px;
			}

			.btn:hover {
				box-shadow: 2px 2px 1px rgb(50 50 50 / 75%);
			}
		
			#goPre{
				left:0px;
			}
			#goNext{
				right:0px;
			}

			.pointList{
				margin: 0 auto;
				padding-left: 0px;
				list-style:none;
				position: absolute;
				left: 50%;
				bottom: 20px;
				z-index: 1000;
				transform: translate(-50%, -50%);
			}
			.point{
				width:  34px;
				height: 34px;
				background-color:rgba(0,0,0,0.4);
				border-radius: 100%;
				float: left;
				/* padding-top:2px; */
				margin-right:16px;
				text-align: center;
				color: #fff;
				
				border-style: solid;
				border-width: 2px;
				border-color:rgba(255,255,255,0.6);
				cursor:pointer;
			}
			.point.active{
				background-color:rgba(255,255,255,0.6);
			}
		
			.index-banner-title {
				font-size: 48px;
				color: #fff;
				font-weight: bold;
				line-height: 1.5em;
			}
			
			.index-banner-title-block {
				padding-bottom: 35px;
				position: relative;
			}
			
			.index-banner-title-block:after {
				content: "";
				position: absolute;
				width: 80px;
				height: 4px;
				background-color: #fff;
				left: 0;
				bottom: 0;
			}
			
			.index-banner-title-block .index-banner-title {
				font-weight: normal;
				margin: 0px auto;
			}
			
			.index-banner-title-block .index-banner-subtitle {
				color: #fff;
				font-size: 24px;
				margin-top: 15px;
			}
			
			.index-banner-title-block .index-banner-title .tag {
				box-sizing: border-box;
				display: inline-block;
				width: 209px;
				height: 44px;
				font-size: 30px;
				line-height: normal;
				background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjA5cHgiIGhlaWdodD0iNDRweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjUyLCAxMjUsIDYzKSIgZD0iTTIwMy4wMDAsNDQuMDAwIEwxNS4wMDAsNDQuMDAwIEwtMC4wMDAsNDQuMDAwIEw5LjAwMCwzMy44MDAgTDkuMDAwLDYuMDAwIEM5LjAwMCwyLjY4NiAxMS42ODYsLTAuMDAwIDE1LjAwMCwtMC4wMDAgTDIwMy4wMDAsLTAuMDAwIEMyMDYuMzE0LC0wLjAwMCAyMDkuMDAwLDIuNjg2IDIwOS4wMDAsNi4wMDAgTDIwOS4wMDAsMzguMDAwIEMyMDkuMDAwLDQxLjMxNCAyMDYuMzE0LDQ0LjAwMCAyMDMuMDAwLDQ0LjAwMCBaIi8+PC9zdmc+) no-repeat center;
				padding: 0 0 0 9px;
				text-align: center;
			}
			
			.index-banner-p-block .index-banner-p {
				color: #fff;
				font-size: 18px;
				background: none;
				border-radius: 0;
				line-height: normal;
				padding: 0;
				margin-top: 50px;
			}
			
			.index-banner-btn {
				margin-top: 80px;
				width: 210px;
				height: 48px;
				line-height: 48px;
			}
			
			.index-banner-a {
				font-size: 20px;
				display: block;
				box-sizing: border-box;
				width: 100%;
				height: 100%;
				text-align: center;
				background-color: #fff;
				text-decoration: none;
				color: inherit;
			}
			#mainnav > ul > li > a {
				font-weight: normal;
				color: #fff;
				display: block;
				line-height: 78px;
				padding: 0 18px;
				box-sizing: border-box;
				border-bottom: 0px solid transparent;
				font-size: 16px;
			    border-color: #fff;
			}
			#mainnav > ul > li.navLi:hover{
				border-bottom: 2px solid transparent;
			    border-color: #fff
			}
			#mainnav > ul > li>a:hover{
				color: #fff;
			}
			.header .qq a {
				background: url("{var.qq}") no-repeat left center;
				display: block;
				height: 26px;
				line-height: 26px;
				padding-left: 30px;
				color: #fff;
				font-size: 16px;
			}
			.header .tel {
				color: #fff;
				padding-left: 32px;
				background: url("{var.tel}") no-repeat left center;
				height: 32px;
			}
			
			@media (min-width: 768px) {
				.overlay_center{
					width:100%;
					height: 100%;
					position:absolute;
					top:50%;
					left:50%;
					transform:translate(-50%,-50%);
					background-color: rgba( 0, 0, 0, 0.6 );
				}
			}
			
			@media (min-width: 1200px) {
				.overlay_center{
					width:80%;
					height: 100%;
					position:absolute;
					top:50%;
					left:50%;
					transform:translate(-50%,-50%);
					background-color: rgba( 0, 0, 0, 0.6 );
				}
			}