header {
  background-color: #010d25;
  height: 85px;
  position: absolute;
  width: 100%;
  line-height: 85px;
  z-index: 54;
  top: 0;
  left: 0;
  min-width: 1200px;
}
header .logo {
  position: absolute;
  left: 50px;
  cursor: pointer;
  height: 100%;
}
header .logo img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
header .phone {
  position: absolute;
  height: 30px;
  border-radius: 45px;
  background-color: #0894e3;
  right: 50px;
  width: 260px;
  font-size: 14px;
  color: #fff;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 30px;
}
header nav {
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
header nav > ul {

}
header nav > ul > li {
  float: left;
  width: 16.66%;
  text-align: center;
  position: relative;
  overflow: hidden;
  height: 85px;
}
header>  nav > ul > li:last-child::after {
  height: 0;
}
header>  nav > ul > li:hover{
    overflow: visible;
}
header>  nav > ul > li:hover ul{
    top: 0;
}
header>  nav > ul > li ul{
    position: relative;
    text-align: center;
    transition: all .4s ease;
    top: 25px;
    background-color: rgb(1,13,37);
}
header>  nav > ul > li ul li{
    line-height: 34px;
}
.swiper-pagination-bullet{
  background: #fff !important;
  opacity: 0.5 
}
.swiper-pagination-bullet-active{
  height: 15px;
  border-radius: 20px;
  opacity:  1;
}
header>  nav > ul > li ul li a{
  color: #ddd;
  font-size: 14px
}

header nav > ul > li:after {
  position: absolute;
  content: '';
  width: 1px;
  height: 20px;
  background-color: #ddd;
  right: 0;
  top: 50%;
  transition: all .4s ease;
  margin-top: -17px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
header > nav > ul > li > a {
  color: #fff;
  font-size: 14px;
  display: inline-block;
  height: 100%;
  width: 100%;
}
footer {
  background-color: #1c1d1f;
  height: 340px;
  width: 100%;
}
footer > div:first-child {
  height: 285px;
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
footer > div:first-child > div {
  position: absolute;
  top: 40px;
}
footer > div:first-child > div:first-child {
  width: 444px;
  left: 0;
}
footer > div:first-child > div:first-child > ul {
  width: 100%;
}
footer > div:first-child > div:first-child > ul > li {
  float: left;
  width: 33%;
}
footer > div:first-child > div:first-child > ul > li:nth-child(3n) {
  margin-right: 0;
}
footer > div:first-child > div:first-child > ul > li:nth-of-type(1),
footer > div:first-child > div:first-child > ul > li:nth-of-type(2),
footer > div:first-child > div:first-child > ul > li:nth-of-type(3) {
  min-height: 180px;
}
footer > div:first-child > div:first-child > ul > li > a {
  color: #ddd;
  line-height: 35px;
  font-size: 16px;
}
footer > div:first-child > div:first-child > ul > li ul li a {
  line-height: 35px;
  color: #aaa;
  font-size: 14px;
}
footer > div:first-child > div:nth-of-type(2) {
  left: 400px;
  width: 314px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaa;
  height: 70px;
}
footer > div:first-child > div:nth-of-type(2) img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
footer > div:first-child > div:nth-of-type(3) {
  left: 780px;
  width: 240px;
}
footer > div:first-child > div:nth-of-type(3) ul li p {
  font-size: 16px;
  line-height: 30px;
  color: #ddd;
}
footer > div:first-child > div:nth-of-type(3) ul li div {
  margin-top: 14px;
  float: left;
  margin-right: 15px;
}
footer > div:first-child > div:nth-of-type(3) ul li div p {
  text-align: center;
}
footer > div:last-child {
  height: 55px;
  border-top: 1px solid #666;
  line-height: 55px;
  text-align: center;
  color: #ddd;
  font-size: 14px;
}


/** top **/
dl,dd,dt{margin:0;padding:0;}
.floating_ck{position:fixed;right:20px;top:30%;z-index: 999;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#e40231;border-bottom:solid 1px #a40324;}
.floating_ck dl dd:hover .floating_left{display:block;}
.words{background-image:url('/public/imgs/phone.png');}
.consult{background-image:url('/public/imgs/qq.png')}
.quote{background-image:url('/public/imgs/qq.png')}
.qrcord{background-image:url(http://www.baihuass.com/static/assets/images/top/icon0701/erweima.png);}
.return{background-image:url('/public/imgs/roket.png')}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#e40231;border-bottom:solid 1px #a40324;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:220px;top:-140px;}
.floating_ewm i{background-image:url('/public/imgs/qr.jpg');display:block;width:145px;height:145px;margin:auto;margin-top:7px;background-size:cover ;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:16px;margin-top: 16px;}
/** end **/
.floating_ck dl dd a,
.floating_ck dl dd span{
  font-size: 14px;
  color: #fff
}