.nav_top { 
	position: fixed; z-index: 9999; top: 0;
	height: 66px; line-height: 66px; 
}
.nav_logo { padding-left: 78px; padding-right: 42px; background-color: rgba(255, 255, 255, 0.8); z-index: 55; }

.nav_top:hover .nav_logo { background-color: rgba(255, 255, 255, 1); }
.nav_top.SC .nav_logo { background-color: rgba(255, 255, 255, 1); }

.menu_area { 
	background-color: rgba(255, 255, 255, 0.8); z-index: 3;  position: relative; width: 0; opacity: 0;
	-webkit-transition: all .3s; transition: all .3s;
}
.nav_right { width: 62px; height: 66px; background: url(../img/nav_right.png) 0 0 no-repeat; }

.nav_top:hover .nav_right { background: url(../img/nav_right_ov.png) 0 0 no-repeat; }
.nav_top:hover .menu_area { 
	left: 0; width: 1100px; -webkit-transition: all .3s; transition: all .3s; opacity: 1;
	background-color: rgba(255, 255, 255, 1);
}
.nav_top.SC .nav_right { background: url(../img/nav_right_ov.png) 0 0 no-repeat; }
.nav_top.SC .menu_area { 
	left: 0; width: 1100px; -webkit-transition: all .3s; transition: all .3s; opacity: 1;
	background-color: rgba(255, 255, 255, 1);
}

/*.nav_top:hover { width: 75.46875%; }*/

.menu_area .d-flex { height: 66px; }
.menu_area .d-flex > div { padding: 0; position: relative; width: 0; }

.nav_top:hover .menu_area .d-flex > div { width: auto; padding: 0 20px; }
.nav_top.SC .menu_area .d-flex > div { width: auto; padding: 0 20px; }


.menu_area .d-flex > div > a {
	font-family: 'Montserrat', serif !important;
	font-size: 14px;
	/*color: #6f6f6f;*/
	font-weight: 600;
	color: #6f6f6f;
}

.menu_area .d-flex > div:hover > a { color: #436c65;  }
.menu_area .d-flex > div:hover .sub {
	visibility:visible;opacity:1;
	-webkit-transition: all .3s; transition: all .3s;
}
.menu_area .d-flex > div .sub {  
	position:absolute;display:block;left:50%;
	transform:translate(-50%);-ms-transform:translate(-50%);-webkit-transform:translate(-50%);
	visibility:hidden;opacity:0;
	white-space:nowrap;word-break:break-all;
	font-size:0;line-height:0;
	background: rgba(0, 0, 0, 0.5);
	top: 100%;
	text-align: center;
	padding: 23px 0;
	border-left: 2px solid #345951;
}
.menu_area .d-flex > div .sub a { 
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.86;
	letter-spacing: normal;
	color: #e7e7e7;
	border-bottom: 1px solid transparent;
	padding-bottom: 3px;
	-webkit-transition: all .3s; transition: all .3s;
}
.menu_area .d-flex > div .sub a:hover {
	border-bottom: 1px solid #fff;
	color: #fff;
	-webkit-transition: all .3s; transition: all .3s;
}
.menu_area .d-flex > div .sub li { position: relative; overflow: hidden; padding: 0 42px; }


.nav_icon { position: fixed; right: 79px; top: 8px; z-index: 9999; }
.nav_icon a { display: inline-block; vertical-align: top; text-align: center; }
.nav_icon a:nth-child(1) { margin-right: 23px; }
.nav_icon a:nth-child(1) li:nth-child(1) { width: 42px; height: 32px; background: url(../img/full_icon.png) center top no-repeat; margin: 0 auto; }
.nav_icon a:nth-child(1):hover li:nth-child(1) { background: url(../img/full_icon_ov.png) center top no-repeat; }
.nav_icon a:nth-child(2) li:nth-child(1) { width: 42px; height: 32px; background: url(../img/reser_icon.png) center top no-repeat; margin: 0 auto; }
.nav_icon a:nth-child(2):hover li:nth-child(1) { background: url(../img/reser_icon_ov.png) center top no-repeat; }
.nav_icon a:nth-child(3){ background-color: #1EC800; width: 100px; height: 73px; display: inline-block; padding: 23px 0; transition: .3s; position: relative; top: -10px;}
.nav_icon a:nth-child(3):hover{ background-color: #339c21;}
.nav_icon a:nth-child(3) p{ color: #fff; display: inline-block; font-weight: 600;}
.nav_icon a li:nth-child(2) {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 14px;
	letter-spacing: normal;
	color: #ffffff;
	margin-top: 8px;
}
.nav_icon a:nth-child(1):hover li:nth-child(2) { color: #345951; }
.nav_icon a:nth-child(2) li:nth-child(2) { color: #345951; }
.nav_icon a:nth-child(2):hover li:nth-child(2) { color: #fff; }