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/videoPage1Bg.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*/
.page1Wrap{width: 1360px;position: absolute;left: 50%;transform: translateX(-50%);top: 300px;}
.page1Txt{position: absolute;left: 0;top: 0;}
.page1Txt li{font-size: 22px;color: #fff;margin-bottom: 22px;}
.page1TxtTitleBg{margin:90px 0 28px;width: 534px;height: 58px;}
.page1TxtPic{position: absolute;right: 0;top: 0;width: 447px;height: 445px;}
/*page2*/
.page2{width: 100%;height: 100%;background: url('../images/videoPage2Bg.png') no-repeat center 0;background-size: cover;overflow: hidden;}
.page2 ul{width: 1360px;margin: 200px auto 0;}
.page2 li{width: 251px;float: left;margin-left: 178px;}
.page2 li:nth-of-type(1){margin-left: 125px;}
.page2 h3{font-size: 30px;font-weight: bold;text-align: center;margin-bottom: 30px;}
.page2List{width: 251px;height: 502px;position: relative;}
.page2ListBg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.page2ListCon{width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;padding-top: 63px;box-sizing: border-box;}
.page2ListCon::after{content: '';display: block;background: url('../images/videoPage2Arrow.png') no-repeat 0 0;
    position: absolute;right: -116px;top: 50%;transform: translateY(-50%); width: 59px;height: 39px;
}
.page2 li:nth-last-of-type(1) .page2ListCon::after{display: none;}
.page2ListCon h4{font-size: 20px;font-weight: bold;margin-bottom: 80px;}
.page2StyleBlue{width: 166px;height: 38px;border-radius: 25px;background-color: #353EEA;text-align: center;line-height: 38px;
    color: #fff;font-size: 18px;margin: 0 auto 22px;
}
.page2ListConc{width: 22px;height: 21px;display: block;margin: 25px auto;}
.page2StyleRed{width: 166px;height: 38px;border-radius: 25px;background-color: #E52F3F;text-align: center;line-height: 38px;
    color: #fff;font-size: 18px;margin: 0 auto 22px;
}
/*page3*/
.page3{width: 100%;height: 100%;background: url('../images/videoPage3Bg.png') no-repeat center 0;background-size: cover;position: relative;}
.page3Title{text-align: center;font-size: 56px;font-weight: bold;color: #fff;
    padding:87px 0 17px;}
.page3Txt{font-size: 26px;color: #fff;text-align: center;}
.page3Txt li{margin-bottom: 16px;}
.page3Bg{width: 410px;height: 25px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 70px;}
/*page4*/
.page4Title{text-align: center;font-size: 54px;padding: 140px 0 12px;}
.page4TitleBg{display: block; width: 371px;height: 22px;margin: 0 auto 100px;}
.page4Table{width: 1021px;margin: 0 auto;}
.page4Table div{box-sizing: border-box;}
.page4List1{width: 100%;overflow: hidden;}
.page4List1Item{width: 50%;float: left;background-color: #7A6EF5;text-align: center;line-height: 62px;color: #fff;font-size: 24px;font-weight: bold;}
.page4List1Item:nth-of-type(1){border-right: 2px solid #fff;}
.page4List2{width: 100%;overflow: hidden;}
.page4List2>ul{float: left;margin-left: 2px;box-sizing: border-box;}
.page4List2>ul:nth-of-type(1){margin-left: 0;}
.page4List2 li{height: 83px;font-size: 18px;text-align: center;line-height: 83px;}
.page4List2 li:nth-of-type(odd){background-color: #EDEFF1;}
.page4List2 li:nth-of-type(even){background-color: #FAFAFA;}
.page4List2Item1{width: 254px;}
.page4List2Item2{width: 254px;}
.page4List2Item3{width: 251px;}
.page4List2Item4{width: 256px;}
.page4List2 li div{line-height: 29px;padding: 14px 20px 0;}
@media screen and (max-width: 1366px){
    .page2 ul{margin-top: 38px !important;}
    .page4Title{padding-top: 50px !important;}
}