@charset "UTF-8";

html{
  font-size:6.25vw;
}
@media screen and  (min-width:1500px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}
body{font-size:calc(14px + 0.02rem); line-height:24px;}

html {
  scrollbar-width: thin;
  scrollbar-color:#019EEF #fff;
}
html::-webkit-scrollbar {
  width:20px;
}
html::-webkit-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}
html::-moz-scrollbar {
  width:20px; 
}
html::-moz-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}	




.max-width{max-width:1500px; margin-right: auto; margin-left: auto;}
.pc_show1{ display:inline;}
.ph_show1{ display: none;}
@media  screen and (max-width: 700px){
.pc_show1{ display: none;}
.ph_show1{ display: inline;}
}

.t_navs{ }

.t_navs .top{ width: 100%; background: #fff;position:absolute; left:0; top:0; z-index: 140; width: 100%; }
.t_navs .box1{ width: 100%;background:#019EEF;position:absolute; left:0; top:100px; z-index: 140; width: 100%; }
.t_navs.act1 .box1{ top: 0; position: fixed;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:40px; object-fit: contain;}
.t_navs .line{width:1px;height:48px; display: flex; background:rgba(0, 0, 0, 0.1);}
.t_navs .info{ display: inline-block;
font-weight: 400;
font-size: 18px;
line-height: 30px;
color: #000;
 }
.t_navs .btn{ display: inline-flex;align-items: center; 
font-weight: 700;
font-size: 24px;
line-height:48px;
color: #019EEF;
 }
.t_navs .btn img{width:24px;height:24px; margin-right:8px;}
.t_navs .left{ display: flex; align-items: center; gap:0 0.24rem; }
.t_navs .right{ display: flex; align-items: center; gap:0 0.4rem;}
.t_navs .box{ display: flex; flex-wrap: wrap; align-items: center; justify-content:space-between; width: 100%; height:100px;}
.t_navs .menu{ display: flex; flex-wrap: wrap; width: 100%; }
.t_navs .menu .ul{ display: flex; width: 100%; gap:0 5px; }
.t_navs .menu .nli{ display: flex;  position: relative;width: 100%; }
.t_navs .menu .nli span{ display: flex; width: 100%;}
.t_navs .menu .nli span a{ display:flex;width: 100%;line-height:60px; font-size:18px;color: #fff; font-weight: 700; align-items: center; justify-content: center; }
.t_navs .menu .nli span a img{ width:12px; height:12px; object-fit: contain; margin:4px 0 0 4px; }
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{ background:#F19703;}
.t_navs .menu .sub{ display: none;  position: absolute; left:0; top: 100%;  z-index: 20;  width:100%; }
.t_navs .menu .sub ul{ display: flex;  width:100%; flex-wrap: wrap; background: rgba(255, 255, 255, 0.7);  backdrop-filter: blur(20px); box-shadow:0 4px 10px rgba(0,0,0,0.1);  }
.t_navs .menu .sub ul li{ display: block; width:100%;  border-bottom: 1px solid rgba(0,0,0,0.1); }
.t_navs .menu .sub ul li:last-child{border-bottom:0; }
.t_navs .menu .sub ul a{ display:block; width:100%; text-align: center;;line-height:30px; font-size:16px;color: #000; font-weight: 400; padding:10px 20px; }
.t_navs .menu .sub ul a:hover{ background:#019EEF; color: #fff;}
.t_navs .input1{width:4.31rem; display: flex; position: relative;}
.t_navs .input1 input{width: 100%;height:48px;display: block;font-size: 14px; line-height:30px; padding:9px 52px 9px 16px; color: #000; background:#F2F9FF; border-radius: 4px; border:0; }
.t_navs .input1 input::placeholder{color:#888; opacity:1 !important;}
.t_navs .input1 .img{width:52px; height:48px; display: block;position: absolute;right: 0;top:0;cursor: pointer;background: url(img/_search1.svg) center no-repeat; background-size:20px auto !important;}
.t_navs .input1 .img:hover{background: url(img/_search2.svg) center no-repeat; }



@media  screen and (max-width:1440px){
.t_navs .logo img{ height:36px;}
.t_navs .info{ font-size:16px; line-height:28px;}
.t_navs .btn{ font-size:20px;}
.t_navs .line{  height: 44px;}
.t_navs .input1{ width:4rem;}
.t_navs .box{ height:90px;}
.t_navs .menu .nli span a{ font-size:16px; line-height: 50px;}
.t_navs .box1{  top:90px;}
}	
@media  screen and (max-width:1270px){
.t_navs .logo img{ height:30px;}
.t_navs .info{ font-size:16px; line-height:26px;}
.t_navs .btn{ font-size:20px;}
.t_navs .left{  gap: 0 16px;}
.t_navs .right{ gap:0 20px;}
.t_navs .line{  height: 40px;}
.t_navs .input1{ width:3.8rem;}
.t_navs .box{ height:80px;}
.t_navs .box1{  top:80px;}
}	
@media screen and (max-width:1024px) {
.t_navs .down{ display: none;}
.t_navs .logo img{ width: auto; height:24px;}
.t_navs .btn{ display:none;}
.t_navs .menu{ display:none;}
.t_navs .info{ display:none;}
.t_navs .line{ display:none;}
.t_navs .input1{ display:none;}
.t_navs .box{ height:50px;}
.t_navs{ position: sticky; top: 0; z-index: 150;}
.t_navs .top{ box-shadow:0 0 10px rgba(0,0,0,0.15); position: static;}
.t_navs.act .top{ display:block;}
.t_navs .box1{  top:50px;}
}



.menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.menuph .point { float:left; width: 100%;  height: 20px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 100%;}
.menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #019EEF;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background: #019EEF;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -9px;}
.menuph .navbtn::before { top: 9px;}
.menuph.active .point .navbtn{ background: transparent !important;}
.menuph.active .point .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph.active .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}


@media  screen and (max-width:1024px){
.menuph{ display:block;}
}

.xialaph{ position: fixed; left:0; top:50px; float: left; width: 100%; height:100vh; z-index:120; display:none; background:#fff; padding:0 15px 50px 15px; overflow-y: auto;border-top:1px solid rgba(0,0,0,0.1);}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a3box{width: 100%;position: relative;}
.xialaph .a1{color: #000; text-transform: uppercase; font-weight: 700;  font-size:15px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%;}
.xialaph .active .a1{ background: #019EEF;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:4px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #000;  border-right:1px solid #000;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #019EEF;  border-right:1px solid #019EEF;}
.xialaph .u2{width: 100%;padding:0 10px 10px 10px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block;}
.xialaph .u2 .a2{ width: 100%; text-transform: uppercase;display: block; font-size:14px;color: #333;line-height:24px;padding:8px 10px;}
.xialaph .active .a2{  background: #019EEF;}
.xialaph .u3{width: 100%;padding:0 10px 10px 10px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block;}
.xialaph .u3 .a3{ width: 100%;display:flex; align-items: center;  text-transform: uppercase; font-size:14px;color: #333;line-height:24px;padding:8px 10px;}
.xialaph .input{width: 100%; display: flex; position: relative; margin-top: 30px;}
.xialaph .input input{width: 100%;height:48px;display: block;font-size: 14px; line-height:30px; padding:9px 52px 9px 16px; color: #000; background:#F2F9FF; border-radius: 4px; border:0; }
.xialaph .input input::placeholder{color:#888; opacity:1 !important;}
.xialaph .input .img{width:52px; height:48px; display: block;position: absolute;right: 0;top:0;cursor: pointer;background: url(img/_search1.svg) center no-repeat; background-size:20px auto !important;}






.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative; margin-top: 160px;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .div{ width:100%; line-height: 0;}
.index-banner .pc_show1{ width:100%; object-fit: cover;}
.index-banner .box{ display: block; width:100%; position: absolute; left: 0; top:47.21%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);  }
.index-banner .box .tit1{ display: inline-flex; color: #fff; font-weight: bold; font-size:0.54rem; line-height:0.8rem;
}
.index-banner .box .cont{ display: flex; flex-direction: column; width: 100%;}
.index-banner .box .tit2{ display: block; width:39.3%; color: #000; font-size:0.24rem; line-height:0.4rem;margin-top: 0.16rem;}
.index-banner .box .p{ display: block; width:100%; color: #000; font-size:0.2rem; line-height:0.36rem;margin-top: 0.2rem;}
.index-banner .box .info{ display: flex; flex-wrap: wrap; width:100%;margin-top: 0.6rem; gap:0 0.88rem;}
.index-banner .box .div{ display: flex; flex-wrap: wrap; width:1.44rem;}
.index-banner .box .ico{ display: block; line-height: 0;}
.index-banner .box .ico img{ display: block; width:0.56rem; height:0.56rem;}
.index-banner .swiper-notification{ display: none;}

.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer; border-radius:4px; width:40px; height:40px; display:block;position: absolute;left:50%; bottom:0.4rem; z-index: 10; background: url(img/next.svg) center no-repeat #019EEF; background-size:auto 24px !important;
 transition: all .5s linear;
   -moz-transition: all .5s linear;
   -webkit-transition: all .5s linear;
   -o-transition: all .5s linear;
 }
.index-banner .swiper-prev{ margin-left:-750px; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.index-banner .swiper-next{  margin-left:-690px;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{background: url(img/next.svg) center no-repeat #F19703;}

@media screen and (min-width:700px) {
.index-banner .box .tit1{
background: -webkit-linear-gradient(-45deg, #019EEF 0%, #012A7D 100%);
  background: linear-gradient(-45deg, #019EEF 0%, #012A7D 100%);
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
}	
@media screen and (max-width:1800px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ left:100px;}	
.index-banner .swiper-prev{ margin-left:0;}
.index-banner .swiper-next{  margin-left:60px;}
}
@media screen and (max-width:1440px) {
.index-banner{ margin-top: 140px;}	
.index-banner .box .tit1{ font-size:0.46rem; line-height:0.66rem;}
.index-banner .box .tit2{ font-size:0.22rem; line-height:0.36rem;margin-top: 0.16rem;}
.index-banner .box .p{ font-size:0.18rem; line-height:0.34rem;margin-top: 0.15rem;}
.index-banner .box .info{margin-top: 0.4rem; gap:0 0.66rem;}
}
@media  screen and (max-width:1270px){
.index-banner{ margin-top: 130px;}		
}	
@media screen and (max-width:1024px) {
._mouse{ display:none;}	
.index-banner{ margin-top: 0;}	
.index-banner .box{ top: 45%;
}
.index-banner .box{ padding:0 25px;}
.index-banner .box .tit1{ font-size:20px; line-height:30px;}
.index-banner .box .tit2{ width:45%; font-size:16px; line-height:26px;margin-top:4px;}
.index-banner .box .p{ font-size:14px; line-height:24px;margin-top:4px;}
.index-banner .box .more{margin-top:20px;}
.index-banner .box .ico img{width:36px; height:36px; }
.index-banner .box .div{ width:98px;}
.index-banner .box .info{margin-top:18px; gap:0 20px; display:none;}
.index-banner .swiper-prev,
.index-banner .swiper-next{left:25px; width:30px; height:30px; bottom:25px;}
.index-banner .swiper-next{  margin-left:45px;}

}
@media screen and (max-width:700px) {
.index-banner .box{ top:50%;/* transform: translateY(0); -ms-transform: translateY(0); */}
.index-banner .box .tit1{  color: #fff; justify-content: center; text-align: center;} 
.index-banner .box .tit2{ width:100%; color: #fff;justify-content: center; text-align: center; display: none;} 
}
@media screen and (max-width:400px) {
.index-banner .box .info{ gap: 0; justify-content: space-between;}	
.index-banner .box .div{ width:31%;}
.index-banner .box{ padding:0 20px;}
}

.footer2{ width:100%; background:#019EEF; position: relative; z-index: 12;}
.footer2 .Copyright{ display:flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; font-weight: 500; color: #fff; font-size:16px; line-height:24px; padding:16px 0;font-style: Medium;}
.footer2 .Copyright p{ display:flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center;}
.footer2 .Copyright .a{ display: inline-flex; align-items: center; gap:0 4px; margin-left: 24px;}
.footer2 .Copyright a{color: #fff;}
.footer2 .Copyright a:hover{color:rgba(255,255,255,0.6) !important;}
.footer1{ width:100%; background:#3E4B52;}
.footer1 .top{ display:flex; flex-wrap: wrap; justify-content: space-between; padding:1rem 0 0.9rem 0; }
.footer1 .logo{ display:block; line-height:0;}
.footer1 .logo img{ height:40px;}
.footer1 .p1{ display:block; width:100%; font-weight: bold; color:#F19703; font-size:18px; line-height:24px; padding:0.2rem 0 0.4rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);font-style: Medium;}
.footer1 .nav{ display: flex; flex-wrap: wrap;flex-direction: column;}
.footer1 .nav .u2{ display: flex; flex-direction: column; padding-top:8px;}
.footer1 .nav .a1{ display:inline-flex;
font-weight: 500;
font-style: Medium;
font-size: 18px;
line-height: 24px;
letter-spacing: 0%;color: #fff;
}
.footer1 .nav .a1:hover{ color:#019EEF; }
.footer1 .nav .a2{ display:inline-flex;;margin-top:0.16rem;
font-style: Medium;
font-size: 16px;font-weight: 500;
line-height: 24px;
letter-spacing: 0%;color: #fff;
}
.footer1 .nav .a2:hover{ color:#019EEF; }
.footer1 .cont{ display:flex;  justify-content: space-between; width: 100%; align-items: center; margin-top:0.4rem;}
.footer1 .adrr{ display:flex; flex-wrap:wrap; width: 100%; gap:0.16rem 0; font-weight: 500;
font-style: Medium;color: #fff;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;}
.footer1 .adrr .p{ display:flex; width: 100%; position: relative; padding-left:28px;}
.footer1 .adrr img{ position: absolute; left: 0; top:2px; width:20px; height:20px;}
.footer1 .er{ display:flex; flex-wrap: wrap; width:1.2rem; min-width:1.2rem; line-height:0; margin:0 0 0 14px;}
.footer1 .left{ display:inline-flex; flex-wrap: wrap; align-content: flex-start; width:488px;}
.footer1 .right{ display:inline-flex; flex-wrap: wrap; justify-content: space-between; width:57.06%;}

@media screen and (max-width:1440px) {
.footer1 .p1{ font-size:15px; line-height:24px;}	
.footer1 .left{ width:408px;}	
.footer1 .nav .a1{font-size: 16px;line-height: 22px;}
.footer1 .nav .a2{font-size: 14px;line-height: 22px;}
.footer1 .adrr{font-size: 14px;}
.footer2 .Copyright{font-size: 14px;line-height: 24px;}
}
@media screen and (max-width:1270px) {
.footer1 .p1{ font-size:14px; line-height:22px;}		
.footer1 .right{ width:54%;}
.footer1 .left{ width:380px;}	
.footer1 .adrr .p{  padding-left:26px;}
}
@media (max-width: 1024px){
.footer1 .top{  padding:30px 0 25px 0;}	
.footer1 .left{ width:100%; justify-content: center; }
.footer1 .p1{ display:none; text-align:center; font-size:14px; line-height:22px; padding:10px 10% 20px 10%;}		
.footer1 .right1{ width:100%; display:none;}
.footer1 .logo img{ height:24px;}
.footer1 .cont{ margin-top:20px; justify-content: center;}
.footer2 .Copyright{ width:100%; text-align: center;}
.footer1 .nav{ display:none;}
.footer1 .er{  width:90px; min-width:90px; margin:0 0 0 10px;}
.footer1 .adrr{font-size: 13px;  gap:8px 0;}
}



.pf-right{display:block; z-index:111; position:fixed; right:10px; bottom:10vh; width:0.6rem;}
.pf-right .ul{ display:flex; flex-wrap:wrap; justify-content: center; width:100%;}
.pf-right .li{ position: relative; display: block; width:100%;padding:5px 0;}
.pf-right .li .a{ display:flex; flex-wrap:wrap; width:100%; justify-content: center; align-items: center; line-height: 0; width:100%; height:0.6rem; border-radius:0.6rem; background:#019EEF; border-radius: 50%;}
.pf-right .li .a:hover{background:#F19703;}
.pf-right .li .a img{ width:0.28rem; height:0.28rem;}
.pf-right .tel{ position: absolute; right:100%; top:50%; background: #fff; border-radius:8px;color:#000; white-space: nowrap;
font-size: 18px;
font-weight: 400; display: flex; flex-wrap: wrap; flex-direction: column;
line-height:48px; padding:0 24px;
box-shadow:0 0 10px rgba(0,0,0,0.2); margin:0 22px 0 0;
-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(-50%) scale(0);
	-moz-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0)
}
.pf-right .tel::after{ display: block; content: ''; position: absolute; left: 100%; top:50%; margin:-10px 0 0 -2px; border-top: 10px solid transparent; border-bottom:10px solid transparent;border-left:12px solid #fff; }
.pf-right .li:hover .tel{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
}
.pf-right .er{ position: absolute; right:100%; top:50%; background: #fff;border-radius:8px; width:100px; line-height: 0; 
display: flex; flex-wrap: wrap; flex-direction: column; padding:4px;
box-shadow:0 0 10px rgba(0,0,0,0.2); margin:0 22px 0 0;
-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(-50%) scale(0);
	-moz-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0)
}
.pf-right .er::after{ display: block; content: ''; position: absolute; left: 100%; top:50%; margin:-10px 0 0 -2px; border-top: 10px solid transparent; border-bottom:10px solid transparent;border-left:12px solid #fff; }
.pf-right .li:hover .er{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
}



@media screen and (max-width:1024px) {
.pf-right{ display:none !important;}
}

.wap_hei{ width: 100%; height:52px; display:none; }	
.pf_down{ display:none;background:#fff; position: fixed; left: 0; bottom: 0; z-index:111; width: 100%; box-shadow:0 0 13px rgba(0,0,0,0.2);padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.pf_down ul{ width: 100%; display: inline-flex; flex-wrap: wrap;}
.pf_down ul li{ width: 33.33%; text-align: center; display:flex; justify-content: center; align-items: center;}
.pf_down ul li a{ width: 100%; background:#019EEF; border-radius: 50%; width:34px; height:34px; display:flex; justify-content: center; align-items: center; }
.pf_down ul li a img{ width:20px; height: 20px;}
.pf_down ul li a:hover{background:#F19703;}
.pf_down ul li.tel a{ width:50px; height:50px; margin-top: -16px; }
.pf_down ul li.tel a img{ width:30px; height: 30px;}

@media screen and (max-width:767px) {
.pf_down{ display:block;}
.wap_hei{ display:block; }	

}

.nav-list{display:flex; flex-wrap: wrap;width: 100%; justify-content: center; position: relative; z-index: 6; margin-top: 24px;}
.nav-list .nav-items{display:inline-flex; flex-wrap: wrap; gap:0 8px;justify-content: center; }
.nav-list .nav-item{display: inline-flex;}
.nav-list .nav-item .nav-link{position: relative;display: inline-flex; align-items: center; justify-content: center; padding:0 30px 0 30px; font-size:18px; line-height:1; height:48px; border-radius:48px; color: #fff;}
.nav-list1 .nav-item .nav-link{ color: #333;}
.nav-list .nav-item:hover .nav-link {background:#F19703; color: #fff;}
.nav-list .nav-item.on .nav-link {background:#F19703; color: #fff;}


@media screen and (max-width:1440px) {
.nav-list .nav-item .nav-link{font-size:16px; height:42px; padding:0 26px 0 26px;}	
}
@media screen and (max-width:1024px) {
.nav-list{ margin-top:20px;}	
.nav-list .nav-item .nav-link{font-size:14px; height:30px;padding:0 15px 0 15px;}	
}	
@media screen and (max-width:767px) {

}	



.main5{ position: relative; width:calc(100% + 100px);  display: flex; flex-wrap: wrap; margin:0 -0.5rem; background: #fff;border-radius: 16px;}
.main5 .sect{ position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; width:100%;  display: flex; flex-wrap: wrap; padding:0.5rem 0.35rem 0 0.35rem; transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.main5 .sect.on{position: relative; z-index: 10; opacity: 1;}
.main5 .u2{ display: block; width: 100%;}
.main5 .u2 .li{ display:block; width: 33.33%; padding:0 0.25rem;}
.main5 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
 height: 100%;
}
.main5 .u2 .a .pic{ display: block; width: 100%; line-height:0; overflow: hidden;aspect-ratio: 100 / 63.9;
 border-radius: 16px;}
.main5 .u2 .a .pic img{transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
  .main5 .u2 .a:hover .pic img{transform: scale(1.06); -ms-transform: scale(1.06);}
.main5 .u2 .a .cont{ display: flex; flex-wrap: wrap; width: 100%;  }
.main5 .u2 .a .tit{ width: 100%; color: #333; margin-top: 8px;
font-weight: 700;
font-style: Bold;
font-size: 0.2rem;
line-height: 0.24rem;
letter-spacing: 0%;
text-transform: uppercase;
transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.main5 .u2 .a:hover .tit{ color:#019EEF;}
.main5 .u2 .a .p{ width: 100%; color:#333;
font-weight: 400;
font-style: Regular;
font-size: 16px;
line-height: 30px;
letter-spacing: 0%;
text-transform: uppercase;
 margin-top:0.16rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.main5 .u2 .a .time{  display: flex; align-items: center; width: 100%; color:#333;
font-weight: 400;
font-style: Regular;
font-size: calc(14px + 0.02rem);
line-height: 24px;
letter-spacing: 0%;
text-transform: uppercase;
 margin-top:0.3rem;}
.main5 .u2 .a .time img{ width:18px; height: 18px; margin-right: 8px;}
.main5 .slick-arrow{ top: 52%;  z-index: 6;cursor: pointer; border-radius:4px; width:40px; height:40px; display:block;background: url(img/next.svg) center no-repeat #019EEF; background-size:auto 24px !important;
 transition: all .5s linear;
   -moz-transition: all .5s linear;
   -webkit-transition: all .5s linear;
   -o-transition: all .5s linear;}
.main5 .slick-arrow:hover{background: url(img/next.svg) center no-repeat #F19703; }
.main5 .slick-prev{ left:-0.35rem;-webkit-transform: translate(0,-50%) rotate(180deg);
  -ms-transform: translate(0,-50%) rotate(180deg);
  transform: translate(0,-50%) rotate(180deg); }
.main5 .slick-next{ right:-0.35rem;}

@media screen and (max-width:1440px) {
.main5{width:calc(100% + 0.8rem); margin:0 -0.4rem; }

}
@media screen and (max-width:1024px) {
.main5{width:100%; margin:0; }
.main5 .sect{  padding:20px 23px 0 23px; }
.main5 .u2 .li{ width:50%; padding:0 7px;}	
.main5 .u2 .a .tit{font-size:15px; line-height:24px;} 
.main5 .u2 .a .p{ font-size:14px; line-height:24px;height:48px; margin-top:6px;} 
.main5 .u2 .a .time{ margin-top:10px;} 
.main5 .u2 .a .pic{border-radius: 8px;}
.main5 .slick-arrow{  width:30px; height:30px; }
.main5 .slick-prev{ left:-30px; }
.main5 .slick-next{ right:-30px;}
}
@media screen and (max-width:767px) {
.main5 .u2 .li{ width:50%;}

}




.case1{ display: block; width: 100%; position: relative;}
.case1 .u2 { width:100%;}
.case1 .u2 .li{ display:flex; flex-wrap: wrap; width:6.22rem;}
.case1 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start;;}
.case1 .u2 .a .pic{ display: block; width: 100%; line-height: 0; overflow: hidden;aspect-ratio: 100 / 64.3; border-radius:16px;}
.case1 .u2 .a .pic img{transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.case1 .u2 .a:hover .pic img{transform: scale(1.06); -ms-transform: scale(1.06);}
.case1 .u2 .a .cont{ width: 100%;
font-weight: 400;
font-style: Regular;
font-size: 0.2rem;
line-height: 0.24rem;
letter-spacing: 0%;
text-transform: uppercase;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:1;
 margin-top:0.3rem; }
.case1 .u2 .a:hover .tit{color:#019EEF;}

@media screen and (max-width:1440px) {
.case1 .u2 .li{ width:5.8rem;}
}
@media screen and (max-width:1024px) {
.case1 .u2 .a .pic{ border-radius: 8px;}	
.case1 .u2 .a .cont{font-size:14px; line-height:24px; margin-top:14px;} 
.case1 .u2 .li{ width:300px;}
}
@media screen and (max-width:767px) {
}


.main6 .sect{ position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; width:100%;  display: flex; flex-wrap: wrap; transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.main6 .sect.on{position: relative; z-index: 10; opacity: 1;}
.main6 .swiper-notification{ display:none;}
.main6 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.main6 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.main6 .dowm{ margin-top:0.6rem;  display: flex; align-items: center; width: 100%;}
.main6 .swiper-prev,
.main6 .swiper-next{ position:relative; z-index: 6;cursor: pointer; border-radius:4px; min-width:40px;  width:40px; height:40px; display:block;background: url(img/next.svg) center no-repeat #019EEF; background-size:auto 24px !important;
 transition: all .5s linear;
   -moz-transition: all .5s linear;
   -webkit-transition: all .5s linear;
   -o-transition: all .5s linear;}
.main6 .swiper-prev:hover,
.main6 .swiper-next:hover{background: url(img/next.svg) center no-repeat #F19703; }
.main6 .swiper-prev{ margin-right:20px;  transform: rotate(180deg); -ms-transform: rotate(180deg);}
.main6 .swiper-next{ margin-right:0.5rem;}
.main6 .swiper-scrollbar {opacity:1 !important;width:100%;border-radius: 0;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.1));
position: relative;
height: var(--swiper-pagination-progressbar-size,2px);
overflow: hidden;
}
.main6 .swiper-scrollbar-drag{background:#019EEF;
background: var(--swiper-pagination-color,#019EEF);
position: absolute;
left:0.5%;
top: 0;
width: 100%;
height:2px;
transform: scale(1);border-radius: 0;
transform-origin: left top;
}
.main6 .swiper-scrollbar-drag::after{ content:''; display: block; position: absolute; right:100%; top:0; width:2000px; height:2px; background:#019EEF;z-index:1;}


@media screen and (max-width:1024px) {
.main6 .dowm{margin-top: 20px;}
.main6 .swiper-prev,
.main6 .swiper-next{ min-width:30px; width:30px; height:30px;}
.main6 .swiper-prev{ margin-right:10px; }
.main6 .swiper-next{ margin-right:16px;}
}


._list4{ display: block; width: 100%;}
._list4 .u2{  display: grid; grid-template-columns: repeat(4, 1fr); gap:0.3rem; }
._list4 .u2 .li{ display:block; width: 100%;}
._list4 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; position: relative; height: 100%; align-content: flex-start;  justify-content: center;
 overflow: hidden;
background: linear-gradient(110.88deg, #CFE7FF 0%, #FEFFFF 57.69%, #CFE7FF 95.67%);
border-radius: 20px; text-align: center;padding:0.38rem 0.2rem;
}
._list4 .u2 .a .bg{ width: 100%; height:2.5rem; display:block; position: absolute; left: 0; top: 0; z-index: 1; }
._list4 .u2 .a .pic{position: relative; z-index: 6; width: 100%; display: block; line-height: 0;}
._list4 .u2 .a .pic img{ width:1.6rem; height:1.6rem; object-fit: contain;}
._list4 .u2 .a .tit{position: relative; z-index: 6; margin-top:0.19rem; width: 100%;
font-weight: 500;
font-style: Medium;
font-size: 0.3rem;
color:#000;
line-height:0.4rem;
}
._list4 .u2 .a .p{position: relative; z-index: 6; width: 100%; margin-top:0.19rem;
font-weight: 700;
font-style: Bold;
font-size: 0.2rem;
  color:#1C67CA;
line-height: 0.3rem;
}
._list4 .u2 .li:nth-child(4n+2) .a .p{color:#0182E5;}
._list4 .u2 .li:nth-child(4n+3) .a .p{color:#019EEF;}
._list4 .u2 .li:nth-child(4n+4) .a .p{color:#00BBE5;}
._list4 .u2 .a .p1{position: relative; z-index: 6; width: 100%; margin-top: 0.16rem;
	font-weight: 400;
	font-style: Regular;color: #555;
	font-size: 14px;
	line-height: 24px;
}
._list4 .u2 .a .ico{ position: relative; z-index: 6; margin-top: 0.22rem; display: flex; align-items: center; justify-content: center; width:0.56rem; height:0.56rem; border-radius: 50%; background: #Ffff; line-height: 0; overflow: hidden;}
._list4 .u2 .a .ico img{ width:100%; height:100%; object-fit: contain;}
._list4 .u2 .a:hover{ transform: translateY(-7px); -ms-transform: translateY(-7px); -ms-transform: translateY(-5px); box-shadow:0 0 10px rgba(0,0,0,0.2);}


@media screen and (max-width:1024px) {
._list4 .u2{grid-template-columns: repeat(2, 1fr);  gap:14px; }
._list4 .u2 .a{border-radius: 8px;padding: 22px 15px 22px 15px;}
._list4 .u2 .a .bg{ height:140px; }
 ._list4 .u2 .a .tit{ font-size:16px; line-height:24px; margin-top:12px;} 
 ._list4 .u2 .a .p{ font-size:15px; line-height:23px; margin-top: 6px; } 
 ._list4 .u2 .a .p1{ margin-top: 6px; line-height: 22px; } 
._list4 .u2 .a .ico{ width:46px; height:46px; margin-top: 15px;}
._list4 .u2 .a .pic img{ width:80px; height:80px;}
}
@media screen and (max-width:700px) {
._list4 .u2{grid-template-columns: repeat(2, 1fr); }	

}



._list3{ position: relative; overflow: hidden; border-radius: 16px;}
._list3 .bd{ position: absolute; left:0; top:0; width:100%; height:100%;
display: block; z-index: 1;
}
._list3 .bd .pic{ position: absolute; left:0; top:0; width:100%; height:100%;
display: block; z-index: 1; opacity:0;
transition: all .5s linear;
  -moz-transition: all .5s linear;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
}
._list3 .box{ display: block; width: 100%; position: relative; z-index: 6;}
._list3 .box ul{display: flex; width: 100%;}
._list3 .box li{ width: 25%; height:6.2rem; text-align: center;
display: flex;
 flex-wrap: wrap;
}
._list3 .box .a{display:flex; width: 100%; height: 100%; align-items: flex-end; justify-content:center; overflow: hidden;
}
._list3 .box .cont{ display: flex; flex-wrap: wrap; width: 100%; justify-content: center; padding:0.3rem 0.2rem; background: #019EEF;
}
._list3 .box li:nth-child(2n) .cont{ background:#1FAFF9;}
._list3 .box .ico{ display: none; width: 100%;justify-content: center;
line-height: 0;
}
._list3 .box .ico img{ width: 0.8rem;height: 0.8rem;}
._list3 .box .tit{ width: 100%;
font-weight: 700;
font-style: Bold;
font-size: 0.24rem;
leading-trim: NONE;
line-height: 0.3rem;
letter-spacing: 0%;
color:#fff;
 transition: all .5s linear;
  -moz-transition: all .5s linear;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
}
._list3 .box .tit1{ width: 100%; margin-top: 8px;
font-weight: 400;
font-size: 16px;
line-height: 24px; min-height:48px;
letter-spacing: 0%;
color:#fff;
}
._list3 .box .inof{ width: 100%;
color:#fff;
font-size:0.2rem;
font-weight: 400;
line-height:0.4rem;height:0.8rem; margin:0.24rem 0 0.4rem 0;
	overflow: hidden;
	  text-overflow: ellipsis;
	  display:none;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;
}
._list3 .box .more{border:1px solid #fff;
color:#fff;
font-weight: 400;
font-style: Regular; display: none; align-items: center; justify-content: center;
font-size: 16px; height:42px; border-radius: 42px;
 padding:0 30px; gap:0 4px;
line-height: 1.4;
letter-spacing: 0%;
text-transform: uppercase;
transition: all .5s linear;
  -moz-transition: all .5s linear;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
}
._list3 .box .more i{width:24px; height:24px; display: block; background:url(img/right_huang.svg) center no-repeat; background-size:100% 100% !important; }
._list3 .box .more:hover{  background: #019EEF;border:1px solid #019EEF;}
._list3 .box .line{ width: 40px;
height: 3px; display: none; margin-top: 0.24rem;
background: #F19703;
}
._list3 .box li.on { width:37.5%;min-width:37.5%;
background: rgba(1, 158, 239, 0.1);
backdrop-filter: blur(10px);
}
._list3 .box li.on .a{ align-items: center;}
._list3 .box li.on .inof{display: -webkit-box;}
._list3 .box li.on .more{ display: inline-flex; }
._list3 .box li.on .line{ display: inline-flex; }
._list3 .box li.on .ico{ display: flex;  }
._list3 .box li.on .tit{ font-size:0.3rem; line-height:0.36rem;margin-top: 0.2rem;}
._list3 .box li.on .tit1{ display:none;}
._list3 .box li.on .cont{ background:none; padding:0.3rem 0.6rem;  }
._list3 .bd .pic.on{ opacity:1; z-index: 6; }

@media screen and (max-width:1440px) {
._list3 .box .tit1{font-size:14px; line-height: 22px; nin-height:44px; }
._list3 .box .more{font-size:14px;}
._list3 .box li.on .cont{ background:none; padding:0.3rem 0.4rem;  }
}
@media screen and (max-width:1024px) {
._list3{ border-radius:8px;}	
._list3 .box .ico img{width:40px; height: 40px; }
._list3 .box .tit{font-size:15px; line-height: 24px; }
._list3 .box .inof{font-size:14px; line-height: 24px;height:auto; margin:12px 0 20px 0;}
._list3 .box .cont{padding:16px 12px;}
._list3 .box .line{ width: 40px;
height: 3px; margin-top:12px;
}
._list3 .box .tit1{ margin-top: 4px; min-height: initial; }
._list3 .box .tit1 br{ display:none;height:auto;}
._list3 .box .more{
font-size: 13px; height:34px;
 padding:0 16px;
}
._list3 .box .more i{width:22px; height:22px;}
._list3 .box li.on .cont{padding:20px 20px;  }
._list3 .box li.on .tit{font-size:16px; line-height: 26px; margin-top:12px; }
}
@media screen and (max-width:700px) {
._list3 .box ul{ flex-wrap: wrap;}
._list3 .box li { width:100%; height:auto;}
._list3 .box li.on { width:100%;min-width:100%;}
._list3 .box li.on .cont{padding:30px 20px 35px 20px;  }
}



._list5{display:grid; width: 100%;grid-template-columns: repeat(2, 1fr);gap:0.3rem;
}
._list5 .li{display:flex; width: 100%; flex-wrap: wrap;
}
._list5 .li .a{display:flex; width: 100%; height: 100%; gap:0 0.4rem; padding:0.4rem 0.4rem; align-items: center; justify-content:space-between;background: linear-gradient(110.88deg, #CFE7FF 0%, #FEFFFF 57.69%, #CFE7FF 100%); border-radius: 20px; overflow: hidden;
}
._list5 .li .tit{
color: #000;width: 100%;
font-weight: 500;
font-style: Medium;
font-size: 0.24rem;
leading-trim: NONE;
line-height: 0.36rem;
overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: all .5s linear;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
}
._list5 .li .cont{width: 100%;}
._list5 .li .info{width: 100%; margin-top:0.16rem;
color: #555;
font-weight: 400;
font-style: Regular;
font-size:18px;
leading-trim: NONE;
line-height: 30px;
overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

}
._list5 .li .more{ margin-top:0.3rem;border:1px solid #019EEF;
color:#019EEF;
font-weight: 400;
font-style: Regular; display: inline-flex; align-items: center; justify-content: center;
font-size: 16px; height:42px; border-radius: 42px;
 padding:0 20px; gap:0 4px;
line-height: 1.4;
letter-spacing: 0%;
text-transform: uppercase;
transition: all .5s linear;
  -moz-transition: all .5s linear;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
}
._list5 .li .more i{width:24px; height:24px; display: block; background:url(img/right_huang.svg) center no-repeat; background-size:100% 100% !important; }
._list5 .li .ico{display:block; line-height: 0; width:2.1rem; min-width:2.1rem; height:2.1rem; overflow: hidden;  border-radius: 50%;}
._list5 .li .ico img{ width: 100%; height:100%; object-fit:contain;}
._list5 .li .a:hover{ transform: translateY(-7px); -ms-transform: translateY(-7px); -ms-transform: translateY(-5px); box-shadow:0 0 10px rgba(0,0,0,0.2);}
._list5 .li .a:hover .tit{color:#019EEF;}
._list5 .li .a:hover .more{background:#019EEF;color:#fff;}


@media screen and (max-width:1440px) {
._list5 .li .info{margin-top:0.12rem;
font-size:16px;
line-height: 26px;
}
._list5 .li .more{ font-size: 14px;margin-top:0.26rem;}
}
@media screen and (max-width:1024px) {
	._list5{gap:14px;
	}
	._list5 .li .a{ gap:0 14px; padding:20px 15px;  border-radius: 10px; 
	}
	._list5 .li .ico{ width:120px; min-width:120px; height:120px;}
	._list5 .li .more{margin-top:10px;
	font-size: 13px; height:34px;
	 padding:0 16px;
	}
	._list5 .li .more i{width:22px; height:22px;}
	._list5 .li .info{margin-top:4px;
	font-size:14px;
	line-height: 24px;
	}
	._list5 .li .tit{
	font-size:16px;
	line-height: 24px;
	}
}
@media screen and (max-width:700px) {
._list5{grid-template-columns: repeat(1, 1fr);}
}



._Title{ display: block; width: 100%; text-align: center; color: #000; font-size:0.48rem; line-height:0.56rem; font-weight: bold;}
._Cont{ display: block; width: 100%; text-align: center; color:#019EEF; font-size:16px; line-height:24px; margin-bottom:8px;font-weight: bold; text-transform: uppercase;}
._line{display: block;  margin:16px auto 0 auto;
width: 60px;
height: 4px;
background: #F19703;
}

@media screen and (max-width:1024px) {
._Title{ font-size:22px; line-height:32px;}
._Cont{ margin-bottom:4px;}
._line{  margin:12px auto 0 auto;
width: 60px;
height: 4px;
}

}


.main3{
background: conic-gradient(from 180deg at 50% 50%, #CFE7FF 0deg, #FEFFFF 180deg, #CFE7FF 360deg);
}
.mainBox5{ position: relative; overflow: hidden;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mainBox5 ._Cont{ color: #fff;}
.mainBox5 ._Title{ color: #fff;}
.mainBox5 .max-width{ position: relative; z-index: 6;}
.mainBox5 .bg{ display: block;
position: absolute;
width: 100%;
height: 5.2rem;
left:0;
top: 0;
 z-index: 1;
}
.main6{ overflow: hidden;} 
@media screen and (max-width:1024px) {
.mainBox5 .bg{
height:300px;
}
}


.mt40{ margin-top:40px;}
.pt100{ padding-top: 100px;}
.pd100{ padding-bottom: 100px;}

@media screen and (max-width:1024px) {
.pt100{ padding-top: 35px;}
.pd100{ padding-bottom: 35px;}
.mt40{ margin-top:20px;}

}



.dialog{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 9999999;
}
.dialog .msgBox{
	text-align: center;
	width: 14.9rem;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #FFF;
	box-shadow: 0 0 .1rem 0 #E6E6E6;
	box-sizing: border-box;
	border-radius: .1rem;
}
.dialog .msgBox img{
	display: block;
	margin: 0 auto;
	width: 2rem;
	margin-top: 1.49rem;
	margin-bottom: 0.85rem;
}
.dialog .msgBox .h2{
	font-size: 0.85rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #000000;
	margin-bottom: 1.15rem;
}
.dialog .msgBox p{
	font-size: 0.72rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	margin-top:0.42rem;
}
.dialog .msgBox .h4{
	font-size: 0.72rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color:#019EEF;
	/* letter-spacing: 50px; */
	border-top: 1px solid #E5E5E5;
	line-height: 2.1rem;
	margin-top: 1.91rem;
}
#closeBook {
	width: .25rem;
	height: .25rem;
	background: rgba(255, 255, 255);
	border-radius: 50%;
	position: absolute;
	right: -.125rem;
	top: -.125rem;
	font-size: 0.125rem;
	text-align: center;
	line-height: .25rem;
}



/*20260519start*/
.case1 .u2 .a .cont{ color: #333;font-weight: bold; margin-top: 8px;}
.case1 .u2 .a .p{ width: 100%; color:#333;
font-weight: 400;
font-style: Regular;
font-size: 16px;
line-height: 30px;
letter-spacing: 0%;
text-transform: uppercase;
 margin-top:0.16rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.case1 .u2 .a .time{  display: flex; align-items: center; width: 100%; color:#333;
font-weight: 400;
font-style: Regular;
font-size: calc(14px + 0.02rem);
line-height: 24px;
letter-spacing: 0%;
text-transform: uppercase;
 margin-top:0.3rem;}
.case1 .u2 .a .time img{ width:18px; height: 18px; margin-right: 8px;}
@media screen and (max-width:1024px) {
.case1 .u2 .a .p{ font-size:14px; line-height:24px;height:48px; margin-top:6px;} 
.case1 .u2 .a .time{ margin-top:14px;} 
.case1 .u2 .a .cont{font-size: 15px;
    line-height: 24px; margin-top: 6px;}

}
.about .about_top .about_tleft img{ max-width: 100%;}

/*20260519end*/