/* .openDown{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
    background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
.nav li.on>.openDown{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
 
.nav a{ display: block;}
.nav a:hover{ color: #fff;}
.fistItem{ border-bottom: 1px solid rgba(255, 255, 255, .25); position: relative;}
.fistLink{ width: 100%; line-height: 60px; font-size: 16px;  padding-left: 20px; display: block;}

.secondItem,.thirdItem{ border-top:  1px solid rgba(255, 255, 255, .2); position: relative;}
.secondItem .openDown{  height: 50px; }
.secondLink{ line-height: 50px;padding-left: 30px; font-size: 15px;}

.thirdLink{  line-height: 46px;padding-left: 50px; font-size: 14px;}
.thirdLink .openDown{  height:  100%; }
 
.fourthLink{  line-height: 40px;padding-left: 70px; font-size: 12px;}
.fourthLink .openDown{  height: 100%; }

.secondUl{ background-color: #222;}
.thirdUl{ background-color: #444;}
.fourthUl{ background-color: #666;}

.nav ul{ display: none;} */

.sjj_nav{}
.sjj_nav{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; max-height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; 
    overflow-y: scroll;
}
.sjj_nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 2px;}
.sjj_nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #333; width: 2px; }
.sjj_nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: transparent; width: 2px; }
.sjj_nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }

.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:40px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px rgba(255, 255, 255, .2) solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px rgba(255, 255, 255, .2) solid;height:40px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px rgba(255, 255, 255, .2) solid;padding-left:20px;position:relative;line-height:50px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom:1px rgba(255, 255, 255, .2) solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff;width:80%}
.sjj_nav ul li ul li a{color:rgba(255, 255, 255, .8);display:block;text-align:left;font-size: 14px;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:rgba(255, 255, 255, .5);}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

.sjj_nav ul li ul li{ line-height: 40px;}
.sjj_nav ul li ul li i{height: 30px;}