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

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

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

@font-face {
  font-family: 'Inter';
  src: url('Inter/Inter-Regular.OTF') format('OTF');
  src: url('Inter/Inter-Regular.woff2') format('woff2');
  src: url('Inter/Inter-Regular.eot');
  src: url('Inter/Inter-Regular?#iefix') format('embedded-opentype'),
       url('Inter/Inter-Regular.ttf') format('truetype'),
       url('Inter/Inter-Regular.svg#open_sanslight') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-Medium';
  src: url('Inter/Inter-Medium.OTF') format('OTF');
  src: url('Inter/Inter-Medium.woff2') format('woff2');
  src: url('Inter/Inter-Medium.eot');
  src: url('Inter/Inter-Medium?#iefix') format('embedded-opentype'),
       url('Inter/Inter-Medium.ttf') format('truetype'),
       url('Inter/Inter-Medium.svg#open_sanslight') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter-Bold';
  src: url('Inter/Inter-Bold.OTF') format('OTF');
  src: url('Inter/Inter-Bold.woff2') format('woff2');
  src: url('Inter/Inter-Bold.eot');
  src: url('Inter/Inter-Bold?#iefix') format('embedded-opentype'),
       url('Inter/Inter-Bold.ttf') format('truetype'),
       url('Inter/Inter-Bold.svg#open_sanslight') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}




