@charset "utf-8";
* { margin: 0; padding: 0; }
.historyBox {width: 90%;display: block;margin: 0 auto;position: relative;}
.historyBox .swiper-wrapper{display: flex;align-items: center;height: 380px;}
.historyBox:before{position: absolute;padding: 0 68px;top: 50%;right: 0;left: 0;border-top: 1px solid #C7C7C7;content: '';width: 90%;margin: 0 auto;}


.historyBox .swiper-slide{position: relative;float: left;padding-top: 9px;height: 135px;}
.historyBox .swiper-wrapper .swiper-slide:nth-child(odd){top: 107px;}
.historyBox .swiper-wrapper .swiper-slide:nth-child(even){bottom: 107px;}
.historyBox .swiper-wrapper .swiper-slide:nth-child(even) .neir{position: absolute;bottom: 0;}

.historyBox .swiper-slide .item {height: 135px;position: relative;}
.historyBox .swiper-slide .item .neir{}
.historyBox .swiper-slide .item a{display: block;padding: 2px 15px 15px 15px;position: relative;}
.historyBox .swiper-slide .item .neir{background: #fff;position: absolute;width: 292px;border-radius: 14px;box-shadow: 0px 1px 5px 0px rgba(210, 204, 190, 0.15);}
.historyBox .swiper-slide .item:before {position: absolute;top: -54px;left: 50%;width: 20px;height: 20px;overflow: hidden;margin-left: -10px;/* -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background-color: rgba(218, 183, 101, .6); */background: url(/images/about-11.png) no-repeat center;content: '';}
.historyBox .swiper-slide:nth-child(even) .item::before{top: 160px;}

.historyBox .swiper-slide .item h3 {margin-bottom: 6px;font-size: 26px;font-weight: 400;color: #323232;font-family: "Cormorant";transition: 0.6s all;}
.historyBox .swiper-slide .item:hover h3{color: #900021;transition: 0.6s all;}
.historyBox .swiper-slide .item h3:before {position: absolute;bottom: 100%;left: 50%;margin-left: -9px;border-width: 0 8px 8px;border-style: solid;border-color: transparent transparent #fff;content: '';}
.historyBox .swiper-slide:nth-child(even) .item h3 {top: auto;bottom: 0;}

.historyBox .swiper-slide:nth-child(even) .item h3:before {top: 100%;bottom: auto;border-width: 8px 8px 0;border-color: #fff transparent transparent;}

.historyBox .swiper-slide .item .desc {font-size: 14px;color: #999999;font-family: arial;word-break: break-all;line-height: 20px;}
.historyBox .swiper-slide .item .desc p {margin: 0;word-break: break-word;}

.historyBox .swiper-button-next {
	position: absolute;
	left: auto;right: 0;
	background: url(/images/about-10.png) no-repeat center;
	width: 38px;height: 38px;
}

.historyBox .swiper-button-prev {
	right: -36px;
	position: absolute;
	background: url(/images/about-09.png) no-repeat center;
	width: 38px;height: 38px;
}