@charset "utf-8";

.d-ProInnerpage .MainTop .subs { height: 124px !important;}


.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:85%;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 table {
font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
.table-container table td, .table-container table th {
border: 1px solid #000;
padding: 8px;
font-size:14px;
line-height:30px;
text-align: center;
	vertical-align: middle;
}
/*#customers tr:nth-child(even){background-color: #00a1da;}*/
#customers tr:hover {background-color: #00a1da !important; color:#fff;}
#customers tr:hover td:nth-child(2n){background-color: #00a1da !important; color:#fff;}
#customers tr td:nth-child(2n){background-color: #f3f3f3;}	
	

	
.table-container table th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #00a1da;
color: white;
text-align: center;	
}
.table-container{
max-width: 1600px;
min-width: 1180px;
margin: 0 auto;
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);
}	
	
.table-title{ line-height: 50px; font-size: 30px;}	
.table-con{ line-height: 32px; font-size:16px;}	
	
	
#customers2 tr td:nth-child(2n){background-color: none !important;}
#customers2 tr:nth-child(2n){background-color: #f3f3f3;}
.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;}