@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: .35rem;}
.intit h4{color: #333333;position: relative;}
.intit h4 span{display: inline-block;line-height: 1em;position: relative;}
.intit h4 .cn{font-size: 0.38rem;font-weight: bold;color: #025394;position: relative;z-index: 2;}
.intit h4 .en{position: absolute;font-size: 0.72rem; 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.1rem;left: 0;font-family: 'sys';font-weight: bolder;}
.intit>a,.intit2 >a{font-size: 0.16rem;color: #0b6cb8;display: block;display: flex;align-items: center;justify-content: center;}
.intit>a span{display: block;position: relative;width: 1.4rem;height: 0.45rem;border: 1px solid #0b6cb8;display: flex;align-items: center;justify-content: center;}




.intit>a:hover {}









.homea{padding: 0.8rem 0;background: url(../img/bodybg1.jpg) no-repeat center bottom ;}

.homea .ywwrap{width: 62%;}
.homea .homa_left{position: relative;}
.homea .homa_left .pic .bgimg{height: 6.15rem;display: block;position: relative;}
.homea .homa_left .homeawrap{overflow: hidden;position: relative;}
.homea .homa_left .homeawrap .titpic{background-color: #025394;height: 0.8rem;display: flex;align-items: center;padding: 0 0.2rem;}
.homea .homa_left .homeawrap .titpic h2{font-size: 0.24rem;color: #FFFFFF;width:100%;text-align: center;}

.homea .pgba{z-index: 5;text-align: center;position: absolute;bottom: 1rem;}
.homea .pgba span{width: 0.12rem;height: 0.12rem;position: relative; margin: 0 0.1rem !important;text-align: center;background: #FFFFFF;color: #FFFFFF;font-size: 0.2rem;border-radius: 0;opacity: 0.7;}
.homea .pgba span.active{opacity: 1;}
.homea .pgba span em{display: none;}


.homea  .xyzx{width: 35%;}

 .xyzx .xylist .date{color: #FFFFFF;text-align: center; background: #025394;width: 0.76rem;height: 0.76rem;border-radius: 5px;}
 .xyzx .xylist .date p{font-size: 0.3rem;}
 .xyzx .xylist .date span{font-size: 0.16rem;}
  .xyzx .xylist ul li:first-child{border-top: 1px solid #025394;}
 .xyzx .xylist ul li{border-bottom: 1px solid #b4d7f0;padding: 0.19rem 0;}
 .xyzx .xylist ul li .tit h2{font-size: 0.18rem;line-height: 0.3rem;}
 .xyzx .xylist ul li .tit{width: 80%;}
 .xyzx .xylist ul li .tit p{font-size: 0.14rem;color: #888888;line-height: 0.22rem;}







.homeb{padding: 0.7rem 0;background: url(../img/bodybg2.jpg) no-repeat center bottom #d4e1ec;}
.homeb .intit h4 .en{color: #d4e1ec;}
.notice{width: 31.5%;}
 .nolist{background-color: #FFFFFF;padding: 0.3rem;box-sizing: border-box;border-top: 3px solid #0b6cb8;}
 .nolist ul li{border-bottom: 1px solid #ededed;padding: 0.15rem 0;}
 .nolist ul li .date{text-align: center;padding-right: 0.15rem;background: url(../img/line1.png) no-repeat right center;}
 .nolist ul li .date p{font-size: 0.3rem;color: #025394;}
 .nolist ul li .date span{color: #025394;font-size: 0.14rem;}
 .nolist ul li h2{font-size: 0.18rem;line-height: 0.32rem;width: 78%;display: flex;align-items: center;}




.homec{padding: 0.7rem 0;background: url(../img/bodybg3.jpg) no-repeat center bottom ;}