.index {
  position: relative;
  width: 100%;
  background-color: #fff;
}
a:hover {
  text-decoration:none;
}
.index .banner .ma5slider {
  margin-bottom: 10px;
}
.index .banner .navs-wrapper {
  /* min-height: 27rem; */
  padding: 0 !important;
}
.index .banner .navs-wrapper .slide-area {
  overflow: visible;
}

.index .banner .banner_box {
  display: inline-block;
  height: 100%;
}
.index .banner .banner_box .bnerimg {
  position: relative;
  max-width: 1200px;
  margin: 0 145px;
}
.index .banner .banner_box .bnerimg img {
  height: 213px;
  width: 60%;
  margin: 0 auto;
}
.banner .navs-wrapper {
  /* height: auto !important; */
}
.index .banner .banner_box .bnerimg .banntit {
  text-align: left;
}
.index .banner .banner_box .bnerimg .banntit h2 {
    font-size: 3.3rem;
    letter-spacing: 7px;
    -webkit-text-stroke: 1px #fff;
    font-family: -webkit-body;
    font-weight: 800;
    color: #333333!important;
}
.banntit.col-md-6.col-lg-6.col-xs-6.col-sm-6 {
    width: 63%;
}
.index .banner .banner_box .bnerimg .banntit p {
  font-size: 1.15714286rem;
  color: #333;
}
.index .banner .banner_box .bnerimg .banntit .btn {
  /* background: #4F0599 !important; */
  color: #fff;
}
.index .banner .dots{
  margin: 0;
    position: absolute;
    z-index: 99;
    left: 89%;
    transform: translateX(-50%);
    bottom: 4px;
}
input.form-control {
    border-radius: 0;
    box-shadow: none;
}
.index .banner .banner1 {
  height: 680px;
  background: url(../images/banner1.jpg) no-repeat center;
  background-size: cover;
      background-position-y: center;
  background-position: center 0;
}
.index .banner .banner2 {
  height: 680px;
  background: url(../images/banner2.jpg) no-repeat center;
  background-position: center 0;
      background-position-y: center;
  background-size: cover;
}
.index .banner .banner3 {
  height: 680px;
    background: url(../images/banner3.jpg) no-repeat center;
        background-position-y: center;
    background-position: center 0;
        background-position-y: center;
    background-size: cover;
}
.index .banner_fot .dots {
  display: none;

}
@media (min-width: 1200px){
 .horizontal-navs.outside-navs .navs-wrapper {
    height: 680px!important;
} 
}
.ma5slider .slides img {
  width: 100%;
}
.index .banner_fot .banbox {
  background-color: #819ab1;
  color: #fff;
}
.index .banner_fot .slides_tit .banbox {
  font-size: 22px;
  line-height: 70px;
}
.index .banner_fot .slides_tit .banbox span {
  font-size: 16px;
  display: inline;
}
.index .banner_fot .slides_tit .banbox .more_btn {
  padding: 9px 35px;
  border: 2px solid #fff;
  border-radius: 20px;
  cursor: pointer;
  margin-left: 100px;
}
.index .zycp {
  width: 100%;
  position: relative;
  z-index: 33;
}
.index .zycp .zycp_pic {
  width: 100%;
  display: block;
  overflow: hidden;
}
.index .zycp .zycp_pic ul {
  width: 100%;
  transition: all .5s;
}
.index .zycp .zycp_pic ul li {
  display: inline-block;
  padding: 0 !important;
  float: none;
  border-radius: 6%;
  background-color: #fff;
}
.zc_pic:hover {
  background-color: #e72525;
  color: #fff;
  font-size: 12px;
}
.zc_pic:hover span {
  color: #fff;
}
.zc_pic:hover h4 p {
  color: #fff!important;
}
.zc_pic:hover h4 {
  color: #fff!important;
}
.index .zycp .zycp_pic ul li .zcjs {
  box-shadow: 0 0 5px #ccc;
      border-radius: 6%;
}
.index .zycp .zycp_pic ul li .zc_pic {
  text-align: center;
          border-radius: 6%;
}
.index .zycp .zycp_pic ul li .zc_pic h4 {
    margin: 0;
        padding-bottom: 6rem;
    font-size: 28px;
    height: 50px;
    line-height: 50px;
    /*color: #000;*/
    text-align: center;
}
.index .zycp .zycp_pic ul li .zc_pic img {
  width: 100%;
}
.index .zycp .zycp_pic ul li .fot_li {
  overflow: hidden;
}
.index .zycp .zycp_pic ul li .fot_li .cpjs {
  padding: 25px 0;
  text-align: center;
  margin: 43px 43px 20px;
  border-top: 1px dashed #333;
  border-bottom: 1px dashed #333;
  overflow: hidden;
  height: 170px;
}
.index .zycp .zycp_pic ul li .fot_li .cpjs p {
  color: #4e4f63;
  line-height: 25px;
  width: 100%;
  overflow: hidden;
  /*超出部分隐藏*/
  white-space: nowrap;
  /*不换行*/
  text-overflow: ellipsis;
  /*超出部分文字以...显示*/
}
.index .zycp .zycp_pic ul li .fot_li .cpjs p a {
  color: #333;
}
.index .zycp .zycp_pic ul li .fot_li .cpjs p .o {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 10px;
}
.index .zycp .zycp_pic ul li .fot_li .cp_btn {
  text-align: center;
  padding: 20px 0;
  display: none;
}
.index .zycp .zycp_pic ul li .fot_li .cp_btn button {
  display: none;
  font-size: 20px;
  width: 150px;
  height: 51px;
  background: transparent;
  border: 0;
  border-radius: 30px;
  outline: none;
  border: 1px solid #5d7eb1;
}
.index .zycp .zycp_pic ul li:hover {
  box-shadow: 2px 2px 20px #ccc;
}
.index .zycp .zycp_pic ul li:hover button {
  color: #fff !important;
  background: #5d7eb1 !important;
}
.index .zycp .cpsub_btn {
  text-align: center;
  margin-top: 50px;
}
.index .zycp .cpsub_btn button {
  width: 200px;
  height: 50px;
  /* background: #5d7eb1; */
  color: #fff;
  border: 0;
  border-radius: 6px;
  outline: none;
}

