body {
  font-size: 1rem;
  color: #000;
}
.c_fff {
  color: #fff;
}
.index {
  width: 100%;
  height: 100%;
  background: #fff;
}
.pointer {
  cursor: pointer;
}
.flex {
  display: flex;
}
/* 纵向排列 */
.flex2 {
  display: flex;
  flex-direction: column;
}
/* 水平居中,垂直居中 */
.fcc {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 两端对齐 */
.jc-sb {
  justify-content: space-between;
}
/* 分散对齐 */
.jc-sa {
  justify-content: space-around;
}
.jc-fs {
  justify-content: flex-start;
}
/* 垂直居中 */
.aic {
  align-items: center;
}
.ai-fe {
  align-items: flex-end;
}
.ai-fs {
  align-items: flex-start;
}
/* 分配剩余空间 */
.fg1 {
  flex-grow: 1;
}
.w100pc {
  width: 100%;
}
.products {
  width: 100%;
  padding-bottom: 5.08vw;
}
.products .title {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 10.21vw;
}
.products .title .p1 {
  font-size: 32px;
  color: #222432;
  padding-top: 3.07vw;
}
.products .title .p2 {
  font-size: 18px;
  color: #8d91a8;
  padding-top: 0.94vw;
}
.products .content {
  margin: 0 11.98vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.products .content .item {
  border-radius: 2px;
  width: 17.92vw;
  transition: 0.2s;
}
.products .content .item .top {
  height: 4.58vw;
  width: 100%;
  background: #f5f6fa;
}
.products .content .item .top .top_box {
  padding: 0 0.99vw 0 1.72vw;
  height: 100%;
  display: flex;
  align-items: center;
}
.products .content .item .top .top_box .left {
  flex: 1;
}
.products .content .item .top .top_box .left .p1 img {
  width: 1.98vw;
}
.products .content .item .top .top_box .left .p1 span {
  color: #222432;
  font-size: 1.15vw;
}
.products .content .item .top .top_box .left .p2 {
  color: #8d91a8;
  font-size: 0.73vw;
}
.products .content .item .top .top_box .right img {
  width: 1.98vw;
}
.products .content .item .top .top_box .right .img1 {
  display: block;
}
.products .content .item .top .top_box .right .img2 {
  display: none;
}
.products .content .item .center {
  width: 100%;
  height: 22.4vw;
}
.products .content .item .center .center_box {
  padding: 0 1.72vw;
}
.products .content .item .center .center_box .main {
  padding-top: 1.51vw;
}
.products .content .item .center .center_box .main .main_ul {
  color: #8d91a8;
  font-size: 0.68vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.4vw 0 1.04vw;
}
.products .content .item .center .center_box .main .main_ul li {
  width: 50%;
  padding-top: 0.42vw;
}
.products .content .item .center .center_box .main .main_ul li:hover {
  color: #0c66c1;
}
.products .content .item .center .center_box .main .d1 {
  color: #222432;
  font-size: 0.94vw;
}
.products .content .item .center .center_box .main .d2 {
  color: #8d91a8;
  font-size: 0.73vw;
  padding: 0.42vw 0 0.78vw;
}
.products .content .item .center .center_box .main .d3 {
  color: #8d91a8;
  font-size: 12px;
  width: 82px;
  height: 26px;
  border: 1px solid #8d91a8;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.products .content .item .center .center_box .main:hover .d1 {
  color: #0c66c1;
}
.products .content .item .center .center_box .main:hover .d3 {
  border: 1px solid #0c66c1;
  color: #0c66c1;
}
.products .content .item .center .center_box .main_Tow {
  padding-top: 1vw;
  padding-bottom: 0.8vw;
}
.products .content .item .center .center_box .main_Tow ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.products .content .item .center .center_box .main_Tow ul li {
  margin-top: 0.6vw;
  width: 6.5vw;
  height: 1.35vw;
  border: 1px solid #8d91a8;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.products .content .item .center .center_box .main_Tow ul li img {
  width: 0.57vw;
  margin-right: 0.21vw;
}
.products .content .item .center .center_box .main_Tow ul li span {
  color: #222432;
  font-size: 0.63vw;
}
.products .content .item .center .center_box .main_Tow ul li:hover {
  border: 1px solid #0c66c1;
}
.products .content .item .center .center_box .main_Tow ul li:hover span {
  color: #0c66c1;
}
.products .content .item .center .center_box .main_Tow_old {
  padding-top: 0.8vw;
  border-top: 1px dashed rgba(141, 145, 168, 0.3);
}
.products .content .item .foot {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.73vw;
}
.products .content .item .foot span {
  color: #8d91a8;
  font-size: 0.73vw;
}
.products .content .item .foot img {
  width: 0.73vw;
  padding-left: 0.31vw;
}
.products .content .item:hover {
  transform: perspective(1px) scale(1.01, 1.01);
  box-shadow: 0px 2px 10px 0px rgba(5, 30, 52, 0.08);
}
.products .content .item:hover .top {
  background: url(../images/chanpin_img_bg.png) no-repeat;
  background-size: 100% 100%;
}
.products .content .item:hover .top .p1 span {
  color: #fff !important;
}
.products .content .item:hover .top .p2 {
  color: #fff !important;
}
.products .content .item:hover .top .img1 {
  display: none !important;
}
.products .content .item:hover .top .img2 {
  display: block !important;
}
@media screen and (max-width: 1600px) {
  .products .content .item {
    width: 22.91vw !important;
    margin-bottom: 1.83vw;
    margin-top: 1vw;
  }
  .products .content .item .center .center_box .main_Tow ul li {
    width: 8vw;
    height: 1.8vw;
  }
  .products .content .item .foot {
    padding-bottom: 1.73vw;
  }
  .products .content .item .top {
    height: 6vw;
  }
  .products .content .item .center {
    height: 27vw;
  }
}
@media screen and (max-width: 1280px) {
  .products .content .item {
    width: 28.91vw !important;
    margin-bottom: 1.83vw;
    margin-top: 1vw;
  }
  .products .content .item .center .center_box .main_Tow ul li {
    width: 8vw;
    height: 2.35vw;
  }
  .products .content .item .foot {
    padding-bottom: 1.73vw;
  }
  .products .content .item .top {
    height: 8vw;
  }
  .products .content .item .center {
    height: 27vw;
  }
}
.solution {
  width: 100%;
  height: 41.51vw;
  background: #011E3C;
  position: relative;
}
.solution .bg_img {
  width: 100%;
  height: 41.51vw;
}
.solution .solution_box1 {
  width: 100%;
  height: 41.51vw;
  background: url(../images/bg_mengban@2x.png);
  position: absolute;
  top: 0;
}
.solution .solution_box1 .title {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 10.21vw;
}
.solution .solution_box1 .title .p1 {
  font-size: 32px;
  color: #fff;
  padding-top: 3.07vw;
}
.solution .solution_box1 .title .p2 {
  font-size: 18px;
  color: #fff;
  padding-top: 0.94vw;
}
.solution .solution_box1 .content {
  margin: 0 13.54vw;
  display: flex;
}
.solution .solution_box1 .content .left .el-tabs__header {
  border-bottom: none;
}
.solution .solution_box1 .content .left .el-tabs__nav {
  display: flex;
  flex-direction: column;
  border: none;
}
.solution .solution_box1 .content .left .el-tabs__nav .el-tabs__item {
  width: 14.27vw;
  height: 2.81vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.42vw;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.3);
  border-left: none;
  border-bottom: none;
}
.solution .solution_box1 .content .left .el-tabs__nav .el-tabs__item .el_div {
  width: 14.27vw;
  height: 2.81vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solution .solution_box1 .content .left .el-tabs__nav .el-tabs__item.is-active {
  background: url(../images/bg_hove@2x.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.solution .solution_box1 .content .left ul li {
  width: 14.27vw;
  height: 2.81vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.42vw;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.3);
}
.solution .solution_box1 .content .left ul li:nth-child(1) {
  background: url(../images/bg_hove@2x.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.solution .solution_box1 .content .right {
  margin-left: 3.96vw;
  flex: 1;
}
.solution .solution_box1 .content .right .d1 {
  color: #fff;
  padding-top: 2.08vw;
}
.solution .solution_box1 .content .right .d1 .p1 {
  font-size: 28px;
}
.solution .solution_box1 .content .right .d1 .p2 {
  font-size: 18px;
  padding-top: 0.73vw;
  color: rgba(255, 255, 255, 0.3);
}
.solution .solution_box1 .content .right .d2 {
  display: flex;
  flex-direction: column;
  padding-top: 2.81vw;
  align-items: flex-start;
  padding-bottom: 80px;
}
.solution .solution_box1 .content .right .d2 p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.94vw;
}
.solution .solution_box1 .content .right .d2 button {
  width: 7.29vw;
  height: 2.08vw;
  background: #0271e2;
  border-radius: 2px;
  font-size: 0.94vw;
  color: #fff;
  margin-top: 2.08vw;
  outline: none;
  border: none;
}
.solution .solution_box1 .content .right .d2 button:hover {
  background: #004FBE;
  color: #FFFFFF;
}
.solution .solution_box1 .content .right .d3 {
  width: 100%;
  border-top: 2px dashed rgba(255, 255, 255, 0.4);
}
.solution .solution_box1 .content .right .d3 img {
  width: 12.7vw;
  margin-right: 0.4vw;
  margin-top: 0.4vw;
}
.customers {
  width: 100%;
  background: #f5f6fa;
}
.customers .title {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 10.21vw;
}
.customers .title .p1 {
  font-size: 32px;
  color: #0c66c1;
  padding-top: 3.07vw;
}
.customers .title .p2 {
  font-size: 18px;
  color: #8d91a8;
  padding-top: 0.94vw;
}
.customers .content {
  width: 70.83vw;
  margin: auto;
  height: 33.85vw;
  background: url(../images/img/bg2.png) no-repeat;
  position: relative;
  background-size: 100% 100%;
}
.customers .content .d1 {
  display: flex;
  position: absolute;
  right: 19.71vw;
  top: -1vw;
  z-index: 99;
}
.customers .content .d1 .left .left_box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.customers .content .d1 .left .left_box .img1 {
  width: 5.52vw;
}
.customers .content .d1 .left .left_box .img2 {
  margin-top: 0.73vw;
  width: 2.93vw;
}
.customers .content .d1 .right {
  z-index: 99;
  display: none;
}
.customers .content .d1 .right .right_box {
  margin-right: 0.83vw;
  position: relative;
  padding: 0.42vw 0.63vw;
  width: 14.69vw;
  background: #0271e2;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.73vw;
  border-radius: 0.42vw;
  box-shadow: 0px 2px 8px 0px rgba(21, 73, 126, 0.27);
}
.customers .content .d1 .right .right_box:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 8px solid #0271e2;
  position: absolute;
  top: 10px;
  right: -0.8vw;
}
.customers .content .VEGER {
  display: flex;
  position: absolute;
  left: 38.3vw;
  top: 13.75vw;
  z-index: 99;
}
.customers .content .VEGER .left .left_box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.customers .content .VEGER .left .left_box .img1 {
  width: 7.29vw;
}
.customers .content .VEGER .left .left_box .img2 {
  margin-top: 0.73vw;
  width: 2.51vw;
}
.customers .content .VEGER .right {
  display: none;
  z-index: 99;
}
.customers .content .VEGER .right .right_box {
  margin-left: 0.83vw;
  position: relative;
  padding: 0.42vw 0.63vw;
  width: 14.69vw;
  background: #0271e2;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.73vw;
  border-radius: 0.42vw;
  box-shadow: 0px 2px 8px 0px rgba(21, 73, 126, 0.27);
}
.customers .content .VEGER .right .right_box:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right: 8px solid #0271e2;
  position: absolute;
  top: 10px;
  right: 15.9vw;
}
.customers .content .FANTA {
  display: flex;
  position: absolute;
  right: 24.1vw;
  top: 8.85vw;
}
.customers .content .FANTA .left .left_box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.customers .content .FANTA .left .left_box .img1 {
  width: 4.95vw;
}
.customers .content .FANTA .left .left_box .img2 {
  margin-top: 0.53vw;
  width: 1.51vw;
}
.customers .content .FANTA .right {
  display: none;
  z-index: 99;
}
.customers .content .FANTA .right .right_box {
  margin-right: 0.83vw;
  position: relative;
  padding: 0.42vw 0.63vw;
  width: 14.69vw;
  background: #0271e2;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.73vw;
  border-radius: 0.42vw;
  box-shadow: 0px 2px 8px 0px rgba(21, 73, 126, 0.27);
}
.customers .content .FANTA .right .right_box:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 8px solid #0271e2;
  position: absolute;
  top: 10px;
  right: -0.8vw;
}
.customers .content .yingli {
  display: flex;
  position: absolute;
  right: 10.48vw;
  top: 4.9vw;
  z-index: 99;
}
.customers .content .yingli .left .left_box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.customers .content .yingli .left .left_box .img1 {
  width: 8.44vw;
}
.customers .content .yingli .left .left_box .img2 {
  margin-top: 0.53vw;
  width: 1.71vw;
}
.customers .content .yingli .right {
  display: none;
  z-index: 99;
}
.customers .content .yingli .right .right_box {
  margin-left: 0.83vw;
  position: relative;
  padding: 0.42vw 0.63vw;
  width: 14.69vw;
  background: #0271e2;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.73vw;
  border-radius: 0.42vw;
  box-shadow: 0px 2px 8px 0px rgba(21, 73, 126, 0.27);
}
.customers .content .yingli .right .right_box:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 8px solid #0271e2;
  position: absolute;
  top: 10px;
  right: -0.8vw;
}
.customers .content .Green {
  display: flex;
  position: absolute;
  right: 11.08vw;
  top: 11.46vw;
  z-index: 99;
}
.customers .content .Green .left .left_box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.customers .content .Green .left .left_box .img1 {
  width: 5.52vw;
}
.customers .content .Green .left .left_box .img2 {
  margin-top: 0.53vw;
  width: 1.11vw;
}
.customers .content .Green .right {
  display: none;
  z-index: 99;
}
.customers .content .Green .right .right_box {
  margin-right: 0.83vw;
  position: relative;
  padding: 0.42vw 0.63vw;
  width: 14.69vw;
  background: #0271e2;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.73vw;
  border-radius: 0.42vw;
  box-shadow: 0px 2px 8px 0px rgba(21, 73, 126, 0.27);
}
.customers .content .Green .right .right_box:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 8px solid #0271e2;
  position: absolute;
  top: 10px;
  right: -0.8vw;
}
.customers .content .jiayz {
  display: flex;
  position: absolute;
  right: 2.21vw;
  top: 22.92vw;
}
.customers .content .jiayz .left .left_box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.customers .content .jiayz .left .left_box .img1 {
  width: 10.26vw;
}
.customers .content .jiayz .left .left_box .img2 {
  margin-top: 0.53vw;
  width: 2.25vw;
}
.customers .content .jiayz .right {
  display: none;
  z-index: 99;
}
.customers .content .jiayz .right .right_box {
  margin-right: 0.83vw;
  position: relative;
  padding: 0.42vw 0.63vw;
  width: 14.69vw;
  background: #0271e2;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.73vw;
  border-radius: 0.42vw;
  box-shadow: 0px 2px 8px 0px rgba(21, 73, 126, 0.27);
}
.customers .content .jiayz .right .right_box:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left: 8px solid #0271e2;
  position: absolute;
  top: 10px;
  right: -0.8vw;
}
.customers .content .bidi {
  display: flex;
  position: absolute;
  left: 8.17vw;
  top: 2.34vw;
}
.customers .content .bidi .left .left_box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.customers .content .bidi .left .left_box .img1 {
  width: 3.75vw;
}
.customers .content .bidi .left .left_box .img2 {
  margin-top: 0.53vw;
  width: 2.25vw;
}
.customers .content .bidi .right {
  display: none;
  z-index: 99;
}
.customers .content .bidi .right .right_box {
  margin-left: 0.83vw;
  position: relative;
  padding: 0.42vw 0.63vw;
  width: 14.69vw;
  background: #0271e2;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.73vw;
  border-radius: 0.42vw;
  box-shadow: 0px 2px 8px 0px rgba(21, 73, 126, 0.27);
}
.customers .content .bidi .right .right_box:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right: 8px solid #0271e2;
  position: absolute;
  top: 10px;
  right: 15.9vw;
}
.customers .content .mk {
  display: flex;
  position: absolute;
  left: 7.9vw;
  top: 11.98vw;
}
.customers .content .mk .left .left_box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.customers .content .mk .left .left_box .img1 {
  width: 2.71vw;
}
.customers .content .mk .left .left_box .img2 {
  margin-top: 0.53vw;
  width: 1.25vw;
}
.customers .content .mk .right {
  display: none;
  z-index: 99;
}
.customers .content .mk .right .right_box {
  margin-left: 0.83vw;
  position: relative;
  padding: 0.42vw 0.63vw;
  width: 14.69vw;
  background: #0271e2;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.73vw;
  border-radius: 0.42vw;
  box-shadow: 0px 2px 8px 0px rgba(21, 73, 126, 0.27);
}
.customers .content .mk .right .right_box:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right: 8px solid #0271e2;
  position: absolute;
  top: 10px;
  right: 15.9vw;
}
.customers .foot {
  margin: 0 25.63vw;
  height: 5.21vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.customers .foot .item {
  width: auto;
  display: flex;
  align-items: center;
}
.customers .foot .item .img {
  width: 2.08vw;
  height: 2.08vw;
}
.customers .foot .item span {
  font-size: 22px;
  color: #222432;
  padding-left: 0.63vw;
}
.nav {
  width: 1920px;
  height: 60px;
  background: #032547;
  filter: blur(0.3px);
}
.swiper_box {
  margin: 0 13.28vw;
  height: 100%;
  overflow: hidden;
  /* width: 100%; */
  display: flex;
}
.swiper_box .left {
  padding-right: 1.25vw;
}
.swiper_box .left .left_title {
  display: flex;
  flex-direction: column;
  margin-top: 7.47vw;
}
.swiper_box .left .left_title .p1 {
  display: flex;
  align-items: baseline;
}
.swiper_box .left .left_title .p1 img {
  width: 2.5vw;
}
.swiper_box .left .left_title .p1 span {
  font-size: 42px;
  padding-left: 0.42vw;
}
.swiper_box .left .left_title .p2 {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
  padding-top: 0.63vw;
}
.swiper_box .left .left_cneter {
  margin-top: 4.08vw;
}
.swiper_box .left .left_cneter button {
  width: 140px;
  height: 40px;
  background: #0271e2;
  border-radius: 2px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
  outline: none;
  border: none;
}
.swiper_box .left .left_cneter button:hover {
  background: #004FBE;
  color: #FFFFFF;
}
.swiper_box .right {
  flex: 1;
}
.statistics {
  width: 100%;
  height: 4.17vw;
  bottom: 0;
  z-index: 999;
  position: absolute;
}
.statistics .statistics_box {
  margin: 0 13.28vw;
  height: 100%;
  display: flex;
  align-items: center;
}
.statistics .statistics_box .statistics_item {
  color: #fff;
  flex: 1;
  display: flex;
  align-items: center;
}
.statistics .statistics_box .statistics_item .left {
  width: 1px;
  height: 2.08vw;
  background: rgba(255, 255, 255, 0.3);
}
.statistics .statistics_box .statistics_item .right {
  padding-left: 1.35vw;
}
.statistics .statistics_box .statistics_item .right .p1 {
  font-size: 0.73vw;
  color: rgba(255, 255, 255, 0.6);
}
.statistics .statistics_box .statistics_item .right .p2 {
  display: flex;
  align-items: baseline;
}
.statistics .statistics_box .statistics_item .right .p2 .s1 {
  font-size: 1.77vw;
}
.statistics .statistics_box .statistics_item .right .p2 .s2 {
  font-size: 0.73vw;
  padding-left: 0.21vw;
}