@charset "utf-8";

body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;margin:0;}
a{text-decoration:none; outline:none; color:#336699}
h2{color:#333; font-size:16px;border-bottom:1px dashed #cdcdcd;padding-bottom:8px;}
h3{color:#336699; font-size:14px;border-bottom:1px dashed #cdcdcd;padding-bottom:8px;}
img{border:none}
ul,ol{list-style:none;margin:0;padding:0;}
.clear{clear:both;}
.bold{font-weight:bold;}
p{line-height:22px;}
a.mail{text-decoration:underline;}
a:hover.mail{text-decoration:none;}
.guid{width:915px;margin:0 auto;border:1px solid #ccc;border-width:1px 0;padding:5px 7px;_margin-bottom:15px;background:#efefef;}
.guid a{font-weight:bold;}
.guid a:hover{text-decoration:underline;}
.sitemap ul li.w{margin-bottom:10px}
font.bold{font-weight:bold}

#container{background:url(../img/middle-bg.jpg) left top repeat-y; margin:0 auto; width:970px; padding:0 25px}
#header{width:950px; height:auto; margin:0 auto}
.logo{background:url(../img/logo.gif) no-repeat; width:78px; height:55px; float:left; margin:5px 0 5px 10px}
.logo1{background:url(../img/logo1.jpg) no-repeat; width:135px; height:35px; float:left; margin:15px 0 5px 10px}
.word{float:right; margin:20px 10px 0 0}
.word a{padding:0 4px}
.word a:hover{text-decoration:underline}

.menu{background:url(../img/bj_nav.jpg) no-repeat; width:949px; height:43px; margin-bottom:10px}
.menu ul li{float:left; line-height:43px}
.menu ul li a{display:block; color:#fff; font-weight:bold; text-align:center}
.menu ul li.a a{width:82px; padding-left:35px; margin-right:1px}
.menu ul li.b a{width:121px; margin-right:1px}
.menu ul li.c a{width:119px; margin-right:1px}
.menu ul li.d a{width:120px; margin-right:1px}
.menu ul li.e a{width:121px; margin-right:1px}
.menu ul li.f a{width:119px; margin-right:1px}
.menu ul li.g a{width:119px; margin-right:1px}
.menu ul li.h a{width:106px}
.menu ul li a:hover{background:url(../img/bj_nav_hover.jpg) center no-repeat;}
.menu ul li.a a:hover{background:url(../img/bj_nav_hover.jpg) left top no-repeat}
.menu ul li.h a:hover{background:url(../img/bj_nav_hover.jpg) right top no-repeat}
.menu ul li.hover a{background:url(../img/bj_nav_hover.jpg) center no-repeat;}
.menu ul li.hover1 a{background:url(../img/bj_nav_hover.jpg) left top no-repeat}
.menu ul li.hover2 a{background:url(../img/bj_nav_hover.jpg) right top no-repeat}


#content{width:950px; height:auto; margin:0 auto; padding:10px 0;}
.leftbar{width:599px; float:left; padding:0 10px 15px 0; border-right:#ccc 1px dashed}
.product_title{line-height:32px; border-bottom:#ccc 1px solid; font-size:14px; font-weight:bold}
.product_show ul{float:left; width:599px; padding:10px 0; border-bottom:#ccc 1px dashed}
.product_show ul li{float:left;line-height:21px;}
.p1{width:720px;text-align:center;}
.product_title span.title1{float:left;padding-left:300px;}
.product_title a.inquire1{float:right;}



.product_show ul li.u{text-align:right; line-height:10px; width:590px}
.product_show ul li.u a{color:#336699;font-weight:normal;}


.rightbar{width:310px;float:right; padding-right:10px; }
.about_title{line-height:32px; border-bottom:#ccc 1px solid; font-size:14px; font-weight:bold; margin-bottom:10px}
.more{text-align:right}
.more a{color:#336699;}

#footer{width:950px; height:auto; margin:0 auto; background:#1c1c1c; padding:12px 0;}
.flink{width:920px;padding:5px 10px;}
.qlink{float:left; width:950px; color:#666;text-align:center;}
#footer a{color:#666;}
#footer a:hover,#footer a.sel2{color:#ccc;}
.copyright{float:right; padding-right:40px; color:#666}


.banner{width:950px; height:403px; position:relative}
#content1 {height:40px; width:950px; bottom:0; z-index: 3; position:absolute;}
#contentframe { overflow: hidden;z-index: 3; height:40px }
#slidecounter { float:left; color:#4F4F4F; font:22px "Helvetica Neue", Arial, sans-serif; font-weight:bold; margin:6px 0 0 10px}
#slidecaption { overflow: hidden; float:left; color:#FFF; font:16px "Helvetica Neue", Arial, sans-serif; font-weight:bold; margin:9px 0 0 20px}
#navigation { background: url('img/navbg.gif') no-repeat; float: right; margin-top:6px }
#loading { position: absolute; top: 49.5%; left: 49.5%; z-index: 3; width: 24px; height: 24px; text-indent: -999em; background-image: url(img/progress.gif); }
#supersize{position:relative}
#supersize img, #supersize a { height:403px; width:950px; position:absolute; z-index: -2; }
#supersize .prevslide, #supersize .prevslide img { z-index: -1; }
#supersize .activeslide, #supersize .activeslide img { z-index: 0; }

.pro_ti{width:609px; height:24px; line-height:24px; background:#f2f2f2; margin:10px 0 10px 0; float:left;}
.pro_re{width:609px; float:left;}
.pro_re ul{ float:left; margin-bottom:2px; margin-top:3px;}
.pro_re li{ float:left; width:120px;}
.pro_re li.q{ width:415px;float:right;}
.pro_re li a{ display:block; font-weight:bold; color:#336699; margin-bottom:3px; margin-top:3px;}
.pro_re li a:hover{ text-decoration:underline;}
.pro_re li a img{ border:#ccc 1px solid;padding:2px 3px;}

.part3{float:left; width:270px;  margin-top:12px; line-height:24px}
.part3 span{font-size:14px; font-weight:bold; line-height:30px}
.part3 img{float:left;}