/* CSS Document */
*{ padding:0; margin:0;}
body{ background:#fff;font-size:0; min-width: 1190px; position: relative;}

.swiper{
	margin-top: 100px;
	width: 100%;
	height: 100%;
	--swiper-theme-color: #e5d8b8;
	--swiper-theme-opacity: 0.3;
	--swiper-pagination-width:25px;
	--swiper-pagination-color: #c2b474;

}
.shows{
	height: 356px; display: none;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-pagination-bullet{
	background: #e5d8b8!important;
}
.swiper-pagination-bullet-active{
	width: 25px !important; border-radius: 7px!important;
}

.banner{
	position: relative;
}
.sbanner{
	height: 356px; position: fixed!important; z-index: 200; top: 0;
}
.sbanner .swiper{
	height: 356px!important
}
.content{
	width: 1190px; left: 50%; margin-left: -595px; position: relative;
}
#menu{
	position: absolute; left: 50%; margin-left: -595px; top:0; z-index: 100; color: #ffffff; display: flex;
}
#logo{
	width: 150px; padding: 24px 39px;
}
.menuList{
	position: relative; display: flex; justify-content: flex-start; font-size: 16px
}
.menubtn, .menuList .icon{
	position: relative; color: #fff; cursor: pointer; line-height: 106px;  position: relative;
}
.menubtn:hover{
	font-weight: bolder;
}
.menuNow{
	font-weight: bolder;
}
.menuNow:after {
	content: "";
	width: 40px;
	height: 17px;
	background: #c2b474;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: 0;
}
.icon{
	padding: 0 25px !important
}

.title{
	position: relative; color: #333333; font-size:36px; padding-left: 26rpx; margin: 70px 0 53px; padding-left:18px; width:100%;letter-spacing:10px;box-sizing: border-box;
}

.title:before{
	content: "";
	width: 5px;
	height: 41px;
	background: #c2b474;
	position: absolute;
	border-radius: 2px;
	top: 3px;
	left: 0px
}
.iconLeft{
	position: absolute;
	top: 8px;
	right: 0;
	width: 17px;
}
.yx-introduce{ width: 1190px; margin: 0 auto; overflow: hidden;}
.yx-intimglist ul{ height: 380px;}
.yx-intimglist ul li{ float: left; margin-right: 23px; width: 380px; height: 332px; overflow: hidden; position: relative;}
.yx-intimglist ul li div{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;z-index: 10; background-color: #000; opacity: 0.5;}
.yx-intimglist ul li div a{ width: 100%;height: 100%; display: inline-block;}
.yx-intimglist ul li img{ width: 380px; height: 352px; left: 50%; top: 50%; margin-left: -190px; margin-top: -176px; position: absolute;}
.yx-intimglist ul li:nth-last-child(1){ margin-right: 0;}
.yx-intimglist ul li:nth-child(2){margin-top: -10px; height: 352px;}
.yx-intimglist ul li:nth-child(2) div{ opacity: 0;}
.yx-inttextlist{ position: relative; padding: 20px 0px; }
.yx-dou1{ position: absolute; top: 20px; left: 0px; width: 43px; height: 35px;}
.yx-dou2{ position: absolute; bottom: 65px; right: 0px;width: 43px; height: 35px !important;}
.yxinttextlist{ width: 1190px; overflow: hidden;}
.yxinttextlist-s{ width: 3570px !important;}
.yxintlistp{ position: relative; text-align: center; width: 1190px; float: left; cursor: pointer;}
.yxintlistp span{ color: #b5b5b5; font-size: 12px; margin: 15px auto 23px; display: block;}
.yxintlistp h1{ font-size: 24px; color: #333;text-align: center;cursor: pointer;}
.yxintlistp h1:hover{ color:#b49241;}
.yxintlistp p{ text-align: center; font-size: 16px; line-height: 30px; color: #666; height: 90px; overflow: hidden;}
.yxintlistp .text{padding: 0 115px}
.yx-checkmore{ font-size: 16px; width: 153px; height: 37px; line-height: 37px;text-align: center;margin-top: 30px;  display: inline-block;  color: #b49241; border: 1px solid #d2be8d;}
.yx-commend{ width: 1190px; margin: 40px auto; height: 524px; background: url(/static/bloc/images/yx-culture.jpg) no-repeat center; background-size: 100% 100%; position: relative;}
.yx-commend img{ width: 100%;}

.videoImg,video{
	width: 100%;
}