.page {
    font-size: 0;
    text-align: left;
    padding: 25px 0;
    clear: both;
    overflow: hidden;
    color: #888;
    text-align: center;
}
.page a,
.page span {
    font-size: 14px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    border: 1px solid #E1E1E1;
    padding: 0px 12px;
    margin: 0 5px 5px 0;
    line-height: 28px;
    height: 28px;
    color: #888
}
.page a:hover,
.page span:hover {
    border: 1px solid #106d2c;
    text-decoration: none;
    color: #106d2c;
}
.page .current,.page .active>span {
    border: 1px solid #106d2c;
    background: #106d2c;
    color: #fff !important;
}
.page select,
.page input {
    margin: 0 4px;
    background: #fff;
    border: 0 solid #E1E1E1;
    vertical-align: middle;
}
.page input {
    text-align: center;
    padding: 0 4px;
    outline: none;
}
.page .disabled {
    pointer-events: none;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

@media (max-width:1024px) {

    .page a, .page span{
        /* display: none; */
    }
    .page .current,
    .page .first,
    .page .last,
    .page .prev,
    .page .next{
        display: inline-block;
    }
}

.bg-color {
	background-image: -webkit-linear-gradient(19deg, rgb(0, 46, 159, 0.9) 0%, rgb(183, 33, 255, 0.7) 100%) !important;
	background-image: linear-gradient(119deg, rgb(0, 46, 159, 0.9) 0%, rgb(183, 33, 255, 0.7) 100%) !important;
}

.menu-item:hover > .menu-link,
.menu-item.current > .menu-link,
.title-block a:hover {
	/* color: #106d2c; */
	color: #FFD217;
}

.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link {
	color: #FFD217;
}



#news img {
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
}

#news .news .title {
	font-size: 1rem;
	text-transform: uppercase;
	color: #666;
	padding-top: 1rem;
	line-height: 2.8;
  }
  #news .news .title span {
	padding-left: 0.725rem;
  }
  #news .news li {
	list-style: outside none;
	border-bottom: #E2E2E2 solid 1px;
  }
  #news .news li:last-child {
	border: 0;
  }
  #news .news li a {
	display: block;
	color: #000;
  }
  #news .news li a .img {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: -0.5rem;
  }
  #news .news li a .img img {
	width: 100%;
  }
  #news .news li a .name {
	font-size: 0.875rem;
	line-height: 1.5;
	/*font-weight: bold;*/
	padding: 1.5rem 0;
  }
  #news .news li a:hover {
	color: #106d2c;
  }
  #news .news li a:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
  }

.posts:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-left: #D6D6D6 solid 1px;
	border-right: #D6D6D6 solid 1px;
}

#oc-posts .entry-image {
	overflow: hidden;
}

#oc-posts .entry-image a:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
}

/*#oc-posts .owl-nav [class*=owl-] {
	top: auto;
	bottom: 0; 
	border: 0px;
	border-radius: 0;
	background: transparent;
	opacity: 1;
}

#oc-posts .owl-nav [class*=owl-]:hover {
	background: transparent !important;
	color: #106d2c !important;
}

#oc-posts .owl-nav .owl-next {
	right: 2rem;
}

#oc-posts .owl-nav .owl-prev {
	left: 2rem;
}

#oc-posts .icon-angle-left:before {
	content: "\e810";
}

#oc-posts .icon-angle-right:before {
	content: "\eab8";
}
*/

#oc-posts .owl-dots .owl-dot {
	margin: 0.875rem 0.25rem;
}

#oc-posts .entry-category, #oc-posts .entry-title, #oc-posts .entry-content {
	/* padding-left: 3rem;
	padding-right: 3rem; */
}

#oc-posts .entry-category {
	display: flex;
	align-items: center;
	justify-content: center;
    color: #106d2c;
    font-size: 0.75rem;
    padding-top: 1.375rem;
    text-transform: uppercase;
    line-height: 1em;
}

#oc-posts .entry-category:before, #oc-posts .entry-category:after {
    content: "";
    display: block;
    position: absolute;
    position: relative;
    width: 1rem;
    height: 1px;
    background: #106d2c;
    opacity: 0.64;
    margin: 0 1rem;
}

#oc-posts .entry-title {
	text-align: center;
}

#oc-posts .entry-title a {
    display: block;
    font-size: 1.125rem;
    line-height: 1.2;
    color: #000;
    padding: 1rem 1rem 1.25rem 1rem;
}

#oc-posts .entry-title a:hover {
	color: #106d2c;
}

#oc-posts .entry-content {
	margin-top: 0;
	text-align: left;
	/*text-indent: 2rem;*/
    font-size: 0.875rem;
    line-height: 1.5;
    /*padding: 0 10%;*/
    color: #888;
}

.oc-posts .entry-image {
	overflow: hidden;
}

.oc-posts .entry-image a:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
}

#oc-posts .owl-nav [class*=owl-] {
	top: auto;
	bottom: 0; 
	border: 0px;
	border-radius: 0;
	background: transparent;
	opacity: 1;
    width: 6rem;
    color: #106d2c;
}

#oc-posts .owl-nav [class*=owl-]:hover {
	background: transparent !important;
	color: #106d2c !important;
}

#oc-posts .owl-nav .owl-next {
	right: 2rem;
    width: 6rem;
}

#oc-posts .owl-nav .owl-prev {
	left: 2rem;
    width: 6rem;
}

#oc-posts .icon-angle-left, #oc-posts .icon-angle-right{
	font-family: "font_family" !important;
    font-size: 0.75rem;
}

#oc-posts .icon-angle-left:before {
	content: "\e605";
}

#oc-posts .icon-angle-right:before {
	content: "\e606";
}


.oc-posts .owl-dots .owl-dot {
	margin: 0.875rem 0.25rem;
}

.oc-posts .entry-category, .oc-posts .entry-title, .oc-posts .entry-content {
	/* padding-left: 3rem;
	padding-right: 3rem; */
}

