.whole {
	width: 100%;
}

.newsContent {
	width: 1440px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.mainBox {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.mainTexts {
	width: 100000000px;
	position: absolute;
	transition: margin-left 1s;
}

.mianText {
	vertical-align: top;
	float: left;
}

.mianTextLeft {
	width: 438px;
	display: inline-block;
	vertical-align: top;
}

.icons {
	width: 27px;
	height: 25px;
	display: inline-block;
	background-image: url(../images/timeIcon.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% 100%;
	vertical-align: middle;
}
.newsTime:hover .icons {
	background-image: url(../images/iconsHover.png);
}
.newsTime:hover .eventTime {
	color: #84d37a;
}
.newsTitle:hover {
	color: #84d37a;
}
.eventTime {
	display: inline-block;
	color: #767676;
	font-size: 14px;
	vertical-align: middle;
	margin-left: 5px;
}
.newsTitle {
	font-size: 30px;
	color: #3c3c3c;
	margin-top: 40px;
}
.newsIntroduct {
	color: #3C3C3C;
	margin-top: 30px;
	font-size: 15px;
}
.newsIntroduct p {
	text-indent: 2rem;
	line-height: 26px;
}
.newsClick {
	width: 53px;
	height: 53px;
	border-radius: 50%;
	background-image: url(../images/cliclImage.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% 100%;
	margin-top: 76px;
	margin-left: 5px;
	animation: font1 2s ease infinite both;
}

.mianTextRight {
	display: inline-block;
	vertical-align: top;
	margin-left: 73px;
	font-size: 0px;
}

.newsBox {
	display: inline-block;
	vertical-align: top;
}

.news {
	writing-mode: lr-tb;
	color: #84d37a;
	font-size: 43px;
	width: 40px;
	transform: rotate(90deg);
}
.mousePrompt {
	margin-top: 280px;
}

.mouse {
	width: 33px;
	height: 45px;
	background-image: url(../images/mouse.png);
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 30px;
	animation: font2 2s ease infinite both;
}

.mousePrompt p {
	color: #3c3c3c;
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
}

.newsImagesShow {
	width: 810px;
	height: 542px;
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% 100%;
}


/*大于320*/

@media screen and (min-width: 320px) {
	body {
		padding-bottom: 70px;
	}
	.newsContent {
		width: 94%;
		margin-top: 82px;
	}
	.mobileText {
		display: block;
	}
	.mainTexts {
		display: none;
	}
	.mobileBigTitle {
		text-align: center;
	}
	.bigtitle {
		color: #3c3c3c;
		font-size: 18px;
	}
	.stitle {
		color: #727275;
		font-size: 16px;
		margin-top: 10px;
	}
	.mobileContent {
		margin-top: 36px;
		font-size: 0;
	}
	.singleMobileText {
		border-bottom: 1px solid #f4f3f3;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.newsShowImage {
		width: 29%;
		height: 82px;
		display: inline-block;
		vertical-align: top;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 100% 100%;
	}
	.newsIntr {
		width: 68%;
		display: inline-block;
		vertical-align: top;
		margin-left: 3%;
	}
	.newstitle {
		color: #3C3C3C;
		font-size: 13px;
	}
	.newstime,
	.newstext {
		font-size: 10px;
		color: #272727;
		margin-top: 8px;
	}
	.newstext p {
		line-height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.returnTop {
		margin-top: 20px;
		text-align: right;
	}
	.returnImage {
		width: 36px;
		height: 36px;
		margin-left: 87%;
		background-image: url(../images/returnTop.png);
		background-repeat: no-repeat;
		background-size: cover;
		display: none;
	}
	.mousePrompt{
		display: none;
	}
}


/*大于768*/

@media screen and (min-width:768px) {
	body {
		padding-bottom: 70px;
	}
	.newsContent {
		width: 90%;
	}
	.newsShowImage {
		height: 140px;
	}
	.newstitle {
		font-size: 14px;
	}
	.newstext {
		font-size: 13px;
		margin-top: 20px;
	}
	.newstext p {
		line-height: 26px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
}


/*大于992*/

@media screen and (min-width:992px) {
	body {
		padding-bottom: 0px;
	}
	.newsContent {
		width: 970px;
		margin-top: 0px;
	}
	.mainBox {
		height: 80%;
		position: absolute;
		top: 50%;
	}
	.mainTexts {
		display: block;
	}
	.mainText {
		width: 970px;
		height: 416px;
		float: left;
	}
	.mainTexts:after {
		display: block;
		content: "";
		clear: both;
	}
	.mobileText {
		display: none;
	}
	.mianTextLeft {
		width: 400px;
	}
	.newsImagesShow {
		width: 430px;
		height: 416px;
		margin-left: 6px;
	}
	.mousePrompt {
		display: block;
		position: absolute;
		bottom: -2px;
		left: 497px;
	}
}

@media screen and (min-width:1200px) {
	.newsContent {
		width: 1170px;
	}
	.mainText {
		width: 1170px;
	}
	.mobileText {
		display: none;
	}
	.mianTextLeft {
		width: 456px;
	}
	.newsImagesShow {
		width: 522px;
		height: 353px;;
		margin-left: 6px;
	}
}


/*大于1280*/

@media screen and (min-width:1280px) {
	.newsTitle {
		font-size: 23px;
		color: #3c3c3c;
		margin-top: 17px;
	}
	.newsClick {
		width: 50px;
		height: 50px;
		margin-top: 35px;
	}
}


/*大于1400*/

@media screen and (min-width:1400px) {
	.newsContent {
		width: 1300px;
	}
	.mainText {
		width: 1440px;
		height: 542px;
	}
	.mobileText {
		display: none;
	}
	.mianTextLeft {
		width: 438px;
	}
	.newsImagesShow {
		width: 810px;
		height: 542px;
		margin-left: 6px;
	}
	.newsTitle {
		font-size: 30px;
		color: #3c3c3c;
		margin-top: 40px;
		line-height: 43px;
	}
	.newsClick {
		width: 53px;
		height: 53px;
	}
	.mousePrompt {
       position: absolute;
       bottom: 106px;
       left: 481px;
    }
}

@media screen and (min-width:1600px) {
	.newsContent {
		width: 1440px;
	}
	.mainText {
		width: 1440px;
		height: 542px;
	}
	.mobileText {
		display: none;
	}
	.mianTextLeft {
		width: 438px;
	}
	.newsImagesShow {
		width: 810px;
		height: 542px;
		margin-left: 6px;
	}
	.newsTitle {
		font-size: 30px;
		color: #3c3c3c;
		margin-top: 40px;
	}
	.newsClick {
		width: 53px;
		height: 53px;
		border-radius: 50%;
		background-image: url(../images/cliclImage.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 100% 100%;
		margin-top: 76px;
		margin-left: 5px;
		animation: font1 2s ease infinite both;
	}
}

@keyframes font1 {
	0% {
		transform: translateX(-3px);
	}
	25% {
		transform: translateX(3px);
	}
	50% {
		transform: translateX(-3px);
	}
	75% {
		transform: translateX(3px);
	}
	100% {
		transform: translateX(-3px);
	}
}

@keyframes font2 {
	0% {
		transform: translateY(-3px);
	}
	25% {
		transform: translateY(3px);
	}
	50% {
		transform: translateY(-3px);
	}
	75% {
		transform: translateY(3px);
	}
	100% {
		transform: translateY(-3px);
	}
}