/* CSS Document */ /* | ------------------------------------------ | Glide styles | ------------------------------------------ | Here are slider styles | */ .slider { position: relative; width: 100%; height: auto; overflow: hidden; } /*盒子带容�?*/ .slides { height: auto; /* Simple clear fix */ overflow: hidden; /** * Prevent blinking issue * Not tested. Experimental. */ -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; /** * Here is CSS transitions * responsible for slider animation in modern broswers */ -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); } .slide { height: auto; float: left; clear: none; } .slider-arrows { } .slider-arrow { position: absolute; display: block; margin-bottom: -20px; /*width: 40px; height: 40px; line-height: 40px; text-decoration: none; text-align: center; color: #fff; font-size: 2em; background-color: rgba(50,50,50,.3); border-radius: 50%;*/ }/*左右按钮样式及放置位�?*/ .slider-arrow--right { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg); bottom: 50%; right:15%; opacity:0;transition: all .5s; } .slider-arrow--left { bottom: 50%; left:15%; opacity:0;transition: all .5s; } .i_banner123:hover .slider-arrow--left{left:20%;opacity:1;} .i_banner123:hover .slider-arrow--right {right:20%;opacity:1;} .iconfont.icon-next-copy{ font-size:45px; color:#fff; } .slider-nav { position: absolute; bottom: 30px; } .slider-nav__item { /*nva样式*/ width: 12px; height: 12px; float: left; clear: none; display: block; margin: 0 5px; background: black; border-radius: 100%; } .slider-nav__item:hover { background: #ccc; } .slider-nav__item--current { background: #ccc; } /*被选中后的样式*/ .navbar-toggle { width: 60px; height: 60px; border-radius: 8px; background: #f1b019; float:right; border: none; } .navbar-toggle { display: none; } .iconfont.icon-fenlei { font-size: 36px; color: #ffffff; margin: 22px 10px 0 0; } /* FILE ARCHIVED ON 06:33:55 Dec 28, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 05:50:33 Jul 10, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.693 exclusion.robots: 0.056 exclusion.robots.policy: 0.04 esindex: 0.014 cdx.remote: 8.368 LoadShardBlock: 100.33 (3) PetaboxLoader3.datanode: 70.427 (4) PetaboxLoader3.resolve: 135.18 (2) load_resource: 129.692 */