﻿

.inner-page.demonstration-page{overflow:hidden;width:100%;float:left}

.inner-page.demonstration-page .article-body{overflow:visible!important}

.inner-page.demonstration-page .tip-line{clear:both;position:absolute;left:26px;top:70px;color:#007c36;font-size:16px}
.inner-page.demonstration-page .tip-line span{-webkit-animation:moveTip 1s infinite;animation:moveTip 1s infinite}

.inner-page.demonstration-page .d-title{float:left;background:url(../images/d-map.gif) 24px 6px no-repeat #f3d131;line-height:40px;width:230px;color:#fff;margin-left:18px;padding-left:70px;font-size:24px;margin-bottom:-18px}

.inner-page.demonstration-page #demonMap{height:285px;width:951px;margin-left:25px;background:url(../images/d-route.gif) no-repeat;clear:both;margin-bottom:-24px;position:relative}

.inner-page.demonstration-page #demonMap .m0,.inner-page.demonstration-page #demonMap .m1,.inner-page.demonstration-page #demonMap .m2,.inner-page.demonstration-page #demonMap .m3{top:-36px}

.inner-page.demonstration-page #demonMap .m4,.inner-page.demonstration-page #demonMap .m5,.inner-page.demonstration-page #demonMap .m6,.inner-page.demonstration-page #demonMap .m7,.inner-page.demonstration-page #demonMap .m8{top:107px}
.inner-page.demonstration-page #demonMap .m9,.inner-page.demonstration-page #demonMap .m10{top:248px}.inner-page.demonstration-page #demonMap .m0,.inner-page.demonstration-page #demonMap .m7,.inner-page.demonstration-page #demonMap .m10{left:279px}.inner-page.demonstration-page #demonMap .m1,.inner-page.demonstration-page #demonMap .m6{left:478px}
.inner-page.demonstration-page #demonMap .m2,.inner-page.demonstration-page #demonMap .m5{left:677px}.inner-page.demonstration-page #demonMap .m3,.inner-page.demonstration-page #demonMap .m4{left:877px}
.inner-page.demonstration-page #demonMap .m8,.inner-page.demonstration-page #demonMap .m9{left:83px}
.inner-page.demonstration-page #demonMap li{position:absolute;list-style:none;width:430px;height:290px}
.inner-page.demonstration-page #demonMap li:first-child a span{-webkit-animation:pulse .8s 2;animation:pulse .8s 2}
.inner-page.demonstration-page #demonMap li a{display:inline-block;text-align:left;position:relative;z-index:9;color:#000;padding:0 60px 0 80px;margin-left:-80px}
.inner-page.demonstration-page #demonMap li a div{position:relative;left:-50%;text-align:center}
.inner-page.demonstration-page #demonMap li a span{display:inline-block;margin:0 auto;margin-left:-15px;width:30px;height:50px;background:url(../images/d-map-pointer.png) center 100% no-repeat}
.inner-page.demonstration-page #demonMap li a:hover span{background:url(../images/d-map-pointer.png) center top no-repeat}
.inner-page.demonstration-page #demonMap li .detail{position:relative;top:1px;opacity:0;display:none\9;left:-50%;width:100%;height:290px;background:url(../images/d-map-cover.png) no-repeat;padding-left:21px;padding-top:37px;-webkit-transition:opacity .05s;-moz-transition:opacity .05s;-o-transition:opacity .05s;transition:opacity .05s}
.inner-page.demonstration-page #demonMap li .detail img{display:block;width:380px;height:230px}
.inner-page.demonstration-page #demonMap .m3{width:446px;height:280px}.inner-page.demonstration-page #demonMap .m3 .detail{position:absolute;background:url(../images/d-map-cover-fk.png) no-repeat;top:-19px;margin-left:-30px;left:-100%;padding-left:22px;padding-top:19px}
.inner-page.demonstration-page #demonMap .m8 .detail,.inner-page.demonstration-page #demonMap .m9 .detail{position:absolute;background:url(../images/d-map-cover-left.png) no-repeat;top:-100%;left:-105px;padding-left:22px;padding-top:19px}.inner-page.demonstration-page #demonMap .m4 .detail{position:absolute;background:url(../images/d-map-cover-right.png) no-repeat;top:-100%;left:-100%;padding-top:19px;margin-left:106px}.inner-page.demonstration-page #demonMap .m5 .detail,.inner-page.demonstration-page #demonMap .m6 .detail,.inner-page.demonstration-page #demonMap .m7 .detail,.inner-page.demonstration-page #demonMap .m10 .detail{position:absolute;background:url(../images/d-map-cover-down.png) no-repeat;top:-100%;left:-50%;margin-left:-4px;padding-left:22px;padding-top:19px}
.inner-page.demonstration-page #demonMap a:hover{z-index:40}.inner-page.demonstration-page #demonMap a:hover+.detail{z-index:30;opacity:1;display:block\9;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}

.inner-page.demonstration-page .summary{background:#c90000;font-size:18px;color:#fff;width:500px;padding:7px 12px;border-radius:6px;margin-right:32px;float:right}



