﻿/** 页面样式重置 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 Microsoft Yahei,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:Microsoft Yahei,"宋体";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:#FF4E4E;}
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,.nav,.main{ width:1000px; margin:0 auto;}

.topBg{ background-color:#F7F7F7; border-bottom:1px solid #E3E3E3; height:30px;}
.top{ line-height:30px;}
.top .topLf{ float:left;}
.top .topRg{ float:right; width:300px; text-align:right;}
.top .topRg a{ padding:0 5px;}

.header{ height:95px;}
.header .logo{float:left;}
.header .tel{ float:right; width:301px;}
.header #btn{ display:none;}

.nav{ background-color:#FF4E4E; height:40px; overflow:hidden;}
.nav li{float:left; width:125px; text-align:center; line-height:40px; font-size:14px;}
.nav li a,.nav li a:link,.nav li a:visited,.nav li a:active{ display:block; height:40px; 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{ background-color:#FFBF00; color:#FF4E4E;}

#banner{ clear:both; margin:2px auto 0; position:relative; z-index:10;}
#banner,#banImg,#banImg img{width:1000px;height:300px;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:block; position:absolute; bottom:12px; z-index:999; right:20px;}
#banNum li{float:left;margin-left:10px;height:4px;width:29px;cursor:pointer;margin-top:8px;line-height:0;font-size:0; background-color:#fff}
#banNum li.crn{background-color:#1756A3;}

/** index正文 **/
.main{ padding:10px 0; position:relative; overflow:hidden;}

.wrap{ float:left; width:1000px; margin-top:1px; overflow:hidden;}
.m-t10{ margin-top:10px;}

