html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,textarea,legend {margin:0;padding:0;list-style:none;}

a{ color:#fff; text-decoration:none;}

html ,body ,#slider {height:100%;overflow: hidden; color:#fff;}
.hide{display:none;}
.s-list{height:1000%;/*-webkit-transition:.3s;*/
-webkit-transform:translate3d(0px,0px,0px);}
.s-list>li{height:10%;background:#000;}
ul,li{margin:0; padding:0; list-style:none; position:relative; width:100%;}

video{ position: absolute;margin: 0 auto;top:50%;transform: translateY(-50%);}

.vb{ text-align:center;}

.fo{ position:absolute; bottom:4rem; z-index:10; width:100%;}
.fb{position:relative; width:100%;}
.ti{ font-size:.8rem;}
.dz{ position:absolute; right:.1rem; bottom:4rem; width:2.2rem;}
.dz span{ display:block; font-size:.6rem; text-align:center; margin-bottom:1rem;}
.dz i{ display:block; width:2.2rem; height:2.2rem; background-repeat:no-repeat; background-size:cover;}
span.r1 i{ background-image: url(image/r1.png); margin-bottom:.3rem;}
span.r2 i{ background-image: url(image/r2.png); margin-bottom:.3rem;}
span.r3 i{ background-image: url(image/r3.png); margin-bottom:.3rem;}
span.r4 i{ background-image: url(image/r4.png); margin-bottom:.3rem;}
.tuch_up{position:absolute; width:85%; height:45%;z-index:5; }
.tuch_down{position:absolute; width:85%; height:30%;z-index:5; top:55%; }
/*底部浮动*/
.public-nav {position:fixed;bottom:0;left:0;right:0;z-index:1000;border-top:1px solid #999;height:2.5rem;padding-top:0rem}
/*底部*/
.public-nav ul.df {display:-webkit-box;display:-moz-box;display:-ms-flexbox;}
.public-nav ul.df li {-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1;width:0;}
.public-nav ul.df li a {width:100%;display:block;position:relative; font-weight:600}
.public-nav ul.df li a i {display:block;width:1.8rem;height:1.8rem;background-repeat:no-repeat;margin:0 auto;background-size:1.8rem}
.public-nav ul.df li a.sn3 i {position:absolute;width:2.5rem;height:2.5rem;top:-3rem;left:50%;margin-left:-1.5rem;border-radius:100%;border:3px solid #fff;box-shadow:1px -3px 8px rgba(0,0,0,0.3);}
.public-nav ul.df li a.sn3 span {margin-top:1.7rem;}
.public-nav ul.df li a.sn1 i {background-image:url(../image/d1.png)}
.public-nav ul.df li a.sn2 i {background-image:url(../image/d2.png)}
.public-nav ul.df li a.sn3 i {background:url(../image/d3.jpg) #Ff2535 center no-repeat;background-size:1.5rem;}
.public-nav ul.df li a.sn4 i {background-image:url(../image/d3.png)}
.public-nav ul.df li a.sn5 i {background-image:url(../image/d4.png)}
.public-nav ul.df li a span {display:block;font-size:.8rem;text-align:center;margin-top:.8rem;}