@charset "utf-8";

a,
img {
  vertical-align: top;
}

.container {
  width: 96%;
  margin: 0 auto;
}

.container2 {
  width: 71%;
  margin: 0 auto;
}

.container3 {
  width: 62%;
  margin: 0 auto;
}

.ny_container1 {
  width: 96%;
  margin: 0 auto;
}

.ny_container2 {
  width: 71%;
  margin: 0 auto;
}

.img100 {
  overflow: hidden;
}

.img100 img {
  line-height: 0;
  max-width: 100%;
}

.relative {
  position: relative;
}

.hidden {
  overflow: hidden;
}

.left {
  float: left;
}

.right {
  float: right;
}

.lineheight1_2 {
  line-height: 1.2 !important;
}

.lineheight1_4 {
  line-height: 1.4 !important;
}

.lineheight1_6 {
  line-height: 1.6 !important;
}

.lineheight1_8 {
  line-height: 1.8 !important;
}

.lineheight2 {
  line-height: 2 !important;
}

.center {
  text-align: center;
}

.mo_header {
  display: none;
}

.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.home_banner .ul {
  position: absolute;
  right: 2.35%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  width: 150px;
}

.home_banner .ul li {
  padding-right: 30px;
  color: #ffffff;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 12px;
  line-height: 1.4;
  position: relative;
}

.home_banner .ul li:last-child {
  margin-bottom: 0;
}

.home_banner .ul li:before {
  position: absolute;
  content: "";
  top: 4px;
  right: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ffffff;
  transition: all 0.4s;
}

.home_banner .ul li .wz {
  opacity: 0;
  text-align: right;
  margin-right: 5px;
  line-height: 20px;
}

.home_banner .ul li.cur .wz {
  opacity: 1;
}

.home_banner .ul li:after {
  position: absolute;
  content: "";
  top: 4px;
  right: 0;
  width: 16px;
  height: 0;

  background: #fff;
  transition: all 0.4s;
}

.home_banner .ul li.cur:after {
  height: 16px;
  border: 1px solid #ffffff;
}

.home_banner .swiper-pagination {
  display: none;
}

.header .left {
  padding-top: 10px;
  width: 150px;
}

.header .right {
  float: right;
}

.header .right .ul li {
  float: left;
  position: relative;
  margin-right: 45px;
}

@media(max-width: 1500px) {
  .header .right .ul li {
    margin-right: 25px;
  }

}

@media(max-width: 1400px) {
  .header .right .ul li {
    margin-right: 8px;
  }

  .header .right .ul li {
    float: left;
    position: relative;
  }

  .header .left .logo .yc {
    /*! width: 130px ! important; */
    height: auto;
  }

  .header .left .logo .yc.wz {
    position: sticky;
    left: 100%;
    width: 500px;
    bottom: 0;
    z-index: 3;
    color: #1d1c1c;
    font-size: 14px ! important;
    margin-left: 16px;
    line-height: 1;
    letter-spacing: 2px ! important;
    font-weight: initial;
    margin-bottom: -20px;
  }
}

.header .right .ul li:before {
  width: 0;
  height: 2px;
  background: #1d9321;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.4s;
  content: "";
}

.header .right .ul li:last-child {
  margin-right: 0;
}

.header .right .ul li>a {
  padding: 24px 0;
  display: block;
  color: #fff;
  position: relative;
  font-size: 16px;
}

.header .right .ul li>a.gd {
  padding-right: 16px;
}

.header .right .ul li>a.gd:after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 6px;
  background: url(../images/home_nav_jt.png) center center/cover;
  content: "";
}

.header .right .ul li.cur:before,
.header .right .ul li:hover:before {
  width: 100%;
}

/*下拉开始*/
.header .right .ul li .xiala {
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  width: calc(200% + 30px);
  height: 0;
  transition: all 0.5s;
  background: #ffffffbd;
  height: 0;
  transition: all 0.5s;
  opacity: 0;
  z-index: -1;
  /*display: none;*/
}

.header .right .ul li:nth-child(3) .xiala {
  width: calc(200% + 80px);
}

.header .right .ul li:nth-child(4) .xiala {
  width: calc(160% + 0px);
}

.header .right .ul li:nth-child(6) .xiala {
  width: calc(200% + 80px);
}

.header .right .ul li:nth-child(7) .xiala {}

.header .right .ul li:nth-child(8) .xiala {}

.header .right .ul li .xialaA {
  padding: 36px 30px 0 30px;
}

.header .right .ul li .xiala .xiala_nr {
  padding-bottom: 0px;
  border-left: 1px solid #edf6ed;
  padding-left: 20px;
  position: relative;
}


.header .right .ul li .xiala .xiala_nr .k {
  position: absolute;
  height: 22px;
  width: 3px;
  background: #1d9321;
  content: "";
  top: -3px;
  left: -1px;
  transition: all 0.4s;
}

.header .right .ul li .xiala a {
  display: block;
  font-size: 15px;
  color: #333;
  line-height: 1;
  margin-bottom: 26px;
  transition: all 0.3s;
}

.header .right .ul li .xiala a.cur {
  color: #1d9321;
}

.header .right .ul li:hover .xiala {
  height: auto;
  z-index: 10;
  opacity: 1;
}

.header .right .ul li:nth-child(2):hover .xiala {
  height: 185px;
}


@media(max-width: 1500px) {
  .header .right .ul li .xialaA {
    padding: 30px 30px 0 20px;
  }

  .header .right .ul li:nth-child(2):hover .xiala {
    height: auto;
  }

  .header .right .ul li:hover .xiala {
    height: auto;
  }

  .header .right .ul li .xiala a {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

/*end*/
.header .right2 {
  float: right;
  margin-left: 40px;
  padding: 24px 0;
  margin-top: 3.5px;
}

.header .right2 .icon {
  float: left;
  margin-right: 20px;
}

@media(max-width: 1700px) {
  .header .right2 {
    margin-top: 1px;
  }
}

.header .right2 .icon:last-child {
  margin-right: 0;
}

.home_banner .box .text {
  position: absolute;
  left: 30%;
  right: 0;
  top: 34%;
  opacity: 0;
  transition: all 2.5s;
}

.home_banner .box .img img {
  transform: scale(1.2);
  transition: all 2s;
}

.home_banner .swiper-slide.cur .box .img img {
  transform: scale(1);
}

.home_banner .swiper-slide.cur .box .text {
  opacity: 1;
  left: 0;
}

.home_banner .box .text .bt {
  color: #ffffff;
  font-size: 49px;
  line-height: 1.4;
  letter-spacing: 3px;
  font-weight: 300;
}

.home_banner .box .text .bt span {
  color: #ffffff;
  font-size: 49px;
  line-height: 1.4;
  letter-spacing: 3px;
  font-weight: 700;
}

.home_banner .box .text .zb {
  color: #ffffff;
  font-size: 60px;
  line-height: 1.4;
  letter-spacing: 4px;
  font-weight: 700;
}

.home_banner .box .text .bt2 {
  color: #ffffff;
  font-size: 34px;
  line-height: 1.4;
  letter-spacing: 2px;
  font-weight: 300;
}

.xian {
  /* bottom: 0; */
  width: 100px;
  height: 4px;
  background: #ffffff;
  /* z-index: 1; */
  /* transition: all 0.4s; */
  /* overflow: hidden; */
  margin: 12px 0px 25px 5px;
}

.home_banner .box .text .wz {
  color: #fff;
  font-size: 16px;
  margin-top: 10px;
  letter-spacing: 1px;
}

.home_banner .box .text .js {
  color: #fff;
  font-size: 18px;
  margin-top: 20px;
  letter-spacing: 3px;
}

.home_banner .box .text .js .icom {
  width: 26px;
  margin: 0 8px;
}

.home_banner .box .text .more {
  margin-top: 40px;
}

.xxgd {
  position: absolute;
  right: 2.35%;
  bottom: 0;
  width: 14px;
  padding-bottom: 54px;
  z-index: 3;
  color: #fff;
}

.xxgd i {
  width: 3px;
  height: 44px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #c3cbd8;
  bottom: 0;
}

.xxgd i:before {
  background: #1d9321;
  content: "";
  width: 100%;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sbxh 2s linear infinite;
}

@-webkit-keyframes sbxh {
  0% {
    top: 0;
    opacity: 1;
  }

  25% {
    top: 25%;
    opacity: 0.75;
  }

  50% {
    top: 50%;
    opacity: 0.5;
  }

  75% {
    top: 75%;
    opacity: 0.25;
  }

  100% {
    top: 100%;
    opacity: 0;
  }
}


.more,
a.more {
  display: inline-block;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 16px;
  padding: 14px 68px 14px 14px;
  line-height: 1;
  position: relative;
}

.more2 {
  display: inline-block;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 16px;
  line-height: 1;
  position: relative;
}

a.more.lvse {
  display: inline-block;
  color: #1d9321;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 16px;
  padding: 14px 68px 14px 14px;
  line-height: 1;
  position: relative;
  font-weight: 700;
  letter-spacing: 2px;
}

.more:after,
a.more:after {
  width: 9px;
  height: 9px;
  content: "";
  position: absolute;
  top: -9px;
  right: -9px;
  background: rgb(39 151 44 / 45%);
}

.more i,
a.more i {
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 100%;
  transition: all 0.4s;
  background: url(../images/more_jt1.png) right 18px center no-repeat rgba(255, 255, 255, 0.2);
}

.more:hover i,
a.more:hover i {
  width: 100%;
}

.footer {
  background: #1c1c1c;
}

.footer .top {
  font-size: 14px;
  background: #202020;
  padding: 26px 0;
}

.footer .top .right {
  font-size: 14px;
  color: #838383;
}

.footer .top .box {
  float: left;
  width: 922px;
  position: relative;

  color: #a7a7a7;
}

.footer .top .bt,
.footer .top .lb a {
  color: #a7a7a7;
}

.footer .top .bt {
  float: left;
  width: 70px;
}

.footer .top .lb {
  float: left;
  width: calc(100% - 70px);
  height: 20px;
  overflow: hidden;
  transition: all 0.5s;
}

.footer .top .lb a {
  float: left;
  display: block;
  margin-right: 20px;
  margin-bottom: 10px;
}

.footer .top .an {
  float: left;
  right: 0;
  top: -4px;
  padding: 6px 0;
  position: absolute;
  color: #999999;
  font-size: 14px;
  border: 1px solid #515151;
  width: 80px;
  right: -80px;
  cursor: pointer;
  text-align: center;
}

.footer .top .an i {
  display: inline-block;
  vertical-align: middle;
  background: url(../images/footer_jt.png) center center/cover;
  width: 13px;
  height: 7px;
  margin-right: 8px;
  transition: all 0.4s;
}

.footer .top .an.cur i {
  transform-origin: center center;
  transform: rotate(180deg);
}

.footer .btm {
  padding: 50px 0 80px;
}

.footer .btm .logo {
  float: left;
  width: 9.3%;
}

.footer .btm .zhong {
  width: 20%;
  float: left;
  margin-left: 8.1%;
}

.footer .btm .zhong .ul {
  float: left;
  width: 50%;
  padding-right: 20px;
}

.footer .btm .zhong .ul li {
  margin-bottom: 16px;
}

.footer .btm .zhong .ul li:last-child {
  margin-bottom: 0;
}

.footer .btm .zhong .ul li a {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
}

.footer .btm .zhong .ul2 li a {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.4);
}

.footer .btm .right {
  float: right;
}

.footer .btm .right .text {
  line-height: 2;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.footer .btm .right .text .num {
  font-size: 34px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.8);
}

.banquan {
  border-top: 1px solid #292929;
  padding: 26px 0;
  background: #1c1c1c;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.2);
}

.banquan a {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.2);
}

.home_a {
  padding: 40px 0;
}

.home_a ul li {
  /* display: flex; */
  justify-content: space-around;
}

.home_a .ul li:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 40px;
  background: #48484826;
  top: 35%;
  margin-top: -5px;
  right: 0;
}

.home_a .ul li {
  float: left;
  width: 18%;
  /* FONT-WEIGHT: 200; */
  position: relative;
  /* display: flex; */
  /* justify-content: space-around; */
}

.home_a .ul li.index-nav2 {
  float: left;
  width: 40%;
  FONT-WEIGHT: 200;
  position: relative;
  /* display: flex; */
  /* justify-content: space-around; */
}

.home_a .ul li .img {
  float: left;
  width: 64px;
  transition: all ease .4s;
  -webkit-transition: all ease .4s;
  transform: rotateY(360deg);
}

.home_a .ul li .img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: rotateY(180deg);
}

.home_a .ul li .text {
  float: left;
  padding-top: 8px;
  padding-left: 8px;
  width: calc(100% - 64px);
}

.home_a .ul li .text .bt {
  color: #333333;
  font-size: 22px;
  font-weight: 600;
}

.home_a .ul li .text .wenzi {
  color: #333333;
  font-size: 14px;
  margin-top: 5px;
  line-height: 1.6;
}

.ty_title {
  margin-bottom: 40px;
}

.ty_title2 {
  margin-bottom: 20px;
}

.ty_title2 span {
  font-size: 14px;
  line-height: 1.8;
}

.ty_title .bt.one {
  float: none;
  font-size: 34px;
  color: #000000;
  line-height: 1.4;
  padding-left: 0px;
  text-align: center;
  position: relative;
}

.ty_title .bt {
  float: left;
  font-size: 34px;
  color: #000000;
  line-height: 1.4;
  padding-left: 20px;
  position: relative;
}

.ty_title .bt i {
  height: 30px;
  width: 8px;
  background: #1d9321;
  position: absolute;
  left: 0;
  top: 6px;

}

.ty_title .bt i:after {
  content: "";
  height: 26%;
  width: 100%;
  background: #0863c4;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.4s;
}

.ty_title .bt i.animated:after {
  animation: Title 1.2s 1;
  /*animin*/
}

.ty_title .js.one {
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
  float: none;
  padding-left: 0px;
  text-align: center;
  margin-top: 8px;
}

.ty_title .js.en {
  text-transform: uppercase;
}

.ty_title .js {
  font-size: 14px;
  color: #666666;
  line-height: 1.6;
  float: left;
  padding-left: 12px;
  margin-top: 18px;
  letter-spacing: 2px;
}

.ty_title .text {
  color: #333333;
  line-height: 1.8;
  margin-top: 16px;
}

.ty_title2 .js {
  width: 100%;
  padding-left: 20px;
  margin-top: 12px;
}

.center .ty_title .bt {
  display: inline-block;
  float: none;
}

.home_b .home_b_box {
  border-top: 1px solid #ebebec;
  padding: 135px 0 110px;
}

.home_b .ul .box:hover {
  background: #f5f6f79c;
  box-shadow: 8px 8px 20px rgb(55 99 170 / 10%), -8px -8px 20px #fff;
}

.home_b.ch .ul .box:hover {
  background: #f5f6f700;
  box-shadow: 8px 8px 20px rgb(55 99 170 / 0%), -8px -8px 20px #fff;
}

.home_b .ul .box {
  width: 23.5%;
  margin-right: 1.85%;
  float: left;
  background: #f7f9fb;
  height: 700px;
  overflow: hidden;
  /* background-image: linear-gradient(180deg, #f5f5f5, #fff); */
  border: 2px solid #fff;
  /* box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff; */
  border-radius: 0;
}

.home_b .ul .box .text {
  padding: 46px 30px;
}

.home_b .ul .box .text .gd2 {
  /* margin-top: 30px; */
  float: right;
  letter-spacing: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.5s linear;
}

.home_b .ul .box:last-child {
  margin-right: 0;
}

.home_b .ul .box .text .top .left {
  width: 58px;
}

.home_b .ul .box .text .top .left img {
  line-height: 0;
  transition: all ease .4s;
  -webkit-transition: all ease .4s;
  transform: rotateY(360deg);
}

.home_b .ul .box .text .top .left img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: rotateY(180deg);
}

.home_b .ul .box .text .top .right {
  float: left;
  padding-left: 16px;
  width: calc(100% - 58px);
}

.home_b .ul .box .text .top .right .bt {
  /* color: #333333; */
}

.home_b .ul .box .text .top .right .en {
  color: rgba(51, 51, 51, 0.34);
  margin-top: 3px;
  text-transform: uppercase;
}

.home_b .ul .box .text .btm .js {
  color: #333333;
  line-height: 1.6;
  margin-top: 24px;
  padding-top: 30px;
  border-top: 1px solid #e8eaec;
  padding-bottom: 10px;
}

@media(max-width: 1850px) {
  .home_b .ul .box .text .btm .js {
    font-size: 15px;
  }
}

@media(max-width: 1700px) {
  .home_b .ul .box .text .btm .js {
    font-size: 14px;
  }
}

@media(max-width: 1400px) {
  .home_b .ul .box .text .btm .js {
    font-size: 15px;
  }
}

.home_b .ul .box .text .btm .wenzi {
  margin-top: 14px;
  line-height: 2;
  color: #666666;

}

.home_b .ul .box .text .btm .wenzi ul li {
  margin-bottom: 6px;
  padding-left: 16px;
  position: relative;
}

.home_b .ul .box .text .btm .wenzi ul li:last-child {
  margin-bottom: 0;
}

.home_b .ul .box .text .btm .wenzi ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  background: #1d9321;
}

.home_c {
  padding: 140px 0 130px;
  background: url(../images/index_xxdt.jpg), linear-gradient(#00000091, #000);
  background-blend-mode: overlay;
}

.home_c .ty_title .bt,
.home_c .ty_title .js {
  color: #fff;
}

.home_c .left {
  width: 45.5%;
  position: relative;
  z-index: 2;
}

.home_c .left .nr {
  width: 90%;

  background: rgba(255, 255, 255, 0.04);
  line-height: 1.6;
  color: #fff;
  position: relative;
}

.home_c .left .nr:before {
  position: absolute;
  left: -46px;
  top: -46px;
  width: 46px;
  height: 46px;
  background: rgba(255, 2555, 255, 0.02);
  content: "";
}

.home_c .left .nr:after {}


.home_c .left .nr:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 46px;
  height: 46px;
  background: rgba(255, 2555, 255, 0.02);
}

.home_c .left .nr .box {
  padding: 36px 40px;
  position: relative;
}

.home_c .left .nr .box:hover {
  background: #1d9321ad;
}

.home_c .left .nr .box:before {
  position: absolute;
  left: -76px;
  top: 0;
  width: 30px;
  height: 30px;
  background: rgba(255, 2555, 255, 0.02);
  content: "";
}

.home_c .left .nr .h3,
.home_c .left .nr .h4 {
  font-weight: initial;
}

.home_c .left .text {
  color: #fff;
  margin-top: 70px;
  line-height: 1.8;
}

.home_c .right {
  width: 50%;
  position: relative;
  z-index: 2;
  padding-right: 100px;
}


.home_c .right .ul li {
  float: left;
  width: 50%;
  height: 280px;
  background: #0863c4;
  color: #fff;
  position: relative;
}

.home_c .right .ul li.li2 {
  background: #1d9321;
}

.home_c .right .ul li.li3 {
  background: none;
  width: 280px;
  height: 300px;
}

.home_c .right .ul li.li4 {
  background: none;
  border: 3px solid #1d9321;
}

.home_c .right .ul li .box {
  padding: 40px;
}

.home_c .right .ul li.li4 .box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #1d9321;
}

.home_c .right .ul li.li1:before {
  width: 30px;
  height: 30px;
  content: "";
  position: absolute;
  left: 70px;
  bottom: 0;
  background: #0685d8;
}

.home_c .right .ul li.li3:before {
  width: 50px;
  height: 50px;
  background: #36393b;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}

.home_c .right .ul li.li3 .bg {
  background: #36393b;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 30%;
  left: 30%;
  display: block;
}

.home_c .right .ul li.li3 .bg2 {
  width: 24px;
  height: 24px;
  bottom: 20%;
  top: auto;
  left: 10%;
}

.home_c .right:before {
  width: 70px;
  height: 70px;
  position: absolute;
  bottom: 18%;
  right: -20px;
  content: "";
  background: #80fdfd33;
}

.home_c .tua {
  width: 88px;
  height: 88px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 0;
}

.home_c .tua:before {
  width: 68%;
  height: 68%;
  position: absolute;
  right: 0;
  top: 0;
  background: #8cffff03;
  content: "";
}

.home_c .tua:after {
  width: 32%;
  height: 32%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #81fcfc24;
  content: "";
}

.home_d {
  padding: 110px 0 50px;
}

.home_d .ul {
  border-left: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
}

.home_d .ul li {
  width: 20%;
  float: left;
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  transition: all 0.4s;
  position: relative;
}

.home_d .ul li:hover {
  z-index: 9;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.home_d .ul li .img {
  line-height: 0;
  -webkit-filter: grayscale(100%);
  /* Chrome, Safari, Opera */
  filter: grayscale(100%);
  transition: all 0.3s;
}

.home_d .ul li:hover .img {
  -webkit-filter: grayscale(0);
  /* Chrome, Safari, Opera */
  filter: grayscale(0);
}


.tit a {
  color: #666666;
  font-size: 16px;
  float: left;
  margin-right: 40px;
  padding: 16px 0 10px;
  position: relative;
}

.tit a:last-child {
  margin-right: 0;
}

.tit a.cur {
  color: #1d9321;
}

.tit a:after {
  height: 4px;
  background: #0863c4;
  width: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  content: "";
  transition: all 0.5s;
  overflow: hidden;
}

.tit a:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 4px;
  background: #1d9321;
  z-index: 1;
  transition: all 0.4s;
  overflow: hidden;
}

.tit a.cur:after,
.tit a:hover:after {
  width: 10px;
}

.tit a.cur:before,
.tit a:hover:before {
  width: 100%;
}

.home_e {
  padding: 60px 0 120px;
}

.home_e .ul {
  display: none;
}

.home_e .ul.cur {
  display: block;
}

.home_e .ul li {
  width: 33.1%;
  margin-right: 0.35%;
  float: left;
  margin-bottom: 6px;
  position: relative;
  overflow: hidden;
}

.home_e .ul li:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /* background: #fff; */
  z-index: 9;
  transition: 1s;
}

.home_e .ul.animated li:before {
  left: 100%;
}

.home_e .ul li .video {
  position: relative;
}

.home_e .ul li .video video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  animation: slide-in 2s forwards;
}

.home_e .ul li .video img {
  opacity: 0;
}

