/** 页面样式重置 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;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布局样式 **/
.top,.header,.about,.product,.newsBox,.service ul{ width:1024px; margin:0 auto;}

.headBg{ width:100%;}
.top{ height:30px; line-height:30px;}
.topLf{ float:left; width:320px;}
.topRg{ float:right;}
.topRg a{ padding:0 8px;}
.header{ height:70px;}
.header .logo{float:left; margin-top:15px;}
.header .tel{ float:right; margin-top:10px;}

.navBg{ width:100%; height:47px; background-color:#3D4650;}
.navBox{ width:1080px; margin:0 auto; position:relative; z-index:50;}
.nav{ width:100%; position:relative; z-index:50;}
.nav li{float:left; width:133px; background:url(../images/liBg1.png) no-repeat right top; text-align:center; font-size:15px; font-weight:bold; line-height:47px; position:relative;}
.nav li a{ display:block; height:47px;}
.nav li a,.nav li a:link,.nav li a:visited,.nav li a:active{ color:#fff;}
.nav li a:hover{ color:#fff; background-color:#c00;}
.scrollObj{ width:133px; height:47px; background-color:#c00; position:absolute; top:0; left:0; z-index:1;}

.nav li div{ display:none; width:133px; position:absolute; top:47px; left:0; z-index:200; padding-top:1px;}
.nav li div a{ height:40px; line-height:40px; font-size:14px; font-weight:normal; background-color:#C7282D;overflow:hidden;}
.nav li div a:hover{ background-color:#646363;}

#banner{ clear:both; margin-top:1px; position:relative; z-index:10;}
#banner,#banImg,#banImg img{width:100%;height:500px;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,.about,.product{ overflow:hidden;}
.main{ padding-bottom:40px;}

h1{ display:block; margin:30px 0; background:url(../images/tit1.png) no-repeat center 18px; font-weight:normal; color:#999; text-transform:uppercase; font-size:12px; text-align:center; overflow:hidden;}
h1 b{ display:block; font-size:24px; color:#303030;}

.about{ line-height:200%; padding-top:20px; font-size:13px; color:#505050;}
.about img{ float:left; width:419px; margin-right:70px; _display:inline; position:relative; left:-420px; opacity:0;}
.about .content{ position:relative; right:-550px; opacity:0;}
.about h2{ color:#c00; font-size:24px; margin:30px 0 10px;}
.about h3{ color:#2D2D2D; font-size:18px; margin-bottom:20px;}
.about a{ display:inline-block; width:140px; margin-top:20px; height:32px; border:1px solid #ccc; text-align:center; line-height:32px; font-size:12px;}

.product{ position:relative; bottom:-200px; opacity:0;}
.product li{ float:left; width:315px; height:236px; margin:25px 13px 0; _display:inline; position:relative;}
.product li img{ width:315px; height:236px;}
.product li span{ width:100%; height:39px; background:url(../images/spanBg.png) repeat-x; font-size:15px; color:#fff; line-height:39px; text-align:center; position:absolute; bottom:0; left:0; z-index:200;}
.product li:hover img{ opacity:0.5;}

.service{ width:100%; margin-top:60px; height:600px; overflow:hidden;}
.service h2{ display:block; margin:30px 0 10px; text-align:center; font-size:36px; color:#AEAEAE; text-transform:uppercase;}
.service h3{ display:block; text-align:center; font-size:20px; color:#fff;}

.service ul{}
.service li{ float:left; width:500px; margin:80px 0 0 12px; _display:inline; position:relative;}
.service li img{ float:left; width:132px;}
.service li h4{ display:block; font-size:20px; color:#fff; margin:5px 0 25px; position:relative; right:-400px; opacity:0;}
.service li p{ display:block; font-size:12px; color:#fff; line-height:220%; font-weight:bold;}
.service li .line{ width:370px; height:1px; line-height:0; font-size:0; background-color:#5C5C5C; position:absolute; top:40px; right:0; z-index:200;}

.newsImg{ float:left; width:450px; background-color:#3B3B3B; height:410px; position:relative; left:-450px; opacity:0;}
.newsImg img{ display:block; width:450px; height:300px;}
.newsImg .tit{ display:block; font-size:15px; color:#fff; margin:25px 0 10px; padding-left:10px;}
.newsImg a:hover.tit{ text-decoration:underline;}
.newsImg .time{ display:block; font-size:14px; color:#fff; padding-left:10px;}

.newsBox ul{ float:right; width:480px;}
.newsBox li{ float:left; width:480px; height:85px; margin-bottom:25px; position:relative; bottom:-200px; opacity:0;}
.newsBox li .num{ float:left; width:80px; height:85px; border-right:1px solid #A3A3A3; margin-right:10px; _display:inline; color:#D1CFCF; font-size:50px; font-weight:bold; text-align:center; line-height:85px;}
.newsBox li .tit{ display:block; height:20px; text-indent:2em; line-height:20px; font-size:13px; color:#333; font-weight:bold;}
.newsBox li a:hover.tit{ text-decoration:underline;}
.newsBox li .time{ display:block; color:#BABABA; font-size:13px; text-align:right; padding-right:8px;}
.newsBox li p{ display:block; text-indent:2em; font-size:12px; color:#777; line-height:200%;}

.footer{ width:100%; background:#3D4650; color:#fff; text-align:center; padding:10px 0; line-height:200%; font-size:13px; overflow:hidden;}
.footer .menu{ display:block; font-size:13px; color:#fff; margin-bottom:10px;}
.footer .menu a{ padding:0 20px; color:#fff;}
.footer .menu a:hover{ text-decoration:underline;}
.footer p,.footer p a{ color:#999;}
.footer p a:hover{ text-decoration:underline;}