/*HEADER*/

section h1 {
  background-size: 100% 600%;
  background-image: url("../img/titl.png");
}

section h2 {
  
    height: 160px;
    text-indent: -10000px;
  background: center top no-repeat url("../img/assets/title2.png");
}

section h5 {
  
    height:260px;
    text-indent: -10000px;
  background: center bottom no-repeat url("../img/assets/lxwm.png");
}


article h4{
  
    height:260px;
    text-indent: -10000px;
    background: center bottom no-repeat url("../img/pingmian.png");
}

#advantage h1 {
  background-position: 0 0;
}

#ip h1 {
  background-position: 0 100%;
}

#service h1 {
  background-position: 0 20%;
}

#case h1 {
  background-position: 0 40%;
}

#news h1 {
  background-position: 0 60%;
}

#career h1 {
  background-position: 0 80%;
}

/*LOGO*/

#start-logo-left,
#start-logo-right,
#start-logo-white,
#start-slogan-group {
  background-repeat: no-repeat;
  background-size: 350px 320px;
  background-image: url("../img/assets/logo.png");
}

#start-logo-left {
  background-position: 0 0;
}

#start-logo-right {
  background-position: -133px 0;
}

#start-logo-white {
  background-position: 0 -170px;
}

#start-slogan-group {
  background-position: 0 -150px;
}

/*OFFICE PIC*/

#our-pic-1 {
  background-image: url("../img/office/1.jpg");
}

#our-pic-2 {
  background-image: url("../img/office/2.jpg");
}

#our-pic-3 {
  background-image: url("../img/office/3.jpg");
}

#our-pic-4 {
  background-image: url("../img/office/4.jpg");
}

#our-pic-5 {
  background-image: url("../img/office/5.jpg");
}

/*OFFICE QUOTE*/

#our-quote p {
  background-size: 100% 400%;
  background-image: url("../img/quote.png");
}

#our-quote-1 {
  background-position: 0 0;
}

#our-quote-2 {
  background-position: 0 33.3%;
}

#our-quote-3 {
  background-position: 0 66.7%;
}

#our-quote-4 {
  background-position: 0 100%;
}

/*ADVANTAGE*/

#advantage .advantage-image {
  background-size: 300% 200%;
  background-image: url("../img/advantage.png");
}

#advantage-image-nianqing {
  background-position: 0 0;
}

#advantage-image-nianqing-green {
  background-position: 0 100%;
}

#advantage-image-shiming {
  background-position: 100% 0;
}

#advantage-image-shiming-green {
  background-position: 100% 100%;
}

#advantage-image-shejiao {
  background-position: 200% 0;
}

#advantage-image-shejiao-green {
  background-position: 200% 100%;
}

/*SERVICE*/

#service {
  background-position: top;
  background-size: auto 100%;
  background-image: url("../img/service/1.jpg");
}

#service .service-image {
  background-size: 400% 200%;
  background-image: url("../img/service/service.png");
}

.service-image-celue {
  background-position: 0 0;
}

.service-image-celue-color {
  background-position: 0 100%;
}

.service-image-yunying {
  background-position: 100% 0;
}

.service-image-yunying-color {
  background-position: 100% 100%;
}

.service-image-chuangyi {
  background-position: 200% 0;
}

.service-image-chuangyi-color {
  background-position: 200% 100%;
}

.service-image-jishu {
  background-position: 300% 0;
}

.service-image-jishu-color {
  background-position: 300% 100%;
}

/*CASE*/

#case #case-jingdian a div {
  background-size: 300% 500%;
  background-image: url("../upload/case.jpg");
}

#case #case-jingdian a div.color {
  background-image: url("../upload/case_color.jpg");
}

#case #case-nba {
  background-position: 0 0;
}

#case #case-700bike {
  background-position: 50% 0;
}

#case #case-xiaozhu {
  background-position: 100% 0;
}

#case #case-sijimuge {
  background-position: 0 25%;
}

#case #case-shendiaoxialv {
  background-position: 50% 25%;
}

#case #case-youku {
  background-position: 100% 25%;
}

#case #case-jiaduobao {
  background-position: 0 50%;
}

#case #case-haier {
  background-position: 50% 50%;
}

#case #case-beidisi {
  background-position: 100% 50%;
}

#case #case-sanxing {
  background-position: 0 75%;
}

#case #case-xinyingtiyu {
  background-position: 50% 75%;
}

#case #case-tfk {
  background-position: 100% 75%;
}

#case #case-changanqiche {
  background-position: 0 100%;
}

#case #case-mazida {
  background-position: 50% 100%;
}

#case #case-tengxuntiyu {
  background-position: 100% 100%;
}

#case #case-nba-color {
  background-position: 0 0;
}

#case #case-700bike-color {
  background-position: 50% 0;
}

#case #case-xiaozhu-color {
  background-position: 100% 0;
}

#case #case-sijimuge-color {
  background-position: 0 25%;
}

#case #case-shendiaoxialv-color {
  background-position: 50% 25%;
}

