*{padding:0;margin:0}body{background:#ccc;font-size:0}
.banner{width:100%;height:830px;overflow:hidden;position:relative;font-size:0}
.b-img{height:830px;position:absolute;left:0;top:0}
.b-img a{display:block;height:830px;float:left}
.b-list{height:50px;padding-top:700px;position:relative;margin:0 auto;z-index:1}
.b-list span{display:block;cursor:pointer;width:14px;height:14px;border-radius:50%;border:3px solid #fff;float:left;margin:0 5px;_margin:0 3px}
.b-list .spcss{border:3px solid #14ab04}
.bar-left{position:absolute;z-index:1;display:block;width:100px;height:100%;left:0;background:0 0;top:0}
.bar-right{position:absolute;z-index:1;display:block;width:100px;height:100%;right:0;background:0 0;top:0}
.bar-left em{display:block;width:80px;height:105px;background:url(../images/jiantou.png) 0 0 no-repeat;margin:0 auto;margin-top:300px}
.bar-right em{display:block;width:80px;height:105px;background:url(../images/jiantou.png) -81px 0 no-repeat;margin:0 auto;margin-top:300px}
/**.bar-left .emcss{background-position:0 -100px}
.bar-right .emcss{background-position:-50px -100px}**/

        @media (max-height:900px){
          .banner{height:700px;}
          .b-img{height:700px;}
          .b-img a{height:700px;}
          .bar-left em{margin-top:260px;}
          .bar-right em{margin-top:260px;}
        }
        @media (max-height:800px){
          .banner{height:600px;}
          .b-img{height:600px;}
          .b-img a{height:600px;}
          .bar-left em{margin-top:230px;}
          .bar-right em{margin-top:230px;}
        }
        @media (max-height:768px){
          .banner{height:680px;}
          .b-img{height:680px;}
          .b-img a{height:680px;}
          .bar-left em{margin-top:250px;}
          .bar-right em{margin-top:250px;}
        }
        @media (max-height:720px){
          .banner{height:570px;}
          .b-img{height:570px;}
          .b-img a{height:570px;}
          .bar-left em{margin-top:220px;}
          .bar-right em{margin-top:220px;}
          .index_btn{display:none;}
        }
        @media (max-height:600px){
          .banner{height:400px;}
          .b-img{height:400px;}
          .b-img a{height:400px;}
          .bar-left em{margin-top:150px;}
          .bar-right em{margin-top:150px;}
          .index_btn{display:none;}
        }