@charset "utf-8";
/*！
 * lib CSS 网页模版库 v1.0 基于bootstrap或ZUI
 * Copyright 2016-2017,XIAOBING TECH 
 * Author:MR. WANGHAO
 */
body{
  padding-top: 82px;
}
/*阿里图标*/
@font-face {
  font-family: "iconfont";
  src: url('/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/fonts/iconfont.eot?t=1504088686613'); /* IE9*/
  src: url('/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/fonts/iconfont.eot?t=1504088686613#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/fonts/iconfont.woff?t=1504088686613') format('woff'),
  url('/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/fonts/iconfont.ttf?t=1504088686613') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/fonts/iconfont.svg?t=1504088686613#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shejituzhi:before { content: "\e61b"; }

.icon-fanganjieshao:before { content: "\e64f"; }

.icon-iconfont:before { content: "\e621"; }

.icon-icon:before { content: "\e656"; }

.icon-iconfontdingdan:before { content: "\e65c"; }

.icon-dianhua:before { content: "\e60b"; }

.icon-fenxi:before { content: "\e61a"; }

.icon-wechat-copy:before { content: "\e673"; }

.icon-weibo:before { content: "\e637"; }

.icon-youjian:before { content: "\e610"; }

.icon-sheji:before { content: "\e765"; }

.icon-dingwei:before { content: "\e614"; }

.icon-zhuangxiu:before { content: "\e636"; }

.icon-fenxi1:before { content: "\e62a"; }

.icon-jiandu:before { content: "\e600"; }

.en{font-family: Arial;}
.bg-index{
  background-image: url("/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/bg-body.png");
  background-position: center 130px;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
/*header页头007*/
.xb-mod-header-007{
  z-index: 9999;
  width: 100%; 
  height: auto; 
  background: #fff;
  left: 0;
  right: 0;
  top: 0;
  -moz-box-shadow: 0px 1px 2px rgba(102,102,102,.2); 
  -webkit-box-shadow: 0px 1px 2px rgba(102,102,102,.2); 
  box-shadow: 0px 1px 2px rgba(102,102,102,.2); 
  filter: progid: DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#eee'); 
  -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#eee')"; 
  -webkit-transition: all 2s ease; 
  -moz-transition: all 2s ease; 
  -o-transition: all 2s ease; 
  transition: all 2s ease;
}
.navbar-top{
  min-height: unset;
  border:none;
  margin: auto;
  border: none;
}
.favorites{
  font-size: 12px;
  height: 30px;
  line-height: 30px;
}
.favorites >a{
  position: relative;
  color: #333;
}
.favorites >a:after{
  content: "";
  display: inline-block;
  height: 9px;
  width: 1px;
  background-color: #666;
  position: absolute;
  right: 0;
  top:50%;
  margin-top: -4.5px;
  margin-right: -6px;
}
.favorites >a:last-child:after{
  display: none;
}
.nav-tel{
  height: 30px;
  line-height: 30px;
  background-color: #c21203;
  color: #fff;
  padding:0 30px 0 20px;
  position: relative;
}
.nav-tel .icon-mobile{
  font-size: 28px;
  margin-right: 5px;
}
.nav-tel:after{
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 31px;
  background: url("/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/icons/icon-tel-boxr.png") no-repeat;
}
.navbar-top-bgr{
  position: absolute;
  right: -100%;
  top: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
}
/*导航搜索模块*/
.xb-mod-header-007 .top-search-form{width: 30px;height: 76px;position: relative;}
.xb-mod-header-007 .top-search-form .form-control{border: 1px solid #d6d6d6;background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow:none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.xb-mod-header-007 .top-search-form .btn-search{display: inline-block; width: 30px; height: 30px; line-height: 25px; background:url(/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/serach_ico.png) no-repeat #0065a5 center; color: #fff;padding: 0; border-radius: 50%; -webkit-border-radius: 50%; margin-top: 20px;}
/*search-form*/
.xb-mod-header-007 .search-form{position: absolute;display: none;width:220px;right: 0;top: 100%;background: #0065a5;border-top: 1px solid #67c0f8;overflow: hidden;}
.xb-mod-header-007 .search-form:before{content: ''; position: absolute; width: 60px; height: 41px; margin-top: 0px; margin-left:-80px; overflow: hidden; z-index: 6; background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.xb-mod-header-007 .search-form:hover:before{-webkit-animation:formlight .5s ease-out forwards; -moz-animation:formlight .5s ease-out forwards; -o-animation:formlight .5s ease-out forwards; animation:formlight .5s ease-out forwards}
.xb-mod-header-007 .search-form input::-webkit-input-placeholder,
.xb-mod-header-007 .search-form input:-moz-placeholder,
.xb-mod-header-007 .search-form input::-moz-placeholder,
.xb-mod-header-007 .search-form input:-ms-input-placeholder{color: #fff!important;}
@keyframes formlight{from{margin-left:-60px}to{margin-left:240px}}
@-webkit-keyframes formlight{from{margin-left:-60px}to{margin-left:240px}}
.xb-mod-header-007 .search-form .form-group{font-size: 0;}
.xb-mod-header-007 .search-form .form-control{width:172px; height: 40px;border:0; border-radius: 0;color: #fff;}
.xb-mod-header-007 .search-form .btn-search{width: 24px;height: 40px;background-color: transparent;border: transparent;margin: 0;}
/*logo*/
.nav-brand{width: 327px; height: 43px;}
.logo{margin:0; display: block; width:inherit; height: inherit; background: url(/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/logo.png) no-repeat left center;}
/*主要导航*/
.xb-mod-header-007 .navbar-main{z-index: 99; margin-bottom: auto;border: none;padding: 0 0 30px 0;}
/*导航风格模型*/
.nav-main ul,
.nav-main li,
.nav-main dl,
.nav-main dt,
.nav-main dd{padding: 0;margin:0;list-style: none}
.xb-mod-header-007 .nav-main{width: auto; height: auto;margin-bottom: none;}
/*.xb-mod-header-007 .nav-main:after{
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  position: absolute;
  left: -20px;
  top: 0;
  background:url("/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/icons/nav-left-arrow.png") no-repeat;
  background-size: cover;
}*/
.xb-mod-header-007 .nav-right-bg{
  content: "";
  display: block;
  width: 384px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background:#c21203;
}
.xb-mod-header-007 .nav-main>li{
  position: relative;
  float: left;
  text-align: left;
  font-size: 14px;
  color: #666;
  z-index: 99;
  margin-right:30px;
  /*padding: 6px 0;*/
}
/*.xb-mod-header-007 .nav-main>li:after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom:0;
  width: 7px;
  height: 2px;
  background-color: #e60012;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}*/
.xb-mod-header-007 .nav-main>li:last-child{margin-right: 0}
.xb-mod-header-007 .nav-main>li>a{display: block;padding: 0; height:35px;line-height:35px;color: #fff; overflow: hidden;}
.xb-mod-header-007 .nav-main>li>a span{display: block;position: relative;}
.xb-mod-header-007 .nav-main>li>.en{display: block;}
.xb-mod-header-007 .nav-main>li>a:hover{background:transparent;}
/*.xb-mod-header-007 .nav-main>li:first-child a{padding-left: 10px;padding-right: 10px;}*/
.xb-mod-header-007 .nav-main>li.active>a{/*background-color: #25323a;*/color: #fff;text-shadow:none;}
.xb-mod-header-007 .nav-main>li.on >a{/*background-color: #25323a;/*color: #e60012;*/ -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; text-shadow:none;}
.xb-mod-header-007 .nav-main>li.on::after,.xb-mod-header-007 .nav-main>li.active::after{width: 25px;}

.xb-mod-header-007 .nav-main>li.move >a{color: #fff!important; background: none !important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; text-shadow:none!important;}
.xb-mod-header-007 .nav-main .hot{display: block;width: 25px;height: 15px; position: absolute;top: 10px;right: 0; background: url(/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/hot.gif) no-repeat;}
.xb-mod-header-007 .nav-main .movingLine{position: absolute;z-index: 1; width: auto; background: #7fcd61;width: 60px; height: 3px;bottom:0;display: none;}
/*子菜单*/
.xb-mod-header-007 .nav-main .nav-sub{display: none; position: absolute; top: 100%;min-width: 345px; height: 30px;line-height: 30px; padding: 0;z-index: 999;  }

.xb-mod-header-007 .nav-main .nav-sub li{
  float: left;
  padding: 0 6px
}
.xb-mod-header-007 .nav-main .nav-sub a{color: #fff;padding: 0 15px;}
.navbar-sub-bg{
  display: none;
  width: 100%;
  height: 30px;
  position: absolute;
  left: 0;
  bottom: -30px;
  background: rgba(0, 0, 0, 0.5) !important;
  filter: alpha(opacity=50);
  background-color: #000;
}
/*xb-mod-header-inner*/
.xb-mod-header-inner{background: rgba(255,255,255,.9);border:transparent;border-bottom: none;}
.xb-mod-header-inner .nav-main>li>a{height: 70px; line-height: 70px;color: #666;}
.xb-mod-header-inner .nav-main>li.active>a{color: #333;}
.xb-mod-header-inner .nav-main>li.on>a{color: #333;}
.xb-mod-header-inner .nav-main>li.move>a{color: #333;}
.xb-mod-header-inner .logo{ background: url(/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/logo-2.png) no-repeat left center;}

/*xb-mod-header-white*/
.xb-mod-header-white{background: rgba(255,255,255,.9);border:transparent;border-bottom: none;}
.xb-mod-header-white .nav-main>li>a{height: 70px; line-height: 70px;color: #666;}
.xb-mod-header-white .nav-main>li.active>a{color: #333;}
.xb-mod-header-white .nav-main>li.on>a{color: #333;}
.xb-mod-header-white .nav-main>li.move>a{color: #333;}
.xb-mod-header-white .logo{ background: url(/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/logo-2.png) no-repeat left center;}
/*//header*/

/*footer*/
.footer{
  color:#d3d3d3;
  background: #222326;
  border-top: 2px solid #4b4b4b;
}
.foot-content{
  width: 100%;
  height: 440px;
  background: url("/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/foot-bg.jpg") no-repeat center top;
  position: relative;
  padding-top: 40px;
  padding-bottom: 70px;
}
.foot-content .container{
  z-index: 99;
  width: 925px;
  max-width: none;
}
.foot-bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .7;
  background-color: #000;
}

.foot-nav{padding: 0;margin: 0;font-size: 12px;text-align: center;position: relative;}
.foot-nav>li{
  display: inline-block;
  position: relative;
  /*padding-left: 25px;*/
  margin-right: 65px;
}
.foot-nav >li:last-child{
  margin-right: 0;
}
.foot-nav >li>a{
  display: block;
  color: #999;
  font-size: 14px;
  padding: 10px 0;
}
.foot-nav >li.on>a{
  color: #c0000e;
}
.foot-nav .movingLine{
  position: absolute;
  height: 2px;
  background-color: #c61d2b;
}

.foot-logo{
  display: block;
  width: 214px;
  margin-right: 35px;
}

.foot-contact{
  margin-top: 80px;
  font-size: 12px;
  color: #a0a0a0;
}
.foot-contact .icon-con{
  background: url("/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/foot-contact-line.png") no-repeat right center;
  padding-right: 17px;
}
.foot-contact .icon{
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border:1px solid #c61d2b;
  color:#c61d2b;
  font-size: 24px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.foot-contact .info-text{
  width: 170px;
  margin-left: 17px;
}
.foot-qr img{
  width: 95px;
  height: 95px;
  border: 3px solid #575757;
}

.foot-tel .icon-footTel{display: inline-block;width: 60px;height: 60px;background: url(/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/icons/icon-footTel.png) no-repeat;}
.foot-tel .tel-num{font-size: 30px;color: #9ecc17;}
.foot-tel .tel-desc{font-size: 14px;color: #888;}
.foot-copy{
  padding-top: 30px;
}
.copy{font-size: 12px;color: #666;}

.flinks{width: 100%;color: #666;}
.list-flinks{width: 990px;}
.list-flinks ul{margin: 0;}
.list-flinks .list-item{display: inline-block;*display: inline;zoom:1;margin-bottom: 6px;margin-right: 10px;}


/*社会化分享*/
.social .datetime{}
.social a{
  display: inline-block;
  *display: inline;
  zoom:1;
  color: #9a9a9a;
  font-size: 0;
  margin-right: 20px;
  text-align: center;
  position: relative;
}
.social a i{
  display: inline-block;
  *display: inline;
  zoom:1;
  width: 20px;
  height: 20px;
  line-height: 25px;
  font-size: 24px;
  border-radius: 50%;
}
.social a.weibo i{
  font-size: 30px;
}
/*
.social a .icon-qq{background: #58b3ec}
.social a .icon-weibo{background: #db8044}
.social a .icon-wechat{background: #329258}
*/
.social a img{display: none; position: absolute;width: 120px;height: 120px;max-width:120px; left: 0; top: -50%}
.social a:hover img{display: block; z-index: 9}
/*//footer*/
/*全屏幻灯片*/
.full-slide{width:100%!important;max-width:100%!important;position:relative;overflow:visible;height:200px;}
.skitter.with-dots{margin-bottom: 0;}
.skitter .info_slide_dots{bottom:80px;}
.skitter .info_slide_dots .image_number{background: #969696;box-shadow:none;width:30px;height:3px;}
.skitter .info_slide_dots .image_number.image_number_select{background: #c51f1f;}
.skitter .box_clone img{max-width: none;}
/*//slide*/

.navbar-shortcut{
  position: relative;
  z-index: 999;
  border: none;
  margin-bottom: 0;
  min-height:0;
}

.nav-shortcut {
  position: absolute;
  left:0;
  top:-80px;
  font-size: 0;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 0;
  height: 80px;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#99000000", endColorstr="#99000000");
  background-color:rgba(0,0,0,0.6);
}

.nav-shortcut > li {

  float: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.nav-shortcut > li > a {
  padding: 20px 55px;
  color: #fff;
  height: 80px;
  overflow: hidden;
}

.nav-shortcut > li > a .zh {
  font-size: 16px;
}

.nav-shortcut > li > a .en {
  -webkit-text-size-adjust:none;
  text-transform: uppercase;
  font-size : 12px;
  -webkit-transform:scale(0.84) ;
  *font-size:10px;
}

.nav-shortcut > li > a:hover,
.nav-shortcut > li > a:focus,
.nav-shortcut>li.active>a {
  color: #fff;
  background: rgba(255, 0, 0, .5);
}

.mainwrap{}
.c-red{
  color: #c51f1f;
}
.bg-red{
  background-color: #c51f1f;
}
.module-heading .zh,.module-heading .en{
  display: inline-block;
  position: relative;
}
.module-body .desc{
  line-height: 2em;
}
/*.module-heading .zh:before,.module-heading .zh:after{
  content: '';
  display: block;
  width: 40px;
  border-bottom:1px solid #e84a34;
  position: absolute;
  top:50%;
}
.module-heading .zh:before{
  left: -100%;
}
.module-heading .zh:after{
  right: -100%;
}*/

/*首页*/
.btn.btn-more{
  border-radius: 0;
  background-color: #fff;
  text-shadow: none;
  color: #666;
  font-size: 14px;
  border-color: #bbbbbb;
  padding: 8px 50px;
}
.btn.btn-more:hover{
  background-color: #e60012;
  color: #fff;
  border-color:#e60012 ;
}

/*首页案例分类展示*/
.list-case-show{
  height: 774px;
}
.list-case-show row{
  margin-left: 0;
  margin-right: 0;
  height: 100%;
  width: 100%;
}

.list-case-show .list-item{
  padding-left: 0;
  padding-right: 0;
  margin-bottom: auto;
  height: 328px;
}
.list-case-show .inner-wrap{
  height: 100%;
  width: 100%;
}
.list-case-show .list-item .col{
  padding-left: 0;
  padding-right: 0;
}

.list-case-show .item-media{
  width: 70%;
  height: 100%;
  overflow: hidden;
}
.list-case-show .item-media img{
  width: 640px;
  max-width:none;
  height: 329px;
}

.list-case-show .item-body{
  display: table;
  vertical-align: middle;
  color: #fff;
  width: 30%;
  height: 100%;
  background-color:#9a8b7e;
  position: relative;
}

.list-case-show .item-body .title{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  width: 100%;
}

.list-case-show .item-body a{
  color: #c1af9f;
  font-size: 18px;
}

.list-case-show .item-media .item-bg{
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background:rgba(154,139,126,0.8)!important;
  filter: alpha(opacity=80);
  background-color: rgba(154,139,126,0.8);
}

.list-case-show .item-media .item-desc{
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  color: #fff;
}
.list-case-show .item-media .item-desc-wrap{
  display: table;
  width: 100%;
  height: 100%;
}
.list-case-show .item-media .con{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.list-case-show .item-media .item-desc a{
  display: block;
  color: #fff;
  line-height: 1.8em;
}

.list-case-show .list-item.on .item-body a{
  color: #fff;
}

/*自定义*/
.list-case-show .case-box-1,
.list-case-show .case-box-1 .item-body{
  background-color: rgb(154,139,126);
}

.list-case-show .case-box-2,
.list-case-show .case-box-2 .item-body {
  background-color: #5e6b75;
}
.list-case-show .case-box-2 .item-media .item-bg{
  background:rgba(94,107,117,0.8)!important;
  filter: alpha(opacity=80);
  background-color: rgba(84,107,117,0.8);
}
.list-case-show .case-box-2 .item-body a{
  color: #85949f;
}

.list-case-show .case-box-3,
.list-case-show .case-box-3 .item-body {
  background-color: rgb(104,104,104);
}

.list-case-show .case-box-3 .item-media .item-bg{
  background:rgba(104,104,104,0.8)!important;
  filter: alpha(opacity=80);
  background-color: rgba(104,104,104,0.8);
}

.list-case-show .case-box-3 .item-body a{
  color: #928f8f;
}

.list-case-show .case-box-4 {
  width: 50%;
  height: 445px;
}

.list-case-show .case-box-4 .item-media {
  float: right !important;;
}

.list-case-show .case-box-4 .item-media img {
  width: 611px;
  height: 445px;
}

.list-case-show .case-box-4,
.list-case-show .case-box-4 .item-body {
  background-color: rgb(84, 75, 67);
}

.list-case-show .case-box-4 .item-body a {
  color: #928f8f;
}

.list-case-show .case-box-4 .item-media .item-bg {
  left: 0;
  background: rgba(84, 75, 67, 0.8) !important;
  filter: alpha(opacity=80);
  background-color: rgba(84, 75, 67, 0.8);
}


.list-case-show .case-box-5 {
  width: 50%;
  height: 445px;
}

.list-case-show .case-box-5 .item-media {
  float: right !important;;
}

.list-case-show .case-box-5 .item-media img {
  width: 611px;
  height: 445px;
}

.list-case-show .case-box-5,
.list-case-show .case-box-5 .item-body {
  background-color: rgb(128, 116, 68);
}

.list-case-show .case-box-5 .item-body a {
  color: #afa57b;
}

.list-case-show .case-box-5 .item-media .item-bg {
  left: 0;
  background: rgba(128, 116, 68, 0.8) !important;
  filter: alpha(opacity=80);
  background-color: rgba(128, 116, 68, 0.8);
}


/*公司介绍*/
.xb-mod-panel-intro{height: 210px;background: #48b5d6;}

/*产业*/
.industry-slide{
  width: 100%;
  position: relative;
}
.industry-slide .btn-page{
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  z-index: 200;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #666;
  text-decoration: none;
  background-color: rgba(255,255,255,.6);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  transition:none;
  -webkit-transition:none;
  box-shadow: 0 0 20px rgba(0,0,0,.3);
}
.industry-slide .btn-page i{
  font-size: 28px;
  line-height: 60px;
}
.industry-slide .btn-page:hover{
  color: #c54550;
}
.industry-slide .prev{
  left: 0;
  background-position: 0 0;
}
.industry-slide .next{
  right: 0;
  background-position: -37px 0;
}
.industry-slide .prev:hover{
  background-position: 0 -37px;
}
.industry-slide .next:hover{
  background-position: -37px -37px;;
}

/*.industry-slide .btn-page{
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -18.5px;
  width: 37px;
  height: 37px;
  text-align: center;
  color: #999;
  text-decoration: none;
  background:url("/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/icons/icon-slide.png") no-repeat;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  transition:none;
  -webkit-transition:none;
}
.industry-slide .btn-page i{
  font-size: 28px;
  line-height: 38px;
}
.industry-slide .btn-page:hover{
  color: #48b5d6;
}
.industry-slide .prev{
  left: 0;
  background-position: 0 0;
}
.industry-slide .next{
  right: 0;
  background-position: -37px 0;
}
.industry-slide .prev:hover{
  background-position: 0 -37px;
}
.industry-slide .next:hover{
  background-position: -37px -37px;;
}*/

/*产业列表*/
.list-industry-slide {
  width: 1200px;
  margin: auto;
}
.list-industry-slide .row{
  height: 570px;
  overflow: hidden;
}
.list-industry-slide  .list-item {
  float: left;
  display: inline;
  width: 240px;
  height: 498px;
  background-color: #ffffff;
  position: relative;
  overflow: visible;
}

.list-industry-slide  .item-media {
  width: 100%;
  height:570px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: -132px;

  -webkit-transition: none;
  -moz-transition: none;
  -o-transition:none;
  transition: none;
}

.list-industry-slide  .item-media img {
  width: 250px;
  height:570px;
  max-width: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.list-industry-slide .item-foot{
  background-color: #c0000e;
  height: 60px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.list-industry-slide  .zh {
  font-size: 18px;
  color: #fff;
  line-height: 1.8em;
}
.list-industry-slide  .item-body {
  display: block;
  padding: 40px 25px;
  background-color: transparent;
  height: 75px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.list-industry-slide  .item-body .en {
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;

}

.list-industry-slide .item-layer {
  display: block;
  transform: rotateY(0deg);
  transform-origin: 50% 50%;

  background: rgba(203, 0, 15, 0.3) !important;
  filter: alpha(opacity=30);
  background-color: rgb(203, 0, 15);
}
.list-industry-slide .list-item:nth-child(2n) .item-layer{
  background: rgba(0, 0, 0, 0.3) !important;
  filter: alpha(opacity=30);
  background-color: #000000;
}

.list-industry-slide .list-item:nth-child(2n) .item-foot{
  background-color: #000000;
}
.list-industry-slide .on .item-media img {

  transform: translateX(-5px) scale(1.01);
  -webkit-transform: translateX(-5px) scale(1.01);

}

.list-industry-slide .on .item-layer {
  /*transform: rotateY(-15deg);*/
}

/*首页服务流程*/
.xb-mod-panel-003 .desc{border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.br{margin-right: 0!important;}
.list-service{}
.list-service .row{
  padding: 0;
}
.list-service .list-item{
  width: 157px;
  text-align: center;
}
.list-service .list-item>a{
  display: block;
  padding: 0 5px;
}
.list-service .item-media{
  width: 87px;
  height: 87px;
  border-radius: 10px;
  background-color: #35455a;
  color: #fff;
  margin: auto;
}
.list-service .item-media i{
  font-size: 36px;
  line-height: 87px;
  width: 36px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  transition-delay:.2s;
  -webkit-transition-delay:.3s;
  position: absolute;
  left:50%;
  margin-left: -18px;
}
.list-service .list-item .title-zh{
  color: #666;
  font-size: 14px;
}

.list-service .list-item .title-en{
  color: #999;
  font-size: 12px;
}
.list-service .list-item.on .item-media{
  background-color: #c51f1f;
}
.list-service .list-item.on .item-title{
  color: #c51f1f;
}
.list-service .list-item.on .item-media i{
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}
.list-service .list-item.on .title-zh,.list-service .list-item.on .title-en{
  color: #c51f1f;
}


/*表单面板*/
.form-control:focus{/*border-color: #dbc088; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(219, 192, 136, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(219, 192, 136, .6);*/}
.form-panel{width: 100%;font-size: 14px;}
.form-panel .form-group{position: relative;}
.form-panel label{ text-align: right!important;font-weight: normal;color: #333;}
.form-panel .form-control{color:#eee ; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;border-color: #333;background:transparent;box-shadow: none;
  height: 45px;
}
.form-panel .form-control:focus{box-shadow: none;border-color: #c51f1f}
.form-panel .text{height: 110px}
.form-panel .btn{padding: 10px 40px; margin: 0; background: transparent; color:#fff;text-shadow:none;  font-size: 12px;border-width: 2px;border-color: #e1001b}
.form-panel .btn:hover{border-color: #ccc}

/*留言表单*/
.panel-leave{
  margin-bottom:auto;
  padding: 30px 75px 0;
  border-radius: 0;
}
.panel-leave .panel-heading{font-size: 26px;border:transparent;background: transparent;padding:15px 0;}
.panel-leave .panel-body{padding: 0}
.panel-leave .form-control{color: #333;border-color: #ddd;}
.panel-leave .btn-submit{display: block;width: 100%;background-color: #e30000;border-color:#c51f1f;border-radius: 0;}
.panel-leave .btn-reset{display: block;width: 100%;background-color: #35455a;border-color:#35455a;border-radius: 0;}
.panel-content{
  font-size: 14px;
  color: #000;
}
/*地图*/
.xb-mod-panel-map{
  height: 300px;
  width: 100%;
  background:url("/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/map.jpg") no-repeat;

  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.xb-mod-panel-map:hover{
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: none;
}

/*合作伙伴*/
.list-partner {
}
.list-partner>.row{
  margin-left: -12px;
  margin-right: -12px;
}
.list-partner .list-item {
  width: 12.5%;
  height: 58px;
  margin-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  overflow: hidden;
  margin-bottom: 30px;
}

.list-partner .list-item .item-media {
  display: block;
  height: 58px;
  background: url(/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/partner-bg.png) no-repeat center;
  border: 1px solid #cdcdcd;
  padding: 10px;
}
.list-partner .list-item img{
  width: 100%;
  height: 100%;
  max-width: none;
}
.list-partner .list-item.on{
  border-color:#c21203 ;
}


/*资讯*/
.panel-infomation:first-child .panel-heading{
  padding-top: 0;
}
.panel-infomation .panel-heading{
  border-bottom: 1px #ddd solid;
  padding: 10px 0;
  position: relative;
}
.panel-infomation .panel-heading:before{
  content: "";
  display: inline-block;
  width: 2px;
  height: 15px;
  background-color: #e60012;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7.5px;
}
.panel-infomation .panel-heading .zh{color: #333;font-weight: 700;font-size: 14px;margin-left: 10px;}
.panel-infomation .panel-heading .en{color: #c1c1c1;font-size: 12px;margin-top: 7px;margin-left: 10px;}
.panel-infomation .btn-more{font-size: 12px;text-transform: uppercase;padding: 1px 8px;}
.panel-infomation .panel-body{padding: 0;padding-top: 20px;}
.panel-infomation .panel-body .cover{display: block;width: 240px;height: 160px;}
.panel-infomation .panel-body .cover img{width: 100%;height: 100%;}

/*首页新闻列表*/
.list-news-index{
  margin: auto;
  width: 940px;
}
.list-news-index .list-item {
  margin-bottom: 20px;
}
.list-news-index .item-date{
  font-family: Arial;
  text-align: left;
  line-height:normal;
  border-right: 1px solid #ddd;
  width: 70px;
}
.list-news-index .item-date .date{
  font-size: 48px;
  color: #555;
}
.list-news-index .item-date .year{
  font-size: 18px;
  color: #bbb;
  letter-spacing:1px;
}
.list-news-index .item-body{
  width: 830px;
  padding-top: 5px;
}

.list-news-index .title{
  display: block;
  font-size: 16px;
  color: #555;
  font-weight: 700;
}
.list-news-index .desc{
  color: #666;
  font-size: 12px;
  line-height: 1.5em;
  margin-top: 10px;
  height: 38px;
  overflow: hidden;
}

/*资讯列表*/
/*
.list-news {width: 270px;}
.list-news .list-item{font-size: 14px;margin-bottom: 14px;}
.list-news .list-item .title{color: #666;width: 220px;}
.list-news .list-item .time{color: #aaa;font-size: 12px;}
.list-news .list-item .title:hover{color: #999;width: 220px;}
.list-news .list-item:last-child{margin-bottom: auto;}
*/

/*新闻内页*/
.list-news-imgtext{}
.list-news-imgtext .list-item{background: #fff;margin-bottom: 0;border-bottom:1px solid #f5f5f5}
.list-news-imgtext .inner-wrap{ padding-top: 20px;  padding-bottom: 20px;}
.list-news-imgtext .list-item:first-child .inner-wrap{padding-top: 0;}
.list-news-imgtext .item-media{width:255px; height: 152px;}
.list-news-imgtext .item-media img{width: 100%; height: 100%;}
.list-news-imgtext .list-item-body{  width: 495px;  }
.list-news-imgtext .title{font-size: 18px;}
.list-news-imgtext .desc{padding:0; line-height: 1.6em; font-size: 14px; height: 90px; overflow: hidden;color: #999}
.list-news-imgtext .time{display: block;}
.list-news-imgtext a.more{display: inline;font-size: 12px; color: #ff791d;}
.list-news-imgtext .br{margin-right: 0}
.list-news-imgtext .title:hover{color: #e60012;}
.list-news-imgtext .list-item:last-child{border-bottom: none;}

/*热门新闻*/
.list-news-hot{}
.list-news-hot .list-item{background: #fff;margin-bottom: 0;border-bottom:1px solid #f5f5f5}
.list-news-hot .inner-wrap{  padding-top: 20px;  padding-bottom: 20px;}
.list-news-hot .list-item:first-child .inner-wrap{  padding-top: 0;  }
.list-news-hot .item-media{width:362px; height: 216px;}
.list-news-hot .item-media img{width: 100%; height: 100%;}
.list-news-hot .list-item-body{  width: 100%;margin-top: 10px;}
.list-news-hot .title{font-size: 18px;}
.list-news-hot .desc{padding:0; line-height: 1.6em; font-size: 14px; height:45px; overflow: hidden;color: #999}
.list-news-hot .time{display: block;}
.list-news-hot a.more{display: inline;font-size: 12px; color: #ff791d;}
.list-news-hot .br{margin-right: 0}
.list-news-hot .title:hover{color: #e60012;}
.list-news-hot .list-item:last-child{border-bottom: none;}

/*内页*/
.sub-banner{
  width: 100%;
  height:300px;
  background-color: #e6ebf3;
  background-position: center top;
  background-repeat: no-repeat;
}
/*.bg-about{
  text-align: center;
  position: relative;
}
.bg-about img{position: relative;z-index: 99;}
.bg-about:after{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  border-bottom: 1px solid #ddd;
  width: 100%;
}*/
/*内页分页标题*/
.xb-mod-title{

}
.xb-mod-title .title{
  font-size: 24px;
  color: #333;
  position: relative;
  padding: 5px 0;
}
.xb-mod-title .title .en{
  text-transform: uppercase;
}
.xb-mod-title .title:after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 20px;
  height: 2px;
  background-color: #e60012;
}

/*案例*/
.list-case .list-item{
  width: 268px;
  margin-bottom:0;
  margin-right: 42px;
}
.list-case .item-media{
  border:2px solid #a1a1a1;
}
.list-case .item-media img{
  width: 343px;
  height: 156px;
}
.list-case .list-item-body{
  padding: 10px 0;
}
.list-case .title{
  display: block;
  font-size: 14px;
  color: #333;
}
.list-case .desc{
  font-size: 12px;
  color: #777;
  height: 25px;
  overflow: hidden;
}
.list-case .on .item-media{
  border-color: #c51f1f;
}

/*产品介绍*/
.product-intro{background: #f8f8f8;}
.product-intro h3{color: #000;margin: 0}
.product-intro dl{margin:0;}
.product-intro .btn.btn-yellow{color: #fff;font-size: 16px; background: #ff7e45;padding: 12px 35px;border:transparent;text-shadow: none;}
.product-intro .btn:hover{opacity: .8}
.product-intro .text-14 p{margin-bottom: 6px}

/*当前位置*/
.titleBar {background-color: #f6f6f6;padding:5px 0;border-bottom:1px solid transparent;}
.titleBar .zh{font-size: 28px;color: #0b6aad;font-weight: normal;}
/*文章上下条*/
.detail-lr a{color: #333;font-size: 12px;}
.detail-lr a:hover{color: #e60012;}
.detail-lr .detail-next{margin-left: 50px;}
/*内页新闻页*/
.col-l{
  width: 765px;
}
.col-r{
  width: 362px;
}
/*
.module-navbar-inner{border-bottom: 1px solid #eee;}
.nav-submenu{position: relative;text-align: center;padding: 10px 0;}
.nav-submenu >li{position: relative;z-index: 5;display: inline-block;*display: inline; zoom:1;}
.nav-submenu >li>a{font-size: 14px;color: #333333;height: 30px;line-height: 30px; padding: 0 30px;}
.nav-submenu >li>a:hover{background-color: transparent;}
.nav-submenu>li.active>a, 
.nav-submenu>li.active>a:focus, 
.nav-submenu>li.active>a:hover { color: #333;background-color: transparent;}
.nav-submenu>li.on>a{color: #333}
.nav-submenu>li.move>a{color: #333}
.nav-submenu .movingLine{display: block;background-color: #eeeeee;height: 30px; position: absolute;top: 50%;margin-top: -15px; z-index: 1; border-radius: 50px;-webkit-border-radius:50px;}
*/


/*详情*/
.xb-details .notes{color: #999;margin-top: 20px;}
.xb-details .details-heading{border-bottom: 1px dashed #ddd}
.xb-details .details-heading .row{
  padding-left: 0;
  padding-right: 0;
}
.xb-details .details-foot{border-top: 1px dashed #ddd}
.xb-details .title{margin:auto;}
.xb-details .previous{
  background:url(/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/icons/detail-prev.png) no-repeat left bottom;
  padding-bottom: 15px;
}
.xb-details .next{
  background:url(/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/icons/detail-next.png) no-repeat right bottom;
  padding-bottom: 15px;
}
.previous-next{
  padding: 15px 0;
}


/*近期作品*/
.panel-case{
  margin-bottom: auto;
}
.panel-case .panel-heading{
  border-bottom:1px dotted #bbb;
  padding-left: 0;
  padding-right: 0;
}
.panel-case .panel-heading .title{
  color: #c52620;
  font-size: 16px;
  font-weight: 700;
}

/*联系我们*/
.panel-contact{
  border-radius: 0;
  color: #000;
  height: 340px;
}
.panel-contact .panel-wrap{
  padding: 20px 75px;
}
.panel-contact>.panel-heading{
  background-color: transparent;
}
.contact-info-item{
  border-bottom:1px solid #cecece;
  padding: 12px 0;
  line-height: 1.8em;
}
.contact-info-item:last-child{
  border-bottom: none;
}
/*地图*/
.panel-map{
  border-radius: 0;
  width:580px;
  height:340px;
}

/*paging分页-pc*/
.paging{clear:both;height:auto;min-width:200px;text-align:center}
.paging li,.paging ul{display:inline-block;margin:0;padding:0;list-style:none;*display:inline;zoom:1}
.paging ul{width:auto;height:100%;font-size:0;}
.paging li{font-size:12px;}
.paging li a{font-family:Arial,Helvetica,sans-serif;margin:0 3px;color:#999999;font-size: 12px;display: inline-block;border:1px solid #ddd;padding: 10px 12px;/*height:20px;line-height: 20px;*/}
.paging li a:hover{color:#c51f1f;text-decoration: none;text-decoration: none}
.paging li.paging_next a,
.paging li.paging_prev a{/*line-height:normal;position: relative;*/border:1px solid #ddd;padding: 10px 12px;}
.paging li.paging_current a{color:#fff;font-weight: 700;background: #c51f1f;border-color:#c51f1f;}
.paging li.total a{margin:0;}
.paging li.total a:hover{color: #999999}
.paging li.paging_next ~ .total,
.paging li.paging_prev ~ .total{margin-left: 6px}



/*案例列表页面*/
.main-case-box{
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.main-case-box .main-wrap{
  position: absolute;
  bottom: 0;
  height: 70%;
  width: 100%;
}

/*案例slide*/
/*导航*/
.nav-sub-case{
  /*width: 120px;*/
  height: auto;
  position: fixed;
  left: 0;
  top: 100px;
  z-index: 9999;
}
.nav-sub-case>li{
  border-top: 1px solid #343538;
}
.nav-sub-case>li:first-child{
  border-top: transparent;
}
.nav-sub-case>li>a{
  color: #fff;
  font-size: 14px;
  background-color: #6a6c70;
  height: 38px;
  /*line-height: 38px;*/
}
.nav-sub-case>li>a:hover,
.nav-sub-case>li>a:focus{
  background-color:#c3444f;
  color: #fff;
}
.nav-sub-case>li.active>a{
  background-color:#c3444f;
}
.nav-sub-case>li.active,.nav-sub-case>li:hover{
  border-color:#a2222c;
}
/*案例*/
.case-slide{
  width: 100%;
  position: absolute;
  top:50%;
  margin-top: -125px;
}
.case-slide .btn-page{
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  z-index: 200;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #666;
  text-decoration: none;
  background-color: rgba(255,255,255,.6);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  transition:none;
  -webkit-transition:none;
  box-shadow: 0 0 20px rgba(0,0,0,.3);
}
.case-slide .btn-page i{
  font-size: 28px;
  line-height: 60px;
}
.case-slide .btn-page:hover{
  color: #c54550;
}
.case-slide .prev{
  left: 0;
  background-position: 0 0;
}
.case-slide .next{
  right: 0;
  background-position: -37px 0;
}
.case-slide .prev:hover{
  background-position: 0 -37px;
}
.case-slide .next:hover{
  background-position: -37px -37px;;
}

/*案例列表*/
.list-case-slide {
  width: 1616px;
  margin: auto;
  overflow: hidden;
}
.list-case-slide .row{
  overflow: hidden;
}
.list-case-slide  .list-item {
  float: left;
  display: inline;
  width: 308px;
  height: 248px;
  border: 4px solid rgba(255,255,255,.6);
  margin-right: 20px;
  position: relative;
  margin-bottom: auto;
  transition: border-color .3s;
}

.list-case-slide  .item-media {
  width: 100%;
  height:100%;

  -webkit-transition: none;
  -moz-transition: none;
  -o-transition:none;
  transition: none;
}

.list-case-slide  .item-media img {
  max-width: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  width: 100%;
  height: 100%;
}
.list-case-slide .item-foot{
  background-color: #c0000e;
  height: 60px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.list-case-slide  .item-body {
  display: table;
  height: 100%;
  width: 100%;

}
.list-case-slide  .item-body .item-title{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}


.list-case-slide .item-layer {
  display: none;
  height: 100%;
  width: 100%;
  transform: rotateY(0deg);
  transform-origin: 50% 50%;
  background: rgba(0, 0, 0, 0.6) !important;
  filter: alpha(opacity=60);
  background-color: #000000;
}

.list-case-slide .on .item-media img {
  transform:  scale(1.01);
  -webkit-transform: scale(1.01);
}
.list-case-slide .on{
  border-color: rgba(194,30,45,.6);
}


/*合作机构*/
.list-cooperation-slide{
  width: 1616px;
  margin: auto;
  overflow: hidden;
}
.list-cooperation-slide .row{
  overflow: hidden;
}
.list-cooperation-slide .list-item {
  float: left;
  display: inline;
  width: 308px;
  height: 248px;
  border: 4px solid rgba(255,255,255,.6);
  margin-right: 20px;
  position: relative;
  margin-bottom: auto;
  transition: border-color .3s;
}

.list-cooperation-slide .item-media {
  width: 100%;
  height:100%;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition:none;
  transition: none;
}

.list-cooperation-slide .item-media img {
  max-width: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  width: 100%;
  height: 100%;
  opacity: .8;
}
.list-cooperation-slide .item-foot{
  background-color: #c0000e;
  height: 60px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.list-cooperation-slide .item-body {
  display: table;
  height: 100%;
  width: 100%;

}
.list-cooperation-slide .item-body .item-title{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}


.list-cooperation-slide .item-layer {
  display: none;
  height: 100%;
  width: 100%;
  transform: rotateY(0deg);
  transform-origin: 50% 50%;
  background: rgba(0, 0, 0, 0.3) !important;
  filter: alpha(opacity=30);
  background-color: #000000;
}

.list-cooperation-slide .on .item-media img {
  transform:  scale(1.01);
  -webkit-transform: scale(1.01);
  opacity:1;
}
.list-cooperation-slide .on{
  border-color: rgba(194,30,45,.6);
}

/*团队*/
.list-team-slide{
  width: 1616px;
  margin: auto;
  overflow: hidden;
}
.list-team-slide .row{
  overflow: hidden;
}
.list-team-slide .list-item {
  float: left;
  display: inline;
  width: 205px;
  height: 283px;
  border: 1px solid rgba(255,255,255,.6);
  margin-right: 30px;
  position: relative;
  margin-bottom: auto;
  transition: border-color .3s;
}

.list-team-slide .item-media {
  width: 100%;
  height:100%;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition:none;
  transition: none;
}

.list-team-slide .item-media img {
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.list-team-slide .item-title{
  display: block;
  background: rgba(230,0,18,.4);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100%;
  font-size: 18px;
  padding:7px 10px;
  text-align: right;
  color:#fff;
  transition: all .5s;
  -webkit-transition: all .5s;
}
.list-team-slide .on .item-media img {
  transform:  scale(1.01);
  -webkit-transform: scale(1.01);

  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: none;
}
.list-team-slide .on{
  border-color: rgba(194,30,45,.6);
}

.list-team-slide .on .item-title{
  bottom: 0;
}
.detail-team{
  position: absolute;
  width: 700px;
  height: 380px;
  left: 50%;
  top:50%;
  margin-left:-350px;
  margin-top: -190px;
}
.detail-team .team-r{
  width: 402px;
  color: #fff;
}
.detail-team .title{
  border-bottom: 1px solid #8d1a23;
  padding: 5px 0;
  margin-top: 50px;
}

.detail-team h1{
  padding: 0;
  margin: 0;
}
.detail-team .btn-close{
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url("/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/icons/icon-close.png") no-repeat;
  cursor: pointer;
}
.detail-team .desc{
  padding: 5px 0;
}
.detail-team .content{
  height: 220px;
  overflow: hidden;
}
.layui-layer-nobg{
  box-shadow: none!important;
}

/*招聘*/
.list-recruit-slide{
  width: 1200px;
  margin: auto;
  overflow: hidden;
}
.list-recruit-slide .row{
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
}
.list-recruit-slide .list-item {
  float: left;
  display: inline;
  width: 390px;
  height: 240px;
  border: 1px solid rgba(255,255,255,.6);
  margin-right:15px;
  position: relative;
  margin-bottom: 15px;
  transition: border-color .3s;
}
.list-recruit-slide .br{
  margin-right: 0;
}

.list-recruit-slide .item-media {
  position: relative;
  width: 100%;
  height:100%;
  background-color:rgba(242,242,242,.9);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition:none;
  transition: none;
}


.list-recruit-slide .item-body{
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
}
.list-recruit-slide .item-title{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.list-recruit-slide .title{
  font-size: 24px;
}

.list-recruit-slide .desc{
  font-size: 16px;
  color: #999;
}
.list-recruit-slide .btn-more{
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url("/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/icons/icon.png") no-repeat 0 -96px;
  border-radius: 3em;
  transition:all .3s;
  -webkit-transition:all .3s;
}
.list-recruit-slide .on .item-media{
  background-color:rgba(242,242,242,1);
}
.list-recruit-slide .on{
  border-color: rgba(194,30,45,.6);
}

.list-recruit-slide .on .btn-more{
  background-position: -36px -96px;
}
.detail-recruit{
  padding: 7% 12%;
}
.detail-recruit .heading{
  font-size:16px;
  color: #333;
}
.detail-recruit .heading>div{
  padding:2px 0;
}

.detail-recruit .xb-editor{
  color: #333;
}
.hr{height: 0;border-top:1px solid #333;margin: 40px auto;}
.layui-layer-rim{
  border: 6px solid rgba(255,255,255,.6)!important;
}
.detail-recruit .btn-close{
  display: block;
  position: fixed;
  width: 30px;
  height: 30px;
  right: 10px;
  top: 10px;
  background: url("/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/icons/icon.png") no-repeat 0 -165px;
}

/*案例详情*/
.gallary{min-widthwidth:100%;height: 100%;}
.gallary ul,
.gallary li,.gallary dl{
  margin: 0;
  padding: 0;
  list-style: none;
}
.gallary-bd{width: 100%;height: inherit;background-color: #000;}
.gallary-bd ul,.gallary-bd ul li{
  width: 100%!important;
  height: inherit;
}
.gallary-bd li{
  float: left;

}
.gallary-bd li img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}
.gallary-hd{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 28px;
  z-index: 99;
  width: 100%;
  text-align: center;
  font-size: 0;
  width:710px;
  left: 50%;
  margin-left: -355px;
  overflow: hidden;
  height: 66px;
}
.gallary-hd ul{
  position: relative;
  left: 0;

}
.gallary-hd li{
  float:left;
  width: 142px;
  height: 66px;
  border: 1px solid rgba(255,255,255,.6);
  /*border-right: 1px solid rgba(255,255,255,.6);*/
  /*border-top: 1px solid rgba(255,255,255,.6);*/
  /*border-bottom: 1px solid rgba(255,255,255,.6);*/
  cursor: pointer;
}

.gallary-hd li:first-child{
  border-left: 1px solid rgba(255,255,255,.8);
}
.gallary-hd li img{
  width: 100%;
  height: 100%;
  opacity: .8;
}
.gallary-hd li.on{
  border-bottom-color: #c21203;
}
.gallary-hd li.on img{
  opacity: 1;
}
.gallary-pagestate{
  position: absolute;
  z-index: 99;
  bottom: 121px;
  width: 95px;
  height: 27px;
  left: 50%;
  margin-left: -27.5px;
  background: rgba(0,0,0,.6);
  text-align: center;
}
.gallary-pagestate  span{color: #b7000e;}

.gallary-pagestate .btn-page{
  position: absolute;
  height: 100%;
  line-height: 27px;
  width: 24px;
  text-align: right;
}
.gallary-pagestate .btn-page i{
  font-size: 16px;
}
.gallary-pagestate .prev{
  left: 0;
}
.gallary-pagestate .next{
  right: 0;
  text-align: left;
}
.gallary-pagestate .pageState {
  height: 100%;
  line-height: 27px;
  text-align: center;
  font-size: 12px;
}
.gallary-summary{
  display: none;
  position: absolute;
  width: 100%;
  height: 280px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.6);
  z-index: 55;
  color: #fff;
}
.gallary-summary-wrap{
  padding: 30px;
}
.gallary-summary .icon-arrow{
  display: inline-block;
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  font-size: 18px;
  background-color: rgba(255,255,255,.8);
  border-radius: 50%;
  color: #333;
  box-shadow: 0 0 20px rgba(0,0,0,.3);
  /*background: url("/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/icons/icon.png") no-repeat 0 -200px;*/
  animation:myflash 1s infinite;
  -moz-animation:myflash 1s infinite; /* Firefox */
  -webkit-animation:myflash 1s infinite; /* Safari and Chrome */
  -o-animation:myflash 1s infinite; /* Opera */
}
@keyframes myflash
{
  0%   {opacity: .8;box-shadow:0 0 10px rgba(194,18,3,.2)}

  50%  {opacity: .3;box-shadow:0 0 10px rgba(194,18,3,0)}

  100% {opacity: .8;box-shadow:0 0 10px rgba(194,18,3,.2)}
}
@-moz-keyframes myflash
{
  0%   {opacity: .8;box-shadow:0 0 10px rgba(194,18,3,.2)}

  50%  {opacity: .3;box-shadow:0 0 10px rgba(194,18,3,0)}

  100% {opacity: .8;box-shadow:0 0 10px rgba(194,18,3,.2)}
}

@-webkit-keyframes myflash
{
  0%   {opacity: .8;box-shadow:0 0 10px rgba(194,18,3,.2)}

  50%  {opacity: .3;box-shadow:0 0 10px rgba(194,18,3,0)}

  100% {opacity: .8;box-shadow:0 0 10px rgba(194,18,3,.2)}
}

@-o-keyframes myflash
{
  0%   {opacity: .8;box-shadow:0 0 10px rgba(194,18,3,.2)}

  50%  {opacity: .3;box-shadow:0 0 10px rgba(194,18,3,0)}

  100% {opacity: .8;box-shadow:0 0 10px rgba(194,18,3,.2)}
}

a.btn-ga-handle {
  display: block;
  height: 27px;
  line-height: 27px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;

}
a.btn-ga-handle span{
  line-height: 27px;
  padding-left:5px;
}
.gallary-summary-wrap dt{
  font-size: 18px;
  font-weight: normal;
}
.gallary-summary-wrap dd{
  font-size: 14px;
  margin-top: 20px;
}
.gallary-summary-wrap dd p{
  margin-bottom: auto;
}
a.link-back{font-size: 14px;color: #fff;}


.gallary-summary-hd{
  display: block;
  height: 120px;
  padding-top: 15px;
}

.gallary-summary-bd{}


/*自定义图标*/
.cIcon{
  display: inline-block;
  vertical-align: middle;
  background: url('/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/icons/icon.png') no-repeat;
}
.cIcon-gift{  /*礼物图标*/
  width: 40px;
  height: 39px;
}
.cIcon-l-arrow{
  height: 36px;
  width: 20px;
  background-position: -41px 0;
}
.cIcon-r-arrow{
  height: 36px;
  width: 20px;
  background-position: -64px 0;
}

/*基础修改*/
.bg-index{
  padding-top: 0;
}
.xb-mod-header-007 .navbar-main{
  padding: 0;
  background: #b22721;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
.xb-mod-header-007 .nav-main>li{
  margin: 0;
}
.xb-mod-header-007 .nav-main>li a{
  padding: 0 50px;
  height: 40px;
}
.xb-mod-header-007 .nav-main>li.active>a, .xb-mod-header-007 .nav-main>li.on>a{
  background: #282423;
}
.nav-brand{
  width: 180px;
  height: 72.67px;
  background-size: cover;
}
.logo{
  background-size: cover;
}
.skitter .info_slide_dots{
  bottom: 20px;
}
.flinks{
  text-align: center;
  color: #dfdfdf;
}
.flinks a {
  color: #dfdfdf;
  padding: 0 5px;
}
.favorites{
  margin-top: 15px;
}
.favorites > div{
  display: inline-block;
  vertical-align: middle;
  color: #b22721;
  font-size: 16px;
  line-height: 20px;
}
.favorites > div p {
  margin: 0;
  font-size: 18px;
}
.foot-content{
  height: auto !important;
  padding: 40px 0;
}
.copy{
  color: #dfdfdf;
  font-size: 12px;
}
.foot-nav >li>a{
  font-size: 16px;
  color: #ffffff;
}

/*首页*/
.case-list-head{
  padding: 12px;
  border-bottom: 1px solid #ddd;
}
.case-list-head div{
  font-size: 18px;
  color: #000000;
}
.case-list-head a{
  line-height: 27px;
}
.case-list-box{
  padding: 20px 30px;
}
.case-list-box ul{
  margin-left: 1px !important;
}
.case-list-box .list-item{
  float: left;
  border: 1px solid #ddd;
  margin: 0;
  margin-left: -1px;
}
.case-list-box .list-item img{
  width: 128px;
  height: 76px;
}
.case-list-box .list-item:hover{
  border-color: #b22721;
  z-index: 3;
}
.case-list-box .cIcon{
  position: absolute;
  margin-top: -18px;
  top: 50%;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.case-list-box .cIcon-l-arrow{
  left: 5px;
}
.case-list-box .cIcon-r-arrow{
  right: 5px;
}
.case-list-box .cIcon:hover{
  opacity: .6;
  filter: alpha(opacity=60);
}

.box-module{

}
.box-module-head{
  background: #b22721;
  height: 50px;
  line-height: 50px;
  color: white;
  padding-left: 90px;
  position: relative;
}
.box-module-head .box-module-title{
  font-size: 18px;
}
.box-module-head .box-module-title span{
  position: absolute;
  height: 43px;
  width: 83px;
  padding-right: 25px;
  left: 0;
  top: 4px;
  color: #000;
  font-size: 30px;
  text-align: center;
  line-height: 43px;
  font-weight: bold;
  background: url("/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/icons/icon.png") no-repeat;
  background-position: 0 -100px;
}
.box-module-head .list-item{
  float: left;
  margin: 0;
}
.box-module-head .row{
  margin: 0;
}
.box-module-head .list-item a{
  color: white;
  padding: 0 10px;
}
.box-module-head>.pull-right>a{
  font-size: 12px;
  color: white;
  padding-right: 10px;
}
.company-logo{/*其他公司logo列表*/
  height: 400px;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.company-logo >a{
  position: absolute;
  margin-top: -24px;
  top: 50%;
}
.company-logo .prev{
  left: 5px;
}
.company-logo .next{
  right:5px;
}
.company-logo .list-item{
  width: 250px;
  height: 400px;
  text-align: center;
  margin: 0;
  text-align: center;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
}
.company-logo .list-item:hover{
  opacity: .6;
  filter: alpha(opacity=60);
}
.company-logo .list-item img{
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom: 0;
  margin:auto;
}
.show-goods{
  position: absolute;
  top:0;
  right: 0;
}
.show-goods .list-item{
  float: left;
  margin: 0;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 212px;
  height: 200.5px;
}
.show-goods .list-item a {
  position: absolute;
  overflow: hidden;
  border: 1px solid transparent;
  width: 213px;
  height:201.5px;
  top: -1px;
  left: -1px;
}
.show-goods .list-item:hover a{
  border-color: #b22721;
  z-index: 9;
}
.show-goods .list-item img{
  width: 100%;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.show-goods .list-item:hover img{
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.info-box{ /*礼品资讯*/
  padding: 10px 10px 20px 10px;
}
.info-box>div{
  width: 50%;
}
.info-box .info-list{
  list-style: none;
  margin: 0;
}
.info-box .info-list li{
  position: relative;
  line-height: 30px;
}
.info-box .info-list li:before{
  content: '';
  position: absolute;
  border-left: 7px solid #636363;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  left: -15px;
  top: 10px;
}

/*当前位置*/
.current-location{
  padding: 40px 0 10px;
  border-bottom: 1px solid #dddddd;
}
.current-location a:active{
  color: #333;
}

/*公司简介*/
.company-info{
  color: #333;
}
.company-info h2{
  text-align: center;
  font-size: 24px;
  font-weight: normal;
  padding: 50px 0;
}
.company-info p{
  text-indent: 2em;
  line-height: 50px;
  margin: 0;
  font-size: 18px;
}
.company-info .inscribe{
  text-align: right;
  color: #b22721;
  font-size: 20px;
}

/*产品展示页面*/
.filter-box{
  background: #282423;
  font-size: 14px;
}
.filter-box p{
  background: #b22721;
  color: white;
  text-align: center;
  padding: 15px 0;
  font-size: 14px;
  font-weight: normal;
}
.price-range{
  list-style: none;
  padding: 0 20px 50px 0;
}
.price-range li{
  float: left;
  width: 80px;
  margin-left: 20px;
  line-height: 30px;
}
.price-range li a{
  color: white;
}
.price-range li a:hover{
  color: #b22721;
}
.class-main{
  padding: 0 0 20px 0;
  margin: 0;
  list-style: none;
}
.class-item{
  padding: 10px 18px;
  color: white;
  position: relative;
}
.class-item  .icon{
  font-size: 20px;
}
.class-item a{
  color: white;
}
.class-item:hover{
  background: #b22721;
}
.class-item:hover .icon{
  display: none;
}
.class-sub{
  position: absolute;
  top: 0;
  right: -245px;
  width: 245px;
  background: #b22721;
  display: none;
  padding-bottom: 10px;
  z-index: 9;
}
.class-sub-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.class-sub-list li{
  float: left;
  padding: 10px 0;
  margin: 0 5px;
  width: 70px;
}
.goods-list{  /*产品展示列表*/
  padding: 0;
  list-style: none;
  margin: 0 0 0 -3px;
  width: 866px;
}
.goods-list .goods-box{
  float: left;
  padding: 4px;
  border: 1px solid #ececec;
  margin: 12px 3px;
}
.goods-list .goods-box:hover{
  padding: 3px;
  border: 2px solid #ba3c37;
}
.goods-name{
  color: #ba3c37;
  text-align: center;
  font-size: 14px;
  margin: 6px 0;
}
.goods-price{
  padding: 0 5px;
  font-size: 12px;
  color: #333333;
}
.goods-price a:hover{
  color: #b22721;
}

/* 产品详情页 */
.qq-consult-btn{
  display: block;
  background: url("/web/20220327045710im_/http://stladz.com/Websites/stla/Templates/computer/Static/images/icons/icon.png") no-repeat;
  width: 160px;
  height: 56px;
  background-position: 0 -43px;
  color: white !important;
  line-height: 56px;
  font-size: 18px;
  padding-left: 60px;
}
.goods-detail p{
  font-size: 14px;
  color: #282423;
  line-height: 29px;
}
.goods-detail p span{
  color: #777777;
}
.goods-detail .title{
  font-size: 18px;
  color: #333;
}
.goods-recommend{
  padding: 20px 60px 80px;
  border: 1px solid #ececec;
}
.goods-recommend p{
  margin: 0;
  line-height: 35px;
  font-size: 14px;
}
.goods-recommend .title{
  font-size: 18px;
  color: #666666;
  margin-bottom: 40px;
}

/*案例详情页*/
.case-tab .hd ul{
  list-style: none;
  margin: 0 0 -1px 0;
  padding: 0;
  border-left: 1px solid #ececec;
}
.case-tab .hd ul li{
  float: left;
  padding: 9px 15px;
  border: 1px solid #ececec;
  border-left-color: transparent;
  color: #333333;
  cursor: pointer;
}
.case-tab .hd ul li.on{
  background: #b22721;
  border-color: #b22721;
  color: white;
}

/*资讯详情页*/
.detail-box{
  color: #333;
  min-height: 600px;
}
.detail-head{
  text-align: center;
  margin: 50px 0 30px;
}
.detail-head h2{
  font-size: 24px;
  font-weight: normal;
}
.detail-head p{
  font-size: 14px;
}
.detail-body{
  font-size: 18px;
  line-height: 45px;
}
.other-case{
  border-top: 1px solid #dddddd;
  line-height: 30px;
}

/*联系我们*/
.contact-way > div{
  width: 520px;
  height: 340px;
  border: 1px solid #cecece;
}
.contact-info{
  padding: 30px 70px 0 30px;
}
.contact-info>div{
  font-size: 20px;
  color: #333;
}
.contact-info>div span{
  color: #b02721;
}
.contact-info p{
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
  line-height: 35px;
  color: #333;
  font-size: 14px;
}
.online-msg{
  padding: 63px;
  border: 1px solid #cecece;
}
.online-msg > p{
  color: #000;
  font-size: 14px;
}
.online-msg .title{
  font-size: 20px;
  margin-bottom: 20px;
}
.info_input{
  background: #f3f3f3;
  border: 0;
  outline: 0;
  padding: 10px 20px;
}
.online-msg input.info_input{
  width: 292px;
  margin-right: 44px;
}
.online-msg textarea{
  width: 100%;
}
.msg-submit-box .pull-left input{
  height: 42px;
  border: 1px solid #dddddd;
  background: transparent;
  outline: 0;
}
.msg-submit-box .pull-left img{
  border: 1px solid #dddddd;
  margin: -3px 0 0 10px;
}
.msg-submit-btn{
  border: 0;
  outline: 0;
  background: #b22721;
  color: white;
  height: 44px;
  line-height: 44px;
  width: 150px;
  text-align: center;
  font-size: 16px;
  border-radius: 2px;
}

/*定制案例*/
.case-list{
  width: 864px;
  margin-left: -2px;
}
.case-box{
  text-align: center;
  width: 280px;
  float: left;
  margin-left: 4px;
  margin-right:4px;
}
.case-box>a{
  color: #333;
  font-size: 14px;
}
.case-img-box{
  width: 280px;
  height: 170px;
  border: 1px solid #ececec;
  overflow: hidden;
  position: relative;
}
.case-img-box > img{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.case-mask{
  position: absolute;
  width: 80%;
  height: 80%;
  left:0;
  top:0;
  bottom: 0;
  right:0;
  margin: auto;
  background: #b22721;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.case-img-box:hover .case-mask{
  opacity: 1;
  filter: alpha(opacity=100);
}
.case-mask a {
  color: white;
}
.case-mask ul{
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 30px;
  margin-top: 18px;
}
.case-mask ul .circle{
  display: inline-block;
  width:3px;
  height: 3px;
  border-radius: 3px;
  background: white;
  margin: -2px 15px 0 0;
  vertical-align: middle;
}

.case-img-box.info:hover{
  border-color: #b22721;
}
/*
     FILE ARCHIVED ON 04:57:10 Mar 27, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:09:32 May 28, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.589
  load_resource: 297.362 (2)
  PetaboxLoader3.resolve: 152.649 (2)
  PetaboxLoader3.datanode: 97.013 (2)
*/