/* home */
.shop-info{ width: 100%; }
.shop-info img{ width: 100%; height: auto; }
.home-hot-goods{ height: 570px; padding: 120px 0; background: #fff; }
.home-hot-title{ height: 49px; margin-bottom: 30px; background: url(../images/hot-title.png) no-repeat center top; background-size: auto 100%; }
.home-hot-type{ margin-bottom: 70px; text-align: center; }
.home-hot-type-item{ display: inline-block; width: 100px; padding-top: 100px; font-size: 20px; line-height: 40px; text-align: center; color: #af8a4a; cursor: pointer; }
.home-hot-type-item1{ background: url(../images/home/hot-icon1.png) no-repeat center top; background-size: 70px 70px; }
.home-hot-type-item1.hover{ background: url(../images/home/hot-icon1-1.png) no-repeat center top; background-size: 70px 70px; }
.home-hot-type-item2{ background: url(../images/home/hot-icon2.png) no-repeat center top; background-size: 70px 70px; }
.home-hot-type-item2.hover{ background: url(../images/home/hot-icon2-1.png) no-repeat center top; background-size: 70px 70px; }
.home-hot-type-item3{ background: url(../images/home/hot-icon3.png) no-repeat center top; background-size: 70px 70px; }
.home-hot-type-item3.hover{ background: url(../images/home/hot-icon3-1.png) no-repeat center top; background-size: 70px 70px; }
.home-hot-type-item4{ background: url(../images/home/hot-icon7.png) no-repeat center top; background-size: 70px 70px; }
.home-hot-type-item4.hover{ background: url(../images/home/hot-icon7-1.png) no-repeat center top; background-size: 70px 70px; }
.home-hot-type-item5{ background: url(../images/home/hot-icon6.png) no-repeat center top; background-size: 70px 70px; }
.home-hot-type-item5.hover{ background: url(../images/home/hot-icon6-1.png) no-repeat center top; background-size: 70px 70px; }
.home-hot-view{ width: 100%; height: 300px; overflow: hidden; }
.home-hot-swiper{ width: 100%; height: 100%; }

.home-hot-goods-name{ font-size: 18px; line-height: 40px; text-align: center; color: #222222; }
.home-hot-list-swiper .swiper-slide{ text-align: center; }
.home-hot-goods-img{ display: inline-block; vertical-align: middle; width: 100%; height: 240px; padding: 0 40px; line-height: 240px; text-align: center; box-sizing: border-box; }
.home-hot-list-swiper .swiper-slide img{ vertical-align: middle; max-width: 100%; }
/* .home-hot-list-swiper .swiper-button-next.swiper-button-disabled, .home-hot-list-swiper .swiper-button-prev.swiper-button-disabled{ opacity: 0; } */
.home-hot-list-swiper .swiper-button-prev{ left: 0px; width: 34px; height: 65px; margin-top: -32px; background: url(../images/home/hot-left.png) no-repeat left center; background-size: 100% 100%; }
.home-hot-list-swiper .swiper-button-next{ right: 0px; width: 34px; height: 65px; margin-top: -32px; background: url(../images/home/hot-right.png) no-repeat left center; background-size: 100% 100%; }

.home-information{ width: 100%; padding: 60px 0; height: 44px; }
.home-information-title{ float: left; width: 58px; height: 44px; margin-right: 40px; background: url(../images/information.png) no-repeat left top; background-size: 58px 44px; }
.home-information-content{ float: left; width: 1000px; height: 44px; }
.home-information-more{ float: right; width: 44px; height: 44px; background: url(../images/more.png) no-repeat center center; background-size: 38px 38px; cursor: pointer; }
.home-information-item{ line-height: 44px; font-size: 18px; color: #222222; }
.home-information-item i{ margin-left: 10px; font-size: 16px; font-style: normal; color: #af8a4a; }

.home-menu{margin-top:60px;}
.home-menu-title{ height: 49px; margin-bottom: 37px; background: url(../images/menu.png) no-repeat center top; background-size: auto 100%; }
.home-menu-list{ width: 1200px; font-size: 0px; overflow: hidden; }
.home-menu-item{ display: inline-block; width: 370px; height: 370px; margin-right: 30px; margin-bottom: 30px; }
.home-menu-item img{ width: 100%; height: 100%; }

.home-map-info{ width: 100%; height: 382px; margin-bottom: 80px; overflow: hidden; }
.home-map-info img{ width: 100%; height: 100%; }


/* menu */
.menu-wrapper{ padding-top: 100px; overflow: hidden; }
.menu-list{ font-size: 0px; width: 1200px; padding-bottom: 60px; }
.menu-item{ display: inline-block; vertical-align: top; width: 370px; margin-right: 30px; margin-bottom: 30px; }
.menu-item-img{ width: 370px; height: 245px; margin-bottom: 30px; }
.menu-item-title{ font-size: 22px; color: #000000; }
.menu-item-text{ margin-top: 15px; font-size: 16px; color: #929292; line-height: 24px; }
.menu-list-title{ width: 100%; height: 61px; margin-bottom: 90px; }
.menu-list-title img{ width: 100%; height: 100%; }

/* hotgoods */
.hotgoods-list{ padding-top: 100px; }
.hotgoods-item{ text-align: center; margin-bottom: 180px; }
.hotgoods-item img{ width: auto; height: 408px; }

/* banner */
.banner-wrapper{ text-align: center; padding-top: 100px; }
.banner-wrapper img{ max-width: 100%; margin-bottom: 100px; }
.banner-wrapper img.banner-wrapper-no{ margin-bottom: 0px; }

/* story */
.story-wrapper{ padding-top: 100px; }
.story-item{ margin-bottom: 80px; text-align: center; }
.story-bg{ position: relative; z-index: 1; }
.story-bg .story-item{ position: relative; z-index: 2; margin-bottom: 0; }
.story-bg-item{ position: absolute; top: 25px; left: 0; width: 100%; height: 1160px; background: #e5e5e9; z-index: 1; }

/* product */
.product-wrapper{ padding-top: 100px; }
.product-item{ margin-bottom: 80px; text-align: center; }
.product-item-width{ width: 100%; }

/* system */
.system-wrapper{ padding-top: 100px; }
.system-item{ margin-bottom: 80px; text-align: center; }
.system-item-width{ width: 100%; }
.system-item-bg{ padding: 130px 0 20px; background: #d61f2c; }

/* member */
.member-header{ position: relative; height: 948px; }
.member-header-bg{ position: absolute; top: 0; left: 50%; z-index: 1; width: 1920px; height: 948px; margin-left: -960px; }
.member-logo{ position: absolute; top: 60px; left: 50%; z-index: 2; width: 115px; height: 143px; margin-left: -555px; }
.member-content{ position: absolute; top: 110px; left: 50%; z-index: 2; width: 482px; height: 692px; margin-left: -241px; }

/* article */
.article-wrapper{ padding: 100px 0; }
.article-item{ margin-bottom: 60px; }
.article-item, .article-item a{ font-size: 0px; }
.article-datetime{ display: inline-block; vertical-align: top; width: 160px; }
.article-img{ display: inline-block; vertical-align: top; width: 300px; height: 170px; }
.article-img img{width:299px; height:169px; }
.article-info{ display: inline-block; vertical-align: top; padding: 30px 30px 0 60px; width: 620px; }
.article-date{ padding: 30px 0 0 30px; font-size: 24px; color: #000000; }
.article-year{ padding: 10px 0 0 50px; font-size: 16px; color: #929292; }
.article-title{ font-size: 20px; color: #000000; word-break: break-all; word-wrap: break-word;}
.article-text{ font-size: 16px; line-height: 26px; color: #929292; margin-top: 20px; word-break: break-all; word-wrap: break-word; }
.article-ft{ margin-top: 13px; height: 26px; background: url(../images/article-gt.png) no-repeat right center; background-size: 26px 26px; }

/* article-detail */
.article-detail{ margin-bottom: 50px; }
.article-detail-title{ font-size: 24px; color: #000000; text-align: center; margin-bottom: 50px; word-break: break-all; word-wrap: break-word; }
.article-detail-text{ font-size: 16px; color: #333; word-break: break-all; word-wrap: break-word; line-height:1.8; }
.article-detail-text p{margin-bottom:20px;}
.article-jump{ height: 26px; }
.article-prev{ float: left; line-height: 26px; font-size: 16px; color: #000000; padding-left: 36px; background: url(../images/article-lt.png) no-repeat left center; background-size: 26px 26px; }
.article-next{ float: right; line-height: 26px; font-size: 16px; color: #000000; padding-right: 36px; background: url(../images/article-gt.png) no-repeat right center; background-size: 26px 26px; }

/* article-pages */
.article-pages{ height: 30px; text-align: center; font-size: 0px; }
/* .article-page-item{ display: inline-block; vertical-align: top; width: 30px; margin-right: 15px; line-height: 30px; text-align: center; font-size: 18px; color: #fff; background: #d61f2c; }
.article-page-item.current{ background: #fff; color: #000000; }
.article-pages span{ line-height: 30px; font-size: 20px; color: #000000; } */
/* 修改page */
.article-pages a{ display: inline-block; vertical-align: top; min-width: 20px; padding:0 5px; margin-right: 15px; line-height: 30px; text-align: center; font-size: 18px; color: #fff; background: #d61f2c; }
.article-pages span{ background: #fff; color: #000000; width: 30px; margin-right: 15px; font-size: 18px;}
.article-pages p{ line-height: 30px; font-size: 20px; color: #000000; display: inline-block;}

/* business */
.business-wrapper{ padding-top: 100px; }
.business-item{ margin-bottom: 80px; text-align: center; }
.business-bg{ position: relative; z-index: 1; padding-bottom: 110px; margin-bottom: 80px; }
.business-bg .business-item{ position: relative; z-index: 2; margin-bottom: 0; }
.business-bg-item{ position: absolute; bottom: 0px; left: 0; width: 100%; height: 710px; background: #f8db4a; z-index: 1; }

/* join */
.join-wrapper{ padding-top: 100px; }
.join-banner1{ position: relative; margin-bottom: 130px; text-align:center}
/*.join-banner1 img{ position: absolute; top: 0px; left: 50%; z-index: 1; width: 1545px; height: 736px; margin-left: -960px; }*/
.join-banner1 img{}

.join-welfare{ padding: 100px 0; background: #d61f2c; }
.join-welfare-list{ font-size: 0px; text-align: center; }
.join-welfare-item{ display: inline-block; vertical-align: top; margin-right:90px; width: 100px; }
.join-welfare-list .join-welfare-item:last-child{ margin-right: 0px; }
.join-welfare-item img{ width: auto; height: 91px; }
.join-welfare-item p{ margin-top: 30px; font-size: 14px; color: #ffffff; }

.join-info{ background: #f7f7f9; padding: 50px 0; }
.join-group-title{ padding: 50px 0; font-size: 30px; color: #000000; text-align: center; }
.join-group-box{ overflow: hidden; width: 1140px; margin: 0 auto; }
.join-group{ width: 1180px; font-size: 0px; }
.join-group-item{ display: inline-block; vertical-align: top; width: 548px; margin: 0 40px 50px 0; border: 1px solid #d61f2c; }
.join-group-item-s{ width: 1138px; }

.join-group-item-title{ line-height: 40px; font-size: 18px; color: #fff; background: #d61f2c; padding-left: 30px; }
.join-group-item-content{ padding: 0 30px 30px; color: #000000; font-size: 14px; line-height: 22px; word-break: break-all; word-wrap: break-word; }
.join-group-item-btn{ padding: 0 20px 20px 0; text-align: right; }
.join-group-item-btn a{ display: inline-block; vertical-align: top; padding: 0 20px; border-radius: 25px; line-height: 50px; font-size: 18px; color: #fff; background: #d61f2c; }
.join-group-item-content h6{ font-size: 16px; margin: 30px 0 0; padding: 0px; }

/* join-form */
.join-form{ padding: 0 100px; }
.join-row{ font-size: 0px; margin-bottom: 30px; }
.join-col{ display: inline-block; vertical-align: top; margin-right: 60px; }
.join-form-name{ font-size: 24px; color: #222222; margin-bottom: 20px; }
.join-form-name span{ color: #d61f2c; }

.join-label{ font-size: 20px; color: #222222; margin-bottom: 20px; }



.join-input-radio{ display: none; width: 24px; height: 24px; vertical-align: middle; background: #fff; border: 1px solid #222222; margin: -5px 3px 0 5px; }
.join-input-text{ width: 378px; border: 1px solid #222222; line-height: 58px; border-radius: 5px; font-size: 20px; color: #222222; padding: 0 10px; }
.join-input-text::-webkit-input-placeholder{ color: #222222; }
.join-input-select{ width: 378px; border: 1px solid #222222; height: 58px; border-radius: 5px; font-size: 20px; color: #222222; padding: 0 10px; }


.join-label-title{ display: inline-block; line-height: 58px; }
.join-label-radio span{ padding-left: 40px; background: url(../images/icon-radio.png) no-repeat left center; background-size: 24px 24px; margin-right: 10px; }
.join-label-radio span.checked{ background: url(../images/icon-radio-ok.png) no-repeat left center; background-size: 24px 24px; }
.join-label-radio label{ display: inline-block; margin-right: 40px; margin-bottom: 20px; }
.join-label-select-item{ display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 20px; }
.join-label.join-label-radio, .join-label.join-label-select{ margin-bottom: 0px; }
.join-label-datetime{ cursor: default; padding-left: 60px; background: url(../images/icon-date.png) no-repeat 15px center; background-size: 26px 29px; }

.join-form-prompt{ font-size: 20px; color: #d61f2c; }
.join-form-submit{ display: inline-block; vertical-align: top; font-size: 18px; width: 150px; line-height: 50px; border-radius: 25px; text-align: center; color: #fff; background: #d61f2c; cursor: pointer; }

/* store */
.store-wrapper{ padding: 80px 0; }
.store-filter .join-input-text, .store-filter .join-input-select{ width: 250px; }
.store-list{ padding: 50px; }
.store-item{ border-top: 1px solid #b5b5b5; padding: 20px 0; }
.store-item-name{ padding-left: 40px; color: #3a3a3a; font-size: 24px; line-height: 36px; background: url(../images/icon-home.png) no-repeat 7px center; background-size: 25px 21px; }
.store-item-addr{ padding-left: 40px; color: #5a5a5a; font-size: 20px; line-height: 36px; background: url(../images/icon-addr.png) no-repeat 11px center; background-size: 17px 24px; }
.store-map-wrapper{ position: absolute; top: 0; left: 50%; z-index: 1; width: 1920px; height: 696px; margin-left: -960px; overflow: hidden; background: url(../images/store/store-bg.jpg) no-repeat center center; background-size: 100% 100%; }
.store-map{ width: 100%; height: 100%; overflow: hidden; }