@charset "utf-8";

.banner .pgba{ z-index: 5; position: absolute; bottom: 0.4rem; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); width: auto; }
.banner .pgba span{position: relative;display: inline-block;opacity: 1;width:30px !important;height:30px;line-height: 30px;background: transparent;margin: 0 0.1rem!important;font-size: 16px;position: relative;}
.banner .pgba span i{text-align: center;display: block;margin:0 auto; border-radius: 50%;position:relative;background: transparent;color: transparent;}
.banner .pgba span i::after{content:"";}
.banner .pgba span em{width: 8px;height: 8px;border-radius: 50%;background: #ffffff;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.banner .pgba span.active em{background: #980808;}
.banner .pgba span.active i{border:1px solid #ffffff;width:30px !important;height: 30px;}
.banner .pgba span:last-child{background:none;}
.banner .pgba span.active  .circle-container{display: block;}

.banner .swiper-slide .a{display: block;height: 100vh;min-height: 500px;}
.banner .swiper-slide .a{position: relative;display: block;overflow: hidden;}
.banner .swiper-slide .bg video{ width: 100%; height: 100%; object-fit: cover}



.banner .swiper-slide .bg{-webkit-transform: scale(1.1);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;transition:linear 5s;background-size: cover !important;}
.banner .swiper-slide-active .bg{-webkit-transform: scale(1);}
.banner .sbtn{}
.banner .sbtn a{width: 40px;height: 40px;position: absolute;top: 45%;z-index: 5;}





.circle-container { display: none; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; position: absolute; left: 0px; top: 0px; }

.circle-container svg circle { stroke-dasharray: 100; stroke-dashoffset: 100; animation: draw 6s linear forwards; color: #8b0012;}

@keyframes draw {
  0% {
	stroke-dashoffset: 100; /* 开始时偏移量 */
  }
  50%{
	  stroke-dashoffset: 50; 
  }
  100% {
	stroke-dashoffset: 0; /* 结束时偏移量为0 */
  }
}












@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1200px){

}
@media screen and (max-width:1024px){
.banner .swiper-slide .a{height: 50vw;min-height: inherit;}
}
@media screen and (max-width:900px){
.banner .swiper-slide .a{height: 46vw}

}
@media screen and (max-width:640px){
.banner .pgba{bottom: .2rem;}
.banner .swiper-slide .a{height: 52vw}
}

.compensate-for-scrollbar{margin-right: 0!important}
.fancybox-iframe, .fancybox-video{/* object-fit: cover; */}



body{background-color: #e8ddde;}
.intit{position: relative;margin-bottom: .25rem;}
.intit h4{position: relative;padding-left: 0.25rem;background: url(../img/line.png) no-repeat left center;}
.intit h4 span{display:block;line-height: 1.5;position: relative;}
.intit h4 .cn{font-size: 0.3rem;font-weight: bold;color: #8b0012;}
.intit h4 .en{font-size: 0.16rem;color: #8b0012;line-height: 1;}
.intit>a{font-size: 0.2rem;display: flex;align-items: center;justify-content: center; background: url(../img/morebg.png) no-repeat left center;background-size: contain; color: #8b0012;width: 1.2rem;height: 0.36rem;}
.intit>a span{display: block;}


.intit>a:hover{color: #8b0012;}





.homea{padding: 0.6rem 0;}
.homea .news{width: 70.5%;}
.homea .homa_left{width: 60%;position: relative;box-shadow: 0 0 10px #b99395;border-bottom: 2px solid #8b0012;}
.homea .homa_left .pic .bgimg{height: 4.5rem;display: block;position: relative;}
.homea .homa_left .homeawrap{overflow: hidden;position: relative;}
.homea .homa_left .news_title{color: #333333;box-sizing: border-box;background-color: #FFFFFF;box-sizing: border-box; padding:0.2rem;height: 1.98rem;align-items: center;position: relative;}
.homea .homa_left .news_title .date{ color: #959595;margin-top: 0.2rem;}
.homea .homa_left .news_title h2{width: 100%; line-height: 0.35rem; font-size: 0.2rem;font-weight: bold;}
.homea .homa_left .news_title p{font-size: 0.14rem;line-height: 0.25rem;color: #959595;margin-top: 0.15rem;height: 0.5rem;}

.homea .pgba{z-index: 5;text-align: right;position: absolute;bottom:0.35rem;left: auto; right: 0.2rem;}
.homea .pgba span{width: 0.1rem;height: 0.1rem;margin: 0 0.1rem !important;background: #e8e0e1;opacity: .7;}
.homea .pgba span.active{opacity: 1;background-color: #a1303f;}

.homea .home_right{width: 37.5%;}

.homea .home_right  ul li{position: relative;margin-bottom: 0.22rem;background-color: #ffffff;box-shadow: 0 0 10px #b99395;height: 0.9rem;box-sizing: border-box;padding: 0.2rem 0.3rem;}
.homea .home_right  ul li .date{font-size: 0.14rem;line-height: 0.3rem; color: #888888;}
.homea .home_right  ul li h2{font-size: 0.18rem;padding-left: 0.1rem;width: 78%;box-sizing: border-box; background: url(../img/dot1.png) no-repeat left 12px;line-height: 0.3rem;}
.homea .home_right  ul li:last-child,.homea .xsnews ul li:last-child{margin-bottom: 0;}
.homea .home_right  ul li:hover h2{font-weight: bold;}

.homea .notice{width: 27%;}
.homea .notice .home_right{width: 100%;}



/* .homeb{padding: 0.5rem 0;} */


.homeb .student,.homeb .vid{width: 48.5%;}
.homeb  .nhkxlist ul li{margin-bottom: 0.25rem; box-sizing: border-box;padding: 0.2rem;background-color: #FFFFFF;box-shadow: 0 0 10px #b99395;}
.homeb  .nhkxlist ul li:first-child{border-bottom: none;}
.homeb  .nhkxlist ul li:last-child,.homeb .leture ul li:last-child{margin-bottom: 0;}
.homeb  .nhkxlist ul li:hover h2{font-weight: bold;}


.homeb  .nhkxlist .first .pic{width: 51%;height: 2.1rem;position: relative;}
.homeb  .nhkxlist .first .pic .bgimg{height: 100%;}

.homeb  .nhkxlist .first .newstit{width: 45%;box-sizing: border-box;position: relative;}
.homeb  .nhkxlist .first .newstit>div{width: 100%;}
.homeb  .nhkxlist .first .newstit h2{font-size: 0.18rem;line-height: 0.3rem;width: 100%;margin-top: 0.2rem;}
.homeb  .nhkxlist .first .newstit p{color: #999999;font-size: 0.16rem;margin: 0.15rem 0;width: 100%;}
.homeb  .nhkxlist .date{font-size: 0.18rem;line-height: 0.28rem;color: #888888;}
.homeb  .nhkxlist .first .date{color: #666666;font-size: 0.14rem;}
.homeb  .nhkxlist .first .newstit .flex{position: absolute;bottom: 0.35rem;width: 100%;align-items: center;}
.homeb  .nhkxlist .first .newstit .imgmore{width: 0.25rem;height: 0.25rem;background: url(../img/more.png) no-repeat left center;background-size: contain;}
.homeb  .nhkxlist .first:hover .imgmore{background: url(../img/more2.png) no-repeat left center;background-size: contain;}

.homeb  .vid .nhkxlist .first .pic::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.58rem;height: 0.58rem;background: url(../img/play.png) no-repeat center center;background-size: contain; z-index: 1;}

















@media (max-width: 1500px){
	

}
@media (max-width: 1300px){

}
@media (max-width: 1200px){
	
}
@media (max-width: 1024px){
	
}
@media (max-width: 960px){
	.homea .news,.homea .notice,.homeb .student, .homeb .vid{width: 100%;margin-bottom: 0.3rem;}
}
@media (max-width: 900px){
	.homea .homa_left,.homea .home_right{width: 100%;margin-bottom: 0.2rem;}
}

@media (max-width: 760px){
	.homea .homa_left .pic .bgimg{height: 65vw;}
	
}
@media (max-width: 640px){
	
}

@media (max-width: 480px){
	.homeb .nhkxlist .first .pic{height: 1.8rem;}
}
/*ie11*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie10*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}