.content {
	width: 100%;
	position: relative;
	background-color: white;
}

.content .box {
	width: 73%;
	margin: 0 auto;
}

.content .box .top {
	width: 100%;
	padding-top: .81rem;
	position: relative;
}

.content .box .top .title .en {
	font-size: .3075rem;
	line-height: .3075rem;
	letter-spacing: -.015rem;
	color: #e8e8e8;
}

.content .box .top .title .cn {
	font-size: .24rem;
	line-height: .24rem;
	letter-spacing: -1px;
	color: #333333;
	margin-top: .1875rem;
}

.content .box .top .choose {
	position: absolute;
	right: 0;
	top: 1.095rem;
	z-index: 10;
}

.content .box .top .choose .years {
	width: 1.8rem;
	float: left;
	background-color: #f0f0f0;
}

.content .box .top .choose .years .years-box {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.content .box .top .choose .years .years-box::after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	float: none;
	clear: both;
}

.content .box .top .choose .years .years-box .years-value {
	font-size: .12rem;
	line-height: .45rem;
	color: #999999;
	margin-left: .1875rem;
	float: left;
}

.content .box .top .choose .years .years-box .icon {
	float: right;
	margin-right: .1875rem;
	width: .12rem;
	line-height: .45rem;
}

.content .box .top .choose .years .years-box .icon img {
	width: 100%;
	vertical-align: middle;
	transition: .3s;
}

.content .box .top .choose .years .years-box .icon.xz img {
	transform: rotate(180deg);
}

.content .box .top .choose .years ul {
	width: 100%;
	background-color: #f0f0f0;
	display: none;
}

.content .box .top .choose .years ul li {
	padding: .06rem .15rem;
	font-size: .12rem;
	line-height: .12rem;
	color: #999999;
}

.content .box .top .choose .years ul li:hover {
	background: #d6d6d6;
}

.content .box .top .choose .month {
	width: 1.8rem;
	float: left;
	height: .45rem;
	background-color: #f0f0f0;
	margin-left: .1125rem;
}

.content .box .top .choose .month .month-box {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.content .box .top .choose .month .month-box::after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	float: none;
	clear: both;
}

.content .box .top .choose .month .month-box .month-value {
	font-size: .12rem;
	line-height: .45rem;
	color: #999999;
	margin-left: .1875rem;
	float: left;
}

.content .box .top .choose .month .month-box .icon {
	float: right;
	margin-right: .1875rem;
	width: .12rem;
	line-height: .45rem;
}

.content .box .top .choose .month .month-box .icon img {
	width: 100%;
	vertical-align: middle;
	transition: .3s;
}

.content .box .top .choose .month .month-box .icon.xz img {
	transform: rotate(180deg);
}

.content .box .top .choose .month ul {
	width: 100%;
	background-color: #f0f0f0;
	display: none;
}

.content .box .top .choose .month ul li {
	padding: .06rem .15rem;
	font-size: .12rem;
	line-height: .12rem;
	color: #999999;
}

.content .box .top .choose .month ul li:hover {
	background: #d6d6d6;
}

.content .box .top .choose .button {
	width: 1rem;
	float: left;
	height: .45rem;
	background-color: #e84127;
	margin-left: .1125rem;
	transition: .3s;
	cursor: pointer;
}

.content .box .top .choose .button .text {
	font-size: .12rem;
	line-height: .45rem;
	color: #ffffff;
	text-align: center;
}

.content .box .top .choose .button:hover {
	background-color: rgba(232, 65, 39, .8);
}

.content .box .news {
	width: calc(100% + .3rem);
	/* margin-top: .5475rem; */
	margin-left: -.15rem;
}

.content .box .news::after {
	content: "";
	width: 0;
	height: 0;
	display: block;
	float: none;
	clear: both;
}

.content .box .news .left {
	width: 6.9rem;
	height: 4.61rem;
	float: left;
	margin: 0 .15rem;
}

