:root{
		--blue: #64b5f6;
		--font1: Helvetica, Tahoma, sans-serif;
		--font2:'Lora';
		--font3:'DM Sans';
		--font4:'Playfair Display';
		--font5:'Poppins';
	}


	body.disablescroll{
		overflow-y: hidden;
	}


	.container{
		width: 90%;
		margin: 0 auto 0 auto;
	}


	a.topbutton{
		position: fixed;
		right: 20px; bottom: 20px;
		width: 52px; height: 52px;
		text-align:center;
		color:var(--black);
		font-size:36px;
		z-index: 19;
		display: none;
	}
	a.topbutton.show{
		display: block;
	}


	.topbar{
		background: deepskyblue;
		padding: 15px 0;
		text-align:center;
		color:var(--white);
		font-size:16px;
		font-family:var(--font1);
		position: relative;
		z-index: 5;
	}

	.topbar.hide{
		display: none;
	}

	.topbar.hide{
		display: block;
	}

	header{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		font-family: var(--font1);
		transition: 0.3s;
		-webkit-transition: 0.3s;
		border-bottom: 1px solid transparent;
		z-index: 4;
		background-color: #69BFE3;
		text-align: center;
	}

	header.fixed{
		background: #69BFE3;
		border-bottom: 1px solid #ddd;
		padding: 20px 60px;
	}

	button {
		-webkit-appearance: none;
		outline: none;
	}

	button,
	.btn {
		cursor: pointer;
	}

	.btn-block {
		width: 50%;
		margin: 0 auto;
	}
	
	.btn:active {
		outline: none;
	}

	.btn-primary {
		color: #fff;
		background-color: #2574DD;
		outline: none;
		width: 230px;
		height: 50px;
		padding: 15px 15px;
		cursor: pointer;
		font-family: var(--font1);
		font-size: 16px;
		font-weight: 600;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-ms-border-radius: 6px;
		-o-border-radius: 6px;
		border: none;
	}
	
	
	.btn-primary:hover {
		background-color: #2574DD;
		color: #fff;
	}
	

	a.logo{
		float: left;
	}
	a.logo img{
		float: left;
		width: 280px;
		height: auto;
		margin: 0 0 0 0;
	}

	.headerlogo-container {
		width: 300px;
		display: flex;
	}

	.headerlogo {
		background-size: 100% 100%;
		height: 98%;
		max-height: 80px;
		max-width: 100%;
		margin-left: 25px;
	}

	.headermenu {
		width: 300px;
		display: flex;
		justify-content: flex-end;
	}

	h1 {
		text-align: center;
		font-size: 36px;
	}

	@media screen and (max-width: 991px) {
		h1 {
			font-size: 32px;
		}
	}

	@media screen and (max-width: 640px) {
		h1 {
			font-size: 21px;
		}
	}

	@media screen and (max-width: 480px) {
		h1 {
			font-size: 18px;
		}
	}

	a.showmenu, a.hidemenu{
		display: none;
	}

	nav{
		float: left;
	}

	nav ul{
		float: left;
	}

	nav ul li{
		float: left;
		margin-right: 50px;
	}

	nav ul li a{
		font-family:var(--font1);
		float: left;
		text-align:left;
		color:var(--black);
		font-size:17px;
		position: relative;
		padding-bottom: 7px;
		transition:0.6s;
		-webkit-transition:0.6s;
		border-bottom: 1px solid transparent;
	}

	nav ul li.active a, nav ul li:hover a{
		border-bottom: 1px solid #000;
	}
	
	@media screen and (max-width: 1149px) {
		nav ul li {
			margin-right: 0;
			margin-left: 45px;
		}
	}

	.loader-container {
		display: flex;
		flex-flow: column wrap;
		align-items: center;
		justify-content: center;
		padding-top: 100px;
		text-align: center;
	}

	.loader {
		-webkit-animation: spin 1s linear infinite;
		animation: spin 1s linear infinite;
		border: 30px solid #ddd;
		border-bottom: 30px solid var(--blue);
		border-radius: 50%;
		width: 300px;
		height: 300px;
		margin-bottom: 20px;
	}


	@-webkit-keyframes spin {
		0% { -webkit-transform: rotate(0deg); }
		100% { -webkit-transform: rotate(-360deg); }
	}
	  
	@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(-360deg); }
	}
	  

	.banner{
		padding: 250px 0 120px 0;
		font-family:var(--font1);
	}
	.banner h2{
		text-align:center;
		color:var(--black);
		font-size:72px;
		font-weight: normal;
	}
	.bannerslider-wrap{
		margin-top: 80px;
	}
	.bannerslider .item img{
		float: left;
		width: 100%;
		height: auto;
		aspect-ratio: 16/9;
		object-fit: cover;
		object-position: center;
	}
	/* BREAK */






	.about{
		font-family:var(--font1);
		padding-bottom: 90px;
	}
	.about h2{
		text-align:left;
		color:#000;
		font-size:60px;
		font-weight:normal;
		margin:0 0 20px 0;
	}
	.about p{
		text-align:left;
		color:#000;
		font-size:18px; line-height: 190%;
		font-weight:300;
		margin:0 0 0 0;
	}
	.about-images{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.about-images img{
		float: left;
		width: 47%;
		height: auto;
		aspect-ratio: 4/3;
		object-fit: cover;
		object-position: center;
	}
	/* BREAK */





	.explore{
		padding: 100px 0 60px 0;
		background: deepskyblue;
		font-family:var(--font1);
		counter-reset: numbers;
	}
	.explore .heading{
		margin-bottom: 80px;
	}
	.explore .heading h2{
		text-align:left;
		color:var(--white);
		font-size:72px;
		margin-bottom: 20px;
		font-weight: normal;
	}
	.explore .heading p{
		text-align:left;
		color:var(--white);
		font-size:16px; line-height: 140%;
	}
	.explore-item{
		margin-bottom: 80px;
	}
	.explore-item .image{
		float: left;
		width: 47%;
	}
	.explore-item .image img{
		float: left;
		width: 100%;
		height: auto;
		aspect-ratio: 4/3;
		object-fit: cover;
		object-position: center;
	}
	.explore-item .text{
		float: left;
		width: 47%;
	}
	.explore-item .text:before{
		float: left;
		width: 100%;
		counter-increment: numbers;
		content:counter(numbers)'.';
		margin-bottom: 30px;
		font-size: 90px;
		color: #fff;
	}
	.explore-item .text h3{
		color:#fff;
		font-size:42px;
		font-weight:normal;
		margin:0 0 20px 0;
	}
	.explore-item .text p{
		color:#fff;
		font-size:16px; line-height: 140%;
		font-weight:normal;
		margin:0 0 0 0;
	}
	.explore-item .text p a{
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	/* BREAK */





	.news{
		background: #d4f4ff;
		padding: 100px 0;
		font-family:var(--font1);
	}
	.news .heading{
		margin-bottom: 80px;
	}
	.news .heading h2{
		text-align:center;
		color:#000;
		font-size:72px;
		margin-bottom: 20px;
		font-weight: normal;
	}
	.news .heading p{
		text-align:center;
		color:#000;
		font-size:16px; line-height: 140%;
	}

	.news-items .item{
		float: left;
		width: 30%;
		margin: 0 0 0 0;
	}
	.news-items .item img{
		float: left;
		width: 100%; height: auto;
		aspect-ratio: 4/3;
		object-fit: cover;
		object-position: center;
		margin: 0 0 20px 0;
	}
	.news-items .item ul{
		float: left; width: 100%;
	}
	.news-items .item ul li{
		text-align:left;
		color:#000;
		font-size:13px;
		font-weight:normal;
		margin:0 0 20px 0;
	}
	.news-items .item h3{
		text-align:left;
		color:#000;
		font-size:21px;
		font-weight:600;
		margin:0 0 10px 0;
	}
	.news-items .item h3 a{
		color: #000;
	}
	.news-items .item h3 a:hover{
		color:deepskyblue;
	}
	.news-items .item p{
		text-align:left;
		color:#555;
		font-size:16px;
		font-weight:normal;
		margin:0 0 0 0;
	}
	/* BREAK */






	.contact{
		min-height: 80vh;
		font-family: var(--font1);
		margin-bottom: 30px;
	}

	.contact .heading{
		margin-bottom: 60px;
		text-align:left;
	}

	.contact .heading h2{
		color:#000;
		font-size:72px;
		margin-bottom: 20px;
		font-weight: normal;
	}

	.contact .heading p{
		color:#000;
		font-size:16px; line-height: 140%;
	}

	.formarea{
		float: left;
		width: 100%;
	}
	.formarea form input,
	.formarea form textarea{
		float: left;
		width: 100%;
		height: 40px;
		border: 1px solid #ddd;
		text-align:left;
		color:#000;
		font-size:16px;
		font-weight:normal;
		margin:0 0 20px 0;
		padding:0 0 0 20px;
		outline: 0;
		border-radius: 11px;
	}
	
	.formarea form textarea{
		height: 200px;
		padding: 20px;
		font-family: var(--font1);
	}

	.formarea form select{
		display: inline-block;
		width: 100%;
		height: 40px;
		padding: 0 10px;
		margin-bottom: 0;
		font-size: 17px;
		line-height: 40px;
		font-weight: 400;
		font-family: var(--font1);
		color: #000;
		vertical-align: middle;
		background: #FFF url(../image/arrow-down.svg) no-repeat;
		background-position: calc(100% - 8px) 7px;
		background-size: 28px;
		-webkit-appearance: none !important;
		-moz-appearance: none !important;
		appearance: none !important;
		outline: 0 !important;
		-webkit-box-sizing: border-box !important;
		box-sizing: border-box !important;
		border:2px solid #F3F3FA;
		cursor: pointer;
		border-radius: 11px;
	}

	.formarea form option {
		background-color: #fff; /* 设置背景颜色，但某些浏览器可能不支持 */
		color: #000; /* 设置字体颜色 */
		font-size: 17px;
	}

	.map{
		float: right;
		width: 47%;
		height: auto;
		aspect-ratio: 2/1.7;
		object-fit: cover;
		object-position: center;
	}
	.map iframe{
		float: left;
		width: 100%;
		height: 100%;
	}

	#submitdiv{
		margin-top: 140px;
		text-align: right;
		width: 100%;
		float: right;
	}

	#submit{
		float: right;
	}
	/* BREAK */

	.disclaimer {
		width: 100%;
		font-family: var(--font1);
		font-size: 14px;
	}

	.disclaimer table {
		width: 100%;
	}

	.disclaimer table tr td {
		border: none;
		width: 33.33%;
	}

	.disclaimer .copyright {
		text-align: center;
		padding: 0 20px;
	}

	.disclaimer .link {
		text-align: right;
		padding-right: 50px;
	}

	@media (max-width: 768px) {
		.headerlogo {
			max-width: 75%;
			margin-left: 0;
		}

		.disclaimer table tr {
			display: block;
		}

		.disclaimer table tr td {
			display: block;
			width: 100%;
			text-align: center;
			padding: 10px 0;
		}

		.disclaimer .link {
			text-align: center;
			padding-right: 0px;
		}

		nav ul li a{
			font-size: 14px;
		}
	}

	footer{
		font-family: var(--font1);
		padding: 60px 0;
		margin-top: 90px;
		border-top: 1px solid #ddd;
	}
	footer .copyright{
		float: left;
		text-align:left;
		color:#000;
		font-size:16px;
		font-weight:normal;
		margin:0 0 0 0;
	}
	footer .copyright a{
		color:deepskyblue;
		border-bottom: 1px solid deepskyblue;
	}
	footer .social{
		float: right;
		text-align:left;
		color:#000;
		font-size:16px;
		font-weight:normal;
		margin:0 0 0 0;
	}
	footer .social a{
		float: left;
		color:deepskyblue;
		margin-right: 10px;
		transition:0.6s;
		-webkit-transition:0.6s;
	}
	footer .social a:hover{
		color: #000;
	}
	footer .social a:last-of-type{
		margin-right: 0;
	}

	#headnav li{
		cursor: pointer;
	}
	/* ENDED */