@import url("../libs/toastr/toastr.min.css");
@import url("../libs/fastadmin-layer/dist/theme/default/layer.css");
@import url("../libs/nice-validator/dist/jquery.validator.css");

@import url("../../web/css/amazeui.min.css");
@import url("../../web/css/iconfont.css");
.layui-layer,.am-dimmer,.layui-layer-shade,.banner img{-webkit-transition: 0s !important; transition: 0s !important;}
img.lazy,img.lazyv,img.swiper-lazy{opacity: 0;-webkit-transition: 0s !important; transition: 0s !important;}
img.loaded,img.swiper-lazy-loaded{opacity: 1}
.maxLineTwo {
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.m-0 {
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.m-1 {
  margin-top: 5px !important;
  margin-right: 5px !important;
  margin-bottom: 5px !important;
  margin-left: 5px !important;
}
.mt-1 {
  margin-top: 5px !important;
}
.mr-1 {
  margin-right: 5px !important;
}
.mb-1 {
  margin-bottom: 5px !important;
}
.ml-1 {
  margin-left: 5px !important;
}
.mx-1 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.my-1 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.m-2 {
  margin-top: 10px !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
  margin-left: 10px !important;
}
.mt-2 {
  margin-top: 10px !important;
}
.mr-2 {
  margin-right: 10px !important;
}
.mb-2 {
  margin-bottom: 10px !important;
}
.ml-2 {
  margin-left: 10px !important;
}
.mx-2 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.my-2 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.m-3 {
  margin-top: 15px !important;
  margin-right: 15px !important;
  margin-bottom: 15px !important;
  margin-left: 15px !important;
}
.mt-3 {
  margin-top: 15px !important;
}
.mr-3 {
  margin-right: 15px !important;
}
.mb-3 {
  margin-bottom: 15px !important;
}
.ml-3 {
  margin-left: 15px !important;
}
.mx-3 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.my-3 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.m-4 {
  margin-top: 20px !important;
  margin-right: 20px !important;
  margin-bottom: 20px !important;
  margin-left: 20px !important;
}
.mt-4 {
  margin-top: 20px !important;
}
.mr-4 {
  margin-right: 20px !important;
}
.mb-4 {
  margin-bottom: 20px !important;
}
.ml-4 {
  margin-left: 20px !important;
}
.mx-4 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.my-4 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.p-0 {
  padding-top: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.p-1 {
  padding-top: 5px !important;
  padding-right: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 5px !important;
}
.pt-1 {
  padding-top: 5px !important;
}
.pr-1 {
  padding-right: 5px !important;
}
.pb-1 {
  padding-bottom: 5px !important;
}
.pl-1 {
  padding-left: 5px !important;
}
.px-1 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.py-1 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.p-2 {
  padding-top: 10px !important;
  padding-right: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 10px !important;
}
.pt-2 {
  padding-top: 10px !important;
}
.pr-2 {
  padding-right: 10px !important;
}
.pb-2 {
  padding-bottom: 10px !important;
}
.pl-2 {
  padding-left: 10px !important;
}
.px-2 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.py-2 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.p-3 {
  padding-top: 15px !important;
  padding-right: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 15px !important;
}
.pt-3 {
  padding-top: 15px !important;
}
.pr-3 {
  padding-right: 15px !important;
}
.pb-3 {
  padding-bottom: 15px !important;
}
.pl-3 {
  padding-left: 15px !important;
}
.px-3 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.py-3 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.p-4 {
  padding-top: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 20px !important;
}
.pt-4 {
  padding-top: 20px !important;
}
.pr-4 {
  padding-right: 20px !important;
}
.pb-4 {
  padding-bottom: 20px !important;
}
.pl-4 {
  padding-left: 20px !important;
}
.px-4 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.py-4 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* Write your styles */
html,body{ font-family: Arial, Helvetica, sans-serif !important; overflow-x:hidden; position:relative;scroll-behavior: smooth;}
html *,html *:before,html *:after {-webkit-transition: 0.5s; transition: 0.5s;}
input,textarea,select,a:focus {outline: none;}
ul{ list-style:none;}
i,cite{ font-style:normal !important;}
b{ font-weight:normal !important;}
.left_dq{ text-align: left !important; letter-spacing: 1px;}
.grey_bg{ background:#f6f6f6 !important;}
.white_bg{ background:#fff !important; color: #4e975a !important;}
.gray_bg{ background:#f9f9f9 !important;}
.green_bg{ background:#4e975a !important; color: #fff !important;}
.yellow{ color: #f9b208 !important;}
.green{ color: #4e975a !important;}
.blue{ color: #409eff !important;}
.white{ color: #fff !important;}
.border01{border-bottom: 1px solid #ddd; }
.cu{ font-weight: bold !important;}
.no_border_bottom{ border-bottom: none !important;}
.no_bg{ background: none !important; padding: 0 !important;}
.height100{ height: 100% !important; position: relative !important;}
.flex1{ flex:1 !important;}

.tip01{display: flex; align-items: center; justify-content: flex-start; color: #888; font-size: 15px; letter-spacing: 0.5px; font-weight: 400; margin:5px 0 0 0;}
.tip01 i{ padding: 0 3px 0 0; font-size: 18px;}
.tip02{display: table; color: #555; font-size: 15px; letter-spacing: 0.5px; line-height: 22px; font-weight: 400; margin:5px 0;}
.tip03{display: table; color: #333; font-size: 20px; letter-spacing: 0.5px; font-weight: 550 !important; margin:5px 0;}
.tip03a{display: table; color: #555; font-size: 18px; letter-spacing: 0.5px; font-weight: 450 !important; margin:5px 0;}
.tip04{display: table; color: #888; font-size: 12px; letter-spacing: 0.5px; font-weight: 400; margin:10px 0 -10px 0;  position: absolute; bottom: 15px; left: 15px; }
.tip05{display: flex; align-items: center; justify-content:center; color: #999; font-size: 14px; letter-spacing: 0.5px; font-weight: 400; margin:10px 0 0 0;}
.tip05 i{ padding: 0 3px 0 0; font-size: 18px; color: #afe4bb;}

.white_card{ background: #fff; border-radius: 10px; padding: 30px; display: block;}

.yuan::before { font-style: normal !important;
		content: "¥";
		font-size: 20px;
		padding: 0 0 0 10px;
		color: #4e975a ;
		font-weight: normal !important;
	}
.yuan01::before { font-style: normal !important;
		content: "¥";
		font-size: 14px;
		padding: 0 2px 0 0;
		color: #666 ;
		font-weight: normal !important;
	}
	
.green_bg_light{ background: #edf6ef !important; color: #1dae48 !important;}
.green_bg_light01{ background: #edf6ef !important; color: #3e5544 !important;}
.green_bg_light02{ background: #60a970 !important; color: #fff !important;}
.yellow_bg_light{ background: #fff7e8 !important; color: #e6a23c !important;}
.blue_bg_light{ background: #ecf5ff !important; color: #409eff !important;}
.red_bg_light{ background: #fef0f0 !important; color: #f56c6c !important;}

.orange_bg{ background: #ff6600 !important;}
.orange_bg01{ background: #f3f7ed !important;}
.orange_bg02{ background: #9d6139 !important;}
.noborder{ border:none !important;}
.noborder_bottom{ border-bottom:none !important;}
.more{ display:table; margin:10px auto !important;text-align:center; background:url(../../web/images/more_bg.jpg) no-repeat center 115%,linear-gradient(to bottom, #f5f5f5 , #fefefe); color:#bbb; font-size:16px; letter-spacing:1px; padding:15px 50px; cursor:pointer; }
.more:hover{  color:#333;  background:url(../../web/images/more_bg.jpg) no-repeat center bottom,linear-gradient(to bottom, #fff , #fff); background-size:100% 3px; }
.clear{ clear:both !important;}
.width1200{width:100%; padding:0 50px !important; max-width: 1800px; margin:0 auto; display:block; z-index:99; }
@media (min-width: 641px) and (max-width: 1024px) {
.width1200{ width:100%; padding:0 20px !important; margin:0 auto; display:block;z-index:90; }
.white_card{ background: #fff; border-radius: 10px; padding: 20px; display: block;}

}
@media screen and (max-width:640px){
.tip01{display: flex; align-items: flex-start; justify-content: flex-start; color: #888; font-size: 14px; line-height: 18px; letter-spacing: 0.5px; font-weight: 400; margin:10px 0 0 0;}
.white_card{ background: #fff; border-radius: 10px; padding: 20px; display: block;}

.width1200{ width:100%; padding:0 10px !important; margin:0 auto; display:block;z-index:90; }
.more001{ display:table !important; margin:10px auto !important;text-align:center; background:#fff; border:1px solid #e5e5e5; color:#777; border-radius: 80px; font-size:16px; letter-spacing:1px; padding:10px 50px; cursor:pointer; }
.more001:hover{  color:#ff6701; border:1px solid #ff6701; }
}

.width15{ width: 15%!important;}
.width15a{ width: 15%!important;}
.width20{ width: 19%!important;}
.width25{ width: 24%!important;}
.width28{ width: 28%!important;}
.width30{ width: 30%!important;}
.width33{ width: 32%!important;}
.width36{ width: 36%!important;}
.width40{ width: 40%!important;}
.width45{ width: 44%!important;}
.width50{ width: 49%!important;}
.width60{ width: 58%!important;}
.width65{ width: 63%!important;}
.width70{ width: 68%!important;}
.width80{ width: 78%!important;}
.width85{ width: 83%!important;}
.width85a{ width: 83%!important;}
.width90{ width: 88%!important;}
.width100{ width: 100%!important;}
.width1600{ max-width:1600px !important; width: 100%; margin-left: auto; margin-right: auto;}
.padding_left30{ padding: 0 0 0 30px!important;}
.padding_left20{ padding: 0 0 0 20px!important;}

@media (min-width: 641px) and (max-width: 1024px) {
.width20{ width: 100%!important;}
.width15a{ width: 20%!important;}

.width25{ width: 100%!important;}
.width28{ width: 100%!important;}
.width30{ width: 100%!important;}
.width33{ width: 100%!important;}
.width36{ width: 100%!important;}
.width40{ width: 100%!important;}
.width45{ width: 100%!important;}
.width50{ width: 100%!important;}
.width60{ width: 100%!important;}
.width65{ width: 100%!important;}
.width70{ width: 100%!important;}
.width80{ width: 100%!important;}
.width85{ width: 100%!important;}
.width85a{ width: 80%!important;}
.width90{ width: 100%!important;}
.padding_left30{ padding: 0 !important;}
}
@media screen and (max-width:640px){
	.width15a{ width: 100%!important;}
.width20{ width: 100%!important;}
.width25{ width: 100%!important;}
.width28{ width: 100%!important;}
.width30{ width: 100%!important;}
.width33{ width: 100%!important;}
.width36{ width: 100%!important;}
.width40{ width: 100%!important;}
.width45{ width: 100%!important;}
.width50{ width: 100%!important;}
.width60{ width: 100%!important;}
.width65{ width: 100%!important;}
.width70{ width: 100%!important;}
.width80{ width: 100%!important;}
.width85{ width: 100%!important;}
.width85a{ width: 100%!important;}
.width90{ width: 100%!important;}
.padding_left30{ padding: 0 !important;}
}

.empty_main{ display: table; margin: 0 auto;}
.empty_main img{ display: table; margin:0 auto;10px auto; width: 90px; height: auto; object-fit: cover;}
.empty_main i{ display: table; margin: 0 auto; font-size: 14px; color: #777;}

.empty{ padding:0; margin:0; }
.blank0{clear:both;display:block;font-size:1px;visibility:hidden;height:0;line-height:0; width: 100%;}
.blank1_gray{clear:both;display:block;font-size:1px;overflow:hidden;height:1px; background: #364153; width: 100%;}
.blank1_gray01{clear:both;display:block;font-size:1px;overflow:hidden;height:1px; background: #e5e5e5; width: 100%;}
.blank1_gray02{clear:both;display:block;font-size:1px;overflow:hidden;height:1px; background: #ddd; width: 100%;}
.blank5{clear:both;display:block;font-size:1px;overflow:hidden;height:5px; width: 100%;}
.blank8{clear:both;display:block;font-size:1px;overflow:hidden;height:8px;width: 100%;}
.blank10{clear:both;display:block;font-size:1px;overflow:hidden;height:10px;width: 100%;}
.blank12{clear:both;display:block;font-size:1px;overflow:hidden;height:12px;width: 100%;}
.blank15{clear:both;display:block;font-size:1px;overflow:hidden;height:15px;width: 100%;}
.blank20{clear:both;display:block;font-size:1px;overflow:hidden;height:20px;width: 100%;}
.blank25{clear:both;display:block;font-size:1px;overflow:hidden;height:25px;width: 100%;}
.blank28{clear:both;display:block;font-size:1px;overflow:hidden;height:28px;width: 100%;}
.blank30{clear:both;display:block;font-size:1px;overflow:hidden;height:30px;width: 100%;}
.blank35{clear:both;display:block;font-size:1px;overflow:hidden;height:35px;width: 100%;}
.blank40{clear:both;display:block;font-size:1px;overflow:hidden;height:40px;width: 100%;}
.blank45{clear:both;display:block;font-size:1px;overflow:hidden;height:45px;width: 100%;}
.blank50{clear:both;display:block;font-size:1px;overflow:hidden;height:50px;width: 100%;}
.blank60{clear:both;display:block;font-size:1px;overflow:hidden;height:60px;width: 100%;}
.blank70{clear:both;display:block;font-size:1px;overflow:hidden;height:70px;width: 100%;}
.blank80{clear:both;display:block;font-size:1px;overflow:hidden;height:80px;width: 100%;}
.blank100{clear:both;display:block;font-size:1px;overflow:hidden;height:100px;width: 100%;}
.blank120{clear:both;display:block;font-size:1px;overflow:hidden;height:120px;width: 100%;}

.flex01{ display: flex; align-items: center; justify-content: space-between; height: 100%; position: relative;}
.flex01a{ display: flex; align-items: center; justify-content: space-between; position: relative;}
.flex01b{ display: flex; align-items: flex-start; justify-content: space-between; position: relative; flex-wrap: wrap;}
.flex01c{ display: flex; align-items: center; justify-content: center; position: relative;}
.flex01d{ display: flex; align-items: center; justify-content: flex-start; position: relative;}
.flex01e{ display: flex; align-items: flex-start; justify-content: center; position: relative;}
.flex01f{ display: flex; align-items: flex-end; justify-content: space-between; position: relative;}
.flex01g{ display: flex; align-items: flex-start; justify-content: flex-start; position: relative;flex-wrap: wrap;}
.flex02{ display: flex; align-items: flex-start; justify-content: space-between; height: 100%; position: relative;}
.flex03{ display: flex; align-items: center; justify-content:flex-end; height: 100%; position: relative;}

.grid_four{display: grid; grid-template-columns: repeat(4,1fr); gap:15px;}
.grid_four01{display: grid; grid-template-columns: repeat(4,1fr); gap:15px;}

@media (min-width: 641px) and (max-width: 1024px) {
.flex01d{ display: flex; align-items: center; justify-content: flex-start; position: relative; flex-wrap: wrap;}
.grid_four{display: grid; grid-template-columns: repeat(4,1fr); gap:5px;}
.grid_four01{display: grid; grid-template-columns: repeat(1,1fr); gap:5px;}

.flex01a{ display: flex; align-items: center; justify-content: space-between; position: relative;flex-wrap: wrap;}

}

@media screen and (max-width:640px){
.flex01d{ display: flex; align-items: center; justify-content: flex-start; position: relative;flex-wrap: wrap;}
.grid_four{display: grid; grid-template-columns: repeat(1,1fr); gap:5px;}
.grid_four01{display: grid; grid-template-columns: repeat(1,1fr); gap:5px;}

.flex01a{ display: flex; align-items: center; justify-content: space-between; position: relative;flex-wrap: wrap;}

}



header{ border-top:2px solid #4e975a; background:#fff !important;z-index:9000 !important; position: relative;width:100%;border-bottom: 1px solid #eee; }
.menu-box{ width:100%; height:80px;vertical-align:middle; background:none; z-index:9999; position: absolute; }
.sticky{ position: fixed;height:64px; background:#fff;  z-index:1020 !important; border-bottom: 1px solid #eee;}
.menu-box .logo{ background:url(../../web/images/logo.png) no-repeat; background-size:100% auto; width:134px; height:44px; overflow:hidden; margin:15px 0 0 0;}
.sticky .logo{ background:url(../../web/images/logo.png) no-repeat;background-size:100% auto;width:110px; height:36px;margin:12px 0 0 0;}
.logo_nei{ background:url(../../web/images/logo01.png) no-repeat;background-size:100% auto; width:200px; height:65px; overflow:hidden; margin:7px 0 0 0;}
.menu-box .menu{ display: block; margin:0 0 0 50px;}
.sticky .menu{ display: block; margin:0 0 0 50px;}
.menu li{ margin:0 !important; padding:0 !important;position: relative !important; z-index: 100;}
.menu li:after{ content: ""; display: block; position: absolute; bottom: 2px; width: 100%; left: 0; height: 2px; background:#fff ; }
.menu-box .menu li a{letter-spacing: 0.5px; text-transform: capitalize; letter-spacing: 0.5px; line-height:78px; height:78px; font-size:17px; color:#333; padding:0 25px; margin:0 auto; width: auto; display:inline-block; background:none !important;} 
.sticky .menu li a{letter-spacing: 0.5px;text-transform: capitalize; letter-spacing: 0.5px; line-height:62px; height:62px; font-size:17px; color:#333; padding:0 25px; margin:0 auto; width: auto; display:inline-block; background:none !important;} 
.menu .am-active a{ color: #4e975a!important; }
.menu li a:hover{ color: #4e975a; }
.menu li:hover:after{ content: ""; display: block; position: absolute; bottom: 2px; width: 100%; left: 0; height: 2px; background:#4e975a ; }
.menu-box .menu li:hover .menu_child{  top:96px; display:block; opacity: 1; height: auto; }
.sticky .menu li:hover .menu_child{  top:60px; display:block; opacity: 1;  height: auto; }
.menu-box .menu_child{ z-index: 10; opacity: 0; width:200px !important; height:1px; background:#fff;  z-index:1022!important; display: block; position: absolute; top:20px; overflow:hidden;text-align:center;}
.sticky .menu_child{z-index: 10; opacity: 0; width:200px !important; height:1px; background:#fff;  z-index:1022!important; display: block; position: absolute; top:20px; overflow:hidden;text-align:center;}
.menu_child ol{ margin:0 !important; padding:5px 0 !important;}
.menu_child li{ margin:0 !important; padding:0 !important; overflow:hidden; line-height:40px !important;}
.menu_child li:hover:after{ display: none !important;}
.menu_child a{ display: block!important; background:none !important;letter-spacing: 0.5px; font-size:14px !important; line-height:26px !important; height:26px !important; font-style:normal; padding:0 20px !important;text-align: left; color:#666 !important; margin:0 !important; border:none !important;}
.menu_child a:hover{background:#fff !important; color:#4e975a !important; }
.menu .am-active .menu_child a{ color: #666!important;}
.menu .am-active .menu_child a:hover{ color: #4e975a!important;}

.menu-box .top_r{ display: flex; align-items: flex-start; justify-content: flex-end; /* height:100px; */}
.sticky .top_r{ display: flex; align-items: flex-start; justify-content: flex-end; height:64px;}
.menu-box .top_r_item{ display: flex; margin:0 0 0 30px; cursor: pointer; position: relative;height: 100%; line-height: 80px; font-size: 15px;}
.sticky .top_r_item{display: flex;  margin:0 0 0 30px; cursor: pointer; position: relative;height: 100%; line-height: 64px;font-size: 16px;}
.top_r_item #top_gwc:after{ content: ""; position: absolute; right: 0px; top: 35%; width: 6px; height: 6px; border-radius: 500px; background: #ff6600;}
.top_r_item i{ color: #383838; font-size: 24px; margin: 0 5px 0 0;}
.top_r_item span{ color: #383838; font-size: 14px; line-height: 40px; font-weight: 200 !important;}
.menu-box .top_r_item_child{opacity: 0; width:100px !important; height:auto; background:#fff;  z-index:1022!important; display: block; position: absolute; top:85px; right: 0; overflow:hidden;text-align:center;}
.sticky .top_r_item_child{opacity: 0; width:100px !important; height:auto; background:#fff;  z-index:1022!important; display: block; position: absolute; top:72px; right: 0; overflow:hidden;text-align:center;}
#top_yuyan:hover:after{ content: ""; display: block; position: absolute; bottom: 20px; width: 100%; left: 0; height: 2px; background:#ff6600 ; }
.menu-box .top_r_item:hover .top_r_item_child{ display:block;top:85px;opacity: 1; }
.sticky .top_r_item:hover .top_r_item_child{ display:block;top:72px;opacity: 1; }
.top_r_item_child a{ display: block!important; background:none !important; font-size:14px !important; line-height:36px !important; height:36px !important; font-style:normal; padding:0 20px !important;text-align: center; color:#666 !important; margin:0 !important; border:none !important;}
.top_r_item_child a:hover{background:#ff6600 !important; color:#fff !important; }

.menu_nei{ height:100px;line-height:100px; text-align:center; float:right;}
.menu_nei li{ margin:0 !important; padding:0 !important;position: static !important;}
.menu_nei li a{ line-height:3rem; height:3rem; font-size:15px; color:#555 !important; padding:0 30px; margin:0 auto; width: auto; display:inline-block; background:none !important;} 
.menu_nei .am-active a{ font-weight:bold; }
.menu_nei li a:hover{ font-weight:bold; }

input::-webkit-input-placeholder{color: #888; font-size: 14px;}

@media (min-width: 641px) and (max-width: 1024px) {
.am-offcanvas{ z-index:9010; }
.top_r_item{ margin:0 20px 0 0; cursor: pointer; position: relative;height:auto; line-height:normal;}
.top_r_item i{ color: #777; font-size: 32px;}
header{ width:100%; height: auto !important;vertical-align:middle; overflow:hidden; background:#fff !important; line-height:0; padding:5px 20px 10px 20px !important;}
.logo{height:4rem;}
.ico_menu{ padding-top:0; margin: 0 10px 0 0; width: 35%; }
.ico_menu img{ width:100% !important; max-width:100% !important; height:auto !important; margin:0 !important; padding-right:0px;}
.menu_m{ padding:1em 0.5em !important; float:none !important; }
.menu_m li dd{ padding: 1rem 0 !important;}
.menu_m li{ background: #fff !important; border-radius: 10px; border:none; margin: 0 0 10px 0 !important;  text-align:center;  width:100% !important; display:block !important; padding:0; overflow:hidden; }
.menu_m li a{ font-size:1.6rem; color:#777; display:block;  width:100%; line-height:1rem ; padding:2.5rem 0;}
.menu_m li .active{background-color:#edf6ef; color:#4e975a;}
.menu_m li a i{ font-size:2rem; padding:0 5px 0 0; color:#f8c300;}
.menu_m .am-accordion-title{color:#777 !important; display:block; text-align: center; font-size:1.4rem !important; padding:0 !important }
.menu_m .am-accordion-title:before{ display:none !important;}
.menu_m li dd a{ font-size:1.2rem !important; padding:1rem 0 !important;}
.menu_bg{width:100%; background:#f5f7f9 !important; border: none !important; padding:20px !important;}
.menu_bg:after{ display: none !important;}
.menu_bg .am-offcanvas-content{ margin:0 !important; padding:50px 0 0 0 !important;}
input::-webkit-input-placeholder{color: #888; font-size:12px !important;}
.offcanvas_close{ display: table; margin: 20px auto; opacity: 1 !important; position: absolute; right:30px; top: 0px;}
.offcanvas_close i{ font-size: 24px; color: #555 !important; font-weight: 200 !important;}
}

@media screen and (max-width:640px){
.top_r_item{ margin:0 20px 0 0; cursor: pointer; position: relative;height:auto; line-height:normal;}
.top_r_item i{ color: #777; font-size: 30px;}
.logo{height:5vh;}
.am-offcanvas{ z-index:9010; }
header{ width:100%; height: auto !important;vertical-align:middle; overflow:hidden; background:#fff !important; line-height:0; padding:0px 0px 5px 10px !important;}
.ico_menu{ padding-top:0; margin: 0 10px 0 0; width: 30%; }
.ico_menu img{ width:100% !important; max-width:100% !important; height:auto !important; margin:0 !important; padding-right:0px;}
.menu_m{ padding:2em 0.5em !important; float:none !important; position: relative;}
.menu_m li dd{ padding: 1rem 0 !important;}
.menu_m li{ text-align:center; margin: 0 0 10px 0 !important;  width:100% !important; display:block !important; padding:0; overflow:hidden; }
.menu_m li a{background: #fff !important; border-radius: 5px;border: 1px solid #fff;  font-size:1.6rem; color:#777; overflow: hidden; display:block;  width:100%; line-height:1.2rem ; padding:2rem 0;}
.menu_m li .active,.menu_m li a:hover{background:#edf6ef !important; color:#4e975a; border: 1px solid #c8e5d0;}
.menu_m li a i{ font-size:2rem; padding:0 5px 0 0; color:#f8c300;}
.menu_m .am-accordion-title{color:#777 !important; display:block; text-align: center; font-size:1.4rem !important; padding:0 !important }
.menu_m .am-accordion-title:before{ display:none !important;}
.menu_m li dd a{ font-size:1.2rem !important; padding:1rem 0 !important;}
.menu_bg{width:100%; height: 100%; background:#f5f7f9 !important; border: none !important; padding:20px !important;}
.menu_bg:after{ display: none !important;}
.menu_bg .am-offcanvas-content{ margin:0 !important; padding:50px 0 0 0 !important;}
input::-webkit-input-placeholder{color: #888; font-size:12px !important;}
.offcanvas_close{ display: table; margin: 20px auto; opacity: 1 !important; position: absolute; right: 0px; top: -20px;}
.offcanvas_close i{ font-size: 24px; color: #555 !important; font-weight: 200 !important;}

}

.banner{ width:100% !important;  overflow:hidden; display: block;  position: relative; margin: 80px 0 0 0;aspect-ratio: 190 / 79;}
.banner .am-viewport{ width:100% !important; height:100% !important; overflow:hidden;}
.banner .am-slides,.banner .am-slides li,.banner .swiper-slide{ height:100% !important; position: relative;display: block;}
.banner img{ width:100% !important; height: auto !important;}
.banner .am-next{ background:url(../../web/images/ico_right.png) no-repeat center center; width:64px !important; height:64px !important; opacity:1 !important;  }
.banner .am-prev{ background:url(../../web/images/ico_left.png) no-repeat center center; width:64px !important; height:64px !important;opacity:1 !important;}
.banner .am-next:before{ display:none !important;}
.banner .am-prev:before{ display:none !important;}
.am-control-nav{bottom:2rem !important; z-index:990 !important;}
.banner .am-control-nav a{ display:block; width:10px !important; height:10px !important; border-radius:30px !important; background-color:#FFF !important; border:0px solid #eee !important; box-shadow:none !important; }
.banner .swiper-pagination-bullet{background: #fff;opacity: 1;}
.banner .am-control-nav .am-active,.banner .swiper-pagination-bullet-active{ background: linear-gradient(to right, #f9a108 , #f9a108); width:60px !important;border-radius: 20px; }
.banner_txt{ position: absolute; left: 100px; top: 45%; transform: translateY(-50%); width: 500px; z-index: 100;}
.banner_txt h1{ color: #fff;  display: table; font-size: 4vw; font-weight: bolder !important; line-height:5vw;}
.banner_txt span{ color: #fff;  display: table; font-size: 22px; font-weight: 300 !important; line-height: 30px; margin: 20px 0 50px 0;}
.banner_txt p{ color: #fff;  display: table; background: #4e975a; border-radius: 500px; font-size: 20px; font-weight: 400 !important; padding: 12px 40px; }
.banner_txt01{ position: absolute; left: 50%; top: 45%; transform: translate(-50%,-50%); width: 700px;}
.banner_txt01 h1,.banner_txt01 h2{ color: #fff; text-align: center;  display: table; font-size: 4vw; font-weight: bolder !important; line-height:5vw; margin: 0 auto;}
.banner_txt01 span{ color: #fff; text-align: center;  display: table; white-space: nowrap; font-size: 22px; font-weight: 300 !important; line-height: 30px; margin: 20px auto 50px auto;}
.banner_txt01 p{ margin: 0 auto; color: #fff;  display: table; background: #4e975a; border-radius: 500px; font-size: 20px; font-weight: 400 !important; padding: 12px 40px; }

.banner_txt02{ z-index: 100; padding: 30px;}
.banner_txt02 h1{ color: #4e975a;  display: table; font-size: 50px; font-weight: bolder !important; line-height:56px;}
.banner_txt02 span{ color: #555;  display: table; text-align: justify; font-size: 17px; font-weight: 300 !important; line-height: 24px; letter-spacing: 1px; margin: 20px 0;}
.banner_txt02 span i{ display: inline-block; margin: 0 10px -10px 0; padding: 5px 10px; border-radius: 2px; font-size: 15px; letter-spacing: 0.5px;}
.banner_txt02 p{ display: flex;align-items: center; justify-content: flex-start; }
.banner_txt02 p .banner_btn01{ color: #fff;  display: table; background: #4e975a; border-radius: 500px; margin: 0 15px 0 0; font-size: 16px; font-weight: 400 !important; padding: 12px 40px; }
.banner_txt02 p .banner_btn02{ color: #4e975a;  display: table; background: #eee; border-radius: 500px; font-size: 16px; font-weight: 400 !important; padding: 12px 40px; }
.banner_txt02 p a:hover{ margin: -5px 20px 5px 0;}

.nei_banner{ display: block; background: #f5f5f5;width: 100%;  overflow: hidden; height: 200px; position: relative;}
.nei_banner_txt{ z-index: 999; display: block; overflow: hidden; padding: 0; position: absolute; top: 50%; left: 50px; transform: translateY(-50%);}
.nei_banner_txt b{ color: #333;  display: table; font-size: 30px; font-weight: bolder !important; }
.nei_banner_txt span{ color: #444;  display: table; font-size: 15px; font-weight: 300 !important; line-height: 24px; margin: 0; width: 30%;}
.nei_banner_pic{ width: 100%; height: 100%; overflow: hidden; display: block; position: relative;}
.nei_banner_pic img{ width: 100%; height: 100%; object-fit: cover; }

.zhaomu_banner{ display: flex; align-items: center; justify-content: space-between; padding: 20px; background: #fff; width: 100%;  overflow: hidden; border-radius: 20px; height: 600px; position: relative;}
.zhaomu_banner_pic{ width: 100%; height: 100%; overflow: hidden; border-radius: 20px; display: block; position: relative;}
.zhaomu_banner_pic img{ width: 100%; height: 100%; object-fit: cover; }
.zhaomu_banner_pic_tip{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 93%; padding: 0; }
.zhaomu_banner_pic_tip b{ display: table; font-size: 20px; margin: 0 0 10px 0; letter-spacing: 0.5px; font-weight: bold; color: #fff; line-height: 20px; text-align: justify;}
.zhaomu_banner_pic_tip i{ display: table; font-size: 14px; color: #eee; line-height: 16px; text-align: justify;}

.banner_photo{ width:100% !important; overflow:hidden; display: block; height: 100%; border-radius: 10px;  position: relative; margin:20px 0;}
.banner_photo .am-viewport{ width:100% !important; height: 100%; overflow:hidden;}
.banner_photo .am-slides{ position: relative; }
.banner_photo .am-slides li{ position: relative; }
.banner_photo img{ width:100% !important;}
.banner_photo .am-next{ background:url(../../web/images/ico_right.png) no-repeat center center; width:64px !important; height:64px !important; opacity:1 !important; right: 10px !important;  }
.banner_photo .am-prev{ background:url(../../web/images/ico_left.png) no-repeat center center; width:64px !important; height:64px !important;opacity:1 !important; left: 10px !important;}
.banner_photo .am-next:before{ display:none !important;}
.banner_photo .am-prev:before{ display:none !important;}
.banner_photo .am-control-nav{bottom:2rem !important; z-index:990 !important;}
.banner_photo .am-control-nav a{ display:block; width:10px !important; height:10px !important; border-radius:30px !important; background-color:#FFF !important; border:0px solid #eee !important; box-shadow:none !important; }
.banner_photo .am-control-nav .am-active{ background: linear-gradient(to right, #f9a108 , #f9a108); width:60px !important; }

.zhaomu_two_item{border-radius: 10px; padding: 30px;}

@media (min-width: 641px) and (max-width: 1024px) {
.banner_txt02{ z-index: 100; padding: 10px;}
.banner_txt02 h1{ color: #4e975a;  display: table; font-size: 36px; font-weight: bolder !important; line-height:36px;}
.banner_txt02 span{ color: #555;  display: table; text-align: justify; font-size: 16px; font-weight: 300 !important; line-height: 20px; letter-spacing: 1px; margin: 10px;}
.banner_txt02 span i{ display: inline-block; margin: 0 10px 10px 0; padding: 5px 10px; border-radius: 2px; font-size: 15px; letter-spacing: 0.5px;}
.banner_txt02 p{ display: flex;align-items: center; justify-content: flex-start; }
	.banner_txt02 p .banner_btn01{ color: #fff;  display: block; background: #4e975a; width: 48%; height: 60px; line-height: 18px; border-radius: 500px; text-align: center; margin: 0 5px; font-size: 14px; font-weight: 400 !important; padding: 12px 20px; }
	.banner_txt02 p .banner_btn02{ color: #4e975a;  display: block; background: #eee;width: 48%;line-height: 40px; height: 60px; border-radius: 500px; text-align: center;margin: 0 5px;  font-size: 14px; font-weight: 400 !important; padding: 12px 20px; }
.banner_txt02 p a:hover{ margin: -5px 20px 5px 0;}

.banner{ width:100% !important; height:360px !important; margin: 0;}
.banner_txt{ position: absolute; left: -10%; top: 0%; transform:scale(0.6); width:auto;}
.banner_txt h1{ color: #fff;  display: table; font-size: 10vw; font-weight: bolder !important; line-height:11vw;}
.banner_txt01{ position: absolute; left:50%;  top: 15%; transform:translateX(-50%) scale(0.6); width:auto;}
.banner_txt01 h1,.banner_txt01 h2{ color: #fff; text-align: center; white-space: nowrap;  display: table; font-size: 10vw; font-weight: bolder !important; line-height: 11vw; margin: 0 auto;}
.banner img{ width: 100% !important; object-fit: cover; height:100% !important;}
.am-control-nav{bottom:0.5rem !important; z-index:990 !important;}
.banner .am-control-nav a{ display:block; width:8px !important; height:8px !important; border-radius:30px !important; background-color:#FFF !important; border:0px solid #eee !important; box-shadow:none !important; }
.banner .am-control-nav .am-active,.banner .swiper-pagination-bullet-active{ background-image: linear-gradient(to right, #f9a108 , #f9a108); width:30px !important; }
.zhaomu_two_item{border-radius: 10px; padding: 20px; margin: 5px 0;}

.nei_banner{ display: block; background: #f5f5f5;width: 100%;  overflow: hidden; height: 200px; position: relative;}
.nei_banner_txt{ z-index: 999; display: block; overflow: hidden; padding: 0; position: absolute; top: 50%; left: 10px; transform: translateY(-50%);}
.nei_banner_txt b{ color: #333;  display: table; font-size: 30px; font-weight: bolder !important; }
.nei_banner_txt span{ color: #444;  display: table; font-size: 15px; font-weight: 300 !important; line-height: 24px; margin: 0; width: 70%;}
.nei_banner_pic{ width: 100%; height: 100%; overflow: hidden; display: block; position: relative;opacity: 0.2;}
.nei_banner_pic img{ width: auto; height: 100%; object-fit: cover;position:absolute; right: -40%;}
}
@media screen and (max-width:640px){
.zhaomu_two_item{border-radius: 10px; padding: 20px; margin: 5px 0;}

	.banner_txt02{ z-index: 100; padding: 0px;}
	.banner_txt02 h1{ color: #4e975a;  display: table; margin: 0 0 10px 0; font-size: 26px; font-weight: bolder !important; line-height:28px;}
	.banner_txt02 span{ color: #555;  display: table; text-align: justify; font-size: 14px; font-weight: 300 !important; line-height: 20px; letter-spacing: 0px; margin: 0;}
	.banner_txt02 span i{ display: inline-block; margin: 0 10px 10px 0; padding: 5px 6px; border-radius: 2px; font-size: 12px; letter-spacing: 0px;}
	.banner_txt02 p{ display: flex;align-items: center; justify-content: flex-start; }
	.banner_txt02 p .banner_btn01{ color: #fff;  display: block; background: #4e975a; width: 48%; line-height: 18px; border-radius: 500px; text-align: center; margin: 0 5px; font-size: 14px; font-weight: 400 !important; padding: 5px 20px; }
	.banner_txt02 p .banner_btn02{ color: #4e975a;  display: block; background: #eee;width: 48%;line-height: 40px; border-radius: 500px; text-align: center;margin: 0 5px;  font-size: 14px; font-weight: 400 !important; padding: 5px 20px; }
	.banner_txt02 p a:hover{ margin: -5px 20px 5px 0;}
	
.zhaomu_banner{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 20px; background: #fff; width: 100%;  overflow: hidden; border-radius: 20px; height: auto; position: relative;}
.zhaomu_banner_pic{ width: 100%; height: 100%; overflow: hidden; margin: 10px 0 0 0; border-radius: 20px; display: block; position: relative;}
.zhaomu_banner_pic img{ width: 100%; height: 100%; object-fit: cover; }
.zhaomu_banner_pic_tip{ position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 93%; padding: 10px; }
.zhaomu_banner_pic_tip b{ display: table; font-size: 18px; margin: 0 0 10px 0; letter-spacing: 0.5px; font-weight: bold; color: #fff; line-height: 20px; text-align: left;}
.zhaomu_banner_pic_tip i{ display: table; font-size: 14px; color: #eee; line-height: 16px; text-align: justify;}
.banner{ width:100% !important; height:300px !important; margin: 0;}
.banner_txt{ position: absolute; left: -25%; top: -10%; transform:scale(0.5); width:auto;}
.banner_txt h1{ color: #fff;  display: table; font-size: 18vw; font-weight: bolder !important; line-height:20vw;}
.banner_txt01{ position: absolute; left:50%; top: 15%; transform: translateX(-50%) scale(0.5); width:auto;}
.banner_txt01 h1,.banner_txt01 h2{ color: #fff; text-align: center; white-space: nowrap;  display: table; font-size: 18vw; font-weight: bolder !important; line-height: 19vw; margin: 0 auto;}
.banner img{ width: 100% !important; object-fit: cover; height:100% !important;}
.am-control-nav{bottom:0.5rem !important; z-index:990 !important;}
.banner .am-control-nav a{ display:block; width:8px !important; height:8px !important; border-radius:30px !important; background-color:#FFF !important; border:0px solid #eee !important; box-shadow:none !important; }
.banner .am-control-nav .am-active,.banner .swiper-pagination-bullet-active{ background-image: linear-gradient(to right, #f9a108 , #f9a108); width:30px !important; }

.nei_banner{ display: block; background: #f5f5f5;width: 100%;  overflow: hidden; height: 200px; position: relative;}
.nei_banner_txt{width:90%; z-index: 999;  display: block; overflow: hidden; padding: 0; position: absolute; top: 50%; left: 20px; transform: translateY(-50%);}
.nei_banner_txt b{ color: #333;  display: table; font-size: 30px; font-weight: bolder !important; }
.nei_banner_txt span{ color: #444;  display: table; font-size: 15px; font-weight: 300 !important; line-height: 24px; margin: 0; width: 90%;}
.nei_banner_pic{ width: 100%; height: 100%; overflow: hidden; display: block; position: relative; opacity: 0.2;}
.nei_banner_pic img{ width: auto; height: 100%; object-fit: cover; position:absolute; right: -50%;}
}

.title01{ line-height: 30px; display: flex !important; align-items: flex-end;justify-content: space-between;  margin:0 !important; position:relative;}
.title01 b{ padding: 0; display: block; font-weight: bold !important; position: relative; margin: 0; color: #202627; text-transform: capitalize; font-size: 36px;}

.title02{ line-height: 16px; display: block !important;margin:0 !important; position:relative; width: 100%;}
.title02 b{ padding: 0; display: block; font-weight: bold !important; position: relative; margin: 0; color: #202627; text-transform: capitalize; font-size: 24px;}
.title02 span{ display: table; color: #888; font-size: 15px; letter-spacing: 0.5px; font-weight: 400; margin:15px 0 0 0;}

.title02a{ line-height: 15px; display: flex !important; align-items: flex-end;justify-content: space-between;  margin:0 0 20px 0 !important; position:relative;}
.title02a b{ padding: 0; display: flex; font-weight: bold !important; position: relative; margin: 0; color: #555; text-transform: capitalize; font-size: 16px;}

.title02b{ line-height: 15px; display: block !important;  margin:0 0 20px 0 !important; position:relative;}
.title02b b{ padding: 0; display: flex; font-weight: bold !important; position: relative; margin: 0; color: #555; text-transform: capitalize; font-size: 16px;}

.title01a{ display: flex !important; align-items:flex-end; justify-content: space-between; position:relative; margin: 0 0 30px 0 !important;}
.title01a h2{line-height:normal;font-size: 24px;  padding: 0 0 5px 0; display: flex;align-items:flex-end; justify-content: flex-start; font-weight: bold !important; position: relative; margin: 0; color: #202627; text-transform: capitalize; font-size: 30px;}
.title01a:after{ content: ""; position: absolute; bottom: -5px; left:0; border-radius: 50px; width: 30px; height: 2px; background: #4e975a;}
.title01a h2 i{ line-height:normal;}
.title01a span{ color: #888; font-size: 15px; letter-spacing: 0.5px; font-weight: 400; margin: 0 0 0 20px;}
.title01a a{font-size: 14px; color: #888; display: flex; align-items: center;justify-content: flex-end; position: relative;}
.title01a a:before{ content: ""; position: absolute; width: 95%; height: 1px; border-bottom: 1px dashed #ccc; left: 0; bottom: -2px;}
.title01a a:after{ content:"\e65f";font-family: "iconfont" !important; display: inline-table; vertical-align: middle; margin: 0 0 0 5px; font-size: 14px;}
.title01a a:hover{ margin: 0 10px 0 0; color: #4e975a;}
.title01a a:hover:before{ content: ""; position: absolute; width: 95%; height: 1px; border-bottom: 1px dashed #4e975a; left: 0; bottom: -2px;}

.title01aa{ display: flex !important; align-items:flex-end; justify-content: space-between; position:relative; margin: 0 0 30px 0 !important;}
.title01aa h2{line-height:normal; padding: 0 0 5px 0; display: flex;align-items:flex-end; justify-content: flex-start; font-weight: bold !important; position: relative; margin: 0; color: #202627; text-transform: capitalize; font-size: 30px;}
.title01aa:after{ content: ""; position: absolute; bottom: -5px; left:0; border-radius: 50px; width: 30px; height: 2px; background: #4e975a;}
.title01aa h2 i{ line-height:normal;}
.title01aa span{ color: #888; font-size: 15px; letter-spacing: 0.5px; font-weight: 400; margin: 0 0 0 20px;}

.title01b{ line-height: 16px; display: table !important;  margin:0 auto 20px auto !important; position:relative;}
.title01b b{ padding: 0 0 20px 0; display: block; font-weight: bold !important; text-align: center; position: relative; margin: 0 auto; color: #202627; text-transform: capitalize; font-size: 28px;}
.title01b b:after{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 50px; width: 36px; height: 2px; background: #202627;}
.title01b span{ display: block; text-align: center; line-height: 24px; margin:20px auto 0 auto; font-size: 16px; color: #5a5a5a;}

@media (min-width: 641px) and (max-width: 1024px) {
.title02b{ margin:0 !important; position:relative; background: #edf6ef; height: 100%; position: relative; width: 100px;}
.title02b b{ padding: 0 15px; line-height: 18px; display: block;  font-weight: bold !important; position: absolute; width: 100%; text-align: center; left: 0; top: 50%; transform: translateY(-50%); margin: 0; color: #555; text-transform: capitalize; font-size: 14px;}

.title01a{ display: flex !important; align-items:center; justify-content: space-between; position:relative; margin: 0 !important;}
.title01a h2{ width: 65%; display: block; line-height:normal; padding: 0 0 5px 10px; font-weight: bold !important; position: relative; margin: 0; color: #202627; text-transform: capitalize; font-size:22px;}
.title01a span{ display: block; color: #aaa; font-size: 14px; line-height: 18px; letter-spacing: 1px; font-weight: 400; margin:2px 0 0 0;}
.title01a:after{ content: ""; position: absolute; top: 6px; left:0; border-radius: 50px; width: 2px; height: 24px; background: #4e975a;}

.title01aa{ display: flex !important; align-items:center; justify-content: space-between; position:relative; margin: 0 !important;}
.title01aa h2{ width: 100%; display: block; line-height:normal; padding: 0 0 5px 10px; font-weight: bold !important; position: relative; margin: 0; color: #202627; text-transform: capitalize; font-size:24px;}
.title01aa span{ display: block; color: #aaa; font-size: 14px; line-height: 18px; letter-spacing: 1px; font-weight: 400; margin:2px 0 0 0;}
.title01aa:after{ content: ""; position: absolute; top: 6px; left:0; border-radius: 50px; width: 2px; height: 24px; background: #4e975a;}

.title01{ line-height: 16px; display: block !important;  margin:0 20px 10px 0 !important; position:relative;}
.title01 b{ padding: 0 0 20px 0; display: block; text-align: center; font-weight: bold !important; position: relative; margin: 0; color: #202627; text-transform: capitalize; font-size: 28px;}
.title01 b:after{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 50px; width: 36px; height: 2px; background: #202627;}
}
@media screen and (max-width:640px){
.title02b{ margin:0 !important; position:relative; background: #edf6ef; height: 100%; position: relative; width: 40px; padding: 10px 0;}
.title02b b{  padding: 0 10px; line-height: 16px; display: block;  font-weight: bold !important; width: 100%; text-align: center; margin: 0; color: #555; text-transform: capitalize; font-size: 14px;}

.title01a{ display: flex !important; align-items:center; justify-content: space-between; position:relative; margin: 0 !important;}
.title01a h2{ width: 65%; display: block; line-height:normal; padding: 0 0 5px 10px; font-weight: bold !important; position: relative; margin: 0; color: #202627; text-transform: capitalize; font-size:22px;}
.title01a span{ display: block; color: #aaa; font-size: 14px; line-height: 18px; letter-spacing: 1px; font-weight: 400; margin:2px 0 0 0;}
.title01a:after{ content: ""; position: absolute; top: 6px; left:0; border-radius: 50px; width: 2px; height: 24px; background: #4e975a;}

.title01aa{ display: flex !important; align-items:center; justify-content: space-between; position:relative; margin: 0 !important;}
.title01aa h2{ width: 100%; display: block; line-height:normal; padding: 0 0 5px 10px; font-weight: bold !important; position: relative; margin: 0; color: #202627; text-transform: capitalize; font-size:22px;}
.title01aa span{ display: block; color: #aaa; font-size: 14px; line-height: 18px; letter-spacing: 1px; font-weight: 400; margin:2px 10px 0 0;}
.title01aa:after{ content: ""; position: absolute; top: 6px; left:0; border-radius: 50px; width: 2px; height: 24px; background: #4e975a;}

.title01{ line-height: 16px; display: block !important;  margin:0 auto 20px auto !important; position:relative;}
.title01 b{ padding: 0 0 20px 0; display: block; text-align: center; font-weight: bold !important; position: relative; margin: 0; color: #202627; text-transform: capitalize; font-size: 28px;}
.title01 b:after{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 50px; width: 36px; height: 2px; background: #202627;}

.title02{ line-height: 16px; display: block !important;margin:0 !important; position:relative; width: 100%;}
.title02 b{ padding: 0; display: block; font-weight: bold !important; position: relative; margin: 0; color: #202627; text-transform: capitalize; font-size: 24px;}
.title02 span{ display: table; color: #888; font-size: 14px; line-height: 19px; letter-spacing: 0.5px; font-weight: 400; margin:15px 0 0 0;}

}

.footer{ background:#f3f7ed; border-top: 2px solid #fff;  display:block; min-height:100px; overflow:hidden; padding:40px 0 0 0;}
.footer01{ background:#f3f7ed;  display:block; overflow:hidden; padding:0;}

.footer_logo{ padding:0;display: block; margin: 0 auto; width: 146px;}
.footer_logo img{  height: 100%; width: 100%; object-fit: cover;}

.footer_txt{ display:table; margin:20px auto; padding:0;}
.footer_txt b{ font-size:36px; color:#fff; padding:0 5px;}
.footer_txt i{ font-size:24px; color:#fff; padding:0 5px;}
.footer_txt a{ display:table; margin:10px auto 0 auto; background:none; border:1px dashed #fff;padding:10px 35px; text-align:center; color:#fff; border-radius:80px; font-size:14px; letter-spacing:1px;}
.footer_txt a:hover{ color:#555; background:#fff; border:1px solid #fff;}
.footer_right{ padding:0;display: flex; align-items: top; justify-content: flex-start; margin:0;}
.footer_pic_l{ width:auto; display: inline-table; margin:25px 0 0 0; vertical-align:middle;}
.footer_pic_r{ width:33%; margin:0 0 0 40px; text-align: right;}
.footer_pic_r img{ width: 120px; display: table; margin: 0 auto;}
.footer_pic_r span{ display: table; margin:5px auto 0 auto; color: #9f9f9f; font-size: 14px; }
@media screen and (max-width:1024px){
.footer{ background:#f3f7ed;  display:block; min-height:100px; overflow:hidden; padding:30px 10px 10px 10px;}
.footer_left{ padding:0;width:100%; text-align: center; margin: 0 auto; display: table;}
.footer_right{ float: inherit !important; padding:20px 0 0 0; overflow: hidden; width: 90%; display: flex; align-items: top; justify-content: space-between; margin:0 auto;}
.footer_pic_r{ width:30%; margin:0;}
.footer_pic_r img{ width:100%; display: table; margin: 0 auto;}
.footer_pic_r span{ display: table; margin:5px auto 0 auto; color: #9f9f9f; font-size: 14px; }
.footer_pic_l{ width:30%; display: inline-table; margin:0 0 20px 0; vertical-align:middle;}
}

.footer_menu{ margin: 0 0 20px 0; display: flex; align-items:flex-start; justify-content:flex-end; flex-wrap: wrap; width: 55%; position: relative; }
.footer_menu_item{ margin: 0 0 0 100px; }
.footer_menu_title{ display: table; font-weight: bold !important; text-transform: uppercase; margin:0 auto 10px auto; font-size: 17px; color: #333 !important;}
.footer_menu_link{ display: table; line-height:26px; margin: 0 auto; text-align: center; color: #666; font-size: 14px;}
.footer_menu_link:hover{ color: #18bd60; }
@media (min-width: 641px) and (max-width: 1024px) {
.footer_menu{ margin: 0 0 20px 0; display: flex; align-items:flex-start; justify-content:center; flex-wrap: wrap; width: 100%;}
.footer_menu_item{ width: 33%; margin:0px;}
.footer_menu_title{ display: table; font-weight: bold !important; text-transform: uppercase; margin:0 auto 5px auto; font-size: 17px; color: #333 !important;}
.footer_menu_link{ display: table; line-height:24px; margin: 0 auto; text-align: center; color: #666; font-size: 13px;}
}
@media screen and (max-width:640px){
.footer_menu{ margin: 0 0 20px 0; display: flex; align-items:flex-start; justify-content:center; flex-wrap: wrap; width: 100%;}
.footer_menu_item{ width: 33%; margin:0px;}
.footer_menu_title{ display: table; font-weight: bold !important; text-transform: uppercase; margin:0 auto 5px auto; font-size: 17px; color: #333 !important;}
.footer_menu_link{ display: table; line-height:24px; margin: 0 auto; text-align: center; color: #666; font-size: 13px;}
}

.footer_phone{ display: block; margin: 0 auto; width: 45%;}
.footer_phone span{ font-size: 15px; letter-spacing: 1px; color: #666; display: block; margin: 0 ;line-height: 26px;}
.footer_phone b{ display: block; margin: 0 0 10px 0;}
@media (min-width: 641px) and (max-width: 1024px) {
.footer_phone{ width:100%; text-align: center; padding:0 0 10px 0;}
.footer_phone span{ font-size: 14px; letter-spacing: 2px; color: #666; display: block; margin:15px 0 20px 0 ;line-height: 20px;}
}
@media screen and (max-width:640px){
.footer_phone{ width:100%; text-align: center; padding:0 0 10px 0;}
.footer_phone span{ font-size: 14px; letter-spacing: 2px; color: #666; display: block; margin:15px 0 20px 0 ;line-height: 20px;}
}

.foot_copyright{ display: flex; align-items: center; justify-content:space-between; text-align: center; letter-spacing: 1px; margin:0 auto; font-size: 14px; padding: 20px 0; color: #666;}
.foot_copyright01{ display: block; text-align: center; letter-spacing: 1px; margin:0 auto; font-size: 14px; padding: 20px 0; color: #666;}

@media (min-width: 641px) and (max-width: 1024px) {
.foot_copyright{ display: block; text-align: center; margin:0 auto; font-size: 14px; color: #666;}
.foot_copyright i{ display: table; margin: 0 auto;}
}
@media screen and (max-width:640px){
.foot_copyright{ display: block; text-align: center; margin:0 auto; font-size: 14px; color: #666;}
.foot_copyright i{ display: table; margin: 0 auto;}
}

.br_item{ margin: 0; padding: 0 20px;}
.br_item_pic{ width: 100%; border: 1px solid #ddd; padding:0 30px; display: table; height: 250px; margin: 0 auto 15px auto; position: relative;}
.br_item img{ display: block; max-width: 200px; width: 100%; height: auto; object-fit: cover; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.br_item span{width: 100%;  display: block; margin: 0 auto; text-align: justify; font-size: 16px; color: #545454; line-height: 26px;}

.br_item01{ margin: 0;}
.br_item01 img{ display: block; max-width: 237px; width: 70%; height: auto; object-fit: cover; margin: 0 auto; }
.br_item01 span{ display: block; text-align: justify; font-size: 16px; color: #545454; line-height: 26px;}
	
	
.home_about{ background: #f6f1ee;display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative;overflow: hidden; height:650px !important;}
.home_about_txt{ background: #fff; position: absolute; top: 50%; left: -15%; transform: translateY(-50%); width: 100%; padding: 50px 70px; display: block;}
.home_about_txt:hover{ top: 48%; box-shadow: 0 0 50px rgba(0,0,0,0.2);}
.home_about_txt p{ display: block; font-size: 16px;text-transform:capitalize; letter-spacing: 0.5px; color: #5a5a5a; line-height: 24px; text-align: left; margin: 0 0 15px 0;}
.home_about_btn{ display: flex; align-items: center; justify-content: flex-start; line-height: 40px; background:none; text-align: left; color: #ff6600 !important; font-size: 16px;}
.home_about_btn:hover{  margin: 0 0 0 10px;}
.home_about_btn::after{ content: "→";  margin: 2px 0 0 5px; }
.home_about_l{ width: 65%;height: 100%; position: relative;}
.home_about_r{ width: 35%;height: 100%; position: relative;}
.home_about_l img{ width: 100%; height: 100%; object-fit: cover;}

@media screen and (max-width:1024px){
.home_about{ background: #000;display: block; align-items: center; justify-content: space-between; width: 100%; position: relative;overflow: hidden; height:auto;!important;}
.home_about_l{ width: 100%;height: 100%; position: relative; opacity: 0.6;}
.home_about_r{ width:90%;height: 90%; position: absolute; top:10%; left:5%; }
.home_about_txt{ background: #fff; position: relative; top:0; left: 0; transform: none; width: 100%; padding:40px 20px; display: block;}
}

.pro_sel{ display: block; margin:0 auto 20px auto;}
.pro_sel_item{ display: flex; align-items: center; justify-content: flex-start; margin: 8px auto; padding: 5px 0 10px 0; border-bottom: 1px solid #eee;}
.pro_sel_item b{ display: table; color: #555; font-size: 14px; margin: 0 10px 0 0; }
.pro_sel_item a{ display: table; margin: 0 15px 0 0; font-size: 14px; padding: 3px 12px; border-radius: 500px; background: #f5f7f9 !important; color: #666 !important; }
.pro_sel_item a:hover{ background: #e1f7e4 !important; color: #4e975a !important; }
.pro_sel_item .active{ background: #e1f7e4 !important; color: #4e975a !important; }
@media (min-width: 641px) and (max-width: 1024px) {
.pro_sel{ display: block; /* margin:-30px auto -15px auto; */}

.offcanvas_btn{ opacity: 1 !important; text-shadow: none !important; background: #60a970 !important; color: #fff !important; border-radius: 500px; display: table; margin: 0 auto; padding: 10px; width: 80%; text-align: center; font-size: 15px;}
.pro_sel_m{ cursor: pointer; background: rgba(96, 169, 112, 0.95);  color: #fff !important; position: fixed; bottom: 10px; left: 50%; transform: translateX(-50%); border-radius: 500px; padding: 10px 25px;z-index: 101; font-size: 14px; white-space: nowrap;}
.pro_sel_m i{text-decoration: underline;}
.pro_sel_item{ display: flex; align-items: center; justify-content: flex-start; margin:10px 0; flex-wrap: wrap; padding: 5px 0; border-bottom: 0px solid #eee;}
.pro_sel_item b{ display: block; text-align: left; width: 100%; color: #555; font-weight: bold !important; font-size: 16px; margin: 0 10px 5px 0; white-space: nowrap; }
.pro_sel_item a{ border: 1px solid #d0ead6; display: table; margin: 0 10px 10px 0; width: 31%; font-size: 14px; text-align: center; white-space: nowrap; padding: 8px; border-radius: 5px; background: #fff !important; color: #666 !important; }
.pro_sel_item a:hover{ background: #60a970 !important; color: #fff !important;border: 1px solid #60a970; }
.pro_sel_item .active{ background: #60a970 !important; color: #fff !important;border: 1px solid #60a970; }
}
@media screen and (max-width:640px){
.pro_sel{ display: block; /* margin:-30px auto -15px auto; */}

.offcanvas_btn{ opacity: 1 !important; text-shadow: none !important; background: #60a970 !important; color: #fff !important; border-radius: 500px; display: table; margin: 0 auto; padding: 10px; width: 80%; text-align: center; font-size: 15px;}
.pro_sel_m{ cursor: pointer; background: rgba(96, 169, 112, 0.95);  color: #fff !important; position: fixed; bottom: 10px; left: 50%; transform: translateX(-50%); border-radius: 500px; padding: 10px 25px;z-index: 101; font-size: 14px; white-space: nowrap;}
.pro_sel_m i{text-decoration: underline;}
.pro_sel_item{ display: flex; align-items: center; justify-content: flex-start; margin:10px 0; flex-wrap: wrap; padding: 5px 0; border-bottom: 0px solid #eee;}
.pro_sel_item b{ display: block; text-align: left; width: 100%; color: #555; font-weight: bold !important; font-size: 16px; margin: 0 10px 5px 0; white-space: nowrap; }
.pro_sel_item a{ border: 1px solid #d0ead6; display: table; margin: 0 10px 10px 0; width: 29%; font-size: 14px; text-align: center; white-space: nowrap; padding: 8px; border-radius: 5px; background: #fff !important; color: #666 !important; }
.pro_sel_item a:hover{ background: #60a970 !important; color: #fff !important;border: 1px solid #60a970; }
.pro_sel_item .active{ background: #60a970 !important; color: #fff !important;border: 1px solid #60a970; }
}

.home_pro{ display: grid; grid-template-columns: repeat(3,1fr); gap:0; margin: 0 auto; width: 100%; padding:0;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.home_pro01{ display: grid; grid-template-columns: repeat(2,1fr); gap:0; margin: 0 auto; width: 100%; padding:0;}
.home_pro_item{ display: block; margin: 0; text-align: center; padding: 10px; border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
.home_pro::after {
            content: "";
            flex: auto;
        }
.home_pro_item_main{ width: 100%; display: table; margin: 0 auto;}
.home_pro_item:hover .home_pro_pic img{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.home_pro_pic{ width: 100%; height: 450px; display: block; overflow: hidden;}
.home_pro_pic img{ width: 100%  !important; height: 100%; object-fit: cover;}

.home_pro_item:hover .home_pro_pic01 img{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.home_pro_pic01{ width: 100%; height: 300px; display: block; overflow: hidden;}
.home_pro_pic01 img{ width: 100%  !important; height: 100%; object-fit: cover;}

.home_pro_item:hover .home_pro_pic02 img{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.home_pro_pic02{ width: 100%; height: 480px; display: block; overflow: hidden;}
.home_pro_pic02 img{ width: 100% !important; height: 100%; object-fit: cover;}

.home_pro_item:hover .home_pro_pic03 img{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.home_pro_pic03{ width: 100%; height: auto; display: block; overflow: hidden;}
.home_pro_pic03 img{ width: 100%  !important; height:auto; object-fit: cover;}

.home_pro_item01{width: 30%; display: block; margin: 0; text-align: center; }
.home_pro_item01:hover .home_pro_pic04 img{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.home_pro_pic04{ width: 100%; height:520px; display: block; margin: 0; overflow: hidden;}
.home_pro_pic04 img{ width: 100% !important; height: 100%; object-fit: cover;}

.nei_pro_banner{ display: block; width: 100%;overflow: hidden; position: relative;}
.nei_pro_banner img{ width:auto !important; height:auto; object-fit: cover; position: relative; z-index: 1;}
.nei_pro_banner_dot{ padding: 5px 15px; position: absolute; color: #fff !important; font-size: 16px; text-transform: capitalize; z-index: 100; display: flex; align-items: center; justify-content: flex-start;}
.nei_pro_banner_dot i{ position: relative; font-size: 18px; font-weight: 200; padding: 0; display: flex;align-items: center;justify-content: flex-end;}
.nei_pro_banner_dot i:after{ content: ""; width: 36px; height: 1px; border-bottom: 1px dashed #fff; margin: 0 5px 0 1px;}
.nei_pro_banner_dot:hover{ background: rgba(255,102,0,0.7); border-radius: 5px; margin: -5px 0 5px 0;}
.nei_pro_banner .active{background: rgba(255,102,0,0.7); padding: 5px 15px; position: absolute; color: #fff !important; font-size: 16px; text-transform: capitalize; z-index: 100; display: flex; align-items: center; justify-content: flex-start;}
.dot01{ left: 400px; top: 280px;}
.dot02{ left: 600px; top:120px;}
.dot03{ left: 200px; bottom: 20px;}
.dot04{ right: 160px; bottom: 40px;}

.nei_map{ display: block; margin: 0 auto; max-width: 1600px; width: 100%;overflow: hidden;}
.nei_map img{ width:auto !important; height:auto; object-fit: cover;}

.home_pro_title{ display: table; margin: 10px auto 15px auto; font-size: 17px; color: #555; position: relative; padding:0 0 15px 0;}
.home_pro_title:after{ content:""; width:40px; height:1px; background:#555; position:absolute; bottom:0px; display:block; z-index:1; left:50%; transform: translateX(-50%); }
.home_pro_tip{ display: table; margin: 0 auto 2px auto; font-size: 14px; letter-spacing: 0.5px; color: #555;}
.home_pro_more{ border: 1px solid #ddd; background: #f5f7f9; border-radius: 2px; padding: 10px 20px; margin: 10px 0 0 0; display: block; width: 49%; line-height: 26px;text-align: center; color: #555 !important; font-size: 14px;}
.home_pro_more:hover{  margin: 5px 0 5px 0;}
.home_pro_more i{ display: table; margin: 0 auto; font-size: 24px;}
.home_pro_more01{ border: 1px solid #ff6600; border-radius: 2px; padding: 10px 20px; margin: 10px auto; display: block; width: 45%; line-height: 26px;text-align: center; color: #ff6600 !important; font-size: 14px;}
.home_pro_more01:hover{  background: #ff6600; color: #fff !important;}
.home_pro_more01 i{ display: table; margin: 0 auto; font-size: 24px;}
.home_pro_foot{ display: flex; align-items: center; justify-content: space-between;}

.home_more{ border: 1px solid #ff6600; border-radius: 2px; padding: 0 50px; margin: 10px auto; display: table;line-height: 40px;text-align: center; color: #ff6600 !important; font-size: 16px;}
.home_more:hover{  margin: 5px auto 15px auto;}
.home_more::after{ content: "→";  margin: 2px 0 0 5px; }

.home_more01{ border: 1px solid #ff6600; background: #ff6600; border-radius: 2px; padding: 0 50px; margin: 10px auto; display: table;line-height: 48px;text-align: center; color: #fff !important; font-size: 16px;}
.home_more01:hover{background: #313131;border: 1px solid #313131;}
.home_more01::after{ content: "→";  margin: 2px 0 0 5px; }

.home_khtalk {
	width: 100%; 
	padding: 0; margin: 0 auto;
	background: none;
	border: none;
	box-shadow: none;
}

.home_khtalk .am-viewport {
	display: block;
	width: 90%;
	margin: 0 auto;
}

.home_khtalk ol li {
	padding: 0;
	text-align: center;
}

.home_khtalk .am-slider-carousel {
	border: none !important;
	box-shadow: none;
	padding: 0 60px;
	margin-left: -10px !important;
	overflow: hidden;
	min-height: 180px;
}

.home_khtalk .am-prev { width: 60px !important; height: 60px !important; border-radius: 500px; 
	background: url(../../web/images/ico_left.png) no-repeat center center rgba(0,0,0,0.5); background-size: 60% 60%;
	color: #f6f6f6 !important;
	opacity: 1 !important;
	margin: -70px 0 0 -20px !important;
}

.home_khtalk .am-next {width: 60px !important; height: 60px !important; border-radius: 500px;
	background: url(../../web/images/ico_right.png) no-repeat center center rgba(0,0,0,0.5);background-size: 60% 60%;
	color: #f6f6f6 !important;
	opacity: 1 !important;
	margin: -70px -20px 0 0 !important;
}
.home_khtalk .am-prev:hover { width: 60px !important; height: 60px !important; border-radius: 500px;
	background: url(../../web/images/ico_left.png) no-repeat center center rgba(255,102,0,0.9); background-size: 60% 60%;
	color: #f6f6f6 !important;
	opacity: 1 !important;
	margin: -90px 0 0 -20px !important;
}

.home_khtalk .am-next:hover {width: 60px !important; height: 60px !important; border-radius: 500px;
	background: url(../../web/images/ico_right.png) no-repeat center center rgba(255,102,0,0.9);background-size: 60% 60%;
	color: #f6f6f6 !important;
	opacity: 1 !important;
	margin: -90px -20px 0 0 !important;
}
.home_khtalk .am-prev:before {
	display: none !important;
}
.home_khtalk .am-next:before {
	display: none !important;
}
@media screen and (max-width:1024px){
.home_pro_item{ width:100%; margin: 0 0 10px 0; text-align: center;height:auto;aspect-ratio: 3/4; }
.home_pro_item_main{ width: 100%; display: table; margin: 0 auto;}
.home_pro{ display: flex; align-items:top; justify-content:flex-start;flex-wrap: wrap; width: 100%; padding: 10px 0;}
}

.home_news{ display: grid; grid-template-columns: repeat(4,1fr); gap:20px; margin:0 auto; width: 100%;}
.home_news_item{ width: 100%; height:auto;aspect-ratio: 3/3.4; overflow: hidden; display: block; margin: 0; border-radius: 10px;  background: #000; position: relative; padding:0;}
.home_news_item:hover{ margin: -5px 0 5px 0;}
.home_news_item01{ width: 100%; height:auto;overflow: hidden; display: block; margin: 0; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1);  background: #fff; position: relative; padding:0;}
.home_news_item01:hover{ margin: -5px 0 5px 0;box-shadow: 0 0 30px rgba(0,0,0,0.4); }

.home_news02{ display: grid; grid-template-columns: repeat(5,1fr); gap: 30px; margin:30px auto; width: 100%;}

.home_news_city{ display: flex; align-items: center; z-index: 100; position: absolute; left: 10px; top: 10px; background: rgba(255,255,255,0.9); border-radius: 100px; text-align: center; color: #4e975a; font-size: 14px; padding: 3px 15px;}
.home_news_city i{ display: table; margin: 2px 2px 0 0;}
.home_news_tip{ z-index: 100; position: absolute; background: rgba(0, 0, 0, 0.2); width: 100%; bottom: 0; left: 0; padding: 10px 20px;}
.home_news_tip b{ font-size: 20px; display: table; color: #fff; font-weight: bold !important; }
.home_news_tip i{ font-size: 14px; display: block; color: #fff; font-weight: 400; letter-spacing: 1px; margin: 0; }

.home_news_tip01{ z-index: 100;background: #fff; width: 100%;padding: 10px 20px 5px 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.home_news_tip01 b{ font-size: 20px; display: table; color: #333; font-weight: bold !important; }
.home_news_tip01 i{ font-size: 14px; display: block; color: #777; font-weight: 400; letter-spacing: 0.5px; margin: 0 0 5px 0; }
.home_news_tip01 span{ font-size: 14px; display: block; width: 100%; line-height: 20px; text-align: justify; letter-spacing: 0.5px; color: #777; font-weight: 400; margin:5px 0 10px 0; }

.home_news_bq{ z-index: 100;background: #fff; width: 100%;padding: 5px 20px 20px 20px; display: flex;align-items: center; justify-content: flex-start;}
.home_news_bq i{ border-radius: 5px; margin: 0 10px 0 0; text-align: center; padding: 4px 10px; font-size: 13px; }
.home_news_bq i:last-child{ margin: 0;}

.home_news_more{font-size: 14px; color: #999; display: flex; align-items: center;justify-content: flex-end; position: relative; margin: 0 15px 10px 0;}
.home_news_more:after{ content:"\e65f";font-family: "iconfont" !important; display: inline-table; vertical-align: middle; margin: 0 0 0 5px; font-size: 14px;}
.home_news_more:hover{ margin: 0 20px 10px -5px; color: #4e975a;}

.home_news_pic{ display: block; width: 100%; height:100%;  overflow: hidden;}
.home_news_pic img{ width: 100% !important; height:100%; object-fit: cover;}
.home_news_pic:hover img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}

.home_news_pic01{ display: block; width: 100%; height:auto;  overflow: hidden;aspect-ratio: 3/3.4; }
.home_news_pic01 img{ width: 100% !important; height:100%; object-fit: cover;}
.home_news_pic01:hover img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
@media (min-width: 641px) and (max-width: 1024px) {
	.home_news_bq{ z-index: 100;background: #fff; width: 100%;padding: 5px 20px; display: flex;align-items: center; justify-content: flex-start;}
	
	.home_news_tip01{ z-index: 100;background: #fff; width: 100%;padding: 10px 20px 0 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
	.home_news_tip01 b{ font-size: 20px; display: table; color: #333; font-weight: bold !important; }
	.home_news_tip01 i{ font-size: 14px; display: block; color: #777; font-weight: 400; letter-spacing: 0.5px; margin: 0; }
	.home_news_tip01 span{ font-size: 14px; display: block; width: 100%; line-height: 20px; text-align: justify; letter-spacing: 0.5px; color: #777; font-weight: 400; margin:0; }
	
	.home_news_pic01{ display: block; width: 100%; height:auto;  overflow: hidden;aspect-ratio: 3/2.4; }
	.home_news_item01{ width: 95%; height:auto;overflow: hidden; display: block; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1);  background: #fff; position: relative; padding:0;}
	.home_news_item01:hover{ margin: -5px auto 5px auto;box-shadow: 0 0 30px rgba(0,0,0,0.4); }
	
.home_news{ display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin:20px auto; width: 100%;}
.home_news02{ display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin:10px auto; width: 100%;}
.home_news_item{ width: 100%; height:auto;aspect-ratio: 3/3.4;  overflow: hidden; display: block; margin: 0; border-radius: 5px;  background: #000; position: relative; padding:0;}
.home_news_item:nth-child(n+4){ display: none;}
/* .home_news_item:nth-last-child(2){ display: none;} */
.home_news_city{ display: flex; align-items: center; z-index: 100; position: absolute; left: 8px; top: 8px; background: rgba(255,255,255,0.9); border-radius: 100px; text-align: center; color: #4e975a; font-size: 12px; padding:0px 10px;}
.home_news_tip{ z-index: 100; position: absolute; background:linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)); width: 100%; bottom: 0; left: 0; padding: 10px 10px;}
.home_news_tip b{ font-size: 18px; display: table; color: #fff; font-weight: bold !important; line-height: 24px;}
.home_news_tip i{ font-size: 14px; display: block; color: #fff; font-weight: 400; line-height: 20px; letter-spacing: 0px; margin: 0; }
}
@media screen and (max-width:640px){
.home_news_bq{ z-index: 100;background: #fff; width: 100%;padding: 5px 20px; display: flex;align-items: center; justify-content: flex-start;}

.home_news_tip01{ z-index: 100;background: #fff; width: 100%;padding: 10px 20px 0 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.home_news_tip01 b{ font-size: 20px; display: table; color: #333; font-weight: bold !important; }
.home_news_tip01 i{ font-size: 14px; display: block; color: #777; font-weight: 400; letter-spacing: 0.5px; margin: 0; }
.home_news_tip01 span{ font-size: 14px; display: block; width: 100%; line-height: 20px; text-align: justify; letter-spacing: 0.5px; color: #777; font-weight: 400; margin:0; }

.home_news_pic01{ display: block; width: 100%; height:auto;  overflow: hidden;aspect-ratio: 3/2.4; }
.home_news_item01{ width: 95%; height:auto;overflow: hidden; display: block; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1);  background: #fff; position: relative; padding:0;}
.home_news_item01:hover{ margin: -5px auto 5px auto;box-shadow: 0 0 30px rgba(0,0,0,0.4); }

.home_news{ display: grid; grid-template-columns: repeat(1,1fr); gap:20px; margin:20px auto; width: 100%;}
.home_news02{ display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin:10px auto; width: 100%;}
.home_news_item{ width: 100%; height:auto;aspect-ratio: 3/3.4;  overflow: hidden; display: block; margin: 0; border-radius: 5px;  background: #000; position: relative; padding:0;}
.home_news_item:nth-child(n+5){ display: none;}
.home_news_city{ display: flex; align-items: center; z-index: 100; position: absolute; left: 8px; top: 8px; background: rgba(255,255,255,0.9); border-radius: 100px; text-align: center; color: #4e975a; font-size: 12px; padding:0px 10px;}
.home_news_tip{ z-index: 100; position: absolute; background:linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)); width: 100%; bottom: 0; left: 0; padding: 10px 10px;}
.home_news_tip b{ font-size: 16px; display: table; color: #fff; font-weight: bold !important; line-height: 24px; }
.home_news_tip i{ font-size: 13px; display: block; color: #fff; font-weight: 400; line-height: 16px; letter-spacing: 0px; margin: 0; }
}

.page{ width: 100%; margin:0 auto;} 
.page ul a{ background: #f0f0f0 !important; min-width: 40px; height: 40px; text-align: center; border: none; color: #666; padding: 10px; border-radius: 5px;}
.page ul a:hover{background:#4e975a !important; color: #fff !important;}
.page .am-active a{ background:#4e975a !important;color: #fff !important;}

.place{ display: block;  padding: 5px 0;}
.place a{ font-size: 14px; color: #999; text-transform: capitalize;}
.place a:hover{ color: #4e975a;}
.place i{ font-size: 12px; padding: 0 5px; color: #999;}

.about_pic{ display: block; width: 70%; margin: 0 auto;}
.about_pic img{  width: 100%; height: 100%; object-fit: cover; display: block;}
.about_pic01{ display: block; width: 50%; margin: 0 0 0 50px;}
.about_pic01 img{  width: 100%; height: 100%; object-fit: cover; display: block;}

.about_tip{ color:#ff6600; display: table; letter-spacing: -1px; line-height: 50px; font-size: 44px; font-weight: bold; margin: 0 0 20px 0;}

@media screen and (max-width:1024px){
.about{ display: block; padding: 20px; font-size: 16px; line-height: 36px; text-align: justify; color: #777;}
.about_shiming_item{ width: 100%; padding: 0 0 50px 0;}
.about_pic img{  width: 90%; margin: 20px auto; display: block;}
}

.honor{ padding:50px 0;}
.honor .am-gallery-title{ text-align: center; font-size: 18px;}
.honor .am-gallery-item{ padding: 0; margin: 0 auto; width: 95%; display: table;}
.honor ul li{ margin: 0 0 40px 0;}
.am-pureview-direction a:before{ content: "◀"!important; font-size: 48px;}
.am-pureview-direction .am-pureview-next a:before{content: "▶"!important;}
@media screen and (max-width:1024px){
.honor{ padding:0;}
.honor .am-gallery-item{ padding: 0; margin: 0 auto; width: 100%; display: table;}
.honor ul li{ margin: 0 0 10px 0;}
}

.history{ display: flex; flex-wrap: wrap; align-items: top; justify-content: space-between; width: 100%; position: relative; min-height: 100px;}
.history::before{ content: ""; position: absolute; z-index: 100; top:0; left: 50%; transform: translateX(-50%); width: 30px; height: 30px; background: #c3c3c3; border-radius: 80px;}
.history::after{ content: ""; position: absolute; z-index: 99; top:30px; left: 50%; transform: translateX(-50%); width: 1px; height:100%; background: #b1b1b1; }
.history_l{ width: 50%;}
.history_r{ width: 50%; padding: 50px 0 0 0;}
.history_l .history_item{ background: #fff; border-radius: 5px; padding: 30px; width: 92%; margin: 20px 0; position: relative;}
.history_item b{ display: table; font-size: 36px;}
.history_item i{ display: table; font-size: 24px; margin: 5px 0; color: #111;}
.history_item span{ display: table; text-align: justify; font-size: 16px; line-height: 30px; color: #777;}
.history_l .history_item::before{z-index: 1002; content: "▶"; position: absolute;top:50%; transform: translateY(-50%); right: -25px; font-size: 60px!important; color: #fff;}
.history_l .history_item::after{z-index: 1002; content: "●"; position: absolute;top:48%; transform: translateY(-50%); right: -62px; font-size: 40px!important; color: #ff6600;}
.history_r .history_item{ background: #fff; border-radius: 5px; padding: 30px; width: 92%; margin: 20px 0; position: relative; float: right;}
.history_r .history_item::before{z-index: 1002; content: "◀"; position: absolute;top:50%; transform: translateY(-50%); left: -25px; font-size: 60px!important; color: #fff;}
.history_r .history_item::after{z-index: 1002; content: "●"; position: absolute;top:48%; transform: translateY(-50%); left: -62px; font-size: 40px!important; color: #ff6600;}
@media screen and (max-width:1024px){
.history::before,.history::after,.history_l .history_item::before,.history_l .history_item::after,.history_r .history_item::before,.history_r .history_item::after{ display: none;}
.history_l{ width: 100%;}
.history_r{ width: 100%; padding: 0;}
.history_l .history_item{ background: #fff; border-radius: 5px; padding: 10px 30px 20px 30px; width: 100%; margin: 20px 0; position: relative;}
.history_r .history_item{ background: #fff; border-radius: 5px; padding: 10px 30px 20px 30px; width: 100%; margin: 20px 0; position: relative; float: right;}
}

.news{ display: block; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.news_item{position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 0 0 50px 0; margin: 0 0 50px 0; border-bottom: 1px solid #ddd;}
.news_pic{ width: 25%; height:auto; display: block; overflow: hidden;}
.news_pic img{ width: 100%; height: 100%;}
.news_item:hover{ margin: -10px 0 40px 0;}
.news_item:hover .news_pic img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
.news_txt{ width: 65%; padding: 0 0 0 20px; height: 100%;}
.news_txt b{ display: block; margin: 0 auto 20px auto; line-height: 36px; height: 72px; overflow: hidden; letter-spacing: 0px; font-size: 26px; color: #111;}
.news_txt span{ display: block; height: 78px; width: 100%; overflow: hidden; margin: 0 auto; text-align: left; letter-spacing: 0px; font-size: 17px; line-height: 26px; color: #5a5a5a;}
.news_time{ text-align: center; letter-spacing: 1px; font-size: 16px; color: #383838; width: 10%; display: block; margin: 0 auto; line-height: 40px;}
.news_time b{ display: table; margin: 0 auto; font-weight: bold !important; font-size: 64px !important;}

.news_show{ display: block; margin: 0 auto;}
.news_show video{ display: block; margin: 10px auto;}
.news_show p{ display: block; line-height: 26px; margin: 0 0 10px 0; color: #5a5a5a; text-align: justify; font-size: 16px;}
.news_show img{ display: block; margin: 20px auto; width: 100%; height: auto; object-fit: cover;}
.news_show_title{width: 80%; display: block; text-align: center; margin: 0 auto 10px auto; text-transform: capitalize; text-align: center; padding: 0;}
.news_show_title b{ display: block; text-align: center; letter-spacing: 1px; font-size: 36px; color: #111; line-height: 40px;}
.news_show_title i{ display: block; text-align: center; font-size: 16px; color: #777; margin: 15px 0 0 0;}

.about_show{ display: block; margin: 0;}
.about_show p{ display: block; line-height: 28px; margin: 0 0 20px 0; color: #5a5a5a; text-align: justify; font-size: 16px;}
@media (min-width: 641px) and (max-width: 1024px) {
.about_show p{ display: block; line-height: 24px; letter-spacing: 0.5px; margin:0 0 20px 0; color: #5a5a5a; text-align: justify; font-size: 16px;}
.about_show p:last-child{ margin: 0;}
}
@media screen and (max-width:640px){
.about_show p{ display: block; line-height: 24px; letter-spacing: 0.5px; margin:0 0 10px 0; color: #5a5a5a; text-align: justify; font-size: 15px;}

}

.updown{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.updown_l{ width: 50%; padding: 30px; text-align: left; font-size: 16px; color: #383838;}
.updown_l::before{ content: "\e67c";font-family: "iconfont" !important; display: inline-table;  margin: -5px 10px 0 0; font-size: 20px; vertical-align: middle;}
.updown_r{ width: 50%; padding: 30px; text-align: right; font-size: 16px; color: #383838;}
.updown_r::after{ content: "\e65f";font-family: "iconfont" !important; display: inline-table;  margin: -5px 0 0 10px; font-size: 20px; vertical-align: middle;}
.updown a:hover{ background: #ff6600; color: #fff;}
@media screen and (max-width:1024px){
.updown_l{ width: 100%; padding: 30px; text-align: left; font-size: 16px; color: #383838; border-bottom: 10px solid #fff;}
.updown_r{ width: 100%; padding: 30px; text-align: left; font-size: 16px; color: #383838;}

}


.jiameng_item{ flex-wrap: wrap; display: flex; align-items: top; justify-content: space-between; width: 100%; border-bottom: 1px solid #ddd; padding: 0 0 30px 0; margin: 0 0 30px 0;}
.jiameng_item_l{ width: 45%; display: flex; align-items: top; justify-content: flex-start;}
.jiameng_item_r{ width: 45%; display: flex; align-items: top; justify-content: flex-end;}
.jiameng_txt{ padding: 0 20px; display: block;}
.jiameng_txt b{ display: table; font-size: 20px; color: #111; margin: 0 0 10px 0;}
.jiameng_txt span{ display: table; font-size: 16px; color: #777; line-height: 30px; text-align: justify;}
@media screen and (max-width:1024px){
.jiameng_item{ flex-wrap: wrap; display: flex; align-items: top; justify-content: space-between; width: 100%; border-bottom:0px solid #ddd; padding: 0; margin: 0 0 10px 0;}
.jiameng_item_l{ width:100%; display: flex; align-items: top; justify-content: flex-start; margin: 0 0 20px 0;}
.jiameng_item_r{ width:100%; display: flex; align-items: top; justify-content: flex-end; margin: 0 0 20px 0;}
}

.jiameng_tabs .am-nav-tabs{ border: none!important;}
.jiameng_tabs .am-nav-tabs li a{ color: #111; font-size: 18px;border: none!important;}
.jiameng_tabs .am-nav-tabs .am-active a,.jiameng_tabs .am-nav-tabs li a:hover{ border: none!important; background: none!important; color: #ff6600!important;}
.jiameng_tabs .am-tabs-bd{border: none!important;}
@media screen and (max-width:1024px){
.jiameng_tabs .am-nav-tabs li a{ color: #111; font-size: 14px;border: none!important;}
.jiameng_tabs .am-nav-tabs{ float: inherit;}
}

.jiameng_tabs_main{ padding: 0!important; display: flex; align-items: top!important; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.jiameng_tabs_main_l,.jiameng_tabs_main_r{ width: 45%;}
.jiameng_tabs_title{ display: table; text-transform: uppercase; line-height: 34px; font-weight: bold; margin: 0 0 20px 0; font-size:36px; color: #111;}
.jiameng_tabs_pic{ width: 100%; height: 340px; display: block; overflow: hidden; margin: 30px 0 0 0!important;}
.jiameng_tabs_pic img{ width: 100%; height: 100%;}
.jiameng_tabs_pic:hover img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
.jiameng_tabs_tip{ display: block; position: relative; padding:0 0 10px 0; font-size:30px; margin: 0 0 10px 0;}
.jiameng_tabs_tip:after{ content:""; width:40px; height:1px; background:#ff6600; position:absolute; bottom:0px; display:block; z-index:1; left:0;; }
.jiameng_tabs_txt{ display: block; font-size: 15px; line-height: 30px; text-align: justify; color: #777;}
.jiameng_tabs_more{ margin: 15px 0 0 0; padding: 0 50px; text-align: center; font-size: 15px; color: #fff!important; height: 50px; line-height: 50px; display: table;}
.jiameng_tabs_more:hover{ margin: 10px 0 0 0;}
@media screen and (max-width:1024px){
.jiameng_tabs_main_l{ width: 100%;}
.jiameng_tabs_main_r{ width: 100%; padding: 20px 0 0 0;}
.jiameng_tabs_pic{ width: 100%; height: auto; display: block; overflow: hidden; margin: 30px 0 0 0!important;}
}

.contact{ display: flex; align-items: top; justify-content: space-around; flex-wrap: wrap; width: 100%;}
.contact_item{ width: 25%; padding:15px 20px 30px 10px;}
.contact_item i{ display: table; margin:0 auto 10px auto; font-size: 54px;}
.contact_item b{ display: table; margin:0 auto 20px auto; font-size: 24px;}
.contact_item span{ letter-spacing: 1px; display: table; padding: 0 0 20px 0; text-align: center; position: relative; margin:0 auto; font-size: 14px; line-height: 24px;}
.contact_item span:after{ content:""; width:40px; height:1px; background:#ff6600; position:absolute; bottom:0px; display:block; z-index:1; left:50%; transform: translateX(-50%); }
.w_bg:after{ background:#fff!important; }

.tip_b{ color: #777; font-size: 48px;}
.tip_s{ color: #777; font-size: 16px;}
@media screen and (max-width:1024px){
.contact_item{ width: 100%; padding:20px;}
.tip_b{ color: #777; font-size: 30px;}
.tip_s{ color: #777; font-size: 14px;}
}

.input{ display: block;width: 100%; margin: 30px auto;}
.input01{ display: block;width: 100%; margin:0;}
.input_item{ width: 100%; max-width: 600px; font-size: 15px; margin: 20px auto;}
.input_item input{ width: 100%; height: 60px; line-height: 60px; padding: 0 15px; background: #fff; border: 1px solid #d4d3d3;}
.input_item textarea{ width: 100%; height: 120px; line-height: 30px; padding: 15px; background: #fff; border: 1px solid #d4d3d3;}
.input_item a{ width: 100%; height: 60px; line-height: 60px; padding: 0 15px; display: block; margin: 0 auto; text-align: center; }
.input_item01{ width: 100%; max-width: 600px; font-size: 15px; margin:0 0 20px 0;}
.input_item01 input{ width: 100%; height: 60px; line-height: 60px; padding: 0 15px;  background: #fff; border: 1px solid #d4d3d3;}
.input_item01 select{ color: #888; width: 100%; height: 60px; line-height: 60px; padding: 0 15px; background: #fff; border: 1px solid #d4d3d3;}
.input_item01 textarea{ width: 100%; height: 120px; line-height: 30px; padding: 15px; background: #fff; border: 1px solid #d4d3d3;}
.input_item01 a{ width:auto; height: 48px; line-height: 48px; padding: 0 25px; display: table; margin: 0 auto; text-align: center; }
@media screen and (max-width:1024px){
.input_item{ width: 100%; font-size: 15px; margin: 0 0 10px 0;}
}

.zhaopin .am-panel{ border: none!important; background: #f7f7f7; padding:0 10px; margin: 0 0 15px 0;}
.zhaopin .am-panel-bd{ border: none!important;}
.zhaopin .am-panel-hd{ background: none!important;}
.zhaopin .am-panel-title{ position: relative!important;}

.zhaopin_top{ display: flex; align-items: center; justify-content: flex-start;}
.zhaopin_top_title{ padding: 0 0 0 20px;}
.zhaopin_top_title b{ display: table; font-size: 30px; line-height: 40px;}
.zhaopin_top_title span{ display: table;font-size: 15px; color: #777;}
.zhaopin_txt{ display: block; margin: 20px 0 0 0;}
.zhaopin_txt p{ display: block; font-size: 15px; color: #777; line-height: 26px; text-align: justify; margin: 0 0 10px 0;}
.zhaopin_btn::before{ content: "—"!important;}
.qiehuan{ position: absolute; right: 0; top:50%; transform: translateY(-50%);  width: 40px; height: 40px; text-align: center; color: #fff!important; line-height: 40px; font-size: 24px;}
.qiehuan::before{ position: absolute; content: "+"; left: 50%; top:50%; transform: translate(-50%,-50%);}
@media screen and (max-width:1024px){
.zhaopin .am-panel{ border: none!important; background: #f7f7f7; padding: 0px; margin: 0 0 15px 0;}
.zhaopin_top_title b{ display: table; font-size: 16px; line-height: 40px;}
.zhaopin_top_title span{ display: table;font-size: 12px; color: #777;}
}

.filter{ display: block;}
.filter_item{ width: 100%; border-bottom: 1px solid #ddd; margin: 0 0 10px 0; padding: 10px 0; display: flex; align-items:center; justify-content: flex-start; flex-wrap: wrap;}
.filter_item_title{ width: 80px;  font-size: 15px; color: #bbb;}
.filter_item_kind{ width: 90%; display: flex; align-items: center;justify-content: flex-start;}
.filter_item_kind a{ width: 10%; text-align: left; font-size: 15px; color: #555; padding: 0;}
.filter_item_kind a:hover,.filter_item_kind .active{ color: #ff6600;}
.filter_item_btn{display: block; width: 30px; height: 30px; text-align: center; color: #fff!important; line-height: 30px; font-size: 26px; position: relative; float: right;}
.filter_item_btn::before{ position: absolute; content: "+"; left: 50%; top:50%; transform: translate(-50%,-50%);}
.filter_item_jian::before{ content: "-"!important;}
.filter_item_more{ display: none; width: 100%; padding: 0 0 0 87px; align-items: center;justify-content: flex-start; flex-wrap: wrap;}
.filter_item_more a{width: 10%; font-size: 15px; color: #333; padding:8px 0; text-align: left;}
.filter_item_more a:hover,.filter_item_more .active{ color: #ff6600;}
.filter_item_show{ display: flex!important;}
@media screen and (max-width:1024px){
.filter_item_title{ width:100%;  font-size: 15px; color: #bbb;}
.filter_item_kind{ width: 100%; flex-wrap: wrap; display: flex; align-items: center;justify-content: flex-start;}
.filter_item_kind a{ width: 25%; text-align: center; margin: 0 0 10px 0; font-size: 15px; color: #555; padding: 0;}
.filter_item{ width: 100%; border-bottom: 1px solid #ddd; margin: 0 0 10px 0; padding: 10px 0; display: flex; align-items:center; justify-content:center; flex-wrap: wrap;}
.filter_item_more{ display: none; width: 100%; padding: 0 20px; align-items: center;justify-content: flex-start; flex-wrap: wrap;}
.filter_item_more a{width: 25%; font-size: 15px; color: #333; padding:8px 0; text-align: left;}
}

.title_menu a{ font-weight: normal!important; font-size: 18px!important; padding: 0 0 0 40px; color: #777!important;position:inherit!important; right:auto!important; bottom: auto!important;}
.title_menu a::after{ display: none!important;}
.title_menu a:hover,.title_menu .active{ color: #ff6600!important;}

.pro_toptxt{ width: 90%; display: table; margin: 0;  font-size: 15px; color: #777; line-height: 24px; letter-spacing: 0.5px;}
.proshow{ width: 100%; margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
@media (min-width: 641px) and (max-width: 1024px) {
.proshow{ width: 100%; margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }

}
@media screen and (max-width:640px){
.proshow{ width: 100%; margin: 0 auto; display: flex; align-items: top; justify-content: space-between; flex-wrap: wrap; }

}

.proshow_lunbo{ border: none!important; box-shadow: none!important; width: 100%;}
.proshow_lunbo li{ margin: 0 0 5px 0!important;}
.proshow_lunbo .am-control-thumbs{ display: grid; grid-template-columns: repeat(6,1fr); gap: 10px; }
.proshow_lunbo .am-control-thumbs li{ width: 100%!important;margin: 0 !important; aspect-ratio: 3/3.4;}
.proshow_lunbo .am-control-thumbs li img{ width: 100% !important; height:100%; object-fit: cover;}

.proshow_pic{ width: 100%; height: 700px; overflow: hidden; display: block;}
.proshow_pic img{ width: 100%; height: 100%; object-fit: cover;}

.proshow_r_tip{ display: flex; align-items: flex-end; flex-wrap: wrap; line-height:40px; justify-content:center;text-align: center; letter-spacing: 1px; font-size: 14px; }
.proshow_r_tip b{  margin: 0 5px 0 0; font-size: 48px; font-weight: 550 !important; letter-spacing: -2px; color: #666;}
.proshow_r_tip i{ display: block; width: 100%; text-align: center; margin: -10px 0 0 0;  font-size: 14px; letter-spacing: -0.5px; font-weight: 400 !important;  color: #888;}

.proshow_r_list{ display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin:0 auto; width: 100%;}
.proshow_r_list_item{ width:100%; height: 150px; overflow: hidden; margin: 0;}
.proshow_r_list_item img{ width: 100%; height: 100%; object-fit: cover;}
.proshow_r_list_item:hover img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}

.proshow_r_list01{ display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin:0 auto; width: 100%;}
.proshow_r_list_item01{ display: flex; background: #f5f7f9; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0; border: 1px solid #ddd; padding:15px; text-align: center; color: #383838 !important; font-size: 15px; text-transform: capitalize;}
.proshow_r_list_item01 img{ display: table; margin: 0 10px 0 0; width: auto;}
.proshow_r_list_item01 i{ text-transform: capitalize; width: 100%; display: block; line-height: 20px; margin: 10px 0 0 0; font-size: 14px; color: #5a5a5a;}
.proshow_r_list_item01:hover{ margin: -5px 0 5px 0;}

@media screen and (max-width:1024px){
	.pro_toptxt{ width: 100%; display: table; margin: 0; text-align: justify;  font-size: 15px; color: #777; line-height: 24px; letter-spacing: 0.5px;}
	
.proshow_r_list{ display: flex; margin: 10px auto; align-items: center; justify-content:center; flex-wrap: wrap; width: 100%;}
.proshow_r_list_item{ width:150px; height: 150px; overflow: hidden; margin: 0 10px 10px 10px;}
}

.touzi{ display: flex; width: 100%; align-items: top; flex-wrap: wrap; justify-content: space-between;}
.touzi_item{ height: 360px; overflow: hidden;}
.touzi_item_pic{ display: block; height: 100%; padding: 20px; overflow: hidden;}
.touzi_item_pic img{ width: 100%; height: 100%;}
.touzi_item_top{ display: block; margin:0; padding: 50px 50px 30px 50px;}
.touzi_item_top i{ display: block; font-size:14px; color: #777;}
.touzi_item_top span{ display: block; font-size: 16px; color: #555;}
.touzi_item_top b{ font-size: 60px; padding: 0 5px;}
.touzi_item_top cite{ padding: 0 5px; font-size: 30px; font-weight: bold;}

.touzi_data{ display: flex; align-items: top; justify-content: space-between; width: 100%; padding: 0 10px;}
.touzi_data_item b{ display: table; margin: 0 auto; font-size: 24px; line-height: 30px; color: #555;}
.touzi_data_item span{ display: table; margin: 0 auto; font-size: 13px; color: #999;}

.touzi_time{ margin: 50px 0 0 0; font-size: 13px; color: #777; padding: 0 0 0 50px;}
@media screen and (max-width:1024px){
.touzi_item{ height: auto; overflow: hidden; margin: 0 0 20px 0;}
.touzi_item_top i{ display: block;text-align: center; font-size:14px; color: #777;}
.touzi_item_top b{ font-size: 40px; display: table; margin: 0 auto; text-align: center; padding: 0 5px;}
.touzi_item_top span{ display: block; text-align: center; font-size: 16px; color: #555;}
.touzi_data_item span{ display: table; text-align: center; margin: 0 auto; font-size: 13px; color: #999;}
.touzi_item_pic img{ width: 100%; height: auto;}
}

.child_menu{ display: flex; width: 100%; align-items: center; justify-content: center; padding: 0;}
.child_menu a{ background: #f5f7f9; padding: 0 20px; margin: 0 5px; text-align: center; color: #777; line-height: 40px; font-size:15px;}
.child_menu .active{ background: #ff6600; color: #fff;}

/*.am-modal{ background: rgba(0, 0, 0, 0.5); width: 100% !important; height: 100% !important; overflow: hidden !important; border-radius: 10px;}*/
.am-modal.am-modal-active{overflow: hidden !important;}
.win{ max-width: 500px; border-radius: 10px; padding: 20px 10px;background: linear-gradient(to bottom, #dcefe5, #fff, #fff, #fff, #fff);}
.win .am-modal-bd,.win .am-modal-hd{ border:none !important; margin:0 auto;}
.win01{ width:1000px; border-radius: 20px; overflow: hidden;  padding: 30px;background: linear-gradient(to bottom, #dcefe5, #fff, #fff, #fff, #fff);height: 80vh;}
.win01 .am-modal-bd,.win01 .am-modal-hd{ border:none !important; margin:0 auto;}

.win_txt{ font-size: 15px; color: #777; line-height: 24px; text-align: center; margin: 10px 0;}
.win_tip{ font-size: 14px; color: #777; line-height: 18px;  display: block;  text-align: center;}
.win_tip a{ margin: 0 0 0 10px; font-size: 13px; padding: 5px 20px; border-radius: 500px;}
.win_pic{ display: block; width: 200px; height: 200px; margin: 10px auto; overflow: hidden; background: #e6f5ec; border: 1px solid #c6e2d2; padding: 15px; border-radius: 10px;}
.win_pic img{ width: 100%; height: 100%; object-fit: cover;}
.win_title{ font-size: 20px; font-weight: bold; color: #333; display: table; margin:-10px auto 0 auto; text-align: center;}
.win_btngroup{ display: flex; align-items: center; justify-content: center; margin: 20px auto;}
.win_btngroup01{ display: flex; align-items: center; justify-content: center; margin: 0 auto;}

@media screen and (max-width:1024px){
  .win01{ width: 95%; height: auto;}
}
.login01{ width:100%; display:block;}
.login01 label{ display:block; width:100%; border:1px solid #e5e5e5; border-radius:5px; height:48px; overflow:hidden; padding:0; margin:0 0 20px 0;}
.login01 i{ display:inline-block; width:12%; background:#eee; height:100%; text-align:center; color:#888; font-size:22px; font-weight: 400 !important; vertical-align:top; line-height:48px;}
.login01 input[type="text"]{ display:inline-block; width:88%; background:#fff; height:48px; text-align:left; color:#888; font-size:13px; line-height:48px; padding:0 10px; border:none; box-shadow:none;vertical-align:top; font-weight:normal;}
.yzm_input{ width:50% !important; }
.yzm_btn{ width:38% !important; display: inline-block; line-height:48px; text-align:center; color:#fff !important; font-size:14px; height:48px; background:#999; padding:0; margin:0;}
.login01 .login_checkbox{ border:none; margin:0; text-align:left; color:#777; font-size:14px; font-weight:normal; padding:0 5px;}
.login01 .login_checkbox input[type="checkbox"]{ display:inline-block; vertical-align:middle; margin:0 5px 0 0; width:20px; height:20px; }
.submit_btn{ display:block; width:100%; height:48px; line-height:48px; text-align:center; color:#fff !important; font-size:15px; background:#4e975a; border:none;border-radius:5px; margin:0;}
.submit_btn01{ display:block; width:200px; height:48px; line-height:48px; text-align:center; color:#fff !important; font-size:15px; background:#4e975a; border:none;border-radius:5px; margin:20px auto 0 auto;}
.submit_btn02{ display:block; width:150px; height:48px; line-height:48px; text-align:center; color:#fff !important; font-size:15px;border: 1px solid #4e975a; background:#4e975a; border:none;border-radius:5px; margin:0 5px;}
.submit_btn02a{ display:block; width:150px; height:48px; line-height:48px; text-align:center; color:#4e975a !important; font-size:15px; border: 1px solid #4e975a; background:#fff; border-radius:5px; margin:0 5px;}

.zixun_btn{ font-weight:500; text-transform: capitalize; display:flex;align-items: center; justify-content: center; border-radius: 4px; width:100%; height:60px; line-height:60px; text-align:center; color:#fff !important; letter-spacing: 1px; font-size:17px; background: linear-gradient(to right bottom,#b3cd49, #4e975a); margin:0;}
.zixun_btn i{ font-size: 24px; padding: 0 5px 0 0; color: #fff;}
.zixun_btn:hover{ background: linear-gradient(to right bottom,#f1c867, #df930f) !important;color: #fff !important; margin: -5px 0 5px 0;}

.zixun_btn01{ text-transform: capitalize; padding: 5px 0 0 0; display:block;width:100%; height:60px; line-height: 28px; text-align:center; margin:0; color: #5a5a5a !important; font-size: 14px;}
.zixun_btn01 i{ font-size:30px; padding: 0; color: #aaa; display: table; margin:0 auto;;}
.zixun_btn01:hover{ margin: -5px 0 5px 0;}
.zixun_btn01:hover i{ color:#4e975a ;}

.win_btn{ display:block; width:200px; height:48px; line-height:48px; text-align:center; color:#fff !important; font-size:15px; background:#4e975a; border:none;border-radius:5px; margin:20px auto 0 auto;}


.login01 p{ display:block; width:100%; border:none;padding:0; margin:20px 0 10px 0; line-height:24px; font-size:16px; color:#666; text-align:left;}
.login01 p a{ display: inline-block;  padding:0; margin:0; font-size:16px; color:#0469ed; }
.login01 p a:hover{ text-decoration: underline;}

.zixun_f{ position: fixed; z-index: 9900; cursor: pointer; right: 20px; bottom: 20px; width: 64px; height: 64px; line-height: 64px; border-radius: 500px; background: rgba(0, 0, 0, 0.5); text-align: center;}
.zixun_f i{ display: table; margin: 0 auto; color: #fff; font-size: 30px;}
.zixun_f:hover{ background: #ff6600; margin: -5px 0 5px 0;}

@media screen and (max-width:1024px){
.foot_tip{ padding:18px 25px; display: flex !important; align-items: center; position: fixed; background:rgba(239, 247, 241, 0.95); border-top: 1px solid #c5e2cd;  overflow: hidden; margin: 0 auto; bottom:0; left:0; width:100%; box-shadow: 0 0 20px rgba(0,0,0,0.1); z-index: 9990;}
.foot_tip_r{ width: 120px;display: flex !important; align-items: center; justify-content:center;}
.foot_tip_r a{ display: block;background: #4e975a; color: #fff; width: 100%; padding: 6px 20px; border-radius: 500px; text-align: center; font-size: 14px;}
.foot_tip_r a i{ padding: 5px 3px 0 0;font-size: 16px;}
.foot_tip_l{ flex:1; font-size: 14px; color: #555; padding:0 10px 0 0; letter-spacing: 0.5px;}
.foot_tip_l b{ font-weight: bold !important; font-size: 15px;}
.foot_tip_l i{ display: table; margin: -2px 0 0 0;}

.foot_tip01{ padding:15px 25px 25px 25px; display: flex !important; align-items: center; position: fixed; background:#fff; overflow: hidden; margin: 0 auto; bottom: 0; left:0; width: 100%; box-shadow: 0 0 20px rgba(0,0,0,0.1); z-index: 9990;}
.foot_tip_r01{ width: 80px;}
.foot_tip_r01 a{ display: block; width: 100%; background: #4e975a; color: #fff; padding: 5px 10px; border-radius: 500px; text-align: center; font-size: 13px;}
.foot_tip_r01 a i{ padding: 0 2px 0 0;}
.foot_tip_l01{ flex:1; font-size: 13px; display: flex; align-items: center; justify-content: flex-start; color: #555; padding:5px 0 0 0; letter-spacing: 0.5px;}
.foot_tip_l01 i{ display: table; text-decoration: underline; margin: 0 2px;}

.win_title{ font-size: 20px; font-weight: bold; color: #333; display: table; line-height: 20px; margin:-10px auto 10px auto; text-align: center;}

.win{ max-width: 500px; width: 90%; border-radius: 10px; padding: 20px 10px;background: linear-gradient(to bottom, #dcefe5, #fff, #fff, #fff, #fff);}

.win_tab{ padding:0px; background:#fff; width: 90%; }
.login01 p{ display:block; width:100%; border:none;padding:0; margin:20px 0 10px 0; line-height:24px; font-size:14px; color:#666; text-align:left;}
.login01 p a{ display: inline-block;  padding:0; margin:0; font-size:14px; color:#0469ed; }
}

.nei_tabs .am-nav-tabs{ display: flex; align-items: center; justify-content: center; border-bottom: none;}
.nei_tabs .am-nav-tabs li a{ border: 1px solid #ff6600 !important; color: #ff6600; font-size: 16px; text-transform: capitalize; margin: 0 10px; padding: 0 50px; height: 54px; line-height: 54px !important;}
.nei_tabs .am-nav-tabs .am-active a{ background:#ff6600 !important; color: #fff !important;}
.nei_tabs .am-tabs-bd{ border: none !important;}

.nei_sel{ display: flex; align-items: center; justify-content: flex-start;}
.nei_sel_item{ width: 200px; margin: 0 20px 0 0;}
.nei_sel_item select{ width: 100%; height: 48px; line-height: 48px; background: #f5f7f9; border: 1px solid #ddd; padding: 0 10px;}

.gwc_list{ display: block;}
.gwc_item{ display: flex; align-items: center;justify-content: space-between; margin: 0 0 10px 0; padding: 0; border-bottom: 1px solid #ddd;}
.gwc_item p{ padding: 10px; overflow: hidden;}
.gwc_item p input[type="checkbox"]{ width: 20px; height: 20px; }
.gwc_item p img{ height: 120px; object-fit: cover;}
.gwc_item p b{ display: table; margin: 0 auto; font-size: 16px; color: #545454;}
.gwc_item p span{ display: table; margin: 10px 0 ; font-size: 16px; color: #545454;}
.gwc_item_foot{ display: flex; align-items: center; justify-content: flex-start; padding: 20px 0;}
.gwc_item_foot input[type="checkbox"]{ width: 20px; height: 20px; margin: 0 20px 0 0; }


.gwc_foot{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.gwc_foot_item{ display: flex; align-items: center; justify-content: flex-start; padding: 10px 0;}
.gwc_foot_item b{ font-size: 16px; color: #545454; padding: 0 10px 0 0; width:100px;}
.gwc_foot_item input{ width:calc(100% - 120px); margin: 0; height: 48px; padding: 0 20px; line-height: 48px; border: 1px solid #ddd; background: #fff;}

.gwc_btn{ display: flex; align-items: center; justify-content: flex-end;}
.gwc_btn_link{ display: flex; align-items: center; justify-content: center; margin: 0 0 0 20px; height: 54px; line-height: 54px; padding: 0 50px; text-align: center; color: #ff6600; font-size: 16px; border: 1px solid #ff6600;}
.gwc_btn_link i{ padding: 0 5px 0 0; font-size: 20px; }
.gwc_btn_link:hover{ margin:-5px 0 5px 20px ;color: #ff6600;}

.home_hotnews{ width: 100%; display: block; padding:30px 0; overflow: hidden; background:#f5f7f9;}
.zhaopin_top_ico i{ font-size: 36px; color: #9f9f9f;}
.zhaopin_top_title b{ font-size: 30px;}

.my_left{ display: block;}
.my_left_item{ width: 100%; color: #545454; font-size: 16px; display: flex;align-items: center; justify-content: flex-start; padding:0 20px; border-bottom: 1px solid #e5e5e5; height: 64px; line-height: 64px;}
.my_left_item i{ font-size: 24px; padding: 0 10px 0 0; }
.my_left .active{ background:#ff6600; color: #fff;}
.my_left_item:hover{ padding: 0 15px 0 25px;border-bottom: 1px solid #ff6600;}

.brand_logo{ display: block; margin: 20px auto; overflow: hidden;}
.brand_logo img{ width: auto !important;}

.where_tabs{ display: flex; align-items: flex-start; justify-content: center; width:800px; margin:0 auto;}
.where_tabs .am-nav-tabs{ width: 40%;display: block !important; border: none !important;border-right: 1px solid #ddd !important; }
.where_tabs .am-nav-tabs li{padding: 0 20px 0 0; display: flex; align-items: center; justify-content: space-between; float: inherit;}
.where_tabs .am-nav-tabs li i{ font-size: 14px;}
.where_tabs .am-nav-tabs li a{width: 90%; display: block; color: #545454 !important; font-size: 17px; line-height: 36px;border: none !important; background: none !important;}
.where_tabs .am-tabs-bd{ width: 60%; border: none !important; padding: 0 0 0 15px;}
.where_tabs .am-nav-tabs .am-active a{ font-weight: bold; border: none !important; color: #000 !important;}
.where_tabs .am-nav-tabs li a:hover{ border: none !important; color: #000 !important;}
.where_tabs .am-nav-tabs li:hover{ background: #f5f7f9;}
.where_tabs_txt{ display: block;}
.where_tabs_txt b{ display: block; font-size: 20px; font-weight: bold; color: #ff6600; margin:0 0 10px 0;}
.where_tabs_txt span{ display: block; font-size: 16px; color: #545454; padding: 5px 0;}

.home_liucheng{ display: flex; border-radius: 10px; overflow: hidden; box-shadow: 0 18px 48px rgba(31, 58, 45, 0.06); border: 1px solid #e3e8e2; align-items: flex-start; justify-content: space-between; width: 100%; margin: 0;}
.home_liucheng_item{ width: 25%; border-right: 1px solid #e3e8e2; height: 150px;  background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:30px; position: relative; display: block;}
.home_liucheng_item:last-child{border-right: 0px solid #e3e8e2;}
.home_liucheng_item::after{ content: ""; position: absolute; right: -10px; top: 30%; transform:rotate(45deg); width: 20px; height: 20px;z-index: 10; border-top: 1px solid #e3e8e2; border-right: 1px solid #e3e8e2; background: #fff;}

.home_liucheng01{ display: flex; border-radius: 10px; overflow: hidden; box-shadow: 0 18px 48px rgba(31, 58, 45, 0.06); border: 1px solid #e3e8e2; align-items: flex-start; justify-content: space-between; width: 100%; margin:0;}
.home_liucheng_item01{ width: 25%; border-right: 1px solid #e3e8e2; height: auto;  background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:10px 20px; position: relative; display: block;}
.home_liucheng_item01:last-child{border-right: 0px solid #e3e8e2;}
.home_liucheng_item01::after{ content: ""; position: absolute; right: -10px; top: 30%; transform:rotate(45deg); width: 20px; height: 20px;z-index: 10; border-top: 1px solid #e3e8e2; border-right: 1px solid #e3e8e2; background: #fff;}

.home_liucheng_item02{ width: 33.33333%; text-align: center; border-right: 1px solid #e3e8e2; height: auto;  background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:20px; position: relative; display: block;}
.home_liucheng_item02:last-child{border-right: 0px solid #e3e8e2;}

.home_liucheng_item03{ width: 25%;  background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:20px 10px 0 10px; border-radius: 10px; position: relative; display: block;}
.home_liucheng_item03:last-child{border-right: 0px solid #e3e8e2;}

.home_liucheng_item04{ width:20%; height:18vh; text-align: center; border-right: 1px solid #e3e8e2;  background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:20px 30px; position: relative; display: block;}
.home_liucheng_item04:last-child{border-right: 0px solid #e3e8e2;}
.home_liucheng_item04::after{ content: ""; position: absolute; right: -10px; top: 30%; transform:rotate(45deg); width: 20px; height: 20px;z-index: 10; border-top: 1px solid #e3e8e2; border-right: 1px solid #e3e8e2; background: #fff;}

.home_liucheng_ico{ width: 30%; line-height: 70px;}
.home_liucheng_ico i{ font-size: 64px; color: #4e975a;}
.home_liucheng_txt{display: block; background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff);  padding: 20px; position: relative; z-index: 10;}
.home_liucheng_txt b{ display: flex; align-items: center; justify-content: flex-start; color: #333; font-weight: 500 !important; font-size: 18px; margin: 0 0 10px 0;}
.home_liucheng_txt i{ display: table; color: #4e975a; font-size: 24px; margin: 0 5px 0 0;}
.home_liucheng_txt span{ display: table; color: #555; font-size: 16px; line-height: 24px; }
.home_liucheng_no{background: #d2eeda; color: #4e975a; border-radius: 500px; text-align: center; width: 40px; height: 40px; line-height: 40px; font-size: 16px;  font-weight: bold;}
.home_liucheng_no01{background: #d2eeda; color: #4e975a; border-radius: 500px; margin: 0 auto; width: 60px; height: 60px; line-height: 60px; text-align: center; }
.home_liucheng_no01 i{ display: table; margin: 0 auto; text-align: center;font-size: 30px;}
.home_liucheng_no02{background: #d2eeda; color: #4e975a; border-radius: 10px; margin: 0 auto; width: 60px; height: 60px; line-height: 60px; text-align: center; }
.home_liucheng_no02 i{ display: table; margin: 0 auto; text-align: center;font-size: 30px;}
.home_liucheng_no_bg{ color: #e6f5ea; letter-spacing: -1px; font-size: 64px; font-weight: bold; position: absolute; right: 10px; bottom: -15px; z-index:1;}


.home_liucheng_txt01{ display: block;  color: #333; font-weight: 550 !important; font-size: 18px; margin:10px auto; text-align: center;}
.home_liucheng_txt02{ display: block;  color: #333; font-weight: 500 !important; font-size: 18px; margin:0 0 0 10px; text-align: left; width: 75%;}
.home_liucheng_txt02 i{ display: block;  color: #666; font-weight: 400 !important; font-size: 14px; margin:0; text-align: left;}
.home_liucheng_txt03{ display: block;  color: #333; font-weight: 550 !important; font-size: 18px; margin:10px auto 0 auto; text-align: center;}
.home_liucheng_txt03 i{ display: block;  color: #666; font-weight: 400 !important; font-size: 16px; margin:0 auto; text-align: center;}

.home_liucheng_txt04{display: block; margin: 0 0 5px 0; padding:0 20px;}
.home_liucheng_txt04 b{ display: flex; align-items: center; justify-content: flex-start; color: #333; font-size: 15px; margin: 0 0 8px 0;}
.home_liucheng_txt04 span{ display: table; color: #666; line-height: 18px; letter-spacing: 0.5px; font-size: 14px; padding: 0 0 0 24px; }

.home_liucheng_txt05{display: block; padding: 10px 0;}
.home_liucheng_txt05 b{ display: block;color: #333; text-align: left; line-height: 24px; font-weight: 500 !important; font-size: 16px; margin: 0;}

.home_huoban{ width: 100%;border-radius: 10px;  border: 1px solid #e3e8e2; height: auto;  background: linear-gradient(to right bottom, #ecf5f0, #fff); padding:50px; position: relative; display: flex; align-items: center; justify-content: space-between;}
.home_huoban01{ display: flex; margin: 0; align-items: center; justify-content: space-between; }
.home_huoban01 b{ display: table; color: #333; font-size: 24px; font-weight: bold !important; margin: 0 auto; }
.home_huoban01 i{ display: table; color: #555; font-size: 14px; line-height: 24px; margin:0 auto 15px auto; }
.home_huoban01 a{ display: table; margin: 10px 0; background:#fff; border: 1px solid #ddf3e3; border-radius: 500px; color: #555; font-size: 16px; line-height: 30px;padding: 8px 40px;}
.home_huoban01 a:hover{ background: #4e975a; color: #fff;}

.home_huoban_r a{ display: table; margin: 10px auto; background: #afd1b7; border-radius: 500px; color: #72a57d; font-size: 16px; line-height: 30px;padding: 5px 30px;}
.home_huoban_r a:hover{ margin: 5px auto 15px auto;}
.home_huoban_r span{ display: table; color: #888; font-size: 14px; letter-spacing: 1px; line-height: 22px; margin: 0 auto; }

@media (min-width: 641px) and (max-width: 1024px) {
.home_liucheng_no{background: #d2eeda; color: #4e975a; border-radius: 500px; text-align: center; width: 30px; height: 30px; line-height: 30px; font-size: 14px;  font-weight: bold;}

.home_liucheng_txt05{display: block; padding:0 10px; flex: 1;}
.home_liucheng_txt05 b{ display: block;color: #333; text-align: left; line-height: 30px; font-weight: 500 !important; font-size: 15px; margin: 0;}

.home_liucheng_txt02{ display: block;  color: #333; font-weight: 500 !important; font-size: 18px; margin:0 0 0 10px; text-align: left; width: 80%;}

.home_liucheng_no02{background: #d2eeda; color: #4e975a; border-radius: 10px; margin: 0; width: 48px; height: 48px; line-height: 48px; text-align: center; }

.home_liucheng_no01{background: #d2eeda; color: #4e975a; border-radius: 500px; margin: 0 auto; width: 48px; height: 48px; line-height: 48px; text-align: center; }
.home_liucheng_no01 i{ display: table; margin: 0 auto; text-align: center;font-size: 24px;}

.home_liucheng{ display: flex; border-radius: 10px; overflow: hidden; box-shadow: 0 18px 48px rgba(31, 58, 45, 0.06); border: 1px solid #e3e8e2; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: 10px 0 0 0;}
.home_liucheng_item{ width: 100%; border-right: 0px solid #e3e8e2;border-bottom: 1px solid #e3e8e2; height: auto;  background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:20px; position: relative; display: block;}
.home_liucheng_item:last-child{border-bottom: 0px solid #e3e8e2;}
.home_liucheng_item::after{ content: ""; position: absolute; right: 20px; top: 91%; transform:rotate(135deg); width: 20px; height: 20px;z-index: 10; border-top: 1px solid #e3e8e2; border-right: 1px solid #e3e8e2; background: #fff;}
.home_liucheng_no_bg{ color: #e6f5ea; letter-spacing: -1px; font-size: 64px; font-weight: bold; position: absolute; right: 10px; bottom: -15px; z-index:1;}

.home_liucheng01{ display: flex; border-radius: 10px; overflow: hidden; box-shadow: 0 18px 48px rgba(31, 58, 45, 0.06); border: 1px solid #e3e8e2; align-items: flex-start; justify-content: space-between; width: 100%; margin:0;}
.home_liucheng_item01{ width: 25%; border-right: 1px solid #e3e8e2;height: 120px;  background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:15px; position: relative; display: block;}
.home_liucheng_item01:last-child{border-right: 0px solid #e3e8e2;}
.home_liucheng_item01::after{ content: ""; position: absolute;right: -10px; top: 30%; transform:rotate(45deg); width: 20px; height: 20px;z-index: 10; border-top: 1px solid #e3e8e2; border-right: 1px solid #e3e8e2; background: #fff;}
.home_liucheng_txt04{display: block; margin: 0 0 5px 0; padding:0;}
.home_liucheng_txt04 b{ display: flex; align-items: center; justify-content: flex-start; color: #333; font-size: 15px; margin: 0 0 8px 0;}
.home_liucheng_txt04 span{ display: table; color: #666; line-height: 18px; letter-spacing: 0.5px; font-size: 14px; padding: 0 0 0 24px; }

.home_huoban{ margin: 10px 0 0 0; width: 100%;border-radius: 6px;  border: 1px solid #e3e8e2; height: auto;  background: linear-gradient(to right bottom, #ecf5f0, #fff); padding:20px; position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.home_huoban_l{ width: 100%;}
.home_huoban_r{ width:auto;}
.home_huoban_l b{ display: table; text-align: center; color: #4e975a; font-size: 24px; font-weight: bold !important; margin: 0 auto 10px auto; line-height: 26px; }
.home_huoban_l span{ display: table; color: #666; font-size: 15px; line-height: 22px; }
.home_huoban_r a{ display: table; margin: 20px auto 10px auto; background: #4e975a; border-radius: 500px; color: #fff; font-size: 16px; line-height: 30px;padding: 5px 30px;}
.home_huoban_r span{ display: table; color: #666; font-size: 16px; letter-spacing: 1px; line-height: 22px; margin: 0 auto; }
.home_liucheng_item03{ width: 50%; margin: 0; background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:10px; border-radius: 10px; position: relative; display: block;}

.home_liucheng_item04{ width:100%; height:auto; text-align: center; border-right: 0px solid #e3e8e2;border-bottom: 1px solid #e3e8e2; background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:30px 20px; position: relative; display: flex;}
.home_liucheng_item04:last-child{border-right: 0px solid #e3e8e2;}
.home_liucheng_item04::after{ content: ""; position: absolute; right: 20px; top: 88%; transform:rotate(135deg);  width: 20px; height: 20px;z-index: 10; border-top: 1px solid #e3e8e2; border-right: 1px solid #e3e8e2; background: #fff;}

}
@media screen and (max-width:640px){
.home_liucheng_no{background: #d2eeda; color: #4e975a; border-radius: 500px; text-align: center; width: 30px; height: 30px; line-height: 30px; font-size: 14px;  font-weight: bold;}

.home_liucheng_txt05{display: block; padding:0 10px; flex: 1;}
.home_liucheng_txt05 b{ display: block;color: #333; text-align: left; line-height: 20px; font-weight: 500 !important; font-size: 14px; margin: 0;}

.home_liucheng_item04{ width:100%; height:auto; text-align: center; border-right: 0px solid #e3e8e2;border-bottom: 1px solid #e3e8e2; background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:20px 20px; position: relative; display: flex;}
.home_liucheng_item04:last-child{border-right: 0px solid #e3e8e2;}
.home_liucheng_item04::after{ content: ""; position: absolute; right: 20px; top: 89%; transform:rotate(135deg);  width: 20px; height: 20px;z-index: 10; border-top: 1px solid #e3e8e2; border-right: 1px solid #e3e8e2; background: #fff;}

.home_huoban01{ display: flex; margin: 0; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.home_liucheng_no02{background: #d2eeda; color: #4e975a; border-radius: 10px; margin: 0; width: 48px; height: 48px; line-height: 48px; text-align: center; }
.home_liucheng_txt02{ display: block;  color: #333; font-weight: 500 !important; font-size: 18px; margin:0 0 0 10px; text-align: left; width: 80%;}

.home_liucheng_item03{ width: 100%;  background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:10px; border-radius: 10px; position: relative; display: block;}

.home_liucheng{ display: flex; border-radius: 10px; overflow: hidden; box-shadow: 0 18px 48px rgba(31, 58, 45, 0.06); border: 1px solid #e3e8e2; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: 10px 0 0 0;}
.home_liucheng_item{ width: 100%; border-right: 0px solid #e3e8e2;border-bottom: 1px solid #e3e8e2; height: auto;  background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:20px; position: relative; display: block;}
.home_liucheng_item:last-child{border-bottom: 0px solid #e3e8e2;}
.home_liucheng_item::after{ content: ""; position: absolute; right: 20px; top: 93%; transform:rotate(135deg); width: 20px; height: 20px;z-index: 10; border-top: 1px solid #e3e8e2; border-right: 1px solid #e3e8e2; background: #fff;}
.home_liucheng_no_bg{ color: #e6f5ea; letter-spacing: -1px; font-size: 48px; font-weight: bold; position: absolute; right: 10px; bottom: -15px; z-index:100;}

.home_liucheng01{ display: flex; border-radius: 10px; overflow: hidden; flex-wrap: wrap; box-shadow: 0 18px 48px rgba(31, 58, 45, 0.06); border: 1px solid #e3e8e2; align-items: flex-start; justify-content: space-between; width: 100%; margin:0;}
.home_liucheng_item01{ width: 100%; border-right: 0px solid #e3e8e2;border-bottom: 1px solid #e3e8e2; height: auto;  background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:15px; position: relative; display: block;}
.home_liucheng_item01:last-child{border-right: 0px solid #e3e8e2;}
.home_liucheng_item01::after{ content: ""; position: absolute;right: 20px; top: 90%; transform:rotate(135deg);  width: 20px; height: 20px;z-index: 10; border-top: 1px solid #e3e8e2; border-right: 1px solid #e3e8e2; background: #fff;}
.home_liucheng_txt04{display: block; margin: 0 0 5px 0; padding:0;}
.home_liucheng_txt04 b{ display: flex; align-items: center; justify-content: flex-start; color: #555; font-size: 14px; margin: 0 0 4px 0;}
.home_liucheng_txt04 span{ display: table; color: #777; line-height: 18px; letter-spacing: 0.5px; font-size: 14px; padding: 0 0 0 24px; }

.home_huoban{margin: 10px 0 0 0; width: 100%;border-radius: 6px;  border: 1px solid #e3e8e2; height: auto;  background: linear-gradient(to right bottom, #ecf5f0, #fff); padding:20px; position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.home_huoban_l,.home_huoban_r{ width: 100%;}
.home_huoban_l b{ display: table; text-align: center; color: #4e975a; font-size: 22px; font-weight: bold !important; margin: 0 auto 10px auto; line-height: 24px; }
.home_huoban_l span{ display: table; color: #666; font-size: 15px; line-height: 22px; }
.home_huoban_r a{ display: table; margin: 10px auto 0 auto; background: #4e975a; border-radius: 500px; color: #fff; font-size: 16px; line-height: 30px;padding: 5px 30px;}
.home_huoban_r span{ display: table; color: #666; font-size: 15px; letter-spacing: 1px; line-height: 22px; margin: 0 auto; }
}

.pro_show_tip{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 0; padding: 0;}
.pro_show_tip i{ display: table; margin: 0 0 10px 10px; font-size: 14px; padding: 3px 15px; border-radius: 500px; background: #f2f2f2; color: #666; white-space: nowrap; }
.pro_show_tip01{ display: grid; grid-template-columns: repeat(auto-fit,47%); gap:10px;justify-content: center;  margin: 0; padding: 0;}
.pro_show_tip01 i{ line-height:20px; display: table; width:100%; white-space: nowrap; text-align: center; margin:  0 auto; font-size: 13px; padding: 5px 5px 3px 5px; border-radius: 500px; background: #f2f2f2; color: #666; }
.pro_show_tip02{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 0; padding: 0;}
.pro_show_tip02 i{ display: table; margin: 0 0 10px 10px; font-size: 14px; padding: 5px 15px; border-radius: 500px; background: #f2f2f2; color: #666; white-space: nowrap; }
.pro_show_tip01a{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.pro_show_tip01a i{ line-height:20px; display: table; width:45%; white-space: nowrap; text-align: center; margin: 5px auto; font-size: 13px; padding: 5px 5px 3px 5px; border-radius: 500px; background: #f2f2f2; color: #666; }

@media (min-width: 641px) and (max-width: 1024px) {
.pro_show_tip01{ display: grid; grid-template-columns: repeat(auto-fit,98%); gap:8px; margin: 0; padding: 0;}
.pro_show_tip01 i{ display: table; width:100%; white-space: nowrap; text-align: center; margin:  0; font-size: 13px; padding:5px 5px 3px 5px; border-radius: 500px; background: #f2f2f2; color: #666; }

}
@media screen and (max-width:640px){
.pro_show_tip{ display: flex; align-items: center; justify-content:center; flex-wrap: wrap; margin: 0; padding: 0;}
.pro_show_tip i{ display: table; margin: 0 5px 10px 5px; font-size: 14px; padding: 3px 10px; border-radius: 500px; background: #f2f2f2; color: #666; white-space: nowrap; }
.pro_show_tip01{ display: grid; grid-template-columns: repeat(auto-fit,30%); gap:8px;  margin: 0; padding: 0;}
.pro_show_tip01 i{ display: table; width:100%; white-space: nowrap; text-align: center; margin: 0; font-size: 13px; line-height: 32px; padding:0 8px; border-radius: 500px; background: #f2f2f2; color: #666; }
.home_huoban_r a{ display: table; margin: 20px auto 10px auto; background: #4e975a; border-radius: 500px; color: #fff; font-size: 16px; line-height: 30px;padding: 5px 30px;}

}

.pro_show_r{-webkit-transition:none; transition:none; z-index: 900 !important; box-shadow: 0 0 5px rgba(0,0,0,0); width: 100%;border: 1px solid #e5e5e5; border-radius: 6px; background: #fff;  overflow: hidden; display: block;padding: 20px 20px 10px 20px; }
.pro_show_r:hover{ box-shadow: 0 0 30px rgba(0,0,0,0.1);  }
@media (min-width: 641px) and (max-width: 1024px) {
.pro_show_r{-webkit-transition:none; transition:none; position: relative !important; top: auto !important; left: auto !important; z-index: 900 !important; box-shadow: 0 0 5px rgba(0,0,0,0); width: 100%;border: 1px solid #e5e5e5; border-radius: 6px; background: #fff;  overflow: hidden; display: block;padding: 10px; }

}
@media screen and (max-width:640px){
.pro_show_r{-webkit-transition:none; transition:none; position: relative !important; top: auto !important; left: auto !important; z-index: 900 !important; box-shadow: 0 0 5px rgba(0,0,0,0); width: 100%;border: 1px solid #e5e5e5; border-radius: 6px; background: #fff;  overflow: hidden; display: block;padding: 10px; }

}

.pro_r_canshu{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.pro_r_canshu_item{ width: 50%; display: flex; align-items: center; justify-content: flex-start; padding: 0 0 0 15px; border-bottom: 1px solid #f5f5f5;border-right:1px solid #f5f5f5;}
.pro_r_canshu_item:nth-child(2n){ border-right: none;}
.pro_r_canshu_item:nth-child(3n),.pro_r_canshu_item:last-child{ border-bottom: none;}
.pro_r_canshu_item i{ font-size: 24px; color: #489e61;}
.pro_r_canshu_item p{ padding: 10px 0 10px 10px; margin: 0;}
.pro_r_canshu_item p span{  display: table; font-size: 13px; color: #777;}
.pro_r_canshu_item p b{  display: table; font-size: 15px; font-weight: bold !important; color: #333;}

.pro_show_r_shuoming{ display: block;}
.pro_show_r_shuoming_item{ display: flex; align-items: center; justify-content: flex-start; margin: 0 0 15px 0;}
.pro_show_r_shuoming_item i{ width: 30px; height: 30px; line-height: 30px; border-radius: 500px;font-weight: bold !important; font-size: 16px; text-align: center;}
.pro_show_r_shuoming_item p{ padding: 0 0 0 10px; margin: 0;}
.pro_show_r_shuoming_item p b{ display: table; font-size: 15px; font-weight: bold !important; color: #333;}
.pro_show_r_shuoming_item p span{ display: table; font-size: 13px;  color: #777;}

.pro_show_r_shuoming_item01{ display: flex; align-items: center; justify-content: flex-start; margin: 0 0 20px 0;}
.pro_show_r_shuoming_item01:hover{ margin: 0 -5px 20px 5px;}
.pro_show_r_shuoming_item01 i{ width: 36px; height: 36px; line-height: 36px; border-radius: 500px;font-weight: bold !important; font-size: 20px; text-align: center;}
.pro_show_r_shuoming_item01 p{ padding: 0 0 0 20px; margin: 0;}
.pro_show_r_shuoming_item01 p b{ display: table; font-size: 16px; font-weight: bold !important; color: #555;}
.pro_show_r_shuoming_item01 p span{ display: table; font-size: 14px;  color: #666;}

.pro_show_r_shuoming_item02{ display: flex; align-items: center; justify-content: flex-start; margin: 0 0 20px 0;}
.pro_show_r_shuoming_item02:hover{ margin: 0 -5px 30px 5px;}
.pro_show_r_shuoming_item02 i{ width: 40px; height: 40px; line-height: 40px; background: #fff; color: #9cdfaf; border-radius: 500px;font-weight: bold !important; font-size: 16px; text-align: center;}
.pro_show_r_shuoming_item02 p{ padding: 0 0 0 20px; margin: 0;}
.pro_show_r_shuoming_item02 p b{ display: table; font-size: 16px; font-weight: bold !important; color: #555;}

.pro_show_r_shuoming_item03{ display: flex; align-items: center; justify-content: flex-start; margin: 0 0 20px 0;}
.pro_show_r_shuoming_item03:hover{ margin: 0 -5px 20px 5px;}
.pro_show_r_shuoming_item03 i{ width: 48px; height: 48px; line-height: 48px; border-radius: 10px;font-weight: bold !important; font-size: 24px; text-align: center;}
.pro_show_r_shuoming_item03 p{ padding: 0 0 0 20px; margin: 0;}
.pro_show_r_shuoming_item03 p b{ display: table; font-size: 16px; font-weight: bold !important; color: #555;}
.pro_show_r_shuoming_item03 p span{ display: table; font-size: 14px;  color: #666;}

.pro_show_r_shuoming_item04{ display: flex; align-items: center; justify-content: flex-start; margin: 0 0 20px 0;}
.pro_show_r_shuoming_item04 i{ width: 40px; height: 40px; line-height: 40px; background: #fff; color: #9cdfaf; border-radius: 500px;font-weight: bold !important; font-size: 16px; text-align: center;}
.pro_show_r_shuoming_item04 p{ padding: 0 0 0 20px; margin: 0;}
.pro_show_r_shuoming_item04 p b{ display: table; font-size: 16px; font-weight: bold !important; color: #555;}

.pro_show_r_shuoming_item04a{ display: flex; align-items: center; justify-content: flex-start; margin: 0 0 20px 0;}
.pro_show_r_shuoming_item04a i{ width: 40px; height: 40px; line-height: 40px; background: #fff; color: #9cdfaf; border-radius: 500px;font-weight: bold !important; font-size: 16px; text-align: center;}
.pro_show_r_shuoming_item04a p{ padding: 0 0 0 20px; margin: 0;}
.pro_show_r_shuoming_item04a p b{ display: table; font-size: 16px; font-weight: bold !important; color: #555;}


.pro_show_r_shuoming_bg{ border-radius: 10px; padding: 15px 15px 0 15px;  display: block; position: relative; margin:0;background: linear-gradient(to right bottom, #ecf5f0, #ecf5f0,#fff, #fff, #fff);}

.pro_show_project{ width: 100%;border-radius: 10px; margin: 10px 0 0 0;  border: 1px solid #ebf2e9; height: auto;  background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:15px; position: relative; display:block;}
.pro_show_project01{ width: 100%;border-radius: 10px; margin: 10px 0 0 0;  border: 1px solid #ebf2e9; height: auto;  background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff, #fff); padding:40px 20px; position: relative; display:block;}
.pro_show_project02{ width: 100%;border-radius: 10px; margin: 10px 0 0 0;  border: 1px solid #ebf2e9; height: auto;  background: #fff; padding:20px; position: relative; display:block;}
.pro_show_project03{ width: 100%; min-height: 160px;  border-radius: 10px; margin: 10px 0 0 0;  border: 1px solid #ebf2e9; background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff, #fff); padding:15px 10px; position: relative; display:block;}
.pro_show_project04{ width: 100%;border-radius: 10px; margin: 10px 0 0 0;  height: auto;  background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:30px; position: relative; display:block;}
.pro_show_project05{ width: 100%;border-radius: 10px; margin: 10px 0 0 0;  border: 1px solid #ebf2e9; height: auto;  background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:15px; position: relative; display:block;}

.pro_show_pics{ display: flex; align-items: flex-start; justify-content: space-between; position: relative;}
.pro_show_pics_l{ width: 50%; background: #eee; overflow: hidden; border-radius: 10px;aspect-ratio: 3/3.1;}
.pro_show_pics_l img{ width: 100%; height: 100%; object-fit: cover;}
.pro_show_pics_r{ width: 49%;display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.pro_show_pics_r p{ width: 49%;background:url(../../web/images/logo_bg.png) no-repeat center 30% #edf6ef;background-size:80% auto; overflow: hidden; border-radius: 10px;aspect-ratio: 3/3.18; padding: 0; margin:0 0 8px 0;}
.pro_show_pics_r p img{ width: 100%; height: 100%; object-fit: cover;}
.pro_show_pics_more{ display: flex;align-items: center; justify-content: flex-start; position: absolute; right: 15px; bottom: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.1); background:#fff; border-radius: 4px; color: #555 !important; text-align: center; font-size: 14px; padding: 8px 15px;z-index: 100;}
.pro_show_pics_more i{ margin: 1px 3px 0 0; }
.pro_show_pics_more:hover{ bottom: 25px;}
.pro_show_pics_l:hover img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
.pro_show_pics_r p:hover img{transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
@media (min-width: 641px) and (max-width: 1024px) {
.pro_show_project05{ width: 100%;border-radius: 10px; margin: 5px 0 0 0;  border: 1px solid #ebf2e9; height: auto;  background:#fff; padding:0; position: relative; display:flex; align-items: center;justify-content: space-between;}

.pro_show_r_shuoming_item03{ display: flex; align-items: center; justify-content: flex-start; margin: 0 0 20px 0; width: 49% !important;}

.pro_show_r_shuoming_item04{ display: flex; align-items:center; justify-content: center; margin: 0 20px 20px 0;}
.pro_show_r_shuoming_item04 p{ padding: 0 0 0 20px; margin: 0; width: 80%;}
.pro_show_r_shuoming_item04a{ display: flex; align-items: center; justify-content: flex-start; margin: 0 0 20px 20px;}
.pro_show_r_shuoming_item04a p span{ display: table; font-size: 14px; line-height: 20px;  color: #666;}
.pro_show_r_shuoming_item04a p{ padding: 0 0 0 20px; margin: 0; }

.pro_show_r_shuoming{ display: flex; align-items: flex-start; justify-content:flex-start; flex-wrap: wrap;}
.pro_show_project03{ width: 100%; min-height: 120px;  border-radius: 10px; margin: 0;  border: 1px solid #ebf2e9; background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff, #fff); padding:15px 10px; position: relative; display:block;}
}
@media screen and (max-width:640px){
.pro_show_r_shuoming{ }
.pro_show_project05{ width: 100%;border-radius: 10px; margin: 5px 0 0 0;  border: 1px solid #ebf2e9; height: auto;  background:#fff; padding:0; position: relative; display:flex; align-items: center;justify-content: space-between;}

.pro_show_r_shuoming_item04 p span{ display: table; font-size: 14px; line-height: 20px;  color: #666;}
.pro_show_r_shuoming_item04 p{ padding: 0 0 0 20px; margin: 0; width: 85%;}

.pro_show_r_shuoming_item04a{ display: flex; align-items: center; justify-content: flex-start; margin: 0 0 20px 20px;}
.pro_show_r_shuoming_item04a p span{ display: table; font-size: 14px; line-height: 20px;  color: #666;}
.pro_show_r_shuoming_item04a p{ padding: 0 0 0 20px; margin: 0; width: 85%;}
.pro_show_project03{ width: 100%; min-height: 120px;  border-radius: 10px; margin: 0;  border: 1px solid #ebf2e9; background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff, #fff); padding:15px 10px; position: relative; display:block;}
.pro_show_pics{ display: flex; align-items: flex-start; justify-content: space-between; position: relative; flex-wrap: wrap;}
.pro_show_pics_l{ width: 100%; background: #eee; overflow: hidden; margin: 0 0 8px 0; border-radius: 10px;aspect-ratio: 3/2;}
.pro_show_pics_r{ width: 100%;display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.pro_show_pics_r p{ width: 49%; background:url(../../web/images/logo_bg.png) no-repeat center 30% #edf6ef;background-size:80% auto; overflow: hidden; border-radius: 10px;aspect-ratio: 3/3; padding: 0; margin:0 0 8px 0;}

}

.pro_show_jiage_l{width: 50%; }
.pro_show_jiage_r{ width: 24%; }
.pro_show_jiage_list{ display: flex;align-items: center; justify-content: space-between; flex-wrap: wrap; height: 170px;}
.pro_show_jiage_list p{ width: 50%; padding: 20px; text-align: center; margin: 0; line-height: 20px; border-bottom: 1px solid #e5e5e5; }
.pro_show_jiage_list p:nth-child(2n){border-right: 0px solid #eee;}
.pro_show_jiage_list p:last-child,.pro_show_jiage_list p:nth-last-child(2){border-bottom: 0px solid #eee;}
.pro_show_jiage_list p b{ display: table; margin: 0 auto; font-size: 26px; font-weight: bold !important; text-align: center; }
.pro_show_jiage_list p i{ display: table; margin: 0 auto; font-size: 14px; color: #555; text-align: center; }
.pro_show_jiage_list01{ display: flex !important;align-items: center; justify-content: space-between; flex-wrap: wrap;}
.pro_show_jiage_list01 p{ width: 50%; padding: 5px; text-align: left; margin: 0; line-height: 20px; border-bottom: 1px solid #f2f2f2;  }
.pro_show_jiage_list01 p:last-child,.pro_show_jiage_list01 p:nth-last-child(2){border-bottom: 0px solid #eee;}
.pro_show_jiage_list01 p b{ display: table; margin: 0 auto; font-size: 20px; font-weight: bold !important;  text-align: center; }
.pro_show_jiage_list01 p i{ display: table; margin: 0 auto; font-size: 13px; color: #555; text-align: center; }

.about_txt{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.about_txt01{ display: flex; align-items: flex-start; justify-content: space-between;  width: 100%;}
.about_txt_l_tip{display: flex; align-items: flex-end; justify-content: flex-start;}
.about_txt_l_bu{ height: 100%;  display: table; position: relative; padding:60px 30px; border-radius: 10px; margin: -15px 0 0 0;background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); }
.about_txt_l_tip p{ font-size: 18px; color: #555; line-height: 35px; text-align: justify; padding: 0; margin:15px 0; }
.about_txt_l_tip b,.about_txt_l_tip h2,.about_txt_l_tip h1{ position: relative; display: table; margin: 0; padding: 0 0 0 10px; font-size: 22px; line-height: 30px; font-weight: bold !important; color: #333;}
.about_txt_l_tip b:before,.about_txt_l_tip h2:before,.about_txt_l_tip h1:before{ content: ""; position: absolute; left: 0; top: 50%;  transform: translateY(-50%); width: 3px; height: 20px; background: #90c6a0;}
.about_txt_l_tip i{ display: table; font-size: 14px; color: #777; line-height: 24px; text-align: left; padding: 0; margin: 0 0 0 10px;}
.about_txt_l_tip01 p{ font-size: 18px; color: #555; line-height: 35px; text-align: justify; padding: 0; margin:15px 0;}
.about_txt_l_tip01 b,.about_txt_l_tip01 h2,.about_txt_l_tip01 h1{ display: table; margin: 0 0 10px 0; font-size: 26px; line-height: 28px; font-weight: bold !important; color: #555;}
.about_txt_l_tip01 i{ font-size: 14px; display: table; color: #777; letter-spacing: 1px; line-height: 20px; text-align: left; padding: 0; margin: 0;}
.about_txt_l_tip02{  padding: 0; margin:0 auto; display: block; text-align: center;}
.about_txt_l_tip02 b,.about_txt_l_tip02 h1,.about_txt_l_tip02 h2{ display: table; text-align: center !important; margin: 0 auto 3px auto !important; font-size: 30px !important; line-height: 36px; font-weight: bold !important; color: #333;}
.about_txt_l_tip02 i{ font-size: 16px; text-align: center;  display: table; color: #777; letter-spacing: 1px; line-height: 24px; padding: 0; margin: 0 auto;}
.about_txt_r_pic{ width: 100%;  overflow: hidden;}
.about_txt_r_pic img{ width: auto;  object-fit: cover;}
.about_txt_l01{ margin: 0 0 20px 0;}

@media (min-width: 641px) and (max-width: 1024px) {
.pro_show_jiage_list01{ display: flex;align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 10px 0;}
.pro_show_jiage_list01 p{ width: 50%; padding: 2px 10px; display: flex; align-items: center; justify-content: flex-start; text-align: left; margin: 0; line-height: 20px; border-bottom: 0px solid #f2f2f2;  }
.pro_show_jiage_list01 p b{ display: table; margin: 0; font-size: 18px; font-weight: bold !important;  text-align: center; }
.pro_show_jiage_list01 p i{ display: table; letter-spacing: -0.5px; margin: 0; font-size: 14px; color: #555; text-align: center; }

.about_txt_l_tip{display: flex; align-items: flex-end; justify-content: flex-start; flex-wrap: wrap;}
.about_txt_l_bu{ height: 100%;  display: table; position: relative; padding:20px; border-radius: 10px; margin: -15px 0 0 0;background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); }
.about_txt{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 0;}
.about_txt_r01{ padding: 0 0 0 15px;}
.about_txt01{ display: flex; align-items: flex-start; justify-content: space-between;  width: 100%;flex-wrap: wrap;}
.about_txt_l{ margin:  10px 0; width: 30% !important;}
.about_txt_l00a{ margin:  10px 0; width: 100% !important;}
.about_txt_l00b{ margin:  10px 0; width: 50% !important;}
.about_txt_l_tip01{ width: 70%;}
}
@media screen and (max-width:640px){
.pro_show_jiage_list01{ display: flex;align-items: center; justify-content: space-between; flex-wrap: wrap;}
.pro_show_jiage_list01 p{ width: 50%; padding: 2px 8px; display: flex; align-items: center; justify-content: flex-start; text-align: left; margin: 0; line-height: 20px; border-bottom: 0px solid #f2f2f2;  }
.pro_show_jiage_list01 p b{ display: table; margin: 0; font-size: 18px; font-weight: bold !important;  text-align: center; }
.pro_show_jiage_list01 p i{ display: table; letter-spacing: -0.5px; margin: 0; font-size: 14px; color: #555; text-align: center; }

.about_txt{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 0;}

.about_txt_l_bu{ height: 100%;  display: table; position: relative; padding:20px; border-radius: 10px; margin: -15px 0 0 0;background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); }
.about_txt_l_tip01 b{ display: table; margin: 0 0 10px 0; font-size: 24px; line-height: 28px; font-weight: bold !important; color: #555;}
.about_txt_l00b{ margin:  10px 0; width: 100% !important;}
.about_txt01{ display: flex; align-items: flex-start; justify-content: space-between;  width: 100%;flex-wrap: wrap;}
.about_txt_l{ margin:  10px 0;}
.about_txt_l_tip{display: flex; align-items: flex-end; justify-content: flex-start; flex-wrap: wrap;}
.about_txt_l_tip b,.about_txt_l_tip h2{ position: relative; width: 100%; display: table; margin: 0 0 10px 0; padding: 0; font-size: 18px; letter-spacing: -1px; line-height: 20px; font-weight: bold !important; color: #333;}
.about_txt_l_tip b:before,.about_txt_l_tip h2:before{ content: ""; display: none; position: absolute; left: 0; top: 50%;  transform: translateY(-50%); width: 3px; height: 20px; background: #90c6a0;}
.about_txt_l_tip i{ display: table;width: 100%; font-size: 14px; color: #777; line-height: 18px; text-align: left; padding: 0; margin: 0;}

}

.faq_list{ display: block; width: 95%; margin: 0 auto; visibility:hidden}
.faq_item{ width: 100%;  padding: 20px 0; margin: 0; border-bottom: 1px solid #e5e5e5;}
.faq_item b{position: relative; display: flex;align-items: center; justify-content: space-between; padding: 0; font-size: 16px; color: #333; margin: 0 0 10px 0;}
.faq_item span{ display: block; font-size: 14px; color: #666; line-height: 20px; letter-spacing: 0.5px; text-align: justify;display:-webkit-box;
    -webkit-box-orient:vertical; padding: 0;
    -webkit-line-clamp:2;
    overflow:hidden;
    transition:.3s;}

.faq_item span.open{
    display:block; position: relative;
}

.faq_item_more{
    display:block; font-size: 18px; font-weight: 400 !important;
    color:#4e975a;
    cursor:pointer;
    user-select:none;
}

.txt_list{ display: block; padding:0;}
.txt_list a{ display: block; font-size: 16px; color: #333; line-height: 30px; padding: 10px ; border-bottom: 1px solid #e5e5e5;}
.txt_list a:last-child{ border-bottom: none;}
.txt_list a:hover{ margin: 0 -5px 0 5px; color: #4e975a;}
.txt_list .active{ margin: 0 -5px 0 5px; color: #4e975a;}

.txt_list_r{ display: block; padding:0 40px;}
.txt_list_r p{ margin: 0; padding:0 0 20px 0; line-height: 20px; border-bottom: 1px solid #e5e5e5;}
.txt_list_r p:last-child{ border-bottom: none; }
.txt_list_r b{ display: block; text-align: left; font-size: 20px; font-weight: bold !important; color: #333; margin: 0 0 20px 0;}
.txt_list_r span{ display: block; text-align: justify; font-size: 16px; color: #555; line-height: 30px;}

.txt_list_r01{ display: block; padding:0 40px;}
.txt_list_r01 p{ margin: 0 0 20px 0; padding:0; line-height: 20px; border-bottom: 1px solid #e5e5e5;}
.txt_list_r01 p:last-child{ border-bottom: none; }
.txt_list_r01 b,.txt_list_r01 h2{ display: block; text-align: left; font-size: 20px; font-weight: bold !important; color: #333; margin: 0 0 20px 0;}
.txt_list_r01 span{ display: block; text-align: justify; font-size: 16px; color: #555; line-height: 30px;}

.yn_card{ background: #edf6ef; border-radius: 10px; padding: 30px; margin: 20px 0 0 0;}

#p01,#p02,#p03,#p04,#p05,#p06,#p07{
    scroll-margin-top: 100px;
}

.sitemap{display: grid; grid-template-columns: repeat(4,1fr); gap:10px; margin: 0 auto; width: 100%;}
.sitemap_item{ margin: 0 0 10px 0; display: flex;align-items: center; justify-content: space-between; flex-wrap: wrap;border: 1px solid #eee; background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding: 30px; border-radius: 5px; overflow: hidden;}
.sitemap_item:hover{ margin: -5px 0 15px 0;}
.sitemap_item p{ margin: 0; padding: 0; line-height: 20px;}
.sitemap_item b{ display: table; color: #333; font-size: 18px; margin: 0 0 5px 0; }
.sitemap_item span{ display: block; text-align: justify; color: #777; font-size: 14px;}
.sitemap_item i{ display: block; font-size: 16px; width: 30px; height: 30px; line-height: 30px; border-radius: 500px; background: #edf6ef !important; color: #3e5544 !important; text-align: center; }

.page404{ display: block; width: 100%; height:calc(100vh - 360px);  position: relative; overflow: hidden; padding: 50px;}
.page404::after{ content: "404"; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #edf6ef; font-weight: bold !important; font-size: 500px;}
.page404_item{ position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 100; display: block;}
.page404_item b,.page404_item h1{ display: table; margin: 0 auto; font-size: 64px; color: #333; font-weight: bold !important;}
.page404_item span{ display: table; margin: 0 auto 20px auto; font-size: 16px; color: #333;}
.page404_item p{ display: flex; align-items: center; justify-content: center; margin: 0 auto 20px auto; padding: 0; }
.page404_btn01{ display: table; margin: 0 10px; padding: 10px 50px; border-radius: 500px; text-align: center; border: 1px solid #4e975a; background: #4e975a; color: #fff !important; }
.page404_btn02{ display: table; margin: 0 10px; padding: 10px 50px; border-radius: 500px; text-align: center;border: 1px solid #4e975a; background:rgba(255,255,255,0.5); color: #4e975a; }
.pageempty::after{display: none;}
.h1_title{ display: block;}
.h1_title h1{ display: table; margin: 0; padding: 0 0 10px 0; letter-spacing: 0.5px; line-height: 24px; color: #555; font-size: 36px; font-weight: bold;}
.h1_title span{ display: table; color: #888; font-size: 16px;letter-spacing: 0.5px;}
@media (min-width: 641px) and (max-width: 1024px) {
.page404{ display: block; width: 100%;  height:calc(100vh - 360px);  position: relative; overflow: hidden; padding: 50px;}
.page404::after{ content: "404"; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #edf6ef; font-weight: bold !important; font-size: 400px;}
.page404_item{ position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 100; display: block;}
.page404_item b,.page404_item h1{ display: table; margin: 0 auto; font-size: 40px; color: #333; font-weight: bold !important;}
.page404_item span{ display: table; margin: 0 auto 20px auto; text-align: center; font-size: 14px; color: #333;}

.page404_item p{ display: flex; align-items: center; justify-content: center; margin: 0 auto 20px auto; padding: 0; }
.page404_btn01{ display: table; width: 48%; white-space: nowrap; margin: 0 5px; padding: 10px 30px; font-size: 14px; border-radius: 500px; text-align: center; border: 1px solid #4e975a; background: #4e975a; color: #fff !important; }
.page404_btn02{ display: table;width: 48%; white-space: nowrap; margin: 0 5px; padding: 10px 30px; font-size: 14px; border-radius: 500px; text-align: center;border: 1px solid #4e975a; background:rgba(255,255,255,0.5); color: #4e975a; }


.sitemap{display: grid; grid-template-columns: repeat(3,1fr); gap:10px; margin: 0 auto; width: 100%;}
.sitemap_item{ margin: 0; display: flex;align-items: center; justify-content: space-between; flex-wrap: wrap;border: 1px solid #eee; background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:20px; border-radius: 5px; overflow: hidden;}

.sitemap_item_l{ width: 80% !important;}
.sitemap_item_r{ width: 20% !important;}
.sitemap_item i{ display: block; float: right; font-size: 16px; width: 30px; height: 30px; line-height: 30px; border-radius: 500px; background: #edf6ef !important; color: #3e5544 !important; text-align: center; }

.txt_list{ display: block; padding:0;}
.txt_list a{ display: block; font-size: 14px; color: #333; line-height: 26px; padding: 10px 0 ; border-bottom: 1px solid #e5e5e5;}
.txt_list a:last-child{ border-bottom: none;}
.txt_list a:hover{ margin: 0 -5px 0 5px; color: #4e975a;}
.txt_list .active{ margin: 0 -5px 0 5px; color: #4e975a;}
	
.h1_title h1{ display: table; margin: 0; padding: 0 0 10px 0; letter-spacing: 0.5px; line-height: 24px; color: #555; font-size: 30px; font-weight: bold;}
.h1_title span{ display: table; color: #888; font-size: 15px; line-height: 18px; letter-spacing: 0.5px;}
}
@media screen and (max-width:640px){
.page404{ display: block; width: 100%;  height:calc(100vh - 280px);  position: relative; overflow: hidden; padding: 50px;}
.page404::after{ content: "404"; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #edf6ef; font-weight: bold !important; font-size: 200px;}
.page404_item{ position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 100; display: block;}
.page404_item b,.page404_item h1{ display: table; margin: 0 auto; font-size: 40px; color: #333; font-weight: bold !important;}
.page404_item span{ display: table; margin: 0 auto 20px auto; text-align: center; font-size: 14px; color: #333;}
.page404_item span a{ display: table; margin: 0 auto;}
.page404_item p{ display: flex; align-items: center; justify-content: center; margin: 0 auto 20px auto; padding: 0; }
.page404_btn01{ display: table; width: 48%; white-space: nowrap; margin: 0 5px; padding: 10px 30px; font-size: 14px; border-radius: 500px; text-align: center; border: 1px solid #4e975a; background: #4e975a; color: #fff !important; }
.page404_btn02{ display: table;width: 48%; white-space: nowrap; margin: 0 5px; padding: 10px 30px; font-size: 14px; border-radius: 500px; text-align: center;border: 1px solid #4e975a; background:rgba(255,255,255,0.5); color: #4e975a; }

.sitemap{display: grid; grid-template-columns: repeat(1,1fr); gap:10px; margin: 0 auto; width: 100%;}
.sitemap_item{ margin: 0; display: flex;align-items: center; justify-content: space-between; flex-wrap: wrap;border: 1px solid #eee; background: linear-gradient(to right bottom, #ecf5f0, #fff, #fff); padding:20px; border-radius: 5px; overflow: hidden;}
.sitemap_item_l{ width: 80% !important;}
.sitemap_item_r{ width: 20% !important;}
.sitemap_item i{ display: block; float: right; font-size: 16px; width: 30px; height: 30px; line-height: 30px; border-radius: 500px; background: #edf6ef !important; color: #3e5544 !important; text-align: center; }


.yn_card{ background: #edf6ef; border-radius: 10px; padding: 20px; margin: 20px 0 0 0;}

.txt_list{ display: none; padding:0;}
.txt_list_r{ display: block; padding:0 20px;}
.txt_list_r01{ display: block; padding:0;}

.h1_title h1{ display: table; margin: 0; padding: 0 0 10px 0; letter-spacing: 0.5px; line-height: 24px; color: #555; font-size: 30px; font-weight: bold;}
.h1_title span{ display: table; color: #888; font-size: 14px; line-height: 18px; letter-spacing: 0.5px;}
}

.swiper-wrapper{align-items: center;}
.am-dimmer-active{padding-right:0 !important;}
.am-modal.am-modal-out,.am-modal.am-modal-active{transition-duration:0s;transition:0s;}

/* ============================================================
   AmazeUI 分页跳转输入框样式
   —— 提高特异性 + !important 覆盖 AmazeUI 默认 li 按钮样式
   ============================================================ */
/* 1. li 容器：去掉默认按钮样式，强制一行不换行 */
.am-pagination > li.am-pagination-jump{
    display: inline-block !important;
    vertical-align: middle !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    line-height: 1 !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    float: none !important;
    white-space: nowrap !important;   /* 关键：子元素不换行挤在一起 */
    -webkit-user-select: none;
    user-select: none;
}
/* 2. 内部子元素：全部 inline-block + 去掉默认按钮 padding/背景 */
.am-pagination .am-pagination-jump > span,
.am-pagination .am-pagination-jump > input,
.am-pagination .am-pagination-jump > a{
    display: inline-block !important;
    vertical-align: middle !important;
}
/* 3. "前往"/"页" 文字 */
.am-pagination .am-pagination-jump > span{
    font-size: 14px !important;
    color: #666 !important;
    padding: 0 4px !important;
}
/* 4. 数字输入框：重新加回自己的样式 */
.am-pagination .am-pagination-input{
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    text-align: center !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
    background: #fff !important;
    outline: none !important;
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box !important;
    margin: 0 5px !important;
}
.am-pagination .am-pagination-input:focus{ border-color: #4e975a !important; }
/* 隐藏 number input 右侧上下箭头 */
.am-pagination .am-pagination-input::-webkit-outer-spin-button,
.am-pagination .am-pagination-input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
.am-pagination .am-pagination-input{ -moz-appearance: textfield; }
/* 5. GO 按钮：重新加回主题色按钮样式 */
.am-pagination .am-pagination-go{
    width: auto;
    color: #fff !important;
    background: #4e975a !important;
    border: 1px solid #4e975a !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    margin: 0 0 0 5px !important;
    -webkit-transition: background 0.2s, border-color 0.2s;
    transition: background 0.2s, border-color 0.2s;
}
.am-pagination .am-pagination-go:hover{
    background: #3e7c48 !important;
    border-color: #3e7c48 !important;
}

.am-pagination .am-pagination-info{display: none !important;}

/* 移动端：跳转区域单独占一行，避免挤压 */
@media screen and (max-width: 640px){
    .am-pagination > li.am-pagination-jump{
        display: block !important;
        width: 100% !important;
        margin: 12px 0 0 !important;
        text-align: center !important;
    }
    .am-pagination .am-pagination-input{ width: 64px !important; }

    .am-pagination .am-pagination-hidden{display: none !important;}
    .am-pagination .am-pagination-info{display: inline-block !important;}
}