@charset "utf-8";


.sjg_nav_r{ height:100%; width:36px; position:fixed; right:0px; top:0px; background:#1e1e1e; z-index:8;}

.sjg_nav_r .nav_t{ margin-top:300px; width:36px;}
.sjg_nav_r .nav_t li{ width:36px; height:36px; clear:both; position:relative; margin:5px 0px;}
.sjg_nav_r .nav_t li a{ display:block;  width:36px; height:36px;}
.sjg_nav_r .nav_t li a:hover{ background:#b00d0d;}
.sjg_nav_r .nav_t li s{ background:url(../image/nav_t_logo.png) no-repeat; position:absolute; display:block;}
.sjg_nav_r .nav_t li s.nav_1{ width:18px; height:18px; left:9px; top:9px;}
.sjg_nav_r .nav_t li:hover s.nav_1{ background-position:-32px 0px;}

.sjg_nav_r .nav_t li .li_gw{ margin:10px 0px;}
.sjg_nav_r .nav_t li .li_gw:hover{ background:#b00d0d;}
.sjg_nav_r .nav_t li .li_gw a{ display:block;width:36px;}
.sjg_nav_r .nav_t li .li_gw a:hover{ text-decoration:none;}
.sjg_nav_r .nav_t li .li_gw .wor{ margin:auto; padding-top:41px; width:20px; color:#fff; text-align:center;}
.sjg_nav_r .nav_t li .li_gw .wor1{ position:absolute; top:4px; left:17px; width:14px; height:14px; text-align:center; line-height:14px; color:#b00d0d; margin:auto; -moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius:7px; background:#fff;}
.sjg_nav_r .nav_t li s.nav_2{ width:17px; height:15px; left:9px; top:15px; background-position:0px -33px;}
.sjg_nav_r .nav_t li:hover s.nav_2{ background-position:-32px -33px;}
.sjg_nav_r .nav_t li s.nav_3{ width:19px; height:19px; left:9px; top:8px; background-position:0px -65px;}
.sjg_nav_r .nav_t li:hover s.nav_3{ background-position:-31px -65px;}
.sjg_nav_r .nav_t li s.nav_4{ width:17px; height:17px; left:10px; top:9px; background-position:0px -100px;}
.sjg_nav_r .nav_t li:hover s.nav_4{ background-position:-33px -100px;}
.sjg_nav_r .nav_t li s.nav_5{ width:20px; height:19px; left:9px; top:8px; background-position:0px -134px;}
.sjg_nav_r .nav_t li:hover s.nav_5{ background-position:-30px -134px;}
.sjg_nav_r .nav_t li s.nav_6{ width:20px; height:20px; left:8px; top:8px; background-position:0px -170px;}
.sjg_nav_r .nav_t li:hover s.nav_6{ background-position:-30px -170px;}
.sjg_nav_r .nav_b{ position:absolute; right:0px; bottom:0px; width:36px;}
.sjg_nav_r .nav_b li{ width:36px; height:36px; clear:both; position:relative; margin:5px 0px;}
.sjg_nav_r .nav_b li a{ display:block; width:36px; height:36px;}
.sjg_nav_r .nav_b li a:hover{ background:#b00d0d;}
.sjg_nav_r .nav_b li s{ background:url(../image/nav_t_logo.png) no-repeat; position:absolute; display:block;}
.sjg_nav_r .nav_b li s.nav_7{ width:19px; height:18px; left:9px; top:9px; background-position:0px -207px;}
.sjg_nav_r .nav_b li:hover s.nav_7{ background-position:-31px -207px;}
.sjg_nav_r .nav_t li s.nav_8{ width:19px; height:18px; left:9px; top:9px; background-position:0px -243px;}
.sjg_nav_r .nav_t li:hover s.nav_8{ background-position:-35px -243px;}
.sjg_nav_r .nav_b li s.nav_9{ width:17px; height:10px; left:10px; top:13px; background-position:0px -279px;}
.sjg_nav_r .nav_b li:hover s.nav_9{ background-position:-33px -279px;}

.sjg_dh_login{ background:url(../image/dh_login.png) no-repeat; width:281px; height:251px; position:absolute; top:0px; left:-276px; z-index:5;}
.sjg_dh_login .login_close{ padding:17px 0px 0px 245px; height:19px; cursor:pointer;}
.sjg_dh_login .login_img{  padding-bottom:12px; width:64px; height:64px; margin:auto;-moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius:32px;}
.sjg_dh_login .login_img img{-moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius:32px;}
.sjg_dh_login .login_wor{ padding:4px 0px 12px 55px; margin:0px 20px; border-bottom:1px dotted #d5d5d5; text-align:center; font-size:14px;}
.sjg_dh_login .login_wor .wor_l{ float:left;}
.sjg_dh_login .login_wor a.wor3{}
.sjg_dh_login .login_wor a.wor3:hover{ background:none;}
.sjg_dh_login .login_wor a{ float:left; color:#b00d0d; height:25px;}
.sjg_dh_login .login_wor a:hover{ text-decoration:underline;}
.sjg_dh_login .login_wor span{ float:left; padding:0px 5px; color:#817d7d;}
.sjg_dh_login .login_b{ padding:15px 0px 0px 26px;}
.sjg_dh_login .login_b a{ float:left; background:url(../image/dh_b.png) no-repeat; height:32px; width:98px; margin-left:11px; text-align:center; line-height:32px; color:#2c2c2c; }
.sjg_dh_login .login_b a.b_w{height:32px; width:98px;}
.sjg_dh_login .login_b a.b_w:hover{ text-decoration:none; background:url(../image/dh_b.png) no-repeat 0px -32px;}
.sjg_dh_login .login_h{ padding:15px 20px 0px 180px; text-align:right;}
.sjg_dh_login .login_h a.login_hy{ color:#20a0cd;}
.sjg_dh_login .login_h a.login_hy:hover{ background:none;}

.r_dd_dh{ position:absolute; right:0px; top:0px; width:110px;}
.r_dd_dh .dh_img{ text-align:right; width:110px;}
.r_dd_dh .dh_zh1{ display:block; background:url(http://www.sjgo365.com/Content/themes/rightnavigationbar/images/dd3.png) no-repeat; height:33px; width:110px;transition-delay: 0s;transition-duration: 0.5s;transition-property: all;transition-timing-function: ease;}
.r_dd_dh .dh_zh1:hover{ background:url(http://www.sjgo365.com/Content/themes/rightnavigationbar/images/dd3.png) no-repeat 0px -33px;}
.r_dd_dh .dh_zh2{ display:block; background:url(http://www.sjgo365.com/Content/themes/rightnavigationbar/images/dd4.png) no-repeat; height:33px; width:110px;transition-delay: 0s;transition-duration: 0.5s;transition-property: all;transition-timing-function: ease;}
.r_dd_dh .dh_zh2:hover{ background:url(http://www.sjgo365.com/Content/themes/rightnavigationbar/images/dd4.png) no-repeat 0px -33px;}
.r_dd_dh ul{ background:#ff90a6; width:100px; margin-left:10px;}
.r_dd_dh ul li{ width:49px; float:left; height:22px; border-bottom:1px solid #b2000d; text-align:center;}
.r_dd_dh ul li.li1{ border-right:1px solid #b2000d;}
.r_dd_dh ul li.li2{ border-bottom:0px; height:22px;}
.r_dd_dh ul li a{ height:22px; display:block; text-align:center; line-height:22px; color:#d4022f; font-size:12px;transition-delay: 0s;transition-duration: 0.5s;transition-property: all;transition-timing-function: ease;}
.r_dd_dh ul li a.a1{ height:17px; line-height:12px; padding-top:5px;}
.r_dd_dh ul li a:hover{ background:#d4022f; text-decoration:none; color:#fff;}


.sjg_ce{ background:url(../image/nav_l.png) no-repeat; width:92px; height:36px; padding-right:5px; line-height:36px; font-size:12px; color:#fff; position:absolute; top:0px; left:-122px; opacity:0; text-align:center; z-index:4;}
.sjg_code{ background:url(../image/ewm.png) no-repeat; width:179px; height:40px; padding-top:162px; position:absolute; bottom:-2px; left:-174px; text-align:center; font-size:12px; color:#1e1e1e;}



.s_k_shop{ width:252px; border-left:1px solid #cecece; padding:0px 10px; position:fixed; height:100%; top:0px; right:-257px; background:#fff; z-index:7;}
.s_k_shop .shop_hea{ padding-top:15px; height:32px; line-height:32px; border-bottom:1px solid #bcbcbc;}
.s_k_shop .shop_hea .hea_l{ float:left; font-size:16px; color:#333;}
.s_k_shop .shop_hea .hea_r{ float:right; padding-top:10px; cursor:pointer;}
.s_k_shop .shop_k{ padding-top:90px; text-align:center; color:#5d5d5d; font-size:16px; line-height:22px;}
.s_k_shop .shop_k img{ margin-bottom:10px;}
.s_k_shop .shop_k span{ font-size:14px;}


.clearfix:after {
    display: block;
    clear: both;
    content: "";
}

.ann-nav-right {
    position: fixed;
    top: 0;
    right: 0;
    width: 100px;
    padding: 20px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #9e0a12;
    border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
    border-top: 2px solid #f6dfa8;
    border-left: 2px solid #f6dfa8;
    border-bottom: 2px solid #f6dfa8;
}

.anr-img {
    display: block;
    margin: 0 auto;
}

.anr-list {
    width: 80px;
}

.anr-item {
    float: left;
    width: 80px;
    margin: 3px 0;
}

.anr-item:nth-last-child(-n+4) {
    width: 38px;
    margin: 3px 1px;
}

.anr-link {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    color: #92670d;
    background-color: #e3c890;
}

.anr-link:hover {
    text-decoration: none;
}