@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%; background-color:#000}
body {margin:0 auto; font:12px/1 "é»‘ä½“","Microsoft Yahei", "å¾®è½¯é›…é»‘", sans-serif; vertical-align:baseline; overflow-y:scroll;}
div {overflow:hidden}
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*/

body {max-width:1680px; min-width:1130px;}
.g-wrap {position:relative; margin:0 auto; width:1130px; height:100%; overflow:hidden;}
#header {position:relative; z-index:5; height:79px;}
#logo {position:absolute; top:0px; left:1px; width:140px; height:53px; background:url(../images/logo.png) no-repeat 0 0;}
#nav {position:absolute; top:0; left:151px; z-index:4; height:100%;  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:normal; font-size:9px; line-height:79px; text-align:center; color:#ccc; -webkit-transition:color 200ms; transition:color 200ms;}
#nav li a:hover {color:#900;}
#nav li a.on {color:#900;}
#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:#64020A; -webkit-transition:top 200ms; transition:top 200ms;}

#nav li a.on .bkg,
#nav li a:hover .bkg {top:0;}*/

#share {position:absolute; bottom:0; right:260px; width:90px; height:100%;}
#share li {float:left; height:100%; width:30px; position: relative;}
#share li a {position: absolute; top:50%; left:0;transform: translateY(-50%);}

#shop {position:absolute; bottom:0; right:60px; z-index:5; width:200px; height:100%; }
#shop .btn-search {position:absolute; top:0; left:10px; width:40px; height:100%; background:url(../images/icon_search.png) no-repeat 11px 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:-10px; padding:0 10px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#ccc;  -webkit-transition:color 300ms; transition:color 300ms;}
#shop .btn-lang:hover {color:#ff2424;}
#shop .searchbox { color:#CCC; border-bottom:1px #550000 solid; border-top:1px #550000 solid; background-color:#000; height:18px; width:180px; position:absolute; top:30px; left:15px}
#shop .searchimg1 {position:absolute; top:30px; left:9px}
#shop .searchimg2 {position:absolute; top:30px; right:0}

#languge {position:absolute; bottom:0; right:0;  width:60px; height:100%; color:#aaa; font-size:9px;}
#languge li {float:left;  height:100%; list-style-type:none; text-align:center}
#languge .lanen { width:20px}
#languge .lanz { width:5px}
#languge .lanch { width:35px}
#languge li a ,#languge li b{position:relative; top:32px; left:0; text-align:center}
#languge li .langr { font-weight:bold; color:#900; }
#languge li .langw { font-weight:normal; color:#aaa;}



#content {position:relative; overflow:hidden;}
#bodyy {color:#FFF; font-size:36px }
#bodyy .waic {height:464px; width:100%; margin:0 auto; border-top:1px #151A22 solid;}
#bodyy .first {border-top:0;}
#bodyy .waic .neic {height:100%; width:980px; margin:0 auto; border-left:1px #151A22 solid; padding-left:50px; }
#bodyy .waic .neic .shangc {height:134px; width:100%;}
#bodyy .waic .neic .shangc img {height:100%;}
#bodyy .waic .neic .shangc .bigword {font: bold 45px "é»‘ä½“", "å®‹ä½“", "æ–°å®‹ä½“";}
#bodyy .waic .neic .shangc .smallword {font: 20px "å®‹ä½“", "æ–°å®‹ä½“";}
#bodyy .waic .neic .xiac {height:300px; width:100%; }
#bodyy .waic .neic .xiac .imgboxw {width:800px; height:300x; overflow:hidden; margin-right:0; position:relative;}
#bodyy .waic .neic .xiac .imgboxw .imgboxn {width:2800px; height:300x; overflow:visible; position:relative; display:block}
#bodyy .waic .neic .xiac .imgboxw .imgboxn .img {width:250px; height:290px; display:inline-block; margin-right:2px; }
#bodyy .waic .neic .xiac .imgboxw .imgboxn .img a { position:relative; width:250px; height:290px; display:block; background:url(../images/palybt.png) no-repeat; left:0px; opacity:0; transition:opacity 300ms; -moz-transition:opacity 300ms; -webkit-transition:opacity 300ms; -o-transition:opacity 300ms;  font:15px "é»‘ä½“","å®‹ä½“", "æ–°å®‹ä½“"; line-height:25px; text-align:center}
#bodyy .waic .neic .xiac .imgboxw .imgboxn .img a:hover{left:0px;opacity:1;}
#bodyy .waic .neic .xiac .imgboxw .imgboxn .img .imgname {width:250px; height:40px; padding-left:5px; margin-right:0px; display:block; position:absolute; bottom:0px;}
#bodyy .waic .neic .xiac .imgboxw .imgboxn .img .playbt {float:left; display:none; width:250px; height:250px; background: url(../images/palybt.png);}
#bodyy .waic .neic .xiac .next { display:block; position:relative; left:800px; top:-300px; width:80px; height:250px; z-index:10; margin-right:10px; background-image:url(../images/next.png);}
#bodyy .waic .neic .xiac .next:hover {background-image:url(../images/next2.png);}

