.banner{position:relative;height: auto; width:100%;z-index: 11;overflow: hidden; } .flexslider{position:relative;height:100%;overflow:hidden;transition: all 0.3s;} .flex-pauseplay{display: none;} .slides{position:relative;z-index:1;} .slides li{height: auto;text-align: center;display:block;} .slides li a{display: block;height:100%;} .slides li img{margin: 0 auto;display: none; width:100%; height:auto;} .slides li .video1{background-color: #000;/*height:710px;*/ overflow:hidden;} .flex-direction-nav{position:absolute;z-index:10;width:100%;top:47%;opacity: 0;transition: all 0.3s;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;z-index: 10;border-radius: 25px;opacity: 0.5;} .flex-direction-nav li a.flex-prev{left:40px;background:url(/uploads/image/wtdsiimages/prev.png) center center no-repeat;transition: all 0.5s;} .flex-direction-nav li a.flex-next{right:40px;background:url(/uploads/image/wtdsiimages/next.png) center center no-repeat;transition: all 0.5s;} .flex-direction-nav li a:hover{width: 60px;height: 50px; opacity: 1;} .flexslider:hover .flex-direction-nav{opacity:1;} .flex-control-nav{position: absolute;z-index: 11;width:60px;bottom: 0;right: 108px;height: 90px;display: none;} .flex-control-nav li{position: absolute;z-index: 2;width: 60px;height: 90px;} .flex-control-nav li a{color: #ffffff;width: 60px;line-height: 90px;text-align: center;display: none;} .flex-control-nav li .flex-active{display: block;font-size: 28px;color: #15843b;font-weight: bold;font-family: te2;} .flexslider .flex-pauseplay{position: absolute;z-index: 10;width: 100px;height: 100px;background-color: #0d6a28;top: 50%;right: 0;text-align: center;line-height: 100px;} .banner .show{width: 210px;line-height: 40px;text-align: center;background-color: #000000;color: #ffffff;font-size: 16px;border-radius: 20px;margin: 30px auto;cursor: pointer; position: absolute;z-index: 20;left: 50%;bottom:3%;margin-left: -105px;} .banner .show:hover{background-color: rgba(0, 0, 0, 0.8);cursor: pointer;} .inspyy{background-color: rgba(90, 105, 174, 0.6); width:100%; height:100%;position: absolute; z-index:16; top:0; left:0;} .video{position: fixed;z-index: 100;text-align: center;width: 100%;height: 100%;min-width: 1210px;overflow: hidden;background-color: #000000;} .video video{width: 100%;} .stay{position: absolute;z-index: 12;width: 1px;bottom: 0;left: 50%;height:150px;background-color: rgba(255, 255, 255, 0.3);} .stay p{width: 1px;background-color: #ffffff;animation: chang ease-in-out 2s infinite;height: 0;margin-top: 0;} @keyframes chang{ 0% {height: 0;margin-top: 0;} 60% {height: 150px;margin-top: 0;} 100% {height: 150px;margin-top: 150px;} } .video-show{width: 100%;background-color: #000000;text-align: center;display: none;} .video-show video{max-width: 100%;margin: 0 auto;} /*1280分辨率以上(大于1200px)*/ @media screen and (min-width:1200px){ .mcontent1{ display:none;} } @media screen and (min-width: 1280px) and (max-width: 1599px) { .mcontent1{ display:none;} } @media screen and (min-width: 1200px) and (max-width: 1279px) { .mcontent1{ display:none;} } /*1100分辨率(大于960px,小于1199px)*/ @media screen and (min-width: 960px) and (max-width: 1199px) { .mcontent1{ display:none;} .video-show video{ display:none;} } /*880分辨率(大于768px,小于959px)*/ @media screen and (min-width: 768px) and (max-width: 959px) { .content1{ display:none;} .video-show video{ display:none;} } /*720分辨率(小于767px)*/ @media only screen and (max-width: 767px){ .content1{ display:none;} .video-show video{ display:none;} .video-show video::-webkit-media-controls-enclosure{ display: none; } }