@charset "utf-8";
.kefu { width: 320px; padding-bottom: 20px; float: left; position: fixed; background: #fff; top: 50%; margin-top: -200px; left: 50%; margin-left: -200px; z-index: 9; box-shadow: 8px 8px 24px 0px #969696; }
    .kefu img { display: inline-block; }
    .kefu a:hover { text-decoration: none; }
    .kefu a { text-decoration: none; display: block; }
        .kefu a:hover { background-color: #a6d2f7; }
    .kefu .kefu_guangbi { position: absolute; width: 30px; height: 30px; top: -15px; right: -15px; z-index: 4; cursor: pointer; }
    .kefu .kefu_nr { width: 276px; float: left; border: 2px solid #666; margin-left: 20px; margin-top: 20px; text-align: center; }
        .kefu .kefu_nr .kf_top { padding: 10px 0; }
            .kefu .kefu_nr .kf_top .title { color: #333; display: inline-block; font-size: 20px; padding-left: 35px; height: 28px; line-height: 28px; background: url(../images/img_08.png) no-repeat left center; margin-top: 30px; background-size: 28px; }
        .kefu .kefu_nr .kf_zhong { padding: 10px 0; border-top: 1px solid #666; }
            .kefu .kefu_nr .kf_zhong .title { color: #333; display: inline-block; font-size: 20px; padding-left: 35px; height: 28px; line-height: 28px; background: url(../images/img_09.png) no-repeat left center; margin-top: 30px; background-size: 28px; }
        .kefu .kefu_nr .shuom { font-size: 14px; font-weight: bold; color: #333; line-height: 35px; }
            .kefu .kefu_nr .shuom span { margin-left: 10px; }
        .kefu .kefu_nr .kf_bottom { padding: 10px 0; border-top: 1px solid #666; }
            .kefu .kefu_nr .kf_bottom img { margin: 10px 0; }

.rightmenu { position: fixed; z-index: 6; bottom: 15%; right: 8px; text-align: center; }
    .rightmenu .nr { padding: 0; margin: 0; }
        .rightmenu .nr .rightmenu_top:hover { background-color: #5b86cf; }
        .rightmenu .nr a { color: inherit; text-decoration: none; }
            .rightmenu .nr a:hover { text-decoration: none; }
        .rightmenu .nr .rightmenu_top { background: #5f8dda; width: 72px; position: relative; color: #fff; line-height: 16px; padding-bottom: 14px; cursor: pointer; }
            .rightmenu .nr .rightmenu_top img { display: inline-block; margin: 20px 0; }
            .rightmenu .nr .rightmenu_top .labeleft { background: url(../images/img_10.png) no-repeat; left: 0; }
            .rightmenu .nr .rightmenu_top .laberight { background: url(../images/img_11.png) no-repeat; right: 0; }
            .rightmenu .nr .rightmenu_top .labeleft, .rightmenu .nr .rightmenu_top .laberight { position: absolute; display: block; width: 4px; height: 4px; bottom: -4px; }
        .rightmenu .nr .center { margin-left: 4px; background: #a6d2f7; width: 64px; }
            .rightmenu .nr .center li { height: 48px; width: 64px; padding-bottom: 18px; padding-top: 18px; cursor: pointer; position: relative; }
                .rightmenu .nr .center li a { display: inline-block; width: 64px; height: 48px; }
                .rightmenu .nr .center li span { line-height: 48px; position: absolute; width: 64px; height: 48px; background: #5f8dda; padding: 0 10px; color: #fff; font-size: 12px; top: 18px; right: 0; z-index: -1; opacity: 0; display: none; }
                /*.rightmenu .nr .center li span.transition { transition: right 1s; -moz-transition: right 1s;  -webkit-transition: right 1s; -o-transition: right 1s; }
                .rightmenu .nr .center li.active span { right: 64px; }*/

                .rightmenu .nr .center li .li1 { background: url(../images/img_02.png) no-repeat center center; }
                .rightmenu .nr .center li.active .li1 { background: url(../images/img_02_active.png) no-repeat center center #5f8dda; }

                .rightmenu .nr .center li .li2 { background: url(../images/img_03.png) no-repeat center center; }
                .rightmenu .nr .center li.active .li2 { background: url(../images/img_03_active.png) no-repeat center center #5f8dda; }

                .rightmenu .nr .center li .li3 { background: url(../images/img_04.png) no-repeat center center; }
                .rightmenu .nr .center li.active .li3 { background: url(../images/img_04_active.png) no-repeat center center #5f8dda; }

                .rightmenu .nr .center li .li4 { background: url(../images/img_05.png) no-repeat center center #e2f2ff; }
                .rightmenu .nr .center li.active .li4 { background: url(../images/img_05.png) no-repeat center center #e2f2ff; }
.home_blocker { background: #b1acac; position: fixed; z-index: 8; opacity: 0.5; filter: alpha(opacity=50); width: 100%; height: 100%; top: 0; left: 0; display: none; }