.fpnav {
    position: fixed;
    left: 43px;
    top: 189px;
    bottom: 62px;
    z-index: 5000;
    width: 17px;
    padding-top: 51px;
    background: url(../images/fpnav_bg.png) repeat-y
}

.fpnav li {
    width: 17px;
    height: 17px;
    margin-bottom: 21px
}

.fpnav li a {
    display: block;
    width: 17px;
    height: 17px;
    background: url(../images/fpnav_icon_hover.png) no-repeat
}

.fpnav li .menuon_1 {
    background: url(../images/fpnav_icon.png) no-repeat
}

.fpnav .active a {
    background: url(../images/fpnav_icon.png) no-repeat
}

.kefudt_r {
    position: fixed;
    top: 46%;
    right: 9px;
    z-index: 80000;
    width: 81px;
    height: 367px;
    margin: -183px 0 0 -249px
}

.kefudt_r a {
    position: relative;
    display: block;
    width: 77px;
    height: 24px;
    z-index: 500;
    padding-top: 53px;
    text-align: center;
    font-size: 12px;
    color: #fff
}

.kefudt_r a em {
    font-style: normal
}

.kefudt_r span strong {
    display: none;
    font-size: 14px;
    font-weight: 400
}

.kefudt_r .kefudt_icon1 {
    background: url(../images/kefudt_icon2.png) no-repeat
}

.kefudt_r .kefudt_icon2 {
    background: url(../images/kefudt_icon3.png) no-repeat
}

.kefudt_r .kefudt_icon3 {
    background: url(../images/kefudt_icon4.png) no-repeat
}

.kefudt_r .kefudt_icon4 {
    background: url(../images/kefudt_icon5.png) no-repeat
}

.kefudt_r span {
    position: absolute;
    display: block;
    width: 78px;
    height: 77px;
    right: 0;
    border: 1px solid #1eb0b9;
    border-right: 0;
    background: rgba(0,0,0,.5);
    text-align: center;
    transition: all .6s
}

.kefudt_r span:before {
    content: "";
    width: 0;
    height: 77px;
    background: #2bb0b8;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .6s;
    z-index: -1;
    opacity: .8
}

.kefudt_r span.active,.kefudt_r span:hover {
    width: 220px;
    background: 0 0;
    overflow: hidden
}

.kefudt_r span.active:before,.kefudt_r span:hover:before {
    width: 220px
}

.kefudt_r span:hover a {
    width: 100%;
    background: 0 0;
    padding: 0;
    line-height: 77px
}

.kefudt_r span:hover a em {
    display: none
}

.kefudt_r span:hover strong {
    display: block
}

.kefudt_r>span:first-child {
    top: 0
}

.kefudt_r>span:nth-child(2) {
    top: 94px
}

.kefudt_r>span:nth-child(3) {
    top: 188px
}

.kefudt_r>span:nth-child(4) {
    top: 282px
}

.kefudt_r .search_web .kefudt_icon5 {
    display: none;
    width: 100%;
    padding-top: 30px;
    white-space: nowrap
}

.kefudt_r .search_web .kefudt_icon5 input {
    display: inline-block;
    width: 160px;
    height: 17px;
    vertical-align: top;
    background: 0 0;
    border: 0;
    border-left: 1px solid rgba(255,255,255,.5);
    padding: 0 10px;
    outline: 0;
    font-size: 14px;
    font-family: microsoft yahei,微软雅黑;
    color: #fff
}

.kefudt_r .search_web .kefudt_icon5 input::-webkit-input-placeholder {
    color: rgba(255,255,255,.5)
}

.kefudt_r .search_web .kefudt_icon5 input::-moz-placeholder {
    color: rgba(255,255,255,.5)
}

.kefudt_r .search_web .kefudt_icon5 input:-moz-placeholder {
    color: rgba(255,255,255,.5)
}

.kefudt_r .search_web .kefudt_icon5 input:-ms-input-placeholder {
    color: rgba(255,255,255,.5)
}

.kefudt_r .search_web .kefudt_icon5 i {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../images/search_icon.png) center center/100% 100% no-repeat;
    vertical-align: top;
    cursor: pointer
}

.kefudt_r .search_web.active .kefudt_icon4,.kefudt_r .search_web:hover .kefudt_icon4 {
    display: none
}

.kefudt_r .search_web.active .kefudt_icon5,.kefudt_r .search_web:hover .kefudt_icon5 {
    display: block
}

.returntop {
    position: absolute;
    bottom: 62px;
    right: 51px;
    z-index: 5000;
    width: 47px;
    height: 47px
}

.returntop a {
    display: block;
    width: 47px;
    height: 47px;
    /*background: url(../images/top.png) no-repeat*/
}

.returntop1 {
    position: fixed;
    display: none
}

.returntop {
    position: fixed;
    bottom: 20%;
    right: 9px;
    z-index: 5000;
    width: 47px;
    height: 47px
}

.returntop a {
    display: block;
    width: 47px;
    height: 47px;
    /*background: url(../images/top.png) no-repeat*/
}

.fpline {
    position: fixed;
    top: auto;
    left: auto;
    right: 0;
    bottom: 20%;
    z-index: 5000;
    width: 17px;
    padding-top: 51px;
    /*background: url(../images/fpnav_bg.png) repeat-y;*/
    height: 460px
}

@media screen and (max-width: 1440px) {
    .returntop,.fpline {
        bottom:16%
    }
}

@media screen and (max-width: 768px) {
    .fpline,.kefudt_r,.columns_header,.returntop {
        display:none
    }

    .returntop {
        bottom: 60px;
        right: 10px;
        width: 35px;
        height: 35px
    }

    .returntop a {
        width: 35px;
        height: 35px;
        background-size: 35px
    }

    .fpline {
        display: none
    }
}