
.Top002070{width:100%;z-index:9999;position: fixed;left: 0;top:0;z-index: 100;height: 100px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.Top002070 .header-left{position:absolute; top:16px; left:5%; }
.Top002070 .header-left img.logo2{ display: none }
.Top002070 .header-right{  position:absolute; top:0;right:3%;margin-top:15px;z-index: 50 }
.Top002070 .header-right dd{position:relative; float:left;}
.Top002070 .header-right dd >a{ display:block;height:50px; line-height:50px;}
.Top002070.show {top:0;box-shadow: 0 5px 8px rgba(0,0,0,.2);width:100%;left: 0; background-color: #fff;}
.Top002070.show:after{  content: ""; display: block; position: absolute; right: 4.3%; }
.Top002070 .header-mid{ float: right; margin-right:8%;   }


.Top002070 .open-search{ position:relative; display:block; z-index: 99999; width: 50px; background:url(search.png) no-repeat center center; margin-top: 10px; margin-right: 10px; }
.Top002070 .open-search-show::before,
.Top002070 .open-search-show::after{ background:#fff;}
.Top002070 .top-search{ z-index:100; display:none; position:absolute; right: 15px;  top:145%; border:1px solid #eee; background:#fff; }
.Top002070 .top-search .text{ width:100%; height:36px; width: 250px; line-height:36px; padding:0 36px 0 10px; border:none ; color: #666}
.Top002070 .top-search .btn{ position:absolute; right:0; top:0; height:36px; width:36px; background:url(top002070-search_btn.png) no-repeat center center;background-size:auto 50%;}
.Top002070 .header-menu li{   width: auto !important; margin: 0 30px;}
.Top002070 .header-menu li em a{ padding:26px 0; font-size: 18px; position: relative; color: #fff; line-height: 50px; }
.Top002070 .header-menu li.aon1 em a,
.Top002070 .header-menu li em a:hover{ color: #fff;  }
.Top002070 .header-menu li.aon1 em a:after,
.Top002070 .header-menu li em a:hover:after{ content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height:2px; background: #fff}
.Top002070 .header-menu li .sub-menu dt {padding:10px 5px; }
.Top002070 .header-menu li .sub-menu dt a{  transition:0.3s; color: #444; font-weight: normal;}
.Top002070 .header-menu li .sub-menu dt a img{width:35px;display: block;text-align: center;margin:0 auto;}
.Top002070 .sub-menu-layer{ background:rgba(255,255,255,0.72); }
.Top002070 .header-menu li .sub-menu dl {  padding: 10px 0 15px }
.Top002070 .header-menu li .sub-menu dt { position: relative;}
.Top002070 .header-menu li .sub-menu dt a{ padding:0 15px; color:#666; line-height:45px;text-align: center;display: block; font-size: 16px;}
.Top002070 .header-menu li .sub-menu dt a:hover{ color:#208740;background: none}
.Top002070 .header-menu li .sub-menu dt a:hover img{transition: 0.5s;  transform: rotateY(360deg);}
.Top002070 li em a{ color: #666}
.Top002070 .header-menu li em a:hover{ color: #208740 }
.Top002070 .header-menu li.aon1 em a:after,
.Top002070 .header-menu li em a:hover:after{background:#208740}
.Top002070 .header-left img.logo1{ display: none }
.Top002070 .header-left img.logo2{ display: block}
.header-menu li em{ display:block; font-style:normal; text-align:center;}
.header-menu li em a{ display:block;}
.header-menu li .sub dt{ line-height:40px;}
.header-menu li .sub dt a{display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px;}
.header-menu li .sub dt a:hover{ background:#208740; color:#fff;}
.header-menu .sub-has-sub dl{display:none;}
.Top002070 .header-menu li.aon1 .sub-menu-layer{ display: block;}
.Top002070 .header-menu li .sub-menu-layer{ display: none;}

header.on-header,header:hover,header.active.on-header {  background: #fff;z-index: 9999;}
header .header-left .logo img{width:100%;}
header .header-left .img2 {display: none;}
header:hover .header-left .img1,header.on-header .header-left .img1 {display: none;}
header:hover .header-left .img2,header.on-header .header-left .img2{display: block;}
.Top002070 header.on-header .header-menu li em a,.Top002070 header:hover .header-menu li em a{ color: #333; }
.Top002070 header.on-header .header-menu li em a:hover,.Top002070 header:hover .header-menu li em a:hover{ color: #208740; }
.Top002070 header.on-header .open-search,.Top002070 header:hover .open-search{ position:relative; display:block; width: 50px; background:url(search2.png) no-repeat center center;}
@media(min-width:1025px){

.relative{ position:relative; z-index:100;}
.header-menu li{ float:left; }
.header-menu li .sub{position:absolute;  /*top:-400%;*/}
.header-menu li .sub{ opacity:0;overflow:hidden; }
.header-menu li.aon .sub{ opacity:1; }
.fullbground .sub-menu >dl,
.fullbground .sub-menu >dl dt{ float:left;}
.sub-menu-layer{ position:absolute; left:0; top:100%; width:100%;}
.sub-slideDown .sub-menu-layer{ display:none; /*transition:0.3s;*/}
}


.sp_header{height:200px;overflow:hidden;position:fixed;z-index:9999999;width:100%;}
.sp_logo{padding:2px 10px;float:left;height:200px}
.sp_logo img{margin:auto; height:130px;}
.sp_nav{width:200px;float:right;position:relative;cursor:pointer;height:200px;margin-top:20px}
.sp_nav span{display:block;background:#000;width:200px;height:15px;position:absolute;left:30px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:30px}
.sp_nav span:nth-of-type(3){top:60px}
.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:99999;background:#eee; width:100%; font-size:22px;line-height:100px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:200px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px);line-height:40px;}

.sjj_nav ul li i{position:absolute;top:10px;right:0px;border-left:1px #ddd solid;height:30px; line-height: 42px; 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;padding-left:20px; position:relative;line-height:52px;font-size:16px}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{ width:80%}
.sjj_nav ul li ul li {padding-left:-20px;}
.sjj_nav ul li ul li a{ display:block;text-align:left; line-height:100px;font-size:22px}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#208740}
.sjj_nav ul li ul li>ul{margin-left:10px}
