@charset "UTF-8";
  

:root {
	
	--word--color:#161a15;
	--text-word--color:#484a4a;
	--zmain-color:#5b8e31;
	--zhover-color:#fc772a;
	--main-font: "Sen";  
	--main-title-font: "Sen";  
}
 

 
 
@font-face { font-family: "Sen"; src: url("../font/Sen-VariableFont_wght.ttf") format("woff2"); } 
 
 
@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.woff2?t=1757559383528') format('woff2'),
       url('../font/iconfont.woff?t=1757559383528') format('woff'),
       url('../font/iconfont.ttf?t=1757559383528') format('truetype');
}
 
 
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-microsoftteams:before {content: "\e992";}
.icon-whatsapp1:before {content: "\e97b";}
.icon-skype:before {content: "\eca0";}
.icon-whatsapp-fill:before {content: "\eaf9";}
.icon-youxiang1:before {content: "\e667";}
.icon-dizhi:before {content: "\e868";}
.icon-dianhua-:before {content: "\e711";}
.icon-jituanxinwen:before {content: "\e64d";}
.icon-lianximaijia:before {content: "\e645";}
.icon-chanpinku:before {content: "\e660";}
.icon-l-about:before {content: "\e789";}
.icon-fasong:before {content: "\e642";}
.icon-sousuo1:before {content: "\e630";}
.icon-duihao:before {content: "\e61f";}
.icon-weixin1:before {content: "\e644";}
.icon-liebiao:before {content: "\e688";}
.icon-jiugongge:before {content: "\e61a";}
.icon-liebiao1:before {content: "\e850";}
.icon-xunpanzixun:before {content: "\e97c";}
.icon-riqi:before {content: "\e62f";}
.icon-lianxi1:before {content: "\e69d";}
.icon-whatsapp:before {content: "\f263";}
.icon-ico:before {content: "\e647";}
.icon-sousuoclick:before {content: "\e600";}
.icon-skype-01:before {content: "\e66e";}
.icon-shouji:before {content: "\e646";}
.icon-shouye:before {content: "\e68a";}
.icon-chanpin:before {content: "\e601";}
.icon-youxiang:before {content: "\e7b0";}
.icon-weixin:before {content: "\e633";}
.icon-dianhua:before {content: "\e842";}
.icon-diqu--:before {content: "\e62c";}
.icon-lianxi:before {content: "\e61e";}
 
  
@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: 1374px) {html {font-size: 80px;}}
@media screen and (max-width: 1349px) {html {font-size: 79px;}}
@media screen and (max-width: 1324px) {html {font-size: 77px;}}
@media screen and (max-width: 1299px) {html {font-size: 76px;}}
@media screen and (max-width: 1274px) {html {font-size: 74px;}}
@media screen and (max-width: 1249px) {html {font-size: 73px;}}
@media screen and (max-width: 1224px) {html {font-size: 72px;}}
@media screen and (max-width: 1199px) {html {font-size: 70px;}}
@media screen and (max-width: 1174px) {html {font-size: 69px;}}
@media screen and (max-width: 1149px) {html {font-size: 67px;}}
@media screen and (max-width: 1124px) {html {font-size: 66px;}}
@media screen and (max-width: 1099px) {html {font-size: 64px;}}
@media screen and (max-width: 1074px) {html {font-size: 63px;}}
@media screen and (max-width: 1049px) {html {font-size: 61px;}}
@media screen and (max-width: 1024px) {html {font-size: 60px;}}
@media screen and (max-width: 992px)  {html {font-size: 70px;}}
@media screen and (max-width: 769px)  {html {font-size: 80px;}}


.row { margin-right: -0.15rem; margin-left: -0.15rem;}
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: 1490px)  {.container{padding-left: 60px; padding-right: 60px; max-width: 100%;}}
@media screen and (max-width: 992px)  {.container{padding-left: 30px; padding-right: 30px; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container{padding-left: 15px; padding-right: 15px; max-width: 100%;}}

.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: 0.15rem;  padding-left: 0.15rem;}
.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%;}
  }

* {outline: none !important;}
body {margin: 0;padding: 0;font-family:var(--main-font); color:#333; overflow-x: hidden; line-height: 1.7; font-size:16px;  }
strong,b{ font-weight: bold;}
picture{ line-height: 0;}
label,button,a {  cursor: pointer;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;}
audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;}
@media screen and (max-width: 1200px) {body {font-size: 16px;}}
@media screen and (max-width: 992px) {
.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%;}
}
/*reset*/
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,.tab-content 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;}

