.topmenu{width:100%;z-index:100;position: fixed;left: 0;top:0;z-index: 100;/*height: 100px;*//*border-bottom: 1px solid #e5e5e5;*/}
.topmenu .header-left{position:absolute; top:25px; left:13%; }
.topmenu .header-left img.logo2{ display: none }
.topmenu .header-right{  position:absolute; top:0;right:13%;margin-top:15px;z-index: 50 }
.topmenu .header-right dd{position:relative; float:left;}
.topmenu .header-right dd >a{ display:block;height:50px; line-height:50px;}
.topmenu.show {top:0;box-shadow: 0 5px 8px rgba(0,0,0,.2);width:100%;left: 0; background-color: #fff;}
.topmenu.show:after{  content: ""; display: block; position: absolute; right: 4.3%; }
.topmenu .header-mid{ float: right; margin-right:16%;  }
.topmenu .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; }
.topmenu .open-search-show::before,
.topmenu .open-search-show::after{ background:#fff;}
.topmenu .top-search{ z-index:100; display:none; position:absolute; right: 15px;  top:145%; border:1px solid #eee; background:#fff; }
.topmenu .top-search .text{ width:100%; height:36px; width: 250px; line-height:36px; padding:0 36px 0 10px; border:none ; color: #666}
.topmenu .top-search .btn{ position:absolute; right:0; top:0; height:36px; width:36px; background:url(../images/topmenu-search_btn.png) no-repeat center center;background-size:auto 50%;}
.topmenu .header-menu li{   width: auto !important; margin: 0 30px;}
.topmenu .header-menu li em a{ padding:0px 0; font-size: 16px; position: relative; color: #fff; line-height: 50px; }
.topmenu .header-menu li.aon1 em a,
.topmenu .header-menu li em a:hover{ color: #fff;  }
.topmenu .header-menu li.aon1 em a:after,
.topmenu .header-menu li em a:hover:after{ content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height:2px; background: #fff}
.topmenu .header-menu li .sub-menu dt {padding:0px 50px; }
.topmenu .header-menu li .sub-menu dt a{  transition:0.3s;/* color: #444;*/ font-weight: normal;}
.topmenu .header-menu li .sub-menu dt a img{width:35px;display: block;text-align: center;margin:0 auto;}
.topmenu .sub-menu-layer{ /*background:rgba(255,255,255,0.72);*/ }
.topmenu .header-menu li .sub-menu dl { /* padding: 10px 0 15px*/ }
.topmenu .header-menu li .sub-menu dt { position: relative;}
.topmenu .header-menu li .sub-menu dt a{ padding:0 5px;/* color:#666; line-height:45px;*/text-align: center;display: block; font-size: 16px;}
.topmenu .header-menu li .sub-menu dt a:hover{ color:#208740;background: none}
.topmenu .header-menu li .sub-menu dt a:hover img{transition: 0.5s;  transform: rotateY(360deg);}
.topmenu li em a{ color: #666;display:inline-block;}
.topmenu .header-menu li em a:hover{ color: #208740 }
.topmenu .header-menu li.aon1 em a:after,
.topmenu .header-menu li em a:hover:after{background:#208740}
.topmenu .header-left img.logo1{ display: none }
.topmenu .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;}
.topmenu .header-menu li.aon1 .sub-menu-layer{ display: block;}
.topmenu .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;}
/*header .countdown1 {
    display: none;
}
header:hover .countdown2{
    display: none;
}
header:hover .countdown1{
    display: block;
}*/
.topmenu header.on-header .header-menu li em a, .topmenu header:hover .header-menu li em a {
    color: #333;
}
.topmenu header.on-header .header-menu li em a:hover,.topmenu header:hover .header-menu li em a:hover{ color: #208740; }
.topmenu header.on-header .open-search,.topmenu header:hover .open-search{ position:relative; display:block; width: 50px; background:url(../images/search2.png) no-repeat center center;}

/*新头部导航栏*/
.myHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height:72.4px;
}
.myHeaderLeft{
    width:10%;
}
.myHeaderCenter {
    width: 70%;
    height:100%
}
.myHeaderRight {
    width: 20%;
}
.headUl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    height: 100%
}
.headUl li {
    /*    display: inline-block;
    padding: 0 2%;*/
    /*width:10%;*/
    font-weight: bold;
    cursor: pointer;
    height:72.4px;
    line-height:72.4px;
    padding:0 1%;
}
.header-center{
    height:72.5px;
    line-height:72.5px;
    text-align:center;
    margin:auto;
    width:100%;
    padding-right:12%;
}

.search-container {
    margin: 100px auto;
    width: 600px;
    position: relative;
}

#suggestList {
    position: absolute;
    width: 300px;
    top: 40px;
    left: 0;
    border: 1px solid #e6e6e6;
    display: none;
    z-index: 999;
    background: white;
}

.suggest-item {
    padding: 0 10px;
    line-height: 36px;
    cursor: pointer;
}

    .suggest-item:hover {
        background-color: #f8f8f8;
    }
.headSearchBox {
    border: 2px solid #CB6064;
    border-radius:50px;
    width:300px;
    display:flex;
    justify-content:space-between;
    height:30px;
    align-items:center;
}

.searchLogo {
    width: 20%;
    text-align: center;
}
.searchInput {
    width: 68%;
    border:none;
}
.searchBtn {
    width: 20%;
    font-size: 14px;
    color: #CB6064;
    cursor: pointer;
    font-weight: bold;
    margin: 0 2%;
}
.header-mid {
    right: 0;
    position: absolute;
    top: 23px;
}


.pc-secondary-navigation-one {
    /*    margin-top: 40px;*/
    /*margin-bottom: 34px;*/
    /*box-sizing: border-box;*/
    /*border-top: 1px solid #eee;*/
    display: flex;
    flex-wrap: wrap;
}
.secondary-navigation-pic {
    /*margin-top: 30px;*/
}
.secondary-navigation-title a {
    color: #575656;
    font-weight: 700;
    line-height: 40px;
    margin-top: 20px;
    /*padding-bottom: 16px;*/
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    display: block;
    text-align: left;
}
.secondary-navigation-pic img {
    width: 100%;
}
.pc-secondary-navigation-box1 {
    width: 100%;
    max-height: 0;
    background-color: #fff;
    box-shadow: 0 3px 4px rgba(0,0,0,.1);
    position: absolute;
    left: 0;
    top: 73px;
    overflow: hidden;
    transition: max-height 1s;
    z-index: 600;
    background: #F7F7F7;
}
.headUl  li:hover {
    border-bottom: 4px solid #C25055;
}
.menu-active {
    border-bottom: 4px solid #C25055;
}

.headUl > li:hover > .pc-secondary-navigation-box {
    height: 570px;
}

.headUl > li:hover > .pc-secondary-navigation-box2 {
    height: 520px;
}

.headUl > li:hover > .pc-secondary-navigation-box1 {
    /*    height: auto;*/
    max-height: 1000px;
    /*padding-bottom: 50px;*/
}
/*.pc-secondary-navigation-box1:hover {*/
    /*    height: auto;*/
    /*max-height: 1000px;
    padding-bottom: 50px;
}*/

.secondary-navigation-box {
    margin-bottom: 20px;
}




    @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;  /*top:-400%;*/}
.header-menu li .sub{ opacity:0;overflow:hidden; }
.header-menu li.aon .sub{ opacity:1; }
    .fullbground .sub-menu > dl {
        float: left;
        /*width:100%;*/
        
    }
        .fullbground .sub-menu > dl dt {
            background: #fff;
            color: #000;
            font-size:14px;
        }
    .fullbground .sub-menu > dl dt:hover {
        background: #152143;
        color: #eee;
    }
            .fullbground .sub-menu > dl dt:hover a{
                color: #eee;
            }
        .fullbground .sub-menu > dl dt a:hover {
            color: #eee !important;
        }
        .sub-menu-layer {
            position: absolute;
            left: 0;
            top: 100%;
            width: 100%;
        }
.sub-slideDown .sub-menu-layer{ display:none; /*transition:0.3s;*/}
}
@media (max-width:1840px) {
  .topmenu .header-left{ left:11%; }
  .topmenu .header-right{ right:11%; }
  }
  @media (max-width:1780px) {
  .topmenu .header-right{ right:10%; }
    .header .header-center {
        padding-right: 14%
    }
  }
  @media (max-width:1700px) {
  .topmenu .header-left{ left:9%; }
  .topmenu .header-right{ right:9%; }
  .topmenu .header-mid{ margin-right:12%;}
    .header .header-center {
        padding-right: 15%
    }
  }
@media(max-width:1600px){
.topmenu .header-menu li{ margin: 0 29px;}
.topmenu .header-left{ left:7%; }
.topmenu .header-right{ right:6%; }
.topmenu .header-mid{ margin-right:7%;}
    

}
@media(max-width:1540px){
.topmenu .header-left{ left:5%; }
.topmenu .header-right{ right:4%; }
.topmenu .header-mid{ margin-right:6%;}
}
@media(max-width:1500px){
  .topmenu .header-left{ left:4%; }
  .topmenu .header-right{ right:2%; }
  .topmenu .header-mid{ margin-right:6%;}
  }
@media(max-width:1480px){
.topmenu .header-menu li{ margin: 0 25px;}
} 
@media(max-width:1380px){
.topmenu .header-left{ left:2.5%; }
.topmenu .header-right{ right:1%; }
.topmenu .header-menu li{ margin: 0 20px;}
    .header .header-center {
        padding-right: 17%
    }
    .header .header-center .headUl > li {
        margin: 0 0.9%;
    }
} 
@media(max-width:1366px){
  .topmenu .header-left{ left:5%; }
  .topmenu .header-right{ right:3%; }
    .header .header-center {
        padding-right: 18%
    }

    .header .header-center .headUl > li {
        margin: 0 0.6%;
    }
}
@media(max-width:1320px){
.topmenu .header-menu li{ margin: 0 15px;}
.topmenu .header-left{ left:4%; }
.topmenu .header-right{ right:2%; }
} 
@media(max-width:1250px){
.topmenu .header-menu li{ margin: 0 12px;}
    .header .header-center {
        padding-right: 18%
    }

        .header .header-center .headUl > li {
            margin: 0 0.4%;
        }
}
@media(max-width:1024px){
.topmenu .header{ margin:0 2%; height:80px;}
.topmenu .header-right{ z-index:101; right:1%;margin-top:-20px;top: 50%;}
.topmenu .header-left img{height:50px;}
.topmenu #header-menu li .sub dt a img{display: none}
.topmenu .top-language{margin-right:8px;margin-top:4px;}
.topmenu .top-language em{padding:0 13px 0 34px;background: url(../images/lang.png) no-repeat 13px center;background-size:14px;}
.topmenu .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;}
.topmenu #open_menu i::before,
.topmenu #open_menu i::after{ background:#015696 !important;}
.topmenu #open_menu i{background:#b48a56; height:3px; margin-top:-1.5px;}
.topmenu #header-menu ul{ padding:0; border-top:98px solid #fff; background:rgba(192, 162, 106, 0.9)}
.topmenu #header-menu li{text-align:center;}
.topmenu #header-menu li em a{ padding:5%;  font-weight:normal; line-height:normal;border-bottom:0;}
.topmenu #header-menu li .sub dt{ margin-bottom:1px; background:rgba(0,0,0,0.3);}
.topmenu .header-right dd >a{height:43px;line-height: 43px;width:43px;margin-right:0;}
.topmenu .top-search{top:142%;}
.topmenu:after{width:112px;}
a{ transition: 0s}
}
@media(max-width:768px){
  .topmenu:after{width:92px;}
  .hd_logo img{ height:30px;}
.hd_logo{ padding:5px 10px; box-sizing:border-box}
}
@media(max-width:640px){
 .topmenu .header-left{max-width: 40%; top: 50%; transform: translateY(-50%);}
.topmenu .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; left: 0px; width: 100%;  /*top:-400%; border:1px solid #eee;background:#fff;*/}
.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);}
#header-menu li .sub-menu dt.has-dt{ position:relative;}
#header-menu li .sub-menu dt.has-dt::before{position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;}
#header-menu li .sub-menu dt a{padding:0 10px; border-bottom:1px dashed rgba(0,0,0,0.5);display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
#header-menu li .sub-menu dt:last-child >　a{ border-bottom:0;}
#header-menu li .sub-has-sub{ position:relative;}
#header-menu li .sub-has-sub i{ position:absolute; left:0; top:0; height:40px; width:100%; background-color:transparent; z-index:2;}
.Public_nav_style #header-menu li .sub-has-sub i::before,
.Public_nav_style #header-menu li .sub-has-sub i::after{ position:absolute; content:''; top:50%; background:#fff;}
.Public_nav_style #header-menu li .sub-has-sub i::before{ width:10px; height:2px; margin-top:-1px; right:5px;}
.Public_nav_style #header-menu li .sub-has-sub i::after{ width:2px; height:10px; margin-top:-5px; right:9px;}
.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);}
}

