@charset "utf-8";

.d-ProInnerpage .MainTop .subs {/* height: 124px !important;*/ line-height: 62px;}


.d-ProInnerpage .prolist .proLi{width: calc(100% / 3); height: auto;float: left; position: relative; overflow: hidden; padding: 10px;}	
.d-ProInnerpage .prolist .proLi .pic{ position:relative;overflow:hidden;width:auto;height:0px;padding-bottom:68%;border:1px solid #f1f1f1;border-bottom:0}	
.d-ProInnerpage .prolist .proLi .pic img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;transition:all .5s ease;height:100%;object-fit:contain;object-position:top center}	
.d-ProInnerpage .prolist .proLi .info{ position:relative; overflow:hidden;width:100%;height:auto;padding:20px 20px 10px;border:1px solid #f2f2f2	}	
.d-ProInnerpage .prolist .proLi .info .name{font-family: "sourcehansans" !important; font-size:16px;color:#333; overflow:hidden;text-overflow:ellipsis;position:relative;white-space:nowrap;width:100%; padding-bottom:8px	}
.d-ProInnerpage .prolist .proLi .info .more{font-family: "sourcehansans" !important; position:relative;display:block; color:#777; height:38px; line-height:38px; border-top:1px solid #e5e5e5	}
	
	
.d-ProInnerpage .prolist .proLi .info .more .details {position:relative;display:block;color:#777;height:38px;line-height:38px;}
.d-ProInnerpage .prolist .proLi .info .more .arrowsR {position:absolute;top:50%;right:0px;transform:translate(0,-50%);width:30px}
.d-ProInnerpage .prolist .proLi .info .more .arrowsR img {position:absolute;transition:all .5s ease}
.d-ProInnerpage .prolist .proLi .info .more .arrowsR .harr {opacity:0}	
	
	
.d-ProInnerpage .prolist .proLi .pic .showBox {position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.6);transition:all .5s ease}
.d-ProInnerpage .prolist .proLi:hover .pic .showBox{ opacity: 1;} 	
	
.d-ProInnerpage .prolist .proLi .pic .showBoxLink {font-family: "sourcehansans" !important; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:60%; color:#fff; text-align:center; font-size:16px; line-height: 23px; padding:8px 0}
.d-ProInnerpage .prolist .proLi .pic .showBoxLink:before { content:''; position:absolute; top:0px; left:50%; transform:translateX(-50%); width:16px; height:1px; background:#fff; transition:all .5s ease;}
.d-ProInnerpage .prolist .proLi .pic .showBoxLink:after { content:''; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:16px; height:1px; background:#fff; transition:all .5s ease;}
	
.d-ProInnerpage .prolist .proLi:hover .info .more .arrowsR .barr { opacity:0}
.d-ProInnerpage .prolist .proLi:hover .info .more .arrowsR .harr { opacity:1}
.d-ProInnerpage .prolist .proLi:hover .showBox { opacity:1}
.d-ProInnerpage .prolist .proLi:hover .proImg { transform:translate(-50%,-50%) scale(1.1)}
.d-ProInnerpage .prolist .proLi:hover .showBoxLink:before {width:16px;}
.d-ProInnerpage .prolist .proLi:hover .showBoxLink:after { width:16px;}	


.table-container{width: 100%;overflow-y: auto;_overflow: auto;		}
.table-container:-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
.table-container:-webkit-scrollbar-thumb{border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);}	
#customers {font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%;}
#customers td, #customers th { border: 1px solid #ddd;padding: 8px;font-size:14px;line-height：30px;text-align: center;vertical-align: middle;}
#customers tr:nth-child(even){background-color: #f2f2f2;}
#customers tr:hover {background-color: #ddd;}
#customers th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #ff9600;color: white;}

.attributetit{ line-height: 40px; height: 40px;background-color: #ff9600; color: #fff; padding-left: 15px; width: 100%; font-size: 14px; font-weight: bold;}
.attribute{ border: 1px solid #ddd; overflow: hidden;}
.attribute li{width: -moz-calc(100% / 3); width: -webkit-calc(100% / 3); width: calc(100% / 3); float: left; padding-left: 15px; font-size:14px; line-height: 36px !important; color: #333; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }	
.attribute li:nth-child(4){background-color: #f2f2f2;}
.attribute li:nth-child(5){background-color: #f2f2f2;}
.attribute li:nth-child(6){background-color: #f2f2f2;}
.attribute li:nth-child(3n){ border-right: 0;}
.attribute li:nth-child(7), .attribute li:nth-child(8), .attribute li:nth-child(9){ border-bottom: 0;}
.attribute li:hover {background-color: #ff9600; color: #fff; }

.attribute2{border: 1px solid #ddd; overflow: hidden; border-bottom: 0;}
.attribute2 li{ width: 100%; padding-left: 15px; font-size:14px; line-height: 36px !important; color: #333;background-color: #f2f2f2;}	

.ddian p{ background: url(../img/dian.png) no-repeat left 9px; padding-left: 20px;}