html,body {
	width: 100%;
	height: 100%;
    display: flex;
	justify-content: center;
	margin: 0;
	padding: 0%;
  }
  @font-face {
  	font-family:"隶书";
  	src: url("../assets/SIMLI.ttf");
  }
  @font-face {
  	font-family:"霞鹜文楷";
  	src: url("../assets/LXGWWenKaiMono-Medium.ttf");
  }
  .pinmutishi{
  	position: fixed;
  	left: 0;top: 0;bottom: 0;right: 0;
  	height: 100%;
  	width: 100%;
  	content: '';
  	background: steelblue;
  	opacity:0.8;
  	transition:all 0.3s;
  	z-index: 100;
  	display: none;
  	line-height: 100vh;
  	text-align: center;
  }
  #backgrounddiv{
  	width: 1240px;
  	height: 620px;
  	/*animation: xiaoshi 8s 1 forwards;*/
  	position: relative;
  }
  #background{
  	position: absolute;
  	opacity:0.8;
  	width: 1240px;
  	height: 620px;
  	-webkit-mask-image: url('../assets/background.png'); /* 使用图片作为遮罩 */
  	-webkit-mask-repeat: no-repeat; /* 不重复遮罩 */
  }
  #backgroundimg{
  	position: absolute;
  	width: 1240px;
  	height: 620px;
	background-color: white;
	background-image: url('../assets/background5.png');
	-webkit-mask-repeat: no-repeat;
  }
  #lots{
  	position: absolute;
  	bottom: 50px;
  	width: 1240px;
  	height: 75%;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	flex-wrap: wrap;
  	align-content: flex-end;
  	
  }
  #textimg{
  	width: 296px;
  	height: 80px;
  	margin-top: 10px;
  	margin-right: 80px;
  }
  .text{
  	width: 46%;
  	height: 100%;
  	margin-right: 32px;
  	font-family: 霞鹜文楷;
  	color: white;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  }
  p{
  	font-size: 40px;
  	line-height: 45px;
  	margin-block-start: 15px;
  	margin-block-end: 10px;
  }
  @keyframes xiaoshi{
  	  0%{
  		  opacity:0;
  	  }3%{
  		  opacity:0;
  	  }5%{
  		  opacity:1;
  	  }
  	  98%{
  		  opacity:1;
  	  }100%{
  		  opacity:0;
  	  }
  }