a:hover {
    color: #f86011;
}











#header-box{
	height:118px;
}
#header-box .header-fixed{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background:#fff;
	z-index:99999;
	box-shadow:0 0 5px rgba(0,0,0,.5);
	height:118px;
}

#header-box .header-wapper{
	width:1200px;
	margin:0 auto;
	display:flex;
	display:-webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items:center;
	height:100%;
}
#header-box .logo a img{
	max-height:55px;
	max-width:300px;
}

#header-box .nav{
	display:flex;
	display:-webkit-flex;
	flex-wrap: wrap;
}
#header-box .nav > li{
	position:relative;
}
#header-box .nav > li > a{
	display:inline-block;
	height:55px;
	line-height:55px;
	padding:0 20px;
	font-size:18px;
	color:#000;
	transition:all 0.3s;
}
#header-box .nav > li > a:hover{
	color:#f86011;
}
#header-box .nav > li .nav-sub{
	position:absolute;
	left:0;
	top:55px;
	box-shadow:0px 10px 30px -8px rgba(0,0,0,0.2);
	border-radius:8px;
	background:#fff;
	padding:20px;
	width:200px;
	opacity:0;
	visibility:hidden;
	transition:all 0.3s;
}
#header-box .nav > li.on .nav-sub{
	opacity:1;
	visibility:visible;
}
#header-box .nav > li .nav-sub dd{}
#header-box .nav > li .nav-sub dd a{
	display:block;
	line-height:34px;
}
#header-box .header-right{
	display:flex;
	display:-webkit-flex;
	flex-wrap: wrap;
}
#header-box .header-right .feedback{
	width:160px;
	text-align:center;
	padding: 17px 0;
    line-height: 24px;
	height: 24px;
    font-size: 18px;
    background: #ffe7da;
	border-radius:10px;
	color:#f86011;
	transition:all 0.3s;
}
#header-box .header-right .feedback:hover{
	color:#fff;
	background:#f86011;
}
#header-box .search-icon{
	margin-right:20px;
	cursor:pointer;
}
#header-box .search-icon svg{
	height:55px;
	width:30px;
	fill:#000;
}

.search-box{
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 118px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
	z-index:99999;
}
.search-box.search-on{
	opacity:1;
	visibility:visible;
}
.search-box .search_close{
	position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
} 
.search-box .search_close svg{
	width:30px;
	height:30px;
	fill:#000;
}
.search-box .search-form{
	display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
    align-items: center;
}
.search-box .search-txt{
	height: 40px;
    border: 1px solid #666;
    border-radius: 5px;
    width: 500px;
    text-indent: 10px;
    box-sizing: border-box;
}
.search-box .search-btn{
	width: 60px;
    height: 40px;
    text-align: center;
    border: 0;
    border-radius: 5px;
    background: #f86011;
    margin-left: 10px;
}
.search-box .search-btn svg{
    height: 40px;
    width: 20px;
    fill: #fff;
}


#footer{
	background:none;
	color:#000;
}
#footer .sns{
	margin-top:15px;
}
#footer .sns li{
	width: auto;
    height: auto;
    margin: 0 20px 0 0;
}
#footer .sns li a{
	font-size:20px;
	color:#000;
}

#footer .help-center{
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	align-item:center;
	width:100%;
}
#footer .help-center .contact-us{
	
}

#footer .help-center dd.newsletter{
	margin-top:15px;
}
#footer .help-center .newsletter_txt{
	border-color:#dcdcdc;
	color:#000;
}
#footer .help-center .newsletter_btn{
	margin-top: 10px;
    height: 46px;
    width: 100%;
    border-radius: 5px;
    background: #f86011;
}

#footer .help-center .bottom_nav{
	width:70%;
}
#footer .help-center .quick-links{
	width:33.33333%;
	padding-left:30px;
	box-sizing:border-box;
}
#footer .help-center dt{
	
}
#footer .help-center dt a{
	font-size:20px;
	color:#000;
}
#footer .help-center .quick-links dd a{
	display:block;
	font-size:16px;
	line-height:40px;
	height:40px;
	color:#212934;
	margin:0;
	transition:all 0.3s;
}
#footer .help-center .quick-links dd a:hover{
	color:#f86011;
}