.home_e .ul li .bg .more {
  text-transform: uppercase;
  font-size: 16px;
  color: #fff;
  line-height: 1;
  border: 1px solid #fff;
  padding: 8px 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.home_e .ul li.none {
  margin-right: 0;
  display: block;
}

.home_e .ul li:nth-child(1) {
  width: 66.55%;
}

.image-container img .home_e .ul li .img img {
  transform: scale(1);
  transition: all 0.4s;
  overflow: hidden;
}

.home_e .ul li:hover .img img {
  transform: scale(1.1);
  animation: fade 1s ease-in-out 1;
}

.home_f {
  padding: 100px 0 130px;
  background: #ffffff;
}

.home_f .nr {
  display: none;
}

.home_f .nr.cur {
  display: block;
}

.home_f.home_noneimg .nr .nr_s .ul li {
  float: left;
  width: 100%;
  margin-right: 4.6%;
}

.home_f .nr .nr_s .ul li {
  float: left;
  width: 47.7%;
  margin-right: 4.6%;
}

.left.zw {
  width: 10%;
  font-weight: 600;
  font-size: 18px;
  color: #000000;
  background: #d6d6d652;
  padding: 2% 1%;
  text-align: center;
}

.home_f .nr .nr_s .ul li .right.text {
  width: 90%;
  padding: 0px 20px;
}

.home_f .nr .nr_s .ul li .right.text .bt {
  font-weight: 500;
  margin-top: 12px;
  font-size: 16px;
}

@media(max-width:1100px) {
  .home_f .nr .nr_s .djz.ul li .right.text .bt {
    font-weight: 500;
    margin-top: 12px;
    font-size: 15px;
    color: #000000;
    overflow: auto;
    white-space: break-spaces;
    text-overflow: ellipsis;
  }

  .home_f .nr .nr_s .ul li .right.text .js {
    margin-top: 10px;
    font-size: 13px;
  }
}

.home_f .nr .nr_s .ul li .right.text .js {
  margin-top: 10px;
}

.home_f .nr .nr_s .ul li:last-child {
  margin-right: 0;
}

.home_f .nr .nr_s .ul li .text {
  padding: 14px 0;
}

.home_f .nr .nr_s .ul li .text .bt {
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.home_f .nr .nr_s .ul li .text .time {
  color: #000000;
  margin-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.home_f .nr .nr_s .ul li .text .js {
  color: #666666;
  line-height: 1.6;
  margin-top: 0px;
}

.home_f .nr .nr_s .ul li .text .js span {
  display: inline-flex;
  width: 25px;
  height: 25px;
  padding: 8px;
  background-color: #444a47;
  font-size: 14px;
  line-height: 10px;
  color: #fff;
  /* position: sticky; */
  border-radius: 100%;
  margin-right: 10px;
  justify-content: center;
}

.home_f .nr .nr_s .ul li:nth-of-type(2n) .text .js span {
  background-color: #b1b3b1;
}

.home_f .nr .nr_x {
  padding: 10px 0;
}

@media (max-width: 768px) {
  .home_f .nr .nr_x {
    display: none;
  }
}

.home_f .nr .nr_x .ul li {
  float: left;
  width: 47.7%;
  margin-right: 4.6%;
  border-top: 1px solid #e5e7e9;
  border-bottom: 1px solid #e5e7e9;
}

.home_f .nr .nr_x .ul li:last-child {
  margin-right: 0;
}

.home_f .nr .nr_x .ul li a {
  display: block;
  float: left;
  width: 48%;
  margin-right: 4%;
  padding: 10px 0 10px 10px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.home_f .nr .nr_x .ul li a:nth-child(2n) {
  margin-right: 0;
}

.home_f .nr .nr_x .ul li a:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 100%;
  content: "";
  background: #999999;
}

.home_banner .box .img .img2 {
  display: none;
}

.mo_header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  padding: 16px 0;
}

.mo_header .logo {
  width: 140px;
}

.mo_header .nav {
  background: url(../images/nav.png) center center/cover;
  width: 38px;
  height: 22px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media(max-width: 1920px) {
  .container3 {
    width: 65%;
  }

  .container2 {
    width: 78%;
  }

  .ny_container2 {
    width: 78%;
  }

  .ty_title .bt {
    font-size: 32px;
  }

  .ty_title .js {
    font-size: 14px;
  }

  .home_banner .box .text .bt {
    font-size: 44px;
  }

  .home_banner .ul li:before {
    width: 12px;
    height: 12px;
  }

  .home_banner .ul li:after {
    width: 12px;
  }

  .home_banner .ul li.cur:after {
    height: 12px;
  }

  .home_banner .ul li {
    padding-right: 20px;
  }

  .home_a .ul li .text .bt {
    font-size: 20px;
  }

  .home_b .home_b_box {
    padding: 70px 0 90px;
  }

  .home_b .ul .box .text {
    padding: 40px 30px;
  }

  .home_b.ch .ul .box .text {
    padding: 15px 0px;
  }

  .home_b .ul .box .text .btm .js {
    margin-top: 15px;
    padding-top: 20px;
    font-size: 15px;
  }

  .home_b .ul .box .text .top .left {
    width: 46px;
  }

  .home_b .ul .box .text .btm .wenzi {
    margin-top: 10px;
  }

  .home_b .ul .box {
    height: 580px;
  }

  .home_c {
    padding: 110px 0 90px;
  }

  .home_c .left .text {
    margin-top: 50px;
  }

  .home_c .right {
    padding-right: 60px;
  }

  .home_c .right .ul li .box {
    padding: 40px 20px;
  }

  .home_d {
    padding: 80px 0 40px;
  }

  .home_e {
    padding: 40px 0 90px;
  }

  .home_f {
    padding: 80px 0 60px;
    background: #ffffff;
  }

  .footer .btm .right .text .num {
    font-size: 28px;
  }

  .banquan {
    padding: 20px 0;
  }
}

@media(max-width: 1700px) {
  .header .left {
    padding-top: 8px;
  }

  .header .right2 {
    padding: 20px 0;
  }

  .header .right .ul li>a {
    padding: 18px 0;
  }

  .home_banner .box .text .bt {
    font-size: 36px;
  }

  .home_banner .box .text .js {
    font-size: 16px;
    margin-top: 14px;
  }

  .home_banner .box .text .more {
    margin-top: 50px;
  }

  .home_a {
    padding: 30px 0;
  }

  .home_a .ul li .text .bt {
    font-size: 18px;
  }

  .home_a .ul li .img {
    width: 54px;
  }

  .home_a .ul li .text {
    padding-left: 14px;
    width: calc(100% - 54px);
  }

  .home_b .home_b_box {
    padding: 80px 0;
  }

  .home_b .ul .box .text {
    padding: 30px;
  }

  .home_b .ul .box {
    height: 600px;
  }

  .home_c {
    padding: 90px 0 80px;
  }

  .home_c .right {
    padding-right: 0px;
  }

  .home_c .left .nr .box {
    padding: 36px 30px;
  }

  .home_c .right .ul li {
    height: 260px;
  }

  .footer .btm .right .text .num {
    font-size: 26px;
  }
}

@media(max-width: 1500px) {
  .container3 {
    width: 85%;
  }

  .container2 {
    width: 90%;
  }

  .more,
  a.more {
    padding: 14px 60px 14px 12px;
    font-size: 14px;
  }

  .ty_title {
    margin-bottom: 26px;
  }

  .ty_title .bt {
    padding-left: 14px;
    font-size: 26px;
  }

  .ty_title .js {
    margin-top: 12px;
  }

  .ty_title .bt i {
    height: 24px;
    width: 6px;
    top: 6px;
  }

  /* .ty_title .bt i:after{height: 6px;width: 6px;}*/
  .header .left {
    width: 150px;
  }

  .header .right .ul li>a {
    font-size: 14px;
  }

  .home_banner .box .text .bt {
    font-size: 28px;
  }

  .home_banner .ul li:before {
    width: 10px;
    height: 10px;
  }

  .home_banner .ul li:after {
    width: 10px;
  }

  .home_banner .ul li.cur:after {
    height: 10px;
  }

  .home_banner .ul li {
    padding-right: 12px;
  }

  .home_banner .box .text .js {
    font-size: 14px;
    margin-top: 10px;
  }

  .home_banner .box .text .more {
    margin-top: 40px;
  }

  .home_a .ul li .text .bt {
    font-size: 16px;
  }

  .home_b .home_b_box {
    padding: 45px 0 70px 0;
  }

  .home_b .ul .box .text {
    padding: 30px 20px;
  }

  .home_b .ul .box .text .btm .js {
    margin-top: 12px;
    padding-top: 16px;
  }

  .home_b .ul .box {
    height: 560px;
  }

  .home_c {
    padding: 80px 0 70px;
  }

  .home_c .left .text {
    margin-top: 30px;
  }

  .home_c .right .ul li {
    height: 220px;
  }

  .home_d {
    padding: 70px 0 40px;
  }

  .home_e {
    padding: 40px 0 70px;
  }

  .home_f {
    padding: 70px 0 90px;
  }

  .tit a {
    font-size: 14px;
    padding: 12px 0 8px;
  }

  .tit a:after,
  .tit a:before {
    height: 3px;
  }

  .home_f .nr .nr_s .ul li .text {
    padding: 10px 0;
  }

  .footer .btm {
    padding: 40px 0 60px;
  }

  .footer .btm .zhong .ul li a {
    font-size: 14px;
  }

  .footer .btm .right .text .num {
    font-size: 22px;
  }

  .footer .top .box {
    width: 600px;
  }

  .footer .top {
    padding: 20px 0;
  }

  .jituan_a .right {
    width: 44%;
    position: relative;
    margin-top: 1% ! important;
  }
}

@media(max-width: 1100px) {
  .xxgd {
    display: none;
  }

  .container3 {
    width: 90%;
  }

  .container2 {
    width: 95%;
  }

  .mo_header {
    display: block;
  }

  .header {
    display: none;
  }

  .home_banner .box .img .img1 {
    display: none !important;
  }

  .home_banner .box .img .img2 {
    display: block;
  }

  .home_banner .ul {
    display: none;
  }

  .footer .btm {
    padding: 40px 0;
  }

  .footer .top {
    display: none;
  }

  .footer .btm .logo {
    width: 160px;
  }

  .footer .btm .zhong {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .footer .btm .right {
    width: 100%;
    margin-top: 20px;
  }

  .banquan {
    padding: 14px 0;
  }

  .home_banner .box .text {
    top: 23%;
  }

  .home_banner .box .text .bt {
    font-size: 22px;
  }

  .home_banner .box .text .more {
    margin-top: 30px;
  }

  .more,
  a.more {
    padding: 10px 40px 10px 10px;
  }

  .bq2 .more,
  a.more {
    display: inline-block;
    color: #fff;
    border: 1px solid rgb(255 255 255 / 49%);
    font-size: 14px ! important;
    padding: 10px 45px 10px 15px ! important;
    line-height: 1;
    position: relative;
  }

  .more i,
  a.more i {
    width: 30px;
    background: url(../images/more_jt1.png) right 8px center no-repeat rgba(255, 255, 255, 0.2);
  }

  .home_b .home_b_box {
    padding: 40px 0;
  }

  .ty_title .bt i {
    height: 22px;
    width: 6px;
    top: 4px;
  }

  .ty_title .bt {
    font-size: 22px;
  }

  .ty_title .bt.one {
    font-size: 24px;
  }

  .ty_title .js.one {
    font-size: 13px;
    color: #666666;
    line-height: 1.6;
    float: none;
    padding-left: 0px;
    text-align: center;
    margin-top: 8px;
  }

  .ty_title .js.en {
    text-transform: uppercase;
    font-size: 12px ! important;
  }

  .ty_title .js {
    margin-top: 10px;
  }

  .ty_title {
    margin-bottom: 20px;
  }

  .fubiao {
    font-size: 22px ! important;
    color: #000000;
    line-height: 1.4;
  }

  .home_c {
    padding: 40px 0;
  }

  .home_c .left {
    width: 100%;
  }

  .home_c .right {
    width: 100%;
    margin-top: 20px;
  }

  .home_d {
    padding: 40px 0 20px;
  }

  .home_d .ul li {
    width: 25%;
  }

  .home_e {
    padding: 20px 0 30px;
  }

  .home_e .tit {
    width: 100%;
  }

  .home_e .tit a {
    padding-top: 0;
    margin-right: 20px;
  }

  .home_e .ul {
    margin-top: 20px;
  }

  .home_f {
    padding: 40px 0;
  }

  .home_noneimg {
    padding-bottom: 40px ! important;
  }

  .home_f .tit {
    width: 100%;
  }

  .home_f .tit a {
    padding-top: 0;
    margin-right: 20px;
  }

  .home_f .nr {
    margin-top: 20px;
  }

  .news_gd {
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    background: #333;
    color: #fff;
    height: 46px;
    line-height: 46px;
    width: 200px;
    margin: 20px auto 0px auto !important;
  }

  .left.zw {
    width: 11%;
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    background: #d6d6d652;
    padding: 10% 1%;
    text-align: center;
  }

  .home_f .nr .nr_s .ul li .right.text {
    width: 89%;
    padding: 0px 20px;
  }

  .home_f .nr .nr_s .ul li {
    width: 100%;
    margin-right: 0;
    /* margin-bottom: 20px; */
  }

  .home_f .nr .nr_s .ul li:last-child {
    margin-bottom: 0;
  }

  .home_f .nr .nr_x .ul li {
    width: 100%;
    margin-right: 0;
    border-bottom: none;
  }

  .home_f .nr .nr_x .ul li:last-child {
    border-top: none;
    border-bottom: 1px solid #e5e7e9;
  }

  .home_f .nr .nr_x .ul li a {
    width: 100%;
    margin-right: 0;
  }
}

@media(max-width: 900px) {
  .home_a .ul li {
    width: 100%;
    margin-bottom: 20px;
  }

  .home_a .ul li:last-child {
    margin-bottom: 0;
  }

  .home_b .ul .box {
    height: auto;
    width: 100%;
    margin-bottom: 20px;
  }

  .more2,
  a.more2 {
    border: 1px solid #dadada;
    color: #1b1a1a;
    padding: 10px 38% ! important;
    margin-top: 30px;
    border-radius: 5px 0px 5px 0px;
  }

  .home_b .ul .box:last-child {
    margin-bottom: 0;
  }

  .home_b .ul .box .text {
    padding: 24px 16px;
  }

  .home_b .ul .box .text .btm .js {
    margin-top: 10px;
    padding-top: 10px;
  }

  .home_c .left .nr .box {
    padding: 20px;
  }

  .home_c .left .nr .box h3 {

    font-size: 26px !important;

    padding-bottom: 10px;
  }
}

@media(max-width: 640px) {
  .home_c .left .nr {
    width: 100%;
  }

  .home_c .right .ul li {
    height: 180px;
  }

  .home_c .right .ul li .box {
    padding: 20px 16px;
  }

  .home_c .right .ul li.li3 .bg {
    display: none;
  }

  .home_d .ul li {
    width: 33.3%;
  }

  .home_e .ul li:nth-child(1) {
    width: 100%;
  }

  .home_e .ul li {
    margin-bottom: 1px;
    position: initial;
  }

  .home_e .ul li.none {
    margin-right: 0;
    display: block;
  }

  .home_e .ul li:nth-child(2) {
    display: none;
  }

  .footer .btm .right .text .num {
    font-size: 20px;
  }

  .footer .btm .logo {
    width: 140px;
  }
}

@media(max-width: 500px) {
  /*.home_d .ul li{width: 50%;}*/

}

.nybanner .img .img2 {
  display: none;
}

.nybanner .img {
  overflow: hidden;
}

.nybanner .img .img1 {
  transition: all 1.4s;
  transform: scale(1.06);
}

.nybanner .img .img1.cur {
  transform: scale(1);
}

.about_banner .nybanner_box {
  position: absolute;
  left: 0;
  right: 0;
  top: 30.5%;
}

.about_banner .nybanner_box .right {
  float: right;
  background: rgba(255, 255, 255, 0.96);
  width: 49%;
  padding: 80px 60px 180px;
}

.about_banner .nybanner_box .right .bt {
  font-size: 43px;
  color: #000000;
  line-height: 1.3;
  position: relative;
  z-index: 2;
  font-weight: 350;
  letter-spacing: 2px;
}

.about_banner .nybanner_box .right .text {
  color: #333333;
  line-height: 1.8;
  margin-top: 20px;
  position: relative;
  z-index: 2;
}

.bule {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 140px;
  height: 140px;
  background: #1d9321;
  color: #fff;
  line-height: 1.4;
  text-align: right;
  font-size: 15px;
}

.bule .js {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 16px 16px;
}

.bule:before {
  position: absolute;
  left: 0;
  top: 0;
  background: #0863c4;
  width: 42px;
  height: 42px;
  content: "";
}

.bule:after {
  background: #1d9321;
  width: 30px;
  height: 30px;
  position: absolute;
  content: "";
  top: -30px;
  left: -30px;
}

.about_a {
  padding: 120px 0 140px;
  /* background: url(../images/about_a_bg.jpg) center center/cover;*/
  background-attachment: fixed;
}

.about_a .about_a_box {
  width: 67%;
  margin: 0 auto;
}

.about_a .about_a_box .wenzi {
  margin-top: 40px;
  line-height: 2;
  color: #333;
}

.about_a .about_a_box .wenzi .h3 {
  margin-bottom: 4px;
}

.about_b {
  position: relative;
  padding: 110px 0 74px;
  background: #f6f6f6;
}

.about_b:before {
  width: 100%;
  height: 32%;
  content: "";
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.about_b .left {
  width: 20%;
  position: relative;
  z-index: 2;
}


.about_b .right {
  width: 75%;
  position: relative;
  z-index: 2;
}

.about_b .right .text {
  line-height: 2;
  color: #333333;
}

.about_b .right .text .h3 {
  margin-bottom: 2px;
}

.about_b .img {
  margin-top: 90px;
  position: relative;
  z-index: 0;
}

.about_b .img .box .bg {
  position: absolute;
  left: 0;
  top: -210px;
  width: 210px;
  height: 210px;
  background: #ededed;
}

.about_b .img .box .bg:before {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  background: #e7e7e7;
  content: "";
}

.about_b .img .box .bg:after {
  position: absolute;
  right: -44px;
  top: -44px;
  width: 44px;
  height: 44px;
  background: #ededed;
  content: "";
}

.about_b .img .box img {
  width: 100%;
}

.about_b .img .box .bule {
  font-size: 25px;
  background: rgba(255, 255, 255, 0.12);
  width: 260px;
  height: 260px;
}

.about_b .img .box .bule .js {
  padding: 0 30px 30px;
}

.about_b .img .box .bule:before {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.11);
}

.about_b .img .box .bule:after {
  background: rgba(255, 255, 255, 0.12);
  width: 54px;
  height: 54px;
  top: -54px;
  left: -54px;
}

.about_c {
  background: #232628;
}

.about_c .ul li {
  float: left;
  width: 40%;
  height: 300px;
  position: relative;
}


.about_c .ul li.li5 .ty_title .bt {
  color: #fff;
}

.about_c .ul li.li5 .ty_title {
  margin-bottom: 20px;
}

.about_c .ul li.li5 .wenzi {
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.56);
}

.about_c .ul li .img {
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0.11;
  transition: all 0.6s;
}

.about_c .ul li .text {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;

}

.about_c .ul li .text .box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 70px;
  color: #fff;
  display: none;
}

.about_c .ul li .text .fbt {
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.5);
}

.about_c .ul li .text .js {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.5);
}


.about_c .ul li.li2 .text:before {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.1);
  content: "";
}

.about_c .ul li.li2 .text:after {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 24px;
  top: 24px;
  background: rgba(255, 255, 255, 0.03);
  content: "";
}

.about_c .ul li.li3,
.about_c .ul li.li4,
.about_c .ul li.li9 {
  width: 20%;
}

.about_c .ul li.li3 .img,
.about_c .ul li.li9 .img {
  width: 100%;
}

.about_c .ul li.li3 .text {
  top: 100%;
  width: 100%;
  transform: initial;
}

.about_c .ul li.li9 .text {
  top: -100%;
  width: 100%;
  transform: initial;
}

.about_c .ul li.li5 {
  background: #272a2c;
  padding: 80px 60px;
}

.about_c .ul li.li5 .bule {
  color: rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
}

.about_c .ul li.li5 .bule:before {
  background: rgba(255, 255, 255, 0.03);
}

.about_c .ul li.li5 .bule:after {
  background: rgba(255, 255, 255, 0.01);
}

.about_c .ul li:hover .img {
  opacity: 1;
}

.about_c .ul li:hover .text .box {
  display: block;
}

@media(max-width: 1700px) {
  .about_banner .nybanner_box .right {
    padding: 60px 40px 160px;
  }

  .about_banner .nybanner_box .right .bt {
    font-size: 40px;
  }

  .about_banner .nybanner_box .right .text {
    margin-top: 16px;
  }

  .bule {
    width: 120px;
    height: 120px;
    font-size: 12px;
  }

  .about_a {
    padding: 90px 0 120px;
  }

  .about_b {
    position: relative;
    padding: 90px 0 70px;
    background: #f6f6f6;
  }

  .about_b .img .box .bg {
    width: 180px;
    height: 180px;
    top: -180px;
  }

  .about_b .img .box .bule {
    font-size: 18px;
    width: 180px;
    height: 180px;
  }

  .about_b .img .box .bule .js {
    padding: 0 20px 20px;
  }

  .about_c .ul li {
    height: 260px;
  }

  .about_c .ul li.li5 {
    padding: 80px 40px;
  }

  .about_c .ul li .text .box {
    padding: 0 20px;
  }

  .about_c .ul li .text .js {
    margin-top: 14px;
  }
}

@media(max-width: 1500px) {
  .ny_container2 {
    width: 88%;
  }

  .about_banner .nybanner_box .right .bt {
    font-size: 30px;
  }

  .about_banner .nybanner_box .right {
    padding: 40px 30px 140px;
  }

  .about_a {
    padding: 70px 0 90px;
  }

  .about_a .about_a_box .wenzi {
    margin-top: 30px;
  }

  .about_b {
    padding: 70px 0 50px;
  }

  .about_b .img .box .bg {
    width: 150px;
    height: 150px;
    top: -150px;
  }

  .about_b .img .box .bule:before {
    width: 60px;
    height: 60px;
  }

  .about_b .img .box .bule {
    font-size: 15px;
    width: 150px;
    height: 150px;
  }

  .about_b .img .box .bg:before {
    width: 46px;
    height: 46px;
  }

  .about_b .img .box .bg:after {
    right: -30px;
    top: -30px;
    width: 30px;
    height: 30px;
  }

  .about_b .img .box .bule:after {
    width: 36px;
    height: 36px;
    top: -36px;
    left: -36px;
  }

  .about_c .ul li {
    height: 220px;
  }

  .about_c .ul li .text .fbt {
    margin-top: 6px;
  }

  .about_c .ul li .text .js {
    margin-top: 10px;
  }
}

@media(max-width: 1100px) {
  .nybanner .img .img1 {
    display: none;
  }

  .nybanner .img .img2 {
    display: block;
  }

  .ny_container2 {
    width: 95%;
  }

  .ny_container1 {
    width: 100%;
  }

  .about_a {
    padding: 40px 0;
  }

  .bule {
    width: 100px;
    height: 100px;
  }

  .bule:after {
    width: 20px;
    height: 20px;
    top: -20px;
    left: -20px;
    background: #1d93214f;
  }

  .bule:before {
    width: 30px;
    height: 30px;
  }

  .peifei.nybanner_box .bule {
    display: none;
  }

  .about_banner .bule {
    opacity: 0.7;
  }

  .about_banner .nybanner_box {
    top: 56%;
    transform: translateY(-50%);
  }

  .about_banner .nybanner_box .right .bt {
    font-size: 26px;
    letter-spacing: 1px;
  }

  .about_banner .nybanner_box .right .text {
    margin-top: 10px;
  }

  .about_banner .peifei.nybanner_box .right {
    width: 100%;
    padding: 30px 20px 20px;
    background: rgb(255 255 255 / 87%);
  }

  .about_banner .nybanner_box .right {
    width: 100%;
    padding: 30px 20px 100px;
  }

  .about_b {
    padding: 40px 0 50px;
  }

  .about_b .left {
    width: 100%;
  }

  .about_b .right {
    width: 100%;
  }

  .about_b .img {
    margin-top: 40px;
  }

  .about_b .img .box .bg {
    width: 90px;
    height: 90px;
    top: -90px;
  }

  .about_b .img .box .bule {
    font-size: 12px;
    width: 110px;
    height: 110px;
  }

  .about_b .img .box .bule:before {
    width: 30px;
    height: 30px;
  }

  .about_b .img .box .bule:after {
    width: 18px;
    height: 18px;
    top: -18px;
    left: -18px;
  }

  .about_c .ul li,
  .about_c .ul li.li3,
  .about_c .ul li.li4,
  .about_c .ul li.li9 {
    width: 100%;
  }

  .about_c .ul li.li3 .img,
  .about_c .ul li.li9 .img {
    width: 50%;
  }

  .about_c .ul li.li4 {
    display: none;
  }

  .about_c .ul li.li5 {
    padding: 40px 20px;
  }

  .about_c .ul li.li2 .img,
  .about_c .ul li.li7 .img,
  .about_c .ul li.li9 .img {
    left: auto;
    right: 0;
  }

  .about_c .ul li.li2 .text,
  .about_c .ul li.li7 .text,
  .about_c .ul li.li9 .text {
    left: 0;
    right: auto;
  }

  .about_c .ul li.li9 .text {
    width: 50%;
    top: 50%;
    transform: translateY(-50%);
  }

  .about_c .ul li.li3 .text {
    width: 50%;
    top: 50%;
    transform: translateY(-50%);
  }
}


@media(max-width: 800px) {
  .about_a .about_a_box {
    width: 100%;
  }
}

@media(max-width: 500px) {
  .about_b .img .box .bule {
    width: 90px;
    height: 90px;
  }

  .about_b .img .box .bule:before {
    width: 20px;
    height: 20px;
  }

  .about_b .img .box .bule:after {
    width: 10px;
    height: 10px;
    top: -10px;
    left: -10px;
  }

  .about_b .img .box .bule .js {
    padding: 0 4px 10px;
  }

  .about_c .ul li {
    height: 160px;
  }

  .about_c .ul li.li2 .text:before {
    width: 16px;
    height: 16px;
  }

  .about_c .ul li.li2 .text:after {
    width: 40px;
    height: 40px;
    left: 16px;
    top: 16px;
  }
}

.shuzihua_banner .shuzihua_text {
  position: absolute;
  left: 50%;
  top: 30%;
  width: 49%;
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
}

.shuzihua_banner .shuzihua_text .bt {
  line-height: 1;
}

.shuzihua_banner .shuzihua_text .bt .a {
  font-size: 130px;
}

.shuzihua_banner .shuzihua_text .bt .b {
  font-size: 119px;
}

.shuzihua_banner .shuzihua_text .bt .c {
  font-size: 160px;
}

.shuzihua_banner .shuzihua_text .bt .d {
  font-size: 170px;
}

.shuzihua_banner .shuzihua_text .bt .e {
  font-size: 200px;
}

.shuzihua_banner .shuzihua_text .js {
  font-size: 50px;
  line-height: 1.4;
}

.shuzihua_banner .shuzihua_text .icon {
  width: 170px;
  margin-top: 40px;
  display: inline-block;
}

.shuzihua_a {
  padding: 90px 0 130px;
}

.shuzihua_a .ul li {
  float: left;
  margin-right: 1.1%;
  width: 32.6%;
  background: #f8f8f8;
}

.shuzihua_a .ul li:last-child {
  margin-right: 0;
}

.shuzihua_a .ul li .text {
  padding: 40px 34px;
}

.shuzihua_a .ul li .text .icon {
  width: 54px;
}

.shuzihua_a .ul li .text .bt {
  color: #333333;
  margin-top: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.shuzihua_a .ul li .text .js {
  line-height: 1.8;
  color: #666666;
  margin-top: 12px;
  height: 80px;
  overflow: hidden;
}

.shuzihua_b.chonghai.bh {
  padding: 80px 0 80px;
  background: #f7f9fb;
}

.shuzihua_b {
  padding: 80px 0 110px;
  /* background: url(../images/shuzihua_b_bg.jpg) center center/cover; */
  background-attachment: fixed;
}

.shuzihua_b.buzhou .ul li {
  float: left;
  width: 18%;
  margin-right: 2%;
  padding: 2%;
  position: relative;
  transition: all 0.4s;
  top: 0;
}

.shuzihua_b.chonghai .ul {
  margin-top: 5%;
}

.shuzihua_b.chonghai .ul li {
  float: left;
  width: 21%;
  margin-right: 5%;
  padding-right: 5%;
  position: relative;
  transition: all 0.4s;
  top: 0;
  text-align: center;
}

.shuzihua_b .ul li:hover {
  top: -20px;
}

.shuzihua_b .ul li {
  float: left;
  width: 30%;
  margin-right: 5%;
  padding-right: 110px;
  position: relative;
  transition: all 0.4s;
  top: 0;
}

.shuzihua_b .ul li:hover {
  top: -20px;
}

.shuzihua_b .ul li:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  content: "";
  width: 1px;
  background: #e2e2e2;
}

.shuzihua_b .ul li:last-child {
  margin-right: 0;
}

.shuzihua_b .ul li:last-child:before {
  display: none;
}

.shuzihua_b .ul li .icon {
  /* width: 118px; */
}

.shuzihua_b.buzhou .ul li .text {
  margin-top: 0px;
  text-align: center;
}

.shuzihua_b .ul li .text {
  margin-top: 20px;
}

.shuzihua_b .ul li .text .bt {
  color: #333333;
  line-height: 1.5;
}

.shuzihua_b .ul li .text .js {
  margin-top: 16px;
  line-height: 1.8;
  color: #666666;
}

.shuzihua_c {
  background: #323537;
  padding: 80px 0 120px;
}

.shuzihua_c .ty_title .bt,
.shuzihua_c .ty_title .js {
  color: #fff;
}

.shuzihua_c .left {
  width: 40.3%;
}

.shuzihua_c .left .ul {
  margin-top: 40px;
}

.shuzihua_c .left .ul li {
  margin-bottom: 40px;
  padding-left: 20px;
}

.shuzihua_c .left .ul li:last-child {
  margin-bottom: 0;
}

.shuzihua_c .left .ul li .icon {
  float: left;
  width: 37px;
}

.shuzihua_c .left .ul li .text {
  float: left;
  width: calc(100% - 37px);
  padding-left: 12px;
  color: #fff;
  margin-top: -6px;
}

.shuzihua_c .left .ul li .text .js {
  line-height: 1.8;
  margin-top: 4px;
}

.shuzihua_c .right {
  width: 53.7%;
  margin-right: -50px;
  text-align: right;
}

.shuzihua_c .right .img1 {
  position: absolute;
  left: -10%;
  bottom: -20%;
  width: 27.1%;
  animation: bounce 8s linear infinite;
}

.shuzihua_c .right .img2 {
  width: 95.5%;
  display: inline-block;
  bottom: -20%;
  margin-top: 20px;
}

@media(max-width: 1680px) {
  .shuzihua_banner .shuzihua_text .bt .a {
    font-size: 100px;
  }

  .shuzihua_banner .shuzihua_text .bt .b {
    font-size: 99px;
  }

  .shuzihua_banner .shuzihua_text .bt .c {
    font-size: 140px;
  }

  .shuzihua_banner .shuzihua_text .bt .d {
    font-size: 150px;
  }

  .shuzihua_banner .shuzihua_text .bt .e {
    font-size: 170px;
  }

  .shuzihua_banner .shuzihua_text .js {
    font-size: 36px;
  }

  .shuzihua_a {
    padding: 70px 0 100px;
  }

  .shuzihua_a .ul li .text {
    padding: 30px;
  }

  .shuzihua_a .ul li .text .icon {
    width: 50px;
  }

  .shuzihua_a .ul li .text .bt {
    margin-top: 20px;
  }

  .shuzihua_b {
    padding: 80px 0 140px;
  }

  .shuzihua_b .ul li {
    padding-right: 60px;
  }

  .shuzihua_b .ul li .icon {
    width: 100%;
  }

  .shuzihua_c {
    padding: 100px 0 80px;
  }

}

