﻿

.map {
	position:relative;
	height:550px;
	z-index:9;
}
.map4 {
	width:1100px;
	height:550px;
	position:relative;
	left:50%;
	top:0;
	margin-left:-550px;
	z-index:5;
}
.map1,.map2,.map3 {
	position:absolute;
	opacity:.5;
	left:50%;
}
.map1 {
	width:480px;
	z-index:2;
	top:35px;
	margin-left:-240px;
	animation:myfirst2 15s infinite linear;
}
.map2 {
	width:440px;
	top:55px;
	margin-left:-220px;
	z-index:3;
	opacity:0.2;
	animation:myfirst 10s infinite linear;
}
.map3 {
	width:400px;
	top:75px;
	margin-left:-200px;
	z-index:1;
}
#texiao .map img {
	max-width:100%;
}
.popup_ {
	width:500px;
}
.border-1 {
	width:0;
	background:#AC2738;
	height:1px;
	position:absolute;
	animation:border_1_m 150ms linear forwards;
	box-shadow:0px 0px 5px #cef5c3
}
.border-2 {
	width:0;
	background:#AC2738;
	height:1px;
	position:absolute;
	animation:border_2_m 53ms linear 150ms forwards;
	box-shadow:0px 0px 5px #cef5c3
}
.img_1 {
	width:330px;
	position:absolute;
	height:190px;
}
.img_1 img {
	object-fit:cover;
	height:190px;
	width:330px;
	position:absolute;
	left:1px;
	top:1px;
	opacity:0;
	transform:scale(0)
}
.popup_close {
	position:absolute;
	right:-7px;
	top:-1px;
	cursor:pointer;
	color:#ebd9b4;
	z-index:99999;
	font-style:normal;
	font-size:40px;
	font-weight:600;
	transform:scale(0);
	opacity:0;
	text-shadow:0px 0px 10px #000;
}
.popup_close_show {
	opacity:1;
	transform:scale(1) rotate(45deg);
	transition:all 100ms linear;
	transform-origin:center
}
.popup_title {
	width:330px;
	text-align:center;
	height:30px;
	line-height:30px;
	overflow:hidden;
	color:#fff;
	font-size:16px;
	bottom:-1px;
	display:none;
	left:1px;
	position:absolute;
	z-index:999;
	background:#0068b7;
	margin:0;
}
.border_bg,.border_bg_1,.border_bg_2,.border_bg_3 {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	display:none;
}
.border_bg:before,.border_bg:after,.border_bg_1:before,.border_bg_1:after,.border_bg_2:before,.border_bg_2:after,.border_bg_3:before,.border_bg_3:after {
	position:absolute;
	content:'';
	width:330px;
	height:190px;
	border:1px solid #AC2738;
	clip:rect(1px,0px,0px,0px);
	box-shadow:inset 0 0px 5px 0px #cef5c3
}
.border_bg:before {
	animation:img_1_m_before 100ms linear 200ms forwards;
}
.border_bg:after,.border_bg_1:after {
	animation:img_1_m_after 100ms linear 300ms  forwards;
}
.img_1_left,.img_1_left_1,.img_1_left_2,.img_1_left_3 {
	width:1px;
	position:absolute;
	left:0px;
	height:0;
	top:0;
	background:#AC2738;
	animation:img_1_m_left 100ms linear 400ms  forwards;
	display:none;
	box-shadow:0px 0px 5px #cef5c3
}
.border_bg_1:before {
	animation:img_1_m_before_1 100ms linear 200ms forwards;
}
.img_1_left_1 {
	animation:img_1_m_left_1 110ms linear 400ms  forwards;
}
.border_bg_2:before {
	animation:img_1_m_before_2 100ms linear 200ms forwards;
}
.border_bg_2:after {
	animation:img_1_m_after_2 100ms linear 300ms  forwards;
}
.img_1_left_2 {
	left:auto;
	top:auto;
	right:-2px;
	bottom:-2px;
	animation:img_1_m_left_1 110ms linear 400ms  forwards;
}
.border_bg_3:before {
	animation:img_1_m_before_3 100ms linear 200ms forwards;
}
.border_bg_3:after {
	animation:img_1_m_after_3 100ms linear 300ms  forwards;
}
.img_1_left_3 {
	left:auto;
	top:auto;
	right:-2px;
	bottom:-2px;
	animation:img_1_m_left_3 110ms linear 400ms  forwards;
}
.img_1 img.img_1_img {
	animation:img_1_img_m 500ms cubic-bezier(0,0.24,0.54,1.32)  forwards;
}
@keyframes img_1_img_m {
	0% {
	opacity:0;
	transform:scale(0)
}
70% {
	opacity:1;
	transform:scale(1.2)
}
100% {
	opacity:1;
	transform:scale(1)
}
}@keyframes popup__m {
	0% {
	width:0;
}
100% {
	width:500px;
}
}@keyframes border_1_m {
	0% {
	width:0;
}
100% {
	width:150px;
}
}@keyframes border_2_m {
	0% {
	width:0;
}
100% {
	width:40px;
}
}@keyframes img_1_m_left {
	0% {
	height:0;
}
100% {
	height:75px;
}
}@keyframes img_1_m_left_1 {
	0% {
	height:0;
}
100% {
	height:117px;
}
}@keyframes img_1_m_after {
	0% {
	clip:rect(190px,332px,192px,1px);
}
50% {
	clip:rect(0px,332px,192px,330px);
}
100% {
	clip:rect(0px,332px,192px,1px);
	opacity:1;
}
}@keyframes img_1_m_before {
	0% {
	clip:rect(75px,0px,0px,0px);
}
50% {
	clip:rect(75px,1px,192px,0px);
}
100% {
	clip:rect(75px,330px,192px,0px);
}
}@keyframes img_1_m_before_1 {
	0% {
	clip:rect(115px,0px,0px,0px);
}
50% {
	clip:rect(115px,1px,192px,0px);
}
100% {
	clip:rect(115px,330px,192px,0px);
}
}@keyframes img_1_m_after_2 {
	0% {
	clip:rect(0,0px,0px,0px);
}
50% {
	clip:rect(0,1px,192px,0px);
}
100% {
	clip:rect(0,331px,192px,0px);
}
}@keyframes img_1_m_before_2 {
	0% {
	clip:rect(75px,332px,75px,1px);
}
50% {
	clip:rect(0px,332px,75px,330px);
}
100% {
	clip:rect(0px,332px,75px,1px);
}
}@keyframes img_1_m_after_3 {
	0% {
	clip:rect(0,0px,0px,0px);
}
50% {
	clip:rect(0,1px,192px,0px);
}
100% {
	clip:rect(0,331px,192px,0px);
}
}@keyframes img_1_m_before_3 {
	0% {
	clip:rect(75px,332px,115px,1px);
}
50% {
	clip:rect(0px,332px,115px,330px);
}
100% {
	clip:rect(0px,332px,115px,1px);
}
}@keyframes img_1_m_left_3 {
	0% {
	height:0;
}
100% {
	height:77px;
}
}@keyframes myfirst2 {
	from {
	transform:rotate(0deg);
}
to {
	transform:rotate(359deg);
}
}@keyframes myfirst {
	from {
	transform:rotate(0deg);
}
to {
	transform:rotate(-359deg);
}
}