/*导航代码开始*/
.navbar-wrapper{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background-color: rgba(0,0,0,1);
  padding: 5px 0;
}
.navbar-wrapper .sui-nav.horizontal{border-bottom: none;overflow: hidden;background: none;}
.navbar-wrapper .sui-nav.horizontal a{color: #fff;}
.navbar-wrapper .sui-nav.horizontal ul > li > ul > li:hover a{color: #ee5e00;}
.navbar-wrapper .sui-nav.horizontal .logo{float: left;width: 50%;background: url(/template/sscm/css/../images/logo3.png) left center no-repeat;height: 50px;margin-left: 15px;}
.navbar-wrapper .sui-nav.horizontal .sui-nav-wrapper{width: 75%;}
.navbar-wrapper .sui-nav.horizontal ul{border: none;background: none;}
.navbar-wrapper .sui-nav.horizontal .sui-nav-wrapper > ul > li, .sui-nav.horizontal .sui-nav-wrapper-fluid > ul > li{
  border-radius: 2px;
  min-width: 58px;
}
.navbar-wrapper .sui-nav.horizontal .nav-border > ul{float: right;}
.navbar-wrapper .sui-nav.horizontal .sui-nav-wrapper{float: right;display: none;}
.navbar-wrapper .sui-nav.horizontal .sui-nav-wrapper > ul > li > ul, .sui-nav.horizontal .sui-nav-wrapper-fluid > ul > li > ul{
  background: rgba(255,255,255,1);
  border: none;
  border-radius: 2px;
}
.navbar-wrapper .sui-nav.horizontal .sui-nav-wrapper > ul > li > ul > li, .sui-nav.horizontal .sui-nav-wrapper-fluid > ul > li > ul > li{
  border-radius: 2px;
  width: 100%;
  min-width: 96px;
  text-align: center;
}
.navbar-wrapper .sui-nav.horizontal ul > li:hover{
  background-color: rgba(0,0,0,.3);
  color: #ee5e00;
}
.navbar-wrapper .sui-nav.horizontal .sui-nav-wrapper > ul> li.navli2  > ul > li{
  width: 160px;
}
.navbar-wrapper .sui-nav.horizontal .sui-nav-wrapper > ul> li.navli4  > ul > li{
  width: 96px;
}
.navbar-wrapper .sui-nav.horizontal .sui-nav-wrapper > ul> li.navli6  > ul > li{
  width: 150px;
}
.navbar-wrapper .sui-nav.horizontal .sui-nav-wrapper > ul > li > ul > li a{
  color: #666;
}
.navbar-wrapper .sui-nav.horizontal .sui-nav-wrapper > ul > li > ul > li a:hover, .sui-nav.horizontal .sui-nav-wrapper-fluid > ul > li > ul > li a:hover{
  color: #ee5e00;
}
.navbar-wrapper .sui-nav.horizontal .sui-nav-wrapper{float: left;}
.navbar-wrapper .sui-nav.horizontal .sui-nav-wrapper > ul > li > a, .sui-nav.horizontal .sui-nav-wrapper-fluid > ul > li > a{
  border-radius: 2px;
  padding: 10px 15px;
}
.navbar-wrapper .sui-nav.horizontal .sui-nav-wrapper > ul > li:hover, .sui-nav.horizontal .sui-nav-wrapper-fluid > ul > li:hover{
  background-color: #ee5e00;
}
.menubtn{display: none;}
.navbar-wrapper .menubtn{float: right;height: 50px;width: 50px;color: #f6811f;cursor: pointer;line-height: 50px;text-align: center;display: block;}
.navbar-wrapper .menubtn span{font-size: 30px;}
.navbar-wrapper .container{width: 100%;}
.navbar-wrapper > .container{background: none;}
.sui-nav.horizontal .search-tip{display: none;}
/*侧边导航*/
.slide-nav{}
.sui-nav.slide-nav li > ul{
  background-color: #f1f1f1;
}
.slide-nav .logo{
  background: url(/template/sscm/css/../images/logo3.png) 20px center no-repeat;
  height: 50px;
  display: block;
  width: 100%;
}
.slide-nav .nav-border.nav-line li > ul > li{
  transition:all 0.5s;
  width: 260px;
}
.slide-nav .nav-border.nav-line li > ul > li:hover{
  background-color: #ddd;
  text-indent: 1em;
}
/*-------------------------------------------------- */

.zf-top{
  display: none;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  margin-bottom: 30px;
  color: rgba(255,255,255,0.5);
}
.zf-top-main{
  width: 1170px;
  margin: 0 auto;
  height: 42px;
}
.zf-top-main .fl{
  position: relative;
}
.zf-top-main .fl a{
  padding: 0 15px;
  border-right: 1px solid rgba(255,255,255,0.2);
  display: block;
  float: left;
  color: #fff;
}
.zf-top-main .fl a.icon-sousuo{
  border-left: 1px solid rgba(255,255,255,0.2);
}
.zf-top-main .fl .zf-search{
  line-height: 34px;
  z-index: 11;
  position: absolute;
  top: 42px;
  display: none;
}
.zf-top-main .fl .zf-search .navbar-form{
  padding: 0;
  margin: 0;
}
.zf-top .fr{
  position: relative;
}
.zf-top .fr a{
  color: #fff;
  border-right: 1px solid rgba(255,255,255,0.2);
  padding: 0 10px;
  line-height: 42px;
  height: 42px;
  font-size: 12px;
  display: block;
  float: right;
  font-family: "微软雅黑";
}
.zf-top .fr a.hotline{
  color: #ee5e00;
  font-size: 18px;
}

.zf-top .fr #show-company-list.A{
  background-color: #f16100;
}
.zf-top .fr .zf-company-list{
  display: none;
  position: absolute;
  z-index: 9999;
  right: 0;
  top: 42px;
}
.zf-top .fr .zf-company-list a{
  background-color: #343B3E;
  padding: 0 15px;
  width: 185px;
  text-align: left;
}
.zf-top .fr .zf-company-list a:hover{
  background-color: #f16100;
}
.zf-top a{
  cursor: pointer;
}
/*焦点图*/
.zf-banner{position: relative;margin-top:50px;margin-bottom: 30px;}
.zf-banner img{width: 100%;}
.zf-banner .zf-button{z-index: 999;cursor: pointer;}
.zf-banner .swiper-pagination-bullet{width: 10px;height: 10px;background-color: rgba(0, 0, 0, 0);border: 1px solid #FFF;border-radius: 10px;filter:alpha(opacity=100);?-moz-opacity:1.0?;opacity:1.0; }
.zf-banner .swiper-pagination-bullet-active{width:12px;height:12px;background-color: rgba(255, 255, 255, 1);}

/*技术咨询*/
.zf-index-technical{

}
.zf-index-technical .pic{
  text-align: right;
}
.zf-index-technical .info .tt{
  font-size: 24px;
  margin-bottom: 20px;
}
.zf-index-technical .info .tt b{
  font-size: 22px;
}
.zf-index-technical .info .desc{
  font-size: 12px;
  margin-bottom: 30px;
}
.zf-index-technical .info .icon ul li{
  float: left;
}
.zf-index-technical .info .icon ul li .img{
  width: 126px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.zf-index-technical .info .icon ul li .img img{
  position: absolute;
  left: 0;
  cursor: pointer;
  transition: opacity 1s;
  -moz-transition: opacity 1s; /* Firefox 4 */
  -webkit-transition: opacity 1s; /* Safari 和 Chrome */
  -o-transition: opacity 1s; /* Opera */
}
.zf-index-technical .info .icon ul li .img .p1{
  opacity: 1;
}
.zf-index-technical .info .icon ul li .img .p2{
  opacity: 0;
}
.zf-index-technical .info .icon ul li:hover .img .p1{
  opacity: 0;
}
.zf-index-technical .info .icon ul li:hover .img .p2{
  opacity: 1;
}
.zf-index-technical .info .icon{
  overflow: hidden;
  text-align: center;
  margin-bottom: 35px;
}
.zf-index-technical .info .txt{
  font-size: 14px;

}
.zf-index-technical .info .txt p{
  border-left: 2px solid #EE5D00;
  padding-left: 8px;
  float: left;
  line-height: 16px;
  height: 16px;
  overflow: hidden;
}
.zf-index-technical .info .txt p span{
  color: #ee5d00;
}
/*在线报价系统*/
.zf-index-price{
  overflow: hidden;
  background: url(/template/sscm/css/../images/bg3.jpg) top center no-repeat;
  height: auto;
  position: relative;
}
.zf-index-price .zf-index-title{
  margin-top: 25px;
  margin-bottom: 105px;
}
.zf-index-price .zf-index-more{
  position: absolute;
  bottom: -8px;
  margin-left: -84px;
  left: 50%;
}
/*首页在线客服*/
.zf-index-kefu{
  background: url(/template/sscm/css/../images/bg2.jpg) center center no-repeat;
  height: 163px;
  overflow: hidden;
  padding-top: 60px;
}
.zf-index-kefu .info{
  text-align: right;
  margin-top: 10px;
}
.zf-index-kefu .info .tt{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}
.zf-index-kefu .zf-index-list{
  overflow: hidden;
}
.zf-index-kefu .zf-index-list ul li{
  width: 16%;
  text-align: center;
  float: left;
  font-size: 12px;
  color: #333;
  padding: 0;
}
.zf-index-kefu .zf-index-list ul li p{
  margin-top: 10px;
  color: #333;
}
/*首页解决方案*/
.zf-index-solution{
  background: url(/template/sscm/css/../images/bg5.jpg) center center no-repeat #f6f6f6;
  overflow: hidden;
}
.zf-index-title{
  text-align: center;
  margin: 25px 0 35px;
}
.zf-index-title .tt{
  font-size: 36px;
}
.zf-index-title .desc{
  font-size: 14px;
  margin: 10px 0;
}
.zf-index-solution .zf-index-list{
  overflow: hidden;
}
.zf-index-solution .zf-index-list ul li{
  float: left;
/*  margin-right:35px;*/
  text-align: center;
  position: relative;
  height: 100%;
  overflow: hidden;
  padding: 0;
  margin-bottom: 5px;
}
.zf-index-solution .zf-index-list ul li .content{
  position: relative;
  overflow: hidden;
}
.zf-index-solution .zf-index-list ul li:nth-child(3){
  margin-right: 0;
}
.zf-index-solution .zf-index-list ul li .pic img{
  width: 100%;
}
.zf-index-solution .zf-index-list ul li .desc{
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: -100%;
  color: #fff;
  background-color: rgba(0,0,0,0.5);
  transition:bottom 0.5s ease-out 0;
  -moz-transition:bottom 0.5s; /* Firefox 4 */
  -webkit-transition:bottom 0.5s; /* Safari and Chrome */
  -o-transition:bottom 0.5s; /* Opera */
}
.zf-index-solution .zf-index-list ul li .desc p{
  width: 100%;
  text-align: center;

}
.zf-index-solution .zf-index-list ul li .desc p.img{
    position: absolute;
    top: 250px;
    transition:top 0.5s ease-out 0.3s;
}
.zf-index-solution .zf-index-list ul li .desc p.txt{
    position: absolute;
    top: 330px;
    transition:top 0.7s ease-out 0.3s;
}
.zf-index-solution .zf-index-list ul li:hover .desc{
  bottom: 0;
}
.zf-index-solution .zf-index-list ul li:hover .desc .img{
  top: 40%;
}
.zf-index-solution .zf-index-list ul li:hover .desc .txt{
  top: 50%;
}
.zf-index-more{
  margin: 40px 0;
}
.zf-index-more a{
  width: 168px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  color: #fff;
  padding-left: 20px;
  background: url(/template/sscm/css/../images/more.png);
  display: block;
}
/*首页工程案例*/
.zf-index-case{
  overflow: hidden;
}
.zf-index-case .zf-index-list{
  overflow: hidden;
}

.zf-index-case .zf-index-list ul li{
  float: left;
  padding: 0;
  margin-bottom: 10px;
}
.zf-index-case .zf-index-list ul li a{
  background-color: #f5f5f5;
  display: block;
  overflow: hidden;
}
.zf-index-case .zf-index-list ul li:nth-child(3n){
  margin-right: 0;
}
.zf-index-case .zf-index-list ul li p.txt,.zf-index-case .zf-index-list ul li p.more{
  text-indent: 2em;
}
.zf-index-case .zf-index-list ul li p.txt{
  color: #333;
  text-align: center;
}
.zf-index-case .zf-index-list ul li p.more{
  color: #9f9f9f;
  text-align: center;
}
.zf-index-case .zf-index-list ul li .pic{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.zf-index-case .zf-index-list ul li .pic img{
  transition:all 0.8s;
  width:100%;
  height: 100%;
}
.zf-index-case .zf-index-list ul li:hover .pic img{
  transform: scaleX(1.1) scaleY(1.1);
}
/*首页售后服务*/
.zf-index-sales{
  overflow: hidden;
  background: url(/template/sscm/css/../images/bg1.jpg) center center no-repeat;
  color: #fff;
}
.zf-index-sales .col-lg-4{
  margin-bottom: 20px;
}
.zf-index-sales .zf-index-title{
  color: #fff;
  margin-top: 25px;
  margin-bottom: 25px;
}
.zf-index-sales .zf-index-list{
  text-align: center;

}
.zf-index-sales .zf-index-list{
  padding-top: 0;
}
.zf-index-sales .zf-index-list a{
  color: #fff;
}
.zf-index-sales .zf-index-list p{
  /*width: 200px;*/
  margin:0 auto 10px;
  line-height: 22px;
  font-size: 12px;

}
.zf-index-sales .zf-index-list p.tt{
  font-size: 14px;
  margin: 20px 0 20px;
}
/*首页常见问题*/
.zf-index-ask{
  background-color: #f5f5f5;
}
.zf-index-ask .zf-index-main{}
.zf-index-ask .zf-index-main ul{
  overflow: hidden;
  width: 536px;
  height: 452px;
}
.zf-index-ask .zf-index-main ul li{
  width: 208px;
  height: 156px;
  float: left;
  text-align: center;
  background-color: #fff;
  margin: 15px 10px;
  position: relative;
}
.zf-index-ask .zf-index-main ul li a{
  display: block;
}
.zf-index-ask .zf-index-main ul li .info{
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
  color: #fff;
  padding-top: 105px;
  background: url(/template/sscm/css/../images/icon11.png) center center no-repeat;
  font-size: 12px;
}
.zf-index-ask .zf-index-main ul li img{
  width: 208px;
  height: 156px;
}
.zf-index-ask .zf-index-main .zf-video-list{
  padding: 0;
  display: none;
}
.zf-index-ask .zf-index-main .zf-video-list .more{
  text-align: right;
  width: 100%;
  display: block;
}
.zf-index-ask .zf-index-main .zf-video-list ul{
  padding: 40px;
  background-color: #fff;
}
.zf-index-ask .zf-index-main .zf-news-list{
  background-color: #fff;
  padding: 0;
 
}
.zf-index-ask .zf-index-main .zf-news-list .more{
  display: block;
  width: 100%;
  text-align: right;
  line-height: 40px;
  padding-right: 15px;
}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list{
  overflow: hidden;
  height: 80px;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0 20px 20px;
}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list:last-child{
  border-bottom: none;
}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list .icon{
  width: 34px;
  height: 40px;
  background-color: #eee;
  padding: 0;
  display: none;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  transition: height 0.5s;
  -moz-transition: height 0.5s; /* Firefox 4 */
  -webkit-transition: height 0.5s; /* Safari 和 Chrome */
  -o-transition: height 0.5s; /* Opera */
}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list .info{
  text-align: left;
}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list .icon .iconfont{
  font-size: 12px;
  font-weight: bold;
  color: #9e9e9e;
}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list .info .tt{
  line-height: 40px;
  font-size: 16px;
  height: 40px;
}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list .info .txt{
  color: #919191;
  font-size: 12px;
  height: 0;
  display: none;
  line-height: 22px;
  overflow: hidden;
  transition: height 0.5s;
  -moz-transition: height 0.5s; /* Firefox 4 */
  -webkit-transition: height 0.5s; /* Safari 和 Chrome */
  -o-transition: height 0.5s; /* Opera */
}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list.active{
  height: auto;
}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list.active  .info .txt{
  height: 88px;
}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list.active .icon{
  height: 60px;
  background-color: #000;
}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list.active .icon .iconfont{
  color: #f16100;
}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list .icon .icon-jian{
  opacity: 0;
  display: none;
}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list.active .icon .icon-jian{
  opacity: 1;
  display: block;
}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list.active .icon .icon-jiahao{
  opacity: 0;
  display: none;
}
/*首页在线动态监督*/
.zf-index-online{
  background: url(/template/sscm/css/../images/bg4.jpg) center center no-repeat;
  overflow: hidden;
  height: auto;
  color: #fff;
  position: relative;
}
.zf-index-online .zf-index-main{
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 55px 10px;
}

.zf-index-online .zf-index-main .info{
  width: 100%;
}
.zf-index-online .zf-index-main .info .tt{
  font-size: 30px;
  margin-bottom: 20px;
}
.zf-index-online .zf-index-main .info .txt{
  line-height: 30px;
  margin-bottom: 10px;
}
.zf-index-online .zf-index-more a{
  width: 168px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  padding-left: 20px;
  float: left;
  background: url(/template/sscm/css/../images/more.png);
  display: block;
}
.zf-index-online .zf-index-main .pic{
  bottom: 0;
  right: 175px;
  position: absolute;
  display:none; 
}
/*网站底部样式*/
footer{
  background-color: #000;
  color: #adadad;
  font-size: 12px;
}
footer .foot a{
  color: #adadad;
}
footer .foot{
  padding-top: 35px;
  overflow: hidden;
}
footer .foot .zf-index-up{
  overflow: hidden;
}
footer .foot .zf-index-up .zf-index-cnt{
  /*padding: 0;*/
}
footer .foot .zf-index-up .zf-index-cnt .hotline{
  /*font-size: 16px;*/
}
footer .foot .zf-index-up .zf-index-cnt .add span,
footer .foot .zf-index-up .zf-index-cnt .web span,
footer .foot .zf-index-up .zf-index-cnt .mail span{
  letter-spacing: 1.4px;
}
footer .foot .zf-index-up .zf-index-cnt .qq span{  
  letter-spacing: 2px;
}
footer .foot .zf-index-up .zf-index-cnt .hotline b{
  /*font-size: 26px;*/
  color: #fff;
}
footer .foot .zf-index-up .zf-index-cnt .icon{
  margin-top: 10px;
  padding: 10px 10px 5px 10px;
  background-color: #fff;
  width: 170px;
  text-align: center;
  color: #ee5e00;
  font-size: 14px;
}
footer .foot .zf-index-up .zf-index-cnt .icon img{
  padding-bottom: 5px;
}
footer .foot .zf-index-up .zf-index-cnt .icon a{
  background-color: #192026;
  width: 55px;
  height: 55px;
  display: inline-block;
  text-align: center;
  line-height: 55px;
  font-size: 30px;
  margin-right: 20px;
  position: relative;
}
footer .foot .zf-index-up .zf-index-cnt .icon a img{
  height: 0;
  width: 0;
  position: absolute;
  left: 22px;
  top: 22px;
  transition:all 0.5s;
  z-index: 22;  
  background-color: #fff;
}
footer .foot .zf-index-up .zf-index-cnt .icon a:hover img{
  height: 160px;
  width: 160px;
  padding: 5px;
}
footer .foot .zf-index-up{}
footer .foot .zf-index-up .zf-index-nav{
  padding: 0;
  margin-top: 25px;
  display: none;
}
footer .foot .zf-index-up .zf-index-nav .zf-index-list{
  line-height: 22px;
  text-align: center;
}
footer .foot .zf-index-up .zf-index-nav .zf-index-list .tt{
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
  height: 30px;
}
footer .foot .zf-index-up .zf-index-nav .zf-index-list .tt a{
  color: #fff;
  display: block;
}
footer .foot .zf-index-up .zf-index-nav .zf-index-list nav{
  display: none;
}
footer .foot .zf-index-up .zf-index-nav .zf-index-list nav a{
  display: block;
  height: 30px;
  line-height: 30px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;
}
footer .foot .zf-index-up .zf-index-nav .col-lg-2{
  padding: 0;
}
footer .foot .zf-index-down{
  overflow: hidden;
  width: 100%;
 /* text-align: center;*/
}
footer .foot .zf-index-down .tech{
  padding: 8px 0;
}
footer .foot .zf-index-down .fr a{
  padding: 0 5px;
  margin: 0 2px;
  font-size: 12px;
  line-height: 22px;
}
footer .foot .zf-index-down .fr{
  padding: 8px;
}
/* side */
.zf-sidebar{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.zf-sidebar ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.zf-sidebar ul li i{height: 54px;width: 54px;display: inline-block;}
.zf-sidebar ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#f5f5f5;opacity:0.8;filter:Alpha(opacity=80);color:#666;font:14px/54px "微软雅黑";overflow:hidden;text-align: center;}
.zf-sidebar ul li .sidebox .iconfont{font-size: 36px;}
.zf-sidebar ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#f5f5f5;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;text-align: center;}
.zf-sidebar ul li .sidetop .iconfont{font-size: 36px;}
.zf-sidebar ul li .sidetop:hover{background:#ee5e00;opacity:1;filter:Alpha(opacity=100);color: #fff;}
.zf-sidebar ul li img{float:left;}
.zf-sidebar ul li .sideewm{width:54px;height:54px;line-height:54px;display:inline-block;background:#f5f5f5;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;text-align: center;position: relative;}
.zf-sidebar ul li .sideewm img{position: absolute;width: 0;height: 0;padding: 5px;background-color: #fff;border: 1px solid #ddd;transition-property: height,width;
transition-duration: 0.8s;
-moz-transition-property: height,width; /* Firefox 4 */
-moz-transition-duration: 0.8s; /* Firefox 4 */
-webkit-transition-property: height,width; /* Safari and Chrome */
-webkit-transition-duration: 0.8s; /* Safari and Chrome */
-o-transition-property: height,width; /* Opera */
-o-transition-duration: 0.8s; /* Opera */}
.zf-sidebar ul li .sideewm .iconfont{font-size: 36px;}
.zf-sidebar ul li .sideewm:hover{background:#ee5e00;opacity:1;filter:Alpha(opacity=100);color: #fff;}
.zf-sidebar ul li .sideewm:hover img{width: 150px;height: 150px;right: 55px;}


.zf-container .side-bar{position: fixed;top: 200px;left: 50%;width: 22px;z-index: 1000;display: none;margin-left: 585px;}
.zf-container .side-bar li{float: right;}
.zf-container .side-bar a{display: block;background-color: #ee5e00;width: 22px;height: 22px;margin-bottom: 10px;font-size: 12px;padding-left: 15px;line-height: 22px;overflow: hidden;text-indent: 22px;color: #fff;position: relative;z-index: 99;}
.zf-container .side-bar a:hover,.zf-container .side-bar li.current a{width: 115px;text-indent:0px;background-color: #E60012;}

.zf-index-zulin{
  position: relative;
  height: 600px;
}
.zf-index-zulin img{
  width: 100%;
  height: 600px;
}
.zf-index-zulin .zulin_info{position: absolute; top: 0;margin: 0 auto;width: 100%;}
.zf-index-zulin .zulin_info .title{font-size: 66px;font-weight: bold;text-align: center;color: #fff;margin-bottom: 35px;  }
.zf-index-zulin .zulin_info .box{width:100%;text-align: center;height: 1012px;padding-top:300px;}
.zf-index-zulin .zulin_info .box .t1{color: #fff;font-size: 66px;}
.zf-index-zulin .zulin_info .box .btn a{transition:all 0.5s;width: 220px;line-height: 60px;color: #fff;background-color: #ee5e00;margin-top: 65px;display: block;border-radius: 3px;}
.zf-index-zulin .zulin_info .box .btn a:hover{background-color: #e60012;}














.navbar-header .navbar-brand{
  background: url(/template/sscm/css/../images/logo.png) center center no-repeat;
  width: 269px;
}
.navbar-collapse{margin-top: 5px;}
.navbar-header .navbar-toggle{
  background-color: #ee5e00;
}
.navbar-header .navbar-toggle:hover{
  background-color: #e04900;
}
.navbar-header .navbar-toggle .icon-bar{
  background-color: #FFF;
}
.navbar-nav > li > a{
  color: #fff;
}
/*.navbar-nav > li:hover ul{
  display: block;
}*/
.nav > li > a:focus, .nav > li > a:hover{
  background-color: #ee5e00;
  border-radius: 2px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
  background-color: #ee5e00;
  color: #fff;
}
.dropdown-menu{
  padding: 0;
  border:none;
  filter:alpha(opacity=80);?-moz-opacity:0.8?;opacity:0.8; 
}
.dropdown-menu > li > a{
  line-height: 30px;
  background-color: #343B3E;
  color: #fff;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
  background-color: #ee5e00;
  color: #fff;
}
.navbar-nav .open .dropdown-menu{
  background-color: #f8f8f8;
}


























/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: auto;
  margin-bottom: 30px;
  margin-top: 71px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: auto;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: relative;
  top: 0;
  left: 0;
  min-width: 100%;
  /*height: 882px;*/
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
 

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 414px) {
  .navbar-header .navbar-brand{
    background: url(/template/sscm/css/../images/logo3.png) center center no-repeat;
    width: 95px;
  }
  .zf-top-main{
    width: 100%;
    margin: 0 auto;
  }
  .zf-index-kefu .zf-index-list{
    padding: 0;
  }
}
@media (min-width: 414px) {
  .zf-top-main{
    width: 96%;
    margin: 0 auto;
  }
  .navbar-wrapper{
    background: rgba(0,0,0,.1);
  }
  .zf-banner{
    margin-top: 0;
  }
  .zf-bn{
    margin-top: 0px;
  }
  
 .navbar-wrapper .sui-nav.horizontal{padding: 10px 0;}
 .navbar-wrapper .sui-nav.horizontal .logo{background: url(/template/sscm/css/../images/logo3.png) left center no-repeat;}
}
@media (max-width: 768px) {
    .navbar-wrapper .sui-nav.horizontal{position: fixed; left: 0; top: 0; box-shadow:0 4px 4px rgba(0, 0, 0, 0.2);padding: 10px 0; background-color: #fff;}
 .navbar-wrapper .sui-nav.horizontal .logo{background: url(/template/sscm/css/../images/logo3.png) left center no-repeat;}

    .zf-bn{margin-top: 70px;display: none;}
    .zf-bn.wap{display: block;}
}
@media (min-width: 768px) {
  .zf-top-main{
    width: 100%;
    margin: 0 auto;
  }

  .navbar-wrapper .sui-nav.horizontal .logo{background: url(/template/sscm/css/../images/logo.png) left center no-repeat;}
  .navbar-wrapper .sui-nav.horizontal{margin-bottom: 30px;}
  footer .foot .zf-index-up .zf-index-cnt{
    text-align: center;
  }
  footer .foot .zf-index-up .zf-index-cnt .icon{
    margin: 0 auto;
  }
  footer .foot .zf-index-down{text-align: center;}
  .zf-top{
    display: block;
  }
  .zf-index-technical .info .tt{
    text-align: center;
  }
  .zf-index-technical .info .desc{
    text-align: center;
  }
  .zf-index-technical .info .tt b{
    font-size: 22px;
  }
  .zf-index-technical .info .icon ul li{
    margin-right: 0;
  }
  .container{
    width: 100%;
  }
  .zf-index-solution .zf-index-list ul li{
    padding: 0 5px;
  }
  .zf-index-solution .zf-index-list ul li:hover .desc .txt{
  top: 60%;
  }
  .zf-index-ask .zf-index-main .zf-news-list .zf-index-list .icon{
    display: block;
  }
  .zf-index-ask .zf-index-main .zf-news-list .zf-index-list.active .info .txt{
    display: block;
  }
  .zf-index-case .zf-index-list ul li{
    margin-bottom: 0;
    padding: 0 5px;
  }
}
@media (max-width: 768px) {
  .navbar{
    margin: 10px 0;
  }
  .navbar-wrapper{padding: 0;}

  .zf-index-technical .info .icon ul li{
    width: 100%;
  }
  .zf-index-technical .info .desc{
    text-align: center;
  }
  .zf-index-technical .info .tt{
    text-align: center;
  }
  .zf-index-technical .info .icon ul li{
    margin-right: 0;
    margin-bottom: 10px;
  }
  .zf-index-technical .info .icon ul li .img{
    margin-bottom: 15px;
  }
}
/*宽度大于992px时*/
@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
  .sui-nav.horizontal .logo{background: url(/template/sscm/css/../images/logo.png) left center no-repeat;}
}
@media (max-width: 992px) {
  .zf-index-technical .pic{
    display: none;
  }
  .zf-index-technical .info{
    padding-left: 15px;
  }
  .zf-index-kefu .info{
    display: none;
  }
}
@media (min-width: 1200px) {
  .zf-top-main{
    width: 1170px;
  }
.zf-index-title{
  text-align: center;
  margin: 65px 0 35px;
}
  .navbar-wrapper .sui-nav.horizontal{overflow: visible;}
  .navbar-wrapper .sui-nav.horizontal .logo{width: 25%;margin-left: 0;}
  .navbar-wrapper .sui-nav.horizontal .sui-nav-wrapper{display: block;margin-top: 5px;}
  .navbar-wrapper{
    background-color: rgba(255,255,255,0.1);
  }
  .navbar-wrapper .container{width: 1170px;}
  .sscm03_content .aboutinfo .info-about2 ul li img{width:228px;height: 302px;}
/*技术咨询*/
.zf-index-technical .info{
  padding-top: 60px;
  padding-left: 60px;
}
.zf-index-technical .info .tt{text-align: left;}
.zf-index-technical .info .tt b{font-size: 32px;}
.zf-index-technical .info .desc{font-size: 16px;text-align: left;}
.zf-index-price{height: 989px;}
.zf-index-price .zf-index-title{margin-top: 105px;}
.zf-index-price .zf-index-more{position: absolute;bottom: 20px;}
.zf-index-solution{height: 699px;}
.zf-index-solution .zf-index-list ul li{margin-right:35px;height: 376px;width: 376px;}
.zf-index-solution .zf-index-list ul li .desc{display: block;margin-left: -188px;left: 50%;position: absolute;height: 376px;width: 376px;bottom: -376px;padding-top: 165px;}
.zf-index-solution .zf-index-list ul li:hover .desc .img{
  top: 145px;
}
.zf-index-solution .zf-index-list ul li:hover .desc .txt{
  top: 195px;
}
.zf-index-more{
  margin: 40px 0;
}
.zf-index-more a{
  width: 168px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  color: #fff;
  padding-left: 20px;
  background: url(/template/sscm/css/../images/more.png);
  display: block;
}
/*首页工程案例*/
.zf-index-case .zf-index-list ul li .pic{width: 374px;height: 374px;}
.zf-index-case .zf-index-list ul li .pic img{width:374px;height: 374px;}
.zf-index-sales .zf-index-list p{
  /*width: 200px;*/
  margin:0 auto 10px;
  line-height: 22px;
  font-size: 16px;

}
.zf-index-sales .zf-index-list p.tt{
  font-size: 22px;
  margin: 20px 0 50px;
}
/*首页售后服务*/
.zf-index-sales{
  height: 580px;
  overflow: hidden;
  background: url(/template/sscm/css/../images/bg1.jpg) center center no-repeat;
  color: #fff;
}
.zf-index-sales .col-lg-4{
  margin-bottom: 20px;
}
.zf-index-sales .zf-index-title{
  color: #fff;
  margin-top: 135px;
}
.zf-index-sales .zf-index-list{
  text-align: center;

}
.zf-index-sales .zf-index-list{
  padding-top: 35px;
}
.zf-index-sales .zf-index-list a{
  color: #fff;
}
.zf-index-sales .zf-index-list p{
  font-size: 16px;
}
.zf-index-sales .zf-index-list p.tt{
  font-size: 22px;
  margin: 20px 0 50px;
}
/*首页常见问题*/
.zf-index-ask{height: 665px;}
.zf-index-ask .zf-index-main .zf-video-list{display: block;}
.zf-index-ask .zf-index-main .zf-news-list{height: 452px;}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list .icon{display: block;}
.zf-index-ask .zf-index-main .zf-news-list .zf-index-list .info .txt{display: block;}
/*首页在线动态监督*/
.zf-index-online{height: 576px;}

.zf-index-online .zf-index-main .info{
  width: 500px;
  position: absolute;
  left: 160px;
  top: 175px;
}
.zf-index-online .zf-index-main .info .tt{font-size: 40px;}
/*网站底部样式*/
  footer .foot{padding-top: 105px;}
  footer .foot .zf-index-up .zf-index-cnt{padding: 0;text-align: left;}
  footer .foot .zf-index-up .zf-index-cnt .icon{float: left;}
  footer .foot .zf-index-up .zf-index-nav{height: 300px;padding: 0;}
  footer .foot .zf-index-up .zf-index-nav .zf-index-list{float: left;margin-left: 35px;line-height: 22px;margin-bottom: 10px;text-align: left;}
  footer .foot .zf-index-up .zf-index-nav .zf-index-list .tt{font-size: 16px;color: #fff;margin-bottom: 10px;height: 22px;}
  footer .foot .zf-index-up .zf-index-nav .zf-index-list .tt a{color: #fff;}
  footer .foot .zf-index-up .zf-index-nav .zf-index-list a{display: block;}
  footer .foot .zf-index-up .zf-index-nav .col-lg-2{padding: 0;}
  footer .foot .zf-index-up .zf-index-nav .zf-index-list.list1{height: 280px;}
  footer .foot .zf-index-up .zf-index-nav .zf-index-list.list5{width: 300px;}
  footer .foot .zf-index-up .zf-index-nav .zf-index-list.list1{width: 85px;}
  footer .foot .zf-index-up .zf-index-nav .zf-index-list.list2{ width: 92px;}
  footer .foot .zf-index-up .zf-index-nav .zf-index-list.list3{width: 105px;}
  footer .foot .zf-index-up .zf-index-nav .zf-index-list.list4{width: 64px;}
  footer .foot .zf-index-up .zf-index-nav .zf-index-list.list5 a{text-align: left;float: left;width: 150px;}
  footer .foot .zf-index-up .zf-index-nav .zf-index-list.list5 a:nth-child(2n-1){width: 150px;}
  footer .foot .zf-index-down{padding: 40px 0;text-align: left;}
  .container{width: 1170px;}
  .zf-index-online,.zf-index-case,.zf-index-solution,.zf-index-price{width: 100%;}
  footer .foot .zf-index-up .zf-index-nav{display: block;}
  footer .foot .zf-index-up .zf-index-nav .zf-index-list nav{display: block;}
  footer .foot .zf-index-down .tech{display: inline-block;}
  footer .foot .zf-index-down .fr{text-align: right;}
  .sui-nav.horizontal{overflow: visible;}
  .sui-nav.horizontal .logo{width: 25%;margin-left: 0;}
  .sui-nav.horizontal .sui-nav-wrapper{display: block;}
  .sui-nav.horizontal .menubtn{display: none;}
}@media screen and (min-width: 280px) and (max-width: 800px) {	.kf_wap{display: block !important;}}.kf_wap{height: 62px;display: none;}.kf_wap ul{position: fixed;bottom: 0;z-index: 999;width: 100%;margin: 0 !important;}.kf_wap li{width: 33%;float: left;background: #f6811f;padding: 5px 0;}.kf_wap li a{display: block;color: #FFFFFF !important;text-align: center;font-size: 12px;}.kf_wap li a i{color: #FFFFFF;line-height: 35px;font-size: 30px;}.kf_wap li a p{margin: 0 !important;}.navbar-wrapper .sui-nav.horizontal .sui-nav-wrapper > ul> li.navli3  > ul > li{
  width: 130px;overflow:hidden;
}
@media (max-width: 768px) {
    footer .zf-sidebar {display: none;}    
}