:root {
  --primary-color: #eb6622;
  --hover-color: #bf4d13;
}
.container {
  width: 1500px;
}

@media (max-width: 1500px) {
  .container {
    width: 100%;
  }
}
.j-space-between {
  justify-content: space-between;
}
.j-flex-start {
  justify-content: flex-start;
}
.j-flex-end {
  justify-content: flex-end;
}
.j-center {
  justify-content: center;
}
.a-j-center {
  align-items: center;
  justify-content: center;
}
.a-center {
  align-items: center;
}
.a-flex-start {
  align-items: flex-start;
}
.a-flex-end {
  align-items: flex-end;
}

/*主体样式*/
.w-con {
  max-width: 1470px;
  margin: 0 auto;
  padding: 0 15px;
}
.top1 {
  height: 40px;
  color: #666;
  font-size: 14px;
  line-height: 40px;
  background-color: #edeff1;
}
.top1 a {
  color: #666;
}
.top2 .w-con {
  height: 119px;
}
.logowz {
  color: #666666;
  font-size: 20px;
  margin-left: 19px;
  line-height: 1;
}
.logowz p:first-child {
  color: #333333;
  font-weight: bold;
  font-size: 23px;
  line-height: 1;
  margin-bottom: 13px;
}
.ter img {
  width: 82px;
}
.dh {
  text-align: left;
  margin-left: 2.1vw;
}
.dh dd {
  padding-left: 30px;
  color: #666666;
  font-size: 16px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px;
}
.dh dt {
  color: #222;
  font-size: 30px;
  font-family: "arial";
  font-weight: bold;
}
.nnav {
  position: relative;
  z-index: 999;
  border-top: 1px solid #e5e5e5;
}

/*热门搜索*/
.sou {
  border-bottom: 1px solid #e5e5e5;
}
.sou #formsearch {
  float: right;
  width: 408px;
  height: 48px;
  background-color: #f4f5f7;
  border-radius: 24px;
  margin-top: 14px;
}
.hotSearch {
  float: left;
  height: 79px;
  line-height: 79px;
  font-weight: normal;
  color: #666666;
  font-size: 16px;
}
.hotSearch a {
  margin-right: 20px;
  color: #333333;
}
.sou #formsearch input {
  height: 48px;
  background: none;
  border: none;
  line-height: 48px;
  outline: none;
}
.sou #formsearch input#keyword {
  height: 48px;
  line-height: 48px;
  padding-left: 27px;
  color: #999999;
  font-size: 14px;
  width: calc(100% - 60px);
}
.sou #formsearch input#s_btn {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background: #666 url("../images/search1.png") no-repeat center;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 12px;
  border-radius: 50%;
}

.sou ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #999999;
}
.sou :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999;
}
.sou ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
}
.sou :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999999;
}

.dlogo img {
  max-width: 180px;
}
.hotSearch a:hover,
.top1 a:hover {
  color: var(--primary-color);
}

dt {
  font-weight: normal;
}

/*  */
.box1 {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 60px 0 76px;
}
.bt1 {
  text-align: center;
}
.bt1 dd {
  font-size: 48px;
  font-weight: bold;
  color: #222222;
  line-height: 1;
}
.bt1 dd span {
  color: #333;
}
.bt1 dt {
  color: #666666;
  font-size: 18px;
  line-height: 1;
  margin-top: 21px;
}
.pbox {
  margin-top: 42px;
  align-items: stretch;
}
.pleft {
  width: 280px;
  box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.03);
}
.pright {
  width: calc(100% - 334px);
  position: relative;
}
.pbt {
  height: 90px;
  /* background-color: var(--primary-color); */
  padding: 20px 0 0 42px;
  /* background-color: #f4f2f2; */
}
.pbt dd {
  color: #333;
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
}
.pbt dt {
  color: #666;
  opacity: 0.5;
  font-size: 14px;
  font-family: "Arial";
  line-height: 1;
  margin-top: 9px;
}
.psort {
  padding: 15px 16px;
  background: #fff;
}
.psort li {
  position: relative;
  margin-bottom: 5px;
  /* background-color: var(--primary-color); */
  line-height: 52px;
  padding-left: 30px;
  color: #ffffff;
  font-size: 18px;
  border: 1px dotted #eee;
}
.psort > li > a {
  display: block;
  height: 52px;
  line-height: 52px;
  /* color: #ffffff; */
  color: #666;
  font-size: 18px;
  transition: all 0.8s;
}
.psort > li > span {
  display: block;
  height: 52px;
  line-height: 52px;
  color: #666;
  font-size: 18px;
  transition: all 0.8s;
}
.psort li a img {
  position: absolute;
  right: 25px;
  top: 20px;
  filter: brightness(0%) invert(50%);
}
.psort li span img {
  position: absolute;
  right: 25px;
  top: 20px;
  filter: brightness(0%) invert(50%);
}
.psec a {
  display: block;
  color: #666666;
  font-size: 16px;
  line-height: 34px;
  padding-left: 41px;
}
.psec {
  padding: 10px 0 15px;
}
.psec a:hover {
  color: var(--primary-color);
}
.ptewm {
  /* margin-top: 20px; */
  /* background-color: var(--primary-color); */
  background-color: #f4f2f2;
  padding: 31px 5px 31px 24px;
}
.ptewm .img img {
  width: 108px;
}
.pp2 {
  /* filter: brightness(0%) invert(50%); */
  padding: 0 20px;
  background-color: #fff;
}
.pp2 dd {
  color: #666;
  font-size: 14px;
}
.pp2 dt {
  background: url("../images/tel2.png") no-repeat left center;
  color: #666;
  font-size: 14px;
  background-size: 20px;
  padding-left: 30px;
}
.pp2 p {
  color: #666;
  font-size: 30px;
  font-family: "arial";
  font-weight: bold;
  /* margin-top: 6px; */
}
.ppr {
  width: 35.3%;
  padding-left: 1.9vw;
}
.ppr h3 {
  color: var(--primary-color);
  font-size: 36px;
  font-weight: bold;
}
.ppr p {
  color: #555555;
  font-size: 18px;
  line-height: 34px;
  padding-left: 19px;
  background: url("../images/dian2.png") no-repeat left center;
}
.pcon {
  margin: 1.2vw 0 2.2vw;
}
.zixun a {
  display: block;
  width: 120px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #ffffff;
  font-size: 15px;
  background-color: var(--primary-color);
  box-shadow: 0px 12px 12px 0px rgba(45, 114, 180, 0.12);
  border-radius: 21px;
  transition: all 0.5s;
}
.wx {
  position: relative;
  margin-left: 14px;
  cursor: pointer;
}
.wei {
  position: absolute;
  right: -108px;
  bottom: 0;
  display: none;
}
.wei img {
  width: 108px;
}
.wx:hover .wei {
  display: block;
}
.zixun a:hover {
  background: #1d568d;
}
.pmore a:hover {
  opacity: 0.8;
}
.pmore a {
  display: block;
  color: #ffffff;
  font-size: 16px;
}
.pmore a span {
  font-family: "仿宋";
}
.plist {
  justify-content: flex-start;
  gap: 0 2.75%;
}
.plist li {
  width: 31.5%;
  border: solid 1px #e7e7e7;
  margin-bottom: 26px;
  position: relative;
}
.plist li:nth-child(n + 4) {
  margin-bottom: 0;
}
.plist li .img img {
  width: 100%;
  transition: all 0.5s;
}
.plist li .img {
  display: block;
  overflow: hidden;
}
.plist li h3 a {
  display: block;
  height: 42px;
  background: #7d7d7d;
  color: #ffffff;
  font-size: 17px;
  padding: 0 3px;
  text-align: center;
  line-height: 42px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  font-weight: normal;
  width: 100%;
  bottom: 0;
}
.plist li:hover h3 a {
  background-color: var(--primary-color);
  color: #fff;
}
.plist li:hover .img img {
  transform: scale(1.1);
}
.psort li:hover a {
  transition: all 0.8s;
  transform: translateX(10px);
}
.psort li:hover span {
  transition: all 0.8s;
  transform: translateX(10px);
}

