/*侧边栏*/
.header .hqew-logo{width: auto!important;height: auto!important;}
.container .logo-group{width: auto!important;height: auto!important;}
.container .logo-group .logo,.container  h1.logo{width: auto!important;height: auto!important;padding-right: 13px;}
.float-nav {
    position: fixed;
    top: 202px;
    z-index: 20;
    right: 108px;
}
.float-nav .nav-con {
    content: '';
    display: block;
    position: absolute;
    top: -82px;
    width: 98px;
    margin-top: 82px;
}
.redbg .nav-con {
    background: url(/res/about/global/img/nav_redbg02.png) repeat-y;
}
.blubg .nav-con {
    background: url(/res/about/global/img/nav_blubg02.png) repeat-y;
}

.new-blubg .nav-con {
  background: url(/res/about/global/img/nav_nblubg02.png) repeat-y;
}

.greenbg .nav-con {
    background: url(/res/about/other/img/nav_greenbg02.png) repeat-y;
}
.blubg2 .nav-con {
    background: url(/res/about/mediaServices/img/nav_greenbg02.png) repeat-y;
}

.float-nav h3 {
    font-weight: 700;
    color: #333;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
}

.float-nav a {
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #666;
}

.float-nav ul li {
    width: 90px;
    text-align: center;
    margin: 0 auto;
}

.float-nav ul li:last-child {
    border-bottom: 1px solid #f4f4f4;
}
.float-nav ul:nth-child(3) li {
    border-bottom: none;
}
.float-nav .active {
    font-weight: 700;
    background: #f6f6f6;
}

.new-blubg .active {
  color: #3197FF;
}

.blubg .active {
    color: #2D6BD3;
}

.redbg .active {
    color: #e83625;
}
.greenbg .active {
    color: #3AB458;
}
.blubg2 .active {
    color: #0599D9;
}
.float-nav .nav-con::before {
    content: '';
    display: block;
    position: absolute;
    top: -82px;
    width: 98px;
    height: 82px;
}
.redbg .nav-con::before {
    background: url(/res/about/global/img/nav_redbg01.png) no-repeat;
}
.blubg .nav-con::before {
    background: url(/res/about/global/img/nav_blubg01.png) no-repeat;
}

.new-blubg .nav-con::before {
  background: url(/res/about/global/img/nav_nblubg01.png) no-repeat;
}
.new-blubg li a:hover {
  color: #3197FF;
}

.greenbg .nav-con::before {
    background: url(/res/about/other/img/nav_greenbg01.png) no-repeat;
}
.blubg2 .nav-con::before {
    background: url(/res/about/mediaServices/img/nav_greenbg01.png) no-repeat;
}

.blubg li a:hover {
    color: #2D6BD3;
}
.redbg li a:hover {
    color: #e83625;
}
.greenbg li a:hover {
    color: #3AB458;
}
.blubg2 li a:hover {
    color: #0599D9;
}

.float-nav .pdb-8 {
    padding-bottom: 8px;
}

.float-nav .pdt-8 {
    padding-top: 8px;
}
.float-nav .nav-con::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -120px;
    width: 98px;
    height: 121px;
}
.redbg .nav-con::after {
    background: url(/res/about/global/img/nav_redbg03.png) no-repeat;
}
.blubg .nav-con::after {
    background: url(/res/about/global/img/nav_blubg03.png) no-repeat;
}

.new-blubg .nav-con::after {
  background: url(/res/about/global/img/nav_nblubg03.png) no-repeat;
}

.greenbg .nav-con::after {
    background: url(/res/about/other/img/nav_greenbg03.png) no-repeat;
}
.blubg2 .nav-con::after {
    background: url(/res/about/mediaServices/img/nav_greenbg03.png) no-repeat;
}

.float-nav .nav-bom {
    position: absolute;
    bottom: -105px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 26px;
    z-index: 10;
}

.float-nav .nav-bom .contact-tel a, .float-nav .nav-bom .contact-line a {
    color: #fff;
}
.float-nav .nav-bom .contact-tel {
    width: 88px;
    height: 26px;
    padding-left: 10px;
    margin-left: 5px;
    margin-bottom: 5px;
    color: #fff;
}
.redbg .nav-bom .contact-tel {
    background: url(/res/about/global/img/con_redtel.png) no-repeat;
}
.blubg .nav-bom .contact-tel {
    background: url(/res/about/global/img/con_blutel.png) no-repeat;
}
.greenbg .nav-bom .contact-tel {
    background: url(/res/about/other/img/con_greenline.png) no-repeat;
}
.blubg2 .nav-bom .contact-tel {
    background: url(/res/about/mediaServices/img/con_greenline.png) no-repeat;
}
.float-nav .nav-bom .contact-tel:hover {
    width: 88px;
    height: 26px;
    padding-left: 10px;
    margin-left: 5px;
    margin-bottom: 5px;
    position: relative;
}
.new-blubg .nav-bom .contact-tel {
  background: url(/res/about/global/img/con_nblutel.png) no-repeat;
}
.redbg .nav-bom .contact-tel:hover {
    background: url(/res/about/global/img/con_redtelhov.png) no-repeat;
}
.blubg .nav-bom .contact-tel:hover {
    background: url(/res/about/global/img/con_blutelhov.png) no-repeat;
}

