@charset "utf-8";
body{ position: relative; _overflow:hidden; overflow-x:hidden; width: 100%; *cursor: default; color: #333; line-height: 1.5;}
a,img{ transition: 0.3s;color: #333;}
a:hover{ color: #b0774c; }
.cptu{background-color: #fff;object-fit: contain!important;}
.tu{ position: relative; width: 100%; overflow: hidden; display: block;}
.tu::before{ content: ""; display: block; padding-top: 65%;}
.tu img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;; display: block;transition: 0.3s;object-fit: cover;}
.tu1{ position: relative; width: 100%; overflow: hidden;}
.tu1::before{ content: ""; display: block; padding-top: 26%;}
.tu1 img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;; display: block;transition: 0.3s;object-fit: cover;}
.tu2{ position: relative; width: 100%; overflow: hidden;}
.tu2::before{ content: ""; display: block; padding-top: 16%;}
.tu2 img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;; display: block;transition: 0.3s;object-fit: cover;}
.tu3{ position: relative; width: 100%; overflow: hidden;}
.tu3::before{ content: ""; display: block; padding-top: 134%;}
.tu3 img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;; display: block;transition: 0.3s;object-fit: cover;}
header{ position: fixed; z-index: 9992; left: 0; top: 0; width: 100%; transition: 0.3s; background: rgba(255,255,255,0.7); box-shadow: 0 2px 10px rgba(0,0,0,0.05);}
header.on{ background-color: #fff;}
.top_le{ flex: 1;}
.logo{ height: 24px;}
.logo img{ height: 100%;}
.head{height: 70px; transition: 0.3s; gap: 1%;}
nav{ height: 100%;box-sizing: border-box; flex: 1;}
.nav-item{position: relative;height: 100%;}
.nav-box{height: 100%;}
.mc{display: none}
.second-nav{position: absolute; left: 50%; top: 100px; background: #fff;  box-sizing: border-box;z-index: 99; max-height: 0; overflow: hidden; opacity: 0; transition: 0.3s; min-width: 100%; transform: translateX(-50%); background-color: rgba(255,255,255,0.9);box-shadow: 0px 2px 4px rgba(0,0,0,0.1); }
.second-nav a{color: #333; display: block;text-align: center; font-size: 16px; line-height: 3; transition: 0.3s; white-space: nowrap; padding: 0 30px;}
.second-nav a:hover{ background-color: #fff; color: #b0774c;}
.nav-item:hover .first-nav a,.first-nav.on a{color: #b0774c;}
.nav-item:hover .second-nav{ max-height: 1000px; opacity: 1;}
.first-nav{ position: relative;}
.first-nav.on a{ font-weight: 600;}
.first-nav.on::after{ content: ""; position: absolute; width: 100%; background-color: #b0774c; left: 0; bottom: -8px; height: 2px; display: block;}
.mBtn{ width: 40px; height: 40px; border-radius: 4px;cursor: pointer; box-sizing: border-box;display: none; position: sticky; right: 0; z-index: 9997;}
.mBtn span{ display: block;  width: 22px;}
.mBtn span i{width: 100%; height: 2px; background: #333; display: block; margin: 0 auto;  margin-top: 5px; transition: 0.5s;}
.mBtn span i:first-child{margin-top: 0;}
.mBtn.active{ background-color:transparent;}
.mBtn.active span i{background: #000; width: 80%;}
.mBtn.active span i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(4px);}
.mBtn.active span i:nth-child(2){transform: rotate(-45deg) translateY(-1px) translateX(1px);}
.mBtn.active span i:nth-child(3){ width: 0px;}
.banner,.swiper,.bannerbox,.swiper-slide{ width: 100%; overflow: hidden; height: auto;}
.swiper-slide img{display: block;width: 100%; object-fit: cover;}
.swiper-pagination-bullet{ opacity: 0.4; width: 20px; height: 3px; background-color: #fff; border-radius: 0;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1;}
.sousou{ width: 210px; background-color: #f8f8f8; border-radius: 999px; box-sizing: border-box; padding: 0 15px;}
.souk{ flex: 1; border: none; background: transparent; font-size: 13px;height: 34px;}
.sous img{ width: 14px;}
.djss{ display: none;}
.djss.on{ display: flex; align-items: center;}
.djdl{
  max-width: 7em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ceng{ position: fixed;left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.6); z-index: 9995;visibility: hidden; opacity: 0; transition: 0.1s;}
.ceng.on{visibility: visible; opacity: 1;}
.sousou.active{position:fixed; left: 50%; top: 50%; z-index: 9996; transform: translate(-50%,-50%); width: 80%;}
.sousou.on{display: none;}
.tanbox{ background: rgba(0,0,0,0.6); position: fixed; z-index: 9998; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: none; align-items: center; justify-content: center;}
.tancon{ width: 500px; background-color: #fff; max-width: 80%; box-sizing: border-box; padding: 30px; padding-bottom: 50px;}
.tangb{ position: absolute; right: 0; width: 26px; opacity: 0.5; transition: 0.3s; top: 50%; transform: translateY(-50%);}
.tangb:hover{ transform: scale(1.1) translateY(-50%);}
.tanti{ font-size: 24px; position: relative;}
.tanerweima img{ width: 100%;}
.tanerweima{ width: 200px; padding: 15px; border: 1px solid #e2e2e2; margin: 0 auto; margin-top: 30px; max-width: 90%;}
.tancon .tex h2{ font-size: 18px; font-weight: bold; margin: 20px 0; color: #333;}
.tancon .tex{ color: #999;}
.tanbox.on{ display: flex;}
.ssgb img{ width: 30px; }
.ssgb{ display: none;position: fixed; z-index: 9998; left: 50%; top:50%; margin-top: 80px; transform: translateX(-50%);}
.sousou.active .souk{ height: 40px;}
.ssgb.on{ display: block;}

section{ position: relative; width: 100%;}
.ind_le,.ind_con{ width: 400px;}
.ind_ri{ width: 380px;}
.tu_fu{ position: absolute; left: 0; bottom: 0; width: 100%; height: 38px; box-sizing: border-box; padding: 0 16px;  background: rgba(0,0,0,0.6); color: #fff; font-size: 16px;}
.title{ width: 100%; border-bottom: 1px solid #cccccc;box-sizing: border-box;}
.title h2{ font-size: 22px; font-weight: bold; position: relative; display: flex; align-items: center; height: 45px;}
.title h2::after{ content: ""; display: block; position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; height: 2px; background: #b0774c;}
.title1{ width: 100%; box-sizing: border-box;padding: 18px; font-size: 20px; font-weight: bold; background: linear-gradient(to right, #f8e7b9, #fffcf5); height: 45px;}
.title2{width: 100%; border-bottom: 1px solid #cccccc; box-sizing: border-box;}
.title2 h2{ background-color: #b0774c; color: #fff; font-size: 18px; font-weight: bold; padding: 0 15px; height: 45px; display: flex; align-items: center;}
.list_con p{ line-height: 34px; padding-left: 16px; width: 100%; box-sizing: border-box; position: relative;}
/*.list_con p:nth-child(1),.list_con p:nth-child(7),.list_con p:nth-child(13){ padding-left: 0; font-size: 16px; margin-top: 13px;}*/
.list_con p:nth-child(1),.list_con p:nth-child(13){ margin-top: 13px;}
.list_con p::after{ position: absolute;width: 4px; height: 4px; content: ""; background-color: #b0774c; left: 2px; top: 50%; transform: translateY(-50%);}
/*.list_con p:nth-child(1)::after,.list_con p:nth-child(7)::after,.list_con p:nth-child(13)::after{ display: none;}*/
.listtu:nth-child(1){ width: 100%;}
.listtu{ width: calc(50% - 5px); position: relative;}
.con1le .listtu>p{ height: 40px; line-height: 20px; margin-top: 10px;}
.con1le{ width: 100%;}
.con1le .listtu .tu{ height: 125px;}
.con1le .listtu:nth-child(1) .tu{height: 260px;}
.ind_ri .listtu .tu{ height: 105px;}
.ind_ri .tu_fu{ font-size: 14px;}
.list_ri p{ background-color: #fdf8ea; line-height: 38px; box-sizing: border-box; width: 100%; padding: 0 14px; margin-top: 10px;}
.spbox{ width: 100%; height:230px; background-color: #000; margin-top: 10px; position: relative;}
.spbox span{ display: flex; text-align: center; justify-content: center; align-items: center; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; position: absolute; background: rgba(0,0,0,0.3);}
.spbox span h1{ display: flex; flex-direction: column; text-align: center; color: #fff; cursor: pointer;}
.spbox span h1 img{ width:50px; height: 50px; transition: 0.3s;}
.spbox span h1:hover img{transform: scale(1.1);}
.ind_list{ margin-top: 10px;}
.ind_list .tu_fu{  font-size: 14px;}
.ind_nav a{ background-color: #fdf8ea; height: 32px; display: flex; align-items: center; padding: 0 12px;}
.ind_nav a:hover{ background-color: #b0774c; color: #fff;}
.ri_list{ width: 100%; box-sizing: border-box; padding: 15px; gap: 20px; padding-top: 20px;}
.ri_list{ display: flex; align-items: flex-start; flex-direction: column;}
.ri_list p{ font-size: 12px; margin-top: 4px;}
.look{ width: 16px; margin-right: 5px;}
.ggbox{position: relative;}
.ggbox .swiper-pagination{ display: flex; flex-direction: row-reverse; padding-right: 30px; box-sizing: border-box; bottom: 20px;}
.gg_fu{ position: absolute;left: 0; bottom: 0; color: #fff; background-color: rgba(0,0,0,0.5); z-index: 9;height: ; padding: 0 15px; line-height: 32px;}
.daka{background: url(../img/bj.jpg) center top no-repeat #faf6eb; padding: 40px 0; background-size: cover;}
.daka_ti .tex h2{font-size: 22px; font-weight: bold; justify-content: center;}
.daka_ti .tex h2 img{ height: 32px; margin:0 10px;}
.daka_ti .tex p{ margin-top: 15px;}
.daka_ti{ position: relative;}
.daka .swiper-button-next img,.daka .swiper-button-prev img{ width: 100%;}
.daka .swiper-button-next,.daka .swiper-button-prev{width: 48px;}
.daka .swiper-button-next{ right:2px;}
.daka .swiper-button-prev{ left:2px;}
.daka .swiper-button-next img:hover,.daka .swiper-button-prev img:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 100%;}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after,.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{font-size: 0;}
.tu_list .tu3{ border-radius: 10px;}
.tu_list .tex{ background-color: #faf1d8; box-sizing: border-box; width: 100%; border-radius: 5px; padding: 10px; margin-top: 20px; font-size: 12px; color: #666;}
.tu_list .tex h2{  margin-bottom: 6px; color: #000; font-size: 14px;font-family:'siyuanM';}
.daka .swiper-slide{transition: 0.3s; box-sizing: border-box; padding:20px; position: relative;}
.daka .swiper-slide-active,.daka .swiper-slide-duplicate-active{ padding: 0; box-sizing: border-box;}
.daka .swiper-slide-active .tu_list .tex h2{ font-size: 17px;}
.daka .swiper-slide-active .tu_list .tex{ font-size: 14px;}
.dakacon{ position: relative; overflow: hidden;}
.daka_le,.daka_ri{position: absolute; z-index: 992; height:90%; top: 50%; transform: translateY(-50%);}
.daka_le img,.daka_ri img{ height: 100%;}
.daka_le{ left: 0;}
.daka_ri{ right: 0;}
.duoSwiper{padding: 0 10%; box-sizing: border-box;}

footer{ background-color: #f8f8f8; padding: 45px 0; }
.foot_nav{ justify-content: center;}
.foot_nav a{ color: #666;}
.foot_nav a:hover{ color:#b0774c;}
.foot_nav p::after{ content: "丨"; padding: 0 6px; color: #666;}
.foot_nav p:last-child::after{ content: "";}
.foot,.foot a{color: #999;}
.foot a:hover{color: #000}
.foot a{ padding: 0 5px;}
.foot{ display: flex; align-items: flex-start; flex-direction: column; gap: 16px; font-size: 12px;}
.foot p{ width: 100%; line-height: 2;}
.kefu{ position: fixed; width: 52px; right: 10px; top: 50%; z-index: 9990; border: 1px solid #eee; box-sizing: border-box; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.kf_list{ width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; border-bottom:1px solid #f2f2f2; cursor: pointer; position: relative;}
.kf_list>img{ width: 50%;}
.kf_tan{ position: absolute;transition: 0.3s; right:51px; top: 0; background-color: #fff;visibility: hidden; opacity: 0; box-sizing: border-box; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.kf_tan>img{ width: 108px;}
.kf_list .kf_tan.on{visibility: visible; opacity: 1; padding: 12px; text-align: center;white-space: nowrap;}
.kf_list:hover>img{ transform: scale(1.1);}
.kf_tan h2{ font-weight: bold; min-height: 26px;}
#toTop{display: none;}
#toTop.on{ display: flex;}


/* 二级分页 */
.neirong{ line-height: 2; font-size: 16px; color: #666;font-family:'siyuanL'; }
.neirong div,.neirong table,.neirong img{ max-width: 100%;}
.erbox{ padding-top: 70px; padding-bottom: 30px;}
.right{ width: 300px; margin-left: 50px;}
.listbox{ width: 100%; gap: 20px;}
.left{ flex: 1; width: calc(100% - 350px);}
.list{ color: #999; width: 100%; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; align-items: flex-start;}
.list .tu{ width: 210px; margin-right: 25px;}
.list .tex{ flex: 1;}
.list .tex h2{ font-size: 18px; color: #333; margin-bottom: 10px;}
.list .tex p{ height: 48px; line-height: 24px;}
.list .tex h3{ font-size: 12px; margin-top: 25px; font-family:'siyuanL'; }
.list .tex h3 i{ padding: 0 10px;}
.fenye a{ margin: 0 5px; color: #999;}
.fenye a.on{ color: #000;font-family:'siyuanB'; }
.fenye a:hover{ color: #000;}
.ri_tulist .tu{ width: 102px; margin-right: 16px;}
.ri_tulist p{ flex: 1;}
.ernav{ width: 100%; height: 46px; background-color: #f8f8f8;padding: 0 30px; box-sizing: border-box; position: relative;}
.ernav .swiper-slide{width: auto!important;padding-top: 6px;}
.ernavlist{ padding: 0 12px; display: flex; height: 32px; align-items: center; color: #666;border: 1px solid #f8f8f8;}
.ernavlist:hover{ color: #b0774c;}
.ernavlist.on{ background-color: #fff; color: #000; border: 1px solid #f2f2f2;}
.ernav .swiper-button-lock{ display: flex;}
.ernav .swiper-button-prev{ left: 0;}
.ernav .swiper-button-next{ right:0;}
.weizhi{ min-height: 46px; width: 100%; box-sizing: border-box; padding:11px 16px; line-height: 24px; color: #666;}
.weizhi i{ padding: 0 5px;}
.anniu{ transform: 0.3s; display: flex; justify-content: center;background-color: #f8e7b9; color: #000; padding: 0 20px;align-items: center;}
.biaoti .anniu{ min-width: 3em; margin-left: 30px; font-size: 16px; padding:5px 18px; font-family:'siyuanB';border-radius: 5px;}
.biaoti h2{ font-size: 26px; flex: 1;}
.biaoti i{ padding: 0 5px;}
.biaoti{ border-bottom: 1px solid #eee; padding-bottom: 26px;}
.anniu:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.ertit,.hy_nav a.on{ font-size: 22px; color: #000;font-family:'siyuanM'; }
.lz_list{ background-color: #f8f8f8; width: 100%; box-sizing: border-box; padding: 20px; margin-top: 20px;}
.lz_list .tit{ font-size: 16px;font-family:'siyuanB'; margin-bottom: 5px;}
.lz_list .tex,.hy_hf .tex{ line-height: 24px; color: #666;}
.lz_list .time p,.hy_hf .time p{ font-size: 12px; color: #666;}
.lz_list .time div,.hy_hf .time div{ gap: 6px; color: #000;}
textarea.tex{  background: transparent; height: 110px; box-sizing: border-box;display: block; width: 100%; border: none;}
.hf_di{ justify-content: flex-end; margin-top: 15px;}
.hf_box{border: 1px solid #ddd; padding:10px 20px; box-sizing: border-box;}
.zktan .anniu,.hf_box .anniu,.hy_hf .time .anniu{ height: 30px; border-radius: 999px;}
.zktan{ width: 100%; box-sizing: border-box; padding-left: 3%;transition: 0.3s;display: none;}
.zktan.on{ display: block; margin-top: 15px; margin-bottom: 10px;}
.erhflist .tex{ line-height: 20px;}
.erhflist{ padding-bottom: 20px; border-bottom: 1px solid #eee; padding-top: 15px;}
.erhflist .anniu,.hy_hf .time .anniu{ background-color: #fff;}
.erhflist .tex i,.hy_hftop .tex i{ color: #999; padding: 0 4px;}
.erhflist .tex span,.hy_hftop .tex span{ color: #000;}
.pl_box{padding:10px 20px; box-sizing: border-box; padding-bottom: 15px;}
.pl_box .anniu{ background-color: #b0774c; color: #fff;height: 30px; border-radius: 999px;}
.fenxiang img{ width: 45px; display: block;}
.fenxiang img:hover{ transform: rotate(30deg);}
.hy_nav{ gap: 35px; }
.hy_nav a{font-size: 16px; color: #666;}
.hy_nav a:hover{ color: #000;}
.hy_hf{padding:10px 20px; box-sizing: border-box; padding-bottom: 15px; margin-top: 20px;}
.hy_hftop{ margin-bottom: 5px; gap: 30px;}
.hy_hftop .tex b{ font-size: 16px;}
.hy_hftop a{font-family:'siyuanM'; color: #b0774c;}
.hy_hftop p{ max-width: 26em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; flex: 1;}
.hy_hf .zktan{ padding-left: 0;}
.wtg_box{ width: 100%; background-color: #f8f3e5; box-sizing: border-box; padding: 8px 15px;}
.rl_bj{ margin-top: 25px;}
.rl_bj h4{font-family:'siyuanL'; font-size: 12px; color: #000;}
.jl_list{ width: 100%; margin-top: 10px; box-sizing: border-box; padding: 10px 15px;}
.jl_list p{ flex: 1;}
.bdlist{ margin-top: 35px; gap: 20px;}
.bdlist .tit{ width: 5em;line-height: 36px;}
.bdlist .tex{ flex: 1;}
.sc_tu{ position: relative; width: 160px;}
.sc_tu .fu{ position: absolute;left: 0; top: 0; z-index: 6;width:100%; height: 100%; background: rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center;}
.sc_tu .fu img{ width: 34px;}
.inp_k{ border: 1px solid #d4d4d4; border-radius: 5px; box-sizing: border-box; padding:8px 15px; width: 100%;}
#uploadImg {display: none;}
textarea.inp_k{ height: 130px;}
#container,.edui-editor{ width: 100%!important;}
.bjfoot{ justify-content: end;}
.bjfoot .anniu{ height: 48px; font-size: 18px; padding: 0 2em;}
.bjfoot .anniu.fanhui{ border: 1px solid #b0774c; color: #b0774c; background: transparent;}

.siyuanL{font-family:'siyuanL'; }
.siyuanM{font-family:'siyuanM'; }
.siyuanB{font-family:'siyuanB'; }
.con,.box,main{ width:1240px; margin: 0 auto; max-width: 92%;}
.cor6{ color: #666;}
.cor9{ color: #999;}
.cor0{ color: #000;}
.cor1{ color: #b0774c!important;}
.cor2{ color: #e65454!important;}
.cor3{ color: #429411!important;}
.gap6{ gap: 6px;}
.gap10{ gap: 10px;}
.gap20{ gap: 20px;}
.gap26{ gap: 26px;}
.gap35{ gap: 35px;}
.gap30{ gap: 30px;}
.gap10{ gap: 10px;}
.gap15{ gap: 15px!important;}
.bjf8{ background-color: #f8f8f8;}
.mtop10{ margin-top: 10px;}
.mtop20{ margin-top: 20px;}
.mtop26{ margin-top: 26px;}
.mtop30{ margin-top: 30px;}
.mtop50{ margin-top: 50px;}
.erbox ::-webkit-scrollbar{height:4px; width: 5px; }
.erbox ::-webkit-scrollbar-track{background-color:transparent;}
.erbox ::-webkit-scrollbar-thumb{background-color:#ccc;}
.erbox ::-webkit-scrollbar-thumb:hover {background-color:#bbb;}
.erbox ::-webkit-scrollbar-thumb:active {background-color:#999;}
html{scroll-padding-top: 50px}