/*导航栏*/
.header_bg{ background:#fff;}
.main_nav{background:#fff; border-bottom:1px solid #ddd;}
.main_nav li a{color:#333; font-size:16px;}
.main_nav li a:hover,.main_nav li.cur a{ background:none; color:#f5473b;}

/*banner CSS*/
.bannerlist-container{ position:relative; overflow:hidden;}
.bannerlist-container .banner-list{display:block; position:absolute; top:0px; bottom:0px; width:100%;}
/*.bannerlist-container .banner-list li{ display:block; position:absolute; top:0px; bottom:0px;}*/
.bannerlist-container .banner-list li{display:block; float:left; position:relative;}/*无缝隙*/
.bannerlist-container .banner-list li a{display:block; position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.bannerlist-container .lr-btn{ position:absolute; display:block; top:50%; width:30px; height:60px; margin-top:-30px; z-index:99; background-image:url("banner_btn.png"); background-repeat:no-repeat;}
.bannerlist-container .leftbtn{ left:30px; background-position:0 -65px;}
.bannerlist-container .rightbtn{ right:30px; background-position:-42px -65px;}
.bannerlist-container .leftbtn:hover{background-position:0 -3px;}
.bannerlist-container .rightbtn:hover{background-position:-42px -3px;}
.bannerlist-container .button-area{ position:absolute; height:30px; bottom:10px; left:0px; width:100%; text-align:center; z-index:66; }
.bannerlist-container .button-area a{ display:inline-block; width:12px; height:12px; margin:0 6px; vertical-align:middle; cursor:pointer; border-radius:50%; background:#000;}
.bannerlist-container .button-area a.cur{ background:#fff;}

/*精品推荐*/
.h_jp_pro h2{ text-align:center; font-size:40px; margin:30px 0 20px 0;}
.h_jp_pro .line{ width:100%; height:6px; background:#5d5d5d;}
.h_jp_pro .line_red{ width:50%; height:6px; background:#f5473b;}
.h_jp_pro .tempWrap{ width:1200px !important;}
.h_jp_pro .prev, .h_jp_pro .next{width:80px; height:26px;background:url("pro_arrow.png") no-repeat; overflow:hidden; text-indent:-10000px;}
.h_jp_pro .prev{ position:absolute; top:-43px; right:39px;}
.h_jp_pro .next{ background-position:-39px 0;position:absolute; top:-43px; right:0px;}
.h_jp_pro .prev.not{background-position:0 -36px;cursor:default;}
.h_jp_pro .next.not{background-position:-39px -36px;cursor:default;}
.h_jp_pro .bd .li{width:254px; padding:13px 13px 30px 13px; text-align:center; margin-top:30px;margin-right:27px; background:url("pro_shadow.jpg") no-repeat bottom #fff;}
.gray_bg{ background:#f3f3f3;}
.h_jp_pro .bd .li i.hot_ico{background:url("hot.png") no-repeat; display:block; width:41px; height:34px; position:absolute; top:7px; left:20px;}
.h_jp_pro .bd .pic {
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;

        /*设置水平居中*/
        text-align:center;

        /* 针对IE的Hack */
        *display: block;
        *font-size: 310px;/*约为高度的0.873，200*0.873 约为175*/
        *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

        width:254px;
        height:254px; overflow:hidden;
		background:url("hot.png")#ededed no-repeat top left
}
.h_jp_pro .bd .pic img{vertical-align:middle;max-height:254px;max-width:254px;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;display:block\0;}  
.h_jp_pro .bd .pic:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)}
.h_jp_pro .bd .text{ font-size:16px; line-height:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.h_jp_pro .bd .text a{ color:#333;}
.h_jp_pro .bd .text a:hover{ color:#f5473b;}
.h_jp_pro .bd .btn{ display:inline-block; width:116px; height:40px; line-height:40px; color:#fff; background:#f5473b; font-size:16px; border-radius:20px; position:relative;}
.h_jp_pro .bd .btn:hover{ background:#f11600;}
.h_jp_pro .bd .btn .light {
    position: absolute;
    top: 0;
    left: -65px;
    width: 50px;
    height: 40px;
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));
    -webkit-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    transform: skewx(-25deg);
    cursor: pointer
}
.h_jp_pro .bd .btn:hover .light {
    left: 116px;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

/*热销产品*/
.more{ margin:0px auto; width:100px;height:40px; line-height:40px; color:#fff; background:#039dff;text-align:center; font-size:16px}
.more a{color:#fff;}
.more a:hover{color:#fff;}
.h_pro_list{ padding:30px 0 20px 0;}
.h_pro_list .hd{ height:80px; line-height:80px; background:#ff1f03; text-align:center;}
.h_pro_list .hd h2{ font-size:30px; color:#fff8db;}
.h_pro_list .bd ul{ margin-right:-24px;}
.h_pro_list .bd li{float:left; width:260px; border:1px solid #fff; background:#fff; padding:10px 10px 20px 10px; margin:30px 24px 0 0; text-align:center; position:relative;}
.h_pro_list .bd li:hover{ border:1px solid #ddd;}
.h_pro_list .hot_ico{background:url("hot.png") no-repeat; display:block; width:41px; height:34px; position:absolute; top:-7px; left:20px;}
.h_pro_list .bd .pic {
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;

        /*设置水平居中*/
        text-align:center;

        /* 针对IE的Hack */
        *display: block;
        *font-size: 226px;/*约为高度的0.873，200*0.873 约为175*/
        *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

        width:260px;
        height:260px; overflow:hidden;
}
.h_pro_list .bd .pic img{vertical-align:middle;max-height:260px;max-width:260px;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;display:block\0;}  
.h_pro_list .bd .pic:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)}
.h_pro_list .bd .text{ font-size:16px; line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.h_pro_list .bd .text a{ color:#333;}
.h_pro_list .bd .text a:hover{ color:#f5473b;}
.h_pro_list .bd .price{ display:inline-block; width:108px; height:28px; line-height:28px; border:1px solid #f5473b; color:#f5473b;}
.h_pro_list .bd .btn{ display:inline-block; width:90px; height:30px; line-height:30px; color:#fff; background:#f5473b;}
.h_pro_list .bd .btn:hover{ background:#f11600;}

/*新品上市*/
.h_new_pro .hd{background:#039dff;}
.h_new_pro .hd h2{color:#fff;}
.h_new_pro .bd .price{border:1px solid #039dff; color:#039dff;}
.h_new_pro .bd .btn{ background:#039dff;}
.h_new_pro .bd .btn:hover{ background:#0091ed;}

/*公司简介*/
.h_about_bg{ width:100%; height:305px;background:url("about_bg.jpg") no-repeat #f3f3f3 center 30px; padding-top:30px;}
.h_about{ padding-left:260px; position:relative; color:#fff;}
.h_about .pic{ position:absolute; top:35px; left:0px; width:200px; height:200px; border:10px solid #fff; border-radius:5px;}
.h_about .pic img{ width:200px; height:200px;}
.h_about .text{ line-height:26px; margin:10px 0; height:156px; overflow:hidden;}

/*颜色*/
a:hover,.highlight{color:#f5473b;}
.sidebar_mod .hd{background:#f5473b; border-bottom:3px solid #fda4a4;}
.sidebar_mod .hd i{background-color:#bb0900;}
.sidebar_mod .bd{border:1px solid #ffc9c9; padding: 10px;}
.sidebar_mod .border_b{ border-bottom:1px solid #ffc9c9;}
.sidebar_menu .bd .til a:hover{ color:#f5473b;}
.sidebar_menu_til a:hover{ background:url("sidebar_menu.png") no-repeat 0 -25px;}
.tab_hd li.hover{ border-bottom:1px solid #f5473b; color:#f5473b;}/*诚信档案选项卡*/
.tab_hd li i{border-color:transparent transparent #f5473b transparent;}/*诚信档案选项卡*/

.gjc {
    position: absolute;
    top: 8px;
    left: 30px;
    line-height: 20px;
    color: #bbb;
    font-size: 12px;
    cursor: text;
}
/**/
.sidebar_mod .hd .t01{background: url("shop.png") no-repeat -72px -59px #bb0900;width: 30px; height: 38px;}
.sidebar_mod .hd .t02{background: url("shop.png") no-repeat -245px -59px #bb0900;width: 30px; height: 38px;}
.sidebar_mod .hd .t03{background: url("shop.png") no-repeat 4px -59px #bb0900;width: 30px; height: 38px;}
.sidebar_mod .hd .t04{background: url("shop.png") no-repeat -107px -59px #bb0900;width: 30px; height: 38px;}
.hd01 h2 i.m01{background: url("shop.png") no-repeat -111px 8px #ed6e00;width:40px; height:40px;}
.banner-list img {width:100%;}