@charset "utf-8";

@font-face {
  src: url(https://images.nbmist.com/yzzf/SourceHanSansCN-Regular.otf);

  font-family: "myfont";
}

@font-face {
  src: url(https://images.nbmist.com/yzzf/SourceHanSansCN-Medium.otf);

  font-family: "title";
}

* {
  padding: 0;

  margin: 0;

  border: none;

  outline: none;

  color: #666;

  list-style: none;

  font-family: "myfont", Sans-serif;
}

p {
  font-size: 1.4rem;

  line-height: 1.8;

  letter-spacing: 0;
}

img {
  display: block;
}

.clear {
  clear: both;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

::-webkit-scrollbar-thumb:hover {
  background: #1a1a1a;
}

::selection {
  background: #1a1a1a;

  color: #fff;
}

.w_all {
  width: 90%;

  margin: auto;
}

html,
body {
  width: 100%;

  position: relative;

  font-size: 62.5%;

  background: #f8fafc;
}

header {
  width: 100%;

  position: fixed;

  z-index: 9999;

  background: #fff;

  left: 0;

  bottom: 0;

  padding: 1rem 3rem;

  box-sizing: border-box;

  box-shadow: 0px -3px 8px 0px rgba(0, 0, 0, 0.1);
}

header nav dl {
  display: flex;

  justify-content: space-between;

  text-align: center;
}

header nav img {
  margin: auto;

  height: 22px;
}

header nav img:last-of-type {
  display: none;
}

header nav dd.active img:first-of-type {
  display: none;
}

header nav dd.active img:last-of-type {
  display: block;
}

header nav dd h1 {
  font-weight: normal;

  margin-top: 1px;
}

header nav dd.active h1 {
  color: #1486fa;
}

.barTop {
  background: linear-gradient(
    to bottom,

    rgba(20, 134, 250, 1),
    rgba(20, 134, 250, 0)
  );

  padding: 3rem 0 6rem;
}

.search {
  background: #fff;

  border-radius: 50px;

  padding: 0.6rem 1.5rem;

  box-sizing: border-box;

  display: flex;

  justify-content: space-between;

  align-items: center;
}

.search .ll {
  display: flex;

  justify-content: space-between;

  align-items: center;

  color: #666666;

  font-size: 14px;

  line-height: 20px;
}

.search .ll img {
  width: 12px;

  margin-right: 5px;

  margin-top: -3px;
}

.search > img {
  width: 18px;
}

.search .inputs {
  border-left: 1px solid #f5f5f5;

  padding: 4px 0;

  width: 62%;

  padding-left: 1rem;

  color: #666666;

  font-size: 14px;

  line-height: 20px;
}

.search ::placeholder {
  color: #999999;
}

.banner {
  margin: -4rem auto 1rem;

  border-radius: 12px;

  overflow: hidden;

  position: relative;
}

.banner img {
  width: 100%;

  border-radius: 12px;
}

.banner .swiper-pagination {
  bottom: 1px;

  text-align: center;

  width: 100%;
}

.banner .swiper-pagination span {
  background: #fff;

  margin: 3px;

  width: 6px;

  height: 6px;
}

.index_bar2 ul {
  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;
}

.index_bar2 ul a {
  width: 48%;

  position: relative;

  margin-top: 4%;

  display: block;
}
.index_bar2 ul a:first-of-type {
  width: 100%;
}
.index_bar2 ul li img {
  width: 100%;
}

.index_bar2 ul li h6 {
  font-size: 1.6rem;

  color: #fff;

  position: absolute;

  left: 1.5rem;

  top: 1.2rem;
}
.index_bar2 ul li h6 span {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: #fff;
}
.index_bar2 ul li h6 span img {
  width: 1.6rem;
  margin-left: 1rem;
  margin-top: 1px;
}
.index_bar2 ul li h6 p {
  font-size: 1.4rem;
  color: #fff;
  font-weight: normal;
}
/* .index_bar2 ul a:last-of-type {

  width: 100%;

} */

.index_bar3 ul {
  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;
}

.index_bar3 ul a {
  width: 48%;

  position: relative;

  margin-top: 4%;

  display: block;
}

.index_bar3 ul li img {
  width: 100%;
}

.index_bar3 ul li h6 {
  font-size: 1.6rem;

  color: #fff;

  position: absolute;

  left: 0rem;

  bottom: 0.9rem;

  width: 100%;

  text-align: center;

  font-weight: normal;

  font-family: "title";
}

.title h3 {
  font-size: 1.8rem;

  color: #333333;

  margin: 2rem 0 0;

  position: relative;

  display: inline-block;
}

.title h3 strong {
  position: relative;

  z-index: 2;

  color: #333333;
}

.title h3::before {
  content: "";

  position: absolute;

  left: 0;

  bottom: 3px;

  width: 100%;

  height: 4px;

  background: linear-gradient(-90deg, rgba(20, 134, 250, 0) 0%, #1486fa 100%);
}

footer {
  height: 100px;
}

.kefu {
  position: fixed;

  right: 0.9rem;

  top: 21.5%;

  border-radius: 50%;

  background: linear-gradient(180deg, #35a7f4 0%, #0074ea 100%);

  width: 42px;

  height: 42px;

  z-index: 999;

  color: #fff;

  text-align: center;

  font-size: 1.2rem;

  display: flex;

  justify-content: center;

  align-items: center;
}

.kefu::before {
  content: "";

  width: 50px;

  height: 50px;

  background: rgba(20, 134, 250, 0.1);

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 2;

  border-radius: 50%;
}

.kefu::after {
  content: "";

  width: 58px;

  height: 58px;

  border-radius: 50%;

  background: rgba(20, 134, 250, 0.1);

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 2;
}

.kefu span {
  color: #fff;

  text-align: center;

  font-size: 1.1rem;

  transform: scale(0.99);

  position: relative;

  z-index: 3;
}

.kefu img {
  width: 1.7rem;

  margin: 0 auto -0.1rem;
}

.boxTop {
  position: relative;
}

.boxTop::before {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 80%;

  width: 100%;

  background: linear-gradient(
    180deg,
    rgba(57, 165, 243, 0.37) 0%,

    rgba(57, 165, 243, 0) 100%
  );
}

.allTop {
  position: relative;

  z-index: 3;

  padding: 2rem 0;
}

.allTop .bb {
  position: relative;
}

.allTop h3 {
  font-size: 1.6rem;

  color: #333333;

  font-family: "title";

  text-align: center;
}

.allTop .back {
  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-56%);
}

.allTop .back img {
  height: 2.8rem;

  transform: rotate(180deg);
}

.ban {
  position: relative;

  z-index: 3;
}

.ban img {
  width: 100%;

  border-radius: 12px;
}

.ban .tt {
  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  text-align: center;

  z-index: 3;
}

.ban h3 {
  font-size: 2.2rem;

  color: #fff;
}

.ban p {
  font-size: 1.4rem;

  color: #fff;

  line-height: 1;

  margin-top: 0.8rem;

  opacity: 0.9;
}

.cy .bg img {
  width: 100%;
}

.cy {
  margin-top: 2rem;

  background: #fff;

  border-radius: 8px;

  overflow: hidden;

  background: linear-gradient(180deg, #d6eeff 0%, #ffffff 55%, #ffffff 100%);

  border: 1px solid #ffffff;

  box-shadow: 0px 0px 5px 0px rgba(20, 134, 250, 0.05);
}

.cy .title {
  position: relative;

  margin: auto;

  padding: 1rem 0;
}

.cy .title h3 {
  margin: 0 0 0 2rem;
}

.more {
  display: flex;

  align-items: center;

  font-size: 1.2rem;

  color: #fff;

  position: absolute;

  right: 1rem;

  top: 0.6rem;
}

.more img {
  height: 1.5rem;

  margin-left: 0px;

  margin-top: 1px;
}

.cy ul li {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 1.4rem 0;

  border-bottom: 1px solid #f5f5f5;
}

.cy ul a:last-of-type li {
  border: none;
}

.cy ul li h6 {
  display: flex;

  align-items: center;

  font-size: 1.6rem;

  color: #3d3d3d;

  font-weight: normal;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  width: 90%;
}

.cy ul li h6 img {
  width: 2.1rem;

  margin-top: -1px;

  margin-right: 0.6rem;
}

.cy ul li > img {
  width: 1.8rem;

  opacity: 0.6;
}

.chuangye2 ul {
  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;
}

.chuangye2 ul a {
  width: 48%;

  position: relative;

  margin-top: 4%;

  display: block;
}

.chuangye2 ul li img {
  width: 100%;
}

.chuangye2 ul li h6 {
  font-size: 1.6rem;

  color: #fff;

  position: absolute;

  left: 2rem;

  top: 1.6rem;
}

.chuangye2 .bars2 img {
  width: 100%;

  margin: 2rem 0 0;
}

.boxTopMy::before {
  height: 130%;
}

.my0 {
  display: flex;

  justify-content: space-between;

  align-items: center;

  position: relative;

  z-index: 3;
}

.my0 h1 {
  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 2rem;

  color: #333333;
}

.my0 h1 img {
  width: 4.8rem;

  margin-right: 1rem;
}
.my0 .rr {
  display: flex;
  align-items: center;
}
.my0 .rs img {
  width: 2.4rem;
  margin-left: 1rem;
}

.my ul {
  display: flex;

  justify-content: space-between;
}

.my ul li {
  text-align: center;

  position: relative;

  padding: 2rem 0;

  width: 25%;
}

.my ul li::before {
  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  height: 50%;

  width: 1px;

  background: #f1f1f1;
}

.my ul li:last-of-type:before {
  display: none;
}

.my ul li h6 {
  font-size: 2rem;

  color: #333333;
}

.my ul li p {
  font-size: 1.2rem;

  color: #666666;
}

.my2 .bars {
  background: #ffffff;

  box-shadow: 0px 0px 5px 0px rgba(20, 134, 250, 0.05);

  border-radius: 12px;

  padding: 4% 3% 3% 0;

  box-sizing: border-box;
}

.my2 .bars .title h3 {
  margin: 0 0 1rem;
}

.my2 ul {
  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  font-size: 1.4rem;

  color: #333333;
}

.my2 ul a {
  text-align: center;

  position: relative;

  padding: 0.5rem 0;

  width: 33.3%;

  text-align: center;
}

.my2 ul li img {
  margin: 0 auto 0.5rem;

  width: 3.2rem;
}

.my3 .bars {
  background: #ffffff;

  box-shadow: 0px 0px 5px 0px rgba(20, 134, 250, 0.05);

  border-radius: 12px;

  padding: 4% 3% 0 0;

  box-sizing: border-box;

  margin-top: 2rem;
}

.my3 .bars .title h3 {
  margin: 0 0 1rem;
}

.my3 .bars li {
  border-top: 1px solid #f5f5f5;

  padding: 1.5rem 0;
}

.my3 .bars h3 {
  font-weight: normal;

  font-size: 1.6rem;

  color: #333333;
}

.my3 .bars .spans {
  margin: 1rem 0;
}

.my3 .bars .spans span {
  color: #1486fa;

  font-size: 1.2rem;

  padding: 5px 1rem;

  border-radius: 4px;

  background: rgba(20, 134, 250, 0.1);
}

.my3 .bars p {
  color: #999999;

  font-size: 1.2rem;
}

.ban_zj {
  margin-bottom: 1rem;
}

.ban_zj .tt {
  text-align: left;

  padding: 0 0.5rem;

  box-sizing: border-box;
}

.zijin .title {
  position: relative;

  margin: 2rem auto 1.5rem;

  display: flex;

  align-items: center;

  justify-content: space-between;
}

.zijin .title h3 {
  margin: 0;
}

.zijin .more {
  color: #333333;

  font-size: 1.4rem;
}

.zijin .more img {
  margin: -2px 0 0 3px;
}

.zijin .bars ul {
  background: #fff;

  border-radius: 8px;

  padding: 0 1rem;

  box-sizing: border-box;

  overflow: hidden;

  background: url(../images/zijin_1.png) no-repeat left top/contain;

  box-shadow: 0px 0px 5px 0px rgba(20, 134, 250, 0.05);
}

.zijin .bars ul li {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 1.4rem 0;

  border-bottom: 1px solid #f5f5f5;
}

.zijin .bars ul a:last-of-type li {
  border: none;
}

.zijin .bars ul li h6 {
  display: flex;

  align-items: center;

  font-size: 1.6rem;

  color: #3d3d3d;

  font-weight: normal;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  width: 90%;
}

.zijin .bars ul li h6 img {
  width: 2.1rem;

  margin-top: -1px;

  margin-right: 0.6rem;
}

.zijin .bars ul li > img {
  width: 1.8rem;

  opacity: 0.6;
}

.zijin .bars2 li {
  padding: 1.4rem 1.8rem;

  display: flex;

  justify-content: space-between;

  background: #ffffff;

  box-shadow: 0px 0px 5px 0px rgba(20, 134, 250, 0.05);

  border-radius: 12px;

  margin-top: 1.5rem;

  box-sizing: border-box;
}

.zijin .bars2 li .ll {
  width: 66%;
}

.zijin .bars2 h3 {
  font-size: 1.6rem;

  color: #000000;
}

.zijin .bars2 .spans {
  margin: 1rem 0 1.2rem;
}

.zijin .bars2 .spans span {
  color: #1486fa;

  font-size: 1.2rem;

  padding: 5px 1rem;

  border-radius: 4px;

  background: rgba(20, 134, 250, 0.1);
}

.zijin .bars2 p {
  color: #999999;

  font-size: 1.2rem;
}

.zijin .bars2 li .rr {
  width: 25%;

  text-align: center;
}

.zijin .bars2 li h6 {
  background: #1486fa;

  border-radius: 12px;

  color: #fff;

  font-size: 1.4rem;

  padding: 0.7rem 1rem;

  margin: auto;

  font-weight: normal;
}

.zijin .bars2 li h5 {
  font-size: 1.8rem;

  color: #1486fa;

  font-weight: bold;

  margin: 2.3rem 0 0rem;

  font-family: "title";
}

.zijin .bars3 .swiper-slide {
  border-radius: 12px;

  overflow: hidden;
}

.zijin .bars3 .swiper-slide {
  transform: scale(0.85);

  transition: all 0.4s ease;
}

.zijin .bars3 .swiper-slide-active {
  transform: scale(1);
}

.zijin .bars3 .bb img {
  width: 100%;
}

.zijin .bars3 .tt {
  position: absolute;

  left: 0;

  bottom: 0;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0.5rem 0.7rem;

  box-sizing: border-box;

  width: 100%;

  color: #fff;

  background: rgba(51, 51, 51, 0.6);

  border-radius: 12px;

  font-size: 1.6rem;
}

.zijin .bars3 .tt img {
  width: 2rem;
}

.zijin .bars3 .swiper-pagination {
  width: 100%;

  position: static;

  margin-top: 0.5rem;
}

.zijin .bars3 .swiper-pagination span {
  margin: 3px;

  width: 6px;

  height: 6px;

  background: rgba(51, 51, 51, 0.1);

  opacity: 1 !important;

  transition: all 0.4s ease;
}

.zijin .bars3 .swiper-pagination .swiper-pagination-bullet-active {
  background: #1486fa;
}

.zijin .bars4 ul li {
  display: flex;

  justify-content: space-between;

  background: #ffffff;

  box-shadow: 0px 0px 5px 0px rgba(20, 134, 250, 0.05);

  border-radius: 12px;

  margin: 1rem 0;

  padding: 1rem;

  box-sizing: border-box;
}

.zijin .bars4 ul li b {
  display: block;

  width: 33%;
}

.zijin .bars4 ul li b img {
  width: 100%;
}

.zijin .bars4 ul li .rr {
  display: block;

  width: 62%;
}

.zijin .bars4 ul li h3 {
  font-size: 1.4rem;

  color: #333333;

  margin-bottom: 0.5rem;

  font-family: "title";
}

.zijin .bars4 ul li p {
  font-size: 1.4rem;

  color: #999;

  line-height: 1.5;
}

.xiangmu .bars1 {
  position: relative;
}

.title2 {
  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 2rem auto 1.2rem;
}

.title2 h3 {
  font-size: 1.8rem;

  color: #333333;

  margin: 0;
}

.more2 {
  position: static;

  color: #333333;

  font-size: 1.4rem;
}

.more2 img {
  margin-top: -2px;
}

.xiangmu .bars1 .swiper-slide {
  overflow: hidden;

  position: relative;
}

.xiangmu .bars1 .bb img {
  width: 100%;
}

.xiangmu .bars1 .tt {
  position: absolute;

  left: 0;

  top: 0;

  padding: 1rem;

  box-sizing: border-box;

  width: 100%;
}

.xiangmu .bars1 .tt h3 {
  font-size: 1.6rem;

  color: #000000;

  font-weight: normal;

  font-family: "title";
}

.xiangmu .bars1 .spans {
  margin: 1.5rem 0 1.2rem;
}

.xiangmu .bars1 .spans span {
  color: #1486fa;

  font-size: 1.2rem;

  padding: 5px 1rem;

  border-radius: 4px;

  background: rgba(20, 134, 250, 0.1);
}

.xiangmu .bars1 p {
  color: #999999;

  font-size: 1.2rem;
}

.xiangmu .bars1 p strong {
  color: #1486fa;
}

.xiangmu .bars2 ul li {
  display: flex;

  justify-content: space-between;

  background: #ffffff;

  box-shadow: 0px 0px 5px 0px rgba(20, 134, 250, 0.05);

  border-radius: 12px;

  padding: 1rem;

  box-sizing: border-box;

  margin-top: 1rem;
}

.xiangmu .bars2 ul li b {
  display: block;

  width: 36%;
}

.xiangmu .bars2 ul li b img {
  width: 100%;
}

.xiangmu .bars2 ul li .tt {
  display: block;

  width: 60%;
}

.xiangmu .bars2 ul li .tt h3 {
  font-size: 1.4rem;

  color: #000000;

  font-weight: normal;

  font-family: "title";

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;
}

.xiangmu .bars2 .spans {
  margin: 0.5rem 0 0.8rem;
}

.xiangmu .bars2 .spans span {
  color: #1486fa;

  font-size: 1.2rem;

  padding: 5px 1rem;

  border-radius: 4px;

  background: rgba(20, 134, 250, 0.1);

  margin-right: 1rem;
}

.xiangmu .bars2 .spans span:nth-of-type(2) {
  color: #fa7414;

  background: rgba(250, 116, 20, 0.1);
}

.xiangmu .bars2 p {
  color: #999999;

  font-size: 1.2rem;
}

.xiangmu .bars4 li {
  margin-top: 1rem;

  position: relative;

  background: #ffffff;

  box-shadow: 0px 0px 5px 0px rgba(20, 134, 250, 0.05);

  border-radius: 12px;

  padding: 1rem;

  box-sizing: border-box;
}

.xiangmu .bars4 li .imgs img {
  position: absolute;

  right: 0;

  top: 0;

  width: auto;

  height: 50%;
}

.xiangmu .bars4 li .tt {
  position: static;

  padding: 0;
}

.xiangmu .bars4 li .bot {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.xiangmu .bars4 li .bot p {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.xiangmu .bars4 li .bot p img {
  height: 14px;

  margin-right: 0.5rem;

  width: auto;
}

.xiangmu .bars5 ul {
  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;
}

.xiangmu .bars5 a {
  width: 49%;

  margin-bottom: 1rem;
}

.xiangmu .bars5 a img {
  width: 100%;
}

.zhengce .bars2 ul {
  background: #ffffff url(../images/zc_bar2_bg.png) no-repeat center top/contain;

  box-shadow: 0px 0px 5px 0px rgba(20, 134, 250, 0.05);

  border-radius: 12px;

  padding: 0 1.5rem;

  box-sizing: border-box;
}

.zhengce .bars2 ul li {
  display: flex;

  justify-content: space-between;

  padding: 1.5rem 0;

  border-bottom: 1px solid rgba(51, 51, 51, 0.05);
}

.zhengce .bars2 ul a:last-of-type li {
  border: none;
}

.zhengce .bars2 ul li b {
  display: block;

  width: 37%;
}

.zhengce .bars2 ul li b img {
  width: 100%;
}

.zhengce .bars2 ul li .rr {
  display: block;

  width: 58%;
}

.zhengce .bars2 ul li p {
  font-size: 1.4rem;

  color: #333;

  line-height: 1.5;
}
.changdi .bars0 {
  padding: 0;
}
.changdi .xiangmu_cy .bars0 .bb {
  padding-left: 10%;
  width: 33.3%;
}
.changdi .bars1 .bb {
  position: relative;
}

.changdi .bars1 .bb img {
  width: 100%;
}

.changdi .bars1 .bb p {
  position: absolute;

  left: 1rem;

  top: 1.15rem;

  color: #fff;

  font-family: "title";

  font-size: 1.2rem;

  display: flex;

  align-items: flex-end;

  line-height: 1.1;
}

.changdi .bars1 .bb p span {
  color: #fff;

  font-size: 1.6rem;

  margin-right: 0.5rem;

  font-family: "title";

  line-height: 1;
}

.changdi .bars2 ul li {
  background: linear-gradient(314deg, #ffffff 0%, #ffffff 50%, #eaf9ff 100%);

  box-shadow: 0px 0px 5px 0px rgba(20, 134, 250, 0.05);

  border-radius: 8px;

  padding: 1rem;

  box-sizing: border-box;

  margin-top: 1.5rem;
}

.changdi .bars2 h4 {
  font-weight: normal;

  font-size: 1.6rem;

  color: #333333;

  font-family: "title";
}

.changdi .bars2 .txt {
  display: flex;

  justify-content: space-between;

  margin: 0.6rem 0;
}

.changdi .bars2 .txt .ll {
  width: 58%;
}

.changdi .bars2 .txt b {
  width: 40%;

  display: block;
}

.changdi .bars2 .txt b img {
  width: 100%;

  display: block;
}

.changdi .bars2 .spans {
  margin: 0 0 1rem 0;
}

.changdi .bars2 .spans span {
  color: #1486fa;

  font-size: 1.2rem;

  padding: 5px 1rem;

  border-radius: 4px;

  background: rgba(20, 134, 250, 0.1);
}

.changdi .bars2 p {
  color: #999999;

  font-size: 1.4rem;
}

.changdi .bars2 .bot {
  display: flex;

  align-items: center;

  color: #999999;

  font-size: 1.4rem;

  padding-top: 1rem;

  border-top: 1px solid rgba(51, 51, 51, 0.05);
}

.changdi .bars2 .bot img {
  height: 14px;

  margin: -3px 0.5rem 0 0;
}

.changdi .bars3 ul {
  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  position: relative;
}

.changdi .bars3 ul li {
  width: 48.5%;

  position: relative;
}

.changdi .bars3 ul li:last-of-type {
  position: absolute;

  right: 0;

  bottom: 0;
}

.changdi .bars3 ul li img {
  width: 100%;
}

.changdi .bars3 ul li h6 {
  position: absolute;

  left: 10%;

  top: 0.8rem;

  width: 80%;

  color: #1486fa;

  font-family: "title";

  font-weight: normal;

  font-size: 1.6rem;
}

.changdi .bars3 ul li:first-of-type h6 {
  color: #fff;

  top: 54%;

  left: 0;

  width: 100%;

  text-align: center;
}

.talent .bars1 ul {
  display: flex;

  justify-content: space-between;

  margin-top: 2rem;
}

.talent .bars1 ul li {
  width: 31%;

  position: relative;
}

.talent .bars1 ul li img {
  width: 100%;
}

.talent .bars1 ul li .tt {
  padding: 1rem 0.5rem;

  box-sizing: border-box;

  position: absolute;

  left: 0;

  top: 0;
}

.talent .bars1 ul li p {
  font-size: 1.4rem;

  color: #333333;

  line-height: 1.4;
}

.talent .bars1 ul li h4 {
  font-size: 1.8rem;

  color: #1486fa;

  margin-top: 0.4rem;
}

.talent .bars3 a {
  display: block;

  border-radius: 12px;

  margin-top: 1.5rem;

  overflow: hidden;
}

.talent .bars3 li .bbs {
  background: #fff;

  display: flex;

  justify-content: space-between;

  padding: 1rem;

  box-sizing: border-box;
}

.talent .bars3 li .ll {
  display: flex;
}

.talent .bars3 li .ll img {
  width: 47px;

  margin-right: 1rem;

  border-radius: 4px;
}

.talent .bars3 .ll h4 {
  font-weight: normal;

  font-family: "title";

  font-size: 1.6rem;

  color: #333333;

  margin-bottom: 0.5rem;
}

.talent .bars3 li .spans {
  display: flex;
}

.talent .bars3 li .spans span {
  font-size: 1.2rem;

  color: #666666;

  background: #f5f5f5;

  border-radius: 2px;

  margin-right: 0.8rem;

  padding: 1px 5px;
}

.talent .bars3 li h6 {
  font-weight: normal;

  font-family: "title";

  font-size: 1.4rem;

  color: #1486fa;

  margin: 0.4rem 0;
}

.talent .bars3 li .rr p {
  font-size: 1.2rem;

  color: #666666;
}

.talent .bars3 li .bot {
  background: #eefbfd;

  padding: 0.6rem 1rem;

  box-sizing: border-box;

  display: flex;

  align-items: center;

  justify-content: space-between;
}

.talent .bars3 li .bot p {
  display: flex;

  align-items: center;

  font-size: 1.3rem;

  color: #666666;
}

.talent .bars3 li .bot p img {
  width: 16px;

  margin-right: 0.5rem;
}

.talent .bars3 li .bot p:last-of-type {
  font-size: 1.2rem;
}

.talent .bars2 ul li b {
  width: 35%;
}

.talent .bars2 ul li .tt {
  width: 61%;
}

.talent .bars2 ul li h3 {
  margin: 0.2rem 0 0.4rem;
}

.talent .bars2 p {
  color: #666;

  font-size: 1.4rem;

  line-height: 1.36;

  height: 3.9rem;

  overflow: hidden;

  word-break: break-all;

  white-space: normal;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;
}

.peixun .bars1 .bg {
  position: relative;

  margin-bottom: 1.5rem;
}

.peixun .bars1 .bg > img {
  width: 100%;
}

.peixun .bars1 .top {
  position: absolute;

  left: 12%;

  top: 0.8rem;

  width: 87%;
}

.peixun .bars1 .top h6 {
  color: #fff;

  font-weight: normal;

  font-family: "title";

  font-size: 1.6rem;
}

.peixun .bars1 .top .more {
  top: 0.3rem;
}

.peixun .bars1 .bb {
  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: 3.7rem;

  overflow: hidden;

  border-radius: 12px;
}

.peixun .bars1 .swiper-slide {
  background: #f2f7ff;

  padding: 1rem 1rem 0;

  box-sizing: border-box;

  border-radius: 8px;
}

.peixun .bars1 .bb img {
  width: 100%;
}

.peixun .bars1 p {
  color: #333333;

  font-size: 1.4rem;

  margin: 1rem 0 0.5rem;

  line-height: 1.4;

  letter-spacing: 0px;

  font-family: "title";
}

.peixun .bars1 .swiper-pagination {
  position: absolute;

  left: 0;

  width: 100%;

  bottom: 1.7rem;

  display: flex;

  justify-content: center;
}

.peixun .bars1 .swiper-pagination span {
  width: 6px;

  height: 6px;

  margin: 0 2px;

  background: #333333;

  opacity: 0.1;
}

.peixun .bars1 .swiper-pagination-bullet-active {
  background: #1486fa !important;

  opacity: 1 !important;
}

.peixun .bars3 ul {
  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  position: relative;
}

.peixun .bars3 ul li {
  width: 48.5%;

  position: relative;
}

.peixun .bars3 ul li img {
  width: 100%;
}

.peixun .bars3 ul li h6 {
  position: absolute;

  left: 10%;

  top: 1.5rem;

  width: 80%;

  color: #1486fa;

  font-family: "title";

  font-weight: normal;

  font-size: 1.6rem;
}

.service .bars1 .bb {
  background: #fff;

  box-shadow: 0px 0px 5px 0px rgba(20, 134, 250, 0.05);

  border-radius: 8px;

  padding: 1rem;

  box-sizing: border-box;

  overflow: initial;

  margin-bottom: 2rem;
}

.service .bars1 .bb .swiper-slide {
  border-radius: 6px;

  font-size: 1.4rem;

  color: #333333;

  padding: 5px 0;

  text-align: center;

  position: relative;
}

.service .bars1 .bb .swiper-slide::before {
  content: "";

  position: absolute;

  left: 50%;

  bottom: -2.4rem;

  transform: translateX(-50%);

  background: url(../images/sj.png) no-repeat center/cover;

  width: 1.1rem;

  height: 1.1rem;

  opacity: 0;
}

.service .bars1 .bb .swiper-slide-active {
  background: linear-gradient(289deg, #3097ff 0%, #00d4fe 100%);
}

.service .bars1 .bb .swiper-slide-active a {
  color: #fff;
}

.service .bars1 .bb .swiper-slide-active::before {
  opacity: 1;
}

.service .bars1 ul a {
  display: block;

  background: #ffffff;

  box-shadow: 0px 0px 5px 0px rgba(20, 134, 250, 0.05);

  border-radius: 12px;

  padding: 1rem;

  box-sizing: border-box;

  margin-top: 1.3rem;

  position: relative;

  overflow: hidden;
}

.service .bars1 ul a:first-of-type:after {
  content: "";

  position: absolute;

  left: 0%;

  top: 0;

  width: 100%;

  height: 44px;

  background: linear-gradient(
    180deg,
    rgba(57, 165, 243, 0.23) 0%,

    rgba(255, 255, 255, 0) 65%
  );
}

.service .bars1 ul li {
  display: flex;

  justify-content: space-between;

  position: relative;

  z-index: 3;
}

.service .bars1 ul li .ll {
  width: 38%;

  position: relative;
}

.service .bars1 ul li .ll span {
  position: absolute;

  left: 0;

  top: 0;

  background: #fa7414;

  border-radius: 8px 0px 8px 0px;

  color: #fff;

  font-size: 1.4rem;

  color: #ffffff;

  line-height: 20px;

  letter-spacing: 2px;

  width: 52px;

  height: 24px;

  display: flex;

  align-items: center;

  justify-content: center;
}

.service .bars1 ul li .ll img {
  width: 100%;
}

.service .bars1 ul li .rr {
  width: 58%;
}

.service .bars1 ul li h4 {
  font-size: 1.6rem;

  color: #333333;

  margin: 0.3rem 0 0.6rem;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;
}

.service .bars1 ul li p {
  display: flex;

  align-items: center;

  font-size: 1.4rem;

  color: #999999;
}

.service .bars1 ul li p img {
  height: 1.6rem;

  margin: -0.3rem 0.5rem 0 -0.1rem;
}

.service .bars2 ul {
  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;
}

.service .bars2 ul li {
  width: 48%;

  position: relative;
}

.service .bars2 ul li:first-of-type {
  width: 100%;

  margin: 2rem 0;
}

.service .bars2 ul li img {
  width: 100%;
}

.service .bars2 ul li p {
  position: absolute;

  left: 1.4rem;

  top: 1.1rem;

  font-weight: bold;

  font-family: "title";

  font-size: 1.6rem;

  color: #1486fa;

  width: 60%;

  line-height: 1.28;
}

.service .bars4 .bb {
  background: none;

  overflow: hidden;

  padding: 0;

  border-radius: 0;
}

.service .bars4 .bb .swiper-slide {
  background: #fff;

  border-radius: 4px;

  font-size: 1.4rem;

  color: #999999;

  padding: 5px 0;

  text-align: center;

  position: relative;
}

.service .bars4 .bb .swiper-slide a {
  font-size: 1.4rem;

  color: #999999;
}

.service .bars4 .bb .swiper-slide::before {
  content: "";

  position: absolute;

  left: 50%;

  bottom: -2.4rem;

  transform: translateX(-50%);

  background: url(../images/sj2.png) no-repeat center/cover;

  width: 3.2rem;

  height: 0.5rem;

  opacity: 0;
}

.service .bars4 .bb .swiper-slide-active {
  background: linear-gradient(90deg, #3097ff 0%, #00d4fe 100%);
}

.service .bars4 .bb .swiper-slide-active a {
  color: #fff;
}

.service .bars5 a {
  display: block;

  border-radius: 12px;

  margin-top: 1.4rem;

  overflow: hidden;
}

.service .bars5 .bbs {
  background: #fff;

  padding: 1rem;

  box-sizing: border-box;
}

.service .bars5 li .ll {
  display: flex;
}

.service .bars5 li .ll img {
  width: 47px;

  margin-right: 1rem;

  border-radius: 4px;
}

.service .bars5 .ll h4 {
  font-weight: normal;

  font-family: "title";

  font-size: 1.6rem;

  color: #333333;

  margin-bottom: 0.5rem;
}

.service .bars5 li .spans {
  display: flex;
}

.service .bars5 li .spans span {
  font-size: 1.2rem;

  color: #1486fa;

  background: rgba(20, 134, 250, 0.1);

  border-radius: 4px;

  margin-right: 0.8rem;

  padding: 1px 5px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;
}

.service .bars5 li .bot {
  background: #eefbfd;

  padding: 0.6rem 1rem;

  box-sizing: border-box;

  display: flex;

  align-items: center;

  justify-content: space-between;
}

.service .bars5 li .bot p {
  display: flex;

  align-items: center;

  font-size: 1.3rem;

  color: #666666;
}

.activity .bars1 .top h6 {
  color: #1486fa;
}

.activity .bars1 .bb {
  bottom: initial;

  top: 4rem;
}

.activity .bars1 .swiper-slide {
  padding: 0;

  border-radius: 0;

  background: none;
}

.activity .bars1 .swiper-slide b {
  display: block;

  position: relative;

  width: 100%;

  border-radius: 12px;
  max-height: 16rem;
  overflow: hidden;
}

.activity .bars1 .swiper-slide b::before {
  content: "";

  background: rgba(51, 51, 51, 0.4);

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;
}

.activity .bars1 .swiper-slide b > img {
  width: 100%;
}

.activity .bars1 .swiper-slide b .btn {
  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 4.2rem;
}

.activity .bars1 .swiper-slide h4 {
  font-size: 1.6rem;

  color: #333333;

  font-weight: normal;

  margin: 1rem 0;
}

.activity .bars1 .swiper-slide p {
  font-size: 1.4rem;

  color: #999999;

  margin: 8px 0;

  font-family: "myfont";

  display: flex;

  align-items: center;
}

.activity .bars1 .swiper-slide p img {
  width: 1.2rem;

  margin: -0.3rem 0.5rem 0 -0rem;
}

.activity .bars1 .swiper-slide p:nth-of-type(1) img {
  width: 1.6rem;

  margin-left: -0.1rem;
}

.activity .bars1 .swiper-slide button {
  margin: 1rem 0;

  background: linear-gradient(90deg, #1486fa 0%, #69b3ff 100%);

  line-height: 38px;

  border-radius: 4px;

  width: 100%;

  text-align: center;

  font-size: 1.6rem;

  font-weight: normal;

  font-family: "title";

  color: #ffffff;
}

.activity .bars3 .top h6 {
  color: #fff;
}

.activity .bars1 .bb {
  top: 5.5rem;
}

.activity .bars3 .swiper-slide b::before {
  display: none;
}

.allBg {
  position: relative;
}

.allBg::before {
  content: "";

  width: 100%;

  height: 300px;

  background: linear-gradient(106deg, #bfe4fc 0%, #97d6ff 100%);
}

.signBox {
  width: 100%;

  min-height: 100vh;

  background: #1486fa;

  padding-top: 4vh;

  box-sizing: border-box;
}

.sign {
  position: relative;

  z-index: 3;
}

.sign h1 {
  font-size: 2.4rem;

  color: #ffffff;

  padding: 3rem 0;
}

.sign .bbs {
  position: relative;
}

.sign .imgs img {
  width: 100%;
}

.sign .bbox {
  position: absolute;

  top: 0;

  width: 100%;
}

.sign .top {
  display: flex;
}

.sign .top a {
  width: 50%;

  display: block;

  text-align: center;

  padding: 1.3rem 0;
}

.sign .top a h3 {
  font-weight: normal;

  color: #fff;

  font-size: 1.8rem;

  line-height: 2.2;

  position: relative;
}

.sign .top a h3.active {
  color: #1486fa;

  font-weight: bold;
}

.sign .top a h3:before {
  content: "";

  width: 26px;

  height: 4px;

  background: #1486fa;

  border-radius: 2px;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: 0;

  opacity: 0;
}

.sign .top a h3.active:before {
  opacity: 1;
}

.sign .pps {
  margin-top: 4rem;
}

.sign .pps p {
  display: flex;

  justify-content: space-between;

  margin: 2rem 0;
}

.sign .pps p .inpts {
  padding: 0 1.5rem;

  line-height: 45px;

  background: #f7f7f7;

  border-radius: 8px;

  width: 100%;

  font-size: 1.4rem;

  color: #333;

  box-sizing: border-box;
}

.sign .pps p .inpts::placeholder {
  color: #999;
}

.sign .pps p.p2 .inpts {
  width: calc(100% - 100px);
}

.sign .pps p span {
  width: 89px;

  line-height: 45px;

  background: #f7fafc;

  border-radius: 8px;

  text-align: center;

  color: #1486fa;

  font-size: 1.4rem;
}

.submit2 {
  line-height: 44px;

  background: #1486fa;

  border-radius: 10px;

  width: 100%;

  text-align: center;

  font-size: 1.6rem;

  font-weight: normal;

  color: #ffffff;

  margin: 2rem 0 1rem;
}

.sign .pps p.p3 {
  font-size: 1.2rem;

  color: #1486fa;

  text-align: center;

  width: 100%;

  justify-content: center;

  margin: 0;
}

.sign2 {
  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100vh;

  background: rgba(51, 51, 51, 0.5);

  z-index: 99;

  display: none;
}

.sign2 .sbox {
  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  background: #fff;

  border-radius: 20px;

  overflow: hidden;
}

.sign2 b {
  position: relative;

  width: 100%;
}

.sign2 b .close {
  position: absolute;

  right: 1.5rem;

  top: 1.5rem;

  width: 2.4rem;
}

.sign2 .tt {
  padding: 6% 3%;

  box-sizing: border-box;
}

.sign2 img {
  width: 100%;
}

.sign2 .submit2 {
  margin: 1rem auto;
}

.signBox2 {
  background: none;

  padding: 0;

  background: #fff;
}

.signBox2 .boxTop {
  padding-top: 4vh;
}

.signBox2 .boxTop::before {
  height: 150%;
}

.signs h1 {
  color: #333333;
}

.signs h1 span {
  display: block;

  font-size: 1.8rem;

  color: #999999;

  font-weight: normal;

  margin-top: 0.5rem;
}

.signs .pps p .inpts {
  background: #ffffff;

  border-radius: 8px;

  border: 1px solid rgba(51, 51, 51, 0.1);
}

.signs .pps p.p2 span {
  background: #f7fafc;
}

.signs .pps {
  margin-top: 2rem;
}

.signs .pps .p4 {
  font-size: 1.4rem;

  margin: 0;

  color: #333333;
}

.signs .imgs {
  margin: 1.5rem 0;
}

.signs .imgs img {
  width: 100%;
}

.signs .pps .p5 {
  color: #999;

  margin: 0;
}

.upload-container {
  display: flex;

  justify-content: center;

  align-items: center;

  overflow: hidden;

  position: relative;

  cursor: pointer;
}

.upload-container img {
  max-width: 100%;

  max-height: 100%;

  object-fit: contain;
}

#fileInput {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  cursor: pointer;
}

.prompt {
  display: flex;

  justify-content: center;

  align-items: center;
}

.allBg2 {
  background: #f5f5f5;

  min-height: 100vh;
}

.boxTop2 {
  background: #fff;

  padding-bottom: 1.5rem;
}

.boxTop2::before,
.boxTop3::before {
  display: none;
}

.boxTop3 {
  background: #fff;
}

.boxTop2 .search {
  background: #f7f7f7;
}

.boxTop2 .search img {
  margin-top: -2px;
}

.boxTop2 .search .inputs {
  border: none;

  width: 90%;

  background: none;
}

.xiangmu_cy .bars0 {
  padding: 1.4rem 0;
}

.xiangmu_cy .bars0 .bbs {
  display: flex;

  justify-content: space-between;

  background: #ffffff;

  border-radius: 8px;

  padding: 1.3rem 1rem;

  box-sizing: border-box;
}

.xiangmu_cy .bars0 .bt {
  display: flex;

  align-items: center;

  font-size: 1.4rem;

  color: #666666;

  line-height: 1.2;
}

.xiangmu_cy .bars0 .bb {
  border-left: 1px solid #dddddd;

  padding-left: 1.4rem;
}

.xiangmu_cy .bars0 .bb:first-of-type {
  padding-left: 0;

  border: none;
}

.xiangmu_cy .bars0 .bt img {
  width: 1rem;

  margin-left: 0.5rem;
}

.xiangmu_cy .bars1 ul li {
  overflow: hidden;

  position: relative;

  margin-bottom: 1.4rem;
}

.xiangmu_cy .bars1 ul li img {
  width: 100%;
}

.xiangmu_cy .bars1 ul li .tt {
  position: absolute;

  left: 0;

  top: 0;

  padding: 1.2rem;

  box-sizing: border-box;

  width: 100%;
}

.xiangmu_cy .bars1 ul li .tt h3 {
  font-size: 1.6rem;

  color: #3d3d3d;
}

.xiangmu_cy .bars1 ul li .spans {
  margin: 1.4rem 0 1rem;
}

.xiangmu_cy .bars1 ul li .spans span {
  color: #1486fa;

  font-size: 1.2rem;

  padding: 5px 1rem;

  border-radius: 4px;

  background: rgba(20, 134, 250, 0.1);
}

.xiangmu_cy .bars1 ul li p {
  color: #999999;

  font-size: 1.2rem;
}

.xiangmu_cy .bars1 ul li p strong {
  color: #1486fa;
}

.xiangmu_cy .bars1 ul li .bot {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0.7rem 0;

  margin-top: 0.7rem;

  border-top: 1px solid #f5f5f5;
}

.xiangmu_cy .bars1 ul li .bot p {
  display: flex;

  align-items: center;

  color: #999999;

  font-size: 1.2rem;
}

.xiangmu_cy .bars1 ul li .bot p img {
  width: 1.6rem;

  margin-top: -2px;

  margin-right: 0.5rem;
}

.nodate {
  text-align: center;

  font-size: 1.2rem;

  color: #999999;

  padding: 1rem 0 3rem;
}

.xiangmuCysd .bg img {
  width: 100%;
}

.xiangmuCysd .bars1 .conatin {
  margin-top: -9rem;

  position: relative;
}

.xiangmuCysd .bars1 img {
  width: 100%;
}

.xiangmuCysd .bars1 .tt {
  position: absolute;

  left: 0;

  top: 0;

  padding: 1.5rem;

  box-sizing: border-box;

  width: 100%;
}

.xiangmuCysd .bars1 .tt h3 {
  font-size: 1.6rem;

  color: #3d3d3d;
}

.xiangmuCysd .bars1 .spans {
  margin: 1rem 0 2.5rem;
}

.xiangmuCysd .bars1 .spans span {
  color: #1486fa;

  font-size: 1.2rem;

  padding: 5px 1rem;

  border-radius: 4px;

  background: rgba(20, 134, 250, 0.1);
}

.xiangmuCysd .bars1 p {
  color: #999999;

  font-size: 1.4rem;

  margin: 2px 0;
}

.xiangmuCysd .bars1 p span {
  color: #333333;
}

.xiangmuCysd .bars2 .conatin {
  background: #ffffff;

  border-radius: 8px;

  padding: 1.4rem;

  box-sizing: border-box;

  display: flex;

  justify-content: space-between;

  text-align: center;

  margin: 1.4rem auto;
}

.xiangmuCysd .bars2 .txt {
  height: 80px;

  width: 48%;

  background: rgba(20, 134, 250, 0.1);

  border-radius: 8px;

  display: flex;

  justify-content: center;

  align-items: center;
}

.xiangmuCysd .bars2 .tt h3 {
  font-size: 1.6rem;

  color: #1486fa;

  font-weight: normal;
}

.xiangmuCysd .bars2 .tt p {
  font-size: 1.4rem;

  color: #999999;
}

.xiangmuCysd .bars3 .conatin {
  background: #ffffff;

  border-radius: 8px;

  padding: 1.4rem;

  box-sizing: border-box;

  margin: 1.4rem auto;
}

.title3 {
  display: flex;

  align-items: center;

  border-bottom: 1px solid #f5f5f5;

  padding-bottom: 1.3rem;

  margin-bottom: 1.5rem;
}

.title3 h3 {
  font-weight: normal;

  font-family: "title";

  font-size: 1.6rem;

  color: #333333;
}

.title3::before {
  content: "";

  width: 3px;

  height: 16px;

  background: #1486fa;

  border-radius: 41px;

  margin-right: 8px;
}

.xiangmuCysd .bars3 p {
  font-size: 1.4rem;

  color: #666666;

  line-height: 21px;
}

.allBottom {
  height: 77px;

  background: #ffffff;

  box-shadow: 0px 4px 10px 0px rgba(51, 51, 51, 0.3);

  display: flex;

  justify-content: center;

  align-items: center;

  position: fixed;

  left: 0;

  bottom: 0;

  width: 100%;

  z-index: 999;
}

.allBottom .bb {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.allBottom .bb .ll img {
  width: 2rem;

  padding: 1rem;

  background: #f5f5f5;

  border-radius: 50%;
}

.allBottom .bb button {
  width: 83%;

  height: 45px;

  background: #cccccc;

  border-radius: 124px;

  font-size: 16px;

  color: #ffffff;

  font-weight: normal;

  font-family: "title";
}

.allBottom .bb button.ons {
  background: #1486fa;
}

.xiangmu_zlr .bars0 {
  padding-bottom: 0;
}

.xiangmu_zlr .bars0 .bb {
  width: 50%;
}

.xiangmu_zlr .bars0 .bt {
  justify-content: center;
}

.xiangmu_zlr .bars0 .bb.active .bt {
  color: #1486fa;
}

.xiangmu_zlr2 .bars1 .tt h3 {
  color: #333;
}

.xiangmu_bs .bars0 .bb {
  width: 50%;
}

.xiangmu_bs .bars0 .bt {
  justify-content: center;
}

.xiangmu_bs .bars1 ul li {
  background: #fff;

  overflow: hidden;

  border-radius: 8px;
}

.xiangmu_bs .bars1 ul li .tt {
  position: static;
}

.xiangmu_bs .bars1 ul li .tt p {
  font-size: 1.4rem;
}

.xiangmu_bs .bars1 ul li .bot {
  background: linear-gradient(90deg, #eaf6ff 2%, #f1fffd 100%);

  border-radius: 0px 0px 8px 8px;

  padding: 1.1rem;
}

.xiangmu_bs .bars1 ul li .bot p {
  color: #333333;

  font-size: 1.4rem;
}

.xiangmu_bs .bars1 ul li .bot p img {
  width: 3rem;

  margin-right: 1rem;
}

.xiangmu_bs .bars3 {
  margin-top: 1.4rem;
}

.xiangmu_bs .bars3 .swiper-slide {
  position: relative;

  border-radius: 8px;

  overflow: hidden;

  border: 1px solid transparent;
}

.xiangmu_bs .bars3 img {
  width: 100%;
}

.xiangmu_bs .bars3 .swiper-slide h3 {
  color: #333333;

  position: absolute;

  width: 85%;

  text-align: center;

  font-size: 1.5rem;

  font-weight: normal;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  line-height: 1.4;
}

.xiangmu_bs .bars3 .swiper-slide-active {
  border-color: #1486fa;
}

.xiangmu_bs .bars3 .swiper-slide-active h3 {
  font-family: "title";

  color: #1486fa;
}

.xiangmuBsd .bars1 .bg {
  position: relative;
}

.xiangmuBsd .bars1 .bg .bgs {
  position: absolute;

  left: 0;

  bottom: 0;
}

.xiangmuBsd .bars1 .conatin {
  margin-top: -5rem;
}

.xiangmuBsd .bars1 .tt {
  width: 85%;
}

.xiangmuBsd .bars3 .conatin0 {
  position: relative;
}

.xiangmuBsd .bars3 .tbg {
  font-size: 1.4rem;

  font-weight: bold;

  color: #ffffff;

  width: 68px;

  line-height: 29px;

  letter-spacing: 2px;

  background: linear-gradient(270deg, #ffc87f 0%, #ff7300 100%);

  border-radius: 8px 0px 8px 0px;

  position: absolute;

  right: 0;

  top: 0;

  text-align: center;
}

.xiangmuBsd .bars3 .top h3 {
  font-weight: normal;

  font-family: "title";

  font-size: 1.6rem;

  color: #333333;
}

.xiangmuBsd .bars3 .top .spans {
  padding: 1rem 0 1.5rem;

  margin-bottom: 1.5rem;

  border-bottom: 1px solid #f5f5f5;
}

.xiangmuBsd .bars3 .top .spans span {
  color: #1486fa;

  font-size: 1.2rem;

  padding: 5px 1rem;

  border-radius: 4px;

  background: rgba(20, 134, 250, 0.1);
}

.xiangmuBsd .bars3 .tt h6 {
  color: #999999;

  font-size: 1.4rem;

  font-weight: normal;

  margin-bottom: 0.5rem;
}

.xiangmuBsd .bars3 .tt p {
  color: #333;
}

.xiangmuBsd .bars3 .conatin1 h3 {
  font-weight: normal;

  font-family: "title";

  font-size: 1.6rem;

  color: #3d3d3d;
}

.xiangmuBsd .bars3 .conatin1 .spans {
  padding: 1rem 0 1.5rem;

  margin-bottom: 0rem;

  border-bottom: 1px solid #f5f5f5;
}

.xiangmuBsd .bars3 .conatin1 .spans span {
  color: #1486fa;

  font-size: 1.2rem;

  padding: 5px 1rem;

  border-radius: 4px;

  background: rgba(20, 134, 250, 0.1);
}

.xiangmuBsd .bars3 .conatin1 .tt2 {
  display: flex;

  justify-content: space-between;
}

.xiangmuBsd .bars3 .conatin1 .tt2 p {
  color: #999999;

  display: flex;

  align-items: center;

  font-size: 1.4rem;

  margin-top: 0.5rem;
}

.xiangmuBsd .bars3 .conatin1 .tt2 p strong {
  color: #333333;
}

.xiangmuBsd .bars3 .conatin1 .tt2 p img {
  width: 1.8rem;

  margin-right: 0.5rem;
}

.xiangmuBsd .bars3 .conatin1 .tt2 .rr img {
  width: 6rem;

  box-shadow: 0px 4px 10px 0px rgba(51, 51, 51, 0.05);

  border-radius: 8px;
}

.allNavs {
  display: flex;
}

.allNavs .aa {
  width: 48%;

  text-align: center;

  font-size: 1.5rem;

  font-weight: bold;

  color: #333333;

  padding: 1.8rem 0 0.1rem;

  position: relative;

  line-height: 1;
}

.allNavs .aa.active {
  color: #1486fa;
}

.allNavs .aa.active::before {
  content: "";

  position: absolute;

  left: 0;

  bottom: -1.5rem;

  width: 100%;

  height: 3px;

  background: linear-gradient(270deg, #35a7f4 0%, #1486fa 100%);

  border-radius: 15px;
}

.zhengce_list .bars1 li {
  background: #ffffff;

  border-radius: 8px;

  padding: 1.5rem;

  box-sizing: border-box;

  display: flex;

  margin-top: 1.4rem;

  justify-content: space-between;
}

.zhengce_list .bars1 li .ll {
  width: 36%;
}

.zhengce_list .bars1 li .ll img {
  width: 100%;

  border-radius: 8px;
}

.zhengce_list .bars1 li .rr {
  width: 60%;
}

.zhengce_list .bars1 li h3 {
  font-size: 1.6rem;

  color: #333333;

  margin: 0.3rem 0;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;
}

.zhengce_list .bars1 li p {
  font-size: 1.4rem;

  color: #999999;

  line-height: 1.4;
}

.zhengce_listd .bars1 .tt {
  position: static;

  padding: 1.5rem;

  box-sizing: border-box;

  width: 100%;

  background: #fff;

  border-radius: 8px;
}

.zhengce_listd .bars1 .tt h3 {
  font-size: 2rem;

  color: #333333;

  display: flex;

  align-items: center;

  margin-bottom: 0.8rem;
}

.zhengce_listd .bars1 .tt h3 span {
  color: #1486fa;

  font-size: 1.2rem;

  padding: 3px 7px;

  border-radius: 4px;

  background: rgba(20, 134, 250, 0.1);

  margin-left: 1rem;

  font-weight: normal;
}

.zhengce_listd .bars1 .tt p {
  font-size: 1.4rem;

  color: #999999;

  line-height: 1.4;
}

.zhengce_listd .bars2 .title2 {
  margin-bottom: 2.2rem;
}

.zhengce_listd .bars2 .hh {
  display: flex;

  align-items: center;
}

.zhengce_listd .bars2 .title2 h3 {
  margin-right: 1.8rem;
}

.zhengce_listd .bars2 .title2 h3::before {
  left: 50%;

  transform: translateX(-50%);

  background: url(../images/sj2.png) no-repeat center bottom/contain;

  width: 32px;

  height: 5px;

  opacity: 0;

  bottom: -5px;

  transition: all 0.3s ease;
}

.zhengce_listd .bars2 .title2 h3 strong {
  font-size: 1.6rem;
}

.zhengce_listd .bars2 .title2 h3.active strong {
  color: #1486fa;
}

.zhengce_listd .bars2 .title2 h3.active::before {
  opacity: 1;

  bottom: -9px;
}

.zhengce_listd .bars2 ul {
  display: none;
}

.zhengce_listd .bars2 ul:first-of-type {
  display: block;
}

.zhengce_listd .bars2 ul li {
  background: #ffffff;

  border-radius: 8px;

  margin-top: 1.4rem;

  padding: 1.4rem 1.4rem 0;

  box-sizing: border-box;
}

.zhengce_listd .bars2 ul li h4 {
  font-size: 1.6rem;

  color: #333;

  font-weight: normal;

  height: 4.6rem;

  overflow: hidden;

  word-break: break-all;

  white-space: normal;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;
}

.zhengce_listd .bars2 ul li .spans {
  margin: 1rem 0 1.4rem;
}

.zhengce_listd .bars2 ul li .spans span {
  color: #1486fa;

  font-size: 1.2rem;

  padding: 5px 1rem;

  border-radius: 4px;

  background: rgba(20, 134, 250, 0.1);

  margin-right: 0.5rem;
}

.zhengce_listd .bars2 ul li p {
  color: #999999;

  font-size: 1.2rem;
}

.zhengce_listd .bars2 ul li p strong {
  color: #1486fa;
}

.zhengce_listd .bars2 ul li .bot {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0.7rem 0;

  margin-top: 0.7rem;

  border-top: 1px solid #f5f5f5;
}

.zhengce_listd .bars2 ul li .bot p {
  display: flex;

  align-items: center;

  color: #999999;

  font-size: 1.2rem;
}

.zhengce_listd .bars2 ul li .bot p img {
  width: 1.6rem;

  margin-top: -2px;

  margin-right: 0.5rem;
}

.zhengce_list2 .bars2 ul a:first-of-type li {
  margin-top: 0;
}

.zhengce_listd2 {
  position: relative;

  background: #f5f5f5;
}

.zhengce_listd2 .bars1 {
  position: relative;
}

.zhengce_listd2 .bars1 .bg img {
  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;
}

.zhengce_listd2 .bars1 .allTop h3 {
  color: #fff;
}

.zhengce_listd2 .bars1 .conatin {
  margin: 0rem auto;

  padding-bottom: 10rem;
}

.zhengce_listd2 .bars1 .bot {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 1rem 0;

  margin-top: 1rem;

  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.zhengce_listd2 .bars1 .tt2 {
  background: rgba(255, 255, 255, 0.3);

  border-radius: 8px;

  padding: 1.4rem 1.4rem 0;

  box-sizing: border-box;
}

.zhengce_listd2 .bars1 h3 {
  font-size: 1.6rem;

  color: #ffffff;

  font-weight: normal;

  line-height: 1.5;
}

.zhengce_listd2 .bars1 .bot p {
  display: flex;

  align-items: center;

  color: #fff;

  font-size: 1.2rem;
}

.zhengce_listd2 .bars1 .bot p img {
  width: 1.6rem;

  margin-top: -2px;

  margin-right: 0.5rem;
}

.zhengce_listd2 .bars2 {
  margin-top: -8rem;

  position: relative;

  z-index: 3;

  border-radius: 8px;

  overflow: hidden;
}

.zhengce_listd2 .bars2 {
  padding: 0 1.4rem;

  box-sizing: border-box;
}

.zhengce_listd2 .bars2 p {
  padding: 1rem 0;

  border-bottom: 1px solid #f5f5f5;

  position: relative;

  padding-left: 2rem;

  display: flex;
}

.zhengce_listd2 .bars2 p span {
  width: -webkit-fill-available;
}

.zhengce_listd2 .bars2 p::before {
  content: "";

  width: 6px;

  height: 6px;

  background: #1486fa;

  border-radius: 50%;

  position: absolute;

  left: 0;

  top: 1.8rem;
}

.zhengce_listd2 .bars2 p::after {
  content: "";

  border-radius: 50%;

  width: 10px;

  height: 10px;

  background: rgba(20, 134, 250, 0.2);

  position: absolute;

  left: -0.2rem;

  top: 1.6rem;
}

.zhengce_listd2 .bars3 .conatin {
  background: #ffffff;

  border-radius: 8px;

  padding: 1.4rem;

  box-sizing: border-box;

  margin-top: 1.4rem;
}

.zhengce_listd2 .bars3 p {
  font-size: 1.4rem;

  margin: 1.4rem 0;

  color: #333333;

  line-height: 1.6;
}

.allBottom2 {
  height: 48px;
}

.allBottom2 .bb {
  display: block;
}

.allBottom2 .ll {
  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 1.4rem;

  color: #999999;
}

.allBottom2 .bb .ll img {
  margin-right: 0.8rem;

  width: 1.6rem;

  padding: 0.8rem;
}

.allBottom2 .ll img:last-of-type {
  display: none;
}

.allBottom2 .ll.active {
  color: #333;
}

.allBottom2 .ll.active img:first-of-type {
  display: none;
}

.allBottom2 .ll.active img:last-of-type {
  display: block;
}

/* 筛选 */

.selectBox {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(51, 51, 51, 0.5);

  display: none;

  z-index: 1000;
}

.sbox {
  background-color: #fff;

  border-radius: 12px;

  width: 90%;

  position: absolute;

  left: 50%;

  bottom: 2.5%;

  transform: translateX(-50%);

  overflow: hidden;
}

.sbox h6 {
  font-size: 1.6rem;

  margin-bottom: 10px;

  text-align: center;

  color: #333333;

  font-weight: normal;

  font-family: "title";

  line-height: 47px;

  background: #f5f5f5;
}

.sbox ul {
  box-sizing: border-box;

  padding: 1.4rem;
}

.sbox ul li {
  font-size: 1.6rem;

  color: #999999;

  cursor: pointer;

  text-align: center;

  padding: 1rem 0;
}

.sbox ul li:last-child {
  border-bottom: none;
}

.sbox ul li.selected {
  background: #f8f9fb;

  color: #333333;

  font-family: "title";
}

.bots {
  display: flex;

  justify-content: space-between;

  margin-top: 20px;

  background: #dddddd;
}

.bots button {
  line-height: 47px;

  width: 49.7%;

  border: none;

  cursor: pointer;

  color: #666666;

  font-size: 1.5rem;

  background: #f5f5f5;
}

.bots button:first-of-type {
  color: #1486fa;
}

/* 免责声明 */
.mzBox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 999;
  background: rgba(51, 51, 51, 0.5);
  display: none;
}
.mzBox .box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
}
.mzBox .box .mtt {
  padding: 5%;
}
.mzBox .box h3 {
  font-weight: 700;
  font-size: 1.6rem;
  color: #333333;
  text-align: center;
  margin-bottom: 1rem;
}
.mzBox .box p {
  font-weight: 400;
  font-size: 1.6rem;
  color: #333333;
  line-height: 23px;
  text-align: justify;
}
.mzBox .box p a {
  color: #1486fa;
}
.mzBox .box .ips {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.mzBox .box .ips b {
  display: inline-block;
}
.hidden-checkbox {
  position: absolute;
  opacity: 0;
}
.custom-checkbox {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 5px;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.hidden-checkbox:checked + .custom-checkbox::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #1486fa;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.mzBox .box .ips a {
  color: #1486fa;
}
.mzBox .box .mbot {
  border-top: 1px solid #f5f5f5;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}
.mzBox .box .mbot button {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 1.6rem;
  color: #333333;
  line-height: 50px;
  background: none;
  border-left: 1px solid #f5f5f5;
}
.mzBox .box .mbot button.submit {
  color: #1486fa;
}
/* 去留言 */
.mesTop {
  background: #fff;
}
.mesTop::before {
  display: none;
}
.toMessage .bbs {
  background: #ffffff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  margin: 4% auto;
  box-sizing: border-box;
}
.toMessage .bbs h6 {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 52px;
  color: #666666;
}
.toMessage .bbs input {
  text-align: right;
  font-weight: 400;
  font-size: 1.4rem;
  color: #333333;
}
.toMessage .bbs input::placeholder {
  font-weight: 400;
  font-size: 1.4rem;
  color: #333333;
}
.toMessage .bbs2 {
  display: block;
}
.toMessage .bbs2 textarea {
  width: 100%;
  padding-top: 2rem;
  border-top: 1px solid #d8d8d8;
  display: block;
  height: 30rem;
}
.toMessage .bbs2 textarea::placeholder {
  color: #999;
}
.toMessage .bbs3 p {
  font-weight: 400;
  font-size: 1.4rem;
  margin: 2rem 0 1rem;
  color: #999999;
}
.toMessage .bbs3 .upload-container {
  justify-content: flex-start;
}
.toMessage .bbs3 .prompt {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f8fafc;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid rgba(51, 51, 51, 0.15);
}
.bottomss {
  position: fixed;
  left: 0;
  bottom: 0;
  background: #f5f5f5;
  padding: 1px 3%;
  box-sizing: border-box;
  z-index: 999;
  width: 100%;
}
.messages ul li {
  background: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(51, 51, 51, 0.02);
  border-radius: 8px;
  padding: 1.5rem;
  box-sizing: border-box;
  margin: 4% auto;
}
.messages ul li .top {
  display: flex;
  align-items: center;
}
.messages ul li .top img {
  width: 3.6rem;
  height: 3.6rem;
  background: #dff0fd;
  border-radius: 50%;
  margin-right: 1rem;
}
.messages ul li .top h6 {
  font-size: 9px;
  color: #999999;
  line-height: 13px;
  font-weight: 200;
}
.messages ul li .top h6 strong {
  font-weight: 500;
  font-size: 1.4rem;
  color: #333333;
  line-height: 20px;
  display: block;
}
.messages ul li .tt {
  margin: 1rem 0 0;
}
.messages ul li .tt p {
  font-size: 1.4rem;
  color: #333333;
  line-height: 20px;
}
.messages ul li .imgs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 1rem 0 0;
}
.messages ul li .imgs img {
  width: 30%;
}
.xiangmuForm {
  background: #fff;
  min-height: calc(100vh - 64px);
}
.xiangmuForm p {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  padding: 1rem 0;
}
.xiangmuForm p span {
  color: #ff0000;
}
.xiangmuForm p input {
  width: 100%;
  line-height: 40px;
  border-radius: 8px;
  border: 1px solid #cccccc;
  display: block;
  box-sizing: border-box;
  padding: 0 1.5rem;
  margin-top: 1rem;
  font-size: 1.6rem;
  color: #333333;
}
.allBottom3 {
  background: none;
  box-shadow: none;
}
.allBottom3 .bb {
  justify-content: center;
}
.allBottom3 .bb button {
  width: 100%;
}