html,body{
	background-color: #EEEEEE;
	height: auto;
}
.main_box{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	flex-direction: column;
	position: relative;
/*    padding-bottom: 100px; */
	margin-top: 20px;
	
}


.information_box{
	width: 70%;
	padding: 0 15%;

	background: #fff;
	display: flex;
	justify-content: center;

	flex-direction: column;
}
.information_box_title{
	display: flex;
	align-items: center;
	color: #333;
	margin-bottom: 15px;
	margin-top: 15px;
	font-size: 18px;
}
.information_box_title span{
	color: #666;
	margin-left: 5px;
}
.information_main{
	display: flex;
/* 	justify-content: center; */
	height: auto;
	
}
.information_left{
	width: 50%;
	display: flex;
	flex-direction: column;
	min-width: 50%;
}
.information_left .video_image{
	cursor: pointer;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	position: relative;
}
.information_left .video_image img,.information_left .video_image video{
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: fill !important;
}
.information_left{
	width: 50%;
}
.information_right{
	width: 50%;
}
.message_list{
	width: 90%;
	margin: 0 5%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.message_list_index li{
	padding-left: 20px;
}
.message_list li{
	display: flex;

	align-items: center;
	min-height: 80px;
	border-bottom: 1px solid #ddd;
	width: 100%;
	margin-bottom: 10px;
}
.information_list {
	align-items: flex-start;
}
.information_list .title{
	margin-top: 10px;
	color: #999;
	font-size: 17px;
}
.information_list li{
	border: none;
	width: 100%;
}
.message_list li:first-child{
	border-top: 1px solid #ddd;
}
.message_list li .message_date{
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    /* align-items: center; */
	    width: 70px;
	    font-size: 14px;
	    min-width: 60px;
}
.message_list li .message_date{
	font-weight: bold;
	font-size: 18px;
	color: #666;
	position: relative;
}
.message_list li .message_date .date{
	font-weight: normal;
	font-size: 14px;
	margin-top: 5px;
	padding-left: 6px;
}
.message_list li .message_date i{
	display: flex;
	flex-wrap: wrap;
}
.message_list li .message_info{
	display: flex;
	flex-direction: column;
	margin-left: 10px;
	color: #666;
	flex: 1;
	width: calc(100% - 100px);
	
}
.message_list li .message_info .title{
	font-size: 16px;
}
.message_list li .message_info .subTitle{
	font-size: 12px;
	margin-top: 7px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #999;
}
.message_list li .message_date::after{
	content: '';
	position: absolute;
	width: 1px;
	height: 70%;
	top: 15%;
	right: 0;
	background-color: #ddd;
}
.information_bottom{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.information_bottom .more_btn{
	padding: 10px 35px;
	font-size: 16px;
    border: 1px solid #ddd;
	background-color: #fff;
	margin: 15px 0;
	display: flex;
	color: #999;
}
.information_bottom .more_btn:hover{
		color: #fff;
		background-color: #007AFF;
	}
.video_box{
	margin-top: 30px;
	background-color: transparent;
}
.video_box .message_list li .message_info .subTitle{
	margin-top: 0px;
}
.video_box .information_right{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.video_main{
	display: flex;
	width: calc(50% - 40px);
	flex-direction: column;
	position: relative;
    align-items: center;
	margin-right: 40px;
	
}
.video_main .video_image{
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	position: relative;
}
.video_main .message_list li .message_date{
	color: #999;
}
.video_main img{
	width: 100%;
	height: 100%;
	position: absolute;
	
}
.video_main video{
	width: 100%;
	height: 100%;
	position: absolute;
}
.video_main .message_list li{
	border: none;
	height: 60px;
}
.video_main .message_list{
	margin: 0;
}
.video_main .title{
	background-color: #fff;
	height: 30px;
	display: flex;
	align-items: center;
	width: 100%;
	color: #666;
	font-size: 13px;
	text-indent: 10px;
}
.video_box .information_left{
	margin-right: 50px;
}
.introduce_box{
	margin-top: 40px;
	padding-bottom: 35px;
	padding-top: 15px;
}
.introduce_main{
	display: flex;
	justify-content: center;
	align-items: center;
	/* height: 300px; */
	
}
.introduce_main img{
	width: 50%;
	/* height: 300px; */
}
.introduce_main .information{
	width: 45%;
	padding: 0 2.55%;
	font-size: 14px;
	text-indent: 28px;
	height: 100%;
	color: #666;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.flight_box{
	margin-top: 20px;
	background-color: transparent;
}
.flight_main{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.flight_main li{
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fff;
}
.flight_main li img{
	width: 100%;
	height: 200px;
}
.flight_main li .title{
	color: #666;
	font-size: 14px;
	margin-top: 5px;
}
.flight_main li .subTitle{
	    color: #999;
	    font-size: 12px;
	    width: 90%;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    padding: 10px;
	    /* margin: 0 20px; */
	    padding-top: 0;
}

.about_box{
	margin-top: 25px;
	padding-bottom: 15px;
}
.about_main{
	display: flex;
	justify-content: center;	
}
.about_main i{
	margin-bottom: 10px;
	color: #999;
}

.about_text{
	width: 30%;
	display: flex;
	flex-direction: column;
	font-size: 12px;
	color: #666;
	margin-left: 5%;
	
}
.about_text .title{
	font-size: 16px;
	margin-top: 20px;
	color: #666;
}
.link_box{
	display: flex;
    flex-direction: column;
	margin-top: 30px;
}
.link_box span i{
	margin-right: 3px;
}
.about_main .map{
	width: 50%;
	height: 300px;
}
.code_box{
	    min-width: 160px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    flex-direction: column;
	    margin-right: 3%;
}
.code_main{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #999;
}
.code_box img{
	width: 100px;
	height: 100px;
}
.code_main i{
	margin: 15px;
}
.consulting_main{
	display: flex;
	width: 100%;
	flex-direction: column;
}
.consulting_main .text_box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.consulting_main .text_box i,.consulting_main .input_box i{
	width: 10%;
	display: flex;
	font-size: 16px;
	justify-content: center;
}
.consulting_main .text_box textarea{
	width: 90%;
	height: 100px;
	outline: navajowhite;
	border: 1px solid #e6e6e6;
}
.consulting_main .input_box{
	display: flex ;	
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.consulting_main .input_box i{
	align-items: center;
}
.consulting_main input{
   width: 200px;
   height: 30px;
   outline: navajowhite;
   border: 1px solid #e6e6e6;
}
.consulting_main .input_code{
	width: 100px;
	margin-right: 8px;
}
.consulting_main .consulting_btn{
	display: inline-block;
	width: 60px;
	height: 38px;
	line-height: 38px;
	padding: 0 18px;
	background-color: #CC0000;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	margin-left: 10%;
	margin-bottom: 20px;
	cursor: pointer;
}	
.consulting_box{
		margin-top: 20px;
	}
	.consulting_list{
		font-size: 16px;
		    width: 100%;
		    margin-top: 15px;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    flex-direction: column;
		    border-top: 1px solid #ddd;
		    margin-bottom: 25px;
	}
	.consulting_list .consulting_list_li{
		    cursor: pointer;
		    align-items: center;
		    min-height: 30px;
		    border-bottom: 1px solid #ddd;
		    width: 98%;
		    margin-top: 10px;
		    padding: 0 10px;
			letter-spacing: 1px;
	}
	.consulting_list_li span{
		font-size: 14px;
	}
	.reply{
		display: flex;
		font-size: 16px;
		padding: 10px 30px;
	}
	.reply_left{
		 font-size: 14px;
		min-width:3%;
		line-height: 1.5;
	}
	.reply_rigth{
		    
	}
	.page .custom-pagination {
	    left: 47%!important;
		top: -25px!important;
	}
	.li_title{
		font-size: 14px;
	}
	.li_title span{
		padding: 5px;
		font-size: 16px;
	}
@media all and (min-width: 300px) and (max-width: 1024px){
	html,body{
		width: 100%;
		height: 100%;
	}
	.consulting_box{
		padding-top:5%;
	}
	.reply_left {
	    min-width: 15%;
	}
	.reply {
	    padding: 10px 0 10px 30px;
	}
	.main_box{
		margin-top: 0;
		padding-bottom: 0.5rem;
	}
	.app_top{
		width: 100%;
		height: auto;
		position: relative;
	}
	.getmore{
		width: 100%;
		margin-bottom: 10px;
	}
	.getmore_btn{
		border: 0.05rem solid #ddd;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 116px;
		height: 45px;
		font-size: 14px;
		color: #666;
		margin: 0 auto;
	}
	.nodata{
		width: 100%;
		text-align: center;
		height: 45px;
		line-height: 45px;
		font-size: 14px;
		color: #666;
		display: none;
	}
/* 	.swiper-container{
		width: 100%;
		height: 100%;
		position: relative;
	}
	 .swiper-container li{
		width: 100%;
		height: 100%;
		position: relative;
	}
	 .swiper-container  li img{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
	}
	 .swiper-container a{
		text-decoration: none;
		position: absolute; 
		bottom: 40px;
		z-index: 999;
		color: #fff;
		background-color: #FF9224;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40px;
		width: 100px;
		font-weight: bold;
		left: calc(50% - 50px);
		font-size: 15px;
	} */


	.app_nav_box{
		display: flex;
		width: 100%;
		background-color: #fff;
		padding: 0.5reem;
		display: flex;
		justify-content: center;
		align-items: center;
		height: auto;
		height: 6rem;
		padding: 0.5rem 0;
	}
	.app_nav_box li{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		font-size: 14px;
		color: #333;
		flex: 1;
		padding-bottom: 10px;
		padding-top: 10px;
		
		
	
	}
	.app_nav_box img{
		width: 3.5rem;
		height: 3.5rem;
		margin-bottom: 0.5rem;
		
		
	}
	.app_vide_box{
		width: 100%;
		padding:  5%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 1rem;
		background: #fff;
		position: relative;
		padding-top: 10px;
		
	}
	.app_vide_box_title{
		height: 2rem;
		width: 100%;
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 1rem;
		font-weight: bold;
		color: #666;
	}
	.app_vide_box .app_vide_main{
		width: 90%;
		height: 12rem;
		position: relative;
	}
	.app_vide_box .video_img{
		position: absolute;
		width: 100%;
		height: 12.1rem;
		left: 0;
		top: 0;
		z-index: 999;
	}
	.app_vide_main video{
		width: 100%;
		height: 12rem;
	}
	.app_img_box{
		width: 90%;
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 1rem;
	}
	.app_img_box .video_image{
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	position: relative;
}
	.app_img_box span{
		    display: block;
		    width: 46%;
		    position: relative;
		    height: 100%;
		    margin-bottom: 1rem;
	}
	.app_img_box video{
		width: 100%;
		height: 100%;
		position: absolute;
	}
	.app_img_box  span img{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 999;
	}
	.app_img_box span .shaodw{
		width: 100%;
		height: 1.5rem;
		opacity: 0.8;
		background-color: #000;
		position: absolute;
		left: 0rem;
		bottom: 0rem;
		z-index: 1;
		
	}
	.app_img_box span .title{
		position: absolute;
		left: 0rem;
		bottom: 0rem;
		width: 100%;
		height: 1.5rem;
		z-index: 2;
		font-size: 14px;
		color: #fff;
		text-indent: 0.4rem;
	}
	 .more_btn{
		border: 0.05rem solid #ddd;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 116px;
		height: 45px;
		font-size: 14px;
		margin-top: 25px;
		color: #666;
	}
	
	
	.app_scenic{
		width: 100%;
		padding: 5%;
		background-color: #fff;
		margin-top: 1rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.app_scenic img{
		width: 90%;
		height: 12rem;
		margin-bottom: 0.5rem;
	}
	.scenic_text{
		width: 90%;
		color: #666;
		font-size: 12px;
		line-height: 1.2rem;
		text-indent: 1.2rem;
	}
	
	.app_information{
		background-color: #fff;
		margin-top: 1rem;
		width: 100%;
		padding: 5%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.app_information_list{
		width: 90%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-bottom: 1rem;
	}
	.app_information_list li{
		width: 100%;
		display: flex;
		min-height: 2.5rem;
		border-bottom: 0.05rem solid #ddd;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #666;
	}
	.app_information_list li .title{
	   font-size: 16px;	
	   font-weight: bold;
	   width: calc(100% - 6rem);
	   white-space: nowrap;
	   text-overflow: ellipsis;
	   overflow: hidden;
	}
	.app_information_list li .time{
		font-size: 14px;
		min-width: 6rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.app_information_list a{
		width: 100%;
		display: flex;
		min-height: 2.5rem;
		border-bottom: 0.05rem solid #ddd;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #666;
		
	}
	.app_information_list a .title{
	   font-size: 16px;	
	   font-weight: bold;
	   width: calc(100% - 6rem);
	   white-space: nowrap;
	   text-overflow: ellipsis;
	   overflow: hidden;
	}
	.app_information_list a .time{
		font-size: 14px;
		min-width: 6rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.consulting_box{
		width: 90%;
		margin-top: 20px;
	}
	.consulting_main .text_box i, .consulting_main .input_box i{
		width: 100%;
		justify-content: flex-start;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.consulting_main .text_box{
		flex-direction: column;
	}
	.consulting_main .input_box{
		flex-direction: column;
		margin: 10px 0;
		margin-top: 0px;
	}

	.consulting_main .consulting_btn{
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.consulting_main .input_box_app{
		flex-direction: row;
	}
	
}