@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{border: 1px solid #FFFFFF; }

.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 .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;
}
.banner .sbtn a{position: absolute;width: 0.2rem;height: 0.3rem;top: 45%;z-index: 5;}
.banner .sbtn .prev{background: url(../img/prev.png) no-repeat center;background-size: contain;left: 0.2rem;}
.banner .sbtn .next{background: url(../img/next.png) no-repeat center;background-size: contain;right:  0.2rem;}







.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;padding-left: 0.6rem;}
.intit h4 span{display: inline-block;line-height: 1em;position: relative;}
.intit h4 .cn{font-size: 0.32rem;font-weight: bold;color: #333333;font-family: 'sys';}
.intit h4 .en{font-size: 0.18rem;color: #006f89;font-family: 'sys';font-weight: bolder;display: block;text-align: center;}
.intit h4::before{content: "";width:2.44rem;height: 1rem;position: absolute;left: 0;bottom: 0; background: url(../img/titbg1.png) no-repeat center;background-size: contain;}
.intit>a{font-size: 0.16rem;color: #333;display: block;width: 1.26rem;position: relative;text-align: center;}
.intit>a span{display: block;line-height: 0.45rem;font-family: 'sys';}

.intit>a img{position: absolute;bottom: -0.1rem;left: 0;}



.intit>a:hover {}









.homea{padding: 1rem 0;padding-top: 1rem; background: url(../img/bodybg1.jpg) no-repeat center bottom ;}
.homea .newsleft,.homea .newsright{width:48%;position: relative;}
.homea .newsleft::before{content: "";width: 8.6rem;height: 5.2rem;background: url(../img/newsbg1.png) no-repeat center;background-size: contain;position: absolute;left: -1.6rem;bottom: 0;}
.homea .homa_left{position: relative;} 
.homea .homa_left .pic .bgimg{height: 5.1rem;display: block;position: relative;}
.homea .homa_left .homeawrap{overflow: hidden;position: relative;}
.homea .homa_left .homeawrap .titpic{width: 88%; height: 0.7rem;display: flex;align-items: center;padding: 0 0.2rem;text-align: center;}
.homea .homa_left .homeawrap .titpic h2{font-size: 0.2rem;color: #FFFFFF;text-align: center;}

.homea .pgba{z-index: 5;text-align: left;position: absolute;top: 1.2rem;left: -0.8rem;}
.homea .pgba span{width: 0.2rem;height: 0.2rem;display: block; position: relative; margin:  0.3rem 0!important;text-align: center;background: url(../img/dot2.png) no-repeat center;opacity: 1;}
.homea .pgba span.active{background: url(../img/dot1.png) no-repeat center;}
.homea .pgba span.active::before{content: "";width: 0.4rem;height: 1px;background: #e2bb69;position: absolute;right: -0.6rem;top: 0.1rem;}
.homea .pgba span em{display: none;}




 .xyzx .xylist .date{color: #006f89;text-align: center;font-family: 'sys';font-weight: bold;  background: url(../img/datebg.png) no-repeat  center;background-size: contain; width: 0.85rem;height: 0.85rem;}
 .xyzx .xylist .date p{font-size: 0.28rem;padding-top: 0.1rem;}
 .xyzx .xylist .date span{font-size: 0.16rem;}
 .xyzx .xylist ul li:first-child{padding-top: 0;}
 .xyzx .xylist ul li:last-child{border-bottom: none;padding-bottom: 0;}
 .xyzx .xylist ul li{border-bottom: 1px dashed #cccccc;padding: 0.39rem 0;}
 .xyzx .xylist ul li .tit h2{font-size: 0.18rem;line-height: 0.37rem;}
 .xyzx .xylist ul li .tit{width: 85%;}
 .xyzx .xylist ul li .tit p{font-size: 0.16rem;color: #888888;line-height: 0.25rem;}







.homeb{padding: 1rem 0;padding-bottom: 2.3rem;background: url(../img/bodybg2.jpg) no-repeat center bottom ;}
.homeb .xslist ul li{width: 31%;background: url(../img/xuebg1.png) no-repeat center;background-size: 100% 100%;height: 4.6rem;position: relative; padding: 0.3rem;box-sizing: border-box;}
.homeb .xslist ul li .bgimg{height: 2.75rem;}
.homeb .xslist ul li .tit h2{font-size: 0.18rem;font-weight: bold;line-height: 0.4rem;margin-top: 0.1rem;}
.homeb .xslist ul li .tit p{font-size: 0.16rem;color: #888888;line-height: 0.25rem;height: 0.5rem;}
.homeb .xslist .date{position: absolute;bottom: -0.15rem;left: 50%;transform: translateX(-50%);background: url(../img/datebg2.png) no-repeat center;background-size: 100% 100%;width: 1.5rem;height: 0.44rem;line-height: 0.44rem;text-align: center;font-size: 0.18rem;color: #006f89;}
.homeb .xslist ul li:hover{background: url(../img/xuebg2.png) no-repeat center;background-size: 100% 100%;}
.homeb .xslist ul li:hover .date{background:url(../img/datebg3.png) no-repeat center;background-size: 100% 100%;color: #FFFFFF;}
.homeb .xslist ul li:hover h2,.homeb .xslist ul li:hover p{color: #FFFFFF;}



.homec{padding: 1.6rem 0;padding-bottom: 2.4rem;background: url(../img/bodybg3.jpg) no-repeat center bottom ;}
.homec .intit2{position: relative;margin-bottom: 1rem;}
.homec .intit2>a{position: absolute;right: 0;}
.homec .reserlist{max-width: 13rem;margin: 0 auto;position: relative;}
.homec .reserlist .pic{width: 40%;position: relative;margin-left: 0.5rem;padding: 0.1rem;box-sizing: border-box;}
.homec .reserlist .pic::after{content: "";width: 100%;height: 100%;position: absolute;bottom: -0.2rem;right: -0.2rem;background:#006f89 ;z-index: 1;}
.homec .reserlist .pic .bgimg{height: 3.5rem;position: relative;z-index: 2;}
.homec .reserlist .pictit{width: 50%;}
.homec .reserlist .pictit h2{font-size: 0.26rem;font-weight: bold;}
.homec .reserlist .pictit p{font-size: 0.18rem;line-height: 0.3rem;height: 1.2rem;margin: 0.3rem 0;}
.homec .reserlist .pictit .date{font-size: 0.22rem;font-weight: bold;font-family: 'sys';color: #006f89;}
.homec .reserlist .pictit .more{font-size: 0.2rem;font-family: 'sys';color: #006f89;}
.homec .pgba{
  width: 100%;
  height: 20px;
   
}
.homec .pgba span{width: 0.18rem;height: 0.18rem;border-radius: 50%; border: 3px solid #e2bb69;opacity: 1; background-color: #FFFFFF;position: absolute;}

.homec .pgba span:nth-child(2){left: 60%;bottom: -0.31rem;}
.homec .pgba span:nth-child(3){left: 85%;bottom: -0.6rem;}
.homec .pgba span:nth-child(4){left: 111%;bottom: 0.4rem;}
.homec .pgba span:nth-child(1){left: 0;bottom: -0.85rem;}
.homec .pgba span em{position: relative;}
.homec .pgba span:nth-child(1) em::before{content: "";width: 0.25rem;height: 2.5rem;border-left: 1px solid #e2bb69;border-top: 1px solid #e2bb69; position: absolute;left: 0.05rem;bottom: 0.3rem;}
  

.homec .prev,
.homec .next{
    position: absolute;
    bottom: -1.3rem;
    width: 0.5rem;
    height: 0.5rem;
    background: url(../img/prev.png) no-repeat center center;
    background-size: 100% 100%;
    z-index: 10;
    border-radius: 50%;
}
.homec .next{
   right: 45%;
    background-image: url(../img/next1.png);
}
.homec .prev{
    left: 45%;
    background-image: url(../img/prev1.png);
}



@media (max-width: 1750px){


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

}
@media (max-width: 1200px){
	
}
@media (max-width: 1024px){
.homea .newsleft::before{display: none;}
.xyzx .xylist ul li .tit{width: 75%;}
.homea .homa_left .homeawrap .titpic{width: 100%;background-color: #006f89;}

.homeb .xslist ul li{padding: 0.2rem;}
.homeb .xslist ul li .bgimg{height: 2.4rem;}
.homec .pgba{display: none;}
.homec .reserlist .pic{margin-left: 0;}
}
@media (max-width: 980px){
}
@media (max-width: 900px){
  .homea .newsleft, .homea .newsright{width: 100%;margin-bottom: 0.3rem;}
  .homea .newsright{margin-top: 0.7rem;}
  .xyzx .xylist ul li .tit{width: 80%;}
  .homec .next{
   right: 30%;
}
.homec .prev{
    left: 30%;
}
}

@media (max-width: 760px){
	
}
@media (max-width: 640px){
	.homeb .xslist ul li{width: 100%;margin-bottom: 0.3rem;}
  .homeb .xslist ul li .bgimg{height: 2.7rem;}
  .homec .reserlist .pic{width: 100%;}
  .homec .reserlist .pictit{width: 100%;margin-top: 0.3rem;}
  .homec .intit2{justify-content: left;}
}

@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){
   
}