html,body{width: 100%;height: 100%;}
.homeWrap{width: 100%;height: 100%;}
.swiper-container,.swiper-wrapper { width: 100%; height: 100%; }
.swiper-slide{overflow: hidden;}
.swiper-slide:nth-last-of-type(1){height: auto !important;}
.page1{
    position: relative;
    background-color: #060505;
    width: 100%;
    height: 100%;
    background: url('../images/salePage1Bg.png') no-repeat center 0;background-size: cover;
}
.header{width: 1363px;margin: 0 auto;padding: 30px 0;}
.headerLogo{width: 271px;height: 52px;}
.navList{float: right;}
.navList >li {float: left;margin-right: 40px;position: relative;line-height: 52px;}
.navList >li:nth-last-of-type(1){margin-right: 0 !important;}
.navList a{color: #fff;font-size: 16px;}
.navList .hot::before{content:"";background: url("../images/headerHot.png") no-repeat;
    width: 35px;height: 24px;position: absolute;right: -11px;top: -5px;
}
.navList .navChecked a{color: #fff;}
.navList .navChecked::after{content: "";
    width: 100%;height: 2px;background-color: #fff;position: absolute;left: 0;bottom: 0;
}
/*page1*/
.page1Hide{width: 769px;position: absolute;left: 280px;top: 450px;transform: scale(0);transition: all .4s;}
.page1Hide>img{display: block;margin: 0 auto;width: 636px;height: 68px;}
.page1Hide>img:nth-of-type(1){margin-bottom: 35px;width: 636px;height: 68px;}
.page1Hide>img:nth-of-type(2){margin-bottom: 60px;width: 604px;height: 25px;}
.page1Hide>img:nth-of-type(3){margin-bottom: 60px;width: 769px;height: 123px;}
.page1HideChecked{transform: scale(1);}
/*page2*/
.page2Title{width: 100%;font-size: 56px;color: #222;text-align: center;padding: 110px 0 12px;}
.page2TitlePic{width: 295px;height: 21px;margin: 0 auto 94px;}
.page2TitlePic>img{width: 100%;height: 100%;}
.salePage2In{width: 1357px;height: 490px;margin: 0 auto;position: relative;}
.salePage2InLeft{width:530px;height: 490px;position: absolute;top: 0;left: -20px;
    transform: translateX(-1000px);transition: all .4s;
}
.salePage2InRight{width:530px;height: 490px;position: absolute;top: 0;right: -20px;
    transform: translateX(1000px);transition: all .4s;
}
.salePage2InMid{width: 377px;height: 100%;position:absolute;left: 50%;top: -30px; margin-left: -188.5px;
    transform: scale(0);transition: all .4s;
}
.salePage2InMid>img{display: block;width: 377px;height: 323px;}
.salePage2InMid>p{text-align: center;font-size: 24px;color: #222;padding-top: 32px;}
.salePage2InMidTxt{opacity: 0;transition: all .3s;}
.salePage2InLeftChecked{transform: translateX(0);}
.salePage2InRightChecked{transform: translateX(0);}
.salePage2InMidChecked{transform: scale(1);}
.salePage2InMidTxtChecked{opacity: 1;}
.salePage2InDes{position: absolute;left: 67px;top: 57px;color: #222;}
.salePage2InDes dt{font-size: 32px;font-weight: bold;margin-bottom: 66px;}
.salePage2InDes li{margin-bottom: 22px;}
.salePage2InDes h3{color: #666;font-size: 20px;margin-bottom: 20px;position: relative;}
.salePage2InDes h3:after{content: "";display: block;width: 26px;height: 3px;background-color: #FC0E2F;
    position: absolute;left: 0;bottom: -13px;
}
.salePage2InRight .salePage2InDes h3:after{background-color: #7247FF;}
.salePage2InDes span{font-size: 20px;font-weight: bold;}
@media screen and (max-width: 1500px) {
    .page2Title{padding-top: 30px !important;}
}
/*page3*/
.page3{
    position: relative;
    background-color: #060505;
    width: 100%;
    height: 100%;
    background: url('../images/salePage3Bg.png') no-repeat center 0;background-size: cover;
}
.page3Left{width: 50%;height: 100%;position: absolute;left: -50%;top: 0;background-color: rgba(0,0,0,.651);transition: all .3s;z-index: 1;}
.page3Right{width: 50%;height: 100%;position: absolute;right: -50%;top: 0;background-color: rgba(0,0,0,.651);transition: all .3s;z-index: 1;}
.page3LeftChecked{left: 0;}
.page3RightChecked{right: 0;}
.page3Txt{width: 100%; color: #fff;text-align: center; position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;opacity: 0;transition: all .3s;}
.page3Txt dt{font-size: 68px;margin-bottom: 25px;}
.page3Txt dd{font-size: 24px;}
.page3TxtChecked{opacity: 1;}