.headder-top {
    width: 100%;
    background: rgba(215, 232, 247, 0.6);
    box-shadow: -1px -2px 6px black;
    z-index: 99;
    }
    /*.mt-2, .my-2 {
    margin-top: 2.5rem!important;
	}*/
	nav ul {
	    padding: 0;
	    margin: 0;
	    list-style: none;
	    position: relative;
	}
	nav ul li {
    margin: 0px;
    display: inline-block;
    float: left;
	}
	nav ul li a {
    color: #000;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 2px;
    background: transparent;
    padding: 7px 28px;
    display: inline-block;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	}

    nav ul li a:hover{
    	color: #c51d1d;
    	text-decoration: none;
    }
    nav ul li :hover{
    	background-color: #c51d1d;
    }
    
    nav ul li.on{
    	background-color: #c51d1d;
    	border-bottom: 3px solid #5FB878;
    }
    nav ul ul {
    display: none;
    position: absolute;
    top: 90px;
    background: #e8e8e8;
    padding: 10px;
    /*border-radius: 4px;
    box-shadow: -1px 1px 5px black;*/
	}
	nav ul ul li {
    float: left;
    display: list-item;
    position: relative;
	}
	.toggle-2, .toggle, [id^=drop] {
    display: none;
	}
	
	.drop-text{font-size: 14px;}
	.menu li .drop-text:hover {
	  color: #000;
	  border: none;
	}
	.menu li a:hover {
	  color: #ffffff;
	  transition: 0.5s all;
	  -webkit-transition: 0.5s all;
	  -moz-transition: 0.5s all;
	  -o-transition: 0.5s all;
	  -ms-transition: 0.5s all;
	}
	.menu .toggle:hover {
    color: #000;
    opacity: .8;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
  }
  .toggle:hover {
    color: #000;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
  }
  nav ul ul li:hover>ul,
  nav ul li:hover>ul {
    display: none;
  }
  /* Fisrt Tier Dropdown */
  .toggle-1:hover>ul {
    display: block;
    
  }
  
