blockquote,
body,
button,
caption,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
input,
legend,
li,
menu,
ol,
p,
pre,
table,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

address,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
th {
	text-align: left;
	font-weight: 400
}

abbr,
body,
fieldset,
html,
iframe,
img {
	border: 0
}

img {
	vertical-align: middle
}

address,
cite,
dfn,
em,
i,
var {
	font-style: normal
}

[hidefocus],
summary {
	outline: 0
}

li {
	list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
	font-size: 100%
}

sub,
sup {
	font-size: 83%
}

code,
kbd,
pre,
samp {
	font-family: inherit
}

q:after,
q:before {
	content: none
}

textarea {
	overflow: auto;
	resize: none
}

label,
summary {
	cursor: default
}

a,
button {
	cursor: pointer;
	border: 0;
	outline: none
}

b,
em,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
	font-weight: 700
}

a,
a:hover,
del,
ins,
s,
u {
	text-decoration: none
}

body,
button,
input,
keygen,
legend,
select,
textarea {
	font: 1em/1.125em arial, "\5FAE\8F6F\96C5\9ED1", helvetica;
	color: #000;
	outline: 0;
	-webkit-text-size-adjust: none
}

img {
	width: 100%;
	display: block
}

body,
html {
	width: 100%;
	max-width: 640px;
	line-height: 1.4;
	margin: 0 auto;
	background-color: #fff;
	-webkit-tap-highlight-color: none;
	-webkit-overflow-scrolling: touch
}

blockquote,
body,
button,
caption,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
input,
legend,
li,
menu,
ol,
p,
pre,
table,
td,
textarea,
th,
ul {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body,
html {
	-webkit-font-smoothing: antialiased
}

.clearfix:after {
	clear: both;
	display: table;
	height: 0;
	content: ""
}

.hide {
	display: none
}

img[width] {
	pointer-events: none;
	font-size: 0;
	margin: 0;
	display: block;
	width: 100%
}

.x-column {
	width: 94.375%;
	margin: 0 auto .926rem
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.x-con-pages-t {
	font-weight: 400;
	text-align: center;
	margin: .926rem 0 .648rem
}

.x-con-pages-t img {
	height: 1.296rem;
	width: auto;
	display: block;
	margin: .37rem auto 0
}

.x-con-pages-t .page-t-text {
	margin-top: -.093rem
}

.x-con-pages-t .page-t-text p {
	font-family: CommercialScriptBT-Regular;
	font-size: .333rem;
	line-height: .333rem;
	color: #525151
}

.x-con-pages-t .wang {
	background: #992e24;
	width: 1.111rem;
	height: 1.111rem;
	border-radius: 50%;
	margin: 0 auto
}

.x-con-pages-t .wang span {
	font-size: .741rem;
	color: #fff
}

.x-con-pages-block .page-t-text p {
	color: #fff
}

.x-con-pages-white .wang {
	background: #fff
}

.x-con-pages-white .wang span {
	color: #9e3227
}

.x-con-pages-white .page-t-text p {
	color: #fff
}

.x-banner {
	position: relative;
	width: 100%;
	padding-top: 110.8%;
	overflow: hidden
}

.x-banner .banner-img1 {
	top: 0
}

.x-banner .banner-img1,
.x-banner .banner-img2 {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.x-banner .banner-img2 {
	bottom: 100%
}

.x-banner img {
	width: 100%;
	height: auto
}

.swt-con,
.x-swt {
	text-align: center
}

.x-swt {
	padding: .185rem .648rem;
	display: inline-block;
	border-radius: .926rem;
	vertical-align: middle;
	margin: 0 auto;
	font-size: .3rem;
	background: #403f48;
	color: #f7f7f6;
	font-family: FZLTCXHJW--GB1-0
}

.x-swt span {
	color: #f7f7f6 !important;
	font-size: .3rem;
	padding-left: .167rem
}

.x-co1 {
	padding-bottom: 1px;
	background: #fff
}

.x-co1 .x-con-pages-t {
	margin: 0;
	padding: .926rem 0 .648rem;
	background: #f9f6f7
}

.x-co1 .x-column {
	margin-bottom: 0
}

.x-co1 .co1-con1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .648rem 0;
	border-bottom: 1px solid #e9e5dd
}

.x-co1 .co1-con1 .co1-con1 img {
	width: 25.04145937%
}

.x-co1 .co1-con1 .c1-tex {
	width: 69.32006633%
}

.x-co1 .co1-con1 .c1-tex h3 {
	font-size: .444rem;
	font-family: FZZZHONGJW--GB1-0;
	font-weight: lighter
}

.x-co1 .co1-con1 .c1-tex p {
	margin-top: .278rem;
	font-size: .3rem;
	font-family: FZLTCXHJW--GB1-0;
	text-align: justify
}

.x-co1 .co1-con2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: top;
	-ms-flex-align: top;
	align-items: top;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	margin: 0 0 .741rem
}

.x-co1 .co1-con2 li {
	width: 45.6053068%;
	padding-top: .833rem
}

.x-co1 .co1-con2 li h3 {
	font-size: .444rem;
	font-family: FZZZHONGJW--GB1-0;
	font-weight: lighter
}

.x-co1 .co1-con2 li p {
	margin: .278rem 0 .37rem;
	font-size: .3rem;
	font-family: FZLTCXHJW--GB1-0;
	text-align: justify;
	min-height: 1.3rem
}

.x-co1 .co1-con2 li:first-child .co1-text2 {
	position: relative
}

.x-co1 .co1-con2 li:first-child .co1-t-2 {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #992e24
}

.x-co1 .co1-con2 li:first-child .co1-t-2,
.x-co1 .co1-con2 li:first-child .co1-t-2>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%
}

