﻿




@charset "UTF-8";

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

html {
  scrollbar-width: thin;
  scrollbar-color:#2b5be2 #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:1600px; margin-right: auto; margin-left: auto;}
.pc_show1{ display:inline;}
.ph_show1{ display: none;}
@media  screen and (max-width: 700px){
.pc_show1{ display: none;}
.ph_show1{ display: inline;}
}




/*PC head*/
.t_navs{ position:sticky; 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; background: #fff; padding:0 50px;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:0.35rem;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .menu{float: left;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin-right:0.54rem;}
.t_navs .menu .nli span a{ display: block;position: relative;line-height:1.16rem; font-size:0.18rem;color: #404040; padding:0 10px; }
.t_navs .menu .nli span a::after{ content:''; display: block; position: absolute; left: 0; bottom:0; height:2px; width:0; background:#fff;-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: #2b5be2;}
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{ width:100%;}
.t_navs .sub{ display:none; position: absolute; top:100%; left:50%; z-index: 10; margin-top: -13px; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .sub .u1::after{ content: ''; display: block;  position: absolute; left:10px; bottom:100%; border-top:1px solid #2b5be2; width:calc(100% - 20px); }
.t_navs .sub4 .u1{ display: flex; flex-direction: column; position: relative; white-space: nowrap; padding:0.2rem 0.23rem 0.2rem 0.23rem; background:#fff; border-radius:10px; box-shadow:0 0 0.49rem rgba(0,0,0,0.1);}
.t_navs .sub4 .u1 .l1{ display: block; width:100%; }
.t_navs .sub4 .u1 .l1 a{ display: block; width:100%; color: #666666; line-height:0.32rem; font-size:0.16rem; padding:0.1rem 64px 0.1rem 12px; position: relative;}
.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: -4px; transform: rotate(45deg); -ms-transform: rotate(45deg); }
.t_navs .sub4 .u1 .l1 a:hover{ background:#f6f6f6; color: #2b5be2; border-radius: 3px;}
.t_navs .sub4 .u1 .l1 a:hover::after{ border-color:  #2b5be2;}

.t_navs .tel{ display:flex; align-items: center;color: #525252; font-size:0.24rem; line-height:1.16rem; }
.t_navs .tel img{  display: block; width:0.28rem; height:0.28rem; margin:0 0.12rem 0 10px;}


.t_navs .ss_search{float: left; display:flex; margin-left:0.6rem;}
.t_navs .ss_search ._t{ cursor: pointer; display:flex; height:1.16rem; width:44px; background: url(img/_search1.png) right no-repeat; background-size:20px auto !important;}
.t_navs .ss_search:hover ._t{background: url(img/_search2.png) right center no-repeat;}
.t_navs ._b{width: 100%;background:rgba(255,255,255,0.5);box-shadow:0 2px 6px rgba(0,0,0,0.1);z-index: 99;position: fixed;left: 0;top:1.16rem;display: none;  backdrop-filter: blur(20px); height:180px;}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%); padding: 0 45px 0 12px;border: 1px solid #ececec; border-radius: 3px; background: #fff;}
.t_navs ._b .input input{width: 100%;height: 44px;display: block;font-size: 15px;color: #333;}
.t_navs ._b .input input::placeholder{color:#666; opacity:1 !important;}
.t_navs ._b .input .img{width:48px;height: 44px;display: block;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);cursor: pointer; background: url(img/_search1.png) center no-repeat; background-size:20px auto !important;}
.t_navs ._b .input .img:hover{background: url(img/_search2.png) center no-repeat;}

.t_navs.act .top{ box-shadow:0 2px 6px rgba(0,0,0,0.1);}

@media screen and (max-width:1800px) {
.t_navs .ss_search{ margin-left:0.44rem;}	
.t_navs .menu .nli{ margin-right: 0.44rem;}
}
@media screen and (max-width:1600px) {
.t_navs .ss_search{ margin-left:0.3rem;}	
.t_navs .menu .nli{ margin-right: 0.24rem;}
}
@media screen and (max-width:1440px) {
.t_navs .ss_search{ margin-left:0.2rem;}	
.t_navs .menu .nli{ margin-right: 0.2rem;}
.t_navs .menu .nli span a{ line-height:0.9rem;}
.t_navs .tel{ line-height:0.9rem;}
.t_navs .ss_search ._t{height:0.9rem;}
.t_navs ._b{top:0.9rem;}
}
@media screen and (max-width:1270px) {
.t_navs .logo img{ width: auto; height:0.32rem;}	
.t_navs .menu .nli{ margin-right: 0.16rem;}
}		
@media screen and (max-width:1024px) {
.t_navs .top{ padding:0 15px;height:50px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ width: auto; height:20px;}
.t_navs .ss_search{ display:none;}
.t_navs.bct .top{ box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs .tel{ display:none;}
}



.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: #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;}
.menuph .navbtn::after,
.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;}
.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: #333; 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: #2b5be2;}
.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 #333;  border-right:1px solid #333;}
.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: #666;line-height:24px; text-transform: uppercase;}
.xialaph .on .a2{ color:#2b5be2;}
.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: #666;line-height:24px; text-transform: uppercase;}
.xialaph .input_box{width: 100%;margin-top:30px;position: relative;}
.xialaph .input_box input{width: 100%;height:48px;padding-right: 60px;font-size: 15px;color: #333333; padding: 0 45px 0 12px;border: 1px solid #ececec; border-radius: 3px; background: #fff;}
.xialaph .input_box input::placeholder{color:#666; opacity:1 !important;}
.xialaph .input_box .img{width:48px;height:46px;cursor: pointer;position: absolute;right: 0;top: 50%;margin-top: -23px;background: url(img/_search1.png) center no-repeat; background-size: 18px !important;}



.footer1{position: relative; z-index: 6;}
.footer1 .logo{ display:block; line-height:0;}
.footer1 .logo img{ height:0.3rem; object-fit: contain;}
.footer1 .down1{ display:flex; flex-wrap: wrap; width:100%; justify-content: space-between; padding:23px 0;border-top:1px solid #d7d7d7;}
.footer1 .Copyright{ display:block; color:#666; font-size:14px; line-height:24px;}
.footer1 .Copyright a{color:#666;}
.footer1 .Copyright a:hover{color:#2b5be2 !important;}
.footer1 .sjkf{ display: inline-flex; color:#666; font-size:14px; line-height:24px;}
.footer1 .sjkf i{ padding:0 7px; font-size:12px; color: #cdcdcd;}
.footer1 .sjkf a{color:#666; }
.footer1 .sjkf a:hover{ color:#2b5be2 !important;}
.footer1 .sjkf .links{ cursor: pointer; position: relative;}
.footer1 .sjkf .links span{display: block; width: 100%; position: relative; padding-right:20px;}
.footer1 .sjkf .links span::after{ display: block; content:''; position: absolute; right:1px; top:7px; transform:rotate(225deg); -ms-transform: rotate(225deg); border-left:1px solid #2b5be2;  border-top:1px solid #2b5be2; width: 8px; height: 8px; }
.footer1 .sjkf .links span.active{ color:#2b5be2;}
.footer1 .sjkf .links span.active::after{ top:50%;transform:rotate(45deg); -ms-transform: rotate(45deg);  }
.footer1 .sjkf .donw{ display: none; width: 160px; position: absolute; right: 0; bottom:100%; margin-bottom:10px; z-index: 6; background: #fff;padding:10px 0; overflow-y: auto;max-height: 264px; box-shadow:0 0 5px rgba(0,0,0,0.15); border-radius:10px;}
.footer1 .sjkf .donw a{display: block; width: 100%; color: #666; font-size:14px; line-height:22px; padding:1px 5px; text-align:center; }
.footer1 .sjkf .donw a:hover{ color:#2b5be2 !important;}
.footer1 .midd{ position: relative; display:flex; flex-wrap: wrap; width:100%; justify-content: space-between; }
.footer1 .nav{ display: flex; flex-wrap: wrap;  align-content: flex-start;}
.footer1 .nav .u2{ display: flex;  flex-wrap: wrap; width:100%; margin-top:0.09rem;}
.footer1 .nav .a1{ display:inline-flex; color: #5d5d5d; font-size:calc(14px + 0.04rem); line-height:0.28rem; position: relative; padding-bottom: 0.25rem;}
.footer1 .nav .a1::after{ display: flex; content:''; position: absolute; left:0; bottom:0;  border-bottom:1px solid #2b5be2; width:100%;}
.footer1 .nav .a2{ display:flex; width:100%; color: #818181; font-size:calc(14px + 0.02rem); line-height:26px; margin-top:0.16rem;}
.footer1 .nav a.a2:hover{ color:#2b5be2; }
.footer1 .dl1{ width:50%;}
.footer1 .dl2{ width:50%;}
.footer1 .meun{ min-width:2.74rem;width:2.74rem; }
.footer1 .addr{ width:100%; padding:0 0.66rem; }
.footer1 .tit{ display:block; width:100%; color: #666666; font-size:calc(14px + 0.02rem); line-height:26px; margin-top:0.8rem;}
.footer1 .er{ display:flex; margin-top:0.84rem; gap:0 0.23rem;}
.footer1 .er .li{ display:block; min-width:93px; width:93px; }
.footer1 .er .li i{ display:block; width:100%; line-height: 0;}
.footer1 .er .li span{ display:block; width:100%; text-align:center; margin-top:8px; color: #666666; font-size:calc(14px + 0.02rem); line-height:26px;}
.footer1 .left{ display:inline-flex; flex-wrap: wrap; align-content: flex-start; width:26.75%; border-right:1px solid #d7d7d7; padding:0.91rem 0.5rem 0.75rem 0;}
.footer1 .right{ display:inline-flex;width:73.25%; justify-content:space-between;  align-content: flex-start; padding:0.81rem 0 0.75rem 1.1rem;}
.foot_social {display: flex; flex-wrap: wrap;
  margin-top:8px;
}
.foot_social ul{ display: flex; flex-wrap: wrap; width:100%;  margin-top: 0.16rem; gap:0 0.19rem;}
.foot_social ul li {display: flex; flex-wrap: wrap; position: relative; z-index: 10;
}
.foot_social ul li a {
border:1px solid #bbbbbb; border-radius: 50%;
  width:40px;
  height:40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.foot_social ul li a .img1{ display: block;}
.foot_social ul li a .img2{ display: none;}
.foot_social ul li a img{ width:24px; height:24px;}
.foot_social li .ewmbox {
  position: absolute;
  opacity: 0; z-index: 10;
  pointer-events: none;
  visibility: hidden;
  width: 120px;
  left:50%;
  bottom:100%;
  transition: .5s;
}
.foot_social li:hover a .img1{ display: none;}
.foot_social li:hover a .img2{ display: block;}
.foot_social li:hover a{ border:1px solid #2b5be2; }
.foot_social li:hover .ewmbox {
  opacity: 1;
  visibility: visible;
  pointer-events: inherit; margin-bottom: 10px;
}

.foot_social li .ewm {transform: translate(-50%,0); -ms-transform: translate(-50%,0);
  position: relative; padding:5px; background: #fff;
 width: 100%; text-align:center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.foot_social li .ewm img {
  width: 100%;
  display: block;
  mix-blend-mode: multiply;
  position: relative;
  z-index: 3;
}


@media screen and (max-width:1800px) {
.footer1 .right{ padding:0.81rem 0 0.75rem 0.8rem;}	
.footer1 .addr{ padding:0 0.56rem; }
}	
@media screen and (max-width:1440px) {
.footer1 .right{ padding:0.81rem 0 0.75rem 0.6rem;}	
.footer1 .addr{ padding:0 0.4rem; }
.footer1 .nav .a2{ font-size: 14px; line-height: 24px;}
.footer1 .er .li span{ font-size: 14px; line-height: 24px;}
.footer1 .tit{ font-size: 14px; line-height: 24px;}
.foot_social ul li a {
  width:34px;
  height:34px;
}
.foot_social ul li a img{ width:20px; height:20px;}
}
@media (max-width: 1024px){
.footer1 .logo img{ height:20px; }
.footer1 .midd{ padding:25px 0 0 0;}
.footer1 .sjkf .donw{ margin-bottom: 5px;}
.footer1 .left{ width:100%; justify-content: center; border-right:0;  border-bottom: 1px solid #d7d7d7; padding:0 0 25px 0;}
.footer1 .right{width:100%; padding:25px 0; position: relative;}
.footer1 .meun{ min-width:200px;width:200px;}
.footer1 .addr{ padding:0 30px 0 0; }
.footer1 .nav .u2{ margin-top: 5px;}
.footer1 .nav .a1{ font-size:16px; line-height: 26px; padding-bottom:10px;}
.footer1 .nav .a2{ margin-top:1px; font-size:calc(13px + 0.01rem);}
.footer1 .down1{ justify-content: center; text-align: center;}
.footer1 .Copyright{ width: 100%;}
.footer1 .Copyright a{ display: block; }
.footer1 .tit{ text-align:center; margin-top: 15px;}
.footer1 .er .li{ min-width:90px; width:90px; }
.footer1 .er .li span{ margin-top: 4px; font-size:calc(13px + 0.01rem);}
.foot_social{ margin-top:8px;}
.foot_social ul{ gap:0 12px;}

}
@media (max-width:700px){
.footer1 .er{ position: absolute; right: 0; top:48px; margin: 0; gap:0 12px;}
.footer1 .meun{ min-width:inherit;width:calc(100% - 192px); min-height: 186px; }
.footer1 .addr{ padding:25px 0; border-top: 1px solid #d7d7d7; }
.footer1 .right{ flex-wrap: wrap;  padding:0;margin-top: 25px;  }
}


.copy-pou{ display:none; position: fixed; left: 50%;; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 20;}
.copy-pou .text{ display: block; white-space: normal; color: #fff; font-size:16px; line-height:26px; background: rgba(0,0,0,0.6); border-radius: 3px; padding:12px 32px;}

/* _Right */
._Right{ float: right; position: fixed; right: 0.3rem; bottom:10vh; z-index: 23; width:0.46rem; border-radius:0.46rem; background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.19);padding: 0.15rem 0;}
._Right .li{ float: left; width:100%;position: relative; margin: 0.1rem 0;}
._Right .li .la{ width:100%; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #444444; font-size:0.14rem; line-height:1; text-align:center;}
._Right .li .la img{ width:0.24rem; height:0.24rem;}
._Right .li .la span{ width: 100%; margin-top:0.04rem;}
._Right .li.lianxi .la span{ width: 100%; margin-top:0.1rem;}
._Right .li .la .img1{display:block; }
._Right .li .la .img2{display:none; }
._Right .li:hover .la{ color: #2b5be2;}
._Right .li:hover .la .img2{display:block; }
._Right .li:hover .la .img1{display:none; }
._Right .box{ position:absolute; right:100%; bottom:-0.88rem; width:4.24rem; padding: 0 0.25rem 0 0;-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
transition: all 500ms cubic-bezier(.5, 1, .4, 1);
-webkit-transform-origin:80% 80%;
-moz-transform-origin:80% 80%;
-ms-transform-origin:80% 80%;
-o-transform-origin:80% 80%;
transform-origin:80% 80%;
-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);}
._Right .box .dl{ float: left; width: 100%; background:url(img/bg.png) top center no-repeat #fff; background-size:100% auto;  border:2px solid #fff; padding: 0.19rem 0.38rem 0.26rem 0.38rem; border-radius:3px; box-shadow:0 0 10px rgba(0,0,0,0.19); position: relative;}
._Right .box .dl::after{ content: ''; display: block;  position: absolute; left:100%; bottom:1rem; border-top:9px solid transparent; border-bottom:9px solid transparent;border-left:10px solid #fff; margin-top: -9px;  }
._Right .box .dd{ float: left; width: 100%; position: relative; border-bottom: 1px solid #efefef; padding: 0.24rem 0 0.24rem 0;}
._Right .box .dd:last-child{ border-bottom: none;}
._Right .box .ino{ display:block;  position: absolute; left:0; top:0.32rem; width: 0.24rem; height: 0.24rem;}
._Right .box .tit{ display:block; width: 100%; color: #888888; font-size: 0.16rem; line-height: 0.24rem;}
._Right .box img{-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;  }
._Right .box .p{  display:block; width: 100%; color: #333333; font-size: 0.16rem; line-height: 0.24rem; margin-top:0.05rem;}
._Right .box .p a{ display: inline-flex; color: #333333; align-items: center;}
._Right .box .p:hover img{ transform: translateX(8px); -ms-transform: translateX(8px); }
._Right .box .er{ margin:0 0.16rem 0 0; line-height: 0; width:0.91rem; min-width:0.91rem;}
._Right .box .dd1{ display: flex; align-items: center;  padding: 0.32rem 0 0.32rem 0;}
._Right .box .dd1 .tit1{ display: block; color: #333333; font-size: 0.24rem; line-height: 0.32rem;}
._Right .box .dd1 .p1{ display: block;margin-top: 0.1rem;}
._Right .box .info{display:flex; align-items: center; }
._Right .box .info img{ width:0.28rem; height:0.28rem; padding:0.04rem; margin-left:0.1rem; cursor: pointer;}
._Right .box ._bdly{ cursor: pointer;}
._Right .li:hover .box{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);}
		
@media screen and (max-width:1600px) {
._Right .box .dd{ padding: 0.2rem 0 0.2rem 0;}
._Right .box .dd1{ padding: 0.24rem 0 0.24rem 0;}
}			
@media screen and (max-width:1024px) {
._Right{ display: none !important;}
}	

.wap_hei{ width: 100%; height:52px; display:none; }	
.pf_down1{ display:none;background:#fff; position: fixed; left: 0; bottom: 0; z-index:12; width: 100%; box-shadow:0 0 13px rgba(0,0,0,0.1);padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.pf_down1 ul{ width: 100%; display: inline-flex; flex-wrap: wrap;}
.pf_down1 ul li{ width: 25%; text-align: center;}
.pf_down1 ul li a{ width: 100%; color: #666; font-size:12px; line-height:16px; display: inline-flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; padding:8px 0; }
.pf_down1 ul li a img{ width:18px; height: 18px;}
.pf_down1 ul li a span{ margin-top: 2px;}
.pf_down1 ul li a .img1{display:block; }
.pf_down1 ul li a .img2{display:none; }
.pf_down1 ul li a:hover .img2{display:block; }
.pf_down1 ul li a:hover .img1{display:none; }
.pf_down1 ul li a:hover{ color: #2b5be2;}

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

}


.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%;/* height:100vh; */object-fit: cover;}
.index-banner .box{ display: block; width:100%; position: absolute; left: 0; top:17.4%; z-index: 6;}
.index-banner .box .cont{ display: inline-flex; flex-wrap: wrap; flex-direction: column;}
.index-banner .box .tit1{width:100%; color: #fff; font-weight: bold; font-size:0.48rem; line-height:0.7rem;margin-bottom: 0.22rem;}
.index-banner .box .tit2{width:100%;color: #fff; font-weight: 400; font-size:0.29rem; line-height:0.42rem;}


.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer; width:35px; height:35px; border:1px solid #fff; border-radius: 50%; display:block; background: url(img/next2.png) center no-repeat; background-size:auto 16px !important; display:block;position: absolute;right:50%; bottom:0.34rem; z-index: 10; }
.index-banner .swiper-prev{ margin-right:calc(-800px + 57px); transform:rotate(180deg); -ms-transform:rotate(180deg);}
.index-banner .swiper-next{  margin-right:-800px;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{ border: 1px solid #2b5be2; background: url(img/next.png) center no-repeat;}
.index-banner .swiper-pagination{ width: 100% !important; cursor: pointer; display:flex;position: absolute;left:0; justify-content: center; bottom:0.38rem; z-index: 10; }
.index-banner .swiper-pagination-bullet{ left:0 !important; position: relative; cursor: pointer; margin:0 12px; display:block;width:9px; height:9px; border-radius: 9px; background: #fff; }
.index-banner .swiper-pagination-bullet-active{ background: #2b5be2; width: 35px; }
.index-banner .swiper-pagination-current{ display: inline-flex; color: #fff; font-size:24px; line-height:30px;}
.index-banner .swiper-pagination-line{ display: inline-flex; color: #fff; font-size:20px; line-height:30px;}
.index-banner .swiper-pagination-total{ display: inline-flex; color: #fff; font-size:14px; line-height:20px;}
.index-banner .swiper-pagination-line{ margin:0 8px}
.index-banner .left{ cursor: pointer; display:flex;position: absolute;left:50%; bottom:0.34rem; z-index: 10;margin-left:-800px; align-items: flex-end;}



@media screen and (max-width:1800px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ right:100px;}
.index-banner .swiper-prev{ margin-right:57px;}
.index-banner .swiper-next{  margin-right:0;}
.index-banner .left{ left:100px; margin-left:0; }
}
@media screen and (max-width:1024px) {
.index-banner .box .tit1{ font-size:20px; line-height:30px;margin-bottom:12px;}
.index-banner .box .tit2{font-size:14px; line-height:22px;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ width:30px; height:30px; background-size:auto 12px !important; bottom:20px; right:15px;}
.index-banner .swiper-prev{ margin-right:44px;}
.index-banner .swiper-next{  margin-right:0;}
.index-banner .swiper-pagination{ bottom:32px; }
.index-banner .swiper-pagination-bullet{margin:0 6px; }
.index-banner .swiper-pagination-bullet-active{ width:18px; }
.index-banner .swiper-pagination-current{ font-size:20px; line-height:26px;}
.index-banner .swiper-pagination-line{ font-size:17px; line-height:26px;}
.index-banner .swiper-pagination-total{ font-size:14px; line-height:20px;}
.index-banner .swiper-pagination-line{ margin:0 6px}
.index-banner .left{ left:15px; bottom:20px; margin-left:0; }
}
@media screen and (max-width:767px) {
.index-banner .box{top:10.4%; }
.index-banner .box .tit1{ text-align: center;}
.index-banner .box .tit2{ text-align: center;}
}

.main0{ background-position:right center !important;}
.main0 .box{display:flex; align-items: center; width: 100%; padding:0.95rem 0 0.95rem 0;}
.main0 .tit{ width:100%;color:#242424;font-size:0.44rem; line-height:0.54rem; font-weight: bold;}
.main0 .tit1{width:100%; color:#2b5be2;font-size:0.35rem; line-height:0.45rem; margin-top:0.16rem;}
.main0 .left{ display: flex; flex-wrap: wrap; width:60.625%; padding-right: 0.5rem;}
.main0 .btn{ display:flex;}
.main0 .btn .a{ display:inline-flex; color: #fff; font-size:calc(14px + 0.02rem); line-height:1; height:0.51rem; justify-content: center; align-items: center; border-radius:0.47rem;background: #2b5be2; padding:0 23px 0 26px;}
.main0 .btn .a img{ display: block; width: 22px; height: 22px; margin-left:0.2rem;}
.main0 .btn .a:hover{ background:rgba(43,91,226,0.5);  backdrop-filter: blur(5px);}


@media (max-width: 1600px){
.main0 .tit1{font-size:0.32rem; line-height:0.42rem;}

}
@media (max-width: 1024px){
.main0{ padding: 0 ;}	
.main0 .box{width:60%; padding:30px 15px;flex-wrap: wrap;}	
.main0 .left{ width:100%; padding-right: 0;}
.main0 .tit{font-size:18px; line-height:28px; }
.main0 .tit1{font-size:16px; line-height:26px; margin-top:4px; }
.main0 .btn{margin-top:15px; white-space: nowrap;}
.main0 .btn .a{font-size:14px; line-height:24px; height:36px; border-radius:36px;padding:0 15px 0 15px; }
.main0 .btn .a img{ width: 16px; height: 16px; margin-left:6px;}

}
@media (max-width: 700px){
.main0{ background-position: 81% center !important;}		
.main0 .box{width:280px; }	
}	



.Support1 .box{ display:flex; flex-wrap: wrap; width:100%; align-items: flex-end; justify-content: space-between;}
.Support1 .right{display:flex; flex-wrap: wrap; width:38%;   }
.Support1 .right .li{display:flex; flex-wrap: wrap; width:100%; border-bottom: 1px solid #f4f4f4; position: relative;padding:0.27rem 0;}
.Support1 .right .li:first-child{ padding-top:0 !important;}
.Support1 .right .li::after{ display: block; content:''; position: absolute; left:0; bottom:-1px; z-index: 6; width:0; height:1px; background: #2b5be2;-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;   }
.Support1 .right .li .tit{ width:100%; color: #3b3b3b; font-size:0.18rem; line-height:0.28rem; margin-top:0.04rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.Support1 .right .li .time{ display:flex; width:100%; color: #666666; font-size:calc(14px + 0.02rem); line-height:0.24rem;
  background: url(img/rt.png) right center no-repeat; background-size:14px !important;
}
.Support1 .right .li:hover .tit{ color: #2b5be2;}
.Support1 .right .li:hover .time{ color: #2b5be2;  background: url(img/rt1.png) right center no-repeat; }
.Support1 .right .li:hover::after{ width:100%;}
.Support1 .left{ display: block; width:58.25%;overflow: hidden; border-radius: 10px;}
.Support1 .left .li{ display: block; width:100%;}
.Support1 .left .li .a{ display: block; width:100%; position: relative; }
.Support1 .left .li ._img{ padding-bottom:6.33rem; display: block; width: 100%; position: relative;}
.Support1 .left .li ._img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.Support1 .left .li .cont{ display: block; width:calc(100% - 160px); position: absolute; left: 0; bottom:0; z-index: 6; padding:0.37rem 0.38rem;}
.Support1 .left .li .time{ width:100%; color: #fff; font-size:calc(14px + 0.02rem); line-height:24px;}
.Support1 .left .li .tit{ width:100%;color: #fff; font-size:0.28rem; line-height:0.38rem; margin-top:5px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.Support1 .slick-dots{ width: auto;display: flex; position: absolute; right:0.35rem; bottom:0.47rem; z-index: 6;}
.Support1 .slick-dots li{display: flex;width:9px;  height:9px; border-radius: 9px; background: #fff; margin:0 0.1rem; }
.Support1 .slick-dots li.slick-active{ width:35px;  }
.Support1 .slick-dots li button{font-size: 0;}

@media (max-width: 1800px){
.Support1 .right .li{padding:0.25rem 0; }
.Support1 .left .li ._img{ padding-bottom:6.1rem;}
}
@media (max-width: 1600px){
.Support1 .right .li{padding:0.2rem 0;}
.Support1 .left .li ._img{ padding-bottom:5.55rem;}
}
@media (max-width: 1440px){
.Support1 .right .li{padding:0.18rem 0;}
.Support1 .right .li .tit{  font-size:0.18rem; line-height:0.28rem; margin-top:0.02rem;}
.Support1 .left .li ._img{ padding-bottom:5.22rem;}
}
@media (max-width: 1024px){
.Support1 .right .li{padding:12px 0;}
.Support1 .right .li .time{ font-size:calc(14px + 0.02rem); line-height:22px; background-size:11px !important;}
.Support1 .right .li .tit{  font-size:15px; line-height:24px; margin-top:0;}
.Support1 .left .li .cont{ width:calc(100% - 80px); }
.Support1 .left .li ._img{ padding-bottom:410px;}
.Support1 .left .li .tit{ font-size:15px; line-height:24px; margin-top:0;}
.Support1 .left .li .cont{padding:14px 14px;}
.Support1 .slick-dots{right:8px; bottom:20px;}
.Support1 .slick-dots li{margin:0  5px; }
.Support1 .slick-dots li.slick-active{ width:18px;  }
}
@media (max-width: 700px){
.Support1 .right{ width:100%; margin-top: 17px;}
.Support1 .left{ width:100%;}	
.Support1 .left .li ._img{ padding-bottom:67.91%;}
}	



.mt45{ margin-top:0.45rem;}
.pt95{ padding-top:0.95rem;}
.pt100{ padding-top:1rem;}
.pd90{ padding-bottom:0.9rem;}
.pd100{ padding-bottom:1rem;}


.tit45{ display: block; width: 100%;color: #161616; font-size:0.45rem; line-height:0.55rem; font-weight: bold;}


@media screen and (max-width:1600px) {
.tit45{font-size:0.4rem; line-height:0.5rem;}	
}	
@media screen and (max-width:1024px) {
.mt45{ margin-top:25px;}	
.pt95,	
.pt100{ padding-top:35px;}
.pd90,
.pd100{ padding-bottom:40px;}	
.tit45{ font-size:20px; line-height:30px;}



}





.main7 .box{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%;}
.main7 .left{ display: flex; flex-wrap: wrap; width: 35.625%;}
.main7 .right{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 58.125%; margin-top: 5px;}
.main7 .info{ display: block; width: 100%; color: #666666; font-size: 16px; line-height: calc(24px + 0.1rem);}
.main7 .btn{ display: flex;width: 100%; margin-top:1.12rem;}
.main7 .btn a{display: inline-flex; align-items: center;color: #666666; font-size: 16px; line-height: 1.4;}
.main7 .btn a img{ width:0.39rem; height: 0.39rem; margin-right: 10px;transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.main7 .btn a:hover{ color:#2b5be2;}
.main7 .btn a:hover img{ transform: rotate(90deg); -ms-transform: rotate(90deg);}
.main7 .mt15{margin-top: 15px;}
.main7 .mt13{margin-top: 13px; color:#2b5be2;}
.main7 .mt51{margin-top: 0.51rem;}
.main7 .pic1{ display:flex; flex-wrap: wrap;width:36.34%; line-height: 0; overflow: hidden; border-radius:1.69rem 0 1.69rem 1.69rem;}
.main7 .pic1 img{ width: 100%; height: 100%; object-fit: cover;}
.main7 .pic2{ display:flex; flex-wrap: wrap;width:100%; line-height: 0; overflow: hidden; border-radius:1.35rem 0 1.35rem 1.35rem;}
.main7 .pic2 img{ width: 100%;}
.main7 .rcont{  display:flex; flex-wrap: wrap; align-content: space-between; width:59.57%; }
.main7 .tit1{ display: block; width: 100%; color: #161616; font-size: 0.27rem; line-height: 0.37rem; margin-top: 0.6rem;}
.main7 .p{ position: relative;padding-left:16px;}
.main7 .p::after{ display: block; content: ''; width:6px; height:6px; position: absolute; left: 0; top:calc(9px + 0.05rem); z-index: 1; border-radius: 50%; border: 1px solid #2b5be2;}

@media screen and (max-width:1600px) {
.main7 .left{ width: 37.625%;}
.main7 .right{ width: 59.125%; margin-top: 5px;}
.main7 .btn{ margin-top:0.7rem;}	
.main7 .tit1{ font-size: 0.23rem; line-height: 0.35rem; margin-top: 0.5rem;}
}
@media screen and (max-width:1440px) {
.main7 .info{ font-size: 14px; line-height: calc(24px + 0.04rem);}	
.main7 .p::after{ top:calc(9px + 0.02rem);}
.main7 .btn{ margin-top:0.7rem;}
.main7 .mt51{margin-top: 0.4rem;}
}
@media screen and (max-width:1024px) {
.main7 .left{ width: 100%;}
.main7 .right{ width: 100%; margin-top:30px;}
.main7 .btn a img{ width:28px; height:28px;}
.main7 .btn{ margin-top:20px;}
.main7 .mt51{margin-top:15px;}
.main7 .mt15{margin-top: 10px;}
.main7 .mt13{margin-top: 10px;}
.main7 .tit1{ font-size:16px; line-height:26px; margin-top:15px;}
}
@media screen and (max-width:767px) {

}



.h-tit{gap: 0 0.24rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%;}
.h-tit .tit45{ width: auto;}
.hd-tab{display: inline-flex; gap:0 0.1rem;}
.hd-tab .li{ display: inline-flex;} 
.hd-tab .a2{display:inline-flex; align-items: center; border-radius: 0.4rem; height:0.4rem; font-size:calc(14px + 0.02rem);; line-height:1.5; color:#666666;padding:0 0.24rem;}
.hd-tab .on .a2{ color: #fff; background: #2b5be2;}

@media screen and (max-width:1600px) {
.hd-tab .a2{font-size:14px;padding:0 0.2rem; }	
.hd-tab{ gap:0 0.05rem;}
}	
@media screen and (max-width:1440px) {
.hd-tab .a2{font-size:14px;padding:0 0.16rem; }	
.hd-tab{ gap:0 0.05rem;}
}	
@media screen and (max-width:1270px) {
.hd-tab .a2{font-size:13px;padding:0 0.14rem; }	
.hd-tab{ gap:0 3px;}
}	
@media screen and (max-width:1024px) {
.h-tit{gap:12px 0; }
.hd-tab{ overflow-y: hidden; overflow-x: auto; white-space: nowrap;}	
.hd-tab .a2{font-size:14px; height:30px; border-radius:30px;;padding:0 14px 1px 14px;}
}

.main1 .list09{position: absolute; left:0; top: 0; z-index:1; opacity: 0; overflow: hidden;-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; }
.main1 .list09.on{position: relative; z-index: 6; opacity:1;}

.list09{ display: block; width:100%;}
.list09 .li{ align-items: flex-start; display: flex; width:33.33%; padding:0 0.15rem;}
.list09 .li .a{  display: block; width:100%; position: relative; padding:0.13rem 0.34rem 0.36rem 0.34rem; }
.list09 .li .a::after{ content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 55.91%; background: #fff; border-radius: 10px;-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;  }
.list09 .li .pic{  display: flex; width: 100%;  overflow: hidden;line-height: 0; padding-bottom:100%; position: relative; z-index: 6; }
.list09 .li .pic img{width: 100%; height: 100%; position: absolute; left: 0; top:0; object-fit: contain;}
.list09 .li .tit{ position: relative; z-index: 6; width:100%; color: #666666; font-size: 0.18rem; line-height: 0.28rem;overflow: hidden;
 margin-top: 0.27rem;background: url(img/rt.png) right center no-repeat; background-size:14px !important;
text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;}
.list09 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.list09 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.list09 .li .a:hover .tit{ color: #2b5be2; background: url(img/rt1.png) right center no-repeat;}
.list09 .li .a:hover::after{ height: 100%;background: url(img/bg1.png) top center no-repeat #fff; background-size:100% 100%;}


@media screen and (max-width:1024px) {
.list09 .li{ padding:0 7px;}
.list09 .li .a{ padding:6px 14px 18px 14px; }
.list09 .li .tit{ font-size:16px; line-height:26px; margin-top:14px; }
}
@media screen and (max-width:767px) {
.list09 .li{  width:50%;}
}



.main1{ overflow: hidden; background: #f5f5f5;  }
.main1 .sect{ display: block; width:calc(100% + 0.3rem); margin-left:-0.15rem;margin-right:-0.15rem; position: relative; }
e{display:block; width: 93%; height:6px; background: url(img/line.png) left center no-repeat; background-size:100% 100% !important; margin-top: 0.5rem;}
.main1 .down1{ display: flex; align-items: center; justify-content:space-between; width: 100%; margin-top: 50px; position: relative; margin-bottom: 1px; padding:0 0.15rem;}
.main1 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.main1 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.main1 .swiper-prev,
.main1 .swiper-next{ cursor: pointer; min-width:36px; width:36px; height:36px; border:1px solid #d4d4d4; border-radius: 50%; display:block; background: url(img/next1.png) center no-repeat; background-size:auto 16px !important; }
.main1 .swiper-prev{ margin:0 21px 0 0; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.main1 .swiper-prev:hover,
.main1 .swiper-next:hover{ border:1px solid #2b5be2; background: url(img/next.png) center no-repeat;}
.main1 .swiper-pagination{ display:flex; width: 100% !important;}
.main1 .swiper-pagination-bullet{ left:0 !important; position: relative; cursor: pointer; margin:0 24px 0 0; display:block;width:9px; height:9px; border-radius: 9px; background: #d4d4d4; }
.main1 .swiper-pagination-bullet-active{ background: #2b5be2; width: 35px; }
.main1 .swiper-notification{ display:none;}



@media screen and (max-width:1024px) {
.main1 .sect{  width:calc(100% + 14px); margin-left:-7px;margin-right:-7px; }	
.main1 .swiper-prev,
.main1 .swiper-next{ min-width:30px;  width:30px; height:30px; background-size:auto 12px !important;}
.main1 .swiper-prev{ margin:0 10px 0 0;}
.main1 .swiper-pagination-bullet{margin:0 12px 0 0;}
.main1 .swiper-pagination-bullet-active{ width:18px;}
.main1 .down1{ margin-top:20px; padding:0 7px}	
}
@media screen and (max-width:767px) {

}



.main5{ position: relative; overflow: hidden; background:#e8f3fd; }
.main5 .bg{ display: block; position: absolute; left:0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.3;}
.main5 .max-width{ position: relative; z-index: 6;}
.main5 .box{ display: block; width: 100%; position: relative; overflow: hidden;}
.main5 .sect{width: 100%;position: relative; z-index: 6; opacity:1;}
.main5 .u2{ width:100%;}
.main5 .u2 .li{ width:100%; background: #fff; overflow: hidden; border-radius: 10px;}
.main5 .u2 .a{ display:flex; flex-wrap: wrap; align-items:flex-start; width: 100%;}
.main5 .u2 .a .left{display:flex; flex-wrap: wrap;width: 40.125%; padding:0.68rem 0.78rem 0.68rem 0.68rem;}
.main5 .u2 .a .right{display:flex; flex-wrap: wrap;width: 59.875%;}
.main5 .u2 .a .tit{ width: 100%; color: #333333;font-size:0.3rem; line-height:0.4rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.main5 .u2 .a:hover .tit{ color:#2b5be2;}
.main5 .u2 .a .info{ width: 100%; color: #666;font-size:calc(14px + 0.02rem); line-height:calc(24px + 0.12rem); overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:6; margin-top: 0.43rem;}
.main5 .u2 .a .btn{display: inline-flex; align-items: center;color: #666666; font-size: calc(14px + 0.02rem); line-height: 1.4; margin-top:1.2rem;}
.main5 .u2 .a .btn img{ width:0.39rem; height: 0.39rem; margin-right: 10px;transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.main5 .u2 .a:hover .btn{ color:#2b5be2;}
.main5 .u2 .a:hover .btn img{ transform: rotate(90deg); -ms-transform: rotate(90deg);}
.main5 .u2 .a ._img{ overflow: hidden; display: block; width: 100%; position: relative; padding-bottom:63.77%;}
.main5 .u2 .a ._img img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;
	transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.main5 .u2 .a:hover ._img img{transform: scale(1.06); -ms-transform: scale(1.06);} 
.main5 .down1{ display: flex; align-items: center; justify-content:space-between; width: 100%; margin-top: 50px; position: relative; margin-bottom: 1px;}
.main5 .swiper-prev,
.main5 .swiper-next{ cursor: pointer; min-width:36px; width:36px; height:36px; border:1px solid #fff; border-radius: 50%; display:block; background: url(img/next2.png) center no-repeat; background-size:auto 16px !important; }
.main5 .swiper-prev{ margin:0 21px 0 0; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.main5 .swiper-prev:hover,
.main5 .swiper-next:hover{ border:1px solid #2b5be2; background: url(img/next.png) center no-repeat;}
.main5 .swiper-pagination{ display:flex; width: 100% !important;}
.main5 .swiper-pagination-bullet{ left:0 !important; position: relative; cursor: pointer; margin:0 24px 0 0; display:block;width:9px; height:9px; border-radius: 9px; background: #fff; }
.main5 .swiper-pagination-bullet-active{ background: #2b5be2; width: 35px; }
.main5 .swiper-notification{ display:none;}
.main5 .hd-tab .swiper-slide-thumb-active .a2{ color: #fff; background: #2b5be2;}
.main5 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.main5 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}	

@media screen and (min-width:1024px) {

}
@media screen and (max-width:1600px) {
.main5 .u2 .a .info{ margin-top: 0.3rem;}
.main5 .u2 .a .btn{ margin-top:0.8rem;}	
}	
@media screen and (max-width:1440px) {
.main5 .u2 .a .left{padding:0.58rem 0.68rem 0.58rem 0.58rem;}	
.main5 .u2 .a .info{ font-size: 14px; line-height: calc(24px + 0.04rem);}	
.main5 .u2 .a .btn{ font-size: 14px;margin-top:0.6rem;}	
}	
@media screen and (max-width:1024px) {
.main5 .u2 .a .left{ padding:18px 15px 25px 15px ;}
.main5 .u2 .a .tit{font-size:16px; line-height:26px;}
.main5 .u2 .a .info{ margin-top:6px;}
.main5 .u2 .a .btn{ margin-top:12px;}
.main5 .u2 .a .btn img{ width:28px; height:28px;}
.main5 .swiper-prev,
.main5 .swiper-next{ min-width:30px;  width:30px; height:30px; background-size:auto 12px !important;}
.main5 .swiper-prev{ margin:0 10px 0 0;}
.main5 .swiper-pagination-bullet{margin:0 12px 0 0;}
.main5 .swiper-pagination-bullet-active{ width:18px;}
.main5 .down1{ margin-top:20px;}	
.main5 .h-tit .right{ display: block; width: 100%;}
.main5 .hd-tab{    gap:3px 2px;flex-wrap: wrap; justify-content:center; width: 100%;  overflow-y: inherit; overflow-x:inherit; white-space: normal;}	
.main5 .hd-tab .slick-current .a2{ color: #fff; background: #2b5be2;}
}
@media screen and (max-width:700px) {
.main5 .u2 .a{ flex-wrap: wrap-reverse;} 	
.main5 .u2 .a .left{ width: 100%;}
.main5 .u2 .a .right{ width: 100%;}
}




.my-bg{display: none; width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index: 110; background: #000; opacity:0.5;}
.my-puop2{ display:none; width:11.55rem; transform: translate(-50%,-50%); -ms-transform: translateY(-50%,-50%); position: fixed; left:50%; top:50%; z-index: 111;}
.my-puop2 .box{ position: relative; display: flex; width:100%; background: #f5f5f5; border-radius: 10px; overflow: hidden;}
.my-puop2 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:8px; top:10px; width:40px; height:40px; z-index: 20;}
.my-puop2 .box .colse img{ width:20px; height:20px;}
.my-puop2 .box .tit1{ width:100%; color: #2b2b2b; font-weight: bold; display:block; font-size:0.32rem; line-height:0.42rem;}
.my-puop2 .box .tit2{ display:block; width:100%; color: #2b5be2; font-size:0.21rem; line-height:0.34rem; margin-top:0.13rem;}
.my-puop2 .box .tit3{ display:block; width:100%; color: #3f3b3b; font-size:0.22rem; line-height:0.32rem; margin-bottom: 0.35rem;}
.my-puop2 .box .er{ display:flex;  width:100%; gap:0 24px; padding:0.48rem 0 0 0;}
.my-puop2 .box .er .li{ display:flex; flex-wrap: wrap; align-items:flex-start; width:98px;}
.my-puop2 .box .er .li i{ display:block; width:100%; line-height: 0; }
.my-puop2 .box .er .li span{ display:block; width:100%; text-align:center; margin-top:4px; color: #7e7e7e; font-size:14px; line-height:24px;}
.my-puop2 .box .line{ display:block; width: 100%; height: 1px; background: #a6c7ed; opacity: 0.3; margin: 0.38rem 0 0.1rem 0;}
.my-puop2 .box .p2{ display:block; width: 100%; color:rgb(102,102,102,0.7);font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem); margin-top: 0.21rem;}
.my-puop2 .box .tel{ display:block; width: 100%; color: #666666;font-size:0.2rem; line-height:0.28rem;}
.my-puop2 .box .left{ display:flex; flex-wrap: wrap; align-content: flex-start; width:3.69rem;  min-width:3.69rem; padding:0.45rem 0.43rem 0.47rem 0.4rem;align-items: flex-start; }

@media screen and (max-width:1024px) {
.my-puop2{ width:92%;}
.my-puop2 .box{ flex-wrap: wrap;}
.my-puop2 .box .left{width:100%; background:none;  min-width:100%; padding:20px 15px;}
.my-puop2 .box .er{display:none; }
.my-puop2 .box .line{display:none; }
.my-puop2 .box .p2{display:none; }
.my-puop2 .box .tel{display:none; }
.my-puop2 .box .tit1{ font-size:18px; line-height:28px; }
.my-puop2 .box .tit2{ font-size:14px; line-height:24px; margin-top:0;}
.my-puop2 .box .tit3{ font-size:16px; line-height:26px; margin-bottom: 10px;}

}

._form1{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; position: relative; padding:0.33rem 0.4rem 0.47rem 0.4rem;}
._form1 .lab{ width:47.88%; position:relative; display: flex; flex-wrap: wrap; margin-bottom:0.2rem; }
._form1 .w100{ width:100%;}
._form1 .name{ width:100%; display:block; color: #333333;font-size:calc(14px + 0.02rem); line-height:20px; padding-bottom:8px;}
._form1 .name span{ color: #fb0202;}
._form1 .text{cursor: pointer; width:100%; border:0; background:#fff; font-size:14px;color: #333; line-height:30px; height:50px; padding:10px 0.18rem; border-radius:0;}
._form1 .textarea{ cursor: pointer; width:100%; border:0; background:#fff; font-size:14px;color: #333; line-height:26px; height:99px; padding:14px 0.18rem; border-radius:0;}
._form1 .yanzhengma{ position: absolute; right:0; top:0; height:100%; object-fit: contain; z-index:6;width:110px; object-fit: contain; }
._form1 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:0.18rem; color: #fff; height:50px; padding-bottom: 1px; border:1px solid #2b5be2; background: #2b5be2; border-radius:0;}
._form1 .submit:hover{background:#fff; color: #2b5be2;}
._form1 .lab1{ width:100%; display: block; color:#666666; font-size:14px; line-height:26px; }
._form1 .lab1 span{ color: #fb0202;}

._form1 input::placeholder{color:#888888; opacity:1 !important;}
._form1 textarea::placeholder{color:#888888; opacity:1 !important;}


@media screen and (max-width:1440px) {
._form1 .text{ line-height:30px; height:40px;padding:5px 0.18rem;}	
._form1 .submit{height:40px; }
._form1 .textarea{line-height:24px; height:92px; padding:10px 0.18rem;}
}	
@media screen and (max-width:1024px) {
._form1{ width:100%; padding:20px 15px 25px 15px;}
._form1 .lab{ margin-bottom: 15px; }
._form1 .name{ font-size:14px;}
._form1 .text{ line-height:30px; height:40px; padding:5px 12px;}
._form1 .textarea{  padding:10px 12px;}
._form1 .yanzhengma{ width:70px; }
._form1 .submit{ font-size:14px; height:40px;}
}


*{font-family: 'Noto Sans SC';}
body,button,input,select,textarea{font-family:'Noto Sans SC'}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;font-family:'Noto Sans SC'}
button,table{border:0;background:0;margin:0;padding:0}select{margin:0;padding:0;font-family:'Noto Sans SC'}


@font-face {
    font-family: 'NotoSans-Bold';
    src: url('https://otheross1.oss-cn-hangzhou.aliyuncs.com/linshi/Noto_Sans/NotoSans-Bol.eot');
    src: url('https://otheross1.oss-cn-hangzhou.aliyuncs.com/linshi/Noto_Sans/NotoSans-Bol?#iefix') format('embedded-opentype'),
         url('https://otheross1.oss-cn-hangzhou.aliyuncs.com/linshi/Noto_Sans/NotoSans-Bol.woff') format('woff'),
         url('https://otheross1.oss-cn-hangzhou.aliyuncs.com/linshi/Noto_Sans/NotoSans-Bol.ttf') format('truetype'),
         url('https://otheross1.oss-cn-hangzhou.aliyuncs.com/linshi/Noto_Sans/NotoSans-Bol.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

.my-puop2 .box .tit1{font-family: 'NotoSans-Bold';}

/*20260418end*/


._form1 .yanzhengma{cursor:pointer;}










