.header{position: fixed; z-index: 99;top: 0;left: 0;}
img {max-width: 100%;}
.section{width: 100%;position: relative;overflow: hidden;}
.section1{height: 900px;}
.section2{height: 800px;}
.section3 {height: 800px;}
.section4{height: 800px;}
.section1{background:url(../images/index_page1.jpg) 50% bottom no-repeat;background-color: #00bff3 ;/*background-size: cover;*/overflow: hidden;}
.section1 .text{display:block;width: 843px;margin: auto;margin-top:200px;position: relative;opacity:0;filter:alpha(opacity=0);top: -10px;}
.IndexBtn {display:block;width:317px;height:100px;z-index: 3; position: relative;margin: auto;margin-top: 50px;
background: url(../images/section1_Btn.png) no-repeat; background-position: top left;background-size:100%;position: relative;top: 20px; opacity:0;filter:alpha(opacity=0);}
.IndexBtn:hover {background-position: bottom left;}
.section1 .banner {width: 588px;height: 385px;background: url(../images/section1_Banner.png);
margin: auto; position: absolute;bottom: 30px;left: 50%;margin-left: -286px;z-index: 2;overflow: hidden;}
.section1 .banner .slider{width: 436px;height: 272px;background: #333;margin-top: 40px;margin-left: 73px;position: relative;overflow: hidden;}
.section1 .banner .slider .box{position:absolute;left:-436px;top: 0;width: 1308px;}
.section1 .banner .slider .box img  {float: left;}
.section1 .m_banner{display:none;}
.section1 .cloud1{right:0;top: 300px;
    -webkit-animation: Rightfoleft 50s linear infinite;
    -moz-animation: Rightfoleft 50s linear infinite;
    -ms-animation: Rightfoleft 50s linear infinite;
    animation: Rightfoleft 50s linear infinite;
}
.section1 .cloud2{
	-webkit-animation: LeftfoRight 50s linear infinite;
    -moz-animation: LeftfoRight 50s linear infinite;
    -ms-animation: LeftfoRight 50s linear infinite;
    animation: LeftfoRight 50s linear infinite;}


.section2{background:url(../images/index_page2.jpg) 50% bottom no-repeat;background-color: #fedd76 ;/*background-size: cover;*/overflow: hidden;}
.section2 .boy{width: 242px;height: 322px;background: url(../images/section2_boy.png);position: absolute;left: 40%;bottom: 340px;margin-left: -650px;
opacity:0;filter:alpha(opacity=0);
animation:beat 1.5s linear infinite;}
.section2 .phone {width: 688px;height:auto;position: absolute;left: 50%;bottom: 100px;margin-left: -350px;
 opacity: 0}
.section2 .text {width: 880px;height:184px;position: absolute;left: 50%;bottom: 600px;margin-left: -420px;
 opacity: 0}
.section2 .text1{float: left;}
.section2 .text2{float: left;margin-left: 10px;}
.section2 .text3{float: left;margin-top: 10px}
.section2 .text4{float: left;margin-left: 10px;margin-top: 10px;}

.section3{background:url(../images/index_page3.jpg) 50% bottom no-repeat;background-color: #ff7651;overflow: hidden;}
.section3 .text {display:block;width: 1143px;position: absolute;bottom:110px;left: 50%;margin-left: -570px;
bottom: 810px;opacity:0;filter:alpha(opacity=0);
}
.section3 .text_m {display:block;width: 1143px;position: absolute;top:110px;left: 50%;margin-left: -570px;
bottom: 810px;opacity:0;filter:alpha(opacity=0);display: none;
}
.section3 .boxleft {width: 342px;height: 316px;background: url(../images/section3_boxleft.png);position: absolute;bottom: 200px;left: 50%;margin-left: -870px;
animation:beat 2s linear infinite;
left: 10%;bottom: 0px;opacity:0;filter:alpha(opacity=0);
}
.section3 .boxright{width: 266px;height: 392px;background: url(../images/section3_boxright.png);position: absolute;bottom: 330px;left:50%;margin-left: 430px;
animation:beat 2s linear infinite;
left:60%;bottom: 0px;opacity:0;filter:alpha(opacity=0);
}

.section4 { background:#9fd0ff;}
.section4 .cont {position:absolute;width:100%;left:0;height: 680px;bottom: 0;
background: url(../images/index_page4.png) 50% bottom;background-repeat:no-repeat;z-index: 2;
}
.section4 .cloud1{left: 500px;top: 140px;animation:LeftfoRight 50s linear infinite;}
.section4 .cloud2{left: 50px;top: 350px;animation:LeftfoRight 50s linear infinite;}

.section4 .indexBtn {width: 317px; height: 100px;background: url(../images/section4_btn.png);position: relative;display: block;
z-index:3;margin-top: 130px;margin-left:auto;margin-right: auto;}
.section4 .indexBtn:hover {background-position: center bottom;}
.section4 .footer {position: absolute;bottom:0;left: 0;width: 100%;text-align: center;z-index: 3;height: 130px;background: none;}

.section4 .footer .footernav { width: 380px;height:35px;margin: auto;overflow: hidden;clear: both;margin-bottom: 5px;}
.section4 .footer .footernav li {width: 64px;height: 35px;line-height: 35px; margin:0 15px}
.section4 .footer .footernav li a{color: #fff;font-size: 19px;}
.section4 .footer .footernav li a:hover {text-decoration: none;}
.section4 .footer .footernavLink{ width: 380px;height:54px;margin: auto;overflow: hidden;clear: both;margin-bottom: 7px;}
.section4 .footer .footernavLink li {width: 54px;height: 54px;line-height: 35px;}
.section4 .footer .footernavLink li a {width: 54px; height:54px;display: block;background: url(../images/footerlink.png);}
.section4 .footer .footernavLink li a.link1{background-position: 0 0;}
.section4 .footer .footernavLink li a.link2{background-position: -97px 0;}
.section4 .footer .footernavLink li a.link3{background-position: -195px 0;}
.section4 .footer .footernavLink li a.link4{background-position: -292px 0;}

.section4 .footer .footernavLink li a.link1:hover{background-position: 0 bottom;}
.section4 .footer .footernavLink li a.link2:hover{background-position: -97px bottom;}
.section4 .footer .footernavLink li a.link3:hover{background-position: -195px bottom;}
.section4 .footer .footernavLink li a.link4:hover{background-position: -292px bottom;}
.section4 .footer li { float: left;display: inline-block;margin: 0 20px;}
.section4 .footer div { color: #b0a5a0;}
@media screen and (max-width:1300px){
	
	.section2 .boy{display: none;}
	.section3 .boxleft {display: none;}
	.section3 .boxright {display: none;}
}
@media screen and (min-width:601px) and (max-width:1000px){
	.section3 .text{margin:auto;width:90%;left:5%;margin-bottom:20%}
	}
@media screen and (max-width:600px){
	.section1{height: 500px;}
	.section2{height: 500px;}
	.section3 {height: 500px;}
	.section4{height: 400px;}
	.section1 .IndexBtn{width:159px;height:50px;background-size:100%;margin-top: 20px;;}
	.section1 .text{margin-top:100px;width: 90%;}
	.section1 .banner{display: none;;
    }
    .section1 .m_banner {display: block;width: 80%;height: auto;margin: 30px auto 0 auto;position: relative;z-index: 2}
	.section2 .phone{display: none;}
	.section2 .text{width:90%;left: 0;margin-left: 5%;text-align: center;top: 30px;}
	.section2 .text img {background-color: #da5836;margin:10px auto;float: none;}
	
	.section3 .text{ display: none;}
	.section3 .text_m {margin:auto;width:90%;left:5%;display: block;}
	.section3{background-image: none;}
	
	.section4 .cont{background-size: 1000px;background-repeat: no-repeat;}
	.section4 .indexBtn{width:159px;height:50px;background-size:100%;margin-top: 80px;}
	.section4 .footer .footernav {margin-bottom: 0;}
	.section4 .footer div{line-height: 15px;font-size: 10px;}
	.section4 .footer .footernav {width: 100%;text-align: center;}
	.section4 .footer .footernav li {width: 25%;box-sizing: border-box;margin: 0;padding: 0 15px;}
	.section4 .footer .footernav li a{font-size:14px}
	.section4 .footer .footernavLink {width: 100%;}
	.section4 .footer .footernavLink li {width: 25%;box-sizing: border-box;margin: 0;padding: 0 15px;}
	.section4 .footer .footernavLink li a {margin: auto;}
	
}
@media screen and (max-width:500px){
	.section4 .indexBtn{margin-top: 50px;}
}
@media screen and (max-width:321px){
	/*.section4 .indexBtn{top: 100px;}*/
	
}