.x-co1 .co1-con2 li:first-child .co1-t-2>div {
	padding-top: .074rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: .259rem;
	color: #f9f5f5;
	justify-content: center;
}

.x-co1 .co1-con2 li:first-child .co1-t-2 .co1-d {
	background: #d04925
}

.x-co1 .co1-con2 li:first-child .co1-t-2 span {
	display: inline-block;
	font-size: .259rem;
	color: #f9f5f5
}

.x-co1 .co1-con2 li:first-child .co1-t-2 span:first-child {
	width: 40.2962963%;
	text-align: right
}

.x-co1 .co1-con2 li:first-child .co1-t-2 span:last-child {
	width: 58.11111111%;
	text-align: center
}

.x-co1 .co1-con2 li:last-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%
}

.x-co1 .co1-con2:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	width: 1px;
	background: #e9e5dd;
	z-index: 1000
}

.x-co1 .co1-con3 {
	background: #f9f6f7;
	padding: .463rem 2.8125%
}

.x-co1 .co1-con3 p {
	font-size: .3rem;
	color: #999;
	font-family: FZLTCXHJW--GB1-0
}

.x-co1 .co1-con3 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: .278rem 0
}

.x-co1 .co1-con3 ul li {
	width: 48.92205638%
}

.qita {
	padding: .463rem 2.8125%;
	background: #992e24;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.qita img {
	display: inline-block;
	height: .463rem;
	width: auto
}

.qita span {
	font-size: .37rem;
	font-family: FZZZHONGJW--GB1-0;
	font-weight: lighter;
	letter-spacing: -1px
}

.qita .x-swt {
	font-size: .3rem;
	background: #fff;
	color: #000;
	padding: .093rem .185rem;
	border-radius: .093rem;
	margin-right: 0
}

.qita .x-swt span {
	font-size: .222rem;
	color: #000 !important;
	padding-left: .037rem
}

@-webkit-keyframes bgscroll {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 0 90vh
	}
}

