.content {
	scroll-behavior: smooth;
}
.foot {
	display: none;
}
.menu.white i, .menu.white i:before, .menu.white i:after {
	background-color: #fff;
}
.menu.white span {
	color: #fff;
}
nav.open .menu i {
	background-color: transparent;
}
#newsList {
	width: 100vw;
	/*width: 960px;*/
	height: 100vh;
}
#newsList .swiper-wrapper {
	position: relative;
	z-index: -1;
}
#newsList .swiper-wrapper .swiper-slide {
	width: 960px;
	height: 100vh;
}
#newsList .swiper-wrapper .swiper-slide .mainPic {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
}
/*轮播背景*/
.newsWrapper .blurImg {
	width: 100%; height: 100%;
	position: absolute;
	top: 0; left: 0;
	background-image: url(../images/newsListPic01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; 
	transition: background 1.2s ease-in-out;
	filter: blur(.4rem) brightness(.7);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
/*文字部分 查看详情*/
.newsListText {
	z-index: 1
}
.newsListText .title {
	font-size: 1.1rem;
	color: #fff;
	position: absolute;
	top: 2.76rem; left: 50%;
	transform: translateX(-8rem);
	font-weight: bold;
	letter-spacing: 8px;
}
.newsListText .subTitle {
	font-size: .4rem;
	color: #fff;
	position: absolute;
	top: 4.28rem; left: 50%;
	transform: translateX(-8rem);
	letter-spacing: 2px;
}
.newsListText > div {
	opacity: 0;
}
.newsListText > div span {
	display: inline-block;
	transition: all 1.2s ease-in-out;
}
.newsListText .more {
	font-size: 12px;
	border: 1px solid #fff;
	border-radius: 6px;
	width: 1.1rem;
	height: .27rem;
	text-align: center;
	line-height: .27rem;
	position: absolute;
	transition: all 1s ease-in-out;
	z-index: 1;
	top: 80vh; left: 70vw;
	transform: translate(-1.2rem, .3rem);
}
.newsListText .more a {
	color: #fff;
}
.newsListText .BtnInvisible {
	opacity: 0;
}
/*View all*/
.newsListText .all {
	font-size: 13.5px;
	text-align: center;
	position: absolute;
	top: 50%;
	text-transform: uppercase;
	z-index: 1;
	transition: all .8s ease-in-out;
	top: 80vh; left: 70vw;
	transform: translate(.4rem, -.43rem);
}

.newsListText .all a {
	color: #fff;
	font-size: .14rem;
	display: inline-block;
	transition: all 1s ease-in-out;
	border: 1px solid #fff;
	padding: .1rem .15rem;
	border-radius: 4px;
}
/*滚动条数字*/
.newsWrapper > .swiper-pagination {
	font-size: 16px;
	color: #fff;
	width: 84px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	left: 70vw;
	top: 50%;
	transform: translate(.35rem, -50%);
}
.newsWrapper > .swiper-pagination span {
	background-color: unset;
	width: 100%;height: 60px;
	line-height: 60px;
	display: block;
}
.newsWrapper .swiper-pagination-bullet {
	opacity: .4;
}

.newsWrapper .swiper-pagination-bullet-active {
	opacity: 1;
}
/*左右箭头*/

.newsWrapper .swiper-button-prev,
.newsWrapper .swiper-button-next  {
	background-image: unset;
	color: #fff;
	position: absolute;
	font-size: .4rem;
	top: .22rem;
	width: 10%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	z-index: 3;
	opacity: 0;
	transition: opacity .5s ease-in-out;
}
.newsWrapper .swiper-button-prev {
	left: 0;
}
.newsWrapper .swiper-button-next {
	right: 0;
}
#newsList .swiper-button-disabled {
	opacity: 0;
}

#newsList:hover .swiper-button-prev,
#newsList:hover .swiper-button-next {
	opacity: 1;
}
#newsList:hover .swiper-button-disabled {
	opacity: 0;
}
.newsWrapper .swiper-button-prev:before,
.newsWrapper .swiper-button-next:before {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
}
/*clipbox 中心图片*/
.clipBox {
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0; left: 0;
	background-color: transparent;
	z-index: 1;
}
.clipBox > div {
	height: 100vh;
	position: absolute;
	top: 0; left: 0;
	display: none;
	background-color: #fff;
	z-index: 11;
	transition: all 3s cubic-bezier(0, 0.1, 0.25, 1);
}
.clipBox > div img {
	position: absolute;
	left: 50%; top: 50%;
	transform: translate(-50%, -50%);
	transition: transform 8s ease-in-out;
}
.clipBox .next {
	width: 100vw;
	display: block;
	clip-path: polygon(0% 20%, 0% 20%, 0% 80%, 0% 80%);
	transition: all 2s ease-in-out;	
}
.clipBox .cur {
	width: 100vw;
	display: block;
	clip-path: polygon(25% 20%, 75% 20%, 75% 80%, 25% 80%);
	transition: all 2s ease-in-out;	
}
.clipBox .prve {
	width: 100vw;
	display: block;
	clip-path: polygon(100% 20%, 100% 20%, 100% 80%, 100% 80%);
	transition: all 2s ease-in-out;	
}
.clipBox .scale {
	transform: scale(1) translate(-50%, -50%);
}
.clipBox .cur.up {
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	transition: all 4s cubic-bezier(0, 0.1, 0.25, 1);
}
.newsWrapper .clipClose {
	display: none;
	font-size: 46px;
	float: right;
	margin: 3% 8%;
	position: relative;
	z-index: 11;
}
.newsWrapper .clipClose:after {
	content: 'close';
	position: absolute;
	font-weight: bold;
	letter-spacing: 1px;
	right: 60px;
	font-size: 16px;
	line-height: 46px;
	color: #fff;
}
#newsList {
	width: 50vw;
	height: 60vh;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-30vw, -30vh);
}
/*ajax新闻列表*/
.content {
	width: 100%;
	height: 0;
	overflow-y: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	background-color: #fff;
	transition: all 1s ease-in-out;
	transform: translate(-50%, 100vh);
}
.newsAll {
	text-align: center;
	width: 1108px;
	margin: 0 auto;
}
.newsAll .top {
	display: flex;
	justify-content: space-between;
}
.newsAll .top span {
	font-family: 'Impact Regular';
	font-size: .3rem;
	line-height: .47rem;
	cursor: pointer;
	text-transform: uppercase;
	color: #3F3B3A;
}
.newsAll .top span:before {
	content: '\e607';
	font-family: 'iconfont';
	font-size: .24rem;
	line-height: .47rem;
	position: relative;
	top: -.02rem;
}
.newsAll .top select {
	width: 135px;
	height: 30px;
}
.newsAll .lists {
	width: 100%;
	margin: 1.1rem 0 0;
	position: relative;
}
.newsAll .lists center {
	font-size: 24px;
}
.newsAll .lists ul {
	font-size: 0;
	text-align: left;
}
.newsAll .lists ul li {
	width: 100%;	
	display: inline-block;
	margin-bottom: 46px;
	vertical-align: top;
}
.newsAll .lists ul li .img {
	width: 3.8rem;
	height: 2.3rem;
	float: right;
	position: relative;
	overflow: hidden;
}
.newsAll .lists .img img {
	width: 100%;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
}
.newsAll .lists .desc {
	height: 279px;
	box-sizing: border-box;
	position: relative;
	text-align: left;
	transition: all .3s ease-in-out;
}
.newsAll .lists .time {
	font-size: 24px;
	color: #231815;
	line-height: 1.5;
	font-family: 'fzlt';
	letter-spacing: 2px;
	font-weight: bold;
	position: absolute;
	left: 0;
}
.newsAll .lists .newsTitle {
	width: 4.9rem;
	font-size: .24rem;
	color: #000;
	line-height: 1.5;
	font-family: 'fzlt';
	letter-spacing: 2px;
	margin-top: 5px;
	padding-left: 2rem;
}
.newsAll .lists .newsTitle:hover {
	opacity: .8;
}
.newsAll .sort {
	font-size: .2rem;
	padding-left: 2rem;
	box-sizing: border-box;
	margin-top: 70px;
	color: #858585;
}
.newsAll .lists p {
	font-size: 9px;
	color: #231815;
	margin-top: .24rem;
	line-height: 1.5;
	display: none;
}
.newsAll .lists .more {
	display: none;
	width: 116px;
	height: 31px;
	font-size: 7px;
	text-align: center;;
	line-height: 31px;
	color: #3e3a39;
	position: absolute;
	left: 17px;
	bottom: 28px;
	border: 1px solid #d7d8d8;
	text-transform: uppercase;
}

