/* Page header*/
.page-head{width:100%;}
.page-header {
	clear:both;
	width:100%;
	position:relative;
	margin:0 auto;
	z-index:9;
	animation-name:fadeInDown;
	animation-duration:3s;
	animation-iteration-count:1
	}
.page-header > .inner {margin:auto;}
.page-header .content {margin:auto;}
.page-header .content button.sitemap {display:none}

/* Primary nav */
.primary-nav {
	/*width:1200px;*/
	margin:0 auto;
    letter-spacing: -0.5px;
    text-transform: uppercase;
	}    

.primary-nav li {	
	display:inline-block;
	flex: 1 1 auto;
     -webkit-flex: 1 1 auto;
	 }

.primary-nav .nav01 a, .primary-nav .nav02 a, .primary-nav .nav03 a, .primary-nav .nav04 a, .primary-nav .nav05 a, .primary-nav .nav06 a  {
	color:#fff;
	font-size:19px;
	font-weight:600;
	letter-spacing:-0.5px;
    display: block;padding: 20px 0.75em;
	}

.primary-nav .nav01 .drop1 li a, 
.primary-nav .nav02 .drop2 li a, 
.primary-nav .nav03 .drop3 li a, 
.primary-nav .nav04 .drop4 li a, 
.primary-nav .nav05 .drop5 li a, 
.primary-nav .nav06 .drop6 li a  {
	color:#fff;
	font-size:19px;
	font-weight:600;
	letter-spacing:-0.5px;
    display: block;padding:0
	}

.primary-nav .nav01 a:hover, .primary-nav .nav02 a:hover, .primary-nav .nav03 a:hover, 
.primary-nav .nav04 a:hover, .primary-nav .nav05 a:hover, .primary-nav .nav06 a:hover,
.primary-nav .nav01 a.on, .primary-nav .nav02 a.on, .primary-nav .nav03 a.on, 
.primary-nav .nav04 a.on, .primary-nav .nav05 a.on, .primary-nav .nav06 a.on {
	color:#fff;
	}


/***dropmenu***/

/*menu1*/
.navtr li ul.drop1 {
z-index:99;
opacity:0;
position:absolute;
top:35px;
width:290px;
background:#000;
border-top:1px solid #555;
border-left:1px solid #555;
border-right:1px solid #555;
border-bottom:1px solid #555;
}


/*menu4*/
.navtr li ul.drop4 {
z-index:99;
opacity:0;
position:absolute;
top:35px;
width:200px;
background:#000;
border-top:1px solid #555;
border-left:1px solid #555;
border-right:1px solid #555;
border-bottom:1px solid #555;
}

/*menu5*/
.navtr li ul.drop5 {
z-index:99;
opacity:0;
position:absolute;
top:35px;
width:100px;
background:#000;
border-top:1px solid #555;
border-left:1px solid #555;
border-right:1px solid #555;
border-bottom:1px solid #555;
}

/*menu6*/
.navtr li ul.drop6 {
z-index:99;
opacity:0;
position:absolute;
top:35px;
width:220px;
background:#000;
border-top:1px solid #555;
border-left:1px solid #555;
border-right:1px solid #555;
border-bottom:1px solid #555;

}

/*.navtr li ul.subn li {
float:none;
position:static;
height:0;
border-right:none;
display: block;
opcity:0;
}*/

.navtr li:hover ul.subn {
padding: 5px 10px 6px 5px;
opacity:0.95;

}


.navtr li:hover ul.subn li a {

}

/*
.navtr li:hover ul.subn li a:hover .subn-ico {
	display:inline-block;
	background:url(/images/icon/icon_e.png) no-repeat;
	width:11px;height:11px;
	margin-right:5px;margin-left:-10px;
	background-position:center -474px;
}
.navtr ul.subn li a .subn-ico {
	display:inline-block;
	background:url(/images/icon/icon_e.png) no-repeat;
	width:11px;height:11px;
	margin-right:5px;margin-left:-10px;
	background-position:center -495px;
}


/****** Sticky header (clone) *******/
.page-header-clone {
	width:100%;height:125px;
    background-color:rgba(0,0,0,0.90);
    opacity: 1;
    position: fixed;
    top: -600px;
    z-index: 30;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    -webkit-transition: top 0.25s;
     transition: top 0.25s;
}
.page-header-clone > .inner {margin: auto;}
.page-header-clone .content {
	width:100%;
	margin:0px auto;
	text-align:center;
}
.page-header-clone.visible {top: 0;}
.page-header-clone:hover {opacity: 1;}

.page-header-clone .primary-nav {
    font-size:14px;line-height: 35px; padding-top:0; 
}


.page-header-clone.visible {top: 0;}
.page-header-clone:hover {opacity: 1;}
.page-header-clone .site-logo {float:none;text-align:center}
.page-header-clone .site-logo a {
    display: block;
    overflow: hidden;
	}
/*.page-header-clone .site-logo a:before {
    content: url(/images/common/logo-small.png);display: inline-block;
}*/
.page-header-clone .content button.sitemap {
	color: #fff;
	font-size:11px;
	letter-spacing:0;
    position: absolute;
    top: 15px;
    /* right: 0; */
    right: 190px;
	border:1px solid #62b0e8;
	border-radius:23px;
	padding:2px 15px 3px;
}
.page-header-clone .content button.sitemap:hover {
	background:#0150a2
}

