/* Banner */
.banner {
	position: relative;
	width: 100vw; height: 55.87vw;
	overflow: hidden;
	--swiper-pagination-color: #bc782f;
}
.banner .swiper-slide a {
  position: relative;
	display: block;
	height: 100%;
}
.banner .swiper-slide a img {
	display: block;
	width: 100%; height: 100%;
}
.banner .swiper-slide a p {
  position: absolute;
  left: 0; bottom: 0;
  width: 100%; height: 8vw;
  padding: 0 4vw;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff; line-height: 8vw;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* 关于协会 */
.about h1 {
	width: 70.4vw; height: 26.67vw;
	margin: 8vw auto 2px;
	background: url(/images/index-about-title.png) no-repeat center/100% 100%;
}
.about article {
	width: 90%; min-height: 135vw;
	margin: 0 auto; padding-top: 2vw;
	background: url(/images/index-about-bg.png) no-repeat top;
	background-size:100%;
	background-position:0 160px;
	
}
.about article span {
	display: block;
	width: 25vw;
	margin: 1vw auto 0;
	text-align: center;
}
/* 协会资讯 */
.news h1 {
	width: 66.53vw; height: 21.2vw;
	margin: 0 auto 2vw;
	background: url(/images/index-news-title.jpg) no-repeat center/100% 100%;
}
.news > p {
	font-size: 3.5vw; text-align: center; font-weight: bold;
}
.news .newsBox {
	margin: 5vw auto 14vw;
}
.news .newsBox .newsImage {
	position: relative;
	display: block;
	width: 100vw; height: 80vw;
	padding: 4vw 4vw 0;
	background-color: #bc782f;
	box-sizing: border-box;
}
.news .newsBox .newsImage .image {
	width: 100%; height: 66.5vw;
	background-repeat: no-repeat; background-position: center; background-size: 100% 100%;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.news .newsBox .newsImage:hover .image {
	background-size: 120% 120%;
}
.news .newsBox .newsImage p {
	height: 9.5vw;
	font-weight: bold; line-height: 9.5vw; color: #fff;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.news .newsBox .newsImage:after {
	content: "";
	position: absolute;
	display: block;
	top: 50%; right: 0.5vw;
	width: 14.4vw; height: 4.53vw;
	background: url(/images/icon/go.png) no-repeat center/100% 100%;
	transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.news .newsBox .newsList {
	position: relative;
	width: 72vw;
	margin: 4vw 4vw 0 auto;
	padding: 0 2vw;
	border: 2px #cccdc8 solid;
	box-sizing: border-box;
}
.news .newsBox .newsList li {
	position: relative;
	margin-left: 8vw; padding: 4vw 0;
	border-bottom: 1px #a6a5a1 solid;
}
.news .newsBox .newsList li:last-child {
	border-bottom: 0;
}
.news .newsBox .newsList li h2 {
	height: 8vw;
	margin-bottom: 1vw;
	font-size: 4.2vw; font-weight: bold;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.news .newsBox .newsList li article {
	height: 16vw;
	color: #646464;
	overflow: hidden;
}
.news .newsBox .newsList li .time {
	position: absolute;
	left: -30.33vw; top: 3.5vw;
	width: 28.6vw; height: 9vw;
	padding-left: 3vw;
	color: #000;
	box-sizing: border-box;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.news .newsBox .newsList li.current .time {
	background-color: rgba(188, 120, 47, 0.9);
	color: #fff;
}
.news .newsBox .newsList li .time big {
	display: block;
	font-family: sysong; line-height: 5vw; letter-spacing: 0.5vw;
}
.news .newsBox .newsList li .time small {
	display: block;
	font-family: sysong; font-size: 3vw; line-height: 4vw; letter-spacing: 0.5vw;
}
.news .newsBox .newsList li .time:after {
	content: "+";
	position: absolute;
	display: flex; justify-content: center; align-items: center;
	top: 0; right: 0; bottom: 0;
	width: 9vw;
	font-size: 6vw; line-height: 9vw; color: transparent;
}
.news .newsBox .newsList li.current .time:after {
	color: #fff;
}
.news .newsBox .more {
	display: flex; justify-content: center; align-items: center;
	width: 30vw; height: 10vw;
	margin: 5vw auto;
	background-color: #bc782f;
	font-size: 4.2vw; font-weight: bold; color: #fff;
}
/* 全市佛讯 */
.message h1 {
	width: 66.53vw; height: 21.2vw;
	margin: 0 auto 10px;
	background: url(/images/index-message-title.jpg) no-repeat center/100% 100%;
}
.message > p {
	font-size: 3.5vw; text-align: center; font-weight: bold;
}
.message .messageBox {
	position: relative;
	height: 140vw;
	margin: 5vw auto 10vw;
	background-color: #bc782f;
}
.message .messageBox img {
	display: block;
	width: 100vw; height: 75vw;
}
.message .messageBox h2 {
	height: 10vw;
	padding: 6vw 8vw 0;
	font-size: 5vw; font-weight: bold; line-height: 10vw; color: #f0ece3;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.message .messageBox article {
	height: 24vw;
	padding: 0 8vw;
	color: #f0ece3;
	overflow: hidden;
}
.message .messageBox .more {
	display: flex; justify-content: center; align-items: center;
	width: 28vw; height: 8vw;
	margin: 8vw;
	color: #bc782f;
	background-color: #f0ece3;
}
.message .messageBox .swiper-message-prev {
	position: absolute;
	right: 23vw; bottom: 8vw;
	width: 10vw; height: 10vw;
	border: 1px #fff solid; border-radius: 50%;
	background: url(/images/icon/arrow-right.png) no-repeat center/70% 70%;
	z-index: 100;
	outline: none;
	transform: rotateY(180deg); -webkit-transform: rotateY(180deg);
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.message .messageBox .swiper-message-prev.disabled {
	opacity: 0.4;
}
.message .messageBox .swiper-message-next {
	position: absolute;
	right: 8vw; bottom: 8vw;
	width: 10vw; height: 10vw;
	border: 1px #fff solid; border-radius: 50%;
	background: #bc782f url(/images/icon/arrow-right.png) no-repeat center/70% 70%;
	z-index: 100;
	outline: none;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.message .messageBox .swiper-message-next.disabled {
	opacity: 0.4;
}
/* 佛学文化 */
.culture h1 {
	width: 66.67vw; height: 20.93vw;
	margin: 0 auto 2vw;
	background: url(/images/index-culture-title.jpg) no-repeat center/100% 100%;
}
.culture .cultureBox {
	position: relative;
	width: 92vw; height: 84.53vw;
	margin: 8vw auto 8vw;
}
.culture .cultureBox .swiper-slide {
	display: flex; justify-content: space-between; align-items: center;
	height: 100%;
}
.culture .cultureBox .swiper-slide .title {
	position: relative;
	width: 50%; height: 100%;
	background-repeat: no-repeat; background-position: center; background-size: 100% 100%;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.culture .cultureBox .swiper-slide .title:hover {
	background-size: 120% 120%;
}
.culture .cultureBox .swiper-slide .title .more {
	position: absolute;
	display: flex; justify-content: center; align-items: center;
	left: 4vw; bottom: 5.33vw;
	width: 28vw; height: 8vw;
	background-color: #fff;
	font-size: 4.2vw; font-weight: bold; color: #bc782f;
}
.culture .cultureBox .swiper-slide .block {
	width: 50%; height: 100%;
}
.culture .cultureBox .swiper-slide .block .image {
	width: 100%; height: 50%;
	background-repeat: no-repeat; background-position: center; background-size: 100% 100%;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.culture .cultureBox .swiper-slide .block:hover .image {
	background-size: 120% 120%;
}
.culture .cultureBox .swiper-slide .block .box {
	position: relative;
	display: flex; flex-direction: column; justify-content: center; align-items: center;
	height: 50%;
	background-color: #f0ece3;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.culture .cultureBox .swiper-slide .block .box h2 {
	width: 90%; height: 8vw;
	font-family: sysong; font-size: 4.2vw; font-weight: bold; color: #bc782f; text-align: center; line-height: 8vw;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.culture .cultureBox .swiper-slide .block .box article {
	width: 90%; height: 14vw;
	font-size: 3.5vw; color: #646464; text-align: center; line-height: 4.5vw;
	overflow: hidden;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.culture .cultureBox .swiper-slide .block:hover .box {
	background-color: #bc782f;
}
.culture .cultureBox .swiper-slide .block:hover h2,.culture .cultureBox li .block:hover article {
	color: #fff;
}
.culture .cultureBox .swiper-slide .block .box:after {
	content: "";
	position: absolute;
	display: block;
	left: 5.33vw; top: -3.07vw;
	width: 0; height: 0;
	border-bottom: 3.2vw #f0ece3 solid;
	border-left: 1.73vw transparent solid; border-right: 1.73vw transparent solid;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.culture .cultureBox .swiper-slide .block:hover .box:after {
	border-top-color: #bc782f;
	border-bottom-color: #bc782f;
}
.culture .swiper-culture-pagination {
	display: flex; justify-content: center; align-items: center;
	margin-bottom: 10vw;
}
.culture .swiper-culture-pagination .swiper-pagination-bullet {
	width: 2vw; height: 2vw;
	margin: 0 2.5vw;
	border: 0.8vw #bd772f solid; border-radius: 50%;
	background-color: transparent;
	cursor: pointer;
	opacity: 1;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.culture .swiper-culture-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #bd772f;
	cursor: default;
}