html{
  width: 100%;
  overflow-x: hidden;
}
body {
  font-family: 'Microsoft Yahei', 'Bookman', Georgia, 'Times New Roman', serif;
  background-color: #f8f8f8;
  font-size: 14px;
  width: 100%;
  overflow-x: hidden;
}

/*html{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.text-center {
  text-align: center;
}

.header .top-banner {
  position: relative
}

.header .top-banner .logo {
  position: absolute;
  left: 1rem;
  top: 0.4rem;
  width: 5.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
}
.header .top-banner .logo::before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.1;
  left: 0;
}
.logo img {
  width: 4.8rem;
}

.menu {
  height: 100%;
  font-size: 16px;
  margin-bottom: 7px;
}

.menu-mobile {
  display: none;
  float: right;
  padding-top: 35px;
}

.menu-wrap {
  position: relative;
  background-color: #5FBD97;
  margin-bottom: 0;
}

.menu-li {
  float: left;
  position: relative;
  width: 10%;
  text-align: center;
  height: 48px;
}
.menu-li a {
  width:100%;
  height:100%;
}

.menu-link {
  display: inline-block;
  color: white;
  line-height: 48px;
  position: relative;
}
.menu-link span{
  position: relative;
}
.menu-link span::after{
  content: "";
  width: 12px;
  height: 2px;
  background-color: white;
  position: absolute;
  top: 24px;
  left: 50%;
  margin-left: -6px;
  opacity: 0;
}
.menu-link::before{
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  right: 0;
  bottom: 4px;
  background-color: #5FBD97;
  z-index: 0;
  border-radius: 4px;
  transition: background-color 1s;
}
.menu-link:hover,
.menu-link.active {
  color: white;
}
.menu-link:hover::before,
.menu-link.active::before {
  background-color: #3CB08C
}
.menu-link:hover span::after,
.menu-link.active span::after{
  opacity: 1;
}

.menu-li:hover .nav_hover {
  display: block;
}

.nav_hover:hover .nav_hover {
  display: block;
}
.nav_hover_li,
.nav_sub_hover_li {
  padding:4px 0;
  text-align: center;
  margin-bottom:3px;
  position: relative;
  font-size: 14px;
}
#carousel-example-container {
  padding: 0px;
}

.nav_hover_li:hover,
.nav_sub_hover_li:hover {
  background-color: #5fbd97;
  border-radius: 4px;
}
.nav_hover_li:hover a,
.nav_sub_hover_li:hover a {
  color: #ffffff;
}
.nav_hover_li:hover .nav_sub_hover a{
  color: #3e455b;
}

.nav_hover {
  padding: 8px;
  border-radius: 4px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: calc(100% - 2px);
  margin: 0;
  display: none;
  z-index: 9999;
  width: 100%;
  box-shadow: 0 0 12px 0 rgba(214, 226, 242, 0.5);
}
.nav_sub_hover{
  position: absolute;
  left:100%;
  width: calc(100% + 80px);
  top: -11px;
  display: none;
  padding: 11px 30px 15px;
  border-radius: 8px;
  background-color: #fff;
}
.nav_hover_li:hover .nav_sub_hover {
  display: block;
}
.move {
  height: 2px;
  width: 118px;
  border-top: 2px solid #5FBD97;
  /*只需要将上边显示出来*/
  position: absolute;
  left: 0px;
  top: 100%;
  transition: left 0.3s ease-in-out 0s;
  /*包含四个过度属性：执行变换属性、执行时间、速率、延迟*/
  -webkit-transition: left 0.3s ease-in-out 0s;
  /*chrome和safari*/
  -moz-transition: left 0.3s ease-in-out 0s;
  /*firefox*/
  -o-transition: left 0.3s ease-in-out 0s;
  /*opera*/
}

.menu-li:nth-child(1):hover~.move {
  left: 0px;
  width: 118px;
}

.menu-li:nth-child(2):hover~.move {
  left: 118px;
  width: 150px;
}

.menu-li:nth-child(3):hover~.move {
  left: 268px;
  width: 150px;
}

.menu-li:nth-child(4):hover~.move {
  left: 418px;
  width: 150px;
}