.page-header-clone .primary-nav a {color: rgb(255, 255, 255);}
.page-header-clone .primary-nav a:hover {background:none}
.page-header-clone .primary-nav .nav01 a, .nav02 a, .nav03 a, .nav04 a, .nav05 a, .nav06 a, .allm a.allmenu {    }
.page-header-clone .navtr li:hover ul.subn {
padding: 3px 10px 15px 5px;
opacity:0.95;
}

.page-header-clone .primary-nav .nav01 .drop1, 
.page-header-clone .primary-nav .nav02 .drop2, 
.page-header-clone .primary-nav .nav03 .drop3, 
.page-header-clone .primary-nav .nav04 .drop4, 
.page-header-clone .primary-nav .nav05 .drop5, 
.page-header-clone .primary-nav .nav06 .drop6, 
.page-header-clone .primary-nav .allm .fullmenu {
display:none;opacity:0;height:0;width:0;!important;
}
.page-header-clone .primary-nav .nav01:hover .drop1, 
.page-header-clone .primary-nav .nav02:hover .drop2, 
.page-header-clone .primary-nav .nav03:hover .drop3, 
.page-header-clone .primary-nav .nav04:hover .drop4, 
.page-header-clone .primary-nav .nav05:hover .drop5, 
.page-header-clone .primary-nav .nav06:hover .drop6, 
.page-header-clone .primary-nav .allm:hover .fullmenu {
display:none;opacity:1;height:0;width:0;!important;
}

.page-header-clone .primary-nav .navtr li:hover ul.subn li {
position:absolute;top:-1800px;left:-1000px;
opacity:0;height:0;width:0;!important;
}





/******All Navi*********/
#index_toggle {
z-index:100001; 
width:30px; 
height:20px; 
cursor:pointer; 
margin-top:-2px;
}
#index_toggle .span {height:3px; background:#333; margin:5px auto; }
#index_toggle.on {margin:5px auto}
#index_toggle.on #one { transition-duration: 0.1s;transform: rotate(45deg) translateX(1px) translateY(0px); background:#555;height:2px}
#index_toggle.on #two {opacity: 0;}
#index_toggle.on #three {transition-duration: 0.1s;transform: rotate(-45deg) translateX(11px) translateY(-10px); background:#555;height:2px}

#allnavWrap {
	width: 1160px;
    position: relative;
    height: 0;
    margin: 0 auto;
    z-index: 999;
}
.allnav {
	width: 1140px;
	position: absolute;
	top:66px;
    display: flex;
    /*height: 510px; opacity: 0.95;*/
	background:#fff;
       border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	padding:15px 20px;
	flex-flow:wrap
}

.allnav .dm {
    vertical-align: top;
    padding-right: 20px;
    padding-bottom: 10px;
	padding-left:25px;
	height: fit-content;
	width:145px !important
}
.allnav .dm li {padding:3px 0;font-size:1.1rem}
.allnav .dm li.fn {
	font-size:1.2rem;color:#576388;margin-bottom:10px;border-bottom:1px solid #ddd;
	padding-bottom:10px;font-weight: 700;
	}
.allnav .dm li.fn:before {
	content: '•';
	color:#e88484;
	margin-right:7px;
	font-size:23px;
}
.thr_dpth {padding:7px 0 7px 15px;background:#f7f7f7;margin:5px 0;border-top:1px solid #ccc}
.thr_dpth li {font-size:0.9rem !important;}
.thr_dpth li a {display:inline}
.thr_dpth li:before {content:"-";margin-right:5px}

/*#allnavWrap .allnav ul.dm li {
float:none;
position:static;
height:0;
border-right:none;
transition:height 0.5s;
display: block;
}*/
.aside-hd a .allmenu:hover .allnav ul.dm li {
height:19px;
padding:5px 10px 10px 10px;
border-bottom:1px solid #eee;
}
.aside-hd a .allmenu:hover .allnav ul.dm li a {
text-align:left;font-size:15px;color:#555;
height:19px; padding:7px 10px 7px 10px;
font-weight:550;display:block
}
.aside-hd a .allmenu:hover ul.dm {
padding: 3px 10px 15px 5px;
opacity:0.95;
}
.aside-hd a .allmenu:hover {background:none}
.aside-hd a .allmenu:hover .allnavwrap {display:block}



/********************** mobile **************************/
@media screen and (max-width:43.750em) {
	.page-header {
		clear: both;
		width: 100%;
		margin: 0 auto;
		position: relative;
		padding: 10px 0;
		box-sizing:border-box
	}
	.primary-nav .nav01 a, .primary-nav .nav02 a, .primary-nav .nav03 a, .primary-nav .nav04 a, .primary-nav .nav05 a, .primary-nav .nav06 a {
		color: #333;
		font-size: 13px;
		font-weight: 500;
		letter-spacing: -0.5px;
		display: block;
		padding: 7px 0.3em;
		letter-spacing:-0.7px;
	}
	.page-header > .inner {
    float:none;
    text-align: center;
	}
}