﻿/* CSS Document */
body { width:100%; height:auto; background:url(../images/icons/top_bg.jpg) top #ededed repeat-x;}
/* 页头样式 */
.header { width:964px; height:101px; clear:both; margin:auto;}
.header h1{ width:203px; height:70px; float:left; background:url(../images/icons/logo.jpg) no-repeat; text-indent:-9999px; margin:16px 0 0 40px; -display:inline;}
.header_right{ display:block; width:592px; float:right;}
.header_right span.xl{ display:block; float:right; padding:11px 26px 0 0;}

/*主导航样式 */
ul.mainNav { width:592px; float:right; height:auto; margin-top:33px;}
ul.mainNav li { position:relative; float:left; width:auto; height:auto; z-index: }
ul.mainNav li a { display:block; width:auto; height:100%; text-indent:-9999px; }
ul.mainNav li ul { display:none; position:absolute; left:0px; top:25px; z-index:9999; }
ul.mainNav li ul li { width:99px; height:35px; line-height:35px; padding:0; text-align:center; font-weight:bold; border-bottom:1px #FFFFFF dashed;}
ul.mainNav li ul li a { text-indent:0; background:#2567c2; opacity:0.80; -moz-opacity: 0.80; filter:alpha(opacity=80); font-size:14px; color:#FFFFFF; }
ul.mainNav li ul li a:hover { background:#0547a0;}

ul.mainNav li.home{ background:url(../images/icons/nav/home.png) no-repeat; _background:url(../images/icons/nav/home.jpg) no-repeat; width:57px; height:25px;}
ul.mainNav li.about { background:url(../images/icons/nav/about.png) no-repeat; _background:url(../images/icons/nav/about.jpg) no-repeat; width:98px; height:25px; }
ul.mainNav li.product { background:url(../images/icons/nav/product.png) no-repeat; _background:url(../images/icons/nav/product.jpg) no-repeat; width:84px;  height:25px;}
ul.mainNav li.news { background:url(../images/icons/nav/news.png) no-repeat; _background:url(../images/icons/nav/news.jpg) no-repeat; width:92px; height:25px;}
ul.mainNav li.project { background:url(../images/icons/nav/project.png) no-repeat; _background:url(../images/icons/nav/project.jpg) no-repeat; width:84px; height:25px;}
ul.mainNav li.join { background:url(../images/icons/nav/join.png) no-repeat; _background:url(../images/icons/nav/join.jpg) no-repeat; width:81px; height:25px;}
ul.mainNav li.contact { background:url(../images/icons/nav/contact.png) no-repeat; _background:url(../images/icons/nav/contact.jpg) no-repeat; width:96px; height:25px;}
ul.mainNav li.activeNav, ul.mainNav li.current { background-position:left bottom; } 
/*banner*/
.banner{ width:964px; height:315px; clear:both; text-align:center; padding-top:2px; margin:auto;}
/*footer*/
.footer{ width:964px; height:70px; margin:20px auto 0; clear:both; background:url(../images/icons/footer_bg.jpg) repeat-x;}
.footer ul{ width:964px; height:auto; text-align:center; padding-top:17px;}
.footer ul li{ display:inline; color:#FFFFFF;}
.footer ul li a{ color:#FFFFFF; margin:0px 8px}
.footer p{ width:964px; height:auto; color:#FFFFFF; text-align:center; padding-top:10px; }
.footer label{ color:#2a7bea; padding-left:12px;}

/* qq客服*/
.qq{width:135px;height:360px;left:10px;bottom: 0;position: fixed !important;}
/*.qq .q_top{ width:auto; height:34px; overflow:hidden;}
.qq .q_bottom{ width:auto; height:17px; overflow:hidden;}*/
.qq .q_contents{ width:auto; height:264px; background:url(../Images/qq/bg.jpg) no-repeat; padding: 86px 5px 5px 5px}
.qq .q_contents .message{line-height:18px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666666}
.qq .q_contents .qqbox{ margin-top:10px; text-align:center;}
.qq .q_contents .qqbox img{ margin-bottom:6px;}