.x-co2 {
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #d04925;
	background-image: url(../assets/images/3.d739cc9875.png);
	background-size: cover;
	background-position: 50%;
	background-repeat: repeat;
	-webkit-animation-name: bgscroll;
	animation-name: bgscroll;
	-webkit-animation-duration: 15s;
	animation-duration: 15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.x-co2 .x-column {
	background: #fff;
	padding: .37rem .463rem;
	margin: 1.296rem auto .926rem;
}

.x-co2 .co2-1-2 p:first-of-type {
	-webkit-animation: slide-up 1s;
	animation: slide-up 1s
}

.x-co2 .co2-1-2 p:nth-of-type(2) {
	-webkit-animation: slide-up 1.5s;
	animation: slide-up 1.5s
}

.x-co2 .co2-1-2 p:nth-of-type(3) {
	-webkit-animation: slide-up 2s;
	animation: slide-up 2s
}

.x-co2 .co2-1-2 p:nth-of-type(4) {
	-webkit-animation: slide-up 2.5s;
	animation: slide-up 2.5s
}

@-webkit-keyframes slide-up {
	0% {
		opacity: 0;
		-webkit-transform: translateY(.926rem);
		transform: translateY(.926rem)
	}
}

@keyframes slide-up {
	0% {
		opacity: 0;
		-webkit-transform: translateY(.926rem);
		transform: translateY(.926rem)
	}
}

.x-co2 .co2-2 {
	border: 1px solid #ebd5d3;
	border-top: 0;
	border-bottom: 0;
	text-align: center
}

.x-co2 .co2-2 img {
	height: .833rem;
	width: auto;
	display: inline-block;
	vertical-align: middle
}

@-webkit-keyframes infiniteRotate {
	25% {
		opacity: .2;
		transform: rotateZ(20deg);
		-webkit-transform: rotateZ(20deg)
	}

	50% {
		opacity: .5;
		transform: translate(0);
		-webkit-transform: translate(0)
	}

	75% {
		opacity: .8;
		transform: translate(1px);
		-webkit-transform: translate(1px);
		top: 0
	}

	to {
		opacity: 0;
		transform: translateY(-1px) rotateZ(-20deg);
		-webkit-transform: translateY(-1px) rotateZ(-20deg);
		top: 0
	}
}

@keyframes infiniteRotate {
	25% {
		opacity: .2;
		transform: rotateZ(20deg);
		-webkit-transform: rotateZ(20deg)
	}

	50% {
		opacity: .5;
		transform: translateY(0);
		-webkit-transform: translateY(0)
	}

	75% {
		opacity: .8;
		transform: translateY(1px);
		-webkit-transform: translate(1px);
		top: 0
	}

	to {
		opacity: 0;
		transform: translateY(-1px) rotateZ(-20deg);
		-webkit-transform: translateY(-1px) rotateZ(-20deg);
		top: 0
	}
}

.x-co2 .co2-2 img.active {
	animation: infiniteRotate 5s linear infinite normal;
	-webkit-animation: infiniteRotate 5s linear infinite normal;
/* 	animation: showLeft 3s linear infinite;
	    -webkit-animation: showLeft 3s linear infinite; */
}

.x-co2 .co2-2 div {
	display: inline-block;
	text-align: center;
	font-size: .444rem;
	color: #992e24;
	font-family: FZZZHONGJW--GB1-0;
	font-weight: lighter;
	vertical-align: middle;
	margin: .556rem .37rem
}

.x-co2 .co2-1 {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border: 1px solid #ebd5d3;
	padding: .556rem .741rem;
	height: 3.611rem;
	z-index:-2;
}

.x-co2 .co2-1,
.x-co2 .co2-1 .co2-1-1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.x-co2 .co2-1 .co2-1-1 {
	-ms-flex-pack: distribute;
	justify-content: space-around;
	opacity: 1;
	width: 2.5rem;
	height: 2.5rem;
	padding: .648rem 0 .741rem;
	border-radius: 50%;
	background: #992e24
}

.x-co2 .co2-1 .co2-1-1 h3 {
	font-size: .444rem;
	font-family: FZZZHONGJW--GB1-0;
	color: #fff;
	font-weight: lighter;
	text-align: center
}

.x-co2 .co2-1 .co2-1-1 h4 {
	font-family: CommercialScriptBT-Regular;
	font-size: .333rem;
	color: #fff;
	font-weight: lighter;
	text-align: center;
	line-height: .222rem
}

.x-co2 .co2-1 .co2-1-1 {
	-webkit-animation: slide-top .8s cubic-bezier(.55, 0, .1, 1);
	animation: slide-top .8s cubic-bezier(.55, 0, .1, 1)
}

@-webkit-keyframes slide-top {
	0% {
		width: 1rem;
		height: 1rem;
		-webkit-box-shadow: 0 .093rem .093rem rgba(0, 0, 0, .2);
		box-shadow: 0 .093rem .093rem rgba(0, 0, 0, .2);
		padding: 0;
		opacity: .5;
		-webkit-transform: rotate(-180deg) translateY(-.926rem) rotate(180deg) scale(1.1) skewX(45deg);
		-ms-transform: rotate(-180deg) translateY(-.926rem) rotate(180deg) scale(1.1) skewX(45deg);
		transform: rotate(180deg) translateY(-.926rem) rotate(180deg) scale(1.1) skewX(45deg)
	}
}

@keyframes slide-top {
	0% {
		width: 1rem;
		height: 1rem;
		-webkit-box-shadow: 0 .093rem .093rem rgba(0, 0, 0, .2);
		box-shadow: 0 .093rem .093rem rgba(0, 0, 0, .2);
		padding: 0;
		opacity: .5;
		-webkit-transform: rotate(-180deg) translateY(-.926rem) rotate(180deg) scale(1.1);
		-ms-transform: rotate(-180deg) translateY(-.926rem) rotate(180deg) scale(1.1);
		transform: rotate(180deg) translateY(-.926rem) rotate(180deg) scale(1.1)
	}
}

.x-co2 .co2-1 .co2-1-2 {
	width: 54.72636816%;
	text-align: left;
	font-size: .333rem;
	font-family: FZLTCXHJW--GB1-0
}

.x-co3 {
	background-image: url(../assets/images/5.0f9f7113aa.jpg);
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	padding-bottom: 1px;
	padding-top:1px;
}

.x-co3 .x-column .tab-div {
	position: relative
}

.x-co3 .x-column .tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.x-co3 .x-column .tab>div {
	width: 50%;
	background: #9b2c20;
	font-size: .35rem;
	font-weight: lighter;
	font-family: FZZZHONGJW--GB1-0;
	color: #fff;
	padding: .463rem 0;
	text-align: center
}

.x-co3 .x-column .tab>div span {
	color: #ff8c00
}

.x-co3 .x-column .tab div.active {
	background: #d04925
}

.x-co3 .x-column .tab div.active span {
	color: #d04925
}

.x-co3 .x-column .swiper-container {
	position: absolute;
	top: 0;
	left: 2.5rem;
	width: 73.46600332%;
	overflow: hidden
}

.x-co3 .x-column .swiper-container .swiper-slide .slide-1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 2.944rem;
	padding: .278rem .37rem .278rem 0
}

