@charset "UTF-8";blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
a,body,button,div,h1,input,li,select,textarea{font-size:14px}
article,aside,audio,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,video{display:block;margin:0;padding:0}
ol,ul{list-style:none}
a{text-decoration:none;color:inherit}
a:hover{text-decoration:none}
p,span{color:inherit}
table{border-collapse:collapse}
input,textarea{outline:0;border:none}
input{border:none;appearance:none;-moz-appearance:none;outline:0;-webkit-appearance:none}
:-moz-placeholder,::-moz-placeholder,input:-ms-input-placeholder,input::-webkit-input-placeholder{color:inherit;opacity:.55;font-size:14px}
.w1536{margin:0 auto;max-width:1536px;width:94%}
.w1450{margin:0 auto;max-width:1450px;width:94%}
textarea{resize:none;overflow:auto}
input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}
button,input,select,textarea{font-size:100%}
img{max-width:100%}
*{margin:0;padding:0;box-sizing:border-box}
input,select,textarea{outline:0}
a,a:hover{text-decoration:none;outline:0}
ul li{list-style-type:none}
img{border:none}
.bd_weixin_popup{box-sizing:content-box}
.flx_w{display:flex;flex-wrap:wrap;justify-content:space-between}
.text-norecord{margin-top:4%;font-size:18px;line-height:35px;margin-bottom:4%}
.z_tanchuang{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);-webkit-transform:scale(0);z-index:9999}
.z_tanchuang .tbox{display:table-cell;background:rgba(0,0,0,.8);text-align:center;vertical-align:middle}
.z_tanchuang .tbox .modal{background:#fff;padding:50px;display:block;border-radius:5px;position:relative;width:90%;max-width:1200px;max-height:90%;margin:0 auto}
.z_tanchuang .tbox .modal .out{position:absolute;width:40px;height:40px;line-height:40px;background:#fff url(../images/out.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer}
.z_tanchuang .tbox .modal .img{width:100%;max-width:600px;margin:0 auto}
.z_tanchuang .tbox .modal .img video{display:block;width:100%;max-width:100%;object-fit:cover;outline:0}
.z_tanchuang .tbox .modal .img img{margin:0 auto}
.z_tanchuang .tbox .modal .out:hover{background:#fff url(../images/out2.png) center no-repeat;background-size:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.z_tanchuang .tbox .modal2{padding:20px}
.z_tanchuang .tbox .modal .img{max-width:1200px}
.z_tanchuang.one{transform:scaleY(.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards;-webkit-transform:scaleY(.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards}
.z_tanchuang.one .tbox .modal{transform:scale(0);animation:zoomIn .5s .8s cubic-bezier(.165,.84,.44,1) forwards;-webkit-transform:scale(0);-webkit-animation:zoomIn .5s .8s cubic-bezier(.165,.84,.44,1) forwards}
.z_tanchuang.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(.165,.84,.44,1) forwards;-webkit-transform:scale(1);-webkit-animation:unfoldOut 1s .3s cubic-bezier(.165,.84,.44,1) forwards}
.z_tanchuang.one.out .tbox .modal{animation:zoomOut .5s cubic-bezier(.165,.84,.44,1) forwards;-webkit-animation:zoomOut .5s cubic-bezier(.165,.84,.44,1) forwards}
@keyframes unfoldIn{0%{transform:scaleY(.005) scaleX(0)}
50%{transform:scaleY(.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@keyframes zoomIn{0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes zoomOut{0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes unfoldOut{0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(.005) scaleX(1)}
100%{transform:scaleY(.005) scaleX(0)}
}
@-webkit-keyframes zoomIn{0%{transform:scale(0)}
100%{transform:scale(1)}
}
@-webkit-keyframes zoomOut{0%{transform:scale(1)}
100%{transform:scale(0)}
}
@-webkit-keyframes unfoldOut{0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(.005) scaleX(1)}
100%{transform:scaleY(.005) scaleX(0)}
}
@-webkit-keyframes unfoldIn{0%{transform:scaleY(.005) scaleX(0)}
50%{transform:scaleY(.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@media(max-width:960px){.z_tanchuang .tbox .modal{padding:10px}
.z_tanchuang .tbox .modal .out{width:30px;height:30px;top:-50px;right:-2px}
}