@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;
}
}

html {
  scrollbar-width: thin;
  scrollbar-color: #238EBD rgba(255, 255, 255, .75);
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #238EBD;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #238EBD;border-radius:8px;
}	

.w_1600{max-width:1600px; margin-right: auto; margin-left: auto;}
.w_width{max-width:1400px; margin-right: auto; margin-left: auto;}
.w1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:1rem;padding-right:1rem;}

@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
/* .w_width{max-width:98%;} */
}


.t_navs {background-color: #ffffff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 1000;}		
.t_navs .container {width: 100%;display:flex;align-items: center;justify-content: space-between;}				
.t_navs .navbar { width:100%;}		
.t_navs .logo {display:block; line-height:0;}
.t_navs .logo-image {height:0.72rem;}	 
.t_navs .nav-menu {flex: 1; display: flex; justify-content: center; margin-left:0.25%; }        
.t_navs .nav-items {display: flex; list-style: none;}        
.t_navs .nav-item {margin: 0 0.20rem; position: relative;}
.t_navs .nav-item:first-child{ margin-left:0 !important;}
.t_navs .nav-item:last-child{ margin-right:0 !important;}
.t_navs .nav-link {  display:flex; align-items: center; position: relative; font-weight: 400; color: #444444; font-size: 0.18rem; line-height:1.4; height:0.88rem;}    
.t_navs .nav-link::after{ display: block; content: ''; position: absolute; left:50%; bottom: 0; width:0; height:2px;background: rgba(35, 142, 189, 1); transform: translateX(-50%); -ms-transform: translateX(-50%); }
.t_navs .nav-item:hover .nav-link {color: #238EBD;} 
.t_navs .nav-item.on .nav-link {color: #238EBD; font-weight: 700;}      
.t_navs .nav-item:hover .nav-link::after {width: 100%;} 
.t_navs .nav-item.on .nav-link::after {width: 100%;}     
.t_navs .sub{ display:none; position: absolute; top:100%; left:50%; z-index: 10; margin-top: -2px; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .sub .u1{ display: flex; flex-direction: column; white-space: nowrap; background:#fff; border-top:2px solid #238EBD;}
.t_navs .sub .u1 .l1{ display: block; width:100%;border-bottom:1px solid rgba(0,0,0,0.1);}
.t_navs .sub .u1 .l1:last-child{border-bottom:0;}
.t_navs .sub .u1 .l1 a{ display: block; text-align: center; width:100%; color: #444444; line-height:0.3rem; font-size:0.18rem; padding:0.1rem 0.3rem; position: relative;}
.t_navs .sub .u1 .l1:hover>a{color: #238EBD;}
 
.t_navs .nav-right {display: flex; align-items: center; gap:8px;}        
.t_navs .icon-button1 {width: 0.40rem; height: 0.40rem; background: none; border: none; font-size: 18px; cursor: pointer; padding: 8px; border-radius: 4px; transition: background-color 0.3s ease; background:url(img/sousuo.svg) rgba(35, 142, 189, 0.1) center no-repeat; background-size: 20px !important;}		
.t_navs .icon-button1:hover {background:url(img/sousuo1.svg) #238EBD center no-repeat;}		
.t_navs .icon-button2 {width: 0.40rem; height: 0.40rem; background: none; border: none; font-size: 16px; cursor: pointer; padding: 8px; border-radius: 4px; transition: background-color 0.3s ease; background:rgba(35, 142, 189, 0.1); display: flex; align-items: center; justify-content: center;}		
.t_navs .icon-button2:hover {background:#238EBD;}		
.t_navs .icon-button2 .lang{display: flex; position: relative;display: flex; align-items: center; font-size: 14px;height: 0.4rem; color: #238EBD; text-transform: uppercase; padding: 0 7px 0 0px; background: url(img/ico.svg) right center no-repeat; background-size:6px auto !important;}			
.t_navs .icon-button2:hover .lang{color: #fff; background: url(img/ico1.svg) right center no-repeat;}		
.t_navs .icon-button3 {width: 0.40rem;height: 0.40rem;background: none;border: none; cursor: pointer;border-radius: 4px;transition: background-color 0.3s ease;background:url(img/home.svg) rgba(35, 142, 189, 0.1) center no-repeat; background-size: 20px !important;}	
.t_navs .icon-button3:hover {background:url(img/home1.svg) #238EBD center no-repeat;}		
.t_navs .contact-button {background-color: #238EBD; color: white; border: none; padding: 0 0.20rem; border-radius: 0.04rem; font-size:16px; line-height:1.2; height: 0.4rem; cursor: pointer; transition: background-color 0.3s ease; display: flex; align-items: center;border-radius: 4px;}        
.t_navs .contact-button:hover {background-color: #1e79a1;}

.t_navs .ss_search{width: 100%;background: #fff;box-shadow:3px 3px 3px rgba(0,0,0,0.1);z-index: 99;position: absolute;left: 0;top:100%; display: none; border-top:1px solid rgba(0,0,0,0.1);}
.t_navs .ss_search .input{width: 100%; display: flex; overflow: hidden; border:1px solid rgba(0,0,0,0.1); border-radius: 4px; overflow: hidden; margin:40px 0;}
.t_navs .ss_search .input input{width: 100%;height:48px;display: block; border-radius:0;background:#fff; border:0; font-size: 14px; line-height:26px; padding:10px 24px; color: #444444;}
.t_navs .ss_search .input input::placeholder{color:#444444; opacity:1 !important;}
.t_navs .ss_search .input .img{display: block; cursor: pointer; min-width:60px;height: 48px;background: url(img/sousuo.svg) center no-repeat; background-size:20px auto !important;}



@media  screen and (max-width:1600px){
.t_navs .nav-menu{ margin-left:0;}	
.t_navs .nav-item{  margin: 0 0.1rem;}	
.t_navs .nav-link{ font-size: 0.16rem;}
.t_navs .contact-button{ font-size:14px;}
.t_navs .logo-image{ height:0.6rem;}	
}	
@media  screen and (max-width:1024px){
.t_navs .container{ height:50px;}	 
.t_navs .nav-menu{ display: none;} 
.t_navs .logo-image {height:32px;}	 
.t_navs .icon-button1 {width:28px;height:28px;background-size: 16px !important;}
.t_navs .icon-button2 {width:28px;height:28px;}
.t_navs .icon-button2 .lang{ line-height:28px;}
.t_navs .icon-button3{width:28px;height:28px;background-size: 16px !important;}
.t_navs .contact-button{height:28px; font-size: 13px; padding:0 8px 1px 8px; }
}





.menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center; margin-left: 7px;}
.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:#238EBD;
-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: #238EBD;
-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:15; display:none; background:#fff; padding:15px 15px 50px 15px; overflow-y: auto;}
.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 .a1{color: #444; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%;}
.xialaph .active .a1{ color: #238EBD;}
.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 #444;  border-right:1px solid #444;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #238EBD;  border-right:1px solid #238EBD;}
.xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:15px;color: #444;line-height:24px;}
.xialaph .active .a2{ color:#238EBD;}
.xialaph .u3{width: 100%;padding:10px 0 2px 15px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u3 .l3 a{ width: 100%;display: block; font-size:15px;color: #444;line-height:24px;}
.xialaph .input_box{width: 100%;margin-top:30px;position: relative; overflow: hidden; border-radius:4px; display:flex; align-items: center;
  border: 1px solid rgba(0,0,0,0.1);}
.xialaph .input_box input{width: 100%;height:40px;display: block; background: #fff; border: 0; font-size: 14px; line-height:24px; padding:8px 14px; color: #444;}
.xialaph .input_box input::placeholder{color:#444; opacity:1 !important;}
.xialaph .input_box .img{ display: block; cursor: pointer; border: 0; width:56px;height: 40px;background: url(img/sousuo.svg) center no-repeat; background-size:20px auto !important;}



.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%; display: -webkit-inline-box; line-height: 0;}
.index-banner .swiper-slide .pc_show1{ width:100%; display: block;}
.index-banner .swiper-slide .ph_show1{ width:100%;}
.index-banner .swiper-slide img{ width:100%;}
.index-banner .swiper-prev{position: absolute; z-index:10; left:0.24rem; top: 50%; width:36px; height:36px; 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.24rem; top: 50%; width:36px; height:36px; 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 .box{display:block; width: 100%; position: absolute; left:0; top:50%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.index-banner .box .cont{display:block; width: 44.8%;}
.index-banner .box .tit1{display:block; width: 100%;color:rgba(255, 255, 255, 1);font-size: 0.16rem;font-weight: 400;line-height: 0.30rem;}
.index-banner .box .tit2{display:block; width: 100%;color:rgba(255, 255, 255, 1);font-size: 0.44rem;font-weight: 700;line-height: 0.56rem;margin-top: 0.16rem;}
.index-banner .box .tit3{display:block; width: 100%;color:rgba(255, 255, 255, 1);font-size: 0.16rem;font-weight: 400;line-height: 0.30rem;margin-top: 0.16rem;}
.index-banner .box .anniu {background-color: #fff;color: #238EBD; border: none; padding:0 0.30rem; border-radius: 4px;font-size: 0.16rem;line-height: 1.2;  height: 0.4rem;  cursor: pointer; transition: background-color 0.3s ease;margin-top: 0.48rem; display:inline-flex; align-items: center;}       
.index-banner .box .anniu:hover {background-color: #238EBD;color: #fff;}
.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; border-width: 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.49); 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;}

@media  screen and (max-width:1024px){
.index-banner .swiper-slide{background:#000;}	
.index-banner .swiper-slide .pc_show1{ display: none;}
.index-banner .swiper-slide .ph_show1{ display: block; opacity:0.7;}
.index-banner .box .cont{display:block; width: 100%; padding:0 30px; text-align: center; justify-content: center;}	
.index-banner .box .tit1{font-size:13px;line-height:21px;}
.index-banner .box .tit2{font-size:20px;line-height:26px;margin-top:6px;}	
.index-banner .box .tit3{font-size:13px;line-height:19px;margin-top:6px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;}
.index-banner .box .anniu { padding:0 15px; font-size: 13px; height:28px; padding-bottom: 1px; margin-top:16px;}   
 .index-banner .swiper-pagination{ bottom:15px;  }   
.index-banner .swiper-prev{left:10px; width:28px; height:28px;}
.index-banner .swiper-next{right:10px; width:28px; height:28px;}
}




/* 页脚样式 */
.footer {background-color: #238EBD; color: #fff; width: 100%;}
.footer .footer-container {width: 100%; display: flex; justify-content: space-between; align-items: flex-start;}
.footer .footer-logo-section { display: flex; flex-direction: column; justify-content: center; }
.footer .footer-logo { margin-bottom: 0.4rem; display: block; line-height: 0;}
.footer .footer-logo img{ height:0.72rem;}
.footer .social-links {display: flex; gap: 16px; justify-content: center;}
.footer .social-link {width: 0.4rem; height: 0.4rem; background-color: rgba(255, 255, 255, 0.1); border-radius: 4px; display: flex; justify-content: center; align-items: center; color: #fff; text-decoration: none; transition: background-color 0.3s ease;}
.footer .social-link img{width: 0.2rem; height:0.2rem;}
.footer .social-link:hover {background-color: rgba(255, 255, 255, 0.3);}
.footer .footer-nav { display: flex; align-items: flex-start; justify-content: space-between; width:80.43%;}
.footer .nav-column{ display: flex; flex-direction: column;}
.footer .nav-column .h3 {font-size: 0.18rem;font-weight: 400; color: #fff; line-height: 0.3rem;}
.footer .nav-column .ul{ display: flex; flex-direction: column; padding-top: 0.08rem;}
.footer .nav-column .ul li {margin-top: 0.16rem;}
.footer .nav-column .ul a {color:#fff; text-decoration: none; font-size: 0.16rem; transition: color 0.3s ease; line-height: 0.24rem; display: block;}
.footer .nav-column .ul a:hover { color: rgba(255, 255, 255, 0.7);}
.footer .nav-column .ico{ display: none;width:50px;height:38px;position: absolute;right:0;top:0;}
.footer .nav-column .ico::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:15px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #fff;  border-right:1px solid #fff;}
.footer .nav-column.on .ico::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}

.footer .footer-bottom { text-align: center;border-top: 1px solid rgba(255, 255, 255, 0.15);width: 100%; padding-top: 16px; padding-bottom: 16px;}
.footer .banquan{width: 100%; line-height: 0.3rem;color: #fff;font-size: 0.16rem;}
.footer .banquan a{color: #fff;}
.footer .banquan a:hover {color: rgba(255, 255, 255, 0.7);}
.footer .map{display: flex;width: 100%;  justify-content: center; align-items: center;color: #fff; font-size: 0.16rem; line-height: 0.3rem;}
.footer .map a{color: #fff;}
.footer .map a:hover {color: rgba(255, 255, 255, 0.7);}
.footer .map i{display:flex; width: 1px; height: 0.16rem; background: rgba(255, 255, 255, 0.15); margin: 0 8px; }

@media  screen and (max-width:1024px){
.footer .footer-logo { margin-bottom:20px;}
.footer .footer-logo img{ height:32px;}
.footer .social-links { gap:10px;}
.footer .social-link {width:28px; height:28px;}
.footer .social-link img{width: 16px; height:16px;}
.footer .footer-nav {  width:73%;}
.footer .nav-column .h3 {font-size:16px; line-height:26px;}
.footer .nav-column .ul{ padding-top: 4px;}
.footer .nav-column .ul li {margin-top:4px;}
.footer .nav-column .ul a{ font-size:14px; line-height:24px;}
.footer .banquan{ font-size:14px; line-height:24px;}
.footer .map{ font-size:14px; line-height:24px;}
.footer .map i{height:14px;margin: 0 8px; }
}      
@media  screen and (max-width:767px){
.footer .footer-container{ flex-wrap: wrap;}
.footer .footer-logo { margin-bottom:0;}
.footer .footer-logo-section{ width:100%;flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom:10px;}
.footer .footer-nav { flex-wrap: wrap;  width:100%;}
.footer .nav-column{  width:100%; margin-top:15px; position: relative;}
.footer .nav-column .h3 { padding:6px 15px; background:rgba(255, 255, 255, 0.15); border-radius: 4px;}
.footer .nav-column .ul{ display: none; flex-direction: row; padding:11px 15px 0 15px;}
.footer .nav-column .ico{ display: block;}
.footer .banquan a{ display: block;}
}    


 /* 1 */
.neirong{ position: relative; overflow: hidden;} 
.neirong .bg{ position: absolute; left:0; top: 0;
width: 100%; z-index: 1; display: block;
height: 4.87rem;} 
.neirong .principles-container {display: block; width: calc(100% + 0.24rem); margin-left:-0.12rem;  margin-right:-0.12rem;}      
.neirong .principles-container .principle-card { width:25%; padding:0 0.12rem;  }
.neirong .principles-container .principle-a { display: flex; flex-wrap: wrap; align-content: center; text-align: center;  height:1.72rem; width:100%; background-color:rgba(255, 255, 255, 0.1); color: white; width:100%; padding:0.15rem;  border-radius: 8px; transition: transform 0.3s ease, box-shadow 0.3s ease; margin-bottom: 34px; position: relative; cursor: pointer; }
.neirong .principles-container .principle-icon { width:100%; display: block; line-height:0; margin-bottom: 0.08rem;}
.neirong .principles-container .principle-icon img{ width:0.56rem; height:0.56rem;}
.neirong .principles-container .principle-title { width:100%; font-size: 0.18rem; font-weight: 500; line-height: 0.24rem;}
.neirong .principles-container .slick-current .principle-a {border-bottom: 4px solid rgba(255, 255, 255, 1); background: rgba(0, 0, 0, 0.15);}
.neirong .principles-container .slick-current .principle-a::after {
	position: absolute; left:50%; top:100%; content: '';
z-index: 1; display: block; margin-left: -8px;
 border-left: 8px solid transparent; border-right:8px solid transparent;border-top: 10px solid #fff; 
}
.neirong .principles-container .slick-current .principle-title { font-weight: 700;}
.content-section{width: 100%; display: block;background-color: white; padding: 0.4rem 0.4rem 0.4rem 0.4rem; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);}
.content-section .biaoti{display:flex; align-items: center; margin-bottom: 0.2rem;}
.content-section .biaoti .ico{display: flex; line-height: 0; min-width: 0.36rem; height: 0.36rem; margin-right: 10px;}
.content-section .biaoti .ti {font-size: 0.22rem; font-weight: 500; line-height: 0.28rem; color: #238EBD;}
.content-section .info{ width:calc(100% + 14px); font-size: 0.16rem; color: #878786; line-height: 0.26rem;max-height: 3.9rem; margin-right: -14px; padding-right: 14px;
  overflow-y: auto;  scrollbar-width: thin;}
.content-section .content-main {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.content-section .content-text {width:52.5%;}
.content-section .content-image { width:42.4%;}
.content-section .content-image img {width: 100%;}

@media  screen and (max-width:1024px){
.neirong .bg{
height:280px;} 	
.neirong .principles-container { width: calc(100% + 12px); margin-left:-6px;  margin-right:-6px;}      
.neirong .principles-container .principle-card {padding:0 6px;  }
.neirong .principles-container .principle-a {  height:130px; padding:10px 13px;  margin-bottom:25px; }
.neirong .principles-container .principle-icon{ margin-bottom:4px;}
.neirong .principles-container .principle-icon img{ width:30px; height: 30px; }
.neirong .principles-container .principle-title { font-size:14px; line-height:20px;}
.neirong .principles-container .slick-current .principle-a {border-bottom: 2px solid rgba(255, 255, 255, 1);}
.content-section{padding:20px 18px; }
 .content-section .biaoti{ margin-bottom:10px;}
 .content-section .biaoti .ico{ min-width:26px; height: 26px; margin-right: 8px;}
 .content-section .biaoti .ti {font-size:16px; line-height: 26px; }
 .content-section .info{font-size:14px; line-height:24px;max-height:360px;} 
 .content-section .content-text {width:100%;}
 .content-section .content-image { width:100%; margin-top:20px;}
}
@media  screen and (max-width:767px){
.neirong .principles-container .principle-a{ justify-content: center;}	
.neirong .principles-container .principle-title{ width: 100%; }	
}	

/* 2 */
.neirong2{ background-size: cover; background-color: #fff;}
.neirong2 .info{font-size: 0.16rem; color: rgba(135, 135, 134, 1); line-height: 0.30rem;  }

@media  screen and (max-width:1024px){
.neirong2 .info{font-size:14px; line-height:24px;}	
}



.tit_da{display:flex; align-items: flex-start;}
.tit_da .icos {display: flex; line-height: 0; width: 0.16rem; height: 0.16rem;margin-top: 0.12rem; margin-right: 0.16rem;}
.tit_da .icos img{ width:100%;}
.tit_da .header-title {font-size: 0.29rem; line-height: 0.33rem; font-weight: 400; color:rgba(68, 68, 68, 1);}
 @media  screen and (max-width:1024px){
 .tit_da .header-title {font-size:18px; line-height:22px; }
.tit_da .icos { width:12px; height:12px; margin-right:8px;margin-top: 5px; }
 }   

/* 4 */
.neirong4 { background-size: cover; background-color: #fff;}
.neirong4 .report-grid {display: grid; grid-template-columns: repeat(3, 1fr);  gap: 0.2rem;}
.neirong4 .report-card {background: url(img/xiazai.svg) no-repeat right bottom rgba(241, 241, 241, 1); border-radius: 8px; padding:0.4rem 0.66rem; transition: all 0.3s ease; overflow: hidden;background-size:auto 100% !important; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
.neirong4 .report-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);}
.neirong4 .report-card:hover {background: url(img/xiazai1.svg) right bottom no-repeat rgba(35, 142, 189, 1);}
.neirong4 .report-date { width: 100%;font-size: 0.16rem; line-height: 0.24rem; font-weight: 400; margin-bottom: 0.08rem; text-align: center; color:rgba(135, 135, 134, 1);}
.neirong4 .report-card:hover .report-date {color:#fff;}
.neirong4 .report-title { width: 100%;font-size: 0.2rem; font-weight: 400; margin-bottom: 0.3rem; line-height: 0.3rem; text-align: center; color:rgba(68, 68, 68, 1);}
.neirong4 .report-card:hover .report-title {color:#fff;}
 /* 下载按钮样式 */
.neirong4 .report-card .download-btn {display: inline-flex; align-items: center; justify-content: center; background-color: #238EBD; border: none; border-radius: 4px; padding: 0 24px 1px 24px; font-size: 16px; line-height:1.2; height:40px; font-weight: 400; cursor: pointer; transition: all 0.3s ease;}
.neirong4 .report-card:hover .download-btn { background-color: #fff;}
.neirong4 .report-card .download-btn .zi{color: #fff;}
.neirong4 .report-card:hover .download-btn .zi{color: #238EBD;}
.neirong4 .report-card .xiazai_ico{width:20px; height:20px; background: url(img/xiazai_ico.svg) center no-repeat; background-size:100% !important; margin-right: 6px;}
.neirong4 .report-card:hover .xiazai_ico{background: url(img/xiazai_ico1.svg) center no-repeat;}

 @media  screen and (max-width:1024px){
.neirong4 { padding-top: 0 !important;}	 
.neirong4 .report-grid {gap:14px;}	 
.neirong4 .report-date { font-size: 14px; line-height:1; margin-bottom: 8px; }
.neirong4 .report-title { font-size: 16px; line-height:24px; margin-bottom:16px; }
 .neirong4 .report-card{ padding:22px 12px;}
 .neirong4 .report-card .download-btn {font-size: 13px; padding:0 18px 2px 18px; height:32px; }
 .neirong4 .report-card .xiazai_ico{width:18px; height:18px; margin-right: 6px;}
 }      
 @media  screen and (max-width:767px){
	.neirong4 .report-grid{grid-template-columns: repeat(2, 1fr); }
 }
 



.dizhi .w_width{ position: relative;}
.dizhi .locations-container { width: 100%; position: relative; z-index: 6; }
.dizhi .locations-list { width: 100%; display: block; }
.dizhi .location-item {display: flex; flex-direction: column; cursor: pointer; height: 1.2rem; padding:0.29rem 0.1rem 0 0.1rem; position: relative;}
.dizhi .location-item:hover::after{ display: block; content: ''; position: absolute; left:0; bottom: 0; z-index: 1; width: 100%;border-bottom: 4px solid rgba(255, 255, 255, 0.6);}
.dizhi .location-item:hover::before {content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid white; margin-top:9px;}
.dizhi .location-item:hover { background-color: #238EBD;}
.dizhi .location-item .add1{ min-width: 0.3rem; height: 0.3rem;background: url(img/add1.svg) center no-repeat; margin-bottom: 8px; background-size:auto 100% !important;}
.dizhi .location-item:hover .add1{background: url(img/add11.svg) center no-repeat;}
.dizhi .location-text{font-size: 0.14rem; color: #444444; text-align: center; font-weight: 400; line-height: 0.24rem; }
.dizhi .location-item:hover .location-text{color: #fff;}

/* 下拉详情框 */
.dizhi .tel{min-width: 20px; height: 20px; margin-right: 8px;}
.dizhi .add{min-width: 20px; height: 30px; margin-right: 8px;}
.dizhi .location-dropdown {position: absolute; top: 100%; left: 50%; width: 262px; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); padding: 16px; margin-top:16px; z-index: 120;-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:50% 5%;
	-moz-transform-origin:50% 5%;
	-ms-transform-origin:50% 5%;
	-o-transform-origin:50% 5%;
	transform-origin:50% 5%;
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	-o-transform: translateX(-50%) scale(0);
	transform: translateX(-50%) scale(0);}
.dizhi .location-item:hover .location-dropdown{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);}	
 /* 下拉框箭头 */
 /* 悬停时显示下拉框 */
.dizhi .location-item:hover .location-dropdown {opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);}
 /* 下拉框内容样式 */
.dizhi .dropdown-content {font-size: 0.16rem; color: #878786; line-height: 0.26rem;}
/* 下拉框中的信息项 */
.dizhi .dropdown-info {display: flex; align-items: flex-start; margin-bottom: 4px; align-items: center;}
.dizhi .dropdown-info1 {display: flex; align-items: flex-start; margin-bottom: 4px;}
.dizhi .dropdown-info span {flex: 1; word-break: break-word;}
.dizhi .dropdown-info:last-child {margin-bottom: 0;}
.dizhi .slick-list{ overflow: visible;}
.dizhi .locations-list::after,
.dizhi .locations-list::before{ content:''; position: absolute; top: 0; z-index: 1; width: 3000px; height: 100%;  background: #F1F1F1; display: block;}
.dizhi .locations-list::after{ right: 100%;}
.dizhi .locations-list::before{ left: 100%;}
.foot-box{overflow: hidden;}

@media  screen and (max-width:1440px){
.dizhi .location-item{  padding: 0.29rem 0.14rem 0 0.14rem;}	
.dizhi .location-text{  font-size: 0.14rem;}
}	 
 @media  screen and (max-width:1024px){
 .dizhi{ padding:0 48px;}	 
 .dizhi .slick-prev{ left: -40px;}
 .dizhi .slick-next{ right: -40px;}
 .dizhi .location-item{ height: 80px; padding:15px 12px 0 12px; } 	 
 .dizhi .location-item .add1{min-width:20px; height:20px; margin-bottom:3px;}
 .dizhi .location-text{font-size:13px; line-height: 21px; }
 .dizhi .location-dropdown{ width:220px;  padding:16px 12px;}
 .dizhi .dropdown-content {font-size:13px; line-height:21px;}
 .dizhi .add{ margin-right: 4px;}
 }      
 @media  screen and (max-width:767px){

 
 }
	
	
	
.main5{ overflow: hidden;}
.main5 .w_width{ overflow: hidden;}
.main5 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.main5 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.main5 .box{ width:100%;  position: relative; overflow: hidden; width:calc(100% + 7.42rem); margin-left:-3.71rem; margin-right:-3.71rem;}
.main5 .u2{ width:100%; padding:1px 0; }
.main5 .u2 .li{ width:33.33%; display:flex; padding:0 0.16rem;}
.main5 .u2 .a{ display:flex;position: relative; justify-content: space-between; overflow: hidden; height: 100%;width:100%;border-radius: 8px; padding:0.4rem 0.4rem;
}
.main5 .u2 .a .bg{ display: block; width:47.8%; height: 100%; position: absolute; left:0; top: 0; z-index: 6; 
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 8px;
backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.4);}
.main5 .u2 .a .time{ width: 100%;color:rgba(68, 68, 68, 1);
font-size:0.16rem;
font-weight: 500;
line-height:0.24rem;
}
.main5 .u2 .a .tit{ width: 100%;color:rgba(68, 68, 68, 1);
font-size:0.2rem;
font-weight: 500;
line-height:0.36rem;height:0.72rem;
margin-top: 0.08rem; }
.main5 .u2 .a .info{ color:rgba(135, 135, 134, 1);
font-size: 0.16rem;
font-weight: 400;
line-height: 0.3rem;height:1.2rem;
margin-top:0.24rem;}
.main5 .u2 .a .btn{border-radius: 4px; display: inline-flex; margin-top:0.3rem; align-items: center;
background:rgba(35, 142, 189, 1);}
.main5 .u2 .a .btn .ico{ width:0.36rem; height:0.36rem; display: flex; align-items: center; justify-content: center;}
.main5 .u2 .a .btn .ico img{ width:0.2rem; height:0.2rem;}
.main5 .u2 .a .btn .det{ color: #fff; font-size:0.16rem; height:0.36rem; display: none; align-items: center;}
.main5 .u2 .a ._img{ padding-bottom:124.13%;}
.main5 .u2 .a .pic{ width:47.6%;}
.main5 .u2 .a .cont{  width: 41.5%; display: flex; flex-wrap: wrap; align-content: space-between;}
.main5 .u2 .a:hover .tit{ color:rgba(35, 142, 189, 1); }
.main5 .u2 .a:hover .time{ color:rgba(35, 142, 189, 1); }
.main5 .u2 .a:hover .btn{ padding:0 0.24rem; display: flex;}
.main5 .u2 .a:hover .ico{display: none;}
.main5 .u2 .a:hover .det{display: flex;}

.main5 .u2 .swiper-slide-prev .a .bg{left:auto; right:0;}
.main5 .u2 .swiper-slide-next .a{ flex-direction: row-reverse;}
.main5 .u2 .swiper-slide-active .a{ align-items: center;}
.main5 .u2 .swiper-slide-active .a .bg{width:100%;background: linear-gradient(-45.00deg, rgba(236, 249, 255, 1),rgba(255, 255, 255, 1) 50%,rgba(236, 249, 255, 1) 100%);border: 2px solid rgba(35, 142, 189, 1); }
.main5 .u2 .swiper-slide-active .a .cont{ width: 46.5%;padding:0 0.12rem;}



.main5 .dowm{width: 100%; display: flex; align-items: center; width: 100%; overflow: hidden;}
.main5 .swiper-prev,
.main5 .swiper-next{ cursor: pointer;
min-width: 36px;
height: 36px; border-radius: 50%;
background:url(img/prev.svg) center no-repeat; background-size:100% auto !important;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.main5 .swiper-prev:hover,
.main5 .swiper-next:hover{ background:url(img/prev1.svg) center no-repeat;}
.main5 .swiper-prev{ margin-left: 18px;}
.main5 .swiper-next{ margin-left: 10px; transform: rotate(180deg); -ms-transform: rotate(180deg); }
.main5 .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,1px);

}
.main5 .swiper-scrollbar-drag{background:rgba(0,0,0,0.1);
background: var(--swiper-pagination-color, #238EBD);
position: absolute;
left:17.5%;
top: -1px;
width: 100%;
height:3px;
transform: scale(1);border-radius: 0;
transform-origin: left center;
}
.main5 .swiper-scrollbar-drag::after{ content:''; display: block; position: absolute; right:100%; top:0; width:2000px; height:3px; background:#238EBD;z-index:1;}
.main5 .swiper-scrollbar-drag::before{ content:''; display: block; position: absolute; right:0; top:-9px; width:20px; height:20px; background:url(img/dian.svg);z-index:2; background-size:100% !important;}



@media screen and (max-width:1580px) {
.main5 .box{ width:calc(100% + 6.7rem); margin-left:-3.35rem; margin-right:-3.35rem;}	
.main5 .u2 .a{ padding:0.34rem 0.34rem;
}
.main5 .u2 .swiper-slide-active .a .cont{ padding:0;}
}

@media screen and (max-width:1024px) {
.main5 .box{width: calc(100% + 14px);
margin-left: -7px;
margin-right: -7px;}	
.main5 .u2 .li{ padding:0 7px;}
.main5 .u2 .a{ padding:14px 14px;
}
.main5 .u2 .a .time{ font-size:14px; line-height:22px;}
.main5 .u2 .a .tit{ font-size:16px; line-height:24px; height:48px; margin-top:4px;}
.main5 .u2 .a .info{ font-size:14px; line-height:22px; height:88px; margin-top:4px;}
.main5 .u2 .a .cont{  width: 48%;}
.main5 .u2 .a .btn{ margin-top:12px;}
.main5 .u2 .a .btn .ico{ width:26px; height:26px;}
.main5 .u2 .a .btn .ico img{ width:16px; height:16px;}
.main5 .u2 .a .btn .det{font-size:13px; height:26px;}
.main5 .u2 .a:hover .btn{ padding:0 14px;}
.main5 .u2 .swiper-slide-active .a .cont{  width: 48%;}
.main5 .swiper-scrollbar-drag{ left:0.5%;}
.main5 .swiper-prev,
.main5 .swiper-next{ 
min-width: 30px;
height: 30px; }
.main5 .swiper-scrollbar-drag::before { width:16px; height:16px; top:-7px;}
}




.main6{background: linear-gradient(180.00deg, rgba(35, 142, 189, 1) 26%,rgba(35, 142, 189, 0) 100%); position: relative; overflow: hidden;}
.main6 .pic1{ display: block; line-height: 0; z-index: 1; position: absolute; width:2.76rem; left:0.38rem; top:1.88rem;}
.main6 .pic2{ display: block; line-height: 0; z-index: 1; position: absolute; width: 6.1rem; right:-0.93rem; bottom:-0.27rem;}
.main6 .list{ display: block; width: 100%;}
.main6 .list{ display: block; width: 100%;}
.main6 .list .ul{ display: block; width: 100%;}
.main6 .list .li{ display: block; width: 100%;}
.main6 .list .a{ display: flex; align-items: flex-start; justify-content: space-between; width: 100%;box-sizing: border-box;
border: rgba(255, 255, 255, 1);padding: 20px 0;border: 1px solid var(--fff, rgba(255, 255, 255, 1));
border-radius: 8px;
backdrop-filter: blur(40px);
background: rgba(255, 255, 255, 0.68);}
.main6 .list .cont{ display: block; width: 50.28%; padding:0 0.7rem;}
.main6 .list .pic{ display: block; width: 49.72%; padding:0 20px 0 0;}
.main6 .list ._img{ padding-bottom:60.94%; border-radius: 8px;}
.main6 .list .top{width: 100%; align-items: center; display: flex; margin-top: 0.48rem;}
.main6 .list .zt{ display: inline-flex; align-items: center; white-space: nowrap;color:rgba(255, 255, 255, 1); border-radius: 4px; margin-right: 8px;
background:rgba(35, 142, 189, 1); padding:0 12px 2px 12px;
font-size: 0.16rem;
font-weight: 500;
line-height:1;height: 0.3rem;
letter-spacing: 0px;
text-align: justify;}
.main6 .list .tit{width: 100%;color: rgba(68, 68, 68, 1);
font-size: 0.24rem;
font-weight: 500;
line-height: 0.36rem;
letter-spacing: 0px;
/* text-align: justify; */}
.main6 .list .info{width: 100%; margin-top: 0.3rem;color:rgba(135, 135, 134, 1);
font-size: 0.16rem;
font-weight: 400;
line-height: 0.3rem;
letter-spacing: 0px;
/* text-align: justify; */}
.main6 .list .slick-arrow{ top: auto; bottom: 0.71rem; margin-top: 0;width: 36px;
height: 36px;  background: url(img/prev.svg) center no-repeat;}
.main6 .list .slick-prev{ left: 0.7rem;}
.main6 .list .slick-next{ right: auto; left: 0.7rem; margin-left: 46px;}


@media screen and (max-width:1440px) {
.main6 .list .top{ margin-top: 0.4rem;}	
.main6 .list .info{margin-top: 0.22rem;}
.main6 .list .slick-arrow{bottom: 0.6rem;}
}
@media screen and (max-width:1024px) {
.main6 .list .zt{ font-size:14px; height:26px; margin-right:6px; padding: 0 8px 2px 8px;}
.main6 .list .tit{ font-size:16px; line-height:26px;}
.main6 .list .info{ font-size:14px; line-height:22px; margin-top:8px;}
.main6 .list .cont{ padding:0 15px;}
.main6 .list .pic{ padding:0 15px 0 0;}
.main6 .list .a{padding: 15px 0;}
.main6 .list .top{ margin-top:10px;}	
.main6 .list .slick-arrow{bottom:25px;width: 30px;
height: 30px; }
.main6 .list .slick-prev{ left: 15px;}
.main6 .list .slick-next{ right: auto; left:15px; margin-left:40px;}
}

@media screen and (max-width:767px) {
.main6 .list .a{ flex-wrap: wrap; }	
.main6 .list .cont{width: 100%;}
.main6 .list .pic{width: 100%; padding:20px 14px 0 14px;}
.main6 .list .slick-arrow{bottom:28%; }
.main6 .list .slick-prev{ left:25px;}
.main6 .list .slick-next{ left: auto; right:25px; margin-left:0;}

}






.main10 .box{ display: block; width: 100%;}
.main10 .u2{width:calc(50vw + 700px + 0.3rem);
display: flex;
}
.main10 .u2 .li{ display:block; width:24.3%; padding-right: 0.3rem; }
.main10 .u2 .a{ display:flex; flex-wrap: wrap; width: 100%; position: relative; overflow: hidden; border-radius: 10px; }
.main10 .u2 .a .tit{ width: 100%;color: #fff;font-size:0.24rem; line-height:0.32rem; font-weight: bold;}
.main10 .u2 .a .p{ display:none; width: 100%; color: #fff;font-size:0.16rem; line-height: 0.24rem; margin-top: 0.16rem;}
.main10 .u2 .a .ico{ display:block; width: 100%;line-height:0;}
.main10 .u2 .a .ico img{
width: 0.8rem;
height: 0.8rem;}
.main10 .u2 .a ._img{ padding-bottom:5.44rem;}
.main10 .u2 .a .cont{width: 100%; height: 100%; position:absolute; left:0; bottom:0; z-index: 6;padding:0.49rem 0.4rem; align-content: space-between; display:flex; flex-wrap: wrap;border-radius: 8px;
background: linear-gradient(180.00deg, rgba(12, 49, 142, 0.76),rgba(12, 49, 142, 0) 47%);
}
.main10 .u2 .li.on{ width: 51.4%; 
transition: all 0s linear;
  -moz-transition: all 0s linear;
  -webkit-transition: all 0s linear;
  -o-transition: all 0s linear;
}
.main10 .u2 .li.on .cont{ background: linear-gradient(0.00deg, rgba(0, 29, 42, 1),rgba(0, 29, 42, 0) 59%);padding:0.49rem 0.5rem;}
.main10 .u2 .li.on .a .p{ display: -webkit-box; }


@media screen and (max-width:1600px) {
.main10 .u2{width:calc(100% + 1.3rem);}
.main10 .u2 .a .cont{padding:0.49rem 0.3rem;
}
.main10 .u2 .li.on .cont{padding:0.49rem 0.4rem;}
}
@media screen and (max-width:1024px) {
.main10 .u2 .a .ico{min-width:24px; height:24px;line-height:24px;margin-top:10px;}
.main10 .u2 .a .tit{ font-size:16px; line-height:24px;}
.main10 .u2 .a .ico img{ width:50px; height:50px;}
.main10 .u2 .a .p{ font-size:14px; line-height:20px; margin-top: 8px;}
.main10 .u2 .a .cont{padding:20px 15px 25px 15px;}
.main10 .u2{flex-wrap: wrap;width: 100%;}	
.main10 .u2 .a ._img{ padding-bottom:64.76%;}
.main10 .u2 .li{ width: 100%; margin:8px 0;}
.main10 .u2 .li.on{ width: 100%;}
.main10 .u2 .li.on .cont{padding:20px 15px 25px 15px;}
.main10 .u2 .li.on .a ._img{ padding-bottom:108.76%;}
}




.inbaner{ position: relative; line-height:0; overflow: hidden;}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.inbanerbox0{display: block; position: absolute; left: 0; bottom:0; width: 100%; z-index: 6; background: rgba(0, 0, 0, 0.4);}
.banbox{ width:100%; position: absolute; left:0; top:50%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.mbxbox{ display: flex;  align-items: center; justify-content:space-between;}
.mbx{ display: block;color:rgba(255,255,255,0.7); text-align: center;font-size:calc(14px + 0.02rem); line-height:28px;  padding:0.14rem 0;}
.mbx a{ color:rgba(255,255,255,0.7);}
.mbx span{  color:#fff;text-decoration: underline;}
.mbx i{ padding:0 5px;}
.mbx a:hover{ text-decoration: underline;}

@media screen and (max-width:1600px) {
.mbx{ line-height:26px;  }
}
@media screen and (max-width:1024px) {
.mbx{ display:none;}
.banbox{ margin-top: -20px;flex-wrap: wrap;}
.banbox .tit36{ text-align: center;}
.inbanerbox0{ padding:0;}
}


.slide1{ display:inline-flex; width: 60%; overflow: hidden;}
.slide1 .ul{ display:inline-flex;}
.slide1 .li{ display: flex; }
.slide1 .li a{ display: flex; align-items:center; justify-content: center;color: #fff;font-size:calc(14px + 0.04rem); line-height:26px;  padding:0.15rem 0.22rem;/* white-space: nowrap; */ }
.slide1 .li:hover a{background: rgba(35, 142, 189, 1);}
.slide1 .li.on a{ background: rgba(35, 142, 189, 1);}

.slide1 .ul{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.slide1 .li {flex-shrink: 0; position: relative; transition-property: transform; display: -webkit-inline-box; line-height: 0;}


@media screen and (max-width:1600px) {
.slide1 .li a{font-size:calc(14px + 0.01rem);  padding:0.14rem 0.16rem; }
}
@media screen and (max-width:1024px) {
.slide1{ width: 100%; justify-content:flex-start; overflow-x: auto; white-space: nowrap; padding:0 0 0 15px;}	
.slide1 .li a{ padding:5px 12px; font-size:14px; line-height:24px; }

.slide1-1{ justify-content: flex-start; white-space: nowrap; overflow-x: auto;}

}



.cw_box{ position: relative; overflow: hidden; width: 100%;}
.cw_box .pic1{ display: block; line-height: 0; z-index: 1; position: absolute; width:3.97rem; left:-1.98rem; top:3.03rem;}
.cw_box .pic2{ display: block; line-height: 0; z-index: 1; position: absolute; width:2.27rem; right:-0.78rem; top:0.96rem;}


.xxaq_box{ position: relative; overflow: hidden; width: 100%;}
.xxaq_box .pic1{ display: block; line-height: 0; z-index: 1; position: absolute; width:3.97rem; left:-1.98rem; top:4.43rem;}
.xxaq_box .pic2{ display: block; line-height: 0; z-index: 1; position: absolute; width:2.27rem; right:-0.78rem; top:0.84rem;}


._form3{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between;border-radius: 8px;
background:rgba(241, 241, 241, 1);
padding:0.51rem 0.53rem 0.64rem 0.53rem;
}
._form3 .lab{ width:32.3%; position:relative; display: flex; margin-top: 20px;}
._form3 .w100{ width:100%;}
._form3 .title{ width:100%; display:block;color:rgba(68, 68, 68, 1);
font-size: 24px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0px;
text-align: center;}
._form3 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:1px solid #fff; background:#fff; font-size:calc(14px + 0.02rem);color:rgba(68, 68, 68, 1); line-height:30px; height:48px; padding:9px 24px; border-radius: 0;}
._form3 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border:1px solid #fff; background:#fff; font-size:calc(14px + 0.02rem);color:rgba(68, 68, 68, 1); line-height:30px; height:140px; padding:9px 24px;border-radius: 0;}
._form3 .yanzhengma{background:#fff;  min-width:137px; height:48px; object-fit: contain; z-index:6;}
._form3 .submit{ display: flex; justify-content:center; align-items: center; width:3.4rem;font-size:calc(14px + 0.02rem); color: #fff; height:48px; padding-bottom: 1px; font-weight: 400;border-radius: 4px; margin-top: 20px;
background: rgba(38, 144, 188, 1);}
._form3 .submit:hover{ background: rgba(109, 173, 201, 1);}
._form3 .yz{ width:100%; display: flex; justify-content: space-between;}
._form3 .info{ width:100%; display: block;
font-size: 14px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0px;
text-align: left;}
._form3 .checkbox{margin-top: 0 !important;}
._form3 .checkbox .info{ display: flex; align-items:flex-start; }
._form3 .checkbox .check{ cursor: pointer; position:relative; min-width:16px; height:16px; display:flex; margin:7px 8px 0 0;background: #fff;border: 1px solid rgba(38, 144, 188, 1);}
._form3 .checkbox .check.checked{background:url(img/checked.svg) rgba(38, 144, 188, 1) center no-repeat; background-size: 100% 100%; }
._form3 .ico{ cursor: pointer; z-index: 8; float:left; position:absolute; top:50%; right:24px; width:20px; height:20px; content:''; background: url(img/xia.svg); background-size: 100% 100% !important; margin-top: -10px; }
._down{ display:none; float:left; width:100%; position:absolute; left:0; top:100%; z-index:10; background:#fff; padding:12px 0; box-shadow:0 0 7px rgba(2,97,208,0.07); overflow:hidden; overflow-y:auto; scrollbar-width:thin; max-height:234px;border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;}
._down::-webkit-scrollbar {width:3px}
._down::-webkit-scrollbar-track{background:rgba(105,172,70,0.14);border-radius:3px}
._down::-webkit-scrollbar-thumb { width:3px; height:60px; background:rgba(35, 142, 189, 1); border-radius:3px}
._down .li{ float:left; width:100%; color:#888; font-size:16px;line-height:30px; cursor:pointer; padding:0 16px;}
._down .li:hover{ color:rgba(35, 142, 189, 1);}


._form3 input::placeholder{color:rgba(135, 135, 134, 1); opacity:1 !important;}
._form3 textarea::placeholder{color:rgba(135, 135, 134, 1); opacity:1 !important;}

@media screen and (max-width:1024px) {
._form3{border-radius:8px; padding:20px 15px 30px 15px;}
._form3 .lab{ margin-top:15px;}
._form3 .title{  font-size:18px; line-height:28px;}
._form3 .text{ font-size:14px; line-height:28px; height:40px; padding:5px 12px;}
._form3 .textarea{ font-size:14px; line-height:28px; padding:5px 12px;}
._form3 .ico{ right:12px; }
._form3 .submit{ width:140px; height:40px; margin-top:10px;}
._form3 .yanzhengma{ min-width:114px; height:40px;}
._form3 .info{ line-height: 24px;text-align: justify;}
}
@media screen and (max-width:767px) {
._form3 .lab{width:100%;}
}


._table0{ display:block; width:100%;}
._table0 table{ width:100%;color:rgba(135, 135, 134, 1);text-align:center; font-size:0.16rem; line-height:0.3rem;}
._table0 table th{color: #fff;  border-left:1px solid #fff; border-right:1px solid #fff; background:#878786; font-weight: 700; padding:9px 7px; white-space: nowrap;}
._table0 table th:first-child{  border-left:0;}
._table0 table th:last-child{  border-right:0;}
._table0 table td{ padding:9px 7px; border:1px solid rgba(0,0,0,0.1);}
._table0 table tr{ background:#fff;}
._table0 table tr:nth-child(2n+1){ background:#EDF5F8;}

._table0.lr24 table th{padding:9px 0.22rem;} 
._table0.lr24 table td{padding:0.24rem 0.22rem;} 

@media  screen and (max-width: 1024px){
._table0 table{font-size:14px; line-height:22px; }
._table0 table th{ padding:8px 7px;}
._table0 table td{ padding:8px 7px;}

._table0.lr24 table th{padding:8px 12px;} 
._table0.lr24 table td{padding:10px 12px;} 

}
@media  screen and (max-width:700px){
._table0-3{ overflow-x: auto;}
._table0-3 table{ width:700px;}		

}	

._table1{ display:block; width:100%;}
._table1 table{ width:100%;color:rgba(135, 135, 134, 1);text-align:center; font-size:0.16rem; line-height:0.3rem;}
._table1 table th{color: #fff;  border:1px solid #fff; border-top:0; background:#238EBD; font-weight: 700; padding:9px 7px; white-space: nowrap;}
._table1 table th:first-child{  border-left:0;}
._table1 table th:last-child{  border-right:0;}
._table1 table td{ padding:9px 7px; border:1px solid rgba(0,0,0,0.1);  word-break: break-word !important;}
._table1 table tr{ background:#fff;}
._table1 table tr:nth-child(2n+1){ background:rgba(241, 241, 241, 1);}
.cw_zixun .ph{ display:none;}
.cw_zixun ._table1 table td:last-child{ white-space: nowrap;}

@media  screen and (max-width: 1024px){
._table1 table{font-size:14px; line-height:22px; }
._table1 table th{ padding:8px 7px;}
._table1 table td{ padding:8px 7px;}
._table1-1{ overflow-x: auto;}
._table1-1 table{ width:1200px;}
.cw_zixun .pc{ display:none;}
.cw_zixun .ph{ display:block;}
}
@media  screen and (max-width:700px){
._table1-3{ overflow-x: auto;}
._table1-3 table{ width:700px;}		
.cw_nina ._table1 table th:first-child{ width:22% !important; max-width:22% !important; min-width:22% !important;}
.cw_nina ._table1 table td:first-child{ width:22% !important; max-width:22% !important; min-width:22% !important;}
}	

._table2{ display:block; width:100%;}
._table2 table{ width:100%;color:rgba(135, 135, 134, 1);text-align:center; font-size:0.16rem; line-height:0.3rem;}
._table2 table th{color: #fff; border:1px solid #fff; border-top:0;  background:#238EBD; font-weight: 700; padding:9px 7px; white-space: nowrap;}
._table2 table th:first-child{  border-left:0;}
._table2 table th:last-child{  border-right:0;}
._table2 table td{ padding:9px 7px; border:1px solid rgba(0,0,0,0.1);}
._table2 table tr{ background:#fff;}
._table2 table tr:nth-child(2n){ background:rgba(241, 241, 241, 1);}
._table2 table a{ color:#238EBD; margin:0 0.06rem;}
._table2 table .btn{border-radius: 100px; line-height:28px; display: inline-flex; align-items: center; text-align: center;
background:rgba(35, 142, 189, 1);color: rgba(255, 255, 255, 1);padding: 0px 18px 2px 18px; margin-top: 8px;}

._table2.lr24 table th{padding:9px 0.22rem;} 
._table2.lr24 table td{padding:0.24rem 0.22rem;} 
._table2._lr24 table th{padding:0.17rem 0.22rem;} 
._table2._lr24 table td{padding:0.17rem 0.22rem;} 

@media  screen and (max-width: 1440px){
._table2 table a{ margin:0 0.05rem;}
}
@media  screen and (max-width: 1024px){
._table2 table{font-size:14px; line-height:22px; }
._table2 table th{ padding:8px 7px;}
._table2 table td{ padding:8px 7px;}
._table2 table a{ margin:0 7px;}
._table2 table .btn{ font-size: 13px; line-height:22px;padding: 0px 14px 2px 14px; margin-top:4px;}

._table2.lr24 table th{padding:8px 12px;} 
._table2.lr24 table td{padding:10px 12px;} 
._table2._lr24 table th{padding:10px 12px;} 
._table2._lr24 table td{padding:10px 12px;} 

._table2-1{ overflow-x: auto;}
._table2-1 table{ width:1024px;}
}
@media  screen and (max-width:767px){
._table2-4{ overflow-x: auto;}
._table2-4 table{ width:780px;}	
._table2-5{ overflow-x: auto;}
._table2-5 table{ width:680px;}	
}	
@media  screen and (max-width:500px){
._table2-2{ overflow-x: auto;}
._table2-2 table{ width:500px;}		
._table2-3{ overflow-x: auto;}
._table2-3 table{ width:500px;}	
}	

._table3{ display:block; width:100%;}
._table3 table{ width:100%;color:rgba(135, 135, 134, 1);text-align:center; font-size:0.16rem; line-height:0.3rem;}
._table3 table th{color: #fff;  border:1px solid #fff; border-top:0; background:#238EBD; font-weight: 700; padding:9px 7px; white-space: nowrap;}
._table3 table th:first-child{  border-left:0;}
._table3 table th:last-child{  border-right:0;}
._table3 table td{ padding:9px 7px; border:1px solid rgba(0,0,0,0.1);}
._table3 table tr{ background:#fff;}


@media  screen and (max-width: 1024px){
._table3 table{font-size:14px; line-height:22px; }
._table3 table th{ padding:8px 7px;}
._table3 table td{ padding:8px 7px;}
._table3-1{ overflow-x: auto;}
._table3-1 table{ width:1024px;}		

}	


.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:30px; height:30px; font-size: 16px; line-height: 28px; color:#444444;
; padding:0 6px;  margin:0 5px; border:1px solid rgba(0, 0, 0, 0.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:#238EBD; border:1px solid #238EBD; color: #fff;}
.page_section .pcpage .btn{ margin:0 25px; background: url(img/Page2.svg) center no-repeat #fff; background-size:auto 24px !important; }
.page_section .pcpage .btn.on,
.page_section .pcpage .btn:hover{ background: url(img/Page1.svg) center no-repeat #238EBD; }
.page_section .pcpage .prev{ margin-left:0; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.page_section .pcpage .next{margin-right:25px;}
.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: 30px;height: 30px;display: flex; background: url(img/Page2.svg) center no-repeat #fff; background-size:auto 24px !important;border:1px solid rgba(229, 229, 229, 1);}
.page_section .phpage a:hover{ background: url(img/Page1.svg) center no-repeat #238EBD;}
.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);}
}


.downlist {display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.3rem 0.32rem;

}

.downlist .download-grid {
width: 100%;

}

.downlist .download-item {border-radius: 4px;width: 100%;
background:rgba(241, 241, 241, 1); padding: 0.32rem;
transition: all 0.3s ease;display: flex; align-items: center; justify-content: space-between;
}
.downlist .download-cotn{width: 100%;}
.downlist .download-title {width: 100%;
color: rgba(68, 68, 68, 1);
font-size: calc(14px + 0.04rem);
font-weight: 400;
line-height: calc(22px + 0.08rem);
letter-spacing: 0px;
text-align: left;
}

.downlist .download-description { display: block;width: 100%; padding-left: 20px; background: url(img/time.svg) left center no-repeat; background-clip: 16px 16px !important;
color:rgba(135, 135, 134, 1);
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
text-align: left; margin-top: 8px;
}

.downlist .download-button {
white-space: nowrap;
color: #238EBD;
border: 1px solid #238EBD;margin-left: 0.23rem;
padding: 0 0.23rem;
border-radius: 2px;
font-size: calc(14px + 0.02rem); line-height: 1; height: 32px;
font-weight: 500;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
display: inline-flex;
align-items: center; 
flex-direction: row-reverse;

}

.downlist .download-item:hover .download-title{
color:#238EBD;
}

.downlist .download-item:hover .download-button {
background-color:#238EBD; 
color: #ffffff;
}


@media (max-width: 1024px) {
.downlist{gap:15px 15px;}
.downlist .download-item{ padding: 14px;}
.downlist .download-button{padding: 0 14px; height:26px; font-size: 13px; margin-left: 14px;}
.downlist .download-description{ margin-top: 2px;}
}
@media (max-width: 767px) {
.downlist {grid-template-columns: repeat(1, 1fr);}

}



.pdflist {display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.3rem 0.32rem;

}

.pdflist .pdf-grid {
width: 100%;

}

.pdflist .pdf-item {width: 100%;
background:rgba(255, 255, 255, 1);display: flex; justify-content: space-between;
}
.pdflist .pdf-cotn{width: 100%; padding: 0.32rem;display: flex; justify-content: space-between; align-items: center;border:1px solid rgba(0, 0, 0, 0.1); border-left:0;}
.pdflist .pdf-title {width: 100%;
color: rgba(68, 68, 68, 1);
font-size: calc(14px + 0.04rem);
font-weight: 400;
line-height:calc(22px + 0.08rems);
letter-spacing: 0px;
text-align: left;
}

.pdflist .pdf-ico{ display: flex; align-items: center; justify-content:center;background:rgba(241, 241, 241, 1);
min-width: 0.96rem;
width: 0.96rem;
}
.pdflist .pdf-ico img{
width: 40px;
height: 40px;}
.pdflist .pdf-button {
white-space: nowrap;
color: #238EBD;
border: 1px solid #238EBD;margin-left: 0.23rem;
padding: 0 0.23rem;
border-radius: 2px;
font-size:calc(14px + 0.02rem); line-height: 1; height: 32px;
font-weight: 500;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
display: inline-flex;
align-items: center; 
flex-direction: row-reverse;

}

.pdflist .pdf-item:hover .pdf-title{
color:#238EBD;
}

.pdflist .pdf-item:hover .pdf-button {
background-color:#238EBD; 
color: #ffffff;
}

@media (max-width: 1024px) {
.pdflist{gap:15px 15px;}
.pdflist .pdf-cotn{padding: 14px 14px;}
.pdflist .pdf-button{padding: 0 14px; height:26px; font-size: 13px;margin-left: 14px;}
.pdflist .pdf-ico{ 
min-width:48px;
width:48px;
}
.pdflist .pdf-ico img{
width: 28px;
height: 28px;}
}
@media (max-width: 767px) {
.pdflist {grid-template-columns: repeat(1, 1fr);}

}





.cwbb{ display: flex; flex-wrap: wrap; width: 100%; background: rgba(35, 142, 189, 1);}
.cwbb .div{display: flex; flex-wrap: wrap; width: 50%; align-items: center; position: relative; overflow: hidden; }
.cwbb .div:nth-child(2n+1){ justify-content: flex-end; padding-left: 0.8rem;}
.cwbb .div:nth-child(2n){ padding-right: 0.8rem; background:linear-gradient(180.00deg, rgba(35, 142, 189, 1),rgba(132, 217, 255, 1) 100%);}
.cwbb .div:nth-child(2n)::before {content: ''; position: absolute; top: 50%; left:-8px;  margin-top: -24px; border-top: 24px solid transparent; border-bottom: 24px solid transparent; border-left:30px solid rgba(35, 142, 189, 1);}

.cwbb .div:nth-child(2n+1) .w700{ padding-right: 0.8rem;}
.cwbb .div:nth-child(2n) .w700{ padding-left: 1.4rem;}
.cwbb .w700{ width:700px; }
.cwbb .p{ width:100%; color: rgba(255, 255, 255, 1);
font-size: calc(14px + 0.02rem);
font-weight: 400;
line-height: calc(22px + 0.08rem);
letter-spacing: 0px;
text-align: justify;}
.cwbb .tit20{ display: block; text-align: left;}
.cwbb .tit20:hover{ opacity:0.7;}
.cwbb .mt16{ line-height: 0.4rem;}
.cwbb .ico{ display: block; line-height: 0; position: absolute; right: -8px; bottom: -14px; z-index: 1; width: 2.77rem;}

@media (max-width:1024px) {
.cwbb .mt16{ line-height:26px;margin-top: 10px;}
.cwbb .div:nth-child(2n+1){padding-left:15px;}
.cwbb .div:nth-child(2n){ padding-right:15px;}
.cwbb .div:nth-child(2n+1) .w700{ padding-right:15px;}
.cwbb .div:nth-child(2n) .w700{ padding-left:30px;}
.cwbb .div:nth-child(2n)::before {top: 50%; left:-4px;  margin-top: -12px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left:16px solid rgba(35, 142, 189, 1);}
}
@media (max-width: 767px) {
.cwbb .div{ width: 100%; }
.cwbb .div:nth-child(2n) .w700{ padding-left:15px;}
.cwbb .div:nth-child(2n){background:linear-gradient(90.00deg, rgba(35, 142, 189, 1),rgba(132, 217, 255, 1) 100%);}
.cwbb .ico{width:100px;}
.cwbb .div:nth-child(2n)::before {top:0; left:50%;  margin:-6px 0 0 -12px; transform: rotate(90deg); -ms-transform: rotate(90deg); }

}




.list19 .ul{width: 100%; display:grid; gap: 0.4rem;grid-template-columns: repeat(3, 1fr); }
.list19 .ul .li{ width:100%; display:flex; flex-wrap: wrap; position: relative; margin:0.74rem 0 0 0;}
.list19 .ul .li .a{width: 100%; display:flex; flex-wrap: wrap; align-content: flex-start; position: relative; height: 100%;
background:#6DADC9;
border-radius:8px;
padding: 0 0.4rem 0.4rem 0.4rem;

}
.list19 .ul .li .top{ display:flex;  flex-direction: column; align-items: center; justify-content: center; margin:-0.74rem auto 0.24rem auto; line-height: 0; width:1.4rem; height: 1.4rem; overflow: hidden; border-radius: 50%; background:#fff;}
.list19 .ul .li .tit20{color:rgba(68, 68, 68, 1); text-align: center;}
.list19 .ul .li .pic{ display:block;  line-height: 0; width:0.48rem; height:0.48rem;}
.list19 .ul .li .pic img{ width:0.48rem; height:0.48rem;}
.list19 .ul .li ._cont1{ text-align: center;}
.list19 .ul .li:nth-child(3n+2) .a { background:#238EBD;}
.list19 .ul .li:nth-child(3n+3) .a { background:#00638E;}

@media screen and (max-width:1024px) {
.list19 .ul{ gap: 15px; }	
.list19 .ul .li{ margin:44px 0 0 0;}
.list19 .ul .li .a{padding: 0 15px 20px 15px;}
.list19 .ul .li .top{ margin:-44px auto 12px auto; width:100px; height:100px;}
.list19 .ul .li .pic{ width:30px; height:30px;}
.list19 .ul .li .pic img{ width:30px; height:30px;}
.list19 .ul .li .tit20{ font-size:14px; line-height: 1.3;}
}
@media screen and (max-width:767px) {
.list19 .ul{grid-template-columns: repeat(1, 1fr); }

}

.list18 .ul{width: 100%; display:grid; gap: 0.3rem;grid-template-columns: repeat(3, 1fr); }
.list18 .ul .li{ width:100%; display:flex; flex-wrap: wrap; position: relative;}
.list18 .ul .li .a{width: 100%; display:flex; flex-wrap: wrap; align-content: flex-start; position: relative; height: 100%;
background:#fff;
border-radius:8px;
padding: 0.4rem;

}
.list18 .ul .li .tit20{color:rgba(35, 142, 189, 1);}
.list18 .ul .li ._cont1{ margin-top:0.16rem;}


@media screen and (max-width:1024px) {
.list18 .ul{ gap: 15px; }	
.list18 .ul .li .a{padding:18px 15px 20px 15px;}
.list18 .ul .li ._cont1{ margin-top:6px;}
}
@media screen and (max-width:767px) {
.list18 .ul{grid-template-columns: repeat(1, 1fr); }

}



.list17 .ul{width: 100%; display:grid; gap: 20px;grid-template-columns: repeat(4, 1fr); }
.list17 .ul .li{ width:100%; display:flex; flex-wrap: wrap;}
.list17 .ul .li .a{width: 100%; display:flex; flex-wrap: wrap; align-items: flex-start; position: relative; height: 100%;
background:#238EBD;
border-radius:8px;
padding:0.24rem 0.24rem;

}
.list17 .ul .li ._cont1{ color: #fff;}
.list17 .ul .li:nth-child(4n+1) .a { background:#6DADC9;}
.list17 .ul .li:nth-child(4n+4) .a { background:#00638E;}

@media screen and (max-width:1024px) {
.list17 .ul{ gap: 15px; }	
.list17 .ul{grid-template-columns: repeat(2, 1fr); }
.list17 .ul .li .a{padding:15px 15px;}
}
@media screen and (max-width:767px) {
.list17 .ul{grid-template-columns: repeat(1, 1fr); }

}

.list16 .ul{width: 100%; display:grid; gap: 20px;grid-template-columns: repeat(4, 1fr); }
.list16 .ul .li{ width:100%; display:flex; flex-wrap: wrap;}
.list16 .ul .li .a{width: 100%; display:flex; align-items: flex-start; position: relative; height: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
background:#fff;
border-radius:8px;
padding:0.24rem 0.24rem;

}
.list16 .ul .li .num{ font-weight: bold; width: auto; margin-right: 8px; white-space: nowrap; color:rgba(35, 142, 189, 1);}

@media screen and (max-width:1024px) {
.list16 .ul{ gap: 15px; }	
.list16 .ul{grid-template-columns: repeat(2, 1fr); }
.list16 .ul .li .a{padding:15px 15px;}
}
@media screen and (max-width:767px) {
.list16 .ul{grid-template-columns: repeat(1, 1fr); }

}


.box01{border-radius: 8px; display:block; width: 100%; overflow: hidden;background: rgba(35, 142, 189, 1);}
.box01 .a{ display:flex; flex-wrap: wrap; align-items: center; justify-content:flex-end; width: 100%; padding: 0.64rem;}
.box01 .tit36{ width: 100%; text-align: right;}
.box01 .more{
white-space: nowrap;
color: #fff;
border: 1px solid #fff;
padding: 0 0.23rem 2px 0.23rem;
border-radius: 2px;margin-top: 0.24rem;
font-size: calc(14px + 0.02rem); line-height: 1; height: 32px;
font-weight: 500;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
display: inline-flex;
align-items: center; 
flex-direction: row-reverse;
}
.box01 .more:hover{
background-color:#fff; 
color: #238EBD;
}

@media (max-width: 1024px) {
.box01 .a{ padding:30px 15px;}	
.box01 .more{padding: 0 14px 2px 14px; height:26px; font-size: 13px; margin-top:14px; }	

}





.list15 .ul{width: 100%; display:grid; gap: 0.3rem;grid-template-columns: repeat(3, 1fr); }
.list15 .ul .li{ width:100%; display:flex; flex-wrap: wrap;}
.list15 .ul .li .a{width: 100%; display:flex; flex-wrap: wrap;  align-items: center; justify-content: flex-start; flex-direction: column; position: relative; height: 100%;
background:#F1F1F1;
border-radius:8px;
padding: 0.47rem 0.34rem;
}
.list15 .ul .li .top{ display:flex;  flex-direction: column; align-items: center; justify-content: center; margin:-0.74rem auto 0.24rem auto; line-height: 0; width:1.4rem; height: 1.4rem; overflow: hidden; border-radius: 50%; background:#fff;}
.list15 .ul .li .tit20{color:rgba(68, 68, 68, 1); text-align: center;}
.list15 .ul .li .pic{ display:block;  line-height: 0; overflow: hidden; border-radius: 50%; width:2.2rem; height:2.2rem;}
.list15 .ul .li .pic img{ width:2.2rem; height:2.2rem;}
.list15 .ul .li ._cont1{ text-align: center; margin-top: 0.24rem;}
.list15 .ul .li .tit24{ text-align: center; margin-top: 0.24rem;}
.list15 .ul .li .tit2{  margin-top:8px;background:rgba(35, 142, 189, 1);
color: #fff;
padding: 0 0.18rem 2px 0.18rem;
border-radius:15px;
font-size: calc(14px + 0.02rem); line-height:28px; 
font-weight: 400;
display: inline-flex;
}


@media screen and (max-width:1024px) {
.list15 .ul{ gap: 15px; }	
.list15 .ul .li .a{padding:20px 15px;}
.list15 .ul .li .pic{ width:100px; height:100px;}
.list15 .ul .li .pic img{ width:100px; height:100px;}
.list15 .ul .li ._cont1{ margin-top:10px;}
.list15 .ul .li .tit24{  margin-top:10px;}
.list15 .ul .li .tit2{ 
padding: 0 14px 2px 14px;
border-radius:15px;
font-size:13px; line-height:24px; 
}
}
@media screen and (max-width:767px) {
.list15 .ul{grid-template-columns: repeat(1, 1fr); }

}



.mapbox{ display: block; width:100%; position:relative; margin-top: 27px; }
.mapbox .a{ position: relative; display: block; width:100%; height:6.05rem; overflow: hidden; }
.mapbox .box1{ display:block; position:absolute; z-index:5; line-height: 0; margin:-12px 0 0 -12px;}
.mapbox .box1 .ico{ width:24px; opacity: 0;}
.mapbox .box1 .cont{ white-space: normal; display: flex; justify-content: center; width:313px; flex-wrap: wrap; position:absolute; left:50%; bottom:100%; margin-bottom:15px; z-index:5; background:#fff; padding:0.24rem; transform: translate(-50%,0); -ms-transform: translate(-50%,0);box-shadow: 0px 0px 20px 0px rgba(43, 85, 151, 0.15);}
.mapbox .box1 .cont::after{ content:''; display:block; position: absolute; left:50%; top:100%; border-left:10px solid transparent; border-right:10px solid transparent;border-top:10px solid #fff;  margin:0 0 0 -10px; z-index:6;}
.mapbox .box1 .cont ._cont1{ text-align:center;}
.mapbox .box1 .cont .p{ display: inline-flex; align-items: center; color:rgba(35, 142, 189, 1);
font-size: 14px;
font-weight: 400;
line-height: 1;height:30px;
letter-spacing: 0px;padding: 5px 8px;
text-align: left; margin-top:0.16rem;box-sizing: border-box;
border: 1px solid rgba(35, 142, 189, 1);
border-radius: 4px;
background: rgba(35, 142, 189, 0.1);}
.mapbox .box1 .cont .p i{ display: inline-flex; background: url(img/dingwei.svg) center no-repeat; background-size:100% auto !important; width:16px; height:16px; margin:0 6px 0 0;}
.mapbox .box1 .cont .p span{ padding-bottom: 2px;}
.mapbox .box1 .cont .p:hover{background: rgba(35, 142, 189, 1); color:#fff;}
.mapbox .box1 .cont .p:hover i{ background: url(img/dingwei1.svg) center no-repeat;}


@media screen and (max-width: 1024px) {
.mapbox{  margin-top: 20px; }
.mapbox .a{ height:380px;}
.mapbox .box1 .cont{ width:260px;padding:14px 14px 20px 14px;margin-bottom:10px; }
.mapbox .box1 .cont .p{ justify-content: center; margin-top:10px;
font-size: 13px;}
}




.contact{width: 100%; display:grid; gap: 0.3rem;grid-template-columns: repeat(4, 1fr); }
.contact .li{ width:100%; display:flex; flex-wrap: wrap;}
.contact .li .la{width: 100%; display:flex; flex-wrap: wrap;  align-items: center; justify-content: flex-start; flex-direction: column; position: relative; height: 100%;
background:#F1F1F1;
border-radius:8px;
padding: 0.4rem 0.3rem;
}
.contact .li .la .ico{ display:flex;align-items: center; justify-content:center;  line-height: 0; overflow: hidden; border-radius: 50%; width:56px; height:56px; background:rgba(35, 142, 189, 1);}
.contact .li .la .ico img{ width:30px; height:30px;}
.contact .li .la ._cont1{ text-align: center; margin-top: 0.16rem;}

@media screen and (max-width:1024px) {
.contact{ gap: 15px;grid-template-columns: repeat(2, 1fr); }
.contact .li .la{padding:20px 15px;}
.contact .li .la .ico{ width:46px; height:46px;}
.contact .li .la .ico img{ width:26px; height:26px;}
.contact .li .la .ico._cont1{ margin-top:10px;}

}
@media screen and (max-width:767px) {
.contact{ gap: 15px;grid-template-columns: repeat(2, 1fr); }
.contact .li .la .s{ display: block;}
}


.contact1{width: 100%; display:grid; gap: 0.3rem;grid-template-columns: repeat(2, 1fr); }
.contact1 .li{ width:100%; display:flex; flex-wrap: wrap;}
.contact1 .li .la{width: 100%; display:flex; align-items: center; justify-content: space-between; position: relative; height: 100%;
background:#F1F1F1;
border-radius:8px;
padding: 0.4rem 0.4rem;
}
.contact1 .li .la .ico{ display:flex;align-items: center; justify-content:center;  line-height: 0; overflow: hidden; border-radius: 50%; min-width:56px; height:56px; background:rgba(35, 142, 189, 1);margin-right: 0.16rem;}
.contact1 .li .la .ico img{ width:30px; height:30px;}


@media screen and (max-width:1024px) {
.contact1{ gap: 15px; }
.contact1 .li .la{padding:15px 15px;}
.contact1 .li .la .ico{ min-width:46px; height:46px; margin-right:12px;}
.contact1 .li .la .ico img{ width:26px; height:26px;}

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

}



.list14 .ul{width: 100%; display:grid; gap: 20px;grid-template-columns: repeat(3, 1fr); }
.list14 .ul .li{ width:100%; display:flex; flex-wrap: wrap;}
.list14 .ul .li .a{width: 100%; display:flex; flex-wrap: wrap; align-content:space-between; position: relative; height: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
background:#fff;
border-radius:8px;
padding:0.4rem 0.4rem;
}
.list14 .ul .li .top{width: 100%; display:flex; flex-wrap: wrap; align-items: center;justify-content:space-between;}
.list14 .ul .li .tit20{ width: 100%; font-weight: bold;color:rgba(68, 68, 68, 1);  text-align: left;}
.list14 .ul .li ._cont1{ width: 100%; font-weight: bold; color:rgba(35, 142, 189, 1)}
.list14 .ul .li .cont{width: 100%; display:flex; align-items: center;justify-content:center; margin-top: 0.4rem;border-radius: 4px;
background:rgba(35, 142, 189, 1);height: 48px;color:rgba(255, 255, 255, 1);
font-size: calc(14px + 0.04rem);
font-weight: 400;
line-height: 1;
}
.list14 .ul .li .a:hover .cont{background: #1e79a1;}

.list14 .ul .li .cont img{ min-width:24px; height:24px; margin-right:10px;}

@media screen and (max-width:1024px) {
.list14 .ul{ gap: 15px; }	
.list14 .ul{grid-template-columns: repeat(2, 1fr); }
.list14 .ul .li .a{padding:15px 15px;}
}
@media screen and (max-width:767px) {
.list14 .ul{grid-template-columns: repeat(1, 1fr); }
.list14 .ul .li .cont{ margin-top:15px;height: 40px;
}
.list14 .ul .li .cont img{ min-width:20px; height:20px; margin-right:8px;}
}



.list13 .ul{width: 100%; display:grid; gap: 0.4rem;grid-template-columns: repeat(3, 1fr); }
.list13 .ul .li{ width:100%; display:flex; flex-wrap: wrap;}
.list13 .ul .li .a{width: 100%; display:flex; flex-wrap: wrap; align-content: flex-start; position: relative; height: 100%;
background:#6DADC9;
border-radius:8px;
padding:0.64rem 0.4rem;

}
.list13 .ul .li .pic{ display:block;  line-height: 0;  width:100%;}
.list13 .ul .li .pic img{ width:0.64rem; height:0.64rem;}
.list13 .ul .li ._cont1{ margin-top: 0.24rem;}
.list13 .ul .li:nth-child(3n+2) .a { background:#238EBD;}
.list13 .ul .li:nth-child(3n+3) .a { background:#00638E;}

@media screen and (max-width:1024px) {
.list13 .ul{ gap: 15px; }	
.list13 .ul .li .a{padding:20px 15px;}
.list13 .ul .li .pic img{ width:34px; height:34px;}
}
@media screen and (max-width:767px) {
.list13 .ul{grid-template-columns: repeat(1, 1fr); }

}


.list12 .ul{width: 100%; display:grid; gap: 0.26rem;grid-template-columns: repeat(5, 1fr); }
.list12 .ul .li{ width:100%; display:flex; flex-wrap: wrap;}
.list12 .ul .li .a{width: 100%; display:flex; flex-wrap: wrap; align-content: flex-start; position: relative; height: 100%;
background:#6DADC9;
border-radius:8px;
padding:0.3rem;

}
.list12 .ul .li .pic{ display:block;  line-height: 0;  width:100%; text-align: center;}
.list12 .ul .li .pic img{ width:40px; height:40px;}
.list12 .ul .li ._cont1{ margin-top: 0.16rem; text-align: center;}
.list12 .ul .li:nth-child(5n+2) .a { background:#238EBD;}
.list12 .ul .li:nth-child(5n+4) .a { background:#238EBD;}
.list12 .ul .li:nth-child(3n+3) .a { background:#00638E;}

@media screen and (max-width:1024px) {
.list12 .ul{ gap: 15px;grid-template-columns: repeat(3, 1fr); }	
.list12 .ul .li .a{padding:20px 15px;}
.list12 .ul .li .pic img{ width:34px; height:34px;}
.list12 .ul .li ._cont1{ margin-top:12px;}
}
@media screen and (max-width:767px) {
.list12 .ul{grid-template-columns: repeat(2, 1fr); }

}



.list11 .ul{width: 100%; display:grid; gap:0.26rem;grid-template-columns: repeat(3, 1fr); }
.list11 .ul .li{ width:100%; display:flex; flex-wrap: wrap;}
.list11 .ul .li .a{width: 100%; display:flex; align-items: flex-start; justify-content:center; position: relative; height: 100%;
background:#fff;
border-radius:8px;
padding:0.24rem 0.24rem;

}
.list11 .ul .li .num{ font-weight: bold; margin-right: 8px; white-space: nowrap; }
.list11 .ul .li ._cont1{ width: auto;}

@media screen and (max-width:1024px) {
.list11 .ul{ gap: 15px; }	
.list11 .ul .li .a{padding:15px 15px;}
}
@media screen and (max-width:767px) {
.list11 .ul{grid-template-columns: repeat(1, 1fr); }
.list11 .ul .li .a{padding:15px 20px; justify-content: flex-start;}
}



.list10 .ul{width: 100%; display:grid; gap: 0.24rem;grid-template-columns: repeat(1, 1fr); }
.list10 .ul .li{ width:100%; display:flex; flex-wrap: wrap;}
.list10 .ul .li .a{width: 100%; display:flex; align-content: flex-start; position: relative; height: 100%;
background:#6DADC9;
border-radius:8px;
padding:0.24rem;

}
.list10 .ul .li .pic{ display:block;  line-height: 0;  min-width:30px; margin-right: 0.2rem;}
.list10 .ul .li .pic img{ width:30px; height:30px;}
.list10 .ul .li ._cont1{}
.list10 .ul .li:nth-child(3n+2) .a { background:#238EBD;}
.list10 .ul .li:nth-child(3n+3) .a { background:#00638E;}

@media screen and (max-width:1024px) {
.list10 .ul{ gap: 15px; }	
.list10 .ul .li .a{padding:20px 15px;}
.list10 .ul .li .pic{margin-right:12px;}
}


.gszl1{background: linear-gradient(0.00deg, rgba(236, 249, 255, 1),rgba(255, 255, 255, 1) 50%,rgba(236, 249, 255, 1) 100%);
}
.gszl1 .box{width: 100%; display:flex;  align-items: flex-start; justify-content: space-between;}
.gszl1 .box .er{ min-width: 180px; width: 180px; padding: 9px 10px 17px 10px; margin:0 0 0 0.3rem;
border: 1px solid rgba(0, 0, 0, 0.1);
background:linear-gradient(0.00deg, rgba(236, 249, 255, 1),rgba(255, 255, 255, 1) 50%,rgba(236, 249, 255, 1) 100%);
}
.gszl1 .box .er i{ padding:0 0.15rem;}
.gszl1 .box .er span{width: 100%; margin-top: 26px; color: rgba(135, 135, 134, 1); display: block;
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0px;
text-align: center;}
.gszl1 .box .er i{ display: block;}

@media screen and (max-width:1024px) {
.gszl1 .box{ flex-wrap: wrap;}
.gszl1 .box .er{ min-width: 100%; width: 100%; padding:10px; margin:20px 0 0 0; display: flex; align-items: center; justify-content: center;}
.gszl1 .box .er i{ min-width: 130px; width: 130px; }
.gszl1 .box .er span{ margin:0 0 0 20px; width: auto;}
}

.gszl2{ position: relative; overflow: hidden;}
.gszl2::after{ display: block; line-height: 0; z-index:1; content: ''; position: absolute; width:100%; height: 8.2rem; right:0; top:0;background: linear-gradient(180.00deg, rgba(35, 142, 189, 1) 26%,rgba(35, 142, 189, 0) 100%);}
.gszl2 .pic1{ display: block; line-height: 0; z-index: 2; position: absolute; width:2.18rem; left:0.98rem; top:2.48rem;}
.gszl2 .pic2{ display: block; line-height: 0; z-index: 2; position: absolute; width: 6.1rem; right:-0.93rem; top:2.29rem;}
.gszl2 .sect1{}
.gszl2 .sect2{ padding: 0.49rem 0.5rem; margin-left: -0.5rem; margin-right: -0.5rem; width:calc(100% + 1); border-radius: 24px 24px 0px 0px;
background: linear-gradient(180.00deg, rgba(255, 255, 255, 1),rgba(255, 255, 255, 0) 100%);}
.gszl2 .sect2 .lh0{border-radius: 8px; overflow: hidden;}
.gszl2-1::after{ height: 8.5rem;}


@media screen and (max-width:1024px) {
.gszl2::after{ height:620px;  }	
.gszl2 .sect1{ }
.gszl2 .sect2{ padding:20px 15px;width:calc(100% + 30px); margin-left: -15px; margin-right: -15px;border-radius: 12px 12px 0px 0px;}
.gszl2 .pic1{ left:10px;}
}
@media screen and (max-width:767px) {
.gszl2::after{ height:900px;  }	
.gszl2-1 .tit20  .s{ display: block;}
}


.list9 .ul{width: 100%; display:grid; gap: 20px;grid-template-columns: repeat(3, 1fr); }
.list9 .ul .li{ width:100%; display:flex; flex-wrap: wrap;}
.list9 .ul .li .a{width: 100%; display:flex; flex-wrap: wrap; align-content: flex-start; position: relative; height: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
background:#fff;
border-radius:8px;
padding:15px 0.2rem 5px 0.2rem;
}
.list9 .ul .li ._img{padding-bottom: 64.4%;}
.list9 .ul .li ._cont1{ padding:0.25rem 0.16rem;}

@media screen and (max-width:1024px) {
.list9 .ul{ gap: 15px; }	
.list9 .ul .li .a{padding:12px 12px 5px 12px;}
.list9 .ul .li ._cont1{ padding:15px 6px;}
}
@media screen and (max-width:767px) {
.list9 .ul{grid-template-columns: repeat(1, 1fr); }

}



.box02{ display: flex; width: 100%;background:rgba(241, 241, 241, 1);}
.box02 .left-column {  position: relative; overflow: hidden;
 width: 3.58rem; min-width: 3.58rem;
padding: 0.31rem 0.25rem;
background-color:#238EBD;
display: flex;
flex-direction: column;
}
.box02 .left-column::after{ display: block; content: ''; position: absolute; left:-0.6rem; bottom: -0.43rem; z-index: 1; background: url(img/ino6.png) left bottom no-repeat; background-size:100% auto !important; width:2.09rem; height: 2.09rem;}
.box02 .left-column::before{ display: block; content: ''; position: absolute; top:-0.29rem; right:-0.56rem; z-index: 1;background: url(img/ino5.png) top right no-repeat; background-size:100% auto !important; width:1.34rem; height:1.34rem;}
.box02 .tit20{ text-align: left; padding-bottom:0 !important;
}
.box02 .contact-section { width: 100%;
margin-top: 0.08rem;
}
.box02 .contact-list { width: 100%;
}
.box02 .contact-list li {margin-top: 0.16rem;
background-color: white;
padding: 0.2rem 0.16rem;
border-radius: 8px;
backdrop-filter: blur(40px);
background: rgba(255, 255, 255, 0.1);
display: flex;
align-items: flex-start;
transition: all 0.3s ease;
}
.contact-type { line-height: 0; margin-right: 0.08rem;
width: 0.24rem;
height: 0.24rem;
}

.contact-detail {
color: #fff;
font-size: 0.16rem;  line-height:0.24rem;
}

/* 右侧区域样式 */
.right-column { width: 100%; position: relative; overflow: hidden;
display: flex; flex-wrap: wrap;
}
.right-column::after{ display: block; content: ''; position: absolute; left: 0; top: 50%; width: 100%; z-index: 1; margin-top: -1px; border:1px dashed rgba(35, 142, 189, 1);}
.steps-grid {
display: flex; flex-wrap: wrap;width: 100%; padding:0 5%;
}

.step-item { height: 100%;
display: flex; flex-wrap: wrap;width: 12%; justify-content: center;
}
.step-item .step-cont{height: 50%; width: 184%; min-width: 184%; display: flex; flex-wrap: wrap;}
.step-item:nth-child(2n){ align-items: flex-end;}
.step-item:nth-child(2n) .step-cont{ justify-content:flex-start;  align-content: flex-start;}
.step-item:nth-child(2n+1) .step-cont{ align-items: flex-start;  flex-wrap: wrap-reverse;  align-content:flex-start;}
.step-item:nth-child(2n+1) .step-number{ margin-top: 0.4rem; margin-bottom: -0.22rem;}
.step-item:nth-child(2n) .step-number{ margin-bottom: 0.4rem; margin-top: -0.22rem;}
.step-number {
width: 0.44rem;
height: 0.44rem;
color: white; margin-left:auto; margin-right:auto;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.16rem; line-height: 1;
font-weight: bold;
background: rgba(0, 0, 0, 0.1);
}
.step-number span{
width: 0.36rem;
height: 0.36rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background:rgba(135, 135, 134, 1);
}
.step-ico { line-height: 0; position: relative;
width: 100%;
height: 0.64rem;
display: flex;
align-items: center;
justify-content: center;background: url(img/ixo22.png) center no-repeat; background-size:auto 100% !important;
}
.step-item:nth-child(2n+1) .step-ico::after{ display: block; content: ''; position: absolute; left:50%;top: 100%;height: 0.4rem; z-index: 1; border:1px dashed rgba(35, 142, 189, 1);}
.step-item:nth-child(2n) .step-ico::before{ display: block; content: ''; position: absolute; left:50%; bottom: 100%;height: 0.4rem; z-index: 1; border:1px dashed rgba(35, 142, 189, 1);}
.step-ico::before{}
.step-ico img{
width: 0.3rem;
height: 0.3rem;
}
.step-item ._cont1{ text-align: center; margin:8px 0; line-height:24px;}


@media (max-width: 1600px){
.step-item ._cont1{font-size:14px; line-height:24px;}

}
@media (max-width:1024px){
.box02{ flex-wrap: wrap;}	
.box02 .left-column{width: 100%;min-width: 100%; padding:20px 20px 30px 20px;}	
.step-ico{height:54px;width:54px; min-width:54px; margin:0 14px 0 20px;}
.step-ico img{
width:24px;
height: 24px;
}
.step-item:nth-child(2n+1) .step-number{ margin-top:20px; margin-bottom: -18px;}
.step-item:nth-child(2n) .step-number{ margin-bottom: 20px; margin-top: -18px;}
.step-number { margin:0 !important;
width:36px; min-width:36px;
height:36px;
font-size:14px; 
}
.step-number span{
width:30px;
height:30px;
}
.box02 .contact-section {
margin-top:4px;
}
.box02 .contact-list li {margin-top:14px;
padding:10px 14px;
}
.contact-type { margin-right:6px;
width:20px;
height:20px;
}

.contact-detail {
font-size:14px;  line-height:20px;
}

.steps-grid {
 display: block; padding:30px 20px;
}
.right-column{ display: block;}
.step-item { width: 100%; display: block; padding:8px 0;
}
.step-item .step-cont{height:auto; flex-wrap: initial !important; width: 100%; min-width: 100%; align-content: flex-start !important; align-items: center !important;}
.step-item ._cont1{ text-align: left; margin:0;}
.step-item ._cont1 br{ display: none;}
.step-item:nth-child(2n+1) .step-ico::after{ left:-20px; top:50%; width:20px; height: auto;}
.step-item:nth-child(2n) .step-ico::before{left:-20px; bottom:50%; width:20px; height: auto;}
.right-column::after{  left:38px; top:0; width:auto; height: 100%;margin-top:0;}

}


.flexbox .div{ width:218px; line-height: 0;}
.fxgl_box{ position: relative; overflow: hidden; width: 100%;}
.fxgl_box .pic1{ display: block; line-height: 0; z-index: 1; position: absolute; width:1.64rem; left:-0.51rem; top:4.6rem;}
.fxgl_box .pic2{ display: block; line-height: 0; z-index: 1; position: absolute; width:4.31rem; right:-2.32rem; top:0.54rem;}
.fxgl_box .pic3{ display: block; line-height: 0; z-index: 1; position: absolute; width:0.84rem; left:1.18rem; top:0.86rem;}
.fxgl_box .sect1{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.fxgl_box .left{ width: 42.9%;}
.fxgl_box .right{ padding:0.33rem 0.38rem; width: 50%;background:linear-gradient(0.00deg, rgba(236, 249, 255, 1),rgba(255, 255, 255, 1) 50%,rgba(236, 249, 255, 1) 100%);}
.fxgl_box .lh0{ text-align: center;}

@media (max-width:1024px){
.fxgl_box .left{ width: 100%; margin-top: 25px;}
.fxgl_box .right{ width: 100%; padding:20px;}
}

.tab_box .biaoge{ width: 100%;}
.tab_box .biaoge1{ width: 100%;}
.tab_box .biaoge2{ width: 100%;}

@media (max-width:1024px){
.tab_box{ overflow-x: auto;}	
.tab_box .biaoge{ width:1024px;}
.tab_box .biaoge1{ width:1024px;}
.fxgl_box .ph_mt{margin-top: 25px;}
}
@media (max-width:700px){
.tab_box .biaoge2{ width:700px;}
}



.advant2{ display: block; width:100%;  overflow: hidden; position: relative; z-index: 8;}
.advant2 .list{ display: block; width:100%;background: rgba(0, 13, 19, 0.4); }
.advant2 .ul{ display: flex; width:100%;position: relative; }
.advant2 .ul .li{ display: flex; flex-wrap: wrap; width:14.3%; border-right:1px solid rgba(255, 255, 255, 0.22);}
.advant2 .ul .li:last-child{border:0 !important;}
.advant2 .ul .li .la{display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; text-align: center; width:100%; align-content:center; overflow: hidden;  height:5.30rem; padding:0.5rem 0.2rem; }
.advant2 .ul .li .tit{width:100%; color: #fff; font-weight: 400; font-size:0.2rem; line-height:0.3rem;margin-top:0.36rem;}
.advant2 .ul .li .p1{ width:100%; color: #fff; font-weight: 400; font-size:0.16rem; line-height:0.3rem;/* text-align: justify; */display:none; }
.advant2 .ul .li .ino{ display:flex; width:0.48rem; height:0.48rem; line-height:0; }
.advant2 .ul .li .ino img{ width:100%;}
.advant2 .ul .li .ico{ display: flex; width:0.32rem; height:0.32rem;background: url(img/right5.svg) center no-repeat; background-size:100% auto !important;margin-top:0.36rem;}


.advant2 .ul .li.on{ min-width:42.8%; width:42.8%;}
.advant2 .ul .li.on .la{ justify-content: flex-start; text-align: left; padding:0.5rem; 
backdrop-filter: blur(40px);
background: rgba(35, 142, 189, 0.3);}
.advant2 .ul .li.on .la .ico{ display:none;}
.advant2 .ul .li.on .la .tit{margin-bottom:0.24rem;}
.advant2 .ul .li.on .la .p1{ display:block;}

@media screen and (max-width:1024px) {
.advant2 .ul{ flex-wrap: wrap;}		
.advant2 .ul .li{ width:17%;}
.advant2 .ul .li .la{padding:26px 10px;}
.advant2 .ul .li .tit{font-size:15px; line-height:24px;margin-top:12px; }
.advant2 .ul .li .p1{font-size:14px; line-height:24px;display:none; }
.advant2 .ul .li .ino{ width:32px; height:32px; }
.advant2 .ul .li .ico{ width:24px; height:24px;margin-top:0;}
.advant2 .ul .li.on{ min-width:32%; width:32%;}
.advant2 .ul .li.on .la{ padding:26px 18px; }
.advant2 .ul .li.on .la .tit{margin-bottom:12px;}
}

@media screen and (max-width:767px) {
.advant2{ background-attachment: fixed !important;}	
.advant2 .ul .li{ min-width:100%; width:100%;border-bottom:1px solid rgba(255,255,255,0.22);border-right:0;}
.advant2 .ul .li .la{ padding:26px 18px;height: auto; flex-wrap: initial; align-items: center;}
.advant2 .ul .li .ino{ min-width:32px; }
.advant2 .ul .li .ico{ min-width:24px;}

.advant2 .ul .li .tit{margin-top:0; padding:0 14px; width:100%; }
.advant2 .ul .li.on{ min-width:100%; width:100%;}
.advant2 .ul .li.on .la{ flex-wrap: wrap;   align-items: flex-start;}
.advant2 .ul .li.on .tit{ padding:4px 0 4px 14px; width:calc(100% - 32px);  }
}


.cpcx1 .tit20{ text-align: left;}
.cpcx1 .tit18{ font-size:0.18rem;}
.cpcx1 .zhu {color: rgba(135, 135, 134, 1);
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
text-align: justify;}

@media screen and (max-width:1024px) {
.cpcx1 .tit18{ font-size:15px;}
}



.cpcx_box{ position: relative; overflow: hidden; width: 100%;}
.cpcx_box .pic1{ display: block; line-height: 0; z-index: 1; position: absolute; width:3.97rem; left:-1.98rem; top:3.03rem;}
.cpcx_box .pic2{ display: block; line-height: 0; z-index: 1; position: absolute; width:2.27rem; right:-0.78rem; top:0.94rem;}
.cpcx_box .pic3{ display: block; line-height: 0; z-index: 1; position: absolute; width:1.54rem; right:0.84rem; bottom:2.87rem;}
.cpcx_box .sect1{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
border: 1px solid rgba(0, 0, 0, 0.1); padding:0.51rem;
border-radius: 8px;
background:rgba(255, 255, 255, 1);}
.cpcx_box .left{ width: 40.2%;}
.cpcx_box .right{width: 53.5%;}
.cpcx_box .lh0{ text-align: center;}

@media (max-width:1024px){
.cpcx_box .sect1{  padding:20px;}	
.cpcx_box .left{ width: 100%; margin-top: 25px;}
.cpcx_box .right{ width: 100%;}
}



.list09 .ul{width: 100%; display:grid; gap: 0.4rem;grid-template-columns: repeat(3, 1fr); }
.list09 .ul .li{ width:100%; display:flex; flex-wrap: wrap;}
.list09 .ul .li .a{width: 100%; display:flex; flex-wrap: wrap; align-content: flex-start; position: relative; height: 100%;
background:#fff;
border-radius:8px;
padding:0 0.28rem 24px 0.28rem;
}
.list09 .ul .li .pic{ display:inline-flex; padding:13px 12px 25px 12px;color:rgba(255, 255, 255, 1);  background: url(img/ixo31.png) center bottom no-repeat;  background-size:100% 100% !important;
font-weight: bold;
font-size: 18px;
font-weight: 700;
line-height: 30px;
letter-spacing: 0px;
text-align: justify; }
.list09 .ul .li .pic img{ width:0.64rem; height:0.64rem;}
.list09 .ul .li .tit20{  width:100%; font-weight: 400; color:rgba(68, 68, 68, 1);margin-top: 0.24rem; padding:0 !important;}
.list09 .ul .li ._cont1{ width:100%; margin-top:8px;}


@media screen and (max-width:1024px) {
.list09 .ul{ gap: 15px; }	
.list09 .ul .li .a{padding:0 15px 20px 15px;}
.list09 .ul .li .pic{ padding:4px 8px 15px 8px;font-size: 15px;line-height:26px;}
.list09 .ul .li ._cont1{margin-top:4px;}
}
@media screen and (max-width:767px) {
.list09 .ul{grid-template-columns: repeat(1, 1fr); }

}


.list08 .ul{width: 100%; display:flex; flex-wrap: wrap;background:#fff; border-radius: 8px; overflow: hidden;
}
.list08 .ul .li{ width:20.7%; display:flex; flex-wrap: wrap;}
.list08 .ul .li .a{width: 100%; display:flex; flex-wrap: wrap; align-content: flex-start; position: relative; height: 100%;
padding:0.59rem 0.38rem 0.55rem 0.38rem;

}
.list08 .ul .li .pic{ display:block;  line-height: 0;  width:100%;text-align: center;}
.list08 .ul .li .pic img{ width:0.56rem; height:0.56rem;}
.list08 .ul .li .tit20{color:rgba(68, 68, 68, 1);text-align: center;
  width: 100%;
margin-top: 0.24rem;}
.list08 .ul .li ._cont1{ display:flex; flex-wrap: wrap; justify-content: space-between; width:100%; margin-top: 0.16rem;}
.list08 .ul .li:nth-child(1){width: 37.9%; }
.list08 .ul .li:nth-child(2n) .a {background:rgba(241, 241, 241, 1);}

@media screen and (max-width:1440px) {
.list08 .ul .li .a{
padding:0.5rem 0.24rem 0.5rem 0.24rem;
}
.list08 .ul .li ._cont1{ font-size: 14px; line-height: 24px;}
}
@media screen and (max-width:1024px) {
.list08 .ul .li .a{padding:20px 15px;}
.list08 .ul .li .pic img{ width:34px; height:34px;}
}
@media screen and (max-width:767px) {
.list08 .ul .li{width:100%; }	
.list08 .ul .li:nth-child(1){width: 100%; }
}



.chxd1 .tit20{ text-align: left;}
.chxd1 .zhu{color:rgba(135, 135, 134, 1);
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
text-align: justify;}



.box03{ width: 100%; padding:0.25rem 0.3rem 0.35rem 0.3rem;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 8px;
background:rgba(255, 255, 255, 1);}
.box03 .ul{width: 100%; display:flex; flex-wrap: wrap; justify-content: space-between; align-content:space-between;}
.box03 .li{width: 50%; padding:0.15rem; display:flex; flex-wrap: wrap; justify-content: space-between; align-content:space-between;}
.box03 .title{width: 100%;background:linear-gradient(0.00deg, rgba(236, 249, 255, 1),rgba(255, 255, 255, 1) 50%,rgba(236, 249, 255, 1) 100%); margin-top: 0.4rem;padding: 12px;color:rgba(68, 68, 68, 1);
text-align: center;
font-size: calc(14px + 0.04rem);
font-weight: 400;
line-height: calc(22px + 0.1rem);
}
.box03 .dl{width: 100%; display:flex; flex-wrap: wrap; margin-top: 0.7rem; }
.box03 .dd{width: 50%; display:flex; flex-wrap: wrap; justify-content:center; }
.box03 .dd .a{width: 2rem;background:linear-gradient(0.00deg, rgba(236, 249, 255, 1),rgba(255, 255, 255, 1) 50%,rgba(236, 249, 255, 1) 100%); border-radius: 50%; display:flex; flex-wrap: wrap; justify-content:center; align-content: center; aspect-ratio: 100 / 100; text-align: center; margin:0.2rem 0; position: relative;}
.box03 .dd .a::after{ display:block; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); border-radius: 50%; z-index: 1;width: 2.4rem;height: 2.4rem;
 background: url(img/ixo39.svg) center no-repeat;  background-size:100% 100% !important;}
.box03 .dd .a ._cont1{ text-align: center; color:rgba(68, 68, 68, 1);}
.box03 .dd .a .num{color: rgba(68, 68, 68, 1);width: 100%; text-align: center; margin:0.08rem 0;
font-weight: bold;
font-size: 0.3rem;
font-weight: 700;
line-height: 0.4rem;
letter-spacing: 0px;
text-align: center;}
.box03 .dd .a .pic{ display:block;  line-height: 0;  width:100%;}
.box03 .dd .a .pic img{ width:0.4rem; height:0.4rem;}
.box03 .li:nth-child(2n)  .dd .a::after{ background: url(img/ixo40.svg) center no-repeat;}
.box03 .li:nth-child(2n)  .dd .a .num{color:rgba(35, 142, 189, 1);}
.box03 .li:nth-child(2n)  .dd .a ._cont1{color:rgba(35, 142, 189, 1);}


@media screen and (max-width:1024px) {
.box03{ padding:20px 15px 15px 15px;}	
.box03 .li{ padding:7px; }	
.box03 .dl{ margin-top:15px; }
.box03 .dd .a{width: 120px; margin:10px 0;}
.box03 .dd .a::after{width:140px;height:140px;}	
.box03 .dd .a .pic img{ width:30px; height:30px;}
.box03 .dd .a .num{ margin:0;
font-size:18px;
line-height:28px;}
.box03 .title{ margin-top:20px; font-size: 14px; line-height: 24px; padding: 6px 12px;}
}
@media screen and (max-width:767px) {
.box03 .li{width:100%; }	

}


.list07 {}
.list07 .ul{width: 100%;display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.26rem;
}
.list07 .ul .li{ width:100%; display:flex; flex-wrap: wrap;}
.list07 .ul .li .a{width: 100%; display:flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; position: relative; height: 100%;
}
.list07 .ul .li .a::before{ display: block; content: ''; position: absolute; left:100%; top: 0.46rem;transform: translateX(-50%); -ms-transform: translateX(-50%); width:0.48rem; height:0.48rem;
  background: url(img/ixo49.png) center no-repeat;  background-size: 100% !important;}
.list07 .ul .li:nth-child(4n) .a::before{ display: none; }
.list07 .ul .li .a::after{border-radius: 8px; display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height:calc(100% - 1.8rem);
background: rgba(241, 241, 241, 1);}
.list07 .ul .li .top{width: 1.4rem; height:1.4rem;background: rgba(35, 142, 189, 1); border-radius: 50%; display:flex; flex-wrap: wrap; justify-content:center; align-content: center; aspect-ratio: 100 / 100; text-align: center;position: relative;}
.list07 .ul .li .pic{ display:block;  line-height: 0;  width:100%;}
.list07 .ul .li .pic img{ width:0.36rem; height:0.36rem;}
.list07 .ul .li .tit{color:rgba(255, 255, 255, 1); margin-top: 0.04rem;
font-weight: bold;
font-size: 0.16rem;
font-weight: 700;
line-height: 0.22rem;
letter-spacing: 0px;
text-align: center;}
.list07 .ul .li ._cont1{ position: relative; width:100%; margin-top: 0.4rem; padding:0.4rem;}
.list07 .ul .li ._cont1::after{display: block; content: ''; position: absolute; left:50%; bottom:100%; height:0.4rem;border:1px dashed rgba(35, 142, 189, 1);}

@media screen and (max-width:1440px) {
.list07 .ul .li ._cont1{margin-top: 0.4rem; padding:0.4rem 0.24rem;}
}
@media screen and (max-width:1024px) {
.list07 .ul{ gap:15px;}	
.list07 .ul .li .a::after{ height:calc(100% - 140px);}
.list07 .ul .li .a::before{top:35px; width:30px; height:30px;}
.list07 .ul .li:nth-child(2n) .a::before{ display: none; }
.list07 .ul .li .top{width:120px; height:120px; padding:0 5%;}
.list07 .ul .li .pic img{ width:30px; height:30px;}
.list07 .ul .li .tit{margin-top:2px;
font-size:13px;
line-height:16px;}
}
@media screen and (max-width:767px) {
.list07 .ul{ gap:20px 15px;
  grid-template-columns: repeat(2, 1fr);
}
.list07 .ul .li ._cont1{margin-top:20px; padding:20px 14px;}
.list07 .ul .li ._cont1::after{height:20px;}

}


.list06 .ul{ display:flex; flex-wrap: wrap; margin:-0.12rem;width:calc(100% + 0.24rem);
}
.list06 .ul .li{ width:27.3%; display:flex; flex-wrap: wrap; padding:0.12rem;}
.list06 .ul .li .a{width: 100%; display:flex; flex-wrap: wrap; align-content: flex-start; position: relative;
padding:0.4rem;
 border-radius: 8px;background: rgba(241, 241, 241, 1);
}
.list06 .ul .li .top{ display: flex;width: 100%; align-items: flex-start;}
.list06 .ul .li .pic{ display:block;  line-height: 0;  width:0.3rem; min-width:0.3rem;margin-right:8px;}
.list06 .ul .li .pic img{ width:100%;}
.list06 .ul .li .tit20{color:rgba(68, 68, 68, 1);;}
.list06 .ul .li ._cont1{margin-top: 0.24rem;}
.list06 .ul .li:nth-child(1){ width:45.4%;}
.list06 .ul .li:nth-child(1) .a{margin-top:0.2rem;}
.list06 .ul .li:nth-child(1) .a:first-child{margin-top:0 !important;}

@media screen and (max-width:1440px) {
.list06 .ul .li .a{
padding:0.4rem 0.3rem;
}
}
@media screen and (max-width:1024px) {
.list06 .ul{margin:-7px;width:calc(100% + 14px);
}
.list06 .ul .li{padding:7px;}	
.list06 .ul .li .a{padding:20px 15px;}
.list06 .ul .li .pic{ width:26px; min-width:26px;}
.list06 .ul .li ._cont1{margin-top:10px;}
.list06 .ul .li:nth-child(1) .a{margin-top:14px;}
}
@media screen and (max-width:767px) {
.list06 .ul .li{width:100%; }	
.list06 .ul .li:nth-child(1){ width:100%;}
}


.cw_box1::after{ content: ''; display: block; height:60.8%; z-index: 0; position: absolute; width:100%; left:0; top:0;background: linear-gradient(180.00deg, rgba(241, 241, 241, 1),rgba(241, 241, 241, 0) 100%);}
.cw_box1 .sect1{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.cw_box1 .left{ width: 45.9%;}
.cw_box1 .right{width: 48.36%;border-radius: 8px; position: relative; overflow: hidden;}
.cw_box1 .title{width: 100%; position: absolute; left:0; bottom: 0; z-index: 6; color: rgba(255, 255, 255, 1); padding:0.4rem 0.16rem  0.16rem  0.16rem;
background: linear-gradient(0.00deg, rgba(0, 0, 0, 0.88),rgba(0, 0, 0, 0) 100%);
font-size: calc(14px + 0.04rem);
font-weight: bold;
line-height: calc(22px + 0.08rem);
text-align: center;}
.cw_box1 .tit20{text-align: left;color:rgba(68, 68, 68, 1);
}
.cw_box1 .lh0{ text-align: center;}
.cw_box1 .zhu {color: rgba(135, 135, 134, 1);
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
text-align: justify;}


@media (max-width:1024px){
.cw_box1 .left{ width: 100%;}
.cw_box1 .right{ width: 100%; margin-top: 25px;}
.cw_box1 .title{ padding:20px 14px  14px  14px;}
}




/*251227end*/




/*wy*/
/* 共融社会-社會參與 */
.shck_box .gr{background-color:#F1F1F1;}
.shck_box .gr:nth-child(2n) {background-color:#fff; }
.shck_box .item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-radius: 8px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;}   
.shck_box .gr:nth-child(2n) .item{flex-direction: row-reverse;}
.shck_box .content {width: 45.7%;}
.shck_box .tag {display:inline-flex; padding:0 14px 2px 14px;border-radius: 4px;font-size:calc(14px + 0.02rem);font-weight:bold;line-height:28px; background-color: #238EBD;color: #fff; margin-top: 0.16rem;}
.shck_box .tit24 {width: 100%;text-align: left;font-weight: bold;
}
.shck_box ._cont1{margin-top: 0.30rem;}
.shck_box .image {width:48.2%;overflow: hidden;border-radius: 9px; line-height: 0;}
.shck_box .image img {width: 100%;}

@media screen and (max-width:1024px)  {
.shck_box ._cont1{margin-top: 15px; }
.shck_box .tag {font-size:14px;line-height:24px;margin-top:12px;}
}

 @media screen and (max-width:767px) {
.shck_box .content {width: 100%;margin-bottom:25px;}
.shck_box .image {width: 100%;}
}       




/* 共融社会-人权管理 */
.rygl_box .section {display: flex; flex-wrap: wrap; justify-content: space-between;margin-top: 0.6rem;background:rgba(38, 144, 188, 1);}
.rygl_box .section:nth-child(even) {flex-direction: row-reverse;}    
.rygl_box .content1 {width: 50%; padding:0.3rem 0.7rem;color: white;display: flex;flex-direction: column; justify-content: center;background:url(img/rq.png)  right bottom no-repeat; background-size:3.39rem auto; }
.rygl_box .section:nth-child(3n+2){background:rgba(44, 102, 136, 1);}
.rygl_box .section:nth-child(3n+3){background:rgba(49, 83, 170, 1);}
.rygl_box .content1 .h2 {font-size: 0.26rem;margin-bottom:0.16rem;line-height: 0.4rem;font-weight: 400; }
.rygl_box .content1 .ul {max-height: 3.8rem; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.5) transparent;font-size: 0.16rem;line-height: 0.3rem; width:calc(100% + 15px); margin-right: -15px; /* text-align: justify; */}
.rygl_box .content1 .ul li {margin-top:0.08rem;padding-left: 0.24rem;position: relative;align-items: center; display: flex;line-height: 0.3rem;}
.rygl_box .content1 .ul li::before {
content: '';
position: absolute;
left: 0;
width: 0.12rem;
height: 0.12rem;
line-height:0.3rem;
background-image:url(img/rq1.svg);
background-size: contain;
background-repeat: no-repeat;
align-items: center;
display: flex;
top: 9px;
}       
.rygl_box .image1 {width: 50%; overflow: hidden;} 
.rygl_box .image1 img { width: 100%;display: block;object-fit: cover;}

@media  screen and (max-width: 1400px){
.rygl_box .content1 {padding:0.3rem 0.5rem;}
.rygl_box .content1 .ul{max-height: 288px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.5) transparent;padding-right:20px;font-size: 14px;line-height: 24px;}
.rygl_box .content1 .ul li{line-height: 24px;}
}

@media  screen and (max-width: 1024px){
.rygl_box .section {margin-top:30px;}	
.rygl_box .content1 {padding:25px 20px;}
.rygl_box .content1 .h2 {font-size: 18px;line-height:26px; }
.rygl_box .content1 .ul{max-height: 180px;}
.rygl_box .content1 .ul li {padding-left: 16px;}
.rygl_box .content1 .ul li::before {width: 8px;height: 8px;line-height:22px;}       
}

@media  screen and (max-width:767px) {
.rygl_box .content1 {width: 100%;}
.rygl_box .image1 {width: 100%; }
.rygl_box .content1  .ul{max-height: inherit;}
 }       

.pd40{padding-bottom:0.4rem;}
.main-content {display: flex;gap:0.46rem;align-items: stretch;}
@media  screen and (max-width:767px) {
.pd40{padding-bottom:20px;}
.main-content {gap:16px;}

}

.stats-section {width: 65%;display: flex;flex-direction: column;background:linear-gradient(0.00deg, rgba(236, 249, 255, 1),rgba(255, 255, 255, 1) 50%,rgba(236, 249, 255, 1) 100%); padding:2px 0.4rem; border-radius: 8px; }
.stats-card {display: flex;justify-content: space-between;align-items: center;padding:0.38rem 0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.stats-card:last-child {border-bottom: none;}
.stats-content {display: flex;align-items: center;gap: 0.24rem;}
.stats-icon { width: 0.4rem;height: 0.4rem;display: flex;align-items: center;justify-content: center; line-height: 0;}
.stats-icon img{width: 100%;}
.stats-text ._cont1 {color: #444444;}
.stats-percentage {font-size: 0.26rem;color:#238EBD; font-weight: bold;line-height: 0.4rem;}

.certificates-section {width: 35%;display: flex;flex-direction: row;align-items: flex-start;gap: 0.26rem;}
.certificate-card {text-align: center;flex: 1; width: 100%;}
.certificate-image {width: 100%;height: 100%;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.17);}
.certificate-title {text-align: center;color: #444444; margin-top: 0.08rem;}


@media  screen and (max-width:1024px) {
.main-content{display: block;}	
.stats-section {width: 100%; padding:2px 15px; border-radius: 8px; }
.stats-content {gap:12px;}
.stats-card{ padding: 16px 0;}
.stats-icon { width:30px;height:30px;}
.stats-percentage {font-size:16px;line-height:26px;}
.certificates-section {width: 100%; margin-top: 20px;}
.certificate-title {margin-top:8px;}

}


.pt80{padding-top: 0.8rem;}       
.biao {display: flex;justify-content: space-between;align-items: flex-start;gap: 0.46rem;}
.biao1-title {color: #238EBD;font-size: 0.20rem;margin-bottom: 0.16rem;font-weight: 700;text-align: center;line-height: 0.3rem;}
.biao1-image { width: 100%;border-radius: 4px; display: block; }
.biao-1 {width: 100%;}
.biao1-2{ position: relative;}
.biao1-2 .femlei{ position: absolute; right: 0; top: 0; z-index: 6; display: inline-flex;}
.biao1-2 .femlei .nian{display: inline-flex;color: var(--标题, rgba(68, 68, 68, 1));position: relative; margin-left: 0.4rem; font-size:calc(14px + 0.02rem);line-height: 0.3rem; padding-left:24px;}
.biao1-2 .femlei .nian::after{ position: absolute; left: 0; top:50%; margin-top:-8px; width: 16px; height: 16px; content: '';background: linear-gradient(180.00deg, rgba(35, 142, 189, 1),rgba(132, 217, 255, 1) 100%);}
.biao1-2 .femlei .nian:nth-child(2)::after{background: linear-gradient(0.00deg, rgba(255, 195, 109, 1),rgba(255, 150, 0, 1) 100%);}

@media  screen and (max-width:1024px) {
.pt80{padding-top:35px;}   
 .biao {gap:20px;}
 .biao1-title {font-size:16px;margin-bottom:16px;line-height:26px;}
 .biao1-2 .femlei { position: static; justify-content: center;width: 100%;}
  .biao1-2 .femlei .nian{ padding-left: 16px;margin:0 10px; }
 .biao1-2 .femlei .nian::after{  margin-top:-6px; width: 12px; height: 12px;}
 }     
@media  screen and (max-width:767px) {

 .biao { display: block;}
 .biao1 { display: block; margin-top: 25px;}
 .biao1:first-child {  margin-top: 0;}
 
 }   

/*xj*/
/* 内页内页内页内页内页 */
/* 2 诚信治理-法规遵循 */
.co-gray{color: #878786;}
.co-blue{color: #238EBD;}
.co-444{color: #444;}
.text14{font-size: 14px;}
.pt100{padding-top: 1rem;}
.pb100{padding-bottom: 1rem;}
.header-title2 {font-size: 36px; line-height:40px; font-weight: 400; color:rgba(68, 68, 68, 1);}
.cxzl-ico{width: 100%;display: block;line-height: 0;margin-bottom: 0.48rem;}
.cxzl-ico img{width: 0.64rem;height: 0.64rem;}
.cxzl-ico1{width: 100%;display: block;line-height: 0;}
.cxzl-ico1 img{width: 0.48rem;height: 0.48rem;}
.cxzl-title{color: #238EBD;font-size: 0.24rem;font-weight: 700;line-height: 0.3rem;margin-bottom: 0.3rem;}
.cxzl-title01{font-size: 20px;font-weight: 700;line-height: 30px;color: #238EBD;}
.co-fff{color: #fff;}
.cxzl-item{padding: 0.4rem 0.36rem;border-radius: 8px;background:linear-gradient(0.00deg, rgba(236, 249, 255, 1),rgba(255, 255, 255, 1) 50%,rgba(236, 249, 255, 1) 100%);}
.item-cont{display: grid; grid-template-columns: repeat(4, 1fr);gap: 0.3rem;}
.cxzl-item ._cont1{ margin-top: 8px;  text-align: left;}
.cxzl-item .tit20{ margin-top: 0.32rem;color: var(--主色, rgba(35, 142, 189, 1));
text-align: left;}
.part2{display: flex;justify-content: space-between;align-items: center;gap: 1rem;flex-wrap: wrap;}
.part2-text{flex: 1;min-width: 300px;width: 42.8%;}
.image-cont{width: 50%;}
.part2-image{width: 100%;}
.part2-image img{width: 100%;height: 100%;object-fit: cover;display: block;}
.ny-title{margin-bottom: 0.4rem;}
.part2-title{margin-bottom: 0.3rem;font-size: 24px;line-height: 30px;font-weight: 700;}
.ty-text{width: 100%;}
.item-cont2{display: flex; gap: 0.26rem;align-items: center;align-items: stretch;}
.item-cont2 .tit-cont{display: flex;margin-bottom: 16px;}
.item-cont2 .item01{background-color:#6DADC9;padding: 0.64rem 0.4rem;border-radius: 8px;}
.item-cont2 .item01 .tit20{ text-align: left;}
.item-cont2 .item02{background-color:#238EBD;}
.item-cont2 .item03{background-color:#00638E;}
._zhu{color:rgba(135, 135, 134, 1);width: 100%;
font-size: 14px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0px;
text-align: left;}

@media  screen and (max-width: 1024px){
.pt100{padding-top: 35px;}
.pb100{padding-bottom: 35px;}
.cxzl{margin-top:20px;}	
.cxzl-title{font-size:17px; line-height:26px;margin-bottom:12px;}  
.image-cont{width: 100%;}
.cxzl-ico{margin-bottom:14px;}
.cxzl-ico img{width:40px;height:40px;}
.cxzl-ico1 img{width:30px;height:30px;}
.item-cont2 .item01{padding:25px 20px;}
.item-cont2 .item01 .nt16{margin-top:8px;}
.cxzl-item{padding:20px 15px;}
.item-cont{grid-template-columns: repeat(2, 1fr);gap:15px;}
.item-cont2 .tit-cont{margin-bottom:8px;}
}
@media  screen and (max-width: 767px){
.item-cont2{display: grid;grid-template-columns: repeat(1, 1fr);gap:15px;}
.cxzl-item ._cont1{font-size: 13px;}
.cxzl-item .tit20{font-size: 15px;}
}


/* 4产品创新-创新研发与智财管理 */
.bg_jb{background: linear-gradient(180.00deg, rgba(35, 142, 189, 1) 26%,rgba(35, 142, 189, 0) 100%); position: relative; overflow: hidden; width: 100%;}
.bg_jb .pic1{ display: block; line-height: 0; z-index: 1; position: absolute; width:2.18rem; left:0.98rem; top:2.48rem;}
.bg_jb .pic2{ display: block; line-height: 0; z-index: 1; position: absolute; width:6.1rem; right:-0.93rem; top:2.29rem;}

.flexbox1{display: flex; flex-wrap: wrap; width: 100%; justify-content: center;} 
.flexbox1 .div{width:2.3rem; margin: 0 0.64rem;}
.flexbox2{display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}
.flexbox2 .div1{width:2.3rem;}
.flexbox{display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;align-items: center; }
.flexbox .left{width: 46.4%;}
.flexbox .right{width: 46%;}
.dygr1 .w49{width: 49.2%;}
.tit_da .hei56{line-height: 0.46rem;}
.tit_da .icos1{ margin-top: 0.2rem;}
.flexbox .right .tit20{font-size: 0.3rem;
  line-height: 0.4rem;}

@media  screen and (max-width:1024px) {
.dygr1 .w49{width: 100%; margin-top: 20px;}
.dygr1 .w49:first-child{ margin-top: 0;}
.flexbox .left{width: 100%;}
.flexbox .right{width: 100%;margin-top:25px;}
.tit_da .hei56{line-height:24px;}
.tit_da .icos1{ margin-top:5px;}
.bg_jb{background: linear-gradient(180.00deg, rgba(35, 142, 189, 1) 26%,rgba(35, 142, 189, 0.1) 100%);}
.flexbox1 .div {width: 33.33%;  margin: 0 ;}
.flexbox2{ justify-content: center;}
.flexbox2 .div1 {width: 33.33%; }
.flexbox .right .tit20{font-size:18px;
line-height:24px;}
 }    
@media  screen and (max-width:767px) {
.tit_da .hei56 .s{ display: block;}	 
 }


.ul-cont li{color: #fff;font-size: 16px;font-weight: 400;line-height: 30px;}

.arrow-cont{width: 0.48rem;height:  0.48rem;flex-shrink: 0; overflow: visible; align-self: center; line-height: 0;}
.arrow-cont img{width: 100%; height: 100%; object-fit: contain;}
.part4-cont{display: flex; flex-wrap: wrap;width: 100%; gap:0.94rem;}
.part4-item{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.part4-item .text{width: 42.8%;}
.part4-cont:nth-child(2) {margin-bottom: 0;}
.part4-item:nth-child(2) {flex-direction: row-reverse;}
.part4-image {width:100%;overflow: hidden; line-height: 0; border-radius: 8px;}
.part4-image img{width: 100%;height: 100%;object-fit: cover;display: block;}

@media  screen and (max-width:1024px) {
.part4-item .text{width: 100%; margin-bottom: 20px;}
.flexbox .left{width: 100%;}
.flexbox .right{width: 100%;}
.arrow-cont{width:30px;height: 30px; margin:0 auto;}
 }  

/* ------5产品创新-产品品质与责任 */
.wrapper{display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;}
.text-cont{width: 46.4%;margin-top: -0.8rem;}
.honor-image {width: 51.1%;overflow: hidden;}
.honor-image img {width: auto; height: auto; max-width: 100%; display: block;object-fit: cover;}
.nt40{margin-top: 40px;}
.item-cont3{display: grid; grid-template-columns: repeat(3, 1fr);gap: 0.4rem;}
.item-cont3  .item04{border-radius: 8px;
background: rgba(109, 173, 201, 1);}
.item-cont3  .item04:nth-child(3n+2){background: rgba(35, 142, 189, 1);}
.item-cont3  .item04:nth-child(3n+3){background: rgba(0, 99, 142, 1);}
.item-cont3  .tit20{ text-align: left;}
.item-cont3  .ul-cont{ letter-spacing: 1px;}
.pd64{padding: 0.64rem 0.4rem;}


@media  screen and (max-width:1600px) {
.text-cont{margin-top:0;}	
.text-cont .info.nt40{margin:30px 0 0.8rem 0;}		
}	
@media  screen and (max-width:1024px) {
.nt40{margin-top: 15px;}
.pd64{padding:20px 15px;}
.text-cont{width: 100%;margin-top: 0;}
.honor-image {width: 100%; margin-top: 25px;}
.item-cont3  .ul-cont{ letter-spacing: 0;}
.text-cont .info.nt40{margin:15px 0 0 0;}		
 }

/* ----7产品创新-客户关系维护 */
.nt16{margin-top: 16px;}
.header-title3{color: rgba(68, 68, 68, 1));font-weight: bold;font-size: 20px;font-weight: 700;line-height: 30px;}
.item-cont4{display: flex;gap:0.3rem;}

@media  screen and (max-width:1024px) {
.item-cont4{gap:15px;}
.item-cont3{gap:15px;}
 }
@media  screen and (max-width:767px) {
.item-cont4{gap:15px;display: grid; grid-template-columns: repeat(1, 1fr);}
.item-cont3{grid-template-columns: repeat(1, 1fr);}
 }

/* 10 绿色运营-水资源管理*/
.cen-cont{text-align: center;}

.water-stats-container {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.3rem;}
.water-stat-card {padding: 0.29rem 0.39rem;border-radius: 8px;color: #fff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.water-row {display: flex;justify-content: space-between;align-items: center;padding:4px 0;}
.water-stat-card.blue {background-color: #238EBD;}
.water-stat-card.gray {background-color: #878786;}
.water-amount{font-weight: bold;line-height: 0.4rem;font-size: 0.3rem;font-weight: bold;line-height: 0.4rem;color: #fff;}
.water-type{font-weight: bold;line-height: 0.4rem;font-size: 0.3rem;font-weight: bold;line-height: 0.4rem;color: #fff;}
.water-change{ display: inline-flex; align-items: flex-start;}
.water-change img{width: 0.3rem;line-height: 0.3rem; margin-right: 8px;margin-top: 0.05rem;}
.water-stat-card ._cont1{ width: auto;}

/* 12共融社会-多元共融 */
.left1,.right1{text-align: left;}
._left{ text-align: left;}
.liucheng{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.liucheng .zuo{width: 50%;}
.liucheng .you{width: 46.5%;}
.liucheng .you .rt{width:2.13rem; position: absolute; right: 0; top:5px; z-index: 6;  display: flex; flex-wrap: wrap;background: #fff;border-radius: 0.39rem 0.39rem 0.39rem 0.16rem;
box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.07);
background: rgba(255, 255, 255, 1);}
.liucheng .you .rt ._cont1{ padding: 0 0.18rem 15px 0.18rem; line-height: 1.3;}
.liucheng .you .tit20{width: 100%; text-align: center;color:rgba(35, 142, 189, 1);padding: 9px;border-radius: 0.39rem 0.12rem 0px 0px;
background: linear-gradient(180.00deg, rgba(35, 142, 189, 0.47),rgba(35, 142, 189, 0) 100%); font-size: 0.18rem;
text-align: center;}
.liucheng .you .title{width: 90.3%; height: 4.95rem; display: flex; flex-wrap: wrap;background: url(img/ixo40.png) center no-repeat;background-size: 100% 100% !important;padding: 0.74rem 0 0.28rem 0; margin-left: 0.35rem;}
.liucheng .you .div{width: 100%; height:33.33%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;color:rgba(255, 255, 255, 1);
font-style: Bold;
font-size: 0.18rem;
font-weight: 700;
line-height: 0.26rem;
letter-spacing: 0px;
text-align: center;  padding: 0 30%;}
.liucheng .you .top{width: 100%; position:relative;}
.liucheng .you .down{width: 100%; }
.liucheng .you .dl{width: 100%; display: flex; flex-wrap: wrap;margin-top: 26px;}
.liucheng .you .dd{ display: flex; flex-wrap: wrap; align-content: flex-start; width: 33.33%; padding:0 0.24rem;border-right: 1px solid  rgba(0, 0, 0, 0.1);}
.liucheng .you .dd:nth-child(3n){border:0 !important;}
.liucheng .you  .tit1{color: rgba(49, 105, 139, 1); margin-bottom: 0.16rem;
font-style: Bold;
font-size: calc(14px + 0.04rem);
font-weight: 700;
line-height: 24px;
letter-spacing: 0px;
text-align: left;}
.liucheng .you .dd:nth-child(3n+2) .tit1{color: rgba(35, 142, 189, 1);}
.liucheng .you .dd:nth-child(3n+3) .tit1{color: rgba(49, 83, 170, 1);}
.liucheng .you .div:first-child{ padding-top:0.4rem;}

@media  screen and (max-width:1600px) {
.liucheng .you .title{ margin-left: 0;}
}
@media  screen and (max-width:1024px) {
.liucheng .zuo{width: 100%;}
.liucheng .you{width: 100%;}
.water-stat-card {padding:15px 15px;}
.water-stats-container {gap:15px;}
.water-amount {font-size: 18px;line-height:28px;}
.water-type {font-size: 18px;line-height:28px;}
.water-change img{width:18px;line-height: 18px; margin-top: 5px; margin-right:5px;}
.liucheng .you .rt{ width: 100%; position:static;}
.liucheng .you .rt ._cont1{ padding: 5px 15px 15px 15px;}
.liucheng .you .title{  width:100%;height:270px;padding:40px 0 14px 0; margin-left: 0; }
.liucheng .you .div{font-size: 12px;line-height:1.3;text-align: center;}
.liucheng .you .div:first-child{ padding-top:25px;}
.liucheng .you .tit20{    font-size: 16px;}
 }
@media  screen and (max-width:767px) {
.water-stats-container {grid-template-columns: repeat(1, 1fr);}	
.liucheng .you .rt{ width: 100%; position:static;}
.liucheng .you .dd{ width: 100%; padding:20px 0;border-right:0;border-bottom: 1px solid  rgba(0, 0, 0, 0.1);}
.liucheng .you .title{ width:100%;}

}


/*20260413start*/
.t_navs .lang{ display: flex; align-items: center; justify-content: center; position:relative; height:0.88rem;}
.t_navs .lang:hover .sub{ display: block;}

@media  screen and (max-width:1024px) {
.t_navs .lang{ height:50px;}
/* .t_navs .sub{ display: block;} */
.t_navs .sub .u1 .l1 a{ line-height:24px; font-size:14px; padding:5px 16px;}
}


/*20260413end*/



/*20260416start*/
.biao1.w65{ width:65%;}
.biao1.w35{ width:35%;}
.biao1.w48{ width:48.36%;}


@media  screen and (max-width:1024px) {
.biao1.w65{ width:100%;}
.biao1.w35{ width:100%;}
.biao1.w48{ width:100%;}
}


.cw_box1 ._table2 table td:first-child{ white-space: nowrap;}
.cw_box  ._table2 table .btn{ white-space: nowrap;}
.mbx{ white-space: nowrap;}

/*20260416end*/




/*20260418start*/
.mbxbox{ position: relative;}
.mbxbox .slide1{ margin-right: 30px;}
.mbxbox .swiper-notification{ display:none;}
.mbxbox .swiper-next{ z-index: 6; cursor: pointer; display:block; position: absolute; left:60%; top: 0; width: 30px; height: 100%;}
.mbxbox .swiper-next::after{ display: block; content: ''; position:absolute; left:50%; top: 50%; margin: -4px 0 0 -4px; width: 8px; height: 8px; border-top: 1px solid #fff;border-right: 1px solid #fff; transform: rotate(45deg); -ms-transform: rotate(45deg);}

@media  screen and (max-width:1024px) {
.mbxbox .slide1{ margin-right: 0;}
.mbxbox .swiper-next{ left:auto; right: 0;  background: rgba(35, 142, 189, 1);}

}

/*20260418end*/

.sitemap{ width:100%; overflow:hidden;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#238EBD;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}