{
  box-sizing: border-box;
}
.container {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.container:before,
.container:after {
  content: "";
  display: table;
}
.container:after {
  clear: both;
}
.container{
  *zoom:1;
}
.container > .row {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.container .clear:before,
.container .clear:after {
  content: "";
  display: table;
}
.container .clear:after {
  clear: both;
}
.container .clear{
  *zoom:1;
}
.container > .row > .col-s-hid {
  display: none;
}
.container-fluid > .row > .col-s-hid {
  display: none;
}
.container > .row > .col-s-1 {
  width: 8.33333333%;
  float: left;
}
.container-fluid > .row > .col-s-1 {
  width: 8.33333333%;
  float: left;
}
.container > .row > .col-s-offsetl-1 {
  margin-left: 8.33333333%;
}
.container > .row > .col-s-offsetr-1 {
  margin-left: -8.33333333%;
}
.container-fluid > .row > .col-s-offsetl-1 {
  margin-left: 8.33333333%;
}
.container-fluid > .row > .col-s-offsetr-1 {
  margin-left: -8.33333333%;
}
.container > .row > .col-s-push-1 {
  position: relative;
  left: -8.33333333%;
}
.container > .row > .col-s-pull-1 {
  position: relative;
  left: 8.33333333%;
}
.container-fluid > .row > .col-s-push-1 {
  position: relative;
  left: -8.33333333%;
}
.container-fluid > .row > .col-s-pull-1 {
  position: relative;
  left: 8.33333333%;
  /*！！！！位置改变*/
}
.container > .row > .col-s-2 {
  width: 16.66666667%;
  float: left;
}
.container-fluid > .row > .col-s-2 {
  width: 16.66666667%;
  float: left;
}
.container > .row > .col-s-offsetl-2 {
  margin-left: 16.66666667%;
}
.container > .row > .col-s-offsetr-2 {
  margin-left: -16.66666667%;
}
.container-fluid > .row > .col-s-offsetl-2 {
  margin-left: 16.66666667%;
}
.container-fluid > .row > .col-s-offsetr-2 {
  margin-left: -16.66666667%;
}
.container > .row > .col-s-push-2 {
  position: relative;
  left: -16.66666667%;
}
.container > .row > .col-s-pull-2 {
  position: relative;
  left: 16.66666667%;
}
.container-fluid > .row > .col-s-push-2 {
  position: relative;
  left: -16.66666667%;
}
.container-fluid > .row > .col-s-pull-2 {
  position: relative;
  left: 16.66666667%;
  /*！！！！位置改变*/
}
.container > .row > .col-s-3 {
  width: 25%;
  *width: 24.9%;
  float: left;
}
.container-fluid > .row > .col-s-3 {
  width: 25%;
  *width: 24.9%;
  float: left;
}
.container > .row > .col-s-offsetl-3 {
  margin-left: 25%;
}
.container > .row > .col-s-offsetr-3 {
  margin-left: -25%;
}
.container-fluid > .row > .col-s-offsetl-3 {
  margin-left: 25%;
}
.container-fluid > .row > .col-s-offsetr-3 {
  margin-left: -25%;
}
.container > .row > .col-s-push-3 {
  position: relative;
  left: -25%;
}
.container > .row > .col-s-pull-3 {
  position: relative;
  left: 25%;
}
.container-fluid > .row > .col-s-push-3 {
  position: relative;
  left: -25%;
}
.container-fluid > .row > .col-s-pull-3 {
  position: relative;
  left: 25%;
  /*！！！！位置改变*/
}
.container > .row > .col-s-4 {
  width: 33.33333333%;
  float: left;
}
.container-fluid > .row > .col-s-4 {
  width: 33.33333333%;
  float: left;
}
.container > .row > .col-s-offsetl-4 {
  margin-left: 33.33333333%;
}
.container > .row > .col-s-offsetr-4 {
  margin-left: -33.33333333%;
}
.container-fluid > .row > .col-s-offsetl-4 {
  margin-left: 33.33333333%;
}
.container-fluid > .row > .col-s-offsetr-4 {
  margin-left: -33.33333333%;
}
.container > .row > .col-s-push-4 {
  position: relative;
  left: -33.33333333%;
}
.container > .row > .col-s-pull-4 {
  position: relative;
  left: 33.33333333%;
}
.container-fluid > .row > .col-s-push-4 {
  position: relative;
  left: -33.33333333%;
}
.container-fluid > .row > .col-s-pull-4 {
  position: relative;
  left: 33.33333333%;
  /*！！！！位置改变*/
}
.container > .row > .col-s-5 {
  width: 41.66666667%;
  float: left;
}
.container-fluid > .row > .col-s-5 {
  width: 41.66666667%;
  float: left;
}
.container > .row > .col-s-offsetl-5 {
  margin-left: 41.66666667%;
}
.container > .row > .col-s-offsetr-5 {
  margin-left: -41.66666667%;
}
.container-fluid > .row > .col-s-offsetl-5 {
  margin-left: 41.66666667%;
}
.container-fluid > .row > .col-s-offsetr-5 {
  margin-left: -41.66666667%;
}
.container > .row > .col-s-push-5 {
  position: relative;
  left: -41.66666667%;
}
.container > .row > .col-s-pull-5 {
  position: relative;
  left: 41.66666667%;
}
.container-fluid > .row > .col-s-push-5 {
  position: relative;
  left: -41.66666667%;
}
.container-fluid > .row > .col-s-pull-5 {
  position: relative;
  left: 41.66666667%;
  /*！！！！位置改变*/
}
.container > .row > .col-s-6 {
  width: 50%;
  *width: 49.9%;
  float: left;
}
.container-fluid > .row > .col-s-6 {
  width: 50%;
  *width: 49.9%;
  float: left;
}
.container > .row > .col-s-offsetl-6 {
  margin-left: 50%;
}
.container > .row > .col-s-offsetr-6 {
  margin-left: -50%;
}
.container-fluid > .row > .col-s-offsetl-6 {
  margin-left: 50%;
}
.container-fluid > .row > .col-s-offsetr-6 {
  margin-left: -50%;
}
.container > .row > .col-s-push-6 {
  position: relative;
  left: -50%;
}
.container > .row > .col-s-pull-6 {
  position: relative;
  left: 50%;
}
.container-fluid > .row > .col-s-push-6 {
  position: relative;
  left: -50%;
}
.container-fluid > .row > .col-s-pull-6 {
  position: relative;
  left: 50%;
  /*！！！！位置改变*/
}
.container > .row > .col-s-7 {
  width: 58.33333333%;
  float: left;
}
.container-fluid > .row > .col-s-7 {
  width: 58.33333333%;
  float: left;
}
.container > .row > .col-s-offsetl-7 {
  margin-left: 58.33333333%;
}
.container > .row > .col-s-offsetr-7 {
  margin-left: -58.33333333%;
}
.container-fluid > .row > .col-s-offsetl-7 {
  margin-left: 58.33333333%;
}
.container-fluid > .row > .col-s-offsetr-7 {
  margin-left: -58.33333333%;
}
.container > .row > .col-s-push-7 {
  position: relative;
  left: -58.33333333%;
}
.container > .row > .col-s-pull-7 {
  position: relative;
  left: 58.33333333%;
}
.container-fluid > .row > .col-s-push-7 {
  position: relative;
  left: -58.33333333%;
}
.container-fluid > .row > .col-s-pull-7 {
  position: relative;
  left: 58.33333333%;
  /*！！！！位置改变*/
}
.container > .row > .col-s-8 {
  width: 66.66666667%;
  float: left;
}
.container-fluid > .row > .col-s-8 {
  width: 66.66666667%;
  float: left;
}
.container > .row > .col-s-offsetl-8 {
  margin-left: 66.66666667%;
}
.container > .row > .col-s-offsetr-8 {
  margin-left: -66.66666667%;
}
.container-fluid > .row > .col-s-offsetl-8 {
  margin-left: 66.66666667%;
}
.container-fluid > .row > .col-s-offsetr-8 {
  margin-left: -66.66666667%;
}
.container > .row > .col-s-push-8 {
  position: relative;
  left: -66.66666667%;
}
.container > .row > .col-s-pull-8 {
  position: relative;
  left: 66.66666667%;
}
.container-fluid > .row > .col-s-push-8 {
  position: relative;
  left: -66.66666667%;
}
.container-fluid > .row > .col-s-pull-8 {
  position: relative;
  left: 66.66666667%;
  /*！！！！位置改变*/
}
.container > .row > .col-s-9 {
  width: 75%;
  float: left;
}
.container-fluid > .row > .col-s-9 {
  width: 75%;
  float: left;
}
.container > .row > .col-s-offsetl-9 {
  margin-left: 75%;
}
.container > .row > .col-s-offsetr-9 {
  margin-left: -75%;
}
.container-fluid > .row > .col-s-offsetl-9 {
  margin-left: 75%;
}
.container-fluid > .row > .col-s-offsetr-9 {
  margin-left: -75%;
}
.container > .row > .col-s-push-9 {
  position: relative;
  left: -75%;
}
.container > .row > .col-s-pull-9 {
  position: relative;
  left: 75%;
}
.container-fluid > .row > .col-s-push-9 {
  position: relative;
  left: -75%;
}
.container-fluid > .row > .col-s-pull-9 {
  position: relative;
  left: 75%;
  /*！！！！位置改变*/
}
.container > .row > .col-s-10 {
  width: 83.33333333%;
  float: left;
}
.container-fluid > .row > .col-s-10 {
  width: 83.33333333%;
  float: left;
}
.container > .row > .col-s-offsetl-10 {
  margin-left: 83.33333333%;
}
.container > .row > .col-s-offsetr-10 {
  margin-left: -83.33333333%;
}
.container-fluid > .row > .col-s-offsetl-10 {
  margin-left: 83.33333333%;
}
.container-fluid > .row > .col-s-offsetr-10 {
  margin-left: -83.33333333%;
}
.container > .row > .col-s-push-10 {
  position: relative;
  left: -83.33333333%;
}
.container > .row > .col-s-pull-10 {
  position: relative;
  left: 83.33333333%;
}
.container-fluid > .row > .col-s-push-10 {
  position: relative;
  left: -83.33333333%;
}
.container-fluid > .row > .col-s-pull-10 {
  position: relative;
  left: 83.33333333%;
  /*！！！！位置改变*/
}
.container > .row > .col-s-11 {
  width: 91.66666667%;
  float: left;
}
.container-fluid > .row > .col-s-11 {
  width: 91.66666667%;
  float: left;
}
.container > .row > .col-s-offsetl-11 {
  margin-left: 91.66666667%;
}
.container > .row > .col-s-offsetr-11 {
  margin-left: -91.66666667%;
}
.container-fluid > .row > .col-s-offsetl-11 {
  margin-left: 91.66666667%;
}
.container-fluid > .row > .col-s-offsetr-11 {
  margin-left: -91.66666667%;
}
.container > .row > .col-s-push-11 {
  position: relative;
  left: -91.66666667%;
}
.container > .row > .col-s-pull-11 {
  position: relative;
  left: 91.66666667%;
}
.container-fluid > .row > .col-s-push-11 {
  position: relative;
  left: -91.66666667%;
}
.container-fluid > .row > .col-s-pull-11 {
  position: relative;
  left: 91.66666667%;
  /*！！！！位置改变*/
}
.container > .row > .col-s-12 {
  width: 100%;
  float: left;
}
.container-fluid > .row > .col-s-12 {
  width: 100%;
  float: left;
}
.container > .row > .col-s-offsetl-12 {
  margin-left: 100%;
}
.container > .row > .col-s-offsetr-12 {
  margin-left: -100%;
}
.container-fluid > .row > .col-s-offsetl-12 {
  margin-left: 100%;
}
.container-fluid > .row > .col-s-offsetr-12 {
  margin-left: -100%;
}
.container > .row > .col-s-push-12 {
  position: relative;
  left: -100%;
}
.container > .row > .col-s-pull-12 {
  position: relative;
  left: 100%;
}
.container-fluid > .row > .col-s-push-12 {
  position: relative;
  left: -100%;
}
.container-fluid > .row > .col-s-pull-12 {
  position: relative;
  left: 100%;
  /*！！！！位置改变*/
}
.container-fluid {
  width: 100%;
  height: auto;
  overflow: hidden;

}
.subox-02 .container-fluid {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding:50px ;
}
.container-fluid:before,
.container-fluid:after {
  content: "";
  display: table;
}
.container-fluid:after {
  clear: both;
}
.container-fluid{
  *zoom:1;
}
.container-fluid > .row {
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media (max-width:1200px) and (min-width:769px){
/*@media(min-width:660px){*/
/*@media screen and (min-width: 660px) {*/
  .container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
  }
  .container > .row {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .container > .row > .col-s-hid {
    display: block;
  }
  .container > .row > .col-m-hid {
    display: none;
  }
  .container-fluid > .row > .col-s-hid {
    display: block;
  }
  .container-fluid > .row > .col-m-hid {
    display: none;
  }
  .container > .row > .col-s-offsetl-1 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-1 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-1 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-1 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-1 {
    left: 0;
  }
  .container > .row > .col-s-pull-1 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-2 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-2 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-2 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-2 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-2 {
    left: 0;
  }
  .container > .row > .col-s-pull-2 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-3 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-3 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-3 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-3 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-3 {
    left: 0;
  }
  .container > .row > .col-s-pull-3 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-4 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-4 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-4 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-4 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-4 {
    left: 0;
  }
  .container > .row > .col-s-pull-4 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-5 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-5 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-5 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-5 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-5 {
    left: 0;
  }
  .container > .row > .col-s-pull-5 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-6 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-6 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-6 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-6 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-6 {
    left: 0;
  }
  .container > .row > .col-s-pull-6 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-7 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-7 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-7 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-7 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-7 {
    left: 0;
  }
  .container > .row > .col-s-pull-7 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-8 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-8 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-8 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-8 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-8 {
    left: 0;
  }
  .container > .row > .col-s-pull-8 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-9 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-9 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-9 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-9 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-9 {
    left: 0;
  }
  .container > .row > .col-s-pull-9 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-10 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-10 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-10 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-10 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-10 {
    left: 0;
  }
  .container > .row > .col-s-pull-10 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-11 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-11 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-11 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-11 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-11 {
    left: 0;
  }
  .container > .row > .col-s-pull-11 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-12 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-12 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-12 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-12 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-12 {
    left: 0;
  }
  .container > .row > .col-s-pull-12 {
    left: 0;
  }
  .container > .row > .col-m-1 {
    width: 8.33333333%;
    float: left;
  }
  .container-fluid > .row > .col-m-1 {
    width: 8.33333333%;
    float: left;
  }
  .container > .row > .col-m-offsetl-1 {
    margin-left: 8.33333333%;
  }
  .container > .row > .col-m-offsetr-1 {
    margin-left: -8.33333333%;
  }
  .container-fluid > .row > .col-m-offsetl-1 {
    margin-left: 8.33333333%;
  }
  .container-fluid > .row > .col-m-offsetr-1 {
    margin-left: -8.33333333%;
  }
  .container > .row > .col-m-push-1 {
    position: relative;
    left: -8.33333333%;
  }
  .container > .row > .col-m-pull-1 {
    position: relative;
    left: 8.33333333%;
  }
  .container-fluid > .row > .col-m-push-1 {
    position: relative;
    left: -8.33333333%;
  }
  .container-fluid > .row > .col-m-pull-1 {
    position: relative;
    left: 8.33333333%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-m-2 {
    width: 16.66666667%;
    float: left;
  }
  .container-fluid > .row > .col-m-2 {
    width: 16.66666667%;
    float: left;
  }
  .container > .row > .col-m-offsetl-2 {
    margin-left: 16.66666667%;
  }
  .container > .row > .col-m-offsetr-2 {
    margin-left: -16.66666667%;
  }
  .container-fluid > .row > .col-m-offsetl-2 {
    margin-left: 16.66666667%;
  }
  .container-fluid > .row > .col-m-offsetr-2 {
    margin-left: -16.66666667%;
  }
  .container > .row > .col-m-push-2 {
    position: relative;
    left: -16.66666667%;
  }
  .container > .row > .col-m-pull-2 {
    position: relative;
    left: 16.66666667%;
  }
  .container-fluid > .row > .col-m-push-2 {
    position: relative;
    left: -16.66666667%;
  }
  .container-fluid > .row > .col-m-pull-2 {
    position: relative;
    left: 16.66666667%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-m-3 {
    width: 25%;
    *width:24.9%;
    float: left;
  }
  .container-fluid > .row > .col-m-3 {
    width: 25%;

    *width:24.9%;
    float: left;
  }
  .container > .row > .col-m-offsetl-3 {
    margin-left: 25%;
  }
  .container > .row > .col-m-offsetr-3 {
    margin-left: -25%;
  }
  .container-fluid > .row > .col-m-offsetl-3 {
    margin-left: 25%;
  }
  .container-fluid > .row > .col-m-offsetr-3 {
    margin-left: -25%;
  }
  .container > .row > .col-m-push-3 {
    position: relative;
    left: -25%;
  }
  .container > .row > .col-m-pull-3 {
    position: relative;
    left: 25%;
  }
  .container-fluid > .row > .col-m-push-3 {
    position: relative;
    left: -25%;
  }
  .container-fluid > .row > .col-m-pull-3 {
    position: relative;
    left: 25%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-m-4 {
    width: 33.33333333%;
    *width: 33%;
    float: left;
  }
  .container-fluid > .row > .col-m-4 {
    width: 33.33333333%;
    *width: 33%;
    float: left;
  }
  .container > .row > .col-m-offsetl-4 {
    margin-left: 33.33333333%;
  }
  .container > .row > .col-m-offsetr-4 {
    margin-left: -33.33333333%;
  }
  .container-fluid > .row > .col-m-offsetl-4 {
    margin-left: 33.33333333%;
  }
  .container-fluid > .row > .col-m-offsetr-4 {
    margin-left: -33.33333333%;
  }
  .container > .row > .col-m-push-4 {
    position: relative;
    left: -33.33333333%;
  }
  .container > .row > .col-m-pull-4 {
    position: relative;
    left: 33.33333333%;
  }
  .container-fluid > .row > .col-m-push-4 {
    position: relative;
    left: -33.33333333%;
  }
  .container-fluid > .row > .col-m-pull-4 {
    position: relative;
    left: 33.33333333%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-m-5 {
    width: 41.66666667%;
    float: left;
  }
  .container-fluid > .row > .col-m-5 {
    width: 41.66666667%;
    float: left;
  }
  .container > .row > .col-m-offsetl-5 {
    margin-left: 41.66666667%;
  }
  .container > .row > .col-m-offsetr-5 {
    margin-left: -41.66666667%;
  }
  .container-fluid > .row > .col-m-offsetl-5 {
    margin-left: 41.66666667%;
  }
  .container-fluid > .row > .col-m-offsetr-5 {
    margin-left: -41.66666667%;
  }
  .container > .row > .col-m-push-5 {
    position: relative;
    left: -41.66666667%;
  }
  .container > .row > .col-m-pull-5 {
    position: relative;
    left: 41.66666667%;
  }
  .container-fluid > .row > .col-m-push-5 {
    position: relative;
    left: -41.66666667%;
  }
  .container-fluid > .row > .col-m-pull-5 {
    position: relative;
    left: 41.66666667%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-m-6 {
    width: 50%;
    *width: 49.9%;
    float: left;
  }
  .container-fluid > .row > .col-m-6 {
    width: 50%;
    *width: 49.9%;
    float: left;
  }
  .container > .row > .col-m-offsetl-6 {
    margin-left: 50%;
  }
  .container > .row > .col-m-offsetr-6 {
    margin-left: -50%;
  }
  .container-fluid > .row > .col-m-offsetl-6 {
    margin-left: 50%;
  }
  .container-fluid > .row > .col-m-offsetr-6 {
    margin-left: -50%;
  }
  .container > .row > .col-m-push-6 {
    position: relative;
    left: -50%;
  }
  .container > .row > .col-m-pull-6 {
    position: relative;
    left: 50%;
  }
  .container-fluid > .row > .col-m-push-6 {
    position: relative;
    left: -50%;
  }
  .container-fluid > .row > .col-m-pull-6 {
    position: relative;
    left: 50%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-m-7 {
    width: 58.33333333%;
    float: left;
  }
  .container-fluid > .row > .col-m-7 {
    width: 58.33333333%;
    float: left;
  }
  .container > .row > .col-m-offsetl-7 {
    margin-left: 58.33333333%;
  }
  .container > .row > .col-m-offsetr-7 {
    margin-left: -58.33333333%;
  }
  .container-fluid > .row > .col-m-offsetl-7 {
    margin-left: 58.33333333%;
  }
  .container-fluid > .row > .col-m-offsetr-7 {
    margin-left: -58.33333333%;
  }
  .container > .row > .col-m-push-7 {
    position: relative;
    left: -58.33333333%;
  }
  .container > .row > .col-m-pull-7 {
    position: relative;
    left: 58.33333333%;
  }
  .container-fluid > .row > .col-m-push-7 {
    position: relative;
    left: -58.33333333%;
  }
  .container-fluid > .row > .col-m-pull-7 {
    position: relative;
    left: 58.33333333%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-m-8 {
    width: 66.66666667%;
    float: left;
  }
  .container-fluid > .row > .col-m-8 {
    width: 66.66666667%;
    float: left;
  }
  .container > .row > .col-m-offsetl-8 {
    margin-left: 66.66666667%;
  }
  .container > .row > .col-m-offsetr-8 {
    margin-left: -66.66666667%;
  }
  .container-fluid > .row > .col-m-offsetl-8 {
    margin-left: 66.66666667%;
  }
  .container-fluid > .row > .col-m-offsetr-8 {
    margin-left: -66.66666667%;
  }
  .container > .row > .col-m-push-8 {
    position: relative;
    left: -66.66666667%;
  }
  .container > .row > .col-m-pull-8 {
    position: relative;
    left: 66.66666667%;
  }
  .container-fluid > .row > .col-m-push-8 {
    position: relative;
    left: -66.66666667%;
  }
  .container-fluid > .row > .col-m-pull-8 {
    position: relative;
    left: 66.66666667%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-m-9 {
    width: 75%;
    float: left;
  }
  .container-fluid > .row > .col-m-9 {
    width: 75%;
    float: left;
  }
  .container > .row > .col-m-offsetl-9 {
    margin-left: 75%;
  }
  .container > .row > .col-m-offsetr-9 {
    margin-left: -75%;
  }
  .container-fluid > .row > .col-m-offsetl-9 {
    margin-left: 75%;
  }
  .container-fluid > .row > .col-m-offsetr-9 {
    margin-left: -75%;
  }
  .container > .row > .col-m-push-9 {
    position: relative;
    left: -75%;
  }
  .container > .row > .col-m-pull-9 {
    position: relative;
    left: 75%;
  }
  .container-fluid > .row > .col-m-push-9 {
    position: relative;
    left: -75%;
  }
  .container-fluid > .row > .col-m-pull-9 {
    position: relative;
    left: 75%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-m-10 {
    width: 83.33333333%;
    float: left;
  }
  .container-fluid > .row > .col-m-10 {
    width: 83.33333333%;
    float:left;
  }
  .container > .row > .col-m-offsetl-10 {
    margin-left: 83.33333333%;
  }
  .container > .row > .col-m-offsetr-10 {
    margin-left: -83.33333333%;
  }
  .container-fluid > .row > .col-m-offsetl-10 {
    margin-left: 83.33333333%;
  }
  .container-fluid > .row > .col-m-offsetr-10 {
    margin-left: -83.33333333%;
  }
  .container > .row > .col-m-push-10 {
    position: relative;
    left: -83.33333333%;
  }
  .container > .row > .col-m-pull-10 {
    position: relative;
    left: 83.33333333%;
  }
  .container-fluid > .row > .col-m-push-10 {
    position: relative;
    left: -83.33333333%;
  }
  .container-fluid > .row > .col-m-pull-10 {
    position: relative;
    left: 83.33333333%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-m-11 {
    width: 91.66666667%;
    float: left;
  }
  .container-fluid > .row > .col-m-11 {
    width: 91.66666667%;
    float: left;
  }
  .container > .row > .col-m-offsetl-11 {
    margin-left: 91.66666667%;
  }
  .container > .row > .col-m-offsetr-11 {
    margin-left: -91.66666667%;
  }
  .container-fluid > .row > .col-m-offsetl-11 {
    margin-left: 91.66666667%;
  }
  .container-fluid > .row > .col-m-offsetr-11 {
    margin-left: -91.66666667%;
  }
  .container > .row > .col-m-push-11 {
    position: relative;
    left: -91.66666667%;
  }
  .container > .row > .col-m-pull-11 {
    position: relative;
    left: 91.66666667%;
  }
  .container-fluid > .row > .col-m-push-11 {
    position: relative;
    left: -91.66666667%;
  }
  .container-fluid > .row > .col-m-pull-11 {
    position: relative;
    left: 91.66666667%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-m-12 {
    width: 100%;
    float: left;
  }
  .container-fluid > .row > .col-m-12 {
    width: 100%;
    float: left;
  }
  .container > .row > .col-m-offsetl-12 {
    margin-left: 100%;
  }
  .container > .row > .col-m-offsetr-12 {
    margin-left: -100%;
  }
  .container-fluid > .row > .col-m-offsetl-12 {
    margin-left: 100%;
  }
  .container-fluid > .row > .col-m-offsetr-12 {
    margin-left: -100%;
  }
  .container > .row > .col-m-push-12 {
    position: relative;
    left: -100%;
  }
  .container > .row > .col-m-pull-12 {
    position: relative;
    left: 100%;
  }
  .container-fluid > .row > .col-m-push-12 {
    position: relative;
    left: -100%;
  }
  .container-fluid > .row > .col-m-pull-12 {
    position: relative;
    left: 100%;
    /*！！！！位置改变*/
  }
}
@media(min-width:1200px){
/*@media screen and (min-width: 1200px) {*/
  .container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
  }
  .container > .row {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .container > .row > .col-s-hid {
    display: block;
  }
  .container > .row > .col-m-hid {
    display: block;
  }
  .container > .row > .col-l-hid {
    display: none;
  }
  .container-fluid > .row > .col-s-hid {
    display: block;
  }
  .container-fluid > .row > .col-m-hid {
    display: block;
  }
  .container-fluid > .row > .col-l-hid {
    display: none;
  }
  .container > .row > .col-s-offsetl-1 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-1 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-1 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-1 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-1 {
    left: 0;
  }
  .container > .row > .col-s-pull-1 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-2 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-2 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-2 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-2 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-2 {
    left: 0;
  }
  .container > .row > .col-s-pull-2 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-3 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-3 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-3 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-3 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-3 {
    left: 0;
  }
  .container > .row > .col-s-pull-3 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-4 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-4 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-4 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-4 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-4 {
    left: 0;
  }
  .container > .row > .col-s-pull-4 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-5 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-5 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-5 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-5 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-5 {
    left: 0;
  }
  .container > .row > .col-s-pull-5 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-6 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-6 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-6 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-6 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-6 {
    left: 0;
  }
  .container > .row > .col-s-pull-6 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-7 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-7 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-7 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-7 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-7 {
    left: 0;
  }
  .container > .row > .col-s-pull-7 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-8 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-8 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-8 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-8 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-8 {
    left: 0;
  }
  .container > .row > .col-s-pull-8 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-9 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-9 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-9 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-9 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-9 {
    left: 0;
  }
  .container > .row > .col-s-pull-9 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-10 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-10 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-10 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-10 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-10 {
    left: 0;
  }
  .container > .row > .col-s-pull-10 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-11 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-11 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-11 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-11 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-11 {
    left: 0;
  }
  .container > .row > .col-s-pull-11 {
    left: 0;
  }
  .container > .row > .col-s-offsetl-12 {
    margin-left: 0;
  }
  .container > .row > .col-s-offsetr-12 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetl-12 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-s-offsetr-12 {
    margin-left: 0;
  }
  .container > .row > .col-s-push-12 {
    left: 0;
  }
  .container > .row > .col-s-pull-12 {
    left: 0;
  }
  .container > .row > .col-m-offsetl-1 {
    margin-left: 0;
  }
  .container > .row > .col-m-offsetr-1 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetl-1 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetr-1 {
    margin-left: 0;
  }
  .container > .row > .col-m-push-1 {
    left: 0;
  }
  .container > .row > .col-m-pull-1 {
    left: 0;
  }
  .container > .row > .col-m-offsetl-2 {
    margin-left: 0;
  }
  .container > .row > .col-m-offsetr-2 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetl-2 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetr-2 {
    margin-left: 0;
  }
  .container > .row > .col-m-push-2 {
    left: 0;
  }
  .container > .row > .col-m-pull-2 {
    left: 0;
  }
  .container > .row > .col-m-offsetl-3 {
    margin-left: 0;
  }
  .container > .row > .col-m-offsetr-3 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetl-3 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetr-3 {
    margin-left: 0;
  }
  .container > .row > .col-m-push-3 {
    left: 0;
  }
  .container > .row > .col-m-pull-3 {
    left: 0;
  }
  .container > .row > .col-m-offsetl-4 {
    margin-left: 0;
  }
  .container > .row > .col-m-offsetr-4 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetl-4 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetr-4 {
    margin-left: 0;
  }
  .container > .row > .col-m-push-4 {
    left: 0;
  }
  .container > .row > .col-m-pull-4 {
    left: 0;
  }
  .container > .row > .col-m-offsetl-5 {
    margin-left: 0;
  }
  .container > .row > .col-m-offsetr-5 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetl-5 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetr-5 {
    margin-left: 0;
  }
  .container > .row > .col-m-push-5 {
    left: 0;
  }
  .container > .row > .col-m-pull-5 {
    left: 0;
  }
  .container > .row > .col-m-offsetl-6 {
    margin-left: 0;
  }
  .container > .row > .col-m-offsetr-6 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetl-6 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetr-6 {
    margin-left: 0;
  }
  .container > .row > .col-m-push-6 {
    left: 0;
  }
  .container > .row > .col-m-pull-6 {
    left: 0;
  }
  .container > .row > .col-m-offsetl-7 {
    margin-left: 0;
  }
  .container > .row > .col-m-offsetr-7 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetl-7 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetr-7 {
    margin-left: 0;
  }
  .container > .row > .col-m-push-7 {
    left: 0;
  }
  .container > .row > .col-m-pull-7 {
    left: 0;
  }
  .container > .row > .col-m-offsetl-8 {
    margin-left: 0;
  }
  .container > .row > .col-m-offsetr-8 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetl-8 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetr-8 {
    margin-left: 0;
  }
  .container > .row > .col-m-push-8 {
    left: 0;
  }
  .container > .row > .col-m-pull-8 {
    left: 0;
  }
  .container > .row > .col-m-offsetl-9 {
    margin-left: 0;
  }
  .container > .row > .col-m-offsetr-9 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetl-9 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetr-9 {
    margin-left: 0;
  }
  .container > .row > .col-m-push-9 {
    left: 0;
  }
  .container > .row > .col-m-pull-9 {
    left: 0;
  }
  .container > .row > .col-m-offsetl-10 {
    margin-left: 0;
  }
  .container > .row > .col-m-offsetr-10 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetl-10 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetr-10 {
    margin-left: 0;
  }
  .container > .row > .col-m-push-10 {
    left: 0;
  }
  .container > .row > .col-m-pull-10 {
    left: 0;
  }
  .container > .row > .col-m-offsetl-11 {
    margin-left: 0;
  }
  .container > .row > .col-m-offsetr-11 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetl-11 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetr-11 {
    margin-left: 0;
  }
  .container > .row > .col-m-push-11 {
    left: 0;
  }
  .container > .row > .col-m-pull-11 {
    left: 0;
  }
  .container > .row > .col-m-offsetl-12 {
    margin-left: 0;
  }
  .container > .row > .col-m-offsetr-12 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetl-12 {
    margin-left: 0;
  }
  .container-fluid > .row > .col-m-offsetr-12 {
    margin-left: 0;
  }
  .container > .row > .col-m-push-12 {
    left: 0;
  }
  .container > .row > .col-m-pull-12 {
    left: 0;
  }
  .container > .row > .col-l-1 {
    width: 8.33333333%;
    float: left;
  }
  .container-fluid > .row > .col-l-1 {
    width: 8.33333333%;
    float: left;
  }
  .container > .row > .col-l-offsetl-1 {
    margin-left: 8.33333333%;
  }
  .container > .row > .col-l-offsetr-1 {
    margin-left: -8.33333333%;
  }
  .container-fluid > .row > .col-l-offsetl-1 {
    margin-left: 8.33333333%;
  }
  .container-fluid > .row > .col-l-offsetr-1 {
    margin-left: -8.33333333%;
  }
  .container > .row > .col-l-push-1 {
    position: relative;
    left: -8.33333333%;
  }
  .container > .row > .col-l-pull-1 {
    position: relative;
    left: 8.33333333%;
  }
  .container-fluid > .row > .col-l-push-1 {
    position: relative;
    left: -8.33333333%;
  }
  .container-fluid > .row > .col-l-pull-1 {
    position: relative;
    left: 8.33333333%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-l-2 {
    width: 16.66666667%;
    float: left;
  }
  .container-fluid > .row > .col-l-2 {
    width: 16.66666667%;
    *width: 16.6%;
    float: left;
  }
  .container > .row > .col-l-offsetl-2 {
    margin-left: 16.66666667%;
  }
  .container > .row > .col-l-offsetr-2 {
    margin-left: -16.66666667%;
  }
  .container-fluid > .row > .col-l-offsetl-2 {
    margin-left: 16.66666667%;
  }
  .container-fluid > .row > .col-l-offsetr-2 {
    margin-left: -16.66666667%;
  }
  .container > .row > .col-l-push-2 {
    position: relative;
    left: -16.66666667%;
  }
  .container > .row > .col-l-pull-2 {
    position: relative;
    left: 16.66666667%;
  }
  .container-fluid > .row > .col-l-push-2 {
    position: relative;
    left: -16.66666667%;
  }
  .container-fluid > .row > .col-l-pull-2 {
    position: relative;
    left: 16.66666667%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-l-3 {
    width: 25%;
    float: left;
    *width: 24.9%;
  }
  .container-fluid > .row > .col-l-3 {
    width: 25%;
    *width: 24.9%;
    float: left;
  }
  .container > .row > .col-l-offsetl-3 {
    margin-left: 25%;
  }
  .container > .row > .col-l-offsetr-3 {
    margin-left: -25%;
  }
  .container-fluid > .row > .col-l-offsetl-3 {
    margin-left: 25%;
  }
  .container-fluid > .row > .col-l-offsetr-3 {
    margin-left: -25%;
  }
  .container > .row > .col-l-push-3 {
    position: relative;
    left: -25%;
  }
  .container > .row > .col-l-pull-3 {
    position: relative;
    left: 25%;
  }
  .container-fluid > .row > .col-l-push-3 {
    position: relative;
    left: -25%;
  }
  .container-fluid > .row > .col-l-pull-3 {
    position: relative;
    left: 25%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-l-4 {
    width: 33.33333333%;
    *width: 33%;
    float: left;
  }
  .container-fluid > .row > .col-l-4 {
    width: 33.33333333%;
    *width: 33%;
    float: left;
  }
  .container > .row > .col-l-offsetl-4 {
    margin-left: 33.33333333%;
  }
  .container > .row > .col-l-offsetr-4 {
    margin-left: -33.33333333%;
  }
  .container-fluid > .row > .col-l-offsetl-4 {
    margin-left: 33.33333333%;
  }
  .container-fluid > .row > .col-l-offsetr-4 {
    margin-left: -33.33333333%;
  }
  .container > .row > .col-l-push-4 {
    position: relative;
    left: -33.33333333%;
  }
  .container > .row > .col-l-pull-4 {
    position: relative;
    left: 33.33333333%;
  }
  .container-fluid > .row > .col-l-push-4 {
    position: relative;
    left: -33.33333333%;
  }
  .container-fluid > .row > .col-l-pull-4 {
    position: relative;
    left: 33.33333333%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-l-5 {
    width: 41.66666667%;
    float: left;
  }
  .container-fluid > .row > .col-l-5 {
    width: 41.66666667%;
    float: left;
  }
  .container > .row > .col-l-offsetl-5 {
    margin-left: 41.66666667%;
  }
  .container > .row > .col-l-offsetr-5 {
    margin-left: -41.66666667%;
  }
  .container-fluid > .row > .col-l-offsetl-5 {
    margin-left: 41.66666667%;
  }
  .container-fluid > .row > .col-l-offsetr-5 {
    margin-left: -41.66666667%;
  }
  .container > .row > .col-l-push-5 {
    position: relative;
    left: -41.66666667%;
  }
  .container > .row > .col-l-pull-5 {
    position: relative;
    left: 41.66666667%;
  }
  .container-fluid > .row > .col-l-push-5 {
    position: relative;
    left: -41.66666667%;
  }
  .container-fluid > .row > .col-l-pull-5 {
    position: relative;
    left: 41.66666667%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-l-6 {
    width: 50%;
    *width: 49.9%;
    float: left;
  }
  .container-fluid > .row > .col-l-6 {
    width: 50%;
    *width: 49.9%;
    float: left;
  }
  .container > .row > .col-l-offsetl-6 {
    margin-left: 50%;
  }
  .container > .row > .col-l-offsetr-6 {
    margin-left: -50%;
  }
  .container-fluid > .row > .col-l-offsetl-6 {
    margin-left: 50%;
  }
  .container-fluid > .row > .col-l-offsetr-6 {
    margin-left: -50%;
  }
  .container > .row > .col-l-push-6 {
    position: relative;
    left: -50%;
  }
  .container > .row > .col-l-pull-6 {
    position: relative;
    left: 50%;
  }
  .container-fluid > .row > .col-l-push-6 {
    position: relative;
    left: -50%;
  }
  .container-fluid > .row > .col-l-pull-6 {
    position: relative;
    left: 50%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-l-7 {
    width: 58.33333333%;
    float: left;
  }
  .container-fluid > .row > .col-l-7 {
    width: 58.33333333%;
    float: left;
  }
  .container > .row > .col-l-offsetl-7 {
    margin-left: 58.33333333%;
  }
  .container > .row > .col-l-offsetr-7 {
    margin-left: -58.33333333%;
  }
  .container-fluid > .row > .col-l-offsetl-7 {
    margin-left: 58.33333333%;
  }
  .container-fluid > .row > .col-l-offsetr-7 {
    margin-left: -58.33333333%;
  }
  .container > .row > .col-l-push-7 {
    position: relative;
    left: -58.33333333%;
  }
  .container > .row > .col-l-pull-7 {
    position: relative;
    left: 58.33333333%;
  }
  .container-fluid > .row > .col-l-push-7 {
    position: relative;
    left: -58.33333333%;
  }
  .container-fluid > .row > .col-l-pull-7 {
    position: relative;
    left: 58.33333333%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-l-8 {
    width: 66.66666667%;
    float: left;
  }
  .container-fluid > .row > .col-l-8 {
    width: 66.66666667%;
    float: left;
  }
  .container > .row > .col-l-offsetl-8 {
    margin-left: 66.66666667%;
  }
  .container > .row > .col-l-offsetr-8 {
    margin-left: -66.66666667%;
  }
  .container-fluid > .row > .col-l-offsetl-8 {
    margin-left: 66.66666667%;
  }
  .container-fluid > .row > .col-l-offsetr-8 {
    margin-left: -66.66666667%;
  }
  .container > .row > .col-l-push-8 {
    position: relative;
    left: -66.66666667%;
  }
  .container > .row > .col-l-pull-8 {
    position: relative;
    left: 66.66666667%;
  }
  .container-fluid > .row > .col-l-push-8 {
    position: relative;
    left: -66.66666667%;
  }
  .container-fluid > .row > .col-l-pull-8 {
    position: relative;
    left: 66.66666667%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-l-9 {
    width: 75%;
    float: left;
  }
  .container-fluid > .row > .col-l-9 {
    width: 75%;
    float: left;
  }
  .container > .row > .col-l-offsetl-9 {
    margin-left: 75%;
  }
  .container > .row > .col-l-offsetr-9 {
    margin-left: -75%;
  }
  .container-fluid > .row > .col-l-offsetl-9 {
    margin-left: 75%;
  }
  .container-fluid > .row > .col-l-offsetr-9 {
    margin-left: -75%;
  }
  .container > .row > .col-l-push-9 {
    position: relative;
    left: -75%;
  }
  .container > .row > .col-l-pull-9 {
    position: relative;
    left: 75%;
  }
  .container-fluid > .row > .col-l-push-9 {
    position: relative;
    left: -75%;
  }
  .container-fluid > .row > .col-l-pull-9 {
    position: relative;
    left: 75%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-l-10 {
    width: 83.33333333%;
    float: left;
  }
  .container-fluid > .row > .col-l-10 {
    width: 83.33333333%;
    float: left;
  }
 .subox-02 .container-fluid > .row > .col-l-10 {
    width: 1100px;
    float: none;
   margin:10px auto;
  }
  .container > .row > .col-l-offsetl-10 {
    margin-left: 83.33333333%;
  }
  .container > .row > .col-l-offsetr-10 {
    margin-left: -83.33333333%;
  }
  .container-fluid > .row > .col-l-offsetl-10 {
    margin-left: 83.33333333%;
  }
  .container-fluid > .row > .col-l-offsetr-10 {
    margin-left: -83.33333333%;
  }
  .container > .row > .col-l-push-10 {
    position: relative;
    left: -83.33333333%;
  }
  .container > .row > .col-l-pull-10 {
    position: relative;
    left: 83.33333333%;
  }
  .container-fluid > .row > .col-l-push-10 {
    position: relative;
    left: -83.33333333%;
  }
  .container-fluid > .row > .col-l-pull-10 {
    position: relative;
    left: 83.33333333%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-l-11 {
    width: 91.66666667%;
    float: left;
  }
  .container-fluid > .row > .col-l-11 {
    width: 91.66666667%;
    float: left;
  }
  .container > .row > .col-l-offsetl-11 {
    margin-left: 91.66666667%;
  }
  .container > .row > .col-l-offsetr-11 {
    margin-left: -91.66666667%;
  }
  .container-fluid > .row > .col-l-offsetl-11 {
    margin-left: 91.66666667%;
  }
  .container-fluid > .row > .col-l-offsetr-11 {
    margin-left: -91.66666667%;
  }
  .container > .row > .col-l-push-11 {
    position: relative;
    left: -91.66666667%;
  }
  .container > .row > .col-l-pull-11 {
    position: relative;
    left: 91.66666667%;
  }
  .container-fluid > .row > .col-l-push-11 {
    position: relative;
    left: -91.66666667%;
  }
  .container-fluid > .row > .col-l-pull-11 {
    position: relative;
    left: 91.66666667%;
    /*！！！！位置改变*/
  }
  .container > .row > .col-l-12 {
    width: 100%;
    float: left;
  }
  .container-fluid > .row > .col-l-12 {
    width: 100%;
    float: left;
  }
  .container > .row > .col-l-offsetl-12 {
    margin-left: 100%;
  }
  .container > .row > .col-l-offsetr-12 {
    margin-left: -100%;
  }
  .container-fluid > .row > .col-l-offsetl-12 {
    margin-left: 100%;
  }
  .container-fluid > .row > .col-l-offsetr-12 {
    margin-left: -100%;
  }
  .container > .row > .col-l-push-12 {
    position: relative;
    left: -100%;
  }
  .container > .row > .col-l-pull-12 {
    position: relative;
    left: 100%;
  }
  .container-fluid > .row > .col-l-push-12 {
    position: relative;
    left: -100%;
  }
  .container-fluid > .row > .col-l-pull-12 {
    position: relative;
    left: 100%;
    /*！！！！位置改变*/
  }
}
@media(min-width:1540px){
/*@media screen and (min-width: 1540px) {*/
  .container {
    width: 1540px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
  }
}
.subox-02 p{ font-size: 30px;line-height: 40px;height:48px;color: #000;text-align: center;    margin-top: 40px;}
#su{float: none;margin:0 auto}
.spc{margin-bottom: 80px}
.spc>div>p{font-size:30px;color:#333;height:70px;line-height: 40px ;text-align: center;margin-bottom: 50px}
.spc-01>div>p{border-bottom:1px solid #ccc;    margin-bottom: -25px;margin-top: 30px}
.spc-01>div>ul{width:83.3333%;
  margin: 0 auto;}
.spc-01>div>ul>li{float: left;vertical-align: top;width:9.0908%}
.spc-02-01,.spc-02{text-align: center}
.spc-02-01>.spc-03,.spc-02>.spc-03{border:1px solid #ccc;background-color: #fff;width:10px;height:10px;border-radius: 50%;padding:1px;margin:20px auto}
.spc-02-01:hover>p,.spc-02:hover>p{color:#C00000}
.spc-02-01{margin-top:-18px}
.spc-02-01>.spc-03>p,.spc-02>.spc-03>p{width:6px;height:6px;background-color: #C00000;border-radius: 50%;display: none}
.spc-02-01:hover>.spc-03>p,.spc-02:hover>.spc-03>p{display: block}
.supinchen{position: relative;width: 100%;margin: 0 auto;}

/*.supinchen-01{background-image:url("../td.png");background-repeat: no-repeat;background-position: center;height:480px}*/
.supinchen-01>img{width: 100%;vertical-align: bottom}
.supinchen-02{position: absolute;height:100%;width:100%;top:0}
.supinchen-02>div:first-child{height:100%;width:100%;opacity:0.6;background-color: #000;position: absolute;top:0;}
.supinchen-02 div:first-child+div>div{padding-bottom:100%;width:100%;height:0}
.supinchen-02 div:first-child+div>div>div{    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 95%;color:#fff;text-align: center}
.supinchen-02 div:first-child+div>div>div>p:first-child{font-size: 18px}
.supinchen-02 div:first-child+div>div>div>p:first-child+p{font-size: 14px;margin-top: 5px}
.supinchen-02 div:first-child+div>div>div>p:first-child+p+p{font-size: 14px;margin-top: 20px;}
.supinchen-02 div:first-child+div>div>div>p:first-child+p+p a{padding:5px 15px;border:1px solid #fff;border-radius: 5px}
.supinchen-02 div:first-child+div>div>div>p:first-child+p+p a:hover{border:1px solid  #C00000;color: #C00000}
.gengduo{color:#333;font-size: 16px;text-align: center;margin-top:20px}

.case-up:hover .suzhezhao{
  top:0
}

.case-up{overflow: hidden}
.case-up .suzhezhao{position: absolute;top:-100%;left:0;width:100%;height:79.8%;
  transition:top 0.5s ease-in;
  -webkit-transition:top 0.5s ease-in;
  -o-transition:top 0.5s ease-in;
  -moz-transition:top 0.5s ease-in;
}
.suzhezhao>div:first-child{height:100%;width:100%;opacity:0.9;background-color: #C00000;position: absolute;top:0;left:0}
.suzhezhao>div:first-child+div{position: absolute;top:0;left:0;width:100%;height:100%;}
.suzhezhao>div:first-child+div>a{padding-bottom:100%;width:100%;height:0}
.suzhezhao>div:first-child+div>a>div{  position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 70%;height:66%;color:#fff;text-align: center;border:1px solid #fff}
.suzhezhao>div:first-child+div>a>div>div{padding-bottom:100%;width:100%;height:0}
.suzhezhao>div:first-child+div>a>div>div>div{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;color:#fff;text-align: center;}
.suzhezhao>div:first-child+div>a>div>div>div>p{text-align: center;font-size: 22px;color:#fff;cursor: pointer}
.sunav{position: relative;width: 100%;margin: 0 auto;}
.sunav>div{padding-bottom:50%;width:100%;height:0}
.sunav>div>div{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;color:#fff;text-align: center;}
@media screen and (max-width: 768px){
  .supinchen-01{}
  .subox-02 p{ font-size: 20px;line-height: 100px;height:100px;color: #000;text-align: center}
  .case .case-box {
    margin-bottom: 20px;
  }
  .spc-01>div>ul {
    width: 200%;
    margin: 0 auto;

  }
  .spc>div>p {
    font-size: 30px;
    color: #333;
    height: 70px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 0px;
  }
  .spc-01>div>p {
    border-bottom: 1px solid #ccc;
    margin-bottom: -25px;
    margin-top: 30px;
    width:200%;
  }
  .spc{
    margin-bottom:10px;
  }
  .spc-01{overflow: auto;
  height: 125px;
  padding-top: 30px;}
}
@font-face {
    font-family: 'Century';
    src: url('Century.eot');
    src: url('fonts/Century.eot?#iefix') format('embedded-opentype'),
    url('fonts/Century.woff') format('woff'),
    url('fonts/Century.ttf') format('truetype'),
    url('fonts/Century.otf') format('otf'),
    url('fonts/Century.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.re03{width:250px;height:116px;line-height: 116px;color:#fff;font-size: 80px;margin:0 auto; }

@media screen and (max-width:1200px){
  .case-record .recordtit img{width:40%}
  .re03{width:150px;height:62px;line-height: 62px;color:#fff;font-size: 40px;margin:0 auto;}
}
.subox .subox-02 .container-fluid {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding:0px ;
}