.ib-middle {
	display: inline-block;
	vertical-align: middle
}

.ib-top {
	display: inline-block;
	vertical-align: top
}

.ib-bottom {
	display: inline-block;
	vertical-align: bottom
}

.full {
	width: 100%;
	height: 100%
}

.position-center {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto
}

.position-left {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: auto;
	margin: auto
}

.position-right {
	position: absolute;
	top: 0;
	left: auto;
	bottom: 0;
	right: 0;
	margin: auto
}

.position-bottom {
	position: absolute;
	top: auto;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto
}

.middle-left {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%)
}

.middle-right {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%)
}

.middle-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%)
}

.middle-bottom {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%)
}

.banner {
	width: 100%;
	height: calc(80vh - 60px);
	z-index: 0!important;
	position: relative;
	background-color: #F97200;
}

.banner .swiper-wrapper {
	width: 100%;
	height: 100%
}


.showdom {
	box-shadow: 0 0 20px rgba(0,0,0,.7)
}

.banner-list {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden
}

.banner-list.animated .bg {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);

}

.banner-list.animated .desc-ef {
	opacity: 1;
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none
}



.banner-list .bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: 1;
	transition: transform 9s,opacity 1s;
	-ms-transition: transform 9s,opacity 1s;
	-o-transition: transform 9s,opacity 1s;
	-webkit-transition: transform 9s,opacity 1s;
	-moz-transition: transform 9s,opacity 1s;
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none;	
}

.banner-list .bg.scaleIn {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1)
}

.banner-list .swiper-loading {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	transition: opacity 1s;
	-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
	animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.banner-list .swiper-loading:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}

.banner-list .desc { text-align:center;}
.banner-list .desc-ef {display: block;text-align: center;width: 1020px; padding-top:30px;padding-bottom:30px;
	background-image: url(../images/font-bg.png);
	background-repeat: repeat-y;
	background-position: center;
}

.banner-list .desc-ef strong {
	color: #fff;
	font-size: 36px;
	font-weight: 600;
}

.banner-list .desc-ef p {
	color: #fff;
	font-size: 45px;
	font-weight: 600;
}

.banner-list .desc-ef {
	opacity: 0;
	transform: translate3d(0,50%,0);
	-ms-transform: translate3d(0,50%,0);
	-o-transform: translate3d(0,50%,0);
	-webkit-transform: translate3d(0,50%,0);
	-moz-transform: translate3d(0,50%,0);
	transition: ease 1s;
	-ms-transition: ease 1s;
	-o-transition: ease 1s;
	-webkit-transition: ease 1s;
	-moz-transition: ease 1s
}

.banner-list .desc-ef.fadeIn {
	opacity: 1;
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none
}



.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 100px;
	height: 30px
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	opacity: 1;
	margin: 0 15px!important;
	background: 0 0;
	border: 1px solid #8b8b8a;
	box-shadow: inset 0 0 0 5px #8b8b8a;
	transition: .5s ease;
	-ms-transition: .5s ease;
	-o-transition: .5s ease;
	-webkit-transition: .5s ease;
	-moz-transition: .5s ease
}

.swiper-pagination-bullet:hover {
	box-shadow: none;
	border: 1px solid #c89b7c;
	transform: scale(1.8);
	-ms-transform: scale(1.8);
	-o-transform: scale(1.8);
	-webkit-transform: scale(1.8);
	-moz-transform: scale(1.8)
}

.swiper-pagination-bullet-active {
	box-shadow: none;
	border: 1px solid #c89b7c;
	transform: scale(1.8);
	-ms-transform: scale(1.8);
	-o-transform: scale(1.8);
	-webkit-transform: scale(1.8);
	-moz-transform: scale(1.8)
}

.gdzm {height:100px;display: block;overflow: hidden;width: 100%;}


.tab-item {
	position: relative;
	z-index: 2;width: 100%;
}

.tab-list {height:60px;
	width: 33.33%;
	padding: 20px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.tab-list strong {
	color: #e80000;
	font-size: 20px; line-height:36px;
	font-weight: 600;
}
.tab-list p{
	color: #e80000;
	font-size: 20px;
	font-weight: 600;
}


.tab-list:nth-child(1):after {
	background: #ffcc01
}

.tab-list:nth-child(3):after {
	background: #ffcc01
}
.tab-list:nth-child(5):after {
	background: #ffcc01
}
.tab-list:nth-child(7):after {
	background: #ffcc01
}
.tab-list:nth-child(9):after {
	background: #ffcc01
}


.tab-list:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;background: #e80000
}