@charset "utf-8";

/*goods列表页*/
.goodstitleen{font-size: 50px; text-align:center;font-weight: bold;color: #fff;padding-top: 30px;}
.goodstitle{font-size: 30px; text-align:center;font-weight: bold;color: #fff}
.goodsclasslist{text-align: center;margin-top:40px;z-index: 999}
.goodsclasslist li{width:200px; text-align:center; height: 35px; line-height:35px;border:1px solid #ccc;margin-right:5px;margin-bottom: 20px;display: inline-block;position: relative;color: #fff;background: rgba(255,255,255,0.3);
}
.goodsclasslist li a{color: #fff}
.goodsclasslist li:hover{background: rgba(0,0,0,0.8);color: #fff}
.goodsclasslist .curr{background: rgba(247,0,23,0.8);color: #fff}
.goodsclasslist .curr a{color: #fff}


.twolist {display: none;position: absolute; top:35px; left: 0;z-index: 999}
.twolist ol{width:200px; text-align:center; height: 45px; line-height:45px;color: #fff;background: rgba(0,0,0,0.8);transition: all 0.6s;}
.twolist ol a{color: #fff}
.twolist ol:hover{background: rgba(189,112,39,0.8);color: #fff;padding-left: 10px;}
.goodslist{width: 100%;z-index: 888;}
.goodslist ul{overflow: hidden;padding-top: 20px;}
.goodslist li{width: 23%;float: left;margin:20px 10px;border: 1px solid #eee;}
.goodslist .goodsimg{width: 258px; height: 258px;overflow: hidden;margin: 10px auto;text-align: center;}
.goodslist .goodsimg img{max-width: 100%;transition:all 0.8s;max-height: 100%}
.goodslist .goodsimg img:hover{transform: scale(1.4);}
.goodslist li:hover{box-shadow: 0px 0px 20px #ccc;}
.goodslist .title{height: 50px; line-height: 25px;background: #eee;padding: 5px 10px;margin: 0; overflow: hidden;}
.goodslist .curr{background: #000;color: #fff;transition:background 0.5s;}
/*goods详情页*/
.goodsinfo .title{margin:0 auto; width: 50%;padding-top:50px;}
.goodsinfo .title li{height: 40px; line-height:40px;}
.goodsinfo .title li:nth-child(1){ font-size: 20px; font-weight: bold; }
.goodsinfo .title span{position: absolute; right: 200px; top:20px;font-size: 20px; font-weight: bold;padding: 2px 5px; cursor: pointer;}
.goodsinfo .imgbig{text-align: center;position:relative;padding-top: 50px;}
.goodsinfo .imgbig span{display: none;position: absolute;}
.goodsinfo .imgbig span img{width: 100px}
.goodsinfo .imgbig .prev_info{left: -50px; top:100px;}
.goodsinfo .imgbig .next_info{right: -50px;top:100px;}
.goodsinfo .imgbig div img{max-width: 1200px;}

.goodsinfo .sharelist{margin-top:50px;text-align:center;}
.goodsinfo .aline{border-top:1px solid #ddd;margin: 40px auto 0;}
.goodsinfo .content{line-height:25px;font-size: 16px; padding-top:40px;}
.goodsinfo .content img{display: block;margin: 0 auto;max-width: 800px;}
.goodsinfo .content p:nth-child(1){text-align:center; font-size: 20px;font-weight: bold;margin-bottom: 30px}



.content_cp{position: relative;}
.content_cp .xin{opacity: 0;}
.content_cp .xin h4{position:absolute;top: 15%;left: 10px;z-index: 99;}
.content_cp .xin h5{position:absolute;top: 15%;right: 10px;z-index: 99;}
.content_cp .xin img{max-height: 180px;}
.content_cp:hover  .xin{opacity: 1;transition: all 0.6s ease 0s;}


.content_cp .sub-list li.cp-active a {background: #D80808;color: #fff;border-color: #D80808;}
.content_cp .xiaoUl{position: absolute;margin-top: 2.5rem; margin-left: -100px;}
.content_cp .xiaoUl .xiaolei{float: left;margin: 2px 5px 0 0;font-size: 0.812rem;font-style: inherit;}
.content_cp .xiaolei a{color: #000!important;background: none!important;padding:0 12px 0 0!important;}
.content_cp .xiaolei a:hover,
.content_cp .xiaolei.active a{color: #f00!important;background:none!important;}
.content_cp .sub-list{padding-bottom: 2rem;}

.content_cp .txt0101{position: relative;}
.content_cp .fanhui{position:absolute;right: 10%;top: 5px;color: #000;font-size: 16px;}
.content_cp .fanhui:hover{color: #f00;}

.showXh{text-align: left;font: bold 14px/30px "微软雅黑";}
.showMc{text-align: left;font: bold 20px/40px "微软雅黑";}
.showPic{text-align: center;}

.content_cp table .et3{text-align: left !important;border: 1px solid #ddd !important;}
.content_cp table .et4,
.content_cp table .et5,
.content_cp table .et6,
.content_cp table .et9,
.content_cp table .et11,
.content_cp table .et12{border: 1px solid #ddd !important;background: #14843f !important;color: #fff !important;text-align: left !important;}

.content_cp table:last-child .et4{background: #fff !important;color: #000 !important;}
.content_cp table .etno{background: #fff !important;}

.content_cp .cont-cp-fll{float: left;width: 210px;}
.content_cp .cont-cp-frr{float: right;width: 80%;}

.content_cp .cont-cp-fll h4{font: bold 30px/60px "microsoft yahei";padding-left: 10px;border: 1px solid #eee;}
.content_cp .cont-cp-fll ul{display: block;padding: 10px;border: 1px solid #eee;border-top: none;margin-bottom: 25px;}
.content_cp .cont-cp-fll li a{font: bold 16px/50px "microsoft yahei";position: relative;display: block;color: #14843f;}
.content_cp .cont-cp-fll li a:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #14843f;transition: all 0.6s ease 0s;line-height: 28px;}
.content_cp .cont-cp-fll li a:hover,.content_cp .cont-cp-fll li.active a{margin-bottom: 10px;}
.content_cp .cont-cp-fll li:hover  a:after{content: '';width: 80px;}
.content_cp .cont-cp-fll li.active a:after{content: '';width: 80px;}

.content_cp .cont-cp-fll .dt{border: 1px solid #eee;border-top: none;display: block;padding: 10px;font: normal 15px/28px "microsoft yahei";}

.content_cp .sub-list{display: flex;flex-flow: wrap;}



.al-list{ padding-top: 0rem; font-size: 0;}
.al-list li{ display: inline-block; width: 32%; position: relative; transition: all .4s;text-align: center;padding: 0.5rem 0;margin: 0.5rem 0.1%;}
.al-abs{text-align: center;  position: absolute; 
background: rgba(0,0,0,0); z-index: 10; left: 0;top: 0; bottom: 0; right: 0;
 border: 10px solid hsla(0,0%,100%,0);background-clip: padding-box;transition: all .4s;}
.al-abs span{transition: all .4s ease .2s; position: absolute; left: 50%;font-size: 1rem; top: 100%; transform: translate(-50%,-50%); width: 100%; color:#000;}
.al-list li a{ display: inline-block; overflow: hidden;}
.al-list li:hover img{ transform: scale(1.2,1.2);}


.al-list li dt{height: 320px;line-height: 280px;background: #fff;}
.al-list li dt img{vertical-align: middle;max-height: 310px;}
.al-list li dd{font-size: 16px;color: #000;}