@charset "utf-8";
/* CSS Document */
body { font-family:"微软雅黑"; margin:0; padding:0; background:#ffffff;}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img{ margin:0; padding:0; border:0; font-weight:normal; font-size:14px;}
img{ border:none; vertical-align:middle;}
ul,li{ list-style-type: none; }
button{ vertical-align:middle; cursor:pointer;}
input, button{	vertical-align:middle; border:none; font-family:"微软雅黑";}
.clear { clear:both; overflow:hidden; height:0px;}
.blank{ display:block; height:10px; clear:both; overflow:hidden; visibility:hidden;}
.lft{ float:left;}
.rgt{ float:right;}
.clearfix{ overflow:hidden; zoom:1;}
a{ color: #333; text-decoration: none;}
a:hover{ color:#ccc;/*#d6b16b*/}
img.reimg{ transition: 0.5s transform;  transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0);-o-transform: translateZ(0);}
li:hover img.reimg,a:hover img.reimg{transform: scale(1.4, 1.4);-webkit-transform: scale(1.4, 1.4);-ms-transform: scale(1.4, 1.4);-moz-transform: scale(1.4, 1.4); -o-transition:scale(1.4, 1.4);}
.header{ position: fixed; width: 100%; left: 0; right: 0; background: #000000; border-bottom: 1px solid #aecbcb; z-index: 999999;top: 0;}
.header-in{ width: 1200px; margin: 0 auto;}
.header .logo{ float: left; /*padding: 24px 0;*/ padding-top: 64px; transition: all 0.3s;}
.header .nav{ float: left; margin-left: 50px;}
.header .contact{ float: right;}
.header .chat{ float: right; padding: 66px 0 20px; transition: all 0.3s;}
/*.header .nav-item a{ display: block; font-size: 15px; color: #fff; text-decoration: none; padding: 68px 20px 20px; line-height: 43px; transition: all 0.3s;}*/
.header .nav-item{ float:left; position: relative;}
.header .nav-item a{ display: block; font-size: 15px; color: #fff; text-decoration: none; padding: 68px 18px 20px; line-height: 43px; transition: all 0.3s;} 
.header .nav-item a:hover,#nav .mainlevel a.cur{ color:#fff;text-decoration:none;background:#062723 url(../images/slide-panel_03.png) 0 0 repeat-x;}
.header .nav-item ul{ display: none; position:absolute; top: 100%; width: 100%;}
.header .nav-item .childLevel li{ background: rgba(0,0,0,0.5); width: 100%; border-bottom: 1px solid #fff;}
.header .nav-item .childLevel li a{ padding: 5px 0; display: block; text-align: center; line-height: 30px; font-size: 14px;}
.header .nav-item a:hover,.header .nav-item a.active{ background: #bf9e5b;}
.header .contact .telNum{ padding: 66px 15px 20px; float: left; border-left: 1px solid rgba(255,255,255,0.15);border-right: 1px solid rgba(255,255,255,0.15); transition: all 0.3s;}
.header .contact .telNum span{ display: block; height: 43px; line-height: 43px; padding-left: 32px; background: url(../images/icon-tel.png) left center no-repeat; font-size: 20px; color: #fff; font-family: arial;}
.header .contact .chat{ padding: 68px 15px 20px; float: left; transition: all 0.3s; position: relative;}
.header .contact .chat a{ font-size: 16px; color: #FFF; margin-top: 9px; display: block;}
.header .contact .chat span{ display: block; height: 43px; width: 26px; background: url(../images/icon-chat.png) center no-repeat;}
.header .contact .chat .chatHover{ position: absolute; width: 212px; height: 220px; background: url(../images/chatHover.png) center no-repeat; left: 50%; margin-left: -106px; bottom: -200px; display: none;}
.header .contact .chat .codeImg{ text-align: center; margin-top: 32px;}
.header .contact .chat .codeTxt{ text-align: center; color: #999; font-size: 14px; line-height: 22px; margin-top: 9px;}
.header.active .logo{ padding-top: 23px;}   
.header.active .nav-item a{ padding-top: 24px;}
.header.active .contact .telNum,.header.active .contact .chat{ padding-top: 20px;}