.home {
  height: 100vh;
  overflow: hidden;
}
.home .header {
  position: fixed;
  top: 0;
  z-index: 9999;
}

.home .first-init-img{
???  position: absolute;
???  top: 0;
???  left: 0;
???  width: 100%;
???  height: 100%;
???  z-index: 9998;}
.clearfix{clear: both;}
.index .banner-container {
  width: 100%;
  height: 100vh;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.index .banner-container .imgs-container {
  width: 1000%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.index .banner-container .imgs-container li {
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.index .banner-container .imgs-container li img {
  display: block;
  width: 100%;
  min-width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  object-fit: cover;
}
.header.fixed {
    display: none;
}

.index .banner-container .imgs-container li video{
    width: 100%;
    height: auto;
    background: #000;
    position: absolute;left: 50%;margin-left: -50%;
    bottom: 0;}
.index .banner-container .imgs-container li .title {
  height: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  line-height: 1rem;
  position: absolute;
  left: 1.7rem;
  bottom: 1.02rem;
}
.index .banner-container .but {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  width: 38px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 30px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-family: "宋体";
   cursor: pointer;
  display: none;
}
.index .banner-container .but-left {
  left: 0;
}
.index .banner-container .but-right {
  right: 0;
}
.index .banner-container .bar {
  height: 0.08rem;
  position: absolute;
  left: 42.78rem;
  bottom: 1.4rem;
  background: #005dff;
}
.index .banner-container .currentPage,
.index .banner-container .count {
  color: #fff;
  font-size: 0.6rem;
  font-weight: bold;
  position: absolute;
  bottom: 1.08rem;
}
.index .banner-container .count {
  left: 45.5rem;
}
.index .banner-container .currentPage {
  left: 41.77rem;
}
.index .banner-container:hover .but {
  display: block;
}
.index .news-container {
  width: 100%;
  padding: 2rem 4rem;

}
.index .news-container .top-container {
  width: 100%;
}
.index .news-container .top-container::after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.index .news-container .top-container .title-container {
  float: left;
  height: 1.2rem;
  font-size: 0.9rem;
  font-weight: bold;
  color: #BE1C21;
  line-height: 1.2rem;
}
.index .news-container .content > div {
  display: none;
  overflow: hidden;
}
.index .news-container .content > div .left {
  width: 11.9rem;
}

.index .news-container .content > div .left .content-container {
  width: 100%;
  height: 9.8rem;
  background: #fff;
  padding: 1.1rem 0.98rem 0;
  position: relative;
}
.index .news-container .content > div .left .content-container .abstract {
  width: 15.95rem;
  height: 5.25rem;
  font-size: 0.4rem;
  color: #202020;
  line-height: 0.75rem;
  text-indent: 0.9rem;
  margin-bottom: 1.52rem;
  text-align: justify;
  overflow: hidden;
}
.index .news-container .content > div .left .content-container .more {
  font-size: 0.35rem;
  font-weight: bold;
  color: #202020;
  line-height: 0.48rem;
  position: relative;
}
.index .news-container .content > div .left .content-container .more:hover {
  color: #BE1C21;
}
.index .news-container .content > div .left .content-container .more:hover .iconfont {
  color: #ff0000;
}
.index .news-container .content > div .left .content-container .more .iconfont {
  font-size: 1rem;
  font-weight: bold;
  zoom: 0.3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 1rem;
}
.index .news-container .content > div .left .content-container .time {
  position: absolute;
  right: 0.98rem;
  bottom: 1.3rem;
}
.index .news-container .content > div .left .content-container .time .iconfont {
  font-size: 0.5rem;
  font-weight: bold;
  color: #BE1C21;
}
.index .news-container .content > div .left .content-container .time span {
  color: #BE1C21;
  font-size: 0.5rem;
  line-height: 0.68rem;
}
.index .news-container .content > div .right {
  width: 12rem;
}
.index .news-container .content > div .right li {
  width: 100%;
  /* height: 2.5rem; */
  height: 2rem;
  border-bottom: 1px #eee solid;
  margin-top: 0.3rem;
  position: relative;
  cursor: pointer;
},

.index .news-container .content > div .right li:hover p,
.index .news-container .content > div .right li:hover .time {
  font-weight: bold;
  color: #BE1C21;
}
.index .news-container .content > div .right li p {
  font-size: 0.5rem;
  color: #202020;
  line-height: 0.65rem;
  letter-spacing: 1px;
  overflow: hidden;
/*  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; */
}
.index .news-container .content > div .right li .time {
  height: 0.68rem;
  font-size: 0.4rem;
  color: #999;
  line-height: 0.68rem;
  position: absolute;
  left: 0;
  bottom: 0.3rem;
}
.index .news-container .content > div .right li:nth-of-type(1) {
  margin-top: 0;
}
.index .news-container .content > div.active {
  display: flex;
}
.index .news-container .content > div .right li:hover {
  border-bottom: 0.03rem solid #BE1C21;
  background-position: 7rem bottom;
  background-repeat: no-repeat;
  background-size: 4.9rem 3.35rem;
}
.index .news-container .content > div .right li:hover p,
.index .news-container .content > div .right li:hover .time {
  color: #BE1C21;
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// */
.tit_news{display: flex;justify-content: space-between;align-items: center;padding-bottom: .3rem;margin-bottom: .3rem; border-bottom: 1px #eee solid;}
.tit_news_fl h1{font-size:.9rem;font-weight: bold;}
.tit_news_bot{display: flex;align-items: center;}
.tit_news_bot span{font-size: .3rem;color:#999}
.tit_news_fr{display: block;width:80px;}
.tit_news_fr img{width: 100%;}
.fr{float:right}
.fl{float:left}
.index .news_center {
  width: 14rem;
  margin: 0 0.7rem;
  overflow: hidden;
  background: #BE1C21;
  border-radius: 0 0 10px 10px;
  position: relative;
}
.index .news_center .float-left {
  width: 100%;
  position: absolute;
  bottom: 3%;
  z-index: 9;
}
.index .news_center .float-left .title-container .title {
  width: 3.6rem;
  font-size: 0.9rem;
  font-weight: bold;
  color: #BE1C21;
  line-height: 1.2rem;
  position: relative;
}
.index .news_center .float-left .title-container .title:before {
  content: "";
  width: 2.05rem;
  height: 0.2rem;
  background: #BE1C21;
  position: absolute;
  left: 0;
  bottom: -0.48rem;
}
.index .news_center .float-left .title-container .intro {
  width: 10.5rem;
  height: 2.8rem;
  font-size: 0.4rem;
  color: #999;
  line-height: 0.7rem;
  margin-top: 0.9rem;
}
.index .news_center .float-left .tab-nav1 {
  width: 100%;
  display: flex;
  justify-content: center;
}
.index .news_center .float-left .tab-nav1 li {
  width: 0.2rem;
  height: 0.2rem;
  margin: 1%;
  border-radius: 100%;
  background: #fff;
  position: relative;
  cursor: pointer;
}
.index .news_center .float-left .tab-nav1 li a {
  display: block;
}
.index .news_center .float-left .tab-nav1 li:nth-of-type(1) {
  border-top: none;
}

.index .news_center .float-left .tab-nav1 li:hover a,
.index .news_center .float-left .tab-nav1 li.active a {
  color: #BE1C21;
}

.index .news_center .float-left .tab-nav1 li.active{
	width: 1rem;
	border-radius: 40px;
	height: 0.2rem;
	background: #fff;
}
.index .news_center .float-left .tab-nav1 li.active:before {
  content: "";
  width: 1.3rem;
  height: 0.3rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.index .news_center .float-right {
  width: 100%;
  /* height: 18.55rem; */
  position: relative;
}
.index .news_center .float-right div {
 
  width: 100%;
  overflow: hidden;
  position: relative;
}
.index .news_center .float-right div a{
  border-radius: 10px 10px 0 0;overflow:hidden}
.index .news_center .float-right div .nr_con {
	  display: block;
	  background: #BE1C21;
	  padding:0.75rem;
	  border-radius: 0 0 10px 10px;
	  padding-bottom: 1.5rem;
}
.index .news_center .float-right div h1 {
  font-size: 0.6rem;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.index .news_center .float-right div p{
    color:#fff;
    font-size: 0.4rem;
    line-height: .8rem;
    height:70px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp:3; */
	-webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    }
.index .news_center .float-right div span{color:#fff;font-size: 0.4rem;display: block;margin: 0.2rem 0;}
.index .news_center .float-right div img {
  width: 100%;
  display: block;
  height: 8rem;
	
}

.index .news_center .float-right div img:hover{    transform: scale(1.06);  transition: .5s;}

.index .news_center .float-right div.active {
  display: block;
}
.index .news_center .float-right .progress {
  height: 0.1rem;
  position: absolute;
  left: 1.75rem;
  bottom: 1.15rem;
  background: #005dff;
  height: 0.08rem;
}
.index .news_center .float-right .count,
.index .news_center .float-right .current {
  height: 0.8rem;
  font-size: 0.6rem;
  color: #fff;
  line-height: 0.8rem;
  position: absolute;
  bottom: 0.8rem;
}
.index .news_center .float-right .current {
  left: 0.9rem;
}
.index .news_center .float-right .count {
  left: 4.3rem;
}
.index .news_center .control {
  display: none;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// */
.index .evaluation-container {
    width: 100%;
    background: url("https://www.katonuitanga.com/images/evaluation.png") no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    position: relative;
}
.index .evaluation-container .content-container {
    width: 100%;
    height: 100%;
}
.index .evaluation-container .content-container .content {
    width: 100%;
    padding: 2rem 4rem;
    display: flex;
    justify-content: space-between;
    left: 50%;
    top: 50%;
    z-index: 999;
}
.kd_box{background: #fff;box-shadow: 0px 0px 16px 4px rgba(0,80,132,0.1);border-radius: 10px;padding: 1rem;width:28%;transition: .5s;}
.kd_tit{padding-bottom: 1rem;}
.kd_tit h1{font-size:.9rem;font-weight: bold;text-align: center;}
.kd_bot{display: flex;align-items: center;justify-content: center;}
.kd_bot span{font-size: .3rem;color:#999}
.kd_ul{ border-top: 1px #eee dashed;}
.kd_ul li{border-bottom: 1px #eee dashed ;padding: .4rem 0;}
.kd_ul li:hover p{font-weight: bold;color: #BE1C21;}
.kd_ul li a{display: block;display: flex;justify-content: space-between;align-items: center;}
.kd_ul li a p{font-size: .5rem;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.kd_ul li a span{color:#999;font-size: .4rem;display: none;}
.kd_now{width: 70%;position: relative;}
.kd_now .kd_ul li a p{width: calc(100% - 100px);}
.kd_now .kd_ul li a span{display: block;}
.kd_more{width: 3.5rem;transition: .5s;font-size: .4rem;display: none;text-align: center;position: absolute;font-family: Arial;bottom: -4%;margin-left: -1.75rem;left: 50%;font-weight: bold;color: #FFFFFF;line-height: 1.1rem;/* height: 40px; */background: #BE1C21;box-shadow: 0px 2px 0px 0px #005084;border-radius: 20px;}

.kd_now .kd_more{display:block}
.index .education-container {
  overflow: hidden;
  position: relative;
  padding: 2rem 4rem;
}
.index .education-container .tit_news{border-bottom: 0;}
.index .education-container .left {
  width: 9.5rem;
  position: absolute;
  right: 5.4rem;
  top: 50%;
  margin-top: -3.5rem;
}
.index .education-container .left .title-container .title {
  width: 3.6rem;
  font-size: 0.9rem;
  font-weight: bold;
  color: #BE1C21;
  line-height: 1.2rem;
  position: relative;
}
.index .education-container .left .title-container .title:before {
  content: "";
  width: 2.05rem;
  height: 0.2rem;
  background: #BE1C21;
  position: absolute;
  left: 0;
  bottom: -0.48rem;
}
.index .education-container .left .title-container .intro {
  width: 10.5rem;
  height: 2.8rem;
  font-size: 0.4rem;
  color: #999;
  line-height: 0.7rem;
  margin-top: 0.9rem;
}
.index .education-container .left .tab-nav {
  width: 100%;
  background: #BE1C21;
  padding: 1.3rem;
  border-radius: 10px;
  /* margin-top: 4.78rem; */
}
.index .education-container .left .tab-nav li {
  width: 100%;
  padding: .1rem .3rem;
  font-size: 0.6rem;
  margin: .6rem 0;
  background: url("https://www.katonuitanga.com/images/zs_bj1.png") no-repeat left bottom;
  background-size: 120px 20px;
  color: #fff;
  position: relative;
  cursor: pointer;
}
.index .education-container .left .tab-nav li a {
  display: block;
  color: #fff;
}
.index .education-container .left .tab-nav li:nth-of-type(1) {
  border-top: none;
}
.index .education-container .left .tab-nav li:hover,
.index .education-container .left .tab-nav li.active {
 background: url("https://www.katonuitanga.com/images/zs_bj2.png") no-repeat;background-size: 100% 100%;
  font-weight: bold;
}
.index .education-container .left .tab-nav li:hover a,
.index .education-container .left .tab-nav li.active a {
  color: #BE1C21;
}
.index .education-container .left .tab-nav li:hover:before,
.index .education-container .left .tab-nav li.active:before {
  width: 0.25rem;
  height: 1.25rem;
  background: #BE1C21;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.index .education-container .right {
  width: 30rem;
  height: 16rem;
  position: relative;
}
.index .education-container .right div {
  display: none;
  width: 100%;
  height: 100%;
  position: relative;
}
.index .education-container .right div p {
  height: 1.58rem;
  font-size: 0.65rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.58rem;
  padding-left: 0.75rem;
  background: linear-gradient(180deg, #0069c9 0%, #BE1C21 100%);
  right: 0;
  top: -1.13rem;
}
.index .education-container .right div img {
  width: 100%;
  height: 100%;
}
.index .education-container .right div img:hover{    transform: scale(1.06);  transition: .5s;}

.index .education-container .right div.active {
  display: block;
}
.index .education-container .right .progress {
  height: 0.1rem;
  position: absolute;
  left: 1.75rem;
  bottom: 1.15rem;
  background: #005dff;
  height: 0.08rem;
}
.index .education-container .right .count,
.index .education-container .right .current {
  height: 0.8rem;
  font-size: 0.6rem;
  color: #fff;
  line-height: 0.8rem;
  position: absolute;
  bottom: 0.8rem;
}
.index .education-container .right .current {
  left: 0.9rem;
}
.index .education-container .right .count {
  left: 4.3rem;
}
.index .education-container .control {
  display: none;
}
/* main_img */
.img_gallery{height:21rem;overflow:hidden;position:relative;width:100%;padding:1.5rem 6.5rem;margin:0 auto;background: url("https://www.katonuitanga.com/images/yrbj.png") no-repeat;background-size: 100% 100%;}
.main_img{height:100%;overflow:hidden;position:relative;width:83%;}
.main_img ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0;}
.main_img li{float:left;width:100%;height:100%; cursor: pointer;}
.main_img li span{display:block;width:100%;height:100%;}
.main_img li a{display:block;width:100%;height:100%;}
.main_img li span img{width: 100%;height: 100%;display: block;}
.main_img li span img:hover{transform: scale(1.06);  transition: .5s;}
.img_font{position:absolute; bottom:30px; left:8.5%; color:#fff; width:100%; padding:10px;}
.img_font span{display:none; }

div.point{position:absolute;bottom:33px;left:50%;z-index:999;height:21px;margin:0 0 0 -50px;}
div.point a{float:left;width:.3rem;height:.3rem;margin:0 .2rem;padding:0;background:#BE1C21;display:block;text-indent:-1000px;border-radius: 100%;}
div.point a.on{background: #fff;border:2px #BE1C21 solid}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{left:10%;}
#btn_next{right:10%;}
/* 地图点击 */
.img_gallery_box{height:22rem;overflow:hidden;position:relative;width:100%;padding:0 6.5rem;margin:0 auto;background: url("https://www.katonuitanga.com/images/yrbj.png") no-repeat;background-size: 100% 100%;}
.img_gallery_box .img_gallery_container{
	    padding: 0 4rem;
		position: relative;
		display: flex;
		height:22rem
}
.img_gallery_container_l{
	flex:1
}
.img_gallery_container_r{
	margin-top:2.5rem;
}
.img_gallery_container_r .item_content{
	width:100%;
	display: none;
}
.img_gallery_container_r .item_content .sonTit{
	color:#BE1C21;
	font-size:.75rem;
	font-weight: bold;
}
.img_gallery_container_r .item_content .conUl .conUlItem a{
	font-size:.5rem;
	color:#333;
}
.img_gallery_container_r .item_content .conUl .conUlItem a:hover{
	font-size:.5rem;
	color:#BE1C21;
}
.img_gallery_container_r .item_content.show{
	display: block;
}
.img_gallery_box .pointItem{
	position: absolute;
	cursor: pointer;
	font-size:.5rem;
	font-weight: bold;
	color:#fff;
	text-align: center;
}
.img_gallery_box .pointItem:hover,.img_gallery_box .pointItem.active{
	transition: all .2s;
	color:#fff;
}
.img_gallery_box .pointItem:nth-child(1){
	width:3.825rem;
	height:3.825rem;
	line-height: 3.825rem;
	background: url("https://www.katonuitanga.com/images/map/a.png") no-repeat;
	background-size: 100% 100%;
	top:1rem;
	left:8.95rem;
	z-index: 5;
}
.img_gallery_box .pointItem:nth-child(1):hover,.img_gallery_box .pointItem:nth-child(1).active{
	width:3.825rem;
	height:3.825rem;
	line-height: 3.825rem;
	background: url("https://www.katonuitanga.com/images/map/a_active.png") no-repeat;
	background-size: 100% 100%;
	top:1rem;
	left:8.95rem;
	z-index: 5;
}
.img_gallery_box .pointItem:nth-child(2){
	width:4.075rem;
	height:6.245rem;
	line-height:6.245rem;
	background: url("https://www.katonuitanga.com/images/map/b.png") no-repeat;
	background-size: 100% 100%;
	top:3.35rem;
	left:8.35rem;
	z-index: 4;
}
.img_gallery_box .pointItem:nth-child(2):hover,.img_gallery_box .pointItem:nth-child(2).active{
	width:4.075rem;
	height:6.245rem;
	line-height:6.245rem;
	background: url("https://www.katonuitanga.com/images/map/b_active.png") no-repeat;
	background-size: 100% 100%;
	top:3.35rem;
	left:8.35rem;
	z-index: 4;
}
.img_gallery_box .pointItem:nth-child(3){
	width:8rem;
	height:8.075rem;
	line-height:8.075rem;
	background: url("https://www.katonuitanga.com/images/map/c.png") no-repeat;
	background-size: 100% 100%;
	top:6.35rem;
	left:7.5rem;
	z-index: 3;
}
.img_gallery_box .pointItem:nth-child(3):hover,.img_gallery_box .pointItem:nth-child(3).active{
	width:8rem;
	height:8.075rem;
	line-height:8.075rem;
	background: url("https://www.katonuitanga.com/images/map/c_active.png") no-repeat;
	background-size: 100% 100%;
	top:6.35rem;
	left:7.5rem;
	z-index: 3;
}
.img_gallery_box .pointItem:nth-child(4){
	width:8.6rem;
	height:7.6rem;
	line-height:5.6rem;
	background: url("https://www.katonuitanga.com/images/map/d.png") no-repeat;
	background-size: 100% 100%;
	top:8.9rem;
	left:2.3rem;
	z-index: 2;
}
.img_gallery_box .pointItem:nth-child(4):hover,.img_gallery_box .pointItem:nth-child(4).active{
	width:8.6rem;
	height:7.6rem;
	line-height:5.6rem;
	background: url("https://www.katonuitanga.com/images/map/d_active.png") no-repeat;
	background-size: 100% 100%;
	top:8.9rem;
	left:2.3rem;
	z-index: 2;
}
.img_gallery_box .pointItem:nth-child(5){
	background: url("https://www.katonuitanga.com/images/map/e.png") no-repeat;
	background-size: 100% 100%;
	width:6.6rem;
	height:6.3rem;
	line-height:6.3rem;
	left:6.35rem;
	bottom:1.06rem;

}
.img_gallery_box .pointItem:nth-child(5):hover,.img_gallery_box .pointItem:nth-child(5).active{
	background: url("https://www.katonuitanga.com/images/map/e_active.png") no-repeat;
	background-size: 100% 100%;
	width:6.6rem;
	height:6.3rem;
	line-height:6.3rem;
	left:6.35rem;
	bottom:1.06rem;

}
/* 移动端 */
.img_gallery_box_wap{display: none;height:auto;overflow:hidden;position:relative;width:100%;padding:1.5rem .65rem;margin:0 auto;background: url("https://www.katonuitanga.com/images/yrbj.png") no-repeat;background-size: 100% 100%;}
.img_gallery_box_wap .img_gallery_container_wap{
	    /* padding:1.5rem 6.5rem; */
		position: relative;
		/* display: flex; */
		/* height:auto */
		/* padding:1.5rem 0; */
		min-height:24rem;
}
.img_gallery_container_up{
	position: relative;
	left:2rem;
}
.img_gallery_box_wap .pointItem{
	position: absolute;
	cursor: pointer;
	font-size:.5rem;
	font-weight: bold;
	color:#fff;
	text-align: center;
}
.img_gallery_box_wap .pointItem:hover,.img_gallery_box_wap .pointItem.active{
	transition: all .2s;
	color:#ff9600;
}
.img_gallery_box_wap .pointItem:nth-child(1){
	width:3.825rem;
	height:3.825rem;
	line-height: 3.825rem;
	background: url("https://www.katonuitanga.com/images/map/a.png") no-repeat;
	background-size: 100% 100%;
	top:1rem;
	left:6.65rem;
	z-index: 5;
}
.img_gallery_box_wap .pointItem:nth-child(1):hover,.img_gallery_box_wap .pointItem:nth-child(1).active{
	width:3.825rem;
	height:3.825rem;
	line-height: 3.825rem;
	background: url("https://www.katonuitanga.com/images/map/a_active.png") no-repeat;
	background-size: 100% 100%;
	top:1rem;
	left:6.65rem;
	z-index: 5;
}
.img_gallery_box_wap .pointItem:nth-child(2){
	width:4.075rem;
	height:6.245rem;
	line-height:6.245rem;
	background: url("https://www.katonuitanga.com/images/map/b.png") no-repeat;
	background-size: 100% 100%;
	top:3.35rem;
	left:6.05rem;
	z-index: 4;
}
.img_gallery_box_wap .pointItem:nth-child(2):hover,.img_gallery_box_wap .pointItem:nth-child(2).active{
	width:4.075rem;
	height:6.245rem;
	line-height:6.245rem;
	background: url("https://www.katonuitanga.com/images/map/b_active.png") no-repeat;
	background-size: 100% 100%;
	top:3.35rem;
	left:6.05rem;
	z-index: 4;
}
.img_gallery_box_wap .pointItem:nth-child(3){
	width:8rem;
	height:8.075rem;
	line-height:8.075rem;
	background: url("https://www.katonuitanga.com/images/map/c.png") no-repeat;
	background-size: 100% 100%;
	top:6.35rem;
	left:5.2rem;
	z-index: 3;
}
.img_gallery_box_wap .pointItem:nth-child(3):hover,.img_gallery_box_wap .pointItem:nth-child(3).active{
	width:8rem;
	height:8.075rem;
	line-height:8.075rem;
	background: url("https://www.katonuitanga.com/images/map/c_active.png") no-repeat;
	background-size: 100% 100%;
	top:6.35rem;
	left:5.2rem;
	z-index: 3;
}
.img_gallery_box_wap .pointItem:nth-child(4){
	width:8.6rem;
	height:7.6rem;
	line-height:5.6rem;
	background: url("https://www.katonuitanga.com/images/map/d.png") no-repeat;
	background-size: 100% 100%;
	top:8.9rem;
	left:0;
	z-index: 2;
}
.img_gallery_box_wap .pointItem:nth-child(4):hover,.img_gallery_box_wap .pointItem:nth-child(4).active{
	width:8.6rem;
	height:7.6rem;
	line-height:5.6rem;
	background: url("https://www.katonuitanga.com/images/map/d_active.png") no-repeat;
	background-size: 100% 100%;
	top:8.9rem;
	left:0;
	z-index: 2;
}
.img_gallery_box_wap .pointItem:nth-child(5){
	background: url("https://www.katonuitanga.com/images/map/e.png") no-repeat;
	background-size: 100% 100%;
	width:6.6rem;
	height:6.3rem;
	line-height:6.3rem;
	left:4.05rem;
	top:14.65rem;

}
.img_gallery_box_wap .pointItem:nth-child(5):hover,.img_gallery_box_wap .pointItem:nth-child(5).active{
	background: url("https://www.katonuitanga.com/images/map/e_active.png") no-repeat;
	background-size: 100% 100%;
	width:6.6rem;
	height:6.3rem;
	line-height:6.3rem;
	left:4.05rem;
	top:14.65rem;

}
.img_gallery_container_bottom {
	margin-top:.75rem;
}
.img_gallery_container_bottom .item_content{
	width:100%;
	display: none;
}
.img_gallery_container_bottom .item_content .sonTit{
	color:#0070bc;
	font-size:.75rem;
	font-weight: bold;
}
.img_gallery_container_bottom .item_content .conUl .conUlItem a{
	font-size:.5rem;
	color:#333;
}
.img_gallery_container_bottom .item_content .conUl .conUlItem a:hover{
	font-size:.5rem;
	color:#BE1C21;
}
.img_gallery_container_bottom .item_content.show{
	display: block;
}
@media screen and (max-width: 1200px) {
	.img_gallery_box_wap{
		display: block;
	}
	.img_gallery_box{
		display: none;
	}
}
/* 学生风采 */
.box{overflow: hidden;width:100%;margin: 0 auto;position: relative;}
#roll{	width: 200%;}
#roll dd{	width:376px;float: left;margin-right:20px; cursor: pointer;}
#roll dd .img{position: relative;width: 100%; height: 223px;overflow: hidden;border-radius:3%;}
#roll dd .img img{width: 100%; height: 100%;}
.box span{position: absolute;bottom: 43%; z-index: 1; width: 38px;height: 60px; line-height: 60px; text-align: center;font-size: 30px; background: rgba(0, 0, 0, 0.3); color: #fff;  font-family: "宋体"; cursor: pointer;}
/* #roll dd .img:hover{border-radius:50%;transition:border-radius .5s cubic-bezier(.165, .84, .44, 1),filter .5s cubic-bezier(.165, .84, .44, 1),-webkit-filter .5s cubic-bezier(.165, .84, .44, 1);} */
#roll dd:hover .tit{
	color:#BE1C21;
}
.scaleImg img{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.scaleImg:hover img{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
#roll dd .img .show { width: 100%;  height: 100%;  position: absolute; left: 0; right: 0; top: 100%; bottom: 0; /*background: url("https://www.katonuitanga.com/images/ind_bj3.1.png") no-repeat 0 0 /100% 100%;*/  color: #fff; display: flex; align-items: center; justify-content: center; transition: all 0.6s;font-size: 26px; transform: scale(1.06);}
.box .next{left: 0;  width: 38px;height: 60px; line-height: 60px; text-align: center;font-size: 30px; background: rgba(0, 0, 0, 0.3); color: #fff;  font-family: "宋体"; cursor: pointer;}
.box .prev{right:0px;}
#roll dd .tit { font-size: 20px; color: #494949; height: 30px; line-height: 30px; margin-top: 5px;text-align: center;}
#roll dd:hover .show{top: 0;}
			/* #roll dd:hover .tit{opacity: 0;} */
.index .number-container {
  width: 100%;
  margin-top: -3rem;
  margin-bottom: 2rem;
  height: 23.6rem;
  background: url("https://www.katonuitanga.com/images/sz_bj.png") center center no-repeat;

  position: relative;
}
.index .number-container .content-container {
  width: 100%;padding: 2.8rem 6.5rem;
  height: 100%;
  background: url("https://www.katonuitanga.com/images/sz_bj.png") center center no-repeat;
  background-size: 100% 100%;
}
.sz_top{display: flex;justify-content: space-between;margin-top:3.5rem;}
.sz_box{width: 25%;    display: grid;}
.sz_top>a{padding: 1rem;    padding-left: 0; text-align: justify;}
.tit_shuzi h1{font-size:.9rem;font-weight: bold;color: #fff;}
.tit_shuzi_bot{display: flex;align-items: center;}
.tit_shuzi_bot span{font-size: .3rem;color:#FFFFFF}
.sz_box p{font-size: .4rem;line-height: .7rem;color: #fff;margin-top:.8rem;text-indent: 2em;}
.sz_box a:hover{    transform: translateY(-.2rem);transition: .5s;cursor: pointer;box-shadow: 0px 7px 20px #f4aeae;}
.sz_bot a:hover{    transform: translateY(-.2rem);transition: .5s;cursor: pointer;box-shadow: 0px 7px 20px #f4aeae;}
.sz_box a{display: flex;justify-content:space-evenly;align-items: center;padding:2rem 1rem;    }
.sz_box a h2{font-size: .8rem;font-weight: bold;color: #fff;}
.sz_box a img{height: 1.5rem;}
.sz_box1 a:nth-of-type(1){background: #BE1C21;}
.sz_box1 a:nth-of-type(2){background: #E23A3F;}
.sz_box2 a:nth-of-type(1){opacity: 0;}
.sz_box2 a:nth-of-type(2){background:#F93D42;}
.sz_box3{opacity: 0;}
.sz_bot{display: flex;justify-content: space-between;}
.sz_bot a{width: 25%;display: block;text-align: center;font-size:.8rem;font-weight: bold;color: #fff;padding:2.7rem 0;}
/* .sz_bot a:nth-of-type(1){background: #992939;} */
.sz_bot a:nth-of-type(1){background: #F93D42;}
.sz_bot a:nth-of-type(2){background:#BE1C21;}
.sz_bot a:nth-of-type(3){background:#F93D42;}
/* .sz_bot a:nth-of-type(4){background:#E2B16E;} */
.sz_bot a:nth-of-type(4){background:#BE1C21;}
.sz_box a:hover{}
.sz_bot a:hover{}
 @-webkit-keyframes darkenAnimate {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes darkenAnimate {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes lightAnimate {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lightAnimate {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.index .student-container {
  width: 100%;
  padding: 2rem 4rem;
  padding-bottom: 0;
}
.index .student-container .tit_news{border-bottom:0;}
.index .student-container .title-container {
  font-size: 0.9rem;
  font-weight: bold;
  color: #BE1C21;
  line-height: 1.2rem;
  padding: 3.25rem 0 0 2.5rem;
}
.index .student-container .content-container{width: 100%;}
.index .student-container .content-container ul{width: 100%; display: flex;justify-content: space-around;}
.index .student-container .content-container ul li{width: 30%; height: 300px; overflow: hidden;}
.index .student-container .content-container ul li ima{width:100%; height: 300px; overflow: hidden;}



.index .study-container {
  width: 100%;
  padding: 2rem 4rem;
  padding-bottom: 0;
}
.index .study-container .tit_news{border-bottom:0;}
.index .study-container .title-container {
  font-size: 0.9rem;
  font-weight: bold;
  color: #BE1C21;
  line-height: 1.2rem;
  padding: 3.25rem 0 0 2.5rem;
}
.index .study-container .content-container {
  width: 100%;
  /* margin-top: 1.1rem; */
}
.index .study-container .content-container ul li {
  float: left;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.index .study-container .content-container ul li img{transition: 1.5s;}
/* .index .study-container .content-container ul li img:nth-of-type(2){display: none;transition: 1.5s;} */
.index .study-container .content-container ul li:hover img:nth-of-type(1) {margin-top:-14.78rem;}
/* .index .study-container .content-container ul li:hover img:nth-of-type(2) {display: block; -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
} */
.index .study-container .content-container ul li:hover p .iconfont {
  opacity: 1;
  transition: 1.5s;
}
.index .study-container .content-container ul li img {
  display: block;
  width: 100%;
  height: 100%;
  transition: 1.5s;
}
.index .study-container .content-container ul li .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.index .study-container .content-container ul li p {
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.index .study-container .content-container ul li p span {
  display: inline-block;
  font-size: 0.5rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 5px;
  writing-mode: vertical-lr;
  writing-mode: tb-lr;
}
.index .study-container .content-container ul li p .iconfont {
  display: block;
  font-size: 0.75rem;
  color: #fff;
  margin-top: 0.2rem;
  opacity: 0;
  transition: 1.5s;
  position: relative;
  left: 0.06rem;
}
.index .study-container .content-container ul{overflow: hidden;border-radius: 15px;}
.index .study-container .content-container ul li {
  width: 16%;
  margin: 0 .1rem;
  height: 14.78rem;
}

@media screen and (max-width: 1600px) {
	
}



@media screen and (max-width: 1200px) {
  .home {
    height: auto;
  }
  .home .header {
    position: static;
  }

  .index .banner-container {
    height: 10.1rem;
  }
  .index .banner-container .imgs-container li .title {
    height: 1.05rem;
    height: auto;
    padding-right: 4rem;
    font-size: 0.75rem;
    line-height: 1.05rem;
    position: absolute;
    left: 0.8rem;
    bottom: 0.5rem;
    text-align: left;
  }
  .index .banner-container .bar {
    left: 16.1rem;
    bottom: 0.9rem;
  }
  .index .banner-container .currentPage,
  .index .banner-container .count {
    font-size: 0.5rem;
    bottom: 0.6rem;
  }
  .index .banner-container .count {
    left: 17.5rem;
  }
  .index .banner-container .currentPage {
    left: 15rem;
  }
  .index .news-container {
    height: auto;
    padding: 1.75rem 0.8rem 1.7rem;
  }
  .index .news-container .top-container {
    position: relative;
  }
  .index .news-container .content > div.active{flex-wrap: wrap;}
  .index .news-container .top-container .title-container {
    float: none;
  }
  
  .index .news-container .content {
    width: 100%;
    height: auto;
  }
  .index .news-container .content > div .left {
    float: none;
    width: 100%;
  }
  
  .index .news-container .content > div .left .content-container {
    height: 8.15rem;
    padding: 0.6rem 0.8rem 0.95rem;
  }
  .index .news-container .content > div .left .content-container .abstract {
    height: auto;
    font-size: 0.5rem;
    line-height: 1rem;
    letter-spacing: 1px;
    margin-bottom: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
  .index .news-container .content > div .left .content-container .time {
    right: 0.8rem;
    bottom: 0.85rem;
  }
  .index .news-container .content > div .right {
    float: none;
    width: 100%;
  }
  .index .news_center{
    float: none;
    width: 100%;margin: 1rem 0;
  }
  .index .news_center .float-left{float: none;}
  .index .news-container .content > div .right li {
    height:auto;padding-bottom: .4rem;
    margin-top: 0.5rem;
    border-bottom: 0.03rem solid #BE1C21;
  }
  .index .news_center .float-right { height: 16.55rem;}
  .index .news-container .content > div .right li .time{position: inherit;}
  .index .news-container .content > div .right li p {
    font-size: 0.6rem;
    line-height: 1rem;
  }
  .index .news-container .content > div .right li:nth-of-type(1) {
    margin-top: 1.25rem;
  }
  .index .evaluation-container .content-container .content{padding: 1.75rem 0.8rem 1.7rem;flex-wrap: wrap;}
  .kd_box{width: 100%;margin-bottom: 1.5rem;position: relative;}
  .kd_ul li a span { display: block!important;}
  .kd_more { display: block;}
  .kd_ul li a p {width: 65%;}
  .img_gallery{padding: 1.75rem 0.8rem 1.7rem;height: 14rem;}
  .index .student-container{padding: 1.75rem 0.8rem 1.7rem;}
  .main_img{width: 100%;}
  .index .education-container {
    height: auto;
    padding: 1.85rem 0.8rem 1.8rem;
    position: relative;
  }
  .index .education-container .left {
    float: none;
    width: 26%;
    height: 1.2rem;
    right: .9rem;
    margin-top: -1.2rem;
  }
  
  .index .education-container .left .title-container .title {
    width:100%;
    position: relative;
  }
  .index .education-container .left .title-container .title:before {
    content: "";
    width: 1.25rem;
    height: 0.25rem;
    background: #BE1C21;
    position: absolute;
    left: 0;
    bottom: -0.3rem;
  }
  .index .education-container .left .tab-nav {
    /* display: none; */
    padding: .3rem .5rem;
    border-radius: 5px;
  }
  .index .education-container .left .tab-nav li a{font-weight: normal;}
  .index .education-container .left .tab-nav li{background-size: 100%;padding-top: 0;}
  .index .education-container .right {
    float: none;
    width: 92%;
    height: 8.95rem;
    margin-top: 1rem;
  }
  .index .education-container .right div p {
    width: 14.3rem;
    height: 1.5rem;
    font-size: 0.5rem;
    line-height: 1.5rem;
    top: -0.75rem;
  }
  .index .education-container .right .count {
    left: 3.5rem;
  }
  .index .education-container .control {
    display: none;
  }
  .index .education-container .control a {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    bottom: 2.5rem;
  }
  .index .education-container .control a .iconfont {
    font-size: 0.5rem;
    font-weight: bold;
    color: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -45%);
  }
  .index .education-container .control a.pre {
    right: 5rem;
  }
  .index .education-container .control a.next {
    right: 1.05rem;
  }

  .index .number-container {
    height:auto;margin-top: 0;
    background:#ed676b;
  }
  
  .index .study-container {
    height: auto;
    padding: 1.75rem 0.8rem 1.75rem;
    background: none;
  }
  .index .study-container .title-container {
    padding: 2.5rem 0 0;
  }
  .index .study-container .content-container::after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
  }
  .index .study-container .content-container ul {
    width: 100%;
    display: flex;
  }
  .index .study-container .content-container ul li {
    width: 23.8% !important;
    height: 16.8rem !important;
  }
 .index .number-container .content-container{ padding: 1.75rem 0.8rem 1.75rem;}
 .sz_top{margin-top:0;flex-wrap: wrap;}
 .sz_box{width: 100%;}
 .sz_box2 a:nth-of-type(1){display: none;}
 .sz_box3{display: none;}
 .sz_top>a{padding: 0;padding-bottom: 1rem;}
 .sz_box1{display: flex;float: left;width: 67%;}
 .sz_box1 a{width:50%;padding: 1rem .5rem;}
 .sz_box a,.sz_bot a{padding: 1rem .5rem;display: flex;align-items: center;}
 .sz_box a img{height:1rem;}
 .sz_box2{width: 33%;float: right;}
}
@keyframes round_animate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@-webkit-keyframes round_animate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.index .trun-round-active {
  animation: round_animate 1s ease-in 1s 1 normal;
  -webkit-animation: round_animate 1s ease-in 1s 1 normal;
}

@media(max-width:991px){
.index .news-container{margin-top:auto !important;}
}