html,body{ background:url(../images/shdtbg_wap.png) center top repeat;}

#dtbg{height:100%; background:url(../images/shdtbg_wap.png) center top repeat; position:relative}
#dtbg div.dtbg_b{ height:360px; z-index:0; background:url(../images/dtbg_b.png) center top no-repeat; position:absolute; bottom:0; left:0; width:100%;}
#map_box{ position:absolute; left:-10rem; top:50%; margin-top:-407px; z-index:2; width:1392px; height:814px; background:url(../images/map.png) center top no-repeat}


.f_ch .box{ width:41px; height:36px; background:url(../images/f_ch.png) no-repeat; position:absolute; }

.f_jh .box{ width:54px; height:44px; background:url(../images/f_jh.png) no-repeat; position:absolute;}

.f_mdh .box{ width:54px; height:43px; background:url(../images/f_mdh.png) no-repeat; position:absolute;}

.f_gsmd .box{ width:54px; height:43px; background:url(../images/f_gsdj.png) no-repeat; position:absolute;}

.f_th .box{ width:54px; height:45px; background:url(../images/f_th.png) no-repeat; position:absolute;}

.f_yh .box{ width:80px; height:32px; background:url(../images/f_yh.png) no-repeat; position:absolute;}

.f_djh .box{ width:54px; height:42px; background:url(../images/f_djh.png) no-repeat; position:absolute;}

.f_ych .box{ width:48px; height:44px; background:url(../images/f_ych.png) no-repeat; position:absolute;}

.f_mh .box{ width:54px; height:45px; background:url(../images/f_mh.png) no-repeat; position:absolute;}

.f_yjx .box{ width:54px; height:45px; background:url(../images/f_yjx.png) no-repeat; position:absolute;}

.f_xyc .box{ width:54px; height:42px; background:url(../images/f_xyc.png) no-repeat; position:absolute;}

.f_gh .box{ width:54px; height:43px; background:url(../images/f_gh.png) no-repeat; position:absolute;}

.f_kh .box{ width:35px; height:45px; background:url(../images/f_kh.png) no-repeat; position:absolute;}

.f_mgh .box{ width:54px; height:44px; background:url(../images/f_mgh.png) no-repeat; position:absolute;}

.f_lh .box{ width:60px; height:42px; background:url(../images/f_lh.png) no-repeat; position:absolute;}

.f_gsdj .box{ width:66px; height:48px; background:url(../images/f_gsdj.png) no-repeat; position:absolute;}

.f_xh .box{ width:54px; height:45px; background:url(../images/f_xh.png) no-repeat; position:absolute;}

.f_lih .box{ width:54px; height:37px; background:url(../images/f_lih.png) no-repeat; position:absolute;}


.map_tl{ width:352px; position:absolute; left:0; top:0; z-index:10;}
.map_tl img{ width:100%}

.map_tr{ width:200px; position:absolute; right:0; top:0; z-index:10;}
.map_tr img{ width:100%}

.f_list_box{ width:700px; height:200px; position:absolute; right:200px; top:0; z-index:10}

.f_list_box div span{ display:none}
.f_list_box div.on{ background:none}




.on .b_jh_on{ display:block}
.on .b_mdh_on{display:block}
.on .b_th_on{ display:block}
.on .b_yh_on{ display:block}
.on .b_djh_on{ display:block}
.on .b_ych_on{ display:block}
.on .b_mh_on{ display:block}
.on .b_yjx_on{ display:block}
.on .b_xyc_on{display:block}
.on .b_gh_on{display:block}
.on .b_kh_on{display:block}
.on .b_mgh_on{display:block}
.on .b_ch_on{display:block}
.on .b_lh_on{display:block}
.on .b_gsdj_on{display:block}
.on .b_xh_on{ display:block }
.on .b_lih_on{display:block}


#map_box  .map_title{ width:164px; height:502px; position:absolute; left:8%; top:0;}
#map_box  .map_title img{ width:100%;}


.yh_zqq_box01{ width:30px; height:30px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:4%; top:-50px; z-index:0}
.yh_zqq_box02{ width:35px; height:35px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:8%; top:-50px; z-index:0}
.yh_zqq_box03{ width:40px; height:40px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:12%; top:-50px; z-index:0}
.yh_zqq_box04{ width:30px; height:30px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:16%; top:-50px; z-index:0}
.yh_zqq_box05{ width:35px; height:35px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:18%; top:-50px; z-index:0}
.yh_zqq_box06{ width:40px; height:40px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:24%; top:-50px; z-index:0}
.yh_zqq_box07{ width:30px; height:30px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:28%; top:-50px; z-index:0}
.yh_zqq_box08{ width:35px; height:35px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:33%; top:-50px; z-index:0}
.yh_zqq_box09{ width:40px; height:40px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:37%; top:-50px; z-index:0}
.yh_zqq_box10{ width:30px; height:30px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:42%; top:-50px; z-index:0}
.yh_zqq_box11{ width:35px; height:35px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:45%; top:-50px; z-index:0}
.yh_zqq_box12{ width:40px; height:40px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:47%; top:-50px; z-index:0}
.yh_zqq_box13{ width:30px; height:30px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:52%; top:-50px; z-index:0}
.yh_zqq_box14{ width:35px; height:35px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:56%; top:-50px; z-index:0}
.yh_zqq_box15{ width:40px; height:40px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:59%; top:-50px; z-index:0}
.yh_zqq_box16{ width:30px; height:30px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:63%; top:-50px; z-index:0}
.yh_zqq_box17{ width:35px; height:35px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:65%; top:-50px; z-index:0}
.yh_zqq_box18{ width:40px; height:40px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:70%; top:-50px; z-index:0}

