.yc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gd {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.dx {
  text-transform: uppercase;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearboth {
  clear: both;
}
.juzhong {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.textdq {
  text-align: justify;
}
.dl-container {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}
.dl-container::after {
  content: "";
  width: 0;
  height: 0;
  position: relative;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.meassgeAndProduct {
  width: 100%;
  height: 827px;
  background: url(../images/meassgeAndProduct.jpg) no-repeat center;
}
.meassgeAndProduct .meassge {
  height: 76px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.meassgeAndProduct .meassge .meassgeBox {
  height: 114px;
  width: 100%;
  border-radius: 15px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.05);
  padding: 40px 15px 40px 32px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.meassgeAndProduct .meassge .meassgeBox > i {
  width: 284px;
  float: left;
  flex-direction: column;
  flex: 0 0 284px;
  line-height: 36px;
  color: #999999;
  font-size: 16px;
  padding-left: 30px;
  background: url(../images/meassgeBoxI.png) no-repeat center left;
}
.meassgeAndProduct .meassge .meassgeBox b {
  font-weight: normal;
  width: 284px;
  float: left;
  flex-direction: column;
  flex: 0 0 284px;
  line-height: 36px;
  color: #999999;
  font-size: 16px;
  padding-left: 30px;
  background: url(../images/meassgeBox2.png) no-repeat center left;
}
.meassgeAndProduct .meassge .meassgeBox i {
  font-weight: normal;
  font-style: normal;
}
.meassgeAndProduct .meassge .meassgeBox .topxunpan {
  height: 40px;
  background: none;
}
.meassgeAndProduct .meassge .meassgeBox .topxunpan > p {
  float: right;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
}
.meassgeAndProduct .meassge .meassgeBox .topxunpan > .center > span {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #aaaaaa;
}
.meassgeAndProduct .meassge .meassgeBox .topxunpan > .center > span i {
  font-weight: bold;
}
.meassgeAndProduct .meassge .meassgeBox .xp {
  position: relative;
  float: right;
  line-height: 40px;
  color: #aaaaaa;
  font-size: 14px;
  cursor: pointer;
  box-sizing: content-box;
  padding-left: 20px;
  margin-left: 15px;
  background: url('../images/h.png') no-repeat center;
  background-position-x: 0px;
}
.meassgeAndProduct .meassge .meassgeBox .xp > img {
  margin-right: 2px;
  margin-right: 5px;
  vertical-align: baseline;
}
.meassgeAndProduct .meassge .meassgeBox .topxunpan > .center > a {
  line-height: 40px;
  color: #aaaaaa;
  float: right;
  font-size: 14px;
  display: inline-block;
  transition: 0.7s;
}
.meassgeAndProduct .meassge .meassgeBox .topxunpan > .center > a:hover {
  color: #0032b5;
}
.meassgeAndProduct .meassge .meassgeBox .topxunpan > .center > a::after {
  content: '|';
  margin-left: 5px;
  margin-right: 5px;
  color: #aaaaaa;
  display: none;
}
.meassgeAndProduct .meassge .meassgeBox .xp i {
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0px;
  display: inline-block;
  color: #aaaaaa;
  border-radius: 100%;
}
.meassgeAndProduct .meassge .meassgeBox .xp #xunpantip {
  z-index: 999999999999999999999;
  position: absolute;
  top: 40px !important;
  left: 50%;
  width: 180px;
  height: 30px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  -webkit-transform: translateX(-50%) scale(0);
  -moz-transform: translateX(-50%) scale(0);
  -o-transform: translateX(-50%) scale(0);
  -ms-transform: translateX(-50%) scale(0);
  transform: translateX(-50%) scale(0);
  -webkit-transition: transform 0.4s, opacity 0.4s;
  -moz-transition: transform 0.4s, opacity 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s;
  -ms-transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  background-color: #0032b5;
  border-radius: 4px;
  opacity: 0;
  font-weight: bold;
}
.meassgeAndProduct .meassge .meassgeBox .xp #xunpantip::after {
  content: '';
  position: absolute;
  top: -16px;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 8px solid transparent;
  border-bottom-color: #0032b5;
}
.meassgeAndProduct .meassge .meassgeBox .xp #xunpantip.xunpantextactive {
  -webkit-transform: translateX(-50%) scale(1);
  -moz-transform: translateX(-50%) scale(1);
  -o-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
  opacity: 1;
  z-index: 999999999999999999999;
}
.meassgeAndProduct .meassge .meassgeBox .xp {
  float: initial;
  color: #999999;
  padding-left: 30px;
  background: url(../images/meassgeBox2.png) no-repeat center left;
}
.meassgeAndProduct .meassge .meassgeBox .xp i {
  color: #999999;
}
.meassgeAndProduct .meassge .meassgeBox .meassgeText {
  margin-left: 180px;
  width: 320px;
  float: left;
  flex-direction: column;
  flex: 0 0 320px;
  height: 34px;
  border: 1px solid #e5e5e5;
  border-radius: 17px;
}
.meassgeAndProduct .meassge .meassgeBox .meassgeText .meassgeTextBox {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}
.meassgeAndProduct .meassge .meassgeBox .meassgeText .meassgeTextBox input {
  width: 250px;
  float: left;
  flex-direction: column;
  flex: 0 0 250px;
  line-height: 34px;
  height: 34px;
  background: transparent;
  box-sizing: border-box;
  padding-left: 25px;
}
.meassgeAndProduct .meassge .meassgeBox .meassgeText .meassgeTextBox button {
  width: 70px;
  float: left;
  flex-direction: column;
  flex: 0 0 70px;
  height: 36px;
  background: #343739 url(../images/sosuo.png) no-repeat center;
  border: 0;
  position: absolute;
  top: -1px;
  right: -1px;
  border-radius: 0 34px 34px 0;
  cursor: pointer;
}
.meassgeAndProduct .product {
  margin-top: 58px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.meassgeAndProduct .product .productL {
  width: 272px;
  float: left;
  flex-direction: column;
  flex: 0 0 272px;
}
.meassgeAndProduct .product .productL .productLTitle {
  position: relative;
  display: block;
}
.meassgeAndProduct .product .productL .productLTitle .proline {
  width: 26px;
  height: 12px;
  background: url(../images/proline.png) no-repeat center;
  position: absolute;
  left: -50px;
  top: 35px;
}
.meassgeAndProduct .product .productL .productLTitle h3 b {
  font-size: 48px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  display: block;
  color: #b6b6b6;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.meassgeAndProduct .product .productL .productLTitle h3 b i {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  color: #0032b5;
}
.meassgeAndProduct .product .productL .productLTitle h3 a {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  padding-top: 2px;
  display: block;
}
.meassgeAndProduct .product .productL ul {
  margin-top: 57px;
}
.meassgeAndProduct .product .productL ul li {
  width: 214px;
  height: 50px;
  line-height: 50px;
  background: url(../images/productLLine.png) no-repeat center bottom;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.meassgeAndProduct .product .productL ul li a {
  display: block;
  line-height: 50px;
  width: 214px;
  padding: 0 30px;
  box-sizing: border-box;
  font-size: 16px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.meassgeAndProduct .product .productL ul li:hover {
  background: url(../images/productLLine2.png) no-repeat center bottom;
}
.meassgeAndProduct .product .productL ul li:hover a {
  color: #0032b5;
  transform: translate(5px);
}
.meassgeAndProduct .product .productR {
  width: 960px;
  float: left;
  flex-direction: column;
  flex: 0 0 960px;
}
.meassgeAndProduct .product .productR ul {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 636px;
}
.meassgeAndProduct .product .productR ul li {
  width: 300px;
  float: left;
  flex-direction: column;
  flex: 0 0 300px;
  height: 282px;
  background: #f4f4f4;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.meassgeAndProduct .product .productR ul li .productRImg {
  display: block;
  height: 213px;
  width: 100%;
  overflow: hidden;
}
.meassgeAndProduct .product .productR ul li .productRImg img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.meassgeAndProduct .product .productR ul li .productRText {
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-right: 50px;
  box-sizing: border-box;
  background: url(../images/productRText.png) no-repeat 94% center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.meassgeAndProduct .product .productR ul li:hover {
  background: #5287ff;
  transform: translateY(-5px);
}
.meassgeAndProduct .product .productR ul li:hover .productRImg img {
  transform: scale(1.1);
}
.meassgeAndProduct .product .productR ul li:hover .productRText {
  color: #fff;
  background: url(../images/productRText2.png) no-repeat 94% center;
}
.reason {
  width: 100%;
  height: 1041px;
  background: url(../images/reason.jpg) no-repeat center;
  box-sizing: border-box;
  padding-top: 102px;
}
.reason .reasonTitle {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.reason .reasonTitle .productLTitle {
  position: relative;
  display: block;
  width: 50%;
  float: left;
  flex-direction: column;
  flex: 0 0 50%;
}
.reason .reasonTitle .productLTitle .proline {
  width: 26px;
  height: 12px;
  background: url(../images/proline.png) no-repeat center;
  position: absolute;
  left: -50px;
  top: 35px;
}
.reason .reasonTitle .productLTitle h3 b {
  font-size: 48px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  display: block;
  color: #b6b6b6;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.reason .reasonTitle .productLTitle h3 b i {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  color: #0032b5;
}
.reason .reasonTitle .productLTitle h3 span {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  padding-top: 2px;
  display: block;
}
.reason .reasonTitle .reasonTitleR {
  width: 216px;
  float: left;
  flex-direction: column;
  flex: 0 0 216px;
  padding-left: 60px;
  box-sizing: border-box;
  background: url(../images/reasonTitleR.png) no-repeat center left;
}
.reason .reasonTitle .reasonTitleR h4 {
  font-weight: normal;
  font-size: 14px;
  color: #333;
  line-height: 1;
}
.reason .reasonTitle .reasonTitleR p {
  font-size: 24px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
}
.reason .reasonBox .hd ul {
  position: relative;
  width: 100%;
  z-index: 9999999;
}
.reason .reasonBox .hd ul li {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 282px;
  height: 82px;
  position: absolute;
  top: 248px;
  left: 0;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.reason .reasonBox .hd ul li b {
  height: 72px;
  width: 72px;
  float: left;
  flex-direction: column;
  flex: 0 0 72px;
  border-radius: 50%;
  background: #fff;
  border: 5px solid #000;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 2;
}
.reason .reasonBox .hd ul li b i {
  width: 40px;
  height: 40px;
  display: block;
  background-image: url(../images/reasonHd1.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  margin: 14px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.reason .reasonBox .hd ul li span {
  width: 252px;
  height: 68px;
  position: absolute;
  top: 6px;
  border-radius: 34px;
  left: 30px;
  border: 1px solid #333;
  padding-left: 70px;
  box-sizing: border-box;
  line-height: 64px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.reason .reasonBox .hd ul li span em {
  font-size: 14px;
  text-transform: uppercase;
  color: #999999;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.reason .reasonBox .hd ul li:nth-child(2) {
  top: 20px;
  left: 230px;
}
.reason .reasonBox .hd ul li:nth-child(2) b i {
  background-image: url(../images/reasonHd2.png);
}
.reason .reasonBox .hd ul li:nth-child(3) {
  top: 20px;
  left: 760px;
}
.reason .reasonBox .hd ul li:nth-child(3) b i {
  background-image: url(../images/reasonHd3.png);
}
.reason .reasonBox .hd ul li:nth-child(4) {
  top: 248px;
  left: 1000px;
}
.reason .reasonBox .hd ul li:nth-child(4) b i {
  background-image: url(../images/reasonHd4.png);
}
.reason .reasonBox .hd ul li.on b {
  border-color: #5287ff;
}
.reason .reasonBox .hd ul li.on b i {
  background-position: center -40px;
}
.reason .reasonBox .hd ul li.on span {
  color: #5287ff;
  border: 1px solid #0032b5;
}
.reason .reasonBox .hd ul li.on span em {
  color: #5287ff;
}
.reason .reasonBox .bd {
  width: 100%;
  height: 900px;
}
.reason .reasonBox .bd .reasonBoxText {
  position: relative;
  height: 860px;
}
.reason .reasonBox .bd .reasonBoxText img {
  width: 715px;
  height: 715px;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 128px;
  left: 279px;
}
.reason .reasonBox .bd .reasonBoxText .reasonText {
  position: absolute;
  left: 0;
  top: 650px;
}
.reason .reasonBox .bd .reasonBoxText .reasonText .reasonTextNum {
  display: block;
  height: 46px;
}
.reason .reasonBox .bd .reasonBoxText .reasonText .reasonTextNum b {
  float: left;
  font-size: 46px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #0032b5;
  line-height: 1;
  padding-right: 50px;
  background: url(../images/reasonTextNum.png) no-repeat right 10px;
}
.reason .reasonBox .bd .reasonBoxText .reasonText .reasonTextNum span {
  float: left;
  margin-left: 20px;
}
.reason .reasonBox .bd .reasonBoxText .reasonText .reasonTextNum span i {
  font-size: 24px;
  font-weight: bold;
  display: block;
  line-height: 1.2;
}
.reason .reasonBox .bd .reasonBoxText .reasonText .reasonTextNum span em {
  font-size: 14px;
  color: #999;
  text-transform: uppercase;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.reason .reasonBox .bd .reasonBoxText .reasonText p {
  clear: both;
  width: 640px;
  margin-top: 30px;
  color: #666666;
  line-height: 30px;
}
.case {
  width: 100%;
  height: 1002px;
  background: url(../images/case.jpg) no-repeat center;
  padding-top: 60px;
}
.case .productLTitle {
  position: relative;
  display: block;
  width: 166px;
  margin: 0 auto;
}
.case .productLTitle .proline {
  width: 26px;
  height: 12px;
  background: url(../images/proline.png) no-repeat center;
  position: absolute;
  left: -50px;
  top: 35px;
}
.case .productLTitle h3 b {
  font-size: 48px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  display: block;
  color: #b6b6b6;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.case .productLTitle h3 b i {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  color: #0032b5;
}
.case .productLTitle h3 span {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  padding-top: 2px;
  display: block;
}
.case .caseTop {
  padding-top: 60px;
  height: 458px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.case .caseTop .caseTopL {
  width: 546px;
  float: left;
  flex-direction: column;
  flex: 0 0 546px;
  padding-top: 38px;
}
.case .caseTop .caseTopL .caseTopLTitle a {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin-right: 72px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
}
.case .caseTop .caseTopL .caseTopLTitle i {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #999999;
}
.case .caseTop .caseTopL p {
  font-size: 16px;
  line-height: 30px;
  color: #999999;
  margin-top: 40px;
}
.case .caseTop .caseTopL .caseTopLMore {
  margin-top: 30px;
  display: block;
  width: 124px;
  height: 40px;
  background: #5287ff;
  text-align: center;
  line-height: 40px;
  color: #fff;
  border-radius: 5px;
  text-transform: uppercase;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.case .caseTop .caseTopL .caseTopLMore:hover {
  transform: translateY(-5px);
}
.case .caseTop .caseTopL .caseTopLTel {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 360px;
  margin-top: 120px;
  align-items: center;
}
.case .caseTop .caseTopL .caseTopLTel .caseTopLTelL {
  width: 222px;
  float: left;
  flex-direction: column;
  flex: 0 0 222px;
  box-sizing: border-box;
  padding-left: 66px;
  background: url(../images/caseTel.png) no-repeat 10px center;
}
.case .caseTop .caseTopL .caseTopLTel .caseTopLTelL h4 {
  font-size: 16px;
}
.case .caseTop .caseTopL .caseTopLTel .caseTopLTelL span {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.case .caseTop .caseTopL .caseTopLTel .caseTopLTelR {
  width: 120px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  background: #dcdcdc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.case .caseTop .caseTopL .caseTopLTel .caseTopLTelR:hover {
  background: #5287ff;
  color: #fff;
  transform: translate(5px);
}
.case .caseTop .caseTopR {
  width: 640px;
  float: left;
  flex-direction: column;
  flex: 0 0 640px;
  height: 396px;
}
.case .caseTop .caseTopR a {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 0 0 0 50px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.case .caseTop .caseTopR a img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.case .caseTop .caseTopR a:hover img {
  transform: scale(1.1);
}
.case .caseBottom {
  margin-top: 70px;
  position: relative;
  height: 340px;
}
.case .caseBottom .bd {
  width: 1280px;
  overflow: hidden;
}
.case .caseBottom .bd ul {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.case .caseBottom .bd ul li {
  width: 386px;
  float: left;
  flex-direction: column;
  flex: 0 0 386px;
  height: 340px;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
  padding: 20px 25px 0;
  border: 1px solid #eeeeee;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-right: 60px;
}
.case .caseBottom .bd ul li a.caseBottomImg {
  width: 100%;
  height: 258px;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.case .caseBottom .bd ul li a.caseBottomImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.case .caseBottom .bd ul li .caseBottomText {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  height: 62px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.case .caseBottom .bd ul li .caseBottomText i {
  width: 248px;
  float: left;
  flex-direction: column;
  flex: 0 0 248px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
}
.case .caseBottom .bd ul li .caseBottomText span {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-transform: uppercase;
  font-size: 14px;
}
.case .caseBottom .bd ul li:hover {
  background: #5287ff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.case .caseBottom .bd ul li:hover a.caseBottomImg img {
  transform: scale(1.1);
}
.case .caseBottom .bd ul li:hover .caseBottomText {
  color: #fff;
}
.case .caseBottom .caseBottomL {
  width: 30px;
  height: 30px;
  background: url(../images/caseBottomL.png) no-repeat center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -50px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.case .caseBottom .caseBottomL:active {
  transform: translateY(-20%);
}
.case .caseBottom .caseBottomR {
  width: 30px;
  height: 30px;
  background: url(../images/caseBottomR.png) no-repeat center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.case .caseBottom .caseBottomR:active {
  transform: translateY(-20%);
}
.about {
  padding-top: 90px;
  width: 100%;
  height: 850px;
  background: url(../images/about.jpg) no-repeat center;
}
.about .aboutTop {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.about .aboutTop .aboutTopL {
  width: 875px;
  float: left;
  flex-direction: column;
  flex: 0 0 875px;
}
.about .aboutTop .aboutTopL a.aboutTopLImg {
  width: 100%;
  height: 490px;
  display: block;
  border: 5px solid #dddddd;
  overflow: hidden;
  border-radius: 100px 0 0 0;
}
.about .aboutTop .aboutTopL a.aboutTopLImg img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.about .aboutTop .aboutTopL a.aboutTopLImg:hover img {
  transform: scale(1.1);
}
.about .aboutTop .aboutTopL .aboutTopLTitle {
  display: block;
  margin-top: 66px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
}
.about .aboutTop .aboutTopL i {
  line-height: 1;
  color: #333;
  text-transform: uppercase;
  margin-top: 10px;
  display: block;
}
.about .aboutTop .aboutTopL p {
  width: 838px;
  padding-top: 30px;
  line-height: 30px;
  color: #999999;
  text-indent: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.about .aboutTop .aboutTopL .aboutTopLMore {
  display: block;
  width: 146px;
  height: 30px;
  background: url(../images/aboutTopLMore.png) no-repeat center bottom;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 30px;
  color: #0032b5;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.about .aboutTop .aboutTopL .aboutTopLMore:hover {
  transform: translate(5px);
}
.about .aboutTop .aboutTopR {
  width: 395px;
  float: left;
  flex-direction: column;
  flex: 0 0 395px;
}
.about .aboutTop .aboutTopR .productLTitle {
  position: relative;
  display: block;
  width: 252px;
  margin-top: 90px;
  margin-left: 146px;
}
.about .aboutTop .aboutTopR .productLTitle .proline {
  width: 26px;
  height: 12px;
  background: url(../images/proline.png) no-repeat center;
  position: absolute;
  left: -50px;
  top: 35px;
}
.about .aboutTop .aboutTopR .productLTitle h3 b {
  font-size: 48px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  display: block;
  color: #b6b6b6;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.about .aboutTop .aboutTopR .productLTitle h3 b i {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  color: #0032b5;
}
.about .aboutTop .aboutTopR .productLTitle h3 span {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  padding-top: 2px;
  display: block;
}
.about .aboutTop .aboutTopR .aboutTopRList {
  width: 278px;
  margin-top: 270px;
}
.about .aboutTop .aboutTopR .aboutTopRList ul li {
  width: 100%;
  height: 118px;
  background: #0032b5;
  border-radius: 0 10px 10px 0;
  margin-bottom: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  box-sizing: border-box;
  padding: 0 58px;
}
.about .aboutTop .aboutTopR .aboutTopRList ul li a {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 118px;
  align-items: center;
}
.about .aboutTop .aboutTopR .aboutTopRList ul li a span {
  width: 50px;
  float: left;
  flex-direction: column;
  flex: 0 0 50px;
  height: 50px;
  border-radius: 50%;
  background: #e5e5e5;
}
.about .aboutTop .aboutTopR .aboutTopRList ul li a span img {
  width: 30px;
  height: 30px;
  margin: 10px;
  display: block;
}
.about .aboutTop .aboutTopR .aboutTopRList ul li a b {
  width: 78px;
  float: left;
  flex-direction: column;
  flex: 0 0 78px;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
}
.about .aboutTop .aboutTopR .aboutTopRList ul li a b i {
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-transform: uppercase;
  display: block;
  padding-top: 6px;
}
.about .aboutTop .aboutTopR .aboutTopRList ul li.on {
  background: #5287ff;
  border-radius: 0 80px 80px 0;
}
.about .aboutTop .aboutTopR .aboutTopRList ul li.on a span {
  background: #fff;
}
.news {
  width: 100%;
  padding-top: 70px;
  background: #f9f9f9 url(../images/news.png) no-repeat center 70px;
  overflow: hidden;
}
.news .newsBox {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news .newsBox .newsL {
  width: 330px;
  float: left;
  flex-direction: column;
  flex: 0 0 330px;
  height: 562px;
  background: url(../images/newsL.png) no-repeat center;
  box-sizing: border-box;
  padding: 0 50px;
}
.news .newsBox .newsL .newsTitle h3 {
  font-size: 48px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  padding-top: 70px;
}
.news .newsBox .newsL .newsTitle a {
  display: block;
  line-height: 1;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
.news .newsBox .newsL ul {
  margin-top: 90px;
}
.news .newsBox .newsL ul li {
  height: 56px;
  width: 140px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.news .newsBox .newsL ul li a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: block;
  line-height: 56px;
  background: url(../images/newsHd.png) no-repeat 140px bottom;
  color: #fff;
  font-size: 16px;
}
.news .newsBox .newsL ul li.on a {
  font-weight: bold;
  background: url(../images/newsHd.png) no-repeat 0 bottom;
}
.news .newsBox .newsL p {
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  margin-top: 40px;
}
.news .newsBox .newsR {
  width: 910px;
  float: left;
  flex-direction: column;
  flex: 0 0 910px;
}
.news .newsBox .newsR .newsRTop {
  margin-top: 18px;
}
.news .newsBox .newsR .newsRTop ul {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news .newsBox .newsR .newsRTop ul li {
  width: 286px;
  float: left;
  flex-direction: column;
  flex: 0 0 286px;
  margin-right: 40px;
}
.news .newsBox .newsR .newsRTop ul li .newsRTopText {
  width: 100%;
  display: block;
  padding: 0 50px 0 12px;
  box-sizing: border-box;
  background: url(../images/newsRTopText.png) no-repeat 260px center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.news .newsBox .newsR .newsRTop ul li .newsRTopText span {
  display: block;
  margin-top: 24px;
  line-height: 1;
  font-size: 16px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news .newsBox .newsR .newsRTop ul li .newsRTopText em {
  display: block;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #999;
  margin-top: 10px;
  line-height: 1;
}
.news .newsBox .newsR .newsRTop ul li .newsRTopImg {
  display: block;
  width: 286px;
  height: 240px;
  overflow: hidden;
}
.news .newsBox .newsR .newsRTop ul li .newsRTopImg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.news .newsBox .newsR .newsRTop ul li:hover .newsRTopText {
  background: url(../images/newsRTopText.png) no-repeat 250px center;
}
.news .newsBox .newsR .newsRTop ul li:hover .newsRTopText span {
  color: #5287ff;
  transform: translate(5px);
}
.news .newsBox .newsR .newsRTop ul li:hover .newsRTopImg img {
  transform: scale(1.1);
}
.news .newsBox .newsR .newsRList {
  margin-top: 48px !important;
}
.news .newsBox .newsR .newsRList .newsRListText ul {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news .newsBox .newsR .newsRList .newsRListText ul li {
  width: 422px;
  float: left;
  flex-direction: column;
  flex: 0 0 422px;
  border-bottom: 1px solid #ddd;
  margin-top: 21px;
}
.news .newsBox .newsR .newsRList .newsRListText ul li span {
  display: block;
  font-size: 14px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #999;
  line-height: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.news .newsBox .newsR .newsRList .newsRListText ul li a {
  width: 100%;
  box-sizing: border-box;
  padding-right: 50px;
  display: block;
  line-height: 1;
  padding: 22px 50px 22px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 16px;
  color: #666;
  background: url(../images/newsRListText.png) no-repeat center right;
}
.news .newsBox .newsR .newsRList .newsRListText ul li a::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #e5e5e5;
  display: inline-block;
  border-radius: 3px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-right: 18px;
}
.news .newsBox .newsR .newsRList .newsRListText ul li:hover span {
  transform: translate(5px);
  color: #5287ff;
}
.news .newsBox .newsR .newsRList .newsRListText ul li:hover a {
  color: #0032b5;
  transform: translate(5px);
}
.news .newsBox .newsR .newsRList .newsRListText ul li:hover a::before {
  background: #0032b5;
}
.links {
  margin: 60px 0;
}
.links .linksCenter {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.links .linksCenter .linksL {
  width: 160px;
  float: left;
  flex-direction: column;
  flex: 0 0 160px;
  height: 60px;
  line-height: 60px;
  background: url(../images/linksL.png) no-repeat center left;
  font-size: 30px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #333;
  font-weight: bold;
  padding-left: 70px;
  box-sizing: border-box;
}
.links .linksCenter .linksR {
  width: 1100px;
  float: left;
  flex-direction: column;
  flex: 0 0 1100px;
  height: 60px;
  overflow: hidden;
}
.links .linksCenter .linksR a {
  display: inline-block;
  padding-left: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  line-height: 60px;
}
.links .linksCenter .linksR a:hover {
  transform: translate(5px);
  color: #0032b5;
}
/*首页banner*/
.banner {
  max-height: 712px;
  overflow: hidden;
  transition: 0.7s;
}
.scrollfixed {
  z-index: -1 !important;
}
.pics_wrap {
  width: 100%;
  max-height: 712px;
  overflow: hidden;
}
.html5zoo-img-0 img {
  width: 100%;
}
.html5zoo-arrow-left-0 {
  left: 10% !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 100%;
}
.html5zoo-arrow-right-0 {
  right: 10% !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 100%;
}
.html5zoo-bullet-wrapper-0 div {
  margin: 0 4px !important;
}
.html5zoo-nav-0 {
  margin-top: -35px !important;
  left: 48% !important;
}
.html5zoo-bullet-wrapper-0 {
  width: 100% !important;
}
.banner {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.banner ul.bb {
  position: relative;
  padding: 0px;
  margin: 0px;
  z-index: 5;
}
.banner ul.bb li {
  position: absolute;
  display: none;
}
.banner .num {
  position: absolute;
  right: 2px;
  bottom: 10px;
  z-index: 100;
}
.banner .num li {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 4px;
  background: #fff;
  line-height: 18px;
  text-indent: -100px;
  overflow: hidden;
  border-radius: 10px;
}
.banner .num li.num_hover {
  background-color: #f7de07;
}
.banner .num li.num_hover a {
  color: #fff;
}
.banner .num li a {
  float: left;
  display: block;
  text-align: center;
  color: #666;
  text-decoration: none;
  cursor: pointer;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
#bannerArrow,
#bannerCircle {
  display: none;
}
/*幻灯片样式2*/
#focus {
  width: 255px;
  height: 188px;
  overflow: hidden;
  position: relative;
}
#focus ul {
  height: 188px;
  position: absolute;
}
#focus ul li {
  float: left;
  width: 255px;
  height: 188px;
  overflow: hidden;
  position: relative;
  background: #000;
}
#focus ul li a img {
  height: 188px;
  width: 255px;
}
#focus ul li div {
  position: absolute;
  overflow: hidden;
}
#focus .btnBg {
  position: absolute;
  width: 255px;
  height: 20px;
  left: 0;
  bottom: 0;
  background: #000;
}
#focus .btn {
  position: absolute;
  width: 255px;
  height: 10px;
  padding: 5px 10px;
  right: 0;
  bottom: 0;
  text-align: right;
}
#focus .btn span {
  display: inline-block;
  _display: inline;
  _zoom: 1;
  width: 25px;
  height: 10px;
  _font-size: 0;
  margin-left: 5px;
  cursor: pointer;
  background: #fff;
}
#focus .btn span.on {
  background: #fff;
}