@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: 33.5vw;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: .4rem;}
.intit h4{color: #333333;position: relative;}
.intit h4 span{display: inline-block;line-height: 1em;position: relative;}
.intit h4 .cn{font-size: 0.32rem;font-weight: bold;color: #0b6cb8;}
.intit h4 .en{position: absolute;font-size: 0.6rem;color: #0b6cb8;opacity: .1;bottom: 0.1rem;left: 50%;font-family: 'sys';font-weight: bolder;transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);}
.intit h4 .cn::before{content: "";width: 0.5rem;height: 0.7rem;position: absolute;right: -0.25rem;bottom: 0; background: url(../img/titbg.png) no-repeat center;background-size: contain;}
.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.6rem;height: 0.45rem;border: 1px solid #0b6cb8;display: flex;align-items: center;justify-content: center;}

.intit>a img{display: inline;vertical-align: middle;padding-right: 10px;}



.intit>a:hover {}

.intit2{position: relative;}
.intit2 h4 .cn{font-size: 0.3rem;color: #0b6cb8;}





.homea .intit>a,.homeb .intit>a,.homec .intit>a,.homed .intit>a{position: absolute;right: 0; top: 0rem;}

.homea{padding: 0.8rem 0;padding-top: 1rem; background: url(../img/bodybg1.png) no-repeat center bottom #f3faff;}

.homea .ywwrap{width: 60%;}
.homea .homa_left{position: relative;}
.homea .homa_left .pic .bgimg{height: 5.6rem;display: block;position: relative;}
.homea .homa_left .homeawrap{overflow: hidden;position: relative;}
.homea .homa_left .homeawrap .titpic{background-color: #0b6cb8;height: 0.8rem;display: flex;align-items: center;padding: 0 0.2rem;}
.homea .homa_left .homeawrap .titpic h2{font-size: 0.2rem;color: #FFFFFF;width: 80%;}

.homea .pgba{z-index: 5;text-align: right;position: absolute;bottom: 0.3rem;}
.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: 50%;}
.homea .pgba span.active{opacity: 1;}
.homea .pgba span em{display: none;}


.homea  .xyzx{width: 37%;}

 .xyzx .xylist .date{color: #0b6cb8;padding-right: 0.15rem;text-align: center; background: url(../img/line.png) no-repeat right center;}
 .xyzx .xylist .date p{font-size: 0.34rem;}
 .xyzx .xylist .date span{font-size: 0.16rem;}
  .xyzx .xylist ul li:first-child{border-top: 1px solid #b4d7f0;}
 .xyzx .xylist ul li{border-bottom: 1px solid #b4d7f0;padding: 0.28rem 0;}
 .xyzx .xylist ul li .tit h2{font-size: 0.2rem;line-height: 0.4rem;}
 .xyzx .xylist ul li .tit{width: 80%;}
 .xyzx .xylist ul li .tit p{font-size: 0.14rem;color: #888888;line-height: 0.25rem;}







.homeb{padding: 0.7rem 0;padding-top: 1rem;background: url(../img/bodybg2.png) no-repeat center bottom #e1eef8;}
.homeb .notice{width: 31%;background-color: #FFFFFF;padding: 0.3rem;box-sizing: border-box;border-top: 3px solid #0b6cb8;}
.homeb .nolist ul li{border-bottom: 1px solid #ededed;padding: 0.15rem 0;}
.homeb .nolist ul li .date{width: 0.7rem;height: 0.75rem;text-align: center;background-color: #0b6cb8;}
.homeb .nolist ul li .date p{font-size: 0.3rem;color: #0b6cb8;background-color: #f2f2f2;line-height: 0.5rem;}
.homeb .nolist ul li .date span{color: #FFFFFF;font-size: 0.14rem;}
.homeb .nolist ul li h2{font-size: 0.18rem;line-height: 0.32rem;width: 80%;display: flex;align-items: center;}




.homec{padding: 0.7rem 0;padding-top: 1rem;background: url(../img/bodybg3.png) no-repeat center bottom #f3faff;}
.homec .bgimg{height: 4rem;}
.homec .title {background-color: #0b6cb8;text-align: center;padding: 0.15rem;}
.homec .title a{color: #FFFFFF;font-size: 0.18rem;}
.homec .jjimgwrap .swiper-slide {transform: scale(0.8,0.8);}
.homec .jjimgwrap .swiper-slide.swiper-slide-active {transform: scale(1,1);}
.homec .jjimgwrap .swiper-slide-prev {transform: scale(0.8) translateX(5%);
    -ms-transform: scale(0.8)translateX(5%);
    -moz-transform: scale(0.8)translateX(5%);
    -webkit-transform: scale(0.8) translateX(5%);
    -o-transform: scale(0.8)translateX(5%);}
.homec .jjimgwrap .swiper-slide-next {transform: scale(0.8) translateX(-5%);
    -ms-transform: scale(0.8)translateX(-5%);
    -moz-transform: scale(0.8)translateX(-5%);
    -webkit-transform: scale(0.8) translateX(-5%);
    -o-transform: scale(0.8)translateX(-5%);}
	
	
.homec .jjimgwrap .pgba{text-align: center;margin-top: 0.3rem;}	
.homec .jjimgwrap .pgba span{display: inline-block;margin: 0 0.15rem !important; width: 0.12rem;height: 0.12rem;border-radius: 50%;background-color:#0b6cb8 ;opacity: .6;}	
.homec .jjimgwrap .pgba span.active{opacity: 1;}





.homed{padding: 1rem 0;background: url(../img/bodybg4.png) no-repeat center bottom;}
.homed .swiper-slide{background:url(../img/titbg2.png) no-repeat center bottom #FFFFFF;box-sizing: border-box;padding: 0.3rem;}
.homed .line{width: 0.5rem;height: 3px;background-color: #0b6cb8;}
.homed .bslist h2{font-size: 0.18rem;line-height: 0.3rem;height: 0.6rem;margin: 0.18rem 0;}
.homed .bslist p{display: inline-block;padding: 0.05rem 0.15rem;font-size: 0.14rem;color: #0b6cb8;border: 1px solid #0b6cb8;}
.homed .bslist p img{display: inline-block;vertical-align: middle;padding-right: 8px;}

.homed .bslist  .pgba{text-align: center;margin-top: 0.3rem;}	
.homed .bslist  .pgba span{display: inline-block;margin: 0 0.15rem !important; width: 0.12rem;height: 0.12rem;border-radius: 50%;background-color:#0b6cb8 ;opacity: .6;}	
.homed .bslist  .pgba span.active{opacity: 1;}

























@media (max-width: 1750px){


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

}
@media (max-width: 1200px){
	
}
@media (max-width: 1024px){
.xyzx .xylist ul li .tit{width: 75%;}
.homeb .nolist ul li h2{width: 65%;}
}
@media (max-width: 980px){
}
@media (max-width: 900px){
 .homea .ywwrap,.homea .xyzx,.homeb .notice{width: 100%;}
 .xyzx .xylist ul li .tit{width: 82%;}
 .homeb .nolist ul li h2{width: 85%;}
 .homeb .notice{margin-top: 0.2rem;}
}

@media (max-width: 760px){
	.intit{justify-content: left;}
}
@media (max-width: 640px){
	.xyzx .xylist ul li .tit{width: 75%;}
	.homeb .nolist ul li h2{width: 75%;}
	.homea .homa_left .pic .bgimg{height: 50vw;}
}

@media (max-width: 480px){
	
	body{min-width: 320px;}

}
/*ie11*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie10*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}




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