@charset "utf-8";
.banner{position: relative;}
.banner .bb{
	position: absolute;
	    left: 50%;
	    bottom: 0.5rem;
	    text-align: center;
	    transform: translateX(-50%);
	   
	    cursor: pointer;
	    opacity: 0;
	   z-index: 5;
	    padding: 0 10px;
	    animation: bb 2s linear 0s infinite;
	   
	}
	
	@keyframes bb {
	    0% {
	        transform: translate(-50%,0);
	        opacity: 0;
	    }
	
	    20% {
	        transform: translate(-50%,3px);
	        opacity: 1;
	    }
	
	    80% {
	        transform: translate(-50%,10px);
	        opacity: 1;
	    }
	
	    90% {
	        transform: translate(-50%,10px);
	        opacity: 0;
	    }
	
	    100% {
	        transform: translate(-50%,10px);
	        opacity: 0;
	    }
	}


.banner .pgba{
    z-index: 5;
    position: absolute;
    bottom: 0.35rem;
    left: 62%;
		
    
    width: auto;
    }
.banner .pgba span{position: relative;display: block;float: left;opacity: 1;height:40px;/* line-height: 40px; */background: transparent;color: #FFFFFF;font-size: 0.18rem;margin:0 0.35rem !important;position: relative;}
.banner .pgba span i{width: 34px !important;height: 34px;text-align: center;display: block;line-height: 34px;border-radius: 50%;position:relative;}
.banner .pgba span i::after{content:"";width: 30px;height: 1px;display: block;position: absolute;right: -110%;top: 17px;background: #ffffff;}
.banner .pgba span.active i{border:1px solid #ffffff;}
.banner .pgba span:last-child i::after{display: none;}
.banner .pgba span.active  .circle-container{display: block;}

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

.circle-container svg circle {
  stroke-dasharray: 100; /* 控制进度条的长度 */
  stroke-dashoffset: 100; /* 初始偏移量 */
  animation: draw 8s linear forwards; /* 动画效果 */
}

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











.banner .swiper-slide .a{display: block;height: 100vh;}
.banner .swiper-slide .a{position: relative;display: block;overflow: hidden;}



.banner .swiper-slide .bg{-webkit-transform: scale(1.1);transition:linear 5s;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;background-size: cover !important;}
.banner .swiper-slide-active .bg{-webkit-transform: scale(1);}
.banner .bgtitle{
	position: absolute;
	left: 6%;
	bottom: 0.3rem;
	width: 70%;
	z-index: 9;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFFFFF;
	font-size: 0.24rem;
}
/* .banner .sbtn{}
.banner .sbtn a{width: 0.6rem;height: 0.6rem;position: absolute;top: 40%;z-index: 9;background-size: 100%;}
.banner .sbtn .prev{background: url(../img/banleft.png) no-repeat center;left: 2%;}
.banner .sbtn .next{background: url(../img/banright.png) no-repeat center;right: 2%;} */







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

}
@media screen and (max-width: 1200px){
.banner .pgba span{padding-right: 0;background: none;margin-left: 0.2rem !important;}
}
@media screen and (max-width:1024px){
.banner .swiper-slide .a{height: 50vw;min-height: inherit;}
.banner .sbtn{display: none;}
}
@media screen and (max-width:900px){
.banner .swiper-slide .a{height: 46vw}
}
@media screen and (max-width:640px){
.banner .pgba{bottom: .15rem;left: 0;}
.banner .swiper-slide .a{height: 52vw}
}

.intit{margin-bottom: .3rem;position: relative;}
.intit .h2{}
.intit .h2 .cn{font-size: .36rem; display: block;font-weight: bold;line-height: 1em;color: #007275;position: relative;z-index: 5;font-family: "思源宋体 SemiBold";}
.intit .h2 .en{color: #87afb2; font-size: 0.2rem;font-weight: normal;letter-spacing: 1px; margin-top: 0.1rem; line-height: 1em;display: block;padding-left: 40px;background: url(../img/line2.png) no-repeat left center;}
.intit>a,.more{color: #878787;font-size: .16rem;padding: 0.15rem; display: flex;align-items: center;position: relative;background: url(../img/line4.png) no-repeat center;}








/* 留言板 */
.lyb{width: 2.6rem;position: fixed;left: 10px;top: 30%;z-index: 50;background: #ffffff;border-radius: 10px;overflow: hidden;padding-bottom: 0.25rem;}
.lyb h2{font-size: 0.16rem;color: #FFFFFF;background:#007275;padding: 0.15rem 0.2rem;border-radius: 10px 10px 0 0;position: relative;cursor: pointer;}
.lyb h2::after{content:"";width: 0.15rem;height: 1px;display: block;position: absolute;right: 0.2rem;top: 0.25rem;background: #ffffff;}
.lyb .lybzhai{font-size: 0.14rem;line-height: 0.25rem;padding: 0.15rem 0.2rem;}
.lybform{padding: 0 0.2rem;}
.lybform textarea,.lybform input{width: 100%;outline: none;border: 1px solid #dcdfe6;border-radius: 10px;}
.lybform textarea{height: 0.7rem;}

.lybform textarea::placeholder {
    color: #d0d0d0; /* 设置占位符文本的颜色 */
	font-size: 0.14rem;
	/* padding-left: 10px; */
	
   
}
.lybform input{height: 0.33rem;margin-top: 0.1rem;font-size: 0.14rem;  }
/*.lybform input:first-child{background: url(../img/icon3.png) no-repeat 8px center;}
.lybform input:nth-child(2){background: url(../img/icon4.png) no-repeat 8px center;}*/
.lybform .tjbtn{width: 0.7rem;background: #007275;border: none;text-align: center;color: #FFFFFF;font-size: 0.14rem;float: right;text-indent: 0px;}































.homea{padding: 0.6rem 0;background: #f6f7fb;}
.homea .news .intit .h2{margin-right: 1rem;position: relative;padding-bottom: 0.3rem;}
.homea .news .intit .h2 .cn{color: #333333;}
.homea .news .intit .h2 .en{position: absolute;left: 0;bottom: 0;width:200%;display: none;}
.homea .news .intit .h2.active .cn{color:#007275 ;} 
.homea .news .intit .h2.active .en{display: block;}
.homea .news .more{position: absolute;right: 0;top: -1rem;}
.homea .tab-bd{position: relative;}
.homea .tab-bd>div{opacity: 0;visibility: hidden;position: relative;}
.homea .tab-bd>div.active{opacity: 1;visibility: visible;}
.homea .tab-bd>div .tabwrap{position: absolute;left: 0;top: 0;width: 100%;}



.news{width: 70%;}
.news_left::before{content: "";width: 5.9rem;height: 3.94rem;background: url(../img/newsbg.png) no-repeat left top;position: absolute;z-index: 1;}
.news_left{width: 54.5%;position: relative;}
.news_left .pic{height: 3.35rem;display: block;position: relative;margin: 0.3rem 0.6rem 0.3rem 0.3rem;}
.news_left .homeawrap{overflow: hidden;position: relative;}

.news_left .news_title{ color: #FFFFFF;box-sizing: border-box;padding: 0.15rem 0rem;padding-bottom: 0; width: 100%;margin-top: 0.3rem;}
.news_left .news_title h2{ line-height: 0.35rem;height: 0.7rem; width: 100%;overflow: hidden;margin: 0 auto; font-size: 0.2rem;font-weight: bold;color: #333333;}
.news_left .news_title p{font-size: 0.14rem;color: #999999;margin-top: 0.1rem;}
.news_left .pgba{right: 0.25rem;top:26%;left: auto;position: absolute;width: auto;z-index: 5;}
.news_left .pgba span{position: relative;display: block;opacity: 1;width:20px !important;height:20px;line-height: 20px;background: transparent;font-size: 12px;margin: 0.15rem 0!important;position: relative;}
.news_left .pgba span i{width:10px !important;height: 10px;text-align: center;display: block;margin:0 auto; border-radius: 50%;position:relative;background: #FFFFFF;color: transparent;}
.news_left .pgba span i::after{content:"";}
.news_left .pgba span.active i{border:1px solid #ffffff;width:20px !important;height: 20px;line-height: 19px;background: transparent;color: #FFFFFF;}
.news_left .pgba span:last-child{background:none;}
.news_left .pgba span.active  .circle-container{display: block;left:0;top:0; }


.news_right{width: 42%;}
.news_right ul li:first-child{border-top: 1px solid #c9c9c9;}
.news_right ul li{border-bottom: 1px solid #c9c9c9;padding: 0.15rem 0;position: relative;}
.news_right ul li a h2{font-size: 0.18rem;line-height: 0.35rem;height: 0.7rem;padding-left: 25px;background: url(../img/dot1.png) no-repeat left 10px;}
.news_right ul li a .date{font-size: 0.16rem;color: #878787;padding-left: 55px;background: url(../img/line3.png) no-repeat left center;position: absolute;right: 0;bottom: 0.15rem;}



.homea .contact{width: 26.5%;background:  url(../img/lxbg.png) no-repeat right bottom,url(../img/line1.png) no-repeat left top #FFFFFF;box-shadow: 0 0 15px  #bbd7d8;box-sizing: border-box;padding: 0.3rem;border-radius: 0 30px 0 0;}
.homea .contact .condiv{margin-top: 0.3rem;}
.homea .contact .condiv em,.homea .contact .condiv strong{color:#007275 ;font-weight: bold;line-height:0.3rem;}
.homea .contact .condiv p{font-size: 0.18rem;line-height: 0.3rem;}





.homeb{padding: 0.8rem 0;padding-bottom: 1.8rem; background: url(../img/bodybg1.png) no-repeat right bottom;}
.homeb .trainlist ul li{width: 18.5%;background: url(../img/xlxmbg.png) no-repeat center;box-shadow: 0 0 10px #ecf4f5;height: 1.3rem;margin-bottom: 0.25rem;display: flex;align-items: center;}
.homeb .trainlist ul li a{padding: 0 0.3rem;display: flex;align-items: center;}
.homeb .trainlist ul li a span{font-size: 0.18rem;font-weight: bold;color: #007275;display: block;margin-left: 0.2rem;}
.homeb .trainlist ul li img{transition:.5s;}
.homeb .trainlist ul li:hover img{transform:rotateY(180deg); transition:.5s;}







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

.homec .pic{position: relative;}
.homec .tit{position: absolute;bottom: 0;left: 0;width: 100%; color: #FFFFFF;box-sizing: border-box;padding: 0.1rem 0.2rem;background: url(../img/titbg.png) repeat-x center bottom;height: 1.57rem;}
.homec .tit::before{content: "";width: 0.5rem;height: 3px;background: #007275;position: absolute;left: 0.2rem;top: 1rem;z-index: 2;transition: .3s;}
.homec .tit h2{font-size: 0.18rem;width: 100%;position: relative;margin-top: 1.05rem;}
.homec .xcleft,.homec .xccenter{width: 39.5%;}
.homec .xcleft .pic .bgimg,.homec .xcright .bgimg{height: 4.2rem;}
.homec .xccenter .xcimg1{width: 48%;}
.homec .xccenter .xcimg2{width: 100%;margin-top: 0.2rem;}
.homec .xccenter .bgimg{height: 2rem;}
.homec .xcright{width: 18%;}
.homec .pic:hover .tit::before{width:calc(100% - 0.4rem);transition: .3s;}




.homed{padding: 0.8rem 0;padding-top: 1rem; background: url(../img/bodybg3.jpg) no-repeat center bottom;}
.homed .tab-hd1{width: 24.5%;}
.homed .tab-hd1>div {margin-bottom: 0.25rem;}
.homed .tab-hd1>div div{display: flex;align-items: center;justify-content: center;font-size: 0.28rem;height: 1.7rem; color: #FFFFFF; font-family: "思源宋体 SemiBold";}
.homed .tab-hd1>div img{padding-right: 0.3rem;}
.homed .tab-hd1 .pxli1{background: url(../img/pxbg1.png) no-repeat center;}
.homed .tab-hd1 .pxli2{background: url(../img/pxbg2.png) no-repeat center;}
.homed .tab-hd1 .pxli3{background: url(../img/pxbg3.png) no-repeat center;}
.homed .tab-hd1 .pxli2 span{color: #007275;}

.homed .tab-bd1{width: 74.5%;}
.homed .tab-bd1 .pxleft{width: 32.5%;}
.homed .tab-bd1 .pxleft .bgimg{height: 5.6rem;}
.homed .tab-bd1 .pxright{width: 66%;}
.homed .tab-bd1 .pxright .pxtop .bg-mask{width: 49%;}
.homed .tab-bd1 .pxright .pxbottom{margin-bottom: 0.2rem;}
.homed .tab-bd1 .pxright .bgimg{height:2.7rem ;}
.homed .tab-bd1>div{display: none;}
.homed .tab-bd1>div.active{display: block;}





@media (max-width: 1600px){


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


}
@media (max-width: 1024px){
	.news,.homea .contact{width: 100%;margin-bottom: 0.3rem;}
	.homeb .trainlist ul li{width: 32%;}
	.homed .tab-hd1>div img{height: 0.5rem;}
}
@media (max-width: 980px){
.intit .h2 .en{font-size: 0.18rem;}
.news_left,.news_right{width: 100%;margin-bottom: 0.25rem;}
.homea .tab-bd>div.active{height: 10.5rem;}
}
@media (max-width: 900px){
	.homea .news .intit .h2 .en{width: 200%;}
	.homec .xcleft, .homec .xccenter,.homec .xcright,.homed .tab-hd1{width: 100%;margin-bottom: 0.25rem;}
	.homed .tab-hd1{display: flex;justify-content: space-between;}
	.homed .tab-hd1>div{width: 32%;padding: 0.2rem 0;}
	.homed .tab-hd1>div div{height: auto;}
	.homed .tab-bd1{width: 100%;}
	.homec .tit{height: 0.8rem;}
	.homec .tit h2{margin-top: 0.2rem;}
}

@media (max-width: 760px){
.homeb .trainlist ul li{width: 49%;}
.homea .news .intit .h2{margin-right: 0.1rem;}
.intit .h2 .cn{font-size: 0.24rem;}
.homea .news .intit .h2 .en{padding-left: 0;background: none;}
body{min-width: 320px;}
}
@media (max-width: 640px){
.news_left .pic{margin: 0.2rem;}
.news_left .pgba{right: 0;top: auto;bottom: 0.9rem;}
.news_left .pgba span{display: inline-block;}
.homeb .trainlist ul li img{height: 0.6rem;}
.homec .tit{height: 0.6rem;}
.homec .tit h2{margin-top: 0.1rem;}
.homec .xccenter .bgimg{height: 65vw;}
.homec .xccenter .xcimg1 .bgimg{height: 2.5rem;}
.homec .xcleft .pic .bgimg, .homec .xcright .bgimg{height: 65vw;}
.homed .tab-bd1 .pxleft .bgimg{height: 65vw;}
.homed .tab-bd1 .pxleft,.homed .tab-bd1 .pxright{width: 100%;margin-bottom: 0.2rem;}
.homed .tab-hd1>div img{margin: 0 auto;padding: 0;margin-bottom: 0.15rem;}
.homed .tab-hd1>div div{display: block;}
.homed .tab-hd1>div div span{width: 100%;display: block;text-align: center;}
}

@media (max-width: 480px){
	.homeb .trainlist ul li{width: 100%;background:none;border: 1px solid #007275;}
	
}
/*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){
   
}