﻿

/*main*/	
	.mainvisual{
		position:relative; 
		width:100%; height:870px; min-width:1400px;
		overflow:hidden; 
		box-sizing:border-box;
		z-index:10;
	}
	.mainvisual .swiper-wrapper{
		position:absolute; left:0; top:0;
		width:100%; height:100%; 		
		z-index:3;
	}
	.mainvisual .swiper-wrapper .swiper-slide{
		position:relative;
		width:100%; height:100%;
	}
	.mainvisual .swiper-wrapper .mainimg1{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		overflow:hidden;
		z-index:1;
	}	
	.mainvisual .swiper-wrapper .mainimg1 > div{
		position:absolute; left:0; top:0;
		width:100%; height:100%;		
		background-size:cover !important;
		transform:scale(1.1);
		opacity:0;
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) .2s .6s, opacity ease .4s .1s;
	}	
	.mainvisual .swiper-wrapper .swiper-slide-active .mainimg1 > div{
		transform:scale(1);
		opacity:1;
		transition:transform cubic-bezier(0.25, 0.1, 0.25, 1.0) 6s .0s, opacity ease .2s .0s;
	}	
	.mainvisual .swiper-wrapper .visualtxt1{
		position:absolute; left:calc(50% + 10px); top:140px;
		width:100%; max-width:1400px;
		transform:translateX(-50%);
		text-align:left; color:#fff;
		z-index:5
	}
	.mainvisual .swiper-wrapper .visualtxt1 .txt1{
		display:flex; align-items:center; gap:20px;
		font-family:var(--font-family2); font-size:23px;
		transform:translateX(20px);
		opacity:0;
		transition:transform ease .2s .4s, opacity ease .2s .4s;
	}
	.mainvisual .swiper-wrapper .visualtxt1 .txt1::after{
		width:80px; height:1px;
		background:#fff;
		content:"";
	}
	.mainvisual .swiper-wrapper .visualtxt1 .txt2{
		margin-top:50px;
		font-weight:800; font-size:70px; line-height:80px;
		transform:translateX(20px);
		opacity:0;
		transition:transform ease .2s .4s, opacity ease .2s .4s;
	}
	.mainvisual .swiper-wrapper .visualtxt1 .txt3{
		margin-top:50px;
		transform:translateX(20px);
		opacity:0;
		transition:transform ease .2s .4s, opacity ease .2s .4s;
	}
	.mainvisual .swiper-wrapper .visualtxt1 .txt3 > a{
		display:inline-block;
		padding:15px 40px;
		border:1px solid #fff;
		border-radius:50px;
		color:#fff; font-weight:600; font-size:22px;
		transition:background ease .3s .0s;
	}
	.mainvisual .swiper-wrapper .visualtxt1 .txt3 > a:hover{
		background:#fff;
		color:#333;
	}
	
	.mainvisual .swiper-wrapper .swiper-slide-active .visualtxt1 .txt1{
		transform:translateX(0px);
		opacity:1;
		transition:transform ease .9s .3s, opacity ease .5s .3s;
	}
	.mainvisual .swiper-wrapper .swiper-slide-active  .visualtxt1 .txt2{
		transform:translateX(0px);
		opacity:1;
		transition:transform ease .9s .5s, opacity ease .5s .5s;
	}
	.mainvisual .swiper-wrapper .swiper-slide-active  .visualtxt1 .txt3{
		transform:translateX(0px);
		opacity:1;
		transition:transform ease .9s .7s, opacity ease .5s .7s;
	}		
	
	.mainvisual .vctrbox1{
		position:absolute; left:0; top:50%;
		transform:translateY(-50%);
		width:100%; height:1px;
		display:flex; justify-content:space-between;
		box-sizing:border-box;
		padding:0 50px;
		z-index:5;
	}
	.mainvisual .vctrbox1 .prev1,
	.mainvisual .vctrbox1 .next1{
		display:block; 
		font-size:0; line-height:0;
		width:71px; height:71px;
		cursor:pointer;
		z-index:12;
	}
	
	.mainvisual .vctrbox1 .prev1::before,
	.mainvisual .vctrbox1 .next1::before{
		display:block;
		width:100%; height:100%;
		background:url(../../images/main/btn_arr1.png?v1=) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mainvisual .vctrbox1 .next1::before{background-position:right center;}
	
	.mainvisual .vctrbox1 .prev1:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mainvisual .vctrbox1 .next1:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	
	.mainvisual .ctrbox1{
		position:absolute; left:50%; bottom:50px;
		width:100%; max-width:1400px;
		transform:translateX(-50%);
		text-align:right;
		z-index:5;
	}
	.mainvisual .ctrbox1 .slidenum1{
		display:inline-block;
		border-radius:30px;
		background:rgba(0,0,0,.4);
		padding:10px 20px;
		color:#fff; font-weight:500; font-size:16px;
	}
	.mncont1{
		padding:0 min(max(10px, 3vw),30px);
		overflow:hidden;
	}
	.mncont1 > .mcont1{
		max-width:1400px;
		margin:90px auto;		
	}
	.mncont1 > .mcont1 > .tit1{
		width:100%;
		display:flex; justify-content:space-between;
		text-align:left;
	}
	.mncont1 > .mcont1 > .tit1 > *:first-child{
		color:#333; font-weight:600; font-size:22px;
	}
	.mncont1 > .mcont1 > .tit1 > *:first-child > p{
		font-weight:800; font-size:42px; line-height:50px;
	}
	.mncont1 > .mcont1 > .tit1 > *:first-child > p > em{
		color:var(--main-color1);
	}
	.mncont1 > .mcont1 .timeweather1{
		display:flex;
	}
	.mncont1 > .mcont1 .timeweather1 > *{
		display:flex; align-items:center;
	}
	.mncont1 > .mcont1 .timeweather1 .tmbox1{
		font-weight:800; color:#333; font-size:34px;
	}
	.mncont1 > .mcont1 .timeweather1 .tmbox1 > p{
		margin-top:5px;
		font-weight:500; color:#888; font-size:18px;		
	}
	.mncont1 > .mcont1 .timeweather1 > *:first-child::before{
		width:53px; height:57px;
		margin-right:15px;
		background:url(../../images/main/ico_clock1.png?v=1) no-repeat center center; background-size:cover;
		content:"";
	}
	.mncont1 > .mcont1 .timeweather1 > *:first-child::after{
		width:1px; height:70%;
		background:#ddd;
		margin:0 40px;
		content:"";
	}
	.mncont1 > .mcont1 .timeweather1 > *:last-child{
	}
	.mncont1 > .mcont1 .timeweather1 > *:last-child::before{
		width:63px; height:46px;
		margin-right:15px;
		background:url(../../images/main/ico_weather1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	.mncont1 .guidebox1{
		width:100%;
		display:flex; gap:20px;
		margin-top:50px;
	}
	.mncont1 .guidebox1 > li{
		flex:1;		
	}
	.mncont1 .guidebox1 > li > a{
		display:block;
		height:260px;
		background:#f9f7eb;
		display:flex; justify-content:center; align-items:center;		
		border-radius:30px;
		font-weight:700; color:#333; font-size:22px;
	}
	.mncont1 .guidebox1 > li > a > span{
	}
	.mncont1 .guidebox1 > li > a > span::before{
		display:block;
		margin-bottom:16px;
		width:124px; height:112px;
		background:url(../../images/main/ico_guide1.png); background-size:500% 100%;
		content:"";
	}
	.mncont1 .guidebox1 > li:nth-child(2) > a > span::before{
		background-position:25% center;
	}
	.mncont1 .guidebox1 > li:nth-child(3) > a > span::before{
		background-position:50% center;
	}
	.mncont1 .guidebox1 > li:nth-child(4) > a > span::before{
		background-position:75% center;
	}
	.mncont1 .guidebox1 > li:nth-child(5) > a > span::before{
		background-position:100% center;
	}
	
	
	.noticebox1{
		position:relative;
		background:linear-gradient(to right, var(--main-color1), var(--main-color2));
		padding:20px 40px; margin-top:40px;
		border-radius:50px;
		text-align:left;
	}
	.noticebox1 .nlist1{
		display:flex; align-items:center; gap:10px;
		overflow:hidden;
	}
	.noticebox1 .nlist1::before{
		width:28px; height:29px;
		background:url(../../images/main/ico_alert1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	.noticebox1 .nlist1 .swiper-wrapper{
		height:30px !important;
	}
	.noticebox1 .nlist1 .swiper-slide{
		display:flex; align-items:center;		
	}
	.noticebox1 .nlist1 .swiper-slide a{
		color:#fff; font-size:20px;
	}
	.noticebox1 .ctrbox1{
		position:absolute; right:40px; top:50%;
		transform:translateY(-50%);
		text-align:right;
		z-index:5;
	}
	.noticebox1 .ctrbox1 .slidenum1{
		display:inline-block;
		border-radius:30px;
		color:#fff; font-weight:500; font-size:16px;
	}

	.marqueetxt1 {
		display: flex; gap:0; align-items:center;
		width: calc(200%);
		animation: marquee 40s linear infinite;
	}
	.marqueetxt1 > div {
		flex: 1 0 auto;
		opacity:0.2;
		color:var(--main-color1); font-family:var(--font-family2);  font-size:120px; line-height:120px;
	}
	@keyframes marquee {
	0% 	{ 	transform: translateX(0%);		}
	100%{	transform: translateX(-54%);	}
	}
	
	.mncont2{
		padding:80px 0;
	}
	.mncont2 > .mcont1{
	}
	.mncont2 > .mcont1 > .txt1{
		color:#333; font-weight:800; font-size:60px; line-height:80px;
	}
	.mncont2 > .mcont1 > .txt1 > em{
		color:var(--main-color1);
	}
	.mncont2 > .mcont1 > .txt2::before{
		display:block;
		margin:50px auto;
		width:50px; height:3px;
		background:var(--main-color1);
		content:"";
	}
	.mncont2 > .mcont1 > .txt2{
		color:#333; font-size:22px; line-height:38px;
	}
	.mncont2 > .mcont1 > img{
		margin-top:70px;
	}
	
	.mncont3{
		position:relative;		
		padding-top:170px;
		overflow:hidden;
		background:#f9f7eb;
	}
	.mncont3::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		content:"";
		background:
			url(../../images/main/bg_leaf1.png) no-repeat left top / 260px 309px,
			url(../../images/main/bg_leaf2.png) no-repeat right top / 270px 91px;
	}
	.mncont3::after{
		position:absolute; left:0; bottom:0;
		width:100%; height:100%;
		content:"";
		background:
			url(../../images/main/bg_leaf3.png) no-repeat left bottom / 285px 228px,
			url(../../images/main/bg_leaf4.png) no-repeat right bottom / 352px 186px;
	}
	.mncont3 > .mcont1{
		position:relative;
		max-width:1400px;
		display:flex;
		margin:0 auto;
		z-index:2;
	}
	.mncont3 > .mcont1 .tit1{
		flex:0 0 275px;
		width:275px !important;
		text-align:left;
		display:flex; justify-content:space-between; flex-direction:column;
	}
	.mncont3 > .mcont1 .tit1 > em{
		font-weight:700; color:var(--main-color1); font-size:20px;
	}
	.mncont3 > .mcont1 .tit1 > h2{
		font-weight:800; color:#333; font-size:50px; line-height:60px;
	}
	.mncont3 > .mcont1 .tit1 > p{
		color:#333; font-size:20px; line-height:28px;
	}
	.mncont3 > .mcont1 .tit1 > .ctrbox1{
		display:flex; gap:10px;
		margin-top:40px;
	}
	.mncont3 > .mcont1 .tit1 > .ctrbox1 .prev1,
	.mncont3 > .mcont1 .tit1 > .ctrbox1 .next1{
		display:block; 
		font-size:0; line-height:0;
		width:71px; height:71px;
		cursor:pointer;
		z-index:12;
	}
	
	.mncont3 > .mcont1 .tit1 > .ctrbox1 .prev1::before,
	.mncont3 > .mcont1 .tit1 > .ctrbox1 .next1::before{
		display:block;
		width:100%; height:100%;
		background:url(../../images/main/btn_arr1.png?v=1) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mncont3 > .mcont1 .tit1 > .ctrbox1 .next1::before{background-position:right center;}
	
	.mncont3 > .mcont1 .tit1 > .ctrbox1 .prev1:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mncont3 > .mcont1 .tit1 > .ctrbox1 .next1:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.mncont3 > .mcont1 .tit1 > ul{
		margin:20px 0 30px;
	}
	.mncont3 > .mcont1 .tit1 > ul > li.t1{
		color:var(--main-color1);
	}
	.mncont3 > .mcont1 .tit1 > ul > li{
		color:#666666; font-size:16px; line-height:24px;
	}
	.programbox1{
		width:80%;
		 padding:0 15px 20px;
		overflow:hidden;
	}
	.programbox1 .swiper-wrapper{
	}
	.programbox1 .swiper-slide{
		width:370px !important;
		margin-right:30px;
		overflow:hidden;
		border-radius:30px;
		box-shadow:4px 4px 10px 1px rgba(0,0,0,.1);
		background:#fff;
	}
	.programbox1 .swiper-slide .imgbox1{
	}
	.programbox1 .swiper-slide .imgbox1 > img{
		object-fit:cover;
	}
	.programbox1 .swiper-slide .detail1{
		position:relative;
		text-align:left;
		padding:35px 25px;
	}
	.programbox1 .swiper-slide .detail1 > em{
		position:absolute; right:30px; top:-22px;
		background:linear-gradient(to right, var(--main-color1), var(--main-color2));
		display:inline-block;
		padding:10px 20px;
		border-radius:30px;
		color:#fff; font-weight:600; font-size:20px;
	}
	.programbox1 .swiper-slide .detail1 > h4{
		font-weight:600; color:#333; font-size:25px;		
	}
	.programbox1 .swiper-slide .detail1 > ul{
		margin-top:20px;
	}
	.programbox1 .swiper-slide .detail1 > ul > li{
		display:flex;
		line-height:24px;
	}
	.programbox1 .swiper-slide .detail1 > ul > li:nth-child(n+2){
		margin-top:10px;
	}
	.programbox1 .swiper-slide .detail1 > ul > li > em{
		display:flex; gap:5px; align-items:center;
		flex:0 0 22%;
		font-weight:700; color:#333; font-size:18px;
	}
	.programbox1 .swiper-slide .detail1 > ul > li > em::before{
		width:3px; height:70%;
		background:var(--main-color1);
		content:"";
	}
	.programbox1 .swiper-slide .detail1 > ul > li > span{
		font-weight:500; color:#666; font-size:18px;
	}
	.mncont3 > .guide1{
		position:relative;
		transform:translateX(-20px);
		width:1400px;
		text-align:left;
		margin:140px auto 0;
		z-index:2
	}
	.mncont3 > .guide1 > .imgbox1{
	}
	.mncont3 > .guide1 > .sbubble1{
		position:absolute; left:58%; top:50px;
		width:416px; height:116px;
		font-weight:600; color:#fff; font-size:32px; line-height:32px;
		display:flex; align-items:center;
		padding-left:60px;
		box-sizing:border-box;
		opacity:0;
	}
	.mncont3 > .guide1 > .sbubble1 > span{
		display:inline-block;
		white-space:nowrap;
		overflow:hidden;
		width:0;
	}
		
	.mncont3 > .guide1 > .sbubble1::before{
		position:absolute; left:0; top:10px;
		display:block;
		width:100%; height:100%;		
		background:url(../../images/main/bg_bubblebox1.png) no-repeat center center; background-size:cover;
		z-index:-1;
		content:"";
	}
	.mncont3 > .guide1 > .sbubble2{
		position:absolute; left:64%; top:160px;
		width:546px; height:193px;
		font-weight:400; color:#333333; font-size:20px; line-height:28px;
		display:flex; justify-content:center; align-items:flex-start; flex-direction:column;
		padding-left:80px;
		box-sizing:border-box;	
		opacity:0;
	}
	.mncont3 > .guide1 > .sbubble2 > span{
		display:inline-block;
		white-space:nowrap;
		overflow:hidden;
		width:0;
	}		
	.mncont3 > .guide1 > .sbubble2::before{
		position:absolute; left:0; top:10px;
		display:block;
		width:100%; height:100%;		
		background:url(../../images/main/bg_bubblebox2.png) no-repeat center center; background-size:cover;
		z-index:-1;
		content:"";
	}
	.mncont3 > .guide1 > .sbubble2::after{
		position:absolute; right:50px; bottom:20px;
		display:block;
		width:108px; height:101px;
		background:url(../../images/main/img_bear1.png) no-repeat center center; background-size:cover;
		z-index:-2;
		filter:blur(5px);
		transition:bottom ease .4s 1s, filter ease .3s 1.1s;
		content:"";
		animation: bearani 800ms linear infinite alternate; animation-timing-function:ease-in-out;
	}
	.mncont3 > .guide1.aos-animate > .sbubble1{
		animation:bubblePop .5s cubic-bezier(.22,1.2,.36,1) .5s forwards;
	}
	.mncont3 > .guide1.aos-animate > .sbubble2{
		animation:bubblePop .5s cubic-bezier(.22,1.2,.36,1) .8s forwards;
	}
	.mncont3 > .guide1.aos-animate > .sbubble1 > span{
		animation:typing1 1s .8s forwards;
	}
	.mncont3 > .guide1.aos-animate > .sbubble2 > span{
		animation:typing2 1.5s 1.4s forwards;
	}
	.mncont3 > .guide1.aos-animate > .sbubble2 > span:nth-of-type(2){
		animation-delay:1.8s;
	}
	.mncont3 > .guide1.aos-animate > .sbubble2 > span:nth-of-type(3){
		animation-delay:2.2s;
	}
	.mncont3 > .guide1.aos-animate > .sbubble2::after{
		filter:blur(0px);
		bottom:calc(100% - 26px);
	}
	@keyframes typing1{
		from { width:0 }
		to { width:14ch }
	}
	@keyframes typing2{
		from { width:0 }
		to { width:35ch }
	}
	@keyframes bubblePop{
		0%{
			opacity:0;
			transform:scale(0.6);
		}
		70%{
			opacity:1;
			transform:scale(1.05);
		}
		100%{
			opacity:1;
			transform:scale(1);
		}
	}
	@keyframes bearani {
		0%{
			transform: rotate(0) translate3d(0, 0%, 0);
		}
		40%{
			transform: rotate(-2deg) translate3d(-1%, 0, 0);
		}
		80%{
			transform: rotate(2deg) translate3d(0, 0%, 0);
		}
		100%{
			transform: rotate(0) translate3d(-1%, 0, 0);
		}
	}
	
	.mncont4{
		overflow:hidden;
		padding:140px 0 130px;
		background:url(../../images/main/bg_event1.jpg) no-repeat center center; background-size:cover;
	}
	.mncont4 > .mcont1{
	}
	.mncont4 > .mcont1 > .tit1{		
		color:#fff;
	}
	.mncont4 > .mcont1 > .tit1 > em{
		font-weight:600; font-size:20px;
	}
	.mncont4 > .mcont1 > .tit1 > div{
		margin-top:20px;
		font-weight:800; font-size:50px;
	}
	.mncont4 > .mcont1 > .tit1 > a{
		display:inline-block;
		padding:15px 40px; margin-top:30px;
		border:1px solid #fff;
		border-radius:50px;
		color:#fff; font-weight:600; font-size:22px;
		transition:background ease .3s .0s;
	}
	.mncont4 > .mcont1 > .tit1 >  a:hover{
		background:#fff;
		color:#333;
	}
	.mncont4 > .mcont1 .eventslidebox1{
		position:relative;
		padding-left:160px; padding-top:50px;
	}
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1{
		position:absolute; left:80px; top:calc(50% - 20px);
		transform:translateY(-50%);
		display:flex; gap:10px; flex-direction:column;		
	}
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1 .prev1,
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1 .next1{
		display:block; 
		font-size:0; line-height:0;
		width:71px; height:71px;
		cursor:pointer;
		z-index:12;
		transform:rotate(90deg);
	}
	
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1 .prev1::before,
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1 .next1::before{
		display:block;
		width:100%; height:100%;
		background:url(../../images/main/btn_arr1.png?v=1) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1 .next1::before{background-position:right center;}
	
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1 .prev1:hover::before{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.mncont4 > .mcont1 .eventslidebox1 > .ctrbox1 .next1:hover::before{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	
	.mncont4 > .mcont1 .eventbox1{
		overflow:hidden;
		padding:20px 20px
	}
	.mncont4 > .mcont1 .eventbox1 .swiper-slide{
		width:600px;
	}
	.mncont4 > .mcont1 .eventbox1 .swiper-slide .imgbox1{
		overflow:hidden;
		border-radius:30px;
		max-height:400px;
	}
	.mncont4 > .mcont1 .eventbox1 .swiper-slide .imgbox1 > img{
		width:100%; height:100%;
		object-fit:cover;
	}
	.mncont4 > .mcont1 .eventbox1 .swiper-slide .detail1{
		color:#fff;
		text-align:left;
		padding-top:16px;
	}
	.mncont4 > .mcont1 .eventbox1 .swiper-slide .detail1 > div{
		font-weight:600; font-size:30px;
	}
	.mncont4 > .mcont1 .eventbox1 .swiper-slide .detail1 > p{
		margin-top:10px;
		font-size:18px;
	}
	.hover-tilt{
		will-change:transform;
    	transition:transform .25s cubic-bezier(.22,.61,.36,1);
	}

	.mncont5{
		position:relative;
		width:100%; height:calc(100vh - 130px);
		background:url(../../images/main/bg_animalexploration1.jpg) no-repeat center center; background-size:cover;
		overflow:hidden;
	}
	.mncont5 > .mcont1{
		display:flex; justify-content:space-between; align-items:flex-end;
		max-width:1400px; height:90%;
		margin:0 auto;
	}
	.mncont5 > .mcont1 .tit1{
		color:#fff;
		text-align:left;
	}
	.mncont5 > .mcont1 .tit1 > em{
		font-weight:600; font-size:20px;
	}
	.mncont5 > .mcont1 .tit1 > div{
		margin-top:40px;
		font-weight:800; font-size:68px; line-height:74px;
	}
	.mncont5 > .mcont1 .tit1 > p{
		margin-top:40px;		
		font-size:25px; line-height:38px;
	}
	
	.mncont5 > .mcont1 > * > a{
		display:inline-block;
		padding:15px 40px; margin-top:30px;
		border:1px solid #fff;
		border-radius:50px;
		color:#fff; font-weight:600; font-size:22px;
		transition:background ease .3s .0s;
	}
	.mncont5 > .mcont1 > * >  a:hover{
		background:#fff;
		color:#333;
	}	
	
	.mncont6{
		position:relative;
		overflow:hidden;
		padding:120px 0 180px;
		z-index:2;
	}
	.mncont6 > .mcont1{
	}
	.mncont6 > .mcont1 > .tit1{		
		color:#333;
	}
	.mncont6 > .mcont1 > .tit1 > em{
		color:var(--main-color1); font-weight:600; font-size:20px;
	}
	.mncont6 > .mcont1 > .tit1 > div{
		margin-top:20px;
		font-weight:800; font-size:50px;
	}
	.mncont6 > .mcont1 > .tit1 > p{
		margin-top:20px;
		font-size:20px;
	}
		
	.mncont6 .bnnbox1{
		width:100%; overflow: hidden;
		margin-top:50px;
	}
	.bnnbox1 .rollevent {
		width:100%; overflow:visible; 
	}
	.bnnbox1 .rollevent .swiper-wrapper { 
		transition-timing-function: linear !important;
	}
	
	.bnnbox1 .rollevent .swiper-slide {
		width:276px; height:490px;
	}
	.bnnbox1 .rollevent .swiper-slide img{
		width:100%;
	}
	.bnnbox1 .rollevent .swiper-slide a{
		display:block;
		overflow:hidden;
		box-sizing:border-box;
		width:100%; height:100%;
		border-radius:20px;
	}
	.bnnbox1 .rollevent .swiper-slide a::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		box-sizing:border-box;
		border-radius:20px;
		border:0px solid #1a7c36;
		background:rgba(0,0,0,.2);
		background-position:center center;
		content:"";
		transition:all ease .2s 0s;	
	}
	.bnnbox1 .rollevent .swiper-slide a:hover::before{
		background:rgba(var(--rgb-color1),.6) url(../../images/main/btn_view1.png) no-repeat center center;
		box-shadow:4px 4px 12px 2px rgba(0,0,0,.4);
		transition:all ease .3s 0s;
	}
	
	
	.bnnbox1 .rollevent .ctrbox1{
		display:flex; justify-content:center; align-items:center; gap:0 40px;
		margin-top:40px;
	}	
	.bnnbox1 .rollevent .swiper-scrollbar {
		display:none;
		position:relative; left:0 !important; bottom:0 !important; width:200px; min-width:200px; height:30px; background:none; 
	}
	.bnnbox1 .rollevent .swiper-scrollbar:before {
		position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:4px; background:#dddddd; border-radius:2px;
		content:'';
	}
	.bnnbox1 .rollevent .swiper-scrollbar .swiper-scrollbar-drag {
		position:relative; min-width:30px; height:30px; border-radius:50%;
		cursor:pointer;
		background: rgb(26, 124, 54);
	}

	.bnnbox1 .rollevent .swiper-scrollbar .swiper-scrollbar-drag:before,
	.bnnbox1 .rollevent .swiper-scrollbar .swiper-scrollbar-drag:after {
		position:absolute; top:50%; left:6px; 
		transform:translateY(-50%);
		width:9px; height:10px; 
		background:url("../../images/main/btn_arr1.png") no-repeat left center;
		content:'';
	}
	.bnnbox1 .rollevent .swiper-scrollbar .swiper-scrollbar-drag:after{
		left:auto; right:6px;
		background-position:right center;
	}
	.bnnbox1 .rollevent .ctrbox1 > *:nth-child(2) a{
		display:inline-block;
		padding:15px 40px; margin-top:30px;
		border:1px solid #333;
		border-radius:50px;
		color:#333; font-weight:600; font-size:22px;
		transition:background ease .3s .0s;
	}
	.bnnbox1 .rollevent .ctrbox1 > *:nth-child(2) a:hover{
		color:#fff;
		border-color:var(--main-color1); 
		background:linear-gradient(to right, var(--main-color1), var(--main-color2));
		transition:all ease .3s 0s;
	}
	
	.mncont7{
		position:relative;
		padding:0 0 180px;
		background:#fff;
		border-radius:0 0 230px 0;
		z-index:2;
	}
	.mncont7 > .mcont1{
		width:1400px;
		margin:0 auto;
	}
	.mncont7 > .mcont1 > .tit1{		
		color:#333;
	}
	.mncont7 > .mcont1 > .tit1 > em{
		color:var(--main-color1); font-weight:600; font-size:20px;
	}
	.mncont7 > .mcont1 > .tit1 > div{
		margin-top:20px;
		font-weight:800; font-size:50px;
	}
	.mncont7 > .mcont1 > ul{
		margin-top:50px;
		width:100%;
		display:flex; gap:30px;
	}
	.mncont7 > .mcont1 > ul > li{
		flex:0 0 calc((100% - 3 * 30px) / 4);
		border:1px solid #ddd;
		box-sizing:border-box;
		border-radius:30px;
		padding:45px 40px 30px;
		text-align:left;
	}
	.mncont7 > .mcont1 > ul > li > div{
		color:#333; font-weight:700; font-size:25px; line-height:32px;		
	}
	.mncont7 > .mcont1 > ul > li > div::before{
		display:block;
		width:232px; height:190px;
		margin:0 auto 40px;
		background:url(../../images/main/ico_info1.png) no-repeat left center; background-size:400% 100%;
		content:"";
	}
	.mncont7 > .mcont1 > ul > li:nth-child(2) > div::before{
		background-position:33.33% center;
	}
	.mncont7 > .mcont1 > ul > li:nth-child(3) > div::before{
		background-position:66.67% center;
	}
	.mncont7 > .mcont1 > ul > li:nth-child(4) > div::before{
		background-position:100% center;
	}
	.mncont7 > .mcont1 > ul > li > p{
		margin-top:15px;
		color:#666666; font-size:16px; line-height:24px;
	}
	.mncont7 > .mcont1 > ul > li > a{
		display:block;
		margin-top:60px;
		color:var(--main-color1); font-weight:600; font-size:16px;
	}
	
	.mncont8{
		position:relative;
		padding:360px 0 130px; margin-top:-240px;
		background:url(../../images/main/bg_spavalley1.jpg) no-repeat center center; background-size:cover;
		z-index:1;
	}
	.mncont8::before{
		position:absolute; left:0px; top:240px;
		width:250px;height:250px;
		background:#fff;
		mask:radial-gradient(120px at 100% 100%, transparent 260px, #fff 120px);
		content:"";	
	}
	.mncont8 > .mcont1{
		width:1400px;
		margin:0 auto;
		display:flex;
	}
	.mncont8 > .mcont1 > .tit1{
		color:#fff;
		text-align:left;
		margin-right:60px; padding-top:80px;
	}
	.mncont8 > .mcont1 > .tit1 > p{
		font-size:32px; line-height:45px;
	}
	.mncont8 > .mcont1 > .tit1 > div{
		font-weight:800; font-size:60px; line-height:60px; margin-top:20px;
	}
	.mncont8 > .mcont1 > .tit1 > img{
		margin-top:60px;
	}
	.mncont8 > .mcont1 .cont1{
		margin-left:auto;
		border-radius:30px;
		overflow:hidden;
		background:#fff;
		text-align:left;
	}
	.mncont8 > .mcont1 .cont1 .imgbox1{
	}
	.mncont8 > .mcont1 .cont1 .imgbox1 > img{
		object-fit:cover;
	}
	.mncont8 > .mcont1 .cont1 .detail1{
		position:relative;
		padding:40px;
		color:#333; font-size:18px; line-height:28px;			
	}
	.mncont8 > .mcont1 .cont1 .detail1 > .tit1{
		display:flex; gap:10px; align-items:flex-end;
		padding-bottom:20px; margin-bottom:20px;
		border-bottom:1px solid #333;
	}
	.mncont8 > .mcont1 .cont1 .detail1 > .tit1 > em{
		font-weight:700; font-size:28px;
	}
	.mncont8 > .mcont1 .cont1 .detail1 > .tit1 > span{
		font-size:13px; line-height:13px; font-weight:300;
		text-transform:uppercase;
	}
	.mncont8 > .mcont1 .cont1 .detail1 > span{
		position:absolute; right:40px; bottom:40px;
		font-size:0;
		display:block;
		width:26px; height:26px;
	}
	.mncont8 > .mcont1 .cont1 .detail1 > span::before{
		display:block;
		width:100%; height:100%;
		background:url(../../images/main/ico_arr1.png) no-repeat center center; background-size:cover;
		transition:transform ease .4s;
		content:"";
	}
	.mncont8 > .mcont1 .cont1 a:hover .detail1 > span::before{
		transform:rotate(45deg);
	}
	
	
	
/*main*/

/*cflayer1*/
	.cflayer1{position:absolute; right:50%; top:130px; margin-right:-500px; background:#fff; width:1000px;  z-index:10000}
	.cflayer1 .top1{position:relative; background:#53256a;}
	.cflayer1 .top1 h2{line-height:50px; font-size:18px; color:#fff;}
	.cflayer1 .top1 .btn1{position:absolute; right:20px; top:10px;}
	.cflayer1 .movieb1{margin-top:20px; margin-bottom:20px;}
/*cflayer1*/

