.footer_nav ul{
    width: 212px; 
}


/* 头部导航 */
.hf-header .header .hf-nav li{height:80px; text-align:center;margin-left:10px;float:left;}
.hf-header .header .hf-nav li a{min-height:80px; padding:10px 8px 0; color:#fff;font-size:16px;display:inline-block;font-family: "微软雅黑";}
.hf-header .header .hf-nav li a:hover, .header_hover .nav li a.hover{color:#ffffff;}
.hf-header .header .hf-nav li:nth-of-type(1){margin-left:0 !important;}
.hf-header .header_hover .hf-nav li{height:80px; text-align:center;margin-left:10px;float:left;}
.hf-header .header_hover .hf-nav li a{height:78px;padding:10px 8px 0;box-sizing:border-box;color:#333333;font-size:16px;display:inline-block;font-family: "微软雅黑";}
.hf-header .header_hover .hf-nav li a:hover, .header_hover .nav li a.hover{
	color:#438BFF;
  	border-bottom: 1px solid #438BFF;
} 
.hf-header .header_hover .hf-nav li:nth-of-type(1){margin-left:0 !important;}
.hf-header .nav-down {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
  position: absolute;
  top: 78px;
  display: none;
  /* padding: 40px 0; */
  min-height: 120px;
  line-height: 120px;
  z-index: 100;
  text-align: center;
  font-size: 0;
  left: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.hf-header .nav-tab {
  text-align: center;
}
.hf-header .nav-tab .active, .hf-header li a:hover{
   color:#438BFF !important;
}
.hf-header .nav-tab .active, .hf-header .nav-tab a:hover{
  color:#438BFF !important;
  border:0;
}
.hf-header .nav-tab a{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 18px;
  color: #333333 !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  cursor: pointer;
}
.hf-header .header_hover .hf-nav li .nav-tab a{
   min-height: 120px;
  display: initial;
}
.hf-header .header_hover .hf-nav li .nav-tab a:hover{
	border:0;
}
.hf-header .clearfix{
  zoom: 1;
}
.hf-header .nav-item {
  display: inline-block;
  width: 180px;
  margin: 0px 24px 0 0;
  font-size: 14px;
  line-height: 30px;
  color:#333333 !important;
  vertical-align: top;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hf-header .nav-images {
  position: relative;
  width: 100%;
  height: 120px;
  margin-bottom: 10px;
  border: 1px solid #EEEEEE;
}
.hf-header .nav-images img {
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		z-index: 1;
	}
  .hf-header .nav-item:hover {
    color:#0CCD8C !important;
  }
  .hf-header .nav-item:hover .nav-images img {
    transform: scale(1.05) translate(-50%, -50%);
    -webkit-transition: scale(1.05) translate(-50%, -50%);
	}
  .hf-header .header,.hf-header .header_hover{
    overflow: initial !important;
  }
  .hf-header .header .header_Panel .hf-nav,.hf-header .header_hover .header_Panel .hf-nav{
    min-height:70px;
    line-height:60px;
    float:right;
    margin-right:10%;
  }
  .hf-header .nav-li .nav-content{
    display: none;
    width: 1400px;
    margin: 0 auto;
  }
  .hf-header .nav-li .nav-content:nth-child(1){
    display: block;
  }
  .hf-header .nav-tab-text{
    width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid #C8C8C8;
  }
  .hf-header .nav-tab-text a{
    min-height: auto !important;
  }
  .hf-header .nav-content-text{
    width: 1200px;
    margin: 0 auto;
    text-align: left;
  }
  .hf-header .nav-content-text .nav-item{
    height: 40px !important; 
    min-height: auto !important;
  }
  .hf-header .nav-content-text .nav-item:hover{
    color:#0CCD8C;
  }
  .hf-header .nav-content-text .clearfix{
    /* padding: 20px 150px; */
  }
  .hf-header .header_hover .hf-nav li a.has-img{
    width: 180px;
    display: inline-block;
    line-height: 40px;
    height: 222px;
    padding-top: 38px;
    box-sizing:content-box;
  }
  .hf-header .header-img{
    width: 180px;
    height: 120px;
    background: #DCDCDC;
    margin-top: 14px
  }

.header .header_Panel .logo{
  background: url(../images/hf/index/logo.png) 0 0 no-repeat;
}
.header_hover .header_Panel .logo{
  background: url(../images/hf/index/logow.png) 0 0 no-repeat;
}


/* 关于稀土 */
.m_subtopic .subtopic_list li a.on{
  color: #212121;
  font-weight: bold;
}
.m_subtopic .subtopic_list li a:hover,.m_subtopic .subtopic_list li a.on{
  color: #212121;
  font-weight: bold;
}

.m_subtopic .subtopic_list li a.hvr-underline-from-left:before{
  background: #0CCD8C;
}
.m_main8{
  background:#fff;
}
.shu{
  position: relative;
  top: -2px;
}

/* 产品中心 */
.ckys .url{
  background: #003DD9 url(../images/hf/cpzx/shop.png) 22px 10px no-repeat;
  border-radius: 6px;
}
.ckys li:hover{
  background-color: #003DD9;
}
.m_case .case_top .g_info .text .txt{
  height: 126px;
  max-height: inherit;
}


.pagebar li.thisclass, .mypages ul li.thisclass a, .mypages ul li.thisclass a:hover {
  color: #fff;
  background-color: #003DD9;
}
.icase_panel{
  height:inherit;
  background: inherit;
}
.n_case .n_snav .list table td a:hover,.n_case .n_snav .list table td span{
  background:#fff;
  color: #003DD9 !important;
  height:inherit;
  line-height: inherit;
}
.n_case .n_snav .list table td a{
  cursor: pointer;
}
.n_case .n_snav .list table td a b{
  color: #003DD9;
}
