#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #333;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;  behavior: url(pie.htc);
    position: absolute;
    z-index: 1;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

/*zhq*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0; padding:0;border:0;font:inherit; vertical-align:baseline;}
/*html5 display-role reset for older browsers*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
h1,h2,h3,h4,h5{font-weight:normal;}
body{font-family: "Microsoft YaHei",微软雅黑,宋体,"Arial","Tahoma"; font-size:14px;}
input,select{font-family: "Microsoft YaHei",微软雅黑,宋体,"Arial","Tahoma"; }
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:none; vertical-align:middle;}
.fl{float:left;}
.fr{float:right;}
.font-white{color:#fff !important;}
.mar{margin:0 auto;}
.clear{clear:both;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.c_444{color:#444;}
.c_555{color:#555;}
.c_fff{color:#fff;}

.f14{font-size:14px;}
.f24{font-size:24px;}
.fb{font-size:bold;}


.section {text-align:center;overflow:hidden;}


#menu {margin: 0; padding:0;}
#menu li{float:left;padding-right:20px;line-height:55px;}
#menu a{float:left;color:#666; text-decoration: none;}
#menu a:hover{color:#3595f3;}
#menu .active a {color:#3595f3;}

.wrap{width:100%;height:60px; background:#fff; position:fixed; left:0; top:0; z-index:1000; box-shadow:0 0 1px rgba(0,0,0,0.3);}
.header{width:980px; margin: 0 auto;}
.logo img{ margin:13px 0 8px 0;}

/*加载动画*/
.loading { background: url(../images/loading.gif) 50% no-repeat;}
.loading .phone_app{ opacity: 0; opacity: 0;}



/*向下箭头动画*/
.godown{width:52px; clear:both; height:33px; display:block; background:url(../images/yly_bg.png) no-repeat; position:absolute; left:50%; bottom:5%; margin-left:-26px; cursor:pointer;-webkit-animation: up_down 1000ms linear infinite;
  -moz-animation: up_down 1000ms linear infinite;
  -ms-animation: up_down 1000ms linear infinite;
  animation: up_down 1000ms linear infinite;}
  
@-webkit-keyframes up_down{
  0% {-webkit-transform:translateY(0px);}
  50% {-webkit-transform:translateY(10px);}
  100% {-webkit-transform:translateY(0px);}
}
@-moz-keyframes up_down{
  0% {-moz-transform:translateY(0px);}
  50% {-moz-transform:translateY(10px);}
  100% {-moz-transform:translateY(0px);}
}
@-ms-keyframes up_down{
  0% {-ms-transform:translateY(0px);}
  50% {-ms-transform:translateY(10px);}
  100% {-ms-transform:translateY(0px);}
}
@keyframes up_down{
  0% {transform:translateY(0px);}
  50% {transform:translateY(10px);}
  100% {transform:translateY(0px);}
}

/*左右结构*/
.l_box,.r_box{width:50%;*width:49%; height:100%;transition: all 0.6s;}
.l_box{position:relative; left:-100%; }
.r_box{position:relative; right:-100%;}
.active .l_box,.active .r_box{transition-delay: 0.9s;
-moz-transition-delay: 0.9s; /* Firefox 4 */
-webkit-transition-delay: 0.9s; /* Safari 和 Chrome */
-o-transition-delay: 0.9s;}
.active .l_box{left:0;}
.active .r_box{right:0;}

/*圆形*/
.b-rad{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;  behavior: url(pie.htc);}

