@charset "utf-8";
/* reset */
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;margin:0; }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { color:#000; font-size: 14px; font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";  }
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 






.s3 {
	position: relative;
	overflow: hidden; 
}
.s3 .imgBox .bgImg{
	min-height: 700px;
	width: 100%;
}




.s3 .text-wrap {
	position: absolute;
	left: 50%;
	top: 43%;
	transform: translate(-50%, -50%);
	text-align: center;
}
  
.s3 .text-wrap h1 {
	font-size: 32px;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
}

.s3 .text-wrap .des {
	font-size: 16px;
	height:30px;
	line-height:30px;
	font-weight: 400;
	color: rgba(230, 230, 230, 1);
	margin-bottom: 20px;
}
#swiper-history {
	width: 1000px;
	margin: auto;
}
.swiper-container{
	height:450px;
	margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}


.swiper-container .swiper-pagination-bullets {
	white-space: nowrap;
	top: 60px;
	line-height: 10px;
	transition: 700ms;
	white-space: nowrap;
	width: auto;
	height: 10px;
}
 
.swiper-container .swiper-pagination-bullet {
	background-image: url("../images/pic_history_circle.png");
	background-size:100% 100%;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	opacity: 1;
	width: 15px;
	height: 15px;
	border-radius: 0;
	line-height: 10px;
	vertical-align: super;
	outline: none;
	transform: translate3d(0, -1px, 0);
}




.swiper-container .swiper-pagination-bullet span {
		position: absolute;
		width: 100px;
		font-size:18px;
		text-align: center;
		color: #fff;
		margin-left: -54px;
		margin-top: -40px;
	}
.swiper-container .swiper-pagination-bullet-active {
	background-image: url("../images/pic_history_circle.png");
	background-repeat: no-repeat;
	background-color: transparent;
	top: calc(50% - 2px);
	width:20px;
	position: relative;
	height: 20px;
	vertical-align: super;
}
.swiper-container .swiper-pagination-bullet-active span {
		display: none;
	}

 .swiper-container .swiper-wrapper {
                                
}



.swiper-container .swiper-wrapper .swiper-slide {
                                    
}							
.swiper-container .swiper-wrapper .swiper-slide .date {
	font-size:35px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	/* margin-top: 20px; */
	margin-bottom: 5.5rem;
	opacity: 0;
}


.swiper-container .swiper-wrapper .swiper-slide span {
	display: block;
	width: 100%;
	text-align: center;
	position: static;
	transition: 700ms;
}

.swiper-container .swiper-wrapper .swiper-slide .detail {

	color: #000;
	position: static;
	font-size: 24px;
	opacity: 0;
}

.swiper-container .swiper-wrapper .swiper-slide h2 {
	width: 75%;
	background: rgba(0, 0, 0, 0.3);
	margin: 0 auto;
	padding: 30px;
	text-align: left;
	font-size: 16px;
	line-height:40px;
	font-weight: 300;
	color: rgba(255, 255, 255, 1);
	height:300px;
	text-indent: 2em;
}


.swiper-container .swiper-wrapper .swiper-slide .de {
	font-size: 24px;
	font-family: OpenSans-Regular;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
}							
							
.swiper-container .long-line {
	height: 1px;
	border-bottom: 1px solid #fff;
	width: 100%;
	position: absolute;
	top: 70px;
	left: 0;
}

#history  .main-wrap {
	max-width: 1335px;
	width: 100%;
	margin: auto;	
}


  

.swiper-button-prev, .swiper-button-next{
		top: 24%!important;
		background-size: 20%!important;
		width: 35px;
	    height: 35px;
	    border-radius: 50%;
	    border: 1px solid rgba(0,0,0,0.5);
	    transition: 0.5s;
	    margin-top: 0;
	    background-color: #ffffff;
}

.swiper-button-prev:after {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    display: block;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-right: 1px solid rgba(0,0,0,0.8);
    border-top: 1px solid rgba(0,0,0,0.8);
    -ms-transform: rotate(220deg);
    -webkit-transform: rotate(220deg);
    transform: rotate(220deg);
    transition: 0.5s;
}
.swiper-button-next:after{
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    display: block;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-right: 1px solid rgba(0,0,0,0.8);
    border-top: 1px solid rgba(0,0,0,0.8);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.5s;
}
		// 前进后退
.s3 .swiper-button {
	
}


 
.s3 .prev3 {
	background-image: url("../images/icon_history_left.png");
	left: 85px;
}

.s3 .next3 {
	background-image: url("../images/icon_history_left.png");
	right: 85px;
}

.s3 .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	/* background-image: url("/assets/img/wy/left2.png"); */
}

.s3 .swiper-button-next.swiper-button-disabled {
	/* background-image: url("/assets/img/wy/right2.png"); */
	opacity: 1;
}