.fp-tableCell {
	position: relative;
}




.indextit {
	text-align: center;
	transform: translateY(-100%);
	opacity: 0;
	transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.6s;
	-webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .6s;
	-moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .6s;
}

.active .indextit, .active .indexcpbanner {
	transform: translateY(0);
	opacity: 1;
}

.indexcpxx {
	text-align: center;
	margin-top: 5%
}

.indexcpbanner .swiper-slide .img {
	overflow: hidden;
	height: auto;
	position: static;
}

.indexcpbanner .swiper-slide:hover img {
	transform: scale(1.15);
}

.indexcpxx span {
	padding: 0 30px;
	border: 1px solid transparent;
	border-radius: 4px;
	display: inline-block;
	cursor: pointer;
	line-height: 27px; margin-left:10px; margin-right:10px;
}

.indexcpxx span:hover {
	border-color: #da251d;
	color: #da251d
}

.indexcpxx span.ac {
	border-color: #da251d;
	color: #da251d
}

.indexcpbanner {
	width: 1314px;
	margin: 0 auto;
	transform: translateY(100%);
	opacity: 0;
	transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.6s;
	-webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .6s;
	-moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .6s;
}

.indexcpbanner .swiper-button-prev, .indexcpbanner .swiper-button-next {
	background-image: none;
	position: static;
	margin-top: 0;
	width: 142px;
	height: 35px;
	border: 1px solid #da251d;
	text-align: center;
	display: inline-block;
	margin-top: 8%;
	pointer-events: initial;
	opacity: 1;
	cursor: pointer;
}

.indexcpbanner .swiper-button-prev:hover, .indexcpbanner .swiper-button-next:hover {
	background: #da251d;
}

.indexcpbanner .swiper-button-prev i, .indexcpbanner .swiper-button-next i {
	line-height: 35px;
	font-size: 45px;
	color: #da251d;
	display: inline-block
}

.indexcpbanner .swiper-button-prev i {
	transform: translateY(5px) rotateY(180deg)
}

.indexcpbanner .swiper-button-next i {
	transform: translateY(-5px) rotateY(180deg)
}

.indexcpbanner .swiper-button-prev:hover i, .indexcpbanner .swiper-button-next:hover i {
	color: #fff
}

