.public-container {
    width: 1226px;
max-width: 1226px;
}
html{font-size: 100px;}


.btn-primary{background: #ff0000!important; border-color: #ff0000!important;}
.colorff6700{color: #ff0000!important;}


.public-site-header {width: 100%; box-shadow: 0 2px 10px 0 rgba(47,51,56,.08);}
.public-site-topbar{background: #f5f5f5; height: 40px; line-height: 40px; color: #373737;}
.public-site-topbar p{font-size: 14px;}

.public-site-header .head-user{height: 40px; text-align: right; color: #fff;display: flex; align-items: center; justify-content: flex-end;}
.public-site-header .head-user a{color: #373737; font-size: 14px; line-height: 30px; margin: 0 5px;}
.public-site-header .head-user a.topLog { max-width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.public-site-header-box{height: 105px;}
.public-site-header .public-container{height: 100%;}

.public-site-header .logo a {
  display: block;
  padding: 0px 0px;
  font-size: 28px;font-weight: bold;
  text-decoration: none;
}
.public-site-header .logo a:empty:before {
  content: "";
}
.public-site-header .logo img {
  max-height: 70px; display: block;
}

.public-site-header .topbar-info dl{position: relative;}
.public-site-header .topbar-info dl dt{display: flex; justify-content: center; align-items: center; height: 40px;}
.public-site-header .topbar-info dl dd{height: 0px; overflow: hidden; position: absolute; z-index: 999; top: 30px; left: 50%; margin-left: -75px; width: 130px; box-sizing: border-box;-webkit-transition: all .2s linear;transition: all .2s linear;}
.public-site-header .topbar-info dl dd .box{position: relative;  background: #fff; border-radius: 5px; margin-top: 12px;}
.public-site-header .topbar-info dl dd:after{content: ""; position: absolute; margin-left: 0; left: 50%; top: 1px; width: 0; height: 0; border-left: 6px solid transparent; border-bottom: 12px solid #fff; border-right: 6px solid transparent;}
.public-site-header .topbar-info dl:hover dd{height: 142px;}
.public-site-header .topbar-info dl dd .pic {background: #fff; width: 130px; height: 130px;border: 1px solid #d7d7d7;}
.public-site-header .topbar-info dl dd .pic img {width: 100%; display: block;}


.public-site-header .head-nav ul li {
  display: block;
  outline: none;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
}
.public-site-header .head-nav ul li>a {
  font-size: 16px;
  position: relative;
  display: block;
  padding: 0px 20px;
  color: #1f1f1f;
line-height:105px;height: 105px;
}

.public-site-header .head-nav ul li>a:hover {
  color: #fc0000;
}
.public-site-header .head-nav ul li.active>a {
  color: #fc0000;
}



.public-site-header .head-nav ul li .xiala {
  display: none;
  position: absolute;
left:0;
  z-index: 999;
  border-radius: 0px 0px 3px 3px;
  overflow: hidden; padding: 10px 0;
    top: auto;
    margin-top: -1px;
    overflow: hidden;
    width: 100%;
    padding: 0;
    cursor: default;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: none;
    transition: none;    box-shadow: 0 0 10px 2px #eee;
}
.public-site-header .head-nav ul li dl dt{display: flex; flex-wrap: wrap;margin-top: 30px;margin-bottom: 30px;}
.public-site-header .head-nav ul li dl dt a.active {
  color: #000;
}
.public-site-header .head-nav ul li dl dt a:hover {
  color: #000;
}
.public-site-header .head-nav ul li dl dt a {
  width: 270px;
  color: #666;
}
.public-site-header .head-nav ul li dl dt a .pic{
display: block;
    position: relative;
    width: 105px; height: 67px;
}
.public-site-header .head-nav ul li dl dt a .pic img{max-width: 100%; max-height: 100%;}
.public-site-header .head-nav ul li dl dt a .info{}
.public-site-header .head-nav ul li dl dt a h3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 100%;
    line-height: 1;}
.public-site-header .head-nav ul li dl dt a p{
display: flex; align-items: baseline; line-height: 1;color: #eb4552;
    }
.public-site-header .head-nav ul li dl dt a span{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1;}
.public-site-header .head-nav ul li dl dd{
    height: 265px;
    width: 310px;
}
.public-site-header .head-nav ul li dl dd img{}
.header_mask{
display: none;
position: absolute; z-index: 998; top: 145px; left: 0; 
    width: 100%;height: 100%;
    background: rgba(0,0,0,0.5);
}