@charset "UTF-8";

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

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

@font-face { font-family: "Outfit"; src: url("../font/Outfit-VariableFont_wght.ttf") format("woff2"); font-weight: 600;}

:root {
	--zmain-color: #272f88;
	--zhover-color:#272f88;
	--main-font: "HarmonyOS_Regular", sans-serif;
	--bold-font: "HarmonyOS_Bold", sans-serif;
	--title-font: "Outfit", sans-serif;

}

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

  .iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  
  .icon-dianhua1:before {
	content: "\e60e";
  }
  
  .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-fayoujian-:before {
	content: "\e693";
  }
  
  .icon-fayoujian:before {
	content: "\e610";
  }
  
  .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;}
.input-group{ display: table; position: relative;}
input, button, select, textarea {font-family: inherit; font-size: inherit;line-height: inherit; border: none;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after{  display: table; content: " ";}
.clearfix:after,.container:after,.container-fluid:after,.row:after{clear: both;}
.container {max-width:13.6rem; width:100%;  margin: 0 auto;}
@media screen and (max-width: 1460px)  {.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%; overflow: hidden;}}

.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;}
@media screen and (max-width: 1200px) {body {font-size: 14px;}}
@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*/
html{--header-offset: 0px; --header-height: 120px; --announcement-height: 30px; /* scroll-behavior: smooth;*/} 
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{ padding-left: 16px;}
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;}
#powerby,#powerby a{ display: inline-block; color: #c9c9c9; font-size: 13px}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin: 0; padding: 0; font-weight: normal;}
.tl{ text-align: left !important;}
.tc{ text-align: center !important;}
.tr{ text-align: right !important;}
iframe,video{max-width:100%;}
.hidden{ display: none !important;}
.hidden_web{ display: none !important;}
@media screen and (max-width:992px) {
.hidden_mob{ display: none !important;}
.hidden_web{ display: block !important;}
}

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

