.w {
  width: 1200px;
  margin: 0 auto;
}
.allicon {
  display: inline-block;
  background: url("../../images/product/client/allicon.png") no-repeat;
}
.indexcont {
  background-color: #f7f6f6;
}
/* baner */
.swipecot {
  width: 100%;
  height: 570px;
  position: relative;
  margin-bottom: 150px;
}
.swpimg1 {
  width: 100%;
  height: 570px;
  background: url("../../images/product/client/banner.png") no-repeat center top;
}
.w {
  position: relative;
}
.w .ltbrbox {
  position: absolute;
  top: 225px;
  left: 20px;
}
.w .ltbrbox h4 {
  font-size: 54px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #fefeff;
  margin-bottom: 46px;
}
.w .ltbrbox p {
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #fefeff;
}
.swiper-pagination-bullet {
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  background: transparent;
  height: 12px;
  width: 12px;
  cursor: pointer;
  border-radius: 50px;
  border: solid 2px #ffffff;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  border-color: #ff8737;
  background: transparent;
  opacity: 1;
}
.type-box {
  width: 1200px;
  height: 146px;
  box-sizing: border-box;
  position: absolute;
  bottom: -32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-top: 30px;
  padding-left: 28px;
  background: #ffffff;
  border: solid 1px rgba(204, 204, 204, 0.38);
}
.type-box h4 {
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #333333;
}
.type-box ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: 100px;
  margin-top: -30px;
}
.type-box ul li {
  margin-right: 20px;
  margin-bottom: 20px;
  width: 127px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 2px;
  border: solid 1px #ededed;
}
.type-box ul li a {
  text-decoration: none;
  color: #07192f;
}
.type-box ul li:hover {
  border: solid 1px #22909c;
}
.type-box ul li:hover a {
  cursor: pointer;
  color: #22909c;
}
.type-box ul .active {
  border: solid 1px #22909c;
}
.type-box ul .active a {
  color: #22909c;
}
.type-box.fixed {
  width: 100%;
  position: fixed;
  top: 52px;
  z-index: 999;
  margin-top: -52px;
}
.whcq,
.cpjy,
.thzc,
.ymjy,
.zscq,
.dzsp,
.gjs,
.ybk,
.zbys,
.ysp {
  width: 100%;
  padding-top: 80px;
}
.whcq img,
.cpjy img,
.thzc img,
.ymjy img,
.zscq img,
.dzsp img,
.gjs img,
.ybk img,
.zbys img,
.ysp img {
  display: inline-block;
  margin-top: -9px;
  margin-right: 10px;
  vertical-align: middle;
}
.whcq h1,
.cpjy h1,
.thzc h1,
.ymjy h1,
.zscq h1,
.dzsp h1,
.gjs h1,
.ybk h1,
.zbys h1,
.ysp h1 {
  display: inline-block;
  width: 192px;
  height: 24px;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #07192f;
  margin-bottom: 32px;
}
.whcq ul,
.cpjy ul,
.thzc ul,
.ymjy ul,
.zscq ul,
.dzsp ul,
.gjs ul,
.ybk ul,
.zbys ul,
.ysp ul {
  display: flex;
}
.whcq ul li,
.cpjy ul li,
.thzc ul li,
.ymjy ul li,
.zscq ul li,
.dzsp ul li,
.gjs ul li,
.ybk ul li,
.zbys ul li,
.ysp ul li {
  width: 222px;
  height: 86px;
  margin-right: 22px;
}
.whcq ul li:hover,
.cpjy ul li:hover,
.thzc ul li:hover,
.ymjy ul li:hover,
.zscq ul li:hover,
.dzsp ul li:hover,
.gjs ul li:hover,
.ybk ul li:hover,
.zbys ul li:hover,
.ysp ul li:hover {
  transition: all 0.3s ease-out;
  box-shadow: 0px 5px 10px 0px rgba(204, 204, 204, 0.6);
}
.whcq {
  padding-top: 0px;
}
.ysp{
  padding-bottom: 80px;
}
.whcq .icon1 {
  background-position: -3px -3px;
}.whcq .icon2 {
  background-position: -228px -3px;
}
.whcq .icon3 {
  background-position: -452px -3px;
}
.whcq .icon4 {
  background-position: -680px -3px;
}
.whcq .icon5 {
  background-position: -904px -3px;
}
.cpjy .icon1 {
  background-position: -1129px -3px;
}
.cpjy .icon2 {
  background-position: -1352px -3px;
}
.cpjy .icon3 {
  background-position: -3px -91px;
}
.cpjy .icon4 {
  width: 208px;
  background-position: -235px -91px;
}
.cpjy .icon5 {
  background-position: -450px -91px;
}
.thzc .icon1 {
  background-position: -675px -91px;
}
.thzc .icon2 {
  background-position: -902px -91px;
}
.thzc .icon3 {
  background-position: -1126px -91px;
}
.thzc .icon4 {
  background-position: -1351px -91px;
}
.thzc .icon5 {
  background-position: -3px -180px;
}
.ymjy .icon1 {
  background-position: -228px -180px;
}
.ymjy .icon2 {
  background-position: -453px -180px;
}
.ymjy .icon3 {
  background-position: -680px -180px;
}
.ymjy .icon4 {
  background-position: -903px -180px;
}
.ymjy .icon5 {
  background-position: -1128px -180px;
}
.zscq .icon1 {
  background-position: -1353px -180px;
}
.zscq .icon2 {
  background-position: -3px -270px;
}
.zscq .icon3 {
  background-position: -228px -270px;
}
.zscq .icon4 {
  background-position: -454px -270px;
}
.zscq .icon5 {
  background-position: -679px -270px;
}
.dzsp .icon1 {
  background-position: -904px -270px;
}
.dzsp .icon2 {
  background-position: -1128px -270px;
}
.dzsp .icon3 {
  background-position: -1353px -270px;
}
.dzsp .icon4 {
  background-position: -3px -359px;
}
.dzsp .icon5 {
  background-position: -228px -359px;
}
.gjs .icon1 {
  background-position: -453px -359px;
}
.gjs .icon2 {
  background-position: -678px -359px;
}
.gjs .icon3 {
  background-position: -904px -359px;
}
.gjs .icon4 {
  background-position: -1128px -359px;
}
.gjs .icon5 {
  background-position: -1354px -359px;
}
.ybk .icon1 {
  background-position: -4px -448px;
}
.ybk .icon2 {
  background-position: -228px -448px;
}
.ybk .icon3 {
  background-position: -453px -448px;
}
.ybk .icon4 {
  background-position: -678px -448px;
}
.ybk .icon5 {
  background-position: -903px -448px;
}
.zbys .icon1 {
  background-position: -1129px -448px;
}
.zbys .icon2 {
  background-position: -1354px -448px;
}
.zbys .icon3 {
  background-position: -4px -536px;
}
.zbys .icon4 {
  background-position: -229px -536px;
}
.zbys .icon5 {
  background-position: -454px -536px;
}
.ysp .icon1 {
  background-position: -678px -536px;
}
.ysp .icon2 {
  background-position: -903px -536px;
}
.ysp .icon3 {
  background-position: -1129px -536px;
}
.ysp .icon4 {
  background-position: -1353px -536px;
}
.ysp .icon5 {
  background-position: -3px -626px;
}