@charset "UTF-8";

.banner { overflow:hidden; width:100%; max-height:578px; position:relative; z-index:1;}

.banner .slick-hide {
  display: none;
}
/* line 25, ../sass/master.index.scss */
.banner .slick-slider {
  margin-bottom: 0;
}
@media only all and (max-width: 320px) {
  /* line 25, ../sass/master.index.scss */
  .banner .slick-slider {
    height: 150px !important;
  }
}

/* line 35, ../sass/master.index.scss */
#slick-case img, #slick-client img, #slick-banner img {
  width: 100%;
  -webkit-filter: none;
  filter: none;
}

/* line 40, ../sass/master.index.scss */
#slick-banner img {
  width: 100%;
}
@media only all and (max-width: 320px) {
  /* line 40, ../sass/master.index.scss */
  #slick-banner img {
    height: 150px !important;
  }
}

@media only all and (max-width: 480px) {
  /* line 50, ../sass/master.index.scss */
  #slick-banner .big {
    display: none;
  }
}

/* line 55, ../sass/master.index.scss */
#slick-banner .small {
  width: 100%;
  display: none;
}
@media only all and (max-width: 480px) {
  /* line 55, ../sass/master.index.scss */
  #slick-banner .small {
    display: block;
  }
}

/* line 62, ../sass/master.index.scss */
#slick-banner .slick-dots {

  left: 50%;
  width: 270px;
  margin-top: -34px;
  margin-left: -135px;
  position: absolute;
  bottom: 100px;
}
@media only all and (max-width: 480px) {
  /* line 62, ../sass/master.index.scss */
  #slick-banner .slick-dots {
    top: 96% !important;
  }
}

/* line 75, ../sass/master.index.scss */
#slick-banner .slick-dots li {
  width: 50px;
  height: 6px;
}

/* line 79, ../sass/master.index.scss */
#slick-banner .slick-dots li button {
  background-color: #949494;
  width: 50px;
  height: 6px;
  padding: 0px;
}

/* line 85, ../sass/master.index.scss */
#slick-banner .slick-dots li button:before {
  content: no-close-quote;
}

/* line 88, ../sass/master.index.scss */
#slick-banner .slick-active button:before {
  width: 50px;
  height: 6px;
  background-color: #d70010;
}



/* service ================================================= */
/* line 94, ../sass/master.index.scss */
.service {
  padding: 25px 0;
  background-color: #fff;
}

/* line 99, ../sass/master.index.scss */
.service-ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
}
/* line 49, ../../../../Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/typography/lists/_inline-block-list.scss */
.service-ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  white-space: nowrap;
}
@media only all and (max-width: 740px) {
  /* line 99, ../sass/master.index.scss */
  .service-ul {
    margin-left: 9%;
  }
}
@media only all and (max-width: 560px) {
  /* line 99, ../sass/master.index.scss */
  .service-ul {
    margin-left: 0;
  }
}

/* line 109, ../sass/master.index.scss */
.service-item-icon {
  height: 53px;
  width: 83px;
  margin: 0 auto;
}

/* line 115, ../sass/master.index.scss */
.icon-computer {
  background-image: url('/images/computer.png');
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
}
/* line 25, ../sass/partial/_global.scss */
.icon-computer:hover {
  background-image: url('/images/computer_red.png');
}
@media only all and (max-width: 1024px) {
  /* line 115, ../sass/master.index.scss */
  .icon-computer {
    background-image: url('/images/computer.png');
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
  }
  /* line 25, ../sass/partial/_global.scss */
  .icon-computer:hover {
    background-image: url('/images/computer.png');
  }
}

/* line 122, ../sass/master.index.scss */
.icon-click {
  background-image: url('/images/click.png');
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
}
/* line 25, ../sass/partial/_global.scss */
.icon-click:hover {
  background-image: url('/images/click_red.png');
}
@media only all and (max-width: 1024px) {
  /* line 122, ../sass/master.index.scss */
  .icon-click {
    background-image: url('/images/click.png');
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
  }
  /* line 25, ../sass/partial/_global.scss */
  .icon-click:hover {
    background-image: url('/images/click.png');
  }
}

/* line 129, ../sass/master.index.scss */
.icon-phone {
  background-image: url('/images/phone.png');
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
}
/* line 25, ../sass/partial/_global.scss */
.icon-phone:hover {
  background-image: url('/images/phone_red.png');
}
@media only all and (max-width: 1024px) {
  /* line 129, ../sass/master.index.scss */
  .icon-phone {
    background-image: url('/images/phone.png');
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
  }
  /* line 25, ../sass/partial/_global.scss */
  .icon-phone:hover {
    background-image: url('/images/phone.png');
  }
}

/* line 136, ../sass/master.index.scss */
.icon-cart {
  background-image: url('/images/cart.png');
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
}
/* line 25, ../sass/partial/_global.scss */
.icon-cart:hover {
  background-image: url('/images/cart_red.png');
}
@media only all and (max-width: 1024px) {
  /* line 136, ../sass/master.index.scss */
  .icon-cart {
    background-image: url('/images/cart.png');
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
  }
  /* line 25, ../sass/partial/_global.scss */
  .icon-cart:hover {
    background-image: url('/images/cart.png');
  }
}

/* line 143, ../sass/master.index.scss */
.icon-gear {
  background-image: url('/images/gear.png');
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
}
/* line 25, ../sass/partial/_global.scss */
.icon-gear:hover {
  background-image: url('/images/gear_red.png');
}
@media only all and (max-width: 1024px) {
  /* line 143, ../sass/master.index.scss */
  .icon-gear {
    background-image: url('/images/gear.png');
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
  }
  /* line 25, ../sass/partial/_global.scss */
  .icon-gear:hover {
    background-image: url('/images/gear.png');
  }
}

/* line 150, ../sass/master.index.scss */
.icon-terminal {
  background-image: url('/images/terminal.png');
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
}
/* line 25, ../sass/partial/_global.scss */
.icon-terminal:hover {
  background-image: url('/images/terminal_red.png');
}
@media only all and (max-width: 1024px) {
  /* line 150, ../sass/master.index.scss */
  .icon-terminal {
    background-image: url('/images/terminal.png');
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
  }
  /* line 25, ../sass/partial/_global.scss */
  .icon-terminal:hover {
    background-image: url('/images/terminal.png');
  }
}

/* line 157, ../sass/master.index.scss */
.service-item-name {
  color: #585858;
  font-size: 17px;
  margin-top: 8px;
}

/* line 163, ../sass/master.index.scss */
.service-item-name span {
  display: none;
}

/* line 166, ../sass/master.index.scss */
.service-item {
  width: 103px;
  text-align: center;
}