/**2020-3-10**/
.g-wrap {position:relative; margin:0 auto; max-width:1200px; height:100%; overflow:hidden;}
#header {position:relative; z-index:5; height:79px; background-color:#fff;}
    #logo {position:absolute; top:5px; left:1px;  height:65px;  }
	#logo  img{ height:65px;}
    #nav {position:absolute;padding:0; top:-15px; z-index:4; height:100%; background-color:#ca0714; overflow:hidden;list-style-type: none;}
    #nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
    #nav .n1 {width:172px;}
    #nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8 {width:171px;}
    #nav .n4 {width:172px;}
    /*#nav li a {position:relative; display:block; width:100%; height:100%;}
    #nav li a * {position:absolute; bottom:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat 16px 32px; -webkit-transition:-webkit-opacity 200ms; transition:opacity 200ms; cursor:pointer;}
    #nav li a .on {-webkit-opacity:0; opacity:0; display:none\9;}
    #nav li a .slideBlock {z-index:1; height:0; background:#f00; -webkit-transition:height 200ms; transition:height 200ms;}
    #nav .n1 a .off {background-image:url(img/nav_1.png)}
    #nav .n2 a .off {background-image:url(img/nav_2.png)}
    #nav .n3 a .off {background-image:url(img/nav_3.png)}
    #nav .n4 a .off {background-image:url(img/nav_4.png)}
    #nav .n5 a .off {background-image:url(img/nav_5.png)}
    #nav .n6 a .off {background-image:url(img/nav_6.png)}
    #nav .n7 a .off {background-image:url(img/nav_7.png)}
    #nav .n8 a .off {background-image:url(img/nav_8.png)}
    #nav .n1 a .on {background-image:url(img/nav_1_on.png)}
    #nav .n2 a .on {background-image:url(img/nav_2_on.png)}
    #nav .n3 a .on {background-image:url(img/nav_3_on.png)}
    #nav .n4 a .on {background-image:url(img/nav_4_on.png)}
    #nav .n5 a .on {background-image:url(img/nav_5_on.png)}
    #nav .n6 a .on {background-image:url(img/nav_6_on.png)}
    #nav .n7 a .on {background-image:url(img/nav_7_on.png)}
    #nav .n8 a .on {background-image:url(img/nav_8_on.png)}

    #nav li a.on .off{-webkit-opacity:0; opacity:0; display:none\9;}
    #nav li a.on .on {-webkit-opacity:1; opacity:1;  display:block\9;}
    #nav li a.on .slideBlock {height:100%;}*/

    #nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold; font-size:16px; line-height:60px; text-align:center; color:#f7f4f4; -webkit-transition:color 200ms; transition:color 200ms;}
    #nav li a.on {color: #ffffff;}
    #nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
    #nav li a .bkg {top:100%; z-index:1; background-color:#9a1f02; -webkit-transition:top 200ms; transition:top 200ms;}/*li获取焦点时样式*/

    #nav li a.on .bkg,
    #nav li a:hover .bkg {top:0;}
    #nav li a:hover{color:#FFFFFF;}

    #shop {float: right;z-index:5;width:78px;height:70px;background:#fff;border-right:1px solid #e5e5e5;}

    #shop {width:220px;right: 350px;}
    #shop .header-nwbtn{text-decoration:none}
    #shop .header-nwbtn:hover{color:#c32703;text-decoration:none}
    #shop .btn-search {position:absolute; top:29px;width:20px; height:20px; background:url(../img/public/crumbs_icon.png) no-repeat 0px 0px;}
    /*#shop .btn-search:hover,
    #shop .btn-search.on {background-image:url(img/icon_search_on.png);}*/
        /*#searchbox {display:none; position:absolute; top:100%; z-index:11115; line-height:44px; right:0; padding:0 20px; width:200px; height:44px; border:8px solid #4c4a4f;}*/
    #shop .btn-lang {margin-left: 10px;top:0;padding:0 10px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:70px; color:#666369; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
    #shop .btn-lang:hover {color:#c32703;}
    #shop .header-nwbtn{top:0; padding:0 10px; padding-right: 15px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:70px; color:#666369; -webkit-transition:all 300ms; transition:all 300ms;}
    /*#shop .header-nwbtn:hover, #shop .header-nwbtn.on{ color: #02529b; background: url(img/head-nw-icon-on.png) right center no-repeat;}*/
    
 #subNav {position:absolute; left:0px; z-index:4; width:100%; height:61px; /*overflow: hidden;*/}
    #subNav .g-wrap {overflow:visible;}
    #subNav .g-wrap .item {position:absolute; top:-100%; width:100%; height:100%; background-color:rgba(53, 53, 53, 0.7); overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
    #subNav .g-wrap .type1 {left:170px; padding:0 43px; /*width:835px;*/}
    #subNav .g-wrap .type2 {left:342px; padding:0 43px; /*width:752px;*/}
    #subNav .g-wrap .type3 {left:513px; padding:0 43px;/* width:643px;*/}
    #subNav .g-wrap .type4 {left:685px; padding:0 43px; /*width:573px;*/}
    #subNav .g-wrap .type5 {left:515px; padding:0 67px; /*width:573px;*/}
	#subNav .g-wrap .type6 {left:598px; padding:0 67px; /*width:573px;*/}
    #subNav .g-wrap .search {right:0; width:238px; height:44px; border:8px solid #4c4a4f;}
    #subNav .g-wrap .search input { padding:0 20px; width:200px; height:44px; line-height:44px; }
    #subNav .g-wrap .langs {right:0; padding:0 15px; width:224px;}
     /*2016.4.12*/
    #subNav .g-wrap .nwmenu{ right: 83px; top: -409px; width: 171px; height: auto; background-color: #4c4a4f; -webkit-transition: 300ms; transition: 300ms;}
    #subNav .g-wrap .nwmenu .nwmenu-inner{ padding: 20px; width: 210px; max-height: 349px; overflow: hidden;}
    /*#subNav .g-wrap .nwmenu .nwmenu-inner .nwi-box{ margin-bottom: 10px;}*/
    #subNav .g-wrap .nwmenu .nwi-tit{ float: left; width: 50px; color: #8f8c92; font-size: 12px;}
    #subNav .g-wrap .nwmenu .nwmenu-list{ /*float: right; margin-top: -5px; width: 140px;*/ overflow:hidden;} 
    #subNav .g-wrap .nwmenu .nwmenu-list li a{ float: none; padding: 0; line-height: 22px; color: #d2ced5; font-size: 12px;font-weight: normal; -webkit-transition: color 300ms; transition: color 300ms;}
    /*2016.4.12*/

    #subNav .g-wrap .nwmenu .nwmenu-list li a:hover{ color: #02529b;}
    #subNav .g-wrap .on {top:0; z-index: 2;}
    #subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:bold; font-size:14px; line-height:61px; color:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .g-wrap .item a:hover {color:#FFFFFF;text-decoration:none}
    #subNav .g-wrap .item #on {
    color: #f63b2e;
    }
    
    #subNav .g-wrap {
     overflow: hidden;
    }
    .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    }
    .dropdown-menu-right {
    right: 0;
    left: auto;
	}
	.dropdown-menu {
	    position: absolute;
	    top: 100%;
	    z-index: 1000;
	    display: none;
	    float: left;
	    min-width: 500px;
    	min-height: 550px;
	    padding: 5px 0;
	    margin: 2px 0 0;
	    font-size: 14px;
	    text-align: left;
	    list-style: none;
	    background-color: #fff;
	    -webkit-background-clip: padding-box;
	    background-clip: padding-box;
	    border: 1px solid #ccc;
	    border: 1px solid rgba(0,0,0,.15);
	    border-radius: 4px;
	    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	    box-shadow: 0 6px 12px rgba(0,0,0,.175);
	}
	.dropdown-menu:hover {display: none;}
	
	.dropdown-menu>li>a {
    display: block;
    font-size: 45px;
    padding: 15px 60px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
	}
	
	.dropdown-toggle{color: #eb3d00;}
	@media  screen and (min-width:769px){.hidden-md{display:none!important}}
	@media (min-width:319px) and (max-width:769px){.hidden-sm,#header{display:none!important}}