@charset "utf-8";
/* CSS Document */

.g-wrap {position:relative; margin:0 auto; width:1140px; height:100%; overflow:hidden;}
#header {position:relative; z-index:5; height:43px; background:url(../img/index_09.png) repeat-x;}
    #logo {position:absolute; top:26px; left:1px; width:151px; height:26px; background:url(../img/header/logo.png) no-repeat 0 0;}
    #nav {position:absolute; top:0;  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:140px;}
    #nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8 {width:140px;}
    #nav .n4 {width:140px;}
    /*#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 li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold; font-size:16px; line-height:43px; text-align:center; color:#fff; -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:#f5821f; -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:30px; left:15px; width:20px; height:20px; background:url(../img/icon_search.png) no-repeat 0px 0px;}
    #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;}*/
    #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; right:0px; padding:0 10px; padding-right: 15px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background: url(../img/head-nw-icon.png) right center no-repeat; -webkit-transition:all 300ms; transition:all 300ms;}
    #shop .header-nwbtn:hover, #shop .header-nwbtn.on{ color: #ff2424; background: url(../img/head-nw-icon-on.png) right center no-repeat;}

#content {position:relative; overflow:hidden;}
    #subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:51px; /*overflow: hidden;*/}
    #subNav .g-wrap {overflow:visible;}
    #subNav .g-wrap .item {position:absolute; top:-100%; width:100%; height:100%; background-color:#c6c5c5; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
    #subNav .g-wrap .about {left:140px; padding:0 37px; /*width:835px;*/}
    #subNav .g-wrap .cultrul1 {left:280px; padding:0 37px; /*width:752px;*/}
    #subNav .g-wrap .chanye {left:420px; padding:0 37px;/* width:643px;*/}
    #subNav .g-wrap .news1 {left:560px; padding:0 37px; /*width:573px;*/}
    #subNav .g-wrap .job {left:700px; padding:0 37px; /*width:573px;*/}
	#subNav .g-wrap .infor1 {left:840px; padding:0 37px; /*width:573px;*/}
    #subNav .g-wrap .contacts1{left:980px; padding:0 37px; /*width:573px;*/}

     /*2016.4.12*/
    #subNav .g-wrap .nwmenu{ right: 0; top: -409px; width: 254px; height: auto; background-color: #4c4a4f; -webkit-transition: 300ms; transition: 300ms;}
    #subNav .g-wrap .nwmenu .nwmenu-inner{ padding: 30px; width: 210px; max-height: 349px; overflow: hidden;}
    #subNav .g-wrap .nwmenu .nwmenu-inner .nwi-box{ margin-bottom: 10px;}
    #subNav .g-wrap .nwmenu .nwi-tit{ float: left; width: 50px; color: #8f8c92; font-size: 12px;}
    #subNav .g-wrap .nwmenu .nwmenu-list{ float: right; margin-top: -5px; width: 140px;} 
    #subNav .g-wrap .nwmenu .nwmenu-list li a{ float: none; padding: 0; line-height: 22px; color: #d2ced5; font-size: 12px;font-weight: normal; -webkit-transition: color 300ms; transition: color 300ms;}
    /*2016.4.12*/

    #subNav .g-wrap .nwmenu .nwmenu-list li a:hover{ color: #333;}
    #subNav .g-wrap .on {top:0; z-index: 2;}
    #subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:bold; font-size:13px; line-height:51px; color:#333;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .g-wrap .item a:hover {color:#f5821f;}
    #subNav .g-wrap .item #on {
    color: #333;
}