@charset "utf-8";
/*导航栏*/
.header_bg{background:#293545; color:#fff;}
.top_bar{background:#293545; border-bottom:1px solid #6c7582;}
.top_bar .welcome,.top_bar .father{ color:#d6d6d6;}
.top_bar .myselect.hover .father,.top_bar .help.hover .father{ color:#666;}
.top_bar .login .gray3{ color:#d6d6d6!important;}
.header .name h1{ color:#fff;}
.main_nav{background:#293545; margin-top:-1px; border-bottom:3px solid #ffd100;}
.main_nav li{height:40px; line-height:40px;}
.main_nav li a{color:#fff; font-size:16px; display:inline-block; padding:0 35px;}
.main_nav li a:hover,.main_nav li.cur a{color:#293545; background:#ffd100;}

/*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; 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("../images/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:50px; left:0px; width:100%; text-align:center; z-index:66;}
.bannerlist-container .button-area a{ display:inline-block; width:15px; height:15px; border-radius:15px; margin:0 10px; vertical-align:middle; cursor:pointer;background:#fff;}
.bannerlist-container .button-area a.cur{ background:#ffd100;}

/*公司简介*/
.h_about{background:url("../images/shop21/aboutbg.jpg") no-repeat; height:550px; padding-top:2px; position:relative; top:-20px;}
.h_about .hd{ margin:45px 0 0 215px; color:#2e3747;}
.h_about .bd{ float:right; width:860px; background:#fff; padding:25px 20px; margin:30px 0 30px 0; height:390px;}
.h_about .pic{ float:left; margin:40px 0 0 20px;}
.h_about .text{ float:left; line-height:26px; height:234px; overflow:hidden; color:#fff; width:500px; margin:55px 0 0 175px;}

/*精品推荐*/
.h_jp_pro{ background:#2e3747; margin-top:-40px; padding:80px 0 60px 0;}
.h_pro_list .hd{ text-align:center; margin-bottom:50px;}
.h_pro_list .hd h2{ display:inline-block;background:url("../images/shop21/tilbg.png") no-repeat; height:60px; line-height:50px; padding:0 70px; font-size:40px; color:#fff;}
.h_jp_pro .bd ul{ margin-right:-21px;}
.h_jp_pro .bd li{ float:left; width:386px; background:#fff;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s; margin:0 21px 21px 0;}
.h_jp_pro .bd li:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.h_jp_pro .bd .pic {
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;

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

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

        width:386px;
        height:386px; overflow:hidden; background:#fff;
}
.h_jp_pro .bd .pic img{vertical-align:middle;max-height:100%;max-width:100%;}  
.h_jp_pro .bd .info{ padding:10px 17px 15px 17px;}
.h_jp_pro .bd .text{ font-size:16px; line-height:24px; height:48px;}
.h_jp_pro .bd .btn{ display:inline-block; width:100%; height:40px; line-height:40px; color:#fff; background:#ffcc01; font-size:16px;position:relative; overflow:hidden; text-align:center; margin-top:5px;}
.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: 350px;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

/*热销产品*/
.h_hot_pro{ padding:80px 0;}
.h_hot_pro .hd h2{ background:url("../images/shop21/tilbg2.png") no-repeat;color:#333;}
.h_hot_pro .bd ul{ margin-right:-24px;}
.h_hot_pro .bd li{float:left; width:282px; background:#fff; margin:0 24px 0 0; text-align:center; position:relative;}
.h_hot_pro .hot_ico{background:url("../images/shop21/hot.png") no-repeat; display:block; width:51px; height:51px; position:absolute; top:0; left:0;}
.h_hot_pro .bd .pic {
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;

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

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

        width:282px;
        height:282px; overflow:hidden; background:#fff;
}
.h_hot_pro .bd .pic img{vertical-align:middle;max-height:100%;max-width:100%;display:block\0;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;}  
.h_hot_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_hot_pro .bd .info{ background:#2e3747; padding:0 17px 17px 17px;}
.h_hot_pro .bd .text{ line-height:46px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.h_hot_pro .bd .text a{ color:#fff;}
.h_hot_pro .bd .text a:hover{ text-decoration:underline;}
.h_hot_pro .bd .price{ display:inline-block; width:108px; height:34px; line-height:34px; border:1px solid #ffcc01; color:#ffcc01;}
.h_hot_pro .bd .btn{ display:inline-block; width:110px; height:36px; line-height:36px; color:#fff; background:#ffcc01; font-size:16px;}
.h_hot_pro .prev, .h_hot_pro .next{cursor:pointer; width:28px; height:51px;background:url("../images/shop21/arrow.png") no-repeat; overflow:hidden; text-indent:-10000px;}
.h_hot_pro .prev{ position:absolute; top:170px; left:-100px;}
.h_hot_pro .next{ background-position:-34px 0;position:absolute; top:170px; right:-100px;}


/*新品上市*/
.h_new_pro{ background:#2e3747; padding:80px 0 60px 0;}
.h_new_pro .bd ul{ margin-right:-24px;}
.h_new_pro .bd li{ float:left; width:282px; background:#fff;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s; margin:0 24px 24px 0;}
.h_new_pro .bd li:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.h_new_pro .bd .pic {
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;

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

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

        width:282px;
        height:282px; overflow:hidden; background:#fff;
}
.h_new_pro .bd .pic img{vertical-align:middle;max-height:100%;max-width:100%;}  
.h_new_pro .bd .info{ padding:10px 17px 15px 17px; text-align:center;}
.h_new_pro .bd .text{ line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


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