div#i0f3791bc346af822 {font-family: Impact;}

div#i999c7c81abf92308 {font-family: Impact;}

div#i5aab4c07872dab09 {font-family: Impact;}

div#i9a55a0baf0ad2505 {font-family: Impact;}


.xg_text.p1727m297315cb06d0696c.an_tran_458{font-family: Impact;}

.xg_text.p1727m73ac0998c92a8807.an_tran_468{font-family: Impact;}

.xg_text.p1727m297315cb06d0696c{font-family: Impact;}

.xg_text.p1727m73ac0998c92a8807{font-family: Impact;}

.xg_text.p1727m179547dd6de6bb7a{font-family: Impact;}





.svg_zdy circle {
	    fill: none;
	    stroke: #8bd1d9;
	    stroke-width: 0.2;
	    -webkit-transition: stroke-dasharray linear;
	    transition: stroke-dasharray linear;
	    stroke-dashoffset: 0;
	    transition-duration: 2500ms;
	    -webkit-transition-duration: 2500ms;
	}
	.svg_zdy  circle.pie-value {
	    stroke-dasharray: 0,110;
	}

	.select_this .circle_0 .pie-value{
		stroke-dasharray: 74, 110 !important;
	}
	.select_this .circle_1 .pie-value{
		stroke-dasharray: 58, 110 !important;
	}
	.select_this .circle_2 .pie-value{
		stroke-dasharray: 38, 110 !important;
	}
	.select_this .circle_3 .pie-value{
		stroke-dasharray: 22, 110 !important;
	}
	
	.svg_txt{position:absolute;width:100%;left:0px;top:0px;z-index: 9}
	.svg_txt .xg_text,.svg_txt .xg_html {font-weight: lighter;}

	.svg_zdy svg{
		position: absolute;
	    left: 50%;
	    top: 50%;
	    width: 100%;
	    height: 100%;
	    -webkit-transform: translateX(-50%) translateY(-50%);
	    -ms-transform: translateX(-50%) translateY(-50%);
	    transform: translateX(-50%) translateY(-50%);
	}



