@charset "utf-8";
.container .nav{margin: 25px 0 35px 0;}
.container .nav a{width: 54px; display: inline-block; float: left; margin-left: 143px;position: relative;
    *margin-left:expression(this.previousSibling==null?"0":"143px");}
.container .nav a:first-child{margin-left: 0;}
.container .nav .product h4{position: absolute;text-align: center;min-width: 54px;white-space:nowrap;top: 58px;*left: 0;}

.navs{display: block;margin: 24px 0 0;text-align: justify; *text-justify:inter-ideograph; /*IE私有属性*/}
.nav-item{display: inline-block;text-align: center;zoom: 1;*display:inline;*zoom:1;vertical-align: top;}
.justify-last{width:100%;height:0;padding:0;overflow: hidden;display: inline-block;zoom: 1;*display:inline;*zoom:1;vertical-align: top;}


#carousle{width: 100%;height: 358px;position: relative;background-color: #fff;overflow: hidden;border: 1px solid #eeeeee;border-bottom: 0;}
#carousle .img_area{}
#carousle .img_area li{position: absolute;display: inline-block;z-index: 0;display: none;}
#carousle .img_area li:first-child{z-index: 5;display: block;}
#carousle .controller{position: absolute; top: 120px; width: 93%;z-index: 10;}
#carousle .controller a{width: 30px;height: 64px;background: url('../images/index_arraw.png') -5px 0 #000;
opacity: 0.3;filter:alpha(opacity=30);display: inline-block;position: absolute;transition: all 0.5s linear;}
#carousle .controller a.pre{left: 0;margin-left:45px;}
#carousle .controller a.next{right: 0;background-position: 31px 0;margin-right:10px;}
#carousle .controller a:hover{opacity: 0.6;filter:alpha(opacity=60);}
#bulletin_board{border: 1px solid #eaeaea; height: 559px;background-color: #fff; margin-bottom: 30px;}
#bulletin_board .item{text-align: center;float: left;display: inline-block;width: 518px; height: 559px;}
#bulletin_board .item:first-child{border-right: 1px solid #eaeaea;}
#bulletin_board .block2{width: 519px;height: 559px;overflow: hidden;position: relative;}
#bulletin_board .block1{width: 518px;height: 279px;overflow: hidden;border-bottom: 1px solid #eaeaea;position: relative;}
#bulletin_board .block1.last{border-bottom: none;}
#bulletin_board .item .block1 .mask{width: 518px; height: 279px;}
#bulletin_board .item .block2 .mask{width: 519px; height: 559px;}