*{margin: 0;padding: 0;} body{ margin:0; font-family: 'Roboto-Regular'; font-size: 14px; overflow-x:hidden ; } @font-face { font-family: 'Roboto-Regular'; src: url(../fonts/Roboto-Regular.ttf) format('truetype'); } body a{ transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transition: 0.5s all ease; text-decoration:none; } h1,h2,h3,h4,h5,h6{ margin:0; } p{ margin:0; } ul,label{ margin:0; padding:0; } ul li{list-style: none;float: left;} body a:hover{ text-decoration:none; } .top-nav{width: 100%;} /*--top-nav--*/ .navbar-header h1 { font-size: 6em; margin: 0 !important; display: block; font-family: 'Tangerine', cursive; height: 0; line-height: 0; padding: .6em 0; } .navbar .container{ width: 1150px; height: 100%; margin: 0 auto; } .navbar-header h1 a{ color:#fff; padding: 0.15em .3em .1em; } .navbar-default .navbar-brand,.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{ color:#fff; } .navbar-nav > li > a { display: block; font-size:14px; color: #fff !important; } div#bs-example-navbar-collapse-1 { padding: 0; float: right; } nav.navbar.navbar-default { background-color: #222; opacity: 0.8; -webkit-opacity: 0.8; height: 100px; border: none; width: 100%; position: absolute; top: 0; left: 0; z-index: 99; } /* Bounce To Bottom */ .hvr-bounce-to-bottom { float: left; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0); -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0); -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; -moz-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; width: 100px; height: 100px; line-height: 100px; text-align: center; } .hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; /*background: #b7963d;*/ background: -moz-linear-gradient(top, #00D0EA 0%, #00A3D0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00D0EA), color-stop(100%,#00A3D0)); background: -webkit-linear-gradient(top, #00D0EA 0%,#00A3D0 100%); background: -o-linear-gradient(top, #00D0EA 0%,#00A3D0 100%); background: -ms-linear-gradient(top, #00D0EA 0%,#00A3D0 100%); background: linear-gradient(to bottom, #00D0EA 0%,#00A3D0 100%); -webkit-transform: scaley(0); -moz-transform: scaley(0); -o-transform: scaley(0); -ms-transform: scaley(0); transform: scaley(0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-bottom:hover a, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { color: #fff; } .navbar-nav > li > a:hover { color: #fff !important; } .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { -webkit-transform: scaley(1); transform: scaley(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; display: block; background: -moz-linear-gradient(top, #00D0EA 0%, #00A3D0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00D0EA), color-stop(100%,#00A3D0)); background: -webkit-linear-gradient(top, #00D0EA 0%,#00A3D0 100%); background: -o-linear-gradient(top, #00D0EA 0%,#00A3D0 100%); background: -ms-linear-gradient(top, #00D0EA 0%,#00A3D0 100%); background: linear-gradient(to bottom, #00D0EA 0%,#00A3D0 100%); } .navbar .container .logo{width: 251px;height: 60px;float: left;margin-top: 20px;} .navbar .container .logo img{width: 100%;height:100%;} .navbar .tab-text{width: 100%;display: none;} .navbar .expand{transition:height .3s cubic-bezier(0,0,.2,1) .15s} .navbar .tab-text .tab-content{display: none;} .tab-content .tab-info{width: 100%;line-height: 60px;color: #fff;border-bottom: 1px solid #555;min-height: 60px;background-color: #1E1E1E;opacity: 0.7;} .tab-content .tab-info:nth-of-type(2n){background-color: #222;opacity: 1;} .tab-content .tab-info div{width: 1150px;margin: 0 auto;} .tab-content .tab-info div span{float: left;padding-left: 15px;} .tab-content .tab-info .infos li{margin-left: 48px;} .tab-info .infos li a{color: #fff;font-size: 13px;} .tab-info .infos li a:hover{color: #05a2c9;} .top-banner{position:relative;width: 100%;height: 100%;} /*.top-banner .banner-pic, .top-banner .banner-pic img{width: 100%;height: 100%;}*/ .banner {width: 100%;overflow: hidden; position: relative;} .banner .img {position: absolute; left: 0px; top: 0; } .banner .img li { float: left; } /*/ 修改图片大小 /*/ .banner .img img { width: 100%; } .banner .banner-num{position: absolute;bottom: 6%; left: 0;width: 100%; } .banner .num {width: 100%;text-align: center; font-size: 0px;margin-left:40%;} .banner .num li { width: 40px; height: 6px;border:1px solid #fff; display: inline-block; margin: 0 3px; cursor: pointer; } .banner .num li.on { background: #fff; } #ban1 .banner{ width: 100%;} #ban1 .banner .img img {height:100%;width: 100%;}