.index-ban .banswiper {
  position: relative;
}
.index-ban .banswiper .swiper-slide {
  position: relative;
}
.index-ban .banswiper .swiper-slide img {
  width: 100%;
  object-fit: cover;
}
.index-ban .banswiper .swiper-slide .ban-wz-box {
  width: 100%;
  position: absolute;
  left: 0;
  top: 24%;
}
.index-ban .banswiper .swiper-slide .ban-wz-box h3 {
  font-family: "zhkh";
  font-size: 54px;
  line-height: 80px;
  letter-spacing: -2px;
  color: #ffffff;
  text-shadow: 5px 4px 2px #747474;
}
.index-ban .banswiper .swiper-slide .ban-wz-box h4 {
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -1px;
  color: #ffffff;
  text-shadow: 3px 2px 1px #747474;
}
.index-ban .banswiper .swiper-slide-active .ban-wz-box h3 {
  animation: fadeindown 2.5s;
}
.index-ban .banswiper .swiper-slide-active .ban-wz-box h4 {
  animation: fadeinup 2s;
}
.index-ban .banswiper .swiper-pagination {
  bottom: 5%;
}
.index-ban .banswiper .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #005da3;
  border: solid 1px #005da3;
  position: relative;
  margin-left: 21px;
}
.index-ban
  .banswiper
  .swiper-pagination
  .swiper-pagination-bullet:nth-child(1) {
  margin-left: 0;
}
.index-ban .banswiper .swiper-pagination .swiper-pagination-bullet::after {
  width: 0;
  height: 0;
  background-color: transparent;
  border: solid 1px #005da3;
  position: absolute;
  left: -8px;
  top: -8px;
  border-radius: 50%;
  transition: all 0.5s;
}
.index-ban .banswiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 6px;
  height: 6px;
  background-color: #005da3;
  border: solid 1px #005da3;
}
.index-ban
  .banswiper
  .swiper-pagination
  .swiper-pagination-bullet-active::after {
  content: "";
  width: 18px;
  height: 18px;
}
/* pro */
.i-pro-box {
  background: url(/uploads/image/smimages/probj.png) no-repeat center center;
  background-size: cover;
  padding: 4% 0;
}
.gg-bt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.gg-bt .gg-lt h3 {
  font-size: 46px;
  line-height: 76px;
  color: #00101c;
  font-weight: 550;
}
.gg-bt .gg-lt h4 {
  font-size: 24px;
  color: #b1b4b6;
  font-family: "times new roman";
  src: ;
}
.parallelogram {
  display: inline-block;
  position: relative;
  width: 187px;
  height: 52px;
  background-color: #d6edff;
  transform: skewx(-36deg);
  border-radius: 16px 8px 16px 8px;
  overflow: hidden;
  transition: all 0.5s;
  border: 1px solid #d6edff;
}
.parallelogram:hover {
  background: #005da3;
  border: 1px solid #005da3;
}
.parallelogram span {
  margin-left: 26px;
  transition: all 0.5s;
  color: #005da3;
}
.parallelogram:hover span {
  transform: translatex(10px);
  color: #fff;
}
.content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: skewx(36deg);
  font-size: 16px;
  font-weight: bold;
  color: #005da3;
  transition: all 0.5s;
}
.parallelogram:hover .content {
  color: #ffffff;
}
.i-pro-n {
  margin-top: 3%;
}
.i-pro-n .myswiper .swiper-slide {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.i-pro-n .myswiper .swiper-slide::before {
  content: "";
}
.i-pro-n .myswiper .swiper-slide .i-proimg {
  width: 90px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all 0.5s;
  overflow: hidden;
}
.i-pro-n .myswiper .swiper-slide .i-proimg img {
  max-width: 66px;
}
.i-pro-n .myswiper .swiper-slide:hover .i-proimg img {
  animation: fd 1s linear;
}
.i-pro-n .myswiper .swiper-slide p {
  font-size: 20px;
  color: #00101c;
  opacity: 0.9;
  margin-top: 8%;
  transition: all 0.5s;
}
.i-pro-n .myswiper .swiper-slide:hover p {
  color: #005da3;
}
.i-pro-n .myswiper .swiper-slide:hover .i-proimg {
  background-color: #ffffff;
  box-shadow: 0px 0px 18px 0px rgba(30, 20, 1, 0.09);
}
.i-pro-n .myswiper .swiper-slide-thumb-active .i-proimg {
  background-color: #ffffff;
  box-shadow: 0px 0px 18px 0px rgba(30, 20, 1, 0.09);
}
.i-pro-n .myswiper .swiper-slide-thumb-active .i-proimg img {
  animation: fd 1s linear;
}
@keyframes fd {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.1;
  }
  100% {
    scale: 1;
  }
}
.i-pro-n .myswiper .swiper-slide-thumb-active p {
  color: #005da3;
}
.i-pro-n .myswiper2 {
  margin-top: 5%;
}
.i-pro-n .myswiper2 .swiper-slide {

}
.i-pro-n .myswiper2 .swiper-slide a{
      display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.i-pro-n .myswiper2 .swiper-slide .i-pro-js {
  width: 35.5921%;
}
.i-pro-n .myswiper2 .swiper-slide .i-pro-js h3 {
  font-size: 26px;
  color: #212121;
  font-weight: 550;
  margin-top: 4vh;
}
.i-pro-n .myswiper2 .swiper-slide .i-pro-js p {
  font-size: 18px;
  line-height: 32px;
  color: #212121;
  opacity: 0.8;
  margin-top: 2%;
}
.i-pro-n .myswiper2 .swiper-button-prev {
  width: 41px;
  height: 41px;
  left: 0;
  top: 90%;
  border: solid 1px #d5d5d5;
  border-radius: 50%;
  transition: all 0.5s;
}

.i-pro-n .myswiper2 .swiper-button-prev:hover {
  border: solid 1px #005da3;
}
.i-pro-n .myswiper2 .swiper-button-prev::after {
  font-size: 14px;
  color: #212121;
  font-weight: 700;
  transition: all 0.5s;
}
.i-pro-n .myswiper2 .swiper-button-prev:hover::after {
  color: #005da3;
}
.i-pro-n .myswiper2 .swiper-button-next {
  width: 41px;
  height: 41px;
  left: 4%;
  top: 90%;
  border: solid 1px #d5d5d5;
  border-radius: 50%;
  transition: all 0.5s;
}
.i-pro-n .myswiper2 .swiper-button-next:hover {
  border: solid 1px #005da3;
}
.i-pro-n .myswiper2 .swiper-button-next::after {
  font-size: 14px;
  color: #212121;
  font-weight: 700;
  transition: all 0.5s;
}
.i-pro-n .myswiper2 .swiper-button-next:hover::after {
  color: #005da3;
}
/* 关于我们 */
.i-about-box {
  width: 100%;
  background: url(/uploads/image/smimages/aboutbj.png) no-repeat center center;
  background-size: cover;
  padding: 4% 0;
  background-attachment: fixed;
}
.i-about-box .i-about .gg-bt .gg-lt h3 {
  color: #ffffff;
}
.i-about-box .i-about .gg-bt .gg-lt h4 {
  color: #b1b4b6;
}
.i-about-box .i-about > h5 {
  font-size: 26px;
  color: #ffffff;
  font-weight: 550;
  margin-top: 8vh;
  margin-bottom: 2vh;
}
.i-about-box .i-about > p {
  width: 41.4473%;
  font-size: 18px;
  line-height: 32px;
  color: #ffffff;
  opacity: 0.8;
}
.i-about-box .i-about .parallelogram {
  background: #fff;
  border: 1px solid #fff;
  margin-top: 5vh;
}
.i-about-box .i-about .parallelogram:hover {
  background: #d6edff;
  border: 1px solid #d6edff;
}
.i-about-box .i-about .parallelogram:hover .content {
  color: #005da3;
}
.i-about-box .i-about .parallelogram:hover .content span {
  color: #005da3;
}
.i-about-box .i-about ul {
  width: 47.3684%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 6vh;
}
.i-about-box .i-about ul li h5 {
  font-size: 44px;
  line-height: 32px;
  letter-spacing: 1px;
  color: #fff;
  font-family: "din bold";
  font-weight: 550;
  display: inline-block;
  position: relative;
}
.i-about-box .i-about ul li h5::after {
  content: "";
  width: 62px;
  height: 4px;
  background-color: #fff;
  opacity: 0.1;
  position: absolute;
  left: 3px;
  bottom: -87%;
}
.i-about-box .i-about ul li span {
  font-size: 34px;
  letter-spacing: 1px;
  color: #fff;
  font-family: "din bold";
  font-weight: 550;
}
.i-about-box .i-about ul li p {
  font-size: 18px;
  line-height: 32px;
  color: #fff;
  opacity: 0.8;
  margin-top: 4vh;
}
/* 解决方案 */
.jj {
  width: 100%;
  background: url(/uploads/image/smimages/jjbj.png) no-repeat center center;
  background-size: cover;
  padding: 4% 0 6% 0;
}
#certify {
  margin-top: 5%;
  position: relative;
}
#certify .swiper-3d .swiper-slide-shadow-left {
  background-image: none !important;
}
#certify .swiper-3d .swiper-slide-shadow-right {
  background-image: none !important;
}
#certify .ceswiper .swiper-slide {
  position: relative;
}
#certify .ceswiper .swiper-slide p {
  position: absolute;
  left: 50%;
  bottom: 34px;
  transform: translatex(-50%);
  opacity: 0;
  transition: all 0.5s;
  z-index: 1;
  width: 100%;
  height: 100%;
}
#certify .ceswiper .swiper-slide p a{
  width: 100%;
  height: 100%;
  font-size: 24px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 3%;
}
#certify .ceswiper .swiper-slide img {
  width: 100%;
  object-fit: cover;
}
#certify .ceswiper .swiper-slide-active {
  display: flex;
  justify-content: center;
}
#certify .ceswiper .swiper-slide-active::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 93, 163, 0.5));
}
#certify .ceswiper .swiper-slide-active p {
  opacity: 1;
}
#certify .ceswiper .swiper-slide-prev {
  transform: translate3d(0px, 0px, 140px) rotatex(0deg) rotatey(0deg) scale(1) !important;
}
#certify .ceswiper .swiper-slide-next {
  transform: translate3d(0px, 0px, 140px) rotatex(0deg) rotatey(0deg) scale(1) !important;
}
#certify .swiper-slide-prev img {
  transform: translatex(-106px) translatez(-14px) rotatey(20.25deg) scale(1);
}
#certify .swiper-slide-next img {
  transform: translatex(90px) translatez(14px) rotatey(-20.75deg) scale(1);
}
#certify .swiper-button-next2 {
  width: 41px;
  height: 41px;
  background-color: #ffffff;
  box-shadow: 0px 0px 43px 0px rgba(30, 20, 1, 0.13);
  border-radius: 50%;
  right: 24%;
  transition: all 0.5s;
}
#certify .swiper-button-next2:hover {
  background: #005da3;
}
#certify .swiper-button-next2:hover::after {
  color: #fff;
}
#certify .swiper-button-next2::after {
  font-size: 18px;
  font-weight: 700;
  color: #005da3;
  transition: all 0.5s;
}
#certify .swiper-button-prev2 {
  width: 41px;
  height: 41px;
  background-color: #ffffff;
  box-shadow: 0px 0px 43px 0px rgba(30, 20, 1, 0.13);
  border-radius: 50%;
  left: 24%;
  transition: all 0.5s;
}
#certify .swiper-button-prev2::after {
  font-size: 18px;
  font-weight: 700;
  color: #005da3;
  transition: all 0.5s;
}
#certify .swiper-button-prev2:hover {
  background: #005da3;
}
#certify .swiper-button-prev2:hover::after {
  color: #fff;
}
/* 项目案例 */
.xmal-box {
  width: 100%;
  padding: 4% 0 6% 0;
  position: relative;
  /*background: url(/uploads/image/smimages/jjbj.png) no-repeat center center;*/
  /*background-size: cover;*/
  background: #005da3;
}
.xmal-box .xmal {
  overflow: hidden;
}
.xmal-box .gg-bt .gg-lt h3 {
  color: #fff;
}
.xmal-box .gg-bt .gg-lt h4 {
  color: #b1b4b6;
}
.xmal-box .parallelogram {
  background: #fff;
  border: 1px solid #fff;
}
.xmal-box .parallelogram:hover {
  /*background: #d6edff;*/
  border: 1px solid #d6edff;
}
.xmal-box .parallelogram:hover .content {
  color: #005da3;
}
.xmal-box .parallelogram:hover .content span {
  color: #005da3;
}
.xmal-box .xmal > h4 {
  font-size: 28px;
  color: #fff;
  margin-top: 2%;
}
.xmal-box .xmal .xmswiper {
  overflow: visible;
  padding-bottom: 4%;
  margin-top: 8%;
}
.xmal-box .xmal .xmswiper .swiper-slide a {
  width: 100%;
  height: 100%;
}
.xmal-box .xmal .xmswiper .swiper-slide {
  transition: all 0.5s;
}
.xmal-box .xmal .xmswiper .swiper-slide a {
  position: relative;
  transition: all 0.5s;
}
.xmal-box .xmal .xmswiper .swiper-slide a .xm-img {
  width: 100%;
  height: 320px;
  overflow: hidden;
}
.xmal-box .xmal .xmswiper .swiper-slide a .xm-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.xmal-box .xmal .xmswiper .swiper-slide a .xm-nr {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(
    to bottom right,
    rgba(0, 93, 163, 0.7),
    rgba(255, 255, 255, 0)
  );
  padding: 6%;
  opacity: 0;
  transition: all 0.5s;
}
.xmal-box .xmal .xmswiper .swiper-slide a .xm-nr h3 {
  font-size: 24px;
  color: #ffffff;
  font-weight: 550;
  margin-bottom: 3%;
}
.xmal-box .xmal .xmswiper .swiper-slide a .xm-nr p {
  font-size: 14px;
  line-height: 26px;
  color: #ffffff;
  opacity: 0.8;
  /*width: 80%;*/
}
.xmal-box .xmal .xmswiper .swiper-slide-active {
  transform: scale(1.3);
  z-index: 1;
}
.xmal-box .xmal .xmswiper .swiper-slide-active a .xm-nr {
  width: 100%;
  height: 100%;
  opacity: 1;
  transform: translate(-50%, -50%);
}
.xmal-box .swiper-button-next3 {
  right: 46%;
  top: 93%;
}
.xmal-box .swiper-button-prev3::after {
  display: none;
}
.xmal-box .swiper-button-next3::after {
  display: none;
}
.xmal-box .swiper-button-next3 {
  right: 48%;
  top: 93%;
}
.xmal-box .swiper-button-prev3 {
  left: 48%;
  top: 93%;
}
/* news */
.i-news-box {
  padding: 3% 0;
}
.i-news-n {
  margin-top: 4%;
}
.i-news-n .i-news-n-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 3%;
}
.i-news-n .i-news-n-top .i-news-lt {
  width: 46.71052%;
  height: 440px;
  overflow: hidden;
}
.i-news-n .i-news-n-top .i-news-lt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.i-news-n .i-news-n-top:hover .i-news-lt img {
  transform: scale(1.02);
}
.i-news-n .i-news-n-top .i-news-rt {
  width: 47.3684%;
}
.i-news-n .i-news-n-top .i-news-rt h3 {
  font-size: 26px;
  line-height: 42px;
  letter-spacing: 1px;
  color: #00111d;
  margin-bottom: 4%;
}
.i-news-n .i-news-n-top .time-box {
  width: 80px;
  height: 80px;
  background-color: #0761a5;
  border-radius: 8px;
  position: absolute;
  left: 44%;
  top: 50%;
  transform: rotate(45deg) translate(-50%, -50%);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.i-news-n .i-news-n-top .time-box .time {
  width: 100%;
  height: 100%;
  transform: rotate(-45deg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.i-news-n .i-news-n-top .time-box .time h5 {
  font-size: 32px;
  line-height: 28px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 550;
}
.i-news-n .i-news-n-top .time-box .time p {
  font-size: 12px;
  line-height: 26px;
  color: #ffffff;
}
.i-news-n .i-news-n-top .i-news-rt p {
  font-size: 18px;
  line-height: 42px;
  letter-spacing: 1px;
  color: #001220;
  opacity: 0.8;
}
.i-news-n .i-news-n-top .i-news-rt .parallelogram {
  margin-top: 8%;
  margin-left: 2.8%;
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.31);
}
.i-news-n .i-news-n-top .i-news-rt .parallelogram:hover {
  background: #d6edff;
  border: 1px solid #d6edff;
  box-shadow: 0px 3px 7px 0px rgba(7, 97, 165, 0.31);
}
.i-news-n .i-news-n-top .i-news-rt .parallelogram:hover .content {
  color: #005da3;
}
.i-news-n .i-news-n-top .i-news-rt .parallelogram:hover .content span {
  color: #005da3;
}
.i-news-n .i-news-n-bot {
  margin-top: 3%;
}
.i-news-n .i-news-n-bot ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.i-news-n .i-news-n-bot ul li {
  width: 28%;
}
.i-news-n .i-news-n-bot ul li a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.i-news-n .i-news-n-bot ul li a .time {
  width: 80px;
  height: 80px;
  background-color: #f1f1f1;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}
.i-news-n .i-news-n-bot ul li a .time h5 {
  font-size: 32px;
  line-height: 36px;
  letter-spacing: 2px;
  color: #00111d;
  font-weight: 550;
  transition: all 0.5s;
}
.i-news-n .i-news-n-bot ul li a .time h6 {
  font-size: 12px;
  line-height: 18px;
  color: #00111d;
  opacity: 0.8;
  transition: all 0.5s;
}
.i-news-n .i-news-n-bot ul li a h3 {
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 1px;
  color: #00111d;
  font-weight: 550;
  margin-left: 5%;
  transition: all 0.5s;
  flex: 1;
}
.i-news-n .i-news-n-bot ul li:hover a .time {
  background-color: #0761a5;
}
.i-news-n .i-news-n-bot ul li:hover a .time h5 {
  color: #ffffff;
}
.i-news-n .i-news-n-bot ul li:hover a .time h6 {
  color: #ffffff;
}
.i-news-n .i-news-n-bot ul li:hover a h3 {
  color: #0761a5;
}
.n-ban {
  position: relative;
}
.n-ban>img{
  width: 100%;
  object-fit: cover;
}
.n-ban .n-ban-wz {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.n-ban .n-ban-wz h3 {
  font-size: 44px;
  color: #ffffff;
  font-weight: 550;
}
.n-ban .n-ban-wz h4 {
  font-size: 28px;
  letter-spacing: 2px;
  color: #ffffff;
  opacity: 0.9;
}
.mbx-box {
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mbx-box .mbx {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mbx-box .mbx p {
  display: inline-block;
  font-size: 16px;
  color: #00101c;
  opacity: 0.8;
}
.mbx-box .mbx p a {
  display: inline-block;
}
.mbx-box .mbx ul {
  display: flex;
  justify-content: space-between;
}
.mbx-box .mbx ul li a {
  font-size: 18px;
  color: #00101c;
  margin-left: 56px;
  position: relative;
  transition: all 0.5s;
}
.mbx-box .mbx ul li:nth-child(1) a {
  margin-left: 0;
}
.mbx-box .mbx ul li a::after {
  content: "";
  width: 0;
  height: 2px;
  background-color: #005da3;
  border-radius: 1px;
  position: absolute;
  left: 50%;
  bottom: -6%;
  transform: translate(-50%, -50%);
  transition: all 0.5s;
}
.mbx-box .mbx ul li:hover a::after {
  width: 14px;
}
.mbx-box .mbx ul li:hover a {
  color: #005da3;
}
.mbx-box .mbx ul .mbx-active a {
  color: #005da3;
}
.mbx-box .mbx ul .mbx-active a::after {
  width: 14px;
}
/* about us */
.gsjj-box {
  background: url(/uploads/image/smimages/about-bj.png) no-repeat;
  background-position: bottom;
  background-size: auto;
  padding-bottom: 4%;
}
.gsjj-box .gsjj-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gsjj-box .gsjj-top .gsjj-lt {
  width: 40%;
}
.ggbt h3 {
  font-size: 46px;
  color: #00101c;
  font-weight: 550;
  line-height: 66px;
}
.ggbt h4 {
  font-size: 24px;
  color: #b1b4b6;
  font-family: "times new roman", times, serif;
  line-height: 30px;
}
.ggbt .i1 {
  margin-top: 1%;
}
.gsjj-box .gsjj-top .gsjj-lt .p {
  margin-top: 10%;
}
.gsjj-box .gsjj-top .gsjj-lt .p p {
  font-size: 18px;
  line-height: 30px;
  color: #00101c;
  opacity: 0.8;
}
.gsjj-box .gsjj-top .gsjj-lt p span {
  font-size: 18px;
  color: #00101c;
  font-weight: 550;
}
.gsjj-box .gsjj-top .gsjj-lt h5 {
  font-size: 22px;
  line-height: 30px;
  color: #adadad;
  text-align: right;
  margin: 5% 0 9% 0;
  position: relative;
}
.gsjj-box .gsjj-top .gsjj-lt h5::after {
  content: "";
  width: 72%;
  height: 1px;
  background-color: #f3f3f3;
  position: absolute;
  left: 0;
  top: 50%;
}
.gsjj-box .gsjj-top .gsjj-lt h5 span {
  font-size: 36px;
  line-height: 30px;
  color: #005da3;
  font-weight: 550;
  margin-left: 11px;
}
.gsjj-box .gsjj-top .gsjj-rt {
  width: 46%;
  margin-top: 12%;
}
.gsjj-box .gsjj-top .gsjj-rt .jj-img {
  width: 100%;
  height: 436px;
  position: relative;
}
.gsjj-box .gsjj-top .gsjj-rt .jj-img::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #005da3;
  position: absolute;
  left: -42px;
  bottom: -42px;
  z-index: -1;
}
.gsjj-box .gsjj-top .gsjj-rt .jj-img img {
  width: 100%;
  height: 100%;
}
.gsjj-box .gsjj-bot {
  margin-top: 8%;
}
.gsjj-box .gsjj-bot ul {
  display: flex;
  justify-content: space-between;
}
.gsjj-box .gsjj-bot ul li h5 {
  font-size: 44px;
  line-height: 32px;
  letter-spacing: 1px;
  color: #005da3;
  font-weight: 550;
  display: inline-block;
  position: relative;
}
.gsjj-box .gsjj-bot ul li h5::after {
  content: "";
  width: 62px;
  height: 4px;
  background-color: #005da3;
  opacity: 0.2;
  position: absolute;
  left: 7px;
  bottom: -85%;
}
.gsjj-box .gsjj-bot ul li p {
  font-size: 18px;
  line-height: 32px;
  color: #005da3;
  opacity: 0.9;
  margin-top: 60px;
  font-weight: 500;
}
.gsjj-box .gsjj-bot ul li span {
  font-size: 34px;
  line-height: 32px;
  letter-spacing: 1px;
  color: #005da3;
  font-weight: 550;
}
.sp {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: all 0.5s;
}
.sp:hover {
  transform: translate(-50%, -50%) rotate(360deg);
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9;
}
.popup video {
  max-width: 50%;
  height: auto;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.close-btn {
  position: absolute;
  top: 20%;
  right: 20%;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  cursor: pointer;
  background: none;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fzgm-box {
  background: url(/uploads/image/smimages/fzgmbj.png) no-repeat center center;
  background-size: cover;
  padding: 2% 0;
}
.fzgm-box .fzgm {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.fzgm-box .fzgm .fzgm-lt {
  width: 31%;
}
.fzgm-box .fzgm .fzgm-lt .ggbt h3 {
  color: #fff;
  margin-top: 17%;
}
.fzgm-box .fzgm .fzgm-lt .ggbt h4 {
  color: #fff;
}
.fzgm-box .fzgm .fzgm-lt h5 {
  font-size: 34px;
  letter-spacing: -1px;
  color: #ffffff;
  font-weight: 550;
  margin-top: 15%;
}
.fzgm-box .fzgm .fzgm-lt p {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 2px;
  color: #ffffff;
}
.fzlc {
  padding: 5% 0;
  position: relative;
}
.fzlc .swiper-button-prev {
  width: 65px;
  top: 18%;
  left: 90%;
}
.fzlc .swiper-button-next {
  width: 65px;
  top: 18%;
  right: 0%;
}
.fzlc .swiper-button-prev::after {
  display: none;
}
.fzlc .swiper-button-next::after {
  display: none;
}
.fzswiper {
  margin-top: 4%;
  padding: 2% 0.5%;
  position: relative;
}
.fzswiper::after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: rgba(0, 93, 163, 0.1);
  position: absolute;
  left: 0;
  top: 22%;
  z-index: 2;
}
.fzswiper .swiper-wrapper .swiper-slide h3 {
  font-size: 24px;
  line-height: 30px;
  color: #005da3;
  font-family: "din-medium";
  font-weight: 550;
  margin-bottom: 110px;
  padding-left: 15%;
  position: relative;
  transition: all 0.5s;
}
.fzswiper .swiper-wrapper .swiper-slide-active h3 {
  font-size: 38px;
  padding-left: 10%;
}
.fzswiper .swiper-wrapper .swiper-slide h3::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #005da3;
  position: absolute;
  left: 21.6%;
  bottom: -45px;
  border-radius: 50%;
  z-index: 2;
}
.fzswiper .swiper-wrapper .swiper-slide h3::after {
  content: "";
  width: 36px;
  height: 36px;
  background-color: #005da3;
  opacity: 0.2;
  border-radius: 50%;
  position: absolute;
  left: 17.8%;
  bottom: -60px;
  opacity: 0;
  transition: all 0.5s;
}
.fzswiper .swiper-wrapper .swiper-slide-active h3::after {
  opacity: 0.2;
}
.fzswiper .swiper-wrapper .swiper-slide .fz-n {
  background-color: #ffffff;
  box-shadow: 0px 0px 24px 0px rgba(51, 51, 51, 0.09);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 39px 26px;
  transition: all 0.5s;
}
.fzswiper .swiper-wrapper .swiper-slide-active .fz-n {
  background-color: #005da3;
}
.fzswiper .swiper-wrapper .swiper-slide .fz-n h4 {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #00101c;
  opacity: 0.8;
  position: relative;
  transition: all 0.5s;
}
.fzswiper .swiper-wrapper .swiper-slide-active .fz-n h4 {
  color: #ffffff;
  opacity: 0.8;
}
.fzswiper .swiper-wrapper .swiper-slide .fz-n h4::after {
  content: "";
  width: 10px;
  height: 11px;
  background-color: #ffffff;
  border: solid 2px #005da3;
  position: absolute;
  right: -68%;
  top: 8px;
  border-radius: 50%;
}
.fzswiper .swiper-wrapper .swiper-slide-active .fz-n h4::after {
  border: solid 2px #fff;
  background: transparent;
}
.fzswiper .swiper-wrapper .swiper-slide .fz-n h4::before {
  content: "";
  width: 2px;
  height: 116px;
  background-color: #005da3;
  position: absolute;
  right: -52%;
  top: -107px;
  z-index: 2;
}
.fzswiper .swiper-wrapper .swiper-slide-active .fz-n h4::before {
  background-color: #ffffff;
}
.fzswiper .swiper-wrapper .swiper-slide .fz-n p {
  width: 75%;
  font-size: 18px;
  line-height: 30px;
  color: #00101c;
  transition: all 0.5s;
}
.fzswiper .swiper-wrapper .swiper-slide-active .fz-n p {
  color: #fff;
}
.ryzz-box {
  background: url(/uploads/image/smimages/zzbj.png) no-repeat center center;
  background-size: cover;
  padding: 4% 0;
}
.ryzz-box .ryzz .ggbt h3 {
  color: #fff;
}
.ryzz-box .ryzz .ggbt h4 {
  color: #fff;
}
.ryzz-box .ryzz .ggbt {
  margin-bottom: 2%;
}
.ryzz-box .ryzz p {
  font-size: 18px;
  color: #ffffff;
}
.ryzz-box .ryzz p span {
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 550;
}
.zz-box {
  position: relative;
}
.zz-box .swiper-button-next {
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.zz-box .swiper-button-next::after {
  display: none;
}
.zz-box .swiper-button-prev {
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.zz-box .swiper-button-prev::after {
  display: none;
}
.zzswiper {
  width: 90%;
  margin: auto;
  margin-top: 3%;
}
.zzswiper .swiper-slide img{
    filter: blur(1px);
}
.qyys {
  padding: 4% 0;
}
.ys {
  margin-top: 4%;
}
.ys ul {
  display: flex;
  justify-content: space-between;
}
.ys ul li {
  width: 19.21052%;
  height: 420px;
  background-color: #f5f5f5;
  cursor: pointer;
  position: relative;
  transition: all 0.7s;
}
.ys ul .on:nth-child(1) {
  background: url(/uploads/image/smimages/qy.png) no-repeat center center;
  background-size: cover;
}
.ys ul .on:nth-child(2) {
  background: url(/uploads/image/smimages/qy4.png) no-repeat center center;
  background-size: cover;
}
.ys ul .on:nth-child(3) {
  background: url(/uploads/image/smimages/qy2.png) no-repeat center center;
  background-size: cover;
}
.ys ul .on:nth-child(4) {
  background: url(/uploads/image/smimages/qy3.png) no-repeat center center;
  background-size: cover;
}
.ys ul li .show {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  padding: 7% 4%;
}
.ys ul li .show h3 {
  font-size: 24px;
  color: #ffffff;
  font-weight: 550;
  line-height: 38px;
}
.ys ul li .show h4 {
  font-size: 16px;
  color: #eaeaea;
  line-height: 28px;
}
.ys ul li .show .xian {
  width: 100%;
  height: 1px;
  background: #fff;
  margin: 39px 0 45px 0;
}
.ys ul li .show p {
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
}
.ys ul .on {
  width: 38.42105%;
}
.ys ul .on .show {
  opacity: 1;
  visibility: visible;
}
.ys ul .on .hidden {
  opacity: 0;
  visibility: hidden;
}
.ys ul li .hidden {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.ys ul li .hidden h3 {
  font-size: 24px;
  color: #00101c;
  font-weight: 550;
  line-height: 40px;
}
.ys ul li .hidden h4 {
  font-size: 16px;
  color: #9c9c9c;
  line-height: 26px;
  text-align: center;
}
.ys ul li .hidden .h-ico {
  width: 86px;
  height: 86px;
  background-color: #e1f0fb;
  box-shadow: 0px 0px 13px 0px rgba(4, 6, 11, 0.08);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-top: 50%;
}
.pz {
  padding: 4% 0;
  width: 100%;
  background-color: #005da3;
  padding: 4% 0;
}
.pz h3 {
  color: #fff;
}
.pz h4 {
  color: #fff;
}
.pzswiper {
  margin-top: 5%;
  position: relative;
}
.pzswiper .swiper-button-next::after {
  display: none;
}
.pzswiper .swiper-pagination {
  bottom: 36px;
}
.pzswiper .swiper-pagination span {
  width: 10px;
  height: 10px;
}
.pzswiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #005da3;
}
.pzswiper .swiper-button-next {
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  right: 17%;
  top: 64%;
}
.pzswiper .swiper-button-prev {
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  left: 17%;
  top: 64%;
}
.pzswiper .swiper-button-prev::after {
  display: none;
}
.pzswiper .swiper-slide {
  position: relative;
}
.pzswiper .swiper-slide .bj-box {
  width: 820px;
  height: 836px;
  background-color: #ffffff;
  padding: 80px 120px;
  transition: all 0.5s;
}
.pzswiper .swiper-slide .bj-box h3 {
  font-size: 24px;
  color: #00101c;
  font-weight: 550;
  margin-bottom: 1%;
}
.pzswiper .swiper-slide .bj-box p {
  font-size: 18px;
  line-height: 30px;
  color: #747474;
}
.pzswiper .swiper-slide .pz-img {
  position: absolute;
  left: 10%;
  bottom: 11%;
  z-index: 2;
  width: 820px;
  height: 420px;
}
.pzswiper .swiper-slide .pz-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pzswiper .swiper-slide .bj-box {
  opacity: 0;
}
.pzswiper .swiper-slide-active .bj-box {
  opacity: 1;
}
.al ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: -3%;
}
.al ul li {
  width: 32%;
  margin-top: 4%;
  transition: all 0.5s;
}
.al ul li:hover {
  transform: translatey(-10px);
}
.al ul li a .al-img {
  width: 100%;
  height: 368px;
  overflow: hidden;
}
.al ul li a .al-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.al ul li:hover a .al-img img {
  transform: scale(1.05);
}
.al ul li a .al-bt {
  display: flex;
  justify-content: space-between;
  padding: 2% 40px;
  background-color: #ffffff;
  border: solid 1px #f0f0f0;
}
.al ul li a .al-bt p {
  font-size: 18px;
  color: #131416;
  line-height: 43px;
  transition: all 0.5s;
}
.al ul li a .al-bt span {
  font-size: 18px;
  line-height: 43px;
  color: #131416;
  transition: all 0.5s;
}
.al ul li:hover a .al-bt p {
  color: #005da3;
}
.al ul li:hover a .al-bt span {
  color: #005da3;
}
.al ul li:nth-last-child(1){
    margin: 0;
}
.al-xq {
  margin-bottom: 3%;
}
.al-xq h3 {
  font-size: 30px;
  color: #00101c;
  text-align: center;
}
.al-xq ul {
  width: 36%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.al-xq ul li {
  font-size: 16px;
  color: #00101c;
  opacity: 0.6;
}
.al-xq .al-n h4 {
  font-size: 22px;
  color: #00101c;
  font-weight: 550;
  margin: 3% 0 2% 0;
}
.al-xq .al-n h4 span {
  font-size: 20px;
  color: #5e5e5e;
  font-weight: 500;
  margin-left: 8px;
}
.al-xq .al-n p {
  font-size: 18px;
  line-height: 30px;
  color: #00101c;
  opacity: 0.8;
}
.next {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 3% 0 4% 0;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 1.5% 0;
}
.next p {
  font-size: 18px;
  line-height: 30px;
  color: #00101c;
  opacity: 0.9;
}
.next a {
  font-size: 18px;
  line-height: 30px;
  color: #00101c;
  opacity: 0.9;
  transition: all 0.5s;
}
.next a:hover {
  color: #005da3;
  opacity: 0.9;
}
.next a img {
  margin: 0 6px 5px 0;
}
.xgal h3 {
  font-size: 28px;
  color: #ffffff;
  font-weight: 550;
  line-height: 60px;
  background-color: #005da3;
  text-align: left;
  padding-left: 20px;
}
.xgal h3 span {
  font-size: 26px;
  line-height: 60px;
  color: #ffffff;
  font-weight: 500;
}
.xgal .xgswiper {
  margin-top: 3%;
}
.xgal .xgswiper .swiper-slide a .xg-img {
  width: 100%;
  height: 335px;
  background-color: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.xgal .xgswiper .swiper-slide a .xg-img img {
  transition: all 0.5s;
}
.xgal .xgswiper .swiper-slide:hover a .xg-img img {
  transform: scale(1.05);
}
.xgal .xgswiper .swiper-slide a p {
  font-size: 22px;
  color: #00101c;
  text-align: center;
  margin: 3% 0;
  transition: all 0.5s;
}
.xgal .xgswiper .swiper-slide:hover a p {
  color: #005da3;
}
.pro {
  margin-bottom: 4%;
}
.pro ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pro ul li {
  width: 23%;
  margin-top: 2%;
  padding: 2%;
  transition: all 0.5s;
  padding-bottom: 0;
}
.pro ul li a{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pro ul li:hover {
  transform: translatey(-10px);
}
.pro ul li a h3 {
  font-size: 16px;
  color: #005da3;
}
.pro ul li a h4 {
  font-size: 22px;
  color: #00101c;
  transition: all 0.5s;
}
.pro ul li:hover a h4 {
  color: #005da3;
  font-weight: 550;
}
.pro ul li a p {
  font-size: 16px;
  color: #005da3;
  margin-top: 3%;
}
.pro ul li a p span {
  font-size: 16px;
  color: #005da3;
  margin-left: 3%;
}
.pro ul li a .pro-img {
  width: 100%;
  min-height: 291px;
  overflow: hidden;
        display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8%;
}
.pro ul li a .pro-img img {
  width: 79%;
  object-fit: cover;
  transition: all 0.5s;
}
.pro ul li a .pro-img .cptp{
    width: 100%;
}
.pro ul li:nth-last-child(1){
  margin: 0 !important;
  padding: 0 !important;
}
.pro ul li:nth-last-child(2){
  margin: 0 !important;
  padding: 0 !important;
}v
/*.pro ul li:hover a .pro-img img {*/
/*  transform: scale(1.05);*/
/*}*/
.yl-img img{
    width: 100%;
    object-fit: cover;
}
.proxqban{
    position: relative;
}
.proxqban .ban-cp{
    position: absolute;
    bottom: 0;
    right: 10%;
}

.proxqban .n-ban-wz .container p {
  font-size: 18px;
  color: #005da3;
  font-weight: 550;
}
.proxqban .n-ban-wz .container h3 {
  font-size: 44px;
  color: #00101c;
  font-weight: 550;
}
.proxqban .n-ban-wz .container h4 {
  font-size: 26px;
  line-height: 44px;
  letter-spacing: 2px;
  color: #767676;
  opacity: 1;
  margin-top: 1%;
}
.proxqban .n-ban-wz .container h4 span {
  color: #005da3;
}
.kslj {
  margin-top: 4%;
}
.kslj .xj a{
  width: 187px;
	height: 52px;
	box-shadow: 0px 3px 7px 0px 
		rgba(0, 0, 0, 0.31);
  background: #005da3;
  border-radius: 20px 5px;
  transform: skewx(-30deg);
}
.kslj .xj a span{
  display: inline-block;
  width: 100%;
  font-size: 16px;
	letter-spacing: -1px;
	color: #ffffff;
  text-align: center;
  line-height: 52px;
  transform: skewx(30deg);
}
.kslj .xj a span img{
  margin-left: 23px;
  transition: all .5s;
}
.xq1 {
  background-color: #323232;
  padding: 4% 0 2% 0;
  position: relative;
  padding-bottom: 20%;
}
.xq1 .container h6{
  font-size: 32px;
	color: #ffffff;
  font-weight: 550;
}
.xq1 .container h3 {
  font-size: 44px;
  color: #ffffff;
  font-weight: 550;
}
.xq1 .container p {
  font-size: 20px;
  line-height: 40px;
  letter-spacing: 2px;
  color: #ffffff;
  width: 33.0921%;
  font-weight: 500;
}
.xq1 .container img {
  margin-top: 2%;
}
.xq1 .yl-img {
  position: absolute;
  left: 6%;
  bottom: 10px;
}
.xq1 .yl-img img{
  width: 100%;
}
.xq2 {
  margin-top: 4%;
}
.container1 {
  text-align: center;
}
.container1 h3 {
  font-size: 46px;
  color: #00101c;
  font-weight: 550;
  line-height: 71px;
}
.container1 h4 {
  font-size: 22px;
  color: #00101c;
}
.xq2 .xq2-n{
  display: flex;
  justify-content: space-between;
  margin-top: 3%;
}
.xq2 .xq2-n .xq2-lt{
  flex: 1;
}
.xq2 .xq2-n .xq2-lt ul{
  display: flex;
  justify-content: space-between;
  text-align: left;
}
.xq2 .xq2-n .xq2-lt ul li{
  padding: 2%;
}
.xq2 .xq2-n .xq2-lt ul li h3{
  font-size: 22px;
	color: #ffffff;
  line-height: 38px;
  margin-bottom: 2%;
}
.xq2 .xq2-n .xq2-lt ul li p{
  font-size: 16px;
	line-height: 30px;
	color: #ffffff;
}
.xq2 .xq2-n .xq2-lt .ul1 li:nth-child(1){
  height: 280px;
  width: 45%;
}
.xq2 .xq2-n .xq2-lt .ul1 li:nth-child(2){
	width: 53%;
	height: 280px;
}
.xq2 .xq2-n .xq2-lt .ul2{
  margin-top: 2%;
}
.xq2 .xq2-n .xq2-lt .ul2 li:nth-child(1){
	width: 53%;
	height: 280px;
}
.xq2 .xq2-n .xq2-lt .ul2 li:nth-child(2){
	width: 45%;
	height: 280px;
}
.xq2 .xq2-n .xq2-rt{
  width: 28.9473684%;
  margin-left: 20px;
  padding: 2%;
}
.xq2 .xq2-n .xq2-rt h3{
  font-size: 22px;
	color: #ffffff;
  line-height: 38px;
  text-align: left;
  margin-bottom: 2%;
}
.xq2 .xq2-n .xq2-rt p{
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
  text-align: left;
}
.xq3{
  margin-top: 4%;
  padding-top: 4%;
	background-image: linear-gradient(90deg, 
		#cdeaff 0%, 
		#ffffff 100%);
}
.xq3 .container{
  display: flex;
  justify-content: space-between;
}
.xq3 .ggbt h3{
  font-size: 44px;
}
.xq3 .ggbt img{
  margin-top: 16%;
}
.xq3 .container .xq3-img{
  margin-top: 4%;
}
.xq4{
  margin-top: 4%;
}
.xq4 .az{
  margin-top: 1%;
}
.xq4 .az ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.xq4 .az ul li{
  width: 48.68421%;
  min-height: 489px;
  position: relative;
  box-shadow: 0px 0px 16px 0px 
  rgba(30, 20, 1, 0.13);
  margin-top: 3%;
}
.xq4 .az ul li img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.xq4 .az ul li h3{
  font-size: 22px;
	color: #ffffff;
  background-color: #005da3;
  line-height: 54px;
  display: inline-block;
  padding: 0 2%;
  position: absolute;
  left: 0;
  top: 0;
}
.xq5{
  padding: 4% 0 0 0;
  margin-top: 4%;
  background: url(/uploads/image/smimages/cz.png) no-repeat center center;
  background-size: cover;
}
.xq5 ul{
  display: flex;
  justify-content: space-between;
  margin-top: 3%;
}
.xq5 ul li h5{
  font-size: 28px;
	color: #005da3;
  text-align: center;
  font-weight: 550;
  margin-bottom: 41px;
}
.xq6{
  margin-top: 4%;
  margin-bottom: 4%;
}
.xq6-n{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3%;
}
.xq6-n .xq6-n-lt{
  width: 48.9473%;
  margin-right: 32px;
}
.xq6-n .xq6-n-lt ul li{
  width: 100%;
  height: 280px;
}
.xq6-n .xq6-n-lt ul li img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.xq6-n .xq6-n-lt ul li:nth-child(2){
  margin-top: 4%;
}
.xq6-n .xq6-n-rt{
  flex: 1;
}
.xq6-n .xq6-n-rt ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.xq6-n .xq6-n-rt ul li{
  width: 48%;
	height: 280px;
}
.xq6-n .xq6-n-rt ul li img{
  width: 100%;
	height: 100%;
  object-fit: cover;
}
.xq6-n .xq6-n-rt ul li:nth-child(3){
  margin-top: 4%;
}
.xq6-n .xq6-n-rt ul li:nth-child(4){
  margin-top: 4%;
}

.lxwm {
  margin-bottom: 4%;
}
.lxwm ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.lxwm ul li {
  width: 23.421%;
  height: 430px;
  background-color: #f7f7f7;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 6%;
  cursor: pointer;
}
.lxwm ul li:nth-last-child(1) {
  height: 0;
  background: none;
}
.lxwm ul li h3 {
  font-size: 20px;
  color: #00101c;
  font-weight: 550;
}
.lxwm ul li h4 {
  font-size: 16px;
  color: #838383;
}
.lxwm ul li > div {
  min-height: 264px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lxwm ul li p {
  font-size: 20px;
  line-height: 30px;
  color: #00101c;
  font-weight: 550;
  text-align: center;
}
.lxwm ul li:nth-child(4) p {
  font-size: 16px;
  line-height: 30px;
  color: #00101c;
  font-weight: 500;
}
.lxwm ul li:nth-child(5) p {
  font-size: 16px;
  line-height: 30px;
  color: #005da3;
  font-weight: 500;
  text-shadow: 1px 1px 7px #329ef3;
}
.lxwm ul li:nth-child(6) p {
  font-size: 16px;
  line-height: 30px;
  color: #005da3;
  font-weight: 500;
  text-shadow: 1px 1px 7px #329ef3;
}
.lxwm ul li:hover > div img {
  animation: fd 1s;
}
@keyframes fd {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.zxly{
  margin-bottom: 4%;
  padding: 4% 0;
  background-color: #f7f7f7;
}
.zxly form{
  margin-top: 3%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.zxly form input{
  width: 49.5%;
  height: 55px;
	background-color: #ffffff;
	border-radius: 4px;
  font-size: 18px;
	line-height: 55px;
	letter-spacing: 1px;
	color: #666666;
  margin-top: 1%;
  padding-left: 26px;
}
.zxly form input:nth-child(3){
  width: 100%;
}
.zxly form input::placeholder{
  font-size: 18px;
	line-height: 55px;
	letter-spacing: 1px;
	color: #666666;
}
.zxly form textarea{
  width: 100%;
  margin-top: 1%;
  font-size: 18px;
	line-height: 40px;
	letter-spacing: 1px;
	color: #666666;
  padding: 26px;
}
.zxly form textarea::placeholder{
  font-size: 18px;
	line-height: 40px;
	letter-spacing: 1px;
	color: #666666;
}
.zxly form button{
  width: 49%;
	height: 55px;
	background-color: #005da3;
	border-radius: 4px;
  margin: auto;
  margin-top: 1%;
  font-size: 18px;
	line-height: 40px;
	letter-spacing: 1px;
	color: #ffffff;
  cursor: pointer;
  transition: all .5s;
}
.zxly form button:hover {
  box-shadow: 1px 1px 10px rgba(0,93,163, .8);
}
.xx{
  margin-top: 1%;
  margin-bottom: 4%;
}
.xx h3{
  font-size: 40px;
	color: #00101c;
  font-weight: 550;
}
.xx h4{
  font-size: 22px;
	color: #838383;
}
.xx ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.xx ul li{
  width: 48.684%;
  background-color: #ffffff;
	box-shadow: 0px 0px 24px 0px 
		rgba(14, 31, 83, 0.14);
	border-radius: 8px;
  margin-top: 3%;
  min-height: 296px;
  padding: 39px;
  position: relative;
}
.xx ul li .y{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.xx ul li h5{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dashed rgba(0,93,163, 0.5);
  padding-bottom: 3%;
  margin-bottom: 2%;
}
.xx ul li h5 em{
  font-size: 24px;
	line-height: 40px;
	letter-spacing: 1px;
	color: #333333;
  font-weight: 550;
}
.xx ul li h5 span{
  font-size: 48px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #daefff;
  font-family: "din bold";
  font-weight: 550;
}
.xx ul li p{
  font-size: 16px;
	line-height: 30px;
	color: #333333;
	opacity: 0.8;
}
.n-ban .n-ban-wz .container h5{
  font-size: 30px;
	letter-spacing: -1px;
	color: #ffffff;
  font-weight: 550;
  margin-top: 1%;
}
.ban2{
  position: relative;
}
.ban2 .ban2-box{
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ban2 .ban2-box h3{
  font-size: 40px;
	color: #ffffff;
  font-weight: 550;
}
.ban2 .ban2-box h4{
  font-size: 22px;
	color: #ffffff;
}
.ban2 .ban2-box .xj{
  margin-top: 17%;
}
.ban2 .ban2-box .xj a{
  width: 187px;
	height: 52px;
	box-shadow: 0px 3px 7px 0px 
		rgba(0, 0, 0, 0.31);
  background: #005da3;
  border-radius: 20px 5px;
  transform: skewx(-30deg);
}
.ban2 .ban2-box .xj a span{
  display: inline-block;
  width: 100%;
  font-size: 16px;
	letter-spacing: -1px;
	color: #ffffff;
  text-align: center;
  line-height: 52px;
  transform: skewx(30deg);
}
.ban2 .ban2-box .xj a span img{
  margin-left: 23px;
  transition: all .5s;
}
.ban2 .ban2-box .xj a:hover span img{
  transform: translatex(10px);
}
.sy{
  margin: 4% auto;
}
.sy h3{
  font-size: 40px;
	color: #00101c;
  font-weight: 550;
}
.sy h4{
  font-size: 22px;
	color: #838383;
}
.sy-nav{
  border-bottom: 1px solid #d8d8d8;
  margin-top: 4%;
}
.sy-nav ul{
  display: flex;
  justify-content: flex-start;
}
.sy-nav ul li{
  margin-left: 139px;
}
.sy-nav ul li:nth-child(1){
  margin-left: 0;
}
.sy-nav ul li a{
  font-size: 22px;
	color: #00101c;
  position: relative;
  padding-bottom: 1%;
  line-height: 70px;
  transition: all .5s;
}
.sy-nav ul li a::after{
  content: "";
  width: 0;
	height: 3px;
	background-color: #005da3;
	border-radius: 2px;
  position: absolute;
  left: 50%;
  bottom: -1px;
  transform: translatex(-50%);
  transition: all .5s;
}
.sy-nav ul li a:hover{
  color: #005da3;
  font-weight: 550;
}
.sy-nav ul li a:hover::after{
  width: 80px;
}
.sy-nav ul .sy-active a{
  color: #005da3;
  font-weight: 550;
}
.sy-nav ul .sy-active a::after{
  width: 80px;
}
.sy-n ul li{
  margin-top: 2%;
  width: 100%;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px 0px 
		rgba(14, 31, 83, 0.17);
	border-radius: 8px;
  padding: 39px;
  cursor: pointer;
}
.sy-n ul li h3{
  font-size: 24px;
	line-height: 40px;
	letter-spacing: 1px;
	color: #333333;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sy-n ul li .sy-ms{
  margin-top: 1%;
}
.sy-n ul li .sy-ms p{
  font-size: 16px;
	line-height: 30px;
	color: #333333;
	opacity: 0.8;
}
.xz{
  margin: 4% auto;
}
.xz h3{
  font-size: 40px;
	color: #00101c;
  font-weight: 550;
}
.xz h4{
  font-size: 22px;
	color: #838383;
}
.xz .xz-n ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.xz .xz-n ul li{
  width: 48.289%;
  background-color: #f7f7f7;
  margin-top: 4%;
  padding: 40px;
}
.xz .xz-n ul li{
  display: flex;
  justify-content: flex-start;
}
.xz .xz-n ul li .xz-img{
  width: 251px;
	height: 210px;
	background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.xz .xz-n ul li .xz-img img{
  max-width: 133px;
}
.xz .xz-n ul li .xz-w{
  margin-left: 6%;
  flex: 1;
}
.xz .xz-n ul li .xz-w h5{
  font-size: 24px;
	color: #00101c;
  line-height: 34px;
}
.xz .xz-n ul li .xz-w h6{
	font-size: 18px;
	color: #767676;
}
.xz .xz-n ul li .xz-w .xz-btn{
  width: 150px;
  height: 45px;
	box-shadow: 0px 3px 7px 0px 
		rgba(0, 0, 0, 0.07);
  background: #fff;
  border-radius: 20px 5px;
  transform: skewx(-30deg);
  margin-top: 23%;
  transition: all .5s;
}
.xz .xz-n ul li .xz-w .xz-btn span{
  display: inline-block;
  width: 100%;
  font-size: 16px;
	letter-spacing: -1px;
	color: #005da3;
  text-align: center;
  line-height: 45px;
  transform: skewx(30deg);
  transition: all .5s;
}
.xz .xz-n ul li .xz-w .xz-btn:hover{
  background: #005da3;
}
.xz .xz-n ul li .xz-w .xz-btn:hover span{
  color: #fff;
}
.xz .xz-n ul li .xz-w .xz-btn span em{
  display: inline-block;
  font-size: 16px;
	color: #005da3;
  margin-left: 22px;
  transition: all .5s;
}
.xz .xz-n ul li .xz-w .xz-btn:hover span em{
  color: #fff;
  transform: translatex(5px);
}
.news{
  margin-bottom: 4%;
}
.news ul li{
	background-color: #fff;
	border: solid 1px #ededed;
  margin-top: 3%;
  transition: all .5s;
}
.news ul li:hover{
  box-shadow: 0px 0px 27px 0px 
  rgba(14, 31, 83, 0.13);
  transform: translatex(15px);
}
.news ul li a{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news ul li a .news-lt{
  width: 37.5%;
  height: 366px;
  overflow: hidden;
}
.news ul li a .news-lt img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}
.news ul li:hover .news-lt img{
  transform: scale(1.05);
}
.news ul li a .news-rt{
  flex: 1;
  padding: 3.4%;
}
.news ul li a .news-rt h5{
  font-size: 18px;
	color: #005da3;
}
.news ul li a .news-rt h3{
  font-size: 30px;
	color: #00101c;
  font-weight: 550;
  margin-bottom: 28px;
  transition: all .5s;
}
.news ul li:hover a .news-rt h3{
	color: #005da3;
}
.news ul li a .news-rt p{
  font-size: 20px;
	line-height: 30px;
	color: #00101c;
	opacity: 0.9;
}
.news ul li a .news-rt h6{
  font-size: 20px;
	color: #00101c;
  display: flex;
  justify-content: space-between;
  margin-top: 4.5%;
}
.newsxq ul{
  margin-bottom: 3%;
}
.xxq2{
  margin-top: 2%;
}
.fj3{
  padding-top: 0;
}
.fj3 .container .ggbt h4{
  font-size: 40px;
	color: #749bb7;
  font-weight: 550;
  font-family: "微软雅黑";
  margin-top: 5%;
  margin-bottom: 12%;
}
.fj3 .container .ggbt h5{
  font-size: 20px;
	line-height: 40px;
	letter-spacing: 2px;
	color: #00101c;
}
.fj3 .container .ggbt{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.fj3 .container .ggbt ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 34%;
}
.fj3 .container .ggbt ul li{
  text-align: center;
}
.fj3 .container .ggbt ul li p{
  margin-top: 12px;
}
.fj3 .xq3-img{
  margin-top: 0;
}
.xq7{
  margin-top: 4%;
}
.td{
  margin-top: 3%;
}
.td ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.td ul li{
  flex: 1;
  text-align: center;
}
.td ul li>div{
  min-height: 127px;
  margin-bottom: 76px;
}
.td ul li p{
  font-size: 28px;
	line-height: 40px;
	color: #3a3a3a;
}
.xq8{
  margin-top: 4%;
}
.sy1{
  margin-top: 3%;
  display: flex;
  justify-content: space-between;
}
.sy1 .sy-lt{
  width: 48.68421%;
  height: 590px;
  position: relative;
}
.sy1 .sy-lt img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sy1 .sy-lt p{
  font-size: 28px;
	color: #ffffff;
  position: absolute;
  left: 79px;
  top: 109px;
  font-weight: 550;
}
.sy1 .sy-cen{
  width: 24.342%;
  height: 590px;
  position: relative;
}
.sy1 .sy-cen img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sy1 .sy-cen p{
  font-size: 28px;
	color: #ffffff;
  position: absolute;
  left: 48px;
  top: 69px;
  font-weight: 550;
}
.sy1 .sy-rt{
  width: 24.342%;
}
.sy1 .sy-rt ul li{
  width: 100%;
  height: 285px;
  position: relative;
}
.sy1 .sy-rt ul li img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sy1 .sy-rt ul li p{
  font-size: 28px;
	color: #ffffff;
  position: absolute;
  left: 36px;
  top: 52px;
  font-weight: 550;
}
.sy1 .sy-rt ul li:nth-last-child(1){
  margin-top: 5%;
}
.yy1{
  padding-bottom: 28%;
}
.xq9{
  position: relative;
}
.xq9 .container1{
  position: absolute;
  left: 50%;
  top: 5%;
  transform: translatex(-50%);
}
.xq19{
  margin-top: 4%;
}
.xq19 .cc{
  margin-top: 3%;
}
.xq10{
  margin-top: 4%;
}
.n-ban .n-ban-wz1{
  left: 94%;
}
.n-ban .n-ban-wz1 h4{
    width: 43%;
}
.xq10 ul{ 
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.xq10 ul li{
  width: 18.552631%;
  background-color: #005da3;
  height: 320px;
  margin-top: 2%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-end;
  padding: 2%;
}
.xq10 ul li p{
  text-align: center;
  font-size: 22px;
	color: #ffffff;
  font-weight: 550;
  width: 100%;
}
.xq10 ul li>div{
  width: 100%;
  text-align: center;
}
.xq10 ul li:nth-child(1){
  width: 39.144736%;
  padding: 2% 0 0 0;
}
.xq11 .container .xq3-img{
  margin-top: 0;
}
.xq11 .container .ggbt h4 {
  font-size: 40px;
  color: #749bb7;
  font-weight: 550;
  font-family: "微软雅黑";
  margin-top: 4%;
  margin-bottom: 7%;
}
.xq11 .ggbt h3{
  margin-top: 12%;
}
.xq11 .ggbt img {
  margin-top: 7%;
}
.xq11 .container .ggbt ul {
  width: 39%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 12%;
}
.xq12{
  margin-top: 4%;
}
.bj ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bj ul li{
  position: relative;
  width: 24.01315%;
  height: 335px;
  background: url(/uploads/image/smimages/bjbj.png) no-repeat center center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  margin-top: 2%;
}
.bj ul li h3{
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #005da3;
  font-size: 22px;
	line-height: 54px;
	color: #ffffff;
  padding: 0 14%;
}
  .box {
  width: 100%;
  text-align: center;
  margin-top: 3.636%;
  margin-bottom: 3%;
}
.pagination {
  display: flex !important;
  text-align: center;
  justify-content: center;
  flex-wrap: wrap;
}
.pagination > li a {
  display: block;
  padding: 0px 9px;
  line-height: 26px;
  border: 1px solid #e5eeff;
  background-color: #fff;
  margin: 3px 5px;
  color: #666;
  border-radius: 4px;
  transition: all 0.5s;
}
.pagination .active a {
  color: #fff;
  background-color: #005da3;
  border: 1px solid #e5eeff;
}
.pagination .active a:hover {
  color: #fff;
}
.pagination li a:hover {
  color: #005da3;
}
.re{
    position: relative;
    top: -100px;
}
/* 新增 */
.qt-cptd{
  /* margin-top: 4%; */
}
.qt-cptd h3{
  font-size: 28px;
	color: #00101c;
  font-weight: 550;
}
.qt-cptd span{
	font-size: 26px;
	color: #00101c;
  font-weight: 550;
}
.qt-cptd>ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.qt-cptd>ul li{
  width: 49%;
  margin: 0;
  padding: 0;
  font-size: 22px;
	color: #00101c;
  font-weight: 550;
  margin-top: 2%;
  padding-left: 2%;
  position: relative;
}
.qt-cptd>ul li::after{
  content: "";
  width: 20px;
	height: 14px;
  background: url(/uploads/image/smimages/td1.png) no-repeat center center;
  position: absolute;
  left: 0;
  top: 16px;
}
.qt-cptd>ul li:hover{
  transform: translate(0);
}
.qt-cptd>ul li:nth-last-child(1)::after{
  background: none;
}
.bg{
  margin-top: 3%;
}
.bg h3{
  font-size: 28px;
	color: #00101c;
  font-weight: 550;
}
.bg h3 span{
	font-size: 26px;
	color: #00101c;
  font-weight: 550;
}
.bg{
  margin-top: 4%;
}
.bg .csb{
    width: 100%;
}
.bg .csb table{
  margin-top: 3%;
  width: 100% !important;
}
.bg table tr td{
  font-size: 16px;
	color: #464646;
  background-color: #ffffff;
	border: solid 1px #e8e8e8;
  line-height: 28px;
  padding: 1% 0;
  text-align: center;
}
.bg table tr:nth-child(1) td{
	background-color: #005da3;
	border: solid 1px #ffffff;
  font-size: 18px;
	color: #ffffff;
  text-align: center;
  line-height: 28px;
}
.pro-xq{
    margin-bottom: 3%;
}