.yh_zqq_box19{ width:40px; height:40px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:73%; top:-50px; z-index:0}
.yh_zqq_box20{ width:30px; height:30px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:77%; top:-50px; z-index:0}
.yh_zqq_box21{ width:35px; height:35px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:81%; top:-50px; z-index:0}
.yh_zqq_box22{ width:40px; height:40px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:84%; top:-50px; z-index:0}
.yh_zqq_box23{ width:35px; height:35px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:88%; top:-50px; z-index:0}
.yh_zqq_box24{ width:40px; height:40px; background:url(../images/yh_zqq01.png) no-repeat; background-size:100% 100%; position:absolute; left:95%; top:-50px; z-index:0}

.yzfx{ width:70px; height:70px; position:absolute; right:10%; top:20%; background:url(../images/xyz.png) no-repeat;}

#hbmap_img area{ cursor:url("../images/favicon-20190325054201725.ico"),auto;}
.shdt_h_dh
{
animation:donghua 2s infinite;
animation-delay: 0s;
-moz-animation:donghua 2s infinite;
-moz-animation-delay: 0s;
-webkit-animation:donghua 2s infinite; 
-webkit-animation-delay: 0s;

}

.shdt_fx
{
animation:feix 4s infinite;
animation-delay: 0s;
-moz-animation:feix 4s infinite;
-moz-animation-delay: 0s;
-webkit-animation:feix 4s infinite; 
-webkit-animation-delay: 0s;

}


.yh_zqq01{
animation:spin 6s infinite;
animation-delay: 0s;
-moz-animation:spin 6s infinite;
-moz-animation-delay: 0s;
-webkit-animation:spin 6s infinite;
-webkit-animation-delay: 0s;
	}
.yh_zqq02{
animation:spin 6s infinite;
animation-delay:1.5s;
-moz-animation:spin 6s infinite;
-moz-animation-delay: 1.5s;
-webkit-animation:spin 6s infinite;
-webkit-animation-delay: 1.5s;

	}
.yh_zqq03{
animation:spin 6s infinite;
animation-delay: 3s;
-moz-animation:spin 6s infinite;
-moz-animation-delay: 3s;
-webkit-animation:spin 6s infinite;
-webkit-animation-delay: 3s;

	}	
.yh_zqq04{
animation:spin 6s infinite;
animation-delay: 4.5s;
-moz-animation:spin 6s infinite;
-moz-animation-delay: 4.5s;
-webkit-animation:spin 6s infinite;
-webkit-animation-delay: 4.5s;

	}	
		
/*.yh_zqq05{
animation:spin 4s infinite;
animation-delay: 4s;
-moz-animation:spin 4s infinite;
-moz-animation-delay: 4s;
-webkit-animation:spin 4s infinite;
-webkit-animation-delay: 4s;

	}*/	
		
	


@-webkit-keyframes spin {
                0% {
                    -webkit-transform: rotate(0deg);
					top:0;
					opacity:1	
                }
 
                100% {
                    -webkit-transform: rotate(360deg);
					top:80%;
					opacity:0						
                }				
            }
            
            @keyframes spin {
                0% {
                    -webkit-transform: rotate(0deg);
					top:0;
					opacity:1	
                }

                100% {
                    -webkit-transform: rotate(360deg);
					top:80%;
					opacity:0						
                }
            }


@keyframes donghua
{
0% {transform:scale(0.7); }
50% {transform:scale(1.1); opacity:1}
100% {transform:scale(0.7); }
}

@-moz-keyframes donghua /* Firefox */
{
0% {transform:scale(0.7); }
50% {transform:scale(1.1); opacity:1}
100% {transform:scale(0.7); }
}

@-webkit-keyframes donghua /* Safari and Chrome */
{
0% {transform:scale(0.7); }
50% {transform:scale(1.1); opacity:1}
100% {transform:scale(0.7); }
}


@keyframes feix
{
0% {right:0%; top:25% }
50% { opacity:0.7  }
100% {right:30%; top:5%; opacity:0.1 }
}

@-moz-keyframes feix /* Firefox */
{
0% {right:0%; top:25% }
50% { opacity:0.7  }
100% {right:30%; top:5%; opacity:0.1 }
}

@-webkit-keyframes feix /* Safari and Chrome */
{
0% {right:0%; top:25% }
50% { opacity:0.7  }
100% {right:30%; top:5%; opacity:0.1 }
}




.shdt_h_dh01
{
animation:donghua01 1s;
-moz-animation:donghua01 1s; /* Firefox */
-webkit-animation:donghua01 1s; /* Safari and Chrome */
-o-animation:donghua01 1s; /* Opera */
}

@keyframes donghua01
{
from {transform:scale(0.7,0.7);}
to {transform:scale(1,1);}
}

@-moz-keyframes donghua01 /* Firefox */
{
from {transform:scale(0.7,0.7);}
to {transform:scale(1,1);}
}

@-webkit-keyframes donghua01 /* Safari and Chrome */
{
from {transform:scale(0.7,0.7);}
to {transform:scale(1,1);}
}

@-o-keyframes donghua01 /* Opera */
{
from {transform:scale(0.7,0.7);}
to {transform:scale(1,1);}
}