.menu-li:nth-child(5):hover~.move {
  left: 568px;
  width: 150px;
}

.menu-li:nth-child(6):hover~.move {
  left: 718px;
  width: 150px;
}

.nav_hover li a {
  color: #3e455b;
}

.nav_hover li.actived {
  background-color: #5fbd97;
  color: #ffffff;
  border-radius: 4px;
}
.nav_hover li.actived>a {
  color:#fff;
}

.banner {
  overflow: hidden;
  width: 100%;
}
.carousel-outer{
  background-color: white;
}
.info-container{
  background-color: white;
  /* padding: 16px; */
  margin: 7px 0;
  border: 1px solid #5FBD97;
}
.info-body{
  padding: 15px;
}
.info-header::before{
  /* content: attr(data-en-name); */
  font-size: 68px;
  font-family: Arial-BoldMT,
  Arial;
  font-weight: normal;
  /* color: rgb(207 212 229 / 8%); */
  position: absolute;
  top: 23px;
  left: 23px;
  line-height: 1;
  color: #CFD4E5;
  opacity: 0.2;
}
.info-header .icon{
  display: none;
}
.info-header span,
.info-header a{
  position: relative;
  color: white;
}
.info-header .more {
  margin-top: 2px;
  cursor: pointer;
  color: #AEB0BA;
  margin-right: 16px;
}
.info-header .icon img {
  width: 26px;
  vertical-align: baseline;
}
.info-header .more::before{
  content: "";
  width: 16px;
  height: 2px;
  background-color: white;
  display: inline-block;
  vertical-align: middle;
}
.info-header .more:hover{
  color: #5FBD97;
}
.info-header .more:hover::before{
  background-color: #5FBD97;
}
.info-header .more span::before{
  content: "";
  display: inline-block;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 9px solid white;
  vertical-align: middle;
  margin-left: -5px;
}
.info-header .more:hover span{
  border-left-color: #5FBD97;
}
.info-header .more:hover span::before {
  border-left-color: #5FBD97;
}
#carousel {
  padding: 0;
  background-color: white;
}

#carousel .item {
  height: 7rem;
}

#carousel .item .slider-img {
  width: 100%;
  padding-top: 37%;
  background-size: cover;
  background-position: top;
}

/* #carousel .item:nth-child(1) .slider-img {
  background-image: url(../images/slider/5.jpg);
}

#carousel .item:nth-child(2) .slider-img {
  background-image: url(../images/slider/4.jpg);
} */
#carousel .item:nth-child(1) .slider-img {
  background-image: url(../images/slider/1.jpg);
}
#carousel .item:nth-child(2) .slider-img {
  background-image: url(../images/slider/2.jpg);
}
#carousel .item:nth-child(3) .slider-img {
  background-image: url(../images/slider/3.jpg);
}

/* #carousel .item:last-child .slider-img {
  background-image: url(../images/slider/1.jpg);
} */

#carousel .carousel-control {
  top: 50%;
  background-color: rgba(51, 51, 51, 0.3);
  border: none;
  width: 50px;
  height: 50px;
  background-image: none;
  margin-top: -20px;
}

#carousel .carousel-control:hover .sr-only {
  color: #28a966;
}

