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

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


.w_width{max-width:1630px; 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 {background-color: #ffffff; position: sticky; top: 0; z-index: 1000;}
.t_navs.act{ box-shadow:2px 2px 2px rgba(0,0,0,0.1);}
.t_navs .navbar { width:100%;display:flex;align-items: center;justify-content: space-between;position: relative;}		
.t_navs .logo {display:block; line-height:0; margin-left:20px;}
.t_navs .logo-image {height:0.72rem;}	 
.t_navs .nav-menu {/* flex: 1; */display: flex; justify-content: right; width:74.48%;}
.t_navs .nav-items {display: flex; width:100%;}  
.t_navs .nav-item { width:100%;}
.t_navs .nav-link {display:flex; align-items: center; position: relative; font-weight: 400; color: #000000; font-size: 0.2rem; line-height:1.4; height:1rem;}  
.t_navs .nav-item.on .nav-link{font-weight: bold;color: #a57b52;}
.t_navs .nav-item:hover .nav-link {color: #a57b52;}
.t_navs .sub{ position: absolute; left:0; top:100%; width: 100%; z-index:15; display:none; background:#eeeeee;border-top:1px solid #a57b52;}
.t_navs.act .sub{ box-shadow:2px 2px 2px rgba(0,0,0,0.1);}
.t_navs .sub .w100{width: 100%; display:flex; width: 100%; justify-content: flex-end;}
.t_navs .sub .l1{ display:flex; width: 74.48%; }
.t_navs .sub .l2{ display:flex; width: 100%;}
.t_navs .sub .a1box{width:1.08rem; min-width:1.08rem;padding:0.39rem 0 0.4rem 0;}
.t_navs .sub .a2box{width: 11.59%; min-width: 11.59%;padding-left: 0.22rem; }
.t_navs .sub .a1{ width: 100%;display: block; font-weight: bold; font-size:0.18rem;color: #000000;line-height:0.4rem;}
.t_navs .sub .u2{width: 100%;display: flex; flex-wrap: wrap;padding:0.4rem 0; background: #fff;}
.t_navs .sub .u2 .a2{ width: 100%;display: block;  font-weight: bold; font-size:0.18rem;color: #000000;line-height:0.4rem; }
.t_navs .sub .u3{width: 100%;display: flex; flex-wrap: wrap;}
.t_navs .sub .u3 .l3{ min-width: 11%;display: inline-flex; margin-right: 0.28rem;}
.t_navs .sub .u3 .l3 .a3{ display: inline-flex; font-size:0.18rem;color: #000000;line-height:0.4rem;}
.t_navs .sub .u3 .l3 .a3:hover{ color:#a57a52; font-weight: bold;}


@media  screen and (max-width:1600px){
.t_navs .nav-link{ font-size:0.19rem;}
.t_navs .sub .a1{ font-size:0.17rem; line-height: 0.38rem;}
.t_navs .sub .u2 .a2{ font-size:0.17rem; line-height: 0.38rem;}
.t_navs .sub .u3 .l3 .a3{ font-size:0.17rem; line-height: 0.38rem;}
}
@media  screen and (max-width:1440px){
.t_navs .nav-menu { width:80%;}
.t_navs .sub .l1{ width: 80%;}
}
@media  screen and (max-width:1024px){
.t_navs .nav-menu { display:none;}
.t_navs .navbar{ height:50px;padding-left:15px;padding-right: 15px;}
.t_navs .logo { margin-left:0;}
.t_navs .logo-image {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:100%; height: 2px; background:#a57b52;
-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: #a57b52;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -9px;}
.menuph .navbtn::before { top: 9px;}
.menuph.active .point .navbtn{ background: transparent !important;}
.menuph.active .point .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph.active .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}



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

.xialaph{ position: fixed; left:0; top:50px; float: left; width: 100%; height:100vh; z-index:15; display:none; background:#fff; padding:5px 15px 100px 15px; overflow-y: auto;border-top:1px solid #a57a52;}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a1{color: #000; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%;}
.xialaph .a1box.on .a1{ color: #a57a52; font-weight: bold;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:4px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #000;  border-right:1px solid #000;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #a57a52;  border-right:1px solid #a57a52;}
.xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:15px;color: #000;line-height:24px;}
.xialaph .a2box.on .a2{ color:#a57a52; font-weight: bold;}
.xialaph .u3{width: 100%;padding:10px 0 2px 15px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u3 .l3 .a3{ width: 100%;display: block; font-size:15px;color: #000;line-height:24px;}
.xialaph .u3 .l3 .a3:hover{ color:#a57a52; font-weight: bold;}


/* banner */

.index-banner{ display:flex; width: 100%; overflow: hidden; z-index:5; position: relative;}
.index-banner .swiper-notification{ display:none;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; width: 100%;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; display: -webkit-inline-box; line-height: 0;}
.index-banner .swiper-slide .pc_show1{ width:100%; position:relative;}
.index-banner .swiper-slide .ph_show1{ width:100%;}
.index-banner .swiper-slide img{ width:100%;}

.index-banner .swiper-slide video{ width:100%; position:absolute; left:0; top:0; height:100%; object-fit:cover; z-index:1;}

.index-banner .box{ display: block; position: absolute; width: 100%; left:0; top:35%; z-index: 10; }
.index-banner .tit1{ font-weight: 600; display: block; width: 100%; color: #fff; font-size:0.8rem; line-height:1; font-style: italic;}
.index-banner .down{ display: block; position: absolute; width: 100%; left:0; bottom:29%; z-index: 10; }
.index-banner .swiper-pagination{ cursor: pointer; display:flex; width: 100%;}
.index-banner .swiper-pagination-bullet{cursor: pointer; border-radius:8px; width:0.3rem; height:8px; margin:0 10px 0 0; display:block;  background:#fff;transition: all .5s linear;
  -moz-transition: all .5s linear;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;}
.index-banner .swiper-pagination-bullet-active{ width:0.5rem;}

@media  screen and (max-width:1600px){
.index-banner .down{ bottom:25%;} 
}
@media  screen and (max-width:1024px){
.index-banner .tit1{ line-height: 1.4;}
.index-banner .down{ bottom:14%;  }   
.index-banner .swiper-pagination-bullet{ width:16px; }
.index-banner .swiper-pagination-bullet-active{ width:26px;}
}


.pf-right{ z-index:10; position:fixed; right:0.18rem; bottom:12vh; width:0.5rem; display:none;}
.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{ white-space: nowrap; 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; box-shadow:0 0 6px rgba(0,0,0,0.2);}
.pf-right .er{ display: none; position: absolute; right:100%; top:0; width:120px; background: #fff; border-radius:6px; line-height:0; overflow: hidden; box-shadow:0 0 6px rgba(0,0,0,0.2);}
.pf-right .li:hover .tel{ display:block; margin-right: 10px;}
.pf-right .li:hover .er{ display:block; margin-right: 10px;}
.pf-right .tel-ph{ display: none;}

@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;}
.pf-right .tel-ph{ display: block;}
.pf-right .tel-pc{ display: none;}
}



.footer{ padding-top:0.5rem; padding-bottom:0.58rem; background:url(img/bg1.png) center bottom no-repeat #a57b52; background-size: 100% auto;}
.footer .f_logo{ display: block; line-height: 0; ;}
.footer .f_logo img{ height:0.72rem;}
.footer .er{ display: block; line-height: 0; ;}
.footer .er img{ width:100px;height:100px;}
.footer .down{ display:flex; flex-wrap: wrap; width: 100%; justify-content: space-between; margin-top: 0.26rem;}
.footer .links{ display:inline-flex; flex-wrap: wrap;color: #fff;font-size:  0.16rem; line-height:0.26rem}
.footer .links a{ display: inline-flex; color: #fff; margin-right: 0.16rem;}
.footer .links a:hover {color:#fadfb5;}
.footer .banquan{ display:inline-flex; flex-wrap: wrap;color: #fff;font-size:  0.16rem; line-height:0.26rem;}
.footer .banquan a{ display: inline-flex; color: #fff; margin-right: 0.16rem;}
.footer .banquan a:hover {color:#fadfb5;}
.footer .cont{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
.footer .navs{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between; margin-top: 0.4rem; }
.footer .navs .ul { display: flex; width: 100%; justify-content: space-between;padding:0.48rem 0.58rem 0.36rem 0.48rem; border-radius: 10px; background: rgba(0,0,0,0.3);}
.footer .ul .nli { display:flex; flex-direction: column;}
.footer .ul .nli span a {  display: block; width: 100%; position: relative; color: #fff; font-size: 0.2rem; line-height: 0.3rem; padding-left: 0.12rem;}
.footer .ul .nli span a::after{ display:block; width:2px; height: 0.2rem; position: absolute; left: 0; top: 0.05rem; content: ''; background: #fff;}
.footer .ul .nli span a:hover { color:#fadfb5;}
.footer .ul .nli span a:hover::after{ background:#fadfb5;}
.footer .sub { display:flex; flex-direction: column; padding-top:4px;}
.footer .sub .l2 { display: inline-flex; margin-top: 5px; padding-left: 0.12rem;}
.footer .sub .l2 a { display: inline-flex; color: #fff;  font-size: 0.16rem;  line-height: 0.26rem;}
.footer .sub .l2 a:hover { color:#fadfb5;}
.footer .navs .ico{width:50px;height:38px;position: absolute;right:0;top:0; display:none; z-index: 6;}
.footer .navs .ico::after{ display:block; content:''; width:9px;height:9px;position: absolute;right:12px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:2px solid #fff;  border-right:2px solid #fff;}
.footer .navs .ico.on::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:2px solid #fadfb5;  border-right:2px solid #fadfb5;}


@media screen and (max-width:1600px) {
.footer .navs .ul{  padding:0.48rem 0.4rem 0.36rem 0.4rem; }
}
@media screen and (max-width:1024px) {
.footer{ padding-top: 40px; padding-bottom: 40px;}
.footer .f_logo img{ height:30px;}
.footer .er img{ width:80px;height:80px;}
.footer .down { margin-top:20px;}
.footer .links {width: 100%;font-size:13px; line-height:24px; justify-content: center; }
.footer .links a{  margin:0 7px;}
.footer .links span{ width: 100%; text-align: center;}
.footer .banquan {width: 100%;font-size:13px; line-height:24px; justify-content: center;  margin-top:10px;}
.footer .banquan a{  margin:0 7px;}
.footer .banquan span{ width: 100%; text-align: center;}
.footer .cont{ padding:0 30px;}
.footer .navs{ margin-top:30px; padding:0 25px;}
.footer .navs .ul{ flex-wrap: wrap; border-radius:5px;padding:0;}
.footer .ul .nli:nth-child(1){ display: none;}
.footer .ul .nli { position: relative; flex-wrap: wrap; width: 50%; border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer .ul .nli:last-child{ border-bottom:0;}
.footer .ul .nli span a{font-size:16px; line-height:26px; padding:8px 12px;}
.footer .ul .nli span a::after{ display:none; width:2px; height:16px;  top:12px;}
.footer .sub { display:none; width: 200%; flex-direction: row; flex-wrap: wrap; padding:5px 6px 10px 6px; background: rgba(255,255,255,0.1);}
.footer .ul .nli:nth-child(2n+3) .sub {  margin-left: -100%; text-align: right; }
.footer .sub .l2 { width:auto; margin-top: 5px; padding:0 6px;}
.footer .sub .l2 a {font-size:14px; line-height:24px; }
.footer .navs .ico{ display:block;}

}

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

}



/* 分页 */
.wack1{ width:100%; padding-top:28px;}
.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:hover,
.wack1 .pz_fy a.on{ background:#a57b52; color: #fff;}
.wack1 .pz_fy .prev,
.wack1 .pz_fy .next{ width:0.7rem;}
.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:#a57b52;}
.wack1 .fy_pc .prev::after,
.wack1 .fy_pc .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:8px; height:8px; 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{ padding-top:25px;}	
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}



/* inbaner */
.inbaner{ position: relative; line-height:0; overflow: hidden;}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.banText{ position: absolute; left:0; bottom:0.47rem; width:100%; z-index: 6;}

@media  screen and (max-width: 1024px){
.banText{ text-align: center; bottom:50%; transform: translateY(50%); -ms-transform: translateY(50%);}
}
.mbx{ display: block;color: #fff;font-size:0.18rem; line-height:0.28rem; margin-top: 4px;}
.mbx a{ color: #fff;}
.mbx i{ color: #fff; padding:0 6px;}
.mbx a:hover{ text-decoration: underline;}

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

}



.content2 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start;}
.cont-left{ width: 64.4%; }
.cont-right{ width: 30.7%; }
@media screen and (max-width:1800px) {
.cont-right{ width: 31.7%; }
}
@media screen and (max-width:1024px) {
.cont-left{ width: 100%; }
.cont-right{ width: 100%; margin-top:25px; }
}

.lits01{ width: 100%; border-bottom: 1px solid #dddddd;}
.lits01 .box2{ width: 100%; display: flex;padding:0.39rem 0; border-top: 1px solid #dddddd;}
.lits01 .a{ width: 100%; display: flex; }
.lits01 .right{ width: 100%;display: flex; flex-wrap: wrap; align-content: space-between;}
.lits01 .right .tit{ font-size: 0.28rem; line-height:0.33rem; height:0.99rem; color: #000000; font-weight: bold;}
.lits01 .right .txt{ font-size:0.16rem; line-height:0.22rem; height:0.88rem; color: #aaaaaa;}
.lits01 .img_w{ width: 3.6rem; min-width: 3.6rem; margin-right: 0.22rem;}
.lits01 ._img{ padding-bottom: 55.55%; border-radius: 10px;}

@media screen and (max-width:1600px) {
.lits01 .box2{padding:0.38rem 0; }	
.lits01 .right .tit{ font-size: 0.24rem; line-height:0.3rem; height:0.9rem;}	
.lits01 .img_w{ width: 3.5rem; min-width: 3.5rem; margin-right: 0.2rem;}
}	
@media screen and (max-width:1024px) {
.lits01 .right .tit{ font-size:16px; line-height:22px; height:auto;}
.lits01 .right .txt{ font-size: 14px; line-height:20px; height:auto;}
.lits01 .img_w{ width:180px; min-width:180px; margin-right:14px;}
}
@media screen and (max-width:767px) {
.lits01 .box2{ padding: 20px 0;}
.lits01 .a{ flex-wrap: wrap;}
.lits01 .right .txt{ margin-top:8px;}
.lits01 .img_w{ width:100%; min-width:100%; margin:0 0 15px 0;}
}


/* .main1 */
.sect01{ width: 100%; display: block;}
.sect01 .div{ width: 100%; display: block;}
.sect01 .div a{ display: block; position: relative; overflow: hidden; border-radius:12px;}
.sect01 .div ._img1{ padding-top: 55.23%;}
.sect01 .div ._img2{ padding-top: 56%;}
.sect01 .div .txt0 { width: 100%; display: block;position: absolute; bottom: 0; left: 0; padding:0.15rem 0.22rem; background:rgba(0,0,0,0.7); z-index: 6;}
.sect01 .div .txt1 { width: 100%; display: block;position: absolute; bottom: 0; left: 0; padding:0.15rem 12px; background: rgba(0,0,0,0.7); z-index: 6;}
.sect01 .div .txt{ width: 100%; color: #fff; font-size: 0.18rem; line-height: 0.3rem;}
.sect01-1 .slick-arrow{ margin-top: -20px; top: -0.5rem;}
.sect01-2 .div{ width: 100%; margin-bottom:4%;}
.sect01-2 .div:last-child{ margin-bottom:0 !important;}

@media screen and (max-width:1024px){
.sect01 .div .txt0{ padding: 10px 12px; }	
.sect01 .div .txt1{ padding: 10px 12px; }	
.sect01 .div .txt{ font-size: 14px; line-height:22px;  }
.sect01-1 .slick-arrow{ margin-top:0; top: -48px;}
.sect01-2{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.sect01-2 .div{ width:48.5%;}
}
@media screen and (max-width:768px){
.sect01-2 .div{ width:100%;}
}


.sect02{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; padding-bottom:20px;}

@media screen and (max-width:1024px){
.sect02{ padding-bottom:10px;}
}

.title01{ display: inline-flex; }
.title01 .ul{ display: inline-flex;}
.title01 .ul li{ display: inline-flex; margin:0 0 10px 10px;}
.title01 .ul li a{ display: inline-flex; align-items: center; justify-content: center; text-align: center; font-size:0.18rem;color:#000;line-height:1.4; height:0.5rem;padding:0 0.23rem 0 0.23rem;background:#fff; border:1px solid #dddddd; border-radius: 10px; min-width:1.2rem;}
.title01 .ul li.on a{background:#eeeeee; font-weight: bold;}
.title01 .ul li:hover a{background:#eeeeee;}
@media screen and (max-width:1024px){
.title01 .ul li a{  font-size:14px; height:32px;padding:0 14px 0 14px; border-radius:6px; min-width:86px;}
}
@media screen and (max-width:767px){
.title01{ width: 100%; overflow-x: auto;scrollbar-color: #fff rgba(255, 255, 255, .75)}
.title01 .ul li{ display: inline-flex; margin:15px 10px 10px 0;}
.title01 .ul li a{ white-space: nowrap;}
}


.sect03{ display: block; width: 100%; margin-top:0.3rem; }
.sect03 .a{ display: block; width: 100%; line-height: 0; overflow: hidden; border-radius: 10px;}

@media screen and (max-width:1024px){
.sect03{ margin-top:15px; }
}


.list21{ display: block;width: 100%; margin-bottom:-11px;}
.list21 .li{ display: block;width: 100%; margin-bottom:11px;}
.list21 .li .a{ display:flex; align-items: center;  width: 100%; position: relative; overflow: hidden;border-radius:10px;
background:#9b8973;
 padding:0.22rem 0.3rem 0.18rem 0.3rem;
}
.list21 .li:nth-child(4n+1) .a{ background:#d4ccc3;}
.list21 .li:nth-child(4n+2) .a{ background:#c6bcaf;}
.list21 .li:nth-child(4n+3) .a{ background:#a99a88;}
.list21 .li .a:hover{ background:#a57b52 !important;}
.list21 .li .ico{ position: absolute; right: 0.3rem; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 6; display:block;  width:0.2rem; height:0.2rem; background: url(img/right_bai.png) center no-repeat; background-size:100% 100% !important;}
.list21 .li .img{ position: relative; z-index: 6; display:block; line-height: 0; min-width:0.56rem; width:0.56rem; margin-right: 0.14rem; }
.list21 .li .img img{width:0.56rem; height:0.56rem; object-fit: contain; }
.list21 .li .info{ width: 100%; 
font-size: 0.18rem;
font-weight: 400;
line-height: 0.24rem;}

@media screen and (max-width:1600px) {
.list21 .li .img{ min-width:0.46rem; width:0.46rem; }	
.list21 .li .info{font-size:0.16rem;line-height:0.22rem;}
}	
@media screen and (max-width:1024px) {
.list21{ display:flex; flex-wrap: wrap; justify-content: space-between;}	
.list21 .li{ width:49%;}
.list21 .li .a{padding:14px 40px 14px 14px; height: 100%;}
.list21 .li .img{ min-width:30px; width:30px; margin-right:10px; }
.list21 .li .img img{width:30px; height:30px; }
.list21 .li .ico{ width:18px; height:18px; right:14px; }
.list21 .li .info{ font-size:calc(13px + 0.02rem);line-height:20px;}
}
@media screen and (max-width:767px) {
.list21 .li{ width:100%;}	
}	


.list03{width: 100%; display: block; padding-top: 0.16rem;}
.list03 .u2{width: 100%; display: block;}
.list03 .u2 .l2{width: 100%; display: flex;margin-top: 10px; border-radius: 10px; overflow: hidden; border: 1px solid #dddddd; padding:0.19rem 0;}
.list03 .u2 .l2:hover{ background: #eeeeee;}
.list03 .u2 .l2.on{ background: #eeeeee;}
.list03 .u2 .a2box{width:2.06rem;min-width:2.06rem; display: flex; align-items: center; padding:0 0 0 0.22rem;}
.list03 .u2 .a2{ width: 100%;display: flex; align-items: center;  font-weight: bold; font-size:0.18rem;color: #000000;line-height:0.22rem; }
.list03 .u2 .a2 img{width:0.6rem;min-width:0.6rem; height:0.6rem; object-fit: contain; margin-right: 0.14rem; }
.list03 .u3{width: 100%;display: flex; flex-wrap: wrap; align-items: center;  justify-content: space-between; border-left: 1px solid #dddddd;}
.list03 .u3 .l3{ width:49.3%;display: inline-flex;}
.list03 .u3 .l3:nth-child(2n+1){ width:50.7%; padding-left: 0.14rem;}
.list03 .u3 .l3 .a3{ display: inline-flex; font-size:0.18rem;color: #000000;line-height:0.3rem;}
.list03 .u3 .l3 .a3:hover{ color:#a57a52; font-weight: bold;}
.list03 .u3 .l3.on .a3{ color:#a57a52; font-weight: bold;}

@media screen and (max-width:1600px) {
.list03 .u2 .a2box{width:1.8rem;min-width:1.8rem; padding:0 0 0 0.16rem;}
.list03 .u2 .a2{font-size:0.16rem;line-height:0.20rem; }
.list03 .u2 .a2 img{width:0.5rem;min-width:0.5rem; height:0.5rem; margin-right: 0.12rem; }
.list03 .u3 .l3:nth-child(2n+1){padding-left: 0.14rem;}
.list03 .u3 .l3 .a3{font-size:0.16rem;line-height:0.28rem;}
}	
@media screen and (max-width:1024px) {
.list03{ padding-top:5px;}
.list03 .u2 .l2{ padding:14px 0;}
.list03 .u2 .a2box{width:136px;min-width:136px; padding:0 0 0 12px;}
.list03 .u2 .a2{font-size:14px;line-height:18px; }
.list03 .u2 .a2 img{width:30px;min-width:30px; height:30px; margin-right:8px; }
.list03 .u3 .l3:nth-child(2n+1){padding-left:8px;}
.list03 .u3 .l3 .a3{font-size:14px;line-height:26px;}
}	


.newsDet{ width: 100%; font-size:0.20rem;color: #535353;line-height:0.32rem;}
.newsDet .info{ width: 100%; border-top: 1px solid #dddddd; font-size:0.18rem;color: #aaaaaa;line-height:0.28rem; padding:0.35rem 0 0.26rem 0;}
.newsDet .info1{ width: 100%; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; font-size:0.18rem;color: #aaaaaa;line-height:0.28rem; padding:0.35rem 0 0.35rem 0; margin-top: 16px;}
.newsDet .info1 a{color: #aaaaaa;}
.newsDet .info1 a:hover{color: #a57a52;}
.newsDet .info2{ width: 100%; font-size:0.18rem;color: #aaaaaa;line-height:0.28rem; padding:0.26rem 0 0.35rem 0;}
.newsDet .info2 a{color: #aaaaaa;}
.newsDet .info2 a:hover{color: #a57a52;}
.newsDet .box2{ width: 100%; padding:24px 0 0 0;border-top: 1px solid #dddddd; text-align: justify;}
.newsDet .page{ width: 100%; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; padding:16px 0; font-size:0.18rem;color: #aaaaaa;line-height:0.3rem; }
.newsDet .page a{color: #aaaaaa;}
.newsDet .page .w100:hover a{color: #a57a52;}

@media screen and (max-width:1024px) {
.newsDet{font-size:15px;line-height:27px;}
.newsDet .info{font-size:14px;line-height:24px;padding:14px 0; }
.newsDet .info1{font-size:14px;line-height:24px;padding:14px 0; }
.newsDet .info2{font-size:14px;line-height:24px;padding:14px 0; }
.newsDet .box2{ width: 100%; padding:16px 0 0 0;}
.newsDet .page{font-size:14px;line-height:24px;padding:14px 0; }
}	


.lits04{ display: grid; gap:0.47rem 16px; grid-template-columns: repeat(4, 1fr); }
.lits04 .box2{ width: 100%; }
.lits04 .a{ width: 100%; }
.lits04 .tit{ width: 100%; text-align: center; font-size:0.18rem;color: #000;line-height:0.28rem; margin-top: 5px;}
.lits04 ._img{ padding-bottom: 100%; border-radius: 8px;border: 1px solid #dddddd;}
.lits04 ._img img{ object-fit: contain;}
.lits04 .a:hover ._img{border: 1px solid #a67d54;}
.lits04 .a:hover .tit{ font-weight: bold;}

@media screen and (max-width:1024px) {
.lits04{  gap:18px 14px; }
.lits04 .tit{font-size:14px;line-height:24px;}
}	
@media screen and (max-width:767px) {
.lits04{ grid-template-columns: repeat(2, 1fr);}
}	


.pord1{font-size:0.18rem;color: #535353;line-height:0.32rem;}

@media screen and (max-width:1024px) {
.pord1{font-size:14px;line-height:24px;}
}	


.pord2{ display: flex; flex-wrap: wrap; justify-content:space-between; line-height:0; width: 100%; border-radius: 8px; background: #f4f4f4; padding:0.45rem;}
.pord2 .big{ display: block; width: 78.2%;}
.pord2 .big .img{ display: block; line-height:0; width: 100%; padding:0.05rem;}
.pord2 .big ._img{ padding-bottom:83.78%;border-radius: 8px; background: #fff;  overflow: hidden;}
.pord2 .big ._img img{ object-fit: contain;}
.pord2 .samll{ display: block; width: 21.8%;}
.pord2 .samll .slick-current  ._img::after{ display: block; content: ''; position:absolute; left: 0; top:0; width: 100%; height: 100%; border:1px solid #a57c53;border-radius: 8px;}
.pord2 .samll .img{ display: block; line-height:0; width: 100%; padding:0.05rem;}
.pord2 .samll ._img{ cursor: pointer; padding-bottom:100%;border-radius: 8px; background: #fff;  overflow: hidden;}
.pord2 .samll ._img img{ object-fit: contain;}
.pord2 .slick-prev{top:0; left:50%;margin:-0.25rem 0 0 -0.25rem;transform:rotate(-90deg);-ms-transform:rotate(-90deg);}
.pord2 .slick-next{top:100%; left:50%; margin:-0.25rem 0 0 -0.25rem; transform:rotate(90deg);-ms-transform:rotate(90deg); }

@media  screen and (max-width:1024px){
.pord2{ padding:15px; }
.pord2 .big{ width:100%;}
.pord2 .big .img{ width: 100%; padding:5px;}
.pord2 .samll{ width:100%;}
.pord2 .samll .img{ width: 100%; padding:5px;}
.pord2 .slick-prev{top:50%; left:-16px;margin:-14px 0 0 0; transform:rotate(-90deg);-ms-transform:rotate(-90deg);}
.pord2 .slick-next{top:50%; left:auto; right:-16px; margin:-14px 0 0 0;  transform:rotate(90deg);-ms-transform:rotate(90deg);}

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

}



.lits05{ width: 100%; border-bottom: 1px solid #dddddd;}
.lits05 .box2{ width: 100%; display: flex;padding:0.37rem 0 0.47rem 0; border-top: 1px solid #dddddd;}
.lits05 .a{ width: 100%; display: flex; }
.lits05 .tit{ font-size: 0.28rem; line-height:0.34rem; color: #000000;}

@media screen and (max-width:1600px) {
.lits05 .tit{ font-size: 0.26rem; line-height:0.32rem;}	
}	
@media screen and (max-width:1024px) {
.lits05 .tit{ font-size:16px; line-height:22px;}
}
@media screen and (max-width:767px) {
.lits05 .box2{ padding:16px 0;}
}


._form4 .layui-form-select dl{ padding:0  !important;}
._form4 .layui-input, 
._form4 .layui-select, 
._form4 .layui-textarea{ width:100%; border:1px solid #dddddd; background:#fff; font-size:0.18rem !important; color:#000000; line-height:38px; height:50px; padding:5px 0.2rem; border-radius:10px}
._form4 .layui-edge{cursor: pointer; position: absolute; top:20px !important; right:0.18rem !important; margin:0 !important;border-top-color: #dddddd !important;  border-width: 10px !important;display: inline-block;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: dashed;
    border-top-style: dashed;
  border-color: transparent;
    border-top-color: transparent;transition: all .3s;
  -webkit-transition: all .3s;}
._form4 .act .layui-edge{ top:6px !important;-webkit-transform: rotate(180deg);
  transform: rotate(180deg);}
._form4 .layui-form-select dl dd.layui-this{ background: #a57a52 !important;}
._form4 .layui-form-select dl dd, 
._form4 .layui-form-select dl dt{ padding:0 0.2rem !important; color:#000000; }
._form4 .layui-form-select dl dd.layui-select-tips{ padding-left:0.2rem !important;}
._form4{ width:100%; display: flex; margin-top: 20px;}
._form4 .lab{ width:100%; position:relative; flex-wrap: wrap; display: flex; margin-top:10px; margin-right: 10px; }
._form4 .btn{ width:120px; min-width:120px;}
._form4 .submit{ cursor: pointer; width:100%; border:1px solid #dddddd; background:#eeeeee; font-size:0.18rem; font-weight: bold; color:#000000; line-height:1; height:50px; padding:0 0 1px 0; border-radius:10px; display: flex; align-items: center; justify-content: center;}
._form4 .submit:hover{ background: #a57a52; border:1px solid #a57a52;  color: #fff;}
._form4 input::placeholder{ opacity:1 !important;color:#000;}
._form4 .layui-down{
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  padding: 5px 0;
  z-index: 6;
  width: 100%;
  border: 1px solid #d2d2d2;
  max-height: 300px;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0,0,0,.12);
  box-sizing: border-box;
}
._form4 .layui-down dd{ cursor: pointer;
    line-height: 36px;width: 100%;
	padding: 0 0.2rem;
	  color: #000000; font-size: 14px;
}
._form4 .layui-down dd:hover{ background: #f2f2f2;}

@media screen and (max-width:1024px) {
._form4{ margin-top:5px;}
._form4 .btn{ width:100px; min-width:100px;}
._form4 .submit{padding:0; font-size:14px; height:40px; border-radius:6px;}
._form4 .layui-edge{ top:14px !important; right:15px !important;}
._form4 .layui-input, 
._form4 .layui-select, 
._form4 .layui-textarea{ font-size:14px !important; line-height:38px; height:40px; padding:5px 12px; border-radius:6px;}
._form4 .layui-form-select dl dd, 
._form4 .layui-form-select dl dt{ padding:0 12px !important;  }
._form4 .layui-form-select dl dd.layui-select-tips{ padding-left:12px !important;}
._form4 .layui-edge{ top:17px !important; right:10px !important; border-width: 7px !important;}
._form4 .layui-form-selected .layui-edge{ top:9px !important;}

}
@media screen and (max-width:767px) {
._form4{ flex-wrap: wrap; justify-content: space-between;}
._form4 .lab{ width:49%; margin-right:0; }
}

._form3 .layui-form-select dl{ padding:0  !important;}
._form3 .layui-input, 
._form3 .layui-select, 
._form3 .layui-textarea{ width:100%; border:1px solid #dddddd; background:#fff; font-size:0.18rem !important; color:#000000; line-height:38px; height:50px; padding:5px 0.2rem; border-radius:10px}
._form3 .layui-edge{ top:20px !important; right:0.18rem !important; margin:0 !important;border-top-color: #dddddd !important;  border-width: 10px !important;}
._form3 .layui-form-selected .layui-edge{ top:6px !important;}
._form3 .layui-form-select dl dd.layui-this{ background: #a57a52 !important;}
._form3 .layui-form-select dl dd, 
._form3 .layui-form-select dl dt{ padding:0 0.2rem !important; color:#000000; }
._form3 .layui-form-select dl dd.layui-select-tips{ padding-left:0.2rem !important;}
._form3{ width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding:17px 0.28rem 0 0.28rem;}
._form3 .lab{ width:32.6%; position:relative; flex-wrap: wrap; display: flex; position: relative; margin-bottom:10px; }
._form3 .w66{ width:66.3% !important; }
._form3 .w100{ width:100% !important; }
._form3 .dw{ display: inline-flex; position: absolute; right: 0.1rem; z-index: 6; font-size:0.18rem; color:#999; line-height:50px;}
._form3 .submit{ cursor: pointer; width:100%; border:1px solid #d4ccc3; background:#d4ccc3; font-size:0.18rem; font-weight: bold; color:#000000; line-height:1; height:50px; padding:0 0 1px 0; border-radius:10px; display: flex; align-items: center; justify-content: center; margin-top: 10px;}
._form3 .submit:hover{ background: #a57a52; border:1px solid #a57a52;  color: #fff;}
._form3 input::placeholder{ opacity:1 !important;color:#000;}


@media screen and (max-width:1024px) {
._form3{ padding:17px 10px 0 10px;}
._form3 .submit{ font-size:14px; height:40px; border-radius:6px;}
._form3 .layui-edge{ top:14px !important; right:15px !important;}
._form3 .layui-input, 
._form3 .layui-select, 
._form3 .layui-textarea{ font-size:14px !important; line-height:38px; height:40px; padding:5px 12px; border-radius:6px;}
._form3 .layui-form-select dl dd, 
._form3 .layui-form-select dl dt{ padding:0 12px !important;  }
._form3 .layui-form-select dl dd.layui-select-tips{ padding-left:12px !important;}
._form3 .layui-edge{ top:17px !important; right:12px !important; border-width: 7px !important;}
._form3 .layui-form-selected .layui-edge{ top:9px !important;}
._form3 .dw{  right:6px;font-size:14px; line-height:40px;}
}
@media screen and (max-width:767px) {
._form3 .lab{ width:100%; }
._form3 .w66{ width:100% !important; }
}


.zfrk2{ display: block; width: 100%; background:#eeeeee; padding:0.27rem 0.32rem 0.38rem 0.32rem; border-radius:10px;  }
.zfrk2 .button{ align-items: center; white-space: nowrap; display: inline-flex; border:1px solid #dddddd; background:#fff; font-size:0.18rem !important; color:#000000; line-height:1; height:50px; padding:0 16px; border-radius:10px}
.zfrk2 .button:hover{  background: #a57a52; border:1px solid #a57a52;  color: #fff;}
.zfrk2 .cont1{display: flex; width: 100%; align-items: center; justify-content: space-between;}
.zfrk2 .info1{display: flex; width: 100%; font-size:0.18rem; color:#000000; line-height:0.28rem;}
.zfrk2 .mt30{ padding-bottom: 0.14rem;}
.zfrk1{ display: block; width: 100%; border:1px solid #dddddd; background:#ffffbf; font-size:0.18rem; color:#000000; line-height:0.22rem; padding:0.36rem 0.6rem 0.49rem 0.6rem; border-radius:10px;  }
.saixuan{display: flex; flex-wrap:wrap; width: 100%; font-size:0.18rem; color:#000000; line-height:0.3rem; padding:0.22rem 0.13rem 0 0.13rem;}
.saixuan .dd{display: inline-flex; padding-left: 0.34rem; margin:8px 0.23rem; background: url(img/ico34.png) left center no-repeat; background-size: 0.24rem auto !important; cursor: pointer; }
.saixuan .dd.on{ background: url(img/ico35.png) left center no-repeat; }

@media screen and (max-width:1024px) {
.zfrk2{ padding:20px 15px 25px 15px;}
.zfrk2 .button{ font-size:14px !important; line-height:38px; height:40px; padding:0 12px; border-radius:6px;}
.zfrk2 .info1{ font-size:14px; line-height:1.4;}
.zfrk2 .pt80 { padding-top:25px;}
.zfrk2 .mt30{ margin-top:10px; padding-bottom:10px;}
.saixuan{font-size:14px; line-height:24px; padding:10px 0 0 0;}
.saixuan .dd{ padding-left:23px; margin:5px 8px; background-size:16px auto !important; cursor: pointer; }

.zfrk1{ font-size:14px; line-height:1.4;padding:20px 15px 25px 15px;}
}


.rukou{ display: flex; flex-wrap:wrap; width: 100%; margin-bottom:52px;}
.rukou .div{ display: inline-flex; align-items: center; font-size:0.18rem; color:#000000; line-height:0.28rem; margin-right: 11px; margin-bottom: 15px;}
.rukou .div .num{ display: inline-flex; background: #eeeeee; border: 1px solid #9a9a9a; border-radius: 50%; justify-content: center; align-items: center; width:0.5rem; height: 0.5rem;margin-right: 12px; font-family: Arial; font-weight: bold; font-size: 0.3rem; line-height: 1;}
.rukou .div .ico{ display: inline-flex; width:0.2rem; height: 0.2rem; margin-left: 10px;}


@media screen and (max-width:1024px) {
.rukou{ margin-bottom:15px;}	
.rukou .div{ font-size:14px; line-height:24px;}
.rukou .div .ico{width:16px; height:16px;}
.rukou .div .num{ width:28px; height:28px; font-size:16px;margin-right: 8px; padding:2px 0 0 0 ;}
}



.ncrk1{ display: block; width: 100%; border:1px solid #dddddd; background:#ffffbf; font-size:0.18rem; color:#000000; line-height:0.28rem; padding:0.37rem 0.6rem 0.49rem 0.6rem; border-radius:10px;  }
.ncrk1 .div{ display: block; width: 100%; margin-top:27px;}
.ncrk1 .div:first-child{ margin-top:0 !important;}
.ncrk1 .info{ display: block; width: 100%; margin-top: 7px; background: #bfffbf;  border: 1px solid #ddd; border-radius:10px; padding:12px 0.22rem 8px 0.22rem; }
.ncrk1 .div:nth-child(2n) .info{ background: #ffdfbf;}

@media screen and (max-width:1024px) {
.ncrk1{ font-size:14px; line-height:1.5;padding:20px 15px 25px 15px;}
.ncrk1 .div{  margin-top:15px;}
.ncrk1 .info{  padding:6px 12px; }
}