.oc-posts .entry-category {
	display: flex;
	align-items: center;
	justify-content: center;
    color: #106d2c;
    font-size: 0.75rem;
    padding-top: 1.375rem;
    text-transform: uppercase;
    line-height: 1em;
}

.oc-posts .entry-category:before, .oc-posts .entry-category:after {
    content: "";
    display: block;
    position: absolute;
    position: relative;
    width: 1rem;
    height: 1px;
    background: #106d2c;
    opacity: 0.64;
    margin: 0 1rem;
}

.oc-posts .entry-title {
	text-align: center;
}

.oc-posts .entry-title a {
    display: block;
    font-size: 1.125rem;
    line-height: 1.2;
    color: #000;
    padding: 1rem 1rem 1.25rem 1rem;
}

.oc-posts .entry-title a:hover {
	color: #106d2c;
}

.oc-posts .entry-content {
	margin-top: 0;
	text-align: left;
	/*text-indent: 2rem;*/
    font-size: 0.875rem;
    line-height: 1.5;
    /*padding: 0 10%;*/
    color: #888;
}


.dark .section::after, .section.dark::after {
	content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(119deg, rgba(17, 108, 43, 0.9) 0%, rgba(20, 117, 77, 0.9) 100%);
    background: -o-linear-gradient(119deg, rgba(17, 108, 43, 0.9) 0%, rgba(20, 117, 77, 0.9) 100%);
    background: linear-gradient(119deg, rgba(17, 108, 43, 0.9) 0%, rgba(20, 117, 77, 0.9) 100%);
}

#life {
	background: url(../image/social-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#life .heading-block p {
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}

#life .heading-block::after {
	display: none;
}

#oc-digital .owl-nav [class*=owl-] {
	border: 0px;
	border-radius: 0;
	background: transparent;
	opacity: 1;
}

#oc-digital .owl-nav [class*=owl-]:hover {
	background: transparent !important;
	color: #FFF !important;
}

#oc-digital .owl-nav .owl-next {
	right: 1rem;
}

#oc-digital .owl-nav .owl-prev {
	left: 1rem;
}

#oc-digital .icon-angle-left:before, #oc-digital .icon-angle-right:before {
	font-size: 2.5rem;
	font-weight: 900;
}

#oc-digital .owl-dots .owl-dot {
	background-color: #FFF;
}

#oc-life {
	position: relative;
	margin-top: -240px;
	margin-bottom: 1rem;
}

#oc-life .flip-card-front, #oc-life .flip-card-back {
	height: 100%;
    box-shadow: 0 0 44px -10px rgb(0 0 0 / 15%);
	margin-bottom: 1.5rem;
}

#oc-life .flip-card-front {
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #fff;
    box-shadow: 0 0 44px -10px rgb(0 0 0 / 15%);
}

#oc-life .card-title {
	color: #106d2c;
}

#oc-life .owl-nav [class*=owl-] {
	/* border: 0px;
	border-radius: 0;
	background: transparent; */
	opacity: 1;
}

#oc-life .owl-nav [class*=owl-]:hover {
	/* background: transparent !important;
	color: #106d2c !important; */
}

#oc-life .icon-angle-left:before, #oc-life .icon-angle-right:before {
	/* font-size: 2rem; */
	/* font-weight: 900; */
}

#oc-life .owl-nav .owl-next {
	/* right: -1.5rem; */
}

#oc-life .owl-nav .owl-prev {
	/* left: -1.5rem; */
}

#oc-life .card-text {
	font-size: 0.875rem;
	color: #333;
	text-indent: 2em;
}

.digital {
	background: #FFF;
	box-shadow: 0 0 44px -10px rgb(0 0 0 / 15%);
}

.bg-primary {
	background-image: -webkit-linear-gradient(19deg, rgb(0, 46, 159, 0.9) 0%, rgb(183, 33, 255, 1) 100%) !important;
	background-image: linear-gradient(19deg, rgb(0, 46, 159, 0.9) 0%, rgb(183, 33, 255, 1) 100%) !important;
}

#oc-digital.owl-carousel .owl-nav [class*=owl-] {
    color: #F2F2F2;
}

.slider-caption p.video-text {
	font-size: 1rem;
}

@keyframes ripple-white {
	0% {
	  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
	}
	100% {
	  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0);
	}
}

.video-play-btn {
	border-radius: 50%;
    background: #f7f7f7;
    width: 90px;
    height: 90px;
    display: inline-block;
    line-height: 100px;
    position: relative;
    z-index: 0;
    text-align: center;
    animation: ripple-white 2.5s linear infinite;
}

.video-play-btn i {
    color: #106d2c;
    margin-left: 6px;
    font-size: 28px;
}

.video-play-btn:after {
    z-index: -1;
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: rgba(247, 247, 247, 0.4);
    top: -10px;
    left: -10px;
}

/*#whyselect {
	background: url(../image/social-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
}*/

#whyselect::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(119deg, rgba(17, 108, 43, 0.9) 0%, rgba(20, 117, 77, 0.9) 100%);
    background: -o-linear-gradient(119deg, rgba(17, 108, 43, 0.9) 0%, rgba(20, 117, 77, 0.9) 100%);
    background: linear-gradient(119deg, rgba(17, 108, 43, 0.9) 0%, rgba(20, 117, 77, 0.9) 100%);
}


#oc-whyselect .owl-stage {
	display: flex;
	align-items: stretch;
}

#oc-whyselect .ws-item, #oc-whyselect .ws-item .grid-inner {
	height: 100%;
}

#oc-whyselect .owl-nav [class*=owl-] {
	opacity: 1;
}

.ws-image:after {
	z-index: -1;
    content: "";
    position: absolute;
	width: 100%;
	height:100%;
	top: 0;
	left: 0;
	background-image: -webkit-linear-gradient(19deg, rgb(17, 108, 43, 0.9) 0%, rgb(183, 33, 255, 0.7) 100%) !important;
	background-image: linear-gradient(19deg, rgb(17, 108, 43, 0.9) 0%, rgb(183, 33, 255, 0.7) 100%) !important;
}

