.our-wrap {
	position: relative;
	width: 100%;
	height: auto;
	background-color: #fff;
	padding-top: 40px;}


.header {
	width: 100%;
	background: url(navigation.png) no-repeat center top;}

.header .top {
	position: relative;
	padding: 16px 0 25px 0;}

.header .top:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #ffffff;
	opacity: 0.2;
	bottom: -1px;}
.header .logo a{
	display: flex;
	align-items: center;}
.header .time ul {
	float: right;}

.header .time li {
	font-size: 14px;
	line-height: 33px;
	color: #baccc5;
	display: inline-block;
	margin-bottom: 5px;}

.header .time a {
	position: relative;
	margin-left: 10px;
	padding:2px 5px;
	border-radius: 3px;
	border: solid 1px #ffffff;
	font-size: 13px;
	color: #ffffff;}

.header .time span {
	padding-right: 5px;}

.header .time a:hover {
	border: solid 1px #619e8c;
	color: #619e8c;
	opacity: 1;}

.input-group {
	float: right;}

.search input {
	background-color: #fff;
	box-sizing: border-box;
	height: 40px;
	width: 306px;
	color: #666666;
	font-size: 14px;
	padding-left: 20px;
	padding-right: 60px;
	border-radius: 0px;
	border: 0;}

.search-logo {
	position: absolute;
	text-align: center;
	background: none;
	font-size: 16px;
	border: none;
	right: 10px;
	top: 50%;
	margin-top: -12px;
	cursor: pointer;}

.search:hover .search-logo {
	color: #006346;
	font-size: 18px;}
.menu-nav{
	display: flex;}
.menu-nav li {
	box-sizing: border-box;
	position: relative;}

.menu-nav li a {
	padding: 19px 30px;
	display: block;
	color: #fff;
	font-size: 18px;
	box-sizing: border-box;}

.menu-nav li:hover a {
	color: #fff;
	background: rgba(3, 66, 47, 0.8);}
.menu-nav li a:hover{
	color: #9ddecb;
	background-color: #063b2b;}
.menu-nav li:hover {
	background: rgba(3, 66, 47, 0.8);}
.menu-nav li:hover dl{
	display: block;}
.menu-nav li dl{
	display: none;
	position: absolute;
	top:63px;
	left: 0;
	z-index: 22;
	text-align: center;
	width: 100%;}

.menu-nav li  dl a{
	padding: 10px;
	font-size: 16px;}



.newsMain {
	width: 100%;
	padding: 30px 0;
	background: url(bg1.png) no-repeat right top;
	background-size: 100% auto;}

.titleBar{
	display: flex;}
.titleBar img{margin-right: 15px;}
.titleBar a{
	display: inline-flex;
	align-items: center;}
.titleBar h2{
	font-size: 30px;
	line-height: 1.5;
	color: #333333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.newsMain .BACut {
	margin-top: 12px;
	max-height: 527px;}

.newsMain .BACut img {
	width: 100%;
	height: 500px;
	transition: all 0.5s;}
.newsMain .BACut a:hover img{
	transform: scale(1.05);}
.titleBar .titleList h2:hover {
	color: #006346;}


.mediaSpread {
	width: 100%;
	background-color: #f7fefb;
	background: rgba(255,255,255,.6);
	padding: 20px 20px 0;}
.publicHurdle{padding-bottom: 10px;}
.publicHurdle h3 {
	float: left;
	color: #333333;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;}

.publicHurdle a {
	float: right;
	display: block;
	font-size: 14px;
	color: #999999;line-height: 30px;}

.publicHurdle a:hover {
	color: #006346;}

.mediaList {
	min-height: 450px;}

.mediaList li {
	padding-top: 10px;}
.mediaList li a{
	display: flex;}
.mediaList .spread-time {
	width: 60px;
	margin-right: 20px;
	padding-bottom: 10px;}

.mediaList .spread-time {
	color: #333333;}

.mediaList .spread-time h5 {
	font-size: 19px;
	line-height: 26px;}

.mediaList .spread-time p {
	font-size: 14px;
	line-height: 26px;}

.mediaList .spread-list {
	position: relative;
	flex:1;
	display: flex;
	align-items: center;
	padding-bottom: 10px;}

.mediaList .spread-list p {
	font-size: 15px;
	line-height: 1.5;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}

.mediaList .spread-list:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #dee4e1;
	transition: all ease-out 0.2s;
	bottom: 0px;}

.swiper-BACutBar {
	width: 100%;}

.swiper-BACutBar .title-item {
	width: 100%;
	position: absolute;
	bottom: 0;
	font-size: 18px;
	line-height: 26px;
	color: #ffffff;
	padding: 15px 200px 15px 10px;
	background-color: rgba(0, 0, 0, 0.7);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;}

.swiper-BACutBar .swiper-pagination {
	bottom: 16px;
	left: -15px;
	text-align: right;}

.swiper-BACutBar .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #ffffff;
	opacity: 1;}

.swiper-BACutBar .swiper-pagination-bullet-active {
	width: 20px;
	height: 10px;
	background-color: #eb2d13;
	border-radius:10px;}

.mediaList .spread-list:hover p {
	color: #006346;}

.mediaList .spread-list:hover:before {
	background: #006346;}


.campusMain {
	background-color: #ffffff;
	padding-bottom: 20px;}

.campusMain ul {
	min-height: 306px;}

.theSameList li {
	position: relative;
	padding: 5px 0;
	line-height: 34px;}
.theSameList li a{
	display: flex;
	justify-content: space-between;
	align-items: center;}
.theSameList li p {
	flex:1;
	padding:0 16px;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;}

.theSameList li h6 {
	width: 100px;
	text-align: right;
	font-size: 16px;
	color: #666666;}

.theSameList li:before {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	background-color: #177055;
	top: 50%;
	margin-top: -3px;
	left: 2px;}

.theSameList li:hover p {
	color: #006346;}

.theSameList li:hover:before {
	background-color: #006346;}
.lingdao li a{
	display: block;
	height: 34px;
	overflow: hidden;}
.academic-box p {
	width: 100%;}



.figureMain {
	width: 100%;
	padding: 30px 0;
	background: url(bg3.png) no-repeat center top;
	background-size:auto 100% ;}
.figureOut{
	display: flex;}
.figureBar{
	width: 378px;
	margin-right: 15px;}
.figureBar .figureBar-bp {
	width: 100%;
	max-height: 260px;}

.figureBar .figureBar-title {
	position: relative;
	padding: 13px 0;}

.figureBar-title:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #cacaca;
	bottom: 0px;}

.figureBar-title p {
	font-size: 18px;
	line-height: 28px;
	height: 56px;
	color: #000000;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;}

.figureBar-title h6 {
	font-size: 16px;
	line-height: 28px;
	color: #666666;}

.figureNList {
	flex:1;
	height: 360px;
	padding:0 10px;
	background:rgba(255, 255, 255, 0.7);}

.figureNList .theSameList li p {
	width: 100%;}

.figureNList .theSameList li,
.dynamicBar .theSameList li {
	border-bottom: 1px solid #e0e0e0;}

.dynamicBar {
	width: 100%;
	height: 360px;

	background: rgba(255, 255, 255, 0.7)
;}

.dynamicBar .theSameList p {
	width: 100%;}

.dynamicBar .theSameList li:before {

	width: 2px;
	height: 30px;
	background-color: #006346;
	top: 9px;
	left: 0px;}

.swiper-figureBar {
	width: 100%;
	height: 364px;}
.swiper-figureBar .img-responsive{
	height: 250px;
	overflow: hidden;}
.swiper-figureBar img {
	width: 100%;
	height: 100%;
	transition: all 0.5s;}
.swiper-figureBar a:hover img{
	transform: scale(1.05);}


.swiper-figureBar .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	bottom: 114px;
	background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
	background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
	background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);  
	background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));}

.swiper-figureBar .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;}

.swiper-figureBar .swiper-pagination-bullet-active {
	width: 20px;
	border-radius: 10px;
	background: #eb2d13;}


.videoSchoolMain {
	width: 100%;
	background-color: #ffffff;
	padding: 30px 0;}
.videoBar,.pc-banner{padding-top: 15px;}

.videoBarList .videoImg {
	width: 100%;
	max-height: 216px;}
.videoBar video{
	display: block;}
.no-plZore {
	padding-left: 0;}

.on-plfZ {
	padding: 0;}

.videTime {
	position: relative;
	background-color: #f2f7f3;
	height: 75px;
	padding: 10px;}

.videTime:nth-child(2){
	margin-bottom: 18px;}
.videTime .timeLeft {
	position: absolute;
	padding: 10px;
	width: 75px;
	height: 75px;
	color: #ffffff;
	font-size: 18px;
	line-height: 38px;
	font-weight: bold;
	background-color: #006346;
	top: 0;
	left: 0;}
.videTime .timeLeft h5 {
	font-size: 14px;}

.titleRight {
	padding-left: 80px;
	line-height: 28px;
	color: #333333;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.pc-banner{
	position: relative;
}
.pc-banner .swiper-container .swiper-wrapper{
	height: auto;
}
.pc-banner .swiper-container .swiper-slide {
	width: 185px;
	height: 285px;
	font-size: 13px;
	text-align: center;
}

.pc-banner .swiper-container .swiper-slide .img {
	height: 250px;
	padding: 4px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	transition: all .5s;
}

.pc-banner .swiper-container .swiper-slide:hover .img {
	transform: scale(1.1);
}
.pc-banner img {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
}
.pc-banner .swiper-button-prev,
.pc-banner .swiper-button-next {
	
	top: auto;
	bottom: 0px;
	width: 53px;
	height: 16px;
	background: none;
	color: #a0a0a0;
	font-size: 14px;
}
.pc-banner .swiper-button-prev{
	left: 16px;
}
.pc-banner .swiper-button-next{
	right: 16px;
}
.pc-banner .swiper-button-prev::before {
	content: "";
	position: absolute;
	top: 5px;
	left: -15px;
	width: 0px;
	height: 0px;
	border: 5px solid transparent;
	border-right-color: #a0a0a0;
}

.pc-banner .swiper-button-next::after {
	content: "";
	position: absolute;
	top: 3px;
	right: -8px;
	width: 0px;
	height: 0px;
	border: 5px solid transparent;
	border-left-color: #a0a0a0;
}

/*.pc-banner .swiper-container {
	width: 100%;
}

.pc-banner .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	width: 216px;
	height: 242px;
}
.pc-banner .swiper-container .swiper-slide {
	width: 216px;
	height: 242px;
	font-size: 12px;
	text-align: center;
}

.pc-banner .swiper-container .swiper-slide .img {
	width: 216px;
	height: 242px;
	padding: 4px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	transition: all .5s;
}

.pc-banner .swiper-container .swiper-slide:hover .img {
	transform: scale(1.1);
}

@media screen and (max-width: 668px) {

	.pc-banner .swiper-slide-active,
	.pc-banner .swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.pc-banner .swiper-slide a {
	background: #fff;
	display: block;
}

.pc-banner .swiper-slide p {
	text-align: center;
	color: #333333;
	font-size: 15px;
	line-height: 30px;
}
.pc-banner .swiper-slide-active a:after {
	background: none;
}





.pc-banner .button {
	margin: 0 auto;
	bottom: 10px;
	position: relative;
}

.pc-banner .button span {
	color: #a0a0a0;
} 
@media screen and (min-width: 668px) {
	
}



@media screen and (max-width: 668px) {
	.pc-banner .button {
		width: 80%;
		bottom: 22px;
		text-align: center;
	}
}


.pc-banner .button .swiper-button-prev,
.pc-banner .button .swiper-button-next {
	text-align: center;
	width: 100px;
	background: none;
	margin-top: 0px;
}

@media screen and (max-width: 668px) {
	.pc-banner .button div {
		width: 80px;
		height: 28px;
	}
}*/


.to-top {
	z-index: 9999;
	width: 40px;
	height: 40px;
	font-size: 25px;
	line-height: 35px;
	text-align: center;
	position: fixed;
	bottom: -100px;
	right: 20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background-color: transparent;
	background-color: rgba(108, 220, 121, 0.5);
	border: solid 1px #006346;
	color: #ffffff;
}

.to-top span {
	line-height: 36px;
}

.to-top:hover {
	background-color: #ffffff;
	border-color: #5ca55e;
	color: #5ca55e;
}


.footer {
	padding: 30px 0 20px;
	background-color: #006346;}
.footer .col-sm-5{
	float: right;}

.footerSite{
	display: flex;}
.footerSite img{
	display: inline-block;
	margin-right: 15px;}

.siteList li {
	font-size: 14px;
	line-height: 23px;
	color: #ffffff;}
.qrCodeBar ul{
	display: flex;
	justify-content: flex-end;}
.qrCodeBar li {
	text-align: center;
	padding-left: 20px;}

.qrCodeBar p {
	text-align: center;
	color: #FFFFFF;
	margin-top:5px;}

.navbar-toggle .icon-bar {
	background-color: #fff;}

.mmobile{
	display: none;}


@media screen  and (max-width:760px) {
	.dynamicBar{
		min-height: 320px;
		height: 320px;}
	.videoBar, .pc-banner{
		padding-top: 0;}
  #navbar{display:none;}
  .mobile,.mmobile{ display:block;}
  .header .top{ padding: 15px 0;width: 85%;}
  .newsMain,.campusMain,.figureMain,.videoSchoolMain,.footer{padding:15px 0;}
  .pc{
	  display: none;}
  .videoSchoolMain,.figureMain{display: none;}
  .figureBar,.swiper-figureBar{width:100%; height: auto;}
  .swiper-BACutBar .title-item{padding: 6px 80px 6px 6px;font-size: 14px;}
  .swiper-BACutBar .swiper-pagination{bottom: 10px; left:0px;}
  .swiper-BACutBar .swiper-pagination-bullet{
	  width: 8px; height: 8px;}
  .swiper-BACutBar .swiper-pagination-bullet-active{
	width: 14px; height: 8px;}
  .publicHurdle h3{font-size: 18px; line-height: 36px;}
  .publicHurdle a{font-size: 14px; line-height: 36px;}
  .mediaSpread{
	  padding:15px 0;}
  .mediaList li{
	padding-top: 8px;}
	.mediaList .spread-time{
		width: 48px;
		margin-right: 6px;
		padding-bottom: 8px;}
	.mediaList .spread-list{
		padding-bottom: 8px;}
	.mediaList .spread-time h5,.mediaList .spread-list p ,.theSameList li p,.theSameList li h6,.figureBar-title h6,.videTime .timeLeft{
		font-size: 14px;}
	.mediaList .spread-time p {
		font-size: 12px;
		line-height: 24px;}
	.theSameList li{line-height: 28px;}
	.importantNews{padding-top: 15px;}
	.figureNList{width: 100%; margin-top: 10px;}
  .titleBar img{width: 80px; height: 80px; margin-right: 10px;}
  .titleBar h2{font-size: 18px;}
  .figureBar .figureBar-title{padding: 10px 0 4px;}
  .figureBar-title p{font-size: 15px; line-height: 1.4; height: 42px;}
  .dynamic{margin-top: 15px;}
  .videTime{height: 60px; padding: 8px;}
  .videTime .timeLeft{
	  width: 66px;
	  height: 60px;
	  line-height: 24px;font-size: 15px;}
  .videTime .timeLeft h5{font-size: 12px;}
  
  .titleRight{
	  padding-left: 66px;
	  font-size: 14px;
	  line-height: 1.3;}
  .videoBar .no-plZore{padding: 0; margin-bottom: 15px;} 
  .videoBar .no-plZore:nth-child(2){display: none;}
  .pt20{padding-top: 15px;}
  .mt20 {
		margin-top: 15px;}
	.pc-banner .swiper-container{padding-bottom: 25px;}
	.pc-banner .swiper-container,.pc-banner .swiper-slide img{height: auto;}
	.footer{text-align: center;}
	.footer .row{margin: 0;}
	.footer .col-sm-5{
		float: none;padding-top: 5px;}
	.footer .footerSite{
		display: flex;
		align-items: center;
		flex-direction: column-reverse;}
	.siteList{padding:12px 0;}
	.siteList li{font-size: 13px;}
	.footer .container{padding: 0;}
	.footer .img-responsive{width: 40px; padding-bottom: 10px;}
	.footer img{width: 60px; margin: 0 auto;}
	.figureOut{display: block;}
	.swiper-figureBar .swiper-pagination{
		bottom: 84px;}
	#certify {
		position: relative;}

	#certify .swiper-button-prev,
	#certify .swiper-button-next {
		font-size: 13px;}

	.newsMain .BACut img{    height: 256px;
    object-fit: cover;}
	.swiper-figureBar .img-responsive {
		height: auto;}
	#certify .swiper-container .swiper-slide {
		width: 156px;
		height: 242px;
		font-size: 12px;
		text-align: center;}

	#certify .swiper-container .swiper-slide .img {
		height: 217px;
		padding: 4px;
		border: 1px solid #dfdfdf;
		background-color: #fff;
		transition: all .5s;}
	#certify .swiper-container .swiper-slide:hover .img{
		transform:scale(1.1);}
	.qrCodeBar ul{
		display: flex;
		justify-content: center;}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.header .top{padding: 12px 0 20px 0;}
	.logo  img{width: 90%; padding-top: 6px;}
	.header .time li{font-size: 13px; line-height: 28px;}
	.search input{width: 286px; height: 32px;}
	.header .time a{font-size: 12px;}
	.menu-nav li a {
		padding: 15px 13px;
		font-size: 15px;}
	.swiper-figureBar .img-responsive {
		height: auto;}
	.swiper-figureBar .swiper-pagination{
		bottom: 142px;}
	.newsMain,.campusMain,.figureMain,.videoSchoolMain,.footer{padding:20px 0;}
	.titleBar img {
		width: 80px;}
	.titleBar h2{
		font-size:18px;}
	
	.mediaSpread{
		padding: 10px;}
	.publicHurdle h3{
		font-size: 20px;}
	.mediaList{
		height: 360px;
		min-height: 360px;
		overflow: hidden;}
	.mediaList li{
		padding-top: 10px;}
	.mediaList .spread-time{
		width: 40px;
		margin-right: 10px;
		padding-bottom: 10px;}
	.mediaList .spread-list{
		padding-bottom: 10px;}
	.mediaList .spread-time h5,.mediaList .spread-list p ,.theSameList li p,.theSameList li h6,.figureBar-title h6,.videTime .timeLeft{
		font-size: 14px;}
	.mediaList .spread-time p {
		font-size: 12px;
		line-height: 26px;}
	.theSameList li{line-height: 32px;}
	.figureBar,.swiper-figureBar {
		width: 205px;
		height: 280px;}
	.figureNList{
		width: 270px;
		min-height: 320px;}
	.figureBar-title p{
		font-size: 16px;}
	.dynamicBar{
		min-height: 320px;}
	.videTime{height: 60px; padding: 8px;}
	.videTime .timeLeft{
		width: 60px;
		height: 60px;
		line-height: 24px;
		font-size: 15px;}
	
	.titleRight{
		padding-left: 60px;
		font-size: 14px;
		line-height: 1.3;}
	.pc-banner .swiper-container{
		height: 240px;}
	.pc-banner .swiper-slide img {
		height: 210px;}
	.campusMain{
		padding-top: 0;
		padding-bottom: 20px;}
	.col-sm-8,.col-sm-4{
		padding-right:8px ;
		padding-left:8px ;}
}