.x-co3 .x-column .swiper-container .swiper-slide .slide-1>div {
	border-left: 1px solid #e7cfce
}

.x-co3 .x-column .swiper-container .swiper-slide .slide-1 h3 {
	font-size: .407rem;
	font-weight: lighter;
	font-family: FZZZHONGJW--GB1-0;
	margin-left: .556rem
}

.x-co3 .x-column .swiper-container .swiper-slide .slide-1 p {
	font-size: .3rem;
	font-family: FZLTCXHJW--GB1-0;
	color: #2f201b;
	text-align: justify;
	margin-top: .093rem;
	margin-left: .556rem
}

.x-co3 .x-column .tab-l {
	overflow: hidden;
	background: #fff
}

.x-co3 .x-column .tab-l li>div {
	width: 2.5rem;
	height: 2.944rem;
	padding: .778rem 0;
	text-align: center
}

.x-co3 .x-column .tab-l li span {
	position: relative;
	display: inline-block;
	width: 1.296rem;
	height: 1.296rem;
	background: #f5ede2;
	border-radius: 50%;
	text-align: center;
	font-size: .648rem;
	line-height: 1.296rem;
	color: #9b2c20
}

.x-co3 .x-column .tab-l li:nth-child(2n-1) {
	background: #faf7f8
}

.x-co4 {
	text-align: center
}

.x-co4 .swiper-container {
	border: .037rem solid #992e24
}

