blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul {
    margin: 0;
    padding: 0
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 700
}

ul {
    list-style: none
}

button,input,select,textarea {
    margin: 0
}

*,:after,:before {
    box-sizing: inherit
}
table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0;
    text-align: left
}
.f-lft{
	float: left;
}
.f-rgt{
	float: right;
}
body{
	font-size: 16px;
	font-family: "Noto Sans SC", Heiti SC,Helvetica Neue,Helvetica,sans-serif;
	font-weight: 400;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%;
}
a {
    text-decoration: none
}

a:active,a:hover {
    color: #f0b036;
    text-decoration: none
}
.clearfix:after {
    visibility: hidden;
    content: ".";
    clear: both;
    height: 0;
    overflow: hidden;
    display: block
}
img{
	max-width: 100%;
	border: none;
}
.jker2022_aside .tops .right{
	position: relative;
	width: 100%;
}
.jker2022_aside .tops .right::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
}
.jker2022_aside .tops .right img,
.jker2022_aside .tops .right video{
	width: 100%;
	height: 100%;
}
.zhezhao{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.jker2022_aside .tops .left li{
	border-bottom: solid 1px #d0d0d0;
}
.jker2022_aside .tops .left li:last-child{
	border-bottom: none;
}
.titles{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	margin-bottom: 20px;
	font-weight: 500;
}
.titles::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 6px;
	background: linear-gradient(#18ffa9,#2674f0);
}
.titles span{
	display: block;
	width: 100%;
	line-height: 1.5;
	font-weight: 400;
}
.title2{
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}
.title2 .lines{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
}
.title2 h3{
	position: relative;
}
.gradient-text{
	background-image:-webkit-linear-gradient(130deg,#2674f0,#00bc91); 
	-webkit-background-clip:text; 
	-webkit-text-fill-color:transparent;
}
.big_img ul{
	display: flex;
	flex-wrap: wrap;
}
.article_imgs ul{
	display: flex;
	flex-wrap: wrap;
}
.article_imgs li a{

}
.article_imgs li a img{
	position: relative;
	aspect-ratio: 100 / 92;
}
.article_imgs li a p{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #064ca7;
	text-align: center;
	line-height: 1.2;
}
.article_imgs li a span{
	position: absolute;
	top: 5px;
	right: 5px;
	color: #000000;
	text-decoration: underline;
}
.gys .pc_niandu li a img{
	aspect-ratio: 100 / 34.54
}

/*
footer
*/
.index-ft{
	position: relative;
	top: -6px;
	padding-top: 6px;
	height: 180px;
	background-color: #f6ab00;
}
.ft-logo-img, .ft-logo-bt, .seo-menu-box, .ft-di{
	width: 62vw!important;
	margin: 0 auto;
	margin-top: 5px;
}
.ft-logo-img{
	display: block;
	height: 65px;
	background: url(/images/bottom_logo.png) no-repeat 0 17px;
	background-size: 187px 50px;

}
.ft-logo-bt{
	margin-bottom: 30px;
	color: #000;
}
.ft-di{
	font-size: 15px;
	text-align: right;
}
.ft-di a{
	margin-left: 30px;
	color: #000;
}
.ft-di span{
	margin-right: 50px;
	display: block;
	float: left;
	color: #000;
}
.i-beian{
	display: inline-block;
	margin-right: 5px;
	width: 18px;
	height: 20px;
	background: url(/images/jker/icon.png) no-repeat -6px -245px;
	vertical-align: middle;
}

@media (min-width:1081px) {
	body{
		background: url(/top50/special/2022/images/bg_pic.png) no-repeat 0 0 / contain;
		background-color: #01244a;
		color: #fff;
	}
	a{
		color: #fff;
	}
	.pc_show{
		display: block;
	}
	.banner{
		width: 100vw;
		height: 56.25vw;
	}
	.jker2022_footer{
		width: 100%;
		height: 13.54vw;
		overflow: hidden;
	}
	.jker2022_section,.jker2022_header{
		width: 100%;
		overflow: hidden;
		margin-top: -11vw;
	}
	.menus{
		width: 100vw;
		height: 4.16666vw;
		background: url(/top50/special/2022/images/nav_bg.PNG) no-repeat 0 0 / cover;
	}
	.navs{
		margin: auto;
		width: 62vw;
		height: 4.16666vw;
	}
	.navs ul{
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
	}
	.navs li{
		position: relative;
		padding: 0 19px;
		font-size: 1.0416666vw;
	}
	.navs li.active a{
		color: #f0b036;
		font-weight: 500;
	}
	.navs li.active::before{
		content: '';
		position: absolute;
		left: 50%;
		bottom: -4px;
		transform: translateX(-50%);
		width: 50%;
		height: 2px;
		background-color: #F0B036;
	}
	.navs li::after{
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 1px;
		height: 15px;
		background-color: #5293e3;
		transform: translateY(-50%);
	}
	.navs li:last-child::after{
		display: none;
	}
	.jker2022_aside{
		margin: auto;
		width: 62vw;
	}
	.jker2022_aside .tops{
		margin-top: 4.16666vw;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.jker2022_aside .tops .left{
		margin-right: 1.458vw;
		width: 50%;
	}
	.jker2022_aside .tops .left li:first-child{
		padding-bottom: 40px;
		border-bottom-color: #666;
	}
	.jker2022_aside .tops .left li:last-child{
		padding-top: 40px;
	}
	.jker2022_aside .tops .left li h3{
		font-size: 1.25vw;
		line-height: 1.66;
		font-weight: 500;
	}
	.jker2022_aside .tops .left li p{
		font-size: .9375vw;
		display: block;
		width: 100%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.jker2022_aside .imgs{
		margin-top: 4.16666vw;
	}
	.titles{
		padding-left: 2.083333vw;
	}
	.titles::before{
		height: 80%;
	}
	.titles h2{
		font-size: 1.6666vw;
	}
	.titles span{
		font-size: .9375vw;
		font-weight: 300;
	}
	.boxs{
		padding: 1.5625vw;
		background-color: #082b51;
	}
	.jker2022_aside .imgs .boxs ul{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.jker2022_aside .imgs .boxs ul li{
		width: 32%;
	}
	.jker2022_aside .imgs .boxs ul li p{
		margin-top: 6px;
		font-size: 1.1458333vw;
	}
	.jker2022_aside .imgs .boxs ul li p b{
		font-weight: 400;
	}
	.big_img{
		margin-top: 4.16666vw;
	}
	.big_img .pics{
		margin-bottom: 4.16666vw;
	}
	.title2{
		flex-wrap: wrap;
		padding-top: 3.6vw;
	}
	.title2 h3{
		position: absolute;
		top: 0;
		font-size: 1.5625vw;
	}
	.title2 .lines{
		left: 0;
		transform: none;
		width: 36.6vw;
	}
	.title2 span{
		position: absolute;
		right: 0;
		font-size: 1.09375vw;
	}
	.big_img ul{
		margin-top: 3.125vw;
		justify-content: center;
	}
	.big_img ul li{
		padding: 1vw 0;
		width: 30.6%;
		border: 4px solid;
		border-image: linear-gradient(#3fd9a0,#2674f0)30 30;
		margin-right: 1.5625vw;
		margin-bottom: 1.5625vw;
		text-align: center;
	}
	.big_img ul li:nth-child(3n){
		margin-right: 0;
	}
	.big_img ul li .pp{
		width: 80%;
	}
	.big_img ul li p{
		font-size: 1.0416666vw;
		padding: 0 0.875vw;
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.imgtext{
		margin-top: 4.16666vw;
		margin-bottom: 4.16666vw;
	}
	.article_imgs{
		margin-bottom: 4.16666vw;
	}
	.article_imgs:last-child{
		margin-bottom: 0;
	}
	.article_imgs li{
		/* margin-top: 2.083333vw; */
		margin-top: 2%;
		/* margin-right: 1.0416666vw; */
		margin-right: 1%;
		width: 23.6748%;
	}
	.article_imgs li:nth-child(4n){
		margin-right: 0;
	}
	.big_article ul{
		flex-wrap: nowrap;
	}
	.big_article li{
		margin-right: 2.083333vw;
		width: 50%;
	}
	.big_article .mobile_niandu {
		display: none;
	}
	.big_article li:last-child{
		margin-right: 0;
	}
	.article_imgs li a p{
		height: 2.6vw;
		font-size: 1.0416666vw;
	}
	.article_imgs li a span{
		font-size: .625vw;
	}
	.big_article li a span{
		font-size: .83333vw;
	}
}
@media (max-width:1080px) {
	body{
		background-color: #e2e2e2;
	}
	a{
		color: #000;
	}
	.m_show{
		display: block;
	}
	.jker2022_header .banner{
		width: 100vw;
		height: 137.6vw;
	}
	.jker2022_aside{
		padding: 0 20px;
	}
	.jker2022_aside .tops{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.jker2022_aside .tops .right{
		height: 52.8vw;
		background-color: #b2b2b2;
	}
	.jker2022_aside .tops .right .zhezhao span img{
		width: 9.86666vw;
		height: 9.86666vw;
	}
	.jker2022_aside .tops .left li{
		padding: 20px 0;
	}
	.jker2022_aside .tops .left li:last-child{
		border-bottom: none;
	}
	.jker2022_aside .tops .left li h3{
		font-size: 18px;
		line-height: 1.35;
		font-weight: 500;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		overflow: hidden;
		color: #fff;
		word-break: break-word;
	}
	.jker2022_aside .tops .left li p{
		margin-top: 6px;
		font-weight: 300;
		font-size: 3.1vw;
		color: #fff;
	}
	.jker2022_aside .imgs{
		margin-top: 80px;
	}
	.titles{
		padding-left: 25px;
		color: #080829;
	}
	.titles::before{
		height: 35px;
	}
	.titles h2{
		font-size: 5.06666vw;
		color: #030222;
	}
	.titles span{
		font-size: 2.93333vw;
		font-weight: 300;
	}
	.jker2022_aside .imgs .boxs li{
		margin-bottom: 25px;
	}
	.jker2022_aside .imgs .boxs li a{
		display: flex;
		align-items: center;
		align-content: space-between;
		height: 75px;
	}
	.jker2022_aside .imgs .boxs li a img{
		width: 145px;
		height: 75px;
	}
	.jker2022_aside .imgs .boxs li a p{
		display: flex;
		flex-wrap: wrap;
		padding-left: 15px;
		font-size: 2.93333vw;
		width: calc( 100% - 122px - 15px );
		height: 100%;
	}
	.big_img{
		margin-top: 60px;
	}
	.big_img .boxs .pics{
		margin-bottom: 20px;
		font-size: 0;
	}
	.title2 span{
		font-size: 2.4vw;
	}
	.title2 h3{
		font-size: 4.53333vw;
	}
	.big_article .pc_niandu {
		display: none;
	}

	.big_article .title2 .lines,.jkb .title2 .lines{
		left: 47%;
	}
	.jscxjj .title2 .lines,.gys .title2 .lines{
		left: 54%;
	}
	.title2 .lines img.m_show{
		margin-left: 14px;
	}
	.big_img ul li{
		margin: 0 2%;
		margin-top: 20px;
		width: 46%;
	}
	.big_img ul li a{
		display: block;
		position: relative;
		text-align: center;
	}
	.big_img ul li a .pp{
		position: relative;
		top: 5px;
		height: 100px;
	}
	.big_img ul li:nth-child(3) a .pp{
		top: 20px;
	}
	.big_img ul li:nth-child(4) a .pp{
		top: 10px;
	}
	.big_img ul li:nth-child(3),
	.big_img ul li:nth-child(4){
		margin-top: 0;
	}
	.big_img ul li a .m_show{
		position: absolute;
		top: 69px;
		z-index: -1;
	}
	.big_img ul li a p{
		position: relative;
		margin-top: 10px;
		padding: 2px 10px;
		font-size: 2.93333vw;
		line-height: 1.2;	
		font-weight: 500;
	}
	.big_img ul li a p::before{
		content: '';
		position: absolute;
		top: -2px;
		left: -2px;
		z-index: -1;
		width: 100%;
		height: 100%;
		border: solid 2px transparent;
		border-radius: 22px;
		background-image: linear-gradient(#e2e2e2, #e2e2e2), linear-gradient(to right, #3fd9a0,#2674f0);
		background-origin: border-box;
		background-clip: content-box, border-box;
	}
	.big_img ul li a p span{
		display: block;
		width: 100%;
	}
	.imgtext{
		margin-top: 60px;
	}
	.article_imgs{
		margin-bottom: 30px;
	}
	.article_imgs li{
		margin-top: 5.3333vw;
		margin-right: 5.3333vw;
		width: 47%;
	}
	.article_imgs li:nth-child(2n){
		margin-right: 0;
	}
	.article_imgs li a p{
		height: 8.26666vw;
		font-size: 2.6666vw;
		color: #fff;
	}
	.article_imgs li a span{
		font-size: 12px;
	}
	.index-ft {
		display: none;
	}
}
