/*--手机站导航开始------*/
.sp_header{height:60px;overflow:hidden;background:#fff;position:fixed;z-index:10;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 0px 0 0px;float:left;height:60px}
.sp_logo img{margin:auto;max-height:44px;}
.sp_header .logo_name{ float: left; padding-top:10px;  font-size: 16px; font-weight: bold;font-family:"Microsoft YaHei";}
.sp_header .logo_name p{font-size: 14px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;margin-top:12px}
.sp_nav span{display:block;background:#BA2636;width:25px;height:2px;position:absolute;right:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px; display: none;}
.sp_nav span:nth-of-type(2){top:0px;background:#BA2636;width:35px;height:35px; line-height: 35px; display: block; text-align: center; border-radius: 35px; transition:all ease 0.35s; color: #fff; font-size: 24px; font-weight: bold;-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 5px 5px rgba(0,0,0,0.2);box-shadow: 0px 5px 5px rgba(0,0,0,0.2); }
.sp_nav span:nth-of-type(3){top:20px;display: none;}
.sp_nav_se{ margin-top:20px; }
.sp_nav_se span:nth-of-type(1){top:9px;transform:rotate(45deg); display: block;}
.sp_nav_se span:nth-of-type(2){width:0; display: none;}
.sp_nav_se span:nth-of-type(3){top:9px;transform:rotate(-45deg);display: block;}
/*.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;}
*/

.sp_header .lang{ float: right;  font-weight: 700; margin-right: 10px; padding-top: 15px; font-family: Arial; }

.sp_header .lang a{ width: 25px; height: 25px; line-height: 25px; display: block; text-align: center; color: #BA2636; border: #BA2636 2px solid; font-size: 14px; border-radius: 5px; }



.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: 60px;}

.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% - 75px)}
.sjj_nav>ul>li:first-child .language{float:right;width:75px;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:0px;right:0px;border-left:1px #ddd solid;height:40px;padding:0px 10px 0 10px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s; }
.sjj_nav ul li i em{transform:rotate(0deg);transition:all ease 0.35s; display:block; font-size:16px; height:40px; margin-top:0px;  line-height:40px; }
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li .sjj_nav_i_se em{transform:rotate(90deg)}
.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:#BA2636}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*----手机站导航结束----------*/

@media only screen and (max-width: 1200px) {
.dian{ height: 60px; }
.sp_header{ display: block; }

}