@media(max-width: 1500px) {
  .shuzihua_banner .shuzihua_text .bt .a {
    font-size: 60px;
  }

  .shuzihua_banner .shuzihua_text .bt .b {
    font-size: 59px;
  }

  .shuzihua_banner .shuzihua_text .bt .c {
    font-size: 90px;
  }

  .shuzihua_banner .shuzihua_text .bt .d {
    font-size: 110px;
  }

  .shuzihua_banner .shuzihua_text .bt .e {
    font-size: 130px;
  }

  .shuzihua_banner .shuzihua_text .js {
    font-size: 28px;
    line-height: 1.6;
  }

  .shuzihua_banner .shuzihua_text {
    width: 70%;
  }

  .shuzihua_banner .shuzihua_text .icon {
    width: 150px;
    margin-top: 30px;
  }

  .shuzihua_a {
    padding: 60px 0 80px;
  }

  .shuzihua_a .ul li .text {
    padding: 30px 20px;
  }

  .shuzihua_b {
    padding: 60px 0 100px;
  }

  .shuzihua_b .ul li .icon {
    width: 100%;
  }

  .shuzihua_c {
    padding: 70px 0 60px;
  }

  .shuzihua_c .left .ul {
    margin-top: 40px;
  }

  .shuzihua_c .left .ul li {
    margin-bottom: 30px;
  }
}

@media(max-width: 1100px) {
  .shuzihua_banner .shuzihua_text .bt .a {
    font-size: 40px;
  }

  .shuzihua_banner .shuzihua_text .bt .b {
    font-size: 39px;
  }

  .shuzihua_banner .shuzihua_text .bt .c {
    font-size: 60px;
  }

  .shuzihua_banner .shuzihua_text .bt .d {
    font-size: 80px;
  }

  .shuzihua_banner .shuzihua_text .bt .e {
    font-size: 100px;
  }

  .shuzihua_banner .shuzihua_text .js {
    font-size: 20px;
  }

  .shuzihua_banner .shuzihua_text {
    width: 100%;
  }

  .shuzihua_banner .shuzihua_text .icon {
    width: 100px;
    margin-top: 20px;
  }

  .shuzihua_a {
    padding: 40px 0 50px;
  }

  .shuzihua_c .right {
    margin-right: 0;
  }

  .shuzihua_b {
    padding: 40px 0 50px;
  }

  .shuzihua_b.chonghai.bh {
    padding: 50px 0 20px;
    background: #f7f9fb;
  }

  .shuzihua_c .left {
    width: 100%;
  }

  .shuzihua_c .right {
    width: 100%;
    margin-top: 30px;
  }

  .shuzihua_c .right .img1 {
    position: absolute;
    left: 0%;
    bottom: -10%;
    width: 27.1%;
  }
}

