#works {
  
}
#works .wrap {
  width: 100%;
  margin:0 auto;
  padding:0px 0 30px 0;
}
#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: 15px;
  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 {
  margin:0 2%;
  float:left;
}
.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: 355px;
  height:249px;
  margin: 0;  
}
.isotope .item .title {
display: block;
background:url(../images/ico-2.png) 95% center no-repeat #fff;  
border-bottom:1px solid #e7e7e7;
  margin: 0;
  padding:0px 45px 25px 20px;
  font-size:12px;color:#999;
}
.isotope .item:hover .title{border-bottom:1px solid #00BBBB;}
.isotope .item h5{font-weight:normal;height:50px; overflow:hidden; line-height:50px;width:100%;   font-size:13px;}
.isotope .item .title-en {
	 height:60px;
   padding: 25px 0 10px 0;
  text-transform: uppercase;
  color:#333;
  font-size:18px;
}
.isotope .item:hover .title {
  background-color: transparent;
  background:url(../images/ico-1.png) 95% center no-repeat #E01512; 
  color: #fff;
}
.isotope .item:hover .title-en{color:#fff;}
.isotope .item:hover img {
transform-style: preserve-3d;
  /*  -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;
}
@media all and (max-width: 1024px) {
.isotope .item .cont {
    display: block;
    overflow: hidden;
    border: 10px solid #fff;
}
  .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;
}
#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%;}
  .isotope .item .title{ background:#fff}
  .isotope .item:hover .title {background:#00BBBB;}
}
@media all and (max-width: 479px) {
  .isotope .item {
    width: 100%;
  }
  .isotope .item .title{ background:#fff}
  .isotope .item:hover .title {background:#00BBBB;}
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  .fix #works-menu {
    top: 0;
  }
}


.case-mod{padding-bottom:0;}
.case-mod .am-direction-nav,.case-mod .am-tabs-nav{display:none;}
.case-mod .am-tab-panel{padding:0;}
.case-mod .am-tab-panel .case-item-mod{position:relative;overflow:hidden;height:auto!important;max-width:100%;}
.case-mod .am-tab-panel .case-item-mod .case-item-pic{float:left;width:55%; height:450px; overflow:hidden;}
.case-mod .am-tab-panel .case-item-mod .case-item-pic img{width:100%;}
.case-mod .am-tab-panel .case-item-mod .case-item-text{float:right;padding:0;width:45%;}
.case-mod .am-tab-panel .case-item-mod .case-item-text div{padding:80px 90px 0;text-align:center;}
.case-mod .am-tab-panel .case-item-mod .case-item-text div p{margin:1rem 0;color:#999;font-size:14px;line-height:30px;}
.case-mod .am-tab-panel .case-item-mod .case-item-text span{position:absolute;bottom:0;display:block;margin:0;}
.case-mod .am-direction-nav{display:block;}

.case-mod{position:relative;}
.case-mod .case-row{padding:0;background:#f9f9f9;}
.case-mod .cases-pagination-numb{position:absolute;bottom:0;width:100%;height:auto;border:none;text-align:center;line-height:1.5;}
.case-mod .cases-pagination-numb li{float:none;display:inline-block;margin-right:5px;}
.case-mod .cases-pagination-numb li a{display:block;padding:0;width:8px;height:8px;outline:0;border:none;border-radius:20px;background-color:rgba(0,0,0,.5);text-align:center;text-indent:-999em;line-height:20px;}
.case-mod .cases-pagination-numb li a:hover{background-color:rgba(0,0,0,.8);}
.case-mod .cases-pagination-numb .am-active a,.case-mod .cases-pagination-numb li a:focus{border:none;background-color:#0e90d2;}
.case-mod .cases-pagination-numb .am-active a:hover{border:none;background-color:#0e90d2;}
.case-mod .cases-pagination-nav li a{position:absolute;top:50%;z-index:1002;display:block;overflow:hidden;-webkit-box-sizing:content-box;box-sizing:content-box;margin:-20px 0 0;width:54px;height:54px;color:#fff;text-align:center;font-size:0;line-height:73px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;background:url(../images/lr.png) 0 0 no-repeat;}

.case-mod .cases-pagination-nav li a.slide-prev{left:20px;background-position:14px 12px;}
.case-mod .cases-pagination-nav li a.slide-next{right:20px;background-position:-70px 12px;}
.case-mod .cases-pagination-nav li a:hover{opacity:1;}
.case-mod .case-tabs-bd{border:none;}
.case-item-mod{display:table;margin:0 auto;max-width:1000px;}
.case-item-pic{display:table-cell;width:45%;vertical-align:middle;text-align:center;}
.case-item-text{display:table-cell;padding:30px 0 0 20px;width:55%;vertical-align:middle;}
.case-item-text p{margin:10px 0;color:#666;line-height:2;}
.case-item-text .launch-btn{display:none;display:block;padding:5px 0;width:40%;border-radius:3px;background:#5295f0;color:#fff;text-align:center;}
.case-item-text .company-logo{margin-bottom:32px;}
.case-item-text .company-logo:after{clear:both;display:table;content:'';}
.case-item-text .company-logo img{float:left;}
.case-item-text .company-logo img+span{display:none;}
.case-item-text .company-logo span{font-size:3rem;line-height:1;}

@media screen and (max-width:1550px){.case-mod .am-tab-panel .case-item-mod{position:static;}
.case-mod .am-tab-panel .case-item-mod .case-item-text span{bottom:auto;}
}
@media screen and (max-width:1470px){.case-mod .am-tab-panel .case-item-mod .case-item-text{width:55%;}
.case-mod .am-tab-panel .case-item-mod .case-item-pic{margin-left:-10%;}
.case-mod .am-tab-panel .case-item-mod .case-item-text span{display:none;}
}
@media screen and (max-width:1250px){
	.case-mod .am-tab-panel .case-item-mod .case-item-pic{padding:2em 5%;width:90%;margin:auto;}
	.case-mod .am-tab-panel .case-item-mod .case-item-text div{text-align:center;padding:0 5%;}
	.case-mod .am-tab-panel .case-item-mod .case-item-pic img{width:100%;}
.case-mod .am-tab-panel .case-item-mod .case-item-text{width:100%;}
.case-mod .am-tab-panel .case-item-mod .case-item-text span{position:static;display:block;}
.case-mod .am-tab-panel .case-item-mod .case-item-text span img{width:100%;}
}
@media screen and (min-width:1300px){.case-mod .am-tab-panel .case-item-mod .case-item-text span{bottom:auto;}
}
@media screen and (min-width:1800px){.case-mod .am-tab-panel .case-item-mod .case-item-text span{bottom:0;}
}

.am-tabs-bd{position:relative;overflow:hidden;border:1px solid #ddd;border-top:none;z-index:100;-webkit-transition:height .3s;transition:height .3s}
.am-tabs-bd .am-tab-panel{position:absolute;top:0;z-index:99;float:left;width:100%;visibility:hidden;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
.am-tabs-bd .am-tab-panel *{-webkit-user-drag:none;background:#fff;}
.am-tabs-bd .am-tab-panel.am-active{position:relative;z-index:100;visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.am-tabs-bd .am-tab-panel.am-active~.am-tab-panel{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.am-tabs-bd .am-tabs-bd{border:none}
.am-tabs-fade .am-tab-panel{opacity:0;-webkit-transition:opacity .25s linear;transition:opacity .25s linear}
.am-tabs-fade .am-tab-panel.am-in{opacity:1}


.case-item-text h3{font-size:40px;font-family:Arial;color:#585858;}
.case-item-text b{font-size:20px;color:#585858;font-weight:normal;margin:10px 0;display:block;}
.case-item-text a.more{width:110px;height:38px;line-height:38px;text-align:center;font-size:12px;display:block;border:1px solid #ccc;color:#666;margin:2em auto;}
.case-item-text a.more:hover{background:#0cbfd4;color:#fff;border:1px solid #0cbfd4;}
@media screen and (max-width:1024px){
.case-item-text h3{font-size:30px;font-family:Arial;color:#585858;}
.case-item-text b{font-size:16px;color:#585858;font-weight:normal;margin:10px 0;display:block;}
.case-item-text a.more{width:100px;height:28px;line-height:28px;text-align:center;font-size:12px;display:block;border:1px solid #ccc;color:#666;margin:1.5em auto;}
}

@media (max-width:1440px) {.isotope .item img {width: 265px; height:208px; }
.isotope .item .title-en{ padding:5px 0 5px; height:45px; line-height:45px;}
.isotope .item .title{ padding:0 40px 10px 10px}
.isotope .item h5{ line-height:40px; height:40px}
}