@charset "utf-8";
/* CSS Document */
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section,input,select,option,textarea{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{ background:#fff; font-family:'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif; font-size:62.5%; line-height:120%/150%;}
button,input,select,textarea{font-size:100%; vertical-align:middle;outline:none;border-radius:0;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"],input[type="text"],input[type=password]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;outline:none}
select,radio,checkbox{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0); border-radius:0; background:#fff;}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
a{ color:#000; text-decoration:none;}
a:hover{ color:#000;}
img{ border:none; vertical-align:top;}
ul,li{ list-style:none;}
.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; height:0;}
.clearfix{ zoom:1;}
.kqImg{ width:100%;}
.kqImg img{ width:100%;}
.kqImg-01{ position: relative;}
.video{ width:45%; position: absolute; right:1em; bottom:2.2em;}
.video img{ width:100%;}
.videoCnt{ position: relative;}
.videoMask{ position:absolute; z-index: 1; left: 0; top:0; bottom: 0; right: 0; background: rgba(0,0,0,.3);}
.playBtn{ width:5em; height: 5em; position: absolute; left: 50%; top:50%; margin-left: -2.5em; margin-top:-2.5em; z-index: 2;}
.playBtn img{ width:100%;}
.kqImg-02{ position:relative;}
.kqImg-02 .video{ left:1.2em; bottom: 2.7em;}
.kqImg-03{ position:relative;}
.kqImg-03 .video{ right:1em; bottom:2.2em;}
.kqImg-04{ position:relative;}
.kqImg-04 .video{ left:1.2em; top:5.2em;}
.kqImg-05{ position:relative;}
.kqImg-05 .video{ right:1em; bottom:2.6em;}
.pageMask{ position:fixed; left:0; top:0; bottom:0; right:0; z-index:9; background:rgba(0,0,0,.8); display:none;}
.pageMaskCnt{ display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;
-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; width:100%; height:100%;}
.pageMaskClose{ position:fixed; right:1em; top:1em; z-index:10; cursor: pointer;}
.pageMaskClose img{ width:4em;}
.pageMaskCnt video{ width:90%;}