#works {

  

}

#works .wrap {

  width: 100%;margin:0 auto;

}

#works .sub_title2 {

  margin: -5px 0 30px 0;

}

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



#works-menu {

  position: relative;

  width: 100%;

  z-index: 200;
padding-bottom:15px;
}





#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: 12px;

  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 .html5-icon:before {

  content: "\f13b";

}

#works-menu nav .mobile-icon:before {

  content: "\f10b";

}

#works-menu nav a:hover{color:#09C7DD;}

#works-menu nav a:active,

#works-menu nav a.active {

  color: #09C7DD;

  background:url(../images/ico-3.png) left center no-repeat;

  padding:0 0 0 20px;

}

#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: "";

  

  margin: 0 3px 0 15px;

}

#works-menu nav a {

  padding: 0 20px;

}

.case_list{padding:0 7%;}

.isotope {

  

  width: 100%;

  height: auto;

}

.isotope ul {

  position: relative;

}

.isotope .item {

  width: 33.333%;

  margin: 0;

 padding-bottom:15px;

}

.lt-ie9 .isotope .item {

  margin-left: -1px;

}

.isotope .item .cont {

  display: block;

  

  overflow: hidden;

  border:15px solid #fff;

}

.isotope .item .cont>div {

  overflow: hidden;

}

.isotope .item img {

  display: block;

  width: 100%;

  height: auto;

  margin: 0;

  

}

.isotope .item .title {

  display: block;



  
border-bottom:1px solid #e7e7e7;
  margin: 0;

  padding:0px 55px 25px 0;

  font-size:12px;color:#999;

}
.isotope .item:hover .title{border-bottom:1px solid #00BBBB;}
.isotope .item h5{padding-top:20px;font-weight:normal;line-height:26px;}

.isotope .item .title-en {

  padding: 35px 0 5px 0px;

  text-transform: uppercase;

  color:#333;

  font-size:25px;

}

.isotope .item:hover .title {

  background-color: transparent;

 

}

.isotope .item:hover img {

  /*  -webkit-filter: blur(2px);*/

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

}

.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);

}

.isotope .btn-group a:hover {

  background-color: #fff;

}

.isotope .item .cont .times{margin-top:35px;}

.isotope .item .cont .times .time{ background:url(../images/ico-6.png) left center no-repeat;padding-left:20px;}

.isotope .item .cont .times .from{ background:url(../images/ico-7.png) left center no-repeat;padding-left:20px;margin-left:15px;}
@media all and (max-width: 1279px) {
	.isotope .item {

  width: 33.33%;

  margin: 0;

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

  .isotope .item .title {
	padding:5px 35px 15px 15px;

  font-size:12px;color:#999;
  }
  .isotope .item .title-en {
    padding: 15px 0 8px 0;
    text-transform: uppercase;
    color: #666;
    font-size: 16px;
}
.isotope .item h5{line-height:22px;}
#works-menu {

padding-bottom: 10px;
}
.isotope .topnews .tit{font-size:16px;}
.isotope .item .cont {

  display: block;
	
  

  overflow: hidden;

  border:10px solid #fff;

}
  }



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

  .isotope .item {

    width: 50%;

  }
.case_list{padding:0 3%;}
}

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

  .isotope .item {

    width: 100%;

  }

}



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

  .fix #works-menu {

    top: 0;

  }

}





h1.news-tit{ text-align:center;padding-top:50px;font-weight:normal;font-size:26px;}

h2.titbot{ text-align:center;padding-top:30px;font-weight:normal;font-size:12px;}

h2.titbot .time{ background:url(../images/ico-6.png) left center no-repeat;padding-left:20px;}

h2.titbot .from{ background:url(../images/ico-7.png) left center no-repeat;padding-left:20px;margin-left:15px;}

.line{ background:#EAEAEA; height:1px; overflow:hidden;margin:30px 0;}



.news-pages{ background:#EAEAEA;height:66px; text-align:center;}

.news-pages a{ background:url(../images/ico-5.png) no-repeat;width:66px; height:66px; display:inline-block}

.news-pages a:hover{ background-color:#DEDEDE;}

.news-pages a.left-ico{ background-position:25px 0;}

.news-pages a.back{ background-position:-59px 0;}

.news-pages a.right-ico{ background-position:-144px 0;}

.content{width:85%; line-height:30px;margin:0 auto;padding-bottom:40px;color:#666;}

.content img{max-width:100%;}

.share{ text-align:center;padding:30px 0;margin:0 auto;width:200px;}