@font-face {
font-family:"novecento";
src:url("../font/novecento_widebook.eot");
}
@font-face {
font-family:"novecento";
src:url("../font/novecento_widebook.ttf");
}
 @font-face {
font-family: 'dincond-medium-webfont';
src: url('../font/dincond-medium-webfont.eot');
src: url('../font/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/dincond-medium-webfont.woff2') format('woff2'), url('../font/dincond-medium-webfont.woff') format('woff'), url('../font/dincond-medium-webfont.ttf') format('truetype'), url('../font/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select {
	margin:0;
	padding:0;
	border:0 none;
	outline:0;
	color:inherit;
}
html, body {
	width:100%;
	height:100%;
}
body {
	margin:0 auto;
	font:12px/1 "Microsoft Yahei", "微软雅黑", sans-serif;
	vertical-align:baseline;
	overflow-y:scroll;
}
h1 {
	font-weight:bold;
	font-size:18px;
	line-height:18px;
	color:#474545;
}
h3 {
	font-weight:normal;
	font-size:12px;
	color:#746969;
}
h2, h4, h5, h6 {
	font-weight:normal;
	font-size:100%;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
a {
	text-decoration:none;
}
p {
	line-height:22px;
	text-align:justify;
}
a img, iframe {
	border:none;
}
a:link {
	color:inherit;
}
:focus {
	outline:0;
}
ol, ul {
	list-style:none;
}
input, textarea, select, button {
	font-weight:inherit;
	font-size:inherit;
*font-size:100%;
	font-family:inherit;
}
.clearfix:after {
	display:block;
	height:0;
	clear:both;
	content:"\200B";
}
.clearfix {
*zoom:1;
}
body {
	max-width:1680px;
	min-width:1130px;
+overflow:hidden;
}
.g-wrap {

	margin:0 auto;
	width:1130px;
	/* overflow:hidden; */
}
#header {
	position:relative;
	z-index:5;
	height:79px;
	background-color:#fff;
	width:1130px;
	margin:0 auto;
}
#logo {
	position:absolute;
	top:12px;
	left:0;
	width:151px;
	height:55px;
}
#nav {
	position:absolute;
	top:0;
	right:0;
	z-index:4;
	height:100%;
	background-color:#fff;
	overflow:hidden;
}
#nav li {
	float:left;
	height:100%;
	-webkit-transition:background-color 700ms;
	transition:background-color 700ms;
}
#nav .n1 {
	width:58px;
}
#nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8 {
	width:83px;
}
#nav .n4 {
	width:96px;
}

    #nav li a {
	position:relative;
	z-index:2;
	display:block;
	width:100%;
	height:100%;
	font-weight:bold;
	font-size:13px;
	line-height:79px;
	text-align:center;
	color:#666;
	-webkit-transition:color 200ms;
	transition:color 200ms;
}
#nav li a.on {
	color:#fff;
}
#nav li a span {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:100%;
	height:100%;
}
#nav li a .bkg {
	top:100%;
	z-index:1;
	background-color:#db261d;
	-webkit-transition:top 200ms;
	transition:top 200ms;
}
#nav li a.on .bkg,  #nav li a:hover .bkg {
	top:0;
}