#case #case-youku-color {
  background-position: 100% 25%;
}

#case #case-jiaduobao-color {
  background-position: 0 50%;
}

#case #case-haier-color {
  background-position: 50% 50%;
}

#case #case-beidisi-color {
  background-position: 100% 50%;
}

#case #case-sanxing-color {
  background-position: 0 75%;
}

#case #case-xinyingtiyu-color {
  background-position: 50% 75%;
}

#case #case-tfk-color {
  background-position: 100% 75%;
}

#case #case-changanqiche-color {
  background-position: 0 100%;
}

#case #case-mazida-color {
  background-position: 50% 100%;
}

#case #case-tengxuntiyu-color {
  background-position: 100% 100%;
}

#case .case-small-image {
  background-size: 500% 600%;
  background-image: url("../img/case/case_small.png");
}

#case #case-small-image-1 {
  background-position: 0 0;
}

#case #case-small-image-2 {
  background-position: 25% 0;
}

#case #case-small-image-3 {
  background-position: 50% 0;
}

#case #case-small-image-4 {
  background-position: 75% 0;
}

#case #case-small-image-5 {
  background-position: 100% 0;
}

#case #case-small-image-6 {
  background-position: 0 20%;
}

#case #case-small-image-7 {
  background-position: 25% 20%;
}

#case #case-small-image-8 {
  background-position: 50% 20%;
}

#case #case-small-image-9 {
  background-position: 75% 20%;
}

#case #case-small-image-10 {
  background-position: 100% 20%;
}

#case #case-small-image-11 {
  background-position: 0 40%;
}

#case #case-small-image-12 {
  background-position: 25% 40%;
}

#case #case-small-image-13 {
  background-position: 50% 40%;
}

#case #case-small-image-14 {
  background-position: 75% 40%;
}

#case #case-small-image-15 {
  background-position: 100% 40%;
}

#case #case-small-image-16 {
  background-position: 0 60%;
}

#case #case-small-image-17 {
  background-position: 25% 60%;
}

#case #case-small-image-18 {
  background-position: 50% 60%;
}

#case #case-small-image-19 {
  background-position: 75% 60%;
}

#case #case-small-image-20 {
  background-position: 100% 60%;
}

#case #case-small-image-21 {
  background-position: 0 80%;
}

#case #case-small-image-22 {
  background-position: 25% 80%;
}

#case #case-small-image-23 {
  background-position: 50% 80%;
}

#case #case-small-image-24 {
  background-position: 75% 80%;
}

#case #case-small-image-25 {
  background-position: 100% 80%;
}

#case #case-small-image-26 {
  background-position: 0 100%;
}

#case #case-small-image-27 {
  background-position: 25% 100%;
}

#case #case-small-image-28 {
  background-position: 50% 100%;
}

#case #case-small-image-29 {
  background-position: 75% 100%;
}

#case #case-small-image-30 {
  background-position: 100% 100%;
}

/*CAREER*/

#career .career-image {
  background-size: 400% 200%;
  background-image: url("../img/career.png");
}

.career-image-yingxiao {
  background-position: 0 0;
}

.career-image-yingxiao-color {
  background-position: 0 100%;
}

.career-image-kehu {
  background-position: 100% 0;
}

.career-image-kehu-color {
  background-position: 100% 100%;
}

.career-image-chuangyiwenan {
  background-position: 200% 0;
}

.career-image-chuangyiwenan-color {
  background-position: 200% 100%;
}

.career-image-chuangyisheji {
  background-position: 300% 0;
}

.career-image-chuangyisheji-color {
  background-position: 300% 100%;
}

#news {
  background-position: top;
  background-size: 100% auto;
  background-image: url("../img/news.jpg");
}

@media screen and (max-width: 760px) {
  section h1 {
    width: 240px;
    height: 96px;
  }

  #start-logo-left,
  #start-logo-right,
  #start-logo-white,
  #start-slogan-group {
    background-repeat: no-repeat;
    background-size: 210px 192px;
    background-image: url("../img/assets/logo.png");
  }

  #start-logo-left {
    background-position: 0 0;
  }

  #start-logo-right {
    background-position: -80px 0;
  }

  #start-logo-white {
    background-position: 0 -102px;
  }

  #start-slogan-group {
    background-position: 0 -90px;
  }
}

@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx){
  section h1 {
    background-image: url("../img/assets/title@2x.png");
  }

  #our-quote p {
    background-image: url("../img/our/quote@2x.png");
  }

  #advantage .advantage-image {
    background-image: url("../img/advantage/advantage@2x.png");
  }

  #service .service-image {
    background-image: url("../img/service/service@2x.png");
  }

  #case #case-jingdian a div {
    background-image: url("../img/case/case@2x.jpg");
  }

  #case #case-jingdian a div.color {
    background-image: url("../img/case/case_color@2x.jpg");
  }

  #case .case-small-image {
    background-image: url("../img/case/case_small@2x.png");
  }

  #career .career-image {
    background-image: url("../img/career/career@2x.png");
  }
}