html{height: 100%;/**overflow: hidden; 锁定手机端上下滑动**/}
body{
	height: 100%;
	padding-bottom: 0;
	font-size: 0.8rem;
	background: #f9f8f6 url(../images/sjbg.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:0.1rem;}

.banner{padding: 1.92rem 13.4% 0 15.2%;}
.nrbox{padding: 1rem 3.2rem;}
.nrbox .linkUl>li{padding-bottom:0rem;position: relative; top: 2.5rem;}/**电脑端 横幅与官网按钮间距调节**/
.nrbox .linkUl>li>a{ 
	display: block; 
	position: relative;
	height: 3.98rem;
}
.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/btn02.png) no-repeat center top;
    background-size: 100% auto;
}
/* .nrbox li.li03 a{ 
	background: url("../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;
} 
.jsBox a{background: none;}
.nrbox .linkUl>li.li05>a{ 
	background: url(../images/btn05.png) no-repeat center top;
    background-size: 100% auto;
}


	/* 滑出 */
	.jsBox {
	    width: 100%;
		max-width: 540px;
		position: absolute;
	    left: 0;
	    right: 0;
	    margin: auto;
		top: 0;
		z-index: 10;
		display: none;
		box-sizing: content-box;
		border: 1px solid #1968ff;
		background: rgba(255, 255, 255, 0.95);
		transform:  translateY(calc(-100% - -4px));
		-webkit-transform: translateY(calc(-100% - -4px));
		padding: 16px 0;
	}
	
	.jsBox::after {
	    content: '';
	    background: url(../images/triangle.svg);
	    display: block;
	    position: absolute;
	    width: 10px;
	    height: 10px;
	    left: 0;
	    right: 0;
	    margin: auto;
	    bottom: -10px;
	}


	.li04 .ulList li{
		color: #666;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size:16px;
	    line-height: 30px;
		height: .5rem;
	}
	.li04 .jsBox{
		border: 1px solid #1968ff;
		max-width:260px;
	}
	.li04 .ulList li > img {
		margin:0;
	}
	.li04 .ulList li:hover{
		color: #1968ff;
	}	
	
	
	.jsBox ul {
		width: 100%;
		
	}
	
	.jsBox ul li {
		margin: 0.06rem 0;
		overflow: hidden		
		color:#666;
		font-size:16px;
		width: 100%;
	
	}
	.jsBox ul li a{display: flex;align-items: center;height: .49rem;}
	.jsBox a{color: #666;}
	.jsBox a:hover{color: #1a4ff5;}

	.jsBox li span {
		display: block;
		float: left;
		color: #000;
		font-size: 0.3rem;
		line-height: 0.7rem;
		text-align: center;
		border: 1px solid #666;
		background: #fff;
		box-sizing: border-box;
		overflow: hidden;
	}
	
	.jsBox li .ms {
		width: 1.1rem;
	}
	
	.jsBox li img {
		padding-right: .1rem;
		width: 0.4rem;
		display: block;
		float: left;
	}
	
	.jsBox li .url {
		width: 4.14rem;
	}
	
	.jsBox li .thcomm {
		width: 2.15rem;
		display: block;
		float: right;
		color: #666;
		font-size: 0.3rem;
		font-weight: bold;
		line-height: 0.7rem;
		text-align: center;
		border:1px solid #1968ff;
		background: linear-gradient(180deg, #1968ff 0%, #fff 100%);
		box-sizing: border-box;
	}
	
	.jsBox .arrow {
		margin-left: -0.11rem;
		width: 0.22rem;
		position: absolute;
		left: 25%;
		bottom: -0.14rem;
	}
	
		


.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.png) no-repeat center center;
	background-size: cover;
	}
 .logo { width: 100%; text-align:center; padding:0.1% 0px; border-bottom:4px solid #ebe6e67a;  height:5%; background: #efe5db url(../picture/logobg.png)   }
  }
	.banner {
		padding: 1.04rem 35% 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: 5.84rem;}
	.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/btna1.png) no-repeat center top;}
	.nrbox .linkUl>li.li02 a{background: url(../images/btn02a.png) no-repeat center top;}
