.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: 18%;height: 300%;background: linear-gradient(to right,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.4) 50%,rgba(255, 255, 255, 0) 100%); /* 娓愬彉璁╄竟缂樻煍鍜� */filter: blur(6px);transform: rotate(35deg);position: absolute;left: -20%;top: -120%;animation: leftTransiform ease-in-out 0.6s forwards;-webkit-animation: leftTransiform ease-in-out 0.6s forwards;pointer-events: none;}
@keyframes leftTransiform {
    0% {left: -20%;}
    100% {left: 120%;}
}
@media(max-width:1000px){
    #hk_top_{background: #fff;}
    .m1200{width: 100%;}
    .pcno{display: block !important;}
    .mno{display: none !important;}
    .mflex{display: flex !important;}
    body{padding-bottom: 1.4rem;background: #f4eff7;}
    .btn_active::after{display: none;}
    .navFixed{left: calc((100% - 7.5rem)/2);}
}
/* banner*/
.banner{height: 200px;background: url('../images/banner.png') no-repeat center top;}
/*  */
.branNav{font-size: 14px;color: #333;display: flex;justify-content: flex-start;align-items: center;height: 75px;}
.branNav .list{display: flex;justify-content: flex-start;align-items: center;}
.branNav .list .url{font-size: 14px;color: #333;}
.branNav .list .url::after{content: '>';}
.branNav .list .url:hover{color:#9675f7;}
.branNav .list .url:last-child:after{content: '';}

.overText .schoolHead{width: 100%;height: 250px;border-radius: 20px;margin-bottom: 20px; background: #ffffff;box-shadow: 0 0 11px 6px rgba(207, 207, 207, 0.17);display: flex;justify-content: flex-start;align-items: center;}
.overText .schoolHead .schoolImg{border-radius: 20px;margin: 0 45px 0 30px;overflow: hidden;}
.overText .schoolHead .schoolText{line-height: 1;}
.overText .schoolHead .schoolName{font-size: 20px;color: #333;font-weight: bold;margin-bottom: 30px;}
.overText .schoolHead .schoolEn{font-size: 12px;color: #999999;margin-bottom: 26px;}
.overText .schoolHead .text{font-size: 14px;color: #333;margin-bottom: 12px;display: flex;justify-content: flex-start;align-items: center;}
.overText .schoolHead .text span{color: #999;}
.overText .schoolHead .text a{color: #333;}
.overText .schoolHead .text a:hover{color:#9675f7;}
.overText .schoolHead .button{margin: 25px 0 0 0;width: 180px;height: 40px;border-radius: 20px;background: linear-gradient(135deg,#8c6df5,#c296fe);font-size: 14px;color: #fff;display: flex;justify-content: center;align-items: center;}

.overText .shoolFlex{display: flex;justify-content: space-between;margin-bottom: 80px;}
.overText .shoolFlex .left{width: 830px;border-radius: 20px;background: #fff;box-shadow: 0 0 11px 6px rgba(207, 207, 207, 0.17);padding: 32px 50px 0px;box-sizing: border-box;}

.overText .headList{display: flex;justify-content: flex-start;width: 100%;border-bottom: 1px solid #ececec;height: 38px;margin-bottom: 48px;}
.overText .headList .li{cursor: pointer; font-size: 16px;color: #333;width: 100px;text-align: center;position: relative;line-height: 1;margin-right: 70px;}
.overText .headList .li:last-child{margin-right: 0;}
.overText .headList .li.active{font-size: 18px;font-weight: bold;background-image: linear-gradient(135deg, #8c6df5, #c296fe);background-clip: text;-webkit-background-clip: text;color: transparent;}
.overText .headList .li.active::before{content: '';width: 100%;height: 4px;background: linear-gradient(#8c6df5,#c296fe);position: absolute;left: 0;bottom: 0;}

.overText .bodyList .item{display: none;}
.overText .bodyList .item.active{display: block;}
.overText .bodyList .raw{margin-bottom: 42px;}
.overText .bodyList .title{display: flex;justify-content: flex-start;align-items: center;font-size: 18px;background-image: linear-gradient(135deg, #8c6df5, #c296fe);background-clip: text;-webkit-background-clip: text;color: transparent;margin-bottom: 24px;}
.overText .bodyList .title::before{content: '';width: 4px;height: 18px;border-radius: 2px;background: linear-gradient(#8c6df5,#c296fe);margin-right: 9px;}
.overText .bodyList .text{font-size: 14px;line-height: 26px;color: #333;padding: 0 0 0 14px;box-sizing: border-box;}

.overText .shoolFlex .right{width: 350px;height: 280px;border-radius: 20px;padding-top: 220px;box-sizing: border-box; box-shadow: 0 0 11px 6px rgba(207, 207, 207, 0.17);background:#fff url('../images/hk_1.png') no-repeat;}
.overText .shoolFlex .right .button{margin: 25px 0 0 0;width: 180px;height: 40px;border-radius: 20px;background: linear-gradient(135deg,#8c6df5,#c296fe);font-size: 14px;color: #fff;display: flex;justify-content: center;align-items: center;margin: auto;}

/*  */
/* .overText .bodyList .adds .title{display: none;}
.overText .bodyList .adds .text{position: relative;}
.overText .bodyList .adds .text::before {content: '';width: 4px;height: 18px;border-radius: 2px;background: linear-gradient(#8c6df5, #c296fe);position: absolute;left: 0;top: 4px;}
 */
.overText .bodyList .addv{padding-bottom: 20px;}
.overText .bodyList .addv .title{display: none;}
.overText .bodyList .addv .raw{line-height: 1;margin-bottom: 20px;display: flex;justify-content: flex-start;align-items: center;padding-left: 15px;}
.overText .bodyList .addv .raw .text {line-height: 1;padding-left: 15px;}
.overText .bodyList .addv .raw .schoolInfoUrl{ margin-right: 20px; }
.overText .bodyList .addv .raw .schoolInfoUrl:hover{ color:#9675f7; }
.overText .bodyList .addv .icon1{width: 22px;height: 23px;background: url('../images/images/icon1.png') no-repeat;}
.overText .bodyList .addv .icon2{width: 22px;height: 23px;background: url('../images/images/icon2.png') no-repeat;}
.overText .bodyList .addv .icon3{width: 22px;height: 20px;background: url('../images/images/icon3.png') no-repeat;}
.overText .bodyList .addv .icon4{width: 22px;height: 21px;background: url('../images/images/icon4.png') no-repeat;}
 

@media (max-width:1000px) {
    
#hk_top_ .hk_Include_header .hk_logo{width: 4.07rem;}
.banner,.branNav,.overText{width: 7.5rem;margin: auto;}

.banner{height: 6.45rem;background: url('../images/images/banner.png') no-repeat;background-size: 100% 100%;}
/*  */
.branNav{display: none;}
/*  */
.overText{}
.overText .schoolHead{width: 6.9rem;height: 3rem;border-radius: 0.2rem;margin: -1.94rem auto 0;padding: 0 0.5rem;box-sizing: border-box; background: url('../images/images/hk_1.png') no-repeat;background-size: 100% 100%;box-shadow: 0 0 0.12rem 0.13rem rgba(227, 217, 239, 0.4);}
.overText .schoolHead .schoolImg{display: none;}
.overText .schoolHead .schoolText{width: 100%;}
.overText .schoolHead .schoolName{font-size: 0.36rem;margin-bottom: 0.24rem;padding-bottom:0.26rem;border-bottom: 1px solid #f2e5ff;}
.overText .schoolHead .schoolEn{font-size: 0.2rem;margin-bottom: 0.42rem;}
.overText .schoolHead .text{font-size: 0.24rem;margin-bottom: 0.22rem;align-items: flex-start;}
.overText .schoolHead .text span{color: #333;flex-shrink: 0;}
.overText .schoolHead .button{display: none;}
.overText .schoolHead .text.mb0{margin-bottom: 0;}
.overText .shoolFlex{margin-bottom: 0;}
.overText .shoolFlex .right{display: none;}
.overText .shoolFlex .left{width: 6.9rem;margin: auto;border-radius: 0;box-shadow:none;padding: 0;background: none;padding-top: 0.3rem;padding-bottom: 0.4rem;}
.overText .headList{display: none;}
.overText .bodyList .item{display: block;margin-bottom: 0.3rem;padding: 0.48rem 0.35rem 0.16rem 0.47rem;box-sizing: border-box;background: url('../images/images/hk_2.png') no-repeat;background-size: cover;border-radius: 0.2rem;border: 0.02rem solid #fff;box-shadow: 0 0 0.12rem 0.13rem rgba(227, 217, 239, 0.4);}
.overText .min-title{font-size: 0.32rem;color: #333;font-weight: bold;display: flex;justify-content: center;align-items: center;line-height: 1;margin-bottom: 0.2rem;}
.overText .min-title div{position: relative;}
.overText .min-title div::before{content: '';width: 0.3rem;height: 0.33rem;background: url('../images/images/title_l.png') no-repeat;background-size: 100% 100%;position: absolute;left:-0.17rem;top:-0.12rem;}
.overText .min-title div::after{content: '';width: 0.18rem;height: 0.16rem;background: url('../images/images/title_r.png') no-repeat;background-size: 100% 100%;position: absolute;right:-0.14rem;bottom:-0.04rem;}
.overText .min-title div p{position: relative;}
.overText .bodyList .raw{margin-bottom: 0.3rem;}
.overText .bodyList .title{font-size: 0.24rem;color: #333;font-weight: bold;background: none;margin-bottom: 0.18rem;line-height: 1;}
.overText .bodyList .title::before{width: 0.06rem;height: 0.23rem;border-radius: 0.03rem;margin-right: 0.14rem;transform: translateY(0px);}
.overText .bodyList .text{font-size: 0.22rem;line-height: 0.4rem;}

/* .overText .bodyList .adds .text::before{width: 0.06rem;height: 0.23rem; border-radius: 0.03rem;margin-right: 0.14rem;transform: translateY(0px);top:0.08rem;}
 */
.overText .bodyList .addv .min-title{margin-bottom: 0.29rem;}
.overText .bodyList .addv .raw{line-height: 1;font-size: 0.22rem;margin-bottom: 0.25rem;padding-left: 0;}
.overText .bodyList .addv .raw .text{padding-left: 0.2rem;}

.overText .bodyList .addv .icon1{width: 0.22rem;height:0.23rem;background-size: 0.2rem 0.23rem;background-position: center center !important;}
.overText .bodyList .addv .icon2{width: 0.22rem;height:0.23rem;background-size: 0.21rem 0.23rem;background-position: center center !important;}
.overText .bodyList .addv .icon3{width: 0.22rem;height:0.23rem;background-size: 0.2rem 0.2rem;background-position: center center !important;}
.overText .bodyList .addv .icon4{width: 0.22rem;height:0.23rem;background-size: 0.19rem 0.21rem;background-position: center center !important;}

.xdfBottom{width: 7.5rem;height: 1.4rem;background: #fff;position: fixed;left: calc((100% - 7.5rem)/2);bottom: 0;z-index: 999;padding: 0.23rem 0.19rem 0 0rem;box-sizing: border-box;display: flex;justify-content: space-between;}
.xdfBottom .sumPh{width: 1.5rem;padding-left: 0.07rem;box-sizing: border-box;text-align: center;font-size: 0.22rem;color: #333;line-height: 1;}
.xdfBottom .phoneImg{width: 0.34rem;display: block;margin: 0.09rem auto 0.14rem;}
.xdfBottom .rightFix{width: 5.8rem;height: 0.88rem;border-radius: 0.44rem;overflow: hidden;font-size: 0.3rem;font-weight: bold;display: flex;justify-content: space-between;}
.xdfBottom .rightFix a{display: flex;justify-content: center;align-items: center;background: linear-gradient(135deg,#ed71aa,#ffd58b);width: 50%;height: 100%;color: #fff;}
.xdfBottom .rightFix a.active{background: linear-gradient(135deg,#8c6df5,#c296fe);}


}