.ttz1 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.ttz1.cur {
  position: relative;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.w-video-list li {
  width: 31.5%;
  margin-bottom: 22px;
}

.w-video-list li h3 {
  display: block;
  height: 42px;
  background: #7d7d7d;
  color: #ffffff;
  font-size: 17px;
  padding: 0 3px;
  text-align: center;
  line-height: 42px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 768px) {
  .psort li a img {
    display: none;
  }
  .w-video-list li {
    width: 49%;
  }
}

#accordion .panel {
  border: none;
  border-radius: 5px;
  box-shadow: none;
  margin-bottom: 10px;
  background: transparent;
  border-radius: 25px;
  overflow: hidden;
}
#accordion .panel-heading {
  padding: 0;
  border: none;
  border-radius: 5px;
  background: transparent;
  position: relative;
}
#accordion .panel-title {
  background: linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 100%);
}
#accordion .panel-title a {
  display: block;
  padding: 15px 30px 15px 66px;
  margin: 0;
  background: #eee;
  font-size: 17px;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  border-radius: 25px;
  position: relative;
}
#accordion .panel-title a .num {
  position: absolute;
  left: 6px;
  top: 5px;
  width: 38px;
  height: 38px;
  background-color: #fff;
  text-align: center;
  font: 600 17px/38px "Airal";
  color: #333;
  border-radius: 20px;
  overflow: hidden;
}
#accordion .panel-title a.collapsed {
  border: none;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before {
  /* content: "\f107";
		    font-family: "Font Awesome 5 Free";
		    width: 30px;
		    height: 30px;
		    line-height: 27px;
		    text-align: center;
		    font-size: 25px;
		    font-weight: 900;
		    color: #fff;
		    position: absolute;
		    top: 15px;
		    right: 30px;
		    transform: rotate(180deg);
		    transition: all .4s cubic-bezier(0.080, 1.090, 0.320, 1.275); */
}
#accordion .panel-title a.collapsed:before {
  color: rgba(255, 255, 255, 0.5);
  transform: rotate(0deg);
}
#accordion .panel-body {
  padding: 20px 30px;
  background: rgba(0, 0, 0, 0.05);
  font-size: 15px;
  color: #333;
  line-height: 28px;
  letter-spacing: 1px;
  border-top: none;
  /* border-radius: 5px; */
}

/*  */
.box2 {
  background: url("../images/back2.jpg") no-repeat top center;
  background-size: cover;
  padding: 71px 0;
}
.box2 .img {
  width: 48.34%;
}
.box2 .img img {
  width: 100%;
}
.hright {
  width: 47.6%;
}
.htt {
  padding-left: 31px;
  border-left: 8px solid rgba(49, 147, 241, 0.8);
  margin: 1.7vw 0 3.3vw;
}
.htt dd {
  color: #ffffff;
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
}
.htt dt {
  color: #ffffff;
  font-size: 30px;
  line-height: 1;
  margin-top: 23px;
}
.hul li p {
  color: #ffffff;
  font-size: 24px;
  padding-left: 14px;
}
.hul li {
  margin-bottom: 16px;
}
.hul li:last-child {
  width: 64.6%;
}
.zixun2 {
  height: 46px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 23px;
  border: solid 1px rgba(255, 255, 255, 0.6);
  width: 444px;
  position: relative;
  margin-top: 3.5vw;
}
.zixun2 a {
  display: block;
  width: 162px;
  height: 46px;
  background-color: #009900;
  border-radius: 23px;
  line-height: 46px;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: -1px;
  right: -1px;
}
.dh2 {
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
  font-family: "arial";
  line-height: 44px;
  padding: 0 34px 0 45px;
}

