/* @font-face {
  font-family: "Montserrat-Black";
  src: url("../font/Montserrat-Black.otf") format("truetype");
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url("../font/Montserrat-Bold.otf") format("truetype");
}
@font-face {
  font-family: "Montserrat-Regular";
  src: url("../font/Montserrat-Regular.otf") format("truetype");
} */
@font-face {
  font-family: "Montserrat-Black";
  src: url("../../fontDemo/contact_2024/Montserrat-Black.otf") format("truetype");
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url("../../fontDemo/contact_2024/Montserrat-Bold.otf") format("truetype");
}
@font-face {
  font-family: "Montserrat-Regular";
  src: url("../../fontDemo/contact_2024/Montserrat-Regular.otf") format("truetype");
}
body {
  font-family: "Montserrat-Regular";
  background-color: #f0efef;
}


.gm_top{
	display: flex;
	padding: 1rem;
	justify-content: space-between;
	align-items: flex-end;
}
.gm_t1{
	font-size: 0.5rem;
	font-family: 'Montserrat-Bold';
}
.gm_t2{
	font-size: 0.26rem;
	margin-top: 0.1rem;
}
.gm_search{
	display: flex;
	align-items: center;
	background-color: rgb(252, 252, 252);
	padding: 0 0.2rem;
	border-radius: 2px;
}
.gm_search input{
	width: 3.3rem;
	height: 0.55rem;
	border: none;
	font-size: 0.16rem;
	background-color: rgb(252, 252, 252);
}
.gm_search img{
	margin-left: 0.1rem;
	width: 0.25rem;
	cursor: pointer;
	opacity: 0.7;
	transition: all .5s;
}
@media (min-width: 721px) {
	.gm_search img:hover{
		opacity: 1;
	}
	
}







.map_list{
	display: flex;
}
.map_img{
	width: 65%;
	position: relative;
}
.img_list{
	width: 100%;
	position: relative;
	z-index: 1;
}
.img_list img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .3s;
}
.img_list img:nth-of-type(1){
	position: relative;
}

.img_list.all img:nth-of-type(1){
	opacity: 1;
}
@media (min-width: 721px) {
	.img_list img.hover{
		opacity: 1;
	}
}
.img_list img.active{
	opacity: 1 !important;
}


.country_list{
	width: 35%;
}
.choose_state{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
}
.choose_state div{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
}
.na{
	clip-path: polygon(7% 24%, 10% 22%, 13% 21%, 16% 19%, 19% 16%, 27% 11%, 33% 8%, 42% 9%, 46% 11%, 46% 13%, 46% 17%, 45% 21%, 44% 25%, 45% 28%, 43% 29%, 42% 28%, 41% 26%, 40% 28%, 39% 31%, 37% 33%, 37% 36%, 36% 40%, 34% 42%, 33% 44%, 32% 46%, 30% 49%, 29% 51%, 30% 54%, 32% 55%, 34% 57%, 30% 56%, 29% 57%, 29% 59%, 28% 62%, 26% 61%, 20% 54%, 18% 49%, 17% 43%, 15% 37%, 13% 35%, 9% 36%, 5% 37%, 6% 34%, 6% 29%);
}
.eu{
	clip-path: polygon(46% 44%, 46% 39%, 46% 32%, 47% 28%, 49% 24%, 52% 23%, 52% 18%, 51% 16%, 52% 12%, 57% 12%, 63% 10%, 67% 14%, 66% 20%, 65% 27%, 64% 31%, 63% 35%, 62% 39%, 61% 42%, 57% 43%, 55% 45%, 53% 47%, 51% 46%, 48% 46%);
}
.as{
	clip-path: polygon(56% 44%, 59% 43%, 60% 42%, 61% 39%, 63% 31%, 65% 23%, 67% 20%, 69% 19%, 72% 17%, 73% 16%, 72% 13%, 76% 13%, 78% 17%, 81% 18%, 83% 20%, 83% 17%, 88% 18%, 92% 20%, 96% 24%, 97% 29%, 92% 33%, 89% 38%, 86% 44%, 84% 49%, 81% 56%, 82% 62%, 83% 68%, 81% 70%, 77% 69%, 72% 66%, 71% 58%, 70% 62%, 68% 59%, 66% 56%, 64% 55%, 62% 59%, 60% 58%, 58% 53%);
}
.sa{
	clip-path: polygon(28% 66%, 29% 62%, 30% 59%, 33% 60%, 36% 62%, 37% 64%, 39% 67%, 40% 70%, 39% 75%, 37% 78%, 35% 84%, 33% 87%, 32% 92%, 31% 94%, 30% 90%, 31% 77%, 31% 73%);
}
.af{
	clip-path: polygon(46% 62%, 44% 58%, 45% 52%, 46% 49%, 48% 46%, 51% 45%, 52% 47%, 55% 48%, 57% 49%, 59% 58%, 62% 59%, 60% 66%, 59% 70%, 58% 76%, 56% 81%, 53% 82%, 51% 73%, 51% 66%);
}
.me{
	clip-path: polygon(57% 55%, 54% 54%, 54% 50%, 56% 48%, 55% 44%, 57% 42%, 61% 43%, 64% 45%, 65% 48%, 65% 52%, 63% 56%, 60% 59%, 59% 57%);
}
.oc{
	clip-path: polygon(78% 80%, 78% 73%, 82% 70%, 82% 65%, 86% 65%, 90% 70%, 94% 81%, 93% 89%, 90% 90%);
}