@media(max-width: 800px) {
  .shuzihua_a .ul li {
    width: 100%;

    margin-right: 0;
    margin-bottom: 16px;
  }

  .shuzihua_a .ul li:last-child {
    margin-bottom: 0;
  }

  .shuzihua_a .ul li .text {
    padding: 20px;
  }

  .shuzihua_b .ul li:before {
    display: none;
  }

  .shuzihua_b.buzhou .ul li {
    float: left;
    width: 31%;
    margin-right: 2%;
    padding: 2%;
    position: relative;
    transition: all 0.4s;
    top: 0;
  }

  .shuzihua_b.chonghai .ul {
    margin-top: 15%;
  }

  .shuzihua_b.chonghai .ul li {
    float: left;
    width: 45%;
    margin-right: 5%;
    padding-right: 5%;
    position: relative;
    transition: all 0.4s;
    top: 0;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .shuzihua_b.chonghai .ul li img {
    width: 50px;
  }

  .shuzihua_b .ul li {
    padding-left: 20px;
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    /* border-bottom: 1px solid #e2e2e2; */
  }

  .shuzihua_b .ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .shuzihua_b .ul li .icon {
    width: 100%;
  }

  .shuzihua_b .ul li .text .bt {
    color: #333333;
    line-height: 1.5;
    margin-top: 14px;
    text-align: center;
  }

  .shuzihua_b .ul li .text {
    margin-top: 14px;
  }

  .shuzihua_b .ul li .text .js {
    margin-top: 10px;
  }

  .shuzihua_c {
    padding: 40px 0;
  }

}

@media(max-width: 500px) {
  .shuzihua_banner .shuzihua_text .bt .a {
    font-size: 30px;
  }

  .shuzihua_banner .shuzihua_text .bt .b {
    font-size: 29px;
  }

  .shuzihua_banner .shuzihua_text .bt .c {
    font-size: 40px;
  }

  .shuzihua_banner .shuzihua_text .bt .d {
    font-size: 50px;
  }

  .shuzihua_banner .shuzihua_text .bt .e {
    font-size: 60px;
  }

  .shuzihua_banner .shuzihua_text .js {
    font-size: 18px;
  }

  .shuzihua_banner .shuzihua_text .icon {
    width: 80px;
    margin-top: 14px;
  }
}


/**互联网开发**/
.internet {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.internet .internet-w {
  width: 42%;
}

@media(max-width:3000px) {
  .internet .internet-m {
    width: 55%;
  }

  .internet .internet-w {
    margin-top: 110px;
  }
}

@media(max-width:1920px) {
  .internet .internet-m {
    width: 52%;
  }

  .xxh .internet .internet-m {
    width: 58%;
    margin-top: -1.2rem;
  }

  .internet .mj.internet-m {
    width: 32%;
  }

  .chongqing.internet-m {
    width: 44.8%;
    margin-top: -11%;
  }

  .djs.jjfa_yl_text .js {
    line-height: 1.8;
    margin-top: 20px;
  }

  .jjfa_yl_text .js {
    line-height: 1.5;
    margin-top: 20px;
  }

  .internet .internet-w {
    margin-top: 90px;
  }
}

@media (max-width: 1500px) {
  .internet .chongqing.internet-m {
    width: 35%;
    margin-top: -12%;
    margin-right: 5%;
  }

  .xxh .internet .internet-m {
    width: 52%;
    margin-top: -4.5rem;
  }

  .internet .internet-m {
    width: 50%;
  }

  .exclusiveArea .exclusiveBox .item {
    margin-top: 40px;
    position: relative;
    z-index: 5;
    background-color: #fff;
    height: auto;
    padding: .35rem .1rem .2rem .1rem !important;
    background-image: linear-gradient(0deg, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
    border-radius: 10px;
  }
}

.internet .internet-m .img .xt {
  position: absolute;
  width: 38.5%;
  border-radius: 30px;
  box-shadow: 0px 16px 20px 0px rgba(0, 0, 0, 0.3);
  transition: all 1.5s;
  opacity: 0;
}

.internet .internet-m .img .xt.cur {
  opacity: 1;
  left: 39.8% !important;
  top: 0 !important;

}

.internet .internet-icon {
  margin-left: -29px;
}

.internet .internet-a {
  margin-bottom: 80px;
}

.internet .internet-a .internet-a1 {
  color: #000000;
}

.internet .internet-a .internet-a2 {
  font-size: 50px;
  color: #000000;
  margin-top: 2px;
}

.internet .internet-b ul li {
  float: left;
  margin-right: 48px;
}

.internet .internet-b ul li:last-child {
  margin-right: 0;
}

.internet .internet-b ul li .neb-icon {
  float: left;
  margin-right: 13px;
}

.internet .internet-b ul li .neb-nr {
  float: left;
}

.internet .internet-b ul li .neb-nr .b-nr1 {
  color: #333333;
  font-size: 20px;
  font-weight: bold;
}

.internet .internet-b ul li .neb-nr .b-nr2 {
  color: #666666;
  margin-top: 6px;
}

.internet-A {
  padding: 80px 0 80px;
  background: #f6f6f6;
}

.internet-A .netA-nr ul li {
  float: left;
  width: 23.5%;
  background: #fff;
  margin-right: 2%;
}

.internet-A .netA-nr ul li:last-child {
  margin-right: 0;
}

.internet-A .netA-nr ul li .img {
  line-height: 0;
  overflow: hidden;
  position: relative;
}

.internet-A .netA-nr ul li .img img {
  width: auto;
  max-width: 100%;
}

.internet-A .netA-nr ul li .img span.s1 {
  position: absolute;
  left: 10%;
  bottom: 0;
  width: 50%;
}

.internet-A .netA-nr ul li .img span.s2 {
  position: absolute;
  right: 10%;
  bottom: 0;
  width: 40%;
}

.internet-A .netA-nr ul li .img span.s1,
.internet-A .netA-nr ul li .img span.s2 {
  transform: translateY(20px);
  transition: all .5s;
}

.internet-A .netA-nr ul li:hover .img span.s1,
.internet-A .netA-nr ul li:hover .img span.s2 {
  transform: translateY(0);
  transition: all .5s;
}

.internet-A .netA-nr ul li .icon {
  width: 70px;
  height: 70px;
  margin: -35px auto 0;
  line-height: 0;
  position: relative;
}


.internet-A .netA-nr ul li .text {
  text-align: center;
  padding: 10px 15px 35px;
}

.internet-A .netA-nr ul li .text .texta {
  color: #333333;
  font-weight: bold;
  font-size: 20px;
}

.internet-A .netA-nr ul li .text p {
  color: #808080;
  font-size: 14px;
  line-height: 22px;
  max-width: 335px;
  width: 100%;
  margin: 10px auto 0;
}

.internet-A .netA-nr ul li .icon.icon1 {
  background: url(../images/uedboxIcon1.png) no-repeat center center;
}

.internet-A .netA-nr ul li .icon.icon2 {
  background: url(../images/uedboxIcon2.png) no-repeat center center;
}

.internet-A .netA-nr ul li .icon.icon3 {
  background: url(../images/uedboxIcon3.png) no-repeat center center;
}

.internet-A .netA-nr ul li:hover .icon.icon1 {
  background: url(../images/uedboxIcon01.png) no-repeat center center;
}

.internet-A .netA-nr ul li:hover .icon.icon2 {
  background: url(../images/uedboxIcon02.png) no-repeat center center;
}

.internet-A .netA-nr ul li:hover .icon.icon3 {
  background: url(../images/uedboxIcon03.png) no-repeat center center;
}

.internet-B {
  padding: 80px 0 80px;
}


.internet-B .box .left {
  width: 75%;
  position: relative;
}

.internet-B .box .left ul li {
  float: left;
  width: 32%;
  height: 129px;
  margin-right: 2%;
  position: relative;
  margin-top: 2%;
  position: relative;
  padding: 20px 0 20px 3.5%;
}

.internet-B .box .left ul li:nth-child(1),
.internet-B .box .left ul li:nth-child(2),
.internet-B .box .left ul li:nth-child(3) {
  margin-top: 0;
}

.internet-B .box .left ul li .s,
.internet-B .box .left ul li .x {
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  background-image: linear-gradient(to right, #f5f5f5, #e1e1e1, #f5f5f5);
}

.internet-B .box .left ul li .z,
.internet-B .box .left ul li .y {
  position: absolute;
  width: 1px;
  height: calc(100% + 40px);
  top: 50%;
  transform: translateY(-50%);
  background-image: linear-gradient(#f5f5f5, #e1e1e1, #f5f5f5);
}

.internet-B .box .left ul li .s {
  top: 0;
}

.internet-B .box .left ul li .x {
  bottom: 0;
}

.internet-B .box .left ul li .z {
  left: 0;
}

.internet-B .box .left ul li .y {
  right: 0;
}

.internet-B .box .left ul li:hover {
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px rgb(55 99 170 / 10%), -8px -8px 20px #fff;
}

.internet-B .box .left ul li .icon .sbjg {
  display: none;
}

.internet-B .box .left ul li:hover .icon .sbjg {
  display: block;
}

.internet-B .box .left ul li:hover .icon .mrz {
  display: none;
}

.internet-B .box .left ul li .t {
  position: absolute;
  top: 50%;
  left: 8%;
  transform: translateY(-50%);
}

.internet-B .box .left ul li .t .t1 {
  color: #666666;
}

.internet-B .box .left ul li:hover .t .t1 {
  /* color: #fff; */
}

.internet-B .box .left ul li .t .t2 {
  color: #bcbcbc;
  margin-top: 3px;
}

.internet-B .box .left ul li:hover .t .t2 {
  /* color: #e4f4e4; */
}

.internet-B .box .left ul li .icon {
  position: absolute;
  top: 50%;
  right: 8%;
  width: 30%;
  transform: translateY(-50%);
}

.internet-B .box .left ul .byxx:before {
  border-left: 0;
  border-right: 0;
}

.internet-B .box .left ul li:nth-child(3n) {
  margin-right: 0;
}

.internet-B .box .left ul li:nth-child(3n):after {
  /* display: none;*/
}

.internet-B .box {
  position: relative;
}

.internet-B .box .right {
  width: 23.6%;
  text-align: center;
  position: absolute;
  height: 100%;
  right: 0;
}

.internet-B .box .right:hover {
  background-image: linear-gradient(180deg, #f5f5f5, #fff);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px rgb(55 99 170 / 10%), -8px -8px 20px #fff;
}

.internet-B .box .right .icon .sbjg {
  display: none;
}

.internet-B .box .right:hover .icon .sbjg {
  display: block;
}

.internet-B .box .right:hover .icon .mrzs {
  display: none;
}

.internet-B .box .right .right-pr {
  position: relative;
  height: 100%;
  width: 100%;
}

.internet-B .box .right .right-pr .right-jd {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.internet-B .box .right .right-pr .right-jd .icon {
  width: 60%;
  display: inline-block;
}


.internet-B .box .right .right-pr .s,
.internet-B .box .right .right-pr .x {
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  background-image: linear-gradient(to right, #f5f5f5, #e1e1e1, #f5f5f5);
}

.internet-B .box .right .right-pr .z,
.internet-B .box .right .right-pr .y {
  position: absolute;
  width: 1px;
  height: calc(100% + 40px);
  top: 50%;
  transform: translateY(-50%);
  background-image: linear-gradient(#f5f5f5, #e1e1e1, #f5f5f5);
}

.internet-B .box .right .right-pr .s {
  top: 0;
}

.internet-B .box .right .right-pr .x {
  bottom: 0;
}

.internet-B .box .right .right-pr .z {
  left: 0;
}

.internet-B .box .right .right-pr .y {
  right: 0;
}

.internet-B .box .right .h3 {
  color: #666666;
}

.internet-B .box .right:hover .h3 {
  color: #fff;
}

.internet-B .box .right:hover .h4 {
  color: #fff;
}

.internet-B .box .right .h4 {
  font-weight: bold;
  line-height: 30px;
  color: #bcbcbc;
  margin: 8px 0 48px;
}

.internet-C.tabSwitch.zhuanli {
  background: #ffffff;
  padding: 80px 0 80px;
}

.internet-C {
  background: #f6f6f6;
  padding: 90px 0 120px;
}

.internet-C .netC-bt {
  margin-bottom: 10px;
}

.internet-C .netC-wzxbmb {
  margin-top: 15px;
}

.internet-C .netC-wzxbmb .tabTit .lj {
  color: #8c8c8c;
  padding-bottom: 11px;
  margin-right: 40px;
  position: relative;
  cursor: pointer;
}

.internet-C .netC-wzxbmb .tabTit .cur {
  color: #0e57ac;
}

.internet-C .netC-wzxbmb .tabTit .lj:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #0e57ac;
  transition: all .5s;
}

.internet-C .netC-wzxbmb .tabTit .lj:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #1d9321;
  transition: all .5s;
}

.internet-C .netC-wzxbmb .tabTit .cur:after {
  width: 4px;
  transition: all .5s;
}

.internet-C .netC-wzxbmb .tabTit .cur:before {
  width: 100%;
  transition: all .5s;
}

.internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide a {
  display: block;
}

.internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide a .box-z {
  position: absolute;
  bottom: -50%;
  left: 0;
  color: #fff;
  width: 100%;
  padding: 18px 0 22px 25px;
  background: rgba(0, 0, 0, .5);
  transition: all .4s;
}

.internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide:hover a .box-z {
  bottom: 0;
  transition: all .4s;
}

.internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide a .img img {
  transition: all 0.5s;
}

.internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide a:hover .img img {
  transform: scale(1.1);
  transition: all 0.5s;
}

.nextC-nr.tabBox.zhuanli .swiper-slide {
  width: 20% ! important;
  padding: 0 1%;
}

.nextC-nr.tabBox .swiper-slide {
  width: 24% ! important;
}

.internet-C .nextC-nr .box {
  position: relative;
}

.internet-C .nextC-nr .box-next {
  width: 26px;
  height: 49px;
  right: -60px;
  background: url(../images/snext.png) no-repeat center center/cover;
}


.internet-C .nextC-nr .box-next:after {
  opacity: 0;
}

.internet-C .nextC-nr .box-prev {
  width: 26px;
  height: 49px;
  left: -60px;
  background: url(../images/sprev.png) no-repeat center center/cover;
}

.internet-C .nextC-nr .box-prev:after {
  opacity: 0;
}


.internet-D {

  overflow: hidden;
  padding: 94px 0 0;
}


.internet-D .netD-nr .D-nrmo {
  position: relative;
}

.internet-D .netD-nr .D-nrmo .box .img {
  float: left;
  width: 44.93%;
}

.internet-D .netD-nr .D-nrmo .box .text {
  float: left;
  margin-left: 12%;
  width: 37.37%;
  margin-top: 0px;
}

.internet-D .netD-nr .D-nrmo .box .text .texta {
  color: rgba(255, 255, 255, .1);
}

.internet-D .netD-nr .D-nrmo .box .text .textb {
  color: #fff;
  margin-top: 3px;
  padding-bottom: 21px;
  position: relative;
}

.internet-D .netD-nr .D-nrmo .box .text .textb:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 23px;
  height: 3px;
  background: rgba(255, 255, 255, .2);
}

.internet-D .netD-nr .D-nrmo .box .text .textc {
  color: #fff;
  margin: 30px 0 45px;
}

.internet-D .netD-nr .D-nrmo .box .text .textc .textc-b {
  line-height: 23px;
  margin-top: 7px;
}

.internet-D .netD-nr .D-nrmo .box .text .textd ul li {
  float: left;
  text-align: center;
  padding: 0 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}

.internet-D .netD-nr .D-nrmo .box .text .textd ul li:nth-child(1) {
  padding: 0 20px 0 0;
}

.internet-D .netD-nr .D-nrmo .box .text .textd ul li:last-child {
  border-right: 0;
}

.internet-D .netD-nr .D-nrmo .box .text .textd ul li .td-w {
  margin-top: 10px;
  color: rgba(255, 255, 255, .6);
}

.internet-D .ty_title {
  margin-bottom: 0;
}

.internet-D .netD-nr {
  position: relative;
}

.internet-D .netD-nrA {
  padding-top: 140px;
  margin-top: -20px;
}

.internet-D .netD-nr .bg {
  background: #2a2b2c;
  width: 200%;
  position: absolute;
  height: 200%;
  left: -20px;
  top: 0;
  transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
}

.internet-D .netD-nrB .bg {
  background: #1a58ab;
}

.internet-D .netD-nrB {
  padding-top: 100px;
  margin-top: -130px;
}

.internet-D .netD-nrB .D-nrmo .box {
  bottom: 37px;
}

.internet-D .netD-nrB .D-nrmo .box .img {
  float: right;
  width: 43%;
}

.internet-D .netD-nrB .D-nrmo .box .text {
  float: left;
  padding-top: 55px;
  margin-left: 0;
}

.internet-D .netD-nrB .D-nrmo .box .text .textd ul li .td-w {
  color: #9ab6da;
}


.internet-D .netD-nrC {
  padding: 150px 0 80px;
  margin-top: -97px;
}

.internet-D .netD-nrC .bg {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  width: 100%;
  height: 100%;
  left: 0;
  background: url(../images/D-nrmob.png) top right/cover;
}

.internet-D .netD-nrC .D-nrmo .box {
  bottom: 147px;
}

.internet-D .netD-nrC .D-nrmo .box .text .texta {
  color: #7d7d7e;
}

.internet-D .netD-nrC .D-nrmo .box .text {
  width: 43%;
  float: right;
  margin-top: 55px;
}

@media(max-width: 1920px) {
  .internet .internet-a .internet-a2 {
    font-size: 45px;
  }

  .internet-A .netA-nr ul li .text .texta {
    font-size: 18px;
  }
}

@media(max-width: 1700px) {
  .gaoduanwz_e .btm .img2 {
    width: 62%;
    right: 6%;
    bottom: 0;
    position: absolute;
  }

  .internet .internet-a .internet-a2 {
    font-size: 36px;
  }

  .internet .internet-w {
    width: 50%;
  }

  .font-32 {
    font-size: 23px !important;
  }

  .internet .internet-icon {
    width: 300px;
  }

  .internet-B .box .left ul li {
    height: 120px;
  }

  .internet-B {
    padding: 70px 0 80px;
  }

  .internet-C {
    padding: 70px 0 90px;
  }

  .internet-D {
    padding: 70px 0 0;
  }
}

@media(max-width: 1500px) {
  .internet-B .box .left ul li {
    height: 100px;
  }

  .internet .internet-icon {
    width: 240px;
  }

  .internet .internet-a .internet-a2 {
    font-size: 28px;
  }

  .internet .internet-w {
    margin-top: 40px;
  }

  .jjfa_yl_text .js {
    line-height: 1.8;
    margin-top: 10px;
  }

  .internet .internet-w {
    width: 50%;
  }

  .font-32 {
    font-size: 20px !important;
  }

  .internet-A .netA-nr ul li .text .texta {
    font-size: 16px;
  }

  .internet-C .nextC-nr .wcynm .swiper-wrapper .swiper-slide a .box-z {
    padding: 15px 0 15px 25px;
  }

  .internet-C .nextC-nr .box-prev {
    left: -52px;
  }

  .internet-C .nextC-nr .box-next {
    right: -52px;
  }

  .internet-D .netD-nr .D-nrmo .box .img {
    width: 38%;
  }

  .internet-D .netD-nr .D-nrmo .box .text .textc {
    margin: 20px 0 25px;
  }

  .internet-D .netD-nr .D-nrmo .box .text .textd ul li .icon img {
    width: 30px;
    display: inline-block;
  }

  .internet-D .netD-nr .D-nrmo .box {
    margin-bottom: 11px;
  }

  .internet-D .netD-nrB .D-nrmo .box .text {
    width: 38%;
  }

  .internet-D .netD-nrB .D-nrmo .box .img {
    float: left;
    margin-left: 12%;
  }

  .internet-D .netD-nrC .D-nrmo .box .text {
    width: 50%;
    margin-left: 2%;
  }

  .internet-D .netD-nr .D-nrmo .box .text .textb {
    font-size: 26px;
  }

  .internet-D .netD-nrC .D-nrmo .box {
    bottom: 70px;
  }

  .internet-D .netD-nr .D-nrmo .bg img {
    height: 550px;
  }

  .internet-D .netD-nr .D-nrmo .box .img {
    width: 45%;
  }

  .internet-D .netD-nrA {
    padding-top: 100px;
  }

  .internet-D .netD-nrC {
    padding: 130px 0 50px;
    margin-top: -60px;
  }
}

@media(max-width: 1300px) {
  .internet-C .nextC-nr .box-prev {
    left: -44px;
    width: 21px;
    height: 39px;
  }

  .internet-C .nextC-nr .box-next {
    right: -44px;
    width: 21px;
    height: 39px;
  }
}

@media(max-width: 1250px) {
  .internet-D .netD-nr .D-nrmo .box .text {
    width: 43%;
  }
}

@media(max-width: 1100px) {
  .internet .internet-a .internet-a2 {
    font-size: 22px;
  }

  .internet .internet-w {
    width: 100%;
    margin-top: 0;
  }

  .xxh .jjfa_yl_text .bt {
    line-height: 2;
  }

  .internet-w.left .bt i {
    font-size: 14px ! important;
    margin-top: 8px ! important;
    vertical-align: top;
    line-height: 10px;
    display: inline-block;
    padding-top: 0rem;
    margin-left: -5px ! important;
  }

  .font-32 {
    font-size: 16px !important;
  }

  .internet {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }


  .internet .internet-m {
    display: none;
  }

  .internet .internet-icon {
    width: 200px;
    margin-left: -20px;
  }

  .internet .internet-a {
    margin-bottom: 25px;
  }

  .internet .internet-b ul li .neb-icon {
    width: 48px;
  }

  .internet .internet-a .internet-a1 {
    color: #fff;
  }

  .internet .internet-a .internet-a2 {
    color: #fff;
    margin-top: 5px;
  }

  .internet .internet-b ul li .neb-nr .b-nr1 {
    color: #fff;
    font-size: 16px;
  }

  .internet .internet-b ul li .neb-nr .b-nr2 {
    color: #fff;
  }

  .internet-A {
    padding: 40px 0 20px;
  }

  .internet-A .netA-nr ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 16px;
  }

  .internet-A .netA-nr ul li:nth-child(3n) {
    margin-right: 2%;
  }

  .internet-A .netA-nr ul li:nth-child(2n) {
    margin-right: 0;
  }

  .internet-A .netA-nr ul li .text p {
    max-width: 100%;
  }

  .internet-A .netA-nr ul li .text {
    padding: 10px 15px 20px;
  }

  .internet-C {
    padding: 40px 0;
  }

  .internet-C .netC-wzxbmb {
    margin-top: 0;
    width: 100%;
  }

  .internet-C .netC-bt {
    margin-bottom: 25px;
  }

  .box.box-dy .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    flex-wrap: wrap;
    justify-content: center;
  }

  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    /* justify-content: center; */
  }

  .nextC-nr.tabBox.zhuanli .swiper-slide {
    width: 33% ! important;
    padding: 0 1%;
  }

  .nextC-nr.tabBox .swiper-slide {
    width: 30% ! important;
  }

  .internet-C .netC-wzxbmb .tabTit {
    width: 75%;
  }

  .internet-C .netC-wzxbmb .tabTit .lj {
    margin-right: 0;
    width: 33.3%;
    text-align: center;
  }

  .internet-C .netC-wzxbmb .wybzd {
    width: 25%;
    text-align: center;
  }

  .internet-C .nextC-nr .box-prev {
    opacity: 0;
  }

  .internet-C .nextC-nr .box-next {
    opacity: 0;
  }

  .internet-D {
    padding: 40px 0;
  }

  .internet-D .netD-nr .D-nrmo .bg img {
    height: auto;
  }

  .internet-D .netD-nr .D-nrmo .bg {
    display: none;
  }

  .internet-D .netD-nr .D-nrmo .box {
    position: initial;
  }

  .internet-D .netD-nr .D-nrmo .box .img {
    display: none;
  }

  .internet-D .netD-nr {
    /* background: #2a2b2c;*/
    margin-top: 20px;
  }

  .internet-D .netD-nrA,
  .internet-D .netD-nrB {
    padding-top: 60px;
  }

  .internet-D .netD-nr .D-nrmo .box .text {
    width: 100%;
    margin: 0 auto;
  }

  .internet-D .netD-nr .D-nrmo .box .text {
    padding-top: 0;
  }

  .internet-D .netD-nrC {
    padding: 60px 0 40px;
  }

  .internet-D .netD-nr .bg {
    height: 170%;
  }

  .internet-B {
    padding: 50px 0;
  }

}

@media(max-width: 768px) {

  .internet-D .netD-nr .D-nrmo .box .text .textd ul li,
  .internet-D .netD-nr .D-nrmo .box .text .textd ul li:nth-child(1) {
    padding: 0 14px;
    width: 33.3%;
    margin-bottom: 18px;
    text-align: left;
  }

  .internet-D .netD-nr .D-nrmo .box .text .san.textd ul li,
  .internet-D .netD-nr .D-nrmo .box .text .san.textd ul li:nth-child(1) {
    padding: 0 14px;
    width: 25%;
    margin-bottom: 18px;
    text-align: left;
  }

  .internet .internet-b ul li .neb-icon {
    width: 40px;
  }

  .internet-B .box .left ul li {
    width: 48%;
    margin-right: 4%;
    margin-top: 12px;
  }

  .internet-B .box .left ul li:nth-child(3n) {
    margin-right: 4%;
    margin-top: 12px;
  }

  .internet-B .box .left ul li:nth-child(2n) {
    margin-right: 0;
  }

  .internet-B .box .left ul li:last-child {
    width: 100%;
    margin-right: 0;
  }

  .internet-B .box .left {
    width: 100%;
  }

  .internet-B .box .right {
    margin-top: 12px;
  }

  .internet-B .box .right .right-pr .right-jd {
    padding: 20px;
  }

  .internet-B .box .right,
  .internet-B .box .right .right-pr .right-jd {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    transform: initial;
  }

  .internet-B .box .right .h4 {
    margin-bottom: 16px;
    line-height: 1.4;
  }

  .internet-B .box .right .right-pr .right-jd .icon {
    width: 40px;
  }

  .internet-B .box .left ul li .icon {
    top: 34%;
  }

  .internet-B .box .left ul li:last-child .icon {
    top: 50%;

  }

  .internet-B .box .left ul li .icon {
    width: 60px;
  }
}

@media(max-width: 440px) {
  .internet .internet-b ul li {
    width: 100%;
    margin-bottom: 16px;
  }

  .internet .internet-b ul li:last-child {
    margin-bottom: 0;
  }
}

.pinpaishuzihua_banner .ms {
  color: #333333;
  position: relative;
  letter-spacing: 5px;
  padding-left: 20px;
  line-height: 1;
  margin-bottom: 12px;
}

.pinpaishuzihua_banner .ms i {
  width: 8px;
  height: 100%;
  position: absolute;
  left: 0;
  background: #1d9321;
}

.pinpaishuzihua_banner .ms i:before {
  width: 100%;
  height: 5px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #1d9321;
}

.pinpaishuzihua_banner .nybanner_box .right .text .h3 {
  font-weight: initial;
  color: #000000;
  margin-bottom: 10px;
}

.pinpaishuzihua_a .home_b_box {
  border-top: none;
}

@media(max-width:3000px) {
  .pinpaishuzihua_a .ul .box {
    height: auto;
  }
}

@media(max-width:1920px) {
  .pinpaishuzihua_a .ul .box {
    height: auto;
  }
}

.pinpaishuzihua_a .anli.ul .box {
  width: 49%;
  margin-right: 2%;
  background: #ffffff;
}

.pinpaishuzihua_a .ul .box {
  width: 49%;
  margin-right: 2%;
  background: #f8f8f8;
}

.pinpaishuzihua_a .ul .box:last-child {
  margin-right: 0;
}

.pinpaishuzihua_a .ul .box .text .top .left {
  width: 69px;
}

.pinpaishuzihua_a.ch .ul .box .text .top .left {
  width: 50%;
  padding-top: 8px;
  padding-left: 1px;
}

.pinpaishuzihua_a.ch .ul .box .text .top .right {
  width: 50%;
  padding-top: 8px;
  padding-left: 10px;
}

.pinpaishuzihua_a .ul .box .text .top .right {
  float: left;
  padding-top: 8px;
  padding-left: 16px;
  width: calc(100% - 69px);
}

@media(max-width:3000px) {
  .pinpaishuzihua_b {
    padding: 280px 0;
  }
}

@media(max-width:1920px) {
  .pinpaishuzihua_b {
    padding: 120px 0;
  }

  .plt.pinpaishuzihua_b {
    padding: 120px 0 80px 0;
  }
}

.pinpaishuzihua_b {
  background: url(../images/pinpaishuzihua_b_bg.jpg) center center/cover;

}

.pinpaishuzihua_b .ty_title .bt {
  color: #fff;
}

.peifei.pinpaishuzihua_b .right {
  width: 50%;


}

.pinpaishuzihua_b .left {
  width: 50%;
}

.pinpaishuzihua_b .right.mx .img1 {
  position: absolute;
  left: 0%;
  bottom: 0%;
  width: 0%;
}

.pinpaishuzihua_b .right .img1 {
  position: absolute;
  left: -8%;
  bottom: 50%;
  width: 40%;
}

@keyframes zoomIn {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1.2);
  }
}

.pinpaishuzihua_b .plt.right .img1 img {
  transition: transform 1s ease-in-out;
  animation: zoomIn 2s ease-in-out forwards;
}

.pinpaishuzihua_b .plt.right .img1 {
  position: absolute;
  left: -3%;
  bottom: -2.5%;
  width: 82%;
  z-index: -1;
  padding: 0;
}

.peifei.pinpaishuzihua_b .right .img2 {
  width: 100%;
  display: inline-block;
}

.pinpaishuzihua_b .right .img2 {
  width: 75%;
  display: inline-block;
}

.pinpaishuzihua_b .left .ul li {
  margin-bottom: 50px;
  color: #fff;
  padding-right: 120px;
  padding-left: 20px;
}

.pinpaishuzihua_b .left .ul li:last-child {
  margin-bottom: 0;
}

.pinpaishuzihua_b .left .ul li .bt {
  line-height: 1.4;
  margin-bottom: 10px;
}

.pinpaishuzihua_b .left .ul li .text {
  line-height: 1.8;
}

.pinpaishuzihua_b .left .ul li .text .h3 {
  font-weight: initial;
}


.pinpaishuzihua_c .netA-nr ul li {
  margin-bottom: 24px;
}

.pinpaishuzihua_c .netA-nr ul li:nth-child(4n) {
  margin-right: 0;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon {
  width: 96px;
  height: 96px;
  margin: -46px auto 0;
  border-radius: 100%;
  overflow: hidden;
  z-index: 3;
  transition: all 0.4s;
  position: relative;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon1 {
  background: url(../images/pinpaishuzihua_c_icon1.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon1 {
  background: url(../images/pinpaishuzihua_c_icon01.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon2 {
  background: url(../images/pinpaishuzihua_c_icon2.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon2 {
  background: url(../images/pinpaishuzihua_c_icon02.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon3 {
  background: url(../images/pinpaishuzihua_c_icon3.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon3 {
  background: url(../images/pinpaishuzihua_c_icon03.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon4 {
  background: url(../images/pinpaishuzihua_c_icon4.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon4 {
  background: url(../images/pinpaishuzihua_c_icon04.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon5 {
  background: url(../images/pinpaishuzihua_c_icon5.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon5 {
  background: url(../images/pinpaishuzihua_c_icon05.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon6 {
  background: url(../images/pinpaishuzihua_c_icon6.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li:hover .pinpaishuzihua_c_icon6 {
  background: url(../images/pinpaishuzihua_c_icon06.png) center center/cover #fff;
}

.pinpaishuzihua_c .netA-nr ul li .s3 {
  position: absolute;
  left: 50%;
  width: 75%;
  padding: 0 50px;
  transform: translateX(-50%);
  bottom: -10%;
  transition: all 0.5s;
}

.pinpaishuzihua_c .netA-nr ul li:hover .s3 {
  bottom: 0;
}

.pinpaishuzihua_d {
  padding: 80px 0 100px;
}

@media(max-width: 1680px) {
  .pinpaishuzihua_a .ul .box .text .top .left {
    width: 60px;
  }

  .pinpaishuzihua_a .ul .box .text .top .right {
    padding-top: 4px;
  }

  .pinpaishuzihua_a .ul .box {
    height: 700px;
  }

  .pinpaishuzihua_b {
    padding: 150px 0;
  }

  .internet-A {
    padding: 80px 0;
  }

  .pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon {
    width: 80px;
    height: 80px;
  }
}

@media(max-width: 1500px) {
  .pinpaishuzihua_a .ul .box .text .top .left {
    width: 54px;
  }

  .pinpaishuzihua_a .ul .box {
    height: AUTO;
  }

  .plt.pinpaishuzihua_b {
    padding: 80px 0 50px 0;
  }

  .pinpaishuzihua_b .plt.right .img1 {
    padding: 0;
    position: absolute;
    left: -6%;
    bottom: -10%;
    width: 70%;
    z-index: -1;
  }

  .pinpaishuzihua_b .plt.right .img2 {
    position: inherit;
    left: 0;
    bottom: 0;
    width: 58%;
    z-index: 1;
  }

  .pinpaishuzihua_b {
    padding: 120px 0;
  }

  .internet-A {
    padding: 70px 0;
  }

  .pinpaishuzihua_b .left .ul li {
    padding-left: 14px;
  }

  .pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon {
    width: 70px;
    height: 70px;
  }

  .pinpaishuzihua_c .netA-nr ul li {
    margin-bottom: 20px;
  }
}

@media(max-width: 1100px) {
  .pinpaishuzihua_a .ul .box {
    height: auto;
    width: 100%;
    margin-bottom: 20px;
  }

  .pinpaishuzihua_a .anli.ul .box {
    width: 100%;
    margin-right: 2%;
    background: #ffffff;
  }

  .plt.pinpaishuzihua_b {
    padding: 60px 0 30px 0;
  }

  .pinpaishuzihua_b {
    padding: 50px 0;
  }

  .peifei.pinpaishuzihua_b .right {
    width: 100%;
  }

  .pinpaishuzihua_b .left {
    width: 100%;
  }

  .pinpaishuzihua_b .plt.right .img1 {
    position: absolute;
    left: 0%;
    bottom: 3%;
    width: 100%;
    z-index: 1;
    margin: 0 auto;
  }

  .pinpaishuzihua_b .right .img1 {
    position: absolute;
    left: 50%;
    bottom: 0%;
    width: 40%;
  }

  .peifei.pinpaishuzihua_b .right.mx .img2 {
    width: 100%;
    display: block;
    margin: 30px auto 0px;
  }

  .pinpaishuzihua_b .right.mx .img2 {
    width: 80%;
    display: block;
    margin: 30px auto 0px;
  }

  .pinpaishuzihua_b .plt.right .img2 {
    position: relative;
    left: 0%;
    margin-top: 10%;
    width: 100%;
    z-index: 1;
  }

  .pinpaishuzihua_b .right .img2 {
    width: 80.5%;
    display: inline-block;
  }

  .pinpaishuzihua_b .left .ul li {
    padding-right: 0;
  }

  .internet-A {
    padding: 50px 0;
  }

  .pinpaishuzihua_c .netA-nr ul li {
    margin-bottom: 16px;
  }

  .pinpaishuzihua_c .netA-nr ul li:nth-child(3n) {
    margin-right: 2%;
  }

  .pinpaishuzihua_c .netA-nr ul li:nth-child(2n) {
    margin-right: 0;
  }

  .pinpaishuzihua_d {
    padding: 40px 0;
  }

  .pinpaishuzihua_c .netA-nr ul li .pinpaishuzihua_c_icon {
    width: 54px;
    height: 54px;
    margin: -27px auto 0;
  }

}

@media(max-width: 800px) {
  .pinpaishuzihua_a .ul .box .text .top .left {
    width: 46px;
  }

  .pinpaishuzihua_a .ul .box .text .top .right {
    padding-top: 0;
    padding-left: 10px;
    width: calc(100% - 46px);
  }

  .pinpaishuzihua_b .left .ul {
    margin-top: 14px;
    width: 100%;
    display: inline-block;
  }

  .pinpaishuzihua_b .left .ul li {
    margin-bottom: 30px;
  }

  .pinpaishuzihua_c .netA-nr ul li {
    width: 100%;
  }

  .pinpaishuzihua_banner .ms {
    font-size: 15px;
    padding-left: 14px;
    letter-spacing: 4px;
  }

  .jjfa_yl_text .plt .js.font-34 {
    line-height: 1.8;
    margin-top: 5px ! important;
    font-size: 19px ! important;
  }

  .djs.jjfa_yl_text .js {
    line-height: 1.6;
    margin-top: 15px;
  }

  .djs.jjfa_yl_text .js.font-40 {
    font-size: 22px;
  }

  .jjfa_yl_text .js {
    line-height: 1.5;
    margin-top: 0px;
  }

  .jjfa_yl_text .bq2 {
    line-height: 1.6;
    margin-top: 16px ! important;
    display: inline-block;
    position: relative;
  }

  .jjfa_yl_text .js strong {
    line-height: 0;
    margin-top: 0;
    font-size: 28px;
  }

  .zhihui.jjfa_yl_text .bt {
    font-size: 24px;
  }

  .zhihui.jjfa_yl_text .js.font-40 {
    line-height: 1.6;
    margin-top: 20px;
    font-size: 24px;
  }

  .zhihui.jjfa_yl_text .js.font-20 {
    display: inline-block;
    font-size: 14px;
    margin-top: 15px;
  }

  .zhihui.jjfa_yl_text .bq2 {
    line-height: 1.6;
    margin-top: 26px;
    display: inline-block;
    position: relative;
  }
}

@media(max-width: 520px) {
  .ty_title .bt br {
    display: none;
  }
}

.c-visual_shape {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: .85;
  background: linear-gradient(114deg, rgba(1, 200, 255, 0), rgba(39, 132, 249, .8) 30%, rgba(52, 85, 252, .8) 80%, rgba(52, 85, 252, 0) 110%);
  will-change: transform;
  transform: translateX(-100%);
  transform-origin: right;
  transition: all 0.8s;
  width: 100%;
  width: 0;
}

.tfan .tfan_a>span,
.tfan .tfan_b>span,
.tfan .tfan_c>span {
  display: initial;
  opacity: 0;
  filter: blur(10px);
  -webkit-filter: blur(10px);
  transform: translateY(-16px);
  min-width: 18px;
}

.tfan .tfan_a.cur span,
.tfan .tfan_b.cur span,
.tfan .tfan_c.cur span {
  opacity: 1;
  filter: blur(0px);
  -webkit-filter: blur(0px);
  transform: translateY(0px);
}


.home_b .ul .box .img img,
.shuzihua_a .ul li .img img,
.home_f .nr .nr_s .ul li .img img {
  transform: scale(1);
  transition: all 0.7s ease 0s;
  overflow: hidden;
}

.home_b .ul .box:hover .img img,
.shuzihua_a .ul li:hover .img img,
.home_f .nr .nr_s .ul li:hover .img img {
  transform: scale(1.05);
}

.bgg span,
.bgh span {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  background: #f7f7f7;
}


/*pc导航效果*/

.huanru .huanru_a div {
  display: block;
  width: 100%;
  text-align: center;
}

.huanru .huanru_a div span {
  display: initial;
  min-width: 0.3em;
  text-transform: uppercase;
  transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
  opacity: 0;
  transform: translate(0, -20px);
}

.huanru .huanru_a:before {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  left: 0;
  transition: 0.25s cubic-bezier(0.5, -1, 0.5, 2);
  text-transform: uppercase;
  letter-spacing: 3.5px;
  /**/
  opacity: 1;
  transform: translate(0, 0px);
}

.huanru .huanru_a:hover:before,
.huanru .huanru_a:focus:before {
  opacity: 0;
  transform: translate(0, 20px);
}

.huanru .huanru_a:hover span,
.huanru .huanru_a:focus span {
  opacity: 1;
  transform: translate(0, 0);
}

.huanru .huanru_a:hover span:nth-child(1),
.huanru .huanru_a:focus span:nth-child(1) {
  transition-delay: 0.025s;
}

.huanru .huanru_a:hover span:nth-child(2),
.huanru .huanru_a:focus span:nth-child(2) {
  transition-delay: 0.05s;
}

.huanru .huanru_a:hover span:nth-child(3),
.huanru .huanru_a:focus span:nth-child(3) {
  transition-delay: 0.075s;
}

.huanru .huanru_a:hover span:nth-child(4),
.huanru .huanru_a:focus span:nth-child(4) {
  transition-delay: 0.1s;
}

.huanru .huanru_a:hover span:nth-child(5),
.huanru .huanru_a:focus span:nth-child(5) {
  transition-delay: 0.125s;
}

.huanru .huanru_a:hover span:nth-child(6),
.huanru .huanru_a:focus span:nth-child(6) {
  transition-delay: 0.15s;
}


/*解决方案 第二批*/
.qx .jjfa_yl_text {
  position: absolute;
  left: 0;
  right: 0;
  top: 58%;
  transform: translateY(-50%);
  color: #fff;
}

.djs.jjfa_yl_text {
  position: absolute;
  left: 0;
  right: 0;
  top: 55%;
  transform: translateY(-50%);
  color: #fff;
}

.jjfa_yl_text {
  position: absolute;
  left: 0;
  right: 0;
  top: 52%;
  transform: translateY(-50%);
  color: #fff;
}

.jjfa_yl_text .box {
  /* width: 45%;*/
}

.internet-w.left .bt i {
  font-size: 16px;
  margin-top: 2px;
  vertical-align: top;
  line-height: 10px;
  display: inline-block;
  padding-top: 0rem;
  margin-left: -10px;
}

.jjfa_yl_text .bt {
  line-height: 1;
}

.jjfa_yl_text .plt .js.font-34 {
  line-height: 1.8;
  margin-top: 10px;
  font-size: 20px;
}


.jjfa_yl_text .bq2 {
  line-height: 1.6;
  margin-top: 36px;
  display: inline-block;
  position: relative;
}

.bq2 .more,
a.more {
  display: inline-block;
  color: #fff;
  border: 1px solid rgb(255 255 255 / 49%);
  font-size: 16px;
  padding: 14px 68px 14px 14px;
  line-height: 1;
  position: relative;
}

.jjfa_yl_text .bq {
  line-height: 1.6;
  margin-top: 36px;
  background: rgba(255, 255, 255, 0.2);
  display: inline-block;
  padding: 14px 28px;
  position: relative;
  border: 1px solid #cdd2d9;
}

img.gzh {
  margin-top: -5px;
  width: 20px;
  margin-right: 5px;
}

.jjfa_yl_text .bq a {

  color: #ffffff;
}

.jjfa_yl_text .bq a:hover {
  /* color: #136616; */
}

.jjfa_yl_text .bq:before {
  width: 10px;
  height: 10px;
  background: #cdd2d9;
  position: absolute;
  right: -10px;
  top: -10px;
  content: "";
}

.jjfa_yl_text .icon {
  margin-top: 40px;
}

.jjfa_yl_a {
  padding: 90px 0 120px;
  background: #f7f9fb;
}

.jjfa_yl_a .ul li {
  float: left;
  margin-right: 1.66%;
  width: 23.75%;
  position: relative;
  padding: 70px 36px 80px;
  overflow: hidden;
  background: #fff;
  height: 420px;
}

.jjfa_yl_a .ul li .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/jjfa_yl_a_bg.jpg) left top/cover no-repeat;
  z-index: 0;
  /* -webkit-animation: sbxh 7s linear infinite;*/
}


.jjfa_yl_a .ul li:last-child {
  margin-right: 0;
}


.jjfa_yl_a .ul li .icon {
  width: 50px;
  display: inline-block;
  position: relative;
  z-index: 1;
}

.jjfa_yl_a .ul li .bt {
  margin-top: 30px;
  color: #333333;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 5px;
}

.jjfa_yl_a .ul li .en {
  margin-top: 6px;
  line-height: 1.6;
  color: rgba(51, 51, 51, 0.34);
}

.jjfa_yl_a .ul li .top {
  /* padding-bottom: 20px; */
  /* margin-bottom: 20px; */
  border-bottom: 1px solid #efefef;
  position: relative;
  z-index: 1;
}


.jjfa_yl_a .ul li .text {
  line-height: 1.8;
  color: #666666;
  position: relative;
  z-index: 1;
}

.more3,
a.more3 {
  border: 1px solid #dadada;
  color: #666666;
}

.more3:hover {
  border: 1px solid #dadada;
}

.more3 i,
a.more3 i {
  background: url(../images/more_jt2.png) right 18px center no-repeat #dadada;
  z-index: -1;
}

.more3:after,
a.more3:after {
  background: #dadada;
}

.more3 {}

.more2,
a.more2 {
  border: 1px solid #dadada;
  color: #1b1a1a;
  padding: 10px 34%;
  margin-top: 30px;
  border-radius: 5px 0px 5px 0px;
}

.more2:hover {
  border: 1px solid #1d9321;
}

.home_b .ul .box .text .gd2:hover {
  letter-spacing: 5px;
}

.more2 i,
a.more2 i {
  background: url(../images/more_jt2.png) right 18px center no-repeat #dadada;
  z-index: -1;
}

.more2:after,
a.more2:after {
  background: #dadada;
}



@-webkit-keyframes sbxh {
  0% {
    transform: translateX(0%)
  }

  50% {
    transform: translateX(25%)
  }

  100% {
    transform: translateX(50%)
  }
}

.jjfa_yl_b {
  padding: 80px 0;
}

@media(max-width: 1680px) {
  .wzjs_b .right .img2 {
    margin-left: 2% ! important;
    width: 190px ! important;
    margin-top: -46% ! important;
    transition: transform 1s ease-in-out;
    animation: zoomIn 2s ease-in-out forwards;
  }

  .jjfa_yl_text .bq {
    margin-top: 24px;
  }

  .jjfa_yl_text .icon {
    margin-top: 30px;
  }

  .jjfa_yl_a {
    padding: 70px 0 90px;
  }

  .jjfa_yl_b {
    padding: 70px 0;
  }
}

@media(max-width: 1500px) {
  .jjfa_yl_text .bq {
    margin-top: 20px;
    padding: 7px 20px;
  }

  .jjfa_yl_a {
    padding: 60px 0 80px;
  }

  .jjfa_yl_a .ul li {
    height: 360px;
    padding: 60px 26px 30px;
  }

  .jjfa_yl_a .ul li .top {
    padding-bottom: 14px;
    margin-bottom: 14px;
  }

  .jjfa_yl_a .ul li .icon {
    width: 40px;
  }

  .jjfa_yl_a .ul li .bt {
    margin-top: 20px;
  }

  .jjfa_yl_b {
    padding: 60px 0;
  }
}

@media(max-width: 1100px) {
  .jjfa_yl_a {
    padding: 40px 0;
  }

  .jjfa_yl_a .ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 16px;
  }

  .jjfa_yl_a .ul li:nth-child(2n) {
    margin-right: 0;
  }

  .jjfa_yl_b {
    padding: 40px 0;
  }

  .jjfa_yl_text {
    top: 50%;
    transform: translateY(-50%);
  }

  .jjfa_yl_text .icon {
    margin-top: 20px;
  }
}

@media(max-width: 800px) {
  .jjfa_yl_text .box {
    width: 100%;
  }
}

@media(max-width: 600px) {
  .zjs.jjfa_yl_a .ul li {
    width: 48%;
    margin-right: 0;
    padding: 30px 10px 10px;
    margin: 1%;
    height: 3.6rem;
  }

  .jjfa_yl_a .ul li {
    width: 48%;
    margin: 1%;
    padding: 30px 20px 20px;
  }

  .jjfa_yl_a .ul li {
    height: auto;
  }

  .jjfa_yl_b .top .right {
    float: left;
    width: 100%;
  }
}

.wzjs_a .ul li:hover {
  /* background-image: linear-gradient(180deg, #f5f5f5, #fff); */
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px rgb(55 99 170 / 10%), -8px -8px 20px #fff;
}

.wzjs_a .ul li {
  height: auto;
}

.wzjs_a .ul li .top {
  border-bottom: none;
}

.wzjs_b {
  padding: 90px 0 80px;
  background: #fff;
}

.aboutl h3 {
  line-height: 2;
  color: #333333;
  margin-bottom: 2px;
}

.aboutl p {
  line-height: 2;
  color: #333333;
  margin-bottom: 2px;
}

.wzjs_b .left {
  float: left;
  width: 40.2%;
}

.wzjs_b.xxhfa.left {
  float: left;
  width: 46.2%;
}

.wzjs_b .left .ul {
  display: inline-block;
  width: 100%;
  margin-top: 80px;
}

.wzjs_b .left .ul li {
  margin-bottom: 34px;
}

.wzjs_b .left .ul li:last-child {
  margin-bottom: 0;
}

.wzjs_b .left .ul li .icon {
  float: left;
  width: 60px;
  background: #f7f9fb;
  border-radius: 4px;
}

.wzjs_b .left .ul li .icon img {
  padding: 10px;
}

.wzjs_b .left .ul li .text {
  color: #666666;
  line-height: 1.6;
  float: left;
  width: calc(100% - 80px);
  padding-left: 30px;

}

.wzjs_b .left .ul li .text .bt {
  color: #000000;
}

.wzjs_b .left .ul li .text .js {
  margin-top: 10px;
  line-height: 1.8;
  color: #666666;
}

.wzjs_b .right {
  margin-left: -2.1%;
  width: 55.9%;
}

.wzjs_b .right .img2 {
  margin-left: 2%;
  width: 200px;
  margin-top: -44%;
  transition: transform 1s ease-in-out;
  animation: zoomIn 2s ease-in-out forwards;
}


.wzjs_b .right .img1 {
  margin-left: 3%;
  /* width: 55.9%; */
  margin-top: -25%;
  animation: bounce 5s linear infinite;
}

.wzjs_b.xxhfa .right {
  margin-left: -2.1%;
  width: 60%;
  margin-top: 10%;
}

.wzjs_c {
  padding: 100px 0 50px;
  background: #2a2e31;
}

.wzjs_c .left .ty_title .bt {
  color: #fff;
}

.wzjs_c .left .ty_title .js {
  color: #dddddd;
}

.wzjs_c .right {
  width: 64.1%;
}

.wzjs_c .left {
  width: 34%;
}

.wzjs_c .right .ul li {
  float: left;
  margin-right: 7.8%;
  width: 46.1%;
  margin-bottom: 54px;
  position: relative;
}

.wzjs_c .right .ul li:first-of-type {
  float: left;
  margin-right: 7.8%;
  width: 100%;
  margin-bottom: 54px;
  position: relative;
}

.wzjs_c .right .ul li:nth-child(2n) {
  margin-right: 0;
}

.wzjs_c .right .ul li .icon img {
  line-height: 0;
}

.wzjs_c .right .ul li .icon {
  width: 74px;
  float: left;
  background: #323639;
  position: relative;
  overflow: initial;
}

.wzjs_c .right .ul li .text {
  float: left;
  width: calc(100% - 74px);
  padding-left: 20px;
}

.wzjs_c .right .ul li .text .bt {
  color: #fff;
  line-height: 1.4;
}

.wzjs_c .right .ul li .text .js {
  color: #dddddd;
  line-height: 1.8;
  margin-top: 8px;
}

.wzjs_c .right .ul li:nth-child(1) .icon:before {
  position: absolute;
  width: 40px;
  height: 40px;
  background: #393d40;
  left: -40px;
  bottom: -40px;
  content: "";
}

.wzjs_c .k {
  position: absolute;
  width: 184px;
  height: 184px;
  /* background: #393d40; */
  bottom: 10.5%;
  left: -54px;
  animation: bounce 8s linear infinite;
  background: url(../images/bjimg07.png) center center/cover;
}

.wzjs_c .k:before {
  position: absolute;
  width: 300px;
  height: 300px;
  background: #393d40;
  top: -230px;
  right: -250px;
  content: "";
  background: url(../images/bjimg05.png) center center/cover;
}

@media(max-width: 1680px) {
  .wzjs_a .ul li {
    height: 260px;
  }

  .wzjs_b {
    padding: 70px 0 70px;
  }

  .wzjs_b .left .ul {
    margin-top: 50px;
  }

  .wzjs_b .left .ul li .icon {
    width: 60px;
  }

  .wzjs_b .left .ul li .text {
    padding-left: 20px;
    width: calc(100% - 60px);
  }

  .wzjs_c {
    padding: 80px 0 40px;
  }

  .wzjs_c .k:before {
    width: 140px;
    height: 140px;
    top: -140px;
    right: -140px;
  }

  .wzjs_c .k {
    width: 80px;
    height: 80px;
  }

  .wzjs_c .right .ul li:nth-child(1) .icon:before {
    width: 30px;
    height: 30px;
    left: -30px;
    bottom: -30px;
  }

  .wzjs_c .right .ul li {
    margin-bottom: 40px;
  }

  .wzjs_c .right .ul li .icon {
    width: 60px;
  }

  .wzjs_c .right .ul li .text {
    width: calc(100% - 60px);
  }

}

@media(max-width: 1100px) {
  .wzjs_a .ul li {
    height: 4.4rem;
  }

  .wzjs_b {
    padding: 40px 0;
  }

  .wzjs_b .left {
    width: 100%;
  }

  .wzjs_b .left .ul {
    margin-top: 0;
  }

  .wzjs_b .left .ul li .icon {
    width: 50px;
  }

  .wzjs_b .left .ul li .text {
    padding-left: 14px;
    width: calc(100% - 50px);
  }

  .wzjs_b .right .img1 {
    margin-left: 5%;
    width: 120px;
    margin-top: -32%;
    animation: bounce 5s linear infinite;
  }

  .wzjs_b .right {
    margin-top: 20px;
    width: 100%;
  }

  .wzjs_c {
    padding: 40px 0;
  }

  .wzjs_c .left {
    width: 100%;
  }

  .wzjs_c .right {
    margin-top: 0;
    width: 100%;
  }

  .wzjs_c .right .ul li {
    width: 100%;
    margin-bottom: 20px;
  }

  .wzjs_c .right .ul li .icon {
    width: 50px;
  }

  .wzjs_c .right .ul li:first-of-type .text {
    width: calc(100% - 12px);
  }

  .wzjs_c .right .ul li .text {
    width: calc(100% - 50px);
  }

  .wzjs_c .k:before {
    width: 90px;
    height: 90px;
    top: -90px;
    right: -90px;
    display: none;
  }

  .wzjs_c .k {
    width: 40px;
    height: 40px;
  }

  .jituan_b .left {
    padding: 30px 20px;
    width: 100% ! important;
    background: #1d9321;
  }

  .jituan_b.dianjie .left {
    width: 25%;
    padding: 40px 40px ! important;
    position: relative;
    z-index: 1;
    color: #fff;
  }

  .jituan_b .right .bt {

    margin-top: 30px;
  }

  .jituan_b .right {
    width: 100% ! important;
    padding: 0px 15px 24px ! important;
  }

  .jituan_b.dianjie .btm.djz {
    width: 280px;
    position: absolute;
    left: 100% ! important;
    bottom: 0%;
  }

  .jituan_b .right .ul li {
    width: 32%;
    margin-right: 2%;
    margin-top: 58px;
  }

  .jituan_b .right .ul li .bt {
    margin-top: 0;
    width: calc(100% - 40px);
    padding-top: 5px;
    font-size: 14px;

  }

  .jituan_b .right .ul li {
    width: 32%;
    margin-right: 2%;
    margin-top: 18px ! important;
  }

  .jituan_b .right .ul li:nth-child(3n) {
    margin-right: 8%;
  }
}

.jituan_a.gncs.hc.jituan_a.gncs {
  height: auto;
  overflow: hidden;
  background-image: url(../images/item2-bg.png);
  background-repeat: repeat;
}

.jituan_a.gncs {
  height: auto;
  overflow: hidden;
  background-image: url(../images/06-bg.png);
  background-repeat: repeat;
}

.zjs.jituan_a {
  padding: 20px 0 60px;
}

.jituan_a {
  padding: 100px 0 60px;
}

.jituan_a .left {
  width: 52.5%;
}

.jituan_a .left .text {
  line-height: 1.8;
  color: #333333;
}

.jituan_a .left .text ul li {
  margin-top: 15px;
  position: relative;
  padding-left: 26px;
}

.jituan_a .left .text ul li span {
  color: #1d9321;
}

.jituan_a .left .text ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 12px;
  height: 12px;
  background: #1d9321;
}

.item6-img.wz.right li {
  float: left;
  width: 100%;
  padding: 11px 20px 11px;
  background-color: #fdfdfe;
  margin: 0 10px 8px 0px;
  transition: all ease .3s;
  border-top: 2px solid transparent;
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
  border-radius: 5px;
}

.jituan_a .pf.right {
  width: 44%;
  position: relative;
  margin-top: 0%;
}

.jituan_a .right {
  width: 44%;
  position: relative;
  margin-top: -5%;
}

.jituan_a .right .k {
  width: 44px;
  height: 44px;
  background: #f3f3f3;
  position: absolute;
  left: 0;
  top: 36.1%;
}

.jituan_a .right .k:before {
  width: 60px;
  height: 60px;
  content: "";
  position: absolute;
  left: -60px;
  top: -55px;
  background: #f3f3f3;
}

.jituan_b.gui {
  background: #f7f9fb;
  padding: 0px 0 110px;
}

.jituan_b {
  background: #f7f9fb;
  padding: 100px 0 110px;
}

.jituan_b .jituan_b_box {
  background: #fff;
  position: relative;
}

.jituan_b.dianjie .jituan_b_box:before {
  width: 25%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #1d9321;
  z-index: 0;
}

.jituan_b.dianjie .left {
  width: 25%;
  padding: 35px 55px;
  position: relative;
  z-index: 1;
  color: #fff;
}

.jituan_b .left {
  width: 40%;
  padding: 55px;
  position: relative;
  z-index: 1;
  color: #fff;
}

.jituan_b .jituan_b_box:before {
  width: 40%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #1d9321;
  z-index: 0;
}

.jituan_b .left .icon {
  width: 70px;
}

.jituan_b .left .text {
  line-height: 1.8;
  margin-top: 30px;
}

.jituan_b .left .text ul li {
  margin-bottom: 14px;
  padding-left: 16px;
  position: relative;
}

.jituan_b .left .text ul li span {
  font-size: 16px;
  font-weight: 700;
}

.jituan_b .left .text ul li:last-child {
  margin-bottom: 0;
}

.jituan_b .left .text ul li:before {
  position: absolute;
  left: 0;
  top: 8px;
  content: "";
  width: 7px;
  height: 7px;
  background: #fff;
}

.jituan_b .left .k {
  position: absolute;
  right: 0;
  top: 0;
  width: 66px;
  height: 66px;
  background: #0684d8;
}

.jituan_b .left .k:before {
  content: "";
  position: absolute;
  right: -20px;
  top: -20px;
  width: 20px;
  height: 20px;
  background: #1d9321;
}

.jituan_b .right {
  width: 60%;
  padding: 0 60px 54px;
}

.jituan_b.dianjie .btm.djz {
  width: 280px;
  position: absolute;
  left: 78%;
  bottom: 0%;
  transition: transform 1s ease-in-out;
  animation: zoomIn 2s ease-in-out forwards;
}

.jituan_b.dianjie .right {
  width: 75%;
  padding: 40px 60px 54px;
}

.jituan_b.dianjie .right .ul li {
  float: left;
  width: 100%;
  margin-right: 2%;
  margin-top: 12px;
  cursor: pointer;
}

.jituan_b .right .ul li {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-top: 8%;
  cursor: pointer;
}

.jituan_b .right .ul li:nth-child(3n) {
  margin-right: 0;
}

.jituan_b .right .ul li .img {
  float: left;
  width: 50px;
  background: #f7f9fb;
  border-radius: 4px;
  transition: all 0.4s;
  padding: 5px;
}

.jituan_b .right .ul li .img .img2 {
  display: none;
}

.jituan_b .right .ul li .bt {
  float: left;
  padding-left: 16px;
  /* margin-top: 16px; */
  line-height: .5rem;
  width: calc(100% - 60px);
}

.jituan_b .right .ul li .text {
  display: none;
}

.jituan_b .right .ul li.cur .img {
  background: #1d9321;
}

.jituan_b .right .ul li.cur .img .img2 {
  display: block;
}

.jituan_b .right .ul li.cur .img .img1 {
  display: none;
}

.jituan_b .right .ul li.cur .bt {
  color: #1d9321;
}

@media(max-width: 1680px) {
  .jituan_a {
    padding: 70px 0 40px;
  }

  .jituan_a .left .text ul li {
    margin-top: 10px;
  }

  .jituan_b {
    padding: 70px 0 80px;
  }

  .jituan_b .left {
    padding: 40px;
  }

  .jituan_b .right {
    width: 67.5%;
    padding: 0 60px 40px;
  }

  .jituan_b .right .ul li {
    margin-top: 40px;
  }

  .jituan_b .right .ul li .img {
    width: 50px;
  }

  .jituan_b .right .ul li .bt {
    width: calc(100% - 50px);
  }
}

@media(max-width: 1500px) {
  .jituan_a .left .text ul li:before {
    width: 10px;
    height: 10px;
    top: 10px;
  }

  .jituan_a {
    padding: 40px 0;
  }

  .jituan_a .left .text ul li:before {
    width: 8px;
    height: 8px;
    top: 8px;
    font-size: 15px;
  }

  .jituan_b .left .text {
    margin-top: 20px;
  }


  .jituan_a .right .k {
    width: 30px;
    height: 30px;
  }

  .jituan_a .right .k:before {
    width: 60px;
    height: 60px;
    content: "";
    position: absolute;
    left: -60px;
    top: -60px;
    background: #f3f3f3;
  }

  .jituan_b.gui {
    background: #f7f9fb;
    padding: 0px 0 70px;
  }

  .jituan_b {
    padding: 40px 0;
  }

  .jituan_b .jituan_b_box:before {
    display: none;
  }

  .jituan_b.dianjie .left {
    width: 25%;
    padding: 70px 45px;
    position: relative;
    z-index: 1;
    color: #fff;
  }

  .jituan_b .left {
    padding: 30px 20px;
    width: 40%;
    background: #1d9321;
  }

  .jituan_b .left .icon {
    width: 50px;
  }

  .jituan_b .left .k {
    width: 40px;
    height: 40px;
  }

  .jituan_b .right {
    width: 60%;
    padding: 10px 60px 54px;
  }

  .jituan_b .right .ul li {
    width: 32%;
    margin-right: 2%;
    margin-top: 58px;
  }

  .jituan_b .right .ul li:nth-child(3n) {
    margin-right: 8%;
  }

  .jituan_b .right .ul li:nth-child(3n) {
    margin-right: 0;
  }

  .jituan_b .right .ul li .bt {
    margin-top: 0;
    width: calc(100% - 40px);
    padding-left: 10px;
    font-size: 14px;
  }

  .jituan_b .right .ul li .img {
    width: 40px;
  }

}

@media(max-width:1100px) {
  .jituan_a .left {
    width: 100%;
  }

  .jituan_a .left .text ul li {
    margin-top: 10px;
    padding-left: 16px;
  }

  .jituan_a .right {
    width: 100%;
    margin-top: 20px;
  }
}

.qiyefw_a {
  padding-top: 80px;
}

@media(max-width:3000px) {
  .qiyefw_a .ul>li {
    height: auto;
  }
}

@media(max-width:1920px) {
  .qiyefw_a .ul>li {
    height: auto;
  }
}

.qiyefw_a .ul>li {
  float: left;
  width: 48%;
  margin-right: 2%;
  background: #ffffff;
  margin-bottom: 2%;
}

.qiyefw_a .ul>li:hover {
  background-image: linear-gradient(180deg, #f5f5f5, #fff);
  /* border: 2px solid #fff; */
  box-shadow: 8px 8px 20px rgb(55 99 170 / 10%), -8px -8px 20px #fff;
}

.qiyefw_a .ul>li:last-child {
  margin-right: 0;
}

.qiyefw_a .ul>li .box {
  padding: 50px 44px 60px;
}

.qiyefw_a .ul>li .box .top {
  padding-bottom: 26px;
  margin-bottom: 26px;
  border-bottom: 1px solid #dddddd;
}

.qiyefw_a .ul>li .box .top .icon.cp {
  float: left;
  line-height: 0;
  width: 180px;
  margin-top: -26%;
  z-index: 1;
  position: absolute;
}

.qiyefw_a .ul>li .box .top .icon.cp:hover {
  margin-top: -28%;
  transition: all ease .3s;
}

.qiyefw_a .ul>li .box .top .icon {
  float: left;
  line-height: 0;
  width: 55px;
}

.qiyefw_a.cp .ul>li .box .top .text {
  float: left;
  padding-left: 200px;
  width: calc(100% - 100px);
}

.qiyefw_a .ul>li .box .top .text .bt:hover {
  letter-spacing: 2px;
}

.qiyefw_a .ul>li .box .top .text {
  float: left;
  padding-left: 20px;
  width: calc(100% - 55px);
}

.qiyefw_a .ul>li .box .top .text .bt {
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.5s linear;
}

.qiyefw_a .ul>li .box .top .text .en {
  color: rgba(51, 51, 51, 0.24);
  margin-top: 4px;
  text-transform: uppercase;
}

.qiyefw_a.cp .ul>li .box {
  padding: 30px 44px 30px;
}

.qiyefw_a.cp .ul>li .box .wenzi {
  margin-top: 10px;
  line-height: 1.8;
  color: #666666;
}

.qiyefw_a .ul>li .box .wenzi {
  margin-top: 20px;
  line-height: 1.8;
  color: #666666;
}

.qiyefw_a .ul>li .box .js {
  line-height: 1.6;
  color: #000000;
}

.qiyefw_a .ul>li .box .wenzi ul li {
  float: left;
  width: 100px;
  margin-bottom: 6px;
  margin-right: 20px;
  padding-left: 16px;
  position: relative;
}

.qiyefw_a .ul>li .box .wenzi ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 7px;
  height: 7px;
  background: #1d9321;
}

@media(max-width: 1680px) {
  .qiyefw_a {
    padding-top: 70px;
  }

  .qiyefw_a .ul>li {
    height: 640px;
  }

  .qiyefw_a .ul>li .box .top {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

@media(max-width: 1500px) {
  .qiyefw_a .ul>li {
    height: 600px;
  }

  .qiyefw_a .ul>li .box {
    padding: 40px 30px 50px;
  }

  .qiyefw_a .ul>li .box .top .icon.cp {
    float: left;
    line-height: 0;
    width: 180px;
    margin-top: -32.5%;
    z-index: 1;
    position: absolute;
  }

}

@media(max-width: 1100px) {
  .qiyefw_a {
    padding-top: 40px;
  }

  .gaoduanwz_a {
    background: #ffffff;
    padding-bottom: 40px ! important;
  }

  .qiyefw_a .ul>li {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .qiyefw_a.cp .ul>li .box {
    padding: .3rem .3rem .3rem;
  }

  .qiyefw_a .ul>li .box {
    padding: 30px 20px;
  }

  .qiyefw_a .ul>li .box .top .icon {
    width: 44px;
  }

  .qiyefw_a .ul>li .box .top .icon.cp {
    float: left;
    line-height: 0;
    width: 35%;
    margin-top: -33%;
    z-index: 1;
    position: absolute;
  }

  .qiyefw_a.cp .ul>li .box .top .text {
    float: left;
    padding-left: 150px;
    width: calc(100% - 0px);
  }

  .qiyefw_a .ul>li .box .top {
    padding-bottom: 14px;
    margin-bottom: 14px;
  }
}

@media(max-width: 500px) {
  .qiyefw_a .ul>li .box .wenzi ul li {
    width: 33.3%;
    margin-right: 0;
  }
}

.jiaoyupx_a {
  padding: 90px 0 100px;
}

.jiaoyupx_a .ul li {
  border-radius: 6px;
  padding: 50px 40px 30px;
  float: left;
  width: 23.5%;
  margin-right: 2%;
  background: #fff;
  background: url(../images/jiaoyupx_a_bg.jpg) center center/cover;
  height: 360px;
  overflow: hidden;
}

.jiaoyupx_a .ul li:last-child {
  margin-right: 0;
}

.jiaoyupx_a .ul li .top {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 24px;
  margin-bottom: 24px;
}

.jiaoyupx_a .ul li .top .icon {
  float: left;
  width: 48px;
}

.jiaoyupx_a .ul li .top .text {
  float: left;
  padding-left: 12px;
  width: calc(100% - 50px);
}

.jiaoyupx_a .ul li .top .text .bt {
  color: #333333;
}

.jiaoyupx_a .ul li .top .text .en {
  margin-top: 4px;
  color: rgba(51, 51, 51, 0.24);
  text-transform: uppercase;
  font-size: 13px;
}

.jiaoyupx_a .ul li .wenzi {
  line-height: 1.8;
  color: #666666;
}

.jiaoyupx_c {
  padding: 100px 0 80px 0;
  background: #f7f9fb;
}

.jiaoyupx_c .ul>li {
  background: #fff;
}

.jiaoyupx_b {
  background: #2e2e2e;
  padding: 140px 0 170px;
}

.jiaoyupx_b .left {
  width: 45.3%;
}

.jiaoyupx_b .left .ty_title .bt,
.jiaoyupx_b .left .ty_title .js {
  color: #fff;
}

.jiaoyupx_b .left .ul {
  margin-top: 40px;
  padding-left: 20px;
}

.jiaoyupx_b .left .ul li {
  float: left;
  width: 50%;
  padding-right: 20px;
  margin-top: 50px;
  position: relative;
}

.jiaoyupx_b .left .ul li .icon {
  float: left;
  width: 45px;
}

.jiaoyupx_b .left .ul li .text {
  position: absolute;
  left: 45px;
  padding-left: 16px;
}

.jiaoyupx_b .left .ul li .text .bt {
  color: #fff;
  margin-top: 6px;
}

.jiaoyupx_b .left .js {
  line-height: 1.8;
  color: #fff;
  padding-left: 20px;
}

.jiaoyupx_b .right {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 49.3%;
  background: url(../images/dg_b_img.jpg) center center/cover;
}

@media(max-width: 1680px) {
  .jiaoyupx_a {
    padding: 70px 0 80px;
  }

  .jiaoyupx_a .ul li {
    padding: 70px 40px 30px;
  }

  .jiaoyupx_b {
    padding: 100px 0 130px;
  }

  .jiaoyupx_b .left .ul {
    margin-top: 30px;
  }

  .jiaoyupx_c {
    padding: 90px 0;
  }
}

@media(max-width: 1500px) {
  .jiaoyupx_a .ul li {
    height: 300px;
    padding: 40px 30px 30px;
  }

  .jiaoyupx_b {
    padding: 70px 0 90px;
  }

  .jiaoyupx_b .left .ul {
    margin-top: 20px;
    padding-left: 14px;
  }

  .jiaoyupx_b .left .ul li .text {
    padding-left: 10px;
  }

  .jiaoyupx_b .left .js {
    padding-left: 14px;
  }

  .jiaoyupx_c {
    padding: 70px 0;
  }
}

@media(max-width:1100px) {
  .jiaoyupx_a {
    padding: 40px 0;
  }

  .jiaoyupx_a .ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 16px;
  }

  .jiaoyupx_a .ul li:nth-child(2n) {
    margin-right: 0;
  }

  .jiaoyupx_b {
    padding: 40px 0;
  }

  .jiaoyupx_b .left {
    width: 100%;
  }

  .jiaoyupx_b .right {
    margin-top: 30px;
    width: 100%;
    position: initial;
    height: 350px;
  }

  .jiaoyupx_b .left .ul {
    margin-top: 0;
  }

  .jiaoyupx_c {
    padding: 40px 0;
  }
}


@media(max-width:640px) {
  .jiaoyupx_a .ul li {
    width: 100%;
    height: auto;
    margin-right: 0;
    padding: 50px 20px 30px;
  }

  .jiaoyupx_a .ul li .top .icon {
    float: left;
    width: 40px;
  }

  .jiaoyupx_a .ul li .top .text {
    padding-left: 10px;
    width: calc(100% - 40px);
  }

  .jiaoyupx_b .left .ul li {
    margin-top: 30px;
    width: 100%;
  }
}

.index-item6 {
  height: auto;
  overflow: hidden;
  background-image: url(../images/06-bg.png);
  background-repeat: repeat;
}

.index-item6 .item6-box {
  margin: 20px auto;
}

.index-item6 .item6-img {
  width: 45%;
  float: left;
  padding: 6% 2%;
}

.index-item6 .item6-list {
  width: 45%;
  margin-top: 15px;
  float: left;
}

@media (max-width: 768px) {
  .index-item6 .item6-list {
    width: 100%;
    margin-top: 0px;
  }

  .index-item6 .item6-img {
    width: 100%;
    height: auto;
  }

  .index-item6 .item6-img img {
    margin-top: 10px;
    width: 100%;
  }

  .index-item6 .item6-list li {
    float: left;
    width: 100% ! important;
    height: 180px;
    FONT-WEIGHT: 200;
    padding: 40px 20px 0;
    background-color: #fdfdfe;
    margin: 0 10px 10px 0;
    transition: all ease .3s;
    border-top: 2px solid transparent
  }

  .index-item6 .item6-list li .hd {
    font-size: 14px ! important;
    padding-left: 35px;
    background-repeat: no-repeat;
    background-position: 0 center;
    color: #666;
    font-weight: 500;
  }
}

.index-item6 .item6-list li {
  float: left;
  width: 100%;
  height: 55px;
  FONT-WEIGHT: 200;
  padding: 15px 20px 0;
  background-color: #fdfdfe;
  margin: 0 10px 15px 0;
  transition: all ease .3s;
  border-top: 2px solid transparent;
  background-image: linear-gradient(0deg, #fff, #f3f5f8);
  border: 2px solid #fff;
  box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
  border-radius: 5px;
}

.index-item6 .item6-list li .hd {
  font-size: 16px;
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: 0 center;
  color: #666;
  font-weight: 500;
  /*! box-shadow: 0 4px 10px 0 rgba(238,223,209,.6); */
}

.index-item6 .item6-list li .hd.hd1 {
  background-image: url(../images/xz.png);
  /* width: 48%; */
}

.index-item6 .item6-list li .hd.hd2 {
  background-image: url(../images/xz.png);
}

.index-item6 .item6-list li .hd.hd3 {
  background-image: url(../images/xz.png);
}

.index-item6 .item6-list li .hd.hd4 {
  background-image: url(../images/xz.png);
  /*! box-shadow: 0 4px 10px 0 rgba(238,223,209,.6); */
}

.index-item6 .item6-list li .hd.hd5 {
  background-image: url(../images/xz.png);
}

.index-item6 .item6-list li .cnt {
  margin-top: 20px;
  color: #999;
  font-size: 13px;
  font-weight: 400;
}

.index-item6 .item6-list li .cnt .ptxt {
  margin-bottom: 10px;
  position: relative;
  padding-left: 10px
}

.index-item6 .item6-list li .cnt .ptxt:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;
  background-color: #999
}

.index-item6 .item6-list li:hover {
  background-color: #fff;
  box-shadow: 0 0 25px 0 rgba(72, 98, 166, .15);
  /*! border-color:#0095ad */
}

.index-item6 .item6-list li:hover .hd {
  color: #0095ad
}

.index-item6 .item6-list li:hover .cnt {
  color: #666
}

.gongyezz_a {
  padding: 80px 0 80px;
  background: #f8f8f8;
}

.gongyezz_a .ul li {
  width: 32%;
  margin-right: 2%;
  height: 570px;
}

.gongyezz_a .ul li .img {
  overflow: hidden;
}

.gongyezz_a .ul li .img img {
  transform: scale(1);
  transition: all 0.4s;
}

.gongyezz_a .ul li:hover .img img {
  transform: scale(1.1);
}

.gongyezz_b.chonghai {
  padding: 80px 0 0px 0;
}

.gongyezz_b {
  background: #f7f9fb;
  padding: 80px 0;
}

.gongyezz_b .ul li:hover {
  /* background-image: linear-gradient(180deg, #f5f5f5, #fff); */
  border: 0px solid #fff;
  box-shadow: 8px 8px 20px rgb(55 99 170 / 10%), -8px -8px 20px #fff;
}

.gongyezz_b.chonghai .ul li {
  float: left;
  width: 48.8%;
  /* padding: 46px 56px; */
  margin-right: 2.4%;
  background: #fff;
  margin-top: 20px;
  height: 200px;
  overflow: hidden;
}

.gongyezz_b .ul li:nth-child(1),
.gongyezz_b .ul li:nth-child(2) {
  margin-top: 0;
}

.gongyezz_b .ul li:nth-child(2n) {
  margin-right: 0;
}

.gongyezz_b.chonghai .ul li .icon {
  width: 15%;
  float: left;
  padding: 20px 20px;
  top: 25%;
  position: sticky;
}

.gongyezz_b.chonghai .ul li .text {
  padding-left: 76px;
  float: left;
  width: calc(100% - 15%);
  position: relative;
  /* width: 64%; */
  padding: 40px 20px 40px 30px;
}

.gongyezz_b.chonghai .ul li .text:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #eeeeee;
}

.gongyezz_b .ul li {
  float: left;
  width: 48.5%;
  /* padding: 46px 56px; */
  margin-right: 2.4%;
  background: #fff;
  margin-top: 20px;
  height: 180px;
  overflow: hidden;
}

.gongyezz_b .ul li .icon {
  width: 35%;
  float: left;
  padding: 20px 20px;
}

.gongyezz_b .ul li .text {
  padding-left: 76px;
  float: left;
  width: calc(100% - 35%);
  position: relative;
  /* width: 64%; */
  padding: 40px 20px 40px 10px;
}

.gongyezz_b .ul li .text:before {
  content: "";
  position: absolute;
  left: 38px;
  top: 0;
  width: 1px;
  height: 100%;

}

.gongyezz_b .ul li .text .bt {
  color: #000000;
}

.gongyezz_b .ul li .text .js {
  color: #666666;
  line-height: 1.6;
  margin-top: 14px;
}

@media(max-width: 1680px) {
  .gongyezz_a {
    padding: 70px 0 90px;
  }

  .gongyezz_a .ul li {
    height: 520px;
  }

  .gongyezz_b {
    padding: 70px 0;
  }

  .gongyezz_b .ul li {
    padding: 10px 10px;
  }

  .gongyezz_b .ul li .icon {
    /* width: 46px; */
  }

  .gongyezz_b .ul li .text {
    padding-left: 50px;
    width: calc(100% - 46px);
  }

  .gongyezz_b .ul li .text:before {
    left: 25px;
  }
}

@media(max-width: 1500px) {
  .gongyezz_b .ul li .text {
    padding-left: 76px;
    float: left;
    width: calc(100% - 35%);
    position: relative;
    /* width: 64%; */
    padding: 30px 20px 40px 10px;
  }

  .gongyezz_a .ul li {
    height: 480px;
  }

  .gongyezz_b.chonghai .ul li .text {
    padding-left: 76px;
    float: left;
    width: calc(100% - 15%);
    position: relative;
    width: 85%;
    padding: 30px 20px 40px 30px;
  }
}

@media(max-width: 1100px) {
  .gongyezz_a {
    padding: 40px 0;
  }

  .gongyezz_a .ul li {
    height: 440px;
    width: 49%;
    margin-right: 2%;
  }

  .gongyezz_a .ul li:nth-child(2n) {
    margin-right: 0;
  }

  .gongyezz_b.chonghai {
    padding: 40px 0 0px 0;
  }

  .gongyezz_b {
    padding: 40px 0;
  }

  .gongyezz_b.chonghai .ul li {
    float: left;
    width: 100%;
    /* padding: 46px 56px; */
    margin-right: 2.4%;
    background: #fff;
    margin-top: 20px;
    height: 265px;
    overflow: hidden;
  }

  .gongyezz_b .ul li {
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 16px;
    padding: 30px 20px;
  }
}

@media(max-width: 640px) {
  .gongyezz_a .ul li {
    width: 100%;
    height: auto;
  }

  .gongyezz_b.chonghai .ul li .icon {
    width: 15%;
    float: left;
    padding: 0;
    top: 0%;
    position: sticky;
    /* display: flex; */
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .gongyezz_b .ul li .icon {
    /* width: 40px; */
    width: auto;
    float: left;
    padding: 0;
  }

  .gongyezz_b.chonghai .ul li .text {
    padding-left: 0px;
    float: left;
    width: calc(100% - 0%);
    position: relative;
    padding: 20px 0px 10px 0px;
  }

  .gongyezz_b .ul li .text {
    padding-left: 10px;
    width: calc(100% - 0px);
    padding: 20px 20px 10px 10px;
  }

  .gongyezz_b.chonghai .ul li .text:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #eeeeee00;
  }

  .gongyezz_b .ul li .text:before {
    left: 15px;
  }

  .gongyezz_b .ul li .text .js {
    margin-top: 10px;
  }


}


/*03高端网站*/
.gaoduanwz_banner .nybanner_box {
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
}

.gaoduanwz_banner .nybanner_box .text {
  color: #fff;
}

.gaoduanwz_banner .nybanner_box .text .js {
  margin-bottom: 16px;
  line-height: 1.4;
}

.gaoduanwz_banner .nybanner_box .text .js2 {
  line-height: 1.4;
}

.gaoduanwz_banner .nybanner_box .text .bt {
  margin-bottom: 16px;
  line-height: 1.4;
}

.gaoduanwz_banner .nybanner_box .text .icon {
  margin-top: 34px;
}

.qiyefw_a.gaoduanwz_a.cp {
  background: #f7f9fb;
  padding-bottom: 80px;
}

.gaoduanwz_a {
  background: #ffffff;
  padding-bottom: 80px;
}

.qiyefw_a.gaoduanwz_a.cp .ul>li {
  background: #ffffff;
}

.gaoduanwz_a .ul>li {
  background: #f8f8f8;
}

.gaoduanwz_a .ul>li .box .wenzi ul li {
  width: auto;
  margin-right: 26px;
}

.gaoduanwz_a .ul>li .box .wenzi {
  margin-top: 30px;
}

.gaoduanwz_a .ul li .img {
  position: relative;
}

.gaoduanwz_a .ul li .img_1 {
  position: absolute;
  left: 5%;
  bottom: 0;
  width: 40.6%;
}

.gaoduanwz_a .ul li .img_2 {
  position: absolute;
  left: 35.6%;
  bottom: 0;
  width: 28%;
}

.gaoduanwz_a .ul li .img_3 {
  position: absolute;
  left: 64.6%;
  bottom: 0;
  width: 32.8%;
}

.gaoduanwz_b {
  margin-top: -90px;
}

.gaoduanwz_b .img {
  width: 100%;
  display: block;
}

.gaoduanwz_b .container2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}

.gaoduanwz_b .text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 49%;
  background: rgba(255, 255, 255, 0.94);
  z-index: 3;
  padding: 50px;
}

.gaoduanwz_b .text .top .icon {
  float: left;
  width: 54px;
}

.gaoduanwz_b .text .top .wenzi {
  float: left;
  padding-left: 16px;
  width: calc(100% - 54px);
}

.gaoduanwz_b .text .top .wenzi .bt {
  color: #333333;
  line-height: 1.4;
}

.gaoduanwz_b .text .top .wenzi .js {
  color: rgba(51, 51, 51, 0.34);
  line-height: 1.6;
}

.gaoduanwz_b .text .btm {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #e8e8ea;
}

.gaoduanwz_b .text .btm .js {
  color: #333333;
}

.gaoduanwz_b .text .btm .wenzi {
  color: #333333;
  line-height: 1.6;
  margin-top: 30px;
}

.gaoduanwz_b .text .btm .wenzi ul li {
  float: left;
  margin-right: 34px;
  padding-left: 16px;
  position: relative;
}

.gaoduanwz_b .text .btm .wenzi ul li:before {
  left: 0;
  top: 6px;
  position: absolute;
  width: 7px;
  height: 7px;
  background: #1d9321;
  content: "";
}

.gaoduanwz_c {
  padding: 96px 0 120px;
}

.gaoduanwz_d .left {
  float: left;
  width: 36.25%;
  background: #2c3339;
  padding: 130px 0 80px 14.5%;
  position: relative;
}

.gaoduanwz_d .left .bule {
  position: absolute;
  top: 30px;
  left: 30px;
}

.gaoduanwz_d .left .bule {
  width: 132px;
  height: 132px;
  background: rgba(255, 255, 255, 0.02);
}

.gaoduanwz_d .left .bule:before {
  background: rgba(255, 255, 255, 0.02);
  width: 46px;
  height: 46px;
}

.gaoduanwz_d .left .bule:after {
  background: rgba(255, 255, 255, 0.02);
  width: 30px;
  height: 30px;
  left: -30px;
  top: -30px;
}

.gaoduanwz_d .left .ty_title .bt,
.gaoduanwz_d .left .ty_title .js {
  color: #fff;
}

.gaoduanwz_d .left .ul li {
  padding: 30px 20px;
  border-bottom: 1px solid #454b50;
  position: relative;
}

.gaoduanwz_d .left .ul li:nth-child(1) {
  border-top: 1px solid #454b50;
}

.gaoduanwz_d .left .ul li .icon {
  float: left;
  width: 42px;
}

.gaoduanwz_d .left .ul li .text {
  float: left;
  padding-left: 12px;
  width: calc(100% - 42px);
}

.gaoduanwz_d .left .ul li .text .bt {
  color: #fff;
}

.gaoduanwz_d .left .ul li .text .js {
  color: rgba(255, 255, 255, 0.6);
  margin-top: 10px;
  line-height: 1.6;
  font-size: 15px;
}

.gaoduanwz_d .left .ul li:before {
  width: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.02);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  transition: all 0.4s;
  overflow: hidden;
}

.gaoduanwz_d .left .ul li:hover:before {
  width: 100%;
}

.gaoduanwz_d .right {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 63.75%;
  background: url(../images/tr_d_img.jpg) center center/cover;
}

.gaoduanwz_d .right .img1 {

  margin-top: 15%;
  animation: bounce 5s linear infinite;
}

.gaoduanwz_d .right .bule {
  width: 216px;
  height: 216px;
  background: rgba(8, 99, 196, 0.78);
}

.gaoduanwz_d .bule:before {
  background: #1d9321;
  width: 74px;
  height: 74px;
}

.gaoduanwz_d .bule:after {
  background: #1d9321;
  width: 50px;
  height: 50px;
  left: -50px;
  top: -50px;
}

.gaoduanwz_e {
  padding-top: 120px;
}

.gaoduanwz_e .gaoduanwz_e_box {
  padding-left: 14.5%;
}

.gaoduanwz_e .top .right {
  width: 100%;
  padding-right: 26%;
}

.gaoduanwz_e .top .right .text .bt {
  color: #333333;
}

.gaoduanwz_e .top .right .text .wenzi {
  color: #666666;
  line-height: 1.8;
  margin-top: 10px;
}

.gaoduanwz_e .btm {
  margin-top: -34px;
  display: block;
  width: 100%;
  position: relative;
}

.gaoduanwz_e .btm .img2 {
  position: absolute;
  bottom: 0;
  right: 5.2%;
}

.gaoduanwz_f {
  background: #323537;
  padding: 100px 0 120px;
}

.gaoduanwz_f .ty_title .bt {
  color: #fff;
}

.gaoduanwz_f .top .right {
  width: 63%;
  padding-right: 24%;
}

.gaoduanwz_f .top .right .text {
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.8;
}

.gaoduanwz_f .ul {
  margin-top: 70px;
}

.gaoduanwz_f .ul li {
  float: left;
  width: 32.5%;
  margin-right: 1.25%;
  background: #3d4042;
  padding: 50px;
  position: relative;
  height: 404px;
}

.gaoduanwz_f .ul li:last-child {
  margin-right: 0;
}

.gaoduanwz_f .ul li .icon {
  width: 102px;
}

.gaoduanwz_f .ul li .bt {
  color: #fff;
  margin-top: 70px;
}

.gaoduanwz_f .ul li .js {
  color: #fff;
  margin-top: 20px;
}

.gaoduanwz_f .ul li .wenzi {
  color: rgba(255, 255, 255, 0.6);
  margin-top: 10px;
  line-height: 1.6;
}

.gaoduanwz_f .ul li .k {
  width: 110px;
  height: 110px;
  background: #414345;
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  padding: 26px 20px;
}

.gaoduanwz_f .ul li .k:before {
  position: absolute;
  width: 36px;
  height: 36px;
  bottom: 0;
  left: 0;
  background: #46484a;
  content: "";
}

.gaoduanwz_f .ul li .k:after {
  position: absolute;
  width: 26px;
  height: 26px;
  bottom: -26px;
  left: -26px;
  background: #414345;
  content: "";
}

@media(max-width: 1920px) {
  .gaoduanwz_d .left {
    padding: 130px 0 80px 8%;
  }

  .gaoduanwz_e .gaoduanwz_e_box {
    padding-left: 8%;
  }
}

@media(max-width: 1700px) {
  .gaoduanwz_b .text {
    padding: 40px;
  }

  .gaoduanwz_c {
    padding: 70px 0 90px;
  }

  .gaoduanwz_e {
    padding-top: 80px;
  }

  .gaoduanwz_f {
    padding: 70px 0 90px;
  }

  .gaoduanwz_f .ul {
    margin-top: 50px;
  }
}

@media(max-width: 1500px) {
  .gaoduanwz_a .ul>li {
    height: 560px;
  }

  .gaoduanwz_b .text .btm {
    margin-top: 18px;
    padding-top: 18px;
  }

  .gaoduanwz_b .text .btm .wenzi {
    margin-top: 20px;
  }

  .gaoduanwz_b .text .top .icon {
    width: 46px;
  }

  .gaoduanwz_d .left {
    padding: 80px 0 60px 5%;
  }

  .gaoduanwz_d .left .ul li {
    padding: 20px 10px;
  }

  .gaoduanwz_d .right .bule {
    width: 180px;
    height: 180px;
  }

  .gaoduanwz_d .bule:before {
    width: 60px;
    height: 60px;
  }

  .gaoduanwz_d .bule:after {
    width: 40px;
    height: 40px;
    left: -40px;
    top: -40px;
  }

  .gaoduanwz_f .ul li {
    height: 380px;
    padding: 36px;
  }
}

@media(max-width: 1100px) {
  .qiyefw_a .ul>li {
    height: auto;
  }

  .gaoduanwz_b {
    margin-top: 0;
    background: #f7f9fb;
    padding-top: 30px;
  }

  .gaoduanwz_b .container2 {
    width: 100%;
    height: auto;
    display: inline-block;
    position: initial;
  }

  .gaoduanwz_b .text {
    width: 100%;
    display: inline-block;
    position: initial;
    padding: 30px 20px;
  }

  .gaoduanwz_c {
    padding: 40px 0 50px;
  }

  .gaoduanwz_d .left {
    width: 100%;
    padding: 40px 2.5%;
  }

  .gaoduanwz_d .right {
    width: 100%;
    position: initial;
    height: 400px;
  }

  .gaoduanwz_d .right .img1 {
    margin-top: 30%;
    animation: bounce 5s linear infinite;
  }

  .gaoduanwz_d .right .bule {
    width: 160px;
    height: 160px;
  }

  .gaoduanwz_d .bule:before {
    width: 50px;
    height: 50px;
  }

  .gaoduanwz_d .bule:after {
    width: 30px;
    height: 30px;
    left: -30px;
    top: -30px;
  }

  .gaoduanwz_e {
    padding-top: 40px;
  }

  .gaoduanwz_e .gaoduanwz_e_box {
    padding: 0 2.5%;
  }

  .gaoduanwz_e .top .right {
    padding-left: 14px;
    width: 100%;
    padding-right: 0;
  }

  .gaoduanwz_f {
    padding: 40px 0 50px;
  }

  .gaoduanwz_f .top .right {
    width: 100%;
    padding-right: 0;
    padding-left: 14px;
  }

  .gaoduanwz_f .ul li {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 14px;
  }

  .gaoduanwz_f .ul li:nth-child(2n) {
    margin-right: 0;
  }
}

@media(max-width: 600px) {
  .gaoduanwz_f .ul li {
    width: 100%;
    margin-right: 0;
    padding: 30px 20px;
    height: auto;
  }

  .gaoduanwz_f .ul li .bt {
    margin-top: 40px;
  }

  .gaoduanwz_f .ul li .js {
    margin-top: 14px;
  }

  .gaoduanwz_f .ul li .k {
    width: 90px;
    height: 90px;
    padding: 16px 10px;
  }

  .gaoduanwz_f .ul li .k:before {
    position: absolute;
    width: 30px;
    height: 30px;
  }

  .gaoduanwz_f .ul li .k:after {
    width: 20px;
    height: 20px;
    bottom: -20px;
    left: -20px;
  }
}

/*案例*/
.case_banner .text {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  color: #fff;
}

.case_banner .text .bt {
  line-height: 1.4;
}

.case_banner .text .js {
  line-height: 1.6;
  margin-top: 6px;
}

/*案例页面修改后样式*/
.case-page-box {
  /*width:1430px;*/
  width: 73.5%;
  margin: 50px auto 35px;
  /*padding: 10px;*/
  /*background-color: #ffffff;*/
}

@media only screen and (max-width: 1400px) {
  .case-page-box {
    width: 88%;
  }
}

.case-show-box {
  /*display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;*/
}

.case-show-box li {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 20px;
  float: left;

}

.case-show-box li dt {
  height: 280px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 340px;
}

.case-show-box li img {
  max-width: 100%;
  max-height: 100%;

}

.case-show-box li:nth-child(4n) {
  margin-right: 0;
}

.case-show-box li img {
  width: 100%;
}

.case-show-box li dd {
  padding: 18px 0;
  text-align: left;
}

.case-show-box li dd span {
  font-size: 15px;
  color: #363636;
}

.case-show-box li dd h3 {
  font-size: 16px;
  color: #363636;
  font-weight: normal;
}

.case-show-box li dd p {
  font-size: 13px;
  color: #777777;
  margin-top: 5px;
}

.middle-img-box {
  position: relative;
  width: 100%;
  margin-bottom: 35px;
}

.middle-img-box span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  right: 25%;
  width: 268px;
  height: 34px;
}

.middle-img-box img {
  width: 100%;
}

.case-show-box li dt {
  position: relative;
  overflow: hidden;
  /* padding: 10%; */
}

.case-show-box li dt img {
  transition: transform 0.8s ease-in-out;
}

.case-show-box li .mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  display: none;
  z-index: 10;
}

.case-show-box li .mask .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, -50%);
}

.case-show-box li .mask .content .text {
  display: block;
  text-transform: capitalize;
  margin-top: 10px;
  font-size: 14px;
  color: #ffffff;
  font-family: 'Arial';
}

.case-show-box li:hover .mask {
  display: block;
}

.case-show-box li:hover dt img {
  transform: scale(1.1);

}

.case2_ul_box {
  text-align: center;
  padding: 20px 0 60px;
}

.case_ul_box {
  text-align: center;
  padding: 70px 0 80px;
}

.case_ul {
  display: inline-block;
}
@media (max-width: 768px) {
.case_ul li {
  float: left;
  margin-right: .45rem! important;
  position: relative;
  color: #333333;
  padding: 10px 0;
  transition: all 0.4s;
}  
  .case-show-box li {
  width: 46%! important;
  margin: 2%;
  margin-bottom: 10px;
  float: left;
}
  .case-show-box li dt {
  height: 160px
    ;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 340px;
}
}
.case_ul li {
  float: left;
  margin-right: 35px;
  position: relative;
  color: #333333;
  padding: 10px 0;
  transition: all 0.4s;
}

.case_ul li:last-child {
  margin-right: 0;
}

.case_ul li:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 0;
  height: 4px;
  background: #0863c4;
  transition: all 0.4s;
}

.case_ul li:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 0;
  height: 4px;
  transition: all 0.4s;
  background: #1d9321;
}

.case_ul li.on,
.case_ul li:hover {
  color: #1d9321;
}

.case_ul li.on:before,
.case_ul li:hover:before {
  width: 100%;
}

.case_ul li.on:after,
.case_ul li:hover:after {
  width: 10px;
}

.case_shoujial {
  background-color: #F5F7FA;
}

/*分页器*/
.page {
  width: 100%;
  margin: 0 auto;
  padding: 40px 10px 50px;
  /*background-color: #ffffff;*/
  /*background-color: #F5F7FA;*/
  position: relative;
  text-align: center;
  /*height: 120px;*/
}

.page ul {
  /*width: 300px;*/
  display: inline-block;
  margin: 0 auto;
  /*position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%); 	
    -moz-transform:translateX(-50%); 	
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);*/
}

.page ul li {
  float: left;
  width: 55px;
  height: 55px;
  background-color: #EFEFEF;
  text-align: center;
  line-height: 55px;
  font-size: 16px;
}

.page ul li a {
  display: block;
  color: #888888;
}

.page ul li a.thisclass {
  color: #ffffff;
  background-color: #1d9321;
}

.page ul li+li {
  margin-left: 6px;
}

.page ul li.arrow {
  font-size: 20px;
}

.page ul li:hover a {
  color: #ffffff;
  background-color: #1C6AC3;
}

.page ul li a.cur {
  color: #FFFFFF;
  background-color: #1C6AC3;
}

.case_shouji {
  width: 74%;
  margin: 0 auto;
}

.case_shouji li {
  width: 32.5%;
  float: left;
  margin-right: 1.25%;
  margin-bottom: 20px;
}

.case_shouji li:nth-child(3n) {
  margin-right: 0;
}

.case_shouji li img {
  width: 100%;
}

.case_shouji li dd {
  padding: 15px 0;
}

.case_shouji li dd span,
.case_shouji li dd h3 {
  font-size: 15px;
  color: #363636;
}

.case_shouji li dd p {
  font-size: 12px;
  color: #777777;
  margin-top: 5px;
}

.middle-img-box {
  position: relative;
  width: 100%;
  margin-bottom: 35px;
}

.middle-img-box span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9 */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateY(-50%);
  right: 25%;
  /* width:268px;
    height:34px; */
}

.case_shouji li dt {
  position: relative;
  overflow: hidden;
}

.case_shouji img {
  width: 100%;
}

.case_shouji li .mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  display: none;
}

.case_shouji li .mask .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -moz-transform: translate(-50%, -50%);
  /* Firefox */
  -webkit-transform: translate(-50%, -50%);
  /* Safari 和 Chrome */
  -o-transform: translate(-50%, -50%);
}

.case_shouji li .mask .content .text {
  display: block;
  text-transform: capitalize;
  margin-top: 10px;
  font-size: 14px;
  color: #ffffff;
  font-family: 'Arial';
}

.case_shouji li:hover .mask {
  display: block;
}

.case_shouji li dt img {
  transform: scale(1);
  transition: all 0.8s;

}

.case_shouji li:hover dt img {
  transform: scale(1.1);

}

@media(max-width:1500px) {
  .case_shouji {
    width: 90%;
    margin: 0 auto;
  }

  .case_ul_box {
    padding: 50px 0 40px;
  }
}

/*案例*/
.case_banner .text {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  color: #fff;
}

.case_banner .text .bt {
  line-height: 1.4;
}

.case_banner .text .js {
  line-height: 1.6;
  margin-top: 6px;
}

/**/
.home_banner .box_yun {
  position: relative;
  overflow: hidden;
}

.home_banner .box_yun .icon_box {
  margin-bottom: 10px;
}

.home_banner .box_yun .icon_box .icon {
  width: 63px;
  float: left;
}

.home_banner .box_yun .icon_box .en {
  float: left;
  width: calc(100% - 63px);
  padding-left: 10px;
  color: #ffffff;
  padding-top: 0px;
  line-height: 1.3;
  font-weight: 700;
  font-family: Impact;
}

.home_banner .box_yun .text {
  z-index: 3;
}

.home_banner .box_yun .text .bt {
  color: #ffffff;
  letter-spacing: 4px;
  font-weight: 700;
}

.home_banner .box_yun .text .js {
  color: #ffffff;
  font-size: 25px;
  letter-spacing: 4px;
  font-weight: 400;
}

.home_banner .box_yun .yun1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
  -webkit-animation: scoll 70s linear infinite;

}

@media (max-width: 768px) {
  .home_banner .box_yun {
    position: relative;
    overflow: hidden;
  }

  .home_banner .box_yun .icon_box {
    margin-bottom: 10px;
  }

  .home_banner .box_yun .icon_box .icon {
    width: 63px;
    float: left;
  }

  .home_banner .box_yun .icon_box .en {
    float: left;
    width: calc(100% - 63px);
    padding-left: 10px;
    color: #ffffff;
    padding-top: 0px;
    line-height: 1.3;
    font-weight: 700;
    font-family: Impact;
  }
.moblie-ban {
  display: none;
}
  .home_banner .box_yun .text {
    z-index: 3;
  }

  .home_banner .box_yun .text .bt {
    color: #ffffff;
    letter-spacing: 0px;
    font-weight: 700;
  }

  .home_banner .box_yun .text .js {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 400;
  }

  .home_banner .box_yun .yun1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    -webkit-animation: scoll 70s linear infinite;

  }

  .home_banner .box .text .bt {
    color: #ffffff;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: 1px;
  }

  .home_banner .box .text .js {
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
    letter-spacing: 1px;
  }
  .home_banner .box .text .js.m{
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
    margin-right: 20px;
    letter-spacing: 1px;
     line-height: 2;
  }
  .home_banner .box .text .bt span {
    color: #ffffff;
    font-size: 26px;
    line-height: 1.4;
    letter-spacing: 3px;
    font-weight: 700;
  }

  .home_banner .box .text .zb {
    color: #ffffff;
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: 0px;
    font-weight: 700;
  }

  .home_banner .box .text .bt2 {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 2px;
    font-weight: 300;
  }

  a.more.lvse {
    display: inline-block;
    color: #1d9321;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 14px;
    padding: 12px 58px 12px 12px;
    line-height: 1;
    position: relative;
    font-weight: 700;
    letter-spacing: 0px;
  }
}

@keyframes scoll {

  0% {
    /*opacity: 0;*/
    transform: translate(0%, 0);
  }

  10% {
    /* opacity: 1;*/
  }

  100% {
    transform: translate(100%, 0%);
  }
}

@-webkit-keyframes scoll {

  0% {
    /*opacity: 0;*/
    transform: translate(0, 0);
  }

  10% {
    /*opacity: 1;*/
  }

  100% {
    transform: translate(100%, 0);
  }

}

@media(max-width: 1500px) {
  .home_banner .box_yun .icon_box {
    margin-bottom: 20px;
  }

  .home_banner .box_yun .icon_box .icon {
    width: 50px;
  }

  .home_banner .box_yun .icon_box .en {
    width: calc(100% - 50px);
    padding-top: 9px;
  }
}

@media(max-width: 800px) {
  .home_banner .box_yun .icon_box .icon {
    width: 40px;
  }

  .home_banner .box_yun .icon_box .en {
    width: calc(100% - 40px);
    padding-top: 2px;
    font-size: 30px;
  }
}

/*pclogo后文字*/
.header .left .logo {
  overflow: initial;
}

.header .left .logo h1 {
  line-height: 0;
}

.header .left .logo .yc.wz {
  position: sticky;
  left: 100%;
  width: 500px;
  bottom: 0;
  z-index: 3;
  color: #1d1c1c;
  font-size: 16px;
  margin-left: 16px;
  line-height: 1;
  letter-spacing: 3px;
  font-weight: initial;
  margin-bottom: -20px;
}

.header .left .logo .xs.wz {
  position: absolute;
  left: 100%;
  width: 500px;
  bottom: 0;
  z-index: 3;
  color: #fff;
  font-size: 16px;
  margin-left: 16px;
  line-height: 1;
  letter-spacing: 3px;
  font-weight: initial;
  margin-bottom: 8px;
}

@media(max-width: 1500px) {
  .header .left .logo .wz {
    font-size: 14px;
    letter-spacing: 2px;
  }
}

@media(max-width: 1200px) {
  .header .left .logo .wz {
    display: none;
  }
}


/*home_c逐层动画*/
.home_c .right {
  /* width: 640px; */
  height: 560px;
  position: relative;
  overflow: hidden;
}

.home_c .right .ul {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.home_c .right .xxjs {
  z-index: 9;
  position: relative;
}

@media (max-width: 768px) {
  .home_c .right {
    width: 320px;
    height: 320px;
  }

  .home_c .right .xxjs {
    z-index: 9;
    position: relative;
    padding-left: 25%;
  }

  .home_c .right .xxjs img {
    width: 100%;
    padding: 8px;
  }

  .home_c .right .ul li.li4 {
    position: absolute;
    right: 0;
    top: 0;
    border-top: none;
    opacity: 0;
    width: 260px;
    height: 220px;
  }

}

.home_c .right .ul li {
  /* width: 320px; */
  height: 280px;
}

.home_c .right .ul li.li1 {
  position: absolute;
  left: 0;
  top: 50%;
  width: 70px;
  height: 70px;
  opacity: 0;
  z-index: 3;
}

.home_c .right .ul li.li2 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
}

.home_c .right .ul li.li3 {
  position: absolute;
  right: 50%;
  top: 50%;
  /* opacity: 0;*/
}

.home_c .right .ul li.li4 {
  position: absolute;
  right: 0;
  top: 0;
  border-top: none;
  opacity: 0;
}

.home_banner .xuanzhuan .img .img1 {
  transition: all 6s;
  /*! transform: scale(1.2) rotate(-1deg) !important; */
}

/*案例追加文字层*/
.home_e .ul li .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  background: rgba(0, 0, 0, .5);
  padding: 5%;
  color: #f9f9f9;
  opacity: 0;
  transition: all 0.6s;
}

.home_e .ul li .text .box {
  position: relative;
  width: 100%;
  height: 100%;
}

.home_e .ul li .text .bt {
  position: absolute;
  top: 0;
  left: 0;
}

.home_e .ul li .text .wenzi {
  position: absolute;
  bottom: 0;
  left: 0;
}

.home_e .ul li .text .wenzi .js {
  margin-top: 8px;
  line-height: 1.6;
}

.home_e .ul li:hover .text {
  display: block;
  opacity: 1;
}

@media(max-width:1300px) {
  .home_c .right {
    width: 520px;
    height: 520px;
  }

  .home_c .right .ul li {
    width: 260px;
    height: 260px;
  }
}

@media(max-width:1100px) {
  .home_e .ul li:hover .text {
    display: none;
  }
}

/**/

.gaoduanwz_banner .ts_nybanner .wz {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  left: 0;
}



.gaoduanwz_banner .ts_nybanner .bg .t {
  background: url(../images/gaoduanwz_banner01.jpg) center right/cover no-repeat;
  position: absolute;
  left: -20px;
  top: 0;
  width: 114%;
  height: 100%;
}

.gaoduanwz_banner .ts_nybanner .bg img {
  opacity: 0;
}

.shuzihua_banner .img {
  position: relative;
  line-height: 0;
}

.shuzihua_banner .img video {
  line-height: 0;
}

.shuzihua_banner .img:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.shuzihua_banner .shuzihua_text {
  z-index: 2;
}

.gaoduanwz_banner .ts_nybanner .bg img {
  width: 100%;
}

/*观点资讯*/
.guandian_banner .text {
  letter-spacing: 3px;
}

.guandian_a {
  padding: 90px 0 110px;
  background: #fafafa;
}

.guandian_a .top .ty_title {
  float: left;
  margin-bottom: 0;
}

.guandian_a .btm {
  margin-top: 36px;
}

.guandian_a .btm .gongyi {

  width: 100%;
}

.guandian_a .btm.jishu .left {

  width: 100%;
}

.guandian_a .btm .right .box .btm.wdl.jishu .left {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  padding-top: 10px;
  padding-left: 10px;
}

.guandian_a .btm .right .box .btm.jishu .left {
  display: table-cell;
  vertical-align: top;
  width: 20px;
  padding-top: 10px;
  padding-left: 10px;
}

.guandian_a .btm .right .box .btm.jishu .left .icon {
  width: 40px;
  height: 40px;
  border: 2px solid #1d9321;
  background: #1d9321;
  text-align: center;
  color: #fff;
  line-height: 45px;
  margin-right: 20px;
  position: relative;
  transition: all .3s ease;
}

.guandian_a .btm .right .box .btm.jishu .left .icon:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -17px;
  right: -12px;
  /*! background: #fff; */
  /*! transform: rotate(45deg); */
}

.guandian_a .btm .left {

  width: 75.6%;
}

.guandian_a .btm .left .ul li {
  margin-bottom: 16px;
}

.guandian_a .btm .left .ul li:last-child {
  margin-bottom: 0;
}

.guandian_a .btm .left .ul li .left {
  display: table-cell;
  vertical-align: top;
  width: 5%;
  padding-top: 20px;
  padding-left: 10px;
}

.guandian_a .btm .left .ul li .left .icon {
  width: 65px;
  height: 65px;
  border: 2px solid #1d9321;
  background: #1d9321;
  text-align: center;
  color: #fff;
  line-height: 63px;
  margin-right: 27px;
  position: relative;
  transition: all .3s ease;
}

.guandian_a .btm .left .ul li .left .icon:before {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: -17px;
  right: -17px;
  /*! background: #fff; */
  /*! transform: rotate(45deg); */
}

.guandian_a .btm .left .ul li .left .icon span {
  display: inline-block;
  margin-top: 10px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.guandian_a .btm .left .ul li .left .icon span:before {
  font-size: 35px;
  content: "\f044";
}

.guandian_a .btm .left .ul li .box {
  background: #fff;
  padding: 26px 26px 32px;
}

.guandian_a .btm .left .ul li .img {
  float: left;
  width: 28.4%;
  overflow: hidden;
}

.guandian_a .btm .left .ul li .text {
  float: left;
  width: 71.6%;
  padding: 20px 50px;
}

.guandian_a .btm.jishu .left .ul li .text {
  float: left;
  width: 95%;
  padding: 20px 50px;
}

.guandian_a .btm .left .ul li .text .bt {
  color: #000000;
  margin-bottom: 10px;
  transition: all 0.4s;
}

.guandian_a .btm .left .ul li .img img {
  transform: scale(1);
  transition: all 0.4s;
  overflow: hidden;
  width: 342px;
  /*! height: 240px; */
  object-fit: cover;
  max-height: 248px;
}

.guandian_a .btm .left .ul li:hover .text .bt {
  color: #1d9321;
}

.guandian_a .btm .left .ul li:hover .img img {
  transform: scale(1.1);
}

.guandian_a .btm .left .ul li .text .time {
  color: #000000;
  margin-bottom: 6px;
}

.guandian_a .btm .left .ul li .text .js {
  line-height: 1.8;
  color: #666666;
}

.guandian_a .btm .gongyi .ul li:nth-of-type(2) {}

.guandian_a .btm .gongyi .ul li {
  margin-bottom: 3%;
  box-shadow: 8px 8px 20px rgb(214 216 218 / 5%), -8px -8px 20px #fff;
}

.guandian_a .btm .gongyi .ul li:last-child {
  margin-bottom: 0;
}

.guandian_a .btm .gongyi .ul li .box {
  background: #fff;
  /* padding: 26px 26px 32px; */
}

.guandian_a .btm .gongyi .ul li:nth-of-type(2) .img {
  float: right;
  width: 35%;
  overflow: hidden;
}

.guandian_a .btm .gongyi .ul li .img {
  float: left;
  width: 35%;
  overflow: hidden;
}

.guandian_a .btm .gongyi .ul li .text {
  float: left;
  width: 60%;
  padding-left: 10%;
}

.guandian_a .btm .gongyi .ul li .text .bt {
  color: #403d3d;
  margin-bottom: 30px;
  transition: all 0.4s;
  font-size: 30px;
  font-weight: 600;
  padding-top: 8%;
}

.guandian_a .btm .gongyi .ul li .img img {
  transform: scale(1);
  transition: all 0.4s;
  overflow: hidden;
  /* width: 342px; */
  /* height: 240px; */
}

.guandian_a .btm .gongyi .ul li:hover .text .bt {
  color: #1d9321;
}

.guandian_a .btm .gongyi .ul li:hover .img img {
  transform: scale(1.1);
}

.guandian_a .btm .gongyi .ul li .text .time {
  color: #000000;
  margin-bottom: 6px;
  font-size: 18px;
}

.guandian_a .btm .gongyi .ul li .text .js {
  line-height: 2;
  color: #3e3c3c;
  font-size: 18px;
}

.gd2 {
  /* color: #000000; */
  font-size: 14px;
  position: relative;
  display: inline-block;
  padding-right: 20px;
}

.gd2:before {
  background: url(../images/gd_jt.png) center center/cover;
  width: 13px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
}

.guandian_a .btm .left .ul li .text .gd2 {
  margin-top: 30px;
}

.guandian_a .btm .right {
  width: 23.2%;
}

.guandian_a .btm .right .box {
  background: #fff;
  margin-bottom: 16px;
  padding: 30px 24px 40px;
}

.guandian_a .btm .right .box:last-child {
  margin-bottom: 0;
}

.guandian_a .btm .right .box .ty_title {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f2f2;
}

.guandian_a .btm .right .box .ty_title .bt {
  font-size: 22px;
  padding-left: 16px;
}

.guandian_a .btm .right .box .ty_title .bt i {
  height: 20px;
  width: 6px;
}

.guandian_a .btm .right .box .ty_title .bt i:after {
  height: 6px;
  width: 6px;
}

.guandian_a .btm .right .box .ol li {
  float: left;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 10px;
}

.guandian_a .btm .right .box .ol li:nth-child(2n) {
  margin-right: 0;
}

.guandian_a .btm .right .box .ol li .bt {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 16px;
  color: #666666;
}

.guandian_a .btm .right .box .ol li .bt:before {
  position: absolute;
  left: 0;
  width: 6px;
  height: 6px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  background: #1d9321;
}

.guandian_a .btm .right .box .btm .nr {
  margin-bottom: 16px;
}

.guandian_a .btm .right .box .btm .nr:last-child {
  margin-bottom: 0;
}

.guandian_a .btm .right .box .btm.cp .img {
  float: left;
  width: 100%;
  overflow: hidden;
}

.guandian_a .btm .right .box .btm .img {
  float: left;
  width: 39.6%;
  overflow: hidden;
}

.guandian_a .btm .right .box .btm.wdl.jishu .img {
  float: left;
  width: 80%;
  overflow: hidden;
}

.guandian_a .btm .right .box .btm .img img {
  transform: scale(1);
  transition: all 0.4s;
  overflow: hidden;
}

.guandian_a .btm .right .box .btm.cp .text {
  width: 100%;
  padding-top: 16px;
  padding-left: 0px;
}

.guandian_a .btm .right .box .btm .text {
  float: left;
  width: 60.4%;
  padding-top: 6px;
  padding-left: 18px;
}

.guandian_a .btm .right .box .btm.jishu .text {
  float: left;
  width: 75%;
  padding-top: 6px;
  padding-left: 18px;
}

.guandian_a .btm .right .box .btm .text .bt {
  color: #333333;
  height: 46px;
  overflow: hidden;
  transition: all 0.4s;
}

.guandian_a .btm .right .box .btm .text .time {
  color: #333333;
  margin-top: 14px;
}

.guandian_a .btm .right .box .btm .nr:hover .img img {
  transform: scale(1.1);
}

.guandian_a .btm .right .box .btm .nr:hover .text .bt {
  color: #1d9321;
}

.guandian_a .btm .right .box .btm {
  margin-top: 0;
}

.guandian_a .page {
  text-align: left;
  padding-bottom: 0;
}

@media(max-width: 1700px) {
  .guandian_a {
    padding: 70px 0 90px;
  }

  .guandian_a .btm {
    margin-top: 30px;
  }

  .guandian_a .btm .left .ul li .box {
    padding: 20px;
  }

  .guandian_a .btm .left .ul li .text {
    padding: 10px 30px;
  }

  .guandian_a .btm .left .ul li .text .gd2 {
    margin-top: 30px;
  }

  .guandian_a .btm .right .box {
    padding: 30px 20px 40px;
  }

  .guandian_a .btm .right .box .btm .text {
    padding-top: 0;
  }
}

@media(max-width: 1500px) {
  .guandian_a .btm .right .box .ty_title {
    padding-bottom: 14px;
    margin-bottom: 14ox;
  }

  .guandian_a .btm .right .box .btm .text .bt {
    height: 36px;
  }

  .guandian_a .btm .left .ul li .text {
    padding: 10px 20px;
  }
}

@media(max-width: 1100px) {
  .guandian_a {
    padding: 40px 0 50px;
  }

  .guandian_a .btm .right {
    display: none;
  }

  .guandian_a .btm .left {
    width: 100%;
  }

  .guandian_a .top .tit {
    width: 100%;
    float: left;
  }
}

@media(max-width: 800px) {
  .guandian_a .btm .left .ul li .img {
    display: none;
  }

  .guandian_a .btm .gongyi .ul li .text .time {
    color: #000000;
    margin-bottom: 3px;
    font-size: 18px;
  }

  .guandian_a .btm .left .ul li .text {
    width: 100%;
    padding: 0;
  }

  .guandian_a .btm .gongyi .ul li .text {
    width: 100%;
    padding: 5% 6%;
  }

  .guandian_a .btm .gongyi .ul li .img {
    width: 100%;
    overflow: hidden;
  }

  .guandian_a .btm .gongyi .ul li:nth-of-type(2) .img {
    width: 100%;
    overflow: hidden;
  }

  .guandian_a .btm .gongyi .ul li .text .bt {
    color: #403d3d;
    margin-bottom: 15px;
    transition: all 0.4s;
    font-size: 20px;
    font-weight: 600;
    padding-top: 0;
  }

  .guandian_a .btm .gongyi .ul li .text .js {
    line-height: 1.9;
    color: #3e3c3c;
    font-size: 16px;
  }

  .guandian_a .btm .gongyi .ul li {
    margin-bottom: 5%;
    box-shadow: 8px 8px 20px rgb(214 216 218 / 11%), -8px -8px 20px #fff;
  }

}

/*logo后文字效果*/
.header .left .logo .wz {
  overflow: hidden;
}

.header .left .logo .wz span {
  display: inline-block;
  min-width: 0.3em;
  text-transform: uppercase;
  /**/
  opacity: 0;
  transform: translate(0, 20px);
  transition: 0.3s;
}

.header .left .logo .wz:before {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  left: 0;
  text-transform: uppercase;
  /*letter-spacing: 3.5px;*/
  opacity: 1;
  transform: translate(0, 0px);
  display: block;
  transition: 0.3s;
  /* transition: 0.3s cubic-bezier(0.5, -1, 0.5, 2);*/
}

.header .left .logo:hover .wz:before,
.header .left .logo:hover .wz:focus:before,
.header .left .logo.cur .wz:before,
.header .left .logo.cur .wz:focus:before {
  transform: translate(0, -20px);

}

.header .left .logo:hover .wz span,
.header .left .logo:hover .wz:focus span,
.header .left .logo.cur .wz span,
.header .left .logo.cur .wz:focus span {
  opacity: 1;
  transform: translate(0, 0);
  transition: 0.3s;
}


/*联系我们*/
.lianxi_banner .text {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  top: 47%;
  transform: translateY(-50%);
  color: #000000;
}

.lianxi_banner .text .fbt {
  margin-bottom: 10px;
}

.lianxi_banner .text .bt {
  margin-bottom: 36px;
}

.lianxi_banner .text .phone {
  position: relative;
  width: 650px;
  padding: 20px 0 30px 86px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.lianxi_banner .text .phone:before {
  width: 50px;
  height: 59px;
  background: url(../images/lianxi_banner_icon.png) center center/cover;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
}

.lianxi_banner .text .phone span {
  line-height: 1.2;
  margin-right: 50px;
}

.lianxi_banner .text .phone span:last-child {
  margin-right: 0;
}

.lianxi_a {
  background: url(../images/lianxi_a_bg.jpg) bottom center/cover;
  padding-top: 90px;
}

.lianxi_a .ul li {
  float: left;
  width: 32.75%;
  margin-right: 0.875%;
  background: #fff;
  padding: 46px;
  height: 320px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
}

.lianxi_a .ul li:last-child {
  margin-right: 0;
}

.lianxi_a .ul li .bt {
  color: #000000;
  font-weight: bold;
  padding-left: 20px;
  position: relative;
  line-height: 1.2;
}

.lianxi_a .ul li .bt i {
  position: absolute;
  left: 0;
  top: 0;
  width: 7px;
  background: #1d9321;
  height: 100%;
  transition: all 0.3s;
}

.lianxi_a .ul li .bt i:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 7px;
  background: #0863c4;
  height: 7px;
  content: "";
  transition: all 0.3s;
}

.lianxi_a .ul li .text {
  margin-top: 26px;
  color: #666666;
  line-height: 1.6;
  transition: all 0.3s;
}

.lianxi_a .ul li .text .box {
  padding-left: 40px;
  position: relative;
  margin-bottom: 20px;
}

.lianxi_a .ul li .text .box:last-child {
  margin-bottom: 0;
}

.lianxi_a .ul li .text .box:before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 23px;
  height: 22px;
  content: "";
}

.lianxi_a .ul li .text .box.dizhi:before {
  background: url(../images/lianxi_a_dizhi.png) center center/cover;
}

.lianxi_a .ul li .text .box.dianhua:before {
  background: url(../images/lianxi_a_dianhua.png) center center/cover;
}

.lianxi_a .ul li .text .box.youx:before {
  background: url(../images/lianxi_a_youx.png) center center/cover;
}

.lianxi_a .ul li .text .box .p {
  float: left;
  width: 48px;
}

.lianxi_a .ul li .text .box .nr {
  float: left;
  width: calc(100% - 48px);
}

.lianxi_a .ul li .bule {
  width: 50px;
  height: 50px;
  background: #f3f3f3;
  transition: all 0.3s;
}

.lianxi_a .ul li .bule:before {
  width: 15px;
  height: 15px;
  background: #e9e9e9;
  transition: all 0.3s;
}

.lianxi_a .ul li .bule:after {
  width: 13px;
  height: 13px;
  background: #f2f2f2;
  left: -13px;
  top: -13px;
  transition: all 0.3s;
}

.lianxi_a .ul li:hover {
  background: #1d9321;
}

.lianxi_a .ul li:hover .bt,
.lianxi_a .ul li:hover .text {
  color: #fff;
}

.lianxi_a .ul li:hover .text .box.dizhi:before {
  background: url(../images/lianxi_a_dizhi2.png) center center/cover;
}

.lianxi_a .ul li:hover .text .box.dianhua:before {
  background: url(../images/lianxi_a_dianhua2.png) center center/cover;
}

.lianxi_a .ul li:hover .text .box.youx:before {
  background: url(../images/lianxi_a_youx2.png) center center/cover;
}

.lianxi_a .ul li:hover .bt i {
  background: rgba(255, 255, 255, 0.5);
}

.lianxi_a .ul li:hover .bt i:before {
  background: #fff;
}


.lianxi_a .ul li:hover .bule {
  background: rgba(255, 255, 255, 0.1);
}

.lianxi_a .ul li:hover .bule:before {
  background: rgba(255, 255, 255, 0.1);
}

.lianxi_a .ul li:hover .bule:after {
  background: rgba(255, 255, 255, 0.1);
}

.lianxi_b {
  padding: 140px 0 120px;
  background: url(../images/lianxi_b_bg.jpg) top center/cover;
}

.lianxi_b .ty_title2 .js {
  padding-left: 0;
}

.lianxi_b .left {
  width: 99%;
}

.lianxi_b .left .ul li {
  margin-bottom: 16px;
}

.lianxi_b .left .ul li:last-child {
  margin-bottom: 0;
}

.lianxi_b .left .ul li input,
.lianxi_b .left .ul li textarea,
.lianxi_b .left .ul li .select select {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border: 1px solid #f3f3f4;
  background: #fff;
  font-size: 16px;
  color: #666666;
}

.lianxi_b .left .ul li textarea {
  resize: none;
  height: 120px;
}


.lianxi_b .left .ul li .select {
  position: relative;
}

.lianxi_b .left .ul li .select:before {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 7px;
  background: url(../images/lianxi_b_jt.png) center center/cover;
  content: "";
}

.lianxi_b .left .ul li .select select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.lianxi_b .left .ul li.btn {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-content: center;
}

.lianxi_b .left .ul li.btn input {
  width: 20%;
  background: #333;
  color: #fff;
}

.lianxi_b .left .ul li.btn input:hover {
  width: 20%;
  background: #1d9321;
  color: #fff;
}

.lianxi_c .map {
  height: 510px;
  width: 100%;
}

.lianxi_c .BMap_stdMpType0,
.lianxi_c .BMap_scaleCtrl,
.lianxi_c .BMap_noprint,
.lianxi_c .anchorBL {
  display: none !important;
}

@media(max-width: 1700px) {
  .lianxi_banner .text .phone {
    padding: 20px 0 20px 60px;
  }

  .lianxi_banner .text .phone:before {
    width: 40px;
    height: 49px;
  }

  .lianxi_a {
    padding-top: 70px;
  }

  .lianxi_a .ul li {
    padding: 40px;
    height: 300px;
  }

  .lianxi_b {
    padding: 100px 0 80px;
  }

  .lianxi_b .left .ul li.btn {
    margin-top: 40px;
  }

  .lianxi_c .map {
    height: 460px;
  }
}

@media(max-width: 1500px) {
  .lianxi_banner .text .phone {
    padding: 16px 0 16px 50px;
  }

  .lianxi_banner .text .phone:before {
    width: 33px;
    height: 39px;
  }

  .lianxi_banner .text .bt {
    margin-bottom: 26px;
  }

  .lianxi_a .ul li {
    padding: 30px;
    height: 260px;
  }

  .lianxi_b {
    padding: 80px 0 60px;
  }

  .lianxi_b .left .ul li input,
  .lianxi_b .left .ul li textarea,
  .lianxi_b .left .ul li .select select {
    font-size: 14px;
    height: 44px;
    line-height: 44px;
  }

  .lianxi_b .left .ul li textarea {
    height: 100px;
  }

  .lianxi_b .left .ul li {
    margin-bottom: 12px;
  }

  .lianxi_b .left .ul li.btn {
    margin-top: 30px;
  }

  .lianxi_c .map {
    height: 400px;
  }
}

@media(max-width: 1100px) {
  .lianxi_banner .text .phone {
    width: 100%;
  }

  .lianxi_banner .text .phone span {
    margin-right: 0;
    display: block;
    margin-bottom: 4px;
  }

  .lianxi_banner .text .phone span:last-child {
    margin-bottom: 0;
  }

  .lianxi_banner .text .phone {
    padding: 14px 0 14px 44px;
  }

  .lianxi_banner .text .bt {
    margin-bottom: 16px;
    font-size: 22px;
  }

  .lianxi_a {
    padding-top: 40px;
  }

  .lianxi_a .ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    height: auto;
  }

  .lianxi_a .ul li:last-child {
    margin-bottom: 0;
  }

  .lianxi_b {
    padding: 50px 0;
  }

  .lianxi_b .left {
    width: 100%;
  }

  .lianxi_b .left .ul li.btn input {
    width: 100%;
    background: #1d9321;
    color: #fff;
  }

  .lianxi_b .left .ul li input,
  .lianxi_b .left .ul li textarea,
  .lianxi_b .left .ul li .select select {
    height: 40px;
    line-height: 40px;
  }

  .lianxi_b .left .ul li textarea {
    height: 80px;
  }

  .lianxi_b .left .ul li.btn {
    margin-top: 20px;
  }

  .lianxi_c .map {
    height: 300px;
  }
}

/*资讯详情*/
.zixunxq_a {
  padding: 70px 0;
}

.zixunxq_a .btm {
  margin-top: 0;
}

.zixunxq_a .jishu .left {
  background: #fff;
  padding: 20px 45px;
}

.zixunxq_a .left {
  background: #fff;
  padding: 60px 50px;
}

.zixunxq_a.wdl .left .bt {
  color: #000000;
  font-weight: initial;
  text-align: center;
}

.zixunxq_a .left .bt {
  color: #000000;
  font-weight: initial;
}

.zixunxq_a .left .xinxi {
  color: #000000;
  margin-top: 16px;
}

.zixunxq_a .left .xinxi .l {
  float: left;
  width: 70%;
}

.zixunxq_a .left .xinxi>div {
  float: left;
}

.zixunxq_a .left .xinxi .l .clearfix>div {
  float: left;
  margin-right: 20px;
  margin-bottom: 8px;
}

.zixunxq_a .left .xinxi .l .clearfix>div:last-child {
  margin-right: 0;
}

.zixunxq_a .left .xinxi .r {
  float: right;
  position: relative;
  padding-right: 90px;
}

.zixunxq_a .left .text {
  color: #666666;
  line-height: 1.8;
  margin-top: 26px;
  padding-top: 26px;
  border-top: 1px solid #e5e5e5;
}

.zixunxq_a .left #share-1 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.zixunxq_a .left #share-1 a {
  width: 19px;
  height: 17px;
  margin: 0 10px 0 0;
}

.zixunxq_a .left #share-1 a:last-child {
  margin-right: 0;
}

.zixunxq_a .left #share-1 a:before {
  display: none;
}

.zixunxq_a .left #share-1 a.icon-weibo {
  background: url(../images/zixunxq_weibo.png) center center/cover;
}

.zixunxq_a .left #share-1 a.icon-qq {
  background: url(../images/zixunxq_qq.png) center center/cover;
}

