@charset "UTF-8";
html{
  font-size:6.66vw;
}
@media screen and  (min-width:1500px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}


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




.max-width{max-width:1300px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.8rem;padding-right:0.8rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:16px;padding-right:16px;}
}





/*PC head*/
.t_navs{ position:fixed; left:0; top:0; z-index: 100; width: 100%;}
 .t_navs .top{ width: 100%;
background: rgb(40, 80, 162);
padding:0 50px;
 }
 .t_navs .down{ width: 100%;
background: rgb(255, 255, 255);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
padding:0 50px;
  }
 .t_navs .box{display: flex; flex-wrap: wrap;
justify-content: space-between;
align-items: center; width: 100%;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; max-width: initial; height:60px;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .tel{ display:flex;line-height:0.56rem; font-size:calc(14px + 0.04rem);color: #fff; font-weight: 700; padding:0 26px 0 30px; background: url(img/ico6.1.svg) left center no-repeat; background-size:22px auto !important; }
.t_navs .lang{ display:flex; position: relative;}
.t_navs .lang .a{ position: relative; display:flex; align-items: center;line-height:38px; font-size:16px;color: #fff; font-weight: 700; text-transform: uppercase; padding:0 24px 0 26px; background: url(img/ico2.svg) left center no-repeat; background-size:20px auto !important;}
.t_navs .lang .a::after{ display: block; content:''; position: absolute; right:0; top:1px; width:16px; height:100%; background: url(img/down.svg) center no-repeat; background-size:16px auto !important;}
.t_navs .lang .a:hover{opacity:0.8 !important;}
.t_navs .lang .u1{ display:none; position: absolute; top:100%; left:50%; z-index: 10; transform: translateX(-50%); -ms-transform: translateX(-50%);border-radius:5px; overflow: hidden; width:100%;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.t_navs .lang:hover .u1{display: block;}
.t_navs .lang .u1 a{ display: block; text-align: center; width:100%; color: #333; line-height:24px; font-size:16px; padding:10px 20px; border-bottom:1px solid #f5f5f5;text-transform: uppercase; background:#fff; font-weight: 700;}
.t_navs .lang .u1 a:hover{color: #fff; background:#2850A2;}
.t_navs .lang .u1 a:last-child{ border-bottom: 0;}
.t_navs .btn{ display:flex; position: relative;}
.t_navs .btn .a{
height: 36px;
background: rgb(255, 255, 255);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
padding:7px 16px 9px 16px;
color: rgb(51, 51, 51);
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.t_navs .btn .a:hover{ background: #2850A2;border: 1px solid #2850A2;color: #fff;}
.t_navs .btn .Login{ margin:0 8px;}
.t_navs .menu{ float:left;}
.t_navs .menu .ul{ float:left;}
.t_navs .menu .nli{ float:left; margin:0 0.2rem; position: relative;}
.t_navs .menu .nli:first-child{ margin-left:0 !important;}
.t_navs .menu .nli:last-child{ margin-right:0 !important;}
.t_navs .menu .nli span a{ float:left;display:inline-flex; align-items:center; position:relative; color:#333; font-size:16px; line-height:80px; padding:0 0.1rem; font-weight: 700;}
.t_navs .menu .nli span a i{ display:inline-flex; width: 16px; height: 16px; position: relative; margin-top: 4px; margin-left: 8px;background: url(img/down1.svg) center no-repeat; background-size:16px auto !important;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{ color:#2850A2;}
.t_navs .menu .nli:hover span a i{ transform:rotateX(180deg); -ms-transform:rotateX(180deg);background: url(img/down2.svg) center no-repeat; }
.t_navs .menu .nli.on span a i{background: url(img/down2.svg) center no-repeat; }
.t_navs .sub{ display:none; position: absolute; top:100%; left:50%; z-index: 10; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .sub .u1{ display:flex; flex-wrap: wrap; flex-direction: column; white-space: nowrap;border-radius:5px; overflow: hidden;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.t_navs .sub .u1 .li{ display: block; width:100%; border-bottom:1px solid #f5f5f5;}
.t_navs .sub .u1 .li a{ display: block; width:100%; color: #333; line-height:24px; font-size:16px; padding:10px 20px; background:#fff; font-weight: 700;}
.t_navs .sub .u1 .li a:hover{color: #fff; background:#2850A2;}
.t_navs .sub .u1 .li:last-child{ border-bottom: 0;}
.t_navs .down .lang{ display:none}
.t_navs .share{ display: inline-flex;}
.t_navs .share .li{display: inline-flex; margin:0 20px 0 0; position: relative;}
.t_navs .share a{ display:flex; align-items: center; justify-content: center; line-height:0; position: relative; width:20px; height:20px;}
.t_navs .share a img{ width:20px; height:20px;}
.t_navs .share a:hover{opacity:0.8 !important;}

.t_navs.act .top{ display:none;}
.t_navs.oct .down{box-shadow:none;}
.t_navs.act .down{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}


@media screen and (max-width:1440px) {
.t_navs .menu .nli{ margin:0 0.2rem;}
}
@media screen and (max-width:1024px) {
.t_navs .top{ display:none;}
.t_navs .down{ padding:8px 15px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ width: auto; height:32px;}
.t_navs .btn{ width: 100%; justify-content: center;}
.t_navs .top .lang{ display:none}
.t_navs .down .btn{ display:none;}
.t_navs .down .lang{ display:flex}
.t_navs .lang{ margin-right: 15px;}
.t_navs .lang .a{color: #333; background: url(img/ico2.1.svg) left center no-repeat; background-size:20px auto !important;}
.t_navs .lang .a::after{ background: url(img/down.1.svg) center no-repeat;}
.t_navs .btn .a{height: 30px;
padding:7px 10px 9px 10px;
color: rgb(51, 51, 51);
font-size: 14px;
line-height: 20px;}
}


.t_navs .menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.t_navs .menuph .point { float:left; width: 100%;  height: 20px; position: relative;}
.t_navs .menuph .point:hover .navbtn,
.t_navs .menuph .point:hover .navbtn::after,
.t_navs .menuph .point:hover .navbtn::before { width: 100%;}
.t_navs .menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #333;
-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;}
.t_navs .menuph .navbtn::after,
.t_navs .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background: #333;
-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;}
.t_navs .menuph .navbtn::after { top: -9px;}
.t_navs .menuph .navbtn::before { top: 9px;}
.t_navs .menuph.active .point .navbtn{ background: transparent !important;}
.t_navs .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;}
.t_navs .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){
.t_navs .menuph{ display:block;}
}

.xialaph{ position: fixed; left:0; top:54px; 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: #333; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%; text-transform: capitalize; font-weight: 700;}
.xialaph .active .a1{ color: #2850A2;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;background: url(img/down1.svg) right center no-repeat; background-size:16px auto !important;}
.xialaph .active .icobox{background: url(img/down2.svg) right center no-repeat; }
.xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:16px;color: #333;line-height:24px; padding:6px 0;}
.xialaph .on .a2{ color:#2850A2;}
.xialaph .u1{width: 100%; padding:0 0 30px 0;}
.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;}



.footer1{ background:#F1F5F9; position: relative; z-index: 6; overflow: hidden;}
.footer1 .down{ display:flex; flex-wrap: wrap; width:100%; justify-content:space-between; align-items: center; position: relative; padding:20px 0;}
.footer1 .down::after{ display: block; content: ''; position: absolute; left: 50%; top:0; width: 4000px; height: 1px; background:#E4E7EC; margin-left: -2000px;}
.footer1 .Copyright{ display:block;color:#344054; font-size:14px; line-height:22px;}
.footer1 .Copyright a{color: #344054;}
.footer1 .Copyright a:hover{color: #2850A2;}
.footer1 .share{ display: inline-flex;}
.footer1 .share .li{display: inline-flex; margin:0 6px; position: relative;}
.footer1 .share a{ display:flex; align-items: center; justify-content: center; line-height:0; position: relative; width:26px; height:26px;}
.footer1 .share a img{ width:26px; height:26px;}
.footer1 .share a .img2{ display: block;}
.footer1 .share a .img1{ display: none;}
.footer1 .share a:hover .img2{ display: none;}
.footer1 .share a:hover .img1{ display: block;}
.footer1 .top{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between; padding:80px 0;}
.footer1 .left{ display: flex; flex-direction: column;}
.footer1 .left .logo{ display: block; line-height: 0;}
.footer1 .left .logo img{ height:72px;}
.footer1 .right{ display: flex; flex-wrap: wrap;}
.footer1 .a1{ display:inline-flex; color: #333; font-size:18px; line-height:24px; text-transform: capitalize; font-weight: 700; padding-bottom:16px;}
.footer1 .nav{ display: flex; flex-direction: column; margin:0 1.3rem 0 0;}
.footer1 .nav .u2{ display: flex; flex-direction: column;}
.footer1 .nav .a2{ display:inline-flex;; color: #555; font-size:16px; line-height:24px; margin-top:8px; padding-left: 12px;background: url(img/RightArrow.svg) left center no-repeat; background-size:8px auto !important;}
.footer1 .nav .a2:hover{ color: #2850A2;background: url(img/RightArrow1.svg) left center no-repeat; }
.footer1 .info{ display: flex; flex-direction: column;}
.footer1 .adrr{ display:inline-flex; align-items: center; color: #555; font-size:16px; line-height:24px; margin-top:8px;}
.footer1 .adrr img{ display: block; width: 16px; height: 16px; margin-right: 4px;}
.footer1 .p1{ display:inline-flex;; color: #555; font-size:16px; line-height:24px; margin-top:16px;}

@media (max-width:1440px){
.footer1 .nav{margin:0 1rem 0 0;}
}
@media (max-width: 1024px){
.footer1 .top{padding:30px 0;}	
.footer1 .left{ flex-direction: row; align-items: center; position: relative; padding-bottom: 30px;}
.footer1 .left::after{ display: block; content: ''; position: absolute; left: 50%; bottom:0; width: 4000px; height: 1px; background:#E4E7EC; margin-left: -2000px;}
.footer1 .left .logo img{ max-width: initial; height:38px;}
.footer1 .down{ justify-content: center;}
.footer1 .Copyright{ width: 100%; text-align: center;}
.footer1 .Copyright a{ display: block;}
.footer1 .share{ margin:10px 0 5px 0;}
.footer1 .p1{font-size:14px; line-height:20px; margin-top:0; padding-left:16px;}
.footer1 .right{ width: 100%;}
.footer1 .a1{ margin-top:20px;padding-bottom:6px;}
.footer1 .nav{ width: 100%; margin: 0;}
.footer1 .nav .a2{font-size:14px; line-height:22px; margin-top:6px;}
.footer1 .nav .u2{ width: 100%; flex-direction: row; justify-content: space-between;}
.footer1 .adrr{font-size:14px; line-height:22px; margin-top:6px;}
}





.pf-right{display:none; z-index:100; position:fixed; right:0.24rem; bottom:12vh;}
.pf-right ._renter{
width:0.72rem; color:#2850A2; font-size:12px; font-weight:700; 
height: 0.72rem;
background: rgb(255, 255, 255);
border-radius: 4px;
box-shadow: 0px 0px 15px 0px rgba(40, 80, 162, 0.15);display: flex;
justify-content: center; flex-direction: column;
align-items: center;}
.pf-right ._renter .img{ display: block; width:26px; height:26px; background:url(img/top.svg) center no-repeat; background-size:26px auto !important;}
.pf-right ._renter span{ display:block; text-align: center; font-size:12px; line-height:16px;margin-top: 2px;}
.pf-right ._renter:hover{ background: #2850A2; color:#fff; }
.pf-right ._renter:hover .img{ background:url(img/top1.svg) center no-repeat; }

@media screen and (max-width:1600px) {
.pf-right{ right:0.1rem; }
.pf-right ._renter{width:0.6rem;height:0.6rem;}
.pf-right ._renter .img{ width:20px; height:20px;}
}
@media screen and (max-width:1024px) {
.pf-right ._renter{width:52px;height:52px;}
}

.wap_hei{ display: none; width: 100%;height:54px;}
.wap_down{ display: none; width: 100%;background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.1);position: fixed;z-index: 15; bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); left: 0; }
.wap_down li{width:25%;float: left;text-align: center;}
.wap_down li a{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: center;height:54px;}
.wap_down li .d_name{width: 100%;float: left;margin-top:2px;font-size:14px;color:#1B6E25;line-height: 14px; text-transform:capitalize;}
.wap_down li .ico{ width: 100%; line-height: 0;}
.wap_down li .ico img{ width:22px; height:22px; margin:0 auto;}
.wap_down li .ico .img1{ display: block; }
.wap_down li .ico .img2{ display: none; }
.wap_down li:hover .ico .img1{ display: none; }
.wap_down li:hover .ico .img2{ display: block; }
.wap_down li:hover .d_name{color:#EA5414;}


@media screen and (max-width:1024px) {
/*WAP head*/
.wap_down{ display: block;}
.wap_hei{ display: block;}

}


._more{ display: flex;justify-content: center; width: 100%;}
._more .a{ white-space: nowrap; display: flex; align-items: center; justify-content: center; padding:0 16px; background:#2850A2;  border-radius: 8px;
color:#fff;
font-size: 16px;
font-weight: 700; line-height: 1;
height:44px;
}
._more .a span{ margin-bottom: 2px;}
._more .a i{ display: block; width:16px; height: 16px; margin-left: 8px; background: url(img/ArrowRight.svg)  center no-repeat; background-size: 100% auto !important;}
._more .a:hover{background:#0052D9;
box-shadow: 0px 0px 15px 0px rgba(40, 80, 162, 0.5);
}
.tit30{display: block;
width: 100%;
color: rgb(51, 51, 51);
font-size: 0.3rem;
font-weight: 700;
line-height: 0.36rem;
text-align: center;
}
.tit40{display: block;
width: 100%;
color: rgb(51, 51, 51);
font-size: 0.4rem;
font-weight: 700;
line-height: 0.56rem;
text-align: center;
}
.lin48{ line-height:0.48rem;}
.size16{display: block;
width: 100%;
color: #333;
font-size:16px;
font-weight: 400;
line-height: 28px;}
.text-left{ text-align: left; justify-content: flex-start;}
.r-fl{ display: flex; flex-wrap: wrap;}
.l-fl{ display: flex; flex-wrap: wrap;}

@media screen and (max-width:1440px) {
._more .a{ padding:0 15px;
font-size: 15px;
height:40px;}
}
@media screen and (max-width:1024px) {
._more .a{ padding:0 15px;
font-size: 14px;
height:36px;
}
._more .a i{margin-left: 6px;}
.tit30{font-size:18px;line-height:24px;}
.tit40{font-size:20px;line-height:30px;}
.lin48{ line-height:28px;}
.size16{
font-size:14px;
line-height: 22px;}
}




.nexsbox{ display: block; width: 100%; padding:30px 0;}
.nexsbox .u2{  display: flex; flex-wrap: wrap; width:calc(100% + 20px); margin:0 -10px; }
.nexsbox .u2 .li{ display:block; width: 33.33%; padding:10px 10px;}
.nexsbox .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; position: relative;
 border:1px solid #E0E5EF;
border-radius:0.24rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding:0.24rem;
}
.nexsbox .u2 .a .time{ display:block; width:100%; background: url(img/CalendarBlank.svg) left center no-repeat; background-size:17px auto !important; margin-top: 0.24rem; color: rgb(51, 51, 51,0.7); font-size: 14px; line-height: 20px; font-weight: 400; padding-left: 25px;}
.nexsbox .u2 .a .tit{ width: 100%; font-weight:700; color: #333;font-size:calc(14px + 0.06rem); line-height: calc(20px + 0.1rem); min-height: calc(60px + 0.3rem);  margin-top: 0.24rem;}
.nexsbox .u2 .a .p{ width: 100%; font-weight: 400; color:#7E7E7E;font-size:calc(14px + 0.04rem); line-height: calc(20px + 0.1rem); height:calc(40px + 0.2rem); margin-top: 0.24rem;letter-spacing: 2%;}
.nexsbox .u2 .a .more{ display:inline-flex; background: url(img/ArrowRight1.svg) right center no-repeat; background-size:16px auto !important; margin-top: 0.24rem;  font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 2%; padding-right: 24px;
color: rgb(26, 36, 52,0.7);
}
.nexsbox .u2 .a ._img{ padding-bottom:64.51%;border-radius:10px;}
.nexsbox .u2 .a:hover .more{background: url(img/ArrowRight2.svg) right center no-repeat;color:#2850A2; font-weight: 700; }
.nexsbox .u2 .a:hover{ background: #fff;
box-shadow: 0px 0px 15px 0px rgba(40, 80, 162, 0.15)
}

@media screen and (max-width:1024px) {
.nexsbox{ padding:20px 0;}	
.nexsbox .u2 .a{border-radius:12px;padding:12px 12px 16px 12px;}
.nexsbox .u2 .a .time{ margin-top:15px;} 
 .nexsbox .u2 .a .tit{ margin-top:8px;} 
 .nexsbox .u2 .a .more{ margin-top:8px; } 
 .nexsbox .u2{width:calc(100% + 14px); margin:0 -7px; }
 .nexsbox .u2 .li{ width: 33.33%; padding:7px 7px;}

}
@media screen and (max-width:767px) {
.nexsbox .u2 .li{width:100%;}  
.nexsbox .u2 .a .tit{min-height:inherit;} 
}

.mian5 .top{ display:flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; width: 100%;}
.mian5 .left{ display:block; width: 51.54%; margin-top:0.36rem;}
.mian5 .size16{ margin-top:0.3rem;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:5;}
.mian5 ._more{ margin-top:0.48rem;}
.mian5 .right{ display:block; width: 29.23%; position:relative; margin:0.34rem 1.09rem 0.4rem 0;}
.mian5 .right::after{left:-0.64rem;
top:0.4rem; content: ''; display: block;
position: absolute;
width: 1.19rem;
height: 1.19rem;
background: url(img/Group.svg) center no-repeat; background-size:100% auto !important;
 z-index: 2;
}
.mian5 .right::before{left:-0.92rem;
bottom:0.18rem; content: ''; display: block;
position: absolute;
width: 0.56rem;
height:0.56rem;background: url(img/shape2.svg) center no-repeat; background-size:100% auto !important;
 z-index: 2;
}
.mian5 .pic{ display:block; width: 100%; line-height: 0; position: relative; z-index: 6;}
.mian5 .pic::after{left:0.38rem;
top:0.4rem; content: ''; display: block;
position: absolute;
width: 100%;
height: 100%;
 z-index: 2;
 border: 4px solid rgb(147, 197, 253);
 border-radius: 0.26rem;
}
.mian5 .pic img{ border-radius:0.26rem; position: relative; z-index: 6;}
.mian5 .logo{
position: absolute; top:-0.34rem; right:-1.09rem; z-index: 8;
width: 1.87rem; line-height: 0;
background: rgb(255, 255, 255);
border: 1px solid rgb(226, 232, 240);
border-radius: 8px;
box-shadow: 0px 0px 8px 0px rgba(59, 130, 246, 0.12)
; display: block;
padding:0.32rem 0.28rem;
}

@media screen and (max-width:1024px) {
.mian5 .left{ width:100%;}
.mian5 .size16{ margin-top:12px;}
.mian5 ._more{ margin-top:20px;}
.mian5 .right{ width:100%; margin:30px 0 0 0; padding:17px 55px 20px 40px;}
.mian5 .right::after{left:0;
top:30px; 
width:60px;
height:60px;
}
.mian5 .right::before{left:0;
bottom:20px;
width:28px;
height:28px;
}
.mian5 .pic::after{left:20px;
top:20px;
 border:2px solid rgb(147, 197, 253);

}
.mian5 .logo{ top:-17px; right:0; width:94px; padding:16px 14px;}
}


@keyframes scrolling-wrapper {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

.mian10{position: relative; overflow: hidden;
background: linear-gradient(0.00deg, rgba(40, 80, 162, 0.1),rgba(40, 80, 162, 0) 100%);
}
.mian10::after,
.mian10::before{ display: block; width:4rem; height: 100%; content: ''; position: absolute; top:0; z-index: 1;}
.mian10::after{ left:0;
	background: linear-gradient(90.00deg, rgb(233, 237, 246) 56.489%,rgba(234, 238, 246, 0) 100%);
}
.mian10::before{ right:0;
	background: linear-gradient(90.00deg, rgb(233, 237, 246) 56.489%,rgba(234, 238, 246, 0) 100%);
	transform: rotate(180.00deg);
}
.mian10 .top{ display:flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%;}
.mian10 .r-fl{display:block; width: 69%;}
.mian10 .size16{ margin-top: 0.32rem;}
.mian10 .num{ display:inline-flex; align-items: flex-end; color:#2850A2; font-weight: bold; font-size:1.2rem; line-height:1.30rem; margin-top:0.22rem;}
.mian10 .dw{ font-size:0.48rem; line-height:0.86rem; margin-left: 0.16rem; } 
.mian10 .list{display:block; width: 100%;margin-top:60px; position: relative;}
.mian10 .list .box{ display: flex; width: 100%; animation: scrolling-wrapper 90s linear infinite;}
.mian10 .list .box:nth-child(2n){ margin: 0 80px;}
.mian10 .list .ul{ display: flex; }
.mian10 .list .li{ display: flex; padding:0 0.1rem; margin-top: 0.2rem;}
.mian10 .list .li a{ display: flex;width:1.40rem; line-height: 0;height:1.40rem; justify-content: center; align-items: center;background: #FFFFFF; border-radius: 50%; overflow: hidden; position: relative;}
.mian10 .list .li a span{ display: flex;width:100%;height:100%; justify-content: center; align-items: center;background:#2850A2; border-radius: 50%; overflow: hidden; position:absolute; left:0; top:0; opacity: 0;color:#fff;font-size:18px; line-height:1.4; z-index: 6;}
.mian10 .list .li a img{ width: 100%; height: 100%; object-fit: contain; }
.mian10 .list .li a:hover span{ opacity:1;}


@media screen and (max-width:1600px) {
.mian10::after,
.mian10::before{ width:2.4rem;}
}
@media screen and (max-width:1440px) {
.mian10::after,
.mian10::before{ width:1.4rem;}	
 
}
@media screen and (max-width:1024px) {
.mian10 .r-fl{width: 100%; margin-top:8px;}
.mian10 .size16{ margin-top:16px;}
.mian10 .num{ font-size:50px; line-height:66px; margin-top:10px;}
.mian10 .dw{ font-size:24px; line-height:44px; margin-left: 8px; }	
.mian10 .list{margin-top:20px;}
.mian10 .list .box{ animation: scrolling-wrapper 50s linear infinite; }
.mian10 .list .li{ display: flex; padding:0 6px; margin-top:12px;}
.mian10 .list .li a{width:80px; height:80px}
.mian10 .list .li a span{font-size:16px; }
.mian10 .list .box:nth-child(2n){ margin: 0 46px;}
.mian10::after{ left:0;
	background: linear-gradient(90.00deg, rgb(233, 237, 246) 0%,rgba(234, 238, 246, 0) 100%);
}
.mian10::before{ right:0;
	background: linear-gradient(90.00deg, rgb(233, 237, 246) 0%,rgba(234, 238, 246, 0) 100%);
	transform: rotate(180.00deg);
}

}


.mian6 .list{ width: 100%; margin-top:20px;}
.mian6 .list ul{width:100%; display: flex; flex-wrap: wrap;justify-content:space-between; }
.mian6 .list ul li{ width: 49.23%; margin-top:20px;}
.mian6 .list ul li .a{ position: relative; height: 100%; width: 100%; 
background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0.05) 100%);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 10px;
backdrop-filter: blur(20px);display: flex;
justify-content:space-between;
align-items: center;
padding: 39px 30px;
}
.mian6 .list ul li .ico{min-width:72px; width:72px; line-height: 0; margin-right: 0.48rem; display: block;}
.mian6 .list ul li .text{ width: 100%;}
.mian6 .list ul li .tit{ width: 100%;  color: #fff; font-size:20px; line-height:27px; font-weight: 700;}
.mian6 .list ul li .p{ width: 100%; color: #fff; font-size:16px; line-height:28px; margin-top:16px;}
.mian6 .list ul li .a:hover {
background: rgb(255, 255, 255);
}
.mian6 .list ul li .a:hover .tit{
 color: #2850A2;
}
.mian6 .list ul li .a:hover .p{
 color:#555555;
}


@media screen and (max-width:1024px) {
.mian6 .list{ margin-top:6px;}
.mian6 .list ul li{ margin-top:14px;} 
.mian6 .list ul li .a{ padding:20px 15px;}
.mian6 .list ul li .ico{  min-width:60px; width:60px; margin-right:14px;}
.mian6 .list ul li .tit{ font-size:16px; line-height:26px;}
.mian6 .list ul li .p{ font-size:14px; line-height:24px; margin-top:6px;}
}
@media screen and (max-width:767px) {
.mian6 .tit16{ text-align: left;}		
.mian6 .list ul li{ width:100%;}
}	



.list22{ position: relative; top:0; z-index: 6; margin-top: -57px;
width: 100%;
background: linear-gradient(180.00deg, rgba(255, 255, 255, 0.51),rgb(255, 255, 255));
border-radius: 8px;
box-shadow: 0px 0px 0px 0px rgba(101, 157, 226, 0.06),0px 3px 7px 0px rgba(101, 157, 226, 0.06),0px 12px 12px 0px rgba(101, 157, 226, 0.05),0px 27px 16px 0px rgba(101, 157, 226, 0.03),0px 49px 19px 0px rgba(101, 157, 226, 0.01),0px 76px 21px 0px rgba(101, 157, 226, 0);backdrop-filter: blur(15px);
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
padding:10px;
}
.list22 .ul{width: 100%; display:block; }
.list22 .ul .li{ width:20%; display:inline-flex; flex-wrap: wrap; align-items: flex-start; flex-direction: column; position: relative; padding:10px;}
.list22 .ul .li .a{width: 100%; display:inline-flex; flex-wrap: wrap; flex-direction: column; justify-content:center; align-items:center;text-align: center; position: relative; padding:24px 14px;background:#fff; height: 100%;
border-radius: 8px;
}
.list22 .ul .li .pic{ display:block; line-height: 0;}
.list22 .ul .li .pic img{ width:auto; height: 72px;}
.list22 .ul .li .tit{ display:block;width: 100%;
color: #000;
font-size: 24px;
font-weight: 700;
line-height:33px; margin-top: 24px;
}
.list22 .ul .li .p{ display:block;width: 100%;
color: #555;
font-size: 14px;
font-weight: 400;
line-height: 18px; 
}
.list22 .ul .li .a:hover .tit{ color:#2850A2;
}

@media screen and (max-width:1024px) {
.list22{ padding-bottom: 20px; margin-top: -32px;}	
.list22 .ul .li{ width:25%; padding:5px;}
.list22 .ul .li .a{ padding:16px 6px;}
.list22 .ul .li .tit{ font-size:20px; line-height:28px; margin-top:12px; }
.list22 .ul .li .pic img{height:42px;}
}
@media screen and (max-width:767px) {
.list22 .ul .li{ width:50%;}
}


.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;}
.index-banner .pc_show1{ width:100%; }
.index-banner .ph_show1{ width:100%; }
.index-banner .box-banner{ display: block; width:100%; position: absolute; left: 0; top:0.62rem; z-index: 6; }
.index-banner .box{ display:flex; align-items: center; justify-content: space-between; width: 100%;}
.index-banner .box .cont{ display: block; width: 45.54%; position: relative;}
.index-banner .box .cont::after{ display: block; content: ''; position: absolute; left: 0; bottom:100%; margin-bottom:-0.46rem; z-index: 1; width: 0.9rem; height: 1.44rem;background: url(img/Frame.png) center bottom no-repeat; background-size:100% auto !important;}
.index-banner .box .tit{ position: relative; z-index: 6; display: block; width:100%; font-weight: 700;  color: #fff; font-size:0.4rem; line-height:0.48rem; }
.index-banner .box .info{ position: relative; z-index: 6; display: block; width:100%; font-weight: 400; color: #fff; font-size:0.18rem; line-height:0.26rem; margin-top: 0.4rem;}
.index-banner .box .btn{ position: relative; z-index: 6; display: flex; width:100%; margin-top: 0.48rem;}
.index-banner .box .btn .a{ display:flex; align-items: center; justify-content: center;
width: 144px;
height: 44px; padding-bottom: 2px;
border-radius: 8px; font-size:16px; line-height:1; font-weight: 700; color: #fff; 
}
.index-banner .box .btn .Sign{ margin-right:20px;background: rgb(40, 80, 162); border:1px solid rgb(40, 80, 162);}
.index-banner .box .btn .Talk{ border:1px solid rgb(255, 255, 255);}
.index-banner .box .btn .a:hover{background:#0052D9; border:1px solid #0052D9;
box-shadow: 0px 0px 15px 0px rgba(40, 80, 162, 0.5);
}
.index-banner .box .pic{ display: block; width: 52.08%; margin-right: -6px;}

.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer; width:0.4rem; height:0.4rem; display:block;position: absolute; top:50%; margin-top: -0.2rem; z-index: 10; background: url(img/Right_whit.svg) center no-repeat; background-size:auto 24px !important;  border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 1px 7px 20px 0px rgba(16, 24, 40, 0.06)
}
.index-banner .swiper-prev{  left:0.5rem;transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.index-banner .swiper-next{ right:0.5rem; }
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{background: url(img/Right_bule.svg) center no-repeat #fff;border: 1px solid rgba(255, 255, 255, 1);}
.index-banner .swiper-pagination{ cursor: pointer; display:flex;position: absolute;left:0; bottom:82px; z-index: 10; justify-content: center;width: 100%;  }
.index-banner .swiper-pagination-bullet{ cursor: pointer; margin:0 4px; position: relative; display:block; opacity:0.5; width: 8px; height: 8px; border-radius: 8px; background: #fff; }
.index-banner .swiper-pagination-bullet-active{ width: 24px;  opacity: 1; }

@media screen and (min-width:1930px) {
.index-banner .box-banner{ top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%) }
}
@media screen and (max-width:1600px) {
.index-banner .box .pic{ width: 42.08%;}
.index-banner .swiper-prev{  left:0.2rem;}
.index-banner .swiper-next{ right:0.2rem; }
}
@media screen and (max-width:1440px) {
.index-banner .box .pic{ width: 38.08%;}
}
@media screen and (max-width:1024px) {
.index-banner .swiper-pagination{ bottom:50px; }	
.index-banner .swiper-prev,
.index-banner .swiper-next{ width:28px; height:28px; background-size:auto 16px !important;  top:45%; }	
.index-banner .swiper-prev{ left:15px;}
.index-banner .swiper-next{ right:15px; }
.index-banner .box .cont::after{ margin-bottom:-52px;width:45px; height:72px;}
.index-banner .box .tit{ font-size:20px; line-height:26px;}
.index-banner .box .info{  font-size:14px; line-height:20px; margin-top:10px;}
.index-banner .box .btn{margin-top:20px;}
.index-banner .box .btn .a{ 
width: 124px;
height:34px;
border-radius:4px; font-size:14px;
}
.index-banner .box .btn .Sign{ margin-right:12px;}
.index-banner .box .pic{width: 52.08%; }
}
@media screen and (max-width:767px) {
.index-banner .box-banner{ top:30px; }	
.index-banner .box{ flex-wrap: wrap;}	
.index-banner .box .cont{ width: 90%; margin:0 5%;}
.index-banner .box .pic{ width: 80%; margin:30px 10% 0 10%;}

}


.list1{ display: block; width: 100%; padding:40px 0 61px 0 ;}
.list1 .ul{ display: flex; flex-wrap: wrap; width: 100%;}
.list1 .li{ display: flex; width: 100%; margin:0.89rem 0; position: relative;}
.list1 .li .left{ display:flex; flex-wrap: wrap; width: 85.77%;
background: linear-gradient(90.00deg, rgb(255, 255, 255),rgba(255, 255, 255, 0) 100%);
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.04);
padding:0.64rem 0.48rem;
}
.list1 .li .cont{ display: block; width: 62%;
}
.list1 .li .tit{ width: 100%;color: rgb(51, 51, 51);font-size: 20px;font-weight: 700;line-height: 30px;}
.list1 .li .size16{ margin-top: 0.2rem;}
.list1 .li ._more{ margin-top: 0.32rem;}
.list1 .li .right{display: block; width: 42.7%; line-height: 0; position: absolute; right:0; top:50%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.list1 .li .pic{display: block; width: 100%; position: relative;}
.list1 .li .pic .img2{display: block; width: 100%; position: absolute; right: 0; top:0; opacity: 0;	transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.list1 .li:nth-child(2n){ justify-content: flex-end;
background: linear-gradient(270.00deg, rgb(255, 255, 255),rgba(255, 255, 255, 0) 100%);
}
.list1 .li:nth-child(2n) .left{ justify-content: flex-end;}
.list1 .li:nth-child(2n) .right{ right:auto; left:0;}
.list1 .li:hover .pic .img1{ opacity:0;}
.list1 .li:hover .pic .img2{ opacity: 1;}
.list1 .li:hover ._more .a{background:#0052D9;
box-shadow: 0px 0px 15px 0px rgba(40, 80, 162, 0.5);
}


@media screen and (max-width:1024px) {
.list1{ padding:15px 0 30px 0;}	
.list1 .li{ margin:30px 0;}
.list1 .li .tit{font-size:18px;line-height:24px;}
.list1 .li .size16{ margin-top:6px;}
.list1 .li ._more{ margin-top:15px;}
}
@media screen and (max-width:767px) {
.list1 .li{ margin:10px 0;}
.list1 .li .left{ width: 85.77%;
padding:20px 14px;
}
.list1 .li .cont{ width: 64%;}
.list1 .li .tit{-webkit-line-clamp:2;}
.list1 .li .size16{-webkit-line-clamp:4;}
}



.mian7 .box{ padding:1.08rem 0 0.7rem 0;}
.mian7 .more{ display: flex; width: 100%; margin-top:0.32rem;}
.mian7 .more .a{ white-space: nowrap; display: flex; align-items: center; justify-content: center; padding:0 16px; background:#fff;  border-radius: 8px;
color:#2850A2;
font-size: 16px;
font-weight: 700; line-height: 1;
height:44px;
}
.mian7 .more .a:hover{background:#0052D9;color:#fff;
box-shadow: 0px 0px 15px 0px rgba(40, 80, 162, 0.5);
}
.mian7 .tit{ width: 100%;color: #fff;font-size: 0.36rem;font-weight: 700;line-height:0.48rem;}

@media screen and (max-width:1024px) {
.mian7 .more{ margin-top:20px;}	
.mian7 .more .a{padding:0 15px; font-size: 14px; height: 36px;}	
.mian7 .tit{font-size:18px;line-height:26px;}
.mian7 .box{ padding:60px 0 35px 0;}
}
@media screen and (max-width:767px) {
.mian7{ background-position: 61% 50% !important; }	

}


.mbxbox{ display: flex; flex-wrap: wrap; justify-content:space-between; align-items:center; justify-content:space-between; }
.mbx{ display: block; color: #555;font-size:16px; line-height:24px;padding:16px 0;}
.mbx a{ color: #555;}
.mbx i{ padding:0 7px;}
.mbx a:hover{ color:#2850A2;}
.mbx1{ color: #fff;}
.mbx1 a{ color: #fff;}
.mbx1 a:hover{ color:rgba(255,255,255,0.8);}
.fanhui{ display: block; color: #555; text-align: center;font-size:16px; line-height:24px;padding:16px 0;}
.fanhui a{  display: block;color: #555; padding-left:24px; background: url(img/fanhui.svg) left center no-repeat; background-size:16px auto !important;}
.fanhui i{ padding:0 7px;}
.fanhui a:hover{ color:#2850A2; background: url(img/fanhui1.svg) left center no-repeat;}

@media screen and (max-width:1024px) {
.mbxbox{ justify-content: flex-end;}	
.mbx{ display:none;}
.fanhui{font-size:14px; line-height:22px;padding:12px 0;}
}

.inbaner{min-height:2rem;  position: relative; line-height:0; overflow: hidden; background:#2850A2;}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.inbanerbox0{ position: absolute; left: 0; top:0; width: 100%;z-index: 6;}
.inbanerbox1{ position: absolute; left: 0; top:50%; width: 100%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.inbanerbox1 .tit40{ text-align: left;}
.inbanerbox1 .size16{ margin-top:0.3rem;}
.inbanerbox1 .box{ display: flex; flex-wrap: wrap; justify-content:space-between; align-items:center; justify-content:space-between; }
.inbanerbox1 .left{display:block; width: 52.07%;}
.inbanerbox1 .right{display:block; width: 37.15%;}
.inbanerbox1 .w45{display:block; width: 45%;}
.inbanerbox1 .right1{ width: 38.69%;}
.inbanerbox1 .right2{ width: 45.76%;}
.inbanerbox1 .img{display:block; width: 102%; line-height: 0; margin:0.4rem 0 0 -0.15rem;}
.inbanerbox1 .pic{display:block; width: 100%; line-height: 0;}

@media screen and (max-width:1600px) {
.inbanerbox1 .right{ width: 33.15%;}
.inbanerbox1 .right1{ width: 34.69%;}
.inbanerbox1 .right2{ width: 35.76%;}
.inbanerbox1 .tit40{ line-height:0.48rem;}
.inbanerbox1 .size16{ margin-top:0.2rem; font-size:14px; line-height:22px;}
.inbanerbox1 .img{ margin:0.3rem 0 0 -0.15rem;}
}
@media screen and (max-width:1440px) {
.inbanerbox1 .right{ width: 33.15%;}
.inbanerbox1 .right1{ width: 34.69%;}
.inbanerbox1 .right2{ width: 34.76%;}
}
@media screen and (max-width:1024px) {
.inbaner{min-height:100px;}	
.inbanerbox1 .tit40{ line-height:28px;}
.inbanerbox1 .size16{ margin-top:10px;}
.inbanerbox1 .img{margin:0.4rem 0 0 -0.15rem;}
.inbanerbox1 .left{ width: 100%;}
.inbanerbox1 .right{ width: 100%; padding:20px 20% 0 20%;}
.inbanerbox1 .w45{ width: 100%;}
.inbanerbox1-1{top:60%;}
}


.slide1{ display: inline-flex;}
.slide1 .ul{ display:inline-flex;}
.slide1 .li{ display: flex; flex-wrap: wrap; margin:0 0 0 0.16rem; }
.slide1 .li a{ display: flex; flex-wrap: wrap; align-items:center; justify-content: center;color: #333;font-size:16px; line-height:22px; height:56px; padding:12px 24px; font-weight: 400;}
.slide1 .li:hover a{ color: #2850A2;}
.slide1 .li.on a{ background:#2850A2; color: #fff; font-weight: 700;}


@media screen and (max-width:1024px) {
.slide1 .li{ margin:0 0 0 2px; }	
.slide1 .li a{ padding:6px 12px; font-size:14px; height:44px;}
}
@media screen and (max-width:767px) {
.slide1{ width:100%; justify-content: center;}
}






.list21{ margin-top:58px;width: 100%; display:block; }
.list21 .ul{width: 100%; display:flex; flex-wrap: wrap; justify-content: space-between; }
.list21 .ul .li{ width:20%; display:inline-flex; flex-wrap: wrap; align-items: flex-start; flex-direction: column; position: relative; padding:6px 0;}
.list21 .ul .li .a{width: 100%; display:inline-flex; flex-wrap: wrap; flex-direction: column; justify-content:center; align-items:center;text-align: center; position: relative;position: relative; height: 100%;
}
.list21 .ul .li .pic{ display:block; line-height: 0;
width: 120px;
height: 120px;
background: rgb(241, 245, 249);
border-radius: 50%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.list21 .ul .li .pic img{ width:64px; height: 64px;}
.list21 .ul .li .tit{ display:block;width: 100%;
color: #000;
font-size: 24px;
font-weight: 700;
line-height:33px; margin-top: 24px;
}
.list21 .ul .li .p{ display:block;width: 100%;
color: #555;
font-size: 14px;
font-weight: 400;
line-height: 19px; 
}
.list21 .ul .li .a:hover .tit{ color:#2850A2;
}

@media screen and (max-width:1024px) {
.list21{ margin-top:15px;}	
.list21 .ul .li{ margin-top:10px;}
.list21 .ul .li .tit{ font-size:20px; line-height:28px; margin-top:12px; }
.list21 .ul .li .pic{width: 80px;height: 80px;}
.list21 .ul .li .pic img{width:42px; height: 42px;}
}
@media screen and (max-width:767px) {
.list21 .ul .li{ width:48%;}
}


.Contact .size16{ margin-top: 30px; text-align: center;}
.Contact .box{width: 100%; display:flex; flex-wrap: wrap; justify-content: space-between; }
.Contact ._form3{width: 60.77%;display:flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-top:40px;
background: rgb(255, 255, 255);
border: 1px solid rgb(229, 229, 229);
border-radius: 10px;
padding: 40px 24px;
}
.Contact .right{width: 37.69%; margin-top:40px;}
._form3 .lab{ width:48.61%; position:relative; flex-wrap: wrap; display: flex; margin-bottom:16px; }
._form3 .w100{ width:100%;}
._form3 .name{ width:100%; display:flex; color:#333; font-size:16px; line-height:24px; margin-bottom:8px;}
._form3 .name span{ color:#FE0000;}
._form3 .text{ cursor: pointer; width:100%; border:0; background:#F5F5F5; font-size:14px;color: #333; line-height:24px; height:48px; padding:12px 16px; border-radius: 4px;}
._form3 #phone{ padding-left:90px;}
._form3 .textarea{ cursor: pointer; width:100%; border:0; background:#F5F5F5; font-size:14px;color: #333; line-height:24px; height:118px; padding:12px 16px; border-radius: 4px;}
._form3 .btn{ display: flex; width:100%; justify-content:center; margin-top: 32px;}
._form3 .submit{ display: flex; justify-content:center; align-items: center; width:201px; font-size:16px; color: #fff; height:48px; padding-bottom:2px; border:0; border-radius:4px; background:#2850A2;}
._form3 .submit:hover{background:#0052D9; box-shadow: 0px 0px 15px 0px rgba(40, 80, 162, 0.5);}
._form3 .ino{ z-index: 8;  display: flex; position:absolute; left:68px;bottom:0; margin-top: -4px; width:8px; height:48px; content:'';background:url(img/down4.svg) center no-repeat; background-size:100% auto !important; cursor: pointer; }
._form3 .ico{ z-index: 6;  display: flex; align-items: center; position:absolute; left:0;bottom:0; width:92px; height:48px; background:#EBEAEA; padding:0 16px; cursor: pointer; }
._form3 .ico img{ width:36px; object-fit: contain;}
._form3 .yanzheng{ z-index: 6; display: flex; position:absolute; right:0;bottom:0; width:128px; height:48px;border-radius:0 4px 4px 0;  border:1px solid #F5F5F5; }
._form3 input::placeholder{color: #888; opacity:1 !important;}
._form3 textarea::placeholder{color: #888; opacity:1 !important;}
._form3 .warp{background:#F5F5F5;border-radius: 4px;}
._form3 .country_input{ font-size:14px;color: #333; line-height:24px; height:48px; padding:12px 16px;}

.promise-container .promise-box {
  background-color:#2850A2;
  color: white;
  padding:39px 30px;
  border-radius: 20px;
}

.promise-container .promise-box h2 {
color: #fff;  width: 100%;display: block;
font-size: 30px;
font-weight: 700;
line-height: 36px;
}

.promise-container .promise-box ul {
     width: 100%;display:flex; flex-wrap: wrap; justify-content: space-between; padding-top: 6px;
}
.promise-container .promise-box ul li{ position: relative; padding-left: 12px;
	color: #fff;   width: 41%;display: block;margin-top:24px;
	font-size: 18px;
font-weight: 700;
line-height: 24px;}
.promise-container .promise-box ul li::after{
	display: block; content: ''; position: absolute; left: 0; top:9px; width: 6px; height: 6px; border-radius: 50%; background: #fff;
}
.promise-container .person-info {
  border:1px solid rgba(0,0,0,0.1);
  padding:32px 30px;
  border-radius: 10px;
  margin-top:20px;
  display: flex; flex-wrap: wrap;
  align-items: flex-start; justify-content: space-between;

}
.promise-container .person-avatar {
width: 68px; min-width: 68px;
height: 68px;
  display: flex; flex-wrap: wrap;
  align-items: center; justify-content: center;
background:rgb(252, 252, 253);
border: 2px solid rgb(255, 255, 255);
border-radius: 50%; overflow: hidden;
box-shadow: 0px 11px 30px 0px rgba(16, 24, 40, 0.06);
}
.promise-container .person-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.promise-container .person-text{width:calc(100% - 84px);}
.promise-container .person-text h3 {
      color: #333;   width: 100%;display: block;
      font-size: 18px;
      font-weight: 700;
      line-height: 25px;margin-top:9px;
}
.promise-container .person-text .p {
   width: 100%;display: block;
    color: rgb(85, 85, 85);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}
.promise-container .p1 {
  margin-top: 28px;
  width: 100%;
  color: rgb(85, 85, 85);
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  display: block;

}

@media screen and (max-width:1024px) {
.Contact .size16{ margin-top:15px; text-align: left;}	
.Contact ._form3{width:100%; margin-top:20px;padding:20px 14px 30px 14px;}
.Contact .right{width: 100%; margin-top:20px;}
._form3 .lab{ margin-bottom:12px; }
._form3 .name{ font-size:14px; line-height:22px; margin-bottom:8px;}
._form3 .text{height:36px;padding:6px 12px;}
._form3 #phone { padding-left:76px;}
._form3 .textarea{padding:6px 12px;}
._form3 .submit{ width:160px;height:36px; font-size:14px;}
._form3 .yanzheng{width:92px;height:36px;}
._form3 .ino{ height: 36px;}
._form3 .ico{width: 72px; height: 36px;padding: 0 12px;}
._form3 .btn{ margin-top:10px;}
.promise-container .person-info{padding:20px 14px;}
.promise-container .p1{ margin-top:10px; font-size:14px; line-height: 24px;}
.promise-container .promise-box{padding:20px 14px;
  border-radius:10px;}
.promise-container .promise-box h2{ font-size:20px; line-height: 26px;} 
 .promise-container .promise-box ul li{ margin-top:10px; font-size:16px; line-height: 22px;} 
._form3 .country_input{ line-height:24px; height:36px; padding:6px 12px;}
}
@media screen and (max-width:767px) {
._form3 .lab{ width: 100%;}
}



.page_section{width: 100%;}
.page_section .pcpage{display: flex;justify-content: center;align-items: center;}
.page_section .pcpage a{display: block;font-size: 16px;color: #555;width: 30px;height: 30px;border: 1px solid #E5E5E5;border-radius: 0;background: rgb(255, 255, 255);display: flex;justify-content: center;align-items: center;margin:0 5px;}
.page_section .pcpage a img{width:24px;}
.page_section .pcpage a .ico2{display: none;}
.page_section .pcpage a:hover,
.page_section .pcpage a.on{background:#2850A2;border-color: #2850A2;color: #fff;}
.page_section .pcpage a:hover .ico1{display: none;}
.page_section .pcpage a:hover .ico2{display: block;}
.page_section .pcpage .btn{ margin:0 25px;}
.page_section .pcpage .next{ transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.page_section .phpage{display: none;}
@media screen and (max-width:1024px) {
.page_section .pcpage{display: none;}
.page_section .phpage{display: flex;justify-content: center;align-items: center;}
.page_section .phpage a{width: 30px;height: 30px;border: 1px solid #E5E5E5;border-radius: 0;background: rgb(255, 255, 255);display: flex;justify-content: center;align-items: center;}
.page_section .phpage a img{width: 24px;}
.page_section .phpage a .ico2{display: none;}
.page_section .phpage a:hover{background: #2850A2;border-color: #2850A2;}
.page_section .phpage a:hover .ico1{display: none;}
.page_section .phpage a:hover .ico2{display: block;}
.page_section .phpage span{margin: 0 20px;font-size: 16px;color: #555;}
.page_section .phpage .next{ transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
}

.neswbBox{ padding-top: 40px; padding-bottom:82px;}
.neswbBox1{ padding-top: 56px; padding-bottom:42px;}
.neswbBox1 .nexsbox .u2{display: block;}
.neswbBox2 .info {
   width: 100%;display: block;
    color: #7E7E7E;
    font-size: 18px;
    font-weight: 400; text-align: center;
    line-height: 24px; padding:24px 0 40px 0; border-bottom: 1px solid #E5E5E5;
}
.neswbBox2 .cont{
   width: 100%;display: block;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px; padding:40px 0 40px 0; border-bottom: 1px solid #E5E5E5;
}
.neswbBox2 .page{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding:24px 0;}
.neswbBox2 .page a{  display: block; max-width:50%; color:#7E7E7E;font-size: 16px;line-height: 30px; padding:0 32px; background-size:24px auto !important;}
.neswbBox2 .page a:hover{ color:#2850A2;}
.neswbBox2 .page a.Prev{ background: url(img/page1.svg) left center no-repeat;}
.neswbBox2 .page a.Prev:hover{ background: url(img/page2.svg) left center no-repeat;}
.neswbBox2 .page a.Next{ background: url(img/page3.svg) right center no-repeat;}
.neswbBox2 .page a.Next:hover{ background: url(img/page4.svg) right center no-repeat;}

@media screen and (max-width:1024px) {
.neswbBox{ padding-top:5px; padding-bottom:40px;}
.neswbBox1{ padding-top:15px; padding-bottom:40px;}
.neswbBox1 .nexsbox{padding:15px 0  25px 0;}
.neswbBox1 .slick-dots{ position: absolute; left:0; bottom:-25px;}
.neswbBox2 .info{ font-size: 16px; line-height: 22px; padding:12px 0 20px 0;}
.neswbBox2 .cont{ font-size: 14px; line-height: 24px; padding: 20px 0;}
.neswbBox2 .page{ width: 100%; padding:12px 0;}
.neswbBox2 .page a{ font-size: 14px; background-size:20px auto !important; padding:0 26px;}
}




.FAQ{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding:0 0 62px 0;}
.FAQ .left{width: 64.61%; display: block;}
.FAQ .right{width: 31.23%; display: block;}
.FAQ .tit40{ text-align: left;}
.content1{ width: 100%;padding-top:24px;}
.content1 li{margin-top: 16px;width: 100%; display: block;}
.content1 .top{width: 100%; cursor: pointer;
border-radius: 8px;  border:1px solid #E5E5E5;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
padding:16px 16px;
color: #333;
font-size: 18px;
font-weight: 400;
line-height:24px;
}
.content1 .top .wz{width: 100%; display:block; padding:0 16px;}
.content1 .top .icobox{ min-width:24px; width: 24px; height:24px; background:url(img/jia.png) center no-repeat; background-size:100% auto !important; }
.content1 .top .ico{ min-width:24px; width: 24px; height:24px; background:url(img/FAQ2.png) center no-repeat; background-size:100% auto !important; }
.content1 .bottom{display: none;
width: 100%; position: relative;
background:#EAF0FD;
padding:24px 19px 24px 57px;
color: #333;
font-size: 16px;
font-weight: 400;
line-height: 24px;border-radius:0 0 8px 8px;
}
.content1 .bottom .ico{ display: block; width: 22px; line-height: 0; position: absolute; left: 19px; top:24px}
.content1 li:hover .top{color: #2850A2;}
.content1 li.on .top{border-radius: 8px 8px 0px 0px; background:#2850A2;color: #fff;font-weight: 700;}
.content1 li.on .top .icobox{ background:url(img/jian.png) center no-repeat;}
.content1 li.on .top .ico{ background:url(img/FAQ3.png) center no-repeat;}

@media  screen and (max-width:1024px){
.FAQ{padding:0 0 40px 0;}
.FAQ .left{width: 100%;}
.FAQ .right{width: 100%; margin-top: 30px; }	
.content1{ padding-top:10px;}	
.content1 li{ margin-top:14px;}	
.content1 .top{font-size:16px; line-height:24px; padding:14px 14px;}
.content1 .top .wz{ padding:0 12px;}
.content1 .bottom{font-size:14px; line-height:24px;padding:15px 15px 15px 50px;}
.content1 .bottom .ico{ left: 15px; top:18px}
}


._form2{width:100%;display:flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-top:40px;
background:#2850A2;
border-radius: 10px;
padding: 36px 0.36rem 40px 0.36rem;
}
._form2 .lab{ width:100%; position:relative; flex-wrap: wrap; display: flex; margin-bottom:8px; }
._form2 .name{ width:100%; display:flex; color:#fff; font-size:16px; line-height:24px; margin-bottom:8px;}
._form2 .name span{ color:#FE0000;}
._form2 .text{ cursor: pointer; width:100%; border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255, 0.1); font-size:14px;color: #fff; line-height:24px; height:48px; padding:12px 16px; border-radius: 4px;}
._form2 #phone{ padding-left:90px;}
._form2 .textarea{ cursor: pointer; width:100%; border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255, 0.1); font-size:14px;color: #fff; line-height:24px; height:118px; padding:12px 16px; border-radius: 4px;}
._form2 .btn{ display: flex; width:100%; justify-content:center; margin-top: 32px;}
._form2 .submit{ display: flex; justify-content:center; align-items: center; width:201px; font-size:16px; color: #2850A2; height:48px; padding-bottom:2px; border:0; border-radius:4px; background:#fff;}
._form2 .submit:hover{background:#0052D9;color: #fff; box-shadow: 0px 0px 15px 0px rgba(40, 80, 162, 0.5);}
._form2 .ino{ z-index: 8;  display: flex; position:absolute; left:68px;bottom:0; margin-top: -4px; width:8px; height:48px; content:'';background:url(img/down4.svg) center no-repeat; background-size:100% auto !important; cursor: pointer; }
._form2 .ico{ z-index: 6;  display: flex; align-items: center; position:absolute; left:0;bottom:0; width:92px; height:48px; background:#EBEAEA; padding:0 16px; cursor: pointer; }
._form2 .ico img{ width:36px; object-fit: contain;}
._form2 .yanzheng{ z-index: 6; display: flex; position:absolute; right:0;bottom:0; width:96px; height:48px;border-radius:0 4px 4px 0;  border:1px solid #F5F5F5; }
._form2 input::placeholder{color: #fff; opacity:1 !important;}
._form2 textarea::placeholder{color: #fff; opacity:1 !important;}

._form2 .flag-container{ background: #6985be !important;}
._form2 .warp{background:#F5F5F5;border-radius: 4px;border:1px solid rgba(255,255,255,0.2);
  background:rgba(255,255,255, 0.1);}
._form2 .country_input{ font-size:14px;color: #fff; line-height:24px; height:48px; padding:12px 16px;}
._form2 input.search_input::placeholder{color: #888; opacity:1 !important;}

@media screen and (max-width:1024px) {
._form2{width:100%; margin-top:20px;padding:20px 14px 30px 14px;}
._form2 .lab{ margin-bottom:12px; }
._form2 .name{ font-size:14px; line-height:22px; margin-bottom:8px;}
._form2 .text{height:36px;padding:6px 12px;}
._form2 #phone { padding-left:76px;}
._form2 .textarea{padding:6px 12px;}
._form2 .submit{ width:160px;height:36px; font-size:14px;}
._form2 .yanzheng{width:72px;height:36px;}
._form2 .ino{ height: 36px;}
._form2 .ico{width: 72px; height: 36px;padding: 0 12px;}
._form2 .btn{ margin-top:10px;}
._form2 .country_input{ line-height:24px;  height:36px; padding:6px 12px;}
}


.servPlat1{ position: relative; overflow: hidden;
background: linear-gradient(180.00deg, rgb(2, 111, 222),rgb(0, 41, 125) 74.809%);
}
.servPlat1 .bg{display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 1;}

.list20{width: 100%; display:block; margin:30px -15px 0 -15px; width:calc(100% + 30px); }
.list20 .slick-track{ display: flex;}
.list20 .ul{width: 100%; display:block; }
.list20 .ul .li{ width:20%; display:inline-flex; flex-wrap: wrap; align-items: flex-start; flex-direction: column; position: relative; padding:10px 15px;}
.list20 .ul .li .a{width: 100%; display:inline-flex; flex-wrap: wrap; flex-direction: column; align-content:flex-start;text-align: center; position: relative; padding:40px 14px;background:#F5F5F5; height: 100%;
border-radius: 10px;
}
.list20 .ul .li .pic{ display:block; line-height: 0; margin:0 auto;}
.list20 .ul .li .pic img{ width:auto; height: 80px;}
.list20 .ul .li .tit{ display:block;width: 100%;
color: #000;
font-size: 18px;
font-weight: 700;
line-height:24px; margin-top: 24px;
}
.list20 .ul .li .a:hover .tit{ color:#2850A2;
}
.list20 .slick-dots{ margin-top: 30px;}

@media screen and (max-width:1024px) {
.list20{margin:20px -7px 0 -7px; width:calc(100% + 14px); }	
.list20 .ul .li{ padding:0 7px;}
.list20 .ul .li .a{ padding:20px 14px;}
.list20 .ul .li .tit{ font-size:16px; line-height:22px; margin-top:12px; }
.list20 .ul .li .pic img{height:50px;}
.list20 .slick-dots{ margin-top:20px;}
}
@media screen and (max-width:767px) {
.list20 .ul .li{ width:50%;}
}

.list19{width: 100%; display:block; margin:40px -15px 0 -15px; width:calc(100% + 30px);  }
.list19 .slick-track{ display: flex;}
.list19 .ul{width: 100%; display:block; }
.list19 .ul .li{ width:20%; display:inline-flex; flex-wrap: wrap; align-items: flex-start; position: relative; padding:0 15px; margin:0.88rem 0 10px 0;}
.list19 .ul .li .a{width: 100%; display:inline-flex; flex-wrap: wrap; align-content:flex-start;text-align: center; position: relative; height: 100%;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 20px;
box-sizing: border-box;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
padding: 0 24px 40px 24px;

}
.list19 .ul .li .pic{ display:flex; align-items: center; justify-content: center; margin:-0.88rem auto 0 auto; line-height: 0; width:1.8rem; height: 1.8rem; overflow: hidden; border-radius: 50%; background:#D5E3FF;}
.list19 .ul .li .pic img{ width:auto; height: 1rem;}
.list19 .ul .li .tit{ display:block;width: 100%;
color: #fff;
font-size: 20px;
font-weight: 700;
line-height:24px; margin-top: 28px;
}
.list19 .ul .li .p{ display:block;width: 100%;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 24px;  margin-top: 24px;
}
.list19 .ul .li .a:hover { background: #fff;}
.list19 .ul .li .a:hover .tit{ color:#333;}
.list19 .ul .li .a:hover .p{ color:#333;}
.list19 .slick-dots{ margin-top: 30px;}
.list19 .slick-dots li{ background: #fff;}

@media screen and (max-width:1024px) {
.list19{margin:20px -7px 0 -7px; width:calc(100% + 14px); }	
.list19 .ul .li{ padding:0 7px; margin:44px 0 10px 0;}
.list19 .ul .li .a{padding: 0 14px 20px 14px;}
.list19 .ul .li .tit{ font-size:18px; line-height:22px; margin-top:14px; }
.list19 .ul .li .p{ font-size:14px; line-height:22px; margin-top:12px; }
.list19 .ul .li .pic{ margin:-44px auto 0 auto; width:90px; height:90px;}
.list19 .ul .li .pic img{height:50px;}
}
@media screen and (max-width:767px) {
.list19 .ul .li{ width:50%;}
.list19 .slick-dots{ margin-top:10px;}
}


.list18{width: 100%; display:block; padding:40px 0 0 0;  }
.list18 .ul{width: 100%; display:block; }
.list18 .ul .li{ width:100%; display:flex; align-items:center; padding:24px 0 0 0; position: relative;}
.list18 .ul .li::after{display: block; height:100%; position: absolute; left:36px; top:0; content: ''; border-right:1px dashed  rgb(40, 80, 162); }
.list18 .ul .li:first-child{ padding:0 !important;}
.list18 .ul .li .a{width: 100%; position: relative; z-index: 6;
background: rgb(245, 245, 245);
border-radius: 20px 0px 0px 20px;
display: flex;
justify-content: center;
align-items: center;
}
.list18 .ul .li .pic{ display:block; width:2.8rem; min-width: 2.8rem; overflow: hidden; }
.list18 .ul .li ._img{ padding-bottom:64.28%;}
.list18 .ul .li .num{ position: relative; z-index: 6;
width: 72px; min-width: 72px;
height: 72px;
background: rgb(40, 80, 162);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 26px;
font-weight: 700;
line-height:36px; margin-right:0.66rem;
}
.list18 .ul .li .p{ display:block;width: 100%;
color: #333;
font-size: 16px;
font-weight: 400;
line-height: 24px; padding:20px 0.56rem;
}



@media screen and (max-width:1024px) {
.list18{padding:20px 0 0 0; }	
.list18 .ul .li{ padding:14px 0 0 0;}
.list18 .ul .li::after{left:25px;}
.list18 .ul .li .p{ font-size:14px; line-height:22px; padding:20px 14px; }
.list18 .ul .li .pic{width:90px;}
.list18 .ul .li .num{
width: 50px; min-width: 50px;
height: 50px;
font-size:18px;
line-height:36px; margin-right:14px;
}
}
@media screen and (max-width:767px) {
.list18 .ul .li{ align-items: flex-start;}	
.list18 .ul .li .a{ flex-wrap: wrap;border-radius: 10px 10px 0px 0;}	
.list18 .ul .li .pic{width:100%; min-width: 100%;}
.list18 .ul .li .num{ margin-top: 20px;}
}


.list17{ display:block; padding:40px 0 62px 0;width: calc(100% + 1.7rem); margin:0 -0.85rem;  }
.list17 .ul{width: 100%; display:block; }
.list17 .ul .li{ width:33.33%; display:block; padding:0 0.85rem;}
.list17 .ul .li .a{width: 100%; display:block;}
.list17 .ul .li ._img{ padding-bottom:78.61%;}
.list17 .ul .li:hover ._img img{ transform: scale(0.98); -ms-transform: scale(0.98);}
.list17 .slick-dots{ margin-top: 40px;}


@media screen and (max-width:1024px) {
.list17{padding:25px 0 40px 0;width: calc(100% + 30px); margin:0 -15px; }	
.list17 .ul .li{ width:50%; padding:0 15px; }
.list17 .slick-dots{ margin-top:30px;}
}


.servShop1 .size16{ text-align: center; margin-top: 30px;}
.list16{ display:block; padding:12px 0 34px 0;width: calc(100% + 0.36rem); margin:0 -0.18rem;  }
.list16 .ul{width: 100%; display:flex; flex-wrap: wrap; }
.list16 .ul .li{ width:33.33%; display:block; padding:28px 0.18rem;}
.list16 .ul .li .a{width: 100%; display:block; text-align: center;}
.list16 .ul .li ._img{ padding-bottom:58.53%; border-radius: 20px; }
.list16 .ul .li:hover ._img img{ transform: scale(0.98); -ms-transform: scale(0.98);}
.list16 .ul .li .tit{ display:block;width: 100%;
color: #333;
font-size: 24px;
font-weight: 700;
line-height:36px; margin-top:16px;}
.list16 .ul .li .p{ display:block;width: 100%;
color: #333;
font-size: 16px;
font-weight: 400;
line-height: 24px;  margin-top: 16px;}

@media screen and (max-width:1024px) {
.servShop1 .size16{margin-top: 20px; text-align: left;}	
.list16{ padding:20px 0 34px 0;width: calc(100% + 14px); margin:0 -7px;  }
.list16 .ul .li{ width:50%; padding:10px 7px;}
.list16 .ul .li ._img{ border-radius: 10px; }
.list16 .ul .li .tit{ font-size: 16px; line-height: 26px; margin-top:14px;}
.list16 .ul .li .p{ font-size: 14px; line-height: 22px; margin-top: 8px;}
}
@media screen and (max-width:767px) {
.list16 .ul .li{ width:100%;}
}



.list15{width: 100%; display:block; padding:50px 0 0 0;  }
.list15 .li{ width:100%; display:flex; align-items:center; margin-top: 30px;}
.list15 .li .a{ display:block;width: 100%;
color: #333;
font-size: 16px;
font-weight: 400;
line-height:30px; }
.list15 .li .num{ position: relative; z-index: 6;
width: 40px; min-width: 40px;
height: 40px;
background: rgb(40, 80, 162);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height:26px; margin-right:0.26rem;}


@media screen and (max-width:1024px) {
.list15{padding:10px 0 0 0;  }
.list15 .li{ align-items: flex-start; margin-top:20px;}	
.list15 .li .a{font-size: 14px;line-height:24px;}
.list15 .li .num{ 
width: 30px; min-width:30px;
height: 30px;
font-size: 14px;
line-height:26px; margin:10px 14px 0 0;}
}
@media screen and (max-width:767px) {

}

.mian8{ margin-top: 75px;display:block;width: 100%; padding:0.74rem 3rem 0.74rem 0.76rem; position: relative; overflow: hidden; border-radius: 20px;}
.mian8 .tit{ display:block; width: 100%;color: #333;font-size: 30px;font-weight: 700;line-height:36px;}
.mian8 .info{ display:block; width: 100%;color: #333;font-size: 20px;font-weight: 400;line-height:28px; margin-top: 0.28rem;}
.mian8 .ico{ display:block; width:1.8rem;line-height:0; position: absolute; right: 0.67rem; top:50%; margin-top: 0.05rem; transform: translateY(-50%); -ms-transform: translateY(-50%);}


@media screen and (max-width:1024px) {
.mian8{ margin-top:30px; border-radius:10px; padding:30px 120px 30px 20px;}	
.mian8 .tit{font-size:20px;line-height:26px;}
.mian8 .info{font-size:14px;line-height:22px; margin-top:8px;}
.mian8 .ico{ width:90px;right:14px; margin-top: 0.05rem;}
}
@media screen and (max-width:767px) {

}


.main9{ background:#0052D9; position: relative; overflow: hidden;}
.main9::after{ display: block; content: ''; position: absolute; top: 0; right: 0; z-index: 1; width: 50%; height: 100%; background:#2850A2;}
.main9 .box{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.main9 .li{ display: flex;align-items: center; width: 38.23%; padding:40px 0 40px 0; }
.main9 .li .ico{ position: relative; z-index: 6;
width: 100px; min-width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;margin-right:0.24rem;}
.main9 .li .a{ display:block; width: 100%;color: #fff;font-size: 20px;font-weight: 700;line-height:30px; }

@media screen and (max-width:1440px) {
.main9 .li{ width: 42.23%; padding:40px 0 40px 0; }
}
@media screen and (max-width:1024px) {
.main9 .li{ width: 47.23%; padding:20px 0;}	
.main9 .li .a{font-size:16px;line-height:24px;}
.main9 .li .ico{width: 60px; min-width: 60px;
height: 60px;margin-right:14px;}
}
@media screen and (max-width:767px) {
.main9{ padding:0;}	
.main9 .li{ width: 100%; padding:20px 15px;}
.main9 .li:nth-child(2n){ background:#2850A2;}
.main9::after{ display: none;}
}


.list14{width: 100%; display:block; overflow: hidden; margin:40px 0 0 0;  }
.list14 .slick-track{ display: flex;}
.list14 .ul{width: 100%; display:block; margin:0 0 0 -60px; width:calc(100% + 60px); }
.list14 .ul .li{ width:25%; display:inline-flex; flex-wrap: wrap; align-items: flex-start; position: relative; padding:0 0 0 60px;}
.list14 .ul .li::after{display: block; content: ''; position: absolute; top:36px; left:6px; z-index: 6; width:48px; height:48px;background: url(img/serv29.png) center no-repeat; background-size:100% auto !important; }
.list14 .ul .li:first-child::after{ display:none;}
.list14 .ul .li .a{width: 100%; display:inline-flex; flex-wrap: wrap; align-content:flex-start;text-align: center; position: relative;height: 100%;}
.list14 .ul .li .pic{ display:flex; align-items: center; justify-content:center; line-height: 0; margin:0 auto; width:120px; height: 120px; overflow: hidden; border-radius: 50%; background:#F5F5F5;}
.list14 .ul .li .pic img{ width:64px; height: 64px;}
.list14 .ul .li .tit{ display:block;width: 100%;
color: #333;
font-size: 16px;
font-weight: 400;
line-height:28px; margin-top: 24px;
}
.list14 .ul .li .a:hover .tit{ color:#2850A2;
}
.list14 .slick-dots{ margin-top: 40px;}

@media screen and (max-width:1440px) {
.list14{width: 100%; display:block;}
.list14 .ul{ margin:0 0 0 -40px; width:calc(100% + 40px); }
.list14 .ul .li{ padding:0 0 0 40px;}
.list14 .ul .li::after{ top:40px; left:0; width:40px; height:40px;}
}
@media screen and (max-width:1024px) {
.list14{margin:20px 0 0 0; }	
.list14 .ul{ margin:0 0 0 -20px; width:calc(100% + 20px); }
.list14 .ul .li{ padding:0 0 0 20px;}
.list14 .ul .li::after{ top:30px; left:0; width:20px; height:20px;}
.list14 .ul .li .tit{ font-size:14px; line-height:22px; margin-top:12px; }
.list14 .ul .li .pic{ width:80px; height: 80px;}
.list14 .ul .li .pic img{ width:44px; height: 44px;}
.list14 .slick-dots{ margin-top:20px;}
}
@media screen and (max-width:767px) {
.list14 .ul .li{ width:50%;}
}


.list10{width: 100%; display:block; position: relative; /* overflow: hidden; */}
.list10 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.list10 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.list10 .ul{width: 100%; display:block; margin:0 -0.54rem; width:calc(100% + 1.08rem); }
.list10 .ul .li{ width:25%; display:inline-flex; flex-wrap: wrap; align-items: flex-start; position: relative; margin-top:79px; padding:0 0.54rem;}
.list10 .ul .li.slick-active::after{display: block; content: ''; position: absolute; top:6px; left:-33px; z-index:1; width:66px; height:72px;background: url(img/about15.png) center no-repeat; background-size:100% auto !important; }
.list10 .ul .li.slick-current::after{ display:none;}
.list10 .ul .li .a{width: 100%; display:inline-flex; flex-wrap: wrap; align-content:flex-start;text-align: center;}
.list10 .ul .li .pic{ display:block; line-height: 0; margin:24px 1% 0 1%; width:98%;position: relative; z-index: 6;}
.list10 .ul .li .pic ._img{ padding-bottom:100%; overflow: hidden; border-radius: 50%;}
.list10 .ul .li .num{ position: relative; z-index: 6;
border-radius: 50%; overflow: hidden;
display: flex; margin:0 auto;
justify-content: center;
align-items: center;
color: #fff;
font-size: 24px;
font-weight: 700;
line-height:33px;
width: 72px;
height: 72px;
background: rgba(175, 210, 254, 0.21);
box-shadow: 0px 0px 5.04px 0px rgba(175, 210, 254, 0.32),0px 0px 10.08px 0px rgba(175, 210, 254, 0.32),0px 0px 35.28px 0px rgba(175, 210, 254, 0.32),0px 0px 70.56px 0px rgba(175, 210, 254, 0.32),0px 0px 120.96px 0px rgba(175, 210, 254, 0.32),0px 0px 211.68px 0px rgba(175, 210, 254, 0.32);
}
.list10 .ul .li .tit{ display:block;width: 100%;position: relative; z-index: 6;
color: #fff;
font-size: 20px;
font-weight: 400;
line-height:27px; min-height:54px; margin-top: 28px;
}
.list10 .slick-dots{ margin-top: 40px;}
.list10 .slick-prev,
.list10 .slick-next{ cursor: pointer; width:0.4rem; height:0.4rem; display:block;position: absolute; top:80%; margin-top: -0.2rem; z-index: 10; background: url(img/Right_bule.svg) center no-repeat #fff; background-size:auto 24px !important;  border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 1);
box-shadow: 1px 7px 20px 0px rgba(16, 24, 40, 0.06)
}
.list10 .slick-prev{  left:-10px;-webkit-transform: translate(0, -50%) rotateY(180deg);
  -ms-transform: translate(0, -50%) rotateY(180deg);
  transform: translate(0, -50%) rotateY(180deg);border: 1px solid rgba(255, 255, 255, 0.2);}
.list10 .slick-next{ right:-10px; }
.list10 .slick-prev:hover,
.list10 .slick-next:hover{background: url(img/Right_whit.svg) center no-repeat;}


@media screen and (max-width:1440px) {
.list10 .ul{ margin:0 -0.4rem; width:calc(100% + 0.8rem); }
.list10 .ul .li{ padding:0 0.4rem;}
.list10 .ul .li.slick-active::after{ left:-0.25rem; width:0.5rem;}
}
@media screen and (max-width:1024px) {
.list10 .ul{ margin:0 -14px; width:calc(100% + 28px); }
.list10 .ul .li{margin:30px 0 0 0; padding:0 14px;}
.list10 .ul .li.slick-active::after{ left:-12px; width:24px; height:50px;}
.list10 .ul .li .tit{ font-size:14px; line-height:22px; margin-top:14px; }
.list10 .ul .li .pic{ width:80%; margin:12px 10% 0 10%;}
.list10 .ul .li .num{
width: 50px; min-width: 50px;
height: 50px;
font-size:18px;
line-height:36px;
box-shadow: 0px 0px 2px 0px rgba(175, 210, 254, 0.16),0px 0px 5px 0px rgba(175, 210, 254, 0.16),0px 0px 15px 0px rgba(175, 210, 254, 0.16),0px 0px 15px 0px rgba(175, 210, 254, 0.16),0px 0px 15px 0px rgba(175, 210, 254, 0.16),0px 0px 15px 0px rgba(175, 210, 254, 0.16);
}
.list10 .slick-dots{ margin-top:25px;}
.list10 .slick-dots li{background:#fff; }
}
@media screen and (max-width:767px) {
.list10 .ul .li{ width:50%;}
}

.main10{
position: relative; overflow: hidden;
background: linear-gradient(180.00deg, rgb(2, 111, 222),rgb(0, 41, 125));
}
@media screen and (max-width:767px) {
.main10 .tit40{ padding:0 10%;}
}

.list13{ display:block; width: calc(100% + 0.5rem); margin:40px -0.25rem 0 -0.25rem;  }
.list13 .ul{width: 100%; display:block; }
.list13 .ul .li{ width:33.33%; display:block; padding:0 0.25rem;}
.list13 .ul .li .a{width: 100%; display:block; text-align: center;}
.list13 .ul .li ._img{ padding-bottom:60%; }
.list13 .ul .li .size16{ text-align: center; margin-top:36px;}
.list13 .slick-dots{ margin-top:40px;}


@media screen and (max-width:1024px) {
.list13{width: calc(100% + 14px); margin:20px -7px 0 -7px;  }
.list13 .ul .li{ width:50%; padding:0 7px;}
.list13 .ul .li .size16{ margin-top:14px;}
.list13 .slick-dots{ margin-top:20px;}
}
@media screen and (max-width:767px) {
.list16 .ul .li{ width:100%;}
}


.box01{ margin-top:80px;display:block;width: 100%; padding:0.66rem 0.5rem 0.8rem 0.5rem;border-radius: 20px;}
@media screen and (max-width:1024px) {
.box01{ margin-top:30px; border-radius:10px; padding:30px 20px;}	
}
@media screen and (max-width:767px) {
.box01 .size16{ text-align: left;}
}

.box02{ display:block;width: 100%; padding:0.8rem 0;}
@media screen and (max-width:1024px) {
.box02{border-radius:10px; padding:30px 0;}	
}
@media screen and (max-width:767px) {
.box02 .size16{ text-align: left;}
}

.box03{ display:block;width: 100%;
background: rgb(245, 245, 245);
border-radius: 10px;
padding: 16px 16px 16px 0;
}
.box03 .ul{ display:flex; flex-wrap: wrap; align-items: center; width: 100%;}
.box03 .left{ display:block;width: 53.3%;
padding:0 0.5rem;
}
.box03 .size16{  scrollbar-width: thin; overflow-y: auto;
  scrollbar-color:#2850A2 rgba(0,0,0,0.1);
padding:0 0.3rem 0 0; max-height:332px;
}
.box03 .right{ display:block;width:46.7%;
}
.box03 ._img{ padding-bottom: 66.66%;
}
.hd-tit{ display: block; width:calc(100% + 20px); margin:0 -10px;}
.hd-tit ul{ display: block; width: 100%;}
.hd-tit ul li{ display: block; width: 25%; padding:0 10px; margin-bottom:34px;}
.hd-tit ul .a{ display: block; width: 100%; text-align: center; position: relative;
height: 72px;
border: 1px solid rgb(40, 80, 162);
border-radius: 6px;
display: flex; flex-wrap: wrap;
justify-content: center;
align-items: center;
padding:6px;
color: rgb(40, 80, 162);
font-size: 16px;
font-weight: 700;
line-height: 1.2; cursor: pointer;
}
.hd-tit ul .slick-current .a{ background: #2850A2; color: #fff;}
.hd-tit ul .slick-current .a::after{ display: block; content: ''; position: absolute; left: 50%; top: 100%; margin:-2px 0 0 -11px; border-left:11px solid transparent; border-right:11px solid transparent;border-top:14px solid #2850A2; }

@media screen and (max-width:1440px) {
.box03 .size16{ 
 max-height:280px;
}	
.hd-tit ul .a{height:62px;font-size: 14px;}
}
@media screen and (max-width:1024px) {
.box03{ padding:14px;}	
.box03 .left{width: 100%;padding:10px 0 25px 0;}
.box03 .right{width: 100%;}
.box03 .size16{ padding:0 5px; max-height:220px;}
.hd-tit{ width:calc(100% + 12px); margin:0 -6px;}
.hd-tit ul li{ margin-bottom:20px;}
.hd-tit ul .a{padding:6px;font-size: 14px;height:52px;}
.hd-tit ul .slick-current .a::after{margin:-1px 0 0 -6px; border-left:6px solid transparent; border-right:6px solid transparent;border-top:8px solid #2850A2; }
}



@media screen and (max-width:767px) {
.about1 .mm30{ text-align: left;}
}


.box04{ display:flex; flex-wrap: wrap; align-items: center; width: 100%;}
.box04 .left{ display:block;width: 52%; }
.box04 .tit40{text-align: left;}
.box04 .right{ display:block;width:43.38%;}
.box04 .pic{ display:block;width:100%; line-height: 0;}

@media screen and (max-width:1024px) {
.box04 .left{width: 100%;}
.box04 .right{width: 100%; margin-top:30px;}
}


.box05{ display:flex; flex-wrap: wrap;width: 100%;}
.box05 .div{ display:flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%;}
.box05 .div:nth-child(2n){flex-direction:row-reverse;}
.box05 .left{ display:block;width: 46.2%; padding:0.2rem 0; }
.box05 .tit40{text-align: left;}
.box05 .right{ display:block;width:50%;}
.box05 .pic{ display:block;width:100%; line-height: 0;}

@media screen and (max-width:1440px) {
.box05 .size16{ line-height:26px;}
}
@media screen and (max-width:1024px) {
.box05{ padding-top: 5px;}	
.box05 .div{ margin-top:30px;}	
.box05 .left{width: 100%; padding:0;}
.box05 .right{width: 100%; margin-top:25px;}
}

.list12{ display:block;
width: 100%; margin-top:40px;
}
.list12 .ul{width: 100%; display:flex; flex-wrap: wrap; justify-content: space-between; }
.list12 .ul .li{ width:auto; display:inline-flex; flex-wrap: wrap; align-items: flex-start; flex-direction: column; position: relative; margin-top: 16px; }
.list12 .ul .li .a{width: 100%; display:inline-flex; flex-wrap: wrap; flex-direction: column; justify-content:center; align-items:center;text-align: center; position: relative; height: 100%;
}
.list12 .ul .li .pic{ display:block; line-height: 0; margin-top:16px;}
.list12 .ul .li .pic img{ width:auto; height:48px;}
.list12 .ul .li .tit{ display:block;width: 100%;
color: #2850A2;
font-size: 0.56rem;
font-weight: 700;
line-height:0.64rem;
}
.list12 .ul .li .p{ display:block;width: 100%;
color: #333;
font-size: 16px;
font-weight: 400;
line-height: 24px;  margin-top:8px;
}
.list12 .ul .li .a:hover .tit{ color:#2850A2;
}

@media screen and (max-width:1024px) {
.list12{ margin-top:10px;}	
.list12 .ul .li .tit{ font-size:28px; line-height:34px;}
.list12 .ul .li .p{font-size: 14px;line-height: 22px; margin-top:4px;}
.list12 .ul .li .pic{ margin-top:8px; }
.list12 .ul .li .pic img{height:38px;}
}
@media screen and (max-width:767px) {
.list12 .ul .li{ width:48%;}
}

.box06{ margin-top: 37px; display:block; width: 100%; position: relative;}
.box06 .ul{ display:block; width: 100%; }
.box06 .slick-list::after{display: block; content: ''; position: absolute; bottom:20px; left:50%; z-index:2; width:92.3%; height:50%;background:#CDDEFC; border-radius: 24px; transform: translateX(-50%); -ms-transform: translateX(-50%); }
.box06 .slick-list::before{display: block; content: ''; position: absolute; bottom:0; left:50%; z-index:1; width:84.6%; height:50%;background:#E8F0FE; border-radius: 24px; transform: translateX(-50%); -ms-transform: translateX(-50%); }
.box06 .slick-track{ z-index: 6;}
.box06 .li{ display:flex; justify-content: space-between; align-items: flex-start; width: 100%; overflow: hidden;
background: rgb(40, 80, 162);
border-radius: 24px;
padding: 0.56rem 0.51rem; margin-bottom:40px;
}
.box06 .li .size16{ color: #fff;}
.box06 .li .left{ display:flex; flex-wrap: wrap; flex-direction: column; white-space: nowrap; justify-content: center; align-items: center; margin:0 1rem 0 0;}
.box06 .li .pic{ display: block; background: #fff;
width: 92px;
height: 92px; border-radius: 50%; overflow: hidden;
border: 2px solid rgb(255, 255, 255);
border-radius:50%;
box-shadow: 0px 11px 30px 0px rgba(16, 24, 40, 0.06);
}
.box06 .li .t1{ color: #fff;font-size: 20px;line-height: 27px; margin-top: 18px;}
.box06 .li .t2{ color: #fff;font-size: 16px;line-height: 24px; margin-top: 4px; opacity: 0.5;}
.box06 .li .size16{ color: #fff;}
.box06 .slick-dots{ margin-top:30px;}


@media screen and (max-width:1024px) {
.box06{ margin-top:25px;}	
.box06 .slick-list::after{border-radius:12px; bottom:12px;}
.box06 .slick-list::before{border-radius:12px;}
.box06 .li{border-radius:12px;padding:30px 20px; margin-bottom:24px;}
.box06 .li .left{ margin:0 30px 0 0;}
.box06 .li .t1{ font-size:16px;line-height: 24px; margin-top:10px;}
.box06 .li .t2{ font-size: 14px;line-height: 22px;}
.box06 .slick-dots{ margin-top:20px;}
}
@media screen and (max-width:767px) {
.box06 .li{ flex-wrap: wrap;}
.box06 .li .left{ width: 100%; position: relative; margin:0 0 20px 0; min-height: 72px; text-align: left; justify-content: center; align-items: flex-start; padding:0 0 0 90px;}
.box06 .li .pic{ position: absolute; left:0; top:0;
width: 72px;
height: 72px; }
.box06 .li .t1{  margin-top:0;}
}


.dytw_section{width:100%;padding-top:80px;padding-bottom:80px;}
.dytw_section .conts{font-size:16px;color:#333;line-height:30px;}
@media screen and (max-width:1024px) {
.dytw_section{padding-top:30px;padding-bottom:30px;}
.dytw_section .conts{font-size:14px;line-height:22px;}
}





/*
#2850A2


#0052D9

calc(100% + 12px)

*/



.t_navs .lang .a{ background: none;padding: 0 24px 0 30px;}
.t_navs .lang .a img{ position: absolute; left: 0; top:50%; width:20px; height: 20px; margin-top: -10px;}
.t_navs .lang .u1{ width:116px;;}
.t_navs .lang .u1 a img{ width:20px; height: 20px; margin-right:10px;}
.t_navs .lang .u1 a{ display: flex; align-items: center; justify-content: flex-start;}
.t_navs .lang .a:hover{opacity:1 !important; color: rgba(255,255,255,0.8);}

@media screen and (max-width:1024px) {
  .t_navs .lang .a:hover{color: #333!important;}
}

/*250724start*/
.pf-right{width: 0.72rem;}
.pf-right .zixun{ display: block; line-height: 0; width: 100%; margin-bottom: 10px;}
.pf-right .zixun img{ width: 100%;}

@media screen and (max-width:1600px) {
.pf-right{width: 0.6rem;}
}
@media screen and (max-width:1024px) {
.pf-right{width:52px;}
}



/*250724end*/