.country_list{
	padding: 0rem 0.5rem 40px 0.8rem;
	background-color: rgb(250, 250, 250);
	overflow-y: scroll;
}
.country_list::-webkit-scrollbar {
	width: 0px;
	height: 0px;
	display: none;
}
.state_name{
	font-size: 0.38rem;
	font-family: 'Montserrat-Bold';
	color: #000;
	padding: 0.7rem 0 0.4rem;
}
.cou_list{
	display: flex;
	flex-wrap: wrap;
}
.cou_min{
	width: 50%;
	display: flex;
	align-items: center;
	margin-top: 0.5rem;
	cursor: pointer;
}
.cou_min:nth-of-type(1), .cou_min:nth-of-type(2){
	margin-top: 0;
}
.cou_min div{
	font-size: 0.2rem;
	color: #000;
}
.cou_min img{
	margin-left: 0.1rem;
	width: 0.22rem;
	opacity: 0;
	transition: all .5s;
}
@media (min-width: 721px) {
	.cou_min:hover img{
		opacity: 1;
		margin-left: 0.4rem;
	}
	.cou_min:hover div{
		font-family: 'Montserrat-Bold';
	}
}




@media (max-width: 768px) {
	.gm_top{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 1rem 0.5rem;
	}
	.gm_t1{
		font-size: 0.5rem;
	}
	.gm_t2{
		font-size: 0.24rem;
		margin-top: 0.1rem;
	}
	.gm_search{
		margin-top: 0.5rem;
	}
	.gm_search{
		width: 100%;
	}
	.gm_search input{
		flex: 1;
		height: 0.8rem;
		font-size: 0.26rem;
	}
	.gm_search img{
		width: 0.35rem;
	}
	
	.mob_map{
		width: calc(100% - 1rem);
		margin: 0 auto;
	}
	
	.map_list{
		flex-direction: column;
	}
	.map_img{
		width: 100%;
	}
	.country_list{
		width: 100%;
		background-color: transparent;
		overflow: hidden;
		padding: 0rem 0.5rem 40px 0.5rem;
	}
	.cou_list{
		justify-content: space-between;
	}
	.cou_min{
		width: 48%;
		height: 0.8rem;
		background-color: rgb(246, 244, 245);
		border-radius: 3px;
		padding-left: 0.3rem;
		margin-top: 0.2rem;
	}
	.cou_min:nth-of-type(1), .cou_min:nth-of-type(2){
		margin-top: 0;
	}
	
	.state_name{
		font-size: 0.4rem;
		padding: 0.7rem 0 0.4rem;
	}
	.cou_min div{
		font-size: 0.28rem;
	}
	
}