@import url('common.css');
@import url('animate.css');

.productswrap{overflow:hidden;}
.productswrap{overflow:hidden;}
.productswrap .item{display:block;overflow:hidden;margin-bottom:20px;width:32%;float:left;margin-right:2%;}
.productswrap .mr0{margin-right:0;}
.productswrap a{background:#ffffff;display:block;overflow:hidden;width:100%;margin:0 auto;padding:10px;border:solid 1px #e7f1f8;box-sizing:border-box;}
.productswrap a p.img{display:block;text-align:center;background:#ffffff;overflow:hidden;}
.productswrap a p.img i{display:block;text-align:center;overflow:hidden;}
.productswrap a p.img img{display:block;width:100%;overflow:hidden;transform: scale(1); transition-duration: 750ms;transition-timing-function: ease-out;}
.productswrap a h3{color:#333333;overflow:hidden;margin-bottom:10px;border-bottom:solid 1px #e7f1f8;padding-bottom:10px;text-align:center;}
.productswrap a h3 span{display:block;color:#247fe3;font-size:16px;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.productswrap a:hover p.img img{transform:scale(1.15);transition-timing-function:ease-out;transition-duration:750ms;overflow: hidden;}
.productswrap a:hover h3 span{color:Orange;}
.productswrap a p.ct{color:gray;line-height:24px;height:48px;overflow:hidden;font-size:14px;margin-top:10px;}

.basic{border:solid 1px #dddddd;overflow:hidden;padding:10px;}
.basic .basic-pic{width:350px;float:left;overflow:hidden;}
.basic .basic-pic img{width:100%;overflow:hidden;}
.basic .basic-tag{width:525px;float:right;overflow:hidden;padding: 20px 0;}
.basic .basic-tag h2{height:24px;color:#247fe3;line-height:24px;overflow:hidden;box-sizing:border-box;font-size:16px;}
.basic .basic-tag .tag{overflow:hidden;margin-top:10px;border-top:dashed 1px #dddddd;padding-top:10px;color:#555555;line-height:1.8;}
.productsContent{margin-top:20px;overflow:hidden;}
.productsContent .t-title{margin-bottom:20px;font-size:16px;height:30px;line-height:28px;}