#feature-tap {
	background: #ffffff;
	width: 100%;
	border-top: 1px solid #f0f0f0;
	box-shadow: 0px 1px 6px #d0d0d0;
}
#feature-tap>div {
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
	position: relative;
	justify-content: center;
	display: flex;
}
#feature-tap .tap {
	transition: 0.2s;
	display: flex;
	padding: 22px 40px;
	align-items: center;
	cursor: pointer;
	border-right: 1px solid #dddddd;
}
#feature-tap>div>div:last-child {
	border-right: unset;
}
#feature-tap .tap .tap-text{
	padding: 0px 24px;
}
#feature-tap .tap .tap-text::after {
	content: "";
	display: block;
	width: 31px;
	margin-top: 5px;
	border: 1px solid #000000;
}	
#feature-tap .tap .tap-text .text-title {
	font-size: 1.5em;
	color: #000000;
	margin-bottom: 9px;
	font-weight: 900;
}
#feature-tap .tap .tap-text .text-p p {
	line-height: 2;
	color: #6e6e6e;
}
#home-content {
	background: #eeeeee;
}
#home-content .content{
	width: 1200px;
	margin: 0 auto;
}
#home-content .content-promo .promo-tap .tap-nav {
	display: flex;
	align-items: center;
}
#home-content .content-promo .promo-tap .tap-nav .nav-title1 {
	margin-right: 20px;
	flex: 0 0 15%;
}
#home-content .content-promo .promo-tap .tap-nav .nav-title1 span{
	font-size: 1.8em;
	vertical-align: middle;
	padding: 0px 16px;
	color: #6e6e6e;
	font-weight: 700;
}
#home-content .content-promo .promo-tap .tap-nav .nav-title {
	width: 950px;
	line-height: 2;
}
#home-content .content-promo .promo-tap .tap-nav .nav-title ul{
	display: flex;
	/*justify-content: space-around;*/
}
#home-content .content-promo .promo-tap .tap-nav .nav-title ul li{
	cursor: pointer;
	font-size: 1.2em;
	height: 25px;
	width: 120px;
	color: #6a6a6a;
	text-align: center;
}
#home-content .content-promo .promo-tap .tap-nav .nav-title ul li:hover,
#home-content .content-promo .promo-tap .tap-nav .nav-title ul li.active
{
	color: #000000;
	border-bottom: 2px solid #f9a755!important;
	font-weight: 700;
    padding-bottom: 5px;
    box-sizing: content-box;
}
#home-content .content-promo .promo-tap .tap-nav .nav-more{
	font-size: 15px;
	color: #6e6e6e;
}
#home-content .content-promo .promo-tap {
	padding: 36px 0;
}
.nav-title1 img {
	vertical-align: middle;
}

