body{background: #f4f4f4;}
.idxPubTit{font-size:0.41rem; display: flex; justify-content: space-between; background: url(http://nsedu.oss-cn-beijing.aliyuncs.com/nsedu-m/2020-index/title-bg.png) no-repeat 0.26rem center; background-size:contain; padding:0.1rem 0; align-items: center;}
.idxPubTit .title{ display: flex; align-items: center;}
.idxPubTit .title::before{width:0.1rem; height: 0.38rem; background: #217FF1;display: inline-block; content: "";margin-right:0.1rem}
.idxMore{ width: 2.5rem; line-height: 0.7rem; border:1px solid #217FF1; color: #217FF1; display: block; text-align: center; margin:0.4rem auto 0; border-radius: 0.1rem; font-size:0.3rem;}




.idxPubTit .more{ color:#888; font-size:0.28rem;}
.banner{ height: 6.44rem; background: #fff; overflow: hidden;}
.banner .swiper-container{ overflow: visible;}
.banner .pic{ height: 6.44rem; border-radius: 0.5rem; transform: scale(0.95); transition: 0.3s;}
.banner .vidIcon{width:0.9rem; position: absolute;top:-0.4rem; left:0.3rem;}
.banner .swiper-slide{ padding:0 0.42rem; box-sizing: border-box;}
.banner .swiper-slide-active .pic{transform: scale(1);}


.iconNav{ padding:0.5rem 0.3rem; display: flex; justify-content: space-between; background: #fff; margin-bottom:0.2rem;}
.iconNavBox {font-size:0.32rem;color:#333; display: flex; flex-direction: column; align-items: center;}
.iconNavBox .pic{ width:1.1rem; height: 1.1rem; position: relative;}
/* .iconNavBox:nth-child(1) .pic::before{ display: block; content: ""; width: 100%; height: 100%; 
    border:4px solid #EA4335; border-radius: 50%; position: absolute; left:0; top:0; box-sizing:border-box; animation:borderDh 0.8s infinite }
@keyframes borderDh {
    0%{}
    100%{ transform: scale(1.6); opacity: 0; border-width: 1px;}
} */
@keyframes borderDh {
    0%{}
    100%{ transform: scale(1.1);  border-width: 1px;}
}


.iconNavBox .pic img{ width:1.1rem; height: 1.1rem; display: block;}
.iconNavBox .text{ padding-top:0.15rem;}







.idxKcOut{ padding:0.5rem 0.3rem 0.3rem; background: #fff; margin-bottom:0.2rem;}
.idxKcCon{ padding:0.2rem 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.idxKcCon .box{ display: block; width:3.35rem; padding:0.1rem; box-sizing: border-box; border:1px solid #eee; border-radius: 0.2rem;font-size:0.23rem; color:#888; text-align: left;margin-bottom:0.3rem; box-shadow: 0 5px 10px rgba(19, 6, 6, 0.035); position: relative;}
.idxKcCon .box i{ position: absolute; right: 0.2rem; top:0.2rem; background: rgba(255,69,91,1); color:#fff;
     padding:0.05rem 0.1rem; font-style: normal; border-radius: 0.06rem;}

.idxKcCon .box img{ width:100%; display: block; border-radius: 0.18rem;;}
.idxKcCon .txt{ padding:0.2rem 0}
.idxKcCon .txt h3{  display: flex; align-items: center; justify-content: space-between; font-size:0.34rem; color:#333; font-weight: 400; padding-bottom:0.1rem;}
.idxKcCon .txt h3 .hot{ width: 0.18rem; height: 0.18rem;display: inline-block;
    -webkit-animation: key 0.8s linear alternate infinite;
    animation: key 0.8s linear alternate infinite; }
.idxKcCon .txt p{ white-space: nowrap;}


.idxKcLive{ padding:0.5rem 0rem; position: relative; overflow: hidden; width:100%; box-sizing: border-box; }
.idxKcLive .swiper-container{ overflow: visible;}
.idxKcLive .idxPubTit{ padding:0.1rem 0.3rem; background-position: 0.56rem;}
.idxLiveCon{ padding:0.3rem 0;box-sizing: border-box;}
.idxLiveConItem{ display: flex; justify-content: space-between; flex-wrap: wrap; padding:0 0.3rem; box-sizing: border-box;}
.idxKcLive .box{ width:3.35rem;height:3rem; font-size:0.25rem; background: #fff; display: block; color:#333; box-sizing: border-box; padding:0.3rem 0.2rem; border:0.01rem solid #e8e8e8; border-radius: 0.1rem;margin-bottom:0.2rem;}
.idxKcLive .box h4{font-size:0.36rem; display: flex; justify-content: space-between; align-items: center; color:#000 }
.idxKcLive .box h4 img{ display:block; height: 0.32rem;}
.idxKcLive .box .info{ padding:0.1rem 0 0.2rem;}
.idxKcLive .box .time{ font-size:0.32rem; padding-bottom:0.25rem;}
.idxKcLive .box .btn{width:1.8rem; background:#39BAE8; color:#fff; line-height: 0.55rem; text-align: center; border-radius: 0.5rem;font-size:0.28rem;}
.idxKcLive .swiper-container-horizontal>.swiper-pagination-bullets, .idxKcLive .swiper-pagination-custom, .idxKcLive .swiper-pagination-fraction{ bottom:-0.5rem;}
.idxKcLive .swiper-pagination-bullet{ width:8px; height: 8px; border-radius: 50px;}
.idxKcLive .swiper-pagination-bullet-active{ width:20px;}



.idxWorks{ background:url(http://nsedu.oss-cn-beijing.aliyuncs.com/nsedu-m/2020-index/vidbg.jpg) no-repeat right bottom #fff; padding:0.6rem 0.3rem;margin-bottom:0.2rem;}
.idxWkNav{ font-size: 0.3rem;  display: flex; flex-wrap: wrap; justify-content: space-between;}
.idxWkNav .box{ display: block; color:#666;  border:1px solid #aaa; box-sizing: border-box;
    border-radius: 1rem;text-align: center; padding:0.07rem 0rem; white-space: nowrap; width:22.5%;margin:0.15rem 0 0}



#idxWkCon{ padding:0.2rem 0; font-size:0.26rem; color:#333;}
.idxWkVidOut{ width: 100%; height: 4.3rem; background: #000; border-radius: 0.3rem;
    box-shadow: 0 5px 10px rgba(19, 6, 6, 0.08);border:0.05rem solid #fff; box-sizing: border-box;overflow: hidden; position: relative;}
.idxWkVidOut .pic{ width:100%; opacity: 0.9;}
.idxWkVidOut .play{width:1.3rem; position: absolute; top:0; left: 0; right:0; bottom:0; margin:auto; 
    -webkit-animation: scaleKey 1s linear alternate infinite;animation: scaleKey 1s linear alternate infinite;}







.idxXzUs{ position: relative;margin-bottom:0.2rem;}
.idxXzUs a>img{ display:block; width:100%;}
.idxXzUs .btn{ position: absolute; left:0.35rem; top:3.15rem; font-size:0.28rem;background:#f264ba; color:#fff; text-align: center; padding:0.1rem 0.2rem; border-radius: 30px; display: flex; align-items: center;}
.idxXzUs .btn>img{ height: 0.4rem;}




.idxZixun{ padding:0.5rem 0rem; background: #fff;margin-bottom: 0.2rem;}
.idxZixun .idxPubTit{ padding:0.1rem 0.3rem; background-position: 0.56rem;}
.zxNavOut .box{ padding:0.1rem 0;margin:0 0.1rem;font-size:0.32rem; white-space: nowrap; }
.zxNavOut .box:last-child{margin-right: 0;}
.zxNavThumbActive{color:#217FF1; position: relative;}
.zxNavThumbActive::after{ position: absolute;width:0.6rem; height: 0.045rem; background: #217FF1; left:50%; bottom:0; display: block; content: ""; transform: translateX(-0.35rem); border-radius: 20px;}


.idxZxCon{ font-size:0.28rem; padding:0.3rem 0 0;}
.idxZxJyBox{ display: flex; flex-wrap: wrap; justify-content: space-between; padding:0 0.3rem; box-sizing: border-box;}
.idxZxJyBox .box{width:3.36rem; color:#333;}
.idxZxJyBox .box img{ width:3.36rem; height: 2.75rem; display: block;}
.idxZxJyBox .box .text{ font-size:0.3rem; height: 1.3rem;margin-bottom:0.2rem; border-bottom:1px solid #efefef; line-height: 1.5em; overflow: hidden; padding-bottom:0.1rem; text-align: justify; display: flex;flex-direction: column; justify-content: space-between;}
.idxZxJyBox .text .top{ display: flex; justify-content: space-between; padding-top:0.2rem;}
.idxZxJyBox .text .name{ color:#39bae3; position: relative;}
.idxZxJyBox .text .name::after{ display: block; content: "";width:100%; height: 0.2rem; background:rgba(5,186,227,0.1); position: absolute; left: 0;top:0.25rem; z-index: -1;}

.idxZxJyBox .text .danwei{ font-size:0.22rem; color:#888; background: url(http://nsedu.oss-cn-beijing.aliyuncs.com/nsedu-m/2020-index/gongsi.png) no-repeat left center; background-size: 0.22rem; padding-left:0.3rem}
.idxZxJyBox .text .qihao{ background: #f2f2f2; color:#777; padding:0.005rem 0.15rem; font-size:0.2rem;border-radius: 30px;}




.idxZxDtBox{ padding:0 0.3rem;}
.idxZxDtBox .box{ border-bottom:1px solid #efefef; display: block; padding:0.18rem 0; color:#333;}
.idxZxDtBox h3{ font-weight: 400;}
.idxZxDtBox p{ font-size:0.26rem; color:#999; margin-top:0.1rem; padding-left:0.33rem; background: url(http://nsedu.oss-cn-beijing.aliyuncs.com/nsedu-m/2020-index/time.png) no-repeat left center; background-size: 0.23rem;}

.idxZxQyBox{ padding:0 0.3rem;}
.idxZxQyBox li{ border-bottom:1px solid #efefef; padding:0.16rem 0; padding-left:0.25rem; position: relative;}
.idxZxQyBox li::before{ width:0.075rem; height: 0.09rem; background: #036fac; content: ""; display: block; position: absolute; left: 0;top:50%;margin-top:-0.045rem;}


.idxHeZuo{ padding:0.5rem 0.3rem; background: #fff;}
.idxHzCon{ padding:0.2rem 0;}
.idxHzCon ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.idxHzCon li{ width:49.2%;padding-bottom:0.1rem;}
.idxHzCon li img{width:100%; display: block;}

.video{ display: none;  width: 7rem; height: 3.94rem; position: fixed; left: 50%; top: 50%; margin-top: -1.97rem; margin-left: -3.5rem; z-index: 101;}
#close{ position: absolute;  top: 110%; left: 50%; margin-left: -0.25rem; cursor: pointer; width: 0.5rem; height: 0.5rem; background: url(http://nsedu.oss-cn-beijing.aliyuncs.com/nsedu-m/2020-index/close.png) no-repeat center;}
.videoBg{display: none;  width:100%; height: 100%; position:fixed; left: 0; top: 0; background:rgba(0, 0, 0,0.8); z-index: 100;}