@media only screen and (min-width: 769px){

.xn_map_wrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
	.xn_map_wrap>div{
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ff7200;
    border-radius: 50%;	
	}
	.xn_map_wrap>div:before, .xn_map_wrap>div:after {
	    content: "";
	    border-radius: 50%;
	    position: absolute;
	    width: 20px;
	    height: 20px;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	    border: 1px solid #ff7200;
	    -webkit-animation: fangda 2.5s linear infinite;
	    animation: fangda 2.5s linear infinite;
	    opacity: 0;
	}
	.xn_map_wrap>div:after{
	    -webkit-animation-delay: 1s;
	            animation-delay: 1s;
	}




/*fangda*/
	@-webkit-keyframes fangda {
	    0%{
	        width: 20px;
	        height: 20px;
	        opacity: 0;
	    }
	    50%{
	        opacity: 1;
	    }
	    100%{
	        width: 40px;
	        height:40px;
	        opacity: 0;
	        visibility: hidden;
	    }
	}

	@keyframes fangda {
	    0%{
	        width: 20px;
	        height: 20px;
	        opacity: 0;
	    }
	    50%{
	        opacity: 1;
	    }
	    100%{
	        width: 40px;
	        height:40px;
	        opacity: 0;
	        visibility: hidden;
	    }
	}

.xn_map_li0 {
    top: 28%;
    left: 22%;
}
.xn_map_li1 {
    top: 34%;
    left: 40%;
}
.xn_map_li2 {
    top: 34.2%;
    left: 55.8%;
}
.xn_map_li3 {
    top: 32%;
    left: 73.8%;
}
.xn_map_li4 {
    top: 14.8%;
    left: 88.5%;
}

.xn_map_li5 {
    top: 25.7%;
    left: 89%;
}

.xn_map_li6 {
    top: 32.8%;
    left: 84.8%;
}

.xn_map_li7 {
    top: 40.8%;
    left: 73.8%;
}

.xn_map_li8 {
    top: 43.8%;
    left: 65.5%;
}

.xn_map_li9{
    top: 45.8%;
    left: 54.5%;
}

.xn_map_li10{
    top: 46.8%;
    left: 60.5%;
}

.xn_map_li11 {
    top: 47.8%;
    left: 75.2%;
}

.xn_map_li12 {
    top: 54%;
    left: 67.1%;
}

.xn_map_li13 {
    top: 60.4%;
    left: 61.7%;
}

.xn_map_li14 {
    top: 59.8%;
    left: 72.7%;
}

.xn_map_li15 {
    top: 57.8%;
    left: 79%;
}

.xn_map_li16 {
    top: 62%;
    left: 46.2%;
}
.xn_map_li17 {
    top: 65.8%;
    left: 54.6%;
}
.xn_map_li18 {
    top: 62.1%;
    left: 82.2%;
}
.xn_map_li19 {
    top: 79.6%;
    left: 42.2%;
}
.xn_map_li20{
    top: 73.9%;
    left: 55.2%;
}
.xn_map_li21 {
    top: 72.7%;
    left: 64.2%;
}
.xn_map_li22 {
    top: 72.6%;
    left: 71.2%;
}
.xn_map_li23 {
    top: 68.2%;
    left: 80.8%;
}
.xn_map_li24 {
    top: 81.5%;
    left: 61%;
}
.xn_map_li25 {
    top: 82%;
    left: 68.1%;
}
.xn_map_li26{
    top: 76.5%;
    left: 77.2%;
}


	@-webkit-keyframes animation-line {
		0% {
			stroke-dashoffset:1000px
		}
		40% {
			stroke-dashoffset:0
		}
		80% {
			stroke-dashoffset:-1000px
		}
		to {
			stroke-dashoffset:-1000px
		}
	}
	@keyframes animation-line {
		0% {
			stroke-dashoffset:1000px
		}
		40% {
			stroke-dashoffset:0
		}
		80% {
			stroke-dashoffset:-1000px
		}
		to {
			stroke-dashoffset:-1000px
		}
	}


	/*fangda*/
	@-webkit-keyframes fangda {
	    0%{
	        width: 20px;
	        height: 20px;
	        opacity: 0;
	    }
	    50%{
	        opacity: 1;
	    }
	    100%{
	        width: 60px;
	        height:60px;
	        opacity: 0;
	        visibility: hidden;
	    }
	}

	@keyframes fangda {
	    0%{
	        width: 20px;
	        height: 20px;
	        opacity: 0;
	    }
	    50%{
	        opacity: 1;
	    }
	    100%{
	        width: 60px;
	        height:60px;
	        opacity: 0;
	        visibility: hidden;
	    }
	}
	.map-lines {position:absolute; fill:none;  top:0; width:100%; left: 0; height:auto; stroke-width:.4px }
	.map-line {
	    stroke: #ff7200;
	    stroke-width: 1px;
	    stroke-dashoffset: 1000px;
	    stroke-dasharray: 1000px;
	    -webkit-animation: animation-line 4s linear;
	    animation: animation-line 4s linear;
	    -webkit-animation-fill-mode: both;
	    animation-fill-mode: both;
	    -webkit-animation-iteration-count: infinite;
	    animation-iteration-count: infinite;
	}

.q_start{position:absolute;width:30px;height:30px;background:url("https://0.rc.xiniu.com/Css/Img/CgAG0mIMaQOAdpoOAAAG4L5C-7k708.png") no-repeat center center;background-size:100% 100%;border-radius:50%;left: 1296px;top:556px;}

.xn_map_logo {
    width: 1.8vw;
    height: 1.8vw;
    background: url("../image/CgAG0mIwvpqAYT6AAAAIAksTHhM874.png") no-repeat;
    position: absolute !important;
    top: 35%;
    left: 70%;
    z-index: 1000;
    background-size: 100% auto;
}
.p1724m0c54f0829ce89325,
.p1724mc31d7648a642784f,
.p1724m0ce411913ec69918,
.p1724m33b047840bfaf7ef
{
    position: absolute !important;
    width: 236px !important;
    height: 239px !important;
    left: 50% !important;
    transform: translateX(-50%);
    bottom: 0;
    top: auto !important;
    pointer-events: none;
}

.p1724m0c54f0829ce89325 p,
.p1724mc31d7648a642784f p,
.p1724m0ce411913ec69918 p,
.p1724m33b047840bfaf7ef p
{
	display: none;
}

}

@media only screen and (max-width: 769px){	

.p1724m0c54f0829ce89325,
.p1724mc31d7648a642784f,
.p1724m0ce411913ec69918,
.p1724m33b047840bfaf7ef
{
    position: absolute !important;
    left: 50% !important;
    width: auto;
    height: 140px !important;
    top: auto !important;
    bottom: 0;
    transform: translateX(-50%);
    pointer-events: none;
}

.p1724m0c54f0829ce89325 p,
.p1724mc31d7648a642784f p,
.p1724m0ce411913ec69918 p,
.p1724m33b047840bfaf7ef p
{
	display: none;
}

}