/* 	.nrbox .linkUl>li.li03 a{background: url("../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/btn02.png) no-repeat center top;top: 3.84rem;}


	.jsBox{
			margin-left:-25%;
		}
		.li04 .jsBox{
			margin-left:auto;
			max-width:360px;
		}
		.li04 .jsBox li{
			color:#fff;
			font-size:22px;
			gap:10px;
		}


.text01{
        width: 100%;
        clear: both;
        padding: 0px 0 .2rem  0;
        top: 25px;
        text-align: center;
        position: relative;
        display: block;
        }
	.text01 p{
		width:100%;		
		font-size: 1.5rem;
	    color: #0fc715;
	}

.text02{
        width: 100%;
        clear: both;
        padding: 0px 0 .2rem  0;
        top: 20px;
        text-align: center;
        position: relative;
        display: block;
        }
	.text02 p{
		width:100%;		
		font-size: 1.5rem;
	    color: #E91E63;
	}



	.footer{
        width: 100%;
        clear: both;
        padding: 0px 0 .2rem  0;
        top: 35px;
        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;
}



#main {
	height: 85%;
	position:relative;
}
#alert{box-sizing:border-box;position:absolute;left: 4px;width: 98%;bottom: 100%;background: #fff;z-index:9999999999999;padding:10px;background-size:100% 100%;border: 1.5px solid rgb(177 107 5);}

#main .photo {
	position: relative;
	height: 73%; 
}

#main .photo img {
	width: auto;
	height: auto;
	max-width: 00%;
	max-height: 00%;
}

#main .photo a {

	display: block;
	position: absolute;
	left: 50%;
	top: 0.98rem;
}

#main .navi {
	
margin-top: -2px;
}

#main .navi>li {
	width: 150%;
	height: 50%;
	float: left;
	box-sizing: border-box;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
}

#main .navi>li:nth-child(2n) {
	border-right: none;
}

#main .navi>li>a {
	height: auto;
	width: 100%;
	overflow: hidden;
	zoom: 1;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	

}

#main .navi>li.on>a {
	background: #3575E7;
}

#main .navi>li>a .img {
	margin: -0.1rem -0.10rem 10px;
	display: block;
	float: left;
}

#main .navi>li>a .img img {
	width: 170px;
	height: 65px;
}

#main .navi>li.on>a .img {
	background: url(../images/img02_on.png) no-repeat center top;
	background-size: auto 100%;
}

#main .navi>li.on>a .img img {
	visibility: hidden;
}

#main .navi>li>a .txt {
	display: block;
	width: auto;
	float: left;
	color: #a1a1a1;
	font-size: 0.22rem;
	white-space: nowrap;
}

#main .navi>li>a .txt span {
	margin-bottom: 0.08rem;
	display: block;
	color: #fff;
	font-size: 0.32rem;
	font-weight: bold;
}

#main .navi>li.on>a .txt,
#main .navi>li.on>a .txt span {
	color: #fff;
}

#main .navi>li .jsBox {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	box-sizing: border-box;
	border: 1px solid #3575E7;
	background: rgba(255, 255, 255, 0.95);
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}

#main .navi>li.on .jsBox {
	display: block;
}

#main .navi>li .jsBox ul {
	padding: 0.43rem 0.6rem 0.13rem;
}

#main .navi>li .jsBox li {
	margin-bottom: 0.25rem;
	overflow: hidden;
	zoom: 1;
}

#main .navi>li .jsBox li span {
	display: block;
	float: left;
	color: #414755;
	font-size: 0.3rem;
	line-height: 0.7rem;
	text-align: center;
	/* border: 1px solid #CED3DC; */
	background: #D9DDE4;
	box-sizing: border-box;
}

#main .navi>li .jsBox li .ms {
	width: 1.2rem;
}

#main .navi>li .jsBox li img {
	margin: 0.25rem 0.28rem 0 0.38rem;
	width: 0.45rem;
	display: block;
	float: left;
}

#main .navi>li .jsBox li .url {
	width: 4.14rem;
}

#main .navi>li .jsBox li a {
	width: 2.15rem;
	display: block;
	float: right;
	color: #fff;
	font-size: 0.3rem;
	font-weight: bold;
	line-height: 0.7rem;
	text-align: center;
	/* border: 1px solid #414755; */
	background: #3575E7;
	box-sizing: border-box;
}

#main .navi>li .jsBox .arrow {
	margin-left: -0.12rem;
	width: 0.25rem;
	position: absolute;
	left: 25%;
	bottom: -0.13rem;
}



	
#alert  
{
    display:none;  
    padding:20px 10px;
}
#clo1{ margin-left:95%; 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, #bd750b 0%, #7e4f0a 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: #8e5807; }
.xianlu2:hover a{ color: #8e5807;  }
@media screen and (max-width:767px) {
	.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: 139%;
}
  
  .nrbox .linkUl>li{padding-bottom:0rem;position: relative;top: 1rem;}/**手机端， 横幅与官网按钮间距调节**/
    
} 
@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; 
    }
	
		.nrbox .linkUl>li.li01>a{background: url(../images/btna2.png) no-repeat center top;}

 .logo { width: 100%; text-align:center; padding:0.1% 0px; border-bottom:4px solid #ebe6e67a;  height:5%; background: #efe5db url(../picture/logobg.png)   }

    #clo1{ margin-left:85%; cursor:pointer; font-size: 1rem; line-height:1; margin-bottom:10px; }

	.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/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%;
	}