#biaot {color:#fff; text-align:center; font-size:70px; font:"é»‘ä½“"; line-height:70px; font-weight:1200;}
#jieshao {text-align:center; background: url(../images/contactus.jpg) no-repeat center ;  height:739px; }
#jieshao p {color:#CCC; text-align:left; width:900px; margin:0 auto; position:relative}
#jieshao #gsming { font-size:20px; line-height:20px; top:133px}
#jieshao #gsminge { font-size:12px; line-height:12px; top:136px}
#jieshao #zhengw {font-size:12px; line-height:16px;  top:149px; opacity:0.8;}
#jieshao #zhengw2 {color:#820410;  font-size:16px; top:149px; }

#footer {height:140px;}
#reference {height:64px; line-height:64px; border-bottom:1px solid #393939;}
#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:#ccc;}
#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(../images/refer_icon_1.png);}
#reference .left .a2 {background-image:url(../images/refer_icon_2.png);}
#reference .right {float:right; width:323px; line-height:69px; text-indent:59px; background:#202020 url(../images/refer_icon_3.png) no-repeat 19px 23px; border-left:0px solid #252525;}
#copyright {height:75px;}
#copyright .g-wrap {overflow:visible;}
#copyright .g-wrap div {float:right; padding:19px 0 19px 0; height:37px; width:800px; /*font-weight:bold;*/ line-height:20px; color:#4b4b51; border-left:0px solid #252525; text-align:right}
#copyright .g-wrap div a {-webkit-transition:color 300ms; transition:color 300ms; /*color:#bbb;*/}
#copyright .g-wrap div a:hover {color:#e62b1e}

#copyright .g-wraps {overflow:visible; text-align:center;}
#copyright .g-wraps div { text-align:center; padding:19px 0 19px 0; height:37px; width:800px; /*font-weight:bold;*/ line-height:20px; color:#4b4b51; border-left:0px solid #252525; margin:0 auto;}
#copyright .g-wraps div .top{ font-size:36px}
#copyright .g-wraps div a {-webkit-transition:color 300ms; transition:color 300ms; /*color:#bbb;*/}
#copyright .g-wraps 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;}
#mask .wrap p span {display:block;}
#mask .wrap p .tit {font-size:14px; color:#E1DEDE;}
#mask .wrap p .column {margin-left:-16px; padding-left:16px; background:url(../images/sitemap_arrow.png)no-repeat 0 7px;}
#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;}
#sitemap a.reenoo {font-weight:bold;}
#sitemap a:hover {color:#e62b1e}

#t2 {color:#000; text-align:left; line-height:18px; position:static; left:auto; top:260px; background-color:#FFF; width:350px; height:80px;margin:0 auto}