/* main css */
body {

	font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;


}

#parent {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

#child {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: -17px;
	/* Increase/Decrease this value for cross-browser compatibility */
	overflow-y: scroll;
}

.img-container {
	border: solid red 1px;
	display: inline-block;
	position: relative;
}

.img-container button {
	position: absolute;
	top: 50px;
	left: 50px;
}

.popup button {
	display: block;
	margin: 0 0 -40px auto;
	background-color: transparent;
	font-size: 30px;
	color: #ffffff;

	border-radius: 100%;
	width: 40px;
	height: 40px;
	border: none;
	outline: none;
	cursor: pointer;
}

.popup h2 {
	margin-top: -20px;
}

.popup p {
	font-size: 14px;
	text-align: justify;
	margin: 20px 0;
	line-height: 25px;
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 140px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -75px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

/* ========其他====================== */
.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 140px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -75px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}


.dot1 {
	left: 31%;
	top: 66%;
	position: absolute;
	width: 15px;
	height: 15px;
}

.dot2 {
	left: 60%;
	top: 55%;
	position: absolute;
	width: 15px;
	height: 15px;
}

/* .dot3 {
		left: 45%;
		top: 5%;
		position: absolute;
		width: 15px;
		height: 15px;
	} */

.dot4 {
	left: 40%;
	top: 5%;
	position: absolute;
	width: 15px;
	height: 15px;
}

.dot5 {
	left: 578px;
	top: 68%;
	position: absolute;
	width: 15px;
	height: 15px;
}

/* .img1 {
		left: 450px;
		top: 44%;
		position: absolute;
		width: 100px;
		height: 60px;
	} */
.newBox {
	top: 35%;
	left: 34%;
}

.newBox_two {
	top: 35%;
	left: 46%;
}

.img2 {
	top: 35%;
	left: 46%;
	position: absolute;
	width: 100px;
	height: 60px;
}

.img2_two {
	width: 100px;
}

.logo11 {
	left: 530px;
	top: 2%;
	position: absolute;
	height: 60px;
}

.logo2 {
	left: 730px;
	top: 12%;
	position: absolute;
	width: 80px;
}

.logo3 {
	left: 820px;
	top: 12%;
	position: absolute;
	width: 80px;
}

.isRelative {
	/* position: relative; */
}

/* 公司信息 css */

.companyInfo_box {
	display: none;
	width: 50%;
	max-height: 80%;
	overflow: auto;
	background: #fafafa;
	box-shadow: 0 0 3px 3px rgb(153 153 153 / 50%);
	border-radius: 8px;
	position: fixed;
	top: 15%;
	left: 25%;
	padding: 20px;
}

.popup1_box {
	display: none;
	width: 50%;
	max-height: 80%;
	overflow: auto;
	background: #fafafa;
	box-shadow: 0 0 3px 3px rgb(153 153 153 / 50%);
	border-radius: 8px;
	position: fixed;
	top: 15%;
	left: 25%;
	padding: 20px;
}

.popup2_box {
	display: none;
	width: 50%;
	max-height: 80%;
	overflow: auto;
	background: #fafafa;
	box-shadow: 0 0 3px 3px rgb(153 153 153 / 50%);
	border-radius: 8px;
	position: fixed;
	top: 15%;
	left: 25%;
	padding: 20px;
}

/* .companyInfo_box::-webkit-scrollbar-track{
	  border-top-right-radius: 8px;
	  border-bottom-right-radius: 8px;
  } */
.close_btn {
	position: absolute;
	top: 2%;
	right: 2%;
	color: #333;
	cursor: pointer;
}

.close_btnPopup1 {
	position: absolute;
	top: 2%;
	right: 2%;
	color: #333;
	cursor: pointer;
}

.close_btnPopup2 {
	position: absolute;
	top: 2%;
	right: 2%;
	color: #333;
	cursor: pointer;
}

.close_btn:hover {
	color: #f44336;
}
.close_btnPopup1:hover {
	color: #f44336;
}
.close_btnPopup2:hover {
	color: #f44336;
}

