#top-down{
   width:60px;position:absolute;left:50%;margin-left:-20px;bottom:20px;
}
.index-content1{
   padding-top:40px;
}
.index-content1 li{
   padding-top:40px;line-height:35px;font-size:12px;
}
.index-content1 .topimg{
   line-height:30px;padding-top:100px;
}
.index-content2{
   padding:80px 0px;
}

.wx_show{
   width:200px;position:absolute;left:-75px;top:55px;z-index:9;display:none;
}
.top-img{
   width:120px;
}
.top-menu{
   font-size:14px;
}
.swiper-title{
   font-size:20px;
}
.swiper-intro{
   font-size:14px;
}
.swiper-content{
   font-size:12px;
}
.en_font{
   font-size:14px;
}

/*about css*/
.about-top{
   padding-top:40px;
}

/*services css*/

.services-top{
    padding:40px 0px;
}

/*works css*/
.works-top{
   padding:40px 0px;
}

/*contact css*/
.contact-top{
  padding:40px 0px;
}
@media (min-width: 1920px) {

}

/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1169px) {

}

/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {

}

/* small mobile :320px. */

@media (max-width: 767px) {
  h4 {
	  font-size: 2.00rem;
	  line-height: 130%;
	}
  h5 {
	  font-size: 1.14rem;
	  line-height: 130%;
  }
  body nav.nav-extended{
	height:100%;
  }
  #top-down{
      bottom:0px;
  }
  .index-content1{
	  padding-top:0px;
  }
  .index-content1 li{
	   padding-top:20px;line-height:25px;font-size:12px;
  }
  
  .index-content1 .topimg{
	 padding-top:40px;
  }

  .index-content2{
	 padding:20px 0px;
  }

  .wx_show{
	   width:150px;
	   position:absolute;
	   left:32%;
	   top:25%;
	   z-index:9;
  }
  .container{

  }
  .swiper-title{
     font-size:14px;
  }
  .swiper-intro{
     font-size:12px;
  }
  .swiper-content{
	 font-size:10px;
  }
  .case_area{
	 height:530px;
  }
  .bounceInUp{
     height:120px;
	 line-height:25px;
  }
  .bounceInUp ul li a{
     font-size:12px;
  }
  nav.nav-extended{
	 height:70%;
  }
  .top-img{
	 width:50px;
     margin-top:0px;
	 position:absolute;
	 bottom:33px;
	 left:0px;
  }
  .top-menu{
	font-size:10px;
	padding:0 5px;
  }
  /*about page*/
  .about-top{
	   padding-top:40px;
  }

  .gallery-thumbs .swiper-slide{

	 height: 80%;
  }

  
  
  /*services page*/
  .services-top{
	  padding:75px 0px;
  }

  /*works page*/

  .works-gallery-top {
      height:90%;
  }
  .works-top{
	   padding:75px 0px;
  }

  /*contact page*/
  .contact-top{
	  padding:75px 0px;
  }
}

/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {

}