#home-content .content-promo .promo-box ul
{
	display: flex;
	overflow: hidden;
}
#home-content .content .promo-box ul li {
	height: 245px;
    padding-bottom: 10px;
    box-sizing: content-box;
}
#home-content .content .promo-box ul li .box-view {
	margin: 8px 6px 20px 6px;
	width: 390px;
	height: 170px;
}
#home-content .content .promo-box ul li .box-view .view-text {
	padding: 10px;
	background: #ffffff;
	line-height: 1.5;
}
#home-content .content .promo-box ul li .box-view .view-text p{
	color: #000000;
    font-weight: 800;
}
#home-content .content .promo-box ul li .box-view img {
	height: 100%;
	width: 100%;
}
#home-content .content .content-main .main-banner>img{
	width: 1200px;
}
#home-content .content .content-main .main-title{
	align-items: center;
	margin: 36px auto;
	display: flex;
}
#home-content .content .content-main .main-title span{
	font-size: 1.8em;
	padding: 0px 16px;
	font-weight: 700;
	color: #6e6e6e;
}
#home-content .content .content-main .main-platform {
	padding: 22px 0;
	display: flex;
}
#home-content .content .content-main .main-platform .platform-box.two {
	-webkit-animation-delay: 0.3s; 
}
#home-content .content .content-main .main-platform .platform-box.three {
	-webkit-animation-delay: 0.5s; 
}
#home-content .content .content-main .main-platform .platform-box.four {
	-webkit-animation-delay: 0.7s; 
}
#home-content .content .content-main .main-platform .platform-box {
	margin: 0 10px;
	position: relative;
	cursor: pointer;
	transition: 0.2s;
}
#home-content .content .content-main .main-platform .platform-box .box-content{
	background: #ffffff;
}
#home-content .content .content-main .main-platform .platform-box .box-content .content-top{
	padding: 18px;
	position: relative;
}
#home-content .content .content-main .main-platform .platform-box .box-content .content-top .top-img{
	position: absolute;
	right: 11px;
	top: -30px;
}
#home-content .content .content-main .main-platform .platform-box .box-content .content-top .top-title{
	color: #ff9200;
	font-size: 1.3em;
	margin-top: 10px;
}
#home-content .content .content-main .main-platform .platform-box .box-content .content-top .top-title1::after {
	border: 1px solid #ff9200;
	content: "";
	display: block;
	margin: 5px 0 22px 0;
	width: 30px;
}
#home-content .content .content-main .main-platform .platform-box .box-content .content-top .top-title1{
	font-size: 1.6em;
	color: #545454;
	font-weight: 700;
}
#home-content .content .content-main .main-platform .platform-box .box-content .content-top .top-text{
	color: #545454;
	position: relative;
	line-height: 24px;
	height: calc(24px*3);
	overflow: hidden;
	text-align: justify;
}
#home-content .content .content-main .main-platform .platform-box .box-content .content-top .top-play{
	align-items: center;
	padding-top: 18px;
	display: flex;
}
#home-content .content .content-main .main-platform .platform-box .box-content .content-top .top-play .play-name{
	font-weight: bolder;
	color: #d0d0d0;
	flex: 1;
	font-size: 1.3em;
	white-space: nowrap;
}
#home-content .content .content-main .main-platform .platform-box .box-content .content-top .top-play .play{
	border: 1px solid #eeeeee;
	padding: 2px 10px;
	white-space: nowrap;
}
#home-content .content .content-main .main-platform .box-img>img{
   width: 100%;
}
.promo-box ul li .box-view{
	-webkit-animation-name: fadeInUp;
	-webkit-animation-duration: 0.7s;
	animation-name: fadeInUp;
	animation-duration: 0.7s;
	transition: 0.2s;
	animation-fill-mode: backwards;
}
.promo-box ul li .box-view:hover {
	box-shadow: 0px 0px 12px #adadad;
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
@-webkit-keyframes fadeInUp {
	from{
		opacity: 0;
		transform:translateY(50px);
	}
	to{
		opacity: 1;
		transform:translateY(0px);
	}
}
@keyframes fadeInUp {
	from{
		opacity: 0;
		transform:translateY(50px);
	}
	to{
		opacity: 1;
		transform:translateY(0px);
	}
}
.content-main .main-banner, .content-main .platform-box {
	-webkit-animation-name: scaleFadeIn; 
	-webkit-animation-duration: 0.9s; 
	animation-name: scaleFadeIn; 
	animation-duration: 0.9s;  
	animation-fill-mode: backwards;
}
#feature-tap .tap {
	display: flex;
	padding: 22px 40px;
	align-items: center; 
	-webkit-animation-name: scaleFadeIn; 
	-webkit-animation-duration: 0.9s; 
	animation-name: scaleFadeIn; 
	animation-duration: 0.9s;  
	animation-fill-mode: backwards;
}
#feature-tap .tap:hover, .content-main .platform-box:hover  {
	-ms-transform: scale(1.04);
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
}
/*keyframes*/
@-webkit-keyframes scaleFadeIn {
	from{
		opacity: 0;
		transform: scale(1.3);
	}
	to{
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes scaleFadeIn {
	from{
		opacity: 0;
		transform: scale(1.3);
	}
	to{
		opacity: 1;
		transform: scale(1);
	}
}