@charset "utf-8";

/* 通用*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}

body,
button,
input,
select,
textarea {
  font: normal 16px "Microsoft Yahei";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  outline: none;
}

img {
  border: 0;
}


/*20181018 HC*/

html,
body,
.edge {
  width: 100%;
}

.top {
  height: 4.8rem;
  overflow: hidden;
}

.w100 {
  width: 100%;
}

.p1 {
  font-size: 0.24rem;
  width: 6.3rem;
  margin: 0 auto;
  color: #2534a3;
  line-height: 0.41rem;
}


/* clear */

.clear {
  zoom: 1;
  clear: both;
  display: inline-block;
}

.clear {
  display: block;
}

.clear:after {
  content: ".";
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.btn {
  width: 2.8rem;
  height: 0.62rem;
  background: #fff;
  display: block;
  margin: 0 auto;
  font-size: 0.24rem;
  color: #3c4ed8;
  text-align: center;
  line-height: 0.62rem;
  border-radius: 0.3rem;
}

.para_01 {
  padding: 0.8rem 0 0.25rem;
  background: #f2f8ff;
}

.para_01 .p1 {
  margin: 0.4rem auto;
}

.para_01 h3 {
  font-size: 0.18rem;
  font-weight: normal;
  text-align: center;
  line-height: 0.18rem;
  color: #7c8bff;
  margin-top: 0.15rem;
}

.para_01 .para1 {
  height: 4.65rem;
  background: url(/mobile/2023/vedit/para1bgs.jpg) no-repeat center top;
  background-size: 100%;
  margin-top: 0.41rem;
  overflow: hidden;
}

.para_01 .para1 a {
  display: block;
  width: 1.95rem;
  height: 0.5rem;
  margin: 2.92rem 0 0 0.55rem;
}

.para_01 .para12 {
  height: 4.52rem;
  background: url(/mobile/2023/vedit/para12bg.jpg) no-repeat center top;
  background-size: 100%;
  margin-top: 0.33rem;
  overflow: hidden;
}

.para_01 .para12 a {
  display: block;
  width: 1.95rem;
  height: 0.5rem;
  margin: 3.2rem 0 0 4.9rem;
}

.para_02 {
  height: 11.92rem;
  background: url(/mobile/2023/vedit/para2bg.jpg) no-repeat center top / cover;
  overflow: hidden;
}

.para_02 h3 {
  font-size: 0.2rem;
  font-weight: normal;
  text-align: center;
  color: #e8e9ff;
  padding-top: 0.98rem;
  margin-bottom: 0.5rem;
}

.para_02 .ul1 {
  width: 6.9rem;
  height: 4.8rem;
  margin: 0 auto;
}

.para_02 .ul1 li {
  width: 2.1rem;
  height: 4.44rem;
  float: left;
  margin-right: 0.3rem;
}

.para_02 .ul1 li:nth-child(3n) {
  margin-right: 0;
}

.para_02 .ul1 li.li1 {
  animation: 2s infinite linear tb1;
}

.para_02 .ul1 li.li2 {
  margin-top: 0.3rem;
  animation: 2s infinite linear tb2;
}

@keyframes tb1 {
  0% {
    margin-top: 0;
    opacity: 1
  }
  50% {
    margin-top: 0.3rem;
    opacity: 0.9
  }
  100% {
    margin-top: 0;
    opacity: 1
  }
}

@keyframes tb2 {
  0% {
    margin-top: 0.3rem;
    opacity: 0.9
  }
  50% {
    margin-top: 0;
    opacity: 1
  }
  100% {
    margin-top: 0.3rem;
    opacity: 0.9
  }
}

.para_02 .ul2 {
  width: 6.9rem;
  margin: 0.4rem auto 0.4rem;
}

.para_02 .ul2 li {
  float: left;
  margin-right: 0.2rem;
}

.para_02 .ul2 li h4 {
  font-size: 0.22rem;
  font-weight: normal;
  text-align: center;
  color: #fff;
  line-height: 0.42rem;
  text-align: center;
  margin-top: 0.18rem;
}

.para_02 .ul2 li h4 b {
  font-size: 0.32rem;
}

.para_02 .ul2 li img.im1 {
  animation: 2s infinite linear im1;
  transform: scale(1.1);
}

.para_02 .ul2 li img.im2 {
  animation: 2s infinite linear im2;
  transform: scale(1.2);
}

@keyframes im1 {
  0% {
    margin-left: 0;
    opacity: 1
  }
  50% {
    margin-left: 0.2rem;
    opacity: 0.9
  }
  100% {
    margin-left: 0;
    opacity: 1
  }
}

@keyframes im2 {
  0% {
    margin-left: 0.2rem;
    opacity: 0.9
  }
  50% {
    margin-left: 0;
    opacity: 1
  }
  100% {
    margin-left: 0.2rem;
    opacity: 0.9
  }
}

.para_02 .ul2 li:nth-child(2) {
  margin-right: 0;
}

.para_02 .ul2 li div {
  width: 3.26rem;
  height: 2.36rem;
  border: 0.03rem solid #05b0f8;
  overflow: hidden;
}

.para_03 {
  padding: 0.8rem 0 0.6rem;
  background: #f2f8ff;
}

.para_03 .btn {
  background: #3c4ed8;
  color: #fff;
  box-shadow: 0px 6px 10px 0px rgba(60, 78, 216, 0.42);
  margin-top: 0.26rem;
}

.para_04 {
  background: url(/mobile/2023/vedit/para4bg.jpg) no-repeat center top;
  height: 10.75rem;
  background-size: 100%;
  overflow: hidden;
}

.para_04 ul {
  width: 6.3rem;
  margin: 2.76rem auto 0;
}

.para_04 ul li {
  margin-bottom: 0.4rem;
}

.para_04 ul li h3 {
  width: 4.44rem;
  height: 0.76rem;
  border: 0.02rem solid #fff;
  float: left;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  font-size: 0.32rem;
  color: #2534a3;
  line-height: 0.78rem;
  font-weight: normal;
  padding-left: 0.3rem;
  background: #fff;
}

.para_04 ul li a {
  width: 1.29rem;
  height: 0.76rem;
  border: 0.02rem solid #fff;
  background: #3c4ed8;
  float: left;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.76rem;
  font-weight: normal;
  padding-left: 0.18rem;
  box-shadow: inset -2px -3px 5px rgba(0, 0, 0, 0.3);
}

.para_05 {
  padding-top: 0.8rem;
  background: #f2f8ff;
}

.para_05 .p1 {
  margin: 0.44rem auto 0.34rem;
}

.para_05 .btn {
  background: #3c4ed8;
  color: #fff;
  box-shadow: 0px 6px 10px 0px rgba(60, 78, 216, 0.42);
  margin: 0.6rem auto;
}

.para_05 h4 {
  background: url(/mobile/2023/vedit/dashed.jpg) no-repeat center top;
  height: 0.02rem;
  background-size: 100%;
}

.para_06 {
  background: #f2f8ff;
  text-align: center;
  padding-bottom: 0.8rem;
}

.para_06 .img6 {
  width: 0.7rem;
  height: 0.36rem;
  margin-bottom: 0.09rem;
}

.para_06 ul li {
  padding-top: 0.6rem;
}

.para_06 ul li h3 {
  font-size: 0.28rem;
  color: #3c4ed8;
  font-weight: normal;
  line-height: 0.28rem;
}

.para_06 .p1 {
  text-align: left;
  margin: 0.36rem auto 0.32rem;
}

.para_06 div.clear {
  width: 6rem;
  height: 0.62rem;
  margin: 0.6rem auto 0;
}

.para_06 div.clear a {
  width: 2.8rem;
  height: 0.62rem;
  background: #3c4ed8;
  display: block;
  font-size: 0.24rem;
  color: #fff;
  text-align: center;
  line-height: 0.62rem;
  border-radius: 0.3rem;
  box-shadow: 0px 6px 10px 0px rgba(60, 78, 216, 0.42);
}

.para_07 {
  background: #3c4ed8;
  padding: 0.53rem 0 0.8rem;
}

.para_07 h3 {
  font-size: 0.34rem;
  color: #fff;
  text-align: center;
  line-height: 0.5rem;
  margin: 0.4rem auto;
  font-weight: normal;
}

.para_07 p {
  width: 6.3rem;
  margin: 0 auto 0.34rem;
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.4rem;
}

.para_07 .para7 {
  background: url(/mobile/2023/vedit/para7bg.jpg) no-repeat center top;
  height: 7.36rem;
  width: 6.9rem;
  margin: 0 auto;
  background-size: 100%;
  overflow: hidden;
}

.para_07 .para7 .cont_video_news {
  width: 3.1rem;
  height: 5.83rem;
  margin: 0.1rem 0 0 3.7rem;
}

.para_07 .para7 .cont_video_news .pics img {
  height: 5.82rem;
  width: 3.1rem;
}

.para_07 a {
  margin-top: 0.9rem;
}

.layui-layer-max {
  display: none;
}

.para_08 {
  background: #f2f8ff;
  padding: 0.71rem 0 0.8rem;
}

.para_08 h3 {
  font-size: 0.34rem;
  color: #2534a3;
  text-align: center;
  line-height: 0.5rem;
  margin: 0 auto 0.4rem;
  font-weight: normal;
}

.para_08 p {
  width: 6.3rem;
  margin: 0 auto 0.34rem;
  font-size: 0.24rem;
  color: #2534a3;
  line-height: 0.4rem;
}

.para_08 .btn {
  background: #3c4ed8;
  color: #fff;
  box-shadow: 0px 6px 10px 0px rgba(60, 78, 216, 0.42);
  margin: 0.6rem auto 0;
}

.para_09 {
  background: url(/mobile/2023/vedit/para9bg.jpg) no-repeat center top;
  height: 16.3rem;
  background-size: 100%;
  overflow: hidden;
}

.para_09 a {
  margin-top: 14.87rem;
}

.bom {
  background: #f2f8ff;
  padding: 0.8rem 0;
}

.bom .sw1 .swiper-wrapper {
  margin-bottom: 0.45rem;
}

.bom .sw1 .swiper-pagination-bullet {
  background: #3c4ed8;
  opacity: 1;
  transition: .4s;
}

.bom .sw1 .swiper-pagination-bullet-active {
  width: 0.6rem;
  height: 0.12rem;
  border-radius: 0.1rem;
}

.bom .btn {
  background: #3c4ed8;
  color: #fff;
  box-shadow: 0px 6px 10px 0px rgba(60, 78, 216, 0.42);
  margin: 0.3rem auto 0;
}