html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	line-height: 1.15;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
	margin: 0;
	font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	line-height: 1.42857143;
	font-size: 14px;
	background: #fff;
	
	color: #333;
	padding: 30px 0;
}
figure {
	margin: 1em 40px;
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
a {
	-webkit-text-decoration-skip: objects;
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}
b, strong {
	font-weight: bolder;
}
/* 登录 */
.login{
	max-width: 400px;  
	margin: 0 auto;  
	padding: 20px;  
	background-color: #fff;  
	border-radius: 5px;  
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
	margin-top: 150px;  
}
h2 {  
text-align: center;  
margin-bottom: 20px;  
}  

.form-group {  
margin-bottom: 15px;  
}  

.form-group label {  
display: block;  
margin-bottom: 5px;  
}  

.form-group input {  
width: 100%;  
padding: 10px;  
border: 1px solid #ccc;  
border-radius: 4px;  
}  

.form-group input[type="submit"] {  
background-color: #4CAF50;  
color: white;  
cursor: pointer;  
}  

.form-group input[type="submit"]:hover {  
background-color: #45a049;  
}  

p {  
text-align: center;  
font-size: 14px;  
color: #777;  
}  

p a {  
color: #007BFF;  
text-decoration: none;  
}  

p a:hover {  
text-decoration: underline;  
}  
.nav a{
	display: inline-block;color: #333;text-decoration: none;font-size: 32px;font-weight: 700;border-right: 2px solid #333;padding: 0 20px;
}
.nav a:last-child{
	border-right: none;
}
.nav,table{
	width: 94%;margin: 30px 3% 0 3%;
}
table,td,th{
	border: 1px solid #333; border-collapse: collapse; text-align: center;font-size: 1.2em;
}
table th{
	height: 50px;line-height: 50px;
}
table td{
	padding: 0 20px;
}
table .img img{
	height: 200px;margin: 10px auto;
}
tr:nth-child(odd){
	background-color: #83bec0;
}
tr:nth-child(even){
	background-color: #9fd7d9;
}
.info,.infotable{
	width: 100%; margin: 0 auto;
}
.infotable td{
	font-size: 0.9em;line-height: 40px;
}
.info{
	text-align: center; display: flex;justify-content: center;align-items: center;
}
.search-container {  
  position: relative;  
  width: 300px; /* 可以根据需要调整宽度 */  
  margin-top: 30px
}  
  
.search-input {  
  padding: 10px; /* 内边距 */  
  font-size: 1em; /* 字体大小 */  
  border: 1px solid #ccc; /* 边框 */  
  border-radius: 5px; /* 边框圆角 */  
  outline: none; /* 移除默认的外轮廓 */  
  width: 90%;
}  
  
.search-input:focus {  
  border-color: #4CAF50; /* 聚焦时的边框颜色 */  
  box-shadow: 0 0 5px rgba(76, 175, 80, 0.5); /* 聚焦时的阴影效果 */  
}  
  
.search-button {  
  position: absolute; /* 绝对定位相对于最近的定位祖先元素（在这里是.search-container） */  
  right: 0; /* 右对齐 */  
  top: 0; /* 与容器顶部对齐 */  
  height: 100%; /* 高度与输入框相同 */  
  padding: 0 10px; /* 内边距，用于文本间距 */  
  background-color: #4CAF50; /* 背景颜色 */  
  color: white; /* 文本颜色 */  
  border: none; /* 无边框 */  
  border-radius: 0 5px 5px 0; /* 圆角设置，与输入框的圆角相配合 */  
  cursor: pointer; /* 鼠标悬停时变为小手形状 */  
}  
  
.search-button:hover {  
  background-color: #45a049; /* 鼠标悬停时的背景颜色 */  
}
.header{
	display: flex;justify-content: space-between;flex-wrap: nowrap;align-items: center;
	width: 94%;
}
.nav span{
	font-size: 32px;
}
.infobody{
	width: 60%;margin:0 auto ;
}
.info img{
	height: 300px;
}
@media screen and (max-width: 1200px) {  
	.nav span{
		font-size: 1em;
	}
	.infobody{
		width:100%;margin:0 auto ;
	}
	.info img{
		height: 150px;
	}
	body{
		width: 100%;
	}
	.nav{
		flex-wrap: wrap;
		margin: 0 3%;
	}
	.nav a{
		font-size: 1.1em;padding: 0 10px;display: inline;
	}
	.header{
		display: block;width: 100%;
	}
	.search-container{
		width: 100%;
	}
	.search-container{
		width: 94%;margin: 20px 3% 0 ;
	}
	table,td,th{
		font-size: 0.9em;
	}
	table .img img{
		height: 100px;
	}
	.infotable td{
		line-height: 25px;
	}
	table td{
		padding: 0 10px;
	}
}