@charset "UTF-8";

/* @index */
header{
	border-bottom: #642828 2px solid;
}
.container{
	width: 100%;
}

.title-line{
	width: 720px;
}
.title-line:before{
	content: "";
	float: left;
	display: inline-block;
	border-bottom: #9D9D9D 1px solid;
	width: 120px;
	margin-top: 20px;
}
.title-line:after{
	content: "";
	float: right;
	display: inline-block;
	border-bottom: #9D9D9D 1px solid;
	width: 120px;
	margin-top: 20px;
}

.exhibition-nav{
	height: 180px;
	width: 1200px;
	margin: 0 auto;
	margin-top: -90px;
	background-color: #fcfcfc;
	box-shadow: 0px 0px 10px #cdcdcd;
	position: relative;
}
.exhibition-nav>ul{
	display: flex;
	width: 1200px;
	margin: 0 auto;
}
.exhibition-nav>ul>li{
	flex: 1;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.exhibition-nav>ul>li:hover img{
	border: #c30000 5px solid;
}
.exhibition-nav>ul>li:hover span{
	color: #c30000;
}
.exhibition-nav>ul>li img{
	width: 100px;
	height: 100px;
	border-radius: 70px;
	border: #b8b8b8 5px solid;
}
.exhibition-nav>ul>li span{
	display: block;
	margin-top: 10px;
	font-size: 18px;
	color: #666666;
	font-weight: bold;
}

.lywh{
	margin-top: -90px;
	background: url(../images/whly_bg.png)no-repeat;
	background-size: 100%;
	height: 2500px;
}
.lywh .header{
	width: 1200px;
	margin: 0 auto;
	margin-top: 180px;
	padding-left: 30px;
}
.lywh .header .header-con{
	border: #9c7d60 6px solid;
	position: relative;
	width: 650px;
	height: 540px;
}
.lywh .header .header-con p{
	font-size: 40px;
	writing-mode:tb-rl;
	position: absolute;
	top: 40px;
	left: 75px;
}
.lywh .header .header-con h1{
	font-size: 48px;
	writing-mode:tb-rl;
	position: absolute;
	top: 170px;
	left: 175px;
}
.lywh .header .header-con .swiper-header{
	position: absolute;
	top: 28px;
	left: 320px;
	width: 820px;
	box-shadow: 0px 0px 10px 0 #666666;
}
.lywh .header .header-con .swiper-header img{
	width: 820px;
}

.lywh .zlzx{
	width: 1200px;
	height: 900px;
	margin: 0 auto;
	margin-top: 120px;
	background: url(../images/whly_1.png)no-repeat;
	background-size: 100%;
	overflow: hidden;
}
.lywh .zlzx h2{
	text-align: center;
	font-size: 40px;
	margin-top: 127px;
}
.lywh .zlzx ul{
	margin: 0 auto;
	/* background-color: #ddff6b; */
	width: 1000px;
	margin-top: 90px;
}
.lywh .zlzx ul li{
	width: 217px;
	height: 250px;
	margin: 0 14px 55px 14px;
	background:url(../images/whly_3.png)no-repeat;
	background-size: 100%;
	display: inline-block;
	position: relative;
}
.lywh .zlzx ul li span{
	position: absolute;
	top: 40px;
	right: 12px;
	color: #8F1212;
	font-size: 20px;
	font-weight: bold;
}
.lywh .zlzx ul li img{
	display: block;
	margin: 0 auto;
	margin-top: 105px;
	width: 190px;
	box-shadow: 0px 0px 10px 0 #666666;
}
.lywh .zlzx ul li:hover img{
	box-shadow: 0px 0px 10px 0 #ffffff;
}

.lywh .whly-case .case-title{
	margin: 0 auto;
	height: 80px;
	width: 900px;
	background:url(../images/whly_2.png)no-repeat;
	overflow: hidden;
}
.lywh .whly-case .case-title h2{
	color: #FFFFFF;
	text-align: center;
	margin-top: 25px;
	 letter-spacing:20px;
}
.lywh .whly-case .case-con{
	width: 1200px;
	margin: 0 auto;
	margin-top: 60px;
	position: relative;
}
.lywh .whly-case .case-con .swiper-case{
	height: 520px;
}
.lywh .whly-case .case-con .swiper-case img{
	margin-top: 20px;
	margin-left: 20px;
	width: 360px;
}
.lywh .whly-case .case-con .swiper-case span{
	display: block;
}
.lywh .whly-case .case-con .swiper-case p{
	display: block;
}
.lywh .whly-case .case-con .swiper-case .swiper-case-box{
	display: block;
	width: 360px;
	height: 480px;
	background-color: #eaeaea;
}
.lywh .whly-case .case-con .swiper-case .swiper-case-box span{
	color: #636363;
	font-size: 22px;
	font-weight: bold;
	margin: 20px 20px 20px 20px;
}
.lywh .whly-case .case-con .swiper-case .swiper-case-box p{
	color: #666666;
	font-size: 16px;
	margin: 20px 20px 20px 20px;
}
.lywh .whly-case .case-con .swiper-pagination {
    width: 100%;
    bottom: 0px;
}
.lywh .whly-case .case-con .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}
.lywh .whly-case .case-con .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #9c7d60;
    background-color: #fff;
}
.lywh .whly-case .case-con .swiper-button-prev {
    left: -60px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

.lywh .whly-case .case-con .swiper-button-next {
    right: -60px;
    width: 45px;
    height: 45px;
   background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%;
}