产品展示.vivo-100{width:100%;background:#fff}
*{list-style: none;text-decoration: none;}
.vivo-1200:after{clear:both;display:block;content:""}
.vivo-right{float:right;font-size:14px;line-height:60px;color:#888}
.vivo-right span{margin:0 5px}
.vivo-bg{background:#f8f8f8;padding:25px 0}
.vivo-right a{font-size:14px;color:#888}
.vivo-1200{width:1200px;margin:0 auto;position:relative;}
.vivo-pic li{margin-bottom:15px;padding:30px;box-sizing: border-box;background-color:#fff}
.vivo-tit{color: #222222;line-height: 36px; height: 36px; overflow: hidden;font-size:17px;font-weight: normal;}
.vivo-time{color: #a8a8a8;font-size: 14px;  margin-top: -20px; margin-bottom: 12px;float:right;}
.vivo-neirong{overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color: #666666; font-size: 14px;  line-height: 30px;height: 60px; overflow: hidden;margin-top:20px;}
.vivo-ckxq{width: 112px; height: 30px; border: 1px #e5e5e5 solid;line-height: 28px; padding-left: 22px;color: #888888;  font-size: 12px; border-radius: 20px; 
background: url(../images/vivo-sj.png) 88px center no-repeat;transition: 0.3s;}
.vivo-pic{margin-top:25px}
.vivo-pic li:hover  .vivo-ckxq{background: #0054a5 88px center no-repeat;color:#fff}
.vivo-daohang{background: #0054a5;height: 76px;padding:20px 36px;box-sizing: border-box;position:relative;line-height: 35px; color: #fff;}
.vivo-tjx{display:inline-block}
.vivo-quan{color: #fff;   font-weight: bold; position: relative;  z-index: 30;font-size:20px;cursor: pointer;}
.vivo-line{width:76px;height:1px;background-color:#fff;float:left;margin-top:15px;margin-right:2px;margin-left:8px;opacity:0.7;transition:0.3s;}
.vivo-daliang{position:absolute;left:-10px;top:25px;transition:0.3s}
.vivo-weizhi{float:right;color:#fff;font-size:14px;line-height:35px}
.vivo-lm{color:#fff;float:left}
.vivo-jt{margin:0 10px;float:left}
.vivo-jt img{float:left;margin-top:15px}
.vivo-nin{float:left}
.vivo-bai{background-color:#fff;padding:10px 20px;padding-bottom:160px;}
.vivo-bt{text-align:center;color: #3d3d3d;font-size:24px}
.vivo-game{overflow:hidden;border-bottom:1px #f0f0f0 solid;padding:20px 0;text-align:center}
.vivo-game span{display:inline-block;margin-right:10px;color: #ababab;font-size:14px}
.vivo-cont{padding:20px 0;word-break: break-all;text-align: justify;font-size:16px}
.vivo-cont img{max-width:100%;height:auto;display:block;margin:0 auto}
.vivo-quan:hover .vivo-line{width:100px}
.vivo-tuwen{overflow:hidden;display:flex;justify-content: flex-start;;flex-flow: wrap;margin-top:25px}
.vivo-tuwen li{width:32%;box-sizing: border-box;background:#fff;margin-bottom:25px;position:relative;padding-bottom:110px;overflow:hidden;margin-right: 2%;}
.vivo-tuwen li:nth-child(3n){margin-right:0}
.vivo-tuwen li:hover .vivo-lan{top:0;opacity: 1;}
.vivo-age{width:100%;height:250px}
.vivo-bgin{position: absolute; left: 0; bottom: 0;  z-index: 0;  width: 100%;  height: 140px; background: url(../images/wave1.png) center no-repeat;  overflow: hidden;}
.vivo-p20{padding:20px;padding-bottom:40px}
.vivo-lan{position: absolute; left: 0;  top: 100%; z-index: 1;  width: 100%; height: 140px;background: url(../images/wave2.png) center no-repeat; opacity: 0;transition:0.3s}
.vivo-loser{padding:0 20px;width:100%;box-sizing: border-box;margin-top:80px;font-size:20px;color:#fff;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;	position:relative;z-index:3}
.vivo-daohang:hover .vivo-daliang{left:0}
.vivo-sxy{margin-top: 45px; overflow: hidden;}
.vivo-wuhu{float: left;}
.vivo-ptw{margin-bottom: 10px;}
.vivo-syp{font-size: 14px; color: #2454ac;}
.vivo-cred{color: #333;  font-size: 14px;}
.vivo-jian{float: right; margin-top: 10px;  box-shadow: 0 0 10px rgba(12,3,6,.13); cursor: pointer;}
.vivo-fh{float: left; width: 130px; height: 30px; line-height: 30px; text-align: center; color: #888; background: #fff; position: relative;  z-index: 1;transition: 0.4s ease-in-out;}
.vivo-jian span{float: left; line-height: 30px; width: 30px;  background: #2454ac; height: 30px;}
.vivo-jian span img{width: 80%;  margin: 0 auto; display: block; margin-top: 3px;}
.vivo-jian:hover .vivo-fh{background:#2454ac;color:#fff}
.vivo-cred:hover{color:#2454ac}
.vivo-ptt{overflow: hidden;display: flex; justify-content: flex-start; flex-flow: wrap;padding-top:25px}
.vivo-ptt li{width: 32%;margin-right:2%;margin-bottom: 15px;padding:20px;box-sizing: border-box;background-color:#fff;position:relative}
.vivo-ptt li:nth-child(3n){margin-right:0}
.vivo-inf{width: 100%; height: 250px;  overflow: hidden;}
.vivo-tsl{width: 100%; height: 100%;  transition: 0.3s ease-in-out;}
.vivo-ov{padding: 10px 5px;border-bottom: 1px solid #ccc;position:relative}
.vivo-ovo{overflow: hidden;}
.vivo-ovo span{float: left; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; transition: 0.3s ease-in-out;color: black;}
.vivo-fzl{font-size: 16px;transition: 0.3s ease-in-out;float:right}
.vivo-fzl img{width: 15px;}
.vivo-qwe span{ color:#0054a5}
.vivo-ov:after{width:0%;height:2px;background-color:#0054a5;position:absolute;left:0;bottom:-1px;content:"";display:block;transition:0.3s}
.vivo-qwe .vivo-ov:after{width:100%;}