/* Style for our header texts* --------------------------------------- */

.gundong02{
    -webkit-animation:xguide_down 2.0s infinite ease-in-out;
    -moz-animation:xguide_down 2.0s infinite ease-in-out;
    -o-animation:xguide_down 2.0s infinite ease-in-out;
    animation:xguide_down 2.0s infinite ease-in-out}


.section{ height:100vh!important}
/* Section 0* --------------------------------------- */
#section0{ overflow:hidden;}

/* Section 1* --------------------------------------- */
#section1{ overflow:hidden;}




/* Section 2* --------------------------------------- */
#section2{ /*background:#009;*/ overflow:hidden;}




/* Section 3* --------------------------------------- */
#section3{ /*background:#0CC; */height:auto!important; overflow:hidden;}




/* Section 4* --------------------------------------- */
#section4{ background:#39C; overflow:hidden;}

#section4 .s4kleft{ position:absolute;  top:-50%; width:100%; margin:auto; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section4.active .s4kleft {  top:10%; }

#section4 .s4kright{ position:absolute;  bottom:-50%; width:100%; margin:auto; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section4.active .s4kright {  bottom:10%; }


/* Section 5* --------------------------------------- */
#section5{ background:#FC6; overflow:hidden;}

#section5 .s5kleft{ position:absolute;  bottom:-50%; width:50%; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section5.active .s5kleft {  left:0%;  bottom:10%;}

#section5 .s5kright{ position:absolute; top:-50%; right:0%; width:50%; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section5.active .s5kright {  right:0%;  top:10%; }


/* Section 6* --------------------------------------- */
#section6{ background:#60C; overflow:hidden;}
#section6 .s6kuai{ position:absolute;  bottom:-80%; width:100%; margin:auto; z-index:2;-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
#section6.active .s6kuai {  bottom:0%; }



/* Section 1* --------------------------------------- */
.s1kleft{ height:80%; background:#666;}
.s1kright{ height:80%;  background:#000;}

/* Section 2* --------------------------------------- */
.s2kleft{ height:15%; margin:auto; background:#666;}
.s2kright{ height:65%; margin:auto; background:#000;}

/* Section 3* --------------------------------------- */
.s3kleft{ height:80%; background:#666;}
.s3kright{ height:80%;  background:#000;}

/* Section 4* --------------------------------------- */
.s4kleft{ height:15%; margin:auto; background:#666;}
.s4kright{ height:65%; margin:auto; background:#000;}

/* Section 5* --------------------------------------- */
.s5kleft{ height:80%; background:#666;}
.s5kright{ height:80%;  background:#000;}

/* Section 6* --------------------------------------- */
.s6kuai{ height:90%; margin:auto;}
.s6nerong{ height:500px; width:1200px; margin:auto; background:#fff;}


@media screen and (max-width: 640px) {.section{ height:auto!important}}