html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img,
input,
a,
figure,
figcaption {
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

fieldset,
img {
	border: none;
}

img {
	display: block;
	width: 100%;
	font-size: 0px;
}

address,
caption,
cite,
code,
dfn,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ul,
ol,
li {
	list-style: none;
}

input::-moz-focus-inner {
	border: none;
	padding: 0px;
}

select,
input {
	vertical-align: middle;
	display: block;
}

select,
input,
textarea {
	font-size: 13px;
	margin: 0px;
	font-family: 'Arial';
}

input[type="text"],
input[type="password"],
textarea {
	outline-style: none;
	-webkit-appearance: none;
	outline: none;
}

button {
	outline: none;
}

textarea {
	resize: none;
	overflow: hidden;
}

select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
}

table {
	border-collapse: collapse;
}

.clearit {
	clear: both;
	height: 0px;
	font-size: 0px;
	overflow: hidden;
	width: 100%;
}

header,
div,
nav,
li,
input,
section,
figure,
table,
select,
figcaption,
footer,
td,
p,
a,
img {
	box-sizing: border-box;
}

.clearit {
	clear: both;
	height: 0px;
	font-size: 0px;
	overflow: hidden;
	width: 100%;
}

a {
	text-decoration: none;
}

body,
html {
	text-transform: uppercase;
	margin: 0 auto;
	max-width: 640px;
}

body {}

.cont {
	width: 100%;
	max-width: 640px;
	float: left;
	position: relative;
	background-size: 100%;
	overflow: hidden;
}

.banner {
	position: relative;
}

.banner a {
	width: 130px;
	opacity: 0.8;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	padding-left: 20px;
	color: #fff;
	border: 1px solid #fff;
	position: absolute;
	bottom: 3rem;
	left: 50%;
	margin-left: -70px;
}
.banner .ani:after{
		-webkit-animation-name: jdswt;
	animation-name: jdswt;
}
.ani {
	position: relative;
}

.ani:after {
	content: ">>";
	position: absolute;
	right: 20px;
	top: 0;
	opacity: 0;
	-webkit-animation-name: jdswt2;
	animation-name: jdswt2;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

h3 {
	font-size: 1.6rem;
	line-height: 1.5;
	/*font-weight: normal;*/
	padding: 2rem 0 1rem 0;
	text-align: center;
	color: #333;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}

h3 b {
	color: #bc9752;
	/*	font-weight: normal;*/
}

h3 span {
	display: block;
	color: #666;
	font-size: 1.1rem;
	font-weight: normal;
}

.cont1 {
	padding-bottom: ;
}

.cont1 ul {
	padding: 3% 2%;
	float: left;
}

.cont1 ul li {
	width: 33.33%;
	float: left;
	padding: 2%;
}

.jd-swt {
	width: 220px;
	height: 38px;
	line-height: 38px;
	color: #dad5d1;
	display: block;
	background: #836f57;
	border-radius: 30px;
	font-size: 16px;
	padding-left: 30px;
	margin: .5rem auto 2rem auto;
}


/*cont2-------------------*/

.cont2 ul {
	padding: 4% 3% 2% 3%;
	background: url(../images/c2-b1.jpg) no-repeat right 0;
}

.cont2 ul li {
	width: 100%;
	background: rgba(00, 00, 00, 0.5);
	border-radius: 20px;
	text-align: center;
	padding: 0.5rem;
	color: #fff;
	margin: .5rem 0;
	padding: .6rem .5rem .9rem .5rem;
}

.cont2 ul li .tit {
	font-size: 18px;
	line-height: 32px;
}

.cont2 ul li .desc {
	font-size: 14px;
	line-height: 1.6;
	opacity: 0.8;
}

.cont2 .jd-swt {
	margin: 1.6rem auto 1.2rem auto;
}


/*.cont3------------*/

.cont3 {
	padding-bottom: 2.5rem;
}

.cont3 .cont3-swiper {
	padding: 0 7%;
	width: 94%;
	margin: 1.5rem 3%;
	overflow: hidden;
}

.cont3 .cont3-swiper .swiper-slide {
	padding: 1rem .6rem;
	background: #a48f6b;
	width: 94%;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	/*transform: scale(0.95);
	-webkit-transform: scale(0.95);*/
}



.cont3 .cont3-swiper .swiper-slide:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.3;
}

.cont3 .cont3-swiper .swiper-slide-active:after {
	width: 0;
}

.cont3 .swiper-slide p {
	padding: .5rem;
	color: #fff;
}

.cont3 .swiper-slide span {
	display: block;
	color: #fff;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
}

.cont3 .swiper-slide a {
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	height: 32px;
	width: 60%;
	margin: 0 auto .5rem auto;
	background: rgba(00, 00, 00, 0.4);
	display: block;
	border-radius: 10px;
}

.cont3 .swiper-pagination,
.cont4 .swiper-pagination {
	bottom: 1.6rem;
	height: 1rem;
}

.cont3 .swiper-pagination {
	bottom: 1.6rem;
	left: 50%;
	margin-left: -40px;
}

.cont3 .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #836f57;
	opacity: 0.5;
	margin: 0 4px;
	border-radius: 0;
}

.cont3 .swiper-pagination-bullet-active {
	opacity: 1;
}


/*cont4-----------------*/

.cont4 .c-m {
	padding: 2rem 3% 4.2rem 3%;
	width: 100%;
	background: url(../images/c2-b2.jpg) no-repeat 0 0;
	background-size: 100% 100%;
}