.x-co4 .swiper-slide>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: .741rem .222rem .556rem
}

.x-co4 .swiper-slide>div .slide-left,
.x-co4 .swiper-slide>div .slide-right {
	width: 48%
}

.x-co4 .swiper-slide>div .slide-left h3,
.x-co4 .swiper-slide>div .slide-right h3 {
	font-size: .444rem;
	font-family: FZLTCXHJW--GB1-0;
	color: #992e24;
	line-height: .37rem
}

.x-co4 .swiper-slide>div .slide-left span,
.x-co4 .swiper-slide>div .slide-right span {
	font-size: .444rem;
	font-family: CommercialScriptBT-Regular;
	color: #992e24;
	line-height: .444rem
}

.x-co4 .swiper-slide>div .slide-left p,
.x-co4 .swiper-slide>div .slide-right p {
	font-size: .3rem;
	font-family: FZLTCXHJW--GB1-0;
	margin: .37rem 0 .556rem
}

.swiper-button-next,
.swiper-button-prev {
	position: static;
	display: inline-block;
	background: #992e24;
	color: #f9f3f2;
	padding: .185rem .648rem;
	border-radius: .926rem;
	font-family: FZLTCXHJW--GB1-0;
	font-size: .3rem;
	width: auto;
	height: auto;
	margin-top: .556rem;
	opacity: 1
}

.swiper-button-next span,
.swiper-button-prev span {
	font-size: .3rem
}
.x-co5 .swiper-button-prev{
	background:#fff;
	color:#0f0f0f;
}
.x-co5 .swiper-button-next{
	background:#0f0f0f;
	color:#fff;

}
.swiper-button-next{
	position:relative;
	top:1px;
	right: 2px
}
.swiper-button-prev {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	position:relative;
	top:0px;
	left:2px;
}

.swiper-button-prev span {
	display: block;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.swiper-button-next {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: #d04925
}

.swiper-button-disabled {
	opacity: .35
}

.x-co5 .x-column {
	margin-top: 0;
	padding: 0;
	background: transparent;
	text-align: center
}

.x-co5 .swiper-slide {
	background: #fff;
	padding: 0 .463rem
}

.x-co5 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.x-co5 ul li {
	width: 47%;
	text-align: center;
	padding: .556rem 0 .741rem
}

.x-co5 ul li span {
	font-size: .833rem;
	color: #992e24
}

.x-co5 ul li h3 {
	font-size: .444rem;
	font-family: FZZZHONGJW--GB1-0;
	font-weight: 400;
	margin: .185rem 0 .278rem
}

.x-co5 ul li p {
	font-size: .3rem;
	font-family: FZLTCXHJW--GB1-0;
	text-align: justify;
	text-align: center;
	height: 1.9444rem;
}

.x-co5 ul .teshu {
	position: relative
}

.x-co5 ul .teshu:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ebd5d3
}

.x-co6 {
	background: #992e24;
	padding-bottom: 1.056rem;
	padding-top: 1px
}

.x-co6 .x-column,
.x-co7 .x-column {
	margin-bottom: 0
}

.x-co7 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.x-co7 ul li {
	text-align: center;
	background: #992e24;
	color: #fff;
	width: 2.407rem;
	height: 2.407rem;
	border-radius: 50%;
	opacity: 0
}

.x-co7 ul li h3 {
	font-size: .667rem;
	font-family: CommercialScriptBT-Regular;
	padding-top:.15rem;
}

.x-co7 ul li p {
	font-size: .3rem;
	font-family: FZLTCXHJW--GB1-0
}

.x-co7 ul li:nth-child(2n) {
	opacity: 0;
	width: .556rem;
	height: .556rem;
	background: #fff
}

.x-co7 ul li:nth-child(2n) span {
	font-size: .444rem;
	color: #992e24
}

