﻿.news-page .header{

	position: absolute;

	top: 50px;

	left: 50px;

	right: 50px;

	z-index: 9;

}

.news-page .header .logo{

	float: left;

	width: 600px;

	height: 46px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-image: url(img/index_header_logo.png);

	background-position: center bottom;

}

.news-page .header .menu{

	float: right;

	width: 40px;

	height: 40px;

	background-repeat: no-repeat;

	background-size: 100% auto;

	background-image: url(img/index_header_menu.png);

	background-position: center bottom;

	cursor: pointer;

	position: relative;

}

.news-page .header .menu p{

	position: absolute;

	left: 0;

	top: 100%;

	margin-top: 10px;

	width: 100%;

	text-align: center;

	font-size: 14px;

	color: #333;

	font-weight: lighter;

}

.news-page .main{

	background-color: #fff;

	min-height: 100%;

	width: 100%;

	padding: 150px 0;

	position: relative;

}

/*?????????*/

.news-page.list .main .title{

	font-size: 36px;

	color: #333;

	margin-bottom: 70px;

	text-align: center;

}

.news-page.list .main ul{

	font-size: 0;

}

.news-page.list .main ul li{

	display: inline-block;

	vertical-align: top;

	width: 30.8%;

	margin-right: 3.8%;

	margin-bottom: 68px;

}

.news-page.list .main ul li:nth-child(3n){

	margin-right: 0;

}

.news-page.list .main ul li .img-box{

	position: relative;

	margin-bottom: 28px;

}

.news-page.list .main ul li .img-box img{

	width: 100%;
	height:270px;

}

.news-page.list .main ul li .img-box .time{

	position: absolute;

	right: 0;

	bottom: 20px;

	width: 114px;

	height: 94px;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-direction: column;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: center;

	-webkit-flex-direction: column;

	background-color: rgba(255,255,255,0.9);

}

.news-page.list .main ul li .img-box .time h5{

	font-size: 50px;

	color: #333;

	font-family: 'Noto Sans SC';

	font-weight: bold;

}

.news-page.list .main ul li .img-box .time p{

	font-size: 14px;

	color: #333;

	font-family: 'Noto Sans SC';

}

.news-page.list .main ul li:hover .img-box .time h5,.news-page.list .main ul li:hover .img-box .time p{

	color: #e60012;

}

.news-page.list .main ul li .text-box h5{

	font-weight: normal;

	font-size: 20px;

	color: #333;

	line-height: 34px;

	height: 68px;

	margin-bottom: 16px;

}

.news-page.list .main ul li:hover .text-box h5{

	color: #222;

}

.news-page.list .main ul li .text-box p{

	font-size: 14px;

	color: #666;

	line-height: 28px;

	height: 56px;

}

.news-page.list .main .more{

	display: block;

	margin: 0 auto;

	width: 140px;

	height: 50px;

	line-height: 48px;

	border: 1px solid #999;

	font-size: 16px;

	color: #999;

	text-align: center;

}

.news-page.list .main .more:hover{

	background-color: #e60012;

	color: #fff;

	border-color: #e60012;

}

/*?????????*/

.news-page.detail .main .inner{

	padding: 0 14.6%;

}

.news-page.detail .main .title{

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: space-between;

	width: 100%;

	margin-bottom: 50px;

}

.news-page.detail .main .title .time{

	width: 114px;

	height: 94px;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-direction: column;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: center;

	-webkit-flex-direction: column;

	background-color: #e60012;

}

.news-page.detail .main .title .time h5{

	font-size: 50px;

	color: #fff;

	font-family: 'Noto Sans SC';

	font-weight: bold;

}

.news-page.detail .main .title .time p{

	font-size: 14px;

	color: #fff;

	font-family: 'Noto Sans SC';

}

.news-page.detail .main .title h3{

	width: 83.8%;

	font-size: 28px;

	color: #333;

	font-weight: normal;

	line-height: 40px;

}

.news-page.detail .main .text-box{

	padding-bottom: 50px;

}

.news-page.detail .main .text-box img{

	width: 100%;

	margin-bottom: 5px;

}

.news-page.detail .main .text-box p{

	font-size: 16px;

	color: #666;

	line-height: 32px;

	margin-bottom: 0px;	

}

