@charset "utf-8";
/* CSS Document */
/*Header*/
.header{
    width:100%;
    height: 80px;
    min-height: 80px;
    z-index: 17;
    background: none;
    min-width: 1000px; 
    _width:expression(document.body.clientWidth < 1001? "1000": "auto" );  /**当页面body（内容主题/可见区域）的宽度大于1001是，就设为680px.否则，页面居中*/
}
.header2{
    width:100%;
    height: 85px;
    min-height: 85px;
    z-index: 17;
    background: none;
    min-width: 1000px; 
    _width:expression(document.body.clientWidth < 1001? "1000": "auto" );  /**当页面body（内容主题/可见区域）的宽度大于1001是，就设为680px.否则，页面居中*/
}
.fixed{
    position: fixed;
    top: 0em;
    left: 0;
}
.b_bottom{
    margin-top:1em;
    border-bottom:1px solid #E7E7E7;
}
.header_wrap{
    position:relative;
    width:100%;
    height:100%;
	background:rgba(0, 0, 0, 0);
    margin:0 auto;
}

.header a.logo, .header a.logo_grey,  .header a.logo_grey2{
    position: absolute;
    top:0;
    left:0;
    text-decoration: none;
    text-indent:0em;
    display: block; width:354px; height:85px; 
}
 .header a.logo2{display: block; width:354px; height:85px; float:left;}
.header a.logo{ background: url(../images/logo.png) left top no-repeat;}
.header a.logo_grey { background: url(../images/logo2.png) left top no-repeat;}
.header a.logo2{ background: url(../images/logo_ny.png) left top no-repeat;}
.header a.logo2_grey { background: url(../images/logo_ny.png) left top no-repeat;}

.header .nav, .header .nav_grey{
    position: absolute;
    top:26px;
    right: 7em;
    display: block;
    z-index: 18;
}
.header .nav a, 
.header .nav_grey a{
    text-decoration: none;
    font-size:16px; line-height:34px;
    color: #fff; width:141px; height:34px; display:block; float:left; text-align:center; 
}
.header .nav a:hover{background:url(../images/navhua.png) center center no-repeat;}
.header .nav_grey a{ color:#555; }
.header .nav_grey a:hover{background:url(../images/navhua2.png) center center no-repeat;}

.header .nav a img,
.header .nav_grey a img{
    margin-left: .2em;
}
#navList_bar{border-right: none;}




/**.nav2 a{ color:#000 !important;}
.nav2 a.current, .header .nav2 a:hover{background:url(../images/navhua2.png) center center no-repeat;}*/

.nav_tel{ display:block; width:35px !important; height:35px !important; margin-left:10px; background:url(../images/ttel_2.png) center center no-repeat; overflow:visible;}
.nav_tel:hover{ background:url(../images/ttel_2.png) center center no-repeat !important;}
.nav_tel .nav_tel2{ width:35px; height:35px; background:url(../images/ttel_1.png) center center no-repeat; cursor:pointer;}
/**手滑弹出电话号码**/
.docBubble {position:absolute;max-width:220px; margin-left:-188px; text-align:left;text-align:left;z-index:99900; display:none; line-height:30px; font-size:16px; color:#FFF;}
.docBubble a{ margin-left:0;}
.docBubble .icon{ background:none;}
.docBubble .title a {text-decoration: none;}
.docBubble .tl,.docBubble .tr,.docBubble .bl,.docBubble .inner,.docBubble .triangle-t,.docBubble .triangle-b,.docBubble .close{ background-image:url(../images/tel/manhua_bubbletips.png);_background-image:url(../images/tel/manhua_bubbletips_ie6.png); }
.docBubble .tl{ float:left; background-position:-20px 0; }
.docBubble .tr{ position:absolute;right:-12px; top:0;width:12px; height:12px; background-position:100% 0; }
.docBubble .bl{ position:absolute;left:0; bottom:-12px;  width:12px; height:12px; background-position:-20px 100%; }
.docBubble .inner{ position: relative;left:12px; width:220px;  margin:12px 0 -12px 0;  background-position:100% 100%; padding:0 12px 12px 2px; _padding-bottom:12px; }
.docBubble .triangle-t{ position:absolute; z-index:2; top:-7px; margin-left:170px; width:15px; height:8px; overflow:hidden; }

.docBubble .close{ position:absolute; z-index:1; top:10px; right:2px; width:9px; height:9px; text-indent:-99em; overflow:hidden; background-position:0 -25px; cursor:pointer;}
.docBubble .inner .icon{ float:left; padding: 2px 0;}
.docBubble .inner .icon img{ margin-right:10px; }
.docBubble .inner .cont{ overflow:hidden; zoom:1; line-height:20px;}
.docBubble .inner .title{ margin:0 0 2px 0; font-size:12px;font-weight:bold;}
.docBubble .inner .lk-btn{ text-align:right;}
/**手滑弹出电话号码 end**/
.nav_tel:hover .nav_tel2{
	animation:nav_tel2 0.5s linear infinite alternate both;
	-webkit-animation:nav_tel2 0.5s linear infinite alternate both;
	-moz-animation:nav_tel2 0.5s linear infinite alternate both;
	-o-animation:nav_tel2 0.5s linear infinite alternate both;
}
@keyframes nav_tel2{
0%{ transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
100%{ transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -moz-transform: rotate(15deg);}
}
@-webkit-keyframes nav_tel2{
0%{ transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
100%{ transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -moz-transform: rotate(15deg);}
}
@-moz-keyframes nav_tel2{
0%{ transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
100%{ transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -moz-transform: rotate(15deg);}
}
@-o-keyframes nav_tel2{
0%{ transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
100%{ transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -moz-transform: rotate(15deg);}
}