@charset "utf-8";
#banner {position: relative;z-index: 3;overflow: hidden;}
#loading {position: relative;width:100%;z-index: 99999;background:#000;}
#loading img {display:block; width:31px; height:31px;position: absolute;}
#bannerin {position: relative;font-size: 0px;width: 100%;max-width:1440px;overflow: hidden;}
#bannerin ul {position: absolute;}
#bannerin li {float: left;}
#bannerin img {width: 100%;cursor: pointer;}
#scrollin {position:absolute;bottom:36px;height: 18px;}
#scrollin span {float:left;background:url(../../images/deco2016/leave.png) no-repeat center;width: 28px;height: 18px;cursor: pointer;}
#scrollin .on {background:url(../../images/deco2016/over.png) no-repeat center;}

#arrowin {width: 100%;overflow: hidden;}
#arrowin ul {width: 100%;}
#arrowin li {position:absolute;width: 10%;height: 100%;top:0;z-index: 22;}
.arrow_left {left: 0}
.arrow_right {right: 0}
#arrowin a {
  position:absolute;
  z-index: 222;
  display:block;
  width: 56px;
  height: 100px;
  opacity: 0.8;
  transition: margin 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: margin 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#banner .fadein .fn-left {margin-left: 0px;opacity: 0.5}
#banner .fadein .fn-right {margin-right: 0px;opacity: 0.5}
#arrowin .fn-left {background:url(../../images/deco2016/arrow_left.jpg) no-repeat center left;left:0;margin-left: -56px}
#arrowin .fn-right {background:url(../../images/deco2016/arrow_right.jpg) no-repeat center right;right: 0;margin-right:-56px}
/*#banner .fadein a {margin: 0}*/

