@charset "utf-8";

#banner {position: relative;z-index: 2;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/index/leave.png) no-repeat center;width: 28px;height: 18px;cursor: pointer;}

#scrollin .on {background:url(../images/index/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/index/arrow_left.jpg) no-repeat center left;left:0;margin-left: -56px}

#arrowin .fn-right {background:url(../images/index/arrow_right.jpg) no-repeat center right;right: 0;margin-right:-56px}

/*#banner .fadein a {margin: 0}*/



.news {background-color: #fff;border-bottom: 1px solid #e4e4e4;}

.newsin {padding: 30px 0;height: 27px;line-height: 27px;color:#777777}

.newsin .fn-left {overflow: hidden;}

.newsin h2 {width:70px;font-size: 14px;float: left;}

.news_qh {float: left;margin: 5px 12px}

.news_qh p {float: left;width: 24px;height: 17px;cursor: pointer;}

#news_up {background: url(../images/index/news_up.png) no-repeat center;background-color:#eeeeee}

#news_down {background: url(../images/index/news_down.png) no-repeat center;background-color:#d5d5d5}

.news_scroll {float:left;position:relative;height: 27px;width:590px;overflow:hidden;}

.news_scroll ul {position:absolute;top: 0px;left: 0px;width: 100%}

.news_scroll li {overflow: hidden;}

.news_scroll a {padding-right: 22px;}

.news_time {color:#bbbbbb;}

.news_more {color:#999999;}

.content {background-color: #fff;}

.contentin {padding: 53px 0 66px 0;color:#666666;overflow: hidden;}

.contentin h2{font-size: 21px;}

.solutions {width: 350px;margin-right: 30px}

.solutions p {padding: 20px 0;border-bottom: 1px solid #e4e4e4}

.solutions li {height: 48px;line-height:48px;border-bottom: 1px solid #e4e4e4;background: url(../images/index/solutionbg.jpg) no-repeat right;cursor: pointer;}

.solutions li a {width: 100%}

.solutions .selected {background: #162c6c}

.solutions .selected a{color:#fff;}

.solutions_more {display:block;color:#ff9900;margin-top: 22px;background: url(../images/index/solution_morebg.jpg) no-repeat right;width: 140px}

.products {margin-right: 30px;width: 350px;}

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

}

.service {width: 350px;padding-top: 31px}

.service ul {overflow: hidden;height:266px;}

.service li {position:relative;float: left;font-size: 0;margin-top: 20px;width: 350px;height: 103px;overflow: hidden;cursor: pointer;}

.service li a {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 350px;

  height: 103px;

}

.service li img {

  position: absolute;

  top:45px;

  left: 25px;

}

#pinpai {background: url(http://static.shibangchina.com/images/index/pinpai.jpg);}

#fuwu {background: url(http://static.shibangchina.com/images/index/service.jpg);}

#h_vn {width: 644px; height: 578px; background:url(http://static.shibangchina.com/images/about/baibg.jpg) no-repeat;padding:35px 37px; float:left; display:none;}

#h_vnn {width:64px; height:38px; float:left;display:none;cursor: pointer;}

.zixun {margin-top: 3px}

.zixun a {float:left;padding: 0 18px;border-right: 2px solid #c2c2c2;height: 16px;line-height: 16px;}

.zixun .zx_first {padding-left: 0px}

.zixun .zx_last {padding-right: 0px;border:none;}

.search {background-color:#e4e4e4;padding: 24px 0 28px 0;color:#666666}

.search .search_left {padding-top: 10px;line-height: 39px;position: relative; float: left; overflow: hidden;}

.search .search_left span {display:block;float:left;font-size: 16px;padding: 0 6px;height: 37px;line-height: 37px}

.search_left input {display:block;float:left;width:370px;height: 37px;padding-left:10px;line-height: 37px;color:#999999;border: 1px solid #c9c9c9;background: url(../images/index/search.jpg) no-repeat center right #fff;}

.search_left input:focus {border:1px solid #c9c9c9;outline: 2px solid #98baf1;}

#searchicon {position: absolute;width: 28px;height: 39px;cursor: pointer;left: 465px;top:10px;opacity: 0;z-index: 22}

input::-ms-clear{display: none;}

.guanzhu {height:21px;line-height:21px;}

.guanzhu a {padding: 0 3px}

.rexian {font-size: 18px;height: 34px;line-height: 34px}

.rexian span {float: left;}

.xiaoshou {margin-left: 27px}

/*.logo{

  background: url(http://static.shibangchina.com/images/index/logo.jpg);

  width: 266px;

  height: 58px;

  text-indent: -1000px;

}*/

.nav-sm-li{

  border: 1px solid #e3e3e3;

  border-radius: 3px;

  line-height: 43px;

  background: #f3f3f3;

  width: 119px;

  text-align: center;

  margin-top: 70px;

  position: absolute;

  right: 0;

  z-index: 100;

  display: none;

}

.nav-sm-li li{

  border-bottom: 1px solid #e3e3e3;

}

.searchin{

  overflow: hidden;

  position: relative;

}

.searchin form{

  margin-top: 10px;

}

.searchin span{

  margin-top: 10px;

}

.search_right p{

  margin-top: 30px;

}

.search_right{

  margin-left: 40px;

}

.search_right img{

  /*margin-top: -10px;*/

}

/* IPAD */

@media (min-width: 992px) and (max-width: 1024px) {

  .search_right{

    margin-left: 10px;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  #kefu{

    display: none;

  }

  .logo{

    background: url(http://static.shibangchina.com/images/index/logo-small.jpg);

    width: 108px;

    height: 58px;

    text-indent: -1000px;

  }

  .searchin .visable-sm-none{

    display: none;

  }

  .news_scroll{

    width: 540px;

  }

  .search_right p{

    margin-top: 5px;

  }

  .solutions{

    margin-right: 50px;

  }

  .products{

    margin-right: 0;

  }

  .service{

    width: 100%;

  }

  #pinpai{

    margin-right: 50px;

  }

  .service ul{

    height: 144px;

  }

  .rexian{

    display: none;

  }

  .guanzhu{

    line-height: 39px;

  }

  .search_right{

    margin-left: 10px;

  }

}



 /* Phones or something */

@media (max-width: 759px){

  #kefu{

    display: none;

  }

  .logo{

    background: url(http://static.shibangchina.com/images/index/logo-small.jpg);

    width: 108px;

    height: 58px;

    text-indent: -1000px;

  }

  #scrollin{

    display: none;

  }

  .news{

    display: none;

  }

  .solutions{

    width: 100%;

    margin-right: 0;

  }

  .products{

    margin-top: 40px;

    overflow: hidden;

    margin-right: 0;

    width: 100%;

  }

  .contentin{

    padding: 0;

  }

  .contentin .fn-left{

    float: none;

  }

  .service li a{

    width: 100%;

  }

  .zixun a{

    padding: 0 5px;

  }

  .zixun{

    overflow: hidden;

    margin-top: 10px;

  }

  .search{

    display: none;

  }

  .foot_top{

    display: none;

  }

  .link{

    display: none;

  }

  #pinpai {

    background: url(http://static.shibangchina.com/images/index/pinpai.jpg);

    -webkit-background-size: 100%;

    width: 96%;

    margin: 2% 2% 0;

  }

  #fuwu {

    background: url(http://static.shibangchina.com/images/index/service.jpg);

    -webkit-background-size: 100%;

    width: 96%;

    margin: 2% 2% 0;

  }

  .banquan p{

    font-size: 12px;

  }

  .banquan .fn-left{

    float: none;

  }

  .banquan .fn-right{

    float: none;

  }

  .products li.mr0{

    float: right;

  }

  .contentin h2{

    margin-top: 30px;

  }

  .content{

    padding-bottom: 30px;

    width: 100%;

  }

  .products ul{

    width: 96%;

    margin: 0 2%;

  }

  .products li{

    width: 46%;

    margin-right: 0;

  }

  .products img{

    width: 100%;

  }

  .products a{

    width: 100%;

  }

}