body {
	background: #000;
	color: #fff
}

a {
	color: #ff7500
}

h2 {
	font-family: "bigTitle" !important
}

.border_right {
	border-right: 1px solid #fff
}

#soMany {
	color: #fff;
	position: relative;
	top: -102px
}

#banner {
	position: relative;
	width: 100%
}

#banner img {
	width: 100%
}

#banner_text {
	margin: 0 auto;
	position: absolute;
	bottom: calc(50% - 65px);
	left: calc(50% - 515px);
	color: #fff
}

#banner_text h1 {
	width: 1030px;
	text-align: center;
	margin: 0
}

#banner_text h2 {
	font-size: 48px;
	width: 1030px;
	text-align: center;
	font-family: "bigTitle" !important;
	margin: 0
}

#banner_text h3 {
	font-size: 48px;
	width: 1030px;
	text-align: center;
	font-family: "bigTitle" !important;
	margin: 0
}

#banner_text div {
	text-align: center;
	position: absolute;
	bottom: 73px;
	left: 0;
	color: #fff
}

#to_do {
	width: 1110px;
	margin: 138px auto 0;
	text-align: center
}

#to_do h3 {
	margin: 50px 0 15px 0;
	color: #fff
}

#to_do h2 {
	margin: 11px auto 24px;
	font-size: 48px
}

#to_do h4 {
	margin: 0;
	color: #777
}

#to_do_data {
	margin-top: 66px;
	line-height: 24px
}

.to_do_title {
	font-size: 14px;
	width: 356px;
	background: #171717;
	height: 252px;
	margin-left: 21px
}

.to_do_title:first-child {
	margin-left: 0
}

#good_at {
	width: 1110px;
	margin: 138px auto 0
}

#good_at_data {
	width: 565px
}

#good_at_data h2 {
	margin: 0 auto 56px;
	font-size: 48px
}

#good_at_data h3 {
	margin: 0
}

.good_at_icon {
	margin: 5px 0
}

.good_at_data {
	width: 449px;
	height: 72px;
	line-height: 24px;
}

.good_at_line {
	margin: 27px 0;
	border-top: 1px solid #979797;
	width: 449px
}

#good_at_img {
	width: 545px;
	margin-top: 20px
}

#good_at_img img {
	width: 545px;
	height: 572px
}

.feng {
	width: 11px;
	height: 220px
}

#goods {
	margin: 123px auto 69px;
	width: 1110px;
	overflow: hidden;
	text-align: center;
	padding-bottom: 20px
}

#goods_overflow {
	min-width:7000;
	/* width: 5300px; */
	position: relative;
	left: 0;
	transition: all 1s
}

#goods h2 {
	margin: 0 0 15px;
	font-size: 48px
}

.goods {
	width: 764px;
	height: 312px;
	margin-right: 92px;
	text-align: left
}

.goods_img {
	width: 382px;
	height: 312px
}

.goods_data {
	width: 382px;
	height: 312px;
	background: #171717;
	padding: 27px 0 0 68px
}

.goods_data h3 {
	font-size: 24px;
	margin: 0 !important;
	line-height: 33px
}

#goods h3 {
	font-size: 24px;
	margin: 0 0 55px 0;
	line-height: 33px
}

.goods_text {
	margin: 9px 0;
	font-weight: 600
}

.goods_a {
	margin: 28px 0 0;
	font-weight: 600
}

#goods_left_button {
	cursor: pointer;
	margin: 60px 12px 0 0
}

#goods_right_button {
	cursor: pointer;
	margin: 60px 0 0 0
}

#effect {
	width: 1110px;
	margin: 128px auto 0;
	text-align: center
}

#effect_video {
	margin: 54px 0 0 0
}

#effect_video iframe {
	width: 1110px;
	height: 624px;
	border: 1px solid #171717
}

#effect_data {
	width: 1110px;
	margin: 61px auto 0;
	margin-right: 10px
}

.effect_data {
	background: linear-gradient(to bottom, #171717 0, #000 100%);
	width: 356px;
	height: 750px;
	line-height: 17px;
	margin-right: 14px
}

.effect_data:last-child {
	margin-right: 0
}

.effect_data h3 {
	margin: 30px 0 0
}

.effect_data_icon {
	margin: 18px 0 10px
}

.effect_data p {
	margin: 3px 0 0
}

.effect_data1 {
	width: 265px;
	height: 50px;
	border-bottom: 1px solid #424242;
	margin: 0 auto 15px
}

.effect_data2 {
	width: 265px;
	height: 70px;
	border-bottom: 1px solid #424242;
	margin: 0 auto 15px
}

.effect_data3 {
	width: 265px;
	height: 85px;
	border-bottom: 1px solid #424242;
	margin: 0 auto 15px
}

.effect_data4 {
	width: 265px;
	height: 105px;
	border-bottom: 1px solid #424242;
	margin: 0 auto 15px
}

.effect_data5 {
	width: 265px;
	height: 125px;
	border-bottom: 1px solid #424242;
	margin: 0 auto 15px
}

.effect_data5 a {
	text-decoration: underline
}

.effect_data6 {
	width: 265px;
	height: 100px;
	margin: 0 auto 15px
}

#monster {
	width: 1110px;
	margin: 35px auto 0;
	font-size: 16px
}

#monster h2 {
	margin: 24px auto 24px;
	font-size: 48px;
	text-align: center
}

#monster div {
	text-align: center
}

#monster img {
	width: 1110px;
	height: 588px
}

#goodness {
	width: 1110px;
	margin: 0 auto;
	text-align: center
}

#goodness h2 {
	margin: 138px 0 54px;
	font-size: 48px
}

.goodness_data {
	line-height: 25px;
	width: 356px;
	height: 720px;
	margin-left: 14px;
	background: linear-gradient(to bottom, #171717 0, #000 100%)
}

.goodness_data h3 {
	margin: 0;
	padding: 36px 0 0
}

#news {
	widtH: 1110px;
	text-align: center;
	margin: 0 auto
}

#news h2 {
	margin: 138px auto 48px;
	font-size: 48px
}

.news_data {
	widtH: 356px;
	height: 280px;
	margin-left: 14px;
	text-align: center
}

.news_data_img {
	width: 356px;
	height: 207px
}

.news_data_text {
	width: 356px;
	height: 50px;
	padding: 24px;
	text-align: left
}

.news_data_data_title {
	width: 264px;
	height: 50px;
	font-size: 18px;
	font-weight: 600;
	line-height: 25px;
	margin-bottom: 12px;
	color: #fff
}

.news_data_data_text {
	width: 264px;
	height: 144px;
	font-weight: 400;
	color: #fff;
	line-height: 24px;
	overflow: hidden
}

.news_button {
	width: 119px;
	height: 32px;
	border-radius: 16px;
	border: 1px solid #fff;
	padding-top: 4px;
	margin: 42px auto 0
}

.news_button_text {
	font-weight: 600;
	color: #fff;
	line-height: 22px
}

.container {
	transition: all 1s
}