html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background:0 0
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:700
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
body{
    color:#666
}
button,input{
    font-family:"Microsoft YaHei"
}
body,html{
    min-height:100%
}
@media (max-width:1200px){
    .container{
        width:960px
    }

}
@media (min-width:1600px){
    .container{
        width:1440px!important
    }

}
html.freeze,html.freeze body{
    height:100%;
    overflow:hidden
}
.homeLayover{
    position:fixed;
    background:#000;
    background:rgba(0,0,0,.8);
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:998
}
.appDialog .linkDownload{
    font-size:0
}
.introVideoDialog{
    position:fixed;
    display:none;
    z-index:999;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:#000;
    background:rgba(0,0,0,.9)
}
.introVideoDialog .introVideo{
    text-align:center;
    margin:100px 0
}
.introVideoDialog .btnClose{
    position:absolute;
    right:20px;
    top:20px;
    width:22px;
    height:22px;
    background:url(../images/mdicon.png) 0 -88px no-repeat;
    -webkit-transition:all .6s ease-out;
    -o-transition:all .6s ease-out;
    transition:all .6s ease-out
}
.introVideoDialog .btnClose:hover{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
.adviserDialog{
    width:430px;
    padding:40px;
    color:#000;
    font-size:14px
}
.adviserDialog .title{
    font-size:18px;
    margin-bottom:35px
}
.adviserDialog .inputGroup{
    margin-bottom:20px
}
.adviserDialog input,.adviserDialog select{
    height:32px;
    line-height:32px;
    border:1px solid #b2b2b2;
    padding:0 15px;
    outline:0;
    vertical-align:middle;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px
}
.adviserDialog label{
    float:left;
    line-height:34px
}
.adviserDialog .inputWrapper{
    float:right
}
.adviserDialog .select{
    color:#000;
    vertical-align:middle
}
.adviserDialog .select .selectBtn,.adviserDialog .select .selectDetail{
    border-color:#BBB
}
.adviserDialog .select.error .selectBtn,.adviserDialog .select.error .selectDetail,.adviserDialog input.error{
    border-color:#ff3b40
}
.consultType .select .selectDetail{
    width:317px
}
.userTrade .select .selectDetail{
    width:283px
}
.userCity .select .selectDetail{
    width:108px
}
#city{
    margin-left:24px
}
#sex{
    margin-left:22px
}
#name{
    width:160px
}
#city .selectList,#province .selectList,.userTrade .select .selectList{
    max-height:252px;
    overflow-y:auto
}
.adviserDialog .consultAction .btnSubmit{
    font-size:14px;
    height:53px
}
.adviserDialog .consultAction{
    margin-top:30px
}
.adviserDialog .consultAction .textIntro{
    display:inline-block;
    vertical-align:middle;
    margin-left:40px;
    font-size:12px
}
.adviserDialog .consultTip{
    color:#999;
    font-size:12px
}
#sex .selectDetail{
    width:69px
}
#userLocation,#userMobile{
    width:294px
}
.userName select{
    width:83px;
    height:34px;
    line-height:34px;
    vertical-align:top;
    margin-left:10px
}
.regTypeDialog{
    width:395px;
    margin-top:-100px
}
.regTypeDialog .dialogHeader{
    color:#b5b5b5;
    text-align:center;
    border-bottom:solid 3px #F3F3F3;
    font-size:18px;
    height:50px;
    line-height:50px
}
.regTypeDialog .actionGroup{
    padding-bottom:30px
}
.regTypeDialog .actionGroup .btn{
    width:154px;
    padding:0;
    text-align:center
}
.regTypeDialog .actionGroup .btn.btnJoinNetwork{
    color:#06c;
    background:#FFF;
    margin-left:16px
}
.joinNetworkDialog{
    width:395px;
    margin-top:-174px
}
.joinNetworkDialog .dialogBody{
    margin-top:15px
}
.staticDialog{
    position:fixed;
    width:395px;
    margin-left:-197px;
    margin-top:-287px;
    top:50%;
    left:50%;
    background:#FFF;
    color:#575757;
    z-index:999;
    border-radius:4px;
    background-clip:padding-box
}
.staticDialog .btnClose{
    position:absolute;
    right:-25px;
    top:-16px
}
.staticDialog .btnClose .iconClose{
    cursor:pointer;
    display:inline-block;
    width:13px;
    height:13px;
    background:url(../images/mdicon.png) -138px 0
}
.staticDialog .btnClose .iconClose:hover{
    background-position:-151px 0
}
.staticDialog .btn{
    display:inline-block;
    font-size:16px;
    line-height:42px;
    text-align:center;
    color:#FFF;
    background:#0080ff;
    border:1px solid #08F;
    border-radius:3px;
    background-clip:padding-box
}
.staticDialog .btnBlock{
    display:block;
    width:100%
}
.staticDialog .dialogHeader{
    color:#b5b5b5;
    text-align:center;
    border-bottom:solid 3px #F3F3F3;
    font-size:18px;
    height:56px;
    line-height:56px
}
.staticDialog .dialogHeader .title.warm{
    color:#F60;
    font-size:16px
}
.staticDialog .dialogBody,.staticDialog .dialogFooter{
    padding:0 34px
}
.staticDialog .dialogFooter{
    padding-top:20px;
    padding-bottom:20px;
    border-top:#ECECEC
}
.staticDialog input{
    outline:0;
    display:block;
    width:100%;
    line-height:24px;
    height:44px;
    border:1px solid #ccc;
    box-sizing:border-box;
    border-radius:3px;
    background-clip:padding-box;
    margin-bottom:13px;
    padding:9px;
    font-size:16px;
    color:#666
}
.staticDialog input::-webkit-input-placeholder{
    color:#D0D0D0
}
.staticDialog input-moz-placeholder::-moz-placeholder{
    color:#D0D0D0
}
.staticDialog .verifyCode input{
    width:150px;
    display:inline-block;
    margin:0 20px 0 0
}
.staticDialog .verifyCode img{
    height:44px;
    width:auto;
    vertical-align:top;
    cursor:pointer
}
.staticDialog .verifyCode .btnChangeCode{
    line-height:44px;
    color:#08F;
    cursor:pointer;
    margin-left:5px
}
.staticDialog .email{
    font-size:16px;
    padding-top:25px;
    padding-bottom:25px;
    color:#000;
    text-align:center;
    overflow:hidden
}
.staticDialog .tip{
    color:#8f8f8f;
    line-height:34px
}
.staticDialog .select{
    color:#000
}
.staticDialog .select .selectBtn,.staticDialog .select .selectDetail{
    border-color:#CCC;
    line-height:34px;
    border-radius:4px
}
.staticDialog .select .selectDetail{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.staticDialog .select em{
    color:#0080ff;
    font-style:normal
}
.staticDialog .select .selectDetail,.staticDialog .select .selectList{
    font-size:16px
}
.staticDialog .select .selectBtn{
    border:0;
    background:0 0
}
.staticDialog .select .selectBtn .caret{
    border-top-color:#CCC;
    border-width:7px
}
.staticDialog .select .selectList li{
    line-height:34px
}
.staticDialog .select .selectList li:hover{
    color:#000;
    background:#f3f3f3
}
[class*=icon].iconVideo{
    width:12px;
    height:12px;
    vertical-align:-1px;
    background:url(../images/btnviewvideo.png) no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){
    .iconVideo{
        background-image:url(../images/btnviewvideo.png);
        background-size:12px 12px
    }

}
#alertDialog{
    position:fixed;
    background-color:#cffbc7;
    color:green;
    padding:10px 40px 10px 20px;
    text-align:left;
    font-size:20px;
    border:2px solid #fff;
    -moz-border-radius:7px;
    -moz-box-shadow:0 0 40px #000;
    box-shadow:0 0 40px #000;
    -webkit-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:0 0 40px #ccc;
    z-index:99999;
    margin-left:-20px
}
#alertDialog .close{
    position:absolute;
    right:10px;
    top:12px;
    color:#190;
    background-color:#fff;
    display:block;
    width:20px;
    height:20px;
    text-align:center;
    overflow:hidden;
    font-size:20px;
    line-height:16px;
    font-weight:700;
    border-radius:12px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    text-decoration:none
}
.errorDialog{
    background-color:#FD7E71!important;
    color:#c10!important
}
.errorDialog .close{
    color:#FD7E71!important
}
.warningDialog{
    background-color:#fbeac7!important;
    color:#d80!important
}
.warningDialog .close{
    color:#fbeac7!important
}
.warningErrorDialog{
    background-color:#ececec!important;
    color:#333!important
}
.warningErrorDialog .close{
    color:#ececec!important
}
.btnBlock{
    display:block!important;
    width:100%!important
}
body,html{
    margin:0;
    padding:0;
    overflow:hidden;
    -webkit-tap-highlight-color:transparent
}
#superContainer{
    height:100%;
    position:relative;
    -ms-touch-action:none;
    touch-action:none
}
.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 .3s ease-out;
    transition:all .3s ease-out
}
.fp-section.fp-table,.fp-slide.fp-table{
    width:100%
}
.fp-tableCell{
    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-nav{
    margin-top:-32px;
    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 li,.fp-slidesNav li{
    display:block;
    width:14px;
    height:13px;
    margin:7px;
    position:relative
}
.fp-slidesNav li{
    display:inline-block
}
#fp-nav li a,.fp-slidesNav li a{
    display:block;
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    cursor:pointer;
    text-decoration:none
}
#fp-nav li .active span,.fp-slidesNav .active span{
    background:#333
}
#fp-nav span,.fp-slidesNav span{
    top:2px;
    left:2px;
    width:8px;
    height:8px;
    border:1px solid #000;
    background:0 0;
    border-radius:50%;
    position:absolute;
    z-index:1
}
.fp-tooltip{
    position:absolute;
    top:-2px;
    color:#fff;
    font-size:14px;
    font-family:arial,helvetica,sans-serif;
    white-space:nowrap;
    max-width:220px
}
.fp-tooltip.right{
    right:20px
}
.fp-tooltip.left{
    left:20px
}
.clearfix:after,.clearfix:before{
    content:" ";
    display:table
}
.clearfix:after{
    clear:both
}
body{
    margin:0;
    padding:0;
    background:#fff;
    font-family:Arial,'Hiragino Sans GB',md-hsgb,'Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;
    font-size:12px;
    line-height:1.5;
    -webkit-perspective:1300px;
    -moz-perspective:1300px;
    perspective:1300px;
    overflow:visible
}
dd,dl,dt,li,ul{
    margin:0;
    padding:0
}
li,ul{
    list-style:none
}
button,input{
    margin:0;
    padding:0
}
img{
    border:0
}
a{
    text-decoration:none
}
button{
    border:0;
    background:0 0;
    outline:0;
    cursor:pointer
}
.container{
    width:1000px;
    margin:0 auto;
    box-sizing:border-box
}
@media (max-width:1200px){
    .container{
        width:960px
    }

}
@media (min-width:1600px){
    .container{
        width:1440px
    }

}
.hide{
    display:none
}
.page,.page .section,body,html{
    height:100%
}
.section{
    position:relative;
    overflow:hidden;
    display:block
}
.section:after,.section:before{
    content:" ";
    display:table
}
.section:after{
    clear:both
}
.section .textWrapper{
    position:relative;
    z-index:2;
    font-size:18px;
    color:#666
}
.section .textWrapper a{
    font-size:16px;
    color:#06C
}
.section .textWrapper .btnViewVideo .iconVideo{
    display:inline-block;
    width:15px;
    height:15px;
    vertical-align:middle;
    background:url(../images/mdicon.png) -94px -59px
}
.section .textWrapper h2{
    font-size:36px;
    color:#484848;
    font-weight:400
}
@media (min-width:1600px){
    .section .textWrapper{
        font-size:26px
    }
    .section .textWrapper h2{
        font-size:52px
    }
    .section .textWrapper a{
        font-size:26px
    }

}
.section .imgWrapper{
    position:absolute;
    opacity:0;
    overflow:hidden;
    -webkit-transition:all .6s .4s ease-out;
    -o-transition:all .6s .4s ease-out;
    transition:all .6s .4s ease-out
}
.section .imgWrapper img{
    display:none
}
.section.active .imgWrapper{
    opacity:1
}
.header{
    display:none
}
.banner{
    background:url(../images/customerBgJLWX.jpg) right bottom/cover no-repeat #000;
    transition:all .7s
}
.btnNewFeature{
    display:block;
    font-size:16px;
    background:0 0;
    color:#999
}
.btnNewFeature .iconFeature{
    display:inline-block;
    width:16px;
    height:16px;
    vertical-align:middle;
    background:url(../images/mdicon.png) -62px -60px no-repeat;
    margin-left:10px
}
.btnNewFeature:hover .iconFeature{
    background-position:-62px -60px
}
.banner .container{
    position:relative;
    height:100%
}
.banner .container:after,.banner .container:before{
    content:" ";
    display:table
}
.banner .container:after{
    clear:both
}
.banner .logo{
    width:367px;
    height:55px;
    background:url(../images/logoindex.png) no-repeat;
    float:left;
    margin-top:56px
}
.banner .btnLogin{
    position:relative;
    z-index:2;
    float:right;
    margin-top:60px;
    width:100px;
    height:48px;
    line-height:48px;
    font-size:16px;
    background:#FFF;
    background:rgba(255,255,255,.8);
    color:#000;
    cursor:pointer;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    transition:all .3s
}
.banner .btnLogin:hover{
    background:#06C;
    color:#FFF
}


