:root {
  --top: 1rem;
  --bj: 5.8vw;
}
.p100 {
  padding-top: 1rem;
}
.p100_ {
  padding-bottom: 1rem;
}
.w1680 {
  padding: 0 5.8vw
}
.w1400 {
  padding: 0 13vw;
}
.w1200 {
  width: min(1200px, 90vw);
  margin: 0 auto;
}
.f66 {
  font-size: 0.66rem;
  line-height: 1.2;
}
.f52 {
  font-size: 0.52rem;
  line-height: 1.2;
}
.f38 {
  font-size: 0.38rem;
  line-height: 1.2;
}
.f36 {
  font-size: 0.36rem;
  line-height: 1.2;
}
.f32 {
  font-size: 0.32rem;
  line-height: 1.2;
}
.f28 {
  font-size: 0.28rem;
  line-height: 1.2;
}
.f26 {
  font-size: 0.26rem;
  line-height: 1.2;
}
.f24 {
  font-size: 0.24rem;
  line-height: 1.2;
}
.f22 {
  font-size: 0.22rem;
  line-height: 1.2;
}
.pc_header {
  z-index: 15;
  position: fixed;
  top: 0;
  width: 100%;
  transition: 0.4s;padding-top:40px;
}
.pc_header img.ac{ display:none}
.pc_header.active img.wh{ display:none}
.pc_header.active img.ac{ display: block}