.ws-card {
	display: inline-block;
	padding: 10%;
	color: #FFF;
}

.latest-events .grid-inner {
	height: 100%;
}

.latest-events .single-img {
	z-index: 1;
	position: relative;
  }
  .latest-events .single-img img {
	border-radius: 3px;
  }
  .latest-events .event-wrap {
	z-index: 1;
	position: relative;
  }
  .latest-events .event-wrap .events-short {
	overflow: hidden;
	background: #ffffff;
	padding: 1rem;
	border-radius: 3px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
  }
  .latest-events .event-wrap .events-short dt.category {
	min-width: 6rem;
	text-align: center;
	padding: 0.5rem 0.75rem;
	border-radius: 3px;
	margin-right: 1rem;
	background: #dcf1fd;
  }
  .latest-events .event-wrap .events-short .date-part .month {
	margin-bottom: 10px;
	display: block;
  }
  .latest-events .event-wrap .events-short .date-part .date {
	color: #112958;
	font-weight: 700;
  }
  .latest-events .event-wrap .events-short .date-part.bgc1 {
	background: #dcf1fd;
  }
  .latest-events .event-wrap .events-short .date-part.bgc2 {
	background: #dcf1fd;
  }
  .latest-events .event-wrap .events-short .date-part.bgc3 {
	background: #dcf1fd;
  }
  .latest-events .event-wrap .events-short .content-part .categorie a {
	color: #505050;
  }
  .latest-events .event-wrap .events-short .content-part .categorie a:hover {
	color: #21a7d0;
  }
  .latest-events .event-wrap .events-short .content-part .title {
	line-height: 1.5;
  }
  .latest-events .event-wrap .events-short .content-part .title a {
	color: #112958;
  }
  .latest-events .event-wrap .events-short .content-part .title a:hover {
	color: #21a7d0;
  }

  .latest-events {
	position: relative;
  }
  /* .latest-events:before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 63%;
	height: 100%;
	background: #f2f3f9;
  } */
  .latest-events .entry .entry-title .category {
	  font-weight: normal;
	  color: #6930b3;
  }
  .latest-events .entry .entry-title h4 {
	  font-size: 1rem;
  }
  .latest-events .entry .entry-tags a {
	color: #FFF;
	font-size: 0.75rem;
	background: #6930b3;
	border-radius: 0.25rem;
	padding: 0.25rem;
	margin: 0.2rem;
  }
  .latest-events .entry .entry-meta {
	font-size: 0.75rem;
	color: #787878;
  }

  .card-img-top {
	  width: 100%;
  }
  .latest-events  .grid-inner a:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
  }

  .latest-events  .grid-inner a{
	width: 100%;
	overflow: hidden;
  }
.latest-events  .grid-inner a img {
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
}

  a.gradient-light {}
  a.gradient-light:hover span, a.gradient-light:hover i {
	  color: #106d2c;
  }

#new-student {
	/*background: url(../image/social-bg.png); 
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% -48%;*/
	position: relative;
}

.new-student:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0%;
    background: url(../image/social-bg.png);
    background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
    z-index:1;
}

#new-student .container {
    z-index:3;
}

.new-student:before {
	content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0%;
    background: -webkit-linear-gradient(119deg, rgba(0, 46, 159, 0.9) 0%, rgba(0, 71, 247, 0.9) 100%);
    background: -o-linear-gradient(119deg, rgba(0, 46, 159, 0.9) 0%, rgba(0, 71, 247, 0.9) 100%);
    background: linear-gradient(119deg, rgba(0, 46, 159, 0.9) 0%, rgba(0, 71, 247, 0.9) 100%);
    z-index:2;
}

.new-student .student-content:before {
	content: "";
    position: absolute;
    height: 80%;
    width: 100%;
    left: 0;
    top: 0;
	background: #F2F3F9;
}
  .new-student .intro {
	/* border-radius: 2px; */
	/* background: rgba(255,255,255, 1); */
	/* background-size: cover; */
	/* background-repeat: no-repeat; */
	/* padding: 10% 15%; */
	height: 100%;
	/* box-shadow: 0 0 20px 0px rgba(17, 41, 88, 0.2); */
  }

  .new-student .desc p{
	  text-indent: 2em;
	  margin-bottom: 0.875rem;
  }

  .new-student .couter-area .counter-item {
	text-align: center;
	padding: 1rem;
	margin-bottom: 0.25rem;
	/*border-radius: 3px;*/
	background-color: #106d2c;
  }
  .new-student .couter-area .counter-item .number {
	margin-bottom: 0.5rem;
	font-size: 2rem;
	color: #FFF;
  }
  .new-student .couter-area .counter-item .title {
	font-size: 1rem;
	color: #FFF;
  }
  .new-student .couter-area .counter-item.one {
	/* background: #fbf8cc; */
  }
  .new-student .couter-area .counter-item.two {
	/* background: #e9fbd5; */
  }
  .new-student .couter-area .counter-item.three {
	/* background: #dcf1fd; */
  }
  .new-student .grid-area .image-grid img {
	border-radius: 3px;
  }
.button.button-border:not(.button-light):not(.button-fill){
    color: #333333;
    background: #ffffff;
}
.social-media .heading-block p {
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}

.social-media .heading-block::after {
	display: none;
}

#new-student a.button{
	text-decoration: none;
}

.social-icon {
	border :0;
}
.si-colored, .si-colored.si-tiktok {
	background-color: #106d2c !important;
}
.si-colored:hover {
    /* background-color: #106d2c !important; */
	background-image: linear-gradient(to right, rgba(0, 46, 159, 0.9), rgba(0, 71, 247, 1))!important;
}

.icon-bilibili path, .icon-kuaishou path, .icon-shipinhao path {
	fill: #FFF;
}
.icon-bilibili, .icon-kuaishou, .icon-shipinhao {
	width: 1.25rem;
	height: 1.25rem;
}

#social-portfolio .portfolio-desc span {
	font-size: 0.875rem;
}

.social-more {
	font-size: 1.5rem !important;
}

#footer.dark {
	background-color: #106d2c;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	border-top: 0;
}

