/*
* @Author: sunjijing
* @Date:   2021-11-19 10:53:23
* @Last Modified by:   sunjijing
* @Last Modified time: 2021-11-19 10:53:23
*/
body { background: #fafafa; height: auto; }

/* 模块样式 */
.gray { background: #f6f6f6; }
.mkCon { width: 580px; }

/* banner区域 */
.bannerBox { width: 100%; position: relative; }
.bannerBox .header { position: absolute; top: 0; width: 100%; }

/* 内容区域 */
.content { padding: 60px 0; }

.position { padding: 15px 0; }
.position, .position * { font-size: 16px; line-height: 1.5em; color: #333; }
.position a:hover { color: #3c4be8; }

/* 视频资讯 */
.jlqBox { padding-top: 95px; }
.jlqCon { overflow: hidden; margin-bottom: 60px; }
.jlqList { width: 110%; } 
.jlqList li { float: left; width: 382px; height: 200px; margin-bottom: 25px; margin-right: 27px; border-radius: 8px; overflow: hidden; position: relative; }
.jlqList li a { display: block; } 
.jlqList li.first { width: 790px; height: 425px; float: left; }
.jlqList li .tit { font-size: 20px; padding-bottom: 10px; padding-top: 60px; background: url(/umainland/template/page/ndsxPage/txt_bg.png) repeat-x left bottom; position: absolute; bottom: 0; width: 100%; color: #fff; text-align: center; }
.jlqList li img { transform: scale(1, 1); transition: all ease-in-out 300ms; width: 100%; }
.jlqList li:hover img { transform: scale(1.1, 1.1); }
.jlqList li .pagename{ display: inline-block; width: 130px; height: 60px; background: #3d4be9; color: #fff; font-size: 20px; line-height: 60px; position: absolute; top: 0; right: 0; z-index: 2; text-align: center; }

/* 友情链接 */
.zpLink { overflow: hidden; padding: 10px 0; }
.zpUl { width: 110%; }
.zpUl li { width: 188px; float: left; margin-right: 12px; background: #fff; border: 1px solid #eee; overflow: hidden; }
.zpUl li img { transform: scale(1, 1); transition: all ease-in-out 300ms; width: 100%; }
.zpUl li:hover img { transform: scale(1.1, 1.1); }

/* 适配样式 */
@media screen and (min-width: 1600px) {
	.jlqList li { width: 445px; height: 235px; margin-bottom: 32px; margin-right: 32px; }
	.jlqList li.first { width: 922px; height: 500px; }
	.jlqList li .tit { font-size: 24px; }
	.jlqList li .pagename { width: 180px; height: 76px; line-height: 76px; font-size: 24px; }
	.zpUl { width: 100%; display: flex; justify-content: space-between; }
	.zpUl li { width: 16%; margin-right: 0; }
}

@media screen and (max-width: 1200px){
	.jlqList { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; }
	.jlqList li { width: 48%; margin-right: 0; height: 25vw; }
	.zpUl { width: 100%; display: flex; justify-content: space-between; }
	.zpUl li { width: 16%; margin-right: 0; }
}

@media screen and (max-width:1025px) {
	
}
@media screen and (max-width:769px) {
	.content { padding: 30px 0; }

	.jlqBox { padding-top: 30px; }
	.jlqCon { margin-bottom: 30px; }
	.jlqList li .tit { font-size: 16px; }
	.jlqList li .pagename { width: auto; height: auto; font-size: 14px; padding:0 10px; line-height: 3em; }
	.zpUl { flex-wrap: wrap; }
	.zpUl li { width: 31%; margin-bottom: 10px; }
}
@media screen and (max-width:561px) {
	.jlqList li { width: 100%; height: 50vw; }
	.zpUl li { width: 48%; }
}