.pc_header .he_box .logo a img {
  height: 0.48rem;
}
.pc_header .he_box .column .nav .slide {
  position: relative;
}
.pc_header .he_box .column .nav .slide .item {
  padding: 0 0.2rem;
}
.pc_header .he_box .column .nav .slide .item.active a{ color:#fff}
.pc_header.active .he_box .column .nav .slide .item.active a{ color:#0440D1}
.pc_header .he_box .column .nav .slide .item a {
  transition: 0.4s;
  line-height: var(--top);
  color: rgba(255, 255, 255, 0.6); font-size:18px;
}
.pc_header .he_box .column .nav .slide .item a:hover {
  color: #fff;
}
.pc_header .he_box .column .nav .slide .down_list {
  display: none;
  position: absolute;
  width: 160%;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}
.pc_header .he_box .column .nav .slide .down_list::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  border: 0.07rem solid transparent;
  border-bottom-color: #fff;
}
.pc_header .he_box .column .nav .slide .down_list .ul .li a {
  transition: 0.4s;
  padding: 0.16rem 0;
  text-align: center;
  color: #333;
}
.pc_header .he_box .column .nav .slide .down_list .ul .li a:hover {
  color: #fff;
  background: #0440D1;
}
.pc_header .he_box .column .nav .slide .down_solve {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 5.12rem;
  background: #fff;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}
.pc_header .he_box .column .nav .slide .down_solve::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  border: 0.07rem solid transparent;
  border-bottom-color: #fff;
}
.pc_header .he_box .column .nav .slide .down_solve .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 0.34rem 0;
}
.pc_header .he_box .column .nav .slide .down_solve .grid .one {
  border-right: 1px solid #ccc;
  padding: 0 0.34rem;
  display: grid;
  gap: 0.26rem;
}
.pc_header .he_box .column .nav .slide .down_solve .grid .one .child a img {
  width: 0.4rem;
}
.pc_header .he_box .column .nav .slide .down_solve .grid .one .child a span {
  padding-left: 0.14rem;
  flex: 1;
  transition: 0.4s;
  color: #333;
}
.pc_header .he_box .column .nav .slide .down_solve .grid .one .child.active a span,
.pc_header .he_box .column .nav .slide .down_solve .grid .one .child:hover a span {
  color: #0440D1;
}
.pc_header .he_box .column .nav .slide .down_solve .grid .two .none {
  display: none;
}
.pc_header .he_box .column .nav .slide .down_solve .grid .two .none > div {
  display: grid;
  gap: 0.26rem;
  padding: 0 0.34rem;
}
.pc_header .he_box .column .nav .slide .down_solve .grid .two .none > div a {
  transition: 0.4s;
  color: #666;
}
.pc_header .he_box .column .nav .slide .down_solve .grid .two .none > div a:hover {
  color: #0440D1;
}
.pc_header .he_box .column .nav .slide .down_solve .grid .two .none.active {
  display: block;
}
.pc_header .he_box .column .nav .slide:hover .down_list,
.pc_header .he_box .column .nav .slide:hover .down_solve {
  display: block;
}
.pc_header .he_box .column .nav .slide.active .item a {
  color: #fff;
}
.pc_header .he_box .menu .lang {
  margin-right: 0.22rem;
}
.pc_header .he_box .menu .lang a {
  transition: 0.4s;
  padding: 0 0.28rem;
  line-height: 0.46rem;
  display: flex;
  flex-wrap: wrap;
	background:#0440D1 ; color: #fff; border-radius: 20px
}.pc_header .he_box .menu .lang a:hover{
	 background: #222}
.pc_header .he_box .menu .lang a span {
  color: #fff;
  font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif
}
.pc_header .he_box .menu .lang a i {
  margin-left: 0.06rem;
  color: #fff;
}
.pc_header .he_box .menu .lang a:hover {
  border-color: #fff;
}
.pc_header .he_box .menu .shop, 
.pc_header .he_box .menu .state {
  position: relative;
  line-height: 0.38rem;
}
.pc_header .he_box .menu .shop {
  margin-right: .22rem;
}
.pc_header .he_box .menu .shop a, 
.pc_header .he_box .menu .state .login a {
  transition: 0.4s;
  width: 1.42rem;
  text-align: center;
  background: #0440D1;
  color: #fff;
}
.pc_header .he_box .menu .shop a {
  width: .8rem;  
}
.pc_header .he_box .menu .shop a:hover, 
.pc_header .he_box .menu .state .login a:hover {
  border-radius: 0.1rem;
}
.pc_header .he_box .menu .state .success {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  cursor: pointer;
}
.pc_header .he_box .menu .state .success .tips a {
  color: #fff;
  transition: 0.4s;
}
.pc_header .he_box .menu .state .success .tips span {
  font-family: GilroyBold;
  flex: 1;
}
.pc_header .he_box .menu .state .success .tips i {
  margin-left: 0.04rem;
}
.pc_header .he_box .menu .state .success .exit {
  display: none;
  width: 100%;
  position: absolute;
  top: 100%;
}
.pc_header .he_box .menu .state .success .exit p a{
  color: #fff;
  background: #0440D1;
  transition: 0.4s;
  line-height: 0.42rem;
  text-align: center;
}
.pc_header .he_box .menu .state .success .exit p a:hover {
  border-radius: 0.1rem;
}
.pc_header .he_box .menu .state .success:hover .exit {
  display: block;
}
.pc_header.active .he_box .column .slide .item a,
.pc_header.sticky .he_box .column .slide .item a,
.pc_header.none1 .he_box .column .slide .item a {
  color: #666;
}
.pc_header.active .he_box .column .slide .item a:hover,
.pc_header.sticky .he_box .column .slide .item a:hover,
.pc_header.none1 .he_box .column .slide .item a:hover {
  color: #0440D1;
}
.pc_header.active .he_box .column .slide.active .item a,
.pc_header.sticky .he_box .column .slide.active .item a,
.pc_header.none1 .he_box .column .slide.active .item a {
  color: #0440D1;
}
.pc_header.active .he_box .menu .lang a,
.pc_header.sticky .he_box .menu .lang a,
.pc_header.none1 .he_box .menu .lang a {
  border-color: rgba(0, 0, 0, 0.2);
}


.pc_header.active .he_box .menu .lang a:hover,
.pc_header.sticky .he_box .menu .lang a:hover,
.pc_header.none1 .he_box .menu .lang a:hover {
  border-color: #333000;
}
.pc_header.active .he_box .menu .state .success .tips a,
.pc_header.sticky .he_box .menu .state .success .tips a,
.pc_header.none1 .he_box .menu .state .success .tips a{
  color: #333;
}
.pc_header.none1 {
  background: none;
}
.pc_header.active {
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
  background: #fff; padding:0px
}
.pc_header.sticky {
  position: -webkit-sticky;
  position: sticky;
  background: #fff;
}
.pc_header.nav_none .he_box .column {
  opacity: 0;
  visibility: hidden;
}
.pc_header.is_login .he_box .menu .state .login {
  opacity: 0;
  visibility: hidden;
}
.pc_header.is_login .he_box .menu .state .success {
  display: block;
}
.pc_footer {
  background: #808080;
  padding-bottom: 0.66rem;
}
.pc_footer .ter_top .content1 {
  color: #fff;
  line-height: 1.2;
}
.pc_footer .ter_top .content2 .txt {
  color: #fff;
  line-height: 1.4;
}
.pc_footer .ter_top .content2 .form {
  margin-top: 0.3rem;
}
.pc_footer .ter_top .content2 .form form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.pc_footer .ter_top .content2 .form form .item {
  width: 4.5rem;
  padding: 0.18rem 0;
  border-bottom: 1px solid #8d8d8d;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pc_footer .ter_top .content2 .form form .item img {
  width: 0.26rem;
}
.pc_footer .ter_top .content2 .form form .item input {
  flex: 1;
  padding-left: 0.12rem;
  border: none;
  background: none;
  color: #fff;
}
.pc_footer .ter_top .content2 .form form .item input::placeholder {
  color: #bcbcbc;
}
.pc_footer .ter_top .content2 .form form .submit {
  margin-left: 0.9rem;
}
.pc_footer .ter_top .content2 .form form .submit input {
  cursor: pointer;
  transition: 0.4s;
  width: 2.3rem;
  line-height: 0.56rem;
  text-align: center;
  color: #fff;
  background: #0440D1;
  border: none;
}
.pc_footer .ter_top .content2 .form form .submit input:hover {
  border-radius: 0.14rem;
}
.pc_footer .ter_bot .content1 {
  margin: 1.8rem 0;
}
.pc_footer .ter_bot .content1 .logo {
  width: 28%;
}
.pc_footer .ter_bot .content1 .logo a img {
  height: 0.48rem;
}
.pc_footer .ter_bot .content1 .box {
  width: 72%;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
}
.pc_footer .ter_bot .content1 .box .dizhi {
  padding-right: 10%;
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4%;
}
.pc_footer .ter_bot .content1 .box .dizhi .li .phone {
  margin: 0.3rem 0;
}
.pc_footer .ter_bot .content1 .box .dizhi .li .phone a {
  color: #bcbcbc;
  transition: 0.4s;
}
.pc_footer .ter_bot .content1 .box .dizhi .li .phone a:hover {
  color: #fff;
}
.pc_footer .ter_bot .content1 .box .dizhi .li .add {
  color: #bcbcbc;
  line-height: 1.4;
}
.pc_footer .ter_bot .content1 .box .nav {
  width: 2.1rem;
}
.pc_footer .ter_bot .content1 .box .nav a {
  transition: 0.4s;
  color: #bcbcbc;
  margin-bottom: 0.2rem;
}
.pc_footer .ter_bot .content1 .box .nav a:last-child {
  margin-bottom: 0;
}
.pc_footer .ter_bot .content1 .box .nav a:hover {
  color: #fff;
}
.pc_footer .ter_bot .content2 .copy p {
  color: #bcbcbc;
  margin-left: 0.08rem;
}
.pc_footer .ter_bot .content2 .copy p a {
  display: inline-block;
  color: #bcbcbc;
  transition: 0.4s;
}
.pc_footer .ter_bot .content2 .copy p a:hover {
  color: #fff;
}
.pc_footer .ter_bot .content2 .code {
  display: flex;
}
.pc_footer .ter_bot .content2 .code .item {
  position: relative;
  margin-right: 0.12rem;
  cursor: pointer;
}
.pc_footer .ter_bot .content2 .code .item:last-child {
  margin-right: 0;
}
.pc_footer .ter_bot .content2 .code .item p a {
  transition: 0.8s;
  width: 0.52rem;
  height: 0.52rem;
  background: #707070;
  display: flex;
}
.pc_footer .ter_bot .content2 .code .item p a img {
  transition: 0.4s;
  margin: auto;
  max-width: 50%;
  max-height: 50%;
  filter: contrast(0.5);
}
.pc_footer .ter_bot .content2 .code .item .post {
  transition: 0.6s;
  opacity: 0;
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.pc_footer .ter_bot .content2 .code .item .post img {
  width: 1rem;
}
.pc_footer .ter_bot .content2 .code .item:hover p a {
  background: #0440D1;
}
.pc_footer .ter_bot .content2 .code .item:hover p a img {
  filter: contrast(1);
}
.pc_footer .ter_bot .content2 .code .item:hover .post {
  opacity: 1;
}
.pu_link {
  display: inline-block;
}
.pu_link a {
  transition: 0.4s;
  width: 1.96rem;
  line-height: 0.66rem;
  text-align: center;
  color: #fff;
  background: #0440D1; border-radius:100px
}
.pu_link a:hover {
  border-radius: 0.14rem;
}
.pu_link.white a {
  background: #fff;
  color: #0440D1;
}
.pu_link.color a {
  border: 0.02rem solid #0440D1;
  background: none;
  color: #0440D1;
}
.pu_jt {
  display: inline-block;
}
.pu_jt a {
  transition: 0.4s;
  width: 0.58rem;
  height: 0.58rem;
  background: #fff;
  display: flex;
}
.pu_jt a img {
  margin: auto;
  max-width: 40%;
}
.pu_jt a:hover {
  margin-left: 0.1rem;
}
.pu_point {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.book-grow{ 
 padding-top: 1rem
}
.pu_point .swiper-pagination-bullet {
  transition: 0.4s;
  opacity: 1;
  border-radius: 0;
  width: 0.2rem;
  height: 0.04rem;
  background: rgba(255, 255, 255, 0.5);
  margin: 0 0.08rem !important;
}
.pu_point .swiper-pagination-bullet-active {
  background: #0440D1;
}
.pu_switch {
  display: flex;
}
.pu_switch .prev i,
.pu_switch .next i {
  transition: 0.4s;
  cursor: pointer;
  color: rgba(51, 51, 51, 0.3);
}
.pu_switch .prev i:hover,
.pu_switch .next i:hover {
  color: #0440D1;
}
.pu_switch .next {
  margin-left: 0.1rem;
}
.pu_title .le_box {
 
 
}
.pu_title .le_box .en {
      font-size: 0.16rem;
    font-weight: 500;
    line-height: 1.4;
    color: #0440D1;
}
.pu_title .ri_box {
 
}
.pu_title .ri_box .text {
  color: #333;
}
.pu_title .ri_box .desc {
  margin-top: 0.28rem;
  color: #666;
}
.pu_title.white .le_box {
  background: #fff;
}
.pu_title.white .le_box .en {
  color: #0440D1;
}
.pu_title.white .ri_box .text {
  color: #fff;
}
.pu_title.white .ri_box .desc {
  color: #fff;
}
.public_anchor {
  position: relative;
  top: calc((var(--top) - 1px) * -1);
}
.index_banner {
  position: relative; margin:20px; border-radius:30px ; overflow:hidden
}
.index_banner .swiper .swiper-slide {
  position: relative;
}
.index_banner .swiper .swiper-slide .slide_img img,
.index_banner .swiper .swiper-slide .slide_img video {
  width: 100%;
  height:calc( var(--vh) - 40px);
}
.index_banner .swiper .swiper-slide .slide_post {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.index_banner .swiper .swiper-slide .slide_post > div {
  width: 100%;
}
.index_banner .swiper .swiper-slide .slide_post > div .content1 {
  color: #fff;
}
.index_banner .swiper .swiper-slide .slide_post > div .content1 .text{ display:inline-block; text-transform:uppercase; font-size:20px; padding:6px 15px 6px 0px; color:#fff;font-family: 'gilroy_bold'; font-size: 0.5rem;width:70%}
.index_banner .swiper .swiper-slide .slide_post > div .content1 .desc {
  margin-top: 0.2rem;font-size: 0.24rem; 
}
.index_banner .swiper .swiper-slide .slide_post > div .content2 {
  margin-top: 0.68rem;
}
.index_banner .pu_point {
  z-index: 2;
  position: absolute;
  bottom: 4%;
  left: 0;
}
.index_banner .scroll {
  z-index: 2;
  position: absolute;
  bottom: 4%;
  right: var(--bj);
}
.index_banner .scroll p {
  color: #fff;
  font-family: GilroyBold;
  writing-mode: vertical-lr;
  text-transform: uppercase;
  animation: moveNext 1s linear infinite;
}
@keyframes moveNext {
 0% {
   transform: translateY(.1rem);  
 }
 50% {
   transform: translateY(0);  
 }
 100% {
    transform: translateY(.1rem);   
 }
}

.index_service{ background:#ECF4FB;  border-radius:30px}
.index_service .ser_tit{ text-align: center; margin-bottom: 40px}
.index_service .ser_tit h3{    font-size: 0.16rem;
    font-weight: 500;
    line-height: 1.4;
    color: #0440D1;font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    display: inline-flex;
    background: #fff;
    padding: 9px 15px 7px 15px;
    border-radius: 100px;
}
.index_service .ser_tit h1{    font-size: 0.46rem;
    font-weight: bold;
    line-height: 1.4;
    color: #0B1030;}
.index_service ul{display: flex;
  flex-direction: row;
container-widget-width: initial;
container-widget-height: 100%;
container-widget-flex-grow: 1;
container-widget-align-self: stretch;
flex-wrap-mobile: wrap;
gap: 30px 30px;
row-gap: 30px;
column-gap: 30px;
flex-wrap: wrap;
overflow: visible;}
.index_service ul li{ transition: all 0.3s ease-in-out;

border-radius: 46px;
 overflow: visible; 

}
.index_service ul li a{ max-width: 100%;   
    display: flex;
    
    
}
.index_service ul li .top {
    display: flex;
   
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    align-items: center;
    transition: all .4s ease;
  
    overflow: hidden;

    border-bottom: 1px solid #0a3e82;
    padding: 0px 0px 20px 0px;  margin-bottom: 40px
}
.index_service ul li .bot{box-sizing: border-box; width: 100%;  background:#0a3064 url(../images/service_bg.jpg) no-repeat bottom;
    margin: 0.25rem -0.3rem 0;
    padding: 0.5rem 0.5rem ;
    position: relative; position:relative; z-index:2; border-radius: 16px
    }
.index_service ul li h3{ color:#fff; padding:20px 0px; font-weight:bold; font-size:0.2rem}
.index_service ul li p{ color:#fff; font-size:0.16rem; opacity:0.8; line-height:1.6; margin-bottom:10px}

.index_service ul li  .box-body {
    width: 100%;
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-left: 15px;
	gap: 10px;}
	.index_service ul li  .tb{-webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;position: relative;
    width: 60px;
    height: 60px;
       background: #0440D1;
    border-radius: 60px;
    display: flex
;
    justify-content: center;
    align-items: center;
    overflow: hidden;}
		.index_service ul li .tb::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
 background: linear-gradient(90deg, #896232 0%,#0440D1 100%);
    border-radius: 60px;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    z-index: 0;
}
.index_service ul li .tb i{ font-size: 30px; color: #fff; z-index:1}	
.index_service ul li  h1{ color:#fff; font-weight: bold; font-size: 0.3rem }
.index_service ul li  span{ color: #fff; font-size:0.24rem; border:2px solid  #0440D1; border-radius:20px; width:40px; height:40px; text-align:center; line-height:36px;transform: rotate(-45deg); transition: transform 0.5s ease;}
.index_service ul li:hover span{transform: rotate(0deg); background: rgba(255,255,255,0.8);}
		.index_service ul li:hover  .tb::before{
    transform: scale(1);
}	
.index_service ul li .text{ line-height: 1.6; font-size:0.16rem; color: #556171 }
.index_service ul li .pic{ width: 100%; position: relative; overflow: hidden; border-radius: 16px}
.index_service ul li .pic img{    max-width: 100%;    display: inline-block;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    max-width: 100%;}
.index_service ul li .pic:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;    text-align: center;
}
.index_about{}
.pxl-team-single1 .pxl-item--inner{padding-left:70px}
.pxl-team-single1 .pxl-team-avatar{position:relative;z-index:1}
.pxl-team-single1 .pxl-team-avatar>img{-webkit-transform:translateX(10px);-khtml-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px);height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;}
.pxl-team-single1 .box-icon {
    position: absolute;
    display: inline-block;
    z-index: 1;
}
.pxl-team-single1 .box-icon.box-icon-1{top:7px;left:20px;animation:pxl_right_left_small 12s ease-out infinite;-webkit-animation:pxl_right_left_small 12s ease-out infinite}
.pxl-team-single1 .box-icon img{max-height:141px;    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;}
.pxl-team-single1 .box-icon.box-icon-2{top:130px;right:-20px;animation:pxl_bottom_top_small 12s ease-out infinite;-webkit-animation:pxl_bottom_top_small 12s ease-out infinite}.pxl-team-single1 .pxl-team-avatar{position:relative;z-index:1}
.pxl-team-single1 .pxl-team-avatar>img{-webkit-transform:translateX(10px);-khtml-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px)}

.pxl-team-single1 .pxl-item--meta{display: flex
;
    flex-wrap: wrap;
    align-items: center;position:absolute;bottom:70px;left:-70px;z-index:1;padding:10px;border-radius:100px;background:rgba(255,255,255,.6);-webkit-box-shadow:0 19px 30px 0 rgba(40,201,199,.35);-khtml-box-shadow:0 19px 30px 0 rgba(40,201,199,.35);-moz-box-shadow:0 19px 30px 0 rgba(40,201,199,.35);-ms-box-shadow:0 19px 30px 0 rgba(40,201,199,.35);-o-box-shadow:0 19px 30px 0 rgba(40,201,199,.35);box-shadow:0 19px 30px rgba(40,201,199,.35);backdrop-filter:blur(20px)}
.pxl-team-single1 .pxl-item--icon{    display: flex
;
    align-items: center;
    justify-content: center;width:75px;height:75px;-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;background-color:#fff;-webkit-box-shadow:0 8px 15px rgba(41,233,218,.25);-khtml-box-shadow:0 8px 15px rgba(41,233,218,.25);-moz-box-shadow:0 8px 15px rgba(41,233,218,.25);-ms-box-shadow:0 8px 15px rgba(41,233,218,.25);-o-box-shadow:0 8px 15px rgba(41,233,218,.25);box-shadow:0 8px 15px rgba(41,233,218,.25)}
.pxl-team-single1 .pxl-item--icon img{max-height:44px;    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;}
.pxl-team-single1 .pxl-meta{padding:0 25px 0 20px}.pxl-team-single1 .pxl-meta .pxl-box--title{color:#046270;font-size:22px;font-weight:700;margin-bottom:3px}.pxl-team-single1 .pxl-meta .pxl-sub-title{color:#4286f5;font-size:16px;font-weight:400;line-height:26px}.pxl-team-single1 .pxl-item--meta{position:absolute;bottom:70px;left:-70px;z-index:1;padding:10px;border-radius:100px;background:rgba(255,255,255,.6);-webkit-box-shadow:0 19px 30px 0 rgba(40,201,199,.35);-khtml-box-shadow:0 19px 30px 0 rgba(40,201,199,.35);-moz-box-shadow:0 19px 30px 0 rgba(40,201,199,.35);-ms-box-shadow:0 19px 30px 0 rgba(40,201,199,.35);-o-box-shadow:0 19px 30px 0 rgba(40,201,199,.35);box-shadow:0 19px 30px rgba(40,201,199,.35);backdrop-filter:blur(20px)}

.pxl-team-single1 .pxl-body{padding:25px 15px 35px;background-color:#fff;-webkit-box-shadow:0 2px 6px rgba(0,0,0,6%);-khtml-box-shadow:0 2px 6px rgba(0,0,0,6%);-moz-box-shadow:0 2px 6px rgba(0,0,0,6%);-ms-box-shadow:0 2px 6px rgba(0,0,0,6%);-o-box-shadow:0 2px 6px rgba(0,0,0,6%);box-shadow:0 2px 6px rgba(0,0,0,6%);-webkit-border-radius:0 0 25px 25px;-khtml-border-radius:0 0 25px 25px;-moz-border-radius:0 0 25px 25px;-ms-border-radius:0 0 25px 25px;-o-border-radius:0 0 25px 25px;border-radius:0 0 25px 25px;max-width:90%;width:90%;text-align:center}
.pxl-team-single1 .pxl-item--title{color:#1D2864;font-size:38px;font-weight:700;}
.pxl-team-single1 .pxl-item--title a{color:inherit}
.pxl-team-single1 .pxl-item--title a:hover{color:#506CD7}
.index_about{ background: }
.index_about .pu_title{    font-size: 0.16rem;
    font-weight: 500;
    line-height: 1.4;
    color: #0440D1;
}
.index_about .pu_title .en{ position: relative;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #0440D1;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    display: inline-flex
;
    background: #fff;
    padding: 9px 15px 7px 15px;
    border-radius: 100px;}
.pxl-team-single1 .pxl-team-avatar:before{width:90%;display:block;bottom:0;left:0;z-index:-1;top:60px;position:absolute;content:"";-webkit-border-radius:25px 25px 0 0;-khtml-border-radius:25px 25px 0 0;-moz-border-radius:25px 25px 0 0;-ms-border-radius:25px 25px 0 0;-o-border-radius:25px 25px 0 0;border-radius:25px 25px 0 0;background-image:linear-gradient(to right,#24B7D3,#30EFAD)}
.index_about .pu_title .text{font-size: 0.36rem;
    font-weight: bold;
    line-height: 1.4;
    color: #0B1030;}
.index_service ul li .pic:hover:after{height: 250%;
    transition: all 600ms linear !important;
    background-color: transparent;}
.index_about .ut_cen {
  margin: 0rem 0 1.06rem;
}
.index_about .conte{ background: rgba(164, 184.00000000000003, 195, 0.25); padding:10px 26px;  border-radius: 20px}
.index_about .conte .p{display: flex
;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    letter-spacing: .1px;
    font-weight: 400;
    color: #000137; margin: 10px 0px}
.index_about .conte .p i{  background:#0a3064; width: 40px; height: 40px; border-radius: 100%; display: block; line-height: 40px; text-align: center; color: #fff;}
.index_about .ut_cen .le_box {
  width: 42%;
 
}
.index_about .ut_cen .le_box img {
  transition: 0.4s;    vertical-align: middle; width:100%
  
}
.index_about .ut_cen .le_box:hover img {
  transform: scale(1.05);
}
.index_about .ut_cen .ri_box {
  width: 50%; margin-left: 8%
 
}
.about_2 .e-con-inner{ display: flex;    flex-wrap:initial;    justify-content:initial;
    align-content: initial;
    align-items:initial;
    align-self: auto;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
	gap: 130px 130px;
    height: 100%;
    margin: 0 auto;
    max-width: var(--content-width);
    padding-inline-end: 0;
    padding-inline-start: 0;
    width: 100%;

}
.ab2_ri ul{display: flex;
   flex-direction: row;
   container-widget-width: initial;
   container-widget-height: 100%;
   container-widget-flex-grow: 1;
  container-widget-align-self: stretch;
  flex-wrap-mobile: wrap;
  justify-content: space-between;
gap: 20px 20px;
row-gap: 20px;
column-gap: 20px;}
.ab2_ri ul li:first-child{ border-right: 1px solid #ccc;}
.ab2_ri ul li i { font-size: 40px; color:#0440D1;margin-bottom: 36px; display: block}
.ab2_ri ul li h1{font-weight: 600;
    line-height: 1.21;
    margin-bottom: 26px;font-size: 25.6px;}
.ab2_ri ul li  p{font-size: 17px;
    line-height: 1.64;
    }
.index_about .ut_cen .ri_box .content1 {
 
  overflow: auto;
  padding-right: 0.1rem; margin-bottom: 0.1rem; text-align: justify
}
.index_about .ut_cen .ri_box .content1::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.index_about .ut_cen .ri_box .content1::-webkit-scrollbar-thumb {
  background: #0440D1;
}
.index_about .ut_cen .ri_box .content1::-webkit-scrollbar-track {
  background: rgba(237, 113, 0, 0.3);
}
.index_about .ut_cen .ri_box .content1 p {
  color: #666;
  line-height: 0.35rem;
}
.index_about .ut_cen .ri_box .content2 {
  margin-top: 0.36rem;
	display: flex;
   flex-direction: row;
  container-widget-width: calc((1 - var(--container-widget-flex-grow))* 100%);
 container-widget-height: 100%;
  container-widget-flex-grow: 1;
 container-widget-align-self: stretch;
 flex-wrap-mobile: wrap;
   justify-content: flex-start;
align-items: center;
  gap: 30px 30px;
 row-gap: 30px;
column-gap: 30px;

padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

.index_about .ut_cen .ri_box .content2 .pxl-item-inner {
    display: flex
;
    align-items: center;
    gap: 13px;
}

.index_about .ut_cen .ri_box .content2  .pxl-item-inner .pxl-item--icon {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1.25px solid rgba(0, 25, 76, .15);
    display: flex
;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    width: 50px;
    height: 50px;
	color: #00194c;}
	.index_about .ut_cen .ri_box .content2  .pxl-item-inner .pxl-item--icon i{ font-size:26px}
.index_about .ut_cen .ri_box .content2 .pxl-item-inner .pxl-meta-content .pxl-item-desc {
    font-size: 16px;
    letter-spacing: .1px;
    color: rgba(104, 119, 153, .7);
    line-height: 1.2;
}


.index_about .ut_cen .ri_box .content2 .pxl-item-inner .pxl-meta-content .pxl-item-title {
    font-size: 22px;
    font-weight: 600;
    color: #00194c;
    line-height: 1.2;box-shadow: none;
    text-decoration: none;
}

.shuzi .ut_bot {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
.shuzi .ut_bot .slide {
  padding: 0.4rem 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.shuzi .ut_bot .slide  .top{display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; margin-bottom: 30px}
.shuzi .ut_bot .slide  .top .data{    display: flex
;
  justify-content: flex-end}
.shuzi .ut_bot .slide .top .data .counter{  font-family: 'gilroy_bold';}
.shuzi .ut_bot .slide::before {
  content: '';
  position: absolute;
  right: -1rem;
  width: 1px;
  height: 100%;
  background: #ccc;
}
.shuzi .ut_bot .slide:last-child::before { display: none}

.shuzi .ut_bot .slide .svg {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 70px; height:70px; border: 2px solid #0440D1; border-radius: 20px;  display: block;text-align: center; background:#0a3064
}
.shuzi .ut_bot .slide .svg i{font-size:30px;color:#fff; line-height: 70px; }
.index_about .ut_bot .slide .svg img {
  max-width: 100%;
}
.index_about .ut_bot .slide .content {
  color: #333;
}
.index_about .ut_bot .slide .content .data {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.index_about .ut_bot .slide .content .data p {
  font-weight: bold;
  line-height: 0.8;
}
.index_about .ut_bot .slide .content .data span {
  font-family: GilroyBold;
  margin-left: 0.06rem;
}
.shuzi .ut_bot .slide  .desc {
  color: #333;
  margin-top: 0.18rem;
}
.index_about .ut_bot .slide:last-child::before {
  display: none;
}

.shuzi{ background: #fff}
.index_display {
  background: #efece3;
}
.index_display .ay_bot {
  margin-top: 0.64rem;
}
.index_display .ay_bot .content1 {
  width: 2.1rem;
}
.index_display .ay_bot .content1 p {
  cursor: pointer;
  color: #333;
  transition: 0.4s;
  margin-bottom: 0.3rem;
}
.index_display .ay_bot .content1 p:last-child {
  margin-bottom: 0;
}
.index_display .ay_bot .content1 p.active,
.index_display .ay_bot .content1 p:hover {
  color: #0440D1;
}
.index_display .ay_bot .content2 {
  flex: 1;
}
.index_display .ay_bot .content2 .box {
  display: none;
}
.index_display .ay_bot .content2 .box.active {
  display: block;
}
.index_display .ay_bot .content2 .box .le_box {
  position: relative;
  flex: 1;
  padding-right: 0.1rem;
}
.index_display .ay_bot .content2 .box .le_box .bk_box {
  position: absolute;
  left: 0;
  bottom: 0.5rem;
  width: 100%;
  padding-right: 0.1rem;
}
.index_display .ay_bot .content2 .box .le_box .bk_box p {
  display: none;
  width: 100%;
}
.index_display .ay_bot .content2 .box .le_box .bk_box p img {
  width: 100%;
}
.index_display .ay_bot .content2 .box .le_box .bk_box p.active {
  display: block;
}
.index_display .ay_bot .content2 .box .le_box .img_box {
  z-index: 2;
  position: relative;
}
.index_display .ay_bot .content2 .box .le_box .img_box p {
  display: none;
  width: 100%;
  text-align: center;
}
.index_display .ay_bot .content2 .box .le_box .img_box p img {
  max-width: 100%;
  max-height: 7rem;
}
.index_display .ay_bot .content2 .box .le_box .img_box p.active {
  display: block;
}
.index_display .ay_bot .content2 .box .ri_box {
  width: 4.2rem;
  background: #0440D1;
  color: #fff;
  padding: 0.5rem;
}
.index_display .ay_bot .content2 .box .ri_box .txt {
  line-height: 1.4;
}
.index_display .ay_bot .content2 .box .ri_box .text_switch {
  padding: 0.45rem 0 0.78rem;
}
.index_display .ay_bot .content2 .box .ri_box .text_switch .scroll p {
  cursor: pointer;
  padding: 0.1rem 0;
  position: relative;
  margin-right: 0.36rem;
}
.index_display .ay_bot .content2 .box .ri_box .text_switch .scroll p:last-child {
  margin-right: 0;
}
.index_display .ay_bot .content2 .box .ri_box .text_switch .scroll p::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0.03rem;
  background: #fabf1b;
}
.index_display .ay_bot .content2 .box .ri_box .text_switch .scroll p:hover::before,
.index_display .ay_bot .content2 .box .ri_box .text_switch .scroll p.active::before {
  width: 100%;
}
.index_display .ay_bot .content2 .box .ri_box .btn_switch .li {
  display: none;
}
.index_display .ay_bot .content2 .box .ri_box .btn_switch .li.active {
  display: block;
}
.index_case {
  background: #0a3064;
}

.index_case .se_top .content1 {
  flex: 1;
}
.index_case .se_cen {
  margin: 0.76rem 0 1rem;
  padding-left: var(--bj); color: #fff;
}
.index_case .se_cen .swiper .swiper-slide a {
  background: #fff; border-radius:10px
}
.index_case .se_cen .swiper .swiper-slide a .content {
  padding: 0 0.4rem 0.6rem 0.4rem;
}
.index_case .se_cen .swiper .swiper-slide a .content .ent_1 {
  padding: 0.6rem 0 0.28rem;
  border-bottom: 1px solid #ccc;
}
.index_case .se_cen .swiper .swiper-slide a .content .ent_1 .svg {
  height: 0.7rem; border-radius: 0.7rem; overflow: hidden; width: 0.7rem
}
.index_case .se_cen .swiper .swiper-slide a .content .ent_1 .svg img {
  max-height: 100%; width: 100%
} 
.index_case .se_cen .swiper .swiper-slide a .content .ent_1 .txt {
  transition: 0.4s;
  padding-left: 0.36rem;
  flex: 1;
  color: #333; font-weight: bold
}
.index_case .se_cen .swiper .swiper-slide a .content .ent_2 {
  margin: 0.4rem 0 ;
 
}
.index_case .se_cen .swiper .swiper-slide a .content .ent_2 p {
  color: #666;
  line-height: 0.35rem;
}
.index_case .se_cen .swiper .swiper-slide a .img {
  width: 100%;
  padding-left: 0.4rem;
}
.index_case .se_cen .swiper .swiper-slide a .img div {
  width: 100%;
  overflow: hidden;
}
.index_case .se_cen .swiper .swiper-slide a .img div img {
  transition: 0.4s;
  width: 100%;
}
.index_case .se_cen .swiper .swiper-slide a:hover .content .ent_1 .txt {
  color: #0440D1;
}
.index_case .se_cen .swiper .swiper-slide a:hover .img div img {
  transform: scale(1.05);
}
.index_case .se_bot .toggle {
  position: relative;
}
.index_case .se_bot .toggle .pu_switch {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.index_case .se_bot .toggle .pu_switch .prev,
.index_case .se_bot .toggle .pu_switch .next{ border:1px solid #8babf9; width: 50px; height: 50px; text-align:  center; border-radius: 50px;}
.index_case .se_bot .toggle .pu_switch .prev i,
.index_case .se_bot .toggle .pu_switch .next i {
  color: rgba(255, 255, 255, 0.5); line-height: 50px; display: block
}
.index_case .se_bot .toggle .pu_switch .prev:hover,
.index_case .se_bot .toggle .pu_switch .next:hover {
  color: #fff; background: rgba(255, 255, 255, 0.5)
} 
.index_case .se_bot .pu_point .swiper-pagination-bullet-active {
  background: #fff;
}
.index_news .ws_top .content1 {
  flex: 1;
}
.index_news .ws_cen {
  --gap: 20px;
  --he: 2.94rem;
  margin: 0.82rem 0;
}
.index_news .ws_cen .swiper {
  height: calc((var(--he) * 2) + 20px);
}
.index_news .ws_cen .swiper .swiper-slide {
  
}
.index_news .ws_cen .swiper .swiper-slide a {
  height: 100%;
  position: relative;
  background: #f3f1e8;
}
.index_news .ws_cen .swiper .swiper-slide a .de_img {
  position: relative;
  height: 100%;
  transition: 0.6s;
 
  width: 100%;
}

.index_news .ws_cen .swiper .swiper-slide a .de_img img {
  height: 100%;
  width: 100%;
}
.index_news .ws_cen .swiper .swiper-slide a .de_post {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.4rem 0.5rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.index_news .ws_cen .swiper .swiper-slide a .de_post .time {
  color: #0440D1;
}
.index_news .ws_cen .swiper .swiper-slide a .de_post .text {
  height: 0.84rem;
}
.index_news .ws_cen .swiper .swiper-slide a .de_post .text p {
  transition: 0.4s;
  color: #333;
  line-height: 0.42rem;
}
.index_news .ws_cen .swiper .swiper-slide a:hover .de_img {
  opacity: 1;
}
.index_news .ws_cen .swiper .swiper-slide a:hover .de_post .text p {
  color: #fff;
}
.index_news .ws_bot .toggle {
  position: relative;
}
.index_news .ws_bot .toggle .pu_switch {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.index_news .ws_bot .pu_point .swiper-pagination-bullet {
  background: #ddd;
}
.index_news .ws_bot .pu_point .swiper-pagination-bullet-active {
  background: #0440D1;
}
.pu_banner {
  position: relative;
}
.pu_banner .ban_bk {
  width: 100%;
}
.pu_banner .ban_bk img {
  width: 100%;
}
.pu_banner .ban_text {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.pu_banner .ban_text h1 {
  color: #fff;
}
.pu_banner .ban_post {
  position: absolute;
  width: 100%;
  bottom: 8%;
}
.pu_banner .ban_post .wx_box a {
  position: relative;
  color: #fff;
  opacity: 0.8;
  transition: 0.4s;
  margin-right: 0.36rem;
  padding-bottom: 0.2rem;
}
.pu_banner .ban_post .wx_box a::before {
  transition: 0.6s;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0.02rem;
  background: #0440D1;
}
.pu_banner .ban_post .wx_box a:last-child {
  margin-right: 0;
}
.pu_banner .ban_post .wx_box a.active,
.pu_banner .ban_post .wx_box a:hover {
  opacity: 1;
}
.pu_banner .ban_post .wx_box a.active::before,
.pu_banner .ban_post .wx_box a:hover::before {
  width: 100%;
}
.pu_down a .btn {
  width: 0.34rem;
  height: 0.34rem;
  background: #0440D1;
  display: flex;
}
.pu_down a .btn img {
  max-height: 28%;
  margin: auto;
  transform: rotate(90deg);
}
.pu_down a span {
  margin-left: 0.2rem;
  color: #fff;
  text-transform: uppercase;
  font-family: GilroyBold;
}
.pu_page {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.pu_page .prev a,
.pu_page .next a {
  cursor: pointer;
}
.pu_page .prev a i,
.pu_page .next a i {
  color: #999;
}
.pu_page .prev a i:hover,
.pu_page .next a i:hover {
  color: #0440D1;
}
.pu_page .number {
  width: auto;
  margin: 0 0.8rem;
  color: #999;
}
.pu_page .number span {
  color: #333;
}
.pu_crumb {
  padding-top: 0.46rem;
}
.pu_crumb a {
  color: #999;
  transition: 0.4s;
}
.pu_crumb a:hover {
  color: #0440D1;
}
.pu_crumb i {
  margin: 0 0.1rem;
  color: #0440D1;
}
.pu_crumb span {
  color: #333;
}
.pu_slide {
  background: #fff;
  border-bottom: 0.02rem solid #ebebeb;
  border-right: 0.02rem solid #ebebeb;
}
.pu_slide a {
  position: relative;
  padding: 0.42rem;
}
.pu_slide a::before {
  transition: 0.6s;
  content: '';
  position: absolute;
  width: 0%;
  height: 0.04rem;
  background: #0440D1;
  bottom: 0;
  left: 0;
}
.pu_slide a .img {
  height: 3rem;
  display: flex;
  flex-wrap: wrap;
}
.pu_slide a .img img {
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}
.pu_slide a .content {
  margin-top: 0.48rem;
}
.pu_slide a .content .text p {
  color: #333;
  line-height: 0.34rem;
  height: 0.68rem;
}
.pu_slide a .content .jianto {
  margin-top: 0.28rem;
  transition: 0.4s;
  width: 0.58rem;
  height: 0.58rem;
  background: #f2f2f2;
  display: flex;
}
.pu_slide a .content .jianto svg {
  margin: auto;
}
.pu_slide a .content .jianto svg path {
  transition: 0.4s;
}
.pu_slide a:hover::before {
  width: 100%;
}
.pu_slide a:hover .content .jianto {
  background: #0440D1 !important;
}
.pu_slide a:hover .content .jianto svg path {
  fill: #fff;
}
.pu_slide:nth-child(2n) {
  border-right: none;
}
.pu_slide:nth-last-child(1),
.pu_slide:nth-last-child(2) {
  border-bottom: none;
}
.product_box {
  background: #f3f3f3;
  position: relative;
}
.product_box .le_box {
  width: 30%;
}
.product_box .le_box .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: var(--top);
  background: #fff;
  padding: 0.32rem 0.32rem 0;
}
.product_box .le_box .content1 form .item {
  background: #f2f2f2;
  padding: 0 0.26rem;
}
.product_box .le_box .content1 form .item .svg img {
  width: 0.26rem;
}
.product_box .le_box .content1 form .item input {
  padding-left: 0.2rem;
  flex: 1;
  border: none;
  background: none;
  line-height: 0.76rem;
  color: #333;
}
.product_box .le_box .content1 form .item input::placeholder {
  color: #999;
}
.product_box .le_box .content2 {
  margin: 0.26rem 0 0.38rem;
  color: #666;
  font-weight: bold;
}
.product_box .le_box .content2 span {
  color: #0440D1;
}
.product_box .le_box .content3 .item {
  border-top: 1px solid #dfdfdf;
  padding: 0.24rem 0;
}
.product_box .le_box .content3 .item .one {
  transition: 0.4s;
}
.product_box .le_box .content3 .item .one a {
  cursor: pointer;
  color: #333;
  transition: 0.4s;
}
.product_box .le_box .content3 .item .one a:hover {
  color: #0440D1;
}
.product_box .le_box .content3 .item .two {
  display: none;
}
.product_box .le_box .content3 .item .two a {
  transition: 0.6s;
  padding: 0 0.2rem;
  line-height: 0.36rem;
  color: #333;
  margin-right: 0.1rem;
  margin-bottom: 0.1rem;
}
.product_box .le_box .content3 .item .two a:last-child {
  margin-right: 0;
}
.product_box .le_box .content3 .item .two a.active,
.product_box .le_box .content3 .item .two a:hover {
  background: #0440D1;
  color: #fff;
}
.product_box .le_box .content3 .item.active .one {
  margin-bottom: 0.24rem;
}
.product_box .ri_box {
  width: 70%;
  padding-left: 0.38rem;
}
.product_box .ri_box .content1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.product_box .ri_box .content2 {
  margin-top: 0.8rem;
}
.product_box.product_box_2 .le_box .sticky {
  padding: 0 0.32rem;
}
.product_box.product_box_2 .le_box .sticky .content3 .item:nth-child(1) {
  border: none;
}
.product_box.product_box_2 .le_box .sticky .content3 .item.active .one {
  margin-bottom: 0;
}
.product_box.product_box_2 .le_box .sticky .content3 .item.active .one a {
  color: #0440D1;
}
.pu_download {
  display: none;
  position: fixed;
  top: 0;
  z-index: 6;
  width: 100%;
  height: var(--vh);
  background: rgba(0, 0, 0, 0.2);
}
.pu_download .positioning {
  width: 100%;
  height: 100%;
  display: flex;
}
.pu_download .load_box {
  position: relative;
  margin: auto;
  background: #fff;
  padding: 0 0.6rem 0.6rem;
}
.pu_download .load_box .close {
  z-index: 1;
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
}
.pu_download .load_box .close i {
  cursor: pointer;
  color: #999;
  font-weight: bold;
}
.pu_download .load_box .close i:hover {
  color: #0440D1;
}
.pu_download .load_box .form_box {
  --wd: 3.8rem;
  --he: 0.5rem;
}
.pu_download .load_box .form_box .text {
  text-align: center;
  margin: 0.36rem 0;
  color: #333;
}
.pu_download .load_box .form_box .form .item {
  display: grid;
  gap: 0.1rem;
}
.pu_download .load_box .form_box .form .item input {
  transition: 0.4s;
  width: var(--wd);
  line-height: var(--he);
  color: #333;
  border: 1px solid #e2e2e2;
  background: none;
  padding: 0 0.18rem;
}
.pu_download .load_box .form_box .form .item input::placeholder {
  color: #999;
}
.pu_download .load_box .form_box .form .item input:focus {
  border-color: #0440D1;
}
.pu_download .load_box .form_box .form .submit {
  margin-top: 0.2rem;
}
.pu_download .load_box .form_box .form .submit input {
  transition: 0.4s;
  cursor: pointer;
  width: var(--wd);
  line-height: var(--he);
  background: #0440D1;
  color: #fff;
  text-align: center;
  border: none;
}
.pu_download .load_box .form_box .form .submit input:hover {
  border-radius: 0.14rem;
}
.product_details {
  background: #f3f3f3;
  padding-bottom: 1.34rem;
}
.product_details .content2 {
  margin-top: 0.52rem;
}
.product_details .content2 .le_box {
  width: 68%;
  display: flex;
  flex-wrap: wrap;
      position: relative;
}
.product_details .content2 .le_box .swiper {
  margin: auto;
  max-width: 50%;
}
.product_details .content2 .le_box .swiper img {
    width: 100%;
}

.product_details .content2 .le_box .pu_switch {
  display: block;
}
.product_details .content2 .le_box .pu_switch .prev,
.product_details .content2 .le_box .pu_switch .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.product_details .content2 .le_box .pu_switch .prev {
    left: 10%;
}
.product_details .content2 .le_box .pu_switch .next {
    right: 10%;
}


.product_details .content2 .ri_box {
  width: 32%;
}
.product_details .content2 .ri_box .child_1 {
  color: #333;
  line-height: 1.4;
}
.product_details .content2 .ri_box .child_2 {
  margin: 0.26rem 0;
}
.product_details .content2 .ri_box .child_2 p {
  transition: 0.4s;
  cursor: pointer;
  color: #666;
  margin-right: 0.3rem;
}
.product_details .content2 .ri_box .child_2 p:last-child {
  margin-right: 0;
}
.product_details .content2 .ri_box .child_2 p.active,
.product_details .content2 .ri_box .child_2 p:hover {
  color: #333;
}
.product_details .content2 .ri_box .child_3 {
  padding: 0.3rem 0;
  border-top: 0.02rem solid #dcdcdc;
  border-bottom: 0.02rem solid #dcdcdc;
}
.product_details .content2 .ri_box .child_3 .li {
  display: none;
  color: #666;
  line-height: 1.8;
}
.product_details .content2 .ri_box .child_3 .li.active {
  display: block;
}
.product_details .content2 .ri_box .child_4 {
  margin: 0.36rem 0 0.66rem;
}
.product_details .content2 .ri_box .child_4 .txt {
  color: #333;
}
.product_details .content2 .ri_box .child_4 .ul {
  margin-top: 0.22rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.2rem;
}
.product_details .content2 .ri_box .child_4 .ul .li {
  text-align: center;
}
.product_details .content2 .ri_box .child_4 .ul .li div {
  height: 0.38rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}
.product_details .content2 .ri_box .child_4 .ul .li div img {
  max-height: 100%;
}
.product_details .content2 .ri_box .child_4 .ul .li p {
  margin-top: 0.08rem;
  color: #666;
}
.product_details .content2 .ri_box .child_5 .download {
  transition: 0.4s;
  cursor: pointer;
  width: 100%;
  color: #fff;
  background: #0440D1;
  line-height: 0.66rem;
  text-align: center;
}
.product_details .content2 .ri_box .child_5 .download:hover {
  border-radius: 0.14rem;
}
.product_details_2 {
  background: #f3f3f3;
  padding-bottom: 1.34rem;
}
.product_details_2 .content2 {
  margin-top: 0.52rem;
}
.product_details_2 .content2 .le_box {
  width: 59%;
  background: #fff;
}
.product_details_2 .content2 .le_box div {
  width: 100%;
}
.product_details_2 .content2 .le_box div img {
  width: 100%;
}
.product_details_2 .content2 .ri_box {
  width: 41%;
  padding-left: 8%;
}
.product_details_2 .content2 .ri_box > div {
  position: sticky;
  top: calc(var(--top) + 0.2rem);
}
.product_details_2 .content2 .ri_box > div .x1 {
  margin-bottom: 0.3rem;
}
.product_details_2 .content2 .ri_box > div .x2 {
  border-top: 2px solid #dcdcdc;
  padding-top: 0.3rem;
}
.product_details_2 .content2 .ri_box > div .x2 .btn {
  margin-top: 0.58rem;
  display: flex;
}
.product_details_2 .content2 .ri_box > div .x2 .btn .pu_link + .pu_link {
  margin-left: 0.2rem;
}
.pu_banner2 {
  position: relative;
}
.pu_banner2 .ban_bk {
  width: 100%;
  height: 7.2rem;
  background: #f3f3f3;
}
.pu_banner2 .ban_post {
  position: absolute;
  width: 100%;
  top: 42%;
  transform: translateY(-50%);
}
.pu_banner2 .ban_post .text {
  margin-bottom: 1rem;
}
.pu_banner2 .ban_post .pu_down a span {
  color: #333;
}
.pu_banner2.pu_banner3 .ban_post {
  top: 38%;
}
.pu_banner2.pu_banner3 .ban_post .text {
  margin-bottom: 0.36rem;
}
.introduce {
  position: relative;
  z-index: 1;
  margin-top: -1.8rem;
}
.introduce .le_box {
  width: 64%;
  overflow: hidden;
}
.introduce .le_box img {
  transition: 0.4s;
  width: 100%;
}
.introduce .le_box:hover img {
  transform: scale(1.05);
}
.introduce .ri_box {
  width: 36%;
  background: #0440D1;
  padding: 0 0.7rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.introduce .ri_box .center {
  color: #fff;
}
.introduce .ri_box .center .neiro {
  margin-top: 0.54rem;
}
.introduce .ri_box .center .neiro .desc {
  margin-top: 0.2rem;
  height: 3rem;
  overflow: auto;
  padding-right: 0.1rem;
}
.introduce .ri_box .center .neiro .desc p {
  line-height: 0.3rem;
}
.introduce .ri_box .center .neiro .desc::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.introduce .ri_box .center .neiro .desc::-webkit-scrollbar-thumb {
  background: #ffffff;
}
.introduce .ri_box .center .neiro .desc::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.3);
}
.typical_application .ty_top {
  text-align: center;
}
.typical_application .ty_bot {
  margin-top: 0.54rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.typical_application .ty_bot .slide {
  position: relative;
  border: 1px solid #e4e4e4;
}
.typical_application .ty_bot .slide .de_img {
  transition: 1s;
  width: 100%;
  opacity: 0;
}
.typical_application .ty_bot .slide .de_img img {
  width: 100%;
}
.typical_application .ty_bot .slide .de_post {
  transition: 0.6s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.typical_application .ty_bot .slide .de_post p {
  padding: 0 0.2rem;
  margin: auto;
  color: #333;
  width: 100%;
  text-align: center;
}
.typical_application .ty_bot .slide:hover .de_img {
  opacity: 1;
}
.typical_application .ty_bot .slide:hover .de_post {
  opacity: 0;
}
.measurement_plan {
  background: #f5f5f5;
}
.measurement_plan .me_top {
  text-align: center;
}
.measurement_plan .me_bot {
  margin-top: 0.4rem;
}
.measurement_plan .me_bot .content1 div {
  transition: 0.6s;
  cursor: pointer;
  padding: 0.24rem 0.24rem 0.1rem;
  text-align: center;
  margin-right: 0.26rem;
}
.measurement_plan .me_bot .content1 div:last-child {
  margin-right: 0;
}
.measurement_plan .me_bot .content1 div p {
  transition: 0.4s;
  color: #666;
  margin-bottom: 0.46rem;
}
.measurement_plan .me_bot .content1 div i {
  transition: 0.4s;
  opacity: 0;
  color: #fff;
}
.measurement_plan .me_bot .content1 div.active {
  background: #0440D1;
}
.measurement_plan .me_bot .content1 div.active p {
  color: #fff;
}
.measurement_plan .me_bot .content1 div.active i {
  opacity: 1;
}
.measurement_plan .me_bot .content2 {
  margin-top: 1.1rem;
}
.measurement_plan .me_bot .content2 .item {
  display: none;
}
.measurement_plan .me_bot .content2 .item.active {
  display: block;
}
.measurement_plan .me_bot .content2 .item .tupian {
  /*background: #fff;*/
  /*padding: 0.58rem;*/
  /*display: grid;*/
  /*grid-template-columns: repeat(2, 1fr);*/
}
.measurement_plan .me_bot .content2 .item .tupian p {
  /*display: flex;*/
  /*flex-wrap: wrap;*/
}
.measurement_plan .me_bot .content2 .item .tupian p img {
  margin: auto;
  max-width: 100%;
}
.measurement_plan .me_bot .content2 .item .text {
  margin-top: 1.1rem;
  line-height: 2;
  color: #333;
}
.measurement_plan .me_bot .content3 {
  margin: 0.88rem 0 1.4rem;
}
.measurement_plan .me_bot .content3 .en {
  font-size: 1.82rem;
  line-height: 1;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px #bebebe;
  text-stroke: 1px #bebebe;
}
.measurement_plan .me_bot .content3 .box {
  margin-top: 0.58rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.measurement_plan .me_bot .content3 .box .le_box img {
  width: 0.66rem;
}
.measurement_plan .me_bot .content3 .box .ri_box {
  padding: 0 0.8rem;
}
.measurement_plan .me_bot .content3 .box .ri_box .ul {
  margin-top: 0.18rem;
}
.measurement_plan .me_bot .content3 .box .ri_box .ul .li {
  color: #666;
  line-height: 1.8;
}
.measurement_plan .me_bot .content4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.measurement_plan .me_bot .content4 .le_box {
  padding: 0.48rem 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.measurement_plan .me_bot .content4 .le_box .text {
  line-height: 1.4;
}
.measurement_plan .me_bot .content4 .le_box .desc .en {
  font-family: GilroyMedium;
  text-transform: uppercase;
  line-height: 1.4;
  color: #0440D1;
}
.measurement_plan .me_bot .content4 .le_box .desc .ch {
  margin-top: 0.14rem;
  color: #333;
}
.measurement_plan .me_bot .content4 .ri_box {
  padding-left: 0.7rem;
}
.measurement_plan .me_bot .content4 .ri_box img {
  width: 100%;
}
.measurement_plan .me_bot .content5 {
  margin-top: 1.78rem;
}
.measurement_plan .me_bot .content5 .le_box {
  width: 71%;
}
.measurement_plan .me_bot .content5 .le_box img {
  width: 100%;
}
.measurement_plan .me_bot .content5 .ri_box {
  width: 29%;
  padding-top: 0.4rem;
  text-align: right;
  padding-left: 0.2rem;
}
.measurement_plan .me_bot .content5 .ri_box .text {
  color: #333;
}
.measurement_plan .me_bot .content5 .ri_box .desc {
  margin-top: 0.2rem;
  display: grid;
  gap: 0.1rem;
}
.measurement_plan .me_bot .content5 .ri_box .desc p {
  color: #666;
}
.measurement_plan .me_bot .content5 .en {
  margin-top: 0.67rem;
  color: #666;
  text-transform: uppercase;
  font-family: GilroyMedium;
  line-height: 1.4;
}
.advantage .ge_top {
  text-align: center;
}
.advantage .ge_cen {
  margin: 0.78rem 0;
  padding-left: var(--bj);
}
.advantage .ge_cen .swiper .swiper-slide {
  padding: 0 0.6rem;
  border-left: 1px solid #bebebe;
}
.advantage .ge_cen .swiper .swiper-slide .svg {
  height: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.advantage .ge_cen .swiper .swiper-slide .svg img {
  max-height: 100%;
}
.advantage .ge_cen .swiper .swiper-slide .cen {
  margin: 0.78rem 0 0.56rem;
}
.advantage .ge_cen .swiper .swiper-slide .cen .txt {
  color: #333;
}
.advantage .ge_cen .swiper .swiper-slide .cen .desc {
  margin-top: 0.1rem;
  line-height: 0.35rem;
  height: 0.7rem;
}
.advantage .ge_cen .swiper .swiper-slide .num {
  font-size: 1rem;
  line-height: 1;
  font-family: GilroyMedium;
  color: #eee;
}
.recommended .re_cen {
  margin: 0.67rem 0;
}
.recommended .re_cen .swiper .swiper-slide .pu_slide {
  background: #f3f3f3;
  border-bottom: none;
}
.recommended .re_cen .swiper .swiper-slide .pu_slide a .content .jianto {
  background: #fff;
}
.core_technology {
  padding-top: 0.8rem;
}
.core_technology .content1 p {
  color: #333;
  line-height: 1.4;
}
.core_technology .content2 {
  margin-top: 0.96rem;
  padding-left: var(--bj);
}
.core_technology .content2 .le_box {
  width: 38%;
  padding-right: 8%;
}
.core_technology .content2 .le_box p {
  color: #666;
  line-height: 2;
}
.core_technology .content2 .ri_box {
  width: 62%;
  overflow: hidden;
}
.core_technology .content2 .ri_box img {
  transition: 0.4s;
  width: 100%;
}
.core_technology .content2 .ri_box:hover img {
  transform: scale(1.05);
}
.core_technology .content3 {
  margin-top: 1.1rem;
}
.core_technology .content3 .le_box {
  width: 46%;
}
.core_technology .content3 .le_box .year {
  font-family: GilroyBold;
  text-transform: uppercase;
}
.core_technology .content3 .le_box .num {
  font-size: 1.2rem;
  line-height: 1;
  color: #0440D1;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.core_technology .content3 .le_box .num p {
  font-family: GilroyBold;
}
.core_technology .content3 .le_box .num span {
  font-family: GilroyBold;
}
.core_technology .content3 .ri_box {
  width: 54%;
}
.core_technology .content3 .ri_box .text {
  color: #333;
  line-height: 1.4;
}
.core_technology .content3 .ri_box .desc {
  margin-top: 0.38rem;
  line-height: 2;
  color: #666;
}
.core_technology .content4 {
  margin-top: 2.1rem;
}
.core_technology .content4 p {
  color: #333;
  line-height: 1.4;
}
.core_technology .content5 {
  margin-top: 1.2rem;
}
.core_technology .content5 .le_box {
  width: 34%;
  overflow: hidden;
}
.core_technology .content5 .le_box img {
  transition: 0.4s;
  width: 100%;
}
.core_technology .content5 .le_box:hover img {
  transform: scale(1.05);
}
.core_technology .content5 .ri_box {
  width: 66%;
  padding-left: 12%;
}
.core_technology .content5 .ri_box .desc {
  color: #666;
  line-height: 2;
}
.core_technology .content5 .ri_box .en {
  margin: 1.7rem 0 1.3rem;
  font-family: GilroyBold;
  color: #dfdfdf;
  text-transform: uppercase;
  line-height: 1.2;
}
.core_technology .content5 .ri_box .craft {
  background: #0440D1;
  padding: 0.26rem 0.16rem;
}
.core_technology .content5 .ri_box .craft img {
  width: 0.52rem;
}
.core_technology .content6 {
  margin-top: 1.96rem;
}
.core_technology .content6 .le_box {
  margin-top: 0.36rem;
  width: 47%;
  padding-right: 14%;
}
.core_technology .content6 .le_box .text {
  color: #333;
  line-height: 1.2;
}
.core_technology .content6 .le_box .desc {
  margin-top: 0.52rem;
}
.core_technology .content6 .le_box .desc p {
  color: #666;
  line-height: 0.35rem;
}
.core_technology .content6 .ri_box {
  position: relative;
  width: 53%;
}
.core_technology .content6 .ri_box .img {
  width: 100%;
}
.core_technology .content6 .ri_box .img img {
  width: 100%;
}
.core_technology .content6 .ri_box .post {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
}
.core_technology .content6 .ri_box .post p {
  padding-right: 0.25rem;
  color: #fff;
  font-family: GilroyBold;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1;
  border-right: 0.12rem solid #0440D1;
}
.core_technology .content7 {
  margin-top: 1.6rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.core_technology .content7 .item {
  border: 1px solid #d2d2d2;
}
.core_technology .content7 .item a {
  position: relative;
  text-align: center;
  padding: 0.66rem 0 0.58rem;
}
.core_technology .content7 .item a::before {
  transition: 0.6s;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0.05rem;
  background: #0440D1;
}
.core_technology .content7 .item a .svg img {
  height: 0.86rem;
}
.core_technology .content7 .item a .box {
  margin-top: 0.46rem;
}
.core_technology .content7 .item a .box .txt {
  color: #333;
}
.core_technology .content7 .item a .box .xz {
  margin-top: 0.1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.core_technology .content7 .item a .box .xz img {
  height: 0.2rem;
}
.core_technology .content7 .item a .box .xz span {
  margin-left: 0.06rem;
  color: #333;
}
.core_technology .content7 .item a:hover::before {
  width: 100%;
}
.core_technology .content7 .item:nth-child(2n) {
  border-left: none;
}
.professiona {
  padding: 1.5rem 0;
  position: relative;
}
.professiona::before {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 66%;
  height: 100%;
  background: #fff;
}
.professiona .le_box {
  width: 47%;
  padding-left: var(--bj);
}
.professiona .le_box .content1 .text {
  line-height: 1.2;
}
.professiona .le_box .content1 .desc {
  margin-top: 0.28rem;
  color: #666;
  line-height: 2;
}
.professiona .le_box .content2 {
  margin-top: 1.4rem;
  text-transform: uppercase;
  font-family: GilroyBold;
  font-size: 1.2rem;
  line-height: 1;
  color: #e8e8e8;
}
.professiona .ri_box {
  width: 53%;
  overflow: hidden;
}
.professiona .ri_box img {
  transition: 0.4s;
  width: 100%;
}
.professiona .ri_box:hover img {
  transform: scale(1.05);
}
.local .lo_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.local .lo_box .slide {
  margin-right: 0.2rem;
}
.local .lo_box .slide i{
	
	 font-size:0.4rem;  
}
.local .lo_box .slide .data {
  display: flex;
}
.local .lo_box .slide .data .num {
  font-size: 0.76rem;
  line-height: 0.66rem;
  color: #0440D1;
 font-family: 'gilroy_bold';
}
.local .lo_box .slide .data .tips {
  margin-left: 0.18rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.local .lo_box .slide .data .tips .symbol {
  font-size: 0.34rem;
  line-height: 0.8;
  font-family: GilroyBold;
  color: #0440D1;
}
.local .lo_box .slide .data .tips .txt {
  color: #333;
}
.local .lo_box .slide .desc {
  margin-top: 0.1rem;
  color: #333;
}
.local .lo_box .slide:last-child {
  margin-right: 0;
}
.local .lo_box .slide:last-child .data .num {
  font-size: 0.66rem;
}
.service .ce_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background: #f3f3f3;
}
.service .ce_box .box {
  padding: 0 var(--bj);
  height: var(--vh);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.service .ce_box .box > div {
  width: 100%;
}
.service .ce_box .box .content1 .tips {
  color: #0440D1;
}
.service .ce_box .box .content1 .txt {
  margin-top: 0.14rem;
  color: #333;
  line-height: 1.4;
}
.service .ce_box .box .content2 {
  margin: 1.8rem 0 0.66rem;
}
.service .ce_box .box .content2 p {
  position: relative;
  color: #666;
  padding-left: 0.2rem;
  line-height: 0.35rem;
}
.service .ce_box .box .content2 p::before {
  content: '';
  position: absolute;
  top: 0.12rem;
  left: 0;
  width: 0.08rem;
  height: 0.08rem;
  background: #0440D1;
}
.service .ce_box .box:first-child {
  background: url('../images/17.jpg') no-repeat;
  background-size: cover;
}
.company_profile .co_bot {

}
.theme-title h6 {
    position: relative;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #0440D1;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    display: inline-flex
;
    background: #fff;
    padding: 9px 15px 7px 15px;
    border-radius: 100px;
}.theme-title h2{
	font-size: 0.36rem;
    line-height: 48px;
    font-weight: bold;
    margin-bottom: 0.2rem;
	
}
.company_profile .co_bot .le_box {
  width: 40%;
  position: relative; border-radius: 0.4rem; overflow: hidden
}
.company_profile .co_bot .le_box img {
  width: 100%;
}
.company_profile .co_bot .le_box .play {
  cursor: pointer;
  transition: 0.4s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.85rem;
  height: 0.85rem;
  background: #fff;
  border-radius: 0.14rem;  text-align: center; line-height: 0.85rem
}
.company_profile .co_bot .le_box .play i { color: #0440D1; font-size: 0.3rem}
.company_profile .co_bot .le_box .play svg {
  margin: auto;
}
.company_profile .co_bot .le_box .play:hover {
  border-radius: 0.14rem;background: #0440D1;;
}.company_profile .co_bot .le_box .play:hover i{ color: #fff}
.company_profile .co_bot .ri_box {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 0.6rem;
}
.company_profile .conte{ background: rgba(164, 184.00000000000003, 195, 0.25); padding:10px 26px;  border-radius: 20px}
.company_profile .conte .p{display: flex
;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    letter-spacing: .1px;
    font-weight: 400;
    color: #000137; margin: 10px 0px}
.company_profile .conte .p i{  background:#0440D1; width: 40px; height: 40px; border-radius: 100%; display: block; line-height: 40px; text-align: center; color: #fff;}

.company_profile .co_bot .ri_box > div {
  width: 100%;
}
.company_profile .co_bot .ri_box .content1 {
  font-size: 0.36rem;
    font-weight: bold;
    line-height: 1.4;
    color: #0B1030;
}
.company_profile .co_bot .ri_box .content2 {
  margin: 0.34rem 0 0.2rem;
 
  overflow: auto;
  padding-right: 0.1rem;
}
.company_profile .co_bot .ri_box .content2::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.company_profile .co_bot .ri_box .content2::-webkit-scrollbar-thumb {
  background: #0440D1;
}
.company_profile .co_bot .ri_box .content2::-webkit-scrollbar-track {
  background: rgba(237, 113, 0, 0.3);
}
.company_profile .co_bot .ri_box .content2 p {
  color: #666;
  line-height: 0.35rem; text-align:justify
}
.company_profile .co_bot .ri_box .content3 {
  display: flex;

  justify-content: space-between;
}
.company_profile .co_bot .ri_box .content3 .item {
  
}
.company_profile .co_bot .ri_box .content3 .item:last-child {
  margin-right: 0;
}
.company_profile .co_bot .ri_box .content3 .item .svg {
  width: 0.58rem; 
}
.company_profile .co_bot .ri_box .content3 .item .svg i { font-size: 0.3rem
}
.company_profile .co_bot .ri_box .content3 .item .content {
 
}
.company_profile .co_bot .ri_box .content3 .item .content .data {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end; margin: 0.2rem 0
}
.company_profile .co_bot .ri_box .content3 .item .content .data p {
  color: #333;
  font-size: 0.42rem;
  line-height: 0.8;
  font-weight: bold;
}
.company_profile .co_bot .ri_box .content3 .item .content .data span {
  margin-left: 0.1rem;
  font-family: GilroyBold;
}
.company_profile .co_bot .ri_box .content3 .item .content .desc {
  margin-top: 0.08rem;
}
.development_history {
  background: #f3f3f3;
}
.development_history .de_cen {
  margin: 1.1rem 0 0.65rem;
}
.development_history .de_cen .swiper {
  position: relative;
}
.development_history .de_cen .swiper::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: calc(2.84rem + 0.56rem + 0.04rem);
  width: 100%;
  height: 1px;
  background: #dae2db;
}
.development_history .de_cen .swiper .swiper-slide .slide_top {
  text-align: center;
}
.development_history .de_cen .swiper .swiper-slide .slide_top .num {
  cursor: pointer;
  transition: 0.4s;
  font-size: 1.16rem;
  line-height: 1;
  color: #fff;
  font-family: GilroyBold;
}
.development_history .de_cen .swiper .swiper-slide .slide_top .desc {
  opacity: 0;
  transition: 0.4s;
  color: #333;
}
.development_history .de_cen .swiper .swiper-slide .point {
  margin: 0.56rem 0;
}
.development_history .de_cen .swiper .swiper-slide .point i {
  transition: 0.4s;
  width: 0.1rem;
  height: 0.1rem;
  background: #bfbfbf;
}
.development_history .de_cen .swiper .swiper-slide .slide_bot {
  transition: 0.4s;
  opacity: 0;
  --he: 2.84rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.development_history .de_cen .swiper .swiper-slide .slide_bot .img {
  width: 100%;
}
.development_history .de_cen .swiper .swiper-slide .slide_bot .img img {
  width: 100%;
  height: var(--he);
}
.development_history .de_cen .swiper .swiper-slide .slide_bot .txt_list {
  background: #fff;
  padding: 0.33rem 0;
  height: var(--he);
}
.development_history .de_cen .swiper .swiper-slide .slide_bot .txt_list .grid {
  height: 100%;
  overflow: auto;
  padding: 0 0.33rem;
}
.development_history .de_cen .swiper .swiper-slide .slide_bot .txt_list .grid::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.development_history .de_cen .swiper .swiper-slide .slide_bot .txt_list .grid::-webkit-scrollbar-thumb {
  background: #0440D1;
}
.development_history .de_cen .swiper .swiper-slide .slide_bot .txt_list .grid::-webkit-scrollbar-track {
  background: rgba(237, 113, 0, 0);
}
.development_history .de_cen .swiper .swiper-slide .slide_bot .txt_list .li {
  margin-bottom: 0.28rem;
  display: flex;
  flex-wrap: wrap;
}
.development_history .de_cen .swiper .swiper-slide .slide_bot .txt_list .li:last-child {
  margin-bottom: 0;
}
.development_history .de_cen .swiper .swiper-slide .slide_bot .txt_list .li .year {
  font-family: GilroyBold;
  color: #333;
}
.development_history .de_cen .swiper .swiper-slide .slide_bot .txt_list .li .desc {
  flex: 1;
  padding-left: 0.3rem;
}
.development_history .de_cen .swiper .swiper-slide .slide_bot .txt_list .li .desc p {
  color: #333;
  line-height: 0.24rem;
}
.development_history .de_cen .swiper .swiper-slide-active .slide_top .num {
  color: #0440D1;
}
.development_history .de_cen .swiper .swiper-slide-active .slide_top .desc {
  opacity: 1;
}
.development_history .de_cen .swiper .swiper-slide-active .point i {
  background: #0440D1;
}
.development_history .de_cen .swiper .swiper-slide-active .slide_bot {
  opacity: 1;
}
.enterprise_informatization .en_bot {
  margin-top: 0.84rem;
  display: flex;
}
.enterprise_informatization .en_bot .slide {
  flex: 1;
  position: relative;
  margin-right: 0.1rem;
  transition: 0.6s;
}
.enterprise_informatization .en_bot .slide:last-child {
  margin-right: 0;
}
.enterprise_informatization .en_bot .slide .img {
  width: 100%;
}
.enterprise_informatization .en_bot .slide .img img {
  width: 100%;
  height: 5.36rem;
}
.enterprise_informatization .en_bot .slide .post {
  transition: 0.8s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.58rem 0.5rem;
  background: #f3f3f3;
}
.enterprise_informatization .en_bot .slide .post .content1 {
  flex: 1;
}
.enterprise_informatization .en_bot .slide .post .content1 .txt {
  color: #333;
  transition: 0.4s;
}
.enterprise_informatization .en_bot .slide .post .content1 .desc {
  transition: 0.4s;
  color: #666;
  margin-top: 0.16rem;
  line-height: 1.6;
}
.enterprise_informatization .en_bot .slide .post .content2 {
  position: relative;
  height: 0.72rem;
  display: flex;
}
.enterprise_informatization .en_bot .slide .post .content2 img {
  transition: 0.4s;
  max-height: 100%;
  margin: auto 0;
  max-width: 0.7rem;
}
.enterprise_informatization .en_bot .slide .post .content2 .white {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.enterprise_informatization .en_bot .slide:hover {
  flex: 1.48;
}
.enterprise_informatization .en_bot .slide:hover .post {
  background: none;
}
.enterprise_informatization .en_bot .slide:hover .post .content1 .txt {
  color: #fff;
}
.enterprise_informatization .en_bot .slide:hover .post .content1 .desc {
  color: #fff;
}
.enterprise_informatization .en_bot .slide:hover .post .content2 img {
  opacity: 0;
}
.enterprise_informatization .en_bot .slide:hover .post .content2 .white {
  opacity: 1;
}
.business_areas {
  background: #f3f3f3;
}
.business_areas .bu_bot {
  margin-top: 0.66rem;
}
.business_areas .bu_bot .bk_box {
  flex: 1;
  padding-left: 0.3rem;
}
.business_areas .bu_bot .bk_box p {
  position: relative;
}
.business_areas .bu_bot .bk_box p img {
  width: 100%;
}
.business_areas .bu_bot .bk_box p .post {
  position: absolute;
  top: 0;
  right: 0;
  animation: Transparency 3s linear infinite;
}
.business_areas .bu_bot .bk_box p .post2 {
  animation-delay: 0.3s;
}
.business_areas .bu_bot .bk_box p .post3 {
  animation-delay: 0.4s;
}
.business_areas .bu_bot .bk_box p .post4 {
  animation-delay: 0.5s;
}
.business_areas .bu_bot .bk_box p .post5 {
  animation-delay: 0.6s;
}
.business_areas .bu_bot .bk_box p .post6 {
  animation-delay: 0.2s;
}
.business_areas .bu_bot .txt_box .li {
  width: 2.52rem;
  height: 1.76rem;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0 0.32rem;
  margin-bottom: 0.2rem;
}
.business_areas .bu_bot .txt_box .li:last-child {
  margin-bottom: 0;
}
.business_areas .bu_bot .txt_box .li > div {
  width: 100%;
}
.business_areas .bu_bot .txt_box .li .data {
  color: #0440D1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.business_areas .bu_bot .txt_box .li .data p {
  font-size: 0.46rem;
  line-height: 0.8;
  font-weight: bold;
}
.business_areas .bu_bot .txt_box .li .data span {
  margin-left: 0.06rem;
  font-size: 0.36rem;
  line-height: 0.8;
  font-family: GilroyBold;
}
.business_areas .bu_bot .txt_box .li .desc {
  margin-top: 0.1rem;
  color: #333;
}
@keyframes Transparency {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.add_us .us_cen {
  margin: 1rem 0 0.8rem;
}
.add_us .us_cen .swiper .swiper-slide {
  cursor: pointer;
  background: #f3f3f3;
  padding: 0.5rem;
}
.add_us .us_cen .swiper .swiper-slide .content1 p {
  color: #333;
}
.add_us .us_cen .swiper .swiper-slide .content2 {
  margin: 0.22rem 0 0.34rem;
}
.add_us .us_cen .swiper .swiper-slide .content2 .li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: 0.44rem;
}
.add_us .us_cen .swiper .swiper-slide .content2 .li:last-child {
  margin-right: 0;
}
.add_us .us_cen .swiper .swiper-slide .content2 .li img {
  height: 0.26rem;
}
.add_us .us_cen .swiper .swiper-slide .content2 .li span {
  margin-left: 0.12rem;
  color: #333;
}
.add_us .us_cen .swiper .swiper-slide .content3 {
  border-top: 1px solid #ccc;
  padding: 0.5rem 0 0.64rem;
}
.add_us .us_cen .swiper .swiper-slide .content3 p {
  line-height: 0.3rem;
  height: 0.9rem;
  color: #666;
}
.add_us .us_cen .swiper .swiper-slide .content4 .jianto {
  transition: 0.4s;
  width: 0.58rem;
  height: 0.58rem;
  background: #fff;
  display: flex;
}
.add_us .us_cen .swiper .swiper-slide .content4 .jianto svg {
  margin: auto;
}
.add_us .us_cen .swiper .swiper-slide .content4 .jianto svg path {
  transition: 0.4s;
}
.add_us .us_cen .swiper .swiper-slide:hover .content4 .jianto {
  background: #0440D1;
}
.add_us .us_cen .swiper .swiper-slide:hover .content4 .jianto svg path {
  fill: #fff;
}
.add_us .us_bot .toggle {
  position: relative;
}
.add_us .us_bot .toggle .pu_switch {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.add_us .us_bot .toggle .pu_point .swiper-pagination-bullet {
  background: #ddd;
}
.add_us .us_bot .toggle .pu_point .swiper-pagination-bullet-active {
  background: #0440D1;
}
.pu_pop {
  display: none;
  z-index: 6;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--vh);
  background: rgba(0, 0, 0, 0.2);
}
.pu_pop .box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10.5rem;
  background: #fff;
}
.pu_pop .box .close {
  position: absolute;
  right: 0.26rem;
  top: 0.26rem;
}
.pu_pop .box .close i {
  cursor: pointer;
  transition: 0.4s;
  font-size: 0.32rem;
  color: #999;
  font-weight: bold;
}
.pu_pop .box .close i:hover {
  color: #0440D1;
}
.pu_pop .box .recruit_list {
  padding: 0.72rem 0.56rem;
}
.pu_pop .box .recruit_list .list {
  display: none;
}
.pu_pop .box .recruit_list .list .content1 p {
  color: #333;
}
.pu_pop .box .recruit_list .list .content2 {
  margin: 0.22rem 0 0.34rem;
  width: 100%;
}
.pu_pop .box .recruit_list .list .content2 .li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: 0.44rem;
}
.pu_pop .box .recruit_list .list .content2 .li:last-child {
  margin-right: 0;
}
.pu_pop .box .recruit_list .list .content2 .li img {
  height: 0.26rem;
}
.pu_pop .box .recruit_list .list .content2 .li span {
  margin-left: 0.12rem;
  color: #333;
}
.pu_pop .box .recruit_list .list .content3 {
  border-top: 1px solid #ccc;
}
.pu_pop .box .recruit_list .list .content3 .item {
  margin-top: 0.4rem;
}
.pu_pop .box .recruit_list .list .content3 .item .one {
  color: #333;
}
.pu_pop .box .recruit_list .list .content3 .item .two {
  margin-top: 0.12rem;
  height: 1.12rem;
  overflow: auto;
  padding-right: 0.1rem;
}
.pu_pop .box .recruit_list .list .content3 .item .two::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.pu_pop .box .recruit_list .list .content3 .item .two::-webkit-scrollbar-thumb {
  background: #0440D1;
}
.pu_pop .box .recruit_list .list .content3 .item .two::-webkit-scrollbar-track {
  background: rgba(237, 113, 0, 0.3);
}
.pu_pop .box .recruit_list .list .content3 .item .two p {
  line-height: 0.28rem;
}
.pu_pop .box .recruit_list .list .content4 {
  margin-top: 0.4rem;
}
.pu_pop .box .recruit_list .list .content4 img {
  width: 0.62rem;
}
.pu_pop .box .recruit_list .list .content4 a {
  padding-left: 0.26rem;
  color: #333;
  transition: 0.4s;
  font-family: GilroyRegular;
}
.pu_pop .box .recruit_list .list .content4 a:hover {
  color: #0440D1;
}
.pu_pop .box .recruit_list .list.active {
  display: block;
}
.pu_item a {
  transition: 0.6s;
  background: #fff;    border-radius: 20px; overflow: hidden
}
.pu_item a .img {
  width: 100%;
  overflow: hidden;
}
.pu_item a .img img {
  transition: 0.4s;
  width: 100%;
}
.pu_item a .content {
  padding: 0.36rem;
}
.pu_item a .content .time {
  transition: 0.4s;
  color: #0440D1;
}
.pu_item a .content .time i{
	 margin-right: 0.2rem
	}
.pu_item a .content .text {
  margin-top: 0.14rem;
}
.pu_item a .content .text h2{
	color: #222222;
	font-size: 0.2rem; font-weight: bold;
    line-height: 1.5;
    margin-bottom: 25px;
}
.pu_item a .content .text p {
  transition: 0.4s;
  line-height:1.5;
  height: 0.84rem;
  color: #666
}
.pu_item a:hover {
  background: #0440D1;
}
.pu_item a:hover .img img {
  transform: scale(1.05);
}
.pu_item a:hover .content .time {
  color: #fff;
}
.pu_item a:hover .content .text h2{
  color: #fff;
}
.pu_item a:hover .content .text p {
  color: #fff;
}
.news_list {
 
  --gap: 0.5rem;
}
.news_list .st_top {
  position: relative;
}
.news_list .st_top .swiper .swiper-slide a {
  background: #0440D1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap);
}
.news_list .st_top .swiper .swiper-slide a .le_box {
  grid-area: 1 / 1 / 2 / 3;
  overflow: hidden;
}
.news_list .st_top .swiper .swiper-slide a .le_box img {
  transition: 0.4s;
  width: 100%;
}
.news_list .st_top .swiper .swiper-slide a .ri_box {
  background: #0440D1;
  color: #fff;
  padding-right: var(--gap);
}
.news_list .st_top .swiper .swiper-slide a .ri_box .content1 {
  margin-top: 0.74rem;
}
.news_list .st_top .swiper .swiper-slide a .ri_box .content2 {
  margin: 0.54rem 0 0.3rem;
}
.news_list .st_top .swiper .swiper-slide a .ri_box .content2 p {
  line-height: 0.42rem;
  height: 0.84rem;
}
.news_list .st_top .swiper .swiper-slide a .ri_box .content3 p {
  line-height: 0.3rem;
  height: 1.2rem;
}
.news_list .st_top .swiper .swiper-slide a:hover .le_box img {
  transform: scale(1.05);
}
.news_list .st_top .toggle {
  z-index: 2;
  position: absolute;
  bottom: 0.5rem;
  left: 68.2%;
}
.news_list .st_top .toggle .prev i,
.news_list .st_top .toggle .next i {
  color: rgba(255, 255, 255, 0.3);
}
.news_list .st_top .toggle .prev i:hover,
.news_list .st_top .toggle .next i:hover {
  color: #ffffff;
}
.news_list .st_cen {
  margin: 0 0 0.98rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem var(--gap);
}
.pu_fenye {
  display: flex;
  flex-wrap: wrap;
}
.pu_fenye .prev a,
.pu_fenye .next a {
  width: 0.58rem;
  height: 0.58rem;
  border: 1px solid #0440D1;
  transition: 0.4s;
  display: flex;
}
.pu_fenye .prev a i,
.pu_fenye .next a i {
  margin: auto;
  transition: 0.4s;
  color: #333;
}
.pu_fenye .prev a:hover,
.pu_fenye .next a:hover {
  background: #0440D1;
}
.pu_fenye .prev a:hover i,
.pu_fenye .next a:hover i {
  color: #fff;
}
.pu_fenye .prev {
  margin-right: 0.74rem;
}
.pu_fenye .next {
  margin-left: 0.74rem;
}
.pu_fenye .number {
  display: flex;
  align-items: center;
}
.pu_fenye .number a {
  margin: 0 0.24rem;
  position: relative;
  transition: 0.4s;
  color: #999;
  line-height: 0.58rem;
}
.pu_fenye .number a::before {
  transition: 0.4s;
  opacity: 0;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.03rem;
  background: #0440D1;
}
.pu_fenye .number a.active,
.pu_fenye .number a:hover {
  color: #333;
}
.pu_fenye .number a.active::before,
.pu_fenye .number a:hover::before {
  opacity: 1;
}
.news_details {
  background: #f3f3f3;
}
.news_details .content2 .div_1 {
  padding: 0.68rem 0 0.46rem;
}
.news_details .content2 .div_1 .time {
  color: #0440D1;
}
.news_details .content2 .div_1 .text {
  margin-top: 0.22rem;
  color: #333;
  line-height: 1.2;
}
.news_details .content2 .div_2 {
  border-top: 0.02rem solid #dcdcdc;
  padding: 0.48rem 0 0.94rem;
}
.news_details .content2 .div_2 .compiler .centerBox * {
    max-width: 100% !important;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    word-wrap: break-word !important;
}
.news_details .content2 .div_2 .compiler .centerBox img {
    height: auto !important;
}
.news_details .content2 .div_2 .compiler p {
  line-height: 2;
  color: #666;
}
.news_details .content2 .div_2 .compiler img {
  max-width: 100%;
}
.news_details .content2 .div_3 .prev,
.news_details .content2 .div_3 .next {
  border-top: 0.02rem solid #dcdcdc;
  padding: 0.3rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.news_details .content2 .div_3 .prev span,
.news_details .content2 .div_3 .next span {
  color: #0440D1;
}
.news_details .content2 .div_3 .prev a,
.news_details .content2 .div_3 .next a {
  text-align: center;
  transition: 0.4s;
  padding-left: 0.2rem;
  flex: 1;
  color: #333;
}
.news_details .content2 .div_3 .prev a:hover,
.news_details .content2 .div_3 .next a:hover {
  color: #0440D1;
}
.news_details .content2 .div_3 .next {
  border-bottom: 0.02rem solid #dcdcdc;
}
.other_news .ot_top {
  text-align: center;
}
.other_news .ot_top p {
  color: #333;
}
.other_news .ot_cen {
  margin: 0.8rem 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem 0.5rem;
}
.address .ad_top p {
  color: #333;
}
.address .ad_bot {
  margin-top: 0.54rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
}
.address .ad_bot .slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.address .ad_bot .slide .svg {
  width: 0.9rem;
  height: 0.9rem;
  background: #0440D1;
  display: flex;
}
.address .ad_bot .slide .svg img {
  margin: auto;
}
.address .ad_bot .slide .content {
  flex: 1;
  padding-left: 0.3rem;
}
.address .ad_bot .slide .content .tips {
  color: #999;
  margin-bottom: 0.06rem;
}
.address .ad_bot .slide .content a {
  transition: 0.4s;
  color: #333;
  font-family: GilroyBold;
}
.address .ad_bot .slide .content a:hover {
  color: #0440D1;
}
.consultation .con_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.consultation .con_box .le_box {
  background: #f4f4f4;
  padding: 0 var(--bj);
}
.consultation .con_box .le_box > div {
  margin-top: 0.9rem;
}
.consultation .con_box .le_box .content1 {
  color: #333;
}
.consultation .con_box .le_box .content2 {
  margin-top: 0.46rem;
}
.consultation .con_box .le_box .content2 .form .item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.16rem 0.2rem;
}
.consultation .con_box .le_box .content2 .form .item .label {
  display: flex;
  background: #fff;
  padding: 0 0.18rem;
}
.consultation .con_box .le_box .content2 .form .item .label .svg {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 0.2rem;
}
.consultation .con_box .le_box .content2 .form .item .label .svg img {
  max-width: 100%;
}
.consultation .con_box .le_box .content2 .form .item .label .inp {
  flex: 1;
  padding-left: 0.1rem;
}
.consultation .con_box .le_box .content2 .form .item .label .inp input {
  color: #333;
  width: 100%;
  line-height: 0.66rem;
  border: none;
}
.consultation .con_box .le_box .content2 .form .item .label .inp input::placeholder {
  color: #999;
}
.consultation .con_box .le_box .content2 .form .item1 {
  margin-top: 0.16rem;
}
.consultation .con_box .le_box .content2 .form .item1 .label {
  display: flex;
  background: #fff;
  padding: 0.18rem;
}
.consultation .con_box .le_box .content2 .form .item1 .label .svg {
  width: 0.2rem;
}
.consultation .con_box .le_box .content2 .form .item1 .label .svg img {
  max-width: 100%;
}
.consultation .con_box .le_box .content2 .form .item1 .label .area {
  flex: 1;
  padding-left: 0.1rem;
}
.consultation .con_box .le_box .content2 .form .item1 .label .area textarea {
  width: 100%;
  color: #333;
  height: 1.86rem;
  border: none;
}
.consultation .con_box .le_box .content2 .form .item1 .label .area textarea::placeholder {
  color: #999;
}
.consultation .con_box .le_box .content2 .form .submit {
  margin-top: 0.46rem;
}
.consultation .con_box .le_box .content2 .form .submit input {
  cursor: pointer;
  transition: 0.4s;
  width: 1.96rem;
  line-height: 0.56rem;
  text-align: center;
  color: #fff;
  background: #0440D1;
  border: none;
}
.consultation .con_box .le_box .content2 .form .submit input:hover {
  border-radius: 0.14rem;
}
.consultation .con_box .ri_box a {
  width: 100%;
  overflow: hidden;
}
.consultation .con_box .ri_box a img {
  transition: 0.4s;
  width: 100%;
}
.consultation .con_box .ri_box a:hover img {
  transform: scale(1.02);
}
.login_ .in_box .le_box {
  width: 62%;
}
.login_ .in_box .le_box img {
  width: 100%;
  height: calc(var(--vh) - var(--top));
}
.login_ .in_box .ri_box {
  width: 38%;
  background: url('../images/27.jpg') no-repeat;
  background-size: cover;
  padding: 0 var(--bj);
  display: flex;
}
.login_ .in_box .ri_box > div {
  margin: auto;
  width: 100%;
  text-align: center;
}
.login_ .in_box .ri_box .content1 .txt {
  color: #333;
}
.login_ .in_box .ri_box .content1 .tips {
  margin-top: 0.1rem;
  color: #666;
}
.login_ .in_box .ri_box .content2 {
  margin-top: 0.48rem;
}
.login_ .in_box .ri_box .content2 form .item {
  display: grid;
  gap: 0.2rem;
}
.login_ .in_box .ri_box .content2 form .item .label {
  transition: 0.4s;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.2rem;
  border: 1px solid #aaa;
}
.login_ .in_box .ri_box .content2 form .item .label .svg {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.login_ .in_box .ri_box .content2 form .item .label .svg img {
  transition: 0.4s;
  filter: grayscale(1);
}
.login_ .in_box .ri_box .content2 form .item .label .inp {
  flex: 1;
  padding-left: 0.1rem;
}
.login_ .in_box .ri_box .content2 form .item .label .inp input {
  width: 100%;
  line-height: 0.66rem;
  color: #333;
  background: none;
  border: none;
}
.login_ .in_box .ri_box .content2 form .item .label .inp input::placeholder {
  color: #999;
}
.login_ .in_box .ri_box .content2 form .item .label.active {
  border-color: #0440D1;
}
.login_ .in_box .ri_box .content2 form .item .label.active .svg img {
  filter: grayscale(0);
}
.login_ .in_box .ri_box .content2 form .submit {
  margin-top: 0.4rem;
}
.login_ .in_box .ri_box .content2 form .submit input {
  cursor: pointer;
  transition: 0.4s;
  width: 100%;
  background: #0440D1;
  border: none;
  line-height: 0.66rem;
  color: #fff;
}
.login_ .in_box .ri_box .content2 form .submit input:hover {
  border-radius: 0.14rem;
}
.login_ .in_box .ri_box .content3 {
  margin-top: 0.26rem;
  color: #666;
}
.login_ .in_box .ri_box .content3 span {
  cursor: pointer;
  color: #0440D1;
  transition: 0.4s;
}
.login_ .in_box .ri_box .content3 span:hover {
  text-decoration: underline;
}
.pu_admin {
  display: none;
  z-index: 6;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--vh);
  background: rgba(0, 0, 0, 0.2);
}
.pu_admin .min_box {
  width: 4.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}
.pu_admin .min_box .close {
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
}
.pu_admin .min_box .close i {
  cursor: pointer;
  font-size: 0.26rem;
  color: #999;
  transition: 0.4s;
  font-weight: bold;
}
.pu_admin .min_box .close i:hover {
  color: #0440D1;
}
.pu_admin .min_box .code {
  text-align: center;
  padding: 0.76rem 0;
}
.pu_admin .min_box .code .img {
  display: inline-block;
  border: 1px solid #d5d5d5;
}
.pu_admin .min_box .code .img img {
  width: 1.62rem;
}
.pu_admin .min_box .code .tips {
  color: #333;
  margin-top: 0.24rem;
}
.success_banner {
  position: relative;
}
.success_banner .ban_bk {
  width: 100%;
}
.success_banner .ban_bk img {
  width: 100%;
}
.success_banner .ban_post {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.success_banner .ban_post > div {
  margin: auto;
}
.success_banner .ban_post .le_box {
  color: #fff;
}
.success_banner .ban_post .le_box .num {
  margin-top: 0.1rem;
  font-family: GilroyBold;
}
.success_banner .ban_post .ri_box .li {
 overflow: hidden;  
}
.success_banner .ban_post .ri_box .li a {
  transition: 0.4s;
  width: 1.74rem;
  border: 0.02rem solid #0440D1;
  color: #fff;
  line-height: 0.55rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  cursor: pointer;
}
.success_banner .ban_post .ri_box .li a .svg {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.success_banner .ban_post .ri_box .li a span {
  margin-left: 0.1rem;
}
.success_banner .ban_post .ri_box .li a:hover {
  border-radius: 0.14rem;
  background: #0440D1;
}
.success_banner .ban_post .ri_box .li {
  margin-right: 0.2rem;
}
.success_banner .ban_post .ri_box .li:last-child {
  margin-right: 0;
}
/*.success_banner .ban_post .ri_box .li:first-child a {*/
/*  background: #0440D1;*/
/*}*/
.service_record {
  --he: 1rem;
}
.service_record .rd_box {
  padding: 0.56rem 0 0.76rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
}
.service_record .rd_box .le_box {
  grid-area: 1 / 1 / 2 / 3;
}
.service_record .rd_box .le_box .content1 {
  border-bottom: 1px solid #e2e2e2;
}
.service_record .rd_box .le_box .content1 p {
  position: relative;
  color: #333;
  padding-bottom: 0.34rem;
  display: inline-flex;
}
.service_record .rd_box .le_box .content1 p::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #0440D1;
}
.service_record .rd_box .le_box .content2 {
  margin-top: 0.1rem;
}
.service_record .rd_box .le_box .content2 .thead {
  padding: 0 0.28rem;
  display: flex;
  flex-wrap: wrap;
  color: #666;
  line-height: var(--he);
}
.service_record .rd_box .le_box .content2 .thead .t1 {
  width: 60%;
}
.service_record .rd_box .le_box .content2 .thead .t2 {
  text-align: center;
  width: 20%;
}
.service_record .rd_box .le_box .content2 .thead .t3 {
  text-align: center;
  width: 20%;
}
.service_record .rd_box .le_box .content2 .tbody .swiper .swiper-slide > div {
  cursor: pointer;
  height: var(--he);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 0.28rem;
}
.service_record .rd_box .le_box .content2 .tbody .swiper .swiper-slide > div:nth-child(odd) {
  background: #f3f3f3;
}
.service_record .rd_box .le_box .content2 .tbody .swiper .swiper-slide .e1 {
  width: 60%;
}
.service_record .rd_box .le_box .content2 .tbody .swiper .swiper-slide .e1 p {
  color: #333;
  width: 96%;
}
.service_record .rd_box .le_box .content2 .tbody .swiper .swiper-slide .e2 {
  width: 20%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.service_record .rd_box .le_box .content2 .tbody .swiper .swiper-slide .e2 img {
  width: 0.48rem;
  border-radius: 50%;
}
.service_record .rd_box .le_box .content2 .tbody .swiper .swiper-slide .e2 span {
  flex: 1;
  margin-left: 0.1rem;
  font-family: GilroyBold;
}
.service_record .rd_box .le_box .content2 .tbody .swiper .swiper-slide .e3 {
  text-align: center;
  width: 20%;
  font-family: GilroyMedium;
  color: #666;
}
.service_record .rd_box .le_box .content3 {
  margin-top: 0.5rem;
}
.service_record .rd_box .ri_box .content1 {
  border-bottom: 1px solid #e2e2e2;
}
.service_record .rd_box .ri_box .content1 p {
  position: relative;
  color: #333;
  padding-bottom: 0.34rem;
  display: inline-flex;
}
.service_record .rd_box .ri_box .content1 p::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #0440D1;
}
.service_record .rd_box .ri_box .content2 {
  margin-top: 1.1rem;
  height: calc(var(--he) * 5);
  padding: 0 0.38rem;
  text-align: center;
  background: #f3f3f3;
}
.service_record .rd_box .ri_box .content2 .nt_1 {
  transform: translateY(-0.64rem);
}
.service_record .rd_box .ri_box .content2 .nt_1 .img {
  overflow: hidden;
}
.service_record .rd_box .ri_box .content2 .nt_1 .img img {
  width: 1.28rem;
  border-radius: 50%;
}
.service_record .rd_box .ri_box .content2 .nt_1 .text {
  padding: 0.26rem 0;
}
.service_record .rd_box .ri_box .content2 .nt_1 .text .name {
  font-family: GilroyBold;
}
.service_record .rd_box .ri_box .content2 .nt_1 .text .position {
  margin-top: 0.04rem;
  color: #0440D1;
}
.service_record .rd_box .ri_box .content2 .nt_2 {
  transform: translateY(-0.64rem);
  border-top: 1px solid #e2e2e2;
}
.service_record .rd_box .ri_box .content2 .nt_2 .li {
  margin-top: 0.32rem;
}
.service_record .rd_box .ri_box .content2 .nt_2 .li .tips {
  color: #999;
  margin-bottom: 0.1rem;
}
.service_record .rd_box .ri_box .content2 .nt_2 .li a {
  color: #333;
  font-family: GilroyBold;
  transition: 0.4s;
}
.service_record .rd_box .ri_box .content2 .nt_2 .li a:hover {
  color: #0440D1;
}
.service_record .rd_box .ri_box .content2 .nt_2 .li img {
  width: 1.12rem;
}
.video_handbook .content1 {
  border-bottom: 1px solid #e2e2e2;
}
.video_handbook .content1 p {
  position: relative;
  color: #333;
  padding-bottom: 0.34rem;
  display: inline-flex;
}
.video_handbook .content1 p::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #0440D1;
}
.video_handbook .content2 {
  margin-top: 0.52rem;
}

.video_handbook .content2 .div_1 {
    display: none;
}
.video_handbook .content2 .div_1.active {
    display: block;
}

.video_handbook .content2 .div_1 .div_2 {
    display: none;
}
.video_handbook .content2 .div_1 .div_2.active {
    display: block;
}


.video_handbook .content2 .swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);  
    gap: .6rem .3rem;
}
.video_handbook .content2 .swiper .swiper-slide .img {
  position: relative;
}
.video_handbook .content2 .swiper .swiper-slide .img img {
  width: 100%;
}
.video_handbook .content2 .swiper .swiper-slide .img .play {
  cursor: pointer;
  transition: 0.4s;
  width: 0.58rem;
  height: 0.58rem;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}
.video_handbook .content2 .swiper .swiper-slide .img .play svg {
  margin: auto;
}
.video_handbook .content2 .swiper .swiper-slide .img .play:hover {
  border-radius: 0.1rem;
}
.video_handbook .content2 .swiper .swiper-slide .txt {
  margin-top: 0.2rem;
  text-align: center;
  transition: 0.4s;
  color: #666;
}
.video_handbook .content2 .swiper .swiper-slide-active .txt {
  color: #333;
}
.video_handbook .content3 {
  margin-top: 0.44rem;
}

.video_handbook .content4 {
  margin-top: 0.36rem; 
}

.video_handbook .content4 .one a {
    margin-right: 0.6rem;
    position: relative;
    padding-bottom: 0.1rem;
}

.video_handbook .content4 .one a:last-child {
    margin-right: 0;  
}
.video_handbook .content4 .one a::before {
    transition: 0.6s;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0.02rem;
    background: #0440D1;
}

.video_handbook .content4 .one a:hover,
.video_handbook .content4 .one a.active {
    color: #0440D1;
}

.video_handbook .content4 .one a:hover::before,
.video_handbook .content4 .one a.active::before {
    width: 100%;
}

.video_handbook .content4 .two {
    margin-top: 0.36rem;  
}

.video_handbook .content4 .two .box a {
   margin-right: 0.3rem; 
}
.video_handbook .content4 .two .box a:last-child {
  margin-right: 0; 
}
.video_handbook .content4 .two .box a:hover,
.video_handbook .content4 .two .box a.active{
    color: #0440D1;
}
.video_handbook .content4 .two .box {
    display: none;
}
.video_handbook .content4 .two .box.active {
    display: block;
}

.pu_record {
  display: none;
  z-index: 6;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.pu_record .rd_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}
.pu_record .rd_box .close {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
}
.pu_record .rd_box .close i {
  cursor: pointer;
  color: #999;
  transition: 0.4s;
  font-size: 0.32rem;
  font-weight: bold;
}
.pu_record .rd_box .close i:hover {
  color: #0440D1;
}
.pu_record .rd_box .list_ {
  padding: 0.35rem;
}
.pu_record .rd_box .list_ .item {
  display: none;
}
.pu_record .rd_box .list_ .item .le_box {
  position: relative;
  width: 47%;
}
.pu_record .rd_box .list_ .item .le_box .swiper .swiper-slide img,
.pu_record .rd_box .list_ .item .le_box .swiper .swiper-slide video {
  width: 100%;
  height: 4.1rem;
}
.pu_record .rd_box .list_ .item .le_box .toggle .prev,
.pu_record .rd_box .list_ .item .le_box .toggle .next {
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pu_record .rd_box .list_ .item .le_box .toggle .prev i,
.pu_record .rd_box .list_ .item .le_box .toggle .next i {
  cursor: pointer;
  transition: 0.4s;
  color: #fff;
  font-weight: bold;
}
.pu_record .rd_box .list_ .item .le_box .toggle .prev i:hover,
.pu_record .rd_box .list_ .item .le_box .toggle .next i:hover {
  color: #0440D1;
}
.pu_record .rd_box .list_ .item .le_box .toggle .prev {
  left: 0.1rem;
}
.pu_record .rd_box .list_ .item .le_box .toggle .next {
  right: 0.1rem;
}
.pu_record .rd_box .list_ .item .ri_box {
  padding-left: 6%;
  width: 53%;
  margin-top: 0.36rem;
}
.pu_record .rd_box .list_ .item .ri_box .txt {
  color: #333;
}
.pu_record .rd_box .list_ .item .ri_box .desc {
  margin-top: 0.2rem;
  height: 2.1rem;
  overflow: auto;
  padding-right: 0.1rem;
}
.pu_record .rd_box .list_ .item .ri_box .desc::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.pu_record .rd_box .list_ .item .ri_box .desc::-webkit-scrollbar-thumb {
  background: #0440D1;
}
.pu_record .rd_box .list_ .item .ri_box .desc::-webkit-scrollbar-track {
  background: rgba(237, 113, 0, 0.3);
}
.pu_record .rd_box .list_ .item .ri_box .desc p {
  color: #666;
  line-height: 0.3rem;
}
.pu_record .rd_box .list_ .item .ri_box .content2 {
  margin-top: 0.2rem;
}
.pu_record .rd_box .list_ .item.active {
  display: block;
}
.pu_document {
  display: none;
  z-index: 6;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.pu_document .box {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  min-height: 3rem;
}
.pu_document .box .close {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
}
.pu_document .box .close i {
  cursor: pointer;
  color: #999;
  transition: 0.4s;
  font-size: 0.32rem;
  font-weight: bold;
}
.pu_document .box .close i:hover {
  color: #0440D1;
}
.pu_document .box .list_ {
  padding: 0.7rem 0.6rem;
}
.pu_document .box .list_ .content1 {
  margin-bottom: 0.33rem;
}
.pu_document .box .list_ .content2 {
  padding: 0.33rem 0.23rem;
  border-top: 1px solid #d6d6d6;
}
.pu_document .box .list_ .content2 .scroll_x {
  overflow-x: auto;
  padding-right: 0.1rem;
}
.pu_document .box .list_ .content2 .scroll_x::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.pu_document .box .list_ .content2 .scroll_x::-webkit-scrollbar-thumb {
  background: #0440D1;
}
.pu_document .box .list_ .content2 .scroll_x::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.pu_document .box .list_ .content2 .scroll_x .scroll_y {
  overflow-y: auto;
  height: 3.3rem;
  padding-bottom: 0.1rem;
}
.pu_document .box .list_ .content2 .scroll_x .scroll_y::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.pu_document .box .list_ .content2 .scroll_x .scroll_y::-webkit-scrollbar-thumb {
  background: #0440D1;
}
.pu_document .box .list_ .content2 .scroll_x .scroll_y::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.pu_document .box .list_ .content2 .scroll_x table {
  min-width: 100%;
  color: #666;
  text-align: center;
  white-space: nowrap;
}
.pu_document .box .list_ .content2 .scroll_x table tbody tr td {
  padding: 0 10px 0.6rem;
}
.pu_document .box .list_ .content2 .scroll_x table tbody tr td a {
  cursor: pointer;
  display: inline-block;
  min-width: 1rem;
  line-height: 36px;
  padding: 0 10px;
  color: #fff;
  background: #0440D1;
  text-align: center;
}
.pu_document .box .list_ .content2 .scroll_x table tbody tr td a + a {
  margin-left: 6px;
}
.pu_document .box .list_ .content2 .scroll_x table tbody tr td .none {
  display: none;
}
.pu_document .box .list_ .content2 .scroll_x table tbody tr:nth-child(1) {
    position: sticky;
    top: -1px;
    background: #fff;
}
.pu_document .box .list_ .content2 .scroll_x table tbody tr:nth-child(1) td {
  font-size: 1.13em;
}
.pu_document .box .list_ .content2 .scroll_x table tbody tr:nth-last-child(1) td {
  padding: 0 10px 0;
}
.pu_preview {
  display: none;
  z-index: 7;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(16px);
}
.pu_preview .box {
  width: 100%;
  height: 100%;
}
.pu_preview .box .close {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
}
.pu_preview .box .close i {
  cursor: pointer;
  color: #fff;
  transition: 0.4s;
  font-size: 0.32rem;
  font-weight: bold;
}
.pu_preview .box .close i:hover {
  color: #0440D1;
}
.pu_preview .box .img_ {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pu_preview .box .img_ .swiper .swiper-slide {
  height: 76vh;
  display: flex;
  text-align: center;
}
.pu_preview .box .img_ .swiper .swiper-slide img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.pu_preview .box .img_ .div_ {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pu_preview .box .img_ .div_ .prev i,
.pu_preview .box .img_ .div_ .next i {
  cursor: pointer;
  transition: 0.4s;
  font-size: 0.3rem;
  color: #ffff;
  line-height: 1;
}
.pu_preview .box .img_ .div_ .prev i:hover,
.pu_preview .box .img_ .div_ .next i:hover {
  color: #0440D1;
}
.privacy_box {
  background: #f3f3f3;
}
.privacy_box .cy_top {
  text-align: center;
}
.privacy_box .cy_top p {
  color: #333;
}
.privacy_box .cy_bot {
  margin-top: 0.5rem;
  min-height: 30vh;
}
.privacy_box .cy_bot p {
  color: #666;
  line-height: 2;
}
.pu_suspend {
  transition: 0.6s;
  opacity: 0;
  z-index: 5;
  position: fixed;
  right: 0.1rem;
  top: 70%;
  transform: translateY(-50%);
}
.pu_suspend .nd_box .item {
  position: relative;
  margin-bottom: 0.1rem;
}
.pu_suspend .nd_box .item .li {
  transition: 0.6s;
  cursor: pointer;
  width: 0.78rem;
  height: 0.78rem;
  background: #fff;
  display: flex;
  box-shadow: 0 0 6px rgba(237, 113, 0, 0.3);
}
.pu_suspend .nd_box .item .li a {
  margin: auto;
  text-align: center;
}
.pu_suspend .nd_box .item .li a div {
  transition: 0.4s;
  height: 0.26rem;
}
.pu_suspend .nd_box .item .li a div img {
  max-height: 100%;
}
.pu_suspend .nd_box .item .li a p {
  transition: 0.4s;
  margin-top: 0.04rem;
  color: #333;
}
.pu_suspend .nd_box .item .post {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 126%;
  background: #0440D1;
  pointer-events: none;
}
.pu_suspend .nd_box .item .post::before {
  content: '';
  position: absolute;
  right: -0.16rem;
  top: 50%;
  transform: translateY(-50%);
  border: 0.08rem solid transparent;
  border-left-color: #0440D1;
}
.pu_suspend .nd_box .item .post a {
  white-space: nowrap;
  color: #fff;
  line-height: 0.78rem;
  font-family: GilroyBold;
  padding: 0 0.42rem;
}
.pu_suspend .nd_box .item .post div {
  padding: 0.1rem;
}
.pu_suspend .nd_box .item .post div img {
  width: 1.2rem;
}
.pu_suspend .nd_box .item:hover .li {
  background: #0440D1;
}
.pu_suspend .nd_box .item:hover .li a div img {
  filter: brightness(100);
}
.pu_suspend .nd_box .item:hover .li a p {
  color: #fff;
}
.pu_suspend .nd_box .item:hover .post {
  opacity: 1;
}
.pu_suspend .nd_box .item:last-child {
  margin-bottom: 0;
}
.pu_suspend.active {
  top: 50%;
  opacity: 1;
}


@media (max-width: 1500px) {
  .w1680 {
    padding: 0 5vw;
  }
  :root {
    --bj: 5vw;
  }
  .w1400 {
    padding: 0 8vw;
  }
  .w1200 {
    width: min(1050px, 90vw);
  }
  .f66 {
    font-size: 0.6rem;
  }
  .f52 {
    font-size: 0.48rem;
  }
  .f38 {
    font-size: 0.34rem;
  }
  .f36 {
    font-size: 0.32rem;
  }
  .f32 {
    font-size: 0.28rem;
  }
  .f28 {
    font-size: 0.26rem;
  }
  .f26 {
    font-size: 0.24rem;
  }
  .f18 {
    font-size: 0.2rem;
  }
  .f16 {
    font-size: 0.18rem;
  }
  .pu_title .le_box {
    width: 0.9rem;
  }
  .local .lo_box .slide .data .num {
    font-size: 0.66rem;
    line-height: 0.56rem;
  }
  .local .lo_box .slide:last-child .data .num {
    font-size: 0.56rem;
  }
  .local .lo_box .slide .data .tips .symbol {
    font-size: 0.28rem;
  }
  .core_technology .content3 .le_box .num {
    font-size: 1.5rem;
  }
  .professiona .le_box .content2,
  .core_technology .content6 .ri_box .post p,
  .development_history .de_cen .swiper .swiper-slide .slide_top .num {
    font-size: 1rem;
  }
  .advantage .ge_cen .swiper .swiper-slide .num {
    font-size: 0.9rem;
  }
  .measurement_plan .me_bot .content3 .en {
    font-size: 1.6rem;
  }
  .introduce .ri_box {
    padding: 0 0.5rem;
  }
  .product_box .le_box .content3 .item .two a {
    line-height: 0.4rem;
  }
  .consultation .con_box .le_box > div {
    margin-top: 0.7rem;
  }
}
@media (max-width: 1300px) {
  .pu_pop .box .recruit_list .list .content3 .item .two {
    height: 0.84rem;
  }
}
@media (max-width: 1200px) {
  .f66 {
    font-size: 0.5rem;
  }
  .f52 {
    font-size: 0.42rem;
  }
  .f38 {
    font-size: 0.3rem;
  }
  .f36 {
    font-size: 0.28rem;
  }
  .f32 {
    font-size: 0.26rem;
  }
  .f28 {
    font-size: 0.24rem;
  }
  .f26 {
    font-size: 0.22rem;
  }
  .w1680,
  .w1400 {
    padding: 0 5vw;
  }
  :root {
    --top: 60px;
    --bj: 5vw;
  }
  .p100 {
    padding-top: 0.8rem;
  }
  .p100_ {
    padding-bottom: 0.8rem;
  }
  .pc_header {
    display: none; 
  }
	.index_banner .swiper .swiper-slide .slide_post > div .content1 .text{font-size: 0.28rem; }
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p::after,
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p::before,
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p span {
    background: #0440D1;
  }
  .MobileMain .HeaderMobile .box .button .Language a {
    color: #0440D1;
  }
  .MobileMain .HeaderMobile .box .button .state {
    position: relative;
    margin-left: 10px;
  }
  .MobileMain .HeaderMobile .box .button .shop a,
  .MobileMain .HeaderMobile .box .button .state .login a {
    transition: 0.4s;
    width: 1.4rem;
    line-height: 0.46rem;
    text-align: center;
    background: #0440D1;
    color: #fff;
  }
  .MobileMain .HeaderMobile .box .button .state .success {
    display: none;
    cursor: pointer;
    line-height: 60px;
    width: 1.4rem;
  }
  .MobileMain .HeaderMobile .box .button .state .success .tips a {
    color: #333;
    transition: 0.4s;
  }
  .MobileMain .HeaderMobile .box .button .state .success .tips span {
    font-family: GilroyBold;
    flex: 1;
  }
  .MobileMain .HeaderMobile .box .button .state .success .tips i {
    margin-left: 0.04rem;
  }
  .MobileMain .HeaderMobile .box .button .state .success .exit {
    display: none;
    width: 100%;
    position: absolute;
    top: 100%;
  }
  .MobileMain .HeaderMobile .box .button .state .success .exit p a {
    color: #fff;
    background: #0440D1;
    transition: 0.4s;
    text-align: center;
    line-height: 0.52rem;
  }
  .MobileMain .HeaderMobile .box .button .state .success:hover .exit {
    display: block;
  }
  .MobileMain.is_login .HeaderMobile .box .button .state .login {
    display: none;
  }
  .MobileMain.is_login .HeaderMobile .box .button .state .success {
    display: block;
  }
  .index_banner .swiper .swiper-slide .slide_img img,
  .index_banner .swiper .swiper-slide .slide_img video {
    height: 7.8rem;
  }
  .index_banner .scroll {
    display: none;
  }
  .index_about .ut_cen .ri_box {
    padding-left: 0;
  }
  .index_about .ut_cen {
    margin: 0.6rem 0;
  }
  .shuzi .ut_bot {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem 1rem;
  }
  .shuzi .ut_bot .slide::before {
    display: none;
  }
  .index_display .ay_bot .content1 {
    display: flex;
    flex-wrap: wrap;
  }
  .index_display .ay_bot .content1 p {
    margin-right: 0.4rem;
    margin-bottom: 0;
  }
  .pu_title .le_box {
    width: 1rem;
  }
  .pu_switch {
    display: none !important;
  }
  .pc_footer .ter_bot .content1 .box .nav {
    display: none;
  }
  .pc_footer .ter_bot .content1 .box .dizhi {
    padding-right: 0;
  }
  .pc_footer .ter_bot .content1 {
    margin: 0.8rem 0;
  }
  .pc_footer .ter_top .content2 .form form .item {
    width: auto;
    flex: 1;
  }
  .pc_footer .ter_top .content2 .form form .submit {
    margin-left: 0.4rem;
  }
  .pc_footer .ter_bot .content2 .copy p {
    margin-left: 0;
    line-height: 1.6;
  }
  .pu_banner .ban_post {
    display: none;
  }
  .product_box .ri_box {
    padding-left: 0;
  }
  .pu_slide a .img {
    height: 2.6rem;
  }
  .product_details {
    padding-bottom: 0.8rem;
  }
  .pu_download .load_box .form_box {
    --wd: 60vw;
  }
  .pu_banner2 .ban_bk {
    height: 4.2rem;
  }
  .pu_banner2 .ban_post .text {
    margin-bottom: 0.28rem;
  }
  .introduce {
    margin-top: -1rem;
  }
  .introduce .ri_box {
    padding: 0.5rem;
  }
  .typical_application .ty_bot {
    grid-template-columns: repeat(2, 1fr);
  }
  .measurement_plan .me_bot .content1 div p {
    margin-bottom: 0.16rem;
  }
  .measurement_plan .me_bot .content2 .item .tupian {
    /*padding: 0.3rem;*/
  }
    .measurement_plan .me_bot .content2 {
    margin-top: .8rem;
  }
  .measurement_plan .me_bot .content3 .en {
    font-size: 1.2rem;
  }
  .measurement_plan .me_bot .content3 .box .le_box {
    display: none;
  }
  .measurement_plan .me_bot .content3 .box {
    display: block;
  }
  .measurement_plan .me_bot .content3 .box .ri_box {
    padding: 0;
  }
  .measurement_plan .me_bot .content4 {
    display: block;
  }
  .measurement_plan .me_bot .content4 .ri_box {
    padding-left: 0;
  }
  .measurement_plan .me_bot .content4 .le_box {
    padding: 0;
  }
  .measurement_plan .me_bot .content4 .le_box .desc {
    margin-top: 0.36rem;
  }
  .measurement_plan .me_bot .content5 {
    margin-top: 0.8rem;
  }
  .measurement_plan .me_bot .content5 .ri_box {
    padding-left: 0;
    padding-top: 0;
  }
  .advantage .ge_cen .swiper .swiper-slide {
    padding: 0 0.3rem;
  }
  .recommended .re_cen {
    margin: 0.67rem 0 0;
  }
  .core_technology .content2 {
    margin-top: 0.8rem;
    padding: 0 var(--bj);
  }
  .core_technology .content6 .le_box,
  .core_technology .content2 .le_box {
    padding-right: 0;
  }
  .core_technology .content5 .ri_box {
    padding-left: 0;
  }
  .core_technology .content6 .le_box {
    margin-top: 0;
  }
  .core_technology .content3 .le_box .num {
    font-size: 1.2rem;
  }
  .core_technology .content6,
  .core_technology .content4 {
    margin-top: 0.8rem;
  }
  .core_technology .content5 .ri_box .en {
    margin: 0.6rem 0;
  }

  .professiona > div {
    padding: 0 var(--bj);
  }
  .professiona .le_box {
    padding-left: 0;
  }
  .professiona {
    padding: 0.8rem 0;
  }
  .professiona::before {
    width: 100%;
  }
  .professiona .le_box .content2 {
    margin: 0.6rem 0;
  }
  .local .lo_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
    justify-content: flex-start;
  }
  .service .ce_box {
    grid-template-columns: repeat(1, 1fr);
  }
  .service .ce_box .box {
    height: auto;
    padding: 1rem var(--bj);
  }
  .company_profile .co_bot .ri_box {
    padding: 0.6rem 0.4rem;
  }
  .professiona .le_box .content2,
  .core_technology .content6 .ri_box .post p,
  .development_history .de_cen .swiper .swiper-slide .slide_top .num {
    font-size: 0.8rem;
  }
  .development_history .de_cen {
    padding: 0.6rem var(--bj);
    margin: 0;
  }
  .development_history .de_cen .swiper .swiper-slide .slide_top .desc {
    margin-top: 0.1rem;
  }
  .development_history .de_cen .swiper .swiper-slide .slide_bot {
    grid-template-columns: repeat(1, 1fr);
    --he: 4rem;
  }
  .development_history .de_cen .swiper .swiper-slide .slide_bot .img img {
    height: auto;
  }
  .development_history .de_cen .swiper::before {
    display: none;
  }
  .development_history .de_cen .swiper .swiper-slide .point {
    border-top: 1px solid #ccc;
  }
  .development_history .de_cen .swiper .swiper-slide .point i {
    display: none;
  }
  .development_history .de_cen .swiper .swiper-slide .slide_top .desc,
  .development_history .de_cen .swiper .swiper-slide .slide_bot {
    opacity: 1;
  }
  .enterprise_informatization .en_bot {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.2rem;
  }
  .enterprise_informatization .en_bot .slide {
    margin-right: 0;
  }
  .business_areas .bu_bot {
    flex-direction: column-reverse;
  }
  .business_areas .bu_bot .txt_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
  .business_areas .bu_bot .txt_box .li {
    width: 100%;
    margin-bottom: 0;
  }
  .add_us .us_cen .swiper .swiper-slide {
    padding: 0.4rem;
  }
  .pu_pop .box {
    width: 90vw;
  }
  .news_list {
    margin-top: -1rem;
  }
  .news_list .st_top .swiper .swiper-slide a {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
  .news_list .st_top .swiper .swiper-slide a .ri_box {
    padding: 0.6rem 0.4rem;
  }
  .news_list .st_top .swiper .swiper-slide a .ri_box .content1 {
    margin-top: 0;
  }
  .news_list .st_top .toggle {
    display: none;
  }
  .other_news .ot_cen,
  .news_list .st_cen {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
  .pu_item a .content .text {
    margin-top: 0.46rem;
  }
  .pu_fenye .number a {
    display: none;
  }
  .pu_fenye .number a.active {
    display: block;
  }
  .pu_crumb {
    line-height: 2;
  }
  .consultation .con_box,
  .address .ad_bot {
    grid-template-columns: repeat(1, 1fr);
  }
  .consultation .con_box .le_box > div {
    margin: 0.7rem 0;
  }
  .login_ .in_box .le_box {
    display: none;
  }
  .login_ .in_box .ri_box {
    width: 100%;
    height: calc(var(--vh) - var(--top));
  }
  .success_banner .ban_bk img {
    height: 3rem;
  }
  .service_record .rd_box {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.4rem;
  }
  .pu_record .rd_box .list_ .item .le_box .swiper .swiper-slide img,
  .pu_record .rd_box .list_ .item .le_box .swiper .swiper-slide video {
    height: 4rem;
  }
  .pu_record .rd_box .list_ .item .ri_box {
    padding-left: 0;
  }
  .pu_record .rd_box .list_ .item .le_box .toggle {
    display: none;
  }
  .pu_record .rd_box .list_ {
    padding: 0.8rem 0.3rem;
  }
  .pu_record .rd_box .list_ .item .ri_box .desc {
    height: 1.8rem;
  }
  .video_handbook .content2 .swiper .swiper-slide .img .play {
    width: 0.68rem;
    height: 0.68rem;
  }
  .company_profile .co_bot {
    margin-top: 0.8rem;
  }
  .product_details .content2 .le_box .swiper {
      max-width: 60%;
  }
    .video_handbook .content2 .swiper .swiper-wrapper {
           grid-template-columns: repeat(2, 1fr); 
    }
    
      .success_banner .ban_post .ri_box {
      margin-top: .36rem;
  }
  
  .success_banner .ban_post .ri_box .li a {
      width: 2rem;
  }
  .pu_suspend  {
      diaplay: none;
  }
  
  .business_areas .bu_bot .txt_box,
  .core_technology .content6 .ri_box,
  .core_technology .content5,
  .core_technology .content5 .ri_box,
  .core_technology .content3 .ri_box,
  .core_technology .content2 .ri_box,
  .measurement_plan .me_bot .content5 .ri_box,
  .measurement_plan .me_bot .content4 .ri_box,
  .measurement_plan .me_bot .content2 .item .text,
  .product_details .content2 .ri_box,
  .product_box .ri_box,
  .pc_footer .ter_bot .content2 .code,
  .pc_footer .ter_bot .content1 .box,
  .pc_footer .ter_top .content2,
  .index_display .ay_bot .content2,
  .index_display .ay_bot .content2 .box .ri_box,
  .index_about .ut_cen .ri_box {
    margin-top: 0.5rem;
  }
  

  
  .success_banner .ban_post .le_box,
  .pu_record .rd_box .list_ .item .ri_box,
  .pu_record .rd_box .list_ .item .le_box,
  .business_areas .bu_bot .txt_box,
  .business_areas .bu_bot .bk_box,
  .company_profile .co_bot .ri_box,
  .company_profile .co_bot .le_box,
  .professiona .ri_box,
  .professiona .le_box,
  .core_technology .content6 .ri_box,
  .core_technology .content6 .le_box,
  .core_technology .content5 .ri_box,
  .core_technology .content5 .le_box,
  .core_technology .content3 .ri_box,
  .core_technology .content3 .le_box,
  .core_technology .content2 .ri_box,
  .core_technology .content2 .le_box,
  .measurement_plan .me_bot .content5 .ri_box,
  .measurement_plan .me_bot .content5 .le_box,
  .measurement_plan .me_bot .content3 .box .ri_box,
  .introduce .ri_box,
  .introduce .le_box,
  .product_details .content2 .ri_box,
  .product_details .content2 .le_box,
  .product_box .ri_box,
  .product_box .le_box,
  .pc_footer .ter_bot .content2 .copy p,
  .pc_footer .ter_bot .content1 .box,
  .pc_footer .ter_bot .content1 .logo,
  .pc_footer .ter_top .content2,
  .pc_footer .ter_top .content1,
  .index_display .ay_bot .content2 .box .le_box,
  .index_display .ay_bot .content2 .box .ri_box,
  .index_display .ay_bot .content2,
  .index_display .ay_bot .content1,
  .index_about .ut_cen .ri_box,
  .index_about .ut_cen .le_box {
    width: 100%;
    flex: auto;
  }
	
	
}
@media (max-width: 750px) {
	
	.book-grow{
		padding-top: 0.3rem
	}
	.index_dj .wx{
		
		padding: 10px
	}
  .f66 {
    font-size: 0.46rem;
  }
  .f52 {
    font-size: 0.36rem;
  }
  .pu_title .le_box {
    display: none;
  }
  .pu_title .ri_box {
    padding-left: 0;
  }
  .pu_title .ri_box .desc {
    margin-top: 0.18rem;
  }
  .news_list .st_top .swiper .swiper-slide a .ri_box {
    padding: 0.4rem 0.3rem;
  }
  .other_news .ot_cen,
  .news_list .st_cen,
  .consultation .con_box .le_box .content2 .form .item {
    grid-template-columns: repeat(1, 1fr);
  }
  .pu_record .rd_box .list_ .item .le_box .swiper .swiper-slide img,
  .pu_record .rd_box .list_ .item .le_box .swiper .swiper-slide video {
    height: 3rem;
  }
  .service_record .rd_box .le_box .content2 .thead .t1,
  .service_record .rd_box .le_box .content2 .tbody .swiper .swiper-slide .e1 {
    width: 70%;
  }
  .service_record .rd_box .le_box .content2 .thead .t3,
  .service_record .rd_box .le_box .content2 .tbody .swiper .swiper-slide .e3 {
    width: 30%;
  }
  .service_record .rd_box .le_box .content2 .thead .t2,
  .service_record .rd_box .le_box .content2 .tbody .swiper .swiper-slide .e2 {
    display: none;
  }
  .service_record .rd_box .le_box .content2 .tbody .swiper .swiper-slide > div,
  .service_record .rd_box .le_box .content2 .thead {
    padding: 0 0.18rem;
  }
  .company_profile .co_bot .ri_box {
    padding: 0.4rem 0.3rem;
  }
  .company_profile .co_bot .ri_box .content2 {
    height: 1.4rem;
  }
  .company_profile .co_bot .ri_box .content3 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.4rem;
  }
  .professiona .le_box .content2,
  .core_technology .content6 .ri_box .post p,
  .development_history .de_cen .swiper .swiper-slide .slide_top .num {
    font-size: 0.66rem;
  }
  .enterprise_informatization .en_bot .slide .img img {
    height: 4rem;
  }
  .enterprise_informatization .en_bot .slide .post {
    padding: 0.5rem 0.3rem;
  }
  .business_areas .bu_bot .txt_box {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.2rem;
  }
  .pu_pop .box .recruit_list .list .content3 .item .two {
    height: 1.05rem;
  }
  .pu_pop .box .recruit_list .list .content3 .item .two p {
    line-height: 0.35rem;
  }
  .pu_pop .box .recruit_list {
    padding: 0.7rem 0.3rem;
  }
  .pu_pop .box .recruit_list .list .content4 img {
    width: 0.42rem;
  }
  .local .lo_box {
    grid-template-columns: repeat(1, 1fr);
  }
  .service .ce_box .box .content2 {
    margin: 1rem 0 0.6rem;
  }
  .success_banner .ban_post .ri_box {
    margin-top: 0.36rem;
  }
  .core_technology .content3 .le_box .num {
    font-size: 0.8rem;
  }
  .core_technology .content6 .ri_box .post {
    padding: 0.4rem;
  }
  .measurement_plan .me_bot .content4 .le_box .text br,
  .core_technology .content4 p br,
  .core_technology .content5 .ri_box .desc br,
  .core_technology .content3 .ri_box .text br {
    display: none;
  }
  .measurement_plan .me_bot .content3 .en,
  .advantage .ge_cen .swiper .swiper-slide .num {
    font-size: 0.66rem;
  }
  .measurement_plan .me_bot .content2 .item .tupian {
    /*grid-template-columns: repeat(1, 1fr);*/
    /*gap: 0.4rem;*/
  }

  .measurement_plan .me_bot .content1 div {
    padding: 0.2rem 0.2rem 0.1rem;
    margin-right: 0.2rem;
  }
  .typical_application .ty_bot {
    grid-template-columns: repeat(1, 1fr);
  }
  .introduce .ri_box {
    padding: 0.4rem 0.3rem;
  }
  .pu_download .load_box {
    padding: 0 0.3rem 0.6rem;
  }
  .pu_download .load_box .close {
    right: 0.14rem;
    top: 0.14rem;
  }
  .pu_download .load_box .form_box {
    --wd: 80vw;
  }
  .pu_slide a .content .jianto svg,
  .recommended .re_cen .swiper .swiper-slide .pu_slide a .content .jianto svg {
    transform: scale(0.8);
  }
  .index_about .ut_bot {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
  .pc_footer .ter_bot .content1 .box .dizhi,
  .product_box .ri_box .content1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .pc_footer .ter_bot .content1 .box .dizhi {
    gap: 0.4rem;
  }
  .pc_footer .ter_bot .content1 .box .dizhi .li .phone {
    margin: 0.12rem 0;
  }
  .index_display .ay_bot .content2 .box .le_box .img_box p img {
    max-width: 80%;
  }
  .index_display .ay_bot .content2 .box .ri_box {
    padding: 0.4rem;
  }
  .index_news .ws_cen .swiper .swiper-slide a .de_post {
    padding: 0.4rem 0.3rem;
  }
  .pc_footer .ter_top .content2 .form form .item {
    width: 100%;
    flex: auto;
  }
    .core_technology .content7 {
    grid-template-columns: repeat(1, 1fr);
  }
  .core_technology .content7 .item:nth-child(2n) {
    border-left: 1px solid #d2d2d2;
    border-top: none;
  }
  .pu_slide {
      border-right: none;
  }
  .pu_slide:nth-last-child(2)  {
      border-bottom: 0.02rem solid #ebebeb;
  }
  
    .video_handbook .content2 .swiper .swiper-wrapper {
           grid-template-columns: repeat(1, 1fr); 
    }
  .pc_footer .ter_top .content2 .form form .submit {
    margin-left: 0;
    margin-top: 0.2rem;
  }
  .success_banner .ban_bk img {
      height: 4rem;
  }
  
  .success_banner .ban_post .ri_box .li {
      margin-bottom: .2rem;
  }
  .success_banner .ban_post .ri_box,
  .success_banner .ban_post .le_box {
    width: 100%;
  }
  .product_box_2 .ri_box .content1 {
    grid-template-columns: repeat(2,1fr);  
  }
  
  .product_box_2 .ri_box .content1 .pu_slide a {
      padding: .3rem;
  }
   .product_box_2 .ri_box .content1 .pu_slide a img {
       height: 2rem;
   }
   .MobileMain .HeaderMobile .box .button .state .success,
   .MobileMain .HeaderMobile .box .button .shop a, .MobileMain .HeaderMobile .box .button .state .login a {
     width: 1rem;  
   }
   .MobileMain .HeaderMobile .box .button .menu, .MobileMain .HeaderMobile .box .button .search {
       margin-left: .2rem;
   }
}

@media (max-width: 1200px) {
  .pu_document .box .list_ {
    padding: .4rem;
  }

  .pu_document .box .list_ .content2 {
    padding: .33rem 0;
  }

  .pu_document .box .list_ .content2 .scroll_x table tbody tr td {
    padding: 0 10px .3rem;
  }

  .product_details_2 .content2 .ri_box,
  .product_details_2 .content2 .le_box {
    width: 100%;
  }

  .product_details_2 .content2 .ri_box {
    margin-top: .6rem;
    padding-left: 0;
  }

  .product_details_2 {
    padding-bottom: .8rem;
  }

  .pu_record .rd_box .list_ .item .ri_box {
    margin: .36rem 0 0;
  }
}
  
.disabled_a {
    pointer-events: none;
    cursor: default !important;
    background: gray !important;

}

.past-news{ margin:  0.76rem 0 0; display: flex;
    flex-direction: row;
  container-widget-width: initial;
  container-widget-height: 100%;
 container-widget-flex-grow: 1;
container-widget-align-self: stretch;
flex-wrap-mobile: wrap;
gap: 30px 30px;
 row-gap: 30px;
  column-gap: 30px;
flex-wrap: wrap;
    overflow: visible;}


.past-news .news-list{
        flex: 0 0 auto;
        width: calc(25% - 22.5px);
}


.past-news .news-list a{  
    display: flex
;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 40px;}
.past-news .news-list a .pic{     height: 268px;
    overflow: hidden;
    border-radius: 30px;}


.past-news .news-list a .pic img {
        position: absolute;
    top: 0px;
    left: 0px;
    transform: scale(1.001);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s ease-out;    max-width: 100%;
   
}


.past-news .news-list a .pic .circle-btn-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.past-news .news-list a .pic .circle-btn {
  width: 72px;
  height: 72px;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #0440D1;
  color: #292929;
  font-size: 24px;
  text-decoration: none;
  position: absolute;
  top: 70%;
  left: 20%;
  -webkit-transform: translate(-50%, -50%) scale(0.3);
  transform: translate(-50%, -50%) scale(0.3);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  z-index: 2;
}


.past-news .news-list a .pic .circle-btn i {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.past-news .news-list:hover .pic img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.past-news .news-list:hover .pic:before {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.past-news .news-list:hover .pic .circle-btn-wrapper {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.past-news .news-list:hover .pic .circle-btn {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.past-news .news-list .pic {
  overflow: hidden;
  position: relative;
  border-radius: 30px;
  height: 268px;
}
.past-news .news-list:hover .pic .circle-btn {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.past-news .news-list a .pic .circle-btn:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.past-news .news-list a .pic .circle-btn:hover i {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.past-news .news-list a .date{  display: block; padding: 8px 24px;
    border-radius: 50px;
   
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.21px;
    color: #fff;
    background-color: #0a3064;
	text-transform: uppercase;}
.past-news .news-list a  .date p i{ float: left; margin-right: 10px}
.past-news .news-list a .nr h1{font-size: 0.18rem;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -0.42px;
    margin-bottom: 0;background-image: linear-gradient(#0440D1, #0440D1), linear-gradient(#0440D1, #0440D1);display: inline;
    background-size: 0% 1px, 0px 1px;
    background-repeat: no-repeat;
    line-height: 1.5;
    background-position: 100% 100%, 0px 83%;
    transition: background-size 0.4s linear;
    padding: 2% 0px;}

.past-news .news-list a:hover .nr h1{
  background-size: 0 1px, 100% 1px;
}

.past-news .news-list a .more{    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 0;
    color: #0440D1}
.p_footer{
    overflow: hidden;background: #222;
    margin: 0px 20px 20px 20px;
    border-radius: 30px;
    padding: 0px 40px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    clear: both;}

.p_footer .w1680{ padding: 0px calc(5.8vw - 60px);}
.p_footer .foot{align-content:center;
    align-items:center;
    align-self: auto;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    
    justify-content: center;flex-direction: column;    gap: 50px 20px;
    height: 100%;
    margin: 0 auto;
   
    padding-inline-end: 0;
    padding-inline-start: 0;
    width: 100%;display: flex;    padding-block-end: 0px;
    padding-block-start: 80px;
    text-align: initial;flex-wrap: wrap
}
.p_footer .f_top{ display: flex;
    flex-direction: row;
    container-widget-width: initial;
   container-widget-height: 100%;
   container-widget-flex-grow: 1;
    container-widget-align-self: stretch;
   flex-wrap-mobile: wrap;
    gap: 15px 15px;
   row-gap: 15px;
   column-gap: 15px;
    padding-top: 0px;
    padding-bottom: 83px;
    padding-left: 0px;
	padding-right: 0px;    flex-direction:row}
.p_footer .f_top .f_lo{display: flex;
    gap: 40px 20px;
    row-gap: 40px;
    column-gap: 20px;
    flex-wrap: wrap;
    padding-top: 0px;
   padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px; width: 40%;flex-direction: column; margin-right: 10%}
.p_footer .f_top .f_lo img{    width: 100%;
    max-width: 151px;    display: inline-block;
    vertical-align: middle;
}
.p_footer .f_top .f_lo p{
	
	 font-size: 0.18rem; color: #fff;
}
.p_footer .f_top .f_con{display: flex; position: relative;
    
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 30px 30px;
    row-gap: 30px;
    column-gap: 30px;
   
    overflow: visible;flex-direction: column; margin-right: 10%}
.p_footer .f_top  h2{
	font-size: 0.32rem; color: #fff; font-weight: bold
}
.p_footer .f_top .f_con .lx{
	display: flex
;flex-wrap: initial;
	
	
} 
.p_footer .f_top .f_con .lx  i {margin: 0px 15px 0px 0px;height: 50px;font-size: 24px;display: inline-flex
;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 13px;
    transform: rotate(0deg);
    width: 50px;    color: #000;
    fill: #000;
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
}
.p_footer .f_top  .box-body {
    position: relative;
    z-index: 2;
}
.p_footer .f_top  .box-body h3{    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
 color: #fff; font-size: 0.2rem

}.p_footer .f_top  .box-body p{    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
 color: #fff;font-size: 0.16rem

}
.p_footer .f_top  .f_toch{display: flex;
  gap: 30px 30px;
   row-gap: 30px;
   column-gap: 30px;
    overflow: visible;flex-direction: column;width: 24%;}

.p_footer .f_top .f_ql{display: flex;
  gap: 30px 30px;
   row-gap: 30px;
   column-gap: 30px;
    overflow: visible;flex-direction: column;width: 17.66%}
.p_footer .f_top .f_ql ul li a{font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
    color: #fff;
    padding: 0px 0px 15px 0px;
}
.f_bot{
   display: flex;
   flex-direction: row;
   container-widget-width: initial;
   container-widget-height: 100%;
   container-widget-flex-grow: 1;
container-widget-align-self: stretch;
   flex-wrap-mobile: wrap;
   gap: 15px 30px;
  row-gap: 15px;
  column-gap: 30px;
   flex-wrap: wrap;
    border-style: solid;
  border-style: solid;
    border-width: 1px 0px 0px 0px;
   border-top-width: 1px;
  border-right-width: 0px;
   border-bottom-width: 0px;
  border-left-width: 0px;
    border-color: #FFFFFF24;
   border-color: #FFFFFF24;
 padding-top: 40px;
 padding-bottom: 40px;
 padding-left: 10px;
  padding-right: 10px;
    overflow: visible;}
.f_bot .copy{width: calc(50% - 15px)}

.f_bot .copy p{ color: #fff; font-size: 0.18rem}
.f_bot .so-link{display: flex;
   flex-direction: row;
   container-widget-width: calc((1 - 1)* 100%);
  container-widget-height: 100%;
  container-widget-flex-grow: 1;
  container-widget-align-self: stretch;
flex-wrap-mobile: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 5px 5px;
  row-gap: 5px;
  column-gap: 5px;
 flex-wrap: wrap;
   padding-top: 0px;
  padding-bottom: 0px;
 padding-left: 0px;
padding-right: 0px;
    overflow: visible;width: calc(50% - 15px);
}
.f_bot .so-link p{color: #fff; font-size: 0.18rem;}
.f_bot .so-link .links{display: flex;
   flex-direction: row;
    container-widget-width: calc((1 - var(--container-widget-flex-grow))* 100%);
    container-widget-height: 100%;
    container-widget-flex-grow: 1;
    container-widget-align-self: stretch;
   flex-wrap-mobile: wrap;
    justify-content: flex-end;
    align-items: center;
   gap: 5px 5px;
   row-gap: 5px;
   column-gap: 5px;
   flex-wrap: wrap;
  padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
    padding-right: 0px;
    overflow: visible;flex-direction:row;}
.f_bot .so-link .links a{    text-align: center;
    text-decoration: none; 
    border-radius: 10px 10px 10px 10px;
    width: 40px;
    height: 40px;
    line-height: 40px; background:#fff }
.f_bot .so-link .links a i{ font
20px; color: #222}
.whatsapp-link {
    position: relative;
}

.qrcode-popup {
    display: none;
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    background: white;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 100;
    width: 170px;
    text-align: center;
}

.qrcode-popup.show {
    display: block;
}

.qrcode-popup:before {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 12px;
    height: 12px;
    background: white;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
}

.qrcode-popup img {
    width: 150px;
    height: 222px;
    display: block;
    margin: 0 auto;
}

.whatsapp-link:hover .qrcode-popup,
.qrcode-popup:hover {
    display: block;
}
    
.page-title.breadcrumb-1{
	padding: 283px 0 150px 0;
	margin: 20px 20px 0px 20px;
    border-radius: 30px;
    text-align: center;
    background-color: #000;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
}
.page-title:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color:#000;
    opacity: 0.6;
}
.page-title .theme-breadcrumb-box {
    position: relative;
    padding: 0 80px;
}
.page-title h1 {
    color:#fff;
    font-size: 54px;
    line-height: 64px;
    word-break: break-word;
    margin-bottom: 0;
}
.page-breadcrumb{
	 color: #fff; font-size: 0.16rem;
}
.page-breadcrumb a{
	  color: #fff; font-size: 0.16rem;display: inline;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.about_02 .ul{display: flex
;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.about_02 .ul .featured-item{width: 25%;display: flex
;
    min-height: 1px;
    position: relative;}
.about_02 .ul .featured-item{
	
	    margin: 0px 15px 0px 15px;    display: flex;    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    position: relative;
    padding: 33px 80px 31px 40px;
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 30px;
}
.featured-number {
   
    font-size: 14px;
}
.featured-item.style-1 .featured-icon {
    margin-bottom: 15px;
    overflow: hidden;
    text-align: right;
    margin-right: -40px;
}

.featured-item.style-1 .featured-icon i {
    font-size: 70px;
    line-height: 70px;
    color: #2458B3;
    display: inline-block;
}

.featured-item.style-1 .featured-subtitle {
   
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.featured-item.style-1 .featured-title h5 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 0px;
    padding-right: 10px;
}
.button-style-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #ECF4FB;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    padding: 10px 0 0 10px;
    border-radius: 60% 0 0 0;
 
}
.button-style-2::before {
    position: absolute;
    content: "";
    top: -14px;
    right: 0px;
    height: 16px;
    width: 1px;
    background-color: #ECF4FB;
    
}
.button-style-2>svg {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    right: 0px;
    transform: rotate(180deg) scale(1.01);
}
.button-style-2 .button-style-2-link {
    background: #FFFFFF;
    width: 50px;
    height: 50px;
    line-height: 54px;
    text-align: center;
    border-radius: 100%;
    font-size: 27px;
    display: inline-block;
    position: relative;
    z-index: 2;
}
.button-style-2 a::before {
    position: absolute;
    content: "";
    top: 37px;
    left: -11px;
    height: 16px;
    width: 1px;
    background-color: #ECF4FB;
   
}
.button-style-2 .button-style-2-link i {
  
    display: block; font-size: 0.24rem; color: #0440D1
}
.button-style-2>svg:last-of-type {
    top: auto;
    bottom: 0px;
    right: auto;
    left: -20px;
}
.button-style-2::after {
    position: absolute;
    content: "";
    top: -1px;
    right: -2px;
    height: 1px;
    width: 16px;
    background-color:#ECF4FB;
   
}

.about_cluture .e-con-inner{ background:#cbe4fb;  display: flex;
    flex-direction: column;
    container-widget-width: calc((1 - var(--container-widget-flex-grow))* 100%);
    container-widget-height: initial;
   container-widget-flex-grow: 0;
    container-widget-align-self: initial;
    flex-wrap-mobile: wrap;
    align-items: center;
    gap: 60px 20px;
    row-gap: 60px;
    column-gap: 20px;
    border-radius: 30px 30px 30px 30px;
    margin-top: 0px;
   margin-bottom: 125px;
    margin-left: 0px;
   margin-right: 0px;
    padding-top: 100px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: visible;}

.about_cluture .e-con-inner .main{    align-content: initial;
    align-items: center;
    align-self: auto;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    flex-wrap: initial;
    justify-content: initial;    gap: 60px 20px;
    height: 100%;
    margin: 0 auto;
    max-width: min(100%,1300px,1140px));
    padding-inline-end: 0;
    padding-inline-start: 0;
    width: 100%;flex-direction:column; display: flex
}
.about_cluture .e-con-inner .clu_ul{display: flex;
    flex-direction: row;
    --container-widget-width: initial;
    --container-widget-height: 100%;
    --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
   gap: 30px 30px;
    row-gap: 30px;
    column-gap: 30px;
   flex-wrap: wrap;
   margin-top: 0px;
   margin-bottom: -125px;
    margin-left: 0px;
    margin-right: 0px;
    overflow: visible; width: 80%}
.about_cluture .e-con-inner .clu_ul .infobox{
	width: calc(50% - 20px);
    max-width: calc(50% - 20px);
    container-widget-width: calc(50% - 20px);
    container-widget-flex-grow: 0;
	
}.about_cluture .e-con-inner .clu_top .top_inner{
 text-align: center
}
.about_cluture .e-con-inner .clu_top .top_inner h3{    position: relative;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #0440D1;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    display: inline-flex;
    background: #fff;
    padding: 9px 15px 7px 15px;
    border-radius: 100px;}
.about_cluture .e-con-inner .clu_top .top_inner h1{    font-size: 0.36rem;
    font-weight: bold;
    line-height: 1.4;
    color: #0B1030;}
.about_cluture .e-con-inner .clu_ul .infobox{  
	background-color: #fff;
    padding: 50px 40px 50px 40px;
    box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.050980392156862744);
    border-radius: 30px 30px 30px 30px;    transition: all 0.4s ease-in-out !important;

}
.about_cluture{
	 margin-bottom: 2rem
}
.about_cluture .e-con-inner .clu_ul .infobox .elementskit-info-box-icon  {background-color: #cbe4fb;
    border-radius: 10px 10px 10px 10px;    height: 60px;  width: 60px;    margin: 0px auto 25px auto; text-align: center}
.about_cluture .e-con-inner .clu_ul .infobox i{color: #0440D1;
    fill: #0440D1;
     font-size: 30px; line-height: 60px
   
   }
.about_cluture .e-con-inner .clu_ul .infobox h3{
	font-size:0.2rem; color: #0440D1; text-align: center
}
.about_cluture .e-con-inner .clu_ul .infobox:hover{background-color:#0440D1
	
	
}
.about_cluture .e-con-inner .clu_ul .infobox:hover h3{
	color: #fff;
}
.about_cluture .e-con-inner .clu_ul .infobox:hover .elementskit-info-box-icon{
	 background: #fff; 
}
.about_cluture .e-con-inner .clu_ul .infobox:hover .elementskit-info-box-icon i{color: #0440D1;}

.contact .inner{    display: flex
;
    margin-left: auto;
    margin-right: auto;
    position: relative;
	
	
}



.contact .inner .con_l .contact-form{
	    padding: 20px 40px 40px 40px;display: flex
;
	    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}
	
.contact-top {
    display: flex
;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    border-radius: 30px 0 0 0;
}

.contact-top:before {
    content: "";
    position: absolute;
    right: 60px;
    top: 0;
    background: #fff;
    width: 100%;
    height: 60px;
    border-radius: 0px 30px 0px 0px;
}

.contact-top .contact-right {
    margin-bottom: 10px;
    position: relative;
}
.contact-top .contact-right svg {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: -10px;
    left: -10px;
    transform: rotate(-90deg) scale(1.01);
}
.contact-top .from-icon {
    color: #0440D1;
    font-size: 30px;
    border-radius: 100%;
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 53px;
    text-align: center;
}
.contact-top .from-icon i{
	 font-size:0.3rem; color: #0440D1;line-height: 50px;
}
.contact-form h2 {
    font-size: 0.36rem;
    line-height: 48px; font-weight: bold; margin-bottom: 0.2rem
}
.co50{
	flex: 0 0 auto;
        width: 50%; margin-bottom: 0.2rem
}
	
	
.co100{
	flex: 0 0 auto;
        width: 100%;    margin-bottom: 0.2rem
}
.co100 textarea{    height: 130px;
    border-radius: 20px;}
.contact-form  .sub
{
padding: 20px 40px 19px 40px;
    position: relative;
    border-radius: 100px;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    background: #0440D1;
    color: #FFF;
   
	border: inherit;}
.contact .row {
    bs-gutter-x: 1.5rem;
    bs-gutter-y: 0;
    display: flex
;
    flex-wrap: wrap;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    border-right: 0px;
    padding: 16px 0px 16px 20px;
    width: 100%;
    height: 55px;
    color: #666;
    border: none;
    background-color: #ECF4FB;
    border-radius: 100px;
    font-size: 15px;
}
.contact-form {
    background-color: #fff;
    padding: 0px 60px 60px 60px;
    border-radius: 0px 30px 30px 30px;
    position: relative;
}
.contact .con_l{
	 width: 50%
}
.contact .con_r{
	 width: 50%
}
.contact .con_r .nr{
	padding: 0px 0px 0px 70px;
}
.contact .con_r .nr{
	
}
.button-style-2>svg>path {
    fill: #fff !important;
}
.contact-top .contact-right>svg>path {
    fill: #fff;
}
.contact-media li {
    display: flex
;
    align-items: center;
    margin-bottom: 40px;
}

.contact-media i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    background-color: #0440D1;
    border-radius: 100px;
    text-align: center;
    font-size: 0.3rem;
    margin-right: 20px;
}
.contact-media .contact-media-text {
    display: grid
;
}
.contact-media span {
    margin: 0px 0px 8px 0px;
    font-size: 0.22rem;
    line-height:1.5;
    font-weight: 500;
    color: #222222;
}
.contact-media .contact-media-text a {
    color: #666
}

.Testimonials_list ul{
	display: flex;
    flex-direction: row;
    container-widget-width: initial;
    container-widget-height: 100%;
    container-widget-flex-grow: 1;
    container-widget-align-self: stretch;
    flex-wrap-mobile: wrap;
    gap: 30px 30px;
    row-gap: 30px;
   column-gap: 30px;
    flex-wrap: wrap;
    overflow: visible;
}
.Testimonials_list ul li{
	
	background-color:#fff;
	display: flex;
    gap: 30px 30px;
    row-gap: 30px;
   column-gap: 30px;
    flex-wrap: wrap;
    border-radius: 30px 30px 30px 30px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    overflow: visible;
	width: calc(50% - 15px)
}
.Testimonials_list ul li .tes_t p{
	font-size: 20px;
    font-weight: 400;
	color:#7B798C;
    line-height: 1.6em;
}
.Testimonials_list ul li .tes_b{
	display: flex;
    flex-direction: row;
    container-widget-width: initial;
    container-widget-height: 100%;
    container-widget-flex-grow: 1;
    container-widget-align-self: stretch;
    flex-wrap-mobile: wrap;
    gap: 15px 30px;
    row-gap: 15px;
    column-gap: 30px;
    flex-wrap: wrap;
    border-style: solid;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-color: #FFFFFF24;
    border-color: #FFFFFF24;
    
    
    overflow: visible; width: 100%

}
.Testimonials_list ul li .tes_tx{
	display: flex; width: calc(50% - 15px)
;
	
}
.Testimonials_list ul li .tes_tx .elementskit-box-header {
    webkit-box-flex: 0;
    ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.Testimonials_list ul li .tes_tx .elementskit-box-header .elementskit-info-box-icon {
    margin: 0px 15px 0px 0px;    height: 50px;    transform: rotate(0deg);display: -webkit-inline-box;
    display: -ms-inline-flexbox;position: relative;
    overflow: hidden;
    border-radius: 50%;
    display: inline-flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 13px;
    width: 50px;
}

.Testimonials_list ul li .box-body {
    position: relative;
    z-index: 2;
}
.Testimonials_list ul li .elementskit-info-box-title {
    margin: 0px 0px 5px 0px;
    color: #0440D1;
   
    font-size: 22px;
    font-weight: bold;
    line-height:50px;

}
 .Testimonials_list ul li .elementskit-info-box-title .box-body > p {
    color: #7B798C;

    font-size: 18px;
}
 .Testimonials_list ul li .elementor-icon {
    color: #0440D1;
    border-color: #0440D1;
}
 .Testimonials_list ul li .tes_yh svg {
    fill: #0440D1;
}
 .Testimonials_list ul li .tes_yh{display: flex;
    flex-direction: row;
    container-widget-width: calc((1 - 1)* 100%);
    container-widget-height: 100%;
    container-widget-flex-grow: 1;
    container-widget-align-self: stretch;
    flex-wrap-mobile: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 5px 5px;
    row-gap: 5px;
    column-gap: 5px;
    flex-wrap: wrap;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    overflow: visible;
    width: calc(50% - 15px);}
	
	
	.cta-one {
    position: relative;
    display: block;
    z-index: 2; margin-bottom:1rem
}

.cta-one .section-title__tagline {
    font-size: 0.36rem;
    font-weight: bold;
    line-height: 1.4;
    color: #fff;
}

.cta-one .section-title {
    margin-bottom: 23px;
}

.cta-one__inner {
    position: relative;
    display: block;
    background-color: #0a3064 ;
    border-radius: 20px;
    padding: 96px 90px 97px;
    overflow: hidden;
    z-index: 1;
}

.cta-one__img {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -1;
}

.cta-one__img img {
    width: auto;
}

.cta-one__text {
    color: #fff; width:45%
}
.cta-one__btn {
    color: #fff;
    background-color: #0440D1;}
.cta-one__btn-and-call-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 44px;
}
.cta-one__btn-and-call-box .thm-btn {
    position: relative;
    display: inline-flex
;
    align-items: center;
    vertical-align: middle;
    appearance: none;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background-color: #0440D1;
    padding: 15.5px 36px;
    border-radius: 12px;
    transition: 0.4s ease-in-out;
    overflow: hidden;
  
    text-transform: uppercase;
    z-index: 1;
    outline: none !important;
}
.cta-one__btn-box {
    position: relative;
    display: block;
}

.cta-one__call-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.cta-one__call-box .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(var(--erepair-white-rgb), .50);
    transition: 500ms;
}

.cta-one__call-box .icon:hover {
    background-color: var(--erepair-base);
}

.cta-one__call-box .icon span {
    position: relative;
    display: inline-block;
    font-size: 22px;
    color: var(--erepair-black);
    transition: 500ms;
}

.cta-one__call-box .icon:hover span {
    color: var(--erepair-white);
}

.cta-one__call-box .content {
    position: relative;
    display: block;
}

.cta-one__call-box .content p {
    color: var(--erepair-black);
    font-family: var(--erepair-font-2);
    text-transform: capitalize;
}

.cta-one__call-box .content h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}

.cta-one__call-box .content h4 a {
    color: var(--erepair-black);
}

.cta-one__call-box .content h4 a:hover {
    color: var(--erepair-base);
}


.base-wrapper .box-2 .list ul.list1 {
  list-style: none;
display: grid;
    grid-template-columns: repeat(7, 1fr);
    position: relative;column-gap:10px;; margin-top:40px
  
}
.base-wrapper .box-2 .list ul.list2 {
  list-style: none;
display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative; column-gap:10px; margin-top:20px
  
}
.base-wrapper .box-2 li {
 
  background-color: #fff;
  box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.1rem;
  border: solid 1px #e5e8f1;
 
 
  padding:50px 20px 30px;
  text-align: center;
}
.base-wrapper .box-2 li:hover .icon {
  transform: rotateY(180deg);
}
.base-wrapper .box-2 .icon {
  display: block;
  margin: 0 auto;
  height: 0.6rem;
  transition: transform 0.35s ease;
  -webkit-transition: transform 0.35s ease;
  -moz-transition: transform 0.35s ease;
  -ms-transition: transform 0.35s ease;
  -o-transition: transform 0.35s ease;box-shadow: 8px 8px 20px 0 rgba(2, 156, 236, .3);
    -webkit-box-shadow: 8px 8px 20px 0 rgba(2, 156, 236, .3);
    -moz-box-shadow: 8px 8px 20px 0 rgba(2, 156, 236, .3); border-radius:0.6rem
}
.base-wrapper .box-2 h4 {
  font-size:0.18rem;
  color: #000;
  
  line-height:1.5;
  margin: 0.38rem auto 0.12rem;
}
.base-wrapper .box-2 p {
  font-size: 16px;
  color: #666;
  line-height: 24px;
}
.box-2{ padding-top:1rem}
.box-2 .index-title-box{ text-align:center}
.box-2 .index-title-box h3 {
    font-size:0.46rem;
    color: #111;
    font-weight: 700;
    line-height: 0.6rem;}
	.index-title-box h3 b {
    color:#0440D1 ;
}

.index_why{background-image: url(../images/home-177.png??) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;background-position: center top !important; margin-top:1rem;padding-bottom: 0.5rem}
.index_why 	 .ser_tit {
    text-align: center;
    margin-bottom: 40px;
}
.index_why .ser_tit h3 {
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
}
.index_why .ser_tit h4 {
    font-size: 0.14rem;
    font-weight: 500;
    line-height: 1.4;
    color: #fff; width:60%; margin:20px auto
}

.index_why .ser_tit ul{ list-style: none;
    display: flex
;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-flow: wrap; width:60%; margin:30px auto}
	.index_why .ser_tit ul li{ width:33.33%}
	.index_why .ser_tit ul li p{ font-size:0.22rem; color:#fff; font-weight:bold}
.index_why .ser_tit h1 {
    font-size: 0.46rem;
    font-weight: bold;
    line-height: 1.4;
    color: #fff;
}

.index_why ul.yslist li{display: flex;
    flex-direction: row;
    container-widget-width: calc((1 - var(--container-widget-flex-grow))* 100%);
    container-widget-height: 100%;
    container-widget-flex-grow: 1;
    container-widget-align-self: stretch;
    flex-wrap-mobile: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 30px 30px;
    row-gap: 30px;
    column-gap: 30px;}
		.index_why ul.yslist{    list-style: none;
    display: flex
;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-flow: wrap; border-top:1px solid #2e48a8 !important; padding-top:40px
  }
		.index_why ul.yslist li { width:48%; margin-bottom:30px}
	.index_why ul.yslist li .text h2{    font-size: 0.2rem;
 
    padding: 15px 0 10px 0; color:#fff; font-weight:bold}
	.index_why ul.yslist li .text p{    font-size: 0.16rem;
 
   color:#fff;}
   	.index_why .bg{ text-align:center}
   .index_dj .wx{ width:80%; margin:0px auto; padding-top: 35px ;
    padding-right: 40px ;
    padding-bottom: 35px ;
    padding-left: 40px ;
    background-image: url(../images/home-178-digital.jpg??) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 4px !important;    margin-top: -70px !important;
    position: relative;list-style: none;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-flow: wrap;}

	.index_dj .wx h2{ color:#fff; font-size:0.24rem; line-height:1.5; text-align:left; font-weight:bold}
	  .index_dj .wx .cta-one__btn{ background:#fff;position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    appearance: none;
    font-weight: 600;
    font-size: 14px;
    color: #081441;

    padding: 15.5px 36px;
    border-radius: 12px;
    transition: 0.4s ease-in-out;
    overflow: hidden;
   
    z-index: 1;
    outline: none !important;}
	
	.collection-wrapper .box-3 {
  padding: 1.2rem 0;
  background: url(../images/collection2bg.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
.collection-wrapper .box-3 ul {
  list-style: none;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-flow: wrap;
}
.collection-wrapper .box-3 li {
  position: relative;
  width: 49.02%;
  background-color: #fff;
  padding: 0.44rem 0.6rem 0.52rem 0.95rem;
  margin-top: 1.96%;
  box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.08);
}
.collection-wrapper .box-3 li:hover:before {
  width: 100%;
}
.collection-wrapper .box-3 li:before {
  content: "";
  width: 0;
  height: 0.03rem;
  background-color: #0440D1;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  transition: width 0.4s ease;
  -webkit-transition: width 0.4s ease;
  -moz-transition: width 0.4s ease;
  -ms-transition: width 0.4s ease;
  -o-transition: width 0.4s ease;
}
.collection-wrapper .box-3 h4 {
  font-size: 0.22rem;
  color: #000;
  line-height: 0.36rem;
   
  position: relative;
  margin-bottom: 0.07rem; font-weight:bold
}
.collection-wrapper .index-title-box {
    text-align: center;
    margin-bottom: 0.45rem;
}
.collection-wrapper  .index-title-box h3 {
    font-size: 0.46rem;
    color: #111;
    font-weight: 700;
    line-height: 0.6rem;
}

.collection-wrapper .index-title-box h3 b {
    color:#0440D1 ;
}
.collection-wrapper .box-3 h4:before {
  content: "";
  width: 0.3rem;
  height: 0.2rem;
  background-image: url(../images/ball.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: -0.44rem;
  top: 0.08rem;
  z-index: 10;
}
.collection-wrapper .box-3 .desc {
  min-height: 0.9rem;
}

.index-box-8 {
  position: relative;
  background: url(../images/index9bg.jpg) no-repeat center center;
  background-size: cover;
  overflow: hidden;
  padding: 1rem 0 0.82rem;overflow: hidden;
   
    margin: 0px 20px 20px 20px;
    border-radius: 30px;
   
    position: relative; margin-top:1rem
}
.index-box-8 .circle-box {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5.2rem;
  margin-top: -5.2rem;
  z-index: 0;
  width: 10.4rem;
  height: 10.4rem;
}
.index-box-8 .circle-box:before,
.index-box-8 .circle-box:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.index-box-8 .circle-box:before {
  border: dotted 2px #fff;
  opacity: 0.15;
  box-sizing: border-box;
  animation: circleRotate 100s linear infinite;
}
.index-box-8 .circle-box:after {
  content: "";
  width: 67.3%;
  height: 67.3%;
  left: 16.35%;
  top: 16.35%;
  background: url(../images/circle.png) no-repeat center center;
  background-size: 100%;
  animation: circleRotate2 60s linear infinite;
}
.index-box-8 .box-container {
  position: relative;
  z-index: 12;
}
.index-box-8 .main {
  width: 10.4rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.index-box-8 .circle {
  position: absolute;
  width: 42.21%;
  height: 42.21%;
  left: 28.895%;
  top: 28.895%;
  z-index: 10;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
}
.index-box-8 .circle:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: url(../images/circle2.png) no-repeat center center;
  background-size: 100%;
  animation: circleRotate 40s linear infinite;
}
.index-box-8 .circle img {
  display: block;
  margin: 0 auto;
  width: 1.22rem;
}
.index-box-8 .data ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-flow: wrap;
  padding-left: 0.1rem;
}
.index-box-8 .data ul li {
  min-width: 2.3rem;
  margin-top: 1.02rem;
}
.index-box-8 .data ul li:nth-child(-n+2) {
  margin-top: 0.3rem;
}
.index-box-8 .data ul li:nth-child(odd) {
  width: 40%;
}
.index-box-8 .data ul li:nth-child(even) {
  width: 30%;
}
.index-box-8 .data ul li:last-child {
  width: 100%;
  text-align: center;
}
.index-box-8 .data .num {
  font-size:0.24rem;
  color: #fff; position:relative
 
}
.index-box-8 .data .num span {
  font-size: 0.6rem;
  
  line-height: 0.5rem;
  height: 0.5rem;
  margin-right: 0.16rem; font-weight:bold;font-family: 'gilroy_bold';
}
.index-box-8 .data .num span,
.index-box-8 .data .num em,
.index-box-8 .data .num i {
  display: inline-block;
}
.index-box-8 .data .num em,
.index-box-8 .data .num i {
  
}
.index-box-8 .data .num em {
  
}
.index-box-8 .data .num i {
  position: absolute;
    top:0;
  z-index: 1;
  
  font-size: 0.18rem;
  line-height: 1.5;
 
}
.index-box-8 .data em {
  font-size:0.18rem;
  line-height: 24px;
}
.index-box-8 .data p {
  font-size: 0.16rem;
  line-height: 22px;

  margin-top: 0.13rem;
  color: rgba(255, 255, 255, 0.6);
}
.index-box-8 .index-title-box {
    text-align: center;
    margin-bottom: 0.45rem;
}
.index-box-8 .index-title-box.white h3,.index-box-8  .index-title-box.white p {
    color: #fff;
}
.index-box-8 .index-title-box h3 {
    font-size:0.46rem;
    color: #111;
    font-weight: 700;
    line-height: 0.6rem;
}
.index-box-8 .index-title-box h3 b {
   
}
.index-box-8 .index-title-box.white h3,.index-box-8  .index-title-box.white p {
    color: #fff;
}

.index-box-8 .index-title-box p {
    font-size:0.18rem; font-weight:lighter
    line-height: 0.3rem;
    margin-top: 0.06rem;
}
@keyframes circleRotate {
  100% {
    transform: rotate(1turn);
  }
}
@keyframes circleRotate2 {
  100% {
    transform: rotate(-1turn);
  }
}
.FAQlist .w1680{ display: flex;
    flex-direction: row;
   container-widget-width: initial;
   container-widget-height: 100%;
   container-widget-flex-grow: 1;
  container-widget-align-self: stretch;
  flex-wrap-mobile: wrap;
  gap: 40px 40px;
 row-gap: 40px;
 column-gap: 40px;
}
.FAQlist{ padding:1rem 0px}
.FAQlist ul{ width:70%}
.FAQlist ul li .f_ztop{border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color:#E6E3E3;
    border-radius: 8px 8px 8px 8px; 
    color: #0440D1;
    font-weight: 700;
    font-size: 0.2rem;
  
    display: block;
    background: #fff;
  }
	.FAQlist ul li .f_ybot{ color:#1E1E1E; font-size: 0.18rem;}
	.f_fri{ width:30%; float:right}
	.frtop{ display: flex;
    
   border-radius: 20px 20px 20px 20px;
   padding-top: 30px;
    padding-bottom: 30px;
   padding-left: 30px;
   padding-right: 30px; text-align:center;flex-direction: column; background:#fff;box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.08); margin-bottom:40px}
   .frtop h1{ font-size:0.30rem; font-weight:bold; color:#0440D1 }   
      .frtop p{ font-size:0.18rem; color:#1E1E1E; padding:20px 0px}  
	  .frtop a{ background:#0440D1; color:#fff; font-size:0.18rem; display:block; padding:10px 30px; border-radius:30px}
	  .youx i{ font-size:0.6rem}


@media (max-width: 750px) {
	.index_banner .swiper .swiper-slide .slide_post > div .content1 .text{
		    font-size: 0.32rem; width: 100% !important
		
	}
	.book-grow{
		padding-top: 0.3rem
	}
	.index_dj .wx{
		
		padding: 20px
	}
	.index_dj .wx h2{
		
		font-size: 0.18rem
		
	}
	.index_dj .wx .cta-one__btn{ padding: 10px 20px; margin-top: 10px
	
	}
	
	.box-2 .index-title-box h3{
		font-size: 0.36rem;
		
		
	}
	
	.box-2{padding-top: 0.3rem}
	.base-wrapper .box-2 .list ul.list1{
		 margin-top: 10px
		
	}
	.base-wrapper .box-2 li{
		padding: 10px 
		
		
	}
	.base-wrapper .box-2 .list ul.list1{
		
		grid-template-columns: repeat(4, 2fr);
		
		
	}
	.p100{padding-top: 0.3rem;}
	.index_why .ser_tit h4 { width: 100%
	}
	.index_why .ser_tit ul{width: 100%}
	.index_why
	
	{    margin-top: 0.3rem; padding-top: 0.8rem}
	.index_why .ser_tit {
    text-align: center;
    margin-bottom: 20px;
}
	.index_why ul.yslist{display: grid;grid-template-columns: repeat(1, 4fr);padding-top: 20px;}
	
	.index_why ul.yslist li{ width:100%;margin-bottom: 10px
	}
	.index_dj .wx{
		margin-top: -20px !important
	}
	.index_why .ser_tit h1{  font-size: 0.36rem
	}
	
	.base-wrapper .box-2 h4 {
  font-size:0.18rem;
  color: #000;
  
  line-height:1.5;
  margin: 0.18rem auto 0.12rem;
}
	img{max-width: 100%}
	.index_service .ser_tit{
		    margin-bottom: 20px;
		
	}
	.index_service .ser_tit h1 {
		font-size: 0.36rem;}
	.index_service ul li a{
		
		display: block
		
	}
	.index_service ul li .bot{
		 margin: 0; padding: 20px 10px
		
	}
	.index_service ul li .top{
		
		 margin-bottom: 20px
	}
	.index_service ul li h1{
		 font-size: 0.2rem
		
	}
	.pxl-team-single1 .pxl-item--inner{
		 padding-left: 0
		
		
	}
	.index_about .ut_cen{ 
	 margin: 0
	}
	.index_about .ut_cen .ri_box{
		margin-left: 0
}
	.index_about .ut_cen .ri_box{
		
		 margin-top: 0.2rem
	}
	.index_about .pu_title .en{
		
		margin-bottom: 10px
	}
	.index_about .ut_cen .ri_box .content2{ margin-top: 0.2rem}
	.about_2{margin-top: 0.2rem}
	.about_2 .e-con-inner{
		display: block
	}
	.about_2  .w1680{
		padding: 0
		
	}
	.index_about .pu_title .text{font-size: 0.36rem}
	.ab2_ri ul li i{ margin-bottom: 10px}
	.index_about .pu_title .text{ margin-bottom: 10px}
	.ab2_ri ul li h1{
		    margin-bottom: 16px;
    font-size: 18px;
		
	}
	.ab2_ri ul li p {
    font-size: 14px;
    line-height: 1.64;
}
	.cta-one__inner{ padding: 0}
	.cta-one__img{
		
		position: relative
	}
	.cta-one .section-title{ margin-bottom: 10px; text-align: center}
	.cta-one .section-title img{  width: 80px; margin: 0px auto}
	.cta-one__text{ 
	width: 80%; margin: 0px auto
	}
	.cta-one__btn-box{
		
		left: 50%; transform: translateX(-50%); margin-bottom: 20px
	}
	.cta-one{
		
		margin-bottom:  0.3rem}
	.shuzi .ut_bot{     gap: 0.4rem 0.3rem;}
	.shuzi .ut_bot .slide{
		
		padding: 0.1rem 0
	}
	.p100_{padding-bottom: 0.3rem;}
	.past-news{
		 margin: 0.2rem 0
		
	}
	.past-news .news-list{    width: calc(100%);}
	.past-news .news-list a{
		gap:10px
		
	}
	.p_footer .f_top{
		
		display: block
	}
	.p_footer .foot{
		
    padding-block-start: 20px;
	}
	.p_footer .f_top .f_lo{ 
	width: 100%;gap: 10px 20px; margin-right: 0; margin-bottom: 20px
	}
	.p_footer{
		 margin: 0px 10px
		
	}
	.p_footer .f_top .f_con{
		
		gap: 10px 0px 
	}
	.p_footer .f_top .f_ql{ 
		width: 100%
	}
	.p_footer .f_top h2{ 
	 font-size: 0.3rem
	}
	.p_footer .f_top .f_ql{
		gap: 10px 30px;
		
		
	}
	.p_footer .f_top .f_ql ul li a{padding: 0px 0px 5px 0px;}
	.p_footer .f_top{
		padding-bottom: 20px
	}
	.p_footer{
		
		 padding: 0px 20px
	}
	.f_bot{
		display: block;
		padding: 10px
	
	}
	
	.f_bot .so-link{
		justify-content:flex-start;
		width:100%
	}
	.page-title h1{
		font-size:0.3rem; line-height: 1.5
		
	}
	.page-title .theme-breadcrumb-box{
		
		padding: 0px
	}
	.page-title.breadcrumb-1{     padding: 100px 0 150px 0;
	}
	.index-box-8{ 
	 padding: 0.3rem;    margin-top: 0.3rem;
	}
	.index-box-8 .index-title-box.white h3, .index-box-8 .index-title-box.white p{
		
		font-size: 0.3rem
	}
	.index-box-8 .data ul{
		 display:block 
		
		
	}
	.index-box-8 .data ul li:nth-child(odd){
		 width: 100%
		
	}
	.index-box-8 .main{
		
		width: 100%
	}
	.index-box-8 .data ul li:nth-child(even){ width: 100%}
	.index-box-8 .data ul li{ margin-top: 10px; margin-bottom: 20px} 
	.index-box-8 .data ul li:nth-child(-n+2){margin-top: 10px}
	.index-box-8 .data ul li:last-child{ text-align: left}
	.index-box-8 .data p{    font-size: 16px; margin-top: 5px;}
	.index-box-8 .circle img{
	 display: none
	}
	.collection-wrapper .box-3{    padding:0.3rem 0;
		
		
	}
	.collection-wrapper .index-title-box h3{
		    font-size: 0.3rem;line-height: 1.5;
		
	}
	.collection-wrapper .index-title-box{
		
		margin-bottom: 0.3rem;
	}
	.collection-wrapper .box-3 li{width: 100%;}
	
	.FAQlist{
		
		padding: 0.3rem 0
	}
	.FAQlist .w1680{ display: block}
	.FAQlist ul{
		 width: 100%
		
	}
	.FAQlist ul li .f_ztop{
		padding: 10px 
	}
	li.active .f_ybot{
		
		 max-height: inherit;padding:10px !important; font-size: 16px
	}
	.f_fri{ 
	  width: 100%;
	}
	.frtop{
		margin: 10px 0px
		
	}
	.company_profile .co_bot{
		 margin-top: 0
		
	}
	.company_profile .co_bot .ri_box .content2{ 
	 height: auto;margin:0px; padding-right: 0; text-align: justify
	}
	.company_profile .co_bot .ri_box{ padding: 10px 0}
	.about_02 .ul{
		  display: block
		
			  
	}
	.about_02 .ul .featured-item{ 
	 margin: 0 0 10px 0; padding: 20px
	
	}
	.featured-item.style-1 .featured-icon{
		
		margin-bottom: 0
	}
	.featured-item.style-1 .featured-title p{ width: 80%}
	.local .lo_box{grid-template-columns: repeat(2, 2fr);}
	.local .lo_box .slide .desc{
		 font-size: 16px
	}
	.about_cluture .e-con-inner{
		 padding-top: 20px
		
	}
	.about_cluture .e-con-inner .clu_top .top_inner h1{
		font-size: 0.3rem;
		
	}
	.about_cluture .e-con-inner .main{
		gap: 20px 20px;
	}
	.about_cluture .e-con-inner .clu_ul .infobox{
		    width: calc(100%);
    max-width: calc(100%);
    container-widget-width: calc(100%);
    container-widget-flex-grow: 0; padding: 10px
		
	}
}