﻿/* - - - - - - - - - 各浏览器样式默认值标准化  - - - - - - - - -*/
html,body,span,object,iframe,h1,h2,h3,h4,h5,p,blockquote,pre,
a,address,code,
del,em,img,dl,dt,dd,ol,ul,li,
fieldset,form,label{
margin:0;padding:0;border:0;
font-style:inherit;font-family:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;}
html{-webkit-text-size-adjust:none;}
img{border:none;vertical-align:middle;}
input,select,button{padding:0;margin:0;outline:none;font-family:inherit;vertical-align:middle;}
textarea{font-family:inherit;padding:0;margin:0;}
button{cursor:pointer;}
html{overflow-x:hidden;height:100%;}
body{min-width:300px;font-size:12px;height:100%;background-color:#fff;font-family:'Microsoft YaHei';}
ul,ol{list-style-type:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3,h4{font-size:14px;}
h5{font-size:12px;}
i,em,address{font-style:normal;}
a{ text-decoration:none;color:#4f4f4f;}
a:hover{text-decoration:underline;transition:color 200ms linear 0s,background-color 200ms linear 0s,border-color 200ms linear 0s;}	/*鼠标悬停时*/
a:active{}	/*点击与释放时*/
a:visited{}/* 访问过 */
/*  - - - - - - - - - 常用类样式  - - - - - - - - -*/
.photo_fullsize img{display:block;width:100%;height:100%;}	/*图片全尺寸*/
.no_bor{ border:none!important;}	/*无边框*/
.no_bg{ background:none!important;}	/*无背景*/
.clear{ display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}/*清除浮动*/
.clear_::after{content:"";display:block; clear:both;height:0; line-height:0; overflow:hidden;}/*清除浮动*/
.center{margin:0 auto;width:1200px;}	/*让内容区块居中*/
/*图片全尺寸*/
.photo_fullsize{display:block;overflow:hidden;}
.photo_fullsize img{display:block;width:100%;height:100%;}	
/*图片自适应尺寸*/
.photo_autosize{text-align:center;display:block; overflow:hidden;}
.photo_autosize::after{height:100%;width:0;overflow:hidden; font-size:0; line-height:0;display:inline-block;vertical-align:middle;content:"";}
.photo_autosize img{max-width:100%;max-height:100%;}
/*图片自适应全尺寸*/
.photo_autofullsize{ overflow:hidden; display:block;background-size:cover!important}
.photo_autofullsize img{ display:none;}
img[src*='loading']{ display:block;margin:0 auto; position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-8px;max-width:16px!important;max-height:16px!important;}

.slideDown {animation-name:slideDown;-webkit-animation-name:slideDown;animation-iteration-count:infinite;-webkit-animation-duration:infinite;animation-delay:1s;-webkit-animation-delay:1s;animation-duration:2.4s;-webkit-animation-duration:2.4s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible !important; z-index:100;}
@keyframes slideDown {0% {transform:translateY(-100%);}
50% {transform:translateY(8%);}
65% {transform:translateY(-4%);}
80% {transform:translateY(4%);}
95% {transform:translateY(-2%);}
100% {transform:translateY(0%);}
}
@-webkit-keyframes slideDown {0% {-webkit-transform:translateY(-100%);}
50% {-webkit-transform:translateY(8%);}
65% {-webkit-transform:translateY(-4%);}
80% {-webkit-transform:translateY(4%);}
95% {-webkit-transform:translateY(-2%);}
100% {-webkit-transform:translateY(0%);}
}	

@font-face {
    font-family: 'ee03015t';
    src: url('fonts/ee03015t.eot');
    src: url('fonts/ee03015t.eot') format('embedded-opentype'),
         url('fonts/ee03015t.woff2') format('woff2'),
         url('fonts/ee03015t.woff') format('woff'),
         url('fonts/ee03015t.ttf') format('truetype'),
         url('fonts/ee03015t.svg#ee03015t') format('svg');
}

#background_video {  position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);object-fit: cover; height: 100%; width: 100%;}
#video_cover { position: absolute; width: 100%; height: 100%;background: url(../media/woods.jpg) no-repeat; background-size: cover;background-position: center; }
#video_controls { display:none;}
#play img {width: 100px; }
#pause img {width: 90px;}
#pause {display: none;}
#overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.1); }

@media (min-width: 768px) {  #video_controls {display: none; } }
