body{
	background: url("../resource/img/dashuju_bg.jpg") no-repeat;
	background-size: cover;
	height: 150%;
}
@media screen and (min-width:640px) {
	html {
		font-size: 86px;
	}
}

@media screen and (min-width:414px) and (max-width:639px) {
	html {
		font-size: 55px;
	}
}

@media screen and (min-width:375px) and (max-width:413px) {
	html {
		font-size: 50px;
	}
}

@media screen and (min-width:320px) and (max-width:374px) {
	html {
		font-size: 42.5px;
	}
}
/*body.chunse{
	background: #00444d;
	background-size: 100% 100%;
}*/
.dsj_bg_icon{
	width: 9.2rem;
	height: 9.2rem;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -4.6rem;
	margin-top: -4.6rem;
}
.top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	padding: .2rem .24rem;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
}
.top.top_xq{
	position: relative;
	border-bottom: 1px solid rgba(201,201,201,0.5);
	padding: .18rem .4rem;
	padding-top: .28rem;
	margin-bottom: .24rem;
	z-index: 99999;
}
.top .logo{
	width: 2rem;
	height: .43rem;
}
.top .btn_box{
	display: flex;
	align-items: center;
}
.top .btn_box a{
	font-size: .18rem;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: .2rem;
	padding: 0 .15rem;
	height: .4rem;
	box-sizing: border-box;
	border-radius: .05rem;
	position: relative;
}

.top .btn_box a ul{
	position: absolute;
	width: 100%;
	max-height: 1.5rem;
	background: rgba(255,255,255,0.8);
	border-radius: .08rem;
	overflow-y: auto;
	left: 0;
	top: .40rem;
}
.top .btn_box a ul li{
	height: .36rem;
	padding: 0 .12rem;
	display: flex;
	align-items: center;
	font-size: .14rem;
	color: #222;
	transition: 0.3s all;
	cursor: pointer;
}
.top .btn_box a ul li:hover{
	color: #36A0FF;
}
.top .btn_box a:hover ul{
	display: block;
}
.top .btn_box a.type1{
	border: 1px solid #fff;
}
.top .btn_box a.type2{
	background: #36A0FF;
	color: #fff !important;
	transition: .3s all;
	min-width: fit-content;
}
.top .btn_box a.type2:hover{
	background: #3196ef;
}
.top .btn_box a img{
	width: .24rem;
	height: .24rem;
	margin-right: .05rem;
}

.conter{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 1rem;
	box-sizing: border-box;
}
.titleMax{
	text-align: center;
	color: #fff;
	margin: auto;
	margin-bottom: .5rem;
}
.titleMax h2{
	font-size: .4rem;
	font-weight: bold;
}
.titleMax p{
	font-size: .3rem;
}
.input_box{
	display: flex;
	align-items: center;
	width: 10.6rem;
	margin-bottom: 1rem;
	position: relative;
	z-index: 999;
}
.selce-span{
	display: block;
	 /* 使 span 占满父元素宽度 */
	width: 100%;
	overflow: hidden; /* 隐藏超出部分 */
	text-overflow: ellipsis; /* 超出部分显示省略号 */
	white-space: nowrap; /* 不换行 */
	/* 你可以根据实际需要调整 font-size 和 line-height */
	font-size: 0.18rem;
	line-height: 1.2rem;
}
.input_box_item{
	height: .63rem;
	border-radius: .08rem;
	border: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 .15rem;
	font-size: .22rem;
	color: #fff;
	margin-right: .05rem;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}
.input_box_item input{
	background: none;
}
.input_box_item ul{
	position: absolute;
	width: 100%;
	max-height: 3rem;
	background: rgba(255, 255, 255, .9);
	border-radius: .08rem;
	overflow-y: auto;
	left: 0;
	top: .7rem;
}
.input_box_item ul li{
	line-height: 1.5;
	padding: .1rem;
	display: flex;
	align-items: center;
	font-size: .18rem;
	transition: 0.3s all;
	cursor: pointer;
	border-bottom:1px solid #dadada ;
	color: #999;
}
.input_box_item ul li:hover{
	color: #002F5A;
}
.input_box_item .sc_icon{
	width: .2rem;
	height: .2rem;
	margin-right: .2rem;
}
.input_box_item .dengji_icon{
	width: .14rem;
	height: .08rem;
}
.input_box_item input{
	height: 100%;
	background: none;
	color: #fff;
	font-size: .22rem;
	flex: 1;
}
.input_box_item input::placeholder{
	color: #fff;
}
.input_box .chaxun_btn{
	flex: 1;
	height: .63rem;
	background: #36A0FF;
	font-size: .22rem;
	border-radius: .08rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	cursor: pointer;
	transition: 0.3s all;
}
.input_box .chaxun_btn:hover{
	background: #3196ef;
}

