.anmt3,.boxmaxw .box.tl p span,.boxmaxw .box.tl p span img,.demoimg,.vdo:after,.bngoreg{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease}
.font2h{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.font3h{-webkit-line-clamp:3}
.fontovdd{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap}

.boxtopic{background: #051c32 no-repeat center top; padding:600px 0 5em; font-size:20px}

.boxmaxw{width:1240px; margin:0 auto; background-color:#d30e0e; border-radius:.8em; padding:1em; position:relative; color:#333}
.boxmaxw .ab:before,.boxmaxw .ab:after{position:absolute; content:''; background:no-repeat center center; pointer-events:none}
.boxmaxw .lr:before{background-image:; top:-1.45em; left:-1em; width:50.6em; height:7.5em; }
.boxmaxw .br:before{background-image:; bottom:-1.45em; right:-1em; width:43.2em; height:7.5em; }
.boxmaxw .ab:after{background-image:; width:1em; height:10em}
.boxmaxw .lr:after{top:15%; right:-1em}
.boxmaxw .br:after{bottom:15%; left:-1em; transform:rotate3d(0,0,1,180deg)}
.boxmaxw .box{background-color:#fff; border-radius:.8em; padding:2em; position: relative;
    background: -moz-linear-gradient(top,  #ffffff 0%, #fef0cb 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fef0cb 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#fef0cb 100%);
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#ffffff', endcolorstr='#fef0cb',gradienttype=0 );
}
.boxmaxw .box.mt{margin-top:2.8em!important; padding:3em 2em}
.boxmaxw .box .box{margin-top:1em}
.boxmaxw .box.ts{display:flex; padding:0 0 0 2em}
.boxmaxw .box.ts dt{width:100%; padding-top:2em}
.boxmaxw .box.ts p{font-weight:normal; font-size:.8em; margin:0; text-indent:2em; line-height:1.6em}
.boxmaxw .box.ts dd{background: no-repeat center center; position:relative; bottom:-.5em; min-width:13em; height:10.5em; color:#fff; text-align:center; user-select:none}
.boxmaxw .box.ts dd>*{display:block; line-height:1em}
.boxmaxw .box.ts dd span{font-size:.8em; margin-top:2.3em}
.boxmaxw .box.ts dd b{font-size:2.4em; line-height:1.9em}
.boxmaxw .box.ts dd b.num:before{display:none}
.boxmaxw .box.ts dd b.num.load:before{display:block; font-weight:normal; content:'\e60f'; font-family: iconfont_dg; animation:admrt360 2s linear infinite;}
.boxmaxw .box.ts dd em{font-size:.7em; opacity:.5}
.boxmaxw .box.ts2{padding:1.8em 0; overflow: hidden}
.boxmaxw .box.ts2 dt{font-size:1.5em; padding-left:2.2em; float: left; clear: left}
.boxmaxw .box.ts2 dd{font-size:1.2em; float: left; padding-top:0; line-height: 2em}
.boxmaxw .box.ts2 .cr{color: #d30e0e; font-weight: bold}
.boxmaxw .ntit2{position: absolute; top:-30px; left:0; background:  no-repeat center center; width: 368px; box-sizing: border-box; padding-left:1em; height:60px; line-height:60px; text-align: center; color:#fff; font-size: 1.2em; font-weight: bold;}

.boxmaxw .box.wx2wm{text-align:center; padding:3em 0}
.boxmaxw .box.wx2wm img{display:block; margin:0 auto}
.boxmaxw .box.wx2wm span{display:block; color:#d40f0f; font-size:1.5em; line-height:1em; margin-top:1em}
.boxmaxw .tnstep{float: left;}
.boxmaxw .tnstep i{background:  no-repeat center center; width: 569px; height: 177px; display: block;}
.boxmaxw .wx2wm{background:  no-repeat center center; float: right; width: 507px; height: 372px; position: relative; top: -1.7em}
.boxmaxw .wx2wm i{content:''; background:  no-repeat center center; width: 724px; height: 353px; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); animation: scrollanimation 4s linear infinite; pointer-events:none}
.boxmaxw .bs2{border-radius:.7em; display: block; background:  no-repeat center center / cover; height:197px}
/*.boxmaxw .bs2{color:#fff; border-radius:.7em; display: flex; justify-content: space-between;*/
/*    background: #ff7358;*/
/*    background: -moz-linear-gradient(top,  #ff7358 0%, #fb502d 100%);*/
/*    background: -webkit-linear-gradient(top,  #ff7358 0%,#fb502d 100%);*/
/*    background: linear-gradient(to bottom,  #ff7358 0%,#fb502d 100%);*/
/*    filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#ff7358', endcolorstr='#fb502d',gradienttype=0 );*/
/*}*/
/*.boxmaxw .bs2 dl{width: 50%; background:no-repeat right bottom; padding:1.5em 2em; position: relative}*/
/*.boxmaxw .bs2 dl:nth-child(2):after{content:''; position: absolute; top:1em; left:0; bottom:1em; border-right: 1px solid #feb3a4}*/
/*.boxmaxw .bs2 dl:nth-child(1){background-image: }*/
/*.boxmaxw .bs2 dl:nth-child(2){background-image: }*/
/*.boxmaxw .bs2 dt{font-size: 1.2em; margin-bottom: .3em}*/
/*.boxmaxw .bs2 dd{font-size: .8em; line-height: 1.8em}*/
/*.boxmaxw .bs2 dd i:after{content:'\e63f'; font-family: iconfont_dg; color:#fe0; display: inline-block; margin-right: .4em; transform: scale(1.1)}*/

.boxmaxw .bngoreg{background:  no-repeat center center; width: 511px; height: 105px; display: block; margin:.3em auto 0; box-sizing: border-box; color:#fff; font-weight: bold; font-size: 1.2em; text-align: center; padding-top: 1.7em; position: relative;}
.boxmaxw .bngoreg:hover{top:1px; opacity: .9;}
.boxmaxw .link{text-align: center;}
.boxmaxw .link a{font-size:.7em; color:#d30e0e; border-bottom:1px solid #d30e0e; margin-top:1em;}
.boxmaxw .link a:hover{color:#f90; border-color:#f90}

.boxmaxw .box.tl{display: flex; justify-content: space-between;}
.boxmaxw .box.tl .vdo{min-width:490px; margin-right: 2.5em; background-color: rgba(0,0,0,.5); border-radius:1em; height: 280px; position: relative; cursor: pointer; overflow: hidden}
.boxmaxw .box.tl .vdo video{width:100%; height:100%}
.boxmaxw .box.tl .vdo.stop:after{content:'\e62f'; font-family: iconfont_dg; font-size:1.5em; width:2.5em; line-height: 2.5em; text-align: center; background-color: rgba(0,0,0,.3); border-radius: 50%; color:#fff; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.boxmaxw .box.tl .vdo.stop:hover:after{transform:translate(-50%,-50%) scale(1.05);}
.boxmaxw .box.tl .cnt>b{font-size:1.2em; display:block; line-height:1em; color:#333; margin:1em 0 .8em}
.boxmaxw .box.tl p{font-size:.8em; margin:0 0 .2em; line-height:1.7em; position:relative; padding-left:1.3em}
.boxmaxw .box.tl p>i{position:absolute; top:0; left:0}
.boxmaxw .box.tl p span.demo{display:inline-block; position:relative; color:#f90; cursor:pointer}
.boxmaxw .box.tl p span.demo:hover{color:#ffc569}
.boxmaxw .box.tl p span.demo img{position:absolute; top:50%; left:50%; transform:translatex(-50%); visibility:hidden; opacity:0; border-radius:1em; box-shadow:rgba(0,0,0,.2) 0 4px 20px}
.boxmaxw .box.tl p span.demo:hover img{top:100%; visibility:visible; opacity:1}

.demoimg{position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.7); z-index:1; visibility:hidden; opacity:0; z-index: 999}
.demoimg img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:1em; box-shadow:rgba(0,0,0,.2) 0 4px 20px; max-width:92%}
.demoimg.show{visibility:visible; opacity:1}

.boxtopicfooter{text-align:center; color:#fff; background: #c40b0b no-repeat center center / cover; height:5em; line-height:5em; text-align:center}
.boxtopicfooter span{font-size:1.2em}


#scrollcontainer{position:relative; width:560px; height:140px; overflow:hidden; margin-top:1em}
.floatingbox{position:absolute; white-space:nowrap; background-color: rgba(255,255,255,.4); font-size: .75em; padding:.3em 2em; line-height:1em; border-radius:2em; color:#666}
.line1{top:10%; transform:translatex(40px)}
.line2{top:40%; transform:translatex(80px)}
.line3{top:70%; transform:translatex(10px)}

@keyframes scrollanimation {
    0%{transform:translate(-50%,-50%) scale(.9)}
    50%{transform:translate(-50%,-50%) scale(1)}
    100%{transform:translate(-50%,-50%) scale(.9)}
}