﻿
.Top002070{width:100%;z-index:100;position: fixed;left: 0;top:0px;z-index: 100;height: 100px;background:white;
/*  border-bottom: 1px solid #e5e5e5;*/
}
.Top002070 .header-left{position:absolute; top:16px; left:13%; }
.Top002070 .header-left img.logo2{ display: none }
.Top002070 .header-right{  position:absolute; top:0;right:13%;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;height:100px;}
.Top002070.show:after{  content: ""; display: block; position: absolute; right: 4.3%; }
.Top002070 .header-mid{ float: left;margin-left:26%;width:34%;}
.Top002070 .header-fr{float:left;margin-right:10px;margin-left: 4%;}
.Top002070 .header-fr .form-control{height:40px;width:200px;margin-top:30px;}
.Top002070.show .header{height:100px;}

.Top002070 .open-search{ position:relative; display:block; z-index: 99999; width: 50px; background:url(../images/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(../images/top002070-search_btn.png) no-repeat center center;background-size:auto 50%;}



.Top002070 .header-left img.logo1{ display: none }
.Top002070 .header-left img.logo2{ display: block}

.header-mid .nav ul li{display:inline-block;width:19%;text-align:center;}
.header-mid .nav ul li a{font-size:16px;color:#666;display:block;line-height:100px;}
.header-mid .nav ul li.hover a{color:#0085d5;font-weight:bold;}
.clear{clear:both;}
.header-mid .nav ul li .m1{position:absolute;margin-left:-30px;display:none;}
.header-mid .nav ul li:hover .m1{display:block;}
.header-mid .nav ul li .m1 ul li{display:block;width:180px;background:white;margin:-1px 0px;padding:0px;}
.header-mid .nav ul li .m1 ul li a{line-height:40px;display:block;padding:10px 0px;}

.header-mid .nav ul li .m1 ul li a:hover,.header-mid .nav ul li .m1 ul li.cur a{background:#0085d5;color:white;}

.header-mid .nav ul li .m1 ul li.on a{background:#0085d5;color:white;}
.header-mid .nav ul li .m1 ul li .m2{position:absolute;left:179px;top:0px;display:none;height:500px;}
.header-mid .nav ul li .m1 ul li .m2 a{background:#f5f5f5;color:#666;}
.header-mid .nav ul li .m1 ul li .m2 a:hover{background:white;color:#0085d5;}
.header-mid .nav ul li .m1 ul li:hover .m2{display:block;}
.header-mid .nav ul li .m1 ul li .nav_pro{height:auto;background:#f5f5f5;}
.header-mid .nav ul li .m1 ul li .nav_pro li{}
.header-mid .nav ul li .m1 ul li .nav_pro a{line-height:24px;display:block; float:left;text-align:left;padding:5px 10px;font-weight:bold;}
.header-mid .nav ul li .m1 ul li .nav_pro .m2a{color:#0085d5;font-weight:bold;font-size:14px;width:360px;display:block;padding:10px 30px;line-height:40px}
.header-mid .nav ul li .m1 ul li .nav_pro .m3a{font-size:14px;width:180px;padding-left:30px;}
.header-mid .nav ul li .m1 ul li .nav_pro li{width:360px;}

.header-mid .nav ul li .m1 ul li:nth-child(2) .nav_pro{top:58px;}
.header-mid .nav ul li .m1 ul li:nth-child(3) .nav_pro{top:116px;padding-bottom:20px;}
.header-mid .nav ul li .m1 ul li:nth-child(4) .nav_pro{top:176px;padding-bottom:20px;}
.header-mid .nav ul li .m1 ul li:nth-child(5) .nav_pro{top:235px;padding-bottom:20px;}
.header-mid .nav ul li .m1 ul li:nth-child(6) .nav_pro{padding-bottom:20px;}
.header-mid .nav ul li .m1 ul li:nth-child(7) .nav_pro{top:353px;}
.header-mid .nav ul li .m1 ul li:nth-child(8) .nav_pro{top:413px;}
.header-mid .nav ul li .m1 ul li:nth-child(9) .nav_pro{top:475px;}
.header-mid .nav ul li .m1 ul li:nth-child(10) .nav_pro{top:533px;}



.header-mid .nav ul li .m1 ul li:nth-child(2) .nav_solution{top:58px;}
.header-mid .nav ul li .m1 ul li:nth-child(3) .nav_solution{top:116px;padding-bottom:20px;}
.header-mid .nav ul li .m1 ul li:nth-child(4) .nav_solution{top:176px;padding-bottom:20px;}
.header-mid .nav ul li .m1 ul li:nth-child(5) .nav_solution{top:235px;padding-bottom:20px;}
.header-mid .nav ul li .m1 ul li:nth-child(6) .nav_solution{padding-bottom:20px;}

.header-mid .nav ul li .m1 ul li .m2 .m3{position:absolute;left:179px;display:none;top:0px;}
.header-mid .nav ul li .m1 ul li .m2 li:hover .m3{display:block;}

.header-fr2{float:right;margin-right:15%;margin-top:35px;}
.header-fr2 span{margin:15px 0px 0px 10px;}
.header-fr2 span img{width:30px;height:30px;}

.header-fr2 span a{color:#666;font-size:14px;}
.header-fr2 span a:hover{color:#0085d5;}

@media (max-width:1860px)
{

}

@media (max-width:1680px)
{

.header-mid .nav ul li a{font-size:14px;}
}



@media (max-width:1444px)
{

.header-mid .nav ul li a{font-size:12px;}
.header-mid .nav ul li .m1 ul li .nav_pro .m2a{font-size:12px;}
.header-mid .nav ul li .m1 ul li .nav_pro .m3a{font-size:12px;}
}

@media (max-width:1366px)
{

.header-mid .nav ul li a{font-size:12px;}
}


@media (max-width:1280px){
.Top002070 .header-fr{margin-left:0%;}


}

.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:#0085d5; color:#fff;}



.Top002070 .on-header li.hover em a{color: #0085d5; }
.Top002070 .on-header{height:100px;}

header.on-header,header:hover,header.active.on-header {height:; background: #fff;z-index: 9999;}
header .header-left .logo img{height: 70px;}
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;}
header:hover{height:101px;}
.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: #0085d5; }
.Top002070 header.on-header .open-search,.Top002070 header:hover .open-search{ position:relative; display:block; width: 50px; background:url(../images/search2.png) no-repeat center center;}

.sou input{border:1px solid #999;}
.sou .input-btn{background:#0085d5 url(../images/search.png) no-repeat center center;position:relative;width:50px;height:40px;top:-40px;left:198px;border-top-right-radius: 5px;border-bottom-right-radius:5px;}




@media(min-width:1025px){
#header-menu{ display:none;}
.relative{ position:relative; z-index:100;}
.header-menu li{ float:left; }
.header-menu li .sub{position:absolute;}
.header-menu li .sub{ opacity:0;overflow:hidden; }
.header-menu li.aon .sub{ opacity:1; }

}



@media (max-width:1840px) {
  .Top002070 .header-left{ left:11%; }
  .Top002070 .header-right{ right:11%; }
  }
  @media (max-width:1780px) {
  .Top002070 .header-right{ right:10%; }
.Top002070 .header-menu li em a{font-size:20px;}
  }
  @media (max-width:1700px) {
  .Top002070 .header-left{ left:9%; }
.Top002070 .header-menu li em a{font-size:20px;}
  }
@media(max-width:1600px){
.Top002070 .header-menu li{ margin: 0 24px;}
.Top002070 .header-left{ left:7%; }
.Top002070 .header-right{ right:6%; }
.Top002070 .header-menu li em a{font-size:20px;}
}
@media(max-width:1540px){
.Top002070 .header-left{ left:5%; }
.Top002070 .header-right{ right:4%; }
.Top002070 .header-menu li em a{font-size:18px;}
}
@media(max-width:1500px){
  .Top002070 .header-left{ left:4%; }
  .Top002070 .header-right{ right:2%; }
  }
@media(max-width:1480px){
.Top002070 .header-menu li{ margin: 0 25px;}
} 
@media(max-width:1380px){
.Top002070 .header-left{ left:2.5%; }
.Top002070 .header-right{ right:1%; }
.Top002070 .header-menu li{ margin: 0 20px;}
} 
@media(max-width:1366px){
  .Top002070 .header-left{ left:5%; }
  .Top002070 .header-right{ right:3%; }
.header-menu li .sub dt a{display:block;white-space:nowrap; text-overflow:ellipsis;overflow:hidden;padding:0 10px;}


}
@media(max-width:1320px){
.Top002070 .header-menu li em a{font-size:18px;}
.Top002070 .header-menu li{ margin: 0 15px;}
.Top002070 .header-left{ left:4%; }
.Top002070 .header-right{ right:2%; }
} 
@media(max-width:1250px){
.Top002070 .header-menu li{ margin: 0 12px;}
}
@media(max-width:1024px){
.Top002070 .header{ margin:0 2%; height:80px;}
.Top002070 .header-right{ z-index:101; right:1%;margin-top:-20px;top: 50%;}
.Top002070 .header-left img{height:50px;}
.Top002070 #header-menu li .sub dt a img{display: none}
.Top002070 .top-language{margin-right:8px;margin-top:4px;}
.Top002070 .top-language em{padding:0 13px 0 34px;background: url(../images/lang.png) no-repeat 13px center;background-size:14px;}
.Top002070 .Public_nav_style #open_menu{ position:relative; right:0; top:auto; margin-left:4px; border-radius:0; background:#fff; height:30px; width:33px; border:none; margin-top:4px;}
.Top002070 #open_menu i::before,
.Top002070 #open_menu i::after{ background:#015696 !important;}
.Top002070 #open_menu i{background:#b48a56; height:3px; margin-top:-1.5px;}
.Top002070 #header-menu ul{ padding:0; border-top:98px solid #fff; background:rgba(192, 162, 106, 0.9)}
.Top002070 #header-menu li{text-align:center;}
.Top002070 #header-menu li em a{ padding:5%;  font-weight:normal; line-height:normal;border-bottom:0;}
.Top002070 #header-menu li .sub dt{ margin-bottom:1px; background:rgba(0,0,0,0.3);}
.Top002070 .header-right dd >a{height:43px;line-height: 43px;width:43px;margin-right:0;}
.Top002070 .top-search{top:142%;}
.Top002070:after{width:112px;}
a{ transition: 0s}
}
@media(max-width:768px){
  .Top002070:after{width:92px;}
  .sp_logo img{ height:50px;}
.sp_logo{ padding:5px 10px; box-sizing:border-box}
}
@media(max-width:640px){
 .Top002070 .header-left{max-width: 40%; top: 50%; transform: translateY(-50%);}
.Top002070 .header-left img{height:auto;}
}
@media(min-width:1025px){
#header-menu{ display:none;}
.relative{ position:relative; z-index:100;}
.header-menu li{ float:left; }
.header-menu li .sub{position:absolute;}
.header-menu li .sub{ opacity:0;overflow:hidden; }
.header-menu li.aon .sub{ opacity:1; }
}
@media(max-width:1024px){
.header-menu{ display:none;}
.Public_nav_style #header-menu,
.Public_nav_style #header-menu ul{position:fixed;top:0;height:100%; z-index:100;right:-100%; opacity:0;transition:opacity 0.3s;}
.Public_nav_style #header-menu{ background-color:rgba(0,0,0,0.5); width:100%; }
.Public_nav_style #header-menu ul{   width:60%; max-width:280px; background:rgba(32, 151, 155, 0.9); height:100%; max-height:100%; overflow:auto;padding:50px 2% 0; transition:0.3s;}
.Public_nav_style #header-menu.header-menu-show,
.Public_nav_style #header-menu.header-menu-show ul{ right:0;opacity:1;}
#header-menu li .sub{ display:none;}
#header-menu li{ line-height:40px; }
#header-menu li em{ font-style:normal; display:block; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.3);}
#header-menu li a{display:block;}
#header-menu li em a{ border-bottom:1px solid rgba(0,0,0,0.3); font-weight:bold; padding:0 10px;}
#header-menu li:last-child em,
#header-menu li:last-child em a{ border-bottom:0;}
#header-menu li a:hover,
#header-menu li a{ color:#fff;}
#header-menu li.has-sub em{ position:relative;}
#header-menu li.has-sub em::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:2; 
  background-color:transparent;}
#header-menu li.has-sub em .op{position:absolute; width:15px; height:15px; right:3%; top:50%; margin-top:-6px;display:none; transition:0.3s;}
#header-menu li.has-sub.clickon em .op{ transform:rotate(45deg);}
#header-menu li.has-sub em .op::before,
#header-menu li.has-sub em .op::after{  position:absolute; content:'';  background:#fff;}
#header-menu li.has-sub em .op::before{width:100%; height:3px;left:0; top:6px;}
#header-menu li.has-sub em .op::after{ width:3px; left:6px; top:0; height:100%;}
.Public_nav_style #header-menu li.has-sub em::after{position:absolute; content:''; right:2%; border:6px solid transparent; border-top-color:#fff; top:50%; margin-top:-3px;}
.Public_nav_style #header-menu li.clickon em::after{border-bottom-color:#fff;border-top-color:transparent;margin-top:-9px;}
.Public_nav_style #header-menu li.clickon em a{ background:rgba(0,0,0,0.2);}




.Public_nav_style #header-menu li .clickon > i::after{ display:none;}
.Public_nav_style #header-menu li .clickon > a{ background-color:rgba(0,0,0,0.2);}

.Public_nav_style #open_menu{ position:absolute; right:2%; width:40px; height:40px; border:2px solid #20979b; border-radius:50%;  top:5px; z-index:200;}
#open_menu i,
#open_menu i::before,
#open_menu i::after{ position:absolute;}
.Public_nav_style #open_menu i,
.Public_nav_style #open_menu i::before,
.Public_nav_style #open_menu i::after{background:#20979b;}
#open_menu i{ top:50%;}
.Public_nav_style #open_menu i{ width:60%; left:20%;  margin-top:-1px; height:2px;}
#open_menu i::before,
#open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
#open_menu i::before{ top:6px;}
#open_menu i::after{top:-6px;}

.Public_nav_style #open_menu.open_menu_on{ border-color:#fff;}
#open_menu.open_menu_on i{ background:none !important;}
.Public_nav_style #open_menu.open_menu_on i::before,
.Public_nav_style #open_menu.open_menu_on i::after{ background:#fff; margin-top:0;}
#open_menu.open_menu_on i::before,
#open_menu.open_menu_on i::after{  top:0 !important;}
#open_menu.open_menu_on i::before{ transform:rotate(45deg);}
#open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
}

.sp_header{height:60px;overflow:hidden;background:#fff;position:fixed;z-index:9999999;width:100%;}
.sp_logo{padding:2px 10px;float:left;height:60px}
.sp_logo img{margin:auto;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}
.sp_nav span{display:block;background:#0085d5;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:99999;background:#eee; width:100%; font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:60px}
.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 .language{ overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li .language a{width:49%;float:left;border-left:1px #ddd solid;text-align:center;color:#999; }
.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: 40px;font-size:15px}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#0085d5}
.sjj_nav ul li ul li>ul{margin-left:10px}



@media (max-width:1800px) {
header .header .logo{ left:9%; }
.hl_nav .nav_list{ left: 73.5%;}
}
@media (max-width:1780px) {
header .header .logo{ left:7%; }
.header-fr2{margin-right:10%;}
.Top002070 .header-fr{margin-left:4%;}

.Top002070 .header-menu li em a{font-size:18px;}
}
@media (max-width:1680px)
{
.Top002070 .header-fr{margin-left:3%;} 
}


@media (max-width:1600px) {
    
.header-fr2{margin-right:10%;}
.Top002070 .header-fr{margin-left:2%;}
.Top002070 .header-menu li em a{font-size:18px;}
    
header .header .logo{ left:5.5%; }
.hl_nav .nav_list{ left: 74%;}
}
@media (max-width:1500px) {
    
.header-fr2{margin-right:8%;}
header .header .logo{ left:5%; }
.hl_nav .nav_list{ left: 75%;}
.hl_nav .nav_list>li{width: 130px;}
}
@media (max-width:1440px) {
    
.header-fr2{margin-right:2%;}
.hl_nav .nav_list>li{width: 120px;}
.hl_nav .nav_list{ left: 80%;}
}
@media (max-width:1400px) {
header .header .logo{ left:4%; }
.hl_nav .nav_list{ left: 81%;}
}
@media (max-width:1366px) {
    
    
.Top002070 .header-mid{margin-left:23%;}
.Top002070 .header-fr {margin-left:2%;}

.header-fr2{margin-right:6%;}

header .header .logo{ left:2.5%; }
.hl_nav .nav_list{ left: 82%;}
}
@media (max-width:1320px) {
    
.header-fr2{float:right;margin-right:6%;margin-top:35px;}
.header-fr2 span{margin:15px 0px 0px 10px;}
.header-fr2 span img{width:30px;height:30px;}
    
.hl_nav .nav_list>li{width: 110px;height:504px;}
.hl_nav .nav_list{ left: 86.5%;}
.hl_nav .shade{ height: 404px; }

}
@media (max-width:1280px) {
    
.header-fr2{margin-right:4%;} 
.Top002070 .header-mid{margin-left:23%;}
.Top002070 .header-fr {margin-left:5%;}
    

header .header .logo{ left:3%; top: 17px;}
header .header .logo img{width:86%;}
.hl_nav .nav_list{ left: 85%;}
.hl_nav .nav_list>li{ margin-bottom: 20px;}
.hl_nav .item{height: 35px;line-height: 35px; font-size: 15px; padding-left: 15px;}

}

/*.top{height:60px;background:#0085d5;position:fixed;top:0px;z-index: 100;width:100%;}*/
/*.top .ftl{position:relative;left:30px;}*/
/*.top .ftl span{color:white;line-height: 60px;font-size:12px;}*/

/*.top .ftr{display:flex;position: absolute;right:30px;top:0px;}*/
/*.top .ftr span{margin:15px 0px 0px 10px;}*/
/*.top .ftr span img{width:30px;height:30px;}*/

@media(max-width:1024px)
{
.sp_header{top:0px;}
.sp_logo img{height:60px;}
}





@media(max-width:768px)
{
.top{display: none;}
}