@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[type='button'], select {margin:0; padding:0; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%; -ms-transform:translate(0px 0px) tranlateZ(0px); transform:translate(0px 0px) tranlateZ(0px); -webkit-transform:translate(0px 0px) tranlateZ(0px); -moz-transform:translate(0px 0px) tranlateZ(0px); -o-transform:translate(0px 0px) tranlateZ(0px);}
body {margin:0 auto; font:12px/1 "Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline;}
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*/
.f-l{ float:left;}
.f-r{ float:right;}
/* == 以上 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; /*padding-left:11px; padding-right:11px;*/}
/*body.on {margin-left:-378px;}*/
.g-wrap {position:relative;  width:1130px; margin:0 auto;height:100%; overflow:visible;}
.state-0,.state-1,.state-2,.state-3,.state-4{ overflow:hidden;}
#header {position:relative; z-index:5; height:79px; background-color:#fff; overflow:hidden;}
.logo {position: absolute;
top: 8px;
left: 1px;
width: 354px;
height: 67px;
background: url(../images/logo-2.jpg) no-repeat 0 0;}
	
	.origin{ top:27px !important;}
	
	.duanwu{background:url(../images/duanwu.png) no-repeat 0 0;}
	.fathersday{background:url(../images/fathersday.png) no-repeat 0 0;}
	.qixiday{background:url(../images/qixi.png) no-repeat 0 0; width:213px; height:80px;top:0;}
	.victoryday{background:url(../images/victory.png) no-repeat 0 0; width:263px; height:80px;top:0;}
	.guoqing{background:url(../images/guoqing.png) no-repeat 0 0; width:240px; height:79px;top:0;}
    #nav {min-width:569px;/*position:absolute; top:0; left:387px;*/ z-index:4; height:100%; background-color:#fff; float:right; clear:both;}
    /*#nav {left:580px; width:560px;}*/
    #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; display:block; width:100%; height:100%;}
    #nav li a * {position:absolute; bottom:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat 16px 32px; -webkit-transition:-webkit-opacity 200ms; transition:opacity 200ms; cursor:pointer;}
    #nav li a .on {-webkit-opacity:0; opacity:0; display:none\9;}
    #nav li a .slideBlock {z-index:1; height:0; background:#f00; -webkit-transition:height 200ms; transition:height 200ms;}
    #nav .n1 a .off {background-image:url(../img/header/nav_1.png)}
    #nav .n2 a .off {background-image:url(../img/header/nav_2.png)}
    #nav .n3 a .off {background-image:url(../img/header/nav_3.png)}
    #nav .n4 a .off {background-image:url(../img/header/nav_4.png)}
    #nav .n5 a .off {background-image:url(../img/header/nav_5.png)}
    #nav .n6 a .off {background-image:url(../img/header/nav_6.png)}
    #nav .n7 a .off {background-image:url(../img/header/nav_7.png)}
    #nav .n8 a .off {background-image:url(../img/header/nav_8.png)}
    #nav .n1 a .on {background-image:url(../img/header/nav_1_on.png)}
    #nav .n2 a .on {background-image:url(../img/header/nav_2_on.png)}
    #nav .n3 a .on {background-image:url(../img/header/nav_3_on.png)}
    #nav .n4 a .on {background-image:url(../img/header/nav_4_on.png)}
    #nav .n5 a .on {background-image:url(../img/header/nav_5_on.png)}
    #nav .n6 a .on {background-image:url(../img/header/nav_6_on.png)}
    #nav .n7 a .on {background-image:url(../img/header/nav_7_on.png)}
    #nav .n8 a .on {background-image:url(../img/header/nav_8_on.png)}

    #nav li a.on .off{-webkit-opacity:0; opacity:0; display:none\9;}
    #nav li a.on .on {-webkit-opacity:1; opacity:1;  display:block\9;}
    #nav li a.on .slideBlock {height:100%;}*/

    /*#nav {overflow:hidden;}*/
    #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 300ms; transition:color 300ms;}
    #nav li a.on {color:#fff;background:#fe0000\0; }
    #nav li a span {display:inline-block;position:absolute; position:relative\0;left:0; top:0; z-index:2; width:100%; height:100%;}
    #nav li a .bkg {position:absolute;top:100%; z-index:1; background-color:#fe0000; -webkit-transition:top 200ms; transition:top 200ms; }

    #nav li a.on .bkg,
    #nav li a:hover .bkg {top:0;top:0\0;}

    #shop {position:absolute; bottom:0; right:0; z-index:5; width:78px; height:100%; background:#fff; border-left:1px solid #e5e5e5;}
    
    #shop {width:108px;}
    #shop .lang {position:absolute;top:0; right:0px; width:50px; height:100%; font-size:13px; line-height:76px; color:#666369; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
    #shop .lang:hover {color:#ff2424;}
    #shop .btn-search {position:absolute; top:0; left:10px; width:40px; height:100%; background:url(../img/icon_search.png) no-repeat 11px 30px;}
    #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;}
    #header .g-wrap {overflow:visible;}

#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:619px;/*left:536px;*/ padding:0 15px; /*width:835px;*/}
    #subNav .g-wrap .news {left:702px;/*left:536px;*/ padding:0 15px; /*width:835px;*/}
    #subNav .g-wrap .service {left:785px;/*left:702px;*/ padding:0 13px; /*width:752px;*/}
    #subNav .g-wrap .happy {left:964px;/*left:536px;*/ padding:0 67px;/* width:643px;*/}
    #subNav .g-wrap .career {left:970px; padding:0 67px; /*width:573px;*/}
	#subNav .g-wrap .feedback{left:1053px; padding:0 67px;}
    #subNav .g-wrap .on {top:0;}
    #subNav .g-wrap .item a {float:left; padding:0 8px; 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;}

/*#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:#333333;}
#reference .left {float:left; background:url(../images/ico.png) no-repeat right center;}
#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(../img/refer_icon_1.png);}
#reference .left .a2 {background-image:url(../img/refer_icon_2.png);}
#reference .right {float:right; width:323px; text-align:center; background:#f2f2f2 url(../images/bot-tel.png) no-repeat 19px 21px; border-left:1px solid #e5e5e5; font-size:16px; font-weight:normal;}
#copyright {height:75px; padding-top:1px}
#copyright .g-wrap div {float:right; padding:19px; height:37px; width:284px; font-weight:normal; 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:#c2b8c1; line-height:18px;}
#mask .wrap p span {display:block;}
#mask .wrap p .tit {font-size:14px; color:#fff;}
#mask .wrap p .column {margin-left:-16px; padding-left:16px; background:url(../img/sitemap_arrow.png)no-repeat 0 7px;}
#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:#c2b8c1;}
a sup {
    line-height: 10px;
}
.BMapLib_sendToPhone {
	display: none !important;
}