@keyframes particleOne {
    50% { 
        transform: translateX(200%);
        -webkit-transform: translateX(200%);
    }
}
@-webkit-keyframes particleOne {
    50% { 
        transform: translateX(200%);
        -webkit-transform: translateX(200%);
    }
}
@keyframes orb {
    50%   { 
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
    }
}
@-webkit-keyframes orb {
    50%   { 
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
    }
}
@keyframes orb2 {
    50%   { 
        transform: translateX(300px);
        -webkit-transform: translateX(300px);
    }
}
@-webkit-keyframes orb2 {
    50%   { 
        transform: translateX(300px);
        -webkit-transform: translateX(300px);
    }
}
html{height:auto;}
html body{height:auto;}
.dingtu{height:auto;overflow: visible; float:left;}
.webfosslogo{position:absolute;}
.content{float:left;width:100%;}
.demo{position:fixed;width:300px;right:0;left:auto;}
.menu{width:100%;}
.land{float:left;width:100%;height:1865px;background:url(../images/land.png) no-repeat;position:relative;overflow: hidden;}
.qiu01{
    top: 15%;
    left: 40%;
    opacity: 0.6;
    z-index: 2;
    filter: blur(2px) hue-rotate(15deg);
    -webkit-filter: blur(2px) hue-rotate(15deg);
    animation: orb2 70s ease-out infinite;
    -webkit-animation: orb2 70s ease-out infinite;
    position:absolute;
}
.qiu02{
    position:absolute;
    top: 40%;
    left: 10%;
    opacity: 1;
    z-index: 2;
    filter: blur(1px) hue-rotate(-8deg);
    -webkit-filter: blur(1px) hue-rotate(-8deg);
    animation: orb2 70s ease-out infinite;
    -webkit-animation: orb2 70s ease-out infinite;
}
.qiu03{
    position: absolute;
    left: 45%;
    opacity: 1;
    z-index: 2;
    animation: orb 2s ease infinite;
    -webkit-animation: orb 2s ease infinite;
    bottom: 230px;
}
.flake{
    position:absolute;left:0px;top:0px;animation: particleOne 260s linear infinite;-webkit-animation: particleOne 260s linear infinite;
}

.land .pagetitle{float:left;width:610px;margin-left:15px;margin-top:120px;text-align: left;}
.land .con-section{float:left;padding-bottom:500px;width:610px;margin-left:15px;position:relative;z-index:9999;background:url(../images/aboutline.png) repeat-y 41px 0px;margin-top:57px;}
.land .con-section .block{float:left;width:100%;margin-bottom:20px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;margin-top:50px;}
.land .con-section .block .textbox .kuang p{margin:0 15px;line-height:30px;}
.land .con-section .block .textbox .kuang{min-height:30px;position:relative;background:url(../images/bg_kuang.png) repeat;border-radius: 20px;font-size:24px;margin-top:10px;padding:25px 0;}

.land .con-section .block01 .headbox{float:left;width:92px;}
.land .con-section .block01 .textbox{float:left;width:500px;text-align: left;margin-left:10px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.land .con-section .block01 .textbox .kuang{float:left;margin-left:12px;width:212px;}
.land .con-section .block01 .textbox .kuang::before{
    content:'';
    //background:#fff;
    width:12px; 
    height:20px; 
    background:url(../images/arrow_left.png) no-repeat;
    position:absolute;
    left:-12px;
    top:25px;
}
.land .con-section .block02 .headbox{float:right;width:92px;}
.land .con-section .block02 .textbox{float:right;width:500px;text-align: left;margin-right:10px;margin-left:0px;}
.land .con-section .block02 .textbox .kuang{float:right;margin-right:12px;width:390px;}
.land .con-section .block02 .textbox .kuang::before{
    content:'';
    //background:#fff;
    width:12px; 
    height:20px; 
    background:url(../images/arrow_right.png) no-repeat;
    position:absolute;
    right:-12px;
    top:25px;
}
.land .con-section .block03 .headbox{float:left;width:92px;}
.land .con-section .block03 .textbox{float:left;width:500px;text-align: left;margin-left:10px;}
.land .con-section .block03 .textbox .kuang{float:left;margin-left:12px;width:302px;}
.land .con-section .block03 .textbox .kuang::before{
    content:'';
    //background:#fff;
    width:12px; 
    height:20px; 
    background:url(../images/arrow_left.png) no-repeat;
    position:absolute;
    left:-12px;
    top:25px;
}
.land .con-section .block04 .headbox{float:right;width:92px;}
.land .con-section .block04 .textbox{float:right;width:500px;text-align: left;margin-right:10px;margin-left:0px;}
.land .con-section .block04 .textbox .kuang{float:right;margin-right:12px;width:360px;}
.land .con-section .block04 .textbox .kuang::before{
    content:'';
    //background:#fff;
    width:12px; 
    height:20px; 
    background:url(../images/arrow_right.png) no-repeat;
    position:absolute;
    right:-12px;
    top:25px;
}
.land .con-section .block05 .headbox{float:right;width:92px;}
.land .con-section .block05 .textbox{float:right;width:500px;text-align: left;margin-right:10px;}
.land .con-section .block05 .textbox .kuang{float:right;margin-right:12px;width:406px;}
.land .con-section .block05 .textbox .kuang::before{
    content:'';
    //background:#fff;
    width:12px; 
    height:20px; 
    background:url(../images/arrow_right.png) no-repeat;
    position:absolute;
    right:-12px;
    top:25px;
}
.land .con-section .block06 .headbox{float:right;width:92px;}
.land .con-section .block06 .textbox{float:right;width:500px;text-align: left;margin-right:10px;margin-left:0px;}
.land .con-section .block06 .textbox .kuang{float:right;margin-right:12px;width:406px;}
.land .con-section .block06 .textbox .kuang::before{
    content:'';
    //background:#fff;
    width:12px; 
    height:20px; 
    background:url(../images/arrow_right.png) no-repeat;
    position:absolute;
    right:-12px;
    top:25px;
}
.land .con-section .block07 .headbox{float:left;width:92px;}
.land .con-section .block07 .textbox{float:left;width:500px;text-align: left;margin-left:10px;}
.land .con-section .block07 .textbox .kuang{float:left;margin-left:12px;width:362px;}
.land .con-section .block07 .textbox .kuang::before{
    content:'';
    //background:#fff;
    width:12px; 
    height:20px; 
    background:url(../images/arrow_left.png) no-repeat;
    position:absolute;
    left:-12px;
    top:25px;
}
.land .con-section .block07 .textbox .kuang a{color:#fff;text-decoration: underline;}
.land .con-section .block08 .headbox{float:right;width:92px;}
.land .con-section .block08 .textbox{float:right;width:500px;text-align: left;margin-right:10px;margin-left:0px;}
.land .con-section .block08 .textbox .kuang{float:right;margin-right:12px;width:230px;}
.land .con-section .block08 .textbox .kuang::before{
    content:'';
    //background:#fff;
    width:12px; 
    height:20px; 
    background:url(../images/arrow_right.png) no-repeat;
    position:absolute;
    right:-12px;
    top:25px;
}
.land .con-section .block08 .textbox .kuang a{color:#fff;text-decoration: underline;}

#text001,#text002,#text003,#text08,#text005,#text006,.text013,.text014{margin-top:15px!important;}