/*  */
.box3 {
  background: #edeff1;
  padding: 4.3% 0 6%;
}
.ys {
  margin-top: 46px;
  position: relative;
}
.yy {
  background-color: #fff;
}
.yy .img {
  width: 54%;
}
.yy .img img {
  width: 100%;
}
.yleft {
  width: 46%;
  background: #fff;
  padding: 3vh 5vh 5vh;
}
.sz {
  color: var(--primary-color);
  font-size: 78px;
  font-family: "Arial";
  font-weight: bold;
  line-height: 1;
  position: relative;
}
.sz img {
  position: absolute;
  right: -36px;
  top: 33px;
  width: calc(100% - 125px);
}
.yleft h2 {
  color: var(--primary-color);
  font-size: 36px;
  font-weight: bold;
  margin-top: 2.5vh;
  margin-bottom: 2.5vh;
}
.ys1 p {
  color: #333333;
  line-height: 40px;
  font-size: 18px;
  padding-left: 16px;
  background: url("../images/dian2.png") no-repeat left center;
}
.ys2 h3 {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
}
.ys2 p {
  color: #ffffff;
  opacity: 0.5;
  font-size: 14px;
  font-family: "arial";
  margin-top: 4px;
}

.tab2 {
  display: none;
}
.tab2.on {
  display: block;
}
#prevb,
#nextb {
  position: absolute;
  width: 50px;
  height: 65px;
  background-color: #424246;
  line-height: 58px;
  text-align: center;
  outline: none;
  top: 50%;
  margin-top: -32px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5sease;
  cursor: pointer;
}
#prevb {
  left: 6%;
}
#nextb {
  right: 6%;
}
.dgfg {
  position: relative;
}
#prevb:hover,
#nextb:hover {
  background: var(--primary-color);
}

/*  */
.sheng .bt1 {
  margin: 72px 0 56px;
}
.xuan li {
  width: 22.9%;
  position: relative;
  cursor: pointer;
  background: #fff;
}
.xuan li .img img {
  width: 100%;
  transition: all 0.5s;
}
.xuan li .img {
  overflow: hidden;
}
.xuan li:hover .img img {
  transform: scale(1.1);
}
.xcon {
  background-color: #ffffff;
  padding: 33px 2vw;
  transition: all 0.5s;
  height: auto;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
}
.xcon h3 {
  color: var(--primary-color);
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
}
.xcon h2 {
  color: #333333;
  font-size: 22px;
  font-weight: normal;
  margin: 13px 0;
}
.xcon p {
  color: #666666;
  font-size: 18px;
  opacity: 1;
  transition: all 0.5s;
  overflow: hidden;
}
/* .xuan li:hover .xcon{height: 192px;} */
/* .xuan li:hover .xcon p{opacity: 1;} */

/*  */
.box4 {
  background: url("../images/back1.jpg") no-repeat top center;
  background-size: cover;
  padding: 43px 0 24px;
}
.hewm {
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  line-height: 2;
  padding-right: 6.1vw;
}
.htt2 dd {
  color: #ffffff;
  font-size: 42px;
  font-weight: bold;
  margin-top: 5px;
}
.htt2 dt {
  color: #ffffff;
  font-size: 30px;
}
.htt2 dt span {
  font-weight: bold;
}
.zixun3 {
  width: 460px;
  height: 44px;
  background: url("../images/kuang1.png") no-repeat center;
  margin-top: 40px;
}
.bleft {
  margin-left: 19vw;
}
.zixun3 a {
  display: block;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  line-height: 44px;
  text-align: center;
  width: 203px;
}
.zixun3 .dh2 {
  width: 257px;
  padding: 0;
  text-align: center;
}

/*  */
.box5 {
  padding-top: 77px;
}
.csort {
  margin-top: 58px;
}
.box5 .w-con {
  max-width: 1180px;
}
.csort li {
  padding-bottom: 58px;
}
.csort li a .img {
  width: 88px;
  height: 88px;
  background-color: #aaa;
  /* background-color: #f4f2f2; */
  border-radius: 50%;
  text-align: center;
  transition: all 0.5s;
  padding: 13px;
}
.csort li a .img img {
  width: 60px;
}
.csort li {
  text-align: center;
}
.csort li h3 {
  color: #666666;
  font-size: 18px;
  margin-top: 15px;
}
.csort li.cur .img {
  background-color: var(--primary-color);
  border-radius: 18px;
}
.csort li.cur {
  background: url("../images/sanj_up.png") no-repeat bottom center;
}

.tab3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}
.tab3.cur {
  position: relative;
  visibility: visible;
  z-index: 0;
  opacity: 1;
}

