@charset "utf-8";
/* CSS Document */
img:hover{
		box-shadow: 0 0 10px white;
}

.top{
	width:100%;
	height: 150px;
	background: url("../images/logo.png") no-repeat;
	background-position: center center;
	margin-top: 0px;
	border-bottom: 2px solid #FFFFFF;
}
.copyright{
	border-top:2px solid #FFFFFF ;
	color: aliceblue;
	width:100%;
	height: 120px;
	background: black;
    bottom: 0px;
	font-size:14px;
	position: absolute;
}

#bigbox{
	width:100%;
	display:flex;
	margin-top:30px;
}

#bigbox img{
padding: 10px;
}


.pic1 {
	width: 50%;
	height: 50%;
    object-fit: cover;
    ransition: filter 5s ease;
	border-radius: 10px;
	margin-left: -10px;
	filter: brightness(100%);
        }

.pic2 {
	width: 50%;
	height: 50%;
    object-fit: cover;
    transition: filter 0.3s ease;
	filter: brightness(100%);
	border-radius: 10px;
        }
/*第一个文字块*/
.textbox1{
	width:50%;
	color:aliceblue;
	padding: 0px 0 0 100px;
	position: absolute;
	float: left;
	margin-top:-300px;
}
.textbox1 .a1{
	color:rgba(255,255,255,1);
	text-shadow: 1px 1px 1px black;
}
.textbox1 .a2{
	font-size: 2.5em;
	color:white;
	text-shadow: 1px 1px 3px black;
}
.textbox1 .a3{
	font-size: 0.75em;
	color:white;
}
/*第二个文字块*/
.textbox2{
	color:aliceblue;
	padding: 0px 0 0 100px;
	position: absolute;
	float: right;
	margin-top:-300px;
	margin-left:50%;
}
.textbox2 .a1{
	color:rgba(255,255,255,0.8);
		text-shadow: 1px 1px 3px black;
}
.textbox2 .a2{
	font-size: 2.5em;
	color:white;
		text-shadow: 1px 1px 3px black;
}
.textbox2 .a3{
	font-size: 0.75em;
	color:white;
		text-shadow: 1px 1px 3px black;
}
/*按键*/
.button {
  all: unset;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.6em 2em;
  border: mediumspringgreen solid 0.15em;
  border-radius: 0.25em;
  color: mediumspringgreen;
  font-size: 1.5em;
  font-weight: 600;
  cursor: pointer;
  overflow: hidden;
  transition: border 300ms, color 300ms;
  user-select: none;
  height: 1em;
  margin-top: 30px;
}

.button a {
  z-index: 1;
  color: white;
  text-decoration: none;
  text-shadow: 1px 1px 2px black;
}

.button:hover {
  color: #212121;
}

.button:active {
  border-color: teal;
}

.button::after, .button::before {
  content: "";
  position: absolute;
  width: 9em;
  aspect-ratio: 1;
  background: mediumspringgreen;
  opacity: 100%;
  border-radius: 50%;
  transition: transform 500ms, background 300ms;
}

.button::before {
  left: 0;
  transform: translateX(-8em);
}

.button::after {
  right: 0;
  transform: translateX(8em);
}

.button:hover:before {
  transform: translateX(-1em);
}

.button:hover:after {
  transform: translateX(1em);
}

.button:active:before,
.button:active:after {
  background: teal;
}