/*手机app*/
.title{height:230px; position:absolute; right:100px; top:50%; margin-top:-115px;}
.title h1{font-size:40px;transition: all 0.6s;-webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); transform: scale(0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.active .title h1{transition-delay: 1.5s;
-moz-transition-delay: 1.5s; /* Firefox 4 */
-webkit-transition-delay: 1.5s; /* Safari 和 Chrome */
-o-transition-delay: 1.5s;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform: scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.title_samll{-webkit-transform:scale(0.5) !important;;-moz-transform:scale(0.5) !important; -ms-transform:scale(0.5) !important; transform: scale(0.5) !important;filter:alpha(opacity=50)!important;-moz-opacity:0.5!important;-khtml-opacity: 0.5!important;opacity: 0.5!important;}
.title p{line-height:22px;}


.titles{height:230px; position:absolute; right:100px; top:50%; margin-top:-115px;}
.titles h1{font-size:40px;transition: all 0.6s;-webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); transform: scale(0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.active .titles h1{transition-delay: 1.5s;
-moz-transition-delay: 1.5s; /* Firefox 4 */
-webkit-transition-delay: 1.5s; /* Safari 和 Chrome */
-o-transition-delay: 1.5s;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform: scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.title_samll{-webkit-transform:scale(0.5) !important;;-moz-transform:scale(0.5) !important; -ms-transform:scale(0.5) !important; transform: scale(0.5) !important;filter:alpha(opacity=50)!important;-moz-opacity:0.5!important;-khtml-opacity: 0.5!important;opacity: 0.5!important;}
.titles p{line-height:22px;}



.btu_download{width:126px; height:36px; vertical-align:middle;margin-top:30px; border:none;background:#3399ff url(../images/yly_bg.png) no-repeat 91px -36px; cursor:pointer; border-radius:4px; font-size:18px; color:#fff;}
.btu_download:hover{background:#318ce5 url(../images/yly_bg.png) no-repeat 91px -36px; }
.phone{width:270px; height:390px; background:url(../images/app.png) no-repeat -960px -10px; position:absolute; left:250px; top:50%; margin-top:-188px; z-index:1;}
.w_logo{width:87px; height:30px; background:url(../images/w_logo.png) no-repeat; position:absolute; left:80px; top:170px; z-index:4;}
.gq{width:80px; height:80px; position:absolute;left:80px; top:150px; z-index:2; background:#383838 !important;-webkit-animation: big 2.5s linear infinite;
  -moz-animation: big 2.5s linear infinite;
  -ms-animation: big 2.5s linear infinite;
  animation: big 2.5s linear infinite;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; behavior: url(pie.htc);-webkit-animation-delay:4s;-moz-animation-delay:4s;-ms-animation-delay:4s;animation-delay:4s;}
@-webkit-keyframes big{
  0% {-webkit-transform:scale(0.5);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
  100% {-webkit-transform:scale(2);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
}
@-moz-keyframes big{
  0% {-moz-transform:scale(0.5);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
  100% {-moz-transform:scale(2);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
}
@-ms-keyframes big{
  0% {-ms-transform:scale(0.5);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
  100% {-ms-transform:scale(2);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
}
@keyframes big{
  0% {transform:scale(0.5);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
  100% {transform:scale(2);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
}  
.gq01{width:80px; height:80px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;  behavior: url(pie.htc); background:#383838 !important;position:absolute;left:80px;top:150px;z-index:3;animation:gq01 2.5s infinite;
-moz-animation:gq01 2.5s infinite; /* Firefox */
-webkit-animation:gq01 2.5s infinite; /* Safari and Chrome */
-o-animation:gq01 2.5s infinite;-webkit-animation-delay:4.5s;-moz-animation-delay:4.5s;-ms-animation-delay:4.5s;animation-delay:4.5s; }
@-webkit-keyframes gq01{
 0%{-webkit-transform:scale(0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
 100%{-webkit-transform:scale(2);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
}
@-moz-keyframes gq01{
 0%{-moz-transform:scale(0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
 100%{-moz-transform:scale(2);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
}
@-ms-keyframes gq01{
  0% {-ms-transform:scale(0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
  100% {-ms-transform:scale(2);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
}
@keyframes gq01{
  0% {transform:scale(0);filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
  100% {transform:scale(2);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
}
.pic01{width:255px;height:350px; background:url(../images/app.png) no-repeat -690px -9px; position:absolute; left:-90px; top:-200%; z-index:6;transition: all 0.6s;}
.active .pic01{top:4px;transition-delay: 3.5s;
-moz-transition-delay: 3.5s; /* Firefox 4 */
-webkit-transition-delay: 3.5s; /* Safari 和 Chrome */
-o-transition-delay: 3.5s;}
.pic02{width:318px;height:380px; background:url(../images/app.png) no-repeat -369px -9px; position:absolute; left:-180px; top:-200%; z-index:7;transition: all 0.6s;}
.active .pic02{top:16px;transition-delay: 4s;
-moz-transition-delay: 4s; /* Firefox 4 */
-webkit-transition-delay: 4s; /* Safari 和 Chrome */
-o-transition-delay: 4s;}
.pic03{width:350px;height:350px; background:url(../images/app.png) no-repeat -14px -9px; position:absolute; left:-255px; top:-200%; z-index:8;transition: all 0.6s;}
.active .pic03{top:70px;transition-delay:4.5s;
-moz-transition-delay:4.5s; /* Firefox 4 */
-webkit-transition-delay:4.5s; /* Safari 和 Chrome */
-o-transition-delay:4.5s;}
.hand{width:125px; height:430px; background:url(../images/pic_hand.png) no-repeat; position:relative;left:80px;bottom:-200%; z-index:5;}

.left_box{width:520px; position:relative;}
.right_box{width:400px; padding-top:90px;}
.appbg{width:100%;height:100%; background:url(../images/appbg.png) repeat-x;}
.iphone{width:274px; height:514px; background:url(../images/iphone.png) no-repeat; margin:20px 0 0 90px; position:absolute; left:0; z-index:3;}
.liphone{width:348px;height:480px; background:url(../images/iphone01.png) no-repeat; position:absolute; left:55px; top:60px; transform:rotate(14deg);
-ms-transform:rotate(14deg); 	/* IE 9 */
-moz-transform:rotate(14deg); 	/* Firefox */
-webkit-transform:rotate(14deg); /* Safari 和 Chrome */
-o-transform:rotate(14deg);  z-index:1;transition: all 0.6s;}
.riphone{width:370px;height:484px; background:url(../images/iphone02.png) no-repeat; position:absolute; left:55px; top:60px; transform:rotate(-17deg);
-ms-transform:rotate(-17deg); 	/* IE 9 */
-moz-transform:rotate(-17deg); 	/* Firefox */
-webkit-transform:rotate(-17deg); /* Safari 和 Chrome */
-o-transform:rotate(-17deg); z-index:2;transition: all 0.6s;}
.active .liphone{left:-60px;transition-delay: 1s;
-moz-transition-delay: 1s; /* Firefox 4 */
-webkit-transition-delay: 1s; /* Safari 和 Chrome */
-o-transition-delay: 1s;transform:rotate(0deg);
-ms-transform:rotate(0deg); 	/* IE 9 */
-moz-transform:rotate(0deg); 	/* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg); }
.active .riphone{left:160px;transition-delay: 1s;
-moz-transition-delay: 1s; /* Firefox 4 */
-webkit-transition-delay: 1s; /* Safari 和 Chrome */
-o-transition-delay: 1s;transform:rotate(0deg);
-ms-transform:rotate(0deg); 	/* IE 9 */
-moz-transform:rotate(0deg); 	/* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg); }
.w980{width:980px; height:530px; margin:0 auto;*margin-top:100px;}

.webt{width:520px; text-align:left;}
.webt h1{width:264px;height:46px; background: url(../images/bigt.png) no-repeat;}
.webt span{width:251px; height:36px; display:block; background:url(../images/st.png) no-repeat; margin:30px 0 60px 0;}
.webt dl{width:373px;}
.webt dl a{display:block;}
.webt dl dt{width:192px;}
.webt dl dt a{width:192px; height:61px; margin-bottom:30px; border-radius:5px;}
.webt dl dt a.idl{background:#86bd5a url(../images/idl.png) no-repeat left bottom;}
.webt dl dt a.idl:hover{background:#94d064 url(../images/idl.png) no-repeat left bottom;}
.webt dl dt a.adl{background:#f3a916 url(../images/adl.png) no-repeat left bottom;}
.webt dl dt a.adl:hover{background:#fdb018 url(../images/adl.png) no-repeat left bottom;}
.webt dl dd a{width:152px; height:152px; background:url(../images/wechat.png) no-repeat;}
/*移动办公*/
.work{width:230px; height:404px; position:absolute; right:0; top:50%; margin-top:-202px;}
.m_bg{width:0; height:210px; background:url(../images/mobile_office.png) no-repeat -544px 40px; position:absolute; left:-100%; top:0; z-index:1;transition: all 0.6s;}
.active .m_bg{width:350px;left:-150px;transition-delay: 2s;
-moz-transition-delay: 2s; /* Firefox 4 */
-webkit-transition-delay: 2s; /* Safari 和 Chrome */
-o-transition-delay: 2s;}
.m_bg1{width:0px; height:110px; background:url(../images/mobile_office.png) no-repeat -550px -295px; position:absolute; right:50px; top:230px; z-index:3;transition: all 0.8s;}
.active .m_bg1{width:340px;transition-delay: 3s;
-moz-transition-delay: 3s; /* Firefox 4 */
-webkit-transition-delay: 3s; /* Safari 和 Chrome */
-o-transition-delay: 3s;}
.mobile{width:253px; height:430px; background:url(../images/mobile_office.png) no-repeat -145px 0; position:absolute; right:80px; top:0; z-index:2;}
.people_walk{width:58px; height:80px; display:block; cursor:pointer; background:url(../images/mobile_office.png) no-repeat -38px -54px; position:absolute; left:-210px; top:40px;}
.people_walk:hover:after{content:"在路上"; position:absolute; top:80px; left:0; width:58px; color:#666;}
.caller{width:60px; height:75px;display:block; cursor:pointer; background:url(../images/mobile_office.png) no-repeat -436px -214px; position:absolute; left:195px; top:205px;}
.caller i{display:none; width:130px; height:40px; padding:5px;line-height:18px;border:solid 1px #ccc; border-radius:4px; font-size:12px; color:#666; position:absolute;left:60px; top:0px; text-align:left;white-space:nowrap;}
.caller:hover i{display:block;}
.caller:hover:after{content:"打电话"; position:absolute; top:80px; left:0; width:58px; color:#666;}
.Office_people{width:80px; height:79px; background:url(../images/mobile_office.png) no-repeat -9px -323px; position:absolute; left:-240px; top:320px;}
.Office_people:hover:after{content:"处理中"; position:absolute; top:80px; left:10px; width:58px; color:#666;}

/*区域统计*/
.r_sta,.down_arrow,.up_arrow,.histogram,.circle,.echart{background:url(../images/r_sta.png) no-repeat;position:absolute;}
.r_sta{width:230px; height:409px; background-position:-211px 0; left:150px; top:50%; margin-top:-202px; z-index:1;}
.down_arrow{width:80px; height:0; background-position:-465px -118px; left:160px; top:120px; z-index:2;transition: all 0.6s;}
.active .down_arrow{height:91px;transition-delay: 2s;
-moz-transition-delay: 2s; /* Firefox 4 */
-webkit-transition-delay: 2s; /* Safari 和 Chrome */
-o-transition-delay: 2s;}
.up_arrow{width:80px; height:0; background-position:-100px -280px; position:absolute; left:-10px; bottom:45px; z-index:2;transition: all 0.6s;}
.active .up_arrow{height:91px;bottom:45px;transition-delay: 2s;
-moz-transition-delay: 2s; /* Firefox 4 */
-webkit-transition-delay: 2s; /* Safari 和 Chrome */
-o-transition-delay: 2s;}
.histogram{width:0; height:96px; background-position: -480px -294px; position:absolute; right:0px; bottom:12px;  z-index:2;transition: all 1s;}
.active .histogram{width:135px;right:-68px;transition-delay: 2.5s;
-moz-transition-delay: 2.5s; /* Firefox 4 */
-webkit-transition-delay: 2.5s; /* Safari 和 Chrome */
-o-transition-delay: 2.5s;}
.circle{width:86px; height:86px; background-position: -87px -41px; position:absolute; left:-100px; top:-100%; z-index:2;transition: all 0.6s;}
.active .circle{top:40px;transition-delay: 3s;
-moz-transition-delay: 3s; /* Firefox 4 */
-webkit-transition-delay: 3s; /* Safari 和 Chrome */
-o-transition-delay: 3s;}
.rotate{-webkit-animation: rotate 0.9s linear infinite;
  -moz-animation: rotate 0.9s linear infinite;
  -ms-animation: rotate 0.9s linear infinite;
  animation: rotate 0.9s linear infinite;}

@-webkit-keyframes rotate{
 0%{-webkit-transform:rotate(0deg);}
 50%{-webkit-transform:rotate(180deg);}
 100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotate{
 0%{-moz-transform:rotate(0deg);}
 50%{-moz-transform:rotate(180deg);}
 100%{-moz-transform:rotate(360deg);}
}
@-ms-keyframes rotate{
  0% {-ms-transform:rotate(0deg);}
  50% {-ms-transform:rotate(180deg);}
  100% {-ms-transform:rotate(360deg);}
}
@keyframes rotate{
  0% {transform:rotate(0deg);}
  50% {transform:rotate(180deg);}
  100% {transform:rotate(360deg);}
}
.echart{width:179px; height:99px;background-position:-13px -153px; position:absolute; left:-180px; top:-100%;z-index:3;transition: all 0.6s;}
.active .echart{left:-91px;top:82px;transition-delay: 3.2s;
-moz-transition-delay: 3.2s; /* Firefox 4 */
-webkit-transition-delay: 3.2s; /* Safari 和 Chrome */
-o-transition-delay: 3.2s; }

/*位置服务*/
.l_s,.road,.phon,.po,.trajectory,.home,.van{background:url(../images/l_s.png) no-repeat; position:absolute;}
.l_s{width:228px; height:410px; background-position:-102px 0; position:absolute; right:148px; top:50%; margin-top:-202px; z-index:1;}
.road{width:470px; height:230px;background-position:-364px -104px; position:absolute; right:-130px; top:100px;}
.phon{width:48px; height:63px; background-position:-13px  -178px; position:absolute; left:70px; top:-200%;transition: all 0.6s;}
.active .phon{ top:90px;transition-delay: 1s;
-moz-transition-delay: 1s; /* Firefox 4 */
-webkit-transition-delay:1s; /* Safari 和 Chrome */
-o-transition-delay: 1s;} 
.po{width:41px; height:53px; background-position:-18px  -109px; position:absolute; left:0; top:-200%;transition: all 0.6s;}
.active .po{ top:45px;transition-delay: 2s;
-moz-transition-delay: 2s; /* Firefox 4 */
-webkit-transition-delay:2s; /* Safari 和 Chrome */
-o-transition-delay: 2s;} 
.trajectory{width:48px; height:63px; background-position:-12px -248px; position:absolute;left:250px; top:-200%;transition: all 0.6s;}
.active .trajectory{ top:146px;transition-delay: 3s;
-moz-transition-delay: 3s; /* Firefox 4 */
-webkit-transition-delay:3s; /* Safari 和 Chrome */
-o-transition-delay: 3s;} 
.home{width:60px; height:79px; background-position:-8px -5px; position:absolute; left:345px;top:-200%;transition: all 0.6s;}
.active .home{ top:90px;transition-delay: 4s;
-moz-transition-delay: 4s; /* Firefox 4 */
-webkit-transition-delay:4s; /* Safari 和 Chrome */
-o-transition-delay: 4s;} 
.van{width:60px; height:37px; background-position:-390px -360px; left:450px; top:180px;-webkit-animation: van 3s linear infinite;
  -moz-animation: van 3s linear infinite;
  -ms-animation: van 3s linear infinite;
  animation: van 3s linear infinite;-webkit-animation-delay:4s;-moz-animation-delay:4s;-ms-animation-delay:4s;animation-delay:4s; display:none;}
@-webkit-keyframes van{
	0%{-webkit-transform:translateX(0);filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
	100%{-webkit-transform:translateX(-150px);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
}
@-moz-keyframes van{
 0%{-moz-transform:translateX(0);filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
 100%{-moz-transform:translateX(-150px);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
}
@-ms-keyframes van{
  0% {-ms-transform:translateX(0px);filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
  100% {-ms-transform:translateX(-150px);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
}
@keyframes van{
  0% {transform:translateX(0);filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
  100% {transform:translateX(-150px);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
}


/*实时监控*/
.mon,.lun,.mon_pic,.monn{background:url(../images/mon.png) no-repeat; position:absolute;}
.mon{width:347px; height:0; background-position:-11px -2px; position:absolute; left:70px; top:50%; z-index:1; margin-top:-224px;transition: all 0.6s; }
.active .mon{ height:77px;transition-delay: 2s;
-moz-transition-delay: 2s; /* Firefox 4 */
-webkit-transition-delay:2s; /* Safari 和 Chrome */
-o-transition-delay: 2s;} 
.monn{width:347px; height:0; background-position:-11px -77px; position:absolute; left:0; top:300px; z-index:3; margin-top:-224px;transition: all 0.6s;}
.active .monn{ height:373px;transition-delay: 2s;
-moz-transition-delay: 2s; /* Firefox 4 */
-webkit-transition-delay:2s; /* Safari 和 Chrome */
-o-transition-delay: 2s;} 
.lun{ width:210px;height:230px;background-position:-628px -4px; left:65px; top:-100%; z-index:3;-webkit-animation: lun 0.6s linear infinite;
  -moz-animation: lun 0.6s linear infinite;
  -ms-animation: lun 0.6s linear infinite;
  animation: lun 0.6s linear infinite;display:none;}
.active .lun{ top:90px;transition-delay: 2s;
-moz-transition-delay: 2s; /* Firefox 4 */
-webkit-transition-delay:2s; /* Safari 和 Chrome */
-o-transition-delay: 2s;} 
@-webkit-keyframes lun{
 0%{-webkit-transform:rotate(0deg);}
 100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes lun{
 0%{-moz-transform:rotate(0deg);}
 100%{-moz-transform:rotate(360deg);}
}
@-ms-keyframes lun{
  0% {-ms-transform:rotate(0deg);}
  100% {-ms-transform:rotate(360deg);}
}
@keyframes lun{
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}
.mon_pic{width:227px; height:410px;background-position:-394px -28px; z-index:2; left:57px; top:30px;transition: all 3s;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.active .mon_pic{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; transition-delay: 3s;
-moz-transition-delay: 3s; /* Firefox 4 */
-webkit-transition-delay:3s; /* Safari 和 Chrome */
-o-transition-delay: 3s;} 


/*历史轨迹*/
.history,.road_line,.arrow1,.arrow2,.arrow3,.arrow4,.end_address,.icon01,.icon01 i,.icon02,.icon03{background:url(../images/histor.png) no-repeat;position:absolute; }
.history{width:232px; height:410px; background-position:0 0;right:200px; top:50%; margin-top:-203px; z-index:1}
.road_line{width:390px; height:0;background-position:-232px -85px;left:0; top:140px; z-index:2;transition: all 3s; z-index:2;}
.active .road_line{height:323px; transition-delay: 2s;
-moz-transition-delay: 2s; /* Firefox 4 */
-webkit-transition-delay:2s; /* Safari 和 Chrome */
-o-transition-delay: 2s;} 
.arrow1{width:54px; height:38px; background-position:-655px -322px; left:210px; top:380px; z-index:3;transition: all 0.6s;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.active .arrow1{transition-delay:4s;
-moz-transition-delay: 4s; /* Firefox 4 */
-webkit-transition-delay:4s; /* Safari 和 Chrome */
-o-transition-delay: 4s;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.arrow2{width:30px; height:20px; background-position:-667px -260px; left:310px; top:310px; z-index:3;transition: all 0.6s;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.active .arrow2{transition-delay:4.5s;
-moz-transition-delay: 4.5s; /* Firefox 4 */
-webkit-transition-delay:4.5s; /* Safari 和 Chrome */
-o-transition-delay: 4.5s;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.arrow3{width:16px; height:14px; background-position:-677px -146px; left:340px; top:224px; z-index:3;transition: all 0.6s;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.active .arrow3{transition-delay:5s;
-moz-transition-delay: 5s; /* Firefox 4 */
-webkit-transition-delay:5s; /* Safari 和 Chrome */
-o-transition-delay: 5s;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.arrow4{width:11px; height:5px; background-position:-731px -119px; left:310px; top:199px; z-index:3;transition: all 0.6s;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.active .arrow4{transition-delay:5.5s;
-moz-transition-delay: 5.5s; /* Firefox 4 */
-webkit-transition-delay:5.5s; /* Safari 和 Chrome */
-o-transition-delay: 5.5s;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.end_address{width:29px; height:42px;background-position:-663px -60px; left:274px; top:-100%; z-index:4;transition: all 0.6s;}
.active .end_address{top:102px;transition-delay:1.5s;
-moz-transition-delay: 1.5s; /* Firefox 4 */
-webkit-transition-delay:1.5s; /* Safari 和 Chrome */
-o-transition-delay: 1.5s;}
.icon01{width:74px; height:74px; background-position:-721px -311px; left:118px; top:-100%; z-index:5;-webkit-animation: icon01 3s linear infinite;
  -moz-animation: icon01 3s linear infinite;
  -ms-animation: icon01 3s linear infinite;
  animation: icon01 3s linear infinite;-webkit-animation-delay:4s;-moz-animation-delay:4s;-ms-animation-delay:4s;animation-delay:4s;}
.active .icon01{top:345px;transition-delay:4s;
-moz-transition-delay: 4s; /* Firefox 4 */
-webkit-transition-delay:4s; /* Safari 和 Chrome */
-o-transition-delay: 4s;}
@-webkit-keyframes icon01{
 0%{top:300px}
 50%{top:345px}
 100%{top:300px}
}
@-moz-keyframes icon01{
 0%{top:300px}
 50%{top:345px}
 100%{top:300px}
}
@-ms-keyframes icon01{
 0%{top:300px}
 50%{top:345px}
 100%{top:300px}
}
@keyframes icon01{
 0%{top:300px}
 50%{top:345px}
 100%{top:300px}
}
.icon01 i{width:70px; height:8px; display:block;background-position:-721px -391px; left:0; top:80px; z-index:6;}
.icon02{width:60px; height:60px;background-position:-660px -175px; left:350px; top:-100%; z-index:6;transition: all 0.6s;}
.active .icon02{top:236px;transition-delay:4.5s;
-moz-transition-delay: 4.5s; /* Firefox 4 */
-webkit-transition-delay:4.5s; /* Safari 和 Chrome */
-o-transition-delay: 4.5s;}
.icon03{width:30px; height:35px;background-position:-735px -35px; left:232px; top:-100%; z-index:6;transition: all 0.6s;}
.active .icon03{top:154px;transition-delay:5s;
-moz-transition-delay: 5s; /* Firefox 4 */
-webkit-transition-delay:5s; /* Safari 和 Chrome */
-o-transition-delay: 5s;}


/*统计查询*/
.s_s{width:337px; height:418px; background:url(../images/stat.png) no-repeat; position:absolute; left:0; top:50%; z-index:1; margin-top:-209px;}
.yuan{width:137px; height:137px; border-radius:50%;behavior: url(pie.htc) background:#3399ff; position:absolute;left:194px; bottom:2px; z-index:2; overflow:hidden;}
.yuan_i{width:100px; height:127px; display:block; background:url(../images/stat.png) no-repeat -345px -280px; position:absolute;left:20px;top:40px; z-index:3;-webkit-animation: yuan_i 2s linear infinite;
  -moz-animation: yuan_i 2s linear infinite;
  -ms-animation: yuan_i 2s linear infinite;
  animation: yuan_i 2s linear infinite;}
@-webkit-keyframes yuan_i{
 0%{top:100px}
 50%{top:40px}
 100%{top:100px}
}
@-moz-keyframes yuan_i{
 0%{top:100px}
 50%{top:40px}
 100%{top:100px}
}
@-ms-keyframes yuan_i{
 0%{top:100px}
 50%{top:40px}
 100%{top:100px}
}
@keyframes yuan_i{
 0%{top:100px}
 50%{top:40px}
 100%{top:100px}
}



/*即时通讯*/
.im{width:470px;height:440px; position:absolute; right:0; top:50%; margin-top:-220px;}
.impic{width:232px; height:410px; background: url(../images/im.png) no-repeat 2px -53px; position:absolute; left:116px; z-index:2;}
.man01{width:64px; height:160px; background:url(../images/im.png) no-repeat -291px -173px; position:absolute;left:17px; top:135px;}
.man02{width:60px; height:133px; background:url(../images/im.png) no-repeat -298px -31px; position:absolute;left:420px; top:0;}
.man03{width:58px; height:141px; background:url(../images/im.png) no-repeat -292px -342px; position:absolute;left:392px; top:298px;}
.gx01{width:0; height:145px; background:url(../images/im.png) no-repeat -410px 0px; position:absolute; top:70px; left:80px; z-index:1; transition: all 0.3s;}
.active .gx01{width:350px;transition-delay:2s;
-moz-transition-delay: 2s; /* Firefox 4 */
-webkit-transition-delay:2s; /* Safari 和 Chrome */
-o-transition-delay: 2s;}
.gx02{width:0; height:145px; background:url(../images/im.png) no-repeat -495px -200px; position:absolute; top:240px; left:90px; z-index:3; transition: all 0.3s;}
.active .gx02{width:293px;transition-delay:3s;
-moz-transition-delay: 3s; /* Firefox 4 */
-webkit-transition-delay:3s; /* Safari 和 Chrome */
-o-transition-delay: 3s;}
.gx03{width:52px; height:0px; background:url(../images/im.png) no-repeat -390px -182px; position:absolute; top:98px; left:368px; z-index:3; transition: all 0.3s;}
.active .gx03{height:281px;transition-delay:3s;
-moz-transition-delay: 3s; /* Firefox 4 */
-webkit-transition-delay:3s; /* Safari 和 Chrome */
-o-transition-delay: 3s;}


/*回到顶部*/
.gotop{width:40px; height:40px; display:block; background:url(../images/gotop.png) no-repeat; position:fixed; right:50px; bottom:50px; filter:alpha(opacity=50); 
-moz-opacity:0.5; 
opacity:0.5; cursor:pointer;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight * 3/4 + "px")}
.gotop:hover{filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
.gotop:hover:after{ content:"回到顶部";width:30px; position:absolute;left:5px; top:45px; text-align:center; color:#444; font-size:12px;}



/*版权信息*/
.footer{width:100%; height:80px;background:#444; position:absolute; left:0; bottom:0; line-height:24px; padding-top:10px;}
.footer a{font-size:12px;color:#fff; text-decoration:none;}
.footer p span,b{font-size:12px;color:#fff;}
.footer span{margin-left:57px; font-style:none;}
.footer b{margin-left:25px;}
.footer p.footcopy{font-size:12px;color:#999;}