.sysearch{background-color: #f2f2f2;}
.sysearchin{padding:30px 0; height:35px; line-height:35px; color:#777777}
.sysearchin .fn-left{overflow: hidden;}
.index-search{width:50%;}
.index-search .form-control{width:74%; float:left; height:26px; line-height:26px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.index-search .btn{ border-radius:0;font-family:"Microsoft Yahei"; color:#fff; width:24%; float:right; background:#da251d; border-color:#da251d; border-top-right-radius:5px; border-bottom-right-radius:5px;  border-top-left-radius:5px; border-bottom-left-radius:5px; float:left; height:30px; }
.index-kefu span{border-radius:0;font-family:"Microsoft Yahei"; color:#fff; width:60%; float:right; background:#da251d; border-color:#da251d; border-top-right-radius:5px; border-bottom-right-radius:5px;  border-top-left-radius:5px; border-bottom-left-radius:5px; text-align:center; height:30px; line-height:30px;}
.index-kefu{width:48%;}

.chanpin {background-color:#fff;}
.chanpinin {padding: 10px 0 10px 0;color:#666666;overflow: hidden;}
.chanpinin h2{font-size:21px; border-bottom:1px #f1f1f1 solid;}
.products {width:100%; padding-bottom:5px;  padding-top:20px;}
.products ul {overflow: hidden; margin-bottom: 20px}
.products li{position:relative;float: left;font-size: 0;margin-top: 20px;margin-right: 18px;overflow: hidden;}
.products a {display:block;width: 166px;}
.products span {position:absolute;display:none;width:100%;top:43px;left:0;font-size: 16px;color: #fff;text-align: center;}
.products .mr0 {margin-right: 0px}
.product {background: #000;}
.products img {
  width:166px;
  opacity: 1;
  transition:opacity 0.3s, transform 0.3s;
  -webkit-transition:opacity 0.3s, -webkit-transform 0.3s;
  transform:scale(1,1);
  -webkit-transform:scale(1,1);
}
.products .product img {
  opacity: 0.3;
  transition:opacity 0.3s, transform 0.3s;
  -webkit-transition:opacity 0.3s, -webkit-transform 0.3s;
  transform:scale(1.4,1.4);
  -webkit-transform:scale(1.4,1.4);
}
.zhuanti {background-color:#fff;}
.zhuantiin{padding:10px 0; color:#666666; overflow:hidden;}
.baodao{width:100%; height:auto;}
.baodao ul{overflow:hidden; margin-bottom:20px;}
.baodao li{position:relative; float:left; margin-top:20px; margin-right:15px; width:18%;}
.baodao li dl{background:#e3e3e3; height:250px;}
.baodao dt img {
  width: 100%;
  opacity: 1;
  transition:opacity 0.3s, transform 0.3s;
  -webkit-transition:opacity 0.3s, -webkit-transform 0.3s;
  transform:scale(1,1);
  -webkit-transform:scale(1,1);
}
.baodao dd{text-align:left; padding:12px;}

.xinwen{background:#f6f6f6;}
.xinwenin{padding: 10px 0 10px 0;color:#666666;overflow: hidden;}
.xinxi{width:100%;}
.xinxi ul {overflow: hidden; margin-bottom: 20px}
.xinxi li{position:relative;float: left;margin-top: 20px;margin-right: 25px;overflow: hidden; width:31%; line-height:26px; overflow:hidden;}
.xinxi dt{ font-weight:bold;}
.xinxi dd{ width:96%; height:26px; line-height:26px; overflow:hidden;}

.fahuo{background:#f6f6f6;}
.fahuoin{padding: 10px 0 20px 0;color:#666666;overflow: hidden;}
.fajiqi{width:100%;}
.fajiqi ul {overflow: hidden; margin-bottom: 20px}
.fajiqi li{position:relative;float: left; margin-right:25px; overflow: hidden; width:31%; line-height:26px; height:26px;}

.about{background:#fff; padding-top:20px;}
.aboutin{padding: 10px 0 20px 0;color:#666666;overflow: hidden;}
.guanyu{width:100%;}
.guanyubiaoti{ text-align:center; font-size:21px; padding-bottom:20px; font-weight:bold;}
.guanyu p {overflow: hidden; margin-bottom: 20px;  line-height:1.8em;}
.guanyu li{position:relative; float:left; margin-top:20px; margin-right:25px; overflow:hidden; line-height:1em; width:31%;}
.guanyu img {
  width: 900px;
  opacity: 1;
  transition:opacity 0.3s, transform 0.3s;
  -webkit-transition:opacity 0.3s, -webkit-transform 0.3s;
  transform:scale(1,1);
  -webkit-transform:scale(1,1);
}
/* IPAD */
@media (min-width:992px) and (max-width:1024px) {

}

@media (min-width:760px) and (max-width:991px) {
  .visable-sm-none{display:none;}
  .solutions{width:100%; margin-right:0;}
  .products ul{width:96%; margin:0 2%;}
  .products li{width:31%; margin-right:20px;}
  .products img{width:100%;}
  .products a{width:100%;}
  .xinwenin .fn-left{float:none;}
  .xinxi{width:100%; padding:0;}
  .xinxi ul{ width:96%; margin:0 2%;}
  .xinxi li{ width:31%; margin-right:10px;}
  .fahuoin .fn-left{float:none;}
  .fahuo{width:100%; padding:0;}
  .fahuo ul{ width:96%; margin:0 2%;}
  .fahuo li{ width:31%; margin-right:10px;}
  .baodao ul{width: 96%; margin: 0 2%;}
  .baodao li{width: 31%;margin-right:10px;}
  .baodao img{ width: 100%;}
}

 /* Phones or something */
@media (max-width:759px){
  #scrollin{display:none;}
  .index-search{width:100%;}
  .index-kefu{width:100%;}
  .xinwen{padding:0;}
  .xinwenin .fn-left{float:none;}
  .xinxi{width:100%; margin-right:0;}
  .xinxi ul{ width:96%; margin:0 2%;}
  .xinxi li{ width:100%;}
  .xinxi dd{ width:100%; height:26px; line-height:26px; overflow:hidden;}
  .fahuoin .fn-left{float:none;}
  .fahuo{width:100%; padding:0;}
  .fahuo ul{ width:96%; margin:0 2%;}
  .fahuo li{ width:100%; height:26px; line-height:26px;}
  .solutions{width:100%; margin-right:0;}
  .products{margin-top: 40px; overflow: hidden;margin-right: 0; width: 100%; }
  .chanpinin{padding:0;}
  .chanpinin .fn-left{float:none;}
  .youlian{display: none; }
  .products li.mr0{ float: right;}
  .chanpinin h2{ margin-top:30px;}
  .chanpin{padding-bottom:30px; width:100%;}
  .products ul{width: 96%; margin: 0 2%;}
  .products li{width: 46%;margin-right:10px;}
  .products img{ width: 100%;}
  .products a{ width: 100%;}
  .baodao ul{width: 96%; margin: 0 2%;}
  .baodao li{width: 46%;margin-right:10px;}
  .baodao img{ width: 100%;}
  .baodao a{ width: 100%;}
}