#footer.dark:before {
	content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(19deg, rgba(17, 108, 43, 0.9) 0%, rgba(20, 117, 77, 0.9) 100%);
    background: -o-linear-gradient(19deg, rgba(17, 108, 43, 0.9) 0%, rgba(20, 117, 77, 0.9) 100%);
    background: linear-gradient(19deg, rgba(17, 108, 43, 0.9) 0%, rgba(20, 117, 77, 0.9) 100%);
}

@media (max-width: 767.98px) {
	.full-header #header-wrap .container {
		max-width: 100%;
        padding: 0 1rem;
	}
    .primary-menu {
        padding: 0 1rem;
    }

	#oc-posts {		
		min-height: auto;
	}
	
	.posts {
		/* order: -1; */
		margin-left: 0;
		margin-right: 0;
	}

	.posts:before {
		border: 0px;
	}

	#news .news li a .name {
		font-weight: normal;
	}

	#oc-life .owl-nav [class*=owl-] {

		background: rgba(0,0,0, 0.4);
		color: #FFF;
	}

	#oc-life .owl-nav [class*=owl-]:hover {
		background: #106d2c !important;
		color: #FFF !important;
	}

	#oc-life .owl-nav .owl-next {
		right: 0.15rem;
	}
	
	#oc-life .owl-nav .owl-prev {
		left: 0.15rem;
	}

	.latest-events .event-wrap .events-short .date-part {
		display: none;
	}

	.latest-events:before {
		display: none;
	}

}
@media (max-width:991.78px) {
    #logo {
        max-width: calc(100% - 7rem);
        padding-top: 0.3rem;
        padding-bottom: 0.9rem;
    }
    #logo img {
        padding: 0.5rem 0;
        height: 40px !important;
    }
    .soicon{margin-top:-8px;}
}

@media (min-width:992px) {
	
    .sub-menu-container {
        left: calc(50% - 3rem);
        text-align: center;
    }
    
    .digital {
		margin-top: -350px;
	}
	.new-student:before, .new-student:after {
		height: 55%;
		top: 45%;
	}
	.new-student .student-content:before {
		height: 80%;
		width: 50%;
	}
	.new-student .couter-area .counter-item {
		/*border-radius: 0.8rem;*/
	}
}

@media (max-width:290px) {
	
    #logo {
        max-width: 160px;
        max-height: auto; 
        height: 5rem;
    }
    #logo img {
        height: auto !important;
    }

}


#page-title:before {
	content: " ";
	width: 100%;
	height: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: -webkit-linear-gradient(90deg, rgb(0, 0, 0, 0.3) 0%, rgb(183, 33, 255, 0.3) 100%) !important;
	background-image: linear-gradient(0deg, rgb(0, 0, 0, 0.7) 0%, rgb(0, 0, 0, 0) 45%) !important;
}

#page-title .dark .entry-header {
	/* background: #FFF; */
}

#page-title .dark .entry-category a {
	color: #EEE;
}

#page-title .dark .breadcrumb-item + .breadcrumb-item::before {
	color: #EEE;
}

#page-title .dark .entry-category .breadcrumb-item a:hover, #page-title .dark .entry-title h1, #page-title .dark .entry-title span, #page-title .dark .entry-meta li {
	color: #FFF;
}

.posts-sm .entry-image {
	width: 6rem;
}

.bg-overlay-bg {
    background-color: rgba(0,0,0,0.25);
}



/*验证码*/
.modal .close {
    float: right;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.modal .close:hover,
.modal .close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.modal button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.modal-open {
    overflow: hidden;
}
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1530;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    width: auto;
    margin: 100px auto 0;
}
#VolidateCodeDiv .modal-dialog {
    max-width: 400px;
}
.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}
.modal-backdrop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1520;
    background-color: #000000;
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}
.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.modal-header {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-weight: bold;
    text-align: left;
}
.modal-body {
    position: relative;
    padding: 10px;
}
.modal-footer {
    padding: 10px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
.modal .btn-sm,
.btn-group-sm > .btn {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 3px;
}
.modal .btn-primary {
    color: #ffffff;
    background-color: #3358b2;
    border-color: #106d2c;
}
.modal .btn-primary:hover {
    color: #ffffff;
    background-color: #106d2c;
    border-color: #106d2c;
}

.modal .btn-default {
    color: #ffffff;
    background-color: #3358b2;
    border-color: #106d2c;
}
.modal .btn-default:hover {
    color: #ffffff;
    background-color: #106d2c;
    border-color: #106d2c;
}
.modal .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration:none;
}
.modal input[type="text"] {
    display: block;
    padding: 5px 2px 5px 5px;
    width: 98%;
    height: 32px;
    outline: none;
    border: 1px solid #cbd5dd;
    border-radius: 5px;
    background-color: #fff;
    background-image: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    color: #767676;
    text-align: left;
    font-size: 18px;
    line-height: 1.5;
    -o-transition: border-color ease-in-out 0.55s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out 0.55s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out 0.55s, box-shadow ease-in-out .15s;
}
.modal-open {
    overflow: hidden;
}
.modal-body .validationcode {
    position: absolute;
    top: 18px;
    right: 25px;
}
.modal-body .field-validation-error {
    line-height: 26px;
    padding-top: 5px;
    color: red;
    font-size: 12px;
}
/*联想关键词*/
.dropdown-word {
    display: none;
    position: relative;
    left: 0px;
    background-color: #fff;
    height: auto;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: none;
    color: #000;
    z-index: 1000;
}
.dropdown-word ul {
    list-style: none;
}
.dropdown-word ul li {
    height: 28px;
    line-height: 28px;
    text-indent: 10px;
    text-align: left;
}
.dropdown-word ul li:hover {
    background-color: #eeeeee;
    cursor: pointer;
}
.current-selectword {
    background-color: #eeeeee;
}
.dropdown-word-subsite {
    width: auto;
    min-width: 240px;
    overflow: visible;
    z-index: 1000;
    float: right;
    margin-right: 49px
}

