.box-head { width: 100%; height: auto; overflow: hidden; padding: 0 10%; box-sizing: border-box; min-width: 1200px;  transition: all 0.3s linear; color:#fff; position:relative; } /* background: #333; */
.box-head::before { content:""; width:100%; height:120px; background:rgba(20,20,20,.95); top:0px; left:0; z-index:-1; position:absolute;}
.box-head::after { content:""; width:100%; height:244px; background:rgba(51,51,51,.8); top:120px; left:0; z-index:1; position:absolute;}

.Header-wrapper {z-index: 99; }
.Header-wrapper .Header-cl {position: relative; }
.header-container { width: 100%; height: auto; overflow: hidden; position: fixed; top: 0px; left: 0px; z-index: 990; opacity: 1; 
					-webkit-transition: background .3s, -webkit-transform .3s, opacity .3s; transition: background .3s, transform .3s, opacity .3s; }/* background: rgba(255,255,255,1); */
.head_container_white { } /* background: rgba(255,255,255,1); */
.head_container_hide {-webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); opacity: 0; }

.nav { width:100%; height:40px;}
.nav ul { display:flex; justify-content: space-between; } /* display: inline-block; vertical-align: top;  */
.nav ul li {display: inline-block; vertical-align: top; position: relative; } /* float: left; */
.nav ul li .downcd { font-size: 14px; color: #fff; line-height: 40px; display: block;  transition: all 0.2s linear; padding: 0 30px 0 43px;  position:relative; border-radius:3px 3px 0 0; }
.nav ul li:hover .downcd ,
.nav ul li .active { }
.nav ul li .downcd .moreico { width:10px; height:40px; display:block; float:right; margin-left:3px; background:url(/upload/to-b1.svg) center center no-repeat; background-size:100% auto;}
.nav ul li:hover .downcd .moreico { background-image:url(/upload/to-t1.svg); }

.nav ul li .downcdi { padding: 0 43px 0 43px; }
.nav ul li .downcdi:hover {  background:#F08519; color:#fff; }
.nav ul li a.on{ background:#F08519; color:#fff; }
.nav ul li a.on:after { content:""; width: calc(100% - 40px); height:1px; background:#fff; position:absolute; top:55px; left:20px;}

.subnav { width:142px; height:224px; display: none; position: absolute; z-index:999; left: 0; top: 40px; text-align: center; background:url(/upload/bg-nav.jpg) center top no-repeat #fff; padding:10px 0; box-sizing:content-box; }
.subnav a {width: 100% height: auto; display: block; text-align: center; transition: all .3s ease;}

.subnav a:first-child {}
.subnav a:last-child {}
.subnav a { width:100%; height: 30px; line-height:30px; position: relative; font-size: 13px; color: #000;}
.subnav a::after{ content: ""; width: 0.01%; height: 1px; background: #333; overflow: hidden; display: block; position: absolute; bottom: 3px; transition: all 0.2s linear; left: 50%;filter:alpha(Opacity=1);-moz-opacity:0.01;opacity:0.01;}
.subnav a:hover::after{ width: 54px; left:50%; margin-left:-27px;filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}

@media screen and (max-width: 1440px) {
.nav ul li .downcd { padding: 0 20px 0 33px;}
.nav ul li .downcdi { padding: 0 33px 0 33px; }
.subnav { width:122px;}

}

@media screen and (max-width: 1280px) {
.box-head { padding:0 5%; min-width: inherit; }
}

@media screen and (max-width: 1199px){
    .nav ul li .downcd { padding:0 13px 0 26px;}
	.subnav { width:108px;}
}