.validation-advice,.error_hint{display:block; color:#f13434; font-size:16px; margin: 6px 0; font-weight: 600; text-align: left}
.write_success{display:flex; align-items: center; justify-content: flex-start;font-size:16px; margin: 6px 0; font-weight: 600;  color: #fff; position: absolute; left: 10px; top: 100%;}
.write_success i,.write_error i{display:inline-block; color: #109507; font-size:15px; margin-right: .1rem}

.write_error{display:flex; align-items: center;  justify-content: flex-start; font-size:16px; margin: 6px 0; font-weight: 600; position: absolute; left: 10px; top: 100%;} 
.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:1024px) {
.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;}

/*blog detail*/
#toc-container{  border-top: none; background:var(--zmain-color); }
#toc-container strong{  font-size:20px; position:inherit; text-transform:capitalize;position: relative; padding: 15px;  background-size: cover; color: #fff; line-height: 28px; padding-bottom: 15px;  display: flex;font-family: var(--main-title-font);}
#toc-container #toc-list{    border-top: none;   padding: 6px; background: #f5f6f8;}
#toc-container #toc-list li{ list-style: none;}
#toc-container #toc-list li a{    transition: 0.5s all;  -webkit-transition: 0.5s all; -o-transition: 0.5s all;  -moz-transition: 0.5s all; -ms-transition: 0.5s all; display: flex; align-items: center; min-height: 46px; padding: 0.08rem 0.05rem ; line-height: 24px; color: #333;font-size: 16px;font-weight: 600;  border-bottom: 1px solid #fff;}
#toc-container #toc-list li:last-child a{border-bottom: none;}
#toc-container #toc-list li a:hover{ color: var(--zmain-color);}

/* 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;}

/* GOOGLE MAPS */
.google-maps {  width: 100%;  display: flex;  flex-wrap: wrap;  position: relative; z-index: 999; background: #fff;}
.google-maps iframe {max-width: 100%;  border: none;}

/*inquiry*/
.inquiry .p{ margin-bottom: 20px; line-height: 24px; margin-top: 8px; font-size: 16px;color: #333333;}
.inquiry ul{list-style:none; margin: 0px -8px;text-align: left;}
.inquiry ul li{padding:0 8px;margin-bottom:19px;}
.inquiry ul li span{display: block;    line-height: 0;}
.inquiry ul li span:before{content:'';position:absolute;width:40px;height:40px;right:0;top:0;display:inline-block;background-position:center center;background-repeat:no-repeat; }
.inquiry ul li span:before{content:'';position:absolute;right:18px;top:0;width:28px;height:100%;display:inline-block; background-repeat: no-repeat;display: none;}
.inquiry ul li span.ms_e:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667324824' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7187' width='18' height='18'%3E%3Cpath d='M914.691674 123.697006H109.30935c-47.583643 0-86.289099 38.70648-86.2891 86.290123v603.998113c0 47.583643 38.705456 86.317752 86.2891 86.317752h805.382324c47.58262 0 86.288076-38.734109 86.288076-86.317752V209.987129c0-47.58262-38.705456-86.290123-86.288076-86.290123z m-15.169461 57.497414l-387.51505 335.861726-387.530399-335.861726h775.045449z m15.169461 661.581484H109.30935c-11.670784 0-21.62958-7.049542-26.138258-17.050293l274.221977-219.374921-35.955838-44.913843-240.893984 192.718871V219.283847l431.462893 373.892825L943.454707 219.283847v534.871871l-240.891938-192.718871-35.955838 44.913843L940.812535 825.724587c-4.491282 10.001775-14.49408 17.051317-26.120861 17.051317z' p-id='7188' fill='%230463e3'%3E%3C/path%3E%3C/svg%3E");}
.inquiry ul li span.ms_p:before{background-image: url("data:image/svg+xml,%3Csvg t='1663667419565' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='8334' width='20' height='20'%3E%3Cpath d='M752 944C380.8 944 80 643.2 80 272c0-105.6 86.4-192 192-192s192 86.4 192 192c0 81.6-49.6 150.4-123.2 179.2 44.8 102.4 128 187.2 232 232C601.6 609.6 670.4 560 752 560c105.6 0 192 86.4 192 192s-86.4 192-192 192zM272 144c-70.4 0-128 57.6-128 128 0 336 272 608 608 608 70.4 0 128-57.6 128-128s-57.6-128-128-128c-62.4 0-115.2 44.8-126.4 107.2-1.6 9.6-6.4 17.6-16 22.4-8 4.8-17.6 6.4-27.2 3.2C436.8 704 320 587.2 268.8 440c-3.2-9.6-1.6-19.2 3.2-27.2 4.8-8 12.8-14.4 22.4-16 62.4-9.6 107.2-64 107.2-126.4C400 201.6 342.4 144 272 144z' p-id='8335' fill='%230463e3'%3E%3C/path%3E%3C/svg%3E");}
.inquiry ul li span.ms_c:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' t='1740647006834' class='icon' viewBox='0 0 1024 1024' version='1.1' p-id='2209' width='20' height='20'%3E%3Cpath fill='%230463e3'  d='M929.792 518.656l-309.248-221.184V129.536c0-37.888-18.944-73.216-50.176-94.72-31.232-21.504-71.168-25.6-106.496-11.264l-343.04 137.216C75.776 178.688 46.592 221.184 46.592 269.312v624.64c0 63.488 51.712 115.712 115.712 115.712h700.416c63.488 0 115.712-51.712 115.712-115.712v-280.576c0-37.376-17.92-73.216-48.64-94.72zM108.032 893.952v-624.64c0-23.04 13.824-43.008 34.816-51.712l343.04-137.216c6.656-2.56 13.312-4.096 19.968-4.096 10.24 0 20.48 3.072 29.184 9.216 14.848 9.728 23.04 26.112 23.04 43.52v818.688H363.52v-275.968c0-16.896-13.824-30.72-30.72-30.72s-30.72 13.824-30.72 30.72v275.968H162.304c-29.696 0.512-54.272-24.064-54.272-53.76z m808.96 0c0 29.696-24.064 54.272-54.272 54.272h-242.688V372.736l273.92 195.584c14.336 10.24 23.04 27.136 23.04 45.056v280.576z' p-id='2210'/%3E%3C/svg%3E");}
.inquiry ul li span.ms_n:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' role='img' aria-label='Account'%3E %3Cpath fill='%23255e9c' d='M15,16.5c-0.4,0-0.8-0.3-0.8-0.8v-1.5c0-0.6-0.2-1.2-0.7-1.6S12.6,12,12,12H6c-0.6,0-1.2,0.2-1.6,0.7 c-0.4,0.4-0.7,1-0.7,1.6v1.5c0,0.4-0.3,0.8-0.8,0.8s-0.8-0.3-0.8-0.8v-1.5c0-1,0.4-1.9,1.1-2.7S5,10.5,6,10.5h6c1,0,1.9,0.4,2.7,1.1 s1.1,1.7,1.1,2.7v1.5C15.8,16.2,15.4,16.5,15,16.5z'/%3E %3Cpath fill='%230463e3' d='M9,9C6.9,9,5.2,7.3,5.2,5.2S6.9,1.5,9,1.5c2.1,0,3.8,1.7,3.8,3.8S11.1,9,9,9z M9,3C7.8,3,6.8,4,6.8,5.2 s1,2.2,2.2,2.2c1.2,0,2.2-1,2.2-2.2S10.2,3,9,3z'/%3E %3C/svg%3E"); background-size: 20px auto;}
.inquiry ul li span.ms_m:before{background-image: url("data:image/svg+xml,%3Csvg t='1753780613999' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5069' width='20' height='20'%3E%3Cpath d='M559.795332 492.251929H275.723074c-10.898936 0-19.698076 8.799141-19.698076 19.698076 0 10.898936 8.799141 19.698076 19.698076 19.698076h242.876282l41.195976-39.396152zM433.207695 708.830778l-19.698077 157.484621L570.994239 846.617323l19.698076-19.698077-137.786544-137.786544-19.698076 19.698076zM537.29753 812.920613l-84.391759 14.098623 14.098623-84.391758 70.293136 70.293135zM374.213456 669.434626l20.597988-19.698077H275.723074c-10.898936 0-19.698076 8.799141-19.698076 19.698077s8.799141 19.698076 19.698076 19.698076h98.490382v-19.698076zM256.024998 827.019236c0 10.898936 8.799141 19.698076 19.698076 19.698077h98.490382v-39.396153h-98.490382c-10.898936 0-19.698076 8.799141-19.698076 19.698076z m19.698076-610.440386h354.465384c10.898936 0 19.698076-8.799141 19.698077-19.698077 0-10.898936-8.799141-19.698076-19.698077-19.698076H275.723074c-10.898936 0-19.698076 8.799141-19.698076 19.698076 0 10.898936 8.799141 19.698076 19.698076 19.698077zM689.182697 0h-511.950005c-43.495752 0-78.792305 35.296553-78.792305 78.792305v866.41539c0 43.495752 35.296553 78.792305 78.792305 78.792305h354.465384c10.898936 0 19.698076-8.799141 19.698077-19.698076s-8.799141-19.698076-19.698077-19.698077H196.930768c-32.596817 0-59.094229-26.397422-59.094229-59.094229V98.490382c0-32.596817 26.497412-59.094229 59.094229-59.094229h492.251929v196.880773h196.880773v98.490382l39.396153 39.396153V236.276926L689.182697 0z m39.396153 196.880773V98.490382l98.490382 98.490382h-98.490382z m157.48462 728.528855c0 32.596817-26.397422 59.094229-59.094229 59.094229h-58.994239c-10.898936 0-19.698076 8.799141-19.698076 19.698076s8.799141 19.698076 19.698076 19.698077h78.792306c43.495752 0 78.792305-35.296553 78.792305-78.792306V590.74231l-39.396152 39.396153v295.271165zM275.723074 374.163461h407.86017l41.295967-39.396153H275.723074c-10.898936 0-19.698076 8.799141-19.698076 19.698076 0 10.798945 8.799141 19.698076 19.698076 19.698077z m413.459623 610.340396h-39.396153c-10.898936 0-19.698076 8.799141-19.698076 19.698076s8.799141 19.698076 19.698076 19.698077h39.396153c10.898936 0 19.698076-8.799141 19.698076-19.698077s-8.799141-19.698076-19.698076-19.698076z m141.686163-396.161312l69.593204-69.593204c23.097744-23.097744 23.097744-60.494092 0-83.491847l-55.694561-55.694561c-23.097744-23.097744-60.494092-23.097744-83.491846 0l-41.795919 41.795919-250.67552 250.475539L607.990626 811.120789l222.878234-222.778244zM608.090616 755.426228l-83.491846-83.591837L719.479738 476.953423l83.591837 83.591836-194.980959 194.880969z m139.186408-306.370081l41.795918-41.795919c7.699248-7.699248 20.198028-7.699248 27.797286 0l55.694561 55.694562c7.699248 7.699248 7.699248 20.198028 0 27.797285l-41.795919 41.795918-83.491846-83.491846z m0 0' p-id='5070' fill='%230463e3'%3E%3C/path%3E%3C/svg%3E"); background-position: center 10px;}

.inquiry ul li span.ms_e:after,.inquiry ul li span.ms_m:after{ position: absolute; right: 15px; top: 4px; width: 4px; height: 4px; content: ''; background:var(--zhover-color); transform-origin: top right; border-radius: 50%; display: none;}

.inquiry ul li  input{height:60px;width:100%;line-height:58px;padding-right:18px; color:var(--text-word--color); border: 1px solid #c8cddb; border-radius:0; padding-left: 18px;font-size: 16px;outline: none;border-radius: 4px; background: #ffffff;font-weight: 500; box-shadow: 0 4px 10px rgba(74,58,255,0.06)}
.inquiry ul li  textarea{height:100px;width:100%;max-width:100%;min-width: 100%; max-height:100px;padding:8px 18px 10px 18px;color:var(--text-word--color);border:none;border-radius:0; line-height: 20px; font-size: 16px; border: 1px solid #c8cddb;background: #ffffff;  outline: none;border-radius: 4px;font-weight: 500;box-shadow: 0 4px 10px rgba(74,58,255,0.06)}


.inquiry ul li  input:-ms-input-placeholder{color:var(--text-word--color);}/* Internet Explorer 10+ */ 
.inquiry ul li input::-webkit-input-placeholder{color:var(--text-word--color);}/* WebKit browsers */
.inquiry ul li input::-moz-placeholder{color:var(--text-word--color);}/* Mozilla Firefox 4 to 18 */ 
.inquiry ul li input:-moz-placeholder{color:var(--text-word--color);}/* Mozilla Firefox 19+ */ 
.inquiry ul li textarea:-ms-input-placeholder{color:var(--text-word--color);}/* Internet Explorer 10+ */ 
.inquiry ul li textarea::-webkit-input-placeholder{color:var(--text-word--color);}/* WebKit browsers */
.inquiry ul li textarea::-moz-placeholder{color:var(--text-word--color);}/* Mozilla Firefox 4 to 18 */ 
.inquiry ul li textarea:-moz-placeholder{color:var(--text-word--color);}/* Mozilla Firefox 19+ */ 
.inquiry ul li input,.inquiry ul li textarea{ border: 1px solid #c8cddb;}
.inquiry ul li input:focus,.inquiry ul li textarea:focus{ border: 1px solid var(--zmain-color); 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:50px;border:none;border:1px solid #c8cddb;background-color:#fff; padding-left:15px;Appearance:none; margin: 0;
-webkit-appearance:none;}
.inquiry .select{margin: 0;}
.inquiry .select:after{content:"\f0d7";font-family:'FontAwesome';position:absolute;right:0.3rem;color:#ccc;top:0.18rem;z-index:99;}
.inquiry  .subject_title{background: #fff;     border: 1px solid #c8cddb;min-height: 0.5rem; padding: 0.1rem 0.15rem; border-radius: 5px;box-shadow: 0 4px 10px rgba(74, 58, 255, 0.06);}
.inquiry  .subject_title a{ color:#333 ;  text-decoration: underline;}
.inquiry  .subject_title span{ font-size:0.14rem; color:#444; margin-right:0.1rem;}
.inquiry ul li .wrod em{ font-size: 16px; font-weight: 700; color: var(--word--color); line-height: 22px; font-style: normal; display: block; margin-bottom: 7px;}

.inquiry ul li label .text{ display:block; text-align: left; font-size: 13px; line-height: 20px; margin-top: 7px;font-weight: 500; color: var(--text-word--color);}

.inquiry ul li.upload label{position:relative}
.inquiry ul li .upload_btn{ position:absolute; right: 0;   color: #fff; display: inline-block; background: var(--zmain-color) !important; padding: 0 20px; width:auto; text-align: center; line-height: 48px; height: 48px; font-size: 16px; font-weight: 500; border: none;outline: none; border-radius: 0 4px 4px 0; box-shadow: none;}
.inquiry ul li .upload_btn:focus{ border:none; color: #fff;}

@media screen and (max-width: 768px) {
.inquiry ul li input{ height: 50px; line-height: 48px;}
.inquiry .p{ font-size: 14px; line-height: 20px;}
.inquiry ul li{ margin-bottom: 8px;}
}

.ms_btn{display: inline-flex; height: 50px; line-height: 50px; color: #fff; position: relative;overflow: hidden; text-transform: capitalize; font-size:16px; min-height: 44px;align-items: center;justify-content: center; font-weight: 600; padding: 0 0.62rem; background:var(--zmain-color);transition: 0.5s; margin-top:0; text-transform: capitalize; transition: 0.5s; border-radius: 4px;}
.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:1024px) {
	.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.8rem; }
	.main-menu>li.menu-children{padding-right: 0;}
	.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: '';font-family: FontAwesome;margin-left: 4px;display: none;vertical-align: top;font-size: 16px; 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(--zmain-color);}
	.main-menu>li>a:before{background:var(--zmain-color); width:100%; height:4px; content: ''; position: absolute; left:0; bottom:0;  content: '';transition: 0.6s all; opacity: 0; border-radius: 0px;        z-index: -1;}
	.main-menu>li.active>a:before, .main-menu>li:hover>a:before{ opacity: 1; width:100%; bottom:0;}
	.main-menu .sub-menu li, .main-menu .childsren li {padding: 0 8px;}	
	.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 0 1px rgb(255 255 255 / 7%), 0 10px 30px 0 rgb(17 22 38 / 10%); padding: 10px 0;}
	.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; border-bottom: 1px solid rgba(255,255,255,0.05); }
    .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: "\f105";font-family: "FontAwesome";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: 14px; color: #aaa;} 
	.main-menu .sub-menu li>a:hover:after, .main-menu .children li a:hover:after{color: #fff !important;}
	.main-menu .sub-menu .sub-menu, .main-menu .children .sub-menu, .main-menu .sub-menu .children, .main-menu .children .children {top:-10px;	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, .main-menu li.megamenu .children {width:100%;max-width: 100%; padding: 0;margin-left: auto;margin-right: auto;left: 0!important;right: 0!important; background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.1); overflow: hidden;}
    .megamenu .sub-menu .nav_li{ padding-bottom: 0.4rem; padding-top: 0.4rem; display: flex; flex-wrap: wrap; margin: 0 auto; border-top: 1px solid #eee;padding-left: 0.4rem;padding-right: 0.4rem;}
	.megamenu .sub-menu .nav_li .img{overflow: hidden; display:block; padding: 0; margin-bottom: 15px;  }
	.megamenu .sub-menu .nav_li .title{ display: flex; font-size: 20px; padding: 0px; color: #333;align-items: center; padding-bottom: 5px; font-weight:600;}
    .megamenu .sub-menu .nav_li>li{ float:left; width:33.33%;  padding: 0px 15px; margin-bottom: 0.15rem; position: relative;}
	.megamenu .sub-menu .nav_li>li:last-child{ border-right: none;}
	.megamenu .sub-menu .nav_li>li:nth-child(4n+1){ clear: both;} 
    .megamenu .sub-menu .nav_li>li>ul{ top: 0;}
    .megamenu .sub-menu .nav_li>li a{ color:#555;}
    .megamenu .sub-menu .nav_li>li>ul>li>a{color:#555; width: 100%; display: block; padding-left: 15px; min-height: auto; position: relative; font-size: 15px; margin-bottom: 4px;}
	.megamenu .sub-menu .nav_li>li>ul>li:after{width: 4px; height: 4px; content: '';background:var(--zmain-color); position: absolute; left: 0; top: 50%; margin-top: -2px; border-radius: 50%;}
    .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:1024px) {
.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; font-weight: 700;}
.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;}
.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: 9px 24px 9px 6px !important;line-height: 20px !important;font-size: 14px !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 25px 100px 15px;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: 16px;}
.menu-toggle.toggle-open:before {content: '\f106'}
#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:6px;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: 6px;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; margin-bottom: 10px;}
.nav_con a{ color: #333; line-height: 36px;  font-size: 14px;font-weight: 700; }
.nav_con .email_btn{  border-radius: 3px; background:var(--zmain-color); color: #fff; line-height: 36px; padding: 0 10px; float: right;font-weight: 700;font-size: 14px; }
}

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

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

/*language*/

.language{list-style: none; overflow: hidden;  position: relative;  border-radius: 30px; height: 40px; display: flex;align-items: center; margin-right: 0.15rem;} 
.language .p{color:var(--word--color);text-transform: capitalize;transition: 0.5s background-color;position: relative;z-index: 5;transition: 0.6s all; display: flex; padding-left: 0;font-weight: 500;padding-right: 32px; height: 40px;    width: 32px;cursor: pointer; } 
.language p{font-size: 15px; color:var(--word--color); line-height: 16px;font-weight: 500;   }
.language .p:after{ position: absolute; right: 0; top: 0; content: '';color:#666;text-transform: capitalize;transition: 0.5s background-color;z-index: 5;transition: 0.6s all; display: flex; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg id='Custom UI icons - Outline'%3E %3Cpath id='Globe' d='M9 18C7.76599 18 6.60152 17.7635 5.50659 17.2904C4.41165 16.8173 3.45669 16.1733 2.6417 15.3583C1.82672 14.5433 1.1827 13.5883 0.709628 12.4934C0.236543 11.3985 0 10.234 0 9C0 7.75628 0.236543 6.58938 0.709628 5.4993C1.1827 4.40922 1.82672 3.45669 2.6417 2.6417C3.45669 1.82672 4.41165 1.1827 5.50659 0.709629C6.60152 0.236544 7.76599 0 9 0C10.2437 0 11.4106 0.236544 12.5007 0.709629C13.5908 1.1827 14.5433 1.82672 15.3583 2.6417C16.1733 3.45669 16.8173 4.40922 17.2904 5.4993C17.7635 6.58938 18 7.75628 18 9C18 10.234 17.7635 11.3985 17.2904 12.4934C16.8173 13.5883 16.1733 14.5433 15.3583 15.3583C14.5433 16.1733 13.5908 16.8173 12.5007 17.2904C11.4106 17.7635 10.2437 18 9 18ZM9 16.5589C9.48341 15.9176 9.8903 15.2709 10.2207 14.6186C10.551 13.9664 10.8201 13.2534 11.0278 12.4797H6.97225C7.19208 13.2777 7.46415 14.0028 7.78845 14.6551C8.11274 15.3073 8.51659 15.9419 9 16.5589ZM7.16542 16.2984C6.80226 15.7773 6.47614 15.1849 6.18707 14.5212C5.89799 13.8574 5.67329 13.1769 5.51296 12.4797H2.29915C2.79957 13.4636 3.47063 14.2901 4.31234 14.9593C5.15406 15.6286 6.10509 16.0749 7.16542 16.2984ZM10.8346 16.2984C11.8949 16.0749 12.8459 15.6286 13.6877 14.9593C14.5294 14.2901 15.2004 13.4636 15.7009 12.4797H12.487C12.2963 13.183 12.0565 13.8665 11.7674 14.5303C11.4783 15.1941 11.1674 15.7834 10.8346 16.2984ZM1.70342 11.0587H5.22511C5.1656 10.7065 5.12248 10.3613 5.09577 10.023C5.06905 9.68472 5.05569 9.34372 5.05569 9C5.05569 8.65628 5.06905 8.31528 5.09577 7.97701C5.12248 7.63875 5.1656 7.2935 5.22511 6.94127H1.70342C1.61233 7.26314 1.54249 7.59776 1.49391 7.94513C1.44532 8.2925 1.42103 8.64412 1.42103 9C1.42103 9.35588 1.44532 9.70751 1.49391 10.0549C1.54249 10.4022 1.61233 10.7369 1.70342 11.0587ZM6.64614 11.0587H11.3539C11.4134 10.7065 11.4565 10.3643 11.4832 10.0321C11.5099 9.69991 11.5233 9.35588 11.5233 9C11.5233 8.64412 11.5099 8.30009 11.4832 7.96791C11.4565 7.63572 11.4134 7.2935 11.3539 6.94127H6.64614C6.58663 7.2935 6.54351 7.63572 6.51678 7.96791C6.49006 8.30009 6.4767 8.64412 6.4767 9C6.4767 9.35588 6.49006 9.69991 6.51678 10.0321C6.54351 10.3643 6.58663 10.7065 6.64614 11.0587ZM12.7749 11.0587H16.2966C16.3877 10.7369 16.4575 10.4022 16.5061 10.0549C16.5547 9.70751 16.579 9.35588 16.579 9C16.579 8.64412 16.5547 8.2925 16.5061 7.94513C16.4575 7.59776 16.3877 7.26314 16.2966 6.94127H12.7749C12.8344 7.2935 12.8775 7.63875 12.9042 7.97701C12.931 8.31528 12.9443 8.65628 12.9443 9C12.9443 9.34372 12.931 9.68472 12.9042 10.023C12.8775 10.3613 12.8344 10.7065 12.7749 11.0587ZM12.487 5.52026H15.7009C15.1944 4.52429 14.5278 3.69775 13.7013 3.04066C12.8748 2.38358 11.9192 1.93418 10.8346 1.69248C11.1977 2.2439 11.5208 2.84694 11.8038 3.5016C12.0868 4.15627 12.3146 4.82915 12.487 5.52026ZM6.97225 5.52026H11.0278C10.8079 4.72835 10.5313 3.99869 10.1979 3.33126C9.86448 2.66386 9.46519 2.03379 9 1.44107C8.53481 2.03379 8.13552 2.66386 7.80212 3.33126C7.46871 3.99869 7.19208 4.72835 6.97225 5.52026ZM2.29915 5.52026H5.51296C5.68543 4.82915 5.91317 4.15627 6.19618 3.5016C6.47918 2.84694 6.80226 2.2439 7.16542 1.69248C6.07472 1.93418 5.11763 2.3851 4.29412 3.04523C3.47064 3.70536 2.80565 4.53037 2.29915 5.52026Z' fill='%23ffffff'/%3E %3C/g%3E %3C/svg%3E "); background-size:18px auto; padding-left:30px;background-position: center center; background-repeat: no-repeat; flex-direction: column;  height: 40px; }
 
.language .p span{display: inline-flex;align-items: center;   position: relative; line-height: 15px; color: #0463e3; font-size: 16px; text-transform: uppercase;font-weight: 600;}
.language .p svg{ margin-right: 6px; float: left; border-radius: 50%; overflow: hidden; width: 24px; height: 24px;} 
.language .p img{width:22px;display: inline-block; margin-right: 9px;}
.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 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 ul li.active:after{content: "\f00c";font-family: 'FontAwesome';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 img{ margin-right: 6px;  width: 26px;  }
.language ul li a{ line-height: 22px; padding: 5px ; display: flex;align-items: center; color: #333; font-size: 14px;text-transform: uppercase;}
.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: capitalize; 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:1024px) {
.mob_language,.mob_sns{ margin-top: 20px;        margin-top: 20px; flex-wrap: wrap;display: flex;}
.mob_sns a img{ width: 22px; filter: brightness(0);}
.mob_logo { position: relative; z-index: 8888889;}
.mob_logo a{ display: block; padding-left: 10px;}
.mob_logo img{ max-height:30px;}
.mob_language{ margin-top: 0.3rem; }
.mob_language p,.mob_sns p{ margin-bottom: 10px;   width: 100%; font-size: 0.24rem; color: #000; text-transform: capitalize; font-weight: 700;}
.mob_language a{ float: left; width: 33.33%; display: flex; padding: 8px 0;align-items: center; color: #666;font-size: 14px; text-transform: capitalize;        line-height: 16px;} 
.mob_language a img{ display: inline-block; margin-right: 5px;}
.mob_language a i{ width: 18px; height: 18px; background-size: 18px auto; border-radius: 50%; background-position: center center; background-repeat: no-repeat; flex-shrink: 0; margin-right: 6px;}
.language{        position: absolute; height: 50px;  right: 96px; top: 0;  z-index: 1111111; margin: 0;  border: none;  padding: 0;}
.language .p p{display: none;}
.language .p{       width: 50px;  height: 50px;  background-repeat: no-repeat;  background-position: center center;  background-size: 20px auto;  overflow: hidden; padding-left: 0;    padding-right: 50px;}
.language .p span{ height: 50px;        text-indent: -999em;}
.language:after{ display: none;}
.language .p:after {  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' stroke='%2312298c' fill='none'%3E %3Cpath stroke-width='26' d='M209,15a195,195 0 1,0 2,0z'/%3E %3Cpath stroke-width='18' d='m210,15v390m195-195H15M59,90a260,260 0 0,0 302,0 m0,240 a260,260 0 0,0-302,0M195,20a250,250 0 0,0 0,382 m30,0 a250,250 0 0,0 0-382'/%3E %3C/svg%3E"); padding-left: 50px;    height: 50px;}
 
}


/*Search*/
.ico_search{ display: inline-flex; margin-left: 0.29rem; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg clip-path='url(%23clip0_2699_3216)'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 9C2 5.13401 5.13401 2 9 2C12.866 2 16 5.13401 16 9C16 12.866 12.866 16 9 16C5.13401 16 2 12.866 2 9ZM9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C11.125 18 13.078 17.2635 14.6177 16.0319L18.2929 19.7071C18.6834 20.0976 19.3166 20.0976 19.7071 19.7071C20.0976 19.3166 20.0976 18.6834 19.7071 18.2929L16.0319 14.6177C17.2635 13.078 18 11.125 18 9C18 4.02944 13.9706 0 9 0Z' fill='%235b8e31'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_2699_3216'%3E %3Crect width='20' height='20' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E "); background-size: 20px; background-repeat: no-repeat; background-position:  center;  border-radius:0;    width:20px; height: 20px; cursor: pointer;    align-items: center;}
.ico_search i{font-style: normal; color:#fff; font-weight: 700; 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-weight: 700;}
.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: 800px; max-width: 100%; display: none; padding: 0.4rem; border-radius: 0; background: #f7f7f7;}
#dialog-search .title{ font-size: 0.26rem; line-height: 0.3rem; color: #333; text-align: center; font-weight: 700; text-transform: c; margin-bottom: 0.2rem;}
.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; border-radius: 0; padding: 0 15px; padding-bottom:80px;}
.search_main{position: relative; width: 100%; max-width: 8rem; margin: 0 auto;}
.search_main .meInput{height:50px;color:#333;float:left; line-height:50px;font-size:14px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:100%; background:#fff; padding-right:55px;     border: 1px solid #eee; border-radius:5px; box-shadow: none; float: none;  padding-left: 10px;}
.search_main .meInput:focus{ border: 1px solid var(--zmain-color); 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);}
.search_main .search_btn{display:block; width:50px;height:50px;cursor:pointer; border:none; position:absolute; bottom:0; right:0; background-image: url("data:image/svg+xml,%3Csvg t='1699341196966' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4027' width='16' height='16'%3E%3Cpath d='M701.8831 797.01409c-106.666311 74.888284-222.889924 101.443929-349.728967 75.946413-108.782571-21.776994-196.334279-79.154936-263.713254-167.321042C-44.234946 531.935507-25.666474 282.797137 130.902604 127.661654 287.949547-27.405562 535.210589-43.311642 710.314006 91.582841c179.370069 138.103006 234.563485 408.472238 85.435448 611.940361 6.89491 6.348779 14.335952 12.731691 20.718864 19.626601 61.542195 60.586465 122.02626 121.650794 183.056457 182.203126 18.056473 18.090606 27.067643 39.321469 21.776994 64.818984a61.781127 61.781127 0 0 1-44.577985 49.390768 62.532058 62.532058 0 0 1-66.354979-14.84795c-38.195073-37.205209-75.332016-75.434415-113.01509-112.639625l-89.667967-89.770367-5.836781-5.290649z m-260.572998-22.869257c181.486328 0 332.184493-149.776567 332.184493-329.863434 0-186.435645-149.093903-336.758344-332.696491-335.700214-183.636721 0.511998-332.184493 149.264569-332.184493 333.037823-0.546132 182.203126 149.640035 332.525825 332.696491 332.525825z' fill='%23ffffff' p-id='4028'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-color: var(--zmain-color); background-position: center center; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.search_tags{ margin:0.2rem 0 0; text-align: center;}
.search_tags a{  display: inline-block; background:#f7f7f7; border-radius:0; color: #666; font-size: 14px; line-height:30px; padding: 0 0.15rem; margin-bottom: 0.04rem;}
.search_tags a:hover{ background: var(--zmain-color); color: #fff;}
#dialog-content2{ display: none;}
@media screen and (max-width:1024px) {
	.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: 50px; 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:#e9ebef; border: none; border-radius: 0;}
	header.small .search_web{display: none;} 
	
}
@media screen and (max-width: 768px) {
#dialog-search{ padding: 0.4rem 0.3rem;}
}


/*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;}

/*cd-secondary-nav*/
.cd-section{ position: relative;}
.cd-section ul li{ list-style: none;}
.cd-secondary-nav {position: relative;z-index: 3;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.cd-secondary-nav .main{ display: flex; justify-content: space-between;}
.cd-secondary-nav ul {position: fixed; visibility: hidden;z-index: 1;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: scale(0);-moz-transform: scale(0);
-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transform-origin: 100% 100%;-moz-transform-origin: 100% 100%;-ms-transform-origin: 100% 100%;-o-transform-origin: 100% 100%;transform-origin: 100% 100%;-webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;-moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;transition: transform 0.3s, visibility 0s 0.3s; border-radius: 0;}
.cd-secondary-nav ul.is-visible {  visibility: visible;  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;  -moz-transition: -moz-transform 0.3s, visibility 0s 0s;  transition: transform 0.3s, visibility 0s 0s;}

@media only screen and (min-width: 1024px) {
  .cd-secondary-nav ul {position: static;width: auto;width:100%;visibility: visible;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);background: #eee; }
  .cd-secondary-nav li { display: inline-block; float: left; list-style: none;}
  .cd-secondary-nav li a { position: relative; display: block;  border-bottom: none; line-height: 60px; color: #333; font-size: 18px; font-weight: 700; padding: 0 0.3rem; transition: 0.5s all}
  .cd-secondary-nav li a.active{ background:var(--zmain-color); color: #fff;}
  .cd-secondary-nav li a:hover{ color: #85b8d6;}
  .cd-secondary-nav.is-fixed { position: fixed;right: 5%; top:0.98rem; height: 60px;z-index: 1111111; margin-top: 0;}
}

/*swiper*/
.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.6rem; height: 0.6rem; position: initial; display: flex; margin: 0;  background-repeat: no-repeat; background-position: center center; transition: 0.5s; margin-top: -24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 17 17' style='fill:%23333333'%3E%3Cg/%3E%3Cpath d='M13.207 8.472l-7.854 7.854-0.707-0.707 7.146-7.146-7.146-7.148 0.707-0.707 7.854 7.854z'/%3E%3C/svg%3E"); background-position: center center; background-size:20px auto; background-repeat: no-repeat;transform: rotate(180deg); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.5); border-radius: 5px; }
.swiper-button-next{transform: rotate(0)}
.swiper-button-next:after, .swiper-button-prev:after{ display: none;}
.swiper-scrollbar-drag{ background: var(--zhover-color); height: 2px;}


.button_inside{ overflow: hidden;}
.button_inside,.button_outside{ position: relative;}
.button_outside .swiper-button-prev{ position: absolute; top: 50%; left: -50px; width:40px; height:40px; margin-top: -20px;}
.button_outside .swiper-button-next{ position: absolute; top: 50%; right:-50px; width: 40px; height:40px; margin-top:-20px;}
.button_inside .swiper-button-prev{ position: absolute; top: 50%; left: 20px;width: 40px; height:40px; margin-top: -20px}
.button_inside .swiper-button-next{ position: absolute; top: 50%; right:20px;width: 40px; height:40px; margin-top: -20px;}



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

/*num*/
.odometer.odometer-auto-theme, .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car, .odometer.odometer-theme-car .odometer-digit {	-moz-box-orient: vertical;	display: inline-block;	vertical-align: middle;	position: relative}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer {
-moz-box-orient: vertical;	display: inline-block;	vertical-align: middle;	visibility: hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
text-align: left;display: block;position: absolute;top: 0;right: 0;bottom: 0;overflow: hidden;left:-2px}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon {	display: block}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon-inner {display: block;}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-car .odometer-digit .odometer-value {display: block;}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-car .odometer-digit .odometer-value.odometer-last-value {position: absolute}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner {-webkit-transition: -webkit-transform 2s;-moz-transition: -moz-transform 2s;-ms-transition: -ms-transform 2s;-o-transition: -o-transform 2s;transition: transform 2s;}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up.odometer-animating .odometer-ribbon-inner {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%)}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {-webkit-transition: -webkit-transform 2s;-moz-transition: -moz-transform 2s;-ms-transition: -ms-transform 2s;-o-transition: -o-transform 2s;transition: transform 2s;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);
transform: translateY(0)}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {padding:0 2px;}


/*fancybox*/
.fancybox__container{ z-index: 9999991 !important;}
.select_title{ font-weight: 600;font-family: var(--main-title-font); font-style:normal; color:#333; font-size: 0.38rem; line-height: 0.4rem; margin-bottom: 0.2rem; text-transform: capitalize;}
#dialog-quote{ max-width: 10rem; display: none; padding: 0;}
#dialog-search0{ max-width: 10rem; display: none; padding: 0;}
#dialog-quote .main{ padding: 15px;}
#dialog-quote .inquiry{ padding: 0.3rem; padding-left: 0;}
@media only screen and (max-width: 1224px) {
#dialog-quote{ max-width: 12rem;}

}
@media only screen and (max-width: 1024px) {
#dialog-quote .quote_right{ width: 100%; padding-right: 0;}
.inquiry ul li input{ height: 50px; line-height: 48px;}
.fancybox__content{ margin: 0 20px;}
}
@media only screen and (max-width: 768px) {
	.select_title{font-size: 0.32rem; line-height: 0.36rem; margin-bottom: 0.1rem;}
.fancybox__content{ margin: 0;}
.inquiry ul li input{ height: 46px; line-height: 44px;        font-size: 14px;}
.inquiry ul li textarea{ font-size: 14px;}
#dialog-quote .inquiry{padding-right: 0.15rem;}
}

/*tab*/
.page_nav .ah-tab-wrapper {position: relative;}
.page_nav .ah-tab-wrapper *, .page_nav .ah-tab-wrapper *:before, .ah-tab-wrapper *:after {box-sizing: border-box;margin: 0;padding: 0;}
.page_nav .ah-tab {position: relative;white-space: nowrap;overflow: hidden;letter-spacing: -0.3em; text-align: center;}
.page_nav .ah-tab::before,.page_nav  .ah-tab::after {bottom: 0;content: "";height: 100%;opacity: 0;position: absolute;z-index: 1;transition: opacity .3s;}
.page_nav .ah-tab::before {left: -100%;width: 30px;background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 99%);background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 99%);background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);}
.page_nav .ah-tab::after {right: 100%;width: 80px;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 99%);background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 99%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 99%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);}
.page_nav .ah-tab-overflow-left::before {opacity: 1;left: 0;}
.page_nav .ah-tab-overflow-right::after {opacity: 1;right: 0;}
.page_nav .ah-tab-overflow-wrapper {position: absolute;width: 43px;height: 100%;right: 100%;opacity: 0;top: 0;z-index: 1;text-align: center;}
.page_nav .ah-tab-overflow-wrapper[data-ah-tab-active="true"] {right: 0;opacity: 1;transition: opacity .3s;}
.page_nav .ah-tab-overflow-menu {background: transparent url(../images/ah-tab-overflow-menu.svg) center center no-repeat;background-size: 18px;display: inline-block;width: 100%;height: 100%;border: 0;cursor: pointer;transition: opacity .3s;opacity: .7;}
.page_nav .ah-tab-overflow-wrapper:hover .ah-tab-overflow-menu {opacity: 1;}
.page_nav .ah-tab-overflow-list {position: absolute;top: -1000%;right: 0;text-align: left;background-color: #fff;border: 1px solid #e9e9e9;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.09);list-style: none;transition: opacity .3s;opacity: 0;max-width: 290px;}
.page_nav .ah-tab-overflow-list::after {content: " ";display: block;position: absolute;top: -14px;right: 14px;width: 0;height: 0;border: 7px solid transparent;border-bottom-color: #fff;}
.page_nav .ah-tab-overflow-list::before {content: " ";display: block;position: absolute;top: -16px;right: 13px;width: 0;height: 0;border: 8px solid transparent;border-bottom-color: #cdcdcd;}
.page_nav .ah-tab-overflow-wrapper:hover .ah-tab-overflow-list {top: 99%;padding: 10px 0;opacity: 1;}
.page_nav .ah-tab-overflow-list:hover {display: block;}
.page_nav .ah-tab-item {color: #333;cursor: pointer;display: inline-block;letter-spacing: normal;transition: all .3s;text-decoration: none;font-size:16px;  text-transform:capitalize; background: #ddd; padding: 10px 26px; border-radius: 0; font-weight: 700; border-radius: 4px;}
.page_nav .ah-tab>.ah-tab-item {margin-right: 3px;}
.page_nav .ah-tab-item[data-ah-tab-active="true"] { background: var(--zhover-color); color: #fff;}
.page_nav .ah-tab>.ah-tab-item:hover { background: var(--zhover-color); color: #fff;}
.page_nav .ah-tab>.ah-tab-item[data-ah-tab-active="true"] {border-bottom-color: var(--zhover-color);}
.page_nav .ah-tab-overflow-list>.ah-tab-item {border-left: 3px solid transparent;display: block;overflow: hidden;padding: 10px 20px;text-overflow: ellipsis;white-space: nowrap; font-size: 14px; border-top: none; border-radius: 0; padding: 8px;}
.page_nav .ah-tab-overflow-list>.ah-tab-item:hover {border-left-color: var(--zmain-color); color: var(--zmain-color);}
.page_nav .ah-tab-overflow-list>.ah-tab-item[data-ah-tab-active="true"] {border-left-color: var(--zmain-color); background: #fff; color: var(--zmain-color);}
.page_nav .ah-tab-content {display: none;padding: 30px;border: 1px solid #ebebeb;}
.page_nav .ah-tab-content[data-ah-tab-active="true"] {display: block;}

@media only screen and (max-width:768px) {
.page_nav .ah-tab-item{ font-size: 14px; padding: 8px 15px;}
.page_nav .ah-tab{ padding-right: 0.6rem;}
}
/*tab*/
.page_nav { display: flex;justify-content: center;flex-wrap: wrap; gap: 15px;}
.page_nav a{ display: inline-flex; padding:11px 20px 13px; background: #fff; border:1px solid #eee; border-radius: 5px;  text-transform: capitalize; font-size: 16px;align-items: center; justify-content: center;font-weight: 700; line-height: 22px;}
.page_nav a:hover{ border:1px solid var(--zmain-color); color: var(--zmain-color);}
.page_nav a.active{ background:var(--zmain-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: 46px;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;}
}

 


/*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%;}


/*banner*/
.banner{ position: relative; width: 100%;}
.banner img{ width: 100%;}
.banner .swiper-slide { position: relative;  width: 100%;overflow: hidden;}
.banner .swiper-slide img,.banner .swiper-slide video {  width: 100%;  display: block;}
.banner .swiper-slide img { height: auto;}
.banner .swiper-slide video { }

.banner .progress-bar {position: absolute;bottom: 0;left: 0;height: 5px;background:rgba(255,255,255,0.4);width: 0%;z-index: 15;transition: width 0.1s linear;}
.banner .swiper-pagination{ position: absolute; bottom: 0.2rem; z-index: 999; display: none;}
.banner .swiper-pagination-bullet{ background:none; width: 14px; height: 14px; background:rgba(0,0,0,0.5); opacity: 1; border-radius: 50%;left:0;transform: translate(50%, 0%);  font-size: 0.2rem; color:var(--zmain-color); text-align: left; font-weight: 700;text-transform: uppercase; transition: 0.5s;}
.banner .swiper-pagination-bullet-active{ background-color: var(--zmain-color);}
.banner .swiper-pagination-bullet-active p{ border-bottom: 1px solid rgba(3,161,92,0.2);}

.banner .swiper-button-prev, .banner .swiper-button-next{background-color: rgba(0,0,0,0.4);background-size: 30px auto; position: absolute; margin: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 17 17' style='fill:%23ffffff'%3E%3Cg/%3E%3Cpath d='M13.207 8.472l-7.854 7.854-0.707-0.707 7.146-7.146-7.146-7.148 0.707-0.707 7.854 7.854z'/%3E%3C/svg%3E");margin-top: -0.3rem; }
.banner .swiper-button-next:after,.banner  .swiper-button-prev:after{ color: #333; font-size: 16px;}
.banner .swiper-slide {position: relative;}
.banner .swiper-slide-active{ display: block; position: relative; z-index: 666;}
.banner .swiper-slide img {display: block;width: 100%;}
 
.banner .swiper-slide  .banner_box{  min-height: 800px; align-items: flex-start;  flex-wrap: wrap;    display: flex;  background: #ededed url(../images/bg-banner.png) no-repeat center left;    flex-direction: row-reverse;padding-top:1.11rem;align-content: flex-start;} 
.banner .swiper-slide  .banner_box .small-title{width: 100%; font-size: 0.5rem; line-height: 0.6rem; font-weight: 800; color: var(--zmain-color);padding: 0 0.1rem 0 0.9rem;}
.banner .swiper-slide  .banner_box .banner_image{    width: 57%;padding-left: 9px;  position: relative;}
.banner .swiper-slide  .banner_box .banner_image .image { display: block;}
.banner .swiper-slide  .banner_box .banner_image .image img{max-width: 100%;    width: 100%;}
.banner .swiper-slide  .banner_box .banner_text{  width: 43%; display: flex;  justify-content:center;  align-items: center; padding-top: 0.6rem;}
.banner .swiper-slide  .banner_box .banner_text .banner_main{ padding: 0 0rem 0 0.9rem;}

.banner .swiper-slide  .banner_box .banner_text .banner_main .title{ font-size: 0.6rem; line-height: 0.8rem; color: var(--word--color); font-weight: 800;margin-bottom: 0.18rem; }
.banner .swiper-slide  .banner_box .banner_text .banner_main .p{ color: var(--text-word--color); font-size: 18px; line-height: 26px;display: -webkit-box;  -webkit-line-clamp:8; -webkit-box-orient: vertical;overflow: hidden;} 
.banner .swiper-slide  .banner_box .banner_text .banner_main .banner_more{ margin-top: 0.53rem; display: flex; align-items: center;}
.banner .swiper-slide  .banner_box .banner_text .banner_main .banner_more .my_more1{ padding: 0 0.35rem;}
.banner .swiper-slide  .banner_box .banner_text .banner_main .banner_more .more{ border: 1px solid rgba(255,255,255,0.24); background: none; line-height: 46px; margin-left: 0.2rem;}
.banner .swiper-slide  .banner_box .banner_text .banner_main .banner_more .more:hover{ background: var(--zhover-color); border-color: var(--zhover-color);}
.banner .swiper-slide  .banner_box .banner_text .banner_main .banner_cer{ margin-top: 0.4rem;}

 
@media only screen and (max-width:1399px) {   
.banner .swiper-slide .banner_box{min-height: 700px;}
.banner .swiper-slide .banner_box .banner_text{padding-top: 0.4rem;}
}
@media only screen and (max-width:1199px) {   
.banner .swiper-slide .banner_box{min-height: 620px;} 
}

@media only screen and (max-width: 1024px){ 
	.banner .swiper-slide .banner_box{ padding: 0.8rem 0.6rem 0.7rem;}
.banner .swiper-slide .banner_box .banner_image{ width: 100%; padding: 0;}
.banner .swiper-slide .banner_box .banner_text{ width: 100%;padding-top: 0.3rem; }
.banner .swiper-slide .banner_box .banner_text .banner_main{padding: 0;}
.banner .swiper-slide .banner_box .small-title{ padding: 0;}
} 
@media only screen and (max-width: 992px){  

	.banner .swiper-button-prev{ margin: 0; left: 0;}
	.banner .swiper-button-next{ margin: 0; right:0}
.banner .swiper-pagination{display: none;}  
  

}

@media only screen and (max-width: 768px){
	 	.banner .swiper-slide .banner_box{ padding: 0.5rem 15px 0.5rem;}
		.banner .swiper-slide .banner_box .banner_text .banner_main .title{ font-size: 0.5rem; line-height: 0.6rem;}
	.banner .swiper-slide .banner_box .small-title{ font-size: 0.4rem; line-height: 0.5rem;}
.banner .swiper-slide .banner_box .banner_text .banner_main .p{font-size: 16px;}
.banner .swiper-slide .banner_box .banner_text .banner_main .banner_more{ margin-top: 0.3rem;}
  .banner .swiper-button-prev, .banner .swiper-button-next{margin-left: 0; margin-right: 0; background-size: 20px auto; margin-top: 20px;}
 
}
 
@media only screen and (max-width: 568px){
		.banner .swiper-slide .banner_box .banner_text .banner_main .title{ font-size: 0.36rem; line-height: 0.44rem; margin-bottom: 0.1rem;}
	
	.banner .swiper-slide .banner_box .small-title{ font-size: 0.3rem; line-height: 0.4rem;}

}
 
 

/*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.25rem;  height: 54px; line-height: 54px; color: #ffffff; position: relative;overflow: hidden; font-size:16px;background:var(--zmain-color);align-items: center;justify-content: center;    transition: 0.5s; cursor: pointer;  text-align: center; border-radius:4px;font-weight:600;}
.my_more1 img{ margin-right: 10px;}
.my_more1 i{ margin-left: 0.22rem;}
 
 
.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(20,67,54,0.08);box-shadow: 0px 10px 22px -11px  rgba(20,67,54,0.08); transform:translate3d(0,-3px,0);}
.my_more1:hover:before{ width: 100%;} 
.n_main .my_more1,.rel_section .my_more1{   height: 44px; line-height: 44px;padding: 0 0.25rem; }
.n_main .my_more1 i,.rel_section .my_more1 i{ margin-left: 0.12rem;}

@media only screen and (max-width:992px){
	.my_more1{ font-size: 14px; height: 42px; line-height: 42px; padding: 0 0.2rem;}
.n_main .my_more1,.rel_section .my_more1{font-size: 12px; height: 40px; line-height: 40px; padding: 0 0.2rem;}
.my_more1 i{font-size: 10px;}
}


.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-weight: 700;}
.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);}

/*Search*/
.search_web{position: relative;  width: 100%; z-index: 1;height:42px;  overflow: hidden; width: 2.5rem;background:rgba(255,255,255,0.1);margin-left: 0.6rem;}
.search_web .form-control{color:#999;float:left; line-height:50px;font-size:15px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:100%;  background:rgba(255,255,255,1); padding-right:50px; box-shadow: none; float: none;padding-left: 0.1rem; height: 100%; padding-left: 0.15rem; border-radius: 5px;}
.search_web .form-control:focus{ color:#333;}
.search_web .search_btn{display:block; padding: 0 14px; width: 40px; height:40px;cursor:pointer; border:none; position:absolute; bottom:1px; right:1px;color: #fff; font-size: 14px; line-height: 30px; background-image: url("data:image/svg+xml,%3Csvg t='1679645734545' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4512' width='24' height='24'%3E%3Cpath d='M487.8 258.68c118.69 0 218.72 92.87 227.73 211.42 9.56 125.77-84.98 235.87-210.75 245.42-5.93 0.45-11.83 0.67-17.69 0.67-118.69 0-218.73-92.87-227.74-211.42-4.63-60.92 14.74-120.01 54.55-166.36 39.81-46.35 95.28-74.43 156.2-79.06 5.94-0.44 11.84-0.67 17.7-0.67m-0.01-96c-8.26 0-16.59 0.31-24.96 0.95-178.83 13.6-312.79 169.59-299.2 348.43 12.96 170.46 155.29 300.15 323.46 300.15 8.26 0 16.59-0.31 24.96-0.95 178.84-13.59 312.79-169.59 299.2-348.42-12.95-170.47-155.28-300.16-323.46-300.16z' fill='%23333333' p-id='4513'%3E%3C/path%3E%3Cpath d='M861.3 909.31c-12.28 0-24.56-4.69-33.94-14.06L702.12 769.99c-18.75-18.75-18.75-49.12 0-67.88s49.12-18.75 67.88 0l125.25 125.25c18.75 18.75 18.75 49.12 0 67.88-9.38 9.38-21.67 14.07-33.95 14.07z' fill='%23333333' p-id='4514'%3E%3C/path%3E%3Cpath d='M668.163 736.059l67.875-67.875L850.503 782.65l-67.874 67.874z' fill='%23333333' p-id='4515'%3E%3C/path%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; background-color:rgba(255,255,255,0); border-radius: 5px;}


/*light_img*/
.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;}

/*Widgets*/
.social_ico{ float: left; display: flex;align-items: center;}
.social_ico span{ margin-right: 16px; font-weight: 700; color: #333; font-size: 0.2rem;}
.social_ico a,.mob_sns a{ margin-right: 10px;display: flex;}
.social_ico a:hover{transform:translate3d(0,-3px,0);}


 

#logo{ list-style: none; overflow: hidden;float: left; position: relative;   display: flex;align-items: center;    padding-top: 19px;}
#logo img{ max-height:71px; }
#logo h1{ line-height: 0;}
#logo .text_logo{ margin-left: 0.1rem;}
#logo a{ display: inline-block;    line-height: 0;}
header .container{ transition: 0.5s;  }
 
header .my_more1 {   height: 45px; line-height: 45px ;  text-transform: inherit;   padding: 0 0.2rem 0;  margin-left: 0.2rem;  }
header .my_more1:after{  display: none;} 



/*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_r .top_header{ display: none;}
header.sticky  #logo{    padding-top: 5px;}
header.sticky  #logo img{ max-height: 52px;} 
header.sticky .main-menu>li>a{  padding: 15px 0;}
 
.height{ height:120px;}
.fixed-header{position:fixed; left:0; width: 100%; top: 0; z-index: 999;     background: #fff;box-shadow: 0 2px 15px rgba(0,0,0,0.12);}
@media screen and (min-width:992px) {  }
@media screen and (max-width:992px) {#scrollsmoother-container{ padding-top: 0;}}

 
 
.top_con p{ float: left; margin-right: 26px; color:#ffffff; font-size: 15px; line-height: 20px; display: inline-flex;align-items: center; }
.top_con p a{ color:#ffffff;}
.top_con p a:hover{ text-decoration: underline;}
.top_con p i{ margin-right: 10px;  width: 20px; height: 20px; display: inline-block;     background-size: 18px auto;   background-repeat: no-repeat; background-position: center center;}
.top_con p i.icon-tel{background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg id='phone'%3E %3Cpath id='Vector' d='M22.0004 16.9201V19.9201C22.0016 20.1986 21.9445 20.4743 21.8329 20.7294C21.7214 20.9846 21.5577 21.2137 21.3525 21.402C21.1473 21.5902 20.905 21.7336 20.6412 21.8228C20.3773 21.912 20.0978 21.9452 19.8204 21.9201C16.7433 21.5857 13.7874 20.5342 11.1904 18.8501C8.77425 17.3148 6.72576 15.2663 5.19042 12.8501C3.5004 10.2413 2.44866 7.27109 2.12042 4.1801C2.09543 3.90356 2.1283 3.62486 2.21692 3.36172C2.30555 3.09859 2.44799 2.85679 2.63519 2.65172C2.82238 2.44665 3.05023 2.28281 3.30421 2.17062C3.5582 2.05843 3.83276 2.00036 4.11042 2.0001H7.11042C7.59573 1.99532 8.06621 2.16718 8.43418 2.48363C8.80215 2.80008 9.0425 3.23954 9.11042 3.7201C9.23704 4.68016 9.47187 5.62282 9.81042 6.5301C9.94497 6.88802 9.97408 7.27701 9.89433 7.65098C9.81457 8.02494 9.62928 8.36821 9.36042 8.6401L8.09042 9.9101C9.51398 12.4136 11.5869 14.4865 14.0904 15.9101L15.3604 14.6401C15.6323 14.3712 15.9756 14.1859 16.3495 14.1062C16.7235 14.0264 17.1125 14.0556 17.4704 14.1901C18.3777 14.5286 19.3204 14.7635 20.2804 14.8901C20.7662 14.9586 21.2098 15.2033 21.527 15.5776C21.8441 15.9519 22.0126 16.4297 22.0004 16.9201Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/g%3E %3C/svg%3E ");}
.top_con p i.icon-email{background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg id='mail'%3E %3Cpath id='Vector' d='M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath id='Vector_2' d='M22 6L12 13L2 6' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/g%3E %3C/svg%3E ");}
 
.nav_section{ position: relative;}
.nav_r .top_header{ display: flex;align-items: center;    justify-content: flex-end; padding-top: 20px;}
.top_header .top_email a{ display: inline-flex; border-radius: 4px; border: 2px solid var(--zmain-color); font-size: 16px; font-weight: 600; color: var(--zmain-color); padding: 0 0.2rem; line-height: 41px; align-items: center; }
.top_header .top_email a:before{ content:''; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M18.5417 3.125H1.875V16.4583H18.5417V3.125ZM16.875 6.45833L10.2083 10.625L3.54167 6.45833V4.79167L10.2083 8.95833L16.875 4.79167V6.45833Z' fill='%235b8e31'/%3E %3C/svg%3E ");    background-size: 20px; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; margin-right: 10px; }
.nav_section .main{ display: flex;justify-content: space-between;    align-items: flex-start; width: 100%;}

@media screen and (min-width:992px) {
	.main-menu>li>a { font-size:18px; color:var(--word--color); line-height:34px; padding:10px 0; position: relative; text-transform:capitalize; position: relative; font-weight:600;}
	.main-menu>li>a span{ position: relative; z-index: 8888888;}
	.nav_section>.container{ position: relative;}
}

 
 
 
 

 
 
 @media screen and (max-width:1199px) {  
.main-menu>li{ margin-right: 0.35rem;} 
 
}
@media only screen and (max-width:1024px) { 
	.main-header{top: 0;}
	.nav_section{ margin-top: 0;}
	.nav_section .main{ z-index:inherit; width: 100%; background: none; border:none;  }
	.top_section .main, .top_section { height: auto; border: none; padding-bottom: 0;min-height:initial }
	.nav_section #logo{ display: none;}
	.height{  height: 50px;}
	#smooth-wrapper{ margin-top: 50px;}
	header .container{padding:0;}
	.fixed-header{ position:fixed; left: 0; top: 0; width: 100%;z-index: 99999;}
	#smooth-content{ padding-top: 0;}
	.ico_search{margin: 0;}
	.top_section .ad_text{ display: none;}
	.top_section .social_ico{ display: none;}
	.top_section:after{display: none;}
	.nav_section .top_email{ display: none;}
}
@media only screen and (max-width: 768px) { 
.fancybox__slide{    padding: 0 0.2rem;}


}

.main_title{position: relative; text-align: center; margin-bottom: 0.4rem;}
.main_title .h6{ font-size:16px; color:var(--zmain-color);  line-height: 22px; padding-left: 16px; text-transform: uppercase; position: relative; display: inline-block;}
.main_title .h6:after{width: 8px; height: 8px; content: '';background:var(--zhover-color); position: absolute; left: 0; top: 50%; margin-top: -4px;}
.main_title .title{font-size: 0.6rem; color: var(--word--color); line-height: 0.7rem; position: relative;font-family: var(--main-title-font); font-weight: 800;  }
 
.main_title .text{  line-height:26px;   margin: 0.1rem auto 0; color: var(--text-word--color); font-size:16px; max-width:825px;display: -webkit-box;-webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden;  }
.main_title .line{ height: 0.07rem; width: 0.45rem; background: var(--zmain-color);  margin: 0.12rem auto 0;}
.main_title span{ color: var(--zmain-color); font-size: 0.22rem; line-height: 0.28rem;display: block;margin-bottom: 0.16rem; font-family: var(--main-title-font); font-style: normal;text-transform: uppercase;}

.tl{ text-align: left;}
.tl .title{ margin: 0; padding-left: 0;}
.tl .title:after{ left: 8px; margin-left: 0;}
.tl .p{ text-align: left; margin-left: 0; padding: 0;}
.tl .line{   margin-left: 0;  }

.scrollbar_title{ display: flex;align-items: center; justify-content: space-between; position: relative; z-index: 333; width: 100%; margin-bottom: 0.5rem;}
.scrollbar_title .main_title{  width:60%; margin-bottom: 0; flex-shrink: 0;}
.scrollbar_title p{ margin-bottom: 0;}
@media only screen and (max-width:1200px) {
.main_title {margin-bottom: 20px;}
.main_title .text{max-width: 100%; margin-top: 0; font-size: 16px; line-height: 20px;  margin-top: 10px; padding: 0;}
}
@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 .main_title{max-width: 100%; padding: 0; width: 100%; margin-bottom: 15px;}
 .main_title span{    font-size: 16px; line-height: 26px;}
.main_title .title:after{display: none;}
.main_title .h6{display: none;}
}
@media only screen and (max-width:768px) {
.main_title img{ display: none;}
.main_title em{ font-size: 16px; margin-bottom: 0.1rem;}
.main_title .title span:after{ height: 4px;margin-top: 0.15rem;}
.main_title .title{ font-size: 0.36rem; line-height: 0.44rem;}
.main_title .text{margin-bottom: 0;  font-size: 14px; line-height: 20px }
}
 
 

/*home*/
.main_content{ overflow:hidden; position: relative;}
.main_content .counter{ display: none !important;}
 
.section_background{ background: #fafafa; background-size: cover; }
.advantages-content{    position: relative;z-index: 999;  padding-bottom: 0.2rem;}
.advantages-content .list{  margin-top: -0.4rem;display: flex; flex-wrap: wrap; padding: 0.57rem 0rem; background: #ffffff; }

.advantages-content .list li{ list-style: none; width:25%; padding: 0 0.2rem;}
.advantages-content .list li .column{ text-align: center;}
.advantages-content .list li .column img{ display: inline-block; width: 0.8rem;} 
.advantages-content .list li .column .title{ font-size: 22px; font-weight: 700; color: var(--word--color); line-height: 32px; margin-top: 0.18rem;}
 
@media only screen and (max-width: 1299px){  
.advantages-content .list li{ padding: 0 0.15rem;}
.advantages-content .list li .column .title{ font-size:20px; line-height: 24px;} 
}
@media only screen and (max-width: 1024px){
	.advantages-content .list{  margin-top: 0rem;  }
	  
}

@media only screen and (max-width: 992px){ 
	.advantages-content .list{ padding: 0.1rem 0 0.2rem;}
.advantages-content .list li .column img{   width: 0.6rem;} 
	.advantages-content .list li { width: 50%; margin-top: 0.15rem;}
.advantages-content .list li .column .title{ font-size:18px; } 

}

@media only screen and (max-width: 768px){
.advantages-content .list li .column  .title{ font-size: 16px;line-height: 20px;  } 
 
}

.cat-content{ overflow: hidden;padding: 0.7rem 0 0.88rem; }
.cat-content .list{ display: flex; flex-wrap: wrap; margin: 0 -0.12rem;}
.cat-content .list li{ list-style: none; width: 33.33%; padding: 0 0.12rem;} 
.cat-content .list li .column{ position: relative; overflow: hidden; border-radius: 10px;}
.cat-content .list li .column .link{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; display: block;}
.cat-content .list li .column .link img{ display: none; opacity: 0;} 
.cat-content .list li .column img{ width: 100%; transition: all .6;} 
.cat-content .list li .column:hover img {  transform: scale(1.06);}
.cat-content .list li .column  .wrap{     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 80%);position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.4rem 0.2rem 0.2rem;text-align: center;}
.cat-content .list li .column  .wrap h3{ font-size: initial; font-weight: initial;}
.cat-content .list li .column  .wrap .title{ display: block; color: #fff; font-size: 24px; font-weight: 700; line-height: 32px;}
.cat-content .list li .column  .wrap .detail{ font-size: 16px; line-height: 24px; overflow: hidden; height: 0; opacity: 0; transition: all .6s; color: #fff;}  
.cat-content .list li .column:hover .wrap .detail{ height: 48px; opacity: 1; margin-top: 0.1rem;}
.cat-content .cat-text{ text-align: center; margin-top: 0.5rem;}
.cat-content .cat-text .text{ color: #18403e; font-size: 20px; line-height: 32px; font-style: italic; padding: 0 0.4rem;    display: -webkit-box;  -webkit-line-clamp: 6;  -webkit-box-orient: vertical; overflow: hidden;}
.cat-content .cat-text .cat-more{display: flex; justify-content: center; margin-top: 0.38rem;}
.cat-content .cat-text .cat-more .catalogue-more{background: #18403e; margin-left: 0.1rem;}
.cat-content .cat-text .cat-more .catalogue-more:before{    content: " ";  width: 24px !important; height: 24px; line-height: 24px; background: none; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg clip-path='url(%23clip0_2729_3768)'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.46864 0.754287C2.95042 0.271913 3.60403 0.000601546 4.28578 1.36713e-06H14.5715C14.6841 -0.000199799 14.7957 0.0218014 14.8998 0.0647472C15.004 0.107693 15.0986 0.170741 15.1784 0.250287L22.0355 7.10743C22.115 7.18718 22.1781 7.28182 22.221 7.38595C22.264 7.49008 22.286 7.60165 22.2858 7.71429V21.4286C22.2858 22.1106 22.0149 22.7646 21.5326 23.2468C21.0504 23.7291 20.3963 24 19.7144 24H4.28578C3.6038 24 2.94975 23.7291 2.46751 23.2468C1.98527 22.7646 1.71436 22.1106 1.71436 21.4286V2.57143C1.71436 1.88914 1.98521 1.23429 2.46864 0.754287ZM12.3206 18.7577L12.4989 18.5794C12.6978 18.4491 12.8692 18.2777 12.9995 18.0789L16.1778 14.9006C16.3277 14.7507 16.4297 14.5598 16.4711 14.3519C16.5125 14.1441 16.4912 13.9286 16.4101 13.7328C16.329 13.537 16.1917 13.3697 16.0154 13.2519C15.8392 13.1342 15.632 13.0714 15.4201 13.0714H13.2772V6.85714C13.2772 6.40249 13.0966 5.96645 12.7751 5.64496C12.4536 5.32347 12.0176 5.14286 11.5629 5.14286C11.1083 5.14286 10.6722 5.32347 10.3507 5.64496C10.0293 5.96645 9.84864 6.40249 9.84864 6.85714V13.0714H7.70578C7.49385 13.0714 7.28666 13.1342 7.11043 13.2519C6.93419 13.3697 6.79683 13.537 6.71572 13.7328C6.63461 13.9286 6.6134 14.1441 6.65475 14.3519C6.69611 14.5598 6.79819 14.7507 6.94807 14.9006L10.1264 18.0789C10.2566 18.2777 10.4281 18.4491 10.6269 18.5794L10.8052 18.7577C10.9047 18.8572 11.0228 18.9362 11.1528 18.99C11.2829 19.0439 11.4222 19.0716 11.5629 19.0716C11.7037 19.0716 11.843 19.0439 11.973 18.99C12.103 18.9362 12.2211 18.8572 12.3206 18.7577Z' fill='%23fc772a'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_2729_3768'%3E %3Crect width='24' height='24' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E ");  background-repeat: no-repeat;  transition: 0.5s;display: inline-block;margin-right: 0.12rem;opacity: 1; position: relative; top: initial; left: initial;}
.cat-content .cat-text .cat-more .catalogue-more:hover:before { width: 24px;}
 
@media only screen and (max-width: 1299px){
.cat-content .list li .column .wrap .title{ font-size: 20px; line-height: 28px;}
.cat-content .cat-text{}
.cat-content .cat-text .text{padding: 0; font-size: 16px; line-height: 24px; font-style: normal; -webkit-line-clamp: 5; }
}

@media only screen and (max-width: 768px){
	.cat-content{ padding: 0.5rem 0 0.6rem;}
	.cat-content .main_title{ margin-bottom: 10px;}
.cat-content .list li{ width: 100%; margin-top: 0.2rem;}
}
 
.serve-content{padding-top: 0.95rem; overflow: hidden;}
.serve-content .serve-box{  display: flex;   background-image: linear-gradient(180deg, #cae9a3 0%, #8edccc 100%); border-radius: 12px; overflow: hidden;position: relative; min-height: 6.45rem;}
.serve-content .serve-box:after{ background: url(../images/bg_serve.png) no-repeat; background-size: 100%; display: block; content:''; width: 5.25rem; height: 2.4rem;  position: absolute; bottom: 0; right: 0;}
.serve-content .serve-box .serve-imgage{ width: 3.46rem; }
.serve-content .serve-box .serve-imgage img{  width: 100%;  height: 100%; object-fit: cover;   display: block;}

.serve-content .serve-box .serve-column{ width: calc(100% - 3.46rem); padding: 0.9rem 1.3rem 0.4rem;text-align: right;position: relative; z-index: 99;}
.serve-content .serve-box .serve-column .main_title{text-align: right; margin-bottom: 0.3rem;}
.serve-content .serve-box .serve-column .main_title .title{color: #274614}
.serve-content .serve-box .serve-column .text{font-size: 20px; line-height: 26px; color: var(--text-word--color);     display: -webkit-box;-webkit-line-clamp: 8;  -webkit-box-orient: vertical; overflow: hidden;}
.serve-content .serve-box .serve-column .more{font-size: 16px; font-weight: 700; color: #274614; display: inline-flex; align-items: center; margin-top: 0.42rem;}
.serve-content .serve-box .serve-column .more:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.8129 13.7438L14.8176 6.24528C14.8146 6.1057 14.7841 5.96811 14.7278 5.84042C14.6204 5.58293 14.4158 5.37829 14.1583 5.27088C14.0306 5.21461 13.893 5.18411 13.7535 5.18115L6.25497 5.1858C6.11514 5.18589 5.97667 5.21351 5.84745 5.26711C5.71823 5.3207 5.6008 5.3992 5.50186 5.49814C5.30205 5.69795 5.1897 5.96885 5.18953 6.25125C5.18935 6.53364 5.30137 6.80441 5.50093 7.00397C5.70049 7.20353 5.97126 7.31555 6.25365 7.31537L11.1952 7.30481L5.50028 12.9997C5.30129 13.1987 5.1894 13.4685 5.18922 13.7497C5.18905 14.031 5.30061 14.3006 5.49935 14.4994C5.6981 14.6981 5.96776 14.8097 6.24901 14.8095C6.53026 14.8093 6.80006 14.6974 6.99905 14.4985L12.6939 8.80358L12.6834 13.7451C12.6827 13.8851 12.7098 14.0238 12.763 14.1532C12.8162 14.2826 12.8946 14.4002 12.9935 14.4991C13.0924 14.598 13.21 14.6763 13.3394 14.7296C13.4688 14.7828 13.6075 14.8099 13.7475 14.8092C13.8875 14.8097 14.0262 14.7825 14.1557 14.7291C14.2852 14.6757 14.4028 14.5972 14.5019 14.4981C14.6009 14.3991 14.6794 14.2814 14.7328 14.152C14.7862 14.0225 14.8134 13.8837 14.8129 13.7438Z' fill='%23274614'/%3E %3C/svg%3E ");content: ''; display: inline-block;background-repeat: no-repeat;margin-left: 0.08rem;width: 20px; height: 20px; line-height: 20px;}

@media only screen and (max-width: 1199px){
.serve-content .serve-box .serve-column{ padding: 0.8rem 1rem 1rem;}
.serve-content .serve-box .serve-column .text{ font-size: 16px;  }
}
@media only screen and (max-width: 992px){
.serve-content .serve-box .serve-column{ padding: 0.8rem 0.6rem  1rem;} 
}
@media only screen and (max-width: 768px){
	.serve-content{ padding-top: 0.5rem;}
	.serve-content .serve-box{min-height: 4.2rem; }
	.serve-content .serve-box .serve-column .more{ margin-top: 0.25rem;}
.serve-content .serve-box .serve-imgage{ width: 2.26rem; }
.serve-content .serve-box .serve-column{ padding: 0.5rem 0.2rem  0.6rem;width: calc(100% - 2.26rem); } 
.serve-content .serve-box .serve-column .main_title{ margin-bottom: 0.2rem;}
.serve-content .serve-box:after{width: 2.19rem; height: 1rem;}
}
@media only screen and (max-width: 498px){
.serve-content .serve-box .serve-imgage{ width: 1.2rem; }
.serve-content .serve-box .serve-column{ padding: 0.4rem 0.15rem  0.5rem;width: calc(100% - 1.2rem); } 

}


.made-content { overflow: hidden; padding: 1rem 0 1.2rem;} 
.made-content .made-box{display: flex; flex-wrap:wrap; }
.made-content .made-box .main_title{ width: 35%; padding-right:0.2rem; margin-bottom: 0;}
.made-content .made-box .main_title .text{-webkit-line-clamp: 8; }

.made-content .made-right{ width: 65%;padding-left: 0.16rem; padding-top: 0.22rem;}
.made-content .made-scroll{position: relative; margin: 0 -0.2rem;   } 
.made-content .made-scroll .swiper{   position: initial; }
.made-content .made-scroll .swiper-slide{padding:0 0.2rem; width:50%;     pointer-events: inherit;list-style: none; } 
.made-content .made-scroll .swiper-slide .image a{ display: block; overflow: hidden; width: 100%;}
.made-content .made-scroll .swiper-slide .image a img{ width: 100%; transition: all .5s;}
.made-content .made-scroll .swiper-slide:hover .image a img{ transform: scale(1.06);}



.made-content .swiper-button-prev,.made-content .swiper-button-next{ position: absolute; 	top: 50%;	z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;  width:46px; height:46px;    background:#ffffff; margin: 0;  background-repeat: no-repeat; background-position: center center; transition: 0.5s; margin-top: -23px; border-radius: 50%;background-image: url("data:image/svg+xml,%3Csvg class='icon' width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M3.95978 5.90881L0 1.94899L1.13137 0.817627L6.22258 5.90881L1.13137 10.9999L0 9.86857L3.95978 5.90881Z' fill='%235b8e31'/%3E %3C/svg%3E"); background-position: center center; background-size:9px auto; background-repeat: no-repeat; box-shadow: 0 3px 11px rgba(0,0,0,0.11);}
.made-content .swiper-button-prev{left:  -5px;transform: rotate(180deg);}
.made-content .swiper-button-next{ right:-5px;}
.made-content .swiper-button-prev:after,.made-content .swiper-button-next:after{ display: none;}
.made-content .swiper-button-next.swiper-button-disabled,
.made-content .swiper-button-prev.swiper-button-disabled { opacity: 0.2;  transition: 0.5s all; cursor: auto; pointer-events: none} 


@media only screen and (max-width: 992px){
	.made-content{padding: 0.8rem 0;}
	.made-content .made-box .main_title .text{     -webkit-line-clamp: 4;}
.made-content .made-box .main_title{ width: 100%; padding-right:0rem; margin-bottom: 0;}
.made-content .made-right{ width: 100%;padding-left: 0rem; padding-top: 0.42rem;}

}

@media only screen and (max-width: 768px){
	.made-content{padding: 0.6rem 0;}
	.made-content .made-scroll{ margin: 0 -0.1rem;   } 
	.made-content .made-scroll .swiper-slide{ padding: 0 0.1rem;}

}

@media only screen and (max-width: 468px){
	.made-content .made-scroll .swiper-slide{ width: 100%;}

}

.clients-content{margin: 0 0.2rem; background: url(../images/bg-clients.jpg) no-repeat center; background-size: cover; border-radius: 12px; overflow: hidden;}
.clients-content .container{ max-width: 100%; padding: 1.18rem 0.7rem 0.7rem; min-height: 7.48rem;}
.clients-content .clients-box{ display: flex; flex-wrap: wrap;}
.clients-content .clients-box .clients-left{ width: 40%;    padding-right: 0.6rem;}
.clients-content .clients-box .clients-left .main_title{  margin-bottom: 0.2rem;}
.clients-content .clients-box .clients-left .main_title .title{color: #fe7729}
.clients-content .clients-box .clients-left .text{font-size: 16px; line-height: 26px; color: #ffffff;  display: -webkit-box;-webkit-line-clamp:9;  -webkit-box-orient: vertical; overflow: hidden;}
.clients-content .clients-box .clients-left .more{font-size: 16px; font-weight: 700; color: #ffffff; display: inline-flex; align-items: center; margin-top: 0.42rem;}
.clients-content .clients-box .clients-left .more:after{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.8129 13.7438L14.8176 6.24528C14.8146 6.1057 14.7841 5.96811 14.7278 5.84042C14.6204 5.58293 14.4158 5.37829 14.1583 5.27088C14.0306 5.21461 13.893 5.18411 13.7535 5.18115L6.25497 5.1858C6.11514 5.18589 5.97667 5.21351 5.84745 5.26711C5.71823 5.3207 5.6008 5.3992 5.50186 5.49814C5.30205 5.69795 5.1897 5.96885 5.18953 6.25125C5.18935 6.53364 5.30137 6.80441 5.50093 7.00397C5.70049 7.20353 5.97126 7.31555 6.25365 7.31537L11.1952 7.30481L5.50028 12.9997C5.30129 13.1987 5.1894 13.4685 5.18922 13.7497C5.18905 14.031 5.30061 14.3006 5.49935 14.4994C5.6981 14.6981 5.96776 14.8097 6.24901 14.8095C6.53026 14.8093 6.80006 14.6974 6.99905 14.4985L12.6939 8.80358L12.6834 13.7451C12.6827 13.8851 12.7098 14.0238 12.763 14.1532C12.8162 14.2826 12.8946 14.4002 12.9935 14.4991C13.0924 14.598 13.21 14.6763 13.3394 14.7296C13.4688 14.7828 13.6075 14.8099 13.7475 14.8092C13.8875 14.8097 14.0262 14.7825 14.1557 14.7291C14.2852 14.6757 14.4028 14.5972 14.5019 14.4981C14.6009 14.3991 14.6794 14.2814 14.7328 14.152C14.7862 14.0225 14.8134 13.8837 14.8129 13.7438Z' fill='%23ffffff'/%3E %3C/svg%3E ");content: ''; display: inline-block;background-repeat: no-repeat;margin-left: 0.08rem;width: 20px; height: 20px; line-height: 20px;}

.clients-content .clients-box .clients-right{ width: 60%;padding-left: 0.6rem; padding-top: 0.39rem;}
.clients-content .clients-box .clients-right .small-title{ font-size: 22px; line-height: 28px; color: #ffffff;margin-bottom: 0.4rem; padding-left: 0.3rem;}
.clients-content .clients-box .clients-right .list{ display: flex; flex-wrap: wrap;  }
.clients-content .clients-box .clients-right .list li{ list-style: none;  width: 50%; padding: 0.43rem 0.3rem;   display: flex;     align-items: flex-start;}
.clients-content .clients-box .clients-right .list li img{ width: 0.34rem; min-width: 0.34rem; display: inline-block;}
.clients-content .clients-box .clients-right .list li .wrap{ width: calc(100% - 0.34rem); padding-left: 0.16rem; }
.clients-content .clients-box .clients-right .list li .title{ font-size: 20px; line-height: 26px; color: #fff; font-weight: 700; } 

@media only screen and (max-width: 1199px){
	.clients-content .container{ padding: 0.8rem 0.7rem ;}
.clients-content .clients-box .clients-left{    padding-right: 0.3rem;}
.clients-content .clients-box .clients-right{ padding-left: 0.3rem;padding-top: 0.1rem; }
.clients-content .clients-box .clients-right .small-title{  padding-left: 0.2rem;}
.clients-content .clients-box .clients-right .list li{ padding: 0.4rem 0.2rem;}
.clients-content .clients-box .clients-right .list li .title{ font-size: 18px;}
}
@media only screen and (max-width: 992px){
.clients-content .clients-box .clients-left{  width: 100%;  padding-right: 0rem;}
.clients-content .clients-box .clients-right{ width: 100%;padding-left: 0rem; padding-top: 0.39rem;}
.clients-content .clients-box .clients-right .small-title{  padding-left: 0rem;}
.clients-content .clients-box .clients-right .list{ margin: 0 -0.2rem;}
.clients-content .clients-box .clients-right .list li{ padding: 0.2rem 0.2rem;}
.clients-content .clients-box .clients-left .more{ margin-top: 0.3rem;}

}
@media only screen and (max-width: 768px){
.clients-content .container{   padding:0.6rem 0.3rem 0.6rem; min-height:5.48rem;}
.clients-content .clients-box .clients-right .small-title{font-size: 20px; margin-bottom: 0.2rem;}
.clients-content .clients-box .clients-right .list{ margin: 0 -0.1rem;}
.clients-content .clients-box .clients-right .list li{ padding: 0.15rem 0.1rem;}
.clients-content .clients-box .clients-right .list li .title{ font-size: 16px; line-height: 20px;}
}
@media only screen and (max-width: 468px){
	.clients-content{ margin: 0 15px;}
.clients-content .container{   padding:0.5rem 0.15rem ; }
.clients-content .clients-box .clients-right .list li { width: 100%;}
}

.about-content{ overflow: hidden; padding: 0.95rem 0 1.05rem;}
.about-content .about-box{ display: flex; flex-wrap:wrap;align-items: center; }
.about-content .about-left{ width: 54%; padding-right: 0.6rem;}
.about-content .about-left  .text{font-size: 16px; line-height: 26px; color: var(--text-word--color);  display: -webkit-box;-webkit-line-clamp:12;  -webkit-box-orient: vertical; overflow: hidden;}
.about-content .about-left .my_more1{ margin-top: 0.64rem;}
.about-content .about-right{ width: 46%; padding-left: 0.36rem;}
.about-content .about-right .image{border-radius: 12px; overflow: hidden;}
.about-content .about-right .image img{ width: 100%;}


@media only screen and (max-width: 1024px){
.about-content .about-right{ padding-left: 0rem;}

}

@media only screen and (max-width: 768px){
.about-content{  padding: 0.5rem 0 ;}
.about-content .about-left{ width: 100%; padding-right: 0rem; margin-bottom: 0.45rem;}
.about-content .about-right{ width: 100%;}
.about-content .about-left .my_more1{ margin-top: 0.3rem;}
}



/*footer*/ 
  
.fotter_top{ display: flex;  justify-content: space-between;  }
.fotter_top .left{ width: 47%; padding-right: 0.9rem;} 
.fotter_top .left>p{ font-size: 0.3rem; line-height: 0.38rem; font-weight: 700; color: #ffffff;}
.fotter_top .left .text{ font-size: 16px; line-height: 24px; color: rgba(255,255,255,0.6);   margin-top: 0.11rem;}
.fotter_top .left .my_more1{  margin-top: 0.4rem; background:var(--zhover-color); box-shadow: 0 6px 30px rgba(0,0,0,0.1);}
.fotter_top .left .my_more1:after{   content: " "; width: 15px; height: 8px;  line-height: 8px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.735' height='7.411' viewBox='0 0 14.735 7.411'%3E %3Cg data-name='Group 867' fill='none' stroke='%23ffffff' stroke-width='2'%3E %3Cpath data-name='Path 618' d='M12.989 3.714H0'/%3E %3Cpath data-name='Path 613' d='M10.737.703l3 3-3 3' stroke-linejoin='round'/%3E %3C/g%3E %3C/svg%3E ");
 transition: 0.5s;  display: inline-block; margin-left: 0.1rem; background-repeat: no-repeat; background-size: 15px;}
.fotter_top .left .my_more1:hover{ background: var(--zmain-color);}
 

.fot-message{ width: 53%; padding-left: 0.13rem;}
.fot-message  
   
.fot-message .ms_btn{background: var(--zhover-color);}
  
.fot-message .ms_btn:hover{background: var(--zmain-color);}

 
 


.footer .container{position: relative;z-index: 5; }
 
.hidden {
	display: none !important;
  }
  
   
.footer{ background:#184140 url(../images/bg-footer.jpg) no-repeat top left; }
.footer_title{ margin-bottom: 0.5rem;}
.footer_content{position: relative;z-index: 994;   padding-bottom: 0.2rem;overflow: hidden;padding-top: 0.7rem;} 
  
.footer .foot_bg{position: absolute;left: 0;top: 0;width: 100%;height: 179px;display: block;background-position: top center;background-repeat: no-repeat; background-size: 100% 179px }
.footer .container{position: relative;z-index: 5;}
.footer .fot_title{position:relative;display:flex; align-items: center; margin-bottom:0.23rem;z-index: 2;}
.footer .fot_title em{display:block;color:#ffffff;font-size:20px;line-height:26px;    font-style: normal; text-transform: capitalize;    font-weight: 700;   } 
.footer ul,.foot_bot ul,.footer ul li,.foot_bot ul li{list-style:none;}
.icon-minus-sign,
 .icon-plus-sign{
	  width:14px;height:14px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;
  }
  .icon-minus-sign:before,
  .icon-minus-sign:after,
  .icon-plus-sign:before,
  .icon-plus-sign:after{
	  content:'';display:inline-block;background:#fff;width:14px;height:2px;margin:2px 0;
  }
  .icon-plus-sign{width:14px;height:14px;}
  .icon-plus-sign:before, .icon-plus-sign:after{width:14px;}
  .icon-plus-sign:after{transform:rotate(90deg) translate(-6px,0px);-webkit-transform:rotate(90deg) translate(-6px,0px);}
  .icon-minus-sign:before{ }
  .icon-minus-sign:after{ display: none;}
  .fot_title .column_icon_toggle {display: none;}
  
  .fot_logo{ margin-bottom: 0.35rem; text-align: left;  }
  .fot_logo a{ display: block;}
  .fot_logo img{max-width:2.74rem;}
   
  
.footer .social_icons{padding-top: 0;margin-top: 0.27rem; float: none; display: flex;}
.footer .social_icons li{padding: 0;margin: 0  8px 0 0; }
 
.footer .social_icons li a{ display: block;}
.footer .social_icons li a img{width:32px ;}
	
   
  
  .footer_content_box{ display: flex;flex-wrap: wrap; margin-top: 0.49rem;padding-top: 0.48rem; border-top: 1px solid rgba(255,255,255,0.1);}
  .footer_left{ width: 72%; padding-top: 0.42rem}
 
  
.fot_con{float: left;width:34%; position: relative;z-index: 2;  padding-right: 0.9rem } 
.fot_con .add_text{  display: inline-flex;  }  
.fot_con .add_text p{color:rgba(255,255,255,0.6); font-size: 16px;font-weight: 600;line-height: 24px; }
.fot_con .line{ height: 1px; width: 100%; background: rgba(255,255,255,0.12); margin-top: 0.47rem; margin-bottom: 0.22rem;}
.fot_con .list li{display: block; line-height:24px;}
.fot_con .list li span{font-size:16px;line-height: 24px;color: rgba(255,255,255,0.6);  margin-bottom: 0.13rem;display: block;}
.fot_con .add_text i{margin-top: 4px; margin-right: 10px; min-width: 24px; width: 24px; height: 24px; display: inline-block;     background-size: 24px auto;   background-repeat: no-repeat; background-position: center center;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 1.00924C10.8045 0.954376 9.61039 1.14435 8.49422 1.567C7.37805 1.98964 6.36437 2.63565 5.51807 3.46366C4.67177 4.29168 4.0115 5.28346 3.57952 6.37551C3.14754 7.46757 2.95337 8.63584 3.00944 9.80554C3.00944 12.5764 5.25708 15.3032 6.3809 16.4028C7.50472 17.5023 12 23 12 23C12 23 16.4953 17.5023 17.6191 16.4028C18.7429 15.3032 20.9906 12.5764 20.9906 9.80554C21.0466 8.63584 20.8525 7.46757 20.4205 6.37551C19.9885 5.28346 19.3282 4.29168 18.4819 3.46366C17.6356 2.63565 16.622 1.98964 15.5058 1.567C14.3896 1.14435 13.1955 0.954376 12 1.00924ZM12 13.379C11.2776 13.379 10.5715 13.1695 9.97083 12.7768C9.37019 12.3841 8.90205 11.826 8.62561 11.1731C8.34917 10.5201 8.27684 9.80158 8.41777 9.10839C8.55869 8.4152 8.90655 7.77846 9.41735 7.2787C9.92815 6.77893 10.5789 6.43859 11.2874 6.30071C11.9959 6.16282 12.7303 6.23359 13.3977 6.50406C14.0651 6.77453 14.6355 7.23255 15.0369 7.82021C15.4382 8.40787 15.6524 9.09877 15.6524 9.80554C15.6524 10.2748 15.5579 10.7395 15.3744 11.1731C15.1908 11.6066 14.9218 12.0006 14.5826 12.3324C14.2435 12.6642 13.8408 12.9274 13.3977 13.107C12.9546 13.2866 12.4796 13.379 12 13.379Z' fill='%23fe7729'/%3E %3C/svg%3E ");}
  
.fot_con .list li p{ color:rgba(255,255,255,0.6); font-size: 18px;font-weight: 600; line-height: 20px; display: flex;align-items: center;margin-bottom: 0.11rem; }
.fot_con .list li p a{color:rgba(255,255,255,0.6); } 
.fot_con .list li p a:hover{ text-decoration: underline;}
.fot_con .list li p i{ margin-right: 10px; min-width: 24px; width: 24px; height: 24px; display: inline-block;     background-size: 24px auto;   background-repeat: no-repeat; background-position: center center;}
.fot_con .list li p i.icon-tel{background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cmask id='mask0_2699_2747' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='1' y='1' width='22' height='22'%3E %3Cpath d='M1 1H23V23H1V1Z' fill='white'/%3E %3C/mask%3E %3Cg mask='url(%23mask0_2699_2747)'%3E %3Cpath d='M14.0726 1.1611L13.4126 1.06847C11.4291 0.782071 9.40498 1.0654 7.5763 1.88544C5.74763 2.70547 4.18972 4.02842 3.08421 5.70005C1.90797 7.29792 1.20678 9.19543 1.06134 11.1742C0.915906 13.153 1.33213 15.1326 2.2621 16.8853C2.35728 17.061 2.41654 17.2538 2.43642 17.4526C2.4563 17.6514 2.4364 17.8522 2.37789 18.0432C1.90316 19.6758 1.46316 21.32 1 23.0453L1.57895 22.8716C3.14211 22.4548 4.70526 22.0379 6.26842 21.6558C6.59835 21.5872 6.94129 21.6195 7.25263 21.7485C8.65507 22.4329 10.1877 22.8095 11.7476 22.8529C13.3076 22.8962 14.8588 22.6054 16.2971 22C17.7354 21.3945 19.0275 20.4884 20.0869 19.3425C21.1462 18.1965 21.9481 16.8373 22.4388 15.3559C22.9296 13.8745 23.0978 12.3053 22.9321 10.7536C22.7665 9.20183 22.2708 7.70348 21.4785 6.35907C20.6861 5.01465 19.6153 3.85528 18.338 2.95876C17.0606 2.06224 15.6063 1.4493 14.0726 1.1611ZM16.9905 16.3527C16.5697 16.7294 16.0565 16.9879 15.5033 17.1019C14.95 17.2158 14.3765 17.181 13.8411 17.0011C11.4148 16.3179 9.30976 14.7956 7.90105 12.7053C7.36296 11.966 6.93039 11.1554 6.61579 10.2969C6.44541 9.79873 6.41468 9.26343 6.52695 8.74905C6.63921 8.23467 6.89018 7.76086 7.25263 7.37899C7.42908 7.1538 7.66925 6.98697 7.94187 6.90022C8.21449 6.81348 8.50692 6.81085 8.78105 6.89268C9.01263 6.95057 9.17474 7.28636 9.38316 7.5411C9.55221 8.01931 9.75021 8.4871 9.97368 8.94215C10.1432 9.17432 10.214 9.46413 10.1706 9.74832C10.1273 10.0325 9.9732 10.288 9.7421 10.459C9.22105 10.9221 9.3021 11.3043 9.67263 11.8253C10.4918 13.0054 11.6221 13.9353 12.9379 14.5116C13.3084 14.6737 13.5863 14.7085 13.8295 14.3264C13.9337 14.1758 14.0726 14.0485 14.1884 13.9095C14.86 13.0643 14.6516 13.0758 15.7168 13.539C16.0561 13.6814 16.3849 13.8482 16.7011 14.0369C17.0137 14.2221 17.4884 14.419 17.5579 14.6969C17.6247 14.9984 17.6071 15.3124 17.507 15.6046C17.4069 15.8967 17.2282 16.1556 16.9905 16.3527Z' fill='%23fe7729'/%3E %3C/g%3E %3C/svg%3E ");}
.fot_con .list li p i.icon-email{background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M21.002 12.13C20.852 12.14 20.712 12.19 20.612 12.3L19.612 13.3L21.662 15.3L22.662 14.3C22.882 14.09 22.882 13.74 22.662 13.53L21.422 12.3C21.322 12.1964 21.1858 12.1354 21.042 12.13M19.042 13.88L13.002 19.94V22H15.062L21.122 15.93M20.002 4H4.00195C3.47152 4 2.96281 4.21071 2.58774 4.58579C2.21267 4.96086 2.00195 5.46957 2.00195 6V18C2.00195 18.5304 2.21267 19.0391 2.58774 19.4142C2.96281 19.7893 3.47152 20 4.00195 20H11.002V19.11L19.242 10.89C19.712 10.4 20.362 10.13 21.042 10.13C21.382 10.13 21.722 10.19 22.042 10.32V6C22.042 4.88 21.122 4 20.002 4ZM20.002 8L12.002 13L4.00195 8V6L12.002 11L20.002 6' fill='%23fe7729'/%3E %3C/svg%3E ");}


  .fot_nav{float: left;width:15%;}
  .fot_nav li{margin-bottom:0.18rem;line-height: 26px;}
  .fot_nav li a{position: relative;display:block;font-size:16px;color:rgba(255,255,255,0.6);transition:all .5s;line-height:26px;text-transform: capitalize;   border-left: 1px solid rgba(255,255,255,0.12); padding-left: 0.15rem; }
  .fot_nav li a:hover{color:#fff;}
  
  
   
  .fot_pro{float: left;padding-right: 0.2rem;width:25%;}
  .fot_pro li{margin-bottom:0.18rem;line-height: 26px;}
  .fot_pro li a{position: relative;display:block;font-size:16px;color:rgba(255,255,255,0.6);transition:all .5s;line-height:26px;text-transform: capitalize;   border-left: 1px solid rgba(255,255,255,0.12); padding-left: 0.15rem; }
  .fot_pro li a:hover{color:#fff;}
  
  .fot_tags{float: left;padding-right: 0.2rem;width:26%;}
  .fot_tags li{margin-bottom:0.18rem;line-height:26px;}
  .fot_tags li a{position: relative;display: block;font-size:16px;color:rgba(255,255,255,0.6);transition:all .5s;line-height:26px;text-transform: capitalize;   border-left: 1px solid rgba(255,255,255,0.12); padding-left: 0.15rem; }
  .fot_tags li a:hover{color:#fff;}
  
   
  
.footer_right{ width:29%} 
 

 
.footer-bottom .footer_box{ display: flex; align-items: center;  justify-content: center;   padding: 0.28rem 0rem; border-top: 1px solid rgba(255,255,255,0.12);}
.footer-bottom{text-align:center;position:relative;z-index: 10;  margin-top: 0.46rem; }
.footer-bottom .copy{color:rgba(255,255,255,0.6);font-size:14px; text-align: center;  margin-top: 0;display: flex;flex-wrap: wrap;     justify-content: center; }
.footer-bottom .copy p{margin: 0; display: inline-block;color:rgba(255,255,255,0.6);  }
.footer-bottom .copy a{color:rgba(255,255,255,0.6);  font-size:14px;display: inline-block;margin: 0 3px;  }
.footer-bottom .copy span , .footer-bottom .copy span a{color:#fff;  text-decoration: underline;}
.footer-bottom .copy a:hover , .footer-bottom .copy span a:hover{color:#fff;}
.footer-bottom .foot_ipv6{display:inline-flex;align-items: center;color:rgba(255,255,255,0.6);  font-size:14px;}
.footer-bottom .foot_ipv6 img{max-width:36px;margin-left:5px;}
   
.footer-bottom .fot_link{color:rgba(255,255,255,0.6);  line-height: 20px;display: inline-flex;text-transform: capitalize; flex-wrap: wrap; }
.footer-bottom .fot_link a{color:rgba(255,255,255,0.6);  font-size:14px;display: inline-block;  }
.footer-bottom .fot_link em{ display: inline-block;margin: 0 0.06rem;}
.footer-bottom .fot_link a:hover{color:#fff;}
.footer-bottom .friendly p{margin:0;display: inline-block;color:rgba(255,255,255,0.6);  font-size:14px; }
.footer-bottom .friendly{display: inline-flex; align-items: center;flex-wrap: wrap; }
.footer-bottom .friendly a{color:rgba(255,255,255,0.6);  font-size:14px;display: inline-block;margin: 0 0.06rem;}
.footer-bottom .friendly a:hover{color: #fff;}
.footer-bottom em{ font-style: normal; display:inline-block; margin: 0 0.02rem}
  


   
@media only screen and (max-width: 1499px) { 
	  .fot_con{ padding-right: 0.6rem}
	  .fotter_top .left{ max-width: 700px;}
	  .fotter_top .left .text{ font-size: 18px;} 
 }
   
@media only screen and (max-width: 1199px) { 

	.fotter_top .left{ max-width: 500px;}


}
   
  @media only screen and (max-width: 1024px) {
	  .fot_started .fot_started_box{ display: none;}
	  
	  .fot_pro,.fot_nav,.fot_tags,.fot_scan,.letter_content{display: none;} 
	  .footer .container{ padding: 0 0.15rem}
	  .footer .fot_title{ margin-bottom: 0.1rem;}
	  .fot_con{ margin-top: 0;width: 100%; padding-right: 0}
	  .fot_con .add_text{ margin-top: 0;}
	  .fot_sub{width: 100%; margin-top: 0.4rem;}
	  .fot_sub .letter-input{ margin-top: 0.2rem;}
	  .footer_left{ width: 100%; padding-top: 0}
	  .footer_right{ display: none}
	  .footer-bottom{ margin-top: 0.4rem}.fot_letter{ margin-top: 0.3rem; width: 100%}
	  .footer-bottom .footer_box{ display: block;}
	  .fotter_top .left{max-width: 100%;width: 100%;}
	  .fotter_top{ flex-wrap: wrap;}
	  
  }
  
  @media only screen and (max-width: 768px) {
	  .footer_content{ padding-top: 0;} 
	  .footer-bottom  .footer_box{ padding-bottom: 0.88rem} 
	  .fotter_top{ display: none;} 
	  .footer_content_box{ margin-top: 0; padding-top: 25px; border-top: none;}
	  .fotter_top .left .text{ font-size: 16px;}
	  .fotter_top .left>p{ font-size: 0.28rem; line-height: 0.32rem;}
	  .fotter_top .main_more{ margin-top: 0.25rem; height: 42px; line-height: 42px;}
	  .fot_con .list li a{ font-size: 18px;}
	  .fot_con .line{ margin-top: 0.2rem; 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: 'FontAwesome';content: "\f106";text-align: center;
line-height: 0.46rem;font-size: 0.24rem;color:var(--zmain-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(--zmain-color);stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear;
transition: all 200ms linear;}


#whatsapp{z-index:99998;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:50px;height:50px;display: flex;align-items: center;justify-content: center;transition: all .5s ease;    padding-top: 3px;}
#whatsapp_tab #floatShow2 .online_icon i{ line-height:50px; font-size: 0.2rem; color: #fff;}
#whatsapp_tab #floatShow2 .online_icon svg{width: 29px;height: 29px;fill: var(--zmain-color);transition: all .5s ease;}
#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:16px; text-transform:capitalize; font-weight: 700;}
#whatsapp_tab #floatShow2:hover{margin-right:0;}
#whatsapp_tab #floatHide2{font-family: "FontAwesome";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:none; cursor: pointer;}
#whatsapp_tab #floatHide2:after{border-radius: 0;color:#999;font-family: "FontAwesome";font-size:20px; content: "\f00d";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:0.2rem; font-weight: 700;}
#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;font-weight: 500;}

#whatsapp .inquiry{ padding: 0.2rem; background: #fff; font-size: 13px;}
#whatsapp .inquiry .p{ font-size: 14px; color: #777; line-height: 20px; margin-bottom: 0.1rem; margin-top: 0;}
#whatsapp .inquiry ul li input{ height: 50px; line-height: 48px; font-size: 14px;}
#whatsapp .inquiry ul li textarea{   font-size: 14px;}
#whatsapp .ms_btn{ padding: 0 0.4rem; height: 46px; line-height: 46px; }

@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: 0.18rem;}
}
@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;border:none}
	#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;}
	#whatsapp_tab #floatHide2{ background: var(--zmain-color);}
	.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;}
	#onlineService2 .con_btn{ padding-bottom: 15px;}
}


/*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;}
}


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


.n_main{  padding: 0.6rem 0 0.8rem; background: #fff ; font-size: 16px;}
.n_main .counter{ display: none !important;}
.n_left{float: left; width:25%; position: relative;}
.n_right{float: right; width: 75%; padding-left: 0.5rem; }
.n_left2{float: left; width:25%; position: relative;}
.n_right2{float: left; width:75%;  padding-left: 0.5rem;}
@media only screen and (max-width:1300px) {
.n_left{float: left; width:25%; position: relative;}
.n_right{float: right; width: 75%; padding-left: 0.5rem;}
.n_left2{float: left; width: 25%; }
.n_right2{float: left; width:75%;  padding-left: 0.5rem;}
}
@media only screen and (max-width:992px) {
.n_main{ padding:0.4rem 0;}
.n_left{width: 100%; padding-right: 0;}
.n_right{width: 100%; padding: 0; margin-top: 0.2rem;}
.n_left2{width: 100%; margin-bottom: 0.2rem; padding-left: 0;}
.n_right2{width: 100%; padding: 0;}
}
@media only screen and (max-width: 768px) {
.n_main{font-size: 14px;}
}

@media only screen and (min-width:992px) {
.n_main>.flex{ display: flex;}
.sidebar {flex-shrink: 0;height: fit-content;position: sticky;top: 108px;}
 
}

.n_banner{ position: relative; z-index: 666; min-height: 60px; background-color: #ededed;  overflow: hidden;}
.n_banner img{width: 100%;}
.n_title{ color:#333; text-transform:capitalize;font-size: 0.32rem; line-height: 0.4rem; z-index: 999; z-index: 9;padding-bottom: 0.2rem; position: relative; padding-bottom:20px; margin-bottom: 15px; font-weight: 700;font-family: var(--main-title-font);}
.n_title{ padding-left: 20px; padding-bottom: 0;}
.n_title:after{background:var(--zmain-color); content: ''; position: absolute; left: 0; top: 50%; height: 24px; width: 5px; margin-top: -10px; margin-left: 0;}
.n_title.tc{margin-bottom: 30px; padding-bottom: 10px; padding-left: 0;}
.n_title.tc:after{width: 30px; height: 4px; left: 50%; margin-left: -15px; top: auto; bottom: 0;}

.breadcrumb{position:relative;  width: 100%; z-index: 99999; overflow: hidden;}
.breadcrumb .mbx{position: relative;  display: flex; align-items: center; flex-wrap: wrap; padding: 12px 0; margin: 0;}
.breadcrumb .mbx li{ list-style: none;}
.breadcrumb span{ margin-right: 0.04rem; color:var(--zmain-color);}
.breadcrumb i{ color:var(--zmain-color); margin: 0px 0.1rem;}
.breadcrumb a,.breadcrumb h2,.breadcrumb a, .breadcrumb p{ font-size:15px; color: #666; display: inline-block; text-transform: capitalize;}
@media only screen and (max-width:992px) {
.n_banner{ min-height:0; padding:0;}
.breadcrumb{ text-align: center; }
.n_title{ display: none;}
.breadcrumb .mbx{ float: none; margin: 0;}
}

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

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

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

/*mes_section*/
.contact{ background: #fff; padding: 0.5rem; border-radius: 10px; margin-bottom: 0.4rem;}
.page_bg{  background: #f7f7f7;  background-size: cover;}
.page_bg .page_main:after{box-shadow: 0 14px 25px rgba(0,0,0,.06); background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 50%;}
.contact_info{position:relative;z-index:2;}
.contact_info ul{list-style:none;padding:0;display: flex; flex-wrap: wrap;}
.contact_info ul li { width: 33.3%;}
.contact_info ul li .column{transition:all .5s;padding:0.2rem;position: relative;z-index: 5; height: 100%; border-radius: 10px; background: #fff;display: flex;align-items: center; margin-bottom: 20px; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.contact_info ul li .column:before , .contact_info ul li .column:after {content: ''; position: absolute; bottom: 0; left: 0.5rem; height: 30px; width: 1px;   background: #eee; z-index: 1;}
.contact_info ul li .column:after {	bottom: auto;top: 0;}
.contact_info ul li em{display: block;font-size:20px; font-style: normal;text-transform:capitalize;color:#333; margin-top: -0.1rem; font-weight: 700;}
.contact_info ul li .txt{line-height:0.2rem; padding:0;width:100%;text-transform:uppercase;margin-top:15px;display: block;}
.contact_info ul li .icon{width: 0.6rem;height: 0.6rem;position: relative;z-index: 4;top:0;display:inline-flex;align-items: center;justify-content: center; margin: 0.3rem 0; flex-shrink: 0; text-align: center; margin-right: 0.3rem;}
.contact_info ul li .icon svg{ fill:#fff; font-size: 0.4rem; height: 0.4rem;}
.contact_info ul li .icon path{fill:#fff; }
.contact_info ul li .icon:after{content:'';width:100%;height:100%;top:0;left:0;position: absolute;z-index: -1;border-radius:10px;-webkit-transition: all .5s;transition: all .5s; background:var(--zmain-color);box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, .2);}
.contact_info ul li:hover .icon:after{border-radius:50%;}
.contact_info ul li .icon:before{content:'';top:-0.05rem;bottom:-0.05rem;right:-0.05rem;left:-0.05rem;border-radius: 50%;border:1px solid #ccc;transition:all .5s;position: absolute;z-index: -1;opacity: 0;filter: alpha(opacity=0);}
.contact_info ul li:hover .icon:before{left:-0.1rem;right:-0.1rem;bottom:-0.1rem;top:-0.1rem;opacity: 0.5;filter: alpha(opacity=50);}
.contact_info ul li .icon i{display: inline-block;transition:all .5s;width:0.48rem;height:0.48rem; line-height: 0.48rem; font-size: 0.3rem; color: #fff;}
.contact_info ul li:hover .icon i{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);
transform:scaleX(-1);filter:FlipH; transform: rotateY(180deg);}
.contact_info ul li p{font-size:15px;line-height:24px;margin:0;margin-bottom:0.05rem;color:#4d4d4d;}
.contact_info ul li p a:hover{color:#666;}
.contact_bg .n_title:after{display: none;}
.contact .main_title{ margin-bottom: 20px;}
.contact .con_sns a{ background: var(--zhover-color); display: inline-block;}

.message_main  { margin-top: 0.4rem;}
.con_other{ display: inline-block; text-align: left; padding-bottom: 0.6rem;}



@media only screen and (max-width:768px) {
	.contact{ padding:0.25rem 0.15rem 0.4rem;}
	.contact .mess_main{ margin-bottom: 20px;}
	.contact_info ul li .column{ margin-bottom: 0;}
	.contact_info ul{display: block;}
	.contact_info ul li .column:before, .contact_info ul li .column:after{ left: 38px;}
	.contact_info ul li{margin-bottom: 10px;width: 100%;}
	.contact_info ul li em{ font-size: 16px;}
	.contact_info ul li p{font-size: 14px; line-height: 20px;}
}

.n_case ul li{ padding:0; margin-bottom: 0;}

.n_honor ul.honor-list { display: flex; flex-wrap: wrap;margin: 0 -0.2rem; }
.n_honor ul.honor-list li{ list-style: none; float: left; width: 20%; padding: 0px 0.2rem; text-align: center; margin-bottom: 0.3rem;}

.n_honor ul.honor-list li .li{ position: relative; display: inline-block;} 
.n_honor ul.honor-list li img{border: 1px solid #eee; box-shadow: 0 0 30px rgba(0,0,0,0.1);width: 100%;}
.n_honor ul.honor-list li p{font-size: 18px; margin-top: 10px;  color: #333; font-weight: 700;}

@media only screen and (max-width:992px) { 
.n_honor ul.honor-list{ margin: 0 -0.1rem;}
.n_honor ul.honor-list li{ width: 33.33%; padding: 0 0.1rem;} 
}

@media only screen and (max-width:400px) {
.n_honor ul.honor-list li{ width: 50%;} 
}


.section_title{ font-size:0.3rem; color:#333; text-transform:capitalize; font-family: var(--main-title-font); line-height: 30px; position: relative;  font-weight: 700; margin-bottom: 10px;}
.section_title img{ float: left;}
@media only screen and (max-width:992px) {
.section_title{font-size: 22px; letter-spacing: 0; margin-bottom:5px;}
}


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

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

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

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

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

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


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


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


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



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

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

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

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

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

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


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

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

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

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


.tags_ul{ margin: 0.2rem 0; border-top: 1px solid #eee; padding-top: 0.2rem;}
.tags_ul span{  text-transform:capitalize; color:#333; margin-right:0.06rem; font-size:16px; font-weight: 700;}
.tags_ul h2{ display: inline-block;}
.tags_ul a{ display:inline-block; text-transform: capitalize; background:#ededed; font-size: 14px; margin: 1px; color: #333; border-radius: 4px;min-height: 36px; padding: 6px 17px; line-height: 24px;}
.tags_ul i{margin-right: 10px; color: var(--zmain-color);}
.tags_ul a:hover{ background:var(--zmain-color); color: #fff;}
@media screen and (max-width: 992px) {
	.tags_ul{ width:100%;}	
}

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

.rel_blog{ margin-top: 0.4rem;}
.rel_blog .blog_title{display: block; line-height: 24px; max-height: 48px; overflow: hidden; font-size: 18px;font-weight: 600; color: var(--word--color);}
.rel_blog .title_h4{line-height: 42px; font-size:32px; position:inherit; text-transform:capitalize;position: relative; padding: 0;  background-size: cover; color: var(--word--color); font-weight: 700; padding-bottom: 15px; font-family:var(--main-title-font); display: flex;}
.rel_blog ul { margin: 0 -10px;}
.rel_blog ul li{ list-style: none; padding: 0 10px; float: left; width: 50%; margin-bottom: 20px;}
.rel_blog ul li .li{    border-top: 2px solid var(--zmain-color); background: #fff; padding: 20px 15px; transition: 0.5s; box-shadow: 0 10px 25px rgba(0,0,0,0.08);}
.rel_blog ul li .li .text{ line-height: 24px; max-height: 48px; overflow: hidden; font-size: 16px;  color: var(--text-word--color);}
.rel_blog ul li .li  .news_day{ color:#6d6d6d}

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

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


@media screen and (max-width: 768px) {
.rel_blog ul li {width: 100%;}
.rel_blog .title_h4{ font-size: 24px; line-height: 32px;}
.rel_blog .blog_title{ font-size: 16px;}
}

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

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


/* From Uiverse.io by dylanharriscameron */ 
.cbp-vm-switcher ul li .img{ position: relative;padding: 0;}
.cbp-vm-switcher ul li .img img{ background: #fff; position: relative; z-index: 2; border-radius: 0;}
 
@keyframes blob-bounce {
0% {transform: translate(-100%, -100%) translate3d(0, 0, 0);}
25% {transform: translate(-100%, -100%) translate3d(100%, 0, 0);}
50% {transform: translate(-100%, -100%) translate3d(100%, 100%, 0);}
75% {transform: translate(-100%, -100%) translate3d(0, 100%, 0);}
100% { transform: translate(-100%, -100%) translate3d(0, 0, 0);}
}


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

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

/*list1*/
.cbp-vm-view-grid ul{margin: 0 -10px; display: flex; flex-wrap: wrap;}
.cbp-vm-view-grid ul li {margin-bottom: 20px;}
.cbp-vm-view-grid ul li .li{ transition: 0.5s;}
.cbp-vm-view-grid ul li {width:25%;text-align: left;vertical-align: top;  padding: 0 10px;}
 
.cbp-vm-view-grid ul li .tags_ul{ display: none;}
.cbp-vm-view-grid ul li .p{ line-height: 24px; height: 48px; overflow: hidden; color: #808080; margin: 10px 0; display: none;}
.cbp-vm-view-grid ul li .li .text .my_more1{margin-top: 0.15rem; height: 42px; line-height: 42px;   box-shadow: none;  }
.cbp-vm-view-grid ul li .li .text .my_more1:after{ display: none;} 
.cbp-vm-view-grid ul li .text{ position: relative; z-index: 9;}
/*list2*/
.cbp-vm-view-list li {text-align:left;white-space:normal;  margin-bottom:0; }
.cbp-vm-view-list li .i_more{ margin-top:0px; }
.cbp-vm-view-list ul{display: flex; flex-wrap: wrap;  margin: 0 -0.15rem;}
.cbp-vm-view-list li{ margin-bottom: 0.2rem;width: 50%; padding: 0 0.15rem;}

 
.cbp-vm-view-list li:before, .cbp-vm-view-list li:after { content: " "; display: table;}
.cbp-vm-view-list li:after { clear: both; }
 
.cbp-vm-view-list ul li .title{ max-height: 48px; height: auto; font-size: 18px;}
.cbp-vm-view-list ul li .p{color:#666;overflow:hidden; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; line-height: 26px; height: 52px; margin-top: 8px; font-size: 16px;}
.cbp-vm-view-list ul li .li{ display: flex;flex-wrap: wrap;  align-items: center;    background: #fff;  padding: 10px 10px 15px 20px;  box-shadow: 0 0 25px 3px rgba(0, 0, 0, 0.08);    flex-direction: row-reverse; }
.cbp-vm-view-list ul li .li .my_more1{ height: 42px;}
.cbp-vm-view-list ul li .inquiry_btn{ left: auto; right: 20px; padding-left: 15px; padding-right: 40px;}
.cbp-vm-view-list ul li .checkbox-tile:before{ left: auto; right: 40px;}
.cbp-vm-view-list ul li .img{ border-bottom:none; flex-shrink: 0; width: 40%;margin-bottom: 0;  }
.cbp-vm-view-list ul li .text{ position: relative; z-index: 9;width: 60%;   padding: 0.1rem 0.3rem 0.1rem 0.1rem;}
.cbp-vm-view-list ul li .tags_ul{ margin-bottom: 0;} 

 
@media only screen and (max-width:992px) {
	.cbp-vm-view-list ul li{ width: 100%;} 
}

@media only screen and (max-width:768px) {
	.cbp-vm-options{display: none;}
	.cbp-vm-view-grid ul li {width:50%;text-align: left;vertical-align: top;float:left; padding: 0 10px;}
	.pro_main ul li .title{font-size: 14px;}
	.cbp-vm-view-list ul li .title{ font-size: 16px;}
}
@media only screen and (max-width: 618px) {
.cbp-vm-view-list ul li .li{ padding: 0.15rem;}
.cbp-vm-view-list ul li .img{ width: 100%;}
.cbp-vm-view-list ul li .text{ width: 100%;padding-left: 0rem;}  

.cbp-vm-view-list li:nth-child(2n+2) .li .text{ padding-right: 0rem; padding-left: 0rem;}
}
@media only screen and (max-width:400px) {
	.cbp-vm-view-grid ul li{width: 100%;}
}

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

.news_left ul li:hover .post-image-mask span, .news_left ul li:hover .post-image-mask:after,.news_left ul li:hover .post-image-mask:before{
	opacity: 1;-webkit-animation: wd-fadeInLeft .3s ease;
    animation: wd-fadeInLeft .3s ease;
}
.news_left:hover .post-image-mask:before,
.news_left:hover .post-image-mask:before,
.news_left:hover .post-image-mask:before{
	transition-delay: .2s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.news_left:hover .post-image-mask span,

.news_left:hover .post-image-mask span,
.news_left:hover .post-image-mask span{
	transition-delay: .1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}


.news  ul.news-list { display: flex; flex-wrap: wrap;}
.news  ul.news-list li{float: left; list-style: none; margin-bottom: 0.3rem;}
.news  ul.news-list li .li{ border: 1px solid #eee; background: #fff; border-radius: 5px; display: flex;align-items: flex-start;position: relative; transition: 0.5s all; overflow: hidden; padding: 0.1rem;}
.news .img{ width:40%; overflow:hidden; display:block; position:relative;transition: 0.5s all; flex-shrink: 0;}
.news .text{ width:100%;transition: 0.5s all; color:#555; max-height:48px; overflow:hidden; line-height:24px; margin-top:10px; font-size: 16px;}
.news .img img{ width:100%;}
.news .li .title{ line-height: 24px; font-size: 18px; height: 48px; color:#333; display:block; overflow:hidden; font-weight: 700;} 
.news  ul.news-list li{ list-style:none; margin-bottom:0.3rem;  transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; }
.news  ul.news-list li:nth-child(2n+1){ clear: both;}
.news  ul.news-list li:last-child{ margin-bottom: 0;}
.news  ul.news-list li .news_date{writing-mode: vertical-lr; transform: rotate(180deg); text-transform: uppercase; color: #fff; line-height: 42px; background: #83bb41; height: 106px; text-align: center; position: absolute; left: 0; top: 0;}
.news  ul.news-list li .li .main{ padding-left: 0.3rem;width: 60%;}
.news  ul.news-list li p{}
.news  ul.news-list li:hover .title{ color: var(--zmain-color);}
.news  ul.news-list li:hover .img{background: #000;}
.news  ul.news-list li:hover .img img{transform: scale(1.1); opacity: 0.7;}
.news  ul.news-list li .img{ position: relative; flex-shrink: 0;}
.news  ul.news-list li .img a{ display: block; line-height: 0; overflow: hidden;}
.news  ul.news-list li .img img{ width: 100%;}

.page_blog_detail{ overflow: initial;}
.blog_title{ color: #333; font-size: 24px; line-height: 30px; font-weight: 700;}
.blog-info i{ margin-right: 0.06rem; color: #aaa;}
.page_detail{border: 1px solid #eee; background:#fff;}
.page_detail .main{ border-top: 1px solid #eee; padding: 0.3rem; padding-bottom: 0;}
.page_title{padding: 0.2rem 0.3rem;}

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

@media screen and (max-width: 1198px) {
.blog_title{   font-size: 18px; line-height:26px; }
}
@media screen and (max-width: 768px) {
.blog_editor{ display: block;}
.blog_editor .img{ margin: 0 auto 15px;}
.blog_editor .text{ padding-left: 60px; background-position: 0 0;}
.blog_editor .text:after{display: none;}
.page_detail .main{ padding: .3rem 0.15rem;}
.page_title{ padding: 0.2rem 0.15rem;}
}

.news2 ul li .li{display: block;}
.news2 ul li .li .main{ padding: 0; margin-top: 10px;}
.news2 .img{width: 100%;}
.news2 .text{width: 100%; margin-top: 10px; padding-left: 0;}

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

}

@media screen and (max-width: 768px) {
.news .row{ margin: 0 -5px;}
.news ul.news-list li{ width: 50%; padding: 0 5px;}
.news ul.news-list li .li{ padding: 5px ;} 
.news .li .title{ font-size: 16px;}
}

@media screen and (max-width: 460px) { 
.news ul.news-list li .li{ display: block;}
.news ul.news-list li .img{ width: 100%; margin: 0; float: none; margin-bottom: 0.15rem;}
 
}


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

}

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


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


/* CSS for the loading div */
.pro_page{ position: relative; z-index: 555; background: #fff;display: flex; padding:0; margin-top: 0.5rem;}
.pro_page .prom_img{ width:45%; position: relative; float: left;}
.pro_page .main_text{ width:55%; padding-left: 0.3rem; float: left;}
.pro_right{ float: left; width: 70%;}
.pro_left{ float: left; width: 30%; padding-left: 0.5rem;}

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

.prom_img{padding:0;text-align:center;padding-right:0;border-radius: 0;}
.prom_img .swiper-slide{ position: relative; display: inline-block; }
.prom_img #pro_img_gallery{ overflow: inherit; border: 1px solid #eee; padding-right: 1px; background: #fff;overscroll-behavior: contain;}
.prom_img #pro_img_gallery .swiper-slide{opacity: 0 !important; z-index: -1; padding: 8px; }
.prom_img #pro_img_gallery .swiper-slide-active{  opacity: 1 !important; z-index: 3;}
.prom_img #pro_img_gallery .swiper-slide img{width: 100%;}
.cloud-zoom-lens{ background:#000  !important;  opacity: 0.1 !important;}

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


.swiper_vertical{ padding-left: 1.2rem; position: relative;}
#pro_img_thumbs{padding-right: 1px;}
#pro_img_thumbs .swiper-slide{border-radius: 0;overflow: hidden;cursor: pointer;border: 1px solid #eee;padding: 0;}
#pro_img_thumbs .swiper-slide-thumb-active{border: 1px solid var(--zmain-color) ; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
#pro_img_thumbs .swiper-slide.swiper-slide-thumb-active img{border-color: var(--zmain-color);}
@media only screen and (min-width: 1260px){
	#pro_img_thumbs{ position: absolute; left: 0; top: 0; width:1.1rem; height:100%;}
	#pro_img_thumbs .swiper-wrapper{display: block;}
}
#pro_img_thumbs .swiper-slide{ height: 25%; display: flex;align-items: center;justify-content: center;}
#pro_img_thumbs .swiper-slide a{ display: flex;    justify-content: center; align-items: center;background: #fff; width: 100%; height: 100%;}
#pro_img_thumbs .swiper-slide a img{ height: 100%;}
/* #pro_img_thumbs .swiper-slide img{ height: 100%; width: 100%; object-fit: cover;} */

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

/*pro_detail*/
.pro_page a, .pro_page button {color: inherit;display: inline-block;line-height: inherit;text-decoration: none;cursor: pointer;}
.pro_page .clearfix:after {display: block;clear: both;content: ""}
.d-none {display: none!important}
.pro_page a{ display: block;}
.pro_page .thumb img{ width: 100%;}

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

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

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


.main-more{ text-align:left !important; margin-top:10px;}
.pro_more{margin-bottom: 20px; display: flex; flex-wrap: wrap;}
 
.pro_more .my_more1{   height: 50px;  line-height: 50px;}
.pro_more .my_more1 i{ margin-left: 0.1rem;}
.pro_more a:before {position: absolute;content: '';opacity: 0;top: 0;left: 0;background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 71%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);width: 30%;height: 100%;transform: skew(-10deg,0deg);animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;}
@keyframes move{
0%{left:0;opacity:0}5%{opacity:.0}
48%{opacity:.2}80%{opacity:.0}
100%{left:82%}}
.pro_more a:hover{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
.pro_more div{ float: left;}
.pro_more div i{ margin-right: 6px;}
.pro_more .main-more a{ background: var(--zmain-color); text-transform: uppercase;}
.pro_more .main-more:last-child a{ background: var(--zmain-color);}
.pro_more a i{margin-right: 6px;}
.pro_more .downloads_more{ margin-left: 0.15rem; color: #fff; display:inline-flex;}
.pro_more .downloads_more: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='1758683304634' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1576' width='128' height='128'%3E%3Cpath d='M171.52 632.32h125.952v-52.224H171.52c-28.672 0-52.224-23.552-52.224-52.224V155.136c0-28.672 23.552-52.224 52.224-52.224h680.96c28.672 0 52.224 23.552 52.224 52.224v372.736c0 28.672-23.552 52.224-52.224 52.224h-125.952v52.224h125.952c57.856 0 104.96-47.104 104.96-104.96V155.136c0-57.856-47.104-104.96-104.96-104.96h-680.96C113.664 50.176 66.56 97.28 66.56 155.136v372.736c0 57.856 47.104 104.448 104.96 104.448z m512.512 93.184l-145.92 145.92V380.928c0-14.336-11.776-26.112-26.112-26.112s-26.112 11.776-26.112 26.112v487.424L343.04 725.504c-5.12-5.12-11.776-7.68-18.432-7.68-6.656 0-13.312 2.56-18.432 7.68-10.24 10.24-10.24 26.624 0 36.864l188.928 188.928c5.12 5.12 11.776 7.68 18.432 7.68 7.168 0 13.824-2.56 18.432-7.68l188.928-188.928c10.24-10.24 10.24-26.624 0-36.864s-26.624-10.24-36.864 0z' fill='%23ffffff' p-id='1577'%3E%3C/path%3E%3C/svg%3E");background-size: 100%; height: 21px; line-height: 22px;}


.tab-container {margin: 0 auto;}
.tab-header {display: flex;border-bottom: 1px solid #ddd;}
.tab-btn {padding: 12px 20px;background: #f1f1f1;border: none;cursor: pointer;transition: 0.3s;font-size: 16px;margin-right: 5px;line-height: 28px; padding: 15px 20px; font-weight: 700; font-size: 20px; text-transform: capitalize;border-top-left-radius: 10px; border-top-right-radius: 10px;font-family: var(--main-title-font);}
.tab-btn:hover {background: #ddd; }
.tab-btn.active {background:var(--zmain-color);color:#fff;}
.tab-content {display: none;padding: 20px;border: 1px solid #ddd;border-top: none;animation: fadeEffect 0.5s;}
.tab-content.active {display: block;}
@keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}}

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



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

.pro_more { display: block;}
.pro_more  .my_more1{ width: 100%; height: 44px; line-height: 44px;}
.pro_more .downloads_more{ margin-left: 0; margin-top: 0.15rem; }
}

@media only screen and (max-width:500px) {
.main-more{margin-top: 10px; width: 100%;}
.products_main .nav-tabs li a{ font-size: 18px;}
}

.pro_inq{ position: relative; padding: 0.3rem; background: #fff;       box-shadow: 0px 4px 19px rgba(0, 0, 0, .1);  }
.detail_con .title{color: #333;  font-size:0.24rem; line-height: 0.3rem;  text-transform: capitalize; }
.detail_con .title img{margin-right: 15px;}
.pro_inq .text{ margin-bottom:10px; color:#666; line-height:20px; padding: 10px 0; border-radius: 0; line-height:22px; border-bottom: 1px solid #e5e5e5; font-size: 16px;}
.pro_inq .inquiry .ms_btn{ width: auto;}
 


.blog_list{list-style:none;}
.blog_list li{position:relative; list-style:none; border-radius:0; margin-bottom: 0.3rem;}
.blog_list li:last-child{ margin-bottom: 0;}
.blog_list li .li{  border-bottom: none; transition: 0.5s all; border:1px solid #eee;background: #fff; display: flex; padding: 0.3rem;align-items:flex-start;  }
.blog_list li:last-child .li{ margin-bottom: 0;}
.news_day{ font-size: 16px; margin: 12px 0 6px 0;   display: inline-block; line-height: 22px; color:var(--text-word--color);display: inline-flex;align-items: center;  }
.news_day i{ margin-right: 8px; } 
.blog_list li .blog_info{ width: 100%;}
.blog_list li .image{display:block;overflow:hidden;margin-right:0.2rem; width: 30%; flex-shrink:0; border-radius: 5px; line-height: 0;}
.blog_list li .image img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,800ms);-o-transition:all var(--transition-time,800ms);
transition:all var(--transition-time,800ms);} 
.blog_list li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05));-ms-transform:scale(var(--scale-multiplier,1.05));
transform:scale(var(--scale-multiplier,1.05));}
.blog_list li .title{color:#333;display:block;line-height:28px;font-size:20px;  font-weight:700; overflow: hidden;max-height: 56px; }
.blog_list li .title:hover{ color: var(--zmain-color);}
.blog_list li .main{padding: 0.3rem;}
.blog_list li .text{ line-height:24px;overflow:hidden;max-height:120px; color: #666; font-size: 16px;}
.blog_list li .blog_tag{ margin-top:0.15rem; margin-bottom: 0.15rem;}
.blog_list li .blog_tag p{ display:inline-block;   color:#333; text-transform:uppercase;}
.blog_list li .blog_tag i{color:#ccc; margin-right:0.08rem; }
.blog_list li .blog_tag a{ background:#fff; color:#666; line-height:0.26rem; padding:0px 0.14rem; display:inline-block; margin:0px 0.04rem; border: 1px solid #eee;}
.blog_list li .blog_tag a:hover{ background:#333; color:#fff;}
.blogin{color:#aaa; margin:0.04rem 0px;}
.blogin span{ color:#fff; margin:0px 0.06rem;}
.blog .blog_tags{ width:100%; margin-top:0.1rem;}

@media only screen and (max-width: 768px) {
	.blog_list li .title{ font-size: 16px; line-height: 22px;}
	.blog_list li .li{flex-wrap: wrap;padding: 0.2rem 0.15rem;}
	.blog_list li .text{ font-size: 14px;}
.blog_list li .image{ width: 100%; margin-right: 0; float: none;}
.news_day{ font-size: 14px;}
}


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


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

.faq_item .panel{ position: relative; }
.faq_item .panel-title{ display: flex; align-items: center; justify-content: space-between;  background: rgba(0,0,0,0.03); border-radius: 10px; padding: 0 30px; min-height: 87px; margin-bottom: 8px;}
.faq_item .panel-title span{ width: 47px; height: 47px; border-radius: 50%; background: #fff; font-size: 16px; font-weight: 700; color: #000000; display: inline-flex; align-items: center; justify-content: center;  }
.faq_item .panel-title a{display: flex;font-size:18px;color: #000000;position: relative;  align-items: center;justify-content: space-between; font-weight: 600;    line-height:26px;width: calc(100% - 47px); padding-left:20px;}
.faq_item .panel-title a:after,.faq_item .panel-title a.collapsed:after{content: "";min-width: 40px; width: 40px;height: 40px; border-radius: 50%;text-align: center;   transition: all 0.3s ease 0s; display: inline-flex; align-items: center; justify-content: center;background: #fff;    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 6 10' style='enable-background:new 0 0 6 10;' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23000000;%7D %3C/style%3E %3Cpolygon class='st0' points='6,5 1.3,0 0,1.4 3.3,5 0,8.6 1.3,10 4.7,6.4 4.7,6.4 '/%3E %3C/svg%3E "); background-position: center; background-size:9px auto;
    background-repeat: no-repeat;     transform: rotate(-90deg); margin-left: 10px;}
.faq_item .panel-title a.collapsed:after{transform: rotate(90deg);  }
.faq_item .panel-body{padding:10px 70px 40px 97px;color: #666666;line-height: 26px;border-top: none;position: relative;font-size: 18px;font-weight: 300;}
.faq_item .collapsing {position: relative;height: 0;overflow: hidden;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-duration: .35s;	-o-transition-duration: .35s;transition-duration: .35s;-webkit-transition-property: height, visibility;	o-transition-property: height, visibility;	transition-property: height, visibility;}
.faq_item .collapse {display: none; }
.faq .panel{ border-bottom: 1px solid #f7f7f7;}
.faq_item .in{display: block;}
.faq_item .active{  transform:translate3d(0,-1px,0);-webkit-transform:translate3d(0,-1px,0);  }

@media only screen and (max-width:992px){
	.faq_item .panel-body{ padding-left: 15px; padding-right: 15px;font-size: 16px; line-height: 24px;}
.faq_item .panel-title{ padding:0 15px;}
.faq_item .panel-title a{ font-size: 16px; line-height: 24px;}
}

@media only screen and (max-width: 768px){
	.faq_item .panel-title span{ display: none;}
	.faq_item .panel-body{  font-size: 14px; line-height: 20px;font-weight: 400;     }
 
.faq_item .panel-title a{ font-size: 14px; padding-left: 0;width: 100%; line-height: 20px; padding: 8px 0;}
}


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

@-webkit-keyframes squares{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@-moz-keyframes squares{0%{-moz-transform:scale(1);transform:scale(1);opacity:0}20%{-moz-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-moz-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@-o-keyframes squares{0%{-o-transform:scale(1);transform:scale(1);opacity:0}20%{-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-o-transform:scale(2.1);transform:scale(2.1);opacity:0}}
@keyframes squares{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);-moz-transform:scale(1.24);-o-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);-moz-transform:scale(2.1);-o-transform:scale(2.1);transform:scale(2.1);opacity:0}}

.video_l li .info{ margin-top: 0.2rem; padding: 0 15px;}
.video_l li .info span{ line-height:32px; background: var(--zmain-color); float:left;color: #fff; padding: 0 0.1rem;}
.video_l li .info i{ float: right; line-height: 0.32rem; color: #222; font-style: normal;}
.video_l li .title a{display:block;font-size:0.18rem; line-height:0.26rem; height: 0.52rem; overflow:hidden;color: #333; margin: 0.2rem 0 0;  padding: 0 15px; font-weight: 700; }
.video_l li p{ line-height:22px; height:44px; overflow: hidden; font-size:15px; color: #555; padding: 0 15px; margin: 10px 0;}
.video_l li:nth-child(4n+1){clear: both;}
@media only screen and (max-width: 768px) {
	.video_l li{padding:0 5px; margin-bottom: 15px;}
	.video_l li{width:50%;} 
}
@media only screen and (max-width: 480px) {
	.video_l li{padding:0;width:100%;}
	.video_l li .title a{font-size:16px;margin-bottom:0;height: auto; line-height: 24px; max-height: 48px;}
}


/*case*/

.item_mask{
	position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 1;
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
	display: block;
}
.li:hover .item_mask{opacity: 1;}
.item_mask:before{
	content: ' ';
    position: absolute;
    z-index: 1;
    top: 0;
    left: -10%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-transform 1.2s ease;
    transition: -webkit-transform 1.2s ease;
    transition: transform 1.2s ease;
    transition: transform 1.2s ease, -webkit-transform 1.2s ease;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 100%, 0);
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.li:hover .item_mask:before{
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -130%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -130%, 0);
}

.case { overflow: hidden; position: relative;}
.case ul.case-list{margin: 0px -10px; position: relative; z-index: 888; display: flex; flex-wrap: wrap;}
.case ul.case-list li{ list-style: none; padding: 0px 10px; float: left; width:33.33%; margin-bottom: 20px;display: flex;} 
.case ul.case-list li .li{ position: relative; overflow: hidden;  background: #f7f7f7;transition: 0.5s all; border-radius: 8px;width: 100%; }
.case ul.case-list li:hover .li{ background: #fff; box-shadow: 0 4px 18px rgba(0,0,0,0.08);}
.case ul.case-list li .li .a{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.case ul.case-list li .li .img{ position: relative; display: block; overflow: hidden;}
.case ul.case-list li .li .img img{ width: 100%;}
.case ul.case-list li .li .text{ padding: 18px 0; text-align: center; }
.case ul.case-list li .li .text .title{ font-size: 18px; color: #333; display: block; line-height: 24px;  height: 48px; overflow: hidden; font-weight:600; padding: 0 10px; }
.case ul.case-list li .li:hover .img img{transform: scale(1.1);}
.case ul.case-list li .li:hover .text{ background: #fff;}
@media only screen and (max-width:1200px) {
.case ul.case-list li{ width: 33.33%; transform: translateY(0) !important; margin-bottom: 20px;}
 
}

@media only screen and (max-width:992px) {
.case ul.case-list li{ width: 50%; }
}
@media only screen and (max-width:768px) {
	.case ul.case-list li .li .text{position:inherit}
	.case ul.case-list li .li .text .title{ font-size: 16px; line-height: 22px; height: 44px;}
.case ul.case-list li{ width: 100%;} 
}

@media only screen and (max-width:490px) {
.case ul.case-list li{ width: 100%;} 
.case ul.case-list li .li .text{ padding: 12px 0;}
	.case ul.case-list li .li .text .title{ font-size: 14px; line-height: 20px;height: 40px; }
}

.related_content{ background: #fff;}
.rel_section .pro_scroll{position: relative;}
.rel_section .swiper{ position: initial;  }
.rel_section{overflow: hidden; padding:0.76rem  0 0.7rem; background: #fafafa}
.rel_section .main_title{ margin-bottom: 0.2rem;} 
.rel_section .swiper-slide{  transition: 0.5s all;}
.rel_section .swiper-slide.swiper-slide-visible{ opacity: 1;}
.rel_section .swiper-slide{width:25%; padding: 0.25rem 0.1rem; list-style: none;}
.rel_section .li{ padding:12px;     border: 1px solid #e2e5e8;  box-shadow: 0 0 10px 5px #f2f2f2; text-align: left;transition: 0.5s all; text-align: center;}
.rel_section .img{ position: relative; display: block; overflow: hidden;}
.rel_section .text{ text-align: center;}

.rel_section .li{ background: #fff; border: 1px solid #e5e5e5; padding: 0.15rem; text-align: center; border-radius: 12px; overflow: hidden;}
.rel_section .li .h4{ color: #333; font-weight: 700; font-size:18px; line-height:24px; height:48px; display: block; overflow: hidden; margin: 0.15rem 0 0.1rem;}
.rel_section .li p{ color: #666; line-height: 26px; height: 52px; overflow: hidden;}
.rel_section .li .my_more1{ height: 44px; line-height: 44px; margin-top:0.1rem;}
.rel_section .li .my_more1:after{ display: none;  }
 
.rel_section .li:hover .img img{transform: scale(1.05);}
.rel_section .li:hover{ border-color:var(--zmain-color);}
.rel_section .li:hover .h4{ color: var(--zmain-color);}

.pro_oth{  }
.pro_oth .swiper-scrollbar{position:inherit; width:100%; height: 6px; background: #f2f2f2; border-radius: 5px; display: none;}
.pro_oth .swiper-button-prev,.pro_oth .swiper-button-next{ position: absolute; 	top: 50%;	z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;  width:52px; height: 52px;    background:#ffffff; margin: 0;  background-repeat: no-repeat; background-position: center center; transition: 0.5s; margin-top: -24px; border-radius: 50%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='currentColor' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='19' x2='12' y2='5'/%3E%3Cpolyline points='5 12 12 5 19 12'/%3E%3C/svg%3E"); background-position: center center; background-size:20px auto; background-repeat: no-repeat; transform: rotate(-90deg);box-shadow: 0 3px 11px rgba(0,0,0,0.11);}
.pro_oth .swiper-button-prev{left:  -65px;}
.pro_oth .swiper-button-next{transform: rotate(90deg); right:-65px;}
.pro_oth .swiper-button-prev:after,.pro_oth .swiper-button-next:after{ display: none;}
.pro_oth .swiper-button-next.swiper-button-disabled,
.pro_oth .swiper-button-prev.swiper-button-disabled { opacity: 0.2;  transition: 0.5s all; cursor: auto; pointer-events: none} 



.pro_oth{  }
 

@media only screen and (max-width:1400px) {
.rel_section .li .my_more1{ display: none;}
.rel_section .li p{margin-bottom: 0;}
.rel_section .swiper-slide{width:25%; padding: 0 0.1rem;}
}
@media only screen and (max-width:1200px) {
.pro_oth .swiper-button-prev{left:  -25px;}
.pro_oth .swiper-button-next{  right:-25px;}
}
@media only screen and (max-width:1024px) {
.rel_section .swiper-slide{ width: 33.33%;}

}


@media only screen and (max-width: 768px) {
.rel_section .li .h4{font-size: 14px; line-height: 20px; max-height: 40px;}
.rel_section{padding:0.4rem 0; } 
.rel_section .swi_position{ padding: 0 0.3rem; margin-top: 0;} 
.rel_section{ padding: 0.4rem 0;  margin: 0;}
.rel_section .button_outside{ padding: 0;}
.rel_section .swiper-slide{ width: 50%;}
.rel_section .li .my_more1{ display: none;}
.rel_section .li .more{ font-size: 14px;}
.pro_oth .swiper-button-prev{left:  -15px;}
.pro_oth .swiper-button-next{  right:-15px;}
}

 @media only screen and (max-width:468px) {
.rel_section .swiper-slide{ width: 100%;}

}

 

/*download*/
 
.down_load ul{ width:100%; display:flex; flex-wrap: wrap;}
.down_load ul li{ display:inline-block; width:32%; margin: 0 2% 20px 0; list-style: none; overflow: hidden; border:1px #e6e6e6 solid; padding:15px; transition: all .5s; }
.down_load ul li a{display: flex;align-items: center;}
.down_load ul li:nth-child(3n){ margin-right:0}
.down_load ul li .icon{ width: 30%; margin-right: 15px; border-radius: 10px; overflow: hidden;}
.down_load ul li:hover .icon{background-position: 0 0;}
.down_load ul li .title{ display:block; color: #222;   line-height: 20px; max-height: 40px;}
.down_load ul li p{ color: #e69126; font-size: 14px; text-transform: uppercase;   margin-top: 4px;}
.down_load ul li p i{ margin-right: 4px; display: inline-block; font-weight: bold;}
.down_load ul li:hover{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
.down_load ul li:hover p{ text-decoration: underline;}

@media only screen and (max-width:1024px) {
.down_load ul li{width:49%; margin: 0 2% 20px 0;} 
.down_load ul li:nth-child(3n){ margin-right:2%}
.down_load ul li:nth-child(2n){ margin-right:0}
.down_load ul li .title{ margin-top: 0;}
}
@media only screen and (max-width:480px) {
.down_load ul li{width:100%; margin: 0 0 20px 0 !important;}  
}

@media only screen and (max-width:380px) {
.down_load ul li .icon{margin: 0; margin-bottom: 10px;}
.down_load ul li{padding: 10px; text-align: center;}
.down_load ul li a{flex-direction: column;}
}

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

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


.page_history .slide-content ul .year{ color: #ddd !important;}
.page_history .slide-content ul .list_div>div>span{ color:var(--zmain-color) !important;}
.page_history .slide-content{ border-bottom: 4px solid var(--zmain-color) !important;}
.page_history .slide_items li.on span{ color: var(--zmain-color) !important; text-shadow: 0 3px 4px rgba(0, 0, 0, 0.2) !important;}
.page_history .slide_items li.on div{ background-color:var(--zmain-color) !important;border-color:var(--zmain-color) !important;}
.page_history .slide-content ul .list_div>div>p,.page_history .slide-content ul .list_div>div>span{ font-size: 20px !important; line-height: 24px !important;}



.language_content .in_title .text { font-size: 28px; line-height: 28px; text-transform: uppercase; font-weight: bold; margin-top: 35px; }
.language_list { padding: 0px 75px; }
.language_list li { margin-top: 15px; list-style: none; padding: 0px 10px; }
.language_list li:nth-child(4n+1) { clear: both; }
.language_list li .column { background: rgb(220, 241, 255); border: 1px solid rgb(143, 209, 253); border-radius: 6px; padding: 10px; display: flex; align-items: center; justify-content: flex-start; }
.language_list li .column img { display: inline-block; border-radius: 4px; min-width: 44px; max-width: 44px; }
.language_list li .column span { display: inline-block; margin-left: 10px; font-size: 16px; line-height: 22px; color: rgb(0, 72, 130); }
.drop_div_box .drop_down { position: relative; z-index: 999; width: 100%; max-width: 300px; margin: 30px auto; }
.drop_div_box .drop_down ul { position: absolute; left: 0px; width: 100%; list-style: none; display: none; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; }
.drop_div_box .drop_down ul li { cursor: pointer; line-height: 24px; padding: 8px 10px; border-bottom: 1px solid rgb(238, 238, 238); }
.drop_div_box .drop_down .title { height: 53px; font-size: 18px; cursor: pointer; overflow: hidden; position: relative; z-index: 999999; text-align: right; font-weight: normal; text-transform: capitalize; transition: 0.6s; background: rgb(220, 241, 255); border: 1px solid rgb(143, 209, 253); line-height: 22px; color: rgb(0, 72, 130); border-radius: 6px; padding: 10px; display: flex; align-items: center; justify-content: space-between; }
.drop_div_box .drop_down .title img, .drop_div_box .drop_down ul li img { display: inline-block; margin-right: 10px; vertical-align: middle; overflow: hidden; border-radius: 4px; }
.drop_div_box .drop_down ul li img { width: 44px; border-radius: 4px; }
.drop_div_box .drop_down .title i { font-size: 26px; margin-left: 6px; color: rgb(0, 72, 130); }
.drop_div_box .drop_content .item { display: none; }
.drop_div_box .drop_content .item.active { display: block; }