.content .box .news .left .swiper-container {
	width: 100%;
	height: 100%;
	position: relative;
}

.content .box .news .left .swiper-container .swiper-slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.content .box .news .left .swiper-container .swiper-slide .news-box {
	width: 100%;
	height: 100%;
	position: relative;
}

.content .box .news .left .swiper-container .swiper-slide .news-box .img {
	width: 100%;
	height: 100%;
	position: relative;
}

.content .box .news .left .swiper-container .swiper-slide .news-box .img img {
	position: absolute;
	top: 0;
	left: -200px;
	right: -200px;
	margin: auto;
	height: 100%;
	transition: 2.4s;
}

.content .box .news .left .swiper-container .swiper-slide .news-box .text {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.content .box .news .left .swiper-container .swiper-slide .news-box .text .bg {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.content .box .news .left .swiper-container .swiper-slide .news-box .text .bg img {
	width: 100%;
	display: block;
	opacity: .6;
}

.content .box .news .left .swiper-container .swiper-slide .news-box .text .title {
	position: relative;
	font-size: .24rem;
	line-height: .28rem;
	color: #ffffff;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-left: .45rem;
	margin-right: .75rem;
	margin-bottom: .1725rem;
}

.content .box .news .left .swiper-container .swiper-slide .news-box .text .p {
	position: relative;
	font-size: .12rem;
	line-height: .225rem;
	color: #ffffff;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-left: .45rem;
	margin-right: .75rem;
	margin-bottom: .69rem;
}

.content .box .news .left .swiper-container .swiper-slide .news-box a {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.content .box .news .left .swiper-container .swiper-slide:hover .news-box .img img {
	transform: scale(1.1);
}

.content .box .news .left .swiper-container .swiper-pagination-fraction {
	bottom: .24rem;
	left: .45rem;
	width: auto;
	color: #e84127;
}

.content .box .news .left .swiper-container .swiper-pagination-fraction .swiper-pagination-current {
	color: white;
}

.content .box .news .left .swiper-container .swiper-button-next,
.content .box .news .left .swiper-container .swiper-button-prev {
	position: absolute;
	top: auto;
	bottom: .24rem;
	width: .09rem;
	height: .165rem;
	margin-top: auto;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	transition: .3s;
}

.content .box .news .left .swiper-container .swiper-button-next::after,
.content .box .news .left .swiper-container .swiper-button-prev::after {
	font-size: .165rem;
}

.content .box .news .left .swiper-container .swiper-button-next:hover,
.content .box .news .left .swiper-container .swiper-button-prev:hover {
	color: #e84127;
}

.content .box .news .left .swiper-container .swiper-button-prev {
	right: .6825rem;
	left: auto;
}

.content .box .news .left .swiper-container .swiper-button-next {
	right: .3rem;
	left: auto;
}

.content .box .news .left .swiper-container .line {
	position: absolute;
	right: .525rem;
	bottom: .24rem;
	width: .015rem;
	height: .15rem;
	background-color: #ffffff;
	opacity: .5;
	z-index: 10;
}

.content .box .news .right {
	float: left;
	width: 3.3rem;
	margin: 0 .15rem;
	margin-bottom: .3225rem;
	background-color: white;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .07);
	transition: .5s;
}

.content .box .news .right .img {
	display: block;
	width: 100%;
	height: 2.205rem;
	overflow: hidden;
	position: relative;
}

.content .box .news .right .img img {
	position: absolute;
	top: 0;
	left: -200px;
	right: -200px;
	margin: auto;
	height: 100%;
	transition: .5s;
}

.content .box .news .right .text {
	display: block;
	width: 100%;
	height: 2.04rem;
}

.content .box .news .right .text .time {
	font-size: .165rem;
	line-height: .165rem;
	color: #999999;
	margin-top: .36rem;
	margin-left: .2925rem;
	transition: .5s;
}

.content .box .news .right .text .title {
	font-size: .18rem;
	font-weight: bold;
	line-height: .22rem;
	color: #000000;
	margin-top: .2rem;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-left: .2925rem;
	margin-right: .2925rem;
	transition: .5s;
}

.content .box .news .right .text .p {
	font-size: .12rem;
	line-height: .225rem;
	color: #333333;
	margin-top: .2rem;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-left: .2925rem;
	margin-right: .2925rem;
	transition: .5s;
}

.content .box .news .right .text .button {
	margin-left: .2925rem;
	margin-top: .32rem;
	width: .9rem;
	height: .3rem;
	font-size: .12rem;
	line-height: .3rem;
	color: #999999;
	text-align: center;
	position: relative;
	transition: .5s;
}

.content .box .news .right .text .button::after {
	content: "";
	width: .0225rem;
	height: .3rem;
	background-color: #e84127;
	position: absolute;
	top: 0;
	left: 0;
	transition: .5s;
}

.content .box .news .right:hover {
	background-color: #e84127;
}

.content .box .news .right:hover .img img {
	transform: scale(1.1);
}

.content .box .news .right:hover .text .time {
	color: white;
}

.content .box .news .right:hover .text .title {
	color: white;
}

.content .box .news .right:hover .text .p {
	color: white;
}

.content .box .news .right:hover .text .button {
	background-color: #cd3821;
	color: white;
}

.content .box .news .right:hover .text .button::after {
	width: 0;
}

.content .box .news .list .item {
	float: left;
	width: 3.3rem;
	margin: 0 .15rem;
	margin-bottom: .3225rem;
	background-color: white;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .07);
	transition: .5s;
}

.content .box .news .list .item .img {
	display: block;
	width: 100%;
	height: 2.205rem;
	overflow: hidden;
}

.content .box .news .list .item .img img {
	width: 100%;
	transition: .5s;
}

.content .box .news .list .item .text {
	display: block;
	width: 100%;
	height: 1.44rem;
	padding-top: .36rem;
}

.content .box .news .list .item .text .time {
	font-size: .165rem;
	line-height: .165rem;
	color: #999999;
	margin-left: .2925rem;
	transition: .5s;
}

.content .box .news .list .item .text .title {
	font-size: .18rem;
	font-weight: bold;
	line-height: .22rem;
	color: #000000;
	margin-top: .2rem;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-left: .2925rem;
	margin-right: .2925rem;
	transition: .5s;
}

.content .box .news .list .item .text .p {
	font-size: .12rem;
	line-height: .225rem;
	color: #333333;
	margin-top: .2rem;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-left: .2925rem;
	margin-right: .2925rem;
	transition: .5s;
}

.content .box .news .list .item .text .button {
	margin-left: .2925rem;
	margin-top: .32rem;
	width: .9rem;
	height: .3rem;
	font-size: .12rem;
	line-height: .3rem;
	color: #999999;
	text-align: center;
	position: relative;
	transition: .5s;
}

.content .box .news .list .item .text .button::after {
	content: "";
	width: .0225rem;
	height: .3rem;
	background-color: #e84127;
	position: absolute;
	top: 0;
	left: 0;
	transition: .5s;
}

.content .box .news .list .item:hover {
	background-color: #147dbd;
}

.content .box .news .list .item:hover .img img {
	transform: scale(1.1);
}

.content .box .news .list .item:hover .text .time {
	color: white;
}

.content .box .news .list .item:hover .text .title {
	color: white;
}

.content .box .news .list .item:hover .text .p {
	color: white;
}

.content .box .news .list .item:hover .text .button {
	background-color: #cd3821;
	color: white;
}

.content .box .news .list .item:hover .text .button::after {
	width: 0;
}

@media screen and (max-width:1020px) {
	.content .box {
		width: 90%;
		margin: 0 auto
	}

	.content .box .top .title .en {
		font-size: .42rem;
		line-height: .42rem
	}

	.content .box .top .title .cn {
		font-size: .3rem;
		line-height: .3rem;
		letter-spacing: -1px;
		color: #333333;
		margin-top: .1875rem
	}

	.content .box .top .choose {
		position: relative;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		margin-top: .5rem
	}

	.content .box .top .choose::after {
		content: "";
		width: 0;
		height: 0;
		display: block;
		float: none;
		clear: both
	}

	.content .box .top .choose .years {
		width: 38%;
		height: .6rem
	}

	.content .box .top .choose .years .years-box .years-value {
		font-size: .25rem;
		line-height: .6rem
	}

	.content .box .top .choose .years .years-box .icon {
		width: .2rem;
		line-height: .6rem
	}

	.content .box .top .choose .years ul li {
		padding: .12rem .15rem;
		font-size: .25rem;
		line-height: .25rem;
		color: #999999
	}

	.content .box .top .choose .month {
		width: 38%;
		height: .6rem;
		margin-left: 2%
	}

	.content .box .top .choose .month .month-box .month-value {
		font-size: .25rem;
		line-height: .6rem
	}

	.content .box .top .choose .month .month-box .icon {
		width: .2rem;
		line-height: .6rem
	}

	.content .box .top .choose .month ul li {
		padding: .12rem .15rem;
		font-size: .25rem;
		line-height: .25rem;
		color: #999999
	}

	.content .box .top .choose .button {
		width: 20%;
		height: .6rem;
		margin-left: 2%
	}

	.content .box .top .choose .button .text {
		font-size: .25rem;
		line-height: .6rem
	}

	.content .box .news {
		width: 100%;
		margin-top: .5475rem;
		margin-left: 0
	}

	.content .box .news .left {
		width: 100%;
		height: 4.61rem;
		float: left;
		margin: 0
	}

	.content .box .news .left .swiper-container .swiper-slide .news-box .text .title {
		position: relative;
		font-size: .36rem;
		line-height: .42rem;
		font-weight: bold
	}

	.content .box .news .left .swiper-container .swiper-slide .news-box .text .p {
		position: relative;
		font-size: .25rem;
		line-height: .4rem
	}

	.content .box .news .left .swiper-container .swiper-pagination-fraction {
		bottom: .24rem;
		left: .45rem;
		width: auto;
		color: #e84127;
		font-size: .25rem
	}

	.content .box .news .right {
		float: left;
		width: 100%;
		margin: 0;
		margin-bottom: .3225rem;
		margin-top: .5rem
	}

	.content .box .news .right .img {
		display: block;
		width: 100%;
		height: 4.5rem;
		overflow: hidden
	}

	.content .box .news .right .text {
		display: block;
		width: 100%;
		height: 2.3rem
	}

	.content .box .news .right .text .time {
		font-size: .3rem;
		line-height: .3rem
	}

	.content .box .news .right .text .title {
		font-size: .36rem;
		font-weight: bold;
		line-height: .42rem
	}

	.content .box .news .right .text .p {
		font-size: .25rem;
		line-height: .4rem
	}

	.content .box .news .right .text .button {
		display: none
	}

	.content .box .news .list .item {
		float: left;
		width: 100%;
		margin: 0;
		margin-bottom: .3225rem;
		background-color: white;
		box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .07);
		transition: .5s
	}

	.content .box .news .list .item .img {
		display: block;
		width: 100%;
		height: 4.5rem;
		overflow: hidden
	}

	.content .box .news .list .item .text {
		display: block;
		width: 100%;
		height: 2.3rem
	}

	.content .box .news .list .item .text .time {
		font-size: .25rem;
		line-height: .25rem
	}

	.content .box .news .list .item .text .title {
		font-size: .36rem;
		font-weight: bold;
		line-height: .42rem
	}

	.content .box .news .list .item .text .p {
		font-size: .25rem;
		line-height: .4rem
	}

	.content .box .news .list .item .text .button {
		display: none
	}
}