/* web public */ 


.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(../images/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:60px;height:60px;position:absolute;top:50%;left:50%;margin-top:-35px;margin-left:-35px;background:url(../images/vido_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)}



.video-layer-content{padding:45px 0;text-align:center}
.video-layer-content .tipbtn{background:#333;border-radius:4px;color:#fff;display:inline-block;width:156px;height:60px;line-height:60px;font-size:20px;text-align:center}
.video-layer-content .layer{margin-top:100px}
.video-layer-content .col-md-4{width:33.33%;float:left;position:relative;min-height:1px;padding-right:15px;padding-left:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.video-layer-content .demo-box{position:relative;margin-bottom:30px;height:240px;border:1px solid #eee;background-color:#fff;overflow:hidden;cursor:pointer}
.video-layer-content .demo-box-surface{position:absolute;left:0;top:0;z-index:200;width:100%;height:240px;overflow:hidden}
.video-layer-content .media-zzc{display:block;position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:250;background-color:rgba(0,0,0,.3);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.video-layer-content .playIconContainer{width:50px;height:50px;position:absolute;margin-left:-20px;bottom:5%;cursor:pointer;z-index:500;background:url(../images/ic_play2.png) no-repeat center center;background-size:auto 100%;bottom:18px;right:18px;transition:all .2s}
.video-layer-content .demo-box-surface:hover .media-zzc{display:none}
.video-layer-content .demo-box-surface:hover .playIconContainer{background-size:auto 100%;opacity:.9;transform:scale(.94)}
.video-layer-content .video-tip{font-size:18px;color:#333;text-align:left}
.video-layer-content .video-tip p{margin:0 0 10px 0}






@media(max-width:1850px){.layer{margin-top: 2%;
margin-left: 2%;}}



@media(max-width:1600px){.layer{margin-top: 8%;
margin-left: 2%;}}