#carousel .sr-only {
  height: 100%;
  display: block;
  font-size: 24px;
  margin: 0;
  line-height: 46px;
  width: 100%;
  text-align: center;
}
.fast-enter{
}
#fast-enter-container{
  padding: 0px 7px;
  overflow: hidden;
}
.fast-enter .col-sm-4 {
  border: 1px solid #EBEBEB;
  cursor: pointer;
}
.fast-enter .enter-container {
  text-align: center;
  padding: 7px 0px;
}
.fast-enter .enter-container .icon{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #EF9494;
  margin: 5.5px auto;
}
.fast-enter .enter-container .icon .iconfont{
  font-size: 48px;
  line-height: 1;
  background-color: white;
  border-radius: 50%;
}
.iconicon_toupiao {
  color: #EF9494;
}
.iconicon_zhaokao{
  color: #7089E9;
}
.iconicon_bangong{
  color: #F5BA6E;
}
.iconicon_jiaoyuqianyan {
  color: #65B9A8;
}
.iconicon_zhangcheng{
  color: #94C2EF;
}
.iconicon_zigerending{
  color: #A17BE3;
}
.iconicon_gaige {
  color: #7089E9;
}
.iconicon_zigerending{
  color: #EF9494;
}
.fast-enter .enter-container p {
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 7px;
}
.fast-enter .col-sm-4:hover {
  background-color: #F6F7FB;
}
.carousel-control {
  border-radius: 50%;
}
#scroll{
  height: 327px;
  overflow: auto;
}
#scroll .row-list-container {
  display: block;
  margin-bottom: 16px;
}
#scroll .row-list-container .image-container{
  border-radius: 8px;
  position: relative;
  background-size: cover;
  padding-top: 75%;
}
#scroll .row-list-container .image-container .info{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgb(60 60 60 / 48%);
  margin: 0;
  color: white;
  line-height: 2.5;
  padding: 0px 12px;
  border-radius: 0 0 8px 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.carousel-control .sr-only {
  width: 40px;
  height: 40px;
  clip: inherit;
}

.banner>img {
  width: 100%;
  height: auto;
}

.news-and-notice {
  background: #fff;
}

.news-and-notice-outter {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 35px 0px;
  position:relative;
}

.news_send {
  float: left;
  width: 49.7%;
  left:-50%;
  position:absolute;
}

.news_send_inner {
  width: 100%;
  max-height: 540px;
  padding-right: 66px;
  padding-top: 5px;
  border-right: 1px solid #e2e7df;
}

