.clearfix:after {
	clear: both;
	content: '';
	display: block;
}

/* Menu Start */
.sub_tab_menu_wrap
{
    position:relative;
	width:100%;
    height:50px;
    background-color: #171c60;
    z-index:10;
}
.sub_tab_menu_wrap.main
{
	display:none;
}

.sub_tab_menu_wrap > .layout
{
	width: 1200px;
	height:100%;
}

.sub_tab_menu_wrap > .layout > a:first-child
{
	float:left;
	width:50px;
	height:50px;
	line-height:48px;
	text-align:center;
	text-indent: 1px;
	background-color:#0b0e30;
}

.sub_tab_menu_wrap > .layout > a:first-child:hover
{
	/*animation:sub_tab_home 2s infinite;*/
}

.sub_tab_menu_wrap > .layout > a img
{
	width: 13px;
}

@keyframes sub_tab_home {
	0% { line-height:50px; }
	40% { line-height:35px; }
	60% { line-height:50px; }
	100% { line-height:50px; }
}

.sub_tab_menu_wrap > .layout > ul
{
	float:left;
	height:100%;
	padding: 0;
}

.sub_tab_menu_wrap > .layout > ul > li
{
	float:left;
	width:220px;
	height:100%;
	padding:17px;
	font-size:16px;
	color:#fff;
	border-right:1px solid rgba(255, 255, 255, 0.12);
	cursor:pointer;
	position:relative;
	transition:all .3s;
}

.sub_tab_menu_wrap > .layout > ul > li.active
{
	background-color:#0b0f2f;
	border-right:1px solid rgba(255, 255, 255, 0.12);
}

.sub_tab_menu_wrap > .layout > ul > li > a
{
	overflow: hidden;
	display:block;
	width:100%;
	margin-top:-1px;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:24px;
}

.sub_tab_menu_wrap > .layout > ul > li > a:link,
.sub_tab_menu_wrap > .layout > ul > li > a:hover,
.sub_tab_menu_wrap > .layout > ul > li > a:visited,
.sub_tab_menu_wrap > .layout > ul > li > a:active{
	color:#fff;
}

.sub_tab_menu_wrap > .layout > ul > li > a:nth-child(1)
{
	float:left;
}

.sub_tab_menu_wrap > .layout > ul > li > a:nth-child(2)
{
	/*
	float:right;
	display:block;
	width:14px;
	height:14px;
	position:relative;
	margin-top:3px;
	*/

	display:block;
	width:14px;
	height:14px;
	position:absolute;
	right: 17px;
	top: 50%;
	margin-top: -5px;
	font-size:0px;
}

.sub_tab_menu_wrap > .layout > ul > li.active > a:link,
.sub_tab_menu_wrap > .layout > ul > li.active > a:hover,
.sub_tab_menu_wrap > .layout > ul > li.active > a:visited,
.sub_tab_menu_wrap > .layout > ul > li.active > a:active{
	color:#fff;
}

.sub_tab_menu_wrap > .layout > ul > li.active > a:nth-child(2):before
{
	transform:rotate(45deg);
}

.sub_tab_menu_wrap > .layout > ul > li.active > a:nth-child(2):after
{
	transform:rotate(-45deg);
}

.sub_tab_menu_wrap > .layout > ul > li > a:nth-child(2):before,
.sub_tab_menu_wrap > .layout > ul > li > a:nth-child(2):after
{
	content:'';
	display:block;
	width:1px;
	height:9px;
	background-color:#fff;
	position:absolute;
	top:0;
	transition:all .3s;
	font-size:0px;
}

.sub_tab_menu_wrap > .layout > ul > li > a:nth-child(2):before
{
	left:3.5px;
	transform:rotate(135deg);
}

.sub_tab_menu_wrap > .layout > ul > li > a:nth-child(2):after
{
	right:3.5px;
	transform:rotate(-135deg);
}

