@charset "utf-8";
/* CSS Document */
body{font-size:12px; font-family:Arial; margin:0px; padding:0px; background: #000; }
a:link,a:visited,a:hover,a:active{text-decoration:none;color:#888; zoom:1;}
a:hover{ color:#0052cb;}
a img{border:none;}
ul,li{ display:block; margin:0px; padding:0px;}
div{zoom:1; overflow:hidden;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px;}
h1{color:#fff; font-size:38px; text-align:center; line-height:60px;}


.top,.post,.main{width:1149px; margin:0px auto; position:relative;}
.top{height:135px; background:url(../im/top.jpg) no-repeat;}
.post{ height:558px; background:url(../im/post_bg.jpg) no-repeat bottom center;}
.main{min-height:600px; background:url(../im/main_bg.jpg) left top repeat-y; margin-top:3px;}

.left{ width:149px; float:left;}
.right{width:969px; float:right; padding-bottom:86px; }

.footer {
    text-align: center;
    background-color: #070707;
    color: #b1afaf;
    font-size: 10px;
}
.dh{ position:absolute; height:25px; left:0px; top:110px;}
.dh li{float:left; width:auto; overflow:hidden; padding:0px 20px; height:25px;}
.dh li a,.dh li a:active,.dh li a:visited{ font-size:14px; color:#000; font-weight:bold; line-height:25px;}
.dh li a:hover{color:#f60;}

.search{ position:absolute; left:949px; top:47px; width:175px; height:25px;}
#search{ width:138px; height:25px; background:none; border:none; line-height:25px; float:left; padding-left:8px;}
#search:focus{border:none; border-shodow:none;}
.search a{display:block; height:25px; float:right; width:20px;}
.tel{position:absolute; left:949px; top:77px; width:175px; text-align:right; height:22px; line-height:22px; color:#e11a27; font-weight:bold; font-size:16px;}

.direct h2{height:28px; background:url(../im/dh.jpg) no-repeat;}
.direct li{ height:27px; background:#000;}
.direct li a{background:url(../im/dh.jpg) no-repeat; display:block; height:27px;transition-duration:0.3s;}
.direct li a:hover{Opacity:0.7; filter:Alpha(opacity=70);}
.direct li.d1 a{background-position:0px -28px;}
.direct li.d2 a{background-position:0px -55px;}
.direct li.d3 a{background-position:0px -82px;}
.direct li.d4 a{background-position:0px -109px;}
.direct li.d5 a{background-position:0px -136px;}
.direct li.d6 a{background-position:0px -163px;}
.direct li.d7 a{background-position:0px -190px;}
.direct li.d8 a{background-position:0px -217px;}
.direct li.d9 a{background-position:0px -244px;}
.direct li.d10 a{background-position:0px -271px;}
.direct li.d11 a{background-position:0px -298px;}
.direct li.d12 a{background-position:0px -325px;}
.direct li.d13 a{background-position:0px -352px;}
.direct li.d14 a{background-position:0px -379px;}
.direct li.d15 a{background-position:0px -406px;}


.post img{position:absolute; width:1149px; height:409px; left:0px; top:0px; display:none;}





/************************************page**************************************/
.abt{ background:url(../im/about.jpg) no-repeat; color:#f00; line-height:20px; font-size:14px; height:220px; padding-left:230px; padding-top:497px;}

.tech{width:591px; padding-top:90px; padding-left:50px;}
.tech li{ height:215px; position:relative; padding-bottom:20px;}
.tech li bdo{ position:absolute; left:0px; top:189px; display:block; color:#707070; width:244px; text-align:center; font-size:16px;} 
.tech li div{position:absolute; left:280px; top:0px; color:#707070; font-size:14px;}
.tech li div span{ color:#c00000; padding:15px 0px; line-height:22px; font-size:18px; display:block;}

.tech .t4{ position:absolute; left:922px; top:29px;}



.cus{ padding-left:200px; padding-top:45px; padding-right:180px;}
.cus1{ padding:10px 0px; color:#707070; font-size:14px; display:block;}
.cus2{ font-weight:bold; font-size:14px; color:#707070; line-height:20px; display:block;}

.sale{margin:0px auto; margin-top:40px;}


.list{padding-top:40px; overflow:hidden; display:block; zoom:1;}
.list .p{float:left; margin-right:10px; margin-bottom:10px;}
.list li{width:132px; height:126px; margin-bottom:11px; border-right:1px dotted #c0c0c0; overflow:hidden; background:#fff; float:left;}
.list li a{height:112px; display:block; position:relative; padding:7px 5px; transition-duration:0.3s; text-align:center;}
.list li a:hover{opacity:0.8; filter:Alpha(opacity=80);}
.list li h3{ font-size:13px; color:#000; font-weight:bold; overflow:hidden; height:17px; line-height:17px; text-overflow:clip;white-space:nowrap;}
.list li h3 span{color:#f00; display:inline; font-size:14px;}
.list li bdo{display:block; height:12px;  color:#000; font-size:9px; -webkit-transform:scale(0.8);}
.list li img{ height:84px;  margin:0px auto;margin-top:2px;transition-duration:0.3s;}

.pic{width:800px; position:absolute; padding:20px; left:55px; top:55px; background:#fff; z-index:100; display:none;}
.pic img{width:798px; border:1px solid #CCC;}
.pic .showtxt{padding-top:15px; line-height:22px; font-size:14px; color:#333; overflow:hidden; padding:15px 10px;}
.pic .showtxt div{margin-top:8px; }
.pic a{position:absolute;width:51px; height:51px; background:url(../im/arrow.png) no-repeat; *background:url(../im/arrow.gif) no-repeat;}
.hide{width:100%; height:100%; position:absolute; left:0px; top:0px; background:#000; filter:Alpha(opacity=50); opacity:0.5; z-index:99; display:none;}
.pic .l_arrow{ left:30px; top:40%; background-position:0px 0px;}
.pic .r_arrow{ right:30px; top:40%; background-position:-51px 0px;}
.pic a:hover.l_arrow{background-position:0px -51px;}
.pic a:hover.r_arrow{background-position:-51px -51px;}
.pic a.close{ position:absolute; top:2px; display:block; right:0px; width:25px; text-align:center; color:#017bc6; height:20px; line-height:20px; background:none; font-size:16px;}
.pic a:hover,.close{color:#f60;}


.index{ padding-right:10px;}
.index_list a{display:block; float:left; width:239px;transition-duration:0.3s;}
.index_list a:hover{opacity:0.8; filter:Alpha(opacity=80);}
.index_list a img{height:172px; width:195px; }


.newspage{padding-top:10px; padding-bottom:30px;}
.newspage li{list-style:none; list-style-position:outside; margin:0px; padding:0px; display:inline-block; height:24px; cursor:pointer; margin-right:5px; color:#fff; line-height:24px;}
.newspage li a{display:inline-block;  height:22px; line-height:22px; padding:0px 5px; color:#fff; border:1px solid #a3acb4;}
.newspage li a:hover{background:#f00;}
.newspage li.thisclass a{color:#F00; font-weight:bold; padding:0px 5px; line-height:24px;  border:1px solid #fff;}
.newspage li.thisclass a:hover{background:none;}

.download{ position:absolute; display:block; width:118px; height:180px; overflow:hidden; left:3px; top:440px;}
.download2{ position:absolute; display:block; width:118px; height:357px; overflow:hidden; left:3px; top:620px;}