.banner {
	background-color: var(--main-color);
}

.banner img {
	cursor: pointer;
	width:100%;
}

.menu {
	width: 100%;
	height: 200px;
	background-color: var(--main-color);
	display: flex;
	justify-content: center;
	align-items: center;
}

.menu a {
	width: 350px;
	height: 100px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 55px;
}

.menu a i {
	color: #fff;
	font-size: 3.4em;
	margin-right: 15px;
}

.menu a span {
	font-family: MicrosoftYaHei-Bold;
	font-size: 2.4em;
}

.menu .menuBg1 {
	background-image: url('../images/menu_bg1.png');
}

.menu .menuBg2 {
	background-image: url('../images/menu_bg2.png');
}

.menu .menuBg3 {
	background-image: url('../images/menu_bg3.png');
}

.menu .menuBg4 {
	background-image: url('../images/menu_bg4.png');
	margin-right: 0 !important;
}

@media screen and (max-width: 1745px) {
	.menu a {
		width: 300px;
		margin-right: 30px;
	}
}

/*  首页文化活动 */
.indexTain {
	padding: 20px;
	padding-top: 66px;
	padding-bottom: 90px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-image: url('../images/bg_caiyi.jpg');
	background-size: 100% auto;
	background-repeat: repeat-y;
}


.indexTain .box {
	margin-top: 36px;
	width: 100%;

}

.indexTain .box .card {
	margin-top: 30px;
	width: 32%;
	height: 280px;
	background-image: url(@/assets/img/00009_03.jpg);
	border-radius: 10px;
	overflow: hidden;
	display: flex;
}

.indexTain .box .card .img {
	width: 300px;
	height: 100%;
}

.indexTain .box .card .img img {
	width: auto;
	height: 100%;
}

.indexTain .box .card .detail {
	flex: 1;
	background-color: transparent;
	line-height: 1.8;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 49px 20px;
	box-sizing: border-box;
}

.indexTain .box .card .detail h3 {
	color: #ffffff;
}

.indexTain .box .card .detail ul li {
	color: #e6e6e6;
}

.indexTain .box .card .detail button {
	width: 164px;
	height: 39px;
	background-color: #f50904;
	border-radius: 4px;
	line-height: 39px;
	text-align: center;
	font-size: 1.4em;
	outline: none;
	border: none;
	color: #fff;
	cursor: pointer;
}

.trainCard {
	display: inline-block;
	width: 32%;
	margin-right: 2%;
	height: 220px;
	border-radius: 10px;
	overflow: hidden;
	background-color: var(--main-color);
	position: relative;
	float: left;
}

.trainCard .img {
	width: 50%;
	height: 100%;
	overflow: hidden
}

.trainCard .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.trainCard .detail {
	width: 50%;
	overflow: hidden;
	line-height: 1.8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box
}

.trainCard .detail h3 {
	font-size: 1.6em;
	color: #fff
}

.trainCard .detail ul {
	margin: 10px 0
}

.trainCard .detail ul li {
	color: #e6e6e6;
	font-size: 12px
}

.trainCard .detail a {
	display: block;
	width: 164px;
	height: 30px;
	background-color: var(--active-color);
	overflow: hidden;
	line-height: 30px;
	margin-left: auto;
	margin-right: auto
}

.trainCard .detail a,
.trainCard .state {
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	margin-left: 0;
}

.trainCard .state {
	width: 120px;
	height: 40px;
	background-color: #303d56;
	font-size: 1.4em;
	position: absolute;
	left: 20px;
	top: 20px;
	line-height: 40px
}

.trainCard:nth-of-type(3n+3) {
	margin-right: 0
}

.trainCard:nth-of-type(n+4) {
	margin-top: 2%
}

/* // 首页非遗 */
.indexFy {
	background-image: url(@/assets/img/frindex.jpg);
	background-size: auto 100%;
	padding-top: 118px;
	padding-bottom: 265px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.indexFy .box {
	margin-top: 118px;
	width: 1000px;
	height: 100px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	overflow: hidden;
}

.indexFy .box .el-select {
	width: 200px;
	height: 36px;
	margin-left: 43px;
}

.indexFy .box a {
	margin-left: 43px;
	width: 100px;
	height: 36px;
	background-color: #e60012;
	border-radius: 4px;
	line-height: 36px;
	text-align: center;
}

.indexFy .box a .iconfont {
	color: #fff;
	font-size: 2em;
	margin-right: 8px;
}

.indexFy .box a span {
	color: #fff;
	font-size: 1.6em;
}


.unitbox .unit {
	padding: 50px;
	box-sizing: border-box;
}

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

	.indexTain .card {
		width: 49% !important;
	}
}


