﻿﻿
/* banner */
.wap_banner{ position:relative; overflow:hidden; float: left;  max-width:560px;/* 设置焦点图最大宽度 */ }
.wap_banner .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:20px; z-index:1; }
.wap_banner .hd li{ display:inline-block; width:12px; height:12px; cursor:inherit; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 2px;   }
.wap_banner .hd li.on{ background:#fff;  }
.wap_banner .bd{ position:relative; z-index:0; }
.wap_banner .bd li{ position:relative; text-align:center;  }
.wap_banner .bd li img{  vertical-align:top; /* width:100%; *//* 图片宽度100%，达到自适应效果 */    height: 410px;
    margin: 0 auto;
    display: block;}
.wap_banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.wap_banner .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusbg.png) repeat-x; color:#fff;  text-align:left;  }

/* banner */
.swiper-slide img{width: 100%; }
.case_touch .swiper-slide{background: #c00000;}
.index_ry .swiper-slide {background: #ebebeb;}



.page_case .hd li{height: 72px!important;line-height: 72px!important;}
.page_case .hd li a{ display: block; height: 72px!important;line-height: 108px!important;}
.page_case .hd li:nth-of-type(1) {background:#c00000 url('../images/flow.png') no-repeat 50% 10px ;}
.page_case .hd li:nth-of-type(2) {background:#c00000 url('../images/page_case.png') no-repeat 50% 10px ;}
.page_case .hd li:nth-of-type(3) {background:#c00000 url('../images/video.png') no-repeat 50% 10px ;}
/* 新闻 */


/* 解决方案tab */
.tabBox .con dl{float: left;width: 48%;border-radius: 5px;box-shadow: 0 0 5px #ddd; margin: 0 1% 2% 1%;}
.tabBox .con dl dt img{width: 100%; }
.tabBox .con dl dd span{color: #c00000;}
.tabBox .con dl dd{/* text-align: center; */    font-size: 14px;line-height: 32px;
    width: 92%;
    margin: 0 auto; }
    .tabBox .con dl dd+dd{font-size: 12px;line-height: 18px; }
    .tabBox .con dl a dd:nth-of-type(1) { border-bottom: 1px solid #f0f0f0; }
/* .tabBox .con dl:nth-child(2n-1) {margin-right: 2%; }
.tabBox .con dl:nth-child(2n) {margin-left: 2%; } */

/* 解决方案tab */
/* 联系我们  biaodan  */


/* icon组 */
.icon_list {padding: .3rem 0 .2rem;}
.icon_list ul {display: flex;}
.icon_list ul:first-child{margin-bottom: .12rem;}
.icon_list ul li{width: 20%;}
.icon_list ul li p{font-size: 14px; text-align: center;line-height: .4rem; }
.icon_list ul li img{width: 80%;margin: 0 auto }

/* icon组 */




/* 产品 */
.page_pro .tabBox ul li{width: 23%!important;}
/* 产品 */

/* 产品详情 */
.product_con_text{padding: 12px 0;font-size: 14px; margin-bottom: 16px;   border-bottom: 1px dashed #e0e0e0;    border-top: 1px dashed #e0e0e0; }
.pro_introduce .tabBox .hd li {width: 23%;}
.pro_introduce h5 {line-height:60px; border-bottom:2px solid #C00;font-size:22px;padding-left:36px;background: url("../images/qr_code_light.png") no-repeat left 65px; }
.pro_introduce h5 small {padding-left: 36px;background: url('../images/pro_tel.png') no-repeat left 60%;display: inline-block;line-height: 36px; }
.pro_introduce h5 small {font-size: 16px;
    position: relative;
    top: 4px;}
.ec_bg_detail_btn {
    background-color: #f9fbff;
}

.ec_banner_btns {
    border: 1px solid #f7f7f7;
  background-color: #c00000;
    padding: 6px 0;
    font-size: 0;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    text-align: center;

}

.ec_banner_btns .ec_btn {
    display: inline-block;
    width: 50%;
    height: 24px;
    line-height: 24px;
    border-right: 1px solid #e7e7e7;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    flex-grow: 1;
    color: #fff;
}

.ec_banner_btns .ec_btn:last-child {
    border-right: 0
}

.ec_banner_btns .ec_btn i {
    margin-right: 10px
}
/* 产品详情 */
.tab_text{font-size: 14px; padding: 0px 0 12px;}
.tab_text img{width: 90%; margin: 0 auto;}
/* page_tit */
.page_tit{display: none;position: relative; }
/* .page_tit h4{display: none;} */
.page_tit small{display: none;}
.page_tit img{width: 100%;}

.img_box{position: relative;bottom:13vh ;width: 92%;margin: 0  auto; background: rgba(192, 0, 0, 0.9);}
.img_box h4{text-align: center;color: #fff;font-size: 18px;line-height: 36px; }
.img_box p{text-align: center; color: #fff;font-size: 14px; padding: 0 12px;}
/* page_tit */
.case_tit {
    border-left: 3px solid #c00000;
    padding-left: 10px;
    font-size: 24px;
    margin-top: 12px;
    margin-bottom: 16px;font-weight: bold;
}



.page_con_tit h3{font-size: 24px;line-height: 46px; }
.product_con_text strong{color: #c00000 }
.fenxiang {float:left;font-weight: normal;font-size: 12px;}
.procon_top_frbtn{clear:both; height:39px; line-height:39px; padding-top:20px;}
.procon_top_frbtn li{float:left; display:inline-block; margin-right:10px; height: 40px; }
.procon_top_frbtn li a{ padding:0px 25px 0px 15px; font-size:16px;}
.procon_top_frbtn li a img{ vertical-align:sub;  display: inline-block; /* padding-right:10px; */}
.sqbj{background:#c00000;}
.sqbj a,.sqbj01 a{ color:#fff;}
li.sqbj01:nth-child(2) {background:rgb(0, 69, 107) ;}
.sqbj01{background:#62b900;}
#pro_tj_lx {margin: 18px 0;width: 95%;overflow: hidden;}
#pro_tj_lx p {background:url(../images/24h.png) no-repeat left center; font-size:14px; padding-left:40px; padding-top:5px; line-height: 38px; }
#pro_tj_lx p span{ color:#E3131E; font-weight:bold; margin-right:8px;}


.pro_introduce{position: relative;}
.pro_introduce>div {float: left; width:78%;margin-top: -20px; }
.pro_introduce>h5 {float: left; width:78%; padding: 50px ; }
.pro_introduce>div#tabBox1 { margin-top:20px!important; float: none;width: 100%!important }
.pro_introduce>div img{ margin:20px auto}
.pro_introduce>div.pro_list {float:right!important;width:20%!important;position: absolute;top: 75px;right: 0; }





  /* 本例子css */
  .sideMenu{  border:1px solid #F3F3F3;border-top: none;  }
  .sideMenu h3{ height:52px; line-height:52px; padding-left:10px;/*   border-top:1px solid #c00000;  */background:#f1f1f1;border-bottom: 1px solid #ddd; color: #c00000; cursor:pointer;
      font:bold 18px/52px "Microsoft YaHei";
  }
  .sideMenu h3:hover{background-color: #c00000; color: #fff;}
  .sideMenu h3 em{ margin-top: 10px; float:right; display:block; width:40px; height:32px;   background:url(../images/icoadd.png) 16px 12px no-repeat; cursor:pointer; }
  .sideMenu h3.on{background-color: #c00000; color: #fff;border-bottom: 1px solid #c00000;}
  .sideMenu h3.on em{ background-position:16px -57px; }
  .sideMenu ul{ padding:8px 3px; color:#999; display:none; /* 默认都隐藏 */ }
  .sideMenu ul li{font-size: 16px;line-height: 36px; padding-left: 25px;border-bottom: 1px solid #fff; }
  .sideMenu ul li a{display: block;width: 100%; }
  .sideMenu ul li:hover{ border-bottom: 1px solid #c00000; color: #c00000; background: url("../images/pro_right_hover.png") no-repeat left center; }


  #item6{margin-bottom: 20px;}
  .sqbj01  {/* position: relative; */}
  .sqbj01 p {display: inline;  display: none; /* background: #333; */ width: 0;height: 0; position: relative; z-index: 6;left: 142px;bottom:122px;
    -webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;
}
  .sqbj01:hover p {display: block;width: 123px;height: 124px; }
  /* .pro_cur a{cursor: url("../images/foot_wx.png")} */
  .pro_list h2{ color: #fff;border: 1px solid #ddd;border-bottom: none; background:#c00000 no-repeat url("../images/pro_logo.png") 3% 50% ; font-size:22px;line-height: 52px; text-align: center;}
  .pro_list h2 small{font-size: 14px;}
  #pro_al {padding-top: 50px;}
  #pro_al .case_tit{margin-top: 0px; }

  