.new-blubg .nav-bom .contact-tel:hover {
  background: url(/res/about/global/img/con_nblutelhov.png) no-repeat;
}

.greenbg .nav-bom .contact-tel:hover {
    background: url(/res/about/other/img/con_greenlinehov.png) no-repeat;
}
.blubg2 .nav-bom .contact-tel:hover {
    background: url(/res/about/mediaServices/img/con_greenlinehov.png) no-repeat;
}

.float-nav .nav-bom .contact-tel .con-telhov {
    display: none;
}
.float-nav .nav-bom .contact-tel:hover .con-telhov {
    display: block;
    width: 162px;
    height: 50px;
    position: absolute;
    top: -12px;
    line-height: 50px;
    right: 105px;
    color: #e83625;
    font-weight: 700;
    font-size: 14px;
}
.redbg .nav-bom .contact-tel:hover .con-telhov {
    background: url(/res/about/global/img/nav_telbg05.png) no-repeat;
}
.blubg .nav-bom .contact-tel:hover .con-telhov {
    background: url(/res/about/global/img/nav_telbg05.png) no-repeat;
}

.new-blubg .nav-bom .contact-tel:hover .con-telhov {
  background: url(/res/about/global/img/nav_telbg05.png) no-repeat;
  color: #3197FF;
}
.redbg .nav-bom .contact-line {
  background: url(/res/about/global/img/con_redline.png) no-repeat;
}

.redbg .nav-bom .contact-line {
  background: url(/res/about/global/img/con_redline.png) no-repeat;
}
.greenbg .nav-bom .contact-tel:hover .con-telhov {
    background: url(/res/about/other/img/nav_greenbg05.png) no-repeat;
}
.blubg2 .nav-bom .contact-tel:hover .con-telhov {
    background: url(/res/about/mediaServices/img/nav_greenbg05.png) no-repeat;
}
.float-nav .nav-bom .contact-line {

    width: 88px;
    height: 26px;
    padding-left: 10px;
    margin-left: 5px;
    color: #fff;
}
.redbg .nav-bom .contact-line {
    background: url(/res/about/global/img/con_redline.png) no-repeat;
}
.blubg .nav-bom .contact-line {
    background: url(/res/about/global/img/con_bluline.png) no-repeat;
}
.greenbg .nav-bom .contact-line {
    background: url(/res/about/other/img/con_greentel.png) no-repeat;
}
.blubg2 .nav-bom .contact-line {
    background: url(/res/about/mediaServices/img/con_greentel.png) no-repeat;
}
.float-nav .nav-bom .contact-line:hover {
    width: 88px;
    height: 26px;
    padding-left: 10px;
    margin-left: 5px;
}
.new-blubg .nav-bom .contact-line {
  background: url(/res/about/global/img/con_nbluline.png) no-repeat;
}
.redbg .nav-bom .contact-line:hover {
    background: url(/res/about/global/img/con_redlinehov.png) no-repeat;
}
.blubg .nav-bom .contact-line:hover {
    background: url(/res/about/global/img/con_blulinehov.png) no-repeat;
}

.new-blubg .nav-bom .contact-line:hover {
  background: url(/res/about/global/img/con_nblulinehov.png) no-repeat;
}

.greenbg .nav-bom .contact-line:hover {
    background: url(/res/about/other/img/con_greentelhov.png) no-repeat;
}
.blubg2 .nav-bom .contact-line:hover {
    background: url(/res/about/mediaServices/img/con_greentelhov.png) no-repeat;
}

.redbg .nav-bom .contact-tel:hover a, .redbg .nav-bom .contact-line:hover a {
    color: #e83625;
}
.blubg .nav-bom .contact-tel:hover a, .blubg .nav-bom .contact-line:hover a {
    color: #2D6BD3;
}

.new-blubg .nav-bom .contact-tel:hover a, .new-blubg .nav-bom .contact-line:hover a {
  color: #3197FF;
}

.greenbg .nav-bom .contact-tel:hover a, .greenbg .nav-bom .contact-line:hover a {
    color: #3AB458;
}
.blubg2 .nav-bom .contact-tel:hover a, .blubg2 .nav-bom .contact-line:hover a {
    color: #0599D9;
}


.float-nav .nav-bom li:last-child {
    border-bottom: none;
}

.float-nav .nav-bom .go-clo {
    margin-top: 10px;
    width: 13px;
    height: 12px;
    cursor: pointer;
}
.float-nav .nav-clo {
    width: 98px;
    margin-left: 37px;
    height: 54px;
    position: absolute;
    top: -82px;
    display: none;
}
.redbg .nav-clo {
    background: url(/res/about/global/img/nav_redbg04.png) no-repeat;
}
.blubg .nav-clo {
    background: url(/res/about/global/img/nav_blubg04.png) no-repeat;
}

.new-blubg .nav-clo {
  background: url(/res/about/global/img/nav_nblubg04.png) no-repeat;
}

.greenbg .nav-clo {
    background: url(/res/about/other/img/nav_greenbg04.png) no-repeat;
}
.blubg2 .nav-clo {
    background: url(/res/about/mediaServices/img/nav_greenbg04.png) no-repeat;
}

.float-nav .nav-clo .go-open {
    margin-top: 30px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    margin-left: 0px;
    border-radius: 11px;
}