.entry-content img {
    max-width: 92% !important;
    height: auto !important;
}

.latest-events .post-grid .entry-title h4 {
    min-height: 3.625rem;
}

.dark #copyrights, #copyrights.dark {
    background: none;
}

.category-links {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
	overflow: hidden;
	list-style: none;
	padding: 0px;
	margin: 0px;
	background: #fff;
    box-shadow: 0 2px 48px 0 rgb(0 0 0 / 6%);
  }
  
  .category-links li {
	position: relative;
	border-bottom: #F2F3F9 1px solid;
  }
  
  .category-links li:hover:before, .category-links li.active:before {
	opacity: 1;
  }
  
  .category-links li:hover a, .category-links li.active a {
	color: #106d2c;
	text-decoration: none;
  }
  
  .category-links li:hover a:after, .category-links li.active a:after {
	color: #106d2c;
  }
  
  .category-links li:hover a:hover, .category-links li.active a:hover {
	padding-left: 60px;
  }
  
  .category-links li:nth-child(even) {
	/* background: #F9FAFF; */
  }
  
  .category-links li:last-child {
	border: none;
  }
  
  .category-links li:before {
	content:"";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 3px;
	height: 50px;
	background: #106d2c;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
  }
  
  .category-links li a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 50px;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	font-size: 14px;
	color: #77838F;
	text-decoration: none;
  }
  
  .category-links li a:hover {
	padding-left: 70px;
  }
  
  .category-links li a:after {
	content: "\e7a5";
    font-family: "font-icons";
	position: absolute;
	left: 30px;
	top: 0px;
	color: #106d2c;
  }
  
  .category-links li a span {
	float: right;
	margin-right: 30px;
	display: inline-block;
	background: #EDF3FF;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
	color: #77838F;
	margin-top: 18px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
  }

#posts .entry-content {
	margin-top: 0;
}
#posts .entry-content p {
	  font-size: 0.875rem;
	  margin-bottom: 0.5rem;
}

#posts .entry-image {
	overflow: hidden;
}
#posts .entry-image img {
	width: 100%;
	object-fit: contain;
	overflow: hidden;
	transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}

#posts .entry-image:hover img {
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.date-part {
	float: left;
	width: 6rem;
	margin-right: 0.5rem;
	text-align: center;
	border-radius: 3px;
	padding: 0.25rem;
	background-color: #f2f3f9;
}
.date {
	display: block;
	font-weight: bold;
	font-size: 2rem;
}
.month {
	display: block;
	font-size: 0.75rem;
	font-weight: normal;
}
.sidebar-widgets-wrap .widget {
    padding-top: 0;
    border-top: 0;
}

.entry::after {
    margin-top: 0;
    border: none;
    display: none;
}

.fbox-icon a, .fbox-icon i, .fbox-icon img {
    color: #106d2c;
}

.fbox-icon i, .fbox-icon img {
    background: #FFFFFF;
}


.fbox-effect.fbox-dark .fbox-icon i:hover,.fbox-effect.fbox-dark:hover .fbox-icon i{
    background-color: #b1def0;
}

.fbox-effect.fbox-dark .fbox-icon i::after {
    -webkit-box-shadow: 0 0 0 2px #b1def0;
    box-shadow: 0 0 0 2px #b1def0;
}

.nav-tree li a {
    color: #106d2c;
    font-weight: normal;
    padding: 5px 0px;
}

.nav-tree li a:hover span {
    /* color: #FFD217; */
    text-decoration: underline;
}

#header+.include-header {
    margin-top: -6.75rem;
}

.top-search-form {
    height: 100%;
    margin: 0;
    padding: 10px 50px 10px 10px;
}

#copyrights p {
    margin-bottom: 0.5rem;
}

#page-title-test {}

    .page-breadcrumb {
    	padding: 1.75rem;
        margin-top: -2rem;
        color: #fff;
        position: relative;
    }
    .page-breadcrumb .container {
    	position: relative;
        z-index: 5;
    }
    .page-breadcrumb a {
        color: #fff;
    }
	.page-breadcrumb a:hover {
        color: #ffd217;
    }
    .page-breadcrumb:before {
		content: "";
    	position: absolute;
    	left: -7vw;
    	top: 0;
        height: 100%;
        width: 100vw;
        transform: translate(0%, 0%) rotate(0deg) skew(12deg);
        background: -webkit-linear-gradient(19deg, rgba(17, 108, 43, 0.99) 0%, rgba(20, 117, 77, 0.99) 100%);
        background: -o-linear-gradient(19deg, rgba(17, 108, 43, 0.99) 0%, rgba(20, 117, 77, 0.99) 100%);
        background: linear-gradient(19deg, rgba(17, 108, 43, 0.99) 0%, rgba(20, 117, 77, 0.99) 100%);
    }
    .page-breadcrumb .breadcrumb {
        margin-bottom: 0;
    }
    .page-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
        color: #ccc;
    }

@media (min-width: 992px){
	
	#page-title.page-title-test {
        padding: 0;
    }
    
    #header.transparent-header+.page-title-test.page-title-parallax.include-header .container {
    	min-height: 32rem;
        padding-top: 0rem;
	}
    #page-title.page-title-test .dark .entry-header {
        position: absolute;
        bottom: 1rem;
        width: 100%;
    }
    #page-title.page-title-test .breadcrumb {
        position: relative !important;
    }
    #page-title.page-title-test:before {
    	top: auto;
        bottom: 0;
        height: 6rem;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
        
    }
    

    .page-breadcrumb:before {
        width: 52vw;
    }

}

#portfolio-navigation {
    left: 1rem;
    right: auto;
}

.block-slider .swiper-pagination {
    --color: #FFF;
    --gap: 10px;
    --line-width: 50px;
    display: flex;
    width: auto;
    justify-content: center;
    counter-reset: item;
    bottom: 50px !important;
    transform: translateX(-50%);
    align-items: center;
}

.block-slider .swiper-pagination,
.block-slider .swiper-pagination::before,
.block-slider .swiper-pagination::after {
    position: absolute;
    left: auto;
    right: 1rem;
    transform: translateX(-50%);
}

