@charset "utf-8"; ol, ul, li{ margin: 0; padding: 0px; border: 0; } ol, ul { list-style: none; } .banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; background-color:#969696; position: relative;} .banner .slides{ position:relative; z-index:1;margin-top: 0;} .banner .slides li{ -webkit-transition:opacity 1s cubic-bezier(.165, .74, .44, 1);transition:opacity 1s cubic-bezier(.165, .74, .44, 1);} .banner .slides .bimg{ -webkit-transition:all 1s cubic-bezier(.165, .74, .44, 1);transition:all 1s cubic-bezier(.165, .74, .44, 1);} .banner .slides li.sc-b-c .bimg{ transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0;} .banner .slides li img{ display:block; width:100%; height:auto; position:relative;} .banner .slides li.sc-b-c .bimg{ opacity: 0;} .banner .bimg { width: 100%; display: block; } .bannerText{position:absolute;width: 800px;left:50%;height: 190px;margin-left: -400px;bottom: 25%;margin-top: -95px;z-index:200;/* background: rgba(27,27,27,0.6); */} .bann{ width:100%; height:100%; position:relative;} .banne-list{ position:relative; height:100%;} .banne-list li{ opacity:0; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transition:1000ms 200ms; position:absolute; left:0; top:0; width:100%; height:100%; visibility:hidden; padding-top: 55px;} .banne-list h3{color: rgba(255, 255, 255, 0.9);margin-bottom: 15px;font-size: 42px;font-weight: 700;text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);line-height:normal;visibility:hidden;opacity:0;text-align:center;padding: 0 30px;} .banne-list small{position:relative;text-align:center;visibility:hidden;opacity:0;color: rgba(255, 255, 255, 0.9);text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);display:block;font-size: 18px;padding: 0 30px;font-family:"Arial";line-height:normal;} .banne-list li.on{ opacity:1; visibility:visible; transform:translateY(0); } .banne-list li.on h3{ visibility:visible; opacity:1;} .banne-list li.on small{ opacity:1; visibility:visible;} .bamnline{position:absolute;left:0;bottom:0;width:100%;height:4px;background:#fff;display: none;} .bamnline span{ display:block; width:0; height:4px; background: #1B1B1B;} .bamnline.load span{ width:100%; transition:5s linear; -webkit-transition:5s linear; -moz-transition:5s linear; } .flex-direction-nav{ display:none;} .tabbtn{ display:block; width:7px; height:13px; position:absolute; bottom: 70px; cursor:pointer; transition:330ms; z-index:20;} .tabbtn.prev{ background:url(../images/prev.png) center no-repeat; left: 15px;} .tabbtn.next{ background:url(../images/next.png) center no-repeat; right: 15px;} .tabbtn.prev:hover{ background:url(../images/prev1.png) center no-repeat;} .tabbtn.next:hover{ background:url(../images/next1.png) center no-repeat;} .numble{ position:absolute; left:0; bottom:12px; text-align:center; width:100%;} .defual{ display:inline-block; text-align:center; line-height:normal;} .defual:nth-child(1){ font-size:14px;} .defual:nth-child(1) span{ font-size:14px;} .defual span{ display:inline-block; line-height:normal; color:#ffffff; font-size:12px; font-family:"Arial"; } .defual b{ display:inline-block; color:#ffffff; font-size:12px; font-family:"Arial"; margin-right:2px; margin-left:2px; font-weight:normal;} .banndown{ display:block; width:27px; height:37px; background:url(../images/scoll.png) center no-repeat; position:absolute; left:50%; margin-left:-13px; bottom:21px; cursor:pointer; z-index:30;} @media (max-width: 767px) { .bannerText{position:absolute;width: 300px;left:50%;height: 100px;margin-left: -150px;top:48%;margin-top: -45px;z-index:200;/* background: rgba(27,27,27,0.6); */} .bann{width: 100%;height:100%;position:relative;} .banne-list{ position:relative; height:100%;} .banne-list li{opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);transition:1000ms 200ms;position:absolute;left:0;top:0;width:100%;height:100%;visibility:hidden;padding-top: 22px;} .banne-list h3{color:#fff;margin-bottom:8px;font-size: 16px;font-weight: 700;line-height:normal;visibility:hidden;opacity:0;text-align:center;padding:0 10px;} .banne-list small{position:relative;text-align:center;visibility:hidden;opacity:0;color:#fff;display:block;font-size: 13px;font-family:"Arial";line-height:normal;} .bamnline{ display:none;} .tabbtn{ display:none;} .numble{ display:none;} } @media (max-width: 1200px) { .banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; background-color:#969696; position: relative;margin-top: 0px;} }