/*public*/
html,body,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,a,abbr,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0}
input,img{border:0;outline:none}
html,body{width:100%;height:100%;overflow:hidden}
input,select{outline:none}
/* set image max width to 100% */
img,video{max-width:100%;height:auto;width:auto\9;/* ie8 */}
/* set html5 elements to block */
body{font-family: 'Helvetica', 'Microsoft YaHei', '微软雅黑', 'STHeiti', 'WenQuanYi Micro Hei', 'SimSun', 'sans-serif';color:#2d2d2d;word-wrap:break-word;word-break:break-all;height:100%;background:url(../images/bg.png) center no-repeat;background-size:600px 100%;background-color: #DCE0E1;}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
a{color:#026acb;text-decoration:none;outline:none}
a:hover{text-decoration:none}
/* list */
ul,ol{list-style:none;}

/*Align*/
.alg_r{text-align:right}
.alg_c{text-align:center}

.section{overflow:hidden;}
.box{position:relative;width:600px}
#viose{cursor: pointer;position: fixed;display: inline-block;top: 20px;right: 20px;z-index: 9999;}
#ewm{width: 120px;height:120px;position: absolute;right: 10%;margin-right: -60px;bottom: 5%}
.pctip{position: absolute; bottom: 1%;text-align: center;color: #000;font-size: 12px;width: 100%}

/*sec0*/
#sec0 .box{height:100%;}
#sec0 .old{position:absolute;width:100%;top:3%; opacity:0;z-index:999;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity:0;-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px);}
#sec0 .ren{position:absolute;width:100%;top:5%;opacity:0;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);}
#sec0 .one{position:absolute;width:100%;top:65%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(-200px,-100px);-moz-transform:translate(-200px,-100px);-o-transform:translate(-200px,-100px);transform:translate(-200px,-100px)}
#sec0 .two{position:absolute;width:100%;top:65%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(200px,-100px);-moz-transform:translate(200px,-100px);-o-transform:translate(200px,-100px);transform:translate(200px,-100px)}
#sec0 .three{position:absolute;width:100%;top:65%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(-200px,100px);-moz-transform:translate(-200px,100px);-o-transform:translate(-200px,100px);transform:translate(-200px,100px)}
#sec0 .four{position:absolute;width:100%;top:65%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(200px,100px);-moz-transform:translate(200px,100px);-o-transform:translate(200px,100px);transform:translate(200px,100px)}

#sec0.active .nor .old{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: .1s;-moz-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s}
#sec0.active .nor .ren{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s}
#sec0.active .nor .one{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec0.active .nor .two{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec0.active .nor .three{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec0.active .nor .four{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}


/*sec1*/
#sec1 .box{height:100%;}
#sec1 .old{position:absolute;width:100%;top:3%; opacity:0;z-index:999;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity:0;-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px);}
#sec1 .ren{position:absolute;width:100%;top:5%;opacity:0;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);}
#sec1 .one{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(-200px,-100px);-moz-transform:translate(-200px,-100px);-o-transform:translate(-200px,-100px);transform:translate(-200px,-100px)}
#sec1 .two{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(200px,-100px);-moz-transform:translate(200px,-100px);-o-transform:translate(200px,-100px);transform:translate(200px,-100px)}
#sec1 .three{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(-200px,100px);-moz-transform:translate(-200px,100px);-o-transform:translate(-200px,100px);transform:translate(-200px,100px)}
#sec1 .four{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(200px,100px);-moz-transform:translate(200px,100px);-o-transform:translate(200px,100px);transform:translate(200px,100px)}

#sec1.active .old{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: .1s;-moz-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s}
#sec1.active .ren{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s}
#sec1.active .one{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec1.active .two{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec1.active .three{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec1.active .four{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}

/*sec2*/
#sec2 .box{height:100%;}
#sec2 .old{position:absolute;width:100%;top:3%; opacity:0;z-index:999;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity:0;-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px);}
#sec2 .ren{position:absolute;width:100%;top:5%;opacity:0;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);}
#sec2 .one{position:absolute;width:100%;top:55%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(-200px,-100px);-moz-transform:translate(-200px,-100px);-o-transform:translate(-200px,-100px);transform:translate(-200px,-100px)}
#sec2 .two{position:absolute;width:100%;top:55%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(200px,-100px);-moz-transform:translate(200px,-100px);-o-transform:translate(200px,-100px);transform:translate(200px,-100px)}
#sec2 .three{position:absolute;width:100%;top:55%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(-200px,100px);-moz-transform:translate(-200px,100px);-o-transform:translate(-200px,100px);transform:translate(-200px,100px)}
#sec2 .four{position:absolute;width:100%;top:55%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(200px,100px);-moz-transform:translate(200px,100px);-o-transform:translate(200px,100px);transform:translate(200px,100px)}

#sec2.active .old{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: .1s;-moz-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s}
#sec2.active .ren{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s}
#sec2.active .one{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec2.active .two{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec2.active .three{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec2.active .four{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}

/*sec3*/
#sec3 .box{height:100%;}
#sec3 .old{position:absolute;width:100%;top:3%; opacity:0;z-index:999;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity:0;-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px);}
#sec3 .ren{position:absolute;width:100%;top:5%;opacity:0;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);}
#sec3 .one{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(-200px,-100px);-moz-transform:translate(-200px,-100px);-o-transform:translate(-200px,-100px);transform:translate(-200px,-100px)}
#sec3 .two{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(200px,-100px);-moz-transform:translate(200px,-100px);-o-transform:translate(200px,-100px);transform:translate(200px,-100px)}
#sec3 .three{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(-200px,100px);-moz-transform:translate(-200px,100px);-o-transform:translate(-200px,100px);transform:translate(-200px,100px)}
#sec3 .four{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(200px,100px);-moz-transform:translate(200px,100px);-o-transform:translate(200px,100px);transform:translate(200px,100px)}

#sec3.active .old{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: .1s;-moz-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s}
#sec3.active .ren{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s}
#sec3.active .one{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec3.active .two{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec3.active .three{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec3.active .four{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}

/*sec4*/
#sec4 .box{height:100%;}
#sec4 .old{position:absolute;width:100%;top:3%; opacity:0;z-index:999;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity:0;-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px);}
#sec4 .ren{position:absolute;width:100%;top:5%;opacity:0;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);}
#sec4 .one{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(-200px,-100px);-moz-transform:translate(-200px,-100px);-o-transform:translate(-200px,-100px);transform:translate(-200px,-100px)}
#sec4 .two{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(200px,-100px);-moz-transform:translate(200px,-100px);-o-transform:translate(200px,-100px);transform:translate(200px,-100px)}
#sec4 .three{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(-200px,100px);-moz-transform:translate(-200px,100px);-o-transform:translate(-200px,100px);transform:translate(-200px,100px)}
#sec4 .four{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(200px,100px);-moz-transform:translate(200px,100px);-o-transform:translate(200px,100px);transform:translate(200px,100px)}

#sec4.active .old{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: .1s;-moz-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s}
#sec4.active .ren{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s}
#sec4.active .one{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec4.active .two{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec4.active .three{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec4.active .four{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}

/*sec5*/
#sec5 .box{height:100%;}
#sec5 .old{position:absolute;width:100%;top:3%; opacity:0;z-index:999;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity:0;-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px);}
#sec5 .ren{position:absolute;width:100%;top:5%;opacity:0;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);}
#sec5 .one{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(-200px,-100px);-moz-transform:translate(-200px,-100px);-o-transform:translate(-200px,-100px);transform:translate(-200px,-100px)}
#sec5 .two{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(200px,-100px);-moz-transform:translate(200px,-100px);-o-transform:translate(200px,-100px);transform:translate(200px,-100px)}
#sec5 .three{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(-200px,100px);-moz-transform:translate(-200px,100px);-o-transform:translate(-200px,100px);transform:translate(-200px,100px)}
#sec5 .four{position:absolute;width:100%;top:60%;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;opacity:0;-webkit-transform:translate(200px,100px);-moz-transform:translate(200px,100px);-o-transform:translate(200px,100px);transform:translate(200px,100px)}

#sec5.active .old{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: .1s;-moz-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s}
#sec5.active .ren{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s}
#sec5.active .one{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec5.active .two{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec5.active .three{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}
#sec5.active .four{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}

/*sec6*/
#sec6 .box{height:100%;}
#sec6 .top{position:absolute;width:100%;top:5%;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity:0;-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px); opacity:0}
#sec6 .btm{position:absolute;width:100%;top:25%;z-index:999;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity:0;-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px);}
#sec6 .xilie{position:absolute;width:100%;bottom: 148px;z-index:999;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity:0;-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px);}
#sec6 .anniu{position:absolute;width:100%;bottom:0;z-index:999;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;opacity:0;-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px);}
#sec6 .time ul{overflow:hidden;zoom:1;padding-bottom:10px}
#sec6 .time ul li{float: left;}
#sec6 .time ul li span{font-size:20px;line-height:66px;color:#2e8de3;padding-left:3px}
#sec6 .time input{font-size:42px;font-family:"宋体";color:#fff;width:100%;  letter-spacing: 8px;padding-left:1px}
#sec6.active .top{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: .1s;-moz-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s}
#sec6.active .btm{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 1s;-moz-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s}
#sec6.active .xilie{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 1s;-moz-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s}
#sec6.active .anniu{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition-delay: 2s;-moz-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s}

/*向下翻页箭头*/
.down{position: absolute;bottom:10px;left:50%;width:30px;margin-left:-15px;height:26px;-webkit-animation: opa_btm 1.5s ease-in-out;animation: opa_btm 1.5s ease-in-out}
.down samp{display:inline-block;width:30px;height:26px;-webkit-animation: start 1.5s infinite ease-in-out;animation: start 1.5s infinite ease-in-out;background:url(../images/down.gif)center no-repeat}

@-webkit-keyframes opa_btm {0%,25% {opacity: 0;-webkit-transform: translate(0,20px);}}
@keyframes opa_btm {0%,25% {opacity: 0;transform: translate(0,20px);}}

@-webkit-keyframes start {0%,30% {opacity: 0;-webkit-transform: rotate(180deg) translate(0,-10px);}60% {opacity: 1;-webkit-transform: rotate(180deg) translate(0,0);}100% {opacity: 0;-webkit-transform: rotate(180deg) translate(0,5px);}}
@keyframes start {0%,30% {opacity: 0;transform: rotate(180deg) translate(0,-10px);}60% {opacity: 1;transform: rotate(180deg) translate(0,0);}100% {opacity: 0;transform: rotate(180deg) translate(0,5px);}}


/*媒体查询*/
@media screen and (max-width:1000px){
    #ewm{display: none;}
    .pctip{display: none}
}
@media screen and (max-width:1920px) and (max-height:850px){
    #sec0 .ren,#sec0 .one,#sec0 .two,#sec0 .three,#sec0 .four,#sec1 .ren,#sec1 .one,#sec1 .two,#sec1 .three,#sec1 .four,#sec2 .ren,#sec2 .one,#sec2 .two,#sec2 .three,#sec2 .four,#sec3 .ren,#sec3 .one,#sec3 .two,#sec3 .three,#sec3 .four,#sec4 .ren,#sec4 .one,#sec4 .two,#sec4 .three,#sec4 .four,#sec5 .ren,#sec5 .one,#sec5 .two,#sec5 .three,#sec5 .four{width:86%;left:8%}
}
@media screen and (max-width:1920px) and (max-height:775px){
    #sec0 .ren,#sec0 .one,#sec0 .two,#sec0 .three,#sec0 .four,#sec1 .ren,#sec1 .one,#sec1 .two,#sec1 .three,#sec1 .four,#sec2 .ren,#sec2 .one,#sec2 .two,#sec2 .three,#sec2 .four,#sec3 .ren,#sec3 .one,#sec3 .two,#sec3 .three,#sec3 .four,#sec4 .ren,#sec4 .one,#sec4 .two,#sec4 .three,#sec4 .four,#sec5 .ren,#sec5 .one,#sec5 .two,#sec5 .three,#sec5 .four{width:80%;left:10%}
    #sec6 .btm{width:86%;left:8%}
}
@media screen and (max-width:1920px) and (max-height:725px){
    #sec0 .ren,#sec0 .one,#sec0 .two,#sec0 .three,#sec0 .four,#sec1 .ren,#sec1 .one,#sec1 .two,#sec1 .three,#sec1 .four,#sec2 .ren,#sec2 .one,#sec2 .two,#sec2 .three,#sec2 .four,#sec3 .ren,#sec3 .one,#sec3 .two,#sec3 .three,#sec3 .four,#sec4 .ren,#sec4 .one,#sec4 .two,#sec4 .three,#sec4 .four,#sec5 .ren,#sec5 .one,#sec5 .two,#sec5 .three,#sec5 .four{width:74%;left:13%}
}
@media screen and (max-width:1920px) and (max-height:690px){
    #sec0 .ren,#sec0 .one,#sec0 .two,#sec0 .three,#sec0 .four,#sec1 .ren,#sec1 .one,#sec1 .two,#sec1 .three,#sec1 .four,#sec2 .ren,#sec2 .one,#sec2 .two,#sec2 .three,#sec2 .four,#sec3 .ren,#sec3 .one,#sec3 .two,#sec3 .three,#sec3 .four,#sec4 .ren,#sec4 .one,#sec4 .two,#sec4 .three,#sec4 .four,#sec5 .ren,#sec5 .one,#sec5 .two,#sec5 .three,#sec5 .four{width:70%;left:15%}
    #sec6 .btm{width:80%;left:10%}
}
@media screen and (max-width:600px){
    .box{width:100%}
}
@media screen and (max-height:480px){
	#sec0 .ren,#sec0 .one,#sec0 .two,#sec0 .three,#sec0 .four,#sec1 .ren,#sec1 .one,#sec1 .two,#sec1 .three,#sec1 .four,#sec2 .ren,#sec2 .one,#sec2 .two,#sec2 .three,#sec2 .four,#sec3 .ren,#sec3 .one,#sec3 .two,#sec3 .three,#sec3 .four,#sec4 .ren,#sec4 .one,#sec4 .two,#sec4 .three,#sec4 .four,#sec5 .ren,#sec5 .one,#sec5 .two,#sec5 .three,#sec5 .four{width:86%;left:7%}
	#sec6 .btm{width:90%;left:5%;top:20%}
}
@media screen and (max-height:380px){
    #sec0 .ren,#sec0 .one,#sec0 .two,#sec0 .three,#sec0 .four,#sec1 .ren,#sec1 .one,#sec1 .two,#sec1 .three,#sec1 .four,#sec2 .ren,#sec2 .one,#sec2 .two,#sec2 .three,#sec2 .four,#sec3 .ren,#sec3 .one,#sec3 .two,#sec3 .three,#sec3 .four,#sec4 .ren,#sec4 .one,#sec4 .two,#sec4 .three,#sec4 .four,#sec5 .ren,#sec5 .one,#sec5 .two,#sec5 .three,#sec5 .four{width:76%;left:12%}

}


/* 
@keyframes ren {
from { -webkit-transform: rotate(0deg) scale(0); }
to { -webkit-transform: rotate(0deg) scale(1); }
}
@-webkit-keyframes ren {
from { -webkit-transform: rotate(0deg) scale(0); }
to { -webkit-transform: rotate(0deg) scale(1); }
}
@-moz-keyframes ren {
from { -moz-transform: rotate(0deg) scale(0); }
to { -moz-transform: rotate(0deg) scale(1); }
}
@-o-keyframes ren {
from { -o-transform: rotate(0deg) scale(0); }
to { -o-transform: rotate(0deg) scale(1); }
}
 */
