/* html::-webkit-scrollbar {
	display: none;
} */
/* 轮播 */

.item {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
	background-size: cover !important;
}

.item>img {
	/* height: 1000px !important; */
	width: 100%;
}

#pc {
	/* height: 1000px; */
	width: 100%;
	display: none;
}

#mobile {
	/* height: 640px; */
	width: 100%;
	display: none;
}


.carousel-caption {
	color: rgb(181, 139, 114);
	font-family: SimHei;
	line-height: 1.5;
	text-shadow: none;
	top: 35%;
}

.carousel-caption .bTitle {
	font-size: 4.4em;
}

.carousel-caption .lTitle {
	font-size: 1.4em;
}

/* 文字部分 */
#article,
#sedArticle {
	margin: 20px 0px;
	color: rgb(181, 139, 114);
	overflow: hidden;
	width: 100%;
}

#article h1 {
	font-family: SimHei;
	font-size: 2.3em;
	animation: fadeInLeft 2s;
}

#article h3 {
	font-size: 2em;
	margin-bottom: 31px;
}

#article .center {
	line-height: 2;
	font-size: 16px;
}

.fadeInLeft {
	animation: fadeInLeft 1.3s;
}

.fadeInRight {
	animation: fadeInRight 1.3s;
}

.fadeInBottom {
	animation: fadeInBottom 1.25s;
}

@keyframes fadeInLeft {
	0% {

		transform: translate3d(-2400px, 0, 0);
	}

	100% {
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInRight {
	0% {

		transform: translate3d(2400px, 0, 0);
	}

	100% {
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInBottom {
	0% {

		transform: translate3d(0, 700px, 0);
	}

	100% {
		transform: translate3d(0, 0, 0);
	}
}

.rightArticle {
	margin: 10px 20px;
}

.rightArticle h3 {
	margin: 24px 0;
	color: rgb(129, 101, 84);
	animation: fadeInRight 1s;
}

.rightArticle div p {
	font-size: 1em;
	color: rgb(205, 192, 185);
}

.lineImg {
	animation: fadeInRight 2s;
}

.rightArticle div p,
.rightArticle h3 {
	animation: fadeInRight 1.7s;
}

.row {
	overflow: hidden;
	background-color: #FDFAF5FF;
	margin: 15px;
}

.firstRow {
	margin-bottom: 0;
}

.centerRow {
	margin-top: 0;
	margin-bottom: 0;
}

.mt0 {
	margin-top: 0;
}

.mb0 {
	margin-bottom: 0;
}

.lastRow {
	margin-top: 0;
}

.picBox {
	padding: 0;
}

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

.textContant {
	height: 100%;
	margin: 345px 0;
	text-align: center;
	overflow: hidden;
}

.textContant h3 {
	font-size: 2em;
	margin: 20px 15px 50px 15px;
	color: rgb(129, 101, 84);
}

.textContant p {
	font-size: 16px !important;
	color: rgb(181, 139, 114) !important;
	line-height: 2;
}

.myhidden {
	visibility: hidden;
}

#sedArticle {
	text-align: center;
	margin: 50px 10px;
}

#sedArticle h1 {
	font-size: 2.3em;
	font-family: SimHei;
	;
}

#sedArticle h3 {
	font-size: 1.5em;
	margin: 30px 15px;
	color: rgb(129, 101, 84);
}


.mypic {
	margin-bottom: 50px;
}

.mypic img {
	width: 100%;
	height: 100%;
	/* border: 15px solid white; */
	padding: 15px;
}

#step .row {
	background-color: white;
}

#step h3 span {
	font-size: 1.5em;
	font-family: Impact, Charcoal, sans-serif;
	color: rgb(129, 101, 84);
}

#step h3 {
	font-size: 2em;
}

#step p {
	color: rgb(204, 137, 98);
	white-space: pre-wrap;
	font-size: 16px !important;
	line-height: 2;
}

#step a {
	color: rgb(129, 101, 84);
	text-decoration: underline;
	display: block;
	margin-top: 51px;
	margin-bottom: 20px;
}

.center {
	text-align: center;
}

#findMore {
	width: 100%;
	text-align: center;
}

#findMore h1 {
	color: rgb(181, 139, 114);
	font-size: 2em;
	margin: 150px 0 10px 0;
}

.mylinks span a {
	display: inline-block;
	margin: 10px 20px 100px 0;
	color: rgb(129, 101, 84);
	font-size: 20px;
	font-weight: 400;
	text-decoration: none;
}

.myvideo {
	/*width: 100vw;*/
	height: auto;
	cursor: pointer;
	margin-top: 68px;
	margin-bottom: 20px;
}

.myvideo video {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 992px) and (min-width:767px) {
	.textContant {
		margin: 60px 0;
	}

	#sedArticle {
		margin: 20px 0;
	}

	.mypic {
		margin-bottom: 20px;
		border-top: none;
	}

	#step h3 {
		font-size: 1.3em;
	}

	#step a {
		margin-top: 30px;
	}

	#findMore h1 {
		margin-top: 60px;
		font-size: 1.6em;
	}

	.mylinks span a {
		margin-bottom: 30px;
		font-size: 0.7em;
	}
}

@media (max-width:768px) {

	.mt0 {
		margin-top: 15px;
	}

	/* #step .row {
		background-color: #FDFAF5FF;
	} */

	#step {
		margin-bottom: 15px;
	}
	
	.carousel-inner {
		height: 100%;
	}

	.carousel-control {
		display: none;
	}

	.item {
		height: 100%;
	}

	/* .item>img {
		height: 100% !important;
	} */

	.carousel-caption {
		top: 20%;
	}

	.carousel-caption .bTitle {
		font-size: 3em;
	}

	.carousel-caption .lTitle {
		font-size: 1em;
	}

	/* .row.firstRow {
		margin-top: 0;
	} */

	.textContant {
		margin: 0 0 10px 0;
	}

	.textContant h3 {
		margin-bottom: 36px;
		font-size: 1.3em;
	}

	.textContant p {
		font-size: 15px !important;
	}

	#step p {
		font-size: 15px !important;
	}

	#sedArticle {
		margin: 0;
	}

	#sedArticle h1 {
		margin: 5px 15px 10px 15px;
		font-size: 2em;
	}

	.mypic {
		margin-bottom: 0;
		border-top: none;
	}

	.mypic img {
		padding-top: 5px;
	}

	#article {
		margin: 0;
		margin-top: 8px;
		text-align: center;
	}

	#article h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	#article .center {
		font-size: 15px;
	}

	.firstRow {
		margin-top: 0;
	}

	#pic1 {
		border-top: 15px solid white;
	}

	#pic2 {
		border-top: 15px solid white;
	}

	#step h3 {
		font-size: 1.3em;
		margin-bottom: 30px;
	}

	#step a {
		margin-top: 30px;
	}

	#findMore h1 {
		margin-top: 20px;
		font-size: 1.6em;
	}

	.mylinks {
		margin-top: 10px;
		margin-bottom: 0;
	}

	.mylinks span a {
		margin-bottom: 30px;
		font-size: 0.7em;
	}
	.myvideo {
		width: 100vw;
		height: auto;
		margin-top: 20px;
		margin-bottom: 0;
	}
	
	.myvideo video {
		width: 100%;
		height: auto;
	}
}

.carousel-inner {
	cursor: pointer;
}