/****************************************************************头部设置*********************************************************************/
.logo{ z-index:100000000;  margin:0 auto;z-index:10000;  width:100%; background:none; top:0; height:80px; position:absolute; padding:0 8%; background:rgba(0,0,0,0.1);}
.logo_1{ margin:0 auto; position:relative; display:flex; flex-wrap:wrap; z-index:10; background:none; padding:0;}
.logo_img{ padding:0; width:30%;  position:relative; padding:20px 0;}
.logo_img img{ display:block; max-width:100%; height:50px; position:absolute; left:0; top:50%; -webkit-transform: translate(0,-50%);transform: translate(0,-50%); -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);}
.logoh{ height:0; display:block; }




/********导航********/
.sjj_nav,.sp_nav{ display:none;}
.navbox{  z-index:9;text-align:center;  font-size:16px; padding:0;  width:65%;  margin-left:5%;}
.nav{margin:0 auto;list-style:none; padding:0;  margin:0 auto;  margin:0 auto; height:80px; line-height:80px; display:flex;}
.nav li{  text-align:center; flex:1; position:relative;}
.nav li a{  padding:0; display:block; padding:0; font-size:16px; color:#fff; position:relative; z-index:100;}
.nav li:before{ content:''; width:0; position:absolute;bottom:0; display:block; left:50%; transform: translate(-50%); transition: width 0.5s;z-index:0; height:100%; background:none;}
.nav li:hover:before{ width:100%;}
.nav li:hover a{ color:#ff0;}

.nav li.mj_hover_menu{ display:block; }
.nav li.mj_hover_menu a{ color:#ff0; }
.nav li.mj_hover_menu:before{ width:0;}


.nav li .submenu{ display:none; position:absolute;top:80px;z-index:1000; width:100%;  padding:0; background:#f9f9f9; box-shadow:0 0 10px rgba(0,0,0,0.1); }

.nav li .submenu:before{ content:''; display:block;  width: 0;height: 0;border-style: solid;border-width: 0 15px 15px 15px; top:-15px; position:absolute; border-color: transparent transparent #fff transparent; left:50%; margin-left:-15px;}

.nav li .submenu dd{ line-height:2; text-align:center; padding:12px; border-bottom:1px dotted #eee; }
.nav li .submenu dd:last-child{ border-bottom:0;}
.nav li .submenu dd a{ color:#000;  padding:0;font-size:14px;}
.nav li .submenu dd p{ color:#666;}
.nav li .submenu dd:hover{ background:#fff;}
.nav li .submenu dd:hover a{ color:#1e4da0;}
.nav li .submenu-other{ min-height:auto; padding:0; width:100%; }

@media (max-width:640px){

h1{ font-size:14px; font-weight:bold;}
.logo{ height:50px; padding:0; position:fixed; width:100%; background:#fff;}

.logo_img{ width:100%; height:50px;left:0; top:0;  -webkit-transform: translate(0);transform: translate(0);}
.logo_img img{ display:block; height:25px; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
-webkit-filter:none;}
.logoh{ height:50px;}
.w1100{ margin:0; padding:0 3%; z-index:0}

/****************************************************************导航*********************************************************************/

.sp_nav{width:50px; height:50px; display:block; position:fixed; left:0; top:0;transition:all ease 0.35s; z-index:99999999;}
.sp_nav span{display:block;background:#000;width:20px;height:2px;position:absolute;left:15px;transition:all ease 0.35s; border-radius:3px;}
.sp_nav span:nth-of-type(1){top:15px}
.sp_nav span:nth-of-type(2){top:23px; width:15px;}
.sp_nav span:nth-of-type(3){top:31px}
.sp_nav_se{ background:#fff;transition:all ease 0.35s;}

.sp_nav_se span:nth-of-type(1){left:15px; top:25px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){left:15px; top:25px;transform:rotate(-45deg)}

.sjj_nav{ width:100%; top:50px; left:-100%; position:fixed; height:calc(100% - 50px);  background:#fbfbfb;  display:block;transition:all ease 0.35s;z-index:9999999;}
.sjj_nav ul{ margin:0; padding:0; display:block;  height:100%;}
.sjj_nav ul li a{ display:block; color:#000;padding:18px; border-bottom:1px solid #f0f0f0; }
.sjj_nav ul li a:after{font-family: 'iconfont'; content:'\e700'; float:right; }

.sjj_nav ul.nav-menu{ height:calc(100% - 80px); position:relative;}
.sjj_nav ul.nav-banquan{ position:absolute; bottom:0; height:80px; font-size:12px; padding:3%; text-align:center; width:100%;}
/*****/
.m-erji{ left:-100%; width:100%; position:absolute;top:0; background:#fbfbfb;transition:all ease 0.35s; overflow:scroll; }
.m-erji li.title-back{ background:#1e4da0; color:#fff; text-align:center; height:50px; line-height:50px;}
.m-erji li.title-back:before{ content:'\e632';font-family: 'iconfont'; color:#fff; float:left; margin-left:20px;}
.sssss{ position:absolute; width:100%; height:100%; left:0;transition:all ease 0.35s; z-index:9999999; }
.plist-m{}
.plist-m img{ width:40%; float:right; margin-left:5%; display:block;}
.plist-m h2{ font-size:15px;}
.plist-m p{ color:#999; font-size:12px;}
.sjj_nav ul li .plist-m  a:after{ content:''; float:none;}
.nav_show{left:0;transition:all ease 0.35s; z-index:9999999;}
}