@charset "utf-8";
/* CSS Document */
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: "Microsoft YaHei", Arial;
}

ul,
li,
dt,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
div,
html,
form,
table,
tr,
td,
dt,
dl,
dd,
span,
input,
a,
img {
  padding: 0;
  margin: 0;
  list-style: none;
  outline: none;
  border: none;
}
.l-item {
  list-style: disc;
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}

/* swiper 横向循环焦点图片展示 */
#certify {
  position: relative;
  top: 6%;
  width: 1200px;
  margin: 0 auto;
}
#certify .swiper-container {
  padding-bottom: 20px;
}
#certify .swiper-slide {
  width: 506px;
  height: 553px;
  background: #ffffff00;
  /* box-shadow: 0 8px 30px #ddd; */
}
#certify .swiper-slide img {
  display: block;
}
#certify .swiper-slide p {
  line-height: 98px;
  padding-top: 0;
  text-align: center;
  color: #636363;
  font-size: 1.1em;
  margin: 0;
}

#certify .swiper-pagination {
  width: 100%;
  bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  border: 3px solid #fff;
  background-color: #d5d5d5;
  width: 10px;
  height: 10px;
  opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 2px solid #ffffff00;
  background-color: goldenrod;
}

#certify .swiper-button-prev {
  left: -30px;
  width: 45px;
  height: 45px;
  background: url(../images/wm_button_icon.png) no-repeat;
  background-position: 0 0;
  background-size: 100%;
}

#certify .swiper-button-prev:hover {
  background-position: 0 -46px;
  background-size: 100%;
}

#certify .swiper-button-next {
  right: -30px;
  width: 45px;
  height: 45px;
  background: url(../images/wm_button_icon.png) no-repeat;
  background-position: 0 -93px;
  background-size: 100%;
}

#certify .swiper-button-next:hover {
  background-position: 0 -139px;
  background-size: 100%;
}
#certify .swiper-button-prev::after,
#certify .swiper-button-next::after {
  content: "";
}

/* 弹框 在线客服 咨询按键 和 表单*/
.tk_kefu {
  text-align: center;
}
.ztbtn {
  display: inline-block;
  padding: 10px;
  margin: 2% 5%;
  /* border: 2px solid rgb(59, 136, 230); */
  color: #345f8a;
  text-align: center;
  font-size: 20px;
  border-radius: 50px;
  transition: 0.5s;
  position: relative;
  background: linear-gradient(
    0deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(0, 212, 255, 0) 0%,
    rgba(32, 104, 227, 1) 0%,
    rgba(81, 155, 247, 1) 100%
  );
  /*animation: myBbreath 0.8s linear infinite;*/
}
.ztbtn:hover {
  box-shadow: 0 0 25px #888;
  transform: scale(1.1);
}

.tk_kefu .btn1 {
  background: rgb(26, 119, 189);
  background: linear-gradient(
    180deg,
    rgba(26, 119, 189, 1) 0%,
    rgba(17, 89, 155, 1) 50%,
    rgba(9, 60, 123, 1) 100%
  );
  width: 10em;
  color: #fff;
  top: 1em;
}
.tk_kefu .btn2 {
  background: rgb(255, 225, 151);
  background: linear-gradient(
    180deg,
    rgba(255, 225, 151, 1) 0%,
    rgba(248, 208, 114, 1) 50%,
    rgba(241, 190, 77, 1) 100%
  );
  width: 10em;
  color: #000;
  top: 1em;
}

/* 专题页标题 */
.ztTitle1 {
  /* padding-top: 3%; */
  font-size: 32px;
  /* line-height: 60px; */
  font-weight: normal;
  letter-spacing: 3px;
  margin-bottom: 34px;
  position: relative;
  text-align: center;
  color: #000;
  font-family: "Microsoft YaHei", Arial;
}

/**/
.zt_content1_title {
  position: relative;
  display: block;
  top: 2rem;
  font-size: 34px;
  font-weight: normal;
  letter-spacing: 3px;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  color: #000;
  font-family: "Microsoft YaHei", Arial;
}
.zt_content1_text {
  position: relative;
  top: 2rem;
  display: grid;
  grid-template-columns: 0.3fr repeat(4, 1fr) 0.3fr;
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}
.content1_text1 {
  position: relative;
  grid-area: 1 / 2 / 2 / 3;
  text-align: center;
  font-size: 20px;
  font-family: "Microsoft YaHei", Arial;
  border-radius: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(0, 0, 0, 0.15),
    0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.15);
  transition: transform 1s;
}

.content1_text2 {
  position: relative;
  grid-area: 1 / 3 / 2 / 4;
  text-align: center;
  font-size: 20px;
  font-family: "Microsoft YaHei", Arial;
  border-radius: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(0, 0, 0, 0.15),
    0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.15);
  transition: transform 1s;
}
.content1_text3 {
  position: relative;
  grid-area: 1 / 4 / 2 / 5;
  text-align: center;
  font-size: 20px;
  font-family: "Microsoft YaHei", Arial;
  border-radius: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(0, 0, 0, 0.15),
    0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.15);
  transition: transform 1s;
}
.content1_text4 {
  position: relative;
  grid-area: 1 / 5 / 2 / 6;
  text-align: center;
  font-size: 20px;
  font-family: "Microsoft YaHei", Arial;
  border-radius: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(0, 0, 0, 0.15),
    0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.15);
  transition: transform 1s;
}
.content1_text1 img,
.content1_text2 img,
.content1_text3 img,
.content1_text4 img {
  border-radius: 20px 20px 0 0;
  margin-bottom: 0.5rem;
}
.content1_text1 p,
.content1_text2 p,
.content1_text3 p,
.content1_text4 p {
  position: relative;
  font-size: 16px;
  padding: 0.5rem;
  text-align: justify;
}
.content1_text1:hover,
.content1_text2:hover,
.content1_text3:hover,
.content1_text4:hover {
  transform: translateY(-20px);
}

