.aboutbanner{
    position: relative;
}
.abouttt1{
    position: absolute; 
    top: 3%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #ffffff;
}
.abouttt2{
    position: absolute; 
	width: 600px;
    top: 6%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #ffffff;
}
.abouttt3{
    position: absolute; 
    top: 8%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-family: MicrosoftYaHei;
	text-decoration: underline;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #ffffff;
}
.modal-container {
    display: none;
    position: absolute;
    top: 285px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 460px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
  }
  .closes {
    color: #eda51b;
    font-size: 90px;
    font-weight: bold;
    position: absolute;
    top: -90px;
    right: 20px;
    cursor: pointer;
  }