.news-and-notice-title {
  color: #3e455b;
  font-size: 16px;
  padding-left: 15px;
  vertical-align: bottom;
}
.news-and-notice-title:hover{
  /* color: #5fbd96; */
}
.school-intro-img{
  border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 16px;
  height: 110px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.school-intro{
  height: 249px;
  overflow: hidden;
  color: inherit;
  display: block;
  line-height: 1.7;
}
.school-intro:hover{
  color: #5fbd97;
}
.svg {
  display:inline-block;
  width:26px;
  height:32px;
  display: none;
}
.svg1 {
  background:url('../images/study.png') no-repeat center center;
}
.svg2 {
  background:url('../images/presentation-1.svg') no-repeat center center;
}
.svg3 {
  background:url('../images/telescope.svg') no-repeat center center;
}
.svg4 {
  background:url('../images/award.svg') no-repeat center center;
}
.svg5 {
  background:url('../images/school.svg') no-repeat center center;
}
.h-title1 {
  background: url("../images/profile.png") no-repeat center left;
  background-size: contain;
}

.h-title2 {
  background: url("../images/Notice.png") no-repeat center left;
  background-size: 70% auto;
}
.h-title3 {
  background: url("../images/Activities.png") no-repeat center left;
  background-size: 70% auto;
}
.h-title4 {
  background: url("../images/Photos.png") no-repeat center left;
  background-size: 70% auto;
}
.news_send_inner .images-outer{
  border-radius: 5px;
  height: 245px;
  overflow: hidden;
  position: relative;
}
.news_send_inner .images {
  height: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
  transition-duration: 0.2s
}
.news_send_inner .images:hover{
  transform: scale(1.2)
}
.news_send_inner .images-outer .label {
  position: absolute;
  height: 50px;
  line-height: 50px;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 16px;
  padding: 0 20px 0 12px;
  bottom: 0px;
  left: 0px;
  font-weight: 400;
  display: block;
}

.news_send_inner .images-outer:hover .label {
  display: block;
}

.news_send_inner .images-outer .label .title {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
}

.news_send_inner .images-outer .label .time {
  float: right;
}
.images-outer:hover .label .title,
.images-outer:hover .label {
  color: #5fbd96;
}
.news_send_inner .school-intro{
  color: #3e455b;
  font-size: 14px;
  display: inline-block;
  text-align-last: justify;
  text-align: justify;
  text-align-last: auto;
  line-height: 1.8;
  height: 72px;
  overflow: hidden;
  margin-top: 8px;
}
.news_send_inner .school-intro:hover{
  color: #5fbd97;
}
.news_content {
  color: #3e455b;
  float: left;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news_content:hover {
  color: #5fbd97;
}

.news_date {
  color: #aeb0ba;
  float: right;
}

.inform_notice {
  float: right;
  width: 49.7%;
  position: relative;
  padding-left: 50px;
  right:-100%;
}

.switch_notice {
  position: absolute;
  top: 24px;
  right: 15px;
}

.notice_btn {
  display: inline-block;
  padding: 7px 17px;
  border-radius: 17px;
  cursor: pointer;
  user-select: none;
}

.notice_btn_active {
  background: #5fbd97;
  color: #fff;
}

.body {
  overflow: hidden;
  padding: 0;
}

.tab-container {
  width: 200%;
}

.inform_notice_list {
  max-height: 500px;
  overflow: hidden;
  padding-top: 4px;
  margin-bottom: 0px;
}

.tab {
  float: left;
  width: 50%;
  -webkit-transition: margin 1s;
  transition: margin 1s;
}

.tab:first-child {
  margin-left: -50%;
}

.tab:first-child.active {
  margin-left: 0;
}

.login .title {
  color: #5fbd96;
  font-size: 21px;
  margin: 12px 0;
  text-align: center;
}

.login .form-group {
  margin: 22px;
}

.login .form-group .form-control {
  border-width: 0 0 1px 0;
  border-radius: 0;
  box-shadow: none;
  background: inherit;
}

.login .form-group .login-auth-code {
  float: right;
  height: 30px;
}

.login .form-group #auth-code {
  width: 250px;
}

.login .form-group .btn-block {
  width: 100%;
  height: 40px;
  background-color: #5fbd96;
  border-radius: 22px;
  color: white;
  margin-top: 10px;
}

.inform_notice_list li {
  margin-bottom: 12px;
}
.inform_notice_list li::after{
  clear: both;
  content: "";
}
.inform_notice_list li .link-container{
  margin: 0 82px 0 16px;
}
.inform_notice_list.no-time li .link-container{
  margin: 0 0px 0 16px;
}
.inform_notice_list li:last-child{
  margin-bottom: 0;
}
.inform_notice_list li span {
  display: inline-block;
  vertical-align: middle;
}

.inform_notice_list li span:nth-of-type(1) {
  height: 10px;
  width: 10px;
  background: #e2e7df;
  border-radius: 50%;
  float: left;
  margin-top: 6px;
}

.inform_notice_list li a {
  display: inline-block;
  vertical-align: middle;
  color: #3e455b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.inform_notice_list li a:hover {
  color: #5fbd97;
}
#carousel-example-generic .news-info-container {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  /* padding-top: 75%; */
  height: 326px;
}
#carousel-example-generic .news-info-container .info{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgb(60 60 60 / 48%);
  margin: 0;
  color: white;
  line-height: 2.5;
  padding: 0px 12px;
}
#carousel-example-generic .news-info-container .info .time{
  float: right;
}
#carousel-example-generic .news-info-container .info .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin-right: 90px;
  white-space: nowrap;
}
#carousel-example-generic .carousel-indicators {
  left: auto;
  right: 12px;
  width: auto;
  bottom: 30px;
}
#carousel-example-generic .carousel-indicators li{
  border-radius: 0;
  height: 3px;
  background-color: white;
  border-width: 0px;
  width: 16px;
}
#carousel-example-generic .carousel-indicators li.active {
  background-color: #5FBD97;
}
.inform_notice_list li span:nth-of-type(2) {
  color: #aeb0ba;
  float: right;
  margin-top: 2px;
}

.student-activity {
  margin-left: auto;
  margin-right: auto;
  padding: 24px 0 48px;
}
.student-activity .arrow-container{
  position: absolute;
  right: 16px;
  top: 24px;
}
.top {
  margin-bottom: 24px;
  position: relative;
}

.top h3 {
  float: left;
  color: #3e455b;
  font-size: 24px;
}

.top .nav {
  padding-top: 24px;
  float: right;
  cursor: pointer;
  user-select: none;
}