.block-slider .swiper-pagination span {
    display: flex;
    align-items: center;
}

.block-slider .swiper-pagination span::before {
    content: counter(item);
    counter-increment: item;
    font-weight: 400;
    font-size: 1.2rem;
    color: var(--color, #FFF);
}
        
.block-slider .swiper-pagination span.swiper-pagination-bullet-active::before {
    font-size: 2rem;
}

.block-slider .swiper-pagination span::after{
	content: "";
	width: 0;
    height: 2px;
    background-color: var(--color, #FFF);
    margin-left: 0.25rem;    
  	transition: all 0.5s ease-out 0s;
}
        
.block-slider .swiper-pagination span.swiper-pagination-bullet-active::after {
    
    width: var(--line-width, 50px);

}
        
.block-slider .swiper-pagination::after {
    content: attr(swiper-slides-total);
    left: calc(50% + var(--gap, 10px) + var(--line-width, 50px));
    font-weight: 700;
    color: var(--color, #FFF);
    opacity: 0.6;
}

.block-slider .swiper-pagination span {
    /*position: relative;
    left: calc(50% - var(--gap, 10px) - var(--line-width, 50px));*/
    width: auto;
    height: auto;
    margin: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.block-slider .swiper-pagination span:not(.swiper-pagination-bullet-active) {
    opacity: 0.8;
    /*-webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);*/
}

.block-slider .swiper-pagination span.swiper-pagination-bullet-active ~ .swiper-pagination-bullet {
    /*-webkit-transform: translate(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);*/
}

.block-slider .swiper-pagination span,
.block-slider .swiper-pagination span:hover,
.block-slider .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: transparent !important;
    border: 0;
}
#slider .slider-thumbs .swiper-slide .bg-overlay .bg-overlay-content p {
    font-size: 0.75rem;
    margin-bottom: 0;
}
	/* Swiper */
	.slider-top .swiper-slide {
		width: 100%;
		height: 100%;
		/*min-height: 500px;*/
		background-size: cover;
		background-position: center center;
	}
    .slider-top .swiper-slide img {
        width: 100%;
    }
	.slider-thumbs {
		padding: 5px 0;

        z-index: 99;
	}
	.slider-thumbs .swiper-slide {
		width: 32%;
		height: 100%;
		opacity: 0.95;
	}


	@media (min-width: 992px) {
		.slider-top .swiper-slide {
			width: 100%;
			/*min-height: 550px;*/
		}
        .slider-thumbs .swiper-slide {
            width: 12%;
            height: 100%;
            opacity: 0.95;
        }        
	}
        
	.slider-thumbs .swiper-slide-active {
		opacity: 1;
	}
     @media (min-width: 992px) {
			.block-hero .section-slider {
				position: absolute;
				top: 0;
				right: 0;
				min-width: 50%;
                z-index: 2;
			}
         	.slider-thumbs {
                margin-top: -100px !important;
            }
		}

		.block-hero .mix-text { mix-blend-mode: difference; }
		@supports not(mix-blend-mode: difference) {
		  .block-hero .mix-text {
		    color: #222;
		  }
		}

		.block-hero .slide-number {
			display: flex;
			flex-direction: row;
			align-items: center;
			opacity: 1;
			bottom: 0;
			left: auto;
			right: 0;
		    color: #222;
		    background-color: #FFF;
		    text-shadow: none;
		    width: auto;
		    height: 52px;
		    padding: 0 20px;
		}

		.block-hero .slide-number-current,
		.block-hero .slide-number-total {
			position: relative;
			top: auto;
			bottom: auto;
		}

		.block-hero .slide-number span {
			position: relative;
			width: 40px;
			height: 1px;
			background-color: #777;
			margin: 0 10px;
		}

		.block-hero .slider-arrow-left,
		.block-hero .slider-arrow-right {
			display: inline-block;
			top: auto;
		    left: 0;
		    bottom: 0;
		    background: #FFF;
		    transform: translateY(0);
		    color: #333;
		}

		.block-hero .slider-arrow-left:hover,
		.block-hero .slider-arrow-right:hover {
			background-color: #FFF !important;
		}

		.block-hero .slider-arrow-right {
			margin-left: 40px;
		}

		.block-hero .slider-arrow-left i,
		.block-hero .slider-arrow-right i {
		    color: #333;
		    text-shadow: none;
		    font-size: 28px;
		}
p {margin-bottom: 0.875rem; line-height: 1.5;}
/*20230210*/
        .menu-link { font-weight: normal; }
        #news .title-block h3, .latest-events .entry .entry-title .title { font-weight: normal; }
        
        .text-justify { text-align: justify; }
/*20230210*/
        #conTxt p { text-align: justify;}
        #conTxt img { /*width: 100% !important;*/ max-width: 100% !important;}
/*20230315*/
        .title-block h4 {
            /*font-weight: 400;
            font-size: 1rem;*/
            font-weight: 600;
            font-size: 1.25rem;
        }
        .text-overflow{
            display:block; /*内联对象需加*/
            word-break:keep-all; /* 不换行 */
            white-space:nowrap; /* 不换行 */
            overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
            text-overflow:ellipsis; /*溢出时显示省略标记...；需与overflow:hidden；一起使用*/
        }
    #news .title-block {
    	padding: 1px 0 1px 5px;
    	border-left: 5px solid #106d2c;
    	margin-bottom: 5px;
        /*margin-top: 5px;*/
    }
    @media (min-width: 1200px){
        .menu-link {
                font-size: 1rem;
            } 	
    }
    #news .list ul{
        margin-bottom:12px;
    }
    .heading-block h4, .heading-block .h4 {
        font-weight: 400;
        font-size: 1rem;
    }
    .heading-block p {
        font-size: 0.875rem;
    }        
    .title-block {
        padding: 2px 0 3px 10px;
        border-left: 7px solid #106d2c;
        margin-bottom: 20px;
    }        
    .title-block h4+span, .title-block .h4+span {
        font-size: 0.875rem;
    }        

    #oc-life .card-title {
        font-size: 0.875rem !important;
    }
    #oc-life .card-body {
        padding: 0.75rem 0.5rem;
    }
        .latest-events .entry .entry-title h4 {
            font-size: 0.875rem;
        }