#content {
	position:relative;
	overflow:hidden;
}
#subNav {
	position:absolute;
	top:0;
	left:0px;
	z-index:4;
	width:100%;
	height:61px; /*overflow: hidden;*/
}
#subNav .g-wrap {
	overflow:visible;
}
#subNav .g-wrap .item {
	position:absolute;
	top:-100%;
	width:1130px;
	height:100%;
	background-color:#db261d;
	overflow:hidden;
	-webkit-transition:top 300ms;
	transition:top 300ms;
}
#subNav .g-wrap .about {
	left:365px;
	padding:0 67px; /*width:835px;*/
}
#subNav .g-wrap .news {
	left:448px;
	padding:0 67px; /*width:752px;*/
}
#subNav .g-wrap .relation {
	left:531px;
	padding:0 80px;/* width:643px;*/
}
#subNav .g-wrap .service {
	left:627px;
	padding:0 67px; /*width:573px;*/
}
#subNav .g-wrap .citizenship {
	left:710px;
	padding:0 67px; /*width:573px;*/
}
#subNav .g-wrap .search {
	right:0;
	width:238px;
	height:44px;
	border:8px solid #d2a21c;
}
#subNav .g-wrap .search input {
	padding:0 20px;
	width:200px;
	height:44px;
	line-height:44px;
}
#subNav .g-wrap .langs {
	right:0;
	padding:0 15px;
	width:224px;
}
/*2016.4.12*/
    #subNav .g-wrap .nwmenu {
	right: 0;
	top: -409px;
	width: 171px;
	height: auto;
	background-color: #d2a21c;
	-webkit-transition: 300ms;
	transition: 300ms;
}
#subNav .g-wrap .nwmenu .nwmenu-inner {
	padding: 20px;
	width: 210px;
	max-height: 349px;
	overflow: hidden;
}
/*#subNav .g-wrap .nwmenu .nwmenu-inner .nwi-box{ margin-bottom: 10px;}*/
    #subNav .g-wrap .nwmenu .nwi-tit {
	float: left;
	width: 50px;
	color: #8f8c92;
	font-size: 12px;
}
#subNav .g-wrap .nwmenu .nwmenu-list { /*float: right; margin-top: -5px; width: 140px;*/
	overflow:hidden;
}
#subNav .g-wrap .nwmenu .nwmenu-list li a {
	float: none;
	padding: 0;
	line-height: 22px;
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	-webkit-transition: color 300ms;
	transition: color 300ms;
}
/*2016.4.12*/

    #subNav .g-wrap .nwmenu .nwmenu-list li a:hover {
	color: #f63b34;
}
#subNav .g-wrap .on {
	top:0;
	z-index: 2;
}
#subNav .g-wrap .item a {
	float:left;
	padding:0 16px;
	font-weight:bold;
	font-size:13px;
	line-height:61px;
	color:#ffffff;
	-webkit-transition:color 300ms;
	transition:color 300ms;
}
#subNav .g-wrap .item a:hover {
	color:#f63b2e;
}
#subNav .g-wrap .item #on {
	color: #f63b2e;
}
/*#footer {height:70px; overflow:visible;  border-top:1px solid #e5e5e5;}*/
/*#footer .g-wrap {background:url(../img/temp/footer_bg.jpg) no-repeat right 0;}*/
#footer {
	height:140px;
}
#reference {
	height:64px;
	line-height:64px;
	border-bottom:1px solid #f2f2f2;
}
#reference div {
	height:100%;
}
#reference a {
	-webkit-transition:color 300ms;
	transition:color 300ms;
}
#reference a:hover {
	color:#f63b2e;
}
#reference div * {
	font-weight:bold;
	font-size:13px;
	color:#2e2e57;
}
#reference .left {
	float:left;
}
#reference .left * {
	float:left;
	height:100%;
	line-height:64px;
}
#reference .left a {
	margin-left:20px;
	padding-left:42px;
	background:no-repeat 0 13px;
}
#reference .left .a1 {
	background-image:url(../img/refer_icon_1.png);
}
#reference .left .a2 {
	background-image:url(../img/refer_icon_2.png);
}
#reference .left .a3 {
	background-image:url(../img/refer_icon_life.png);
}
#reference .right {
	float:right;
	width:323px;
	line-height:69px;
	text-indent:38px;
	background:#f2f2f2 url(../img/refer_icon_3.png) no-repeat 19px 23px;
	border-left:1px solid #e5e5e5;
}
#copyright {
	height:75px;
}
#copyright .g-wrap {
	overflow:visible;
}
#copyright .g-wrap div {
	float:right;
	padding:19px 0 19px 19px;
	height:37px;
	width:303px;
	font-weight:bold;
	line-height:20px;
	color:#4b4b51;
	border-left:1px solid #f2f2f2;
}
#copyright .g-wrap div a {
	-webkit-transition:color 300ms;
	transition:color 300ms;
	color:#4b4b51;
}
#copyright .g-wrap div a:hover {
	color:#e62b1e
}
#mask {
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:1024;
	width:100%;
	height:100%;
}
#mask .wrap {
	position:fixed;
	top:0;
	right:-378px;
	z-index:1024;
	padding:0 29px;
	width:320px;
	height:100%;
	background-color:#2b2b2b;
}
#mask .wrap p {
	margin-top:130px;
	color:#8C8C8C;
	line-height:18px;
	font-size: 13px;
}
#mask .wrap p span {
	display:block;
}
#mask .wrap p .tit {
	font-size:15px;
	color:#E1DEDE;
}
#mask .wrap p .column {
	margin-left:-16px;
	padding-left:16px;
	background:url(../img/sitemap_arrow.png)no-repeat 0 7px;
	font-size: 13px;
}
#legal {
	background:url(../img/legal_tit.png) no-repeat 29px 77px;
}
#sitemap {
	background:url(../img/sitemap_tit.png) no-repeat 29px 77px;
}
#sitemap a {
	color:#8C8C8C;
	-webkit-transition:color 300ms;
	transition:color 300ms;
	font-size: 13px;
}
#sitemap a.reenoo {
	font-weight:bold;
}
#sitemap a:hover {
	color:#e62b1e
}