/* CSS Document */
.menu { position: absolute; right: 100px; top: 24px; left: 370px; font-weight: 500; letter-spacing: 0.25px; z-index: 9999; transition: all 0.25s ease 0s;}
@media only screen and (min-width:993px){
    .sjj_nav ul, .sjj_nav li{ position: relative; list-style:none; margin:0px; padding: 0;}
    .sjj_nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: calc(100% - 160px); padding: 0 20px 0 0;}
    .sjj_nav_ul { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; width: 100%; transition: all 0.25s ease 0s;}
    .sjj_nav_ul > li { position: relative; padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; transition: all 0.25s ease 0s; font-weight: 400;}
    .sjj_nav > .sjj_nav_ul > li > a { color: #ddd0c2; letter-spacing: 1px;}
    .sjj_nav > .sjj_nav_ul > li > a::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #eadccd; opacity: 0; visibility: hidden; z-index: -1; transition: all 0.25s ease-out 0s;}
    .sjj_nav > .sjj_nav_ul > li > a::after {content: ''; position: absolute; bottom: -4px; left: calc(50% - 7.5px); width: 0; height: 0; border-style: solid; border-width: 5px 7px 0 7px; border-color: #eadccd transparent transparent transparent; opacity: 0; visibility: hidden; z-index: -2; transition: all 0.25s ease-out 0s;}
    .sjj_nav > .sjj_nav_ul > li:hover > a { color: #ddd0c2!important;}
    .sjj_nav_ul > li > a { position: relative; margin: 0 16px; line-height: 50px; display: flex; flex-flow: wrap; align-items: center; justify-content: center; color: #ddd0c2; font-weight: 500; z-index: 1; transition: all 0.25s ease 0s;}
    .sjj_nav_ul > li:hover { color: #153555; text-decoration: none;}
    .sjj_nav_ul > li:hover > a { position: relative; color: #153555 !important; z-index: 1;}
    .sjj_nav_ul > li:hover > a::before { opacity: 1; visibility: visible; transition: all 0.25s ease-out 0s;}
    .sjj_nav_ul > li:hover > a::after { opacity: 1; visibility: visible; transition: all 0.25s ease-out 0s;}
    .sjj_nav_ul > li:hover > ul { opacity: 1; visibility: visible; margin: 0; /*top: 46px;*/ display: block!important;}
    .sjj_nav_ul > li > ul { position: absolute; top: 79px; left: 50%; transform:translateX(-50%); width: 144px; text-align:left; line-height:20px; opacity: 0; visibility: hidden;  z-index: 1; transition: all 0.25s ease 0s;}
    .sjj_nav_ul > li > ul::before { content: ''; position: absolute; top: -27px; left: 0; right: 0; height: 27px; z-index: -2;}
    .sjj_nav_ul > li > ul > li { position: relative; width: 100%; margin-bottom: 1px; background-color: #153555;}
    .sjj_nav_ul > li > ul a { display: block; margin: 0; padding: 5px 10px!important; width: 100%; color:#eadccd !important; text-align: center; line-height: 40px;}
    .sjj_nav_ul > li > ul li:hover { background-color: #eadccd; text-decoration: none;}
    .sjj_nav_ul > li > ul li ul li:hover a { background-color:#222222; text-decoration: none;}
    
    .sp_nav_xjb { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 8px; height: 6px; margin: 3px 0 0 7px; display: none;}
    .sp_nav_xjb::before { content: ''; height: 0; width: 0; border-color: #b1b1b1 transparent transparent transparent; border-style: solid solid solid solid; border-width: 6px 4px;}
    .sjj_nav_ul li:hover .sp_nav_xjb::before { content: ''; height: 0; width: 0; border-color: #fff transparent transparent transparent; border-style: solid solid solid solid; border-width: 6px 4px;}
    .sjj_nav_ul li:hover > ul > li .sp_nav_xjb::before { content: ''; height: 0; width: 0; border-color: transparent transparent transparent #b1b1b1; border-style: solid solid solid solid; border-width: 4px 6px; transition: all 0.25s ease 0s;}
    .sjj_nav_ul > li > ul > li .sp_nav_xjb { position: absolute; right: 0px; top: 2px; width: 8px; height: 6px; margin: 15px 0 0 7px;}
    .sjj_nav_ul > li > ul > li:hover > .sp_nav_xjb, .sjj_nav_ul > li > ul > li > ul > li > ul > li:hover > .sp_nav_xjb { position: absolute; right: 0px; top: 2px; width: 8px; height: 6px; margin: 15px 0 0 7px;}
    .sjj_nav_ul > li > ul > li > ul > li:hover > .sp_nav_xjb, .sjj_nav_ul > li > ul > li > ul > li > ul > li > ul > li:hover > .sp_nav_xjb {width: 8px; height: 6px; margin: 15px 0 0 0px; position: absolute; left: -4px; right: auto; top: 2px;}
    .sjj_nav_ul > li > ul > li:hover > .sp_nav_xjb::before, .sjj_nav_ul > li > ul > li > ul > li > ul > li:hover > .sp_nav_xjb::before {content: ''; height: 0; width: 0; border-color: transparent transparent transparent #fff; border-style: solid solid solid solid; border-width: 4px 6px; transition: all 0.25s ease 0s;}
    .sjj_nav_ul > li > ul > li > ul > li:hover > .sp_nav_xjb::before, .sjj_nav_ul > li > ul > li > ul > li > ul > li > ul > li:hover > .sp_nav_xjb::before {content: ''; height: 0; width: 0; border-color: transparent #fff transparent transparent; border-style: solid solid solid solid; border-width: 4px 6px; transition: all 0.25s ease 0s;}
    .sjj_nav_ul > li > ul > li:hover > ul, .sjj_nav_ul > li > ul > li > ul > li:hover > ul, .sjj_nav_ul > li > ul > li > ul > li > ul > li:hover > ul, .sjj_nav_ul > li > ul > li > ul > li > ul > li > ul > li:hover > ul { display: block!important; opacity: 1; visibility: visible; margin: 0;}
    .sjj_nav_ul > li > ul > li ul { position: absolute; top: 20px; left: 100%; width: 130%; background-color:#3f3f41; box-shadow: 2px 3px 5px rgba(255, 255, 255, 0.5); text-align:left; line-height:20px; opacity: 0; visibility: hidden;  z-index: 1; transition: all 0.25s ease 0s;}
    .sjj_nav_ul > li > ul > li ul > li > ul, .sjj_nav_ul > li > ul > li ul > li > ul > li > ul > li > ul { left:auto; right: 100%; background-color: rgba(0, 0, 0, 1);}
    .sjj_nav_ul > li > ul > li ul > li > ul li:hover a {background-color:rgba(255, 255, 255, .2);}
    .sjj_nav_ul > li > ul > li ul > li > ul li ul li:hover a {background-color:rgba(255, 255, 255, .4);}
    .sjj_nav_ul > li > ul > li ul > li > ul li ul li ul li:hover a {background-color:rgba(255, 255, 255, .6);}
    .sjj_nav_ul > li > ul > li ul > li > ul > li > ul {left: 100%;}
    .sjj_nav > .sjj_nav_ul .current > a::before {opacity: 1!important; visibility: visible!important;}
    .sjj_nav > .sjj_nav_ul .current > a::after {opacity: 1!important; visibility: visible!important;}
}

@media only screen and (min-width:1401px){
    .sjj_nav { width: calc(100% - 190px); padding: 0 40px 0 0;}
    .sjj_nav_ul > li > a { margin: 0 22.5px;}
    .sjj_nav_ul > li > ul { top: 85px;}
    .sjj_nav > .sjj_nav_ul > li > a { line-height: 60px;}
}

@media only screen and (max-width:1400px){
    .menu { top: 30px; left: 320px;}
}
@media only screen and (max-width:1200px){
    .menu { top: 13px; right: 50px; left: 230px;}
}
@media only screen and (max-width:992px){
    *{ box-sizing:border-box;}
    .sjj_nav img{ /*display:block;max-width:100%;border:0*/}
    .sjj_nav ul, .sjj_nav li{ list-style:none; margin:0px; padding: 0; display: block;}
    .sjj_nav a{ text-decoration:none;/*display:block;*/-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;}
    .nav_show { /*display:none;*/}
    .sp_header{ position:fixed; right:20px; top:22px; height:20px;/*overflow:hidden;background:#fff;*/width:25px; z-index:9999; transition: all 0.35s ease 0s;}
    .sp_logo{ padding:10px; float:left; height:50px}
    .sp_logo img{ margin:auto; max-height:30px;}
    .sp_nav{ position:relative; width:25px; float:right; cursor:pointer; height:20px;}
    .sp_nav span{ position:absolute; left:0; display:block; background:#e9dbcc; width:25px; height:3px; transition: all 0.35s ease 0s;}
    .sp_nav span:nth-of-type(1){ top:0px}
    .sp_nav span:nth-of-type(2){ top:7px}
    .sp_nav span:nth-of-type(3){ top:14px}
    .sp_nav_se span:nth-of-type(1){ top:5px; transform:rotate(45deg); height:3px;}
    .sp_nav_se span:nth-of-type(2){ width:0}
    .sp_nav_se span:nth-of-type(3){ top:5px; transform:rotate(-45deg); height:3px;}
    .sjj_nav{ position:fixed; width:100%; height:calc(100% - 50px); background-color: rgba(0, 0, 0, 0.63); font-size:14px; line-height:40px;top:60px;right:-100%; overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling: touch; z-index:9966; transition: all 0.35s ease 0s;}
    .nav_show{ right:0px; top: 60px;}
    .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:30px;margin-top:5px}
    .sjj_nav>ul>li:first-child .language a{ width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
    .sjj_nav ul li i{ position:absolute; top:14px; right:0px; border-left:1px solid rgba(255, 255, 255, 0.5); width: 12px; height:24px; padding:0px 15px; cursor:pointer; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .sjj_nav ul li i svg{ transform:rotate(-90deg); transition: all 0.35s ease 0s;}
    .sjj_nav ul li .sjj_nav_i_se svg{ transform:rotate(0deg)}
    .sjj_nav ul li { position:relative;line-height:120%;font-size:16px; /*padding: 0 10%;*/}
    .sjj_nav ul li:last-child { border-bottom: 0px solid rgba(0, 0, 0, 0.23);}
    .sjj_nav>ul >li:last-child{ /*border-bottom:1px #ddd solid;*/}
    .sjj_nav ul li ul{ display:none; margin-top: 0px; font-weight:normal !important;background-color:rgba(0, 0, 0, 0.1);}
    .sjj_nav ul li ul li i{ position:absolute; top:8px; right:0; border-left:0px solid rgba(0, 0, 0, 0.23); width: 12px; height:24px; padding:0px 15px; cursor:pointer; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
    .sjj_nav ul li ul li { position:relative;line-height:120%;font-size:16px; /*padding: 0 0 0 10%;*/}
    .sjj_nav_ul > li > ul { position:relative; top:inherit; left: 0; width: 100%; text-align:center; line-height:20px; margin-left: 0px!important; opacity: 1;visibility:visible; z-index: 1; transition: all 0s ease 0s;}
    .sjj_nav ul li a{ color:#fff;/*width:100%;*/ margin:0; display:block; padding: 13px 0; font-weight: normal;}
	.sjj_nav ul li a span:nth-child(1) { display: block; visibility: visible; opacity: 1;}
	.sjj_nav ul li a span:nth-child(2) { display: none; visibility: hidden; opacity: 0;}
    .sjj_nav ul li ul li a{ /*color:#ade6ff;*/display:block;text-align:left; text-decoration:none;}
    .sjj_nav ul li i svg{ width:20px;height:20px;fill:#fff;}
    .sjj_nav ul li .sjj_nav_i_se svg{ fill:#fff}
    .sjj_nav ul li ul li>ul{ /*padding-left:30px;*/}
    .sp_nav_xjb { display:block;}
    .sjj_nav_ul > li > ul > li { width:auto;}
    .sjj_nav_ul > li > ul a { width:auto; padding: 10px !important;}
    .sjj_nav_ul > li > ul li a::after { content:none; display: block; height: 2px; background-color: #fff; width: 100%; margin-top: 10px; transition: all 0.25s ease 0s;}
    /*.sjj_nav_li_w {display: none!important;}*/

    .sjj_nav .search-bar {float:none;margin:auto;max-width:50%;margin-bottom:50px;}
    .sjj_nav .search-btn {top:3px;}
    .sjj_nav_ul { position:absolute; top:50px; right:0; width:100%; overflow:auto; background-color:#153555; padding: 0 20px!important; /*height:100%; background-image: linear-gradient(90deg, rgba(42, 62, 133, 1) 0%, rgba(80, 125, 195, 1) 100%);*/}
    .sp_nav_se { position: absolute; top: 0px; right: 0px; z-index: 9999;}
    .sp_nav_xjb::before {content: ''; height: 0; width: 0; border-color: #fff transparent transparent transparent; border-style: solid solid solid solid; border-width: 9px 6px; transition: all 0.25s ease 0s;}
    .sjj_nav_i_se::before {content: ''; height: 0; width: 0; border-color: transparent #fff transparent transparent; border-style: solid solid solid solid; border-width: 6px 9px; transition: all 0.25s ease 0s;}
	.sjj_nav > .sjj_nav_ul .current > a { color: #dec2a8;}

}