@charset "UTF-8";
html{
  font-size: 7.14vw;
}
@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: #1e3084 rgba(255, 255, 255, .75);
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #1e3084;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #1e3084;border-radius:8px;
}	


.w_width{max-width:1600px; margin-right: auto; margin-left: auto;}
.w1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.8rem;padding-right:0.8rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}



.t_navs{ position:fixed; left:0; top:0; z-index: 100; width: 100%;  }
.t_navs .top{ position:relative; z-index: 100; width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; padding:0 0.6rem;}
.t_navs .logo{ line-height: 0; float: left; position: relative; z-index: 100;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:0.54rem;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .menu{float: left; position: relative; z-index: 100;}
.t_navs .menu.active{ opacity: 0;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin:0 0.1rem;}
.t_navs .menu .nli span a{ display: block;position: relative;line-height:0.94rem; font-size:0.18rem;color: #fff; padding:0 0.26rem; }
.t_navs .menu .nli span a::after{ content:''; display: block; position: absolute; left:50%; bottom:0.15rem; height:1px; width:0; background:#fff; transform: translateX(-50%); -ms-transform: translateX(-50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.t_navs .menu .nli:hover span a i{display: block;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{color: #fff;}
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{ width:calc(100% - 0.52rem);}
.t_navs .sub3{ display: none; position: absolute;top:100%; left:50%; z-index: 10; margin-top:-0.16rem; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .sub3 .ul{ width: auto; white-space: nowrap; padding:16px 12px 20px 12px; background:#fff; border-radius:10px; position: relative;}
.t_navs .sub3 .ul::after{ content: ''; display: block;  position: absolute; left:50%; bottom:100%; border-left:9px solid transparent; border-right:9px solid transparent;border-bottom:8px solid #fff; margin-left: -9px;  }
.t_navs .sub3 .ul .li{ display: block; width:100%;}
.t_navs .sub3 .ul .li a{  display: block; width:100%; color: #000; line-height:32px; font-size:16px; padding:0 20px; position: relative}
.t_navs .sub3 .ul .li:hover a{ color:#1e3084;}

.t_navs .sub4{ display:none; position: absolute; top:100%; left:0; z-index: 10; width: 100%; padding:0 0.6rem;}
.t_navs .sub4 .sect{ display: flex; width: 100%; background:#fff}
.t_navs .sub4 .hd{ display: flex; flex-wrap: wrap; align-items: flex-start; background:#E6EEF9; width:3.2rem; min-width:3.2rem;}
.t_navs .sub4 .u1{ display: block; width:100%; }
.t_navs .sub4 .u1 .l1{ display: block; width:100%; }
.t_navs .sub4 .u1 .l1 a{ display: flex; align-items: center; width:100%; color: #000; height: 1.13rem; line-height:1.4; font-size:0.18rem; padding:0.3rem 0.4rem; border-bottom: 1px solid #000;}
.t_navs .sub4 .u1 .l1:last-child a{ border-bottom: 0;}
.t_navs .sub4 .u1 .l1 a::after{ display: block; content:''; position: absolute; right:15px; top:50%; width:8px; height:8px; border-right:1px solid; border-top:1px solid; border-color:  #666666; margin-top: -6px; transform: rotate(45deg); -ms-transform: rotate(45deg); }
.t_navs .sub4 .u1 .l1 a img{ width:0.3rem; height: 0.3rem; margin-right: 0.16rem;}
.t_navs .sub4 .u1 .l1.on a{ background:#1e3084; color: #fff; }
.t_navs .sub4 .u1 .l1 a .img1{ display: block;}
.t_navs .sub4 .u1 .l1 a .img2{ display: none;}
.t_navs .sub4 .u1 .l1.on a .img1{ display: none;}
.t_navs .sub4 .u1 .l1.on a .img2{ display: block;}
.t_navs .sub4 .bd{ display: flex; flex-wrap: wrap; width:100%; overflow: hidden; padding:0.17rem 0.52rem;}
.t_navs .sub4 .u2 { display: flex; flex-wrap: wrap; align-items: flex-start; width:100%; -webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.t_navs .sub4 .u2 .l1{ display: flex;  width:20%; padding:0.2rem 0.5rem; }
.t_navs .sub4 .u2 .l1:nth-child(3n+2){justify-content: center;}
.t_navs .sub4 .u2 .l1:nth-child(3n+3){justify-content: flex-end;}
.t_navs .sub4 .u2 .l1 a{ display: flex; flex-wrap: wrap; width:2.6rem; justify-content: center; text-align: center; }
.t_navs .sub4 .u2 .l1 .tit{ width:100%; color: #000;line-height:24px; font-size:calc(14px + 0.02rem); font-weight: bold; margin-top: 0.24rem;}
.t_navs .sub4 .u2 .l1 .info{ width:100%; color: #555;line-height:24px; font-size:14px; margin-top: 0.08rem;}
.t_navs .sub4 .u2 .l1 .pic{ width:70%;}
.t_navs .sub4 .u2 .l1 ._img{ padding-bottom:87.9%;}
.t_navs .sub4 .u2 .l1 ._img img{ object-fit: contain;}
.t_navs .sub4 .u2 .l1 a:hover .tit{ color:#1e3084; }

.t_navs .menupc{ display:flex; align-items: center; position: relative; z-index: 100; width:24px; height:0.94rem; background: url(img/menupc.png) center no-repeat; background-size:100% auto !important;  cursor: pointer; }
.t_navs .lang{ display:flex; align-items: center; position: relative; z-index: 100;margin:0 -10px;}
.t_navs .lang .a{ display:flex; align-items: center; position: relative; width:44px; height:0.94rem; background: url(img/lang.png) center no-repeat; background-size:24px auto !important; }

.t_navs .lang .down1{ display: none; position: absolute;top:100%; left:50%; z-index: 10; margin-top: -0.16rem; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .lang .down1 .ul{ width: auto; white-space: nowrap; padding:16px 12px 20px 12px; background:#fff; border-radius:10px; position: relative;}
.t_navs .lang .down1 .ul::after{ content: ''; display: block;  position: absolute; left:50%; bottom:100%; border-left:9px solid transparent; border-right:9px solid transparent;border-bottom:8px solid #fff; margin-left: -9px;  }
/* .t_navs .lang:hover .down1{ display: block;} */
.t_navs .lang .down1 .li{ display: block; width:100%;}
.t_navs .lang .down1 .li a{  display: block; width:100%; color: #000; line-height:32px; font-size:16px; padding:0 20px; position: relative}
.t_navs .lang .down1 .li:hover a{ color:#1e3084;}


.t_navs .ss_search{float: left; display:flex; margin:0 0.24rem;}
.t_navs .ss_search ._t{ position: relative; z-index: 100; cursor: pointer; display:flex; height:0.94rem; width:24px; background: url(img/_search.png) center no-repeat; background-size:100% auto !important;}
.t_navs ._b{width: 100%;background:rgba(0, 13, 40, 1);z-index: 99;position: fixed;left: 0;top:0;display: none; height:280px;}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%); margin-top:0.4rem; padding: 0 64px 0 20px;border:0; border-radius: 4px; background:rgba(255, 255, 255, 0.1);}
.t_navs ._b .input input{width: 100%;height: 54px;display: block;font-size: 15px;color: #fff;}
.t_navs ._b .input input::placeholder{color:rgba(255, 255, 255, 0.5); opacity:1 !important;}
.t_navs ._b .input .img{width:64px;height: 54px;display: block;position: absolute;right: 0;top:0;cursor: pointer; background: url(img/_search.png) center no-repeat; background-size:24px auto !important;}
.t_navs ._b .input .img:hover{ opacity:0.6;}



.t_navs.act .top{ background:#000;}
.t_navs.bct .top{ background:#000;}

.t_navs.navFix{ transform: translateY(-110%); -ms-transform: translateY(-110%); }

@media screen and (max-width:1920px) {
.t_navs .sub4 .u2 .l1{ display: flex;  width:20%; padding:0.2rem 0.4rem; }
}
@media screen and (max-width:1600px) {
.t_navs .sub4 .bd{  padding: 0.17rem 0.5rem;}		
.t_navs .sub4 .u2 .l1 a{ width:100%; }	
.t_navs .sub4 .u2 .l1{ padding:0.17rem 0.3rem; }	
}
@media screen and (max-width:1440px) {
.t_navs .sub4 .u1 .l1 a{ height: 1.1rem;}	
.t_navs .sub4 .bd{  padding: 0.17rem 0.3rem;}	
.t_navs .sub4 .u2 .l1 a{ width:100%; }	
.t_navs .sub4 .u2 .l1{ padding:0.17rem 0.3rem; }	
}
@media screen and (max-width:1024px) {
.t_navs .top{ padding:0 15px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ width: auto; height:30px;}
.t_navs .ss_search{ display:none;}
.t_navs .menupc{ display:none;}
.t_navs .lang{  margin:0 10px 0 0;}
.t_navs .lang .a{ height: 50px;}
.t_navs .lang .down1{ margin-top:0; padding:12px 0 0 0;}
.t_navs .lang .down1 .ul{padding:6px 12px;}
.t_navs .lang .down1 .li a{ line-height:30px; font-size:14px; padding:5px 16px;}

}



.menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.menuph .point { float:left; width: 100%;  height: 20px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 100%;}
.menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #fff;
-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: #fff;
-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{font-size:16px;color: #000; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%; text-transform: uppercase;}
.xialaph .on .a1{ color: #1e3084;}
.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:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #000;  border-right:1px solid #000;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}
.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: #333;line-height:24px; text-transform: uppercase;}
.xialaph .on .a2{ color:#1e3084;}
.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: #333;line-height:24px; text-transform: uppercase;}
.xialaph .input_box{width: 100%;margin-top:40px;position: relative;}
.xialaph .input_box input{width: 100%;height:48px;font-size: 15px;color: #000; padding: 0 54px 0 16px;border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; background: #fff;}
.xialaph .input_box input::placeholder{color:rgba(0,0,0,0.5); opacity:1 !important;}
.xialaph .input_box .img{width:54px;height:48px;cursor: pointer;position: absolute;right: 0;top:0;background: url(img/_search.png) center no-repeat #1e3084; background-size:20px !important;border-radius: 4px;}




@-webkit-keyframes circle_right {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }
    50%,
    100% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
}

@keyframes circle_right {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }
    50%,
    100% {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
}

.circle_right {
    -webkit-animation-name: circle_right;
    animation-name: circle_right
}



.Box_line .l {
    position: absolute;
    width: 2.9rem;
    height: 5.8rem;
    top: 0;
    left: 0;
    overflow: hidden;
    border-radius: 15px 0 0 15px;
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    -ms-border-radius: 15px 0 0 15px;
    -o-border-radius: 15px 0 0 15px;
}

.Box_line .r {
    position: absolute;
    width: 2.9rem;
    height: 5.8rem;
    top: 0;
    right: 0;
    overflow: hidden;
    border-radius: 0 15px 15px 0;
    -webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    -ms-border-radius: 0 15px 15px 0;
    -o-border-radius: 0 15px 15px 0;
}

.Box_line .l:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width:  5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    box-sizing: border-box;
    border: 4px solid #fff;
    border-color: transparent #fff #fff transparent;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.Box_line .r:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    box-sizing: border-box;
    border: 4px solid #fff;
    border-color: #fff transparent transparent #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.index-banner .swiper-slide-active .Box_line .l:after {
    -webkit-animation: circle_right 5s linear 1 forwards;
    -moz-animation: circle_right 5s linear 1 forwards;
    -o-animation: circle_right 5s linear 1 forwards;
    animation: circle_right 5s linear 1 forwards;
}

.index-banner .swiper-slide-active .Box_line .r:after {
    -webkit-animation: circle_right 5s 2.5s linear 1 forwards;
    -moz-animation: circle_right 5s 2.5s linear 1 forwards;
    -o-animation: circle_right 5s 2.5s linear 1 forwards;
    animation: circle_right 5s 2.5s linear 1 forwards;
}



.Box_line{
    width: 5.8rem;
    height:  5.8rem;
    position: absolute;
    left:50%;
    top: 50%;
    z-index: -1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: -2.9rem 0 0 -2.9rem;
    transform: rotate(-180deg);
	 background: url(img/xian1.png) center no-repeat; background-size:100% !important;
}
.Box_line::after{ content: '';
    width: 106%;
    height:106%;
    position: absolute;
    left:50%;
    top: 50%;
    z-index: -1; margin: -53% 0 0 -53%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
	 background: url(img/xian2.png) center no-repeat; background-size:100% !important;
}

.index-banner .swiper-slide-active .Box_line::after{
	
	-webkit-animation: move 5s linear 1 forwards;
	-moz-animation: move 5s linear 1 forwards;
	-o-animation: move 5s linear 1 forwards;
	animation: move 5s linear 1 forwards;
}


@keyframes move {
    0% {
        transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
    }
    100% {
       transform:rotate(360deg);
       -webkit-transform:rotate(360deg);
    }
}





@media screen and (max-width:1600px) {
.Box_line .l {
    width: 2.4rem;
    height: 4.8rem;
}
.Box_line .r {
   width: 2.4rem;
   height: 4.8rem;
}

.Box_line .l:after {
       width:  4.8rem;
       height: 4.8rem;
   }
   
   .Box_line .r:after {
      width:  4.8rem;
      height: 4.8rem;
}
.Box_line{
    width: 4.8rem;
    height:  4.8rem;
    margin: -2.4rem 0 0 -2.4rem;
}
}	
@media screen and (max-width:1024px) {
.Box_line .l {
    width: 160px;
    height: 320px;
}
.Box_line .r {
   width: 160px;
   height: 320px;
}

.Box_line .l:after {
     width:  320px;
     height: 320px;
     border: 2px solid #fff;
     border-color: transparent #fff #fff transparent;
 }
 
 .Box_line .r:after {
     width: 320px;
     height: 320px;
     border: 2px solid #fff;
     border-color: #fff transparent transparent #fff;

}
.Box_line{
    width: 320px;
    height:320px;
    margin: -160px 0 0 -160px;
}

}
@media screen and (max-width:370px) {
.Box_line .l {
    width: 145px;
    height: 290px;
}
.Box_line .r {
   width: 145px;
   height: 290px;
}

.Box_line .l:after {
     width:  290px;
     height: 290px;
     border: 2px solid #fff;
     border-color: transparent #fff #fff transparent;
 }
 
 .Box_line .r:after {
     width: 290px;
     height: 290px;
     border: 2px solid #fff;
     border-color: #fff transparent transparent #fff;

}
.Box_line{
    width: 290px;
    height:290px;
    margin: -145px 0 0 -145px;
}
}






/* banner */
.ban_bg{ 
position: absolute;
width: 100%;
height:1.4rem;
left: 0px;
top: 0px; z-index:8;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}

.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .div{ width:100%; line-height: 0; position: relative;}
.index-banner .pc_show{ width:100%; height: 100vh;object-fit: cover;}
.index-banner .ph_show{ width:100%;}
.index-banner .box{ display: block; width:100%; position: absolute; left: 0; top:50%; transform: translateY(-50%); -ms--transform: translateY(-50%); z-index: 6; }
.index-banner .cont{ display: block; position: relative; width:6rem; margin:0 auto; padding:0.5rem;}
.index-banner .box .tit1{ position: relative; z-index: 6; margin-top: 0.24rem;
 display: block; width:100%;
font-weight: 700;
font-size: 0.44rem;
line-height: 0.56rem;
text-align: center;
color: #FFFFFF;
}
.index-banner .box .info{  position: relative; z-index: 6;display: block; width:100%; margin-top: 0.24rem; padding:0 0.1rem;
font-weight: 400;text-align: center;
font-size: 0.2rem;
line-height: 0.36rem;
color: #FFFFFF;

}
.index-banner .btn{ position: relative; z-index: 6;display:flex; width: 100%; justify-content: center; margin-top:0.4rem;}
.index-banner .btn .a{ display:inline-flex; color: #fff; font-weight: 400; font-size:0.18rem;line-height:1; height:0.5rem; justify-content: center; align-items: center; border-radius:50px; gap:0 8px;padding: 0px 0.35rem;background:#1e3084;}
.index-banner .btn .a i{display: block; border-radius: 50%; border: 1px solid #fff; width:20px; height:20px; background: url(img/Arrow-right-up.svg) center no-repeat; background-size:10px !important;}
.index-banner .btn .a:hover{ background: #000;}
.index-banner .btn .a:hover i{ transform: rotate(45deg); -ms-transform: rotate(45deg);}

@media screen and (max-width:1600px) {
.index-banner .cont{ width:5rem; padding:0.5rem;}
.index-banner .box .tit1{
font-size: 0.34rem;
line-height: 0.44rem;
}
.index-banner .box .info{font-size: 0.19rem;
line-height: 0.32rem;}

}	
@media screen and (max-width:1024px) {
.index-banner .box .tit1{ font-size:18px; line-height:28px;}
.index-banner .box .info{ font-size:14px; line-height:26px; margin-top:10px; padding:0 10px;}
.index-banner .btn{ margin-top:20px; }
.index-banner .btn .a{height:36px; font-size:14px; padding:0 16px;}
.index-banner .btn .a img{ width:18px; height: 18px;}
.index-banner .cont{ width:340px;}
}
@media screen and (max-width:370px) {
.index-banner .cont{ width:100%;}
}



@-webkit-keyframes rode {
    0% {
      -webkit-transform:translate(-50%,-50%) rotate(0deg);
      transform:translate(-50%,-50%) rotate(0deg);
    }
    100% {
     -webkit-transform:translate(-50%,-50%) rotate(360deg);
     transform:translate(-50%,-50%) rotate(360deg);
    }
}

@-webkit-keyframes move1 {
    0% {
      -webkit-transform:translateY(-0.15rem);
      transform:translateY(-0.15rem);
    }
    1% {
       -webkit-transform:translateY(-0.15rem);
       transform:translateY(-0.15rem);
    }
    100% {
       -webkit-transform:translateY(0.15rem);
       transform:translateY(0.15rem);
    }
}

._mouse{ position: absolute; left:50%; bottom:19px; transform:translateX(-50%); -ms-transform:translateX(-50%); z-index:10;}
._mouse .p{ cursor: pointer; align-items: center; display: flex; flex-direction: column; justify-content: center; animation:move1 2s linear 0s infinite;line-height:0;}
._mouse img{width:0.32rem;}

@media (max-width: 1024px){
._mouse{ display:none;}
}



._Right{display:block; z-index:60; position:fixed; right:0.19rem; bottom:14vh; width:0.6rem;}
._Right .a{ display:flex; flex-wrap:wrap; width:100%; justify-content: center; align-items: center; line-height: 0; width:100%; height:0.6rem;  background:#1e3084; border-radius:4px;}
._Right .a:hover{background:#000;}
._Right .a img{ width:0.28rem; height:0.28rem;}

@media (max-width: 1024px){
._Right{ right:5px;  width:36px;}
._Right .a{height:36px;}
._Right .a img{ width:20px; height:20px;}
}



.footer1{overflow: hidden; padding-top: 1.02rem;}
.footer1 .top{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
.footer1 .down{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; padding: 23px 0;}
.footer1 .Copyright{ display:inline-block; flex-wrap: wrap; color:rgba(255, 255, 255, 0.7); font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); font-weight: 400; }
.footer1 .Copyright a{color:rgba(255, 255, 255, 0.7);}
.footer1 .Copyright a:hover{color: #fff;}
.footer1 .map1{ display:inline-flex; flex-wrap: wrap; color:rgba(255, 255, 255, 0.7); font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); font-weight: 400; }
.footer1 .map1 a{color:rgba(255, 255, 255, 0.7);}
.footer1 .map1 a:hover{color: #fff;}
.footer1 .left{ display: flex; flex-wrap: wrap; width:33%; }
.footer1 .right{ display: flex; flex-wrap: wrap; justify-content: space-between; width:58.75%;}
.footer1 .logo{ display:flex; line-height:0;}
.footer1 .logo img{ height:0.54rem; object-fit: contain;}
.footer1 .info{ display:block; width:100%; margin-top: 0.08rem;
font-weight: 400;
 font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem);
color:rgba(255, 255, 255, 0.7);
}
.footer1 .tel{ display:block; width:100%; margin: 0.04rem 0 0.16rem 0;
font-weight: 400;
 font-size:calc(18px + 0.06rem); line-height:30px;
color:rgba(255, 255, 255, 1);
}
.footer1 .share{ display:flex;}
.footer1 .share .li{display: inline-flex; position: relative;}
.footer1 .share .er{ float:left; width:110px; height:110px;position:absolute; left:50%; margin-left:-55px; top:115%; z-index:20;-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% 10%;
	-moz-transform-origin:50% 10%;
	-ms-transform-origin:50% 10%;
	-o-transform-origin:50% 10%;
	transform-origin:50% 10%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.footer1 .share .li:hover .er{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}
.footer1 .share a{ display:flex; align-items: center; justify-content: center; line-height:0; position: relative; width:0.48rem; height:0.48rem; background: rgba(255, 255, 255, 0.1); border-radius: 50%;}
.footer1 .share a img{ width:0.24rem; height:0.24rem; object-fit: contain;}
.footer1 .share a:hover{ background: #1e3084;}


.footer1 .midd{ position: relative; display:flex; flex-wrap: wrap; width:100%; align-items:flex-start; justify-content: space-between; padding:0.7rem 0 0.74rem 0;border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.footer1 .nav{ position:relative; z-index: 6; display: flex; flex-direction: column;}
.footer1 .nav .u2{ display: flex; flex-direction: column; padding-top:0.16rem; gap:0.08rem 0;}
.footer1 .nav .a1{ display:inline-flex; color: #fff;; 
font-weight: 400;
 font-size:calc(14px + 0.04rem);
line-height:calc(22px + 0.14rem);}
.footer1 .nav .a1:hover{ color: #fff; }
.footer1 .nav .a2{ display:inline-flex;; color:rgba(255, 255, 255, 0.7);
font-weight: 400;
 font-size:calc(14px + 0.02rem);
line-height:calc(22px + 0.08rem);
}
.footer1 .nav .a2:hover{ color: #fff; }
.footer1 .nav .ico{ display: none; position: absolute; right:0; top:0; width:44px; height: 44px; z-index: 6; }
.footer1 .nav .ico::after{ display: block; content:''; position: absolute; right:16px; top:16px; border-bottom: 2px solid #cad5e2; border-right: 2px solid #cad5e2; width:9px; height: 9px; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.footer1 .input{width:3.62rem;position: relative; padding: 0 64px 0 20px;border:0; border-radius: 4px; background:rgba(255, 255, 255, 0.1); margin-bottom: 0.22rem;}
.footer1 .input input{width: 100%;height:54px;display: block;font-size: 15px;color: #fff;}
.footer1 .input input::placeholder{color:rgba(255, 255, 255, 0.5); opacity:1 !important;}
.footer1 .input .img{width:64px;height: 54px;display: block;position: absolute;right: 0;top: 0;cursor: pointer; background: url(img/_search.png) center no-repeat; background-size:24px auto !important;}
.footer1 .input .img:hover{ opacity:0.6;}


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

}
@media (max-width: 1024px){
.footer1{  padding-top:35px;}	
.footer1 .nav{ width: 1000%; margin:7px 0;}
.footer1 .nav .a1{ padding:10px 14px; border-radius:3px; background:rgba(255,255,255,0.1); position: relative; font-size: 15px; line-height:24px;}
.footer1 .nav .ico{ display: block; }
.footer1 .nav .a2{ width:100%; margin-top: 6px;}
.footer1 .nav .u2{ display:none; padding:8px 14px 5px 14px;}
.footer1 .midd{ padding:20px 0 35px 0;}
.footer1 .share a{width:38px; height:38px;}
.footer1 .share a img{width:24px; height:24px;}
.footer1 .share .er{ left:auto; right: 0; margin-left:0; top:115%;}
.footer1 .logo{ text-align: center;}
.footer1 .logo img{ height:30px;}
.footer1 .left{position: relative;  width: 100%; }
.footer1 .right{ display: none; width: 100%;  margin:20px 0 0 0;}
.footer1 .input{width:100%; padding: 0 54px 0 16px; margin-bottom:20px;}
.footer1 .input input{height:44px;font-size: 14px;}
.footer1 .input .img{width:54px;height: 44px; background-size:20px auto !important;}

}
@media (max-width: 767px){
.footer1 .down{ justify-content: center;}	
.footer1 .Copyright{ text-align: center;}
.footer1 .Copyright a{ display: block;}
}









.case1{ display: block; width: 100%; overflow: hidden;}
.case1 .u2 { display:block;  width:100%;}
.case1 .u2 .li{ display:flex; flex-wrap: wrap; width:100%;}
.case1 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;}
.case1 .u2 .a .pic{ display: block; width: 100%; position: relative;}
.case1 .u2 .a ._img{ padding-bottom:62.5%; border-radius:16px;}
.case1 .u2 .a .cont{ width: 100%; padding:16px 0 0.3rem 0;position: relative; border-top: 1px solid #D9D9D9;}
.case1 .u2 .a .cont::after{ display: block; content: ''; position: absolute; left:0; top:-2px; z-index: 6; width:47px; height:2px;background:#1e3084;}
.case1 .u2 .a .tit{ width: 100%; color: #000;font-size:0.2rem; line-height:0.36rem;height:0.72rem; font-weight: 400; margin-top: 0.24rem;}
.case1 .u2 .a .p{ display: inline-flex;
padding: 2px 10px;
background: rgba(30, 48, 132, 0.1);
border-radius: 50px;
 color: #1e3084;font-size:14px; line-height:24px; margin-top:8px; }
.case1 .u2 .a .info{ width: 100%; display: flex; justify-content: space-between; }
.case1 .u2 .a .time{ display:flex;font-size:calc(14px + 0.04rem); line-height:30px;}
.case1 .u2 .a .c8{color:#888; opacity: 0.5;}
.case1 .u2 .a:hover .tit{color:#1e3084;}




@media screen and (max-width:1024px) {
.case1 .u2 .li{ width:100%;}	
.case1 .u2 .a .cont{ padding:10px 0 20px 0;}
.case1 .u2 .a .tit{font-size:16px; line-height:26px; height:52px; margin-top:6px; } 
}
@media screen and (max-width:767px) {

}








.swiper-box{ overflow: hidden;}
.swiper-box .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.swiper-box .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
/* .swiper-box .dowm::after{ content: ''; display:block; position: absolute; left:100%; top:24px; z-index:10; width:1000px; height:1px; background:rgba(0,0,0,0.1);} */
.swiper-box ._list2 .ul{ flex-wrap:initial;}
.swiper-box .dowm{width: 100%; position: relative; display: flex; width: 100%;}
.swiper-box .swiper-prev,
.swiper-box .swiper-next{ position:relative; z-index: 6; cursor: pointer; min-width:48px; height:48px;background:url(img/next2.svg) center no-repeat ; background-size:24px auto !important; border:1px solid rgba(0, 0, 0, 0.1); border-radius: 50%;}
.swiper-box .swiper-prev:hover,
.swiper-box .swiper-next:hover{background:url(img/next3.svg) center no-repeat #1e3084;  border:1px solid #1e3084;}
.swiper-box .swiper-prev{ margin-right: 16px;  transform: rotate(180deg); -ms-transform: rotate(180deg);}
.swiper-box .swiper-next{ margin-right:24px;}
.swiper-box .swiper-scrollbar {opacity:1 !important;width:100%;border-radius: 0; margin-top: 1px;
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);
}
.swiper-box .dowm .w100{
overflow: hidden; margin-top: 23px;
}
.swiper-box .swiper-scrollbar-drag{background:#1e3084;
background: var(--swiper-pagination-color,#1e3084);
position: absolute;
left:0;
bottom: 0;
width: 40%;
height:2px;
transform: scale(1);border-radius: 0;
transform-origin: left top;
}
.swiper-box .swiper-scrollbar-drag::after{ content:''; display: block; position: absolute; right:100%; bottom:0; width:2000px; height:2px; background:#1e3084;z-index:1;}


.swiper-white .dowm::after{  background:rgba(255, 255, 255, 0.2);}
.swiper-white .swiper-prev,
.swiper-white .swiper-next{ background:url(img/next2.svg) center no-repeat #fff; border:1px solid rgba(255, 255, 255, 1); }
.swiper-white .swiper-prev:hover,
.swiper-white .swiper-next:hover{background:url(img/next3.svg) center no-repeat #1e3084;  border:1px solid #1e3084;}
.swiper-white .swiper-scrollbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(255, 255, 255, 0.2));
}
.swiper-white .swiper-scrollbar-drag{background:#fff;
background: var(--swiper-pagination-color,#fff);
}
.swiper-white .swiper-scrollbar-drag::after{ background:#fff;}


@media screen and (max-width:1024px) {
.swiper-box .dowm .w100{
 margin-top:14px;
}
.swiper-box .dowm::after{ top:15px; }
.swiper-box .swiper-prev,
.swiper-box .swiper-next{ min-width:30px; height:30px; background-size:18px auto !important;}
.swiper-box .swiper-prev{ margin-right:10px; }
.swiper-box .swiper-next{ margin-right:16px;}

}

/*20260520start*/

.case2{ display: block; width: 100%; overflow: hidden;}
.case2 .u2 {  width:100%;}
.case2 .u2 .li{ display:flex; flex-wrap: wrap; width:100%; position:static;}
.case2 .u2 .a{ width:100%; display: flex; flex-wrap: wrap;  position: relative; overflow: hidden; border-radius:16px; padding:0.44rem 0.75rem; height: 5.04rem; align-items: flex-end;}

.case2 .u2 .a .pic{ display: block; margin:0 auto; width: 2.6rem; line-height: 0; z-index: 1;aspect-ratio: 100 / 124.26; margin-bottom:-0.79rem;}
.case2 .u2 .a .pic img{ width: 100%; height: 100%; object-fit: contain;-webkit-transition:none;
  -moz-transition:none;
  -o-transition:none;
  transition: none;}
.case2 .u2 .a .cont{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; }
.case2 .u2 .a .cont1{ width: 32%; display: none; flex-wrap: wrap; align-items: center; }
.case2 .u2 .a .tit{ width: 100%; color: #000;font-size:0.2rem; line-height:0.3rem; font-weight: 400; }
.case2 .u2 .a .tit1{ width: 100%; color:#1e3084;font-size:0.3rem; line-height:0.36rem; font-weight: bold; }
.case2 .u2 .a .info{ width: 100%; color: #000;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); height:calc(44px + 0.16rem); font-weight: 400; margin-top: 0.3rem; }
.case2 .u2 .a .ino{ display:block; background: url(img/right-lan.png) center no-repeat #fff;background-size:auto 24px !important; width:40px; height: 40px; border-radius: 50%; margin-top: 0.3rem;}
.case2 .u2 .a .ino:hover{ background: url(img/right-bai.png) center no-repeat rgba(233, 147, 17, 1);}
.case2 .u2 .a .btn{ display:inline-flex; color: #fff; font-weight: 400; font-size:0.18rem;line-height:1; height:0.48rem; justify-content: center; align-items: center; border-radius:50px; gap:0 8px;padding: 0px 0.34rem;background:#1e3084;  margin-top: 0.48rem;}
.case2 .u2 .a .btn i{display: block; border-radius: 50%; border: 1px solid #fff; width:20px; height:20px; background: url(img/Arrow-right-up.svg) center no-repeat; background-size:10px !important;}
.case2 .u2 .a .btn:hover{ background: #000;}
.case2 .u2 .a .btn:hover i{ transform: rotate(45deg); -ms-transform: rotate(45deg);}






/* .case2 .u2 .li.on .a{  justify-content: space-between; align-items: center; flex-direction: row-reverse;}
.case2 .u2 .li.on .a .ino{ display:flex;}
.case2 .u2 .li.on .a .cont{ display:none;}
.case2 .u2 .li.on .a .cont1{ display:flex; margin-right: 20%;}
.case2 .u2 .li.on .a .pic{ width: 31%;}
.case2 .u2 .li.on .a .pic img{ transform: translateY(0.2rem); -ms-transform: translateY(0.2rem);} */


/* .case2 .u2 .swiper-slide.on{ position: relative; z-index: 10; justify-content: flex-end;}
.case2 .u2 .swiper-slide.on .a{ min-width:calc(300% + 60px); width:calc(300% + 60px); }
.case2 .u2 .swiper-slide-active.on{ position: relative; z-index: 10;justify-content: flex-start;}
.case2 .u2 .swiper-slide-active.on .a{ min-width:calc(300% + 60px); width:calc(300% + 60px); }
.case2 .u2 .swiper-slide-next.on{ position: relative; z-index: 10; justify-content: center;}
.case2 .u2 .swiper-slide-next.on .a{ min-width:calc(300% + 60px); width:calc(300% + 60px); */}



.case2 .u2 .li:hover{position: relative; z-index: 10;}
.case2 .u2 .li:hover .a{ align-items: center; flex-direction: row-reverse; background-size: 100% 100% !important; }
.case2 .u2 .li:hover .a .ino{ display:flex;}
.case2 .u2 .li:hover .a .cont{ display:none;}
.case2 .u2 .li:hover .a .cont1{ display:flex; margin-right: 20%;  margin-bottom: 0.79rem;}
.case2 .u2 .li:hover .a .pic{ width: 31%;}
.case2 .u2 .li:hover .a .pic img{ transform: translateY(0.2rem); -ms-transform: translateY(0.2rem);}


.case2 .u2 .swiper-slide:hover{ position: relative; z-index: 10; justify-content: flex-end; }
.case2 .u2 .swiper-slide:hover .a{ min-width:calc(300% + 60px); width:calc(300% + 60px);  align-items: center; flex-direction: row-reverse; background-size: 100% 100% !important; } 
.case2 .u2 .swiper-slide-active:hover{justify-content: flex-start;}
.case2 .u2 .swiper-slide-active:hover .a{ min-width:calc(300% + 60px); width:calc(300% + 60px); align-items: center; flex-direction: row-reverse; }
.case2 .u2 .swiper-slide-next:hover{justify-content: center;}
.case2 .u2 .swiper-slide-next:hover .a{ min-width:calc(300% + 60px); width:calc(300% + 60px); align-items: center; flex-direction: row-reverse;}




@media screen and (max-width:1600px) {
.case2 .u2 .a .cont1{ width: 36%;}	
.case2 .u2 .li:hover .a .pic{ width: 35%;}
.case2 .u2 .li:hover .a .cont1{  margin-right: 16%;}
}
@media screen and (max-width:1440px) {
.case2 .u2 .a .cont1{ width: 40%;}	
.case2 .u2 .li:hover .a .pic{ width: 39%;}
.case2 .u2 .li:hover .a .cont1{  margin-right: 12%;}
}
@media screen and (max-width:1024px) {
.case2 .u2 .a{ border-radius:12px; padding:25px 14px; height:344px;}
.case2 .u2 .a .tit{font-size:14px; line-height:22px; } 
.case2 .u2 .a .tit1{font-size:16px; line-height:24px;   -webkit-line-clamp: 2;} 
.case2 .u2 .a .info{font-size:14px; line-height:22px; height: 66px; margin-top: 8px;  -webkit-line-clamp: 3; } 
.case2 .u2 .a .ino{ width:30px; height:30px;background-size:auto 20px !important; margin-top: 12px;}
.case2 .u2 .a .btn{height:36px; font-size:14px; padding:0 16px; margin-top:25px;}
.case2 .u2 .a .btn img{ width:18px; height: 18px;}
.case2 .u2 .a .pic{ width:140px;  margin-bottom:-40px;}
.case2 .u2 .a{height:260px; padding:24px 15px; }

.case2 .u2 .swiper-slide:hover .a{ min-width:calc(300% + 28px); width:calc(300% + 28px); }
.case2 .u2 .swiper-slide-active:hover .a{ min-width:calc(300% + 28px); width:calc(300% + 28px); }
.case2 .u2 .swiper-slide-next:hover .a{ min-width:calc(300% + 28px); width:calc(300% + 28px);}


.case2 .u2 .li.on .a .pic{ width: 31%;}
.case2 .u2 .li.on .a .cont1{  margin-right: 16%;}

}
@media screen and (max-width:700px) {
.case2 .u2 .swiper-slide.on .a{ min-width:calc(200% + 14px); width:calc(300% + 14px); }
.case2 .u2 .swiper-slide-active:hover .a{ min-width:calc(200% + 14px); width:calc(200% + 14px); }
.case2 .u2 .swiper-slide-next:hover .a{ min-width:calc(200% + 14px); width:calc(200% + 14px);}


.case2 .u2 .a .cont1{ width: 47%;}	
.case2 .u2 .li:hover .a .pic{ width: 50%;}
.case2 .u2 .li:hover .a .cont1{  margin-right: 3%;}

}


/*20260520end*/




.tit48 .z6{display: inline-flex; padding:0 32px;}
.tit48 .ico-left{ position: absolute; left: 0; bottom:0; width: 16px; height: 16px;}
.tit48 .ico-right{ position: absolute; right: 0; top:0; width: 16px; height: 16px; transform: rotate(180deg); -ms-transform: rotate(180deg); }
@media screen and (max-width:1024px) {
.tit48 .z6{ padding:0 20px;}	
.tit48 .ico-left{ width: 10px; height: 10px;}
.tit48 .ico-right{width: 10px; height: 10px; }
}



.sect02 { width: 100%;display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 0.26rem; position: relative;}
.sect02::after{ content: ''; display: block;
	position: absolute;
	width: 4000px;
transform: translateX(-50%); -ms-transform: translateX(-50%);
	left: 50%;
	top:calc(12px + 2.18rem);
	border: 1px dashed rgba(255, 255, 255, 0.3);

}
.sect02 .stat-item { position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;border-radius:16px 16px; width:100%; padding:0.68rem 0.2rem 0.57rem 0.2rem; }
.sect02 .stat-item::after{ content:'' ; display: block;
border-radius: 16px;
position: absolute;
width: 100%;
height: 67.22%;
left:0;
top:0;
background:url(img/bg1.png) center no-repeat; background-size:100% 100% !important; z-index: 1;
}
.sect02 .stat-item:nth-child(2n)::after{top: auto; bottom: 0; transform: rotate(180deg); -ms-transform: rotate(180deg); }
.sect02 .stat-number {position: relative; z-index: 6; font-size: 0.64rem; line-height: 0.64rem; font-weight: bold; color: #fff;; justify-content: center; align-items: flex-start; text-align: center;display: flex; margin-top:12px; }
.sect02 .countUp{ margin-right: 5px; display: flex; }
.sect02 .num{
position: absolute;
left: 0;
top:100%;
font-weight: 900;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
transform: matrix(1, 0, 0, -1, 0, 0);
}
.sect02 .dw { font-size:calc(14px + 0.02rem); line-height:24px; font-weight: 400;}
.sect02 .stat-label {position: relative; z-index: 6; width: 100%; text-align: center; font-size:calc(14px + 0.04rem); line-height:24px; color: #fff; margin-top: 0.4rem; }
.sect02 .stat-icon {position: relative; z-index: 6; width:100%; line-height: 0; display: flex; justify-content: center; margin-bottom: 0.5rem; }
.sect02 .stat-icon img{ width: 1rem; height: 1rem; object-fit: contain; }
.sect02 .dian{  display: block;
position: relative; z-index: 6;
width: 24px;
height: 24px;
 border-radius: 50%;
background: rgba(255, 255, 255, 0.2);
}
.sect02 .dian::after{ content: ''; display: block;
position: absolute; left: 6px; top: 6px; z-index: 6;
width: 12px;
height: 12px;
 border-radius: 50%;
background: rgba(255, 255, 255, 1);
}

@media screen and (max-width:1024px) {
.sect02 { gap: 15px; }	
.sect02::after{
	top:102px;
}
.sect02 .dian{  
width: 16px;
height: 16px;

}
.sect02 .dian::after{  left:4px; top: 4px;
width: 8px;
height: 8px;
}
.sect02 .stat-item{  padding:25px 14px 20px 14px;}
.sect02 .stat-number { font-size: 24px; line-height:34px;  margin-top: 4px;}
.sect02 .dw{font-size: 14px;}
.sect02 .stat-label { font-size:14px; line-height:24px;  margin-top:15px; }
.sect02 .stat-icon{ margin-bottom: 20px;}
.sect02 .stat-icon img{ width: 50px; height: 50px; }
}
@media screen and (max-width:700px) {
.sect02 { grid-template-columns: repeat(2, 1fr); }	
.sect02::after{
	display: none;
}
.sect02 .stat-item::before{ content: ''; display: block;
	position: absolute;
	width:calc(100% + 15px);
transform: translateX(-50%); -ms-transform: translateX(-50%);
	left: 50%;
	top:102px;
	border: 1px dashed rgba(255, 255, 255, 0.3);

}

}	


.main2{ position: relative; overflow: hidden;}
.main2 .bg{position: absolute; right: 0; top:0; width: 100%; height:100%; z-index: 1; }
.main2 .text{color: #fff;font-size:calc(14px + 0.04rem); line-height:calc(24px + 0.12rem); width: 100%; text-align: center; padding:0 17.18% 0.62rem 17.18%;}

@media screen and (max-width:1600px) {
.main2 .text{ padding:0 6.37% 0.62rem 6.37%;}
}
@media screen and (max-width:1024px) {
.main2 .text{font-size:14px; line-height:26px; text-align: left; padding:0 0 30px 0;}
}



.main1{ position: relative; overflow: hidden;}
.main1 .bg{position: absolute; right: 0; top:0; width: 100%; height:100%; z-index: 1; }
.main1 .text{color: #fff;font-size:calc(14px + 0.04rem); line-height:calc(24px + 0.12rem); width: 100%; text-align: center; padding:0 6.37% 1.32rem 6.37%;}

@media screen and (max-width:1024px) {
.main1 .text{font-size:14px; line-height:26px; text-align: left; padding:0 0 66px 0;}
}




.sect01{ position: relative; z-index: 8; display: block; margin-top:-1.3rem;}
.sect01 .u2{ width:100%; display: flex; flex-wrap: wrap; width:calc(100% + 0.6rem); margin-left:-0.3rem; margin-right:-0.3rem; padding:0 0.17rem;
background: #FFFFFF;
border-radius: 16px;
 }
.sect01 .u2 .li{ display:block; width:25%; margin-top: 0.3rem; padding:0 0.13rem;}
.sect01 .u2 .a{ display:flex; flex-wrap: wrap; align-items:flex-start; width: 100%; overflow: hidden; position: relative;border-radius: 16px;}
.sect01 .u2 .a .time{ width: 100%;color:rgba(46, 88, 166, 1);
font-size:calc(14px + 0.02rem);
font-weight: 500;
line-height:calc(20px + 0.1rem);
}
.sect01 .u2 .a .tit{ width: 100%;color:#fff; text-align: center;
font-size:0.24rem;
font-weight: bold;
line-height:0.3rem; }
.sect01 .u2 .a .info{ display: inline-flex; color:#fff; text-align: center;
font-size:14px;
font-weight: 400;
line-height:20px;
padding: 1px 10px 3px 10px;
background: #1e3084;
border-radius: 80px;
 margin-top:8px;}
.sect01 .u2 .a ._img{ padding-bottom:110.52%;border-radius:16px;}
.sect01 .u2 .a .cont{width:100%; display:flex; flex-wrap: wrap; justify-content: center; align-content: flex-start; padding:0.29rem 0.29rem;
 position: absolute; left: 0; bottom: 0; z-index: 6;
background: rgba(255, 255, 255, 1);
 background: rgba(255, 255, 255, 0.04);
 backdrop-filter: blur(20px);
}



@media screen and (max-width:1024px) {
.sect01{ margin-top:-65px; padding: 0 7px;}	
.sect01 .u2{width: calc(100% + 14px);
  margin-left: -7px;
  margin-right: -7px;}	
.sect01 .u2 .li{width:50%; margin-top: 14px; padding:0 7px;}
.sect01 .u2 .a .cont{ padding:10px 10px 14px 10px;
}
.sect01 .u2 .a .tit{ font-size:15px; line-height:24px;}
.sect01 .u2 .a .info{ font-size:12px; line-height:24px;}


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


.sect03{ position: relative;padding:0.5rem 3.125%; margin-bottom: -0.5rem; overflow: hidden;}
.sect03 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; align-items: center;}
.sect03 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.sect03 .u2 .li{  display: flex; flex-wrap: wrap;  width:100%;}
.sect03 .u2 .a{ transform: scale(0.82); -ms-transform: scale(0.82); width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative; height: 100%;/* -webkit-transition: none; 
-moz-transition:none; 
-o-transition: none; 
transition: none; */}
.sect03 .u2 .a ._img{display: block; width: 100%; position: relative; overflow: hidden; padding-bottom:60.4%;border-radius: 16px; overflow: hidden;}
.sect03 .u2 .a ._img::after{display: block; width: 100%; height:100%; content: ''; position: absolute; left:0; bottom: 0; z-index: 1;
background: rgba(0, 0, 0, 0.5);
}
.sect03 .u2 .swiper-slide-prev{ transform: translateX(61%); -mstransform: translateX(61%);}
.sect03 .u2 .swiper-slide-next{ transform: translateX(-61%); -ms-transform: translateX(-61%);}
.sect03 .u2 .swiper-slide-prev .a{/* margin-right:-61%; */}
.sect03 .u2 .swiper-slide-next .a{/* margin-left: -61%; */}
.sect03 .u2 .li.swiper-slide-active{ position: relative; z-index: 10;}
.sect03 .u2 .li.swiper-slide-active .a{ transform: scale(1); -ms-transform: scale(1); }
.sect03 .u2 .li.swiper-slide-active .a ._img{
box-shadow:0px 0px 0.3rem rgba(255, 255, 255, 0.5);
}
.sect03 .u2 .li.swiper-slide-active .a ._img::after{ height:41.4%;background: linear-gradient(180deg, rgba(0, 8, 20, 0) 0%, rgba(0, 8, 20, 0.8) 100%);}
.sect03 .u2 .a ._img img{display: block; width: 100%; height:100%; position: absolute; left: 0; top: 0;
	transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.sect03 .u2 .a .cont{ display: flex; align-items: center; justify-content: space-between; position: absolute; left: 0; bottom:-30px; z-index: 6; width: 100%; padding:0.5rem 0.5rem; opacity: 0;
}
.sect03 .u2 .li.swiper-slide-active .cont{bottom:0; opacity:1;}
.sect03 .u2 .a .ico{display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px dashed rgba(255, 255, 255, 0.5); min-width:0.8rem; height:0.8rem; }
.sect03 .u2 .a .ico img{ width:0.4rem; height:0.4rem;}
.sect03 .u2 .a .info{ display: block; width: 100%; padding:0 0.24rem;}
.sect03 .u2 .a .tit{ width: 100%; font-weight: 700; color: #fff;font-size:0.3rem; line-height:0.36rem;}
.sect03 .u2 .a .p{ width: 100%; font-weight: 400; color: #fff;font-size:0.18rem; line-height:0.36rem; margin-top: 0.08rem;}
.sect03 .u2 .a .btn{display:inline-flex; white-space: nowrap; justify-content: center;}
.sect03 .u2 .a .btn .a1{ display:inline-flex; color: #fff; font-weight: 400; font-size:calc(14px + 0.02rem);line-height:1; height:0.48rem; justify-content: center; align-items: center; border-radius:50px; gap:0 8px;padding: 0px 0.34rem;background:#1e3084;}
.sect03 .u2 .a .btn .a1 i{display: block; border-radius: 50%; border: 1px solid #fff; width:20px; height:20px; background: url(img/Arrow-right-up.svg) center no-repeat; background-size:10px !important;}
.sect03 .u2 .a .btn .a1:hover{ background: #000;}
.sect03 .u2 .a .btn .a1:hover i{ transform: rotate(45deg); -ms-transform: rotate(45deg);}
.sect03 .swiper-prev1,
.sect03 .swiper-next1{ cursor: pointer; width:48px; height:48px; border-radius:50%; display:block;position: absolute; top:50%; margin-top: -24px; z-index: 10; background: url(img/next2.svg) center no-repeat #fff; background-size:auto 24px !important; }
.sect03 .swiper-prev1{ left:8.25%;transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.sect03 .swiper-next1{ right:8.25%;}
.sect03 .swiper-prev1:hover,
.sect03 .swiper-next1:hover{background: url(img/next3.svg) center no-repeat #1e3084;}


@media screen and (max-width:1600px) {
.sect03 .u2 .a .cont{  padding:0.5rem 0.3rem;}
.sect03 .u2 .a .btn .a1{padding: 0px 0.2rem;}
.sect03 .u2 .a .info{padding:0 0.16rem;}
.sect03 .u2 .a .ico{ min-width:0.7rem; height:0.7rem; }
.sect03 .u2 .a .ico img{ width:0.34rem; height:0.34rem;}
.sect03 .u2 .a .tit{ font-size:0.26rem; line-height:0.32rem;}
}
@media screen and (max-width:1024px) {
.sect03{ position: relative;padding:30px 3.125%; margin-bottom:-20px;}	
.sect03 .u2 .a .ico{height:54px; min-width:54px; }
.sect03 .u2 .a .ico img{ width:26px; height:26px;}
.sect03 .u2 .a .info{ padding:0 12px;}
.sect03 .u2 .a .tit{font-size:16px; line-height:22px; }
.sect03 .u2 .a .p{font-size:14px; line-height:24px; margin-top:4px; }
.sect03 .u2 .a .cont{ padding:15px 25px;}
.sect03 .u2 .a .btn .a1{height:36px; font-size:14px; padding:0 16px;}
.sect03 .u2 .a .btn .a1 img{ width:18px; height: 18px;}
.sect03 .swiper-prev1,
.sect03 .swiper-next1{ width:30px; height:30px; background-size:auto 18px !important;margin-top: -15px; }
}
@media screen and (max-width:700px) {
.sectbox{ padding-left: 0; padding-right: 0; overflow: hidden;}	
.sect03{ padding:30px 0 5px 0;margin:0 -4%; width: 108%;}	
.sect03 .u2 .a .info{ padding:0 0 0 12px;}
.sect03 .u2 .a .ico{ background: #1e3084;  border:0;}
.sect03 .u2 .a .btn{ position: absolute; left:66px; bottom:0;}
.sect03 .u2 .a .cont{ align-items: flex-start; position: relative; bottom: 0; padding:22px 0 50px 0;}
.sect03 .u2 .a .tit{ color: #000;}
.sect03 .u2 .a .p{ color: #555;}
.sect03 .u2 .li.swiper-slide-active .cont{ bottom: 0;}
.sect03 .swiper-prev1{ left:8.5%; top:35%;}
.sect03 .swiper-next1{ right:8.5%; top:35%;}
.sect03 .u2 .swiper-slide-prev{ transform: translateX(76%); -mstransform: translateX(76%);}
.sect03 .u2 .swiper-slide-next{ transform: translateX(-76%); -ms-transform: translateX(-76%);}
/* .sect03 .u2 .swiper-slide-prev .a{ margin-right:-76%; }
.sect03 .u2 .swiper-slide-next .a{ margin-left: -76%;} */
.sect03 .u2 .li.swiper-slide-active .a::after{ height:82%;}
}




/*in*/

.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:36px; height:36px; font-size: 16px; line-height: 34px; color:#333;
;   margin:0 5px; box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius:36px;
background: rgba(255, 255, 255, 1);}
.page_section .pcpage span{ padding:0 6px;}
.page_section .pcpage a:hover,
.page_section .pcpage a.on{ background:#1e3084; border:1px solid #1e3084; color: #fff;}
.page_section .pcpage .btn{ margin:0 25px; background: url(img/Page1.svg) center no-repeat #fff; background-size:auto 24px !important; }
.page_section .pcpage .btn.on,
.page_section .pcpage .btn:hover{ background: url(img/Page2.svg) center no-repeat #1e3084; }
.page_section .pcpage .prev{ width:72px;  margin-left:25px; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.page_section .pcpage .next{ width:72px; 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:68px;height: 34px;display: flex; background: url(img/Page1.svg) center no-repeat #fff; background-size:auto 24px !important;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 36px;}
.page_section .phpage a:hover{ background: url(img/Page2.svg) center no-repeat #1e3084;border:1px solid #1e3084; }
.page_section .phpage span{margin: 0 20px;font-size: 16px;color:#333;}
.page_section .phpage .prev{ transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
}


/* inbaner */
.top-94{ padding-top: 0.94rem;}
.inbaner{ position: relative; line-height:0; overflow: hidden; background:#000; min-height: 0.94rem;}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.slidebox1{ width:100%; position: absolute; left:0; bottom:0; z-index:10; }
.banText{ position: absolute; left:0; top:55.57%; width:100%; z-index: 6;transform: translateY(-50%); -ms-transform: translateY(-50%);}

@media  screen and (max-width: 1024px){
.top-94{ padding-top: 50px;}	
.inbaner{ min-height:50px;}	
.banText{ text-align: center;}
}


.slideBox.nav-height{ height: 0.72rem;}
.slideBox.nav-wrap{ height: 0.72rem;}
.slideBox.navFix{ position: fixed; left: 0; top: 0; background: #fff; z-index: 20;}

@media screen and (max-width:1024px) {
.slideBox.nav-height{ height:44px;}
.slideBox.nav-wrap{ height:44px;}	
}	

.slideBox{width:100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.slide2{ display: flex; flex-wrap: wrap;width:100%;}
.slide2 .ul{ display: flex;width:100%;}
.slide2 .li{ display: flex; margin:0 0.2rem 0 0 ;}
.slide2 .li .la{ display: flex; color:#000;font-size:calc(14px + 0.04rem); position: relative;
font-weight: 400;
line-height:0.32rem;padding:0.2rem 0.24rem;}
.slide2 .li .la::after{ content:''; display: block; position: absolute; left:50%; bottom:0; height:2px; width:0; background:#1e3084; transform: translateX(-50%); -ms-transform: translateX(-50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.slide2 .li:hover .la{color:#1e3084;}
.slide2 .li.on .la{color: #1e3084; font-weight: bold;}
.slide2 .li:hover .la::after{width:100%;}
.slide2 .li.on .la::after{width:100%;}

.slide2 .li .la.active{color:#1e3084;}
.slide2 .li .la.active::after{width:100%;}
.slide2-1 .li .la.active{font-weight: bold;}

@media screen and (max-width:1024px) {
.slide2 .ul{ justify-content: center;}	
.slide2 .li{ margin:0 4px;}
.slide2 .li .la{padding:10px 12px;font-size:14px; line-height:24px; }
}
@media screen and (max-width:700px) {
.slide2 .ul{ justify-content: space-around;}		
.slide2 .li .la{padding:10px 4px; }	
}	

.slide1{ display: flex; flex-wrap: wrap;width:100%;}
.slide1 .ul{ display: flex;width:100%;}
.slide1 .li{ display: flex;/*min-width: 12.5%; */}
.slide1 .li .la{ display: flex; flex-direction: column; width:100%;color:#000;font-size:calc(14px + 0.04rem); position: relative;
font-weight: 400; text-align: center; justify-content:center; align-items: center;
line-height:0.32rem;padding:0.24rem 0; margin: 0 30px;}
.slide1 .li .la::after{ content:''; display: block; position: absolute; left:50%; bottom:0; height:2px; width:0; background:#1e3084; transform: translateX(-50%); -ms-transform: translateX(-50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.slide1 .li .la img{ width: 40px; height: 40px; margin-bottom: 0.1rem;}
.slide1 .li:hover .la{color:#1e3084;}
.slide1 .li.on .la{color: #1e3084;}
.slide1 .li:hover .la::after{width:90%;}
.slide1 .li.on .la::after{width:100%;}

@media screen and (max-width:1024px) {
.slide1 {overflow-x: auto;}	
.slide1 .ul{ justify-content:flex-start; gap:0 16px;}	
.slide1 .li{ display: flex;min-width:initial; }
.slide1 .li .la{padding:14px 0;font-size:14px; line-height:22px; white-space: nowrap; }
.slide1 .li .la img{ width:30px; height: 30px; margin-bottom:4px;}

}



.nexslist { display: block; width: 100%;}
.nexslist .u1 .li{ display: block; width: 100%;  }
.nexslist .u1 .a{ width: 100%; display: flex; align-items: center; 
margin-top:-1px; padding:0.4rem 0;border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.1);background: #fff;
}
.nexslist .u1 .a .pic{ min-width:4rem; }
.nexslist .u1 .a ._img{ padding-bottom:62.5%;  border-radius:16px; }
.nexslist .u1 .a .info{ width: 100%; padding:0 0 0 0.6rem;}
.nexslist .u1 .a .time{ width:100%;
font-weight: 400;
font-size: calc(14px + 0.02rem);
line-height: 24px;
color: rgba(136, 136, 136, 0.5);
}
.nexslist .u1 .a .tit{ width: 100%;color:rgba(0, 0, 0, 1);
font-size:0.22rem;
font-weight: 400;
line-height:0.36rem;  margin-bottom: 0.16rem;
 margin-top:2px;}
.nexslist .u1 .a .size16{ width: 100%;color: #555;
font-style: Regular;
font-size: calc(14px + 0.02rem);
font-weight: 400;
line-height:calc(22px + 0.08rem);height:calc(44px + 0.16rem);
letter-spacing: 0px;
text-align: left;}
.nexslist .u1 .a .ino{ margin-top:0.3rem;
height: 48px; align-items: center; justify-content: center;
display: inline-flex;border: 1px solid #1e3084;color:#1e3084;font-size: calc(14px + 0.02rem);
border-radius: 48px; gap: 0 8px; padding:0 0.24rem;
}
.nexslist .u1 .a .ino i{display: block; border-radius: 50%; border: 1px solid #1e3084; width:20px; height:20px; background: url(img/Arrow-right-up1.svg) center no-repeat; background-size:10px !important;}
.nexslist .u1 .a .ino:hover i{ transform: rotate(45deg); -ms-transform: rotate(45deg);}

.nexslist .u1 .a:hover .ino{background:#1e3084;color: #fff;
}
.nexslist .u1 .a:hover .ino i{ border: 1px solid #fff;background: url(img/Arrow-right-up.svg) center no-repeat;
}
.nexslist .u1 .li:hover{ background: #fff; z-index: 6; position: relative;}
.nexslist .u1 .a:hover{
background: rgba(30, 48, 132, 0.04);
border: 1px solid #1e3084;
border-radius: 16px; padding:0.4rem 0.4rem;
}
.nexslist .u1 .a:hover .tit{color:#1e3084; font-weight: bold;}
.nexslist .u1 .a:hover ._img img{ transform: scale(1); -ms-transform: scale(1);}



@media screen and (max-width:1024px) {
.nexslist .u1 .a{ padding:16px 0;}	
.nexslist .u1 .a .ino{ margin-top:14px;
height:36px; padding:0 16px; font-size: 14px;
}
.nexslist .u1 .a .time{ font-size:14px; line-height:20px;}
.nexslist .u1 .a .tit{ font-size:16px; line-height:26px; margin-bottom:4px;}
.nexslist .u1 .a .size16{ font-size:14px; line-height:24px; height:48px;}
.nexslist .u1 .a .pic{ min-width:260px; }
.nexslist .u1 .a .info{ width: 100%; padding:0 0 0 14px;}
.nexslist .u1 .a:hover{ padding:16px 16px;}	
}
@media screen and (max-width:700px) {
.nexslist .u1 .a{ flex-wrap: wrap;}	
.nexslist .u1 .a .pic{ min-width:100%;width:100%;}
.nexslist .u1 .a .info{ padding:18px 4px 10px 4px;}
}


.mtbdxq_section2{width: 100%; overflow: hidden;}
.mtbdxq_section2 .w_width{display: flex;justify-content: space-between;}
.mtbdxq_section2 .left{width: 72.5%; padding-right:0.8rem;}
.mtbdxq_section2 .left h2{width: 100%; font-weight: bold; font-size: 0.3rem;color: #000;line-height: 0.36rem;margin-bottom:20px;}
.mtbdxq_section2 .left .dl{display: flex;align-items: center; justify-content: space-between; margin-bottom:24px;}
.mtbdxq_section2 .left .dl .fl{ gap:0 0.56rem;}
.mtbdxq_section2 .left .dl .dd{display: flex;align-items: center;}
.mtbdxq_section2 .left .dl .dd img{width:20 px; height: 20px; display: block;margin-right: 8px;}
.mtbdxq_section2 .left .dl .dd .wz{font-size:calc(14px + 0.02rem);color: #888;line-height: 30px;}
.mtbdxq_section2 .left .cont{font-size: calc(14px + 0.04rem);color: #555;line-height: calc(24px + 0.12rem);padding:40px 0; margin-bottom: 40px;border-top: 1px solid rgba(0, 0, 0, 0.1);;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.mtbdxq_section2 .left .cont img{max-width: 100%;}
.mtbdxq_section2 .left .page_box{display: flex;justify-content: space-between;align-items: flex-start;max-width: 100%; position: relative;}
.mtbdxq_section2 .left .page_box .fanhui1{ position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); white-space: nowrap;}
.mtbdxq_section2 .left .page_box .a1{font-size: calc(14px + 0.02rem);color: #555;line-height: 24px;width: calc(50% - 60px);}
.mtbdxq_section2 .left .page_box .a1 span{ display: block; margin-bottom: 8px;}
.mtbdxq_section2 .left .page_box .a1 font{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.mtbdxq_section2 .left .page_box .a1.next{text-align: right;}
.mtbdxq_section2 .left .page_box .a1:hover{color: #1e3084;}
.mtbdxq_section2 .right{width: 27.5%; padding-left: 0.8rem; position: relative;}
.mtbdxq_section2 .right::after{ content: ''; display:block;
position: absolute;
width: 6rem;
height: 100%;left: 0;
top: 0;
background: linear-gradient(90deg, rgba(30, 48, 132, 0.04) 0%, rgba(30, 48, 132, 0) 100%);
}
.mtbdxq_section2 .right h3{font-size: 0.3rem;color: #1e3084;line-height: 0.36rem;width: 100%; padding-bottom: 0.2rem;}
.mtbdxq_section2 .u2 { display:block;  width:100%;}
.mtbdxq_section2 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative; margin-top: 0.48rem;}
.mtbdxq_section2 .u2 .a .cont{ width: 100%; padding:16px 0 0 0;position: relative; border-top: 1px solid #D9D9D9;}
.mtbdxq_section2 .u2 .a .cont::after{ display: block; content: ''; position: absolute; left:0; top:-2px; z-index: 6; width:47px; height:2px;background:#1e3084;}
.mtbdxq_section2 .u2 .a .tit{ width: 100%; color: #000;font-size:0.18rem; line-height:0.3rem; font-weight: 400; margin-top:8px;}
.mtbdxq_section2 .u2 .a .p{ display: inline-flex;
padding: 2px 10px;
background: rgba(30, 48, 132, 0.1);
border-radius: 50px;
 color: #1e3084;font-size:14px; line-height:24px; margin-top:16px; }
.mtbdxq_section2 .u2 .a .info{ width: 100%; display: flex; justify-content: space-between; }
.mtbdxq_section2 .u2 .a .time{ display:flex;font-size:calc(14px + 0.04rem); line-height:30px;}
.mtbdxq_section2 .u2 .a .c8{ opacity: 0.5;}
.mtbdxq_section2 .u2 .a:hover .tit{color:#1e3084;}




@media screen and (max-width:1024px) {
.mtbdxq_section2{ padding: 0;}	
.mtbdxq_section2 .w_width{ flex-wrap: wrap;}	
.mtbdxq_section2 .left{width: 100%;padding:30px 15px;}
.mtbdxq_section2 .left h2{font-size: 18px;line-height: 28px;margin-bottom:15px;}
.mtbdxq_section2 .left .dl{margin-bottom:20px;}
.mtbdxq_section2 .left .dl .dd img{width: 22px;margin-right: 6px;}
.mtbdxq_section2 .left .dl .dd .wz{font-size: 14px;line-height: 20px;}
.mtbdxq_section2 .left .cont{font-size: 14px;line-height: 26px;padding:30px 0;margin-bottom: 30px;}
.mtbdxq_section2 .left .page_box .a1{width: calc(50% - 8px);}
.mtbdxq_section2 .left .page_box .fanhui1{ top: 0;transform: translate(-50%,0%);
  -ms-transform: translate(-50%,0);}
.mtbdxq_section2 .right{width: 100%;padding:30px 15px 40px 15px;}
.mtbdxq_section2 .right h3{font-size: 18px;line-height: 28px;padding-bottom:5px;}
.mtbdxq_section2 .u2 .a{ margin-top: 25px;}
.mtbdxq_section2 .u2 .a .cont{ padding:10px 0 0 0;}
.mtbdxq_section2 .u2 .a .tit{font-size:16px; line-height:26px;margin-top:4px;} 
.mtbdxq_section2 .u2 .a .p{margin-top:12px;}
.mtbdxq_section2 .right::after{
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(30, 48, 132, 0.04) 0%, rgba(30, 48, 132, 0) 100%);
}
}


.mbxbox1{ position: absolute; left:0; top:0; z-index: 6; width:100%; top:1.12rem; margin-top: 16px;}
.mbx{ display: block;color: #fff;font-size: calc(14px + 0.02rem); line-height:24px;}
.mbx a{ color: #fff;}
.mbx i{ color: #fff; padding:0 6px;}
.mbx a:hover{ text-decoration: underline;}
.mbx span{ text-decoration: underline;}

@media screen and (max-width:1024px) {
.mbx{ display:none;}
.mbxbox2{; padding:10px 0;}
}


.fanhui1{ display: inline-flex;}
.fanhui1 .a{ display: inline-flex; align-items: center; color: #888; font-size:calc(14px + 0.02rem); line-height:24px;}
.fanhui1 .a .i{ display: block; width:20px; height:20px; margin-right:4px; background: url(img/fanhui2.svg) center no-repeat; background-size:100% auto !important; }
.fanhui1 .a:hover{  color: #1e3084;}
.fanhui1 .a:hover .i{ background: url(img/fanhui1.svg) center no-repeat; }

.fanhui1 .a.white .i{background: url(img/fanhui3.svg) center no-repeat;}

.fanhui1 .a.white:hover{ text-decoration: underline; opacity:0.8;}


@media screen and (max-width:1024px) {
.fanhui1 .a{ font-size:14px;}

}




.caseList{ display: block; width: 100%;}
.caseList .u2 { display:grid; width:100%;grid-template-columns: repeat(3, 1fr);gap: 0.35rem;}
.caseList .li{ display:flex; flex-wrap: wrap; width:100%; }
.caseList .li .a{ width:100%; display: flex; flex-wrap: wrap;  position: relative; overflow: hidden; border-radius:16px; padding:0.7rem 0.54rem 0.48rem 0.54rem ; /* background:url(img/Group49.jpg) center no-repeat; background-size:100% 100% !important; */ align-items:flex-start; justify-content: center;}

.caseList .li .a .pic{ display: block; width: 88%; line-height: 0; z-index: 1;aspect-ratio: 100 / 124.26; margin-bottom:-1.05rem;}
.caseList .li .a .pic img{ width: 100%; height: 100%; object-fit: contain;}
.caseList .li .a .cont1{ width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; text-align: center; }
.caseList .li .a .tit1{ width: 100%; color:#000;font-size:0.2rem; line-height:0.3rem; font-weight: bold; }
.caseList .li .a .info{ width: 100%; color: #555;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); height:calc(44px + 0.16rem); font-weight: 400; margin-top: 0.16rem; }
.caseList .li .a .btn{ display:inline-flex; color: #1e3084; font-weight: 400; font-size:0.18rem;line-height:1; height:0.44rem; justify-content: center; align-items: center; border-radius:50px; gap:0 8px;padding: 0px 0.24rem;border: 1px solid #1e3084; margin-top: 0.24rem;}
.caseList .li .a .btn i{display: block; border-radius: 50%; border: 1px solid #1e3084; width:20px; height:20px; background: url(img/Arrow-right-up1.svg) center no-repeat; background-size:10px !important;}
.caseList .li .a .btn:hover i{ transform: rotate(45deg); -ms-transform: rotate(45deg);}
.caseList .li .a:hover .tit1{;color:#1e3084;}
.caseList .li .a:hover .btn{background:#1e3084; color: #fff;}
.caseList .li .a:hover .btn i{ border: 1px solid #fff; background: url(img/Arrow-right-up.svg) center no-repeat;}


.caseList1{ overflow: hidden;}
.swiper-box06.om .dowm{display:none;}
.swiper-box06 .swiper-button-lock{
	 display:none !important;
  }

@media screen and (max-width:1440px) {
.caseList .li .a .pic{ margin-bottom:-0.65rem;}	
}	
@media screen and (max-width:1024px) {
.caseList .u2 { gap:14px;}	
.caseList .li .a{ border-radius:12px; padding:25px 14px;}
.caseList .li .a .tit1{font-size:16px; line-height:24px;   -webkit-line-clamp: 2;} 
.caseList .li .a .info{font-size:14px; line-height:22px; height: 66px; margin-top:4px;  -webkit-line-clamp: 3; } 
.caseList .li .a .btn{height:36px; font-size:14px; padding:0 16px; margin-top:15px;}
.caseList .li .a .btn img{ width:18px; height: 18px;}
.caseList .li .a .pic{  margin-bottom:-40px;}

.caseList1 .slick-arrow{ min-width:30px; height:30px; background-size:18px auto !important;}
.caseList1 .slick-prev{ left:7px;}
.caseList1 .slick-next{right: auto; left:44px;}

}
@media screen and (max-width:700px) {
.caseList .u2 {grid-template-columns: repeat(2, 1fr);}

}


.sect04{display:block; width: 100%;}
.sect04 .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 0.38rem); margin:-0.19rem; }
.sect04 .li{display:flex; flex-wrap: wrap; width: 25%; padding:0.19rem;}
.sect04 .li .la{ width: 100%; overflow: hidden; flex-wrap: wrap; border-radius:12px; position: relative; height:100%;
/* background: url(img/about13.png) center no-repeat; background-size:100% 100%; */
display: flex;
align-content: flex-start; justify-content: center;
padding:0.68rem 0.6rem; text-align: center;

}
.sect04 .li .tit{display:block; width: 100%; margin-top: 0.24rem;
font-style: normal;
font-weight: bold;
font-size:0.36rem;
line-height:0.48rem;
color: #000;

}
.sect04 .li .p{display:block; width: 100%; margin-top:8px;
font-style: normal;
font-weight: 400;
font-size: 0.2rem;
line-height: 0.3rem;
color: #000;
}
.sect04 .li .ico{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
background:#1e3084;
border-radius: 50%;
}
.sect04 .li .ico img{width: 0.48rem;height:0.48rem;}
.sect04 .li .la:hover{ transform: translateY(-5px); -ms-transform: translateY(-5px);}
.sect04 .li .la:hover .tit{color:#1e3084;}


@media  screen and (max-width:1440px){
.sect04 .li .la{padding:0.6rem 0.4rem;}
}	
@media screen and (max-width:1024px) {
.sect04 .ul{  width:calc(100% + 14px); margin:-7px; }
.sect04 .li{ padding:7px;}	
.sect04 .li .la{ 
padding:25px 14px;}
.sect04 .li .tit{margin-top:6px;
font-size:16px;
line-height:26px;}
.sect04 .li .p{margin-top:6px;font-size: 14px;
line-height: 20px;}
.sect04 .li .ico{width:60px; height:60px;}
.sect04 .li .ico img{width:30px;height:30px;}

}
@media screen and (max-width:700px) {
.sect04 .li{ width: 50%;}	
}



.sect05{
display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
width: 100%;
}
.sect05 .tit48{ text-align: left;}
.sect05 .left{ display: flex; flex-wrap: wrap; width:40.625%; }
.sect05 .right{ display: block; width:53.125%; }
.sect05 .t2{display:block; width:100%;
font-weight: 400;
font-size: 0.18rem;
line-height: 0.36rem;
color: #333;
margin-top:0.5rem;}
.sect05 .pic{ display: block; width:100%; line-height: 0; overflow: hidden; border-radius: 16px;  }
.sect05 .ul{ display:grid; width:100%;gap:0.19rem;grid-template-columns: repeat(3, 1fr);margin-top:0.5rem; }
.sect05 .ul .a{ display: flex; align-items: center; justify-content: center; gap: 0 8px; width: 100%; padding:0.27rem 0.15rem;
background: rgba(30, 48, 132, 0.06);
border: 1px solid rgba(30, 48, 132, 0.2);
backdrop-filter: blur(15px);
border-radius: 8px;font-weight: bold;
font-size: 0.18rem;
line-height: 0.3rem;
color: #1e3084;
}
.sect05 .ul .a img{ width:0.36rem; height:0.36rem;}
.sect05 .ul .a:hover{ transform: translateY(-5px); -ms-transform: translateY(-5px);}


@media screen and (max-width:1600px) {
.sect05 .t2{margin-top:0.3rem;}
.sect05 .ul{ margin-top:0.3rem; }
.sect05 .ul .a{padding:0.15rem 0.15rem;}
.sect05 .left{ width:42.5%; }
}
@media screen and (max-width:1024px) {
.sect05 .left{ width:100%;}
.sect05 .right{ width:100%; margin-top: 25px;}
.sect05 .box{ margin-top:25px;}
.sect05 .t2{ font-size:14px; line-height: 24px; margin-top:14px;}
.sect05 .ul{ gap:12px;margin-top:20px; }
.sect05 .ul .a{ gap: 0 4px; padding:12px 8px;
font-size:14px;
line-height:24px;
}
.sect05 .ul .a img{ width:24px; height:24px;}
}
@media screen and (max-width:767px) {

}


.about2 .text{
width: 100%; margin-top: 24px;
font-weight: 400;
font-size: 0.24rem;
line-height: 0.4rem;
text-align: center;
color: #FFFFFF;

}

@media  screen and (max-width:767px){
.about2 .text{ font-size:16px; line-height: 26px; margin-top:12px;}

}


.sect06{ display: block; width: 100%; }
.sect06 .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 0.5rem); margin:-0.25rem;}
.sect06 .li{ display:flex; flex-wrap: wrap; width:33.33%; padding:0.25rem;}
.sect06 .la{ display:flex; flex-wrap: wrap; width:100%; text-align: center; position: relative;padding:0.6rem; align-content: space-between; justify-content: center;
background: rgba(255, 255, 255, 0.04);
backdrop-filter: blur(20px);
border-radius: 16px;
}
.sect06 .la .ico{ margin:0 auto; display:flex; align-items: center; justify-content: center; width:2.6rem;aspect-ratio: 100 / 100; border-radius:50%;border: 1px  dashed rgba(255, 255, 255, 0.3);}
.sect06 .la .ico img{ display: block; width:84.6%; height:84.6%; border-radius:50%; object-fit: cover;}
.sect06 .la .info{  display: block; width: 100%; color: #fff;font-size: 0.2rem;line-height: 0.3rem; margin-top:24px;}
.sect06 .la .num{display: flex; align-items: center; justify-content: center; width:40px; height: 40px; border-radius: 50%; background:#1e3084;
 color: #fff;font-size:16px;line-height:1; margin-top:24px;}
.sect06 .la:hover{ transform: translateY(-5px); -ms-transform: translateY(-5px);}

@media  screen and (max-width:1440px){
.sect06 .ul{  width:calc(100% + 0.4rem); margin:-0.2rem;}
.sect06 .li{ padding:0.2rem;}	
.sect06 .la{padding:0.6rem 0.4rem;}
}	
@media  screen and (max-width:1024px){
.sect06 .ul{ width:calc(100% + 14px); margin:-7px;}
.sect06 .li{ padding:7px;}
.sect06 .la{ padding:25px 14px;}
.sect06 .la .ico{ width:120px;}
.sect06 .la .info{ font-size:14px; line-height: 24px; margin-top:14px;}
.sect06 .la .num{ font-size:14px; width:36px; height: 36px;  margin-top:14px;}
}
@media  screen and (max-width:700px){
 .sect06 .li{ width: 100%;}
 .sect06 .w100{ display: flex; align-items: flex-start; gap:0 14px;}
 .sect06 .la{ position: relative; text-align: left;}
 .sect06 .la .info{ margin-top:60px;}
  .sect06 .la .info br{ display:none;}
  .sect06 .la .ico{ min-width:120px;}
  .sect06 .la .num{ position: absolute; left: 148px; top:36px; margin: 0;}
}


.sect07{ display:block; width:calc(100% + 0.2rem); overflow: hidden; margin-left:-0.1rem;margin-right:-0.1rem;}
.sect07 .u2{ display:flex; flex-wrap: wrap;  width:100%; margin-bottom: 0.3rem;}
.sect07 .u2 .li{ display:block; width:16.66%; padding:0 0.1rem; margin-bottom: 0.2rem;}
.sect07 .u2 ._img{ display: block; width: 100%; background: #fff; position: relative; overflow: hidden; padding-bottom:48%;border-radius:16px;}
.sect07 .u2 ._img img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; object-fit: contain;
transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.sect07 .u2 .li:hover ._img img{transform: scale(1.05); -ms-transform: scale(1.05);} 


@media screen and (max-width:1024px) {
.sect07 { width:calc(100% + 12px); margin-left:-6px;margin-right:-6px;}
.sect07 .u2{ margin-bottom:13px;}
.sect07 .u2 .li{width:25%; padding:0 6px; margin-bottom: 12px;}

}
@media screen and (max-width:700px) {
.sect07 .u2 .li{ width:33.33%;}
}



.Contact1{display: flex; flex-wrap: wrap; width:100%;  justify-content: space-between; overflow: hidden; border-radius: 16px;}
.Contact1 .right{display: flex; flex-wrap: wrap;justify-content: space-between; width:50%;}
.Contact1 .left{ display: flex; flex-wrap: wrap; width:50%; align-content: center;  padding:0.4rem 0.75rem; }
.Contact1 .left .title{ display:block; width: 100%; color: #000; font-weight: 400; font-size:0.3rem; line-height:0.4rem;}
.Contact1 .left .cont{ display:flex; flex-wrap: wrap; gap: 0.24rem 0; width: 100%; margin-top:0.5rem; padding:0.5rem 0 0.05rem 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.Contact1 .left .adrr{ display:flex; align-items: center; width: 100%; color:#000;font-size:0.18rem; line-height:24px; min-height: 36px; }
.Contact1 .left .adrr .s{ white-space: nowrap;}
.Contact1 .left .adrr img{ min-width:36px; height:36px; margin:0 8px 0 0;}


@media screen and (max-width:1440px) {
.Contact1 .left{ padding:0.4rem 0.55rem; }

}
@media screen and (max-width:1024px) {
.Contact1 .right{ width:100%;}	
.Contact1 .left{width:100%; padding:25px 15px; }
.Contact1 .left .cont{ padding:20px 0 5px 0; margin-top:20px; gap:14px 0;  }
.Contact1 .left .title{font-size:17px; line-height:27px;}
.Contact1 .left .adrr{font-size:14px; line-height:24px;min-height: 34px;}
.Contact1 .left .adrr img{min-width:34px; height:34px; }
}


.mapbox{ display: block; width:100%; position: relative;}
.mapbox .a{ position: relative; display: block; width:100%; height:440px; overflow: hidden;}
.mapbox .box{ display:block; position:absolute; z-index:5; line-height: 0; margin:-15px 0 0 -15px;}
.mapbox .box .ico{ width:30px;}
.mapbox .box .cont{ white-space: normal; display: flex; width:256px; text-align: center; flex-wrap: wrap; justify-content: center; position:absolute; left:50%; top:100%; margin-top:18px; z-index:5; background: #fff; padding:16px 20px; transform: translate(-50%,0); -ms-transform: translate(-50%,0);
border-radius: 8px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);

}
.mapbox .box .cont::after{ content:''; display:block; position: absolute; left:50%; bottom:99%; border-left:10px solid transparent; border-right:10px solid transparent;border-bottom:10px solid #fff;  margin:0 0 0 -10px; z-index:6;}
.mapbox .box .cont .info{ width:100%; color: #000; font-size:calc(14px + 0.04rem); line-height:24px; }
.mapbox .box .cont .p{ color: #fff; font-size:calc(14px + 0.02rem); line-height:24px; background:rgba(30, 48, 132, 1); padding:3px 20px 5px 20px; margin-top:12px; border-radius: 32px;}
.mapbox .box .cont .p:hover{ background:#000;}

@media screen and (max-width: 1024px) {
.mapbox .a{ height:380px;}
.mapbox .box .cont{ width:220px;padding:14px 14px 20px 14px; margin-top:14px;}
.mapbox .box .cont::after{ border-left:8px solid transparent; border-right:8px solid transparent;border-bottom:12px solid #fff;  margin:0 0 0 -8px; z-index:6;}
.mapbox .box .cont .p{  padding:0 12px 3px 12px; margin-top:8px; }

}



/*jsys*/
._cont{
width: 100%;
font-weight: 400;
font-size: 0.18rem;
line-height: 0.36rem;
color: #333333;

}


@media screen and (max-width: 1600px) {
._cont{line-height: 0.32rem;}

}
@media screen and (max-width: 1024px) {
._cont{font-size:14px;
line-height:26px;}
._cont br{ display: none;}
._cont.center{ text-align: left;}
}


._list6{display:flex; flex-wrap: wrap; justify-content: center; width: 100%;gap:0.64rem; margin-top:0.7rem;
}
._list6 .li{display:flex; width:1.3rem; flex-wrap: wrap;
}
._list6 .li .a{display:flex; align-items: center; justify-content: center; width: 100%; line-height: 0; aspect-ratio: 100 / 100; 
}
._list6 .li .a img{display:flex; width: 100%; height: 100%; object-fit: contain;}


@media screen and (max-width:1440px) {
._list6{gap:0.44rem;}
}
@media screen and (max-width:1024px) {
._list6{gap:16px; margin-top:30px;}
._list6 .li{ width:75px;}
}



._list5{display:flex; flex-wrap: wrap; width: 100%; overflow: hidden;
background: #EBF3FF;
border-radius: 16px;

}
._list5 .li{display:flex; width: 100%; flex-wrap: wrap;
}
._list5 .li .a{display:flex; width: 100%; flex-wrap: wrap;
}
._list5 .li .tit{
color: #000;width: 100%;
font-weight: bold;
font-size: 0.3rem;
line-height: 0.4rem;
}
._list5 .li ._cont{width: 100%; margin-top:0.3rem
}
._list5 .li .cont{width: 50%; display: flex; flex-wrap: wrap; align-content: center; padding:0.4rem 0.9rem;}
._list5 .li .img{display:flex; line-height: 0; width:50%; overflow: hidden; aspect-ratio: 100 / 52.25;}
._list5 .li .img img{ width: 100%; height:100%; object-fit:contain;}
._list5 .li .a:hover .tit{color: #1e3084;}
._list5 .li:nth-child(2n+1) .a{ flex-direction: row-reverse;}



@media screen and (max-width:1600px) {
._list5 .li .cont{ padding:0.4rem 0.6rem;}
._list5 .li ._cont{ margin-top:0.2rem
}
._list5 .li .tit{
font-size: 0.26rem;
line-height: 0.36rem;
}
}
@media screen and (max-width:1024px) {
._list5 .li .cont{ padding:15px 15px; 
	}
	
	._list5 .li ._cont{margin-top:6px; line-height: 24px;
	}
	._list5 .li .tit{
	font-size:16px;
	line-height: 24px;
	}
}
@media screen and (max-width:700px) {
._list5 .li .cont{ width: 100%;}
._list5 .li .img{ width: 100%;}
}




.sect12 { width: 100%;display:flex; flex-wrap: wrap; position: relative; overflow: hidden; margin-top: 1.2rem;
border-radius: 16px;
}
.sect12 .stat-item { position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width:25%; padding:0.81rem 0.3rem 0.75rem 0.3rem;
border-right: 1px solid rgba(255, 255, 255, 0.2);
 }
 .sect12 .stat-item:nth-child(4n){border-right:0;}
 .sect12 .stat-item::after{ content: ''; display: block;
 position: absolute; right: -2px; top: 15.4%;
 width: 3px;
 height: 36px;
  border-radius: 3px;
 background: rgba(255, 255, 255, 1);
 }
  .sect12 .stat-item:nth-child(4n+2)::after{ top: 71.2%;}
  .sect12 .stat-item:nth-child(4n+3)::after{ top: 42%;}
.sect12 .stat-number {position: relative; z-index: 6; font-size: 0.64rem; line-height: 0.64rem; font-weight: bold; color: #fff;; justify-content: center; align-items: flex-end; text-align: center;display: flex; width: 100%;}
.sect12 .countUp{ margin-right: 5px; display: flex; }
.sect12 .num{
position: absolute;
left: 0;
top:100%;
font-weight: 900;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
transform: matrix(1, 0, 0, -1, 0, 0);
}
.sect12 .dw { font-size:calc(14px + 0.02rem); line-height:24px; font-weight: 400;}
.sect12 .stat-label { width: 100%; text-align: center; font-size:calc(14px + 0.04rem); line-height:24px; color: #fff; margin-top: 0.12rem; }
.sect12 .stat-icon {width:100%; line-height: 0; display: flex; justify-content: center; align-items: center; margin-bottom: 0.24rem;
width: 0.96rem;
height: 0.96rem;
background: linear-gradient(180deg, rgba(30, 48, 132, 0) 0%, rgba(30, 48, 132, 0.5) 100%);
backdrop-filter: blur(10px);
 border-radius: 50%;
 }
.sect12 .stat-icon img{ width: 0.56rem; height: 0.56rem; object-fit: contain; }


@media screen and (max-width:1024px) {
.sect12 { margin-top: 30px; }	
.sect12 .stat-item{  padding:25px 14px 25px 14px;}
.sect12 .stat-number { font-size: 24px; line-height:34px; }
.sect12 .dw{font-size: 14px;}
.sect12 .stat-label { font-size:14px; line-height:24px;  margin-top:4px; }
.sect12 .stat-icon{ width: 80px; height: 80px; margin-bottom:12px;}
.sect12 .stat-icon img{ width: 40px; height: 40px; }
}
@media screen and (max-width:700px) {
.sect12 .stat-item{ width:50%; border-top: 1px solid rgba(255, 255, 255, 0.2);}
.sect12 .stat-item:nth-child(1){border-top:0;}
.sect12 .stat-item:nth-child(2){border-top:0;}
.sect12 .stat-item:nth-child(2n){border-right:0;}
.sect12 .stat-item:nth-child(4n+2)::after{ display:none;}

}	



/* hyfa_section2 */
.hyfa_section2{width: 100%; overflow: hidden;}
.hyfa_section2 .content{position: relative;width: 100%; display: block; margin: 10px 0 1.5rem 0;}
.hyfa_section2 .content .bt{font-size: 0.24rem;color: #fff;line-height: 0.3rem;margin-bottom: 0.16rem;font-weight: bold;}
.hyfa_section2 .content .ico{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
min-width: 0.64rem;
height: 0.64rem;
background: #1e3084;
border-radius: 50%;
}
.hyfa_section2 .content .ico img{width: 0.3rem;height: 0.3rem;}
.hyfa_section2 .content li{width: 36.5%;position: absolute; display: flex; align-items: center; gap:0.2rem 0.3rem; z-index: 10; }



@media screen and (max-width:1440px) {
.hyfa_section2 .content{  margin: 30px 0 1.5rem 0;}	
.hyfa_section2 .content .bt{font-size: 0.2rem;line-height: 0.26rem;margin-bottom: 0.12rem;;}
.hyfa_section2 .content ._cont{font-size:calc(14px + 0.01rem); line-height: calc(22px + 0.06rem);}
.hyfa_section2 .content li{width: 34.5%; gap:0.2rem 0.25rem; }
}
@media screen and (max-width:1024px) {
.hyfa_section2 .content{  margin:10px 0;}	
.hyfa_section2 .content .bt{font-size: 16px;line-height: 26px; margin-bottom: 6px;}
.hyfa_section2 .content li{width: 100% !important;position: static;margin-top:25px; flex-direction: row !important; text-align: left !important; gap:0 15px;}
.hyfa_section2 .content .ico{
min-width:40px;height:40px;
}
.hyfa_section2 .content .ico img{width:20px;height:20px;}
}


.boxVideo{width:100%; position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;height:4.96rem;}
.boxVideo::after{ display: block; content:''; position: absolute; left:50%; top:50%; background:url(img/main2.png) center no-repeat; background-size:100% 100%; width:4.96rem; height:4.96rem;animation:byline 4.5s infinite linear; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.boxVideo .box0{ overflow: hidden; border-radius:50%; position: relative; z-index: 6; display: flex; justify-content: center; align-items: center;width:3.74rem; height:3.74rem;}
.boxVideo .three{ background:none;display: block; position: relative; z-index: 6;width:5.4rem; height:5.4rem;}
.boxVideo .logo{ position: absolute; left:50%; top:50%;transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width:3.74rem; z-index: 7; 
font-weight: 900;
font-style: Black;
font-size: 0.36rem;
line-height: 0.48rem;
letter-spacing: 0%;
text-align: center;
color: #FFFFFF; display: flex; align-items: center; justify-content: center; flex-direction: column;
}
.boxVideo .logo img{width:0.64rem; height:0.64rem; margin-bottom: 0.16rem;}

@media screen and (max-width:1440px) {
.boxVideo{ height:4.56rem; }	
.boxVideo::after { width:4.56rem; height:4.56rem;}
.boxVideo .three{ width:5rem; height:5rem;}
.boxVideo .box0{width:3.34rem; height:3.34rem;}
.boxVideo .logo{width:3.34rem; }
.boxVideo .logo{
font-size: 0.32rem;
line-height: 0.44rem;
}
.boxVideo .logo img{width:0.6rem; height:0.6rem; margin-bottom: 0.16rem;}
}
@media screen and (max-width:1024px) {
.boxVideo{ height:270px; }	
.boxVideo::after { width:270px; height:270px;}
.boxVideo .three{ width:300px; height:300px;}
.boxVideo .box0{width:250px; height:250px;}
.boxVideo .logo{width:250px; }
.boxVideo .logo{
font-size:18px;
line-height:28px;
}
.boxVideo .logo img{width:40px; height:40px; margin-bottom:12px;}
}


.jsys1{ overflow: hidden; position: relative;}
.jsys1 .box{ width: 100%; flex-wrap: wrap; display: flex;justify-content: space-between;}
.jsys1 .left{ width: 64.62%; flex-wrap: wrap; display: flex; align-content: flex-start;}
.jsys1 .right{ width: 28.88%; flex-wrap: wrap; display: flex;}
.jsys1 .tit48{ text-align: left;}
.jsys1 .pic{ overflow: hidden; border-radius: 16px;
box-shadow:0px 0px 30px rgba(255, 255, 255, 0.5);
}


@media screen and (max-width:1600px) {
.jsys1 .right{ width: 30.88%;}
.jsys1 .left{ padding:0.8rem 0;}
.jsys1 .mt50{ margin-top:0.4rem;}
}
@media screen and (max-width:1024px) {
.jsys1 .left{ width: 100%; padding:35px 0 20px 0; }
.jsys1 .right{ width: 100%; }
.jsys1 .mt50{ margin-top:20px;}
.jsys1 ._cont.mt50{ margin-top: 12px;}

}


.Box02{display: flex;width: 100%;  align-items: center; justify-content: space-between; position: relative;
padding:0.4rem 0 0.4rem 0.6rem; gap: 0 0.6rem;
}
.Box02::after{
	position: absolute; left: 0; top: 0; content: '';
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 2000px;
	height: 100.1%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(233, 242, 255, 0.5) 100%);
}
.Box02 .l1{ display: flex; flex-direction: column;}
.Box02 .tit{width: 100%;
font-weight: 400;
font-size:0.24rem;
line-height: 0.36rem;
color: #000; margin-bottom: 10px;
}
.Box02 ._cont{color: #555;} 
.Box02:hover .tit{color: #1e3084;}
.Box02 .ico{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
min-width: 0.8rem;
height: 0.8rem; border-radius: 50%;
background: linear-gradient(360deg, rgba(30, 48, 132, 0.1) 0%, rgba(30, 48, 132, 0) 100%);
backdrop-filter: blur(10px);
}
.Box02 .ico img{width: 0.36rem;height: 0.36rem;}

@media screen and (max-width:1600px) {
.Box02{
padding:0.4rem 0 0.4rem 0.4rem; gap: 0 0.3rem;
}

}

@media screen and (max-width:1024px) {
.Box02{
padding:20px 5px; gap: 0 14px;
}
.Box02::after{ left: -15px;}
.Box02 .tit{
font-size:16px;
line-height:25px;
 margin-bottom: 5px;
}
.Box02:hover .tit{color: #1e3084;}
.Box02 .ico{
display: flex;
min-width:50px;
height: 50px; 
}
.Box02 .ico img{width:24px;height:24px;}
}


/*pord_show*/
.xq_content{width: 100%;position: relative; overflow: hidden;}
.xq_content .baimg{width: 100%;display: block;position: absolute;left: 0;top: 0;z-index: 1;}
.xq_content>div{position: relative;z-index: 3;}
@media screen and (max-width:1024px) {
.xq_content .baimg{height:860px;object-fit: cover;}

}

.cpxq_section1{ padding-top: 0.94rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cpxq_section1 .box{ display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: space-between; padding:20px 0;}

@media screen and (max-width:1024px) {
.cpxq_section1{ padding-top:50px;}
.cpxq_section1 .box{ padding:10px 0;}

}



.cpxq_section2{padding-top: 0.4rem;padding-bottom:0.4rem; width: 100%; display: flex;justify-content: space-between;align-items: center;flex-direction:row-reverse; flex-wrap: wrap;}
.cpxq_section2 .left{width: 55%;}
.cpxq_section2 .left .qh_t{ display: block; width: 100%;padding:0 14%;}
.cpxq_section2 .left .qh_t .pic{ display: flex; align-items: center; justify-content: center; width: 100%;aspect-ratio: 100 / 100;  }
.cpxq_section2 .left .qh_t .pic img{ width: 100%; height: 100%; object-fit:contain;}
.cpxq_section2 .slick-arrow{  background: url(img/next2.svg) center no-repeat;}
.cpxq_section2 .slick-arrow:hover{  background: url(img/next2.svg) center no-repeat;background:url(img/next3.svg) center no-repeat #1e3084;}

.cpxq_section2 .right{width: 40%;}
.cpxq_section2 .right .tit48{ text-align: left;}
.cpxq_section2 .right .info{ width: 100%;font-size:0.18rem;color: #fff;line-height: 0.36rem;margin-top: 0.4rem;}
.cpxq_section2 .right .btnbox{ width: 100%;display: flex;margin-top: 0.64rem; gap: 0 16px;}
.cpxq_section2 .right .btn{display: flex;justify-content: center;align-items: center;background:#1e3084; border: 1px solid #1e3084; border-radius: 60px; height:0.48rem; padding:0 0.34rem;font-size: calc(14px + 0.02rem);color: #fff;line-height:1;}
.cpxq_section2 .right .btn .wz{margin-right: 8px;}
.cpxq_section2 .right .btn img{width: 20px;display: block;}
.cpxq_section2 .right .btn:last-child{background:#000; border: 1px solid #000; }
.cpxq_section2 .right .btn:hover{background:#000; border: 1px solid #000; }
.cpxq_section2 .right .btn:hover:last-child{background:#1e3084; border: 1px solid #1e3084; }

@media screen and (max-width:1024px) {
.cpxq_section2{padding-top: 30px;padding-bottom: 40px;}
.cpxq_section2 .left{width: 400px;margin: 0 auto 14px auto;}
.cpxq_section2 .left .qh_t{ padding:0 60px; margin-bottom: 12px;}
.cpxq_section2 .right{width: 100%;}
.cpxq_section2 .right .info{font-size: 14px;line-height: 26px;margin-top: 10px;}
.cpxq_section2 .right .btnbox{margin-top:20px;}
.cpxq_section2 .right .btn{height:36px; padding:0 16px; font-size: 14px;}
.cpxq_section2 .right .btn .wz{font-size: 14px;line-height: 38px;margin-right: 10px;}
.cpxq_section2 .right .btn img{width: 20px}
}

@media screen and (max-width:500px) {
.cpxq_section2 .left{width: 100%;}	
}	


.cpxq_section3{ width: 100%; padding: 0.52rem 0.5rem 0.5rem 0.5rem;
background: #FFFFFF;
border-radius: 24px;
}
.cpxq_section3 .title{width: 100%; display: flex; align-items: center; gap: 0 12px;
font-weight: 400;
font-size: 0.32rem;
line-height: 0.4rem;
color: #000000;
}
.cpxq_section3 .title img{ width: 16px; height: 16px;}
.cpxq_section3 .text{width: 100%;font-size:0.18rem;color: #555;line-height: 0.36rem;}
.cpxq_section3 .mt100{ margin-top: 1rem;}
.cpxq_section3 .page_box{display: flex;justify-content: space-between;align-items: flex-start;max-width: 100%;  border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 0.5rem; margin-top: 0.5rem;}
.cpxq_section3 .page_box .a1{display: block;font-size: calc(14px + 0.02rem);color: #555;line-height: 24px;width: calc(50% - 20px);}
.cpxq_section3 .page_box .a1 span{ display: block; margin-bottom: 8px;}
.cpxq_section3 .page_box .a1 font{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.cpxq_section3 .page_box .a1.next{text-align: right;}
.cpxq_section3 .page_box .a1:hover{color: #1e3084;}


@media screen and (max-width:1024px) {
.cpxq_section3 .title{font-size: 18px;line-height: 26px;}	
.cpxq_section3 .title img{ width: 12px; height: 12px;}
.cpxq_section3 .text{font-size: 14px;line-height: 26px;}
.cpxq_section3 .text.mt40{ margin-top: 15px;}
.cpxq_section3 .mt100{ margin-top:30px;}
.cpxq_section3{ padding:30px 15px;
border-radius: 16px;
}
.cpxq_section3 .page_box{padding-top:25px; margin-top:30px;}
.cpxq_section3 .page_box .a1{width: calc(50% - 8px);}


}



.list1{ display: block; width: 100%;}
.list1 .ul{ display:grid; width:100%;grid-template-columns: repeat(2, 1fr); gap: 0.3rem 0.6rem;}
.list1 .ul .a{ display:flex;width: 100%; align-items: center; position: relative;
padding: 0.35rem 0;

}
.list1 .ul .a::after{ display: block; content: ''; position: absolute; right: 0; top: 0; width: 80.55%; height: 100%;
background: #F5F8FD;
border-radius: 8px; z-index: 1;
}
.list1 .ul .a .tit{ width: 100%;
font-weight: 400;
font-size: 0.2rem;
line-height: 0.3rem;
color: #000;
}
.list1 .ul .a .p{ width: 100%; margin-top:0.16rem;
font-weight: 400;
font-size: calc(14px + 0.02rem);
line-height: calc(22px + 0.08rem);
color: #333;
}
.list1 .ul .a .cont{width: 100%; padding:0 0.5rem; position: relative; z-index: 6;}
.list1 .ul .a .pic{ display:block; width:2.5rem; min-width:2.5rem; position: relative; z-index: 6;}
.list1 .ul .a ._img{ padding-bottom:68%; overflow: hidden; border-radius:8px;}
.list1 .ul .a:hover .tit{ color:#1e3084;}

.list1 .slick-arrow{ background:url(img/next2.svg) center no-repeat #fff; top:-0.8rem; margin-top: 0;}
.list1 .slick-arrow:hover{ background:url(img/next3.svg) center no-repeat #1e3084; }
.list1 .slick-prev{ left: auto; right: 50px;}

@media screen and (max-width:1600px) {
.list1 .ul{ gap: 0.3rem 0.4rem;}	
.list1 .ul .a .cont{ padding:0 0.3rem; }
}	
@media screen and (max-width:1024px) {
.list1 .ul{gap:16px 16px;}
.list1 .ul .a{ padding:16px 0;}
.list1 .ul .a .tit{ 
font-size:16px;
line-height:26px;
}
.list1 .ul .a .p{ 
font-size:13px;
line-height:22px; margin-top: 4px;
}
.list1 .ul .a .pic{  width:132px; min-width:132px; }
.list1 .ul .a .cont{ padding:0 14px;}
.list1 .slick-arrow{  top:-46px; margin-top: 0;}
.list1 .slick-prev{ left: auto; right: 40px;}
}
@media screen and (max-width:767px) {
.list1 .ul{grid-template-columns: repeat(1, 1fr); }
}



.list2{ display: block; width: 100%;}
.list2 .ul{ display:grid; width:100%;grid-template-columns: repeat(3, 1fr); gap: 0.6rem;}
.list2 .ul .a{ display:flex;width: 100%; flex-wrap: wrap; align-content: flex-start;
}
.list2 .ul .a .tit{ width: 100%; display: flex; align-items: center; gap: 0 10px;
font-weight: bold;
font-size: 0.24rem;
line-height: 0.36rem;
color: #1e3084; margin:24px 0 12px 0;
}
.list2 .ul .a .tit .i{ height:0.5rem; min-width:0.5rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background: rgba(30, 48, 132, 0.06);
border-radius: 50%;

} 
.list2 .ul .a .tit .i img{ width: 0.3rem; height: 0.3rem;}
.list2 .ul .a ._img{ padding-bottom:67.4%; overflow: hidden; border-radius:16px;}
.list2 .ul .a:hover .tit{ color:#1e3084;}

@media screen and (max-width:1600px) {
.list2 .ul{ gap: 0.4rem 0.4rem;}	
}		
@media screen and (max-width:1024px) {
.list2 .ul{gap:20px 20px;}
.list2 .ul .a .tit{   margin:16px 0 6px 0;
font-size:16px;
line-height:26px;
}
.list2 .ul .a .tit .i{ height:36px; min-width:36px;

} 
.list2 .ul .a .tit .i img{ width:24px; height:24px;}
}
@media screen and (max-width:767px) {
.list2 .ul{grid-template-columns: repeat(1, 1fr); }
}


._table01{width: 100%; }
._table01 table{width: 100%; color: #555; font-size: 0.18rem; line-height:24px;}
._table01 table td{border: 1px solid rgba(0, 0, 0, 0.1);padding:0.18rem 0.24rem; text-align:left;
}
._table01  table td.firs-child{color: #000;background: rgba(30, 48, 132, 0.02);
}

@media screen and (max-width:1600px) {
._table01 table{ font-size:calc(14px + 0.02rem);}	
}	
@media screen and (max-width:1024px) {
._table01 table{font-size: 14px; line-height:22px;}	
._table01 table td{padding:10px 14px;
}	
._table01 table td.firs-child{ width:90px;min-width:90px;max-width:90px;}
}	

@media screen and (max-width:860px) {
._table01{ overflow-x: auto;}
._table01 table{ width:860px;} 	

}	



/*pord_download*/

/* .pord_load{ width: 100%; display: none;}
.pord_det{ width: 100%; display: block;}

.pord_load.om{ display: block;}
.pord_det.om{ display: none;} */

.Contact2 .sect{display: flex; flex-wrap: wrap; width:100%; padding: 0.8rem 0 1.62rem 0;}
.Contact2 .adrr{ display:flex; flex-wrap: wrap; justify-content: center; align-content: flex-start; width: 33.33%; color:#fff;font-size:0.18rem; line-height:30px; padding:0 0.4rem; text-align: center;
border-right: 1px dashed rgba(255, 255, 255, 0.2);
 }
 .Contact2 .adrr:first-child{border-left: 1px dashed rgba(255, 255, 255, 0.2);}
.Contact2 .adrr .s{display: block; width: 100%;}
.Contact2 .adrr img{ min-width:0.64rem; height:0.64rem; margin:0 0 0.16rem 0;}


@media screen and (max-width:1024px) {
.Contact2 .adrr{font-size:14px; line-height:24px; padding: 0 15px;}
.Contact2 .adrr img{min-width:44px; height:44px; }
}
@media screen and (max-width:700px) {
.Contact2 .sect{ justify-content:space-between; padding:20px 0 80px 0;}	
.Contact2 .adrr{ width:auto; flex-wrap: nowrap; align-items: center; text-align: left; padding:20px 0; gap: 0 14px;border-bottom: 1px dashed rgba(255, 255, 255, 0.2); border-right:0;}
.Contact2 .adrr:last-child{ width: 100%;}
.Contact2  .adrr:first-child{border-left:0;}	
}


.Contact3 .colse{ z-index: 10; cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:20px; top:20px; width:25px; line-height: 0;}
.Contact3 .colse img{ width:100%;}
.Contact3{display: block; width:12rem; padding: 60px 60px; position:absolute; left:50%; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);  z-index: 121;
background: #FFFFFF;
border-radius:16px;
}
.Contact3 .cont{ width:100%; text-align: center; color: #888; font-size:0.18rem; line-height: 0.3rem; margin:0.16rem 0 0.4rem 0;}

._form3{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between;}
._form3 .lab{ width:48.38%; position:relative; display: flex; flex-wrap: wrap; margin-bottom:0.16rem; }
._form3 .w100{ width:100%;}
._form3 .name{ width:100%; display:block; color: #000; font-size:0.18rem; line-height:0.3rem; padding-bottom:0.1rem;}
._form3 .name span{ color: #FF0000;}
._form3 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:1px solid #E5E5E5; background:#fff; font-size:calc(14px + 0.02rem);color: #000; line-height:0.34rem; height:0.56rem; padding:0.1rem 0.16rem; border-radius:4px;}
._form3 .yanzhengma{ cursor: pointer;object-fit: contain; z-index:6;  height:0.56rem; white-space: nowrap; /*padding: 0 0.4rem;*/
background: rgba(30, 48, 132, 0.1);
border-radius: 4px;
font-weight: 400;
font-size: 16px;
line-height: 20px; margin-left: 0.2rem;
color: #1e3084;
 display: flex; align-items: center; justify-content:center ; border: 1px solid #E5E5E5;
}
._form3 .yanzhengma:hover{background: #1e3084;color: #fff;}
._form3 .submit{ display: flex; justify-content:center; align-items: center; font-size:0.18rem; color: #fff; height:0.56rem; padding:0 1.14rem 1px 1.14rem; background: #1e3084; border:1px solid #1e3084; border-radius:3px; margin: 0.34rem auto 0 auto; border-radius: 56px;}
._form3 .submit:hover{ background:#000; border:1px solid #000;}


._form3 input::placeholder{color:#888; opacity:1 !important;}
._form3 textarea::placeholder{color:#888; opacity:1 !important;}


@media screen and (max-width:1600px) {
.Contact3{ width:10rem;  padding:0.36rem 0.6rem;}	
.Contact3 .cont{ margin:0.1rem 0 0.2rem 0;}
.Contact3 .tit48{ line-height:0.48rem; font-size: 0.38rem;}
._form3 .lab{  margin-bottom:0.14rem; }
._form3 .text{ line-height:0.28rem; height:0.46rem; padding:0.08rem 0.16rem;}
._form3 .yanzhengma{ height:0.46rem;}
._form3 .submit{ height:0.46rem; margin: 0.2rem auto 0 auto;}
._form3 .name{ padding-bottom: 0.08rem;}
}	
@media screen and (max-width:1024px) {
.Contact3 .colse{right:12px; top:12px;}
	
.Contact3{ width:90%; padding:25px 15px;}	
.Contact3 .tit48{ line-height:30px; font-size: 20px;}
.Contact3 .cont{ font-size:15px; line-height: 24px; margin:5px 0 15px 0;}
._form3 .lab{  margin-bottom:10px; }	
._form3 .name{  font-size:15px; line-height:24px; padding-bottom:8px;}
._form3 .text{ font-size:14px; line-height:30px; height:40px; padding:5px 12px;}
._form3 .submit{ padding:0 50px 1px 50px; font-size:15px; height:40px;}
._form3 .yanzhengma{ height:40px; margin-left: 10px; /*padding: 0 16px;*/font-size:14px;}
}
@media screen and (max-width:767px) {
._form3 .lab{  width: 100%;}
}

.Contact-puop1{ display:none; position:fixed; left:0; top:0; z-index: 111; background:rgba(0,0,0,0.56); width:100%; height: 100%; }




.yingyong .grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0.36rem;
    }

.yingyong ._img{padding-bottom: 60.5%;border-radius: 16px;
box-shadow:0px 0px 30px rgba(255, 255, 255, 0.5);
}
.yingyong ._img::after{
	 content: '';
	position: absolute;
	width: 100%;
	height: 41.23%;
	left:0;
	bottom:0;
	background: linear-gradient(180deg, rgba(0, 8, 20, 0) 0%, rgba(0, 8, 20, 0.8) 100%);

}

.yingyong .card-contant{
    padding: 0.56rem 0.56rem 0.18rem 0.56rem;	margin-top: -0.51rem;
	margin-left: 0.25rem;width: calc(100% - 0.5rem);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	z-index: 6;
	background: linear-gradient(180deg, #F6F8FD 0%, #FFFFFF 100%);
	border-radius: 16px;
	

}
.yingyong ._title{
width: 100%;
font-weight: 700;
font-size: 0.24rem;
line-height: 0.3rem;
color: #000000;
}
.yingyong .card:hover ._title{ color: #1e3084;}
.yingyong ._desc{
width: 100%; margin-top: 0.16rem;
font-weight: 400;
font-size: 0.18rem;
line-height: 0.3rem;
text-align: center;
color: #555555;
cursor: pointer; padding:0 0.2rem;
 overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;
}

.yingyong ._icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.8rem;
	height: 0.8rem;
	background: #1e3084;
	border-radius: 50%;
	/* margin: 0 auto -10px; */
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,-50%);
}
.yingyong ._icon img{width:0.4rem ;height: 0.4rem;}
.yingyong .a1{ display:inline-flex; color: #fff; font-weight: 400; font-size:calc(14px + 0.02rem);line-height:1; height:0.48rem; justify-content: center; align-items: center; border-radius:50px; gap:0 8px;padding: 0px 0.34rem;background:#1e3084; margin-top: 0.24rem;}
.yingyong .a1 i{display: block; border-radius: 50%; border: 1px solid #fff; width:20px; height:20px; background: url(img/Arrow-right-up.svg) center no-repeat; background-size:10px !important;}
.yingyong .a1:hover{ background: #000;}
.yingyong .a1:hover i{ transform: rotate(45deg); -ms-transform: rotate(45deg);}



@media screen and (max-width:1600px) {
.yingyong .card-contant{  padding: 0.56rem 0.3rem 0.18rem 0.3rem;}
}
@media screen and (max-width:1024px) {
.yingyong .card-contant{  padding:36px 10px 8px 10px;	margin-top: -25px;
	margin-left:16px;width: calc(100% - 32px);}	
.yingyong ._title{font-size:16px; line-height:22px;}	
.yingyong ._desc{font-size:14px; line-height:24px; margin-top: 8px; padding:0 5px; }

.yingyong .om ._desc br{ display:none;}
.yingyong ._icon {
	width: 52px;
	height: 52px;
}
.yingyong ._icon img{width:26px ;height:26px;}
.yingyong .grid {
     grid-template-columns: repeat(2, 1fr);
      gap:16px;
    }
.yingyong .a1{height:36px; font-size:14px; padding:0 16px;margin-top:14px;}
.yingyong .a1 img{ width:18px; height: 18px;}

}

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

}





.sect17{ display:block; width:calc(100% + 0.26rem); overflow: hidden; margin-left:-0.13rem;margin-right:-0.13rem;}
.sect17 .u2{ display:flex; flex-wrap: wrap;  width:100%; margin-bottom: 0.25rem;}
.sect17 .u2 .li{ display:block; width:20%; padding:0 0.13rem; margin-bottom: 0.25rem;}
.sect17 .u2 ._img{ display: block; width: 100%; position: relative; overflow: hidden; padding-bottom:74.66%;border-radius:12px;}
.sect17 .u2 ._img img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; object-fit: contain;
transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.sect17 .u2 .li:hover ._img img{transform: scale(1.05); -ms-transform: scale(1.05);} 
.sect17.ph{ display:none;}


@media screen and (max-width:1024px) {
.sect17 { width:calc(100% + 12px); margin-left:-6px;margin-right:-6px;}
.sect17 .u2{ margin-bottom:13px;}
.sect17 .u2 .li{ padding:0 6px; margin-bottom: 12px;}

}
@media screen and (max-width:700px) {
.sect17 .u2 .li{ width:33.33%;}
.sect17.pc{ display:none;}
.sect17.ph{ display:block;}
}


.service-puop1{ display:block; position:fixed; left:0; top:0; z-index: 111; background:rgba(0,0,0,0.56); width:100%; height: 100%; }
.service-puop1 .box{display: flex; align-items: center; justify-content: center; height: 100vh; width:100%; }
.service-puop1 .service_con{ position: relative; display: flex; flex-wrap: wrap; width:100%; max-height:85vh;border-radius: 16px; overflow: hidden; overflow-y: auto;  padding:40px 40px;  background:#fff;scrollbar-width: thin; align-items: center; justify-content: space-between; }
.service-puop1 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:0; top:-35px; width:25px; line-height: 0;}
.service-puop1 .box .colse img{ width:100%;}
.service-puop1 .box .img{ display: block; line-height: 0; overflow: hidden; border-radius:16px; width:54%;aspect-ratio: 100 / 60.5;}
.service-puop1 .box .img img{ width:100%; height: 100%; object-fit: cover;}
.service-puop1 .box .right{ width:43%;}
.service-puop1 .box .tit1{ width:100%;font-weight: 700;
  font-size: 0.24rem;
  line-height: 0.3rem;
  color: #000000;  }
.service-puop1 .box .info{ width: 100%;
  margin-top: 0.16rem;
  font-weight: 400;
  font-size: calc(14px + 0.02rem);
  line-height: 0.3rem; max-height:2.7rem;
  color: #555555;
  overflow: hidden;
  cursor: pointer;
  padding: 0 5px 0 0;  overflow-y: auto;  scrollbar-width: thin;}
.service-puop1 .card-cont{ display: flex; width: 100%; align-items: center; gap: 0 0.15rem;}
.service-puop1 ._icon {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0.6rem;
	height: 0.6rem;
	background: #1e3084;
	border-radius: 50%;
}
.service-puop1 ._icon img{width:0.3rem ;height: 0.3rem;}
.service-puop1 .service_box{ position:relative; width:12rem;}

@media screen and (max-width:1024px) {
.service-puop1 .service_con{padding:16px 16px 25px  16px; flex-wrap: wrap;}	
.service-puop1 ._icon {
min-width:48px ;height:48px;
}
.service-puop1 ._icon img{width:24px ;height:24px;}
.service-puop1 .box .tit1{font-size:18px; line-height:26px;}
.service-puop1 .box .info{font-size:14px; line-height:24px; margin-top:12px; max-height: 240px; }
.service-puop1 .service_box{ width:90%;}
.service-puop1 .box  .img{ width:100%;}
.service-puop1 .box .right{ width:100%; margin-top: 20px;}
}

.pagecon{padding-top:0.5rem; padding-bottom:0.5rem;}
.pagecon .cont{font-size: calc(14px + 0.04rem);color: #555;line-height: calc(24px + 0.12rem);}
.pagecon .cont img{max-width: 100%;}

@media screen and (max-width:1024px) {
.pagecon .cont{font-size: 14px;line-height: 26px;}
}

.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:#1e3084;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}




/*20260520stasrt*/
.mtbdxq_section2 .left .cont1{font-size: calc(14px + 0.04rem);color: #555;line-height: calc(24px + 0.12rem);padding:40px 0;border-top: 1px solid rgba(0, 0, 0, 0.1);;}
.mtbdxq_section2 .left .cont1 img{max-width: 100%;}
.mtbdxq_section2 .left .lin1{ display: flex; flex-wrap: wrap; width: 100%; margin:40px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}

@media screen and (max-width:1024px) {
.mtbdxq_section2 .left .cont1{font-size: 14px;line-height: 26px;padding:30px 0;}
.mtbdxq_section2 .left .lin1{margin:30px 0;}

}


.service-puop1 .box .colse{ right:5px; top:0px;  width:66px; z-index: 6;}

@media screen and (max-width:1024px) {
.service-puop1 .box .colse{  top:-12px;  right:0px; }
.service-puop1 .service_con{ padding: 40px 16px 25px 16px;}

}


/*20260520end*/


/*20260610start*/

.case2 .u2 .li{/* -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s; */
}
.case2 .u2 .a{
	-webkit-transition: none;
	  -moz-transition:none;
	  -o-transition:none;
	  transition: none;
}


.footer1{  background: #000 !important;}


._list5{  background: #1e3084;}
._list5 .li .tit{ color: #fff;}
._list5 .li ._cont{ color: #fff;}
._list5 .li .a:hover .tit{color: #fff;}
.sect12 .num{ display: none;}
.t_navs.navFix{ transform: translateY(0); -ms-transform: translateY(0); }
.slideBox.navFix{ position: sticky; top: 0.94rem;}

@media screen and (max-width:1024px) {
.slideBox.navFix{ position: sticky; top:50px;}

}

.t_navs .sub4 .u2 .l1{ justify-content: center;}

.Box02::after{  width: calc(100% + 0.6rem);}

@media screen and (max-width:1600px) {
.Box02::after{  width: calc(100% + 0.4rem);}	
}

@media screen and (max-width:1024px) {
.Box02::after{ left: 0;  width:100%;}
.Box02{    padding: 20px 15px;}
.jsys1 .box{ padding-bottom: 15px;}
}

@media screen and (min-width:1920px) {
.t_navs .sub4 .u2 .l1{  width: 274px;}	
}


/*20260610end*/



/*20260615start*/
.pord_det .bg-f8{ background: #fff;}
.cpxq_section2 .right .tit48{ color:#1e3084 !important;}
.cpxq_section2 .right .info{ color: #000;}


.xq_content .baimg{ opacity: 1;}


.mbx1{ display: block;color: #000;font-size: calc(14px + 0.02rem); line-height:24px;}
.mbx1 a{ color: #000;}
.mbx1 i{ color: #000; padding:0 6px;}
.mbx1 a:hover{ text-decoration: underline; color: #1e3084；}
.mbx1 span{ text-decoration: underline;}

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

}