/* //未知 */


.image-slot {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.image-slot .icon-tupian-jiazaishibai {
	font-size: 80px;
	color: #666;
	display: block;
}

.indexCulture {
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	background-color: #fff
}

.indexCulture .silde {
	width: 317px;
	height: 628px;
	background-color: #fff;
	margin-right: 20px
}

.indexCulture .silde img {
	width: auto;
	height: 100%
}

.indexCulture .box {
	flex: 1;
	display: flex;
	flex-wrap: wrap;

}

.indexCulture .box .card {
	width: 24%;
	max-height: 50%;
	margin-right: 15px;
}
.indexCulture .box .card:nth-child(4n){
	margin-right: 0;
}
.indexCulture .box .card:hover {
	background-color: var(--main-color)
}

.indexCulture .box .card:hover .time,
.indexCulture .box .card:hover h3 {
	color: #fff
}

.indexCulture .box .card h3 {
	font-size: 16px;
	color: #303d56
}

.indexCulture .box .card .time {
	margin-top: 5px;
	color: #303d56;
	font-size: 12px;
}
.indexCulture .box .card .img{
	overflow: hidden;
	display: flex;
	height: 200px;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
}
.indexCulture .box .card .img img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.card .detail {
  padding: 10px 20px;
  box-sizing: border-box;
}
@media screen and (max-width:1745px) {
	.indexCulture .silde {
		width: 310px;
		height: 620px
	}

	.indexCulture .box .card {
		width: 32%
	}

	.indexCulture .box .card .img {
		height: 220px
	}
}
.big-data {
 width:100%;
 height:200px;
 background-image:url('../images/bg_bigdata.jpg');
 background-size:100%;
 color:#fff;
 line-height:1;
 padding:0 20px;
 box-sizing:border-box
}
.big-data>div,
.big-data {
 display:flex;
 justify-content:center;
 align-items:center
}
.big-data>div {
 flex:1;
 flex-direction:column
}
.big-data>div .number {
 display:flex;
 justify-content:center
}
.big-data>div .number .bigFontSize {
 font-size:48px
}
.big-data>div p {
 display:block;
 margin-top:10px;
 font-size:16px
}
.number-grow {
  font-family: Arial-BoldMT;
  font-size: 48px;
  display: block;
}

.indexNew{
 display:flex;
 height:666px
}
.indexNew .sideBar{
 width:600px;
 height:100%;
 overflow:hidden;
 position: relative;
}
.indexNew .sideBar img{
 width:100%;
 height:100%
}
.indexNew .box{
 width:calc(100% - 600px);
 background-image:url('../images/ba_news.jpg');
 background-size:auto 100%;
 background-position:100% 100%;
 background-repeat:no-repeat;
 background-color:#fff;
 padding-top:70px;
 padding-left:80px;
 box-sizing:border-box
}
.indexNew .box .indexNewNavBox{
 margin-top:36px;
 height:60px;
 border:3px solid var(--main-color);
 border-right-style:none;
 box-sizing:border-box;
 padding:3px 0 3px 3px
}
.indexNew .box .indexNewNavBox .indexNewNav{
 height:100%;
 border:1px solid var(--main-color);
 border-right-style:none;
 display:flex;
 align-items:center;
 padding-left:40px;
 padding-right:120px;
 box-sizing:border-box
}
.indexNew .box .indexNewNavBox .indexNewNav div{
 margin-right:30px;
 font-size:1.4em;
 font-family:MicrosoftYaHei;
 cursor:pointer;
 padding:4px 11px;
 border-radius:6px;
 overflow:hidden
}
.indexNew .box .indexNewNavBox .indexNewNav .iconfont{
 margin-left:auto
}
.indexNew .box ul{
 margin-top:60px
}
.indexNew .box ul li a{
 display:flex;
 align-items:center;
 padding-right:120px;
 margin-top:20px
}
.indexNew .box ul li a .dot{
 width:5px;
 height:5px;
 background-color:var(--main-color);
 border-radius:50%
}
.indexNew .box ul li a h3{
 flex:1;
 margin:0 20px
}
.indexNew .box ul li a .time{
 color:#999;
 font-size:1.4em
}
.activeNav{
 color:#fff;
 background-image:url('../images/bg_active_nav.png');
 background-size:100% 100%
}