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/livePage1Bg.png') no-repeat center center;background-size: cover;
    overflow: hidden;
}
.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*/
.livePage1TitleBg{display: block;width: 1360px;height: 636px;margin: 80px auto 80px;}
.livePage1Title{text-align: center;color: #fff;font-size: 24px;}
/*page2*/
.page2{width: 100%;height: 100%;position: relative;}
.livePage2Icon{width: 343px;height: 308px;position: absolute;left: 0;top: 0;z-index: 1;}
.page2InWrap,.page3InWrap{width: 100%;background-color: #FAFAFA;position: relative;z-index: 2;}
.page2In,.page3In{width: 1360px;margin: 0 auto;overflow: hidden;}
.page2Title,.page3Title{text-align: center;font-size: 52px;padding: 80px 0 60px;}
.livePage2Pic{width: 519px;height: 662px;display: block;float: left;}
.page2InTxtWrap,.page3InTxtWrap{float: left;padding:40px 0 0 105px;box-sizing: border-box;}
.page2InTxt,.page3InTxt{font-size: 18px;margin-bottom: 30px;}
.page3InTxt{margin-bottom: 20px;}
.page2InTxt>dt,.page3InTxt>dt{font-size: 30px;color: #e52f3f;font-weight: bold;margin-bottom: 12px;}
.page2InTxt>.page2InTxtItem1{margin-bottom: 21px;}
.page2InTxt dd,.page3InTxt dd{color: #7C7C7C;}
.page2InTxt dd dl,.page3InTxt dd dl{margin-bottom: 22px;}
.page2InTxt dd dt,.page3InTxt dd dt{font-size: 24px;font-weight: bold;margin-bottom: 13px;color: #222;}
.page2InTxt li,.page3InTxt li{font-size: 18px;margin-bottom: 13px;}
/*page3*/
.page3{width: 100%;height: 100%;position: relative;background-color: #FAFAFA;}
.livePage3Pic{width: 453px;height: 692px;display: block;float: right;}
.page3InTxtWrap{padding: 0;}
.page3Title{padding: 30px 0 50px;}
@media screen and (max-width: 1600px) {
    .page2Title{padding-top: 40px !important;}
    .page2InTxtWrap{padding-top: 15px;}
    .page2InTxt>.page2InTxtItem1{margin-bottom: 12px;}
    .page2InTxt li, .page3InTxt li{margin-bottom: 7px;}
    .page2InTxt dd dl{margin-bottom: 13px;}
    .page2InTxt{margin-bottom: 18px;}
    .page3InTxt dd dl{margin-bottom: 8px;}
    .page3InTxt>dt{margin-bottom: 8px;}
    .page3InTxt{margin-bottom: 8px;}
    .page3Title{padding-top: 60px !important;}
}
@media screen and (max-width: 1366px){
    .livePage1TitleBg{margin: 40px auto 40px !important;}
    .page2Title{padding: 30px 0 20px !important;}
    .page2InTxt>.page2InTxtItem1{margin-bottom: 5px;}
    .page2InTxt dd dt, .page3InTxt dd dt{margin-bottom: 5px;}
    .page2InTxt dd dl{margin-bottom: 6px;}
    .page2InTxt, .page3InTxt{margin-bottom: 6px;}
    .page2InTxt>dt, .page3InTxt>dt{margin-bottom: 4px;}
    .page3InTxt li{margin-bottom: 0;}
    .page3InTxt dd dl{margin-bottom: 0;}
    .page3Title{padding-top: 24px !important;}
}