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

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


.w_width{max-width:1620px; margin-right: auto; margin-left: auto;}

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


/* 导航 */
.t_navs {z-index: 100;position: fixed;top: 0;left: 0;right: 0; width: 100%;}
.t_navs .navbar { width:100%;padding:0 0.5rem;}		
.t_navs .container {width: 100%;display:flex;align-items: center;justify-content: space-between;}			
.t_navs .logo{ line-height: 0;  display:block;}
.t_navs .logo a{ display:block;}
.t_navs .logo img{ width: auto; height:0.5rem;}
.t_navs .logo .img1{ display:block;}
.t_navs .logo .img2{ display:none;}
.t_navs .nav-menu {flex: 1; display: flex; justify-content: right;}
.t_navs .nav-items {display: flex; list-style: none;}  
.t_navs .nav-item {margin: 0 0.25rem;position: relative;}
.t_navs .nav-link {display:flex; align-items: center; position: relative; color: #fff; font-size: 0.18rem; line-height:1.16rem; padding:0 5px; }  
.t_navs .nav-link::after{ display: block; content: ''; position: absolute; left:50%; top:0.9rem; transform: translateX(-50%); -ms-transform: translateX(-50%); width:0; height: 1px; background:#000; }
.t_navs .nav-item.on .nav-link{ color: #000;}
.t_navs .nav-item.on .nav-link::after{width:100%;}
.t_navs .nav-item:hover .nav-link{ color: #000;}
.t_navs .nav-item:hover .nav-link::after{width:100%;}
.t_navs .menu-sub{ display:none; position: absolute; left:50%; top:0.9rem; margin-top: 1px; z-index:20; transform: translateX(-50%); -ms-transform: translateX(-50%);box-shadow:0 2px 2px rgba(0,0,0,0.2);}
.t_navs .menu-sub .u1{ display: flex; flex-direction: column; overflow: hidden;background:#fff;}
.t_navs .menu-sub .u1 li{ display: block; width: 100%; white-space: nowrap; border-bottom: 1px solid rgba(0,0,0,0.1); }
.t_navs .menu-sub .u1 li:last-child{border-bottom:0 !important;}
.t_navs .menu-sub .u1 li a{ width: 100%; display: block; color: #000;text-align: center;font-size:0.18rem;line-height:0.32rem; padding:10px 0.3rem;
}
.t_navs .menu-sub .u1 li a:hover{ background:#806d5f; color:#fff;}
.t_navs .logo-image {height:0.5rem;}	
.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:26px; font-size:0.18rem; line-height:1.16rem; text-transform: uppercase; }
.t_navs .lang .a::after{ display: block; content: ''; position: absolute; right: 0; top: 50%; margin-top: -4px; border-left: 8px solid transparent; border-right:8px solid transparent;border-top: 8px solid #b2b2b2; }
.t_navs .lang .a .i{ width:0.2rem; height:0.2rem; margin-right:10px; background: url(img/ico-lau.png) left center no-repeat; background-size:100% 100% !important;}
.t_navs .lang .down{  display:none; position: absolute; left:50%; top:0.9rem; margin-top: 1px; z-index:20; transform: translateX(-50%); -ms-transform: translateX(-50%);box-shadow:0 2px 2px rgba(0,0,0,0.2);background:#fff;}
.t_navs .lang:hover .down{ display: block;}
.t_navs .lang .down .li{ display: block; width:100%; border-bottom:1px solid rgba(0,0,0,0.1);}
.t_navs .lang .down .li:last-child{border-bottom:0 !important;}
.t_navs .lang .down .li a{ text-transform: uppercase; width: 100%; display: block; color: #000;text-align: center;font-size:0.18rem;line-height:0.32rem; padding:10px 0.3rem;
}
.t_navs .lang .down .li:hover a{ background:#806d5f; color:#fff;}
.t_navs .line {width: 4px;height: 12px;background-color: #b2b2b2;margin-left: 0.52rem;margin:0 0.49rem 0 0.22rem;}
.t_navs .right{ display:flex; align-items: center; }

.t_navs.act{ background:#fff; box-shadow:0 3px 6px rgba(0,0,0,0.1);}
.t_navs.act .top{ height:1rem;}
.t_navs.act .lang .a{ color:#000; line-height:0.92rem;}
.t_navs.act .lang:hover .a{ color:#816e5f; }
.t_navs.act .lang:hover .a::after{border-top: 8px solid #816e5f;}
.t_navs.act .lang:hover .a .i{background: url(img/lang1.png) left center no-repeat; }
.t_navs.act .logo .img1{ display:none;}
.t_navs.act .logo .img2{ display:block;}
.t_navs.act .nav-link::after{ background:#816e5f; }
.t_navs.act .nav-link{color: #000; line-height:0.92rem;}
.t_navs.act .nav-item.on .nav-link{color: #816e5f;}
.t_navs.act .nav-item:hover .nav-link{color: #816e5f;}

.t_navs.ect{ background:#fff; box-shadow:0 3px 6px rgba(0,0,0,0.1);}
.t_navs.ect .top{ height:1rem;}
.t_navs.ect .lang .a{ color:#000; line-height:0.92rem;}
.t_navs.ect .lang:hover .a{ color:#816e5f; }
.t_navs.ect .lang:hover .a::after{border-top: 8px solid #816e5f;}
.t_navs.ect .lang:hover .a .i{background: url(img/lang1.png) left center no-repeat; }
.t_navs.ect .logo .img1{ display:none;}
.t_navs.ect .logo .img2{ display:block;}
.t_navs.ect .nav-link::after{ background:#816e5f; }
.t_navs.ect .nav-link{color: #000; line-height:0.92rem;}
.t_navs.ect .nav-item.on .nav-link{color: #816e5f;}
.t_navs.ect .nav-item:hover .nav-link{color: #816e5f;}



@media screen and (max-width:1024px) {
.t_navs .navbar { padding:0 15px;}			
.t_navs .nav-menu{ display: none;}
.t_navs .line{ display: none;}
.t_navs .container{ height: 50px;}
.t_navs .logo img{ height:30px;}
.t_navs .lang{ margin:0 15px 0 0;}
.t_navs .lang .a{font-size:15px; line-height:50px; padding:0 20px 0 0;}
.t_navs.act .lang .a{ line-height:50px;}
.t_navs .lang .a::after{ margin-top: -3px; border-left: 6px solid transparent; border-right:6px solid transparent;border-top:6px solid #b2b2b2; }
.t_navs .lang .a .i{ width:16px; height:16px; margin-right:8px;}
.t_navs .lang .down{ top:49px;}
.t_navs .lang .down .li a{ line-height:24px; font-size:15px; padding:8px 20px;}
}



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


.t_navs.act .menuph .navbtn,
.t_navs.act .menuph .navbtn::after,
.t_navs.act .menuph .navbtn::before{ background: #816e5f;}

.t_navs.ect .menuph .navbtn,
.t_navs.ect .menuph .navbtn::after,
.t_navs.ect .menuph .navbtn::before{ background: #816e5f;}


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

.xialaph{ position: fixed; left: 0; float: left; width: 100%; top:50px; height:calc(100vh - 50px); overflow: scroll; padding:5px 15px 50px 15px; display: none; z-index:15; background:#fff; border-top:1px solid #f2f2f0; }
.xialaph::-webkit-scrollbar{ display: none;}
.xialaph .ul2,
.xialaph .ul3{ display: none;}
.xialaph h4 a{ float: left; width:100%; color: #000; font-size:17px; line-height:32px; padding:10px 0;}
.xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;}
.xialaph .a1box{display:block; width:50px; height:100%; position:absolute; right:0; top:0;}
.xialaph .a1box::after{display:block; content:''; width:9px; height:9px; position:absolute; right:6px; top:50%; border-top:1px solid #000; border-right:1px solid #000; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph .on .a1box::after{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #816e5f; border-right:1px solid #816e5f; opacity:1}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #f2f2f0;}
.xialaph li:first-child h4::after{ display:none;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4.on  a{ color: #816e5f;}
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #f2f2f0;}
.xialaph h5 a{ float: left; width:100%; color: #333; font-size:16px; line-height:32px;}
.xialaph h5 a:hover{ color: #816e5f;}
.xialaph h5{ float: left; width: 100%; position: relative;}
.xialaph h5::after{ display:none; content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #f2f2f0;}
.xialaph li:last-child h5::after{ display:none;}
.xialaph .ul1{ float: left; width: 100%; border-bottom:1px solid #f2f2f0;}
.xialaph .ul2{ float: left; width: 100%; padding:0 10px 20px 10px;}






.footer1{ position:relative;overflow: hidden; padding-top:1rem; padding-bottom:27px;}
.footer1::after{display:block; content: ''; width:18.2rem; height:100%; position:absolute; left:50%; transform: translateX(-50%); -ms-transform: translateX(-50%); top:0.4rem; z-index: 1; background: url(img/bg1.png) center top no-repeat; background-size:100% auto;}
.footer1 .box{ display: flex; flex-wrap: wrap; align-items:flex-start; justify-content: space-between;}
.footer1 .box1{ display: flex; align-items:flex-start; justify-content: space-between; padding:0.96rem 0 1.4rem 0;}
.footer1 .box2{ display: flex; flex-wrap: wrap; align-items:flex-start; justify-content: space-between;}
.footer1 .logo{ display: inline-flex; line-height:0;}
.footer1 .logo img{ height:0.5rem;}
.footer1 .er{ display: inline-flex; min-width:100px;}
.footer1 .er .li{ display: block; line-height: 0; width:100px; }
.footer1 .nav{ display: flex; flex-direction: column; align-items: center;  position: relative;}
.footer1 .nav .u2{ display: flex; flex-direction: column;  width:100%; position: relative; margin-top: 0.18rem; padding-top:0.33rem;}
.footer1 .nav .u2::after{display:block; content: ''; width:0.6rem;; position:absolute; left:0; top:0; border-top:1px solid #fff;}
.footer1 .nav .a1{ display:block;color: #fff; width:100%; font-size:0.18rem; line-height:0.26rem; }
.footer1 .nav .a2{ display:block; color: #fff; font-size:0.16rem; line-height:0.3rem; }
.footer1 .nav .a2:hover{ opacity:0.6;}
.footer1 .nav .i{display:none;width:50px; height:44px; position:absolute; right:0; top:0; z-index: 6;}
.footer1 .nav .i::after{display:block; content: ''; width:9px; height:9px; position:absolute; right:16px; top:50%; border-top:1px solid #fff; border-right:1px solid #fff; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg); z-index: 6;}
.footer1 .nav .active.i::after{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top: -3px;}
.footer1 .Copyright{color: #fff; font-size:0.18rem; line-height:0.26rem;}
.footer1 .Copyright a{color: #fff;}
.footer1 .Copyright a:hover{ opacity:0.6;}
.footer1 .sjkf{color: #fff; font-size:0.18rem; line-height:0.26rem;}
.footer1 .sjkf a{color: #fff;}
.footer1 .sjkf a:hover{ opacity:0.6;}
.footer1 .right{ display: inline-flex; align-items: flex-start; width:79.8%;}
.footer1 .addr{ display:inline-flex; align-items:flex-start; width:100%; justify-content: space-between;
color: rgb(255, 255, 255);
font-size: 0.18rem;
font-weight: 400;
line-height: 0.21rem;
}
.footer1 .addr .li{display:inline-flex; flex-wrap: wrap; position: relative; padding-left: 0.62rem; align-items:center; min-height:0.5rem;}
.footer1 .addr .li .ico{ position: absolute; left: 0; top:0; width:0.5rem; height:0.5rem;}
.footer1 .addr .li .p{display:inline-flex;}
.footer1 .addr .l1{ white-space: nowrap;}
.footer1 .addr .l2{ white-space: nowrap;}
.footer1 .addr .l3{ width:5.25rem; padding-right: 0.4rem;}

@media (max-width:1900px){
.footer1::after{width:94.8%;}	
}
@media (max-width:1600px){
.footer1 .addr{
font-size: 0.17rem;
line-height: 0.21rem;
}	
.footer1 .addr .l3{ width:4.9rem; padding-right: 0.4rem;}
.footer1 .right{ width:80.8%;}
.footer1 .box1{ padding:0.6rem 0 0.6rem 0;}
}
@media (max-width: 1024px){
.footer1{ background-attachment: fixed !important; padding:35px 15px;}
.footer1 .box{ flex-wrap: wrap; position: relative;}
.footer1 .box1{ flex-wrap: wrap; padding: 20px 0;}
.footer1 .logo img{height:30px;}
.footer1 .er{ position: absolute; right: 0; top: 0;}
.footer1 .nav{ width:100%; margin:7px 0;}	
.footer1 .nav .u2{ width:100%; display: none; padding:15px 15px;}
.footer1 .nav .a1{ border-radius: 6px; background: rgba(255,255,255,0.1);  font-size:16px; line-height:26px; padding:8px 15px; }
.footer1 .nav .a2{  font-size:16px; line-height:30px; }
.footer1 .nav .u2::after{display:none;}
.footer1 .nav .i{display:block;}
.footer1 .addr{  flex-wrap: wrap; font-size:14px; line-height:18px; margin-top:14px;}
.footer1 .addr .li{padding-left:42px; align-items:center; min-height:30px; margin-top: 14px; width:100%;}
.footer1 .addr .li .ico{ width:30px; height:30px;}
.footer1 .addr .l3{ width:100%; padding-right:0;}
.footer1 .Copyright{  font-size:15px; line-height:24px;}
.footer1 .sjkf{  font-size:15px; line-height:24px; margin-top: 5px;}
.footer1 .right{width:100%;}
}
@media (max-width: 767px){
.footer1 .Copyright{ width:100%; text-align: center;}
.footer1 .Copyright .pc_show1{ display: inline-block;}
.footer1 .sjkf{ width:100%; text-align: center;}
}



.pf-right{display:none; z-index:10; position:fixed; right:0.2rem; bottom:12vh; width:0.5rem;}
.pf-right .li{ position: relative; display: block; width:100%; margin-top:10px;}
.pf-right .li .a{ border-radius:50%; background: #fff; display:block; line-height: 0; width:100%; padding:0.05rem;}
.pf-right .li:hover .a{ box-shadow:0 0 6px rgba(0,0,0,0.2);}
.pf-right .tel{ display:none; position: absolute; right:100%; top:0; background: #fff; border-radius:0.5rem; color: #000; font-size:16px; line-height:0.5rem; padding:0 0.3rem; white-space: nowrap;}
.pf-right .er{ display: none; position: absolute; right:100%; top:0; width:100px; background: #fff; border-radius:6px; line-height:0; overflow: hidden;}
.pf-right .li:hover .tel{ display:block; margin-right: 10px;}
.pf-right .li:hover .er{ display:block; margin-right: 10px;}

@media screen and (max-width:1800px) {
.pf-right{ right:0.15rem;}	
}	
@media screen and (max-width:1024px) {
.pf-right{ bottom:80px; right:5px; width:30px;}
.pf-right .li{ margin-top: 5px;}
.pf-right .li .a{ padding:2px;}
.pf-right .tel{ border-radius:30px; line-height:30px; padding:0 15px;}
}


/* banner */
.inbanner{  position: relative;display: block;overflow: hidden; }
.inbanner .lh0 img{width: 100%;}
.banText{ width:100%; position: absolute; left: 0; top:49.8%; z-index: 10; display: block;}
.mbx{ display: block; color: #fff; font-size:0.2rem; line-height:0.3rem; margin-top:4px;}
.mbx a{ color: #fff;}
.mbx a:hover{ text-decoration: underline;}
@media screen and (max-width:1024px) {
.banText{ text-align: center;}	
.mbx{display: none;font-size:15px; line-height:24px;}	
}	


/* 内容 */
.nav-list .nav-items{display: flex; flex-wrap: wrap; gap:1rem;}
.nav-list .nav-item{display: inline-flex;}
.nav-list .nav-item .nav-link{position: relative;display: inline-flex; padding-bottom: 0.14rem; font-size: 0.2rem; line-height:0.38rem; color: #000;}
.nav-list .nav-item .nav-link::after {content: ''; position: absolute; bottom:0; left:0; width:0; height: 1px; background-color: #806d5f;}
.nav-list .nav-item.active .nav-link {color: #806d5f;}
.nav-list .nav-item.active .nav-link::after {width: 100%;}
.nav-list .nav-item:hover .nav-link {color: #806d5f;}
.nav-list .nav-item:hover .nav-link::after {width: 100%;}

@media screen and (max-width:1024px) {
.nav-list .nav-items{ gap:20px;}	
.nav-list .nav-item .nav-link{font-size:16px; line-height:24px;padding-bottom:8px;}	
}	
@media screen and (max-width:767px) {
.nav-list{ overflow-x: auto; white-space: nowrap;}	
.nav-list  .nav-items{ flex-wrap: nowrap; }	
}	

/* 分页 */
.wack1 .pz_fy{ display:flex; flex-wrap: wrap; width:100%;}
.wack1 .pz_fy a { position: relative; float:left; border-radius:8px; width:0.5rem; height:0.5rem; background:#fff; line-height:0.48rem; color:#888888; text-align: center; font-size:18px; margin:0 5px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ background:#816e5f; color: #fff;}
.wack1 .pz_fy .prev,
.wack1 .pz_fy .next{ width:0.72rem;}
.wack1 .pz_fy .prev::after,
.wack1 .pz_fy .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:0.17rem; height:0.17rem; border-top:2px solid #010101; border-right:2px solid #010101; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .pz_fy .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .pz_fy .prev:hover::after,
.wack1 .pz_fy .next:hover::after,
.wack1 .pz_fy .prev.on::after,
.wack1 .pz_fy .next.on::after{ border-top:2px solid #fff; border-right:2px solid #fff;}
.wack1 .fy_pc{ display:none; flex-wrap: wrap; width:100%; justify-content: center; align-items: center; text-align:center; font-size:14px; color:#888888;}
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next{ display: flex; position: relative; height:32px; width:32px; border-radius:4px; background:#816e5f;}
.wack1 .fy_pc .prev::after,
.wack1 .fy_pc .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:9px; height:9px; border-top:1px solid #fff; border-right:1px solid #fff; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .fy_pc .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .fy_pc span{ padding:0 22px;}


@media  screen and (max-width:1024px){
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}


/*.product-grid*/
.product-grid {
    display: grid;
    gap: 0.2rem;
	grid-template-columns: repeat(4, 1fr);
}

.product-card {
     width:100%;
    display: flex; flex-wrap: wrap;
}
.product-card .a{width:100%;
    background-color: #f4f4f4;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0.38rem 0.32rem 0.38rem;
    text-align: center;
}
.product-card .a:hover {
    background:url(img/bg.png) center no-repeat; background-size: 100% 100%;
}

.product-image {
    width: 100%;display: flex;
    aspect-ratio: 100 / 100;
    align-items: center;
    justify-content: center;

}
.product-card .a:hover .product-image img {
    transform: scale(1.06);
}

.product-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
}

.product-label { width: 100%; margin-top:0.12rem;
    font-size: 0.24rem;
	line-height: 0.32rem;
    color: #000;
}
.product-card .a:hover .product-label{
    color: #806d5f;
}


@media (max-width: 1024px) {
.product-grid {
  gap:14px;
}
.product-label { margin-top: 6px;
    font-size:16px;
	line-height:24px;
}
.product-card .a{
    padding: 0 14px 16px 14px;

}
}

@media (max-width: 768px) {
.product-grid {
grid-template-columns: repeat(2, 1fr);
}
}


._form1{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between;}
._form1 .lab{ width:100%; position:relative; display: flex;margin-top:0.2rem; padding-left:0.17rem; }
._form1 .xing{color:#e30000; position: absolute; left: 0; top: 0;
font-size: 0.18rem;
line-height: 0.5rem;}
._form1 .text{cursor: pointer; width:100%;
border:0;
border-radius: 8px;padding: 0.1rem 0.22rem;
background:#eeeeee;height:0.5rem;
color:#000;
font-size: 0.18rem;
line-height: 0.3rem;
}
._form1 .textarea{ cursor: pointer; width:100%;
border:0;
border-radius: 8px;padding: 0.11rem 0.22rem;
background:#eeeeee;height:2rem;
color:#000;
font-size: 0.18rem;
line-height: 0.3rem;}
._form1 .yanzhengma{ cursor: pointer; object-fit: contain; z-index:6; width:1.4rem; height:0.5rem; margin-left:10px;border-radius: 8px;border-radius: 8px;}
._form1 .Code{ width:1.5rem; padding-right:0 !important;}
._form1 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:0.18rem; line-height: 1; color: #fff; height:0.5rem; padding-bottom:0; border:0;
border-radius: 8px;
background:#5f5145; border:0;
}
._form1 .submit:hover{ background:#826f60;}


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



@media screen and (max-width:1024px) {
._form1 .lab{ margin-top:14px; padding-left: 14px; }	
._form1 .xing{ font-size:14px; line-height:40px;}
._form1 .text{ font-size:14px; line-height:26px; height:40px; padding:7px 14px;}
._form1 .textarea{ font-size:14px; line-height:26px;  padding:7px 14px;height:170px;}
._form1 .Code{ width:122px;}
._form1 .yanzhengma{ width:112px; height:40px;}
._form1 .submit{ font-size:14px; height:40px; padding-bottom:0; }
}


.my-puop2{ display: flex; flex-wrap: wrap; width:100%; justify-content: space-between;}
.my-puop2 .left{ position: relative; display:block; width:45.8%;}
.my-puop2 .right{display:block; width:6rem; background: #fff; border-radius: 10px; padding: 0.4rem 0.45rem 0.6rem 0.38rem;}
.my-puop2 .title{display: block; width: 100%; color: #fff; font-size: 0.5rem; line-height: 0.6rem; font-weight: bold; padding:0.84rem 0 11px 0;}
.my-puop2 .info{display: block; width: 100%; color: #fff; font-size: 0.26rem; line-height: 0.36rem;}
.my-puop2 .info .p{display: flex; align-items: center; width: 100%; margin-top: 0.2rem;}
.my-puop2 .info img{display:block; width:0.5rem;height:0.5rem; object-fit: contain; margin-right: 0.14rem;}



@media screen and (max-width:1024px) {
.my-puop2 .left{ width:100%;}
.my-puop2 .right{ margin-top:30px; width:100%; padding:16px 25px 30px 18px;}
.my-puop2 .title{ font-size:24px; line-height: 30px; padding:20px 0 2px 0;}
.my-puop2 .title br{ display:none;}
.my-puop2 .info{font-size:15px; line-height:24px;}
.my-puop2 .info .p{margin-top:14px;}
.my-puop2 .info img{ width:24px;height:24px;margin-right:8px;}
}


.Contact{ display: block; width:100%; }
.Contact .addr{  display: grid;grid-template-columns: repeat(4, 1fr);  gap: 0.33rem 0.3rem; width: 100%;align-items: flex-start; }
.Contact .addr .li{ display: flex; width:100%; align-content: flex-start; border-radius: 10px; padding:16px 0.41rem; background:#f2f2f0;}
.Contact .addr .pic{display: flex; align-items: center; min-width:0.5rem;height:1.14rem; line-height: 0; margin-right: 0.12rem;}
.Contact .addr .pic img{width:0.5rem;width:0.5rem; object-fit: contain;}
.Contact .addr .cont{ display: flex; width:100%; flex-wrap: wrap;  align-content: center; min-height:1.14rem; }
.Contact .addr .tit{ width:100%; color: #aaa;font-size:0.2rem; line-height:0.24rem;}
.Contact .addr .num{ width: 100%; color: #333; font-size:0.2rem; line-height:0.24rem; margin-top:4px;}

@media screen and (max-width:1600px) {
.Contact .addr{ gap:0.3rem;}	
.Contact .addr .li{ padding:18px 0.3rem; }
}
@media screen and (max-width:1024px) {
.Contact .addr{ grid-template-columns: repeat(2, 1fr); gap:14px 14px;}
.Contact .addr .li{ padding:14px 15px;}
.Contact .addr .pic{min-width:32px;width:32px;height:44px; margin-right:10px;}
.Contact .addr .pic img{width:32px;width:32px;}
.Contact .addr .cont{min-height:44px; }
.Contact .addr .tit{ font-size:16px; line-height:20px;}
.Contact .addr .num{ font-size:16px; line-height:20px; }
}
@media screen and (max-width:767px) {
.Contact .addr{grid-template-columns: repeat(1, 1fr);}	
}


.DOWNLOADS{  display: grid;grid-template-columns: repeat(4, 1fr);  gap:20px; width: 100%; }
.DOWNLOADS .li{ display: flex; flex-wrap: wrap; align-content: space-between; width:100%;}
.DOWNLOADS .a2{display: flex; justify-content: center; align-items: center;width:100%;height:0.5rem; line-height: 0; margin-top:17px; border-radius: 10px; padding:16px 0.41rem; background:#999999;color: #fff;font-size:0.18rem; line-height:1;}
.DOWNLOADS .a2:hover{background:#5f5145;}
.DOWNLOADS .a2 img{height:0.2rem; object-fit: contain;}
.DOWNLOADS .a2 span{ padding:0 0.2rem;}
.DOWNLOADS .a1{ width:100%; color: #5f5145;font-size:0.26rem; line-height:0.32rem;}

@media screen and (max-width:1024px) {
.DOWNLOADS{  gap:14px;}
.DOWNLOADS .a1{ font-size:16px; line-height:20px;}
.DOWNLOADS .a2{ font-size:14px; height:40px; margin-top:14px;}
.DOWNLOADS .a2 img{height:16px;}
.DOWNLOADS .a2 span{ padding:0 10px;}
}
@media screen and (max-width:767px) {
.DOWNLOADS{grid-template-columns: repeat(2, 1fr);}	
}

._list1{ display:block; width: 100%;}
._list1 .ul{ display: grid;  flex-wrap: wrap; grid-template-columns: repeat(4, 1fr); gap:1rem 0.34rem;}
._list1 .ul .box{ display: flex; flex-wrap: wrap; width:100%;}
._list1 .ul .pb{ padding-bottom: 60.52%;}
._list1 .ul .box .tit1{ font-size: 0.22rem; line-height: 0.26rem; height:0.78rem; color: #000000; margin-top:0.2rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
._list1 .ul .box:hover .tit1 { color: #806d5f;}
._list1 .ul .box .p1{ font-size:14px; line-height:20px; color: #999999; margin-top:0.12rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}



@media screen and (max-width:1600px) {
._list1 .ul{ gap:0.8rem 0.34rem;}
}
@media screen and (max-width:1024px) {
._list1 .ul{ gap:26px 14px;}
._list1 .ul .box .tit1{ font-size: 16px; line-height:22px; height:66px; margin-top:14px;}
._list1 .ul .box .p1{ font-size: 14px; line-height:20px; height: 60px; margin-top: 6px;}
}
@media screen and (max-width:767px) {
._list1 .ul{ grid-template-columns: repeat(2, 1fr);}	

}





.service-det{width: 100%;}
.service-det .card-title {width: 100%;
font-size: 0.2rem;
color: #525252;
margin-top: 0.26rem;
line-height: 0.24rem;
}
.service-det .card-description {width: 100%;
font-size: 0.18rem;
color: #999999;
line-height: 0.22rem; padding:0.22rem 0 0.25rem 0; border-bottom: 1px solid #dddddd;
}
.service-det .page{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; padding:0.95rem 0 0.88rem 0;} 
.service-det .page .la{ display: flex; align-items: flex-start; width:48.76%; padding:0 0.6rem 0 0;} 
.service-det .page .next{ display: inline-flex; align-items: center; color:#000000;font-size:0.2rem; line-height:0.3rem; min-width: 2rem;}
.service-det .page .next img{width:0.2rem; height: 0.2rem; margin-left: 8px;}
.service-det .page .tit{ width: 100%;font-size: 0.26rem; line-height: 0.3rem; color: #000;
/* overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1 */;
}
.service-det .page .p{ width: 100%; font-size: 0.2rem; line-height: 0.24rem; color: #525252; margin-top:0.2rem;
/* overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:4 */;
}
.service-det .page .la:hover  .tit{ color: #806d5f;}
.service-det  .card-box{/*display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;*/ width:100%; font-size: 0.2rem; line-height: 0.32rem; color: #525252; padding: 0.54rem 0 0 0;}


@media (max-width: 1024px) {
.service-det .card-title {
font-size:16px;
line-height: 22px; margin-top:8px;
}
.service-det .card-description {
font-size:14px;
line-height: 20px; padding:8px 0 20px 0;
}
.service-det .page .la{ padding:10px 0;} 
.service-det .page .next{font-size: 15px; line-height:24px; justify-content: space-between; min-width:105px; margin-right:14px; }
.service-det .page .next img{width:15px; height:15px;}
.service-det .page .tit{font-size: 16px; line-height:24px;}
.service-det .page .p{font-size: 14px; line-height:20px; margin-top:6px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:4 }
.service-det .page{ padding:30px 0;} 
.service-det .card-box{ font-size: 16px; line-height:26px; padding:26px 0 0 0;}
}
@media (max-width: 767px) {
.service-det .page .la{ width:100%; } 

}

/* 服务内容样式 */
.service-itme {
padding-bottom:1rem;padding-top:1rem;
}
.service-itme:nth-child(2n){ background: #f2f2f0;} 

/* 服务卡片样式 */
.service-card {
display: flex; justify-content: space-between;
flex-direction: row; flex-wrap: wrap;
width: 100%;
}
.service-itme:nth-child(2n) .service-card{ flex-direction: row-reverse;}
.service-image {
aspect-ratio: 100/37.5; /* 宽高比 */
width:49.38%; line-height: 0;
overflow: hidden; border-radius: 10px;
}
.service-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.service-text {
width:46.8%;display: flex; flex-wrap: wrap; align-content: space-between;
}

.service-card-title {
font-size: 0.2rem;
color: #525252;
margin-top: 0.2rem;
line-height: 0.32rem;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;
}
.service-card  .tit50{ line-height:0.6rem; position: relative; top: 0; margin-top: -0.1rem;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;
}
.service-arrow{
display: flex;
width: 0.5rem;
height:  0.5rem;
background: url(img/ino4.png) center no-repeat; 
background-size:100% !important;
transition: transform 0.3s ease;
}

.service-card:hover .service-arrow{
background: url(img/ino3.png) center no-repeat; 

}
.service-card:hover .tit50{color: #806d5f;}

@media (max-width:1600px) {
.service-card-title{margin-top: 0.15rem;line-height: 0.3rem;}
.service-card  .tit50{ font-size:0.4rem; line-height:0.48rem; margin-top:0;}
.service-image {
width:51.38%; 
}
}
@media (max-width: 1024px) {
.service-itme {
padding-bottom:30px;padding-top:35px;
}
.service-card-title {
font-size:16px;
line-height: 24px; margin-top:6px;
}
.service-card  .tit50{ font-size:19px; line-height:25px; margin-top:0;}
.service-arrow{ width:30px;height:30px;  margin-top:15px;}
}


@media (max-width: 767px) {
.service-text{
width:100%; margin-top:20px;
}
.service-image{ width:100%;}


}



.list01{ display: block; width: 100%;}
.list01 .ul{ display: grid;grid-template-columns: repeat(8, 1fr);  gap:10px 14px;width: 100%;}
.list01 .ul .li{ display: flex; flex-wrap: wrap; }
.list01 .ul .li .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; height:100%; align-content: flex-start; padding:0.16rem 0.12rem; background:#fff;  border: 1px solid #f2f2f0;}
.list01 .ul .li .ico{display: block; margin: 0 auto; line-height:0; width:1.32rem; text-align: center;aspect-ratio: 100/50; /* 宽高比 */}
.list01 .ul .li .ico img{ display: block; width:100%; height:100%; object-fit: contain;}
.list01 .ul .li .tit{ width: 100%; font-size: 0.16rem; line-height:0.26rem; color: #555555; margin-top:0.14rem; text-align: center;}
.list01 .ul .li .tit br{ display: ;}
.list01 .ul .li .a:hover{ border: 1px solid #806d5f;}

.list01.ph{ display: none;}


@media screen and (max-width:1600px) {
.list01 .ul{ gap:10px 10px;}	
}
@media screen and (max-width:1024px) {
.list01 .ul{grid-template-columns: repeat(5, 1fr);}	
.list01 .ul .li .a{ padding:14px 14px;}	
.list01 .ul .li .tit{font-size:14px; line-height:22px;margin-top:10px;  }
.list01 .ul .li .ico{width:82%;}

}
@media screen and (max-width:767px) {
.list01 .ul{ grid-template-columns: repeat(3, 1fr);}
.list01 .ul .li .tit .s{ display: block;}
.list01 .slick-prev,
.list01 .slick-next{ top:-52px; margin: 0;}
.list01 .slick-prev{ left: auto; right: 40px;}
.list01.ph{ display: block;}
.list01.pc{ display: none;}
}


.h-tit2{display: flex; flex-wrap: wrap; width:100%; justify-content: space-between;}
.h-tit2 .right{display: flex; flex-wrap: wrap;}
.h-tit2 .nav-list{ margin-right: 0.6rem;}
.h-tit2 .nav-list .nav-items{  gap:0.66rem;}
.h-tit2 .tit30{ margin-top: 0.08rem;}

@media screen and (max-width:1440px) {
.h-tit2 .nav-list .nav-items{  gap:0.56rem;}
.h-tit2 .nav-list{ margin-right: 0.5rem;}
}
@media screen and (max-width:1024px) {
.h-tit2 .nav-list .nav-items{  gap:20px;}
.h-tit2 .nav-list{ margin-right: 20px;}
.h-tit2 .tit30{ margin-top:0;}
}
@media screen and (max-width:767px) {
.h-tit2{ position: relative;} 	
.h-tit2 ._more{ position: absolute; right: 0; top:0;}
.h-tit2 .right{ width: 100%; margin:15px 0 0 0;}
.h-tit2 .nav-list{ margin-right: 0;}
}

.h-tit{display: flex; flex-wrap: wrap; width:100%; align-items: center; justify-content: space-between;}
._more{display: block; width:0.5rem; height:0.5rem; background: url(img/ino4.png) center no-repeat; background-size:100% 100% !important;}
._more:hover{ background: url(img/ino3.png) center no-repeat; }
._more.white{ background: url(img/ino5.png) center no-repeat;}
._more.white:hover{ background: url(img/ino2.png) center no-repeat; }
._more.hui:hover{ background: url(img/ino2.png) center no-repeat; }

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

}


.about4{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 60px;  }
.about4 .left{ display:block; width:37%;  }
.about4 .tit1{  display:block; width:100%;  line-height:0.36rem; color:#816e5f;font-size:0.3rem;margin-top:0.41rem;}
.about4 .tit2{  display:block; width:100%;  line-height:0.36rem; color:#816e5f;font-size:0.3rem; font-weight: bold; margin-top:0.13rem;}
.about4 .info{ width:75%; color:#535353;font-size:0.2rem; line-height:0.32rem; margin-top:0.3rem;}
.about4 ._more{ margin-top:0.39rem;}
.about4 .right{ display:flex;  flex-wrap: wrap; justify-content: flex-end; width:59.26%; }
.about4 .cont{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;margin-top:0.6rem; position: relative;}
.about4 .cont::after{ display:block; content: ''; position: absolute; left:0; top: 0.05rem; height:0.8rem; border-right: 1px solid #cccccc;}
.about4 .cont .box{ display: flex; flex-wrap: wrap; justify-content: center; text-align: center; position: relative; width: 25%; padding:0 0.2rem;} 
.about4 .cont .box::after{ display:block; content: ''; position: absolute; right:0; top: 0.05rem; height:0.8rem; border-right: 1px solid #cccccc;}
.about4 .cont .box ._flex{display: flex; align-items: flex-start;}
.about4 .cont .box .num{ display: inline-flex width: 100%;; font-size:0.4rem; line-height:1;color: #9e8052; font-weight: bold;}
.about4 .cont .box .p2{ display: inline-flex; font-size:0.16rem; line-height:0.21rem; margin-left:0.1rem; color: #9e8052; font-weight: bold; }
.about4 .cont .box .p3{ width: 100%; font-size:0.18rem; line-height:0.21rem; color: #4a4c52; margin-top: 0.26rem; }
.about4 .pic{display:block; width:4rem; position: relative; top: 0; margin-top: -1.1rem; z-index: 6;}
.about4 .pic ._img{ padding-bottom: 62.5%;}
.about4 .pic .tit{display:flex; align-items: center; background: #fff; width: 100%; height:0.8rem; font-size:0.16rem; line-height:0.24rem; color: #535353; padding:0.04rem 1rem 0.04rem 0.22rem; }
.about4 .pic .a:hover .tit{color: #9e8052; }
.about4 .pic .slick-prev,
.about4 .pic .slick-next{ width:0.3rem; height:0.3rem; margin-top: 0; top: auto; bottom: 0.25rem; background: url(img/next1.png) center no-repeat;}
.about4 .pic .slick-prev{
    left:auto;right:4px; margin-right: 0.5rem;
}
.about4 .pic .slick-next{
    right:0.2rem;
}
.about4 .pic .slick-prev:hover,
.about4 .pic .slick-next:hover{ background: url(img/next2.png) center no-repeat;}


@media screen and (max-width:1024px) {
.about4{ flex-wrap: wrap; padding-bottom: 40px;}	
.about4 .left{ width: 100%;}	
.about4 .tit1{ font-size:18px; line-height:24px;  margin-top:20px;}	
.about4 .tit2{ font-size:18px; line-height:24px; margin-top:6px;}	
.about4 .info{font-size: 15px ; line-height: 23px; margin-top:15px;width: 100%;}
.about4 ._more{ margin-top:20px;}
.about4 .right{ width: 100%; margin-top:25px; }	
.about4 .cont{ width: calc(100% + 28px); margin:15px -14px 0 -14px;}
.about4 .cont::after{ display:none; }
.about4 .cont .box{ padding:0 14px; margin-top:25px; } 
.about4 .cont .box::after{top:4px; height:44px;}
.about4 .cont .box:nth-child(2n)::after{ display:none; }
.about4 .cont .box .num{ font-size:26px; line-height:26px;}
.about4 .cont .box .p2{ font-size: 14px ; line-height: 16px;margin-left: 6px;}
.about4 .cont .box .p3{font-size:14px; line-height:19px; margin-top:6px;}
.about4 .pic{ width:100%;margin-top:0;}
.about4 .pic .tit{ height:54px; font-size:15px; line-height:23px; padding:4px 70px 4px 14px; }
.about4 .pic .slick-prev,
.about4 .pic .slick-next{ width:24px; height:24px; bottom: 14px;}
.about4 .pic .slick-prev{
    left:auto;right:4px; margin-right:34px;
}
.about4 .pic .slick-next{
    right:10px;
}
}
@media screen and (max-width:767px) {
.about4 .cont .box{ width: 50%; } 

}



.about2{ width:100%; display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between; }
.about2 .right{ display:block; width:49.38%;}
.about2 .left{ display:block; width:50.62%; padding: 0.52rem 0.7rem 0.52rem 0.5rem;background: url(img/bg2.jpg) center no-repeat;  background-size: 100% 100% !important;}
.about2 ._img{ padding-bottom: 62.5%;}
.about2 .cont{display: block; width:100%; color: #fff; font-size:0.2rem; line-height: 0.32rem; margin-top: 0.4rem; }
.about2 .tit30{color: #7f6c5f;}


@media screen and (max-width:1024px) {
.about2 .left{ width:100%; padding:30px 15px 30px 15px; }
.about2 .right{ width:100%;}
.about2 .cont{ font-size:15px; line-height:26px; margin-top:15px;}

}

.about1{ width:100%; position: relative; background:url(img/main2.jpg) top center no-repeat #fff; background-size:100% 6rem;}
.about1 .box{ width:100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.about1 .box .right{ display:block; width:50%; position:absolute;right: 0; top: 0; z-index: 6; margin-top: -0.5rem;}
.about1 .box .left{ display:block; width:46.91%;}
.about1 .box .cont{display: block; width:100%; overflow:hidden; padding-right:0.5rem; color: #525252; font-size:0.2rem; line-height: 0.32rem; margin-top: 0.34rem;
 overflow-y:auto;
 scrollbar-width:thin;  scrollbar-color: #bbbbbb #dddddd;
 max-height:4.09rem;}
.about1 .box .info{ display: block; width: 100%; color: #333;}
.about1 .box .pic{ display: block; line-height: 0; width: 100%;}
.about1 .box .pic ._img{ padding-bottom:6.5rem;}
.about1 .box .tit{display: flex; align-items: center; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 6; width:100%; overflow:hidden; padding:0.2rem 1.9rem 0.2rem 0.44rem; color: #fff; font-size:0.2rem; line-height: 0.3rem; min-height: 1rem;}
.about1 .box .slick-prev,
.about1 .box .slick-next{ top:auto; bottom: 0.25rem; margin-top:0 !important;}
.about1 .box .slick-prev{margin-right:10px; left: auto; right: 0.9rem;}
.about1 .box .slick-next{right: 0.4rem;}



@media screen and (max-width:1600px) {
.about1 .box .cont{max-height:3.59rem;}
.about1 .box .pic ._img{ padding-bottom:6rem;}
}
@media screen and (max-width:1024px) {
.about1 .box .left{ width:100%; }
.about1 .box .right{ position: static; width:100%; margin-top: 20px; }
.about1 .box .cont{ margin-top:17px; padding-right:0;font-size:15px; line-height:26px;max-height:inherit;}
.about1 .box .pic ._img{ padding-bottom: 67.7%;}
.about1 .box .tit{font-size:15px; line-height:24px; height:68px; padding:10px 100px 10px 14px;}
.about1 .box .slick-prev,
.about1 .box .slick-next{ top:auto; bottom:20px; margin-top:0 !important;}
.about1 .box .slick-prev{margin-right:10px; left: auto; right:50px;}
.about1 .box .slick-next{right:20px;}

}


.about5{width:43.5%;display: block; color: #333333; font-size:0.2rem; line-height: 0.32rem; margin-top: 0.54rem;}
.about5 .cont{width:100%;display: block; margin-bottom: 1.06rem;}
.about5 .slick-prev,
.about5 .slick-next{ top:auto; bottom:0; margin-top:0 !important;}
.about5 .slick-next{right:auto; left:0.5rem; margin-left: 10px;}

@media screen and (max-width:1024px) {
.about5{width:100%; font-size: 15px; line-height: 26px; margin-top:20px;}
.about5 .cont{ margin-bottom:50px;}
.about5 .slick-next{right:auto; left:30px; margin-left: 10px;}
}




.about3{ position: relative; overflow: hidden; width: 100%; }
.about3 .box{ display: block; width:calc(100% + 0.46rem); margin-left: -0.46rem; position: relative;}
.about3 .box::after{ display:block; content: ''; position: absolute; left:50%; top:1.53rem; width:4000px; margin-left: -2000px; height:0.05rem; background: #fff; opacity:0.5; }
.about3 .ul{position: relative; z-index: 1; display: block; width: 100%;}
.about3 .top{ display: flex; flex-wrap: wrap; width: 100%; align-items: center;}
.about3 .list{ display: block; width: 100%; margin-top:0.5rem;}
.about3 .list .li{ padding-left:0.46rem;}
.about3 .list .year{ display: block; width: 100%; font-weight: bold; color: #fff; font-size:0.3rem; line-height:1;height:1.53rem; position: relative;}
.about3 .list .year::after{ display:block; content: ''; position: absolute; left:0; bottom:0; width:1px; height:1rem; background: #fff; opacity:0.5; }
.about3 .list .cont{ display:block; width: calc(100% + 0.2rem); color: #fff; font-size:0.2rem; line-height:0.24rem; height:2.44rem; padding-right: 0.2rem;  margin:24px -0.2rem 0 0;scrollbar-width: thin;}
.about3 .slick-prev,
.about3 .slick-next{ top:-1.1rem; margin-top:0 !important;}
.about3 .slick-prev{left:auto; right:0.5rem; margin-right: 10px;}


@media (max-width: 1440px){
.about3 .box::after{ top:1.33rem;}	
.about3 .box{ width:calc(100% + 0.36rem); margin-left: -0.36rem;}	
.about3 .list .li{ padding-left:0.36rem;}
.about3 .list .year{height:1.33rem;}
.about3 .list .year::after{height:0.8rem;}
}
@media (max-width: 1024px){
.about3 .box{ width:calc(100% + 12px); margin-left: -12px;}		
.about3 .box::after{ top:59px; height:3px;}	
.about3 .list{ margin-top:25px;}
.about3 .list .li{ padding-left:12px;}	
.about3 .list .year{ font-size:20px; height:60px;}	
.about3 .list .year::after{ height:30px;  }
.about3 .list .cont{ font-size:15px; line-height:19px; height:114px; margin:20px -10px 0 0;}	
.about3 .slick-prev,
.about3 .slick-next{ top:-60px; margin-top:0 !important;}
.about3 .slick-prev{left:auto; right:30px; margin-right: 10px;}

}



.rongyu{ display:block; width: 100%; background: url(img/main5.jpg) top center repeat-x; background-size:100% 100% ;}
.rongyu .box{ display:flex; flex-wrap: wrap; align-items:center; justify-content: space-between; width: 100%; margin-top: 0.78rem; }
.rongyu .left{ display:block; width:50.61%;}
.rongyu .right{ display:block; width:47.53%;}
.rongyu .list{ display:block; width: 100%;}
.rongyu .list .ul{ display:block; width: 100%; padding:0 0.62rem;}
.rongyu .list .li{ width:50%; padding:0 0.28rem;}
.rongyu .list .li .la{ display:block; width:100%; }
.rongyu .list .li .cover{ display: block; width:100%; cursor: pointer; }
.rongyu .list .li .cover img{ width:100%;}
.rongyu .list1{ display:block; width: 100%;}
.rongyu .list1 .ul{ display:block; width: 100%; padding:0 1.18rem;}
.rongyu .list1 .li{ width:100%;}
.rongyu .list1 .li .la{ display:block; width:100%; }
.rongyu .list1 .li .cover{ display: block; width:100%; cursor: pointer; }
.rongyu .list1 .li .cover img{ width:100%;}


@media screen and (max-width:1024px) {
.rongyu .box{ display:block; width: 100%; margin-top:25px; }	
.rongyu .left{ width:100%;}
.rongyu .right{ width:100%; margin-top:25px;}
.rongyu .list .ul{ padding:0 37px;}
.rongyu .list .li{ padding:0 7px;}
.rongyu .list1 .ul{ padding:0 44px;}
}




.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;position: absolute;left:50%; margin-left:-810px; bottom:1.72rem; z-index: 10; width:auto !important;}
.index-banner .swiper-pagination-bullet{ cursor: pointer; margin:0 10px 0 0; position: relative; display:block; width:30px; height:8px; border-radius: 8px; background: #fff; }
.index-banner .swiper-pagination-bullet-active{  background: #5f5145;}
.index-banner .box{ display: block; width: 100%; position: absolute; left: 0; bottom:2.82rem; z-index: 6;}
.index-banner .box .tit1{width: 100%; color: #4a4c52; font-size: 0.5rem; line-height: 0.62rem;}
.index-banner .box .tit2{width: 100%; color: #fff; font-weight: bold; font-size: 0.7rem; line-height: 0.82rem;}


@media screen and (max-width:1780px) {
.index-banner .swiper-pagination{left:0.8rem; margin-left:0;}
.index-banner .box .tit2{ font-size: 0.5rem; line-height: 0.6rem;}
}
@media screen and (max-width:1024px) {
.index-banner .swiper-pagination{left:15px;}
.index-banner .box .tit1{font-size:18px; line-height: 26px;}
.index-banner .box .tit2{ font-size:20px; line-height:28px;}
}


.PARTNERS-box .down{ display: block; width: 100%; position: relative; overflow: hidden;}
.PARTNERS-box .product-grid{ opacity:0; position: absolute; left:0; top: 0; width: 100%; height: 100%; z-index: 1;-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; }
.PARTNERS-box .product-grid.om{ position: relative; z-index: 6; opacity:1;}

.BLOGS-box .down{ display: block; width: 100%; position: relative; overflow: hidden;}
.BLOGS-box ._list1{ opacity:0; position: absolute; left:0; top: 0; width: 100%; height: 100%; z-index: 1;-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; }
.BLOGS-box ._list1.om{ position: relative; z-index: 6; opacity:1;}

.wenhua .bg{ display: block; position: absolute; left:0; top: 0; width: 100%; height: 100%; z-index: 1;}
.wenhua .bg .img{ opacity:0; display: block; position: absolute; left:0; top: 0; width: 100%; height: 100%; z-index: 1;}
.wenhua .bg .img.on{ opacity:1;}
.wenhua .sect{ display: block; width: 100%; }
.wenhua .ul{ display: flex; width:100%;}
.wenhua .ul .li{ display: flex; flex-wrap: wrap;width:21.6%; border-left: 1px solid rgba(255,255,255,0.3); overflow: hidden;}
.wenhua .ul .li:last-child{ border-right: 1px solid rgba(255,255,255,0.3);}
.wenhua .ul .la{ display: flex; flex-wrap: wrap;width:100%; align-content: space-between; padding:2.1rem 0.59rem 1rem 0.59rem;
-webkit-transition:none; 
-moz-transition:none; 
-o-transition: none; 
transition:none; 
}
.wenhua .ul .la ._img{ padding-bottom: 62.16%;margin-top:0.28rem; opacity: 0;}
.wenhua .ul .la .line{ display:inline-flex;width:1rem; background: #fff;margin-top:0.18rem;
height:1px;
 }
 .wenhua .ul .la .top{ width:100%; display: flex; align-items: center;height: 0.93rem;}
.wenhua .ul .la .tit{ width:100%; color: #fff;
font-size: 0.26rem;
line-height: 0.31rem;
  overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:3; display: -webkit-box;
 }
.wenhua .ul .la .p{color: #fff;font-size:0.18rem; line-height:0.25rem;margin-top:0.18rem; opacity: 0;
  overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:3; display: -webkit-box;}
.wenhua .ul .la ._more{ margin-top:0.77rem;}
.wenhua .ul .on{width:35.2%;} 
.wenhua .ul .on .la{padding:2.1rem 1rem 1rem 1rem; background: rgba(0,0,0,0.7);}
.wenhua .ul .on .la ._img{ opacity:1;}
.wenhua .ul .on .la .p{ opacity:1; }
.wenhua .tit30{ display: block; position: absolute; left:0.5rem; top:1rem;}


@media screen and (max-width:1600px) {
.wenhua .ul .la ._more{ margin-top:0.5rem;}
.wenhua .ul .la{ padding:2.1rem 0.5rem 1rem 0.5rem;}
.wenhua .ul .on .la{padding:2.1rem 1rem 1rem 1rem;}
}

@media screen and (max-width:1024px) {
.wenhua .tit30{ left:15px; top:30px;}	
.wenhua .ul .la{padding:80px 15px 40px 15px;}
.wenhua .ul .la .line{ width:50px;
margin-top:8px;
 }
 .wenhua .ul .la .top{height:63px;}
.wenhua .ul .la .tit{
font-size:17px;
line-height:21px;
 }
.wenhua .ul .la .p{font-size:15px; line-height:23px; margin-top:15px;}
.wenhua .ul .la ._more{ margin-top:22px;}
.wenhua .ul .la ._img{ margin-top:15px;}
.wenhua .ul .on .la{padding:80px 15px 40px 15px;}
}
@media screen and (max-width:767px) {
.wenhua .ul{ display: block;} 	
.wenhua .ul .li{width:100%; }
.wenhua .ul .la{ background: rgba(0,0,0,0.7);}
.wenhua .ul .la ._img{ opacity:1;}
.wenhua .ul .la .p{ opacity:1; }
.wenhua .ul .la .tit{  -webkit-line-clamp: 1;}
.wenhua .ul .la .top{height:auto;}
.wenhua .slick-track{ display: flex;}
.wenhua .slick-prev, 
.wenhua .slick-next{
	top:auto; margin-top: 0; bottom: 40px;
}
.wenhua .slick-prev{ left: auto; right:52px;}
.wenhua .slick-next{ right:15px;}
}




.pord4{ display: flex; flex-wrap: wrap;justify-content:space-between; width: 100%;}
.pord4 .pic{ display: flex; flex-wrap: wrap; justify-content:space-between; line-height:0; width: 48.76%;}
.pord4 .pic .big{ display: block; width: 79.7%;}
.pord4 .pic .samll{ display: block; width: 18.9%; margin:-0.05rem 0;}
.pord4 .pic .samll .img{padding:1px; border-radius: 10px; margin:0.05rem 0;}
.pord4 .pic .samll .slick-current  ._img::after{ display: block; content: ''; position:absolute; left: 0; top:0;  border-radius: 10px; width: 100%; height: 100%; border:1px solid #80563b;}
.pord4 .pic .img{ display: block; line-height:0; width: 100%; cursor: pointer; }
.pord4 .pic ._img{ background: #fff; padding-bottom:100%; border-radius: 10px;}
.pord4 .pic ._img img{ object-fit: cover;}
.pord4 .right{display: flex; flex-wrap: wrap; width:46.9%; align-content:space-between; }
.pord4 .tit40{ margin-top:0.56rem;}
.pord4 .info{display: block;width: 100%; margin-top:10px;
color: rgb(0, 0, 0);
font-size: 0.2rem;
line-height: 0.32rem;
 }
.pord4 ._btn1{ display: flex; margin-top:0.4rem ;}
.pord4 ._btn1 .a{ display: flex;align-items: center;color: #fff; border-radius: 10px; background: #5f5145;
font-size: 0.18rem; height: 0.7rem; padding:0 0.33rem;
line-height: 1;}
.pord4 ._btn1 .a img{ display: block; width:0.2rem; height:0.2rem; margin-left: 0.15rem;}
.pord4 ._btn1 .a:hover{ background: #7f6c5f;}

@media  screen and (max-width:1600px){
.pord4 .tit40{ margin-top:0.36rem;}
}
@media  screen and (max-width:1024px){
.pord4 .pic{ width:calc(100% + 8px); margin:0 -4px;}
.pord4 .pic .big{ width:100%;}
.pord4 .pic .samll{ width:100%; margin-top:12px;}
.pord4 .pic .img{ width: 100%; margin:0 4px !important;}
.pord4 .right{ width:100%;margin-top:25px;}
.pord4 .tit40{ margin-top:15px;}	
.pord4 .info{ font-size: 16px; line-height:26px;}	
.pord4 ._btn1{ margin-top:20px ;}
.pord4 ._btn1 .a{
font-size: 15px; height:40px; padding:0 18px;}
.pord4 ._btn1 .a img{ width:16px; height:16px; margin-left: 10px;}

}
@media  screen and (max-width:767px){
.pord4 ._btn1{ flex-wrap: wrap;}
.pord4 .us{margin:12px 0 0 0; width:100%;  }
}


.pord5{ display:block;
width: 100%; 
}
 .pord5 .sect{display:block; width: 100%;
 color: rgb(0, 0, 0); margin-top:10px;
 font-size: 0.2rem;
 line-height: 0.32rem;
}

@media  screen and (max-width:1024px){
.pord5 .sect{ font-size: 16px; line-height:26px; }


}


.PRODUCTS-box{ overflow: hidden;}
.PRODUCTS-box::after{ display: block; content: ''; position: absolute; left:0; top: 0; z-index: 1; width: 100%; height:calc(100% - 2rem); background:url(img/main18.jpg) center no-repeat; background-size:100% 100%; }
.PRODUCTS-box .left{ display: block; width: 31.17%;}
.PRODUCTS-box .right{ display: block; width: 62.5%; position: absolute; right: 0; bottom: 0; z-index: 6;}
.PRODUCTS-box .big{ display: block; width: 100%;position: absolute; right: 0; top: 0; opacity: 0; z-index: 1; }
.PRODUCTS-box .big.on{ position: relative; z-index: 6; opacity: 1;}
.PRODUCTS-box .big .div{ display: block; width: 100%;}
.PRODUCTS-box .big ._img{ padding-bottom: 66.66%;}
.PRODUCTS-box .big .slick-prev,
.PRODUCTS-box .big .slick-next{ top: auto; bottom: 0.5rem;}
.PRODUCTS-box .big .slick-prev{ left:0.5rem;}
.PRODUCTS-box .big .slick-next{ right: auto; left: 1rem;  margin-left: 10px;}
.PRODUCTS-box .small{ display: flex; justify-content: space-between; width: 100%; margin-top:1.29rem;}
.PRODUCTS-box .small .div{ display: block; width: 44.55%; position: relative;}
.PRODUCTS-box .small .div::after{ opacity:0; position: absolute; content: ''; right: 0; top: 0; z-index: 1; width:100%; height: 100%; display:block; border:0.1rem solid #826f60;}
.PRODUCTS-box .small .div.on::after{ opacity: 1;}
.PRODUCTS-box .small ._img{ padding-bottom: 66.66%;}
.PRODUCTS-box .png{ display: block; width: 100%; position: relative;}
.PRODUCTS-box .png .div{ display: block; width: 100%;position: absolute; right: 0; top: 0; opacity: 0; z-index: 1; }
.PRODUCTS-box .png .div.on{ position: relative; z-index: 6; opacity: 1;}
.PRODUCTS-box .png .a{ display: block; width: 100%; position: relative;}
.PRODUCTS-box .png .img{display: block; width: 98%; line-height:0; aspect-ratio: 100 / 66.66; margin:0 0 0 2%; }
.PRODUCTS-box .png .img img{ width: 100%; }
.PRODUCTS-box .png .line{ display: block; width: 79.2%; border-bottom: 1px solid #fff; padding:0.19rem 0; position: relative;}
.PRODUCTS-box .png .line::after{ display: block; content: ''; position: absolute; right:0; top: 0; z-index: 1; width: 100%; height:75%; background:url(img/right.png) right center no-repeat; background-size:0.2rem auto;}
.PRODUCTS-box .png .tit{ width: 100%; color: #fff; font-weight: bold; font-size: 0.26rem; line-height: 0.31rem; padding-right:0.4rem;}
.PRODUCTS-box .png .tit1{ font-style: italic; display: block; text-align: center; position: absolute; right:0; top: 0; z-index: 1; width: 100%; font-weight: bold; color: #9e7f52; font-size: 1.2rem; line-height: 1; text-transform: uppercase;}


@media  screen and (max-width:1024px){
.PRODUCTS-box::after{ height:46.6%; }	
.PRODUCTS-box .png .line{ width: 100%; padding:15px 0; }	
.PRODUCTS-box .png .line::after{ background-size:16px auto;}
.PRODUCTS-box .png .tit{ font-size: 16px; line-height:24px; padding-right:26px; }
.PRODUCTS-box .png .tit1{font-size:60px; line-height: 1; }
.PRODUCTS-box .png .img{ width: 100%; margin:0; }
.PRODUCTS-box .small{ margin-top:75%; }
.PRODUCTS-box .small .div{  width: 49%; }
.PRODUCTS-box .small .div::after{ border:4px solid #826f60;}
.PRODUCTS-box .left{width: 100%;}
.PRODUCTS-box .right{width: 100%; top: auto; bottom:18%; margin-top:0; padding:0 15px;}
.PRODUCTS-box .big .slick-prev,
.PRODUCTS-box .big .slick-next{ top: auto; bottom:15px;}
.PRODUCTS-box .big .slick-prev{ left:15px;}
.PRODUCTS-box .big .slick-next{ right: auto; left:45px;  margin-left: 10px;}
}

@media  screen and (max-width:767px){
.PRODUCTS-box::after{ height:50.2%; }	
.PRODUCTS-box .small{ margin-top:80%; }
.PRODUCTS-box .small .div{  width: 48.5%; }
.PRODUCTS-box .right{ top: auto; bottom:16.6%; }

}


.pagecon.service-det .card-box{padding-top:0.5rem; padding-bottom:0.5rem;}