/*banner*/
.banner{
	width:100%;
}
.banner .swiper-slide a{
	display: block;
	width: 100%;
}
.banner .swiper-slide img{
	width: 100%;
	height: auto;
	display: block;
}
.banner .swiper-pagination{
	width: 1200px !important;
	text-align: right;
	left: 50%;
	transform: translate(-50%,-50%);
}
.banner .swiper-pagination-bullets{
	bottom:20px !important;
}
.banner .swiper-pagination-bullet{
	width: 50px;
	height: 40px;
    text-align: center;
	line-height: 40px;
    font-size: 26px;
    color:#fff;
    background: none;
	border-radius: inherit;
	opacity: .8;
	font-family: myfont;
}
.banner .swiper-pagination-bullet::after{
	content: "";
	width: 0;
	height: 3px;
	background: #028b39;
	display: block;
	transition: 0.5s all;
	margin-top:3px;
}
.banner .swiper-pagination-bullet-active{
    font-size: 34px;
	opacity: 1;
}
.banner .swiper-pagination-bullet-active::after{
	width: 100%;
}
/*NEWS*/
.news{
	width: 100%;
	padding:40px 0px;
	background: #f3f3f3 url(../img/news_bg.jpg) no-repeat right bottom;
}
.news_left{
	width: 586px;
	margin-right:30px;
}
.news_right{
	width: 584px;
}
.news_left .title{
	margin-bottom:30px;
}
.news_left .title h3{
	font-size: 48px;
	color: #434343;
	margin-right: 40px;
	display: inline;
	font-family: myfont;
	font-weight: normal;
}
.news_left .title a{
	font-size: 14px;
	color: #434343;
	position: relative;
}
.news_left .title a i::before,.gallery-thumbs .title a i::before{
	content: "";
	width:21px;
	height: 21px;
	position: absolute;
	background: #028B39;
	border-radius: 10px;
	opacity: 0.2;
	top:-2px;
	right:-7px;
	transition: 0.4s all;
}
.news_left .title a:hover i::before,.gallery-thumbs .title a:hover i::before{
	transform: scale(1.3,1.3);
	opacity: 0.03;
}
.news_left .title a::after,.gallery-thumbs .title a::after{
	content: url(../img/icon_more.png);
	position: relative;
	margin-left: 5px;
	top:-1px;
        transition:0.6s all;
}
.news_left .title a:hover::after,.gallery-thumbs .title a:hover::after{
	margin-left: 10px;
}
.news_left .title a:hover,.gallery-thumbs .title a:hover{
	color: #028B39;
}
.news_list1{
	width: 100%;
}
.news_list1 ul li:first-child{
	margin-bottom:30px;
}
.news_list1 ul li .news1_txt{
	width: 238px;
	height: 151px;
	background: #ffffff;
	border-bottom: 3px solid #028b39;
	padding:20px;
}
.news_list1 ul li a{
	display: block;
        width:100%;
        height:100%;
}
.news1_txt time{
	color: #028b39;
	display: block;
	margin-bottom: 12px;
}
.news1_txt h3{
	color: #434343;
	height: 66px;
	margin-bottom: 12px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-weight: normal;
	font-family: myfont;
}
.news1_txt:hover h3{
	color: #028b39;
}
.news1_txt p{
	color: #434343;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 48px;
}
.news_list1 ul li .news1_img{
	width: 278px;
	height: 191px;
	border-bottom: 3px solid #fbe028;
	position: relative;
	overflow: hidden;
}
.news1_img img{
	width: 100%;
	height: 100%;
	/*object-fit: cover;*/
	transition: 0.6s all;
}
.news1_img:hover img{
	transform: scale(1.1,1.1);
}
.news1_img p{
	position: absolute;
	padding:0px 20px;
	color: #ffffff;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	bottom: 12px;
	left: 0px;
	max-height: 52px;
}
.news_list1 ul li:first-child .news1_txt,.news_list1 ul li:last-child .news1_img{
	float: right;
}
.news_list1 ul li:first-child .news1_img,.news_list1 ul li:last-child .news1_txt{
	float: left;
        margin-right: 30px;
}
.news_list2{
	position: relative;
	padding-top:30px;
	padding-bottom:74px;
}
.news_list2 .news2_img{
	width: 100%;
	height: 392px;
	overflow: hidden;
}
.news_list2 .news2_img img{
	width: 100%;
	height: 100%;
	
	transition: 0.6s all;
}
.news_list2:hover .news2_img img{
	transform: scale(1.1,1.1);
}
.news_list2 .news2_txt{
	width: 406px;
	height: 88px;
	padding:22px 18px 30px 22px;
	background: #ffffff;
	position: absolute;
	right: 0px;
	bottom:0px;
	box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.22);
}
.news_list2 .news2_txt time{
	font-size: 18px;
	color: #028B39;
	display: block;
	margin-bottom: 16px;
}
.news_list2 .news2_txt h3{
	font-size: 18px;
	color: #434343;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-family: myfont;
	font-weight: normal;
	max-height: 60px;
}
.news_list2:hover .news2_txt h3{
	color: #028B39;
}