.top .nav span {
  display: inline-block;
  vertical-align: middle;
  padding: 7px 17px;
  border-radius: 17px;
}

.top .nav .active {
  background: #5fbd97;
  color: #fff;
}

.teacher-style {
  background: url(../images/teacher_back.jpg) repeat;
  margin: 7px 0;
}

.teacher-inner-style {
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 0;
  text-align: center;
}

.teacher-inner-style .title {
  font-size: 24px;
  color: #fff;
  padding:40px 15px;
  display: inline-block;
}

.teacher-list {
  margin: 0 15px;
  padding: 0;
  display: none;
  background-color: white;
  overflow: hidden;
  height: 200px;
}
.teacher-list ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.teacher-list ul::after{
  content: "";
  clear: both;
  display: table;
}
.teacher-list.active{
  display: block;
}

.img-list {
  float: left;
  overflow: hidden;
  width: 200px;
  margin: 10px;
}
.img-list .img-outer{
  width: 100%;
  overflow: hidden;
}
.img-list .img-container {
  width: 100%;
  border-radius: 5px;
  background-position: center;
  background-size: cover;
  transition-duration: 0.2s;
  background-repeat: no-repeat;
  padding-top: 75%;
}
.img-list .img-container:hover{
  transform: scale(1.2)
}

.img-list span {
  display: block;
  color: #3E455B;
}