/*20230322*/
		.zt2023 .heading-block h1 { color:#106d2c;  font-weight: 600; text-shadow: 1px 1px 1px rgba(0,46,159,.2);}
        .zt2023 .heading-block h1.slogan {font-weight: 900; text-shadow: 0;}
        .zt2023 .heading-block span { color:#c3c3c3; font-size: 0.875rem; font-weight: 400;}
        .zt2023 .heading-block::after {display: none;}
        .zt2023 .heading-major {margin-bottom:10px;}
        .zt2023 .heading-major h3 {color:#106d2c;  font-weight: 600; text-shadow: 1px 1px 1px rgba(0,46,159,.2); margin-bottom:0px;}
        .zt2023 .heading-major span { color:#c3c3c3; font-size: 0.75rem; font-weight: 400; }
        .zt2023 p.text-justify {color:#444444; text-shadow: 1px 1px 1px rgba(255,255,255,.7);}
        .zt2023 .zt-digital {background:linear-gradient(45deg, rgba(12, 88, 150, 1) 15%, rgba(0, 46, 159, 1) 100%); }
        .zt2023 .number-box { display:flex; flex-wrap:wrap; justify-content:center;}
        .zt2023 .nbox-icon { width: 30%; max-width: 72px;}
        .zt2023 .nbox-content {flex-basis: auto; flex-grow: 0; color: #FFFFFF; padding-left: 16px; text-shadow: 1px 1px 1px rgba(0,0,0,.7);}
        .zt2023 .nbox-content .counter{font-size:2rem; font-weight: 900;}
        .zt2023 .nbox-content .counter sup{font-weight: 400;}
        .zt2023 .nbox-content p{line-height:1.5;margin-bottom:0;}
        .zt2023 .exam dt,.zt2023 .exam dd{margin-bottom:3px;}
        .zt2023 p.exam {margin:0;}
        #content p.exam {line-height:1.5;}
        .zt2023 .exam span{display:block; float:left; font-weight:750; color:#106d2c;}
        .zt2023 .exam dd{flex-basis: auto;}
        .zt2023 .bg-e strong{color:#106d2c; font-size: 1.125rem;}
        .zt2023 .bg-e {background:#eaeaea url(../image/life-bg-4.png) right bottom no-repeat; text-shadow: 1px 1px 1px rgba(255,255,255,0.7); padding-bottom:36px;}
        .zt2023 .ztl-more {position:absolute; bottom:0; right:0; color:#fff; line-height:36px; padding-right: 1rem; }
        .zt2023 .bg-ee {background:#eaeaea;}
        .zt2023 .up-lead{width: 100%; color:#106d2c; font-size: 1.125rem; font-weight:800; padding-left:10px; padding-right:10px;}
        .zt2023 .up-lead span{float:right; padding-right: 1rem; padding-top: 0.25rem; font-size:0.875rem; font-weight:400; color: #444444;}
        .zt2023 .up-meta {font-size: 0.875rem; padding-left:10px; padding-right:10px;}
        .zt2023 .bg-upp {background:url(../image/ea.jpg); background-size: 100% 100%;background-repeat:no-repeat; background-position: top center;}
        .zt2023 .bg-b{background:linear-gradient(45deg, rgba(12, 88, 150, 1) 15%, rgba(0, 46, 159, 1) 100%); }
        .zt2023 .bg-b .heading-block h1,.zt2023 .bg-b p{color:#ffffff;}
        .zt2023 .bg-b p {text-shadow:none;}
        .zt2023 .bg-d {background:#d3dde9;}
        .zt2023 .bg-d .bk-t{color:#106d2c; font-weight:800; font-size:1.25rem;}
        .zt2023 .bg-d .bk-t,.zt2023 .bg-d .bk-p{margin-bottom: 6px;}
        .zt2023 .heading-block span.c-w{color:#ffffff;}
        
/*20230410*/

@keyframes down_move1 {
  0% {
    top: 0;
    opacity: 0;
  }

  50% {
    top: 20px;
    opacity: 1;
  }

  100% {
    top: 40px;
    opacity: 0;
  }
}

@-webkit-keyframes down_move1 {
  0% {
    top: 0;
    opacity: 0;
  }

  50% {
    top: 20px;
    opacity: 1;
  }

  100% {
    top: 40px;
    opacity: 0;
  }
}

@keyframes down_move2 {
  0% {
    top: 0;
    opacity: 0;
  }

  50% {
    top: 20px;
    opacity: 1;
  }

  100% {
    top: 40px;
    opacity: 0;
  }
}

@-webkit-keyframes down_move2 {
  0% {
    top: 0;
    opacity: 1;
  }

  100% {
    top: 2px;
    opacity: 0;
  }
}

@keyframes down_move3 {
  0% {
    top: 0;
    opacity: 0;
  }

  50% {
    top: 20px;
    opacity: 1;
  }

  100% {
    top: 40px;
    opacity: 0;
  }
}

@-webkit-keyframes down_move3 {
  0% {
    top: 0;
    opacity: 0;
  }

  50% {
    top: 20px;
    opacity: 1;
  }

  100% {
    top: 40px;
    opacity: 0;
  }
}

.tocontent {
  width: 36px;
  height: 68px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-left: -18px;
}

.down_png {
  position: absolute;
  z-index: 2147483647;
  width: 36px;
  height: 17px;
  background: url('../image/down_png.png') no-repeat;
  position: absolute;
  top: 0;
  cursor: pointer;
}

.down_png1 {
  opacity: 0;
  width: 36px;
  height: 17px;
  background-size: 36px 17px;
  animation-name: down_move1;
  animation-duration: 2400ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
  animation-delay: 0ms;
}

.down_png2 {
  opacity: 0;
  width: 36px;
  height: 17px;
  background-size: 36px 17px;
  animation-name: down_move2;
  animation-duration: 2400ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
  animation-delay: 800ms;
}

.down_png3 {
  opacity: 0;
  width: 36px;
  height: 17px;
  background-size: 36px 17px;
  animation-name: down_move3;
  animation-duration: 2400ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
  animation-delay: 1600ms;
}

@media (min-width: 992px){
  #page-menu.zs-2023  {
    width: 96px;
    }
.zs-2023 .page-menu-item {
    width: 100%;
    height: 12px;
    margin: 10px 0;
}
    .zs-2023 .page-menu-item>a {
    border-radius: 14px;
}
}

        
        /*.zcu-digital {background:linear-gradient(45deg, rgba(12, 88, 150, 1) 15%, rgba(0, 46, 159, 1) 100%); }*/
        .zcu-digital {background: url(../image/digital-bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: 0 0;}
        .zcu-digital::after {
            content: "";
            position: absolute;
            height: 100%;
            width: 100%;
            left: 0;
            top: 0;
            background: -webkit-linear-gradient(119deg, rgba(17, 108, 43, 0.9) 0%, rgba(20, 117, 77, 0.9) 100%);
            background: -o-linear-gradient(119deg, rgba(17, 108, 43, 0.9) 0%, rgba(20, 117, 77, 0.9) 100%);
            background: linear-gradient(119deg, rgba(17, 108, 43, 0.9) 0%, rgba(20, 117, 77, 0.9) 100%);
        }
        .zcu-digital .number-box { display:flex; flex-wrap:wrap; justify-content:center;}
        .zcu-digital .nbox-content {flex-basis: auto; flex-grow: 0; color: #FFFFFF; text-shadow: none;}
        .zcu-digital .nbox-content .counter{font-size:4rem; font-weight: 200; color:#c9ad5f;}
        .zcu-digital .nbox-content .counter sup{font-weight: 200; font-size: 0.5em; top: -0.75rem;}
        .zcu-digital .nbox-content p{line-height:1.5; font-size: 1rem; text-shadow: 1px 1px 1px rgba(0,0,0,.7);}
        #oc-whyselect i.font_family{color:#ffffff;font-size: 4rem; text-shadow: 1px 1px 1px rgba(0,0,0,.7);}
        .zcu-digital i.font_family{color:#ffffff;font-size: 5.5rem; text-shadow: 1px 1px 1px rgba(0,0,0,.7);}
        @media (max-width: 767px){
          .zcu-digital .nbox-content .counter{font-size:2rem; font-weight: 200; color:#c9ad5f;margin: 10px 0;}
        }
        
.fbox-icon i, .fbox-icon img {
    background: transparent;
}


.fbox-effect.fbox-dark .fbox-icon i:hover,.fbox-effect.fbox-dark:hover .fbox-icon i{
    background-color: transparent;
}

.fbox-effect.fbox-dark .fbox-icon i::after {
    -webkit-box-shadow: 0 0 0 2px #b1def0;
    box-shadow: 0 0 0 2px #b1def0;
}
        
		/* Links */
		.link {
			position: relative;
			cursor: pointer;
			white-space: nowrap;
			color: #333;
		}

		.link::before,
		.link::after {
			position: absolute;
			width: 100%;
			height: 1px;
			background: currentColor;
			top: 100%;
			left: 0;
			pointer-events: none;
		}

		.link::before {
			content: '';
			/* show by default */
		}

		/* Links 1 */
		.link-1::before {
			height: 2px;
			transform-origin: 100% 50%;
			transform: scale3d(0, 1, 1);
			transition: transform 0.3s;
		}

		.link-1:hover::before {
			height: 2px;
			transform-origin: 0% 50%;
			transform: scale3d(1, 1, 1);
		}
        #oc-whyselect .fbox-content a.link{color:#ffffff;}
        #social-portfolio h3{font-weight:400; font-size: 0.875rem;}
/*.text-overlay-mask {
    opacity: .85;
    top: auto;
    bottom: 0;
    height: auto;
    padding: 40px 15px 15px;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 30, 200, 0.85) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 30, 200, 0)), to(rgba(0, 0, 0, 0.85)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 30, 201, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 );
}*/
.divider {color:#999999;}
.new-student:before {
    background: -webkit-linear-gradient(119deg, rgba(17, 108, 43, 0.9) 0%, rgba(20, 117, 77, 0.9) 100%);
    background: -o-linear-gradient(119deg, rgba(17, 108, 43, 0.9) 0%, rgba(20, 117, 77, 0.9) 100%);
    background: linear-gradient(119deg, rgba(17, 108, 43, 0.9) 0%, rgba(20, 117, 77, 0.9) 100%);

}
#slider-wrap-thumb .text-overlay-mask{
    padding: 4px;
}
#slider-wrap-thumb .bg-overlay {
    top: auto;
    bottom: 0;
    height: 1.8rem;
}
        .zcu-digital .icon-animation{
            position: relative;
            width: 8.5rem;
            height: 8.5rem;
        }
@keyframes rotategz{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}
.zcu-digital .icon-animation:after {
    content: '';
    position: absolute;
    width:100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px dashed rgba(255,255,255,1);
    border-radius: 50%;
    -webkit-animation: rotategz linear 30s infinite;
    animation: rotategz linear 30s infinite;
}
@media (max-width:991.78px) {
    #header.transparent-header:not(.sticky-header) .logo {
        max-width: calc(100% - 7rem);
        padding-top: 1rem;
        padding-bottom: 2rem;
    }
    .top-search-form {height:54px;margin-top:18px}
    .block-slider .swiper-pagination { bottom: 10px !important;}
    .block-slider .swiper-pagination, .block-slider .swiper-pagination::before, .block-slider .swiper-pagination::after {transform: translateX(0%) !important;}
    .zcu-digital .icon-animation{
      position: relative;
      width: 5rem;
      height: 5rem;
  }
  .zcu-digital i.font_family{color:#ffffff;font-size: 3rem; text-shadow: 1px 1px 1px rgba(0,0,0,.7);}
}