@charset "utf-8";
/* CSS Document */


/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:80px;/*overflow:hidden;*/background:#fff;position:fixed;z-index:10;width:100%;}

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

.sp_nav span{display:block;background:#333;width:30px;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}
.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:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:80px}

.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%}
.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:#083e85;}
.sjj_nav ul li ul li>ul{margin-left:10px}

.mobile_logo{padding:10px;float:left;height:50px}
.mobile_logo a img{margin:auto;max-height:70px;}

@media (max-width:1200px){
	header{height:80px;}
	}




@media only screen and (max-width:992px) {
	/*.index-banner-wrapper{
		 margin: 80px 0 0 0;
		}*/

}




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


.moblanguage{
  position: relative;
  margin: 20px 0 0;
  padding-right:25px;
  float:right;
}

.moblanguage .moblanguage_bth{
  display: block;
  width:40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size:32px;
  cursor:pointer;
  -webkit-transition: 0.4s ease all;
}

.moblanguage .moblanguage_bth .iconfont{
  margin: 0 .06rem 0 0; font-size:32px;
}

.moblanguage .moblanguage_bth:hover .iconfont{
color: #083e85;
}

.moblanguage .moblanguage-bar{
  display: none;
  position: absolute;
  top: 60px;
  right:-35px;
  z-index: 999;
  width:105px;
  padding:10px 0;
  background:rgba(255,255,255,0.8);
}

.moblanguage .moblanguage-bar a{
  display: block;
  color: #333;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size:14px;
}

.moblanguage .moblanguage-bar a:nth-child(1){ border-bottom:1px solid #bbbbbb;}

.moblanguage .moblanguage-bar a:hover{
  color: #083e85;
}