@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: #85b32e #e2e2e2;
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #85b32e;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #85b32e;border-radius:8px;
}	


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



/* t_navs */
.t_navs{ position:sticky; left:0; top:0; z-index: 100; width: 100%; background:#fff;  }
.t_navs .top{ position:relative; z-index: 100; width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; padding:0  0.41rem;}
.t_navs .logo{ line-height: 0;  display: flex; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; object-fit:contain; height:0.68rem;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .menu{ display: flex; flex-wrap: wrap; justify-content: space-between;width: 100%;}
.t_navs .menu ul{align-items: center; display: flex; flex-wrap: wrap;}
.t_navs .menu .nli{ float: left; position: relative; margin:0 8px;}
.t_navs .menu .nli .a1{display:flex; justify-content: center; align-items: center; line-height:1.4; height:0.32rem; border-radius:0.6rem; font-size:14px;color: #fff; font-weight: 400; padding:0 0.16rem 2px 0.16rem;  background: #245faf; }
.t_navs .menu .nli .a1:hover{background:#f9cc24}
.t_navs .menu .nli span a{ display:flex; align-items: center; position: relative;line-height:1.1rem; font-size:0.18rem;color: #333; font-weight: 400; padding:0 0.2rem; }
.t_navs .menu .nli span a::after{ content: ''; display:block;position: absolute; left: 50%; bottom:0; background: #85b32e; width:0; height:2px; z-index: 1;
 transform: translateX(-50%); -ms-transform: translateX(-50%);
}
.t_navs .menu .nli:hover span a{color: #85b32e;}
.t_navs .menu .nli:hover span a::after{ width:0;}

.t_navs.act{box-shadow:0 2px 2px rgba(0,0,0,0.1); }

.t_navs .txpp{display:none; justify-content: center; align-items: center; line-height:1.4; height:30px; border-radius:30px; font-size:14px;color: #fff; font-weight: 400; padding:0 12px 3px 12px;  background: #245faf; position: absolute; left: 15px; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.t_navs .txpp:hover{background:#f9cc24}

.t_navs .ss_search{float: left; display:flex; margin:0 6px;}
.t_navs .ss_search ._t{ cursor: pointer; display:flex; height:1.1rem; width:0.59rem; background: url(img/_search1.png) center no-repeat; background-size:19px auto !important;}
.t_navs .ss_search:hover ._t{ background: url(img/_search2.png) center no-repeat;}
.t_navs ._b{width: 100%;height: 120px;background:rgba(255,255,255,1);z-index: 99;position: fixed;left: 0;top:1.1rem; display: none;border-top:1px solid #e3e3e3;}
.t_navs.act ._b{  box-shadow: 0 2px 2px rgba(0,0,0,0.1);}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); display: flex; overflow: hidden; border:1px solid rgba(0,0,0,0.1); border-radius: 4px; overflow: hidden;}
.t_navs ._b .input input{width: 100%;height:48px;display: block; border-radius:0;background:none; border:0; font-size:16px; line-height:26px; padding:10px 24px; color: #333; text-transform: capitalize;}
.t_navs ._b .input input::placeholder{color:#666; opacity:1 !important;}
.t_navs ._b .input .img{display: block; cursor: pointer; min-width:60px;height: 48px;background: url(img/_search1.png) center no-repeat; background-size:19px auto !important;}
.t_navs ._b .input:hover .img{ background: url(img/_search2.png) center no-repeat;}

@media screen and (max-width:1600px) {
.t_navs .menu .nli span a{ line-height:0.8rem;}	
.t_navs .menu .nli .a1{ height:0.44rem;  }
.t_navs .ss_search ._t{ height:0.8rem;}	
.t_navs .logo img{ height:0.5rem;}
.t_navs ._b{top:0.8rem;}
}	
@media screen and (max-width:1024px) {
.t_navs .top{height:50px; padding:0 15px;}
.t_navs .menu .nli{ display: none;}
.t_navs .logo img{ width: auto; height:34px;}
.t_navs .ss_search{ display:none;}
.t_navs .lang{ margin-right: 15px;}
.t_navs .txpp{display:flex; }
}


.t_navs .sub{ display:none; position: absolute; top:100%; left:0; z-index: 10; }
.t_navs .sub4{ display: none; left:50%; transform: translateX(-50%); -ms-transform: translateX(-50%); padding-top: 0.2rem;}
.t_navs .sub4 .box{ display: flex; align-items: flex-start; justify-content: space-between; padding:0.27rem 0.56rem 0.38rem 0.44rem; position: relative; background: #fff; border-radius: 10px; gap:0 0.39rem;}
.t_navs .sub4 .box::after{ display: block; content:''; position: absolute; left:50%; bottom:100%; border-left: 0.13rem solid transparent; border-right:0.13rem solid transparent;border-bottom:0.11rem solid #fff;  margin-left: -0.13rem;}
.t_navs .sub4 .u1{ display: flex; flex-direction: column; align-items: flex-start;}
.t_navs .sub4 .u1 .l1{ display: block; margin-top: 0.15rem;}
.t_navs .sub4 .u1 .l1 a{ display: block; white-space: nowrap; color: #666666; line-height:0.26rem; font-size:0.16rem; padding:0 0 0 17px; position: relative;}
.t_navs .sub4 .u1 .l1 a::after{ display: block; content:''; position: absolute; left:0; top:50%; width:4px; height:4px; background: #85b32e;  margin-top: -2px; transform: rotate(45deg); -ms-transform: rotate(45deg); }
.t_navs .sub4 .u1 .l1 a:hover{color: #85b32e; text-decoration: underline;}
.t_navs .sub4 .pic{ display:block; width:2.32rem;  min-width:2.32rem ; line-height: 0; border-radius: 8px; overflow: hidden;margin-top: 0.2rem;aspect-ratio: 100 / 68.1;
}
.t_navs .sub4 .pic img{ width: 100%; height: 100%; object-fit: cover;}
.t_navs.act .sub4 .box{  box-shadow: 0 0 10px rgba(0,0,0,0.1);}


.t_navs .menuSub{ position: absolute; top:100%; left:0; z-index: 10; width:100%; background:#fff; overflow: hidden; border-top: 1px solid #e6e6e6; padding-top: 0.49rem; padding-bottom: 0.61rem; }
.t_navs .menuSub .u1{ display: flex; flex-wrap: wrap; align-content: flex-start; width:69.375%;  padding:0 0 8px 4px; }
.t_navs .menuSub .u1 .li{ display: block; width:25%;  padding:0 0 0.37rem 0.3rem;}
.t_navs .menuSub .u1 .li .a{ display: block; width:100%; text-align: center;}
.t_navs .menuSub .u1 .li .img{ width:83.8%; margin:0 auto;aspect-ratio: 100 / 62.8; line-height: 0;}
.t_navs .menuSub .u1 .li .img img{ width: 100%; height: 100%; object-fit: contain;}
.t_navs .menuSub .u1 .li .tit{ display: block; width:100%; color: #666666; line-height:calc(22px + 0.1rem); font-size:calc(14px + 0.02rem); margin-top:3px;}
.t_navs .menuSub .u1 .li .a:hover .tit{color: #85b32e;}
.t_navs .menuSub .sect{ display: flex; justify-content: space-between;  width:100%;}
.t_navs .menuSub .left{ display: flex; flex-wrap: wrap; align-content: flex-start; width:30.625%; padding:0 0.75rem 0 0;border-right: 1px solid #e6e6e6;}
.t_navs .menuSub .a2{ display: block; width:100%; color: #333333; line-height:0.32rem; font-size:0.3rem;}
.t_navs .menuSub .info{display: block; width:100%; color: #666666; line-height:calc(22px + 0.1rem); font-size:calc(14px + 0.02rem); margin-top: 0.22rem;}
.t_navs .menuSub.act{  box-shadow: 0 0 10px rgba(0,0,0,0.1);}


@media screen and (max-width:1600px) {
.t_navs .sub4 .box{ padding:0.22rem 0.51rem 0.33rem 0.39rem; gap:0 0.34rem;}
.t_navs .sub4 .u1 .l1{ margin-top: 0.1rem;}
}



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



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

.xialaph{ position: fixed; left:0; top:50px; float: left; width: 100%; height:100vh; z-index:15; display:none; background:#fff; padding:5px 15px 50px 15px; overflow-y: auto;border-top:1px solid #e3e3e3;}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid #e0e0e0;}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a3box{width: 100%;position: relative;}
.xialaph .a1{color: #333333;  font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%;}
.xialaph .on .a1{ color: #85b32e;}
.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 #666;  border-right:1px solid #666;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #85b32e;  border-right:1px solid #85b32e;}
.xialaph .u2{width: 100%;padding:0 10px 15px 10px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:15px;color: #333333;line-height:24px;padding:4px 10px;}
.xialaph .on .a2{ color:#85b32e;}
.xialaph .u3{width: 100%;padding:0 10px 15px 10px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block;}
.xialaph .u3 .a3{ width: 100%;display:flex; align-items: center; font-size:15px;color: #666;line-height:24px;padding:4px 10px;}
.xialaph .u4{width: 100%;padding:0 10px 15px 10px;display: none;}
.xialaph .u4 .l4{ width: 100%;display: block;}
.xialaph .u4 .l4{ width: 100%;display:flex; align-items: center; font-size:15px;color: #666;line-height:24px;padding:4px 0;}
.xialaph .input_box{width: 100%;margin-top:30px;position: relative; display:flex; overflow: hidden; border-radius:4px;
border: 1px solid #e0e0e0;}
.xialaph .input_box input{width: 100%;height:40px;display: block; background:none; border: 0; font-size: 14px; line-height:24px; padding:8px 14px; color: #333;}
.xialaph .input_box input::placeholder{color:#666; opacity:1 !important;}
.xialaph .input_box .img{ display: block; cursor: pointer; border: 0; width:56px;height: 40px;background: url(img/_search1.png) center no-repeat; background-size:19px auto !important;}


.footer1{ background:#f3f3f3; border-top: 0.1rem solid #85b32e;}
.footer1 .down{ display:flex; flex-wrap: wrap; width:100%; align-items: center; justify-content:space-between; padding:0.22rem 0;}
.footer1 .Copyright{ display:inline-flex; flex-wrap: wrap; color: #666;
font-size: 14px;
font-weight: 400;
line-height: 24px;}
.footer1 .Copyright a{color: #666; margin-left:14px;}
.footer1 .Copyright a:hover{color: #85b32e;}
.footer1 .map{ display:inline-flex; flex-wrap: wrap;color: #666;
font-size: 14px;
font-weight: 400;
line-height: 24px;}
.footer1 .map i{ display:flex; width: 1px; height: 11px; background:#cdcdcd; margin:5px 7px 0 7px;}
.footer1 .map a{ display:flex;color: #666;}
.footer1 .map a:hover{color: #85b32e;}
.footer1 .map .links{ cursor: pointer; position: relative;}
.footer1 .map .links span{display: block; width: 100%; position: relative; padding-right:20px;}
.footer1 .map .links span::after{ display: block; content:''; position: absolute; right: 0; top:7px; transform:rotate(225deg); -ms-transform: rotate(225deg); border-left:2px solid #85b32e;  border-top:2px solid #85b32e; width:8px; height: 8px; }
.footer1 .map .links span.active{ color: #85b32e;}
.footer1 .map .links span.active::after{; top:14px;  transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); }
.footer1 .map .donw{ display: none; width: 160px; position: absolute; right: 0; bottom:100%; margin-bottom:10px; z-index: 6; background: #fff;padding:12px 0; overflow-y: auto;max-height: 264px; box-shadow:0 0 5px rgba(0,0,0,0.15); border-radius:10px;}
.footer1 .map .donw a{display: block; width: 100%; color: #333; font-size:14px; line-height:22px; padding:2px 5px; text-align:center; }
.footer1 .map .donw a:hover{ color: #85b32e !important;}
.footer1 .midd{ display:flex; flex-wrap: wrap; width:100%; align-items:flex-start; justify-content: space-between; padding:0.46rem 0 0.91rem 0; border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7;}
.footer1 .nav{ position:relative; z-index: 6; display: flex; flex-direction: column; position: relative;}
.footer1 .nav .u2{ display: flex; flex-direction: column; padding-top:0.15rem;}
.footer1 .nav .a1{ display:inline-flex; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
.footer1 .nav .a2{ display:inline-flex; color:rgba(102,102,102,0.8); margin-top:0.05rem;
 font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem)}
.footer1 .nav .a1:hover{ color:#85b32e; }
.footer1 .nav .a2:hover{ color:#85b32e; }
.footer1 .nav .ico{ display: none; position: absolute; right:0; top: 0; width: 44px; height:42px; z-index: 6;}
.footer1 .nav .ico::after{ display: block; content:''; position: absolute; right:18px; top:15px; border-bottom: 2px solid #85b32e; border-right: 2px solid #85b32e; width:9px; height: 9px; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.footer1 .box{ display:flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width:100%; padding:0.67rem 0 0.33rem 0;}
.footer1 .logo{ display:flex; flex-wrap: wrap; align-items: center; line-height:0; margin-top:0.24rem;}
.footer1 .logo .img{ margin:0 0.17rem; height:18px;}
.footer1 .logo a img{ height:0.62rem; object-fit: contain;}
.footer1 .addr{ display:flex; justify-content: space-between; width:45.625%; gap:0 0.7rem; margin-left:5.625%;margin-top:0.32rem;
color: #666;
font-size: calc(14px + 0.02rem);
font-weight: 400;
line-height: 18px;
}
.footer1 .addr .li{ display:flex; align-items:flex-start; gap:0 0.1rem;}
.footer1 .addr .li:nth-child(1),
.footer1 .addr .li:nth-child(2){ white-space: nowrap;}
.footer1 .addr .li .ico{ min-width:24px;  width:24px; height:24px; margin-top: 8px; object-fit: contain;}
.footer1 .addr .li .p{display:inline-flex; flex-direction: column;}
.footer1 .addr .li .s{display:block; margin-top: 8px;}
.footer1 .er{ display: inline-flex; gap:0 0.23rem; }
.footer1 .er .div{ display: inline-flex; flex-direction:column; min-width:93px; width:93px;}
.footer1 .er .i{ display: block; line-height: 0; width:100%; }
.footer1 .er .tit{ display:block;color: #666; font-size: calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); text-align: center; margin-top:8px; }



@media (max-width:1800px){
.footer1 .addr{  width:46%; gap:0 0.3rem; margin-left:0;}
}
@media (max-width:1440px){
.footer1 .midd{ padding:0.46rem 0 0.46rem 0;}	
.footer1 .logo a img{ height:0.5rem;}
.footer1 .addr{  width:48%; gap:0 0.24rem; margin-left:0;font-size:14px;margin-top:0.26rem;}
.footer1 .er .div{  min-width:88px; width:88px;}
.footer1 .er .tit{font-size: 14px; }
.footer1 .nav .a1{font-size: 14px; line-height:24px; }
.footer1 .nav .a2{font-size: 14px; line-height:24px; }
}
@media (max-width: 1024px){
.footer1 .nav{ width: 1000%; margin:7px 0;}
.footer1 .nav .a1{ line-height:24px; padding:9px 14px; border-radius:3px; background:rgba(255,255,255,1); position: relative;}
.footer1 .nav .ico{ display: block;}
.footer1 .nav .a2{ line-height:24px; width:33.33%;   float: inline-start;}
.footer1 .nav .u2{ display:none; line-height:24px; padding:14px 14px 5px 14px;}
.footer1 .down{ padding:20px 0; justify-content: center;}
.footer1 .midd{ padding:24px 0;}
.footer1 .Copyright{ display: block; text-align: center; }
.footer1 .box{ padding:30px 0; justify-content:space-between;}	
.footer1 .logo{ width: 100%; justify-content: center;}
.footer1 .logo a img{ height:34px;}
.footer1 .logo .img{ margin:0 17px; height:12px;}
.footer1 .addr{ flex-direction: column; margin-top:25px; gap:14px 0; width: auto;}
.footer1 .addr .li{ gap:0 8px;}
.footer1 .addr .li .s{ margin-top:4px;}
.footer1 .addr .li .ico{ margin-top: 4px;}
.footer1 .er{ margin-top: 25px; gap:0 16px; }

}
@media (max-width: 700px){
.footer1 .Copyright a{ display: block; }
.footer1 .er{ width:100%; justify-content: space-around;}
.footer1 .addr{flex-wrap: wrap; flex-direction: row; gap:14px 20px; width: 100%;}
.footer1 .nav .a2{ width:50%; }
}

.pf-right{display:block; z-index:13; position:fixed; right:0.3rem; bottom:10vh; width:0.68rem;}
.pf-right .li{ position: relative; display: block; width:100%; margin-top:0.2rem;}
.pf-right .li .a{ display:flex; flex-wrap:wrap; align-content: center; justify-content: center; width:100%; background: #fff; border-radius: 6px; justify-content: center; align-items: center; line-height: 0; width:100%; height:0.68rem; padding:0;  box-shadow: 0 0 10px rgba(0,0,0,0.07);}
.pf-right .li .a img{ width:0.24rem; height:0.24rem;}
.pf-right .li .a .img1{ display: block; }
.pf-right .li .a .img2{ display: none; }
.pf-right .li .a span{ display: block; width: 100%; text-align: center; color: #666666; font-size:14px; line-height:1; margin-top:0.07rem;}
.pf-right .li:hover .a{background: #85b32e;}
.pf-right .li:hover .a span{color: #fff;}
.pf-right .li:hover .a .img1{ display: none; }
.pf-right .li:hover .a .img2{ display: block; }
.pf-right .tel{ display:none; flex-direction: column; position: absolute; right:100%; top:50%; background: #fff; border-radius:10px; color: #888888;font-size:calc(14px + 0.02rem); line-height:20px; padding:0.16rem 0.33rem;  box-shadow: 0 0 10px rgba(0,0,0,0.07); transform: translateY(-50%); -ms-transform: translateY(-50%); white-space: nowrap;}
.pf-right .tel font{ color: #333333; font-size: 0.3rem; line-height:0.4rem;}
.pf-right .tel::after{ display:block; content:''; position: absolute; left:100%; top:50%; border-top:8px solid transparent; border-bottom:8px solid transparent;border-left:8px solid #fff; margin-top: -8px; }
.pf-right .li:hover .tel{ display:flex; margin-right: 0.27rem;}


@media screen and (max-width:1800px) {
.pf-right{ right:5px; }
.pf-right .li .a span{ font-size:12px;}
}	
@media screen and (max-width:1024px) {
/* .pf-right{ display:none !important;} */
.pf-right{ width:34px;}
.pf-right .li{margin-top:10px;}
.pf-right .li .a{ height:34px;}
.pf-right .li .a img{ width:18px; height:18px;}
.pf-right .li .a span{ display:none;}
.pf-right .tel{ font-size:14px; line-height:18px; padding:10px 16px;}
.pf-right .tel font{ font-size:18px; line-height:26px;}
.pf-right .li:hover .tel{  display:none;  margin-right:12px;}
}

.my-bg{display: none; width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index: 110; background: #000; opacity:0.4;}
.my-puop1{ display:none; width:890px; transform: translate(-50%,-50%); -ms-transform: translateY(-50%,-50%); position: fixed; left:50%; top:50%; z-index: 111;}
.my-puop1 .box{ position: relative; display: flex; flex-wrap: wrap; width:100%; }
.my-puop1 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:0.15rem; top:0; width:0.52rem; height:0.72rem; z-index: 10;}
.my-puop1 .box .colse img{ width:22px; height:22px;}
.my-puop1 .box .title{ width:100%; background:#85b32e; color: #fff; display:flex; align-items: center; font-size:0.28rem; line-height:1.4; height:0.72rem; padding:0.15rem 0.3rem; border-radius:10px 10px 0 0; position: relative;}
.my-puop1 .sect{display: block; width: 100%; background: #fff; border-radius:0 0 10px 10px; padding:0.33rem 0.3rem 0.53rem 0.3rem;}
.my-puop1 .det{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; margin-bottom: 0.4rem;}
.my-puop1 .left{ width:calc(100% - 266px);display:block;}
.my-puop1 .right{ width:236px; display:block;}
.my-puop1 .pic{ width: 100%;display:flex; align-items: center;justify-content: center; overflow: hidden; border-radius: 8px; line-height: 0;aspect-ratio: 100 / 76.07; border:1px solid #dcdcdc;}
.my-puop1 .pic img{ width: 100%; height: 100%; object-fit: contain;}
.my-puop1 .tit1{ width: 100%; display:block; color: #85b32e; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}
.my-puop1 .tit2{ width: 100%; display:block; color: #333333; font-size:calc(16px + 0.08rem); line-height:calc(22px + 0.12rem); margin-top:0.05rem;}
.my-puop1 .info{ width: 100%; display:block; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); padding-top:4px;}
.my-puop1 .p{ display: block; position: relative; padding-left: 14px; margin-top: 0.09rem;}
.my-puop1 .p::after{ display: block; content: ''; position: absolute; left: 0; top:calc(9px + 0.02rem); width: 4px; height: 4px; border-radius: 50%; background: #85b32e;}


@media screen and (max-width:1600px) {
.my-puop1 .box .title{ font-size:0.28rem; line-height:1.4; height:0.62rem; padding:0.15rem 0.3rem}	
.my-puop1 .box .colse{ right:0.15rem; width:0.52rem; height:0.62rem;}
.my-puop1 .sect{ padding:0.3rem 0.3rem 0.33rem 0.3rem;}	
.my-puop1 .det{ margin-bottom: 0.3rem;}
.my-puop1 .right{ width:200px; }
.my-puop1 .left{ width:calc(100% - 230px);}
.my-puop1 .p{ margin-top: 0.03rem;}
}	
@media screen and (max-width:1024px) {
.my-puop1{ width:92%;}
.my-puop1 .box .colse{right:5px; width:48px; height:48px;}
.my-puop1 .box .colse img{ width:18px; height:18px;}
.my-puop1 .box .title{font-size:18px; height:48px; padding:10px 15px; }
.my-puop1 .sect{ padding:20px 15px 25px 15px;}
.my-puop1 .det{ margin-bottom:15px;}
}
@media screen and (max-width:767px) {
.my-puop1 .left{ width:calc(100% - 102px);}
.my-puop1 .right{ width:90px;}
.my-puop1 .sect{/*  overflow-y: auto; max-height: 80vh; */ }
.my-puop1 .det{align-items: center;}
.my-puop1 .info{ display:none;}
}

._form4{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between;}
._form4 .lab{ width:48.19%; position:relative; display: flex; margin-bottom:0.2rem;justify-content:space-between; border-radius:4px; border:1px solid #d6d6d6; overflow: hidden; padding:0 0 0 0.09rem; }
._form4 .lab2{ width:48.19%; position:relative; display: flex; margin-bottom:0.2rem;}
._form4 .w100{ width:100% !important;}
._form4 .name{ white-space: nowrap; display:block; color: #666; font-size:calc(14px + 0.02rem); line-height:26px; margin-left: 10px; padding:12px 0;}
._form4 .name span{ color: #ff0707;}
._form4 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border-radius:0; border:0; background:none; font-size:calc(14px + 0.02rem);color: #333; line-height:26px; height:50px; padding:12px 10px;}
._form4 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border-radius:0; border:0; background:none; font-size:calc(14px + 0.02rem);color: #333; line-height:26px; height:110px; padding:12px 10px;}
._form4 .yanzhengma{  object-fit: contain; z-index:6;width: 100px;min-width: 100px; height:50px; border-radius:4px;}
._form4 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:calc(14px + 0.02rem); color: #fff; height:52px; padding-bottom: 1px; border:0;background:none #85b32e ; border-radius:4px;}
._form4 .submit:hover{ background: #f9cc24; }
._form4 .lab1{ width:100%; display: block; color:#666; font-size:14px; line-height: 22px; padding-top:4px; }
._form4 .lab1 span{ color: #ff0707;}

._form4 input::placeholder{color:#666; opacity:1 !important;}
._form4 textarea::placeholder{color:#666; opacity:1 !important;}

@media screen and (max-width:1600px) {
._form4 .lab{  margin-bottom:0.15rem;j }
._form4 .lab2{ margin-bottom:0.15rem;}
._form4 .name{ padding:9px 0;}
._form4 .text{height:44px;padding:9px 10px;}
._form4 .textarea{ line-height:26px; height:94px; padding:9px 10px;}
._form4 .submit{ height:46px;}
._form4 .yanzhengma{ width: 88px;min-width:88px; height:44px;}
._form4 .lab1{ padding-top: 0;}
}	
@media screen and (max-width:1024px) {
._form4 .name{ padding:7px 0;}
._form4 .lab{ margin-bottom: 14px;}
._form4 .lab2{ margin-bottom: 14px;}
._form4 .text{ height:40px; padding:7px 10px;}
._form4 .textarea{ padding:7px 10px;}
._form4 .yanzhengma{ width:66px;min-width:88px; height: 40px;}
._form4 .submit{ height:42px;}
}
@media screen and (max-width:767px) {
._form4 .lab{ width: 100%;}	
._form4 .lab2{ width: 100%;}	
}	



.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .div{ width:100%; line-height: 0;}
.index-banner .pc_show1{ width:100%;}
.index-banner .swiper-notification{ display: none;}
.index-banner .down{ position: absolute; left: 0; bottom: 0; z-index: 8; width: 100%;}
.index-banner .down .w_width{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,0.3); height: 0.82rem;}
.index-banner .swiper-pagination{ cursor: pointer; display:inline-flex;}
.index-banner .swiper-pagination-bullet{ cursor: pointer; border-radius:9px; width:9px; height:9px; margin:0 24px 0 0; display:block;  background: #fff; }
.index-banner .swiper-pagination-bullet-active{ width:0.35rem; }
.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer; width:45px; height:45px; display:block; background: url(img/next-hei.png) right center no-repeat; background-size:auto 27px !important; }
.index-banner .swiper-prev{transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{background: url(img/next-lv.png) right center no-repeat; }
.index-banner .swiper-num{display:inline-flex; align-items:center;white-space: normal; }
.index-banner .swiper-pagination-current{ color: #333333;  font-size:24px;line-height:30px;}
.index-banner .swiper-pagination-total{ color: #666666; font-size:14px;line-height:20px; margin-top: 6px; margin-left: 25px; position: relative;}
.index-banner .swiper-pagination-total::after{ display: flex; content: '';background: #666666; width:1px; height:20px; position: absolute; bottom:2px; left:-12px; transform: rotate(20deg); -ms-transform: rotate(20deg); }
.index-banner .box{position: absolute; left: 0; top:12.13%; width: 100%; z-index: 10;}
.index-banner .box .w_width{display:flex;flex-wrap: wrap; justify-content: center;}
.index-banner .box1{position: absolute; left: 0; bottom:16.51%; width: 100%; z-index: 10;}
.index-banner .box1 .w_width{display:flex;flex-wrap: wrap; justify-content: flex-end;}
.index-banner .tit0{ display: block; text-align: right; width:100%; line-height: 0.78rem; font-size: 0.64rem; color: #151515; font-weight: bold; margin-top:0.22rem;}
.index-banner .tit1{ display: block; text-align: center; width:100%; line-height: 0.7rem; font-size: 0.6rem; color: #151515; font-weight: bold; margin-top:0.15rem;}
.index-banner .tit2{ display:inline-flex;text-align: center; line-height: 0.3rem; font-size: 0.2rem; color: #fff; padding:0.12rem 0.2rem 0.14rem 0.2rem;   background: url(img/bg.png) center no-repeat; background-size:100% 100%; border-radius:0.28rem 0.28rem 0.28rem 0; }

@media screen and (max-width:1024px) {
.index-banner .down .w_width{ height: 42px;}
.index-banner .swiper-pagination-bullet{ margin:0 12px 0 0;}
.index-banner .swiper-pagination-bullet-active{ width:16px;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ width:36px; height:36px;background-size:auto 22px !important;  }
.index-banner .swiper-pagination-current{ font-size:20px;line-height:26px;}
.index-banner .swiper-pagination-total{margin-left: 20px; }
.index-banner .swiper-pagination-total::after{left:-10px; bottom:4px; height:14px;}
.index-banner .box1{ bottom:20%; }
.index-banner .tit0{  line-height:30px; font-size:20px; margin-top:11px;}
.index-banner .tit1{  line-height:28px; font-size:18px; margin-top:7px;}
.index-banner .tit2{  line-height:22px; font-size:13px; padding:6px 10px 7px 10px; border-radius:18px 18px 18px 0; }
}
@media screen and (max-width:767px) {

}







.wufeng{width: 100%; overflow: hidden; position: relative; z-index: 6;}
.wufeng .content{width: 100%; position: relative;}
.wufeng .modelBox08{display: flex; flex-wrap: wrap;}
.wufeng .content .w100{ display: flex; position: relative;}
.wufeng .content .tempWrap{ display: flex; overflow: visible !important;}
.wufeng .content .box{ display: flex; width: 100%; margin:0.15rem 0; overflow: visible !important;	}
.wufeng .content .ul{ display: flex; white-space: nowrap; will-change: transform; overflow: visible !important; width: auto; }
.wufeng .content .seamless-scroll-wrapper{gap: 0.3rem !important;}
.wufeng .content li{ display: inline-flex; line-height: 0; width: auto !important; flex-shrink: 0; margin-top: 1px;}

.wufeng .content li .a{ display: flex; line-height: 0; overflow: hidden; position: relative; width:2.42rem; min-width:2.42rem;aspect-ratio: 100 / 42.95; 
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background: #FFFFFF; box-shadow:0 0 16px rgba(0,0,0,0.08);
border-radius:10px;
}
.wufeng .content li .a img{  display: block; max-width:100%; max-height: 100%; object-fit: contain;}
.wufeng .content li .a:hover img{transform: scale(0.95); -ms-transform: scale(0.95);}
.wufeng::after,
.wufeng::before{ content: ''; position: absolute; top:0; z-index: 6; width:2rem; height: 100%;}
.wufeng::after{ left: 0;background: linear-gradient(90.00deg, rgba(255, 255, 255, 1),rgba(255, 255, 255, 0) 100%);}
.wufeng::before{ right:0;background: linear-gradient(-90.00deg, rgba(255, 255, 255, 1),rgba(255, 255, 255, 0) 100%);}



@media  screen and (max-width: 1024px){
.wufeng .content .box{  margin:7px 0;}
.wufeng .content .seamless-scroll-wrapper{gap:14px !important;}
.wufeng .content li .a{ width:140px; min-width:140px; }
}
@media  screen and (max-width: 767px){

}



.main1{ overflow: hidden;}
.main1 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.main1 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.main1 .sect{ width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.main1 .w466{ width:466px; }
.main1 .left{ display:flex; justify-content: flex-end; width:32.66%; padding-left: 0.9rem;}
.main1 .right{ display:block;  width:67.34%; overflow: hidden;  padding-right: 0.9rem; position: relative;  }
.main1 .cont{ display: flex; flex-wrap: wrap; flex-direction: column; width: 100%;  padding-top:0.18rem;  }
.main1 .cont .li{ display: flex; flex-wrap: wrap; width: 100%; position: relative; }
.main1 .cont .li::after{ display: block; content: ''; position: absolute; left: 7px; top:50%; z-index: 1; width: 1px; height: 100%; background:#f5f4e4;}
.main1 .cont .li:last-child::after{ display: none; }
.main1 .cont .a2{display:inline-flex; align-items: center; font-size:calc(14px + 0.04rem); line-height:1.4; height:0.6rem; color:#666666; font-weight: 400; position: relative; padding:0 0.35rem;}
.main1 .cont .a2::after{ display: block; content: ''; position: absolute; left:4px; top:50%; margin-top: -3px; z-index: 3; width: 6px; height:6px; background:#85b32e; border-radius: 50%;}
.main1 .cont .a2::before{ display: block; content: ''; position: absolute; left: 0; top: 50%; margin-top: -7px; z-index: 2;  width:14px; height: 14px; background: #dae8c0; border-radius: 50%;opacity:0;}
.main1 .cont .a2:hover{ color: #85b32e;}
.main1 .cont .swiper-slide-thumb-active .a2{ color: #85b32e; font-size:0.32rem;}
.main1 .cont .swiper-slide-thumb-active .a2::before{ opacity:1;}
.main1 .w1134{ width:1134px;}


@media screen and (max-width:1780px) {
.main1 .w466{ width: 100%; }	
.main1 .w1134{ width:100%;}
}	
@media screen and (max-width:1024px) {
.main1{ flex-wrap: wrap; }	
.main1 .left{ width: 100%; padding:0;}	
.main1 .right{ width: 100%; padding:0 15px; margin-top: 25px;}	
.main1 .cont{ flex-direction: row; flex-wrap: initial; padding: 0 5px;}
.main1 .cont .li{ width: auto; white-space: nowrap; padding: 0 10px;}
.main1 .cont .li::after{ left: 0; top:auto; bottom:7px;  height: 1px; width: 100%;}
.main1 .cont .li:last-child::after{ display: block;}
.main1 .cont .a2{font-size:14px; height:auto; padding:0 0 25px 0; }
.main1 .cont .a2::after{  left:50%; top:auto; bottom: 0; margin:0 0 4px -3px; }
.main1 .cont .a2::before{ left:50%; top:auto; bottom: 0; margin:0 0 0 -7px; }
.main1 .cont .swiper-slide-thumb-active .a2{font-size:14px;}


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

}



.list09{  display: block; width:84.65%;}
.list09 .li{ align-items: flex-start; display: flex; width:100%; position: relative;  overflow: hidden; border-radius: 0.2rem;}
.list09 .li .pic{  display: flex; align-items: center; justify-content: center; width: 100%;line-height: 0;aspect-ratio: 100 / 67.67; }
.list09 .li .pic img{width: 100%; height: 100%; object-fit: cover;}
.list09 .li .rbox{ width:100%; position: absolute; left: 0; bottom:6px; z-index: 6; padding:0.28rem 1.6rem 0.28rem 0.46rem;}
.list09 .li .tit{ width:100%; color: #fff; font-size: calc(14px + 0.02rem); line-height: calc(22px + 0.04rem);}
.list09 .li .tit1{  width:100%;color: #fff; font-size: 0.34rem; line-height: 0.44rem; font-weight: bold; margin-top: 0.07rem; }
.list09 .li .info{ display:none; width:100%; color: #fff; font-size: calc(14px + 0.02rem); line-height: calc(22px + 0.08rem); margin-top: 0.16rem;}
.list09 .li.swiper-slide-active::after{ display: block; content: ''; position: absolute; left:0; bottom: 0; width: 100%; height: 100%;  background: url(img/bg5.png) center no-repeat; background-size:100% 100%;}
.list09 .li.swiper-slide-active .rbox{ bottom: 0;}
.list09 .li.swiper-slide-active .info{ display: block;}


@media screen and (max-width:1024px) {
.list09{  display: block; width:100%;}	
.list09 .li .rbox{  padding:14px 14px; }
.list09 .li .tit{ font-size:14px; line-height:24px; }
.list09 .li .tit1{ font-size:16px; line-height:26px; margin-top:4px; }
.list09 .li .info{ font-size:14px; line-height:24px; margin-top:4px; }

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






.nav-list{display:flex; flex-wrap: wrap;width: 100%; justify-content: center; margin:26px 0 37px 0;}
.nav-list .nav-items{display:inline-flex; flex-wrap: wrap; gap:8px 0.76rem;justify-content: center; }
.nav-list .nav-item{display: inline-flex;}
.nav-list .nav-item .nav-link{position: relative;display: inline-flex; align-items: center; justify-content: center; padding:0.15rem 0; font-size:0.18rem; line-height:0.28rem; color: #666666;}
.nav-list .nav-item .nav-link::after{ display: block; content: ''; position: absolute; left:0; bottom: 0; width:0; height:2px;  background:#85b32e;}
.nav-list .nav-item:hover .nav-link { color: #85b32e;}
.nav-list .nav-item.on .nav-link { color: #85b32e;}
.nav-list .nav-item.on .nav-link::after{ width: 100%;}

@media screen and (max-width:1600px) {
.nav-list .nav-items{ gap:8px 0.56rem;}
}
@media screen and (max-width:1440px) {
.nav-list .nav-items{ gap:8px 0.46rem;}
}
@media screen and (max-width:1024px) {
.nav-list{ overflow-x: auto;justify-content: flex-start; margin:15px -15px 20px -15px;width:calc(100% + 30px); padding:0 15px;}	
.nav-list .nav-items{ flex-wrap: initial; white-space: nowrap; gap:4px 14px;justify-content: flex-start; }	
.nav-list .nav-item .nav-link{font-size:14px; line-height:24px;padding:10px 0;}	
}	
@media screen and (max-width:767px) {

}	



.tab-h{display: flex; width:100%; position: relative;
}
.tab-h ul{display: flex; white-space:nowrap; gap:0 0.34rem; position: relative; z-index: 6; }
.tab-h ul::before{ display: block; content: ''; position: absolute; left: 0; bottom:1px; z-index: 1; width:4000px; border-top: 1px solid #dbdbdb;}
.tab-h ul li{display: inline-flex; padding:0 0 0.29rem 0; position: relative; margin-right:0 !important;
font-style: normal;
font-weight: 290;
font-size: 0.18rem;
line-height: 0.28rem;
color: #666666; cursor: pointer;
}
.tab-h ul li::after{ content: '';
position: absolute; z-index: 6;
width:0;
height: 3px; border-radius:3px;
left: 0;
bottom:0;
background: #85b32e;
}
.tab-h ul li.swiper-slide-thumb-active::after{ width:100%;}
.tab-h ul li.swiper-slide-thumb-active{ color: #85b32e;}
.tab-h ul li:hover{ color: #85b32e;}

@media screen and (max-width:1800px) {
.tab-h ul{ gap:0 0.44rem;}
}
@media screen and (max-width:1024px) {
.tab-h{ margin:0 -15px 0 -15px; width: calc(100% + 30px); overflow-x: auto; padding:0 15px;}	
.tab-h ul{ gap:4px 14px; flex-wrap: nowrap; white-space: nowrap; width: auto;}
.tab-h ul li{font-size:14px; line-height:24px; padding:0 0 12px 0;}
}





.main2{ overflow: hidden;}
.main2{ display: block; width:100%;}
.main2 .bd{ display: block; width:100%; position: relative; overflow: hidden; margin-top: 0.94rem; }
.main2 .sect{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between;}
.main2 .img{ display: block; width:59.75%; line-height: 0; margin-bottom: -1rem;}
.main2 .img a{ display: block; width:100%; line-height: 0;aspect-ratio: 100 / 75.31;}
.main2 .img a img{ width: 100%; height: 100%; object-fit: cover;}
.main2 .cont{ display:block; width:32.5%; margin:0.24rem  0 0 0;}
.main2 .tit1{width:100%; display: flex; align-items: flex-start; gap:0 0.22rem;
font-weight: 400;
font-size: 0.34rem;
line-height: 0.44rem;
color: #333333;
}
.main2 .tit1 img{ min-width:0.44rem;  width:0.44rem; height:0.44rem; object-fit: contain;}
.main2 .tit2{  width:100%; margin-top: 0.37rem;
font-weight: 400;
font-size:calc(14px + 0.02rem);
line-height:calc(22px + 0.14rem);
color: #666666;

 overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:4;
}
.main2 .btn{ display: flex; align-items: center; width: 100%; margin-top:1.12rem; color: #666666; font-size: 14px; line-height: 24px;}
.main2 .btn i{display:inline-flex; border:1px solid #85b32e; border-radius: 50%;
width:33px;
height:33px; margin-right:10px; background: url(img/rt-lv.png) center no-repeat; background-size:100% 100% !important;
}
.main2 .sect:hover .tit1{ color: #85b32e;}
.main2 .sect:hover .btn{ color: #85b32e;}
.main2 .sect:hover .btn i{background: url(img/rt-bai.png) center no-repeat #85b32e; margin-right:18px;}

.main2 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; width:100%;}
.main2 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform;}
.main2 .swiper-prev,
.main2 .swiper-next{ cursor: pointer; width:45px; height:47px; display:block; background: url(img/next-hei.png) right center no-repeat; background-size:auto 27px !important; }
.main2 .swiper-prev{transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.main2 .swiper-prev:hover,
.main2 .swiper-next:hover{background: url(img/next-lv.png) right center no-repeat; }
.main2 .swiper-pagination{display:inline-flex; align-items:center;white-space: normal; color: #666666; font-size:16px; }
.main2 .swiper-pagination-current{ color: #333333;  font-size:24px;line-height:30px; }
.main2 .swiper-pagination-total{ color: #666666; font-size:14px;line-height:20px; margin-top: 6px; margin-left: 25px; position: relative;}
.main2 .swiper-pagination-total::after{ display: flex; content: '';background: #666666; width:1px; height:20px; position: absolute; bottom:2px; left:-12px; transform: rotate(20deg); -ms-transform: rotate(20deg); }
.main2 .rt{ position: absolute; right: 0; bottom: 0.62rem; z-index: 6;}

@media screen and (max-width:1024px) {
.main2 .tit1{font-size:16px; line-height:26px; gap:0 10px; margin-top:12px;}
.main2 .tit1 img{ min-width:26px;  width:26px; height:26px;}
.main2 .tit2{ font-size:14px; line-height: 26px; margin-top:15px;}
.main2 .btn{ margin-top:25px;}
.main2 .btn i{
width:24px;
height:24px;
}
.main2 .cont{ margin:0 0 25px 0;}
.main2 .bd{margin-top:25px;}
.main2 .swiper-prev,
.main2 .swiper-next{ width:36px; height:36px;background-size:auto 22px !important;  }
.main2 .swiper-pagination-current{ font-size:20px;line-height:26px;}
.main2 .swiper-pagination-total{margin-left: 20px; }
.main2 .swiper-pagination-total::after{left:-10px; bottom:4px; height:14px;}
.main2 .rt{  bottom:20px; }
}
@media screen and (max-width:767px) {
.main2 .cont{ width:100%; justify-content: center; text-align: center;}
.main2 .img{ width:70%; margin:0 0 0 15%;}
.main2 .tit1{ margin-top:0;}
}


.h-about {
display: flex; justify-content: space-between;
 flex-wrap: wrap; align-items:center; flex-direction: row-reverse;
width: 100%; 
}

.h-about .image {
aspect-ratio: 100/69.29; /* 宽高比 */
width:49.125%; border-radius: 0.2rem;
overflow: hidden;
}
.h-about .image img {
width: 100%;
height: 100%;
object-fit: cover;
}

.h-about .text { 
width:47%; 
}
.h-about .description { width: 100%; margin-top:0.38rem;
font-size: calc(14px + 0.02rem);
color: #666666;
line-height:0.36rem; 
}
.h-about .btn{ display: inline-flex; align-items: center; width: 100%; margin:0.56rem 0 0.16rem 0; color: #666666; font-size: 14px; line-height: 24px;}
.h-about .btn i{display:inline-flex; border:1px solid #85b32e; border-radius: 50%;
width:33px;
height:33px; margin-right:10px; background: url(img/rt-lv.png) center no-repeat; background-size:100% 100% !important;
}
.h-about .btn:hover{color: #85b32e;}
.h-about .btn:hover i{; background: url(img/rt-bai.png) center no-repeat #85b32e;  margin-right:18px;}


@media (max-width: 1600px) {
.h-about .description { margin-top:0.28rem;}
.h-about .btn{ margin:0.36rem 0 0 0; }
}	
@media (max-width: 1440px) {
.h-about .description {font-size: calc(14px + 0.01rem); line-height:0.32rem;  margin-top:0.18rem;}
.h-about .btn{ margin:0.26rem 0 0 0; }
}	
@media (max-width: 1024px) {
.h-about .description { margin-top:12px;
font-size: 14px;
line-height: 26px; text-align: justify;
}
.h-about .text{
width: 100%;
}
.h-about .image{ width:100%; margin-top:25px;}
.h-about .btn{ margin:20px 0 0 0; }
.h-about .btn i{width:24px;
height:24px}

}

.main4 .w100.z6{ display: block;}
.main4 .sect{ width:100%; position: absolute; top:0; left:0; z-index: 1; opacity: 0;-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; }
.main4 .sect.on{ position: relative;z-index: 6; opacity: 1;}

.main3{ position: relative;}
.main3 .bg{content: ''; width:100%; height:9.78rem; position: absolute; bottom:0; left:0; z-index: 1; display: block; }
.main3 .info1{ width: 100%; color: #666666;font-size:0.24rem; line-height:0.34rem; margin-top: 0.13rem;}
@media screen and (max-width:1024px) {
.main3 .info1{font-size:16px; line-height:28px; margin-top:6px;}
}

.lits17{ display: block; width: 100%; position: relative;}
.lits17 .u2{ display:flex; flex-wrap: wrap; align-items: flex-start; width:calc(100% + 0.4rem); margin:0 -0.2rem;}
.lits17 .u2 .li{ display:block; width: 33.33%; position: relative; padding:0.2rem;}
.lits17 .u2 .a{ display:flex; justify-content: space-between; width: 100%;  position: relative; background: #fff;overflow: hidden; border-radius: 0.2rem; overflow: hidden; box-shadow:0 0 16px rgba(0,0,0,0.08); height: 100%;}
.lits17 .u2 .a .num{ width: 100%; color: #85b32e;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem); margin-top: 0.15rem;}
.lits17 .u2 .a .tit{ width: 100%; color: #333333;font-size:0.39rem; line-height:0.49rem; font-weight:bold;}
.lits17 .u2 .a .p{ width: 100%; color: #666666;font-size:0.18rem; line-height:0.26rem; margin-top: 0.1rem;}
.lits17 .u2 .a .pic{ display:flex; align-items: center; justify-content: flex-end; width: 54.94%;aspect-ratio: 100 / 97.8;}
.lits17 .u2 .a .img{ width:100%; display: flex; align-items: center; justify-content: center;aspect-ratio: 100 / 80; }
.lits17 .u2 .a .img img{ width: 100%; height: 100%; object-fit: contain;}
.lits17 .u2 .a .cont{ display:flex; flex-wrap: wrap; width: 45.06%; align-content: space-between; padding:0.3rem 0 0.3rem 0.4rem;}
.lits17 .u2 .a:hover .tit{ color: #85b32e;}



@media screen and (min-width:1024px) {
.lits17 .u2 .li:nth-child(1){ margin-top: 1.04rem;}
.lits17 .u2 .li:nth-child(3){ margin-top: -1.39rem;}	
}	
@media screen and (max-width:1600px) {
.lits17 .u2 .a .cont{ width: 47.06%; padding:0.3rem 0 0.3rem 0.22rem;}
.lits17 .u2 .a .p{ margin-top: 0.1rem;}
.lits17 .u2 .a .pic{ width: 52.94%;}
}
@media screen and (max-width:1024px) {
.lits17{ margin-top: 20px;}	
.lits17 .u2{ width:calc(100% + 14px); margin:0 -7px;}	
.lits17 .u2 .li{ width: 50%; padding:7px;}
.lits17 .u2 .a .tit{font-size:17px; line-height:26px;}
.lits17 .u2 .a .p{ font-size:14px; line-height:24px; margin-top:6px;}
.lits17 .u2 .a .cont{ padding:18px 0 18px 15px;}
}
@media screen and (max-width:700px) {
.lits17 .u2 .li{ width: 100%;}
.lits17 .u2 .a .cont{width: 56%;}
.lits17 .u2 .a .pic{ width: 40%;}
}



/* ny_banner */
.ny_banner{width: 100%;position: relative; line-height: 0;}
.ny_banner::after{ content: ''; position: absolute; left: 0; top:0; z-index: 1; width: 100%; height: 100%;  background: url(img/bg1.png) center no-repeat; background-size: 100% 100%; display: block; }
.ny_banner .box{  display: block; position: absolute; left: 0; top:42.53%; z-index: 6; width: 100%; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.ny_banner .box1{  display: block; position: absolute; left: 0; bottom: 0.61rem; z-index: 6; width: 100%;  }
.ny_banner .box2{  display: block; position: absolute; left: 0; bottom: 0.38rem; z-index: 6; width: 100%;  }
.ny_banner .box3{  display: block; position: absolute; left: 0; top:11.875%; z-index: 6; width: 100%; }
.ny_banner .zh{font-size: 0.8rem;color: #fff;line-height:0.9rem;font-weight: 900;width: 100%;  }
.ny_banner .en{font-size: 0.71rem;line-height:0.81rem;font-weight: 900; text-transform: uppercase; margin-top:0.12rem;
 color:transparent; letter-spacing:0.02rem;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;}
.ny_banner .tit1{font-size: 0.76rem;color: #fff;line-height:0.86rem;font-weight: 900;width: 100%; text-align: center; }
.ny_banner .tit2{font-size: 0.24rem;color: #fff;line-height:0.24rem;font-weight: 400;width: 100%; text-align: center; letter-spacing: 0.05rem; margin-top:0.18rem; }
.ny_banner .tit3{font-size: 0.76rem;color: #fff;line-height:0.86rem;font-weight: 900;width: 100%; }
.ny_banner .tit4{font-size: 0.36rem;color: #fff;line-height:0.46rem;font-weight: 400; display: inline-flex; margin-top:0.29rem; padding:0.07rem 0.9rem 0.09rem 0.34rem;  background: url(img/bg.png) center no-repeat; background-size: 100% 100%;letter-spacing: 0.02rem; border-radius:0 0.31rem 0.31rem 0.31rem; }

@media  screen and (max-width:1024px){
.ny_banner .zh{font-size: 24px; line-height:34px;}
.ny_banner .en{ font-size:20px;line-height:30px; margin-top:4px; letter-spacing:1px;}
.ny_banner .box{ top:50%; }
.ny_banner .box1{ display: none;}
.ny_banner .tit1{font-size: 24px; line-height:34px;}
.ny_banner .tit2{ font-size:14px;line-height:24px; margin-top:4px; letter-spacing:0;}
.ny_banner .tit3{font-size: 24px; line-height:34px;}
.ny_banner .tit4{font-size:15px;line-height:25px; margin-top:15px; padding:3px 30px 5px 14px;  border-radius:0 16px 16px 16px;  letter-spacing: 0; }

}

.mbx{ display: flex; align-items: center; overflow: hidden;white-space: nowrap; text-overflow:ellipsis;color: #fff; font-size:14px; line-height:22px; }
.mbx a{ display: inline-block; color: #fff;}
.mbx i{ display: inline-block; margin:0 7px;}
.mbx span{ color:#fff;}
.mbx .ico{ display:inline-flex; align-items: center; line-height: 0; gap:0 9px;}
.mbx .ico img{ min-width:20px; width:20px; height:20px;}
.mbx a:hover{ text-decoration: underline;}


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

}








.Contact2{ width:100%;}
.Contact2 .box{  flex-wrap:wrap; display: flex; justify-content:center; background: #fff; border-radius: 10px; width:100%; padding:0.72rem 0.85rem 0.85rem 0.85rem;}
.Contact2 .info{ text-align: center; display:block; color: #666666;font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top: 0.2rem;}


@media screen and (max-width:1024px) {
.Contact2 .box{ width:100%;padding:25px 18px 35px 18px; }
.Contact2 .info{ margin-top:10px;}
}


._form3{ width:9.6rem; flex-wrap:wrap; display: flex; justify-content:space-between;}
._form3 .lab{ width:48.54%; position:relative; display: flex; flex-wrap: wrap; margin-bottom:0.34rem; }
._form3 .w100{ width:100%;}
._form3 .name{ width:100%; display:block; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); padding-bottom:0.14rem;}
._form3 .name span{ color: #ff0707;}
._form3 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:1px solid #d6d6d6; background:none; font-size:calc(14px + 0.02rem);color: #333; line-height:26px; height:52px; padding:12px 19px; border-radius: 5px;}
._form3 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%;border:1px solid #d6d6d6; background:none; font-size:calc(14px + 0.02rem);color: #333; line-height:26px; height:111px; padding:12px 19px;border-radius: 5px; margin-bottom:6px;}
._form3 .yanzhengma{ position: absolute; right:1px; top:1px;border-radius: 5px; height:50px; object-fit: contain; z-index:6;width: 100px;}
._form3 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:calc(14px + 0.02rem); color: #fff; height:52px; padding-bottom: 1px; background: #85b32e; border-radius:5px;}
._form3 .submit:hover{  background: #f9cc24;}
._form3 .lab1{ width:100%; display: block; color:#666; font-size:calc(14px + 0.02rem); line-height:1; }
._form3 .lab1 span{ color: #ff0707;}
._form3 .yzm{ width:100%;}

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

@media screen and (max-width:1600px) {
._form3 .lab{ margin-bottom:0.24rem; }	
}	
@media screen and (max-width:1024px) {
._form3{ width:100%; }
._form3 .lab{ margin-bottom: 14px;}
._form3 .name{  font-size:14px;padding-bottom: 6px;}
._form3 .text{ font-size:14px; height:40px; padding:7px 12px;}
._form3 .textarea{ font-size:14px; padding:7px 12px;}
._form3 .submit{ height:40px;}
._form3 .yanzhengma{ height:38px; width: 76px;}
}
@media screen and (max-width:767px) {
._form3 .lab{ width:100%;}
}





.mapbox{ display: block; width:66.66%; overflow: hidden;}
.mapbox .a{ position: relative; display: block; width:100%;aspect-ratio: 100 / 60.86; overflow: hidden; }
.mapbox .box1{ display:block; position:absolute; z-index:5; line-height: 0; margin:-0.28rem 0 0 -0.28rem;}
.mapbox .box1 .ico{ width:0.56rem;}
.mapbox .box1 .cont{ white-space: normal; display: flex; width:4.75rem; flex-wrap: wrap; position:absolute; left:50%; top:50%; z-index:5; background:#fff; padding:0.42rem 0.3rem 0.58rem 0.39rem; transform: translate(0,-50%); -ms-transform: translate(0,-50%); margin:0 0 0 0.5rem;
 border-radius: 15px; box-shadow:0 0 7px rgba(133,179,46,0.1);}
.mapbox .box1 .cont::after{ content:''; display:block; position: absolute; right:100%; top:50%; border-top:12px solid transparent; border-bottom:12px solid transparent;border-right:13px solid #fff;  margin:-12px 0 0 0; z-index:6;}
.mapbox .box1 .cont .tit{ font-weight: bold; width:100%; color: #85b32e; font-size:0.28rem; line-height:0.38rem; }
.mapbox .box1 .cont .siz18{ display: flex; width:100%; color: #333333; font-size:0.18rem; line-height:0.28rem;  margin-top:0.12rem;}
.mapbox .box1 .cont .p{ display: flex; align-items: flex-end; width:100%; color: #85b32e; font-size:13px; line-height:23px;margin-top:0.36rem;}
.mapbox .box1 .cont .p i{ display: inline-flex; background: url(img/ico10.png) center no-repeat; background-size:100% auto !important; width:20px; height:20px; margin:0 6px 0 0;}
.mapbox .box1 .cont .p span{ border-bottom: 1px solid #85b32e;}
.mapbox .box1 .cont .p:hover{color: #85b32e;}
.mapbox .box1 .cont .p:hover i{ margin-right: 10px;}


@media screen and (max-width: 1440px) {
.mapbox .box1 .cont{ width:4.4rem;padding:0.4rem 0.3rem 0.4rem 0.3rem; margin:0 0 0 0.4rem;}	
.mapbox .box1 .cont .p{margin-top:0.26rem;}
.mapbox .box1 .cont .tit{font-size:0.26rem; line-height:0.36rem; }
}	
@media screen and (max-width: 1024px) {
.mapbox{ width:100%; position: relative; }	
.mapbox .a{}
.mapbox .box1{ margin:-18px 0 0 -18px;}
.mapbox .box1 .ico{ width:36px;}
.mapbox .box1 .cont{ width:190px;padding:14px 14px 20px 14px; border-radius: 10px; margin:0 0 0 20px;}
.mapbox .box1 .cont::after{border-top:6px solid transparent; border-bottom:6px solid transparent;border-right:7px solid #fff;  margin:-6px 0 0 0;}
.mapbox .box1 .cont .tit{  font-size:15px; line-height:23px;}
.mapbox .box1 .cont .siz18{  font-size:13px; line-height:20px;margin-top:4px;}
.mapbox .box1 .cont .p{margin-top:6px; }

}


.Contact1 {display: flex; flex-wrap: wrap;justify-content: space-between; width:100%; }
.Contact1 .w480{width:480px;}
.Contact1 .left{ display: flex; flex-wrap: wrap; width:33.34%; padding:0.95rem 0 0 0.9rem; justify-content:flex-end; align-content:flex-start; }
.Contact1 .left .cont{ display:block; width: 100%; margin-top:0.46rem; }
.Contact1 .left .adrr{ display:flex; width: 100%; color:#666666;font-size:0.18rem; line-height:0.26rem; margin-top: 0.24rem; position: relative; padding-left:0.34rem;}
.Contact1 .left .adrr img{ position: absolute; left: 0; top:0.14rem; width:0.24rem; height:0.24rem;}
.Contact1 .left .er{ display:flex; flex-wrap: wrap; width:100%; margin-top:0.44rem;}
.Contact1 .left .er .div{ display:block; width:93px; margin-right: 20px;}
.Contact1 .left .er .div i{ display:block; width:100%; line-height: 0;}
.Contact1 .left .er .div span{ display:block; width:100%; text-align:center; margin-top:6px; color: #666; font-size:calc(14px + 0.02rem); line-height:24px;}

@media screen and (max-width: 1780px) {
.Contact1 .w480{width:100%;}	
}	
@media screen and (max-width: 1600px) {
.Contact1 .left{ padding:0.85rem 0 0 0.9rem; }	
.Contact1 .left .cont{ margin-top:0.4rem; }	
.Contact1 .left .adrr{ margin-top: 0.18rem;}	
.Contact1 .left .er{ margin-top:0.38rem;}
}	
@media screen and (max-width:1440px) {
.Contact1 .left{ padding:0.8rem 0 0 0.9rem; }	
.Contact1 .left .cont{ margin-top:0.35rem; }	
.Contact1 .left .adrr{ margin-top: 0.16rem;}	
.Contact1 .left .er{ margin-top:0.35rem;}
}	
@media screen and (max-width:1024px) {
.Contact1{ padding:0;}		
.Contact1 .box{ width:100%;}	
.Contact1 .left{  width:100%; padding:40px 15px 40px 15px;}
.Contact1 .left .cont{ margin-top:12px;  }
.Contact1 .left .adrr{font-size:14px; line-height:22px; margin-top:10px; padding-left:30px;}
.Contact1 .left .adrr img{ top:11px; width:20px; height:20px;}
.Contact1 .left .er{margin-top:25px; justify-content:center;}
.Contact1 .left .er .div{ margin:0 10px;}
}







.lits06{ display: block; width: 100%; padding-top: 0.38rem;}
.lits06 .u2{ display:block; width: 100%;}
.lits06 .u2 .li{ display:block; width: 100%; margin-top:0.3rem;}
.lits06 .u2 .a{ display:flex; justify-content: space-between; width: 100%;  position: relative; background: #fff;overflow: hidden; border-radius: 10px;}
.lits06 .u2 .a .time{ width: 100%; color: #666666;font-size:16px; line-height: 22px;}
.lits06 .u2 .a .tit{ width: 100%; color: #85b32e;font-size:0.2rem; line-height:0.3rem; font-weight:400;}
.lits06 .u2 .a .tit1{ width: 100%; color: #333333;font-size:0.3rem; line-height:0.4rem; font-weight:bold; margin-top: 2px;}
.lits06 .u2 .a .p{ width: 100%; color: #666666;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); margin-top: 0.24rem;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:5;
}
.lits06 .u2 .a .pic{ display:block; width:50%;}
.lits06 .u2 .a ._img{ padding-bottom:70%;}
.lits06 .u2 .a .cont{ display:flex; flex-wrap: wrap; width: 50%; align-content: space-between; padding:0.56rem 1.2rem 0.6rem 0.72rem;}
.lits06 .u2 .a .btn{ display: flex; align-items: center; width: 100%; margin-top:0.24rem; color: #666666; font-size: 14px; line-height: 24px;}
.lits06 .u2 .a .btn i{display:inline-flex; border:1px solid #85b32e; border-radius: 50%;
width:33px;
height:33px; margin-right:10px; background: url(img/rt-lv.png) center no-repeat; background-size:100% 100% !important;
}
.lits06 .u2 .a:hover .tit1{ color: #85b32e;}
.lits06 .u2 .a:hover .btn{ color: #85b32e;}
.lits06 .u2 .a:hover .btn i{ background: url(img/rt-bai.png) center no-repeat #85b32e; margin-right:18px;}
.lits06 .u2 .li:nth-child(2n) .a{ flex-direction: row-reverse;}


@media screen and (max-width:1440px) {
.lits06 .u2 .a .cont{ padding:0.46rem 0.62rem 0.5rem 0.62rem;}	
}
@media screen and (max-width:1024px) {
.lits06{ padding-top:5px;}	
.lits06 .u2 .li{ margin-top:20px;}
.lits06 .u2 .a .btn{ margin:12px 0 0 0;}
.lits06 .u2 .a .btn i{
width:24px;
height:24px;
}
.lits06 .u2 .a .tit{font-size:15px; line-height:25px;}
.lits06 .u2 .a .tit1{font-size:16px; line-height:26px;}
.lits06 .u2 .a .p{ font-size:14px; line-height:24px; margin-top:6px;}
.lits06 .u2 .a .cont{ padding:18px 15px;}
}
@media screen and (max-width:767px) {
.lits06 .u2 .a{ flex-wrap: wrap;}
.lits06 .u2 .a .pic{ width:100%;}
.lits06 .u2 .a .cont{ width:100%;}
.lits06 .u2 .a .btn{ margin:12px 0 5px 0;}
}





.page_section{width: 100%;}
.page_section .pcpage{display: flex;justify-content: center;align-items: center; }
.page_section .pcpage a{display: flex;justify-content: center; width:40px; height:40px; font-size: 16px; line-height: 40px; color:#9c9c9c;border-radius:3px; margin:0 5px; box-sizing: border-box;
}
.page_section .pcpage a.dian{ line-height:30px;}
.page_section .pcpage span{ padding:0 6px;}
.page_section .pcpage a:hover,
.page_section .pcpage a.on{ background:#85b32e; color: #fff;}
.page_section .pcpage .btn{ font-family: Arial }
.page_section .phpage{display: none;justify-content: center;align-items: center;}
.page_section .phpage a{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;color:#9c9c9c;}
.page_section .phpage span{margin: 0 20px;font-size: 16px;color:#9c9c9c;}

@media screen and (max-width:1024px) {
.page_section .pcpage{display: none;}
.page_section .phpage{display: flex;}
}





/* 成功案例 */
.SubNav{ background: #fff; position: relative; z-index: 6; margin-top:-0.37rem; border-radius: 0.74rem; padding:0 0.39rem;}
.SubNav ul{display: flex;justify-content:center; width: 100%; gap:0 0.78rem;}
.SubNav .case-li{justify-content: left; display: inline-flex;}
.SubNav .case-li a{color: #666666;font-size: 0.18rem; line-height:0.3rem;height:0.74rem; display:inline-flex; align-items: center; justify-content:center
;}
.SubNav .case-li:hover a{color: #85b32e;}
.SubNav .case-li.on a{color: #85b32e;}

@media (max-width:1800px){
.SubNav ul{ gap:0 0.68rem;}
}
@media (max-width:1600px){
.SubNav{  padding:0 0.3rem;}	
.SubNav ul{ gap:0 0.52rem;}
}
@media (max-width:1440px){
.SubNav{  padding:0 0.3rem;}	
.SubNav ul{ gap:0 0.5rem;}
}
@media (max-width: 1024px){
.SubNav{  padding:0 18px; margin-top:-20px; border-radius:40px;}
.SubNav ul{  overflow-x: auto; flex-wrap: nowrap; white-space: nowrap; justify-content: flex-start; gap:0 16px;}	
.SubNav .case-li a {font-size:14px; line-height:24px; height:40px; }

}

.list07{display:grid; grid-template-columns: repeat(3,1fr);gap:0.4rem; }
.list07 .item{width: 100%;}
.list07 .item .a{border-radius: 10px;overflow: hidden; width: 100%; display: flex; flex-wrap: wrap;}
.list07 .cont{padding: 0.4rem 0.5rem 0.48rem 0.4rem;display: flex; flex-wrap: wrap; background: #fff;width: 100%;}
.list07 ._img{padding-bottom: 64.42%;}
.list07 ._tit{font-size: 0.22rem;line-height: 0.28rem;height: 0.84rem; color: #373737; width: 100%; margin-top:0.14rem;
 overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;
}
.list07 .text-muted{position: relative;padding-left: 12px; color:#666; font-size:calc(14px + 0.04rem); line-height:26px;width: 100%;}
.list07 .text-muted::before{
	content: "";
	position: absolute;
	left: 0;
	top:11px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #85b32e;	
}
.list07 .btn{margin-top:0.38rem;display:inline-flex; border:1px solid #85b32e; border-radius: 50%;
width:33px;
height:33px; background: url(img/rt-lv.png) center no-repeat; background-size:100% 100% !important;
}
.list07 .item:hover .text-muted{color: #fff;}
.list07 .item:hover .text-muted::before {background-color:#fff;}
.list07 .item:hover ._img img { transform: scale(1.05); }
.list07 .item:hover .cont{background-color: #85b32e;}
.list07 .item:hover ._tit{color: #fff;}
.list07 .item:hover .btn{background: url(img/rt-bai.png) center no-repeat;  border:1px solid #fff;
}



@media (max-width:1600px){
.list07 .cont{padding: 0.3rem 0.38rem 0.38rem 0.38rem;}
.list07 .btn{margin-top:0.28rem;}
}
@media (max-width: 1024px){
.list07{display: grid;grid-template-columns: repeat(3,1fr);gap:14px; margin-top: 25px;}
.list07 ._tit{font-size: 16px;line-height: 22px;height:66px; margin-top:6px;}
.list07 .text-muted{font-size: 14px;line-height: 20px;}
.list07 .text-muted::before{top:7px}
.list07 .btn{margin-top:12px;width:24px;
height:24px;}
.list07 .cont {padding:15px 15px 20px 15px;}
}

@media (max-width: 700px){
.list07 {grid-template-columns: repeat(1, 1fr);}
.list07 ._tit{ height: auto;}
.case-swiper ._tit{-webkit-line-clamp:1;}
}


.swiper-box .w_width{ overflow: hidden;}
.swiper-box .list07{ display: flex; flex-wrap:wrap;gap:0 !important; }
.swiper-box .down{ position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%;}
.swiper-box .down .fl{ align-items:center;}
.swiper-box .down .swiper-num{ align-items:center; display: flex;}
.swiper-box .swiper-wrapper{position: relative; z-index: 1; display: flex; /* transition-property: transform; box-sizing: content-box; */}
.swiper-box .swiper-slide {flex-shrink: 0; position: relative;/* transition-property: transform; */width:100%; line-height: 0;}
.swiper-box .swiper-prev,
.swiper-box .swiper-next{ cursor: pointer; width:45px; height:47px; display:block; background: url(img/next-hei.png) right center no-repeat; background-size:auto 27px !important; }
.swiper-box .swiper-prev{transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.swiper-box .swiper-prev:hover,
.swiper-box .swiper-next:hover{background: url(img/next-lv.png) right center no-repeat; }
.swiper-box .swiper-pagination{display:inline-flex; align-items:center;white-space: normal; color: #666666; font-size:16px; }
.swiper-box .swiper-pagination-current{ color: #333333;  font-size:24px;line-height:30px; }
.swiper-box .swiper-pagination-total{ color: #666666; font-size:14px;line-height:20px; margin-top: 6px; margin-left: 25px; position: relative;}
.swiper-box .swiper-pagination-total::after{ display: flex; content: '';background: #666666; width:1px; height:20px; position: absolute; bottom:2px; left:-12px; transform: rotate(20deg); -ms-transform: rotate(20deg); }
.swiper-box .swiper-scrollbar {
    opacity: 1 !important; 
    width: calc(100% - 2.32rem);
    border-radius: 3px; 
    margin: 1px 0;
    transition: .3s opacity;
    z-index: 10;
    background: var(--swiper-pagination-progressbar-bg-color, #dfdfdf);
    position: relative;
    height: var(--swiper-pagination-progressbar-size, 1px);
    overflow: visible;
}
.swiper-box .swiper-scrollbar-drag{
    background: #85b32e;
    background: var(--swiper-pagination-color, #85b32e);
    position: absolute;
    left: 0;
    top:-1px;
    width: 10%;
     height:3px;
    border-radius: 3px;
    transform: translateX(0);
    will-change: transform;
}
.swiper-box .swiper-scrollbar-drag::after{ content:''; display: block; position: absolute; right:20%; top:0; width:2000px; height:3px; background:#85b32e;z-index:1;border-radius: 3px 0 0 3px;}
.swiper-box .swiper-scrollbar1{width: calc(100% - 2.32rem) !important; display: flex; align-items: center; height:1px; background:#dfdfdf; position: relative;}
.swiper-box .swiper-scrollbar-drag1{ position:absolute; top: -1px; height: 3px; background:#85b32e;border-radius: 3px; display: flex; align-items: center; transition: left 0.2s ease-out, width 0.2s ease-out;}
.swiper-box .swiper-scrollbar-drag1::after{ content:''; display: block; position: absolute; right:20%; top:0; width:2000px; height:3px; background:#85b32e;z-index:1;border-radius: 3px 0 0 3px;}

@media (max-width: 1024px){
.swiper-box .swiper-prev,
.swiper-box .swiper-next{ width:36px; height:36px;background-size:auto 22px !important;  }
.swiper-box .swiper-pagination-current{ font-size:20px;line-height:26px;}
.swiper-box .swiper-pagination-total{margin-left: 20px; }
.swiper-box .swiper-pagination-total::after{left:-10px; bottom:4px; height:14px;}
.swiper-box .swiper-scrollbar { width:calc(100% - 160px);}
.swiper-box .swiper-scrollbar1{ width:calc(100% - 160px) !important;}
}


.cases-xq .sect{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; background: #fff; padding:0.7rem 0.6rem 1.15rem 0.6rem; color: #666666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.14rem);}
.cases-xq .left { width: 67.63%; }
.cases-xq .right { position: sticky; top:1.5rem; width: 22.3%; }
.cases-xq .tit4{width: 100%; color:#333333; font-size: 0.2rem;line-height: 0.32rem; font-weight: bold;}
.cases-xq .tit1{width: 100%; color:#85b32e; font-size: 0.26rem;line-height: 0.36rem;}
.cases-xq .tit2{width: 100%; color:#333333; font-size: 0.44rem;line-height: 0.54rem;padding:12px 0 0.46rem 0; margin-bottom: 0.62rem; border-bottom: 1px solid #eeeeee;}
.cases-xq .tit3{width: 100%; display:block;position: relative;font-size: 0.24rem;line-height:0.36rem; padding-left:15px; color: #333333;}
.cases-xq .tit3::before{
content: "";
display: block;
height: 0.22rem;
width: 3px; border-radius:3px;
background-color: #85b32e;
position: absolute;
top:0.08rem;
left: 0;
}
.cases-xq .u1{width: 100%; display:block; padding-top: 7px;}
.cases-xq .u1 .item{width: 100%; display:block; margin-top: 0.22rem;}
.cases-xq .u1 .item a{width: 100%; position: relative; color: #666666; padding-left: 18px; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}
.cases-xq .u1 .item a::after{ display: block; content:''; position: absolute; left:0; top:50%; width:6px; height:6px; border-radius: 50%; background: #85b32e;  margin-top: -2px;}
.cases-xq .u1 .item a:hover{color: #85b32e; }
.cases-xq .u1 .item a.active{color: #85b32e; }



@media (max-width: 1024px){
.cases-xq .sect{padding:25px 15px 40px 15px; font-size:14px; line-height:26px;}	
.cases-xq .left{width: 100%; }
.cases-xq .right { width: 100%; margin-top:25px; }
.cases-xq .tit1{font-size: 18px;line-height: 28px;}
.cases-xq .tit2{font-size: 20px;line-height: 30px;padding:6px 0 20px 0; margin-bottom:25px; }
.cases-xq .tit3{font-size: 16px;line-height:26px; padding-left:10px;}
.cases-xq .tit3::before{
height:14px;
width: 2px;
top:7px;
}
.cases-xq .tit4{font-size:15px;line-height:26px;}
.cases-xq .u1{ padding-top: 7px;}
.cases-xq .u1 .item{ margin-top:6px;}
}



.pord2 { display: block;width: 100%;}
.pord2 .u2 { display: grid;grid-template-columns: repeat(2,1fr);gap:0.3rem;width: 100%;}
.pord2 .li{ display:flex; }
.pord2 .li .a{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center; position: relative; overflow: hidden; border-radius:10px;background: url(img/products-bg.jpg) center no-repeat; background-size:100% 100% !important; padding:0.35rem 0.32rem 0.33rem 0.32rem;}
.pord2 .li .a .img{display: flex; align-items:flex-end; justify-content: center; position: relative; line-height: 0; width: 93%;aspect-ratio: 100 / 62.8; }
.pord2 .li .a .img img{ max-width: 100%; max-height: 100%; object-fit: contain;/* position: absolute; left: 0; top: 0; */}
.pord2 .li .a .cont{ display: flex; align-items: center; justify-content: space-between; width: 100%; gap:0 14px; }
.pord2 .li .a .tit1{ width: 100%;font-weight: 400;
color: #333333;
font-size: 0.28rem;
line-height: 0.38rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:1;}
.pord2 .li .a:hover .tit1{color: #85b32e;}
.pord2 .li .a .btn{display:inline-flex; border:1px solid #85b32e; border-radius: 50%;
width:33px;min-width:33px;
height:33px;  background: url(img/rt-lv.png) center no-repeat; background-size:100% 100% !important;
}
.pord2 .li .a:hover .btn{ background: url(img/rt-bai.png) center no-repeat #85b32e;}

@media screen and (max-width:1024px) {
.pord2 .u2 {grid-template-columns: repeat(2,1fr);gap:14px;}
.pord2 .li .a{padding:14px 14px;}
.pord2 .li .a .tit1{font-size:16px; line-height:24px;} 
.pord2 .li .a .btn{
width:24px;min-width:24px;
height:24px;
}
}

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




.pord-swiper .u2{ display: flex; gap:0 !important;}

.pord-tz{ display: block; width: 100%; text-align: center; line-height: 0; margin-top:35px;}

@media screen and (max-width:1024px) {
.pord-tz{ margin-top:25px;}
}	


.pord-js .info{ display: block; width: 100%; color: #666666; font-size: calc(14px + 0.02rem); line-height: calc(22px + 0.14rem);margin-top:38px;}
.pord-js .box{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; line-height: 0; margin-top: 28px;}
.pord-js .box .pic1{ display: block; width: 66.31%; overflow: hidden; border-radius: 10px;}
.pord-js .box .pic1 .div{ display: block; width: 100%;aspect-ratio: 100 / 52.49;}
.pord-js .box .pic1 .div img{ width: 100%; height: 100%; object-fit: cover;}
.pord-js .box .pic2{ display: block; width: 31.75%; overflow: hidden; border-radius: 10px; }
.pord-js .box .pic2 .div{ display: block; width: 100%;aspect-ratio: 100 / 109.64;}
.pord-js .box .pic2 .div img{ width: 100%; height: 100%; object-fit: cover;}
.pord-js .box .slick-dots{ position: absolute; left: 0; bottom:0.26rem; z-index: 6; margin:0 !important;}
.pord-js .box .slick-dots li{ background: #fff;}

@media screen and (max-width:1024px) {
.pord-js .info{font-size: 14px; line-height: 26px; margin-top:20px;}
.pord-js .box{ margin-top:20px;}
.pord-js .box .slick-dots{ bottom:16px;}
}	


.table{  color: #333333; font-size:calc(14px + 0.02rem); line-height:24px;}
.table th{ background:#f9cc24; color: #3e3e3e; font-size:calc(14px + 0.02rem); padding:6px 12px;border:1px solid #fff; text-align: center;}
.table td{ background:#f3f3f3; color: #666666; font-size:calc(14px + 0.02rem); padding:0.15rem 12px;border:1px solid #fff; text-align: center;}
.table tr:nth-child(2n+2) td{ background: #e9e9e9;}

@media screen and (max-width:1440px) {
.table th{ font-size:14px; padding:6px 12px;}
.table td{ font-size:14px; padding:8px 12px;}
.table{ white-space: nowrap;}
.pord6{ display: block; overflow-x: auto;}
}



.pord-cs .title{ display:block; width:100%; color: #333333; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem);}
.pord-cs .info{ display:block; width:100%; color: #666666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.14rem); }
.pord-cs .sect{ display:flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width:100%; color: #666666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.14rem); }
.pord-cs .sect .cont{ display:block; width:46.25%; margin-bottom: 0.65rem;}
.pord-cs .sect .dl{ display:block; width:100%; border-top: 3px solid #eaeaea; margin-top: 25px;}
.pord-cs .sect .dd{ display:flex; align-items: flex-start; justify-content: space-between; width:100%; padding:0.19rem 0; border-bottom: 1px solid #eaeaea;}
.pord-cs .sect .t1{width:24%;}
.pord-cs .sect .t2{width:73.37%;}
.pord-cs .mt27{ margin-top: 27px;}


@media screen and (max-width:1024px) {
.pord-cs .info{ font-size:14px; line-height:26px; }	
.pord-cs .sect{ font-size:14px; line-height:26px; }	
.pord-cs .sect .dl{ border-top: 3px solid #eaeaea; margin-top:18px;}
.pord-cs .sect .dd{padding:10px 0; }
.pord-cs .sect .cont{ width:100%; margin-bottom:30px;}
.pord-cs .mt27{ margin-top: 20px;}
}
@media screen and (max-width:700px) {

}


.about5{ display:block; width:100%; position: relative;}
.about5 .list{ display: block; width:100%;}
.about5 .list .box{ display:block; width: 100%;}
.about5 .list .ul{ display:grid;grid-template-columns: repeat(6, 1fr); gap: 0.3rem;}
.about5 .list .li{ display: block; width:100%;}
.about5 .list .la{ display: block; width:100%;}
.about5 .list .la ._img{ padding-bottom:38.43%; background: #fff; border-radius: 10px;}
.about5 .list .la ._img img{object-fit: contain;}
.about5 .list .la:hover  ._img img{transform: scale(0.95); -ms-transform: scale(0.95);}


@media screen and (max-width:1024px) {
.about5 .list .ul{grid-template-columns: repeat(4, 1fr); gap: 12px;}
}
@media screen and (max-width:767px) {
.about5 .list .ul{grid-template-columns: repeat(3, 1fr);}


}





.about4{ display: block; width: 100%; position: relative; background: #77a521;}
.about4 .bg{ display: block; width: 100%; position: absolute; left: 0; top: 0; height: 100%; z-index: 1; opacity: 0.2;}
.about4 .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:-0.15rem;}
.about4 .li{ display:flex; flex-wrap: wrap; width:25%; padding:0.15rem;}
.about4 .la{ display:flex; flex-wrap: wrap; width:100%; position: relative; height: 100%; padding:0.37rem 0.38rem 0.44rem 0.38rem; align-content: space-between;
background: #fff; border-radius: 0.2rem;
}
.about4 .la .tit{ display: block; width: 100%; color: #333333;font-size: 0.3rem;line-height: 0.4rem; font-weight: bold;}
.about4 .la .tit1{ display: block; width: 100%; color: #85b32e;font-size: 0.2rem;line-height:0.3rem; font-weight: 400; margin-top:0.09rem;}
.about4 .la .info{ display: block; width: 100%; color: #666666;font-size:calc(14px + 0.02rem);line-height:calc(22px + 0.14rem); margin-top:0.19rem;}
.about4 .la .ico{ display: block; width: 100%; line-height: 0; margin-top:0.72rem;}
.about4 .la .ico img{ width:0.5rem; height:0.5rem;}
.about4 .la:hover .tit{ color: #85b32e;}
.about4 .la:hover .ico img{ transform: translateY(-10px); -ms-transform: translateY(-10px); }


@media  screen and (max-width:1024px){
.about4 .ul{ width:calc(100% + 14px); margin:-7px;}
.about4 .li{ width:50%; padding:7px;}
.about4 .la{ padding:25px 15px 30px 15px;position: relative;}
.about4 .la .tit{ font-size:18px; line-height: 28px; padding-right: 60px;}
.about4 .la .tit1{ font-size:16px; line-height: 26px; padding-right: 60px; margin-top:5px;}
.about4 .la .info{ font-size:14px; line-height: 26px; margin-top:10px;}
.about4 .la .ico{ width: auto; margin-top:0; position: absolute; right:15px; top:30px; z-index: 6;}
.about4 .la .ico img{ width:40px; height:40px;}
}
@media  screen and (max-width:700px){
.about4 .li{ width:100%;}


}





.about1 {
display: flex; justify-content: space-between; flex-direction: row-reverse;
 flex-wrap: wrap;  align-items: center;
width: 100%; 
}

.about1 .image {
aspect-ratio: 100/57.35; /* 宽高比 */
width:49.75%; border-radius: 0.2rem;
overflow: hidden;
}
.about1 .image img {
width: 100%;
height: 100%;
object-fit: cover;
}

.about1 .text { 
width:46.25%; 
}
.about1 .tit { width: 100%;
font-size: 0.26rem;
color: #85b32e;
line-height: 0.36rem; 
}
.about1 .description { width:calc(100% + 0.4rem); margin-top:0.33rem;
font-size: calc(14px + 0.02rem);
color: #666666;
line-height: 0.36rem;   overflow: hidden; overflow-y: auto; scrollbar-width: thin; height:3.08rem; padding-right: 0.4rem; margin-right: -0.4rem;
}



@media (max-width: 1024px) {
.about1 .tit {
font-size: 18px;
line-height: 28px;
}	
.about1 .description {
font-size: 14px;
line-height: 26px;
}
.about1 .description{
width:calc(100% + 7px); height:auto; padding-right:7px; margin-right: -7px; margin-top:15px;
}
.about1 .text{ width:100%;}
.about1 .image{ width:100%; margin-top:25px;}
}




.about2 {
display: flex; justify-content: space-between;
 flex-wrap: wrap; align-items:center;
width: 100%; 
}

.about2 .image {
aspect-ratio: 100/64; /* 宽高比 */
width:50.87%; border-radius: 0.2rem;
overflow: hidden;
}
.about2 .image img {
width: 100%;
height: 100%;
object-fit: cover;
}

.about2 .text { 
width:45.93%;  overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height:4.72rem;  padding-right: 0.4rem;
}
.about2 .description { width: 100%;
font-size: calc(14px + 0.02rem);
color: #666666;
line-height:0.36rem; 
}



@media (max-width: 1024px) {
.about2 .description {
font-size: 14px;
line-height: 26px;
}
.about2 .text{
width:calc(100% + 7px); max-height:initial; padding-right:7px; margin-right: -7px;
}
.about2 .image{ width:100%; margin-top:25px;}
}


.about3{ display: block; width: 100%; text-align: center;font-size: calc(14px + 0.04rem); margin-top: 6px;
color: #666666;
line-height:calc(22px + 0.06rem); }


.lits07{ display: block; width: 100%; position: relative; margin-bottom: 7px;}
.lits07::after{ display:block; width:116.8%; height: 1px; content: ''; position: absolute;  left:-8.4%; bottom: 5px; background: url(img/bg4.png) center no-repeat;  background-size: 100% 100% !important; }
.lits07 .u2{ display:flex; flex-wrap: wrap; width:calc(100% + 0.4rem); margin:0 -0.2rem;}
.lits07 .u2 .li{ display:block; width: 33.33%; position: relative; padding:0.45rem 0.2rem 0.6rem 0.2rem;}
.lits07 .u2 .li::after{ display:block; width:1px; height: 0.6rem; content: ''; position: absolute;  left:39px; bottom: 0; background: #85b32e; }
.lits07 .u2 .li::before{ display:block; width:11px; height:11px; border-radius: 50%; content: ''; position: absolute;  left:34px; bottom: 0; background: #85b32e; }
.lits07 .u2 .a{ display:flex; justify-content: space-between; width: 100%;  position: relative; background: #fff;overflow: hidden; border-radius: 0.2rem; overflow: hidden; box-shadow:0 0 16px rgba(0,0,0,0.08); height: 100%;}
.lits07 .u2 .a .num{ width: 100%; color: #85b32e;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem); margin-top: 0.15rem;}
.lits07 .u2 .a .tit{ width: 100%; color: #333333;font-size:0.28rem; line-height:0.36rem; font-weight:400;}
.lits07 .u2 .a .p{ width: 100%; color: #666666;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top: 0.14rem;}
.lits07 .u2 .a .pic{ display:flex; align-items: center; justify-content: flex-end; width: 59.5%;aspect-ratio: 100 / 92.51;  background: url(img/bg3.png) center no-repeat;  background-size: 100% 100% !important;}
.lits07 .u2 .a .img{ width:95.2%; display: flex; align-items: center; justify-content: center;aspect-ratio: 100 / 80; }
.lits07 .u2 .a .img img{ width: 100%; height: 100%; object-fit: contain;}
.lits07 .u2 .a .cont{ display:flex; flex-wrap: wrap; width: 40.5%; align-content: space-between; padding:0.4rem 0 0.3rem 0.4rem;}
.lits07 .u2 .a:hover .tit{ color: #85b32e;}
.lits07 .slick-track{ display: flex;}
.lits07 .slick-dots{ margin:0 !important; position: absolute; left: 0; bottom: -25px;}

@media screen and (max-width:1600px) {
.lits07 .u2 .a .cont{ width: 42.5%; padding:0.3rem 0 0.3rem 0.22rem;}
.lits07 .u2 .a .pic{width: 57.5%;}
.lits07 .u2 .a .p{margin-top: 0.1rem;}
}
@media screen and (max-width:1024px) {
.lits07::after{ display:none; }
.lits07 .u2{ width:calc(100% + 14px); margin:0 -7px;}	
.lits07 .u2 .li{ width: 50%; padding:20px 7px 0 7px;}
.lits07 .u2 .li::after{ display:none; height:30px; left:29px;  }
.lits07 .u2 .li::before{ display:none; width:11px; height:11px; left:24px;}
.lits07 .u2 .a .tit{font-size:17px; line-height:26px;}
.lits07 .u2 .a .p{ font-size:14px; line-height:24px; margin-top:6px;}
.lits07 .u2 .a .cont{ padding:18px 0 18px 15px;}
}
@media screen and (max-width:700px) {
.lits07 .u2 .li{ width: 100%;}	
.lits07 .u2 .a .pic{width: 44%;}	
.lits07 .u2 .a .cont{width: 56%;}
}



.solution2 {
display: flex; justify-content: space-between; flex-direction: row-reverse;
 flex-wrap: wrap; align-items:center;
width: 100%; 
}

.solution2 .image {
width:50%; border-radius: 0.2rem;
overflow: hidden;
}
.solution2 .image .w100{
aspect-ratio: 100/61.87; 
width:100%; line-height: 0;
}
.solution2 .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.solution2  .slick-dots{ position: absolute; left: 0; bottom: 0.27rem; z-index: 6;margin: 0 !important;}
.solution2 .slick-dots li{ background: #fff; }
.solution2 .text { 
width:calc(46.25% + 0.4rem);  overflow: hidden; overflow-y: auto; scrollbar-width: thin; height:3.8rem;  padding-right: 0.4rem;  margin-right:-0.4rem;
}
.solution2 .description { width: 100%;
font-size: calc(14px + 0.02rem);
color: #666666;
line-height:0.36rem; 
}



@media (max-width: 1024px) {
.solution2 .description {
font-size: 14px;
line-height: 26px;
}
.solution2 .text{
width:calc(100% + 7px); height:auto; padding-right:7px; margin-right: -7px;
}
.solution2 .image{ width:100%; margin-top:25px;}
.solution2  .slick-dots{  bottom:16px; }
}


.solution1{width: 100%;}
.solution1 .tit1 { width: 100%; position: relative; padding-left:16px;
font-size: 0.24rem;
color: #333333;
line-height:0.34rem; 
}
.solution1 .tit1::after{ display: block; content: ''; position: absolute; left: 0; top: 0.07rem; border-radius:3px; width: 3px; height: 0.22rem; background: #85b32e;}
.solution1 .description { width: 100%;
font-size: calc(14px + 0.02rem);
color: #666666;
line-height:calc(22px + 0.12rem); 
}
.solution1 .pic1{ display: grid; width: 100%; gap:0.38rem;grid-template-columns: repeat(2, 1fr);}
.solution1 .pic1 .div{ width: 100%;}
.solution1 .pic1 .image{ width: 100%; line-height: 0; margin-bottom:0.19rem;}
.solution1 .pic1 .description{ color: #333;}
.solution1 .pic2{ display: grid; width: 100%; gap:0.38rem;grid-template-columns: repeat(2, 1fr);}
.solution1 .pic2 .div{ width: 100%; background: #fff; border-radius: 0.2rem; padding:0.42rem  0.52rem;}
.solution1 .pic2 .image{ width: 100%; line-height: 0; margin-top:0.4rem;}
.solution1 .pic2 .image img{ height: 0.8rem; object-fit: contain;}
.solution1 .pic2 .description{ margin-top:0.24rem;}
.solution1 .pic3{ display: grid; width: 100%; gap:0.5rem 0.3rem;grid-template-columns: repeat(6, 1fr);}
.solution1 .pic3 .div{ width: 100%;}
.solution1 .pic3 .image{ width: 100%; line-height: 0; margin-bottom:0.15rem; overflow: hidden; border-radius: 0.2rem;}
.solution1 .pic3 .description{ width: 91%; line-height:calc(22px + 0.04rem);}
.solution1 .pic3 .col-6{ grid-column: span 2;}	


@media (max-width:1600px) {
.solution1 .pic3 .description{ width: 100%; line-height:calc(22px + 0.04rem);}	
}	
@media (max-width:1024px) {
.solution1 .tit1 { padding-left:12px;
font-size:18px;
line-height:28px; 
}
.solution1 .tit1::after{top: 6px;height: 16px;}
.solution1 .description { width: 100%;
font-size: 14px;
line-height:26px; 
}	
.solution1 .pic1{ gap:15px;}	
.solution1 .pic1 .image{margin-bottom:10px;}
.solution1 .pic2{ gap:15px;}
.solution1 .pic2 .div{  padding:20px  15px;}
.solution1 .pic2 .image{  margin-top:20px;}
.solution1 .pic2 .image img{ height:40px;}
.solution1 .pic3{  gap:20px 15px;grid-template-columns: repeat(4, 1fr);}
.solution1 .pic3 .image{  margin-bottom:8px;}

}
@media (max-width:700px) {
.solution1 .pic1{grid-template-columns: repeat(1, 1fr);}	
.solution1 .pic2{grid-template-columns: repeat(1, 1fr);}
.solution1 .pic3{  gap:20px 15px;grid-template-columns: repeat(2, 1fr);}
.solution1 .pic3 .col-6{ grid-column: span 2;}	
}









/*20260525end*/


.pord-tz_diy {color: #666666; font-size: calc(14px + 0.02rem); line-height: calc(22px + 0.14rem);}
@media screen and (max-width:1024px) {
.pord-tz_diy{font-size: 14px; line-height: 26px;}
}	



.pagecon{padding-top:0.6rem; padding-bottom:0.6rem;}

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


.solution1 .xtit{font-size: calc(12px + 0.02rem); color: #666666;line-height:calc(18px + 0.12rem); }




/*20260618start*/
.list07 .item .a{  height: 100%;  align-content: flex-start;background-color: #fff;  transition: all 0s linear;
   -moz-transition: all 0s linear;
-webkit-transition: all 0s linear;
     -o-transition: all 0s linear; }
.list07 .item:hover .a{background-color: #85b32e;}
.list07-01 .btn{ display:none;}

table{ width:100%; color: #333333; font-size:calc(14px + 0.02rem); line-height:24px;}
table th{ background:#f9cc24; color: #3e3e3e; font-size:calc(14px + 0.02rem); padding:6px 12px !important;border:1px solid #fff !important; text-align: center;}
table td{ background:#e9e9e9; color: #666666; font-size:calc(14px + 0.02rem); padding:0.15rem 12px !important;border:1px solid #fff !important; text-align: center;}
table tr:nth-child(2n+2) td{ background: #f3f3f3;}
table .firstRow td{ background:#f9cc24; color: #3e3e3e; font-size:calc(14px + 0.02rem); padding:0.15rem 12px !important;border:1px solid #fff !important; text-align: center;}



@media screen and (max-width:1440px) {
table th{ font-size:14px; padding:6px 12px !important;}
table td{ font-size:14px; padding:8px 12px !important;}
/* table{ white-space: nowrap;} */
table .firstRow td{ font-size:14px; padding:6px 12px !important;}
}




/*20260618end*/