.img-list span:nth-of-type(1) {
  font-size: 14px;
  margin-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.img-list span:nth-of-type(2) {
  font-size: 14px;
  margin-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.school-face {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 0 48px;
}

.school-face .title {
  display: inline-block;
  width:327px;
  color: #7b819b;
  font-size: 24px;
  text-align: left;
  padding:40px 20px;
}

.school-face-wrap {
  width: 100%;
}
.school-face .title {
  text-align: center;
  background-position: center;
}
.school-face .news-title{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition-duration: 0.5s;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
}
.school-face .news-title div{
  width: 100%;
  text-align: center;
  color: white;
}
.school-face .card:hover .news-title{
  transform: scale(1)
}

.school-face-wrap .left {
  float: left;
  width: 48%;
}

.read_more_a {
  display: block;
  float: left;
  width: 45%;
  height: auto;
}
.read_more_img {
  display:inline-block !important;
  float:none !important;
  width:100% !important;
  height:auto;
}

.left .name {
  font-size: 40px;
  color: #3e455b;
  margin-bottom: 94px;
}

.left .big_img {
  width: 100%;
  height: auto;
}

.double_img {
  margin-top: 36px;
}

.double_img img:nth-child(1) {
  float: left;
  width: 48%;
}

.double_img img:nth-child(2) {
  float: right;
  width: 48%;
}

.school-face-wrap .right {
  float: right;
  width: 50%;
}

.school-face-wrap .right img {
  display: block;
  float: left;
  width: 45%;
  height: auto;
}

.right img:nth-child(odd) {
  margin-right: 35px;
}

.school-face-wrap .right img {
  margin-bottom: 40px;
}

.footer {
  background-color: #49b996;
  color: #ffffff;
  padding: 0.4rem 0;
  line-height: 2;
  margin-top: 7px;
}
.footer a{
  color: white;
}
.footer a:hover{
  color: #337ab7;
}

.qr-code {
  float: right;
  text-align: center;
}
.qr-code-img {
  display: block;
  width: 100px;
}
.footer-bar {
  background-color: #3CB08C;
  padding: 12px 0;
  font-size: 12px;
  color: white;
  line-height: 2
}
.footer-bar .container .col-sm-2,
.footer-bar .container .col-sm-3{
  text-align: center;
}
.footer-bar a{
  color: white;
}
.footer-bar a:hover {
  color: #337ab7;
}

.new_nav_outter {
  text-align: center;
  margin-right: -16px;
  margin-bottom: 16px;
}

.new_nav {
  display: inline-block;
  font-size: 14px;
}

.new_nav>li {
  padding: 0 16px;
  border-bottom: 1px solid #E5E5E5;
  position: relative;
}
.new_nav>li:last-child{
  border-bottom: 0px;
}
.new_nav>li.active::before{
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #F5BA6E;
  left: -2px;
}
.new_nav li a {
  color: #3e455b;
  line-height: 2.5
}

.new_nav li.active a,
.new_nav li:hover a {
  color: #5fbd97;
}

.card-wrap {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
}

.card-inner-wrap {
  overflow: hidden;
  margin: 0 auto;
}

.outside {
  display: none;
}

.card-inner-wrap .card {
  width: 30%;
  max-height: 351px;
  margin: 0 12.5px 0 12.5px;
  float: left;
  padding: 20px 20px 24px;
  background-color: #ffffff;
  margin-bottom: 30px;
  box-shadow: 4px 3px 18px 0px rgba(215, 199, 197, 0.6);
  border-radius: 5px;
  position: relative;
}

.card .card-a-wrap {
  display: block;
  position: relative;
  overflow: hidden;
}
.card-a-wrap .cover-outer{
   border-radius: 5px;
   height: 100%;
}
.card-a-wrap .cover:hover{
  transform: scale(1.2);
}

.card-a-wrap .cover {
  height: 100%;
  background-size: cover;
  background-position: center;
  padding-top: 75%;
  transition-duration: 0.2s;
}

.card .caption {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  color: #3e455b;
  margin-top: 16px;
}

.card .date {
  color: #aeb0ba;
  margin-top: 12px;
  line-height: 1;
  margin-bottom: 0;
}
.card-inner-wrap .card:hover .caption,
.card-inner-wrap .card:hover .date{
  color: #5fbd97;
}

.notice-wrap {
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
}

.notice-card {
  background-color: #ffffff;
  margin: 12px 16px;
  overflow: hidden;
  position: relative;
  display: block;
  border-bottom: 1px dotted #E5E5E5;
  color: #3e455b;
}
.notice-card:hover{
  color: #5fbd97;
}
.notice-card p{
  margin: 0;
  padding-bottom: 12px;
  line-height: 1;
}
.notice-card .date {
  line-height: 1;
}
.notice-card .date .iconfont{
  vertical-align: middle;
}
.notice-card .read-more{
  display: inline-block;
  position: absolute;
  right: 0px;
  bottom: 30px;
  top: 30px;
  border-left: 1px solid #EBEFE9;
  padding-left: 16px;
}
.notice-card .read-more .inner{
  display: inline-block;
  padding-top: 12px;
  color: #BBBCC1;
}
.notice-card .read-more .inner:hover{
  color: #5FBD97;
}
.notice-card .read-more .inner i{
  vertical-align: sub;
}
.notice-card .intro{
  color: #94969a;
  height: 34px;
  overflow: hidden;
  font-size: 12px;
}
.notice-card:hover .notice-main h3{
  color: #5fbd97
}
.notice-card:hover .month-day{
  color: #94969a;
}


.date-format {
  border: 1px solid #ebefe9;
  width: 88px;
  height: 68px;
  text-align: center;
  position: absolute;
}

.date-format .month-day {
  display: block;
  color: #3e455b;
  font-size: 20px;
  padding: 4px 0px 3px;
  margin: 0 15px 0;
  border-bottom: 1px solid #ebefe9;
}

.date-format .year {
  display: block;
  color: #bbbcc1;
  padding: 6px 0px 8px;
  font-size: 12px;
}

.notice-main {
  float: left;
  margin-left: 104px;
}

.notice-main h3 {
  font-size: 16px;
  color: #3e455b;
  margin-top: 15px;
}

.notice-main a {
  display: block;
  color: #94969a;
  margin-top: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.mobile-show-menu {
  position: relative;
}

.mobile-hide-menu {
  width: 136px;
  top: 35px;
  right: 0px;
  padding: 16px;
  position: absolute;
  background: #ffffff;
  box-shadow: 4px 3px 18px 0px rgba(215, 199, 197, 0.6);
  border-radius: 5px;
  display: none;
  z-index: 9999;
}
.mobile-hide-menu li{
  margin-bottom: 8px;
  text-align: center;
}
.mobile-hide-menu li:last-child{
  margin-bottom:0px;
}
.mobile-hide-menu li a{
  display: inline-block;
  color: #3e445a;
  padding: 8px 24px;
  text-align: center;

}
.mobile-hide-menu li.active a,
.mobile-hide-menu li:hover a {
  background-color: #0c773f;
  color:white;
  border-radius: 18px;
}

.news_detail_wrap {
  max-width: 1400px;
  margin: 0 auto;
  background-color: #ffffff;
  margin-top: 10px;
}

.breadcrumb {
  max-width: 1400px;
  margin: 0 auto;
  padding: 23px 0 14px;
}

.breadcrumb a {
  color: #3e455b;
}

.news_detail_inner_wrap {}

.news_detail_header {
  min-height: 142px;
  border-bottom: 1px dashed #d1d2d9;
  text-align: center;
  overflow: hidden;
  max-width: 960px;
  margin: 0 auto;
}

.news_detail_header>h2 {
  color: #3e455b;
  font-size: 24px;
  margin-top: 34px;
}

.news_detail_header section {
  color: #bbbcc1;
  font-size: 14px;
  margin-top: 20px;
}

.culture-teacher-wrap {
  max-width: 1400px;
  margin: 0 auto;
  margin-top: 10px;
}

.culture-teacher-inner-wrap {
  padding-top: 120px;
  overflow: hidden;
}

.clip-card {
  width: 215px;
  min-height: 240px;
  position: relative;
  float: left;
  margin: 0 35px 120px;
}
.clip-card:nth-child(odd) .clip-card-a-wrap{
  background-color: #49b996;
}
.clip-card:nth-child(odd) #icon {
  background:url("../images/down_arrow_white.svg") no-repeat center center;
}
.clip-card:nth-child(even) #icon{
  background:url("../images/down_arrow_gray.svg") no-repeat center center;
}
.clip-card:nth-child(even) .clip-card-a-wrap{
  background-color: #ffffff;
  color:#3E455B;
}
.clip-card:nth-child(even) .clip-card-a-wrap .desc{
  color:#94969A;
}

.clip-card-a-wrap {

  width: 100%;
  min-height: 240px;
  -webkit-clip-path: polygon(50% 0%,
    100% 11%,
    100% 89%,
    50% 100%,
    0% 89%,
    0% 11%);
  clip-path: polygon(50% 0%, 100% 11%, 100% 89%, 50% 100%, 0% 89%, 0% 11%);
  text-align: center;
  padding-top: 80px;
  color: #ffffff;
}

.clip-card-a-wrap .name {
  font-size: 20px;
}

.clip-card-a-wrap .desc {
  display:inline-block;
  margin-top: 18px;
  padding: 0 15px;
  margin-bottom: 40px;
  color: #fff;
  cursor: pointer;
  line-height: 26px;
  height:50px;
  overflow: hidden;
}

.clip-card>i {
  position: absolute;
  width: 18px;
  height: 12px;
  bottom: 10px;
  left: 50%;
  margin-left: -9px;
  color: #fff;
}

.clip-cover {
  position: absolute;
  border-radius: 50%;
  width: 160px;
  height: 160px;
  background-size: cover;
  background-position: top;
  top: -80px;
  left: 50%;
  margin-left: -80px;
  z-index: 2222;
}

.school_style_wrap {
  max-width: 1400px;
  margin: 0 auto;
}

.school_style_inner_wrap {
  overflow: hidden;
  margin: 0 auto;
}

.image_card {
  float: left;
  border-radius: 5px;
  width: 31%;
  height: 5rem;
  background-size: cover;
  background-position: center;
  margin: 0 8px 16px;
  position: relative;
}

.image_card .tips {
  bottom: 0px;
  left: 0px;
  width: 100%;
  position: absolute;
  height: 50px;
  line-height: 50px;
  background: rgba(0, 0, 0, 0.4);
  padding-left: 20px;
  font-size: 16px;
  color: #fff;
  display: none;
}

.image_card:hover .tips {
  display: block;
}

.pagination {
  display: inline-block;
  margin: 16px 0 32px;
}

.pagination li {
  list-style: none;
  float: left;
  /* border: solid 1px #e4e6e5; */
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 4px;
}

.pagination li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 25px;
  color: #707278;
  padding: 6px 4px;
}

