/* 鍏叡鏍囬 S */
.index-module .module-title {
position: relative;
line-height: 19px;
text-align: center;
font-size: 0;
}
.index-module .module-title:before,
.index-module .module-title:after {
position: relative;
display: inline-block;
background: no-repeat center center #f5f5f5;
width: 32px;
height: 19px;
vertical-align: top;
content: "";
z-index: 2;
}
.index-module .module-title:before {
background-image: url(../images/icon-title-left.png);
}
.index-module .module-title:after {
background-image: url(../images/icon-title-right.png);
}
.index-module .module-title span {
position: relative;
background: #f5f5f5;
display: inline-block;
padding: 0 7px;
vertical-align: top;
font-size: 18px;
color: #000;
z-index: 2;
}
.index-module .module-title hr {
position: absolute;
top: 9px;
right: 0;
left: 0;
background: #dcdcdc;
height: 1px;
margin: 0;
padding: 0;
border: 0;
}
/* 鍏叡鏍囬 S */
/* 棣栭〉浜у搧 S */
.product-module {
/*margin-bottom: 20px;*/
padding-top: 20px;
}
.product-module .module-box {
padding: 20px 0 25px;
}
.product-module .carousel-control {
top: 50%;
background: no-repeat center center !important;
background-size: contain !important;
width: 30px;
height: 46px;
margin-top: -18px;
}
.product-module .carousel-control.left {
left: -35px;
background-image: url(../images/icon-arrow-left.png) !important;
}
.product-module .carousel-control.right {
right: -35px;
background-image: url(../images/icon-arrow-right.png) !important;
}
.product-module .carousel-indicators {
bottom: 0;
margin-bottom: 0;
font-size: 0;
}
.product-module .carousel-indicators li {
width: 10px;
height: 10px;
margin: 0 10px;
border: 1px solid #a6e0c2;
}
.product-module .carousel-indicators li.active {
background: #a0a0a0;
border: 1px solid #a0a0a0;
}
.product-module .carousel-inner ul {
background: #f5f5f5;
margin: 0 -12px 0 0;
font-size: 0;
}
.product-module .carousel-inner li {
position: relative;
display: inline-block;
width: 241px;
height: 241px;
margin-right: 12px;
vertical-align: top;
}
/* 20190828璋冩暣 S */
/* 鍘熸潵鐨勬牱寮� */
/* .product-module .carousel-inner li img {
display: block;
width: 100%;
height: 100%;
margin: 0;
transition: marginTop 0.6s;
-moz-transition: margin 0.6s;
-webkit-transition: margin 0.6s;
-o-transition: margin 0.6s;
} */
.product-module .carousel-inner li .box {
position: relative;
margin: 0;
transition: marginTop 0.6s;
-moz-transition: margin 0.6s;
-webkit-transition: margin 0.6s;
-o-transition: margin 0.6s;
}
.product-module .carousel-inner li img {
display: block;
width: 100%;
height: 100%;
}
.product-module .carousel-inner li .name {
position: absolute;
top: 22px;
right: 0;
left: 0;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
}
/* 20190828璋冩暣 E */
.product-module .carousel-inner li .mask {
position: absolute;
bottom: -50px;
left: 0;
background: #fc7b03;
width: 100%;
line-height: 50px;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
transition: bottom 0.6s;
-moz-transition: bottom 0.6s;
-webkit-transition: bottom 0.6s;
-o-transition: bottom 0.6s;
}
.product-module .carousel-inner li:hover .mask {
bottom: 0;
}
/* 20190828璋冩暣 S */
/* .product-module .carousel-inner li:hover img {
margin-top: -45px;
} */
.product-module .carousel-inner li:hover .box {
margin-top: -45px;
}
/* 20190828璋冩暣 E */
/* 棣栭〉浜у搧 E */
/* 棣栭〉椋熷搧 S */
.food-module {
margin-bottom: 40px;
padding-top: 44px;
}
.food-module .module-box {
padding: 20px 0 0;
}
.food-module .carousel-control {
top: 50%;
background: no-repeat center center !important;
background-size: contain !important;
width: 30px;
height: 46px;
margin-top: -18px;
}
.food-module .carousel-control.left {
left: -35px;
background-image: url(../images/icon-arrow-left.png) !important;
}
.food-module .carousel-control.right {
right: -35px;
background-image: url(../images/icon-arrow-right.png) !important;
}
.food-module .carousel-indicators {
bottom: 0;
margin-bottom: 0;
font-size: 0;
}
.food-module .carousel-indicators li {
width: 10px;
height: 10px;
margin: 0 10px;
border: 1px solid #a6e0c2;
}
.food-module .carousel-indicators li.active {
background: #a0a0a0;
border: 1px solid #a0a0a0;
}
.food-module .carousel-inner {
margin: 0 -10px;
width: 1020px;
padding: 0 10px 25px;
}
.food-module .carousel-inner .item.active.left {
left: -10px;
}
.food-module .carousel-inner .item.active.right,
.food-module .carousel-inner .item.prev.right,
.food-module .carousel-inner .item.next.left {
left: 10px;
}
.food-module .carousel-inner ul {
background: #f5f5f5;
margin: 0 -14px 0 0;
font-size: 0;
}
.food-module .carousel-inner li {
position: relative;
display: inline-block;
background: #fff;
width: 324px;
/*height: 458px;*/
height: 418px;
overflow: hidden;
margin-right: 14px;
vertical-align: top;
transition: box-shadow 0.6s;
-moz-transition: box-shadow 0.6s;
-webkit-transition: box-shadow 0.6s;
-o-transition: box-shadow 0.6s;
}
.food-module .carousel-inner li .pic {
height: 100%;
overflow: hidden;
}
.food-module .carousel-inner li img {
display: block;
width: 100%;
height: 100%;
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
transition: transform 0.6s;
-moz-transition: transform 0.6s;
-webkit-transition: transform 0.6s;
-o-transition: transform 0.6s;
}
.food-module .carousel-inner li h1 {
margin: 24px 0 12px;
padding: 0 20px;
font-size: 14px;
font-weight: bold;
color: #8b8b8b;
}
.food-module .carousel-inner li p {
height: 145px;
overflow-y: scroll;
margin: 0;
padding: 0 20px;
font-size: 12px;
line-height: 1.7;
color: #8b8b8b;
}
.food-module .carousel-inner li .btn {
position: absolute;
bottom: 18px;
right: 0;
left: 0;
background: #e89b2e;
width: 120px;
height: 35px;
line-height: 35px;
margin: 0 auto;
padding: 0;
border: 0;
border-radius: 35px;
letter-spacing: 1px;
font-size: 14px;
font-weight: bold;
color: #fff;
cursor: pointer;
transition: border-radius 0.6s;
-moz-transition: border-radius 0.6s;
-webkit-transition: border-radius 0.6s;
-o-transition: border-radius 0.6s;
}
.food-module .carousel-inner li:hover {
box-shadow: 0 10px 10px rgba(0, 0, 0, .15);
}
.food-module .carousel-inner li:hover img {
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
}
.food-module .carousel-inner li:hover .btn {
border-radius: 0;
}
/* 棣栭〉椋熷搧 E */
.showcase .module-title {
margin-bottom: 20px;
}
.showcase li {
overflow: visible !important;
}
.showcase li a {
overflow: hidden;
transition: box-shadow 0.6s;
-moz-transition: box-shadow 0.6s;
-webkit-transition: box-shadow 0.6s;
-o-transition: box-shadow 0.6s;
}
.showcase li a:hover {
box-shadow: 0 10px 10px rgba(0, 0, 0, .15);
}