﻿@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;}


}