.pagination li a.active,
.pagination li a:hover {
  background-color: #5fbd97;
  color: white;
}

.news_index_wrap {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
}

.h-title {
  font-weight: bold;
  vertical-align: middle;
  line-height: 2.5;
  background: linear-gradient(270deg, #8CD8BE 0%, #5FBD97 100%);
}

.news_detail .news-title {
  color: #0c773f;
}
#news-container{
  padding-top: 16px;
  /* background: #fff; */
  margin: 16px 0 48px 0;
  /* box-shadow: 4px 3px 18px 0px rgba(215, 199, 197, 0.6); */
  border-radius: 5px;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 32px;
}
.wangEditor-txt{
  max-width: 990px;
  margin: 5px auto !important;
}
/* .news-container {
  max-width: 960px;
  margin: 0 auto
}
.news-container .container{
  max-width: 960px;
} */
.video-js{
  max-width: 500px;
  height: 300px;
  margin: 16px auto;
}
.arrow-container {
  text-align: center;
}
.arrow-container .arrow-left{
  margin-right: 16px;
}
.arrow-container .arrow-left,
.arrow-container .arrow-right{
  display: inline-block;
  width: 76px;
  height: 30px;
  border:1px solid #5FBD97;
  display: inline-block;
  border-radius: 5px;
}

