@charset "utf-8";
/*导航栏*/
.main_nav{background:#318000; margin-top:-1px;}
.main_nav li{height:50px; line-height:50px;}
.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{background:#3c9d28; color:#fff;}

/*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:10px; 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;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.bannerlist-container .button-area a.cur{ background:#fb7e00;filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}

/*精品推荐*/
.h_hd{ font-size:40px; color:#333; text-align:center;background:url("../images/shop12/hd.png") no-repeat center 28px;}
.h_jp_pro{ margin-top:40px;}
.h_jp_pro .bd{position:relative; margin-top:40px;}
.h_jp_pro .prev, .h_jp_pro .next{cursor:pointer; width:44px; height:79px;background:url("../images/shop12/pro_arrow.png") no-repeat; overflow:hidden; text-indent:-10000px;}
.h_jp_pro .prev{ position:absolute; top:200px; left:-80px;}
.h_jp_pro .next{ background-position:-54px 0;position:absolute; top:200px; right:-80px;}
.h_jp_pro .prev.prevStop{background-position:0 -96px; cursor:default;}
.h_jp_pro .next.nextStop{background-position:-54px -96px; cursor:default;}
.h_jp_pro .tempWrap{ width:1200px !important;}
.h_jp_pro .bd li{ float:left; margin:0 20px 0 0; width:590px;}
.h_jp_pro .bd li .pic{background:#fff; border:2px solid #ddd; padding:15px;}
.h_jp_pro .bd li:hover .pic{border:2px solid #84c63f;}
.h_jp_pro .bd li .pic_con{
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;

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

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

        width:558px;
        height:558px; overflow:hidden; 
}
.h_jp_pro .bd li .pic_con img{vertical-align:middle;max-width:558px;max-height:558px;-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 li .pic_con: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 li .text{ height:90px; background:#84c63f;  padding:0 40px; text-align:center;color:#fff; padding-top:15px;}
.h_jp_pro .bd li .text p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:36px;}
.h_jp_pro .bd li .text a{color:#fff; font-size:20px;}

/*热销产品*/
.h_pro_list{ margin-top:40px; background:#68a941; padding-top:40px; padding-bottom:50px;}
.h_pro_list .h_hd{background:url("../images/shop12/hd02.png") no-repeat center 28px; color:#fff;}
.h_pro_list .bd{ margin-right:-21px; margin-top:20px;}
.h_pro_list .bd li{ float:left; margin:20px 21px 0 0; width:366px; border:10px solid #fff; background:#fff;}
.h_pro_list .bd li .pic {
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;

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

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

        width:366px;
        height:366px; overflow:hidden;
}
.h_pro_list .bd li .pic img{vertical-align:middle;max-width:366px;max-height:366px;-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 li .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 li .text{ font-size:16px; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
.h_pro_list .bd li .price{ color:#df0303;}
.h_pro_list .bd li .btn{ display:block; margin-top:5px; width:100%; height:40px; line-height:40px; background:#ffac00; font-size:18px; color:#fff; text-align:center;}
.h_pro_list .bd li .btn:hover{ background:#ff9600;}

/*新品上市*/
.h_new_pro{ background:#fff; margin-top:40px;}

.h_new_pro .bd{ margin-right:-20px;}
.h_new_pro .bd li{ float:left; margin:20px 20px 0 0; width:281px; border:2px solid #ddd; background:#fff;}
.h_new_pro .bd li:hover{border:2px solid #6db722;}
.h_new_pro .bd li .pic {
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;

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

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

        width:281px;
        height:281px; overflow:hidden;
}
.h_new_pro .bd li .pic img{vertical-align:middle;max-width:281px;max-height:281px;-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_new_pro .bd li .pic:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)}
.h_new_pro .bd li .text{ line-height:20px; height:40px; overflow:hidden;}
.h_new_pro .bd li .price{ color:#df0303;}
.h_new_pro .bd li .btn{ display:block; margin-top:5px; width:100%; height:40px; line-height:40px; background:#6db722; font-size:18px; color:#fff; text-align:center;}
.h_new_pro .bd li .btn:hover{ background:#60aa14;}

/*公司简介*/
.h_about_bg{ width:100%; background:url("../images/shop12/about_bg.jpg") no-repeat center 0; padding:40px 0;margin-top:40px;}
.h_about{ position:relative; padding-left:379px;}
.h_about .pic{ position:absolute; top:0; left:0;}
.h_about .con{padding:25px 40px 0 40px; height:225px; background:#fff;}
.h_about .hd{ font-size:20px; color:#333;}
.h_about .bd{ height:156px; font-size:16px; margin-top:10px; line-height:26px; overflow:hidden;}
.h_about .more{ position:absolute; right:0; bottom:0; display:block; width:30px; height:28px; line-height:28px; font-size:20px; background:#ffac00; color:#fff; text-align:center;}


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