.zixunxq_a .left #share-1 a.icon-wechat {
  background: url(../images/zixunxq_weixin.png) center center/cover;
}

.zixunxq_a .left .xia {
  margin-top: 70px;
  padding-top: 40px;
  border-top: 1px solid #e5e5e5;
}

.zixunxq_a .left .xia .zu {
  float: left;
  width: 70%;
}

.zixunxq_a .left .xia .zu a {
  display: block;
  margin-bottom: 18px;
  color: #000000;
  position: relative;
  padding-left: 30px;
}

.zixunxq_a .left .xia .zu a:last-child {
  margin-bottom: 0;
}

.zixunxq_a .left .xia .zu a i {
  position: absolute;
  left: 4px;
  top: 0;
  width: 5px;
  height: 100%;
  background: #1d9321;
}

.zixunxq_a .left .xia .zu a i:before {
  content: "";
  height: 4px;
  width: 100%;
  background: #1d9321;
  position: absolute;
  left: 0;
  top: 0;
}

.zixunxq_a .left .xia .yo {
  float: right;
}

.zixunxq_a .left .xia .yo a {
  color: #000000;
  position: relative;
  padding-left: 16px;
}

.zixunxq_a .left .xia .yo a i {
  position: absolute;
  left: 4px;
  top: 0;
  width: 5px;
  height: 100%;
  background: #1d9321;
}