.arrow-container .arrow-left p,
.arrow-container .arrow-right p{
  text-align: center;
  line-height: 27px;
  cursor: pointer;
}
.arrow-container .arrow-left span,
.arrow-container .arrow-right span{
  display: inline-block;
  width: 36px;
  height: 2px;
  background-color:#5FBD97;
  vertical-align: middle;
  margin-left: -4px;
  margin-right: -5px;
}
.arrow-container .arrow-right p{
  text-indent: 12px;
}
.arrow-container .arrow-right p::after{
  content: "";
  display: inline-block;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 9px solid #5FBD97;
  vertical-align: middle
}
.arrow-container .arrow-left p {
  text-indent: -12px;
}
.arrow-container .arrow-left p::before {
  content: "";
  display: inline-block;
  border-top: 6px solid transparent;
  border-right: 9px solid #5FBD97;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  vertical-align: middle
}
.arrow-container .arrow-left:hover ,
.arrow-container .arrow-right:hover {
  background-color: #5FBD97;
}
.arrow-container .arrow-left:hover span,
.arrow-container .arrow-right:hover span{
  background-color:white;
}
.arrow-container .arrow-right:hover p::after {
  border-left-color: white;
}
.arrow-container .arrow-left:hover p::before {
  border-right-color: white;
}
.tab-container {
  text-align: left;
  width: 100%;
}
.tab-container .index-tab {
  display: inline-block;
  margin:  0px;
  padding: 0 15px;
  border-radius: 6px 6px 0px 0px;
}
.tab-container .index-tab:first-child{
  margin-left: 15px;
}
.tab-container .tab-title{
  color: white;
  font-size: 16px;
  position: relative;
  line-height: 2.5;
}
.tab-container .index-tab.active{
  background-color: white;
}
.tab-container .index-tab.active .tab-title {
  color: #5FBD97;
}
/* .tab-container .tab-title::after{
  content: "";
  width: 12px;
  height: 2px;
  background-color: white;
  display: inline-block;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
  opacity: 0;
}
.tab-container .index-tab.active .tab-title::after{
  opacity: 1;
}
.tab-container .svg4{
  vertical-align: bottom;
  opacity: 0;
}
.tab-container .index-tab.active .svg4{
  opacity: 1;
} */
.left-menu{
  background-color: #54BB95;
  padding: 16px 0 16px 16px;
  margin-top: 16px;
  border-radius: 8px;
  text-align: left;
}
.left-menu .title{
  color: white;
  font-size: 18px;
  text-align: left;
}
.left-menu .new_nav{
  background-color: white;
  border-radius: 8px 0 0 8px;
  text-align: left;
  width: 100%;
}
.patry-img{
  margin: 7px 0;
}