@charset "utf-8";




header{position: fixed; z-index: 99; width:100%; height: 60px; background:#D82525; left:0; margin-left: 0; top: 0; display: flex; justify-content: space-between; align-items: center;}

.logo{width: 180px;margin-left: 3%;}
.logo img{display: block; width: 100%;}


.mobile{   position: fixed; right: 3%; z-index: 999; top:21px;}
.mobile span{  display: flex;align-content: center; justify-content: center; flex-wrap: wrap;  width:26px;  overflow: hidden;   }
.mobile i{  display: block; width: 100%; height: 3px; background: #fff; margin-top: 4px; overflow: hidden;}
.mobile i:first-child{margin-top: 0;}
.mobile i:nth-child(1){transition: 0.4s ease-in-out; margin-top: 0;}
.mobile i:nth-child(2){transition: 0.4s ease-in-out; }
.mobile i:nth-child(3){transition: 0.4s ease-in-out;}
.mobile.active i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(6px);}
.mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;}
.mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-4px) translateX(6px);}



.navbox{position: fixed;  height: calc(100vh - 60px); top:-100%; z-index: 2; background: rgba(0,0,0,.8); width:100%;transition: 0.5s ease-in-out; }
.navbox.active{ top: 60px;}
.navbox a{display: block; width: 94%; margin: 0 auto; color: #fff; border-bottom: 1px rgba(255,255,255,.4) solid; height: 60px; line-height: 60px; font-size: 18px;}








.home_swiper{max-width: 750px; height: 100vh;}
.home_swiper .home-slide{overflow:hidden; height: 100%; }
.home_swiper .swiper-pagination{  width: 3px!important; left: auto; right: 10px;  top:50%;  z-index: 99999;  }
.home_swiper .swiper-pagination-bullet{ width:3px;height: 20px; border-radius: 0;  opacity: 1;  box-sizing: border-box; margin-top: 10px; background:rgba(255,255,255,.5); }
.home_swiper .swiper-pagination-bullet-active{background: #e40021;}

.index_banner{width: 100%; height: 100%; position: relative;background: url(../img/bg-1.jpg) no-repeat center; background-size: cover;}
.banner_tx{width:90%;  position: absolute; left: 5%; top: 100px; }
.banner_tx h1{width: 100%; transform: translateX(-200px);transition:1s ease-in-out;opacity: 0;}
.banner_tx h1 img{display: block; width: 100%;}
.banner_tx h2{transform: translateX(-200px);transition:1s ease-in-out 0.1s;opacity: 0; width: 100%;  font-size: 16px; color: #fff;  text-align: justify; line-height: 1.8; margin-top: 30px;}
.more{width: 100%; display: flex; align-items: center; color: #fff; font-size: 16px; margin-top: 10px; margin-left:30%; transform: translateX(-200px);transition:1s ease-in-out 0.1s;opacity: 0;}
.more::after{content: "\e609"; display: block; margin-left: 5px; font-size: 18px;}
.down{width: 100%; text-align: center; position: absolute; left: 0; bottom: 20px; color: #fff; animation: arrow 0.8s infinite;animation-direction:alternate;}
.down em{display: block; font-size: 18px;}
.down em::before{content: "\e6b9";}
@keyframes arrow
{
  from {transform: translateY(10px);}
  to {transform: translateY(-10px);}
}
.home_swiper .swiper-slide-active .banner_tx h1
,.home_swiper .swiper-slide-active .banner_tx h2
,.home_swiper .swiper-slide-active .banner_tx a
{
  transform: translateY(0);opacity: 1;
  -ms-transform: translateY(0);opacity: 1;
  -moz-transform: translateY(0);opacity: 1;
  -webkit-transform: translateY(0);opacity: 1;
  -o-transform: translateY(0);opacity: 1;
  transform: translateX(0);opacity: 1;
  -ms-transform: translateX(0);opacity: 1;
  -moz-transform: translateX(0);opacity: 1;
  -webkit-transform: translateX(0);opacity: 1;
  -o-transform: translateX(0);opacity: 1;
}

.index_about{width: 100%; height: 100%; position: relative; background: url(../img/bg-2.jpg) no-repeat center; background-size: cover;}
.about_box{position: absolute;width: 100%;  left: 0%; top: 50%; transform: translateY(-50%); z-index: 2;color: #fff;}
.gstx{font-size: 14px;text-align: justify;line-height: 1.8;transform: translateY(200px);transition:1s ease-in-out;opacity: 0; margin-left:5%; margin-right:5%;}
.about_box .more{transform: translateY(200px);transition:1s ease-in-out 0.1s;opacity: 0;}

.about_nav{width: 100%;  display: flex; justify-content: space-between; background: rgba(165,31,27,.5); border-radius: 0px; margin-top: 50px; padding: 20px 0;transform: translateY(200px);transition:1s ease-in-out 0.2s;opacity: 0;}
.about_nav a{color: #fff; font-size: 12px;text-align: center; width: 25%;}
.about_nav a::before{display: block; margin-bottom: 5px; font-size: 28px;}
.about_nav a:nth-child(1)::before{content: "\e6d1";}
.about_nav a:nth-child(2)::before{content: "\e69c";}
.about_nav a:nth-child(3)::before{content: "\e620";}
.about_nav a:nth-child(4)::before{content: "\e606";}




.home_swiper .swiper-slide-active .about_box .gstx
,.home_swiper .swiper-slide-active .about_box .more
,.home_swiper .swiper-slide-active .about_box .about_nav
{
  transform: translateY(0);opacity: 1;
  -ms-transform: translateY(0);opacity: 1;
  -moz-transform: translateY(0);opacity: 1;
  -webkit-transform: translateY(0);opacity: 1;
  -o-transform: translateY(0);opacity: 1;
  transform: translateX(0);opacity: 1;
  -ms-transform: translateX(0);opacity: 1;
  -moz-transform: translateX(0);opacity: 1;
  -webkit-transform: translateX(0);opacity: 1;
  -o-transform: translateX(0);opacity: 1;
}



.index_title{text-align: center; font-size: 28px; line-height:40px; font-weight: bold; transform: translateY(200px);transition:1s ease-in-out;opacity: 0;color: #fff;}

.index_title_one{  

    background-image:-webkit-linear-gradient(bottom,red,#fd8403,yellow); 

    -webkit-background-clip:text; 

    -webkit-text-fill-color:transparent; 
/*	-webkit-text-stroke: 1px #fff;
*/
}

.index_huanjing{width: 100%; height: 100%; position: relative;  background: url(../img/bg-3.jpg) no-repeat center; background-size: cover;}
.huanjing_box{position: absolute;width: 90%;  left: 5%; top: 50%; transform: translateY(-50%); z-index: 2;color: #fff;}
.huanjing_tx{width: 100%; margin-top: 30px; transform: translateY(200px);transition:1s ease-in-out 0.1s;opacity: 0;}
.huanjing_tx img{width: 100%; display: block;}
.huanjing_text{
	font-size: 16px;
	padding-top: 20px;
	padding-right: 26px;
	padding-left: 5px;
	line-height: 26px;
}


.s_box{position: relative; width: 100%; margin-top: 100px; --swiper-navigation-size: 10px; transform: translateY(200px);transition:1s ease-in-out 0.2s;opacity: 0; }
.school-swiper{ width: 88%;   }
.school-swiper .news-slide{width: 100%;  height: 100%; display: flex; align-items: center; }
.school_pic{
	width: 100%;
	background-color: #FFFFFF;
	padding-top:5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.school_pic img{
	width: 97%;
	display: block;
}
.swiper-button-white{color: #fff; }


.home_swiper .swiper-slide-active .huanjing_box .index_title
,.home_swiper .swiper-slide-active .huanjing_box .huanjing_tx
,.home_swiper .swiper-slide-active .huanjing_box .s_box
{
  transform: translateY(0);opacity: 1;
  -ms-transform: translateY(0);opacity: 1;
  -moz-transform: translateY(0);opacity: 1;
  -webkit-transform: translateY(0);opacity: 1;
  -o-transform: translateY(0);opacity: 1;
  transform: translateX(0);opacity: 1;
  -ms-transform: translateX(0);opacity: 1;
  -moz-transform: translateX(0);opacity: 1;
  -webkit-transform: translateX(0);opacity: 1;
  -o-transform: translateX(0);opacity: 1;
}



.index_banxing{width: 100%; height: 100%; position: relative;background: url(../img/bg-5.jpg) no-repeat center; background-size: cover; }
.banxing_box{position: absolute;width: 90%;  left: 7%; top: 50%; transform: translateY(-50%); z-index: 2;color: #fff;}
.banxing_box .more{transform: translateY(200px);transition:1s ease-in-out 0.2s;opacity: 0; }

.banxing_item{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; transform: translateY(200px);transition:1s ease-in-out 0.1s;opacity: 0; }
.banxing_item a{display: block; margin-top: 0px;}




.home_swiper .swiper-slide-active .banxing_box .index_title
,.home_swiper .swiper-slide-active .banxing_box .banxing_item
,.home_swiper .swiper-slide-active .banxing_box .more

{
  transform: translateY(0);opacity: 1;
  -ms-transform: translateY(0);opacity: 1;
  -moz-transform: translateY(0);opacity: 1;
  -webkit-transform: translateY(0);opacity: 1;
  -o-transform: translateY(0);opacity: 1;
  transform: translateX(0);opacity: 1;
  -ms-transform: translateX(0);opacity: 1;
  -moz-transform: translateX(0);opacity: 1;
  -webkit-transform: translateX(0);opacity: 1;
  -o-transform: translateX(0);opacity: 1;
}

.index_shuoming{width: 100%; height: 100%; position: relative;background: url(../img/bg-5.jpg) no-repeat center; background-size: cover;  }
.shuoming_box{position: absolute;width: 90%;  left: 5%; top: 50%; transform: translateY(-50%); z-index: 2;}
.shuoming_box .more{transform: translateY(200px);transition:1s ease-in-out 0.2s;opacity: 0;}

.xuzhi{margin-top: 10px; padding-bottom: 10px;}
.xuzhi img{width: 100%; display: block;}

.home_swiper .swiper-slide-active .shuoming_box .index_title
,.home_swiper .swiper-slide-active .shuoming_box .more
,.home_swiper .swiper-slide-active .shuoming_box .xuzhi
{
  transform: translateY(0);opacity: 1;
  -ms-transform: translateY(0);opacity: 1;
  -moz-transform: translateY(0);opacity: 1;
  -webkit-transform: translateY(0);opacity: 1;
  -o-transform: translateY(0);opacity: 1;
  transform: translateX(0);opacity: 1;
  -ms-transform: translateX(0);opacity: 1;
  -moz-transform: translateX(0);opacity: 1;
  -webkit-transform: translateX(0);opacity: 1;
  -o-transform: translateX(0);opacity: 1;
}
.index_contact{width: 100%; height: 100%; position: relative;background: url(../img/bg-6.jpg) no-repeat center; background-size: cover;  }
.contact_box{position: absolute;width: 90%;  left: 5%; top: 50%; transform: translateY(-50%); z-index: 2; color: #fff;}
.con_title{transform: translateX(-200px);transition:1s ease-in-out ;opacity: 0;}
.con_title::after{content: ""; display: block; width: 30px; height: 2px; background: #fff; margin-top: 6px;}
.con_title h1{font-size: 24px;}
.con_title h2{font-size: 20px;}

.con_item{margin-top: 20px;transform: translateX(-200px);transition:1s ease-in-out 0.1s;opacity: 0;}
.con_list{margin-top: 10px; padding-bottom: 10px; font-size: 14px;}

.con_list img{width: 100%; display: block;}

.zhuanxian{background: rgba(220,31,27,.7); height: 50px; display: flex; align-items: center; justify-content: center; font-size: 18px; margin-top: 30px; margin-bottom:20px;transform: translateX(-200px);transition:1s ease-in-out 0.2s;opacity: 0; border-radius: 8px;}
.zhuanxian::before{content: "\e608"; display: block; width: 30px; height: 30px; border: 1px #fff solid; border-radius: 50%; text-align: center; line-height: 30px; margin-right: 6px;}

.home_swiper .swiper-slide-active .contact_box .index_title
,.home_swiper .swiper-slide-active .contact_box .con_title
,.home_swiper .swiper-slide-active .contact_box .con_item
,.home_swiper .swiper-slide-active .contact_box .zhuanxian
{
  transform: translateY(0);opacity: 1;
  -ms-transform: translateY(0);opacity: 1;
  -moz-transform: translateY(0);opacity: 1;
  -webkit-transform: translateY(0);opacity: 1;
  -o-transform: translateY(0);opacity: 1;
  transform: translateX(0);opacity: 1;
  -ms-transform: translateX(0);opacity: 1;
  -moz-transform: translateX(0);opacity: 1;
  -webkit-transform: translateX(0);opacity: 1;
  -o-transform: translateX(0);opacity: 1;
}