/* 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: #666;}
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: 22px; margin-top: 8px;}
.inquiry ul{list-style:none; margin: 0px -10px;}
.inquiry ul li{padding:0 10px;margin-bottom:15px;}
.inquiry ul li span{display: block;}
.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; background-position: center center;}
.inquiry ul li span:before{content:'';position:absolute;right:18px;top:0;width:28px;height:100%;display:inline-block; background-repeat: no-repeat;}
.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='%23eeeeee'%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='%23eeeeee'%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='%23eeeeee'  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='%23777777' 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='%23eeeeee' 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='1663667534152' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9305' width='22' height='22'%3E%3Cpath d='M832.161 351.79c-17.673 0-32 14.327-32 32v479.85H224.037V223.784h414.605c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32H192.037c-17.673 0-32 14.327-32 32V895.64c0 17.673 14.327 32 32 32h640.124c17.673 0 32-14.327 32-32V383.79c0-17.673-14.327-32-32-32z' fill='%23eeeeee' p-id='9306'%3E%3C/path%3E%3Cpath d='M485.612 534.222c6.249 6.248 14.438 9.372 22.627 9.372s16.379-3.124 22.627-9.372l321.407-321.406c12.496-12.497 12.496-32.758 0-45.255-12.498-12.497-32.759-12.497-45.255 0L485.612 488.967c-12.497 12.496-12.497 32.758 0 45.255zM736 627c0-17.673-14.327-32-32-32H322c-17.673 0-32 14.327-32 32s14.327 32 32 32h382c17.673 0 32-14.327 32-32zM322 725c-17.673 0-32 14.327-32 32s14.327 32 32 32h251c17.673 0 32-14.327 32-32s-14.327-32-32-32H322z' fill='%23eeeeee' p-id='9307'%3E%3C/path%3E%3C/svg%3E"); background-position: center 10px;}
.inquiry ul li input{background:#fff;height:52px;width:100%;line-height:44px;padding-right:45px; color:#aaaaaa; border: 1px solid #ddd; border-radius:0; padding-left: 10px;font-size: 14px;}
.inquiry ul li textarea{height:1.26rem;background:#fff;width:100%;max-width:100%;max-height:215px;padding:8px 45px 10px 10px;color:#666;border:none;border-radius:0; line-height: 20px; font-size: 14px; border: 1px solid #d7dcde;}
.inquiry ul li input:focus,.inquiry ul li textarea:focus{color:#aaaaaa; border-color:#333;}
.inquiry ul li input:-ms-input-placeholder{color:#aaaaaa;}/* Internet Explorer 10+ */ 
.inquiry ul li input::-webkit-input-placeholder{color:#aaaaaa;}/* WebKit browsers */
.inquiry ul li input::-moz-placeholder{color:#aaaaaa;}/* Mozilla Firefox 4 to 18 */ 
.inquiry ul li input:-moz-placeholder{color:#aaaaaa;}/* Mozilla Firefox 19+ */ 
.inquiry ul li textarea:-ms-input-placeholder{color:#aaaaaa;}/* Internet Explorer 10+ */ 
.inquiry ul li textarea::-webkit-input-placeholder{color:#aaaaaa;}/* WebKit browsers */5
.inquiry ul li textarea::-moz-placeholder{color:#aaaaaa;}/* Mozilla Firefox 4 to 18 */ 
.inquiry ul li textarea:-moz-placeholder{color:#aaaaaa;}/* Mozilla Firefox 19+ */ 
.inquiry ul li input,.inquiry ul li textarea{ border: 1px solid #e5e5e5;}
.inquiry ul li input:focus,.inquiry ul li textarea:focus{ border: 1px solid var(--zhover-color); background-color: #fff;box-shadow: 0 0px 6px rgb(0 0 0 / 8%), 0 0px 15px rgb(0 0 0 / 15%);transition: all .2s ease-in-out; color: #333;;}
.inquiry select{width:100%;height:50px;border:none;border:1px solid #d7d7dc;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: #f7f7f7; min-height: 0.5rem; padding:0.15rem;}
.inquiry  .subject_title a{ color:#333 ;  text-decoration: underline;}
.inquiry  .subject_title span{ font-size:0.14rem; color:#444; margin-right:0.1rem;}


.ms_btn{display: inline-flex; height: 0.5rem; color: #fff; position: relative;overflow: hidden; text-transform: capitalize; font-size:16px;background: var(--zmain-color); min-height: 36px;align-items: center;justify-content: center; font-family: var(--title-font); padding-left: 0.5rem; padding-right: 0.26rem; padding-top: 4px; background:#272f88;transition: 0.5s; margin-top:0;}
.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:after{ content: '\f105'; position: absolute; width:10px; height: 20px; right: 0; top:50%; font: normal normal normal 18px / 1 FontAwesome; font-weight: bold; line-height: 20px; margin-top: -10px; opacity: 0; transition: 0.5s;}
.ms_btn:hover{padding-right: 0.5rem; padding-left: 0.26rem;}
.ms_btn:before { content: '\f105'; position: absolute; width:10px; height: 20px; left: 0.3rem; top:50%; font: normal normal normal 18px / 1 FontAwesome; font-weight: bold; line-height: 20px; margin-top: -10px; transition: 0.5s;}
.ms_btn:hover:before{left: 0; opacity: 0;}
.ms_btn:hover:after{ opacity: 1; right: 0.2rem;}
.ms_btn:hover{ background:var(--zmain-color); color: #fff;}

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


/*nav*/
.main-menu ul li{ list-style: none; margin: 0;}
@media screen and (min-width:992px) {
	.main-menu {list-style: none;margin: 0;padding: 0;}
	.main-menu li {	position: relative;	list-style: none;}
	.main-menu li a {display: block;-webkit-transition: all 300ms linear 0ms!important;-khtml-transition: all 300ms linear 0ms!important;
	-moz-transition: all 300ms linear 0ms!important;-ms-transition: all 300ms linear 0ms!important;-o-transition: all 300ms linear 0ms!important;transition: all 300ms linear 0ms!important;}
	.main-menu li .menu-toggle {display: none}
	.main-menu>li {	display: inline-block;vertical-align: middle; position: relative; text-align: left; margin-right: 0.5rem;}
	.main-menu .sub-menu li a img{border-radius: 10px;}
	.main-menu>li.menu-children{padding-right: 4px;}
	.main-menu>li>span{display: inline-block; position: relative; padding: 0 0.12rem;}
	.main-menu>li.menu-children>a:after, .main-menu>li.page_item_has_children>a:after {content:"\f107";font-family: FontAwesome;margin-left: 4px;display: inline-block;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 .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;}
	.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: 36px;}
    .main-menu .sub-menu>li:hover>a, .main-menu .children>li:hover>a{background: var(--zhover-color); color: #fff;}
    .main-menu .sub-menu li:hover>a:after, .main-menu .children li:hover a:after{color:#fff !important;}
	.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 .sub-menu, .main-menu .children .sub-menu, .main-menu .sub-menu .children, .main-menu .children .children {top:0;	left: 100%;}
	.main-menu li:hover, .main-menu li.focus {overflow: visible}
	.main-menu li:hover>.sub-menu, .main-menu li.focus>.sub-menu, .main-menu li:hover>.children, .main-menu li.focus>.children {visibility: visible;opacity: 1;clip: inherit;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1);}
	.main-menu li.megamenu {position: static}
	.main-menu li.megamenu .sub-menu, .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.2rem; padding-top: 0.2rem; display: flex; flex-wrap: wrap; margin: 0 auto; background: #fafafa;}
	.megamenu .sub-menu .nav_li .img{overflow: hidden; display:block; padding: 0;}
	.megamenu .sub-menu .nav_li .title{ display: flex; font-size: 18px; padding: 0px; color: #333;align-items: center; margin-bottom: 10px; padding-bottom: 5px; font-family: var(--title-font);}
	.megamenu .sub-menu .nav_li .title img{ width: 0.52rem; margin-right: 20px;}
    .megamenu .sub-menu .nav_li>li{ float:left; width:25%;  padding: 0px 15px; margin-bottom: 0.15rem; }
	.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; min-height:0.3rem;}
    .megamenu .sub-menu .nav_li>li>ul>li>a{color:#555; width: 100%; display: block; padding-left: 0px;}
    .megamenu .sub-menu .nav_li a:hover{ color: var(--zmain-color); background: none;}
    .megamenu>.sub-menu>li .img img{width: 100%;}
	.megamenu .sub-menu ul{ position: inherit; top: auto; left: auto; right: auto; bottom: auto; height: 100%; padding: 0px;}
	.megamenu .sub-menu ul li,.megamenu .sub-menu ul{opacity: 1;clip: inherit;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1); padding: 0;}
	.megamenu .sub-menu ul.sub-menu, .main-menu li.focus>.sub-menu, .main-menu li>.children, .main-menu li.focus>.children {visibility: visible;opacity: 1;clip: inherit;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1); box-shadow: none; background: none;}
	.main-menu .megamenu a:after{display: none;}
	.main-menu ul li .icon{ max-width: 100px;}
	.nav_overly{ position:fixed;left: 0; top: 0; width: 100%;height: 100%; background: rgba(0,0,0,0.5);z-index:9999998;display:none; }
	.header-navigation.navigation-open .nav_overly{z-index: 99999;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}
}

@media screen and (max-width:992px) {
.megamenu>.sub-menu>li.img{display: none;}
.header-navigation {position: absolute;height: 100vh;width: 100%;top: 0;left: 0;bottom: 0;margin: 0!important;overflow: hidden;visibility: hidden;z-index: 9999999;}
.header-navigation .main-navigation {overflow: hidden;width: 100%;background:#f6f6f6;padding: 0;position: fixed;z-index: 9999999;top: 0;height: 100%;left: 0;right: 0;-webkit-transition: all 300ms linear 0ms;-khtml-transition: all 300ms linear 0ms;-moz-transition: all 300ms linear 0ms;-ms-transition: all 300ms linear 0ms;-o-transition: all 300ms linear 0ms;transition: all 300ms linear 0ms;-webkit-transform: translateY(-100%);-khtml-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);-webkit-box-shadow: 0 0 12px rgba(0,0,0,.22);-khtml-box-shadow: 0 0 12px rgba(0,0,0,.22);-moz-box-shadow: 0 0 12px rgba(0,0,0,.22);-ms-box-shadow: 0 0 12px rgba(0,0,0,.22);-o-box-shadow: 0 0 12px rgba(0,0,0,.22);box-shadow: 0 0 12px rgba(0,0,0,.22);}
.header-navigation .main-navigation .main-navigation-inner {height: 100%;overflow-y: scroll;	padding: 10px 20px 10px 10px;margin-right: -10px}
.header-navigation.navigation-open {z-index: 999998;visibility: visible}
.header-navigation.navigation-open .main-navigation {-webkit-transform: translateY(0%);-khtml-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);}
.main-menu {list-style: none;	margin: 0;	padding: 0;background: #fff; box-shadow: 0 10px 20px rgb(0 0 0 / 10%), 0 6px 6px rgb(0 0 0 / 15%);}
.main-menu .sub-menu ul{ background:#fff; padding: 10px;}
.main-menu li {	position: relative;	list-style: none; margin: 0 !important; padding: 0 !important;}
.main-menu>li>a{padding: 0 !important; margin: 0 !important; border-left: none  !important;}
.main-menu li a {	display: block;	padding: 0;	line-height: 50px; text-transform: capitalize; color: #444 !important;	font-size: 16px !important;	border-bottom: 1px solid rgba(255,255,255,0.2); margin: 0; line-height: 20px !important; padding: 15px!important; border-bottom: 1px solid #eee;}
.main-menu li .img{ display: none !important;}
.main-menu>li>a.onepage-active, .main-menu>li>a:hover, .main-menu>li>a.current, .main-menu>li.current_page_item>a, .main-menu>li.current-menu-item>a, .main-menu>li.current_page_ancestor>a, .main-menu>li.current-menu-ancestor>a {color: #a67410}
.main-menu li .icon{ display: none;}
.main-menu>li>.sub-menu {border-bottom: 1px solid rgba(255,255,255,0.2);  padding-left: 15px; background: #fafafa;}
.main-menu .sub-menu, .main-menu .children {position: relative;	display: none}
.main-menu .sub-menu li a, .main-menu .children li a {	padding: 7px 24px 7px 6px !important;line-height: 20px !important;font-size: 15px !important;	border: none}
.main-menu .sub-menu li>a:hover, .main-menu .children li>a:hover, .main-menu .sub-menu li>a.current, .main-menu .children li>a.current, .main-menu .sub-menu li.current_page_item>a, .main-menu .children li.current_page_item>a, .main-menu .sub-menu li.current-menu-item>a, .main-menu .children li.current-menu-item>a, .main-menu .sub-menu li.current_page_ancestor>a, .main-menu .children li.current_page_ancestor>a, .main-menu .sub-menu li.current-menu-ancestor>a, .main-menu .children li.current-menu-ancestor>a {color: #a67410}
.main-menu .sub-menu li .menu-toggle, .main-menu .children li .menu-toggle {	top: 2px}
.main-menu .sub-menu .sub-menu li a, .main-menu .children .sub-menu li a {padding: 0 0 0 20px}
.main-menu .sub-menu .sub-menu li .sub-menu li a, .main-menu .children .sub-menu li .sub-menu li a {padding: 0 0 0 30px}
.main-menu li.focus>.sub-menu, .main-menu li.focus>.children {	visibility: visible;opacity: 1;	max-height: none;overflow: visible}
.header-navigation .main-navigation .main-navigation-inner {height: 100%;overflow-y: scroll;padding: 0 30px 20px 20px;margin-right: -10px}
.menu-toggle {position: absolute;top: 10px;height: 30px;right: 6px;border: 1px solid rgba(255,255,255,0.2);width: 30px;cursor: pointer;-webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;
border-radius: 3px;font-family:FontAwesome;font-size: 20px}
.menu-toggle:before {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-khtml-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: all 300ms linear 0ms;-khtml-transition: all 300ms linear 0ms;-moz-transition: all 300ms linear 0ms;-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;transition: all 300ms linear 0ms;font-size: 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:#272f88;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:8px;background:#272f88;-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: 8px;background:#272f88;}
#menu-mobile .btn-nav-mobile.opened span {display: none}
li.megamenu .container {padding: 0}
li.megamenu .container .elementor-column-wrap {padding: 0!important}
li.megamenu .elementor-row {display: block}
li.megamenu .elementor-row>.elementor-element {width: 100%!important}
li.megamenu .elementor-element-populated {padding: 0!important}


.nav_con{ margin-top: 60px; display: flex; color: #333; line-height: 30px; font-size: 14px; margin-bottom: 10px;}
.nav_con a{ color: #333; line-height: 36px;}
.nav_con .email_btn{  border-radius: 3px; background:var(--zhover-color); color: #fff; line-height: 36px; padding: 0 10px; float: right; }

}

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

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

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

.language_web{line-height: 30px;display: flex;align-items: center; line-height: 34px; color: #666; flex-shrink: 0; margin-left: 15px;}
.language_web a{ color: #666; font-size: 14px; text-transform: uppercase; display: inline-flex; margin: 0 6px; align-items: center;}
.language_web a img{margin-right: 8px;}

.mob_language, .mob_sns {
    display: none;
}

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

.language{position: absolute; right: 96px; top: 6px; z-index: 1111111; margin: 0; border: none; padding: 0;}
.language .p p{display: none;}
.language .p{width: 40px; height: 50px; background-repeat: no-repeat; background-position: center center; background-size: 20px auto; overflow: hidden; padding-left: 40px;}


}
.lang_web{ float: left; text-transform: capitalize; margin-top: 8px;}
.lang_web img{ margin-right: 4px;}
.lang_web a{ font-weight: normal; line-height: 24px; padding: 0 !important; border: 0; font-size: 15px; color: #666; float: left; display: flex; margin-left: 12px; display: flex;align-items: center;}


/*Search*/
.ico_search{ display: inline-block;  height:46px; background-image: url("data:image/svg+xml,%3Csvg t='1743058209663' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2636' width='20' height='20'%3E%3Cpath d='M947.48 894.27L710.948 658.925c51.283-62.794 82.047-143.003 82.047-230.4 0-201.31-163.194-364.505-364.506-364.505S63.981 227.215 63.981 428.525 227.175 793.03 428.487 793.03c86.105 0 165.233-29.86 227.604-79.783l236.99 235.8c7.537 7.475 17.337 11.182 27.199 11.182 9.925 0 19.787-3.77 27.387-11.37 15.015-15.077 14.952-39.513-0.187-54.589zM141.171 428.525c0-158.426 128.889-287.316 287.316-287.316S715.803 270.1 715.803 428.525 586.916 715.842 428.488 715.842 141.171 586.95 141.171 428.525z' p-id='2637' fill='%23333333'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; border-radius:50%;  width: 38px; height: 38px; margin-left: 0.6rem; cursor: pointer; background-color: #f2f2f2;}

.ico_search i{font-style: normal; color:#fff; font-family: var(--bold-font); font-size: 14px;}
.search-box {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.75);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index: 9999992;}
.search-box.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.search-box .container {position: relative; width: 100%; max-width:8rem;margin: 4em auto;background: #FFF;border-radius: .25em .25em .4em .4em;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s; padding: 0.3rem;}
.search-box .title{  font-size: 0.24rem; text-transform:capitalize; padding: 15px 0; color: #333; text-align: center; font-family: var(--bold-font);}
.search-box .search-close {position: absolute;top: 8px;right: 8px;width: 30px;height: 30px;}
.search-box .search-close::before, .search-box .search-close::after {content: '';position: absolute;top: 12px;width: 14px;height: 3px;background-color: #8f9cb5;}.search-box .search-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);left: 8px;}
.search-box .search-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: 8px;}
.is-visible .search-box {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);
transform: translateY(0); background: #eee; padding: 0 20px 20px;}

#dialog-search{ width: 800px; max-width: 100%; display: none; padding: 0.4rem; border-radius: 0;}
#dialog-search .title{ font-size: 0.26rem; line-height: 0.3rem; color: #333; text-align: center; font-family: var(--title-font); text-transform: capitalize; 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 .form-control{height:50px;color:#999;float:left; line-height:50px;font-size:16px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:100%; background:#f7f7f7; padding-right:55px; border:none;  border-radius:5px; box-shadow: none; float: none;  padding-left: 10px;}
.search_main .form-control:focus{ color:#333;}
.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: 13px; line-height:30px; padding: 0 0.15rem; margin-bottom: 0.04rem;}
.search_tags a:hover{ background: var(--zmain-color); color: #fff;}

@media screen and (max-width:992px) {
	.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%;}
}

#dialog-content2{ display: none;}

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

/*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: 992px) {
  .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(--main-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: 48px; height: 48px; position: initial; display: flex; background:#fff; 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 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'%3E%3C/path%3E%3C/svg%3E"); background-position: center center; background-size:18px auto; background-repeat: no-repeat;transform: rotate(180deg); border: 1px solid #d9d9d9;}
.swiper-button-next{transform: rotate(0deg)}
.swiper-button-next:after, .swiper-button-prev:after{ display: none;}
.swiper-scrollbar-drag{ background:#999;}

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

.button_inside .swiper-button-prev{ position: absolute; top: 50%; left: 20px; width: 48px; height: 48px; margin-top: -24px;}
.button_inside .swiper-button-next{ position: absolute; top: 50%; right:20px; width: 48px; height: 48px; margin-top: -24px;}

.button_outside .swiper-slide{ opacity: 0;transition: 0.3s all;}
.button_outside .swiper-slide-visible{ opacity: 1;}

@media only screen and (max-width:1200px) {
.button_outside .swiper-button-prev{ left: -30px;}
.button_outside .swiper-button-next{ right: -30px;}
}
@media only screen and (max-width:992px) {
.button_inside{ padding:0 0;}
}
@media only screen and (max-width:768px) {
.button_outside{ padding: 0 0.2rem;}
.button_outside .swiper-button-prev{left: -0.15rem;}
.button_outside .swiper-button-next{right: -0.15rem;}
.swiper-button-prev,.swiper-button-next{ background-color: rgba(255,255,255,0.3);}
}

/*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-family: var(--title-font); font-style:normal; color: var(--zmain-color); font-size: 0.36rem; line-height: 0.36rem; margin-bottom: 0.2rem; text-transform: capitalize;}
#dialog-quote{ max-width: 10rem; display: none; padding: 0;}
#dialog-quote .main{ padding: 15px;}
#dialog-quote .inquiry{ padding: 0.3rem; padding-left: 0;}
/*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: #eee; padding: 10px 26px; font-family: var(--bold-font); border-radius: 0;}
.page_nav .ah-tab>.ah-tab-item {margin-right: 3px;}
.page_nav .ah-tab-item[data-ah-tab-active="true"] {color: #fff; background: var(--zmain-color);}
.page_nav .ah-tab>.ah-tab-item:hover { background: var(--zmain-color); color: #fff;}
.page_nav .ah-tab>.ah-tab-item[data-ah-tab-active="true"] {border-bottom-color: var(--zmain-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; background: #333; 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;}
}


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


/*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-pagination-bullet{ background: rgba(0,0,0,0.5);}
.banner .swiper-button-prev, .banner .swiper-button-next{ position: absolute; margin: 0 15px; width: 50px; height: 50px; background-color:rgba(255,255,255,0); border: 1px solid rgba(0,0,0,0.3);-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.banner .swiper-button-next:after,.banner  .swiper-button-prev:after{ color: #333; font-size: 16px;}
.banner .swiper-pagination{ position: absolute; bottom: 30px;}
.banner .swiper-pagination-bullet-active{ background: var(--zmain-color); border-color: var(--zmain-color);}
.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_text {position: absolute;left:0;transition: all 0.5s;position: absolute;top:20%; z-index: 666; width: 100%; }
.banner .swiper-slide .banner_text .banner_main{text-align: left; width: 55%;}
.banner .swiper-slide .banner_text .title{ transform: translateY(15px); opacity: 0; font-size: 0.5rem; line-height: 0.6rem;position: relative; font-family: var(--title-font); color:var(--zmain-color); margin-bottom: 0.2rem;}
.banner .swiper-slide .banner_text .p{ transform: translateY(15px); opacity: 0; color: #333;font-size:0.26rem; line-height:0.4rem; margin-bottom: 0.3rem;display: inline-block;}
.banner .swiper-slide .banner_text .p p{ padding:10px 0 10px 26px; position: relative;}
.banner .swiper-slide .banner_text .p p:after{ position: absolute; left: 0; top: 26px; width: 9px; height: 9px; background: #4088f7; content: '';}
.banner .swiper-slide .banner_text .more{ transform: translateY(30px); opacity: 0; position: relative; z-index: 666666;}
.banner .swiper-slide .banner_text .more a{color: #fff; background:#157BFB !important;}
.banner .swiper-slide .banner_text .more a:hover{color: #fff; background:#FFC02E !important;}
.banner .swiper-slide .banner_text span{ line-height: 0.6rem; padding:0 0.24rem; border-radius: 5px; display: inline-block; color: #fff;}
.banner .swiper-slide-active .banner_text .img { transition: all .5s ease .6s; transform: translateY(0);  opacity: 1;}
.banner .swiper-slide-active .banner_text .title{ transition: all .5s ease .6s; transform: translateY(0);  opacity: 1;}
.banner .swiper-slide-active .banner_text .p{ transition: all .6s ease .8s; transform: translateY(0);  opacity: 1;}
.banner .swiper-slide-active .banner_text .more{ transition: all .9s ease 1s;  transform: translateY(0);  opacity: 1;}
.banner .a{ display: block;position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999;}

@media only screen and (max-width:1400px) {
.banner .container{ padding: 0px 30px;}
.banner .swiper-slide .banner_text .p{  line-height: 24px; font-size: 20px;}
.banner .swiper-slide .banner_text .p a{padding: 0 0.2rem; font-size: 16px; margin-bottom: 10px;}
}

@media only screen and (max-width:1200px) {
	.banner .swiper-slide .banner_text .title{font-size: 0.6rem; line-height: 0.66rem;}
	.banner .swiper-slide .banner_text .title:after{display: none;}
}

@media only screen and (max-width: 992px){
.banner .swiper-slide .banner_text .banner_main{padding-right: 0; padding: 0.15rem; text-align: center;}
.banner .swiper-slide .banner_text .img{display: none;}
.banner .swiper-slide .banner_text .title{font-size: 0.5rem; margin-bottom: 10px;}
.banner .swiper-button-prev, .banner .swiper-rtl .swiper-button-next,.banner .swiper-button-next, .banner .swiper-rtl .swiper-button-prev{ display: none;}
.banner .swiper-slide .banner_text .banner_main{background: none; max-width: 100%;}
.banner .swiper-slide .banner_text .banner_main:after{ display: none;}
.banner .swiper-slide .banner_text span{display: none;}
.banner .swiper-slide .banner_text .more{display: none;}
.banner .swiper-slide .banner_text{width: 100%;}
.banner .swiper-pagination{bottom: 10px;}


}

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

}

@media only screen and (max-width: 500px){
	.banner .swiper-slide .banner_text .title{font-size: 14px; line-height:20px; font-family: var(--main-font);}
	.banner .swiper-slide-active .banner_text .more{display: none;}
	
}


/*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-left:0.3rem; height:56px; color: #fff; position: relative;overflow: hidden; text-transform: capitalize; font-size:15px;background: var(--zmain-color); min-height: 36px;align-items: center;justify-content: center; min-height: 40px; padding-right:66px; font-size: 15px; white-space: nowrap; border-radius: 30px;}
  .my_more1 img{ margin-right: 10px;}
  .my_more1:after{ content: ' '; position: absolute; width:46px; height: 46px; right: 5px; top:50%; line-height: 46px; margin-top: -23px;transition: 0.5s;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:20px;height:20px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%23272f88'%3E%3C/path%3E%3C/svg%3E "); background-size: 18px auto;  background-repeat: no-repeat; background-position: center center;flex-shrink: 0; transform: rotate(-45deg); background-color: #fff; border-radius: 50%;}

  .my_more1:hover:after{ transform: rotate(0);}
  .my_more1:before { content: ' '; position: absolute; background:rgba(255,255,255,0.3); width:0; height: 100%; top: 0; left:0; opacity: 0.3; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
  .my_more1:hover{color: #fff; background: var(--zmain-color); box-shadow: 6px 6px 0 rgba(20,67,54,0.08);}
  .my_more1:hover:before{ width: 100%;}
  @media only screen and (max-width:992px){
  .my_more1{ font-size: 14px;}
  }

/*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:#fff;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,0.1); padding-right:50px; box-shadow: none; float: none;padding-left: 0.1rem; height: 100%; padding-left: 0.15rem;}
.search_web .form-control:focus{ color:#fff;}
.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='%23ffffff' 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='%23ffffff' p-id='4514'%3E%3C/path%3E%3Cpath d='M668.163 736.059l67.875-67.875L850.503 782.65l-67.874 67.874z' fill='%23ffffff' 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 a,.mob_sns a{margin-right: 8px; background: var(--zmain-color); border-radius: 50%; min-width:36px; min-height: 36px; display: inline-block; text-align: center;}
.social_ico a i, .mob_sns a i{ line-height: 36px; color: #fff;}
.social_ico a:hover{ background: var(--zhover-color);}
.top_con i{color:#999; margin-right: 8px; height: 32px; line-height: 32px; display: inline-block;text-align: center;  font-size: 18px; color: var(--zmain-color);}
.top_con a{font-size: 16px; color: #6c6c6c; line-height:42px; margin-right: 16px;}
.top_con a:hover{ text-decoration: underline;}
/*.top_con .email{position: relative;} */
/*.top_con .email:after{ position: absolute; left: 0; top: 50%; height:13px; width: 1px; content: ''; background:#4e5056; margin-top: -6px;} */


/*header_section*/
.height{ height:calc(1rem + 42px);}
.main-header{position:fixed;left:0px;top:0;right: 0px;z-index:7777777;width:100%;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;  }
@media screen and (min-width:992px) {
	.fixed-header{ top:-42px;  box-shadow: 0 0 60px rgba(0,0,0,0.08); background: #fff;}
	.fixed-header #logo img{ max-height: 0.6rem;}
}
/* .sticky-header{position:fixed;left:0;top:40px;width:100%;z-index:0;background-color: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.10);
transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.fixed-header .sticky-header{z-index:999; opacity:1;visibility:visible;-ms-animation-name: fadeInDown;-moz-animation-name: fadeInDown;-op-animation-name: fadeInDown;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;-ms-animation-duration: 500ms;-moz-animation-duration: 500ms;-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;animation-duration: 500ms;-ms-animation-timing-function: linear;-moz-animation-timing-function: linear;op-animation-timing-function: linear;-webkit-animation-timing-function: linear;animation-timing-function: linear;-ms-animation-iteration-count: 1;-moz-animation-iteration-count: 1;-op-animation-iteration-count: 1;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;} */

.top_section{ background: #eee;}
.nav_section{ background: #fff;}
.top_section .social_ico img{ width: 28px;}
.main-header .main{ display: flex;align-items: center;justify-content: space-between;}
.main-header .main .my_more1{ padding-left: 17px; padding-right: 17px;}
.nav_quote{ background: var(--zmain-color); line-height: 42px; padding: 0 16px; color: #fff; font-family: var(--title-font); font-size: 16px; text-transform: capitalize; margin-left: 0.2rem;}
#logo img{ max-height:0.9rem;}
.top_sns{margin-left: 15px;}
.top_sns a{ background: var(--zmain-color); display: inline-block; width: 30px; height: 30px;}


@media screen and (min-width:992px) {
	.main-menu>li>a { font-size:0.2rem; color: #333333; line-height:34px; padding:0.33rem 0; position: relative; text-transform:capitalize; position: relative; font-family: var(--bold-font);}
	.main-menu>li>a span{ position: relative; z-index: 8888888;}
	.nav_section>.container{ position: relative;}
	.fixed-header .main-menu>li>a{ padding: 0.2rem 0;}
}

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

@media screen and (max-width:1360px) {
	.main-menu>li>a { font-size: 15px;}
	.main-menu>li{margin-right: 0;}
	.nav_quote{font-size: 14px;}
	.ico_search{margin-left: 6px;}
	.nav_quote{margin-left: 16px;}
}

@media only screen and (max-width:992px) {
	.main-header{top: 0;}
	.nav_section .main{ z-index:inherit; width: 100%; background: none;}
	.nav_section #logo{ display: none;}
	.search_web{width: 100%; height: 40px; margin-top: 50px; border-radius: 0;}
	header.small{display: none;}
	.height{  height: 50px;}
	.header_section .main{border: none; height: auto; display: block;}
	.ico_search i{ display: none;}
	header,header.small{ background: none; box-shadow: none;}
	header .container{padding: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:rgba(0,0,0,0.15); border-radius: 0;}
	header.small .search_web{display: none;}
	.top_car a{position: absolute; right: 104px; top: 0;z-index: 1111111;margin: 0;border: none;padding: 0;width: 40px;height: 50px;background-repeat: no-repeat;background-position: center center;background-size: 20px auto;overflow: hidden;padding-left: 40px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.3 20.7'%3E %3Cpath fill='%23ffffff' 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='%23ffffff' 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='%23ffffff'%3E%3C/path%3E%3C/svg%3E");}
	}

.i_title{position: relative; text-align: center; margin-bottom: 0.4rem;}
.i_title .h6{ font-size:0.2rem; color:#fff; line-height: 22px; text-transform: capitalize; position: relative; display: inline-block; margin-bottom: 6px;}
.i_title .title{font-size: 0.5rem; color:var(--zhover-color); line-height: 0.52rem; position: relative; font-family: var(--title-font); text-transform: capitalize; margin-bottom: 15px;}
.i_title .p{overflow: hidden; max-width:9.2rem; color: #333; line-height:26px; max-height: 52px; margin-top: 15px; margin: 0 auto; }

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

.scrollbar_title{ display: flex;align-items: center; justify-content: space-between; position: relative; z-index: 333; width: 100%; margin-bottom: 0.6rem;}
.scrollbar_title .i_title{  width: 55%; margin-bottom: 0; flex-shrink: 0; padding-right: 8%;}
.scrollbar_title p{ margin-bottom: 0;}
@media only screen and (max-width:1200px) {
.i_title {margin-bottom: 20px;}
.i_title .p{max-width: 100%; margin-top: 0; font-size: 14px; line-height: 20px; max-height: 40px; margin-top: 10px;}
}
@media only screen and (max-width:992px) {
.scrollbar_title{flex-direction: column;align-items: flex-start;}
.scrollbar_title .i_title{max-width: 100%; padding: 0; width: 100%; margin-bottom: 15px;}
.i_title .title{ margin-bottom: 0; font-size: 0.4rem; line-height: 0.5rem; background: none; max-width: 100%; padding-bottom:0;}
}
@media only screen and (max-width:768px) {
.i_title .title{ font-size: 0.3rem; line-height: 0.32rem;}
.tl .title{padding-left: 0;}
.i_title img{ display: none;}
.i_title p{margin-bottom: 0;  font-size: 14px; line-height: 20px; max-height: 40px;}
}

/* num_section */
.num_section { padding: 0.6rem 0; background: #ebeff3 url(../images/num_bg.jpg) no-repeat left center;}
.num_section ul { padding: 0 -15px;}
.num_section ul li{ list-style: none; float: left; width: 25%; text-align: center; padding: 0 15px;}
.num_section ul li .icon{ width: 0.86rem; flex-shrink: 0; margin-right: 0.2rem;}
.num_section ul li .num{ font-size: 0.3rem; color: #272f88;display: flex; align-items: flex-end;font-family: var(--title-font); text-transform: uppercase;justify-content: center;}
.num_section ul li .num span{ font-size: 0.6rem; line-height: 0.66rem;}
.num_section ul li .num .odometer-formatting-mark{display: none;}
.num_section ul li .title{ color: #333; font-size: 0.2rem; line-height: 0.26rem; font-family: var(--title-font); margin: 10px 0;}
.num_section ul li p{ color: #333; font-size: 16px; line-height: 24px;}

@media only screen and (max-width:1200px) {
	.num_section ul li p{ font-size:14px;}
	.num_section ul li .num .odometer{font-size: 0.4rem; line-height: 0.4rem;}
}

@media only screen and (max-width:992px) {
	.num_section{background: #eee; padding: 0.4rem 0;}
	.num_section ul li{width: 50%; margin-bottom: 20px;}
	.num_section ul li:nth-child(2n+1){ clear: both;}
	.num_section ul li .num{ font-size:18px;}
	.num_section ul li .num .odometer{font-size: 20px; line-height: 22px;}
	.num_section ul li .num span{font-size: 0.4rem; line-height: 0.4rem;}
}


/*cate_section*/
.cate_section{ padding: 0.7rem 0.7rem 0.9rem;overflow: hidden; background: #ebeff3;}
.cate_section .cate_nav{position: relative; margin-bottom: 0.3rem; }
.cate_section #cate_thumbs .swiper-slide{width: 12.5%;line-height: 24px; color: #333; font-family: var(--bold-font); cursor: pointer; height: 1.36rem; padding: 0 0.15rem; display: flex;flex-direction: column;align-items: center;justify-content: center; text-align: center; font-size: 19px; transition: 0.5s;}
.cate_section #cate_thumbs .swiper-slide:after{ position: absolute; left: 0; bottom: -15px; width: 0; height: 3px; background:var(--zmain-color); content: '';transition: 0.5s;}
.cate_section #cate_thumbs .swiper-slide p{background:#fff; padding: 14px 10px; font-size: 15px; display: flex; line-height: 20px;align-items: center; border-radius: 5px;justify-content: center;}
.cate_section #cate_thumbs .swiper-slide img{width: 0.66rem; height: 0.66rem; flex-shrink: 0;}
.cate_section #cate_thumbs .swiper-slide p span{ display: inline-block; line-height: 26px; margin-right: 6px; color: #fff; text-align: center;}
.cate_section #cate_thumbs .swiper-slide-thumb-active{color: var(--zmain-color); background: #fff;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)}
.cate_section #cate_thumbs .swiper-slide-thumb-active:after{ width:calc(100% - 0.5rem);}
.cate_section .swiper-button-next,.cate_section .swiper-button-prev{ display: none;}

.cate_section .cate_main .main{ display: flex;}
.cate_section .cate_main .img{ float: left; width: 50%; padding-right: 20px; flex-shrink: 0;}
.cate_section .cate_main .text{ float: left; width: 50%; background: #fff url(../images/cate_bg.jpg) no-repeat right bottom; margin-left: 20px; padding:0.5rem 0.66rem;}
.cate_section .cate_main .text .title{ font-family:var(--title-font); color:var(--zmain-color); font-size: 0.4rem; line-height: 0.4rem;}
.cate_section .cate_main .text .p{ font-size: 16px;line-height: 30px; max-height: 150px; overflow: hidden; margin: 0.2rem 0;}
.cate_section .cate_main .text .bear{ margin: 0.2rem 0;}
.cate_section .cate_main .text .bear span{ color:var(--zmain-color); font-size: 16px; font-family: var(--title-font); display: inline-block; margin-bottom: 10px;}
.cate_section .cate_main .text .bear p{ padding-left: 28px; background: url(../images/check.png) no-repeat left center; font-family: var(--bold-font); margin-bottom: 8px;}
.cate_section .cate_main ul li{ list-style: none;}


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

	
}

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

@media only screen and (max-width:992px) {
	.cate_section{padding: 0.4rem 0.3rem;}
	.cate_section .cate_main .main .left{display: none;}
	.cate_section .cate_main .main .right{ width: 100%;}
	.cate_section .cate_main ul li{padding: 5px; margin-bottom: 0;}
	.cate_section #cate_thumbs .swiper-slide{ width: 33.33%;}
	.cate_section .cate_main .img{padding-right: 0; width: 100%;}
	.cate_section .cate_main .img img{width: 100%;}
	.cate_section .cate_main .text{ width: 100%; margin-left: 0;}
	.cate_section .cate_main .main{display: block;}
	.cate_section .cate_main .text{ padding: 0.4rem;}
	.cate_section .swiper-button-next, .cate_section .swiper-button-prev{ display: block; position: absolute;}
}

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

@media only screen and (max-width:400px) {
	.cate_section #cate_thumbs .swiper-slide{width: 100%; padding-right: 0; text-align: center; margin-bottom:0;}
}

.about_section{ position: relative; overflow: hidden; padding: 0.8rem 0 1rem; background: #f7f7f7;}
.about_section *{transition: 0.5s all;}

.about_section .about_img{ float: left; width: 50%; padding-right: 0.4rem;}
.about_section .about_text{ float: left; max-width: 6.8rem;}
.about_section .about_text .i_title{margin-bottom: 0;}
.about_section .about_text .i_title .title{ font-size: 0.4rem;}

.about_section .tabs{position: relative; margin-top: 0.4rem;}
.about_section .tabs a { float: left; width: 33.33%; padding:0 6px;}
.about_section .tabs a .li{ position: relative; background: #000; height: 1.7rem;}
.about_section .tabs a .li img{ opacity: 0.5; width: 100%; height: 100%; object-fit: cover;}
.about_section .tabs a .li .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex;align-items: center;justify-content: center; font-size: 0.2rem; font-family: var(--bold-font); color: #fff; text-transform: uppercase;}
.about_section .about_text1 .tabs a:nth-child(1) .li{ border: 2px solid var(--zmain-color);}
.about_section .about_text2 .tabs a:nth-child(2) .li{ border: 2px solid var(--zmain-color);}
.about_section .about_text3 .tabs a:nth-child(3) .li{ border: 2px solid var(--zmain-color);}

.about_section .about_text1 .my_more1{margin-bottom: 0.2rem;}


#tabs-about{ overflow: hidden;}
#tabs-about>.swiper-wrapper>.swiper-slide{ opacity: 0 !important;}
#tabs-about>.swiper-wrapper>.swiper-slide-active{ opacity: 1 !important;z-index: 9999999;}
#tabs-about .i_title .title{ background-image: none; padding-bottom: 0;}
#tabs-about .about_text .p{ color: #333; line-height: 30px; max-height: 210px; overflow: hidden; margin-bottom: 0.4rem;}

.honor_section ul li{ list-style: none; width: 33.33%; padding: 0 15px;}

/*team_section*/
.team_section{ overflow: hidden; margin-bottom: 15px;}
.team_section ul li{ float: left; width:33.33%; padding: 0px 10px; list-style: none; text-align: center; opacity: 1;}
.team_section ul li .li{ text-align: left; display: inline-block;}
.team_section ul li .img{ overflow: hidden; margin-bottom: 20px;transition: 0.5s all; border-radius: 5px;}
.team_section ul li a{ display: block; line-height: 24px; padding: 4px 0; color: #666; font-size: 12px;}
.team_section ul li a i{ line-height: 28px; height: 28px; width: 28px; border-radius: 50%; background: var(--zmain-color); text-align: center; color: #fff; margin-right: 4px; font-size: 12px;}
.team_section ul li a:hover{ text-decoration: underline; color: var(--zhover-color);}
.team_section .swiper-pagination{ position:inherit; margin-top: 10px;}

@media only screen and (max-width:1360px) {
.team_section ul li{width: 50%;}
}

@media only screen and (max-width:992px) {
.about_section .pro_index{margin-top: 20px; padding: 20px;}
.about_section .about_img{margin: 0; width: 100%;}
.about_section .tabs{ display: none;}
.about_section .pro_index{ width: 100%;}
#tabs-about>.swiper-wrapper{ display: block;}
#tabs-about>.swiper-wrapper>.swiper-slide{opacity: 1 !important;}
.video_play2 .index_video{left: 0;}
.about_section{ padding-top: 0; background: none; background: #f7f7f7; padding-bottom: 0; margin-bottom: 0;}
	.about_section .about_img{width: 100%; padding: 0; margin-bottom: 20px; margin-top:20px;}
	#tabs-about .i_title .title{margin-bottom: 20px; font-size: 0.3rem;}
	.about_section .about_text{width: 100%; max-width: 100%;}
	#tabs-about{max-width: 100%;}

}	

@media only screen and (max-width:768px) {
	.team_section ul li{width: 50%;}
	#tabs-about .about_text .about_title{background: none; padding-left: 0;}
}

@media only screen and (max-width:500px) {
	.team_section ul li{width: 100%;}
	.swiper-pagination-bullet{margin-right: 4px;}

}


/*process_content*/
.process_content{ position: relative; overflow: hidden; padding: 0.8rem 0 0.6rem;}
.process_content .list{display: flex; flex-wrap: wrap; margin-top: 0.34rem;}
.process_content .list li{ list-style: none; width:25%; position: relative;padding: 0 0.1rem; margin-top: 0.2rem; margin-bottom: 0.4rem;}
.process_content .list li:after{content: ''; height: 0.16rem; width: 0.69rem; background: url(../images/step_line.png) no-repeat;position: absolute; top: 40%;right: -0.37rem;}
.process_content .list li:nth-child(2n+1):after{ transform: rotateX(180deg);}
.process_content .list li:nth-child(4n):after{ display: none;}
.process_content .list li .column{ text-align:center; padding: 0 30px;}
.process_content .list li .column .icon{ display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: auto; overflow: hidden; max-width: 160px;}
.process_content .list li .column .icon img{ width: 100%; transition: all .6s;}
.process_content .list li .column span{ position: absolute; left:60px; top: 0; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 0 30px rgba(0,0,0,0.1); line-height:50px; background:#157BFB; color: #fff; font-family: var(--title-font); font-size: 0.2rem;}
.process_content .list li .column p{ font-size:0.24rem; color: #333; line-height: 0.3rem; overflow: hidden;  margin-top: 0.2rem; font-family: var(--bold-font);}

.process_more{ text-align: center; margin-top: 0.3rem;}
.process_more .main_more{ padding: 0 0.2rem;}
.process_more .more2{ background: none; border: 1px solid #58aa7f; color: #58aa7f;margin-left: 10px;}
.process_more .more2:after{background-image: url("data:image/svg+xml,%3Csvg t='1713515495749' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='10944' width='26' height='26'%3E%3Cpath d='M347.687 144.188l-52.761 52.238 313.928 316.082-316.568 313.42 52.314 52.673 369.322-365.663z' fill='%2358aa7f' p-id='10945'%3E%3C/path%3E%3C/svg%3E");  }

@media only screen and (max-width: 1199px) {
	.process_content .container{ padding: 0 0.7rem;}
	.process_content .list li .column span{ font-size: 16px;}
	.process_content .list li .column p{ font-size: 15px;}
	.process_content .list li:after{ top: 17%;}
}

@media only screen and (max-width: 992px) {
	.process_content .container{ padding: 0 15px;}
	.process_content{ padding: 0.6rem 0;}
	.process_content:after{ display: none;}
	.process_content .list li{ width: 25%;}
	.process_content .list li:nth-child(4):after{ display: none;}
}

@media only screen and (max-width: 768px) {
	.process_content{ display: none;}
}
@media only screen and (max-width: 610px) {
	.process_content .container{ padding: 0 5px;}
	.process_content .list li .column span{ font-size: 15px; line-height: 22px;}
	.process_content .list li .column .icon{height: 0.8rem; width: 0.8rem;}
}
@media only screen and (max-width:  430px) {
	.process_content .list li{ width: 50%;}

}


/*news_section*/
.news_section{ padding: 0.7rem 0; overflow: hidden; background: #ebeff3;}
.news_section ul li{ list-style: none;}
.news_section *{transition: 0.5s all;}
.news_section .app_l{ float: left; width:35%; padding-right:0.6rem; margin-top: 0.3rem;}
.news_section .app_l .i_title{ margin-bottom: 0;}
.news_section .app_l .p{ line-height: 30px; max-height: 150px; overflow: hidden; margin-bottom: 0.5rem;}
.news_section .app_r{ float: left; width:65%;}
.news_section .app_l #cate_thumbs2{margin: 0.3rem 0;}
.news_section .app_l #cate_thumbs2 .swiper-wrapper{flex-direction: column;}
.news_section .app_l #cate_thumbs2 .swiper-slide{ width: 100% !important; display: block; color: #272f88; font-size: 0.26rem; transition: 0.5s all; line-height: 0.4rem; align-items: center; position: relative; font-family: var(--title-font); text-transform: capitalize; position: relative; margin-bottom: 0.15rem;}
.news_section .app_l #cate_thumbs2 .swiper-slide img{ margin-left: 10px; opacity: 0;}
.news_section .app_l #cate_thumbs2 .swiper-slide-thumb-active,.app_section .app_l #cate_thumbs .swiper-slide:hover{ cursor: pointer;}
.news_section .app_l #cate_thumbs2 .swiper-slide-thumb-active{ text-decoration: underline;}
.news_section .app_l #cate_thumbs2 .swiper-slide-thumb-active img{ opacity: 1;}

.news_section .news_right ul li{list-style: none;}
.news_section .news_right .swi_overflow{ height: 5.9rem;overflow: hidden; margin-top: 15px;position: relative; padding-right: 0.4rem;}
.news_section .news_right .li{ display: flex; height: 2.7rem; background: #fff; width:100%; padding:0.18rem; position: relative; padding-right: 0.33rem;}
.news_section .news_right .li .img{ display: block;margin-right: 0.2rem; width: 3.2rem; flex-shrink: 0;overflow: hidden;}
.news_section .news_right .li .title{ font-family: var(--bold-font); font-size: 0.2rem; line-height: 0.24rem; max-height: 0.48rem; overflow: hidden; color: #333; display: block; margin-bottom: 10px; margin-top: 10px;}
.news_section .news_right .li .p{ font-size: 16px; color: #333; line-height: 26px; margin-bottom: 0.2rem; max-height: 78px; overflow: hidden; display: block;}
.news_section .news_right .li .news_info{ display: flex;justify-content: space-between; align-items: center;}
.news_section .news_right .li .news_info .news_date{ color: #272f88; font-size: 16px;}
.news_section .news_right .li .news_info .news_date img{ margin-right: 6px;}
.news_section .news_right .li .news_info .more{ font-size: 15px; text-transform: uppercase; font-family: var(--bold-font); padding-right: 24px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10' viewBox='0 0 17 10'%3E %3Cpath d='M 1 5 L 16 5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' stroke='%23272f88'/%3E %3Cpath d='M 12 1 L 16 5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' stroke='%23272f88'/%3E %3Cpath d='M 12 9 L 16 5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' stroke='%23272f88'/%3E %3C/svg%3E"); background-repeat: no-repeat; background-position: right center; color: var(--zmain-color);}
.news_section .news_right .swiper-pagination-bullet{margin-bottom: 20px;}


@media only screen and (max-width:992px) {
.news_section{ padding: 0.6rem 0;}
.news_section .app_l{width: 100%;  padding: 0; margin-bottom: 30px;}
.news_section .app_r{width: 100%;}
}

@media only screen and (max-width:768px) {
	.news_section .news_right .li .img{display: none;}
}

@media only screen and (max-width:500px) {
	.news_section{ padding: 0.4rem 0;}
	.news_section .news_right .img{ display: none;}
}


/*partner_section*/
.partner_section{ padding: 0.8rem 0; overflow: hidden;}
.partner_section ul li{ list-style: none; width: 20%; padding: 0 0.13rem;  transition:0s all; cursor: pointer; opacity: 0;transition: 0.5s all;}
.partner_section .button_outside{margin:0 -0.13rem;}
.partner_section ul li.swiper-slide-visible{ opacity: 1;}
.partner_section ul li *{transition:0.5s all;}
.partner_section ul li .li{ border: 1px solid #eee; overflow: hidden; background: #fff; text-align: center;}
.partner_section ul li:hover .li{box-shadow: 10px -10px 0 rgba(0,0,0,0.08); }
.partner_section ul li:hover .li{transform:translate3d(0,3px,0);-webkit-transform:translate3d(0,3px,0);}
.partner_section .swiper-container:hover .on img{filter: grayscale(0); filter: none; }
.partner_section .swiper-container:hover li.off img{ opacity: 0.3;filter: grayscale(100%);  filter: gray;}
.partner_section .swiper-button-prev, .partner_section .swiper-button-next{ box-shadow:none;}

@media only screen and (max-width:992px) {
.partner_section .button_outside{margin: 0;}
.partner_section{padding: 0.6rem 0 0.4rem; background: #e3e9ec;}
.partner_section ul li{ width: 33.33%;}
}

@media only screen and (max-width:768px) {
.partner_section{ padding: 0.4rem 0;}

}

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

/*footer_top*/
.footer_top{ background-repeat: no-repeat; background-size: cover; padding: 0.66rem 0; text-align: center;}
.footer_top .i_title .title{ color: #fff;}
.footer_top .p{ color: #fff;}
.footer_top .my_more1{ background: rgba(255,255,255,0.1);}
/*footer*/
#footer{color:#fff; position: relative; overflow: hidden; font-size: 16px; background-position: center bottom; background-color: #252525; position: relative;padding: 0.8rem 0 0; background-repeat: no-repeat;}
#footer ul li{ list-style:none;}
#footer a{ color:#fff; }
#footer a:hover{ color:#fff; text-decoration:underline; }
#footer .ul li a{ line-height:26px; padding:5px 0; display:inline-block; position:relative;}
#footer .ul li a:after{display: block; color: #8d9bae; content: "\f105";position: absolute;top:0px; left: 0; padding: 5px 0; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; font-family: "FontAwesome"; opacity: 0;}
#footer .ul li:hover a:after{ color: #fff; left: 0px; opacity: 1;}
#footer .ul li:hover a{ padding-left: 0.12rem;}
.mt10{ margin-top: 10px;}

.footer_email .email{  position: relative; margin: 0.2rem 0;}
.footer_email .email .email_main{background: rgba(255,255,255,0.05) url(../images/envelope.png) no-repeat 9px center; line-height:60px; width: 100%; padding-left: 48px; color: #777; border-radius: 5px;}
.footer_email .email .email_main:focus{ color: #fff;}
.footer_email .email .email_btn{ background: url(../images/send.png) no-repeat center center; width: 56px; height: 56px; position: absolute; right: 0; top: 0;}


#footer { padding-top: 0.9rem;}
#footer .footer_con{ float: left; width:29%; padding-right: 5%;}
#footer .footer_con .footer_logo{ display: inline-block; margin-bottom: 0.2rem;}
#footer .footer_follow{float: left; width:17%; padding-right:20px;text-transform: capitalize;}
#footer .footer_tags {float: left; width:24%; padding-right: 20px; text-transform: capitalize;}
#footer .footer_mes{ float: left; width: 30%;}
#footer .footer_mes .inquiry ul li input, #footer .footer_mes .inquiry ul li textarea{ background: rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0);}
#footer .footer_mes .inquiry ul li input:focus, #footer .footer_mes .inquiry ul li textarea:focus{ color: #fff;}
#footer .footer_mes .inquiry ul li textarea{ max-height: 114px;}


#footer .footer_con .title{ font-size: 0.2rem; color: #fff; line-height: 0.28rem; margin-bottom: 15px;}
#footer .footer_con .p{ color: #fff; font-size: 0.2rem; line-height: 0.3rem; margin-top: 0.2rem;}
#footer .footer_con a{ text-transform: none; line-height: 32px; align-items: center;}
#footer .footer_con ul li a{line-height: 26px;}
#footer .footer_con ul li{ position: relative; line-height: 26px; margin-bottom:0.1rem; padding-left: 38px;}
#footer .footer_con ul li:after{ position: absolute; left: 0; top: 0px; content: ''; width: 30px; height: 30px;background-position: center center; background-repeat: no-repeat;}
#footer .footer_con ul li .icon{ padding-left: 44px; text-transform: uppercase; color: #fff; font-size: 0.2rem;margin-bottom: 10px; font-family: "GreycliffCF-Bold"; font-size: 16px;}
#footer .footer_con .con_add:after{background-image: url("data:image/svg+xml,%3Csvg t='1745806000356' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3117' width='20' height='20'%3E%3Cpath d='M956.624449 922.846357h-29.442936V592.832598c0-17.701887-8.850944-41.545246-29.984829-50.396189l-267.334627-174.851297V93.747751l-2.890104-6.141471C614.869642 57.802081 588.316811 42.809667 555.622508 48.770506L136.376786 173.586876c-23.843359 8.850944-41.545246 32.694302-41.545246 59.427765v689.831716H64.84671c-18.243782 0-29.98483 14.992415-29.98483 29.98483 0 18.243782 12.102311 29.98483 29.98483 29.98483h891.777739c18.243782 0 29.98483-12.102311 29.98483-29.98483-0.180632-18.243782-12.282942-29.98483-29.98483-29.98483z m-89.231964-333.265126v333.265126H629.862057V435.683189l237.530428 153.898042zM153.536779 233.014641l415.994355-124.81637v814.648086H153.536779V233.014641z' p-id='3118' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M450.856236 325.136708H272.753572c-18.243782 0-29.98483 11.741048-29.98483 29.98483 0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-11.741048 29.984829-29.98483 0-18.424413-12.282942-29.98483-29.984829-29.98483zM450.856236 503.058741H272.753572c-18.243782 0-29.98483 12.102311-29.98483 29.984829v0.361263c0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-12.102311 29.984829-29.98483v-0.180631-0.180632c0-18.243782-12.282942-29.98483-29.984829-29.984829zM450.856236 681.703299H272.753572c-18.243782 0-29.98483 11.741048-29.98483 29.984829v0.361263c0 18.243782 12.102311 29.98483 29.98483 29.98483h178.102664c18.243782 0 29.98483-11.741048 29.984829-29.98483v-0.180631-0.180632c0-18.243782-12.282942-29.98483-29.984829-29.984829zM688.747927 712.049391c0 18.243782 12.102311 29.98483 29.98483 29.98483h59.427765c18.243782 0 29.98483-11.741048 29.98483-29.98483v-0.180631-0.180632c0-18.243782-12.102311-29.98483-29.98483-29.984829h-59.427765c-18.243782 0-29.98483 11.741048-29.98483 29.984829v0.361263z' p-id='3119' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con .con_tel:after{background-image: url("data:image/svg+xml,%3C?xml version='1.0' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1651116790234' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3577' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E@font-face %7B font-family: feedback-iconfont; src: url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944') format('woff2'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944') format('woff'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944') format('truetype'); %7D %3C/style%3E%3C/defs%3E%3Cpath d='M506.189667 655.677307c3.924379 7.848759 11.773138 11.773138 19.621896 15.697517 19.621896 15.697517 39.243793 11.773138 47.092551 7.848759l39.243793-58.865689 0 0c7.848759-7.848759 15.697517-11.773138 23.546276-19.621896 7.848759-3.924379 15.697517-7.848759 27.470655-7.848759l0 0c7.848759-3.924379 19.621896 0 27.470655 0l3.924379 0c7.848759 3.924379 15.697517 7.848759 23.546276 15.697517L863.306134 722.390731l3.924379 0c7.848759 7.848759 11.773138 15.697517 15.697517 23.546276l0 0c3.924379 7.848759 7.848759 19.621896 7.848759 27.470655 0 11.773138 0 23.546276-3.924379 31.395034l0 0c-3.924379 11.773138-11.773138 19.621896-19.621896 27.470655-7.848759 7.848759-19.621896 15.697517-35.319413 23.546276l0 3.924379c-11.773138 7.848759-31.395034 15.697517-47.092551 19.621896-82.411965 27.470655-168.747285 23.546276-251.158227-3.924379-7.848759-3.924379-19.621896-7.848759-27.470655-11.773138l0-62.790068c15.697517 3.924379 31.395034 11.773138 47.092551 15.697517 70.638827 23.546276 145.20101 31.395034 211.915457 7.848759 15.697517-3.924379 27.470655-11.773138 35.319413-15.697517l3.924379-3.924379c7.848759-3.924379 15.697517-11.773138 23.546276-15.697517 0-3.924379 3.924379-3.924379 3.924379-7.848759l0 0 0 0c0 0 0 0 0-3.924379 0-3.924379 0-3.924379 0-3.924379l0 0c0-3.924379-3.924379-3.924379-3.924379-3.924379l0-3.924379L682.785711 651.752928l0 0c-3.924379 0-3.924379 0-7.848759 0l0 0-3.924379 0 0 0c-3.924379 0-3.924379 0-3.924379 0l0 0 0 0c-3.924379 0-3.924379 3.924379-3.924379 3.924379l0 0 0 0-47.092551 62.790068c0 3.924379-3.924379 7.848759-7.848759 7.848759 0 0-47.092551 31.395034-102.032838 3.924379L506.189667 655.677307zM298.198589 153.35983l113.805976 145.20101 0 3.924379c3.924379 7.848759 7.848759 15.697517 11.773138 23.546276 0 7.848759 3.924379 19.621896 0 27.470655 0 11.773138-3.924379 19.621896-7.848759 27.470655l0 3.924379c-7.848759 7.848759-11.773138 11.773138-19.621896 19.621896l-3.924379 0-54.94131 39.243793c-3.924379 7.848759-7.848759 27.470655 7.848759 47.092551 23.546276 35.319413 51.016931 70.638827 82.410941 98.108458l0 0 0 0c23.546276 23.546276 51.016931 47.092551 78.487585 66.714448l0 74.563206c-3.924379-3.924379-11.773138-7.848759-15.697517-11.773138-39.243793-27.470655-74.563206-54.94131-105.957217-86.335321l0 0c-31.395034-31.395034-62.790068-66.714448-86.335321-105.957217-47.092551-62.790068-7.848759-117.730355-7.848759-117.730355 0-3.924379 3.924379-3.924379 7.848759-7.848759l58.865689-43.168172 3.924379-3.924379c0 0 0 0 3.924379 0l0-3.924379c0 0 0 0 0-3.924379l0-3.924379c0-3.924379 0-3.924379 0-3.924379l0 0 0 0L251.107061 188.67822l0 0c-3.924379 0-3.924379 0-3.924379-3.924379l-3.924379 0c0 0 0 0-3.924379 0l-3.924379 0 0 0c-3.924379 0-3.924379 3.924379-7.848759 3.924379-3.924379 7.848759-11.773138 15.697517-15.697517 23.546276-7.848759 11.773138-15.697517 23.546276-19.621896 39.243793-23.546276 66.714448-15.697517 141.27663 7.848759 211.915457 23.546276 78.487585 74.563206 153.049768 137.352251 215.839837 51.016931 51.016931 105.957217 94.184079 168.747285 121.654734l0 62.790068c-78.487585-31.395034-149.125389-82.410941-211.915457-141.27663-66.714448-70.638827-121.654734-153.049768-153.049768-239.386112-27.470655-82.410941-31.395034-168.747285-3.924379-251.158227 7.848759-19.621896 15.697517-35.319413 23.546276-47.092551l0 0 0 0c7.848759-15.697517 15.697517-27.470655 23.546276-35.319413 7.848759-7.848759 15.697517-15.697517 27.470655-19.621896l3.924379 0c7.848759-3.924379 15.697517-3.924379 27.470655-3.924379 11.773138 0 19.621896 3.924379 27.470655 7.848759l3.924379 0L298.198589 153.35983zM298.198589 153.35983 298.198589 153.35983 298.198589 153.35983 298.198589 153.35983zM298.198589 153.35983 298.198589 153.35983 298.198589 153.35983 298.198589 153.35983z' p-id='3578' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con .con_email:after{background-image: url("data:image/svg+xml,%3C?xml version='1.0' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1651116930952' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6218' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='20'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E@font-face %7B font-family: feedback-iconfont; src: url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944') format('woff2'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944') format('woff'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944') format('truetype'); %7D %3C/style%3E%3C/defs%3E%3Cpath d='M983.899806 785.385782V224.886223h0.180631l-0.180631-4.696419c-0.180632-5.238314-0.722526-10.476627-1.806315-15.714941-2.890104-25.469042-21.675781-44.977245-45.519139-47.686717H122.287529c-11.741048 0-23.482096 1.625684-34.861881 5.238314-30.346093 10.295996-50.757453 40.100194-50.576821 74.058917v534.849885c-0.361263 21.314518 5.780208 42.087141 17.701887 59.789028l0.361263 0.722526 5.418946 3.973893c18.243782 21.856412 44.977245 34.319986 73.517022 34.500618H904.421944c37.751984 0 70.265655-27.094726 79.477862-66.291763l0.180631-0.541894c0.361263-5.96084 0.361263-11.741048-0.180631-17.701888zM390.16405 547.494091l55.453872 49.854295 43.893456 40.100194c5.418945 5.96084 13.005468 9.57347 21.133886 9.57347 7.947786 0 15.534309-3.431999 21.133886-9.57347l101.153642-91.941436 272.753572 263.721997H126.622685L390.16405 547.494091z m120.119951 30.346092L111.449638 216.03528H115.604163c214.409596-0.903158 703.559711-2.890104 793.875463-0.361263l-399.195625 362.166166z m165.458458-69.72376l251.619686-227.956959v474.518963L675.742459 508.116423z m-328.568707 0.180631L93.205856 760.278003V278.895043l253.967896 229.402011z' p-id='6219' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con .con_whatsapp:after{background-image: url("data:image/svg+xml,%3C?xml version='1.0' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1651116875464' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5327' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E@font-face %7B font-family: feedback-iconfont; src: url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944') format('woff2'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944') format('woff'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944') format('truetype'); %7D %3C/style%3E%3C/defs%3E%3Cpath d='M623.915417 525.57825c3.851725 0 18.300808 6.520507 43.343157 19.560498 25.045419 13.041014 38.307468 20.894889 39.789215 23.561625 0.592494 1.481747 0.890276 3.705392 0.890276 6.668886 0 9.780761-2.51938 21.043269-7.55814 33.788547-4.743024 11.558244-15.263635 21.264303-31.565926 29.119201-16.300244 7.853875-31.4155 11.781324-45.345768 11.781324-16.893762 0-45.049009-9.188266-84.46881-27.564799-29.0445-13.335726-54.236252-30.823006-75.576279-52.458769-21.339004-21.635763-43.271526-49.051159-65.795519-82.245166-21.340027-31.712259-31.860638-60.461023-31.56388-86.246293l0-3.557012c0.889253-26.970258 11.855002-50.384527 32.897248-70.241784 7.114025-6.520507 14.818497-9.779737 23.11751-9.779737 1.777483 0 4.445242 0.222057 8.001231 0.666172 3.557012 0.444115 6.372128 0.667196 8.447393 0.667196 5.631254 0 9.558703 0.961908 11.781324 2.888793 2.222621 1.926886 4.519943 6.002714 6.890944 12.226462 2.371 5.92699 7.261381 18.968004 14.671141 39.120996 7.408737 20.154016 11.114129 31.269168 11.114129 33.342386 0 6.224772-5.112438 14.744819-15.337313 25.563212-10.224876 10.81737-15.338337 17.708314-15.338337 20.671809 0 2.075265 0.741897 4.297886 2.222621 6.668886 10.076496 21.635763 25.192775 41.938158 45.345768 60.907185 16.598027 15.70775 38.974663 30.674627 67.12991 44.900629 3.557012 2.075265 6.816243 3.111874 9.781784 3.111874 4.446265 0 12.447497-7.186679 24.006763-21.560038C612.356151 532.765953 620.060623 525.57825 623.915417 525.57825L623.915417 525.57825zM533.666974 761.199619c37.640272 0 73.724095-7.408737 108.252493-22.228257 34.527374-14.818497 64.238047-34.676777 89.134063-59.572794 24.896017-24.894993 44.75225-54.606689 59.572794-89.13611 14.818497-34.527374 22.228257-70.612221 22.228257-108.252493s-7.408737-73.724095-22.228257-108.252493c-14.81952-34.528398-34.676777-64.240093-59.572794-89.13611s-54.606689-44.753273-89.134063-59.572794c-34.528398-14.818497-70.612221-22.228257-108.252493-22.228257-37.641295 0-73.725118 7.40976-108.253516 22.228257-34.528398 14.81952-64.240093 34.676777-89.13611 59.572794-24.896017 24.896017-44.75225 54.607712-59.57177 89.13611-14.818497 34.528398-22.228257 70.612221-22.228257 108.252493 0 60.165288 17.783015 114.698299 53.348022 163.601078l-35.120892 103.585193 107.585297-34.231639C427.118286 745.788627 478.243687 761.199619 533.666974 761.199619L533.666974 761.199619zM533.666974 146.806577c45.345768 0 88.691995 8.890484 130.035612 26.673499 41.34464 17.783015 76.983325 41.640376 106.918102 71.575152s53.792137 65.573461 71.575152 106.918102 26.673499 84.690868 26.673499 130.036635c0 45.346791-8.890484 88.690972-26.673499 130.036635s-41.640376 76.984349-71.575152 106.918102c-29.934776 29.934776-65.573461 53.79316-106.918102 71.575152-41.345664 17.783015-84.690868 26.674523-130.035612 26.674523-57.795311 0-111.883183-13.930267-162.268734-41.789779l-185.384198 59.572794 60.461023-180.050726c-32.009018-52.755528-48.013527-110.401436-48.013527-172.937724 0-45.345768 8.891508-88.690972 26.674523-130.036635 17.781992-41.34464 41.641399-76.983325 71.576175-106.918102 29.933753-29.934776 65.573461-53.792137 106.918102-71.575152C444.976002 155.697061 488.320183 146.806577 533.666974 146.806577z' p-id='5328' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");}



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


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

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


/*back-top*/
.progress-wrap {position: fixed;right: 0.3rem;bottom: 80px;height: 0.46rem;width: 0.46rem;cursor: pointer;display: block;border-radius: 50px;
box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);z-index: 8888888;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear;
transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1;visibility: visible;transform: translateY(0);}
.progress-wrap::after {position: absolute;font-family: '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:88858;position:fixed;right:0.28rem;bottom:20px;font-size:12px; }
#floatShow2{display:block;}
#floatHide2{display:none;}
#whatsapp_tab #floatShow2{line-height:48px;color:#fff;font-size:13px;text-transform:uppercase;transition: all .5s ease; display: block; padding-left: 48px;  height: 48px; background:var(--zhover-color);border-radius: 0; margin-bottom: -20px; min-width: 140px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#whatsapp_tab #floatShow2 svg{ width: 30px; height:30px; fill:#fff;}

#whatsapp_tab .animated { opacity: 1; }
#whatsapp_tab #floatShow2 .online_icon{position: absolute;z-index:999;left: 0;top: 0;width:48px;height:48px;display: flex;align-items: center;justify-content: center;transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_icon i{ line-height: 0.5rem; font-size: 0.24rem;}
#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{color: #fff; line-height: 1.5;margin-right: 15px; transition: all .4s ease;-webkit-transition: all .4s ease;-moz-transition: all .4s ease; height: 50px; line-height: 50px; color: #fff;font-size:14px; text-transform:uppercase; font-family:var(--bold-font);}
#whatsapp_tab #floatShow2:hover{margin-right:0;}
#whatsapp_tab #floatHide2{font-family: "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:var(--zmain-color)}
#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: uppercase;}
#onlineService2 .title i{ color: #fff; font-size: 0.3rem; margin-right: 10px; line-height: 0.2rem;}
#onlineService2 .title .h4{ color: #fff; font-size: 0.16rem; font-family:var(--bold-font);}
#onlineService2 .title p{ color: #fff; 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 .inquiry_text_p{ font-size: 14px; text-transform: capitalize; text-decoration: underline}
#onlineService2 .inquiry_text_p:hover{ color: #073e83;cursor: pointer}
#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;}

#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_text{ background: #fff;}
#whatsapp .inquiry_text .inquiry_text_p{padding: 0 20px; margin-bottom: 10px; color: #333; font-size: 16px;}
#whatsapp .inquiry_text .inquiry_text_p i{margin-left: 5px;}

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


/*fixed-contact*/
.fixed-contact {z-index:999999;position:fixed;right:0;top:40%;width:50px;margin-top:-90px;overflow:hidden;opacity:0;filter:alpha(opacity=0);transition:all .4s;transform: translateX(95px);-webkit-transform: translateX(95px);-moz-transform: translateX(95px);}
.fixed-contact.show{  transform:none; opacity:1;filter:alpha(opacity=100); }
.fixed-contact.active {width:260px;}
.fixed-contact li {position:relative;height:50px;overflow:hidden;transition:all .4s;list-style: none;background:var(--zhover-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{ color: #fff;}
.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 {
    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 {right:50px;}
.fixed-contact .online_code a 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 a p{margin:0;margin-bottom:5px;}
.fixed-contact li.online_code:hover a{opacity:1; right: auto;left: 0;}

@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.8); 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;}
	.footer-bottom{padding-bottom:60px;}
	#onlineService .i_message_inquiry .main-more input{padding:8px 20px;}
	#onlineService .title{ color: #fff; font-size: 18px;}
	#online_qq_layer{
		box-sizing: content-box; 
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}
	.mobile_nav{display:block;
		box-sizing: content-box; 
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}
	.progress-wrap{
		box-sizing: content-box; 
		margin-bottom: constant(safe-area-inset-bottom);
		margin-bottom: env(safe-area-inset-bottom);
	}

}
@media only screen and (max-width: 375px) {
	.mobile_nav a p{text-transform:capitalize;}
}



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


.n_main{  padding: 0.5rem 0 0.6rem; background: #fff;}
.contact_bg{ background: url(../images/contact_bg.png) no-repeat center top;}
.n_left{float: left; width:23%; position: relative;}
.n_left2{float: right; width:23%; position: relative;}
.n_right{float: right; width: 77%; padding-left: 0.5rem; }
.n_right2{float: left; width:77%;  padding-right: 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: right; width: 25%; }
.n_right2{float: left; width:75%;  padding-right: 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;}
}


.n_banner{ position: relative; z-index: 666; min-height: 60px; background-color: #f6f7f9;}
.n_banner img{width: 100%;}
.n_title{ color:var(--zmain-color); text-transform:capitalize;font-size: 0.32rem; line-height: 0.42rem; z-index: 999; z-index: 9;padding-bottom: 0.2rem; position: relative; padding-bottom:20px; margin-bottom: 15px; font-family: var(--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: -15px; 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;}

.mbx_section{position:absolute; left: 0; bottom: 0;width: 100%; z-index: 99999; overflow: hidden;}
.mbx_section .mbx{position: relative; background: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; display: inline-block; padding: 6px 30px;}
.mbx_section .mbx:after{content: ""; position: absolute;background-color: transparent; bottom: 0;height: 40px; width: 20px;right: 100%;border-bottom-right-radius: 8px;box-shadow: 0 20px 0 0 #fff;}
.mbx_section .mbx:before{content: ""; position: absolute;background-color: transparent; bottom: 0;height: 40px; width: 20px;left: 100%;border-bottom-left-radius: 8px;box-shadow: 0 20px 0 0 #fff;}
.mbx_section span{ margin-right: 0.04rem; color:var(--zmain-color);}
.mbx_section i{ color:var(--zmain-color); margin: 0px 0.1rem;}
.mbx_section a,.mbx_section h2,.mbx_section a, .mbx_section p{ font-size: 0.15rem; color: #666; font-weight: normal;display: inline-block; text-transform: capitalize;}
@media only screen and (max-width:992px) {
.n_banner{ min-height:0; padding:0;}
.mbx_section{ text-align: center; display: none;}
.n_title{ display: none;}
.mbx_section .mbx{ float: none; margin: 0;}
}


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

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

/*mes_section*/
.page_bg{background:#f7f7f7;}
.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;overflow: hidden; margin-bottom: 0.4rem;}
.contact_info ul{list-style:none;padding:0;}
.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: 50px; 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:0.16rem; font-style: normal;text-transform:uppercase;color:var(--zmain-color); margin-top: -0.1rem; font-family: var(--title-font);}
.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{ background: #f0f0f0; border-radius: 5px; padding: 0.3rem; margin-bottom: 0.5rem;}
.contact_bg .n_title:after{display: none;}
.contact .i_title{ margin-bottom: 20px;}
.contact .con_sns a{ background: var(--zhover-color); display: inline-block;}

.mes_section{position: relative; height: 100%;}
.mes_section .i_title{margin-bottom: 0;}
.mes_section .i_title .title{ font-size: 0.3rem; line-height: 0.4rem; color: var(--zmain-color);text-align: left; display: block; text-transform:capitalize; margin-bottom: 0; border-bottom: 1px solid #eee; padding: 0.15rem 0.3rem; background: none; font-family: var(--title-font);}
.mes_section .inquiry{padding: 0.3rem;}
.mes_section .inquiry ul li input, .mes_section .inquiry ul li textarea{background:#f7f7f7;}
.mes_section .mess_main{text-align: left; background: #fff; border-radius:10px; border: 1px solid #eee;}
.mes_section .mess_main .left{ float: left;padding-right: 0.3rem;}
.mes_section .mess_main .right{ padding-left: 0.3rem;  border-left: 2px dotted #eee;}
.mes_section .mes_left{ float: left; width: 100%; padding-top: 0.6rem;}
.mes_section .mes_left .i_title .h4{ font-size:0.4rem;}
.mes_section .mes_left .i_title{ margin-bottom: 10px;}
.mes_section .mes_right{ float: left; width: 45%; margin-top: 60px; background-size: cover; padding: 0.5rem;}
.mes_section .mes_right{position: relative;}
.mes_section .mes_right .mes_con{ border-radius: 5px; padding: 0.3rem; background: rgba(255,255,255,0.95); width: 376px; font-size: 15px;}
.mes_section .mes_right .mes_con .title{  font-size: 0.3rem;  text-transform: capitalize; color: #333; }
.mes_section .mes_right .mes_con p{ font-size: 15px; color: #808080; line-height: 22px;}
.mes_section .mes_right .mes_con img{flex-shrink: 0; margin-right: 14px; border-radius: 50%; background: var(--zmain-color);}
.mes_section .mes_right .mes_con ul{margin-top: 10px;}
.mes_section .mes_right .mes_con a,.mes_section .mes_right .mes_con .p{ text-transform: none; display: block; line-height: 26px !important;}
.mes_section .mes_right .mes_con ul{margin-top: 20px;}
.mes_section .mes_right .mes_con ul li a{line-height: 36px;}
.mes_section .mes_right .mes_con ul li{display: flex;align-items: flex-start; margin-bottom: 30px;}
.mes_section .ms_btn{ width: auto;}
.con_other{ display: inline-block; text-align: left; padding-bottom: 0.6rem;}

@media only screen and (max-width:1700px) {
.mes_section .mes_left{ padding-left: 8%; padding-right: 4%; padding-top: 110px;}
.mes_section .mes_right .mes_con{ padding: 25px;}
.mes_section .mes_right .mes_con ul li{margin-bottom: 10px;}
}

@media only screen and (max-width:1260px) {
.mes_section .mes_right>img{min-height: 600px; width: auto; max-width: none;}
.mes_section .mes_right .mes_con{width: 80%;}

}


@media only screen and (max-width:768px) {
	.contact_info ul{display: block;}
	.contact_info ul li{margin-bottom: 10px;}
	.mes_section .mess_main{margin-bottom: 30px;}
	.contact_info ul li em{ font-size: 14px;}
	.contact_info ul li p{font-size: 14px; line-height: 20px;}
}


.n_honor ul li{ list-style: none; float: left; width: 20%; padding: 0px 10px; text-align: center; margin-bottom: 20px;}
.n_case ul li{ padding:0; margin-bottom: 0;}
.n_honor ul li .li{ position: relative; display: inline-block;}
.n_honor ul li:nth-child(5n+1){ clear: both;}
.n_honor ul li img{border: 1px solid #eee; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.n_honor ul li p{font-size: 18px; margin-top: 10px;  color: #333; font-family: var(--bold-font);}

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

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


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


.left_nav{  border-top: none;background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.08);}
ul.mtree{opacity: 0;margin-left: 0;  border-top: none; padding: 10px 10px 5px;}
ul.mtree a:hover{ color: var(--zhover-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-family:var(--bold-font); }
ul.mtree>li>h2>a i{ width: 0.5rem; height:46px; padding: 0.05rem; display: inline-block; margin-right: 0.15rem; border-right:1px solid #fff;}
ul.mtree>li>h2>a i img{filter: brightness(0);filter: black; opacity: 0.3;transition: 0.3s all;}
ul.mtree>li>a{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; display: flex;align-items: center;  height:46px; padding-left: 0.1rem; color: #333; font-size: 16px; font-family:var(--bold-font);}
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; background: #fff; border-bottom: 1px solid #eee;}
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: 14px; font-family:var(--bold-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>h2>a{color:#fff; background:var(--zhover-color);}
ul.mtree>li.mtree-open{color:#fff; background:var(--zhover-color);padding-bottom:0;}
ul.mtree>li.mtree-open>h2>a{ color: #fff;}
ul.mtree ul { background: #eee;}
ul.mtree ul li{list-style:none; position:relative; border-bottom: 1px solid #fff;}
ul.mtree ul li.active a{ color: var(--zhover-color)}
ul.mtree ul li:last-child{ border-bottom: none;}
ul.mtree ul li a{display:block;color:#111;}
ul.mtree>li>ul>li>h2>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; background:#fff; padding: 0 6px; border-left: 1px solid #eee; border-right: 1px solid #eee;}
ul.mtree li ul.mtree-level-2 li{border: none; background: #fff;}
ul.mtree li ul.mtree-level-2 li a{ padding-left:0; color: #666; padding-left: 15px; position: relative; font-family: var(--main-font);}
ul.mtree li ul.mtree-level-2 li a:after{ position: absolute; content: ''; width: 4px; height: 4px; background: var(--zhover-color); left: 4px; top: 50%; margin-top: -2px;}
ul.mtree li ul.mtree-level-2 li.active a{ color: var(--zhover-color);}
ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:var(--zhover-color) ;font-weight:normal;}
ul.mtree.jet ul {margin-left: 0;}
ul.mtree.jet li {margin-bottom: 1px;}
ul.mtree.jet li:last-child {margin-bottom: 0px;}
ul.mtree.jet li:first-child {margin-top: 1px;}
ul.mtree.jet li.mtree-active a {background: #e5e5e5;}
ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;}
ul.mtree.jet li.mtree-active > a {background: var(--zhover-color);color: #FFF; border-radius: 3px 3px 0px 0px;}
ul.mtree.jet li > a:hover { background: #FFC000;color: #FFF;}
ul.mtree.jet a { padding: 5px 0px 5px 1em;}
ul.mtree.jet li li > a { padding-left: 2em;}

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

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

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

.nav_h4{line-height: 0.3rem; font-size:0.2rem; position:inherit; text-transform:capitalize;position: relative; padding-bottom: 10px;  background:var(--zmain-color); color: #fff; line-height: 28px; padding:10px 20px; font-family: var(--title-font);}
.nav_h4::after{ content:none;}
.nav_h4:before{ content:"\f03a";color:#fff; float:right; font:normal normal normal 18px/1 FontAwesome; margin-right:0.06rem; line-height:0.32rem;}
.toggle_content{width: 100%;}
@media only screen and (max-width:992px) {
.nav_h4,.left_h4{ position:relative;color:#fff;padding:0px 0.1rem;  font-size: 18px; line-height: 0.5rem; margin-bottom: 0; background:#333;}
.nav_h4:before{ content:none;}
.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;}
}


.hot_left{ position: relative;margin-top:30px;background: #ffffff; border: 1px solid #eee;}
.hot_left ul{padding:0.15rem;}
.hot_left ul li{list-style: none;}
.hot_left .li{ width: 100%; margin-bottom: 10px; position: relative; background: #f9f9f9; overflow: hidden; border-radius: 5px;}
.hot_left .li .img{ float: left; width: 100px; margin-right: 10px;overflow: hidden; padding: 8px; border-right: 1px solid #eee; background: #f9f9f9;}
.hot_left .li .title{ margin-bottom: 5px; line-height: 22px; max-height: 44px; overflow: hidden; display: block;  font-size:15px; line-height: 20px; max-height:40px; overflow: hidden; color: #444; margin-top: 10px; padding-right: 5px; font-family: var(--bold-font);}
.hot_left .li .more{  color: var(--zmain-color); text-transform: capitalize; font-size:14px;font-family: var(--bold-font);}
.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;}


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


.page_num{width:100%;  margin-top: 0.3rem; }
.page_num a,.page_num span{display: inline-block; width: 54px; height: 54px; line-height: 54px; border: 1px solid #eee; box-sizing: border-box; position: relative; font-size:14px; background: #fff;  text-align: center;}
.page_num a i{ line-height:54px;}
.page_num a:hover{ color: #333;-webkit-animation: qodef-jump .6s cubic-bezier(.43,.41,.36,.9) forwards; animation: qodef-jump .6s cubic-bezier(.43,.41,.36,.9) forwards}
.page_num span{ background: var(--zmain-color); color:#fff;box-shadow: 0 10px 24px 0px rgba(0, 0, 0, .07);}
@media only screen and (max-width:992px) {
	.total{width: 100%; text-align: left;}
	.page_num a,.page_num>span{margin: 4px;}
	.page_num a{min-width:40px;}
	.page_num a, .page_num span{width: 36px; height: 36px; line-height: 36px;}
	.page_num a i{line-height: 36px;}
}

@media only screen and (max-width:400px) {
.page_num a{min-width:30px; padding: 0px 6px;}
}

/*page-turning*/
.navigation{width:100%;list-style:none;margin-top:20px;overflow: hidden; display: flex;background: #f0f0f0;}
.navigation li{float:left;text-align:left; padding:20px 10px; width: 100%;}
.navigation li a{position:relative;display:block;transition:all .5s;padding:0 20px;border-radius:0;}
.navigation li a:hover{text-decoration:none;}
.navigation li a:before{font-family:'FontAwesome';font-size:20px;position:absolute;top:50%;width:50px;height:50px;line-height:50px;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s; border-radius: 50%;}
.navigation li.prev_post a{padding-left: 66px; border-right: 1px solid #ccc;}
.navigation li.next_post a{padding-right: 66px; text-align: right;}
.navigation li.prev_post a:before{left:0;content:"\f0d9"; color: #fff; }
.navigation li.next_post a:before{right:0;content:"\f0da";color: #fff;}
.navigation li a:before{color: #fff;background: var(--zmain-color); padding: 0 0.2rem; transition: 0.5s;}
.navigation li:hover a:before{color: #fff;background: var(--zmain-color); padding: 0 0.15rem;}


.navigation li a .meta_nav{display:inline-block;text-transform:uppercase;color:#333;margin-bottom:0;line-height:20px;transition:all .5s;  font-size: 15px; font-family:var(--bold-font);}
.navigation li a:hover .meta_nav{color:var(--zmain-color); }
.navigation li a .post_title{overflow:hidden;line-height:20px;max-height:40px;margin:0;transition:all .5s;}
.navigation li a:hover .post_title{color:#666;}


@media only screen and (max-width: 768px) {
	.navigation{border:none;padding-top:0;margin-bottom:0; border-radius: 15px; display: block;}
	.navigation li{width:100%;border-radius:0;padding:0;}
	.navigation li.prev_post{margin-bottom: 10px;}
	.navigation li.prev_post a{padding-left:60px;border-radius: 0; border-right: none;}
	.navigation li.next_post a{padding-left:60px;border-radius: 0; padding-right: 0; text-align: left;}
	.navigation li.prev_post a:before{left:10px;}
	.navigation li.next_post a:before{left:10px;}
	.navigation li a:before{width:40px;height:40px;line-height:40px;}
	.navigation li a .meta_nav{color:#333;margin-bottom: 0;}
	.navigation li a{padding-top:10px;padding-bottom:10px;padding-right:10px;}
}


.tags_ul{ margin: 0.2rem 0; overflow: hidden; border-top: 1px solid #eee; padding-top: 0.2rem;}
.tags_ul span{  text-transform:uppercase; color:#333; margin-right:0.06rem; font-size:16px; font-family: var(--bold-font);}
.tags_ul h2{ display: inline-block;}
.tags_ul a{ display:inline-block; padding:0.06rem 0.2rem; text-transform: capitalize; background:#eee; font-size: 14px; margin: 1px; color: #555; }
.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;}
.blog_nav .toggle_content{padding:0 0.2rem;}
.blog_nav ul li{ list-style:none; background: #fff; margin-bottom: 6px; border-bottom: 1px solid #e0e0e0;}
.blog_nav ul li:last-child{ border-bottom: none;}
.blog_nav ul li a{ font-size:16px; color:#333; line-height:0.22rem; padding:0.12rem 0; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-family: var(--bold-font); }
.blog_nav ul li a i{ color:#ccc;  margin-right:0.1rem;}
.blog_nav ul li a:hover{ color:var(--zmain-color); padding-left:0.1rem;}
.blog_nav ul li a:hover i{ color:var(--zmain-color);}


.hot_tags{ margin-top:30px;  background: #fff; border: 1px solid #eee;}
.hot_tags .toggle_content{padding: 0.2rem;}
.hot_tags a{ display:inline-block; padding: 0.08rem 0.12rem; text-transform: capitalize; font-size: 14px; color: #555; background:#eee; margin:2px; }
.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: 5px; border: none;}

}


/*products_list*/
.products_m{ margin-bottom:15px;}
.cbp-vm-switcher {width:100%; }
.cbp-vm-options{ text-align:left; float: left; margin-bottom: 15px;}
.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:36px;overflow: hidden;white-space:nowrap;color:#333; line-height:36px; text-align:center; width:42px; background:#fff; vertical-align: middle; box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, .04); display: flex; align-items: center; justify-content: center; float: left;border: 1px solid #eee;}
.cbp-vm-options a svg{ width: 16px; height: 16px; color: #999;transition: 0.5s all;}
.cbp-vm-options a:hover,.cbp-vm-options a.cbp-vm-selected{background: #f9f9f9;}
.cbp-vm-options a:hover svg, .cbp-vm-options a.cbp-vm-selected svg{ color: #333;}

/* 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;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.cbp-vm-switcher ul li .img{ border:none; border-bottom: 1px solid #eee; display: block; }
.cbp-vm-switcher ul li .title{ font-family: var(--bold-font); font-size: 16px; color: #333; line-height: 24px; height: 48px; display: block; overflow: hidden;}
.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;}
.li:hover .cbp-vm-image  .img img{ transform: scale(1.1);}

/* List view */


/*list1*/
.cbp-vm-view-grid ul{margin: 0 -10px;}
.cbp-vm-view-grid ul li {margin-bottom: 20px;}
.cbp-vm-view-grid ul li .li{ background: #fff; transition: 0.5s; overflow: hidden; border: 1px solid #eee;}
.cbp-vm-view-grid ul li .li .text{ padding: 15px;}
.cbp-vm-view-grid ul li .li:hover{ box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); background: #fff;}
.cbp-vm-view-grid ul li {width:25%;text-align: left;vertical-align: top;float:left; padding: 0 10px;}
.cbp-vm-view-grid ul li:nth-child(4n+1){ clear: both;}
.cbp-vm-view-grid ul li .tags_ul,.cbp-vm-view-grid ul li .p{ display: none;}
.cbp-vm-view-grid ul li .li .text .my_more1{ height: 24px; background: none; padding: 0; color: var(--zmain-color); font-family: var(--title-font);}
.cbp-vm-view-grid ul li .li .text .my_more1:after{ display: none;}
.cbp-vm-view-grid ul li .li:hover .text .my_more1{ color: var(--zhover-color); box-shadow: none;}
.cbp-vm-view-grid ul li .li:hover .text .my_more1:after{ display: none;}
/*list2*/
.cbp-vm-view-list li {text-align:left;white-space:normal;  margin-bottom:0; }
.cbp-vm-view-list li .i_more{ margin-top:0px; }
.cbp-vm-view-list li{ margin-bottom: 0.2rem;}
.cbp-vm-view-list li:last-child{ border-bottom: 1px solid #eee;}
.cbp-vm-view-list li:before, .cbp-vm-view-list li:after { content: " "; display: table;}
.cbp-vm-view-list li:after { clear: both; }
.cbp-vm-view-list ul li .li{ display: flex;}
.cbp-vm-view-list ul li .title{ max-height: 48px; height: auto; font-size: 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: 20px; height: 40px; margin-top: 8px;}
.cbp-vm-view-list ul li .li{ padding-bottom:10px; padding-right: 80px; background: #f7f7f7; padding: 0.2rem;}
.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: 3rem; margin-right: 20px;}

@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;}
	.cbp-vm-view-grid ul li:nth-child(4n+1){ clear: none;}
	.cbp-vm-view-grid ul li:nth-child(3n+1){ clear: none;}
	.cbp-vm-view-grid ul li:nth-child(2n+1){ clear: both;}
	.pro_main ul li .title{font-size: 14px;}
}

@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 li{float: left; list-style: none; margin-bottom: 0.3rem;}
.news ul li .li{ border: 1px solid #eee; background: #fff; border-radius: 5px;box-shadow: 0 10px 44px 0px rgba(0, 0, 0, .08); display: flex;align-items: flex-start;position: relative; transition: 0.5s all; overflow: hidden; padding: 0.2rem;}
.news ul li .li .news_title{ background: #fff;}
.news .img{ width:50%; overflow:hidden; display:block; position:relative;transition: 0.5s all; flex-shrink: 0;}
.news .text{ width:100%;transition: 0.5s all; }
.news .img img{ width:100%;}
.news .li .title{ line-height: 24px; font-size: 18px; height: 48px; color:#333; display:block; overflow:hidden; font-family:var(--bold-font);} 
.news  ul li{ list-style:none; margin-bottom:0.3rem;  transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; }
.news ul li:last-child{ margin-bottom: 0;}
.news ul 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 li .li .main{ padding-left: 0.3rem;}
.news  ul li p{color:#555; max-height:48px; overflow:hidden; line-height:24px; margin-bottom:10px;}
.news  ul li:hover .img{background: #000;}
.news  ul li:hover .img img{transform: scale(1.1); opacity: 0.7;}
.news  ul li .img{ position: relative; flex-shrink: 0;}
.news  ul li .img img{ width: 100%;}

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

.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: 768px) {
	.news ul li .li{display: block;}
	.news ul li .li .main{ padding: 0; margin-top: 10px;}
	.news .img{width: 100%;}
	.news .text{width: 100%; margin-top: 10px; padding-left: 0;}

}


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



/*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:0.18rem;line-height:0.24rem;text-transform:uppercase;display:block; padding:0;padding:0.15rem 0.2rem;transition:all .5s; color: #333;  font-family:var(--bold-font);}
.stp-top .page_info_title:hover{text-decoration:none;color:var(--zmain-color);}
.stp-top .page_info_title i{padding-left:0.05rem;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.stp-top .page_info_title:hover i{padding-left:0.08rem;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.stp-listB{display:block;padding:0.15rem;border:1px solid #eee;border-top:none;padding:0.3rem 0.2rem;list-style:none;margin-top:-1px;background:#fff;border-radius:0;}
.stp-listB>li{width:25%;padding:0.08rem 0.1rem;float:left;overflow:hidden;}
.stp-listB>li>a{line-height:0.22rem;display:block;color:#4d4d4d;}
.stp-listB>li>a i{padding-right:0.05rem;}
.stp-listB>li:hover>a{color:var(--zmain-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: #f7f7f7;display: flex; padding:0.5rem; padding-bottom: 0; margin-bottom: 0.5rem; border-radius: 16px;}
.pro_page .prom_img{ width:45%; position: relative;}
.pro_page .main_text{ width:55%; padding-left: 0.3rem; padding-bottom: 0.5rem;}
.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; margin-bottom: 15px;}
.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: 80px; position: relative;}
#pro_img_thumbs{padding-right: 1px;}
#pro_img_thumbs .swiper-wrapper{display: block;}
#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);}
#pro_img_thumbs{ position: absolute; left: 0; top: 0; width:68px; height:100%;}
#pro_img_thumbs .swiper-slide{ height: 25%; display: flex;align-items: center;justify-content: center;}

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

/*pro_detail*/
#content{ position: relative;top: -0.6rem;}
.pro_main_title{font-size:0.24rem; overflow:hidden; display:block;text-transform:capitalize; color:#333; line-height:0.3rem; margin-bottom: 0.15rem; font-family:var(--bold-font); border-bottom: 1px solid #eee; margin-bottom: 0.3rem; padding-bottom: 0.3rem;}
.pro_main_text{ padding-bottom:0.1rem;}
.pro_table ul{padding-left: 0; margin-bottom: 20px;}
.pro_table ul li{ color:#666;list-style:none; float: left; width:100%; display: flex;align-items: flex-start; padding: 4px 0;}
.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: 28%; font-family:var(--bold-font);}
.main-more{ text-align:left !important; margin-top:30px;}
.pro_more{margin-bottom: 20px;}
.pro_more a{background: #333; text-transform: capitalize;line-height:50px; padding: 0 0.15rem; display: inline-block; font-size: 16px; color: #fff; margin-right: 0.1rem; position: relative; font-family: var(--bold-font);}
.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{display: inline-block;}
.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;}
.products_main .tab-content{ border: 1px solid #eee; padding: 0.3rem;  background: #fff;}
.tab-content > .tab-pane { display: none;}
.tab-content > .active {display: block;}
.products_main .nav-tabs{background: #f7f7f7; margin-top: 0.4rem;}
.products_main .nav-tabs li{list-style: none; background: #f7f7f7;  float: left; margin-right: 4px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.products_main .nav-tabs li a{ color: #333;font-size:0.24rem; display: inline-block; padding:10px 20px; line-height: 30px; text-transform: capitalize;  border-radius: 0; border: 1px solid #f7f7f7; border-bottom: none; border-top-left-radius: 5px;border-top-right-radius: 5px;   margin-bottom: -1px; font-family: var(--title-font);}
.products_main .nav-tabs li.active a{ color:#333; background:#fff; border: 1px solid #eee; border-bottom: none; border-top:none;}
@media only screen and (max-width: 992px) {
.swiper_vertical{padding-left: 0;}
.pro_page{display: block; padding: 20px;}
.products_main .nav-tabs li a{ font-size: 15px; padding: 5px 10px;}
.pro_table ul li{font-size: 14px;}
.pro_table ul li p{min-width: 30%; font-size: 12px;}
.pro_page .prom_img{ width:100%; position: relative;}
.pro_page .main_text{ width:100%; padding-left: 0; margin-top: 20px;}
#pro_img_thumbs{ position: inherit; width: 100%; margin-top: 10px; height: auto !important;}
.prom_img #pro_img_thumbs>.swiper-wrapper{display:inline;}
.prom_img #pro_img_thumbs .swiper-slide{ list-style: none; width:20% !important; float: left; opacity: 1 !important; float:left; height:auto !important;}

}



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

}

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

.pro_inq{ position: relative; background:#fff; overflow: hidden;border-radius: 10px; padding: 0.3rem;box-shadow:rgba(0, 0, 0, 0.15) 0px 10px 30px 0px; border-top: 3px solid var(--zmain-color);}
.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; background:#fff; padding: 10px 0; border-radius: 0; line-height:22px; border-bottom: 1px solid #e5e5e5; font-size: 16px;}
.pro_inq .inquiry .ms_btn{ width: auto;}

.rel_section{overflow: hidden; padding:0.6rem 0; background: #eee;}
.rel_section .i_title .title{ font-size: 0.3rem; line-height: 0.36rem; margin-bottom: 0.3rem;}
.rel_section .swiper-slide{ opacity:0;transition: 0.5s all;}
.rel_section .swiper-slide.swiper-slide-visible{ opacity: 1;}
.rel_section .swiper-slide{width:25%; padding: 0 0.1rem;}
.rel_section .li{ padding:12px; border: 1px solid #eee; background: #fff; text-align: left;transition: 0.5s all; box-shadow: 0 20px 50px rgba(0,0,0,0.05); text-align: center;}
.rel_section .img{ position: relative; display: block; overflow: hidden;}
.rel_section .li .h4{ color: #333; font-size:16px;display: block; line-height:24px; height:48px; margin-bottom: 6px; overflow: hidden;  margin-top: 10px; font-family:var(--bold-font);}
.rel_section .li p{ color: #777; line-height:22px; font-size: 16px; height: 44px; display: block;overflow: hidden;  margin-bottom: 0.15rem;}
.rel_section .li:hover .img img{transform: scale(1.05);}
.rel_section .li:hover{ border-color:var(--zmain-color);}

@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: 768px) {
.rel_section .li .h4{font-size: 14px; line-height: 20px; max-height: 40px;}
.rel_section{padding:0.4rem 0; }
.rel_section .swiper-slide{ width: 33.33%;}
.rel_section .swi_position{ padding: 0 0.3rem; margin-top: 0;}
.rel_section .swi_position .swiper-button-prev{ left: -0.2rem;}
.rel_section .swi_position .swiper-button-next{ right: -0.2rem;}
.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;}

}

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


.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;transition: 0.5s all;}
.blog_list li .li .blog_info{padding:0 0.3rem 0.3rem;}
.blog_list li:last-child .li{ margin-bottom: 0;}
.news_day{ font-size: 12px; margin: 12px 12px 6px 0; padding: 2px 10px 2px 4px; background: #f9f9f9; border: 1px solid #eee; display: inline-block; line-height: 20px; color:#666;display: inline-flex;align-items: center; border-radius: 5px;}
.news_day i,.tags_ul i{width: 18px; height: 30px;line-height: 30px; text-align: center; border-radius: 50%;position: relative; color: var(--zmain-color); margin-right: 4px; font-size: 12px; display: inline-flex;align-items: center; justify-content: center; flex-shrink: 0;}

.blog_list li .image{display:block;overflow:hidden;margin-right:0.2rem; float: left; max-width: 100%; border-radius: 5px; margin-top: 15px;}
.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:30px;font-size:20px;  border-bottom: 1px solid #eee;padding:0.2rem 0.3rem; background: #eee; font-family: var(--bold-font);}
.blog_list li .title:hover{ color: #333;}
.blog_list li .main{padding: 0.3rem;}
.blog_list li .text{ line-height:24px;overflow:hidden;max-height:120px; color: #666;}
.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 .image{ width: 100%; margin-right: 0; float: none;}
}


/*faq_item*/
.faq_item #accordion .panel{ position: relative; margin-bottom: 16px; background: #f7f7f7;}
.faq_item #accordion .panel-title a{display: flex;font-size: 0.2rem;color: #333;position: relative; padding-left: 22px; min-height: 0.6rem;align-items: center; font-family: var(--title-font); border-bottom: 1px solid #fff;}
.faq_item #accordion .panel-title a:after,.faq_item #accordion .panel-title a.collapsed:after{content: "\f106";font-family: fontawesome;width: 24px;height: 24px;line-height: 24px;border-radius: 50%;text-align: center;font-size: 20px;color:#fff;position: absolute;top: 18px;right: 18px;transition: all 0.3s ease 0s; background:#07278b;}
.faq_item #accordion .panel-title a.collapsed:after{content: "\f107";}
.faq_item #accordion .panel-body{padding:22px;font-size: 14px;color: #333;line-height: 25px;border-top: none;position: relative;}
.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_item .collapse.in {display: block;}
.faq .panel{ background: #f0f0f0; border-bottom: 1px solid #f7f7f7;}


/*video_l*/
.video_l{list-style:none;}
.video_l li{margin-bottom: 0.3rem;}
.video_l li .column{transition:all .5s;background:#fff;border-radius: 0; padding-bottom: 10px; background: #f7f7f7;}
.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-family: var(--bold-font); }
.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%;}
	.video_l li:nth-child(4n+1){clear: none;}
	.video_l li:nth-child(3n+1){clear: none;}
	.video_l li:nth-child(2n+1){clear: both;}
}
@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{margin: 0px -10px; position: relative; z-index: 888;}
.case ul li{ list-style: none; padding: 0px 10px; float: left; width: 25%; margin-bottom: 20px;}
.case ul li:nth-child(4n+1){ clear: both;}
.case ul li .li{ position: relative; overflow: hidden;  background: #f7f7f7;transition: 0.5s all;}
.case ul li:hover .li{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.case ul li .li .a{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.case ul li .li .img{ position: relative; display: block; overflow: hidden;}
.case ul li .li .img img{ width: 100%;}
.case ul li .li .text{ padding: 15px 0; text-align: center;}
.case ul li .li .text .title{ font-size: 16px; color: #333; display: block; line-height: 24px; height: 48px; overflow: hidden;font-weight: 500; padding: 0 10px; font-family: var(--bold-font);}
.case ul li .li:hover .title{ color:var(--zmain-color);}
.case ul li .li:hover .img img{transform: scale(1.1);}

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

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

/*download*/
.download ul{border: 1px solid #eee; border-radius: 10px; overflow: hidden;}
.download ul li{  list-style: none; display: flex; justify-content: space-between; border-bottom: 1px solid #eee; padding: 20px; background:#fff;}
.download ul li:last-child{border-bottom:none;}
.download ul li .title i{box-shadow: 0 10px 24px 0px rgba(0, 0, 0, .07); width: 0.54rem; height: 0.54rem; border-radius: 10px;line-height: 0.54rem; text-align: center; font-size: 0.2rem; flex-shrink: 0; color: var(--zmain-color); margin-right: 10px;}
.download ul li .title{  color: #333; display: flex; font-family: var(--bold-font);align-items: center;}
.download ul li:hover .title{ color: var(--hover-color); text-decoration: underline;}
.download ul li .my_more1{padding: 0 20px; background: var(--zmain-color); color:#fff; border-color: var(--zmain-color); margin-left: 20px; flex-shrink: 0;}
.download ul li .my_more1:after{display: none;}
.download ul li .my_more1 i{ margin-right: 6px;}

@media only screen and (max-width: 768px) {
	.download ul li{display: block;}
	.download ul li .my_more1{margin-left: 0; margin-top: 10px;}
}
.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-family: var(--bold-font); height: 40px; transition: 0.5s; display: flex;align-items: center; margin-bottom: 10px;}
.car_li{margin-bottom: 30px;}
.car_li .li{ float: left; width: 50%; padding-right: 6px;}
.car_li .li .checkbox-tile{ position: inherit;display: inline-block; padding: 10px 15px; margin-bottom: 6px; position:relative; padding-left: 36px; font-family: var(--bold-font);}
.car_li .li .checkbox-tile:before{ left: 10px; top: 16px;}

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


.pro_select { margin-bottom:0.5rem;}
.pro_select #rower{ padding: 0.3rem;background:#f7f7f7;}
.pro_select .pro_select_list { width:20%;position: relative; padding-right: 10px;}
.pro_select .prS_select {position: relative;display: block;width: 100%;z-index: 5;}
.pro_select select {height:46px;width: 100%;border: 1px solid #eee;background-color: transparent;padding-left: 15px;font-size: 16px;color: #333333;Appearance: none;-webkit-appearance: none;border-radius: 0;box-shadow: 0 2px 8px 0 rgba(0,0,0,0.08);}
.pro_select .pro_select_wrap:after {content: "\f107";font-family: 'FontAwesome';position: absolute;right: 20px;line-height: 16px;font-size: 16px;color: #808080;top: 16px;}
.pro_select .rower_2{width:100%;}
.pro_select .rower_2 form{ display: flex; justify-content: space-between;flex-wrap: wrap;}
.pro_select #rower{ display: flex;}
.pro_select .main_more { position: relative;display: inline-flex; transition: all .6s; z-index: 3; color: #ffffff; line-height:46px; height: 46px; border-radius: 0; padding-left: 0.4rem; padding-right: 0.4rem; background: #073e83; font-size: 14px; overflow: hidden; font-weight: 700;text-transform: uppercase;margin-left: 10px;}
 
.pro_select_more{flex-shrink: 0; }

@media only screen and (max-width: 1299px) {
	.pro_select .pro_select_list{ width: 21%;}
	.pro_select select{ font-size: 12px; padding-left: 10px; height: 36px;}
	
}
@media only screen and (max-width: 992px) {
	.pro_select #rower{ flex-wrap: wrap;}
	.pro_select .rower_2{ width: 100%;}
	.pro_select .rower_2 form{justify-content: flex-start;}
	.pro_select_more_2{ margin-top: 0.15rem;}
 
}

@media only screen and (max-width: 768px) {
.pro_select .pro_select_wrap {width: 50%;margin-bottom: 10px;padding: 0 5px;}
.pro_select .pro_select_more {  width:100%;}
.pro_select .pro_select_more .main_more {display: block;height: 36px; line-height: 36px; font-size: 12px;}
.pro_select .pro_select_more .main_more{ width:100%; margin-left: 0;}
.pro_select_more_2{ width:100%}
.pro_select select{   height: 36px;}
.pro_select .pro_select_wrap:after { top: 10px;}
 
}

@media only screen and (max-width: 320px) {
.pro_select .pro_select_wrap {width: 100%;padding: 0;}
.pro_select .pro_select_more {padding: 0;}
}

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

.addthis_toolbox{ float: left; margin-top: 10px !important; margin-right: 10px;}