@media (min-width: 980px) {
  .banner_fot .navs-wrapper {
    display: block;
    height: 70px !important;
    padding: 0 !important;
  }
  .banner_fot .banbox span {
    display: inline-block;
    width: 100%;
    height: 100px;
  }
  .zycp_pic {
    padding: 20px 0px !important;
    margin-top: -186px;  
  }
  .zycp_pic ul li {
    margin: 25px;
    width: 28%;
  }
  .index .banner .banner_box .bnerimg {
    padding: 75px 0;
    overflow: hidden;
}
.banner .navs-wrapper{
  height: 400px;
}
.outside-dots .dots>.dot{
    width: 17px;
    margin: 5px 9px;
    height: 5px;
}
.outside-dots .dots>.dot.active{
  background-color: #819ab1!important;
  width: 35px;

}

}
@media (max-width: 980px) {
  .index .banner .banner_box {
    /* height: 580px; */
  }
  .index .banner .banner_box .bnerimg .banntit h2{
    font-size: 16px;
    font-weight: bold;
  }
  .btn-group-justified {
    width: 100px;
  }
  .banner .navs-wrapper{
    height: 172px!important;
  }
  .index .banner .banner_box .bnerimg img {
    height: 100px;
    width: 147px;
  }
  .index .banner .banner_box .bnerimg .banntit p{
    font-size: 12px;
  }
  .banner_fot .navs-wrapper {
    display: block;
    height: 70px !important;
    padding: 0 !important;
  }
  .banner_fot .banbox span {
    display: inline-block;
    width: 100%;
    height: 100px;
  }
  .zycp_pic {
    padding: 10px !important;
  }
  .bnerimg {
    overflow: hidden;
    padding: 20px 10px;
  }
}
/*字体图标开始*/
   @font-face {
    font-family: 'icomoon';
    src:  url('../../assets/fonts/icomoon.eot?7kkyc2');
    src:  url('../fonts/icomoon.eot') format('embedded-opentype'),
          url('../fonts/icomoon.ttf') format('turetype'),
          url('../fonts/icomoon.woff') format('woff'),
          url('../fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
   }
   span {
    display: inline-block;
    font-family: "icomoon";
    font-size: 90px;
   }
/*字体图标结束*/
/*核心产品开始*/
.hxcp h2 {
padding-bottom: 12px;
    border-bottom: 3px solid #d12129;
    display: inline-block;
        margin-top: 5rem;
}
.hxcp.w {
    text-align: center;
}
.sousuo.row.text-cente {
        margin-top: 15px;
}
input.form-control {
    height: 50px;
}
span.ico_seach.input-group-addon {
    width: 53px;
    padding: 0px;
    background-color: #d12129;
    border: 0;
}
span.ico_seach.input-group-addon:hover {
  background-color: #ae1b21;
}
span.ico_seach.input-group-addon a {
    color: #fff;
}
.col-xs-4.input-group.put_chanpin {
      margin-left: 8rem;
    float: left;
}
.zczl_pic {
  width: 100%;
  padding: 25px;
  margin-top: 2rem;
}
.zczl_pic img {
  width: 100%;
}
.fangj_img {
    width: 100%;
}
.fangj_img img {
  width: 84%;
  display: inline-block;
}
.cpfl_fj:hover {
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    transform: translate3d(0, -2px, 0);
}
.cpfl_fj {
      transition: all .2s;
    margin-top: 5rem;
    border: 1px solid #ccc;
    padding: 10px;
}
.cpfl_b{ 
margin: 0 auto;
text-align: center;
max-width: 737px;
}
.col-xs-12.ss_tit {
        margin: 1rem 0;
        font-size: 16px;
}
.col-xs-12.ss_tit a h3 {
    margin: 0 0.5rem;
    font-weight: bold;
    font-size: 16px;
    float: left;
}
.col-xs-6.col-md-2.fj_lei {
    width: 20%!important;
    padding: 0!important;
}
.cpfl_tit {
  text-align: center;
    padding-left: 11px;
    font-size: 14px;
    width: 100%;
    background-color: #fff;
}
.cpfl_fj:hover .pro_btn {
  color: #d12129!important;

}
@media (min-width: 992px) {
.col-xs-6.col-md-2 {
    width: 25%!important;
}  
}
.cpfl_tit h3 {
    font-weight: bold;
    margin: 15px 0;
    font-size: 16px;
}
col-xs-12 .ss_tit a {
  margin: 2rem 0;
}
/*核心产品结束*/
/*横图 红 开始*/
.red_tu {
    height: auto;
    background-color: #d12129;
    margin-top: 6rem;
    color: #fff;
}
.about_le {
/*  width: 100%;*/
    padding-bottom: 2rem;
}
.about_le h1 {
  font-size: 28px;
}
.about_le p {
    margin-top: 1rem;
    width: 100%;
    line-height: 34px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.about_le a {
      margin-top: 2rem;
    padding: 5px;
    width: 26%;
    text-align: center;
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
}
.new_tex2 {
    font-size: 14px;
    text-align: left;
     /*margin-left: 0!important; */
    color: #999;
}
.about_le a:hover {
  background-color: #fff;
  color: #d12129;
  text-decoration:none;
}
.red_ico span {
  font-size: 6rem;
  color: #fff;
}
.hyyy_tit2 {
    display: none;
}
.red_ico h1 {
color: #fff;
    font-size: 28px;
}
.red_ico p {
color: #fff;
}
.row.fj_fenlei {
    margin: 3rem 0;
}
.col-lg-4.us_rig {
    text-align: right;
    padding-right: 0;
} 
.col-md-6.ico_fuwu {
    padding-right: 0;
}
.col-lg-4.us-lef {
    text-align: right;
}  
/*横图 红 结束*/
/*解决方案 开始*/
.hover_coutent {
  position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
}
.hover_coutent h4 {
  color: #fff;
      font-size: 20px;
    font-weight: bold;
}
.hover_area_8.hover_area {
    margin-bottom: 30px;
    overflow: hidden;
}
/*动画开始*/
.hover_img_8 img{
  transform: scale(1);
  transition: all .5s;
}
.hover_area_8:hover .hover_img_8 img{
  transform: scale(1.3);
}
.hover_area_8:hover .hover_overlay_8{
  opacity: .8;
    visibility: visible;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.hover_area_8:hover .hover_content_8{
  opacity: 1;
  visibility: visible;
}
.hover_overlay_8{
    position: absolute;
      top: 0px;
    right: 14px;
    bottom: 30px;
    overflow: hidden;
    left: 15px;
    visibility: hidden;
    opacity: 0;
    background: #f20909;
    -webkit-transition: all .5s ease .1s;
    -o-transition: all .5s ease .1s;
    transition: all .5s ease .1s;
    -webkit-transform: scale3d(0, 1, 0);
    -ms-transform: scale3d(0, 1, 0);
    -o-transform: scale3d(0, 1, 0);
    transform: scale3d(0, 1, 0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}
.hover_content_8{
  position: absolute;
    width: 65%;
    top: 50%;
    left: 50%;
   color: #fff;
  transform: translate(-50%,-50%);
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: all .5s;
}
.hover_content_8 h4{
  color: #fff;
}
.hover_content_8 ul {
  margin-top: 20px;
}
.hover_content_8 ul li{
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}
.hover_content_8 ul li a{
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  color: #f20909;
  font-size: 14px;
}

/*解决方案 结束*/
/*新闻中心开始*/
.new_tit  {
    padding-bottom: 12px;
    border-bottom: 1px solid #d12129;
    margin-top: 5rem;
}
a.new_m.text-right {
    display: block;
}
.new_main.row {
    border: 1px solid #ccc;
    margin: 2rem 1rem 0 0;
} 
.tab_tit.col-lg-3.col-md-6.col-sm-12 {
    text-align: center;
    border-right: 1px solid #ccc;
}
.tab_p.col-lg-9.col-md-6.col-sm-12 h4 {
  font-weight: bold;
}

.new_main:hover{
  border-color: #d1261e;
  color: #d1261e;
}
.new_main:hover .tab_tit.col-lg-3.col-md-6.col-sm-12 {
  border-color: #d1261e;
  background-color: #d1261e;
  color: #fff; 
}
span.ico_new {
    font-size: 10px;
    margin-left: 5px;
}
.hyyy_tit {
  display: none;
}
/*新闻中心结束*/
/*首页手机端*/
@media (max-width: 980px) {
.col-xs-4.input-group.put_chanpin {
    width: 88.333333%;
    margin-left: 24px;
        margin-bottom: 2rem;
}
input.form-control {
    height: 40px;
}
.col-xs-2.ipt_seach {
    width: 18%;
    margin-left: 24px;
    padding: 0px;
}
.col-xs-2.ipt_seach.input-group {
    padding-left: 1rem;
}
button.search_ico.iconfont.icon-iconfont_fangdajing {
    font-size: 20px;
    background: #d12129;
    color: #fff;
    width: 51px;
    height: 18px;
    text-align: center;
    border-radius: 5px;
    line-height: 29px;
    border: 0;
    outline: none;
}
input.form-control {
    margin-right: 65px;
}
span.ico_seach.input-group-addon {
    width: 53px;
    background-color: #d12129;
    border: 0;
        padding: 8px;
}
.col-xs-12.ss_tit {
    margin: 2rem 0;
    font-size: 12px;
}
.cpfl_fj {
    transition: all .2s;
    margin-top: 1rem!important;
    }
    .col-xs-12.col-sm-12.col-lg-4.about_le {
    border-bottom: 1px solid rgba(255,255,255,.15);
}
.red_ico.col-md-12 {
    padding: 0;
    text-align: center;
}
.col-xs-6.col-sm-6.col-lg-4.us-lef {
    border-right: 1px solid rgba(255,255,255,.15);
}
.hover_img_8 img {
    width: 100%;
    }
 .hyyy_tit {
  display: block;
}
 .hyyy_tit img {
  display: block;
}
}