@keyframes particleOne {
    50% { 
        transform: translateX(200%);
        -webkit-transform: translateX(200%);
    }
}

@keyframes orb {
    50%   { 
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
    }
}

@keyframes orb2 {
    50%   { 
        transform: translateX(300px);
        -webkit-transform: translateX(300px);
    }
}

.dingtu{overflow: visible}
.webfosslogo{position:absolute;}
.content{float:left;width:100%;height:100%;}

/*.demo{position:fixed;width:300px;right:0;left:auto;}
.menu{width:100%;}*/
.land .pagetitle{float:left;width:610px;margin-left:15px;margin-top:120px;text-align: left;}

.land{float:left;width:100%;height:100%;position:relative;overflow: hidden;background:url(../images/bg_customer.jpg) no-repeat bottom;}
.land .numberbox{position:absolute;width:580px;left:30px;bottom:120px;}
.land .numberbox .numitem{float:left;width:160px;margin: 0 16px;}

.land .numberbox .numitem .ttl{float:left;width:100%;margin-bottom:35px;}
.land .numberbox .numitem .ttl .cn{float:left;width:100%;font-size:25px;margin-bottom:5px;}
.land .numberbox .numitem .ttl .en{float:left;width:100%;font-size:16px;}

.land .numberbox .numitem .number{float:left;width:144px;height:160px;margin:0 0 0 8px;background:url(../images/bg_number.png) no-repeat;line-height:155px;font-size:48px;}
.land .numberbox .numitem a{display:block;color:#fff;text-decoration: none;}
.land .map{position:absolute;width:640px;left:0px;top:0px;}
.land .map .ico{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}


.land .map .ico01{position:absolute;top:195px;left:280px;}
.land .map .ico02{position:absolute;top:230px;left:117px;width:47px;z-index:2;}
.land .map .ico03{position:absolute;top:342px;left:87px;width:40px;z-index:2;}
.land .map .ico04{position:absolute;top:455px;left:176px;width:40px;z-index:2;}
.land .map .ico05{position:absolute;top:470px;left:320px;width:40px;z-index:2;}
.land .map .ico06{position:absolute;top:475px;left:530px;width:40px;z-index:2;}
.land .map .ico07{position:absolute;top:355px;left:515px;width:40px;z-index:2;}
.land .map .ico08{position:absolute;top:285px;left:423px;width:40px;z-index:2;}
.land .map .ico09{position:absolute;top:327px;left:295px;width:40px;z-index:2;}

.land .map .line01{position:absolute;width:207px;height:60px;overflow: hidden;top:309px;left: 106px;}
.land .map .line01 img{float:left;}
.land .map .line02{position:absolute;width:125px;height:138px;overflow: hidden;top:344px;right:324px;}
.land .map .line02 img{float:right;}
.land .map .line03{position:absolute;width:55px;height:146px;overflow: hidden;top:350px;right:297px;}
.land .map .line03 img{float:right;}
.land .map .line04{position:absolute;width:225px;height:153px;overflow: hidden;top:344px;left:320px;}
.land .map .line05{position:absolute;width:207px;height:61px;overflow: hidden;top:314px;left:320px;}
.land .map .line06{position:absolute;width:338px;height:98px;overflow: hidden;top:262px;left:100px;}
.land .map .line07{position:absolute;width:99px;height:69px;overflow: hidden;top:303px;left:445px;}
.land .map .line08{position:absolute;width:136px;height:37px;overflow: hidden;top:450px;left:200px;}
.land .map .line09{position:absolute;width:201px;height:46px;overflow: hidden;top:456px;left:342px;}




.detailcustomer .pagetitle{float:left;width:610px;margin-left:15px;margin-top:120px;text-align: left;}
.detailcustomer{float:left;width:100%;height:100%;position:relative;overflow: hidden;background:url(../images/bg_customer.jpg) no-repeat bottom;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.detailcustomer .logos{float:left;width:606px;margin:40px 0 0 17px;}
.detailcustomer .logos .logogroup{float:left;margin-left:5px;width:606px;height:570px;}
.detailcustomer .logos .logogroup .item{float:left;margin:0 10px -10px 10px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.detailcustomer .logos .logogroup .item.itemsuo{margin-left:85px;}

#wraper{
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
#wraper ul{
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}
#wraper ul li{
    position: absolute;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    list-style: none;
}
#wraper ul li img{
    max-width: 100%;
    max-height: 100%;
}

.next-btn:before{
    animation: nextPage 500ms ease infinite alternate;
}
@keyframes nextPage{
    from {
        bottom:60px;
    }
    to {
        bottom:30px;
    }
}

@-webkit-keyframes nextPage {
    from {
        bottom:60px;
    }
    to {
        bottom:30px;
    }
}
.next-btn{
    font-family: sans-serif, Helvetica;
    cursor: pointer;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 38px;
    text-rendering: auto;
    position: absolute;
    width: 65px;
    text-align: center;
    bottom: 60px;
    left: 50%;
    margin-left: -32px;
    color: rgba(255, 255, 255, .4);
    animation: nextPage 1s ease infinite alternate;
    -webkit-animation:nextPage 1s ease infinite alternate;
}