/*--------------*/
.mlist_8{
	width:100%; 
}
.mlist8_sub li{
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
  margin: 5px;
  line-height:40px;
  height:40px;
  border-bottom: 1px dashed #ccc;
}
.mlist8_sub li:hover a{
  color: rgb(34, 62, 224);
}
.mlist8_sub li img{
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.mlist8_sub li a{
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  transition: color .3s ease;
}
.mlist8_sub li a h4{
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mlist8_sub li a span{
  width: 100px;
  padding-left: 10px;
}


/*--------------*/


.mlist_7{
	width:100%; 
	margin-bottom:10px;
}
.mlist7_sub{
  margin-bottom: 30px;
}
.mlist7_sub li{
  display: flex;
  align-items: center;
  padding: 4px;
  margin: 5px;
  line-height:25px;
  padding-top:10px;
  padding-bottom:5px;
  border-bottom: 1px dashed #ccc;
}
.mlist7_sub li img{
  width: 14px;
  height: 14px;
  margin-right: 18px;
}
.mlist7_sub li .content{
	width:100%;
}
.mlist7_sub li .content a{
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  transition: color .3s ease;
  padding-bottom: 3px;
}


.mlist7_sub li .content a span{

  padding-left: 10px;
  float:right;
}
.mlist7_sub li .content p{
  transition: color .3s ease;
  display: -webkit-box;
  overflow: hidden;  
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-indent:30px;
  padding-top:10px;
  padding-bottom:10px;
}

/*--------------*/

.mlist_10{
	width:100%;
	margin-bottom:10px;
}
.mlist10_sub{
  width: 1080px;
  margin: 0 auto;
  padding: 0;
  overflow:hidden;
}
.mlist10_sub li{
  float: left;
  margin: 30px;
}
.mlist10_sub li .image{
  width: 300px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
}
.mlist10_sub li .image:hover img{
  transform: rotateZ(5deg) scale(1.08);
}
.mlist10_sub li .image img{
  max-width: 100%;
  max-height: 100%;
  transform: rotateZ(0) scale(1);
  transition: transform 1s ease;
}
.mlist10_sub li .content{
  position: fixed;
  z-index: 9;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%) scale(0);
  width: 400px;
  padding: 15px;
  background-color: #eee;
  text-align: center;
  border-radius: 6px;
  box-shadow: 0 0 10px #aaa;
  opacity: 0;
  visibility: hidden;
  transition: all .4s ease;
}
.mlist10_sub li .content.opac{
  opacity: 1;
  visibility: visible;
  transform: translate(-50%,-50%) scale(1);
}
.mlist10_sub li .content img{
  max-width: 180px;
  max-width: 180px;
}
.mlist10_sub li .content h3{
  margin-top: 12px;
}
.mlist10_sub li .content p{
  text-align: left;
}
.mlist10_sub li .content button{
  outline: none;
  color: white;
  padding: 5px 15px;
  border: 1px solid  rgb(97, 224, 46);
  border-radius: 3px;
  background-color: rgb(97, 224, 46);
  cursor: pointer;
}

/*--------------*/

.main222 .mlist_9{overflow: hidden;}
.mlist_9{width:100%; }
.mlist9_sub{overflow: hidden;}
.mlist9_sub li{float: left;width: 25%;}
.mlist9_sub .item222{display: block; margin-top:20px; margin-left:20px;}
.mlist9_sub .item222 .imgg222{position: relative;overflow: hidden;padding-top: 75%;}
.mlist9_sub .imgg222 img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.mlist9_sub .imgg222 p{position: absolute;left: 0;bottom: 0;width: 100%;line-height: 30px;text-align: center;color: #fff;background-color: rgba(0,0,0,0.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mlist9_sub .item222 .imgg222:hover img{
	transform:scale(1.08);
-ms-transform:scale(1.08);  
-moz-transform:scale(1.08);     
-webkit-transform:scale(1.08);
-o-transform:scale(1.08); 
}
.mlist9_sub_More{
	width:100%;
	height:auto;overflow:hidden;
}
.mlist9_sub_More div{
	width:160px;
	height:35px;
	line-height:35px;
	box-shadow:0 0 10px #929191;
	margin:20px auto;
	text-align:center;
	border-radius:20px;
}

/*--------------*/

.mlist_12 {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-left: auto;
	margin-right:auto;
}


.mlist12_sub{
	width:100%;
	height:auto;overflow:hidden;
	line-height:35px;
	text-align:center;
	color:#c0a283;
}
.mlist12_sub h2{
	color:#333;
}
.mlist12_sub div{
	width:60px;
	height:2px;
	background:#c0a283;
	margin:0 auto;
}

.mlist12_sub_news{
	width:100%;
	height:auto;overflow:hidden;
}
.mlist12_sub_news .list{
	width:240px;float:left;
	margin:10px 10px;
	border-radius:10px;
	box-shadow:0 0 10px #cccccc;
}
.mlist12_sub_news .list:hover{box-shadow:0 0 10px #929191;}
.mlist12_sub_news .list dd{
	width:100%;
	height:210px;overflow:hidden;
	position:relative;
	text-align:center;
	padding-top:10px;
}

.mlist12_sub_news .list dd img{ max-height:195px; max-width:220px;}

.mlist12_sub_news .list dt{
	width:96%;
	height:auto;overflow:hidden;
	line-height:30px;
	margin:0 auto;
	text-align:center;
}
.mlist12_sub_news .list dt div{
	width:100%;
	height:40px;overflow:hidden;
	line-height:20px;
	color:#999;
	margin-bottom:10px;
}
.mlist12_sub_news .list dt a{color:#535252}
.zzIndex_News_More{
	width:100%;
	height:auto;overflow:hidden;
}
.zzIndex_News_More div{
	width:160px;
	height:35px;
	line-height:35px;
	box-shadow:0 0 10px #929191;
	margin:20px auto;
	text-align:center;
	border-radius:20px;
}


/*--------------*/
.mlist_6{
width:100%;
margin-right:auto;
margin-left:auto;
}
.mlist_6 ul li{
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #cccccc;
}
.mlist_6 ul li .img{
  float: left;
  width: 150px;
  height: 150px;
  border: 1px solid #ccc;
  padding: 3px;
  margin-right: 12px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mlist_6 ul li .img img{
	width:100%;
	height:100%;
  max-width: 100%;
  max-height: 100%;
}
.mlist_6 ul li .img a{
	width:100%;
	height:100%;
}
.mlist_6 ul li .content{
  float: left;
  height: 150px;
  width: calc(100% - 190px);
  overflow: hidden;
}
.mlist_6 ul li .content a{
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  transition: color .4s ease;
}
.mlist_6 ul li .content a:hover{
  color: rgb(54, 118, 236);
}

.mlist_6 ul li .content p{
  padding: 5px;
  line-height:25px;
  text-align: justify;
  display: -webkit-box;
  overflow: hidden;  
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.mlist_6 .biaoti{
font-weight:bold;
padding-top:5px;
}