.banner .btnAgentLogin{
    position:relative;
    z-index:2;
    float:right;
    margin-top:60px;
    margin-left: 10px;
    width:100px;
    height:48px;
    line-height:48px;
    font-size:16px;
    text-align: center;
    background:#FFF;
    background:rgba(255,255,255,.8);
    color:#000;
    cursor:pointer;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    transition:all .3s
}
.banner .btnAgentLogin:hover{
    background:#06C;
    color:#FFF
}


.banner .regContainer{
    position:absolute;
    width:100%;
    top:50%;
    margin-top:-150px
}
.banner .regArea{
    position:relative
}
.banner .regArea.freeze .regWrapper{
    opacity:0
}
.banner .regArea.freeze .slogan{
    -webkit-transform:translate3d(0,50px,0);
    transform:translate3d(0,50px,0);
    -webkit-transition:all .3s .1s ease-in-out;
    -o-transition:all .3s .1s ease-in-out;
    transition:all .3s .1s ease-in-out
}
.banner .regArea .slogan img{
    display:none
}
.banner .regArea .regWrapper{
    opacity:1;
    width:369px;
    padding:4px;
    margin:30px 0;
    font-size:0;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.banner .regArea .regWrapper label{
    position:absolute;
    left:17px
}
.banner .regArea .regWrapper label .iconMail{
    display:inline-block;
    width:35px;
    height:25px;
    background:url(../images/mdicon.png) -68px 0;
    vertical-align:middle
}
.banner .regArea .regInput{
    position:relative;
    padding:13px 17px;
    background:#FFF;
    margin-bottom:20px;
    display:block;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.banner .regArea .regInput.focus{
    -webkit-box-shadow:0 0 4px 2px #06f inset;
    box-shadow:0 0 4px 2px #06f inset
}
.banner .regArea .regInput.focus .iconMail{
    background-position:-103px 0
}
.banner .regArea .regInput input{
    border:0;
    outline:0;
    font-size:18px;
    line-height:24px;
    color:#333;
    width:100%
}
.banner .regArea .regInput .tooltip{
    width:100%;
    top:-100%;
    margin-top:10px
}
.banner .regArea .btnReg{
    display:block;
    text-align:center;
    width:100%;
    height:50px;
    line-height:50px;
    background:#06C;
    cursor:pointer;
    font-size:16px;
    color:#FFF;
    border-top:solid 1px #5C98FF;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.banner .regArea .btnReg .iconSubmit{
    margin-left:5px;
    display:inline-block;
    vertical-align:middle;
    width:8px;
    height:14px;
    background:url(../images/mdicon.png) -22px -59px
}
.homeDialog.loginDialog{
    opacity:0;
    width:347px;
    right:100px;
    margin-left:-173px;
    margin-top:-167px;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transform:rotateX(-70deg);
    -ms-transform:rotateX(-70deg);
    -o-transform:rotateX(-70deg);
    transform:rotateX(-70deg);
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.homeDialog.loginDialog.show{
    display:block;
    -webkit-transform:rotateX(0deg);
    -ms-transform:rotateX(0deg);
    -o-transform:rotateX(0deg);
    transform:rotateX(0deg);
    opacity:1
}
.homeDialog.loginDialog.active{
    display:block
}
.homeDialog.loginDialog .loginWrapper{
    padding:55px 20px 5px
}
.homeDialog.loginDialog input{
    outline:0;
    display:block;
    width:100%;
    line-height:24px;
    height:44px;
    border:1px solid #AEAEAE;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    margin-bottom:13px;
    padding:9px;
    font-size:16px;
    color:#666
}
.homeDialog.loginDialog .btnLoginSubmit{
    font-size:16px;
    display:block;
    width:100%;
    text-align:center;
    color:#FFF;
    background:#0080ff;
    line-height:42px;
    margin-top:24px;
    border:1px solid #06C;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.homeDialog.loginDialog .verifyCode input{
    width:150px;
    display:inline-block;
    margin:0 10px 0 0
}
.homeDialog.loginDialog .verifyCode img{
    height:44px;
    width:auto;
    vertical-align:top;
    cursor:pointer
}
.homeDialog.loginDialog .loginAlert{
    padding:10px;
    line-height:19px;
    margin-bottom:10px;
    background:#ffd0d0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.homeDialog.loginDialog .loginAction{
    margin:13px 0;
    font-size:12px
}
.homeDialog.loginDialog .loginAction .forgetPsd{
    float:right;
    color:#575757
}
.homeDialog.loginDialog .loginCheck{
    position:relative;
    display:inline-block;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid #AEAEAE;
    overflow:hidden;
    width:14px;
    height:14px;
    vertical-align:-3px;
    line-height:18px;
    margin-right:5px;
    cursor:pointer;
    text-align:center
}
.homeDialog.loginDialog .loginCheck.checked .iconChecked{
    display:inline-block;
    background:url(../images/mdicon.png) -138px -13px;
    width:10px;
    height:8px;
    vertical-align:2px
}
.homeDialog.loginDialog .loginCheck input{
    display:block;
    opacity:0;
    position:absolute;
    z-index:2;
    left:0;
    top:0;
    margin:0;
    width:14px;
    height:14px;
    cursor:pointer
}
.homeDialog.loginDialog .authLogin{
    padding:16px 20px;
    margin-top:30px;
    border-top:solid 1px #E6E5E5;
    background:#F8F8F8;
    color:#999;
    font-size:14px
}
.homeDialog.loginDialog .authLogin .iconQQ{
    display:inline-block;
    width:23px;
    height:23px;
    background:url(../images/mdicon.png) -164px 0 no-repeat;
    vertical-align:-6px
}
.homeDialog.loginDialog .authLogin .iconQQ:hover{
    background-position:-187px 0
}
.loginDialog.network{
    width:394px;
    margin-left:-197px
}
.loginDialog.network .loginInfo{
    margin:0 40px;
    padding:25px 0 20px;
    border-bottom:solid 1px #E7E7E7
}
.loginDialog.network .loginInfo .name{
    font-size:16px;
    color:#B6B6B6
}
.loginDialog.network .loginInfo .loginLoading{
    display:none;
    height:24px;
    line-height:24px
}
.loginDialog.network .loginInfo .loginLoading i{
    display:inline-block;
    width:10px;
    height:10px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background:#4C4C4C;
    margin-right:8px;
    -webkit-animation:bouncedelay 1.4s infinite ease-in-out;
    -o-animation:bouncedelay 1.4s infinite ease-in-out;
    animation:bouncedelay 1.4s infinite ease-in-out
}
.loginDialog.network .loginInfo .loginLoading i:nth-child(1){
    -webkit-animation-delay:.16s;
    animation-delay:.16s
}
.loginDialog.network .loginInfo .loginLoading i:nth-child(2){
    -webkit-animation-delay:.32s;
    animation-delay:.32s
}
.loginDialog.network .loginInfo .loginLoading i:nth-child(3){
    -webkit-animation-delay:.48s;
    animation-delay:.48s
}
.loginDialog.network .loginInfo .loginLoading i:nth-child(4){
    -webkit-animation-delay:.64s;
    animation-delay:.64s
}
.loginDialog.network .loginInfo .loginLoading i:nth-child(5){
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.loginDialog.network .loginInfo .loginLoading i:nth-child(6){
    -webkit-animation-delay:.96s;
    animation-delay:.96s
}
.loginDialog.network .dialogFooter{
    padding:20px 0;
    margin:20px 40px 0;
    border-top:solid 1px #E7E7E7
}
.loginDialog.network .dialogFooter .btnBackToLogin{
    color:#999;
    cursor:pointer
}
.loginDialog.network .networkSelect .title{
    font-size:20px;
    color:#06C;
    margin:10px 40px 15px
}
.loginDialog.network .networkSelect .networkLoading{
    margin:10px 40px
}
.loginDialog.network .networkSelect .networkList{
    max-height:240px;
    overflow-y:auto
}
.loginDialog.network .networkSelect .networkList li{
    display:block;
    font-size:16px;
    height:30px;
    line-height:30px;
    margin:0 30px;
    padding:6px 10px;
    cursor:pointer;
    color:#353535;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.loginDialog.network .networkSelect .networkList li .iconDot{
    display:none;
    width:21px;
    height:21px;
    margin-right:10px;
    vertical-align:middle;
    background:url(../images/mdicon.png) -164px -24px
}
.loginDialog.network .networkSelect .networkList li.selected,.loginDialog.network .networkSelect .networkList li:hover{
    background:#F8F8F8;
    color:#06C
}
.loginDialog.network .networkSelect .networkList li.selected .iconDot,.loginDialog.network .networkSelect .networkList li:hover .iconDot{
    display:inline-block
}
@-webkit-keyframes bouncedelay{
    0%,100%,80%{
        opacity:0
    }
    40%{
        opacity:1
    }

}
@keyframes bouncedelay{
    0%,100%,80%{
        transform:scale(0)
    }
    40%{
        transform:scale(1)
    }

}
.homeDialog{
    position:absolute;
    width:478px;
    margin-left:-239px;
    margin-top:-287px;
    top:50%;
    left:50%;
    background:#FFF;
    color:#575757;
    z-index:999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.homeDialog .btnClose{
    position:absolute;
    right:-25px;
    top:-16px
}
.homeDialog .btnClose .iconClose{
    cursor:pointer;
    display:inline-block;
    width:13px;
    height:13px;
    background:url(../images/mdicon.png) -138px 0
}
.homeDialog .btnClose .iconClose:hover{
    background-position:-151px 0
}
.homeDialog .btn{
    display:inline-block;
    font-size:16px;
    line-height:42px;
    padding:0 35px;
    text-align:center;
    color:#FFF;
    background:#0080ff;
    border:1px solid #06C;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.homeDialog .btnBlock{
    display:block;
    width:100%
}
.homeDialog.regSucDialog{
    width:748px;
    margin-left:-374px;
    color:#333;
    font-size:14px
}
.homeDialog.regSucDialog .dialogContainer{
    padding:30px
}
.homeDialog.regSucDialog .mailStatus{
    margin:45px 0
}
.homeDialog.regSucDialog .mailStatus img{
    width:24px;
    height:24px
}
.homeDialog.regSucDialog .mailStatus .tipText{
    font-size:24px;
    color:#333;
    line-height:100%
}
.homeDialog.regSucDialog .statusIcon{
    float:left;
    width:36px;
    margin-right:16px
}
.homeDialog.regSucDialog .statusIcon .iconSuccess{
    display:inline-block;
    width:33px;
    height:22px;
    background:url(../images/mdicon.png) -131px -25px no-repeat
}
.homeDialog.regSucDialog .actionGroup{
    margin-top:20px
}
.homeDialog.regSucDialog .actionGroup .regLink{
    line-height:44px;
    float:right
}
.homeDialog.regSucDialog .actionGroup .regLink a{
    font-size:12px;
    color:#06C;
    margin-right:6px
}
.homeDialog.regSucDialog.sending .iconSuccess{
    display:none
}
.homeDialog.regSucDialog.sending .btnActive{
    border-color:#9A9A9A;
    background:#9A9A9A
}
.homeDialog.regSucDialog.sending .statusIcon .iconSuccess{
    background:url(../images/folderloading.gif) 100% 100%
}
.homeDialog.logoutDialog{
    padding:20px;
    text-align:center;
    width:428px
}
.homeDialog.logoutDialog .textTip{
    font-size:14px;
    color:#000;
    font-weight:700
}
.homeDialog.logoutDialog .actionGroup{
    margin-top:20px
}
.homeDialog.logoutDialog .actionGroup .btnConfirm{
    padding:0 12px;
    font-size:12px;
    line-height:28px
}
.homeDialog.logoutDialog a{
    color:#06C;
    margin-left:30px
}
.homeDialog.regDialog{
    width:478px;
    top:50%;
    left:50%;
    margin-left:-239px;
    margin-top:-247px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.homeDialog.regDialog .dialogContainer button{
    font-size:16px;
    display:block;
    width:100%;
    text-align:center;
    color:#FFF;
    background:#0080ff;
    line-height:42px;
    margin-top:10px;
    border:1px solid #06C;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.homeDialog.regDialog .dialogContainer button.btnNewNetwork{
    background:#FFF;
    color:#08F;
    border:1px solid #08F
}
.homeDialog.regDialog .dialogContainer .newNetwork{
    padding-bottom:30px
}
.homeDialog.regDialog .dialogContainer .newNetwork .btnGroup{
    margin:0 86px
}
.homeDialog.regDialog .dialogContainer input{
    display:block;
    outline:0;
    margin-bottom:13px;
    width:100%;
    padding:9px;
    font-size:16px;
    color:#B6B6B6;
    border:1px solid #AEAEAE;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.homeDialog.regDialog .regVerifyCode input{
    width:150px;
    display:inline-block;
    margin-right:10px
}
.homeDialog.regDialog .regVerifyCode img{
    height:39px;
    width:auto;
    vertical-align:top;
    cursor:pointer
}
.homeDialog.regDialog .dialogHeader .tipDetail{
    display:block;
    font-size:20px;
    color:#F60;
    padding:24px 0 14px 60px
}
.homeDialog.regDialog .dialogSeparator{
    padding:0 36px;
    height:30px;
    line-height:30px;
    text-align:center
}
.homeDialog.regDialog .dialogSeparator .textOr{
    font-size:20px;
    color:#CECECE;
    display:inline-block;
    background:#FFF;
    padding:0 20px
}
.homeDialog.regDialog .dialogSeparator hr{
    border:none;
    border-top:solid 1px #E7E7E7;
    margin-top:-18px
}
.homeDialog.regDialog .networkList{
    padding-right:30px;
    padding-left:60px
}
.homeDialog.regDialog .networkList .workListTip{
    color:#fa404a;
    font-size:12px;
    padding:5px 0
}
.homeDialog.regDialog .networkList ul{
    max-height:200px;
    overflow-y:auto
}
.homeDialog.regDialog .networkList ul li{
    font-size:16px;
    height:30px;
    line-height:30px;
    margin:10px 0;
    cursor:pointer;
    color:#353535;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.homeDialog.regDialog .networkList ul li .iconSelected{
    display:inline-block;
    vertical-align:-2px;
    margin-right:6px;
    width:16px;
    height:15px;
    background:url(../images/mdicon.png) -30px -59px no-repeat
}
.homeDialog.regDialog .networkList ul li.selected,.homeDialog.regDialog .networkList ul li:hover{
    color:#06C
}
.homeDialog.regDialog .networkList ul li.selected .iconSelected{
    background-position:-46px -59px
}
.homeDialog.regDialog .dialogFooter{
    margin-top:20px
}
.homeDialog.regDialog .dialogFooter .inviteGroup{
    padding:0 86px;
    display:none
}
.homeDialog.regDialog .dialogFooter .loginGroup{
    display:none
}
.homeDialog.regDialog .dialogFooter .loginGroup .dialogSeparator{
    margin-bottom:10px
}
.homeDialog.regDialog .dialogFooter .loginGroup .dialogSeparator .textOr{
    font-size:12px
}
.homeDialog.regDialog .dialogFooter .loginGroup .dialogSeparator hr{
    margin-top:-15px
}
.homeDialog.regDialog .dialogFooter .loginGroup .loginContainer{
    padding:0 86px
}
.homeDialog.regDialog .dialogFooter .pwdTip{
    display:block;
    text-align:center;
    padding:15px 0;
    font-size:12px
}
.homeDialog.regDialog .dialogFooter .pwdTip a{
    color:#06C
}
.section2 .textWrapper{
    margin-top:120px;
    text-align:center
}
.section2 .textWrapper h2{
    display:inline-block;
    margin:0;
    width:358px;
    height:89px;
    background:url(../images/index_title.png) no-repeat;
}
@media (min-width:1600px){
    .section2 .textWrapper{
        margin-top:150px
    }

}
.section2 .imgWrapper{
    margin:55px auto 96px;
    text-align:center;
    position:relative
}
@media (min-width:1600px){
    .section2 .imgWrapper{
        margin-top:85px
    }

}
.section3{
    background:#F1F1F3
}
.section3 .imgWrapper{
    width:100%;
    height:100%;
    right:0;
    top:0;
    text-align:right;
    -webkit-transform:translate(50%,0);
    -ms-transform:translate(50%,0);
    -o-transform:translate(50%,0);
    transform:translate(50%,0)
}
.section3 .imgWrapper img{
    width:auto;
    height:100%
}
.section3.active .imgWrapper{
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}
.section3 .textWrapper{
    z-index:1;
    margin-top:150px
}
.section4 .imgWrapper{
    position:absolute;
    bottom:0;
    width:100%;
    height:90%;
    -webkit-transform:translate(-30%,0);
    -ms-transform:translate(-30%,0);
    -o-transform:translate(-30%,0);
    transform:translate(-30%,0)
}
.section4 .imgWrapper img{
    height:100%;
    width:auto
}
.section4.active .imgWrapper{
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}
@media (max-width:1200px){
    .section4.active .imgWrapper{
        -webkit-transform:translate(-20%,0);
        -ms-transform:translate(-20%,0);
        -o-transform:translate(-20%,0);
        transform:translate(-20%,0)
    }

}
.section4 .textWrapper{
    position:relative;
    text-align:right;
    z-index:1;
    margin-top:160px
}
.section5{
    background:#F1F1F3
}
.section5 .imgWrapper{
    -webkit-transform:translate(30%,0);
    -ms-transform:translate(30%,0);
    -o-transform:translate(30%,0);
    transform:translate(30%,0);
    width:100%;
    right:0;
    bottom:0;
    height:80%;
    text-align:right
}
.section5 .imgWrapper img{
    height:100%;
    width:auto
}
.section5.active .imgWrapper{
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}
@media (max-width:1200px){
    .section5.active .imgWrapper{
        -webkit-transform:translate(20%,0);
        -ms-transform:translate(20%,0);
        -o-transform:translate(20%,0);
        transform:translate(20%,0)
    }

}
.section5 .textWrapper{
    position:relative;
    z-index:1;
    margin-top:150px
}
.section6 .imgWrapper{
    width:100%;
    height:80%;
    max-height:890px;
    right:15%;
    text-align:right;
    bottom:0;
    -webkit-transform:translate(0,100%);
    -ms-transform:translate(0,100%);
    -o-transform:translate(0,100%);
    transform:translate(0,100%)
}
.section6 .imgWrapper img{
    height:100%;
    width:auto;
    max-height:100%
}
.section6 a.btnViewVideo{
    margin-right:30px
}
.section6.active .imgWrapper{
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}
.section6 .textWrapper{
    margin-top:150px;
    color:#696968
}
.section6 .textWrapper h2 span{
    color:#6B6B6B;
    display:block
}
.section6 .appDownload a{
    font-size:0
}
.appDownload{
    margin-left:20px;
    border:1px solid #D1D1D1;
    padding:9px 12px;
    font-size:0;
    display:inline-block;
    vertical-align:middle;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.appDownload a{
    display:inline-block;
    vertical-align:middle;
    font-size:0
}
.appDownload .separator{
    border-right:solid 1px #D1D1D1;
    margin:0 13px;
    height:27px;
    line-height:27px;
    display:inline-block;
    vertical-align:middle
}
.appDownload .iconApple{
    display:inline-block;
    width:22px;
    height:27px;
    vertical-align:middle;
    background:url(../images/mdicon.png)
}
.appDownload .iconApple:hover{
    background-position:0 -27px
}
.appDownload .iconAndroid{
    display:inline-block;
    width:22px;
    height:27px;
    vertical-align:middle;
    background:url(../images/mdicon.png) -22px 0
}
.appDownload .iconAndroid:hover{
    background-position:-22px -27px
}
.appDialog{
    width:346px;
    margin-left:-173px;
    margin-top:-180px
}
.appDialog .dialogContainer{
    padding:36px
}
.appDialog .linkDownload{
    display:block;
    text-align:center;
    padding:16px 0;
    margin:15px 0;
    border:1px solid #DDD;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.appDialog .linkDownload i{
    display:inline-block;
    background-image:url(../images/mdicon.png)
}
.appDialog .quickMark{
    display:block;
    margin:40px 0;
    color:#000;
    font-size:14px
}
.appDialog .quickMark:after,.appDialog .quickMark:before{
    content:" ";
    display:table
}
.appDialog .quickMark:after{
    clear:both
}
.appDialog .quickMark .iconCode{
    display:inline-block;
    float:left;
    background-image:url(../images/mdicon.png);
    margin-right:18px
}
.appDialog .quickMark .tipText{
    display:block;
    margin-top:16px
}
.appDialog.appDialogAndroid .linkDownload i{
    width:189px;
    height:45px;
    background-position:-277px -231px
}
.appDialog.appDialogAndroid .quickMark .iconCode{
    width:91px;
    height:91px;
    background-position:0 -409px
}
.appDialog.appDialogIOS .linkDownload i{
    width:189px;
    height:50px;
    background-position:-277px -181px
}
.appDialog.appDialogIOS .quickMark .iconCode{
    width:99px;
    height:99px;
    background-position:-91px -409px
}
.appDialog.appDialogIOS .quickMark .tipText{
    margin-top:32px
}
.section7{
    background:#F1F1F3
}
.section7 .imgWrapper{
    position:relative;
    text-align:center;
    margin:0 auto
}
.section7 .imgWrapper img{
    width:50%;
    height:auto
}
.section7 .textWrapper{
    text-align:center;
    margin:110px 0 54px
}
.section7 .textWrapper a{
    color:#454545
}
.section7 .textWrapper a.linkDevPartner{
    margin-right:0;
    padding-right:0;
    border-right:0
}
.section7 .textWrapper .separator{
    color:#BABABA;
    vertical-align:middle;
    padding:0 40px;
    font-size:14px
}
@media (min-width:1600px){
    .section7 .textWrapper .separator{
        padding:0 60px
    }

}
.section7 .textWrapper .iconArrowRight{
    display:inline-block;
    width:15px;
    height:15px;
    background:url(../images/mdicon.png) -109px -59px;
    vertical-align:middle;
    margin-left:6px
}
.section7 .textWrapper .btnViewVideo{
    color:#06C
}
.section7 .textWrapper .btnViewVideo .iconVideo{
    margin-left:6px
}
@media (min-width:1600px){
    .section7 .textWrapper{
        margin:130px 0 104px
    }

}
.section7 .linkMDMarket .iconMDMarket{
    display:inline-block;
    width:16px;
    height:16px;
    background:url(../images/mdicon.png) -210px 0;
    vertical-align:-2px;
    margin-right:6px
}
.section8 .textWrapper{
    text-align:center;
    margin:140px 0 60px
}
@media (min-width:1600px){
    .section8 .textWrapper{
        margin-bottom:100px
    }

}
.section8 .textWrapper h2{
    margin:0;
    display:inline-block;
    padding:15px 30px;
    border:1px solid #666;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
.section8 .imgWrapper{
    position:relative;
    text-align:center
}
.section8 .imgWrapper img{
    width:80%;
    height:auto;
    max-width:1408px
}
@media (min-width:1600px){
    .section8 .imgWrapper img{
        margin-bottom:100px;
        width:100%
    }

}
.section9{
    color:#FFF;
    padding-bottom:318px;
    background:#000
}
.section9 .videoContainer{
    margin-top:77px;
    overflow:hidden;
    position:relative;
    text-align:center;
    height:360px;
    background:#000
}
.section9 .videoContainer img{
    height:auto;
    width:100%
}
.section9 .videoContainer .bgVideo{
    width:100%;
    height:360px
}
.section9 .videoContainer .videoLayover{
    background:#06C;
    opacity:.4;
    position:absolute;
    z-index:2;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.section9 .videoContainer .introVideo{
    display:none;
    position:relative;
    height:100%;
    z-index:10
}
.section9 .videoContainer .introVideo iframe{
    position:absolute;
    height:402px;
    width:715px;
    top:50%;
    left:50%;
    margin-left:-358px;
    margin-top:-201px;
    z-index:11
}
@media (max-height:650px){
    .section9 .footerLinks{
        background:rgba(0,0,0,.7)
    }
    .section9 .footerLinks dl a,.section9 .footerLinks dl dt{
        color:#DDD
    }
    .section9 .contactLinks .contactWay a{
        background:#DDD
    }
    .section9 .footer{
        background:0 0
    }
    .section9 .videoContainer{
        overflow:visible
    }

}
.btnStartVideo{
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-69px;
    margin-top:-69px;
    line-height:500px;
    width:139px;
    height:139px;
    z-index:3;
    -webkit-transform:translateZ(0);
    background:url(../images/mdicon.png) 0 -181px
}
.btnStartVideo:hover{
    background-position:-139px -181px
}
@media (max-width:1200px){
    .footerLinks dl{
        margin-right:20px
    }

}
.fp-section{
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.fp-easing{
    -webkit-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
#fp-nav{
    position:fixed;
    z-index:9999;
    right:17px;
    top:50%
}
#fp-nav li{
    display:block;
    width:14px;
    height:13px;
    margin:7px;
    position:relative
}
#fp-nav li a{
    display:block;
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    cursor:pointer;
    text-decoration:none
}
#fp-nav li a span{
    top:2px;
    left:2px;
    width:8px;
    height:8px;
    border:1px solid #333;
    background:0 0;
    position:absolute;
    z-index:1;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box
}
#fp-nav li a.active span{
    background:#000
}
.mdFeature:after,.mdFeature:before{
    content:" ";
    display:table
}
.mdFeature:after{
    clear:both
}
.mdFeature .featureItem{
    margin:0 40px;
    display:inline-block
}
.mdFeature .featureItem .graph{
    display:inline-block;
    position:relative
}
.mdFeature .featureItem .graph .bg{
    display:inline-block;
    width:147px;
    height:147px;
    background:url(../images/mdfeaturesmall.png) no-repeat
}
.mdFeature .featureItem .graph .obj{
    display:none;
    position:absolute;
    background:url(../images/mdfeaturesmall.png) no-repeat
}
.mdFeature .featureItem .text{
    display:block;
    color:#666;
    margin-top:60px;
    font-size:30px
}
.mdFeature .featureItem.feature1 .obj{
    background-position:-147px -147px;
    width:63px;
    height:60px;
    left:42px
}
.mdFeature .featureItem.feature2 .bg{
    background-position:-147px 0
}
.mdFeature .featureItem.feature2 .obj{
    background-position:-210px -147px;
    width:71px;
    height:50px;
    left:38px
}
.mdFeature .featureItem.feature3 .bg{
    background-position:-294px 0
}
.mdFeature .featureItem.feature3 .obj{
    background-position:-281px -147px;
    width:60px;
    height:50px;
    left:44px
}
.mdFeature .featureItem.feature4 .bg{
    background-position:-441px 0
}
.mdFeature .featureItem.feature4 .obj{
    background-position:-341px -147px;
    width:57px;
    height:64px;
    left:45px
}
.mdFeature .featureItem.hover .bg{
    background-position:0 -147px
}
.mdFeature .featureItem.hover .obj{
    display:block
}
@media (min-width:1600px){
    .mdFeature .featureItem{
        margin:0 60px
    }
    .mdFeature .featureItem .text{
        font-size:42px
    }
    .mdFeature .featureItem .graph .bg{
        width:207px;
        height:207px;
        background:url(../images/mdfeature.png) no-repeat
    }
    .mdFeature .featureItem .graph .obj{
        background:url(../images/mdfeature.png) no-repeat
    }
    .mdFeature .featureItem.feature1 .obj{
        background-position:-206px -206px;
        width:87px;
        height:83px;
        left:60px
    }
    .mdFeature .featureItem.feature2 .bg{
        background-position:-207px 0
    }
    .mdFeature .featureItem.feature2 .obj{
        background-position:-294px -206px;
        width:100px;
        height:69px;
        left:54px
    }
    .mdFeature .featureItem.feature3 .bg{
        background-position:-414px 0
    }
    .mdFeature .featureItem.feature3 .obj{
        background-position:-394px -206px;
        width:84px;
        height:71px;
        left:62px
    }
    .mdFeature .featureItem.feature4 .bg{
        background-position:-622px 0
    }
    .mdFeature .featureItem.feature4 .obj{
        background-position:-478px -206px;
        width:78px;
        height:89px;
        left:64px
    }
    .mdFeature .featureItem.hover .bg{
        background-position:0 -207px
    }
    .mdFeature .featureItem.hover .obj{
        display:block
    }

}
@-webkit-keyframes shake{
    0%,100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    20%,60%{
        -webkit-transform:translate3d(-7px,0,0);
        transform:translate3d(-7px,0,0)
    }
    40%,80%{
        -webkit-transform:translate3d(7px,0,0);
        transform:translate3d(7px,0,0)
    }

}
@keyframes shake{
    0%,100%{
        -webkit-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    20%,60%{
        -webkit-transform:translate3d(-7px,0,0);
        -ms-transform:translate3d(-7px,0,0);
        transform:translate3d(-7px,0,0)
    }
    40%,80%{
        -webkit-transform:translate3d(7px,0,0);
        -ms-transform:translate3d(7px,0,0);
        transform:translate3d(7px,0,0)
    }

}
.capslockTip{
    position:absolute;
    right:5px;
    top:10px
}
.iconCapslock{
    display:inline-block;
    background:url(../images/mdicon.png) -186px -28px!important;
    width:23px;
    height:24px
}
.inputWrapper{
    position:relative
}
@media (max-width:801px){
    .container{
        width:100%;
        padding:0 10px
    }
    .mdFeature .featureItem{
        margin:0 60px
    }
    .section4 .imgWrapper{
        max-height:700px
    }
    .section5 .imgWrapper{
        max-height:600px
    }
    .section6 .imgWrapper{
        right:0
    }

}
.slider{
    position:absolute;
    width:460px;
    color:#FFF;
    bottom:20px;
    right:-50px;
    font-size:12px
}
.slider .sliderContent{
    padding:20px 25px;
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
    background-color:rgba(0,0,0,.6)
}
.slider .title{
    line-height:28px
}
.slider p{
    margin:15px 0;
    color:#ECECEC;
    height:72px
}
.slider .companyName{
    font-size:18px;
    float:left
}
.slider .startDate{
    float:right
}
.slider .sliderItem{
    display:none;
    position:relative
}
.slider .sliderItem.active{
    display:block
}
.slider .viewCompany{
    display:block;
    padding:7px 15px;
    border:1px solid #FFF;
    border-radius:3px;
    font-size:16px;
    color:#FFF
}
.slider .viewCompany .iconView{
    display:inline-block;
    float:right;
    width:10px;
    height:16px;
    background:url(../images/arrow.png) no-repeat;
    line-height:24px;
    margin-top:4px
}
.slider .sliderNav{
    text-align:center;
    margin:15px 0
}
.slider .sliderNav .navItem{
    width:8px;
    height:8px;
    display:inline-block;
    vertical-align:middle;
    border-radius:50%;
    border:1px solid #FFF;
    cursor:pointer;
    margin-left:10px
}
.slider .sliderNav .navItem.active{
    background:#FFF
}
@media (max-height:700px){
    .slider{
        top:auto
    }

}
@media (min-width:1600px){
    .slider{
        right:0
    }

}
@media (max-width:1200px){
    .slider{
        right:0
    }

}



#info{height:40px;line-height:30px;position:absolute;bottom:25px;font-size:17px;overflow:hidden;border:0px solid #ccc;padding:0 0 0 10px;}
#info li{padding:5px 0;font-size:17px;}
#info li a{font-size:17px;}
.infoBtn{position:absolute;right:0;top:5px}
.infoBtn a{display:inline-block;float:left;height:30px;width:40px;cursor:pointer;text-indent:-9999px;background:url(../images/infoBtn_bg.png) 0 0}
.infoBtn #infoBtnR{background-position:right 0}
.infoBtn #infoBtnL:hover{background-position:0 -30px}
.infoBtn #infoBtnR:hover{background-position:right -30px}
#info .onec strong{color:#3fa9f5}
#info .announ{background:url(../images/speaker.png) no-repeat 0 4px;padding-left:40px;}
#info .announ span{float:right;padding:0 100px 0 0;color:#FFF}
#info a{color:#fff}



.mask {
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000
}

.video-pop {
    position: fixed;
    z-index: 1001;
    width: 900px;
    height: 506px;
    top: 50%;
    left: 50%;
    margin-left: -460px;
    margin-top: -280px;
    padding: 40px 10px 10px
}

.video-close {
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 12px;
    color: #fff
}

.video-close:hover {
    color: #ddd
}

.viewCompany {
    margin-top: 10px;
    display: block;
    padding: 7px 15px;
    border: 1px solid #FFF;
    border-radius: 3px;
    font-size: 16px;
    color: #FFF;
    position: relative;
    overflow: hidden;
    width:370px;
}


.viewCompany .btnContent {
    position: relative;
    display: block;
    height: 100%
}        
.viewCompany .bg {
    opacity: 0;
    filter: alpha(opacity=0);
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-image: url(/Public/Home/Default/images/customerBgJLWX.jpg);
    background-position: center
}
.sjzl .viewCompany .bg {
    background-image: url(/Public/Home/Default/modules/mdpublic/staticPage/home/images/customerBgSJZL.jpg);
}

.ymj .viewCompany .bg {
    background-image: url(/Public/Home/Default/modules/mdpublic/staticPage/home/images/customerBgYMJ.jpg);
}
.viewCompany:hover .bg {
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    opacity: 1;
    background-color: rgba(0, 0, 0, .8);
    filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
}
.viewCompany:hover .iconView {
    -webkit-animation: arrowTranslate .7s ease-in-out;
    -o-animation: arrowTranslate .7s ease-in-out;
    animation: arrowTranslate .7s ease-in-out
}

.viewCompany .iconView {
    display: inline-block;
    float: right;
    width: 8px;
    height: 15px;
    background: url(/Public/Home/Default/images/mdicon.png) -22px -59px no-repeat;
    /*                            background: url(/Public/Home/Default/images/mdicon.png) -126px -59px no-repeat;*/
    line-height: 24px;
    margin-top: 4px
}

@-webkit-keyframes arrowTranslate {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-200px)
    }
    61.8% {
        opacity: 1;
        -webkit-transform: translateX(-200px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes arrowTranslate {
    0% {
        transform: translateX(-200px)
    }
    100% {
        transform: translateX(0)
    }
}