.cont4 .swiper-pagination {
	bottom: 1.8rem;
	left: 50%;
	margin-left: -54px;
}

.cont4 .cont4-swiper {
	width: 94%;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 20px;
	border: 2px solid #fff;
}

.cont4 .cont4-swiper .swiper-slide img {
	border-radius: 15px;
	/*border: 2px solid #fff;*/
}

.cont4 .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #fff;
	margin: 0 4px;
	opacity: 0.3;
	border-radius: 0;
}

.cont4 .swiper-pagination-bullet-active {
	opacity: 0.8;
}


/*cont5------------------*/

.cont5 ul {
	padding: 1rem 4%;
	text-align: center;
}

.cont5 ul .tit {
	font-size: 1.3rem;
	line-height: 3rem;
	font-weight: bold;
}

.cont5 ul li {
	font-size: 14px;
	line-height: 1.5;
}

.cont5 ul .r {
	color: #e80000;
}

.cont5 ul li img {
	margin: .5rem 0;
}
.cont6 h3{
	border-bottom: none;
}
.cont6 .c-m{
	width: 100%;
	background: url(../images/c2-b1.jpg) no-repeat 0 0;
	padding: 1.6rem 0;
	background-size: 100%;
}	
.cont6 .jd-swt ,.cont2 .jd-swt{
	background: rgba(00,00,00,0.2);
}
.cont6 .jd-swt{
	margin: 0 auto;

}
/*cont7----------------------*/
.cont7 .c-m{
	padding: 4% 2% 2% 2%;
	margin-bottom: .6rem;
	float: left;
}
.cont7 .c-m a img{
	margin-bottom: 3px;
}
.cont7 .c-m a{
	width: 31.3%;
	display: block;
	float: left;
	margin: 0 1%;
	background: #836f57;
	color: #fff;
	text-align: center;
	font-size: 13px;
	line-height: 24px;
	padding-bottom: 3px;
}









.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	/*animation-iteration-count: infinite;*/
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
	/*animation-iteration-count: infinite;*/
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	/*animation-iteration-count: infinite;*/
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.fadeInDown {
	-webkit-animation-name: fadeInDown2;
	animation-name: fadeInDown2;
	/*animation-iteration-count: infinite;*/
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

@keyframes jdswt {
	0%,
	100% {
		opacity: 0;
		right: 20px;
	}
	50% {
		opacity: 1;
		right: 15px;
	}
}

@-webkit-keyframes jdswt {
	0%,
	100% {
		opacity: 0;
		right: 20px;
	}
	50% {
		opacity: 1;
		right: 15px;
	}
}
@keyframes jdswt2 {
	0%,
	100% {
		opacity: 0;
		right: 25px;
	}
	50% {
		opacity: 1;
		right: 22px;
	}
}

@-webkit-keyframes jdswt2 {
	0%,
	100% {
		opacity: 0;
		right: 25px;
	}
	50% {
		opacity: 1;
		right: 22px;
	}
}

@-webkit-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
	30% {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	60% {
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px)
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	40% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	40% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeInDown2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDown2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	40% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}
	40% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	40% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}
	40% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes jackInTheBox {
	0% {
		opacity: 0;
		transform: scale(.1) rotate(30deg);
		transform-origin: center bottom
	}
	50% {
		transform: rotate(-10deg)
	}
	70% {
		transform: rotate(3deg)
	}
	to {
		opacity: 1;
		transform: scale(1)
	}
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-80px);
		transform: translateX(-80px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-80px);
		-ms-transform: translateX(-80px);
		transform: translateX(-80px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-80px);
		transform: translateX(-80px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(80px);
		-ms-transform: translateX(80px);
		transform: translateX(80px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
		transform: perspective(400px) rotateY(-10deg)
	}
	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg)
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		transform: perspective(400px) rotateY(0deg);
		opacity: 1
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		-ms-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
		-ms-transform: perspective(400px) rotateY(-10deg);
		transform: perspective(400px) rotateY(-10deg)
	}
	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		-ms-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg)
	}
	100% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		-ms-transform: perspective(400px) rotateY(0deg);
		transform: perspective(400px) rotateY(0deg);
		opacity: 1
	}
}

@media only screen and (max-width:1920px),
only screen and (max-device-width:640px) {
	body,
	html {
		font-size: 20px
	}
}

@media only screen and (max-width:600px),
only screen and (max-device-width:600px) {
	body,
	html {
		font-size: 18.75px
	}
}

@media only screen and (max-width:540px),
only screen and (max-device-width:540px) {
	body,
	html {
		font-size: 16.88px
	}
}

@media only screen and (max-width:480px),
only screen and (max-device-width:480px) {
	body,
	html {
		font-size: 15px
	}
}

@media only screen and (max-width:414px),
only screen and (max-device-width:414px) {
	body,
	html {
		font-size: 12.94px
	}
}

@media only screen and (max-width:400px),
only screen and (max-device-width:400px) {
	body,
	html {
		font-size: 12.5px
	}
}

@media only screen and (max-width:375px),
only screen and (max-device-width:375px) {
	body,
	html {
		font-size: 11.72px
	}
}

@media only screen and (max-width:360px),
only screen and (max-device-width:360px) {
	body,
	html {
		font-size: 11.25px
	}
}

@media only screen and (max-width:320px),
only screen and (max-device-width:320px) {
	body,
	html {
		font-size: 10px
	}
}