.sub_tab_menu_wrap > .layout > ul > li > ul
{
	position:absolute;
	top:100%;
	left:0;
	width:100%;	
	display:none;
	z-index:3;
	/*border-top:1px solid #fff;*/
	background-color:#fff;
	padding: 0;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li
{
	width:100%;
	padding:17px;
	background-color:#fff;
	border-bottom:1px solid #ddd;
	color:#979797;
	font-size:16px;
	position:relative;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li:hover
{
	background-color:#ece9ff;
	color:#000437;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li:hover > ul,
.sub_tab_menu_wrap > .layout > ul > li > ul > li > a:focus~ul
{
	width:calc(100% + 5px) !important;
	height:auto;
	z-index:10;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li.active
{
	background-color:#ece9ff;
	color:#000437;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li.active > img
{
	display:block;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li:after
{
	clear:both; content:''; display:block;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > a
{
	overflow: hidden;
	display:block;
	width:100%;
	margin-top:-1px;
	margin-bottom:-6px;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:24px;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > a:first-child
{
	float:left;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > img
{
	float:right;
	margin-top:2px;
	display:none;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > a:nth-child(3)
{
	float:right;
	display:none;
	width:14px;
	height:14px;
	position:absolute;
	top:18px;
	right:17px;
	transform:translateY(-50%);
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li.active > a:nth-child(3) span:first-child
{
	transform:rotate(45deg);
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li.active > a:nth-child(3) span:last-child
{
	transform:rotate(-45deg);
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > a:nth-child(3) span
{
	display:block;
	width:1px;
	height:9px;
	background-color:#717171;
	position:absolute;
	top:0;
	transition:all .3s;
	font-size:0px;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > a:nth-child(3) span:first-child
{
	left:3.5px;
	transform:rotate(135deg);
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > a:nth-child(3) span:last-child
{
	right:3.5px;
	transform:rotate(-135deg);
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > a > img,
.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li > a > img {
	width:11px;
	margin-left:8px;
	margin-bottom:2px;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > a > img:last-child,
.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li > a > img:last-child {
	display:none;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li:hover > a > img:first-child,
.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li:hover > a > img:first-child {
	display:none;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li:hover > a > img:last-child,
.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li:hover > a > img:last-child {
	display:inline-block;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul
{
	width:0px;
	/* height:0px; */
	position:absolute;
	border-top:1px solid #ddd;
	top:-1px;
	left:100%;
	transition:all .3s;
	overflow:hidden;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li:first-child ul
{
	margin-top: 1px;
	border-top: 0;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li
{
	width:222px;
	position:relative;
	padding:17px;
	font-size:16px;
	background-color:#fff;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	color:#979797;
	float:left;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li:after
{
	clear:both; content:''; display:block;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li:hover
{
	background-color:#ece9ff;
	color:#000437;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li.active
{
	background-color:#ece9ff;
	color:#000437;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li.active_i a
{
	font-weight: 600;
	color: #000437;
}

.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li > a
{
	float:left;
	overflow:hidden;
	display:block;
	width:100%;
	margin-top:-6px;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:left;
	height:24px;
}

/* 1200start */
@media screen and (max-width:1200px) {
	.sub_links
	{
		display:none;
	}
}

.sub_links
{
	float:right;
}

.sub_links > a,
.sub_links > div
{
	float:left;
	width:50px;
	height:50px;
	display:block;
	border-right:1px solid rgba(255, 255, 255, 0.12);
	position:relative;
	background-color:#4e53a1;
	text-align:center;
	line-height:46px;
}

.sub_links > a:first-child
{
	border-left:1px solid rgba(255, 255, 255, 0.12);
}

.sub_links > a > span, .sub_links > a > img
{
	font-size:0px;
}

.sub_links > a:not(:last-child):hover span, .sub_links > a:not(:last-child):hover img
{
	/* animation:sub_link_buttons .5s; */
}

@keyframes sub_link_buttons {
	0% { top:50%; }
	80% { top:40% }
	100% { top:50%; }
}

.sub_links > a.font_plus span
{
	width:2px;
	height:17px;
	background-color:#fff;
}

.sub_links > a.font_plus span:first-child
{
	width:17px;
	height:2px;
}

.sub_links > a.font_reset span
{
	display:block;
	width:12px;
	height:12px;
	border:1px solid #fff;
	background-color:transparent;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.sub_links > a.font_minus span
{
	width:17px;
	height:2px;
	background-color:#fff;
}

.sub_links > div.share
{
	position:relative;
}

.sub_links > div.share > a:not(.link) {
	width:100%;
	height:100%;
	text-align:center;
	line-height:50px;
	display:block;
}

.sub_links > div.share > a.link
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:30px;
	height:30px;
	border-radius:100%;
	border:1px solid #ddd;
	text-align:center;
	line-height:28px;
	transition:all .3s;
	/* z-index:-1; */
	z-index:1;
	cursor:pointer;
	background-color:#fff;
	display:none;
}

.sub_links > div.share.active > a.link
{
	/* z-index:1; */
	display:block;
}

.sub_links > div.share > a.link:nth-child(2)
{
	top:150%;
	text-indent:-1px;
}

.sub_links > div.share > a.link:nth-child(3)
{
	top:230%;
	line-height:27px;
}

.sub_links > div.share > a.link:nth-child(4)
{
	top:310%;
}

.sub_links > div.share > a.link:nth-child(5)
{
	top:390%;
}

.sub_links > div.share > a.link > i
{
	color:#000;
	font-size:14px;
	vertical-align:middle;
}

.sub_links > a.menu_toggle_btn
{
	display:none;
}

.sub_links > a.menu_toggle_btn.active span:before
{
	top:50%;
	/* left:30%; */
	width:20px;
	transform:rotate(-45deg) translate(0, -50%);
}

.sub_links > a.menu_toggle_btn.active span
{
	background-color:transparent;
}

.sub_links > a.menu_toggle_btn.active span:after
{
	top:50%;
	/* left:30%; */
	width:20px;
	transform:rotate(45deg) translate(0, -50%);
}

.sub_links > a.menu_toggle_btn span,
.sub_links > a.menu_toggle_btn span:before,
.sub_links > a.menu_toggle_btn span:after
{
	content:'';
	display:block;
	width:16px;
	height:1px;
	background-color:#fff;
	transition:all .3s;
	position: absolute;
	left:0;
	font-size:0px;
}

.sub_links > a.menu_toggle_btn span:before
{
	top:-7px;
}

.sub_links > a.menu_toggle_btn span
{
	width:12px;
	top:48%;
	left: 35%;
}

.sub_links > a.menu_toggle_btn span:after
{
	top:7px;
}

/* 768start */
@media screen and (max-width:767px) {
	.sub_tab_menu_wrap > .layout
	{
		width: 100%;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li > a
	{
		color: #666;
	}
	
	.sub_common_title_h4
	{
		margin:-10px 0 30px;
	}
	.sub_tab_menu_wrap > .layout > ul > li > ul > li > a:nth-child(3)
	{
		display:block;
		/* font-size:16px; */
		top:20px
	}
	.sub_tab_menu_wrap > .layout > ul > li > ul > li.active > a:nth-child(3)
	{
		color:#fff
	}

	.sub_tab_menu_wrap > .layout > ul > li:not(:last-child)
	{
		display:none;
	}

	.sub_tab_menu_wrap > .layout > ul
	{
		width:100%;
		margin-left:0;
	}

	.sub_tab_menu_wrap > .layout > ul > li:last-child
	{
		width:100%;
		text-align:center;
		padding-left: 70px;
		border:none;
	}

	.sub_tab_menu_wrap > .layout > ul > li > a:nth-child(1)
	{
		/* float:none; */
	}

	.sub_tab_menu_wrap > .layout
	{
		padding:0;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul
	{
		left:0px;
		width:100%;
		border:none;
		height:calc(100vh - 100px);
		overflow-y:scroll;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li
	{
		padding:0;
		border-left:none;
		border-right:none;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li > a:first-child
	{
		display:block;
		width:100%;
		height:50px;
		line-height:50px;
		padding:0 17px;
		color:#666;
		font-size:16px;
		text-align:left;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li.active > a:first-child
	{
		background-color:#ece9ff;
		color:#666;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li.active > a:nth-child(3) span
	{
		background-color:#fff;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li.active_i > ul
	{
		display:block;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li:hover
	{
		background-color:#fff;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul
	{
		position:static;
		top:auto;
		left:auto;
		width:100%;
		background-color:#fff;
		display:none;
		transition:none;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li:hover > ul
	{
		width:100%;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li
	{
		width:100%;
		border-left:none;
		border-right:none;
		padding:17px 30px;

		/* before after*/
		position: relative;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li:before,
	.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li:after
	{
		content: '';
		position: absolute;
		left: 20px;
		background: #999;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li:before
	{
		top: 25px;
		width: 6px;
		height: 1px;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li:after
	{
		top: 19px;
		width: 1px;
		height: 6px;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li.active_i:before,
	.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li.active_i:after
	{
		background: #4e53a1;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li:last-child
	{
		border-bottom:none;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li.active_i
	{
	    background-color: #f5f9fd;
	    color: #4e53a1;
	}

	.sub_tab_menu_wrap > .layout > ul > li > ul > li > ul > li.active_i > img
	{
	    display: block;
	}

	.sub_tab_menu_wrap > .layout > a:first-child
	{
		position:absolute;
		top:0;
		left:0;
		float:none;
		z-index:8;
	}
}
/* 768end */