html {
	height: 100%;/**overflow: hidden; 锁定手机端上下滑动**/
}
body {
	height: 100%;
	padding-bottom: 0;
	font-size: 0.8rem;
	background: #b3d5ff url(../images/bg01.jpg) no-repeat center top;
	background-size: 100%;
}
.qjbox {
	height: 13.34rem;
	margin: 0 auto;
}
/* --------------top-------------- */
.logo {
	width: 10.77rem;
	margin: 0 auto;
	padding-top: 1.3rem;
}
.ggtp {
	padding-top:1.35rem;
}
.banner {
	padding: 1.92rem 13.4% 0 15.2%;
}
.nrbox {
	padding: 1rem 0;
}
.nrbox .linkUl>li {
	padding-bottom:0rem;
	position: relative;
	top: -0.5rem;
}/**电脑端 横幅与官网按钮间距调节**/
.nrbox .linkUl>li>a {
	display: block;
	position: relative;
	height:63px;
}
.nrbox .linkUl>li>a .tag {
	display: block;
	position: absolute;
	right: 0.3rem;
	top:0;
	width: 0.27rem;
}
.nrbox .linkUl>li.li01>a {
	background: url(../images/btn01.png) no-repeat center top;
	background-size: 100% auto;
}
.nrbox .linkUl>li.li02>a {
	background: url(../images/images/btn02.png) no-repeat center top;
	background-size: 100% auto;
}
/* .nrbox li.li03 a{ 
	background: url("../images/images/btn03.png") no-repeat center top;
    background-size: 100% auto;
} */
.nrbox .linkUl>li.li04>a {
	background: url(../images/btn04.png) no-repeat center top;
	background-size: 100% auto;
}
.nrbox .linkUl>li.li05>a {
	background: url(../images/btn05.png) no-repeat center top;
	background-size: 100% auto;
}
.nrbox .linkUl > li .jsBox {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	box-sizing: border-box;
	border: 3px solid rgb(83, 188, 244);
	background:#fff;
	background-origin: border-box;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	z-index:999999;
	border-radius: 10px;
}
.nrbox .linkUl > li.on .jsBox {
	display: block;
}
.nrbox .linkUl > li .jsBox ul {
	padding: 1rem 1rem 0rem;
}
.nrbox .linkUl > li .jsBox li {
	margin-bottom: 1rem;
	overflow: hidden;
	zoom: 1;
}
.nrbox .linkUl > li .jsBox li .ms1 {
	display: block;
	float: left;
	color: #000;
	border: 1px solid #99ccff;
	font-size: 16px;
	line-height:42px;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
	border-radius: 3px;
	font-weight:bold;
}
.nrbox .linkUl > li .jsBox li .url {
	display: block;
	float: left;
	color: #000;
	border: 1px solid #99ccff;
	font-size: 16px;
	line-height:42px;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
	border-radius: 3px;
	font-weight:bold;
}
.nrbox .linkUl > li .jsBox li .ms1 {
	width:18%;
}
.nrbox .linkUl > li .jsBox li img {
	margin: 1rem 0.5rem 0 0.5rem;
	width:5%;
	display: block;
	float: left;
}
.nrbox .linkUl > li .jsBox li .url {
	width: 42%;
}
.nrbox .linkUl > li .jsBox li a {
	width: 28%;
	display: block;
	float: right;
	color: #fff;
	border-image-source: linear-gradient(to bottom, #7e331e, #7e331e);
	border-image-slice: 1;
	background-color:#d40000;
	background-origin: border-box;
	border:1px solid #d40000;
	font-weight: bold;
	font-size: 16px;
	line-height:42px;
	text-align: center;
	border-radius: 3px;
}
.nrbox .linkUl > li .jsBox .arrow {
	margin-left: -0.3rem;
	width: 1.5rem;
	position: absolute;
	left: 50%;
	bottom: -1rem;
}
.footer {
	width: 100%;
	clear: both;
 padding: 0px 0 .2rem 0;
	top: -20px;
	text-align: center;
	position: relative;
	display: block;
}
.footer p {
	font-size: 0.8rem;
	color: #252f44;
}
.linkUl>li.on .jsBox {
	display: block;
}
@media screen and (min-width: 768px) {
 .linkUl li:hover .jsBox {
 display: block;
}
 body {
 background: #b3d5ff url(../images/bg_pc.jpg) no-repeat center center;
 background-size: cover;
}
 .logo {
width: 15%;
text-align:center;
height: 100%;
}
 .banner {
 padding: 1.04rem 32% 0;
 margin: 0 auto;
 height: 100%;
 position: relative;
}
 img {
 width: 100%;
 display: block;
 width: auto;
 height: auto;
 max-width: 98%;
 max-height: 100%;
 margin: 0 auto;
}
 .nrbox {
 padding: 0rem 1rem 0;
 max-width: 550px;
 margin: 0 auto;
}
 .nrbox .linkUl>li {
 width: 50%;
 padding: 0.01rem 0.05rem;
 float: left;
 box-sizing: border-box;
}
 .nrbox .linkUl>li>a {
height:93px;
}
 .nrbox .linkUl>li>a .tag {
width: 0.24rem;
right: 0.27rem;
}
 .nrbox .linkUl>li.li01 {
width: 100%;
}
 .nrbox .linkUl>li.li02 {
width: 100%;
margin-bottom: 0.26rem;
}
 .nrbox .linkUl>li.li01>a {
background: url(../images/btn01a.png) no-repeat center top;
}
 .nrbox .linkUl>li.li02 a {
background: url(../images/images/btn02a.png) no-repeat center top;
}
/* 	.nrbox .linkUl>li.li03 a{background: url("../images/images/btn03a.png") no-repeat center top;} */
	.nrbox .linkUl>li.li04 a {
background: url(../images/btn04a.png) no-repeat center top;
}
 .nrbox .linkUl>li.li05 a {
background: url(../images/btn05a.png) no-repeat center top;
}
 .nrbox .linkUl>li.li06 {
width: 100%;
height: 10.84rem;
}
 .nrbox .linkUl>li.li06 a {
background: url(../images/images/btn02.png) no-repeat center top;
top: 3.84rem;
}
 .footer {
 width: 100%;
 clear: both;
 padding: 0px 0 .2rem 0;
 top: -5px;
 text-align: center;
 position: relative;
 display: block;
}
 .footer p {
 width:100%;
 font-size: 1.2rem;
 color: #252f44;
}
 .linkUl li:hover .jsBox {
 display: block;
}
}
/**线路弹窗**/


#container {
	margin: 0 auto;
	height: 100%;
	max-height: 100vh;
	width: 100%;
	max-width: 59.7vh;
	aspect-ratio: 560 / 937;
}
#container {
	margin: 0 auto;
	height: 100%;
	max-height: 100vh;
	width: 100%;
	max-width: 59.7vh;
	aspect-ratio: 560 / 937;
}
#alert {
	display:none;
	padding:20px 10px;
}
#clo1 {
	margin-left:90%;
	cursor:pointer;
	font-size: 1rem;
	line-height:1;
	margin-bottom:10px;
}
.list img {
	width:auto;
}
.list ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 0px;
}
.list ul li .min {
	background:rgba(255, 255, 255, 0.95);
	color: #414755;
	padding: 17px;
	font-weight:bold;
	margin: 0px 17px;
	border: solid 1px #de911c;
}
.list ul li .xianlu {
	background:rgba(255, 255, 255, 0.95);
	color: #414755;
	padding: 13px 0px;
	font-weight:bold;
	margin:0px 10px;
	font-size: 1rem;
	width: 200px;
	text-align:center;
	border: solid 1px #cd8d13;
}
.list ul li .arrow img {
	width:3.25rem;
}
.list ul li .go img {
	width:10rem;
}
.xianlu2 {
	background: linear-gradient(270deg, #d40000 0%, #ff1010 100%);
	color:#151414;
	padding: 13px 0px;
	font-weight:bold;
	margin:0px 10px;
	font-size: 1rem;
	width: 100px;
	text-align:center;
	border: solid 1px #cd8d13;
}
.xianlu2:hover {
	background: linear-gradient(180deg, #fbe2e2 0%, #fffcfc 100%);
	color: #eb3528;
}
.xianlu2:hover a {
	color: #eb3528;
}
@media screen and (max-width:767px) {
 .nrbox .linkUl > li .jsBox {
 width: 100%;
 position: absolute;
 left:0%;
 top:-15px;
 display: none;
 box-sizing: border-box;
 border: 3px solid rgb(83, 188, 244);
 background:#fff;
 background-origin: border-box;
 transform: translateY(-100%);
 -webkit-transform: translateY(-100%);
z-index:999999;
 border-radius: 10px;
}
 .nrbox .linkUl > li .jsBox ul {
 padding: .8rem 1rem 0rem;
}
 .nrbox .linkUl > li .jsBox li {
 margin-bottom: .8rem;
 overflow: hidden;
 zoom: 1;
}
 .nrbox .linkUl > li .jsBox li .url {
 width: 40%;
}
 .header {
 padding: 2%;
}
 #container {
 width: auto;
 height: auto;
 aspect-ratio: auto;
}
 .list ul li .go img {
 width: 3.2rem;
}
 #alert {
 padding: 10px;
}
}
 @media screen and (max-width:640px) {
 .list ul li .xianlu {
 padding: 5px 0px;
 margin: 4px;
 font-size: 0.8rem;
 width: 124px;
}
 .banner {
 padding: 1.92rem 10.4% 0 10.4%;
}  /**横幅图，手机宽高调整**/
 #alert {
 padding: 10px;
 left: -19%;
 width: 136%;
}
 .nrbox .linkUl>li {
padding-bottom:0rem;
position: relative;
top: -1rem;
padding-left:3.2rem;
padding-right:3.2rem;
}/**手机端， 横幅与官网按钮间距调节**/

.nrbox .linkUl>li.li05{ margin-top:1px;}

}
@media screen and (max-width:467px) {
 #clo1 {
 margin-bottom: 0px;
}
 .list ul li .min {
 margin: 0px;
 padding: 8px 8px;
}
 .list ul li .go img {
 width: 6.6rem;
}
 .list ul li .xianlu {
 padding: 5px 25px;  /**调宽中间栏目**/
 margin: 4px;
 font-size: 1.0rem;
 width: 124px;
}
 .list ul li .xianlu2 {
 padding: 5px 0px;
 margin: 4px;
 font-size: 1rem;
}
 #alert {
border: 1.5px solid rgb(214 204 215 / 0%);
}
 .list ul li .arrow img {
 width: 1.5rem;
}
 #alert {
 padding: 10px;
}
}
.wrap {
	overflow:hidden;
	position:relative;
	width:100%;
	max-width:750px;
	margin:0 auto;
	background:url(../images/images/bjsj.png) no-repeat top center;
	flex-direction:column;
	display:flex;
	height:100%;
	align-items: center;
}
.btn {
	margin: 10px auto;
	height: 8%;
	display: flex;
	justify-content: center;
	width: 100%;
}