@charset "utf-8";html{color:#000;font-size:12px}
blockquote,body,button,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,pre,td,textarea,th,ul,xmp{margin:0;padding:0}
big,button,h1,h2,h3,h4,h5,h6,input,select,small,textarea{font-size:100%}
b,h1,h2,h3,h4,h5,h6,strong{font-weight:400}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
menu,ol,ul{list-style:none}
fieldset,img{border:0}
button,img,input,object,select,textarea{vertical-align:middle}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio,canvas,video{display:inline-block}
textarea{overflow:auto;resize:vertical}
a,button,input,select,textarea{outline:0 none;border:none;-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,del,ins,s,u{text-decoration:none}
sub,sup{vertical-align:baseline}
html{height:100%;font-size:50px;-webkit-tap-highlight-color:transparent}
body{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,sans-serif;color:#333;font-size:.28em;line-height:1;-webkit-text-size-adjust:none}
hr{height:.02rem;margin:.1rem 0;border:medium none;border-top:.02rem solid #cacaca}
a{text-decoration:none}
::-webkit-input-placeholder{color:#adabab}
::-moz-placeholder{color:#adabab}
:-moz-placeholder{color:#adabab}
:-ms-input-placeholder{color:#adabab}
html{overflow-x:hidden}
body{overflow-x:hidden}
.wrap{width:1200px;height:1013px;margin:0 auto;position:relative}
.video{margin-top:15px;width:694px;height:392px;background:url(../images/video-bg.png) no-repeat center;padding:23px 19px 7px}
.downs{height:208px;margin-top:18px;position:relative}
.down{width:190px;height:206px;background:url(../images/btn-down.png) no-repeat;position:absolute;top:0;left:90px}
.toast{padding:15px;background:rgba(0,0,0,.6);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;border-radius:5px;color:#fff;font-size:16px;display:none}
.ewms{width:166px;height:166px;padding:10px 23px 36px;background:url(../images/ewm-bg.png) no-repeat;position:absolute;top:0;left:380px}
.ewms img{width:100%;height:100%}
.footer{background:#202020;padding:20px 0;text-align:center;color:#fff;line-height:22px}
.videoMain{width:100%;height:100%;position:relative;overflow-x:hidden}
.videowarp{width:1920px;height:1013px;position:absolute;top:0;left:calc(50% - 960px);overflow:hidden}
.main{width:732px;height:789px;position:absolute;top:0;right:0}
.logo{height:130px;display: block;  max-width: 100%;  margin: 0 auto;}
.ib_right {display: none; width: 100%; text-align: center; color: #fff; margin: 0 auto; }
.ib_right-box { display: flex ; flex-direction: column; height: 100%; text-align: center; color: #fff; }
.ib_right-box .icon_logo { margin: 30px auto; width: 100px; height: 100px; }
.ib_right h2 {     line-height: 40px;font-size: 22px; font-weight: bold; text-shadow: 0 0 10px #00dcff, 0 0 20px #00b3ff, 0 0 40px #00b3ff, 0 0 80px #00b3ff, 0 0 120px #00b3ff; }
.ib_right h3 { font-size: 18px; color: #00e934; line-height: 26px; margin: 0 0 20px 0; letter-spacing: 5px; }
.ib_right .time { font-size: 18px; font-weight: 500; color: #FFFFFF; line-height: 30px; }
@media screen and (min-width:320px) and (max-width:750px){
    body {    background: url(../images/bg.jpg) no-repeat center top;}
	.videowarp video{    width: 140%!important;}
	.wrap, .video{width:100%} 
	.main{ width: 100%;left:0;bottom:0; height: auto;background: linear-gradient(to bottom, transparent 0%, rgb(0 0 0) 100%);}
	.video{background-size: contain;      height: auto;  padding: 0;}.video video {   width: 96%!important;     height: 236px!important;padding: 2%;}
	.down{margin: 0 auto;    display: block;position: static;}
	.ib_right {display: block;}
.ewms{display:none}
}