.show_data{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 7.5rem;
	margin: auto;
	color: #fff;
	font-size: .16rem;
	text-align: center;
}
.show_data h1{
	font-size: .24rem;
}
.show_data p{
	font-size: .16rem;
}
.show_data h2{
	margin-top: .5rem;
	font-size: .62rem;
}

.w{
	height: 9.6rem;
	padding: 0 .4rem;
	position: relative;
}
.w .input_box{
	width: 8.24rem;
	margin: auto;
}
.w .input_box .input_box_item,.w .input_box .chaxun_btn{
	height: .5rem;
}
.renshutongji_box{
	font-size: .18rem;
	color: #fff;
	position: absolute;
	top: .16rem;
	left: .4rem;
}
.index_data_box{
	background: rgba(0, 0, 0, .5);
	border-radius: .1rem;
	overflow: hidden;
	border: .04rem solid #99ceff;
	box-sizing: border-box;
}
.index_data_box .tit{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: .18rem;
	color: #fff;
}
.index_data_box .tit .fenxiang_box{
	display: flex;
	align-items: center;
}
.index_data_box .tit .fenxiang_box img{
	width: .24rem;
	height: .24rem;
	margin-left: .05rem;
	cursor: pointer;
}
.index_data_type1{
	width: auto;
	height: 5.5rem;
	padding: 0 .4rem;
	padding-top: .5rem;
	position: absolute;
	z-index: 9;
	top: .68rem;
	left: .4rem;
}
.index_data_type1 .item{
	margin-bottom: .65rem;
}
.index_data_type1 .item:last-child{
	margin-bottom: 0;
}
.index_data_type1 .nub_box{
	display: flex;
	margin-top: .2rem;
}
.index_data_type1 .nub_box li{
	display: flex;
	align-items: center;
	margin-right: .4rem;
}
.index_data_type1 .nub_box li .nub_icon{
	width: .35rem;
	height: .94rem;
	margin-right: .1rem;
}
.index_data_type1 .nub_box li .text img{
	display: block;
	height: .32rem;
}
.index_data_type1 .nub_box li .text h2{
	font-size: .48rem;
	font-weight: bold;
	color: #fff;
}
.index_data_type1 .index_data_type1_map{
	width: 6.51rem;
	height: 2.72rem;
	margin-top: .3rem;
}
.index_data_type1 .index_data_type1_map img{
	display: block;
	width: 100%;

	height: 100%;
}
.index_data_type2{
	width: 11rem;
	height: 3.2rem;
	position: absolute;
	z-index: 9;
	bottom: 0rem;
	left: .4rem;
	box-sizing: border-box;
	padding: 0 .36rem;
	padding-top: .2rem;
}
.index_data_type2 .data_map{
	width: 11.27rem;
	height: 2.99rem;
	margin-top: .2rem;
}
.index_data_type2 .data_map img{
	display: block;
	width: 100%;
	height: 100%;
}
.map_box{
	width: 100%;
	height: 9.42rem;
	position: absolute;
	right: .4rem;
	top: 0;
	text-align: right;
}
.map_box img{
	height: 100%;
}

.index_nub_data{
	position: absolute;
	right: .4rem;
	bottom: 5rem;
	display: flex;
	align-items: center;
	text-align: right;
	color: #fff;
	font-size: .18rem;
}
.index_nub_data h2{
	margin-top: .2rem;
}
.index_nub_data h2 span{
	font-size: .3rem;
}
.xinxi_data_box1 .type2{
	display: flex;
	justify-content: space-between;
	width: 3.56rem;
	margin: auto;
}
.xinxi_data_box1 .type2 div{
	width: 1.3rem;
	height: 1.3rem;
}
.xinxi_data_box1 .type3{
	width: 5.4rem;
	height: 2.5rem;
}

.beian{
	width: 100%;
	height: .3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: .16rem;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
}
.beian img{
	margin: 0 .05rem;
	width: .2rem;
	height: .2rem;
}