body {
background-image: url(https://www.szslsg.org.cn/wp-content/uploads/2023/06/2023060907591757.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #f4f4f4;
}
.wrapper{width: 1200px;margin: 0 auto;}
.logo{text-align: center;padding: 45px 0;}
.title{font-size: 36px;color: #fff;text-align: center;}
.content{font-size: 16px;line-height: 36px;color: #fff;text-align: center;padding: 45px 25px;}
.links{display: inline-block; text-align: center;width: 100%;padding-top: 2rem;}
.links a{width: 200px; height: auto;background: #fff;border: 8px solid hsla(0,0%,100%,.3);background-clip: padding-box; display: inline-block;margin: 10px;text-decoration:none; color: #14589f; overflow: hidden;padding: 10px 0;border-radius: 3px;}
.links a:hover{background: #14589f;color: #fff;order: 8px solid hsla(0,0%,100%,.3);background-clip: padding-box; }
.links a span{font-size: 28px;}
.links a p{font-size: 14px;padding: 5px 0;margin: 0;}
.beian{position: fixed;text-align: center;bottom: 15px;width: 100%; color: #fff; font-size: 14px;}
.beian a{color: #fff; text-decoration: none;}
@media screen and (min-width: 750px) and (max-width: 1000px){
	.title{padding: 4rem 0;}
	.content{font-size: 1.5rem;line-height: 5rem;color: #fff;text-align: center;padding: 45px 25px;}
	.links a{width: 40%;}
	.links a span{font-size: 3rem;}
	.links a p{font-size: 2rem;padding: 5px 0;margin: 0;}
}