.companyInfo_title {
	margin: 0;
	margin-bottom: 15px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.companyInfo_imgBox {
	width: 100%;
	text-align: center;
	border-radius: 8px;
	margin-bottom: 15px;
}

.companyInfo_img {
	width: 30%;
	border-radius: 8px;
}

.companyInfo_listBox {
	text-align: center;
}

.companyInfo_listTitle {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin-right: 10px;
}

.companyInfo_listText {
	display: inline-block;
	color: #333;
	font-size: 16px;
}

.booth-main {
	overflow: auto;
}

.booth-inside.boothInside_box {
	/* overflow-x: visible;
	margin-top: 30px; */
	width: 1200px;
}

.positionSection_box {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.boothsImg {
	position: relative;
	width: 50%;
	background-size: cover;
}

.newBox {
	position: absolute;
	width: max-content;
}

.newBox_two {
	position: absolute;
	width: max-content;
}

.img1 {
	/* left: 300px;
		top: 43%;
		position: absolute; */
	width: 100px;
	position: relative;
	/* height: 60px; */
}

.img2_two {
	width: 100px;
	position: relative;
}

.dot3 {
	left: 45%;
	top: 5%;
	position: absolute;
	width: 15px;
	height: 15px;
}

.booth-inside {
	bottom: 0;
}

/* 媒体查询css */
/* 手机超小屏幕竖屏375px及以下 */
@media (max-width:375px) {
	.companyInfo_box {
		width: 86%;
		max-height: 80%;
		top: 15%;
		left: 7%;
	}
	
	.popup1_box {
		width: 86%;
		max-height: 80%;
		top: 15%;
		left: 7%;
	}
	
	.popup2_box {
		width: 86%;
		max-height: 80%;
		top: 15%;
		left: 7%;
	}
	
	.booth-inside.boothInside_box {
		/* transform: translateX(-25%); */
	}

	.popup {
		background-color: #ffffff;
		width: 90%;
		padding: 10px 10px;
		position: absolute;
		transform: translate(-50%, -50%);
		left: 50%;

		top: 50%;
		border-radius: 8px;
		font-family: "Poppins", sans-serif;
		display: none;
		text-align: center;
	}
}

/* 手机小屏幕横屏376px~414px以下 */
@media (min-width:376px) and (max-width:414px) {
	.companyInfo_box {
		width: 86%;
		max-height: 80%;
		top: 15%;
		left: 7%;
	}
	
	.popup1_box {
		width: 86%;
		max-height: 80%;
		top: 15%;
		left: 7%;
	}
	
	.popup2_box {
		width: 86%;
		max-height: 80%;
		top: 15%;
		left: 7%;
	}
	
	.popup {
		background-color: #ffffff;
		width: 80%;
		padding: 10px 10px;
		position: absolute;
		transform: translate(-50%, -50%);
		left: 50%;

		top: 50%;
		border-radius: 8px;
		font-family: "Poppins", sans-serif;
		display: none;
		text-align: center;
	}
}

/* 手机小屏幕横屏415px~667px以下 */
@media (min-width:415px) and (max-width:667px) {
	.companyInfo_box {
		width: 86%;
		max-height: 80%;
		top: 15%;
		left: 7%;
	}
	
	.popup1_box {
		width: 86%;
		max-height: 80%;
		top: 15%;
		left: 7%;
	}
	
	.popup2_box {
		width: 86%;
		max-height: 80%;
		top: 15%;
		left: 7%;
	}
	
	.popup {
		background-color: #ffffff;
		width: 80%;
		padding: 10px 10px;
		position: absolute;
		transform: translate(-50%, -50%);
		left: 50%;

		top: 50%;
		border-radius: 8px;
		font-family: "Poppins", sans-serif;
		display: none;
		text-align: center;
	}
}

/* 小平板668px~895px以下 */
@media (min-width:668px) and (max-width:895px) {
	.companyInfo_box {
		width: 86%;
		max-height: 80%;
		top: 15%;
		left: 7%;
	}
	
	.popup1_box {
		width: 86%;
		max-height: 80%;
		top: 15%;
		left: 7%;
	}
	
	.popup2_box {
		width: 86%;
		max-height: 80%;
		top: 15%;
		left: 7%;
	}
	.popup {
		background-color: #ffffff;
		width: 80%;
		padding: 10px 10px;
		position: absolute;
		transform: translate(-50%, -50%);
		left: 50%;

		top: 50%;
		border-radius: 8px;
		font-family: "Poppins", sans-serif;
		display: none;
		text-align: center;
	}
}

/* 平板中屏幕896px-991px */
@media (min-width:896px) and (max-width:991px) {
	
	.popup {
		background-color: #ffffff;
		width: 80%;
		padding: 10px 10px;
		position: absolute;
		transform: translate(-50%, -50%);
		left: 50%;

		top: 50%;
		border-radius: 8px;
		font-family: "Poppins", sans-serif;
		display: none;
		text-align: center;
	}
}

/* 普通电脑大屏幕992px~1199px */
@media (min-width:992px) and (max-width:1199px) {
	.popup {
		background-color: #ffffff;
		width: 80%;
		padding: 10px 10px;
		position: absolute;
		transform: translate(-50%, -50%);
		left: 50%;

		top: 50%;
		border-radius: 8px;
		font-family: "Poppins", sans-serif;
		display: none;
		text-align: center;
	}
}

/* 大屏幕1200及以上 */
@media (min-width:1200px) {
	.popup {
		background-color: #ffffff;
		width: 40%;
		padding: 10px 10px;
		position: absolute;
		transform: translate(-50%, -50%);
		left: 50%;

		top: 50%;
		border-radius: 8px;
		font-family: "Poppins", sans-serif;
		display: none;
		text-align: center;
	}

}