*{margin:0; padding:0;}
body{
	background-color: #f1f1f1;
	background-image: url(../img/bg0.jpg);
	background-size: cover;
	max-width: 1920px; margin:auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}
.banner{
	 margin:auto;
	background-size: cover;
	height:200px; display: flex;
	justify-content: center; align-items: center; box-sizing: border-box; padding-bottom: 10px;
	max-width: 2350px;
}
.banner .logo{
	display: block; height:60px; align-items: center;
}
.banner .logo.logo2{
	height:46px; margin-left: 30px;
}
.main{
	position: absolute;
	left:0; right:0; top:180px;
	border-radius: 20px; overflow: hidden;
	min-height: 500px;

	background: rgba( 255, 255, 255, 0.55 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 4px );
	-webkit-backdrop-filter: blur( 4px );
	border-radius: 10px;
	border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.pannel{
	max-width: 600px;
	margin:auto;  margin-top:30px;
}
.pannel.glass{
	border-radius: 10px; overflow: hidden;
	background: rgba( 255, 255, 255, 1 );
	box-shadow: 0 8px 8px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 4px );
	-webkit-backdrop-filter: blur( 4px );
	border-radius: 10px;
	border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.pannel .title{
	background: #215a87;
	color:#fff;
	padding:20px 20px;
}

.pannel .title2{
	color: #215a87;
	text-align: center;
	padding:20px 20px; font-size:24px;
}

.query{
	padding-bottom:30px;
	
}
.line{
	width:460px; margin:auto; padding-top:20px;
}
.line .label{
	color:rgba( 1, 73, 95, 0.5 );
	font-size:18px;
	margin-bottom: 10px;;
}
.input{
	position: relative;
}
.input input{
	display: block;
	border:none; border-radius: 4px;
	background-color: #eee;
	width: 100%;
	height:50px;
	outline: none;
	box-sizing: border-box;
	padding:10px;
}
#jyimg{
	position: absolute; right:0; top:0; user-select: none; cursor: pointer;
}

#jyimg:hover{
	opacity: 0.8;
}

.btn{
	background-color: #215a87;
	color:#fff;
	display: block;
	width: 200px; height:40px; line-height: 40px; text-align: center;
	margin:auto; text-decoration: none; 
	margin-top:30px; border-radius: 4px; font-size: 18px;
	transition: all 0.3s ease-in-out;
}

.btn:hover{
	width: 230px; opacity: 0.7;
}

table {
	border-width: 1px;
	border-color: #aaa;
	border-collapse: collapse;
	width: 100%;
}
table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #aaa;
	background-color: #215a87;
	color:#fff;
}
table td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #aaa;
	background-color: #ffffff;
}

table tr{
	background-color: #fff;
}

table tr:hover{
	background-color: #f1f1f1;
}

table .zt{
	width:100px;
}

.sheng{
	display: inline-block; background-color: #0091bd; color:#fff; font-size: 14px; border-radius: 4px;
	margin-bottom: 2px; width: fit-content; padding:4px 10px; user-select: none;
}
.kelei{
	font-size: 18px; color:#333; display: inline-block;  margin-left: 10px;
}
.wxqrcode{
	display: block; width: 300px; margin:auto;
}
.wx-desc{
	color:#333; text-align: center; margin-top:15px;
}

@media screen and (min-width: 1400px) {
	body{
		background-color: #f1f6ff;
	}
	.banner{
		height:250px;
		padding-bottom: 30px;
	}
	.banner .logo{
		height:70px;
	}
	.banner .logo.logo2{
		height:50px; margin-left: 30px;
	}
	.main{
		top:210px; overflow: hidden;
	}
	.main{
		width: 1260px;
		left:50%;
		margin-left: -630px;
		padding: 0 20px;
		box-shadow: 3px 0 4px #ccc;
	}
	.pannel.left{
		/* margin-right:640px; */
		float: left;
	}
	.pannel.glass{
		border-radius:00px; overflow: hidden;
		background-color: transparent;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		border-radius: 10px;
		border: none;
		width: 700px;
	}

	.line .label {
		color: rgba(1, 73, 95, 0.8);
		font-size: 18px;
		margin-bottom: 10px;
	}

	#jyimg{
		border-radius: 6px;
	}
	.pannel .title{
		color: #215a87;
		text-align: center;
		padding:20px 20px; font-size:24px;
		background-color: transparent;
	}

	.pannel.right{
		/* position: absolute; top:0; right:20px; */
		float: right;
		width: 580px;
	}

	.wxqrcode{
		display: block; width:180px; margin:auto;
	}

	.pannel.left.wxinfo{
		width: 600px;
	}
	
}
.wx-desc{
	padding:10px;
}

@media screen and (min-width: 2000px) {
	.banner{
		height:300px;
		padding-bottom: 10px;
	}
	.banner .logo{
		height:80px;
	}
	.banner .logo.logo2{
		height:52px; margin-left: 30px;
	}
	.main{
		top:270px;
	}
}

@media screen and (min-width: 550px) and (max-width: 800px){
    .banner .logo{
		display: block; height:46px; align-items: center;
	}
	.banner .logo.logo2{
		height:30px; margin-left: 30px;
	}

	.pannel .title{
		color: #215a87;
		text-align: center;
		padding:20px 20px; font-size:24px;
		background-color: transparent;
	}

	.pannel.glass{
		border-radius:00px; overflow: hidden;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		border-radius: 10px;
		border: none;
		background-color: transparent;
	}

	.line{
		width:460px; margin:auto; padding-top:20px;
	}

	.line .label{
		color:rgba( 1, 73, 95, 0.8 );
		font-size:18px;
		margin-bottom: 10px;
	}

	table{
		width:480px; margin:auto;
	}

	.input input{
		background-color: #fff;
		border:1px solid #aaa;
	}
}

@media screen and (max-width: 550px){
	.main{
		background: rgba( 255, 255, 255, 0.75 );
		left:10px; right:10px;
	}
	.banner{
		display:block;
		box-sizing: border-box; padding-bottom: 10px;
		padding-top:40px;
	}

    .banner .logo{
		height:46px;
		display: block; margin:auto;
	}
	.banner .logo.logo2{
		height:30px;
		margin-left: auto; margin-top:15px;
	}

	.pannel .title{
		display: none;
	}

	.pannel .title2{
		color:#666;
		text-align: center;
		padding:5px; font-size:18px;
	}

	.pannel.glass{
		border-radius:00px; overflow: hidden;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		border-radius: 10px;
		border: none;
		background-color: transparent;
	}

	.line{
		width:300px; margin:auto; padding-top:20px;
	}

	.line .label{
		color:rgba( 1, 73, 95, 0.8 );
		font-size:18px;
		margin-bottom: 10px;
	}

	table{
		width:90%; margin:auto;
	}

	table th {
		padding:4px;
		font-size: 12px;
	}
	table td {
		padding:4px;
		font-size: 12px;
	}
	table .zt{
		width:60px;
	}

	.sheng{
		display:block; font-size: 12px; border-radius: 2px;
		margin-bottom: 2px; width: fit-content; padding:2px 4px;
	}
	.kelei{
		font-size: 14px; display: block;  margin-left: 0px;
	}

	.wxqrcode{
		display: block; width:200px; margin:auto;
	}
	.wx-desc{
		color:#333; text-align: center; margin-top:5px;
		font-size: 14px;
		padding:20px; padding-top:0;
	}
}

.footer{
	text-align: center;
	font-size: 12px;
	padding-bottom:35px; color:#333;
}

.footer a{
	text-decoration: none; color:#333;
}