@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;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: 1038px;height: 400px;position: relative;background-color: #fff;overflow: hidden;border: 1px solid #eeeeee;border-bottom: 0;}
#carousle .img_area{min-width: 3120px;_width: 3120px;}
#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: 168px; width: 1040px;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;}
#carousle .controller a.next{right: 0;background-position: 31px 0;}
#carousle .controller a:hover{opacity: 0.6;filter:alpha(opacity=60);}
#bulletin_board{border: 1px solid #eaeaea; overflow:auto; background-color : #fff; margin-bottom: 30px;}
#bulletin_board .item{text-align: center;float: left;display: inline-block;width: 518px; height: 280px;}
#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;}
.recommend{margin-bottom: 35px;}
.recommend .title{position: relative;border-bottom: 3px solid #434343;padding-bottom: 12px;}
.recommend .title h2{font-size: 24px;}
.recommend .title a{position: absolute; right: 0;top: 8px;}
.recommend.package .item{border: 1px solid #eeeeee; border-top: none;background-color: #fff;}
.recommend.package .item div,
.recommend.fittings .item div{float: left;display: inline-block;overflow: hidden;border-left: 1px solid #eeeeee;position: relative;}
.recommend .item div p{padding-left: 45px;padding-top: 2px;}
.recommend .item div p.name{padding-top: 24px;font-size: 16px;}
.recommend.package .item div:first-child{border-left: none;}
.recommend.package .item .block1,
.recommend.fittings .item .block1{width: 258.5px;height: 299px;}
.recommend.package .item .block2,
.recommend.fittings .item .block2{width: 518.5px;height: 299px;}

.item .mask{position: absolute;top: 0;left: 0;box-shadow: 0 0 38px rgba(0, 0, 0, 0.08) inset;
    z-index: 10;transition: all 0.1s linear;opacity: 0;filter:alpha(opacity=0);background: url(#);}
.recommend .item .block1 .mask{width: 258.5px; height: 299px;}
.recommend .item .block2 .mask{width: 518.5px; height: 299px;}
.mask:hover{opacity: 0.9 !important;filter:alpha(opacity=90) !important;}
.recommend .item .block1 img{width: 258px;height: 230px;}
.recommend .item .block2 img{width: 518.5px;height: 230px;}
.item a{display: block;}
.item img{z-index: 1;}

.fitting_nav{background-color: #fff;border: 1px solid #eeeeee; border-top: none;height: 115px;width: 924px; padding: 30px 57px 0 57px;}
.fitting_nav a{width: 54px; float: left; display: inline-block;margin-left: 120px;
    *margin-left:expression(this.previousSibling==null?"0":"120px");}
.fitting_nav a:first-child{margin-left: 0;}
.fitting_nav .fitting{position: relative;}
.fitting h4{position: absolute;text-align: center;min-width: 54px;top: 64px;white-space:nowrap;*left: 0;}
.recommend .banner{width: 1040px; height: 340px; overflow: hidden;text-align: center;}
.recommend.fittings .item{background-color: #fff;border: 1px solid #eeeeee;border-top: none;border-left: none;}
.recommend.fittings{margin-bottom: 50px;}