/** 页面样式重置 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布局样式 **/
.header{ width:1260px; margin:0 auto; position:relative;}
.navBg{ width:1260px; background:url(../images/navBg.png) repeat-x; height:36px; position:absolute; top:0; left:0; z-index:1;}


.nav{ width:1004px; margin:0 auto; position:relative; z-index:10;}
.nav li{float:left; width:110px; background:url(../images/liBg1.jpg) no-repeat right top; padding-right:1px; text-align:center; line-height:36px; 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: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:#f00;}

.nav li div{ display:none; position:absolute; top:35px; left:0; width:110px; background-color:#023E87; padding:10px 0; z-index:300;}
.nav li div a,.nav li div a:link,.nav li div a:visited,.nav li div a:active{ height:28px; line-height:28px; font-size:12px; font-weight:normal;}
.nav li div a:hover{ text-decoration:underline; color:#fff;}

#banner{ clear:both; position:relative; margin:0 auto; z-index:10;}
#banner,#banImg,#banImg img{width:1260px;height:220px;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{ width:1004px; margin:0 auto; overflow:hidden;}

.left{ float:left; width:335px;}
.right{ float:right; width:660px;}

h1{ display:block; height:36px; line-height:36px; background:url(../images/navBg.png) repeat-x; font-weight:normal;}
h1 span{ float:left; font-size:14px; color:#fff; padding-left:20px;}
h1 a{ float:right; font-size:11px; text-transform:uppercase; padding-right:10px;}
h1 a,h1 a:link,h1 a:visited,h1 a:active{ color:#fff;}
h1 a:hover{ color:#f00;}

.about,.video,.contact{ float:left; width:333px; border:1px solid #ccc; margin-top:10px;}
.about .content{ display:block; padding:5px; line-height:200%; min-height:150px; _height:150px;}
.about .content img{ float:left; width:150px; margin:5px 10px 0 0; _display:inline;}
.video .content{ float:left; width:333px; height:230px;}
.contact .content{ display:block; padding:10px; line-height:200%;}
.contact .map{ display:block; height:390px; overflow:hidden;}

.team1,.team2,.product{ float:left; width:658px; border:1px solid #ccc; margin-top:10px;}
.team1 li{ float:left; width:104px; margin:10px 0 0 5px; _display:inline; text-align:center; line-height:200%;}
.team1 li img{ display:block; width:104px; height:126px;}

.newsBox{ float:left; width:660px; margin-top:10px;}
.news1{ float:left; width:325px; border:1px solid #ccc; min-height:266px; _height:266px;}
.news2{ float:right; width:325px; border:1px solid #ccc; min-height:266px; _height:266px;}

.news1 li{ float:left; width:305px; padding:0 10px; margin-top:10px;}
.news1 li img{ float:left; width:120px; height:90px; padding:2px; border:1px solid #ccc; margin-right:10px; _display:inline;}
.news1 li h3{ display:block; height:60px; line-height:30px; font-size:12px; overflow:hidden;}
.news1 li a.more{ display:block; line-height:30px; text-align:right;}

.news2 li{ float:left; width:315px; line-height:28px; background:url(../images/dot1.gif) no-repeat 10px 12px;}
.news2 li span{ float:left; width:210px; height:28px; padding-left:20px; font-size:12px; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news2 li em{ float:right; color:#666; font-style:normal;}

.product{ min-height:210px; _height:210px;}
.product li{ float:left; width:25%; margin-top:12px;}
.product li a{ display:block; margin:0 5px; height:25px; border:1px solid #ccc; background-color:#e8eff8; font-size:14px; text-align:center; line-height:25px; overflow:hidden;}

.banImg{ float:left; width:100%; margin-top:10px; text-align:center;}
.banImg img{ display:block; margin:0 auto;}

#demo{ float:left; width:640px; height:170px; margin:10px 0 0 10px; _display:inline; overflow:hidden;}
#indemo{ float:left; width:800%;}#demo1{ float:left;}#demo2{ float:left;}

.item{float:left;width:108px;margin:0 5px;_display:inline;}
.item .picBox{float:left;width:104px;height:126px; padding:1px; border:1px solid #ccc;overflow:hidden;}
.item .picImgBox{width:104px;height:126px;line-height:126px;overflow:hidden;text-align:center;display:table-cell;vertical-align:middle;*display:block;}
.item img{display:block;height:126px;margin:0 auto;text-align:center;vertical-align:middle;}
.item .imgTit{ display:block;width:108px;height:35px;line-height:35px;font-style:normal;font-size:12px;text-align:center;overflow:hidden;}

.links{ width:1004px; margin:10px auto 0; background:url(../images/tit2.png) repeat-x; height:55px; line-height:55px; text-align:center; color:#fff; border-radius:0 0 16px 16px; overflow:hidden;}
.links a{ padding-right:10px; color:#fff;}
.links a:hover{ text-decoration:underline;}

.footer{ width:100%; text-align:center; padding:10px 0; line-height:200%; overflow:hidden;}