.head_nav_wap{ float: right; }
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{    float: right;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:35px;float:right;position:relative;cursor:pointer;height:30px; margin-top: 28px;}
.sp_nav span{display:block;background:#fff;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:10px;}
.sp_nav span:nth-of-type(3){top:20px}
.header_n .sp_nav span{ background: #af251c;}
.sp_nav_se span{ background:#fff;}
.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:9999;background:#eee;width:100%; max-height:calc(100% - 60px);font-size:14px;line-height:40px;top:-200%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display: none;}
.nav_show{top:0px}
.nav_show .sp_nav_se{  margin-right: 10px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; width: 70%;}
.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; float: left; width: 93%;}
.sjj_nav>ul>li>ul>li{border-top:1px #ddd solid;position:relative;line-height:40px;font-size:14px; float: left; width:100%;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none; width: 100%;}
.sjj_nav ul li a{color:#666;width:80%;float: left; text-align: left;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;width: 100%; float: left; text-indent: 2em;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
.sp_nav_xjb {
    background: url(../images/head_nav_xia.png) center bottom no-repeat;
    width: 40px;
    height: 30px;
}
.sjj_nav_i_se {
    background: url(../images/head_nav_xia.png) center top no-repeat;
}
.sjj_nav ul li form,.head_xl_num ul li form {
    margin: 15px 0;
    float: left;
    width: 100%;
}
.sjj_nav ul li .soText,.head_xl_num ul li .soText {
    float: left;
    width: 70%;
    height: 32px;
    line-height: 30px;
    padding: 0 2%;
    color: #333;
    border: 1px solid #ddd;
    background: #eeeeee;
    outline: none;
    border-right: 0px;
    color: #666;
    font-size: 14px;
}
.sjj_nav ul li .soBtn,.head_xl_num ul li .soBtn  {
    float: left;
    width: 20%;
    height: 32px;
    border: 1px solid #eeeeee;
    line-height: 32px;
    background: url(../images/soBtnwap.png) no-repeat center center #af251c;
}


.header_wap{ background:#af251c ;  box-shadow: 0px 0px 2px 0px #dbdbdb;}
.header_wap .sp_nav_se span{ background: #fff;}
.header_wap .header_lang,.header_wap .header_lang i{ color: #fff;}
.header_wap .header_search,.header_wap .header_search i{ color: #fff;}
.header_wap .header_nav>ul>li>a {color: #fff;}
.header_wap .header_logo img{ -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}

.head_xl_num_kuan{ width: 100%; float: left; position: fixed; height: 100%; z-index: 999; background: #af251c; display: none;}
.head_xl_num{ width: 96%; position: absolute;top: 50%; transform: translateY(-50%);    max-width: 1380px;}
.head_xl_num>ul{display: flex;}
.head_xl_num>ul>li{ flex-grow: 1; float: left; width: 1%; font-size: 24px; color: #fff; line-height: 1.5;  display: block;}
.head_xl_num>ul>li>a{  color: #fff; float: left; width: 100%; margin-bottom: 24px;}
.head_xl_num>ul>li>ul>li{ font-size: 16px; line-height: 2;  color: #ffffffd9; display: block;}
.head_xl_num>ul>li>ul>li a{ color: #ffffffd9; position: relative;}
.head_xl_num>ul>li>ul>li a:before { content: ""; position: absolute; width: 4px; height: 4px; background: #fff; border-radius: 50%; left: -10px; top: calc(50% - 2px); opacity: 0;  -webkit-transition: opacity 0.5s cubic-bezier(0.34, 0.62, 0.4, 0.99); transition: opacity 0.5s cubic-bezier(0.34, 0.62, 0.4, 0.99); }
.head_xl_num>ul>li>ul>li:hover a { color: #fff;}
.head_xl_num>ul>li>ul>li:hover a:before { opacity: 1; }
@media screen and (max-width:1200px){
    .head_xl_num>ul>li{ font-size: 20px;}
}
@media screen and (max-width:999px){
    .head_xl_num{ top: 0; transform: unset; height: calc(95% - 100px); margin-top: 100px; overflow-x: hidden;}
    .head_xl_num>ul{ display: inline-block; width: 100%;}
    .head_xl_num>ul>li{ width: 100%; padding: 16px 0;  border-bottom: 1px dashed #ffffffd9; font-size: 16px;}
    .head_xl_num>ul>li>a{ margin-bottom: 0; float: left; width: 80%; position: relative; z-index: 2;}
    .head_xl_num>ul>li .head_xl_btn{ float: right; position: absolute; width: 100%; height: 20px; z-index: 1;}
    .head_xl_num>ul>li .head_xl_btn:before{  content: "+"; position: absolute; font-size: 30px; top: 50%;  transform: translateY(-50%); right: 10px;}
    .head_xl_num>ul>li .head_xl_btn_se:before{ content: "-"; right: 15px;} 
    .head_xl_num>ul>li ul{ display: none;     width: 100%; float: left;  margin-top: 10px;}
    .head_xl_num>ul>li>ul>li{ margin: 5px 0; position: relative;}
    .head_xl_num>ul>li>ul>li a{ padding-left: 10px; }
    .head_xl_num>ul>li>ul>li a:before{ opacity: 1; left: 0; width: 2px; height: 2px; background: #ffffffd9; }
    .head_xl_num>ul>li>ul>li .head_xl_btn2{ top: 5px;float: right; position: absolute; width: 100%; height: 20px; z-index: 1;}
    .head_xl_num>ul>li>ul>li .head_xl_btn2:before{  content: "+"; position: absolute; font-size: 30px; top: 50%;  transform: translateY(-50%); right: 10px;}
    .head_xl_num>ul>li>ul>li .head_xl_btn_se:before{ content: "-"; right: 15px;} 
    .head_xl_num>ul>li>ul>li ul{  padding-left: 2%;}
}
@media screen and (max-width:999px){
    .head_xl_num{  margin-top:80px;}
}