nav2@charset "utf-8";

/* CSS Document */

*{ margin:0; padding:0; border:0;}

body {font-family:"微软雅黑";  margin:0 auto; padding:0px; font-size:12px; height:100%; line-height:22px; width:100%;}

div{behavior: url(../other/iepngfix.htc)}

ul,ul li,ol li{ list-style-type:none; margin:0; padding:0; }

p{ margin:0; padding:0}

.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}

a{ text-decoration:none;}

/*a:hover{ text-decoration:underline;}*/

img{ vertical-align:middle;}

.imgs{ vertical-align:top;}

.lf{ float:left;}

.rg{ float:right;}  

img{border:none;}

html{ overflow-x:hidden;}




/* index */

#bg_landing{ position:absolute; z-index:1000; top:50%; height:113px; margin-top:-15px; left:50%; margin-left:-15px;}

.box{ width:1004px; margin:0 auto; }

#container {width:100%; z-index:-999; overflow:hidden; position:absolute; top:50%; margin-top:-540px;}

#example {width:1920px;height:1080px;display:block; position:relative; left:50%; margin-left:-960px; z-index:-999}

.slides_container {width:1920px;height:1080px;display:none;}

.slides_container a {width:1920px;height:1080px;display:block;}

.slides_container a img {display:block;}

#slides .prev{ position:absolute; top:50%; left:0px; z-index:9999; margin-top:-400px;}

#slides .prev a{ background:url(../images/tj_01but.png) left no-repeat; display:block; width:300px; height:800px;}

#slides .prev a:hover{ background:url(../i../images/tj_01but.png) left no-repeat; display:block; width:300px; height:800px;}

#slides .next{ position:absolute; top:50%;  right:0px; z-index:9999; margin-top:-400px;}

#slides .next a{ background:url(../images/tj_02but.png) right no-repeat; display:block; width:300px; height:800px;}

#slides .next a:hover{ background:url(../../images/tj_02but.png) right no-repeat; display:block; width:300px; height:800px;}

.pagination {display:none;}

.postop{ position:fixed; top:0px; z-index:20000; width:100% }

.ie6{ _position:absolute}

.headbox{ background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}

.top{height:85px; }

.posmain{ position:fixed; top:0px; width:100%; left:0px; z-index:100000;}

.toplf{ width:262px; position:relative; left:80px;}

.toprg{ width:742px; float:right}

/*
.toplf{ width:262px;}

.toprg{ width:742px;}
*/

.dh{ height:85x;}

.dh ul li{display:block; width:148px; _width:147px;  float:left; text-align:center; height:85px; line-height:85px;}

