section {





  position: relative;





  padding: 3.2em 10%;





  overflow: hidden;





  zoom: 1





}





























/*--------------css animation--------------*/











.trans {





  -webkit-transition: all .3s ease;





  -moz-transition: all .3s ease;





  -o-transition: all .3s ease;





  -ms-transition: all .3s ease;





  transition: all .3s ease;





}





/*--------------------------------------*/











hr {





  -moz-box-sizing: content-box;





  box-sizing: content-box;





  background-color: #000;





  border: 0;





  height: 1px;





  margin: 0;





}





.unstyled {





  margin: 0;





  padding: 0;





  list-style-type: none;





}





.hidden {





  display: none;





  visibility: hidden;





}





/*---------- 清除浮云 ----------*/











.clearfix:before,





.clearfix:after {





  content: "";





  display: table;





}





.clearfix:after {





  clear: both;





}





.clearfix {





  zoom: 1;





}





/*---------- 不滚动背景图片 ----------*/











.noscroll-bg {





  background-position: center center;





  background-size: cover;





  background-repeat: no-repeat;





  background-attachment: fixed;





}





.tablet .noscroll-bg,





.mobile .noscroll-bg {





  background-attachment: scroll;





}

















/*------------------Latest Work-----------------*/











#latest-work {





  overflow: hidden;





  padding: 0;





}





#latest-work h1 {





  font-size: 40px;





  text-transform: uppercase;





  color: white;





  margin: 10px 0;





}





#latest-work h2 {





  font-weight: bold;





  color: white;





  margin-bottom: 1.8em





}





#latest-work .slides {





  height: 500px;





}











/*------------------Works-----------------*/











#works {





  padding: 4.2em 0;





  padding-top:0em;





}





#works .wrap {





  max-width: 1920px;





}





#works .sub_title2 {





  margin: -5px 0 30px 0;





}





/*-------- works menu --------*/











#works-menu {





  position: relative;





  width: 100%;





  z-index: 200;





  margin-top:50px;





}





.mobile #works-menu .hide-in-mobile {





  display: none;





}





.fix #works-menu {





  position: fixed;





  margin: 0;





  left: 0;





  top: 60px;





}





.fix #works .container {





  margin-top: 80px;





}





#works-menu nav {





  /*  display: inline-block;*/





  display: block;





  height: 50px;





  width: 100%;





  background-color: #303030;





  background-color: rgba(48, 48, 48, 0.95);





  text-align: center;





  overflow: hidden;





  /*  overflow-x: scroll;*/





}





#works-menu nav ul {





  display: block;





  padding: 0 10px;





  overflow: hidden;





}





#works-menu nav span,





#works-menu nav a {





  display: inline-block;





  font-size: 14px;





  height: 50px;





  line-height: 48px;





  color: #999;





  /*  text-transform: uppercase;*/





}





#works-menu nav a:before {





  font-family: "teamthink";





  font-size: 14px;





  margin-right: 5px;





}











#works-menu nav a:hover,





#works-menu nav a:active,





#works-menu nav a.active {





  color: #fff;





}





#works-menu nav a.active {





  cursor: default;





}





#works-menu nav > div {





  display: inline;





}





#works-menu nav li {





  display: inline;





}





#works-menu nav span {





  font-size: 14px;





}





#works-menu nav .all:after {





  content: "";





  border-left: 1px #666 solid;





  margin: 0 3px 0 15px;





}





#works-menu nav a {





  padding: 0 5px;





}











/*-------- works thumbs --------*/











.isotope {





  width: 100%;





  height: auto;





}





.isotope ul {





  position: relative;





}





.isotope .item {





  margin: 0;





  width:33.3%;





}





.lt-ie9 .isotope .item {





  margin-left: -1px;





}





.mobile .isotope .hide-in-mobile {





  display: none;





}





.isotope .item .cont {





  display: block;





  background-color: #000;





  overflow: hidden;





}





.isotope .item .cont>div {





  overflow: hidden;





}





.isotope .item img {





  display: block;





  width: 100%;





  height: auto;





  margin: 0;





}





.isotope .item .title {





  display: block;





  background-color: #efefef;





  margin: 0;





  height: 50px;





  text-align:center;





  color:#333;





  line-height:50px;





  font-size:14px;





}





.isotope .item .title-en {





  padding: 21px 0 5px 0;





  text-transform: uppercase;





}





.isotope .item:hover .title {





  background-color: transparent;





  color: #fff;





}





.isotope .item:hover img {





  -webkit-transform-origin: center center;





  -webkit-transform: scale(1.05, 1.05);





  -moz-transform-origin: center center;





  -moz-transform: scale(1.05, 1.05);





}





.isotope .btn-group {





  position: absolute;





  width: 100%;





  height: auto;





  overflow: hidden;





  bottom: 50px;





   text-align:center;





}





.isotope .item:hover .btn-group a {





  height: 50px;





}





.isotope .btn-group a {





  display: block;





  width: 100%;





  height: 0px;





  line-height: 50px;





  margin-bottom: 1px;





  font-size: 12px;





  background-color: #ccc;





  background-color: rgba(255, 255, 255, 0.8);





  color:#333;





  





}











.isotope .btn-group a:hover {





  background-color: #fff;





}





@media all and (max-width: 800px) {





  .isotope .item {





    width: 50%;





  }





}





@media all and (max-width: 479px) {





  .isotope .item {





    width: 100%;





  }





}





@media screen and (max-width: 767px) and (orientation: landscape) {





  .fix #works-menu {





    top: 0;





  }





}











/*------------------Contact-----------------*/

















  #latest-work h1 {





    font-size: 24px;





  }





  #latest-work .slides {





    height: 300px;





  }





  #works-menu nav a {





    padding: 0 3px;





  }





  #works-menu nav .all:after {





    margin: 0 3px 0 10px;





  }





  .fix #works .container {





    margin-top: 80px;





  }











/*-----------------------------------*/

















.casecontitle{ font-size:16px; text-align:center; color:#333;}