.news-page.detail .main .text-box p.align-right{

	text-align: right;

}

.news-page.detail .main .text-box p b{

	color: #333;

}

.news-page.detail .main .prev-next-box{

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: space-between;

}

.news-page.detail .main .prev-next-box a{

	display: block;

	border: 1px solid #ddd;

	width: 48%;

	padding: 25px;

	/*display: flex;*/

	align-items: center;

	justify-content: space-between;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: space-between;

}

.news-page.detail .main .prev-next-box a:hover{

	border-color: #e60012;

}

.news-page.detail .main .prev-next-box a h5{

	font-size: 18px;

	color: #333;

	font-weight: normal;

}

.news-page.detail .main .prev-next-box a p{

	width: 81.4%;

	font-size: 14px;

	color: #999;

	line-height: 26px;

	max-height: 52px;

}

/*???????????????*/

.news-page.yulu .main{

	background-color: #f4f4f4;

	padding: 150px 0 120px;

	overflow: hidden;

}

.news-page.yulu .main .inner{

	max-width: 1200px;

}

.news-page.yulu .main .title{

	font-size: 36px;

	color: #333;

	margin-bottom: 90px;

	text-align: center;

}

.news-page.yulu .part1{

	display: flex;

	align-items: stretch;

	justify-content: flex-start;

	-webkit-display: flex;

	-webkit-align-items: stretch;

	-webkit-justify-content: flex-start;

}

.news-page.yulu .part1 li{

	width: 50%;

	background-color: #fff;

	position: relative;

	transition: all 1s;

	-webkit-transition: all 1s;

	opacity: 0;

}

.news-page.yulu .part1 li:nth-child(odd){

	left: -100%;

}

.news-page.yulu .part1 li:nth-child(even){

	right: -100%;

}

.news-page.yulu .part1 li.active{

	opacity: 1;

}

.news-page.yulu .part1 li:nth-child(odd).active{

	left: 0;

}

.news-page.yulu .part1 li:nth-child(even).active{

	right: 0;

}

.news-page.yulu .part1 li.text{

	display: inline-flex;

	align-items: center;

	justify-content: center;

	-webkit-display: inline-flex;

	-webkit-align-items: center;

	-webkit-justify-content: center;

	padding: 0 5%;

}

.news-page.yulu .part1 li.img img{

	width: 100%;

}

.news-page.yulu .part1 li h5{

	font-size: 24px;

	color: #333;

	font-weight: normal;

	margin-bottom: 30px;

}

.news-page.yulu .part1 li p{

	font-size: 14px;

	color: #666;

	font-weight: lighter;

	line-height: 30px;

}

.news-page.yulu .part2{

	display: flex;

	align-items: stretch;

	justify-content: flex-start;

	flex-wrap: wrap;

	-webkit-display: flex;

	-webkit-align-items: stretch;

	-webkit-justify-content: flex-start;

	-webkit-flex-wrap: wrap;

}

.news-page.yulu .part2 li{

	width: 50%;

	background-color: #fff;

	text-align: center;

	padding: 115px 6.25%;

	position: relative;

	transition: all 1s;

	-webkit-transition: all 1s;

	opacity: 0;

}

.news-page.yulu .part2 li:nth-child(odd){

	left: -100%;

}

.news-page.yulu .part2 li:nth-child(even){

	right: -100%;

}

.news-page.yulu .part2 li.active{

	opacity: 1;

}

.news-page.yulu .part2 li:nth-child(odd).active{

	left: 0;

}

.news-page.yulu .part2 li:nth-child(even).active{

	right: 0;

}

.news-page.yulu .part2 li:nth-child(4n),.news-page.yulu .part2 li:nth-child(4n-3){

	background-color: #333;

}

.news-page.yulu .part2 h3{

	font-size: 28px;

	color: #e60012;

	font-weight: normal;

	margin-bottom: 24px;

	max-width: 100%;

}

.news-page.yulu .part2 li:nth-child(4n) h3,.news-page.yulu .part2 li:nth-child(4n-3) h3{

	color: #fff;

}

.news-page.yulu .part2 h4{

	font-size: 18px;

	line-height: 32px;

	margin-bottom: 48px;

	font-weight: normal;

	max-width: 100%;

}

