/* header */
/* 页头定位*/
.nav_hear {position:fixed;z-index:999;top:0;left:0;right:0;width:100%; margin:auto; background-color:#FFFFFF;}
.head_heigth { height:110px;}
.header {width: 100%;}
.header .page { height:60px;  display: flex; justify-content: space-between; align-items: center;  white-space: nowrap;}
.header .logo { display: flex; align-items: center; height: 100%;}
.header .logo .text { margin-left: 25px; padding-left: 25px;  background: url(../images/logo-line.png) no-repeat left center; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.header .logo .text p {  font-size: 20px; color: #004b91; margin-top:4px;  font-weight: bold; line-height:2px;}
.header .logo .text span {  font-size: 14px;line-height:10px;  color: #666;}
.header .rgt {  display: flex;  height: 100%;  align-items: center;}
.header .hot-l {  padding-left: 60px;  background: url(../images/hhl-i.png) no-repeat 5px 24%;
  min-height: 42px;  display: flex;  flex-direction: column;  justify-content: center;  position: relative;}
.header .hot-l p {  color: #666;  font-size: 14px;  position: absolute;  top: 67%;  left: 0;
  font-weight: lighter;}
.header .hot-l span {  font-size: 20px;  line-height: 20px;  color: #004b91;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;}

/* nav */
.nav {
	background-color: #f2f2f2;  color: #222;
}
.nav-list {
  display: flex;
  position: relative;  color: #222;
}
.nav-list > li {
  flex: 1;
  display: flex;
  height: 40px;
  align-items: center;
  position: relative;color: #222;
}
.nav-list > li > a {
  width: 100%;color: #222;
  line-height: 40px;
  border-radius: 20px;
  text-align: center;
  font-size: 16px;
  position: relative;
  color: #222;
}
.nav-list > li .erji2 {
  width: 100%;
  background-color: #f9f9f9;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 999;
  display: flex;
  white-space: nowrap;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: 0 0;
  transition: all 0.3s linear;
}
.nav-list > li .erji2 ul {
  width: 100%;
  text-align: center;
}
.nav-list > li .erji2 ul li {
  border-bottom: 1px solid #ccc;
}
.nav-list > li .erji2 ul li a {
  line-height: 38px;
  font-size: 15px;
  color: #333;/* 下拉列文字颜色 */
}
.nav-list > li .erji2 ul li:hover {
	background-color: #C00;/* 下拉列表背景色 */
}
.nav-list > li .erji2 ul li:hover a {
  color: #fff;/* 下拉列鼠标指向文字颜色 */
}
.nav-list > li .erji2 ul li:last-child {
  border: none;
}
.nav-list > li:hover a {
  color: #FFF;/* 导航条鼠标指向颜色 */
}
.nav-list > li:hover .erji2 {
  opacity: 1;
  transform: scaleY(1);
  transition: all 0.3s linear;
}
.nav-list .active a {
  color: #FFF;/* 导航字体颜色 */
}
.nav-list_select a  {
  color: #fff;/* 导航字体颜色 */
}
.nav-list .block {
 background-color: #C00;/* 鼠标指向 */
  height: 40px;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
/* 幻灯片 */
.banner-box {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background: #eee;
}
.banner-box .banner-btn a {
  display: block;
  width: 49px;
  height: 104px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  transition: 0.3s all ease-in-out;
  z-index: 99;
}
.banner-box .banner-btn a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
.banner-box .banner-btn .prev {
  left: -50px;
  background: url(../images/banner-h.png) no-repeat 0 0;
}
.banner-box .banner-btn .next {
  right: -50px;
  background: url(../images/banner-h.png) no-repeat -49px 0;
}
.banner-box:hover .prev {
  left: 20px;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}
.banner-box:hover .next {
  right: 20px;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}