.product-banner{width: 100%;height: 543px;background-color: #6BBA2D;object-fit: cover;min-width: 1200px;}

.container .title{width: 1200px;height: 225px;background-color: #6BBA2D;margin: 0 auto;}
.container .title img{width: 296px;height: 64px;margin:0 auto;display: block;margin-top: 32px;}
.article{position: relative;width: 100%;background-color: #6BBA2D;min-width: 1200px;}
.container .mnav{width: 885px;height: 130px;padding-top: 10px;margin: 0 auto;box-sizing: border-box;border-radius: 10px;position: absolute;background-color: #fff;border:solid 2px #6BBA2D;left: 50%;margin-left: -440px;bottom: -65px;display: flex;justify-content: center;align-items: center;justify-content: space-around;display: flex;padding-left: 10px;padding-right: 10px;}
.container .mnav .mnav-item{width: 80px;text-align: center;}
.container .mnav .mnav-item .icon img{width: 28px !important;height: 31px !important;display: block; margin: 0 auto;}

.container .mnav .mnav-item h5{font-size: 13px;color: #000000;font-weight: 500;margin-top: 15px;box-sizing: border-box;}
.container .mnav .mnav-item h5::after{content: "";display: block;width: 59px;height: 4px;background-color: #fff;margin:0 auto;margin-top: 18px;}
.container .mnav .mnav-item.active h5{color: #f00;}
.container .mnav .mnav-item.active img{color: #f00;filter: hue-rotate(260deg);}
.container .mnav .mnav-item.active h5::after{background-color: #f00;}

.clearfix{clear: both;}

.container .main{width: 880px;margin: 90px auto 50px auto;}
.container .main h5{font-size: 15px;font-weight: bold;color: #000000;}
.container .main h5 i{width: 14px;height: 13px;margin-left: 8px;margin-right: 8px;background: url(/templates/images/jiantou.png) no-repeat center;display: inline-block;}
.container .main h5 .current{color: #6BBA2D;}
.container .main .content{width: 880px;margin-top: 34px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.container .main .content .item{width: 204px;margin-bottom: 26px;height: 263px;border-radius: 6px;box-sizing: border-box;border:solid 2px #6BBA2D;}
.container .main .content .item img{width: 100%;height: 100%;object-fit: cover;border-radius: 5px;display: block;}
.container .main .content .item h6{width: 100%;font-size: 17px;text-align: center;margin-top: 10px;}

.container .main .content .item .box{width: 184px;height: 204px;overflow: hidden;border-radius: 5px;margin: 0 auto;display: block;margin-top: 11px;}
.container .main .content .item img {transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.container .main .content .item:hover img {transform: scale(1.3);-moz-transform: scale(1.3);-webkit-transform: scale(1.3);}


/*翻页*/
.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  }
.page{text-align:center;margin:60px 0}
.page a,.page span{border-radius:3px;border:1px solid #ebebeb;padding:8px 15px;background-color: #ffffff;margin: 0 3px;}
.page span.layui-laypage-curr,.page a:hover,.page span:hover{background-color:#6BBA2D;color:#fff;border:1px solid #6BBA2D}