.news-page.yulu .part2 li:nth-child(4n) h4,.news-page.yulu .part2 li:nth-child(4n-3) h4{

	color: #fff;

}

.news-page.yulu .part2 h5{

	font-size: 16px;

	color: #666;

	margin-bottom: 40px;

	font-weight: normal;

	max-width: 100%;

}

.news-page.yulu .part2 li:nth-child(4n) h5,.news-page.yulu .part2 li:nth-child(4n-3) h5{

	color: #fff;

}

.news-page.yulu .part2 p{

	font-size: 14px;

	color: #999;

	line-height: 34px;

	max-width: 100%;

}

.news-page.yulu .part2 li:nth-child(4n) p,.news-page.yulu .part2 li:nth-child(4n-3) p{

	color: #fff;

}

/*????????????*/

.news-page.lingxiu .main{

	padding: 150px 0 130px;

}

.news-page.lingxiu .main .title{

	font-size: 36px;

	color: #333;

	margin-bottom: 70px;

	text-align: center;

}

.news-page.lingxiu .main ul{

	font-size: 0;

}

.news-page.lingxiu .main ul li{

	width: 48%;

	margin-right: 4%;

	margin-bottom: 4%;

	background-color: #f4f4f4;

	transition: all 1s;

	-webkit-transition: all 1s;

	opacity: 0;

	top: -20px;

	position: relative;

	display: inline-block;

	vertical-align: top;

}

.news-page.lingxiu .main ul li.active{

	opacity: 1;

	top: 0;

}

.news-page.lingxiu .main ul li a{

	display: flex;

	align-items: stretch;

	justify-content: flex-start;

	-webkit-display: flex;

	-webkit-align-items: stretch;

	-webkit-justify-content: flex-start;

}

.news-page.lingxiu .main ul li:nth-child(even){

	margin-right: 0;

}

.news-page.lingxiu .main ul li:hover{

	background-color: #fff;

	box-shadow: 0 15px 30px rgba(0,0,0,0.1);	

}

.news-page.lingxiu .main ul li img{

	width: 36%;

}

.news-page.lingxiu .main ul li .text{

	width: 64%;

	padding: 0 5.33%;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-direction: column;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: center;

	-webkit-flex-direction: column;

}

.news-page.lingxiu .main ul li .text > div{

	border-bottom: 1px solid #e8e8e8;

	margin-bottom: 24px;

	padding-bottom: 28px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	-webkit-display: flex;

	-webkit-align-items: center;

	-webkit-justify-content: space-between;

	width: 100%;

}

.news-page.lingxiu .main ul li .text .name{

	font-size: 28px;

	color: #333;

	font-weight: normal;

}

.news-page.lingxiu .main ul li .text .name span{

	font-size: 16px;

	color: #999;

	margin-left: 6px;

}

.news-page.lingxiu .main ul li .text .time{

	font-size: 14px;

	color: #999;

	font-family: "Noto Sans SC";

}

.news-page.lingxiu .main ul li .text h5{

	font-size: 18px;

	color: #666;

	font-weight: normal;

	line-height: 32px;

	margin-bottom: 18px;

	max-height: 64px;

	transition: all 1s;

	-webkit-transition: all 1s;

}

.news-page.lingxiu .main ul li:hover .text h5{

	color: #e60012;

}

.news-page.lingxiu .main ul li .text p{

	font-size: 14px;

	color: #999;

	line-height: 30px;

	max-height: 90px;

}

.news-page.lingxiu .main .more{

	display: block;

	margin: 0 auto;

	width: 140px;

	height: 50px;

	line-height: 48px;

	border: 1px solid #999;

	font-size: 16px;

	color: #999;

	text-align: center;

}

.news-page.lingxiu .main .more:hover{

	background-color: #e60012;

	color: #fff;

	border-color: #e60012;

}

@media only screen and (max-width:1440px){
	


}

@media only screen and (max-width:1024px){
	
	#tt {
margin: auto;
width: 100%;
}
#tt .img {
	width:100%;
