²úƷչʾ.vivo-100{width:100%;background:#fff}
.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}
.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: 12px; margin-bottom: 12px;}
.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;}
.vivo-ckxq{width: 112px; height: 30px; border: 1px #e5e5e5 solid;line-height: 28px; padding-left: 22px;color: #888888;  font-size: 12px; border-radius: 20px; margin-top: 24px;
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 url(../images/vivo-sjs.png) 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:17px;margin-right:2px;margin-left:8px;opacity:0.7;transition:0.3s;}
.vivo-daliang{position:absolute;left:-10px;top:25px;transition:0.3s}
.vivo-lanmuming{font-size:17px;line-height:36px;height:36px}
.vivo-bright{margin-bottom: 3px;}
.vivo-weizhi{float:right;color:#fff;font-size:16px;line-height:35px}
.vivo-lm{color:#fff;float:left}
.vivo-weizhi a:hover{color:#fff;text-decoration:underline}
.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}
.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{border-bottom:1px #e0e0e0 dashed;padding: 20px 0px;word-break: break-all;text-align: justify;font-size:16px;min-height: 200px;}
.vivo-cont img{max-width:100%;/* height:350PX; */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;text-align:left}
.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;}
.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%;}



.body{background: #f0f0f0;}
.cpMain{width: 1200px;height: auto;margin: 0 auto;overflow: hidden;margin-top: 2pc;margin-bottom: 2pc;}
.soleft{ float:left; width:300px; position:relative; z-index:9;}
.soleft .cpTle{ font-weight:normal;padding:24px 0 23px 22px;border-bottom: 1px solid #eee;background: #8f010c; }
.soleft .cpTle a{ font-size:18px; color:#fff; font-weight:bold;}
.soleft .cpTle p{ font-size:16px; color:#fff; font-weight:bold; margin-bottom:12px;}
.soleft .cpTle p a{color:#fff;font-size:16px;font-weight:bold;}
.soleft .cpTle span{ font-size:14px; color:#eee;}
.soleft>ul{background:#fff;padding-top: 10px;}
.soleft li{ padding-bottom:10px; }
.soleft li>a{height: 45px; line-height: 45px; padding-left: 25px; display: block; font-size: 16px;margin: 0 10px;text-decoration: none; background: #ececed url(images/dpro_jt.png) no-repeat 240px 16px;  color: #000;}
.soleft li>a:hover , .soleft li>a.cur{background-color:#c90f03; color:#fff; background-image: url(images/dpro_jth.png);}

.soleft li .sl2{ background:url(images/mtbg.png) no-repeat left center;}
.soleft li .sedNav{margin: 0 10px;}
.soleft li .sedNav p{ border-bottom:1px  dashed #e2e2e2; font:14px "Microsoft Yahei"; line-height:45px; background:url(images/dpro_jt3.gif) no-repeat 10px 15px; padding-left:30px; overflow:hidden;}
.soleft li .sedNav a{font-size:14px; color:#000;text-decoration: none; }
.soleft li .sedNav a:hover{ color:#8f010c;text-decoration: none; }

.soleft li .sedNav a.cur{color:#c90f03;}

.soleft .dphone{ overflow:hidden; background:#8f010c; padding:20px 0;}
.soleft .dphone dt{ float:left; background:url(images/dh.png) no-repeat center; margin-left:10px; width:62px; height:50px;background-size: 80%;}
.soleft .dphone dd{ margin-left:80px; color:#fff; padding:5px 13px; border-left:1px dotted #fff;}
.soleft .dphone dd span{ font-size:13px;}
.soleft .dphone dd p{ font-size:22px; font-family:"Arial";}
.cpright{ width:880px; padding:0 20px; background:#fff; float:right;padding-bottom: 10px;}
.rtop{ overflow:hidden; padding-top:28px; padding-bottom:9px;}
.rtop h5{ float:left; padding-left:10px; border-left:3px solid #8f010c; font-weight:normal; line-height:16px;}
.rtop h5 a{ font-size:16px; color:#8f010c;}
.rtop span{ float:right;}
.rtop span em{ color:#999;}
.rtop span a{ color:#999;}
.rtop span a:hover{ color:#8f010c;text-decoration:none;}