#footer .help-center .contact-us{
	padding:0 30px 0 0;
}
#footer .copyright{
	border:0;
	font-size:16px;
}
#header-box .mobile-nav-icon{
	display:none;
}

.mobile-nav{
	opacity:0;
	visibility:hidden;
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	
	z-index: 999999;
	transition:all 0.3s;
}
.mobile-on{
	opacity:1;
	visibility:visible;
	transform:none;
}
.mobile-nav .mobile-nav-close{
	height:50px;
	line-height:50px;
	padding:0 15px;
	text-align:right;
	
}
.mobile-nav .mobile-nav-close span{
	text-transform:uppercase;
	display:inline-block;
	height:50px;
}
.mobile-nav .mobile-nav-close svg{
	width:30px;
	height:50px;
	fill:#000;
	vertical-align:top;
	margin-left:10px;
	text-align:right;
	text-transform: uppercase;
}

.mobile-nav .mobile-nav-wapper{
	width: 90%;
    background: #fff;
    height: 100%;
    overflow: auto;
	transform:translate(-100%,0);
	transition:all 0.3s;
}
.mobile-on .mobile-nav-wapper{
	transform:none;
	
}
.mobile-nav ul{
	
}
.mobile-nav ul li{
    border-bottom: 1px solid #eee;
}
.mobile-nav ul li .mobile-nav-box__link{
	display: flex;
    display: -webkit-flex;
    align-items: center;
}
.mobile-nav ul li .mobile-nav-box__link a{
	display: block;
    width: calc(100% - 40px);
    height: 40px;
	line-height:40px;
	text-indent:15px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.mobile-nav ul li .mobile-nav-box__link .icon{
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:20px;
}
.mobile-nav ul li .mobile-nav-sub{
	padding-left:25px;
	display:none;
}
.mobile-nav ul li .mobile-nav-sub dd{}
.mobile-nav ul li .mobile-nav-sub dd a{
	display:block;
	line-height:40px;
	
}

.mobile-nav .feedback{
	display:block;
    line-height: 55px;
    height: 55px;
	width:calc(100% - 30px);
	margin-left:15px;
    font-size: 18px;
    background: #ffe7da;
    border-radius: 10px;
    color: #f86011;
	margin-top:10px;
    transition: all 0.3s;
	text-align:center;
}

#header-box .nav-box{
	width: calc(100% - 400px);
}




@media screen and (max-width: 1366px){
	#header-box .header-wapper{
		width:1024px;
	}
	
}
@media screen and (max-width: 768px){
	#header-box .header-wapper{
		padding:0 30px;
		box-sizing:border-box;
		width:100%;
		height:100%;
	}
	#header-box .nav-box{
		display:none;
	}
	#header-box,
	#header-box .header-fixed{
		height:65px;
	}
	#header-box .mobile-nav-icon{
		display: flex;
		display: -webkit-flex;
		align-items: center;
		margin-right: 30px;
	}
	#header-box .mobile-nav-icon svg{
		width: 24px;
    	height: 55px;
    	fill:#000;
	}
	#header-box .header-right .feedback{
		display:none;
	}
	#footer .help-center .contact-us{
		width: 100%;
		padding: 0;
		margin-bottom:30px;
	}
	#footer .help-center .bottom_nav{
		width:100%;
	}
	#footer .help-center .quick-links{
    	padding: 0;
	}
}
@media screen and (max-width: 767px){
	#header-box .header-wapper{
		padding:0 15px;
	}
	#header-box .logo a img{
		max-height:40px;
	}
	#header-box .search-icon{
		margin:0 0 0 20px;
	}
	#header-box .mobile-nav-icon{
		margin:0;
	}
	.search-box .search-txt{
		width: calc(100% - 100px);
	}
	.search-box .search_close{
		right:0;
		top:0;
	}
	#footer .help-center dl dt{
		font-size:16px;
		
	}
	#footer .help-center dl dd{
		padding:10px 0;
	}
	#footer .help-center dl.contact-us dd{
		display:block;
	}
	#footer .help-center dd a{
		font-size:14px;
		height:auto;
		line-height:normal;
		margin:0;
	}
	#footer .copyright{
		font-size:14px;
		padding:15px 0;
	}
}