@charset "UTF-8";

.d-page .product {padding-bottom: 50px;}
.d-page .product .in_title {padding-bottom: 40px;}
.d-page .product .tab {padding-bottom: 40px;text-align: center;}
.d-page .product .tab a {position: relative;display: inline-block;font-size: 16px;line-height: 38px;text-align: center;padding: 0 18px;margin: 0 10px;border: 1px solid #e3e3e3;background: #fff;transition: all .5s;}
.d-page .product .tab a:hover {color: #fff;border-color: #1abc9e;background: #1abc9e;}
.d-page .product ul li {float: left;width: 25%;width: -moz-calc(25% - 20px);width: -webkit-calc(25% - 20px);width: calc(25% - 20px);margin:0 10px;margin-bottom: 20px;background: #fff;text-align: center;transition: all .5s;}
.d-page .product ul li .img {width: 100%;width: -moz-calc(100% - 20px);width: -webkit-calc(100% - 20px);width: calc(100% - 20px); padding-top: 75%;position: relative;overflow: hidden;}
.d-page .product ul li .img .bg {position: absolute;left: 0;top: 0;width: 100%;z-index: 2;height: 100%;background-size: cover;}
.d-page .product ul li .img .bg .txt {position: absolute;right: 12px;bottom: 0;width: 250px;height: 48px;padding-top: 5px;padding-left: 13px;text-align: left;color: #5d4710;line-height: 18px;box-sizing: border-box;}
.d-page .product ul li .img .bg .txt p {}
.d-page .product ul li .img .bg .txt span {display: block;font-weight: bold;}
.d-page .product ul li .img img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
.d-page .product ul li .tit p {color: #333;font-size: 20px;line-height: 64px;border-bottom: 1px solid #eee;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.d-page .product ul li .tit span {display: block;line-height: 50px;transition: all .5s;}
/*.d-page .product ul li:hover{background: #9e1d2a;}*/
.d-page .product ul li:hover .img img {transform: scale(1.1);}
.d-page .product ul li:hover .tit p{ color: #9e1d2a;}
.d-page .product ul li:hover .tit span{ color: #fff; background: #9e1d2a;}
.d-page .product ul li:hover {box-shadow: 0px 0px 20px #aaa;}
.d-page .product .more {margin-top: 35px;}
.d-page .product .more a {display: block;margin: auto;width: 250px;background: #fff;border: 1px solid #ccc;text-align: center;line-height: 48px;}
.d-page .product .more a:hover {color: #fff;background: #1abc9e;border-color: #1abc9e;}

.d-page .product{ margin-top: 0;}
.d-page .product .tab a{ font-size: 18px;}
.d-page .product .tab a:hover, .d-page .product .tab a:first-child{ background: #fff; color: #9e1d2a; border-color:#9e1d2a;/* font-weight: bold;*/}
.d-page .product ul li .img{width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); margin: 10px 10px 0 10px;}
.d-page .product ul li .tit span{ font-size: 16px; color: #9e1d2a;}
.d-page .product .more a{ font-size: 18px; color:#9e1d2a; border-color: #dbdbdb; }
.d-page .product .more a:hover{color: #fff; background: #9e1d2a; border-color: #9e1d2a;}