锘緻font-face {font-family:"novecento"; src:url("novecento_widebook.eot");} @font-face {font-family:"novecento"; src:url("novecento_widebook.ttf");} @font-face { font-family: 'dincond-medium-webfont'; src: url('dincond-medium-webfont.eot'); src: url('dincond-medium-webfont.eot') format('embedded-opentype'), url('dincond-medium-webfont.woff2') format('woff2'), url('dincond-medium-webfont.woff') format('woff'), url('dincond-medium-webfont.ttf') format('truetype'), url('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;} /*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:1680px; min-width:1130px; +overflow:hidden;} /*body.on {margin-left:-378px;}*/ .g-wrap {position:relative; margin:0 auto; width:1130px; height:100%; overflow:hidden;} #header {position:relative; z-index:5; height:70px; background-color:#fff;} #logo {position:absolute; top:9px; left:1px; width:254px; height:70px;} #nav {position:absolute; top:0; right:171px; 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;width:80px;} #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:#005bad; -webkit-transition:top 200ms; transition:top 200ms;} #nav li a.on .bkg, #nav li a:hover .bkg {top:0;} #shop {position:absolute; bottom:0; right:0; z-index:5; width:78px; height:100%; background:#fff;} #shop {width:170px;} #shop .btn-search {position:absolute;top:21px;right:30px; width:33px;height:36px; background:url(../images/icon_search.png) no-repeat 0px 0px;right: 30px;} #shop .btn-search:hover, #shop .btn-search.on {background-image:url(../images/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;width: 37px;height: 37px;background: url(../images/wei.png) right center no-repeat;transition: all 300ms; right: 90px;margin-top: 20px;} #shop .header-nwbtn:hover, #shop .header-nwbtn.on{ color: #ff2424; background: url(../images/wei1.png) right center no-repeat;} #shop .header-wbbtn{position: absolute;width: 37px;height: 37px;background: url(../images/weibo.png) right center no-repeat;transition: all 300ms; right: 30px;margin-top: 20px;} #shop .header-wbbtn:hover, #shop .header-wbbtn.on{ color: #ff2424; background: url(../images/weibo1.png) right center no-repeat;} #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%;height:100%; background-color:#4c4a4f; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;} #subNav .g-wrap .about {left:559px; /*width:835px;*/} #subNav .g-wrap .news {left:639px; /*width:752px;*/} #subNav .g-wrap .relation {left: 363px;width: 436px;overflow: inherit;top: -140%;height: 140%;/* width:643px;*/} #subNav .g-wrap .service {left:711px; /*width:573px;*/} #subNav .g-wrap .citizenship {left:623px; /*width:573px;*/} #subNav .g-wrap .search {right:0; width:238px; height:44px; border:8px solid #666666;} #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:18px;top: -409px; width: 165px; height: auto; -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 .wbmenu{ right:0px;top: -409px; width: 165px; height: auto; -webkit-transition: 300ms; transition: 300ms;} #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:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;} #subNav .g-wrap .item a:hover {color:#64b1f7;} #subNav .g-wrap .relation a{float:right;line-height:42px;} #subNav .g-wrap .item #on { color: #f63b2e; } /*#footer {height:70px; overflow:visible; border-top:1px solid #e5e5e5;}*/ /*#footer .g-wrap {background:url(footer_bg.jpg) no-repeat right 0;}*/ #footer {height:140px;} #reference {height:80px; line-height:80px;border-top: 1px solid #dedfe2;margin-top: 0px;} #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 .left1{padding-top: 30px;width: 420px;margin: 0 auto;} #reference .left1 .a1 {background: url(../images/dwei.png) right center no-repeat;} #reference .left1 .a1:hover{background: url(../images/dwei-a.png) right center no-repeat;} #reference .left1 .a2 {background: url(../images/xin.png) right center no-repeat;} #reference .left1 .a2:hover {background: url(../images/xin-a.png) right center no-repeat;} #reference .left1 .a3 {background: url(../images/dian.png) right center no-repeat;} #reference .left1 .a3:hover {background: url(../images/dian-a.png) right center no-repeat;} #reference .left1 .a4 {background: url(../images/da.png) right center no-repeat;} #reference .left1 .a4:hover {background: url(../images/da-a.png) right center no-repeat;} #reference .left1 .a5 {background: url(../images/ming.png) right center no-repeat;} #reference .left1 .a5:hover {background: url(../images/ming-a.png) right center no-repeat;} #reference .left1 .a6 {background: url(../images/you.png) right center no-repeat;} #reference .left1 .a6:hover {background: url(../images/you-a.png) right center no-repeat;} #reference .left1 a {margin-left:32px;height: 46px;width: 46px;display: block;float: left;} #reference .right {float:right; width:323px; line-height:69px; text-indent:38px; background:#f2f2f2 url(../images/refer_icon_3.png) no-repeat 19px 23px; border-left:1px solid #e5e5e5;} #copyright {line-height: 35px;color: #8a8a8a;font-size: 14px;margin-top: 20px;} #copyright .g-wrap p{text-align: center;} #copyright .g-wrap {overflow:visible;} #copyright .g-wrap div {text-align: center;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(../images/sitemap_arrow.png)no-repeat 0 7px;font-size: 13px;} #legal {background:url(../images/legal_tit.png) no-repeat 29px 77px;} #sitemap {background:url(../images/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}