.banner img {
	width: 100%;
}

.index-box {
	display: flex;
	margin-top: 4rem;
}

.index-box .left {
	width: 63.28%;
}

.index-box .left .img {
	position: relative;
	padding-bottom: 66.66%;
}

.index-box .left .img img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index-box .left .date-list {
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
}

.index-box .left .date {
	background-color: #192961;
	margin-right: 1px;
	text-align: center;
	width: 7rem;
	height: 7rem;
}

.index-box .left .date .t {
	font-size: 2.4rem;
	font-weight: bold;
	margin-top: 5px;
}

.index-box .left .date .t2 {
	font-size: 1.4rem;
}

.index-box .left .date.active {
	background-color: #179ff4;
}

.index-box .left .text {
	background-color: #f8f8f8;
	padding: 2rem 4rem;
}

.index-box .left .text .t {
	color: #222222;
	font-size: 1.8rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.index-box .left .text .t2 {
	color: #666666;
	font-size: 1.6rem;
	margin-top: 1rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.index-box .swiper-button-next {
	right: 0;
	background: url(../img/jy75_next.png) center no-repeat;
	background-color: #192961;
	width: 3.5rem;
	height: 3.5rem;
	bottom: 16rem;
	top: auto;
}

.index-box .swiper-button-prev {
	left: auto;
	right: 0;
	background: url(../img/jy75_prev.png) center no-repeat;
	background-color: #192961;
	width: 3.5rem;
	height: 3.5rem;
	bottom: 12.5rem;
	top: auto;
}

.index-box .swiper-button-next:hover,
.index-box .swiper-button-prev:hover{
	background-color: #179ff4;
}

.index-box .w{
	display: flex;
	flex-wrap: wrap;
}

.index-box .right{
	flex: 1;
	margin-left: 4rem;
}

.index-box .right ul li{
	background-color: #f8f8f8;
	padding: 2.6rem;
	margin-bottom: .8rem;
	padding-bottom: 1rem;
}

.index-box .right ul li:last-child{
	margin-bottom: 0;
}

.index-box .right ul li a{
	display: flex;
	flex-wrap: wrap;
}

.index-box .right ul li .date{
	background-color: #179ff4;
	width: 7rem;
	height: 7rem;
	text-align: center;
	color: #fff;
}

.index-box .right ul li .date .t{
	font-size: 2.4rem;
	font-weight: bold;
	margin-top: .5rem;
}

.index-box .right ul li .date .t2{
	font-size: 1.4rem;
}

.index-box .right ul li .text{
	flex: 1;
	margin-left: 2rem;
}

.index-box .right ul li .text .t{
	color: #222222;
	font-size: 1.6rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.index-box .right ul li .text .t2{
	color: #666666;
	font-size: 1.4rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 1rem;
}

.index-box .right ul li .text .img-on{
	display: none;
}

.index-box .right ul li .text .more{
	text-align: right;
}

.index-box .right ul li:hover .img-on{
	display: inline;
}

.index-box .right ul li:hover .img{
	display: none;
}

.index-box .right ul li:hover{
	background-color: #179ff4;
}

.index-box .right ul li:hover .date{
	background-color: #fff;
	color: #179ff4;
}

.index-box .right ul li:hover .text .t,
.index-box .right ul li:hover .text .t2{
	color: #fff;
}

.more-all a{
	color: #179ff4;
	font-size: 1.6rem;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: right;
	margin-top: 1rem;
}

.more-all img{
	margin-right: 1rem;
}

.more-all a:hover{
	text-decoration: underline;
}

.index-title{
	text-align: center;
}

.index-title .box{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 50rem;
	margin: 0 auto;
	border-bottom: 1px solid #ddd;
}

.index-title span{
	color: #222222;
	font-size: 3.6rem;
	font-weight: bold;
	position: relative;
	margin-right: 2rem;
}

.index-title span i{
	position: absolute;
	display: inline-block;
	width: 100%;
	background-color: #179ff4;
	height: .2rem;
	bottom: 0;
	left: 0;
}

.index-box2{
	margin: 8rem 0;
}

.index-box2 .picMarquee-left{
	margin-top: 6rem;
	position: relative;
}

.index-box2 .picMarquee-left .hd{
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.index-box2 .picMarquee-left .hd .next{
	position: absolute;
	right: 1rem;
	cursor: pointer;
	transform: translateY(-50%);
}

.index-box2 .picMarquee-left .hd .prev{
	position: absolute;
	left: 1rem;
	cursor: pointer;
	transform: translateY(-50%);
}

.index-box3{
	margin-bottom: 4rem;
}

.index-box3 ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 5rem;
}

.index-box3 ul li{
	width: 23.82%;
	margin-right: 1.57%;
	margin-bottom: 2rem;
}

.index-box3 ul li:nth-child(4n){
	margin-right: 0;
}

.index-box3 ul li .img{
	position: relative;
	padding-bottom: 66.55%;
}

.index-box3 ul li .img img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index-box3 ul li .img .date{
	position: absolute;
	width: 7rem;
	height: 7rem;
	text-align: center;
	right: 0;
	bottom: 0;
	background-color: rgba(23, 159, 244, .6);
	color: #fff;
}

.index-box3 ul li .img .date .t{
	font-size: 3rem;
}

.index-box3 ul li .img .date .t2{
	font-size: 1.4rem;
}

.index-box3 ul li .t3{
	color: #222222;
	font-size: 1.6rem;
	text-align: center;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	margin: 1rem 0;
}

.index-box4{
	background: url(../img/jy75_bg.png) center no-repeat;
	height: 78.1rem;
	box-sizing: border-box;
	padding-top: 8rem;
}

.index-box4 a{
	display: flex;
	flex-wrap: wrap;
}

.index-box4 .swiper-container{
	margin-top: 6rem;
}

.index-box4 .img{
	background-color: #f8f8f8;
	padding: 4rem;
	text-align: center;
	color: #222222;
	font-size: 1.8rem;
	padding-bottom: 2rem;
	box-sizing: border-box;
	width: 50%;
}

.index-box4 .img .image{
	position: relative;
	padding-bottom: 67.85%;
}

.index-box4 .img2{
	background-color: #fff;
	color: #179ff4;
}

.index-box4 .img .t{
	margin-top: 2rem;
}

.index-box4 .img img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: 0;
	top: 0;
}

.index-box4 .w{
	position: relative;
}

.index-box4 .swiper-button-next{
	background: url(../img/jy75_next2.png) center no-repeat;
	width: 7rem;
	height: 7rem;
	right: -11rem;
	top: 60%;
}

.index-box4 .swiper-button-prev{
	background: url(../img/jy75_prev2.png) center no-repeat;
	width: 7rem;
	height: 7rem;
	top: 60%;
	left: -11rem;
}

.index-box5{
	margin: 8rem 0;
}

.index-box5 .hot{
	display: flex;
	flex-wrap: wrap;
	margin-top: 6rem;
}

.index-box5 .hot .item{
	width: 31.25%;
	margin-right: 3.125%;
}

.index-box5 .hot .item:nth-child(3n){
	margin-right: 0;
}

.index-box5 .hot .item .img{
	padding-bottom: 71%;
	position: relative;
}

.index-box5 .hot .item .img img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index-box5 .hot .item .date{
	position: absolute;
	color: #ffffff;
	font-size: 1.6rem;
	background-color: #179ff4;
	padding: .5rem 1rem;
	left: 3rem;
	bottom: 0;
	transform: translateY(50%);
}

.index-box5 .hot .item .text{
	color: #222222;
	font-size: 1.8rem;
	background-color: #f4f4f4;
	padding: 4rem 3rem 2rem 3rem;
}

.index-box5 .hot .item a{
	position: relative;
}

.index-box5 .hot .item .hover-box{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #179ff4;
	color: #ffffff;
	box-sizing: border-box;
	padding: 4rem 3rem;
	opacity: 0;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.index-box5 .hot .item .hover-box .t{
	font-size: 1.6rem;
	border-bottom: 1px solid #fff;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}

.index-box5 .hot .item .hover-box .t2{
	font-size: 2rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.index-box5 .hot .item .hover-box .t3{
	font-size: 1.4rem;
	opacity: .6;
	margin-top: 5rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

.index-box5 .hot .item .hover-box .more{
	text-align: right;
	position: absolute;
	right: 3rem;
	bottom: 2rem;
}

.index-box5 .hot .item:hover .hover-box{
	opacity: 1;
}

.index-box5 ul{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}

.index-box5 ul li{
	background-color: #f4f4f4;
	line-height: 6rem;
	margin-top: 4rem;
}

.index-box5 ul li{
	width: 31.25%;
	margin-right: 3.125%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.index-box5 ul li:nth-child(3n){
	margin-right: 0;
}

.index-box5 ul li img{
	margin: 0 2rem;
}

.index-box5 ul li a{
	color: #222222;
	font-size: 1.6rem;
}

.index-box5 ul li a:hover{
	color: #179ff4;
}

.footer{
	background-color: #192961;
	padding: 5rem 0;
}

.footer .box{
	text-align: center;
	color: #ffffff;
	font-size: 1.6rem;
	line-height: 2;
	position: relative;
}

.footer .box img{
	position: absolute;
	right: 0;
	top: 0;
}

.zl-list{
	background-color: #fff;
	padding: 4rem;
	box-sizing: border-box;
	z-index: 9;
	position: relative;
	width: 95%;
	max-width: 1360px;
	margin: 0 auto;
	margin-top: -28rem;
}

.zl-list .title{
	background-color: #f8f8f8;
	line-height: 6rem;
	box-sizing: border-box;
	padding: 0 3rem;
	color: #666666;
	font-size: 1.6rem;
}

.zl-list .title a{
	color: #666666;
	font-size: 1.6rem;
	margin-left: .5rem;
}

.zl-list .title a:hover{
	color: #179ff4;
}

.zl-list .title a.active{
	color: #179ff4;
}

.zl-list ul{
	margin-top: 4rem;
}

.zl-list ul li{
	margin-bottom: 2rem;
	padding: 3rem;
	background-color: #f8f8f8;
	border-bottom: 1px solid #ddd;
}

.zl-list ul li a{
	display: flex;
}

.zl-list ul li:last-child{
	margin-bottom: 0;
}

.zl-list ul li .date{
	width: 7rem;
	height: 7rem;
	text-align: center;
	color: #fff;
	background-color: #179ff4;
	padding-top: .5rem;
	box-sizing: border-box;
}

.zl-list ul li .date .t{
	font-size: 2.4rem;
}

.zl-list ul li .date .t2{
	font-size: 1.4rem;
}

.zl-list ul li .text{
	flex: 1;
	margin-left: 2rem;
}

.zl-list ul li .text .t{
	color: #222222;
	font-size: 1.8rem;
	margin: 1rem 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.zl-list ul li .text .t2{
	color: #666666;
	font-size: 1.4rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.zl-list ul li .text .more{
	text-align: right;
}

.zl-list ul li .text .more .img-on{
	display: none;
}

.zl-list ul li:hover{
	background-color: #179ff4;
}

.zl-list ul li:hover .text .t,
.zl-list ul li:hover .text .t2{
	color: #fff;
}

.zl-list ul li:hover .date{
	background-color: #fff;
	color: #179ff4;
}

.zl-list ul li:hover .text .more .img-on{
	display: inline;
}

.zl-list ul li:hover .text .more .img{
	display: none;
}

.page {
	text-align: center;
	margin-top: 6rem;
}

.page a {
	box-sizing: border-box;
	padding: 0 1rem;
	min-width: 4rem;
	display: inline-block;
	background-color: #f4f4f5;
	color: #717377;
	font-size: 1.2rem;
	text-align: center;
	line-height: 3rem;
	border: 1px solid #ddd;
}

.page img {
	vertical-align: 1px;
	margin: 0 3px;
}

.page span {
	color: #777777;
	font-size: 1.4rem;
}

.page input {
	border: 1px solid #ddd;
	line-height: 3rem;
	width: 4rem;
}

.page a.on {
	background-color: #179ff4;
	color: #FFFFFF;
}

.page a:hover {
	background-color: #179ff4;
	color: #FFFFFF;
}

.page a .img-on{
	display: none;
}

.page a:hover .img-on{
	display: inline;
}

.page a:hover .img{
	display: none;
}

.zl-list{
	min-height: 40rem;
	margin-bottom: 4rem;
}

.zl-list .content{
	padding-top: 8rem;
}

.zl-list .content .title-n{
	text-align: center;
	color: #222222;
	font-size: 3rem;
	border-bottom: 1px solid #ddd;
	padding-bottom: 4rem;
	margin-bottom: 3rem;
}

.zl-list .content .title-n .t{
	font-weight: bold;
}

.zl-list .content .title-n .t2{
	color: #999999;
	font-size: 1.8rem;
	margin-top: 2rem;
}

.zl-list .content .text{
	color: #222222;
	font-size: 1.8rem;
	text-indent: 3.6rem;
}

.zl-list .content .text .tit{
	color: #192961;
	font-size: 2.4rem;
	font-weight: bold;
	margin: 4rem 0;
}

.index-box2 .picMarquee-left{
	overflow: hidden;
}

.index-box2 .picMarquee-left .bd li{
	width: 50%;
}