/*===============================================
  shop list
================================================= */
/*特殊纪念日统一变灰色样式*/
/*html {*/
/*    -webkit-filter: grayscale(100%);*/
/*    filter: progid:DXImageTransform.Microsoft.BasicImage(graysale=1);*/
/*}*/
.shop-list{overflow: hidden;}
.shop-list ul li{height: 216px;border-radius: 6px;background: #fff;margin-top: 15px;padding: 0 0 0 10px;}
.shop-attr{padding: 26px 0;}
.shop-info{height: 80px;line-height: 80px;}
.shop-logo{width: 80px;height: 80px;display: inline-block;border-radius: 4px;}
.shop-name{display: inline-block;vertical-align: top;font-size: 16px;color: #333;margin-left: 10px;width:70%;}
.shop-porduct{padding: 13px 0;}
.shop-porduct dl{width: 172px;height: 190px;background: #fff;border-radius: 6px;float: left;margin-right: 22px;box-shadow: 2px 2px 8px rgba(0,0,0,.1);
 padding-top: 15px;}
.shop-porduct dl:nth-of-type(3n){margin-right: 0;}
.shop-porduct dl dt{display: table;text-align: center;margin: 0px auto;}
.shop-porduct dl dt a{display: table-cell;width: 110px;height: 110px;}
.shop-porduct dl dt a img{max-width: 110px;max-height: 110px;}
.shop-porduct dl dd{text-align: center;margin-top: 5px;}
.shop-porduct dl dd>h3 a{color: #333;}

.shop-describe{text-indent: 2em;font-size: 14px;color: #999;line-height: 26px;margin-top: 10px;}
.word-ellipsis-3 { -webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.pagination>li>a, .pagination>li>span{color: #333;}

/*===============================================
  shop index
================================================= */

.shop-banner {width: 1200px;height: 400px;}
.slider-wrap{width: 1200px;margin: 0 auto;}
.slider-wrap .flexslider { height: 100%; position: relative; zoom: 1; }
.slider-wrap .flexslider .slides { height: 100%; zoom: 1; }
.slider-wrap .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; height: 100%; }
.slider-wrap .flexslider .slides_img {width: 100%;}
.slider-wrap .flex-direction-nav a { position: absolute; top: 50%; z-index: 1002; width: 40px; height: 60px; margin: -30px 0 0; display: block; background: url(../images/layout-pic.png) no-repeat 0 -60px;
    cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }
.slider-wrap .flex-direction-nav .flex-next { background-position: -40px -60px; right: -10px; }
.slider-wrap .flex-direction-nav .flex-prev { left: -10px; }
.slider-wrap .flexslider:hover .flex-next { opacity: 0.3; right: 20px; }
.slider-wrap .flexslider:hover .flex-prev { opacity: 0.3; left: 20px; }
.slider-wrap .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.slider-wrap .flex-control-nav { position: absolute; left: 50%; bottom: 20px; margin-left: -44px; z-index: 101; width: auto; height: 20px; padding: 3px 8px; border-radius: 20px; }
.slider-wrap .flex-control-nav li { margin: 0 5px!important; display: inline-block; zoom: 1; *display: inline;}
.slider-wrap .flex-control-paging li a { width: 12px; height: 12px; display: block; background: rgba(255,255,255,.7);cursor: pointer; text-indent: -9999px; border-radius: 50%;}
.slider-wrap .flex-control-paging li a:hover { background-color: #fff; }
.slider-wrap .flex-control-paging li a.flex-active { background-color: #e60012; cursor: pointer; }

.shop-attribute{width:1200px;height: 216px;border-radius: 12px; margin-top: 20px;position: relative;}
.attr-pic{position: absolute;left:0;top:0;width: 1200px;height: 216px;z-index: 0;}
.attr-text{position: absolute;left:28px;top:42px;z-index: 100;width: 1200px;}
.shop-toplogo{width: 133px;height: 133px;border-radius: 4px;}

.floor-pro-wrap{float:left;width: 1200px;height: 293px;overflow: hidden;margin-bottom: 20px}
.shop-content{margin-top: 20px;}
.shop-content .nav-tabs>li.active>a{color: #007A37;border: 0;background: #fff;border-radius: 10px 10px 0 0;}
.shop-content .nav-tabs>li>a{color: #333;font-size: 16px;height:50px;line-height: 30px;font-weight: 600;min-width: 120px;text-align: center;}
.shop-content .nav-tabs>li>a{margin: 0;border:0;}
.shop-content .nav-tabs>li>a:hover{background: #fff;border-radius: 10px 10px 0 0;}
.shop-content .nav-tabs{border-bottom: 0;height: 50px;background: #E4E7E8;border-radius: 10px 10px 0 0;}

.shop-banner{margin-top: 10px;width: 1200px;height: 400px;}
.shop-banner>img{width: 100%;height: 400px;display: block;}
.title-more{float: right;font-size: 13px;color: #9FA09F;}
.title-more>a:hover{color: #fff!important;text-decoration: none;}
.floor-title{height: 40px;line-height: 40px;margin-bottom: 10px;}

.shop-floorpro{margin-top: 30px;overflow: hidden;}
.shop-floorpro dl{background: #fff;width: 228px;height: 293px;float:left;margin:0 15px 15px 0;padding: 42px 25px 30px 25px;}
.shop-floorpro dl:nth-of-type(5n){margin-right: 0;}
.shop-floorpro dl dt{width: 150px;text-align: center;margin: 0 auto;display: table;overflow: hidden;}
.shop-floorpro dl dt a{display: table-cell;width: 150px;height:150px;}
.shop-floorpro dl dt a>img{max-width: 150px;max-height: 150px;display: block;transition: all 0.6s;}
.shop-floorpro dl dt a>img:hover{transform: scale(1.1);}
.shop-floorpro dl dd{text-align: center;margin-top: 20px;}
.shop-floorpro dl dd a{color: #333;}

.shopfloor-pro-wrap{width: 1200px;}
.shopfloor{position: relative;}
.shopfloor-pro{overflow: hidden;}
.shopfloor-pro dl {position: relative;float: left;width: 232px; height: 270px;background: #fff;text-align: center;margin:0 10px 10px 0;}
.shopfloor-pro dl:nth-of-type(5n){margin-right: 0;}
.shopfloor-pro dl dt { display: table; width: 150px; height: 150px; margin: 20px 39px 10px 39px; overflow: hidden;}
.shopfloor-pro dl dt a { display: table-cell; vertical-align: middle; text-align: center; width: 150px; height: 150px;}
.shopfloor-pro dl dt a img { vertical-align: middle; max-width: 150px; max-height: 150px; transition: all 0.6s;}
.shopfloor-pro dl dt a img:hover { transform: scale(1.1);}
.shopfloor-pro dl dd{padding:0 15px;text-align: left;}
.shopfloor-pro dl dd h3 a{color: #333;}
.proname{
    width: 178px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.proname a{
    width: 178px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.shop-goods .goods-title{display: block;background: #fff;width: 1200px;padding: 0 45px 0 0;font-size:14px;}
.shop-goods .goods-title .list {position: relative; z-index: 1; float: left; width: 1200px;  zoom: 1;font-size:16px;margin-bottom: 15px}
.shop-goods .goods-title .list .row-hd { display: inline; float: left; width: 120px; line-height: 20px; padding: 10px 5px 10px 20px; }
.shop-goods .goods-title .list .row-bd { padding: 4px 60px 0 5px; height: 40px; overflow: hidden; background: #fff; }
.shop-goods .goods-title .list .row-bd ul li { float: left;line-height: 32px;padding: 0 40px; color: #666; position: relative;font-size: 16px;cursor: pointer;}
.shop-goods .goods-title .list .row-bd ul li.active {color: #E60012; text-decoration: none;}
.shop-goods .goods-title .list .more { position: absolute; right: 17px; top: 7px; line-height: 20px; color: #999; }
.shop-goods .goods-title .list .more a { font-size: 14px; color: #999; text-decoration: none; }
.shop-goods .goods-title .list .more a span { display: inline-block; vertical-align: middle; cursor: pointer; }
.shop-goods .goods-title .list .height-auto { height: auto; }



.product-list{margin-top: 20px;}
.product-list dl {position: relative;float: left;background: #fff;width: 236px;height: 348px;padding: 30px 20px;margin:0 5px 5px 0;}
.product-list dl dt { display: table; width: 174px; height: 174px; overflow: hidden;margin: 0 auto;}
.product-list dl dt a { display: table-cell; vertical-align: middle; text-align: center; width: 174px; height: 174px;}
.product-list dl dt a img { vertical-align: middle; max-width:174px; max-height: 174px; transition: all 0.6s;}
.product-list dl dt a img:hover { transform: scale(1.2);}
.product-list dl dd a{color: #333;font-size: 14px;}
.product-list dl dd a:hover{color: #33ad12;}
.product-list dl:nth-of-type(5n){margin-right: 0;}
.goods-search{width: 363px;height: 34px;float: right;margin-top: -56px;text-align: right;padding-right: 20px;}
.goods-inp{background: #fff;border-radius: 4px 0 0 4px;width:268px;height: 34px;line-height: 32px;border:1px solid #CACDCE;border-right:0;padding: 0 10px;font-size: 14px;float: left;}
.goods-btn{background: #007A37;color: #fff;font-size: 14px;width: 75px;height:34px;text-align: center;border-radius: 0 4px 4px 0;}
.c-555{color: #555;}
.shop-explain{text-indent: 2em;font-size: 14px;color: #555;line-height: 26px;margin-top: 10px;}
.follow-btn{border:1px solid #007A37;color:#007A37;width: 80px;height: 32px;line-height: 30px;border-radius: 4px;background: transparent;font-size: 14px;}
.follow-btn:hover{background: #3fac75;color: #fff;}
.follow-text{margin-top: 50px;}

/*===============================================
   notice detail
================================================= */
.bg-fbf{background: #fbfeff;border-bottom: 1px solid #DEDFE1;padding-bottom: 40px;}
.notice-main{overflow: hidden;margin: 20px 0px;}
.notice-con{width: 900px;border: 1px solid #eee;float: left;border-radius: 6px;padding:15px 20px;min-height: 913px;background: #fff;}
.notice-con .pro-jt{position: relative;top: 14px}
.notice-detail{margin-top: 30px;font-size: 13px;}
.notice-detail p{line-height: 30px!important;font-size: 14px;}
.notice-detail img{max-width: 100%;border-radius: 10px;}
.notice-detail .notice-text{font-size: 14px; color: #333;line-height: 28px;text-indent: 2em;}
.notice-info{width:280px;border: 1px solid #eee;float: right;border-radius: 6px;padding: 30px 25px;min-height: 360px;background: #fff;}
.notice-info ul li{line-height: 36px;color: #5A5D5A;font-size: 13px;}
.notice-info ul li .dot{width: 4px;height: 4px;border-radius: 50%;background: #007A37;display: inline-block;margin-right: 10px;}
.notice-info ul li a{color: #333;}
.info-text{width: 123px;line-height: 22px;position: relative;}
.info-text a{font-size: 13px;color: #333;}

.infor-banner{padding-top: 5px;width: 1200px;height: 400px;position: relative;}
.infor-banner>img{height: 400px;width: 100%;display: block;}
.ban-wrap{position: absolute;left:100px;top:120px;z-index: 100;}
.ban-text{width: 144px;height: 34px;font-size: 36px;font-family: Microsoft YaHei;color: #fff;}
.ban-eng{height: 19px;font-size: 24px;font-family: Microsoft YaHei;font-weight: 400;color: #fff;margin-top: 10px;display: inline-block;}

.c-d4d{color: #d4d4d4;}
.infor-list{overflow: hidden;margin-top: 20px;}
.infor-list dl{background: #fff;float: left;width: 384px;height: 470px;margin:0 20px 20px 0px;padding:15px;border:1px solid #fff;}
.infor-list dl:hover{border-color: #3fac75;cursor: pointer;}
.infor-list dl:nth-of-type(3n){margin-right: 0;}
.infor-list dl dt{border-bottom:2px solid #EDEDED;height: 60px;position: relative;}
.infor-list dl dd{padding: 10px 0;}
.infor-list dl dd .infoPic{width: 336px;height: 236px;margin: 20px auto 0 auto;}

.infoPic a{display: inline-block;width: 336px;height: 236px;display: inline-block;}
.infoPic a img{width: 336px;height: 236px;}
.infor-title a{height: 26px;line-height:26px;font-size: 18px;font-weight: bold;color: #525252;}
.infor-more{
    background: url("../images/layout-pic.png") no-repeat;width: 29px;height: 21px;
    background-position: -91px -341px;
    display: inline-block;
    margin-top: 15px;
    position: absolute;
    right: 0px;
}
.infor-more2{
    background: url("../images/layout-pic.png") no-repeat;width: 29px;height: 21px;
    background-position: -91px -310px;
    display: inline-block;
    margin-top: 15px;
    position: absolute;
    right: 0px;
}
.infor-navline {
    position: relative;
    z-index: 1;
}
.infor-navline .search-box {
    position: absolute;
    bottom: 5px;
    right: 0;
}
.infor-navline .search-box .sup-name {
    padding: 5px 22px;
    width: 206px;
    display: inline-block;
    border-radius: 20px;
    height: 32px;
}
.infor-navline .search-box .sort-btn {
    position: absolute;
    right: 15px;
    top: 8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/serch-icon.png) no-repeat center center;
}
.cat-paginator{margin-right: 20px;}
.cat-paginator>span{margin-top: 17px;}

/*===============================================
   info list
================================================= */
.infor-con li{border-bottom: 1px solid #eee;height: 50px;line-height: 50px;}