@-webkit-keyframes showLeft {
	0% {
		opacity: .2;
		transform: translate(-.185rem);
		-webkit-transform: translate(-.185rem)
	}

	25% {
		opacity: .5;
		transform: translate(0);
		-webkit-transform: translate(0)
	}

	50% {
		opacity: .8;
		transform: translate(.185rem);
		-webkit-transform: translate(.185rem);
		top: 0
	}

	75% {
		opacity: .5;
		transform: translate(0);
		-webkit-transform: translate(0)
	}

	to {
		opacity: 0;
		transform: translate(-.185rem);
		-webkit-transform: translate(-.185rem);
		top: 0
	}
}

@keyframes showLeft {
	0% {
		opacity: .2;
		transform: translate(-.185rem);
		-webkit-transform: translate(-.185rem)
	}

	25% {
		opacity: .5;
		transform: translate(0);
		-webkit-transform: translate(0)
	}

	50% {
		opacity: .8;
		transform: translate(.185rem);
		-webkit-transform: translate(.185rem);
		top: 0
	}

	75% {
		opacity: .5;
		transform: translate(0);
		-webkit-transform: translate(0)
	}

	to {
		opacity: 0;
		transform: translate(-.185rem);
		-webkit-transform: translate(-.185rem);
		top: 0
	}
}

@-webkit-keyframes showTop {
	0% {
		opacity: .2;
		transform: translateY(-.185rem);
		-webkit-transform: translateY(-.185rem)
	}

	to {
		opacity: .8;
		transform: translate(0);
		-webkit-transform: translate(0);
		top: 0
	}
}

@keyframes showTop {
	0% {
		opacity: .2;
		transform: translateY(-.185rem);
		-webkit-transform: translateY(-.185rem)
	}

	to {
		opacity: .8;
		transform: translate(0);
		-webkit-transform: translate(0);
		top: 0
	}
}

.x-co7 ul li:nth-child(2n-1).active {
	animation: showTop 1.5s ease-in-out forwards;
	-webkit-animation: showTop 1.5s ease-in-out forwards
}

.x-co7 ul li:nth-child(2n).active {
	animation: showLeft 3s linear infinite;
	-webkit-animation: showLeft 3s linear infinite
}

.x-co7 ul:last-child {
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding: 0 1.574rem;
	margin-top: .185rem
}

.x-co8 {
	background-color: #d04925
}

.x-co8 .x-column {
	padding: 0;
	background: transparent;
	margin-top:0;
}

.x-co8 .x-column>div {
	background: #fff;
	color: #992e24;
	font-size: .3rem;
	padding: .556rem 0;
	margin-top: .37rem;
	text-align: center
}

.x-co8 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: top;
	-ms-flex-align: top;
	align-items: top;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.x-co8 ul li {
	position: relative;
	width: 32%;
	margin-bottom: 20%
}

.x-co8 ul li>div {
	position: absolute;
	top: 60%;
	left: 0;
	width: 100%;
	height: 3.333rem;
	border-radius: .185rem;
	text-align: center;
	background: #fff;
	padding: .093rem .185rem .37rem
}

.x-co8 ul li>div h3 {
	font-size: .667rem;
	font-family: CommercialScriptBT-Regular;
	font-weight: lighter
}

.x-co8 ul li>div p {
	font-size: .3rem;
	font-family: FZLTCXHJW--GB1-0;
	margin-top: .185rem
}
.x-co9{
	background:#992e24;
	padding-top:1px;
	padding-bottom:1px;
	margin-bottom:.7rem;
}
.x-co9 .x-column p{
	font-size:.3rem;
	color:#f4eceb;
	text-align:center;
	margin-bottom:.5rem;
	padding:0 .25rem;
}
.form{
	background:#eeebe6;
	padding:.8rem 18%;
	text-align:center;
	margin-bottom:.926rem;
}
.form h3{
	font-size:.444rem;
	font-weight:lighter;
	font-family:FZZZHONGJW--GB1-0
}
.form h4{
	font-size:.3rem;
	font-weight:normal;
	margin-bottom:.4rem;
	font-family:FZLTCXHJW--GB1-0
}
.form input,.form button{
	width:100%;
	font-size:.3rem;
	height:.75rem;
	line-height:.75rem;
	text-align:center;
}
.form input{background:#fff;border:0;margin-bottom:.2rem;border-radius:0;}
.form button{background:#992e24;color:#fff;}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color:#999;
}