/*EVENTS*/
.events{
	width: 100%;
	height: 372px;
	padding:36px 0px;
	position: relative;
}
.events_bg1{
	width: 100%;
	height: 174px;
	background: #028b39;
	opacity: 0.1;
	position: absolute;
	bottom:0px;
	left:0px;
}
.events_bg2{
	width: 637px;
	height: 100%;
	background: url(../img/events_bg.jpg) no-repeat;
	position: absolute;
	right: 0px;
	top:0px;
}
.events .w12{
	position: relative;
}
.events .title{
	width: 200px;
	position: absolute;
	right: 0px;
	text-align: right;
}
.events .title h3{
	font-size: 48px;
	color: #ffffff;
	margin-bottom: 14px;
	font-family: myfont;
	font-weight: normal;
}
.events .title a{
	font-size: 14px;
	color: #ffffff;
	position: relative;
}
.events .title a i::before{
	content: "";
	width:21px;
	height: 21px;
	position: absolute;
	background: #ffffff;
	border-radius: 10px;
	opacity: 0.2;
	top:-2px;
	right:-7px;
	transition: 0.4s all;
}
.events .title a:hover i::before{
	transform: scale(1.3,1.3);
	opacity: 0.03;
}
.events .title a::after{
	content: url(../img/icon_more1.png);
	position: relative;
	margin-left: 5px;
	top:-1px;
        transition:0.6s all;
}
.events .title a:hover::after{
	margin-left: 10px;
}
.events_list.swiper-container{
	width: 1062px;
	padding: 80px 15px 52px 15px;
	margin-left: 0px;
}
.events_list .swiper-slide{
	height: 244px;
	background: #ffffff;
	box-shadow: 0px 0px 8px 0px rgba(2, 139, 57, 0.22);
	display: block;
}
.events_list .swiper-slide time{
	display: block;
	width: 46px;
	background: url(../img/time_line.png) no-repeat 20px 20px;
	margin: 18px 0px 12px 20px;
}
.events_list .swiper-slide time p{
	text-align: left;
	font-size: 24px;
	color: #fcd20f;
	font-family: myfont;
	font-weight: normal;
}
.events_list .swiper-slide time span{
	display: block;
	text-align: right;
	font-size: 14px;
	color: #999999;
}
.events_list .swiper-slide h3{
	line-height: 30px;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
}
.events_list .swiper-slide h3 a{
	color: #434343;
	height: 90px;
	padding: 0px 20px; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: block;
}
.events_list .swiper-slide .more{
	width: 124px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background-image: linear-gradient(90deg, #006a2d 0%, #a9cd07 100%);
	font-size: 14px;
	border-radius: 17.5px;
	margin-top: 20px;
	float: right;
	margin-right: 20px;
}
.events_list .swiper-slide .more a{
	color: #ffffff;
}
.events_list .swiper-slide .more a::after{
	content: url(../img/more.png);
	position: relative;
	margin-left: 4px;
	top: -4px;
	transition: .5s all;
}
.events_list .swiper-slide .more:hover{
	background-image: linear-gradient(150deg, #006a2d 0%, #a9cd07 100%);
}
.events_list .swiper-slide .more:hover a::after{
	margin-left: 12px;
}
.events_list .swiper-slide:hover h3 a{
	color: #028B39;
}
.events .swiper-button-next,.events .swiper-button-prev{
	background: rgba(2,139,57,.2);
	width: 27px;
	height: 27px;
	border-radius: 13.5px;
}
.events .swiper-button-next{
	bottom: 0px !important;
	right: 46%;
	top: inherit;
	left: inherit;
}
.events .swiper-button-prev{
	bottom: 0px !important;
	left: 46%;
	top: inherit;
}
.events .swiper-button-prev img{
	margin-left:10px;
	margin-top:8px;
	transition: .5s all;
}
.events .swiper-button-prev:hover img{
	margin-left: 6px;
}
.events .swiper-button-next img{
	margin-left: -10px;
	margin-top:8px;
	transition: .5s all;
}
.events .swiper-button-next:hover img{
	margin-left: -6px;
}

/*HIGHLIGHTS*/
.highlights{
	width: 100%;
	background: #ffffff url(../img/highlights_bg.png) no-repeat right bottom;
	position: relative;
	padding:50px 0px 40px;
}
.heghlights_bg{
	width: 498px;
	height: 368px;
	background: #028B39;
	position: absolute;
	left: 0px;
	top: 0px;
}
.highlights_list .gallery-top{
	width: 615px;
	height: 421px;
	margin:0;
	position: relative;
}
.highlights_list .gallery-thumbs{
	width: 550px;
}
.gallery-thumbs .title{
	padding:0px 14px 14px 0px;
}
.gallery-thumbs .title h3{
	font-size: 48px;
	color: #434343;
	text-align: right;
	line-height: 40px;
	margin-bottom: 10px;
	font-family: myfont;
	font-weight: normal;
}
.gallery-thumbs .title a{
	font-size: 14px;
	color: #434343;
	display: block;
	text-align: right;
	margin-top: 35px;
	position: relative;
}
.gallery-top .gallery-bg{
	position: absolute;
	width: 574px;
	height: 316px;
	background: #f3f3f3;
	bottom: 0px;
	right: 0px;
}
.highlights_list .gallery-top .swiper-wrapper{
	width: 586px;
	height: 392px;
}
.highlights_list .gallery-top .swiper-wrapper .swiper-slide{
	display: block;
	text-align: inherit;
}
.highlights_list .gallery-top .swiper-wrapper .swiper-slide img{
	width: 586px;
	height: 392px;
	
}
.highlights_list .gallery-thumbs .swiper-wrapper{
	display: block;
}
.highlights_list .gallery-thumbs .swiper-slide{
	width: 500px !important;
	height: 100px;
	border-bottom: 1px solid #e8e8e8;
	font-weight: bold;
	float: right;
	position: static;
	display: -ms-flexbox;
	-ms-flex-align:center;
	align-items: center;
}
.highlights_list .gallery-thumbs .swiper-slide a{
	display: block;
	color: #434343;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	position: absolute;
	left: 0px;
	transition: 0.6s all;
	max-height: 42px;
}
.highlights_list .gallery-thumbs .swiper-slide-active a{
	color: #028b39;
	left: -50px;
	padding-right: 50px;
}
.highlights_list .gallery-thumbs .swiper-slide-active a::after{
	content: "";
	width: 3px;
	height: 50px;
	background: #028B39;
	position: absolute;
	top: 0px;
	right: 0px;
}

/*LINKS*/
.links{
	width: 100%;
	height: 34px;
	padding: 60px 0px;
	position: relative;
}
.links::after{
	content: "";
	position: absolute;
	width: 1676px;
	height: 154px;
	background: #f3f3f3;
	top: 0px;
	right: 0px;
	z-index: -1;
}
.links .title h3{
	font-size: 48px;
	color: #028B39;
	line-height: 40px;
	font-family: myfont;
	font-weight: normal;
}
.links .title{
	float: left;
	margin-right: 50px;
}
.links ul{
	max-width: 1014px;
}
.links ul li{
	float: left;
	margin-right: 50px;
	border-bottom: 1px solid #bababa;
	position: relative;
}
.links ul li a{
	line-height: 40px;
	padding-right: 30px;
	color: #434343;
}
.links ul li a::after{
	content: "";
	width: 100%;
	height: 1px;
	background: #bababa;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.links ul li:hover a::after{
	background-image: linear-gradient(90deg, #006a2d 0%, #a9cd07 100%);
}
.links ul li:hover a{
	color: #028B39;
}
.links ul li:last-child{
	margin-right: 0px;
}