.m1200{position: relative;}
a:hover{color: #fff;}
.navFixed{position: fixed !important;left: 0;top: 0;width: 100%;z-index: 999;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;}
.pcno{display: none !important;}
.mno{display: block !important;}
.mflex{display: none !important;}
/* btn */
.btnFrames{overflow: hidden;position: relative;}
.btn_active::after {content: "";display: block;width: 14%;height: 290%;background: rgba(255, 255, 255, 0.4);transform: rotate(35deg);position: absolute;left: -20%;top: -120%;animation: leftTransiform ease-in-out 0.5s forwards;-webkit-animation: leftTransiform ease-in-out 0.5s forwards;}
@keyframes leftTransiform {
    0% {left: -20%;}
    100% {left: 120%;}
}
@media(max-width:1000px){
    .m1200{width: 100%;}
    .pcno{display: block !important;}
    .mno{display: none !important;}
    .mflex{display: flex !important;}
    body{padding-bottom: 1.6rem;}
    .btn_active::after{display: none;}
    /* .navFixed{left: calc((100% - 7.5rem)/2);} */
}
.header{height: 600px;background: url('../images/banner.png') no-repeat center top;}
.header .itemList{display: flex;justify-content: space-between;padding: 302px 116px 55px;box-sizing: border-box;}
.header .item{width:312px;height:42px;border: 1px solid rgba(255, 211, 149, 0.65);box-sizing: border-box; border-radius: 6px;background: linear-gradient(211deg,#e53f2c,#d02f1d);font-size: 14px;color: #ffffff;position: relative;display: flex;justify-content: flex-start;align-items: center;}
.header .itemTit{font-size: 16px;color: #d02f1d;font-weight: bold;width: 100px;height: 40px;background: #ffd395;border-radius: 6px;display: flex;justify-content: center;align-items: center;}
.header .item span.textshadow{text-shadow: 0 4px 4px rgba(123, 29, 29, 0.2);flex: 1;text-align: center;}

body .newBtn{width: 240px;height: 46px; display: flex;justify-content: center;align-items: center;font-size: 16px;color: #931b1e;margin: auto;border-radius: 23px;background: linear-gradient(0deg,#fff6bb,#ffa15e);}
 
.page1{width: 100%;margin-top: -72px;}
.page1 .m1200{height: 100%;}
.page1 .hkIntroduce{padding: 0 50px;box-sizing: border-box; font-size: 14px;color: #333333;line-height: 28px;height: 140px;background:url('../images/page1.png') no-repeat;border-radius: 20px;box-shadow: 0 22px 22px rgba(230, 215, 217, 0.5);display: flex;justify-content: center;align-items: center;}
.page1 .hkIntroduce .redBold{font-size: 20px;color: #d02f1d;font-weight: bold;padding-right: 14px;}

.hkTitle_{line-height: 1;text-align: center;color: #333333;font-size: 40px;font-weight: bold;padding: 80px 0 60px;}
.hkTitle_.white{color: #fff;}

.page2{background: url('../images/page2.png') no-repeat center top;margin-top: -68px;padding: 68px 0 80px;}
.page2 .hkTitle_{background: url('../images/tit1.png') no-repeat center top 48px;}
.page2 .content{height: 300px;border-radius: 20px;background: #fff;box-shadow: 0 0 22px 22px rgba(242, 242, 242, 0.3);display: flex;justify-content: space-between;}
.page2 .item{width: 50%;line-height: 1;}
.page2 .list{padding-left: 92px;box-sizing: border-box;}
.page2 .person{padding: 42px 0 26px; font-size: 20px;font-weight: bold;color: #333;display: flex;justify-content: center;align-items: center;}
.page2 .person span{padding: 0 10px;}
.page2 .person::before{content: '';display: block;width: 26px;height: 14px;background: url('../images/page2_tit_l.png') no-repeat;}
.page2 .person::after{content: '';display: block;width: 27px;height: 16px;background: url('../images/page2_tit_r.png') no-repeat;}
.page2 .item_person{font-size: 16px;color: #d02f1d;font-weight: bold;display: flex;justify-content: flex-start;align-items: center;}
.page2 .item_person::before{content: '';display: block;width: 13px;height: 14px;background: url('../images/page2_icon1.png') no-repeat;margin-right: 12px;}
.page2 .item_li{font-size: 16px;color: #333333;padding:13px 0 15px 25px;}
.page2 .redRight{height: 100%;background: url('../images/page2_bk.png') no-repeat;border-radius: 20px;filter: drop-shadow(0px 6px 14px rgba(181, 31, 42, 0.2));}
.page2 .redRight .person{color: #fff;padding-bottom: 23px;}
.page2 .redRight .person::before{background: url('../images/page2_tit_l1.png') no-repeat;}
.page2 .redRight .person::after{background: url('../images/page2_tit_r1.png') no-repeat;}
.page2 .redRight .list{padding-left: 184px;box-sizing: border-box;}
.page2 .redRight .font{font-size: 18px;color: #fff;padding-bottom: 18px;display: flex;justify-content: flex-start;align-items: center;}
.page2 .redRight .time::before{content: '';width: 33px;height: 18px;display: block;background: url('../images/page2_icon2.png') no-repeat left 2px center;}
.page2 .redRight .vx::before{content: '';width: 33px;height: 18px;display: block;background: url('../images/page2_icon3.png') no-repeat;}
.page2 .erweima{margin-left: 59px;width: 116px;height: 116px;background: url('../images/page2_icon4.png') no-repeat;}


.page3{background: url('../images/page3.png') no-repeat center top;padding: 48px 0 0px;}
.page3 .hkTitle_{background: url('../images/tit2.png') no-repeat center top;padding: 31px 0 35px;}
.page3 .firstTit{width: 272px;height: 42px;display: flex;justify-content: flex-start;align-items: center; font-size: 20px;font-weight: bold;color: #ffdc9e; border-radius: 20px;border: 1px solid rgba(255, 211, 149, 0.65);box-sizing: border-box;background: linear-gradient(211deg,#e53f2c,#d02f1d);}
.page3 .firstTit.width{width: 312px;}
.page3 .numBold{color: #cb3b33;background: #fff6bb; width: 100px;height: 30px;margin: 0 13px 0 6px; border-radius: 15px;display: flex;justify-content: center;align-items: center;}
.page3 .content{width: 1220px;display: flex; justify-content: space-between;padding: 30px 0 28px;}
.page3 .left{width: 204px;height: 144px;border-radius: 20px;background: url('../images/page3_fff.png') no-repeat;padding-top: 22px;box-sizing: border-box;
    /*background: rgba(255, 255, 255, 0.1);border: 2px solid rgba(255, 255, 255, 0.05);*/}
.page3 .liveBtn{cursor: pointer; width: 180px;height: 40px;border-radius: 20px;background: rgba(255, 255, 255, 0.2);font-size: 16px;color: #fff;display: flex;justify-content: center;align-items: center;margin: 0 auto 20px;}
.page3 .liveBtn.active{font-size: 16px;color: #931b1e;background: linear-gradient(0deg,#fff6bb,#ffa15e);}
.page3 .right{width: 1000px;height: 320px;border-radius: 20px;position: relative;background: rgba(255, 255, 255, 0.1);box-shadow: 0 0 22px rgba(242, 242, 242, 0.1);}
.page3 .teacher{width: 960px;height: 280px;border-radius: 20px;position: absolute;left: 20px;bottom: 20px;display: none;}
.page3 .teacher.active{display: block;}
.page3 .teacher .box{width: 100%;position: absolute;left: 0;bottom: 0;}
.page3 .teacher .minCont{position: absolute;left: 408px;bottom: 0;height: 244px;}
.page3 .teacher.t1 .box{ height: 346px;background: url('../images/teacher_1.png') no-repeat left top;}
.page3 .teacher.t2 .box{ height: 363px;background: url('../images/teacher_2.png?v1') no-repeat left top;}
.page3 .rightTop{width: 135px;height: 38px;padding-bottom: 2px;box-sizing: border-box;line-height: 1; background: url('../images/page3_icon2.png') no-repeat;position: absolute;right:67px;top:-9px;z-index: 9; font-size: 14px;color: #931b1e;display: flex;justify-content: center;align-items: center;}
.page3 .teacherName{font-size: 20px;color: #333333;font-weight: bold;line-height: 1;}
.page3 .teacherName span{font-size: 14px;color: #cb3b33;font-weight: normal;margin-left: 10px;}
.page3 .pinkCont{width: 478px;border-radius: 4px;font-size: 14px;line-height: 22px;color: #cb3b33;background: #fff6f5; padding: 8px 12px;box-sizing: border-box;margin: 12px 0 19px 0;}
.page3 .item_li{display: flex;justify-content: flex-start;align-items: flex-start;font-size: 14px;line-height: 26px;color: #666666;padding-right: 0px;box-sizing: border-box;}
.page3 .bold{color: #333333;font-weight: bold;display: flex;justify-content: flex-start;align-items: center;}
.page3 .bold::before{content: '';width: 12px;height: 12px;background: url('../images/page3_icon1.png') no-repeat;display: block;margin-right: 8px;}
.page3 .font{flex: 1;}
.page3 .mr{margin-right: 50px;}
.page3 .item_list{display: none;justify-content: space-between;padding-top: 30px;line-height: 1;}
.page3 .item_list.active{display: flex;}
.page3 .video{width: 390px;height: 230px;border-radius: 20px;position: relative;}
.page3 .videoBox{width: 100%;height: 100%;border-radius: 20px;overflow: hidden;position: relative;}
.page3 .videoImg{width: 100%;height: 100%;transition: 0.3s;}
.page3 .position{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.page3 .video_time{width: 90px;height: 40px;background: url('../images/page3_icon4.png') no-repeat;position: absolute;right:15px;top: -6px;z-index: 9;text-align: center;display: flex;justify-content: center;align-items: center;}
.page3 .data1{font-size: 14px;color: #931b1e;font-weight: bold;margin-bottom: 4px;}
.page3 .data2{font-size: 12px;color: #931b1e;}
.page3 .video_play{width: 56px;height: 56px;margin: 56px auto 21px;display: block;background: url('../images/video_play.png') no-repeat;}
.page3 .video_play.white{width: 60px;height: 60px;margin: 79px auto 55px;display: block;background: url('../images/video_play_white.png') no-repeat;}
.page3 .expect{font-size: 18px;color: #ffdc9e;text-align: center;margin-bottom: 43px;}
.page3 .liveFont{font-size: 16px;color: #ffdc9e;padding: 0 0 3px 4px;box-sizing: border-box;margin-left: 23px;background: url('../images/page3_icon3.png') no-repeat left bottom;}
.page3 .liveFont span{font-weight: bold;}
.page3 .video:hover .videoImg{transform: scale(1.05);}

.page4{height: 375px;background: url('../images/page4.png') no-repeat center top;}
.page4 .m1200{height: 100%;position: relative;}
.page4 .titWhite{font-size: 36px;color: #fff;font-weight: bold;padding-bottom: 37px;}
.page4 .item{height: 210px;position: absolute;left: 518px;bottom: 0;line-height: 1;}
.page4 .erweima{width: 160px;height: 126px;background: url('../images/page4_erweima.png') no-repeat;position: absolute;right:0;bottom:26px;}
.page4 .question{font-size: 18px;color: #ffffff;font-weight: bold;padding-bottom: 24px;}
.page4 .list{font-size: 16px;color: #fff;display: flex;justify-content:flex-start;flex-wrap: wrap;line-height: 1;}
.page4 .li{padding-bottom: 14px;}
.page4 .li:nth-child(odd){width: 236px;}
 

.page5{background: url('../images/page5.png') no-repeat center top;padding-bottom: 80px;}
.page5 .hkTitle_{background: url('../images/tit3.png') no-repeat center top 48px;}
.page5 .content{height: 400px;border-radius: 20px;background: linear-gradient(270deg,rgba(255,247,247,0.6),rgba(255,255,255,0.6));border: 2px solid #ffffff;box-sizing: border-box;overflow: hidden;display: flex;justify-content: space-between;}
.page5 .video{width: 700px;height: 360px;background: url('../images/page5_xdf.png') no-repeat;border-radius: 20px;margin: 20px 0 0 20px;}
.page5 .right{width: 412px;display: flex;justify-content: flex-start;align-content: flex-start; flex-wrap: wrap;height: auto;padding: 42px 0 0 ;box-sizing: border-box;}
.page5 .itemTit{font-size: 18px;color: #d02f1d;font-weight: bold;line-height: 1;margin-bottom: 8px;}
.page5 .ita{font-style: italic;font-size: 40px;}
.page5 .itemFont{font-size: 14px;line-height: 22px;color: #666666;}
.page5 .raw{width: 332px;height: 1px;background: #fffefe;margin: 16px 0 19px;}
.page5 .width{width: 180px;}

/* 隐藏男的 */
/* .page3 .left{height: 84px;background: rgba(255, 255, 255, 0.1);box-shadow: 0 0 22px rgba(242, 242, 242, 0.1);} */
@media (max-width:1000px) {
    
    .hk_Include_header .hk_logo{width: 4.07rem !important;margin-left: 0.3rem !important;}

    .header .itemList{display: none;}
    .header{height: 5rem;background: url('../images/images/banner.png') no-repeat;background-size:cover;}
    .header .m1200{padding-top: 3.2rem;box-sizing: border-box;}
    body .newBtn{width: 2.64rem;height: 0.7rem;border-radius: 0.35rem;font-size: 0.26rem;}

    .page1{display: none;}

    
    .page2{padding: 0rem 0 0.3rem;margin-top: 0;background: url('../images/images/page2.png') no-repeat center bottom;background-size: cover;box-sizing: border-box;}
    .page2 .hkTitle_{display: none;}
    .page2 .content{height: auto;border-radius: 0;background: none;box-shadow: 0 0 0 #fff;display: block;}
    .page2 .item:nth-child(1){ margin: 0 auto 0;width: 6.7rem;height: 4.5rem;border-radius: 0.2rem;box-shadow: 0 0 0.22rem 0.22rem rgba(242, 242, 242, 0.3);background: #ffffff;}
    .page2 .person{font-size: 0.32rem;padding: 0.47rem 0 0.36rem;}
    .page2 .person::before{width: 0.34rem;height: 0.23rem;background: url(../images/images/page2_tit_l.png) no-repeat;background-size: 100% 100%;}
    .page2 .person::after{width: 0.34rem;height: 0.25rem;background: url(../images/images/page2_tit_r.png) no-repeat;background-size: 100% 100%;}
    .page2 .person span {padding: 0 0.18rem;}
    .page2 .list{padding-left: 0.46rem;}
    .page2 .item_person{font-size: 0.24rem;}
    .page2 .item_person::before{width: 0.2rem;height: 0.21rem;background: url(../images/images/page2_icon1.png) no-repeat;background-size: 100% 100%;margin-right: 0.24rem;}
    .page2 .item_li{font-size: 0.24rem;padding: 0.16rem 0 0.17rem 0.44rem;}
    
    .page2 .redRight{position: relative; width: 7.1rem;height: 3.27rem;background: url(../images/images/page2_bk.png) no-repeat;background-size: 100% 100%;border-radius: 0;
        filter: drop-shadow(0px -0.06rem 0.14rem rgba(181, 31, 42, 0.2));margin:-1.02rem auto 0;padding: 0.27rem 0 0;box-sizing: border-box;}
    .page2 .redRight .person{padding: 0.63rem 0 0.47rem;}
    .page2 .redRight .person::before{width: 0.34rem;height: 0.23rem;background: url(../images/images/page2_tit_l1.png) no-repeat;background-size: 100% 100%;}
    .page2 .redRight .person::after{width: 0.34rem;height: 0.25rem;background: url(../images/images/page2_tit_r1.png) no-repeat;background-size: 100% 100%;}
    .page2 .redRight .list{padding-left: 0.86rem;}
    .page2 .redRight .font{font-size: 0.26rem;padding-bottom: 0.23rem;}
    .page2 .redRight .time::before{width: 0.49rem;height: 0.27rem;background: url('../images/images/page2_icon2.png') no-repeat;background-size: 0.27rem 0.27rem;}
    .page2 .redRight .vx::before{width: 0.49rem;height: 0.25rem;background: url('../images/images/page2_icon3.png') no-repeat;background-size: 0.31rem 0.25rem;}
    .page2 .erweima{margin-left:0;width: 1.53rem;height: 1.52rem;position: absolute;right: 0.97rem;bottom: 0.37rem; background:none;}
    .page2 .erweima img{width: 100%;height: 100%;}
    .page2 .item{transform: translateY(-0.5rem);}

    .page3 {background: url(../images/images/page3.png) no-repeat center top;background-size: 100% auto; padding: 0.48rem 0 0.44rem;}
    .page3 .hkTitle_{padding: 0;height: 0.71rem;background: url('../images/images/tit1.png') no-repeat center top;background-size: auto 100%;margin-bottom: 0.5rem;}
    .page3 .hkTitle_ p{display: none;}
    .page3 .left{display: none;}
    .page3 .firstTit{width: 3.8rem;height: 0.58rem;font-size: 0.28rem;border-radius: 0.28rem;margin: 0 0 0rem 0.2rem;}
    .page3 .numBold{width: 1.4rem;height: 0.42rem;border-radius: 0.2rem;margin: 0 0.18rem 0 0.07rem;}
    .page3 .teacher{position: relative;left: auto;bottom: auto; width: 7.1rem;height: 4rem;background: rgba(255, 255, 255, 0.1);border-radius: 0.2rem;margin: auto;}
    .page3 .rightTop{width: 1.87rem;height: 0.5rem;background: url(../images/images/page3_icon2.png) no-repeat;background-size: 100% 100%;font-size: 0.2rem;right:0.27rem;top:0.01rem;padding-bottom: 0.07rem;box-sizing: border-box;}
    .swiper-containerA{padding: 0.29rem 0 0;}
    .page3 .teacher .box{width: 6.9rem;}
    .page3 .teacher.t1 .box {height: 3.8rem;background: url(../images/images/teacher_1.png) no-repeat left top;background-size: 100% 100%;left: 0.1rem ;bottom: 0.1rem;}
    .page3 .teacher.t2 .box {height: 3.8rem;background: url(../images/images/teacher_2.png?v1) no-repeat left top;background-size: 100% 100%;left: 0.1rem ;bottom: 0.1rem;}
    
    .page3 .teacher .minCont{left: 2.38rem;bottom: 0;height: 3.41rem;}
    .page3 .teacherName{font-size: 0.26rem;}
    .page3 .teacherName span{font-size: 0.2rem;margin-left: 0.15rem;}
    .page3 .pinkCont{width: auto;display: inline-block; border-radius: 0.04rem;font-size: 0.2rem;line-height: 0.3rem;padding: 0.11rem 0.25rem;margin: 0.11rem 0 0.12rem 0;}
    .page3 .item_li{font-size: 0.2rem;line-height: 0.3rem;padding-right: 0;}
    .page3 .bold::before{width: 0.17rem;height: 0.17rem;background: url('../images/images/page3_icon1.png') no-repeat;background-size: 100% 100%;margin-right: 0.07rem;}
    .page3 .firstTit.width{width: 4.4rem;}
    .page3 .m1.active{padding: 0.4rem 0 0;display: block;}
    .page3 .video{width: 6.9rem;height: 3rem;margin: 0 auto 0.3rem;border-radius: 0.2rem;}
    .page3 .video:hover .videoImg{transform: scale(1);}
    .page3 .video_play{width: 0.81rem;height: 0.81rem;margin: 0.61rem auto 0.2rem;background: url(../images/images/video_play.png) no-repeat;background-size: 100% 100%;}
    .page3 .expect{font-size: 0.24rem;margin-bottom: 0.54rem;}
    .page3 .liveFont{background: url('../images/images/page3_icon3.png') no-repeat left bottom;background-size: 1.08rem 0.11rem;font-size: 0.26rem;color: #ffdc9e;padding: 0 0 0.07rem 0.08rem;margin-left: 0.36rem;}
    .page3 .video_time{width: 1.62rem;height: 0.72rem;background: url('../images/images/page3_icon4.png') no-repeat;background-size: cover; right:0.31rem;top: -0.09rem;}
    .page3 .data1{font-size: 0.22rem;margin-bottom: 0.08rem;}
    .page3 .data2{font-size: 0.20rem;}
    .page3 .mr{margin-right: 0;}

    .page4 {height: 5.33rem;background: url(../images/images/page4.png) no-repeat center top;background-size: 100% auto;}
    .page4 .item{position: initial;height: 100%;background: url('../images/images/tit2.png') no-repeat center top 0.5rem;background-size: 3.19rem 0.7rem;padding: 1.64rem 0 0 0.46rem;box-sizing: border-box;}
    .page4 .titWhite{display: none;}
    .page4 .question{font-size: 0.26rem;padding-bottom: 0.2rem;}
    .page4 .list{font-size: 0.22rem;line-height: 0.36rem;}
    .page4 .li{padding-bottom: 0.14rem;}
    .page4 .li:nth-child(odd){width: 3.3rem;}
    .page4 .erweima{width: 2.11rem;height: 1.66rem;background: none;right: 0.85rem;bottom:0.44rem;}
    .page4 .erweima img{width: 100%;height: 100%;}

    .page5 {background: url(../images/images/page5.png) no-repeat center top;background-size: 100% auto; padding: 0.48rem 0 0.7rem;}
    .page5 .hkTitle_{padding: 0;height: 0.72rem;background: url('../images/images/tit3.png') no-repeat center top;background-size: auto 100%;margin-bottom: 0.4rem;}
    .page5 .hkTitle_ p{display: none;}
    .page5 .content{width: 7rem;height: auto;padding-bottom: 0.4rem; border-radius: 0.2rem;border: 0.02rem solid #ffffff;margin: auto;box-shadow: 0 0 0.22rem 0.22rem rgba(242, 242, 242, 0.3);display: block;}
    .page5 .video{width: 6.6rem;height: 2.7rem;background: url('../images/images/page5_xdf.png') no-repeat;background-size: cover;border-radius: 0.2rem;margin: 0.2rem auto 0;}
    .page5 .right{width: 100%;padding: 0.41rem 0 0 0.76rem;}
    .page5 .width{width: 2.78rem;}
    .page5 .itemTit{font-size: 0.22rem;margin-bottom: 0.12rem;}
    .page5 .ita{font-size: 0.5rem;}
    .page5 .itemFont{font-size: 0.22rem;line-height: 0.3rem;}
    .page5 .raw{width: 5.44rem;margin:0.15rem 0 0.16rem;}




    .swiper-container{width: 100%;}
    .swiper-pagination{position: initial;line-height: 1;font-size: 0;padding: 0.22rem 0 0.43rem;}
    .swiper-pagination span{width: 0.08rem;height: 0.08rem;background: #dcdcdc;opacity: 1;margin: 0 0.04rem;}
    .swiper-pagination span.swiper-pagination-bullet-active{width: 0.2rem;border-radius: 0.04rem;background: #ffffff;}

    .btnFiexBottom {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 9999;
        height: 1.6rem;
        background: #fff;
        box-shadow: 0 -0.06rem 0.12rem rgba(187,193, 200, 0.2);
        display: flex;
        justify-content: space-between;
        padding: 0.22rem 0.2rem 0 0.04rem;
        box-sizing: border-box;
    }

    .btnFiexBottom .cli_.ph {
        font-size: 0.22rem;
        line-height: 1;
        color: #333333;
        text-align: center;
        width: 1.46rem;
    }

    .btnFiexBottom .cli_.ph img {
        width: 0.42rem;
        height: 0.44rem;
        margin: 0.09rem auto 0.03rem;
    }

    .btnFiexBottom .cli_.btn {
        width: 5.8rem;
        height: 0.88rem;
        background: url('../images/images/bot_btn.png') no-repeat;
        background-size: 100% 100%;
        display: flex;
        justify-content: space-between;
    }

    .btnFiexBottom .cli_.btn p {
        font-size: 0.3rem;
        font-weight: bold;
        color: #cb3b33;
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .btnFiexBottom .cli_.btn p:nth-child(2) {
        color: #fff;
    }
    .totop {bottom: 3.4rem !important;}
    .totop img{width: 0.81rem;box-shadow: 0 0 0.12rem rgba(187, 193, 200, 0.12);border-radius: 50%;}

}

/* 修改版权 */
.page5 .video{background: url('https://oy.xdf.cn/include/2026/960-380.png') no-repeat;}
@media (max-width: 1000px){
.page5 .video{background:#fff url('https://oy.xdf.cn/include/2026/960-380.png') no-repeat;background-size:auto 100%;}
}