.zixunxq_a .left .xia .yo a i:before {
  content: "";
  height: 4px;
  width: 100%;
  background: #1d9321;
  position: absolute;
  left: 0;
  top: 0;
}

@media(max-width: 1700px) {
  .zixunxq_a .left {
    padding: 50px 40px;
  }

  .zixunxq_a .left .text {
    margin-top: 22px;
    padding-top: 22px;
  }

  .zixunxq_a .left .xia {
    margin-top: 50px;
    padding-top: 30px;
  }
}

@media(max-width: 1500px) {
  .zixunxq_a {
    padding: 40px 0;
  }

}

@media(max-width: 1100px) {
  .zixunxq_a {
    padding: 40px 0;
  }

  .zixunxq_a .left {
    padding: 30px 20px;
  }

  .zixunxq_a .left .xinxi .l {
    width: 100%;
  }

  .zixunxq_a .left .xinxi .r {
    float: left;
  }

  .zixunxq_a .left .text {
    margin-top: 20px;
    padding-top: 20px;
  }
}

@media(max-width: 640px) {
  .zixunxq_a .left .xia {
    margin-top: 30px;
    padding-top: 20px;
  }

  .zixunxq_a .left .xia .zu a {
    padding-left: 20px;
  }

  .zixunxq_a .left .xia .zu {
    width: 100%;
  }

  .zixunxq_a .left .xia .yo {
    margin-top: 20px;
  }
}

