@charset "utf-8"; /* CSS Document */ body{background:#fff;} .mapchina{margin:0 auto; width:1000px; position:relative;} /* 地图新增的 */ @keyframes showmap { from { opacity: 0.1; } to { opacity: 1; } } @-moz-keyframes showmap { from { opacity: 0.1; } to { opacity: 1; } } @-webkit-keyframes showmap { from { opacity: 0.1; } to { opacity: 1; } } @-o-keyframes showmap { from { opacity: 0.1; } to { opacity: 1; } } .hover-map { display: none; cursor: pointer; position: absolute; z-index: 29; animation: showmap ease 0.5s; } .hover-map:hover .dialog-map{ display: block; } .hover-map.xinjiang { width: 424px; height: 326px; background: url('../images/xinjiang.png') no-repeat; left: -8px; top: 110px; } .hover-map.xizang { width: 412px; height: 264px; background: url('../images/xizang.png') no-repeat; left: 32px; top: 385px; } .hover-map.yunan { width: 207px; height: 208px; background: url('../images/yunnan.png') no-repeat; left: 378px; top: 582px; } .hover-map.qinghai { width: 275px; height: 203px; background: url('../images/qinghai.png') no-repeat; left: 248px; top: 346px; } .hover-map.sichuan { width: 241px; height: 215px; background: url('../images/sichuan.png') no-repeat; left: 388px; top: 465px; } .hover-map.guangxi { width: 184px; height: 142px; background: url('../images/guangxi.png') no-repeat; left: 522px; top: 642px; } .hover-map.guizhou { width: 184px; height: 142px; background: url('../images/guizhou.png') no-repeat; left: 505px; top: 582px; } .hover-map.gansu { width: 317px; height: 261px; background: url('../images/gansu.png') no-repeat; left: 311px; top: 273px; } .hover-map.neimenggu { width: 465px; height: 404px; background: url('../images/neimenggu.png') no-repeat; left: 402px; top: 22px; } .hover-map.heilongjiang { width: 248px; height: 227px; background: url('../images/heilongjiang.png') no-repeat; left: 760px; top: 14px; } .hover-map.jilin { width: 191px; height: 141px; background: url('../images/jilin.png') no-repeat; left: 795px; top: 170px; } .hover-map.liaoning { width: 248px; height: 227px; background: url('../images/liaoning.png') no-repeat; left: 769px; top: 234px; } .hover-map.ningxia { width: 87px; height: 123px; background: url('../images/ningxia.png') no-repeat; left: 521px; top: 353px; } .hover-map.shanxi3 { width: 127px; height: 205px; background: url('../images/shanxi3.png') no-repeat; left: 546px; top: 346px; } .hover-map.chongqing { width: 121px; height: 118px; background: url('../images/chongqing.png') no-repeat; left: 539px; top: 514px; } .hover-map.guangdong { width: 184px; height: 150px; background: url('../images/guangdong.png') no-repeat; left: 630px; top: 657px; } .hover-map.hunan { width: 137px; height: 149px; background: url('../images/hunan.png') no-repeat; left: 611px; top: 559px; } .hover-map.jiangxi { width: 123px; height: 158px; background: url('../images/jiangxi.png') no-repeat; left: 705px; top: 551px; } .hover-map.hubei { width: 179px; height: 121px; background: url('../images/hubei.png') no-repeat; left: 600px; top: 490px; } .hover-map.fujian { width: 116px; height: 138px; background: url('../images/fujian.png') no-repeat; left: 755px; top: 583px; } .hover-map.zhejiang { width: 106px; height: 115px; background: url('../images/zhejiang.png') no-repeat; left: 790px; top: 516px; } .hover-map.anhui { width: 122px; height: 140px; background: url('../images/anhui.png') no-repeat; left: 720px; top: 448px; } .hover-map.jiangsu { width: 140px; height: 120px; background: url('../images/jiangsu.png') no-repeat; left: 742px; top: 431px; } .hover-map.henan { width: 137px; height: 149px; background: url('../images/henan.png') no-repeat; left: 633px; top: 415px; } .hover-map.shanxi1 { width: 97px; height: 170px; background: url('../images/shanxi1.png') no-repeat; left: 629px; top: 318px; } .hover-map.shandong { width: 162px; height: 114px; background: url('../images/shandong.png') no-repeat; left: 714px; top: 367px; } .hover-map.hebei { width: 133px; height: 177px; background: url('../images/hebei.png') no-repeat; left: 683px; top: 270px; } .hover-map.beijing { width: 133px; height: 177px; background: url('../images/beijing.png') no-repeat; left: 712px; top: 307px; } .hover-map.tianjin { width: 48px; height: 64px; background: url('../images/tianjin.png') no-repeat; left: 736px; top: 324px; } .hover-map.hainan { width: 79px; height: 72px; background: url('../images/hainan.png') no-repeat; left: 609px; top: 784px; } .hover-map.shanghai { width: 46px; height: 46px; background: url('../images/shanghai.png') no-repeat; left: 840px; top: 504px; } .dialog-map{display: block;z-index:99;width: 146px; height:54px; background: url('../images/maptips.png');position:absolute;} .dialog-map a{display: block;padding-left: 10px; margin-top: 4px; text-align: center; color:#dadee3;} .dialog-map a i {display: inline-block; vertical-align: -1px; margin-right: 6px;width: 12px;height: 12px;background: url('../images/icontips.png') no-repeat center;} .dialog-map a:hover{color:#fff;} .dialog-map a:hover i {background-image: url('../images/tips.gif')} .dialog-one{background: url('../images/maptips1.png');}