@charset "utf-8";

/* 新媒体列表 */
/* 
 * 新增功能
 * 1.列表模式
 * 2.数据统计 
*/
.jzgov-matrix-echarts{	width: 1400px;	height: 500px;}

.jzgov-matrix-banner{	height: 200px;	width: 100%;background-color: #f6f6f6;	margin-bottom: 40px;	border-radius: 10px;
	overflow: hidden;	background-image: url(../images/matrix-banner.jpg);	background-position: center;	background-size: cover;
	background-repeat: no-repeat;}

.jzgov-matrix-remark-case{	float: left;	width: 50%;	height: 160px;}
.jzgov-matrix-remark-desc p{text-indent: 2em;	color: #666;line-height: 35px;}
.jzgov-matrix-num-case{

	float: left;

	width: 20%;

	height: 100px;

	text-align: center;

}

.jzgov-matrix-num-case h2{

	line-height: 80px;

	font-size: 50px;

	color: #22A7F0;

	font-family:'Akzidenz-Grotesk-BQ';

}

.jzgov-matrix-num-case p{

	color: #999;

	font-size: 14px;

}

.jzgov-matrix-model{

	background-color: #ececec;

	height: 50px;

	width: 460px;

	margin: auto;

	border-radius: 25px;

	box-shadow: 0 10px 10px rgb(0 0 0 / 5%);

}

.jzgov-matrix-model-label{

	float: left;

	width:150px;

	height: 50px;

	line-height: 50px;

	text-align: center;

	cursor: pointer;

	border-radius: 25px;

	color: #666;

	margin-right: 5px;

}

.jzgov-matrix-model-label:last-child{

	margin-right: 0px;

}

.jzgov-matrix-model-label:hover{

	background-color: #0064A7;

	color: #fff;

}

.jzgov-matrix-model-label.jzgov-matrix-model-label-on{

	background-color: #22A7F0;

	color: #fff;

}



.jzgov-newmedia-matrix-area-on{

	background-color: #0064A7!important;

	color: #fff!important;

}

.jzgov-newmedia-matrix-type{

	min-height: 100px;

}

.jzgov-newmedia-matrix-type ul li{

	padding: 0px 20px;

	height: 40px;

	line-height: 40px;

	margin-right: 10px;

	background-color: #F6F6F6;

	float: left;

	display: inline-block;

	margin-bottom: 10px;

	cursor: pointer;

	color: #666;

}

.jzgov-newmedia-matrix-type ul li:hover{

	background-color: #0064A7;

	color: #fff;

}

.jzgov-newmedia-matrix-list{

	clear: both;

	min-height: 350px;

	text-align: center;

}

.jzgov-newmedia-matrix-box{

	text-align: center;

}

.jzgov-newmedia-case{

	height: 350px;

	width: 19.2%;

	margin-right: 1%;

	margin-bottom: 1%;

	display: inline-block;

	overflow: hidden;

	cursor: pointer;

	border-radius: 10px;

	background-color: #f6f6f6;

	position: relative;

}

.jzgov-newmedia-case:nth-child(5n+6){

	margin-right: 0px;

}

.jzgov-newmedia-case .jzgov-newmedia-case-tx{

	width: 100px;

	height: 100px;

	display: block;

	margin: 30px auto;

	border-radius: 50%;

	overflow: hidden;

}

.jzgov-newmedia-case h3{

	text-align: center;

	line-height: 40px;

	color: #666;

}

.jzgov-newmedia-case p{

	padding: 0px 15px;

	line-height: 20px;

	font-size: 12px;

	color: #999;

}

.jzgov-newmedia-case p span{

	font-weight: bold;

}

.jzgov-newmedia-case-qrcode{

	display: none;

	position: absolute;

	width: 100%;

	height: 350px;

	left: 0px;

	top: 0px;

	z-index: 100;

	background-color: rgba(0,100,167,0.85);

}

.jzgov-newmedia-case-qrcode img{

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -75px;

	margin-left: -75px;

	border-radius: 10px;

	width: 150px;

	height: 150px;

}

.jzgov-newmedia-case-qrcode h5{

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #fff;

	position: absolute;

	top: 30px;

	left: 0px;

	width: 100%;

	font-size: 16px;

}

.jzgov-newmedia-case:hover{

	background-color: rgba(0,100,167,0.95);

}

.jzgov-newmedia-case:hover .jzgov-newmedia-case-qrcode{

	display: block;

}

.jzgov-zw{

	clear: both;

	height: 50px;

	width: 100%;

}

.jzgov-newmedia-type-thumb{

	width: 20px;

	height: 20px;

	display: inline-block;

	border-radius: 5px;

	margin-right: 5px;

	line-height: 40px;

	vertical-align:middle;

}

.jzgov-matrix-label{

	display: inline-block;

	margin: 0px 10px;

	font-size: 12px;

	background-color: #0064A7;

	color: #fff;

	line-height: 20px;

	padding: 0px 5px;

	border-radius: 3px;

}

.jzgov-matrix-zhuti{

	margin-bottom: 10px;

	text-align: center;

}

.jzgov-matrix-zhuti .icon-renzheng{

	color: #49a3ff;

}

.jzgov-matrix-jianjie{

	position: absolute;

	bottom: 20px;

	height: 80px;

	overflow: hidden;

	text-overflow: ellipsis;

	-webkit-line-clamp: 4;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	text-indent: 2em;

	text-align: left;

}

.jzgov-newmedia-type-label{

	width: 20px;

	height: 20px;

	border-radius: 50%;

	position: absolute;

	top: 120px;

	left: 50%;

	margin-left: -10px;

}

.jzgov-matrix-nodata{

	height: 350px;

	width: 100%;

	background-image: url(../images/jzgov-nodata.png);

	background-repeat: no-repeat;

	background-position: center;

}

.jzgov-matrix-class-name{

	margin:50px auto;

	display: block;

	height: 80px;

	line-height: 80px;

	font-size: 30px;

	text-align: center;

	color: rgba(0,100,167,0.45);

	border-top: 1px solid #e6f3fc;

	border-bottom: 1px solid #e6f3fc;

	width: 30%;

}

/* 列表样式 */

.jzgov-matrix-table{

	width: 100%;

	border-collapse: collapse;

}

.jzgov-matrix-table thead{

	background-color: #e5f2ff;

	text-align: center;

}

.jzgov-matrix-table thead td{

	line-height: 60px;

	color: #0064A7;

	font-weight: bold;

}

.jzgov-matrix-table tbody td{

	line-height: 50px;

	color: #666;

}

.jzgov-matrix-table tbody tr:hover{

	background-color: #e5f2ff;

	color: #0064A7;

}

.jzgov-matrix-table tr td{

	border: 1px solid #ececec;

	padding: 0px 15px;

}

.jzgov-matrix-table-center{

	text-align: center;

}

.jzgov-matrix-table-bold{

	font-weight: bold;

}

.jzgov-matrix-table .icon-renzheng{

	color: #0064A7;

}

.jzgov-matrix-table-thumb{

	width: 15px;

	height: 15px;

	border-radius: 3px;

	display: inline-block;

	margin-right: 10px;

}

.jzgov-matrix-area-case{

	height: 120px;

	width: 19.2%;

	margin-right: 1%;

	margin-bottom: 1%;

	display: inline-block;

	overflow: hidden;

	cursor: pointer;

	border-radius: 10px;

	background-color: #f6f6f6;

	background-image: url(../images/matrix-area.png);

	background-position: bottom;

	background-size: cover;

	background-repeat: no-repeat;

}

.jzgov-matrix-area-case:nth-child(5n+6){

	margin-right: 0px;

}

.jzgov-matrix-area-case h3{

	text-align: center;

	line-height: 120px;

	color: #666;

	font-weight: 500;

	font-size: 18px;

}

.jzgov-matrix-area-case:hover{

	background-color: rgba(0,100,167,0.15);

}

.jzgov-matrix-area-case:hover h3{

	color: #0064A7;

}

/* 加载动画 */

.jzgov-matrix-loading-case {
    width: 200px;

    height: 200px;

	margin-top: 200px;

    position: relative;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    filter: url('../other/./#goo');

    animation: rotate-move 2s ease-in-out infinite;
}

.jzgov-matrix-loading-dot {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.jzgov-matrix-loading-dot-3 {
  background-color: #22A7F0;
}
.jzgov-matrix-loading-dot-2 {
  background-color: #10beae;
}
.jzgov-matrix-loading-dot-1 {
  background-color: #ffe386;
}

.jzgov-matrix-loading-dot-3 {
  background-color: #22A7F0;
  animation: dot-3-move 2s ease infinite;
}
@keyframes dot-3-move {
  20% {
    transform: scale(1)
  }
  45% {
    transform: translateY(-18px) scale(.45)
  }
  60% {
    transform: translateY(-90px) scale(.45)
  }
  80% {
    transform: translateY(-90px) scale(.45)
  }
  100% {
    transform: translateY(0px) scale(1)
  }
}

.jzgov-matrix-loading-dot-2 {
  background-color: #10beae;
  animation: dot-2-move 2s ease infinite;
}
.jzgov-matrix-loading-dot-1 {
  background-color: #ffe386;
  animation: dot-1-move 2s ease infinite;
}
@keyframes dot-2-move {
  20% {
    transform: scale(1)
  }
  45% {
    transform: translate(-16px, 12px) scale(.45)
  }
  60% {
    transform: translate(-80px, 60px) scale(.45)
  }
  80% {
    transform: translate(-80px, 60px) scale(.45)
  }
  100% {
    transform: translateY(0px) scale(1)
  }
}
@keyframes dot-1-move {
  20% {
    transform: scale(1)
  }
  45% {
    transform: translate(16px, 12px) scale(.45)
  }
  60% {
    transform: translate(80px, 60px) scale(.45)
  }
  80% {
    transform: translate(80px, 60px) scale(.45)
  }
  100% {
    transform: translateY(0px) scale(1)
  }
}

@keyframes rotate-move {
  55% {
    transform: translate(-50%, -50%) rotate(0deg)
  }
  80% {
    transform: translate(-50%, -50%) rotate(360deg)
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg)
  }
}



@media screen and (max-width:1440px ) {

	.jzgov-matrix-echarts{

		width: 1200px;

		height: 500px;

	}

}

@media screen and (max-width: 750px) {

	.jzgov-matrix-echarts{

		width: 300px;

		height: 400px;

	}

	.jzgov-matrix-echarts{

		width: 100%;

		height: 300px;

	}

	.jzgov-matrix-banner{

		height: 80px;

	}

	.jzgov-matrix-remark-case{

		width:100%;

	}

	.jzgov-matrix-remark-num{

		height: 60px;

	}

	.jzgov-matrix-remark-desc p{

		line-height: 25px;

		font-size: 14px;

	}

	.jzgov-matrix-num-case h2{

		font-size: 30px;

		line-height: 50px;

	}

	.jzgov-matrix-model{

		width: 100%;

		height: 40px;

	}

	.jzgov-matrix-model-label{

		width: 32.3333%;

		height: 40px;

		line-height: 40px;

		margin-right: 1%;

	}

	.jzgov-newmedia-case{

		width: 49%;

		height: 180px;

	}

	.jzgov-newmedia-case h3{

		font-size: 14px;

	}

	.jzgov-newmedia-case:nth-child(5n+6){

		margin-right: 1%;

	}

	.jzgov-matrix-jianjie{

		display: none;

	}

	.jzgov-newmedia-matrix-list{

		min-height: 180px;

	}

	.jzgov-matrix-class-name {

	    margin: 20px auto;

	    height: 40px;

	    line-height: 40px;

	    font-size: 20px;

	    width: 70%;

	}

	.jzgov-newmedia-case .jzgov-newmedia-case-tx{

		width: 50px;

		height: 50px;

		margin: 20px auto;

	}

	.jzgov-newmedia-type-label{

		top: 70px;

	}

	.jzgov-matrix-table tr td{

		line-height: 30px;

		font-size: 12px;

		padding: 0px 10px;

	}

	.jzgov-matrix-area-case{

		height: 50px;

		width: 49%;

	}

	.jzgov-matrix-area-case:nth-child(5n+6){

		margin-right: 1%;

	}

	.jzgov-matrix-area-case h3{

		line-height: 50px;

		font-size: 14px;

	}

	.jzgov-newmedia-case-qrcode h5{

		display: none;

	}

	.jzgov-newmedia-case-qrcode img{

		top: 0px;

		margin-top: 15px;

	}

}