article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,:before,:after{box-sizing:border-box;}
html,body,
ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,
nav,header,form,fieldset,legend,img,div,span,section,footer,em,input,textarea,a,
blockquote,button,hr,pre,td,th{margin:0;padding:0;box-sizing:border-box;}
fieldset,img,input,button,textarea{border:none;padding:0;margin:0;outline-style:none;}
ul,ol,dl,li,dt,dd{list-style:none;}
img{border:0;vertical-align:bottom;width:auto;}
a{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;text-decoration:none;}
s,i,em{font-style:normal;text-decoration:none;}
pre{white-space:pre-wrap;word-wrap:break-word;}
p{text-align:justify;}
html:not(.rem-ready) body {
    visibility: hidden;
}
html,body{min-height:100%;}
input,textarea{padding-top:0;padding-bottom:0;}
select,input{vertical-align:middle;}
select,input,textarea{margin:0;}
input[type="text"],input[type="password"],input[type="search"],input[type="number"],textarea,select{outline:none;-webkit-appearance:none;border-radius:0;border:none;background:none;transition:ease .45s;}
input::-webkit-input-placeholder{color:#888888;}
input:-moz-placeholder{color:#888888;}
input::-moz-placeholder{color:#888888;}
input:-ms-input-placeholder{color:#888888;}
textarea{resize:none;overflow:hidden;}
textarea::-webkit-input-placeholder{color:#888888;}
textarea:-moz-placeholder{color:#888888;}
textarea::-moz-placeholder{color:#888888;}
textarea:-ms-input-placeholder{color:#888888;}
select::-ms-expand{display:none;}
table{border-collapse:collapse;}
::-webkit-scrollbar{width:0;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
body{font-size:.16rem;font-family:Microsoft YaHei;background:#fff;}
.d-flex{display:flex;align-items:center;}
.align-center{align-items:center;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.ellipsis,.ellipsis1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;}
.ellipsis2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}

.imgbg{width:100%;height:100%;transition:ease 1s;background-position:center;background-repeat:no-repeat;background-size:cover;}
.imgbgs{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active{pointer-events:auto;z-index:3;}
.swiper-container-fade .swiper-slide{opacity:1!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;}
.swiper-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active{pointer-events:auto;z-index:3;}
.swiper-fade .swiper-slide{opacity:1!important;}
.swiper-fade .swiper-slide-active{opacity:1!important;}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column;}
.swiper-vertical>.swiper-wrapper{flex-direction:column;}
.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column;}
.swiper-pointer-events{touch-action:pan-y;}
.swiper-grid>.swiper-wrapper{flex-wrap:wrap;}
.z_video_pop{width:100%;height:100%;background:#000;position:fixed;left:0;top:0;z-index:999!important;display:flex;justify-content:center;align-items:center;opacity:0;transition:ease .6s;visibility:hidden;}
.z_video_pop.on{opacity:1;visibility:visible;}
.z_video_pop .close_btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;position:absolute;right:0;top:0;z-index:100;cursor:pointer;}
.z_video_pop .close_btn .iconfont{font-size:18px;color:#fff;}
#video{width:100%;max-height:100%;}
.z_video_pop .warp{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;}
.safe-width {
  width: 15.6rem;
  margin: 0 auto;
  padding: 0 0.3rem;
  max-width: 100%;
  box-sizing: border-box;
}
body {
  color: #000000;
  font-family: "Microsoft YaHei", "Microsoft YaHei";
  box-sizing: border-box;
}
/* 链接样式 */
a {
  color: #333333;
  text-decoration: none;
}
* {
  font-size: 0.16rem;
}
.header {
  z-index: 99;
  height: 0.67rem;
  position: sticky;
  top: 0;
  left: 0;
  background: #fff;
  --header-height: 0.67rem;
}
.header .header-content{
    height: 0.67rem;
}
.header .header-content .header-content-left img {
  width: 2.16rem;
}
.header .header-content .header-content-left .logo_g {
  display: none;
}
.header .header-content .header-content-right ul li {
  position: relative;
  margin-left: 0.48rem;
}
.header .header-content .header-content-right ul li:nth-child(1) {
  margin-left: 0;
}
.header .header-content .header-content-right ul li > a {
  display: block;
  transition: all 0.3s ease-in-out;
  position: relative;
  color: #000;
  cursor: pointer;
  font-size: 0.18rem;
}
.header .header-content .header-content-right ul li > a::after {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: 50%;
  width: 0;
  height: 0.04rem;
  background: #0069d9;
  transition: all 0.5s ease-in-out;
  border-radius: 1rem;
}
.header .header-content .header-content-right ul li.on,
.header .header-content .header-content-right ul li:hover {
  color: #0069d9;
}
.header .header-content .header-content-right ul li.on a::after,
.header .header-content .header-content-right ul li:hover a::after {
  width: 0.32rem;
  left: 50%;
  transform: translateX(-50%);
}

.header .header-content .header-content-right ul li:hover .contact_btn::after,
.header .header-content .header-content-right ul li .no-bar::after,
.header .header-content .header-content-right ul li:hover .no-bar::after,
.header .header-content .header-content-right ul li.on .no-bar::after {
  width: 0;
  left: 50%;
  transform: translateX(-50%);
}
.header .header-content .header-content-right ul li .sub-nav {
  position: absolute;
  top: 0.7rem;
  left: calc(50% - 0.7rem);
  width: 1.4rem;
  z-index: 10;
  padding: 0.2rem;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border-radius: 0 0 0.1rem 0.1rem;
  transition: all 0.3s ease;
  box-shadow: 12px 0 20px -10px rgba(0, 0, 0, 0.08), -12px 0 20px -10px rgba(0, 0, 0, 0.08), 0 10px 20px -8px rgba(0, 0, 0, 0.08);
}
.header .header-content .header-content-right ul li .sub-nav a {
  display: block;
  padding: 0.1rem 0;
  color: #161616;
  transition: all 0.3s ease;
  cursor: pointer;
}
.header .header-content .header-content-right ul li .sub-nav a:hover {
  color: #0069d9;
}
.header .header-content .header-content-right ul li:hover .sub-nav,
.header .header-content .header-content-right ul li .sub-nav.on {
  top: 0.44rem;
  visibility: visible;
  opacity: 1;
}
.header .social-links {
  position: relative;
}
.header .social-link-wrapper {
  display: flex;
  align-items: center;
  gap: 0.15rem;
}
.header .social-link-item {
  position: relative;
  display: flex;
  align-items: center;
}
.header .social-link {
  display: block;
  cursor: pointer;
}
.header .social-link .normal {
  display: block;
}
.header .social-link .hover {
  display: none;
}
.header.scroll .social-link .normal,
.header:hover .social-link .normal {
  display: none;
}
.header.scroll .social-link .hover,
.header:hover .social-link .hover {
  display: block;
}
.product-page .header .social-link .normal,
.news-page .header .social-link .normal,
.case-page .header .social-link .normal {
  display: none;
}
.product-page .header .social-link .hover,
.news-page .header .social-link .hover,
.case-page .header .social-link .hover {
  display: block;
}
.product-page .header:hover .social-link .normal,
.product-page .header.scroll .social-link .normal,
.product-page .header.scrolled .social-link .normal,
.news-page .header:hover .social-link .normal,
.news-page .header.scroll .social-link .normal,
.news-page .header.scrolled .social-link .normal,
.case-page .header:hover .social-link .normal,
.case-page .header.scroll .social-link .normal,
.case-page .header.scrolled .social-link .normal {
  display: none;
}
.product-page .header:hover .social-link .hover,
.product-page .header.scroll .social-link .hover,
.product-page .header.scrolled .social-link .hover,
.news-page .header:hover .social-link .hover,
.news-page .header.scroll .social-link .hover,
.news-page .header.scrolled .social-link .hover,
.case-page .header:hover .social-link .hover,
.case-page .header.scroll .social-link .hover,
.case-page .header.scrolled .social-link .hover {
  display: block;
}
.header .social-dropdown {
  position: absolute;
  top: 120%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  padding: 0.2rem;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border-radius: 0.1rem;
  transition: all 0.3s ease;
  box-shadow: 12px 0 20px -10px rgba(0, 0, 0, 0.08), -12px 0 20px -10px rgba(0, 0, 0, 0.08), 0 10px 20px -8px rgba(0, 0, 0, 0.08);
  white-space: nowrap;
  min-width: 1.6rem;
}
.header .social-link-item:hover .social-dropdown {
  top: 99%;
  visibility: visible;
  opacity: 1;
  padding: 0.25rem;
}
.header .social-dropdown-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header .social-dropdown-item img {
  width: 1rem;
  height: auto;
}
.header .social-dropdown-item span {
  font-size: 0.14rem;
  color: #161616;
}
.header.header-fixed {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.header.scrolled {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}
.header.header-fixed .header-content .header-content-left .logo_w {
  display: none;
}
.header.header-fixed .header-content .header-content-left .logo_g {
  display: block;
}
.header.header-fixed .header-content .header-content-right li > a {
  color: #161616;
}
.header.header-fixed .header-content .header-content-right li > a:hover,
.header.header-fixed .header-content .header-content-right li > a.on {
  color: #0069d9;
}
.header.header-fixed .header-content .header-content-right li.on > a {
  color: #0069d9;
}
.header .mobile-header {
  background: #fff;
  padding-left: 0.3rem;
  display: none;
  height: 1.16rem;
}
.header .mobile-header .logo {
  padding: 0.1rem 0;
}
.header .mobile-header .logo img {
  width: 3.17rem;
}
.header .mobile-header .menu-box img {
  width: 1.18rem;
}
.header .mobile-header .menu-box img.close {
  display: none;
}
.mobile-menu {
  position: fixed;
  top: 1.12rem;
  left: 0;
  height: calc(100vh - 1.12rem);
  background: #fff;
  width: 100%;
  z-index: 9999;
  overflow-y: scroll;
  display: none;
}
.mobile-menu li.active .mobile-menu-title {
  color: #004b9b;
}
.mobile-menu li .mobile-menu-title {
  padding: 0.38rem 0.3rem 0.35rem 0.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.36rem;
  color: #001934;
  border-bottom: 1px solid #e1e1e1;
}
.mobile-menu li .mobile-menu-title a,
.mobile-menu li .mobile-menu-title div {
  color: #001934;
  font-size: 0.36rem;
}
.mobile-menu li .mobile-menu-title img {
  width: 0.32rem;
  transition: all 0.3s ease;
}
.mobile-menu li .mobile-menu-title img.on {
  transform: rotate(90deg);
}
.mobile-menu li .sub-nav {
  background: #f9f9f9;
  display: none;
}
.mobile-menu li .sub-nav .sub-nav-item {
  padding: 0.2rem 0.3rem 0.2rem 0.4rem;
  border-bottom: 1px solid #e1e1e1;
  font-size: 0.34rem;
}
.mobile-menu li .sub-nav .sub-nav-item span {
  font-size: 0.34rem;
}
.mobile-menu li .sub-nav .sub-nav-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.23rem 0;
  font-size: 0.34rem;
  color: #2e425b;
}
.mobile-menu li .sub-nav .sub-nav-item-title img {
  width: 0.32rem;
  transition: all 0.3s ease;
}
.mobile-menu li .sub-nav .sub-nav-item-title img.on {
  transform: rotate(90deg);
}
.mobile-menu li .sub-nav .sub-nav-item-content {
  display: none;
  padding-bottom: 0.4rem;
}
.mobile-menu li .sub-nav .sub-nav-item-content a {
  padding: 0.13rem 0;
  color: #707e90;
  display: block;
  padding-left: 0.18rem;
  position: relative;
  font-size: 0.28rem;
}
.mobile-menu li .sub-nav .sub-nav-item-content a.on {
  color: #004b9b;
}
.block_sj {
  display: none;
}
.block_pc {
  display: block;
}
.footer {
  background: #1e5bc6;
  color: #fff;
  padding: 0;
}
.footer .footer-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.6rem 0.3rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .footer-col {
  flex: 1;
  padding: 0 0.2rem;
}
.footer .footer-col-1 {
  flex: 1.6;
}
.footer .footer-col-4 {
  flex: 0.8;
}
.footer .footer-divider {
  width: 0rem;
  height: 1.14rem;
  border: 0.01rem solid rgba(255, 255, 255, 0.49);
  opacity: 0.49;
  margin-top: 0.59rem;
  margin-right: 0.3rem;
}
.footer .footer-col .footer-logo {
  width: 2.21rem;
  margin-bottom: 0.25rem;
}
.footer .footer-col .footer-company {
  font-size: 0.24rem;
  margin-bottom: 0.15rem;
  color: #fff;
}
.footer .footer-col .footer-address {
  font-size: 0.16rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.6;
}
.footer .footer-col-title {
  font-size: 0.22rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
  color: #fff;
}
.footer .footer-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.18rem;
}
.footer .footer-links a {
  font-size: 0.16rem;
  color: #fff;
  line-height: 1.8;
}
.footer .footer-contact-info {
  font-size: 0.16rem;
  color: #fff;
  line-height: 2;
}
.footer .footer-contact-info a {
  color: #fff;
}
.footer .footer-qrcodes {
  display: flex;
  gap: 0.2rem;
}
.footer .footer-qrcodes .qrcode {
  /* width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.08rem; */
}

.footer .footer-bottom {
  padding: 0.3rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.footer .footer-bottom span {
  font-size: 0.15rem;
  color: #fff;
}
.footer .copyright {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.14rem;
  text-align: center;
}
.page_con {
  width: 100%;
  text-align: center;
  margin: 0.28rem 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_con nav ul {
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_con nav ul li {
  border-radius: 0;
}
.page_con nav ul li a {
  border: none !important;
  background: #fff;
  display: inline-flex;
  text-align: center;
  color: #000;
  font-size: 0.16rem;
  width: 0.44rem;
  height: 0.44rem;
  line-height: 0.44rem;
  padding: 0 !important;
  border-radius: 0 !important;
  margin: 0 0.08rem;
  background: #F3F3F3;
  justify-content: center;
  align-items: center;
}
.page_con nav ul li span {
  color: #000;
  font-size: 0.14rem;
}
.line-page {
  display: inline-block;
  margin-left: 0.49rem;
}
.go-page {
  display: flex;
  align-items: center;
  margin-left: 0.16rem;
}
.go-page input {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #999;
  text-indent: 1em;
}
.page_con nav ul .go-page a {
  font-size: 0.14rem;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a {
  width: 1.1rem;
}
.page_con nav ul li:hover a {
  color: #0069D9;
  background: #fff;
}
.page_con nav ul li.active a {
  color: #fff !important;
  background: #0069D9 !important;
}
@keyframes sonarAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  5% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
  }
}
.pu_link {
  display: inline-block;
}
.pu_link .a {
  --h: 0.59rem;
  cursor: pointer;
  transition: 0.4s;
  overflow: hidden;
  min-width: 1.54rem;
  height: var(--h);
  border-radius: calc(var(--h) / 2);
  padding: 0 0.33rem;
  background: linear-gradient(287deg, #0771d4 0%, #115fa8 100%);
  color: #fff;
  font-size: var(--f18);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
}
.pu_link .a p {
  position: relative;
  z-index: 2;
}
.pu_link .a .circle {
  position: relative;
  display: flex;
  width: 0.18rem;
  height: 0.18rem;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-left: 0.16rem;
}
.pu_link .a .circle::after,
.pu_link .a .circle::before {
  content: "";
  position: absolute;
  top: -0.18rem;
  right: -0.18rem;
  bottom: -0.18rem;
  left: -0.18rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  transition: 0.4s;
}
.pu_link .a .circle span {
  display: block;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background: #fff;
  margin: auto;
}
.pu_link .a:hover .circle::after,
.pu_link .a:hover .circle::before {
  animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.pu_link .a:hover .circle::after {
  animation-delay: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header .header-content .header-content-right ul li:last-child a{
display: flex;
justify-content: center;
align-items: center;
}
.contact_btn {
  width: 1.23rem;
  height: 0.37rem;
  border-radius: 0.02rem;
  font-size: 0.14rem;
  color: #ffffff;
  background: linear-gradient(90deg, #627edb 0%, #2e55d8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-sizing: border-box;
  padding: 0.08rem 0.15rem;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.contact_btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  transition: left 0.4s ease;
}
.contact_btn img {
  width: auto;
  height: 0.22rem;
  margin-right: 0.06rem;
  margin-top: 0.03rem;
  flex-shrink: 0;
}
.contact_btn span {
  font-size: 0.14rem;
  color: #ffffff;
  line-height: 0.19rem;
}
.contact_btn:hover {
  box-shadow: 0 0.1rem 0.2rem rgba(91, 141, 217, 0.4);
}
.contact_btn:hover::before {
  left: 100%;
}
@media screen and (max-width: 1099px){
  .header .header-content .header-content-right ul li{
    margin-left: 0.22rem;
  }
}
@media screen and (max-width: 1024px) {
  .header {
    height: 1.12rem;
  }
  .header .header-content {
    display: none;
  }
  .header .mobile-header {
    display: flex;
  }
  .pu_link .a {
    --h: 1.05rem;
    padding: 0 0.42rem;
    min-width: 3.45rem;
  }
  .pu_link .a p {
    font-size: 0.28rem;
  }
  .pu_link .a .circle {
    width: 0.3rem;
    height: 0.3rem;
  }
  .pu_link .a .circle::after,
  .pu_link .a .circle::before {
    top: -0.16rem;
    right: -0.16rem;
    bottom: -0.16rem;
    left: -0.16rem;
  }
  .pu_link .a .circle span {
    width: 0.1rem;
    height: 0.1rem;
  }
  .safe-width {
    width: 100%;
  }
  .footer .footer-container {
    padding: 0.5rem 0;
    flex-wrap: wrap;
  }
  .footer .footer-col {
    width: 50%;
    margin-bottom: 0.3rem;
  }
  .footer .footer-col-1 {
    width: 100%;
    text-align: center;
    margin-bottom: 0.4rem;
  }
  .footer .footer-col-1 .footer-logo {
    width: 4rem;
  }
  .footer .footer-col-1 .footer-company {
    font-size: 0.28rem;
  }
  .footer .footer-col-1 .footer-address {
    font-size: 0.22rem;
  }
  .footer .footer-col-title {
    font-size: 0.26rem;
    margin-bottom: 0.2rem;
  }
  .footer .footer-links {
    grid-template-columns: 1fr;
    gap: 0.15rem;
  }
  .footer .footer-links a {
    font-size: 0.22rem;
  }
  .footer .footer-contact-info {
    font-size: 0.22rem;
  }
  .footer .footer-qrcodes {
    justify-content: center;
  }
  .footer .footer-qrcodes .qrcode {
    width: 1.5rem;
    height: 1.5rem;
  }
  .footer .footer-bottom {
    flex-direction: column;
    gap: 0.2rem;
  }
  .footer .footer-bottom span {
    font-size: 0.22rem;
    display: block;
    line-height: 0.4rem;
  }
  .footer .footer-divider {
    display: none;
  }
  .block_sj {
    display: block;
  }
  .block_pc {
    display: none !important;
  }
  .page_con nav ul li.active a {
    background: #0069D9 !important;
  }
  .page_con {
    margin: 0.46rem 0 0 0;
  }
  .page_con nav ul li a {
    font-size: 0.26rem;
    width: 0.72rem;
    height: 0.72rem;
    line-height: 0.72rem;
    background: #f2f2f2;
    border-radius: 0 !important;
    margin: 0 0.03rem;
  }
  .pagination > li:first-child > a,
  .pagination > li:last-child > a {
    width: 1.9rem;
    letter-spacing: 0.05rem;
    background: #c7cfde;
    color: #fff !important;
  }
  .pagination > .disabled > a {
    background: #c8c8c8 !important;
    color: #fff !important;
  }
  .page_padding {
    padding: 0 0.3rem;
  }
}