@charset "UTF-8";

@font-face {
	font-family: "HarmonyOS_Regular";
	src: url("../font/HarmonyOS_Sans_Regular.woff2") format("woff2"),
		 url("../font/HarmonyOS_Sans_Regular.woff") format("woff"),
		 url("../font/HarmonyOS_Sans_Regular.ttf") format("truetype"),
		 url("../font/HarmonyOS_Sans_Regular.eot") format("embedded-opentype"),
		 url("../font/HarmonyOS_Sans_Regular.svg") format("svg"),
		 url("../font/HarmonyOS_Sans_Regular.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
  }

  @font-face {
	font-family: "HarmonyOS_Bold";
	src: url("../font/HarmonyOS_Bold.woff2") format("woff2"),
		 url("../font/HarmonyOS_Bold.woff") format("woff"),
		 url("../font/HarmonyOS_Bold.ttf") format("truetype"),
		 url("../font/HarmonyOS_Bold.eot") format("embedded-opentype"),
		 url("../font/HarmonyOS_Bold.svg") format("svg"),
		 url("../font/HarmonyOS_Bold.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
  }
  
@font-face {
font-family: "HarmonyOS_Medium";
src: url("../font/HarmonyOS_Sans_Medium.woff2") format("woff2"),
		url("../font/HarmonyOS_Sans_Medium.woff") format("woff"),
		url("../font/HarmonyOS_Sans_Medium.ttf") format("truetype"),
		url("../font/HarmonyOS_Sans_Medium.eot") format("embedded-opentype"),
		url("../font/HarmonyOS_Sans_Medium.svg") format("svg"),
		url("../font/HarmonyOS_Sans_Medium.otf") format("opentype");
font-weight: normal;
}

:root {
	--zmain-color:#ec9723;
	--zhover-color:#ec9723;
	--main-font: "HarmonyOS_Regular", sans-serif;
	--bold-font: "HarmonyOS_Medium", sans-serif;
	--title-font: "HarmonyOS_Bold", sans-serif;
}

@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.woff2?t=1758503386882') format('woff2'),
       url('../font/iconfont.woff?t=1758503386882') format('woff'),
       url('../font/iconfont.ttf?t=1758503386882') format('truetype');
}

.iconfont,.fa{
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {content: "\e64c";}
.icon-bbgbianji:before {content: "\e60a";}
.icon-play:before {content: "\e61c";}
.icon-download-1:before {content: "\e81b";}
.icon-download:before {content: "\e63c";}
.icon-comment:before {content: "\e8e8";}
.icon-pdf:before {content: "\e82b";}
.icon-subject:before {content: "\e753";}
.icon-country:before {content: "\e643";}
.icon-name:before {content: "\e609";}
.icon-company:before {content: "\e7ce";}
.icon-calendar:before,.fa-calendar:before{content: "\e608";}
.icon-tags:before {content: "\e6fc";}
.icon-calendar-2:before{content: "\e610";}
.icon-ellipsis:before,.fa-ellipsis-h:before{content: "\e62e";}
.icon-tags1:before,.fa-tag:before{content: "\e7e9";}
.icon-line:before,.fa-angle-right:before{content: "\e623";}
.icon-arrow-top:before {content: "\e607";}
.icon-arrow-bottom:before,.fa-angle-down:before{content: "\e603";}
.icon-arrow-a-right:before,.fa-caret-right:before{content: "\e602";}
.icon-arrow-b-right:before {content: "\e626";}
.icon-arrow-c-top:before {content: "\e604";}
.icon-arrow-a-left:before,.fa-caret-left:before{content: "\e605";}
.icon-arrow-c-down:before{content: "\e606";}
.icon-home:before,.fa-home:before{content: "\e622";}
.icon-arrow-c-left:before {content: "\e67e";}
.icon-arrow-b-left:before {content: "\e629";}
.icon-arrow-c-right:before {content: "\e63a";}
.icon-microsoftteams:before {content: "\e992";}
.icon-duihao:before {content: "\e61f";}
.icon-youxiang1:before {content: "\e667";}
.icon-shouji:before {content: "\e646";}
.icon-fasong:before {content: "\e642";}
.icon-jituanxinwen:before {content: "\e64d";}
.icon-home2:before,.icon-shouye:before {content: "\e68a";}
.icon-liebiao:before {content: "\e688";}
.icon-weixin1:before {content: "\e644";}
.icon-chanpin:before {content: "\e601";}
.icon-youxiang:before {content: "\e7b0";}
.icon-whatsapp:before {content: "\f263";}
.icon-lianximaijia:before {content: "\e645";}
.icon-jiugongge:before {content: "\e61a";}
.icon-ico:before {content: "\e647";}
.icon-riqi:before {content: "\e62f";}
.icon-weixin:before {content: "\e633";}
.icon-dianhua:before {content: "\ea0c";}
.icon-liebiao1:before {content: "\e850";}
.icon-dizhi:before {content: "\e868";}
.icon-address:before {content: "\e62c";}
.icon-sousuoclick:before {content: "\e600";}
.icon-lianxi1:before {content: "\e69d";}
.icon-dianhua-:before {content: "\e711";}
.icon-whatsapp1:before {content: "\e97b";}
.icon-chanpinku:before {content: "\e660";}
.icon-about:before {content: "\e789";}
.icon-skype:before {content: "\eca0";}
.icon-lianxi:before {content: "\e61e";}
.icon-sousuo1:before {content: "\e630";}
.icon-xunpanzixun:before {content: "\e97c";}
.icon-skype-01:before {content: "\e66e";}
.icon-whatsapp-fill:before {content: "\eaf9";}

  
@media screen and (min-width: 1600px) {html {font-size: 100px;}}
@media screen and (max-width: 1600px) {html {font-size: 100px;}}
@media screen and (max-width: 1599px) {html {font-size: 94px;}}
@media screen and (max-width: 1574px) {html {font-size: 92px;}}
@media screen and (max-width: 1549px) {html {font-size: 91px;}}
@media screen and (max-width: 1524px) {html {font-size: 89px;}}
@media screen and (max-width: 1499px) {html {font-size: 88px;}}
@media screen and (max-width: 1474px) {html {font-size: 86px;}}
@media screen and (max-width: 1449px) {html {font-size: 85px;}}
@media screen and (max-width: 1424px) {html {font-size: 83px;}}
@media screen and (max-width: 1399px) {html {font-size: 82px;}}
@media screen and (max-width: 992px)  {html {font-size: 86px;}}
@media screen and (max-width: 769px)  {html {font-size: 88px;}}

img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px}
.input-group{ display: table; position: relative;}
input, button, select, textarea {font-family: inherit; font-size: inherit;line-height: inherit; border: none;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after{  display: table; content: " ";}
.clearfix:after,.container:after,.container-fluid:after,.row:after{clear: both;}
.container { max-width:13.6rem; margin: 0 auto;}
@media screen and (max-width: 1460px)  {.container{padding-left: 50px; padding-right: 50px; max-width: 100%;}}
@media screen and (max-width: 992px)  {.container{padding-left: 30px; padding-right: 30px; max-width: 100%;}}

.row { margin-right: -15px; margin-left:-15px;}
.row li{ position: relative; min-height: 1px;  padding-right: 15px;  padding-left: 15px; margin-bottom: 30px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ position: relative; min-height: 1px;  padding-right: 15px;  padding-left: 15px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left;}
.col-xs-12 { width: 100%;}
.col-xs-11 { width: 91.66666667%;}
.col-xs-10 { width: 83.33333333%;}
.col-xs-9 { width: 75%;}
.col-xs-8 { width: 66.66666667%;}
.col-xs-7 { width: 58.33333333%;}
.col-xs-6 { width: 50%;}
.col-xs-5 { width: 41.66666667%;}
.col-xs-4 { width: 33.33333333%;}
.col-xs-3 { width: 25%;}
.col-xs-2 { width: 16.66666667%;}
.col-xs-1 { width: 8.33333333%;}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left; }
  .col-sm-12 { width: 100%;}
  .col-sm-11 { width: 91.66666667%;}
  .col-sm-10 { width: 83.33333333%;}
  .col-sm-9 { width: 75%;}
  .col-sm-8 { width: 66.66666667%;}
  .col-sm-7 { width: 58.33333333%;}
  .col-sm-6 { width: 50%;}
  .col-sm-5 { width: 41.66666667%;} 
  .col-sm-4 { width: 33.33333333%;}
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%;}
  .col-sm-1 { width: 8.33333333%;}
  }