.indexcpbanner .swiper-container {
	text-align: center
}
.indexcpbanner .img{ background:#fff; width:25%;}
.indexcpbanner img {
	/*width: 100%;*/
	height: auto;
	transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.1s;
	-webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .1s;
	-moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .1s;
}

.indexcpbanner .swiper-slide div {
	position: relative;
	width: 100%;
	height: 77px;
}

.indexcpbanner .swiper-slide div p {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-weight: bold;
	font-size: 16px;
	color: #333333;
}

.indexcpbanner {
	margin-top: 5%
}

.indexcpbanner .swiper-slide:hover p {
	color: #3f2f2f
}

.section3 {
	background: linear-gradient(to bottom, #fff, #f9f9f9);   padding-top:80px; padding-bottom:80px;
}

.indexcpbanner .swiper-container {
	opacity: 0;
	height: 0;
}

.indexcpbanner .swiper-container.ac {
	opacity: 1;
	height: auto;
}

.fa {
	width: 1236px;
	margin: 0 auto;
	height: 602px;
	margin-top: 3%
}

.fa img {
	height: 100%;
	width: 100%
}

.fa>div {
	height: 100%;
	width: 32%;
	float: left;
	margin-right: 1%;
	position: relative;
}

.fa>div:last-child {
	margin-right: 0;
	opacity: 0;
	transform: translateX(100%)
}

.fa>div:first-child {
	opacity: 0;
	transform: translateX(-100%)
}

.active .fa>div {
	opacity: 1 !important;
	transform: translateX(0) !important;
	transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.6s;
	-webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .6s;
	-moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .6s;
	overflow: hidden;
}

.active .fa>div:hover>a>img {
	transform: scale(1.15)
}

.fa h2 {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	width: 100%;
	margin: auto;
	font-size: 20px;
	color: #fff
}

.fa h2 p {
	width: 49px;
	height: 49px;
	border-radius: 50%;
	background: rgba( 255, 255, 255, .1);
	display: block;
	line-height: 50px;
	margin: 0 auto;
	margin-top: 25px;
}

.fa h2 p i {
	display: inline-block;
	width: 37px;
	height: 37px;
	color: #3f2f2f;
	background: #fff;
	border-radius: 50%;
	line-height: 37px;
}

.fa>div:nth-child(1) h2 {
	bottom: 10%
}

.fa>div:nth-child(3) h2 {
	top: 12%
}

.fa>div div:nth-child(1) {
	vertical-align: top;
	display: inline-block;
	position: relative;
	height: 49%;
	margin-bottom: 3%;
	opacity: 0;
	transform: translateY(-50%)
}

.fa>div div:nth-child(2) {
	vertical-align: bottom;
	display: inline-block;
	position: relative;
	height: 49%;
	transform: translateY(50%);
	opacity: 0;
}

.active .fa>div div {
	transform: translateY(0);
	overflow: hidden;
	opacity: 1;
	transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.6s;
	-webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .6s;
	-moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .6s;
}

.active .fa>div div:hover img {
	transform: scale(1.15)
}

.fa>div div h2 {
	left: 50%;
	top: 50%;
	right: initial;
	transform: translateX(-50%) translateY(-50%)
}

.fa>div div p {
	margin-top: 50px
}

@media (max-width: 640px) {

.indexcpxx { width:100%;
	margin-top: 30px; 
}



.indexcpxx span {padding: 0 0px; width:30.6%; margin-left:1%; margin-right:1%;}




.indexcpbanner {
	width: 95%;
}

.indexcpbanner .swiper-button-prev, .indexcpbanner .swiper-button-next {
	background-image: none;
	position: static;
	margin-top: 0;
	width: 142px;
	height: 35px;
	border: 1px solid #da251d;
	text-align: center;
	display: inline-block;
	margin-top: 8%;
	pointer-events: initial;
	opacity: 1;
	cursor: pointer;
}

.indexcpbanner .swiper-button-prev:hover, .indexcpbanner .swiper-button-next:hover {
	background: #da251d;
}

.indexcpbanner .swiper-button-prev i, .indexcpbanner .swiper-button-next i {
	line-height: 35px;
	font-size: 45px;
	color: #da251d;
	display: inline-block
}



.indexcpbanner .swiper-container {
	text-align: center
}




.indexcpbanner .swiper-slide div {
	position: relative;
	width: 100%;
	height: 77px;
}

.indexcpbanner {
	margin-top: 5%
}

.indexcpbanner .swiper-slide:hover p {
	color: #3f2f2f
}

.section3 {
   padding-top:40px; padding-bottom:40px;
}

.indexcpbanner .swiper-container {
	opacity: 0;
	height: 0;
}

.indexcpbanner .swiper-container.ac {
	opacity: 1;
	height: auto;
}

.fa {
	width: 100%;
	margin: 0 auto;
	height: 602px;
	margin-top: 3%
}

.fa img {
	height: 100%;
	width: 100%
}

.fa>div {
	height: 100%;
	width: 32%;
	float: left;
	margin-right: 1%;
	position: relative;
}

.fa>div:last-child {
	margin-right: 0;
	opacity: 0;
	transform: translateX(100%)
}

.fa>div:first-child {
	opacity: 0;
	transform: translateX(-100%)
}

.active .fa>div {
	opacity: 1 !important;
	transform: translateX(0) !important;
	transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.6s;
	-webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .6s;
	-moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .6s;
	overflow: hidden;
}

.active .fa>div:hover>a>img {
	transform: scale(1.15)
}

.fa h2 {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	width: 100%;
	margin: auto;
	font-size: 20px;
	color: #fff
}

.fa h2 p {
	width: 49px;
	height: 49px;
	border-radius: 50%;
	background: rgba( 255, 255, 255, .1);
	display: block;
	line-height: 50px;
	margin: 0 auto;
	margin-top: 25px;
}

.fa h2 p i {
	display: inline-block;
	width: 37px;
	height: 37px;
	color: #3f2f2f;
	background: #fff;
	border-radius: 50%;
	line-height: 37px;
}

.fa>div:nth-child(1) h2 {
	bottom: 10%
}

.fa>div:nth-child(3) h2 {
	top: 12%
}

.fa>div div:nth-child(1) {
	vertical-align: top;
	display: inline-block;
	position: relative;
	height: 49%;
	margin-bottom: 3%;
	opacity: 0;
	transform: translateY(-50%)
}

.fa>div div:nth-child(2) {
	vertical-align: bottom;
	display: inline-block;
	position: relative;
	height: 49%;
	transform: translateY(50%);
	opacity: 0;
}

.active .fa>div div {
	transform: translateY(0);
	overflow: hidden;
	opacity: 1;
	transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.6s;
	-webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .6s;
	-moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .6s;
}

.active .fa>div div:hover img {
	transform: scale(1.15)
}

.fa>div div h2 {
	left: 50%;
	top: 50%;
	right: initial;
	transform: translateX(-50%) translateY(-50%)
}

.fa>div div p {
	margin-top: 50px
}
	
	}