/*PC head*/
.t_navs{ position:fixed; left:0; top:0; z-index: 200; width:100%;}
.t_navs .top{ width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; height:1.19rem; padding:0 0.6rem;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 100%); 
}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:0.86rem; object-fit:contain;}
.t_navs .logo .img1{ display: flex;}
.t_navs .logo .img2{ display: none;}
.t_navs .lang{ display:flex; align-items: center; position: relative;}
.t_navs .lang .a{ display:flex; align-items: center; position: relative; color: #fff; padding-right:20px; font-size:0.18rem; line-height:1.19rem; text-transform: uppercase;background: url(img/Up.svg) right center no-repeat; background-size:16px auto !important;  }
.t_navs .lang .a .i{ width:24px; height:24px; margin-right:4px; background: url(img/lang.png) left center no-repeat; background-size:100% 100% !important;}
.t_navs .lang .a:hover{background: url(img/Up2.svg) right center no-repeat !important; color: #0DB070 !important; }
.t_navs .lang .a:hover .i{ background: url(img/lang2.svg) left center no-repeat !important;  background-size:100% 100% !important;}
.t_navs .lang .down{ display: block; position: absolute;top:1.19rem; left:50%;transform: translateX(-50%); -ms-transform: translateX(-50%);opacity: 0;visibility: hidden;background:rgba(0,0,0,0.5); border-radius:10px 10px; padding:14px 13px 19px 13px;}
.t_navs .lang:hover .down{ -webkit-transition: all .85s;opacity: 1;visibility: visible;}
.t_navs .lang .down .li{ display: block; width:100%; -webkit-transform: translateY(5px);opacity: 0;
transition: All 0s ease-in-out;
-webkit-transition: All 0s ease-in-out;
-moz-transition: All 0s ease-in-out;
-o-transition: All 0s ease-in-out;}
.t_navs .lang .down .li a{display: block; text-align: center; width:100%;color: #fff; line-height:32px; font-size:calc(14px + 0.04rem); padding:0 13px; position:relative; text-transform: uppercase;  }
.t_navs .lang:hover .down .li{-webkit-transition: all .5s ease 0s;-webkit-transform: translateY(0px);opacity: 1;}
.t_navs .lang .down .li a::after{ display: block; content: ''; position: absolute; left:50%; bottom:0;background: #fff; width:0; height: 1px; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .lang .down .li:hover a::after{width:100%;}

.t_navs .right{ display: flex; align-items: center;position: relative; }
.t_navs .menu{ display: flex; }
.t_navs .menu ul{ display: flex; }
.t_navs .menu .nli{ display: flex; margin:0 0.1rem; position: relative;}
.t_navs .menu .nli span a{ position: relative; display: block;color: #fff; line-height:1.19rem; font-size:0.2rem; padding:0 0.16rem; text-transform: capitalize;	}
.t_navs .menu .nli span a::after{ display: block; content: ''; position: absolute; left:50%; bottom:0.39rem;background: #0DB070 !important; width:0; height: 4px; border-radius: 4px; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{width:24px;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{ color:#0DB070 !important;}
.t_navs .menuSub{ display: none; position: absolute;top:100%; left:0;
background: #FFFFFF;
border-top: 1px solid #EDEDED; width:100%; padding:0.42rem 0.6rem 0.42rem 0.64rem; justify-content: center;
}
.t_navs .menuSub .sect{  justify-content:center;gap:0.18rem 1rem;}
.t_navs .menuSub .l2{display:inline-flex; flex-direction: column; white-space: nowrap;gap:0.1rem 0; /* min-width: 187px; */ }
.t_navs .menuSub .a2{
font-weight: 700;
font-size: 0.2rem;
line-height: 0.32rem;
color: #2F3D4D;
}
.t_navs .menuSub .a2:hover{ color: #0DB070;}
.t_navs .menuSub .ul{ display:none; flex-direction: column; white-space: nowrap; gap:0.1rem 0; }
.t_navs .menuSub .ul a{ display: inline-flex;  position: relative;
font-weight: 400;
font-size: 0.18rem;
line-height:0.3rem;
color: #2F3D4D;
  }
.t_navs .menuSub .ul a:hover{ color: #0DB070;}
.t_navs .menuSub .ul a::after{ display: block; content: ''; position: absolute; left:0; bottom:0;background: #0DB070; width:0; height: 1px;}
.t_navs .menuSub .ul a:hover::after{width:100%;}


.t_navs .ss_search{float: left; display:flex; margin:0 0.32rem 0 0.94rem;}
.t_navs .ss_search ._t{ position: relative; z-index: 100; cursor: pointer; display:flex; height:1.19rem; width:44px; background: url(img/_search.png) center no-repeat; background-size:24px auto !important;}
.t_navs .ss_search:hover ._t{ background: url(img/_search2.svg) center no-repeat !important;}
.t_navs ._b{width: 100%;background:rgba(0, 13, 40, 1);z-index: 99;position: fixed;left: 0;top:1.19rem;display: none;
height: 1.78rem;border-top: 1px solid #F2F2F2;
background: #FFFFFF;
box-shadow: 0px 14px 14.7px 6px rgba(0, 0, 0, 0.06);
}
.t_navs ._b .input{width:977px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%); 
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 0.84rem;
background: rgba(255, 255, 255, 0.1);
border: 1px solid #0DB070;
backdrop-filter: blur(2px);
border-radius: 8px;
}
.t_navs ._b .input .text{ cursor: pointer;
gap: 4px; text-transform: capitalize;
width: 124px;min-width: 124px;
height: 24px;
border-right: 1px solid #E0E0E0;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0%;
color: #333333; padding:0 0 0 12px;
  background: url(img/Up1.svg) 90% center no-repeat;  background-size: 20px auto !important;
}
.t_navs ._b .input .ul{  display: block; position: absolute; left: 0; top:100%; display: none;
width: 124px; border: 1px solid #0DB070; border-radius: 8px; padding:10px 0;
background: #FFFFFF;
box-shadow: 0px 14px 14.7px 6px rgba(0, 0, 0, 0.06);  z-index: 6;
}
.t_navs ._b .input .ul li{ display:block;font-family: Inter; cursor: pointer;
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 24px; text-transform: capitalize;
letter-spacing: 0%; padding:2px 12px;
color: #2F3D4D; }
.t_navs ._b .input .ul li:hover{ color:#0DB070;}
.t_navs ._b .input input{width: 100%;
height:0.82rem;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height:0.62rem;
color:rgba(47, 61, 77, 1);
 padding:0.1rem calc(132px + 0.35rem) 0.1rem 0.35rem;
}
.t_navs ._b .input input::placeholder{color:#6E6E6E; opacity:1 !important;}
.t_navs ._b .input .img{display: block;position: absolute;right: 0;top:0;cursor: pointer; 
display: flex;
flex-direction: row;
align-items: center; justify-content: center; font-family: sourcehansans;
gap: 12px;
width: 132px;
height: 0.84rem;
background: linear-gradient(90deg, #0FD386 0%, #086D45 100%);
border-radius: 0px 6px 6px 0px;
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #FFFFFF; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;
}
.t_navs ._b .input .img:hover{background: rgba(13, 176, 112, 1);}
.t_navs ._b .input .img img{ width: 20px; height: 20px;}

.t_navs.act{ 
box-shadow: 0px 14px 14.7px 6px rgba(0, 0, 0, 0.06);
}
.t_navs.act .top{background: #FFFFFF;}
.t_navs.act .logo .img1{ display: none;}
.t_navs.act .logo .img2{ display: flex;}
.t_navs.act .lang .a{ color:#2F3D4D;background: url(img/Up1.svg) right center no-repeat; }
.t_navs.act .lang .a .i{background: url(img/lang1.png) left center no-repeat;}
.t_navs.act .menu .nli span a{color: #2F3D4D;}
.t_navs.act .menuSub{box-shadow: 0px 14px 14.7px 6px rgba(0, 0, 0, 0.06);}
.t_navs.act .ss_search ._t{background: url(img/_search1.png) center no-repeat;}



.t_navs .top.active{background: #FFFFFF;}
.t_navs .top.active .logo .img1{ display: none;}
.t_navs .top.active .logo .img2{ display: flex;}
.t_navs .top.active .lang .a{ color:#2F3D4D;background: url(img/Up1.svg) right center no-repeat; }
.t_navs .top.active .lang .a .i{background: url(img/lang1.png) left center no-repeat; background-size:100% 100% !important;}
.t_navs .top.active .menu .nli span a{color: #2F3D4D;}
.t_navs .top.active .ss_search ._t{background: url(img/_search1.png) center no-repeat;}

.t_navs.ect{position: sticky;}
.t_navs.ect .top{background: #FFFFFF;}
.t_navs.ect .logo .img1{ display: none;}
.t_navs.ect .logo .img2{ display: flex;}
.t_navs.ect .lang .a{ color:#2F3D4D;background: url(img/Up1.svg) right center no-repeat; }
.t_navs.ect .lang .a .i{background: url(img/lang1.png) left center no-repeat; background-size:100% 100% !important;}
.t_navs.ect .menu .nli span a{color: #2F3D4D;}
.t_navs.ect .ss_search ._t{background: url(img/_search1.png) center no-repeat;}



@media screen and (max-width:1440px) {
.t_navs .menuSub .sect{  gap: 18px 1rem;}
.t_navs .ss_search{ margin:0 0 0 0.32rem;}
}	
@media screen and (max-width:1270px) {

}	

@media screen and (max-width:1024px) {
.t_navs .top{ height:50px; padding:0 15px;}
.t_navs .menu{ display: none;}
.t_navs .ss_search{ display: none;}
.t_navs .logo img{ height:40px;}
.t_navs .lang{ margin:0 15px 0 0;}
.t_navs .lang .a{font-size:15px; line-height:50px;}
.t_navs .lang .a .i{ width:20px; height: 20px;}
.t_navs .lang .down{ top: 50px;}
}


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

.t_navs.ect .menuph .navbtn,
.t_navs.ect .menuph .navbtn::after,
.t_navs.ect .menuph .navbtn::before{ background: #2F3D4D;}

.t_navs.act .menuph .navbtn,
.t_navs.act .menuph .navbtn::after,
.t_navs.act .menuph .navbtn::before{ background: #2F3D4D;}

.t_navs .top.active .menuph .navbtn,
.t_navs .top.active .menuph .navbtn::after,
.t_navs .top.active .menuph .navbtn::before{ background: #2F3D4D;}

@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;border-top:1px solid rgba(0,0,0,0.1);}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a3box{width: 100%;position: relative;}
.xialaph .a1{color: #2F3D4D; font-weight: 400;  font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%;}
.xialaph .active .a1{ color: #0DB070;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:4px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #2F3D4D;  border-right:1px solid #2F3D4D;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #0DB070;  border-right:1px solid #0DB070;}
.xialaph .u2{width: 100%;padding:0 10px 10px 10px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block;}
.xialaph .u2 .a2{ width: 100%; display: block; font-weight: 700;  font-size:15px;color: #2F3D4D;line-height:24px;padding:8px 10px;}
.xialaph .active .a2{ color:#0DB070;}
.xialaph .u3{width: 100%;padding:0 10px 10px 10px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block;}
.xialaph .u3 .a3{ width: 100%;display:flex; align-items: center;font-size:15px;color: #2F3D4D;line-height:24px;padding:8px 10px;}
.xialaph .u4{width: 100%;padding:10px 10px;display: none;}
.xialaph .u4 .l4{ width: 100%;display: block;}
.xialaph .u4 .l4{ width: 100%;display:flex; align-items: center; font-size:15px;color: #2F3D4D;line-height:24px;padding:4px 0;}

.xialaph .input{width:100%; margin:40px 0;position: relative; 
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height:48px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid #0DB070;
backdrop-filter: blur(2px);
border-radius: 8px;
}
.xialaph .input .text{ cursor: pointer;
gap: 4px; text-transform: capitalize;
width: 84px;min-width:84px;
height: 24px;
border-right: 1px solid #E0E0E0;
font-family: Inter;
font-weight: 400;
font-style: Regular;
font-size: 15px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0%;
color: #333333; padding:0 0 0 12px;
  background: url(img/Up1.svg) 90% center no-repeat;  background-size: 20px auto !important;
}
.xialaph .input .ul{  display: block; position: absolute; left: 0; top:100%; display: none;
width: 74px; border: 1px solid #0DB070; border-radius: 8px; padding:10px 0;
background: #FFFFFF;
box-shadow: 0px 14px 14.7px 6px rgba(0, 0, 0, 0.06);  z-index: 6;
}
.xialaph .input .ul li{ display:block;font-family: Inter; cursor: pointer;
font-weight: 400;
font-style: Regular;
font-size: 15px;
leading-trim: NONE;
line-height: 20px; text-transform: capitalize;
letter-spacing: 0%; padding:2px 12px;
color: #2F3D4D; }
.xialaph .input .ul li:hover{ color:#0DB070;}
.xialaph .input input{width: 100%;
height:46px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height:26px;
color:rgba(47, 61, 77, 1);
 padding:10px 100px 10px 12px;
}
.xialaph .input input::placeholder{color:#6E6E6E; opacity:1 !important;}
.xialaph .input .img{display: block;position: absolute;right: 0;top:0;cursor: pointer; 
display: flex;
flex-direction: row;
align-items: center; justify-content: center; font-family: sourcehansans;
gap: 6px;
width: 90px;
height: 48px;
background: linear-gradient(90deg, #0FD386 0%, #086D45 100%);
border-radius: 0px 6px 6px 0px;
font-weight: 700;
font-size: 14px;
line-height: 24px;
color: #FFFFFF; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;
}
.xialaph .input .img:hover{background: rgba(13, 176, 112, 1);}
.xialaph .input .img img{ width: 18px; height:18px;}



.footer1{position: relative; z-index: 6; overflow: hidden;}
.footer1 .top{ display:flex; align-items: flex-start; justify-content: space-between; position: relative; padding:0.8rem 0 0.7rem 0; }
.footer1 .top::after{width:4000px; background: #fff; position: absolute; left:50%; bottom: 0;  margin-left: -2000px;
height: 1px;
opacity: 0.2; content: '';
}
.footer1 .logo{ display:block; line-height:0; }
.footer1 .logo img{ height:0.66rem; object-fit: contain;}
.footer1 .down1{ display:flex; flex-wrap: wrap; width:100%; justify-content: space-between; padding:0.31rem 0;}
.footer1 .Copyright{ display:block; color:#fff; font-size:14px; line-height:22px;}
.footer1 .Copyright a{color:#fff; margin-left:15px;}
.footer1 .Copyright a:hover{ text-decoration: underline;}
.footer1 .sjkf{ display: inline-flex; flex-wrap: wrap; color:#fff; font-size:14px; line-height:22px;}
.footer1 .sjkf i{ padding:0 12px; font-size:10px; opacity:0.5;}
.footer1 .sjkf a{color:#fff; }
.footer1 .sjkf a:hover{text-decoration: underline;}
.footer1 .midd{ position: relative; flex-wrap: wrap; display:flex;width:100%;justify-content: space-between; }
.footer1 .right1{ display:flex; flex-wrap: wrap; width:25.625%;}
.footer1 .right1 .a1{ display:inline-flex; font-weight: 700; color: #fff; font-size:0.18rem; line-height:0.32rem; text-transform: capitalize;}
.footer1 .addr{ display:flex; flex-wrap: wrap; align-items: flex-start; width: 100%; color: #fff; font-size:0.18rem; line-height:0.24rem;}
.footer1 .addr .li{display:flex; flex-wrap: wrap; width: 100%; margin:0.14rem 0 0.02rem 0; }
.footer1 .addr .li .tel{display:flex; flex-wrap:wrap;width:100%; font-weight: 700; color: #fff; font-size:0.24rem; line-height:0.28rem;}
.footer1 .addr .li .info{display:flex; flex-wrap:wrap;width:100%; color: #fff; align-items: center;}
.footer1 .addr .li .info img{width:16px; min-width:16px; height:16px; margin-right: 4px;}
.footer1 .share{ display: flex; flex-wrap: wrap; width:100%; padding-top:0.14rem;}
.footer1 .share .li{display: flex; position: relative; margin:0 12px 0 0;}
.footer1 .share .li a{ display:flex; line-height:0; align-items: center; justify-content: center;
width: 40px;
height: 40px;
background: #F8FAFC;
border-radius: 8px;
}
.footer1 .share .li:hover a{background:#0DB070;}
.footer1 .share .li a img{ width:25px; height:25px;}
.footer1 .share .li a .img1{ display: block;}
.footer1 .share .li a .img2{ display: none;}
.footer1 .share .li:hover a .img1{ display: none;}
.footer1 .share .li:hover a .img2{ display: block;}
.footer1 .share .li .wx_bx{ float:left; width:100px; height:100px; background:#fff; position:absolute; left:50%; margin-left:-50px; bottom:50px;border-radius: 8px; overflow: hidden; z-index:80;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 5%;
	-moz-transform-origin:50% 5%;
	-ms-transform-origin:50% 5%;
	-o-transform-origin:50% 5%;
	transform-origin:50% 5%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.footer1 .share .li:hover .wx_bx{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}
.footer1 .nav{ display: flex; flex-direction: column;}
.footer1 .nav .u2{ display: flex; flex-direction: column; padding-top:0.14rem;}
.footer1 .nav .a1{ display:inline-flex; font-weight: 700; color: #fff; font-size:0.18rem; line-height:0.32rem; text-transform: capitalize;}
.footer1 .nav .a2{ display:inline-flex; position: relative; color: #fff; font-size:0.18rem; line-height:0.32rem; margin-top:0.08rem;}
.footer1 .nav .a2::after{ display: inline-flex; content: ''; position: absolute; left:0; bottom:0;background: #fff; width:0; height: 1px;}
.footer1 .nav .a2:hover::after{width:100%;}



@media (max-width: 1024px){
.footer1 .logo img{ height:40px; }
.footer1 .top{ flex-direction: column; padding:30px 0;}
.footer1 .right1{ width: 100%; padding:25px 0 0 0;border-left:0;}
.footer1 .right1 .a1{ font-size:16px; line-height: 24px;}
.footer1 .nav{  display:none; }
.footer1 .down1{ text-align: center; justify-content: center;  padding: 20px 0;}
.footer1 .sjkf{width: 100%; justify-content: center;}
.footer1 .share{  width:auto; right: 0; top:30px; position: absolute;}
.footer1 .share .li{ margin:0 0 0 12px;}
.footer1 .share .li a{ 
width: 34px;
height: 34px;
}
.footer1 .share .li a img{ width:20px; height:20px;}
.footer1 .share .li .wx_bx{ bottom:auto; top: 50px;}
.footer1 .addr{ font-size:16px; line-height: 24px;}
.footer1 .addr .li{ margin:8px 0 2px 0;}
.footer1 .addr .li .tel{ font-size:20px; line-height: 24px;}
}
@media (max-width: 767px){
.footer1 .logo{ margin-top: 0;}	
.footer1 .top{ flex-direction: column; justify-content: center;}
.footer1 .right{ width:90%; margin-top:15px;justify-content: center;}
.footer1 .right .tit{ text-align: center;}
.footer1 .Copyright .ph{ display: block;}
.footer1 .sjkf a.ph{width:100%; display: block;}
.footer1 .sjkf i.ph{ display: none;}
}



.pf-right{display:block; z-index:111; position:fixed; right:21px; bottom:10vh; width:77px;
gap: 12px;
background: #FFFFFF;
box-shadow: 0px 4px 7.6px rgba(0, 0, 0, 0.1);
border-radius: 8px;border: 1px solid rgba(235, 235, 235, 1)
}
.pf-right .ul{ display:flex; flex-wrap:wrap; justify-content: center; width:100%;}
.pf-right .li{ position: relative; display: block; width:100%;border-bottom: 1px solid rgba(235, 235, 235, 1)}
.pf-right .li:last-child{border:0 !important}
.pf-right .li .a{ display:flex; flex-wrap:wrap; width:100%; justify-content: center; align-items: center; line-height: 0; width:100%; padding:12px 0;}
.pf-right .li .a img{ width:24px; height:24px;}
.pf-right .li .a span{ text-align: center; margin-top: 4px;
width: 100%;
font-weight: 400;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.02em;
color: #2F3D4D;
}
.pf-right .li .a:hover span{color:#0DB070;}
.pf-right .tel{ position: absolute; right:100%; top:50%; background: #fff; border-radius:8px; white-space: nowrap;
font-weight: 400;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.02em;
color: #2F3D4D;
 display: flex; flex-wrap: wrap; flex-direction: column;
 padding:14px 24px;
box-shadow:0 0 10px rgba(0,0,0,0.2); margin:0 22px 0 0;
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:90% 50%;
	-moz-transform-origin:90% 50%;
	-ms-transform-origin:90% 50%;
	-o-transform-origin:90% 50%;
	transform-origin:90% 50%;
	-webkit-transform: translateY(-50%) scale(0);
	-moz-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0)
}
.pf-right .tel::after{ display: block; content: ''; position: absolute; left: 100%; top:50%; margin:-10px 0 0 -2px; border-top: 10px solid transparent; border-bottom:10px solid transparent;border-left:12px solid #fff; }
.pf-right .li:hover .tel{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
}
.pf-right .er{ position: absolute; right:100%; top:0; background: #fff;border-radius:8px; width:100px; line-height: 0; 
display: flex; flex-wrap: wrap; flex-direction: column; padding:4px;
box-shadow:0 0 10px rgba(0,0,0,0.2); margin:0 22px 0 0;
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:90% 50%;
	-moz-transform-origin:90% 50%;
	-ms-transform-origin:90% 50%;
	-o-transform-origin:90% 50%;
	transform-origin:90% 50%;
	-webkit-transform: translateY(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)
}
.pf-right .er::after{ display: block; content: ''; position: absolute; left: 100%; top:25px; margin:0 0 0 -2px; border-top: 10px solid transparent; border-bottom:10px solid transparent;border-left:12px solid #fff; }
.pf-right .li:hover .er{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(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);
}
.pf-right .li.ph{ display: none;}

@media screen and (max-width:1760px) {
.pf-right{ right:0;  width:0.76rem;
}	
}	
@media screen and (max-width:1024px) {
.pf-right{ position: fixed; bottom: 0; width: 100%;  border-radius:0;}
.pf-right .li{ width:33.33%;   border-bottom:0; border-right: 1px solid rgba(235, 235, 235, 1);}
.pf-right .li .a{padding:7px 0;}
.pf-right .li .a span{ margin-top:2px;}
.pf-right .li .a img{ width:20px; height:20px;}
.pf-right .li.pc{ display: none;}
.pf-right .li.ph{ display: block;}
.footer1{ margin-bottom: 52px;}
}


@-webkit-keyframes move {
    0% {
      -webkit-transform:translateY(-20px);
      transform:translateY(-20px);
    }
    1% {
       -webkit-transform:translateY(-20px);
       transform:translateY(-20px);
    }
    100% {
       -webkit-transform:translateY(10px);
       transform:translateY(10px);
    }
}

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

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

._mouse1{ position: absolute; right:50%; bottom:0.87rem; margin-right:-800px; z-index:12;}
._mouse1 img{width:0.4rem; height: 0.4rem;}

@media (max-width: 1760px){
._mouse1{  right:0.8rem;margin-right:0;}
}
@media (max-width: 1024px){
._mouse1{ display:none;}
}


.index-banner{ display:flex; width: 100%; 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 .swiper-slide .pc_show{width: 100%;}
.index-banner .swiper-slide .ph_show{width: 100%;}
.index-banner .swiper-notification{ display:none; }
.index-banner .swiper-pagination{ cursor: pointer; display:flex;}
.index-banner .swiper-pagination-bullet{ left:0 !important; position: relative; cursor: pointer; margin:0 12px 0 0; display:block; 
width: 10px;
height: 10px;
opacity: 0.4;
border: 1px solid #0DB070;
border-radius: 10px;
 }
.index-banner .swiper-pagination-bullet-active{ width:21px; background:#0DB070; opacity: 1;}
.index-banner .down1{display:block;position: absolute;left:0; bottom:0.53rem; z-index: 10;width: 100%; }
.index-banner .box1{display:block;position: absolute;left:0; top:28.1%; z-index: 10;width: 100%;}
.index-banner .tit1{ display:block;width: 100%;
font-weight: 800;
font-size: 0.96rem;
line-height: 1.03rem;
letter-spacing: -0.02em;
color: #fff;
}
.index-banner .tit2{ display:block;width: 100%; margin-top: 0.16rem;
font-weight: 700;
font-size: 0.32rem;
line-height: 0.46rem;
color: #FFFFFF;
}
.index-banner .tit3{ display:block;width: 100%;  margin:0.1rem 0 0.4rem 0;
font-weight: 800;
font-size: 0.6rem;
line-height: 0.88rem;
color: #FFFFFF;
letter-spacing: -2%; text-transform: uppercase;
}
.index-banner .but{ display:flex; flex-wrap: wrap;gap: 0.24rem; width: 100%; margin-top: 0.83rem;
}
.index-banner .but .a{ display:flex;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0 0.39rem;
height: 0.62rem;
background: #0DB070; border: 1px solid #0DB070;
border-radius: 87px;
font-weight: 700;
font-size: 0.18rem;
line-height: 1.2;
color: #FFFFFF;
}
.index-banner .but .a2{background:none;color: #0DB070;}
.index-banner .but .a:hover{  border: 1px solid rgba(13, 176, 112, 0.3); background: rgba(13, 176, 112, 0.3);color: #FFFFFF;  backdrop-filter: blur(5px);}


.index-banner .down1 .max-width{ display: flex; align-items: center; justify-content: space-between;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: flex-start;
 width: 38px;
 height: 24px;
 border: 0.77551px solid #D9D9D9;
 border-radius: 51.9592px;
 background: url(img/next.svg) center no-repeat; background-size:auto 24px !important; border-radius:19px;-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;  
 }
.index-banner .swiper-prev{transform:rotate(180deg); -ms-transform:rotate(180deg);}
.index-banner .swiper-next{ margin-left:12px;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{background: url(img/next1.svg) center no-repeat #FFFFFF; }

@media screen and (max-width:1440px) {
.index-banner .tit1{
font-size: 0.8rem;
line-height: 0.9rem;
}
.index-banner .tit2{ margin-top: 0.13rem;
font-size: 0.26rem;
line-height: 0.4rem;

}
.index-banner .tit3{ margin:0.08rem 0 0.32rem 0;
font-size: 0.5rem;
line-height: 0.78rem;
}
.index-banner .but{ gap: 0.24rem;margin-top: 0.69rem;
}
.index-banner .but .a{ 
padding: 0 0.32rem;
height: 0.52rem;
font-size: 0.16rem;
}

}
@media screen and (max-width:1024px) {
.index-banner .tit1{  font-size:28px; line-height:38px;}
.index-banner .tit2{  font-size:16px; line-height:22px; margin-top:6px;}
.index-banner .tit3{  font-size:20px; line-height:30px; margin-top:15px;}
.index-banner .but{ gap:12px;margin-top:30px;
}
.index-banner .but .a{ 
padding: 0 16px;
height:32px;
font-size:14px;
}
}


.list17{ overflow: hidden;}
.list17 canvas{ position: absolute; left: 0; top:0; z-index: 1;}
.list17{ width: 100%; display: flex; justify-content: space-between; align-items:center; }
.list17 .w800{ width: 800px; padding:0 0.8rem 0 0;}
.list17 .pic{ width:50%;position: relative;}
.list17 ._img{ padding-bottom:91.66%;position: relative; 
  display: block;
  width: 100%;
  overflow: hidden; }
.list17 .more{ display:block; margin-top:1rem;}
.list17 .more .a{ white-space: nowrap; display: flex; align-items: center; gap:0 0.22rem;
color:#fff;
font-size: 0.18rem;
font-weight: 700; line-height: 1;
}
.list17 .more .a .i{ display: inline-flex; width: 0.32rem; height: 0.32rem; background:url(img/right-huang.svg) center no-repeat; background-size:100% 100% !important; }
.list17 .more .a:hover .i{ background:url(img/right-bai.svg) center no-repeat; }
.list17 .size28{ margin-top: 0.23rem;}
.list17 .info{ width: 100%;color:#fff; margin-top:0.5rem;  padding:0 0.65rem 0 0;
font-size: 0.2rem;
line-height: 0.36rem;
}
.list17 .cont{width:50%; padding:0.8rem 0 0.8rem 0.8rem; display: flex; flex-wrap: wrap; justify-content: flex-end; }
.list17 .paly{display: flex; justify-content:center; align-items: center; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 10; cursor: pointer; }
.list17 .paly img{ width:1.2rem; height: 1.2rem; }
.list17 .paly span{ position:absolute; left:0; bottom: 0.32rem;
font-weight: 700;
font-size: 0.14rem;
line-height: 0.17rem;
text-align: center;
color: #0DB070; width: 100%; text-align: center; text-transform: uppercase;
}
.list17 .pause{display:none; justify-content:center; align-items: center; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 10; cursor: pointer; }
.list17 .pause img{ width:1.2rem; height: 1.2rem; }
.shipin1 .paly.Active{ display:none;}
.shipin1 .pause.Active{ display:flex;}
.shipin1 ._img.Active{ opacity: 0;}
.shipin1 .video{ position: absolute; left:0; top: 0;width:100%;height:100%; z-index:-1; object-fit: cover;}
.shipin1.Active .video{ z-index:6;}

@media screen and (max-width:1760px) {
.list17 .w800{ width: 100%; padding:0 0.8rem 0 0;}	
.list17 .info{  padding:0;}
}	
@media screen and (max-width:1024px) {
.list17 .cont{  padding:30px 15px;}
.list17 .w800{  padding:0;}
.list17 .size28{ margin-top:8px;}
.list17 .info{ font-size: 15px; line-height: 24px; margin-top:15px;}
.list17 .more{ margin-top:20px;}	
.list17 .more .a{ gap:0 12px; font-size: 14px; }	
.list17 .more .a .i{ width:24px; height:24px;}
.list17 .paly span{  bottom:12px;
font-size:11px;
line-height:15px;
}
.list17 .paly img{ width:60px; height: 60px;}
.list17 .pause img{ width:60px; height: 60px;}
}
@media screen and (max-width:700px) {
.list17{ flex-wrap: wrap;}	
.list17 .pic{ width:100%; }	
.list17 .cont{ width:100%; padding:40px 15px;}
}	


.main02{ display:flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.main02 .ul{display:flex; flex-wrap: wrap; width:calc(100% + 0.46rem);margin:-0.23rem;}
.main02 .ul .li{display:flex; flex-wrap: wrap; width:20%; padding:0.23rem;}
.main02 .ul .li .la{display:flex; flex-wrap: wrap; width:100%;position: relative; height: 100%;align-content: flex-start; text-align: center;
background: #FFFFFF;
border-radius: 0.24rem; padding:0.93rem 0.48rem 0.36rem 0.48rem;
}
.main02 .ul .li .num{ display:flex; align-items: flex-end; justify-content: center; width:100%; color:#0DB070; font-weight: 700; font-size:0.66rem; line-height:0.8rem; position: relative; z-index: 6;}
.main02 .ul .li .info{ display:flex; align-items: center; justify-content: center; text-align: center; width:100%; color:#000; font-weight:700; font-size:0.2rem; line-height:0.24rem; margin-top:0.53rem; position: relative; z-index: 6; }
.main02 .ul .li .ico{ display:flex; width:100%; line-height:0;  justify-content: center; position: absolute; left: 0; top:0.17rem; z-index: 1; }
.main02 .ul .li .ico .img1{ width:1.69rem; object-fit: contain; display:block;}
.main02 .ul .li .ico .img2{ width:0.33rem; object-fit: contain; display:none;}
.main02 .ul .li .la:hover{
box-shadow:0px 0.19rem 0.24rem rgba(8, 109, 69, 0.13);
}
.main02 .ul .li .la:hover .info{color:#0DB070; }
.main02 .ul .li .la:hover .ico{ top:0.22rem;}
.main02 .ul .li .la:hover .ico .img1{ display:none;}
.main02 .ul .li .la:hover .ico .img2{ display:block;}


@media screen and (max-width:1600px) {
.main02 .ul .li .num{ font-size:0.56rem; line-height:0.7rem; }
}
@media screen and (max-width:1024px) {
.main02 .ul{ width:calc(100% + 14px);margin:-7px;}
.main02 .ul .li{ padding:7px;}
.main02 .ul .li .la{border-radius:12px; padding:48px 12px 20px 12px;}
.main02 .ul .li .num{ font-size:28px;}
.main02 .ul .li .info{ font-size:15px; line-height:20px; margin-top:20px; }
 .main02 .ul .li .ico{top:8px; }
.main02 .ul .li .ico .img1{ width:70px; }
.main02 .ul .li .ico .img2{ width:16px;}
.main02 .ul .li .la:hover .ico{ top:14px;}
}
@media screen and (max-width:767px) {
.main02 .ul .li{ width:50%;} 
.main02 .ul .li:last-child{ width:100%;} 
}




.mian7 .img1{ position: absolute; left: 0.43rem; bottom: 0; z-index: 1; object-fit: contain; width: 6.96rem;}
.mian7 .img2{ position: absolute; right: 0; bottom: 0; z-index: 1; height: 100%; object-fit: cover;}
.mian7 .box{ padding:0.7rem 0 0.7rem 0;}
.mian7 .more{ display: flex; width: 100%; margin-top:0.6rem;}
.mian7 .more .a{ white-space: nowrap; display: flex; align-items: center; gap:0 0.22rem;
color:#fff;
font-size: 0.18rem;
font-weight: 700; line-height: 1;
}
.mian7 .more .a .i{ display: inline-flex; width: 0.32rem; height: 0.32rem; background:url(img/right-huang.svg) center no-repeat; background-size:100% 100% !important; }
.mian7 .more .a:hover{color: #0DB070;}
.mian7 .more .a:hover .i{ background:url(img/right-lv.svg) center no-repeat;}
.mian7 .tit{ width: 100%;color: #fff;font-size: 0.4rem;font-weight: 600;line-height:0.46rem;}

@media screen and (max-width:1024px) {
.mian7 .more{ margin-top:20px;}	
.mian7 .more .a{ gap:0 12px; font-size: 14px; }	
.mian7 .more .a .i{ width:24px; height:24px;}
.mian7 .tit{font-size:20px;line-height:26px;}
.mian7 .box{ padding:35px 0;}
}
@media screen and (max-width:700px) {
.mian7{ padding: 0; line-height: 0;}	
.mian7 .box{ padding:35px 15px;}
.mian7 .img2{ position: static;}
}


.h-tit{ width: 100%; line-height: 0; text-align: center;}
.h-tit img{ object-fit: contain; height: 0.68rem;}

@media screen and (max-width:1024px) {
.h-tit img{ height:30px;}
}



._list3{width: 100%; display: block; position: relative; overflow: hidden;}
._list3 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
._list3 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform;  line-height: 0;}
._list3 .box li{ width: 33.33%; text-align: center;
display: flex;
 flex-wrap: wrap;
}
._list3 .box .la{display:flex; width: 100%; height: 100%; align-items: flex-end; justify-content:center; overflow: hidden; position: relative;
}
._list3 .box .la::after{
 z-index: 1; content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0;
background: linear-gradient(180deg, rgba(8, 109, 69, 0.75) 0%, rgba(15, 211, 134, 0) 100%), url(image.png);
}
._list3 .box .la:hover::after{background: rgba(0, 0, 0, 0.39);
}
._list3 .box .cont{ display: flex; flex-wrap: wrap; width: 2.83rem; height: 2.83rem; align-content: center; justify-content: center; text-align: center; padding:0.2rem; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);
gap:0.43rem; z-index: 6;
background: rgba(255, 255, 255, 0.08);
box-shadow: 0px 0px 23.7181px rgba(255, 255, 255, 0.7);
border-radius:50%;

}
._list3 .box .info{ display: flex; flex-wrap: wrap; width: 100%; height: 100%;  align-content: space-between; justify-content: center;  text-align: center; padding:0.2rem  0.2rem; position: absolute; left:0; bottom: 0;opacity: 0;z-index: 7;
}
._list3 .box ._img{  padding-bottom:153.22%;}
._list3 .box .ico{ display:flex; width: 100%;justify-content: center;
line-height: 0;
}
._list3 .box .ico img{ width: 0.48rem;height: 0.48rem;}
._list3 .box .tit{ width: 100%; 
font-weight: 700;
font-size: 0.24rem;
line-height: 0.3rem;
color:#fff;
}
._list3 .box .tit1{ width: 100%; 
font-weight: 700;
font-size: 0.34rem;
line-height: 0.44rem;
color:#fff;
}
._list3 .box .p{ width: 100%;
color:#fff;
font-size:0.18rem;
font-weight: 400;
line-height:0.32rem; margin-top: 0.4rem;
}
._list3 .more{ display: flex; justify-content: center; width: 100%; margin-top:0.4rem;}
._list3 .more .a{ display: flex; align-items: center; justify-content: center; gap:6px; flex-direction: column;
color:#fff;
font-size: 0.18rem;
font-weight: 700; line-height: 0.33rem;
}
._list3 .more .a .i{ display: inline-flex; width: 0.32rem; height: 0.32rem; background:url(img/right-huang.svg) center no-repeat; background-size:100% 100% !important; }
._list3 .more .a:hover{color: #0DB070;}
._list3 .more .a:hover .i{ background:url(img/right-lv.svg) center no-repeat;}
._list3 .la:hover .info{opacity: 1;padding:18%  0.2rem; }
._list3 .la:hover .cont{opacity: 0;}
._list3 .swiper-prev,
._list3 .swiper-next{ cursor: pointer; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%);
 display: flex;
 flex-direction: row;
 width: 0.48rem;
 height: 0.48rem;
 background: url(img/next2.svg) center no-repeat; background-size:auto 100% !important; -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;  
 }
._list3 .swiper-prev{ left:0.6rem; transform:rotate(180deg); -ms-transform:rotate(180deg);}
._list3 .swiper-next{ right:0.6rem; }
._list3 .swiper-prev:hover,
._list3 .swiper-next:hover{background: url(img/next3.svg) center no-repeat; }

@media screen and (max-width:1600px) {
._list3 .la:hover .info{padding:10%  0.2rem; }	
._list3 .box .tit1{ 
font-size: 0.3rem;
line-height: 0.4rem;
}
._list3 .box .p{font-size:0.16rem; line-height: 0.3rem; margin-top: 0.3rem;}
._list3 .more{ margin-top: 0.3rem;}
._list3 .box .cont{  gap: 0.32rem;}
._list3 .swiper-prev{ left:0.3rem; }
._list3 .swiper-next{ right:0.3rem; }
}	
@media screen and (max-width:1024px) {
._list3 .box ._img{ padding-bottom:153.22%;}	
._list3 .box .ico img{ width:24px;height:24px;}
._list3 .box .tit{font-size:15px; line-height: 20px; }
._list3 .box .tit1{font-size:20px; line-height: 26px; }
._list3 .box .p{font-size:14px; line-height: 22px; margin-top:12px;}
._list3 .box .cont{padding: 12px; width:140px; height:140px; gap:15px; }
._list3 .box .info{ padding:12px  12px;}
._list3 .la:hover .info{padding:30px  12px; }
._list3 .more{ margin-top:20px;}	
._list3 .more .a{ font-size: 14px; line-height: 26px;}	
._list3 .more .a .i{ width:24px; height:24px;}
._list3 .swiper-prev,
._list3 .swiper-next{
 width: 24px;
 height: 24px;}
._list3 .swiper-prev{ left:10px;}
._list3 .swiper-next{ right:10px; }
}
@media screen and (max-width:700px) {
._list3 .box .p{font-size:12px; line-height:16px; margin-top:8px;}
._list3 .more{ margin-top:15px;}	
._list3 .la:hover .info{padding:20px  12px; }

}



.main08{ width: 100%;
display: flex; flex-wrap: wrap;
}
.main08__grid{display: flex; flex-wrap: wrap; margin:-0.16rem -0.2rem; width:calc(100% + 0.4rem); }
.main08__card {width: 33.33%;padding:0.16rem 0.2rem;
display: flex;
flex-wrap: wrap;
}
.main08__row{width: 100%;border-radius: 0.24rem; height: 100%; position: relative; overflow: hidden;
display: flex;
flex-wrap: wrap; align-content: flex-start;
background: #ffffff;
padding: 0.52rem 0.48rem 0.51rem 0.48rem;
}
.main08__company { position: relative; z-index: 6;
display: inline-flex;
align-items: center;
padding: 5px 16px;
gap: 8px;
border: 1px solid #EDEDED;
border-radius: 32px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #000000;
}
.main08__company .i{ display: inline-flex;
width: 6px;
height: 6px;
background: #F09715;
border-radius: 50%;
}
.main08__title { margin-top:0.3rem;position: relative; z-index: 6;
font-size: 0.24rem;
font-weight: 600;
color: #000;
line-height: 0.36rem;

}
.main08__date{position: relative; z-index: 6;
display: flex; gap: 2px;
 flex-direction: column; margin-top: 0.58rem;
}
.main08__ri {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #484848;
}
.main08__ri {
font-weight: 600;
font-size: 0.4rem;
line-height: 1;
color: #F09715;
}
.main08__nian{
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #484848;
}
.main08__row .bg{ display: inline-flex; position: absolute; right: 0; bottom: 0; height: 100%; width:100%; z-index: 1;}
.main08__ico{ display: inline-flex; position: absolute; right: 0; bottom: 0; line-height: 0; width: 2.85rem; z-index: 1;
}
.main08__ico .img1{ display: block;}
.main08__ico .img2{ display: none;}
.main08__row:hover{ background: url(img/Rectangle58.jpg) center no-repeat; background-size:100% 100%;}
.main08__row:hover .main08__ico .img1{ display: none;}
.main08__row:hover .main08__ico .img2{ display: block;}
.main08__row:hover .main08__title{ color: #fff;}
.main08__row:hover .main08__ri{ color: #fff;}
.main08__row:hover .main08__nian{ color: #fff;}
.main08__row:hover .main08__company{ color: #fff;border: 1px solid #fff;}


.main08__card:first-child{ width:66.66%;}
.main08__card:first-child .w100.z6{ padding-right: 1.47rem;}
.main08__card:first-child .main08__row{ align-content: flex-end;  padding: 0.47rem 0.65rem;}
.main08__card:first-child .main08__title{ color: #fff;}
.main08__card:first-child .main08__ri{ color: #fff;}
.main08__card:first-child .main08__nian{ color: #fff;}
.main08__card:first-child .main08__company{ color: #fff;border: 1px solid #fff;}
.main08__card:first-child .main08__date{ position: absolute; right: 0.35rem; top:0.35rem; z-index: 6; margin:0 !important;}
.main08__more{ display: flex; background:rgba(255, 255, 255, 0.18); border-radius: 50%;
width: 0.46rem; height: 0.46rem; position: absolute; right:0; top:50%; z-index: 10;
}
.main08__more::after{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); content: ''; display: inline-flex; width: 0.32rem; height: 0.32rem; background:url(img/right-huang.svg) center no-repeat; background-size:100% 100% !important; }
.main08__row:hover .main08__more::after{ background:url(img/right-lv.svg) center no-repeat;}


@media (max-width:1024px) {
.main08__grid{ margin:-7px -7px; width:calc(100% + 14px); }
.main08__card {width: 33.33%;padding:7px 7px;
}
.main08__row{border-radius:12px;
padding:20px 14px 20px 14px;
}	
.main08__title{ font-size: 15px; line-height: 20px; margin-top: 12px;}
.main08__company{padding:3px 14px 5px 14px;
  gap: 6px;}
.main08__date{ margin-top: 15px;}
.main08__ri{ font-size: 22px;}
.main08__more{ width:34px; height:34px;}
.main08__more::after{ width:24px; height:24px;}

.main08__card:first-child .w100.z6{ padding-right:44px;}
.main08__card:first-child .main08__row{  padding:20px 15px;}
.main08__card:first-child .main08__date{right:15px; top:16px; }
}
@media (max-width:700px) {
.main08__card {width: 50%;}
.main08__card:first-child{ width:100%;}
.main08__card:first-child .main08__row{aspect-ratio: 100 / 50;}
}


.page_box{display: flex; align-items:center; justify-content: space-between; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.4);  padding:40px 0;}
.page_box .la{display: flex; flex-wrap: wrap; gap:8px; width:calc(100% - 140px);}
.page_box .la a{ width: 100%; color: #fff; font-size:calc(14px + 0.02rem); line-height:26px; display:block; overflow: hidden;white-space: nowrap; text-overflow:ellipsis;}
.page_box .la a font{ margin-right:10px; white-space: nowrap;}
.page_box .la a:hover span{text-decoration: underline;}
.page_box .btn{ display:inline-flex; justify-content: center; align-items: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1;
height: 39px; padding:0 30px 1px 30px; position: relative; overflow: hidden;
border-radius: 39px; 
background-image: 
radial-gradient(
ellipse at 70% 30%,
rgba(255, 255, 255, 0.8) 0%,
rgba(255, 255, 255, 0.3) 30%,
rgba(255, 255, 255, 0.08) 60%,
transparent 100%
),
linear-gradient(
135deg,
rgba(249, 249, 249, 0.25) 0%,
rgba(249, 249, 249, 0.1) 100%
);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: 
inset 0 -20px 30px -8px rgba(0, 0, 0, 0.1),
3px 0 12px -2px rgba(255, 0, 0, 0.06),
-3px 0 12px -2px rgba(0, 0, 255, 0.06),
0 2px 12px -2px rgba(0, 255, 0, 0.04),
inset 0 0 40px rgba(255, 255, 255, 0.05),
0 20px 40px -15px rgba(0, 0, 0, 0.15);
background-image: 
		radial-gradient(
			ellipse at 50% 50%,
			rgba(255, 255, 255, 0.12) 0%,
			rgba(255, 255, 255, 0.04) 30%,
			transparent 70%
		),
		radial-gradient(
			ellipse at 70% 30%,
			rgba(255, 255, 255, 0.8) 0%,
			rgba(255, 255, 255, 0.3) 30%,
			rgba(255, 255, 255, 0.08) 60%,
			transparent 100%
		),
		rgba(249, 249, 249, 0.2);
}
.page_box .btn::before {
    content: '';
    position: absolute;
    top: -20%;
    right: -10%;
    width: 70%;
    height: 70%;
    background: radial-gradient(
        ellipse at 65% 30%,
        rgba(255, 255, 255, 0.35) 0%,
        rgba(255, 255, 255, 0.08) 30%,
        transparent 70%
    );
    pointer-events: none;
    z-index: 1;
    transform: rotate(0deg);
}
.page_box .btn::after {
    content: '';
    position: absolute;
    inset: 4px;
    border-radius: 14px;
    background: radial-gradient(
        ellipse at 40% 60%,
        rgba(255, 255, 255, 0.08) 0%,
        rgba(255, 255, 255, 0.02) 30%,
        transparent 70%
    );
    pointer-events: none;
    z-index: 1;
}

.page_box .btn:hover{
background: rgba(13, 176, 112, 1) !important;
border: 1px solid rgba(13, 176, 112, 1);
}


@media screen and (max-width:700px) {
.page_box .la{ width:100%; gap:0;}
.page_box{ flex-wrap: wrap;padding:25px 0 30px 0; justify-content: center; gap:10px 0;}
}


.inbaner1{width:100%; position: relative; line-height:0; overflow: hidden; }
.inbaner1::after{ content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0; 
top: 0;clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%); 
background:url(img/bg.png) left bottom no-repeat; background-size: 100% 100%;
}
.inbaner1 .bg{ position: absolute;
width: 100%;
height: 100%;
left: 0; 
top: 0;}
.inbaner1 .max-width{width:100%; display: flex; flex-wrap: wrap; align-content: space-between; min-height: calc(100vh - 1.19rem);}
.inbaner1 .mbx{ padding:35px 0 6px 0;}
.inbaner1 .tit64{ width:58%;}
.inbaner1 .box{ padding:35px 0;}
.inbaner1 .info{ display:block; width:60%;  margin-top:0.48rem; padding-right: 10px;  scrollbar-width: thin;
font-weight: 400;
font-size: 0.2rem;
line-height: 0.36rem; max-height: 2.88rem; overflow-y: auto;
color: #FFFFFF;
}
.inbaner1 .div img{width:100%;}

@media screen and (max-width:1024px) {
.inbaner1 .max-width{ min-height: calc(100vh - 50px);}
.inbaner1 .box{ padding:25px 0;}
.inbaner1 .info{  margin-top:15px;width:calc(100% + 10px); margin-right: -10px;
font-size:15px;
line-height:26px;max-height:260px;
}
.inbaner1 .tit64{ width:100%;}
.inbaner1 .mbx{ padding:25px 0 6px 0;}
.inbaner1 .mbx{ display: block;}
}

/* inbaner */
.inbaner-1{min-height: calc(100vh - 1.19rem);}
.inbaner-2 .bg{ position: absolute;
width: 100%;
height: 100%; z-index: 1;
left: 0; 
top: 0;}
.pord-box::before{
position: absolute; content: '';
width: 100%;
height: 100%;
left: 0px;
top:0; z-index: 2;
background: rgba(0, 0, 0, 0.2);
}
.inbaner{width:100%; position: relative; line-height:0; overflow: hidden;}
.inbaner::after{ content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;  z-index: 3;
top: 0;clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%); 
background:url(img/bg.png) left bottom no-repeat; background-size: 100% 100%;
}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.slidebox1{ width:100%; position: absolute; left:0; bottom:0.55rem; z-index: 6;}
.slidebox1 .tit64{ margin-top: 10px;}

@media screen and (max-width:1024px) {
.inbaner-1{min-height:55vh;}
}


.pord-sect{ width:calc(100% + 1rem); margin:0 -0.5rem; display: flex; flex-wrap: wrap;}
.pord-sect .l2{ width:33.33%; padding:1rem 0.5rem; display: flex; flex-wrap: wrap; align-content: flex-start;min-height: calc(100vh - 1.19rem); border-right: 1px solid rgba(255, 255, 255, 0.3);}
.pord-sect .a2{ 
width: 100%;
font-weight: 700;
font-size: 0.24rem;
line-height: 0.29rem;
color: #FFFFFF;
text-align: center;
}
.pord-sect .ul{ margin-top: 0.06rem;
width: 100%; display: flex; flex-wrap: wrap;
}
.pord-sect .li{  margin-top: 0.12rem;
width: 100%; display: flex; flex-wrap: wrap;

}
.pord-sect .li a{ 
width: 100%;text-align: center;
display: flex; flex-wrap: wrap; justify-content:center;
padding:0.1rem 0.08rem;
background: rgba(249, 249, 249, 0.2);
box-shadow: 0px 0px 6.6px rgba(255, 255, 255, 0.28) inset;
border-radius: 4px;
font-weight: 400;
font-size: 0.16rem;
line-height:0.22rem;
color: #FFFFFF; border: 1px solid rgba(255, 255, 255, 0.6) ;
  backdrop-filter: blur(6px);
}
.pord-sect .li a:hover{background: #0DB070; border: 1px solid #0DB070 ;}

@media screen and (max-width:1600px) {
.pord-sect{ width:calc(100% + 0.7rem); margin:0 -0.35rem; }
.pord-sect .l2{ padding:0.8rem 0.35rem;}
}
@media screen and (max-width:1024px) {
.pord-sect{ width:calc(100% + 30px); margin:0 -15px; }
.pord-sect .l2{ width: 100%; padding:25px 15px 30px 15px; min-height: initial; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.pord-sect .a2{ font-size: 16px; line-height: 22px;}
.pord-sect .ul{grid-template-columns: repeat(3, 1fr); gap:10px; margin-top:14px; display: grid;}
.pord-sect .li{width:100%; margin-top:0;}
.pord-sect .li a{ font-size: 14px; line-height: 20px; padding:5px;}
}
@media screen and (max-width:700px) {
.pord-sect .ul{grid-template-columns: repeat(2, 1fr);}
}


.pord-sect1{ width:100%; display: grid;grid-template-columns: repeat(3, 1fr); gap: 0.32rem; }
.pord-sect1 .bg::after{ content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0; z-index: 1;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}
.pord-sect1 .l2{ width:100%;display: flex; flex-wrap: wrap; overflow: hidden; position: relative; align-content: space-between;}
.pord-sect1 .right{ grid-column: span 2;}
.pord-sect1 .l3{ width:100%;display: flex; flex-wrap: wrap; overflow: hidden; position: relative; align-content: space-between;}
.pord-sect1 .left ._img{ padding-bottom: 170.7%;}
.pord-sect1 .top ._img{ padding-bottom: 39.9%;}
.pord-sect1 .down ._img{ padding-bottom: 82.38%;}
.pord-sect1 .down{ display: grid; gap: 0.32rem;grid-template-columns: repeat(2, 1fr);}
.pord-sect1 .sect{position: absolute; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;
width: 100%;
height: 100%;
left: 0; z-index: 6; padding:0.3rem;
top: 0;}
.pord-sect1 .cont{width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.pord-sect1 .ico{width:0.54rem; height:0.54rem; object-fit: contain;}
.pord-sect1 .a2{  margin-top:0.14rem;
width: 100%;
font-weight: 700;
font-size: 0.24rem;
line-height: 0.29rem;
color: #FFFFFF;
text-align: center;
}
.pord-sect1 .ul{ 
 display: none; flex-direction: column; max-width: 100%;
}
.pord-sect1 .bg:hover .cont{margin-bottom: 0.22rem;}
.pord-sect1 .bg:hover .ul{ display: flex;}
.pord-sect1 .li{ /* margin-top: 0.1rem;  min-width:240px; */
width: 100%; display: flex; flex-wrap: wrap; justify-content: center;

}
.pord-sect1 .li a{ 
text-align: center;  width:100%;
display: flex; flex-wrap: wrap; justify-content:center;
border-radius: 4px;
font-weight: 400;
font-size: 0.18rem;
line-height:0.28rem;
color: #FFFFFF; padding:0 0.16rem;
/* border: 1px solid rgba(255, 255, 255, 0.6) ;
  backdrop-filter: blur(6px);
  background: rgba(249, 249, 249, 0.2);
  box-shadow: 0px 0px 6.6px rgba(255, 255, 255, 0.28) inset; */
}
.pord-sect1 .li a:hover{/*  border: 1px solid #0DB070 ;*/ background:rgba(0,0,0,0.4); color: #0DB070; }




@media screen and (max-width:1024px) {
.pord-sect1{  gap:14px;}	
.pord-sect1 .a2{ font-size: 16px; line-height: 22px; margin-top:8px;}
.pord-sect1 .li{/* margin-top: 6px; min-width:210px;  */}
.pord-sect1 .li a{ font-size: 14px; line-height: 22px; padding:0 14px;}
.pord-sect1 .ico{width:34px; height:34px;}
.pord-sect1 .down{ gap:14px;}
.pord-sect1 .bg:hover .cont{margin-bottom:10px;}
.pord-sect1 .ul{ display: flex;}
.pord-sect1 .cont{margin-bottom:10px}
}
@media screen and (max-width:700px) {
.pord-sect1{ grid-template-columns: repeat(1, 1fr); }
.pord-sect1 .right{ gap:14px; grid-column: span 1;}
.pord-sect1 .down{grid-template-columns: repeat(1, 1fr);}
.pord-sect1 .left ._img{ padding-bottom: 82.38%;}
.pord-sect1 .top ._img{ padding-bottom: 82.38%;}
.pord-sect1 .down ._img{ padding-bottom: 82.38%;}
}


.mbx{ display: block; color: #fff;font-size:16px; line-height:24px;}
.mbx a{ color: #fff;}
.mbx i{ padding:0 8px;}
.mbx a:hover{ text-decoration: underline;}
.mbx1{ display: block; color:#2F3D4D;font-size:16px; line-height:24px;}
.mbx1 a{ color: #2F3D4D;}
.mbx1 i{ padding:0 8px;}
.mbx1 a:hover{ text-decoration: underline;color: #0DB070;}

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




.main07{ width: 100%;
display: flex; flex-wrap: wrap; gap: 0.32rem 0;
}
.main07__grid{display: flex; flex-wrap: wrap; width: 100%;}
.main07__card {width: 100%;padding:0.52rem 0.52rem;
display: flex; flex-wrap: wrap; position: relative; overflow: hidden;  justify-content: space-between;
}
.main07__row{width: 100%;border-radius: 0.24rem; height: 100%; position: relative;
display: flex;
background: #ffffff; overflow: hidden;
}
.main07__company { position: relative; z-index: 6;
display: inline-flex;
align-items: center;
padding: 5px 16px;
gap: 8px;
border: 1px solid #EDEDED;
border-radius:32px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #000000;
}
.main07__company .i{ display: inline-flex;
width: 6px;
height: 6px;
background: #F09715;
border-radius: 50%;
}
.main07__title { margin-top:0.3rem;position: relative; z-index: 6;
font-size: 0.24rem;
font-weight: 600;
color: #000;
line-height: 0.36rem;

}
.main07__date{position: relative; z-index: 6;
display: flex; gap: 2px;
 flex-direction: column; margin-top: 0.3rem;
}
.main07__ri {
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #484848;
}
.main07__ri {
font-weight: 600;
font-size: 0.4rem;
line-height: 1;
color: #0DB070;
}
.main07__nian{
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #484848;
}
.main07__ico{ display: inline-flex; position: absolute; right: 0; bottom: 0; line-height: 0; width: 2.85rem; z-index: 1;
}
.main07__ico .img1{ display: block;}
.main07__ico .img2{ display: none;}
.main07__pic{ min-width: 5.88rem;width: 5.88rem;}
.main07__pic ._img{  padding-bottom: 66.83%;}

.main07__row:hover .main07__ico .img1{ display: none;}
.main07__row:hover .main07__ico .img2{ display: block;}
.main07__row:hover .main07__title{ color:#0DB070;}




@media (max-width:1024px) {

.main07__row{border-radius:12px;
}	
.main07__card{padding:20px 14px 20px 14px;}
.main07__title{ font-size: 15px; line-height: 20px; margin-top: 12px;}
.main07__company{padding:3px 14px 5px 14px;
  gap: 6px;}
.main07__date{ margin-top: 15px;}
.main07__ri{ font-size: 22px;}

}
@media (max-width:700px) {
.main07__row{ flex-wrap: wrap;}	
.main07__pic{ min-width:100%;width:100%;}

}



.main06{ width: 100%;
display: grid; gap: 0.34rem;grid-template-columns: repeat(2, 1fr);
}
.main06__grid{display: flex; flex-wrap: wrap; width: 100%;}
.main06__card {width: 100%;
display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between;
}
.main06__row{width: 100%;border-radius: 0.24rem; height: 100%; position: relative;
display: flex;border: 1px solid #F9F9F9;
background:#F9F9F9; overflow: hidden;padding:0.64rem 0.64rem; gap: 0.48rem;
}
.main06__title { position: relative; z-index: 6;
font-size: 0.24rem;
font-weight: 700;
color: #000;
line-height: 0.3rem;

}
.main06__VIEW { position: relative; z-index: 6;
font-size:calc(14px + 0.02rem);
font-weight: 400;
color: #fff;
line-height: 1.2;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 150px;
height: 46px;
background: #0DB070;
border-radius: 4px;
}
.main06__VIEW:hover{background: #fff;color: #0DB070;  box-shadow: 0px 14px 14.7px 6px rgba(0, 0, 0, 0.06);}
.main06__ico{ display: inline-flex; position: absolute; left: 0; bottom: 0; line-height: 0; width:4.01rem; z-index: 1;
}
.main06__pic{ min-width:3.25rem;width: 3.25rem;}
.main06__pic ._img{  padding-bottom: 129.53%;}

.main06__row:hover{
border: 1px solid rgba(13, 176, 112, 1);
box-shadow: 0px 15px 38px rgba(47, 89, 73, 0.1);
}
.main06__row:hover .main06__title{ color:#0DB070;}




@media (max-width:1024px) {
.main06{ gap:18px;
}
.main06__row{border-radius:12px;padding:18px;gap:18px;
}	
.main06__title{ font-size: 15px; line-height: 20px;}
.main06__VIEW {
font-size:14px;
width: 80px;
height: 34px;
}

}
@media (max-width:700px) {
.main06{ grid-template-columns: repeat(1, 1fr);
}
.main06__pic{ min-width:140px;width:140px;}

}



.main05{ width: 100%; padding:0.6rem 0;
display: flex; flex-wrap: wrap; 
}
.main05__grid{width: 100%; padding:0.8rem 0;border-bottom: 1px solid #E6E6E6; gap:0.8rem;
display: flex;  justify-content: space-between;
}
.main05__grid:last-child{border-bottom: 0;}
.main05__card{  width: 100%;}
.main05__title {  width: 100%; margin-top: 0.6rem;
font-size: 0.32rem;
font-weight: 700;
color:#2F3D4D;
line-height: 0.39rem;

}
.main05__addr {  width: 100%; margin-top: 0.24rem;
font-size: 0.18rem;
font-weight: 400;
color:#2F3D4D;
line-height: 0.32rem;

}
.main05__pic{ min-width:6rem;width:6rem;}
.main05__pic ._img{  padding-bottom: 62.83%; border-radius:0.24rem;}


.main05__grid:hover .main05__title{ color:#0DB070;}




@media (max-width:1024px) {
.main05{ padding:10px 0;
}
.main05__grid{ padding:20px 0; gap:20px;}
.main05__pic ._img{border-radius:12px;
}	
.main05__title{ font-size: 16px; line-height: 24px; margin-top:0;}
.main05__addr{ font-size: 14px; line-height: 24px;}

}
@media (max-width:700px) {
.main05__grid{ flex-wrap: wrap;}
.main05__pic{ min-width:100%;width:100%; margin-bottom: 5px;}

}

.main01{ display:flex; flex-wrap: wrap; justify-content: space-between; width: 100%; gap:20px 0; margin-top:0.56rem;}
.main01 .li{display:flex; flex-wrap: wrap; align-items: center; width:100%; gap:0.2rem; }
.main01 .li .num{ display:inline-flex; align-items: flex-end; color:#0DB070; font-weight: 700; font-size:0.66rem; line-height:0.8rem;}
.main01 .li .info{ display:inline-flex; color:#000; font-weight:400; font-size:0.2rem; line-height:0.24rem; }



@media screen and (max-width:1600px) {
.main01 .li .num{ font-size:0.56rem; line-height:0.7rem; }
}
@media screen and (max-width:1024px) {
.main01{ gap:20px 0; margin-top:25px;}
.main01 .li{ gap:14px; }	
.main01 .li .num{ font-size:28px;}
.main01 .li .info{ font-size:15px; line-height:20px;  }

}


.Contact{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between;}
.Contact .left{ display: flex; flex-wrap: wrap; width: 31.7%; margin:0 0 30px 0;}
.Contact .right{ display: flex; flex-wrap: wrap; width: 66.0625%;}
.map1{ display: flex; flex-wrap: wrap; width: 100%; line-height: 0;}

@media screen and (max-width:700px) {
.Contact .left{ width:100%;} 
.Contact .right{ width:100%;} 
}




._form3{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; margin-top:0.3rem; }
._form3 .lab{ width:32.79%; position:relative; align-items: flex-start; display: flex; margin-top:0.2rem; 
background: #FFFFFF;
border: 1px solid #E4E4E4;
border-radius: 4px; padding:0 16px;
}
._form3 .lab:hover{ border:1px solid  #0DB070;}
._form3 .w67{width:66.395%; justify-content: space-between; align-items: center; display: flex; margin-top:0.2rem; }
._form3 .w100{ width:100% !important;}
._form3 .name{ display:inline-flex; white-space: nowrap; color:#A7A7A7; font-size:calc(14px + 0.02rem); line-height:42px; margin-right: 2px; }
._form3 .name span{ color: #0DB070;}
._form3 .text{ cursor: pointer; width:100%; border:0; background:none; font-size:calc(14px + 0.02rem);color: #000; line-height:32px; height:42px; padding:5px  0; border-radius: 0;}
._form3 .textarea{ cursor: pointer; width:100%; border:0; background:none; font-size:calc(14px + 0.02rem);color: #000; line-height:32px; height:104px; padding:5px 0; border-radius: 0;}
._form3 .yanzhengma{ cursor: pointer; position: absolute; right:0; top:0; height:42px; object-fit: contain; z-index:6;width:88px;}
._form3 .submit{display: inline-flex; align-items: center; justify-content: center; font-size:calc(14px + 0.02rem); color: #fff; height:44px; padding:0 0.48rem 1px 0.48rem; background:#0DB070; font-weight: 400; border-radius:4px;}
._form3 .submit:hover{ background:#fff;color: #0DB070;}
._form3 .submit img{ display: flex;  min-width:18px;height:18px; margin-left:8px;}
._form3 .reset{ display: inline-flex; font-size:14px; color: #fff; line-height:42px;}

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


@media screen and (max-width:1024px) {
._form3{ margin-top:10px; }	
._form3 .lab{ width:100%; margin-top:14px; }
._form3 .submit{ padding:0 24px 1px 24px; }
._form3 .w67{width:100%; margin-top:14px; }
}
@media screen and (max-width:767px) {

}

.Contact1{
width: 100%;
background: rgba(249, 249, 249, 0.2); border: 1px solid  rgba(249, 249, 249, 0.5);
border-radius: 0px; padding:0.5rem 24px;
}
@media screen and (max-width:1024px) {
.Contact1{ padding:30px 15px; }

}


/* 分页 */
.wack1 {width: 100%;}
.wack1 .fy_pc {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.wack1 .fy_pc .First,
.wack1 .fy_pc .Last,
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next { margin:0 7px;
	height: 36px;
font-weight: 400;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #343A40;
display: flex;
justify-content: center;
align-items: center;
padding: 0 24px;
background: #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 6px;
}
.wack1 .fy_pc .First:hover,
.wack1 .fy_pc .Last:hover,
.wack1 .fy_pc .prev:hover,
.wack1 .fy_pc .next:hover{background: #0DB070;
border: 1px solid #0DB070;color: #fff;}
.wack1 .fy_pc span {
	 margin:0 5px;font-weight: 400;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #343A40;
}


@media screen and (max-width:1024px) {
.wack1 .fy_pc .First,
.wack1 .fy_pc .Last,
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next { margin:0 5px;
	height: 34px;
font-size: 13px;
padding: 0 14px;
}	
}


.p_list{ display:grid; width: 100%;grid-template-columns: repeat(5, 1fr); gap:0.4rem;}
.p_list .p_loopitem{ display: flex; flex-wrap: wrap; width: 100%;}  
.p_list .p_item{ display: flex; flex-wrap: wrap; width: 100%;
background: #E6D2B4; padding:14px;
box-shadow:0px 10.2575px 8.12712px rgba(0, 0, 0, 0.05);
 cursor: pointer;
}  
.p_list .e_image{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; line-height: 0;
box-shadow: 0px 10.4575px 8.28558px rgba(0, 0, 0, 0.05);aspect-ratio: 100 / 141.31;
}  
.p_list .e_image img{ width: 100%; height: 100%; object-fit: contain;}


@media screen and (max-width:1024px) {
.p_list{grid-template-columns: repeat(5, 1fr); gap:14px;}
.p_list .p_item{  padding:7px;
}  
}
@media screen and (max-width:700px) {
.p_list{grid-template-columns: repeat(3, 1fr);}
}

.productBox{ overflow: hidden;}
.produc1{ display:block; width: 100%; position: relative; padding:0 1.65rem;}
.produc1 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.produc1 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0; padding:0 0.65rem;}
.produc1  .e_image-2{ display:flex; align-items: center; justify-content:center; width: 100%;aspect-ratio: 100 / 55.26;cursor: pointer;}
.produc1  .e_image-2 img{ width: 100%; height: 100%; object-fit: cover;}
.produc1 .swiper-prev,
.produc1 .swiper-next{ cursor: pointer; z-index: 6;
 display: flex; position: absolute; top:50%; margin-top: -0.25rem;
 width: 0.5rem;
 height: 0.5rem;
 border: 1px solid #0DB070;
 border-radius: 50%;
 background: url(img/Left-huang.svg) center no-repeat rgba(255,255,255,0.8); background-size:auto 0.32rem !important; -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;  
 }
.produc1 .swiper-prev{ left: 1.4rem; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.produc1 .swiper-next{ right:1.4rem;}
.produc1 .swiper-prev:hover,
.produc1 .swiper-next:hover{background: url(img/Left-bai.svg) center no-repeat #0DB070; }



@media screen and (max-width:1024px) {
.produc1{ padding:0 53px;}	
.produc1 .swiper-slide { padding:0 7px;}
.produc1 .swiper-prev,
.produc1 .swiper-next{  margin-top: -15px;
 width: 30px;
 height:30px; background-size:auto 20px !important; 
 }
.produc1 .swiper-prev{ left:0; }
.produc1 .swiper-next{ right:0;}
}
@media screen and (max-width:700px) {
.produc1{ padding:0 15px;}	
}


.Patent-img1{ width: 11.29rem; object-fit: contain; position: absolute; right: 0; bottom: 0; z-index: 1;}
.Patent-img2{ width: 10.34rem; object-fit: contain; position: absolute; left: 0; top: 0; z-index: 1;}

.home_scale{display:block; width: 105%; margin-left:-2.5%; margin-right: -2.5%; position: relative; overflow: hidden; }
.home_scale .s_layout{ display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: center;aspect-ratio: 100 / 151.46; margin-bottom: 22px;}
.home_scale .p_item{ display: flex; flex-wrap: wrap; width: 75.4%;
background: #E6D2B4; padding:0.18rem;
-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; 
box-shadow:0px 13px 10.3px rgba(0, 0, 0, 0.05);
}  
.home_scale .swiper-slide-active .p_item{ width:108.8%;  margin:0 -4.4%;}
.home_scale .swiper-slide-prev .s_layout{ transform:translateX(-8.4%); -ms-transform:translateX(-8.4%);}
.home_scale .swiper-slide-next .s_layout{ transform:translateX(8.4%); -ms-transform:translateX(8.4%);}
.home_scale .info{ display: none; text-align: center; align-items:center; justify-content:center;  width: 130%; margin:0 0 0 -15%;
font-weight: 400;
font-size: calc(0.16rem);
line-height: 0.25rem; min-height:0.5rem;
color: #000000;
}
.home_scale .swiper-slide-active .info{ display: flex;}
.home_scale .e_image-9{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; line-height: 0;
box-shadow: 0px 13.2535px 10.5008px rgba(0, 0, 0, 0.05);
aspect-ratio: 100 / 141.46;
}  
.home_scale .e_image-9 img{ width: 100%; height: 100%; object-fit: contain;}
.home_scale .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.home_scale .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0; }
.home_scale .swiper-prev,
.home_scale .swiper-next{ cursor: pointer; z-index: 6;
 display: flex; position: absolute; bottom:1px; 
 width: 0.5rem;
 height: 0.5rem;
 border: 1px solid #0DB070;
 border-radius: 50%;
 background: url(img/Left-huang.svg) center no-repeat rgba(255,255,255,0.8); background-size:auto 0.32rem !important; -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;  
 }
.home_scale .swiper-prev{ left:33.6%; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.home_scale .swiper-next{ right:33.6%;}
.home_scale .swiper-prev:hover,
.home_scale .swiper-next:hover{background: url(img/Left-bai.svg) center no-repeat #0DB070; }


@media screen and (max-width:1600px) {
.home_scale .info{  width: 140%; margin:calc(23px + 0.1rem) 0 0.1rem -20%;
}
.home_scale .swiper-prev{ left:31.6%;}
.home_scale .swiper-next{ right:31.6%;}
}
@media screen and (max-width:1024px) {
.home_scale .swiper-slide-prev .s_layout{ transform:translateX(-5.4%); -ms-transform:translateX(-5.4%);}
.home_scale .swiper-slide-next .s_layout{ transform:translateX(5.4%); -ms-transform:translateX(5.4%);}
.home_scale .info{ font-size:15px; line-height:20px; min-height:40px; width: 220%; margin:0 0 0 -60%;
}
.home_scale .p_item{ padding:7px;}
.home_scale .swiper-prev,
.home_scale .swiper-next{
 width: 30px;
 height:30px; background-size:auto 20px !important; bottom:5px;
 }
.home_scale .swiper-prev{ left:10px; }
.home_scale .swiper-next{ right:10px;}
}
@media screen and (max-width:700px) {

}




.p_list1{ display:grid; width: 100%;grid-template-columns: repeat(2, 1fr); gap:0.4rem;}
.p_list1 .p_loopitem{ display: flex; flex-wrap: wrap; width: 100%;}  
.p_list1 .p_item{ display: flex; flex-wrap: wrap; width: 100%;
background: #FBFBFB;
border-radius: 0.24rem;cursor: pointer;
 transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;
}  
.p_list1 .e_image{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; line-height: 0;
box-shadow: 0px 13px 10.3px rgba(0, 0, 0, 0.05);
border-radius:0.24rem; overflow: hidden;
aspect-ratio: 100 / 57.69;
}  
.p_list1 .e_image img{ width: 100%; height: 100%; object-fit: cover;}
.p_list1 .info{
width: 100%; text-align: center;
font-weight: 400;
font-size: 0.2rem;
line-height: 0.32rem;
color: #2F3D4D; margin:0.34rem 0; padding:0 0.24rem;
}
.p_list1 .p_item:hover{
	  background: url(img/Rectangle111.jpg) center no-repeat;  background-size: 100% 100% !important;
}
.p_list1 .p_item:hover .info{
color: #fff; 

}


@media screen and (max-width:1024px) {
.p_list1{ gap:14px;}
.p_list1 .p_item{ border-radius:12px;
}  
.p_list1 .e_image{border-radius:12px;}
.p_list1 .info{
font-size:15px;
line-height:26px; margin:15px 0; padding:0 12px;
}
}
@media screen and (max-width:700px) {
.p_list1{grid-template-columns: repeat(2, 1fr);}
}



.Factory-info{display: block; width: 100%; margin-top: 7px;font-weight: 700;
font-size: 0.28rem;
line-height: 0.33rem;
color: #000000; }
.Factory-text{display: block; width: 86.68%; margin:0.5rem 0 0.64rem 0;
font-weight: 400;
font-size: 0.2rem;
line-height: 0.36rem;
color: #000000;
}

@media screen and (max-width:1440px) {
 .Factory-text{width: 100%; }
}
@media screen and (max-width:1024px) {
.Factory-info{
font-size:18px;
line-height:26px; 
}
.Factory-text{
font-size:15px;
line-height:26px; margin:15px 0 25px 0; 
}
}

.Global-tit{ display: flex; flex-wrap: wrap; width: 100%; justify-content: center; margin-top: 20px; gap:0.4rem;}
.Global-tit .li{display: inline-flex; align-items: center; gap:8px;
font-weight: 400;
font-size: 0.2rem;
line-height: 0.32rem;
color: #000000;
}
.Global-tit .li i{display: inline-flex;
width: 10px;
height: 10px;
background: #F09715;
 border-radius: 50%;
}
@media screen and (max-width:1024px) {
.Global-tit{ gap:5px 20px;}
.Global-tit .li{
font-size: 15px;
line-height: 26px;
}
}
@media screen and (max-width:700px) {
.Global-tit .li{ width:40%;
}
}

.Partners{display: block; width: 100%; margin-top:20px;font-weight: 400; text-align: center;
font-size: 0.2rem;
line-height: 0.32rem;
color: #2F3D4D; }
@media screen and (max-width:1024px) {
.Partners{
font-size:15px;
line-height:26px; margin-top: 15px; text-align: left;
}
.Partners br{ display: none;}
}

.Company1{display: block; width: 100%; margin-top:20px;font-weight: 400; padding:0 8%;
font-size: 0.2rem;
line-height: 0.34rem;
color: #000; }

@media screen and (max-width:1600px) {
.Company1{ padding:0 4%;line-height: 0.32rem;}
}	
@media screen and (max-width:1024px) {
.Company1{padding:0;
font-size:15px;
line-height:26px; margin-top: 15px; text-align: left;
}

}

.mainBox{background: linear-gradient(179.74deg, #ECFAF5 0.23%, #FFFFFF 50.08%);}
.list10{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; }
.list10 .ul{ display: flex;width: 100%; }
.list10 .ul .li{ min-width:186px;width:186px; display: flex; flex-wrap: wrap; margin:0 12px;}
.list10 .ul .li .a{ display: flex; width: 100%; border-radius: 0; overflow: hidden; position:relative;}
.list10 .ul .li ._img{ padding-bottom:50%;}
.list10 .ul .li ._img img{ filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.list10 .ul .li .a:hover ._img img{ filter: grayscale(0%); -webkit-filter: grayscale(0%); transform: scale(1); -ms-transform: scale(1);}
.list10 .ph{ display: none;}

@media screen and (max-width:1024px) {
.list10 .ul .li{ min-width:120px; width:120px; margin:0 7px;}	

}
@media screen and (max-width:700px) {
.list10 .pc{ display: none;}
.list10 .ph{ display: flex;}
.list10 .seamless-scroll-wrapper .div{display: flex; flex-wrap: wrap; gap:10px 0;}
}


.shipin2{ display: block; width: 100%; position: relative; line-height: 0; overflow: hidden;}
.shipin2 ._img{ padding-bottom: 35.57%;}
.shipin2 .pc{ display: block;}
.shipin2 .ph{ display: none;}
.shipin2 .paly{display: flex; justify-content:center; align-items: center; position: absolute; left:50%; bottom:27.23%; transform: translate(-50%,0); -ms-transform: translate(-50%,0); z-index: 10; cursor: pointer; 
display: flex;
align-items: center;
padding: 12px 10px 12px 24px;
gap: 12px;
background: #FFFFFF;
border-radius: 60px;
font-weight: 700;
font-size: 0.2rem;
line-height: 1.2;
color: #2F3D4D;
}
.shipin2 .paly img{ width:32px; height: 32px; }
.shipin2 .pause{display:none; justify-content:center; align-items: center; position: absolute; left:50%; bottom:50%; transform: translate(-50%,50%); -ms-transform: translate(-50%,50%); z-index: 10; cursor: pointer; }
.shipin2 .pause img{ width:32px; height:32px; }
.shipin2 .paly.Active{ display:none;}
.shipin2 .pause.Active{ display:flex;}
.shipin2 ._img.Active{ opacity: 0;}
.shipin2 .video{ position: absolute; left:0; top: 0;width:100%;height:100%; z-index:-1; object-fit: cover;}
.shipin2.Active .video{ z-index:6;}


@media screen and (max-width:1024px) {
.shipin2 .paly{padding: 6px 5px 6px 14px;font-size:13px;
gap:6px;}	
.shipin2 .paly img{ width:24px; height: 24px;}
.shipin2 .pause img{ width:24px; height: 24px;}
.shipin2 ._img{ padding-bottom: 63.33%;}
.shipin2 .pc{ display: none;}
.shipin2 .ph{ display: block;}
}

.Culture0{display: flex; justify-content: center; width: 100%; margin-bottom:11px;}
.Culture0 img{ height: 1.04rem; object-fit: contain;}
.Culture1{display: block; width: 100%; margin-top:12px;font-weight: 400; text-align: center;
font-size: 0.2rem;
line-height: 0.4rem;
color: #2F3D4D; }
@media screen and (max-width:1024px) {
.Culture0 img{ height:52px; }	
.Culture1{
font-size:14px;
line-height:26px; }
}


.Culture2{display:grid; width: 100%; margin-top:22px; text-align: center;grid-template-columns: repeat(5, 1fr); gap: 0.4rem;}
.Culture2 .li{display:flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; width: 100%; }
.Culture2 .li .tit{display:flex; flex-wrap: wrap; justify-content: center;  align-items: center; border-radius: 50%;
width: 1.4rem;
height: 1.4rem; padding:0.2rem;
box-shadow: 0px 14px 14.7px 6px rgba(0, 0, 0, 0.06);
font-weight: 800;
font-size: 0.2rem;
line-height: 0.28rem;
text-align: center;
letter-spacing: -0.02em;
color: #FFFFFF;
}
.Culture2 .li .info{display:block; width: 100%; margin-top: 0.32rem;
font-weight: 400;
font-size: 0.18rem;
line-height: 0.24rem;
color: #2F3D4D;
 }
.Culture2 .li:nth-child(5n+1){ margin-top: -0.98rem;}
.Culture2 .li:nth-child(5n+5){ margin-top: -0.98rem;}
.Culture2 .li:nth-child(5n+3){ margin-top: 1.46rem;}

@media screen and (max-width:1024px) {
.Culture2{ margin:22px -7px 0 -7px; width: calc(100% + 14px); display: flex; flex-wrap: wrap; gap:16px 0; justify-content: center;}	
.Culture2 .li{ width:33.33%; padding:0 7px; margin-top:20px !important;}
.Culture2 .li .info{ margin-top:14px;
font-size:14px;
line-height:20px; }
.Culture2 .li .tit{ padding:10px;
width:100px;
height: 100px;
font-size:15px;
line-height:20px;
}

}
@media screen and (max-width:700px) {
.Culture2{ margin-top:10px;grid-template-columns: repeat(1, 1fr); gap:0;}	
.Culture2 .li{ width:100%;  flex-wrap: nowrap; align-items: center; gap:16px;}	
.Culture2 .li .info{ margin-top:0; text-align: left;}
.Culture2 .li .tit{min-width:106px;height:auto; min-height: 60px; border-radius: 60px;}
}	


.QualifBox{ overflow: hidden;}
.Qualif{ display:block; width: 100%; position: relative;}
.Qualif .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;  align-items: center;}
.Qualif .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0; opacity: 0.5; padding:0 0.2rem; }
.Qualif .swiper-slide-active{ opacity: 1;}
.Qualif  .e_image{ display:flex; align-items: center; justify-content:center; width: 100%;aspect-ratio: 100 / 61;cursor: pointer; padding:0.45rem;
background: #FFFFFF;
box-shadow: 0px 7px 22.1px 1px rgba(0, 0, 0, 0.12);
}
.Qualif  .e_image img{ width: 100%; height: 100%; object-fit: contain;}
.Qualif .swiper-slide-active .e_image{ aspect-ratio: 100 / 80.5; padding:0.66rem;}
.Qualif .info{display:block; width: 100%; margin-top: 0.4rem;
font-weight: 400; text-align: center;
font-size: 0.2rem;
line-height: 0.32rem;
color: #2F3D4D;
 }
.Qualif .swiper-prev,
.Qualif .swiper-next{ cursor: pointer; z-index: 6;
 display: flex; position: absolute; top:41%; margin-top: -0.3rem;
 width: 0.64rem;
 height: 0.64rem;
 border: 1px solid #2F3D4D;
 border-radius:0; opacity: 0.5;
 background: url(img/right-hui16.svg) center no-repeat rgba(255,255,255,1); background-size:auto 16px !important; -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;  
 }
.Qualif .swiper-prev{ left:30.48%; margin-left: -0.32rem; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.Qualif .swiper-next{ right:30.48%;  margin-right: -0.32rem;}
.Qualif .swiper-prev:hover,
.Qualif .swiper-next:hover{background: url(img/right-bai16.svg) center no-repeat #0DB070; border: 1px solid #0DB070; opacity: 1;}



@media screen and (max-width:1024px) {
.Qualif .swiper-slide { padding:0 7px;}
.Qualif  .e_image{  padding:14px;
box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.12);
}
.Qualif .swiper-slide-active .e_image{ padding:20px;}
.Qualif .info{ margin-top:15px;
font-size: 15px;
line-height:24px;
 }
.Qualif .swiper-prev,
.Qualif .swiper-next{  margin-top: -17px;
 width: 34px;
 height:34px;
 }
.Qualif .swiper-prev{ left:21.9%;margin-left:-17px;  }
.Qualif .swiper-next{ right:21.9%; margin-right:-17px;}
}
@media screen and (max-width:700px) {
.Qualif{ padding: 0 56px;}
.Qualif .swiper-prev{ left:15px;margin-left:0;  }
.Qualif .swiper-next{ right:15px; margin-right:0;}
}


.Products1{ position: relative; overflow: hidden; padding-top: 29px;}
.Products1 .sect{ display: flex; align-items: flex-start; justify-content: space-between;width:100%; gap: 45px; margin-top: 0.52rem;}
.Products1 .left{ display: flex; flex-wrap: wrap; width:260px; min-width:260px;}
.Products1 .right{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;width:100%;}

@media screen and (max-width:1024px) {
.Products1 .sect{ flex-wrap: wrap; gap:30px; margin-top:0;}
.Products1 .left{ width:100%; min-width:100%; padding:0 15px;}
.Products1 .right{ width:100%;}
.Products1{ padding-left:0;padding-right:0;}
}

.p_input{width:100%; margin-top: 35px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
box-shadow:0px 0px 9.9px #E0ECFF; overflow: hidden;
border-radius: 4px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid #0DB070;
backdrop-filter: blur(2px);
}
.p_input input{width: 100%;
height:48px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height:48px;
color:#2F3D4D;
 padding:0 0 0 12px;
}
.p_input input::placeholder{color:#6E6E6E; opacity:1 !important;}
.p_input .img{
display: flex;
flex-direction: row;
align-items: center; justify-content: center; 
width: 66px;min-width: 66px;
height: 48px;  background: url(img/_search3.svg) center no-repeat; background-size: 20px !important;
}
.p_input .img:hover{ background: url(img/_search4.svg) center no-repeat;}


.p_tit1{ display:block;width:100%;
font-weight: 700;
font-size: calc(14px + 0.06rem);
line-height: 24px;color:#2F3D4D;
}
.p_tit{display: flex; flex-wrap: wrap;border-bottom: 1px solid #0DB070;
width:100%}
.p_tit .tit{ display: inline-flex;
background: #0DB070;
border-radius: 8px 8px 0px 0px;
font-weight: 700;
font-style: Bold;
font-size: calc(14px + 0.02rem);
line-height: 20px;color: #fff;
 padding:22px 27px;
}
.p_c_mbtn{ display: none; position: absolute; right:15px; top:29px z-index: 6; padding-right: 18px; background: url(img/right-hui16.svg) right center no-repeat;  background-size:7px auto !important;font-style: 400;
font-size: 14px;
line-height: 24px;color:#2F3D4D;}

@media screen and (max-width:1024px) {
.p_tit{ margin:0 15px;width:calc(100% - 30px);}
.p_tit .tit{ 
 padding:12px 15px;
}
.p_input{ margin-top: 18px;}
.p_c_mbtn{ display: inline-flex;}

}

.p_c_tree{display: flex; flex-wrap: wrap;width:100%;padding-top: 35px;}
.p_c_tree .u1{display: flex; flex-wrap: wrap;width:100%;gap:0.6rem 0;}
.p_c_tree .u2{display: flex; flex-wrap: wrap;width:100%; gap:13px 0; margin-top: 20px;}
.p_c_tree .u3{display: flex; flex-wrap: wrap;width:100%; gap:10px 0; margin-top: 16px;}
.p_c_tree .l1{display: flex; flex-wrap: wrap;width:100%;}
.p_c_tree .l2{display: flex; flex-wrap: wrap;width:100%;}
.p_c_tree .l3{display: flex; flex-wrap: wrap;width:100%;}
.p_c_tree .a1box{display: flex; flex-wrap: wrap;width:100%;border-bottom: 1px solid #E8E8E8; position: relative; padding-bottom: 20px;}
.p_c_tree .a1box::after{ content: '';
position: absolute;
width: 48px;
left: 0px; bottom: -1px; z-index: 6;
border: 2px solid #0DB070;
}
.p_c_tree .a2box{display: flex; flex-wrap: wrap;width:100%;position: relative;}
.p_c_tree .a3box{display: flex; flex-wrap: wrap;width:100%;}
.p_c_tree .a1{display: flex; flex-wrap: wrap;width:100%;
font-style: normal;
font-weight: 700;
font-size: calc(14px + 0.04rem);
line-height: 22px;
color: #2F3D4D;
}
.p_c_tree .a2{display: flex; flex-wrap: wrap;width:100%;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #2F3D4D;
}
.p_c_tree .a3{display: flex; flex-wrap: wrap;width:100%; position: relative; padding-left: 18px;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #64686C;
}
.p_c_tree .a3::after{ content: '';
position: absolute;
width:4px; height: 4px;
left: 6px; z-index: 1;
top:6px;
background:  #64686C; border-radius: 50%;
}
.p_c_tree .a2:hover{color: #0DB070;}
.p_c_tree .om .a2{color: #0DB070;}
.p_c_tree .a3:hover{color: #0DB070; text-decoration: underline;}
.p_c_tree .a3:hover::after{background:  #0DB070; }
.p_c_tree .om .a3{color: #0DB070; text-decoration: underline;}
.p_c_tree .om .a3::after{background:  #0DB070; }
.p_c_tree .icobox{width:50px;height:100%;position: absolute;right:0;top:0; display: none;}
.p_c_tree .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:4px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #2F3D4D;  border-right:1px solid #2F3D4D;}
.p_c_tree .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #0DB070;  border-right:1px solid #0DB070;}



@media screen and (max-width:1024px) {
.p_c_tree{ align-content: flex-start; width:280px; height: 100%; position: fixed; left:-100%; top: 0; background: #fff; overflow-y: auto; z-index: 220; padding:0 15px 25px 15px;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s; }
.p_c_tree.om{ left: 0;}
.p_c_tree .u1{  gap:0;}
.p_c_tree .u2{ gap:0; display: none;}
.p_c_tree .u3{ gap:0; display: none; margin: 0; padding:10px 0;}
.p_c_tree .icobox{ display: block;}
.p_c_tree .a1{ padding:20px 0;}
.p_c_tree .a2{ padding:6px 0;}
.p_c_tree .a3{ padding:5px 0 5px 18px;}
.p_c_tree .a3::after{ top: 11px;}
.p_c_tree .a1box{ padding:0;}
.p_c_tree .l1{ padding:5px 0;}
}

.ph-bg{ display: none; width: 100%; height: 100%; position: fixed; left:0; top: 0; background: rgba(0,0,0,0.5); z-index: 210;
 }


.table{ display: flex; flex-wrap: wrap;
width:100%;
}
.table .p_head{ display: flex;  width: 100%;
padding:36px 0;
font-size: 14px;
line-height: 17px;
color: #2F3D4D;font-weight: 700;
}
.table .th{padding:0 0 0 24px;}
.table .th .p_title{ display: flex; align-items: flex-end; gap: 4px;}
.table .p_body{ display: flex; flex-wrap: wrap; gap: 24px;  width: 100%;font-size: 14px;
line-height: 17px;
color: #2F3D4D;font-weight: 400;}
.table .p_info{ display: flex;  width: 100%; align-items: center;
border-radius: 12px;border: 1px solid #D9D9D9; padding:24px 0;
}
.table .p_info:hover{border: 1px solid #0DB070;}
.table .td{ padding:0 0 0 24px;
}
.table .td a{
 font-weight: 700;color: #2F3D4D;
}
.table .td a:hover{color: #0DB070;}
.table .Video img{ cursor: pointer;}
.table .type{ width: 14%;}
.table .Descr{ width:calc(28.5% - 102px);}
.table .Funct{ width:144px; text-align: center;}
.table .Charact{ width:calc(36.5% - 102px);}
.table .Appl{ width: 21%;  padding-right:24px;}
.table .Video{ width:60px; padding:0 !important;}
.table .th.Funct .p_title{ justify-content: center;}


@media screen and (max-width:1024px) {
 .table{ overflow-x: auto; padding:0 15px 10px 15px;}	
 .table .p_head{min-width: 900px; padding:20px 0;}
 .table .p_body{min-width: 900px; gap:16px;}
 .table .th{padding:0 0 0 15px;}
.table .td{padding:0 0 0 15px;}
.table .p_info{ padding:14px 0; }
}






.xwxq-bt { padding-top: 38px;
	position: relative; padding-bottom: 0.89rem;
}

.xwxq .cont { width: 100%;
	position: relative;display: flex; flex-wrap: wrap;
}
.xwxq-bt .cont1{ display: block; width: 100%; margin-top: 37px;}
.xwxq-bt .xwxq-cont1 {
	padding: 90px 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.xwxq-bt .tit {
	color: #FFFFFF;
	font-size: 26px;
	font-weight: 700;
	line-height: 40px;
}

.xwxq-bt .dt { width: 100%; margin-top: 14px;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 32px;
}

.xwxq .left {
	width: 73%;
	padding-right: 0.56rem;
	padding-top: 0.56rem;
	padding-bottom: 0.8rem;
	border-right: 1px solid rgba(237, 237, 237, 1);
}

.xwxq .right {
	width: 27%;
	margin-bottom: 0.8rem;
}

.xwxq .yangshi {
	color: #000;
	font-size: 16px;
	line-height: 30px;
}

.xwxq .pre,
.xwxq .next {
	display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden; width: 100%;
}

.xwxq .pre {
	
}

.xwxq .fanye { display: flex; flex-wrap: wrap;  gap:24px 0; width: 100%;
	margin-top: 0.56rem;
}

.xwxq .fanye a {border-radius: 4px; width: 100%;
	background: #F2F3F4;
	padding: 30px 24px;
	color: #000;
	font-size: 16px;
	line-height: 24px;
}

.xwxq .fanye a span {
	margin-right: 24px; text-transform: uppercase;
	color: #4B4B4B; white-space: nowrap;
}

.xwxq .fanye a:hover{
	background: #0DB070;
	color: #fff;
}

.xwxq .fanye a:hover span {
	color: #fff;
}

.xwxq .right .title {
	color: #0DB070; text-transform: capitalize;
	font-size: 24px;
	line-height: 36px;
	padding: 32px;
	border-bottom: 1px solid rgba(237, 237, 237, 1);
}

.xwxq .right .item {
	padding: 24px 32px;
	border-bottom: 1px solid rgba(237, 237, 237, 1);
}

.xwxq .right .tit {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 0.16rem;
	color: #333;display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}

.xwxq .right .item:hover .tit {
	color: #0DB070;
}

.xwxq .right .date {
	font-size: 14px;
	line-height: 20px;
	color: #666;
}

.xwxq .right .item:hover {
	box-shadow: 0px 4px 37px 0px rgba(0, 0, 0, 0.07);
}


@media (max-width: 1024px) {
.xwxq-bt{ padding-top: 12px;}	
.xwxq-bt .mbx{ display: block; }	
.xwxq-bt .cont1{ margin-top:10px;}
.xwxq-bt .tit {

	font-size: 20px;
	
	line-height:28px; padding-top:15px;
}
.xwxq-bt {
	; padding-bottom:40px;
}
.xwxq .fanye a span{ margin-right: 14px;}
	.xwxq .fanye a {padding:14px 14px;}
	.xwxq .right .title {
			padding: 24px 0;font-size: 18px;
	
	line-height:28px;
		}
	.xwxq .fanye{ gap:15px 0;}
	.xwxq .right .item{padding: 15px 0;}
	.xwxq .cont {
		flex-direction: column;
	}

	.xwxq .left {
		width: 100%; padding:35px 0;
		border-bottom: 1px solid rgba(237, 237, 237, 1);
		border-right: none;
		padding-right: 0;
	}
.xwxq .right .tit{ margin-bottom: 6px;}
	.xwxq .right { margin-bottom: 40px;
		width: 100%;
	}




}


.pagecon .Company1{padding-left:0; padding-right:0; padding-top:0.5rem; padding-bottom:0.5rem;}

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



/*260710start*/




/*260710*/




._pimg {
width: 100%;
overflow: hidden;
}

._pimg ._div {
position: relative;
overflow:hidden;
}

._pimg ._img {
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}
._pop{ background:rgba(0,0,0,0.6); float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:10000; display:none;}
._pop video{ width:100%;}
._col{ float:left; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); text-align:center; cursor:pointer; position:absolute; right:-40px; top:0; width:40px; height:40px; color:#fff; line-height:30px; font-size:50px;}
._htm{ float:left; width:880px; font-size:14px; line-height:26px; color:#fff; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
._html_con{ float:left; width:100%;overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:80vh;
}
._html_con::-webkit-scrollbar {
 width:3px
}
._html_con::-webkit-scrollbar-track
{
background-color:#fff;
 border-radius:3px
}
 
._html_con::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#EF7D1D;
 border-radius:3px
}



@media  screen and (max-width: 767px){
._col{ right:-5px; top:-30px; width:30px; height:30px; color:#fff; line-height:20px; font-size:36px;}
._htm{width:90%;}
	
}