@font-face {font-family:"novecento"; src:url("../fonts/novecento_widebook.eot");}
@font-face {font-family:"novecento"; src:url("../fonts/novecento_widebook.ttf");}
 @font-face { font-family: 'dincond-medium-webfont'; src: url('../fonts/dincond-medium-webfont.eot'); src: url('../fonts/dincond-medium-webfont.eot') format('embedded-opentype'), url('../fonts/dincond-medium-webfont.woff2') format('woff2'), url('../fonts/dincond-medium-webfont.woff') format('woff'), url('../fonts/dincond-medium-webfont.ttf') format('truetype'), url('../fonts/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 {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:79px; background-color:#fff;}
    #logo {position:absolute; top:16px; left:1px; width:175px; height:50px;}
    #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;}
    #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:hover {color: #fff;}
    #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:#da251d; -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; border-left:1px solid #e5e5e5;}

    #shop {width:170px;}
    #shop .btn-search {position:absolute; top:7px; right:0px; width:20px; height:20px; background:url(../images/icon_search.png) no-repeat 0px 0px;}
    #shop .btn-search:hover,
    #shop .btn-search.on {background-image:url(../images/icon_search_on.png);}
    #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; left:10px; padding:0 10px; padding-right: 15px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; -webkit-transition:all 300ms; transition:all 300ms;}
    #shop .header-nwbtn img {width: 40px;height: 40px;margin-top: 20px;}
    #shop .header-nwbtn:hover, #shop .header-nwbtn.on{ color: #ff2424;}

    #content {position:relative; overflow:hidden;}
    #subNav {position:absolute; top:-2px; left:0px; z-index:4; width:100%; height:61px; /*overflow: hidden;*/}
    #subNav .g-wrap {overflow:visible; background-color:#4c4a4f;-webkit-transition:top 300ms; transition:top 300ms;position: relative;/*top: -100%;*/}
    #subNav .g-wrap .item {width: 100%;text-align: left;position:absolute; top:-100%; width:100%; height:100%; background-color:#4c4a4f; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
    /*#subNav .g-wrap .about {left:365px;}
    #subNav .g-wrap .news {left:448px;}
    #subNav .g-wrap .relation {left:531px;}
    #subNav .g-wrap .service {left:627px;}
    #subNav .g-wrap .citizenship {left:710px;}
    #subNav .g-wrap .education {left:793px;}*/
    /*#subNav .g-wrap .science {top: -190px;left: 876px;width: 170px;height: 180px;}*/
    #subNav .g-wrap {width: 100%;-webkit-transition: top 300ms;transition: top 300ms;}
    .search {left: 10px;display: block;width:158px; height:30px; border:1px solid #4c4a4f;position: absolute;top: 23px;}
    #searchbox {display: block!important; padding:0 10px; width:120px; height:30px; line-height:30px; }
    #subNav .g-wrap .langs {right:0; padding:0 15px; width:224px;}
     /*2016.4.12*/
    #subNav .g-wrap .nwmenu{ right: 117px; top: -409px; width: 200px; height: auto; background-color: #4c4a4f; -webkit-transition: 300ms; transition: 300ms;}
    #subNav .g-wrap .nwmenu .nwmenu-inner{ padding: 30px; width: 170px; max-height: 349px; overflow: hidden;}
    #subNav .g-wrap .nwmenu .nwmenu-inner .nwi-box{ margin-bottom: 15px;width: 100%;}
    #subNav .g-wrap .nwmenu .nwi-tit{ float: left; width: 50px; color: #8f8c92; font-size: 12px;}
    #subNav .g-wrap .nwmenu .nwmenu-list{ float: left; margin-top: 5px; width: 100px;text-align: left;} 
    #subNav .g-wrap .nwmenu .nwmenu-list li a{ float: none; padding: 0; line-height: 20px; color: #d2ced5; font-size: 16px;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 .nwmenu.on {top: 100%;}
    #subNav .g-wrap .item a {display: inline-block; padding:0 16px; font-weight:bold; font-size:13px; line-height:61px; color:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;}
    /*#subNav .g-wrap .science a {float:right;}*/
    #subNav .g-wrap .item a:hover {color:#f63b2e;}
    #subNav .g-wrap .item #on {
    color: #f63b2e;
}
#footer {background: #333;color: #fff;overflow: hidden;}
#reference {margin-top: 25px;}
#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;}
#reference {float:left;}
#reference a img {vertical-align: middle;}
#reference a span {vertical-align: middle;margin-left: 20px;font-size: 16px;}
#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;}



#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 .sitemap-wrap-box {margin-top:130px; color:#8C8C8C; line-height:18px;font-size: 13px;}
#mask .wrap span {display:block;}
#mask .wrap .tit {font-size:15px; color:#E1DEDE;}
#mask .wrap .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}

#footer .bottom-msg {margin: auto;width: 1130px;padding: 20px;font-size: 0px;}
#footer .bottom-msg a {margin-bottom: 10px;display: inline-block;}
#footer .bottom-msg .left {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 900px;
}
#footer .bottom-msg .right {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 200px;
    text-align: right;
}
#footer .bottom-msg .right img {width: 120px;height: 120px;}
#footer .bottom-msg .right p {
    float: right;
    text-align: center;
    width: 120px;
    margin-top: 10px;
    font-size: 12px;
}
.blogroll {margin-bottom:10px;}
.blogroll a {margin-left: 20px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
#footer a {-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
#footer a:hover {color: #f63b2e;}
.blogroll strong {font-size: 14px;display: inline-block;width: 90px;vertical-align: top;}
.blogroll .blogroll-msg {
    display: inline-block;
    width: 800px;
    vertical-align: top;
}
.blogroll a.item {display: inline-block;margin-bottom: 10px;}
.copyright p {font-size: 12px;}
.copyright a {font-size: 12px;}
.copyright-con {font-size: 12px;}
.copyright-msg {margin-bottom: 5px;}
.copyright-con {margin-right: 20px;}

.site-map-a {margin-right: 10px;font-size: 12px;}
.site-map-a:hover {color: #f00;}