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:333px;



}



.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: #ededed;



  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;}