<style>
    *{
      margin: 0px;
      padding: 0px;
    }
	body{
    	background-color: #18184D;
	}
    ::-webkit-scrollbar {
		display:none
	}
	#logo{
		height: auto;
		padding-top: 20px;
		margin-right: 2rem;
		padding-bottom: 1rem;
	}
	#backToTop{
		position: fixed;
		bottom: 3rem;
		right: 1rem;
		z-index: 999;
	}
	#backToTop>a>div{
		border: 3px solid #36BCE7;
		height: 3rem;width: 3rem;
		text-align: center;
		padding-top: 0.5rem;
	}
	#backToTop>a>div>span{
		font-size: 1.5rem;
		color: #36BCE7;
	}
	#top{
		width: 100%;
	}
	.txt1{
		display: block;
		font-size: 1.8rem;
		line-height: 2rem;
		color: #ffffff;
	}
	.txt2{
		display: block;
		font-size: 0.8rem;
		color: #a6a6bf;
	}
	.txt3{
		display: block;
		font-size: 1.2rem;
		color: #a6a6bf;
		line-height: 3rem;
	}
	.txt4{
		display: block;
		font-size: 1rem;
		color: #ffffff;
	}
	.logo{
		padding-bottom: 3rem;
	}
	map area{ 
		outline: none;
	}
	.lianxi>i{
		color:#515177;
		font-size: 1rem;
		line-height: 2rem;
		width: 2.2rem;
		height: 2.2rem;
		margin-right:0.6rem;
		border:2px solid #515177;
		border-radius: 50%;
	}
	.lianxi>i:focus,.lianxi>i:hover{
		color:#ffffff;
		border:2px solid #ffffff;
	}
	@media (max-width: 768px) {
		.txt1{
			font-size: 2rem;
		}
		.txt2{
			font-size: 2rem;
			line-height: 3.5rem;
		}
		.txt3{
			font-size: 1.875rem;
			line-height: 3rem;
			margin-top: 1.5rem;
		}
		.txt4{
			font-size: 1.5rem;
		}
	}
</style>