/* web public */ 

.vido-poster{ text-align:center;}
.layer-pop{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.ban-swipe a{display:block;width:100%;position:relative}
.ban-swiper .prodcut{width:100%;height:50px;margin-bottom:1.25rem;color:#6c6c6c}
.ban-swiper .prodcut .pd-name{display:inline-block;line-height:50px;font-size:46px;padding-left:179px;background:url("../images/de-logo.png") no-repeat center left;color:#565656}
.ban-swiper .txt-left{text-align:left}.ban-swiper .txt-center{text-align:center}.ban-swiper .txt-right{text-align:right}
.ban-swiper .prodcut span{display:block;font-size:20px;border:1px solid #777;border-radius:18px;padding:0 1.25rem;color:#777;margin-left:1rem;margin-top:8px;float:left}
.ban-swiper .prodcut .lanse{border:1px solid #546c9e;color:#546c9e}
.ban-swiper .prodcut .wite-bor{border:1px solid rgba(255,255,255,.75);color:rgba(255,255,255,.75)}
.ban-swiper .desc-slog{display:block;font-size:24px;color:#565656}
.layer-pop .n200-main{width:100%;height:100%}
.layer-pop .padBox-ban{width:100%;padding-top:10%}
.video-wrapper a{display:block;width:150px;height:40px;line-height:40px;color:#fff;font-size:16px;text-align:center;border-radius:20px;position:absolute;top:50%;left:50%;margin-left:-75px;margin-top:-20px;opacity:.75}
.video-wrapper p{display:inline-block;background:url("/source/10b195261c248b1598b39136e178609a/play.png") no-repeat center left;padding-left:30px}
.video-wrapper a:hover{background:#546c9e;opacity:1}
.video-mubu{width:100%;height:100%;position:fixed;top:0;left:0;z-index:11000}
.video-mubu .video-wall{width:100%;height:100%;background:#000;opacity:.7}
.video-mubu .video-content{width:100%;position:absolute;left:0;top:0;height:789px}
.video-mubu .mubu-close{width:30px;height:30px;position:absolute;top:5%;right:3%;cursor:pointer;z-index:10;background:url("../images/video-close-with.png") no-repeat center}


 .vido-box-list video{width:100%;height:100%;display:block;background:#333}
 .vido-box-list,#container .vido-box-list .vido-poster,#container .vido-box-list ul{width:100%;position:relative}
.vido-box-list{margin-top:0px}
.vido-box-list li{display:block;width:100%;margin-bottom:0px;position:relative;overflow:hidden}
 .vido-box-list .vido-case-box{width:50%}
 .vido-box-list li.odd .vido-case-box{margin-left:50%}
.vido-box-list .vido-cont,.hot-tab-main .imgBox{position:relative;overflow:hidden}
 .vido-box-list li.even .vido-cont{margin-right:0px}
 .vido-box-list li.odd .vido-cont{margin-left:6px}
 .vido-box-list .vido-play-btn{width:68px;height:68px;position:absolute;top:50%;left:50%;margin-top:-35px;margin-left:-35px;background:url("/source/10b195261c248b1598b39136e178609a/play.png") no-repeat center;background-size:60px auto;cursor:pointer}
.vido-box-list .vid-mubu-box{width:100%;height:100%;position:absolute;top:0;left:0;display:none}
.vido-box-list .vido-infor{width:50%;height:100%;position:absolute;top:0;left:50%;background:#fff}
 .vido-box-list li.odd .vido-infor{left:0}
 .vido-box-list .vido-desc{height:100%;display:block;background:#f1f1f2}
 .vido-box-list li.even .vido-desc{margin-left:6px}
 .vido-box-list li.odd .vido-desc{margin-right:6px}
 .vido-box-list .tabe-infor{width:570px;text-align:center;margin:0 auto;color:#7d7d7e}
 .vido-box-list .vid-title{width:100%;font-size:25px;margin-bottom:8px}
.vido-box-list .text{font-size:16px;margin-bottom:30px}
.icons-list{width:100%;text-align:center;margin-bottom:0;height:0;overflow:hidden}
.is-inline{display:inline-block;width:85px;margin:0 3px}
 .icons-list span{display:block;width:53px;height:53px;margin:0 auto 5px}
.icons-list img{vertical-align:middle}
.icons-list em{display:block;font-size:14px;font-weight:400;font-style:normal}
.vido-box-list .link-more{width:100%}.vido-box-list .link-more a{display:block;width:120px;height:30px;line-height:30px;text-align:center;font-size:16px;margin:0 auto;border:1px solid #dbdbdc;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px}
.link-more a:hover{color:#546c9e;border:1px solid #546c9e}
 .vido-desc:hover .icons-list{margin-bottom:10px;height:100px;overflow:hidden}




.video-play-layer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;visibility:hidden}
.video-play-layer .cwall{width:100%;height:100%;background:#000;opacity:.65;visibility:hidden;transition:all ease .35s}
.video-play-layer .video-curtain{width:760px;height:520px;position:absolute;top:50%;left:50%;margin-top:-260px;margin-left:-380px;background:#fff;border-radius:10px;opacity:0;transform:translateY(20%);transition:all ease .35s}
.video-play-layer .close-pop{width:40px;height:40px;position:absolute;top:10px;right:15px;background:url("h../images/close.png") no-repeat center;cursor:pointer;opacity:.6}
.video-play-layer .close-pop:hover{opacity:1}
.video-play-layer .video-title{font-size:1rem;padding-top:10px;height:40px;line-height:40px;margin:0 15px 15px;border-bottom:1px solid #c9c9c9}
.video-play-layer .video-main{margin:0 15px 14px;height:440px}
.video-play-show{visibility:visible}
.video-play-show .cwall{visibility:visible}
.video-play-show .video-curtain{opacity:1;transform:translateY(0)}







/*2*/

 .vido-box-list1 video{width:100%;height:100%;display:block;background:#333}
 .vido-box-list1,#container .vido-box-list1 .vido-poster,#container .vido-box-list1 ul{width:100%;position:relative}
.vido-box-list1{margin-top:0px}
.vido-box-list1 li{display:block;width:100%;margin-bottom:0px;position:relative;overflow:hidden}
 .vido-box-list1 .vido-case-box{width:50%}
 .vido-box-list1 li.odd .vido-case-box{margin-left:50%}
.vido-box-list1 .vido-cont,.hot-tab-main .imgBox{position:relative;overflow:hidden}
 .vido-box-list1 li.even .vido-cont{margin-right:0px}
 .vido-box-list1 li.odd .vido-cont{margin-left:6px}
 .vido-box-list1 .vido-play-btn1{width:68px;height:68px;z-index:2;position:absolute;top:50%;left:50%;margin-top:-35px;margin-left:-35px;background:url("/source/10b195261c248b1598b39136e178609a/play.png") no-repeat center;background-size:60px auto;cursor:pointer}
.vido-box-list1 .vid-mubu-box1{width:100%;height:100%;position:absolute;top:0;left:0;display:none;z-index:9;}
.vido-box-list1 .vido-infor{width:50%;height:100%;position:absolute;top:0;left:50%;background:#fff}
 .vido-box-list1 li.odd .vido-infor{left:0}
 .vido-box-list1 .vido-desc{height:100%;display:block;background:#f1f1f2}
 .vido-box-list1 li.even .vido-desc{margin-left:6px}
 .vido-box-list1 li.odd .vido-desc{margin-right:6px}
 .vido-box-list1 .tabe-infor{width:570px;text-align:center;margin:0 auto;color:#7d7d7e}
 .vido-box-list1 .vid-title{width:100%;font-size:25px;margin-bottom:8px}
.vido-box-list1 .text{font-size:16px;margin-bottom:30px}
.icons-list{width:100%;text-align:center;margin-bottom:0;height:0;overflow:hidden}
.is-inline{display:inline-block;width:85px;margin:0 3px}
 .icons-list span{display:block;width:53px;height:53px;margin:0 auto 5px}
.icons-list img{vertical-align:middle}
.icons-list em{display:block;font-size:14px;font-weight:400;font-style:normal}
.vido-box-list .link-more{width:100%}.vido-box-list .link-more a{display:block;width:120px;height:30px;line-height:30px;text-align:center;font-size:16px;margin:0 auto;border:1px solid #dbdbdc;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px}
.link-more a:hover{color:#546c9e;border:1px solid #546c9e}
 .vido-desc:hover .icons-list{margin-bottom:10px;height:100px;overflow:hidden}