.newsAll .page {
	text-align: center;
	font-size: 14px;
	color: #d9d9da;
	position: relative;
	display: inline-block;
	margin: 0 auto;
	margin: 66px 0;
}
.newsAll .page:before {
	content: '<';
	position: absolute;
	left: -35px;
	top: 50%;
	transform: translateY(-50%);
}
.newsAll .page:after {
	content: '>';
	position: absolute;
	right: -35px;
	top: 50%;
	transform: translateY(-50%);
}
.newsAll .page span {
	padding: 0 8px;
	color: #d9d9da;
	cursor: pointer;
}
.newsAll span.ym2 {
	color: #231815;
}


.newsViewPics {
	display: none;
}
.video {
	display: none;
}


@media screen and (max-width: 834px) {
.clipBox .cur {
	clip-path: polygon(5% 15%, 95% 15%, 95% 90%, 5% 90%);
}
.clipBox .prve {
	clip-path: polygon(100% 15%, 100% 15%, 100% 90%, 100% 90%);
}
.newsListText .more {
	top: unset; bottom: .15rem;
	left: .2rem;
	transform: translate(0,0);
}
.newsListText .all {
	left: 50%;
	top: unset; bottom: .2rem;
	transform: translateX(0);
}
.newsListText .all:before {
	width: .2rem;
	left: -.3rem;
}


.newsAll {
	width: 100%;
}
.newsAll .top {
	margin-top: .12rem;
}
.newsAll .top select {
	height: .3rem;
	margin-top: .1rem;
	margin-right: .2rem;
	background-color: #fff;
}
.newsAll .top span {
	margin-left: .1rem;
}
.newsAll .lists {
	margin: .2rem 0 .5rem 0;
}
.newsAll .lists ul li .img {
	width: 100%;
}
.newsAll .lists .newsTitle {
	width: 100%;
	text-align: center;
	font-size: .16rem;
	padding-left: 0;
	margin: 0;
	line-height: 3;
}
.newsAll .sort {
	display: none;
}
.newsAll .page {
	margin: 0;
}
.newsWrapper .swiper-button-prev {
	left: unset;
	right: .8rem;
}
.newsWrapper .swiper-button-next {
	left: unset;
	right: .2rem;
}










}
