html,body,div,dl,dt,dd,ol,ul,li,span,i,p,em,h,form,input,textarea,button,table,tr,td,img,h1,h2,h3,h4,h5,h6,a{ margin:0; padding:0;}
body{ font-size:14px; /* font-family:"\5fae\8f6f\96c5\9ed1", sans-serif; */ color:#666666; overflow-x:hidden; background-color:#fff; font-family: '微软雅黑'}
ul,li{ list-style:none;}
i,em,cite{font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
img,input{ border:none; vertical-align:middle;}

/* img{ max-width: 100%; } */
a{ font-size:14px; /* font-family:"\5fae\8f6f\96c5\9ed1", sans-serif; */ text-decoration:none; color:#666666;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}



.banner-box { position: relative; height: 100%; width: 100%; overflow: hidden; }
.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; position: relative; }
.banner .slides { position: relative; z-index: 20; }

.banner .slides li { height: 100%; line-height: 0; opacity: 0; transition: opacity 2000ms linear; -webkit-transition: opacity 2000ms linear; overflow: hidden; position: relative;}
.banner .slides li video{ width: 100%; position: absolute; top: -136px; left: 0; z-index: 999;}
.banner .slides .bimg { line-height: 0; width: 100%; position: relative; transition: transform 4s ease; -webkit-transition: transform 4s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.banner .slides li.imgIn { opacity: 1; }
.banner .slides li.imgIn a > img { max-width: none; transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); z-index: 1;}

.bannerText { position: absolute; width: 590px; height: 215px; left: 50%; margin-left: -295px; top: 50%; z-index: 30; margin-top: -107px; }
.bann { width: 100%; height: 100%; position: relative; }
.banne-list { position: relative; height: 100%; }
.banne-list li { opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transition: 800ms 200ms; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; }
.banne-list h3 { color: #ffffff; margin-bottom: 64px; line-height: normal; font-size: 42px; font-weight: normal; visibility: hidden; opacity: 0; text-align: center; }
.banne-list h3 i { display: inline-block; width: 9px; height: 8px; background: url(../images/dot.png) center no-repeat; position: relative; top: -8px; }
.banne-list h3 i:nth-child(1) { margin-right: 42px; }
.banne-list h3 i:nth-child(2) { margin-left: 42px; }
.banne-list li.noshow h3, .banne-list li.noshow b, .banne-list li.noshow small, .banne-list li.noshow span { display: none; }

.banne-list small { visibility: hidden; opacity: 0; text-align: center; color: #ffffff; display: block; font-size: 16px; text-transform: uppercase; line-height: normal; }
.banne-list b { display: block; color: #ffffff; font-size: 28px; visibility: hidden; opacity: 0; font-weight: normal; line-height: normal; text-align: center; margin-bottom: 12px; }
.banne-list span { display: block; margin-top: 14px; font-size: 12px; text-align: center; color: #ffffff; text-align: center; text-transform: uppercase; opacity: 0; visibility: hidden; }

.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; }
.banne-list li.on b { opacity: 1; visibility: visible; }
.banne-list li.on span { opacity: 1; visibility: visible; }
.bamnline { position: absolute; left: 3.5%; top: 92px; width: 93%; height: 2px; background: #fff; }
.bamnline span { display: block; width: 0; height: 2px; background: #11a1e1; }
.bamnline.load span { width: 100%; transition: 3.6s linear; -webkit-transition: 3.6s linear; -moz-transition: 3.6s linear; }

.mousebox { position: absolute; width: 52px; left: 50%; margin-left: -26px; bottom: 12px; z-index: 20; }
.mouse { opacity: 0.5; width: 31px; height: 50px; margin: auto; position: relative; background: url(../images/mouse.png) center no-repeat;background-size: 75%; }
.mouse i { width: 12px; height: 8px; display: block; background: url(../images/arrow.png) no-repeat center center; background-size: 80%; position: absolute; left: 9px; bottom: 13px; animation-delay: 0ms; animation-duration: 1340ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.mousebox span { color: #fff; margin-top: 10px; font-size: 12px; display: block; text-alignce; }


.banner .flex-control-nav { position: absolute; right: 20px; bottom: 50%; z-index: 20; margin-bottom: -28px; background: url(../images/j_3.png) repeat-y right top; }
.banner .flex-control-nav li { margin-bottom: 12px; }
.banner .flex-control-nav li:last-child { margin-bottom: 0; }
.banner .flex-control-nav li a span { display: block; width: 9px; padding-right: 26px; height: 28px; line-height: 28px; font-size: 14px; color: #eee;  transition: 310ms; background: url(../images/j_1.png) no-repeat right center; }
.banner .flex-control-nav li a.flex-active span { color: #009fe8; background: url(../images/j_2.png) no-repeat right center;}



.banner-box h3{position: absolute;top: ;z-index: 9999;font-size: 36px; line-height: 50px;text-align: center;background: url(../images/) no-repeat center;width: 100%; height:100%;}
.banner-box p{position: absolute;top: 35%;z-index: 9999;left: 28.5%;font-size: 24px; line-height: 50px;text-align: center; color:#d3d3d3;}