@charset "utf-8";
/*banner*/
.ast0{fill:#fff;}
.w1400{ position:relative; clear:both; max-width:1440px;width:88%; margin:0px auto;}
.inner {position: relative;padding-bottom: 2rem;width: 100%;background: url(../images/hbg6.png) no-repeat bottom;background-size: 100%;}
.inner .wp{align-items: flex-start;}
.inner_left {width: 100%;z-index: 100;position: relative;border-radius: 1.5em 0 1.5em 0;background: url(../images/navbg.png) no-repeat top/cover;margin-top: -8em;}
.inner_right {width: calc(100% - 3rem);padding-left: .5rem;padding-top: .6rem;}
.inner_left h2 {height: 3.6em;color: rgb(255, 255, 255);font-size: 1.8em;text-align: center;line-height: 4em;font-weight: bold;border-bottom: 1px solid rgba(255,255,255,.3);}


.inner_left ul {padding-bottom: 5em;}
.inner_left ul li {position: relative;transition: .5s;}
.inner_left ul li h3 {padding: 0 1em 0 1.5em;height: 3.6em;display: flex;align-items: center;font-weight: 100;}
.inner_left ul li h3::after{height: 100%;background: #fff;border-left: 0.3em solid #3f8e47;box-shadow: 0px 0px 8px 0px rgba(38, 83, 152, 0.23);transition: 0.5s;}
.inner_left ul li h3 a {font-size: 16px;display: block;cursor: pointer;width: 100%;color: #000;transition: .5s;line-height: 1.2em;}
.inner_left ul li h3 a::after{top: 50%;right: -1em;width: 1.4em;height: 0.8em;background: url(../images/jt2.png) no-repeat;background-size: 100%;transform: translateY(-50%);opacity:0;left: auto;}
.inner_left ul li:hover h3::after, .inner_left ul li.on h3::after{width: 105%;}
.inner_left ul li:hover h3 a, .inner_left ul li.on h3 a {color: #3f8e47;font-weight: bold;}
.inner_left ul li.on h3 a::after,.inner_left ul li:hover h3 a::after{opacity:1;}
.nysubnav {background: #fff;display: none;box-shadow: 0px 0px 8px 0px rgba(38, 83, 152, 0.23);}
.inner_left ul li.on .nysubnav{display: block;padding-left: .3rem;}
.nysubnav a { padding: 0px 0.3rem; line-height: 0.4rem; display: block; font-size: 0.16rem; }
.nysubnav a:hover, .nysubnav a.on {color: #045fbd;}

.wl {position: relative;z-index: 1;}
.wl::after { content: "";z-index: -1;position: absolute;left: 0px;bottom: 0px;width: 0px;height: 100%;}

.cg-content .art-heading{ font-size:16pt; line-height:180%; font-weight:normal; text-align:center;}
.cg-content .art-supheading{ font-size:14pt; line-height:180%; font-weight:normal; text-align:center;}
.cg-content .art-subheading{ font-size:12pt; line-height:180%; font-weight:normal; text-align:center;}
.cg-content .art-summary{ border-bottom:1px solid #f0f0f1; color:#666; text-align:center; margin:10px 0; line-height:30px; font-size:12px;}
.cg-content .art-summary strong{ font-weight:normal;}
.cg-content img{max-width:100%}
.cg-content .art-content,
.cg-customize-content{ padding:20px; font-size:14px; line-height:180%; overflow:hidden;}
.cg-news-list li{line-height:2em;}
.cg-news-list .art-date{float:right;}
.cg-news-list{padding:0px;}

.sitetb {
	position: absolute;
	left: -12%;
	bottom: 20%;
	z-index: 10;
	-webkit-perspective: 100px;
	perspective: 100px;
	-webkit-animation: footerFish 5s linear infinite;
	animation: footerFish 5s linear infinite;
}



.pictitle{padding:1em;background: #00407ac4;min-height: 6em;}





.pictitle::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background-color: #f7ae8a;animation: menu_fill_left_out 0.3s cubic-bezier(.7,0,.3,1) forwards;}
.pic:hover > .pictitle::after{animation: menu_fill_left_in 0.3s cubic-bezier(.7,0,.3,1) forwards;}

.sitetbg {
	position: absolute;
	left: -7%;
	top: -1em;
	z-index: 1;
	-webkit-perspective: 100px;
	perspective: 100px;
	-webkit-animation: contactSwimmer 5s linear infinite;
	animation: contactSwimmer 5s linear infinite;
}


@-webkit-keyframes contactSwimmer {

	0%,
	100% {
		-webkit-transform: translateX(0) translateY(0) rotate(0);
		transform: translateX(0) translateY(0) rotate(0);
	}

	25%,
	75% {
		-webkit-transform: translateX(15px) translateY(20px) rotate(10deg);
		transform: translateX(15px) translateY(20px) rotate(10deg);
	}

	50% {
		-webkit-transform: translateX(60px) translateY(35px) rotate(15deg);
		transform: translateX(60px) translateY(35px) rotate(15deg);
	}
}

@keyframes contactSwimmer {

	0%,
	100% {
		-webkit-transform: translateX(0) translateY(0) rotate(0);
		transform: translateX(0) translateY(0) rotate(0);
	}

	25%,
	75% {
		-webkit-transform: translateX(15px) translateY(20px) rotate(10deg);
		transform: translateX(15px) translateY(20px) rotate(10deg);
	}

	50% {
		-webkit-transform: translateX(60px) translateY(35px) rotate(15deg);
		transform: translateX(60px) translateY(35px) rotate(15deg);
	}
}







@keyframes footerFish {

	0%,
	100% {
		-webkit-transform: translateX(5px) translateY(0px) rotate(0);
		transform: translateX(5px) translateY(0px) rotate(0);
	}

	25%,
	75% {
		-webkit-transform: translateX(5px) translateY(0px) rotate(-35deg);
		transform: translateX(5px) translateY(0px) rotate(-35deg);
	}

	50% {
		-webkit-transform: translateX(5px) translateY(0px) rotate(25deg);
		transform: translateX(5px) translateY(0px) rotate(25deg);
	}
}


.banner{position: relative;height: 550px;overflow: hidden;/* clear: both; */}
.banner .swiper-slide .pic{z-index: 1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-position: center;background-size: cover;background-repeat: no-repeat;}
.banner .swiper-slide .pic::after{content: '';z-index: -1;position: absolute;left: 0;right: 0;bottom: 0;height: 25%;background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(1,74,141,.4));}
.banner .swiper-slide video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-pagination{z-index: 1;bottom: 50px;font-size: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{position: relative;width: 10px;height: 10px;margin: 0 10px;background-color: #fff;opacity: .8;box-shadow: 0 0 4px rgba(0,0,0,.4);}
.banner .swiper-pagination .swiper-pagination-bullet:after{content: '';position: absolute;left: -10px;right: -10px;top: -10px;bottom: -10px;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;transform: scale(0);transition: 0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet-active:after{transform: scale(1);}
.banner .btn{z-index: 1;position: absolute;top: 50%;width: 40px;height: 40px;margin-top: -20px;border: 1px solid currentColor;border-radius: 50%;color: #fff;cursor: pointer;transition: 0.3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.3));}
.banner .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid currentColor;}
.banner .prev-btn{left: 0;transform: translateX(-100%);}
.banner .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.banner .next-btn{right: 0;transform: translateX(100%);}
.banner .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.banner .btn:hover{background-color: #00407a;border-color: #00407a;}
.banner:hover .prev-btn{left: 2.6%;transform: translateX(0);}
.banner:hover .next-btn{right: 2.6%;transform: translateX(0);}

/******首页******/
.index-container{min-height: 500px;overflow: hidden; background: rgb(241, 244, 248);}
/*标题*/
.index-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;border-bottom: 1px solid #ddd;}
.index-title .name{position: relative;display: inline-block;vertical-align: top;padding-left: 28px;font-size: 22px;line-height: 56px;font-weight: bold;}
.index-title .name::before{content: '';position: absolute;left: 0;top: 50%;width: 18px;height: 18px;/* background-image: radial-gradient(farthest-side at 35% 35%,#0DAC58,#024923); */border-radius: 50%;transform: translateY(-50%);}
.index-title .more{position: relative;padding-right: 15px;color: #666;transition: 0.3s;}
.index-title .more::after{content: "";position: absolute;right: 0;top: 50%;width: 8px;height: 8px;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-50%,-50%) rotate(45deg);}
.index-title .more:hover{color: #00407a;}
/*布局*/



.index-container .part1{padding: 50px 0;/* background-color: #F5F7FA; */}
.index-container .part1 .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-container .part1 .w1400 > .con-l{width: 100%;}
.index-container .part1 .w1400 > .con-l > .content{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 20px 25px;background-color: #fff;}
.index-container .part1 .w1400 > .con-l > .content > .con-l{width: 41%;}
.index-container .part1 .w1400 > .con-l > .content > .con-r{width: 56%;}
.index-container .part1 .w1400 > .con-r{width: 23%;}
.index-container .part1 .w1400 > .con-r > .content{padding: 5px 25px;background-color: #fff;}
/* .index-container .part2{padding: 50px 0;} */
.index-container .part2 .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-container .part2 .w1400 a{color: #fff;}
.index-container .part2 .w1400 > .con-l{width: 65%;}
.index-container .part2 .w1400 > .con-r{width: 100%;}
.index-container .part3{padding: 60px 0 40px;/* background-color: #F5F7FA; */}
.index-container .part3 .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-container .part3 .w1400 > .con-l{width: 20%;box-sizing: border-box;padding: 30px;}
.index-container .part3 .w1400 > .con-m{width: 25%;box-sizing: border-box;padding: 30px;background-color: #fff;}
.index-container .part3 .w1400 > .con-r{width: 80%;overflow: hidden;box-sizing: border-box;padding: 30px;background-color: #fff;margin-bottom: 24px;margin-top: 25px;min-height: 600px;}
.index-container .part4{padding: 0 0 45px;/* background-color: #F5F7FA; */}

.index-container .shouye .w1400 > .con-l{width: 25%;box-sizing: border-box;padding: 30px;background-color: #fff;}
.index-container .shouye .w1400 > .con-r{width: 75%;overflow: hidden;box-sizing: border-box;padding: 30px;background-color: #fff;}

.index-container .part2 .index-title .name{color:#fff;}
.index-container .part2 .index-title .more{color:#ccc;}


.index-container .part2 .index-news-list a{color:#fff;}
.index-container .part2 .index-news-list a:hover tit{color:#ccc;}
/*主要新闻轮播*/
.main-news-swiper{position: relative;overflow: hidden;}
.main-news-swiper .swiper-slide a{position: relative;display: block;}
.main-news-swiper .swiper-slide .pic{overflow: hidden;}
.main-news-swiper .swiper-slide .pic em{display: block;padding-top: 66%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.main-news-swiper .swiper-slide .tit{margin: 20px 0;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.main-news-swiper .swiper-slide a:hover .pic em{transform: scale(1.05);}
.main-news-swiper .swiper-slide a:hover .tit{color: #00407a;}
.main-news-swiper .swiper-pagination{z-index: 1;bottom: 100px;font-size: 0;}
.main-news-swiper .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 3px;background-color: #fff;border-radius: 4px;opacity: .6;}
.main-news-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 20px;opacity: 1;}
.main-news-swiper .btn{z-index: 1;position: absolute;top: 32%;width: 25px;height: 75px;background-color: rgba(0,0,0,.2);color: #fff;cursor: pointer;transition: 0.3s;}
.main-news-swiper .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;border-top: 2px solid currentColor;}
.main-news-swiper .prev-btn{left: 0;}
.main-news-swiper .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.main-news-swiper .next-btn{right: 0;}
.main-news-swiper .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.main-news-swiper .btn:hover{background-color: #00407a;border-color: #00407a;}





.con-l> .col-md-3 {
  text-align: center;}
.con-l> .col-md-3 h2 {
  margin: -30px 0 0;
  line-height: 60px;
  /* background-color: #005298; */
  font-size: 22px;
  color: #fff;
  }
.con-l> .col-md-3 > ul {
	    background: url(../images/sbg.png) bottom left no-repeat;
	    background-color: #f0f0f0;
	    padding: 20px 0;
	    overflow: hidden;
	 }

ul {}

ul {}
.con-l> .col-md-3 > ul > li {
  line-height: 50px;
  position: relative;
  transition: all 0.1s ease 0.2s;
  text-align: left;}
.con-l> .col-md-3 > ul > li > a {
  font-size: 18px;
  color: #262626;
  display: block;
  position: relative;
  left: 20px;
  transition: all 0.1s ease 0.2s;
  text-indent: 50px;
  transition: box-shadow .45s cubic-bezier(.55,.085,0,.99);
  }
.con-l> .col-md-3 > ul > li > a span {
  position: relative;
  left: -20px;}
.con-l> .col-md-3 > ul > li > em {
  width: 0;
  height: 0;
  border-right: 0;
  border-left: 6px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 25px;
  right: 20px;
  margin-top: -5px;
  display: block;
  opacity: 0;
  transition: all 0.1s ease 0.2s;}
.con-l> .col-md-3 > ul > li.active > a,
.con-l> .col-md-3 > ul > li:hover > a {
  /* background-color: #337ab7; */
  color: #fff;
  box-shadow: 0 0.0625rem 1.125rem 0 rgba(0,0,0,.15), inset 22em 0 0 #337ab7;
  }
.con-l> .col-md-3 > ul > li.active > em,
.con-l> .col-md-3 > ul > li:hover > em {
  opacity: 1;}
.con-l> .col-md-3 > ul > li.more_list > a {
  background: url(../images/close.png) no-repeat right 40px center;
  }
.con-l> .col-md-3 > ul > li.more_list > ul {
  margin-top: 1px;
  background-color: #d0e7fb;
  position: relative;
  left: 20px;
  text-align: left;
  padding: 10px 0;
  display: none;
  }
.con-l> .col-md-3 > ul > li.more_list > ul li {
  padding-left: 29px;
  position: relative;}
.con-l> .col-md-3 > ul > li.more_list > ul li:hover > em,
.con-l> .col-md-3 > ul > li.more_list > ul li.active > em {
  opacity: 1;}
.con-l> .col-md-3 > ul > li.more_list > ul li:hover a{
  color: #337ab7;}
.con-l> .col-md-3 > ul > li.more_list > ul a {
  color: #333;
  transition: all 0.1s ease 0.2s;
  display: block;}
.con-l> .col-md-3 > ul > li.more_list > ul em {
  width: 0;
  height: 0;
  border-right: 0;
  border-left: 6px solid #337ab7;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 50%;
  right: 34px;
  margin-top: -5px;
  display: block;
  opacity: 0;
  transition: all 0.1s ease 0.2s;}
.con-l> .col-md-3 > ul > li.more_list:hover > a {
  background-color: none;
  color: #262626;}
.con-l> .col-md-3 > ul > li.more_list:hover > em {
  opacity: 0;}
.con-l> .col-md-3 > ul > li.more_list.active > a {
  background: #337ab7 url(../images/open.jpg) no-repeat right 40px center;
  color: #fff;
  }
.con-l> .col-md-3 > ul > li.more_list.active > em {
  opacity: 0;}
.con-l> .col-md-3 > ul > li.more_list.active ul {
  display: block;}






/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	/*banner*/
	.banner{height: 420px;}
	.banner .swiper-pagination{bottom: 30px;}
	.banner .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 6px;}
	.banner .swiper-pagination .swiper-pagination-bullet:after{left: -6px;right: -6px;top: -6px;bottom: -6px;}
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	/*banner*/
	.banner{height: 340px;}
	.banner .swiper-pagination{bottom: 20px;}
	
	/******首页******/
	.index-container{min-height: 300px;}
	/*标题*/
	.index-title{margin-bottom: 20px;}
	.index-title .name{font-size: 20px;}
	
	/*布局*/
	.index-container .part1{padding: 30px 0;}
	.index-container .part1 .w1400 > .con-l{width: 100%;}
	.index-container .part1 .w1400 > .con-r{width: 100%;margin-top: 20px;}
	/* .index-container .part2{padding: 30px 0;} */
	.index-container .part2 .w1400 > .con-l{width: 100%;}
	.index-container .part2 .w1400 > .con-r{width: 100%;margin-top: 20px;}
	.index-container .part3{padding: 30px 0;}
	.index-container .part3 .w1400 > .con-l{width: 100%;padding: 20px;}
	.index-container .part3 .w1400 > .con-m{width: 100%;padding: 20px;}
	.index-container .part3 .w1400 > .con-r{width: 100%;padding: 20px;}
	.index-container .part4{padding: 0 0 30px;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
	/*banner*/
	.banner{height: 160px;}
	.banner .swiper-pagination{bottom: 15px;}
	.banner .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 6px;}
	.banner .swiper-pagination .swiper-pagination-bullet:after{left: -6px;right: -6px;top: -6px;bottom: -6px;}
	.banner .btn{display: none;}
	
	/******首页******/
	/*标题*/
	.index-title .name{padding-left: 20px;font-size: 18px;line-height: 40px;}
	.index-title .name::before{width: 14px;height: 14px;}
	/*布局*/
	.index-container .part1{padding: 20px 0;}
	.index-container .part1 .w1400 > .con-l > .content{padding: 15px;}
	.index-container .part1 .w1400 > .con-l > .content > .con-l{width: 100%;}
	.index-container .part1 .w1400 > .con-l > .content > .con-r{width: 100%;}
	.index-container .part1 .w1400 > .con-r > .content{padding: 5px 15px;}
	/* .index-container .part2{padding: 20px 0;} */
	.index-container .part2 .w1400 > .con-l .index-title{margin-bottom: 10px;}
	.index-container .part2 .w1400 > .con-r .index-title{margin-bottom: 10px;}
	.index-container .part3{padding: 20px 0;}
	.index-container .part3 .w1400 > .con-l{padding: 15px;}
	.index-container .part3 .w1400 > .con-m{padding: 15px;}
	.index-container .part3 .w1400 > .con-r{padding: 15px;}
	.index-container .part4{padding: 0 0 20px;}
	
	/*主要新闻轮播*/
	.main-news-swiper .swiper-slide .tit{margin: 15px 0;line-height: 20px;}
	.main-news-swiper .swiper-pagination{bottom: 65px;}
	.main-news-swiper .btn{display: none;}
	
	/*首页新闻列表*/
	.index-news-list li a{padding: 15px 0;}
	.index-news-list li .date{font-size: 12px;}
	
	/*通知列表*/
	.notice-list li a{padding: 12px 0;}
	
	/*学术报告列表*/
	.academic-report-list{max-height: 400px;}
	.academic-report-list li{margin-top: 15px;}
	.academic-report-list li a{padding: 20px 15px;margin: 5px;}
	.academic-report-list li .name{margin-top: 10px;}
	.academic-report-list li .record{padding-top: 15px;margin-top: 15px;}
	.academic-report-list li .record .item{margin-top: 5px;}
	
	/*实验室系统列表*/
	.lab-system-list li{width: 48%;}
	.lab-system-list li a{height: 120px;}
	.lab-system-list li a .icon{width: 40px;height: 40px;}
	.lab-system-list li a .tit{margin-top: .6em;}
	
	/*实验室资源列表*/
	.lab-database-list li a{padding: 0 1em;line-height: 50px;}
	.lab-database-list li a::after{display: none;}
	
	/*学术书籍轮播*/
	.academic-book-swiper .btn{display: none;}
	
	/*友情链接区*/
	.friend-link-box{flex-wrap: wrap;}
	.friend-link-box .tit{height: 40px;padding: 0 1em;font-size: 18px;}
	.friend-link-box .tit .icon{width: 16px;height: 16px;}
	.friend-link-box .list{flex: 0 0 100%;padding: 10px 5px;}
	.friend-link-box .list li{padding: 0;margin: .8em .5em;border-left: 0;font-size: 14px;}
	
	
	
	.con-l> .inner_left{ display:none;}
	
	.academic-report-list li{width:100%;}
	
}


.teachers-list ul {
	margin-top: 96px;
  }
  
  .teachers-list ul li {
	background: none;
	margin-top: 120px;
  }
  
  .teachers-list ul li {
	background: #ebf0f7;
	background: -webkit-gradient(linear, left top, right top, from(#f7f9fc), to(#ebf0f7));
	background: linear-gradient(90deg, #f7f9fc 0%, #ebf0f7 100%);
	border-radius: 2px;
	position: relative;
	font-size: 16px;
	min-height: 128px;
  }
  
  .teachers-list ul li .img-wrap {
	position: absolute;
	top: -48px;
	left: 32px;
  }
  .teachers-list ul li .img-wrap img {  border: 5px solid #fff;}
  .teachers-list ul li .structure {
	margin-left: 280px;
  }
  
  .teachers-list ul li .structure .structure-info {
	background: url(../images/structure2x-bg.png) no-repeat right top;
	background-size: 110px 107px;
	padding: 32px 0;
  }


  .teachers-list ul li .structure .structure-info .main-name {
	padding-bottom: 20px;
  }
  
  .teachers-list ul li .structure .structure-info .main-name .name {
	font-size: 20px;
	font-weight: 600;
	color: #3f8e47;
	line-height: 26px;
	padding-right: 16px;
  }
  
  .teachers-list ul li .structure .structure-info .main-name .work {
	font-size: 14px;
	font-weight: 400;
	color: #3f8e47;
	line-height: 18px;
  word-break:break-all;
  }

  
  .teachers-list ul li .structure .structure-info .info .info-one,
  .teachers-list ul li .structure .structure-info .info .info-two {
	display: inline-block;
  }
  
  .teachers-list ul li .structure .structure-info .info .info-one {
	padding-right: 24px;
  }
  
  .teachers-list ul li .structure .structure-info .info .info-span span {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #303133;
	line-height: 18px;
  word-break:break-all;
  }
  
  .teachers-list-office ul li a {
	background: none;
	border-radius: 0;
	position: relative;
  }
  
  .teachers-list-office ul li a .img-wrap {
	position: absolute;
	top: -48px;
	left: 0;
  }

  .teachers-list-office ul li a .structure {
	margin-left: 66px;
	padding-left: 96px;
	background: #ebf0f7;
	background: -webkit-gradient(linear, left top, right top, from(#f7f9fc), to(#ebf0f7));
	background: linear-gradient(90deg, #f7f9fc 0%, #ebf0f7 100%);
  }
  
  .teachers-list-office ul li a .structure .structure-info .main-name {
	padding-bottom: 16px;
  }
  
  .teachers-list-office ul li a .structure .structure-info .main-name .name {
	padding-right: 0;
  }
  
  .teachers-list-office ul li a .structure .structure-info .info {
	font-size: 0;
	padding-right: 32px;
  }
  
  .teachers-list-office ul li a .structure .structure-info .info .info-span.info-one {
	padding-top: 0;
  }
  
  .teachers-list-office ul li a .structure .structure-info .info .info-span.info-one span:nth-of-type(2) {
	padding-right: 16px;
  }
  
  .teachers-list-office ul li a .structure .structure-info .info .info-span {
	padding-top: 16px;
  }
  
  .teachers-list-office ul li a .structure .structure-info .info .info-span span {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #303133;
	line-height: 18px;
  word-break:break-all;
  }
  

.teachers-list ul li {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 16px;
  }
  
  .teachers-list ul li:first-child {
	border-top: none;
  }
  
  .teachers-list ul li:last-child {
	margin-bottom: 0;
  }
  
  .teachers-list ul li {
	border-bottom: none;
	background: #f5f7fa;
	border-bottom: 10px solid #d1e3cf9c;
  }
  
  /* .teachers-list ul li {
	display: block;
	font-size: 0;
  } */
  
  .teachers-list ul li .img-wrap {
	width: 210px;
	height: 281px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
  }

  .teachers-list ul li .main-info {
	font-size: 16px;
  }
  
  
  .teachers-list ul li .teacher-info {
	width: calc(100% - 164px);
	display: inline-block;
	padding: 20px 0 20px 32px;
	vertical-align: middle;
	font-size: 0;
  }
  
  .teachers-list ul li .teacher-info .info-one {
	width: 39.54%;
	display: inline-block;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	border-right: 1px solid #dce1e6;
  }
  
  .teachers-list ul li .teacher-info .info-one .work,
  .teachers-list ul li .teacher-info .info-one .email {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
  }
  
  .teachers-list ul li .teacher-info .info-one .name {
	font-size: 20px;
	font-weight: 600;
	color: #0855a3;
	line-height: 26px;
	padding-bottom: 8px;
  }
  
  .teachers-list ul li .teacher-info .info-one .work {
	color: #909499;
	padding-bottom: 24px;
  }
  
  .teachers-list ul li .teacher-info .info-one .email {
	color: #303133;
  }
  
  .teachers-list ul li .teacher-info .info-two {
	width: 60.46%;
	display: inline-block;
	vertical-align: middle;
	padding: 11px 0;
	padding-left: 32px;
  }
  
  .teachers-list ul li .teacher-info .info-two .discipline,
  .teachers-list ul li .teacher-info .info-two .direction {
	font-size: 14px;
	font-weight: 400;
	color: #606366;
	line-height: 24px;
  }
  
  .teachers-list ul li .teacher-info .info-two .discipline {
	padding-bottom: 24px;
  }
  
  .teachers-list .teacher-two {
	margin-top: 80px;
  }
  
  @media screen and (max-width: 992px) {
	.teachers-list ul li .teacher-info {
	  padding: 16px 0 16px 32px;
	}
	.teachers-list ul li .teacher-info .info-one,
	.teachers-list ul li .teacher-info .info-two {
	  width: 100%;
	}
	.teachers-list ul li .teacher-info .info-one {
	  border-right: none;
	}
	.teachers-list ul li .teacher-info .info-one .work {
	  padding-bottom: 8px;
	}
	.teachers-list ul li .teacher-info .info-two {
	  padding: 8px 0;
	  padding-left: 0;
	  padding-bottom: 0;
	}
	.teachers-list ul li .teacher-info .info-two .discipline {
	  padding-bottom: 0;
	}
  }
  
  @media screen and (max-width: 600px) {
	.teachers-list ul li {
	  background: none;
	}
	.teachers-list ul li .teacher-info {
	  width: calc(100% - 132px);
	  padding: 0 0 0 16px;
	}
	.teachers-list ul li .teacher-info .info-one .work,
	.teachers-list ul li .teacher-info .info-one .email {
	  font-size: 12px;
	  line-height: 16px;
	}
	.teachers-list ul li .teacher-info .info-two .discipline,
	.teachers-list ul li .teacher-info .info-two .direction {
	  font-size: 12px;
	}
  }