@charset "UTF-8";

@font-face { font-family: "Figtree"; src: url("../font/Figtree-VariableFont_wght.ttf") format("woff2"); font-weight: 400;}
@font-face { font-family: "Figtree_s"; src: url("../font/Figtree-VariableFont_wght.ttf") format("woff2"); font-weight: 500;}
@font-face { font-family: "Figtree_b"; src: url("../font/Figtree-VariableFont_wght.ttf") format("woff2"); font-weight: 700;}

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


:root {
	--zmain-color:#bf2425;
	--zhover-color:#bf2425;
	--main-font: "Figtree", sans-serif;
	--bold-font: "Figtree_b", sans-serif;
	--title-font: "Marcellus", 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: 14.4rem; margin: 0 auto; }
@media screen and (max-width: 1540px)  {.container{padding-left: 50px; padding-right: 50px; max-width: 100%;}}
@media screen and (max-width: 992px)  {.container{padding-left: 15px; padding-right: 15px; 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:18px;}
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: var(--zmain-color);}
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;}

.footer_email .error_hint{display:block; color:#f13434; 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); font-weight: 700; color: #fff; position: absolute; left: 10px; top: 100%;}
.footer_email .write_success i,.footer_email .write_error i{display:inline-block; color: #109507; font-size:15px; margin-right: .1rem}
.footer_email .write_error{display:flex; align-items: center;  justify-content: flex-start; font-size:16px; margin: 6px 0; font-family:var(--bold-font); font-weight: 700; position: absolute; left: 10px; top: 100%;} 
.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; font-size: 16px;}
.inquiry ul{list-style:none; margin: 0px -10px;}
.inquiry ul li{padding:0 10px;margin-bottom:15px;}
.inquiry ul li label{ font-family: var(--title-font); font-size: 18px; color: #333; margin-bottom: 10px;}
.inquiry ul li span{display: block; position: relative;}
.inquiry ul li span:before{position:absolute;width:40px;height:48px;right:0;top:0;display:inline-block;font-family: "iconfont"; text-align: center; line-height: 48px; font-size: 16px; color: #999;}
.inquiry ul li span.ms_e:before{content:"\e7b0";}
.inquiry ul li span.ms_p:before{content:"\ea0c";}
.inquiry ul li span.ms_c:before{content:"\e7ce";}
.inquiry ul li span.ms_n:before{content:"\e609";}
.inquiry ul li span.ms_m:before{content:"\e60a";}

.inquiry ul li span.ms_e:after,.inquiry ul li span.ms_m:after{ position: absolute; right: 5px; top: 4px; width: 4px; height: 4px; content: ''; background:var(--zhover-color); transform-origin: top right; border-radius: 50%;}
.inquiry ul li input{height:48px;width:100%;line-height:44px;padding-right:28px; color:#aaa; border-radius:0; padding-left: 10px;font-size: 15px;outline: none;}
.inquiry ul li textarea{height:1.26rem;width:100%;max-width:100%;max-height:215px;padding:8px 45px 10px 10px;color:#666;border:none;border-radius:0; line-height: 20px; font-size: 15px; border: 1px solid #d7dcde;border: none;outline: none;}


.inquiry ul li input:-ms-input-placeholder{color:#aaa;}/* Internet Explorer 10+ */ 
.inquiry ul li input::-webkit-input-placeholder{color:#aaa;}/* WebKit browsers */
.inquiry ul li input::-moz-placeholder{color:#aaa;}/* Mozilla Firefox 4 to 18 */ 
.inquiry ul li input:-moz-placeholder{color:#aaa;}/* Mozilla Firefox 19+ */ 
.inquiry ul li textarea:-ms-input-placeholder{color:#aaa;}/* Internet Explorer 10+ */ 
.inquiry ul li textarea::-webkit-input-placeholder{color:#aaa;}/* WebKit browsers */
.inquiry ul li textarea::-moz-placeholder{color:#aaa;}/* Mozilla Firefox 4 to 18 */ 
.inquiry ul li textarea:-moz-placeholder{color:#aaa;}/* Mozilla Firefox 19+ */ 
.inquiry ul li input,.inquiry ul li textarea{ border: 1px solid #c8c8c8;}
.inquiry ul li input:focus,.inquiry ul li textarea:focus{ border: 1px solid var(--zhover-color); background-color: #fff;box-shadow: 0 0px 6px rgb(0 0 0 / 8%), 0 0px 15px rgb(0 0 0 / 15%);transition: all .2s ease-in-out; color: #333;box-shadow: 0px 14px 56px -11px rgba(0,0,0,0.2);}
.inquiry select{width:100%;height:60px;border:none;border:1px solid #d7d7dc;background-color:#fff; padding-left:15px;Appearance:none; margin: 0;
-webkit-appearance:none;}
.inquiry .select{margin: 0; position: relative;}
.inquiry .select:after{content:"\f0d7";font-family:'FontAwesome';position:absolute;right:0.15rem;color:#ccc;top:0.12rem;z-index:99;}
.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; height: 0.46rem; color: #fff; position: relative;overflow: hidden; text-transform: capitalize; font-size:15px; min-height: 36px;align-items: center;justify-content: center; font-family:var(--bold-font); padding: 0 0.2rem; background:var(--zhover-color);transition: 0.5s; margin-top:0; transition: 0.5s; border-radius: 5px;}
.ms_btn input{display: block;position: absolute;left: 0;top: 0;height: 100%; width: 100%; background: none;border: none;z-index: 2;text-indent: -999px;overflow: hidden; cursor: pointer;}
.ms_btn:hover{background: var(--zhover-color) !important;box-shadow: 0px 14px 56px -11px var(--zhover-color);}
.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;} }



.input-append{display:flex; padding: 2px; border: 1px solid #e5e5e5; background: #eee; max-width: 188px; flex-shrink: 0; margin-right: 15px;}
.input-append .btn{ flex-shrink: 0; background-color:var(--zmain-color); color: #fff; height: 46px; line-height: 46px; padding: 0 20px; border-radius: 5px;}
.input-append input{ border:none !important; background:none !important; height: auto !important; padding-right: 0 !important;}


/*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; margin-right: 0.4rem; }
	.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;}
	.main-menu>li:last-child{ padding-right: 0; margin-right: 0;}
	.main-menu>li>a{ position: relative;}
	.main-menu>li.active>a, .main-menu>li:hover>a{ color: var(--zhover-color) !important;}
	.main-menu>li>a:before{background:var(--zhover-color); width:100%; height:2px; content: ''; 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:20%;}
	.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: 46px;}
    .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: 20px; padding: 0px; color: #333;align-items: center; padding-bottom: 5px; font-family:var(--title-font);}
	.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: 25%;}
    .megamenu .sub-menu .nav_li>li>ul{ top: 0;}
    .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(--zmain-color); color: #fff; padding-left: 10px; padding-right: 40px;}
    .megamenu .sub-menu .nav_li a:hover{ color: var(--zmain-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: #fff;display: inline-block;text-align: center;vertical-align: middle;cursor: pointer;z-index: 8888888;height: 16px;position: absolute;width: 100%;-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;}
#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;}
}

/*nav-tab*/
@media (min-width:992px) {
.nav_mob{ display: none !important;}
.nav_ul{ max-width: 1200px;}
.menu-children:hover .nav_ul .sub-menu {opacity: 1;visibility: visible;transform: translateY(0);}
.multi-column-nav {display: flex;min-height: 300px;width: 100%;}
.column-level-1 {flex: 1;background: #f8f9fa;}
.column-level-1 ul {list-style: none;}
.column-level-1 li {margin-bottom: 5px;}
.column-level-1 a {display: block;color: #333;text-decoration: none;padding: 10px 20px;transition: all 0.3s ease;cursor: pointer;}
.column-level-1 a:hover, .column-level-1 a.active {background: rgba(52, 152, 219, 0.1);color: #3498db;}
.column-level-2 {flex: 1.2;padding: 0 20px;display: none;}
.column-level-2.active {display: block;}
.column-level-2 ul {list-style: none;}
.column-level-2 li {margin-bottom: 8px;}
.column-level-2 a {display: block;color: #666;text-decoration: none;padding: 8px 10px;transition: all 0.3s ease;cursor: pointer;}
.column-level-2 a:hover, .column-level-2 a.active {background: rgba(52, 152, 219, 0.1);color: #3498db;}

.column-level-3 {flex: 1.2;padding: 0 20px;display: none;}
.column-level-3.active {display: block;}
.column-level-3 ul {list-style: none;}
.column-level-3 li {margin-bottom: 8px;}
.column-level-3 a {display: block;color: #666;text-decoration: none;padding: 8px 10px;border-radius: 4px;transition: all 0.3s ease;border-left: 3px solid transparent;cursor: pointer;}
.column-level-3 a:hover {background: rgba(46, 204, 113, 0.1);color: #2ecc71;border-left: 3px solid #2ecc71;}
}

/*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: 20px; margin-left: 20px;}
.language p{font-size: 15px; color:#fff; line-height: 16px;}
.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='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='%23cbcbcb' stroke-width='0.2'/%3E%3C/svg%3E"); background-size:24px auto; padding-left:28px;background-position: left center; background-repeat: no-repeat;}
.language .p span{display: inline-block; padding-right: 15px; position: relative; line-height: 56px; color: #666; font-size: 16px; text-transform: capitalize;}
.language .p span:after{ color: #999; position: absolute; right:0; top:50%;font-family: "iconfont"; content: "\e603"; line-height:0.2rem; margin-top: -0.1rem; font-size: 10px;}
.language .p img{overflow: hidden; border-radius: 50%; margin-right: 4px;}
.language .language_ul{ width:160px; 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:28px;}
.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;}

}


/*Search*/
.ico_search{ display: inline-block;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 fill-rule='evenodd' clip-rule='evenodd' d='M16.032 15.618L21.707 21.293C22.098 21.683 22.098 22.317 21.707 22.707C21.317 23.098 20.683 23.098 20.293 22.707L14.618 17.032C13.078 18.264 11.125 19 9 19C4.029 19 0 14.971 0 10C0 5.029 4.029 1 9 1C13.971 1 18 5.029 18 10C18 12.125 17.264 14.078 16.032 15.618ZM9 17C12.866 17 16 13.866 16 10C16 6.134 12.866 3 9 3C5.134 3 2 6.134 2 10C2 13.866 5.134 17 9 17Z' fill='%23ffffff'/%3E%3Cmask id='mask0_6480_4180' maskUnits='userSpaceOnUse' x='0' y='1' width='22' height='22'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.032 15.618L21.707 21.293C22.098 21.683 22.098 22.317 21.707 22.707C21.317 23.098 20.683 23.098 20.293 22.707L14.618 17.032C13.078 18.264 11.125 19 9 19C4.029 19 0 14.971 0 10C0 5.029 4.029 1 9 1C13.971 1 18 5.029 18 10C18 12.125 17.264 14.078 16.032 15.618ZM9 17C12.866 17 16 13.866 16 10C16 6.134 12.866 3 9 3C5.134 3 2 6.134 2 10C2 13.866 5.134 17 9 17Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_6480_4180)'/%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; width:auto; height: 36px; margin-left: 0.3rem; cursor: pointer; flex-shrink: 0; background-size: 22px auto;  padding-left: 30px; padding-right:34px; font-size: 18px; color: #666;}
.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%; max-width: 5rem; margin: 0 auto; border-radius: 0; overflow: hidden;}
.search_main .form-control{height:58px;color:#fff;float:left; line-height:58px;font-size:16px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:100%; background:#3c7fc6; padding-right:55px; border:none; box-shadow: none; float: none;  padding-left: 10px;}
.search_main .form-control:focus{ color:#fff;}
.search_main .search_btn{display:block; width:58px;height:58px;cursor:pointer; border:none; position:absolute; bottom:0; right:0; 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"); background-repeat: no-repeat; background-color: #3c7fc6; background-position: center center;}
.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;}
	#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:#fff;}
	.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{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}
.swiper-pointer-events{touch-action:pan-y}
.swiper-pointer-events.swiper-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.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{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-3d .swiper-slide-shadow{background:rgb(0 0 0 / .15)}
.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgb(0 0 0 / .5),#fff0)}
.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgb(0 0 0 / .5),#fff0)}
.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgb(0 0 0 / .5),#fff0)}
.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgb(0 0 0 / .5),#fff0)}
.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}
.swiper-centered.swiper-horizontal>.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-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}
.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}
.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{width:1px;height:var(--swiper-virtual-size)}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0;transition:0.5s all;cursor:auto;pointer-events:none}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}
.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}
.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}
.swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:50%;background:#b2becc; opacity: 0.2;}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet:only-child{display:none!important}
.swiper-pagination-bullet-active{opacity:1;background:var(--zhover-color)}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}
.swiper-pagination-progressbar{background:rgb(0 0 0 / .25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:0;position:relative;-ms-touch-action:none;background:#c6c6c6}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:0;bottom:0;z-index:50;height:2px;width:100%}
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgb(0 0 0 / .5);border-radius:10px;left:0;top:0;height:4px;cursor:pointer}
.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:#fff0}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-grid>.swiper-wrapper{flex-wrap:wrap}
.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap}
.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-cube{overflow:visible}
.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}
.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}
.swiper-flip{overflow:visible}
.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}
.swiper-cards{overflow:visible}
.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}


.swi_position{ position: relative;}
.swi_position .swiper-button-prev{left: 0;}
.swi_position .swiper-button-next{right: 0;}
.swiper-button-prev,.swiper-button-next{ float: left; width: 0.5rem; height: 0.5rem; position: initial; display: flex; margin: 0;  background-repeat: no-repeat; background-position: center center; transition: 0.5s; margin: 0 6px;  margin-top: -0.25rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' aria-hidden='true' data-slot='icon' class='w-[24px] stroke-white stroke-[2]'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 19.5 8.25 12l7.5-7.5'/%3E%3C/svg%3E");background-position: center center; background-size:24px auto; background-repeat: no-repeat; border: 1px solid rgba(255,255,255,0.5); background-color:rgba(0,0,0,0.2); border-radius: 50%;}
.swiper-button-next{transform: rotate(180deg)}
.swiper-button-next:after, .swiper-button-prev:after{ display: none;}
.swiper-scrollbar-drag{ background:#000; height: 2px;}

.button_inside,.button_outside .swiper-container{ overflow: hidden;}
.button_inside,.button_outside{ position: relative;}
.button_outside .swiper-button-prev{ position: absolute; top: 50%; left: -50px; }
.button_outside .swiper-button-next{ position: absolute; top: 50%; right:-50px;}
.button_inside .swiper-button-prev{ position: absolute; top: 50%; left: 0;}
.button_inside .swiper-button-next{ position: absolute; top: 50%; right:0;}


@media only screen and (max-width:1200px) {
.button_outside .swiper-button-prev{ left: -30px;}
.button_outside .swiper-button-next{ right: -30px;}
}
@media only screen and (max-width:992px) {
.button_outside{ padding: 0 30px;}
.button_outside .swiper-button-prev{left:0;}
.button_outside .swiper-button-next{right: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;}
}

/*tab*/
.page_nav { display: flex;justify-content: center;flex-wrap: wrap; gap: 15px;}
.page_nav a{ 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;}
.page_nav a:hover{ border:1px solid var(--zhover-color); color: var(--zhover-color);}
.page_nav a.active{ background:var(--zhover-color); color: #fff;}

@media only screen and (max-width:992px) {
.page_nav a{ width: 50%; padding: 5px; font-size: 14px; line-height: 20px; min-height: 50px;flex: 1;}
}
@media only screen and (max-width:400px) {
.page_nav{ gap:4px}
.page_nav a{flex: 1 1 100%; padding: 5px; font-size: 14px; line-height: 20px; min-height: 50px; min-height: 40px;}
}

/*banner*/
.banner{ position: relative; width: 100%; overflow: hidden;}
@media only screen and (min-width: 992px){
	#banner-video{ position: absolute; left: 0; top: 0; width: 100%; height:calc(100% - 0.7rem); z-index:1 !important;object-fit: cover; background-size: cover;}
}
.banner img{ width: 100%;}
.banner .swiper-pagination{ position: absolute; bottom: 0; max-width: 14.4rem; left: 50%;transform: translate(-50%, 0%); background: #fff;border-bottom: 1px solid #eff0f2;}
.banner .swiper-pagination-bullet{ background:none; width: 25%; opacity: 1; border-radius: 0; height: 1.14rem; font-size: 0.24rem; line-height: 0.2rem; color: #bb0000; text-align: center; font-family: var(--title-font);text-transform: uppercase; transition: 0.5s; cursor: pointer; margin: 0 !important; float: left;line-height: 30px; padding:0.42rem 0.18rem; transition: 0.5s; position: relative;}
.banner .swiper-pagination-bullet:after{ position: absolute; left: 0; bottom: 50%;transform: translate(0%, 50%); width: 1px; content: ''; height: 70%; background: #e5e5e5;}
.banner .swiper-pagination-bullet:first-child:after,.banner:hover .swiper-pagination-bullet-active:after{ opacity: 0;}
.banner:hover .swiper-pagination-bullet-active{ background-color: var(--zhover-color);color: #fff;}


.banner .swiper-button-prev, .banner .swiper-button-next{ position: absolute; margin: 0 15px; width: 50px; height: 50px; background-color:rgba(255,255,255,0); border: 1px solid rgba(0,0,0,0.3);-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.banner .swiper-button-next:after,.banner  .swiper-button-prev:after{ color: #333; font-size: 16px;}
.banner .swiper-slide {position: relative; opacity: 0 !important; overflow: hidden;}
.banner .banner-active{opacity:1!important;}
.banner .swiper-slide img {display: block;width: 100%;}
.banner .swiper-slide .banner_text {position: absolute;left:0;transition: all 0.5s;position: absolute;bottom:50%;transform: translate(0%, 50%); z-index: 666; width: 100%; padding-right: 0.5rem;}
.banner .swiper-slide .banner_text .banner_main{ max-width: 50%;}
.banner .swiper-slide .banner_text .text{font-size: 0.88rem; line-height: 0.92rem; text-transform: uppercase; color: #fff; font-family: var(--title-font); margin-bottom: 0.3rem;}
.banner .swiper-slide .banner_text .p{transform: translateY(30px); opacity: 0; color: #fff; font-size: 0.24rem; line-height: 0.3rem;}
.banner .swiper-slide .banner_text .p span{ display: inline-block; margin: 0.3rem 0;}
.banner .swiper-slide .banner_text .p p{ font-size: 0.26rem; font-family: var(--bold-font); padding: 10px 0 10px 30px; position: relative;}
.banner .swiper-slide .banner_text .p p:after{width: 8px; height: 8px; content: '';background:var(--zhover-color); position: absolute; left: 0; top: 50%; margin-top: -4px;}
.banner .swiper-slide .banner_text .more{ transform: translateY(30px); opacity: 0; position: relative; z-index: 666666; margin-top: 0.3rem;}
.banner .swiper-slide-active .banner_text .more{ transition: all .3s ease 0.6s;  transform: translateY(0);  opacity: 1;}
.banner .swiper-slide-active .banner_text .p{transition: all .2s ease 0.4s;  transform: translateY(0);  opacity: 1;}
@media only screen and (max-width:1400px) {
.banner .container{ padding: 0px 30px;}
.banner .swiper-slide .banner_text .text{ font-size: 0.36rem; line-height: 0.4rem;}
.banner .swiper-slide .banner_text .p{line-height: 24px; font-size: 20px;}
.banner .swiper-slide .banner_text .p a{padding: 0 0.2rem; font-size: 16px; margin-bottom: 10px;}

}

@media only screen and (max-width:1200px) {
.banner .swiper-pagination-bullet{ height: auto; padding: 0.16rem 0;}
}

@media only screen and (max-width: 992px){
.banner .swiper-slide .banner_text .text{ font-size: 0.2rem; line-height: 0.24rem;}
.banner .swiper-button-prev, .banner .swiper-button-next{width: 36px; height: 36px; margin: 0; margin-top: -18px;}
.banner .swiper-slide .banner_text .banner_main{padding-right: 0; padding: 0.15rem 0.6rem; text-align: center;}
.banner .swiper-slide .banner_text .img{display: none;}
.banner .swiper-slide .banner_text .title{font-size: 0.5rem; margin-bottom: 10px;}
.banner .swiper-slide .banner_text span{display: none;}
.banner .swiper-slide .banner_text .more{display: none;}
.banner .swiper-slide .banner_text{width: 100%; padding-right: 0;}
.banner{ padding-bottom: 0;}
.banner .swiper-slide{ opacity: 1 !important;}
.banner .swiper-pagination{ position: inherit;transform:none; width: 100%;}
.banner .swiper-pagination .swiper-pagination-bullet{ width: 50%; border-bottom: 1px solid #eee; font-size: 14px; text-transform: capitalize;}
}

@media only screen and (max-width: 768px){
	.banner .container{padding: 0 10px;}
	.banner .swiper-slide .banner_text .banner_main{ width: 100%;}
	.banner .swiper-slide .banner_text .p{ display: none;}
	.banner .swiper-slide .banner_text .text{font-size: 16px;line-height: 0.26rem; margin-bottom: 10px; border-radius: 2px;}

}

@media only screen and (max-width: 500px){
	.banner .swiper-slide .banner_text .text{font-size: 14px; line-height:20px; font-family: var(--main-font); padding: 10px;}
	.banner .swiper-slide-active .banner_text .more{display: none;}
	
}
.banner{ position:relative;}
.banner img{ width: 100%;}
@media only screen and (min-width: 768px){
.banner .text{ position: absolute; right: 0; bottom: 50%;transform: translate(0%, 50%); width: 34%; z-index: 666; padding-right: 5%;}
}
.banner .text .p{ font-size: 0.4rem; line-height: 0.5rem; color: #fff; font-family: var(--bold-font); background: url(../images/check.png) no-repeat left 20px; padding-left: 50px; margin-bottom: 0.3rem;}

@media only screen and (max-width: 1280px){
.banner .text .p{ font-size: 0.2rem; line-height: 0.24rem;}
}

@media only screen and (max-width: 768px){
.banner .text .p{ padding-left: 0; margin-bottom: 12px;}
.banner .text{ position: inherit; background: #eee; width: 100%; background: #333; padding: 0.3rem; text-align: center;}
}

 
/*css*/
.light_box{ position: relative; display: block;}
.light_box:before,
.light_box:after{Content:'';background:rgba(255, 255, 255, 0.15) none repeat scroll 0 0;bottom:0;left:0;right:0;top:0;opacity: 0;position: absolute;z-index: 1;transition:all 500ms ease 0s;-webkit-transition:all 500ms ease 0s;-moz-transition:all 500ms ease 0s;-ms-transition:all 500ms ease 0s;
-o-transition:all 500ms ease 0s;}
li:hover .light_box:before{left: 50%;opacity: 1;right: 50%;}
li:hover .light_box:after{bottom: 50%;opacity: 1;top: 50%;}

.img_box {position: relative;display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: all 500ms ease;transition: all 500ms ease; overflow: hidden;}
.img_box img{ width: 100%;}
.img_box img:first-child {position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 1;-webkit-transform: translateX(50%) scaleX(2);transform: translateX(50%) scaleX(2);opacity: 0;-webkit-filter: blur(10px);filter: blur(10px);}
.li:hover .img_box img:first-child {-webkit-transform: translateX(0) scaleX(1);transform: translateX(0) scaleX(1);opacity: 1;-webkit-filter: blur(0);filter: blur(0);}
.li:hover .img_box img:nth-child(2) {-webkit-transform: translateX(-50%) scaleX(2);transform: translateX(-50%) scaleX(2);opacity: 0;-webkit-filter: blur(10px);filter: blur(10px);}

.light_img{position: relative;z-index: 1;display: inline-block;vertical-align: top;max-width: 100%;background: #fff;}
.light_img:before ,.light_img:after {background: rgba(255, 255, 255, .4) none repeat scroll 0 0;content: " ";height: 0;padding: 0;position: absolute;transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-ms-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;width: 0;transform: rotate(200deg);-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);-ms-transform: rotate(200deg);-o-transform: rotate(200deg);z-index: 1;border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;}
.light_img:before {left: 0;top: 0;}
.light_img:after {bottom: 0;right: 0;}
li:hover .light_img:before, li:hover .light_img:after{height: 100%;width: 100%;transform: rotatex(-200deg);-webkit-transform: rotatex(-200deg);
-moz-transform: rotatex(-200deg);-ms-transform: rotatex(-200deg);-o-transform: rotatex(-200deg);opacity: 0;}

/*index*/
@-webkit-keyframes qodefBorderAnimation {
	0% {background-position: 0 0,100% 100%,0 100%,100% 0}
	100% {background-position: 100% 0,0 100%,0 0,100% 100%}
  }
  
  @keyframes qodefBorderAnimation {
	0% {background-position: 0 0,100% 100%,0 100%,100% 0}
	100% {background-position: 100% 0,0 100%,0 0,100% 100%}
  }
  
  @-webkit-keyframes qodef-jump {
	  50% {-webkit-transform: translateY(-3px);transform: translateY(-3px)}
	  100% {-webkit-transform: translateY(0);transform: translateY(0)}
  }
  @keyframes qodef-jump {
	  50% {-webkit-transform: translateY(-3px);transform: translateY(-3px)}
	  100% {-webkit-transform: translateY(0);transform: translateY(0)}
  }
  
.my_more1{ display: inline-flex;padding: 0 0.3rem; height:56px; color: #fff; position: relative;overflow: hidden; font-size:18px; align-items: center;justify-content: center;min-height: 40px; transition: 0.5s; cursor: pointer; text-transform: capitalize; font-family: var(--bold-font); text-align: center; background:var(--zhover-color); border-radius: 5px;}
.my_more1 img{ margin-right: 10px;}
.my_more1:after{ content: " "; position: absolute; width:20px; height: 100%; right: 0; 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='22' height='22' viewBox='0 0 22 22' fill='none'%3E %3Crect y='10' width='20' height='2' rx='1' fill='%23ffffff'/%3E %3Cpath d='M14.6569 16.657L20.3137 11.0001L14.6569 5.34327' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E"); background-size: 16px auto; background-repeat: no-repeat; background-position: center center;transition: 0.5s; right: 10px; opacity: 0;}
.my_more1: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; }
.my_more1:hover{color: #fff; background: var(--zhover-color); 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); padding-right: 40px;}
.my_more1:hover:before{ width: 100%;}
.my_more1:hover:after{ opacity: 1;}
.n_main .my_more1,.rel_section .my_more1{ font-size: 15px; height: 50px;}
@media only screen and (max-width:992px){
	.my_more1{ font-size: 14px;}
}


.btn-1 {position: relative;width: -webkit-max-content;width: -moz-max-content;width: max-content;-webkit-filter: url(#buttonFilter);filter: url(#buttonFilter);-webkit-transition: 0.45s cubic-bezier(0.65, 0, 0.076, 1);
transition: 0.45s cubic-bezier(0.65, 0, 0.076, 1);text-align: center;display: flex;}
.btn-1 a,.btn-1 button {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;padding: 0 37px;height: 52px;border-radius: 30px;background-color:var(--zmain-color);color:#fff; font-family:var(--title-font);}
.btn-1 .icon {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 52px;height: 52px;border-radius: 50%;-webkit-transition: 0.45s cubic-bezier(0.65, 0, 0.076, 1);transition: 0.45s cubic-bezier(0.65, 0, 0.076, 1);background-color:var(--zmain-color);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 384 512'%3E%3Cpath d='M328 96h24v288h-48V177.9L81 401l-17 17-33.9-34 17-17 223-223H64V96h264z'%3E%3C/path%3E %3C/svg%3E"); background-size: 12px auto; background-position: center center; background-repeat: no-repeat;}
.btn-1:hover .icon{ -webkit-transform: translateX(0.15rem) rotate(45deg); transform: translateX(0.15rem) rotate(45deg);}


.my_more3{display: inline-flex; color: #666; position: relative;overflow: hidden; text-transform: capitalize; font-size:15px;min-height: 36px;align-items: center;justify-content: center; font-family: var(--title-font); padding-right: 16px;transition: 0.5s; margin-top:0;}
.my_more3:after{ content: '\e626'; position: absolute; width:10px; height: 20px; left: 0; top:50%; font: normal normal normal 12px / 1 iconfont; line-height: 20px; margin-top: -10px; opacity: 0; transition: 0.5s;}
.my_more3:hover{padding-left: 16px;}
.my_more3:before { content: '\e626'; position: absolute; width:10px; height: 20px; right: 0; top:50%; font: normal normal normal 12px / 1 iconfont;  line-height: 20px; margin-top: -10px; transition: 0.5s;}
.my_more3:hover:before{right: 0; opacity: 0;}
.my_more3:hover:after{ opacity: 1; left: 0;}
.my_more3:hover{ color:var(--zmain-color);}


.animate-border {position: relative;display: block;width: 60px;height: 3px;background: var(--zmain-color);margin: 15px auto;}
.animate-border:after {position: absolute;content: "";width:18px;height: 3px;left: 0;bottom: 0;border-left: 5px solid #fff;border-right: 5px solid #fff;-webkit-animation: animborder 2s linear infinite;animation: animborder 2s linear infinite;}
.tl .animate-border{  margin-left: 5px;}
@-webkit-keyframes animborder {0% {-webkit-transform: translateX(0px);transform: translateX(0px);}100% {-webkit-transform: translateX(60px);transform: translateX(60px);}}
@keyframes animborder {0% {-webkit-transform: translateX(0px);transform: translateX(0px);}100% {-webkit-transform: translateX(60px);transform: translateX(60px);}}
@media screen and (max-width:992px) {
.animate-border { display: none;}
}

/*Widgets*/
.social_ico{ float: left; display: flex;align-items: center;}
.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; 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; background: #fff;}
header.sticky .nav_section .main{ border-bottom: none;}
.height{ height:60px;}
.fixed-header{position:fixed; left:0; width: 100%; top: 0; z-index: 999;}
.index_nav{border-bottom: 1px solid rgba(255,255,255,0.2)}

.top_section{ background: #ffffff; padding: 6px 0;}
.top_section .main{display: flex;align-items: center; justify-content: space-between; transition: 0.5s;}
.top_section .top_con p{ font-size: 16px; color: #666; display: inline-flex;align-items: center; line-height: 60px; margin-right: 0.42rem;}
.top_section .top_con p i{ flex-shrink: 0; width: 30px; height: 30px; border-radius: 5px; background:var(--zhover-color); line-height: 30px; color: #fff; text-align: center; margin-right: 10px;}
.top_section .top_con p a{ color: #666;}
.top_section .top_con p a:hover{ color: var(--zhover-color); text-decoration: underline;}

.top_section .top_r{ display: flex;align-items: center;}
.top_section .top_sns a{ width: 36px; height: 36px; display: inline-block; margin-right: 4px; margin-top: 2px;background:rgba(255,255,255,0.1);}
.nav_quote{ line-height: 60px; display: inline-block; padding: 0 0.3rem; flex-shrink: 0; font-size: 18px; font-family: var(--bold-font); color: #fff; margin-left: 0.2rem; cursor: pointer; background: var(--zhover-color); text-transform: capitalize; border-radius: 5px;}

#logo{ list-style: none; overflow: hidden; position: relative;}
#logo img{ max-width: 2.6rem;}
#logo h1{ line-height: 0;}
#logo a{ display: inline-block;}
header .container{ transition: 0.5s;}


.nav_section .main,.nav_section .nav_r{ display: flex;align-items: center;justify-content: space-between;}
.nav_section .main .header-navigation{ flex: 1;}
.nav_section .search_main{ width: 310px; background: #3c7fc6; margin-left: 0.5rem; float: right;}
@media screen and (min-width:992px) {
	.main-menu>li>a { font-size:0.2rem; color: #fff; line-height:0.34rem; padding:0.3rem 0; position: relative; text-transform:uppercase; position: relative; font-family:var(--title-font);}
	.main-menu>li>a span{ position: relative; z-index: 8888888;}
	.nav_section>.container{ position: relative;}
	header.sticky{backdrop-filter: blur(20px); border-bottom:none;}
	header.sticky .main-menu>li>a{padding: 0.2rem 0; color: #fff;}
	header.sticky .top_section{ display: none;}
}


@media screen and (max-width:1800px) {
	.main-menu>li{ margin-right: 0.2rem;}
	.main-menu>li>a{font-size: 17px;}
}

@media screen and (max-width:1440px) {
	.top_sns{ display: none;}
	.nav_quote{ font-size: 15px;}
	.main-menu>li>a { font-size: 15px;}
	#logo img{ max-height: 0.4rem;}
	.fixed-header .container{ padding-left: 15px !important; padding-right: 15px !important;}
}

@media screen and (max-width:1260px) {
	.main-menu>li{ margin-right:8px;}
	.main-menu>li>a{ font-size: 14px;}
}


@media only screen and (max-width:992px) {
	.top_section .main,.top_section{height: auto; border: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; box-shadow: 0 0 30px rgba(0,0,0,0.15);}
	#smooth-content{ padding-top: 0;}
	.nav_quote{ height: 56px; line-height: 56px; border-radius: 0;}
	.top_section{ padding: 0;}
	.fixed-header .container{ padding-right: 0 !important;}
}

.i_title{position: relative; text-align: center; margin-bottom: 0.2rem;}
.i_title .h6{ font-size:14px; color:#999;line-height: 30px; text-transform: uppercase; position: relative; padding: 0 18px; border-radius: 30px; border: 1px solid #b6b6b6; display: inline-block; margin-bottom: 10px;}
.i_title .title{font-size: 0.56rem; color: #333; line-height: 0.66rem; position: relative; font-family: var(--title-font); position: relative; padding-bottom: 0.2rem;}
.i_title .title:after{ position: absolute; bottom: 0; right: 50%;transform: translate(0%, 50%); width: 30px; height: 3px; content: ''; background:var(--zmain-color);}
.i_title .p{overflow: hidden; max-width:10rem;  line-height: 0.34rem; margin: 10px auto 0; color: #011e46; font-size: 0.22rem;}

.tl{ text-align: left;}
.tl .title{ margin: 0; padding-left: 0; background-position: 5px top;}
.tl .title:after{ left: 8px; margin-left: 0;}
.tl .p{ text-align: left; margin-left: 0; padding: 0;}

.scrollbar_title{ display: flex;align-items: center; justify-content: space-between; position: relative; z-index: 333; width: 100%; margin-bottom: 0.5rem;align-items: center;}
.scrollbar_title .i_title{  width:50%; margin-bottom: 0; flex-shrink: 0;}
.scrollbar_title p{ margin-bottom: 0;}

@media only screen and (max-width:1200px) {
.i_title .title{ font-size: 0.4rem; line-height: 0.44rem;}
.i_title {margin-bottom: 20px;}
.i_title .p{max-width: 100%; margin-top: 0; font-size: 16px; line-height: 20px; max-height: 40px; margin-top: 10px;}
}
@media only screen and (max-width:992px) {
.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;}
.i_title .title{ margin-bottom: 0; font-size: 0.4rem; line-height: 0.46rem; background: none; max-width: 100%; padding-top:0; color: #333; margin-bottom: 10px; padding-bottom: 0; width: 100%; text-align: center !important;}
.i_title .title:after{display: none;}
.i_title .h6{display: none;}
.i_title .p{text-align: center;}
}
@media only screen and (max-width:768px) {
.i_title img{ display: none;}
.i_title .title{ font-size: 0.3rem; line-height: 0.36rem;}
.i_title .p{margin-bottom: 0;  font-size: 14px; line-height: 20px; max-height: 40px;}
}

.web-title,.section_title{ font-size: 0.36rem;color: #111;display: inline-block; font-family: var(--title-font); text-transform:capitalize; margin-bottom: 10px; line-height: 1.1;}
.web-text{ font-size: 0.2rem; line-height: 0.32rem; color: #666; margin-bottom: 0.4rem;}
.web-h4,.web-h3{ color: #333; font-size:20px; font-family: var(--title-font);display: block; overflow: hidden; transition: 0.5s;}
.web-h4:hover,.web-h3:hover{ color: var(--zhover-color);}
.text-ellipsis{ display: block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.web-p{font-size: 18px; line-height: 24px;}
.web-section{ padding-top: 1rem; padding-bottom: 1rem;}

@media only screen and (max-width:992px) {
.web-section{ padding-top: 0.6rem; padding-bottom: 0.6rem;}
.web-h4,.web-h3{ font-size: 16px; line-height: 24px; height: 48px;}
}

@media only screen and (max-width:768px) {
.web-section{ padding-top: 0.4rem; padding-bottom: 0.4rem;}
.web-title{ font-size: 0.36rem; line-height: 0.4rem;}
}

/* work_section */
.work_section{ background: #eee; padding: 1rem 0;}
.work_section ul li{ list-style: none; display: flex; margin-bottom: 0.8rem;}
.work_section ul li .img img{ border-radius: 5px;}
.work_section ul li .title{ display: flex;align-items: center; font-size: 0.42rem; font-family: var(--title-font); line-height: 0.46rem;border-bottom: 1px solid #dbdbdb; padding-bottom: 0.2rem; margin-bottom: 0.15rem;}
.work_section ul li .title span{ width: 60px; height: 60px; background: #bf2425; border-radius: 50%; flex-shrink: 0; margin-right: 26px;}
.work_section ul li .p{ margin-bottom: 0.36rem; padding-right: 0.5rem;}

.work_section ul li:nth-child(2n) .img{ order: 2;}
.work_section ul li:nth-child(2n) .text{ order: 1;}

@media only screen and (max-width: 992px){
.work_section{ padding: 0.5rem 0;}
.work_section ul li{ display: block;}
.work_section ul li .img{ margin-bottom: 20px;}
.work_section ul li .img,.work_section ul li .text{ width: 100%;}
.work_section ul li .p{ padding-right: 0;}
}

/*cate_section*/
.pro_index{ padding:1rem 0; overflow: hidden;}
.pro_index .tabs{ display: flex; justify-content: center; gap: 20px; margin-bottom: 0.3rem;}
.pro_index .tabs a{ padding: 0.2rem 0.5rem; background: #eee; border-radius: 10px; font-family: var(--bold-font); max-width: 280px; line-height: 22px; text-align: center;}
.pro_index .tabs span{ display:block; text-align: center; margin-bottom: 6px;}
.pro_index .tabs a.active{ background-color: var(--zhover-color); color: #fff;}
.pro_index .tabs a.active img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

#tabs-about>.swiper-wrapper>.swiper-slide{ opacity: 0;}
#tabs-about>.swiper-wrapper>.swiper-slide-active{ opacity: 1;}
/*pro_section*/
.pro_section{overflow: hidden;}
.pro_section .button_inside{padding-bottom: 0.7rem;}
.pro_section ul li{ list-style: none; width: 25%; padding: 0 10px;}
.pro_section ul li .text{ padding: 0 5px;}
.pro_section ul li .li{ background: #fff;}
.pro_section ul li .li .img{ display: block; overflow: hidden;}
.pro_section ul li .li .title{ display: block; color: #333; font-size: 24px; font-family: var(--bold-font); margin-top: 0.2rem; line-height:26px; max-height:52px; overflow: hidden; text-align: center;}
.pro_section ul li .li p{ color: #333; font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin: 8px 0;}
.pro_section ul li .li .img:hover img{transform: scale(1.1);}

@media only screen and (max-width:992px) {
.pro_index{ padding: 0.6rem 0 0;}
.pro_section ul li{ width: 33.33%;}
.pro_section .button_inside{ padding-bottom: 20px;}
.pro_section ul li .li .title{ font-size: 15px; line-height: 22px; height: 44px; overflow: hidden;}

}

@media only screen and (max-width:768px) {
.pro_section{padding: 0.4rem 0;}
.pro_section ul li{ width: 50%; margin-bottom: 20px;}
.pro_index .tabs a{ width: 50%; float: left; max-width: 50%; border: 2px solid #fff;}
.pro_index .tabs{  display: block;}
.pro_index .tabs span{ float: left; margin-bottom: 0; width: 40px; margin-right: 10px;}
.pro_index .tabs a{ padding: 15px; text-align: left; display: flex;align-items: center;}
}

@media only screen and (max-width:600px) {
.pro_index .tabs a{ font-size: 14px; padding: 10px;}
}


/*about_section*/
.about_section{ background: #eee url(../images/about_bg.jpg) no-repeat center left; display: flex;}
.about_section .about_text{ float: left; width: 50%; border-right: 36px solid #fff; padding: 0.6rem;}
.about_section .about_text .main{ max-width: 6.2rem; float: right;}
.about_section .about_text .p{ margin-bottom: 0.4rem;}
.about_section .about_img{ float: left; width: 50%;}

@media only screen and (max-width:992px) {
.about_section{ display: block;}
.about_section .about_text{ width: 100%; float: none;}
.about_section .about_img{ width: 100%;float: none;}
.about_section .about_text{ border-right:none; padding: 0.3rem;}
.about_section .about_text .main{ max-width: 100%; text-align: center;}
}

/*news_section*/
.ser_section{ padding:1.2rem 0;}
.ser_section .text_p{ max-width: 9rem; margin: 0 auto; text-align: center; margin-bottom: 0.6rem;}
.ser_section ul{ margin: 0 -15px;}
.ser_section ul li{ list-style: none; padding: 0 15px; float: left; width: 50%; margin-bottom: 30px;}
.ser_section ul li .li{ display: flex; background: #eee; padding: 0.4rem;}
.ser_section ul li .li .icon{ width: 1rem; height: 1rem; flex-shrink: 0; margin-right: 30px;}
.ser_section ul li .li .title{ font-size: 0.3rem; font-family: var(--bold-font); margin-bottom: 10px;}
.ser_section ul li .li .p{ font-size: 16px; line-height: 26px; color: #666;}

@media only screen and (max-width:992px) {
.ser_section{ padding:0.6rem 0;}
.ser_section ul li .li{ padding: 0.2rem;}
.ser_section ul li .li .title{ font-size: 20px; line-height: 20px;}
.ser_section ul li .li .icon{ width: 0.6rem; height: 0.6rem; margin-right: 10px;}
}

@media only screen and (max-width:660px) {
.ser_section ul li{ width: 100%;}
}
/*index_mes*/
.index_mes .mes_l .i_title .title{color: #fff;}
.index_mes .i_title .title:after{ display:none;}
.index_mes .mes_l{width: 50%; float: right;}
.index_mes .mes_l .main{ display: flex; align-items: center;}
.index_mes .mes_l .mes_title{width: 46%; padding-right: 20px;}
.index_mes .mes_l .mes_title .i_title .title{ font-size: 0.5rem; line-height: 0.6rem; text-transform: none;}
.index_mes .mes_l .mes_con{margin-top: 0.6rem;}
.index_mes .mes_l .mes_con ul li{width: 50%; float:left; margin-bottom: 0.4rem;}
.index_mes .mes_l .mes_con ul li:nth-child(3){clear: both;}
.index_mes .mes_l .mes_con ul li .title{ font-size: 0.2rem; line-height: 0.3rem; margin-bottom: 0.1rem; font-family: var(--title-font); color: #fff; text-transform: capitalize;}
.index_mes .mes_l .mes_con ul li a,.index_mes .mes_l .mes_con ul li p{color: #fff  !important;}
.index_mes .mes_l .mes_con ul li:nth-child(3) a{ text-decoration: underline;}

.index_mes .mes_l .mes_code ul li{ float: left; margin-right: 20px; text-align: center;}
.index_mes .mes_l .mes_code ul li .img{ width: 100px; background: #fff; border-radius: 5px; height: 100px; overflow: hidden; display: flex;align-items: center;
justify-content: center; margin-bottom: 10px;}


.index_mes .mes_main{ float: right; width: 50%; padding-left: 10%;}
.index_mes .mes_main .inquiry{ background: #fff;padding: 0.5rem 0.5rem 0.7rem; border-radius: 5px;}
.index_mes .mes_main .i_title{margin-bottom: 0.2rem;}
.index_mes .mes_main .p{ color: #666; margin-bottom: 0.2rem; font-size: 18px; line-height: 24px;}
.index_mes .inquiry ul li input, .index_mes .inquiry ul li textarea{ border: none; border-bottom: 1px solid #ccc; border-radius: 0;}

@media only screen and (max-width:992px) {
	.index_mes .mes_main .inquiry{display: none;}
	.index_mes .mes_l{width: 100%; max-width: 100%; padding: 0;}
	.index_mes .mes_l .mes_code ul li{ margin: 0; max-width: 33.33%; padding: 0 5px;}
	.index_mes .mes_l .mes_code ul li .img{ width: 100%; height: 100%;}
	.footer_follow{display: none;}
	.index_mes .mes_l .i_title{display: none;}
	.index_mes .mes_l .mes_con{margin-top: 0;}
}

/*footer*/
#footer{color:#f5f5f5; position: relative; overflow: hidden; font-size: 17px; padding-top: 0.8rem; background-attachment: fixed; background-size: cover;}
#footer ul li{ list-style:none;}
#footer a{ color:#f5f5f5; }
#footer a:hover{ color:#fff; text-decoration:underline; }
#footer .ul li a{ line-height:26px; padding:5px 0; display:inline-block; position:relative;}
#footer .ul li a:after{display: block; color: #8d9bae; content: "\f105";position: absolute;top:0px; left: 0; padding: 5px 0; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; font-family: "FontAwesome"; opacity: 0;}
#footer .ul li:hover a:after{ color: #fff; left: 0px; opacity: 1;}
#footer .ul li:hover a{ padding-left: 0.12rem;}


#footer .footer_con .title{ font-size: 0.2rem; color: #fff; line-height: 0.28rem; margin-bottom: 15px; font-weight: 500;}
#footer .footer_con .p{ color: #fff; font-size: 0.2rem; line-height: 0.3rem; margin-top: 0.2rem;}
#footer .footer_con a{ text-transform: none; line-height: 32px;display: flex; align-items: center;}
#footer .footer_con ul li a{line-height: 26px;}
#footer .footer_con ul li{ position: relative; line-height: 26px; margin-bottom:0.15rem;}
#footer .footer_con ul li:after{ position: absolute; left: 0; top: 0px; content: ''; width: 30px; height: 30px;background-position: center center; background-repeat: no-repeat; background-color: #bed700; border-radius: 50%;}
#footer .footer_con ul li .icon{ padding-left: 44px; text-transform: uppercase; color: #fff; font-size: 0.2rem;margin-bottom: 10px; font-family: "GreycliffCF-Bold"; font-size: 16px;}
#footer .footer_con .con_add:after{background-image: url("data:image/svg+xml,%3C?xml version='1.0' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1651116996541' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7043' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E@font-face %7B font-family: feedback-iconfont; src: url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944') format('woff2'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944') format('woff'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944') format('truetype'); %7D %3C/style%3E%3C/defs%3E%3Cpath d='M877.216 491.808M895.904 448c0-212.064-171.936-384-384-384-212.064 0-384 171.936-384 384 0 104.672 42.016 199.456 109.92 268.736L237.664 716.736l1.568 1.568c0.768 0.768 1.536 1.568 2.336 2.336l217.12 217.12c29.376 29.376 76.992 29.376 106.368 0l217.12-217.12c0.768-0.768 1.568-1.536 2.336-2.336l1.568-1.568-0.16 0C853.888 647.456 895.904 552.672 895.904 448zM565.088 847.36c-53.12 53.12-53.152 53.248-106.368 0L285.76 673.472C228 615.648 191.904 536.224 191.904 448c0-176.736 143.264-320 320-320 176.736 0 320 143.264 320 320 0 88.224-36.096 167.648-93.856 225.472L565.088 847.36zM512 256c-106.048 0-192 85.952-192 192s85.952 192 192 192 192-85.952 192-192S618.048 256 512 256zM512 576c-70.688 0-128-57.312-128-128s57.312-128 128-128 128 57.312 128 128S582.688 576 512 576z' p-id='7044' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con .con_tel:after{background-image: url("data:image/svg+xml,%3C?xml version='1.0' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1651116790234' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3577' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E@font-face %7B font-family: feedback-iconfont; src: url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944') format('woff2'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944') format('woff'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944') format('truetype'); %7D %3C/style%3E%3C/defs%3E%3Cpath d='M506.189667 655.677307c3.924379 7.848759 11.773138 11.773138 19.621896 15.697517 19.621896 15.697517 39.243793 11.773138 47.092551 7.848759l39.243793-58.865689 0 0c7.848759-7.848759 15.697517-11.773138 23.546276-19.621896 7.848759-3.924379 15.697517-7.848759 27.470655-7.848759l0 0c7.848759-3.924379 19.621896 0 27.470655 0l3.924379 0c7.848759 3.924379 15.697517 7.848759 23.546276 15.697517L863.306134 722.390731l3.924379 0c7.848759 7.848759 11.773138 15.697517 15.697517 23.546276l0 0c3.924379 7.848759 7.848759 19.621896 7.848759 27.470655 0 11.773138 0 23.546276-3.924379 31.395034l0 0c-3.924379 11.773138-11.773138 19.621896-19.621896 27.470655-7.848759 7.848759-19.621896 15.697517-35.319413 23.546276l0 3.924379c-11.773138 7.848759-31.395034 15.697517-47.092551 19.621896-82.411965 27.470655-168.747285 23.546276-251.158227-3.924379-7.848759-3.924379-19.621896-7.848759-27.470655-11.773138l0-62.790068c15.697517 3.924379 31.395034 11.773138 47.092551 15.697517 70.638827 23.546276 145.20101 31.395034 211.915457 7.848759 15.697517-3.924379 27.470655-11.773138 35.319413-15.697517l3.924379-3.924379c7.848759-3.924379 15.697517-11.773138 23.546276-15.697517 0-3.924379 3.924379-3.924379 3.924379-7.848759l0 0 0 0c0 0 0 0 0-3.924379 0-3.924379 0-3.924379 0-3.924379l0 0c0-3.924379-3.924379-3.924379-3.924379-3.924379l0-3.924379L682.785711 651.752928l0 0c-3.924379 0-3.924379 0-7.848759 0l0 0-3.924379 0 0 0c-3.924379 0-3.924379 0-3.924379 0l0 0 0 0c-3.924379 0-3.924379 3.924379-3.924379 3.924379l0 0 0 0-47.092551 62.790068c0 3.924379-3.924379 7.848759-7.848759 7.848759 0 0-47.092551 31.395034-102.032838 3.924379L506.189667 655.677307zM298.198589 153.35983l113.805976 145.20101 0 3.924379c3.924379 7.848759 7.848759 15.697517 11.773138 23.546276 0 7.848759 3.924379 19.621896 0 27.470655 0 11.773138-3.924379 19.621896-7.848759 27.470655l0 3.924379c-7.848759 7.848759-11.773138 11.773138-19.621896 19.621896l-3.924379 0-54.94131 39.243793c-3.924379 7.848759-7.848759 27.470655 7.848759 47.092551 23.546276 35.319413 51.016931 70.638827 82.410941 98.108458l0 0 0 0c23.546276 23.546276 51.016931 47.092551 78.487585 66.714448l0 74.563206c-3.924379-3.924379-11.773138-7.848759-15.697517-11.773138-39.243793-27.470655-74.563206-54.94131-105.957217-86.335321l0 0c-31.395034-31.395034-62.790068-66.714448-86.335321-105.957217-47.092551-62.790068-7.848759-117.730355-7.848759-117.730355 0-3.924379 3.924379-3.924379 7.848759-7.848759l58.865689-43.168172 3.924379-3.924379c0 0 0 0 3.924379 0l0-3.924379c0 0 0 0 0-3.924379l0-3.924379c0-3.924379 0-3.924379 0-3.924379l0 0 0 0L251.107061 188.67822l0 0c-3.924379 0-3.924379 0-3.924379-3.924379l-3.924379 0c0 0 0 0-3.924379 0l-3.924379 0 0 0c-3.924379 0-3.924379 3.924379-7.848759 3.924379-3.924379 7.848759-11.773138 15.697517-15.697517 23.546276-7.848759 11.773138-15.697517 23.546276-19.621896 39.243793-23.546276 66.714448-15.697517 141.27663 7.848759 211.915457 23.546276 78.487585 74.563206 153.049768 137.352251 215.839837 51.016931 51.016931 105.957217 94.184079 168.747285 121.654734l0 62.790068c-78.487585-31.395034-149.125389-82.410941-211.915457-141.27663-66.714448-70.638827-121.654734-153.049768-153.049768-239.386112-27.470655-82.410941-31.395034-168.747285-3.924379-251.158227 7.848759-19.621896 15.697517-35.319413 23.546276-47.092551l0 0 0 0c7.848759-15.697517 15.697517-27.470655 23.546276-35.319413 7.848759-7.848759 15.697517-15.697517 27.470655-19.621896l3.924379 0c7.848759-3.924379 15.697517-3.924379 27.470655-3.924379 11.773138 0 19.621896 3.924379 27.470655 7.848759l3.924379 0L298.198589 153.35983zM298.198589 153.35983 298.198589 153.35983 298.198589 153.35983 298.198589 153.35983zM298.198589 153.35983 298.198589 153.35983 298.198589 153.35983 298.198589 153.35983z' p-id='3578' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con .con_email:after{background-image: url("data:image/svg+xml,%3C?xml version='1.0' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1651116930952' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6218' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='20'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E@font-face %7B font-family: feedback-iconfont; src: url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944') format('woff2'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944') format('woff'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944') format('truetype'); %7D %3C/style%3E%3C/defs%3E%3Cpath d='M983.899806 785.385782V224.886223h0.180631l-0.180631-4.696419c-0.180632-5.238314-0.722526-10.476627-1.806315-15.714941-2.890104-25.469042-21.675781-44.977245-45.519139-47.686717H122.287529c-11.741048 0-23.482096 1.625684-34.861881 5.238314-30.346093 10.295996-50.757453 40.100194-50.576821 74.058917v534.849885c-0.361263 21.314518 5.780208 42.087141 17.701887 59.789028l0.361263 0.722526 5.418946 3.973893c18.243782 21.856412 44.977245 34.319986 73.517022 34.500618H904.421944c37.751984 0 70.265655-27.094726 79.477862-66.291763l0.180631-0.541894c0.361263-5.96084 0.361263-11.741048-0.180631-17.701888zM390.16405 547.494091l55.453872 49.854295 43.893456 40.100194c5.418945 5.96084 13.005468 9.57347 21.133886 9.57347 7.947786 0 15.534309-3.431999 21.133886-9.57347l101.153642-91.941436 272.753572 263.721997H126.622685L390.16405 547.494091z m120.119951 30.346092L111.449638 216.03528H115.604163c214.409596-0.903158 703.559711-2.890104 793.875463-0.361263l-399.195625 362.166166z m165.458458-69.72376l251.619686-227.956959v474.518963L675.742459 508.116423z m-328.568707 0.180631L93.205856 760.278003V278.895043l253.967896 229.402011z' p-id='6219' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con .con_whatsapp:after{background-image: url("data:image/svg+xml,%3C?xml version='1.0' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1651116875464' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5327' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E@font-face %7B font-family: feedback-iconfont; src: url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944') format('woff2'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944') format('woff'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944') format('truetype'); %7D %3C/style%3E%3C/defs%3E%3Cpath d='M623.915417 525.57825c3.851725 0 18.300808 6.520507 43.343157 19.560498 25.045419 13.041014 38.307468 20.894889 39.789215 23.561625 0.592494 1.481747 0.890276 3.705392 0.890276 6.668886 0 9.780761-2.51938 21.043269-7.55814 33.788547-4.743024 11.558244-15.263635 21.264303-31.565926 29.119201-16.300244 7.853875-31.4155 11.781324-45.345768 11.781324-16.893762 0-45.049009-9.188266-84.46881-27.564799-29.0445-13.335726-54.236252-30.823006-75.576279-52.458769-21.339004-21.635763-43.271526-49.051159-65.795519-82.245166-21.340027-31.712259-31.860638-60.461023-31.56388-86.246293l0-3.557012c0.889253-26.970258 11.855002-50.384527 32.897248-70.241784 7.114025-6.520507 14.818497-9.779737 23.11751-9.779737 1.777483 0 4.445242 0.222057 8.001231 0.666172 3.557012 0.444115 6.372128 0.667196 8.447393 0.667196 5.631254 0 9.558703 0.961908 11.781324 2.888793 2.222621 1.926886 4.519943 6.002714 6.890944 12.226462 2.371 5.92699 7.261381 18.968004 14.671141 39.120996 7.408737 20.154016 11.114129 31.269168 11.114129 33.342386 0 6.224772-5.112438 14.744819-15.337313 25.563212-10.224876 10.81737-15.338337 17.708314-15.338337 20.671809 0 2.075265 0.741897 4.297886 2.222621 6.668886 10.076496 21.635763 25.192775 41.938158 45.345768 60.907185 16.598027 15.70775 38.974663 30.674627 67.12991 44.900629 3.557012 2.075265 6.816243 3.111874 9.781784 3.111874 4.446265 0 12.447497-7.186679 24.006763-21.560038C612.356151 532.765953 620.060623 525.57825 623.915417 525.57825L623.915417 525.57825zM533.666974 761.199619c37.640272 0 73.724095-7.408737 108.252493-22.228257 34.527374-14.818497 64.238047-34.676777 89.134063-59.572794 24.896017-24.894993 44.75225-54.606689 59.572794-89.13611 14.818497-34.527374 22.228257-70.612221 22.228257-108.252493s-7.408737-73.724095-22.228257-108.252493c-14.81952-34.528398-34.676777-64.240093-59.572794-89.13611s-54.606689-44.753273-89.134063-59.572794c-34.528398-14.818497-70.612221-22.228257-108.252493-22.228257-37.641295 0-73.725118 7.40976-108.253516 22.228257-34.528398 14.81952-64.240093 34.676777-89.13611 59.572794-24.896017 24.896017-44.75225 54.607712-59.57177 89.13611-14.818497 34.528398-22.228257 70.612221-22.228257 108.252493 0 60.165288 17.783015 114.698299 53.348022 163.601078l-35.120892 103.585193 107.585297-34.231639C427.118286 745.788627 478.243687 761.199619 533.666974 761.199619L533.666974 761.199619zM533.666974 146.806577c45.345768 0 88.691995 8.890484 130.035612 26.673499 41.34464 17.783015 76.983325 41.640376 106.918102 71.575152s53.792137 65.573461 71.575152 106.918102 26.673499 84.690868 26.673499 130.036635c0 45.346791-8.890484 88.690972-26.673499 130.036635s-41.640376 76.984349-71.575152 106.918102c-29.934776 29.934776-65.573461 53.79316-106.918102 71.575152-41.345664 17.783015-84.690868 26.674523-130.035612 26.674523-57.795311 0-111.883183-13.930267-162.268734-41.789779l-185.384198 59.572794 60.461023-180.050726c-32.009018-52.755528-48.013527-110.401436-48.013527-172.937724 0-45.345768 8.891508-88.690972 26.674523-130.036635 17.781992-41.34464 41.641399-76.983325 71.576175-106.918102 29.933753-29.934776 65.573461-53.792137 106.918102-71.575152C444.976002 155.697061 488.320183 146.806577 533.666974 146.806577z' p-id='5328' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");}



.mob_follow a{ display: inline-block; margin-right: 0.08rem;}
.footer_bottom{color: #aaa; padding-bottom: 0.2rem;font-size: 15px; position: relative;  padding:0.2rem 0; border-top: 1px solid rgba(255,255,255,0.2); margin-top: 0.3rem;}
.footer_bottom img{ margin-right: 6px;}
.footer_bottom a{ margin: 0 8px; color: #aaa !important;}
.footer_bottom .link,.footer_bottom .cop{display: inline-block;}
.footer_bottom .ipv6{margin-left: 8px;}
.footer_bottom .ipv6 img{ margin-right: 0.04rem;}
*:focus {outline: none;} 
#footer .title_h4{ text-transform:capitalize;font-size:20px; position: relative; margin-bottom: 10px; font-family: var(--title-font); color: #fff; line-height: 0.3rem;}
#footer .title_h4 img{ margin-right: 20px;}


@media screen and (max-width:992px) {
#footer .footer_email{width: 100%; padding:0; margin-bottom: 0.4rem;}
#footer .footer_email .email{max-width: 100%;}
#footer{ padding: 0.3rem 0.15rem 0.2rem;}
.footer_logo{display: none;}
#footer .main{  display: block;}
.footer_bottom .main .right{text-align-last: left;}
#footer{ font-size: 14px;}
#footer .clearfix{ display: block;}
#footer .footer_bottom .main{display: block;}
.footer_bottom{ display: block; text-align: left; padding-top: 10px;}
#footer .footer_main{ border: none; padding: 0; margin: 0;flex-direction: column; padding: 0;}
#footer .container{width: 100%; padding: 0;}
#footer .footer_main .right{width: 100%;}
#footer .footer_main .footer_tags{width: 100%; margin: 20px 0;}
#footer .title_h4{ display: none;}
.footer_bottom .ipv6{ float:none; display: inline-block;}
.footer_bottom .main .right{margin-top: 20px;}
}

@media screen and (max-width:768px) {
#footer{ padding-bottom: 0;}
#footer .footer_con .title{margin-bottom:5px;}
#footer .footer_about{display: none;}
#footer .footer_con{padding-left: 0;}
.index_mes .mes_l .mes_con{margin: 0;}
.index_mes .mes_l .mes_con ul li{width: 100%; clear: none;}
.index_mes .mes_l .mes_con ul li{margin-bottom: 0.2rem;}
}


/*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(--zmain-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(--zmain-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(--zmain-color);  display: flex; fill:#fff; padding:12px 20px;align-items: center; text-transform: capitalize; cursor: pointer;}
#onlineService2 .title i{ color: #fff; font-size: 0.3rem; 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: #333; line-height: 20px;}
#onlineService2 .li{ padding: 5%;}
#onlineService2 .li a { background-color: #eee; margin-bottom: 15px; padding: 8px; line-height: 20px;}
#onlineService2 .li a .icon svg{ width: 50px; height: 50px; fill:var(--zmain-color); margin-right:10px;}
#onlineService2 .li a:hover{ background-color: #ddd;}


#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(--zmain-color); color: #fff; line-height: 0.22rem; display:block; padding:10px;  font-size: 16px; text-align: center;}
#onlineService2 .ms_btn{ background: var(--zmain-color);}
#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;}
	#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;}
	.mobile_nav{display:block;
		box-sizing: content-box; 
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}
	#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_nav a i{width: 32px;height:32px; font-size: 20px; color:#fff;}
	.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);}
.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:var(--zmain-color); background-size: cover; border-bottom: 1px solid rgba(255,255,255,0.2); }
.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: #fff; 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:#fff;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{position:fixed;left:0;bottom:0;width:100%;padding:0;display:none;z-index:77777;box-shadow:0 0 10px 0 rgba(255,255,255,0.4);-webkit-box-shadow:0 0 15px 0 rgba(255,255,255,0.4);border-radius:2px 2px 0 0;background:rgba(0,0,0,0.85); border-top-left-radius: 5px; border-top-right-radius: 5px;box-shadow: 2px 0 20px 0 rgb(0 0 0 / 8%);backdrop-filter: blur(7px);-webkit-backdrop-filter: blur(7px);}
.mobile_nav a{width:20%;padding:0 4px;float:left;text-align:center;}
.mobile_nav a .icon{width:0.24rem;height:0.24rem;display:inline-block; fill:#808080; margin-top: 0.1rem;}
.mobile_nav a p{color:#fff;font-size: 12px;text-transform:uppercase;line-height:12px;margin:0; margin-bottom: 0.1rem;}
.mobile_nav a:nth-child(3),.mobile_nav a:nth-child(4){ float: right;}

@media only screen and (max-width: 768px){
.mobile_nav{display:block;}
.mobile_nav a p{text-transform:capitalize;}
.footer_bottom{ padding-bottom:90px !important; padding-left: 0;}
}


@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);
	}
	.mobile_nav{display:block;
		box-sizing: content-box; 
		padding-bottom: constant(safe-area-inset-bottom);
		padding-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: 375px) {
	.mobile_nav a p{text-transform:capitalize;}
}



@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;}
}