.hd_header{height:60px;overflow:hidden;background:#fff;position:fixed;z-index:9999999;width:100%;}
.hd_logo{padding:2px 10px;float:left;height:60px;line-height:60px;}
.hd_logo img{margin:auto;}
.hd_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}
.hd_nav span{display:block;background:#208740;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.hd_nav span:nth-of-type(1){top:0px}
.hd_nav span:nth-of-type(2){top:10px}
.hd_nav span:nth-of-type(3){top:20px}
.hd_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.hd_nav_se span:nth-of-type(2){width:0}
.hd_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.hd_nav2{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}
.hd_nav2>ul>li:first-child{overflow:hidden;border-top:0}
.hd_nav2>ul>li:first-child>a{float:left;width:calc(100% - 70px);line-height:40px;}
.hd_nav2>ul>li .language{ overflow:hidden;line-height:30px;margin-top:5px}
.hd_nav2>ul>li .language a{width:49%;float:left;border-left:1px #ddd solid;text-align:center;color:#999; }
.hd_nav2 ul li i{position:absolute;top:10px;right:0px;border-left:1px #ddd solid;height:30px; line-height: 42px; padding:0px 7px 0 7px;}
.hd_nav2 ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.hd_nav2 ul li .hd_nav2_i_se svg{transform:rotate(0deg)}
.hd_nav2 ul li{border-top:1px #ddd solid;padding-left:20px; position:relative;line-height:52px;font-size:16px}
.hd_nav2 ul li ul{display:none}
.hd_nav2 ul li a{ width:80%}
.hd_nav2 ul li ul li {padding-left:-20px;}
.hd_nav2 ul li ul li a{ display:block;text-align:left; line-height: 40px;font-size:15px}
.hd_nav2 ul li i svg{width:20px;height:20px;fill:#555;}
.hd_nav2 ul li .hd_nav2_i_se svg{fill:#208740}
.hd_nav2 ul li ul li>ul{margin-left:10px}
.LoginRegist {
    float: right;
    margin-right: 18%;
    cursor: pointer;
    color: #005DF9;margin-top:-30px;
    font-size:14px;
}
.LoginRegist div {
    display: inline-block;
}
.bottomNav {
    padding-left: 13%;
}
@media (max-width:1800px) {
    header .header .logo{ left:9%; }
.hl_nav .nav_list{ left: 73.5%;}
    .bottomNav {
        padding-left: 11%;
    }
}

@media (max-width:1700px) {
header .header .logo{ left:7%; }
    .bottomNav {
        padding-left: 9%;
    }
}
@media (max-width:1600px) {
header .header .logo{ left:5.5%; }
.hl_nav .nav_list{ left: 74%;}
    .bottomNav {
        padding-left: 7%;
    }
    .LoginRegist {
        margin-right: 11%;
    }
}
@media (max-width:1500px) {
header .header .logo{ left:5%; }
.hl_nav .nav_list{ left: 75%;}
.hl_nav .nav_list>li{width: 130px;}
    .bottomNav{
        padding-left:4%;
    }
    .LoginRegist {
        margin-right: 6%;
    }
}
@media (max-width:1440px) {
.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) {
header .header .logo{ left:2.5%; }
.hl_nav .nav_list{ left: 82%;}
}
@media (max-width:1320px) {
.hl_nav .nav_list>li{width: 110px;height:504px;}
.hl_nav .nav_list{ left: 86.5%;}
.hl_nav .shade{ height: 404px; }
    .bottomNav {
        padding-left: 4%;
    }

}
@media (max-width:1280px) {
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;}

}