/* 必要布局样式css */

.swiper-container {

	margin-left: auto;

	margin-right: auto;

	position: relative;

	z-index: 1;

	height:260px;

	width: 100%;

	margin: 12px 0;

}

.swiper-container-no-flexbox .swiper-slide {

	float: left

}

.swiper-container-vertical>.swiper-wrapper {

	-webkit-box-orient: vertical;

	-moz-box-orient: vertical;

	-ms-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column

}

.swiper-wrapper {

	position: relative;

	width: 10%;

	height: 100%;

	z-index: 1;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-transition-property: -webkit-transform;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	-ms-transition-property: -ms-transform;

	transition-property: transform;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}

.swiper-wrapper {

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-o-transform: translate(0, 0);

	-ms-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0)

}

.swiper-slide {

	-webkit-flex-shrink: 0;

	-ms-flex: 0 0 auto;

	flex-shrink: 0;

	width: 50%;

	height: 100%;

	position: relative;

	padding: 0;

	-webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;

	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;

	box-shadow: rgba(0,0,0,.2) 0px 0px 30px;

}

.swiper-button-next, .swiper-button-prev {

	position: absolute;

	top: 50%;

	width: 27px;

	height: 50px;

	margin-top: -25px;

	-moz-background-size: 27px 44px;

	-webkit-background-size: 27px 44px;

	background-size: 27px 44px;

	background-position: center;

	background-repeat: no-repeat;

	cursor: pointer;

}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {

	background-image: ;

	right: 10px;

	left: auto

}

.swiper-pagination {

	position: absolute;

	text-align: center;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

	-webkit-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	z-index: 10

}

.swiper-pagination-bullet {

	width: 8px;

	height: 8px;

	display: inline-block;

	border-radius: 100%;

	background: #000;

	opacity: .2;

	margin: 0 5px;

	cursor: pointer;

}

.swiper-slide:hover {

	-webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;

	-moz-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;

	box-shadow: rgba(0,0,0,.5) 0px 0px 50px;

}

.banner-box {

	width: 100%;

	float: left;

	position: relative;

	overflow: hidden;

}



.swiper-slide {

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;

	transform: scale(.8);

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

	-webkit-transition: transform 1.0s;

	-moz-transition: transform 1.0s;

	-ms-transition: transform 1.0s;

	-o-transition: transform 1.0s;

	-webkit-transform: scale(0.7);

	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;

}

.swiper-slide-active, .swiper-slide-duplicate-active {

	-webkit-transform: scale(1);

	transform: scale(1);

}

.swiper-slide img {

	width: 100%;

	display: block;

}

.swiper-pagination {

	position: relative;

	margin-bottom: 30px;

}

.swiper-pagination-bullet-active {

	opacity: 1;

	background: rgba(0,0,0,.8);

}



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

.swiper-pagination {

	position: relative;

	margin-bottom: 20px;

}

.swiper-pagination-bullet-active {

	opacity: 1;

	background: rgba(0,0,0,.8);

}

}

.banner-arrow div:hover {

	background-color: #4a4a4a;

}

.swiper-button-prev {

	background:  #7c7c7c center 50%/50% 50% no-repeat;

	left: 10px;

}

.swiper-button-next {

	background:  #7c7c7c center 50%/50% 50% no-repeat;

}

.banner-top {

	padding-top: 3.730928444707274%;

}

.banner-title {

	padding: 5px 0;

}

.banner-title h1 {

	text-align: center;

	letter-spacing: 5px;

	font-size: 45px;

	font-family: "宋体", 华文细黑, stheiti, mingliu;

	font-weight: normal;

	color: rgb(68, 68, 68);

	padding-bottom: 14px;

}

.banner-text {

	text-align: center;

}

.banner-text p {

	font: 15px/1.5 'helvetica neue', 'helvetica', 'stheitisc-light', "hiragino sans gb", arial, "微软雅黑", "stheiti", "wenquanyi micro hei", 'pingfang sc', simsun, sans-serif;

	-webkit-font-smoothing: antialiased;

	margin: 0;

	color: rgb(68, 68, 68);

}

.banner-top-one {

	padding-top: 3.311649911295092%;

}

.banner-button {

	width: 100%;

	vertical-align: middle;

	text-align: center;

}

.banner-button a {

	display: inline-block;

	vertical-align: middle;

	text-align: center;

	height: auto;

	width: auto;

	line-height: 100%;

	padding: 15px 32px;

	position: relative;

}

.banner-button-btn {

	color: #fff;

	font-weight: 400;

	margin: 0;

	line-height: 1.8em;

	font-size: 16px;

	font-family: 'helvetica neue', 'helvetica', 'stheitisc-light', "hiragino sans gb", arial,"stheiti", "wenquanyi micro hei", 'pingfang sc', simsun, sans-serif;

	-webkit-font-smoothing: antialiased;

	background-color: #69ca72!important;

	border-radius: 100px;

}

.banner-button-btn {

	background: #cedad0;

	display: inline-block;

	-webkit-transition: border-color .4s, color .4s;

	-moz-transition: border-color .4s, color .4s;

	transition: border-color .4s, color .4s;

	border: 0;

	vertical-align: middle;

	position: relative;

	z-index: 1;

	color: #fff;

	-webkit-backface-visibility: hidden;

	-moz-osx-font-smoothing: grayscale;

}

.banner-button-btn, .banner-button-btn::before {

	-webkit-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);

	-moz-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);

	transition-timing-function: cubic-bezier(0.2, 1, .3, 1);

}

.banner-button-btn::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border-radius: 25px;

	background: #1a7c29;

	z-index: -1;

	opacity: 0;

	-webkit-transform: scale3d(0.7, 1, 1);

	-moz-transform: scale3d(0.7, 1, 1);

	-ms-transform: scale3d(0.7, 1, 1);

	-o-transform: scale3d(0.7, 1, 1);

	transform: scale3d(0.7, 1, 1);

	-webkit-transition: -webkit-transform .4s, opacity .4s;

	-moz-transition: -moz-transform .4s, opacity .4s;



	transition: transform .4s, opacity .4s;

	-webkit-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);

	-moz-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);

	transition-timing-function: cubic-bezier(0.2, 1, .3, 1);

}

.banner-button-btn:hover::before {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.swiper_text { background-color:#000; color:#fff; padding:8px; font-size:15px; text-align:center;}