﻿/** 页面样式重置 2014 **/
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
html,body{height:100%;width:100%;}
body{margin:0;padding:0;line-height:18px;border:0;font:12px/1.5 Arial;text-align:left;font-size:12px;background:#fff url(../images/bg1.jpg) repeat-x fixed center top;color:#333;_behavior:url("csshover.htc");}
form,dl,dd,dt,ul,li,img{margin:0;padding:0;line-height:18px;border:0;font-family:"宋体";font-size:12px;list-style-type:none;white-space:normal;}img{vertical-align:middle;}select,textarea{margin:0;padding:0;resize:none;outline:none;}th,td{margin:0;padding:0;}p{margin:0;padding:0;font-weight:normal;font-size:12px;word-wrap:break-word;word-break:normal;}h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;list-style-position:outside;list-style-type:none;white-space:normal;}
a{text-decoration:none;cursor:pointer;outline:none;/*移除超链的虚线框  IE8,FF有用*/hide-focus:expression(this.hideFocus=true); /*IE6、IE7*/}
a:link,a:visited,a:active{color:#333;text-decoration:none;}a:hover{text-decoration:none;color:#f00;}
input,button,input[type=button],input[type=submit],input[type=reset],select{margin:0;padding:0;outline:none;hide-focus:expression(this.hideFocus=true);}
::selection{background:#6ECCF0;color:white;/* 全选时背景变色 Safari */}::-moz-selection{background:#6ECCF0;color:white;/* 全选时背景变色 Firefox */ }
.clear{clear:both;font-size:0;height:0;line-height:0;}/*清除浮动 、关div*/

/** index布局样式 **/
.header,.navBg,.main,.footer{ width:900px; margin:0 auto; background-color:#fff; overflow:hidden;}

.header{ height:65px;}
.header .logo{float:left;}
.header .tel{ float:right; width:300px; margin-top:25px;font-size:14px;font-weight:bold;color:#0060AA;text-align:right;padding-right:15px;}

.navBg .navLe{ float:left; margin-left:5px; _display:inline; width:12px; height:36px; background:url(../images/navBg1.gif) no-repeat;}
.navBg .navRi{ float:right; margin-right:5px; _display:inline; width:12px; height:36px; background:url(../images/navBg3.gif) no-repeat;}
.nav{ float:left; width:866px; background:url(../images/navBg2.gif) repeat-x; overflow:hidden;}
.nav li{float:left; width:95px; background:url(../images/liBg1.gif) no-repeat right; text-align:center; line-height:36px; font-size:13px; font-weight:bold;}
.nav li a,.nav li a:link,.nav li a:visited,.nav li a:active{ display:block; height:36px; color:#fff;}
.nav li a:hover,.nav li a.cur,.nav li a:link.cur,.nav li a:visited.cur,.nav li a:active.cur,.nav li a:hover.cur{ color:#ffff99;}

#banner{ clear:both; position:relative; z-index:10; margin:0 auto; padding:1px 5px 0; background-color:#fff; overflow:hidden;}
#banner,#banImg,#banImg img{width:890px;height:230px;overflow:hidden;}
#banner div{ display:none; height:23px;margin-bottom:-23px;position:relative;filter:alpha(opacity=25);-moz-opacity:0.25;opacity:0.25;background-color:#000;}
#banNum{ display:none; position:absolute; bottom:12px; z-index:999; right:50%; margin-right:-490px;}
#banNum li{float:left;background:none;margin-left:5px;height:18px;width:18px;cursor:pointer;margin-top:8px;line-height:0;font-size:0; border:1px solid #E50014;}
#banNum li.crn{background-color:#E50014;}

/** index正文 **/
.main{ padding:5px 0 10px; overflow:hidden;}

.listBg{ float:left; width:200px; margin-left:5px; _display:inline;}
.list,.contact{ float:left; width:198px; background-color:#f5f5f5; border:1px solid #d4d4d4;}

.listBg h1{ float:left; width:198px; background:url(../images/tit2.gif) repeat-x; height:26px;}
.listBg h1 span{ float:left; width:106px; background:url(../images/tit3.gif) no-repeat; height:26px; line-height:26px; text-align:center; font-size:14px;}
.list{ min-height:310px; _height:310px;}
.list ul{ float:left; width:174px; padding:12px;}
.list li{ float:left; width:174px; line-height:28px; border-bottom:1px solid #fff;}
.list li a{ display:block; height:28px; background:url(../images/liBg2.gif) no-repeat left; padding-left:30px; font-size:13px; overflow:hidden;}
.list li a:hover{ color:#fff; background:#005ba6;}

.contact{ margin-top:12px; min-height:240px; _height:240px;}
.contact .content{ float:left; width:178px; padding:10px; line-height:180%;}

.right{ float:right; width:675px; margin-right:5px; _display:inline;}

.right h1{ display:block; height:40px; background:url(../images/tit1.gif) no-repeat left;}
.right h1 b{ float:left; padding-left:28px; line-height:35px; font-size:13px;}
.right h1 a{ float:right; width:60px; height:40px; background:url(../images/more.gif) no-repeat center 13px;}

.about{ float:left; width:406px;}
.about h1{ float:left; width:406px; margin-bottom:5px;}
.about .content{ float:left; width:386px; padding:10px; line-height:200%; text-indent:2em; margin-bottom:10px;}
.about .content img{ float:left; width:140px; height:89px; margin-right:10px; _display:inline;}
.about ul{ float:left; width:406px;}
.about ul li{ float:left; width:118px; margin:4px 0 0 10px; _display:inline;}
.about ul li img{ display:block; width:110px; height:80px; padding:3px; border:1px solid #ddd;}
.about ul li span{ display:block; height:30px; line-height:30px; text-align:center;}

.news{ float:right; width:247px;}
.news h1{ float:left; width:247px; margin-bottom:8px;}
.topNews{ min-height:209px; _height:209px; margin-bottom:10px;}
.news li{ float:left; width:230px; margin-left:8px; _display:inline; line-height:24px; background:url(../images/dot2.gif) no-repeat left;}
.news li a{ float:left; width:150px; height:24px; padding-left:15px; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news li em{ float:right; color:#999; font-style:normal;}

.product{ float:left; width:675px; margin-top:12px;}
#demo{ float:left; width:655px; height:120px; margin:10px 0 0 10px; _display:inline; overflow:hidden;}
#indemo{ float:left; width:800%;}#demo1{ float:left;}#demo2{ float:left;}

.item{float:left;width:148px;margin:0 5px;_display:inline;}
.item .picBox{float:left;width:140px;height:80px; padding:3px; border:1px solid #ddd;overflow:hidden;}
.item .picImgBox{width:140px;height:80px;line-height:80px;font-size:80px;overflow:hidden;text-align:center;display:table-cell;vertical-align:middle;*display:block;}
.item img{display:block;height:80px;margin:0 auto;text-align:center;vertical-align:middle;}
.item .imgTit{ display:block;width:148px;height:30px;line-height:30px;font-style:normal;font-size:12px;text-align:center;overflow:hidden;}

.footer{ background:#fff; text-align:center; padding-bottom:15px; line-height:200%; overflow:hidden;}
.menu{ display:block; height:28px; line-height:28px; background-color:#187ecd; color:#fff; margin-bottom:5px;}
.menu a,.menu a:link,.menu a:visited,.menu a:active{ color:#fff; padding:0 5px; font-weight:bold;}
.menu a:hover{ color:#ff9;}