@charset 'utf-8';
@import url('../font/helloFont/helloFont.css');
@import url('../font/SourceHanSansCN-Medium/SourceHanSansCN-Medium.css');
@import url('../font/SourceHanSansCN-Regular/SourceHanSansCN-Regular.css');
/* 重置 */
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;}
/* 页面设置 */
html{width:100%;height:100%;font-size:calc(25px + 3.90625vw)}
body{font-size:.16rem;line-height:1.3;}
/* banner图 */
.index-banner-box{position:relative;height:9.62rem;}
.banner-swiper{width:100%;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:15rem;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{font-family:'HelloFont','Microsoft YaHei',sans-serif;font-size:.6rem;margin-top:.1em;}
.banner-text-box>h3{display:inline-block;}
.banner-text-box>h3::after{content:'';display:block;width:100%;margin-top:1em;padding-top:3.582%;background:url(../images/index/banner-icon.png) no-repeat left center/100%;}
.banner-text-box>p{max-width:38em;margin-top:2.5em;font-size:.18rem;line-height:1.6;text-align:justify}
.banner-text-btn{padding:.3em 2em;margin-top:1.5em;font-size:.2rem;color:#ffffff;box-shadow:0 .02rem .05rem rgb(0,6,16,.15),0 0 0 1px #ffffff;background-color:rgba(255,255,255,.04);border-radius:.04rem;cursor:pointer;}
.banner-text-btn:hover{background-color:#ffffff;color:#000000;}
/* 内容盒子 */
.content-box{position:relative;padding-top:.5rem}
/* .content-box::before{content:'';position:absolute;left:0;right:0;top:.5rem;background:url(../images/index/title-bg.png) no-repeat center center/100%;width:1.32rem;height:1.1rem;margin:auto} */
.course-classification-box{padding-bottom:.8rem;background:url(../images/index/course-classification-bg.png) no-repeat center center/61.33%;}
/* 标题 */
.content-box>h3{margin-bottom:.1rem;font-family:'SourceHanSansCN-Medium','Microsoft YaHei',sans-serif;font-size:.38rem;text-align:center;color:#000000}
.content-box>h3>b{color:#0f3465;font-weight:normal;}
.content-box>h4{margin-bottom:2em;font-size:.2rem;color:#8f8f8f;text-align:center;text-transform:uppercase;font-family:'SourceHanSansCN-Regular','Microsoft YaHei',sans-serif}
/* 课件分类 */
.course-nav-box{display:flex;justify-content:space-evenly;flex-wrap:wrap;width:96%;max-width:15rem;margin:0 auto .3rem}
.course-nav{font-family:'SourceHanSansCN-Medium','Microsoft YaHei',sans-serif;margin-bottom:.3rem;font-size:.28rem;color:#0f4d81;border-width:.5em 1.25em;border-style:solid;border-image:url(../images/index/course-nav.png) 18.18% 8.6% fill;}
.course-nav:hover{color:#ffffff;border-image:url(../images/index/course-nav-hover.png) 18.18% 11.824% fill;}
/* 课件列表 */
.course-classification-list{display:flex;flex-wrap:wrap;justify-content:space-between;width:96%;max-width:15rem;margin:auto}
.course-classification-item{position:relative;width:7.22rem;height:4.2rem;margin-bottom:.6rem;font-family:'SourceHanSansCN-Medium','Microsoft YaHei',sans-serif;border-radius:.2rem;box-shadow:inset 0 0 .68rem rgba(105,169,223,.36);overflow:hidden;transition:all .3s ease-out;}
.course-classification-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:linear-gradient(0deg,rgba(0,16,30,.5),transparent);transition:opacity .3s ease-out;}
.course-classification-item:hover::before{background:linear-gradient(0deg,rgba(0,71,131,1),transparent);}
.course-classification-item:hover{transform:scale(1.02);box-shadow:inset 0 0 .68rem rgba(105,169,223,.36),0 .11rem .21rem rgba(5,44,84,.42),0 0 0 1px #f1f1f1}
.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;z-index:1;padding:.5em 2em .5em 1em;font-size:.24rem;color:#ffffff;transition:transform .3s ease-out;}
.course-classification-name>i{position:absolute;right:1em}
.course-classification-more{display:block;max-width:100%;width:8em;width:fit-content;padding:.5em 1em;margin:auto;font-size:.2rem;color:#004783;text-align:center;font-family:'SourceHanSansCN-Medium','Microsoft YaHei',sans-serif;border:1px solid #004783;border-radius:.06rem;transition:transform .3s ease-out;}
.course-classification-more:hover{color:#004783;transform:scale(1.03);}
/* .course-classification-more::before{display:block;font-size:2em}
.course-classification-more.icon-add{background-image:none;} */
.course-classification-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}
.course-classification-item:hover>img{transform:scale(1.1);}
.course-classification-item:hover .course-classification-name{transform:translateY(-5px)}
@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;}
  .course-classification-item{max-width:48%;height:2.353rem;margin:0 1% .26rem}
}
/* @media screen and (max-width:440px){
  .course-classification-item{width:3.133rem;height:2.715rem;}
} */