@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.eot");}
@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.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%;}
body {margin:0 auto; font:12px/1 "Microsoft Yahei", "寰蒋闆呴粦", sans-serif; vertical-align:baseline; overflow-y:scroll;}
h1 {font-weight:lighter; font-size:36px; line-height:18px; color:#b79f7d;}
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;}





.article_title { font-size: 22px;
    color: #b8a27d;}


body {max-width:1920px; min-width:1130px; +overflow:hidden;}

.g-wrap {position:relative; margin:0 auto; width:1130px; height:100%; overflow:hidden;}
.of_visible { overflow:visible;}
#header {position:relative; z-index:5; height:79px; background-color:#fff;}
    #logo {  position: absolute;
  top: 12px;
  left: 1px;
  width: 151px;
  height: 50px;
  background: url(../image/logo.png) no-repeat 0 0;
  }
    #nav {position:absolute; top:0; right:86px; 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; display:none;}

    #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.act {color:#fff; background-color:#C01B2B;}
    #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:#C01B2B; -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:60px;}
    #shop .btn-search {position:absolute; top:30px; left:20px; width:20px; height:20px; background:url(../image/icon_search.png) no-repeat 0px 0px;}
	#shop:hover { background-color:#C01B2B;}
    #shop:hover .btn-search {background-image:url(../image/icon_search_on.png);}
        
    #shop .btn-lang {position:absolute;top:0; right:-10px; 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;}

	#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:100%; height:100%; background-color:#4c4a4f; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
    #subNav .g-wrap .about {left:546px; padding:0 67px; }
    #subNav .g-wrap .project {left:616px; padding:0 80px; }
	#subNav .g-wrap .news {left:629px; padding:0 67px; }
    #subNav .g-wrap .product {left:712px; padding:0 67px;}
    #subNav .g-wrap .investment {left:795px; padding:0 67px; }
	#subNav .g-wrap .join {left: 878px;; padding:0 67px; }
    #subNav .g-wrap .search {right:0; width:auto; 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:auto;}
    #subNav .g-wrap .on {top:0;}
    #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:#f63b2e;}
    #subNav .g-wrap .item #on {
    color: #f63b2e;
}




#footer .main { position:relative;height: 265px;}
#footer .wrapper { width: 1130px; margin: 0 auto; max-width: 1160px;  }
#footer { background-color: #525252; color: #fff; padding-top: 40px; }
#footer a { color: #fff; }
#footer a:hover { text-decoration: underline; }
#footer .main { height: 175px; }
#footer .main .left-panel { max-width: 410px; width: 410px; position: absolute; top: 0; left: 0; }
#footer .main .left-panel h1 { font-size: 25px;text-transform: uppercase;font-family: microsoft yahei;letter-spacing: 2px;color: #e9cd9c;}
#footer .main .left-panel ul { width:100%;   margin-top: 20px;}
#footer .main .left-panel ul li { display:inline-block; width:198px; height:39px; position:relative; float:left; margin-top:10px;}
#footer .main .left-panel ul li#l1 { background:url(../image/foot_pro_bg_01.jpg) no-repeat;}
#footer .main .left-panel ul li#l2 { background:url(../image/foot_pro_bg_02.jpg) no-repeat;  margin-left: 10px;}
#footer .main .left-panel ul li#l3 { background:url(../image/foot_pro_bg_03.jpg) no-repeat;}
#footer .main .left-panel ul li#l4 { background:url(../image/foot_pro_bg_04.png) no-repeat;  margin-left: 10px;}
#footer .main .left-panel ul li .t { font-family:microsoft yahei; font-size:12px; color:#fff; display:block; position:absolute; left:48px; top:13px; z-index:3;}
#footer .main .left-panel ul li .lay {width:198px; height:39px; position:absolute; z-index:2; right:0; top:0; background:url(../image/foot_pro_bg_on.png) no-repeat; opacity:0; transition:0.5s; -webkit-transition:0.5s; }
#footer .main .left-panel ul li:hover .lay { opacity:1;}


#footer .main .center-panel-2 { width:360px;   height: 140px; position: absolute; top: 0; left: 480px; padding:0 75px; border-left:1px solid #e9cd9c;border-right:1px solid #e9cd9c;}
#footer .main .center-panel-2 p { line-height: 24px; }
#footer .main .center-panel-2 .social { padding-top: 12px; height: 26px; }
#footer .main .center-panel-2 .social a { width: 26px; height: 26px; background: url(../image/icon-social.png) no-repeat; margin-right: 12px; float: left; }
#footer .main .center-panel-2 .social a:hover { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; text-decoration: none; }
#footer .main .center-panel-2 .social .wechat { background-position: 0 0; }
#footer .main .center-panel-2 .social .wechat:hover { background-position: 0 -30px; }
#footer .main .center-panel-2 .social .weibo { background-position: -38px 0; }
#footer .main .center-panel-2 .social .weibo:hover { background-position: -38px -30px; }
#footer .main .center-panel-2 .social .qqwb { background-position: -76px 0px; }
#footer .main .center-panel-2 .social .qqwb:hover { background-position: -76px -30px; }
#footer .main .center-panel-2 .qrimage { border: solid #ccc 1px; width: 100px; position: absolute; top: 50px; left: 0; z-index: 10; visibility: hidden; -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
#footer .main .center-panel-2 .qrimage.show { visibility: visible; opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
#footer .main h2 { font-size: 16px;padding-bottom: 18px;font-weight: bolder;color: #e9cd9c;letter-spacing: 1px;font-family: microsoft yahei; }


#footer .main .right-panel { position: absolute; top: 0; right: 0; }
#footer .main .right-panel p { line-height: 24px; }
#footer .copy { background-color: #AB313E; height: 40px; line-height: 40px; text-align: center; }

#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(404.png)no-repeat 0 7px;font-size: 13px;font-weight: bold; color: #eee; margin-bottom: 5px;}
#mask  .p_title1 { font-size:14px; font-weight:bold; color:#eee;}
#legal {background:url(../image/legal_tit.png) no-repeat 29px 77px;}
#sitemap {background:url(../image/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}

@-webkit-keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp2 {
  -webkit-animation-name: fadeInUp2;
  animation-name: fadeInUp2;
}