﻿/** 页面样式重置 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:#c60001;}
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,.nav,.main{ width:1092px; margin:0 auto;}

.header{ height:100px;}
.header .logo{float:left; margin-top:15px;}
.header .set{ float:right; width:310px; text-align:right; height:35px; line-height:35px;}
.header .set a{ display:inline-block; padding:0 12px;}
.header .tel{ clear:right; float:right; width:310px; margin-top:20px;}

.navBg{ width:100%; background:url(../images/navBg.png) repeat-x center top; height:40px;}
.nav{}
.nav li{float:left; width:90px; line-height:40px; margin:0 10px 0 30px; _display:inline; text-align:center; font-size:14px; font-weight:bold; position:relative;}
.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{ color:#fff; text-decoration:underline;}

.nav li div{ display:none; position:absolute; top:40px; left:-5px; width:100px; text-align:center; background-color:#CB0101; padding:5px 0; z-index:300;}
.nav li div a,.nav li div a:link,.nav li div a:visited,.nav li div a:active{ color:#fff; height:30px; line-height:30px;font-size:12px;}

#banner{ clear:both; margin:1px auto 0; position:relative; z-index:10;}
#banner,#banImg,#banImg img{width:1092px;height:340px;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-bottom:20px; overflow:hidden;}

.anno{ float:left; width:1092px; background-color:#E5E5E5; border-bottom:1px solid #DEDEDE; border-top:1px solid #DEDEDE; height:29px; line-height:29px;}
.anno b{ display:inline-block; padding-left:15px;}

h1{ display:block; height:30px; line-height:30px; background:url(../images/tit1.gif) no-repeat left; border-bottom:2px solid #c60001;}
h1 b{ float:left; width:80px; padding-left:20px; font-size:14px;}
h1 a{ float:right; font-size:12px; font-weight:normal; padding-right:10px;}

#list{ float:left; width:237px; margin-top:6px;}
#list ul{ float:left; width:237px; border-top:none; padding:5px 0 30px; margin-top:5px;}
#list li{ float:left; width:237px; border-bottom:1px solid #eee; background:url(../images/dot3.png) no-repeat 192px 12px; line-height:35px;}
#list li h2{ display:block; height:35px; background:url(../images/dot1.gif) no-repeat 20px; padding-left:35px; font-size:12px;}
#list li h2 a{ display:block; height:35px;}
#list li div{ display:none; float:left;}
#list li div a{ display:block; padding-left:35px; height:26px; line-height:26px;}
#list .bot{ float:left; width:217px; padding:10px; line-height:200%;}

.right{ float:right; width:842px; margin-top:6px;}
.about{ float:left; width:842px;}
.about .content{ float:left; width:822px; padding:10px; line-height:200%; text-indent:2em;}
.about .content img{ float:left; width:246px; height:160px; margin-right:10px; _display:inline;}

.contact{ float:right; width:282px;}
.contact .content{ float:left; width:262px; padding:10px; line-height:200%; min-height:146px;}

.case{ float:left; width:842px;}
.case .content{ float:left; width:842px;}
#demos{ float:left; width:820px; height:210px; margin:10px 0 0 10px; _display:inline; overflow:hidden;}
#indemos{ float:left; width:800%;}#demos1{ float:left;}#demos2{ float:left;}

.item1{float:left;width:179px;margin:0 6px;_display:inline;}
.item1 .picBox{float:left;width:177px;height:163px; border:1px solid #eee;overflow:hidden;}
.item1 .picImgBox{width:177px;height:163px;line-height:163px;font-size:163px;overflow:hidden;text-align:center;display:table-cell;vertical-align:middle;*display:block;}
.item1 .picImgBox a{ display: block; width: 100%; height: 100%; overflow: hidden; }
.item1 img{display:block;width:100%; height: 100%; object-fit: cover; margin:0 auto;text-align:center;vertical-align:middle;}
.item1 .imgTit{ display:block;width:179px;height:30px;line-height:30px;font-style:normal;font-size:12px;text-align:center;overflow:hidden;}

.product{ float:left; width:842px; margin:10px 0 0 0; _display:inline;}
.product .content{ float:left; width:842px;}
#demo{ float:left; width:820px; height:210px; margin:10px 0 0 10px; _display:inline; overflow:hidden;}
#indemo{ float:left; width:800%;}#demo1{ float:left;}#demo2{ float:left;}

.item{float:left;width:179px;margin:0 6px;_display:inline;}
.item .picBox{float:left;width:177px;height:163px; border:1px solid #ccc; overflow:hidden;}
.item .picImgBox{width:177px;height:163px;line-height:163px;font-size:163px;overflow:hidden;text-align:center;display:table-cell;vertical-align:middle;*display:block;}
.item img{display:block;height:163px;margin:0 auto;text-align:center;vertical-align:middle;}
.item .imgTit{ display:block;width:179px;height:30px;line-height:30px;font-style:normal;font-size:12px;text-align:center;overflow:hidden;}

.footer{ width:100%; background:#A20000; color:#fff; text-align:center; padding:15px 0; line-height:200%; overflow:hidden;}
.footer a,.footer a:link,.footer a:visited,.footer a:active{ color:#fff; padding:0 12px;}
.footer a:hover{ text-decoration:underline;}