@charset "gb2312";
/* CSS Document */
body{ font-family:"Microsoft YaHei";}
body,h1,h2,h3,h4,h5,h6,p,span,ul,li,img { margin:0; padding:0; font-weight:normal;}
li{ list-style:none;}
a{ text-decoration:none; color:#000; display:block;}
img{ display:block; width:100%;}

.nav{
  height:42px;
  background:#000;
  width:100%;
  position:fixed;
  /*top: 47px;*/
  z-index:999;
}
.nav li{
  width:20%;
  float:left;

}
.nav li a{
  line-height:42px;
  display:block;
  font-size:18px;
  color:#fff;
  text-align:center;
  background:url("../images/mid.png")no-repeat right center;
}
.main1{
  background:url("../images/bg1.gif") no-repeat center top;
  background-size:cover;
  overflow:hidden;
  position:relative;
}
.main1 .logo{
  padding-top:50px;
  width:100%;
  opacity: 0;
}
.active .logo{
  opacity: 1;
}
.main1 .logo img{
  display:block;
  width:20%;
  margin:0 auto;
}
.main1 .main1_text{
  padding-top:10px;
  position:relative;
  z-index:1;
  opacity: 0;
}
.active .main1_text{
  opacity: 1;
}
.main1 .main1_text img{
  width:80%;
  margin:0 auto;
}
.main1 .wine{
  width:28%;
  position:absolute;
  z-index:0;
  left:50%;
  margin-left:-13.8%;
  bottom:30px;
  opacity: 0;
}
.active .wine{

  opacity: 1;
}
.main1 .down1 img{
  width:15%;
  margin:-210px auto 0 auto;
  position:relative;
  z-index:2;
}
.footer_nav{
  position:fixed;
  bottom:0px;
  padding-top:5px;
  width:100%;
  height:45px;
  background:url("../images/nav_bg.gif") repeat-x;
  z-index:100;
}
.footer_nav li{
  float:left;
  width:25%;

  background:url("../images/mid.png")no-repeat left center;
}
.footer_nav li a{
  display:inline-block;
  width:100%;
}
.footer_nav li:nth-child(1){
  background:none;
}
.footer_nav li:nth-child(2){
  margin-top:2px;
}
.footer_nav li:nth-child(4){
  margin-top:2px;
}
.footer_nav img{
  width:50%;
  margin:0 auto;
}
.phone img{
  width:30%;
  position:absolute;
  right:10px;
  top:50px;
}
.main2{
  background:url("../images/bg2.gif") no-repeat center top;
  background-size:cover;
  overflow:hidden;
  position:relative;
  height:100%;
}
.m2{
  margin-top:70px;
  width:100%;
  height:1px;
}
.main2 .down img{
  width:15%;
  position:absolute;
  left:50%;
  margin-left:-7%;
  top:51%;
  z-index:10;
}
.main2 .text1{
  width:35%;
  position:absolute;
  left:5%;
  bottom:28%;
  opacity:0;
}
.active .text1{

  opacity:1;
}
.main2 .text2{
  width:35%;
  position:absolute;
  left:5%;
  bottom:20.5%;
  opacity:0;
}
.active .text2{

  opacity:1;
}

.main3{
  background:url("../images/bg3.gif") no-repeat center top;
  background-size:cover;
  overflow:hidden;
  position:relative;
  height:100%;
}
.title{
  margin:50px auto 5px auto;
  width:34%;
  opacity: 0;
}
.active .title{
  opacity: 1;
}
.main3 .text_box{
  display:block;
  width:95%;
  background:rgba(0,0,0,.5);
  margin:0 auto;
  color:#fff;
  opacity: 0;
}
.active .text_box{
  opacity: 1;

}
.main3 .bottom{
  width:10%;
  margin:5px auto 0 auto;
  position:relative;
  z-index:10;
}
.main3 .down{
  width:15%;
  position:absolute;
  left:50%;
  margin-left:-7.5%;
  bottom:60px;
  z-index:11;
}


.main4{
  background:url("../images/bg4.gif") no-repeat center top;
  background-size:cover;
  overflow:hidden;
  position:relative;
  height:100%;
}
.main4 .title{
  width:60%;
}
.main4 .main4_box{
  margin:0 auto;
  width:70%;
  opacity: 0;
}
.active .main4_box{

  opacity: 1;
}
.main4 .main4_box li{
  float:left;
  width:49%;
  margin-bottom:3px;
}
.main4 li:nth-child(1){
  margin-right:1%;
}
.main4 li:nth-child(3){
  margin-right:1%;
}

.main4 span{
  display:block;
  background:#000;
  color:#fff;
  line-height:25px;
  text-align:center;
  font-size:12px;
}
.main4 .down{
  width:13%;
  position:absolute;
  left:50%;
  bottom:50px;
  margin-left:-6.5%;
  z-index:999;
}

.main5{
  background:url("../images/bg5.gif") no-repeat center top;
  background-size:cover;
  overflow:hidden;
  position:relative;
  height:100%;
}
.main5 .title{
  width:50%;
}
.main5 .text{
  width:95%;
  margin:0 auto;
  opacity:0;
  color:#fff;
}

.active .text{
  opacity: 1;
}
.main5 .down{
  width:15%;
  position:absolute;
  left:50%;
  bottom:60px;
  margin-left:-7.5%;
}

.main6{
  background:url("../images/bg6.gif") no-repeat center top;
  background-size:cover;
  overflow:hidden;
  position:relative;
  height:100%;
}
.main6 .down{
  width:16%;
  position:absolute;
  left:50%;
  bottom:30%;
  margin-left:-8%;
}
.main6 .text{
  width:50%;
  position:absolute;
  left:4%;
  bottom:23%;
  opacity: 0;
}
.active .text{
  opacity: 1;

}
.main6 .logo{
  width:18%;
  position:absolute;
  left:4%;
  bottom:36%;
  opacity: 0;
}
.active .logo{
  opacity: 1;

}

.main7{
  background:url("../images/bg7.gif") no-repeat center top;
  background-size:cover;
  overflow:hidden;
  position:relative;
  height:100%;
}
.main7 .title{
  width:50%;
}
.main7 .main7_box{
  width:75%;
  margin:0 auto;
  opacity: 0;
}
.active .main7_box{
  opacity: 1;

}
.main7 li{
  float:left;
  width:49%;
  margin-bottom:1%;
}
.main7 li:nth-child(1){
  margin-right:1%;
}
.main7 li:nth-child(3){
  margin-right:1%;
}
.main7 li:nth-child(5){
  margin-right:1%;
}
.main8 .title{
  width:50%;
}
.main8{
  background:url("../images/bg8.gif") no-repeat center top;
  background-size:cover;
  overflow:hidden;
  position:relative;
  height:100%;
}

.main8 .text{
  padding:20px;
  background:rgba(0,0,0,.7);
  width:75%;
  margin:100px auto 0 auto;
  opacity: 0;
}
.active .text{

  opacity: 1;
}
.main8 .btn{
  margin-top:10px;
}
.animation1{transition:1s all 0.2s ease;}
.animation2{transition:1s all 0.1s ease;}
.animation3{transition:1s all 0.3s ease;}
.animation4{transition:2s all 0.1s ease;}