#ban{ background:#373332; overflow:hidden; width:100%;}
.layer{ overflow:hidden; color:#666; padding-bottom:20px;}
.mode{ overflow:hidden; float:left; overflow:hidden;}
.mode-a{overflow:hidden; height:140px; overflow:hidden;} 
.m1{ width:310px; margin-right:10px; overflow:hidden;}
.m2{ width:300px; margin-right:10px; height:205px; overflow:hidden;}
.m3{ width:355px; margin-right:10px; overflow:hidden;}
.m4{ width:980px;}
.ma{ width:300px; }
.ma a{display:block; width:240px; height:58px; margin-bottom:10px;}
.ma img{ border:0px;}
.fl-products{ width:982px; overflow:hidden; padding:30px 0px;}
.p1{ width:327px; height:230px; float:left; background:url(../images/pro_bg.gif) ;}
.p1 img{ padding:3px 5px 0px 20px; float:left;}
.p2 img{ padding:3px 5px 0px 20px; float:left;}
.p3 img{ padding:3px 5px 0px 20px; float:left;}
.p2{ width:327px; height:230px; float:left; background:url(../images/pro_bg.gif) -327px 0px;}
.p3{ width:327px; height:230px; float:left; background:url(../images/pro_bg.gif) -654px 0px;}
a{ color:#303030; line-height:22px; text-decoration:none;}
a:hover{ color:#c82b26; line-height:22px; text-decoration:none;}
.p_but{ padding:17px 0px 0px 160px;}
.p_pic{  padding:27px 0px 0px 30px}
.hot-products {
width: 980px;
text-align: left;
height: 31px;
line-height: 31px;
background: url(../images/bg-hot.jpg) 0 0 no-repeat;
overflow: hidden;
margin-bottom:20px;
}

.hot-products .title {
width: 100px;
color: #fff;
text-indent:30px;
float: left;
}
.hot-products .con{ float:left; width:800px; margin-left:30px;}
.con ul li{ height:30px; line-height:31px;}
.con ul li a{color:#085895; padding-right:40px;}
.con ul li a:hover{color:#f60; }
.mode .tit,.mode-a .tit{margin:4px 10px; border-bottom:1px solid #ccc;}
.mode .tit b,.mode-a .tit b{ padding-right:5px; font-size:14px;}
.mode .tit small{ color:#888;}
.mode-a .tit small{ height:18px; line-height:20px;}
.mode-a .tit small a{ color:#666; padding-right:10px;}
.mode .tit span{ font-weight:bold; color:#f30; float:right; font-size:14px;}
.mode .tit a{ width:42px; height:16px; font-size:10px; float:right;  color:#666; }
.mode a:hover{ color:#f30; }
.mode .tit small a{ width:auto; float:none;}

.mode .main{padding:10px 10px 10px 10px;}
.mode .main p{ text-indent:20px;}
.mode .main p a{ float:none;}
.main .pro{ width:130px; height:150px; overflow:hidden; float:left; margin:2px 5px; }
.pro{ text-align:center;}
.pro div a img{ margin-top:0px;}
.main .img img{  float:left;}
.main .tit{ height:24px; line-height:24px; overflow:hidden;margin:0px; border:0px; color:#444;}
.home_pro ul li{float:left; width:128px; height:150px; _height:160px; margin:2px 5px;}
.home_pro ul li div a { width:128px; height:130px; display:block; overflow:hidden; background:#fff;}
.home_pro ul li div img{ border:0px;}
.home_pro ul li a{ width:128px; display:block; overflow:hidden; text-align:center; color:#895100; font-size:14px; line-height:30px;}
.home_pro ul li a:hover{ width:128px; display:block; overflow:hidden; text-align:center; color:#4e3b30; font-size:14px;}

.mode .main .ft-news.first {padding: 0px 0 10px 0; border-bottom:1px dashed #000; overflow:hidden; font-size:12px;}
.mode .main .ft-news .img {float: left;}
.mode .main .ft-news .img img {padding: 2px 1px 2px 1px;border: 1px solid #e9e9e9;vertical-align: top;width:90px; height:60px;}
.mode .main .ft-news h4 {font-size: 12px; padding-top:5px; line-height:14px; }
.mode .main .ft-news a{color:#444;}
.mode .main .ft-news a:hover{color:#f20; }
.mode .main .ft-news p {line-height:18px; color:#878787; font-size:12px; }
.ft-news first ul li{ }
.ft-news first{ border-bottom:1px solid #eceaea;}

.str{float:left; width:280px; overflow:hidden; }
.str1{float:left; width:530px; overflow:hidden;}
.str2{float:left; width:480px; overflow:hidden;}
.sec_t{height:34px; line-height:30px; }
.str img{ padding:0px; }
.sm_bg{background:url(../images/sm_bg.gif) left bottom no-repeat; padding-bottom:3px; *padding-bottom:6px; _padding-bottom:20px; margin-bottom:10px;}
.sm_bg1 { margin-bottom:5px;}
.sm_bg1 img{ padding:0px;}
.str li{height:24px; line-height:24px; color:#848484;}
.str li a{width:205px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  text-decoration:none; display:block; float:left;}
.sec_t h1{ color:#F67C00; float:left; font-size:16px; margin:0px; margin:0px; font-weight: normal;}
.more {
float: right;
color: #4e3b30;
 line-height:30px;}
.news_lb ul li a{ line-height:30px; color:#57453a; }
.news_lb ul li a:hover{ line-height:30px; color:#ffba00; }
.news_lb ul li sapn{ margin-left:20px; display:block;}

.l-item li{height: 25px;
line-height: 25px;
overflow: hidden;}
.l-item li a{ color:#666; }
.l-item li i{color: #9F9E9E;
text-indent: 0; float:right;font-style: normal;}
.sec_t a:hover{ line-height:30px;}
.pro a{ font-size:12px; line-height:24px; }
.pro a:hover{ font-size:12px; color:#c82b26; line-height:24px; }

.mode-a .main{padding:0px 10px 10px 10px;}
.rollBox{height:100px;margin:0;width:960px;float:left;overflow:hidden; margin-left:10px; margin-top:10px;}
.rollBox .scrollcon{width:950px;height:100px;position:absolute; margin:0px auto;}
.rollBox .LeftBotton{height:24px;width:24px;background:url(../images/lr.jpg) no-repeat 0px 0px;overflow:hidden;float:left;display:inline;margin:0px;cursor:pointer; margin-top:20px;}
.rollBox .RightBotton{height:24px;width:24px;background:url(../images/lr.jpg) no-repeat 0px -24px;overflow:hidden;float:left;display:inline;margin:0px;cursor:pointer;margin-top:20px;}
.rollBox .Cont{width:850px;overflow:hidden;float:left;height:100px; margin:0px 24px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:120px;height:77px;overflow:hidden;float:left; margin-right:10px;}
.rollBox .Cont .pic img{background:#fff;display:block; border:0px; width:120px; height:77px;}
.rollBox #List1, .rollBox #List2{float:left;}



@charset "utf-8";
img { border: 0px; }
.bannerbox { width: 1024px; height: 422px; overflow: hidden; margin: 0px auto;  }
#focus { width: 1024px; height: 422px; clear: both; overflow: hidden; position: relative; float: left; }
    #focus ul { width: 1024px; height: 422px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
        #focus ul li { float: left; width: 1024px; height: 422px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
    #focus .preNext { width: 550px; height: 447px; position: absolute; top: 0px; cursor: pointer; }
    #focus .pre { left: 0; background: url(../images/sprite.png) no-repeat left center; }
    #focus .next { right: 0; background: url(../images/sprite1.png) no-repeat right center; }