@font-face {font-family:"novecento"; src:url("../fonts/novecento_widebook.eot");}

@font-face {font-family:"novecento"; src:url("../fonts/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: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:1920px; min-width:1130px; +overflow:hidden;}

/*body.on {margin-left:-378px;}*/
#bannern {height:91px; background:url(../images/bjn.jpg) no-repeat center;}
.neiye{width:1130px; margin:30px auto}
.neiye .list{float:left; width:295px;}
.neiye .list h3{ margin-bottom:10px; line-height:45px; background-color:#4e5057; color:#fff; text-align:center; font-size:16px; }
.neiye .list ul li{ margin-bottom:10px; line-height:45px; background-color:#eaecf5; color:#ffb907; text-align:center; font-size:14px; display:block}
.neiye .list ul li a{  line-height:45px; background-color:#eaecf5; color:#ffb907; text-align:center; font-size:14px; display:block}
.neiye .list ul li a:hover{  line-height:45px; background-color:#ffb907; color:#fff; text-align:center; font-size:14px; display:block}
.neiye .nr{float: right; width:785px;}
.neiye .nr dl dt{ background:url(../images/btx.jpg) repeat-x center bottom; font-size:18px; color:#000; line-height:45px; padding-left:5px;}
.neiye .nr dl dt span{  font-size:12px; color:#666; line-height:45px; float:right}
.neiye .nr dl dd{margin-top:10px; font-size:12px; line-height:36px;}



.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:12px; left:2px; width:200px; height:62px; background:url(../images/logo.jpg) no-repeat 0 0;}

    #nav {position:absolute; top:0; right:86px; z-index:4; height:100%; background-color:#fff; overflow:hidden; 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:93px;}

    #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(../images/nav_1.png)}

    #nav .n2 a .off {background-image:url(../images/nav_2.png)}

    #nav .n3 a .off {background-image:url(../images/nav_3.png)}

    #nav .n4 a .off {background-image:url(../images/nav_4.png)}

    #nav .n5 a .off {background-image:url(../images/nav_5.png)}

    #nav .n6 a .off {background-image:url(../images/nav_6.png)}

    #nav .n7 a .off {background-image:url(../images/nav_7.png)}

    #nav .n8 a .off {background-image:url(../images/nav_8.png)}

    #nav .n1 a .on {background-image:url(../images/nav_1_on.png)}

    #nav .n2 a .on {background-image:url(../images/nav_2_on.png)}

    #nav .n3 a .on {background-image:url(../images/nav_3_on.png)}

    #nav .n4 a .on {background-image:url(../images/nav_4_on.png)}

    #nav .n5 a .on {background-image:url(../images/nav_5_on.png)}

    #nav .n6 a .on {background-image:url(../images/nav_6_on.png)}

    #nav .n7 a .on {background-image:url(../images/nav_7_on.png)}

    #nav .n8 a .on {background-image:url(../images/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 li a {position:relative; z-index:2; display:block; width:100%; height:100%;  font-size:14px; 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:#ffb907; display:block;-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:85px;}

    #shop .btn-search {position:absolute; top:30px; left:15px; 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);}

        /*#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:#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:fixed; left:0; top:-100%; width:100%; height:auto;  background-color:#7b7a7a; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
    #subNav .g-wrap .item .dhej{ width:1130px; margin:0 auto; text-align:center}
    #subNav .g-wrap .item .dhej ul li{ width:20%; float:left; padding:30px 0; text-align:left; min-height:110px;}
   #subNav .g-wrap .item .dhej ul li h3{ color:#fff; font-size:16px; margin-bottom:10px; font-weight:bold; border-left:#fff 2px solid; padding-left:10px;}
   #subNav .g-wrap .item .dhej ul li a{ display:block; line-height:40px; padding:0}


    #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:80px;}

    #subNav .g-wrap .item a { display:inline-block;padding:0 16px;  font-size:14px; line-height:61px; color:rgba(255,255,255,0.7);;-webkit-transition:color 300ms; transition:color 300ms;}

    #subNav .g-wrap .item a:hover {color:#ffb907;}

    #subNav .g-wrap .item #on {

    color: #f63b2e;

}
#subNav .g-wrap .item.search{ width:240px; left:50%; margin-left:308px}

/*#footer {height:70px; overflow:visible;  border-top:1px solid #e5e5e5;}*/

/*#footer .g-wrap {background:url(../images/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:#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 .left .a1 {background-image:url(../images/refer_icon_1.png);}

#reference .left .a2 {background-image:url(../images/refer_icon_2.png);}

#reference .left .a3 {background-image:url(../images/refer_icon_life.png);}

#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 {height:75px;}

#copyright .g-wrap {overflow:visible;}

#copyright .g-wrap div {float:right; 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}





#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}




.ej{width:100%;  overflow:hidden;}

.ej ul{width:100%;  box-sizing:border-box; border:1px solid #e7e7e7; padding:10px 20px; overflow:hidden;}
.ej ul li{width:100%;  display:block;}


.neiye .ej ul li a{ text-align:left; background:#fff; color:#666; padding-left:0; line-height:35px;transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;border-bottom:1px dotted #bbb;}
.neiye .ej ul li a:before{ content:"-"; padding-right:5px}
.neiye .ej ul li a:hover{color:#fff; background:#ffb907;  padding-left:10px; text-align:left;line-height:35px}


.ej .lx{margin-top:15px;}
.ej .l{width:228px; border:1px solid #e7e7e7; background:url(../images/lx_bj.png) no-repeat right bottom; padding:15px; overflow:hidden; font-size:12px; line-height:28px; color:#555;}
.ej .l img{width:100%; height:auto; display:block;}
.ej .l strong{font-size:15px; margin:10px 0 6px; display:block;}
.ej .fl{margin-top:10px; overflow:hidden;}
.ej .fl h4{background-color:#eaecf5; font-size:16px; line-height:50px; text-indent:20px; position:relative;}
.ej .fl h4 a {font-size:16px; line-height:50px;color:#ffb907}
.ej .fl h4.on{background:#ffb907;}
.ej .fl h4.on a{color:#fff; font-size:16px;}
.ej .fl h4 i{height:50px; width:50px; font-size:18px; line-height:50px; text-align:center; text-indent:0; display:block; position:absolute; top:0; right:0;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.ej .fl h4.on i{color:#fff;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);}
.ej .fl ul{border-top:0; display:none;}
.ej .fl em{width:26px; border-radius:3px; background-color:#F00; font-size:12px; line-height:12px; color:#fff; text-align:center; display:inline-block; vertical-align:top; margin-top:10px; margin-left:5px;}