/**/
.gaoduanwz_b2 {
  padding: 60px 0;
}

.gaoduanwz_b2 .text {
  position: absolute;
  top: 50%;
  right: 5.5%;
  width: 36%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.94);
  padding: 60px 50px;
}

.gaoduanwz_b2 .text .ty_title {
  margin-bottom: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #e5e7e8;
}

.gaoduanwz_b2 .text .js {
  color: #333333;
}

.gaoduanwz_b2 .text .wenzi {
  margin-top: 20px;
  line-height: 1.6;
}

.gaoduanwz_b2 .text .wenzi ul li {
  padding-left: 14px;
  color: #666666;
  position: relative;
  margin-top: 6px;
}

.gaoduanwz_b2 .text .wenzi ul li:before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 7px;
  height: 7px;
  background: #1d9321;
  content: "";
}


.gaoduanwz_e {
  background: #f7f9fb;
}

.gaoduanwz_e .container,
.gaoduanwz_e .btm .img2 {
  overflow: initial;
}

.gaoduanwz_e.dianjiezhi .btm {
  overflow: initial;
  margin-top: 0px;
}

.gaoduanwz_e .btm {
  overflow: initial;
  margin-top: 60px;
}

.gaoduanwz_e .top .qxjcy.right {
  padding-right: 35%;
}

.gaoduanwz_e .btm .img2 {
  /* width: 62%; */
  right: 6%;
  bottom: 0;
  position: absolute;
}

.gaoduanwz_e .btm.qxjcy .img2 {
  width: 42%;
  right: 5%;
  bottom: 0;
  position: absolute;
}

@media(max-width: 1500px) {

  .gaoduanwz_e .wlw.btm .img2 {
    width: 18%;
    right: 6%;
    bottom: 4%;
    position: absolute;
  }

  .wzjs_c .k {
    width: 200px;
    height: 180px;
  }

  .wzjs_c .k::before {
    width: 220px;
    height: 220px;
    top: -180px;
    right: -150px;
  }

  .gaoduanwz_e .bj .btm .img2 {
    width: 33%;
    right: 5%;
    bottom: 0;
    position: absolute;
  }

  .gaoduanwz_e .cq .btm .img2 {
    width: 32%;
    right: 2%;
    bottom: 0;
    position: absolute;
  }

  .gaoduanwz_b2 .text .ty_title {
    margin-bottom: 18px;
    padding-bottom: 18px;
  }

  .gaoduanwz_e .zn.btm .img2 {
    width: 32%;
    right: 2%;
    bottom: 0;
    position: absolute;
  }
}