.search{ float:left; width:100%; height:37px; line-height:37px; margin-bottom:10px; background-color:#EFEFEF;}
.search form{ float:left; width:370px;}
.search .input{ float:left; width:300px; height:25px; line-height:25px; margin:5px 10px 0 2px;}
.search .btn{ float:left; margin-top:5px;}
.search a{ padding-right:8px;}

.list1{ float:left; width:236px;}
.list1 h1{ display:block; height:50px; background-color:#FF4E4E; line-height:50px; text-align:center; font-size:14px; color:#fff;}
.list1 a{ display:block; height:45px; background-color:#E4E4E4; text-align:center; line-height:45px; margin-top:8px;}
.list1 a:hover{ background-color:#FFBF00;color:#FF4E4E;}
#tab{ float:right; width:755px; min-height:325px;}
.tabTit{ display:block; height:30px; line-height:30px;}
.tabTit a{ padding:0 5px; font-size:14px;}
.tabTit a:hover,.tabTit a.cur{ font-weight:bold;color:#FF4E4E;}
.tabCon{ display:none;}
.tabCon li{ float:left; width:138px; margin:5px 5px 0; _display:inline; height:138px; overflow:hidden;}
.tabCon li img{ width:138px; height:138px;}

.demo{ float:left; width:1000px; height:150px; margin:10px 0 0 0; _display:inline; overflow:hidden;}
.indemo{ float:left; width:800%;}.demo1{ float:left;}.demo2{ float:left;}
.item{float:left;width:138px;margin:0 5px;_display:inline;}
.item .picBox{float:left;width:138px;height:138px;overflow:hidden;}
.item .picImgBox{width:138px;height:138px;line-height:138px;overflow:hidden;text-align:center;display:table-cell;vertical-align:middle;*display:block;}
.item img{display:block;width:138px;margin:0 auto;text-align:center;vertical-align:middle;}
.item .imgTit{ display:block;width:138px;height:30px;line-height:30px;font-style:normal;font-size:12px;text-align:center;overflow:hidden;}

.item1{float:left;width:128px;margin:0 6px;_display:inline;}
.item1 .picBox{float:left;width:128px;height:height;overflow:hidden;}
.item1 .picImgBox{width:128px;height:108px;line-height:138px;overflow:hidden;text-align:center;display:table-cell;vertical-align:middle;*display:block;}
.item1 img{display:block;width:128px;margin:0 auto;text-align:center;vertical-align:middle;}

.banImg img{ display:block; margin:0 auto;}
h2{ display:block; height:35px; margin-bottom:2px; line-height:35px; background-color:#FF4E4E; color:#fff;}
h2 b{ float:left; width:100px; background:url(../images/h2.gif) no-repeat 16px 12px; padding-left:28px; font-size:14px;}
h2 a{ float:right; font-weight:normal; font-size:12px; text-align:right; padding-right:5px;}
h2 a,h2 a:link,h2 a:visited,h2 a:active{ color:#fff;}
h2 a:hover{ text-decoration:underline;}

.customer{ min-height:350px;}
.customer li{ float:left; width:475px; margin:15px 25px 5px 0; _display:inline;}
.customer li .aImg{ float:left; width:140px; height:140px; text-align:center; overflow:hidden; margin-right:18px; _display:inline;}
.customer li .aImg img{ display:block; height:140px; margin:0 auto;}
.customer li .aTit{ display:block; height:33px; line-height:33px; font-size:14px; margin-bottom:10px; font-weight:bold; overflow:hidden;}
.customer li p{ display:block; line-height:200%;}

.showBox{ float:left; width:1006px; min-height:340px;}
.show{ float:left; width:322px; margin:0 6px; _display:inline;}
.show h2 b{ background:none; padding-left:12px; width:200px;}
.show div a{ display:block; height:36px; line-height:36px; background:url(../images/dot2.gif) no-repeat left 12px; padding-left:20px; border-bottom:1px dashed #ccc;}

.about{ float:left; width:718px;}
.about .content{ display:block; padding:10px 5px; line-height:200%; overflow:hidden;}
.about .content img{ float:left; width:172px; height:144px; margin-right:15px; _display:inline;}
.news1{ float:right; width:272px;}
.news1 div a{ display:block; height:30px; line-height:30px; background:url(../images/dot3.gif) no-repeat 5px 11px; padding-left:20px; border-bottom:1px dashed #ccc;}

.news2{ float:left; width:568px;}
.news2 li{ float:left; width:100%; line-height:36px; background:url(../images/dot3.gif) no-repeat 5px 13px; border-bottom:1px dashed #ccc;}
.news2 li span{ float:left; width:350px; height:36px; padding-left:20px; font-size:12px; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news2 li em{ float:right; color:#999; font-style:normal; padding-right:5px;}

.mesBox{ float:right; width:420px;}
.mesBox h2 b{ background:none; padding-left:12px; width:300px;}
.mesBox h2 b em{ font-size:12px; font-weight:normal; color:#000; font-style:normal;}
.mesBox tr{ height:35px;}
.mesBox .greeninput{ width:170px; height:25px; border-radius:4px; padding:0 5px; border:1px solid #999;}
.mesBox .greenarea{ width:170px; height:60px; border-radius:4px; padding:2px 5px; border:1px solid #999;}
.mesBox .input{ width:50px; height:25px; border-radius:4px; padding:0 5px; border:1px solid #999;}
.mesBox .button{ width:107px; height:31px; line-height:31px; text-align:center; color:#fff; font-size:14px; font-weight:bold; border:none; background-color:#FF4E4E; cursor:pointer;}

.links{ margin-top:12px; line-height:200%;}
.links h2{ margin-bottom:10px;}
.links a{ padding:0 10px;}

.menu{ width:100%; background-color:#F2F2F2; border-top:1px solid #aaa; border-bottom:1px solid #aaa; height:42px; line-height:42px; text-align:center;}
.menu a{ padding:0 5px;}
.footBg{ background-color:#F2F2F2;}
.footer{ width:1000px; margin:0 auto; padding-bottom:25px; overflow:hidden;}
.footer .footImg{ float:left; width:300px; border-right:1px solid #aaa; min-height:180px;}
.footer .footImg img{ margin-top:58px;}
.footer .content{ float:left; width:430px; margin:20px 0 0 30px; _display:inline; line-height:200%;}
.footer .code{ float:right; width:225px;}
.footer .code img{ margin-top:20px;}

#goTop{ display:block; position:fixed;	bottom:60px; right:5px; background:url(../images/goTop.png) no-repeat 14px 15px; display:none;background-color:rgba(0,0,0,0.6); width:40px; height:40px; border-radius:4px; cursor:pointer; z-index:9999;}

.fixImg{ position:fixed; top:100px; left:3px; background:url(../images/fixImg.png) no-repeat; width:150px; height:233px; z-index:300; padding-top:80px;}
.fixImg a{ float:left; width:120px; height:40px; line-height:40px;}