height:100%;
}

	.news-page .header{

		top: 0.9375rem;

		left: 0.9375rem;

		right: 0.9375rem;

	}

	.news-page .header .logo{

		width: 5.4375rem;

		height: 1.4375rem;

		margin-top: 0.3125rem;

		margin-left: 0.3125rem;

	}

	.news-page .header .menu{

		width: 1.25rem;

		height: 1.25rem;

	}

	.news-page .header .menu p{

	    margin-top: 0.1875rem;

	    font-size: 0.5625rem;

		white-space: nowrap;

	}

	.news-page .main{

		padding: 4.875rem 0 4.0625rem;

	}

	/*?????????*/

	.news-page.list .main .title{

		font-size: 1.3125rem;

		margin-bottom: 1.375rem;

	}

	.news-page.list .main ul li{

		width: 100%;

		margin-right: 0;

		margin-bottom: 2rem;

	}
	
	

	.news-page.list .main ul li .img-box{

		width: 100%;
	    height:75%;
		margin-bottom: 0.9375rem;

	}

	.news-page.list .main ul li .img-box .time{

		bottom: 1.25rem;

		width: 3.9375rem;

		height: 3.375rem;

	}

	.news-page.list .main ul li .img-box .time h5{

		font-size: 1.9375rem;

	}

	.news-page.list .main ul li .img-box .time p{

		font-size: 0.5625rem;

	}

	.news-page.list .main ul li .text-box h5{

		font-size: 0.875rem;

		line-height: 1.4375rem;

		height: auto;

		max-height: 2.875rem;

		margin-bottom: 0.4375rem;

	}

	.news-page.list .main ul li .text-box p{

		font-size: 0.625rem;

		line-height: 1.125rem;

		height: auto;

		max-height: 2.25rem;

	}

	.news-page.list .main .more{

		width: 6.25rem;

		height: 2.1875rem;

		line-height: 2.125rem;

		border: 0.03125rem solid #999;

		font-size: 0.75rem;

	}

	/*?????????*/

	.news-page.detail .main .inner{

		padding: 0;

	}

	.news-page.detail .main .title{

		margin-bottom: 1.5625rem;

	}

	.news-page.detail .main .title .time{

		width: 3.75rem;

		height: 3.4375rem;

	}

	.news-page.detail .main .title .time h5{

		font-size: 1.9375rem;

	}

	.news-page.detail .main .title .time p{

		font-size: 0.5625rem;

	}

	.news-page.detail .main .title h3{

		width: 78.5%;

		font-size: 1rem;

		line-height: 1.4375rem;

	}

	.news-page.detail .main .text-box{

		padding-bottom: 1.5625rem;

	}

	.news-page.detail .main .text-box img{

		margin-bottom: 0rem;

	}

	.news-page.detail .main .text-box p{

		font-size: 0.75rem;

		line-height: 1.3125rem;

		margin-bottom: 0.625rem;	

	}

	.news-page.detail .main .prev-next-box a{

		padding: 0.75rem;

		align-items: flex-start;

		-webkit-align-items: flex-start;

		justify-content: center;

		-webkit-justify-content: center;

		flex-direction: column;

		-webkit-flex-direction: column;

	}

	.news-page.detail .main .prev-next-box a:last-child{

		flex-direction: column-reverse;

		-webkit-flex-direction: column-reverse;

		align-items: flex-end;

		-webkit-align-items: flex-end;

	}

	.news-page.detail .main .prev-next-box a h5{

		font-size: 1rem;

		margin-bottom: 0.375rem;

	}

	.news-page.detail .main .prev-next-box a p{

		width: 100%;

		font-size: 0.75rem;

		line-height: 1.375rem;

		max-height: 4.125rem;

	}

	/*???????????????*/

	.news-page.yulu .main{

		padding: 4.8125rem 0 3.75rem;

	}

	.news-page.yulu .main .title{

		font-size: 1.3125rem;

		margin-bottom: 1.5rem;

	}

	.news-page.yulu .part1{

		display: block;

		-webkit-display: block;

	}

	.news-page.yulu .part1 li{

		width: 100%;

	}

	.news-page.yulu .part1 li.text{

		display: block;

		-webkit-display: block;

		padding: 2.1875rem;

	}

	.news-page.yulu .part1 li h5{

		font-size: 1rem;

		margin-bottom: 0.8125rem;

	}

	.news-page.yulu .part1 li p{

		font-size: 0.75rem;

		line-height: 1.5625rem;

	}

	.news-page.yulu .part2 li{

		padding: 2.4rem 1.25rem;

	}

	.news-page.yulu .part2 h3{

		font-size: 1.125rem;

		margin-bottom: 0.625rem;

	}

	.news-page.yulu .part2 h4{

		font-size: 0.75rem;

		line-height: 1.3125rem;

		margin-bottom: 1.6875rem;

	}

	.news-page.yulu .part2 h5{

		font-size: 0.875rem;

		margin-bottom: 1.25rem;

	}

	.news-page.yulu .part2 p{

		font-size: 0.5625rem;

		line-height: 1.125rem;

	}

	/*????????????*/

	/*.news-page.lingxiu .main{

		padding: 150px 0 130px;

	}

	.news-page.lingxiu .main .title{

		font-size: 36px;

		color: #333;

		margin-bottom: 70px;

		text-align: center;

	}

	.news-page.lingxiu .main ul{

		font-size: 0;

	}

	.news-page.lingxiu .main ul li{

		width: 48%;

		margin-right: 4%;

		margin-bottom: 4%;

		background-color: #f4f4f4;

		transition: all 1s;

		-webkit-transition: all 1s;

		opacity: 0;

		top: -20px;

		position: relative;

		display: inline-block;

		vertical-align: top;

	}

	.news-page.lingxiu .main ul li.active{

		opacity: 1;

		top: 0;

	}

	.news-page.lingxiu .main ul li a{

		display: flex;

		align-items: stretch;

		justify-content: flex-start;

		-webkit-display: flex;

		-webkit-align-items: stretch;

		-webkit-justify-content: flex-start;

	}

	.news-page.lingxiu .main ul li:nth-child(even){

		margin-right: 0;

	}

	.news-page.lingxiu .main ul li:hover{

		background-color: #fff;

		box-shadow: 0 15px 30px rgba(0,0,0,0.1);	

	}

	.news-page.lingxiu .main ul li img{

		width: 36%;

	}

	.news-page.lingxiu .main ul li .text{

		width: 64%;

		padding: 0 5.33%;

		display: flex;

		align-items: center;

		justify-content: center;

		flex-direction: column;

		-webkit-display: flex;

		-webkit-align-items: center;

		-webkit-justify-content: center;

		-webkit-flex-direction: column;

	}

	.news-page.lingxiu .main ul li .text > div{

		border-bottom: 1px solid #e8e8e8;

		margin-bottom: 24px;

		padding-bottom: 28px;

		display: flex;

		align-items: center;

		justify-content: space-between;

		-webkit-display: flex;

		-webkit-align-items: center;

		-webkit-justify-content: space-between;

		width: 100%;

	}

	.news-page.lingxiu .main ul li .text .name{

		font-size: 28px;

		color: #333;

		font-weight: normal;

	}

	.news-page.lingxiu .main ul li .text .name span{

		font-size: 16px;

		color: #999;

		margin-left: 6px;

	}

	.news-page.lingxiu .main ul li .text .time{

		font-size: 14px;

		color: #999;

		font-family: "Noto Sans SC";

	}

	.news-page.lingxiu .main ul li .text h5{

		font-size: 18px;

		color: #666;

		font-weight: normal;

		line-height: 32px;

		margin-bottom: 18px;

		max-height: 64px;

		transition: all 1s;

		-webkit-transition: all 1s;

	}

	.news-page.lingxiu .main ul li:hover .text h5{

		color: #e60012;

	}

	.news-page.lingxiu .main ul li .text p{

		font-size: 14px;

		color: #999;

		line-height: 30px;

		max-height: 90px;

	}

	.news-page.lingxiu .main .more{

		display: block;

		margin: 0 auto;

		width: 140px;

		height: 50px;

		line-height: 48px;

		border: 1px solid #999;

		font-size: 16px;

		color: #999;

		text-align: center;

	}

	.news-page.lingxiu .main .more:hover{

		background-color: #e60012;

		color: #fff;

		border-color: #e60012;

	}*/

}

@media only screen and (max-width:414px){

	

}