@media(max-width: 1100px) {
  .gaoduanwz_b2 .text .ty_title {
    margin-bottom: 14px;
    padding-bottom: 14px;
  }

  .gaoduanwz_b2 .text {
    background: #f2f2f2;
    width: 100%;
    position: initial;
    transform: initial;
    padding: 30px 20px;
  }

  .gaoduanwz_e .top .qxjcy.right {
    padding-right: 5%;
  }

  .gaoduanwz_e .top .right {
    padding-right: 0%;
  }

  .djz.btm.qxjcy.img.img100 {
    margin-top: 30px;
  }

  .gaoduanwz_e .btm {
    margin-top: 30px;
  }

  .gaoduanwz_e .btm.qxjcy .img2 {
    width: 42%;
    right: 5%;
    bottom: -20%;
    position: absolute;
  }

  .gaoduanwz_e.bh .btm .img2 {
    width: 80%;
    right: 6%;
    bottom: 0%;
    position: absolute;
  }

  .gaoduanwz_e .btm .img2 {
    width: 22%;
    right: 6%;
    bottom: -30%;
    position: absolute;
  }

  .gaoduanwz_e .cq .btm .img2 {
    width: 32%;
    right: 6%;
    bottom: -20%;
    position: absolute;
  }

  .gaoduanwz_e .btm .mpic.img2 {
    width: 52%;
    right: 0%;
    bottom: -80%;
    position: absolute;
  }

  .ts_nybanner {
    display: none;
  }
}

/*面包屑*/
.location {
  padding: 10px 0;
  text-align: left;
}

.location p {
  display: inline-block;
  position: relative;
  line-height: 30px;
  padding-left: 20px;
  background: url(../images/locabg.png) no-repeat left 7px;
}

.location a,
.location {
  font-size: 14px;
  color: #999999;
}

.location a.cur {
  color: #999999;
}


/*banner效果zhuyou*/
.home_banner .swiper-slide {
  overflow: hidden;
}

.home_banner .zhuyou_box {
  position: absolute;
  top: 29%;
  left: 37%;
  z-index: 9;
  height: 12vw;
}

.home_banner .zhuyou_box img {
  width: 100%;
}

.home_banner .zhuyou_box .img2 {
  width: 80%;
  position: absolute;
  right: -22%;
  top: 0;
  transform: translateY(-50%);
  animation: bounce 5s linear infinite;
}

.home_banner .zhuyou_box .zhuyou_box_nr {
  width: 340px;
  margin-top: 10px;
  margin-left: -20px;
}

.home_banner .zhuyou_box .zhuyou_box_nr .nrox {
  color: #c4eff9;
  text-align: center;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul {
  margin-top: 12px;
  /*font-size: 14px;*/
  color: #bcebff;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li {
  margin-bottom: 6px;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li:last-child {
  margin-bottom: 0;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li p {
  float: left;
  width: 132px;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu {
  float: left;
  width: calc(100% - 132px);
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu .k .wb {
  font-size: 12px;
  color: #fff;
  position: absolute;
  width: 100%;
  top: 50%;
  line-height: 1;
  transform: translateY(-50%);
  text-align: center;
  left: 0;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu .k {
  height: 22px;
  line-height: 22px;
  border: 2px solid #b2e6f5;
  display: block;
  position: relative;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu .k i {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #a3dbf1;
  transition: 2.5s;
  z-index: -1;
}

.home_banner .zhuyou_box .lx {
  transform: translateY(30px);
  transition: all 1.8s;
  opacity: 1;

}

.home_banner .zhuyou_box .lx.cur {
  transform: translateY(0);
  opacity: 1;
}

/*
.home_banner .swiper-slide.zhuyou .box .img img{
	    transform: scale(0.8);
}
.home_banner .swiper-slide.zhuyou.cur .box .img img{
	    transform: scale(1);
}*/
@media(max-width: 3000px) {
  .home_banner .zhuyou_box {
    position: absolute;
    top: 29%;
    left: 37%;
    z-index: 9;
    width: 34%;
  }

  .home_banner .zhuyou_box .zhuyou_box_nr {
    width: 340px;
  }

  .home_banner .zhuyou_box .zhuyou_box_nr .nrox {
    font-size: 14px;
  }

  .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul {
    margin-top: 12px;
    font-size: 14px;
  }

  .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li {
    margin-bottom: 6px;
  }

  .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu .k {
    height: 16px;
    line-height: 16px;
    border: 2px solid #b2e6f5;
  }

  .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li p {
    width: 160px;
    font-size: 18px;
  }

  .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu {
    width: calc(100% - 160px);
    padding-left: 6px;
  }

  .home_banner .zhuyou_box .zhuyou_box_nr .nrox {
    font-size: 18px;
  }
}

@media(max-width: 1920px) {
  .home_banner .zhuyou_box {
    position: absolute;
    top: 23%;
    z-index: 9;
    width: 40%;
    right: 0%;
  }

  .home_banner .zhuyou_box .zhuyou_box_nr {
    width: 280px;
  }

  .home_banner .zhuyou_box .zhuyou_box_nr .nrox {
    font-size: 12px;
  }

  .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul {
    margin-top: 14px;
    font-size: 12px;
  }

  .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu .k {
    height: 14px;
    line-height: 14px;
    border: 2px solid #b2e6f5;
  }

  .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li p {
    width: 124px;
    font-size: 14px;
  }

  .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li .jindu {
    width: calc(100% - 124px);

  }

  .home_banner .zhuyou_box .zhuyou_box_nr .zhuyou_box_nr_ul li {
    margin-bottom: 3px;
  }
}

@media(max-width: 1300px) {
  .home_banner .zhuyou_box .zhuyou_box_nr {
    left: -40px;
  }
}

@media(max-width: 1100px) {
  .home_banner .zhuyou_box {
    display: none;
  }
}


/*新闻下查看更多*/
.news_gd {
  cursor: pointer;
  font-size: 18px;
  text-align: center;
  background: #333;
  color: #fff;
  height: 46px;
  line-height: 46px;
  width: 200px;
  margin: 50px auto 20px auto;
}

.news_gd a {
  cursor: pointer;
  font-size: 18px;
  text-align: center;
  /*! background: #333; */
  color: #fff;
  height: 46px;
  line-height: 46px;
  width: 200px;
  margin: 50px auto 20px auto;
}

.news_gd :hover {
  cursor: pointer;
  font-size: 18px;
  text-align: center;
  background: #1e9322;
  color: #fff;
  height: 46px;
  line-height: 46px;
  width: 200px;
  margin: 50px auto 20px auto;
}

.news_gd_gd {
  display: none;
}


/*服务案例详情*/
.casexq_banner {
  background: url(../images/casexq_banner.jpg) center center/cover;
}

.casexq_banner .text {
  padding-top: 170px;
  text-align: center;
}

.casexq_banner .text .top {
  width: 82%;
  margin: 0 auto;
}

.casexq_banner .text .bt {
  color: #fff;
}

.casexq_banner .text .js {
  line-height: 1.8;
  color: #fff;
  margin-top: 16px;
}

.casexq_banner .text .more {
  margin-top: 22px;
  z-index: 1;
  position: relative;
}

.casexq_banner .text .more i,
.casexq_banner .text a.more i {
  background-color: rgba(27, 107, 193, 1.0);
  z-index: -1;
  height: calc(100% + 2px);
  top: 50%;
  transform: translateY(-50%);
}

.casexq_banner .text .more:after,
.casexq_banner .text a.more:after {
  background: rgba(68, 156, 192, 0.3);
}

.casexq_banner .text .fb {
  margin-top: 50px;
}

.casexq_banner .text .fb img {
  transform: translateY(1px);
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.casexq_banner .mobile-box {
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 30px;
  z-index: 1;
}

.casexq_banner .mobile-box .mobile-l {
  width: 380px;
  height: 770px;
  position: relative;
  float: left;
}

/**.casexq_banner .mobile-box .mobile-l .content01 {
    position: absolute;
    left: 50%;
    top: 18px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 356px;
    height: 526px;
}**/
.casexq_banner .mobile-box .mobile-l .content01 {
  position: absolute;
  top: 10px;
  left: 12px;
}

.casexq_banner .mobile-box .mobile-s {
  width: 380px;
  height: 770px;
  margin-left: -75px;
  margin-top: 35px;
  position: relative;
  float: left;
  border-radius: 38px;
}

.casexq_banner .mobile-box .mobile-s .content02 {
  position: absolute;
  left: 50%;
  top: 65px;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width: 100%;
  height: 100%;
  padding: 36px 20px 20px;
  z-index: 10;
}

.casexq_banner .mobile-box .mobile-s .content02 p {
  padding: 15px 0 6px;
  text-align: center;
  border-top: 1px solid #D1D1D2;
  border-bottom: 1px solid #D1D1D2;
  font-size: 23px;
  margin-bottom: 6px;
  color: #000;
  font-family: '宋体';
  font-weight: 600;
}

.casexq_banner .mobile-box .mobile-s .content02 p span {
  margin-top: 10px;
  display: block;
}

.casexq_banner .mobile-box .mobile-s .content02 i {
  display: block;
  width: 25px;
  height: 30px;
  background: url(../images/mobile-img04.png) no-repeat;
  margin: 19px auto 20px;
}

.casexq_a {
  background: #efefef;
  padding: 80px 0 60px;
}

.casexq_a .nr {
  color: #333;
  line-height: 1.8;
  text-align: center;
}

.casexq_a .nr img {
  display: inline-block;
}


@media(max-width: 1500px) {
  .casexq_banner .text {
    padding-top: 150px;
  }

  .casexq_banner .text .fb {
    margin-top: 30px;
  }

  .casexq_a {
    padding: 80px 0 50px;
  }
}

/**/
.case-show-box_box1 {
  position: relative;
}

.case-show-box_box1 li:nth-child(1) {
  width: 66.55%;


}

.case-show-box_box1 li:nth-child(2) {
  margin-right: 0;
  float: right;
}

.case-show-box_box1 li:nth-child(3) {
  margin-right: 0.35%;
}

.case-show-box_box1 li.t_t dt>img {
  z-index: -1 !important;
}

.case-show-box_box1 li:nth-child(5) {
  margin-right: 0;
}

/*.case-show-box_box1 li dt{height:330px;overflow:hidden;}
/*.case-show-box_box1 li:nth-child(1) dt > img{opacity:0}*/
.case-show-box_box2 li:nth-child(1) {}

.case-show-box_box2 li:nth-child(2) {
  width: 66.55%;
  margin-right: 0;
}

.case-show-box_box2 li:nth-child(3) {
  margin-right: 0.35%;
}

.case-show-box_box2 li:nth-child(5) {
  margin-right: 0;
}

/*.case-show-box_box2 li dt{height:330px;overflow:hidden;}*/

.case-show-box_box1 li,
.case-show-box_box2 li {
  position: relative;
}

.case-show-box_box1 li video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9;
  height: 100%;
}

.case-show-box_box1 li dd,
.case-show-box_box2 li dd {
  height: 74px;
}

/*.case-show-box_box1 li dt > img,
.case-show-box_box2 li dt > img{height:470px;}*/
/*@media(max-width:1700px){
	.case-show-box_box1 li dt > img,.case-show-box_box2 li dt > img{height:400px;}
}
@media(max-width:1500px){
	.case-show-box_box1 li dt > img,.case-show-box_box2 li dt > img{height:340px;}
}*/
/*contact QQ*/
.lianxi_banner .zixun {
  margin-top: 30px;
  color: #707271;
}


.lianxi_banner .zixun .more_lx {
  float: left;
  margin-right: 26px;
  margin-top: 24px;
  color: #fff;
  transition: all 0.5s;
  background: #1d9321;
  font-size: 16px;
  padding: 14px 26px;
  position: relative;
}

.lianxi_banner .zixun .more_lx:last-child {
  margin-right: 0;
}

.lianxi_banner .zixun .more_lx i,
.lianxi_banner .zixun a.more_lx i {
  background: url(../images/lianxi_icon02.png) center center/cover;
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.lianxi_banner .zixun .more_lx:after,
.lianxi_banner .zixun .more_lx:after {
  width: 6px;
  height: 6px;
  content: "";
  position: absolute;
  top: -6px;
  right: -6px;
  background: #0863c4;
}

.lianxi_banner .zixun .more_lx:hover {
  opacity: 0.8;
}

@media(max-width:1100px) {
  .lianxi_banner .zixun .more_lx {
    padding: 8px 20px;
    font-size: 14px;
  }

  .lianxi_banner .zixun .more_lx i,
  .lianxi_banner .zixun a.more_lx i {
    width: 16px;
    height: 16px;
  }
}

.home_e-index {
  padding-top: 0;
}

/*新闻无图片样式*/
.home_noneimg {
  padding-bottom: 80px;
}

.home_noneimg .nr .nr_s .ul li {
  border-bottom: 1px solid #e7e7e7 !important;
}

.home_noneimg .nr .nr_s .ul li.tu:first-of-type {
  border-top: 1px solid #e7e7e700 !important;
}

.home_noneimg .nr .nr_s .ul li:first-of-type {
  border-top: 1px solid #e7e7e7 !important;
}

.home_noneimg .nr .nr_s .ul li:nth-child(2n) {
  margin-right: 0
}

.home_noneimg .nr .nr_s .ul li .img {
  display: none
}

.home_noneimg .nr .nr_s .ul li .text .bt {
  font-weight: bold;
  margin-top: 12px;
  font-size: 22px;
}

.home_noneimg .nr .nr_s .ul li .text .time {
  margin-top: 14px;
  font-size: 14px;
  color: #999999;
}

.home_noneimg .zhankai {
  background: #d6d6d6;
  text-align: center;
  padding: 10px 0;
  color: #333333;
  font-size: 14px;
  margin: 36px 0;
  cursor: pointer;
}

.home_noneimg .zhankai i {
  display: inline-block;
  width: 14px;
  height: 7px;
  background: url(../images/jt_20211129.png) center center;
  margin-left: 10px;
  position: relative;
  top: -2px;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.home_noneimg .zhankai.cur i {
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}

.home_noneimg .nr .nr_s_s {
  display: none;
}

@media(max-width:1500px) {
  .home_noneimg .nr .nr_s .ul li .text .bt {
    font-size: 20px;
  }
}

.case_xq_mbx {
  background: #efefef;
}

.mobile-case-show .middle-img .s01 {
  left: 325px;
}

.casexq_banner .text .ig {
  width: 32.4%;
  margin: 0;
}

.casexq_banner .ig1 {
  position: relative;
  text-align: left;
  padding: 370px 0px 280px 0px;
}

.casexq_banner .ig1 .ig2 {
  position: absolute;
  right: 30px;
  bottom: -21%;
}

.casexq_banner .mobile-box .mobile-l .tupian {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.casexq_banner .mobile-box .mobile-s .content02 .tupian {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
}

.casexq_banner .mobile-box .mobile-s .content02 .content01 {
  position: absolute;
  top: 10px;
  left: 12px;
}

.casexq_banner .text .ig .ig3 {
  font-size: 16px;
  color: #ffffff;
  position: relative;
  display: inline-block;
  margin-top: 40px;
  padding-left: 68px;
}

.casexq_banner .text .ig .ig3:after {
  position: absolute;
  content: "";
  width: 58px;
  height: 58px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/weixin.png);
  left: 0;
}

.casexq_banner .text .ig .chup {
  width: 100%;
  position: relative;
}

.casexq_banner .text .ig .chup .ig4 {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 0;
  top: 90px;
  display: none;
}

.casexq_banner .text .ig .chup .ig4 img {
  width: 100%;
  height: 100%;
}

.casexq_banner .text .ig .chup:hover .ig4 {
  display: block;
}


.header .right .ul li.wbt:before {
  width: 0;
}

.header .right .ul li.wbo:before {
  width: 100%;
}


/*footer*/
.w1420 {
  width: 1420px;
  margin: 0 auto;
}

footer .address-box {
  background: #f7f7f7;
  padding: 0.45rem 0 .25rem;
}

footer .address-box .w1420 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

footer .address-box .item-box {
  width: 320px;
}

footer .address-box .item-tab {
  line-height: 1.6;
  margin-bottom: .5rem;
  cursor: pointer;
  font-size: 50px;
  color: #ccc;
  font-weight: bold;
  transition: all .3s ease-in-out;
}

footer .address-box .item-tab.cur,
footer .address-box .item-tab:hover {
  color: #1a1a1aad;
}

footer .address-box .item-ajax {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

footer .address-box .item-ajax .add {
  width: 30%;
  margin-right: .8rem;
}

footer .address-box .item-ajax .add .tit1 {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
  padding-left: 0;
  position: relative;
  font-weight: bold;
}

footer .address-box .tit1 span {
  padding-left: 7px;

}

footer .address-box .item-ajax .add .tit1:before {
  position: absolute;
  left: 0;
}

footer .address-box .item-ajax .add .p-14 {
  margin-top: .2rem;
}

footer .address-box .item-ajax .tel {
  width: 30%;
  margin-right: .8rem;
}

footer .address-box .item-ajax .tel .tit1 {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
  padding-left: 0;
  position: relative;
  font-weight: bold;
}

footer .address-box .item-ajax .tel .tit1:before {
  position: absolute;
  left: 0;
}

footer .address-box .item-ajax .tel .p-14 {
  margin-top: .2rem;
}

footer .address-box .item-ajax p {
  line-height: 1.8;
  font-size: 15px;
}

footer .foot-tel {
  font-size: 26px;
  line-height: 1.5;
  color: #1e9322;
  font-family: Impact ! important;
}

footer .address-box .item-ajax .wxbox {
  width: 11%;
  /* margin-right: 3.5rem; */
}

footer .address-box .item-ajax .wxbox .tit1 {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  padding-bottom: 10px;
  border-bottom: 1px solid #dedede;
  /*! padding-left: 28px; */
  position: relative;
  font-weight: bold;
}

footer .address-box .item-ajax .wxbox .tit1:before {
  position: absolute;
  left: 0;
}

footer .address-box .item-ajax .wxbox .p-14 {
  margin-top: .2rem;
  overflow: hidden;
}

footer .address-box .item-ajax .wxbox .p-14 img {
  width: 100%;
  margin-right: 2%;
  float: left;
}

footer .address-box .item-ajax .wxbox .p-14 img:last-child {
  margin-right: 0;
}

footer .address-box .title {
  font-weight: bold;
  width: 100%;
  padding-bottom: .6rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #dedede;
}

footer .footer-nav {
  background: #1a1a1a;
  padding-top: .4rem;
}

footer .footer-top {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .3rem;
}

footer .footer-top .logo {
  width: 420px;
}

footer .footer-top .logo img {
  max-width: 100%;
}

footer .footer-top .nav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

footer .footer-top .nav a {
  padding: 0 .4rem;
  color: #fff;
  position: relative;
  transition: all .3s ease-in-out;
}

footer .footer-top .nav a:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background: #484848;
  top: 50%;
  margin-top: -5px;
  right: 0;
}

footer .footer-top .nav a:last-child:before {
  display: none;
}

footer .footer-top a:hover {
  color: #1e9322;
}

footer .nav-bot {
  height: 78px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #313131;
}

footer .nav-bot a {
  color: #d3d3d3;
  opacity: .3;
  margin: 0 10px;
  transition: all .3s ease-in-out;
}

footer .nav-bot a:hover {
  opacity: 1;
}

footer .footer-bot .w1420 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #313131;
  padding: .2rem 0;
}

footer .footer-bot .p1 {
  color: #d3d3d3;
  opacity: .3;
}

footer .footer-bot .p2 .sp1 {
  color: #d3d3d3;
  opacity: .3;
}

footer .footer-bot .p2 a {
  color: #d3d3d3;
  opacity: .3;
  transition: all .3s ease-in-out;
}

footer .footer-bot .p2 a:hover {
  opacity: 1;
}

.link {
  float: left;
  opacity: 1;

  margin-top: 18px;
  margin-left: 15px;
}

.linkb {
  border: 1px solid #dedede;
  opacity: 0.6;
  width: 100px;
  /*border-radius: 20px;*/
  line-height: 35px;
  text-align: center;
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  margin-bottom: 10px;
}

.linkb .ti {
  font-size: 14px;
  color: #dedede;
  opacity: 0.6
}

.linka {
  position: absolute;
  left: 0;
  bottom: 36px;
  min-width: 100%;
  border: 1px solid #dedede;
  display: none;

}

.linka a {
  display: block;
  background-color: #1a1a1a;
  color: #dedede;

}

.footbar-box {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 65px;
  background: #333333;
}

.footbar-box a {
  width: 25%;
  display: block;
  float: left;
  padding: 12px 0;
  position: relative;
  z-index: 3;
  background: #333333;
}

.footbar-box a .imgbtn {
  margin-bottom: 5px;
}

.footbar-box a:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 46px;
  top: 50%;
  margin-top: -23px;
  right: 0;
  background: #484848;
}

.footbar-box .telbox {
  width: 240px;
  /*height: 82px;*/
  height: auto;
  /*max-height: 123px;*/
  bottom: 65px;
  background: #333;
  position: absolute;
  left: 50%;
  margin-left: -120px;
  z-index: 2;
  transition: all .3s ease-in-out;
  transform: translate(0, 100%);
}

.footbar-box .telbox p {
  padding: 0 10px;
}

.footbar-box .telbox a {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 40px;
  border-bottom: 1px solid #343434;
  padding: 0;
  float: none;
  position: relative;
  padding-left: 30px;
  color: #fff;
}

.footbar-box .telbox a:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 40px;
  background: url(../images/img1-2.png) no-repeat left center;
  background-size: 20px auto;
  margin-top: 0;
  left: 5px;
  top: 0;
}

.footbar-box .telbox.cur {
  transform: translate(0, 0%);
}

.col-fff {
  color: #fff;
}

.text-center {
  text-align: center;
}

@media (max-width: 1440px) {
  .nav-resource {
    position: absolute;
    width: 95% ! important;
    top: 46vw;
    left: 50% ! important;
    transform: translate(-50%, 0);
    z-index: 999;
    padding: 15px 20px ! important;
  }

  .index-nav {
    display: block;
    margin-right: 10px ! important;
    background-image: linear-gradient(0deg, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);
    border-radius: 4px;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    width: 1px;
    max-width: none;
    height: auto;
    padding: 15px !important;
    position: relative;
    pointer-events: auto;
    width: 20% !important;
  }

  .home_a .ul li.index-nav2 {
    float: left;
    width: 37% !important;
    padding: 0px 0px;
  }

  .index-nav2-img {
    display: block;
    /*! width: 100px!important; */
    /*! height: auto !important; */
  }
}

@media (max-width: 1500px) {
  footer .address-box .item-ajax p {
    line-height: 1.8;
    font-size: 14px;
  }

  footer .footer-top .nav a {
    padding: 0 .4rem;
    color: #fff;
    position: relative;
    transition: all .3s ease-in-out;
    font-size: 14px;
  }

  footer .nav-bot a {
    color: #d3d3d3;
    opacity: .3;
    margin: 0 10px;
    transition: all .3s ease-in-out;
    font-size: 14px;
  }

  footer .footer-bot .p1 {
    color: #d3d3d3;
    opacity: .3;
    font-size: 14px;
  }

  .nav-resource {
    position: absolute;
    width: 95% ! important;
    top: 46vw;
    left: 50% ! important;
    transform: translate(-50%, 0);
    z-index: 999;
    padding: 15px 20px ! important;
  }

  .index-nav {
    display: block;
    margin-right: 10px ! important;
    background-image: linear-gradient(0deg, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);
    border-radius: 4px;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    width: 1px;
    max-width: none;
    height: auto;
    padding: 15px !important;
    position: relative;
    pointer-events: auto;
    width: 20% !important;
  }

  .home_a .ul li.index-nav2 {
    float: left;
    width: 37% !important;
    padding: 0px 0px;
  }

  .index-nav2-img {
    display: block;
    /*! width: 100px!important; */
    /*! height: auto !important; */
  }
}


.nav-resource {
  position: absolute;
  width: 85%;
  top: 50vw;
  left: 51%;
  transform: translate(-50%, 0);
  z-index: 999;
  padding: 25px 50px;
}


.index-nav {
  transition: box-shadow .3s ease-in-out;
}

.index-nav {
  display: block;
  margin-right: 15px;
  /* background-image: linear-gradient(0deg, #fff, #f3f5f8); */
  border: 2px solid #fff;
  /* box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%); */
  border-radius: 4px;
  box-sizing: border-box;
  -ms-flex: 1;
  flex: 1;
  width: 1px;
  max-width: none;
  height: auto;
  padding: 15px;
  position: relative;
  pointer-events: auto;
}

.index-nav2 {
  position: relative;
  width: 472px;
  height: auto;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  background-image: linear-gradient(67deg, #1d9321, #0863c4);
  border: 2px solid #1d9226;
  /* box-shadow: 8px 8px 20px 0 rgb(10 103 179 / 26%); */
  border-radius: 4px;
  color: #fff;
  padding: 0px 18px;
  border: 2px solid;
  border-image-source: linear-gradient(to right, #19a92e, #127cd1);
  border-image-slice: 1;
  pointer-events: auto;
}

.index-nav2-title {
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 4px;
}

.index-nav-title {
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 500;
  color: #181818;
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-nav-title:hover {
  color: #1d9321;
}

.index-nav-desc {
  max-height: 44px;
  line-height: 22px;
  font-size: 14px;
  color: #3e4042;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.index-nav2-desc {
  max-height: 44px;
  line-height: 22px;
  font-size: 14px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 768px) {
  .home_banner .swiper-pagination {
    /*! display: block; */
    display: block;
  }

  .nav-resource {
    display: none;
  }

  .index-nav-title {
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 500;
    color: #181818;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

}

.index-nav-title,
.index-nav2-title {
  transition: color .3s ease-in-out;
}

.index-nav-icon {
  transition: all ease .4s;
  -webkit-transition: all ease .4s;
  /* transform: rotateY(360deg); */
}

.index-nav-icon:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: rotateY(180deg);
}

.index-nav-icon {
  display: inline-block;
  vertical-align: -5.5px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  margin-right: 12px;
}

.index-nav2-img {
  display: block;
  width: 112px;
  height: 84px;
}

.index-nav2-img {
  transition: all ease .4s;
  -webkit-transition: all ease .4s;
  /* transform: rotateY(360deg); */
}

.index-nav2-img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: rotateY(180deg);
}

.index-nav2-object {
  /*! width: 128px; */
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tpm-view-l .index-nav2-object {
  display: -ms-flexbox;
  display: flex;
}

.index-nav2-object:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -22px;
  width: 1px;
  height: 44px;
  background: hsla(0, 0%, 100%, .2);
}

.tpm-view-l .index-nav2 {
  padding-right: 80px;
  width: 640px;
}

.index-nav2-main {
  padding: 16px 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.index-nav2-main {
  position: relative;
  display: block;
  max-height: 100%;
  padding: 12px 16px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  -ms-flex: 1;
  flex: 1;
}

.home_a .ul li:hover {
  /*box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 20%);*/
}

.home_a .ul li.index-nav2:hover {
  box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 20%);
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-30px);
  }
}

.fubiao2 {
  font-size: 10px;
  color: #000000;
  line-height: 1.4;
  text-transform: uppercase;
}

.fubiao {
  font-size: 34px;
  color: #000000;
  line-height: 1.4;
}

img.bouncy {
  animation: bounce 8s linear infinite;
}

.image-container {
  overflow: hidden;
}

.image-container img {
  width: 100%;
  height: 100%;
  animation: 1.5s ease-in-out 0s 1 normal none running slide-in;
}

.home_e .ul li .img img {
  transform: scale(1);
  transition: all 0.4s ease 0s;
  overflow: hidden;
}

.home_e.jjfa_yl_b .image-container img {
  width: 100%;
  height: 100%;
  animation: inherit;
}

@keyframes slide-in {
  from {
    transform: translateX(-80%);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }


  /*第一板块样式*/
  /*.home_one {
    background: #efefef59;
}

.nav-resource {
   z-index: 9;
   padding: 25px 50px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
*/