/*--手机站导航开始------*/

.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:99999;width:100%; display: none;  -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}

.sp_logo{padding:8px 10px;float:left;height:50px}

.sp_logo img{margin:auto;max-height:35px;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}

.sp_nav span{display:block;background:#4078c2;width:25px;height:2px;position:absolute;left:10px;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:9px;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){top:9px;transform:rotate(-45deg)}

/*.sjj_nav{position:fixed;z-index:9;background:#f7f7f7;width:100%;height:100%;line-height:35px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}

*/

.sjj_nav{position:fixed;z-index:99;background:#f7f7f7;width:100%; height:100%;line-height:35px;right:-100%;overflow:auto;overflow-x:hidden;transition:right ease 0.35s; top: 50px; z-index:99999}



.nav_show{right:0px; }

.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:5px;right:0px;border-left:1px #ddd solid;height:30px;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 #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}

.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}

.sjj_nav ul li ul{display:none}

.sjj_nav ul li a{color:#666;width:80%;/*text-transform:uppercase; */display: block;}

.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}

.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}

.sjj_nav ul li .sjj_nav_i_se svg{fill:#4078c2}

.sjj_nav ul li ul li>ul{margin-left:10px}

/*----手机站导航结束----------*/



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

.dian{ height: 50px; }

.sp_header{ display: block; }



}