@media only screen and (min-width: 1200px) {
  body.index{min-height:100vh;overflow-y:auto}
.body_head{height:100vh;overflow:hidden;position:relative}
.body_main{position:absolute;left:0%;top:100vh;bottom:0;right:0;background:#fff;;transition:top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;z-index:3;outline:none;overflow:hidden;overflow:auto;}
.body_main.on{top:0;}
.nav_logo{max-width: 34%;}
.mouse_scroll{display:block;position:absolute;top:-128px;width:100%;left:0;z-index:20;transition:0.5s;transition-delay:0.5s;-moz-transition-delay:0.5s;-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;background:#0382D8;}
.mouse_scroll .allWidth{display:flex;justify-content:space-between;align-items:center;height:128px}
.mouse_scroll .scroll_nav{width:auto;position:initial;background:none !important;}
.scroll_nav .center> li > a{color:rgba(255,255,255,0.66) !important;padding:0 21px !important;}
.scroll_nav> ul> li > a.action,.scroll_nav> ul> li:hover>a{background:none;color:#fff !important;}
.banner{height:100vh;}
.bannerNo{top:0px;padding-top:200px;}

.news_box .news_wheel , .news_box .news_right , .media .media_left,.media  .media_right,.school_images .school_images_content,.special_website .special_column,.special_website .tab_title, .school_images.tab_title,{
  opacity: 0; /* 初始状态透明 */
  transition: opacity 1s;
}
.showdiv .news_wheel,.showdiv .media_left {
  opacity: 1;
  transform: translate3d(0, 0, 0); 
  animation: fadeInLeft 1s 0s linear; 
}
.showdiv .news_right,.showdiv .media_right{
  opacity: 1; 
  transform: translate3d(0, 0, 0);
  animation: fadeInRight 1s 0s linear; 
}
.showdiv .school_images_content,.showdiv .special_column{
  opacity: 1;
  transform: translate3d(0, 0, 0); 
  animation: fadeInUp 1s 0s linear; 
}
.showdiv .tab_title{
  opacity: 1; 
  transform: translate3d(0, 0, 0); 
  animation: zoomIn 1s 0s linear;
}

}








@media only screen and (min-width: 1501px) and (max-width: 1752px) {
  .footer .allWidth{width:1440px;}
.footer_middle_logo img {
  margin-right: 110px;
}
.media .media_left{
  width: 50%;
  padding:40px;
}

.media .media_right {
  width: 50%;
  padding: 40px;
}

.special_website .special_column {
  width: 1520px;
}
.media_right ul{
  gap:unset;
}
.special_website .swiper-container{
  width: 1400px;
}
.one_floor .news_right{
  width: 45%;
  
}
.one_floor .news_wheel{
  width: 50%;
  
  
}
.one_floor .news_wheel .bd li a img{
  width: 100%;
  
}
.one_floor .news_box .firstNews_right{
  flex: 1;
  width: calc(100% - 200px);
}



}
/*=========================== (min-width: 1201px) and (max-width: 1500px) =======================*/

@media only screen and (min-width: 1201px) and (max-width: 1500px) {
  
  .allWidth{width:1140px;}
.system_link{
  right:32px;
}
.index_nav{
  padding: 35px 20px 0 20px;
}
.search{
  right: 50px;
}
.one_floor .news_box .firstNews_right{
  flex: 1;
  width: calc(100% - 200px);
}
.one_floor .news_wheel .bd li .news_btn .date{
  
  width: 135px;
}
.one_floor .news_right{
  width: 48%;
  
}
.one_floor .news_wheel{
  width: 50%;
  
  
}
.one_floor .news_wheel .bd li a img{
  width: 100%;
  
}
.school_images_content{
  height:unset;
}

.school_images_content li:first-child,.school_images_content li:nth-child(2){
  width: 50%;
  height: auto;
}
.school_images_content li{
  width: 33.3%;
  height: auto;
}
.school_images .allWidth{
  padding-top: 50px;
  padding-bottom: 50px;
}

.special_website {
  padding-top: 40px;
}

.special_website .special_column{
  padding:0 15px;
  width:100%;
}
.special_website .swiper-container{
  margin: 40px auto 45px;
  width:80%;
}

.special_website .swiper-container .swiper-slide{
  width:321px;
  height:424px;
}

.special_website .special_column_image{
  width:321px;
  height:424px;
}
.special_website .special_column_item p{
  top: 20px;
  left: 20px;
  letter-spacing: 5px;
  font-size: 22px;
}
.media .media_left{
  padding: 30px;
  width: 50%;
  height: auto;
}
.media .notice_adddate{
  width: 70px;
}


.media .media_right{
  padding: 30px;
  width: 50%;
  height: auto;
}
.media_right ul{
  gap:unset;
}
.footer .footer_top ul{
  
  flex-wrap: wrap;
  
  gap: 20px;
}
.footer_middle_codes{
  
  gap: 20px;
  margin-left: 20px;
}
.footer_middle_logo img{
  
  margin-right: 20px;
}
.footer,.footer .footer_middle{
  height:unset;
}
.footer_middle_content {
  padding: 20px 0;
}
.footer_middle_content .footer_middle_content_box:nth-child(1) {
  margin-bottom: 10px;
}





}

/*=========================== (min-width: 1001px) and (max-width: 1200px) =======================*/

@media only screen and (min-width: 1001px) and (max-width: 1200px) {
  
  .allWidth{width:970px;padding:0 15px;}
.column_box{
  padding-top: 200px;
}
.system_link{
  right:40px;
}
.index_nav{
  padding: 35px 20px 0 20px;
}
.index_nav .side{
  display:none;
}
.search{
  right: 50px;
}
.one_floor{
  padding-top: 50px;
}
.one_floor .news_box{
  margin-top: 50px;
}
.one_floor .news_wheel{
  width: 50%;
  
  
}
.one_floor .news_wheel .bd li a {
  width: 100%;
}

.one_floor .news_wheel .bd li a img{
  width: 100%;
  
}
.one_floor .news_right{
  width: 48%;
  
}

.school_images_content{
  height:unset;
}

.school_images_content li:first-child,.school_images_content li:nth-child(2){
  width: 50%;
  height: auto;
}
.school_images_content li{
  width: 33.3%;
  height: auto;
}
.school_images .allWidth{
  padding-top: 50px;
  padding-bottom: 50px;
}

.special_website {
  padding-top: 40px;
}

.special_website .special_column{
  padding:0 15px;
  width:100%;
}
.special_website .swiper-container{
  margin: 40px auto 45px;
  width:80%;
}

.special_website .swiper-container .swiper-slide{
  width:321px;
  height:424px;
}

.special_website .special_column_image{
  width:321px;
  height:424px;
}
.special_website .special_column_item p{
  top: 20px;
  left: 20px;
  letter-spacing: 5px;
  font-size: 22px;
}
.media .media_left{
  padding: 30px;
  width: 50%;
  height: auto;
}
.media .notice_adddate{
  width: 70px;
}


.media .media_right{
  padding: 30px;
  width: 50%;
  height: auto;
}
.media_right ul{
  gap:unset;
}
.one_floor .news_box .firstNews_right{
  flex: 1;
  width: calc(100% - 200px);
}

.one_floor .news_wheel .bd li .news_btn .date{
  
  width: 185px;
}

.footer .footer_top ul{
  
  flex-wrap: wrap;
  
  gap: 20px;
}
.footer_middle_codes{
  
  gap: 20px;
  margin-left: 20px;
}
.footer_middle_logo img{
  
  margin-right: 20px;
}
.footer,.footer .footer_middle{
  height:unset;
}
.footer_middle_content {
  padding: 20px 0;
}
.footer_middle_content .footer_middle_content_box:nth-child(1) {
  margin-bottom: 10px;
}
.footer_middle_content_space{
  flex-wrap: wrap;
}




}

/*=========================== (min-width: 769px) and (max-width: 1000px) =======================*/

@media only screen and (min-width: 769px) and (max-width: 1000px) {
  
  .allWidth{width:750px;padding:0 15px;}

.system_link{
  position:unset;
  padding: 15px;
  color: #333;
  flex-wrap: wrap;
  gap: 10px;
  border-top: solid 1px #d3d3d3;
}
.system_link a{
  color: #333;
  border-right: 1px solid #333;
}
.index_nav{
  display:none;
}


.logoBox{
  display: flex;
  height:128px;
  line-height:128px;
  background: #1E6FC9;
}

.logoBox .allWidth{
  display:flex;
  align-items: center;
  height: 100%;
}

.logoBox a{
  transform: scale(0.7);
  transform-origin: left center;
}
.column_box .left_page{
  display:none;
}
.column_box .right_con{
  padding: 20px;
  margin-left:unset;
  
}

.mob_select{display:block;cursor: pointer;float: right;margin-top: 25px;}
.mob_select li{width:28px;height:2px;background:#fff;margin:6px 0}




.mob_nav{display:none;width: 100%;height:auto;background: #eaeef5;border-radius: 0;position: absolute;top: 128px;left: 0;}

.mob_nav >ul{display:block;}

.mob_nav >ul > li{float:none;width: 100%;line-height: 50px;border-bottom: solid 1px #d3d3d3;margin:0}

.mob_nav >ul > li > a{width: 70%;padding: 0 0px;margin: auto;color: #333;}

.mob_nav > ul > li .menu{display:none;font-size: 15px;position: inherit;top:0px;background: #fff;}

.mob_nav > ul > li .menu li{position:relative;}

.mob_nav > ul > li .menu li a{color: #333;width: 90%;margin: auto;border-top: 1px dashed #d3d3d3;}

.mob_nav > ul > li .menu .three_menu{display:none;position: inherit;width: 100%;left: 0;background: #f7f7f7;margin-top: 10px;}

.mob_nav > ul > li .menu .three_menu li{font-size:14px;color:#666;}

.mob_nav .add_select{display:block;width:14px;height:14px;background:url(../images/add.png)no-repeat center center;position: absolute;right: 24px;top: 18px;}

.mob_nav .add{background:url(../images/cut.png)no-repeat center center;}


.mob_search{padding:15px}

.mob_search form{border:1px solid #d3d3d3;height:36px;border-radius:18px;padding:0 10px}

.mob_search form input{border:none;background:none;line-height:34px;float:left;width:200px}

.mob_search form button{float:right;height:34px;line-height:34px;padding:0 10px;background:none}

.mob_search form button img{height:15px}

.nav_btns>li:nth-child(1){-webkit-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}

.nav_btns>li:nth-child(2){display:none}
.nav_btns>li:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}


.mob_search input{color:#333;  }

#word::placeholder {
  color:#757575;
}

.one_floor{
  padding-top: 30px;
}

.one_floor .news_box{
  margin-top: 40px;
  flex-wrap: wrap;
}
.one_floor .news_wheel{
  width:100%;
  height: auto;
}


.one_floor .news_wheel .bd li a img {
  width: 100%;
  height: auto;
}

.one_floor .news_right {
  width: 100%;
}

.one_floor .news_bg img {
  transform: scale(0.7);
  transform-origin: left bottom;
}
.media{
  flex-wrap: wrap;
  height:unset;
}

.media .media_left{
  padding: 40px;
  width:100%;
  
}

.media .media_right{
  padding: 40px;
  width:100%;
  height:unset;
}
.school_images_content li:first-child,.school_images_content li:nth-child(2){
  width: 50%;
  height: auto;
}
.school_images_content li{
  width: 33.3%;
  height: auto;
}


.school_images_content{
  margin-top: 50px;
  height: auto;
  
}
.school_images .allWidth{
  padding-top: 30px;
  padding-bottom: 50px;
  
}


.special_website {
  padding-top: 30px;
}
.special_website .special_column{
  padding:0 15px;
  width:100%;
}
.special_website .swiper-container{
  margin: 40px auto 45px;
  width:80%;
}

.special_website .swiper-container .swiper-slide{
  width:321px;
  height:424px;
}

.special_website .special_column_image{
  width:321px;
  height:424px;
}
.special_website .special_column_item p{
  top: 20px;
  left: 20px;
  letter-spacing: 5px;
  font-size: 22px;
}
.media_right ul{
  gap: unset;
  
  justify-content: space-between;  
}
.one_floor .news_box .firstNews_right{
  flex: 1;
  width: calc(100% - 200px);
}

.footer .footer_top{
  
  padding-top: 26px;
  padding-bottom: 26px;
}
.footer .footer_top ul{
  
  flex-wrap: wrap;
  gap:5px;
  
}


.footer .footer_top .link_a{
  width:49%;
}
.footer{
  height:unset;
}
.footer .footer_middle{
  height:unset;
}
.footer_middle .allWidth{
  flex-direction: column;
  
  align-items:unset;
  padding-top: 26px;
  padding-bottom: 26px;
}
.footer_middle_logo img{
  
  margin-right: unset;
  
  margin-bottom: 20px;
}


.footer_middle_content .footer_middle_content_box:nth-child(1) {
  margin-bottom: 10px;
}
.footer_middle_codes{
  margin-top: 20px;
  margin-left: unset;
}


.footer .footer_bottom .allWidth{
  flex-direction: column;
  
  align-items: unset;
}
.footer .footer_bottom{
  height: unset;
  
  padding: 10px 0;
  
}





































}
















/*=========================== mobile =======================*/
@media only screen  and (max-width: 768px) {
  .allWidth{width:100%;padding:0 15px;}

.system_link{
  position:unset;
  padding: 15px;
  color: #333;
  flex-wrap: wrap;
  gap: 10px;
  border-top: solid 1px #d3d3d3;
}
.system_link a{
  color: #333;
  border-right: 1px solid #333;
}

.index_nav{
  display:none;
}

.banner {
  
  height: auto;
  
}

.banner .allWidth{
  bottom : 5px;
}

.logoBox{
  display: flex;
  height: 80px;
  line-height: 80px;
  background: #1E6FC9;
  
} 
.logoBox .allWidth{
  display:flex;
  justify-content: space-between;
  height: 80px;
}

.logoBox .logo{
  transform: scale(0.7);
  transform-origin: left center;
}

.logo img {
  width: 100%;
  height: 100%;
}
.column_box .left_page{
  display:none;
}
.column_box .right_con{
  padding: 20px;
  margin-left:unset;
  
}

.mob_select{display:block;cursor: pointer;float: right;margin-top: 25px;}
.mob_select li{width:28px;height:2px;background:#fff;margin:6px 0}




.mob_nav{display:none;width: 100%;height:auto;background: #eaeef5;border-radius: 0;position: absolute;top: 80px;left: 0;}

.mob_nav >ul{display:block;}

.mob_nav >ul > li{float:none;width: 100%;line-height: 50px;border-bottom: solid 1px #d3d3d3;margin:0}

.mob_nav >ul > li > a{width: 70%;padding: 0 0px;margin: auto;color: #333;}

.mob_nav > ul > li .menu{display:none;font-size: 15px;position: inherit;top:0px;background: #fff;}

.mob_nav > ul > li .menu li{position:relative;}

.mob_nav > ul > li .menu li a{color: #333;width: 90%;margin: auto;border-top: 1px dashed #d3d3d3;}

.mob_nav > ul > li .menu .three_menu{display:none;position: inherit;width: 100%;left: 0;background: #f7f7f7;margin-top: 10px;}

.mob_nav > ul > li .menu .three_menu li{font-size:14px;color:#666;}

.mob_nav .add_select{display:block;width:14px;height:14px;background:url(../images/add.png)no-repeat center center;position: absolute;right: 24px;top: 18px;}

.mob_nav .add{background:url(../images/cut.png)no-repeat center center;}


.mob_search{padding:15px}

.mob_search form{border:1px solid #d3d3d3;height:36px;border-radius:18px;padding:0 10px}

.mob_search form input{border:none;background:none;line-height:34px;float:left;width:200px}

.mob_search form button{float:right;height:34px;line-height:34px;padding:0 10px;background:none}

.mob_search form button img{height:15px}

.nav_btns>li:nth-child(1){-webkit-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}

.nav_btns>li:nth-child(2){display:none}
.nav_btns>li:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}


.mob_search input{color:#333;  }

#word::placeholder {
  color:#757575;
} 
.special_website .special_column{
  padding:0 15px;
  width:100%;
}
.special_website .swiper-container{
  margin: 20px auto 45px;
  width:80%;
}

.special_website .swiper-container .swiper-slide{
  width:214px;
  height:282px;
}

.special_website .special_column_image{
  width:214px;
  height:282px;
}
.special_website .special_column_item p{
  top: 20px;
  left: 20px;
  letter-spacing: 5px;
  font-size: 16px;
}
.tab_title div{
  
  margin: 0 2px;
  font-size: 20px;
}
.tab_title img{
  transform: scale(0.7);
}
.footer .footer_top{
  
  padding-top: 26px;
  padding-bottom: 12px;
}
.footer .footer_top ul{
  
  flex-wrap: wrap;
  gap:5px;
  
}


.footer .footer_top .link_a{
  width:49%;
  font-size: 14px;
  line-height:18px;
}
.footer{
  height:unset;
}
.footer .footer_middle{
  height:unset;
}
.footer_middle .allWidth{
  flex-direction: column;
  
  align-items:unset;
  padding-top: 10px;
  padding-bottom: 10px;
}
.footer_middle_logo img{
  
  margin-right: unset; 
  
  
  transform: scale(0.8);
  transform-origin: top left;
}
.footer_middle_content_box p:nth-child(1),.footer_middle_content_box p:nth-child(2){
  font-size: 14px;
  line-height:19px;
}

.footer_middle_content .footer_middle_content_box:nth-child(1) {
  margin-bottom: 10px;
}
.footer_middle_codes{
  margin-left: unset;
}
.footer .footer_top .link_title{
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 20px;
}

.footer_middle_codes img{
  width: 96px;
  height: 96px;
}
.footer_bottom p{
  font-size: 12px;
  line-height: 16px;
}
.footer .footer_bottom .allWidth{
  flex-direction: column;
  
  align-items: unset;
}
.footer .footer_bottom{
  height: unset;
  
  padding: 10px 0;
  
}

.school_images_content{
  margin-top: 20px;
  height:unset;
}

.school_images .allWidth{
  
  padding-top: 20px;
  padding-bottom: 20px;
}
.special_website{
  padding-top:20px;
}

.school_images_content li:first-child,.school_images_content li:nth-child(2){
  width: 50%;
  height: auto;
}
.school_images_content li{
  width: 33.3%;
  height: auto;
}

.media{
  height:unset;
  flex-wrap: wrap;
}

.media .media_left{
  padding: 20px 15px;
  width: 100%;
}

.media .media_right {
  padding:20px 15px;
  width: 100%;
  height: unset;
}

.media_left_tab .title{
  font-size: 20px;
  line-height: 36px;
}


.media_left_tab .more{
  font-size: 16px;
  line-height: 22px;
}

.media_left ul{
  margin-top: 20px;
  padding: 15px;
}

.notice_adddate_day{
  font-size: 22px;
}

.notice_adddate{
  width: 70px;
  text-align: center;
}

.notice_title a{
  font-size: 16px;
  line-height: 24px;
}

.notice_title {
  margin-top: 30px;
  margin-left: 20px;
}
.media_right_tab .title{
  font-size: 20px;
  line-height: 36px;
}

.media_right_tab .more{
  font-size: 16px;
  line-height: 22px;
}

.media_right .job_title{
  font-size: 16px;
  line-height: 24px;
}
.media_right ul{
  margin-top:20px;
  gap: 20px;
  
}

.media_right .job_date{
  font-size: 14px;
  line-height: 20px;
}

.media_right ul li{
  width:100%;
  margin-bottom:unset;
}

.one_floor .news_wheel .hd{
  bottom: 0px;
}

.one_floor{
  padding-top: 20px;  
}


.one_floor .news_box{
  flex-wrap: wrap;
  margin-top: 20px;
}

.one_floor .news_wheel{
  width: 100%;
  height: auto;
}
.one_floor .news_wheel .bd li a img{
  width: 100%;
  height: 100%;
}

.one_floor .news_wheel .bd li .news_btn{
  height:50px;
  line-height:50px;
  font-size: 16px;
}
.one_floor .news_wheel .bd li .news_btn span{
  width: 100%;
}
.one_floor .news_wheel .bd li .news_btn .date{
  width:125px;
  font-size: 16px;
  line-height: 22px;
}

.one_floor .news_right{
  width: 100%;
}

.one_floor .news_more{
  width:100%;
  margin: 20px auto 30px;
  height: 46px;
  line-height: 46px;  
  font-size: 18px;
}

.one_floor .news_bg{
  display: none;
}

.one_floor .news_box .news_adddate{
  margin-right: 20px;
}
.one_floor .news_box .news_adddate .news_adddate_day{
  
  
}
.one_floor .news_box .firstNews_right{
  width: 200px;
  flex: 1;
}



.one_floor .news_right ul li{
  margin-bottom: 20px;
}
.one_floor .news_right ul li a .news_title{
  margin-right: 10px;
  font-size: 16px;
  line-height: 22px;
}
.one_floor .news_right li a .news_date{
  font-size: 16px;
  line-height: 22px;
}





}