@charset "utf-8";
/* CSS Document */

body,html{ width:100%; height:100%;}

/*第一屏*/
.swiper-container{
  width: 100%;
  height: 100%;
}
.page1{
  width: 100%;
  height: 100%;
  background:url("/webpage/enphone/cms/Public/images/page1.jpg") top center no-repeat;background-size: 100% 100%;
}
.swiper-slide{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.page2{
  height: 100%;
  width: 100%;
  background:url("/webpage/enphone/cms/Public/images/page2.jpg") top center no-repeat;
  background-size: 100% 100%;
}
.page3{
  height: 100%;
  width: 100%;
  background:url("/webpage/enphone/cms/Public/images/page3.jpg") top center no-repeat;
  background-size: 100% 100%;
}

.page4{
  height: 100%;
  width: 100%;
  background:url("/webpage/enphone/cms/Public/images/page4.jpg") top center no-repeat;
  background-size: 100% 100%;
}
.page5{
  height: 100%;
  width: 100%;
  background:url("/webpage/enphone/cms/Public/images/page5.jpg") top center no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
.baomingbt{
  display: inline-block;
  width: 206px;
  height: 51px;padding-top: 905px;
  animation:loginbt 1s ease-in 2s infinite;
  -webkit-animation:loginbt 1s ease-in 2s infinite;
  -moz-animation:loginbt 1s ease-in 2s infinite;
  -ms-animation:loginbt 1s ease-in 2s infinite;
}
.loginbox{
  height: 100%;
  width: 100%;
  background:url("/webpage/enphone/cms/Public/images/page6.jpg") top center no-repeat;
  background-size: 100% 100%;
}
.form{
  width: 100%;
  padding-top: 370px;
}
.form ul{
  padding: 0 18.75%;
  width:62.5%; 
  overflow: hidden;
}
.form ul li{
  width: 100%;
  overflow: hidden;
  clear: both;
}
.xtbox{
  width: 328px;
  height: 32px;
  line-height: 32px;
  border-bottom: #fff solid 1px;
  float: left;
}
.img{
  display: block;
  float: left;
  margin-right: 8px;
}
.txt{
  width: 328px;
  height: 32px;
  line-height: 32px;
  background: none;
  border: none;
  color: #fff;
  padding-left: 5px;
  font-size: 24px;
}
.tj_bt{
  width: 167px;
  height: 54px;
  background:url("/webpage/enphone/cms/Public/images/tijiao.jpg") top center no-repeat;
  border:none;
  margin:35px auto 0;
  display: block;
}
/*音乐播放按钮*/
 #music_play{
  width:62px;
  height:62px;
  position: absolute;
  z-index:1000000;
  right:4%;
  top:3.7%;
  background:url("/webpage/enphone/cms/public/images/music_play.png") no-repeat center center;
  background-size:100%;
  animation:music 2s linear 0s infinite;
  -webkit-animation:music 2s linear 0s infinite;
  -moz-animation:music 2s linear 0s infinite;
  -ms-animation:music 2s linear 0s infinite;
  cursor: pointer;
}  
#music_pause{
  width:62px;
  height:62px;
  position: absolute;
  z-index:1000000;
  right:4%;
  top:3.7%;
  background:url("/webpage/enphone/cms/public/images/music_pause.png") no-repeat center center;
  background-size:100%;
  display: none;
  cursor: pointer;
}  
     
     @keyframes music
     {
    0%{ -webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
    }
    @-webkit-keyframes music{
    0%{ -webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
    }
    @-moz-keyframes music{
    0%{ -moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(360deg)}
    }
    @-ms-keyframes music{
    0%{ -ms-transform:rotate(0deg)}
    100%{-ms-transform:rotate(360deg)}
    }   
/*11.9*/
@keyframes loginbt
     {
    0%{opacity: 0;filter:alpha(opacity=0);}
    50%{opacity: 0.5;filter:alpha(opacity=50);}
    80%{opacity: 0.7;filter:alpha(opacity=70);}
    100%{opacity: 1;filter:alpha(opacity=100);}
    }
    @-webkit-keyframes music{
    0%{opacity: 0;filter:alpha(opacity=0);}
    50%{opacity: 0.5;filter:alpha(opacity=50);}
    80%{opacity: 0.7;filter:alpha(opacity=70);}
    100%{opacity: 1;filter:alpha(opacity=100);}
    }
    @-moz-keyframes music{
    0%{opacity: 0;filter:alpha(opacity=0);}
    50%{opacity: 0.5;filter:alpha(opacity=50);}
    80%{opacity: 0.7;filter:alpha(opacity=70);}
    100%{opacity: 1;filter:alpha(opacity=100);}
    }
    @-ms-keyframes music{
    0%{opacity: 0;filter:alpha(opacity=0);}
    50%{opacity: 0.5;filter:alpha(opacity=50);}
    80%{opacity: 0.7;filter:alpha(opacity=70);}
    100%{opacity: 1;filter:alpha(opacity=100);}
    }
.page1_txt1{
  position: absolute;
  bottom: 183px;
  right: 84px;
}
.page1_txt2{
  position: absolute;
  bottom: 118px;
  right: 84px;
}
.page1_txt3{
  position: absolute;
  bottom: 390px;
  right: 70px;
}
.page1_txt4{
  position: absolute;
  bottom: 190px;
  right: 73px;
}
.page1_txt5{
  position: absolute;
  bottom: 78px;
  right: 67px;
}
.page1_txt6{
  position: absolute;
  bottom: 360px;
  right: 116px;
}
.page1_txt7{
  position: absolute;
  bottom: 200px;
  right: 183px;
}
.page1_txt8{
  position: absolute;
  top:420px;
  right: 85px;
}
.page1_txt9{
  position: absolute;
  top:560px;
  right: 76px;
}