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

html {
  scrollbar-width: thin;
  scrollbar-color: #bbbbbb #dddddd;
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #bbbbbb;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #bbbbbb;border-radius:8px;
}	

.w1640{max-width:1640px; margin-right: auto; margin-left: auto;}
.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: 16px;padding-right: 16px;}
}



/*PC head*/
.t_navs{ position:fixed; left:0; top:0; z-index: 200; width:100%;}
.t_navs .top{ width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; height:1.26rem; padding:0 54px 0 30px;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:0.86rem; object-fit:contain;}
.t_navs .logo .img1{ display: flex;}
.t_navs .logo .img2{ display: none;}
.t_navs .lang{ display:flex; align-items: center; position: relative;}
.t_navs .lang .a{ display:flex; align-items: center; position: relative; color: #fff; padding-right:26px; font-size:calc(12px + 0.06rem); line-height:1.26rem; 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/lang.png) left center no-repeat; background-size:100% 100% !important;}
.t_navs .lang .down{ display: block; position: absolute;top:1.1rem; left:50%;transform: translateX(-50%); -ms-transform: translateX(-50%);opacity: 0;visibility: hidden;background:rgba(0,0,0,0.5); border-radius:10px 10px; padding:14px 13px 19px 13px;}
.t_navs .lang:hover .down{ -webkit-transition: all .85s;opacity: 1;visibility: visible;}
.t_navs .lang .down .li{ display: block; width:100%; -webkit-transform: translateY(5px);opacity: 0;
transition: All 0s ease-in-out;
-webkit-transition: All 0s ease-in-out;
-moz-transition: All 0s ease-in-out;
-o-transition: All 0s ease-in-out;}
.t_navs .lang .down .li a{display: block; text-align: center; width:100%;color: #fff; line-height:32px; font-size:calc(14px + 0.04rem); padding:0 13px; position:relative; text-transform: uppercase;  }
.t_navs .lang:hover .down .li{-webkit-transition: all .5s ease 0s;-webkit-transform: translateY(0px);opacity: 1;}
.t_navs .lang .down .li a::after{ display: block; content: ''; position: absolute; left:50%; bottom:0;background: #fff; width:0; height: 1px; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .lang .down .li:hover a::after{width:100%;}
.t_navs .line{ display: none; width:4px; height:12px; background:#b2b2b2; margin:0 0.49rem 0 4px;}
.t_navs .right{ display: flex; align-items: center;position: relative; padding-right:15px;}
.t_navs .menu{ display: flex; margin-right:0.4rem; }
.t_navs .menu ul{ display: flex; }
.t_navs .menu .nli{ display: flex; margin:0 0.1rem; position: relative;}
.t_navs .menu .nli span a{ position: relative; display: block;color: #fff; line-height:1.26rem; font-size:calc(12px + 0.08rem); padding:0 0.2rem;font-family: 'sourcehansans';text-transform: uppercase; }
.t_navs .menu .nli span a::after{ display: block; content: ''; position: absolute; left:50%; bottom: 26%;background: #fff; width:0; height: 1px; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{width:calc(100% - 0.6rem);}
.t_navs .menu .sub{ display: block; position: absolute;top:1.1rem; left:50%;transform: translateX(-50%); -ms-transform: translateX(-50%);opacity: 0;visibility: hidden;}
.t_navs .menu .nli:hover .sub{ -webkit-transition: all .85s;opacity: 1;visibility: visible;}
.t_navs .menu .sub .ul{ display:flex; flex-direction: column; white-space: nowrap;  z-index:8; background:rgba(0,0,0,0.5); border-radius:10px 10px; padding:14px 13px 19px 13px;}
.t_navs .menu .sub .li{ display: block; width:100%; -webkit-transform: translateY(5px);opacity: 0;
transition: All 0s ease-in-out;
-webkit-transition: All 0s ease-in-out;
-moz-transition: All 0s ease-in-out;
-o-transition: All 0s ease-in-out;}
.t_navs .menu .sub .li a{ display: block; text-align: center; width:100%;color: #fff; line-height:32px; font-size:calc(14px + 0.04rem); padding:0 13px; position:relative;text-transform: capitalize;   }
.t_navs .menu .nli:hover .sub .li{-webkit-transition: all .5s ease 0s;-webkit-transform: translateY(0px);opacity: 1; }
.t_navs .menu .sub .li a::after{ display: block; content: ''; position: absolute; left:50%; bottom:0;background: #fff; width:0; height: 1px; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.t_navs .menu .sub .li:hover a::after{width:100%;}

.t_navs.act{ background:#fff; box-shadow:0 0 0.2rem rgba(0,0,0,0.2);}
.t_navs.act .top{ height:0.9rem;}
.t_navs.act .logo img{ width: auto; height:0.5rem;}
.t_navs.act .logo .img1{ display: none;}
.t_navs.act .logo .img2{ display: flex;}
.t_navs.act .lang .down{ padding-top: 0.1rem;}
.t_navs.act .lang .a{ color:#000; line-height:0.9rem;}
.t_navs .top.active .lang .a{color:#000; }
.t_navs.act .lang:hover .a{ color:#8b6914; }
.t_navs.act .lang:hover .a::after{border-top: 8px solid #8b6914;}
.t_navs.act .lang:hover .a .i{background: url(img/lang1.png) left center no-repeat; }
.t_navs.act .lang .sub{top:100%; }
.t_navs.act .menu .nli span a{color: #000; line-height:0.9rem; }
.t_navs.act .menu .nli span a::after{background: #000;}
.t_navs.act .menu .nli:hover span a{color: #8b6914; }
.t_navs.act .menu .nli:hover span a::after{background: #8b6914;}
.t_navs.act .menu .sub{top:100%; }

.t_navs .top.active{background:#fff; }
.t_navs .top.active .logo .img1{ display: none;}
.t_navs .top.active .logo .img2{ display: flex;}

@media screen and (max-width:1440px) {
.t_navs .menu{  margin-right:0.32rem; }	
.t_navs .menu .nli span a{ padding:0 0.02rem;}	
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{width:calc(100% - 0.44rem);}
.t_navs .line{  margin: 0 0.35rem 0 4px;}
.t_navs .logo img{ width: auto; height:0.76rem; object-fit:contain;}
.t_navs.act .logo img{ width: auto; height:0.5rem;}
}	
@media screen and (max-width:1270px) {
.t_navs .menu{  margin-right:0.3rem; }		
.t_navs .menu .nli span a{font-size:calc(12px + 0.06rem); padding:0 0.2rem;}	
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{width:calc(100% - 0.4rem);}
}	

@media screen and (max-width:1024px) {
.t_navs .top{ height:50px; padding:0 15px;}
.t_navs.act .top{ height:50px;}
.t_navs .menu{ display: none;}
.t_navs .line{ display: none;}
.t_navs .right{ padding-right: 0;}
.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:7px solid transparent; border-right:7px solid transparent;border-top:7px solid #b2b2b2; }
.t_navs .lang .a .i{ width:17px; height:17px; margin-right:8px;}
.t_navs .lang .down{ top:100%;}
.t_navs .lang .down .li a{ line-height:24px; font-size:15px; padding:5px 25px; border-radius: 60px;}
.t_navs.act .logo img{ width: auto; height:30px;}
}


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


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

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

@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:101; 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:16px; line-height:30px; padding:10px 0; text-transform: capitalize;font-family: 'sourcehansans';	}
.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 #8b6914; border-right:1px solid #8b6914; opacity:1}
.xialaph .a2box{display:block; width:50px; height:100%; position:absolute; right:0; top:0;}
.xialaph .a2box::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 .a2box::after{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #8b6914; border-right:1px solid #8b6914; 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: #8b6914;}
.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: #000; font-size:16px; line-height:30px;}
.xialaph h5.on  a{ color: #8b6914;}
.xialaph h5:hover  a{ color: #8b6914;}
.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;}
.xialaph .ul3{ float: left; width: 100%; padding:10px 10px 20px 10px;}
.xialaph .ul3 li{ float: left; width:100%;}
.xialaph .ul3 li a{ float: left; width: 100%; color: #333; font-size:15px; line-height:30px;}
.xialaph .ul3 li a:hover{ color: #8b6914;}


.pf-right{ z-index:100; position:fixed; right:0.18rem; 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:120px; background: #fff; border-radius:6px; line-height:0; overflow: hidden; padding: 5px;}
.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:1600px) {
.pf-right{ right:0.1rem;}	
}	
@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;}

}



.footer1{ overflow: hidden; background: #589258;}
.footer1 .sect0{ padding-top:0.8rem; padding-bottom:1rem;}
.footer1 .sect1{ background:rgba(0,0,0,0.1); padding-top: 29px;  padding-bottom: 29px;}
.footer1 .box{ display: flex; flex-wrap: wrap; align-items:flex-start; justify-content: space-between; }
.footer1 .right{ display: flex; flex-wrap: wrap; width:61.72%;}
.footer1 .left{ flex-wrap: wrap; display: flex; width:31.11%;}
.footer1 .logo{ display: inline-flex;width:100%; line-height:0; height:1.4rem; align-items: flex-start; border-bottom:4px solid rgba(0,0,0,0.2);}
.footer1 .logo img{ height:0.86rem;}
.footer1 .addr{ display:flex; flex-wrap: wrap;width:100%; margin-top: 0.56rem;}
.footer1 .addr .div{ display:flex; align-items: center; width:100%; margin-top: 10px;}
.footer1 .addr .div .ico{ line-height:0; width:0.5rem; min-width:0.5rem; margin-right:12px;}
.footer1 .addr .div .info{ color: #fff; font-size:0.18rem; line-height:22px;}
.footer1 .nav{ display: flex; flex-direction: column; align-items: center; position: relative; margin-top:0.52rem;}
.footer1 .nav .div{ display: flex; flex-wrap:wrap; flex-direction: column;}
.footer1 .nav .u2{ display: flex; flex-direction: column; margin-top:0.3rem;}
.footer1 .nav .a1{ display:block; text-transform: uppercase; color: #fff; font-size:0.2rem; line-height:calc(22px + 0.08rem);}
.footer1 .nav .a1:hover{ color: #9f7251 ;}
.footer1 .nav .a2{ display:block; color: #fff; text-transform: capitalize; font-size:0.18rem; line-height:calc(22px + 0.06rem);}
.footer1 .nav .a2:hover{ color: #9f7251 ;}
.footer1 .Copyright{ display: inline-flex;color: #fff; font-size: 14px; line-height: 22px;}
.footer1 .Copyright a{color: #fff;}
.footer1 .Copyright a:hover{color: #9f7251 ;}
.footer1 .sjkf{ display: inline-flex;color: #fff; font-size: 14px; line-height: 22px;}
.footer1 .sjkf a{color: #fff;}
.footer1 .sjkf a:hover{color: #9f7251 ;}
.footer1 .top{ display:flex;width:100%; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; height:1.4rem; border-bottom:4px solid rgba(0,0,0,0.2);}
.footer1 .dl{ display:inline-flex; align-items: flex-start; gap:0.12rem;}
.footer1 .dl .dd{ display:inline-flex; align-items: flex-start; align-content: flex-start; border-radius: 10px; border: 1px solid rgba(255,255,255,0.6); gap:0.1rem;color: #fff;
  text-transform: capitalize; padding:0.16rem 0.14rem;height:0.86rem;width:2.2rem;
  font-size: 0.16rem;
  line-height: 0.26rem;}
.footer1 .dl .dd .tit1{display:inline-flex; flex-direction: column; gap:0.04rem 0;}
.footer1 .dl .dd .tit1 img{ width:0.2rem; height:0.2rem;}
.footer1 .dl .dd:hover .tit1 img{ transform: translateX(5px); -ms-transform: translateX(5px);}
.footer1 .dl .dd .ico{ min-width:0.4rem;width:0.4rem;  height:0.4rem;border: 1px solid rgba(255,255,255,0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.footer1 .dl .dd .ico img{ width:0.3rem; height:0.3rem;}
 .footer1 .share{ display:inline-flex; align-items: center; justify-content: flex-end; gap:0.12rem;height:0.86rem;} 
.footer1 .share .li{display:flex;position: relative;}
.footer1 .share .er{ float:left; width:110px; height:110px;position:absolute; left:50%; margin-left:-55px; bottom:55px; z-index:20;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 90%;
	-moz-transform-origin:50% 90%;
	-ms-transform-origin:50% 90%;
	-o-transform-origin:50% 90%;
	transform-origin:50% 90%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.footer1 .share .li:hover .er{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}
.footer1 .share a{ display:flex; align-items: center; justify-content: center; line-height:0; position: relative; width:0.3rem; height:0.3rem;}
.footer1 .share a img{ width:0.3rem; height:0.3rem;}
.footer1 .share a:hover{ opacity:0.8;}

@media (max-width: 1600px){
.footer1 .right{ width:68.72%;}
.footer1 .left{  width:26.11%;}	
}
@media (max-width: 1024px){
.footer1 .logo{ height: auto; padding-bottom: 25px; justify-content: center;}	
.footer1 .logo img{height:30px;}
.footer1 .left{  width:100%;}	
.footer1 .right{  width:100%;}
.footer1 .nav{display:none;}
.footer1 .Copyright{ width:100%; justify-content:center; text-align: center;}
.footer1 .sjkf{ width:100%; justify-content:center; text-align: center;}
.footer1 .sect0{ padding-top:35px; padding-bottom:35px;}
.footer1 .sect1{  padding-top: 20px;  padding-bottom: 20px;}
.footer1 .addr{ margin:20px 0 30px 0;}
.footer1 .addr .div{ margin-top: 10px;}
.footer1 .addr .div .ico{width:32px; min-width:32px; margin-right:12px;}
.footer1 .addr .div .info{  font-size:15px; line-height:22px;}
.footer1 .share{  height: auto; gap: 14px;}
.footer1 .share a{  width:24px; height:24px;}
.footer1 .share a img{ width:24px; height:24px;}
.footer1 .dl{ width: 100%;  gap:10px; margin-bottom: 25px; align-items: initial;}
.footer1 .dl .dd{ gap:10px; padding:14px 14px;height:auto;width:100%;
  font-size:14px;
  line-height:24px;}
.footer1 .dl .dd .tit1 img{ width:14px; height:14px;}
.footer1 .dl .dd .ico{ min-width:32px;width:32px;  height:32px;}
.footer1 .dl .dd .ico img{ width:24px; height:24px;}
.footer1 .top{ align-items: center; justify-content: center; height: auto; padding: 30px 0 0 0; border-bottom: 0;  border-top: 4px solid rgba(0,0,0,0.2);}
}
@media (max-width: 700px){
.footer1 .dl .dd{ justify-content:flex-start; flex-direction: column; align-items: center; text-align: center; padding:14px 4px;font-size:13px;}	
.footer1 .dl .dd .tit1{ justify-content: center; align-items: center;}
}	



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


.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%; bottom:1.6rem; z-index: 10;margin-left:-810px; }
.index-banner .swiper-pagination-bullet{ position: relative; cursor: pointer; margin:0 10px 0 0; display:block; width:0.4rem; height:10px; border-radius:10px; background: #fff; }
.index-banner .swiper-pagination-bullet-active{ width:0.8rem; background: #9f7251; }
.index-banner .box{display:block;position: absolute;left:0; top:50%; z-index: 10;width: 100%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.index-banner .tit1{ display:block;width: 100%; font-weight: bold; color: #fff; font-size:0.6rem; line-height:0.72rem;font-family: 'ALIBABA-PUHUITI-MEDIUM';}
.index-banner .tit2{ display:block;width: 100%; font-weight: 400; color: #fff; font-size:0.3rem; line-height:0.36rem; margin-top: 0.37rem;font-family: 'ALIBABA-PUHUITI-REGULAR';}


@media screen and (max-width:1780px) {
.index-banner .swiper-pagination{left:0.8rem; bottom:1.6rem;margin-left:0; }

}
@media screen and (max-width:1024px) {
.index-banner .swiper-pagination{left:15px; bottom:30px;margin-left:0; }
.index-banner .swiper-pagination-bullet{ margin:0 10px 0 0; width:15px; }
.index-banner .swiper-pagination-bullet-active{ width:30px; }
.index-banner .tit1{  font-size:24px; line-height:34px;}
.index-banner .tit2{  font-size:16px; line-height:22px; margin-top:15px;}
.index-banner .swiper-slide .ph_show1{ height:320px; object-fit: cover;}
}


._more{ display:block; width: 0.6rem; height: 0.6rem; background: url(img/more-hui.png)no-repeat center center;background-size: contain !important;}
._more:hover{; background: url(img/more-lan.png)no-repeat center center;}
._more.rt{ z-index: 10; position: absolute; right: 0; top:0;}

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

}


.section01 .bg{ position: absolute; left:0; bottom: 0; width: 100%; height: 100%; z-index: 1;}
.section01 .w_width{ display: flex; flex-wrap: wrap; justify-content: flex-end;}
.section01 .box{ display: flex; flex-wrap: wrap; width: 60.61%; padding:0.86rem 0 0.69rem 0;}
.section01 .list{display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; gap:0.47rem 0; margin-top:0.44rem;}
.section01 .list .li{display: flex; flex-wrap: wrap; width: 48.87%; position: relative; padding:0 0.46rem 0 0.44rem;}
.section01 .list .tit{display: block; width: 100%; color: #2d4a2d; font-size:0.3rem; line-height:0.3rem; font-weight: bold;}
.section01 .list .info{display: block; width: 100%; color: #999999; font-size:0.18rem; line-height:0.21rem;}
.section01 .list .ico{display: block; width:0.34rem; line-height: 0; position: absolute; left: 0; top: 0;}
.section01 .list .ico img{width: 100%;}
.section01 .line100{ margin-top:0.3rem;}	

@media screen and (max-width:1800px) {
.section01 .box{ width: 58.61%; padding:0.76rem 0 0.59rem 0;}	
.section01 .list{gap:0.4rem 0; margin-top:0.37rem;}
.section01 .list .li{padding:0 0 0 0.44rem;}
.section01 .list .tit{ font-size:0.26rem; line-height:0.26rem; }
.section01 .line100{ margin-top:0.22rem;}	
}
@media screen and (max-width:1024px) {
.section01 .box{ width: 100%; padding:45px 0 45px 0;}	
.section01 .list{gap:16px 0; margin-top:30px;}
.section01 .list .li{padding:0 0 0 34px;}
.section01 .list .ico{ width:24px; }
.section01 .list .tit{ font-size:18px; line-height:22px; }
.section01 .list .info{ font-size:14px; line-height:18px;}
.section01 .line100{ margin-top:10px;}	
.section01 .w100{ display: flex; flex-direction: column; width: auto; margin-left:30%; }
}
@media screen and (max-width:700px) {
.section01 .list .li{ width: 100%;}	

}
/* 
@keyframes arrMove1 {
0% { opacity: 0; }	
3% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove2 {
0% { opacity: 0; }	
6% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove3 {
0% { opacity: 0; }	
9% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove4 {
0% { opacity: 0; }	
12% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove5 {
0% { opacity: 0; }	
15% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove6 {
0% { opacity: 0; }	
18% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove7 {
0% { opacity: 0; }	
21% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove8 {
0% { opacity: 0; }	
24% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove9 {
0% { opacity: 0; }	
27% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove10 {
0% { opacity: 0; }	
30% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove11 {
0% { opacity: 0; }	
33% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove12 {
0% { opacity: 0; }	
36% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove13 {
0% { opacity: 0; }	
39% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove14 {
0% { opacity: 0; }	
42% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove15 {
0% { opacity: 0; }	
45% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove16 {
0% { opacity: 0; }	
48% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove17 {
0% { opacity: 0; }	
51% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove18 {
0% { opacity: 0; }	
54% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove19 {
0% { opacity: 0; }	
57% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove20 {
0% { opacity: 0; }	
60% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove21 {
0% { opacity: 0; }	
63% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove22 {
0% { opacity: 0; }	
66% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove23 {
0% { opacity: 0; }	
69% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove24 {
0% { opacity: 0; }	
72% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove25 {
0% { opacity: 0; }	
75% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove26 {
0% { opacity: 0; }	
78% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove27 {
0% { opacity: 0; }	
81% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove28 {
0% { opacity: 0; }	
81% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove29 {
0% { opacity: 0; }	
84% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove30 {
0% { opacity: 0; }	
30% { opacity: 1; }
87% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove31 {
0% { opacity: 0; }	
9% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove32 {
0% { opacity: 0; }	
93% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove33 {
0% { opacity: 0; }	
96% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
}
@keyframes arrMove34 {
0% { opacity: 0; }	
99% { opacity: 1; }
99% { opacity:1; }
100% { opacity:0; }
} */

.section02 .sect{ position: relative; width: 99.629%; display: block;}
.section02 .dd{ position:absolute; z-index: 6; line-height: 0;display: block;}
.section02 .dd img{ width: 100%;}


/* .section02 .dd1 { animation: arrMove 16s linear 0s infinite, arrHide 16s linear 0s infinite; }
.section02 .dd2 { animation: arrMove 16s linear 0.5s infinite, arrHide 16s linear 0s infinite; }
.section02 .dd3 { animation: arrMove 16s linear 1s infinite, arrHide 16s linear 0s infinite; }
.section02 .dd4 { animation: arrMove 16s linear 1.5s infinite, arrHide 16s linear 0s infinite; }
.section02 .dd5 { animation: arrMove 16s linear 2s infinite, arrHide 16s linear 0s infinite; }
.section02 .dd6 { animation: arrMove 16s linear 2.5s infinite, arrHide 16s linear 0s infinite; }
.section02 .dd7 { animation: arrMove 16s linear 3s infinite, arrHide 16s linear 0s infinite; }
.section02 .dd8 { animation: arrMove 16s linear 3.5s infinite, arrHide 16s linear 0s infinite; }
.section02 .dd9 { animation: arrMove 16s linear 4s infinite; }
.section02 .dd10 { animation: arrMove 16s linear 4.5s infinite; }
.section02 .dd11 { animation: arrMove 16s linear 5s infinite; }
.section02 .dd12 { animation: arrMove 16s linear 5.5s infinite; }
.section02 .dd13 { animation: arrMove 16s linear 6s infinite; }
.section02 .dd14 { animation: arrMove 16s linear 6.5s infinite; }
.section02 .dd15 { animation: arrMove 16s linear 7s infinite; }
.section02 .dd16 { animation: arrMove 16s linear 7.5s infinite; }
.section02 .dd17 { animation: arrMove 16s linear 8s infinite; }
.section02 .dd18 { animation: arrMove 16s linear 8.5s infinite; }
.section02 .dd19 { animation: arrMove 16s linear 9s infinite; }
.section02 .dd20 { animation: arrMove 16s linear 9.5s infinite; }
.section02 .dd21 { animation: arrMove 16s linear 10s infinite; }
.section02 .dd22 { animation: arrMove 16s linear 10.5s infinite; }
.section02 .dd23 { animation: arrMove 16s linear 11s infinite; }
.section02 .dd24 { animation: arrMove 16s linear 11.5s infinite; }
.section02 .dd25 { animation: arrMove 16s linear 12s infinite; }
.section02 .dd26 { animation: arrMove 16s linear 12.5s infinite; }
.section02 .dd27 { animation: arrMove 16s linear 13s infinite; }
.section02 .dd28 { animation: arrMove 16s linear 13.5s infinite; }
.section02 .dd29 { animation: arrMove 16s linear 14s infinite; }
.section02 .dd30 { animation: arrMove 16s linear 14.5s infinite; }
.section02 .dd31 { animation: arrMove 16s linear 15s infinite; }
.section02 .dd32 { animation: arrMove 16s linear 15.5s infinite; } */


@media screen and (max-width:1800px) {
.section02 .sect{ width: 100%;}
}

.section02 .list{ width: 100%; display: flex; flex-wrap: wrap; gap:5px 0.5rem;}
.section02 .list .li{ display: inline-flex; align-items: center; }
.section02 .list .tit1{ display: inline-flex; color: #9f7251; font-size:0.24rem; line-height: 0.32rem; position: relative;}
.section02 .list .fl{ gap:0 0.35rem; }
.section02 .list .tit2{ display: inline-flex; flex-direction: column;}
.section02 .list .tit2 a{ display: inline-flex; color: #9f7251; font-size:0.28rem; line-height: 0.34rem;}
.section02 .list .num{ display: inline-flex; font-weight: bold; color: #9f7251; font-size:0.54rem; line-height:1; margin:0 5px;}
.section02 .list .dw{ display: inline-flex;  color: #9f7251; font-size:0.24rem; line-height: 1; margin-bottom: 0.1rem;}

@media screen and (max-width:1024px) {
.section02 .list{ gap:10px 20px;}	
.section02 .list .fl{ gap:0 20px; }
.section02 .list .tit1{ font-size:16px; line-height:18px;}
.section02 .list .tit2 a{ font-size:16px; line-height:24px;}
.section02 .list .num{font-size:26px; line-height:1; margin:0 5px;}
.section02 .list .dw{ font-size:16px; margin-bottom:5px;}
}
@media screen and (max-width:700px) {
.section02 .list .li{ min-width:27%;}

}





.section03 .list{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; align-items: center; margin-top: 20px;}
.section03 .list .title{ display: flex; flex-wrap: wrap; width: 24%; gap:0 12px;}
.section03 .list .title a{display: flex;width: 100%; background: #f5f0e8; border-radius: 12px; padding:0.18rem 0.18rem; align-items: flex-start; justify-content: center; gap:0.18rem;}
.section03 .list .title a .tit{ width: 100%; color: #2c4a2c; font-size: 0.22rem; line-height: 0.28rem;}
.section03 .list .title a .tit1{ width: 100%; color: #545454; font-size:0.16rem; line-height: 0.22rem; margin-top:0.04rem;}
.section03 .list .title a .tit2{ display:inline-flex; align-items: center; justify-content:center; color: #555555; font-size:calc(12px + 0.02rem); line-height:0.2rem; border: 1px solid #cccccc; border-radius: 4px; padding:0.08rem 0.16rem; margin-top:0.12rem; gap:0 0.1rem;}
.section03 .list .title a .tit2 i{width: 0.16rem; height:0.16rem;  background: url(img/right_hei.png) center no-repeat;  background-size:100% auto !important;}
.section03 .list .title a .img{ display: flex; align-items: center; justify-content: center;background: #2c4a2c; border-radius: 4px; min-width:0.6rem; width:0.6rem;height: 0.6rem;}
.section03 .list .title a .img img{width: 0.3rem; height:0.3rem; object-fit: contain;}
.section03 .list .title a .ico{ display: flex; min-width:0.16rem; width:0.16rem;height: 0.6rem;  background: url(img/right1.png) center no-repeat;  background-size:0.16rem auto !important;}
.section03 .list .title a:hover .ico{ transform: translateX(5px); -ms-transform: translateX(5px);}
.section03 .list .title a:hover .tit{color: #8b6914;}
.section03 .list .title a:hover .tit2{ background: #9f7251 ; border: 1px solid #9f7251; color: #fff;}
.section03 .list .title a:hover .tit2 i{background: url(img/right_bai.png) center no-repeat; }

.section03 .list .ul{ display: grid; grid-template-columns: repeat(3, 1fr); width:65%; gap:0.2rem 0.2rem;}
.section03 .list .ul .li{display: flex; flex-wrap: wrap;width: 100%;}
.section03 .list .ul .li a{display: flex; flex-wrap: wrap;width: 100%; background: #f5f0e8; border-radius: 12px; padding:14px 0.44rem 12px 0.44rem; align-content: flex-start; justify-content: center;}
.section03 .list .ul .li .img{ display: flex; flex-wrap: wrap;width: 85%; aspect-ratio: 100 / 58.94;}
.section03 .list .ul .li .img img{width: 100%; height: 100%; object-fit: contain;}
.section03 .list .ul .li .tit{ display: block; width: 100%; text-align: center; color: #545454; font-size: 0.18rem; line-height: 0.24rem; margin-top:0;}
.section03 .list .ul .li a:hover .tit{color: #8b6914;}
.section03 .list .ul .li a:hover .img img{transform: scale(0.96);-ms-transform: scale(0.96);}
.section03.ph{ display:none;}

@media screen and (max-width:1600px) {
.section03 .list .title{ width:25%}	
.section03 .list .title a .tit{ font-size: 0.2rem; line-height: 0.22rem;}
.section03 .list .ul .li .tit{ font-size: 0.18rem; line-height: 0.22rem;}
.section03 .list .ul{ width:63%;}
}
@media screen and (max-width:1024px) {
.section03 .list .title{ width:34%}		
.section03 .list .title a{ padding:12px 12px;  gap:10px;}
.section03 .list .title a .tit{ font-size:15px; line-height:20px;}
.section03 .list .title a .tit1{ font-size:13px; line-height:18px; margin-top:2px;}
.section03 .list .title a .tit2{ font-size:12px; line-height:18px; padding:4px 12px; margin-top:8px;}
.section03 .list .title a .tit2 i{ width:10px; height:10px;}
.section03 .list .title a .img{  min-width:30px; width:30px;height:30px;}
.section03 .list .title a .img img{width:16px; height:16px; }
.section03 .list .title a .ico{min-width:16px; width:16px;height:30px;  background-size:10px auto !important;}
.section03 .list .ul{ gap:14px 14px;}
.section03 .list .ul .li a{ padding:14px 12px 14px 12px;}
.section03 .list .ul .li .tit{font-size:15px; line-height:17px}
}
@media screen and (max-width:700px) {
.section03 .list .title{width:100%;}	
.section03 .list1{width:100%; padding:20px 0 10px 0;}
.section03 .list1 .ul{width:100%; display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); }
.section03 .list1 .ul .li{width:100%;}
.section03 .list1 .ul .li a{ overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; background: #fff; box-shadow:0 0 0.2rem rgba(0,0,0,0.2); border-radius: 12px; padding:14px 0 14px 0; height: 100%;}
.section03 .list1 .ul .li .img{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap;width: 100%; aspect-ratio: 100 / 58.94;}
.section03 .list1 .ul .li .img img{width: 90%; height: 90%; object-fit: contain;}
.section03 .list1 .ul .li .tit{ display: block; width: 100%; text-align: center; color: #000; font-size:16px; line-height:24px; margin-top:5px;}
.section03 .list1 .ul .li a:hover .tit{color: #8b6914;}
.section03.pc{ display:none;}
.section03.ph{ display:flex; background: linear-gradient(180.00deg, rgba(245, 240, 232, 1),rgba(245, 240, 232, 0.5) 100%);}
.section03.ph .tit40{ text-align: center;color: #000;}
.section03.ph .info{ display: block; width: 100%; text-align: center; color: #545454; font-size:15px; line-height:24px; margin-top:4px;}
}



.h-about{display:flex; flex-wrap: wrap; overflow: hidden; width: 100%;}
.h-about .right{ display:flex; flex-wrap: wrap;  align-items: flex-end; width:50%; }
.h-about .left{ display:flex; flex-wrap: wrap; justify-content: flex-end; width:50%; padding:0.95rem 0 0 0.8rem;}
.h-about .w810{ width:810px; }
.h-about .tit40{width:80%;}
.h-about .cont{display: block; width:80%;color: #555555; font-size:0.2rem; line-height: 0.32rem; margin-top:0.34rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:7;}
.h-about ._more{ margin:0.41rem 0 0.4rem 0;}
.h-about .sect{ display: flex; flex-wrap: wrap; width: 100%; height: 100%;}
.h-about .sect .div{  display: flex; flex-wrap: wrap;width: 100%; flex-direction: column; justify-content: flex-end; align-content: center;padding:0.59rem 0.2rem;height: 100%; position: relative;}
.h-about .sect .div::after{ display: block; content: ''; position: absolute; left:0; bottom:0; width:100%; height: 100%; z-index: 1;background: url(img/main9.png) bottom center no-repeat; background-size:100% 100%;}
.h-about .sect .ico{display: inline-flex; line-height: 0; justify-content: center;}
.h-about .sect .ico img{width:0.56rem; height: 0.56rem;}
.h-about .sect .tit{display: inline-flex; color: #ffff; font-size:0.2rem; line-height:0.32rem; font-weight: bold; position: relative; margin-top: 0.28rem; padding-bottom: 0.22rem; text-align: center;}
.h-about .sect .tit::after{ display: block; content: ''; position: absolute; left:50%; bottom:0;background: #fff; width:0; height: 1px; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.h-about .sect .div:hover .tit::after{width:100%;}
.h-about .box1{display:block; width:100%; position: relative; }
.h-about .box1::after{ display: block; content: ''; position: absolute; right:0; bottom:0;background: #f2ece2; width:2000px; height: 100%; z-index: 1; }
.h-about .ul{display:flex; flex-wrap: wrap;width:80%; justify-content: space-between; padding:0.22rem 0 0.37rem 0;}
.h-about .ul .li{display:flex; width:50%; align-items: flex-start; padding:0.23rem 0; }
/* .h-about .ul .li:nth-child(2n+1){ width:46%; } */
.h-about .ul .li .la{display:flex; flex-wrap: wrap; width:100%;}
.h-about .ul .li .countup{ display:flex; color:#8b6914; font-weight: bold; font-size:0.48rem; line-height:0.48rem; white-space: nowrap; min-width:0.7rem; padding-right:0.15rem;}
.h-about .ul .li .dw{ display:block;width:100%; color:#8b6813;  font-size:16px; line-height:18px;}
.h-about .ul .li .info{ display:block;width:100%; color:#4a4c52; font-size:14px; line-height:16px; }



@media screen and (max-width:1600px) {
.h-about .tit40{width:90%;}
.h-about .cont{width:90%; margin-top:0.24rem;}
.h-about ._more{ margin:0.31rem 0 0.4rem 0;}
.h-about .ul{width:90%;padding:0.22rem 0 0.22rem 0;}
.h-about .ul .li{padding:0.15rem 0; }
}
@media screen and (max-width:1024px) {
.h-about .left{ width:100%; padding:35px 15px 0 15px; }
.h-about .right{ width:100%;}
.h-about .cont{font-size:15px; line-height:26px;}
.h-about ._more{margin:13px 0 20px 0;}
.h-about .sect .div{padding:30px 10px; min-height: 260px;}
.h-about .sect .ico img{width:36px; height: 36px;}
.h-about .sect .tit{font-size:15px; line-height:21px;margin-top:14px; padding-bottom: 10px;}
.h-about .ul .li{ padding:10px 0;}
.h-about .ul .li .countup{ font-size:26px; line-height:26px;min-width:40px; padding-right:10px;}
.h-about .ul{width:100%;padding:20px 0;}
.h-about .box1::after{ right:-15px;width:calc(100% + 30px); }
.h-about .tit40{width:100%;}
.h-about .cont{width:100%; margin-top:16px;}
.h-about ._more{ margin:16px 0 30px 0;}
}










/* .in-banner */
.in-banner{ position: relative; overflow: hidden; }
.banText{ width:100%; position: absolute; left: 0; top:58%; z-index: 10; display: block; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.mbx{ display: block; color: #fff; font-size:0.2rem; line-height:0.3rem; margin-top:0.32rem;}
.mbx a{ color: #fff;}
.mbx a:hover{color: #9f7251 ;}
@media screen and (max-width:1024px) {
.banText{  text-align: center;}	
.mbx{display: none;font-size:14px; line-height:24px;}	
}	


.contact1{ background: #ede4d6;  margin-top:0.9rem;}
.contact1 .sect{ display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: space-between; padding:0.2rem 0;  gap:14px 14px;}
.contact1 .title{ display:inline-flex; color:#333333;font-size:0.2rem; line-height:0.24rem; font-style: italic;}
.contact1 .box{ display:inline-flex; flex-wrap: wrap; gap:10px 0.44rem;}
.contact1 .box .li{ display: inline-flex; align-items: center;}
.contact1 .box .li .ico{ display:inline-flex; width:20px; min-width:20px; line-height: 0; margin-right:12px;}
.contact1 .box .li .ico img{ width:20px; height:20px;}
.contact1 .box .li .tit{ display:inline-flex; color:#333333;font-size:0.2rem; line-height:0.24rem; font-style: italic;}
.contact1 .box .li .tit a{ color:#333;}
.contact1 .box .li .tit a:hover{ color: #8b6914;}

@media screen and (max-width:1024px) {
.contact1{margin-top:50px;}
.contact1 .sect{ padding:28px 0;}	
.contact1 .title{ font-size:16px; line-height:20px;}
.contact1 .box{  gap:8px 20px;}
.contact1 .box .li .tit{ font-size:16px; line-height:20px;}
}



.mapbox{ display:block; width:100%; position: relative; overflow: hidden;}
.mapbox .a{ position: relative; display: block; width:100%;}
.mapbox .bg{ display: block; width:100%; height:5rem;}
.mapbox .sect{ display: block; position: absolute;line-height: 0; z-index: 6; position: absolute; left:50%; top: 0.95rem; margin:0 0 0 -810px; }

@media screen and (max-width:1780px) {
.mapbox .sect{left:0.8rem; top: 0.95rem; margin:0; }

}
@media screen and (max-width:767px) {
.mapbox .bg{ height:350px;}	
.mapbox .sect{  left:15px; top:35px; }
}


.-mt90{  margin-top:-0.9rem;}
.contact{ background:#f5f0e8;padding-bottom:0; padding-top: 0.6rem; margin-bottom:-0.3rem;}
.contact .box{ display: grid; width:100%; gap:0.26rem;grid-template-columns: repeat(4, 1fr);  margin-top: 30px;}
.contact .box .li{ display: flex; align-items: center; width:100%;  background: #fff; border-radius:10px; min-height:1.3rem; padding:0.24rem 0.32rem 0.24rem 0.4rem;}
.contact .box .li .ico{ display:block; width:0.5rem; min-width: 0.5rem; line-height: 0; margin-right:12px;}
.contact .box .li .ico img{ width: 0.5rem; height: 0.5rem;}
.contact .box .li .p{ display:block; width:100%; color:#333333;font-size:0.2rem; line-height:0.24rem;}
.contact .box .li .p a{ color:#333;}
.contact .box .li .p a:hover{ color: #8b6914;}
.contact .box .li:hover{ box-shadow:0 0 5px rgba(0,0,0,0.2);}


@media screen and (max-width:1440px) {
.contact .box .li{ padding:0.24rem 0.3rem 0.24rem 0.3rem;}
}
@media screen and (max-width:1024px) {
.-mt90{  margin-top:-50px;}	
.contact{padding-top:35px; padding-bottom:0; margin-bottom:-10px;}		
.contact .box{gap:16px;grid-template-columns: repeat(2, 1fr); margin-top: 20px;}
.contact .box .li{ padding:18px 20px;}	
.contact .box .li .ico{ width:36px; min-width: 36px;}	
.contact .box .li .ico img{ width:36px; height:36px;}	
.contact .box .li .p{ font-size:16px; line-height:22px;}
}
@media screen and (max-width:700px) {
.contact .box{grid-template-columns: repeat(1, 1fr);}
}


.message1{ padding-top: 0.9rem;}
.MESSAGE{ width:100%;} 
.MESSAGE .box{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width:100%;}
.MESSAGE .left{ display:block; width:43.2%;}
.MESSAGE .right{display:block; width:37%; margin-top:0.05rem; padding:0.4rem 0.45rem 0.6rem 0.38rem; background: #fff; border-radius: 10px;}
.MESSAGE .info{display: flex; flex-wrap: wrap; width: 100%; color: #fff; font-size: 0.26rem; line-height: 0.3rem;}
.MESSAGE .info .p{display: flex; align-items: center; width: 100%; margin-top: 0.2rem;}
.MESSAGE .info img{display:block; width:0.5rem;height:0.5rem; object-fit: contain; margin-right:13px;}
.MESSAGE .tit50{ margin-top:0.84rem;}



@media screen and (max-width:1024px) {
.message1{ padding-top:50px;}	
.MESSAGE .left{ width:48%; }	
.MESSAGE .right{ width:48%; padding:16px 18px 30px 18px;}	
.MESSAGE .info{ font-size:16px; line-height:20px;}
.MESSAGE .info .p{ margin-top:15px;}
.MESSAGE .info img{ width:24px;height:24px; margin-right:8px;}

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

}


._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.24rem;
background:#eeeeee;height:0.5rem;
color:#333;
font-size: 0.18rem;
line-height: 0.3rem;
}
._form1 .textarea{ cursor: pointer; width:100%;
border:0;
border-radius: 8px;padding: 0.12rem 0.24rem;
background:#eeeeee;height:2rem;
color:#333;
font-size: 0.18rem;
line-height: 0.3rem;}
._form1 .yanzhengma{ cursor: pointer;background:#eeeeee; /*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:2px; border:0;
border-radius: 8px;
background:#2d4a2d; border:0;
}
._form1 .submit:hover{ background: #9f7251 ;}
._form1 .checkbox{display: flex; align-items: center; width: 100%; gap:0 10px;  color: #333333; font-size: 0.18rem;}
._form1 .checkbox i{ cursor: pointer; position:relative; width:18px; height:18px; display: flex; border-radius: 4px; border:1px solid #2d4a2d;}
._form1 .checkbox i.om{background: url("img/dui1.png") center no-repeat #2d4a2d; background-size:100% 100%; }

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


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




.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 10px 0 0;}
.wack1 .pz_fy a.dian{ line-height:0.4rem;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ background:#2d4a2d; 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:#2d4a2d;}
.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;}
}




._list1{ display:block; width: 100%;}
._list1 .ul{ display: flex; flex-wrap: wrap; width: calc( 100% + 0.6rem); margin:-0.48rem -0.3rem;}
._list1 .ul .a{ display:block; width: 100%;}
._list1 .ul .box{ display: flex; flex-wrap: wrap; width:33.33%; padding:0.48rem 0.3rem;}
._list1 .ul ._img{ padding-bottom: 56%; border-radius: 8px;}
._list1 .ul .box .tit1{  width: 100%;font-size: 0.24rem; line-height: 0.29rem; height:0.87rem; color: #000000; margin-bottom:0.22rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; font-weight: bold;}
._list1 .ul .box .info{  width: 100%; font-size: 14px; line-height:20px; height:60px; color: #555555; margin-bottom:0.32rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
._list1 .ul .box:hover .tit1 { color: #8b6914;}




@media screen and (max-width:1024px) {
._list1 .ul{ width: calc( 100% + 16px); margin:-16px -8px;}
._list1 .ul .box{ padding:16px 8px;}	
._list1 .ul .box .tit1{ font-size: 16px; line-height:22px; height:66px; margin-bottom:11px;}
._list1 .ul .box .info{ margin-bottom:16px;}
}
@media screen and (max-width:700px) {
._list1 .ul .a{ flex-direction: row-reverse; display: flex; align-items: center; justify-content: space-between; gap:0 14px;}	
._list1 .ul ._img{ width:150px; min-width:150px; padding-bottom: 0;aspect-ratio: 100 / 56;}
._list1 .ul ._img img{ position: static;}
._list1 .ul .box{ width: 100%; padding:10px 8px;}	
._list1 .ul .box .tit1{font-size: 15px; height:auto; margin-bottom:4px;-webkit-line-clamp:2;}
._list1 .ul .box .info{font-size: 13px; height:auto; margin-bottom:0;-webkit-line-clamp:2;}
}




.news2{ position: relative; background:#f5f0e8;}
.news2::after{ display: block; content: ''; position: absolute; left:50%; top: 0; z-index: 1; width:50%; height: 100%; background:#ede4d6;}
.news2 .box{ display: flex; flex-wrap: wrap;justify-content: space-between; width: 100%; position: relative;}

.news2 .left{ display: flex; flex-wrap: wrap; align-content: flex-start; background: #f5f0e8; width:78.4%; padding:1rem 0.7rem 0.97rem 0;}
.news2 .left .tit40{ color:#000000; font-style: initial;}
.news2 .left .time{ display: block; width: 100%; color: #aaaaaa; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top: 0.4rem; }
.news2 .left .cont{ display: block; width: 100%; color: #525252; border-top: 1px solid #dddddd; font-size:0.2rem; line-height:0.32rem; margin-top:26px; padding-top:0.34rem;}
.news2 .right{display: flex; flex-wrap: wrap; align-content: flex-start; width:21.6%; padding:0.4rem 0 0.97rem 0.7rem;}
.news2 .list{ display: flex; flex-wrap: wrap; width:100%;position: sticky; top:0.6rem;}
.news2 .list .li{ display: flex; flex-wrap: wrap; align-content: flex-start; width:100%; margin-top:0.6rem;}
.news2 .list .li .la{ overflow: hidden; display: flex; flex-wrap: wrap; width:100%;}
.news2 .list .li ._img{ padding-bottom:56%; border-radius:8px; margin-top:14px;}
.news2 .list .li .next{ display: flex; align-items: center; width:100%; color:#000000;font-size:0.2rem; line-height:0.26rem;}
.news2 .list .li .next img{width:0.2rem; height: 0.2rem; margin-left: 4px;}
.news2 .list .li .tit{ width: 100%;font-size: 0.24rem; line-height: 0.29rem; color: #000000; margin-top:0.22rem; font-weight: bold;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:5;
}
.news2 .list .li .info{ width: 100%;font-size: 14px; line-height: 20px; color: #555; margin-top:0.16rem;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:5;
}
.news2 .list .li .la:hover .tit{ color: #8b6914;}
.news2 .list .li .la:hover ._img img{ transform: scale(1.05); -ms-transform: scale(1.05);}

@media screen and (max-width:1600px) {
.news2 .list .li .tit{ font-size: 0.2rem; line-height: 0.25rem;}
}	
@media screen and (max-width:1024px) {
.news2{ padding:0;}	
.news2::after{ display:none;}
.news2 .left{ width: 100%; padding:35px 15px 35px 15px;}
.news2 .right{ width: 100%; padding:25px 15px 35px 15px; background:#ede4d6;}
.news2 .left .time{ margin-top:12px;font-size:14px; line-height:24px;}
.news2 .left .cont{ margin-top:15px; padding-top:22px;font-size:15px; line-height:27px;}
.news2 .list{ justify-content: space-between;position: static; top:0;}
.news2 .list .li{ width:48%; margin:10px 0;}
.news2 .list .li .la{ align-content:space-between; position: relative; height: 100%;}
.news2 .list .li .next{font-size: 15px; line-height:26px; }
.news2 .list .li .next img{width:15px; height:15px;}
.news2 .list .li .tit{font-size: 16px; line-height:22px; margin-top:8px;}
.news2 .list .li .info{ margin-top:8px;}
.news2 .list .li ._img{ margin-top:15px;}
}
@media screen and (max-width:767px) {

}


.SubNav{ display: block; width: 100%;}
.SubNav .ul{display: flex; width: 100%; gap:0 0.7rem;}
.SubNav .li{ display: inline-flex;}
.SubNav .li a{color: #8b6813;font-size: 0.24rem; line-height:0.36rem;height:0.8rem; display:inline-flex; align-items: center; justify-content:center; position: relative;}
.SubNav .li a::after{ display: block; content: ''; position: absolute; left:50%; bottom: 0;background: #2c4a2c; width:0; height: 1px; transform: translateX(-50%); -ms-transform: translateX(-50%);}

.SubNav .li:hover a{color: #2c4a2c;}
.SubNav .li.on a{color: #2c4a2c;}
.SubNav .li:hover a::after{ width: 100%;}
.SubNav .li.on a::after{ width: 100%;}


@media (max-width: 1024px){
.SubNav{ overflow-x: auto;}
.SubNav .ul{ flex-wrap: nowrap; white-space: nowrap; gap:0 20px;}	
.SubNav .li a {font-size:16px; line-height:22px; height:50px;}

}


.SubNavTow{ display: none; width: 100%;}
.SubNav2{ display: block; width: 100%;}
.SubNav2 .ul{display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; gap:5px 0.33rem; padding:0.36rem 0 0.69rem 0;}
.SubNav2 .li{ display: inline-flex; width: 100%; }
.SubNav2 .li a{ width: 100%; color: #fff;font-size: 0.2rem; line-height:0.26rem; min-height:0.74rem; display:inline-flex; align-items: center; position: relative; border-bottom: 1px solid #999999; padding:0.1rem 0;}
.SubNav2 .li a::after{ display: block; content: ''; position: absolute; left:0; bottom: 0;background: #2c4a2c; width:0; height: 1px; }

.SubNav2 .li:hover a{color: #2c4a2c;}
.SubNav2 .li.on a{color: #2c4a2c;}
.SubNav2 .li:hover a::after{ width: 100%;}
.SubNav2 .li.on a::after{ width: 100%;}


@media (max-width: 1024px){
.SubNav2 .ul{ gap:3px 16px; padding:18px 0 30px 0;}	
.SubNav2 .li a {font-size:15px; line-height:22px; min-height:38px; padding:10px 0;}

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

}


/* 服务内容样式 */
.pord-itme { background: #f5f0e8;
padding-bottom:50px;padding-top:50px;
}
.pord-itme:nth-child(2n){ background: #ede4d6;} 

/* 服务卡片样式 */
.pord-card {
display: flex; justify-content: space-between; align-items: flex-start;
flex-direction: row; flex-wrap: wrap;
width: 100%;
}
.pord-card .slick-prev{width: 0.6rem;height: 0.6rem; left:0.6rem;z-index: 10;background: url(img/next-bai.png)no-repeat center center;background-size: contain; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.pord-card .slick-next{width: 0.6rem;height: 0.6rem; right:0.6rem;z-index: 10;background: url(img/next-bai.png)no-repeat center center;background-size: contain;}
.pord-card .slick-prev:hover,
.pord-card .slick-next:hover{ opacity:0.6;}
.pord-image { display: block;border-radius: 10px; overflow: hidden; background: #fff;
width:27%; line-height: 0;  padding:0.24rem;
}
.pord-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.pord-info{ display: block; width: 100%; margin-top:0.16rem;}
.pord-li{ display: block; width: 100%; position: relative; aspect-ratio: 100/100; overflow: hidden; border-radius: 6px; }
.pord-tit{ display: block; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 6; background:rgba(0,0,0,0.5); font-size: 0.24rem;
color: #fff;
line-height: 0.32rem; padding:0.34rem 0.43rem; }
.pord-text {
width:70.64%;display: flex; flex-wrap: wrap; align-content: space-between; padding:0 0.4rem 0 0;
}
.pord-text .tit50{ font-size:0.4rem; line-height:0.5rem; padding-bottom: 4px;}
.pord-card-title {width: 100%;
font-size: 0.26rem;
color: #8b6813;
line-height: 0.3rem; padding-bottom: 0.12rem; position: relative; margin-top:0.08rem;
}
.pord-card-title::after{ display: block; content: ''; position: absolute; left:0; bottom: 0;background: #8b6813; width:1rem; height: 1px;}
.pord-card-description {
font-size: 0.18rem;width: 100%;
color: #000;
margin-top: 0.16rem;
line-height: 0.3rem;
}
.pord-more{ display: inline-flex; align-items: center; justify-content: center;margin-top: 0.25rem;
font-size:0.18rem;
color: #fff;
line-height:1.4; height: 0.6rem; border-radius: 10px; background:#2d4a2d; padding:0 0.32rem; gap:0 0.15rem;
}
.pord-card:hover .pord-more{ background:#9f7251;}
.pord-more span{ padding-bottom: 1px;}
.pord-more img{ width: 0.2rem; height: 0.2rem;}


@media (max-width:1600px) {
.pord-text{ padding:0 0.4rem 0 0;}
.pord-info{ margin-top:0.12rem;}
.pord-card-description{  margin-top: 0.1rem;}
}
@media (max-width:1270px) {
.pord-text{ padding:0;}
}
@media (max-width: 1024px) {
.pord-itme {
padding-bottom:35px;padding-top:35px;
}
.pord-text .tit50{ font-size:20px; line-height: 30px; padding-bottom:0;}
.pord-card-title {
font-size:18px;
line-height: 28px; margin-top:0; padding-bottom: 10px;
}
.pord-card-title::after{ width:50px;}
.pord-card-description {
font-size:15px;
line-height: 26px; margin-top:12px;
}
.pord-text{ padding:0;}
.pord-info{ margin-top:15px;}
.pord-card .slick-prev{width:30px;height:30px; left:15px;}
.pord-card .slick-next{width:30px;height:30px; right:15px;}
.pord-text{
width:100%; margin-top:20px;
}
.pord-image{ width:100%;}
.pord-tit{ font-size:16px;
line-height: 24px; padding:10px 14px; }
.pord-more{margin-top:15px;
font-size:14px;
 height: 36px;padding:0 16px; gap:0 8px;
}
.pord-more img{ width:16px; height:16px;}
.pord-card{ justify-content: center;}
.pord-image{ width:180px;}
.pord-text .tit50{    text-align: center;}
}


/* 服务内容样式 */
.service-itme { background: #f5f0e8;
padding-bottom:40px;padding-top:40px;
}
.service-itme:nth-child(2n){ background: #ede4d6;} 

/* 服务卡片样式 */
.service-card {
display: flex; justify-content: space-between; align-items: flex-start;
flex-direction: row; flex-wrap: wrap;
width:calc(100% + 20px); margin:0 -10px;
}
.service-card .slick-prev{width: 0.6rem;height: 0.6rem; left:0.3rem;z-index: 10;background: url(img/next-bai.png)no-repeat center center;background-size: contain; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.service-card .slick-next{width: 0.6rem;height: 0.6rem; right:0.3rem;z-index: 10;background: url(img/next-bai.png)no-repeat center center;background-size: contain;}
.service-card .slick-prev:hover,
.service-card .slick-next:hover{ opacity:0.6;}
.service-image { display: block; overflow: hidden;
width:48.78%; line-height: 0; border-radius: 16px; border:10px solid; border-color: #f2f2f0 !important;
}
.service-itme:nth-child(2n) .service-image{ border-color: #ede4d6 !important;} 
.service-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.service-li{ display: block; width: 100%; position: relative; aspect-ratio: 100/64.1; overflow: hidden; border-radius: 10px; }
.service-tit{ display: block; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 6; background:rgba(0,0,0,0.5); font-size: 0.24rem;
color: #fff;
line-height: 0.32rem; padding:0.34rem 0.43rem; }
.service-text {
width:48.18%;display: flex; flex-wrap: wrap; padding:0 10px; gap:0.42rem 0;
}
.service-card-title {width: 100%;
font-size: 0.3rem;
color: #8b6813;
line-height: 0.36rem; padding-bottom: 0.16rem; position: relative; margin-top:0.08rem;
}
.service-card-title::after{ display: block; content: ''; position: absolute; left:0; bottom: 0;background: #8b6813; width:1rem; height: 1px;}
.service-card-description {
font-size: 0.2rem;width: 100%;
color: #000;
margin-top: 0.24rem;
line-height: 0.32rem;
}



@media (max-width:1600px) {
.service-text{ gap:0.32rem 0;}
}
@media (max-width: 1024px) {
.service-itme {
padding-bottom:35px;padding-top:35px;
}
.service-card-title {
font-size:18px;
line-height: 28px; margin-top:0; padding-bottom: 10px;
}
.service-card-title::after{ width:50px;}
.service-card-description {
font-size:15px;
line-height: 26px; margin-top:12px;
}
.service-text{ gap:15px 0;}
.service-card .slick-prev{width:30px;height:30px; left:15px;}
.service-card .slick-next{width:30px;height:30px; right:15px;}
.service-text{
width:100%; margin-top:20px;
}
.service-image{ width:100%;}
.service-tit{ font-size:16px;
line-height: 24px; padding:10px 14px; }

}



/* 服务内容样式 */
.sustain-itme { background:#f5f0e8;
padding-bottom:40px;padding-top:40px;
}
.sustain-itme:nth-child(2n){ background: #ede4d6;} 

/* 服务卡片样式 */
.sustain-card {
display: flex; justify-content: space-between; align-items: flex-start;
flex-direction: row; flex-wrap: wrap;
width:calc(100% + 20px); margin:0 -10px;
}
.sustain-itme:nth-child(2n) .sustain-card{ flex-direction: row-reverse;}
.sustain-image {
aspect-ratio: 100/64.1; 
width:48.78%; line-height: 0;
overflow: hidden; border-radius: 16px; border:10px solid; border-color: #f2f2f0 !important;
}
.sustain-itme:nth-child(2n) .sustain-image{ border-color: #ede4d6 !important;} 
.sustain-img {
width: 100%;
height: 100%;
object-fit: cover; border-radius: 10px; 
}
.sustain-text {
width:48.78%;display: flex; flex-wrap: wrap; align-content: space-between; padding:0 10px;
}
.sustain-itme .tit50{ margin-top:0.1rem;}
.sustain-card-description {
font-size: 0.2rem;width: 100%;
color: #000;
margin-top: 0.35rem;
line-height: 0.32rem;
}
.sustain-card:hover .tit50{color: #8b6914;}

@media (max-width:1600px) {
.sustain-itme .tit50{ margin-top:0;}
.sustain-card-description{ margin-top:0.2rem;}
}
@media (max-width: 1024px) {
.sustain-itme {
padding-bottom:35px;padding-top:35px;
}
.sustain-card-description {
font-size:15px;
line-height: 25px; margin-top:10px;
}
.sustain-text{
width:100%; margin-top:20px;
}
.sustain-image{ width:100%;}
}


.service-cont{ color: #000000; width: 100%; font-size: 0.2rem; line-height: 0.32rem; padding: 45px 0 47px 0;}
@media (max-width: 1024px) {
.service-cont{
font-size:15px;
line-height: 26px;padding: 25px 0 30px 0;
}
}


.JOIN-US1{ width: 100%;padding-top: 48px; padding-bottom: 63px ;}
.JOIN-US1 .tit40{ color: #333; font-style: initial;}
.JOIN-US1 .cont{ color: #525252; width: 100%; font-size: 0.2rem; line-height: 0.4rem; margin-top:0.41rem; }

@media (max-width: 1024px) {
.JOIN-US1{padding-top: 30px; padding-bottom: 30px ; }	
.JOIN-US1 .cont{
font-size:15px;
line-height: 27px; margin-top:15px; }
}


.JOIN-itme { background:#f5f0e8;color: #525252; width: 100%; font-size: 0.2rem; line-height: 0.4rem;
padding-bottom:34px;padding-top:57px;
}
.JOIN-itme:nth-child(2n){ background: #ede4d6;} 
.JOIN-itme .tit1{ font-weight: bold;  width: 100%; font-size: 0.3rem; line-height: 0.6rem; margin-bottom:-3px;}
.JOIN-itme .tit2{ font-weight: bold; width: 100%; font-size: 0.26rem; line-height: 0.52rem;}
.JOIN-itme .tit3{ width: 91%; margin-top:-4px; }

@media (max-width: 1800px) {
.JOIN-itme .tit3{ width: 100%; }	
}	
@media (max-width: 1024px) {
.JOIN-itme{padding-top: 30px; padding-bottom: 30px ;font-size:15px;
line-height: 27px;  }	
.JOIN-itme .tit1{margin-top:0; font-size:20px; line-height:32px;  margin-bottom:0;}
.JOIN-itme .tit2{ font-size:18px; line-height:30px;}
.JOIN-itme .tit3{margin-top:0; }
}


/**/
.about1{display:flex; flex-wrap: wrap; overflow: hidden; width: 100%;}
.about1 .pic{ display: block;position: absolute; left:0; bottom:0; width:100%; height: 100%; z-index: 1;}
.about1 .pic .img{ display: block;position: absolute; left:0; bottom:0; width:100%; height: 100%; z-index: 1; opacity: 0;}
.about1 .pic .img.on{opacity: 1;}
.about1 .right{ display:flex; flex-wrap: wrap;  align-items: flex-end; width:50%; position: relative;}
.about1 .left{ display:flex; flex-wrap: wrap; justify-content: flex-end; width:50%; padding:0.6rem 0 0.6rem 0.8rem;}
.about1 .w810{ width:810px; padding:0 0.5rem 0 0;}
.about1 .w960{ width:960px; height: 100%;}
.about1 .cont{display: block; width:100%; overflow:hidden; padding-right:0.8rem; color: #555555; font-size:0.2rem; line-height: 0.32rem; margin-top:0.2rem;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:2.9rem;}
.about1 .info{ display: block; width: 100%; margin-top:0.16rem;}
.about1 .tit2{display: block; width: 100%; color: #2c4a2c; font-size:0.3rem; font-weight: bold; font-style: italic;}
.about1 .sect{ display: flex; flex-wrap: wrap; width: 100%; height: 100%;}
.about1 .sect .div{  display: flex; flex-wrap: wrap;width: 33.33%; height:100%; flex-direction: column; justify-content: flex-end;
  align-content: center;padding:0.59rem 0.2rem; position: relative;}
.about1 .sect .div::after{ display: block; content: ''; position: absolute; left:0; bottom:0; width:100%; height: 100%; z-index: 1;background: url(img/main9.png) bottom center no-repeat; background-size:100% 100%;}
.about1 .sect .ico{display: inline-flex; line-height: 0; justify-content: center;}
.about1 .sect .ico img{width:0.56rem; height: 0.56rem;}
.about1 .sect .tit{display: inline-flex; color: #ffff; font-size:0.2rem; line-height:0.22rem; font-weight: bold; position: relative; margin-top: 0.28rem; padding-bottom: 0.22rem; text-align: center;}
.about1 .sect .tit::after{ display: block; content: ''; position: absolute; left:50%; bottom:0;background: #fff; width:0; height: 1px; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.about1 .sect .div:hover .tit::after{width:100%;}
.about1 .more{ display: none; flex-wrap: wrap; width: 100%; justify-content: center; gap:0 10px; align-items: center; margin-top: 15px; font-size:14px; line-height: 24px; text-transform: capitalize; }
.about1 .more img{width:12px; height: 12px;}
.about1 .more .Show{display: inline-flex;}
.about1 .more .hide{display: none;}
.about1 .more.on .Show{display: none;}
.about1 .more.on .hide{display: inline-flex;}

@media screen and (max-width:1600px) {
.about1 .cont{ padding-right:0.5rem;}
.about1 .left{padding:0.6rem 0 0.6rem 0.8rem;}
}
@media screen and (max-width:1024px) {
.about1 .left{ width:100%; padding:35px 15px; }
.about1 .right{ width:100%;aspect-ratio: 100 / 66;}
.about1 .w810{padding:0;}
.about1 .tit2{ font-size:17px;}
.about1 .cont{ padding-right:0;font-size:15px; line-height:26px;  margin-top: 15px;
 max-height:238px;overflow:hidden;}
 .about1 .cont.on{ max-height: initial;}
 .about1 .info{margin-top:13px;}
 .about1 .sect .div{padding:30px 0;}
 .about1 .sect .ico img{width:36px; height: 36px;}
.about1 .sect .tit{font-size:15px; line-height:21px;margin-top:14px; padding-bottom: 10px;}
.about1 .more{ display: flex;}

}
@media screen and (max-width:700px) {
.about1 .sect .tit{font-size:12px; line-height:18px;}	
}	


/* history */
.history{ position: relative; overflow:hidden;}
.history .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; flex-direction: column; box-sizing: content-box; height: 9rem;}
.history .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.history .box{ display: flex; width: 100%; position: relative;}
.history .left{ display:block; width:4rem; position: absolute; left: 0; top: 0.6rem; z-index:10;}
.history .tit40{ font-size:0.28rem;}
.history .slick-track{ display:flex; flex-wrap: wrap; align-items: flex-start;}
.history .div{ display: flex; width: 100%;align-items: flex-start; margin:0.2rem 0 0 0;}
.history .ul{padding:0.6rem 0;}
.history .sect {display: block;position: relative; width: 100%;padding:1.4rem 0 0.6rem 0;}
.history .sect::before{display: block; width:2000px; height: 100%; position: absolute; background:rgba(0,0,0,0.5);  right:calc(100% - 4rem); z-index:1; content: ''; top:0;}
.history .slick-list{ z-index: 6;}
.history .year{ display:flex; align-items: flex-start; min-width:4rem; width:4rem; }
.history .year .p{ cursor: pointer; width: 100%; display: block; color: #fff; font-size:0.28rem; line-height:0.3rem; font-weight: bold; position: relative;}
.history .year .p::before{display: block; width:1rem; height: 1px; background: #fff; position: absolute; left:1.7rem; z-index:1; content: '';  top:50%;}
.history .slick-current .year .p{ color: #fff;}
.history .swiper-slide-active .year .p{ color: #fff;}
.history .on .year .p{ color: #fff;}
.history .right{ display:flex; flex-wrap: wrap; align-items: center; width:100%; padding:0 0.2rem 0.0 0.7rem;}
.history .right .cont{ display:block; width: 100%; position: relative; ; color: #fff; font-size:0.16rem; line-height: 0.26rem;}
.history .slick-arrow{ width: 0.6rem; margin:0 !important;
  height: 0.6rem;
  background: url(img/next-hei.png) center no-repeat;
  background-size: 100% 100% !important;}
.history .slick-prev{top: 0; left:0; transform:rotate(270deg); -ms-transform:rotate(270deg);}
.history .slick-next{top: auto; bottom:0; right:auto; left:0; transform:rotate(90deg); -ms-transform:rotate(90deg);}

@media screen and (max-width:1024px) {
.history .sect{ padding:96px 0 40px 0;}	
.history .sect::before{ width:calc(100% + 32px); height:156px; right:-15px; }	
.history .left{ width:100%;left: 0; top:35px;}
.history .tit40{ font-size:20px;}
.history .box{ flex-wrap: wrap;}
.history .div{ flex-wrap: wrap; padding:0;}
.history .year{ min-width:100%; width:100%;min-height: inherit;}
.history .year .p{ font-size:20px; line-height:30px;}
.history .year .p::before{ width:1px; height:26px; left:22px; top:42px;}
.history .right{ padding:50px 0 0 0;}
.history .right .cont{ font-size:15px; line-height: 26px; }
.history .ul{padding:0;}
.history .slick-arrow{ width:30px; 
  height: 30px;}
.history .slick-prev{top:6px;left:auto; right:40px; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.history .slick-next{bottom: auto; top:6px; left:auto; right:0; transform:rotate(0deg); -ms-transform:rotate(0deg);}

}


.rongyu{ display: block; width:100%;}
.rongyu .ul{ display: block; width:100%; margin:0 -0.3rem; width:calc(100% + 0.6rem);}
.rongyu .ul .li{ cursor: pointer; display: flex; flex-wrap: wrap;width:12.5%;padding:0 0.3rem;}
.rongyu .ul .li .img{display: flex; flex-wrap: wrap;width:100%;aspect-ratio: 100 / 100;}
.rongyu .ul .li img{width:100%; height: 100%; object-fit: contain;}
.rongyu .ul .li:hover img{ transform: scale(0.96); -ms-transform: scale(0.96); }
.rongyu .slick-prev{width: 0.6rem;height: 0.6rem; left:auto; right:calc(10px + 0.9rem); z-index: 10;top:-1.05rem; background: url(img/next-hui.png)no-repeat center center;background-size: contain !important; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.rongyu .slick-next{width: 0.6rem;height: 0.6rem; right:0.3rem;z-index: 10;top:-1.05rem; background: url(img/next-hui.png)no-repeat center center;background-size: contain !important;}
.rongyu .slick-prev:hover{background: url(img/next-lan.png)no-repeat center center;}
.rongyu .slick-next:hover{background: url(img/next-lan.png)no-repeat center center;}
.h-about3 .slick-prev,
.h-about3 .slick-next{ margin-right:calc(10px + 0.6rem);}

@media screen and (max-width:1024px) {
.rongyu .ul{ margin:0 -8px; width:calc(100% + 16px);}
.rongyu .ul .li{ padding:0 8px;margin-bottom: 50px;}
.rongyu .slick-prev{width:30px;height:30px; top: auto; bottom:0; margin-bottom:0;left:auto; right:calc(50% + 5px);}
.rongyu .slick-next{width:30px;height:30px;top: auto; bottom:0; margin-bottom:0; right:auto; left:calc(50% + 5px);}
.h-about3 .slick-prev,
.h-about3 .slick-next{ margin-right:0;}
}
@media screen and (max-width:767px) {
.rongyu .ul .li{ width: 20%;}

}


.about4{ border-top: 1px solid #cccccc; position: relative;}
.about4 .box{  display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.about4 .box::after{ content: ''; position: absolute; top: 0; left: 50%;  height: 100%; border-left: 1px solid #cccccc;}
.rongyu1{ display: block; width:47%; padding:50px 0 1.1rem 0;}
.rongyu1 .ul{ display: block; width:100%; padding:0 0.7rem; }
.rongyu1 .ul .li{ cursor: pointer; display: flex; flex-wrap: wrap;width:50%;padding:0 0.15rem;}
.rongyu1 .ul .li .img{display: flex; flex-wrap: wrap;width:100%;aspect-ratio: 100 / 142.85;}
.rongyu1 .ul .li img{width:100%; height: 100%; object-fit: contain;}
.rongyu1 .ul .li:hover img{ transform: scale(0.96); -ms-transform: scale(0.96); }
.rongyu1 .slick-prev{width: 0.6rem;height: 0.6rem; left:0; z-index: 10; background: url(img/next-hui.png)no-repeat center center;background-size: contain !important; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.rongyu1 .slick-next{width: 0.6rem;height: 0.6rem; right:0;z-index: 10;background: url(img/next-hui.png)no-repeat center center;background-size: contain !important;}
.rongyu1 .slick-prev:hover{background: url(img/next-lan.png)no-repeat center center;}
.rongyu1 .slick-next:hover{background: url(img/next-lan.png)no-repeat center center;}

@media screen and (max-width:1024px) {
.rongyu1{ padding:35px 0;}
.rongyu1 .ul{ padding:0 32px; }		
.rongyu1 .ul .li{ padding:0 8px;}
.rongyu1 .slick-prev{width:30px;height:30px;}
.rongyu1 .slick-next{width:30px;height:30px;}
}
@media screen and (max-width:700px) {
.rongyu1{ padding:35px 15px;}		
.rongyu1{ width: 100%; border-bottom: 1px solid #cccccc;}
.about4 .box::after{ display: none;}
.about4{ padding: 0;}
}


.rongyu2{ display: block; width:47%; padding:50px 0 1.1rem 0;}
.rongyu2 .ul{ display: block; width:100%; padding:0 1rem;  }
.rongyu2 .ul .li{ cursor: pointer; display: flex; flex-wrap: wrap;width:100%;padding:0 0.15rem;}
.rongyu2 .ul .li .img{display: flex; flex-wrap: wrap;width:100%;aspect-ratio: 100 / 75.47;}
.rongyu2 .ul .li img{width:100%; height: 100%; object-fit: contain;}
.rongyu2 .ul .li:hover img{ transform: scale(0.96); -ms-transform: scale(0.96); }
.rongyu2 .slick-prev{width: 0.6rem;height: 0.6rem; left:0; z-index: 10; background: url(img/next-hui.png)no-repeat center center;background-size: contain !important; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.rongyu2 .slick-next{width: 0.6rem;height: 0.6rem; right:0;z-index: 10;background: url(img/next-hui.png)no-repeat center center;background-size: contain !important;}
.rongyu2 .slick-prev:hover{background: url(img/next-lan.png)no-repeat center center;}
.rongyu2 .slick-next:hover{background: url(img/next-lan.png)no-repeat center center;}

@media screen and (max-width:1024px) {
.rongyu2{ padding:35px 0;}	
.rongyu2 .ul{ padding:0 47px; }		
.rongyu2 .ul .li{ padding:0 8px;}
.rongyu2 .slick-prev{width:30px;height:30px;}
.rongyu2 .slick-next{width:30px;height:30px;}
}
@media screen and (max-width:700px) {
.rongyu2{ width: 100%;}
.rongyu2{ padding:35px 15px;}	
}



/*260727start*/
.footer1 .dl1{ display:inline-flex; align-items: flex-start; width: calc(100% - 3.2rem);}
.footer1 .dl1 .dd{ display:inline-flex; align-items:center; border-radius: 10px; border: 1px solid rgba(255,255,255,0.6);color: #fff;width:100%;
  text-transform: capitalize; padding:0.16rem 0.2rem; gap:0 0.2rem;}
.footer1 .dl1 .dd .info{display:inline-flex; flex-wrap: wrap; width:100%;}
.footer1 .dl1 .dd .tit1{ width:100%; font-size: 0.2rem; line-height: 0.24rem;}
.footer1 .dl1 .dd .tit2{ width:100%; font-size: 0.16rem; line-height: 0.2rem;}
.footer1 .dl1 .dd .btn{display:inline-flex; font-size: 0.16rem; line-height: 0.34rem; background: #c8b598; border-radius: 5px;color: #3e673f; padding:0 0.25rem; white-space: nowrap;-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;  
}
.footer1 .dl1 .dd .btn:hover{ background: #fff;}
.footer1 .dl1 .dd .ico{ min-width:0.4rem;width:0.4rem;  height:0.4rem;border: 1px solid rgba(255,255,255,0.6); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.footer1 .dl1 .dd .ico img{ width:0.3rem; height:0.3rem;}

@media (max-width: 1024px){
.footer1 .dl1{ width: 100%; margin-bottom: 25px; align-items: initial;}
.footer1 .dl1 .dd{ gap:14px; padding:14px 14px;width:100%;
}
.footer1 .dl1 .dd .tit1{  font-size:16px; line-height:20px;}
.footer1 .dl1 .dd .tit2{  font-size:14px; line-height:18px; margin-top: 2px;}
.footer1 .dl1 .dd .btn{  font-size:14px; line-height:28px; padding:0 14px;}
.footer1 .dl1 .dd .ico{ min-width:32px;width:32px;  height:32px;}
.footer1 .dl1 .dd .ico img{ width:24px; height:24px;}
}
@media (max-width: 700px){
.footer1 .dl1 .dd{ position: relative; padding:14px 14px 56px 14px;}
.footer1 .dl1 .dd .tit2{ font-size: 12px;}
.footer1 .dl1 .dd .tit2 br{ display: none;}
.footer1 .dl1 .dd .btn{ position:absolute; left:60px; bottom:16px;}
}	

.pc_input{ width:3rem; display: flex; overflow: hidden; border:1px solid rgba(0,0,0,0.2); border-radius: 4px; overflow: hidden;}
.pc_input input{width: 100%;height:48px;display: block; border-radius:0;background:none; border:0; font-size:0.18rem; line-height:26px; padding:10px 14px; color: #000; text-transform: capitalize;}
.pc_input input::placeholder{color:#666; opacity:1 !important;}
.pc_input .img{display: block; cursor: pointer; min-width:50px;height: 48px;background: url(img/_search1.png) center no-repeat; background-size:18px auto !important;}
.pc_inputt:hover .img{ background: url(img/_search2.png) center no-repeat;}

.SubNavOne .w_width{ display:flex; flex-wrap: wrap; width: 100%; justify-content: space-between; align-items: center;}
.SubNavOne .SubNav{ width: auto;}
.SubNavOne .SubNav .ul{ width: auto;}

@media (max-width: 1024px){
.SubNavOne .w_width{ flex-wrap: wrap-reverse;}
.pc_input{ width:100%;  margin-top: 16px;}
.pc_input input{height:38px; font-size:14px; line-height:24px; padding:7px 14px;}
.pc_input .img{ min-width:40px;height: 38px; background-size:16px auto !important;}
}	

.pt75{ padding-top: 0.75rem;}
.pt55{ padding-top: 0.55rem;}

@media (max-width: 1024px){
.pt75{ padding-top:30px;}	
.pt55{ padding-top:25px;}	
}	


@media (min-width: 1024px){
.footer1 .sect0{ padding-top:0.6rem; padding-bottom:0.7rem;}
.footer1 .addr{  margin-top: 0.4rem;}
.footer1 .nav{  margin-top: 0.36rem;}
._list1.mt77{  margin-top: 0.3rem;}
._list1.mt77 .ul .box{ width:25%;}
.rongyu.mt60{ margin-top: 0.3rem;}
.rongyu .slick-prev{top:-0.75rem;  right:calc(10px + 1rem);}
.rongyu .slick-next{top:-0.75rem; right:0.4rem;}
.rongyu .ul{ margin:0 -0.4rem; width:calc(100% + 0.8rem);}
.rongyu .ul .li{ padding:0 0.4rem;}
.section03 .list .ul{  gap: 0.2rem 0.4rem;}
.section03 .list .ul .li .img{  width: 64%;}
.h-about .ul{ width:100%; padding: 0.16rem 0;}
.h-about .ul .li{ width:24%;  padding: 0.12rem 0.15rem 0.12rem 0;}
.h-about .ul .li:nth-child(1){ width:28%; }
.h-about .ul .li .countup{ min-width: initial;}
.h-about .left{  padding: 0.6rem 0 0 0.8rem;}
.h-about .cont{  margin-top: 0.2rem; margin-bottom: 0.3rem;}
.index-banner .swiper-slide .pc_show1{ height:7.2rem; object-fit: cover;}
.index-banner .swiper-pagination{  bottom:0.6rem;}
.index-banner .tit1{font-size: 0.5rem; line-height: 0.6rem;}
.rongyu .ul .li .img{ height:0.9rem; object-fit: contain;}
.footer1 .sect1{padding-top: 20px; padding-bottom: 20px;}

}	
@media (max-width: 1024px){
.rongyu .ul .li .img{ height:50px; object-fit: contain;}
.h-about .ul .li{ width:27%;  }
.h-about .ul .li:nth-child(1){ width:19%; }
.h-about .cont{ margin-top:8px; margin-bottom: 20px;}
}	
@media (max-width: 700px){
.h-about .ul .li{ width:48%; ;}
.h-about .ul .li:nth-child(1){ width:48%; }
._list1 .ul .box .tit1{    -webkit-line-clamp: 3;}
}	

._list1.mt77 .ul .box .info{ display: none;}
.h-about .w810{ position: relative;}	



.h-about ._more{  margin: 0; position: absolute; left:calc(80% - 0.6rem); top:-0.1rem;}	

@media (max-width: 1600px){
.h-about ._more{ left:calc(90% - 0.6rem); top:-0.1rem;}	
}	
@media (max-width: 1024px){
.h-about ._more{  left:auto; right: 0; top:-2px;}	
}	

.section02 .list{width: 50%;  gap:20px 0;}
.section02 .list .li{ width: 33%;}
.section02 .sect{  width: 50%;}
.section02 .box{  width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;}

@media (max-width: 700px){
.section02 .list{width: 100%;  gap:0;}
.section02 .list .li{   margin-top: 10px;}
.section02 .sect{  width: 100%;}	
.section02 .box{flex-wrap: wrap;}
}


/*260727end*/


/*260804start*/

@media (min-width: 1024px){
.index-banner .swiper-slide .pc_show1{ height:5rem;}
.index-banner .swiper-pagination{  bottom:0.4rem;}
.index-banner .tit2{font-size: 0.26rem; line-height: 0.34rem; margin-top: 0.2rem;}
.index-banner .tit1{font-size: 0.4rem; line-height: 0.48rem;}  
.index-banner .box{  top: 54%;}
}
@media (max-width: 1024px){
.index-banner .tit1{  font-size:20px; line-height:28px;}
.index-banner .tit2{  font-size:15px; line-height:22px; margin-top:10px;}
	
}	


.section02 .box{ align-items: flex-start;}
.section02 .left{width: 50%; display: flex; flex-wrap: wrap; }
.section02 .list{width: 100%;}
.section02 .info{width: 100%;color: #fff; margin:30px 0 0.5rem 0;
  font-size: 0.3rem;
  line-height: 0.38rem;}
  
@media (max-width: 1024px){
.section02 .info{ margin:20px 0 20px 0;
  font-size: 18px;
  line-height:26px;}
}	
@media (max-width: 700px){
.section02 .left{width: 100%; margin-bottom: 25px;}	
.section02 .info{ margin:20px 0 10px 0;}
.section02 .box{ flex-wrap: wrap-reverse;}
}	


.h-about .right{ position: relative;padding: 30px;}
.h-about .right .info{width: 100%;color: #fff; position: absolute; left: 0; bottom:0.24rem; text-align: center; z-index: 6; 
  font-size: 0.22rem;
  line-height: 0.3rem;}
.h-about .sect .ino{ display:block; width: 0.38rem; height: 0.38rem; line-height: 0; position: absolute; right: 0; bottom:1.56rem; z-index: 6; transform: translate(50%,0); -ms-transform: translate(50%,0);}
.h-about .sect .ino img{width: 100%;}
.h-about .sect .div:last-child .ino{display:none ;}
.h-about .sect .tit{  padding-bottom: 0.16rem; margin-bottom:10px;}


@media screen and (max-width:1024px) {
.h-about .right .info{ bottom: 15px; font-size: 14px;
  line-height:22px;}	
.h-about .sect .ino{ width:24px; height:24px; bottom:92px; }
.h-about .sect .tit{  padding-bottom:6px; margin-bottom:15px;}
}

/*260804end*/


.about1  .tit40{ font-size:0.28rem;}
#block3.about3  .tit40{ font-size:0.28rem;}

@media screen and (max-width:1024px) {
.about1  .tit40{ font-size:20px;}
#block3.about3  .tit40{ font-size:20px;}
}

@media screen and (max-width:1680px) {
.t_navs .menu .nli span a{font-size:calc(12px + 0.06rem); padding:0 0.1rem;}
}




/*260828start*/
.h-about .sect .ino{ display:none;}
.h-about .sect{grid-template-columns: repeat(3, 1fr); display: grid; gap:15px;}

@media screen and (max-width:1024px) {
.h-about .right{ padding:15px;}
.h-about .sect{ gap:10px;}
}


/*260828end*/