.introduce{
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
}
.introduce .left{
	width: 100%;
	margin-right: 50px;
}
.introduce .left .txt-wrap{
	font-size: 16px;
	line-height: 2;
	text-align: justify;
}
.introduce .right{
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
}
.introduce .right .img-wrap{
	position: relative;
}
.introduce .right .img-wrap::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}
.introduce .right .img-wrap .play {
	color: var(--white);
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.introduce .right .img-wrap .play i{
	font-size: 40px;
}

.contact-wrap{
	padding: 40px 0;
	background-image: url("../img/map_bg.png");
}
.contact-wrap .x-home-title-wrap{
	color: var(--white);
	text-align: left;
}
.contact-wrap .x-home-title-wrap .title{
	color: var(--white) !important;
}
.contact-wrap .x-home-title-wrap .desc{
	color: var(--white);
}
.contact-block{
	display: flex;
	flex-direction: column;
	position: relative;
}
.contact-block .txt-wrap{
	width: 100%;
	/* flex: 0 0 400px; */
	margin-right: 0px;
	margin-bottom: 20px;
}
.contact-block .map-wrap{
	flex-grow: 1;
	min-width: 0;
}
.contact-block .touch-list li{
	font-size: 16px;
	color: var(--gray);
}
.contact-block .touch-list li span{
	color: var(--white);
	margin-left: 5px;
}
.contact-block .map-wrap .baidumap {
    width: 100%;
    height: 34vh;
}

/* 视频弹窗 */
.video-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  background-color: #fff;
  z-index: 999999;
}
.video-pop.block {
  display: block;
}
.video-pop .shipin {
  width: 100%;
  height: 100%;
}
.video-pop .shipin > video {
  width: 100%;
  height: 100%;
}
.video-pop .close {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
  cursor: pointer;
}
.video-pop .close i {
  font-size: 46px;
  color: #A6A6A6;
}


@media (min-width: 992px){
	.introduce{
		flex-direction: row;
	}
	.introduce .left{
		width: 670px;
		margin-right: 50px;
	}
	.introduce .left .x-home-title-wrap{
		text-align: left;
	}
	.introduce .left .txt-wrap{
		max-height: 226px;
		padding-right: 20px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	/* 自定义整个滚动条 */
	.introduce .left ::-webkit-scrollbar {
		width: 10px; /* 滚动条宽度 */
	}
	.introduce .left ::-webkit-scrollbar-track {
		background: #f2f2f2; /* 轨道颜色 */
		border-radius: 10px;
	}
	.introduce .left ::-webkit-scrollbar-thumb {
		background: #ccc; /* 滑块颜色 */
		border-radius: 10px;
	}
	.introduce .right{
		width: calc(100% - 670px);
	}
	
	
	.contact-wrap{
		padding: 80px 0;
	}
	.contact-wrap .x-home-title-wrap{
		text-align: left !important;
	}
	.contact-block{
		flex-direction: row;
	}
	.contact-block .txt-wrap{
		flex: 0 0 400px;
		margin-right: 50px;
	}
	.contact-block .map-wrap .baidumap {
		height: 26vh;
	}
	
}