/*  */
.box6 {
  padding: 44px 0 62px;
  background-color: #edeff1;
}
.box6 .w-con {
  position: relative;
}
.dimg {
  width: 54.3%;
  box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.dimg img {
  width: 100%;
  transition: all 0.5s;
}
.dimg img:hover {
  transform: scale(1.04);
}
.dleft {
  width: 38.6%;
}
.dleft h3 a {
  color: #333;
  font-size: 30px;
  font-weight: bold;
  display: block;
  margin-top: 3.6vw;
}
.dcon {
  color: #666666;
  font-size: 16px;
  line-height: 34px;
  margin: 1.5vw 0 3.2vw;
}
.gd2 a {
  display: block;
  width: 156px;
  height: 47px;
  background-color: var(--primary-color);
  border-radius: 24px;
  line-height: 47px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  transition: all 0.5s;
}
.gd2 a img {
  margin-left: 13px;
}
.gd2 a:hover {
  background: #bf4d13;
}

.he h3 {
  color: #333333;
  font-size: 24px;
  font-weight: bold;
}
.hz {
  position: relative;
  margin-top: 3vh;
  justify-content: flex-start;
  gap: 0 0.125%;
}
.hz li {
  width: 11%;
  margin-bottom: 2px;
}
.hz li .img img {
  width: 100%;
}
.mySwiper {
  overflow: hidden;
  margin: 0 4vw;
  position: relative;
  margin-top: 48px;
}
.mySwiper .swiper-slide .img {
  border: solid 1px #e4e4e4;
}
.mySwiper .swiper-slide img {
  width: 100%;
}
.swiper-button-prev1,
.swiper-button-next1 {
  position: absolute;
  width: 30px;
  height: 58px;
  background-color: #c5c5c5;
  line-height: 58px;
  text-align: center;
  outline: none;
  top: 50%;
  margin-top: -29px;
}
.swiper-button-prev1 {
  left: 0;
}
.swiper-button-next1 {
  right: 0;
}

@media (max-width: 768px) {
  .hz {
    gap: 0 0.3333%;
  }
  .hz li {
    width: 33%;
  }
}

/*  */
.box7 {
  background-color: #edeff1;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 86px 0 60px;
}

.tab-con {
  position: relative;
}
.tab-con .tab-main {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  right: 0;
}
.tab-con .tab-main {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.tab-con .tab-main.active {
  position: relative;
  z-index: 99;
  opacity: 1;
  visibility: visible;
}
.aimg {
  width: 49.3%;
}
.aimg img {
  width: 100%;
}
.aleft {
  width: 45%;
  margin-top: 15px;
}
.abt {
  border-left: 8px solid var(--primary-color);
  padding-left: 29px;
}
.abt dd {
  color: #333;
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
}
.abt dt {
  color: #333333;
  font-size: 24px;
  margin-top: 14px;
  line-height: 1;
}
.acon {
  color: #333333;
  font-size: 16px;
  line-height: 1.5;
  margin: 2vw 0 3.5vw;
}
.amore a {
  display: block;
  width: 166px;
  height: 52px;
  background-color: var(--primary-color);
  border-radius: 26px;
  line-height: 52px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  transition: all 0.5s;
}
.amore a:hover {
  background: #bf4d13;
}
.sul {
  margin: 73px 0 54px;
  padding: 30px 0;
  background-color: #fff;
}
.sul li {
  text-align: center;
  width: 25%;
  background: url("../images/xian.png") no-repeat right center;
}
.sul li:last-child {
  background: none;
}
.sul li p {
  color: #666;
  font-size: 16px;
  margin-top: 5px;
}
.sbt span {
  color: #333;
  font-size: 60px;
  font-family: "arial";
  font-weight: bold;
  line-height: 1;
}
.sbt sup {
  width: 26px;
  height: 26px;
  top: -35px;
  background-color: #ffffff;
  border-radius: 50%;
  text-align: center;
  color: #666;
  font-size: 14px;
  display: inline-block;
  line-height: 26px;
}
.asort li {
  margin-right: 12px;
  display: block;
  width: 170px;
  height: 58px;
  background-color: rgba(0, 0, 0, 0.06);
  color: #666666;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 58px;
  cursor: pointer;
}
.asort li .img2 {
  display: none;
}
.asort li.active .img1 {
  display: none;
}
.asort li.active .img2 {
  display: inline-block;
}
.asort li.active {
  background-color: var(--primary-color);
  color: #fff;
}
.qiehu {
  margin-top: 45px;
}
.hul2 li {
  width: 23.9%;
}
.hul2 li img {
  width: 100%;
}
.qie .pmore a {
  color: #888888;
  line-height: 58px;
  opacity: 1;
}
.qie .pmore a:hover {
  color: var(--primary-color);
}
.aimg img:hover {
  transform: scale(1.05);
}

/*  */
.box8 {
  margin: 79px 0;
}
.tab-con2 {
  position: relative;
}
.tab-con2 .tab-main2 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  right: 0;
}
.tab-con2 .tab-main2 {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.tab-con2 .tab-main2.active {
  position: relative;
  z-index: 99;
  opacity: 1;
  visibility: visible;
}
.xin {
  margin-top: 45px;
  align-items: stretch;
}
.nbox {
  align-items: stretch;
}

.nleft {
  width: 69.7%;
}
.nright {
  width: 27.4%;
}
.nsort {
  background-color: #edeff1;
  border-radius: 5px 5px 0px 0px;
  margin-bottom: 35px;
}
.nsort li {
  width: 33.33%;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
  position: relative;
}
.nsort li:last-child {
  border: none;
}
.nsort li a {
  display: block;
  color: #666666;
  font-size: 18px;
  line-height: 58px;
}
.nsort li.active a {
  background-color: #666;
  color: #fff;
}
.nsort li:after {
  content: "";
  display: none;
  width: 22px;
  height: 10px;
  background: url("../images/jt_down.png") no-repeat bottom center;
  left: 50%;
  margin-left: -11px;
  bottom: -10px;
  position: absolute;
  opacity: 0;
}
.nsort li.active:after {
  display: block;
}
.nul {
  width: 48.4%;
  background: #f8f9f9;
}
.nul li .img {
  display: block;
  height: 235px;
  overflow: hidden;
}

.nul li .img img {
  display: block;
  width: 100%;
}
.nul li .wz {
  padding: 20px 2vw;
}
.nul li .wz span {
  display: block;
  color: #666666;
  font-size: 16px;
  font-family: "Arial";
}
.nul li .wz h3 a {
  display: block;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 13px 0 15px;
}
.nul li .wz p {
  color: #888888;
  font-size: 16px;
  line-height: 28px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.nbj {
  padding: 19px 2vw;
}
.nbj span {
  display: block;
  color: #666666;
  font-size: 16px;
  font-family: "Arial";
}
.nbj h3 a {
  display: block;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 13px 0 15px;
}
.nbj p {
  color: #888888;
  font-size: 16px;
  line-height: 28px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.nmore a {
  display: block;
  color: var(--primary-color);
  font-size: 14px;
  margin-top: 28px;
}
.nul2 {
  width: 48.4%;
}
.nul2 li {
  background-color: #ffffff;
}
.nul2 li a {
  display: flex;
  justify-content: space-between;
}
.nul2 li a h3 {
  display: block;
  color: #333333;
  font-size: 16px;
  /* font-weight: bold; */
  line-height: 36px;
  width: calc(100% - 90px);
  word-break: keep-all;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nul2 li a .date {
  color: #666;
  font-size: 14px;
  line-height: 36px;
}
.nul2 li:hover {
  /* box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.02); */
}
.nul2 li:hover a h3 {
  color: var(--primary-color);
}
.nul li:hover .nbj h3 a {
  color: var(--primary-color);
}
.nul li:hover .wz h3 a {
  color: var(--primary-color);
}
.nn {
  background-color: #666;
  border-radius: 5px 5px 0px 0px;
  padding: 0 15px 0 20px;
  line-height: 58px;
  margin-bottom: 35px;
}
.nn h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  line-height: 58px;
}
.nn a {
  color: #ffffff;
  font-size: 14px;
  font-family: "arial";
  text-transform: uppercase;
}
.nright .bd {
  overflow: hidden;
  height: 420px;
}
.nright .bd li {
  margin-bottom: 26px;
}
.nright .bd li h3 a {
  display: block;
  height: 46px;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 46px;
  padding-left: 48px;
  padding-right: 0.5em;
  background: #f2f2f2 url("../images/wen.png") no-repeat 15px center;
}
.nright .bd li:hover h3 a {
  color: var(--primary-color);
}
.nright .bd li p {
  color: #888888;
  line-height: 28px;
  font-size: 16px;
  margin-top: 16px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/*  */
.ft2 {
  padding: 1.53em 0;
  background-color: #d9dbdd;
  line-height: 1.6;
  font-size: clamp(12px, 1vw, 15px);
  color: rgba(0, 0, 0, 0.6);
}
.ft2 a {
  color: rgba(0, 0, 0, 0.6);
}
.ft2 a:hover {
  color: var(--primary-color);
}
.foot {
  background-color: #edeff1;
}
.ft1 {
  padding: 60px 0 58px;
}
.ft1 .w-con {
  align-items: stretch;
}
.tlogo {
  width: 15%;
}
.tlogo img {
  max-width: 100%;
}
.foot_nav2 {
  width: 47.2%;
}
.foot_nav2 > li > a {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  display: block;
}
.foot_nav2 dd a {
  display: block;
  color: rgba(255, 255, 255, 0.68);
  font-size: clamp(14px, 1vw, 15px);
  line-height: 34px;
}
.tlx {
  max-width: 320px;
}
.dtel dd {
  color: rgba(0, 0, 0, 0.68);
  font-size: clamp(14px, 1vw, 15px);
  padding-left: 26px;
  background: url("../images/tel3.png") no-repeat left center;
  filter: brightness(0%) invert(50%);
}
.dtel dt {
  color: #333;
  font-size: clamp(28px, 2vw, 34px);
  font-family: "Arial";
  font-weight: bold;
}
.dz {
  color: #333;
  opacity: 0.68;
  font-size: clamp(14px, 1vw, 15px);
  line-height: 28px;
  margin: 8px 0 40px;
}
.tewm {
  text-align: center;
  font-size: clamp(13px, 1.1vw, 15px);
  color: rgba(255, 255, 255, 0.68);
  line-height: 3;
  display: inline-block;
}
.tewm img {
  width: 108px;
}
.foot a:hover,
.foot_nav2 dd a:hover {
  /* color: #666; */
  color: var(--primary-color);
}

.tjanli .bd {
  overflow: hidden;
  margin: 20px 0;
}
.tjanli .bd li .img img {
  width: 100%;
}
.tjanli .bd li h3 a {
  display: block;
  font-size: 14px;
  color: #333;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 3;
}

@media (max-width: 1600px) {
  .ys2 h3 {
    font-size: 24px;
  }
  .ys1 p {
    font-size: 16px;
    line-height: 30px;
  }
}

@media (max-width: 1400px) {
  .dlogo img {
    width: 110px;
  }
  .logowz {
    font-size: 18px;
  }
  .logowz p:first-child {
    font-size: 32px;
  }
  .dh dt {
    font-size: 26px;
  }
  .x-menu > li > a {
    font-size: 16px;
  }
  .psec a {
    line-height: 30px;
  }
  .ppr h3 {
    font-size: 32px;
  }
  .ppr p {
    font-size: 16px;
    line-height: 28px;
  }
  .bt1 dd,
  .htt dd,
  .abt dd {
    font-size: 42px;
  }
  .htt dt {
    font-size: 28px;
    margin-top: 25px;
  }
  .xcon h3 {
    font-size: 26px;
  }
  .xcon h2 {
    font-size: 19px;
  }
  .xcon p {
    font-size: 16px;
  }
  .sz {
    font-size: 60px;
  }
  .sz img {
    top: 26px;
  }
  .htt2 dd {
    font-size: 33px;
  }
  .htt2 dt {
    font-size: 25px;
  }
  .bleft {
    margin-left: 10vw;
  }
  .dcon {
    font-size: 15px;
    line-height: 30px;
  }
  .dleft h3 a {
    font-size: 26px;
    margin-top: 2vw;
  }
  .sbt span {
    font-size: 50px;
  }
  .acon {
    font-size: 16px;
  }
  .sbt sup {
    top: -25px;
  }
}

@media (max-width: 1200px) {
  .psec {
    padding: 5px 0 10px;
  }
  .psec a {
    font-size: 14px;
  }
  .ppr h3 {
    font-size: 28px;
  }
  .pleft {
    width: 240px;
  }
  .pright {
    width: calc(100% - 264px);
  }
  .ptewm {
    padding: 20px 5px 20px 14px;
  }
  .pp2 p {
    font-size: 14px;
  }
  .pp2 dt,
  .pp2 dd {
    font-size: 12px;
  }
  .pbt {
    height: 80px;
    padding: 15px 0 0 30px;
  }
  .pbt dd {
    font-size: 28px;
  }
  .psort > li > a {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }
  .bt1 dd {
    font-size: 36px;
  }
  .bt1 dt {
    font-size: 16px;
    margin-top: 15px;
  }
  .hul li p {
    font-size: 22px;
  }
  .bt1 dd,
  .htt dd {
    font-size: 36px;
  }
  .htt dt {
    font-size: 24px;
    margin-top: 20px;
  }
  .hul li {
    margin-bottom: 10px;
  }
  .xcon h3 {
    font-size: 24px;
  }
  .xcon h2 {
    font-size: 16px;
  }
  .xcon p {
    font-size: 14px;
  }
  .yleft h2 {
    font-size: 24px;
  }
  .sz {
    font-size: 50px;
  }
  .sz img {
    top: 22px;
  }
  .ys1 p {
    font-size: 14px;
    line-height: 26px;
  }
  .dcon {
    font-size: 14px;
    line-height: 26px;
  }
  .abt dd {
    font-size: 36px;
  }
  .abt dt {
    font-size: 20px;
  }
  .sbt span {
    font-size: 40px;
  }
  .sbt sup {
    top: -20px;
  }
  .sul {
    padding: 30px 0 20px 0;
  }
  .nright .bd {
    height: 430px;
  }
  #prevb,
  #nextb {
    display: none;
  }
}

@media (max-width: 1024px) {
  .ppr h3 {
    font-size: 24px;
  }
  .plist li h3 a {
    font-size: 15px;
  }
  .bt1 dd {
    font-size: 30px;
  }
  .htt dd {
    font-size: 30px;
  }
  .htt dt {
    font-size: 22px;
    margin-top: 20px;
  }
  .hul li {
    margin-bottom: 5px;
  }
  .hul li p {
    font-size: 19px;
  }
  .ys2 h3 {
    font-size: 20px;
  }
  .ys2 p {
    font-size: 12px;
  }
  .hewm {
    padding-right: 0;
  }
  .mySwiper {
    margin: 30px 40px 0 40px;
  }
  .asort li {
    width: 150px;
    font-size: 16px;
  }
  .w-con {
    padding: 0 15px;
  }
}

@media (max-width: 990px) {
  .tlx {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .pleft,
  .pright,
  .box2 .img,
  .hright {
    width: 100%;
  }
  .pright {
    margin-top: 30px;
  }
  .box2 {
    padding: 50px 0;
  }
  .xcon h3 {
    font-size: 20px;
  }
  .xcon h2 {
    font-size: 14px;
  }
  .xcon {
    padding: 20px 10px;
  }
  .yleft h2 {
    font-size: 20px;
  }
  .sheng .bt1 {
    margin: 50px 0 40px;
  }
  .box5 {
    padding-top: 50px;
  }
  .csort {
    margin-top: 30px;
  }
  .he {
    margin-top: 30px;
  }
  .aleft,
  .aimg {
    width: 100%;
  }
  .box7 {
    padding: 50px 0 40px;
  }
  .aleft {
    margin-bottom: 30px;
  }
  .sbt span {
    font-size: 35px;
  }
  .sbt sup {
    top: -14px;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
  .nleft,
  .nright {
    width: 100%;
  }
  .nright {
    margin-top: 20px;
  }
  .box8 {
    margin: 50px 0;
  }
  .xin {
    margin-top: 30px;
  }
  .foot_nav2 {
    display: none;
  }
}

@media (max-width: 640px) {
  .box1 {
    padding: 30px 0;
  }
  .bt1 dd {
    font-size: 24px;
  }
  .bt1 dt {
    margin-top: 12px;
    font-size: 14px;
  }
  .pbt dd {
    font-size: 22px;
  }
  .psort {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    display: -webkit-flex;
  }
  .psort li {
    width: 48%;
  }
  .psort > li > a {
    font-size: 16px;
    padding-left: 15px;
  }
  .psec a {
    padding-left: 15px;
    line-height: 25px;
  }
  .ppr {
    padding: 20px;
  }
  .ppr h3 {
    font-size: 20px;
  }
  .pcon {
    margin: 15px 0 20px;
  }
  .pcon p {
    font-size: 15px;
  }
  .psort2 li {
    font-size: 16px;
    width: 97px;
    height: 40px;
    line-height: 40px;
  }
  .pmore a {
    font-size: 14px;
  }
  .plist {
    gap: 0;
    justify-content: space-between;
  }
  .plist li {
    width: 48%;
    margin-bottom: 15px;
  }
  .plist li h3 a {
    font-size: 14px;
    line-height: 38px;
    height: 38px;
  }
  .box2 {
    padding: 30px 0;
  }
  .htt {
    padding-left: 20px;
    margin: 20px 0;
  }
  .htt dd {
    font-size: 24px;
  }
  .htt dt {
    font-size: 18px;
    margin-top: 15px;
  }
  .hul li {
    margin-bottom: 5px;
  }
  .hul li p {
    font-size: 16px;
    padding-left: 6px;
  }
  .hul li img {
    width: 45px;
  }
  .zixun2 {
    width: 100%;
  }
  .dh2 {
    font-size: 22px;
    padding: 0;
    width: calc(100% - 120px);
    text-align: center;
  }
  .zixun2 a {
    width: 120px;
    font-size: 16px;
  }
  .box3 {
    padding: 30px 0;
  }
  .ys {
    margin-top: 26px;
  }
  .yleft {
    margin-left: 0;
    padding-bottom: 20px;
  }
  .yleft,
  .yy .img {
    width: 100%;
  }
  .yy .img {
    padding: 0 4%;
  }
  .ys2 h3 {
    font-size: 16px;
  }
  .yleft {
    width: 92%;
    margin: 0 auto;
  }
  .ys2 p {
    display: none;
  }
  .ys2 {
    width: 100%;
  }
  .sheng .bt1 {
    margin: 30px 0 20px;
  }
  .xuan li {
    width: 48%;
    margin-bottom: 15px;
  }
  .xcon {
    padding: 15px 5px;
  }
  .xcon p {
    font-size: 12px;
  }
  /* .xuan li:hover .xcon{height: 120px;} */
  .box5 {
    padding-top: 30px;
  }
  .csort {
    margin-top: 20px;
  }
  .csort li {
    padding-bottom: 20px;
    margin-bottom: 5px;
  }
  .csort li h3 {
    font-size: 15px;
  }
  .csort li a .img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    padding: 10px;
  }
  .csort li a .img img {
    max-width: 38px;
  }
  .csort li {
    width: 33%;
  }
  .csort li.cur {
    background-size: 15px;
  }
  .box6 {
    padding: 30px 0;
  }
  .dleft,
  .dimg {
    width: 100%;
    float: none;
  }
  .dleft h3 a {
    font-size: 22px;
    margin-top: 0;
  }
  .dcon {
    margin: 10px 0 20px;
  }
  .dimg {
    margin-top: 20px;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
  }
  .he h3 {
    font-size: 22px;
  }
  .mySwiper {
    margin-top: 20px;
  }
  .box7 {
    padding: 20px 0 30px;
  }
  .abt {
    padding-left: 20px;
  }
  .abt dd {
    font-size: 24px;
  }
  .abt dt {
    font-size: 16px;
  }
  .acon {
    font-size: 15px;
    margin: 10px 0 20px;
  }
  .sul {
    margin: 30px 0 20px;
  }
  .sul li {
    width: 50%;
  }
  .sul li p {
    font-size: 14px;
  }
  .sbt span {
    font-size: 30px;
  }
  .sul {
    padding: 24px 0 10px;
  }
  .asort li {
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .qie .pmore a {
    display: none;
  }
  .qiehu {
    margin-top: 20px;
  }
  .hul2 li {
    width: 48%;
    margin-bottom: 15px;
  }
  .box8 {
    margin: 30px 0;
  }
  .xin {
    margin-top: 25px;
  }
  .nsort li {
    width: 33.3%;
  }
  .nsort li a {
    font-size: 14px;
    line-height: 46px;
  }
  .nsort {
    margin-bottom: 20px;
  }
  .nul,
  .nul2 {
    width: 100%;
  }
  .nul2 {
    margin-top: 20px;
  }
  .nbj {
    padding: 20px 15px;
  }
  .nbj h3 a {
    font-size: 16px;
    margin: 10px 0 12px;
  }
  .nbj p,
  .nright .bd li p {
    font-size: 14px;
    line-height: 25px;
  }
  .nn {
    margin-bottom: 20px;
    line-height: 46px;
  }
  .nn h3 {
    line-height: 46px;
  }
  .nright .bd li h3 a {
    font-size: 16px;
  }
  .nright .bd li {
    margin-bottom: 15px;
  }
  .nright .bd li p {
    margin-top: 10px;
  }
  .ft1 {
    padding: 30px 0 10px;
  }
  .tlogo {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
  }
  .tlogo img {
    width: 120px;
  }
}

/* 内页新闻修改 */
.xypg-allcontent-news {
  align-items: stretch;
}
.xypg-allcontent-news-l {
  width: 70%;
}
.xypg-allcontent-news-list {
  margin-bottom: 3vh;
}
.xypg-allcontent-news-list li {
  width: 49%;
}
.xypg-allcontent-news-list li a {
  position: relative;
  display: block;
}
.xypg-allcontent-news-list li .img {
  overflow: hidden;
}
.xypg-allcontent-news-list li .img img {
  max-width: 100%;
  transition: all 0.8s;
}
.xypg-allcontent-news-list li .wz {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 10px;
}
.xypg-allcontent-news-list li .wz h3 {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  font: 600 18px/40px "Microsoft yahei";
}

.xypg-allcontent-news-list li .wz p {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #fff;
  font: 400 15px/28px "Microsoft yahei";
}
.xypg-allcontent-news-list li:hover .img img {
  transition: all 0.8s;
  transform: scale(1.08);
}

.xypg-allcontent-news-l-case {
  margin-top: 3vh;
  margin-bottom: 3vh;
  border: 1px solid #cbcbcb;
}

.xypg-allcontent-news-l-case .tit {
  background-color: #f1f1f1;
}

.xypg-allcontent-news-l-case .tit h3 {
  width: 180px;
  display: block;
  padding: 0 20px;
  background-color: #fff;
  text-align: center;
  color: #333;
  font: 400 15px/44px "Microsoft yahei";
}

.xypg-allcontent-news-l-case .list {
  padding: 15px 10px 0;
}

.xypg-allcontent-news-l-case .list li {
  float: left;
  width: calc(25% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 15px;
  border: 1px solid #cbcbcb;
  padding: 5px;
  background-color: #f1f1f1;
}

.xypg-allcontent-news-l-case .list li .img {
  overflow: hidden;
}

.xypg-allcontent-news-l-case .list li .img img {
  max-width: 100%;
  transition: all 0.8s;
}

.xypg-allcontent-news-l-case .list li h3 {
  text-align: center;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
  font: 400 14px/30px "Microsoft yahei";
}

.xypg-allcontent-news-l-case .list li:hover .img img {
  transition: all 0.8s;
  transform: scale(1.08);
}

.xypg-allcontent-news-l-case .list li:hover h3 {
  color: var(--primary-color);
}

.xypg-allcontent-news-r {
  width: 27%;
}
.xypg-allcontent-news-r .tit {
  background: var(--primary-color);
  padding: 0 15px;
  width: auto;
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 15px;
  font-family: "Microsoft YaHei";
  font-weight: bold;
}
.xypg-allcontent-news-r .list {
  background: #f2f2f3;
  padding: 10px;
}
.xypg-allcontent-news-r .list12 {
  background: #f2f2f3;
  padding: 10px;
}
.xypg-allcontent-news-r .list li a {
  position: relative;
  color: #888;
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 400 14px/32px "Microsoft yahei";
  padding-left: 22px;
}

.xypg-allcontent-news-r .list li a span {
  position: absolute;
  left: 0;
  display: block;
  color: #e03902;
  width: 10px;
}

.xypg-allcontent-news-r .list li:hover a {
  color: var(--primary-color);
}

.xypg-allcontent-news-r .list2 li a {
  padding-left: 22px;
  border-bottom: 1px solid #d9d9d9;
  font: 400 14px/38px "Microsoft yahei";
}

@media (max-width: 768px) {
  .xypg-allcontent-news-l-case {
    display: none;
  }
  .xypg-allcontent-news-l-case .list li {
    width: calc(50% - 10px);
  }
}

@media (max-width: 768px) {
  .xypg-product-list li .img {
    width: 100%;
  }
  .xypg-product-list li .wz {
    width: 100%;
  }
  .pg-product-list .proli1 i {
    width: 100%;
  }
  .xypg-allcontent-news-l {
    width: 100%;
  }
  .xypg-allcontent-news-r {
    display: none;
  }
  .xypg-allcontent-news-list li {
    width: 100%;
  }
  .xypg-allcontent-news-list li + li {
    margin-top: 10px;
  }
}

/* .product-detail-tab .product-detail-tabcon p img{width: 100%!important;} */

.kefu-fix {
  position: fixed;
  right: -178px;
  bottom: 20%;
  z-index: 9999;
}

.close_box {
  position: absolute;
  right: 190px;
  bottom: -210px;
  width: 44px;
  height: 149px;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  border-radius: 5px 0 0 5px;
  box-sizing: border-box;
  text-align: center;
}

.popups {
  box-shadow: 0 0 0 12px rgba(255, 199, 92, 0.6);
  cursor: pointer;
  animation: warnX 5s ease-out 0s;
  z-index: 333;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}
.popups span {
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 15px;
  font-size: 15px;
  padding: 15px;
  display: block;
}

@keyframes warnX {
  0% {
    box-shadow: 0 0 0 12px rgba(255, 199, 92, 0.6);
  }
  50% {
    box-shadow: 0 0 0 0px rgba(255, 199, 92, 0);
  }
  100% {
    box-shadow: 0 0 0 12px rgba(255, 199, 92, 0.6);
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.close_box img {
  display: block;
}
.xf {
  width: 178px;
  height: 610px;
  background: url(//static.xypt.net.cn/332dbfae/21/07/dae006cadec5ff6915fb178766fcf375dd8a4e6c.png) no-repeat center;

  padding: 184px 15px 0 15px;
}
.xf ul li {
  margin-bottom: 10px;
}
.xf ul li a {
  display: block;
  background: #e7c881;
  font-size: 14px;
  color: #fff;
  line-height: 40px;
  text-align: center;
}
.xf .xftel {
  font-size: 18px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.kefu-fix img.img2 {
  display: none;
}

.kefu-fix.open img.img1 {
  display: none;
}

.kefu-fix.open img.img2 {
  display: block;
}

.kefu-fix.open .close_box {
  width: 53px;
  height: 27px;
  top: -29px;
  right: 4px;
}

/* 流程 */
.w-process {
  padding: 9vh 0;
}
.w-process-con {
  position: relative;
  margin-top: 8vh;
}
.w-process-con::before {
  top: 68px;
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  content: "";
  height: 1px;
  background-color: #dadada;
}
.w-process-list1 {
  position: relative;
  z-index: 9;
}
.w-process-list1 li .img1 {
  width: 136px;
  height: 136px;
  background-color: #f2f2f2;
  border-radius: 68px;
  overflow: hidden;
  margin: 0 auto;
  padding: 28px;
}
.w-process-list1 li .img1 img {
  width: 80px;
}
.w-process-list1 li .wz h3 {
  text-align: center;
  color: #1c2134;
  font-size: 18px;
  line-height: 66px;
  font-weight: normal;
}
.w-process-list1 li .wz i {
  font-family: "heebobold";
  display: block;
  text-align: center;
  color: #b7b7b7;
  font-size: 17px;
}
.w-process-list1 li:hover .img1 {
  background-color: var(--primary-color);
}
.w-process-list1 li:hover .img1 img {
  filter: brightness(0%) invert(100%);
}
.w-process-list1 li:hover h3 {
  color: var(--primary-color);
}
.w-process-list2 {
  position: absolute;
  top: 64px;
  left: 68px;
  right: 68px;
}
.w-process-list2 li {
  position: relative;
  width: 16.66%;
}
.w-process-list2 li:last-child {
  display: none;
}
.w-process-list2 li span {
  display: block;
  width: 9px;
  height: 9px;
  background-color: #dadada;
  border-radius: 5px;
  overflow: hidden;
  margin: 0 auto;
}

@media (max-width: 1600px) {
  .w-process-list1 li .wz h3 {
    font-size: 16px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 768px) {
  .w-process {
    padding: 5vh 0;
  }
  .w-process-con {
    margin-top: 2vh;
  }
  .w-process-con::before {
    opacity: 0;
  }
  .w-process-list1 li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 1vh;
  }
  .w-process-list1 li .img1 {
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    background-color: #fff;
  }
  .w-process-list1 li .img1 img {
    width: 36px;
    height: 36px;
  }
  .w-process-list1 li .wz {
    width: calc(100% - 52px);
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  .w-process-list1 li .wz h3 {
    text-align: left;
    line-height: 32px;
  }
  .w-process-list1 li .wz i {
    text-align: left;
  }
  .w-process-list1 li:hover .img1 {
    background-color: #fff;
  }
}