@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
/* CSS Document */
.rmcfCont { height: 100vh;}
.rmcfCont>.swiper { width: 100%; height: 100%;}
.rmcfCont .swiper-slide { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: relative;}
.coverScroll { justify-content: space-between; overflow: hidden; position: absolute; top: 0; left: 0; height: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; width: 100%; padding-top: 20px; opacity: .2;}
.scrollBox {width: 100%;
    height: 50px;
    background-repeat: repeat-x;
    background-size: auto 90%;
    position: relative;}
.scrollBox:nth-child(1) { animation: leftAni1 20000s linear infinite;}
.scrollBox:nth-child(2) { animation: leftAni2 20000s linear infinite;}
.scrollBox:nth-child(3) { animation: leftAni3 20000s linear infinite;}
.scrollBox:nth-child(4) { animation: leftAni4 20000s linear infinite;}
.scrollBox:nth-child(5) { animation: leftAni5 20000s linear infinite;}
.scrollBox:nth-child(6) { animation: leftAni6 20000s linear infinite;}
.scrollBox:nth-child(7) { animation: leftAni7 20000s linear infinite;}
.scrollBox:nth-child(8) { animation: leftAni8 20000s linear infinite;}
.scrollBox:nth-child(9) { animation: leftAni9 20000s linear infinite;}
.scrollBox:nth-child(10) { animation: leftAni10 20000s linear infinite;}
.scrollBox:nth-child(11) { animation: leftAni11 20000s linear infinite;}
.homeCover {position: relative; z-index: 99; display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 1424px; height: 748px;  margin: 0 auto;  background: radial-gradient(51.68% 51.68% at 50% 48.32%,#fff 0,hsla(0,0%,100%,.8) 83.23%,hsla(0,0%,100%,0) 100%); -webkit-filter: blur(50px); filter: blur(50px); max-width: 100%; max-height: 100%;}
.homePic { position: absolute; left: 50%; z-index: 100; top: 50%; transform: translate(-50%,-50%);}
.homePic img { max-width: 100%; display: block;}
.secondPage { position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%; background: url(../images/bg1.jpg) center top no-repeat; background-size: cover;}
.videoCont { transition: all 0.8s; margin: 0 auto; transform: translateY(-159.5px);}
.videoCont video {width: 694px; background: #000; object-fit: cover; height: 390px; max-height: 562px; overflow: hidden; border: 5.091px solid #000;
 border-radius: 20px; box-shadow: 0 21.818px 43.636px 0 rgba(0,0,0,.25);}
.picTitle { text-align: center; margin-bottom: 20px;}
.picCont { transform: translateY(40px);}
.picTitle h2 { line-height: 46px; margin-bottom: 8px; font-weight: bold; font-size:32px; color: #2c2a29;}
.picTitle h2 span {font-weight: bold; position: relative;}
.picTitle h2 span:nth-child(1) { margin-right: 48px;}
.picTitle h2 span:nth-child(1)::after {position: absolute;
    top: 7px;
    right: -24px;
    width: 2px;
    height: 32px;
    content: "";
    background: #000;}
.picTitle p { font-size: 24px; line-height: 31px; color: #2c2a29; opacity: .8;}
.swiper-slide-active .videoCont { transform: translateY(0);}
.picSwiper .swiper-slide {position: relative;
    width: 240px!important;
    height: 160px!important;
    overflow: hidden;
    border-radius: 12px;}
.picSwiper .swiper {}
.picSwiper img{ width: 100%; height: 100%; object-fit: cover; }
.picSwiper .swiper p { position: absolute;
    bottom: -3px;
    left: 0;
    width: 240px;
    height: 44px;
    padding: 12px 18px;
    font-size: 14px;
    color: #fff;
    background: linear-gradient(180deg,transparent,#000);
    text-align: left; box-sizing: border-box;}
	.picCover { position: absolute; display: none; left: 0; top: 0; width: 100%; height: 100%; background: ;}
.picSwiper .swiper-slide:hover .picCover {position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: rgba(0,0,0,.4);
    border-radius: 12px;}

.picCover span { width: 80px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    border-radius: 15px; display: block;}
.swiper { margin: 0 auto;}
.picSwiper { display: flex; width: 100%;}
.picAlt { display: none; z-index: 9999; width: 800px; height: 450px; position: fixed; left: 50%; top:50%; transform: translate(-50%,-50%);border: 2px solid #ffffff80;
border-radius: 12px; overflow: hidden;}
.picAlt img { width: 100%; height: 100%; object-fit: cover;}
.picAlt span { position: absolute;
    right: 10px;
    top: 10px;
    width: 36px;
    height: 36px;
    background: url(../images/close.png);
	background-size: 100%;
    cursor: pointer;
    z-index: 1000;}
.scrollSwiper { width: 100%; height: 100vh; background: url(../images/gbg.jpg) center no-repeat; background-size:cover;}
.scrollSwiper>.swiper { height: 100%; width: 100%;}
.scrollSwiper .swiper-slide { flex-direction: column; height: auto;}
.hideDesc {height: 230px;
    overflow-y: scroll;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #585552;
    text-align: justify; position: absolute; top: 56px; padding: 0 20px; opacity: 0;}
.peoSwiper .swiper-slide.cur { background: rgb(243,243,244);}
.peoSwiper .swiper-slide.cur .hideDesc { opacity: 1;}
.hideDesc::-webkit-scrollbar { display: none;}
.peoSwiper .swiper-slide.cur img { opacity: 0;}
.peoSwiper .swiper-slide.cur .peoDesc span { background: url(../images/blueAdd.png) center no-repeat; background-size: 100% auto;}
@keyframes leftAni1 {
    0% {
        background-position: -945px 0
    }

    to {
        background-position: -406140px 0
    }
}
@keyframes leftAni2 {
    0% {
        background-position: -327px 0
    }

    to {
        background-position: -402020px 0
    }
}
@keyframes leftAni3 {
    0% {
        background-position: -280px 0
    }

    to {
        background-position: -405300px 0
    }
}
@keyframes leftAni4 {
    0% {
        background-position: -286px 0
    }

    to {
        background-position: -402760px 0
    }
}
@keyframes leftAni5 {
    0% {
        background-position: -306px 0
    }

    to {
        background-position: -408900px 0
    }
}
@keyframes leftAni6 {
    0% {
        background-position: -458px 0
    }

    to {
        background-position: -402960px 0
    }
}
@keyframes leftAni7 {
    0% {
        background-position: -872px 0
    }

    to {
        background-position: -406620px 0
    }
}
@keyframes leftAni8 {
    0% {
        background-position: -134px 0
    }

    to {
        background-position: -409940px 0
    }
}
@keyframes leftAni9 {
    0% {
        background-position: -1000px 0
    }

    to {
        background-position: -403880px 0
    }
}
@keyframes leftAni10 {
    0% {
        background-position: -474px 0
    }

    to {
        background-position: -408020px 0
    }
}
@keyframes leftAni11 {
    0% {
        background-position: -306px 0
    }

    to {
        background-position: -408020px 0
    }
}
.videoShow { margin: 40px auto; box-shadow: 0 20px 40px 0 rgba(0,0,0,.05); border-radius: 20px; width: 1200px; padding: 48px 40px; background: #ffffff;}
.videoText { bottom: 0; position: absolute; width: 100%; padding: 40px 20px 60px; background: linear-gradient(180deg,transparent,#000);}
.bigVideo { height: 420px; border-radius: 20px; overflow: hidden; position: relative; flex: 1;}
.bigVideo video { display: block; width: 100%; height: 100%; object-fit: cover;}
.videoSlide { display: flex; gap: 24px;}
.videoList { width: 344px; max-width: 100%;}
.videoText h2 { font-size: 16px; font-weight: bold; color: #ffffff; margin-bottom: 4px;}
.videoText p { font-size: 14px; color: rgba(255,255,255,.8);    text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.videoPic { border-radius: 12px; position: relative; width: 160px; height: 90px; overflow: hidden;}
.videoList li { display: flex; gap:20px;}
.videoDesc { flex: 1;}
.videoPic img { width: 100%; height: 100%; object-fit: cover;}
.videoDesc h2 { font-size: 16px; line-height: 22px; font-weight: bold; color: #303442; margin-bottom: 4px;}
.videoDesc p {display: -webkit-box;
    margin-bottom: 0;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #303442;
    text-align: left;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.playBtn { z-index: 2; cursor: pointer; position: absolute; width: 66px; height: 66px; background: url(../images/playBtn.png) center no-repeat;
background-size: 100% auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.videoList li { margin-bottom: 20px; cursor: pointer;}
.videoList li:last-child { margin-bottom: 0;}
.splay {z-index: 2; cursor: pointer; position: absolute; width: 24px; height: 24px; background: url(../images/playBtns.png) center no-repeat;
background-size: 100% auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.bannerHd li { box-sizing: border-box; display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 104px;
    padding: 12px 20px;
    margin-bottom: 20px;
    cursor: pointer;
    background: #f3f3f4;
    border-radius: 12px;}
.enterText {display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;}
.enterNum {width: 80px;
    word-wrap: break-word;
    font-family: DIN Pro,-apple-system,Hiragino Sans GB,Monospaced Number,Helvetica Neue,Helvetica,Arial,sans-serif!important;
    font-size: 70px;
    font-style: normal;

    line-height: 80px;
    color: #2c2a29;
    text-align: justify;
    text-transform: uppercase; white-space:nowrap;}
.enterDesc p {text-align: left;
    margin-bottom: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #2c2a29;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.enterDesc span {text-align: left;
    margin-bottom: 4px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #2c2a29;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; opacity: .8;}
.enterDesc { width: 220px;}
.enterIcon span { background: url('../images/black.png') center no-repeat; width: 32px; height: 32px; background-size: cover; display: block;}
.bannerChose { display: flex; justify-content: space-between; gap: 24px;}
.bannerBd { flex: 1;}
.imgSlide { height: 476px; overflow: hidden; border-radius: 24px; border: 5px solid #000;}
.bannerBd img { display: block; width: 100%;}
.bannerHd li.cur { color: #ffffff; background: #a8927d;}
.bannerHd li.cur .enterNum,.bannerHd li.cur .enterDesc p,.bannerHd li.cur .enterDesc span{ color: #ffffff;}
.bannerHd li.cur .enterIcon span { background: url(../images/enter.png) center no-repeat; background-size: cover;}
.intChose { margin: 40px 0 40px; display: flex; justify-content: center; align-items: center; gap: 40px;}
.intChose span {width: 152px;
	cursor: pointer;
    height: 46px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px;
    text-align: center;
    color: #6e6a66;
    background: #f3f3f4;
    border-radius: 40px;}
.intChose span.cur { color: #fff; background: #a8927d;}
.introduceArt { display: flex; justify-content: space-between; gap: 24px;}
.intPic { width: 680px;
    height: 100%;
    padding: 0;
    overflow: hidden;
    border: 5px solid #000;
    border-radius: 24px;
    box-shadow: 0 21.818px 43.636px 0 rgba(0,0,0,.25);}
.intPic img { display: block; width: 100%;}
.intDesc { flex: 1;}
.championSwiper img { display: block; width: 120px; margin: 0 auto 20px;}
.championSwiper { padding: 0 60px; position: relative;}
.championSwiper .swiper-slide { background: linear-gradient(180deg,#f4f4f7,rgba(243,243,246,.3)); border-radius: 24px; padding: 36px 20px;}
.championSwiper h3 {font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    color: #2c2a29;
    text-align: center;}
.championSwiper p {    margin: 8px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    color: #a8927d;
    text-align: center;}
.championSwiper .swiper-slide { justify-content: start;}
.championSwiper span { font-size: 14px; color: #6e6a66;}
.championSwiper .swiper-button-prev { background: url(../images/prev.png) center no-repeat; background-size: cover; width: 32px; height: 32px;}
.championSwiper .swiper-button-next { background: url(../images/next.png) center no-repeat; background-size: cover; width: 32px; height: 32px;}
.championSwiper .swiper-button-prev::after,.championSwiper .swiper-button-next::after { display: none;}
.peoDesc { padding: 0 20px 24px; display: flex; justify-content: space-between; align-items:  center;}
.peoSwiper img { width: 220px; margin: 0 auto; display: block;}
.peoSwiper { position: relative; padding: 0 60px;}
.peoDesc span { display: block; background: url(../images/add.png) center no-repeat; width: 28px; height: 28px; background-size: cover;}
.peoText p {height: auto;
    padding: 0;
    margin: 0;
    font-family: Akrobat-Bold,sans-serif!important;
    font-size: 14px;
    font-weight: 900;
    line-height: normal;
    color: #2c2a29;
    text-transform: uppercase;}
.peoSwiper .swiper-button-prev { background: url(../images/prev.png) center no-repeat; background-size: cover; width: 32px; height: 32px;}
.peoSwiper .swiper-button-next { background: url(../images/next.png) center no-repeat; background-size: cover; width: 32px; height: 32px;}
.peoSwiper .swiper-button-prev::after,.peoSwiper .swiper-button-next::after { display: none;}
.peoSwiper .swiper-slide {background: linear-gradient(180deg,#b1c3ff,#fff 75.6%); border-radius: 24px;}
.lineCover {position: absolute;
    top: -10px;
    right: 60px;
    z-index: 10;
    width: 36px;
    height: 100%;
    background: linear-gradient(270deg,#fff,hsla(0,0%,100%,0));}
.intDesc h2 { font-weight: bold; font-size: 24px; line-height: 31px; margin-bottom: 32px;}
.intDesc p {overflow: hidden;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #585552;
    text-align: justify;}
.peoSwiper .swiper-slide a { width: 100%;}
.rightFix { position: fixed;position: fixed;
    z-index: 98;
    top: 50%;
    right: 6px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 56px;}
.rightFix li { position: relative;}
.rightFix a {box-shadow: 0 4px 6px 0 rgba(184,208,255,.3); margin-bottom: 10px; display: block; transition: all .4s ease; width: 56px; height: 56px; border-radius: 50%; background-size: cover!important;}
.rightFix a.iconLink1 { background: url(../images/icon1.png) center no-repeat;}
.rightFix a.iconLink2 { background: url(../images/icon2.svg) center no-repeat;}
.rightFix a.iconLink3 { background: url(../images/icon3.png) center no-repeat;}
.rightFix a.iconLink4 { background: url(../images/icon4.png) center no-repeat;}
.rightFix a.iconLink5 { background: url(../images/icon5.png) center no-repeat;}
.rightFix a.iconLink6 { background: url(../images/icon6.png) center no-repeat;}
.rightFix a.iconLink1:hover { background: url(../images/icon1on.png) center no-repeat;}
.rightFix a.iconLink2:hover { background: url(../images/icon2on.svg) center no-repeat;}
.rightFix a.iconLink3:hover { background: url(../images/icon3on.png) center no-repeat;}
.rightFix a.iconLink4:hover { background: url(../images/icon4on.png) center no-repeat;}
.rightFix a.iconLink5:hover { background: url(../images/icon5on.png) center no-repeat;}
.rightFix a.iconLink6:hover { background: url(../images/icon6on.png) center no-repeat;}
.noticeAlttext {background-color: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05); position: absolute;
	right:70px; top: 50%; 
    text-align: center;
    font-size: 14px; white-space: nowrap;
    color: #d2b79c; transform: translateY(-50%);
    cursor: pointer; padding: 12px 0; width: 102px; display: none;}
.noticeAlttext::after { content: ''; position: absolute;
    display: block;
    width: 8.48528137px;
    height: 8.48528137px;
    background: transparent;
    border-style: solid;
    border-width: 4.24264069px;right: -3px;
    border-color: #fff #fff transparent transparent;
    box-shadow: 3px -3px 7px rgba(0,0,0,.07);top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);}
.rightFix li:hover .noticeAlttext { display: block;}
.header { position: absolute; left: 0; top:0; width: 100%; z-index: 100; background: #000;}
.mainHeader { width: 1200px; margin: 0 auto; max-width: 92%; display: flex; justify-content: space-between; align-items: center; height: 80px;}
.right>a {background-color: #f8991d;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin: 0 5px;
    min-width: 120px;
    padding: 10px;
	box-sizing: border-box; text-align: center;
    text-transform: uppercase; line-height: 1.35;}
.right>a.isRed { background: red;}
.mainHeader .right { display: flex; align-items: center;}
.nav { display: flex; justify-content: center; align-items: center; background: #f8991d; position: relative; height: 40px;}
.nav-live a { font-weight: bold; color: #000000; font-size: 15px; line-height: 40px; display: block;}
.nav-live { padding: 0 12px; position: relative;}
.nav-live::after { content: ''; position: absolute; bottom: 0; width: 0; background-color: #fddcb1; transition: all 0.3s;
left: 50%; transform: translateX(-50%); height: 3px;}
.nav li:hover .nav-live::after { width: 100%;}
.nav li:hover .nav-live a { color: #ffffff;}
.langChose { position: relative; margin-right: 5px;}
.langSub {  display: none; z-index: 10; position: absolute; right: 0; top:24px; width: 130px;}
.langSub dl { background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 20px rgba(0,0,0,.15);
    color: #333;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    padding: 5px;
    -webkit-user-select: none;
    user-select: none;}
.langSub dt img { display: block;}
.langSub dt a{ color: #000; padding: 5px 10px; gap:5px; display: flex; align-items: center;}
.langChose h2 { cursor: pointer;}
.langSub dt a:hover { background: rgb(238,238,238);}
.scrollSwiper .swiper-slide { padding-top: 120px;}
/* .secondPage { padding-top:40px;}
.secondPage .homePic { display: none;} */
.subMenu { background-color: #1d1d1d;
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
    height: 0;
    left: 0;
    min-width: 1004px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 40px;
    transition: .3s;
    width: 100%;
    z-index: 999;}
.nav li:hover .subMenu { opacity: 1; height: auto;}
.subMenu ul { font-size: 0; padding: 10px 0; width: 1200px; margin: 0 auto;}
.subMenu li { position: relative; width: 12.5%; display: inline-block;}
.subMenu li a { border-radius: 5px; display: block; transition: all .3s;  position: relative; padding: 10px 0;}
.subMenu li img { display: block; width: 100%; position:relative; z-index: 2;}
.subMenu li a:hover::after {    background-color: #f8991d;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;}
.subMenu li a:hover { background: rgba(255,255,255,.1);}
.subMenu.liveSub li{ width: 16.66%;}
.subMenu.liveSub li a,.subMenu.sports li a,.subMenu.egame li a,.subMenu.mpg li a,.subMenu.threed li a{ padding: 15px 10px;}
.subMenu.sports li { width: 17%;}
.subMenu.egame li { width: 10%;}
.notime {color: gold;
    display: block;
    font-weight: 100;
    padding: 10px 0; font-size: 11px;pointer-events: none; cursor: not-allowed!important;}
.noopen {background-color: rgba(0,0,0,.8);
    border-radius: 8px;
    box-shadow: inset 0 0 0 4px gold, 0 2px 6px rgba(0,0,0,.6);
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    position: absolute;box-shadow: inset 0 0 0 3px gold, 0 2px 5px rgba(0,0,0,.6);
    left: 7%;
    padding: 5px 10px;
    top: 48%;
    width: 86%;left: 50%;
    top: 50%;
    transform: translate(-50%,-50%); z-index: 10;pointer-events: none; cursor: not-allowed!important;}
.subMenu li.closed img { opacity: .3;}
.subMenu li.closed a {pointer-events: none; cursor: not-allowed!important;}
.subMenu li.closed { cursor: not-allowed!important;}
.subMenu.mpg li { width: 12%;}
.subMenu.threed li { width: 14.285%;}
@media screen and (max-width: 1200px) {
	.scrollSwiper .swiper-slide { padding-top: 20px;}
	/* .firstPage { display: none!important;} */
	.secondPage { padding-top:0;}
	.secondPage .homePic { display: block; position: static; transform: translate(0); margin: 0 auto 20px;}
	.header { display: none;}
	.videoShow { width: 92%;}
	.rightFix { width: 30px;}
	.rightFix a { width: 30px; height: 30px;}
	.noticeAlttext { right:40px;}
	.homePic { width: 375px; max-width: 100%;}
	.videoCont video { max-width:90%;}
	.picTitle h2 { line-height: 1.5; margin-bottom: 0; font-size: 20px;}
	.picTitle h2 span:nth-child(1)::after { right: -12px; height: 20px; top: 4px;}
	.picTitle h2 span:nth-child(1) { margin-right: 24px;}
	.picTitle p { font-size: 16px; line-height: 1.5;}
	.videoCont video { height: 180px; display: block; margin: 0;}
	.videoCont { display: flex; justify-content: center;}
	.videoShow { padding: 20px;}
	.videoSlide { flex-direction: column;}
	.videoList li { gap:10px; margin-bottom: 10px;}
	.bannerChose { flex-direction: column;}
	.enterDesc { width: auto;}
	.bannerHd ul { gap:10px; display: flex;}
	.enterNum { line-height: 1; width: auto; font-size:32px;}
	.enterDesc span,.enterDesc p { font-size: 14px;}
	.bannerHd li { margin-bottom: 0; height:70px; padding: 10px;}
	.imgSlide { height: auto;}
	.intChose { gap:10px; margin: 0 0 20px;}
	.intChose span { font-size: 14px; line-height: 1.2; padding:6px; height: auto;}
	.introduceArt { flex-direction: column;}
	.intPic { max-width: 100%;}
	.intDesc h2 { margin-bottom: 10px;}
	.videoShow { margin: 10px auto;}
	.peoSwiper,.championSwiper { padding: 0 20px;}
	.lineCover { right: 0;}
	.enterNum { display: none;}
}