@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;border-radius: 50%;color: #FFFFFF;background: none; display: block;float: left;width: 0.3rem;height: 0.3rem;text-align: center;line-height: 0.3rem; font-size: 0.2rem; opacity: 1;  margin: 0 0.2rem!important;position: relative;}
.banner .pgba span.active::before{content: "";width: 0.2rem;height: 1px;background: #FFFFFF;position: absolute;left: -0.3rem;bottom: 50%; }
.banner .pgba span.active::after{content: "";width: 0.2rem;height: 1px;background: #FFFFFF;position: absolute;right: -0.3rem;bottom: 50%; }
.banner .pgba span.active{border: 1px solid #FFFFFF; }

.banner .swiper-slide .a{display: block;height: 31vw;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 .bgtitle{
	position: absolute;
	left: 6%;
	bottom: 0.4rem;
	width: 70%;
	z-index: 9;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFFFFF;
	font-size: 0.24rem;
}










.circle-container {
	display: none;
	width: 25px;
	height: 25px;
	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; /* 动画效果 */
}

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

  @keyframes bgfubuki1 {
    0% {
      background-position: 0 0;
    }
    10% {
      background-position: -1000px 0;
    }
    20% {
      background-position: -2000px 0;
    }
    30% {
      background-position: -3000px 0;
    }
    40% {
      background-position: -4000px 0;
    }
    50% {
      background-position: -5000px 0;
    }
    60% {
      background-position:  -6000px 0;
    }
    70% {
      background-position:  -7000px 0;
    }
    80% {
      background-position: -8000px 0;
    }
    90% {
      background-position: -9000px 0;
    }
    100% {
      background-position:  -10000px 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{width: 100%;}
.banner .pgba span{margin: 0 0.1rem!important;}
.banner .pgba span.active::after,.banner .pgba span.active::before{display: none;}
.banner .swiper-slide .a{height: 52vw}
}

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




.intit{position: relative;margin-bottom: .3rem;}
.intit h4{color: #333333;position: relative;}
.intit h4 span{display: inline-block;line-height: 0.4rem;position: relative;}
.intit h4 .cn{font-size: 0.3rem;font-weight: bold;color: #333;position: relative;z-index: 2;}
.intit h4 .en{position: absolute;font-size: 0.5rem; text-shadow: 1px 1px 0px #3787c7, -1px -1px 0px #3787c7, 1px -1px 0px #3787c7, -1px 1px 0px #3787c7; /* 设置四个方向的阴影 */
  color: #FFFFFF;opacity: 0.2; bottom: 0.2rem;left: 0;font-family: 'sys';font-weight: bolder;}
.intit>a,.intit2 >a,.more,.more2{font-size: 0.16rem;color: #0b6cb8;display: block;display: flex;align-items: center;justify-content: center;}
.intit>a span,.more span,.more2 span{display: block;position: relative;width: 1.4rem;height: 0.4rem;border: 1px solid #c1d3e1;display: flex;align-items: center;justify-content: center;}
.intit>a span img,.more span img,.more2 span img{display: inline-block;vertical-align: middle;padding-left: 0.1rem;}









.homea{padding: 0.4rem 0;}

.homea .ywwrap{width: 48%;}
.homea .homa_left{position: relative;border-bottom: 5px solid #0066b5;}
.homea .homa_left .pic .bgimg{height: 5rem;display: block;position: relative;}
.homea .homa_left .homeawrap{overflow: hidden;position: relative;}
.homea .homa_left .homeawrap .titpic {display: flex;align-items: center;width: 100%; padding: 0 0.2rem;padding-top: 0.4rem; position: absolute;left: 0;bottom: 0;background: linear-gradient(to top, #000000, transparent);}
.homea .homa_left .homeawrap .titpic .date{width: 0.8rem;height: 0.75rem;background-color: #0066b5; color: #FFFFFF;text-align: center;}
.homea .homa_left .homeawrap .titpic .date p{font-size: 0.18rem;font-weight: bold;padding-top: 0.08rem; padding-bottom: 0.05rem;margin-bottom: 0.05rem; background: url(../img/line1.png) no-repeat bottom center;}
.homea .homa_left .homeawrap .titpic .date span{font-size: 0.14rem;}
.homea .homa_left .homeawrap .titpic h2{font-size: 0.2rem;color: #FFFFFF;width:65%;font-weight: bold;margin-left: 0.25rem;}

.homea .pgba{z-index: 5;text-align: right;position: absolute;bottom: 0.4rem;width: auto;right: 0;}
.homea .pgba span{width: 0.1rem;height: 0.11rem;position: relative; margin: 0 0.1rem !important;text-align: center;background: #FFFFFF;color: #FFFFFF;font-size: 0.2rem;border-radius: 0;opacity: 1;border-radius: 50%;}
.homea .pgba span.active{background: url(../img/dot2.png) no-repeat center center;}
.homea .pgba span em{display: none;}

.homa_right{width: 48%;}
.homa_right ul li .txt{padding: 0.2rem 0;border-bottom: 1px solid #e8e8e8;}
.homa_right ul li .txt h4{font-size: 0.2rem;line-height: 0.3rem;padding-left: 20px;background: url(../img/dot.png) no-repeat left center;position: relative;  width: 75%;box-sizing: border-box;}
.homa_right ul li .date{text-align: right;font-size: 0.18rem;line-height: 0.3rem;color: #888888;}

.homa_right ul li{position: relative;margin-bottom: 0.15rem;}
.homa_right ul li:last-child{margin-bottom: 0;}
.homa_right ul li:hover .txt h4{font-weight: bold;color: #0066b5;}
.homa_right ul li:hover .txt{border-bottom-color: #0066b5;}
.homa_right ul li:hover .date{color: #0066b5;}






.homeb{padding: 0.5rem 0;}

.notice,.homeb .xue{width: 48%;}

 .nolist ul li{padding: 0.15rem 0;}
 .nolist ul li .date{text-align: center;border: 2px solid #13569f;width: 0.8rem;height: 0.8rem;}
 .nolist ul li .date p{font-size: 0.3rem;color: #FFFFFF;background-color: #13569f;line-height: 0.4rem;font-family: 'sys';font-weight: bolder;}
 .nolist ul li .date span{color: #13569f;font-size: 0.16rem;line-height: 0.4rem;}
 .nolist ul li h2{font-size: 0.18rem;line-height: 0.32rem;width: 83%;display: flex;align-items: center;border-bottom: 1px solid #ededed;}

.homeb .tab-a{padding-bottom: 0.7rem;position: relative;}
.homeb .slidep .pic{width: 49%;height: 4.9rem;position: relative;    margin-bottom: 0.1rem;margin-left: 0.1rem;}
.homeb .slidep .pic::after{content: "";width: 100%;height: 100%;position: absolute; background: #0049a4;left: -0.1rem;top: 0.1rem;z-index: 0;}
.homeb .slidep .pic .bgimg,.homeb .slide-pas .pic .bgimg{height: 100%;position: relative;z-index: 2;}
.homeb .slidep .txt{padding-top: 0.7rem;width: 45%;}
.homeb .slide-a{max-width: 100%;margin: 0 auto;position: relative;}
.homeb .slidep .txt h4{font-size: 0.22rem;position: relative; color: #333333;font-weight: bold;line-height: 0.4rem;}

.homeb .slidep .txt .desc p{ font-size: 0.18rem;color: #888888;margin-top: 0.2rem;}
.homeb .slidep .txt .desc p img{display: inline-block;vertical-align: middle;padding-right: 0.1rem;}
.homeb .slide-pas .pic{height: 1.8rem;box-shadow: 0 0 10px #ccc;}
.homeb .slide-pas {width: 60%;position: absolute;right: 0;bottom: 0.3rem;z-index: 3;}




.homec{padding: 0.4rem 0;padding-bottom: 0.6rem;}
.homec .tab-hd h2{font-size: 0.3rem;position: relative;z-index: 2; font-weight: bold;color: #333333;width: 2rem;height: 0.6rem;line-height: 0.6rem;text-align: center;background-color: #e6eef6;border-radius: 15px 15px 0 0;margin-right: 0.3rem;}
.homec .tab-hd h2.active{background-color: #13569f;color: #FFFFFF;}
.homec .tab-bd{padding: 0.3rem 0.2rem;position: relative;border: 1px solid #d7dde3;border-radius: 10px;box-shadow: 0 0 10px #eee;}
.homec .tab-bd .more{position: absolute;right: 0;top: -0.55rem;}
.homec .tab-bd .tabwrap{display: none;}
.homec .tab-bd .tabwrap.active{display: block;}
.homec .tabul ul li{padding: 0.15rem 0;position: relative;border-bottom: 1px solid transparent;}
.homec .tabul ul li h2{font-size: 0.2rem;line-height: 0.3rem;width: 75%;padding-left: 20px;background: url(../img/dot.png) no-repeat left center;position: relative;  width: 75%;box-sizing: border-box;}
.homec .tabul ul li .date{font-size: 0.18rem;line-height: 0.3rem;color: #888888;}
.homec .tabul ul li:hover{border-bottom: 1px solid #13569f;}
.homec .tabul ul li:hover h2{font-weight: bold;color: #13569f;}
.more2{display: none;}










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

}
@media screen and (max-width: 960px){
.notice, .homeb .xue{width: 100%;}
}
@media screen and (max-width: 900px){
.homea .ywwrap,.homa_right{width: 100%;}
.homec .tab-hd h2{margin-right: 0;}
}
@media screen and (max-width: 768px){
.homec .tab-hd h2{font-size: 0.24rem;width: 1.5rem;}
}
@media screen and (max-width: 640px){
.homeb .slide-pas{display: none;}
.homeb .slidep .pic{width: 70%;margin: 0 auto;}
.homeb .slidep .txt{width: 100%;}
.more{display: none;}
.more2{display: flex;align-items: center;justify-content: center;margin: 0 auto;margin-top: 0.2rem;}
}
@media screen and (max-width: 480px){
.nolist ul li h2{width: 75%;}
.homec .tab-hd h2{width: 33.3%;border-radius: 10px 10px 0 0;}
.homec .tabul ul li h2{width: 72%;padding-left: 15px;}

}