@charset "UTF-8";
html{
  font-size:6.25vw;
}
@media screen and  (min-width:1600px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}
.max-width{max-width:1600px; margin-right: auto; margin-left: auto; }
.max-width1{max-width:1776px; margin-right: auto; margin-left: auto; }
.ctext{padding-left:0.64rem;padding-right:0.64rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:16px;padding-right:16px;}
}

html {
  scrollbar-width: thin;
  scrollbar-color:#38d598 #006cbc;
}
html::-webkit-scrollbar {
  width:20px;
}
html::-webkit-scrollbar-thumb {
  background: color #006cbc;;border-radius:8px;
}
html::-moz-scrollbar {
  width:20px; 
}
html::-moz-scrollbar-thumb {
  background-color:#006cbc;border-radius:8px;
}	

.body{ padding:0 0.64rem 0 0;}
@media screen and (max-width:1024px) {

.body{ padding:0;}
}




.t_navs{ display: flex; align-items: center; justify-content:space-between; position:fixed; top: 0; left: 0; z-index: 20; width:100%; padding:0 0.64rem 0 0;}
.t_navs .top{width: 100%; background-color: #fff;}
.t_navs .box{ width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; height:0.88rem;}
.t_navs .menuph{display: none;}
.t_navs .box .ul{ display: flex; justify-content: space-between; gap: 0.8rem;}
.t_navs .box .nli{display: flex; flex-wrap: wrap;}
.t_navs .box .nli a{ display: flex; align-items: center; justify-content: center; color:#000; line-height:24px; font-size:0.18rem; height:0.60rem;}
.t_navs .box .nli.on a{ color:#38d598; font-weight: bold;}
.t_navs .box .nli:hover a{ color:#38d598;}
.t_navs .log a{display: block; line-height: 0;}
.t_navs .log img{ width: auto; max-width: inherit; height:0.6rem;}
.t_navs.act{ background: #fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.btn-ly{ display: none; position: relative; background:rgba(0, 108, 188, 1);}
.btn-ly .ico{ display: flex; align-items: center; justify-content: center; cursor: pointer;background: rgba(0, 0, 0, 0.15);
width:50px;
height:50px;}
.btn-ly .ico img{
width:22px;
height: 22px;}

@media screen and (max-width:1024px) {
.t_navs{ padding:0;}	
.t_navs .box{ height:50px;}
.t_navs .log img{ height:38px;}
.t_navs .logo img{ height:38px;}
.t_navs .menuph{display: flex;}
.t_navs .box .ul{ display:none;}
.btn-ly{ display: block;}
}



.pup_luiyan{ display: none; position: fixed; z-index: 100; width: 100%; height: 100%; left: 0; top: 0; background:rgba(0,0,0,0.2);backdrop-filter: blur(30px);}
.pup_luiyan .title{ display: block;color:rgba(0, 108, 186, 1); margin-bottom: 0.24rem;
font-style: Bold;
font-size: 0.24rem;
font-weight: 700;
line-height: 0.3rem;
text-align: center;
text-transform: uppercase; }
.pup_luiyan .form{border-radius: 8px;padding:60px;width: 580px; display: block;position: fixed; z-index: 110;  left:50%; top:50%;  transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);
background:rgba(241, 245, 246, 1);}
.pup_luiyan .form-row { display: flex; margin-bottom: 0.16rem; }
.pup_luiyan .form-input { width: 100%; padding:0.1rem 0.16rem;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
background: rgba(255, 255, 255, 1); font-size:0.16rem; line-height: 0.36rem; height: 0.48rem; color: #888; transition: border-color 0.3s ease; }
.pup_luiyan .form-input:focus { outline: none; border-color:#006cbc; box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2); } 
.pup_luiyan .form-textarea { width: 100%; padding:  0.11rem 0.16rem; background: rgba(255, 255, 255, 1);border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; font-size: 0.16rem; line-height: 0.26rem; height: 1.4rem; color: #888;resize: vertical; transition: border-color 0.3s ease; }
.pup_luiyan .form-textarea:focus { outline: none; border-color:#006cbc; box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2); }
.pup_luiyan .captcha-container{gap: 0.16rem;}
.pup_luiyan .captcha {text-align: center; display: flex; align-items: center; justify-content: center; gap: 0.16rem; overflow: hidden; border-radius: 4px;min-width:1.2rem;height:  0.48rem; background: #fff;  }
.pup_luiyan .captcha img {width: 1.2rem;height:  0.48rem; object-fit: contain;}
.pup_luiyan .send-button {width:1.8rem; background-color:#006cbc; color: #fff;  border: none;  border-radius: 4px;  padding:0; height:0.56rem; font-size:0.16rem; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; margin:0.24rem auto 0 auto; display: block; }
.pup_luiyan .send-button:hover { background-color: #38D598; }
.pup_luiyan ._colse{position: absolute; z-index: 6;  right:-40px; top:-31px; line-height: 0; cursor: pointer;
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
}
.pup_luiyan ._colse img{ width: 100%;}

@media screen and (max-width: 1024px) {
.pup_luiyan .title{ margin-bottom:15px;
font-size:18px;
line-height:24px; }	
.pup_luiyan .form{padding:20px 20px 30px 20px;width: 320px; }	
.pup_luiyan .form-row { margin-bottom:14px; }
.pup_luiyan .captcha-container{gap:12px;}
.pup_luiyan .form-input { padding:5px 14px;font-size:14px; line-height:26px; height:38px;}
.pup_luiyan .form-textarea {padding: 8px 14px;font-size:14px; line-height:24px; height:136px;}
.pup_luiyan .captcha { gap: 8px;min-width:70px;height: 38px; }
.pup_luiyan .captcha img {width:70px;height: 38px; object-fit: contain;}
.pup_luiyan .send-button {width:130px;height:38px; font-size:14px; margin-top:20px; }
.pup_luiyan ._colse{ right:-34px; top:-25px; 
width: 30px;
height: 30px;}
}



.left_navs{ position: fixed; top:0; right: 0; z-index: 30; display: flex; flex-wrap: wrap; align-content: space-between; width:0.64rem; height: 100%;  background:#006cbc;}
.left_navs .dao{gap: 1px;display: flex;flex-direction: column;}
.menuph{display: flex; align-items: center; justify-content: center; cursor: pointer;
width: 100%;
height: 0.88rem;
background:#38d598;}
.menuph:hover{background: rgba(0, 0, 0, 0.3);}
.menuph .img{ display: block; background: url(img/meun.svg) center no-repeat; background-size: 100% auto;
width:0.3rem;
height: 0.3rem;}
.menuph .zi{font-size: 16px;}
.menuph:hover .img{background: url(img/meun1.svg) center no-repeat; }
.left_navs .search{ display: block; width: 100%; position: relative;}
.left_navs .search .ico{ display: flex; align-items: center; justify-content: center; cursor: pointer;background: rgba(0, 0, 0, 0.15);
width: 100%;
height: 0.64rem;}
.left_navs .search .ico img{
width:0.24rem;
height: 0.24rem;}
.left_navs .search:hover .ico{background: rgba(0, 0, 0, 0.3);}
.left_navs .right{ display: flex; align-items: center; position:absolute; top:0;left:100%; height:100%; transform: translateX(-200%); -ms-transform: translateX(-200%); z-index: 10;}
.left_navs.om .right{  transform: translateX(0);transform: translateX(0);}
.left_navs .ul{ display: flex; overflow: hidden;border-radius: 0px 6px 6px 0px; position: relative; z-index: 6;
backdrop-filter: blur(30px);
background: rgba(0, 58, 123, 0.6);}
.left_navs .ul .nli{ display: flex; flex-wrap: wrap;}
.left_navs .ul .nli a{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; width:0.96rem; height:0.96rem;line-height:0.24rem; font-size:0.14rem;color: #fff;}
.left_navs .ul .nli a img{ width:0.24rem; height:0.24rem; margin-bottom: 0.08rem;}
.left_navs .ul .nli a:hover{ background:#006cbc;}
.left_navs .shouqi{ z-index: 1; cursor: pointer; display: flex; justify-content:flex-end; align-items: center; position: absolute; top:50%; left:100%; width: 0.32rem; height:0.32rem; border-radius: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);backdrop-filter: blur(30px);
background: rgba(6, 74, 150, 0.6);}
.left_navs .shouqi img{ width: 0.16rem; height:0.32rem;}
.left_navs .shouqi:hover{ background:#006cbc;}
.left_navs .tel{ display:block; position: absolute; right:100%; margin-right: 1px; top:0; background: #005ca0; border-radius:10px 0 0 10px; white-space: nowrap; color: #fff; font-size:0.18rem; line-height:0.64rem; padding:0 0.3rem; z-index: 5; font-weight: 400;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:90% 50%;
	-moz-transform-origin:90% 50%;
	-ms-transform-origin:90% 50%;
	-o-transform-origin:90% 50%;
	transform-origin:90% 50%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.left_navs .search:hover .tel{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}
.left_navs .er{ display: block; position: absolute; right:100%; margin-right:1px; top:0; width:1.28rem; padding:8px; background: #005ca0; border-radius:10px 0 0 10px; line-height:0; overflow: hidden;z-index: 5;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:90% 20%;
	-moz-transform-origin:90% 20%;
	-ms-transform-origin:90% 20%;
	-o-transform-origin:90% 20%;
	transform-origin:90% 20%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.left_navs .search:hover .er{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}



._renter{ display: block; width: 100%;}
._renter .a{ display:flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; cursor: pointer;background: rgba(0, 0, 0, 0.15); padding:0.24rem 0; font-size:0.14rem; line-height:0.2rem; color: #fff; font-weight: bold; text-transform: uppercase;}
._renter .a img{ width:0.24rem;height:0.24rem; margin-bottom:0.08rem;}
._renter:hover .a{background: rgba(0, 0, 0, 0.3);}

@media screen and (max-width:1024px) {
.left_navs{ height: auto; top: auto; bottom:10px; right:5px; width:54px;border-radius: 50%;  overflow: hidden;}
.left_navs .w100{ display:none; }
._renter .a{ padding:0; font-size:12px; line-height:1; height:54px; }
._renter .a img{ width:18px;height:18px; margin-bottom:2px;}
.menuph{
min-width:50px;width:50px;
height: 50px;}
.menuph .img{
width:24px;
height:24px;}

}


/* header-puop */
.header-puop{ display: none; position: fixed; right: 0; top: 0;background: rgba(0, 0, 0, 0.5); z-index: 9999; width: 100%; height: 100%;}
.header-puop .header-box{ float:right; display: block; background:#fff;width:4.4rem; height: 100vh;}
.header-puop .top{ display: flex; align-items:center; justify-content:space-between; width: 100%;background:#006cbc;}
.header-puop .menu{line-height: 0; display:inline-flex; margin-left: 0.3rem;color:#fff;
font-size: 0.24rem;
font-weight: 700;
line-height: 0.3rem;
letter-spacing: 0px;
text-align: left;
text-transform: uppercase; }
.header-puop .shouqi{ cursor: pointer; display: flex; align-items:center; justify-content: center; width: 0.64rem; height: 0.88rem; background:#38d598;}
.header-puop .shouqi img{width:0.32rem; height:0.32rem;}
.header-puop .shouqi:hover{ background:rgba(0, 0, 0, 0.3);}
.header-puop .input_box{width:100%; position: relative; display: flex; align-items: center;}
.header-puop .input_box .input{width: 100%;height:0.48rem;color:#333; border-radius:0.48rem 0 0 0.48rem;
font-weight: 400;
font-size:0.16rem;
line-height:0.46rem; opacity:1 !important;
 padding:0 0.24rem;
border: 1px solid rgba(0, 0, 0, 0.1);border-right:0;
background:rgba(255, 255, 255, 1);
}
.header-puop .input_box input:focus{ outline:none;}
.header-puop .input_box input::placeholder{color:color: rgba(136, 136, 136, 1); opacity: 1 !important; }
.header-puop .input_box .submit{ min-width:1.18rem;width:1.18rem; height: 0.48rem; border-radius:0 0.48rem 0.48rem 0;border:0; padding:0;display:flex; align-items: center; justify-content: center; cursor: pointer;background:#38d598; color:#fff; font-size: 0.16rem; font-weight: bold; padding:0 0.08rem 0 0 ;
}
.header-puop .input_box .submit .img{ width: 0.2rem; height:0.2rem; margin-right: 4px; display: block;}
.header-puop .input_box .submit:hover{background: #006cbc;}

.header-puop .box{ display: flex; flex-wrap: wrap;align-content:center; justify-content:space-between;width: 100%; padding:0.3rem 0.3rem 0.3rem 0.28rem;background:rgba(243, 246, 251, 1); }
.header-puop .header-nav{ display: flex; flex-wrap: wrap; align-content: flex-start; width: 100%;height:-webkit-calc(100vh - 1.72rem); height:-moz-calc(100vh - 1.72rem); height:calc(100vh - 1.72rem); padding:0 0.3rem 0.3rem 0.28rem; transform: translateY(-0.06rem); -ms-transform: translateY(-0.06rem);}
.header-puop .nav{ position:relative; z-index: 6;display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding:3.3vh 0;}
.header-puop .nav .ico{display: none; position: absolute; right:0; top:7px; z-index: 10; width: 33px; height: 33px; }
.header-puop .nav .ico::after{ display: block; content: ''; position: absolute; right:5px; top: 50%; width:8px; height: 8px; border-top: 1px solid #333; border-right: 1px solid #333; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg); }
.header-puop .nav.om .ico::after{ border-top: 1px solid #006cbc; border-right: 1px solid #006cbc; transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg);}
.header-puop .nav .u2{display:none; width: 100%; padding:1.6vh 0 0 1.6vh;}
.header-puop .nav .a1{display: block; width: 100%; color: #333; font-size:0.18rem; line-height:0.3rem;}
.header-puop .nav .a2{display: block; width: 100%;color: #333; font-size:0.16rem; line-height:0.28rem; padding:1.6vh 0;}
.header-puop .nav .a1:hover{ color:#006cbc; }
.header-puop .nav.om .a1{ color:#006cbc; }
.header-puop .nav .a2:hover{ color:#006cbc; }


@media  screen and (max-width:1024px){
.header-puop .header-box{ width:300px;}	
.header-puop .menu{ font-size:17px; line-height:28px; margin-left:15px;}
.header-puop .shouqi{ width:50px; height:50px; }
.header-puop .shouqi img{ width:32px; height:32px; }
.header-puop .nav{ width: 100%; padding:6px 0;}
.header-puop .nav .ico{display: block;}
.header-puop .nav .a1{font-size:15px;line-height:26px; padding:4px 0;}
.header-puop .nav .u2{ padding:0 0 10px 10px;}
.header-puop .nav .u2.on{ display: block;}
.header-puop .nav .a2{ font-size:14px;line-height:24px; padding:4px 0;}
.header-puop .input_box .input{height:35px;
font-size:13px;
line-height:32px;
 padding:0 14px;border-radius: 34px 0 0 34px;
}
.header-puop .input_box .submit{font-size:13px; min-width:90px;width:90px; height: 35px;border-radius: 0 34px 34px 0;}
.header-puop .input_box .submit .img{width:18px; height: 18px;}
.header-puop .header-nav{  padding: 0 15px 15px 15px;
height: -webkit-calc(100vh - 108px);
height: -moz-calc(100vh - 108px);
height: calc(100vh - 108px);	}
.header-puop .box{ padding:12px 15px;}

}
@media  screen and (max-width:767px){

}




.index-banner{ display:flex; width: 100%; overflow: hidden; z-index:5; position: relative;}
.index-banner .swiper-notification{ display:none;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; width: 100%;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .swiper-slide img{ width:100%; }
.index-banner .swiper-slide .video{ display:block; width:100%; height:100%; position: absolute; left:0; top:0; z-index: 2; object-fit: cover;  }
.index-banner .swiper-slide .pc_show1{width: 100%;}
.index-banner .swiper-slide .pc_show1 img{ height:100vh; object-fit: cover;}
.index-banner .swiper-slide .ph_show1{width: 100%;}


.index-banner .swiper-prev{position: absolute; z-index:10; left:0.4rem; top: 50%; width:40px; height:40px; background: url(img/left.svg) center no-repeat; background-size:100% auto !important; cursor: pointer;}
.index-banner .swiper-prev:hover{background: url(img/left1.svg) center no-repeat;}
.index-banner .swiper-next{position: absolute; z-index:10; right:0.4rem; top: 50%; width:40px; height:40px; background: url(img/right.svg) center no-repeat; background-size:100% auto !important; cursor: pointer;}
.index-banner .swiper-next:hover{background: url(img/right1.svg) center no-repeat;}
.index-banner .swiper-pagination{ cursor: pointer; display:flex;position: absolute;left:0; width: 100%; justify-content: center; bottom:20px; z-index: 10; }
.index-banner .swiper-pagination-bullet{cursor: pointer; border-radius:10px; width:10px; height:10px; margin:0 4px; display:block; background:rgba(255, 255, 255, 0.5);  transition: all .5s linear;
  -moz-transition: all .5s linear;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;}
.index-banner .swiper-pagination-bullet-active{ border-color: #fff; background:#fff; width:24px;}
.index-banner .box{display:block; width: 100%; position: absolute; left:0; top:52.52%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.index-banner .box .tit{display:block; width: 100%;color:rgba(255, 255, 255, 1); position: relative; z-index: 6;
font-size: 0.56rem;
font-weight: bold;
line-height: 0.72rem;}


@media  screen and (max-width:1792px){
.index-banner .swiper-prev{left:0.3rem;}
.index-banner .swiper-next{right:0.3rem;}
}
@media  screen and (max-width:1600px){
.index-banner .box .tit{
font-size: 0.46rem;
line-height: 0.62rem;}
}
@media  screen and (max-width:1024px){
.index-banner .swiper-slide .pc_show1 img{ height:auto;}	
.index-banner .box .tit{ text-align: center;
font-size:19px;
line-height:27px;}
.index-banner .swiper-pagination{ 
font-size: 14px;
line-height: 34px;}
.index-banner .swiper-pagination-current{font-size:18px;}
.index-banner .swiper-prev,
.index-banner .swiper-next{width:32px; height:32px;}
.index-banner .swiper-prev{left:15px;  margin-left:0;}
.index-banner .swiper-next{right:15px;  margin-right:0;}
}







.footer1{ position: relative; z-index:5;}
.footer1 .down{ display:flex; flex-wrap: wrap; width:100%; align-items:center; justify-content:space-between; padding:18px 0;}
.footer1 .left{ display: block; width:68.56%; }
.footer1 .left1{ display: flex; flex-direction: column;  }
.footer1 .er{ display: flex; justify-content:center; min-width:20.63%;width:145px; text-align: center; gap: 0.4rem; }
.footer1 .er i{ display: block; width:100%; line-height:0;}
.footer1 .er span{ display: block; width:100%; margin-top:8px;font-size: calc(14px + 0.02rem); line-height:calc(20px + 0.04rem); }
.footer1 .gsmc{ font-size: 0.24rem; line-height: 0.36rem; font-weight: bold; color: #fff; padding:0 0 0.4rem 0; border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer1 .info-content {display: flex; flex-direction: column; }
.footer1 .info{ display:inline-flex; color: #fff; font-size:16px; line-height:30px; margin:16px 0; }
.footer1 .Copyright{ display:inline-flex; color: #fff; font-size:calc(14px + 0.02rem); line-height:24px; margin-top:4px;}
.footer1 .Copyright a{color: #fff;}
.footer1 .Copyright a:hover{color: #38d598;}
.footer1 .midd{ display:flex; flex-wrap: wrap; width:100%; align-items:flex-start; justify-content: space-between; padding:1rem 0 0.5rem 0; }
.footer1 .contact-info {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;align-items: center; margin-top: 0.4rem; }
.footer1 .info-item { display: flex; align-items: center; gap:calc(14px + 0.02rem); }
.footer1 .info-icon { display: flex; align-items: center; justify-content: center; }
.footer1 .info-icon .img3 {min-width: 0.4rem;width: 0.4rem; height: 0.4rem; object-fit: contain;}
.footer1 .info-label {font-size: calc(14px + 0.02rem); font-weight: 400; line-height:0.3rem; color: #fff;}
.footer1 .qrcode-item {text-align: center;}
.footer1 .lh0{width: 1.45rem;aspect-ratio: 100 / 100; line-height: 0;}
.footer1 .addr .p{ display: flex;}
.footer1 .share{ display: inline-flex;}
.footer1 .share a{ display:flex;justify-content: center; align-items: center;line-height:0; width:40px;border-radius: 50px; background: rgba(255, 255, 255, 0.1); height:40px; margin-left:10px; }
.footer1 .share a img{ width:20px; height:20px;}
.footer1 .share a:hover{ background:#38d598;}
.footer1 .form-section {background-color: rgba(255,255,255,0.05); padding: 34px 29px 34px 29px; border-radius: 8px; }
.footer1 .contact-form {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer1 .contact-form .w34{width: 34.37%;}
.footer1 .contact-form .w29{width: 29.18%;}
.footer1 .form-group {display: flex; flex-direction: column; gap: 16px; height: 100%; }
.footer1 .form-group input,
.footer1 .form-group textarea {padding: 13px 16px 13px 16px; border: none; border-radius: 4px; font-size:16px; background-color: white; color: #888; font-family: inherit; }
.footer1 .form-group input {height: 48px; }
.footer1 .form-group input::placeholder,
.footer1 .form-group textarea::placeholder {color: #888;}
.footer1 .form-group textarea {resize: vertical; flex: 1; min-height: 112px;}
.footer1 .code-section {display: flex; flex-direction: column; gap: 16px; height: 100%; }
.footer1 .code-section .liuyan {border: none; border-radius: 4px; font-size:16px; background-color: white; color: #888; font-family: inherit; }
.footer1 .send-button { background-color: #38d598; color: white; border: none;  padding: 10px; border-radius: 4px; font-size:16px;  font-weight: bold; cursor: pointer; transition: all 0.3s ease;  text-align: center; margin-top: auto; height: 48px; display: flex; align-items: center; justify-content: center; }
.footer1 .send-button:hover { background-color: #006cbc; }
.footer1 .code-input-group {display: flex; /* flex-wrap: wrap; */ gap: 16px; }
.footer1 .code-input-group .w75{width:calc(100% - 100px);}
.footer1 .code-input-group .w20{width: 20.89%;}
.footer1 .code-input { flex: 1; height: 48px; width: 100%; padding: 13px 16px 13px 16px; }
.footer1 .captcha {text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #fff;border-radius: 4px;width: 94px !important; min-width: 94px !important; height: 48px;  }
.footer1 .captcha img { width: 94px;height: 48px;   object-fit: contain;}


@media  screen and (max-width:1024px){
.footer1 .left{width:100%; }
.footer1 .er{width:100%; }
.footer1 .left{width:100%; }
.footer1 .contact-form .w34{width:100%; }
.footer1 .contact-form .w29{width:100%; }
.footer1 .info-item{width:100%;}
.footer1 .down{ justify-content: center;}
.footer1 .Copyright{ text-align: center;}
.footer1 .share{ margin: 15px 0 5px 0;}
.footer1 .share a{ width:30px; height:30px; margin:0 5px; }
.footer1 .share a img{ width:16px; height:16px;}
.footer1 .gsmc{ font-size:14px; line-height:22px; padding-bottom: 15px;}
.footer1 .info-label{font-size:14px; line-height:24px;}
.footer1 .info-icon .img3{min-width:24px; width:24px; height: 24px;}
.footer1 .info-item{ align-items: flex-start;  gap:12px; margin-top:10px;}
.footer1 .er{ margin-top:20px;gap:20px;}
.footer1 .qrcode-item{ width: 100px;}
.footer1 .midd{  padding:30px 0 20px 0;}
.footer1 .form-group{gap: 14px;}
.footer1 .contact-form{gap: 14px;}
.footer1 .form-section{ padding: 20px 20px;}
}




.fp-hei{ display: block; width: 100%; padding-top:1.84rem; padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.fp-footer{ position:fixed; left:0; bottom:0; background:#006cbc;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); z-index: 16; width: 100%; padding:0 0.64rem 0 0; }
.fp-footer .colse{ position:absolute; right:14px; top:16px; z-index: 10; width: 30px; line-height: 0; cursor: pointer;}
.fp-footer .box{ display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-content: center; text-align: center; height:1.84rem;}
.fp-footer .info{ display: block; width: 100%; color: #fff; font-size:16px; line-height:24px;}
.fp-footer .btn{ display: flex; flex-wrap: wrap; margin-top:0.3rem;}
.fp-footer .btn .a{ display: flex; flex-wrap: wrap;
width: 140px;
height: 0.46rem; font-size:16px; line-height:1; padding-bottom: 1px; border-radius:46px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 0px 12px;}
.fp-footer .btn .a1{color: #fff;border: 1px solid rgb(255, 255, 255);}
.fp-footer .btn .a1:hover{background:#38d598;border: 1px solid #38d598;}
.fp-footer .btn .a2{color: #fff;background:#38d598;border: 1px solid #38d598;}
.fp-footer .btn .a2:hover{ background:#274b8d;border: 1px solid #fff;}

@media (max-width:1440px){
.fp-hei{ padding-top:1.4rem;}	
.fp-footer .box{ height:1.4rem;}
.fp-footer .info{ font-size:14px; line-height:22px;}
.fp-footer .btn{ margin-top:0.15rem;}
.fp-footer .btn .a{width: 110px;
height: 0.36rem; font-size:14px;margin: 0px 8px;}
}
@media (max-width:1024px){
.fp-footer{ padding:0;}	
.fp-footer .box{ height:94px;}	
.fp-footer .info{ font-size:12px; line-height:16px;}
.fp-footer .btn{ margin-top:12px;}
.fp-footer .btn .a{font-size: 13px;width:76px;height:24px;margin: 0px 6px;}
.fp-footer .colse{right:2px;top: 4px; padding:5px;}
.fp-hei{ padding-top:94px;}
}
@media (max-width:767px){
.fp-footer .info{ padding:0 15px;}	
.fp-footer .info br{ display:none;}
.fp-footer .box{ height:136px;}	
.fp-hei{ padding-top:136px;}
}





/* 产品 */
.main6 .products-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.2rem;}
.main6 .product-card {background-color: white; border-radius: 8px; padding: 0.26rem 0.45rem 0.67rem 0.45rem; text-align: center; border: 1px solid #e0e0e0; position: relative; overflow: hidden; }
.main6 .product-card:hover .product-content { z-index: 6;opacity: 1; }
.main6 .product-content {opacity: 0; text-align: center; position: absolute; left:0.2rem; top:0.2rem; z-index: 1;width:calc(100% - 0.4rem); height: calc(100% - 0.4rem); border-radius: 8px; background: rgba(0, 108, 188, 0.96); padding:0.32rem; color: white; box-shadow: 0 10px 0.2rem rgba(0,0,0,0.1); display: flex; flex-wrap: wrap; justify-content: center; align-content: center; text-align: center;
	transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.main6 .product-content .tit {margin-bottom: 0.16rem; font-size: 0.18rem; font-weight: 500; line-height: 0.3rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.main6 .product-content .tit1 {margin-bottom: 0.25rem; font-size:calc(14px + 0.02rem); line-height:0.3rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:5;}
.main6 .product-content button {color: white; border: none; padding: 0.06rem 0.24rem; border-radius: 50px; background: #38D598; cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; justify-content: center;}
.main6 .product-content button .ioc1{width:0.24rem;height: 0.24rem; line-height: 0;}
.main6 .product-card:hover .product-content {display: block;}
.main6 .product-image {width: 100%; aspect-ratio: 100 / 100; margin-bottom: 0.15rem; display: flex;align-items: center; justify-content: center;}
.main6 .product-image img {width:100%;height:100%;object-fit: contain; }
.main6 .product-name {font-size: 0.18rem; color: #000; line-height: 0.3rem; border-bottom: 4px solid #006cbc; background: linear-gradient(0.00deg, rgba(190, 227, 255, 1) 0%,rgba(218, 220, 225, 0) 100%); padding:0.33rem 0.21rem 0.21rem 0.21rem; position: absolute; left: 0; bottom:0; z-index: 4; width:100%; }
.main6 .product-card:hover .product-name {border-bottom: 4px solid rgba(190, 227, 255, 1);}


 @media (max-width:1600px){
.main6 .product-card {padding: 0.26rem 0.33rem 0.67rem 0.33rem; }
.main6 .product-content{ padding:0.24rem;}
 }
 
 @media (max-width:1024px){
.main6 .products-grid { grid-template-columns: repeat(3, 1fr); gap:14px;}
.main6 .product-card {padding:14px 14px 40px 14px; }
.main6 .product-content{ padding:14px;}
.main6 .product-name{ font-size:16px; line-height:24px;  border-bottom:3px solid #006cbc;}
.main6 .product-content .tit{ font-size:16px; line-height:24px;  margin-bottom:4px;}
.main6 .product-content .tit1{ font-size:14px; line-height:22px;  -webkit-line-clamp: 4;  margin-bottom:10px;}
.main6 .product-content button { padding:3px 16px;}
.main6 .product-content button .ioc1{width:18px;height:18px;}
 }
 @media (max-width:767px){
.main6 .products-grid { grid-template-columns: repeat(2, 1fr);}
 }
 
    
 
 
 /* 品牌 */
.beijing{background: url(img/bj1.jpg) center no-repeat; background-size: cover;}
.main5 .content {position: relative;z-index: 2;flex-wrap: wrap;  display: flex; justify-content: space-between; width: 100%; }
.main5 .brands-section { width: 41.25%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.3rem;}
.main5 .brand-card {padding: 0.35rem 0.01rem 0.35rem 0.01rem; text-align: center; transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 8px;backdrop-filter: blur(20px);background: linear-gradient(180.00deg, rgba(255, 255, 255, 0.15),rgba(255, 255, 255, 0.02) 100%);}
.main5 .brand-card:hover {background-color: #38D598;}
.main5 .brand-logo {display: inline-block; margin-bottom: 0.12rem; line-height: 0; width: 0.88rem; height:0.88rem; border-radius: 8px; overflow: hidden; }
.main5 .brand-logo img {width: 100%; height:100%; border-radius: 8px; object-fit: contain;}
.main5 .brand-name {font-size:0.16rem; line-height: 0.3rem; color: #fff; font-weight: 400;}
.main5 .brand-card:hover .brand-name {font-size: 0.18rem; line-height: 0.3rem; color: #000;}
.main5 .categories-section { width: 42.2%;display: flex; flex-direction: column; justify-content: center;border-radius: 8px; padding:1.2rem 0;}
.main5 .categories-description {font-size: 0.16rem;margin-bottom: 0.5rem; line-height: 0.3rem; color: #fff;}

 @media (max-width:1024px){
.main5 .brand-name{ font-size:14px; line-height:22px;}	 
.main5 .categories-description{ font-size:14px; line-height:22px;  margin:20px 0;}
.main5 .brand-logo { margin-bottom:5px; width:60px; height:60px; }
 }
 @media (max-width:767px){
.main5 .content{ flex-wrap: wrap-reverse;}	 
.main5 .brands-section { width: 100%;   gap:14px;}
.main5 .brand-card{padding:20px 8px; }
.main5 .categories-section{ width: 100%;padding:40px 0; }
 }


/* 新闻 */
.main4 .article-grid {display: flex; flex-wrap: wrap; justify-content: space-between;}
.main4 .article-grid .w30{width: 30%;}
.main4 .article-grid .w36{width: 36.25%;}
.main4 .main-article {border-radius: 8px; background: #F4F9FE; overflow: hidden;  display: flex; flex-direction: column; transition: all 0.3s ease; }
.main4 .main-article:hover .main-article-image {transform: scale(1.1); transition: transform 0.5s ease; }
.main4 .main-article:hover .article-title {color: #006cbc; transition: color 0.3s ease; }
.main4 .main-article-header {position: relative; overflow: hidden;line-height: 0; display: block; width: 100%;
  aspect-ratio: 100 / 68.75; }
.main4 .main-article-image {width: 100%; height: 100%; object-fit: cover; object-position: center; }
.main4 .main-article-content {padding: 0.39rem  0.45rem  0.44rem  0.45rem; flex: 1; display: flex; flex-direction: column; }
.main4 .time{display: flex; align-items: center; width: 100%;margin-bottom: 0.1rem;}
.main4 .article-date {font-size: 14px; color: #888888;display: flex;align-items: center; margin-left:4px;}
.main4 .time-img{ display: block; min-width:20px; object-fit: contain; height:20px; line-height: 0;}
.main4 .article-title {font-size: 0.18rem; margin-bottom:  0.16rem; font-weight: 500; line-height: 0.3rem;color: #000;  overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.main4 .center-article:hover .article-title { color: #006cbc; transition: color 0.3s ease;}
.main4 .article-description {font-size: 0.16rem; line-height: 0.3rem; color: #555; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:5;}
.main4 .main-article .article-description{-webkit-line-clamp:3;}
.main4 .center-article {background: url(img/img2.jpg) center no-repeat; background-size: cover; border-radius: 8px;padding: 0.72rem 0.45rem 0.72rem 0.45rem; display: flex; flex-direction: column; position: relative; }

 @media (max-width:1024px){
.main4 .article-grid .w30{width: 100%; margin-bottom: 16px;}
.main4 .article-grid .w36{width: 100%;}
 }

.main4 .article-button { position: absolute; left:0.45rem; bottom: 0.72rem; border: none; padding: 0.08rem 0.4rem 0.08rem 0.4rem; border-radius: 0.5rem; cursor: pointer; transition: all 0.3s ease; align-self: flex-start; display: flex; align-items: center; justify-content: center;}
.main4 .article-button .ioc1{ display: block; cursor: pointer; width:0.24rem;height: 0.24rem;background:url(img/ioc11.svg) center no-repeat ; background-size:100% 100% !important; }
.main4 .center-article:hover .article-button .ioc1{ background:url(img/ioc1.svg) center no-repeat ;}
.main4 .center-article .article-button {background-color: #006cbc;}
.main4 .center-article:hover .article-button { background-color: #38D598;}


.main4 .right-articles { display: flex; flex-direction: column; gap: 0.33rem;}
.main4 .small-article {overflow: hidden; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #e5e5e5;padding-bottom: 0.33rem;}
.main4 .small-article:last-child{ border-bottom:0 !important;padding-bottom:0 !important; }
.main4 .small-article { transition: all 0.3s ease;}
.main4 .small-article:hover .small-article-image1 {transform: scale(1.1); transition: transform 0.5s ease;}
.main4 .small-article:hover .article-title1 {color: #006cbc;transition: color 0.3s ease;}
.main4 .time1{display: flex; align-items: center; width: 100%;margin-bottom: 0.08rem;}
.main4 .time1-img{ display: block; min-width:20px; object-fit: contain; height:20px; line-height: 0;}
.main4 .main-article-header1 {position: relative; overflow: hidden;margin-right: 0.32rem; border-radius: 8px; width: 2.33rem; min-width: 2.33rem; line-height: 0; aspect-ratio: 100 / 68.8;}
.main4 .small-article-image1 {width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 8px; background-size: cover; background-position: center;}
.main4 .small-article-content {flex: 1;padding: 0;}
.main4 .small-article .article-date {font-size: 14px; color: #888888;display: flex;align-items: center; margin-left:4px;}
.main4 .small-article .article-title1 {font-size:0.16rem; margin-bottom: 0.1rem; font-weight: 500; line-height: 0.3rem;color: #000;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.main4 .small-article .article-description1 {font-size: 14px; line-height:0.24rem; flex: 1;color: #555;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; }



 @media (max-width:1024px){
.main4 .right-articles {  gap: 14px;}	 
.main4 .small-article { padding-bottom:16px;}	 
.main4 .small-article .article-title1{ font-size:14px; line-height:22px;}	 
.main4 .small-article .article-description1{ line-height:22px;}
.main4 .main-article-header1{ width:130px; min-width:130px; }
.main4 .time1{ display:none;}
.main4 .main-article-content{ padding:20px 15px;}
.main4 .center-article{  padding:20px 15px;}
.main4 .article-title{font-size:16px; line-height:24px;}
.main4 .article-description{font-size:14px; line-height:22px;}
.main4 .article-button { position: static; left:0; bottom: 0; padding:3px 14px; border-radius:30px; margin-top: 12px;}
.main4 .article-button .ioc1{  width:18px;height: 18px; }
 }
 @media (max-width:767px){

 }




/* 关于 */
.beijing1{background: url(img/bj2.jpg) center no-repeat; background-size: cover;}
.main3 .categories-description {font-size:0.18rem; margin-bottom: 0.5rem; line-height: 0.3rem; font-weight: 400; color: #fff; width: 53.5%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:7;}
.main3 .stats-grid { display: grid;grid-template-columns: repeat(4, 1fr);gap: 0.3rem; justify-content: center; margin-top: 1.16rem;}
.main3 .stats-card {border-radius: 8px; background: rgba(255, 255, 255, 0.9); padding: 0.4rem 0.4rem 0.34rem 0.4rem; text-align: center; transition: all 0.3s ease; position: relative; overflow: hidden; }
.main3 .stats-number {font-size:0.56rem; font-weight: bold; color: #000; margin-bottom: 0.4rem; line-height: 0.64rem; display: flex; text-align: left;}
.main3 .stats-number::after {content: '+'; font-size: 0.24rem; margin-left: 0.16rem; line-height: 0.24rem; font-weight: 400; color: #006CBC;}
.main3 .stats-number span { display: inline-block; }
.main3 .stats-label {font-size: 0.18rem; line-height: 0.24rem; color: #333; text-transform: capitalize; letter-spacing: 0.5px; text-align: right; }


 @media (max-width:1440px){
.main3 .stats-grid{ margin-top:0.8rem;}
}
 @media (max-width:1024px){
.main3 .categories-description {font-size:14px; margin:10px 0 20px 0; line-height:24px;width: 100%; }
.main3 .stats-card { padding:15px 13px; }
.main3 .stats-number {font-size:28px; margin-bottom:10px; line-height:1; }
.main3 .stats-number::after {content: '+'; font-size:16px; margin-left:8px; line-height:1;}
.main3 .stats-label  {font-size:14px; line-height:24px;letter-spacing: 0; }
.main3 .stats-grid {gap:12px; margin-top:30px;}
 }
 @media (max-width:767px){
.main3 .stats-grid {grid-template-columns: repeat(2, 1fr);}
 }
 
 

/* 技术 */
.beijing2{background: url(img/bj3.jpg) center no-repeat; background-size: cover;}
.width{width: 100%;}
.main3 .articles-grid { display: grid; grid-template-columns: repeat(4, 1fr);gap: 0.2rem;justify-content: center; }
.main3 .article-card {background-color: white;border-radius: 0.24rem;padding:0.4rem; transition: all 0.3s ease; }
.main3 .article-card:hover {background-color: #006cbc;}
.main3 .article-date {font-size: 14px; color: #888888;display: flex;align-items: center; margin-left:4px;}
.main3 .article-card:hover .article-date{color: #fff;}
.main3 .time{display: flex; align-items: center; width: 100%;margin-bottom: 0.1rem;}
.main3 .article-title {font-size: 0.18rem; margin-bottom: 0.16rem; font-weight: 500; line-height: 0.3rem;color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.main3 .article-card:hover .article-title{color: #fff;}
.main3 .article-description {font-size: 0.16rem; line-height: 0.3rem; flex: 1;color: #555; margin-bottom:0.24rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;}
.main3 .article-card:hover .article-description{color: #fff;}
.main3 .article-button1 { border: none; padding: 0.06rem 0.24rem 0.06rem 0.24rem; border-radius: 0.5rem; cursor: pointer; transition: all 0.3s ease; align-self: flex-start; display: flex; align-items: center; justify-content: center;}
.main3 .article-button1 .ioc1{ display: block; cursor: pointer; width:0.24rem;height: 0.24rem;background:url(img/ioc111.svg) center no-repeat ; background-size:100% 100% !important;}
.main3 .article-card:hover .article-button1 .ioc1{ background:url(img/ioc1.svg) center no-repeat ;}
.main3 .article-card .article-button1 {border: 1px solid #006cbc;}
.main3 .article-card:hover .article-button1 { border: 1px solid #38D598; background-color: #38D598; }
.main3 .time-img{min-width:20px; object-fit: contain; height:20px;display: block; cursor: pointer;background:url(img/time.svg) center no-repeat ; background-size:100% 100% !important;}
.main3 .te { border: none; border-radius: 0.5rem; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center;}
.main3 .article-card:hover .time-img{ background:url(img/time1.svg) center no-repeat ;}



 @media (max-width:1440px){
.main3 .article-card {padding:0.3rem;}
 }
 @media (max-width:1024px){
.main3 .articles-grid { grid-template-columns: repeat(2, 1fr);gap:14px; }	 
.main3 .article-button1 .ioc1{width:18px;height:18px;}
.main3 .article-button1 {  padding:3px 14px; border-radius:30px;}
.main3 .article-title {font-size:16px; margin-bottom:8px; line-height:24px;}
.main3 .article-description {font-size:14px; line-height:22px; margin-bottom:12px;}
.main3 .article-card{border-radius:12px;padding:20px 15px;}
.main3 .time{ margin-bottom: 5px;}
 }
 @media (max-width:767px){
.main3 .articles-grid { grid-template-columns: repeat(1, 1fr); }
 }




/* 内页 */
.mbxbox1{ position: absolute; left:0; top:0; z-index: 6; width:100%; top:1.12rem; margin-top: 16px;}
.mbxbox2{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap; width:100%; padding:calc(14px + 0.02rem) 0 16px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.mbx{ display: block;color: #fff;font-size:16px; line-height:30px;}
.mbx a{ color: #fff;}
.mbx i{ color: #fff; padding:0 6px;}
.mbx a:hover{ color:#fff;}

@media screen and (max-width:1024px) {
.mbx{ display:none;}
.mbxbox2{ justify-content: flex-end; padding:50px 0 16px 0;}
}



.page_section{width: 100%;}
.page_section .pcpage{display: flex;justify-content: center;align-items: center; }
.page_section .pcpage a{display: flex;justify-content: center;align-items: center; width:40px; height:40px; font-size: 16px; line-height: 24px; color:#000;
; padding:0 6px;  margin:0 5px;  border-radius: 4px;
border: 1px solid rgba(229, 229, 229, 1);
background: rgba(255, 255, 255, 1);}
.page_section .pcpage span{ padding:0 6px;}
.page_section .pcpage a:hover,
.page_section .pcpage a.on{ background:#006cbc; border:1px solid #006cbc; color: #fff;}
.page_section .pcpage .btn{ margin:0 25px; background: url(img/Page1.svg) center no-repeat #fff; background-size:auto 24px !important; }
.page_section .pcpage .btn.on,
.page_section .pcpage .btn:hover{ background: url(img/Page2.svg) center no-repeat #006cbc; }
.page_section .pcpage .prev{ margin-left:0; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.page_section .pcpage .next{margin-right:26px;}
.page_section .phpage{display: none;}

@media screen and (max-width:1024px) {
.page_section .pcpage{display: none;}
.page_section .phpage{display: flex;justify-content: center;align-items: center;}
.page_section .phpage a{width: 40px;height: 40px;display: flex; background: url(img/Page1.svg) center no-repeat #fff; background-size:auto 24px !important;border:1px solid rgba(229, 229, 229, 1); border-radius: 4px;}
.page_section .phpage a:hover{ background: url(img/Page2.svg) center no-repeat #006cbc;}
.page_section .phpage span{margin: 0 20px;font-size: 16px;color:rgba(35, 24, 21, 1);}
.page_section .phpage .prev{ transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
}





/* inbaner */
.inbaner{ position: relative; line-height:0; overflow: hidden;}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.banText{ position: absolute; left:0; top:55.87%; width:100%; z-index: 6;transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banText1{ text-align: center; position: absolute; left:0; top:50%; width:100%; z-index: 6;}
.layout13{margin: 0.88rem auto 0px auto;}


@media  screen and (max-width: 1024px){
.inbaner{margin:50px auto 0px auto;}	
.banText{ transform: translateY(-50%); -ms-transform: translateY(-50%)}	
.banText1{ text-align: center; transform: translateY(-50%); -ms-transform: translateY(-50%)}
.layout13{margin:0 auto 0px auto;}
}


/* 关于我们 */
.about1{width:100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; }
.about1 .left{width:44.06%; display: block;}
.about1 .right{width:50%; display: block;display: flex;}
.about1 .pic{display: flex; width:100%; aspect-ratio: 100 / 63.75;line-height:0; overflow: hidden;}
.about1 .pic img{width:100%; height:100%; object-fit: cover;}
.about1 .size40{ line-height: 1.6;}
.about1 .categories-description {font-size:0.16rem; line-height: 0.3rem; font-weight: 400; color: #333; }

 @media (max-width:1024px){
.about1{ flex-wrap: wrap;} 
.about1 .left{width:100%; margin-top: 20px; padding-bottom:30px;}
.about1 .right{width:100%;}
.about1 .pic{ min-width:100%; min-width:100%; }
.about1 .categories-description {font-size:14px; line-height:24px; margin-top: 10px;}
 }


.about2 .categories-description {font-size:0.16rem; line-height: 0.3rem; font-weight: 400; color: #333; }
.about2 ul{ display: flex;flex-wrap: wrap; width:calc(100% + 0.26rem); margin:-0.13rem;}
.about2 ul li{ display: flex;flex-wrap: wrap; width:20% ; padding:0.13rem;}
.about2 ul li .la { display: flex;flex-wrap: wrap; align-content:flex-start; width:100%; padding:0.4rem 0.36rem 0.4rem 0.36rem; position: relative; height: 100%; border-radius: 10px; background: #fff;border: 1px solid rgba(0, 0, 0, 0.1);}
.about2 .block-icon { display: block;width: 100%;line-height: 0;margin-bottom: 0.2rem;}
.about2 .block-icon img{ width: 0.48rem; height: 0.48rem;}
.about2 ul li .tit{ width:100%; color: #000;font-size:0.16rem;line-height:0.3rem; font-weight: 500;}
.about2 ul li .la:hover .tit{ color:#006CBC;}
.about2 ul li .la:hover{ transform: translateY(-0.1rem);}

 @media (max-width:1024px){
.about2 .categories-description{font-size:14px; line-height:24px; margin-top: 10px; }
.about2 .block-icon {margin-bottom:10px;}
.about2 .block-icon img{ width:36px; height:36px;}
.about2 ul li .tit{font-size:14px; line-height:24px; }
.about2 ul{ width:calc(100% + 12px); margin:-6px;}
.about2 ul li{ width:33.33% ; padding:6px;}
.about2 ul li .la { padding:18px 15px;}
 }
 @media (max-width:767px){
.about2 ul li{ width:100% ;}
.about2 ul li .la{ flex-wrap: nowrap; align-items: center;} 
.about2 .block-icon{ min-width:36px; width:36px; margin:0 14px 0 0;}
 }



.pd201{ padding-bottom:2.01rem;}
.pt201{ padding-top:2.01rem;}
.about3 .box{width:100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; min-height: 5.8rem; }
.about3 .left{width:50%; display: block;display: flex;}
.about3 .right{width:44.06%; display: block;}
.about3 .categories-description {font-size:0.16rem; line-height: 0.3rem; font-weight: 400; color: #fff; }


 @media (max-width:1024px){
.about3{ flex-wrap: wrap; padding: 0;} 
.about3 .left{width:100%;}
.about3 .right{width:100%;}
.about3 .categories-description {font-size:14px; line-height:24px; margin-top: 15px; }
.about3 .box{min-height: inherit; display: block; background:rgba(0,0,0,0.3); padding: 50px 15px; }
 }


.about4{ overflow: hidden;} 
.about4 .categories-description { display: block; width:100%;color:rgba(51, 51, 51, 1);
font-size: 0.16rem;
font-weight: 400;
line-height: 0.3rem;} 
.about4 .articles-grid { display: block; width:100%;justify-content: center; }
.about4 .slick-list{ padding:0 0.85rem; overflow: visible;}
.about4 .article-card { display: block;width: 33.33%;margin-bottom: 0.87rem; padding:0 0.15rem;}
.about4 .article-la{ display: block;width: 100%;line-height: 0; overflow: hidden; border-radius: 0.16rem;aspect-ratio: 100 / 71.27;}
.about4 .article-la img{ width:100%; height:100%; object-fit: cover;}
.about4 .slick-prev{
    left:0; top: auto; bottom: 0; margin-top:0 !important;
}
.about4 .slick-next{
    right:auto;left:0.64rem; top: auto; bottom: 0; margin-top:0 !important;
}


 @media (max-width:1024px){
.about4 .articles-grid{margin:25px -8px  0 -8px; width: calc(100% + 16px);}	 
.about4 .article-card {margin-bottom:45px; padding:0 8px;}
.about4 .slick-prev{
    left:8px;
}
.about4 .slick-next{ right:auto;left:44px;}
.about4 .categories-description {font-size:14px; line-height:24px; margin-top: 10px;}
.about4 .slick-list{ padding:0;}
}



.about5{overflow: hidden;}
.about5 .sect{ display: flex; flex-wrap:wrap; align-items: flex-start; width: 100%;}
.about5 .brands-slide {display: block; width: 50%;background: rgba(21, 78, 182, 1); padding:0 0 0 0.2rem;}
.about5 .brands-slide::after {display: block; width:2000px; height: 100%; position: absolute; left: 100%; top: 0; background: rgba(21, 78, 182, 1); content:''; }
.about5 .brand-logo { width:33.33%;display: flex;flex-direction: column; align-items: center; justify-content: center; transition: all 0.3s ease;  padding:0.5rem 0 0.5rem 0.3rem; }
.about5 .brand-logo a{ display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; line-height:0; overflow: hidden; border-radius: 8px;aspect-ratio: 100 / 100; }
.about5 .brand-logo a img { width: 100%;  height: 100%; object-fit: contain;}
.about5 .slick-prev,
.about5 .slick-next{background:url(img/next4.png) center no-repeat; background-size: 100% 100% !important; top: auto; bottom:-0.9rem; }
.about5 .slick-prev:hover,
.about5 .slick-next:hover{background:url(img/next5.png) center no-repeat !important;  background-size: 100% 100% !important; }
.about5 .slick-prev{ left:0.5rem;}
.about5 .slick-next{ right:auto; left:1.14rem;}
.about5 .cont{ display: flex; flex-wrap: wrap;  justify-content: space-between; width: 50%;background:#006CBC; position: relative;padding: 0.18rem 0;}
.about5 .cont::after {display: block; width:2000px; height: 100%; position: absolute; right: 100%; top: 0; background:#006CBC; content:'';z-index:1; }
.about5 .cont::before {display: block; position: absolute; left: 50%; top:50%; background:#38D598; content:'';z-index: 7;
width: 10px;
height: 10px;
transform:translate(-50%,-50%) rotate(-135.00deg); -ms-transform:translate(-50%,-50%) rotate(-135.00deg); }
.about5 .cont .box{ display: flex; flex-wrap: wrap;flex-direction: column; width: 50%; position: relative; margin: 0.28rem 0;} 
.about5 .cont .box ._flex{ width: 76%;display: flex; align-items: flex-start;}
.about5 .cont .box .num{ display: inline-flex; font-size:0.56rem; line-height:0.64rem;color: #fff; font-weight: bold;}
.about5 .cont .box .p2{ display: inline-flex; font-size:0.24rem; line-height:0.24rem; margin-left:0.16rem; color: #fff;font-weight: 400; }
.about5 .cont .box .p3{ width: 76%; font-size:0.18rem; line-height:0.24rem;color: rgba(255, 255, 255, 0.6); margin-top: 0.08rem;}
.about5 .cont .box:nth-child(2n){ justify-content: flex-end; align-items: flex-end;border-left: 1px dashed #38D598;}
.about5 .cont .box:nth-child(1)::after{display: block; position: absolute; right:0.28rem; bottom:-0.28rem; width:0.96rem; content:''; border-bottom: 1px dashed #38D598;}
.about5 .cont .box:nth-child(2)::after{display: block; position: absolute; left:0.28rem; bottom:-0.28rem; width:0.96rem; content:''; border-bottom: 1px dashed #38D598;}

 @media (max-width:1024px){
.about5 .brands-slide{ width: 100%;padding:0 20px;}
.about5 .brands-slide::before {display: block; width:2000px; height: 100%; position: absolute; right: 100%; top: 0; background: rgba(21, 78, 182, 1); content:''; }
.about5 .brand-logo{ padding:20px 8px;}
.about5 .slick-prev,
.about5 .slick-next{ bottom: auto; top:50%; background:url(img/next6.png) center no-repeat;}
.about5 .slick-prev{ left:-10px;}
.about5 .slick-next{ left:auto; right:-10px;}
.about5 .cont{ width: 100%;padding:20px 0;}
.about5 .cont::after { right:-15px; }
.about5 .cont .box{ z-index: 6; margin:14px 0;}
.about5 .cont .box ._flex{ width:96; justify-content: center;}
.about5 .cont .box .num{font-size:28px; line-height:28px;}
.about5 .cont .box .p2{font-size:16px; line-height:16px; margin-left:4px;  }
.about5 .cont .box .p3{ width:96%; text-align: center; font-size:14px; line-height:26px; margin-top:4px;}
.about5 .cont .box:nth-child(1)::after{right:14px; bottom:-14px; width:54px;}
.about5 .cont .box:nth-child(2)::after{ left:14px; bottom:-14px; width:54px;}
 }
 @media (max-width:767px){

 }






/* 产品 */
.beijing3 { overflow: hidden; background: linear-gradient(90.00deg, rgba(0, 108, 188, 1) 0%,rgba(91, 108, 255, 1) 100%);}
.chanpin .brands-slide {display: block; width: 100%;height:2.3rem; }
.chanpin .brand-logo { width: 9%;display: flex;flex-direction: column; align-items: center; justify-content: center; transition: all 0.3s ease;  }
.chanpin .brand-logo a{ display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; position: relative; height:2.3rem; padding: 0.15rem;}
.chanpin .brand-logo i {  display: block; width:1rem; line-height:0; overflow: hidden; border-radius: 8px;aspect-ratio: 100 / 100; }
.chanpin .brand-logo i img { width: 100%;  height: 100%; object-fit: contain;}
.chanpin .brand-name { display: block; width: 100%; text-align: center; position: absolute; left:0; top:50%; font-size:14px; line-height: 24px; font-weight: 500; color: #fff; opacity: 0; transition: all 0.3s ease;}
.chanpin .brand-logo a:hover { background: linear-gradient(0.00deg, rgba(56, 213, 152, 1),rgba(56, 213, 152, 0) 100%);border-top: 4px solid #38D598;}
.chanpin .brand-logo a:hover i{transform: translateY(-0.15rem); }
.chanpin .brand-logo a:hover .brand-name { opacity: 1; transform: translateY(0.52rem); }
.chanpin .brand-logo.slick-current a { background: linear-gradient(0.00deg, rgba(56, 213, 152, 1),rgba(56, 213, 152, 0) 100%);margin-top: 4px solid #38D598;}
.chanpin .brand-logo.slick-current a i{transform: translateY(-0.15rem); }
.chanpin .brand-logo.slick-current a .brand-name { opacity: 1; transform: translateY(0.52rem); }
.chanpin .slick-prev,
.chanpin .slick-next{background:url(img/next6.png) center no-repeat; }
.chanpin .slick-prev:hover,
.chanpin .slick-next:hover{background:url(img/next5.png) center no-repeat; }
.chanpin .slick-prev{ left:-0.6rem;}
.chanpin .slick-next{ right:-0.6rem;}

 @media (max-width:1024px){
.chanpin .brands-slide{height:120px; padding:0 30px;}	 
.chanpin .brand-logo a{ height:120px; padding:10px;}
.chanpin .brand-logo i {  width:64px; }	 
.chanpin .brand-name { font-size:13px; line-height: 22px;}
.chanpin .brand-logo a:hover .brand-name { transform: translateY(28px); }
.chanpin .brand-logo a:hover i{transform: translateY(-10px); }
.chanpin .brand-logo.slick-current a i{transform: translateY(-10px); }
.chanpin .brand-logo.slick-current a .brand-name { transform: translateY(28px); }
.chanpin .slick-prev{ left:-5px;}
.chanpin .slick-next{ right:-5px;}
 }
 @media (max-width:767px){

 }




.main6 .search-container { background-color: #E0ECF9; border-radius: 8px; padding: 0.2rem 0.3rem  0.2rem 0.3rem; margin: 0.4rem 0 20px 0; display: flex;  align-items: center;  justify-content: space-between; flex-wrap: wrap;}
.main6 .filter-options { display: flex; align-items: center; gap:0.16rem; flex-wrap: wrap; }
.main6 .filter-btn { padding:0.05rem 0.24rem; border: none; border-radius: 0.4rem; color: #000;  font-size: 0.18rem; cursor: pointer; transition: all 0.3s ease; line-height: 0.28rem; }
.main6 .filter-btn:hover {background-color:#006cbc; color: #fff;}
.main6 .filter-btn.active {background-color: #006cbc;color: #fff; }
.main6 .tit0{color: #000; font-size:calc(14px + 0.02rem); left: 0.3rem; font-weight: 400;}
.main6 .search-box { display: flex; align-items: center;width: 6.48rem; }
.main6 .search-input {flex: 1; padding:0.06rem 0.24rem; background-color: #fff; border-radius: 4px 0 0 4px; font-size:0.16rem; line-height: 0.36rem; height: 0.48rem;  transition: border-color 0.3s ease; }
.main6 .search-input:focus {outline: none;  box-shadow: 0 0 0 1px rgba(26, 115, 232, 0.2); }
.main6 .search-btn {padding: 0.06rem 0.24rem; border: none; border-radius: 0 4px 4px 0; background-color: #38D598; color: #fff;  font-size:0.16rem; line-height: 0.36rem;height: 0.48rem; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; display: flex; align-items: center; gap: 0.1rem; white-space: nowrap; }
.main6 .search-btn:hover { background-color: #006cbc; }
.main6 .search-btn .sou { width: 0.2rem; height: 0.2rem; line-height: 0; }



 @media (max-width:1440px){
.main6 .filter-options {gap:0.1rem;  }	 
.main6 .search-box { width:5.88rem; }
 }
 @media (max-width:1024px){
.main6 .search-container { padding:14px; margin:20px 0 20px 0; }	 
.main6 .search-box { width:100%; }	 
.main6 .search-input {padding:5px 14px; font-size:14px; line-height:28px;height:38px; }	 
.main6 .search-btn {padding:5px 14px; font-size:14px; line-height:28px;height:38px; gap:8px;}	 
.main6 .search-btn .sou { width:18px; height:18px; }
.main6 .filter-options{ gap:2px; margin-bottom: 14px;}
.main6 .filter-btn { border-radius: 26px; padding:1px 10px 2px 10px; font-size:14px; line-height:24px; }
 }
 @media (max-width:767px){
.main6 .filter-btn { display:none; }
.main6 .wz{ display:none; }
 }


/* 新闻 */
.nexslist { display: block; width: 100%;border-top: 1px solid #e5e5e5;}
.nexslist .u1 .li{ display: block; width: 100%;border-bottom: 1px solid #e5e5e5;}
.nexslist .u1 .li:first-child{ margin-top:0 !important;}
.nexslist .u1 .li:hover{ border-bottom: 0px solid #e5e5e5;}
.nexslist .product-item { display: flex; align-items: center; padding: 0.3rem 0 0.3rem 0;transition: all 0.3s ease; gap:0.5rem;border: 1px solid #fff; }
.nexslist .product-item:hover { background-color:#F4F9FE;border: 1px solid #006cbc; border-radius: 8px; transform: translateY(-2px);padding: 0.3rem 0.4rem 0.3rem 0.3rem;border: 1px solid #006cbc; }
.nexslist .product-image {width: 2.97rem; min-width: 2.97rem; line-height: 0; aspect-ratio: 100 / 68.35; border-radius: 8px; overflow: hidden;  }
.nexslist .product-image img { width: 100%; height: 100%; object-fit: cover; }  
.nexslist .product-content {flex: 1;}
.nexslist .product-name { color: #000; font-weight: bold; font-size: 0.2rem; margin-bottom: 0.24rem; line-height: 0.3rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1; }
.nexslist .product-item:hover .product-name { color: #006cbc;}
.nexslist .product-description { color: #555; font-size:calc(14px + 0.02rem); line-height: 0.3rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; }
.nexslist .time{background-color:#F4F9FE; border-radius: 8px; padding: 0.24rem 0.15rem 0.24rem 0.15rem;display: flex; flex-direction: column;  align-items: center; justify-content: center;}
.nexslist .product-item:hover .time{background-color:#38D598;}
.nexslist .article-date {font-size:calc(14px + 0.02rem); color: #006cbc; display: flex;align-items: center; }
.nexslist .product-item:hover .article-date {color:#000; }
.nexslist .time-img{object-fit: contain;display: block; cursor: pointer; width:0.3rem;height: 0.3rem; background:url(img/xwsj1.svg) center no-repeat ; background-size: 100% 100% !important; }
.nexslist .te { border: none; border-radius: 0.5rem; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; padding-bottom: 0.12rem;}
.nexslist .product-item:hover .time-img{ background:url(img/xwsj11.svg) center no-repeat ;}


@media screen and (max-width:1024px) {
.nexslist .product-item { padding: 15px 0;}	
.nexslist .product-name { font-size: 16px; line-height:24px; margin-bottom: 8px; }
.nexslist .product-description { font-size:14px; line-height:22px; }
.nexslist .article-date {font-size:14px;line-height:22px;}
.nexslist .time-img{ width:20px;height:20px;  }
}

 @media (max-width:767px){
.nexslist .product-image {width:130px; min-width:130px; }	 
.nexslist .time{display: none;}
.nexslist .product-name{-webkit-line-clamp:2; margin-bottom: 2px;}
}







/* 技术文章 */

.mt35 {margin-top: 0.35rem;}
.jswz .biao{font-size: 0.3rem; line-height: 0.36rem; color: #fff; font-weight: bold;}
.jswz .search-container { background-color:#006cbc; border-radius: 8px; padding: 0.32rem 0.4rem  0.32rem 0.4rem;display: flex;  align-items: center;  justify-content: space-between; flex-wrap: wrap; gap: 0.68rem; }
.jswz .search-box { display: flex; align-items: center; flex: 1; min-width: 300px; }
.jswz .search-input {flex: 1; padding:0.1rem 0.24rem; background-color: #fff; border-radius: 4px 0 0 4px; font-size:calc(14px + 0.02rem); line-height: 0.36rem; height:0.56rem; transition: border-color 0.3s ease; }
.jswz .search-input:focus {outline: none;  box-shadow: 0 0 0 1px rgba(26, 115, 232, 0.2); }
.jswz .search-btn {padding:0.1rem 0.24rem; border: none; border-radius: 0 4px 4px 0; background-color: #38D598; color: #fff;  font-size:calc(14px + 0.02rem); line-height: 0.36rem; height: 0.56rem; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.jswz .search-btn:hover { background-color: #006cbc; }
.jswz .search-btn .sou { width: 20px; height: 20px; display: block; line-height: 0; }
.jswz .tit0{color: #fff; font-size: 0.18rem; left: 0.3rem; font-weight: 400;}

@media screen and (max-width:1024px) {
.jswz .biao{font-size:22px; line-height:30px;}
.jswz .search-container{padding: 14px 15px;  gap:14px;}
.jswz .tit0{font-size:15px; line-height:22px;}
.jswz .search-input{ padding:5px 14px;font-size:14px; line-height:30px; height:40px;}
.jswz .search-btn{ padding:5px 14px;font-size:14px; line-height:30px; height:40px;}
.jswz .search-btn .wz{ display:none;}
}

 @media (max-width:767px){

 }

.jswz .articles-grid { display: grid; grid-template-columns: repeat(3, 1fr);gap: 0.35rem;justify-content: center; }
.jswz .article-card {background-color: #f4f9fe;border-radius:0.24rem;padding:0.4rem; transition: all 0.3s ease; }
.jswz .article-card:hover {background-color: #006cbc;}
.jswz .article-date {font-size: 14px; color: #888888;display: flex;align-items: center; margin-left:4px;}
.jswz .article-card:hover .article-date{color: #fff;}
.jswz .time{display: flex; align-items: center; width: 100%;margin-bottom: 0.1rem;}
.jswz .article-title {font-size: 0.18rem; margin-bottom: 0.16rem; font-weight: 500; line-height: 0.3rem;color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.jswz .article-card:hover .article-title{color: #fff;}
.jswz .article-description {font-size: calc(14px + 0.02rem); line-height: 0.3rem; flex: 1;color: #555; margin-bottom:0.24rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;}
.jswz .article-card:hover .article-description{color: #fff;}
.jswz .article-button1 { border: none; padding: 0.06rem 0.24rem 0.06rem 0.24rem; border-radius: 0.5rem; cursor: pointer; transition: all 0.3s ease; align-self: flex-start; display: inline-flex; align-items: center; justify-content: center;}
.jswz .article-button1 .ioc1{ display: block; cursor: pointer; width:24px;height: 24px;background:url(img/ioc111.svg) center no-repeat ; background-size: 100% 100% !important; }
.jswz .article-card:hover .article-button1 .ioc1{ background:url(img/ioc1.svg) center no-repeat ;}
.jswz .article-card .article-button1 {border: 1px solid #006cbc;}
.jswz .article-card:hover .article-button1 { border: 1px solid #38D598; background-color: #38D598; }
.jswz .time-img{min-width:20px; object-fit: contain; height:20px;display: block; cursor: pointer;background:url(img/time.svg) center no-repeat ; background-size: 100% 100% !important; }
.jswz .te { border: none; border-radius: 0.5rem; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center;}
.jswz .article-card:hover .time-img{ background:url(img/time1.svg) center no-repeat ;}


@media screen and (max-width:1024px) {
.jswz .articles-grid {grid-template-columns: repeat(2, 1fr); gap:14px;}
.jswz .article-title {font-size:16px; margin-bottom:8px; line-height:24px;}
.jswz .article-description{font-size:14px; margin-bottom:12px; line-height:22px;}
.jswz .article-card{border-radius:12px;padding:20px 15px;}
.jswz .time{ margin-bottom: 5px;}
.jswz .article-button1 { padding:3px 14px; border-radius:30px; }
.jswz .article-button1 .ioc1{  width:18px;height:18px;}
}

 @media (max-width:767px){
.jswz .articles-grid { grid-template-columns: repeat(1, 1fr);}
 }




/* 联系 */
.lianxi{ overflow: hidden;}
.lianxi .contact-wrapper { flex-wrap: wrap; width:100%; display: flex; align-items: center; justify-content: space-between; }
.lianxi .contact-form{width:61.25%; display: block;text-align: right;padding: 1.2rem 0; }
.lianxi .contact-info {width:31.25%; display: block; position: relative; background-color: #f4f9fe; padding: 1.2rem 0.8rem 1.2rem 0;  }
.lianxi .contact-info::after{ display:block; content: ''; position: absolute; right: 100%; top: 0; width: 2000px; height: 100%;background-color: #f4f9fe; }
.lianxi .info-item { display: flex; align-items: center; gap:0.16rem;padding-bottom: 0.34rem; }
.lianxi .info-icon { display: flex; align-items: center; justify-content: center; }
.lianxi .info-icon .img3 {min-width: 0.4rem; width: 0.4rem; height: 0.4rem;}
.lianxi .info-label {font-size:0.16rem; font-weight: 400; line-height:0.3rem; color: #000;}
.lianxi .qrcode-item {text-align: center;}
.lianxi .er{ display: flex;text-align: center; gap: 0.4rem; margin-top: 0.26rem;}
.lianxi .er i{ display: block; width:100%; line-height:0;}
.lianxi .er span{ display: block; width:100%; margin-top:0.08rem;font-size:0.16rem; line-height:0.24rem; }
.lianxi .qrcode-item {text-align: center; width:1.45rem;}
.lianxi .lh0{width:100%;  line-height: 0;}
.lianxi .yan{font-size: 0.16rem; font-weight: 400; line-height:0.3rem; color: #000;} 
.lianxi .contact-form .biaoti{ font-size: 0.4rem; font-weight: 500; line-height: 0.48rem; color: #000; margin-bottom:0.24rem; }
.lianxi .contact-form .jianjie{ font-size:0.18rem; font-weight: 400; line-height: 0.3rem; color: #555; margin-bottom:0.6rem;} 
.lianxi .form-row { display: grid;  grid-template-columns: repeat(3, 1fr); gap:0.16rem;margin-bottom: 0.16rem; }
.lianxi .form-group { margin-bottom: 0.16rem;  }
.lianxi .form-input { width: 100%; padding:0.1rem 0.16rem; border: 1px solid #e5e5e5; border-radius: 4px; font-size:0.16rem; line-height: 0.36rem; height: 0.48rem; color: #888; transition: border-color 0.3s ease; }
.lianxi .form-input:focus { outline: none; border-color:#006cbc; box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2); } 
.lianxi .form-textarea { width: 100%; padding:  0.11rem 0.16rem; border: 1px solid #e5e5e5; border-radius: 4px; font-size: 0.16rem; line-height: 0.26rem; height: 1.4rem; color: #888;resize: vertical; transition: border-color 0.3s ease; }
.lianxi .form-textarea:focus { outline: none; border-color:#006cbc; box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2); }
.lianxi .captcha-container{display: flex; gap: 0.16rem;}
.lianxi .captcha {text-align: center; display: flex; align-items: center; justify-content: center; gap: 0.16rem; overflow: hidden; border-radius: 4px;min-width: 0.94rem;height:  0.48rem;  border: 1px solid #e5e5e5;}
.lianxi .captcha img {width: 0.94rem;height:  0.48rem; object-fit: contain;}
.lianxi .send-button {width: 3.27rem; background-color:#006cbc; color: #fff;  border: none;  border-radius: 4px;  padding:0; height:0.56rem; font-size:0.16rem; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; margin-top: 0.48rem; }
.lianxi .send-button:hover { background-color: #38D598; }

@media screen and (max-width:1600px) {
.lianxi .contact-info {width:35.25%; }
}
@media screen and (max-width: 1024px) {
.lianxi .contact-form{width:100%;padding:30px 0 35px 0; text-align: left;  }	
.lianxi .contact-info {width:100%; padding:35px 15px 35px 0;  }
.lianxi .info-item {; gap:8px;padding-bottom:12px; }
.lianxi .info-icon .img3 {min-width:24px; width: 24px; height:24px;}
.lianxi .info-label {font-size:14px; line-height:24px;}
.lianxi .er{ gap:20px; margin-top:12px;}
.lianxi .er span{ margin-top:8px;font-size:14px; line-height:22px; }
.lianxi .qrcode-item {width:100px;}
.lianxi .yan{font-size:14px; line-height:24px;} 
.lianxi .contact-form .biaoti{ font-size:24px;line-height:32px; margin-bottom:6px; }
.lianxi .contact-form .jianjie{ font-size:16px;line-height:24px; margin-bottom:20px;} 
.lianxi .form-row { gap:12px;margin-bottom:12px; }
.lianxi .form-group { margin-bottom:12px;  }
.lianxi .form-input { padding:5px 14px;font-size:14px; line-height:26px; height:38px;}
.lianxi .form-textarea {padding: 8px 14px;font-size:14px; line-height:24px; height:136px;}
.lianxi .captcha-container{ gap:8px;}
.lianxi .captcha { gap: 8px;min-width:70px;height: 38px; }
.lianxi .captcha img {width:70px;height: 38px; object-fit: contain;}
.lianxi .send-button {width:160px;height:46px; font-size:14px; margin-top:12px; }
}
@media screen and (max-width: 767px) {
.lianxi .form-row { grid-template-columns: repeat(1, 1fr);}
}


.mapbox{ display: block; width:100%; position: relative;}
.mapbox .a{ position: relative; display: block; width:100%; height:7.26rem;}
.mapbox .box{ display:block; position:absolute; z-index:5; line-height: 0; margin:-15px 0 0 -15px; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.mapbox .box .ico{ width:30px;}
.mapbox .box .cont{ white-space: normal;background: #fff; padding:20px 20px 24px 20px; border-radius: 8px; display: flex;  flex-direction: column; align-items: center; justify-content: center;}
.mapbox .box .cont::after{ content:''; display:block; position: absolute;top: 99%; left: 50%;transform: translateX(-50%); -ms-transform: translateX(-50%);
 border-top: 15px solid #fff;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent; z-index:6;}
.mapbox .box .cont .tit{color: #333; width:100%; font-weight: bold; font-size: 0.18rem; font-weight: bold; line-height: 0.3rem; letter-spacing: 0px; text-align: center;}
.mapbox .box .cont .tit16{display: inline-flex; align-items: center; margin-top:0.16rem;border-radius: 4px;color: #fff; 
background:#006CBC;padding: 4px 8px 4px 8px;gap: 10; line-height: 24px; font-size: 0.16rem
}
.mapbox .box .cont .tit16 img{ width:20px; height:20px; margin-right: 8px;}
.mapbox .box .cont .tit16:hover{ text-decoration: underline;}

@media screen and (max-width: 1024px) {
.mapbox .a{ height:500px; }
.mapbox .box .cont{ width:280px;padding:12px; white-space: normal;}
.mapbox .box .cont .tit{ font-size:15px; line-height:22px;}
.mapbox .box .cont .tit16{font-size:14px; line-height:22px; margin-top:10px;}
.mapbox .box .cont .tit16 img{ width:18px; height:18px; margin-right: 8px;}
.mapbox .box .cont::after{  border-top:10px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent; }
}






/* 产品详情 */
.top-header{ height: 0.88rem;}

@media screen and (max-width:1024px) {
.top-header{ height:50px;}
}



.pord1 .bg{ display: block; position:absolute; left: 0; top: 0; z-index: 1; width: 100%; height:calc(100% - 1.92rem);}
.pord2{display: block; width: 100%; position: relative; padding: 1rem 3.82rem 1rem 0; }
.pord2 .title{color: rgba(255, 255, 255, 1); width: 100%; font-style: Bold; font-family: Open Sans;  font-size: 0.4rem; font-weight: bold; line-height: 0.48rem; letter-spacing: 0px;}
.pord2 .info{color: rgba(255, 255, 255, 1); margin-top: 0.3rem; font-family: Open Sans; font-style: Regular; font-size: 0.18rem; font-weight: 400; line-height:0.3rem; letter-spacing: 0px; }
.pord2 .btn{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); display: flex; gap:0.24rem;}
.pord2 .btn .a2{
width:108px;
height:108px; padding:0 20px;
display: flex; flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 50%;
backdrop-filter: blur(30px);
background: rgba(255, 255, 255, 0.24);
color:rgba(255, 255, 255, 1);
font-size:14px;
font-weight: 500;
line-height:18px;
text-align: center;
}
.pord2 .btn .a2 img{width:24px;
height:24px; margin-bottom:8px;}
.pord2 .btn .a2:hover{background:#38D598;}



@media screen and (max-width:1600px) {
.pord1 .bg{ height:calc(100% - 1.7rem);}
}
@media screen and (max-width:1024px) {
.pord2{ padding:100px 0 30px 0;}
.pord2 .title{
font-size:24px;
line-height:32px;}
.pord2 .info{ margin-top:10px;
font-size:15px;
line-height:26px;}
.pord1 .mbxbox2{ display:none;}
.pord2 .btn{ width:100%; justify-content: center;  top:35px; transform: translateY(0); -ms-transform: translateY(0); display: flex; gap:14px;}
.pord2 .btn .a2{
width:auto;
height:auto; padding:10px 24px;
display: flex; flex-direction: row;
justify-content: center;
align-items: center;
border-radius:40px;
backdrop-filter: blur(30px);
background: rgba(255, 255, 255, 0.24);
color:rgba(255, 255, 255, 1);
font-size:14px;
font-weight: 500;
line-height:18px;
text-align: center;
}
.pord2 .btn .a2 img{width:20px;
height:20px; margin:0 8px 0 0;}
}
@media screen and (max-width:767px) {
.pord1 .bg{ height:calc(100% - 80px);}
}


.pord4{ display: block; width:calc(100% + 0.2rem); margin:0 -0.1rem;}
.pord4 .articles-grid { display: block; width: 100%;}
.pord4 .article-card { display: block;width: 25%; padding:0 0.1rem;}
.pord4 .article-pic{ display: block;width: 100%;line-height: 0; border-radius: 8px;aspect-ratio: 100 / 100;  overflow: hidden;border: 1px solid rgba(0, 0, 0, 0.1);}
.pord4 .article-pic img{ width: 100%; height:100%; object-fit: contain;}
.pord4 .slick-prev,
.pord4 .slick-next{background:url(img/next7.png) center no-repeat; }
.pord4 .slick-prev:hover,
.pord4 .slick-next:hover{background:url(img/next5.png) center no-repeat; }
.pord4 .slick-prev{ left:-0.46rem;}
.pord4 .slick-next{ right:-0.46rem;}




@media screen and (max-width:1024px) {
.pord4{ width:100%; margin:0; padding:0 22px;}	
.pord4 .article-card { padding:0 5px;}
.pord4 .slick-prev{ left:-30px;}
.pord4 .slick-next{ right:-30px;}
}





.pord3{
 width: 100%;
 color: #333;
font-style: 400;
font-size: calc(14px + 0.02rem);
line-height: calc(22px + 0.08rem);}
.pord3 .title{
	color: var(--主色, rgba(0, 108, 186, 1));
	width: 100%;
	font-family: Open Sans;
	font-style: Bold;
	font-size: calc(14px + 0.04rem);
	font-weight: 700;
	line-height: calc(22px + 0.08rem);
	letter-spacing: 0px;
	text-align: left;
 display: flex; align-items: flex-start;
}
.pord3 .title .s{ padding:0.03rem 0;}
.pord3 .bd{width: 100%; }
.pord3 .cont{width: 100%; }
.pord3 .sect{width: 100%;}
.pord3 .sect .dl{width: 100%;}
.pord3 .sect .dd{width: 100%;padding-top: 0.4rem; }
.pord3 .pdd30{ padding-bottom: 30px;}
.pord3 .ptt30{ padding-top: 30px;}
.pord3 .info1{ border-top: 2px solid rgba(0, 108, 186, 1);}
.pord3 .info3{ border-bottom: 2px solid rgba(0, 108, 186, 1);}

.pord3 ._page{ display: flex; justify-content: space-between; width: 100%; padding:0.4rem 0 0 0;border-radius: 0px 0 8px 8px;border-top: 1px solid #d8dcdd;  margin-top: 0.4rem;}
.pord3 ._page .a{ position: relative; width: 50%; color: #333; display:block; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; line-height:0.4rem; }
.pord3 ._page .a.Prev::after{ left:0; transform:rotateY(180deg); -ms-transform:rotateY(180deg); }
.pord3 ._page .a.Prev{ padding-left: 0.48rem;}
.pord3 ._page .a.Next{ text-align: right; padding-right: 0.48rem;}
.pord3 ._page .a.Next::after{ right:0;}
.pord3 ._page .a::after{content: ''; position: absolute; top:0; z-index: 6; width:0.4rem; top:0; height:0.4rem; background: url(img/next2.svg) center no-repeat;  background-size: 100% 100% !important;}
.pord3 ._page .a:hover{ color:#006CBA;}
.pord3 ._page .a:hover::after{ background: url(img/next3.svg) center no-repeat;}

.pord3 .hd{width: 100%; font-size: 0.4rem; line-height: 0.48rem; color: #000; font-weight: 500; padding-bottom: 0.4rem; border-bottom: 1px solid rgba(0, 108, 186, 1);}







@media screen and (max-width:1024px) {
.pord3 ._page{ padding:20px 0 0 0; margin-top: 30px;}
.pord3 ._page .a{ line-height:30px;}
.pord3 ._page .a::after{ width:30px; height:30px;}
.pord3 ._page .a.Prev{ padding-left:38px;}
.pord3 ._page .a.Next{ padding-right:38px;}
.pord3 .title .s{ padding:2px 0;}
.pord3 .title .num{
	min-width: 30px;
	height: 30px;
font-size: 13px;}
.pord3 .sect .dd{padding-top:20px; }
.pord3 .pdd30{ padding-bottom: 20px;}
.pord3 .ptt30{ padding-top: 20px;}
.pord3 .hd{ font-size:24px; line-height: 32px; padding-bottom:20px; }

}


 @media (max-width:767px){

 }
 
 
 
 
 .newsbox1{display: block; width: 100%; }
 .newsbox1 .mbx{ padding:16px 0; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
 .newsbox1 .top {background: linear-gradient(90.00deg, rgba(0, 108, 188, 1) 0%,rgba(91, 108, 255, 1) 100%); }
 .newsbox1 .top::after{ display: block; content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; background: url(img/bg2.png) bottom center no-repeat; background-size:100% auto;}
  .newsbox1 .sect1{ padding: 0.57rem 1.5rem 0.57rem 0;}
 .newsbox1 .title{display: block; width: 100%; color: #fff; font-weight: bold; font-size:0.3rem; line-height:0.4rem;}
 .newsbox1 .info{ display:flex; flex-wrap: wrap; width: 100%;color: #fff;font-size:0.18rem; line-height:0.28rem; margin-top: 0.2rem; gap: 0.64rem; }
 .newsbox1 .s{ display: flex; align-items: center; }
 .newsbox1 .s img{ width:24px; height:24px; margin-right:8px;}
 .newsbox1 .btn{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); display: flex; gap:0.24rem;}
 .newsbox1 .btn .a2{
 width:108px;
 height:108px; padding:0 20px;
 display: flex; flex-direction: column;
 justify-content: center;
 align-items: center;
 border-radius: 50%;
 backdrop-filter: blur(30px);
 background: rgba(255, 255, 255, 0.24);
 color:rgba(255, 255, 255, 1);
 font-size:14px;
 font-weight: 500;
 line-height:18px;
 text-align: center;
 }
 .newsbox1 .btn .a2 img{width:24px;
 height:24px; margin-bottom:8px;}
 .newsbox1 .btn .a2:hover{background:#38D598;}

 .newsbox{display: block; width: 100%; font-size: calc(14px + 0.02rem);
 font-weight: 400;color: #333;
 line-height: calc(22px + 0.08rem);}

 .newsbox .cont{ display: block; width: 100%; padding:60px 0 40px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
 .newsbox .title{ display: block; width: 100%;font-weight: bold; color: #000;font-size:0.3rem; line-height:0.48rem;/* font-family: Open Sans; */
 }
 .newsbox ._page{ display: flex; justify-content: space-between; width: 100%; padding: 40px 0 0 0;}
 .newsbox ._page .a{ position: relative; width: 49%; color: #333; display:block; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; line-height:0.4rem; }
 .newsbox ._page .a.Prev::after{ left:0; transform:rotateY(180deg); -ms-transform:rotateY(180deg); }
 .newsbox ._page .a.Prev{ padding-left: 0.48rem;}
 .newsbox ._page .a.Next{ text-align: right; padding-right: 0.48rem;}
 .newsbox ._page .a.Next::after{ right:0;}
 .newsbox ._page .a::after{content: ''; position: absolute; top:0; z-index: 6; width:0.4rem; top:0; height:0.4rem; background: url(img/next2.svg) center no-repeat;  background-size: 100% 100% !important;}
 .newsbox ._page .a:hover{ color:#006CBA;}
 .newsbox ._page .a:hover::after{ background: url(img/next3.svg) center no-repeat;}
 
 
 @media screen and (max-width:1024px) {
.newsbox1 .sect1{ padding:25px 0 30px 0;}	
 .newsbox1 .title{ font-size:20px; line-height:28px; }
 .newsbox1 .info{font-size:14px; line-height:24px; margin-top:15px; gap:20px; }
 .newsbox1 .s img{ width:20px; height:20px; margin-right:8px;}
 .newsbox1 .btn{ top:auto; bottom:24px; transform: translateY(0); -ms-transform: translateY(0);}
 .newsbox1 .btn .a2{
 width:auto;
 height:auto; padding:8px 16px;
 display: flex; flex-direction: row;
 justify-content: center;
 align-items: center;
 border-radius:40px;
 backdrop-filter: blur(30px);
 background: rgba(255, 255, 255, 0.24);
 color:rgba(255, 255, 255, 1);
 font-size:14px;
 font-weight: 500;
 line-height:18px;
 text-align: center;
 }
 .newsbox1 .btn .a2 img{width:20px;
 height:20px; margin:0 8px 0 0;}
 .newsbox .cont{ padding:30px 0 30px 0;}
 .newsbox ._page{ padding:20px 0 0 0;}
 .newsbox ._page .a{ line-height:30px;}
 .newsbox ._page .a::after{ width:30px; height:30px;}
 .newsbox ._page .a.Prev{ padding-left:38px;}
 .newsbox ._page .a.Next{ padding-right:38px;}
 }


.bg-f4{
	background:#F4F9FE;
}

.news06 .right-articles { display: flex; flex-wrap: wrap; width: 100%; justify-content:space-between;}
.news06 .small-article { width:47.81%; overflow: hidden; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #e5e5e5;padding: 0.33rem 0;}
.news06 .small-article:nth-child(1){border-top: 1px solid #e5e5e5;}
.news06 .small-article:nth-child(2){border-top: 1px solid #e5e5e5;}
.news06 .small-article { transition: all 0.3s ease;}
.news06 .small-article:hover .small-article-image1 {transform: scale(1.1); transition: transform 0.5s ease;}
.news06 .small-article:hover .article-title1 {color: #006cbc;transition: color 0.3s ease;}
.news06 .time1{display: flex; align-items: center; width: 100%;margin-bottom: 0.08rem;}
.news06 .time-img{ display: block; min-width:20px; object-fit: contain; height:20px; line-height: 0;}
.news06 .main-article-header1 {position: relative; overflow: hidden;margin-right: 0.32rem; border-radius: 8px; width: 2.33rem; min-width: 2.33rem; line-height: 0; aspect-ratio: 100 / 68.8;}
.news06 .small-article-image1 {width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 8px; background-size: cover; background-position: center;}
.news06 .small-article-content {flex: 1;padding: 0;}
.news06 .small-article .article-date {font-size: 14px; color: #888888;display: flex;align-items: center; margin-left:4px;}
.news06 .small-article .article-title1 {font-size:0.16rem; margin-bottom: 0.1rem; font-weight: 500; line-height: 0.3rem;color: #000;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.news06 .small-article .article-description1 {font-size: 14px; line-height:0.24rem; flex: 1;color: #555;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; }



 @media (max-width:1024px){
.news06 .small-article { padding:16px 0;}	 
.news06 .small-article .article-title1{ font-size:14px; line-height:22px;}	 
.news06 .small-article .article-description1{ line-height:22px;}
.news06 .main-article-header1{ width:130px; min-width:130px; }
.news06 .time1{ display:none;}
.news06 .main-article-content{ padding:20px 15px;}
.news06 .center-article{  padding:20px 15px;}
.news06 .article-title{font-size:16px; line-height:24px;}
.news06 .article-description{font-size:14px; line-height:22px;}
.news06 .article-button { position: static; left:0; bottom: 0; padding:3px 14px; border-radius:30px; margin-top: 12px;}
.news06 .article-button .ioc1{  width:18px;height: 18px; }
.news06 .right-articles{ margin-top: 20px;}
 }
 @media (max-width:767px){
.news06 .small-article { width:100%;}
.news06 .small-article:nth-child(2){border-top:0;}
 }
 
 
 /*260211start*/
.main3 .article-card{ width: 4.8rem;  min-width: 4.8rem;}
.main3 .box{ margin-top: 0.24rem;}
.main3 .box:first-child{ margin-top: 0 !important;}
.main3 .box {
  display: flex;
  width: 100%;
}
.main3 .gap-2 {
  display: flex;
  will-change: transform;
  overflow: visible !important;
  width: auto;
}
 .main3 .seamless-scroll-wrapper { gap:  0.24rem !important;
   will-change: transform;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
 }
 .main3 .article-title{width: 100%;}
.main3 .article-description{width: 100%;}
 
 @media (max-width:1024px){
.main3 .box{ margin-top:12px;}
 .main3 .seamless-scroll-wrapper { gap: 12px !important;
 }
  }
 @media (max-width:767px){
.main3 .article-card{ width:9.6rem;min-width:9.6rem;}
  }
  
 
 /*260211end*/