@charset "gb2312";
* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}
body { font-family: ΢ÈíÑźÚ; margin:0;}
a{ text-decoration:none;}


.headernav-container {
	 text-align: left;
	width:100%; height:80px;
	margin: 0 auto;background-color: #333333;
}

.headernav {width:1200px;  position:relative;
	height:80px;
	margin:0 auto;
    
}

.headernav ul{ display:table-cell;}
.headernav .navlogo{ margin-top:10px; width:150px;}
.navlogo { width:100px; text-align:left; position:relative;}
.navlogo span{ display:block; width:100%; height:auto; position:absolute; top:10px; left:0;}

.headernavmain {margin:0;
	margin-left:30px;
    padding:0;
	padding-left:30px;
    list-style:none;
}

.headernavmain li:hover > ul {
    opacity:1;
    top:100%;
    visibility:visible;
}

.headernavmain > li { width:135px; height:80px; line-height:88px;
font-size:18px;
	display: inline-block;
	text-align: center;
	margin-top:0px;

}

.headernavmain ul {
    opacity:0;
    position:absolute;
    top:160%;
    visibility:hidden;
    transition:all .4s ease;
    -webkit-transition:all .4s ease;
}

.headernavmain ul ul {
    top:0%;
    left:160%;
}

.headernavmain a, .headernavmain a:link, .headernavmain a:visited, .headernavmain a:hover, .headernavmain a:focus, .headernavmain span {
	color: #e4e4e4;
	text-decoration: none;
	font-weight:lighter;
}

.headernavmain ul li:hover > ul {
    top:0%;
    left:100%;
    opacity:1;
    visibility:visible;
}


.headernavmain > li:hover{ border-bottom:3px solid #4c78fa;}

.headernavmain > li > a {
	display: block;
}

.headernavmain > li:hover > a{
	color: #fff;
}

.headernavmain > li > ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:80px;
	background-color: #000;
	width: 200px;
	height:300px;
	text-align: left;
	margin-top:30px;
	padding: 0px;
	z-index: 99;
}

.headernavmain > li > ul li ul {
	background:#111111;
	width: 240px;
	height:300px;
	list-style:none;
	padding:0;
}

.headernavmain > li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}

.headernavmain li > ul li {
	padding:0 15px 0 15px;
	font-size: 14px;
	display: block;
	height:40px;
	line-height:40px;
	color:#FFF;
	background:#111111;
	cursor:pointer;
}

.submenuc{ width:100%; text-align:center;}
.submenuc p{ padding:0; }
.submenucpic{ margin-top:30px;}
.submenucxh{}
.submenucmore a{ font-size:10px !important; color:#999 !important;}

.headernavmain li > ul li span{float:right;}

.headernavmain > li > ul  li:hover {
	background-color: #393939;
}

.headernavmain ul  li:hover > a {
	color: white;
}

.headernavmain > li > ul li ul li:hover {
	background-color: #000;
}

.headernavmain > li > ul li ul li ul {
	background-color: #000;
}

.headernavmain > li > ul li ul li ul li:hover {
	background-color: #000;
}

.headernavmain > li > .navfulldrop {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	list-style: none;
	top:80px;
	left: 0px;
	background-color: #3d3d3d;
	background-color:rgba(61,61,61,0.7);    /* 70% opaque red */ 
	width: 100%;
	height: 180px;
	text-align: center;
	padding: 0;
	z-index: 99;
	overflow: hidden;
	transition:all .4s ease;
    -webkit-transition:all .4s ease;
}

.headernavmain > li:hover .navfulldrop {
	opacity: 1;
	top:90px;
	visibility: visible;
	margin-top: 0px;
}

.headernavmain ul li:hover:after {
	color: white;
}

.headernavmain > li:hover .coldrop {
	opacity: 1;
	visibility: visible;
	margin-top: 0px;
}

.search-box{ text-align:right; padding-top:8px;width:200px;
	position:absolute; 
	top:22px;
	right:0;
	text-align:right;}
/* reset webkit search input browser style */
input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
input[type=search] {
	width: 200px;
	background: url(../../images/2019/search-icon.png) right center no-repeat;
	border:none;
	border: solid 1px #666;
	padding: 9px 10px 9px 32px;
	height:8px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 200px;
	border:none;
	border-radius: 0em;
	border-bottom:1px solid #e6e6e6;
	
/*	-webkit-box-shadow: 0 0 5px rgba(230,230,230,.8);
	-moz-box-shadow: 0 0 5px rgba(230,230,230,.8);
	box-shadow: 0 0 5px rgba(230,230,230,.8);*/
}

/* placeholder */
input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #fff;
}

/* search-form */
#search-form input[type=search] {
	width: 15px;
	padding-left: 0px;
	color: transparent;
	cursor: pointer;
	margin-left:80px;
}
#search-form input[type=search]:hover {
	
}
#search-form input[type=search]:focus {
	width: 120px;
	color: #fff;
	cursor: auto;
	margin-left:80px;
	background-position: right center;
}
#search-form input:-moz-placeholder {
	color: transparent;
}
#search-form input::-webkit-input-placeholder {
	color: transparent;
}