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*/
.page1{
    position: relative;
    background-color: #060505;
    width: 100%;
    height: 100%;
    background: url('../images/homePage5Bg.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;
}
.page5TxtWrap{width: 1363px;position: absolute;left: 50%; top: 380px;transform: translateX(-50%);}
.page5Hide{position: absolute;left: -800px; opacity: 0;}
.page5Hide>img{width: 481px;height: 293px;}
.page5Ani{
    animation-name: page5Ani;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function:linear;
}
@keyframes page5Ani {
    0%{left:-800px;opacity: 0;}
    100%{left:0;opacity: 1;}
}
/*page2*/
.page2{width: 100%;height: 100%;    background: url('../images/trendPage2Bg.png') no-repeat center 0;}
.page2Title{width: 100%;text-align: center; font-size: 70px;color: #fff;font-weight: bold;
    padding: 90px 0 21px;
}
.page2Txt{font-size: 20px;color: #fff;line-height: 40px;text-align: center;}
.page2In{width: 1198px;margin: 0 auto;overflow: hidden;padding-top: 70px;}
.page2InItem{float: left;height: 465px; margin-right: 79px; color: #fff;position: relative;opacity: 0;transform: scale(0)}
.page2InItem>ul{position: relative;z-index: 2;text-align: center;font-size: 20px;color: #fff;padding-top: 30px;box-sizing: border-box;}
.page2InItem li{line-height: 40px;}
.page2InItem:nth-of-type(1){width: 310px;}
.page2InItem:nth-of-type(2){width: 420px;}
.page2InItem:nth-of-type(3){width: 310px;margin-right: 0;}
.page2InItem:after{content: "";display: block;width: 100%; height: 100%;opacity: .6;position: absolute;left: 0;top: 0;z-index: 1;}
.page2InItem:nth-of-type(1):after{ background:linear-gradient(to top,#f32c3f,#2ccddb);}
.page2InItem:nth-of-type(2):after{ background:linear-gradient(to top,#f3a62c,#2ccddb);}
.page2InItem:nth-of-type(3):after{margin-right: 0; background:linear-gradient(to top,#3d5bf0,#2ccddb);}
.page2InItem>.page2InItemSpecUl{padding-top: 100px;}
.page2InItemSpecUl li:nth-of-type(2){margin-bottom: 39px;}

.page2Ani{
    animation-name: page2Ani;
    animation-duration: .25s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function:linear;
}
@keyframes page2Ani {
    0%{opacity: 0;transform: scale(0)}
    100%{opacity: 1;transform: scale(1)}
}
/*responsive */
@media screen and (max-width: 1500px) {
    .page2Title{padding-top: 15px !important;}
    .page2In{padding-top: 20px !important;}
}