header{
	position: relative;
}
.mixer_nav{
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
}
.mixer_nav .container{
	position: relative;
}
.mixer_list{
	width: 26.5%;
	height: 3.938rem;
	line-height: 3.938rem;
	background-color: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 4;
	display: flex;
}
.mixer_list ul{
	display: flex;
	width: 76.5%;
	height: inherit;
	line-height: inherit;
	padding: 0 1.25rem;
}
.mixer_list ul li{
	width: 50%;
	height: inherit;
	line-height: inherit;
	text-align: center;
	font-size: 1.25rem;
	color: #666666;
	cursor: pointer;
	position: relative;
}
.mixer_list ul .mixer_active{
	color: #fe4901;
}
.mixer_list ul .mixer_active::after, .mixer_list ul li:not(.mixer-active):hover::after{
	content: "";
	display: inline-block;
	width: 2.188rem;
	height: 0.188rem;
	position: absolute;
	bottom: 0;
	background-color: #fe4901;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transition: all 0.5s;
	animation: stretch 0.5s;
}
.mixer_list span{
	font-size: 1.3rem;
	color: #fe4901;
	opacity: 0.8;
	animation: beating 2s linear infinite;
	transition: all;
	cursor: pointer;
}
.mixer_list span::before{
	display: inline-block;
	transform: rotate(90deg);
}
.newschart .container{
	padding: 2.75rem 0 2.625rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.newschart-left {
	width: calc(56.7% - 1.25rem);
	height: auto;
	transition: all 0.5s;
	transform-origin: left;
	transform: scaleX(1);
}
.enterprisedynamic{
	display: none;
	width: 0;
	transform: scaleX(0);
}
.newschart-right{
	width: calc(43.3% - 1.25rem);
	height: 20.625rem;
}
.newschart-left .dl {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: calc(100% / 3);
	position: relative;
	background-color: #fff;
	margin: 20px 0;
	transition: all .25s cubic-bezier(.17,.67,.69,.85);
	z-index: 1;
}

.newschart-left .dl.state2 .time {
	float: left;
	width: 85px;
	height: auto;
	position: relative;
	transition: all .4s
}

.newschart-left .dl.state2 .time:before {
	content: "";
	border-right: 2px solid #d9d9d9;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	transition: all .4s
}

.newschart-left .dl.state2 .time em {
	display: block;
	color: #ffb699;
	font-size: 1.998rem;
	text-align: center;
	line-height: 33px;
	letter-spacing: 3px;
	font-weight: 700;
	transition: all .4s
}

.newschart-left .dl.state2 .time span {
	display: block;
	color: #999999;
	font-size: 0.999rem;
	text-align: center;
	line-height: 15px;
	margin-bottom: 4px;
	transition: all .4s
}

.newschart-left .dl .dd {
	float: right;
	width: calc(100% - 120px);
	padding-right: 45px
}

.newschart-left .dl .dd:before {
	width: 8px;
	background: url(../img/news-list-ic1.png) no-repeat 0 0;
	opacity: 1
}

.newschart-left .dl .dd:after,.newschart-left .dl .dd:before {
	content: "";
	height: 14px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all .4s
}

.newschart-left .dl .dd:after {
	width: 25px;
	background: url(../img/news-list-ic2.png) no-repeat 0 0;
	opacity: 0;
	transform: translateX(-40px)
}

.newschart-left .dl .dd h3 {
	color: #333333;
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 7px;
	margin-top: -2px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: 550;
}

.newschart-left .dl .dd p {
	font-size: 0.874rem;
	color: #666666;
	letter-spacing: 0.038rem;
}

.newschart-left .dl .dd .tips span {
	display: inline-block;
	color: #ceced1;
	font-size: 13px;
	margin-right: 14px;
	line-height: 1
}

.newschart-left .dl:hover .dd:before {
	opacity: 0;
	transform: translateX(100px)
}

.newschart-left .dl:hover .dd:after {
	opacity: 1;
	transform: translateX(0)
}

.newschart-left .dl:hover.state2 .time:before {
	height: 0
}

.newschart-left .dl:hover .time em,.newschart-left .dl:hover .dd h3{
	color: #fe4901;
}

.newschart-left .dl:hover .time span {
	color: #515151;
}
.newschart-left .dl:hover .time:before{
	border-right: 2px solid #fe4901;
}

@media (min-width:100px) and (max-width:1023px) {
	.mixer_nav{
		position: initial;
	}
	.mixer_nav .container{
		display: flex;
		flex-direction: column;
		padding: 0;
	}
	.mixer_list{
		height: 3.5rem;
		order: 2;
	}
	.mixer_list ul li{
		font-size: 1rem;
		line-height: 3.5rem;
	}
	.mixer_list,.mixer_plate{
		position: initial;
		width: 100%;
		justify-content: space-around;
	}
	.mixer_plate ul{
		height: auto;
	}
	.mixer_plate ul li{
		height: 6.438rem;
	}
	.mixer_plate ul li:hover{
		height: 6.438rem;
	}
	.mixer_plate ul li.mixer_active{
		height: 6.438rem;
	}
	.mixer_mask{
		opacity: 0.7;
	}
	.mixer_plate ul li:hover .mixer_mask{
		opacity: 0.7;
	}
	.mixer_plate ul li:hover .mixer_deputy{
		padding: 0.5rem;
	}
	.mixer_plate ul li:hover .mixer_deputy p:nth-child(2){
		height: auto;
		line-height: 1rem;
		font-size: 0.875rem;
	}
	.mixer_plate ul li:hover .mixer_deputy p:nth-child(2) i.iconfont{
		transform: scaleX(1) rotate(180deg);
		margin-left: 0.5rem;
		display: none;
	}
	.mixer_deputy{	
		padding: 0.5rem;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.mixer_plate ul li:hover .mixer_deputy, .mixer_active .mixer_deputy{
		padding: 0.5rem;
	}
	.mixer_deputy p:nth-child(1){
		font-size: 1rem;
		height: auto;
		flex-direction: column;
		line-height: 2rem;
	}
	.mixer_deputy p:nth-child(1)>img{
		width: 2rem;
		height: 1.438rem;
		margin-right: 0;
	}
	.mixer_deputy p:nth-child(2){
		height: auto;
		line-height: 1rem;
		font-size: 0.875rem;
		display: none;
	}
	.mixer_deputy p:nth-child(2) i.iconfont{
		display: none;
	}
	.newschart .container{
		padding: 1rem 0;
		flex-direction: column;
	}
	.newschart-left{
		width: 100% !important;
		height: auto;
		margin-bottom: 0.5rem;
	}
	.newschart-right{
		width: 100%;
	}
	.newschart-left .dl{
		height: auto;
		justify-content: space-around;
		margin-bottom: 1rem;
	}
	.newschart-left .dl.state2 .time em{
		font-size: 1.6rem;
	}
	.newschart-left .dl .dd{
		padding-right: 0;
	}
	.newschart-left .dl .dd h3{
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		word-break: break-all;
		margin-bottom: 0;
	}
	.newschart-left .dl .dd p{
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
	}
	.newschart-left .dl .dd:after, .newschart-left .dl .dd:before{
		display: none;
	}
}