.wrap{
	width: 1200px;
	margin: 0 auto;
}

.logoArea {
    width: 316px;
    height: 54px;
    background: url(../images/logo.png) no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -27px;
}

.disInlineBk{
	display: inline-block;
}

.bgWhite{
	background: #fff;
}

.headerArea{
	
	position: relative;
}

.navArea{
    width: 100%;
    height: 78px;
}

.navArea .wrap{
	position: relative;
	margin-left: -40px;
	height: 79px;
	line-height: 79px;
}


.gfLogoArea{
	vertical-align: top;
	margin-top: 10px;
}

.navIn{
	vertical-align: top;
	margin-left: 60px;
	font-size: 0;
}

.navInLi{
	display: inline-block;
	position: relative;
}

.navInLink{
	display: block;
	height: 78px;
	padding: 0 16px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.hdScondMenu{
	width: 124px;
	position: absolute;
	left: 50%;
	top: 74px;
	margin-left: -62px;
	background: #fff;
	border: 1px solid #d8d8d8;
	border-bottom: none;
	z-index: 1;
	display: none;
}

.hdScondLi{
	width:100%;
	position: relative;
}

.hdScondLink,.hdScondInLink{
	color: #333;
	font-size: 14px;
	text-align: center;
	display: block;
	width: 100%;
	height: 39px;
	line-height: 39px;
	border-bottom: 1px solid #d8d8d8;
}

.hdScondLink:hover,
.hdScondInLink:hover,
.hdScondLi:hover > .hdScondLink{
	background: #F1F1F1;
}

.hdScondInUl{
	position: absolute;
	width: 124px;
	left: 122px;
	top: -1px;
	background: #fff;
	border: 1px solid #d8d8d8;
	border-bottom: none;
	display: none;
}

.navInLi:hover .hdScondMenu,
.hdScondLi:hover .hdScondInUl{
	display: block;
}

.navBar{
	width: 1px;
	height: 16px;
	background: #6a7365;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
}

.navRt{
	font-size: 14px;
	color: #fff;
	height: 79px;
	vertical-align: top;
	padding-left: 20px;
	margin-left: 0px;
	position: relative;
}

.headLine{
	width: 1px ;
	height: 48px;
	position: absolute;
	left: 0;
	top:50%;
	margin-top: -24px;
	background: rgba(255,255,255,.2);
}

.hdLoginBtn{
	font-size: 14px;
	color: #fff;
    display: inline-block;
}

.hdLoginIcon{
	width: 20px;
	height: 20px;
	background: url(../images/indxIcon01.png) no-repeat;
	display:inline-block;
	vertical-align: middle;
	margin: -4px 0 0 0;
}

.peropArea{ margin-right: 10px;}

.perIconArea{
	margin-top: 16px;
}

.perOpCon,.langCon,.brMenuCon{
	background: #fff;
	border: 1px solid #d8d8d8;
	/* border-bottom:none; */
	position: absolute;
	top: 64px;
	z-index: 2;
	display: none;
}

.langCon{
	width: 60px;
	left: 0;
}

.perOpCon{
	width: 118px;
	left:0;
}

.upSan{
	width:22px;
	height: 10px;
	background: url(../images/hd-Up.png) no-repeat;
	position: absolute;
	top: -9px;
	left: 50%;
	margin-left: -11px;
}

.perOpUl li,.langOpUl li,.brMenuUl li{
	text-align: center;
	height: 39px;
	line-height: 39px;
	position: relative;
}

.perOpUl li a,.langOpUl li a,.brMenuUl li a{
	font-size: 14px;
	display: block;
	border-bottom: 1px solid #d8d8d8;

}

.perOpUl li a:hover,.langOpUl li a:hover,.brMenuUl li a:hover{
	background: #f1f1f1;
}

.perOpUl li:hover{
	background: #f1f1f1;
}

.perOpIcon,.themColor{
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	position: absolute;
	left:12px ;
	top: 50%;
	margin-top: -10px;
}

.perMes{
	background-image: url(../images/hd-per01.png);
}

.perLike{
	background-image: url(../images/hd-per02.png);
}

.perOut{
	background-image: url(../images/hd-per03.png);
}

.perThe{
	background-image: url(../images/hd-per04.png);
}

.perMesNum{
	font-size: 12px;
	color: #fff;
	height: 16px;
	line-height: 16px;
	padding:0 4px;
	position: absolute;
	right:12px;
	top: 50%;
	margin-top: -8px;
	background: #907d66;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}

.perRight{
	width: 4px;
	height: 6px;
	background: url(../images/hd-Right.png) no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 9px;
}

.themeType{
	width: 118px;
	background: #fff;
	border: 1px solid #d8d8d8;
	border-bottom: none;
	position: absolute;
	left: 116px;
	top: 0;
	display: none;
}

.themColor{
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}

.themRed{
	background-color: #c42f29;
}

.themBlue{
	background-color: #38b4e6;
}

.themPur{
	background-color: #606bde;
}

.choseTheIcon{
	width:12px ;
	height: 12px;
	background-repeat: no-repeat;
	position: absolute;
	right: 6px;
	top: 50%;
	margin-top: -6px;
}

.themeType li.curTheme,.brMenuUl li.curPage{
	background-color: #f1f1f1;
}

.curTheme  .choseTheIcon{
	background-image:  url(../images/hd-Chos.png);
}


.langArea{
	width: 60px;
	position: relative;
	margin-left:14px;
}


.langFont{
	font-size: 14px;
	color: #666;
}

.langDown{
	position: absolute;
	right: 6px;
	top: 50%;
	margin-top: -4px;
}

.vertLine{
	width: 1px;
	height: 50px;
	background: #dcdcdc;
	margin:0 17px 0 0;
}

.langArea, .peropArea {
    cursor: pointer;
}

.langIcon{
	width: 20px;
}

.langOpUl li.curLang{
	background: #F1F1F1;
}

.language{
	margin-left: 30px;
}

.langIconArea{
	width: 100%;
	position: relative;
}

.langFont{
	color: #fff;
}


.gfLangDown{
	width: 8px;
	height: 6px;
	background: url(../images/idx-wt-down.png) no-repeat;
	position: absolute;
	right: 22px;
    top: 50%;
    margin-top: -3px;
}

.vertLine{
	width: 1px;
	height: 50px;
	background: #dcdcdc;
	margin:0 17px 0 0;
}

.langIcon{
	width: 20px;
}

.langOpUl li.curLang{
	background: #F1F1F1;
}

.langOpUl li a:hover{
	background: #f1f1f1;
}

.gfDownIcon{
	width:8px;
	height: 6px;
	background: url(../images/indxIcon02.png) no-repeat;	
	margin: -2px 0 0 7px;
}


.footerArea{
	width: 100%;
	height:58px;
	background: #210861;
}

.disNone{ display: none !important;}

.simpVersion{
	color: #fff;
	font-size: 14px;
}

@media screen and (max-width: 1023px) {
	.wrap{width:100%;}
	.navArea .wrap {
	    height: 45px;
	    line-height: 45px;
	}
	.gfLogoArea {
	    width: 172px;
	    height: 36px;
	    margin: 0 auto;
	    display: block;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    -webkit-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    -o-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	}
	.gfLogoArea img{width: 100%;height: 100%;object-fit: contain;}
	.hdLoginIcon { background-size: cover;}
	.toggleNavBtn{
	    width: 45px;
   		 height: 45px;	
		background:url(../images/mobile/top-nav-btn.png) no-repeat center center;
    		background-size: 24px auto;
		position: absolute;
		left: 0;
		top: 0;
	}
	.navInUl{
		width: 94px;
	    background: rgba(159, 160, 160, 0.8);
	    margin-left: 0;
	    position: absolute;
	    left: 0;
	    top: 45px;
	    z-index: 1;
	    display: none;
	}
	.navInLi{width: 100%;}
	.navInLink{font-size: 12px;height: 45px;}
	
	.navIn ul.hdScondMenu{
	    width: 124px;
	    position: absolute;
        left: 94px;
		top: 0;
		margin-left: 0;
	    background: #fff;
	    border: 1px solid #d8d8d8;
	    border-bottom: none;
	    z-index: 1;
	    display: none;
	}
	.hdScondLink, .hdScondInLink{font-size: 12px;}
}