@charset "utf-8";

.sp_header{position:fixed;z-index:9;width:100%; top:0;background-color:#2d56a4;padding:10px;}
.sp_logo{float:left;width:calc(100% - 80px);}
.sp_nav{width:40px;float:right;position:relative;height:20px;margin-top:15px;}
.nav_show{top:70px}

.sp_logo img{width:auto;height:auto;}
.sp_nav{width:40px;float:right;position:relative;height:20px;margin-top:20px;}
.sp_nav span{display:block;background:#fff;width:18px;height:2px;position:absolute;transition:all ease 0.35s;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9;background-color:#2d56a4;width:100%;height:100%;font-size:16px;line-height:30px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; line-height:35px;}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:0px #ddd solid;text-align:center;color:#fff;}
.sjj_nav ul li i{position:absolute;top:10px;right:0px;border-left:1px #ddd solid;height:20px;}
.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, 0.1) solid;margin:5px;position:relative;font-size:16px; padding-left:5%;}
.sjj_nav>ul >li:last-child{border-bottom:1px rgba(255, 255, 255, 0.1) solid; padding-bottom:10px;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#ffffff;width:80%;}
.sjj_nav ul li ul li a{color:#ffffff;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#fff; margin-bottom:10px;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav>ul>li>ul>li a{color: rgba(255, 255, 255, 0.8);text-align:left;}


@media screen and (max-width:576px) {

.sp_header{position:fixed;z-index:9;width:100%; top:0;background-color:#2d56a4;}
.sp_logo{float:left;width:calc(100% - 60px);}
.sp_nav{width:40px;float:right;position:relative;height:20px;margin-top:14px;}
.nav_show{top:60px}
}

@media screen and (max-width:540px) {
.sp_nav{margin-top:12px;}
.nav_show{top:55px}
}

@media screen and (max-width:440px) {
.sp_nav{margin-top:5px;}
.nav_show{top:48px}

}

@media screen and (max-width:412px) {
.sp_nav{margin-top:5px;}
.nav_show{top:45px}

}
@media (max-width:360px) {
.sp_nav{margin-top:3px;}
.nav_show{top:40px}
}


@media (max-width:320px) {
.sp_nav{margin-top:4px;}
}