.dh ul li a{ color:#fff; font-size:15px; _font-size:14px; }

.dh ul li.a1{ border-left:0px; width:146px;}

.dh ul li:hover{background:#ae1c1c;}

.dh ul li:hover a{ color:#fff}



.dh ul li ul.nav2{  position:relative; top:-1px; display:none; width:370px; float:left; padding:10px; background:#ae1c1c;}

.dh ul li ul.nav2 li{width:124px;height:35px; line-height:35px; border:none;}

.dh ul li ul.nav2 li:hover{ background:#960707;border-radius:5px}

.dh ul li ul.nav2 li a{color:#fff}

.dh ul li ul.nav2 li .navimg{position:relative; left:248px; top:0px; width:112px; height:115px;}


.dh ul li ul.nav3{ position:relative; top:-1px; margin-left:-120px; display:none; width:390px; height:120px; background:#ae1c1c; padding:10px; }

.dh ul li ul.nav3 li{ float:left; width:120px; padding:0 5px; border:none}

.dh ul li ul.nav3 li:hover{ background:none;}

.dh ul li ul.nav3 li a img{  border:1px solid #555353; float:left}

.dh ul li ul.nav3 li a span{ display:block; float:left; width:100%; height:30px; line-height:30px; text-align:center}

.dh ul li ul.nav3 li a span:hover{background:#960707;border-radius:5px}

.dh ul li ul.nav4{ position:relative; top:-1px; display:none; width:148px;height:105px; background:#ae1c1c;}

.dh ul li ul.nav4 li{ float:left;  height:35px; line-height:35px; border:none; }

.dh ul li ul.nav4 li:hover{background:#960707;border-radius:5px}

.dh ul li ul.nav5{ position:relative; top:-1px; margin-left:-118px;display:none; width:246px; height:140px;background:#ae1c1c; padding:10px;}

.dh ul li ul.nav5 li{ height:35px; line-height:35px; float:right; width:124px; border:none}

.dh ul li ul.nav5 li .navimg2{osition:relative; left:0px; top:0px; background:#e31c1c; width:112px; height:140px;}

.dh ul li ul.nav5 li:hover{background:#960707;border-radius:5px}





.foot{ position:fixed; z-index:300; width:100%; bottom:0px; _position:absolute; font-size:12px;}

.foot .div1{ line-height:29px;cursor:pointer; height:29px; color:#fff; text-align:center; font-weight:bold;}

.foot .div1 span{ background:url(../images/1_04.png) 0px 5px no-repeat; padding-left:15px;}

.foottop{ background:#2d2d2d; height:60px; line-height:60px;}

.foottop ul li{ float:left; border-right:1px #1c1c1c solid; width:250px; text-align:center; height:60px; color:#fff; font-size:14px; font-weight:bold }

.foottop ul li.last{ border:none;}

.foottop ul li .slide{z-index:-1;position:absolute;width:250px;background:#2c2c2b;height:130px;top:150px;transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}

.foottop ul li:hover .slide{display:block;top:-130px}

.slide{text-align:left;padding:8px; font-weight:normal; font-size:12px; }

.slide ul{}

.slide ul li{ text-align:left; border:none; width:240px; overflow:hidden; height:25px; line-height:25px;}

.slide ul li a{ color:#fff; font-size:12px;}

.slide ul li a:hover{ text-decoration:underline;}

.slide p{ line-height:25px; font-size:12px;}





.footbottom{ position:relative; z-index:99999; bottom:0;background:#0f0f0f; height:32px; color:#706e6e; line-height:32px;font-size:12px; }

.footbottom .lf a{ color:#706e6e; margin-left:10px; margin-right:10px; font-size:12px;}

.footbottom .rg a{ color:#706e6e;font-size:12px;}

.footbottom .rg a:hover{ color:#fff;font-size:12px;}

/* index end */

/* main */

/*.posfoot{ position:fixed; _position:inherit; bottom:0px; width:100%}*/

/* about */

.abbbox{ display:block; width:100%;  height:500px;overflow:hidden; }

.abb{ position:relative; width:1920px;  height:500px; left:50%; margin-left:-960px;  }

.aboutbg{ background:url(../images/2_01.jpg) fixed center top no-repeat; _background:url(../images/2_01.jpg) center top no-repeat;}


.abnav{ width:100%; background:#4d4c4c; height:45px; line-height:45px;}

.abnav ul li{ float:left; padding:0px 18px;}

.abnav ul li:hover{ background:#717070;}

.abnav ul li a{ color:#fff}

.abnav ul li.on{ background:#717070;}

.position{ float:right; text-align:right; color:#fff}

.position a{ color:#fff}

.dd{ width:1012px; margin:0 auto; margin-top:10px; margin-bottom:30px;}

.dd1{ background:url(../images/2_02.png) no-repeat; height:8px;}

.dd2{ background:url(../images/2_03.png) repeat-y; color:#4b4a4a; height:1%;}

.dd3{ background:url(../images/2_04.png) no-repeat; height:8px;}

.pad{ padding-left:40px; padding-right:27px; padding-top:23px; padding-bottom:23px; overflow:hidden;}

.about{ margin-bottom:20px;}

.about .dd_title{ }

.about .dd_title .div1 .lf{ width:100%;}

.about .dd_title .div1 .rg{ padding-right:40px;}

.about .dd_title .div1 .lf .p1{ color:#282828; font-size:22px; font-weight:bold;}

.about .dd_title .div1 .lf .p2{ color:#4b4a4a; margin-top:15px;}

.about .dd_title .div1 .rg{ width:106px;}

/* newslsit */

.news{ margin-top:20px;}

.news ul li{  height:120px; margin:10px 0px; padding:10px 0px; background:#e6e5e5}

.news ul li a{float:left; margin-left:10px; color:#333}

.news ul li a:hover{ color:#787676}

.news ul li em{ margin-left:20px;}

.news ul li i{ float:right; margin-right:10px;}

.news ul li p{ float:left; width:650px; margin-left:10px; cursor:default;}

.page{ width:700px; margin:0 auto; padding:15px 0px; text-align:center; }

.page a{ color:#666; border: #666 1px solid;padding:2px 8px; margin: 2px; }

.page  a:visited{ color:#666}


/* news */

.news span.title{ width:100%; display:block; text-align:center; line-height:35px; border-bottom:1px #CCC solid; font-size:15px; font-weight:bold}

.news span{ display:block; text-align:center; width:50%; float:left; line-height:35px; border-bottom:1px #CCC solid;}

.prenext{ width:100%; line-height:25px; padding-top:10px; border-top:1px #CCC solid;}

.prenext a{ color:#000}

.prenext a:hover{ color:#666}

/* productlist */

.abnavadd{width:100%;height:45px; line-height:45px;}

.abnavadd ul{ height:55px; background:url(../images/prnavbg.png) left top no-repeat;}

.abnavadd ul li{ float:left; color:#666; padding:5px 15px;}

.abnavadd ul li a{ color:#333;}

.abnavadd ul li a.on{ color:#fff}

.abnavadd ul li.on{ background:url(../images/prnavon.png) left top no-repeat}




/* joblist */

.job{ margin-top:20px;}

.job ul{ padding-top:15px;}

.job ul li{ float:left; width:300px; height:35px; margin: 6px;line-height:35px; border:1px #999 solid;}

.job ul li:hover{ background:#999}

.job ul li a{ color:#666; padding-left:10px;}

.job ul li:hover a{ color:#fff}

/* job */

.postmail{ width:150px; height:50px; line-height:50px; text-align:center; margin:15px auto; border:1px #666 solid;}

.postmail:hover{ background:#9a9a9a; border:1px #9a9a9a solid}

.postmail a{ color:#666}

.postmail:hover a{ color:#fff}




/* links */

.links{ margin-top:20px;}

.links ul li{ float:left; line-height:30px;}

.links ul li a{ color:#333;  padding:0px 15px; line-height:15px; border-right:1px #a1a1a1 solid}

.links ul li a:hover{ color:#666}


.news-con{ clear:both; width:100%; padding:15px 0px;}