@charset "utf-8";
#wrap{  min-width: 1200px;max-width: 2000px;margin: 0 auto;}
#wrap.en{font-family: 'Normal', sans-serif;}
#wrap.en button,#wrap.en select,#wrap.en input{ font-family:'Normal'}
#header{position: absolute;top:0;left:0;right:0;min-width:1083px;}
#gnb .navi:before {
    content: "";
    position: absolute;
    top: 0;bottom:0;
    left: 70px;right:70px;
    z-index: 1000;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    background: rgba(0, 0, 0, 0.75);
    visibility: hidden;
}


#misc_btns{position: relative; max-width: 1260px;margin: 0 auto;padding:10px 4px 0 0;z-index: 999;opacity: 1; height:76px;}
#misc_btns a{position: relative;display: inline-block;font-size: 14px;color: #144f8c;line-height: 22px;padding: 0 11px; float: left;}
#misc_btns a:before{content: '';position: absolute;top:5px;bottom:0;left:0;height: 12px; width:1px;background: #144f8c;opacity: 0.3}
#misc_btns a:first-child:before{content: none;}



#misc_btns .right_area{float: right;padding-top:18px;font-size: 14px;}
#misc_btns .right_area a:last-child{padding: 0 8px;background: #fff;}
#misc_btns .right_area a:last-child:before{display: none;}
#misc_btns .right_area a:last-child:after{content: "";position: absolute;top: 2px;left: 2px;width: 90%;height: 74%;}


#gnb{position: relative;  top: 0;text-align: center;width:100%;margin: 0 auto;z-index: 1;min-height:70px;}
#gnb .navi{position: absolute;left:0;right:0;top:0;width:100%;height:70px;background-color: #fff;max-width:1220px;margin:auto;border-radius:5px;}

/* navi */
#gnb .navi ul.depth1{position: relative;font-size: 0;letter-spacing: 0;word-spacing: 0;left:15px;box-shadow:0px 0px 1px rgba(0,0,0,0.1);}
#gnb .navi ul.depth1 > li{display:inline-block; vertical-align:top;font-size:17px;margin-right:20px;margin-left:16px;float:left;}
#gnb .navi ul.depth1 > li > a{position: relative;display: block;color: #333333;height: 70px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding-top:22px; }
#gnb .navi ul.depth1 > li > a em{display: block; color: #666666;font-size: 12px; font-weight: normal;}
#gnb .navi ul.depth1 > li:hover > a, 
#gnb .navi ul.depth1 > li.cur > a,
#gnb .navi ul.depth1 > li:hover > a em,
#gnb .navi ul.depth1 > li.cur > a em{color: #144f8c;}
#gnb .navi ul.depth1 > li:first-child > a:before{content: none;}
#gnb .navi ul.depth1 > li > a:after{content: none;}
#gnb .navi ul.depth1 > li{
	position: relative;
}

#gnb .navi ul.depth1 > li > a i{
	display: inline-block;
	width: 9px;
	height: 6px;
	position: relative;
	margin-left: 5px;
	background: url(../images/lei4.png) no-repeat center center/cover;
}
#gnb .navi ul.depth1 > li .navbox{
	display: none;
	position:absolute;
	left:-21px;
	top: 100%;
	width:155px;
	background-color:#fff;
	z-index:1;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-weight: none;
}
#gnb .navi ul.depth1 > li:hover .navbox{
	display: block;
}
#gnb .navi ul.depth1 > li .navbox:before{
	content: "";
	position: absolute;
	left: 50%;
	top: -9px;
	margin-left: -8px;
	width: 17px;
	height: 9px;
	background: url(../images/lei3.png) no-repeat center center;
}
#gnb .navi ul.depth1 > li .navbox a{
	display: block;
	color: #333333;
	font-size: 14px;
	text-align: left;
	line-height: 40px;
	padding: 0 20px;
	position: relative;
	font-weight: normal;
}
#gnb .navi ul.depth1 > li .navbox a:before{
	content: "";
	position: absolute;
	right: 15px;
	top: 15px;
	width: 6px;
	height: 9px;
	background: url(../images/lei1.png) no-repeat center center;
}
#gnb .navi ul.depth1 > li .navbox a:hover{
	background: #144f8c;
	color: #fff;
}
#gnb .navi ul.depth1 > li .navbox a:hover::before {
	background: url(../images/lei2.png) no-repeat center center;
}

/**红蓝位置**/
#misc_btns{
	max-width: 1220px;
}
#gnb .navi{
	min-width:1219px;
	max-width: 1219px;
	border-left: 13px solid #e91d3a;
	border-right: 13px solid #015bad;
}
#gnb .navi .center{
	max-width: 1220px;
}
#gnb .navi .logo{
	float: left;
	width: auto;
}
#gnb .navi .logo > a:before,
#gnb .navi .logo > a:after{
	display: none;
}
#gnb .navi ul.depth1{
	float: left;
	margin-left:5px;
}