@charset "utf-8";
#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;}


.box{background:#fff;}
.boxin{padding:10px 0 20px 0; overflow:hidden;}
.page-css{width:100%;}
.page-bt{font-size:20px; font-weight:bold; line-height:26px; padding-top:20px; width:100%; padding-bottom:10px;}
.page-nr{padding:10px 0;}
.fuwu01{ width:97%; background:#900; height:30px; color:#FFF; font-size:1.6em; padding-left:2%; padding-top:15px;}
.fuwu02{  width:97%; background:#900; height:auto; color:#FFF;  padding-left:2%;  padding-top:2em; padding-bottom:2em;}
.fuwu03{ padding-top:30px; width:100%; text-align:center; font-size:1.4em;}
.fuwu04{width:100%; text-align:center; color:#C00;}
.fuwu05{ padding-top:10px; line-height:1.8em; }
.fuwu05 img{float:left; width:30%; padding-right:30px;}
.lianxi01{width:100%;}
.lianxi02{ width:250px; text-algin:center; padding-bottom:30px;}
.lianxi02 img{max-width:100px;}
.jianjie{font-size: 1.2em; text-align: center; padding-top: 50px;}
.jianjie1{text-align:center; padding-top: 20px; font-weight:bold; font-size:1.2em;}

.category-teshu{font-size:1.1em; padding-bottom:20px; border-bottom:1px #efefef solid;}
.category-css{width:100%;}
.category-bt{font-size:20px; font-weight:bold; line-height:26px; padding-top:20px; width:100%; padding-bottom:10px;}
.category-nr{padding:10px 0;}
.category-product{ width:100%; overflow:hidden; padding-bottom:30px;}
.category-01{height:36px; background:#efefef; width:100%; line-height:36px;}
.category-01-l{width:300px; float:left; background:url(../../images/deco2016/chanpin1.png) no-repeat; color:#FFF;}
.category-01-r{float:right; text-align:right; margin-right:2%;}
.category-02{padding-top:20px; width:100%; text-align:center;}
.category-02 li{position:relative; float:left; margin-right:20px; overflow:hidden; border-bottom:1px solid #efefef; padding-bottom:10px; width:23%; margin-bottom:20px; overflow:hidden;}
.category-02 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);}

.category-new01{ width:100%; padding-bottom:20px; border-bottom:1px solid #efefef; height:auto;  }
.category-new02{ width:100%; padding-top:10px;}
.category-new03{ width:100%;}
.category-new04{margin-right:5%; width:56%;}
.category-new0401{font-weight:bold; font-size:18px; padding-bottom:10px;}
.category-new0402{clear:both; height:190px;}
.category-new04im img{ width:100%;}
.category-new04im{ width:40%; float:left; height:170px; overflow:hidden;}
.category-new0403{ background:#efefef; width:55%; float:left; height:150px; overflow:hidden; padding:10px; line-height:24px;}
.category-new05{width:36%;}
.category-new05 li{ width:100%; height:32px; line-height:32px;}
.category-new11{ float:left; width:30%; margin-right:3%;}
.category-new12{width:100%; padding-top:30px;}
.category-new0412 li{ width:100%; height:28px; line-height:28px; overflow:hidden;}
.category-new21{ float:left; width:65%; margin-right:5%;}
.category-new22{ float:left; width:29%;}
.category-new2101{ width:100%; height:105px; border-bottom:1px solid #CCC; padding-top:15px; padding-bottom:5px;}
.category-new2102{ float:left; width:15%; background:#F03; color:#FFF; text-align:center; font-size:22px; height:80px; overflow:hidden; padding-top:10px;}
.category-new2103{ float:left; overflow:hidden;  padding-left:20px; padding-top:5px; line-height:24px; width:80%;  height:90px; overflow:hidden;}
.show-news23{ width:100%; line-height:40px; text-align:center;}
.show-news23 h2{ font-size:1.2em; font-weight:bold; color:#C03;}
.show-news24{ width:100%; text-align:center; padding:10px 0px;}
.show-news25{ height:85px; width:100%; background:#f6f6f6; color:#333;}
.show-news25 p{ padding:2%;}
.show-news26{ padding-top:10px; padding-bottom:10px;}
.show-news26 p{ line-height:1.8em;}
.show-news27{ border-bottom:1px #efefef solid; border-top:1px #efefef solid; padding:10px 0px; line-height:2.2em;}
.show-news28{ padding-top:10px; line-height:2.0em;}
.show-videokz{ text-align:center; width:80%; }
.show-pro00{padding-top:30px; padding-bottom:10px; height:auto; border-bottom:1px #efefef solid; min-height:400px;}
.show-pro00 p{ line-height:1.8em;}
.show-pro01{ width:100%; padding-bottom:20px; padding-top:20px;}
.show-pro01 h2{ font-size:1.6em; font-weight:bold; color:#C03;}
.show-pro02{ width:50%; float:left; padding-left:2%; }
.show-pro03{ width:40%; max-width:450px; float:left;}
.show-pro03 img{width: 100%; max-width:400px;
  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);}
.show-pro04{clear:both; padding-top:30px; padding-bottom:30px; height:auto; border-bottom:1px #efefef solid; line-height:1.9em; font-size:1.1em;}
.show-pro04 img{ width:100%; max-width:800px;}
.show-pro05{clear:both; padding-top:25px; padding-bottom:25px; height:auto; border-bottom:1px #efefef solid; line-height:1.8em; color:#C03; text-align:center;  font-size:1.4em;}
.tagyang{ float:left; padding-left:2%;}
.fenxiang{ float:left;}

.sysearch{background-color: #f2f2f2;}
.sysearchin{padding:30px 0; height:35px; line-height:35px; color:#777777;}
.index-search{width:50%;}
.index-search .form-control{border-radius:0; width:74%; float:left; height:30px; line-height:30px; border-top-left-radius:5px; border-bottom-left-radius:5px; border-top-right-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:left; 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%;}
.{ width:100%; padding-bottom:20px; border-bottom:1px solid #efefef; height:auto;  }



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

#pages { clear:both; padding:15px 0px;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px;  border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.text-c{ text-align:center;}
/* IPAD */
@media (min-width:992px) and (max-width:1024px) {

}

@media (min-width:760px) and (max-width:991px) {
  .visable-sm-none{display:none;}
  .category-01-l{width:30%; float:left; background:#d5330d; color:#FFF;}
  .category-02{ width:98%; padding-left:1%;}
  .category-02 li{float:left; margin-right:15px; overflow:hidden; border-bottom:1px solid #efefef; padding-bottom:10px; width:45%;}
  .category-02 img{ width:100%;}
  .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-kefu{width:100%; margin-bottom:20px;}
  .category-01-l{width:30%; float:left; background:#d5330d; color:#FFF;}
  .category-02{ width:98%; padding-left:1%;}
  .category-02 li{float:left; margin-right:15px; overflow:hidden; border-bottom:1px solid #efefef; padding-bottom:10px; width:45%;}
  .category-02 img{ 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%;}
  iframe{ height:220px;}
  .fahuo li{ width:100%; height:26px; line-height:26px;}
  .category-new05, .category-new11{width:100%; height:auto; padding-bottom:10px;}
  .category-new04{ height:0; overflow:hidden;}
  .category-new05 .fn-left{float:none;}
  .category-new05{height:400px;}
  .category-new22, .category-new21, .category-new2102, .category-new2103{ float:none; width:98%; padding-left:1%;}
  .category-new2102{height:1px; overflow:hidden; display:none;}
  .category-new21{ padding-bottom:20px;}
  .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%;}
  .toolbar{ display:none;}
  .show-pro02{ width:98%; }
.show-pro03{ width:100%; }
.show-pro03 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);}
  .{ height:1px; overflow:hidden; display:none;}
  .fuwu05 img{ float:none; width:98%;}
  .jianjie{font-size: 1.2em; text-align: left; padding-left:1%; padding-right:1%; padding-top: 50px;}
  .jianjie1{text-align:left; padding-top: 20px; font-weight:bold; font-size:1.2em;}
  .tagyang{padding-top:5px; width:98%; padding-left:0;}
.fenxiang{width:98%;}
.index-kefu fn-right{ height:1px; display:block; overflow:hidden;}
.show-news25{  height:0px; display:block; overflow:hidden;}
.show-news28{ padding-top:10px; line-height:2.0em;}
}