@charset 'utf-8';
/* 重置 */
body,p{margin:0}
h1,h2,h3,h4{margin:0;font-size:100%;font-weight:normal;}
header,section{display:block;}
ul{margin:0;padding-left:0;list-style: none;}
button{border:0;outline:0;background-color:transparent;}
a{text-decoration:none;color:inherit;}
/* 页面设置 font-size:calc(25px + 3.90625vw)*/
html{width:100%;height:100%;}
body{font-size:.16rem;line-height:1.3;scroll-behavior:smooth;background:#ffffff;}
/* header */
/* @media only screen and (min-width: 993px) {
  .top{background:linear-gradient(#000,transparent);}  
} */

/* banner图 */
.index-banner-box{position:relative;height:7.41rem;}
html.phone .index-banner-box{height:5.41rem;}
.banner-swiper{width:100%;height:100%}
.banner-swiper .swiper-wrapper,.banner-swiper .swiper-slide{height:100%}
.banner-swiper .swiper-slide>img{width:100%;height:100%;object-fit:cover;object-position:right;}
/* banner文字 */
.banner-text-box{position:absolute;left:0;right:0;top:50%;z-index:1;width:96%;max-width:1500px;margin:auto;color:#ffffff;transform:translateY(-50%);font-family:'SourceHanSansCN-Regular','Microsoft YaHei',sans-serif}
.banner-text-box>h1{font-size:.3rem;}
.banner-text-box>h2{display:inline-block;font-family:'helloFont','Microsoft YaHei',sans-serif;font-size:.6rem;letter-spacing:.06rem}
.banner-text-box>h3{text-transform:uppercase;}
/* .banner-text-box>h2::after{content:'';display:block;width:100%;padding-top:3.582%;background:url(../images/index/banner-icon.png) no-repeat left center/100%;} */
/* text-shadow:1px 1px rgb(0 0 0 / 60%); */
.banner-text-box>p{max-width:43em;margin-top:2.5em;font-size:.18rem;line-height:1.6;text-align:justify;}
/* 校训 */
.banner-text-box>p.school-motto{display:inline-flex;align-items:center;padding-right:.5em;font-size:1.25em;background-color:#2382e1;}
.school-motto::before{content:attr(data-preffix);display:block;padding:.2em .5em;margin-right:.5em;font-size:.9em;background-color:#008df9;}
@media screen and (max-width:654px) {
  .banner-text-box>h2{font-size:.46rem}
}
@media screen and (max-width:592px) {
  .banner-text-box>p>br{display:none}
}
/* 字体渐变 */
@supports (-webkit-background-clip:text) or (background-clip:text) {
  .banner-text-box>h2>span{color:transparent;background:linear-gradient(0deg,#d8e6f7,#fff 60%);-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;text-shadow:none;}
}
.banner-text-btn{display:block;max-width:100%;width:8em;padding:.5em 0;margin:1.5em 0 0;font-size:.18rem;color:#ffffff;text-align:center;font-family:'SourceHanSansCN-Medium','Microsoft YaHei',sans-serif;border-radius:.2rem;box-shadow:0 .04rem .09rem rgba(255,255,255,.12),0 0 0 1px #ffffff;transition:transform .3s ease-out;}
.banner-text-btn:hover{color:#333333;background: #ffffff;box-shadow:0 .04rem .09rem rgba(255,255,255,.12),inset 0 0 .24rem rgba(255,255,255,.09);cursor:pointer;transform:scale(1.03);}
/* 切换banner的按钮 */
.banner-nav{margin:3em 0 0;}
.banner-nav>button{width:3em;height:3em;margin-right:2em;border-radius:50%;border:1px solid #fff;}
.banner-nav>button>.iconfont{display:inline-block;line-height:1;}
.banner-nav-prev>.iconfont{transform:rotate(90deg);}
.banner-nav-next>.iconfont{transform:rotate(-90deg);}
.banner-nav>button:hover{color:#103c8e;background:#fff;}
.banner-nav>button:disabled{color:#ccc;background:transparent;border-color:#ccc;cursor:not-allowed;}
/* 响应式适配 */
/* 内容盒子 */
.content-box{position:relative;z-index:0;padding-top:.8rem;padding-bottom:.6rem;}
/* .course-classification-box{overflow:hidden;background-color:#f8f8f8;} */
/* .virtual-course-box{background:linear-gradient(180deg,#f2f2f2,#fff)} */
.content-title{position:relative}
.content-title::before{content:'';position:absolute;left:0;right:0;bottom:.04rem;background:url(../images/index/title-icon.png) no-repeat center center/100%;width:1.32rem;height:1.1rem;margin:auto}
/* .virtual-course-box::after{position:absolute;top:0;left:0;right:0;bottom:0;content:'';z-index:-1;background:url(../images/index/content-bg.png) no-repeat left top/26.042%;} */
/* 标题 */
.content-title>h3{margin-bottom:.06rem;font-family:'SourceHanSansCN-Medium','Microsoft YaHei',sans-serif;font-size:.38rem;font-weight:bold;text-align:center;color:#000000}
.content-title>h3>span{color:#1b74ce;}
.content-title>h4{margin-bottom:2em;font-size:.2rem;color:#666666;text-align:center;text-transform:capitalize;font-family:'SourceHanSansCN-Regular','Microsoft YaHei',sans-serif}
/* 中心简介 */
.center-view-box{overflow:hidden;}
.center-view-box .content-title{margin-bottom:.6rem;}
.center-view-content{position:relative;width: 75%;max-width: 14rem;margin:auto;background-color: #f1f6ff;box-shadow: .4rem -.4rem 0 #f1f6ff,274px -.2rem 0 .2rem #f1f6ff;border-radius: .2rem 0 0 .2rem;}
.center-view-content-left{position:relative;width: 52.491%;min-height: 100%;/* transform: translateX(16%); */}
.center-view-content-left::before{/* content:''; */display:block;width:100%;padding-top:83%;}
/* .center-view-content-left::before{position:absolute;left:1.11%;top:1.11%;content:'';width:103%;height:104.6%;background-color:rgba(232,168,171,.1);} */
.center-view-content-left>img{/* position:absolute; *//* top:0; *//* left:0; */height:100%;width: 100%;object-fit: cover;border-radius:.26rem;/* box-shadow: 0 0 0 .22rem rgba(34,96,169,.1); */}
.center-view-content-right>p{text-align:justify;text-indent:2em;line-height: 2;}
.center-view-content-right>p+p{margin-top:2em;}
.center-view-content a{color: #fff;margin:.3rem 0 0}
.center-view-content a:hover{text-shadow: #1b74ce 0 0 1px;}
@media screen and (max-width:1159px){
  .center-view-content{display:block;}
  .center-view-content-left{float:left;width:47%;margin:0 4% 4% 0;transform:none;}
  .center-view-content-left::before{padding-top:72.013%;}
  .center-view-content-right{width:100%;}
  .center-view-content-right .content-title::before{left:auto}
  .center-view-content-right .content-title>h3,
  .center-view-content-right .content-title>h4{text-align:right;}
}
@media screen and (min-width: 1160px){
  .center-view-content{display:flex;/* flex-direction:row-reverse; */flex-wrap:wrap;justify-content:space-between;/* align-items:center; */}
  .center-view-content-right{width: 37%;/* flex: 1; */display: flex;flex-direction: column;justify-content: center;}
  html.phone .center-view-content{display:block;}
  html.phone .center-view-content-left{float:left;margin:0 4% 4% 0;}
  html.phone .center-view-content-right{width:100%;}
}
/* 课件列表 */
.course-classification-list-box{width:100%;padding:.2rem;}
.course-classification-list{display:flex;flex-wrap:wrap;justify-content:center;width:96%;max-width:15rem;margin:auto;}
.course-classification-item{position:relative;width:4.3rem;max-width:calc(33.33% - .14rem);height:4.44rem;margin:.1rem .07rem 0;font-family:'SourceHanSansCN-Regular','Microsoft YaHei',sans-serif;overflow:hidden;background:#1465b7 linear-gradient(0deg, rgba(0,0,0,.63), transparent);transform:skewX(-3deg) scale(.92);transition:all .3s ease-out;border-radius:0;box-shadow:0 0 0 1px #dceaf7,0 0 0.18rem  rgba(0, 0, 0, 0.13);}
.course-classification-item.swiper-slide-prev,
.course-classification-item.swiper-slide-next{transform:scale(.9);opacity:.8;}
.course-classification-item.swiper-slide-active{transform:scale(1);opacity:1;}
/*  */
html.pc .course-classification-item:not(.active)::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transition:all .5s ease-out;}
html.pc .course-classification-item.no-active::before{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.4) 50%);filter:blur(5px);}
@supports (filter: blur(5px)){
  html.pc .course-classification-item.bg1.no-active::before{background:url(../images/index/classification1.jpg) no-repeat center center/cover;}
  html.pc .course-classification-item.bg2.no-active::before{background:url(../images/index/classification2.jpg) no-repeat center center/cover;}
  html.pc .course-classification-item.bg3.no-active::before{background:url(../images/index/classification3.jpg) no-repeat center center/cover;}
}
.course-classification-item>img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-out;}
.course-classification-name{position:absolute;left:0;right:0;bottom:0;padding:.5em 2em 1em 1em;font-size:.2rem;font-weight:normal;color:#ffffff;z-index:1;transition:all .3s ease-out;}
.course-classification-item.no-active .course-classification-name{filter:blur(5px)}
/* .course-classification-item.active .course-classification-name{opacity:1;} */
.course-classification-name>span{display:block;}
.course-classification-name>span+span{margin-top:1em;font-size:.84em}
.course-classification-name>i{margin-left:.3em;float:right;}
/* 课程分类子元素跳转 */
.course-classification-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;font-size:0;}
/* 课程分类子元素-hover */
/* transform:skewX(-3deg) scale(1.05); */
.course-classification-item:hover{box-shadow:0 0 0 1px rgb(182, 219, 255),0 .05rem 0.1rem  rgba(0, 30, 61,.41)}
html.pc .course-classification-item.active{transform:skewX(-3deg) scale(1);}
.course-classification-item.swiper-slide-active::before,
html.pc .course-classification-item:hover::before{opacity:0;}
/* .course-classification-item.swiper-slide-active>img,
.course-classification-item:hover>img{transform:scale(1.1);} */
.course-classification-item.swiper-slide-active .course-classification-name,
.course-classification-item:hover .course-classification-name{opacity:1;}
/* 课程分类-查看全部按钮 */
.course-classification-more{display:block;max-width:100%;width:8em;padding:.5em 0;margin:1.5em auto 0;font-size:.18rem;color:#005197;text-align:center;font-family:'SourceHanSansCN-Medium','Microsoft YaHei',sans-serif;border-radius:.2rem;box-shadow:0 0 0 1px #005197;transition:transform .3s ease-out;}
.course-classification-more:hover{color:#ffffff;background:#005197;box-shadow:0 .04rem .09rem rgba(0,0,0,.52),inset 0 0 .24rem rgba(255,255,255,.09);cursor:pointer;transform:scale(1.03);}
.course-classification-list-box .swiper-button-next,
.course-classification-list-box .swiper-button-prev{width: .44rem;height: .44rem;margin-top: -.22rem;z-index: 10;cursor: pointer;background-size: .14rem .326rem;border-radius:50%;background-color:rgba(240,248,255,.26);box-shadow:0 0 0 1px #fff;}
.course-classification-list-box .course-classification-next:hover,
.course-classification-list-box .course-classification-prev:hover{background-color:rgba(240, 248,255,1);box-shadow:0 0 0 1px #005197;}
/* 响应式适配 */
@media screen and (max-width:1040px){
  /* .index-banner-box::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:linear-gradient(90deg,rgba(42, 101, 157,.5),rgba(100, 167, 196,.5))} */
  .banner-text-box{z-index:3}
  /* .course-classification-list{justify-content:center;transform:none;} */
  .course-classification-item{height:4.353rem;/*margin:0 2% .26rem;*/}
  /* .swiper-container-android .swiper-slide{transform:scale(.8);} */
}
@media screen and (max-width:560px){
  .course-classification-item{max-width:calc(50% - .14rem);height:3rem}
}
/* 虚拟课程 */
.virtual-course-box{background:rgba(0, 84, 138,.05)}
/* .pc .virtual .substance_head{margin-left:auto;margin-right:auto;text-align:center;} */
.pc .virtual-course-list-box{padding-top:.2rem}
.virtual-course-list{display:flex;flex-wrap:wrap;width:96%;max-width:15rem;margin:auto;font-size:0;padding-bottom: 5%;}
.virtual-course-item{position:relative;flex:1 1 3.58rem;margin:.08rem;margin-bottom:1.5%;border-radius:.06rem;overflow:hidden;transition:all .3s ease-out;}
.virtual-course-item:not(i){box-shadow:inset 0 0 0 .03rem #edf3ff;}
/* .virtual-course-item:not(.swiper-slide-active):before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(0,0,0,.6);transition:all .3s ease-in-out;} */
.virtual-course-item:not(i):hover{box-shadow:0 .2rem .24rem rgba(0,0,0,.15)}
/* .pc .virtual-course-item:hover{transform:scale(1.03) translateY(-1.5%)} */
.virtual-course-item:hover::before{transform:scale(2);opacity:0;}
.virtual-course-poster{position:relative;width:100%;padding-top:56.25%;overflow:hidden}
.virtual-course-poster>img{position:absolute;top:0;left:0;width:100%; height:100%;object-fit:cover;transition:transform .24s ease-out}
.virtual-course-item:hover .virtual-course-poster>img{transform:scale(1.05)}
.virtual-course-icon{position:absolute;left:.2rem;top:-.32rem;margin-top:56.25%;width:.64rem;height:.64rem;color:#1b74ce;background-color:#ffcbcb;border:.03rem solid #ffffff;border-radius:50%;text-align:center;}
.virtual-course-icon>span{display:inline-block;margin-top:.12rem;font-size:.34rem}
.virtual-course-text{padding:.36rem .2rem .2rem;background-color:#ffffff;}
.virtual-course-title{display:block;font-size:.22rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#222222}
.virtual-course-supplement{display:block;margin-top:.2rem;font-size:.16rem;color:#7e7e7e}
.virtual-course-supplement>span+span{margin-left:1.5em}
.virtual-course-link{position:absolute;top:0;right:0;bottom:0;left:0}
.virtual-course-more{display:block;width:1.94rem;height:.54rem;margin:.1rem auto 0;font-size:.18rem;text-align:center;line-height:.54rem;color:#1d68af;border:1px solid #1d68af;border-radius:.27rem}
.virtual-course-more:hover{color:#1d68af;box-shadow:0 0 .1rem rgba(0,0,0,0.5)}
/* 虚拟课程-查看全部按钮 */
.virtual_body_main_more{display:block;width:8em;padding:.5em 0;margin:1em auto 0;font-size:.18rem;text-align:center;color: #005197;border-radius: .2rem;box-shadow:0 0 0 1px #005197;transition:transform .3s ease-out;}
.virtual_body_main_more:hover{color:#ffffff;background:#005197;box-shadow:0 .04rem .09rem rgba(0,0,0,.2),inset 0 0 .24rem rgba(255,255,255,.09);cursor:pointer;transform:scale(1.03);}
/* 移动端-虚拟课程 */
.mobile .virtual-course-list-box{padding:.2rem 0;margin-top:0}
/* .mobile .virtual-course-item{margin:3% 1%;width:52%} */
/* .mobile .virtual-course-item:hover{transform:translateY(-1.5%)} */
.mobile .virtual-course-item{width:52%}
.mobile .virtual-course-title{font-size:.26rem}
.mobile .virtual-course-supplement>span+span{margin-left:.5em}