.public-container {

    width: 1226px;

max-width: 1226px;

}

html{font-size: 100px;}





.btn-primary{background: #2a7ecd!important; border-color: #2a7ecd!important;}

.colorff6700{color: #2a7ecd!important;}





.public-site-header {width: 100%; padding-top: 4px; box-shadow: 0 2px 10px 0 rgba(47,51,56,.08);}

.public-site-topbar{background: #04192e; height: 40px; line-height: 40px; color: #fff;}

.public-site-topbar p{font-size: 14px;}

.public-site-header a.head-message,.public-site-header a.head-cart{margin-left: 25px; position: relative; color: #fff; font-size: 14px;}

.public-site-header a.head-message i,.public-site-header .head-cart i{font-size: 20px;}

.public-site-header a.head-message span,.public-site-header .head-cart span span{display: none;color: #fff; font-size: 14px;}

.public-site-header a.head-message:hover,.public-site-header .head-cart:hover {color: #2a7ecd;}

.public-site-header .head-user{height: 42px; text-align: right; color: #fff;display: flex; align-items: center; justify-content: flex-end;}

.public-site-header .head-user a{color: #fff; 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: 100px;}

.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: 50px;

}



.public-site-header .topbar-info dl{position: relative;}

.public-site-header .topbar-info dl dt{font-size: 18px; display: flex; justify-content: center; align-items: center; height: 40px; color: #fff;}

.public-site-header .topbar-info dl dt span{font-size: 14px; color: #fff; margin-left: 5px;}

.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;}



.search-box .searchbox{

 padding: 1px;

 overflow: hidden;

background: #ececec;

width: 300px;

}

.search-box input{

  width: 100%; 

  height: 46px; 

  padding: 0 10px; 

  border: none; 

  outline: none; background: transparent;

font-size: 14px;

} 

.search-box button{

  height: 46px; 

  color: #636563; 

  width: 60px; 

  outline: none; 

  border: none;

  background: transparent;

  font-size: 28px;

  cursor: pointer;

font-weight: bold;

}









.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 25px;

  color: #1f1f1f;

line-height:100px;height: 100px;

}



.public-site-header .head-nav ul li>a:hover {

  color: #0a3560;

}

.public-site-header .head-nav ul li.active>a {

  color: #0a3560;

}

.public-site-header .head-nav ul li.xlline>a:hover{border-bottom: 2px solid #c7000b;}







.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; width: 100%; padding: 10px 0;

    top: auto;

    margin-top: -1px;

    overflow: hidden;

    width: 100%;

    background-color: #fff;

    padding: 0;

    cursor: default;

    border-bottom: 1px solid #e5e5e5;

    -webkit-transition: none;

    transition: none;

}

.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 {

  line-height: 40px;

  font-size: 14px;

  width: 20%; text-align: center; padding: 0 10px;

  color: #666;

}

.public-site-header .head-nav ul li dl dt a .pic{

display: block;

    position: relative;

    height: 78px;

}

.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 p{text-align: center;

    float: none;

    font-size: 14px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    height: 3.75em; margin-top: 12px;

    width: 100%;

    line-height: 1.6;}

.public-site-header .head-nav ul li dl dd{margin-top: 30px;

    margin-right: 50px;

    float: right;

    margin-bottom: 30px;

    padding-left: 100px;max-height: 380px;

    max-width: 100%;

}

.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);

}