/**/

.zt_form_title {
  position: relative;
  display: block;
  top: 3rem;
  font-size: 34px;
  font-weight: normal;
  letter-spacing: 3px;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  color: #fff;
  font-family: "Microsoft YaHei", Arial;
}
/**/
.zt_content2_title {
  position: relative;
  display: block;
  top: 2rem;
  font-size: 34px;
  font-weight: normal;
  letter-spacing: 3px;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  color: #000;
  font-family: "Microsoft YaHei", Arial;
}
.zt_content2_text {
  position: relative;
  top: 2rem;
  text-align: center;
  display: grid;
  grid-template-columns: repeat(5, 1fr) 0.1fr repeat(6, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.content2_text_0 {
  grid-area: 1 / 4 / 2 / 12;
  position: relative;
  background: rgb(255, 248, 225);
  background: linear-gradient(
    270deg,
    rgba(255, 248, 225, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

.content2_text1 {
  grid-area: 1 / 2 / 2 / 6;
  z-index: 99;
}
.content2_text2 {
  grid-area: 1 / 7 / 2 / 12;
  position: relative;
  line-height: 3;
  text-align: justify;
  padding: 2rem 2rem 2rem 1rem;
}

/**/
.zt_content3_title {
  position: relative;
  display: block;
  top: 2rem;
  font-size: 34px;
  font-weight: normal;
  letter-spacing: 3px;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  color: #000;
  font-family: "Microsoft YaHei", Arial;
}
/**/
.zt_content4_text {
  position: relative;
  top: 4rem;
  text-align: center;
  display: grid;
  grid-template-columns: repeat(4, 1fr) 0.5fr 0.1fr repeat(6, 1fr);
  grid-template-rows: 0.3fr 1fr 0.5fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.content4_text1 {
  position: relative;
  grid-area: 1 / 2 / 4 / 6;
}
.content4_text2 {
  position: relative;
  grid-area: 1 / 7 / 2 / 12;
  font-size: 26px;
  font-weight: bold;
  text-align: left;
  left: 1.5rem;
  color: #000;
  font-family: "Microsoft YaHei", Arial;
}
.content4_text3 {
  position: relative;
  grid-area: 2 / 7 / 3 / 12;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  color: #000;
  font-family: "Microsoft YaHei", Arial;
}
.content4_text3 span {
  color: #aa0839;
}
.content4_text4 {
  position: relative;
  grid-area: 3 / 8 / 4 / 11;
  padding: 2rem 0;
  color: #888;
  font-size: 16px;
  font-family: "Microsoft YaHei", Arial;
}
.dd-li {
  position: relative;
  list-style-type: none;
  line-height: 2;
  margin: 0.5rem 0 0 0;
}

/**/
.zt_content5_text {
  position: relative;
  top: 3rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr) 0.5fr 0.3fr 1.5fr repeat(4, 1fr);
  grid-template-rows: 0.3fr 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.content5_text1 {
  position: relative;
  grid-area: 1 / 2 / 2 / 7;
  font-size: 26px;
  font-weight: bold;
  text-align: left;
  left: 1.5rem;
  color: #000;
  font-family: "Microsoft YaHei", Arial;
}
.content5_text2 {
  position: relative;
  grid-area: 2 / 2 / 3 / 7;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  color: #000;
  font-family: "Microsoft YaHei", Arial;
}
.content5_text3 {
  position: relative;
  grid-area: 1 / 8 / 3 / 12;
}
.dd-li2 {
  position: relative;
  list-style-type: disc;
  line-height: 2;
  margin: 0.5rem 0 0 0;
}

/**/
.zt_content6_text {
  position: relative;
  text-align: center;
  top: 28%;
  display: grid;
  grid-template-columns: 0.5fr repeat(4, 1fr) 0.5fr;
  grid-template-rows: 1fr;
  grid-column-gap: 1px;
  grid-row-gap: 0px;
}
.li-item1 {
  grid-area: 1 / 2 / 2 / 3;
}
.li-item2 {
  grid-area: 1 / 3 / 2 / 4;
}
.li-item3 {
  grid-area: 1 / 4 / 2 / 5;
}
.li-item4 {
  grid-area: 1 / 5 / 2 / 6;
}

.zt_content6_text p {
  color: #000;
  font-size: 18px;
  /* line-height: 46px; */
  display: inline-block;
  font-family: "Microsoft YaHei", Arial;
  text-align: center;
}
.zt_content6_box {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 5rem;
}
.zt_content6_box p {
  position: relative;
  display: block;
  top: 2rem;
  text-align: center;
  font-size: 34px;
  font-family: "Microsoft YaHei", Arial;
  color: #000;
}
.zt_content6_box img {
  display: inline-block;
  position: relative;
}

.zt_content9_title {
  position: relative;
  display: block;
  top: 3rem;
  text-align: center;
  font-size: 34px;
  font-family: "Microsoft YaHei", Arial;
  color: #fff;
}
