* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-weight: 300;
}
body,html {
  font-family: "Microsoft YaHei", sans-serif;
	overflow-x: hidden;
	overflow-x: hidden;
	margin: 0; padding: 0;
	background: #f3f3f3;
	color: #848484;
}
a{ text-decoration: none; color: #666;}
ul li {  list-style: none;}
li {  list-style: none;}
p{line-height:32px; margin: 15px 0}



/*首页样式*/
.page1 { overflow: hidden; }
.page2 { overflow: hidden; }
.page3 { overflow: hidden; }
.page4 { overflow: hidden; }
.page5 { overflow: hidden; }

@-webkit-keyframes bounce2 {
  0%, 100% { -webkit-transform: scale(1.1) }
  50% { -webkit-transform: scale(1.0) }
}
.logo{width:234px; height: 62px; float: left; margin-top: 50px; margin-left: 80px; position: fixed; z-index: 99;}

.bg1{background: url(images/index_01.jpg) 50%; height: 100%;  background-size: cover; z-index: -1;animation: bounce2 10s infinite ease-in-out; overflow: hidden; }
.page-box{width:100%; height: 100%; z-index: 9999; position: absolute; overflow: hidden; background: none;}


.page1-font{width:100%;}
.page1-font1{width: auto;margin-top: 300px;text-align: left;margin-left: 10%;}
.page1-font2{width:auto;  margin-top: 20px; margin-left:15%; font-size:20px; color: #fff; line-height: 40px;}
.page1-font2 img{ vertical-align:middle; margin-right:10px;}

.bg2{background: url(images/index_02.jpg) 50%; height: 100%;  background-size: cover;animation: bounce2 10s infinite ease-in-out;overflow: hidden;}
.page2-font1{width: auto; margin-top: 250px; text-align: right; margin-right: 15%;}
.page2-font2{width: 200px; height: 50px; background: #ff6a07; text-align: center;margin-top: 30px; color: #fff; float: right; margin-right: 15%; line-height: 50px;}
.page2-font2 span{margin-left:10px;}

.bg3{background: url(images/index_03.jpg) 50%; height: 100%;  background-size: cover;animation: bounce2 10s infinite ease-in-out;overflow: hidden; }
.page3-font1{width: auto; margin-top: 300px;text-align: left;margin-left: 10%;}
.page3-font2{width: 200px; height: 50px; background: #ff6a07; text-align: center;margin-top: 30px; color: #fff; float: left; margin-left: 10%; line-height: 50px;}
.page3-font2 span{margin-left:10px;}


.bg4{background: url(images/index_04.jpg) 50%; height: 100%;  background-size: cover;animation: bounce2 10s infinite ease-in-out;overflow: hidden; }
.page4-font1{width: auto; margin-top: 250px; text-align: right; margin-right: 15%;}
.page4-font2{width:auto;  margin-top: 20px; margin-left:15%; font-size:20px; color: #fff; line-height: 40px;}


.bg5{background: url(images/index_05.jpg) 50%; height: 100%;  background-size: cover;animation: bounce2 10s infinite ease-in-out;overflow: hidden; }
.page5-font1{width: auto; margin-top: 300px;text-align: left;margin-left: 10%;}
.page5-font2{width: 200px; height: 50px; background: #ff6a07; text-align: center;margin-top: 30px; color: #fff; float: left; margin-left: 10%; line-height: 50px;}
.page5-font2 span{margin-left:10px;}






/*<1440*/
@media screen and (max-width:1440px) 
{
	.page1-font1{margin-top:250px;}
	.page2-font1{margin-top:220px;}
	.page3-font1{margin-top:220px;}
	.page4-font1{margin-top:220px;}
	.page5-font1{margin-top:220px;}
}

/*<991*/
@media screen and (max-width:991px) 
{
        .page1-font1{margin-top:80%;}
        .page1-font1 img{width:90%}
        .page2-font1{margin-top:50%;}
        .page3-font1{margin-top:50%;}
        .page4-font1{margin-top:50%;}
        .page5-font1{margin-top:50%;}

        .page2-font1 img{width:90%}
        .page3-font1 img{width:90%}
        .page4-font1 img{width:90%}
        .page5-font1 img{width:90%}
}

/*<810*/
@media screen and (max-width:810px) 
{

	
}