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/proPage1Bg.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: 980px;height: 541px;position: absolute;left: 150px;top: 210px;
    transform: scale(0);
    transition: all .4s;}
.page1Hide>img{width: 100%;height: 100%;}
.page1HideChecked{transform: scale(1);}
/*page2*/
.page2Title{width: 100%;padding: 150px 0 17px; text-align: center;color: #222;font-size: 54px;}
.page2TitlePic{width: 675px;height: 23px;margin: 0 auto 80px;}
.page2TitlePic>img{width: 100%;height: 100%;}
.page2Pic{width: 1141px;height: 475px;margin: 0 auto;}
.page2Pic>img{width: 100%;height: 100%;}
/*page3*/
.page3{
    width: 100%;height: 100%;background-color: #060505;
    background: url('../images/proPage3Bg.png') no-repeat center 0;background-size: cover;
}
.page3Title{width: 100%;padding: 150px 0 21px; text-align: center;color: #fff;font-size: 54px;}
.page3TitlePic{width: 749px;height: 24px;margin: 0 auto 80px;}
.page3TitlePic>img{width: 100%;height: 100%;}
.page3In{width:1220px;margin: 0 auto;overflow: hidden;}
.page3InList{width: 328px;float: left;margin-left: 118px;}
.page3InList:nth-of-type(1){margin-left: 0;}
.page3InList h3{width: 240px;height: 50px;margin: 0 auto;color: #fff;font-size: 20px;
    text-align: center;line-height: 50px;border-radius: 10px 10px 0 0;
    background:linear-gradient(90deg,#21c4d7,#6d4fed);
}
.page3InList:nth-of-type(2) h3{background:linear-gradient(90deg,#f5966c,#ed3d56);}
.page3InList:nth-of-type(3) h3{background:linear-gradient(90deg,#f3a62c,#2ccddb);}
.page3InItem{box-sizing: border-box; width: 100%;padding: 30px;background-color: #fff;}
.page3InItem>.page3InItemPic{width: 270px;height: 168px;overflow: hidden;}
.page3InItem>p{line-height: 24px;font-size: 15px;color: #222222;padding-top: 24px;}
/*page4*/
.page4{width: 100%;height: 305px;position: absolute;left: 0;top: 50%;margin-top: -152.5px;}
/*.page4TitlePic{width: 501px;height: 102px;margin: 300px auto 0;}*/
/*.page4TitlePic>img{width: 100%;height: 100%;}*/
.page4Title{width: 100%;text-align: center;color: #222;font-size: 84px;font-weight: bold;}
.page4Txt{padding-top: 47px;}
.page4Txt li{color: #222;font-size: 30px;text-align: center;margin-bottom: 19px;}
.page4Txt .bolder{font-size: 48px;color: #c00000;}
.page4Txt .bold{font-size: 48px;color: #222;font-weight: bold;}