@media (max-width: 992px) {
.row { margin-right: -8px; margin-left: -8px;}
.row li{ position: relative; min-height: 1px;  padding-right: 8px;  padding-left: 8px; margin-bottom: 16px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,.row li{ position: relative; min-height: 1px;  padding-right: 8px;  padding-left: 8px;}
}

* {outline: none !important;}
body {font-family:var(--main-font); color:#333; overflow-x: hidden; line-height: 1.7; font-size:16px;}
strong,b{ font-weight: bold;}
@media screen and (max-width: 1200px) {body {font-size: 16px;}}
.embed-responsive {position: relative;overflow: hidden;height: 0;padding-bottom: 56.25%;}
.embed-responsive iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0; min-height: 1px;}
*,::after,::before {box-sizing: border-box;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{line-height:0; display:taFable; content:"";}
.clearfix:after{clear:both;}
.clear{ clear:both;}
.page ul,.about ul,.page_detail ul{ padding-left: 16px;}
.page a,.about a,.page_detail a,.tab-content a{ color:#333;}
table td{padding: 5px;}
.table-responsive ul li {list-style-position: inside !important; }
.table-responsive td{ padding-left:8px}
.table-responsive {min-height: .01%; overflow-x: auto;}
.cform-item__wrap{ display:flex; align-items: center; font-size: 12px;}
.cform-item__wrap input{  width: 96px !important; padding: 0 5px  !important;}
.cform-item__wrap img{ height: auto;  display: inline-block; margin: 0 5px !important; max-width: 100px;}

::-webkit-scrollbar {width: 12px;  height: 12px;}
::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 10px; }
::-webkit-scrollbar-thumb {background: #888; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #555;}
::-webkit-scrollbar-corner {background: #f1f1f1;}
* {scrollbar-width: thin; scrollbar-color: #888 #f1f1f1; }


.footer_email .error_hint{display:block; font-size:16px; margin: 6px 0; font-family:var(--bold-font); font-weight: 700; text-align: left}
.footer_email .write_success{display:flex; align-items: center; justify-content: flex-start;font-size:16px; margin: 6px 0; font-family:var(--bold-font); color: #fff;}
.footer_email .write_success i,.footer_email .write_error i{display:inline-block; width: 20px; height: 20px; margin-right: 6px; background-size: 20px auto;}
.footer_email .write_success i{background-image: url("data:image/svg+xml,%3Csvg t='1767066366408' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3841' width='200' height='200'%3E%3Cpath d='M512 0C229.003636 0 0 229.003636 0 512s229.003636 512 512 512 512-229.003636 512-512S794.996364 0 512 0z m260.654545 425.425455l-279.272727 279.272727c-5.585455 5.585455-13.032727 9.309091-21.410909 9.309091-10.24 1.861818-20.48-0.930909-27.927273-8.378182l-175.941818-176.872727a30.906182 30.906182 0 0 1 0-43.752728l14.894546-14.894545c12.101818-12.101818 31.650909-12.101818 43.752727 0l141.498182 141.498182 244.829091-244.829091c12.101818-12.101818 31.650909-12.101818 43.752727 0L772.654545 381.672727c12.101818 12.101818 12.101818 31.650909 0 43.752728z' fill='%2365B85D' p-id='3842'%3E%3C/path%3E%3C/svg%3E");}
.footer_email .write_error i{background-image: url("data:image/svg+xml,%3Csvg t='1767066461038' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7505' width='200' height='200'%3E%3Cpath d='M512.8 512m-423 0a423 423 0 1 0 846 0 423 423 0 1 0-846 0Z' fill='%23FF7575' p-id='7506'%3E%3C/path%3E%3Cpath d='M481.3 590.7c5.3 15.8 15.8 26.2 31.5 26.2 15.8 0 26.2-10.5 31.5-26.2l21-288.7c0-31.5-26.2-52.5-52.5-52.5-31.5 0-52.5 26.2-52.5 57.8l21 283.4z m31.5 78.8c-31.5 0-52.5 21-52.5 52.5s21 52.5 52.5 52.5 52.5-21 52.5-52.5-21-52.5-52.5-52.5z m0 0' fill='%23FFFFFF' p-id='7507'%3E%3C/path%3E%3C/svg%3E");}
.footer_email .write_error{display:flex; align-items: center;  justify-content: flex-start; font-size:16px; margin: 6px 0; font-family:var(--bold-font);} 
.footer_email .write_error i{color: #f13434;}

.overly_a{ display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999999px;}
.parallax-bg{ position: absolute; left: 0; bottom: 50%; width: 100%; height: 100%;z-index: -5;transform: translate(0%, 50%);}
.parallax-bg img{ transition: none !important; width: 100%; height: auto;  object-fit: cover;}
@media screen and (max-width:992px) {
	.parallax-bg img{height:100%;}
}
#powerby,#powerby a{ display: inline-block; color: #c9c9c9; font-size: 13px}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin: 0; padding: 0; font-weight: normal;}
.tl{ text-align: left !important;}
.tc{ text-align: center !important;}
.tr{ text-align: right !important;}
iframe,video{max-width:100%;}
.hidden{ display: none !important;}
.hidden_web{ display: none !important;}

@media screen and (max-width:992px) {
.hidden_mob{ display: none !important;}
.hidden_web{ display: block !important;}
}

img {max-width: 100%;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out; height: auto;vertical-align: middle;}
label,button,a {  cursor: pointer;}
audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;}
a:focus,input:focus,p:focus,div:focus {  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img[src=""],
img:not([src]) {  opacity: 0;}
font {font-size: inherit;font-weight: inherit;color: inherit;font-family: inherit; font-style: inherit;text-transform: inherit;}
html {scrollbar-width: thin;scrollbar-color: #888 #f1f1f1;}

/* LINKS */
a{-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-ms-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;transition: all .35s ease-in-out; text-decoration: none; color: #333;}
a:hover {text-decoration: none;}
a:focus {outline-style:none; -moz-outline-style: none; text-decoration:none;}

/*inquiry*/
.inquiry .p{ margin-bottom: 20px; line-height: 22px; margin-top: 8px;}
.inquiry .is-required::after{content: "*"; font-size: 14px; color: #ff4d4f;margin-left: 4px; position: absolute; right: 8px; top: 34px; width: 5px; height: 5px; z-index: 8;}
.inquiry .field-group{margin-bottom:0.1rem; position: relative;}
.inquiry select{ appearance: none; -webkit-appearance: none;-moz-appearance: none;cursor: pointer;transition: border-color 0.3s ease;}
.inquiry .field-group label{ font-family: var(--bold-font); font-size: 16px; color: #333; margin-bottom: 4px; position: relative;  display: block; padding-left: 4px;}
.inquiry .field-group input{display: block; position: relative;}
.inquiry .field-group label:before{position:absolute;width:40px;height:48px;right:0;top:30px;display:inline-block;font-family: "iconfont"; text-align: center; line-height: 48px; font-size: 16px; color: #ddd; z-index: 5;}
.inquiry .field-group label.ms_e:before{content:"\e7b0";}
.inquiry .field-group label.ms_p:before{content:"\ea0c";}
.inquiry .field-group label.ms_c:before{content:"\e7ce";}
.inquiry .field-group label.ms_n:before{content:"\e609";}
.inquiry .field-group label.ms_m:before{content:"\e60a";}
.inquiry .field-group input, .inquiry .field-group textarea,.inquiry select{width: 100%;padding: 12px 15px;border: 1px solid #ddd;border-radius: 6px; font-size: 15px;color: #999;transition: all 0.3s ease;background-color: #fff;box-sizing: border-box;}
.inquiry .field-group input::placeholder,.inquiry .field-group textarea::placeholder {color: #bfbfbf;}
.inquiry .field-group input:hover,.inquiry .field-group textarea:hover {border-color:var(--zhover-color);}
.inquiry .field-group input:focus,.inquiry .field-group textarea:focus {border-color:var(--zhover-color);outline: none;box-shadow: 0 0 0 2px rgba(231, 118, 42, 0.2); background-color: #fff;}
.inquiry .field-group textarea {min-height: 1.4rem;resize: vertical;}
.inquiry .select{margin: 0; position: relative;}
.inquiry .select-wrapper {position: relative;}
.inquiry .select-wrapper::after {content: "\e603"; font-family: "iconfont";font-size: 12px;color: #999;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);pointer-events: none; }
.inquiry .select:after{content:"\e603";font-family:'iconfont';position:absolute;right:0.16rem;color:#ccc;top:0.16rem;z-index:99; font-size: 12px;}
.inquiry .subject_title{background: #fafafa; min-height: 0.5rem; padding:0.15rem; border-radius: 5px;}
.inquiry .subject_title a{ color:#333 ;  text-decoration: underline;}
.inquiry .subject_title span{ font-size:0.14rem; color:#444; margin-right:0.1rem;}
.ms_btn{display: inline-flex; color: #fff; position: relative;overflow: hidden; font-size:15px; align-items: center;justify-content: center; font-family:var(--bold-font); background:var(--zmain-color);transition: 0.5s; margin-top:0; transition: 0.5s; border-radius: 5px;}
.ms_btn button{display: block; background: transparent;border: none;z-index: 2; height: 0.46rem; min-height: 36px; padding: 0 0.2rem;}
.ms_btn .submit-btn{ background: transparent; color: #fff;}
.ms_btn .submit-btn:hover{ background: transparent; color: #333;}
.ms_btn:hover{background: var(--zhover-color) !important;box-shadow: 0px 14px 56px -11px var(--zhover-color); color: #333 !important;}
.ms_btn::after {content: '';position: absolute;top: 50%;left: 50%;width: 5px;height: 5px;background: rgba(255, 255, 255, 0.5);opacity: 0;border-radius: 100%;transform: scale(1, 1) translate(-50%);transform-origin: 50% 50%;}
.ms_btn:focus:not(:active)::after,.ms_btn:hover:not(:active)::after{animation: ripple 1s ease-out;}
@keyframes ripple { 0% { transform: scale(0, 0);opacity: 0.5;} 100% { transform: scale(30, 30); opacity: 0;} }


/*nav*/
.main-menu ul li{ list-style: none; margin: 0;}
@media screen and (min-width:992px) {
	.main-menu {list-style: none;margin: 0;padding: 0;}
	.main-menu li {	position: relative;	list-style: none;}
	.main-menu li a {display: block;-webkit-transition: all 300ms linear 0ms!important;-khtml-transition: all 300ms linear 0ms!important;
	-moz-transition: all 300ms linear 0ms!important;-ms-transition: all 300ms linear 0ms!important;-o-transition: all 300ms linear 0ms!important;transition: all 300ms linear 0ms!important;}
	.main-menu li .menu-toggle {display: none}
	.main-menu>li {	display: inline-block;vertical-align: middle; position: relative; text-align: left;}
	.main-menu>li.menu-children{padding-right: 4px;}
	.main-menu>li>span{display: inline-block; position: relative; padding: 0 0.12rem;}
	.main-menu>li.menu-children>a:after, .main-menu>li.page_item_has_children>a:after {content:"\e603";font-family:"iconfont";margin-left: 4px;display: inline-block;vertical-align: top;font-size: 10px; transition: 0.5s;}
	.main-menu>li.menu-children:hover>a:after, .main-menu>li.page_item_has_children:hover>a:after { transform: rotate(180deg);}
	.main-menu>li>span>a{ position: relative; z-index: 99999;}
	.main-menu>li:first-child{ padding-left: 0; border-top-left-radius: 5px; overflow: hidden;}
	.main-menu>li:last-child{ padding-right: 0; margin-right: 0;border-top-right-radius: 5px;}
	.main-menu>li>a{ position: relative;}
	.main-menu>li>a:before{background:var(--zmain-color); width:100%; height:2px; position: absolute; left:0; bottom:0; content: '';transition: 0.6s all; opacity: 0;}
	.main-menu>li.active>a:before, .main-menu>li:hover>a:before{ opacity: 1; width:100%; bottom:0;}
	.main-menu>li.active>a,	.main-menu>li:hover>a{ color: #fff; background: var(--zhover-color);}
	.main-menu .sub-menu, .main-menu .children {position: absolute;background:#fff;top: 100%;left: 0;margin-top: 0;margin-bottom: 0;min-width: 300px;z-index: 99;visibility: hidden;opacity: 1;-webkit-transition: all 300ms linear 0ms;-khtml-transition: all 300ms linear 0ms;-moz-transition: all 300ms linear 0ms;-ms-transition: all 300ms linear 0ms;-o-transition: all 300ms linear 0ms;transition: all 300ms linear 0ms;-webkit-transform: scaleY(0);-khtml-transform: scaleY(0);-moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;-o-transform-origin: 0 0 0; border-radius: 0;font-size: 14px; box-shadow: 0 0 30px rgba(0,0,0,0.15);}
	.main-menu .sub-menu li a, .main-menu .children li a {color:#333; font-size:16px; line-height: normal;position: relative; text-transform: capitalize;padding: 2px 6px; display: flex;align-items: center; min-height: 50px; border-bottom: 1px solid #eee;}
	.main-menu .sub-menu li a img{ max-height: 40px; float: left; margin-right: 8px;}
    .main-menu .sub-menu>li:hover>a, .main-menu .children>li:hover>a{background: var(--zmain-color); color: #fff;}
	.main-menu .sub-menu li.menu-children>a:after, .main-menu .children li.menu-children>a:after, .main-menu .sub-menu li.page_item_has_children>a:after, .main-menu .children li.page_item_has_children>a:after {content: "\e626";font-family: "iconfont";position: absolute;right:6px;top: 50%;-webkit-transform: translate(0, -50%);-khtml-transform: translate(0, -50%);-moz-transform: translate(0, -50%);	-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%); font-size: 10px; color: #aaa;}
	.main-menu .sub-menu li.menu-children:hover>a:after, .main-menu .children li.menu-children:hover>a:after, .main-menu .sub-menu li.page_item_has_children:hover>a:after, .main-menu .children li.page_item_has_children:hover>a:after {color: #fff;}

	.main-menu .sub-menu .sub-menu, .main-menu .children .sub-menu, .main-menu .sub-menu .children, .main-menu .children .children {top:0;	left: 100%;}
	.main-menu li:hover, .main-menu li.focus {overflow: visible}
	.main-menu li:hover>.sub-menu, .main-menu li.focus>.sub-menu, .main-menu li:hover>.children, .main-menu li.focus>.children {visibility: visible;opacity: 1;clip: inherit;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1);}
	.main-menu li.megamenu {position: static}
	.main-menu li.megamenu .sub-menu{background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
	.main-menu li.megamenu .sub-menu, .main-menu li.megamenu .children { padding: 0;margin-left: auto;margin-right: auto;left: 0!important;right: 0!important;}
    .megamenu .sub-menu .nav_ul{max-height: calc(100vh - 200px); overflow-y:auto;}
    .megamenu .sub-menu .nav_li{display: flex; border-top: 1px solid #eee;flex-wrap: wrap;}
	.megamenu .sub-menu .nav_li .img{overflow: hidden; display:block; padding: 0; margin-bottom: 15px; border: 1px solid #eee;}
	.megamenu .sub-menu .nav_li .title{ display: flex; font-size:18px; padding: 0px; color: #333;align-items: center; padding-bottom: 5px; font-family:var(--title-font); min-height: auto;}
	.megamenu .sub-menu .nav_li .title span{display: inline-block; width: 42px; height: 42px; border-radius: 50%; background: var(--zhover-color); margin-right: 10px;}
	.megamenu .sub-menu .nav_li>li{ padding:0.2rem 0.2rem 0.1rem; border-right: 1px solid #eee;border-bottom: 1px solid #eee; width: 20%; min-width:inherit;}
    .megamenu .sub-menu .nav_li>li>ul{ top: 0; min-width: auto;}
    .megamenu .sub-menu .nav_li>li a{ color:#333;}
    .megamenu .sub-menu .nav_li>li>ul>li>a{color:#333; width: 100%; display: block;padding: 8px 50px 8px 0; min-height: auto; position: relative; font-size: 16px; transition: 0.5s; background: #fff;}
	.megamenu .sub-menu .nav_li>li>ul>li>a:after{width: 40px; content: '';background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E %3Cpath d='M8.64245 3.29785L7.73346 4.20766L10.5419 7.02291H0.993164L0.993164 8.31038H10.5462L7.73346 11.1256L8.64245 12.0354L13.0073 7.66665L8.64245 3.29785Z' fill='%23ffffff'/%3E %3C/svg%3E"); background-position: center center; background-repeat: no-repeat; position: absolute; right: 0; top: 0; height: 100%; display: block; opacity: 0; transition: 0.5s;}
	.megamenu .sub-menu .nav_li>li>ul>li:hover>a:after{ opacity: 1; width: 30px;}
	.megamenu .sub-menu .nav_li>li>ul>li:hover>a{ background:var(--zhover-color); color: #fff; padding-left: 10px; padding-right: 40px;}
    .megamenu .sub-menu .nav_li a:hover{ color: var(--zhover-color); background: none;}
    .megamenu>.sub-menu>li .img img{width: 100%;}
	.megamenu .sub-menu ul{ position: inherit; top: auto; left: auto; right: auto; bottom: auto; height: 100%; padding: 0px;}
	.megamenu .sub-menu ul li,.megamenu .sub-menu ul{opacity: 1;clip: inherit;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1); padding: 0;}
	.megamenu .sub-menu ul.sub-menu, .main-menu li.focus>.sub-menu, .main-menu li>.children, .main-menu li.focus>.children {visibility: visible;opacity: 1;clip: inherit;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1); box-shadow: none; background: none;}
	.main-menu .megamenu a:after{display: none;}
	.main-menu ul li .icon{ max-width: 100px;}
	.nav_overly{ position:fixed;left: 0; top: 0; width: 100%;height: 100%; background: rgba(0,0,0,0.5);z-index:9999998;display:none; }
	.header-navigation.navigation-open .nav_overly{z-index: 99999;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}
}

@media screen and (max-width:992px) {
.megamenu>.sub-menu>li.img{display: none;}
.header-navigation {position: absolute;height: 100vh;width: 100%;top: 0;left: 0;bottom: 0;margin: 0!important;overflow: hidden;visibility: hidden;z-index: 9999999;}
.header-navigation .main-navigation {overflow: hidden;width: 100%;background:#f6f6f6;padding: 0;position: fixed;z-index: 9999999;top: 0;height: 100%;left: 0;right: 0;-webkit-transition: all 300ms linear 0ms;-khtml-transition: all 300ms linear 0ms;-moz-transition: all 300ms linear 0ms;-ms-transition: all 300ms linear 0ms;-o-transition: all 300ms linear 0ms;transition: all 300ms linear 0ms;-webkit-transform: translateY(-100%);-khtml-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);-webkit-box-shadow: 0 0 12px rgba(0,0,0,.22);-khtml-box-shadow: 0 0 12px rgba(0,0,0,.22);-moz-box-shadow: 0 0 12px rgba(0,0,0,.22);-ms-box-shadow: 0 0 12px rgba(0,0,0,.22);-o-box-shadow: 0 0 12px rgba(0,0,0,.22);box-shadow: 0 0 12px rgba(0,0,0,.22);}
.header-navigation .main-navigation .main-navigation-inner {height: 100%;overflow-y: scroll;	padding: 10px 20px 10px 10px;margin-right: -10px}
.header-navigation.navigation-open {z-index: 999998;visibility: visible}
.header-navigation.navigation-open .main-navigation {-webkit-transform: translateY(0%);-khtml-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);}
.main-menu {list-style: none;	margin: 0;	padding: 0;background: #fff; box-shadow: 0 10px 20px rgb(0 0 0 / 10%), 0 6px 6px rgb(0 0 0 / 15%);}
.main-menu .sub-menu ul{ background:#fff; padding: 10px;}
.main-menu li {	position: relative;	list-style: none; margin: 0 !important; padding: 0 !important;}
.main-menu li img{ display: none;}
.main-menu>li>a{padding: 0 !important; margin: 0 !important; border-left: none  !important;}
.main-menu li a {	display: block;	padding: 0;	line-height: 50px; text-transform: capitalize; color: #444 !important;	font-size: 16px !important;	border-bottom: 1px solid rgba(255,255,255,0.2); margin: 0; line-height: 20px !important; padding: 15px!important; border-bottom: 1px solid #eee; font-family: var(--bold-font);}
.main-menu li .img{ display: none !important;}
.main-menu>li>a.onepage-active, .main-menu>li>a:hover, .main-menu>li>a.current, .main-menu>li.current_page_item>a, .main-menu>li.current-menu-item>a, .main-menu>li.current_page_ancestor>a, .main-menu>li.current-menu-ancestor>a {color: #a67410}
.main-menu li .icon{ display: none;}
.main-menu>li>.sub-menu {border-bottom: 1px solid rgba(255,255,255,0.2);  padding-left: 15px; background: #fafafa;}
.main-menu .sub-menu, .main-menu .children {position: relative;	display: none}
.main-menu .sub-menu li a, .main-menu .children li a {	padding: 7px 24px 7px 6px !important;line-height: 20px !important;font-size: 15px !important;	border: none}
.main-menu .sub-menu li>a:hover, .main-menu .children li>a:hover, .main-menu .sub-menu li>a.current, .main-menu .children li>a.current, .main-menu .sub-menu li.current_page_item>a, .main-menu .children li.current_page_item>a, .main-menu .sub-menu li.current-menu-item>a, .main-menu .children li.current-menu-item>a, .main-menu .sub-menu li.current_page_ancestor>a, .main-menu .children li.current_page_ancestor>a, .main-menu .sub-menu li.current-menu-ancestor>a, .main-menu .children li.current-menu-ancestor>a {color: #a67410}
.main-menu .sub-menu li .menu-toggle, .main-menu .children li .menu-toggle {	top: 2px}
.main-menu .sub-menu .sub-menu li a, .main-menu .children .sub-menu li a {padding: 0 0 0 20px}
.main-menu .sub-menu .sub-menu li .sub-menu li a, .main-menu .children .sub-menu li .sub-menu li a {padding: 0 0 0 30px}
.main-menu li.focus>.sub-menu, .main-menu li.focus>.children {	visibility: visible;opacity: 1;	max-height: none;overflow: visible}
.header-navigation .main-navigation .main-navigation-inner {height: 100%;overflow-y: scroll;padding: 0 30px 100px 20px;margin-right: -10px}
.menu-toggle {position: absolute;top: 10px;height: 30px;right: 6px;border: 1px solid rgba(255,255,255,0.2);width: 30px;cursor: pointer;-webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;
border-radius: 3px;font-family:FontAwesome;font-size: 20px}
.menu-toggle:before {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-khtml-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: all 300ms linear 0ms;-khtml-transition: all 300ms linear 0ms;-moz-transition: all 300ms linear 0ms;-ms-transition: all 300ms linear 0ms;-o-transition: all 300ms linear 0ms;transition: all 300ms linear 0ms;font-size: 12px;}
.menu-toggle.toggle-open:before {content: '\e607'}
#menu-mobile {width:100%; height: 50px;  display: flex !important; position: absolute; right: 0; top: 0; z-index: 999999;transition: 0.5s all;align-items: center; box-shadow: 2px 0 20px 0 rgb(0 0 0 / 8%); background:#fff;}
#menu-mobile .btn-nav-mobile {color: #333;display: inline-block;text-align: center;vertical-align: middle;cursor: pointer;z-index: 8888888;height: 16px;position: absolute;width: 50px;-webkit-transition: all 300ms linear 0ms;-khtml-transition: all 300ms linear 0ms;-moz-transition: all 300ms linear 0ms;-ms-transition: all 300ms linear 0ms;-o-transition: all 300ms linear 0ms;transition: all 300ms linear 0ms; margin-top: 6px; right: 0;}
#menu-mobile .btn-nav-mobile:before, #menu-mobile .btn-nav-mobile:after, #menu-mobile .btn-nav-mobile span {-webkit-transition: all 300ms linear 0ms;-khtml-transition: all 300ms linear 0ms;-moz-transition: all 300ms linear 0ms;-ms-transition: all 300ms linear 0ms;-o-transition: all 300ms linear 0ms;transition: all 300ms linear 0ms;content: "";background-color:#333;display: block;height: 2px;margin: auto;position: absolute;right: 15px;width: 0.26rem;top:5px;}
#menu-mobile .btn-nav-mobile:before {top:0}
#menu-mobile .btn-nav-mobile span {	bottom:-1px;}
#menu-mobile .btn-nav-mobile.opened:before {top:4px;background-color:#333;-webkit-transform: rotate(45deg);-khtml-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
#menu-mobile .btn-nav-mobile.opened:after {-webkit-transform: rotate(-45deg);-khtml-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 4px;background-color:#333;}
#menu-mobile .btn-nav-mobile.opened span {display: none}
li.megamenu .container {padding: 0}
li.megamenu .container .elementor-column-wrap {padding: 0!important}
li.megamenu .elementor-row {display: block}
li.megamenu .elementor-row>.elementor-element {width: 100%!important}
li.megamenu .elementor-element-populated {padding: 0!important}
.nav_con{ margin-top: 60px; display: flex; color: #333; line-height: 30px; font-size: 14px; margin-bottom: 10px;}
.nav_con a{ color: #333; line-height: 36px;}
.nav_con .email_btn{  border-radius: 3px; background:var(--zhover-color); color: #fff; line-height: 36px; padding: 0 10px; float: right; }
}

.header-navigation.navigation-open .nav_overly{z-index: 99999;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}

@media screen and (max-width:300px) {
.header-navigation .main-navigation{ width: 100%;}
#menu-mobile .btn-nav-mobile.opened:before,#menu-mobile .btn-nav-mobile.opened:after{ background: #333;}
}

/*language*/
.language_ul ul li{ display: flex;align-items: center;}
.language_ul ul li i{ width: 20px; height: 20px; background-size: 20px auto; border-radius: 50%; background-position: center center; background-repeat: no-repeat; flex-shrink: 0; margin-right: 8px;}
.language{list-style: none; overflow: hidden; position: relative; padding-left: 15px; margin-left: 20px; float: left; background: #f5f5f5; padding-right: 10px; border-radius: 5px;}
.language:after{ position: absolute;left: 0; top: 50%; width:1px; height: 14px; margin-top: -7px; background: rgba(255,255,255,0.5); content: '';}
.language .p{color:#666;text-transform: capitalize;transition: 0.5s background-color;position: relative;z-index: 5;transition: 0.6s all; display: flex; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E %3Cpath fill='%23ec9723' d='M9 1C4.58875 1 1 4.58875 1 9C1 13.4113 4.58875 17 9 17C13.4113 17 17 13.4113 17 9C17 4.58875 13.4113 1 9 1ZM8.53125 4.92676C7.81812 4.89612 7.11218 4.7959 6.43811 4.63293C6.54578 4.37781 6.6626 4.13281 6.78857 3.90063C7.30542 2.94824 7.93994 2.27991 8.53125 2.03784V4.92676ZM8.53125 5.86499V8.53125H5.60339C5.64465 7.4906 5.82202 6.45752 6.11536 5.51782C6.8927 5.71362 7.70874 5.83215 8.53125 5.86499ZM8.53125 9.46875V12.135C7.70874 12.1678 6.8927 12.2864 6.11536 12.4822C5.82202 11.5425 5.64465 10.5094 5.60339 9.46875H8.53125ZM8.53125 13.0732V15.9622C7.93994 15.7201 7.30542 15.0518 6.78857 14.0994C6.6626 13.8672 6.54578 13.6222 6.43811 13.3671C7.11218 13.2041 7.81799 13.1039 8.53125 13.0732ZM9.46875 13.0732C10.1819 13.1039 10.8878 13.2041 11.5619 13.3671C11.4542 13.6222 11.3374 13.8672 11.2114 14.0994C10.6946 15.0518 10.0601 15.7201 9.46875 15.9622V13.0732ZM9.46875 12.135V9.46875H12.3966C12.3553 10.5094 12.178 11.5425 11.8846 12.4822C11.1073 12.2864 10.2913 12.1678 9.46875 12.135ZM9.46875 8.53125V5.86499C10.2913 5.83215 11.1073 5.71362 11.8846 5.51782C12.178 6.45752 12.3553 7.4906 12.3966 8.53125H9.46875ZM9.46875 4.92676V2.03784C10.0601 2.27991 10.6946 2.94824 11.2114 3.90063C11.3374 4.13281 11.4542 4.37781 11.5619 4.63293C10.8878 4.7959 10.1819 4.89612 9.46875 4.92676ZM12.0354 3.45349C11.8007 3.02087 11.5457 2.63953 11.2769 2.31421C12.2141 2.63428 13.0631 3.14636 13.7771 3.8031C13.3699 4.02124 12.931 4.21069 12.4694 4.36902C12.3384 4.0509 12.1936 3.74487 12.0354 3.45349ZM5.9646 3.45349C5.8064 3.74487 5.66162 4.0509 5.53064 4.36902C5.06897 4.21069 4.63013 4.02112 4.2229 3.8031C4.93689 3.14636 5.78589 2.63428 6.72314 2.31421C6.45435 2.63953 6.19946 3.02075 5.9646 3.45349ZM5.2135 5.25012C4.89355 6.27368 4.70544 7.38953 4.66492 8.53125H1.95349C2.05383 7.00769 2.63892 5.61438 3.5564 4.50525C4.06555 4.79724 4.62317 5.047 5.2135 5.25012ZM4.66492 9.46875C4.70544 10.6106 4.89355 11.7263 5.2135 12.7499C4.62317 12.953 4.06555 13.2028 3.5564 13.4948C2.63892 12.3856 2.05383 10.9923 1.95349 9.46875H4.66492ZM5.53064 13.631C5.66162 13.9491 5.8064 14.2551 5.9646 14.5465C6.19946 14.9791 6.45435 15.3605 6.72314 15.6858C5.78589 15.3657 4.93689 14.8536 4.22302 14.1969C4.63 13.9789 5.06897 13.7893 5.53064 13.631ZM12.0354 14.5465C12.1936 14.2551 12.3384 13.9491 12.4694 13.631C12.931 13.7893 13.3699 13.9789 13.7771 14.1969C13.0631 14.8536 12.2141 15.3657 11.2769 15.6858C11.5457 15.3605 11.8005 14.9792 12.0354 14.5465ZM12.7865 12.7499C13.1064 11.7263 13.2946 10.6105 13.3351 9.46875H16.0465C15.9462 10.9923 15.3611 12.3856 14.4436 13.4948C13.9344 13.2028 13.3768 12.953 12.7865 12.7499ZM13.3351 8.53125C13.2946 7.3894 13.1064 6.27368 12.7865 5.25012C13.3768 5.047 13.9344 4.79724 14.4436 4.50525C15.3611 5.61438 15.9462 7.00769 16.0465 8.53125H13.3351Z' stroke-width='0.2'/%3E %3C/svg%3E"); background-size:18px auto; padding-left:28px;background-position: left center; background-repeat: no-repeat; line-height: 0.42rem;}
.language .p span{display: inline-block; padding-right: 15px; position: relative; color: #666666; font-size: 16px;text-transform: capitalize;}
.language .p span:after{ color: var(--zhover-color); position: absolute; right:0; top:50%;font-family: "iconfont"; content: "\e603"; line-height:0.2rem; margin-top: -0.1rem; font-size: 8px; font-weight: bold;}
.language .p img{overflow: hidden; border-radius: 50%; margin-right: 4px;}
.language .language_ul{ width:200px; border-radius:3px; position:absolute; box-shadow:1px 1px 10px 0 #ccc; top: 100%; right: 0; background:#fff;  -webkit-transition:margin .5s ease-in-out; -moz-transition:margin .5s ease-in-out;  margin-top: 50px; opacity: 0; z-index: -2; transition: 0.5s all; }
.language:hover {height: auto; overflow: inherit;}
.language:hover .language_ul{margin-top: 0;transition: margin .3s ease-in-out;-moz-transition: margin .3s ease-in-out; opacity: 1; z-index: 9999999999;}
.language .language_ul:after{position:absolute;top: -5px; right: 15px; width: 0; height: 0; content: '';border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 5px solid #fff;}
.language ul li{ list-style: none; border-bottom: 1px solid #eee; padding: 6px; position: relative;}
.language ul li.active:after{content: "\e61f";font-family: 'iconfont';position: absolute;right: 8px;top: 50%;transform: translate(0, -50%);font-size: 14px;color:var(--zmain-color);}
.language ul li:hover{ background: #f7f7f7;}
.language ul li svg{ margin-right: 6px; float: left; border-radius: 50%; overflow: hidden; width: 22px; height: 22px;}
.language ul li a{ line-height: 22px; padding: 5px ; display: flex;align-items: center; color: #777; font-size: 14px;}
.language_web{line-height: 30px;display: flex;align-items: center; line-height: 34px; color: #666; flex-shrink: 0; margin-left: 15px;}
.language_web a{ color: #666; font-size: 14px; text-transform: uppercase; display: inline-flex; margin: 0 6px; align-items: center;}
.language_web a img{margin-right: 8px;}

.mob_language, .mob_sns {
    display: none;
}

@media screen and (max-width:992px) {
.mob_language,.mob_sns{ display: block; margin-top: 20px;}
.mob_logo { position: relative; z-index: 8888889;}
.mob_logo a{ display: block; padding-left: 10px;}
.mob_logo img{ max-height:40px;}
.mob_language{ margin-top: 0.3rem; }
.mob_language p,.mob_sns p{ font-size: 0.24rem; color: #000; text-transform: capitalize; font-family: var(--bold-font);}
.mob_language a{ float: left; width: 33.33%; display: flex; padding: 8px 0;align-items: center; color: #666;font-size: 14px; text-transform: capitalize;}
.mob_language a i{flex-shrink: 0; margin-right: 4px; width: 18px; height: 18px; border-radius: 50%; background-size: 18px;}

.language{position: absolute; right: 96px; top: 0; z-index: 1111111; margin: 0; border: none; padding: 0;}
.language .p p{display: none;}
.language .p{width: 40px; height: 50px; background-repeat: no-repeat; background-position: center center; background-size: 20px auto; overflow: hidden; padding-left: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 18 18'%3E%3Cpath d='M9 1C4.58875 1 1 4.58875 1 9C1 13.4113 4.58875 17 9 17C13.4113 17 17 13.4113 17 9C17 4.58875 13.4113 1 9 1ZM8.53125 4.92676C7.81812 4.89612 7.11218 4.7959 6.43811 4.63293C6.54578 4.37781 6.6626 4.13281 6.78857 3.90063C7.30542 2.94824 7.93994 2.27991 8.53125 2.03784V4.92676ZM8.53125 5.86499V8.53125H5.60339C5.64465 7.4906 5.82202 6.45752 6.11536 5.51782C6.8927 5.71362 7.70874 5.83215 8.53125 5.86499ZM8.53125 9.46875V12.135C7.70874 12.1678 6.8927 12.2864 6.11536 12.4822C5.82202 11.5425 5.64465 10.5094 5.60339 9.46875H8.53125ZM8.53125 13.0732V15.9622C7.93994 15.7201 7.30542 15.0518 6.78857 14.0994C6.6626 13.8672 6.54578 13.6222 6.43811 13.3671C7.11218 13.2041 7.81799 13.1039 8.53125 13.0732ZM9.46875 13.0732C10.1819 13.1039 10.8878 13.2041 11.5619 13.3671C11.4542 13.6222 11.3374 13.8672 11.2114 14.0994C10.6946 15.0518 10.0601 15.7201 9.46875 15.9622V13.0732ZM9.46875 12.135V9.46875H12.3966C12.3553 10.5094 12.178 11.5425 11.8846 12.4822C11.1073 12.2864 10.2913 12.1678 9.46875 12.135ZM9.46875 8.53125V5.86499C10.2913 5.83215 11.1073 5.71362 11.8846 5.51782C12.178 6.45752 12.3553 7.4906 12.3966 8.53125H9.46875ZM9.46875 4.92676V2.03784C10.0601 2.27991 10.6946 2.94824 11.2114 3.90063C11.3374 4.13281 11.4542 4.37781 11.5619 4.63293C10.8878 4.7959 10.1819 4.89612 9.46875 4.92676ZM12.0354 3.45349C11.8007 3.02087 11.5457 2.63953 11.2769 2.31421C12.2141 2.63428 13.0631 3.14636 13.7771 3.8031C13.3699 4.02124 12.931 4.21069 12.4694 4.36902C12.3384 4.0509 12.1936 3.74487 12.0354 3.45349ZM5.9646 3.45349C5.8064 3.74487 5.66162 4.0509 5.53064 4.36902C5.06897 4.21069 4.63013 4.02112 4.2229 3.8031C4.93689 3.14636 5.78589 2.63428 6.72314 2.31421C6.45435 2.63953 6.19946 3.02075 5.9646 3.45349ZM5.2135 5.25012C4.89355 6.27368 4.70544 7.38953 4.66492 8.53125H1.95349C2.05383 7.00769 2.63892 5.61438 3.5564 4.50525C4.06555 4.79724 4.62317 5.047 5.2135 5.25012ZM4.66492 9.46875C4.70544 10.6106 4.89355 11.7263 5.2135 12.7499C4.62317 12.953 4.06555 13.2028 3.5564 13.4948C2.63892 12.3856 2.05383 10.9923 1.95349 9.46875H4.66492ZM5.53064 13.631C5.66162 13.9491 5.8064 14.2551 5.9646 14.5465C6.19946 14.9791 6.45435 15.3605 6.72314 15.6858C5.78589 15.3657 4.93689 14.8536 4.22302 14.1969C4.63 13.9789 5.06897 13.7893 5.53064 13.631ZM12.0354 14.5465C12.1936 14.2551 12.3384 13.9491 12.4694 13.631C12.931 13.7893 13.3699 13.9789 13.7771 14.1969C13.0631 14.8536 12.2141 15.3657 11.2769 15.6858C11.5457 15.3605 11.8005 14.9792 12.0354 14.5465ZM12.7865 12.7499C13.1064 11.7263 13.2946 10.6105 13.3351 9.46875H16.0465C15.9462 10.9923 15.3611 12.3856 14.4436 13.4948C13.9344 13.2028 13.3768 12.953 12.7865 12.7499ZM13.3351 8.53125C13.2946 7.3894 13.1064 6.27368 12.7865 5.25012C13.3768 5.047 13.9344 4.79724 14.4436 4.50525C15.3611 5.61438 15.9462 7.00769 16.0465 8.53125H13.3351Z' fill='%23ababab' stroke-width='0.2'/%3E%3C/svg%3E");}
.language:after{ display: none;}
}


/*Search*/
.ico_search{ display: inline-block;background-image: url("data:image/svg+xml,%3Csvg t='1777449980811' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9404' width='200' height='200'%3E%3Cpath d='M884.48 849.92l-128-128a378.24 378.24 0 1 0-90.24 90.24l128 128a64 64 0 0 0 90.24-90.24zM275.2 682.24a247.68 247.68 0 1 1 350.72 0 248.32 248.32 0 0 1-350.72 0z' fill='%23ffffff' p-id='9405'%3E%3C/path%3E%3C/svg%3E"); background-position: left center; background-repeat: no-repeat; cursor: pointer; flex-shrink: 0; background-size: 22px auto; padding-left: 28px;  margin-left: 0.6rem; font-size: 15px; line-height: 32px; text-transform: uppercase;width:44px; height: 44px; border-radius: 5px; background-color:transparent; background-position: center center;}
.ico_search i{font-style: normal; color:#fff; font-family:var(--title-font); font-size: 14px;}
.search-box {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.75);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index: 9999992;}
.search-box.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.search-box .container {position: relative; width: 100%; max-width:8rem;margin: 4em auto;background: #FFF;border-radius: .25em .25em .4em .4em;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s; padding: 0.3rem;}
.search-box .title{  font-size: 0.24rem; text-transform:capitalize; padding: 15px 0; color: #333; text-align: center; font-family:var(--title-font);}
.search-box .search-close {position: absolute;top: 8px;right: 8px;width: 30px;height: 30px;}
.search-box .search-close::before, .search-box .search-close::after {content: '';position: absolute;top: 12px;width: 14px;height: 3px;background-color: #8f9cb5;}
.search-box .search-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);left: 8px;}
.search-box .search-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: 8px;}
.is-visible .search-box {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);
transform: translateY(0); background: #eee; padding: 0 20px 20px;}

#dialog-search{ width: 1000px; max-width: 92%; display: none; padding: 0.5rem; border-radius: 8px; background: #f7f8f9;align-items: flex-start;}
#dialog-search .title{ font-size: 0.3rem; line-height: 0.3rem; color: #333;font-family:var(--title-font); margin-bottom: 0.2rem; text-transform: uppercase;}
#dialog-search .search_main,#dialog-search form{ max-width: 100%; width: 100%;}
#dialog-search .search_main{ display: flex;}
#dialog-search .search_main .form-control{ height: 66px; line-height: 64px;; border:1px solid var(--zmain-color); border-radius: 50px; padding-left: 20px; background: #fff; color: #333;}
#dialog-search .search_main .search_btn{ min-width: 140px; flex-shrink: 0; background-color: var(--zhover-color); position:inherit; margin-top: 20px; height: 66px; border-radius:50px;background-image: url("data:image/svg+xml,%3Csvg t='1758183002828' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4502' width='20' height='20'%3E%3Cpath d='M670.528 760.96a384 384 0 1 1 90.496-90.496l180.224 180.288a64 64 0 0 1-90.496 90.496L670.528 761.024zM448 704a256 256 0 1 0 0-512 256 256 0 0 0 0 512z' fill='%23ffffff' p-id='4503'%3E%3C/path%3E%3C/svg%3E");}
.search_input {position: fixed;left:0;top: 0; width:100%;transition: all 0.5s;z-index: 9999999; display: none;transition-property: top, width, border;transition-duration: 0.1s, 0.1s;background:#fff; height: auto;padding: 0 15px; padding-bottom:80px;}
.search_main{position: relative; width: 100%; width:302px; margin: 0 auto;}
.search_main .form-control{height:42px;color:#666;float:left; line-height:32px;font-size:15px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:100%; background:#fff; padding-right:35px; border:none; box-shadow: none; float: none;  padding-left: 15px; border-radius: 5px; overflow: hidden;}
.search_main .form-control:focus{ color:#333;}
.search_main .search_btn{display:block; width:42px;height:42px;cursor:pointer; border:none; position:absolute; bottom:0; right:0;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E %3Cpath d='M10.875 3C15.2242 3 18.75 6.52576 18.75 10.875C18.75 12.7796 18.0735 14.5259 16.9482 15.8877L21.0996 20.0391C21.2945 20.2344 21.2947 20.551 21.0996 20.7461L20.7461 21.0996C20.551 21.2947 20.2344 21.2945 20.0391 21.0996L15.8877 16.9482C14.5259 18.0735 12.7796 18.75 10.875 18.75C6.52576 18.75 3 15.2242 3 10.875C3 6.52576 6.52576 3 10.875 3ZM10.875 4.5C7.35418 4.5 4.5 7.35418 4.5 10.875C4.5 14.3958 7.35418 17.25 10.875 17.25C14.3958 17.25 17.25 14.3958 17.25 10.875C17.25 7.35418 14.3958 4.5 10.875 4.5Z' fill='black' fill-opacity='0.88'/%3E %3C/svg%3E"); background-repeat: no-repeat; background-color: #fff; background-position: center center; background-size: 20px auto;}
.search_tags{ margin:0.3rem 0 0;}
.search_tags a{ display: inline-block; background:#fff; border-radius:12px; color: #333; font-size: 14px; line-height:30px; padding: 6px 15px; margin-bottom: 0.04rem; border: 1px solid #E0E0E0;transition: transform 0.4s ease; text-transform: capitalize;}
.search_tags a:hover{ background: var(--zmain-color); color: #fff;}
#dialog-content2{ display: none;}
@media screen and (max-width:992px) {
	#dialog-search{ padding: 0.15rem; padding-top: 0.5rem;}
	#dialog-search .search_main{ display: block;border-radius: 0;}
	#dialog-search .search_main .form-control{ width: 100%; height: 42px; line-height: 42px; }
	#dialog-search .search_main .search_btn{ margin-left: 0; margin-top: 10px; line-height: 42px; height: 42px;}
	.search-box .title{font-size: 18px; line-height: 20px;}
	.search_input { left:0; width: 100%; top:0; }
	.search-box .container{padding: 20px !important; margin: 0; border-radius: 0; transform:translate(0);max-width: 100%;}
	.search_web{width: 100%; height: 40px; margin-top: 50px; border-radius: 0;}
	.search_section{ height: 50px; position: absolute; right: 0; top: 0; z-index: 999999998; background: none;margin-top: 0;}
	.ico_search{ position: absolute; right: 46px; top:0; z-index: 9999991; margin-top: 0; width: auto; padding-left: 0; width: 50px; overflow: hidden;  height: 50px; background-position: center center; margin-left: 0; margin-right: 0;background-color:var(--zmain-color); border: none; border-radius: 0;}
	header.small .search_web{display: none;}
	.ico_search{ background-image: url("data:image/svg+xml,%3Csvg t='1748395207826' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4687' width='20' height='20'%3E%3Cpath d='M670.528 760.96a384 384 0 1 1 90.496-90.496l180.224 180.288a64 64 0 0 1-90.496 90.496l-180.224-180.224zM448 704a256 256 0 1 0 0-512 256 256 0 0 0 0 512z' fill='%23333333' p-id='4688'%3E%3C/path%3E%3C/svg%3E"); background-color:rgba(255,255,255,0.1); background-size: 20px auto;}
	.fancybox__slide{ padding: 0 15px !important;}
	.ico_search span{ display: none;}
}

/*top_car*/
.top_car a{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.3 20.7'%3E %3Cpath fill='%23b5d252' d='M4.5,3.3L4.1,2L0,1.5L0.2,0l5,0.6l0.6,1.6h16.5l-2.8,8.3L8.6,11.7l-1,2h13.1v1.5H5.2L7.3,11L4.5,3.3 M8.1,11L8.1,11z M6.3,3.8l2.3,6.4l9.8-1l1.8-5.4H6.3z'/%3E %3Cpath fill='%23b5d252' d='M8.1,20.7c-1.3,0-2.3-1-2.3-2.3c0-1.3,1-2.3,2.3-2.3s2.3,1,2.3,2.3C10.4,19.7,9.4,20.7,8.1,20.7z M8.1,17.7 c-0.4,0-0.8,0.4-0.8,0.8c0,0.4,0.4,0.8,0.8,0.8s0.8-0.4,0.8-0.8C8.9,18,8.5,17.7,8.1,17.7z'/%3E %3Cpath d='M17.2,20.7c-1.3,0-2.3-1-2.3-2.3c0-1.3,1-2.3,2.3-2.3c1.3,0,2.3,1,2.3,2.3C19.5,19.7,18.5,20.7,17.2,20.7z M17.2,17.7 c-0.4,0-0.8,0.4-0.8,0.8c0,0.4,0.4,0.8,0.8,0.8c0.4,0,0.8-0.4,0.8-0.8C18,18,17.7,17.7,17.2,17.7z' fill='%23b5d252'%3E%3C/path%3E%3C/svg%3E"); background-size: 18px auto; background-position: left center; background-repeat: no-repeat; padding-left: 30px; margin-left: 0.18rem; color: #fff;}

/*swiper*/
.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:0;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}


.swiper-scrollbar-drag{ background: var(--zhover-color); height: 2px;}
.swiper-button-prev,.swiper-button-next{border-radius: 50%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='m21.548 5.3309c-0.43595-0.44115-1.1615-0.44115-1.6127 0-0.43595 0.42625-0.43595 1.1357 0 1.5609l8.1773 7.9954h-26.984c-0.62903 9.93e-4 -1.129 0.48984-1.129 1.1049s0.49997 1.1198 1.129 1.1198h26.984l-8.1773 7.9805c-0.43595 0.44115-0.43595 1.1516 0 1.5768 0.45119 0.44115 1.1778 0.44115 1.6127 0l10.113-9.8882c0.45119-0.42625 0.45119-1.1357 0-1.5609l-10.113-9.8892z' fill='%23ffffff'/%3E%3C/svg%3E"); background-color:rgba(0,0,0,0.3);z-index: 999;display: inline-block;float: none;background-size: 15px; background-repeat: no-repeat; background-position: center center;backdrop-filter: blur(10px); margin-top: -22px !important;}
.swiper-button-prev{ transform: rotate(-180deg);}
.swiper-button-prev svg,.swiper-button-next svg{fill:none; width: 20px; height: 20px; display: none;}

.dis_btn .swiper-button-prev,.dis_btn .swiper-button-next{ position: inherit; margin-top: 0 !important;}

.button-inside,.button-outside{ position: relative; overflow: hidden;}

.swiper-button { flex-shrink: 0; width: 110px;}
.swiper-button div{ position: inherit; display: inline-flex; width: 52px; height: 52px; margin: 0;}
@media only screen and (max-width:992px) {
.swiper-button{ margin-bottom: 20px;}
.swiper-button div{width:40px; height: 40px;}
}

@media only screen and (max-width:1200px) {
.button-outside .swiper-button-prev{ left:15px;}
.button-outside .swiper-button-next{ right:15px;}
}
@media only screen and (max-width:992px) {
.button-outside{ padding: 0;}
.swiper-button-prev, .swiper-button-next{width: 36px; height: 36px; margin: 0; margin-top: -18px; background-size: 18px auto;}
}

/*fancybox*/
.fancybox__container{ z-index: 9999991 !important;}
#dialog-quote{ max-width: 10rem; display: none; padding: 0;}
#dialog-quote .main{ display: flex;}
#dialog-quote .inquiry{ padding:0.3rem; float: left; width: 50%;}
#dialog-quote .inquiry .web-title{ margin-bottom: 0;}
#dialog-quote .img{ float: left; width: 50%;}
#dialog-quote .img img{ width: 100%; height: 100%; object-fit: cover;}

@media only screen and (max-width:1260px) {
#dialog-quote .img{ display: none;}
#dialog-quote .inquiry{ width: 100%;}
}

@media only screen and (max-width:992px) {
.fancybox__slide{ padding: 0 !important;}
.fancybox__slide,#dialog-quote .inquiry{ padding:0.2rem;}
.fancybox__content{ margin: 0 0.15rem !important;max-height: 90%; overflow: auto;}
}

.tabs-content ul li{ list-style: none;}
.tabs-content>.swiper>.swiper-wrapper>.swiper-slide{ opacity: 0 !important;}
.tabs-content>.swiper>.swiper-wrapper>.swiper-slide.swiper-slide-active{ opacity: 1 !important; z-index: 555;}
.tabs-content .swiper-slide .swiper-slide{pointer-events: auto !important;}

/*tab*/
.page-nav { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin-bottom: 20px;}
.page-nav-list { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; list-style: none; margin: 0; padding: 0; }
.page-nav-link { display: inline-flex; padding: 10px 20px; background: #fff; border: 1px solid #eee; border-radius: 5px; font-family: var(--bold-font); text-transform: capitalize; font-size: 16px; align-items: center; justify-content: center; text-decoration: none; color: inherit; transition: all 0.3s ease; }
.page-nav-link:hover { border: 1px solid var(--zmain-color); color: var(--zmain-color); }
.page-nav-link.active { background: var(--zmain-color); color: #fff; border-color: var(--zmain-color); }

@media (max-width: 768px) { 
  .page-nav, .page-nav-list { gap: 10px; }
  .page-nav-link { padding: 8px 16px; font-size: 14px; }
}

@media (max-width: 480px) { 
  .page-nav, .page-nav-list { gap: 8px; }
  .page-nav-link { padding: 6px 12px; font-size: 13px; }
}

/* --- Banner --- */
.banner { position: relative; width: 100%; overflow: hidden; }
.banner img { width: 100%; vertical-align: middle; }
.banner .swiper-slide { position: relative; width: 100%; height: auto; background-color: #0a1c2f; }
.banner .swiper-slide video { width: 100%; height: auto; display: block; object-fit: cover; background: #000; pointer-events: none; }
.banner .progress-bar { position: absolute; bottom: 0; left: 0; width: 0%; height: 4px; background-color: rgba(255,255,255,0.3); z-index: 15; transition: width linear; pointer-events: none; box-shadow: 0 0 4px rgba(255,107,53,0.6); }
.banner .swiper-pagination { position: absolute; bottom: 20px; z-index: 99; width: auto; left: 50%; display: flex; transform: translateX(-50%); }
.banner .swiper-pagination-bullet { background: rgba(255,255,255,0.2); width: 12px; height: 12px; opacity: 1; border-radius: 50%; transition: background 0.3s; cursor: pointer; margin: 0 5px; }
.banner .swiper-pagination-bullet-active { background-color: var(--zhover-color); }
.banner .swiper-button-prev, .banner .swiper-button-next { position: absolute; z-index: 10; background-size: 18px; }
.banner .swiper-slide-active { z-index: 5; }
.banner .swiper-slide .banner_main { text-align: left; max-width: 680px;}
.banner .swiper-slide .banner_text { position: relative; z-index: 15; }
.banner .swiper-slide .banner_text .text { font-size: 0.46rem; line-height: 0.6rem; color: #fff; display: inline-block; font-family: var(--title-font);}
.banner .swiper-slide .banner_text .p, .banner .swiper-slide .banner_text .more { transform: translateY(30px); opacity: 0; position: relative;}
.banner .swiper-slide .banner_text .p { color: #333; font-size: 0.18rem; line-height: 0.3rem; margin: 0.4rem 0; }
.banner .swiper-slide-active .banner_text .p, .banner .swiper-slide-active .banner_text .more { transform: translateY(0); opacity: 1; }

@media only screen and (min-width: 992px) {
    .banner .swiper-slide .banner_text { position: absolute; top: 50%; left: 0; text-align: center; transform: translate(0, -50%); width: 100%;}
    .banner .swiper-slide .banner_text .p p {font-size: 0.26rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' t='1776150890784' class='icon' viewBox='0 0 1024 1024' version='1.1' p-id='4779' width='200' height='200'%3E%3Cpath d='M512 960c-247.424 0-448-200.576-448-448 0-247.424 200.576-448 448-448 247.424 0 448 200.576 448 448C960 759.424 759.424 960 512 960L512 960zM512 163.584C319.552 163.584 163.584 319.552 163.584 512c0 192.448 155.968 348.48 348.416 348.48 192.448 0 348.416-156.032 348.416-348.416C860.416 319.68 704.448 163.584 512 163.584L512 163.584zM776 400.576l-316.8 316.8c-9.728 9.728-25.472 9.728-35.2 0l-176-176c-9.728-9.728-9.728-25.472 0-35.2l35.2-35.2c9.728-9.728 25.472-9.728 35.2 0L441.6 594.176l264-264c9.728-9.728 25.472-9.728 35.2 0l35.2 35.2C785.728 375.104 785.728 390.848 776 400.576L776 400.576z' fill='%23ec9723' p-id='4780'/%3E%3C/svg%3E"); background-size: 20px auto; background-repeat: no-repeat; background-position: left 5px; padding-left: 0.4rem; color: #fff; margin-bottom: 0.2rem;}
}

@media only screen and (max-width: 1400px) {
    .banner .container { padding: 0 5%; }
    .banner .swiper-slide .banner_text .text { font-size: 30px; line-height: 40px}
    .banner .swiper-slide .banner_text .p { font-size: 18px; line-height: 1.4; margin:.2rem 0}
	
}

@media only screen and (max-width: 992px) {
    .banner .swiper-pagination { display: none; }
    .banner .swiper-slide .banner_text { background: #0f1621; padding: 20px 3% 30px; box-sizing: border-box; text-align: center; position: relative; transform: none; top: auto; left: auto; }
    .banner .swiper-slide .banner_text p { font-size: 16px; font-family: var(--main-font);  color:#fff}
    .banner .swiper-slide .banner_main { max-width: 100%; padding: 0; text-align: center; }
    .banner .swiper-slide .banner_text .text { font-size: 24px; background: none; margin-bottom: 10px; }
    .banner .swiper-slide .banner_text .p { font-size: 14px; margin: 0 0 20px 0; font-family: var(--main-font); }
    .banner .swiper-slide > a { display: block; position: relative; }
    .banner .swiper-slide > a:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(transparent 50%, rgba(15,22,33)); content: ''; }
}
@media only screen and (max-width: 768px) {
    .banner .container { padding: 0 10px; }
    .banner .swiper-slide .banner_text .text { font-size: 20px; line-height: 1.3; }
    .banner .swiper-slide .banner_text .p { font-size: 16px; }
}

/* Layout */
.n_main{font-size:16px;padding:0.8rem 0;}
.n_left{float:left;width:25%;position:relative;}
.n_left2{float:right;width:25%;position:relative;}
.n_right{float:right;width:75%;padding-left:0.5rem;}
.n_right2{float:left;width:75%;padding-right:0.5rem;}

@media only screen and (max-width:1300px){
  .n_left{width:25%;}
  .n_right{width:75%;}
  .n_left2{width:25%;}
  .n_right2{width:75%;}
}
@media only screen and (max-width:992px){
  .n_main{padding:0.4rem 0;}
  .n_left{width:100%;padding-right:0;}
  .n_right{width:100%;padding:0;margin-top:0.2rem;}
  .n_left2{width:100%;margin-bottom:0.2rem;padding-left:0;}
  .n_right2{width:100%;padding:0;}
}
@media only screen and (min-width:992px){
  .n_main>.flex{display:flex;}
  .sidebar{flex-shrink:0;height:fit-content;position:sticky;top:80px;}
  .n_left2{order:2;}
}


.flex-group{ display: flex;align-items: center;justify-content: space-between;}
.flex-group .section-title{ margin-bottom: 0;}
@media screen and (max-width:992px) {
.flex-group .section-title .title{ width: 100%; text-align: left !important;} 
}

.n_banner{ position: relative; min-height: 140px; background:url(../images/cate_nav.jpg) no-repeat center center; background-size: cover;}
.n_banner img{width: 100%; height: 100%; object-fit: cover;}
.n_banner .banner-text{  background: #eee; padding: 0.15rem 0; background-size: auto 100%; position: absolute; left: 0; bottom: 0; width: 100%; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));}
.breadcrumb ol{ padding: 0; margin: 0;}
.breadcrumb ol li{ list-style: none; display: inline-block;}
.breadcrumb i{ color:var(--zmain-color); margin: 0 6px;}
.breadcrumb a,.breadcrumb h2,.breadcrumb a, .breadcrumb p{ font-size: 0.15rem; color: #fff; font-weight: normal;display: inline-block; text-transform: capitalize;}
.breadcrumb *{ padding-right: 20px;background-image: url("data:image/svg+xml,%3Csvg t='1760691306234' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9370' width='20' height='20'%3E%3Cpath d='M353.74051 0.703802l100.771658 0 0 1023.296198-100.771658 0 0-1023.296198Z' fill='%23999999' p-id='9371'%3E%3C/path%3E%3Cpath d='M600.583086 0.703802l100.771658 0 0 1023.296198-100.771658 0 0-1023.296198Z' fill='%23999999' p-id='9372'%3E%3C/path%3E%3C/svg%3E"); background-size:12px auto; background-repeat: no-repeat; background-position: center right; font-size: 16px; color: #fff; text-transform: capitalize;position: relative; z-index: 2; margin-right: 6px;}
.breadcrumb  *:last-child{padding-right: 0; background: none;}
.breadcrumb a:hover{ color: var(--zhover-color) !important;}

@media only screen and (max-width:992px) {
.n_banner{ min-height:0; padding:0; background: #fff; }
	.n_banner .n_title{width:100%;}
.n_banner .text{ position:inherit;}
	.n_banner .flex-group{flex-wrap:wrap}
.breadcrumb{ text-align: left; bottom: -50px; width:100%;}
}

/*btn*/
.btn-link{ display: inline-flex;padding: 0 0.3rem; height:0.5rem; color: #fff; position: relative;overflow: hidden; font-size:16px; align-items: center;justify-content: center;min-height: 40px; transition: 0.5s; cursor: pointer; text-align: center; background: var(--zmain-color); font-family:var(--bold-font); border-radius: 5px;}
.btn-link i{ margin-right: 10px;}
.btn-link:after{ content: " "; position: absolute; width:30px; height: 100%; right: 5px; top:0; line-height: 20px; font-weight: bold;font-family: FontAwesome; color: #fff;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E %3Cpath d='M7 3.5C7 2.67157 6.32843 2 5.5 2C4.67157 2 4 2.67157 4 3.5V3.66667C4 4.58714 4.74619 5.33333 5.66667 5.33333H7V3.5Z' fill='%23ffffff' /%3E %3Cpath d='M10 7C10 6.07953 9.25381 5.33333 8.33333 5.33333H7V8.66667H8.33333C9.25381 8.66667 10 7.92048 10 7Z' fill='%23ffffff'/%3E %3Cpath d='M7 8.66667H5.66667C4.74619 8.66667 4 9.41286 4 10.3333V10.5C4 11.3284 4.67157 12 5.5 12C6.32843 12 7 11.3284 7 10.5V8.66667Z' fill='%23ffffff'/%3E %3C/svg%3E"); background-size: 16px auto; background-repeat: no-repeat; background-position: center center;transition: 0.5s; right: 10px; opacity: 1; background-color:none; opacity: 0;}
.btn-link:before { content: ' '; position: absolute; background:rgba(255,255,255,0.3); width:0; height: 100%; top: 0; left:0; opacity: 0.3; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.btn-link:hover{color: #fff; box-shadow: 6px 6px 0 rgba(99,176,56,0.08);box-shadow: 0px 14px 56px -11px var(--zhover-color); transform:translate3d(0,-3px,0); background-color: var(--zhover-color); padding-right: 46px;}
.btn-link:hover:before{ width: 100%;}
.btn-link:hover:after{ opacity: 1;}
@media only screen and (max-width:992px){
	.btn-link{ font-size: 14px; height: 46px; padding: 0 20px;}
	.btn-link:after{ display: none;}
}


/*font*/
.section-title{position: relative; text-align: center; margin-bottom: 0.5rem;}
.section-title .title{font-size: 0.46rem; color:#333; line-height: 0.5rem; position: relative; font-family: var(--title-font); margin-bottom:0; max-width: 9rem; text-align: center; margin: 0 auto;}
.section-title p{overflow: hidden; max-width:11rem; margin:0 auto; color: #464646;font-size: 18px; line-height: 26px; margin-top: 0.15rem; max-height: 52px; overflow: hidden;}
.n_title{ color: var(--zmain-color); font-family: var(--title-font); font-size: 0.3rem; line-height: 0.4rem; text-transform: capitalize;}
.primary-font{font-size: 0.36rem; line-height: 0.5rem; color: #111; font-family: var(--title-font); text-transform: uppercase; margin-bottom: 10px;}
.secondary-font{font-size: 0.18rem; line-height:1.4; color: #333; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; font-family: var(--bold-font);}


.tl{ text-align: left;}
.tl .title{padding-left: 0; background-position: left bottom; margin: 0; text-align: left;}
.tl .title:after{ left: 0;transform:none}
.tl p{ text-align: left; margin-left: 0; padding: 0;}

@media only screen and (max-width:1200px) {
.section-title .title{ font-size: 0.4rem; line-height: 0.44rem;}
.section-title {margin-bottom: 30px; min-height: auto;}
.section-title .p{max-width: 100%; margin-top: 0; font-size: 16px; line-height: 20px; max-height: 40px; margin-top: 10px;}
.section-title p{max-width: 100%; margin-top: 0; font-size: 16px; line-height: 25px; max-height: 50px; margin-top: 10px;}
}
@media only screen and (max-width:992px) {
.section-title {margin-bottom: 20px; min-height: auto;}
.scrollbar_title{flex-direction: column;align-items: flex-start; margin-bottom: 0.3rem; text-align: center; display: block;}
.scrollbar_title .i_title{max-width: 100%; padding: 0; width: 100%; margin-bottom: 15px;}
.section-title .title{ margin-bottom: 15px; font-size: 0.4rem; line-height: 0.46rem; background: none; max-width: 100%; padding-top:0;padding-bottom: 0; width: 100%; text-align: center !important;}
.section-title .p{text-align: center; font-size: 15px;}
.n_title{  font-size:18px; line-height: 20px; padding-left: 0; margin: 10px 0; max-width: 100%;}

}
@media only screen and (max-width:768px) {
.section-title img{ display: none;}
.section-title .title{ font-size: 0.3rem; line-height: 0.36rem; margin-bottom: 0;}
.section-title .p{margin-bottom: 0;  font-size: 14px; line-height: 20px; max-height: 40px;}
}


/*Widgets*/
.social_ico{ float: left; display: flex;align-items: center; margin-top: 20px;}
.social_ico span{ margin-right: 16px; font-family: var(--title-font); color: #333; font-size: 0.2rem;}
.social_ico a,.mob_sns a{ margin-right: 10px; border-radius: 50%;display: inline-flex;align-items: center; justify-content: center; max-width: 32px; background: var(--zhover-color);}
.social_ico a:hover{transform:translate3d(0,-3px,0);}

/*header_section*/
@-webkit-keyframes slideDown { 0% {-webkit-transform: translateY(-100%); transform: translateY(-100%);opacity: 0;}  100% { -webkit-transform: translateY(0);transform: translateY(0); opacity: 1;}}
@keyframes slideDown { 0% {-webkit-transform: translateY(-100%);transform: translateY(-100%); opacity: 0;} 100% {-webkit-transform: translateY(0);  transform: translateY(0); opacity: 1;}}
header.sticky{position: fixed;top: 0;left: 0;right: 0;z-index: 666666;-webkit-box-shadow: rgba(12, 82, 180, 0.15) 0px 4px 30px;box-shadow: rgba(12, 82, 180, 0.15) 0px 4px 30px;-webkit-animation: slideDown 0.5s ease-in-out forwards;animation: slideDown 0.5s ease-in-out forwards;}
header.sticky .nav_section .main{ border-bottom: none;}
.fixed-header{position:fixed; left:0; width: 100%; top: 0; z-index: 999;}
.nav-quote{ background-color:var(--zmain-color);text-transform: uppercase; line-height: 44px; padding: 0 20px; color: #fff; position: relative; font-size: 15px; font-family: var(--bold-font); border-radius: 5px; margin-left: 0.8rem;}

#logo{ list-style: none; overflow: hidden; position: relative; margin-right:15px; display: flex;align-items: center;}
#logo img{ max-width: 2.85rem;}
#logo_text{ color: #333; font-family: var(--title-font); font-size: 0.22rem; line-height: 30px; padding-left: 0.2rem; margin-left: 0.2rem; border-left: 1px solid #d9d9d9;}
#logo a{ display: inline-block;}
header .container{ transition: 0.5s;}

.height{ height: 1rem;}
.top-section {background: #fff;}
.top-section .main,.top-section .top-r{ display: flex;justify-content: space-between; height: 1rem;align-items: center;}
.nav_section{border-bottom:none; background: rgba(0,0,0,0.5);}
.nav_section .main{ display: flex;align-items: center; position: relative;}
.top-email{ display: flex; margin-right: 0.4rem; flex-wrap: wrap; align-items: center}
.top-email .icon{ width: 50px; height: 50px; background: var(--zhover-color); border-radius: 5px; display: flex;align-items: center;justify-content: center; margin-right: 10px; line-height: 20px; }
.top-email p{font-family:var(--title-font); font-size: 18px;}
.top-email a{ display: block;line-height: 20px; color: var(--zhover-color); text-decoration: underline;}
.top-or{ position: relative; height: 1rem; display: flex;align-items: center;}
.top-or:after{ position: absolute; left: 50%; top: 0; width: 1px; background: #e7e3ee; height: 100%; content: '';}
.top-or span{ width: 26px; height: 26px; border-radius: 50%; background:#f6f1ef; display: inline-block;line-height: 26px; text-align: center; font-size: 14px; font-family: var(--title-font); color: #a0a3b1; position: relative; z-index: 2;}
.top-tel{ font-size: 18px; font-family: var(--bold-font); margin-left: 0.2rem; color: #333;}
@media screen and (min-width:992px) {
	.main-menu>li{ margin-right:0.6rem;}
	.main-menu>li>a { font-size:18px; color: #fff; line-height:18px; padding:0.21rem 0.25rem; position: relative; flex-direction: column; align-items: center; text-align: center; font-family: var(--title-font); text-transform: uppercase;}
	.main-menu>li>a span{ position: relative; z-index: 8888888; margin-bottom: 6px;}
	header.sticky .top-section{ height: 0; overflow: hidden;}
	header.sticky{backdrop-filter: blur(20px);}
	header.sticky #logo img{ max-width: 1.6rem;}

}

@media screen and (max-width:1600px) {
#logo span{ display: none;}
}

@media screen and (max-width:1440px) { 
	#logo img{ max-height: 0.5rem;}
	.fixed-header .container{ padding-left: 15px !important; padding-right: 15px !important;}
}

@media screen and (max-width:1366px) { 
	.top-email p,.top-tel{font-size:16px;}
	.top-email .icon{width:42px; height: 42px;}
.main-menu>li>a{ font-size: 16px;} 
}

@media screen and (max-width:1260px) {
	.main-menu>li{ margin-right:10px;} 
	.top-or,.top-tel{display:none}
	.top-email{ margin-right:0.15rem}
}


@media only screen and (max-width:992px) { 
	.top_section .top_con,.top_section .top_sns,.top-email{ display: none;}
	.main-header{top: 0;}
	.nav_section .main{ z-index:inherit; width: 100%; background: none; border:none;}
	.nav_section #logo{ display: none;}
	.height{  height: 50px;}
	#smooth-wrapper{ margin-top: 50px;}
	header .container{padding:0;}
	.fixed-header{ position:fixed; left: 0; top: 0; width: 100%;z-index: 99999;}
	#smooth-content{ padding-top: 0;}
	.banner-search .search_main{ max-width: 100% !important;}
	.header-section .main{ height: auto;}
	.top-section .main, .top-section .top-r{height: auto; border:none;}
	
}


/*cate-section*/
.cate-section{background: #f5f5f5;padding: 0.9rem 0;}
.cate-section ul li{ list-style: none;}
.cate-section .cate-list{ background: #fff; margin-bottom: 0.8rem;}
.cate-section .cate-list .cate-img{ float: left; width: 50%;}
.cate-section .cate-list .cate-img img{display:block; width:100%;}
.cate-section .cate-list .cate-main{ float: left; width: 50%; padding:0.3rem 0.4rem;}
.cate-section .tabs-header{ background: url(../images/cate_nav.jpg) no-repeat center center; background-size: cover; display: flex;flex-wrap:wrap; margin-bottom: 0.5rem; border-radius: 5px; overflow: hidden;}
.cate-section .tabs-header .tab-button{ background-color: transparent; height: 0.8rem; display: flex; flex:1;align-items: center; justify-content: center; color: #fff; font-size: 18px; font-family: var(--bold-font); transition: 0.5s;}
.cate-section .tabs-header .tab-button.active{ background: var(--zhover-color);}
.cate-section .tabs-header .tab-button:hover{ background-color: rgba(255,255,255,0.15);}
.cate-section .cate-list .cate-main .title{ font-size: 0.26rem; line-height: 0.36rem; font-family: var(--title-font);}
.cate-section .cate-list .cate-main p{ font-size: 16px; color: #808080; line-height: 26px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0.3rem; margin-top: 0.1rem;}
.cate-section .cate-list .cate-main ul{ border-top: 1px solid #d8d8d8; display: flex;justify-content: space-between; gap: 20px; text-align: center; padding-top: 0.2rem; margin-top: 0.4rem;}
.cate-section .cate-list .cate-main ul p{ color: #333; margin-bottom: 0;}

.pro-section .card{ background: #fff; padding-bottom: 15px; text-align: center; }
.pro-section .card .title{ padding: 0 0.15rem; display: block;font-size: 17px; line-height: 26px; font-family: var(--bold-font);}


@media only screen and (max-width:1366px) {  
	.cate-section .tabs-header .tab-button{font-size:16px;}
	.cate-section .cate-list .cate-main p{font-size:14px; line-height: 20px;}
}


@media only screen and (max-width:1260px) {  
	.cate-section .tabs-header .tab-button{font-size:15px;} 
	.cate-section .cate-list .cate-main .title{font-size:20px; line-height: 26px;}
	.pro-section .card .title{font-size:16px; line-height: 24px;}
}


@media only screen and (max-width:992px) {  
	.cate-section{padding:.6rem 0}
	.cate-section .tabs-header .tab-button{width:calc(100% / 3); flex: none; border-right:1px rgba(255,255,255,.1) solid; border-bottom:1px rgba(255,255,255,.1) solid}
	.cate-section .tabs-header .tab-button:nth-child(3n){ border-right:none;} 
	.cate-section .tabs-header .tab-button:nth-child(n+4){ border-bottom:0}
	.cate-section .cate-list .cate-img,.cate-section .cate-list .cate-main{width:100%;}
	.cate-section .cate-list .cate-main{padding:.3rem}
	.cate-section .cate-list{margin-bottom:.5rem}
}

@media only screen and (max-width:480px) {  
	.cate-section .tabs-header .tab-button{width:50%;}
	.cate-section .tabs-header .tab-button:nth-child(3n){ border-right:1px rgba(255,255,255,.1) solid;} 
	.cate-section .tabs-header .tab-button:nth-child(n+4){ border-bottom:1px rgba(255,255,255,.1) solid;}
}



/* about-section */
.about-section{ background: url(../images/about_bg.jpg) no-repeat center top; padding-top: 1.2rem;}
.about-section .main{ display: flex; flex-wrap:wrap}
.about-section .about-text,.about-section .about-img{width: 50%; flex:1}
.about-section .section-title{ margin-bottom: 0.2rem;}
.about-section .about-img{ padding-right: 0.3rem;}
.about-section .about-img img{display:block; width:100%;}
.about-section .about-text{ padding-left: 0.3rem;}
.about-section .about-text .com{ font-size: 0.26rem; color: var(--zhover-color); font-family: var(--title-font);}
.about-section .about-text .p{ font-size:0.18rem; line-height:0.3rem; display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical; overflow: hidden; color: #464646; margin-bottom: 0.3rem; margin-top: 0.15rem;}
.about-section .about-img .swiper-pagination .swiper-pagination-bullet-active{ background: rgba(255,255,255,0.6);}


@media only screen and (max-width:1260px) {  
.about-section .about-text .com{ font-size:22px; line-height: 1.4}
}


@media only screen and (max-width:992px) {  
	.about-section .about-img{width:100%; margin: 0; flex: none; padding-right: 0}
	.about-section .section-title .title{text-align:left !important}
	.about-section .about-text{width:100%; flex: none; padding: .3rem 0 0}
}


/* num-section */
.num-section{ margin-top: 0.9rem;}
.num-section ul{width:100%; display: flex; flex-wrap: wrap}
.num-section ul li{ list-style: none; width: 25%; float: left;}
.num-section ul li .icon{ float: right;}
.num-section ul li .num{ color: #333; line-height: 0.3rem; display: flex; font-family: var(--title-font);align-items: flex-end;}
.num-section ul li .num .counter{font-size: 0.5rem; line-height: 0.66rem;}
.num-section ul li p{ margin-top: 0.2rem; font-size: 16px; color: #333;}

.num-section ul li{ list-style: none; border-right: 1px solid #e5e5e5; padding-right: 18px; padding-top: 0.3rem; padding-left: 0.26rem; border-top: 1px solid #e5e5e5;}
.num-section ul li:nth-child(4n){ border-right: none;}
.num-section ul li:nth-child(1),.about-section ul li:nth-child(2),.about-section ul li:nth-child(3),.about-section ul li:nth-child(4){ border-top: none; padding-top: 0; padding-bottom: 0.3rem;}

@media only screen and (max-width:992px) {  
	.num-section{margin-top:.35rem}
	.num-section ul li .num .counter{font-size:.45rem; line-height: .45rem}
.num-section ul li p{ font-size: 15px; line-height: 1.5}
}


@media only screen and (max-width:768px) {  
.num-section ul li{ width: 50%; padding: .25rem !important; box-sizing: border-box}
.num-section ul li:nth-child(4n){ border-right: 1px solid #e5e5e5;}
.num-section ul li:nth-child(2n){ border-right: none;}
	.about-section ul li:nth-child(3),.about-section ul li:nth-child(4){ border-top: 1px solid #e5e5e5;}
	.num-section ul li p{font-size:14px; float: left; margin-top: 0.1rem; }
.num-section ul li .icon{display:none} 
	.num-section ul li .num{width:100%; float: left} 
}

@media only screen and (max-width:480px) {  
	.num-section ul li .num .counter{font-size:.36rem; line-height: .4rem}
}


/*service-section*/
.service-section{ background: #f5f5f5; padding: 1rem 0; margin-top: 0.9rem;}

.service-section .tabs-header{ display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 0.6rem;}
.service-section .tabs-header .tab-button{ flex:1; background: #fff; color: #333; border-radius: 5px; padding: 11px; font-size: 0.24rem; font-family: var(--bold-font); transition: 0.5s; display:inline-flex; align-items: center}
.service-section .tabs-header .tab-button img{ margin-right: 0.24rem; display:inline-block}
.service-section .tabs-header .tab-button.active{ background: #ec9723; color: #fff;}
.service-section .tabs-header .tab-button.active img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


.service-section ul li{ list-style: none;}
.service-section ul li .card{ position: relative;}
.service-section ul li .card .image{ position: relative; display: block; overflow: hidden;}
.service-section ul li .card .image img{display:block; width:100%}
.service-section ul li .card:hover img{transform: scale(1.1);}
.service-section ul li .card .image:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: linear-gradient( to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.6));}
.service-section ul li .card .title{ position: absolute; left: 0; bottom: 0; width: 100%; display: block; padding: 0.1rem 0.1rem 0.2rem; color: #fff; font-size: 0.2rem; font-family: var(--bold-font); line-height: 0.2rem; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}


@media only screen and (max-width:1366px) {  
.service-section .tabs-header .tab-button{font-size:18px;}
.service-section ul li .card .title{font-size:20px; line-height: 28px;}	
} 

@media only screen and (max-width:1260px) {  
	.service-section .tabs-header .tab-button img{ margin-right:12px;} 
	.service-section .tabs-header .tab-button span{display:inline-block; font-size: 16px; line-height: 22px; text-align: left} 
}

@media only screen and (max-width:992px) {  
.service-section{padding: .6rem 0; margin-top: 0.5rem;}
.service-section ul li .card .title{font-size:18px; line-height: 24px;} 
}


@media only screen and (max-width:768px) {   
.service-section .tabs-header .tab-button img{max-height:.45rem} 
	.service-section .tabs-header{ margin-bottom:.4rem}
}

@media only screen and (max-width:667px) {  
.service-section .tabs-header{ gap: 10px;} 
.service-section .tabs-header .tab-button{width:100%; display:flex; flex:none}
}

@media only screen and (max-width:667px) {  
.service-section .tabs-header{ gap: 10px;} 
.service-section .tabs-header .tab-button{width:100%; display:flex; flex:none}
}



/*process-section*/
.process-section{ background-attachment: fixed; padding: 1rem 0; background-repeat: no-repeat; background-size: cover;}
.process-section .section-title .title, .process-section .section-title p{ color: #fff;}
.process-section .process-more{ display: flex;align-items: center; justify-content: center;}
.process-section  ul{ display: flex; padding:1rem 0; margin-bottom: 0.3rem; position: relative;}
.process-section  ul:before{ position: absolute; right: 100%; width: 500px; top: 50%; height: 1px; content: ''; background: #7d7d7d;}
.process-section  ul:after{ position: absolute; left: 100%; width: 500px; top: 50%; height: 1px; content: ''; background: #7d7d7d;}
.process-section  ul li{ flex: 1; list-style: none; text-align: center;  color: #fff; text-align: center;}
.process-section  ul li .num{ width: 32px; height: 32px; background: var(--zhover-color); border-radius: 50%; line-height: 32px; margin: 8px 0;}
.process-section  ul li .card{ display: flex;flex-direction: column;align-items: center; background: url(../images/c-bg1.png) no-repeat center  bottom; background-size: 100% auto; padding-bottom: 0.55rem; margin:0 -1.1px; padding-top: 0.16rem; position: relative;}
.process-section  ul li:nth-child(2n) .card{background: url(../images/c-bg2.png) no-repeat center top;background-size: 100% auto; padding-top: 0.55rem; padding-bottom: 0.16rem;}
.process-section  ul li .card .icon{ width: 1rem; height: 1rem; border-radius: 50%; background: #fff; position: relative;}
.process-section  ul li .card .text{ position: absolute; bottom:100%; display: flex;flex-direction: column;align-items: center;}
.process-section  ul li:nth-child(2n) .text{ top: 100%; bottom: auto;}
.process-section  ul li:nth-child(2n+1) .icon{ order: 2;}
.process-section  ul li:nth-child(2n) .text .num{ order: 2;}

.process-section .process-more{ color: #fff; font-size: 16px;}
.process-section .process-more .tel{ color: #fff; text-decoration: underline; margin-right: 0.16rem;}

@media only screen and (max-width:1440px) {  
	.process-section ul:before,.process-section  ul:after{display:none} 
}

@media only screen and (max-width:1260px) {  
	.process-section ul{padding:1.4rem 0}
	.process-section  ul li .card .text .title{ font-size:16px; line-height: 22px;}
}


/*case-section*/
.case-section{ padding: 1rem 0; overflow: hidden;}
.case-section .button-inside{ margin: 0 28%; overflow: visible;}
.case-section ul li{ list-style: none;}
.case-section ul li .card{ position:relative; overflow: hidden;}
.case-section ul li .text{ position: absolute; left:0.26rem; bottom: -300px; width: calc(100% - 0.52rem); max-width: 4rem; background: rgba(255,255,255,0.8);backdrop-filter: blur(20px); padding: 0.2rem; border-bottom: 2px solid #e19c3b; transition: 0.5s; opacity: 0;}
.case-section ul li .image{ position: relative; display: block;}
.case-section ul li .image img{ width: 100%;}
.case-section ul li .image:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.5));}
.case-section ul li .title-h4{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 0.2rem; color: #fff; font-family: var(--bold-font); font-size: 18px; transition: 0.5s;}
.case-section ul li.swiper-slide-active .title-h4{ bottom: -100px;}
.case-section ul li .text .title{ font-size:18px; line-height: 26px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; font-family: var(--title-font); margin-bottom: 0.1rem;}
.case-section ul li .text p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; }
.case-section ul li ul{ border-top: 1px solid rgba(0,0,0,0.2); margin-top: 0.2rem; padding-top: 0.2rem;}
.case-section ul li ul li{ float: left; text-align: center; width: 25%; font-size: 13px;}
.case-section ul li.swiper-slide-active .text{ bottom: 0.26rem; opacity: 1;} 


@media only screen and (max-width:992px) { 
.case-section .button-inside{ margin: 0 20%; overflow: visible;} 
.case-section{ padding:.6rem 0}
.case-section ul li ul{display:none}
.case-section ul li .text .title,.case-section ul li .title-h4{font-size:17px; line-height: 22px;}
}

@media only screen and (max-width:480px) { 
.case-section .button-inside{ margin: 0 ;}  
}



/*honor-section*/
.honor-section{ padding: 1rem 0; background-size: cover; background-attachment: fixed;}
.honor-section .section-title .title{ color: #fff;}
.honor-section ul li{ list-style: none;}
.honor-section ul li .card{ text-align: center;}
.honor-section ul li .image{ position: relative; display: inline-block; padding: 30px;}
.honor-section ul li .image:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: url(../images/honor-img.png) no-repeat center center; background-size: 100% 100%;}
.honor-section ul li .title{ margin-top: 0.2rem; font-size: 16px; color: #fff;}
.honor-section .button-inside{ margin-top: 0.6rem;}


@media only screen and (max-width:992px) {  
.honor-section .button-inside{ margin-top: 0.35rem;}
	.honor-section{padding:.6rem 0}	
}



/* news-section */
.news-section{ padding: 0.8rem 0;}
.news-section ul{ margin-bottom: 0.6rem;}
.news-section ul li{ list-style: none;}
.news-section ul li .card{ background: #f5f5f5; padding: 0.2rem; display: flex;}
.news-section ul li .card .date{ width: 70px; height: 70px; flex-shrink: 0; display: flex;flex-direction: column;align-items: center; border: 1px solid #c1c1c1; font-size: 14px; margin-right: 20px; color: #999;}
.news-section ul li .card .date p{ color: #000; font-size: 0.3rem; font-family: var(--title-font);}
.news-section ul li .card .text .title{ font-size: 0.2rem; line-height: 0.32rem; font-family: var(--bold-font); display: block; margin-bottom: 0.1rem; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}
.news-section ul li .card .text p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}
.news-section ul li .card .text .more{ display: inline-block; margin-top: 0.1rem; font-family: var(--bold-font);}
.news-section ul li .card .text .more:hover{ color: var(--zhover-color); text-decoration: underline;}
.news-section .swiper-pagination-bullet-active{ background:#ec9723;}


@media only screen and (max-width:992px) {   
	.news-section{padding:.6rem 0}	
}




/*footer*/
#footer{color: #464646;  font-size: 18px; overflow: hidden; background-size: cover; background: #f7f4eb; background-repeat: no-repeat; padding-top: 0.47rem;}
#footer ul li{ list-style:none;}
#footer a{ color:#464646;}
#footer a:hover{text-decoration:underline;} 
#footer .title_h4{font-size:16px; position: relative; margin-bottom: 0.1rem; color: #015699;line-height: 0.3rem; font-family: var(--title-font); margin-top: 0.5rem; text-transform: uppercase;}
#footer .ul li a{ line-height:22px; padding:8px 0; display:inline-block; position:relative; text-transform: capitalize; color: #333;}
#footer .footer_logo{ margin-bottom: 0.2rem;}
#footer .footer_top{ margin-bottom: 0.4rem;}
#footer .footer_nav ul li{ color: #fff; float: left;}
#footer .footer_nav ul li a{ font-family: var(--title-font); text-transform: uppercase; margin-right: 0.6rem; color: #fff;}
#footer .footer_code ul li{ float: left; text-align: center;margin-left: 0.3rem; color: #fff; font-size: 12px; text-transform: uppercase;}
#footer .footer_code ul li .img{ width: 120px; height: 120px; border-radius: 5px; background: #fff; display: flex; overflow: hidden; margin-bottom: 0.1rem;}


.footer_sns{ display: flex; margin-top: 0.2rem; margin-bottom: 0.4rem;}
.footer_sns a{max-width:40px; margin-left: 0; margin-right: 6px; background: rgba(255,255,255,0.17); border-radius: 50%;}
.footer_sns a:hover{ background-color: var(--zhover-color);}

#footer .footer_con{ border-top: 1px solid rgba(255,255,255,0.2); padding: 0.4rem 0 0.3rem;}
#footer .footer_con ul li{max-width: 33.33%;}
#footer .footer_con ul li i{ width: 40px; height: 40px; border: 1px solid rgba(255,255,255,0.2); display: inline-block; border-radius: 50%;background-size: 20px auto; background-repeat: no-repeat; background-position: center center;}
#footer .footer_con ul li .email{background-image: url("data:image/svg+xml,%3Csvg t='1777431091821' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5239' width='200' height='200'%3E%3Cpath d='M801.142 232h-579.04l289.52 299.86L801.142 232zM136 234.963V792h752V234.18L534.643 600.157a32 32 0 0 1-0.794 0.794c-12.714 12.275-32.972 11.92-45.248-0.794L136 234.963zM96 160h832c17.673 0 32 14.327 32 32v640c0 17.673-14.327 32-32 32H96c-17.673 0-32-14.327-32-32V192c0-17.673 14.327-32 32-32z' fill='%23ffffff' p-id='5240'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con ul li .add{background-image: url("data:image/svg+xml,%3Csvg t='1777431232525' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='8362' width='200' height='200'%3E%3Cpath d='M512 64C326.4 64 179.2 211.2 179.2 396.8c0 64 19.2 115.2 44.8 166.4 0 6.4 256 384 256 384C486.4 953.6 499.2 960 512 960c12.8 0 25.6-6.4 32-12.8 0 0 256-377.6 256-377.6 32-51.2 51.2-108.8 51.2-172.8C851.2 211.2 697.6 64 512 64zM736 537.6 736 537.6C736 544 736 544 736 537.6L627.2 704c0 0 0 0 0 0L512 870.4 396.8 704c0 0 0 0 0 0L288 544l0 0C262.4 499.2 243.2 448 243.2 396.8 243.2 249.6 364.8 128 512 128s268.8 115.2 268.8 262.4C780.8 448 761.6 499.2 736 537.6L736 537.6zM512 262.4C435.2 262.4 377.6 320 377.6 396.8S435.2 524.8 512 524.8s134.4-57.6 134.4-134.4S588.8 262.4 512 262.4zM512 460.8c-38.4 0-70.4-32-70.4-64s32-64 70.4-64 70.4 32 70.4 64S550.4 460.8 512 460.8z' fill='%23ffffff' p-id='8363'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con ul li .title{ color: #999; font-size: 14px;}
#footer .footer_con ul li .p{ font-size: 16px;  height: 60px; color: #fff; margin: 10px 0 15px;}
#footer .footer_con ul li .p a{ color: #fff;text-decoration: underline;}

.mob_follow a{ display: inline-block; margin-right: 0.08rem;}
.footer_bottom{padding: 0.16rem 0;line-height: 24px;font-size: 14px; position: relative; color: #b0b0b0; position: relative; padding: 0.3rem 0; border-top: 1px solid rgba(255,255,255,0.2);}
.footer_bottom .cop{ margin-top:6px;}
.footer_bottom a{ color: #b0b0b0 !important; margin: 0 0.15rem;}
.footer_bottom img{ margin-right: 6px;}

@media screen and (max-width:992px) {
#footer .footer_top{display:none}
	#footer .footer_con{border-top:none; padding-top: .2rem}
#footer .main{flex-wrap: wrap;}
#footer{ font-size: 16px; padding-top: 0.3rem;}
.footer_bottom{display: block; text-align: left; padding-top: 0; font-size: 12px; margin-top:30px; background: none; border-top: 1px solid rgba(255,255,255,0.2); border-radius: 0;}
.footer_bottom .web_info{ display: block;}
.footer_bottom .web_info>div{ float: left;}
.mob_follow{ width: 100%;}
.mob_follow a{ margin: 0; margin-right: 6px; line-height: 24px; text-decoration: underline;}
.footer_email{ width: 100%;}
#footer .main>div{ width: 100%; padding: 0; margin-top: 15px;}
.footer_top { font-size: 15px;}
.footer_top ul li{ width: 100%;}
.footer_sns{ margin-bottom: 0; margin-top: 10px;}
#footer .title_h4{ margin-top: 0.15rem;}
#footer .footer_con ul li .p{ line-height: 24px; max-height: 72px; height: 100%}
	#footer .flex-group{flex-wrap:wrap}
	#footer .footer_con ul li{max-width: 50%; width:50%;}
	#footer .footer_con ul li:last-child{ max-width:100%; width:100%; margin-top: .3rem}
}

@media screen and (max-width:768px) {
#footer .footer_about,#footer .footer_sub{width: 100%; text-align: left; padding:0; max-width: none;}
#footer .email{width: 100%; max-width: 100%;}
#footer .main{ gap: 20px;}
#footer .footer_con .title{margin-bottom:5px;}
#footer .footer_con{padding-left: 0;} 
#footer .footer_con ul li a{font-size: 14px;}
.footer_bottom .footer_tags a{ margin: 0 4px;}
#footer{ padding-bottom: 0.6rem;}

}

@media screen and (max-width:500px) {
	#footer .email{display: block;}
	#footer .email_main{width: 100%; height: 46px;}
	#footer .email_btn{height: 46px;}
	.footer_sns span{display: none;} 
	#footer .footer_con ul li{max-width: 100%; width:100%; margin-bottom: .1rem}
	#footer .footer_con ul li .icon{display:none}
	#footer .footer_con ul li:last-child{margin-top:0; margin-bottom: 0}
}

/*back-top*/
.progress-wrap {position: fixed;right: 0.3rem;bottom: 80px;height: 0.46rem;width: 0.46rem;cursor: pointer;display: block;border-radius: 50px;
box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);z-index: 8888888;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear;
transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0);}
.progress-wrap::after {position: absolute;font-family: "iconfont";content: "\e607";text-align: center;
line-height: 0.46rem;font-size: 0.2rem;color:var(--zhover-color) ;left: 0;top: 0;height: 0.46rem;width: 0.46rem;cursor: pointer;display: block;
z-index: 1;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap svg path { fill: none; }
.progress-wrap svg.progress-circle path {stroke:var(--zhover-color) ;stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear;
transition: all 200ms linear;}


#whatsapp{z-index:88858;position:fixed;right:0.28rem;bottom:20px;font-size:12px; }
#floatShow2{display:block;}
#floatHide2{display:none;}
#whatsapp_tab #floatShow2{line-height:48px;color:#333;font-size:13px;text-transform:uppercase;transition: all .5s ease; display: block; padding-left: 48px;  height: 48px; background:var(--zhover-color);border-radius: 0; margin-bottom: -20px; min-width: 140px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer;}
#whatsapp_tab #floatShow2 svg{ width: 30px; height:30px; fill:#fff;}
#whatsapp_tab .animated { opacity: 1; }
#whatsapp_tab #floatShow2 .online_icon{position: absolute;z-index:999;left: 0;top: 0;width:48px;height:48px;display: flex;align-items: center;justify-content: center;transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_icon i{ line-height: 0.48rem; font-size: 0.2rem; color: #fff;}
#whatsapp_tab #floatShow2 .online_open , #whatsapp_tab #floatShow .online_close{transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_open{position: absolute;left: 0;top: 0;opacity: 0;display: inline-flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
#whatsapp_tab #floatShow2 .online_mobile{display: none;align-items: center;justify-content: center;width: 42px;height: 42px;transition: all .5s ease;}
#whatsapp_tab #floatShow2:hover .online_open{opacity: 1;}
#whatsapp_tab #floatShow2:hover .online_close{opacity:0;}
#whatsapp_tab #floatShow2:hover{margin-right:0;}

#whatsapp_tab #floatShow2 p{line-height: 1.5;margin-right: 15px; transition: all .4s ease;-webkit-transition: all .4s ease;-moz-transition: all .4s ease; height: 50px; line-height: 50px; color: #fff;font-size:14px; text-transform:uppercase; font-family:var(--bold-font);}
#whatsapp_tab #floatShow2:hover{margin-right:0;}
#whatsapp_tab #floatHide2{font-family: "iconfont";height:100%; color: #fff; width: 100%; border-radius: 50%; text-align: center; position: absolute;transition: all .5s ease;display: block;opacity: 0;transform: scale(0) rotate(-1turn); width: 50px; height: 50px; position: absolute; right: 0; bottom: 0; background:var(--zhover-color); cursor: pointer;}
#whatsapp_tab #floatHide2:before{border-radius: 0;color:#999;font-family: "iconfont"; content: "\e64c"; color: #fff; line-height: 50px;}
#whatsapp_tab #floatShow2:hover,#whatsapp_tab #floatHide2:hover{text-decoration:none;}
#onlineService2{display:inline;width:350px;display:none;font-size: 16px;border-top:none; margin-bottom: 0;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 5px 30px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px; border-radius: 5px;background: #f9fafa; margin-right: 60px;}

#onlineService2 .title{background:var(--zhover-color);  display: flex; fill:#fff; padding:12px 20px;align-items: center; text-transform: capitalize; cursor: pointer;}
#onlineService2 .title i{ color: #fff; font-size: 0.2rem; margin-right: 10px; line-height: 0.2rem;}
#onlineService2 .title .h4{ color: #fff; font-size:16px; font-family:var(--bold-font); text-transform: uppercase;}
#onlineService2 .title p{ color: #fff; line-height: 20px;}
.inquiry-is .field-group label{ height: 1px; line-height: 1px; font-size: 0px;}
.inquiry-is .field-group label:before{  top: 0;}
.inquiry-is .is-required::after{  top: 15px;}
.inquiry-is .field-group input, .inquiry-is .field-group textarea{ padding: 8px; border: 1px solid #ddd;}
.inquiry-is .field-group textarea { min-height: 1rem;}
.inquiry-is .field-group{ margin-bottom: 0.1rem;}


#onlineService2 .call-hours{ padding: 0 0.2rem 0.2rem; width: 100%; font-size: 14px; line-height: 0.24rem; display: none}
#onlineService2 .con_btn{ background:var(--zhover-color); color: #fff; line-height: 0.22rem; display:block; padding:10px;  font-size: 16px; text-align: center;}
#whatsapp .inquiry{ padding: 0.2rem; background: #fff; font-size: 13px;}
#whatsapp .inquiry .p{ font-size: 15px; color: #777; line-height: 20px; margin-bottom: 0.1rem; margin-top: 0;}


@media screen and (min-width:768px){
	#whatsapp_tab #floatHide2 {top: 0;right: 60px;}
}
@media screen and (max-width: 992px){
	#whatsapp_tab #floatShow2{width: 48px; padding-left: 48px; overflow: hidden; min-width: auto; margin: 0; border-radius: 50%;}
	#whatsapp{right:18px;}
}
@media only screen and (max-width: 768px) {
	#whatsapp_tab #floatShow2{box-shadow: 0 2px 8px 1px rgb(0 78 152 / 20%);border-radius: 30px; min-width:auto;}
	#whatsapp_tab{ position: initial;}
	#whatsapp_tab #floatShow2 p{ display: none !important;}
	#whatsapp{ right: 0; bottom: 0; width: 100%;}
	.back-home{ display: none;}
	.progress-wrap{ bottom: 60px;}
	#whatsapp{right:0;}
	#onlineService2{ width:100%;margin-bottom: 48px;}
	#whatsapp_tab{ width:48px; height:48px; padding:0;box-shadow:none;border-radius:50%;z-index:666666;right: 50%; margin-right: -25px; bottom: 10px;position: absolute;}
	#whatsapp_tab #floatShow2 .online_icon{width: 100%;height:100%;left: 0;margin-top: 0;top: 0; background: var(--zhover-color); border-radius: 50%;}
	#whatsapp_tab #floatHide2{ background: var(--zhover-color);border-radius: 50%;}
	#whatsapp_tab #floatShow2 .online_close , #whatsapp_tab #floatShow2 .online_open{display: none;}
	#whatsapp_tab #floatShow2 .online_mobile{display: flex;}
	#whatsapp_tab #floatShow2 p{display: none;}
	#whatsapp_tab #floatShow2:after{display: none;}
	.i_message_inquiry .inquiry{padding-left: 5px;padding-right: 5px;}
	#whatsapp{
		box-sizing: content-box; 
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}
	.progress-wrap{
		box-sizing: content-box; 
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}
	.mobile-footer-bottom{padding-bottom:70px;}
}

/*fixed-contact*/
.fixed-contact {z-index:999999;position:fixed;right:0;top:40%;width:50px;margin-top:-90px;overflow:hidden;opacity:0;filter:alpha(opacity=0);transition:all .4s;transform: translateX(95px);-webkit-transform: translateX(95px);-moz-transform: translateX(95px); box-shadow: -30px 0px 50px rgba(0,0,0,0.2);}
.fixed-contact.show{  transform:none; opacity:1;filter:alpha(opacity=100); }
.fixed-contact.active {width:260px;}
.fixed-contact li {position:relative;height:50px;overflow:hidden;transition:all .4s;list-style: none;background:#f9f9f9; background-size: cover; border-bottom: 1px solid rgba(0,0,0,0.05)}
.fixed-contact li:last-child{ border-bottom:none;}
.fixed-contact.active li a {opacity: 1;}
.fixed-contact li a {position:relative;z-index:1000;display:block;}
.fixed-contact li i{ width: 50px; height:50px; color: #052035; font-size: 18px; line-height: 50px; display: inline-block; text-align: center;}
.fixed-contact.active li:last-child:after {display:none;}
.fixed-contact li:hover i,.fixed-contact li:hover a{ text-decoration: underline;}
.fixed-contact .online_p i {background-position: 0 -262px;border-top-left-radius:30px;-moz-border-top-left-radius:30px;-webkit-border-top-left-radius:30px;border-top-right-radius:30px;-moz-border-top-right-radius:30px;-webkit-border-top-right-radius:30px;}
.fixed-contact li a, .fixed-contact .code-box{position:absolute;top:0;right:-135px;display:block;width:210px;line-height:110%;padding:18px 0 0 50px;color:#111;white-space:nowrap;transition:all .4s;font-size:16px;text-align: left;opacity: 0;}
.fixed-contact.active li a,.fixed-contact.active .code-box{right:50px; opacity: 1;}
.fixed-contact .online_code img{max-width:80px; margin: 0 4px;}
.fixed-contact .online_code p{ margin-bottom: 8px;}
.fixed-contact.active .online_code{height:130px;}
.fixed-contact.active .online_code p{margin:0;margin-bottom:5px;}


@media only screen and (max-width: 992px) {
	.fixed-contact{display:none !important;}
	.fixed-contact.show{opacity:0;}
}

/*mobile_nav*/
.mobile_nav {display: none;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 9999;justify-content: space-between;align-items: center;
background: rgba(6, 7, 11, 0.85);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-top: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px 12px 0 0;box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.3);padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.mobile_nav .nav_item {text-align: center;padding:0 0 8px;text-decoration: none;transition: background 0.3s;-webkit-tap-highlight-color: transparent; width: 20%; float: left;}
.mobile_nav .nav_item:active {background: rgba(255, 255, 255, 0.1);}
.mobile_nav .nav_item:nth-child(3),.mobile_nav .nav_item:nth-child(4){ float: right;}
.mobile_nav .nav_item i {display: block;font-size: 20px; color: #808080;margin-bottom: 4px;}
.mobile_nav .nav_item span {display: block;color: #ffffff;font-size: 12px;text-transform: capitalize;line-height: 1;}

@media only screen and (max-width: 768px) {.mobile_nav {display:block;}
}





@media only screen and (max-width: 992px){
	#service{display:none;}
	#onlineService01{width:150px;}
	#online_qq_tab #floatShow{margin-bottom: 0;}
}

@media only screen and (max-width: 768px) {
	#online_qq_layer{right:0;}
	#onlineService{ width:100%; padding: 0;}
	#online_qq_layer{ width:100%;bottom:0;}
	#online_qq_tab{ width:100%;}
	#online_qq_tab #floatShow{ background:#333 url(../images/icon.png) no-repeat  -128px -218px;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;left:50%;bottom:10px;margin-left:-25px;border:3px solid #fff;padding:0;box-shadow:none;border-radius:50%;text-indent:-999999px; z-index: 6666666;}
	#online_qq_tab #floatShow i{display:none;}
	#online_qq_tab #floatShow span{ display:none;}
	.footer-bottom{padding-bottom:60px;}
	#onlineService .i_message_inquiry .main-more input{padding:8px 20px;}
	#onlineService .title{ color: #fff; font-size: 18px;}
	#online_qq_layer{
		box-sizing: content-box; 
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}
	.progress-wrap{
		box-sizing: content-box; 
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}

}

@media only screen and (max-width: 992px){
	#service{display:none;}
	#onlineService01{width:150px;}
	.onlineMenu .call-top{padding:8px 5px;}
	.onlineMenu .call-top p{font-size:16px;}
	.onlineMenu ul{padding:10px;}
	.onlineMenu .call>p{padding-left:20px;font-size:0.14rem;}
	.onlineMenu .call>p a{font-size:0.14rem;}
	.onlineMenu .call>p.ser01,.onlineMenu .call>p.ser02,.onlineMenu .call>p.ser03,.onlineMenu .call>p.ser04,.onlineMenu .call>p.ser05{background-size:0.14rem;}
	#online_qq_tab #floatShow:before{display: none;}
}



/*page_nav*/
.page_nav{margin-bottom: 0;padding: 0;padding-top: 0; margin-bottom: 30px; position: relative; text-align: center; position: relative; z-index: 5555;}
.page_nav ul{list-style:none;text-align:center;display:flex;align-items:center;border-radius:0;justify-content: center;}
.page_nav li{margin-bottom:0;padding:0;padding-right:0.2rem;float: left;}
.page_nav li:last-child{border-right-color: transparent;}
.page_nav li a{display:flex;font-size:0.16rem;line-height:24px;text-transform:uppercase;transition:all .5s;position: relative;z-index: 5;align-items: center;justify-content: center; background:#f4ece4;  padding: 0.15rem 0.3rem; color: #333;  border-radius: 0; } 
.page_nav li a p{margin: 0;margin-left: 0;color: #333;transition:all .5s; display: block; overflow: hidden; position: relative;padding:0.1rem; width: 100%}
.page_nav li a:after{bottom: -10px;left:50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-top-color: var(--zmain-color);border-width: 10px;opacity: 0;filter: alpha(opacity=0);transition:all .5s;margin-left: -10px;}
.page_nav li a:hover , .page_nav li.active a{text-decoration:none;color: #fff;}
.page_nav li a:hover p, .page_nav li.active a p{color: #fff;}
.page_nav li a:hover, .page_nav li.active a{background: var(--zmain-color);}
.page_nav li a:hover:after, .page_nav li.active a:after{opacity: 1;filter: alpha(opacity=100);bottom: -15px;}

.page_nav li a p:before { content: ' '; position: absolute; background:rgba(255,255,255,0.15); width:46px; height:46px; top: -21px; left:-26px; border-radius: 50%;  -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index: -1}
.page_nav li a p:hover:before{ width: 200px; height:200px; left:-15px; top: -50px; }
 
@media only screen and (max-width:992px) {
.page_nav li a{ line-height: 18px;}
}
@media only screen and (max-width:768px) {
.page_nav ul{ display: block;}
.page_nav li{ width: 100%; margin-bottom: 10px; padding: 0;}
.page_nav{ border: none; padding-bottom: 0; margin-bottom: 15px;}
}


.left_nav{  border-top: none; background:var(--zmain-color); border-top-left-radius: 5px; border-top-right-radius: 5px;}
ul.mtree{border-top: none; padding:6px; background: #f5f6f8;}
ul.mtree a:hover{ color:var(--zmain-color); text-decoration: underline;}
ul.mtree li {list-style: none;}
ul.mtree>li{ border-bottom: 1px solid #fff;}
ul.mtree>li>h2>a{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; display: flex;align-items: center;  height:46px; padding-left: 0.15rem; color: #333; font-size: 16px; font-family:var(--bold-font); }
ul.mtree>li>h2>a i{ width: 0.5rem; height:46px; padding: 0.05rem; display: inline-block; margin-right: 0.15rem; border-right:1px solid #fff;}
ul.mtree>li>h2>a i img{filter: brightness(0);filter: black; opacity: 0.3;transition: 0.3s all;}
ul.mtree>li>a{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; display: flex;align-items: center; min-height:46px; padding:10px; color: #333; font-size: 16px; font-family:var(--bold-font); text-transform: capitalize;}
ul.mtree>li:last-child>a{ border-bottom: none;}
ul.mtree>li>a i{ width: 0.5rem; height:46px; padding: 0.05rem; display: inline-block; margin-right: 0.15rem; border-right:1px solid #fff;}
ul.mtree>li>a i img{filter: brightness(0);filter: black; opacity: 0.3;transition: 0.3s all;}

ul.mtree>li{ position: relative;}
ul.mtree li:last-child{ border: none;}
ul.mtree a {display: block;  color:#666;-moz-transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s;transition: all 0s;line-height:22px; padding-right:0.36rem;}
ul.mtree li ul a{ line-height:46px; padding: 0 0.15rem; padding-right:24px;; color: #fff; font-size: 16px; font-family:var(--main-font);}
ul.mtree ul li:last-child a{ border:none;}
ul.mtree.transit li.mtree-open>span:before  {content:"\e603";font-family: "iconfont";padding-left:5px; float:right; font-size:14px;   font-style:normal;  height: 46px; line-height:46px; width: 0.3rem; position:absolute;  right:0; top:0px; color: #333;}
ul.mtree.transit li.mtree-closed>span:before {content:"\e607";font-family: "iconfont";padding-left:5px; float:right; font-size:14px;   font-style:normal; height: 46px;line-height:46px; width: 0.3rem; position:absolute;  right:0; top:0px; color: #666;}
ul.mtree .mtree-level-1 li.mtree-open>span:before {content:"\e603";font-family: "iconfont";padding-left:5px; float:right; font-size:14px;   font-style:normal; height: 46px; width: 0.3rem; line-height: 46px; background:none;position:absolute;  right:0; top:0; border-left:none; color: #666;}
ul.mtree .mtree-level-1 li.mtree-closed>span:before{content:"\e607";font-family: "iconfont";padding-left:5px; float:right; font-size:14px;   font-style:normal; height: 46px; width: 0.3rem; line-height: 46px; background:none; position:absolute;  right:0; top:0; border-left:none; color: #666;}
ul.mtree li ul a li a{ padding-left:20px;}
ul.mtree>li:hover>a{color:#333; background:var(--zhover-color);}
ul.mtree>li.mtree-open{color:#333; background:var(--zhover-color);padding-bottom:0;}
ul.mtree>li.mtree-open>a{ color: #333;}
ul.mtree ul { background: #fff;}
ul.mtree ul li{list-style:none; position:relative; border-bottom: 1px solid #f2f2f2; text-transform: capitalize; font-weight: 400;}
ul.mtree ul li.active a{ color: var(--zhover-color)}
ul.mtree ul li:last-child{ border-bottom: none;}
ul.mtree ul li a{display:block;color:#111;}
ul.mtree>li>ul>li>a:before{content:"";}
ul.mtree>li>ul>li>a:before{content:"";}
ul.mtree .mtree-level-2{ margin-top:0px; border:none; padding:0px; margin-bottom:0; padding: 0 6px; margin-bottom: 6px;}
ul.mtree li ul.mtree-level-2 li{border: none; background: #f2f2f2; padding: 0 10px;}
ul.mtree li ul.mtree-level-2 li a{ padding-left:0; color: #333; padding-left: 15px; position: relative; font-family: var(--main-font); font-size: 15px;}
ul.mtree li ul.mtree-level-2 li a:after{ position: absolute; content: ''; width: 4px; height: 4px; background: var(--zmain-color); left: 4px; top: 50%; margin-top: -2px;}
ul.mtree li ul.mtree-level-2 li.active a{ color: #333;}
ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:var(--zhover-color) ;font-weight:normal;}
ul.mtree.jet ul {margin-left: 0;}
ul.mtree.jet li {margin-bottom: 1px;}
ul.mtree.jet li:last-child {margin-bottom: 0px;}
ul.mtree.jet li:first-child {margin-top: 1px;}
ul.mtree.jet li.mtree-active a {background: #e5e5e5;}
ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;}
ul.mtree.jet li.mtree-active > a {background: var(--zmain-color);color: #FFF; border-radius: 3px 3px 0px 0px;}
ul.mtree.jet li > a:hover { background: #FFC000;color: #FFF;}
ul.mtree.jet a { padding: 5px 0px 5px 1em;}
ul.mtree.jet li li > a { padding-left: 2em;}

ul.mtree.jet li li li > a {padding-left: 3em;}
ul.mtree.jet li li li li > a {padding-left: 4em;}
ul.mtree.jet li li li li li > a {padding-left: 5em;}
ul.mtree a:hover{text-decoration:none;}
ul.mtree>li.mtree-node ul i{margin-right:4px;  color:#999;}
.mtree-skin-selector{ display:none !important}

ul.mtree>li.mtree-open i img,ul.mtree>li:hover i img {filter: brightness(1);filter: none;opacity: 1;}
ul.mtree>li.mtree-open i,ul.mtree>li:hover i { border-right: 1px solid rgba(255,255,255,0.5);}
ul.mtree .mtree-level-2 a{line-height: 34px;}
ul.mtree .mtree-level-1 .active>a, ul.mtree .mtree-level-2 .active>a{ color:var(--zmain-color); text-decoration: underline;}

.left_h4{line-height: 0.3rem; color:#333;font-size:0.22rem; position:inherit; text-transform:capitalize;position: relative; padding-bottom:8px;  border-bottom: 1px solid #eee; padding: 0.15rem 0.2rem; font-family:var(--title-font);}
@media only screen and (max-width:992px) {
.left_nav{padding: 0; border: 0;}
}

.nav_h4{line-height: 0.3rem; font-size:0.22rem; position:inherit; text-transform:capitalize;position: relative; padding: 15px;  background-size: cover; color: #fff; line-height: 28px; padding-bottom: 15px; font-family:var(--title-font); display: flex;}
.nav_h4 img{ margin-right: 15px; max-width: 28px;}
.nav_h4::after{ content:none;}
.toggle_content{width: 100%;}
@media only screen and (max-width:992px) {
.nav_h4,.left_h4{ position:relative;color:#fff;padding:0 0.1rem; font-size: 18px; line-height: 0.5rem; margin-bottom: 0; background:var(--zhover-color);}
.nav_h4:after ,.left_h4:after{  display: block;  content: "\e603";  font-family: "iconfont";  position: absolute;  right:0.15rem;  cursor:pointer; font-size:14px; top:0px;  color:#fff; line-height: 0.5rem; font-weight: bold;}
ul.mtree{ border-radius: 0;}
}


.hot_left{ position: relative;margin-top:30px; border: 1px solid #eee;background: #fff;}
.hot_left ul{padding:0.15rem;}
.hot_left ul li{list-style: none;}
.hot_left .li{ width: 100%; margin-bottom: 10px; position: relative; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.hot_left ul li:last-child .li{ border-bottom:none; margin-bottom: 0; padding-bottom: 0;}
.hot_left .li .img{ float: left; width:88px; margin-right: 16px;overflow: hidden; border-radius: 5px; position: relative;}
.hot_left .li .img:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0,0,0,0); background-image: url("data:image/svg+xml,%3Csvg t='1757406595333' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5304' width='200' height='200'%3E%3Cpath d='M569.1392 626.0736a166.2464 166.2464 0 0 1-117.4016-49.0496 22.8352 22.8352 0 1 1 32.256-32.256 121.4976 121.4976 0 0 0 170.3424 0l163.84-163.84a120.4224 120.4224 0 0 0-170.3424-170.3424l-138.24 138.24a22.8352 22.8352 0 1 1-32.256-32.256l138.24-138.24a165.12 165.12 0 0 1 233.5232 233.5232l-163.84 163.84a159.5392 159.5392 0 0 1-116.1216 50.3808zM299.4688 896a165.7856 165.7856 0 0 1-117.4016-282.5728l163.84-163.84a165.12 165.12 0 0 1 233.5232 0 22.8352 22.8352 0 1 1-32.256 32.256 121.4976 121.4976 0 0 0-170.3424 0l-163.84 163.84a120.4224 120.4224 0 0 0 170.3424 170.3424l138.24-138.24a22.8352 22.8352 0 0 1 32.256 32.256l-138.24 138.24A169.7792 169.7792 0 0 1 299.4688 896z' p-id='5305' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M299.4688 908.6464a173.5168 173.5168 0 0 1-126.464-52.8896 178.7392 178.7392 0 0 1-52.8896-126.464 173.5168 173.5168 0 0 1 52.8896-126.464l163.84-163.84a178.7392 178.7392 0 0 1 126.464-52.8896 173.568 173.568 0 0 1 126.464 52.8896 35.84 35.84 0 0 1 10.24 25.6 40.96 40.96 0 0 1-10.24 25.6 35.072 35.072 0 0 1-50.3296 0 109.056 109.056 0 0 0-152.2688 0l-163.84 163.84a106.2912 106.2912 0 0 0-30.72 76.1344 111.9232 111.9232 0 0 0 30.72 76.1344 106.2912 106.2912 0 0 0 76.1344 30.72 111.9232 111.9232 0 0 0 76.1344-30.72l138.24-138.24a35.584 35.584 0 0 1 50.3296 50.3296l-138.24 138.24a179.7632 179.7632 0 0 1-126.464 52.0192zM462.0288 414.72a145.2032 145.2032 0 0 0-107.1104 45.1584l-163.84 163.84a152.576 152.576 0 0 0-45.1584 107.1104 145.2544 145.2544 0 0 0 45.1584 107.1104 152.576 152.576 0 0 0 107.1104 45.1584 145.2032 145.2032 0 0 0 107.1104-45.1584l138.24-138.24a9.1136 9.1136 0 0 0-12.9024-12.9024l-138.24 138.24a133.12 133.12 0 0 1-188.416-188.6208l163.84-163.84a135.5264 135.5264 0 0 1 189.44 0 8.6016 8.6016 0 0 0 12.9024 0 9.3696 9.3696 0 0 0 0-12.9024A148.0704 148.0704 0 0 0 462.0288 414.72z m107.1104 224.512a173.5168 173.5168 0 0 1-126.464-52.8896 35.584 35.584 0 0 1 50.3296-50.3296 109.056 109.056 0 0 0 152.2688 0l163.84-163.84a106.2912 106.2912 0 0 0 30.72-76.1344 111.9232 111.9232 0 0 0-30.72-76.1344 106.2912 106.2912 0 0 0-76.1344-30.72 111.9232 111.9232 0 0 0-76.1344 30.72l-138.24 138.24A35.584 35.584 0 0 1 468.48 307.2l138.24-138.24a178.7392 178.7392 0 0 1 126.464-52.8896A173.568 173.568 0 0 1 859.648 168.96a179.2 179.2 0 0 1 0 252.8768l-163.84 163.84a178.7392 178.7392 0 0 1-126.464 52.8896z m-101.9392-86.6816a9.8816 9.8816 0 0 0-6.4512 2.56 8.6016 8.6016 0 0 0 0 12.9024 152.576 152.576 0 0 0 107.1104 45.1584 145.2032 145.2032 0 0 0 107.1104-45.1584l163.84-163.84A152.8832 152.8832 0 0 0 731.6992 143.36 145.2032 145.2032 0 0 0 624.64 188.672l-138.24 138.24a9.1136 9.1136 0 1 0 12.9024 12.9024l138.24-138.24a133.12 133.12 0 0 1 188.3648 188.3648l-163.84 163.84a135.5264 135.5264 0 0 1-189.44 0c0-1.28-2.56-1.28-5.12-1.28z' p-id='5306' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 30px auto; background-position: center center; opacity: 0; transition: 0.5s;}
.hot_left .li .img:hover:after{ opacity: 1; background-color: rgba(0,0,0,0.6);}
.hot_left .li .title{ margin-bottom: 5px; display: block;  font-size:15px; line-height: 20px; max-height:40px; overflow: hidden; color: #222; padding-right: 5px; font-family:var(--bold-font); text-transform: capitalize;}
.hot_left .li .more{  color:var(--zmain-color); text-transform: capitalize; font-size:16px;font-family:var(--bold-font);}
.hot_left ul li:last-child .li{margin-bottom: 0;}
.hot_left .li .img:hover img{transform: scale(1.06);}
.hot_left .li:hover .title{ text-decoration: underline;}


@media only screen and (max-width:992px) {
.hot_left{ display: none;}
}


.left-adv{margin-top:30px;width:100%;background-size:cover;text-align: center;position:relative; border-radius: 10px; overflow: hidden;}
.left-adv .ovrly{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: block;background:#000;opacity: 0.4;filter: alpha(opacity=0.4);transition:all .5s;border-radius:0;}
.left-adv .main{position:relative;left:0;top:0;padding:0.2rem 0.2rem 0.4rem; z-index:2;text-align: left;}
.left-adv .icon{width: 60px;height:60px;margin:0;border-radius:50%;position:relative;z-index: 3;background-image: url("data:image/svg+xml,%3Csvg t='1739955853553' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='20667' width='200' height='200'%3E%3Cpath d='M490.684916 128.766467C256.165269 128.766467 64.383234 294.253424 64.383234 501.255309 64.383234 618.847138 126.868113 726.789996 230.678884 796.603148 227.606262 794.536798 225.494778 791.221546 224.753999 787.916563 223.887537 789.20001 221.953407 794.285728 218.857033 800.489202 217.065752 804.077968 214.951892 807.923142 212.584292 811.932716 209.515541 817.129698 206.194743 822.315034 202.873358 827.208904 200.894915 830.124028 199.385181 832.253605 198.588038 833.340433 172.393538 873.318105 195.912543 907.544203 237.91885 892.485001 238.904007 892.122217 240.468491 891.547651 242.667337 890.744965 246.342793 889.403243 250.469427 887.907196 254.950478 886.295611 267.750292 881.692231 280.813441 877.089544 293.359528 872.799705 295.896051 871.932402 298.389767 871.085409 300.83653 870.260372 316.56621 864.95641 329.922562 860.704189 340.069379 857.823956 345.53275 856.273145 349.931698 855.160281 353.049854 854.536414 354.354436 854.275399 355.312446 854.125582 355.799045 854.082547 354.825653 854.168634 353.666503 854.131904 351.271205 853.409411 395.73304 866.820431 442.681213 873.74415 490.684916 873.74415 515.054363 873.74415 539.17115 871.960251 562.858125 868.437706L553.743714 867.654409C587.27542 878.684203 622.974605 884.399727 659.544225 884.399727 693.181558 884.399727 726.090816 879.564534 757.271021 870.194777 754.092157 871.150037 753.608504 871.121242 752.940486 871.002866 754.491872 871.27778 756.826954 871.827951 759.766796 872.623229 765.488513 874.171055 773.068547 876.523039 781.988654 879.487401 783.660815 880.043099 785.371243 880.617405 787.11584 881.208674 794.321124 883.650652 801.796248 886.274135 809.096177 888.898315 813.473523 890.471885 816.808901 891.692041 818.665128 892.380197 860.663463 907.254143 884.367548 873.21324 859.473647 834.095155L858.061678 832.115726C856.808278 830.543061 854.629739 827.525856 852.506478 824.032117 851.198804 821.880393 850.132845 819.882986 849.402965 818.211045 848.88826 821.966376 846.566215 827.362287 841.990053 830.428279 915.30587 781.307253 959.616766 705.045911 959.616766 621.731227 959.616766 570.619613 942.964529 521.756096 912.303541 479.904834L916.899107 493.627052C912.222016 289.888257 721.984814 128.766467 490.684916 128.766467ZM874.458588 502.459496 878.87761 508.491319C903.736413 542.422786 916.986598 581.303485 916.986598 621.731227 916.986598 688.106955 880.94872 750.130005 819.523603 791.284355 802.737889 802.530654 803.163281 820.259893 810.846353 837.859545 812.511881 841.674778 814.544511 845.483541 816.871626 849.312716 820.163834 854.729912 823.400763 859.212948 825.757675 862.170212L824.345705 860.190783C826.245123 863.175514 827.218499 865.31948 827.393889 866.111397 826.869427 863.743344 827.310775 859.845407 830.096989 855.844186 832.870293 851.861508 836.179448 850.333555 838.39741 850.215736 837.62165 850.256945 835.424001 849.847008 832.221342 848.712945 830.525993 848.082102 827.066992 846.816721 822.554587 845.194601 815.038264 842.49263 807.337514 839.789961 799.875177 837.260865 798.056786 836.644585 796.271017 836.044983 794.521489 835.463574 765.181772 825.713294 755.193882 823.011393 745.847847 825.819909 718.393861 834.069924 689.327665 838.340475 659.544225 838.340475 627.172439 838.340475 595.657587 833.294873 566.15969 823.591944L561.682084 822.119097 557.04528 822.808647C535.285067 826.044658 513.110434 827.684899 490.684916 827.684899 446.549157 827.684899 403.457662 821.329946 362.734113 809.046503 351.832032 805.75811 334.145392 810.778566 288.136195 826.292617 285.63427 827.136253 283.086605 828.00157 280.497094 828.886993 267.729439 833.252591 254.472422 837.923585 241.486537 842.593885 236.942593 844.228089 232.755682 845.745988 229.021658 847.10909 226.774814 847.929298 225.182894 848.513942 224.313674 848.834848 221.208111 849.947226 218.947329 850.386584 218.14354 850.352286 220.466916 850.451427 223.929592 852.017301 226.819244 856.222474 229.71253 860.432937 230.098527 864.480442 229.508371 866.930327 229.704432 866.116427 230.732379 863.943258 232.699225 860.936989 233.109594 860.433149 234.938024 857.854032 237.251504 854.44525 241.083328 848.799278 244.915738 842.815075 248.523314 836.705579 251.420355 831.799389 254.057357 827.002606 256.378759 822.35176 270.621662 793.816617 274.586859 771.878658 253.20607 757.499993 161.261461 695.666882 107.013402 601.95316 107.013402 501.255309 107.013402 322.255203 277.868719 174.825719 490.684916 174.825719 700.625512 174.825719 870.235026 318.476846 874.282045 494.769102L874.458588 502.459496ZM874.35643 501.255309 916.986598 501.255309C916.986598 498.709729 916.957412 496.166888 916.899107 493.627052L874.282045 494.769102C874.331614 496.92835 874.35643 499.090478 874.35643 501.255309ZM557.04528 822.808647 559.951702 845.623176 566.15969 823.591944C467.508194 791.141889 402.101853 710.883591 402.101853 621.731227 402.101853 503.406271 516.430046 405.12198 659.544225 405.12198 750.184557 405.12198 832.352401 444.985902 878.87761 508.491319L912.303541 479.904834C857.398565 404.961306 762.792042 359.062727 659.544225 359.062727 494.751422 359.062727 359.471685 475.358392 359.471685 621.731227 359.471685 732.90272 438.355709 829.699108 553.743714 867.654409L558.221321 869.127256 562.858125 868.437706C564.566072 868.183713 566.271624 867.920704 567.974711 867.648699L561.740762 822.084577C560.177951 822.334178 558.612768 822.575542 557.04528 822.808647Z' fill='%23ffffff' p-id='20668'%3E%3C/path%3E%3Cpath d='M512 624.342202a31.2857 31.2857 0 1 0 63.945223 0 31.2857 31.2857 0 1 0-63.945223 0Z' fill='%23ffffff' p-id='20669'%3E%3C/path%3E%3Cpath d='M639.890549 624.342202a31.2857 31.2857 0 1 0 63.945223 0 31.2857 31.2857 0 1 0-63.945223 0Z' fill='%23ffffff' p-id='20670'%3E%3C/path%3E%3Cpath d='M767.780995 624.342202a31.2857 31.2857 0 1 0 63.945223 0 31.2857 31.2857 0 1 0-63.945223 0Z' fill='%23ffffff' p-id='20671'%3E%3C/path%3E%3C/svg%3E"); background-color:var(--zmain-color); background-repeat: no-repeat; background-size:40px auto; background-position: center center;}
.left-adv .icon:after{ position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; background:  rgba(255,255,255,0.2); content: ''; border-radius: 50%;}
.left-adv .main .title{font-size:0.26rem;line-height:28px;color:#fff;text-transform: capitalize;margin-top:10px;margin-bottom:10px;display:block;border-bottom: 1px solid rgba(255,255,255,0.3);padding: 10px 0; font-family:var(--title-font); }
.left-adv .main .title:hover{text-decoration:none;}
.left-adv .main .text{color:#fff;line-height:24px; margin-bottom: 20px; }
.left-adv .main:after{background-position:-331px -103px; vertical-align: middle;margin-top: -1px;content:'';display: inline-block;margin-left: 10px;opacity: 1;position: relative;right: auto;top: auto;}
.left-adv .main:hover:after{animation:none;}
.left-adv .main:before{position: absolute;content: '';opacity: 0;top: 0;left: 0;z-index: 1;background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 90%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);width: 60%;height: 100%;transform: skew(-10deg,0deg);animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;border-radius: 0;border: none;}
.left-adv .my_more1{ border:none;}
@media only screen and (max-width:992px) {
.left-adv{ display: none;}
}


/* pagination */
.pagination { width: 100%; margin-top: 0.3rem; }
.pagination-list { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; list-style: none; margin: 0; padding: 0;justify-content: center;}
.pagination-item { display: inline-flex; }
.pagination-link,
.pagination-current { display: inline-flex; align-items: center; justify-content: center; min-width: 54px; height: 54px; padding: 0 12px; border: 1px solid #eee; box-sizing: border-box; font-size: 14px; background: #fff; text-align: center; border-radius: 6px; text-decoration: none; color: #333; transition: all 0.3s ease; cursor: pointer; }
.pagination-current { background: var(--zmain-color); color: #fff; box-shadow: 0 10px 24px 0px rgba(0, 0, 0, 0.07); border-color: var(--zmain-color); cursor: default; }
.pagination-link i { line-height: 1; font-size: 14px; }
.pagination-link:hover:not(.pagination-current) { color: #333; animation: qodef-jump 0.6s cubic-bezier(0.43, 0.41, 0.36, 0.9) forwards; border-color: var(--zhover-color); }
.pagination-link.disabled,
.pagination-link:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }

@media only screen and (max-width: 992px) { 
  .pagination-list { gap: 6px; }
  .pagination-link,
  .pagination-current { min-width: 40px; height: 40px; padding: 0 10px; font-size: 13px; }
  .pagination-link i { font-size: 12px; }
}

@media only screen and (max-width: 768px) { 
  .pagination-list { gap: 5px; }
  .pagination-link,
  .pagination-current { min-width: 36px; height: 36px; padding: 0 8px; font-size: 12px; }
}

@media only screen and (max-width: 576px) { 
  .pagination-list { gap: 4px; }
  .pagination-link,
  .pagination-current { min-width: 32px; height: 32px; padding: 0 6px; font-size: 12px; }
}

@media only screen and (max-width: 400px) { 
  .pagination-link,
  .pagination-current { min-width: 30px; height: 30px; padding: 0 6px; font-size: 11px; }
}

@keyframes qodef-jump { 
  0% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}

/* post-navigation */
.post-navigation { width: 100%; margin-top: 20px; background: #f4f4f4; border-radius: 10px;}
.post-navigation-list { display: flex; list-style: none; margin: 0; padding: 0; }
.post-navigation-item { flex: 1; padding: 20px 10px; }
.post-navigation-link { position: relative; display: block; transition: all 0.5s; padding: 0 20px; border-radius: 0; text-decoration: none; }
.post-navigation-link:hover { text-decoration: none; }
.post-navigation-link::before { font-family: 'iconfont'; font-size: 20px; position: absolute; top: 50%; width: 50px; height: 50px; line-height: 50px; transform: translateY(-50%); transition: all 0.5s; border-radius: 50%; color: #fff; background: #eee; text-align: center; font-size: 15px; }
.post-navigation-prev { text-align: left; border-right: 1px solid #ddd; }
.post-navigation-prev .post-navigation-link { padding-left: 66px; }
.post-navigation-prev .post-navigation-link::before { left: 0; content: "\e67e"; color: var(--zmain-color); }
.post-navigation-next { text-align: right; }
.post-navigation-next .post-navigation-link { padding-right: 66px; }
.post-navigation-next .post-navigation-link::before { right: 0; content: "\e63a"; color: var(--zmain-color); }
.post-navigation-item:hover .post-navigation-link::before { color: #333; background: var(--zhover-color); }
.post-navigation-label { display: inline-block; text-transform: uppercase; color: #333; margin-bottom: 0; line-height: 20px; transition: all 0.5s; font-size: 18px; font-family: var(--bold-font); }
.post-navigation-link:hover .post-navigation-label { color: var(--zhover-color); }
.post-navigation-title { overflow: hidden; line-height: 20px; max-height: 40px; margin: 0; transition: all 0.5s; }
.post-navigation-link:hover .post-navigation-title { color: #666; }

@media only screen and (max-width: 992px) { 
  .post-navigation-list { flex-direction: column; }
  .post-navigation-item { padding: 0; }
  .post-navigation-prev { border-right: none; margin-bottom: 10px; }
  .post-navigation-prev .post-navigation-link,
  .post-navigation-next .post-navigation-link { padding-left: 50px; padding-right: 10px; text-align: left; background: #f7f7f7; border-radius: 0; }
  .post-navigation-prev .post-navigation-link::before,
  .post-navigation-next .post-navigation-link::before { left: 10px; right: auto; width: 30px; height: 30px; line-height: 30px; font-size: 12px; }
  .post-navigation-link { padding-top: 10px; padding-bottom: 10px; }
  .post-navigation-title { display: none; }
  .post-navigation-label { font-size: 14px; }
}

@media only screen and (max-width: 768px) { 
  .post-navigation { border: none; border-radius: 15px; }
  .post-navigation-prev .post-navigation-link,
  .post-navigation-next .post-navigation-link { padding-left: 45px; }
  .post-navigation-prev .post-navigation-link::before,
  .post-navigation-next .post-navigation-link::before { width: 28px; height: 28px; line-height: 28px; font-size: 11px; left: 8px; }
  .post-navigation-label { font-size: 13px; }
}

@media only screen and (max-width: 480px) { 
  .post-navigation-prev .post-navigation-link,
  .post-navigation-next .post-navigation-link { padding-left: 40px; }
  .post-navigation-prev .post-navigation-link::before,
  .post-navigation-next .post-navigation-link::before { width: 25px; height: 25px; line-height: 25px; font-size: 10px; left: 6px; }
  .post-navigation-label { font-size: 12px; }
}



.tags_ul{ margin: 0.1rem 0; border-top: 1px solid #eee; padding-top: 0.1rem;}
.tags_ul span{  text-transform:uppercase; color:#333; margin-right:0.06rem; font-size:16px; font-family:var(--bold-font);}
.tags_ul h2{ display: inline-block;}
.tags_ul a{ display:inline-block; text-transform: capitalize; font-size: 15px; margin: 1px; color: #333; border-radius: 5px;min-height: 36px; padding: 8px 17px; line-height: 24px; border: 1px solid #E0E0E0;}
.tags_ul i{margin-right: 10px; color: var(--zmain-color);}
.tags_ul a:hover{ background:var(--zhover-color); color: #fff;}
@media screen and (max-width: 992px) {
	.tags_ul{ width:100%;}	
}

.blog_nav{ margin-top: 0.3rem;border: 1px solid #eee;overflow: hidden; background: #fff;}
.blog_nav .toggle_content{padding:0 0.2rem;}
.blog_nav ul li{ list-style:none; background: #fff; margin-bottom: 6px; border-bottom: 1px solid #e0e0e0;}
.blog_nav ul li:last-child{ border-bottom: none;}
.blog_nav ul li a{ font-size:16px; color:#333; line-height:0.22rem; padding:0.12rem 0; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-family:var(--bold-font); }
.blog_nav ul li a i{ color:#ccc;  margin-right:0.1rem; font-size: 10px;}
.blog_nav ul li a:hover{ color:var(--zmain-color); padding-left:0.1rem;}
.blog_nav ul li a:hover i{ color:var(--zmain-color);}


.hot_tags{ margin-top:30px;  background: #fff; border: 1px solid #eee;}
.hot_tags .toggle_content{padding: 0.2rem;}
.hot_tags a{ display:inline-block; padding: 0.08rem 0.12rem; text-transform: capitalize; font-size: 14px; color: #555; background:#eee; margin:2px; border-radius: 0; border-radius: 5px;}
.hot_tags a:hover{background: var(--zhover-color); color: #333;}

@media screen and (max-width: 992px) {
   .blog_nav,.hot_tags,.left_nav{ border: none; padding: 0; margin: 0; margin-top:0.15rem; border-radius: 0; border: none;}
   .blog_nav .toggle_content,.hot_tags .toggle_content{padding: 15px; background: #f7f7f7;}
   .blog_nav ul li{background: none;}
}


/*products_list*/
.products_m{ margin-bottom:15px;}
.cbp-vm-switcher {width:100%; }
.cbp-vm-options{background: #eee; border-radius: 4px; padding: 7px; margin-bottom: 0.3rem;}
.cbp-vm-options p{float:left;vertical-align:middle; color:#dd0522; text-transform:capitalize;  margin-left:8px;}
.cbp-vm-options a {vertical-align:middle;height:40px;overflow: hidden;white-space:nowrap;color:#333; line-height:40px; text-align:center; width:40px; background:#fff; vertical-align: middle; border-radius: 5px; display: flex; align-items: center; justify-content: center; float: left;border: 1px solid #eee; margin-right: 6px;}
.cbp-vm-options a svg{ width: 16px; height: 16px; color: #333;transition: 0.5s all;}
.cbp-vm-options a:hover,.cbp-vm-options a.cbp-vm-selected{background: #fff;}
.cbp-vm-options a:hover svg, .cbp-vm-options a.cbp-vm-selected svg{ color: var(--zhover-color);}

/* General list */
.cbp-vm-switcher ul {list-style: none;padding: 0;}
.cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after { content: " "; display: table; }
.cbp-vm-switcher ul:after { clear: both; }
.cbp-vm-switcher ul li {display: block;}
.cbp-vm-switcher ul li .img{ border:none; display: block; overflow: hidden;}
.cbp-vm-switcher ul li .tags_ul{ margin-bottom: 10px;}


/* From Uiverse.io by dylanharriscameron */ 
.cbp-vm-switcher ul li .img{ position: relative; overflow: hidden;}
.cbp-vm-switcher ul li .img img{ background: #fff; position: relative; z-index: 2;}
.cbp-vm-switcher ul li:hover .img img{transform: scale(1.04);}
.cbp-vm-switcher ul li .title{ font-family:var(--bold-font); font-size:16px; color: #222; line-height: 24px; height: 48px; display: block; overflow: hidden; position: relative; text-transform: capitalize;}
.cbp-vm-switcher ul li .title:after{ position: absolute; left: 0; bottom: -10px; width: 30px; height: 2px; content: ''; background: var(--zmain-color);}
.cbp-vm-switcher ul li .title:hover{ color:var(--zmain-color);}
.cbp-vm-switcher ul li .more{ border: 1px solid #00529b; width: 37px; height: 37px; display: inline-block; margin-top: 15px;background-image: url("data:image/svg+xml,%3Csvg t='1745301541514' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2770' width='20' height='20'%3E%3Cpath d='M254.1 926.7l-0.7-0.7v0.3l52.4 52.4 467-466.9-466.1-466-51.9 51.8L669 511.8z' p-id='2771' fill='%2300529b'%3E%3C/path%3E%3C/svg%3E"); background-position: center center; background-size:15px auto; background-repeat: no-repeat;}
.cbp-vm-switcher ul li:hover .more{ background-color: var(--zhover-color);background-image: url("data:image/svg+xml,%3Csvg t='1745301541514' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2770' width='20' height='20'%3E%3Cpath d='M254.1 926.7l-0.7-0.7v0.3l52.4 52.4 467-466.9-466.1-466-51.9 51.8L669 511.8z' p-id='2771' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");}

.cbp-vm-image {display: block;margin: 0 auto;position:relative;}
.cbp-vm-image img {width:100%;cursor:pointer;position:relative;max-width:100%;max-height:100%;}
.cbp-vm-image .img{ display: block; overflow: hidden;}
/* List view */

/*list1*/
.cbp-vm-view-grid ul{margin: 0 -10px; display: flex;flex-wrap: wrap;}
.cbp-vm-view-grid ul li {margin-bottom: 20px;}
.cbp-vm-view-grid ul li .li{ transition: 0.5s; background: #f2f3f4; height: 100%; transition: 0.5s;  border-radius: 5px; border: 1px solid #eee;}
.cbp-vm-view-grid ul li .li .img{ display: block;}
.cbp-vm-view-grid ul li .li:hover{ box-shadow: 0 0 30px rgba(0,0,0,0.15); background: #fff;}
.cbp-vm-view-grid ul li .li .text .web-h4{ line-height: 24px; height: 48px; overflow: hidden; font-size: 16px; margin-top: 15px; text-transform: capitalize;}
.cbp-vm-view-grid ul li {width:33.33%;text-align: left;vertical-align: top;float:left; padding: 0 10px;}
.cbp-vm-view-grid ul li .tags_ul{ display: none;}
.cbp-vm-view-grid ul li .p{ line-height: 24px; height: 48px; overflow: hidden; color: #808080; margin: 10px 0; display: none;}
.cbp-vm-view-grid ul li .li .text{ padding: 12px;}
.cbp-vm-view-grid ul li .li .text .btn-link:after{ display: none;}
.cbp-vm-view-grid ul li .li .text .btn-link{width: 40px;height: 40px;border-radius: 4px;display: inline-block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 14 15' fill='none'%3E %3Cpath d='M8.64245 3.29785L7.73346 4.20766L10.5419 7.02291H0.993164L0.993164 8.31038H10.5462L7.73346 11.1256L8.64245 12.0354L13.0073 7.66665L8.64245 3.29785Z' fill='%23666666'/%3E %3C/svg%3E");background-position: center center;background-repeat: no-repeat; text-indent: -9999px; position: relative; z-index: 3; background-color: #fff; min-height: auto; margin-top: 10px; padding: 0; border: 1px solid #eee;}
.cbp-vm-view-grid ul li .li:hover .text .btn-link{background-color: var(--zhover-color);border: 1px solid var(--zhover-color);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 14 15' fill='none'%3E %3Cpath d='M8.64245 3.29785L7.73346 4.20766L10.5419 7.02291H0.993164L0.993164 8.31038H10.5462L7.73346 11.1256L8.64245 12.0354L13.0073 7.66665L8.64245 3.29785Z' fill='%23ffff'/%3E %3C/svg%3E");}

/*list2*/
.cbp-vm-view-list li {text-align:left;white-space:normal;  margin-bottom:0; }
.cbp-vm-view-list li .i_more{ margin-top:0px; }
.cbp-vm-view-list li{ margin-bottom: 0.2rem;}
.cbp-vm-view-list li:last-child{ border-bottom: 1px solid #eee;}
.cbp-vm-view-list li:before, .cbp-vm-view-list li:after { content: " "; display: table;}
.cbp-vm-view-list li:after { clear: both; }
.cbp-vm-view-list ul li .li{ display: flex;}
.cbp-vm-view-list ul li .title{ max-height: 48px; height: auto; font-size: 20px;}
.cbp-vm-view-list ul li .p{color:#666;overflow:hidden; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; line-height: 20px; height: 40px; margin-top: 8px; font-size: 15px;}
.cbp-vm-view-list ul li .li{ padding-bottom:10px; padding-right: 80px; background: #fafafa; padding: 0.2rem;}
.cbp-vm-view-list ul li .li .my_more1:after,.blog_list li .li .my_more1:after{ width:30px; height: 30px; background-color: var(--zmain-color);}
.cbp-vm-view-list ul li .li .my_more1:hover,.blog_list li .li .my_more1:hover{ padding-left: 15px; background-color: var(--zhover-color); color: #fff;}
.cbp-vm-view-list ul li .li .my_more1:hover:after,.blog_list li .li .my_more1:hover:after{ background-color: var(--zhover-color); }
.cbp-vm-view-list ul li .inquiry_btn{ left: auto; right: 20px; padding-left: 15px; padding-right: 40px;}
.cbp-vm-view-list ul li .checkbox-tile:before{ left: auto; right: 40px;}
.cbp-vm-view-list ul li .img{ border-bottom:none; flex-shrink: 0; width: 3.6rem; margin-right: 20px;}

@media only screen and (max-width:768px) {
	.cbp-vm-options{display: none;}
	.cbp-vm-view-grid ul{ margin: 0 -3px;}
	.cbp-vm-view-grid ul li {width:50%;text-align: left;vertical-align: top;float:left; padding: 0 3px; margin-bottom: 6px;}
	.cbp-vm-view-grid ul li:nth-child(4n+1){ clear: none;}
	.cbp-vm-view-grid ul li:nth-child(3n+1){ clear: none;}
	.cbp-vm-view-grid ul li:nth-child(2n+1){ clear: both;}
	.pro_main ul li .title{font-size: 14px;}
	.cbp-vm-view-grid ul li .li{ padding: 6px;}
}

@media only screen and (max-width:400px) {
	.cbp-vm-view-grid ul li{width: 50%;}
}


/* CSS for the loading div */
.pro-detail{ position: relative; padding-top:0.4rem;}
.pro_page{ position: relative; z-index: 555; display: flex; margin-top: 0.5rem;}
.pro_page .prom_img{ width:40%; position: relative; float: left; overflow: hidden; padding: 0 0.3rem;}
.pro_page .main_text{ width:60%; float: left; background: #f5f5f5; padding: 0.3rem;}
.pro_right{ float: left; width: 70%;}
.pro_left{ float: left; width: 30%; padding-left: 0.5rem;}

@media only screen and (max-width: 992px){
	.pro_right{ float: left; width: 100%;}
	.pro_left{ float: left; width: 100%; padding-left:0;}
}


.prom_img{align-items: flex-end;}
.prom_img .swiper-slide{ position: relative; display: inline-block; }
.prom_img #pro_img_gallery{ position: relative;}
.prom_img #pro_img_gallery .swiper-slide{opacity: 0 !important; z-index: -1; background: #fff;}
.prom_img #pro_img_gallery .swiper-slide-active{  opacity: 1 !important; z-index: 3;}
.prom_img #pro_img_gallery .swiper-slide img{width: 100%;}
.prom_img .swiper-button-prev, .prom_img .swiper-button-next{ background-color: var(--zmain-color);}


.prom_img .sp-video-icon{position: relative;}
.prom_img .sp-video-icon img{ border-radius: 0;}
.prom_img .sp-video-icon:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 14px;color: #fff;line-height: 30px;font-family: 'iconfont';content:"\e61c";z-index: 2;border-radius:50%;background: var(--zmain-color);width: 30px;height: 30px;text-align: center;}
.pro_img_video a{ position: relative; display: block;}
.pro_img_video a:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size:20px;color: #fff;line-height: 0.6rem;font-family: 'iconfont';content:"\e61c";z-index: 2;border-radius: 50%;background:rgba(0,0,0,0.5);width: 0.6rem;height: 0.6rem;text-align: center; cursor: pointer;}
.zoomImg{transition: 0.3s all;}


.swiper_vertical{ padding-left: 1.2rem; position: relative;}
#pro_img_thumbs{padding-right: 1px;}
#pro_img_thumbs .swiper-slide{border-radius: 0;overflow: hidden;cursor: pointer;padding: 0; border: 1px solid #fff;}
#pro_img_thumbs .swiper-slide-thumb-active{border: 1px solid var(--zmain-color) ; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
#pro_img_thumbs .swiper-slide.swiper-slide-thumb-active img{border-color: var(--zmain-color);}

#pro_img_thumbs .swiper-slide{ height: 25%; display: flex;align-items: center;justify-content: center;}
#pro_img_thumbs .swiper-slide a{ display: block; width: 100%; height: 100%;}


@media only screen and (max-width: 1260px){
.swiper_vertical{padding-left: 0;}
#pro_img_thumbs{margin-top: 10px;}
}

/*pro_detail*/
.d-none {display: none!important}
.pro_page .thumb img{ width: 100%;}

.enlarge_ico{ width: 40px; height: 40px; background-color: #fff; display: inline-block; position: absolute; right: 0; top: 0;z-index: 1111111;background-image: url("data:image/svg+xml,%3Csvg t='1710902452033' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5097' width='22' height='22'%3E%3Cpath d='M970.837333 919.850667l-205.696-205.653334A382.421333 382.421333 0 0 0 853.333333 469.333333a384 384 0 0 0-384-384 384 384 0 0 0-384 384 384 384 0 0 0 384 384 382.421333 382.421333 0 0 0 244.906667-88.192l205.653333 205.653334a36.053333 36.053333 0 0 0 50.986667 0 36.266667 36.266667 0 0 0-0.042667-50.944z m-380.117333-162.986667c-38.4 16.256-79.189333 24.448-121.386667 24.448a311.296 311.296 0 0 1-220.586666-91.392A311.296 311.296 0 0 1 157.312 469.333333 311.296 311.296 0 0 1 248.746667 248.746667 311.296 311.296 0 0 1 469.333333 157.354667a311.296 311.296 0 0 1 220.586667 91.392A311.296 311.296 0 0 1 781.354667 469.333333a311.296 311.296 0 0 1-91.392 220.586667 310.186667 310.186667 0 0 1-99.242667 66.901333z' fill='%23ca171d' p-id='5098'%3E%3C/path%3E%3Cpath d='M652.672 431.829333h-147.84V292.010667a35.968 35.968 0 1 0-71.978667 0v139.818666H292.010667a35.968 35.968 0 1 0 0 72.021334h140.8v140.8a35.968 35.968 0 1 0 72.021333 0v-140.8h147.84a35.968 35.968 0 1 0 0-72.021334z' fill='%23ca171d' p-id='5099'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center;}
.embed-border {box-sizing: border-box; }
.embed-responsive {position: relative;width: 100%;max-width: 100%;padding-bottom: 50%;}
.embed-responsive iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.embed-responsive iframe video{top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;}

@media only screen and (max-width: 992px){
.magnifier,.cursorshade,.statusdiv,.tracker{ display: none !important;}
}

/*pro_detail*/
#content{ position: relative;top: -0.6rem;}
.pro_main_title{font-size:0.24rem; overflow:hidden; display:block;text-transform:capitalize; color:#333; line-height:0.3rem; margin-bottom: 0.15rem; font-family:var(--bold-font); border-bottom: 1px solid #eee; margin-bottom: 0.2rem; padding-bottom: 0.2rem;}
.pro_main_text{ padding-bottom:0.1rem;}
.pro_table ul{padding-left: 0; margin-bottom: 20px; font-size: 15px;}
.pro_table ul li{ color:#666;list-style:none; float: left; width:100%; display: flex;align-items: center; padding: 6px;}
.pro_table ul li:nth-child(2n+1){ background: #fff;}
.pro_table ul li p{display:inline-block;margin-right:0.1rem;vertical-align:middle;margin-bottom:0;color:#333; font-size:15px; min-width: 1.2rem; min-width: 25%; font-family:var(--bold-font);}

.pro_more{ margin: 0.4rem 0;}
.pro_page .pro_more .btn-link:last-child{ background-color: #fe851a; margin-left: 6px;}
@media only screen and (max-width:400px){
.pro_more .btn-link{ width: 100%; margin-bottom: 10px;}
}

@media only screen and (max-width: 992px) {
.swiper_vertical{padding-left: 0;}
.pro_page{display: block; padding:0; background:#fff; margin-top: 30px;}
.pro_page .prom_img{ width:100%; position: relative;}
.pro_page .main_text{ width:100%; padding-left: 0; margin-top: 20px;}
#pro_img_thumbs{ position: inherit; width: 100%; margin-top: 10px; height: auto !important;}
.prom_img #pro_img_thumbs>.swiper-wrapper{display:inline;}
.prom_img #pro_img_thumbs .swiper-slide{ list-style: none; width:20% !important; float: left; opacity: 1 !important; float:left; height:auto !important;}
}


@media only screen and (max-width:768px) {
.pro_main_title{ font-size: 18px;}
.pro_page .pro_main{ display: block; background: #fff;}
.pro_page .prom_img,.pro_page .main_text{width: 100%; padding: 0; float: none;}
.pro_sns{display: none;}
.pro_table ul li{width: 100%;}
.pro_more .main-more a{ display: block;  z-index: 22;padding: 0px 10px;line-height: 42px; font-size: 14px;}
.inquiry_pro.show{position: fixed;bottom: 60px;left:10px;line-height: 20px; padding: 5px 0; z-index: 99999; font-size: 12px !important;}
.products_main .nav-tabs li{width: 100%; border-bottom: 2px solid #fff;}
.products_main .nav-tabs li a{display: block;}
}

@media only screen and (max-width:500px) {
.main-more{margin-top: 10px; width: 100%;}
.products_main .nav-tabs li a{ font-size: 18px;}
}
.pro_det{ background: #f5f5f5; padding-bottom: 0.4rem;}
.pro_inq{ position: relative; padding: 0.3rem; background: #fff; margin-top: 0.3rem; box-shadow: 0 0 30px rgba(0,0,0,0.15);}
.detail_con .title{color: #333;  font-size:0.24rem; line-height: 0.3rem;  text-transform: capitalize; }
.detail_con .title img{margin-right: 15px;}
.pro_inq .text{ margin-bottom:10px; color:#666; line-height:20px; padding: 10px 0; border-radius: 0; line-height:22px; border-bottom: 1px solid #e5e5e5; font-size: 16px;}
.pro_inq .inquiry .ms_btn{ width: auto;}


.related-section{ padding: 0.6rem 0; background: #fff; border-top: 1px solid #eee;}
.related-section .flex-group{ margin-bottom: 20px;}
.related-section ul li .image{ display: block; overflow: hidden;}
.related-section ul li .card{ text-align: center; background: #f2f3f4; border-radius: 5px; overflow: hidden; transition: 0.5s; border: 1px solid #eee;}
.related-section ul li .card .text{ padding: 0.2rem;}
.related-section ul li .card .text p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; font-size: 15px; color: #666; margin-top: 0.1rem; line-height: 1.5; transition: 0.5s;}
.related-section ul li:hover .image img{transform: scale(1.1);}
.related-section ul li:hover .card{ background: var(--zmain-color);}
.related-section ul li:hover a,.related-section ul li:hover .text p{ color: #fff;}
.related-section .pro_more .flex-group{justify-content: center; }
.related-section .pro_more .flex-group .more-title{font-family: var(--bold-font); font-size: 0.2rem; color: var(--zhover-color); margin-right: 20px;}
.related-section .pro_more .flex-group .more-title span{ min-width: 40px; display: inline-block;}


.detail-tabs .tabs-header{ border-bottom: 1px solid #eee; margin-bottom: 0.3rem;}
.detail-tabs .tabs-header .tab-button{ line-height: 0.5rem; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0 0.2rem; font-size: 0.18rem; font-family: var(--bold-font);}
.detail-tabs .tabs-header .tab-button.active{ background: var(--zmain-color); color: #fff;}


/*news*/
.post-image-mask{position: absolute;top: 50%;left: 50%;margin-top: -5px;margin-left: -16px;text-align: center;font-size: 0;}
.post-image-mask span, .post-image-mask:after, .post-image-mask:before{display: inline-block;margin-right: 7px;width: 6px;height: 6px;border-radius: 50%;background-color: #FFF;vertical-align: middle;opacity: 0;transition: opacity .2s ease;-webkit-animation: wd-fadeOutRight .3s ease;animation: wd-fadeOutRight .3s ease;}
.post-image-mask:before{content:'';transition-delay: .15s;-webkit-animation-delay: .15s;animation-delay: .15s;}
.post-image-mask:after{content:'';margin-right: 0;}
.li:hover .post-image-mask span, .li:hover .post-image-mask:after,.li:hover .post-image-mask:before{opacity: 1;-webkit-animation: wd-fadeInLeft .3s ease;animation: wd-fadeInLeft .3s ease;}
.li:hover .post-image-mask:before,.li:hover .post-image-mask:before,.li:hover .post-image-mask:before{transition-delay: .2s;-webkit-animation-delay: .2s;animation-delay: .2s;}
.li:hover .post-image-mask span,.li:hover .post-image-mask span,.li:hover .post-image-mask span{transition-delay: .1s;-webkit-animation-delay: .1s;animation-delay: .1s;}
@-webkit-keyframes wd-fadeOutRight{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}}@keyframes wd-fadeOutRight{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}}
@-webkit-keyframes wd-fadeOutLeft{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}}@keyframes wd-fadeOutLeft{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}}
@-webkit-keyframes wd-fadeInLeft{from{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes wd-fadeInLeft{from{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{-webkit-transform:none;transform:none}}

.news ul li{ list-style: none; margin-bottom: 0.3rem; width: 100%; padding: 0 15px;}
.news ul li .li{ background: #f5f5f5; display: flex;align-items: flex-start;position: relative; transition: 0.5s all; overflow: hidden; height: 100%;}
.news ul li .li p{ color: #666; line-height: 24px; height: 48px; overflow: hidden;  margin: 0.1rem 0;}
.news .img{ width:100%; overflow:hidden; display:block; position:relative;transition: 0.5s all; flex-shrink: 0;}
.news .text{transition: 0.5s all; padding:0.15rem 0.2rem; background: #f5f6f8;}
.news .text .btn-link2{ margin-top: 15px;}
.news .img img{ width:100%;}
.news_day{ font-size: 14px; display: inline-block; line-height: 20px; color:#666;display: inline-flex;align-items: center; margin: 8px 0;  display: block;}
.news_day i{ color:var(--zmain-color); margin-right: 8px;}
.news ul li  .news_day{border-bottom: 1px dashed #e4e6dc;padding: 0 0 10px; margin-top: 0;}
.news  ul{ display: flex;flex-wrap: wrap;}
.news  ul li{ list-style:none; margin-bottom:0.3rem;  transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; }
.news ul .li .more{ width: 54px; height: 30px; border:1px solid var(--zmain-color); border-radius: 30px; display: inline-block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E %3Cpath d='M8.64245 3.29785L7.73346 4.20766L10.5419 7.02291H0.993164L0.993164 8.31038H10.5462L7.73346 11.1256L8.64245 12.0354L13.0073 7.66665L8.64245 3.29785Z' fill='%2338a257'/%3E %3C/svg%3E"); background-position: center center; background-repeat: no-repeat; text-indent: -9999px;}
.news ul li:hover .img{background: #000;}
.news ul li:hover .text{ background: #fff;}
.news ul li:hover .img img{transform: scale(1.1); opacity: 0.7;}
.news ul li .img{ position: relative; flex-shrink: 0; width: 360px; margin-right: 15px;}
.news ul li .img img{ width: 100%;}
.news ul .li .more:hover{ background-color: var(--zmain-color);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E %3Cpath d='M8.64245 3.29785L7.73346 4.20766L10.5419 7.02291H0.993164L0.993164 8.31038H10.5462L7.73346 11.1256L8.64245 12.0354L13.0073 7.66665L8.64245 3.29785Z' fill='%23ffffff'/%3E %3C/svg%3E");}
.news ul .li:hover{ box-shadow: 0 0 30px rgba(0,0,0,0.1); background: #fff;}

/*blog*/
.blog_list{list-style:none;}
.blog_list li{position:relative; list-style:none; border-radius:0; margin-bottom: 0.3rem; }
.blog_list li:last-child{ margin-bottom: 0;}
.blog_list li .li{  border-bottom: none; transition: 0.5s all; border:1px solid #eee;background: #fff; display: flex; padding: 0.2rem;align-items: flex-start;}
.blog_list li:last-child .li{ margin-bottom: 0;}
.blog_list li .my_more1{ margin-top: 10px;}
.tags_ul i{width: 18px; height: 30px; border-radius: 50%; width: 30px;line-height: 30px; text-align: center; border-radius:5px;position: relative; color: var(--zmain-color); margin-right: 8px; font-size: 14px; display: inline-flex;align-items: center; justify-content: center; flex-shrink: 0;margin-right: 4px; background: #fff;}
.blog_list li .blog_info{ width: 100%;}
.blog_list li.blog-image .blog_info{ width: 64%;}
.blog_list li .image{display:block;overflow:hidden;margin-right:0.2rem; width: 45%; flex-shrink:0; border-radius: 5px;}
.blog_list li .image img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,800ms);-o-transition:all var(--transition-time,800ms);
transition:all var(--transition-time,800ms);} 
.blog_list li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05));-ms-transform:scale(var(--scale-multiplier,1.05));
transform:scale(var(--scale-multiplier,1.05));}
.blog_list li .web-h3{ margin-bottom: 0; min-width: 0; height: auto; max-height: 0.6rem;}
.blog_list li .title:hover{ color: #333;}
.blog_list li .main{padding: 0.3rem;}
.blog_list li .text{ line-height:24px;overflow:hidden;max-height:72px; color: #666; font-size: 15px; margin-bottom: 20px;}

.blogin{color:#aaa; margin:0.04rem 0px;}
.blogin span{ color:#fff; margin:0px 0.06rem;}
.blog .blog_tags{ width:100%; margin-top:0.1rem;}

@media only screen and (max-width: 768px) {
.blog_list li .image{ width: 100%; margin-right: 0; float: none; margin-bottom: 10px;}
.blog_list li .li{display: block;}
}


.blog_title{ color: #333; font-size: 0.26rem; font-family:var(--title-font);}
.blog-info i{ margin-right: 0.06rem; color: #aaa;}
.page_detail{border: 1px solid #eee; background:#fff;}
.page_detail .main{ border-top: 1px solid #eee; padding: 0.3rem;}
.page_title{padding: 0.2rem 0.3rem;}

.blog_editor{ display: flex;align-items: flex-start; margin-bottom: 0.3rem; padding-bottom: 0.3rem; border-bottom:1px solid #eee;}
.blog_editor .img{ width: 100px; border-radius: 50%; overflow: hidden; flex-shrink: 0; margin-right: 30px;}
.blog_editor .text{ padding-left: 1rem; position: relative;background-image: url("data:image/svg+xml,%3Csvg t='1757492581811' class='icon' viewBox='0 0 1195 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4529' width='200' height='200'%3E%3Cpath d='M1125.400405 972.814933 651.636395 972.814933 651.636395 631.106304C651.636395 491.702016 663.719168 382.333696 687.885227 302.997931 712.0512 223.662165 737.181781 170.700459 802.935893 107.231829 868.68992 43.763285 914.312789 24.717568 1010.828373 0L1078.255957 145.030059C1010.828373 170.796971 969.749333 182.289237 906.391381 248.024235 843.033429 313.759232 838.360149 377.340075 838.360149 431.988736L1125.400405 431.988736 1125.400405 972.814933ZM473.764096 972.814933 0 972.814933 0 631.106304C0 491.702016 12.082859 382.333696 36.248832 302.997931 60.414891 223.662165 85.545472 170.700459 151.299499 107.231829 217.053611 43.763285 262.676395 24.717568 359.192064 0L426.619563 145.030059C359.192064 170.796971 318.112939 182.289237 254.754987 248.024235 191.397035 313.759232 186.723755 377.340075 186.723755 431.988736L473.764096 431.988736 473.764096 972.814933Z' fill='%23dbdbdb' p-id='4530'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 40px auto; background-position: 30px top;}
.blog_editor .text:after{ position: absolute; left: 0; top: 0; width: 3px; height: 100px; background-color: var(--zhover-color); content: '';}
.blog_editor .text .p{ color: #333; font-weight: 400;}
.blog_editor .text .name{ margin-top: 0.2rem; font-family: var(--bold-font); display: block;}

@media screen and (max-width: 768px) {
.blog_editor{ display: block;}
.blog_editor .img{ margin: 0 auto 15px;}
.blog_editor .text{ padding-left: 60px; background-position: 0 0;}
.blog_editor .text:after{display: none;}
}

@media screen and (max-width: 992px) {
.news ul li{ width: 33.33%;}
.news .text .web-h4{ max-height: 52px; overflow: hidden;}
}

@media screen and (max-width: 768px) {
	.news ul li{ width: 50%; padding: 0 8px;}
	.news ul li .li{display: block;}
	.news ul li .li .main{ padding: 0; margin-top: 10px;}
	.news .img{width: 100%;}

}

@media screen and (max-width: 500px) {
.news ul li{ width: 100%;}
}

.rel_blog{ margin-top: 0.4rem;}
.rel_blog .web-h4{ line-height: 24px; height: 48px; overflow: hidden;}
.rel_blog .title_h4{line-height: 0.3rem; font-size:0.22rem; position:inherit; text-transform:uppercase;position: relative; padding: 15px;  background-size: cover; color: #333; line-height: 28px; padding-bottom: 15px; font-family:var(--title-font); display: flex;}
.rel_blog ul li{ list-style: none; padding: 0 10px; float: left; width: 50%; margin-bottom: 20px;}
.rel_blog ul li .li{ background: #f7f7f7; padding: 20px 15px; transition: 0.5s;}
.rel_blog ul li .li .text{ line-height: 24px; height: 48px; overflow: hidden; font-size: 15px; color: #777;}
.rel_blog ul li .li:hover{ background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.15);}


/*sitemap*/
.sitemap{width:100%;}
.stp-listA>li{text-transform:capitalize;list-style:none;margin-bottom: 0.15rem;background:#fff;overflow: hidden;}
.stp-top{width:100%;background:#f0f2f4;}
.stp-top .page_info_title{font-size:0.18rem;line-height:0.24rem;text-transform:uppercase;display:block; padding:0;padding:0.15rem 0.2rem;transition:all .5s; color: #333;  font-family:var(--title-font);}
.stp-top .page_info_title:hover{text-decoration:none;color:var(--zmain-color);}
.stp-top .page_info_title i{padding-left:0.05rem;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.stp-top .page_info_title:hover i{padding-left:0.08rem;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.stp-listB{display:block;padding:0.15rem;border:1px solid #eee;border-top:none;padding:0.3rem 0.2rem;list-style:none;margin-top:-1px;background:#fff;border-radius:0;}
.stp-listB>li{width:25%;padding:0.08rem 0.1rem;float:left;overflow:hidden;}
.stp-listB>li>a{line-height:0.22rem;display:block;color:#4d4d4d;}
.stp-listB>li>a i{padding-right:0.05rem;}
.stp-listB>li:hover>a{color:var(--zhover-color); text-decoration: underline;}
.stp-listB>li:nth-child(4n+1){clear: both;}
.stp-pro .stp-listB>li{width: 100%;margin-bottom:0.2rem;padding-bottom:0.2rem;border-bottom:1px solid #eee;}
.stp-pro .stp-listB>li:last-child{border-bottom:none;padding-bottom:0;}
.stp-pro .stp-listB>li .top{display: flex;align-items: flex-end;}
.stp-pro .stp-listB>li .image{max-width:0.48rem;min-width:0.48rem;}
.stp-pro .stp-listB>li .title{line-height:0.24rem;text-transform:capitalize;display:block;}
.stp-pro .stp-listB>li .title:after{content:"\f105";font-family:'FontAwesome';padding-left:0.06rem;color:#ccc;}
.stp-pro .stp-listB>li .title:hover{color:var(--zmain-color) ;text-decoration:none;}
.stp-pro .stp-listB>li .title:hover:after{color:var(--zmain-color) ;}
.stp-listB li .stp-listC{width:100%; padding-top:0.2rem;list-style:none;}
.stp-listB li .stp-listC li{width:100%;margin-bottom:0.08rem;float:left;}
.stp-listB li .stp-listC li a{ font-size:16px;-webkit-transition:all var(--transition-time,500ms);-o-transition:all var(--transition-time,500ms);transition:all var(--transition-time,500ms);}.stp-listB li .stp-listC li a i{padding-right:0.05rem;}
.stp-listB li .stp-listC li a:hover{color:var(--zmain-color) ;}


@media only screen and (max-width: 768px){
	.stp-listA{padding: 0;}
	.stp-listB>li{width:50%;padding:4px 0;}
	.stp-listB>li:nth-child(2n+1){clear: both;}
	.stp-listB{border-width:1px;padding:15px;}
	.stp-pro .stp-listB>li .image{max-width:32px;min-width:32px;}
	.stp-listB li .stp-listC li{width: 100%;}
	.stp-listB>li>a{font-size:14px;}
	.stp-top .page_info_title{font-size:14px;padding:10px 10px;}
	.stp-listB li .stp-listC li a{font-size: 13px;}
}
@media only screen and (max-width: 400px){
	.stp-listB li{width:100%;margin-right:0;margin-bottom:2%;}
}

/*web-page*/
.n_honor ul li{ list-style: none; float: left; width: 16.66%; text-align: center;}
.n_honor ul li .li{ position: relative; display: inline-block;}
.n_honor ul li:nth-child(6n+1){ clear: both;}
.n_honor ul li img{border: 1px solid #eee; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.n_honor ul li .web-h3{ margin-top: 10px;}

@media only screen and (max-width:992px) {
.n_honor ul li{ width: 33.33%;}
.n_honor ul li:nth-child(6n+1){ clear: none;}
.n_honor ul li:nth-child(5n+1){ clear: none;}
.n_honor ul li:nth-child(3n+1){ clear: both;}
}

@media only screen and (max-width:400px) {
.n_honor ul li{ width: 50%;}
.n_honor ul li:nth-child(3n+1){ clear: none;}
.n_honor ul li:nth-child(2n+1){ clear: both;}
}

/*case*/
.case { overflow: hidden; position: relative;}
.case ul{ position: relative; z-index: 888; display: flex; flex-wrap: wrap;}
.case ul li{ list-style: none;  width: 33.33%;}
.case ul li:nth-child(4n+1){ clear: both;}
.case ul li .li{ position: relative; overflow: hidden;transition: 0.5s all; border-radius: 5px;}
.case ul li:hover .li{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.case ul li .li .a{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.case ul li .li .img{ position: relative; display: block; overflow: hidden;}
.case ul li .li .img img{ width: 100%;}
.case ul li .li .text{  border-top: none; margin-top: 0.15rem; padding:0.15rem; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; transition: 0.5S; background: rgba(0,0,0,0.5);}
.case ul li .li .text .secondary-font{ color: #fff;}
.case ul li .li:hover .img img{transform: scale(1.1);}
.case ul li .li:hover .text{ background: var(--zhover-color);}
.case ul li .enlarge_ico{ background-color: rgba(0,0,0,0.5); right: -80px; top: 5px;background-image: url("data:image/svg+xml,%3Csvg t='1710902452033' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5097' width='22' height='22'%3E%3Cpath d='M970.837333 919.850667l-205.696-205.653334A382.421333 382.421333 0 0 0 853.333333 469.333333a384 384 0 0 0-384-384 384 384 0 0 0-384 384 384 384 0 0 0 384 384 382.421333 382.421333 0 0 0 244.906667-88.192l205.653333 205.653334a36.053333 36.053333 0 0 0 50.986667 0 36.266667 36.266667 0 0 0-0.042667-50.944z m-380.117333-162.986667c-38.4 16.256-79.189333 24.448-121.386667 24.448a311.296 311.296 0 0 1-220.586666-91.392A311.296 311.296 0 0 1 157.312 469.333333 311.296 311.296 0 0 1 248.746667 248.746667 311.296 311.296 0 0 1 469.333333 157.354667a311.296 311.296 0 0 1 220.586667 91.392A311.296 311.296 0 0 1 781.354667 469.333333a311.296 311.296 0 0 1-91.392 220.586667 310.186667 310.186667 0 0 1-99.242667 66.901333z' fill='%23ffffff' p-id='5098'%3E%3C/path%3E%3Cpath d='M652.672 431.829333h-147.84V292.010667a35.968 35.968 0 1 0-71.978667 0v139.818666H292.010667a35.968 35.968 0 1 0 0 72.021334h140.8v140.8a35.968 35.968 0 1 0 72.021333 0v-140.8h147.84a35.968 35.968 0 1 0 0-72.021334z' fill='%23ffffff' p-id='5099'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; transition: 0.5s; border-radius: 5px;}
.case ul li:hover .enlarge_ico{ right: 5px;}

@media only screen and (max-width:1200px) {
.case ul li{ width: 33.33%; transform: translateY(0) !important; margin-bottom: 20px;}
.case ul li:nth-child(4n+1),.case ul li:nth-child(5n+1){ clear: none;}
.case ul li:nth-child(3n+1){ clear: both;}
}

@media only screen and (max-width:768px) {
.case ul li .li{ padding: 8px;}
}

@media only screen and (max-width:500px) {
.case ul li .li{ padding: 0;}
.case ul li .li .text{ margin: 0; padding: 10px;}
.case ul li{ width: 50%;}
.case ul li .li .text .web-h3{ line-height: 20px; max-height: 40px;}
.case ul li:nth-child(3n+1){ clear: none;}
.case ul li:nth-child(2n+1){ clear: both;}
}

/*case2*/
.case2 ul{ margin: 0 -15px;}
.case2 ul li{ list-style: none; float: left; width: 50%; padding: 0 15px; margin-bottom: 30px;}
.case2 ul li .li{ position:relative;}
.case2 ul li .li .text{ margin-top: 5px;}
@media only screen and (min-width:992px) {
.case2 ul li .li .text{ position: absolute; left: 15px; right: 15px; bottom: 15px; background: rgba(255,255,255,0.8); padding: 0.2rem;backdrop-filter: blur(10px);}
}
.case2 ul li .li .text .web-h3{ line-height:0.26rem; max-height: 0.52rem; overflow: hidden;}
.case2 ul li .li .enlarge_ico{ right: 8px; top: 8px;}

@media only screen and (max-width:768px) {
.case2 ul{ margin: 0 -6px;}
.case2 ul li{ padding: 0 6px; margin-bottom: 12px;}
}
/*faq*/
.faq{width: 100%;border-radius: 15px;overflow: hidden;margin-bottom: 30px;border: 1px solid #ddd;}
.faq-item {border-bottom: 1px solid #ddd;}
.faq-item:last-child {border-bottom: none;}
.faq-header {padding: 15px 50px 15px 15px;cursor: pointer;transition: all 0.3s ease;position: relative;display: flex;align-items: center; height: auto; max-height:none;}
.faq-header::before {content: '\e69d';font-family: "iconfont";display: inline-block;width: 36px;height: 36px;margin-right: 8px;display: flex;align-items: center;justify-content: center;font-size: 18px;color:#999;line-height: 36px;border-radius: 50%;
transition: all 0.3s ease;flex-shrink: 0;}
.faq-header::after {content: '+';position: absolute;right: 15px;top: 50%;transform: translateY(-50%);font-size:30px;transition: transform 0.3s ease;}
.faq-item.active .faq-header {background:#f5f7f8;}
.faq-item.active .faq-header::before {background-color:var(--zmain-color);color: #fff;}
.faq-item.active .faq-header::after {transform: translateY(-50%) rotate(45deg);}
.faq-content {max-height: 0;overflow: hidden;transition: max-height 0.5s ease-out;background:#fff;}
.faq-content-inner {padding: 25px;color:#333;line-height: 1.6;}
.faq-content p {margin-bottom: 15px;}
.faq-content p:last-child {margin-bottom: 0;}


.faq-l{ float: left; width:35%; padding-right: 0.5rem;}
.faq-section .right{ float: left; width:65%;}
.faq-l ul{padding: 0 18px; background:rgba(0,0,0,0.05); border-radius: 10px;}
.faq-l ul li{ list-style: none; display: flex; padding: 0.28rem 0;justify-content: space-between;}
.faq-l ul li:first-child{ border-bottom: 1px solid #dcdedf;}
.faq-l ul li span{ display: block; font-size: 16px; color: #333; margin-bottom: 5px;text-transform: uppercase;}
.faq-l ul li a{ font-size: 0.22rem; font-family: var(--bold-font); line-height: 0.26rem;}
.faq-l ul li a:hover{ color: var(--zhover-color); text-decoration: underline;}
.faq-l ul li .email,.faq_l ul li .tel{ width: 0.6rem; height: 0.6rem; flex-shrink: 0;background-repeat:no-repeat; background-position: center center; background-size: 0.6rem auto;}
.faq-l ul li .email{ background-image: url("data:image/svg+xml,%3Csvg t='1753150740555' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4505' width='200' height='200'%3E%3Cpath d='M893.421013 263.914762c-1.982144 16.412808-9.237385 32.210609-21.676695 44.729737L581.597101 598.791715c-29.696346 29.696346-78.243015 29.696346-107.939361 0L183.510524 308.644499c-12.519128-12.519128-19.770276-28.396747-21.676695-44.729737-0.38374 3.130294-0.611937 6.259564-0.611937 9.465582l0 396.939451c0 41.983183 34.348296 76.335572 76.336596 76.335572l580.14196 0c41.980113 0 76.332503-34.352389 76.332503-76.335572L894.03295 273.380344C894.03295 270.174326 893.804752 267.045055 893.421013 263.914762L893.421013 263.914762 893.421013 263.914762zM581.597101 543.222095l304.193117-304.19414c-12.598946-24.883737-38.473243-41.983183-68.089771-41.983183L237.558487 197.044772c-29.616528 0-55.499012 17.099447-68.089771 41.983183L473.65774 543.222095C503.349993 572.917418 551.900755 572.917418 581.597101 543.222095L581.597101 543.222095 581.597101 543.222095z' fill='%23ff7f24' p-id='4506'%3E%3C/path%3E%3C/svg%3E"); }
.faq-l ul li .tel{background-image: url("data:image/svg+xml,%3Csvg t='1753150910852' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6450' width='200' height='200'%3E%3Cpath d='M688.010562 935.276733c-2.06996 28.351446-21.396582 52.71297-49.023042 61.779793l-85.928322 24.959513c-35.584305 8.575833-71.572602-12.629753-80.36143-47.359075a82.558388 82.558388 0 0 1-0.853984-3.839925c-10.303799-36.820281 9.962805-75.198531 46.677089-88.382274l85.928321-24.916513a62.931771 62.931771 0 0 1 63.230765 17.40766 328.740579 328.740579 0 0 0 155.346966-143.933189h-21.866573c-69.054651-3.690928-122.067616-61.140806-118.610683-128.53149V473.802746c-3.413933-67.368684 49.577032-124.797563 118.610683-128.48749h29.631422c4.244917 0 8.489834 0.233995 12.692752 0.724985C795.614461 167.44073 608.418117 60.541818 425.402691 107.260905c-119.80566 30.569403-213.371833 121.87462-244.71022 238.779336a109.437863 109.437863 0 0 1 12.671752-0.725985h29.652421c68.969653 3.754927 121.897619 61.161805 118.483686 128.48849v128.487491c3.433933 67.391684-49.557032 124.840562-118.611683 128.531489H193.236226c-68.948653-3.754927-121.87462-61.097807-118.504686-128.402492V473.802746c0-3.327935 0-6.65587 0.341994-9.940806a58.473858 58.473858 0 0 1-0.341994-6.101881C74.73154 204.539005 270.909709 0 512.034999 0c241.14729 0 437.325458 204.540005 437.325459 457.761059 0 2.02696-0.127998 4.07492-0.362993 6.101881 0 3.284936 0.362993 6.612871 0.362993 9.940806v128.48749a131.987422 131.987422 0 0 1-49.279038 104.297963C864.283119 807.790223 787.677616 890.34861 688.010562 935.147735v0.127998z' fill='%23ff7f24' p-id='6451'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.5rem auto;}


@media only screen and (max-width:992px){
.faq-section{ padding: 0.6rem 0;}
.faq-l{ width: 100%; padding-right: 0;}
.faq-section .right{ margin-top: 0.3rem; width: 100%;}
}


/*video*/
.video ul li{list-style:none;}
.video li{margin-bottom: 0.3rem;}
.video li .image{display:block;overflow:hidden;position:relative;transition:all .5s;border-radius: 0; overflow: hidden;}
.video li .image > a.link{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:20;}
.video li .image img{max-width:100%;height:auto;width:100%;transition:all .9s;}
.video li:hover .image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.video li .ovrly{position: absolute;left:0;top:0;width:100%;height:100%;display: block;background:#000;opacity: 0.2;filter: alpha(opacity=20);transition:all .5s;}
.video li:hover .ovrly{opacity: 0.5;filter: alpha(opacity=50);}
li .video_button{display: inline-flex;position: absolute;transform: translate(-50%, -50%);left: 50%;top:50%;width: 56px;height: 56px;border-radius:50%;font-size: 18px;background:var(--zmain-color);align-items: center;justify-content: center;z-index: 99;color: #fff;transition:all .5s;}
li .video_button .line-video-animation{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border:2px solid rgba(255,255,255,0.27);border-radius:50%;opacity: 0;filter: alpha(opacity=0);}
li:hover .video_button{width: 70px;height: 70px;text-decoration: none;}
li:hover .video_button .line-video-animation{animation:squares 3.9s linear 0s infinite;-webkit-animation:squares 3.9s linear 0s infinite;-ms-animation:squares 3.9s linear 0s infinite;-o-animation:squares 3.9s linear 0s infinite;-webkit-animation-play-state:running;-moz-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running;}
li:hover .video_button .line-video-animation.line-video-2{-webkit-animation-delay:1.3s;-moz-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s;}
li:hover .video_button .line-video-animation.line-video-3{-webkit-animation-delay:2.6s;-moz-animation-delay:2.6s;-o-animation-delay:2.6s;animation-delay:2.6s;}

@-webkit-keyframes squares{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@-moz-keyframes squares{0%{-moz-transform:scale(1);transform:scale(1);opacity:0}20%{-moz-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-moz-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@-o-keyframes squares{0%{-o-transform:scale(1);transform:scale(1);opacity:0}20%{-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-o-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@keyframes squares{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);-moz-transform:scale(1.24);-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);-moz-transform:scale(2.1);-o-transform:scale(2.1);transform:scale(2.1);opacity:0}}
.video li .li{ background: #fff; overflow: hidden; text-align: center; transition: 0.5s; padding: 10px; border: 1px solid #eee;}
.video li .li .text{ padding: 0.2rem; background: #f7f7f7;}
.video li .li .text .media-title{ display: block; line-height: 22px; height: 44px; overflow: hidden;}
.video li .li .text .media-text{margin: 15px 0 0; line-height: 20px; height: 40px; overflow: hidden; color: #666; font-size: 15px;}
.video li:nth-child(2n+1){clear: both;}
.video li .li:hover{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0)}
@media only screen and (max-width: 768px) {
	.video li{margin-bottom: 15px;}
	.video li{width:50%;}
	.video li:nth-child(4n+1){clear: none;}
	.video li:nth-child(3n+1){clear: none;}
	.video li:nth-child(2n+1){clear: both;}
}
@media only screen and (max-width: 480px) {
	.video li{width:100%;}
	.video li .title a{font-size:16px;margin-bottom:0;height: auto; line-height: 24px; max-height: 48px;}
}


/*download*/
.download ul{overflow: hidden;}
.download ul li{  list-style: none; display: flex; justify-content: space-between;background:#fff;box-shadow: 0 2px 16px rgba(77, 79, 98, .06); margin-bottom: 20px; padding: 0.3rem; margin-bottom: 0.2rem;align-items: center; background: #eee;}
.download ul li .img{ width: 120px; flex-shrink: 0; margin-right: 0.5rem;}
.download ul li:last-child{ margin-bottom: 0;}
.download ul li .text{ border-left: 1px solid rgba(122,87,246,.1); border-right: 1px solid rgba(122,87,246,.1); padding: 0 0.5rem; width: 80%;}
.download ul li .my_more1{padding: 0 20px; background: var(--zmain-color); color:#fff; border-color: var(--zmain-color); margin-left: 0.5rem; flex-shrink: 0;}
.download ul li .my_more1:after{display: none;}
.download ul li .my_more1 i{ margin-right: 6px;}

@media only screen and (max-width: 768px) {
.download ul li{ padding: 10px;}
.download ul li .img{ width: 80px; margin-right: 20px;}
.download ul li .text{ padding: 0 20px;}
.download ul li .my_more1{ margin-left: 20px;}
}
@media only screen and (max-width: 500px) {
.download ul li{flex-wrap: wrap;}
.download ul li .img{ display: none;}
.download ul li .text{ border:none; padding: 0; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; width: 100%;}
.download ul li .my_more1{ margin-left: 0;}
}

/*history*/
.history{ padding: 0.8rem 0; overflow: hidden;}
.history .his_top{ position: relative;}
.history .his_top:after{ position: absolute;left: 0; bottom:20px; height: 1px; width: 100%; content: ''; background: #ddd;}
.history .his_nav{position: relative; padding: 0 30px;}
.history .swiper-button-prev,.history .swiper-button-next { width: 40px; height: 40px; border: none; margin-top: -20px; margin: 0;}
.history .swiper-button-disabled{ opacity: 0.2;}
.history .swiper-button-prev{ left: -5px;}
.history .swiper-button-next{ right: -5px;}
.history #his_thumbs .swiper-slide{width: 16.66%;line-height: 24px; color: #222; font-family: var(--bold-font); cursor: pointer;padding: 0 0.15rem; display: flex;flex-direction: column;align-items: center;justify-content: center; text-align: center; font-size: 28px; transition: 0.5s; line-height: 40px; position: relative; padding-bottom: 50px;}
.history #his_thumbs .swiper-slide:after{ position: absolute; left: 50%; bottom:10px; width: 20px; height: 20px; content: ''; border: 5px solid #aaa; border-radius: 50%; background: #fff;transform: translate(-50%, 0%); transition: 0.5s;}
.history #his_thumbs .swiper-slide-thumb-active:after{ width: 28px; height: 28px; border: 10px solid var(--zhover-color); bottom: 5px;}
.history #his_thumbs .swiper-slide p{background:#fff; padding: 14px 10px; font-size: 15px; display: flex; line-height: 20px;align-items: center; border-radius: 5px;justify-content: center;}
.history #his_thumbs .swiper-slide img{width: 0.66rem; height: 0.66rem; flex-shrink: 0;}
.history #his_thumbs .swiper-slide p span{ display: inline-block; line-height: 26px; margin-right: 6px; color: #fff; text-align: center;}
.history #his_thumbs .swiper-slide-thumb-active{ color: var(--zhover-color);}
.history .his_nav .swiper-button-next,.history .his_nav .swiper-button-prev{ position: absolute; top: 50%; margin-top:-20px; background-color:rgba(0,0,0,0);backdrop-filter: none;}

.history #his_gallery{ overflow: inherit;}
.history #his_gallery .swiper-slide .year{ text-align: center; font-size: 2rem; line-height: 2rem; height:80px; font-family: var(--title-font); position: relative; z-index: 3; color:var(--zmain-color); font-weight: bold;}
.history .his_main{ background:rgba(255,255,255,0.5);padding: 0.5rem; position: relative; z-index: 66; backdrop-filter: blur(10px); border: 1px solid var(--zmain-color); border-radius: 30px;}


@media only screen and (max-width:1360px) {
	.history #his_thumbs .swiper-slide{font-size: 20px; line-height: 18px;}

	
}

@media only screen and (max-width:1200px) {
	.history #his_thumbs .swiper-slide{ padding-right: 0.2rem;}
	
}

@media only screen and (max-width:992px) {
	.history{padding: 0.4rem 0;}
	.history .his_main .main .left{display: none;}
	.history .his_main .main .right{ width: 100%;}
	.history .his_main ul li{padding: 5px; margin-bottom: 0;}
	.history #his_thumbs .swiper-slide{ width: 33.33%;}
	.history .his_main .img{padding-right: 0; width: 100%;}
	.history .his_main .img img{width: 100%;}
	.history .his_main .text{ width: 100%; margin-left: 0;}
	.history .his_main .main{display: block;}
	.history .his_main .text{ padding: 0.4rem;}
	.history .swiper-button-next, .history .swiper-button-prev{ display: block; position: absolute;}
	.history #his_gallery .swiper-slide .year{ font-size: 1rem; line-height: 1rem; height: 50px;}
	.history .his_main{ padding: 0.3rem;}
}

@media only screen and (max-width:768px) {
	.history .his_main ul li .li{display: block; padding-bottom: 20px;}
	.history .his_main ul li .li .title{ position: inherit; left: 0; top: 0; font-size: 16px; width: 100%; margin-top: 10px;}
	.history #his_thumbs .swiper-slide{ width: 50%;}
}



/*history2*/
.history2{ overflow: hidden;position: relative; background-position: center bottom; background-repeat: no-repeat;}
.history2 #his_gallery2{ float: right; width:80%; overflow: hidden; }
.history2 .his_nav{ float: left; width: 20%; overflow: hidden;padding-right: 1rem; position: relative;}
.history2 .his_nav .swi_overflow{height: 360px; border-left: 1px solid #eee; padding-top: 72px;  padding-bottom: 72px;}
.history2 #his_gallery2{height: 500px; padding-bottom: 250px; position: relative;}
.history2 #his_gallery2 .swiper-slide{ height: 250px;}
.history2 #his_gallery2:after{ position: absolute; left: 0; bottom: 0; width: 100%; height: 250px; background:linear-gradient(rgba(255,255,255,0) , rgba(255,255,255,1)); content: ''; z-index: 66;}
.history2 .his_nav ul li{ list-style: none;height: 100px; transition: 0.5s;display: flex;align-items: center;}
.history2 .his_nav ul li .li{ transition: 0.5s;}

.history2 #his_thumbs2 .swiper-slide{ position: relative; padding-left:36px; display: flex; cursor: pointer; font-size: 0.28rem; font-family: var(--title-font);}
.history2 #his_thumbs2 .swiper-slide:after{ position: absolute; left:-1px; top: 50%; width: 2px; height:0; content: ''; background: var(--zmain-color); transition: 0.5s;transform: translate(0%, -50%)}
.history2 #his_thumbs2 .swiper-slide-thumb-active{ color:var(--zmain-color);}
.history2 #his_thumbs2 .swiper-slide-thumb-active:after{ height:30px;}

.history2 .swiper-button-disabled{opacity: 0.2 !important;}
.history2 .swiper-button-prev,.history2 .swiper-button-next{background-image: url("data:image/svg+xml,%3Csvg t='1721288635352' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6070' width='22' height='22'%3E%3Cpath d='M768 511.957333c0.0512-3.456-0.546133-6.741333-1.314133-10.112-0.341333-1.450667-0.554667-2.858667-1.066667-4.266666-2.304-6.954667-5.717333-13.525333-11.477333-18.688l-427.178667-382.762667a42.461867 42.461867 0 0 0-60.288 3.754667c-15.573333 17.834667-13.909333 45.312 3.712 61.098666l391.722667 350.976-391.722667 351.061334c-17.621333 15.786667-19.285333 43.264-3.712 61.098666a42.461867 42.461867 0 0 0 60.288 3.754667l427.178667-382.848c5.76-5.162667 9.173333-11.733333 11.477333-18.688 0.512-1.408 0.725333-2.816 1.066667-4.266667 0.768-3.370667 1.365333-6.656 1.322666-10.112' fill='%23444444' p-id='6071'%3E%3C/path%3E%3C/svg%3E"); box-shadow: none; background-size: 18px auto; border: 2px solid #d1d1d1; width: 0.64rem; height: 0.64rem; background-color:initial; margin-right: 4px; margin-top: 30px;}

.history2 #his_gallery2 .case_img{ position: relative; display: flex;}
.history2 #his_gallery2 .swiper-slide-active{opacity: 1;}
.history2 #his_gallery2 .case_img .img{ margin-bottom: 0.2rem; max-width: 2.6rem; margin-right: 0.4rem; flex-shrink: 0;}
.history2 #his_gallery2 .case_img .text{align-items: center;}
.history2 #his_gallery2 .case_img .num{ font-size: 1rem; line-height: 1rem; margin-right: 16px; font-family: var(--title-font); color: #eee;align-items: center;flex-shrink: 0;}

@media only screen and (max-width:1360px) {
	.history2 .container{width: 100%;}
	.history2 .his_nav .swi_overflow{height: 400px; }
	.history2 .his_nav ul li{height: 80px;}
}
@media only screen and (max-width:992px){
	.history2 .his_nav{ display: none;}
	.history2 .i_title .my_btn{display: none;}
	.history2 #his_gallery2{width: 100%; height: auto; padding: 0;}
	.history2 #his_gallery2 .swiper-wrapper{display:inline;}
	.history2 #his_gallery2 .swiper-slide{ list-style: none; width: 100%; float: left; opacity: 1 !important; height: auto !important; margin-bottom: 30px;}
	.history2 #his_gallery2 .case_img .num{ font-size: 0.3rem; color: var(--zmain-color); line-height: 20px;}
	.history2 #his_gallery2:after{ display: none;}
	.history2 .my_btn{ display: none;}
	.history2 #his_gallery2 .case_img .img{ width: 1.5rem; margin-right: 20px;}
}


/*history3*/
.history3{ overflow: hidden;}
.history3 ul li{ list-style: none; display: flex;align-items: center; margin-bottom: 0.5rem;flex-wrap: wrap;}
.history3 .his_main{ max-width: 1000px; margin: 0 auto; position: relative;}
.history3 .his_main:after{ position: absolute; left: 50%; top: 0; width: 1px; height: 100%; content: ''; background: #ddd;}
.history3 .his_main .img{ width: 50%; padding-right: 0.8rem;}
.history3 .his_main .img img{ border-radius: 5px;}
.history3 .his_main .text{ width: 50%; padding-left: 0.8rem; position: relative;}
.history3 .his_main .text .dot{ position: absolute; width:0.8rem; height: 0.8rem; border-radius: 50%; background:var(--zmain-color); position: absolute; left: -0.4rem; top: 50%;transform: translate(0%, -50%); z-index: 2; display: flex;align-items: center; justify-content: center; font-family: var(--bold-font); color: #fff;}

@media only screen and (min-width:768px){
	.history3 ul li:nth-child(2n+1) .img{ order: 2; padding-right: 0; padding-left: 0.8rem;}
	.history3 ul li:nth-child(2n+1) .text{ order: 1; padding-left: 0; padding-right: 0.8rem;}
	.history3 ul li:nth-child(2n+1) .text .dot{ left: auto; right: -0.4rem;}
}


@media only screen and (max-width:768px){
.history3 ul li{ position: relative; margin-bottom: 20px;}
.history3 .his_main .img,.history3 .his_main .text{ width: 100%; padding: 0;}
.history3 .his_main:after{ left: 25px;}
.history3 .his_main .img{ padding-left: 60px; max-width: 300px;}
.history3 .his_main .text{ padding-left: 60px; position: initial;}
.history3 .his_main .text .dot{top: 0; width:50px; height: 50px; left: 0; top: 0;transform:none;}
}

/*contact*/
.contact .con_ico{ text-transform: uppercase; font-size: 14px; font-family: var(--title-font); color: #aaa;}
.contact .con_ico span{ position: relative; display: inline-block; margin-left: 10px; margin-bottom: 6px;}
.contact .con_ico span i{ line-height: 26px; position: relative; z-index: 2; color: #fff; padding-left: 20px; font-size:18px;}
.contact .con_ico span::before{ position: absolute; left: 0; top: 0; width: 3px; height: 100%; content: '';transform: skewX(-25deg); background:#ddd;}
.contact .con_ico span:after{ position: absolute; left: 10px; top: 0; width:40px; height: 100%; content: ''; transform: skewX(-25deg); background: var(--zhover-color); border-radius: 3px;}
.contact_info{ margin-bottom: 0.6rem;}
.contact_info ul{list-style:none;padding:0; display: flex; gap: 30px;}
.contact_info ul li{ width: 50%;}
.contact_info ul li .li{transition:all .5s;padding:0.3rem;position: relative;z-index: 5; height: 100%; background: #fff;align-items: center;  box-shadow: 0 0 30px rgba(0,0,0,0.1); height: 100%; overflow: hidden;}
.contact_info ul li .li:after{ width: 100px; height: 200px;content: "\ea0c"; font-size: 1.2rem; line-height: 1.2rem; font-family: "iconfont"; color: #f9f9f9; position: absolute;right: 0; top: 0;}
.contact_info ul li:nth-child(2) .li:after{content: "\e7b0";}
.contact_info ul li:nth-child(3) .li:after{content: "\e62c";}
.contact_info ul li .web-h3{ text-transform: uppercase; position: relative; margin-bottom: 20px; height: auto; padding-bottom: 20px;}
.contact_info ul li .web-h3:after{ position: absolute; left: 5px; bottom:0; width: 12px; height: 5px; background: var(--zhover-color); content: '';}
.contact_info ul li .icon{width: 0.6rem;height: 0.6rem;position: relative;z-index: 4;top:0;display:inline-flex;align-items: center;justify-content: center;flex-shrink: 0; text-align: center; margin-right: 0.3rem; margin-bottom: 0.3rem;}
.contact_info ul li .icon:after{content:'';width:100%;height:100%;top:0;left:0;position: absolute;z-index: -1;border-radius:10px;-webkit-transition: all .5s;transition: all .5s; background:var(--zmain-color);box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, .2);}
.contact_info ul li:hover .icon:after{border-radius:50%;}
.contact_info ul li .icon:before{content:'';top:-0.05rem;bottom:-0.05rem;right:-0.05rem;left:-0.05rem;border-radius: 50%;border:1px solid #ccc;transition:all .5s;position: absolute;z-index: -1;opacity: 0;filter: alpha(opacity=0);}
.contact_info ul li:hover .icon:before{left:-0.1rem;right:-0.1rem;bottom:-0.1rem;top:-0.1rem;opacity: 0.5;filter: alpha(opacity=50);}
.contact_info ul li .icon i{display: inline-block;transition:all .5s;width:0.48rem;height:0.48rem; line-height: 0.48rem; font-size: 0.3rem; color: #fff;}
.contact_info ul li:hover .icon i{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);
transform:scaleX(-1);filter:FlipH; transform: rotateY(180deg);}
.contact_info ul li p{line-height:24px;margin:0;margin-bottom:0.05rem;color:#4d4d4d;}
.contact_info ul li p a:hover{color:var(--zmain-color);}
.contact .social_ico{ border-top: 1px solid #eee; padding-top: 20px; margin-top: 20px; width: 100%;}


.contact_main{ background: #eee;}
.con_ico p{ display: inline-block; margin-left: 10px;}
.con_info{ margin-top: 0.5rem; padding-right: 0.5rem;}
.con_message{ background:var(--zmain-color); padding: 0.5rem; color: #fff;}
.con_message .primary-font{ color: #fff;}
.con_message .inquiry{ border-top: 1px solid rgba(255,255,255,0.5); margin-top: 20px; padding-top: 20px;}
.con_message .inquiry .field-group label{  color: #fff;}
.con_message .ms_btn{ background: var(--zhover-color);}
.con_message .ms_btn .submit-btn{ color: #333;}
.con_other{ display: inline-block; text-align: left; padding-bottom: 0.6rem;}
.contact .map{ margin-top: 0.5rem;}

@media only screen and (max-width:768px) {
	.contact_info ul{flex-wrap: wrap;}
	.contact_info ul li{ width: 100%;}
	.contact_info ul li .li{ padding: 0.2rem;}
	.contact_info ul li .h4{ font-size: 16px;margin-bottom: 0;}
	.contact_info ul li .web-h3{ margin-bottom: 10px; padding-bottom: 10px;}
	.contact .con_banner{ margin-bottom: 0;}
	.con_message{ padding: 0.3rem; background: #eee;}
	.con_info{ padding: 0.3rem;}
}

.contact_com{ margin-top: 0.6rem;}
.contact_com ul li{ list-style: none; margin-bottom: 30px;}
.contact_com ul li .li{ background:#f5f6f8; padding:0.2rem;}
.contact_com ul li .li .title{ font-family: var(--bold-font); font-size: 0.24rem; display: block; border-bottom: 1px solid #eee; margin-bottom: 15px; padding-bottom: 10px;}
.contact_com ul li .li p{ line-height:24px; margin-bottom: 6px;}

/*web 其他设置*/
.inqu_more{ float: right; width:auto; padding: 0 20px; background: var(--zmain-color); color: #fff; font-family:var(--title-font); height: 40px; transition: 0.5s; display: flex;align-items: center; margin-bottom: 10px;}
.car_li{margin-bottom: 30px;}
.car_li .li{ float: left; width: 50%; padding-right: 6px;}
.car_li .li .checkbox-tile{ position: inherit;display: inline-block; padding: 10px 15px; margin-bottom: 6px; position:relative; padding-left: 36px; font-family:var(--title-font);}
.car_li .li .checkbox-tile:before{ left: 10px; top: 16px;}

@media only screen and (max-width:992px) {
	.car_li .li{ width: 100%;}
}

@media only screen and (max-width:992px) {
.cart-call{ position: fixed; width: 40px; height: 40px; background: #999; border-radius: 50px; left: 10px; bottom: 110px; text-align: center;}
.cart-ciu i{ font-size: 20px; line-height: 40px;}
.top-cart{ bottom: 66px;background: #af1e23;}
}


/* 图片提示 
<div class="image-tool">
	<span class="btn"><img src="images/sns_f.png" alt=""></span>
	<div class="tooltip-image">
		<img src="images/right-wx.png" alt="">
	</div>
</div>
*/
.image-tool{position: relative;display: inline-block;cursor: pointer;}
.image-tool .tooltip-image {visibility: hidden;width:80px;position: absolute;z-index: 1;bottom: 125%;left: 50%;transform: translateX(-50%);opacity: 0;transition: opacity 0.3s, visibility 0.3s;border-radius: 8px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);background: #eee;}
.image-tool .tooltip-image::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #fff transparent transparent transparent;}
.image-tool .tooltip-image img {width: 100%;display: block;}
.image-tool:hover .tooltip-image {visibility: visible;opacity: 1;}