.icon-box {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.icon-box img {
  width: 100%;
  height: 100%;
}
.swiper-pagination {
  bottom: 20px !important;
}
.theme-color {
  color: #ffd300;
  margin-right: 2px;
}
.nav-contianer {
  background-color: #f5f5f5;
  padding: 15px 0;
  color: #989898;
  width: 100%;
  min-width: 1200px;
}
.nav-contianer .nav-box .nav-box-l {
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav-contianer .nav-box .nav-box-r ul li {
  float: left;
  margin: 0 10px;
}
.nav-contianer .nav-box .nav-box-r ul li a:hover {
  color: #599c3b;
}
.nav-contianer .nav-box .nav-box-r ul li.attention-li a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-container {
  width: 100%;
  min-width: 1200px;
  margin-top: 50px;
}
.header-container .search-box {
  margin: 10px 20px 0 160px;
}
.header-container .search-box form {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-container .search-box form .select-box {
  border: 2px solid #ffd300;
  height: 30px;
  line-height: 30px;
  color: #989898;
}
.header-container .search-box form .search-input {
  border: 2px solid #ffd300;
  height: 30px;
  width: 235px;
  padding: 0!important;
  padding-left: 10px;
  color: #989898;
}
.header-container .search-box form .button-box {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffd300;
  color: #fff;
  height: 34px;
  padding: 0 15px;
}
.header-container .header-box-r {
  margin-top: 10px;
}
.header-container .header-box-r .header-box-r-item {
  background: #efeaea;
  text-align: center;
  height: 35px;
  line-height: 35px;
  float: left;
  margin-right: 10px;
  color: #666;
  padding: 0 5px;
}
.header-container .header-box-r .header-box-r-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.header-container .header-box-r .header-box-r-item a .icon-box {
  margin-top: -12px;
}
.header-container .header-box-r .member {
  background: linear-gradient(-90deg, #f1d269 0%, #fcebac 100%);
}
.index-cat-container {
  width: 100%;
  min-width: 1200px;
  background: #f3d675;
  color: #000;
  margin-top: 30px;
  font-size: 16px;
}
.index-cat-container .index-cat-top {
  height: 50px;
  line-height: 50px;
}
.index-cat-container .index-cat-top ul.index-cat-list li:first-child {
  padding: 0;
}
.index-cat-container .index-cat-top ul.index-cat-list li.sort {
  background: #ffd300;
  width: 185px;
  text-align: center;
  position: relative;
}
.index-cat-container .index-cat-top ul.index-cat-list li.sort ul.index-cat-content-list-ul {
  width: 255px;
  position: absolute;
  left: 0;
  color: #666;
  z-index: 9999;
  background: #fff;
}
.index-cat-container .index-cat-top ul.index-cat-list li.sort ul.index-cat-content-list-ul li.index-cat-content-item:hover {
  background: #ccc;
}
.index-cat-container .index-cat-top ul.index-cat-list li.sort ul.index-cat-content-list-ul li.index-cat-content-item:hover .index-cat-content-item-hvr {
  display: block;
}
.index-cat-container .index-cat-top ul.index-cat-list li.sort ul.index-cat-content-list-ul li.index-cat-content-item {
  height: 55px;
  line-height: 55px;
  margin-bottom: 10px;
  padding: 0 20px;
}
.index-cat-container .index-cat-top ul.index-cat-list li.sort ul.index-cat-content-list-ul li.index-cat-content-item a span {
  font-size: 18px;
  margin: 0 15px;
}
.index-cat-container .index-cat-top ul.index-cat-list li.sort ul.index-cat-content-list-ul li.index-cat-content-item .index-cat-content-item-hvr {
  display: none;
  background: #f4f4f4cc;
  position: absolute;
  left: 255px;
  top: 0;
  width: 300px;
  height: 520px;
}
.index-cat-container .index-cat-top ul.index-cat-list li.sort ul.index-cat-content-list-ul li.index-cat-content-item .index-cat-content-item-hvr ul li {
  height: 30px;
  line-height: 30px;
  margin: 10px 0;
  color: #666;
  font-size: 14px;
}
.index-cat-container .index-cat-top ul.index-cat-list li.sort ul.index-cat-content-list-ul li.index-cat-content-item .index-cat-content-item-hvr ul li:hover {
  color: #599c3b;
}
.index-cat-container .index-cat-top ul.index-cat-list li.index-cat-item {
  float: left;
  padding: 0 35px;
}
.index-cat-container .index-cat-top ul.index-cat-list li.add-hot {
  position: relative;
}
.index-cat-container .index-cat-top ul.index-cat-list li.add-hot .hot-icon {
  position: absolute;
  background: url(../image/icon5.png) no-repeat;
  width: 46px;
  height: 27px;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  top: -10px;
  left: 50%;
}
.index-cat-container .index-cat-content {
  width: 100%;
  min-width: 1200px;
  height: 524px;
  overflow: hidden;
  position: relative;
}
.index-cat-container .index-cat-content .swiper-container {
  width: 100%;
  height: 100%;
}
.index-cat-container .index-cat-content .swiper-container img {
  width: 100%;
  height: 100%;
}
.accordion-container {
  width: 1200px;
  height: 300px;
  margin: auto;
  overflow: hidden;
}
.accordion-container ul li {
  width: 100px;
  height: 300px;
  float: left;
}
.accordion-container ul li img {
  border: none;
  height: 300px;
  width: 960px;
}
.index-product-container {
  margin-top: 65px;
}
.index-product-container .index-product .product-title {
  border-bottom: 2px solid #ffd300;
  padding-bottom: 3px;
}
.index-product-container .index-product .product-title .product-title-l {
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-product-container .index-product .product-title .product-title-l span {
  font-size: 24px;
}
.index-product-container .index-product .product-title .product-title-r a {
  display: block;
  background: #ffd300;
  color: #fff;
  height: 35px;
  line-height: 35px;
  width: 120px;
  text-align: center;
  border-radius: 5px;
  font-size: 20px;
}
.index-product-floor-container {
  margin-top: 60px;
}
.index-product-floor-container .index-product-floor-title {
  height: 53px;
  line-height: 53px;
  background: url(../image/pic3.png);
  text-align: center;
}
.index-product-floor-container .index-product-floor-title p {
  font-size: 24px;
  color: #ffd300;
}
.product-box {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.product-box .product-item .product-box-top:hover p {
  display: block;
}
.product-box .product-item .product-box-top:hover img {
  transform: scale(1.2);
}
.product-box .product-item .product-box-top {
  background: #ffd300;
  width: 270px;
  height: 270px;
  position: relative;
  overflow: hidden;
}
.product-box .product-item .product-box-top .product-img-box {
  width: 261px;
  height: 261px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product-box .product-item .product-box-top .product-img-box img {
  width: 100%;
  height: 100%;
  transition: all 1s linear;
}
.product-box .product-item .product-box-top p {
  display: none;
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  bottom: 0;
  left: 0;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-box .product-item .product-box-content {
  margin-top: 20px;
  width: 270px;
}
.product-box .product-item .product-box-content .product-box-content p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #989898;
}
.product-box .product-item .product-box-content .product-box-content .product-box-lr .product-box-l p .now-price {
  color: #ffd300;
}
.product-box .product-item .product-box-content .product-box-content .product-box-lr .product-box-l p .old-price {
  margin-left: 10px;
  text-decoration: line-through;
}
.product-box .product-item .product-box-content .product-box-content .product-box-lr .product-box-r {
  border-radius: 50%;
  border: 1px solid #ffd300;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  cursor: pointer;
}
.product-box .product-item .product-box-content .product-box-content .product-box-lr .product-box-r a img{
    width:21px;
    height: 21px;
}
.footer-container {
  width: 100%;
  min-width: 1200px;
  background: #f4f4f4;
  margin-top: 110px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
  overflow: hidden;
}
.footer-container .footer .other-service {
  margin-top: 30px;
}
.footer-container .footer .other-service ul li:first-child {
  border-left: 1px solid #599c3b;
}
.footer-container .footer .other-service ul li {
  float: left;
  width: 16%;
  text-align: center;
  border-right: 1px solid #ffd300;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10px 0;
}
.footer-container .footer .other-service ul li .icon-box {
  width: 44px;
  height: 44px;
}
.footer-container .footer .other-service ul li p {
  margin-top: 10px;
  font-size: 24px;
  font-weight: 600;
}
.footer-box-container {
  width: 100%;
  min-width: 1200px;
  background: #f4f4f4;
}
.footer-box-container .footer-box {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.footer-box-container .footer-box .footer-logo-img {
  width: 268px;
  height: 55px;
}
.footer-box-container .footer-box .footer-logo-img img {
  width: 100%;
  height: 100%;
}
.footer-box-container .footer-box .rq-code-box .rq-code-img {
  margin-right: 15px;
}
.footer-box-container .footer-box .service-phone p:first-child {
  color: #666;
}
.footer-box-container .footer-box .service-phone .phone {
  font-size: 40px;
  color: #ffd300;
}
.footer-box-container .footer-list {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  color: #666;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.footer-box-container .footer-list .footer-item p {
  font-size: 26px;
  margin-bottom: 20px;
}
.footer-box-container .footer-list .footer-item ul li {
  margin-bottom: 15px;
  text-align: center;
}
.footer-box-container .footer-list .footer-item ul li a:hover {
  color: #599c3b;
}
.footer-box-container .end-box {
  margin-top: 35px;
  text-align: center;
}
.footer-box-container .end-box p:first-child {
  color: #666;
  font-size: 14px;
}
.footer-box-container .end-box p:nth-child(2) {
  color: #ccc;
  font-size: 12px;
}