@charset "utf-8";
.swiper-page{
	font-weight: bold;
	font-family: arial;
	font-size: 20px;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
}
.swiper-page .page-line{
	width: 18px;
	height: 2px;
	background: #bdbfc1;
	margin: 0 5px;
}
.swiper-page .cur-page{
	margin-left: 20px;
	color:#00a7ea;
}
.swiper-page .sum-page{
	margin-right: 20px;
}
.page-prev{
	background: url(../img/arrow_left2.png) no-repeat center center;
	background-size: 100% 100%;
	width: 10px;
	height: 14px;
	cursor: pointer;
}
.page-next{
	background: url(../img/arrow_right2.png) no-repeat center center;
	background-size: 100% 100%;
	width: 10px;
	height: 14px;
	cursor: pointer;
}
.page-prev,
.page-next{
	position: initial;
	transform: initial;
	margin-top: 0;
}
.page-prev:after,
.page-next:after{
	display: none;
}
.n1_box{
	width: 100%;
}
.n1_box .n1_content{
	padding-top: 140px;
	padding-bottom: 70px;
	border-bottom: 10px solid #f2f4f7;
}
.n1_box .n1_inner{
	height: 520px;
}
.n1_box .n1_left{
	height: 100%;
	width: 50%;
}
.n1_box .n1_right{
	height: 100%;
	width: 50%;
}
.n1_box .n1_right .img{
	display: none;
}
.n1_box .n1_title{
	font-size: 44px;
	line-height: 62px;
	font-weight: bold;
	margin-top: 50px;
    margin-right:30px;
}
.n1_box .n1_time{
	position: absolute;
	bottom: 0;
	left: 0;
	color:#e9eaeb;
}
.n1_box .n1_time{
	position: absolute;
	bottom: 0;
	left: 0;
	color:#e9eaeb;
	font-size: 80px;
	font-family: arial;
}
.n1_box .n1_time .year{
	color:#7f878f;
	font-size: 20px;
	opacity: 0.2;
}

.n2_box{
	width: 100%;
	padding-bottom: 140px;
}
.n2_box .n2_nav{
	margin-top: 70px;
	border-bottom: 10px solid #eceff4;
	width: calc((100% - 70px) / 3);
	margin-right: 35px;
	padding-bottom: 30px;
}
.n2_box .n2_nav:nth-child(3n){
	margin-right: 0;
}
.n2_box .n2_nav .n2_content{
	height: 300px;
}
.n2_box .n2_nav .n2_nav_title{
	font-size: 30px;
	line-height: 46px;
	font-weight: bold;
}
.n2_box .n2_nav .n2_arrow{
	margin-top: 30px;
}
.n2_box .n2_nav .img2{
	display: none;
}
.n2_box .n2_nav:hover .img1{
	display: none;
}
.n2_box .n2_nav:hover .img2{
	display: block;
}
.n2_box .n2_nav .n2_time{
	color:#e9eaeb;
	font-size: 80px;
	font-family: arial;
}
.n2_box .n2_nav .n2_time .year{
	color:#7f878f;
	font-size: 20px;
	opacity: 0.2;
}

.product_page{
	margin-top: 100px;
}
/*响应式适配*/

@media screen and (max-width: 1861px) {
	
}
@media screen and (max-width: 1681px) {
	.n1_box .n1_title{
		font-size: 30px;
		line-height: 48px;
	}
	.n1_box .n1_time,
	.n2_box .n2_nav .n2_time{
		font-size: 50px;
	}
	.n1_box .n1_time .year,
	.n2_box .n2_nav .n2_time .year{
		font-size: 18px;
	}
	
	.n2_box .n2_nav .n2_nav_title{
		font-size: 20px;
		line-height: 36px;
	}
}
@media screen and (max-width: 1450px) {
	.n1_box .n1_inner{
		height: 420px;
	}
	.n2_box .n2_nav .n2_content{
		height: 240px;
	}
	.n2_box{
		padding-bottom: 100px;
	}
	.product_page{
		margin-top: 80px;
	}
}
@media screen and (max-width: 1335px) {
	
}
@media screen and (max-width: 1200px) {
	
}
@media screen and (max-width: 1100px) {
	.n1_box .n1_title{
		font-size: 20px;
		line-height: 30px;
	}
	.n1_box .n1_time,
	.n2_box .n2_nav .n2_time{
		font-size: 40px;
	}
	.n1_box .n1_time .year,
	.n2_box .n2_nav .n2_time .year{
		font-size: 14px;
	}
	.n1_box .n1_inner{
		height: 320px;
	}
	.n1_box .n1_content{
		padding-top: 80px;
		padding-bottom: 40px;
	}
	.n1_box .n1_content{
		border-bottom-width: 5px;
	}
	.n2_box .n2_nav .n2_nav_title{
		font-size: 16px;
		line-height: 24px;
	}
	.n2_box .n2_nav{
		margin-top: 50px;
		border-bottom-width: 5px;
	}
}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 768px) {
	.n1_box .n1_content{
		padding-top: 25px;
		padding-bottom: 24px;
		border-bottom-width: 3px;
	}
	.n1_box .n1_inner{
		display: block;
		height: auto;
	}
	.n1_box .n1_left{
		width: 100%;
	}
	.n1_box .n1_right{
		width: 100%;
	}
	.n1_box .n1_time{
		position: initial;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.n1_box .n1_right .img{
		display: block;
		width: 100%;
	}
	.n1_box .n1_title{
		margin-top: 30px;
	}
	.product_page{
		margin-top: 30px;
	}
	.n2_box{
		padding-bottom: 30px;
	}
	.n2_box .n2_inner{
		display: block;
	}
	.n2_box .n2_nav{
		width: 100%;
		margin-right: 0;
		padding-bottom: 15px;
		margin-bottom: 15px;
		margin-top: 15px;
		display: block;
		border-bottom-width: 3px;
	}
	.n2_box .n2_nav .n2_content{
		height: auto;
	}
	.n2_box .n2_nav .n2_arrow{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.n2_box .n2_nav .n2_arrow .img{
		width: 26px;
	}
	.n1_box .n1_time,
	.n2_box .n2_nav .n2_time{
		font-size: 24px;
	}
	.swiper-page{
		font-size: 16px;
	}
}
@media screen and (max-width: 414px) {
	
}