@import url('common.css');
@import url('animate.css');
.productslist{margin-top:-30px;overflow:hidden;}
.productswrap{overflow:hidden;}
.productswrap .item{display:block;float:left;width:32%;margin-right:2%;overflow:hidden;margin-top:30px;}
.productswrap .mr0{margin-right:0;}
.productswrap .item a{display:block;overflow:hidden;}
.productswrap .item a .im{display:block;overflow:hidden;margin-bottom:0;border:solid 1px #e7f1f8;box-sizing:border-box;position:relative;}
.productswrap .item a .im span{display:block;overflow:hidden;border:0;}
.productswrap .item a .im span img{display:block;width:100%;overflow:hidden;}
.productswrap .item a .im .ctbg{position:absolute;left:0;top:0;right:0;bottom:0;display:block;height:100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;}
.productswrap .item a .im .ct{position:absolute;left:1000px;top:50%;margin-top:-58px;
                              display:block;height:100%;color:#ffffff;text-align:justify;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;padding:0 5%;width:90%;}

.productswrap .item a:hover .im .ctbg{opacity:1;background:rgba(78,85,96,0.8);}
.productswrap .item a:hover .im .ct{opacity:1;left:0;}
.productswrap .item a .im .ct span{font-size:14px;height:66px;line-height:22px;word-wrap: break-word;margin-bottom:10px;overflow:hidden;}
.productswrap .item a .im .ct em{display:block;overflow:hidden;text-align:center;}
.productswrap .item a .im .ct em img{width:40px;}

.productswrap .item a h3{position:relative;padding-right:90px;text-align:left;color:#555555;margin-top:10px;height:24px;line-height:24px;overflow:hidden;font-size:14px;}
.productswrap .item a h3 span{display:block;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:14px;}

.productswrap .item a h3 em{position:absolute;right:0;top:0;color:#3f81bd;}
.productswrap .item a:hover h3{color:#3f81bd;}
.productstj{overflow:hidden;margin-top:30px;border:solid 1px #f0f0f0;box-sizing:border-box;}
.productstj h2{text-indent:20px;background:#666666;height:35px;line-height:35px;margin-bottom:15px;font-size:16px;color:#ffffff;overflow:hidden;}
.productstj ul p{overflow:hidden;margin:15px;}
.productstj ul p img{width:100%;}
.productstj ul li{height:37px;line-height:37px;margin:0 15px;overflow:hidden;border-bottom:dashed 1px #dddddd;}
.productstj ul li:last-child{border:0;}
.productstj ul li a{display:block;background:url(/cms/image/d.png) no-repeat left center;text-indent:15px;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;}
.productstj ul li a.on{color:#3f81bd;background:url(/cms/image/hd.png) no-repeat left center;}
.basic{overflow:hidden;}
.basic .basic-tag{overflow:hidden;}
.basic .basic-tag .tag{overflow:hidden;color:#666666;line-height:2;}
.productsContent{margin-top:20px;overflow:hidden;}