@charset "UTF-8";
/*basic css*/
html {font-family: sans-serif; }
/*内容全局多级通用css*/
*, ::after, ::before { box-sizing: border-box; }
* {margin: 0;  padding: 0; }
a{ color: -webkit-link; cursor: pointer;  text-decoration: none;}
ul, ol, li {list-style-type: none;}
img {border: 0;vertical-align: middle;max-width: 100%;}

/*固定css*/
.headNv{background:oklab(1 0 0 / 0.92);height: 40px;width: 100%;left: 0;right: 0;position: fixed;text-align: center;margin: auto;z-index: 9; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px 2px;}

/*搜索框固定css*/
.pa {position: absolute;top: 160px;width: 100%;height: auto;z-index: 3;}

 .headME{width:100%;height: 40px;max-width:1600px;margin: auto;display: flex;} 
 .headME .MEnav{width: 100%;height: 40px;min-width: 220px;float: left;display: inline-flex;}
 .headME .MEnav .MElogo{max-width: 116px;width: 100%;height: 56px;float:left;background-color: #bf0614;box-shadow: 0 0 6px 2px rgb(90 90 90 / 69%);position: relative;z-index: 51;}
 .headME .MEnav .MElogo img{max-width: 88px;width: 100%;height:auto;overflow: hidden;display: block;margin: auto;padding: 2;}
 .headME .MEnav ul{width:100%;height: 40px;min-width: 220px;float: left;}
 .headME .MEnav ul li{width: 100%;max-width: 12px; min-width: 90px; height: 40px;float:left;line-height: 40px;margin-left: 20px;text-align: center;}  
 .headME .MEnav ul li a{width: 96px;height: 40px;color: #111;display: inline-block;} 
 .headME .MEnav ul li a span{width: 96px;height: 40px;color: #111;display: inline-block;} 
 .headME .MEnav ul li:hover a{color:#333; font-weight:bold; }

.SContainer{width: 100%; margin: 0; position: relative; top: 0;}
/*搜索框固定css*/
 .pa {position: absolute;top: 160px;width: 100%;height: auto;z-index: 3;}
 /*左侧菜单CSS*/
 .LMEuser{width:100%; height:100%;}  
 .LMEuser .LMEuserImg{width: 96%; height: initial;  padding: 10px;  display: block; overflow: hidden; background-color: #efefef;  border-radius: 12px;} 
 .LMEuser .LMEuserImg a{float: left; width: 60px;  height: 60px;}
 .LMEuser .LMEuserImg a img{width:60px; height:60px; border-radius: 50%;padding: 2px; display: block; }
 .LMEuser .LMEuserImg .LMEm{float: left; width: 200px; padding: 4px 8px;  display: block;} 
 .LMEuser .LMEuserImg .LMEm span{width:100%; height:20px; line-height: 20px;color:#555; font-size:14px;}
 .LMEuser .LMEuserImg .LMEm p{width:100%; height:26px; line-height: 26px; color:#444; font-size:16px;} 
 
 .LMEuser .LMEermu{width:100%; height:auto;}  
 .LMEuser .LMEermu ul{width:100%; height:auto; } 
 .LMEuser .LMEermu ul li{width: 90%;height: 36px;margin: 15px;position: relative;/*display: block;*/overflow: hidden;left: 10px;top: 10px;}
 .LMEuser .LMEermu ul li:hover{background-color: #e2e2e2; left: 5px;}    
 .LMEuser .LMEermu ul li a p{width:120px;height: 30px;line-height: 30px;padding: 2px; color: darkslategray;display: block;position:relative;left: 26px;top:0;overflow: hidden;}
 .LMEuser .LMEermu ul li a span{width:24px;height:24px;display: block;position: absolute; left: 0;top: 6px;padding: 5px;overflow: hidden;}
 
 .LMEuser .MEico1{background: url("https://www.huining.net/svg/home.svg") no-repeat; display: inline-block; background-size: cover;}
 .LMEuser .MEico2{background: url("https://www.huining.net/img/zwfw.png") no-repeat; display: inline-block;  background-size: cover;}
 .LMEuser .MEico3{background: url("https://www.huining.net/svg/4fangkuai.svg") no-repeat; display: inline-block;  background-size: cover;}
 .LMEuser .MEico4{background: url("https://www.huining.net/svg/4fangkuai.svg") no-repeat; display: inline-block;  background-size: cover;}
 .LMEuser .MEico5{background: url("https://www.huining.net/svg/zixun.svg") no-repeat; display: inline-block;  background-size: cover;}

/** -- 弹左侧菜单CSS ---*/
.LMEtk {
  position: fixed;
  background-color: rgb(42 41 41 / 6%);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.LMEtk:target { visibility: visible;  opacity: 1; pointer-events: auto; }
.LMEtk > div {
  width:328px; height:100%;
  position: absolute;
  top: 0;
  left:0;
  -webkit-transform: translate(0%);
    transform: translate(0%);
  padding: 16px;
  background: #ffffff;
}

.LMEtk-close {
  height: 14px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 14px;
  text-decoration: none;
  background: url("https://www.huining.net/svg/close3x.svg");
  background-size: cover;
  cursor: pointer;
  transition: transform 0.4s ease-in-out;
  -webkit-transition: transform 0.4s ease-in-out;
  -moz-transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
}
.LMEtk-close:hover {color: black;  
   transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);}
/*--  弹出工具导航 ---*/
.MEdhtk {
  position: fixed;
  background-color: rgb(41 40 40 / 4%);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.MEdhtk:target { visibility: visible;  opacity: 1; pointer-events: auto; }
.MEdhtk > div {
  width:100%;
  max-width:1200px;
  height:auto;
  margin: auto;
  position: absolute;
  top: 56px;
  left:50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  padding: 20px 5px;
  background: #ffffff;
  border-radius: 8px;
}

.MEdhtk-close {
  height: 14px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 14px;
  text-decoration: none;
  background: url("https://www.huining.net/svg/close3x.svg");
  background-size: cover;
  cursor: pointer;
  transition: transform 0.4s ease-in-out;
  -webkit-transition: transform 0.4s ease-in-out;
  -moz-transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
}
.MEdhtk-close:hover {
   color: black;  
   transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);}

/** --  弹出导航 ---*/
.APPLM{ display: none;}
.meon { display: none;}

/*右侧悬浮快捷菜单css*/
.rotateOpen {
		transition: all 0.3s ease-out;
		transform: rotate(180deg); 
		-ms-transform: rotate(180deg); /* IE 9 */ 
		-webkit-transform: rotate(180deg); /* Safari and Chrome */ 
	}
.rotateClose {
		transition: all 0.3s ease-out;
		transform: rotate(0deg); 
		-ms-transform: rotate(0deg); /* IE 9 */ 
		-webkit-transform: rotate(0deg); /* Safari and Chrome */ 
	}
  #APPmenu{position: fixed;z-index: 9;bottom:76px;right: 10px;height: auto; cursor: pointer;}
 #omen{display: none;}
 .cl_me{
	 width: 50px;
	 height: 50px;
	 text-align:center;
	 opacity:0.6;
	 background:#555;
	 border-radius: 50%;
	 margin-bottom: 10px;
	 }
	.cl_me:hover{opacity:1; background: linear-gradient(to right, #dd0000, #b50000);}
	.cl_me a{width: 45px;  height: 45px;  display: inline-block;  margin: auto;  padding: 2px; text-decoration: none;}
	.cl_me a p{width:100%;height:20px;margin-top: 2px;color: white;font-size: 0.8em;}
	.cl_me a span{width:20px;height:20px;margin-top: 4px;display: inline-block;background-size: cover;}
	.ap_ico1{background: url("https://www.huining.net/img/ap_ico1.png") no-repeat; }
	.ap_ico2{background: url("https://www.huining.net/img/ap_ico2.png") no-repeat; }
	.ap_ico3{background: url("https://www.huining.net/img/ap_ico3.png") no-repeat; }
	.ap_ico4{background: url("https://www.huining.net/img/ap_ico4.png") no-repeat; }
	.ap_ico5{background: url("https://www.huining.net/img/ap_ico5.png") no-repeat; }
	.Meucd{height: 24px; width: 100%;color: white;font-size: 0.8em;}
	.Meucd span{width:20px;height:20px;margin-top: 5px;display: inline-block;background-size: cover; opacity:0.8;}
/* -- APP自适应css ---*/
@media screen and (max-width: 960px) {
 .LMEtk>div{ width: 70%!important;}
 .MEcon .MEnav ul li { max-width: 20%;}
  
}
@media screen and (max-width: 769px) {
 .LMEtk>div{ width: 80%!important;}

/*icon css*/
.APPico {
  background: url("http://www.huining.net/svg/home.svg") no-repeat;
  display: inline-block;
  background-size: cover;
}
.APPLMu a p {
  position: relative;
  font-size: 12px;
  color: #444;
}
.APPico2 {
  background: url("http://www.huining.net/svg/home.svg") no-repeat;
  display: inline-block;
  background-size: cover;
}
.APPico3 {
  background: url("http://www.huining.net/svg/home.svg") no-repeat;
  display: inline-block;
  background-size: cover;
}
.jdydtico {
  background: url("http://www.huining.net/img/jdydt.png") no-repeat;
  display: inline-block;
  background-size: cover;
}
.xczxico {
  background: url("http://www.huining.net/img/xczx.png") no-repeat;
  display: inline-block;
  background-size: cover;
}
}

@media screen and (max-width: 960px) {
 .LMEtk>div{ width: 70%!important;}
 .LMEtk>div{ width: 80%!important;}
}
@media screen and (max-width: 600px) {
 .LMEtk>div{ width: 100%!important;}
}