@font-face { font-family: 'SourceHanSansCN-Normal'; src: url('./font/SourceHanSansCN-Normal.ttf') }
 
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%; color: #333333;}
body {margin:0 auto;  font-family: 'SourceHanSansCN-Normal'; src: url('./font/SourceHanSansCN-Normal.ttf'); 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; vertical-align: top;}
a:link {color:inherit;}
:focus {outline:0;}
/*img{ vertical-align:top;}*/
ol, ul {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/

/* == 以上 reset Css == */


/**************** 全局公用样式 ****************/
/*body {max-width:1580px; min-width:1130px;_width:expression(document.body.clientWidth<1130? "1130px": (document.body.clientWidth>1580?"1580px":"auto"));}*/
body {max-width:1920px; min-width:1130px; +overflow:hidden;}
/*body.on {margin-left:-378px;}*/
.g-wrap {position:relative; margin:0 auto; width:1200px; height:100%; overflow:hidden;}
.g-wrap1 {position:relative; margin:0 auto; width:1200px; height:100%; }
.nav{position:relative; margin:0 auto; width:1200px; height:100%; }
#header { z-index:5; height:180px; color: #414141;}
	#logo2 {position:absolute; top:25px; left:90px; width:410px;  background-size: contain;}
    #logo {position:absolute; top:10px; left:35px;  height:88px; background-size: contain; }
	#logoline{position:absolute; top:25px; left:400px;  height:88px; background-size: contain; border-right: 1px solid #704015; height: 50px;}
    #nav {  color:#fff;  height: 62px; width: 730px; display: flex; justify-content: space-between;}
	#nav ul{ display: flex; justify-content: space-between;}
    #nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms; background-repeat: no-repeat;}
    #nav .n1 {width:95px; }
    #nav .n2, #nav .n3, #nav .n6, #nav .n7, #nav .n8 {width:95px;}
    #nav .n4 {width:95px;}
	#nav .n44 {width:95px;}
	#nav .n5 {width:95px;}
	.pc_log{position: absolute; left: 0; right: 0; margin: 0 auto; width:222px; z-index: 999999;}
	#logo dl dt{width:126px; float:left}
	#logo dl dd{width:360px; float:left; margin-left:30px; margin-top: 2%;}
   
   .topbg{width: 100%; background: #005b30; color: #fff; height: 68px; line-height: 68px; position: absolute; top: 0;}
   .top_xx ul{display: flex; justify-content: space-between;}
   .top_xx ul li:nth-child(1){font-size: 24px; color: #333333;}
    .top_xx ul li:nth-child(2){font-size: 24px;}
	 .top_xx ul li:nth-child(2) span{font-size: 18px; font-weight: bold;}
	 .top_xx ul li img{vertical-align: middle; margin-right: 10px;}
	.topdh ul li:nth-child(1) img{vertical-align: bottom;} 
	 
	 .topdh ul{display: flex; justify-content: space-between; color: #414141; font-size: 16px;  margin: 2% 0 0 0; padding-bottom: 1%;}
	 .topdh ul li:last-child{color: #025e9f; font-weight: bold;}
	  .topdh ul li:last-child img{vertical-align: middle; margin-left: 5px;}
	 .topnav{display: flex; justify-content: space-between;}
	 .logo{width: 126px; margin-top: 1%;}
   .navling2{width: 100%; height: 1px; background:#f8f8f8; position: absolute; top:70px}
.dhtop{ position: absolute; right: 65px; top:15px}
    #nav li a {position:relative; z-index:2; display:block;width:100%; height:100%; font-size:18px; line-height:20px; text-align:center; color:#414141; -webkit-transition:color 200ms; transition:color 200ms; text-align: center;}
    #nav li a.on,#nav li a:hover {color:#025e9f;  font-weight: bold;}
    #nav li a span {position:absolute; left:10px; top:35px; z-index:2;  height:100%;  font-size: 18px;}
	#nav li a strong {position:absolute; left:40px; top:0; z-index:2;  height:100%;font-size: 10px;color: #777777;}
    #nav li a .bkg {top:100%; z-index:1;  height: 3px; }

    #nav li a.on .bkg,
    #nav li a:hover .bkg {top:70px; width:60px; margin: 0 auto; height: 2px; left:0;background: #025e9f; right: 0;}
	

    #shop {position:absolute; bottom:0; right:0; z-index:5; width:78px; height:100%; background:#fff; border-left:1px solid #e5e5e5;}

    #shop {width:170px;}
    #shop .btn-search {position:absolute; top:30px; left:15px; width:20px; height:20px; background:url(../img/icon_search.png) no-repeat 0px 0px;}
    #shop .btn-search:hover,
    #shop .btn-search.on {background-image:url(../img/icon_search_on.png);}
        /*#searchbox {display:none; position:absolute; top:100%; z-index:11115; line-height:44px; right:0; padding:0 20px; width:200px; height:44px; border:8px solid #4c4a4f;}*/
    #shop .btn-lang {position:absolute;top:0; right:74px; padding:0 10px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
    #shop .btn-lang:hover {color:#ff2424;}
    #shop .header-nwbtn{ position:absolute;top:0; right:0px; padding:0 10px; padding-right: 15px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background: url(../img/head-nw-icon.png) right center no-repeat; -webkit-transition:all 300ms; transition:all 300ms;}
    #shop .header-nwbtn:hover, #shop .header-nwbtn.on{ color: #ff2424; background: url(../img/head-nw-icon-on.png) right center no-repeat;}

#content {position:relative; overflow:hidden;}
    #subNav {position:absolute; top:100px; left:0px; z-index:4; width:100%; height:100px; /*overflow: hidden;*/}
    #subNav .g-wrap {overflow:visible;}
    #subNav .g-wrap .item {position:absolute; top:-600%; width:215px; background-color:#fff; overflow:hidden; -webkit-transition:bottom 300ms; transition:bottom 300ms;}
    #subNav .g-wrap .about {left:565px;/*width:835px;*/}
    #subNav .g-wrap .news {left:697px;  /*width:752px;*/}
    #subNav .g-wrap .relation {left:820px; /* width:643px;*/}
    #subNav .g-wrap .service {left:930px;  /*width:573px;*/}
    #subNav .g-wrap .citizenship {left:1040px;  /*width:573px;*/}
    #subNav .g-wrap .search {right:0; width:238px; height:44px; border:8px solid #4c4a4f;}
    #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: #4c4a4f; -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: #d2ced5; 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;box-shadow: 0 0 10px #c9c7c7;}
    #subNav .g-wrap .item a {padding:0 20px; display: block; text-align: center;  font-size:16px; line-height:60px; color:#666666;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .g-wrap .item a:hover {color:#fff; background-color: rgba(232,145,21);}
    #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 em{display:block;margin:0 12px;font-style: normal;}
#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}