@charset "UTF-8";
@font-face {
	font-family: "poppins";
	src: url("../font/Poppins-Light.woff2") format("woff2"),
		 url("../font/Poppins-Light.woff") format("woff"),
		 url("../font/Poppins-Light.ttf") format("truetype"),
		 url("../font/Poppins-Light.eot") format("embedded-opentype"),
		 url("../font/Poppins-Light.svg") format("svg"),
		 url("../font/Poppins-Light.otf") format("opentype");
  }
  @font-face {
	font-family: "poppins_R";
	src: url("../font/Poppins.woff2") format("woff2"),
		 url("../font/Poppins.woff") format("woff"),
		 url("../font/Poppins.ttf") format("truetype"),
		 url("../font/Poppins.eot") format("embedded-opentype"),
		 url("../font/Poppins.svg") format("svg");
  }
  @font-face {
	font-family: "poppins_M";
	src: url("../font/Poppins-Medium.woff2") format("woff2"),
		 url("../font/Poppins-Medium.woff") format("woff"),
		 url("../font/Poppins-Medium.ttf") format("truetype"),
		 url("../font/Poppins-Medium.eot") format("embedded-opentype"),
		 url("../font/Poppins-Medium.svg") format("svg"),
		 url("../font/Poppins-Medium.otf") format("opentype");
  }
  @font-face {
	font-family: "poppins_S";
	src: url("../font/poppins-semibold.woff") format("woff"),
		 url("../font/poppins-semibold.eot") format("woff2"),
		 url("../font/poppins-semibold.ttf") format("truetype"),
		 url("../font/poppins-semibold.eot") format("embedded-opentype"),
		 url("../font/poppins-semibold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
  }
  @font-face {
	font-family: "Rubik_M";
	src: url("../font/Rubik-Medium.woff2") format("woff2"),
		 url("../font/Rubik-Medium.woff") format("woff"),
		 url("../font/Rubik-Medium.ttf") format("truetype"),
		 url("../font/Rubik-Medium.eot") format("embedded-opentype"),
		 url("../font/Rubik-Medium.svg") format("svg"),
		 url("../font/Rubik-Medium.otf") format("opentype");
  }
/*iconfont*/
  @font-face {
	font-family: "iconfont";
	src: url('../font/iconfont.woff2?t=1721718167610') format('woff2'),
		 url('../font/iconfont.woff?t=1721718167610') format('woff'),
		 url('../font/iconfont.ttf?t=1721718167610') format('truetype');
  }

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

.icon-home:before {content: "\e6af";}
.icon-contact:before {content: "\e644";}
.icon-product:before {content: "\e7ba";}
.icon-email-close:before {content: "\e641";}
.icon-email-open:before {content: "\ef5e";}
.icon-mes:before {content: "\e610";} 
.icon-address:before {content: "\e7e7";}
.icon-code:before {content: "\e600";} 
.icon-tel:before {content: "\e603";}
.icon-skype:before {content: "\e87d";}
.icon-email:before {content: "\e628";}
.icon-whatsapp:before {content: "\e8ea";}
.icon-name:before {content: "\e74c";}
.icon-im:before {content: "\e632";}
.icon-tworight:before {content: "\e651";}
.icon-jiantright:before {content: "\e6a9";}
.icon-jiantleft:before {content: "\e61f";}
.icon-sanjt:before {content: "\e642";}
  
.icon-dianhua:before { content: "\e614";}
.icon-right:before { content: "\e615";}
.icon-shouyeover:before { content: "\e619";}
.icon-jiantou:before { content: "\e666";}
.icon-jiantouyou:before { content: "\e616";}
.icon-lianxikefu:before { content: "\e646";}
.icon-dianhua1:before {content: "\e62b";}
.icon-shouji:before { content: "\e617";}
.icon-jiugongge01:before {content: "\e61c";}
.icon-iconfontfasong:before {content: "\e60d";}
.icon-jiant:before { content: "\e60f";}
.icon-jituanxinwen:before { content: "\e64d";} 
.icon-message:before { content: "\e632";}
.icon-iconfont-xuhao-fasong-:before { content: "\e69b";}
.icon-home:before {content: "\e610";}
.icon-sousuo:before {content: "\e64c";}
.icon-chanpin:before { content: "\e601";}
.icon-skype-fill:before {content: "\e882";}
.icon-skype:before {content: "\e648";} 
.icon-lianxi:before {content: "\e600";}
.icon-chanpinku:before {content: "\e643";}
.icon-email:before { content: "\e628"; }
.icon-lianximaijia:before { content: "\e644";}
.icon-icon-test:before {content: "\e62f";}
.icon-sousuo1:before { content: "\e65d";}
.icon-lianxi1:before {content: "\e66f";}
.icon-name:before {content: "\e74c";}
.icon-dizhi:before {content: "\e611";}
.icon-dizhi1:before {content: "\e647";}
.icon-riqi:before {content: "\e609";}
.icon-address:before {content: "\e7e7";}
.icon-message1:before {content: "\e604";}
.icon-ico:before {content: "\e65e";}
.icon-weixin:before {content: "\e653";}
.icon-dizhi2:before {content: "\e612";}
.icon-tel:before {content: "\e635";}
.icon-liuyan:before {content: "\e64b";}
.icon-dizhi3:before {content: "\e868";}
.icon-dizhi4:before {content: "\e63d";}
.icon-diqu:before { content: "\e638";}
.icon-date:before {content: "\e62a";}
.icon-contact:before {content: "\e645";}
.icon-dianhua2:before {content: "\e8c3";}
.icon-shouyeshouye:before {content: "\e621";}
.icon-l-about:before {content: "\fe02";}
.icon-dianhua3:before {content: "\e627";}
.icon-jiantou-xiajiang:before {content: "\e68b";}
.icon-jiantouxiangyou:before {content: "\e613";}
.icon-liebiao:before {content: "\e61a";}
.icon-arrowRight:before {content: "\e65f";}
.icon-dianhua4:before {content: "\e639";}
.icon-dianhua-qudao:before {content: "\e63a";}
.icon-line-qrcode:before {content: "\e669";}
.icon-email1:before {content: "\e670";}
.icon-jiant1:before {content: "\e60a";}
.icon-shouye-rengcai-01-01:before {content: "\e618";}
.icon-jiantou1:before {content: "\e6b3";}
.icon-youxiang1:before {content: "\e697";}
.icon-lianxiren:before {content: "\e623";}
.icon-jiantou2:before {content: "\e602";}
.icon-xingming:before {content: "\e6ad";}
.icon-lianxi2:before {content: "\e60b";}
.icon-jiantou3:before {content: "\e651";}
.icon-youxiang:before {content: "\e60e";}
.icon-dianhua5:before {content: "\e6d8";}
.icon-xiayibu-2:before {content: "\e633";}
.icon-lianxiwomen:before {content: "\e6a8";}
.icon-xunpanzixun:before {content: "\e97c";}
.icon-jiantou4:before {content: "\e61e";}
.icon-lianxi3:before {content: "\e622";}
.icon-icon_fayoujian:before {content: "\e6a0";}
.icon-email-open:before {content: "\e68f";}
.icon-jiantou_shangdanbianxian:before {content: "\e7a0";}
.icon-jiantou_xiadanbianxian:before {content: "\e7a1";}
.icon-sanj:before {content: "\e783";}
.icon-whatsapp:before {content: "\e695";}
.icon-dianhua6:before {content: "\e61b";}
.icon-fayoujian:before {content: "\e61d";}
.icon-fayoujian1:before {content: "\e61f";}
.icon-two_right:before {content: "\e724";}
.icon-dianhua7:before {content: "\e603";}
.icon-lianximaijia1:before {content: "\e6bd";}
.icon-product-star:before {content: "\e7ba";}
.icon-whatsapp-fill:before {content: "\eaf9";}
.icon-fayoujian2:before {content: "\ec93";}
.icon-fayoujian3:before {content: "\e764";}
.icon-dianhua8:before {content: "\eaac";}
.icon-1302dizhi:before {content: "\e637";}


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

h2{ font-weight: normal; font-size: inherit;}
.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 {width: 100%; max-width: 14.4rem; margin: 0 auto; padding: 0;}
.container2 {width: 100%; padding-left: 1rem; padding-right: 1rem;}
.container3 {width: 100%; padding-left: 1.5rem; padding-right: 1.5rem;}
.container4 {width: 100%; padding-left: 1.9rem; padding-right: 1.9rem;}
.container5 {width: 100%; padding-left: 1.64rem; padding-right: 1.64rem;}
@media screen and (max-width: 992px)  {.container{padding-left: 0.3rem; padding-right: 0.3rem; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container{padding-left: 15px; padding-right: 15px;}}
@media screen and (max-width: 992px)  {.container2{padding-left: 0.3rem; padding-right: 0.3rem; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container2{padding-left: 15px; padding-right: 15px;}}
@media screen and (max-width: 992px)  {.container3{padding-left: 0.3rem; padding-right: 0.3rem; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container3{padding-left: 15px; padding-right: 15px;}}
@media screen and (max-width: 992px)  {.container4{padding-left: 0.3rem; padding-right: 0.3rem; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container4{padding-left: 15px; padding-right: 15px;}}
@media screen and (max-width: 992px)  {.container5{padding-left: 0.3rem; padding-right: 0.3rem; max-width: 100%;}}
@media screen and (max-width: 769px)  {.container5{padding-left: 15px; padding-right: 15px;}}
@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%;}
}

.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%;}
  }

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

/* BODY */
* {outline: none !important;}
body {margin: 0;padding: 0; font-family: "poppins"; color:#666; line-height: 1.8; font-size: 16px;}
strong,b{font-weight: bold;}
@media screen and (max-width: 1400px) {body {font-size: 15px;}}
@media screen and (max-width: 1200px) {body {font-size: 14px;}}

/*reset*/
body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0; min-height: 1px;}
*,::after,::before {box-sizing: border-box;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{line-height:0; display:taFble; 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;}
.tl{ text-align: left !important;}
.tc{ text-align: center !important;}
iframe,video{max-width:100%;}
.hidden{ display: none !important;}
.hidden_web{ display: none;}
@media screen and (max-width:992px) {
.hidden_mob{ display: none !important;}
.hidden_web{ display: block !important;}
}

/* @media screen and (max-width:768px) {
iframe{ height: auto;}
}
 */

img {max-width: 100%;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out; height: auto;}
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; color: #aaa;  line-height: 22px; }
.inquiry ul{list-style:none; margin: 0px -10px;}
.inquiry ul li{padding:0 10px;margin-bottom:15px;}
.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='22' height='22'%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='%23d5d5d5'%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='22' height='22'%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='%23d5d5d5'%3E%3C/path%3E%3C/svg%3E");}
.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='24' height='24'%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='%23d5d5d5' 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='%23d5d5d5' p-id='9307'%3E%3C/path%3E%3C/svg%3E"); background-position: center 10px;}
.inquiry ul li span.ms_n:before{background-image: url("data:image/svg+xml,%3Csvg t='1742972840402' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='21727' width='24' height='24'%3E%3Cpath d='M512 88.086022c121.619269 0 220.215054 98.595785 220.215054 220.215053 0 78.836989-41.427957 147.995527-103.693764 186.896516 73.970237 21.096602 140.926624 62.067613 193.866323 118.954667a33.032258 33.032258 0 0 1-48.364731 45.006452C706.725161 586.840086 612.748387 545.032258 512 545.032258c-197.637505 0-357.849462 160.211957-357.849462 357.849462a33.032258 33.032258 0 0 1-66.064516 0c0-193.706667 129.926882-357.073204 307.387182-407.695139C333.207398 456.285591 291.784946 387.132559 291.784946 308.301075c0-121.619269 98.595785-220.215054 220.215054-220.215053z m396.387097 748.731182a27.526882 27.526882 0 0 1 27.526881 27.526882v11.010753a27.526882 27.526882 0 0 1-27.526881 27.526881h-192.688172a27.526882 27.526882 0 0 1-27.526882-27.526881v-11.010753a27.526882 27.526882 0 0 1 27.526882-27.526882h192.688172z m0-115.612903a27.526882 27.526882 0 0 1 27.526881 27.526882v11.010752a27.526882 27.526882 0 0 1-27.526881 27.526882h-192.688172a27.526882 27.526882 0 0 1-27.526882-27.526882v-11.010752a27.526882 27.526882 0 0 1 27.526882-27.526882h192.688172zM512 154.150538c-85.13514 0-154.150538 69.015398-154.150538 154.150537s69.015398 154.150538 154.150538 154.150538 154.150538-69.015398 154.150538-154.150538-69.015398-154.150538-154.150538-154.150537z' fill='%23d5d5d5' p-id='21728'%3E%3C/path%3E%3C/svg%3E");}
.inquiry ul li span.ms_c:before{background-image: url("data:image/svg+xml,%3Csvg t='1742972711458' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='17836' width='24' height='24'%3E%3Cpath d='M928 832H896V384c0-70.4-57.6-128-128-128H576V192c0-70.4-57.6-128-128-128H192c-70.4 0-128 57.6-128 128v640H32c-17.92 0-32 14.08-32 32s14.08 32 32 32h896c17.92 0 32-14.08 32-32s-14.08-32-32-32zM512 256v576H128V192c0-35.2 28.8-64 64-64h256c35.2 0 64 28.8 64 64v64z m320 576H576V320h192c35.2 0 64 28.8 64 64v448zM416 256h-192c-17.92 0-32 14.08-32 32s14.08 32 32 32h192c17.92 0 32-14.08 32-32S433.92 256 416 256z m0 192h-192c-17.92 0-32 14.08-32 32s14.08 32 32 32h192c17.92 0 32-14.08 32-32S433.92 448 416 448z m0 192h-192c-17.92 0-32 14.08-32 32s14.08 32 32 32h192c17.92 0 32-14.08 32-32s-14.08-32-32-32z m320-192h-64c-17.92 0-32 14.08-32 32s14.08 32 32 32h64c17.92 0 32-14.08 32-32s-14.08-32-32-32z m0 192h-64c-17.92 0-32 14.08-32 32s14.08 32 32 32h64c17.92 0 32-14.08 32-32s-14.08-32-32-32z' fill='%23d5d5d5' p-id='17837'%3E%3C/path%3E%3C/svg%3E");}

.inquiry ul li input{background:#fff;height:52px;width:100%;line-height:52px;padding-right:45px; color:#999; border: 1px solid #e7e7e7; border-radius:0; padding-left: 10px;font-size: 14px;}
.inquiry ul li textarea{height:1.8rem;background:#fff;width:100%;max-width:100%;max-height:215px;padding:8px 45px 10px 10px;color:#999;border:none;border-radius:8px; line-height: 20px; font-size: 14px; border: 1px solid #e7e7e7;}
.inquiry ul li input:focus,.inquiry ul li textarea:focus{color:#303030; border-color:f9c460;}
.inquiry ul li input:-ms-input-placeholder{color:#999;}/* Internet Explorer 10+ */ 
.inquiry ul li input::-webkit-input-placeholder{color:#999;}/* WebKit browsers */
.inquiry ul li input::-moz-placeholder{color:#999;}/* Mozilla Firefox 4 to 18 */ 
.inquiry ul li input:-moz-placeholder{color:#999;}/* Mozilla Firefox 19+ */ 
.inquiry ul li textarea:-ms-input-placeholder{color:#999;}/* Internet Explorer 10+ */ 
.inquiry ul li textarea::-webkit-input-placeholder{color:#999;}/* WebKit browsers */
.inquiry ul li textarea::-moz-placeholder{color:#999;}/* Mozilla Firefox 4 to 18 */ 
.inquiry ul li textarea:-moz-placeholder{color:#999;}/* Mozilla Firefox 19+ */ 
.inquiry ul li input,.inquiry ul li textarea{ border: 1px solid #e5e5e5; box-shadow: 0 2px 4px 0px rgb(0 0 0 / 10%) inset; border-radius: 5px;}
.inquiry ul li input:focus,.inquiry ul li textarea:focus{ border: 1px solid #6ac237; background-color: #fff;}
.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:#303030 ;  text-decoration: underline;}
.inquiry  .subject_title span{ font-size:0.14rem; color:#444; margin-right:0.1rem;}

.ms_btn{position: relative; padding: 0 0.24rem; color: #fff; text-transform: uppercase; border-radius: 0; flex-shrink: 0; display: inline-flex; justify-content: center; align-items: center; text-align: center; transition: all 0.4s ease; z-index: 9; overflow: hidden;}
.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; cursor: pointer; overflow: hidden;}
.ms_btn{ display: inline-flex; justify-content: center; align-items: center; padding:0 0.24rem; line-height:44px; color: #fff; font-family: 'poppins_S'; position: relative; text-transform: uppercase; border-radius:30px; background:#0193cc; overflow: hidden;}
.ms_btn: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; }
.ms_btn:hover:before{ width: 100%;}
.ms_btn:hover{ padding-right: 40px;}
.ms_btn:after{ position: absolute; right:15px; top: 0; height: 100%; display: inline-block; background: url(../images/arrow-right.svg) no-repeat center center; content: ''; line-height: 20px; width: 18px; opacity: 0;}
.ms_btn:hover:after{ opacity: 1;}

/*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 { position: relative;	display: inline-block;	vertical-align: middle;	float: left; padding-right:0.56rem;}
.main-menu>li.menu-children{ padding-right: 0.5rem;}
.main-menu>li:last-child{ margin-right: 0;/*  padding-right: 0.58rem; */}
.main-menu>li>a{ position: relative;}
.main-menu>li.active>a,.main-menu>li:hover>a{color: #6ac237; text-decoration: none;}
.main-menu>li>a:before{ width: 0; height: 2px; content: ''; position: absolute; bottom:0; left: 0; background: #6ac237; content: '';transition: 0.6s all;}
.main-menu>li.active:before, .main-menu>li:hover:before{ width: 100%;}

.main-menu>li.active>a:before, .main-menu>li:hover>a:before{ width: 100%; opacity: 1;}
.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; font-size:0.18rem; line-height: 0.24rem; z-index: 555; position: relative;}

.main-menu>li>a i{position: relative; margin-left: 2px;}
.main-menu>li>a i:before,
.main-menu>li>a i:after{
	content:'';display:block;width:0.07rem;height:0.02rem;background:rgba(255,255,255,0.5);position:absolute;pointer-events:none;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);z-index: 5;
}
.main-menu>li>a i:before{right:-0.1rem;top:0.13rem;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.main-menu>li:hover>a i:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.main-menu>li>a i:after{right:-0.14rem;top:0.13rem;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.main-menu>li:hover>a i:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);}

.main-menu .sub-menu, .main-menu .children {position: absolute;background: #fff; border-top: 0.05rem solid #efefef; padding: 10px 0;top: 100%;left: 0;margin-top: 0;margin-bottom: 0;min-width: 302px;z-index: 99; opacity: 1;-webkit-box-shadow: 0 8px 83px rgba(40, 40, 40, 8%);-khtml-box-shadow: 0 8px 83px rgba(40, 40, 40, 8%);-moz-box-shadow: 0 8px 83px rgba(40, 40, 40, 8%);-ms-box-shadow: 0 8px 83px rgba(40, 40, 40, 8%);-o-box-shadow: 0 8px 83px rgba(40, 40, 40, 8%);box-shadow: 0 8px 83px rgba(40, 40, 40, 8%);-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; box-shadow: rgba(0, 0, 0, 0.2); border-radius: 0;font-size: 14px; visibility: hidden;}
.main-menu .sub-menu li, .main-menu .children li {padding: 0 8px;}
.main-menu .sub-menu li:last-child, .main-menu .children li:last-child{ border: none;}

.main-menu .sub-menu li a, .main-menu .children li a {color: #1e1e1e; font-size:16px; line-height: normal;padding: 12px 4px;position: relative; border-bottom: 1px solid #eee;}
.main-menu .sub-menu li:last-child a, .main-menu .children li:last-child a{ border-bottom: none;}
.main-menu .sub-menu li a.title{ display: flex; align-items: center;}
.main-menu .sub-menu li>a:hover, .main-menu .children li a:hover{color: #fff; background: #6ac237;}
.main-menu .sub-menu li>a:hover:after, .main-menu .children li a:hover:after{color: #fff !important;}
.main-menu .sub-menu li>a:hover,.main-menu .sub-menu li>a:hover, .main-menu .children li a:hover{color: #fff; }
.main-menu .sub-menu .menu-children a.title img {max-width: 50px; margin-right: 8px;}
.main-menu .sub-menu .menu-children a:hover{ color: #fff;}

/* .main-menu .sub-menu li a, .main-menu .children li a {color: #333; font-size: 0.15rem; line-height: normal;padding: 10px 4px;position: relative;}
.main-menu .sub-menu li a.title{ font-size: 0.16rem; display: flex; align-items: center;}
.main-menu .sub-menu li a.stitle{ display: flex; align-items: center;}
.main-menu .sub-menu li a.title img,
.main-menu .sub-menu li a.stitle img{max-width: 60px; margin-right: 8px; border-radius: 5px;} */

.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: 12px; color: #aaa;}
.main-menu .sub-menu .sub-menu, .main-menu .children .sub-menu, .main-menu .sub-menu .children, .main-menu .children .children {top: -10px;	left: 100%;}
.main-menu li:hover, .main-menu li.focus {overflow: visible}
.main-menu li:hover>.sub-menu, .main-menu li.focus>.sub-menu, .main-menu li:hover>.children, .main-menu li.focus>.children {visibility: visible;opacity: 1;clip: inherit;-webkit-transform: scaleY(1);-khtml-transform: scaleY(1);-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1);}
.main-menu li.megamenu {position: static;}
.main-menu li.megamenu .sub-menu, .main-menu li.megamenu .children {width:14.4rem;max-width: 100%; padding: 0;margin-left: auto;margin-right: auto;left: 0!important;right: 0!important}
.megamenu .sub-menu .nav_li{ overflow-x: auto; padding: 0.4rem 0.2rem 0.1rem;}
.megamenu .sub-menu .nav_li .title{ display: flex; font-size: 0.18rem; line-height:0.2rem; padding: 0px; color: #333;align-items: center; margin-bottom: 0.1rem; font-family: 'poppins_S';}

/* .main-menu .sub-menu .menu-children a.title{ display: flex; font-size: 0.16rem; line-height:0.2rem; color: #333;align-items: center; font-family: 'poppins_S';}
	*/
.megamenu .sub-menu .nav_li .title:hover,.megamenu .sub-menu .nav_li>li>ul>li>a:hover,.megamenu .sub-menu .nav_li .img:hover{ background: none;}
.megamenu .sub-menu .nav_li>li{ float:left; width: 25%; padding: 0 0.15rem; margin-bottom: 0.4rem; overflow: hidden;}

.megamenu .sub-menu .nav_li>li:last-child{ border-right: none;}
.megamenu .sub-menu .nav_li>li>ul{ top: 0;} 
.megamenu .sub-menu .nav_li>li>a{ color:#666; }
.megamenu .sub-menu .nav_li>li>ul>li>a{color:#666; display: block; font-size: 0.14rem; padding: 0.05rem 0;}
.megamenu .sub-menu .nav_li a:hover{ color: #6ac237;}
.megamenu .sub-menu .nav_li .img{ display: block; width: 100%; max-width: 1.8rem; height: 0.8rem; margin-bottom: 0.12rem; overflow: hidden;}

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

@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:#f7f7f7;
	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: 9999999;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 5px 10px 1px rgba(0,0,0,0.03);}
.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{ 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: #6ac237}
.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: #6ac237}
.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
}
.menu-toggle.toggle-open:before {content: '\f106'}

#menu-mobile {width:100%; height: 50px; display: flex !important;justify-content: flex-end; justify-content: center;  position: absolute; right: 0; top: 0; z-index: 99999999; background:rgba(255,255,255,0.7);transition: 0.5s all; backdrop-filter: blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px);align-items: center;}
#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;
}
#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: #6ac237;
	display: block;
	height: 2px;
	margin: auto;
	position: absolute;
	left: 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: #6ac237;
	-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: #6ac237;
}
#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{ display: inline-block; border-radius: 5px; font-family: 'poppins_S';background:#6ac237; 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: #303030;}
}

/*language*/
.language{list-style: none; float: right; position: relative; margin-top: 0.3rem; margin-left: 0.2rem; padding-left: 0.2rem; text-align: center; transition: 0.6s all; overflow: hidden;}
.language:after{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 0.32rem; background:#e8e8e8;}
.language .p{color:#fff;text-transform: capitalize; width: 0.48rem; height: 0.48rem; background-color:#6ac237; border-radius: 50%; position: relative;z-index: 5;transition: 0.6s all; display: flex; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' 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:0.24rem auto; background-position: center center; background-repeat: no-repeat; flex-direction: column;}
.language p{font-size: 14px; color:#666; line-height: 16px;}
.language .p span{font-size: 14px; display: inline-block; padding-right: 0.16rem; position: relative; line-height: 0.4rem;}
.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;}
.language .p img{ border-radius: 50%; margin-right: 0.06rem; overflow: hidden;}

.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;-webkit-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: #6ac237;}
.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 ul li a:hover{ color: #6ac237;}

.web_language { display: flex; align-items: center; float: right; margin-left: 0.3rem; font-size: 14px;}
.web_language p{ display: inline-block; color: #808080; margin-right: 0.12rem;}
.web_language a{  margin-right: 0.15rem; display: inline-flex; align-items: center; color: #666;}
.web_language a:last-child{ margin-right: 0;}
.web_language a img { margin-right: 0.1rem;}

.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; line-height: 0;}
.mob_logo img{ max-height:30px;}
.mob_language{ margin-top: 0.3rem; }
.mob_language p,.mob_sns p{ font-size: 0.22rem; color: #333; padding-bottom:5px; text-transform: capitalize; font-family: 'poppins_S';}
.mob_language a{ float: left; width: 33.33%; display: flex; padding: 8px 0;align-items: center; color: #666;font-size: 14px;}
.mob_language a img{flex-shrink: 0; margin-right: 8px; border-radius: 50%;}
.mob_sns{ margin-top: 0.2rem;}
.mob_sns a{ display: inline-block;  border-radius: 10px;}
.mob_sns a img{border-radius: 5px;}
}

@media screen and (max-width:1720px) {
	.web_language p{ display: none;}
	}

.lang_web img{ margin-right: 4px; margin-bottom: 0.16rem;}
.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: 0.26rem;}

/*Search*/
.search_title{ color: #333; font-size: 0.26rem; margin-top: 0.3rem; text-align: center;  margin-bottom: 0.1rem; text-transform: capitalize; font-family: "poppins_S";}
.search_section{ line-height: 0; float: right; cursor: pointer;align-items: center;}
/* .ico_search{ margin-left: 0.1rem; text-align:center;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='1664273014115' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7603' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='18'%3E%3Cpath d='M1004.8 915.2l-243.2-243.2c0 0-6.4-6.4-6.4-6.4C800 595.2 832 505.6 832 416 832 185.6 646.4 0 416 0S0 185.6 0 416 185.6 832 416 832c89.6 0 179.2-32 243.2-83.2 0 6.4 6.4 6.4 6.4 6.4l243.2 243.2c25.6 25.6 70.4 25.6 96 6.4C1030.4 979.2 1030.4 940.8 1004.8 915.2zM64 416C64 224 224 64 416 64S768 224 768 416 608 768 416 768 64 608 64 416z' p-id='7604'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat; background-position: center center; display:inline-block;  float: left;  color: #666;  font-style: normal; line-height: 32px;font-size: 14px; line-height:0.4rem; width:0.4rem; height: 0.4rem; border-radius: 50%; text-align: left;}.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 10%; box-shadow: 0 0 0.6rem rgba(14,96,87,0.5);}
 */
.search_section .search_com{ margin-left: 0.34rem; text-align: center; display: flex; align-items: center; justify-content: center; padding-left:0.15rem; background: #fff; border-radius: 5px; border: 2px solid #e6e6e6; transition: 0.6s all;}
.ico_search{ width:0.4rem; height: 0.4rem; line-height:0.4rem; display:inline-block; color: #666; font-style: normal; font-size: 14px; border:none; background: none; 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='%23191919' p-id='4028'%3E%3C/path%3E%3C/svg%3E"); text-align: left; transition: 0.6s all; background-repeat: no-repeat; background-position: center center;}

.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 10%; box-shadow: 0 0 0.6rem rgba(0,0,0,0.5);}
.search_section .search_com p{ color: #808080; font-size: 14px; line-height: 0.26rem; padding-right: 0.04rem;}

.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:14px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:100%; background:#fff; padding-right:55px; border:none;  border-radius:0; box-shadow: none; float: none;  border-bottom: 2px solid #eee;}
.search_main .form-control:focus{ color:#303030;}
.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='1665456003780' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4134' width='24' height='24'%3E%3Cpath d='M940.3 847.4L764.1 671.2c-1-1-2.1-2-3.2-3 44.1-62.5 70-138.7 70-221 0-211.8-171.7-383.4-383.4-383.4S64.1 235.5 64.1 447.3s171.7 383.4 383.4 383.4c82.1 0 158.2-25.8 220.6-69.8 1 1.1 2 2.2 3 3.2l176.2 176.2c12.8 12.8 29.7 19.3 46.5 19.3s33.6-6.4 46.5-19.3c25.6-25.6 25.6-67.2 0-92.9zM555.8 703.7c-34.2 14.5-70.7 21.8-108.3 21.8s-74-7.3-108.3-21.8c-33.1-14-62.9-34.1-88.5-59.7S205 588.6 191 555.5c-14.5-34.2-21.8-70.7-21.8-108.3s7.3-74 21.8-108.3c14-33.1 34.1-62.9 59.7-88.5s55.4-45.7 88.5-59.7c34.2-14.5 70.7-21.8 108.3-21.8s74 7.3 108.3 21.8c33.1 14 62.9 34.1 88.5 59.7s45.7 55.4 59.7 88.5c14.5 34.2 21.8 70.7 21.8 108.3s-7.3 74-21.8 108.3c-14 33.1-34.1 62.9-59.7 88.5s-55.4 45.7-88.5 59.7z' p-id='4135' fill='%23333333'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-color:inherit; border-radius: 0;}
.top_overly{z-index:9999998; position:fixed;top:0;left:0 ;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60); display:none; backdrop-filter: blur(40px);}
.close-search{ position: absolute; right: 20px; top: 20px; height: 40px; line-height: 40px; color: #333; font-size: 20px;}
.search_tags{ max-width: 8rem;  margin: 0.2rem auto 0.5rem; text-align: left;}
.search_tags a{ display: inline-block; background: #f7f7f7; color: #777; font-size: 14px; line-height: 0.26rem; padding: 0 0.15rem;}
.search_tags a:hover{ background: #6ac237; color: #fff;}

@media only screen and (max-width:410px) {
.search_tags a{ margin-bottom: 0.06rem;}
}

/*Search*/
.search_web{position: relative; float: right; width:3.6rem; margin-top: 0.3rem; z-index: 1;}
.search_web .form-control{ width:100%; font-size: 14px; height:0.48rem; color:#808080; float:left; padding-left: 0.2rem; line-height:0.48rem; background:#fff; border:1px solid #e2e2e2; border-radius:30px; box-shadow: none; float: none; -moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.search_web .form-control:focus{ color:#000;}
.search_web .search_btn{ display:block; width:0.48rem; height:0.48rem; cursor:pointer; border:none; position:absolute; bottom:0; right: 0; border-radius: 30px; background-color: inherit; 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='18' height='18'%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='%23000000' p-id='4028'%3E%3C/path%3E%3C/svg%3E"); text-align: center; transition: 0.6s all; background-repeat: no-repeat; background-position: center center; background-size: 0.18rem auto;}

/*select*/
.select-content .select-img img{ border-radius: 2px; line-height: 0; overflow: hidden;}
.select-content .main .sel-wrap{ display: flex; align-items: center;}
.select-content .main .sel-wrap .select-img{line-height: 0;}
.select > a{background:#fff; line-height:36px; color: #6d6d6d;font-size: 14px;transition:all 0s;text-align: center;  display: inline-block; text-align: center; padding: 0px 25px; border-radius: 5px;}
.select-modal {position: fixed;top: 0;left: 50%;width: 50%;width: 80%;max-width: 1000px;height: auto;z-index: 99999999995;visibility: hidden;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.select-modal .send_column:after{ display: none}
.select-show {visibility: visible;transition:all .5s;}
.select-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 999999999;opacity: 0;filter:alpha(opacity=0);background: rgba(1,1,1,0.7);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.select-show ~ .select-overlay {opacity: 1;visibility: visible;filter:alpha(opacity=100);}
.select-modal .select-content{margin: 0 auto;-webkit-transform: translateY(-200%);-moz-transform: translateY(-200%);-ms-transform: translateY(-200%);transform: translateY(-200%);opacity: 0;margin-top: 5%;}
.select-modal.select-show .select-content {-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);opacity: 1;filter:alpha(opacity=100);padding: 20px;}
.select-content .main .img{ float: left; padding-right: 0.2rem; width:56%;}
.select-content .main .mess_main{ float: left; width: 44%;}
.select-content {color: #5b5b5b; background:#fff; border-radius: 5px; position: relative;-webkit-transition: all .5s;-moz-transition: all .5s;
transition: all .5s;filter:alpha(opacity=0);border: none;}
.select-content .select-close {position:absolute;right:10px;top:10px;border:none;background-color:transparent;}
.select-content .select-close i{width:30px;height:30px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;}
.select-content .select-close i:before,.select-content .select-close i:after{content:'';display:inline-block;background:#4d4d4d;width:20px;height:2px;margin:2px 0;}
.select-content .select-close i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}
.select-content .select-close i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}
.select-content .select_title em{display: block;font-size:30px;line-height: 110%;color: #333;text-transform: uppercase;margin-bottom: 10px; font-style: normal; margin: 0.18rem 0;  border-bottom: 3px solid #303030; display: inline-block;}
.select-content .select_title .text{font-size: 14px;line-height: 20px;color: #808080; margin-bottom: 20px;}
.select-content .main .send_column{background: none;box-shadow: none;padding: 0;}
.select-show .select-content::-webkit-scrollbar {width: 5px;}
.select-show .select-content::-webkit-scrollbar-track {background-color:#f2f2f2;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius:0;opacity: 0.5}
.select-show .select-content::-webkit-scrollbar-thumb {background-color:#004082;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius:0;}
.select-content .select-close {position:absolute;right:20px;top:20px;border:none;background-color:transparent;}
.select-content .select-close i{width:30px;height:30px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;}
.select-content .select-close i:before,.select-content .select-close i:after{content:'';display:inline-block;background:#808080;width:20px;height:2px;margin:2px 0;}
.select-content .select-close i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}
.select-content .select-close i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}

@-webkit-keyframes animate-btn-line{0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:100% 0;transform-origin:100% 0}50%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 0;transform-origin:100% 0}51%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}}
@keyframes animate-btn-line{0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:100% 0;transform-origin:100% 0}50%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 0;transform-origin:100% 0}51%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}}

.select-show .select-content::-webkit-scrollbar {width: 3px;}
.select-show .select-content::-webkit-scrollbar-track {
	background-color:#f2f2f2;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}
.select-show .select-content::-webkit-scrollbar-thumb {
	background-color:#ccc;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
}
/* @media only screen and (max-width:1200px) {
.select a{float: none;}
} */

@media only screen and (max-width:768px) {
.select-modal.select-show .select-content .select-img{display: none;}
.select-modal.select-show .select-content .select-text{ width: 100%;}
} 

/*swiper*/
.swi_position{ position: relative;}
.swi_position .swiper-button-prev{left: 0;}
.swi_position .swiper-button-next{right: 0;}

.swiper-button-prev,.swiper-button-next{ float: left; width: 0.4rem; height: 0.4rem; position: initial; display: flex; background: #fff; margin: 0; background-size: 20px auto; border-radius: 50%; background-repeat: no-repeat; background-position: center center; box-shadow: 0 0px 30px 0 rgb(0 0 0 / 10%);}
.swiper-button-next:after, .swiper-button-prev:after{ font-size: 16px; color: #8f90a3;}
.button_inside{ overflow: hidden;}
.button_inside,.button_outside{ position: relative;}
.button_outside .swiper-button-prev{ position: absolute; top: 50%; left: -0.6rem; width:0.48rem; height:0.48rem; border-radius: 50%; margin-top: -0.24rem; box-shadow: 0 0px 30px 0 rgb(0 0 0 / 10%);}
.button_outside .swiper-button-next{ position: absolute; top: 50%; right:-0.6rem; width:0.48rem; height:0.48rem; border-radius: 50%; margin-top: -0.24rem; box-shadow: 0 0px 30px 0 rgb(0 0 0 / 10%);}

.button_inside .swiper-button-prev{ position: absolute; top: 50%; left: 0.1rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; margin-top: -0.2rem; box-shadow: 0 0px 30px 0 rgb(0 0 0 / 10%);}
.button_inside .swiper-button-next{ position: absolute; top: 50%; right:0.1rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; margin-top: -0.2rem; box-shadow: 0 0px 30px 0 rgb(0 0 0 / 10%);}

.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: -10px;}
.button_outside .swiper-button-next{ right: -10px;}
}
@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.05rem;}
.button_outside .swiper-button-next{right: 0.05rem;}
}

/*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:0}
.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;	-webkit-backface-visibility: hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-car .odometer-digit .odometer-value {
display: block;	-webkit-transform: translateZ(0)}
.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:2px 1px;}

/*honor*/
.honor_section{ position:relative;}
.modelTost {display: none;background: rgba(0, 0, 0, .85);z-index: 999999999;width: 100%;height: 100%;position: fixed;top: 0;left: 0;}
.modelTostChile {width: 100%; height: 90%; padding: 0 0.3rem;}
.modelTostChile .swiper-container{height: 100%;}
.modelTostChile .swiper-slide{display: flex;align-items: center;justify-content: center;}
.modelTostChile  img{ max-height: 100%;}
.modelClose {float: right;cursor: pointer; font-size:30px; margin: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%;  color: rgba(255,255,255,1); z-index:9999999; text-align: right; padding-right: 20px; }
.modelTost .swiper-slide {text-align: center; opacity: 0;}
.modelTost .swiper-slide.swiper-slide-active{ opacity: 1;}
.modelTost .swiper-slide img {text-align: center; position: relative;}
.appBox li{margin-bottom: 30px;}
.appBox li .li{margin-bottom: 30px; position: relative;}
.appBox li .img{position: relative;}
.appBox li .img img{cursor: pointer;}
.modelTostParents{ overflow: hidden;}
.appBox{position: relative;}
.appBox li{ float: left; width: 33.33%; list-style: none; padding:0 10px !important;}
.appBox .swiper-wrapper{position: relative;}
.modelTostChile .swiper-button-prev,.modelTostChile .swiper-rtl .swiper-button-next{left: 10%; position: absolute; z-index: 9999999;}
.modelTostChile .swiper-button-next,.modelTostChile .swiper-rtl .swiper-button-prev{right: 10%; position: absolute;z-index: 9999999;}
.modelTostChile .swiper-button-prev, .modelTostChile .swiper-button-next{color: #fff;}

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

.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;}

/*banner*/
.banner{ position: relative; width: 100%; overflow: hidden;}
.banner img{ width: 100%;}
.banner .swiper-button-prev, .banner .swiper-button-next{ margin-top: -0.2rem; position: absolute; background: none; box-shadow:none}
.banner .swiper-pagination{ position: absolute; left: 0; width: 100%; bottom: 0.25rem; margin-top: 0;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ color: #fff; font-size: 0.32rem;}
.banner .swiper-fade .swiper-slide-active,.banner .swiper-fade .swiper-slide-active .swiper-slide-active{ z-index: 99;}
.banner .swiper-slide{background-attachment: fixed !important; position: relative;}
.banner .swiper-button-next { right: 0.2rem;}
.banner .swiper-button-prev { left: 0.2rem;}

/*banner*/
.banner{ position: relative; width: 100%; overflow: hidden;}
.banner img{ width: 100%;}
.banner .swiper-slide{ line-height: 0;}
.banner .swiper-button-prev, .banner .swiper-button-next { background-image: none; width: 0.48rem; height: 0.48rem; margin-top: -0.24rem; text-align: center; line-height: 0.48rem; color: #fff;transition: all .3s ease; background: rgba(35, 31, 32, 0.7); border-radius: 50%;}
.banner .swiper-pagination{ position: absolute; left: 0; width: 100%; bottom: 0.15rem; margin-top: 0;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ color: #fff; font-size: 0.2rem; font-weight:normal;}

.banner .a{ display: block;position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.banner .swiper-button-next { right: 0.3rem;}
.banner .swiper-button-prev { left: 0.3rem;}

@media screen and (max-width:768px) {
.banner .swiper-button-next, .banner .swiper-button-prev{ display: none;}
.banner:after{ display: none;}
.banner .swiper-pagination{ 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%}
}

.my_more1{ position: relative; padding:0 0.44rem 0 0.24rem; height: 0.5rem; min-height: 42px; color: #fff; text-transform: uppercase; background:#6ac237; border-radius: 30px; font-family: 'poppins_S'; display: inline-flex; align-items: center; justify-content: center; overflow: hidden;}
.my_more1 img{margin-right: 10px;}
.my_more1:after{ position: absolute; right:0.14rem; top: 50%; flex-shrink: 0; width: 0.3rem; height: 100%; height: 0.4rem; border-radius: 50%; margin-top: -0.2rem; display: inline-block;content: " "; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:22px;height:22px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%23ffffff'%3E%3C/path%3E%3C/svg%3E "); background-size: 20px auto;  background-repeat: no-repeat; background-position: center center; transition: 0.3s all; transform: rotate(-45deg); opacity: 1;}
.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:#0193cc;}
.my_more1:hover:before{ width: 100%;}
.my_more1:hover:after{ opacity: 1;}

@media only screen and (max-width:992px){
.my_more1{ font-size: 14px;}
}

header{width: 100%;z-index: 9999999;padding: 0; position:fixed; transition: 0.4s all; background: #fff;}
header.small{left:0; top:0; position:fixed; font-size:100%; box-shadow: 0px 5px 10px rgba(0,0,0,0.15);}
.height{ height:1.95rem;}

.nav_section { display: flex;align-items: center;}
.nav_section .nav_r{ display: flex;align-items: center; justify-content: space-between;}
.nav_section #logo{display: inline-block; position: relative;}
.nav_section #logo img{ max-height: 100%; width:  auto;}
.nav_section #logo a{ display: block; line-height: 0;}
.nav_section #logo h1{ padding: 0; margin: 0;}
/* header.large #logo img{ max-width:0.8rem; transition: 0.4s all;} */
.nav_section .main{ display: flex;align-items: center; justify-content: space-between; width: 100%;}
.main-menu>li>a { font-size: 0.18rem; color: #333; line-height:0.28rem; padding:0.14rem 0; text-transform: uppercase; font-family: 'poppins_S'; position: relative; background-position: center center;}
.main-menu>li>a>span{ position:relative; z-index: 555;}

.top_header{ width: 100%; padding: 0.15rem 0 0.15rem; border-bottom: 1px solid #eee; background: url(../images/top_bg.jpg) no-repeat center center; background-size: cover;}
.top_header .main{ position: relative; transition: 0.4s all;}
.top_header #logo{float: left; display: flex; align-items: center; margin-top: 0; transition: all 0.5s ease-in-out;}
.top_header #logo a{display: block; line-height: 0; overflow: hidden;}
.top_header #logo a img { max-width: 0.8rem; height: auto; padding: 0; transition: all .5s;}
.top_header .logo_text{ padding-left: 0.12rem;}
.top_header .logo_text img { max-width: 6.56rem;}

header .top_quote{ float: right; position: relative;}
header .top_quote a{ display: block; color: #fff; font-size: 14px; line-height: 0.4rem; padding:0 0.16rem; border-radius: 30px; text-align: center; background: #6ac237; font-family: 'poppins_S'; text-transform: uppercase;display: flex; align-items: center; position: relative; text-decoration: none; transition: all .6s;}
header .top_quote a img{ margin-right: 0.08rem;}
@media screen and (min-width:992px) {
header.small .top_header{ display: none;}
header.small .top_header #logo a img{ max-width:0.8rem; margin-top: 0;}
}
@media screen and (max-width:1600px) {
.top_section,.nav_section{ padding: 0 0.5rem;}
.main-menu>li{ padding-right: 0.44rem;}
.main-menu>li:last-child{ padding-right: 0.4rem;}
}
@media screen and (max-width:1200px) {
.language p span{ font-size: 13px;}
.top_section .top_con a{ font-size: 14px;}
}
@media only screen and (max-width:992px) {
.top_section{ display: none;}
.top_section .main{ display: none;}
/* .top_section,.nav_section{ padding: 0 0.3rem;} */
.nav_section{ padding: 0; height: 0;}
.nav_section .main{ width: 100%;}
.nav_section #logo{ display: none;}
header.large #logo,header.small #logo{ display: none;}
.nav_section .top_sns,.language{ display: none;}
.height{  height: 50px;}
header,header.small{ background: none; box-shadow: none;}
.search_section{ height: 50px; position: absolute; right: 0; top: 0; z-index: 999999998; background: none; margin: 0;}
.ico_search{ margin-right: 8px; margin-top: 8px; width: auto; border-radius: 5px; padding-left: 0; width: 34px; height: 34px; background-color: #6ac237; background-position: center center; 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='20' height='20'%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"); overflow: hidden;}
/* .ico_search{ margin-top: 0px; width: auto; padding-left: 0; width: 50px; height: 50px; background-color: #6ac237; background-position: center center; margin-left: 0px; margin-right: 0px; border-radius: 5px; background-size: auto !important; overflow: hidden;}
 */
.search_section .search_com p{ display: none;}
.search_section .search_com{ border: none; margin: 0; padding: 0; width:auto; height: auto; background: none; border-radius: 0;}
header.small .ico_search{ display: block;}
.nav_section .nav_rt{ position: inherit;}
.nav_section .container{ padding: 0;}
}
@media screen and (max-width:1600px) {
.nav_section .top_sns{display: none;}
}

@media screen and (max-width:1260px) {
	.nav_section .container:after {margin-right: -240px;}
}

@media screen and (max-width:1200px) {
.nav_section .r_sns{ display: none;}
}

/* Animated Title Border */
.animate-border {
	position: relative;
	display: block;
	width:60px;
	height:4px;
	background:#6ac237;
	margin: 0 auto 0;
	border-radius: 2px;
}

.tl .animate-border{  margin-left: 3px;}
.animate-border:after {
	position: absolute;
	content: "";
	width:60px;
	height:4px;
	left: 0;
	bottom: 0;
	border-left: 4px solid #fff;
	-webkit-animation: animborder 2s linear infinite;
	animation: animborder 2s linear infinite;
}

@-webkit-keyframes animborder {
	0% {
	  -webkit-transform: translateX(0px);
	  transform: translateX(0px);
	}
	100% {
	  -webkit-transform: translateX(60px);
	  transform: translateX(60px);
	}
  }
  
  @keyframes animborder {
	0% {
	  -webkit-transform: translateX(0px);
	  transform: translateX(0px);
	}
	100% {
	  -webkit-transform: translateX(60px);
	  transform: translateX(60px);
	}
  }

  @keyframes border-transform {
    0%,100% {
        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
    } 
	14% {
        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
    } 
	28% {
        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
    } 
	42% {
        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
    } 
	56% {
        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
    } 
	70% {
        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
    } 
	84% {
        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
    } 
}

.i_title{ text-align: center; margin-bottom: 0.4rem; position: relative; z-index: 1;}
.i_title .title_txt{ font-size: 0.48rem; line-height: 0.56rem; color: #333; font-family: "Rubik_M"; position: relative; text-transform: capitalize; padding-bottom: 0.08rem;}
.i_title .title_txt:before{ content: ''; position: absolute; left: 50%; bottom: 1px; margin-left: -0.84rem; width: 1.68rem; height: 0; border-top: 1px dashed #6ac237;}
.i_title .title_txt:after{ content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -0.32rem; width: 0.64rem; height: 3px; background: #6ac237;}
.i_title .title_tt{ line-height: 24px; color: #666; max-width: 8rem; margin: 0.17rem auto 0; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}

.tl{ text-align: left;}
.tl .title_txt{ background-position: left bottom;}
.tl .title_tt{ text-align: left; margin:0; margin-top: 0.12rem; max-width: 100%;}
.tl.i_title .title_txt:after{ left: 0; margin-left: 0;}
.tl .title_stxt{justify-content: flex-start;}
.tl.i_title .title_txt:before{ left: 0; margin: 0; width: 1.68rem;}
.tl.i_title .title_txt:after{ left: 0;}

.scrollbar_title{ display: flex;align-items: center; justify-content: space-between; margin-bottom: 0.4rem; position: relative; z-index: 333;}
.scrollbar_title .i_title{ width: 55%; margin-bottom: 0; flex-shrink: 0; padding-right: 3%;}

.scrollbar_title .r_more a{ color: #333; display: flex; align-items: center; font-family: 'poppins_M'; text-transform: capitalize;}
.scrollbar_title .r_more a:hover{ color: #6ac237;}
.scrollbar_title .r_more i { margin-left: 0.12rem; width: 0.24rem; height: 0.24rem; background: #6ac237; border-radius: 50%; color: #fff; display: inline-flex; align-items: center; justify-content: center;}

@media only screen and (max-width:1440px) {
.i_title .title_tt{max-width: 100%;}
}
@media only screen and (max-width:992px) {
.i_title{ margin-bottom: 0.3rem;}
.i_title .title_tt{ font-size:15px; max-width: 100%;}
.i_title:after{ display: none;}
.i_title .title_txt{ font-size: 0.42rem; line-height: 0.5rem;}
.scrollbar_title{ margin-bottom: 0.3rem;}
}

@media only screen and (max-width:768px) {
.i_title{ margin-bottom: 0.2rem;}
.i_title .title_txt{ font-size: 0.36rem; line-height: 0.44rem; background: none; padding-bottom: 0.08rem; margin: 0;}
.i_title .title_tt{ font-size: 14px; line-height: 20px; margin-top: 0.1rem;}
.animate-border{ display: none;}
.scrollbar_title{ margin-bottom: 0.2rem;}
.scrollbar_title{ display: block; text-align: center;margin-bottom: 0.26rem;}
.scrollbar_title .i_title{ width: 100%; margin-bottom: 0.1rem; text-align: center !important; padding: 0;}
.scrollbar_title .title_tt{ text-align: center;}
.scrollbar_title .title_stxt{justify-content: center;}
.scrollbar_title .tl.i_title .title_txt:before{ left: 50%; margin-left: -0.84rem;}
.scrollbar_title .tl.i_title .title_txt:after{ left: 50%; margin-left: -0.2rem;}
.i_title .title_stxt{ margin-bottom: 5px;}
}
@media only screen and (max-width:600px) {
.scrollbar_title .i_title{ width: 100%;}
.scrollbar_title .r_more{ display: none;}
}

@media only screen and (max-width:500px) {
.scrollbar_title{ margin-bottom: 0.2rem;}
.i_title .title_txt{ font-size: 0.28rem; line-height: 0.3rem; background: none;}
}

.ware_line{ position: relative; width:40px; height: 1px;}
.ware_line::after { content: ""; position: absolute; -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.2 4.3' style='enable-background:new 0 0 19.2 4.3;' xml:space='preserve'%3E%3Cpath d='M19.2,1.8c-0.4,0-1.6,0.8-2.3,1.3c-1.2,0.8-1.9,1.2-2.5,1.2S13,3.9,11.8,3C11.1,2.5,10,1.8,9.6,1.8C9.2,1.8,8.1,2.5,7.4,3 C6.2,3.8,5.5,4.3,4.8,4.3C4,4.3,3.2,3.7,2.3,3C1.5,2.5,0.6,1.8,0,1.8c0,0.1,0-1.6,0-1.5c1,0,2.1,0.8,3.1,1.5c0.5,0.4,1.4,1,1.7,1 s1.2-0.6,1.7-1c1.1-0.8,2.2-1.5,3-1.5c0.7,0,1.6,0.6,3,1.5c0.6,0.4,1.5,1,1.8,1c0.2,0,1-0.6,1.6-1c1.3-0.8,2.4-1.5,3.3-1.5'/%3E%3Cline class='under-dec' x1='0' y1='0' x2='0' y2='0'/%3E%3C/svg%3E");-webkit-mask-repeat: repeat;mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.2 4.3' style='enable-background:new 0 0 19.2 4.3;' xml:space='preserve'%3E%3Cpath d='M19.2,1.8c-0.4,0-1.6,0.8-2.3,1.3c-1.2,0.8-1.9,1.2-2.5,1.2S13,3.9,11.8,3C11.1,2.5,10,1.8,9.6,1.8C9.2,1.8,8.1,2.5,7.4,3 C6.2,3.8,5.5,4.3,4.8,4.3C4,4.3,3.2,3.7,2.3,3C1.5,2.5,0.6,1.8,0,1.8c0,0.1,0-1.6,0-1.5c1,0,2.1,0.8,3.1,1.5c0.5,0.4,1.4,1,1.7,1 s1.2-0.6,1.7-1c1.1-0.8,2.2-1.5,3-1.5c0.7,0,1.6,0.6,3,1.5c0.6,0.4,1.5,1,1.8,1c0.2,0,1-0.6,1.6-1c1.3-0.8,2.4-1.5,3.3-1.5'/%3E%3Cline class='under-dec' x1='0' y1='0' x2='0' y2='0'/%3E%3C/svg%3E");mask-repeat: repeat;mask-size: auto;-webkit-mask-size: auto;background-color:#6ac237;width: 100%;height: 5px;margin: 0 auto;top: 0;bottom: -16px;right: 0;transform: unset;-webkit-transform: unset;opacity: 1;animation: movezz 6s infinite linear;-webkit-animation: movezz 6s infinite linear;animation-play-state: paused;-webkit-animation-play-state: paused;-webkit-transition: var(--wdtBaseTransition);
transition: var(--wdtBaseTransition);}

li:hover .ware_line::after{ animation-play-state: running; -webkit-animation-play-state: running;}
@keyframes movezz {
  0% {-webkit-mask-position-x: 0;}
  100% {-webkit-mask-position-x: 180px;}
}
@-webkit-keyframes movezz {
  0% {-webkit-mask-position-x: 0;}
  100% {-webkit-mask-position-x: 380px;}
}

@-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)}
}
/* Animated Title Border */
.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(255, 255, 255, 0.15);
-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);
}

/*pro_section*/
.pro_section{ padding: 0.62rem 0 0.8rem; position: relative; overflow: hidden;}
.pro_section .main{margin: -0.3rem -0.15rem 0;}
.pro_section ul li{ list-style: none; float: left; width: 25%; padding: 0 0.15rem; margin-top: 0.3rem; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.pro_section ul li:nth-child(4n+1){ clear: both;}
.pro_section ul li .li{ position: relative; padding: 0.15rem; background: #fff; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); transition: 0.5s all; overflow: hidden;}
.pro_section ul li .img{ line-height: 0; border-radius: 0.1rem; display: block; position: relative; overflow: hidden;}
.pro_section ul li .img img{ width: 100%; border-radius: 0.1rem; overflow: hidden;}
.pro_section ul li .li:hover .img img{ padding: 0.15rem; border-radius: 50%;}
.pro_section ul li .img .icon{position:absolute;display:inline-block;top:50%;left:50%; width:0.46rem; height:0.46rem;margin-left:-0.23rem;margin-top:-0.23rem; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .8s; }
.pro_section ul li .img .icon i{ display:inline-block; height:0.46rem; width:0.46rem;background:#6ac237 url(../images/link_ico.png) no-repeat center center; z-index:999; position:relative; border-radius: 50%;}
.pro_section ul li .img .icon:after{content:'';background:#6ac237; position:absolute;left:-0.13rem;top:-0.13rem; right:-0.13rem; bottom:-0.13rem;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;transition:all .5s;z-index: -1;border-radius: 50%;} 
.pro_section ul li .li:hover .img img{  opacity: 0.8;}
.pro_section ul li .li:hover .img .icon{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-webkit-transform:scale(var(--scale-multiplier,0.9));-ms-transform:scale(var(--scale-multiplier,0.9)); transform:scale(var(--scale-multiplier,0.9));}
.pro_section ul li:hover img{ -webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.pro_section ul li .li .wrap{padding:0.16rem 0 0.08rem; text-align: center; position: relative; z-index: 22; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.pro_section ul li .li .title_h4{ color: #333; font-size: 0.18rem; line-height: 0.28rem; margin-bottom: 0.16rem; font-family: "poppins_S"; display: block; overflow: hidden;}
.pro_section ul li:hover .li .title_h4{ color: #6ac237;}
.pro_section ul li .li a.more{ display: block; line-height:0.38rem; color: #6ac237; font-family: "poppins_S"; border: 1px solid #6ac237; text-transform: uppercase; border-radius: 5px; overflow: hidden;}
.pro_section ul li:hover .li a.more{ color: #fff; background:#0193cc; border-color: #0193cc;}

@media only screen and (max-width:992px) {
.pro_section{ padding: 0.4rem 0;}
.pro_section .main{ margin: -0.2rem -0.1rem 0;}
.pro_section ul li{ width: 50%; padding: 0 0.1rem; margin-top: 0.2rem;}
.pro_section ul li:nth-child(2n+1){ clear: both;}
.pro_section ul li:nth-child(4n+1){ clear: none;}
.pro_section ul li .li .title_h4{ font-size: 16px; line-height: 24px;}
}
@media only screen and (max-width:768px) {
.pro_section{ padding: 0.3rem 0;}
}
@media only screen and (max-width:440px) {
.pro_section ul li{ width:100%;}
}

/*appl_section*/
.appl_section{ padding: 0.66rem 0 0.88rem; background: url(../images/appl_bg.jpg) no-repeat center center; background-size: cover; overflow: hidden;}
.appl_section .swiper-button-prev,
.appl_section .swiper-button-next{ float: inherit; width: 0.48rem; height: 0.48rem; box-shadow: none; background: #fff; border: 1px solid #6ac237;}
.appl_section .swiper-button-prev:hover{background: #6ac237;}
.appl_section .swiper-button-next{ margin-bottom: 0.1rem; background: #0193cc;border-color: #0193cc;}
.appl_section .swiper-button-prev:hover{background: #0193cc; border-color: #0193cc;}
.appl_section .swiper-button-prev:after{ color: #6ac237;}
.appl_section .swiper-button-prev:hover:after,.appl_section .swiper-button-next:after{ color: #fff;}

.appl_section .main{ position: relative; margin: 0 -0.15rem;}
.appl_section .swiper-slide{ opacity: 0;}
.appl_section .swiper-slide-visible{ opacity: 1;}
.appl_section ul li{ list-style: none; float: left; width: 33.33%; padding: 0 0.15rem; position: relative; overflow: hidden;}
.appl_section ul li .li{ border-radius: 8px; width: 100%; position: relative; overflow: hidden;}
.appl_section ul li .img{ position: relative; overflow: hidden;}
.appl_section ul li .img a{ display: block; line-height: 0; overflow: hidden;}
.appl_section ul li .img img{width: 100%;}
.appl_section ul li:hover img { -webkit-transform: scale(1.02) translateX(6px); -ms-transform: scale(1.02) translateX(6px); transform: scale(1.02) translateX(6px)}
.appl_section ul li .item_mask:after{ position: absolute; left: 0px; bottom: 0px; height: 50%; width: 100%; background: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0)); content: '';}
.appl_section ul li .text{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: auto; padding: 0.2rem 0.24rem; z-index: 9999; overflow: hidden;}
.appl_section ul li .title{ color: #fff; font-size:0.2rem; line-height: 0.28rem; display: block; margin-bottom: 0.1rem; padding-bottom: 0.1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.5); font-family: 'poppins_S';display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.appl_section ul li p{ font-size: 15px; line-height: 22px; color: #fff;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

@media only screen and (max-width: 992px) {
.appl_section{ padding: 0.4rem 0;}
.appl_section ul li .title{ font-size: 16px; line-height: 24px;}
.appl_section .swiper-pagination{ margin-top:0.3rem;}
}
@media only screen and (max-width: 768px) {
.appl_section{padding: 0.3rem 0;}
.appl_section .my_btn{display: none !important;}
.appl_section ul li{width: 50%;}
.appl_section .swiper-pagination{ margin-top:0.2rem;}
}
@media only screen and (max-width: 500px) {
.appl_section ul li{width: 100%;}
}

/*poster_section*/
.poster_section{ padding: 0.68rem 0 0.78rem; position: relative; background-position: center center; background-size: cover; background-attachment: fixed; overflow: hidden;}
.poster_section .container{ position: relative; z-index: 2;}
.poster_section .main{ display: flex; align-items: center; justify-content: space-between;}
.poster_section .poster_l{ width: 70%; overflow: hidden;}
.poster_section .title{ font-size: 0.44rem; line-height: 0.6rem; color: #fff; font-family: "poppins_S"; text-transform: capitalize; position: relative; overflow: hidden;}
.poster_section .wrap{ margin-top: 0.18rem; line-height: 0.36rem; padding: 0 0.2rem; line-height: 0.36rem; color: #fff; background: rgba(106, 194, 55, 0.2); border-radius: 30px; display: inline-flex; align-items: center;}
.poster_section .wrap img{ max-width: 1rem; margin-left: 0.08rem;}
.poster_section .video_button{ position: relative; display: inline-block; width: 1.1rem; height: 1.1rem; transform: matrix(1, 0, 0, 1, 0, 0); background: #6ac237; z-index: 99; border-radius: 50%;}
.poster_section .video_button i{ position: relative; z-index: 666;}
.poster_section .video_button:before{ content: ''; position: absolute; left: -0.07rem; right: -0.07rem; top: -0.07rem; bottom: -0.07rem; display: block; background:rgba(106, 194, 55, 0.3); border-radius: 50%;}
.poster_section .video_button:after{ content: ''; position: absolute; left: -0.18rem; right: -0.18rem; top: -0.18rem; bottom: -0.18rem; display: block; background:rgba(106, 194, 55, 0.3); border-radius: 50%;}

@media only screen and (max-width:992px) {
.poster_section{ padding: 0.4rem 0 0.5rem;}
.poster_section .title{ font-size: 0.42rem; line-height: 0.5rem;}
}
@media only screen and (max-width:768px) {
.poster_section{ padding: 0.4rem 0; background-attachment: inherit;}
.poster_section .main{ flex-wrap: wrap; justify-content: center;}
.poster_section .poster_l{ width: 100%; text-align: center; margin-bottom: 0.15rem;}
.poster_section .title{font-size: 0.3rem; line-height: 0.36rem;}
.poster_section .video_button{ margin-top: 0.2rem;}
}
@media only screen and (max-width:600px) {
.poster_section .poster_l{ width: 100%;}
}
@media only screen and (max-width:360px) {
.poster_section .wrap img{ max-width: 0.8rem;}
}

/*why_section*/
.why_section{ padding:0.7rem 0 0.5rem; position: relative; background:#f0f7fd url(../images/why_bg.png) no-repeat center bottom; overflow: hidden;}
.why_section .list{ margin: -0.3rem -0.15rem 0; overflow: hidden;}
.why_section ul li{ position: relative; list-style: none; float: left; width: 25%; padding: 0 0.15rem; margin-top: 0.3rem; z-index: 2; transition: all 0.5s ease-in-out;}
.why_section ul li:nth-child(4n+1){ clear: both;}
.why_section ul li .li{ position: relative; padding: 0.4rem; border-radius: 0.3rem 0.3rem 0.3rem 0; border: 1px solid #ecf2f0; background: #fff; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.03); transition: all 0.5s ease-in-out; overflow: hidden;}
.why_section ul li .li:before{ content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; border-radius: 500px 500px 0 0 !important; transition: all 0.4s ease-in-out !important; background: #6ac237 url(../images/why_lbg.png) no-repeat center center; background-size: cover;}
.why_section ul li .icon{ position: relative; z-index: 2; margin-bottom: 0.28rem; width: 0.7rem; height: 0.7rem; border-radius: 50%; background: #6ac237; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease-in-out; overflow: hidden;}
.why_section ul li .icon img{ max-width: 0.42rem; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); position: relative; transition: all 0.5s ease-in-out; z-index: 1;}
.why_section ul li .icon:before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff;  border-radius: 50%; transform: scale(0); transition: all 0.4s ease-in-out; z-index: -1;}
.why_section ul li .text{ position: relative; z-index: 2;}
.why_section ul li .title{ display: block; margin-bottom: 0.08rem; font-size: 0.2rem; line-height: 0.28rem; color: #333; font-family: "poppins_S"; text-transform: capitalize; overflow: hidden;}
.why_section ul li p{ margin-bottom: 0.32rem; color: #6f6f6f; font-size: 15px; line-height:24px; min-height: 72px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.why_section ul li .line{ margin-bottom: 0.3rem; width: 100%; height: 1px; background: #ecf2f0;}
.why_section ul li .more{ position: relative; display: inline-flex; align-items: center; padding-right: 0.22rem; line-height: 24px; color: #333; font-family: 'poppins_S'; text-transform: uppercase; transition: 0.3s all;}
.why_section ul li .more:after{ content: ''; position: absolute; right: 0; top: 0; display: inline-block; width: 0.22rem; height: 100%; transform: rotate(-45deg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:22px;height:22px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%23333333'%3E%3C/path%3E%3C/svg%3E "); background-size: 0.2rem auto;  background-repeat: no-repeat; background-position: center right;}

.why_section ul li p{ margin: 0;}
.why_section ul li .line,.why_section ul li .more{ display: none;}

.why_section ul li:hover .li:before{ top: 0; border-radius: 0 !important;}
.why_section ul li:hover .icon{ background: none;}
.why_section ul li:hover .icon:before{ transform: scale(1); z-index: 1;}
.why_section ul li:hover .icon img{ -webkit-filter: inherit; filter: inherit;}
.why_section ul li:hover .title{ color: #fff;}
.why_section ul li:hover p{ color: #fff;}
.why_section ul li:hover .line{ opacity: 0.2;}
.why_section ul li:hover .more{ color: #fff;}
.why_section ul li:hover .more:after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:22px;height:22px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%23ffffff'%3E%3C/path%3E%3C/svg%3E ");}

@media only screen and (max-width:992px){
.why_section{padding: 0.4rem 0;}
.why_section .list{ margin: -0.2rem -0.1rem 0;}
.why_section ul li{ width: 50%; padding:0 0.1rem; margin-top: 0.2rem;}
.why_section ul li:nth-child(2n+1){ clear: both;}
.why_section ul li .li{ padding: 0.3rem;}
.why_section ul li .icon{ margin-bottom: 0.2rem;}
.why_section ul li .title{ font-size: 16px; line-height: 24px;}
.why_section ul li p{ min-height:inherit;}
}
@media only screen and (max-width:768px){
.why_section{padding: 0.3rem 0;}
}
@media only screen and (max-width:500px){
.why_section{padding: 0.2rem 0;}
.why_section ul li{ width: 100%;}
.why_section ul li .li{ padding: 0.2rem;}
}

/*news_section*/
.news_section{  position: relative; padding: 0.48rem 0 0.9rem; background: url(../images/news_bg.jpg) no-repeat center bottom; background-size: cover; overflow: hidden;}
.news_section .news_l{ float: left; width: 51%; padding-right: 0.3rem; position: relative; transition: all 0.6s; overflow: hidden;}
.news_section .news_l .list{ border-radius: 0.2rem 0.2rem 0.2rem 0; position: relative; transition: all 0.6s; overflow: hidden;}
.news_section .news_l .img{ position: relative;}
.news_section .news_l .img .a_img{ line-height: 0; display: block; overflow: hidden;}
.news_section .news_l .img img{ width: 100%; overflow: hidden;}
.news_section .news_l .img .tags_ico{ width:1.2rem; height: 1.14rem; position: absolute; left: 0; top: 0; z-index: 222;}
.news_section .news_l .overlay{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(22, 56, 3, 0.7) 100%);}

.news_section .news_r{ float: left; width: 49%;}
.news_section .news_r ul li{ list-style: none; margin-bottom: 0.3rem; transition: all 0.6s; overflow: hidden;}
.news_section .news_r ul li:last-child{ margin: 0;}
.news_section .news_r ul li .li{ border-radius: 0.1rem 0.1rem 0.1rem 0; background: #fff; border: 1px solid #ecf2f0; box-shadow: 10px 0px 30px rgba(0, 0, 0, 0.03); display: flex; align-items: center; position: relative; overflow: hidden;}
.news_section .news_r ul li .img{ line-height: 0; width: 3.5rem; flex-shrink: 0; position: relative; overflow: hidden;}
.news_section .news_r ul li .img img{ width: 100%; overflow: hidden;}
.news_section .news_r ul li .text{ padding: 0 0.3rem; width: calc(100% - 3.42rem); overflow: hidden;}

.news_section .text .date{ display: flex; align-items: center; padding-left: 0.24rem; margin-bottom: 0.1rem; line-height: 24px; color: #6f6f6f; background-image: url("data:image/svg+xml,%3Csvg t='1745682328516' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='27778' width='20' height='20'%3E%3Cpath d='M350.4 254.4a32 32 0 0 1-32-32v-176a32 32 0 0 1 64 0v176a32 32 0 0 1-32 32zM672 254.4a32 32 0 0 1-32-32v-176a32 32 0 0 1 64 0v176a32 32 0 0 1-32 32z' fill='%230193cc' p-id='27779'%3E%3C/path%3E%3Cpath d='M872 995.2H155.2c-70.576 0-128-57.424-128-128V220.8c0-70.576 57.424-128 128-128H240a32 32 0 0 1 0 64H155.2c-35.296 0-64 28.704-64 64v646.4c0 35.296 28.704 64 64 64h716.8c35.296 0 64-28.704 64-64V220.8c0-35.296-28.704-64-64-64H784a32 32 0 0 1 0-64h88c70.576 0 128 57.424 128 128v646.4c0 70.576-57.424 128-128 128z' fill='%230193cc' p-id='27780'%3E%3C/path%3E%3Cpath d='M563.2 156.8h-104a32 32 0 0 1 0-64h104a32 32 0 0 1 0 64zM340.8 489.6a32 32 0 0 1-32 32h-57.6a32 32 0 0 1-32-32V432a32 32 0 0 1 32-32h57.6a32 32 0 0 1 32 32v57.6zM801.6 489.6a32 32 0 0 1-32 32h-57.6a32 32 0 0 1-32-32V432a32 32 0 0 1 32-32h57.6a32 32 0 0 1 32 32v57.6zM571.184 489.6a32 32 0 0 1-32 32H481.6a32 32 0 0 1-32-32V432a32 32 0 0 1 32-32h57.584a32 32 0 0 1 32 32v57.6zM340.8 715.184a32 32 0 0 1-32 32h-57.6a32 32 0 0 1-32-32v-57.6a32 32 0 0 1 32-32h57.6a32 32 0 0 1 32 32v57.6zM801.6 715.184a32 32 0 0 1-32 32h-57.6a32 32 0 0 1-32-32v-57.6a32 32 0 0 1 32-32h57.6a32 32 0 0 1 32 32v57.6zM571.184 715.184a32 32 0 0 1-32 32H481.6a32 32 0 0 1-32-32v-57.6a32 32 0 0 1 32-32h57.584a32 32 0 0 1 32 32v57.6z' fill='%230193cc' p-id='27781'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.16rem auto; background-repeat: no-repeat; background-position: left center; overflow: hidden;}
.news_section .text .title{ margin-bottom: 0.1rem; font-size: 0.18rem; line-height: 24px; color: #333; font-family: "poppins_S"; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.news_section .text .p{ font-size: 15px; line-height: 24px; color: #707070; margin-bottom: 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden;}
.news_section .text .more{ position: relative; display: inline-flex; align-items: center; padding-right: 0.22rem; line-height: 24px; color: #666; font-family: 'poppins_S'; text-transform: uppercase; transition: 0.3s all;}
.news_section .text .more:after{ content: ''; position: absolute; right: 0; top: 0; display: inline-block; width: 0.22rem; height: 100%; transform: rotate(-45deg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:22px;height:22px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%23666666'%3E%3C/path%3E%3C/svg%3E "); background-size: 0.2rem auto;  background-repeat: no-repeat; background-position: center right;}

.news_section .news_l .text{ position: absolute; left: 0; bottom: 0; padding: 0.32rem 0.4rem; overflow: hidden;}
.news_section .news_l .text .date{ color: #fff;background-image: url("data:image/svg+xml,%3Csvg t='1745682328516' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='27778' width='20' height='20'%3E%3Cpath d='M350.4 254.4a32 32 0 0 1-32-32v-176a32 32 0 0 1 64 0v176a32 32 0 0 1-32 32zM672 254.4a32 32 0 0 1-32-32v-176a32 32 0 0 1 64 0v176a32 32 0 0 1-32 32z' fill='%23ffffff' p-id='27779'%3E%3C/path%3E%3Cpath d='M872 995.2H155.2c-70.576 0-128-57.424-128-128V220.8c0-70.576 57.424-128 128-128H240a32 32 0 0 1 0 64H155.2c-35.296 0-64 28.704-64 64v646.4c0 35.296 28.704 64 64 64h716.8c35.296 0 64-28.704 64-64V220.8c0-35.296-28.704-64-64-64H784a32 32 0 0 1 0-64h88c70.576 0 128 57.424 128 128v646.4c0 70.576-57.424 128-128 128z' fill='%23ffffff' p-id='27780'%3E%3C/path%3E%3Cpath d='M563.2 156.8h-104a32 32 0 0 1 0-64h104a32 32 0 0 1 0 64zM340.8 489.6a32 32 0 0 1-32 32h-57.6a32 32 0 0 1-32-32V432a32 32 0 0 1 32-32h57.6a32 32 0 0 1 32 32v57.6zM801.6 489.6a32 32 0 0 1-32 32h-57.6a32 32 0 0 1-32-32V432a32 32 0 0 1 32-32h57.6a32 32 0 0 1 32 32v57.6zM571.184 489.6a32 32 0 0 1-32 32H481.6a32 32 0 0 1-32-32V432a32 32 0 0 1 32-32h57.584a32 32 0 0 1 32 32v57.6zM340.8 715.184a32 32 0 0 1-32 32h-57.6a32 32 0 0 1-32-32v-57.6a32 32 0 0 1 32-32h57.6a32 32 0 0 1 32 32v57.6zM801.6 715.184a32 32 0 0 1-32 32h-57.6a32 32 0 0 1-32-32v-57.6a32 32 0 0 1 32-32h57.6a32 32 0 0 1 32 32v57.6zM571.184 715.184a32 32 0 0 1-32 32H481.6a32 32 0 0 1-32-32v-57.6a32 32 0 0 1 32-32h57.584a32 32 0 0 1 32 32v57.6z' fill='%23ffffff' p-id='27781'%3E%3C/path%3E%3C/svg%3E");}
.news_section .news_l .text .title{ color: #fff; font-size: 0.2rem; line-height: 0.28rem; margin-bottom: 0.08rem;}
.news_section .news_l .text .p{ color: #fff;}
.news_section .news_l .text .line{ margin-bottom: 0.2rem; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.1);}
.news_section .news_l .text .more{ color: #fff;}
.news_section .news_l .text .more:after{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='width:22px;height:22px' role='presentation'%3E%3Cpath d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z' style='fill:%23ffffff'%3E%3C/path%3E%3C/svg%3E ");}

.news_section .news_l:hover .img img,.news_section .news_r ul li:hover .img img{transform: scale(1.02);}

@media screen and (max-width:992px) {
.news_section{ padding: 0.1rem 0 0.4rem;}
.news_section .news_l{ width: 100%; margin-bottom: 0.32rem; float: inherit; padding: 0;}
.news_section .news_l .img img{ width: 100%; height: 100%; display: block; height: auto;}
.news_section .news_r{ width: 100%; padding-left: 0; float: inherit;}
}
@media screen and (max-width:768px) {
.news_section{ padding: 0.1rem 0 0.3rem;}
.news_section .news_l{ margin-bottom: 0.2rem;}
.news_section .news_l .text{ padding:0.2rem;}
.news_section .text .title{ margin-top: 0.24rem;}
}
@media screen and (max-width:600px) {
.news_section{ padding: 0 0 0.2rem;}
.news_section .text .p{ margin-bottom: 0.15rem; margin-top: 0.1rem;}
.news_section .news_r .text{ padding-right: 0.2rem; overflow: hidden;}
.news_section .news_r ul li .img{ width: 2.8rem; margin-right: 0.2rem;}
.news_section .news_r ul li .text{ width: calc(100% - 3rem);}
}
@media screen and (max-width:520px) {
.news_section .news_r ul li .li{ flex-wrap: wrap; padding: 0; border-radius: 0.2rem 0.2rem 0.2rem 0;}
.news_section .news_r ul li .img{ width:100%; margin-bottom: 0.2rem;}
.news_section .news_r ul li .text{ width:100%; padding: 0 0.2rem 0.2rem;}
.news_section .text .date{ margin-bottom: 0.1rem;}
.news_section .text .title{ margin-top: 0; margin-bottom: 0.1rem;}
}
@media screen and (max-width:360px) {
.news_section .text .p{ display: none;}
}

/*lmess_section*/
.lmess_section{padding:0.68rem 0; position: relative; background-size: cover !important; overflow: hidden;}
.lmess_section .main{ display: flex; align-items: center;}
.lmess_section .mes_l{ width: 50%; padding-right: 1.4rem; position: relative; overflow: hidden;}
.lmess_section .mes_l .l_title{ margin-bottom: 0.72rem;}
.lmess_section .mes_l .l_title .title_txt{ margin-bottom: 0.12rem; color: #fff; font-size: 0.44rem; line-height: 0.52rem; font-family: 'Rubik_M'; text-transform: capitalize;}
.lmess_section .mes_l .l_title .title_tt{ color: #fff; width: 90%; line-height: 24px;}
.lmess_section .mes_l .l_cont{ display: flex; align-items: center;}
.lmess_section .mes_l .l_cont .more{ position: relative; padding:0 0.24rem 0 0.48rem; height: 0.48rem; min-height: 42px; color: #fff; text-transform: capitalize; background:#6ac237; border-radius: 30px; font-family: 'poppins_S'; display: inline-flex; align-items: center; justify-content: center; overflow: hidden;}
.lmess_section .mes_l .l_cont .more:after{ position: absolute; left:0.16rem; top: 50%; flex-shrink: 0; width: 0.3rem; height: 100%; height: 0.4rem; margin-top: -0.2rem; display: inline-block;content: " ";background-image: url("data:image/svg+xml,%3Csvg t='1743610836663' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='165329' width='18' height='18'%3E%3Cpath d='M938.666667 341.333333 938.666667 768C938.666667 814.933333 900.266667 853.333333 853.333333 853.333333L170.666667 853.333333C123.733333 853.333333 85.333333 814.933333 85.333333 768L85.333333 341.333333C85.333333 309.333333 103.253333 281.173333 129.28 266.666667L512 45.653333 894.72 266.666667C920.746667 281.173333 938.666667 309.333333 938.666667 341.333333M170.666667 341.333333 512 554.666667 853.333333 341.333333 512 128 170.666667 341.333333Z' fill='%23ffffff' p-id='165330'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.18rem auto;  background-repeat: no-repeat; background-position: center center; transition: 0.3s all;}
.lmess_section .mes_l .l_cont .more:hover{ background: #0193cc;}
.lmess_section .mes_l .l_cont span{ display: block; color: #fff; padding: 0 0.2rem 0 0.3rem; text-transform: uppercase; font-family: 'poppins_S';}
.lmess_section .mes_l .l_cont .tel{ padding-left: 0.48rem; font-size: 0.26rem; color: #fff; line-height: 0.32rem; font-family: 'poppins_S'; background-image: url("data:image/svg+xml,%3Csvg t='1745685146203' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='51342' width='22' height='22'%3E%3Cpath d='M821.48614 781.454884c18.693953 14.526512 45.889488 30.648558 41.198139 82.062883-1.952744 21.122977-42.507907 135.263256-186.725209 152.337861C547.173209 1031.144186 357.209302 922.100093 207.300465 726.397023 60.368372 534.64707 30.95814 381.570977 28.862512 350.422326 16.574512 206.943256 118.283907 146.217674 132.929488 138.906791c20.122791-10.525767 121.165395-47.794605 156.767256 12.526139 20.861023 35.363721 44.055814 84.730047 60.844651 137.882791 17.622326 55.17693-16.14586 74.061395-48.818604 92.27907A1797.23907 1797.23907 0 0 1 243.95014 404.837209c-16.669767 6.144-26.790698 20.59907-22.099349 35.101768C257.524093 549.745116 381.023256 722.277209 515.667349 781.43107c15.312372 6.739349 24.861767 3.929302 31.50586-5.096186 6.620279-9.049302 24.528372-40.126512 38.221396-54.057675 25.957209-26.433488 58.582326-36.959256 90.564465-29.124465 21.313488 5.215256 69.822512 34.649302 145.503256 88.30214zM622.639628 17.860465c-2.476651-0.452465-43.865302-5.786791-54.295814 30.815256-2.976744 10.47814-0.23814 38.816744 34.530233 48.866232 97.018047 28.005209 174.86586 56.724837 231.614511 133.977303 56.772465 77.252465 66.369488 150.909023 50.009302 283.314604-1.357395 11.02586-1.619349 37.554605 34.506419 48.866233 2.452837 0.762047 45.96093 5.429581 53.48614-48.866233C1006.377674 269.478698 898.476651 67.655442 622.663442 17.860465z m-87.206698 353.780093c-21.361116-4.858047-38.197581-20.956279-34.220651-42.984186 5.334326-29.529302 36.316279-29.529302 50.080744-27.981395 57.772651 6.477395 168.745674 66.702884 152.314047 203.752186-2.690977 22.480372-34.93507 28.314791-37.459349 28.005209-12.073674-1.309767-38.721488-7.977674-38.721488-45.627535 0-90.397767-38.816744-103.090605-91.993303-115.164279z m37.316465-134.501209c-24.480744-5.00093-36.935442-23.480558-32.625116-45.317954 4.286512-21.861209 23.599628-27.219349 45.889488-26.052465 93.660279 15.502884 160.839442 52.295442 201.585117 110.330047 41.984 59.868279 58.725209 139.478326 46.603907 219.493209-4.21507 27.76707-18.503442 57.058233-46.603907 49.27107-25.861953-7.191814-27.076465-32.220279-24.218791-54.914977 9.430326-75.371163-10.00186-130.071814-36.911628-169.198139-26.909767-39.102512-92.231442-71.132279-153.71907-83.610791z' fill='%23ffffff' p-id='51343'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.22rem; background-repeat: no-repeat; background-position: left center;}

.lmess_section .mes_r{ width: 50%; padding: 0.5rem; margin-left: 0.38rem; background: #fff; border-radius: 0.1rem; z-index: 1; position: relative; overflow: hidden;}
.lmess_section .mes_r .i_title{ margin-bottom: 0.26rem;}

.lmess_section .inquiry{ position: relative;}
.lmess_section .inquiry .p{ color: #808080; line-height: 24px; overflow: hidden;}
.lmess_section .inquiry ul{ margin: 0 -0.1rem; overflow: hidden;}
.lmess_section .inquiry ul li.meText{ margin-bottom:0.1rem;}
.lmess_section .inquiry ul li input{ border-color: #eee; background: #f9f9f9; box-shadow: none;}
.lmess_section .inquiry ul li textarea{height:106px; line-height: 22px; border-color: #eee; background: #f9f9f9; box-shadow: none;}
.lmess_section .inquiry .ms_btn{ line-height: 0.5rem; padding: 0 0.6rem 0 0.3rem;}
.lmess_section .inquiry .ms_btn:hover{ padding-right: 0.6rem;}
.lmess_section .inquiry .ms_btn:after { right: 0.28rem; opacity: 1; width: 0.22rem; background-image: url("data:image/svg+xml,%3Csvg t='1745686035307' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='62253' width='24' height='24'%3E%3Cpath d='M40.96 455.68l170.24 122.88L741.12 307.2s-358.4 238.08-467.2 312.32l368.64 240.64c58.88 33.28 72.96 6.4 72.96 6.4l25.6-52.48 259.84-624.64c10.24-21.76-17.92-46.08-47.36-42.24L40.96 400.64c-49.92 14.08 0 55.04 0 55.04z m235.52 220.16v176.64L418.56 768l-142.08-92.16z' fill='%23ffffff' p-id='62254'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.22rem auto; background-repeat: no-repeat; background-position: right center;}
.lmess_section .inquiry .ms_btn:hover:after { right: 0.28rem;}

@media only screen and (max-width:992px) {
.lmess_section{padding:0.5rem 0;}
.lmess_section .main{ padding: 0;}
.lmess_section .mes_l{ padding-right: 0.6rem;}
.lmess_section .mes_l .l_title .title_txt{ font-size: 0.42rem; line-height: 0.5rem;}
.lmess_section .mes_l .l_title .title_tt{ width: 100%;}
.lmess_section .mes_l .l_cont span{ padding: 0 0.15rem;}
.lmess_section .mes_l .l_cont .tel{ padding-left: 0.3rem;}
.lmess_section .mes_r{ padding: 0.3rem; margin-left: 0;}
.lmess_section .inquiry ul{ margin-bottom: 0;}
.inquiry ul li span.ms_m{ display: block;}
}
@media only screen and (max-width:768px) {
.lmess_section{padding:0.5rem 0 0.3rem;}
.lmess_section .main{ display: block;}
.lmess_section .mes_l{ float: inherit; width: 100%; padding: 0;}
.lmess_section .mes_l .l_title{ margin-bottom: 0.3rem;}
.lmess_section .mes_l .l_title .title_txt{ font-size: 0.36rem; line-height: 0.44rem;}
.lmess_section .mes_r{ float: inherit; width: 100%; margin-top: 0.3rem;}
}
@media only screen and (max-width:500px) {
.lmess_section .mes_l .l_title .title_txt{ font-size: 0.28rem; line-height: 0.3rem;}
.lmess_section .mes_r{ padding: 0.2rem;}
}
@media only screen and (max-width:460px) {
.lmess_section .mes_l .l_cont{ display: block;}
.lmess_section .mes_l .l_cont span,.lmess_section .mes_l .l_cont .tel{ display: none;}
}

/*footer_top*/
.footer_top{position: relative; padding: 0.52rem 0 0.4rem; overflow: hidden;}
.footer_top .ft_main{ display: flex; align-items: center; justify-content: space-between;}
.footer_top .ft_wl{ width: 48%;}
.footer_top .ft_wl span{display: block; margin-bottom: 0.22rem; line-height: 24px; color: #fff; text-transform: uppercase; overflow: hidden;}
.footer_top .ft_wl .ft_titie{ font-size: 0.42rem; line-height: 0.5rem; font-family: "Rubik_M"; overflow: hidden;}

.footer_top .ft_wrap{ width: 50%; max-width: 6.3rem;}
.footer_top .ft_email{ position: relative; width: 100%; display: flex; background: #fff; border-radius: 30px; border:1px solid rgba(255, 255, 255, 0.3);}
.footer_top .lemail_main{ width: 100%; padding-left: 0.6rem; height:0.58rem; font-size: 14px; color:#c5c5c5; line-height:100%; background-color: unset; background-image: url("data:image/svg+xml,%3Csvg t='1745376682586' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='13407' width='20' height='20'%3E%3Cpath d='M1024.00144 220.64v574.32c0 5.76-0.736 11.456-1.824 17.072v0.064l-0.224 0.944A84.336 84.336 0 0 1 939.29744 880H101.08944a102.72 102.72 0 0 1-82.512-40.832 95.904 95.904 0 0 1-18.56-57.248V236.256a74.08 74.08 0 0 1 52.064-70.784l0.736-0.208 0.208-0.08A127.648 127.648 0 0 1 89.66544 160h883.424c1.328 0.512 2.64 1.232 4.032 1.44 25.52 4.32 40.592 19.152 45.344 44.496v0.08c0.88 4.816 1.536 9.712 1.536 14.608zM512.00144 591.232l451.152-379.472c-66.272-3.888-888.48-1.728-897.84 2.368L512.00144 591.2v0.064z m133.856-45.152l-114.112 96.144c-13.76 11.52-25.6 11.664-39.2 0.208l-48.272-40.752-63.84-53.936L81.02544 825.28l1.024 2.304h873.328L645.79344 546.08h0.064z m-304.864-31.68L51.79344 270.032v512.48l289.28-268.096h-0.08z m344.352-1.648l287.088 260.96V270.944L685.34544 512.768z' fill='%23e4e4e4' p-id='13408'%3E%3C/path%3E%3C/svg%3E"); background-size: 0.24rem auto;background-position: 0.26rem center; background-repeat: no-repeat; border:none; -moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.footer_top .lemail_main:focus{color:#000;}
.footer_top .email_btn{ flex-shrink: 0; margin:0.01rem; padding: 0 0.2rem; background:#6ac237; height: 0.56rem; line-height: 0.56rem; color: #fff; border-radius: 30px; cursor: pointer; font-family: "poppins_S"; text-transform: uppercase;}

@media screen and (max-width:992px) {
.footer_top{padding: 0 0 0.3rem;}
.footer_top .ft_wl span{ margin-bottom: 0.1rem;}
.footer_top .ft_email{ max-width: inherit;}
}
@media screen and (max-width:768px) {
.footer_top .ft_wl{ display: none;}
.footer_top{padding: 0 0 0.2rem;}
.footer_top .ft_wrap{ width: 100%; max-width: 100%;}
.footer_top .ft_email{  width: 100%;}
}
@media screen and (max-width:384px) {
.footer_top .lemail_main{ background-image: none; padding-left: 0.1rem;}
.footer_top .email_btn{ padding: 0 0.1rem;}
}

/*footer*/
#footer{color:#fff; position: relative; background-size: cover !important; z-index: 666;}
#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; text-transform: capitalize; position:relative;}
#footer .ul li a:after{display: block; color: #fff; 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{ padding-left: 0.12rem; color: #6ac237;}
#footer .ul li:hover a:after{ opacity: 1; color: #6ac237;}
#footer .footer_sns a{ float: left; margin-right: 14px;}

#footer .footer_center{display: flex; flex-wrap: wrap; overflow: hidden;}
#footer .f_ul{ width: 25%; padding: 0.2rem 0.3rem 0.4rem; border-top: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1);}
#footer .f_ul:first-child{ padding: 0.2rem 0.2rem 0.4rem;}
#footer .f_ul:nth-child(3){ padding: 0.2rem 0.28rem 0.4rem;}
#footer .f_ul:last-child { border-right: none;}

#footer .title_h4{color:#fff; text-transform:capitalize; font-size:0.24rem; position: relative; margin-top: 0.08rem; margin-bottom: 0.12rem; font-family: "Rubik_M";}

#footer .footer_con ul{ margin-top: 0.1rem; display: inline-block;}
#footer .footer_con p{ margin-bottom: 0.1rem;}
#footer .footer_con a{ text-transform: none; line-height: 32px;display: flex; align-items: center;}
#footer .footer_con ul li a{line-height: 26px; padding: 0;}
#footer .footer_con ul li{ position: relative; padding-left:36px; line-height: 26px; margin-bottom: 0.15rem;}
#footer .footer_con ul li:last-child{ margin-bottom: 0;}
#footer .footer_con ul li:after{ position: absolute; left: 0px; top: 0px; content: ''; width: 26px; height: 26px; background:#6ac237; border-radius: 50%; background-position: center center; background-repeat: no-repeat;}
#footer .footer_con .con_add:after{background-image: url("data:image/svg+xml,%3C?xml version='1.0' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1651116996541' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7043' xmlns:xlink='http://www.w3.org/1999/xlink' width='14' height='14'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E@font-face %7B font-family: feedback-iconfont; src: url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944') format('woff2'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944') format('woff'), url('//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944') format('truetype'); %7D %3C/style%3E%3C/defs%3E%3Cpath d='M877.216 491.808M895.904 448c0-212.064-171.936-384-384-384-212.064 0-384 171.936-384 384 0 104.672 42.016 199.456 109.92 268.736L237.664 716.736l1.568 1.568c0.768 0.768 1.536 1.568 2.336 2.336l217.12 217.12c29.376 29.376 76.992 29.376 106.368 0l217.12-217.12c0.768-0.768 1.568-1.536 2.336-2.336l1.568-1.568-0.16 0C853.888 647.456 895.904 552.672 895.904 448zM565.088 847.36c-53.12 53.12-53.152 53.248-106.368 0L285.76 673.472C228 615.648 191.904 536.224 191.904 448c0-176.736 143.264-320 320-320 176.736 0 320 143.264 320 320 0 88.224-36.096 167.648-93.856 225.472L565.088 847.36zM512 256c-106.048 0-192 85.952-192 192s85.952 192 192 192 192-85.952 192-192S618.048 256 512 256zM512 576c-70.688 0-128-57.312-128-128s57.312-128 128-128 128 57.312 128 128S582.688 576 512 576z' p-id='7044' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");}
#footer .footer_con .con_tel:after{ background-image: url("data:image/svg+xml,%3C?xml version='1.0' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg t='1651116790234' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3577' xmlns:xlink='http://www.w3.org/1999/xlink' width='14' height='14'%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='14' height='14'%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='18' height='18'%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");}

#footer .footer_sns{ flex-shrink: 0; margin-top: 0.36rem;}
#footer .footer_sns a{ max-width: 0.36rem; margin-right:0.08rem; border-radius:50%; display: flex; flex-wrap: wrap; align-items: center; overflow: hidden;}
#footer .footer_sns a:last-child{ margin: 0;}

#footer .footer_ab .code_img{ margin: 0 -0.08rem; display: flex; align-items: center;}
#footer .footer_ab .code_li{line-height:0; padding: 0 0.08rem; text-align: center; overflow: hidden;}
#footer .footer_ab .code_li img{ max-width: 1.06rem; border-radius: 5px;}
#footer .footer_ab .code_li span{ display: block; margin-top: 0.07rem; font-size: 15px; line-height: 24px; color:#fff;}

.mob_follow a{ display: inline-block; margin-right: 0.08rem;}

.footer_bottom{color: rgba(255, 255, 255, 0.5); font-size: 15px; padding: 0.22rem 0; background: rgba(255, 255, 255, 0.08);}
.footer_bottom .footer_bmain{ display: flex; align-items: center; justify-content:center; flex-wrap: wrap;}
.footer_bottom .left{ float: left; display: flex;align-items: center;}
.footer_bottom .left .title_h4{ margin: 0 !important;}
.footer_bottom .left a{ display: inline-block; border-radius:5px; width:36px; height: 36px; margin-right: 8px; overflow: hidden;}
.footer_bottom a{ color:rgba(255, 255, 255, 0.5) !important;margin: 0 4px;}
.footer_bottom a:hover{ color: #6ac237 !important;}
.footer_bottom .link{ display: inline-block;  margin: 0 4px;}
.footer_bottom .cop{ display: inline-block;}
.footer_bottom .cop a{margin: 0 0.05rem;}
.footer_bottom .ipv6{ float: right; margin-left: 2px; margin-right: 3px;display: flex; align-items: center; flex-wrap: wrap;}
.footer_bottom .ipv6 img{ margin-right: 0.06rem; vertical-align: middle;}
*:focus {outline: none;} 

@media screen and (max-width:1600px) {
#footer .f_ul{padding: 0 0.2rem;}
}
@media screen and (max-width:992px) {
.footer_bottom{ display: block; font-size: 14px;}
#footer .footer_email{ width: 100%; padding: 0;}
#footer .f_ul.footer_con{ width: 100%; padding:0.15rem 0; border-right: none;}
#footer .footer_email{margin-top: 0.05rem;}
#footer{ padding-top: 0.3rem;}
#footer .title_h4{ display: none;}
#footer .main{padding: 0 0.3rem;}
#footer .footer_center{ padding: 0;}
.footer_bottom{ padding-top: 0.15rem; margin-top: 0.1rem; margin-bottom: 0; border-bottom: none;}
.footer_bottom .left{ width: 100%; margin-bottom: 0.1rem;}
.footer_bottom .right{ text-align: left;}
.footer_bottom .ipv6{float: none; margin-left: 0; text-align: left;}
.footer_bottom .footer_bmain{ justify-content: flex-start;}
.footer_bottom .cop{margin-bottom:0;}
#footer .footer_con ul{ margin-bottom: 0;}
}
@media screen and (max-width:768px) {
#footer .footer_logo{ display: inline-block; width: 1rem; margin-bottom: 0.15rem; margin-top: 0;}
#footer .footer_con .p{ display: none;}
#footer .footer_sns{margin-left: 0;}
}

/*back-top*/
.progress-wrap {position: fixed;right: 0.22rem;bottom: 0.7rem;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:#6ac237 ;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: #6ac237 ;stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear;
transition: all 200ms linear;}

#whatsapp{z-index:9999999;position:fixed;right:0.2rem;bottom:0.1rem;font-size:12px; }
#floatShow2{display:block;}
#floatHide2{display:none;}
#whatsapp_tab #floatShow2{line-height:50px; padding-left: 50px; height: 50px; border-radius:5px; background: #6ac237; color:#fff;font-size:13px;text-transform:capitalize;transition: all .5s ease; display: block;}
#whatsapp_tab #floatShow2 svg{ width: 30px; height:30px; fill:#fff;}

#whatsapp_tab .animated { opacity: 1; }
#whatsapp_tab #floatShow2 .online_icon{ line-height: 0; position: absolute;z-index:999;left: 0;top: 0;width:50px;height:50px;display: flex;align-items: center;justify-content: center;transition: all .5s ease;}
#whatsapp_tab #floatShow2 .online_icon svg{width: 29px;height: 29px;fill: #6ac237;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 .online_mobile svg{fill: #fff;}
#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; margin-right: 16px; transition: all .4s ease;-webkit-transition: all .4s ease;-moz-transition: all .4s ease; height: 50px; color: #fff; line-height: 54px;  font-family: "poppins_S";font-size: 14px; text-transform: uppercase;}

#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: #6ac237;}
#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: 14px;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: #6ac237; text-transform: capitalize; display: flex; fill:#fff; padding:10px 20px;align-items: center; }
#onlineService2 .title svg{width: 0.4rem; height: 0.4rem;flex-shrink: 0; margin-right: 0.1rem;}
#onlineService2 .title .h4{ color: #fff; font-size: 0.2rem; font-family: "poppins_S"; text-transform: uppercase;}
#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:#6ac237; margin-right:10px;}
#onlineService2 .li a:hover{ background-color: #ddd;}

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



@media only screen and (max-width: 768px) {
#whatsapp_tab #floatShow2{box-shadow: 0 2px 8px 1px rgb(0 78 152 / 20%); border-radius: 30px;}
#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;z-index: 999998;}
#onlineService2{ width:100%;margin-bottom: 48px;}
#whatsapp_tab{ width:48px; height:48px; padding:0;box-shadow:none;border-radius:50%;z-index:9999999999;right: 50%; margin-right: -25px; bottom: 10px;position: absolute;}
#whatsapp_tab #floatShow2 .online_icon{ 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: 28px;height:28px;}
.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:#0193cc; background-size: cover; border-bottom: 1px solid rgba(255,255,255,0.15);}
.fixed-contact.active li a {opacity: 1;}
.fixed-contact li.online_code{ border:none;}
.fixed-contact li a {position:relative;z-index:1000;display:block;}
.fixed-contact li .icon{ width: 26px; height: 26px; fill:#fff; margin: 12px;}

.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-radius:30px;
-moz-border-radius:30px;
-webkit-border-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;}
.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:9999;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:#fff; border-top-left-radius: 5px; border-radius: 5px;box-shadow: 2px 0 20px 0 rgb(0 0 0 / 8%);}
.mobile_nav a{display:inline-block;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:#666;padding-top:5px;font-size: 14px;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{margin-bottom:50px; text-align: left;}
}

@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:#6ac237;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.6rem 0 0.8rem;}
.n_main2{ padding: 0.6rem 0 0;}
.n_left{float: left; width: 25%;}
.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;}
.pro_info{ margin-top: 0.8rem; position: relative; z-index: 333;}
.page_bg{ background: #f7f7f7; padding: 0.1rem 0 1rem;}
@media only screen and (max-width:992px) {
.n_main{padding: 0.3rem 0;}
.n_main2{padding: 0.3rem 0;}
.i_main{padding-bottom:0.4rem;}
.n_left{width: 100%;}
.n_right{width: 100%; padding: 0; margin-top: 0.2rem;}
.n_left2{width: 100%; margin-bottom: 0.2rem;}
.n_right2{width: 100%; padding: 0;}
}
@media only screen and (max-width:768px) {
.n_right{ margin-top: 0.16rem;}
}
			
/*n_banner*/
.n_banner{ position: relative; z-index: 666;}
.n_banner img{width: 100%; display: block;}
.n_title{ color: #333; text-transform: capitalize;font-size: 0.3rem; line-height: 0.3rem; z-index: 999; font-family: 'Rubik_M'; float: left;display: flex; align-items: center;}

.n_title img{ float: left; margin-right: 10px;}
.mbx_section{ text-align: left;font-size: 0.15rem;  padding: 0.2rem 0; background: #f5f5f1; position: relative; z-index: 333; }
.mbx_section .mbx{ float: right; line-height: 0.32rem;}
.mbx_section span{ margin-right: 0.04rem; color: #6ac237;}
.mbx_section i{ color: #6ac237; margin: 0px 0.1rem;}
.mbx_section a,.mbx_section h2,.mbx_section a,.mbx_section p{ font-size: 15px; color: #666; font-weight: normal;display: inline-block; font-style: normal;}

.n_title{ font-weight: normal; color: #303030 !important; text-transform: capitalize; font-size: 0.3rem !important; line-height: 0.34rem !important;}

@media only screen and (max-width:992px) {
.mbx_section{ display: block; text-align: center;}
.mbx_section .mbx{ float: inherit;}
.mbx_section h2,.n_title{ display: none;}
}
@media only screen and (max-width:992px) {
.mbx_section a,.mbx_section h2,.mbx_section a,.mbx_section p{ font-size: 14px;}	
}

/*mes_section*/
.contact_info{position:relative;padding:0.6rem 0;z-index:2;overflow: hidden;}
.contact_info .cif_main{ display: flex; justify-content: space-between;}
.contact_info .i_title .title_txt{ font-size: 0.32rem; line-height: 0.32rem;}
.contact_info .c_left{border: 4px solid rgba(0,0,0,.05); padding: 0.3rem; width: 48%; border-radius: 10px;}
.contact_info .c_left ul{list-style:none; margin: 0.2rem 0 0.2rem 0;}
.contact_info .c_left ul li{ position:relative; z-index:2; margin-bottom: 0.36rem; min-height: 0.8rem;}
.contact_info .c_left ul li .column{ display: flex; transition:all .5s; padding-top:0;border-radius:0;position: relative; z-index: 5; height: 100%;}
.contact_info .c_left ul li .icon{ flex-shrink: 0; text-align: center; width: 0.6rem;height: 0.6rem;position: relative;z-index: 4; display:inline-flex;align-items: center;justify-content: center;}
.contact_info .c_left ul li .icon svg{ fill:#fff; font-size: 0.4rem; height: 0.4rem;}
.contact_info .c_left ul li .icon path{fill:#fff; }
.contact_info .c_left ul li .icon:after{content:'';width:100%;height:100%;top:0;left:0;position: absolute;z-index: -1;border-radius:30%; transform: rotate(45deg);-webkit-transform: rotate(45deg); -webkit-transition: all .5s;transition: all .5s;background:#6ac237;}
.contact_info .c_left ul li:nth-child(2) .icon:after{ background: #0193cc;}
.contact_info .c_left ul li:hover .icon:after{border-radius:50%;}
.contact_info .c_left 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 .c_left ul li .wrap{ padding-left: 0.28rem;}
.contact_info .c_left ul li em{display: block; font-size:0.2rem; line-height: 0.26rem; color:#303030; margin-bottom:0.1rem; text-transform:capitalize; font-family: 'poppins_S'; font-style: normal;}
.contact_info .c_left ul li .txt{line-height:0.2rem; padding:0;width:100%;text-transform:uppercase;margin-top:15px;display: block;}
.contact_info .c_left ul li p{ line-height:24px;margin:0; margin-bottom:0.05rem; color:#4d4d4d;}
.contact_info .c_left ul li p a:hover{color:#666;}
.contact_info .c_right{ width: 48%; padding-top: 0.2rem;}
.contact_info .c_right .i_title{ margin-bottom: 0.26rem;}
.contact_info .c_right .inquiry ul li textarea{ height: 2.2rem; max-height: 220px;}
.contact_info .c_right .inquiry ul li.code_con{ display: flex;}
.contact_info .c_right .inquiry ul li.code_con .code_img{ order: 2; width: 0.8rem; margin-left: 0.2rem;} 
.contact_info .c_right .inquiry ul li.code_con input{ width: 50%;}

@media only screen and (max-width:992px) {
.contact_info{ padding-bottom: 0.4rem;}
}
@media only screen and (max-width:768px) {
.contact_info{ padding-bottom: 0.2rem;}
.contact_info .cif_main{ display: block;}
.contact_info .c_left{width: 100%; margin-bottom: 0.2rem;}
.contact_info .c_right{width: 100%;}
}
@media only screen and (max-width:600px) {
	.contact_info{ padding-top: 0.36rem;}
}

.mes_section{position: relative; padding: 0.5rem 0; }
.mes_section:after{background: #f5f5f1; position: absolute; left: 0; top: 0; width: 100%; height: 70%; content: ''; z-index: -1;}
.mes_section .i_title{ margin-bottom: 0rem;}
/* .mes_section .i_title .title_txt{ padding-bottom: 0;} */
.mes_section .i_title .title_txt em{ color: #6ac237;}
.mes_section .inquiry .p{ color: #666;}
.mes_section .mess_main{margin: 0 auto 0; padding:0.5rem 0; background: #fff;box-shadow: 0 14px 25px rgb(0 0 0 / 10%); padding: 0.5rem;}
.mes_section .mess_main .map{ line-height: 0; margin-top: 0.5rem;}
.mes_section .mess_main .i_title{ margin-bottom: 0px;}
.mes_section .mess_main .i_title .title_txt{ font-size: 0.34rem; line-height: 0.4rem; padding-bottom:14px; background: none;}
.mes_section .mess_main .i_title .title_txt:after{ display: none;}
.mes_section .mess_main .left{ background: #fff;padding-right: 0.3rem;}
.mes_section .mess_main .right{ padding-left: 0.3rem;  border-left: 2px dotted #eee;}
.mes_section .mess_main .right .get_pp{font-size:20px; font-family: 'poppins_S'; color:#303030;}
.mes_section .mes_left{ float: left; width: 100%; padding-top: 0.6rem;}
.mes_section .mes_left .i_title .title_txt{ 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: #6ac237;}
.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:992px) {
.mes_section .mes_left{width: 100%;  padding: 20px 0;}
.mes_section .mes_left .i_title:after{display: none;}
.mes_section .mes_right{display: none;}
.mes_section .mes_left .i_title .title_txt{ font-size: 0.3rem;}
.mes_section{margin-top: 0.15rem;}
.mes_section:before{ display: none;}
.mes_section .mess_main .right{ border-left: none;} 
.mes_section .mess_main{ padding: 0.2rem;}
.mes_section .mess_main .map{ margin-top: 0.4rem;}
}

@media only screen and (max-width:768px) {
.mes_section .mess_main .map{ margin-top: 0.24rem;}
.mes_section .mess_main .left{ padding: 0; margin-bottom: 0.2rem;}
.mes_section .mess_main .right{ padding: 0;}
}

.n_honor ul li{ list-style: none; float: left; width: 20%; padding: 0px 10px; text-align: center; margin-bottom: 20px;}
.n_honor ul li .li{ position: relative; text-align: center; background: #f7f7f7; border: 1px solid #f7f7f7; padding: 5px;}
.n_honor ul li:nth-child(5n+1){ clear: both;}
.n_honor ul li .icon{ position: relative; line-height: 0;}
.n_honor ul li .icon:after{ content: ''; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.8); display: inline-block; position: absolute; right: 0px; top: 0px; border-radius: 0px 0px 0px 8px; z-index: 999;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='%23FFA415' 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='%23FFA415' p-id='5099'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center;}
.n_honor ul li img{ cursor: pointer; width: 100%; max-width: 100%; height: auto; transition: all .9s;}
.n_honor ul li p{font-size: 16px; margin-top: 10px;}

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

@media only screen and (max-width:768px) {
	.n_honor ul li{ width: 33.33%;}
	.n_honor ul li:nth-child(3n+1){ clear: both;}
	.n_honor ul li:nth-child(4n+1){ clear: none;}
	.n_honor ul li{ padding: 0 5px; margin-bottom: 10px;}
}

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

.section_title{ font-size:0.26rem; color: #333; text-transform:capitalize; margin-bottom: 20px; line-height: 30px; padding-bottom: 10px; border-bottom: 2px dotted #eee; position: relative; font-family: 'poppins_S';}
.section_title img{ float: left;}
@media only screen and (max-width:400px) {
.section_title{font-size: 20px; letter-spacing: 0;}
}
.section_title img{ float: left; margin-right: 20px;}
.section_title:after{ position: absolute; right: 0px; bottom: -4px; width: 8px; height: 8px; background:#aaa; content: ''; border-radius: 50%;}

.contact{padding: 40px 0 80px;}
.contact .i_title{ margin-bottom: 20px;}
.con_sns a{ line-height: 0; display: inline-block; border-radius: 5px; overflow: hidden;}


.left_nav{  border-top: none;}
ul.mtree{opacity: 0;margin-left: 0;  border-top: none; }
ul.mtree li {list-style: none;}
ul.mtree>li>div>h2>a{ font-family: "poppins_S"; 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: 0.5rem; padding-left: 0.1rem; color: #333;}
ul.mtree>li>div>h2>a i{ width: 0.5rem; height: 0.5rem; padding: 0.05rem; display: inline-block; margin-right: 0.15rem; border-right:1px solid #fff;}
ul.mtree>li>div>h2>a i img{filter: brightness(0);filter: black; opacity: 0.3;transition: 0.3s all;}
ul.mtree>li{ position: relative; background: #fff; margin-bottom:5px; border-radius: 0;}
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: 0.48rem; padding: 0px 0.12rem; padding-right:24px; font-weight: normal; color: #fff;}
ul.mtree ul li:last-child a{ border:none;}
ul.mtree.transit li.mtree-open>b:before  {content:"\f106";font-family:FontAwesome;padding-left:5px; float:right; font-size:0.2rem;   font-style:normal;  height: 0.5rem; line-height: 0.5rem; width: 0.3rem; position:absolute;  right:0; top:0px; color: #fff;}
ul.mtree.transit li.mtree-closed>b:before {content:"\f107";font-family:FontAwesome;padding-left:5px; float:right; font-size:0.2rem;   font-style:normal; height: 0.5rem;line-height: 0.5rem; width: 0.3rem; position:absolute;  right:0; top:0px; color: #666;}
ul.mtree .mtree-level-1 li.mtree-open>b:before {content:"\f106";font-family:FontAwesome;padding-left:5px; float:right; font-size:0.2rem;   font-style:normal; height: 0.46rem; width: 0.3rem; line-height: 0.46rem; background:none;position:absolute;  right:0; top:0; border-left:none; color: #808080;}
ul.mtree .mtree-level-1 li.mtree-closed>b:before{content:"\f107";font-family:FontAwesome;padding-left:5px; float:right; font-size:0.2rem;   font-style:normal; height: 0.46rem; width: 0.3rem; line-height: 0.46rem; 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>div>h2>a{ color:#6ac237;}
ul.mtree>li.mtree-open{color:#6ac237;padding-bottom:0;}
ul.mtree>li.mtree-open>div>h2{ background: #0193cc;}
ul.mtree>li.mtree-open>div>h2>a{color:#fff;}

ul.mtree>li.mtree-node:hover>div>h2>a{color:#6ac237;text-decoration:none;}
ul.mtree .mtree-level-1 li.mtree-closed>b{color:#fff ;text-decoration:none;}
ul.mtree.transit li.mtree-closed:hover > b::before,ul.mtree.transit li.mtree-open:hover>b:before{ color:#6ac237 ;}
ul.mtree .mtree-level-1 li.mtree-open:hover>b:before,ul.mtree .mtree-level-1 li.mtree-closed:hover>b:before{ color:#6ac237  !important;}
ul.mtree>li.mtree-open:hover>div>h2>a{color:#fff;}
ul.mtree.transit li.mtree-open:hover>b:before{color:#fff;}
ul.mtree ul {  background:#f1f1f1;}
ul.mtree ul li{list-style:none; position:relative; border-bottom: 1px solid rgba(255,255,255,0.5);}
ul.mtree ul li:last-child{ border-bottom: none;}
ul.mtree ul li a{display:block;color:#666;}
/* ul.mtree>li>ul>li>a{ font-size:0.15rem !important;} */
ul.mtree>li>ul>li>a:before{content:"";}
ul.mtree ul li:hover a{color:#6ac237 ;}
ul.mtree li ul li.mtree-open a{color:#6ac237 ;text-decoration:none;}
ul.mtree .mtree-level-2 li.mtree-open a{color:#6ac237 ;}
ul.mtree .mtree-level-2{ margin-top:0px; border:none; padding:0px; margin-bottom:0; background:#fff; padding: 0 10px; 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: #333;  font-size: 16px;}
ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:#6ac237 ;font-weight:normal;}

ul.mtree li ul.mtree-level-2 li a:before{			
	content:'';		
	width: 4px;		
    height: 4px;			
    background-color: #d9d9d9;			
    display:inline-block;			
	vertical-align: middle;		
    margin-right:5px;	
	border-radius: 5px;	
}			
ul.mtree .mtree-level-2 li.mtree-open a:before{background:#6ac237;}		

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: #6ac237;color: #FFF; border-radius: 3px 3px 0px 0px;}
ul.mtree.jet li > a:hover { background: #6ac237;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>li.active>a{color:#303030; padding-left:20px;}
ul.mtree>li.active>a:before{ content:"\f178";font-family:FontAwesome; margin-right:0px; position:absolute; left:0px; top:0; padding:8px 0; opacity:1;}
*/

.left_h4{line-height: 0.3rem; color: #333;font-size:0.24rem; font-family: 'Rubik_M'; position:inherit; text-transform:capitalize; position: relative; border-radius: 5px; overflow: hidden;}
.left_nav{background: #f5f5f1; padding: 0.1rem; border-radius: 5px;}
@media only screen and (max-width:992px) {
.left_nav{padding: 0; border: 0;}
}

.nav_h4{ border-radius: 5px; line-height: 0.3rem; color: #fff; font-size:0.24rem; position:inherit; text-transform:capitalize;position: relative; padding:0.1rem 0.08rem; background-size:auto 150%; margin-bottom: 0.15rem;  font-family: 'Rubik_M'; background:#6ac237;}
.nav_h4 span{display: inline-block;}
.nav_h4::after{ content:none;}
.nav_h4:before{ content:"\f03a"; color:#fff; float:right; font:normal normal normal 14px/1 FontAwesome; margin-right:0.06rem; line-height:0.32rem;}
@media only screen and (max-width:992px) {
.nav_h4,.left_h4{ position:relative;color:#fff; background:#6ac237 ; padding:0px 0.1rem; font-size:0.24rem; height: 0.5rem; line-height: 0.56rem;}
.nav_h4:before{ content:none;}
.nav_h4:after ,.left_h4:after{ line-height: 0.5rem;  display: block;  content: "\f107";  font-family: "FontAwesome";  position: absolute;  right:0.15rem;  cursor:pointer; font-size:0.2rem; top:0px;  color:#fff;}
}
@media only screen and (max-width:991px) {
.nav_h4{ margin-bottom: 0;}
}
.toggle_content{width: 100%;}

.hot_left{ margin-top:0.3rem; background: #f5f5f1; padding:0 0.15rem 0.08rem; border-radius: 5px;}
.hot_left .left_h4{ padding: 0.1rem 0.15rem; margin-left: -0.15rem; margin-right: -0.15rem; margin-bottom: 0.05rem; border-bottom: 1px solid #fff;}

.hot_left ul{border-bottom:none; margin-top: 0.1rem; }
.hot_left ul li{ list-style:none;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; position: relative;}
.hot_left ul li .li{ border-radius: 5px; position: relative; z-index: 999; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; background: #fff; padding: 0.15rem; margin-bottom: 0.08rem;/*  box-shadow: 0 0 30px rgba(0,0,0,0.06); */}
.hot_left ul li .img{  line-height: 0; border-radius: 5px; float:left; width:30%;display:inline-block; margin-right:0.15rem; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;overflow:hidden; position:relative; flex-shrink: 0;}
.hot_left ul li .h4 a{ font-family: 'poppins_S'; color:#444; overflow:hidden; line-height:0.2rem;  max-height:0.4rem; display:block;  margin-bottom: 0.05rem; margin-top: 0.1rem;}
.hot_left ul li .more{ font-size: 15px; text-transform: capitalize; color: #6ac237; display: block; margin-top: 0.1rem; font-family: "poppins_S";}
.hot_left ul li .more i{ margin-left: 0.04rem;}
.hot_left ul li:hover .more{ color: #6ac237 ;-webkit-animation: qodef-jump .6s cubic-bezier(.43,.41,.36,.9) forwards; animation: qodef-jump .6s cubic-bezier(.43,.41,.36,.9) forwards}
.hot_left ul li:hover .img img{transform: scale(1.1);}

.left-adv{ margin-top:0.3rem; width:100%;background-size:cover;text-align: center;position:relative; border-radius: 5px; overflow: hidden;}
.left-adv .ovrly{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: block;background:#000;opacity: 0.6;filter: alpha(opacity=0.6);transition:all .5s;border-radius:0;}
.left-adv .main{position:relative;left:0;top:0;padding:20px; z-index:2;text-align: left;}
.left-adv .icon{width: 36px;height:36px;margin:0;display: inline-flex;justify-content: center;align-items: center;border-radius:50%;position:relative;z-index: 3;}
.left-adv .icon i{width:36px;height:36px;background:url(../images/icon.png) no-repeat;background-position: -423px 0px;display: inline-block;}
.left-adv .main .title{ font-family: "poppins_S"; font-size:0.26rem;line-height:0.3rem;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;  }
.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{ color: #fff; background: #6ac237;}
.left-adv .my_more1:after{ background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.3332 8H0.666504' stroke='%23ffffff' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E %3Cpath d='M10 2.66663L15.3333 7.99996L10 13.3333' stroke='%23ffffff' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E %3C/svg%3E");}
 */

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

.page_num{ margin:0px auto 0px;width:100%;  margin-top: 0.3rem;}
.page_num a{ border-radius: 5px; padding:0px 10px; text-align: center;margin-left:5px; color:#666;  display: inline-block;transition: 0.2s; -webkit-transition: 0.2s;	-moz-transition: 0.2s;	-o-transition: 0.2s; text-transform: uppercase;line-height: 40px; height: 40px; float: left; min-width: 40px; background: #f5f5f1;}
.page_num a i{ line-height:40px;}
.page_num a:hover{ color: #6ac237;-webkit-animation: qodef-jump .6s cubic-bezier(.43,.41,.36,.9) forwards; animation: qodef-jump .6s cubic-bezier(.43,.41,.36,.9) forwards}
.total{line-height:24px; color:#666; margin-top:6px; text-transform: capitalize; float: right;}
.total span{ color:#6ac237; margin: 0px 6px;}
.page_num>span{ border-radius: 5px; display: inline-block;float: left; padding:0px 10px;line-height:34px; background:#0193cc; transition: 0.6s all; color:#fff !important; line-height: 40px; height: 40px;  color:#fff; margin-left:5px;  min-width: 40px; text-align: center;}
@media only screen and (max-width:992px) {
	.total{width: 100%; text-align: left;}
	.total{font-size: 12px; margin-top: 10px;}
	.page_num a,.page_num>span{margin: 4px;}
	.page_num a{min-width:inherit;}
}

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


/*page-turning*/
.navigation{width:100%;list-style:none; margin-top:0.3rem; }
.navigation li{width:calc(100% - 0px);float:left;text-align:left;margin-bottom:10px; padding: 10px; background: #f5f5f1; border: 1px solid #ececec; border-radius: 5px;}
/*.navigation li.next_post{float:right;text-align:right;}*/
.navigation li a{position:relative;display:block;transition:all .5s;padding-left:50px;border-radius:0;}
.navigation li a:hover{text-decoration:none;}
/*.navigation li.next_post a{padding-right:50px;}*/
.navigation li a:before{ background: #6ac237; font-family:'FontAwesome';font-size:20px;position:absolute;top:50%;width:40px;height:40px;line-height:39px;border-radius:5px;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s;}
.navigation li.prev_post a:before{left:0;content:"\f106"; color: #fff;background: #6ac237;}
.navigation li.next_post a:before{left:0;content:"\f107";color: #fff;}
.navigation li a:hover:before{color: #fff;background: #6ac237;}


.navigation li a .meta_nav{display:inline-block;text-transform:uppercase;color:#303030;margin-bottom:0;line-height:20px;transition:all .5s; font-family: 'poppins_S'; font-size: 0.16rem;}
.navigation li a:hover .meta_nav{color:#666;}
.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;}
	.navigation li{width:100%;border-radius:0;padding:0;margin-bottom:10px;}
	.navigation li.prev_post a{padding-left:60px;border-radius: 0;}
	.navigation li.next_post a{padding-left:60px;border-radius: 0;}
	.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:#303030;margin-bottom: 0;}
	.navigation li a{padding-top:10px;padding-bottom:10px;padding-right:10px;}
	.navigation li a .post_title{}
}


.tags_ul{ padding:0.04rem 0; margin: 0.15rem 0;}
.tags_ul span{ font-size:0.15rem; font-family: 'poppins_S'; text-transform:uppercase; color:#303030; margin-right:0.06rem;  }
.tags_ul h2{ display: inline-block;}
.tags_ul a{ display:inline-block; padding:0px 0.16rem; background:#fff; margin: 2px 0;  color:#484848;  text-transform: capitalize;line-height: 0.3rem;  border: 1px solid #E9E9E9; font-size: 0.14rem; border-radius: 5px; box-shadow: 10px 4px 40px rgba(153, 153, 153, 0.15);}
.tags_ul i{ margin-right:0.3rem; color: #ccc;transition: 0.6s all;}
.tags_ul a:hover{ background: #6ac237 ; color: #fff;}
@media screen and (max-width: 992px) {
	.tags_ul{ width:100%;}
}

.blog_nav,
.hot_tags{ margin-top:0.3rem; background: #fff; padding: 0 0.15rem 0.2rem; border-radius: 5px; border: 1px solid #eee; overflow: hidden;}
.blog_nav .left_h4,
.hot_tags .left_h4{line-height: 0.3rem; color: #333;font-size:0.24rem; font-family: 'Rubik_M'; padding: 0.1rem 0.15rem; background: #f5f5f6; margin-left: -0.15rem; margin-right: -0.15rem; position:inherit; text-transform:capitalize; position: relative; border-radius: 5px; overflow: hidden;}

/* .blog_nav{ margin-top: 0.3rem; padding: 0 0.2rem 0.2rem; background: #fff; border-radius: 0px;box-shadow: 0 5px 20px 1px rgb(0 0 0 / 5%); } */
.blog_nav ul li{ list-style:none; border-bottom:1px solid #eee;}
.blog_nav ul li:last-child{ border-bottom: none;}
.blog_nav ul li a{ font-size:16px; color:#303030; line-height:0.22rem; padding:0.12rem 0; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.blog_nav ul li a i{ color:#ccc;  margin-right:0.1rem;}
.blog_nav ul li a:hover{ color:#6ac237; padding-left:0.1rem;}
.blog_nav ul li a:hover i{ color:#6ac237;}

.hot_tags h2{ display: inline-block;}
.hot_tags a{ display:inline-block; padding:0px 0.12rem;  background:#f9f9f9;border:1px solid #f1f1f1; margin:0.04rem;line-height:0.34rem; text-transform: capitalize; }
.hot_tags a:hover{ background:#6ac237 ; color:#fff;}
.hot_tags .toggle_content{ margin:0px -0.04rem; margin-top:0.15rem; }

@media screen and (max-width: 992px) {
	.blog_nav,.hot_tags{ border: none; padding: 0; margin: 0; margin-top:0.15rem;}
	.blog_nav ul li a i{ margin-left:0.1rem;}
	.hot_tags .toggle_content{ margin: 0;}
	.blog_nav .left_h4,
	.hot_tags .left_h4{ margin: 0; padding: 0 0.1rem; line-height: 0.5rem;}
	.blog_nav .left_h4:after,
	.hot_tags .left_h4:after{ color:#303030;}
}

.n_right .page_detail,
.n_right2 .page_detail{ padding: 0.24rem; border-radius: 5px; box-shadow: 0 0 12px 0 rgb(32 46 60 / 6%);}

/*产品列表*/
.products_m{ margin-bottom:0.1rem;line-height:0.3rem;}
.products_m .pm_pt{font-family: 'poppins_S'; font-size:0.3rem; line-height: 0.4rem; color: #333; margin-bottom: 0.15rem;}
.products_m .pm_pp{font-size:0.16rem; color: #666; margin-bottom: 0.16rem;}
.products_m .a_quote{font-size:0.2rem; color: #0193cc;}
@media screen and (max-width: 768px) {
.products_m .pm_pt{ font-size:0.28rem; line-height: 0.36rem; margin-bottom: 0.1rem;}
.products_m .pm_pp{margin-bottom: 0.1rem;}
}

/*products*/
.cbp-vm-switcher {width:100%; }
.cbp-vm-view-grid .tags_ul{ display:none;}
/* .cbp-vm-view-grid ul li .my_more1{ margin-top: 0.1rem; font-size: 14px; position: relative; z-index: 555;} */
.cbp-vm-view-grid ul li .my_more1{ width:100%; position: relative; z-index: 55; bottom: 1px; border: none; border-top: 1px solid #eee; background: #fff; color: #6ac237; text-decoration: underline; margin-top: 0.1rem; height: 42px; padding-left: 0; padding-right: 0;}
.cbp-vm-view-grid ul li .my_more1:after{ display: none;}
.cbp-vm-view-grid ul li:hover .my_more1{ color: #fff; bottom: -0.08rem; width:calc(100% - 6px); background:#6ac237; margin-top: 0;}

.cbp-vm-view-grid ul li .cbp-vm-details{opacity: 0; display: none;}

.cbp-vm-view-grid .pro_more{ margin-top:10px;}
.cbp-vm-options{margin-bottom:15px; text-align:left; padding: 6px; background: #f5f5f1; border-radius: 2px; border: 1px solid #e9e9e9;}
.cbp-vm-options p{display:inline-block; float:left;vertical-align:middle; color:#6ac237; text-transform:capitalize;  margin-left:8px;}
.cbp-vm-options a {border-radius: 5px; vertical-align:middle;height:32px;overflow: hidden;white-space:nowrap;color:#303030; line-height:32px; text-align:center; width:32px;display:inline-block; background:#fff; vertical-align: middle; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; float: left; margin-right: 6px;}
.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{ border: 1px solid #6ac237 ; background: #6ac237;}
.cbp-vm-options a:hover svg, .cbp-vm-options a.cbp-vm-selected svg{ color: #fff;}

/* 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-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-switcher ul li .cbp-vm-details{color:#999;overflow:hidden;height:0.4rem;line-height:0.2rem; 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-size: 0.16rem;}

.cbp-vm-image .img{ line-height: 0; display: block; overflow: hidden;}
/* .cbp-vm-image .img:after{ position: absolute; left: 50%; top: 50%; content: ''; width: 0.6rem; height: 0.6rem; background: url(../images/cate_ico.png) no-repeat center center; margin-top: -0.3rem; margin-left: -0.3rem; opacity: 0;transition: 0.5s all; } */
.li:hover .cbp-vm-image  .img img{transform: scale(1.1);}
.li:hover .cbp-vm-image  .img:after{ opacity: 1;}


/* Common icon styles */
.products ul li .li .a{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 555;}
.cbp-vm-icon:before {font-family: 'fontawesome';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
.cbp-vm-view-grid ul li {width:25%;text-align: left;vertical-align: top;float:left;}
.cbp-vm-view-grid ul li:nth-child(4n+1){ clear: both;}
/* List view */
.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{ padding: 0.15rem; background: #f9f9f7; border: 1px solid #E9E9E9; margin-bottom: 0.15rem; border-radius: 5px;}
.cbp-vm-view-list li:hover{ border: 1px solid #6ac237;}
.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 .cbp-vm-image,.cbp-vm-view-list .cbp-vm-title,.cbp-vm-view-list .cbp-vm-details,.cbp-vm-view-list .cbp-vm-price,.cbp-vm-view-list .cbp-vm-add {display: inline-block;vertical-align: middle;}

.cbp-vm-view-list .cbp-vm-image {width:32%;display:inline-block; vertical-align:middle;float:left; margin-right:3%;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.cbp-vm-view-list .cbp-vm-image  a{ line-height: 0; display: block; overflow: hidden;}
.cbp-vm-view-list ul li .cbp-vm-details {width:65%; overflow: hidden;white-space: normal;max-height:0.44rem; line-height:0.22rem; color:#777; margin:5px 0px;}

.cbp-vm-view-list ul li .quick_ico{display: none;}
.cbp-vm-view-list ul li .price{ padding-top: 0.1rem; margin-bottom: 0.05rem; position: relative; font-size:0.2rem; line-height: 0.26rem; color:#6ac237; font-family: 'poppins_S';}
.cbp-vm-view-list ul li .th2 a{max-height:0.6rem; font-family: 'poppins_S'; line-height:0.3rem; color: #333; font-size: 0.18rem; display:block; overflow: hidden;}
.cbp-vm-view-list ul li .th2 a:hover{ color: #6ac237;}
.cbp-vm-view-list ul li:hover .cbp-vm-image{ border-color: #6ac237;}
.cbp-vm-view-list ul li .pro_ico{display: none;}

/*9gonghe*/
.cbp-vm-view-grid ul {list-style: none;padding: 0; margin:0px -0.1rem;}
.cbp-vm-view-grid ul li .li{position: relative;padding:0.08rem; background: #fff;}
.cbp-vm-view-grid ul li .li:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; border: 1px solid #eee; background: #fff; border-radius: 5px; transition: 0.5s all;}
.cbp-vm-view-grid ul li .li:hover{ z-index: 999;}
.cbp-vm-view-grid ul li .li:hover:after{border: 1px solid #6ac237 ;box-shadow: 0px 5px 15px rgb(0 0 0 / 10%); height: calc(100% + 10px);}
.cbp-vm-view-grid ul li .i_more{ display: none;}
.cbp-vm-view-grid ul li{  margin-bottom:0.2rem; padding:0px 0.1rem;}
.cbp-vm-view-grid ul li .th2 a{margin:5px 0;line-height:0.24rem; font-family: 'poppins_S'; height:0.48rem; overflow:hidden;display:block; text-align:center; color: #333; z-index: 999; position: relative;   }
.cbp-vm-view-grid ul li .li{text-align:center; position:relative; }
.cbp-vm-view-grid ul li .li .cbp-vm-image{ overflow:hidden; margin-bottom:0.1rem;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; position: relative;z-index: 66; border-radius: 0; position: relative;}
.cbp-vm-view-grid ul .li{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}


/*效果*/
.products ul li .li .img a{ display:block;}
.cbp-vm-view-grid ul li .li{ position: relative;}
.cbp-vm-view-grid ul li .img a{ display:block; overflow:inherit;}
.cbp-vm-view-grid ul li:hover .img img{transform: scale(1.1);}


@media screen and (max-width: 992px) {
   .cbp-vm-view-grid ul li{ width: 33.33%;}
   .cbp-vm-view-grid ul li .my_more1{ display: none;}
   .cbp-vm-view-grid ul li:nth-child(4n+1){ clear: none;}
   .cbp-vm-view-grid ul li:nth-child(3n+1){ clear: both;}
}

@media screen and (max-width: 768px) {
	.cbp-vm-options{ display: none;}
   .cbp-vm-view-grid ul li{ width: 50%;}
   .cbp-vm-view-grid ul li:nth-child(3n+1){ clear: none;}
   .cbp-vm-view-grid ul li:nth-child(2n+1){ clear: both;}
}

/*news*/
.post-image-mask{position: absolute;top: 50%;left: 50%;margin-top: -5px;margin-left: -22px;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:hover .post-image-mask span, .news_left:hover .post-image-mask:after,.news_left: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; width: 100%; margin-bottom: 0.3rem;}
.news .img{ width:36%; margin-right:0.3rem; overflow:hidden; display:block;  float:left;position:relative;transition: 0.5s all; }
.news .img img{ width:100%;}
.news .li .h4{ line-height: 0.24rem; font-size: 0.18rem; max-height: 0.48rem; color:#303030; margin:0.1rem 0 0.1rem; font-family: 'poppins_S'; display:block; overflow:hidden;}
.news  ul li{ list-style:none; margin-bottom:0.2rem;  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 .li{position: relative; padding: 0.15rem; background: #f5f5f1; border: 1px solid #eee; border-radius: 5px; /* box-shadow: 0px 5px 20px rgba(0,0,0,0.06); */transition: 0.5s all; display: flex;align-items: flex-start;}

.news .li .day {color: #666; display: inline-flex; align-items: center; margin: 0.1rem 0; padding: 0.05rem 0.1rem; border: 1px solid #e5e5e5; background: #f9f9f9; border-radius: 5px;}
.news .li .day i{margin-right: 0.1rem; color: #0193cc;}
.news  ul li p{color:#666; max-height:0.52rem; overflow:hidden; line-height:0.26rem; margin-top:0.06rem; margin-bottom: 0.18rem;}
.news  ul li:hover .img{background: #000;}
.news  ul li:hover .img img{transform: scale(1.1); opacity: 0.7;}
.news  ul li:hover{ transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
.news  ul li:hover .li{ border: 1px solid #ddd;}
.news  ul li .img{ line-height: 0; position: relative; flex-shrink: 0; border-radius: 5px;}
.news  ul li .img a{ line-height: 0;}
.news  ul li .img img{ width: 100%;}

@media screen and (max-width: 768px) {
.news  ul li p{ display: none;}
.news .li .day{ border-bottom: none;}
}
@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;}
}
.page h1,.page .ft26{ color: #333; font-weight: normal;  font-size: 0.26rem; font-family: 'poppins_S';}
.blog-info{ border-bottom: 2px dotted #eee; padding: 0.1rem 0; margin-bottom: 0.2rem; color: #0193cc;}
.blog-info i{ margin-right: 0.06rem; color: #0193cc;}

/*sitemap*/
.sitemap{width:100%;}
.stp-listA>li{text-transform:capitalize;list-style:none;margin-bottom: 0.15rem;background:#fff;border-radius: 0;overflow: hidden;}
.stp-top{width:100%;background:#f5f5f1;}
.stp-top .page_info_title{font-size:0.16rem;line-height:0.24rem;text-transform:uppercase;display:block; padding:0;padding:0.15rem 0.2rem;transition:all .5s; color: #333; font-family: 'poppins_S';}
.stp-top .page_info_title:hover{text-decoration:none;color:#6ac237;}
.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:#6ac237 ;}
.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:#6ac237 ;text-decoration:none;}
.stp-pro .stp-listB>li .title:hover:after{color:#6ac237 ;}
.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:0.16rem;-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:#6ac237 ;}


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

/*products_main*/
.video_play{position: relative}
.video_play img{width: 100%; height: 100%; object-fit: cover;}
.video_play.on .pic img {opacity: 0;visibility: hidden;}
.video_play.on .info {opacity: 0;visibility: hidden;}
.video_play.on .video {opacity: 1;visibility: visible;}
.video_play .video {height: 100%;}
.video_play .video {position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;visibility: hidden;width: 100%;background: #000000;}
.video_play .video video {width: 100%;height: 100%;object-fit: contain;} 

/* CSS for the loading div */
.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: 2px solid #eee;}
.prom_img #pro_img_gallery .swiper-slide{opacity: 0 !important; z-index: -1; line-height: 0;}
.prom_img #pro_img_gallery .swiper-slide-active{  opacity: 1 !important; z-index: 3;}
.prom_img #pro_img_gallery .swiper-slide img{width: 100%;}
.prom_img .video_play .video_buttom:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 20px;color: #fff;line-height: 60px;font-family: 'FontAwesome';content:"\f04b";z-index: 2;border-radius: 5px;background: #6ac237;width: 60px;height: 60px;text-align: center; cursor: pointer;}
.cloud-zoom-lens{ background:#000  !important;  opacity: 0.1 !important;}
.prom_img .swiper-slide iframe{ position: absolute; z-index: 66; width: 100%; left: 0; top: 0; height: 100%;}
#pro_img_thumbs{padding-top: 15px;}
#pro_img_thumbs .swiper-slide{ line-height: 0; border-radius: 0;overflow: hidden;cursor: pointer;border: 1px solid #eee;padding: 0;}
#pro_img_thumbs .swiper-slide-thumb-active{border: 1px solid #6ac237 ; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
#pro_img_thumbs .swiper-slide.swiper-slide-thumb-active img{border-color: #6ac237;}
.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: 5px;background: #6ac237;width: 30px;height: 30px;text-align: center;}
.zoomImg{transition: 0.3s all;}
/*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; line-height: 0;}
.pro_page .thumb img{ width: 100%;}

.enlarge_ico{ width: 40px; height: 40px; background-color: #fff; display: inline-block; position: absolute; right: 10px; top: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 50%; z-index: 999;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='%23FFA415' 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='%23FFA415' 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*/
.pro_page{ position: relative; z-index: 555;  padding: 0.5rem 0; background: linear-gradient(#fff , #f5f5f1);}
.pro_page .pro_main{display: flex;padding: 0.3rem; background: #fff;}
.pro_page .prom_img{ width:40%; position: relative;}
.pro_page .main_text{ width:60%;  padding-left: 0.3rem;}

#content{ position: relative;top: -0.6rem;}
.pro_page .main_text .main_info_details{ display: flex; align-items: center; white-space: nowrap; padding-bottom: 0.15rem;}
.pro_page .main_text .main_info_details .main_category { display: flex; align-items: center; margin-right: 0.2rem; color: #6ac237; font-family: "poppins_S"; overflow: hidden;}
.pro_page .main_text .main_info_details .main_sku{color: rgba(17,22,38,0.5);}
.pro_page .main_text .main_info_details .main_sku .label{ font-family: "poppins_S";}
.pro_page .main_text .main_info_details .main_sku .text{ font-family: "poppins_S";}

.pro_main_title{ font-size:0.24rem; display:block;text-transform:capitalize; color:#303030; line-height:0.36rem; margin-bottom: 0.2rem; font-family: "poppins_S"; overflow:hidden;}
.pro_main_text{line-height:0.26rem; padding-bottom:0.2rem;}
.pro_table ul{padding-left: 0; border-left: 1px solid #f5f5f1; border-top: 1px solid #f5f5f1;max-width: 960px;}
.pro_table ul li{ color:#666;list-style:none; float: left; width:100%; border-right: 1px solid #f5f5f1; border-bottom: 1px solid #f5f5f1;}
.pro_table ul li p{display:inline-block;margin-right:0.1rem;vertical-align:middle;margin-bottom:0;color:#303030; font-size:15px; min-width: 1.2rem; padding: 0.1rem;border-right: 1px solid #f5f5f1; min-width: 25%;font-family: "poppins_S";}
.pro_table ul li:nth-child(2n+1){ background: #f5f5f1;}
.main-more{ text-align:left !important; margin-top:0.2rem;}
.pro_more{ display: flex;}
.pro_more a{background: #303030; text-transform: capitalize;line-height:0.5rem; padding: 0 0.15rem; display: inline-block; font-size: 0.14rem; color: #fff; margin-right: 0.1rem; position: relative;font-family: "poppins_S";}
.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: #6ac237; text-transform: capitalize;font-size: 16px; border-radius: 30px;}
.pro_more .main-more:last-child a{ background: #6ac237;}
.pro_more .m_more a{ background: #6ac237;}
.pro_more a i{margin-right: 6px;}
.pro_more .select a{color: #333; background: #eeeff0; border-radius: 30px; transition: all 0.8s;}

.cart_area{margin-top:0.15rem; margin-bottom:0.1rem;}
.cart_area .cartnum{text-align: center; height:40px; line-height:40px; border:1px solid #ccc; max-width: 100%;box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1) inset;border-radius:5px;}


.pro_page .main_text .item_detail_box:last-child {padding-bottom: 0;}
.pro_page .main_text .item_detail_box { padding-bottom: 0.3rem; padding-top: 0.4rem;}
.pro_page .main_text .main_info_product {position: relative;}
.pro_page .main_text .main_info_product .wrap_info_product { position: relative; line-height: 1.3;}
.pro_page .main_text .main_info_product .wrap_info_product .item_info { padding-bottom: 0.12rem;}
.pro_page .main_text .main_info_product .wrap_info_product .item_info .label {display: inline-block; font-size: 16px; margin-bottom: 0.07rem; color: #333; font-family: 'poppins_S';}
.pro_page .main_text .main_info_product .wrap_info_product .item_info.info_description .description { display: block;}
.pro_page .main_text .main_info_product .wrap_info_product .item_info .description { display: inline-block; font-size: 15px;}

.tab-content > .tab-pane { display: none;}
.tab-content > .active {display: block;}

.products_main .nav-tabs{margin-bottom: 0.2rem; border-bottom: 1px solid #6ac237;}
.products_main .nav-tabs li{list-style: none; float: left;}
.products_main .nav-tabs li a{border-radius: 0px; color: #333;font-size:0.2rem; display: inline-block; padding:0.1rem 0.2rem; line-height: 0.3rem; text-transform: capitalize; font-family: "poppins_S";}
.products_main .nav-tabs li.active a{ background: #6ac237; color: #fff; position: relative;  border-radius: 5px 5px 0 0;}


.pro_page .main_text .form_select{ width: 100%; margin-bottom: 0.15rem; position: relative;}
.pro_page .main_text .inquiry select{ border-radius: 5px; box-shadow: 0 2px 4px 0px rgb(0 0 0 / 10%) inset;}
.pro_page .main_text .inquiry .form_select:after {
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    right: 10px;
    line-height: 16px;
    font-size: 20px;
    color: #d5d5d5;
    top: 50%;
    transform: translate(0, -50%);
}

@media only screen and (max-width: 992px) {
.products_main .nav-tabs li a{font-size: 14px;}
}
@media only screen and (max-width: 992px) {
.pro_page{padding-top: 0.2rem;}
}

@media only screen and (max-width: 1260px){
.pro_page .prom_img{ width:40%; position: relative;}
.pro_page .main_text{ width:60%;  padding-left: 0.3rem;}
.pro_table ul li{ width: 100%;}
}
@media only screen and (max-width:768px) {
.pro_main_title{margin-top: 0.2rem;}
.pro_page .pro_main{padding:0.2rem; 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;}
}
@media only screen and (max-width:400px) {
.main-more{margin-top: 10px; width: 100%;}
.products_main .nav-tabs li a{ font-size: 13px;}
}

/*inquiry*/
.pro_inq{ position: relative; background:#fff; border-top: 2px solid #6ac237; overflow: hidden;box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;  border-radius: 0;  }
.pro_inq .title{color: #333; padding:0.3rem 0.3rem 0; font-size:0.28rem; text-transform: uppercase; line-height: 0.3rem; border-top-left-radius:10px; border-top-right-radius: 10px; font-family: 'poppins_S';/*  background: #231f20; background-size: cover; */}
.pro_inq .title img{margin-right: 0.15rem;}
.pro_inq .text{ margin-bottom:0.1rem; color:#666; line-height:20px; background:#fff; margin-top: -50px; padding:15px 0; border-radius: 0; line-height:22px; border-bottom: 1px solid #e5e5e5; margin: 0px 0.3rem;}
.pro_inq .inquiry{ padding: 0.3rem;}
.pro_inq .inquiry .ms_btn{ width: auto;}


.rel_section{ padding:0.5rem 0 0.3rem; background:#fafafa; position: relative; z-index: 6; overflow: hidden;}
.rel_section .button_outside{  margin: 0.3rem -0.15rem 0.5rem;}
.rel_section .swiper-slide{ opacity: 0.1;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: 0.16rem; border: 1px solid #eee; background: #fff; text-align: center; border-radius: 10px;transition: 0.5s all;}
.rel_section .img{ line-height: 0; position: relative; display: block; overflow: hidden;}
.rel_section .li .h4{ color: #333; display: block; line-height: 0.24rem; min-height: 0.48rem; margin: 0.15rem 0 0.1rem; font-size: 0.17rem; font-family: 'poppins_S'; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.rel_section .li .more{ text-decoration: underline; text-transform: uppercase; display: inline-block; color: #6ac237; font-family: 'poppins_S'; line-height: 0.26rem; margin-top: 0.1rem; margin-bottom: 0.05rem;}
.rel_section .li p{ color: #808080; line-height: 0.22rem; max-height: 0.44rem; font-size: 0.15rem; overflow: hidden;}
.rel_section .li:hover{ border: 1px solid #6ac237;}
.rel_section .li:hover .img img{transform: scale(1.05);}

@media only screen and (max-width: 768px) {
.rel_section{ padding: 0.4rem 0.1rem;}
.rel_section .button_outside{ margin-bottom: 0.2rem;}
.rel_section .swiper-slide{ width: 33.33%;}
.rel_section .swi_position{ padding: 0 0.3rem; margin-top: 0;}
.rel_section .swiper-button-prev{ left: 0.05rem;}
.rel_section .swiper-button-next{ right: 0.05rem;}
}
@media only screen and (max-width: 500px) {
.rel_section{ padding: 0.3rem 0;}
.rel_section .i_title .title_txt{ line-height: 0.44rem;}
.rel_section .button_outside{ margin-bottom: 0;}
.rel_section .swiper-slide{ width: 50%;}
}

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



.pro_may{ background: #fff; padding: 0;}
.pro_may .title_h4{  border-bottom: 1px solid #eee; margin-bottom: 0.2rem; font-size: 0.2rem; color: #333;}
.pro_may ul li .li{ border: 1px solid #fff;}

.blog_list{list-style:none;}
.blog_list li{position:relative; list-style:none; border-radius:0; margin-bottom: 0.15rem; }
.blog_list li:last-child{ margin-bottom: 0;}
.blog_list li .li{ padding:0.2rem;  border-bottom: none; transition: 0.5s all;  background: #f5f5f1; border-radius:5px; border: 1px solid #E9E9E9; background-position: right bottom;transition: 0.5s all; }
.blog_list li .li:hover{  border: 1px dotted #6ac237;box-shadow: 0 5px 20px 1px rgb(0 0 0 / 5%);}
.blog_list li:last-child .li{ margin-bottom: 0;}
.blog_list li .img{ float: right; width:45%; margin-left: 0.15rem; margin-top: 0.1rem; overflow: hidden;}
.blog_list li:hover .img img{transform: scale(1.1);}
.blog_list li .news_day{color:#0193cc;margin-top:0;display:block; margin: 0.1rem 0; font-size: 0.14rem;}
.blog_list li .news_day i{color: #0193cc; margin-right: 0.04rem;}
.blog_list li .image{ line-height: 0; float: left; width: 35%; border-radius: 5px; margin-right: 0.2rem; position: relative; display: block; overflow: hidden;}
.blog_list li .image img{max-width: 100%; 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:#303030;display:block;line-height:0.3rem; margin-top: 0.1rem; font-size: 0.2rem; font-family: 'poppins_S'; }
.blog_list li .title:hover{ color: #6ac237;}
.blog_list li .text{ line-height:24px;overflow:hidden;max-height:48px; margin: 0.05rem 0; 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:#303030; 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:#303030; color:#fff;}
.blogin{color:#aaa; margin:0.04rem 0px;}
.blogin span{ color:#fff; margin:0px 0.06rem;}
.blogin span i{}
.blog .blog_tags{ width:100%; margin-top:0.1rem;}


@media only screen and (max-width: 768px) {
	.blog_list li .li{padding-bottom:0.2rem;}
	.blog_list li .image{float: inherit; width: 100%; margin: 0;}
}

.pro_nav{ display: block;border-bottom: 2px solid #eee; padding: 20px 0; margin-bottom: 40px; text-align: center;}
.pro_nav a{ float: left; width: 12.5%; text-align: center; padding:10px;}

@media only screen and (max-width: 992px) {
.pro_nav a{ width: 25%;}
}

@media only screen and (max-width: 500px) {
.pro_nav{margin-bottom: 20px;}
.pro_nav a{ width: 33.33%; padding: 5px;}
}


.project *{transition: 0.5s all;}
.project ul li{ list-style: none; float: left; width: 25%; padding: 0 0.1rem; margin-bottom: 0.1rem;}
.project ul li .li{  padding-bottom: 0.2rem; box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
.project ul li .img{ position: relative; overflow: hidden;background: #000;}
.project ul li .title{ color: #333; font-size: 0.18rem; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0.2rem; margin: 0.2rem 0 0.1rem;}
.project ul li p{ text-align: center; padding: 0 0.2rem; color: #808080; padding: 0 0.2rem;line-height: 0.24rem; height: 0.48rem; overflow: hidden;}
.project ul li:hover  img{ opacity: 0.6;transform: scale(1.02);}
.project ul li:hover .li{ background: #6ac237;}
.project ul li:hover .title{ color: #fff;}
.project ul li:hover p{ color: #fff;}

@media screen and (max-width:768px) {
.project{padding-top: 0; padding-bottom: 0.3rem;}
.project ul li{ width: 33.33%;}
}

@media screen and (max-width:460px) {
.project{padding-top: 0; padding-bottom: 0.3rem;}
.project ul li{ width: 50%;}
}

/*page_faq*/
.page_faq_l{list-style:none;}
.page_faq_l li.question{position:relative; margin-top: 0.15rem; border: 1px solid #e4e4e4; background: #fff; border-radius: 5px; padding-right: 0; transition: 0.5s all; z-index: 1; overflow: hidden;}
.page_faq_l li.question:first-child{ margin-top: 0;}
.page_faq_l li.question:before { content: ""; position: absolute; top: -0.22rem; right: 0; width: 0.56rem; height: 0.84rem; background-color: #f4f8fa; transform: rotate(-134deg); z-index: -1; border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;}
.page_faq_l li.question .column{overflow:hidden; border-radius:0;padding:0.14rem 0.2rem;cursor: pointer;transition: 0.5s all; display: flex; align-items: center; justify-content: space-between;}
.page_faq_l li.question .column > em{color: #333; font-style: normal; font-size: 0.18rem; display: inline-block; font-family: "poppins_S";}
.page_faq_l li.rotate{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #e4e4e4;}
.page_faq_l li.answer{color:#888;font-size:15px;line-height:24px; padding:0 0.2rem;display:none; background: #fff; border: 1px solid #e4e4e4; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow:hidden;}
.page_faq_l li.answer .text{padding: 0.24rem 0;}
.page_faq_l li.answer a:hover{color:#6ac237;}
.page_faq_l li .column.rotate{background: rgba(255,255,255,0.3);  border-top-left-radius: 8px; border-radius: 8px;backdrop-filter: blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px);backdrop-filter: saturate(180%) blur(10px);}

.page_faq_l li.question .column > i{display:inline-block; width:0.36rem; height:0.36rem; border-radius:50%;position:relative;text-align:center;font-style:normal;background:#fff; box-shadow: 0 4px 7px rgba(178,190,205,.29);}
.page_faq_l li.question .column > i:before,
.page_faq_l li.question .column > i:after{ content:""; width:0.14rem; height:2px;background:#a4a4a4; display:inline-block; position:absolute; left:50%; top:50%; margin-left:-0.07rem; margin-top:-1px;transition:all .5s;}
.page_faq_l li.question .column > i:after{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.page_faq_l li.rotate .column > i:after{background:#fff !important; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
.page_faq_l li.rotate .column> i{background:#6ac237;}

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

@media only screen and (max-width: 768px) {
.page_faq_l li.question .column > em{font-size:14px; line-height:24px;}
}
@media only screen and (max-width: 480px) {
.page_faq_l li.question{background-image:none;padding:0;}
.page_faq_l li.answer{padding:0.15rem 0.1rem 0.1rem 0.1rem;font-size: 14px;}
.page_faq_l li.question .column > em{max-width:82%;font-size: 14px; }
.page_faq_l li.answer .text{ padding: 0 0 0.1rem;}
.page_faq_l li.question:before{ display: none;}
}
 
@media only screen and (max-width: 1299px) {
.faq_column{ margin:0 -10px 0}
.faq_column .page_faq_l{ padding:0 10px;}	
.faq_column .page_faq_l li.question .column > em{max-width: 88% }
}
@media only screen and (max-width: 939px) {
.in_faqW{ padding: 50px 0}
.faq_column{ margin:0 -5px 0}
.faq_column .page_faq_l{ padding:0 5px;}	
.faq_column .page_faq_l li.question .column > em{max-width: 82%; font-size: 16px }
.in_faqW{ background-position: bottom left}
}

@media only screen and (max-width: 375px) {
.faq_column .page_faq_l li.question .column{    padding: 8px 6px;}
.faq_column .page_faq_l li.question .column > i{ margin-right: 5px}
.faq_column .page_faq_l li.question .column > em{ width: 79%; font-size: 14px;}
}

.page-nav { position: relative; background-color: #f5f5f5; z-index: 9999999;}
.page-nav.fixed {
position: fixed;
z-index: 100;
top:0.86rem;
right: 0;
left: 0;
max-width:100%; margin:0 auto;
box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
z-index: 9999998;
}
.pnav-item {position: relative}
.pnav-item:first-of-type::before {display: none;}
 
.pnav-link { display: block; position: relative; color: #333;}
.pnav-link:hover {color: #6ac237;}
.page-nav .current a{ color:#6ac237;}
.pnav-link::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 2px;
background-color: #eee;
visibility: hidden;
opacity: 0
}
.list-pnav.list-1 { text-align: center}
.list-pnav.list-1>li { width: 50%} 
.page-nav .list{   overflow: hidden;}
.page-nav .list li{ list-style: none; background: none;text-align: center; position: relative; padding:10px 15px 10px; border-radius: 2px; border-right: 1px solid #ddd; width: 33.33%;}

.nav-page{ position: relative;padding-top: 1rem; }  
.nav-page .overview{position: absolute; top: -120px;}
.page-nav .list li .pnav-link{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99}
.page-nav .list li .wrap{ text-align: center; width: 100%}
.page-nav .list li .wrap .icon{display: inline-block; width: 50px; height: 50px; position: relative; overflow: hidden; background: #ccc; border-radius: 50%;}
.page-nav .list li .wrap .icon img{width: 40px; margin: 5px; position: absolute; left: 0; transition: all .9s; border-radius: 50%;}
.page-nav .list li .wrap p{ font-size:20px; line-height: 24px; padding: 6px 0; text-transform: uppercase; color: #333; }
.page-nav .list li.current ,.page-nav .list li:hover{ background:#6ac237;}
.page-nav .list li.current  .wrap p,.page-nav .list li:hover .wrap p{ color: #fff}
.page-nav .list li.current  .wrap .icon,.page-nav .list li:hover .wrap .icon{ background: none;}

.del_title{  text-align: left;  font-size: 0.22rem; color: #333; line-height: 0.3rem; text-transform: uppercase; padding: 5px;}

@media only screen and (max-width:992px) {
.page-nav .list li .wrap .icon{display: none;}
.page-nav .list li .wrap p{font-size: 14px;}
/* .select a{display: none;} */
.page-nav.fixed{ top: 56px;}
.page-nav .container{ padding-left: 0px; padding-right: 0px;}
}
@media only screen and (max-width:500px) {
.page-nav .list li .wrap p{font-size: 12px;}
}

/*video_l*/
.video_l{list-style:none; margin: 0.6rem -0.15rem;}
.video_l li{margin-bottom: 0.3rem;}
.video_l li:nth-child(4n+1){ clear: both;}
.video_l li .column{transition:all .5s;background:#fff;border-radius: 0;}
.video_l li .image{ line-height: 0; display:block; position:relative;transition:all .5s;border-radius: 5px; 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.1;filter: alpha(opacity=10);transition:all .5s;}
.video_l li:hover .ovrly{opacity: 0.5;filter: alpha(opacity=50);}
.video_l 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:#6ac237;align-items: center;justify-content: center;z-index: 99;color: #fff;transition:all .5s;}
.video_l li .video_button .line-video-animation{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border:2px solid rgba(255,255,255,0.27);border-radius:50%;opacity: 0;filter: alpha(opacity=0);}
.video_l li:hover .video_button{width: 70px;height: 70px;text-decoration: none;background:#fff;color: #6ac237;}
.video_l 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;
}
.video_l 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;
}
.video_l 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);transform:scale(1);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);transform:scale(1);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);transform:scale(1);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);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);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;}
.video_l li .info span{ display: inline-block; line-height:32px; background: #f7f7f7; float:left;  color: #555; padding: 0 0.1rem; border-radius: 30px;}
.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; overflow:hidden;color: #333; margin: 0.2rem 0 0.15rem; font-family: "poppins_S";}
.video_l li p{ line-height: 22px; height:44px; font-size: 15px; color: #999; overflow: hidden;}

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

@media only screen and (max-width: 768px) {
.video_l{ margin: 0.3rem 0 0;}
.video_l li{padding:0 5px; margin-bottom: 0.15rem;}
.video_l li{width:50%;}
.video_l li:nth-child(2n+1){ clear: both;}
.video_l li:nth-child(3n+1){ clear: none;}
.video_l li .title a{ font-size: 16px;}
.video_l li p{ font-size: 14px;}
}
@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;}
}



.project_list{list-style:none;}
.project_list{ margin: 0 -0.1rem;}
.project_list li{margin-bottom:0.2rem; padding:0 0.1rem;}
.project_list li:nth-child(3n+1){clear: both;}
.project_list li .column{ border-radius: 5px; transition:all .5s;overflow: hidden;}
.project_list li .image{line-height: 0; display:block;overflow:hidden;position:relative;}
.project_list li .image > a{ line-height: 0; position: absolute;left:0;top:0;width:100%;height:100%;z-index: 10;display: block;}
.project_list li .image img{max-width: 100%;height: auto;width: 100%;transition: all .9s;}
.project_list li:hover .image img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.project_list li .image .more_box{position: absolute;left: 0;top: 10px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;z-index: 5;transition: all .8s;opacity: 0;}
.project_list li:hover .image .more_box{top: 0;opacity: 1;}
.project_list li .image .more_box .main_more{background:#fff;color:#6ac237;}
.project_list li .image .ovrly{position: absolute;left:0;top:-50%;width:100%;height:100%;background:#000;opacity: 0;filter: alpha(opacity=0);transition:all .5s;}
.project_list li:hover .image .ovrly{opacity: 0.6;filter: alpha(opacity=60);top:0;}
.project_list li .img{height: 220px;display: block;background-repeat: no-repeat;background-position: center center;}
.project_list li .wrap{background:#f7f7f7;padding: 20px;text-align: center;position: relative;}
.project_list li .wrap:before{background-color:#6ac237;bottom:calc(100% - 1px);content:'';height: 10px;position: absolute;left:0;transform:scaleY(0);transform-origin:right bottom;transition:transform .7s;width: 100%;z-index: 2;}
.project_list li:hover .wrap:before{transform:scaleY(1);-webkit-transition:all 500ms cubic-bezier(0.93,.1,.195,1);transition-timing-function:cubic-bezier(0.93,.1,0,1.65);}
.project_list li .title{ font-family: 'poppins_S'; color:#303030;font-size:0.18rem; line-height:24px; overflow:hidden; display:block;margin-bottom:0;transition:all .5s;margin-top:0;margin-bottom: 0.1rem;}
.project_list li .text{ line-height:24px; height:48px; overflow:hidden;}


 @media only screen and (max-width: 992px) {
	.project_list li{ width: 33.33%;}
	.project_list li:nth-child(3n+1){clear: both;}
	.project_list li:nth-child(4n+1){clear:none;}
} 
 @media only screen and (max-width: 768px) {
	.project_list li{ width: 50%;}
	.project_list li:nth-child(2n+1){clear: both;}
	.project_list li:nth-child(3n+1){clear:none;}
} 
@media only screen and (max-width: 480px) {
	.project_list li{padding: 0;width:100%;}
	.project_list li .title{height:auto;max-height:48px;font-size:14px;margin-bottom:10px;}
	.project_list li .wrap{padding: 15px 10px;}
	.project_list li .text{font-size:12px;height:24px;}
}


.pro_select {
padding-top: 0.3rem;
padding-bottom: 0.3rem;
border-bottom: 1px solid #eee; 
}

.pro_select .pro_select_list {
float: left;
width:33.33%;
position: relative;
}

.pro_select .prS_select {
position: relative;
display: block;
width: 100%;
z-index: 5;
}

.pro_select select {
height:0.4rem;
width: 100%;
border: 1px solid #6ac237;
background-color: transparent;
padding-left: 15px;
font-size: 15px;
color: #303030333;
Appearance: none;
-webkit-appearance: none;
border-radius: 0.05rem;
border-radius: 0;
}

.pro_select .pro_select_wrap:after {
content: "\f107";
font-family: 'FontAwesome';
position: absolute;
right: 20px;
line-height: 16px;
font-size: 16px;
color: #808080;
top: 9px;
z-index: -1;
}



.pro_select .main_more {
margin-top: 0;  font-size:0.15rem; line-height:0.4rem; height:0.4rem; padding:0px 0.25rem; font-weight:100;  border:none;
}


.pro_select_more_2{ float:right; }
.rower_2{ float:left; width:92%}
.pro_select_more{ float:left; width:8%; margin-left: 15px;}

@media only screen and (max-width: 992px) {
.pro_select .pro_select_list {
width: 25%; margin-bottom:10px;
}
.pro_select_more{ padding-left:0px;}
.pro_select .main_more{ margin-left:0px;}
.pro_select select {
padding-left: 10px;
}
.rower_2{ width:100%}
.pro_select_more_2 { display:inline-table;margin: 10px 0px; 
}

}



@media only screen and (max-width:992px) {
.pro_select .pro_select_wrap {
width: 50%;
margin-bottom: 10px;
padding: 0 5px;
}

.pro_select .pro_select_more {
margin-top: 10px;
 width:100%;
}
.pro_select .pro_select_more .main_more {
display: block;
}
.pro_select .pro_select_more .main_more{ width:100%}
.pro_select_more_2{ width:100%}
}



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

.pro_select .pro_select_more {
padding: 0;
}
}

.pro_select .main_more{position:relative;display:inline-block;transition:all .5s;z-index:3;height:0.40rem;line-height:0.4rem;font-size: 0.2rem;padding-left:0.2rem;padding-right:0.2rem;text-transform: capitalize;color: #ffffff;overflow: hidden;border-radius:0.05rem;   background: #6ac237;  letter-spacing: 0.5px; text-align: center; font-size: 14px; border-radius: 0; }
.pro_select .main_more:hover{ ;text-decoration: none; }
 
.pro_select .main_more:before { content: ' '; position: absolute; background:rgba(255,255,255,0.15); width:36px; height:36px; top: -41px; left:-46px; border-radius: 50%;  -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index: -1}
.pro_select .main_more:hover:before{ width: 300px; height:300px; left:-35px; top: -50px; }
 

.pro_select input.main_more{box-shadow: none;}
   

.page_pro_list{padding-top: 40px;}
.page_pro_list .p{ margin: 0.2rem 0; text-align: left;}
.page_pro_list .page_pro_column{margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid #e5e5e5;text-align: center;} 
.page_pro_list .page_pro_column:last-child{border-bottom:none;padding-bottom: 0;}
.page_pro_list .page_pro_column .page_pro_title{display: flex;margin-bottom: 25px;;padding: 10px 15px;background: #f7f7f7;border-radius: 0;align-items: center;justify-content: space-between;width: 80%;width: 100%;}
.page_pro_list .page_pro_column .page_pro_title .title{ font-size: 0.28rem;line-height: 120%;text-transform: uppercase;transition:all .5s;display: inline-block; color: #333;}
.page_pro_list .page_pro_column .page_pro_title a:hover{color: #6ac237;text-decoration: none;}
.page_pro_list .page_pro_column .page_pro_title .page_more{font-size: 18px;margin-top: 0; }
.page_pro_list .page_pro_column .page_pro_title .page_more i{width: 32px;height: 32px;}
.page_pro_list .page_pro_column .page_pro_title .page_more:before{width: 32px;height: 32px;left: -5px;top: 5px;}
.page_pro_list .page_pro_column .list{list-style: none;margin-right: -15px;margin-left: -15px;}
.page_pro_list .page_pro_column .list li{margin-bottom: 20px;}
.page_pro_list .page_pro_column .list li .image{border: 2px solid #eee;display:block;overflow: hidden;transition:all .5s;text-align: center; border-radius: 10px;}
.page_pro_list .page_pro_column .list li .image:hover{border-color: #6ac237;}
.page_pro_list .page_pro_column .list li .image img{transition:all .9s;}
.page_pro_list .page_pro_column .list li:hover .image img{
	transform:scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
}
.page_pro_list .page_pro_column .list li .title{margin-top: 20px;font-size: 0.2rem;display: block; line-height: 24px;transition:all .5s; color: #333;}
.page_pro_list .page_pro_column .list li .title:hover{color: #6ac237;text-decoration: none;}
.page_pro_list .page_pro_column .list li .text{margin-top: 12px;line-height: 20px;height: 20px;overflow: hidden;font-size: 14px;color: #808080;}

@media only screen and (max-width: 992px) {
	.page_pro_nav .list{display: block;}
	.page_pro_nav .list li{float: left;width: 25%;}
	.page_pro_nav .list li .column{padding: 5px;}
	.page_pro_nav .list li .title{font-size: 0.14rem;line-height: 20px;height: 60px;}
}
@media only screen and (max-width: 768px) {
	.page_pro_list .page_pro_column{margin-bottom: 20px;padding-bottom: 20px;}
	.page_pro_list .page_pro_column .list{margin: 0;}
	.page_pro_list .page_pro_column .list li{padding: 0 5px;margin-bottom: 20px;}
	.page_pro_list .page_pro_column .list li .title{margin-top: 10px;font-size: 14px;line-height: 20px;height: 60px;}
	.page_pro_list .page_pro_column .page_pro_title .page_more{display: none;}
}

.page_more{color:#6ac237;display: inline-block;line-height: 20px;position: relative;z-index: 2;margin-top: 30px;transition:all .5s;text-transform: capitalize; font-size:15px;}
.page_more:hover{color:#6ac237;opacity: 1;text-decoration: none;}
.page_more i{display: inline-flex;width: 40px;height: 40px;border-radius: 50%;align-items: center;justify-content: center;position:relative;background:linear-gradient(to right, #6ac237, #31c2f7);margin-right: 8px;vertical-align: middle;}
.page_more i:before{content:'';transition:all .5s;display: inline-block;background: url(../images/arrow-right.svg) no-repeat;width: 18px;height: 14px;}
.page_more:hover i:before{animation: scroll_right_anim 1.5s infinite;}
.page_more:hover:before{width: 42px;}

@-webkit-keyframes spin{
	from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin{
	from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes scroll_right_anim {
0% {
transform: translateX(-3px); }
50% {
transform: translateX(3px); }
100% {
transform: translateX(-3px); } }



.solutions ul li{ list-style: none; padding: 0.6rem 0;}
.solutions ul li .img{ float: left;}
.solutions ul li:nth-child(2n) .img{ float: right;}
.solutions ul li:nth-child(2n){background: #f7f7f7;}
.solutions ul li .title{  font-size: 0.2rem; line-height: 0.3rem; color: #333; display: block;}
.solutions ul li p{ margin: 0.2rem 0;}

.products_li ul li{ list-style: none;}
.products_li ul li:nth-child(2n){ background: #f7f7f7;}
.products_li ul li .li{ display: flex; align-items: center; padding: 0.5rem 0.3rem;}
.products_li ul li .img{ width: 50%; text-align: center; padding: 0 0.15rem;}
.products_li ul li .text{ width: 50%;padding: 0 0.15rem;}
.products_li ul li .title{  display: block; font-size: 0.3rem; color: #333; line-height: 0.32rem; max-height: 0.64rem;}
.products_li ul li p{ line-height: 0.3rem; height: 0.9rem; overflow: hidden; margin: 0.2rem 0;}

@media only screen and (max-width: 768px) {
.products_li ul li .title{ font-size: 18px;}
}

@media only screen and (max-width: 400px) {
.products_li ul li .li{ padding:0.3rem  0.2rem;flex-direction: column;flex-direction: column; text-align: center;}
.products_li ul li .text,.products_li ul li .img{ width: 100%; padding: 0;}
}

.pro_mainnav{ background: #222; width: 100%; z-index: 9999999;}
.pro_mainnav ul li{ list-style: none;}
.pro_mainnav .main{ display: flex;justify-content: space-between; height: 50px;align-items: center;}
.pro_mainnav .title{ font-size: 0.2rem; color: #fff; text-transform: uppercase; font-family: 'poppins_S';}
.pro_mainnav .li a{ text-transform: uppercase; line-height: 50px;color: #fff; padding: 0 0.2rem; display: inline-block; font-family: 'poppins_S';}
.pro_mainnav .li a:hover{ background: rgba(255,255,255,0.15);}
.pro_mainnav .li .con_btn{ line-height: 50px; background: #6ac237; display: inline-block; padding: 0 0.2rem;}
.pro_detail{ margin-top: 50px;}

@media only screen and (max-width:992px) {
.pro_mainnav{ top: 50px;}
}

@media only screen and (max-width:768px) {
.pro_mainnav .li a{ padding: 0 0.05rem;}
.pro_mainnav .container{ padding-right: 0; padding-left: 10px;}
.pro_mainnav .li .con_btn{ padding: 0 0.05rem;}
.pro_mainnav .li a{ text-transform: capitalize;}
}


@media only screen and (max-width:500px) {
.pro_mainnav .li .con_btn{ display: none;}
.pro_mainnav .main{ height: 40px;}
.pro_mainnav .li a{ line-height: 40px;}
}

.down_load{ width:100%; margin: 0.6rem auto 0;}
.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; text-align: center; padding: 50px 0 35px; transition: all .5s}
.down_load ul li:nth-child(3n){ margin-right:0}
.down_load ul li .icon{ display: block; width: 60px; height: 75px; background: url("../images/icon-pdf.png") no-repeat center top; background-position: 0 100%; transition: 0.3s all; margin: 0 auto}
.down_load ul li:hover .icon{background-position: 0 0;}
.down_load ul li .title{ display:block; color: #222; margin-top: 0.2rem;}
.down_load ul li:hover{ background:#f5f5f5}

@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}
}
@media only screen and (max-width:480px) {
.down_load ul li{width:100%; margin: 0 0 20px 0 !important;}  
}

/*page_nav*/
.page_nav{margin-bottom: 0;padding: 0;padding-top: 0; padding-bottom: 30px;margin-bottom: 30px; position: relative; border-bottom: 1px solid #eee;}
.page_nav ul{list-style:none;text-align:center;display:flex;align-items:center;border-radius:0;justify-content: center;}
.page_nav li{display:inline-block;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; line-height:24px;text-transform:uppercase;background:#f5f5f1; border-radius:30px; padding: 0.15rem 0.3rem;font-family: 'poppins_S'; color: #333;transition:all .5s;position: relative;z-index: 5;align-items: center;justify-content: center;} 
.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-top-color: #6ac237; border-width: 10px; margin-left: -10px; opacity: 0;filter: alpha(opacity=0); transition:all .5s;}
.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: #6ac237;}
.page_nav li:nth-child(2n+2) a:hover, .page_nav li:nth-child(2n+2).active a{ background: #6ac237;}
.page_nav li a:hover:after, .page_nav li.active a:after{opacity: 1;filter: alpha(opacity=100);bottom: -0.2rem;}
.page_nav li:nth-child(2n+2) a:hover:after, .page_nav li:nth-child(2n+2).active a:after{border-top-color: #6ac237;}

.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-right: 0;}
.page_nav{ border: none; padding-bottom: 0.2rem; margin-bottom: 0;}
}


/*ny_case*/
.case_title{ width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom: 1px solid #eee; margin-bottom: 0.1rem;}
.case_title p{ display:inline-block; width:calc(100% - 150px); text-align:left; color:#303030; font-size:0.32rem; font-family: "poppins_S"; text-transform:uppercase;}
.case_title .navigation{ width:130px; display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-end; margin-top:0; padding-top:0}
.case_title .navigation li{ display:inline-block; background:#fff; margin-left:0.3rem;}
.case_title .navigation li:first-child{ margin-left:0}
.case_title .navigation li a{ display:block; width:0.49rem; height:0.49rem; line-height:0.49rem; text-align:center; border:1px #dedede solid; border-radius:0; position:relative; background:#fff; padding:0; transition:all .5s;}
.case_title .navigation li a:before{ display:none;}
.case_title .navigation li a:after{ position:absolute; content:'\f104'; color:#303030; font-size:0.3rem; font-family:fontawesome; left:0; right:0; margin:0 auto; transition:all .5s}
.case_title .navigation li:nth-child(2n) a:after{content:'\f105';}
.case_title .navigation li:hover a:after{ color:#fff}
.case_title .navigation li:hover a{ background:#6ac237;}

.case_text{ width:100%; float:left}
.case_text ul{ width:80%; float:left;}
.case_text ul li{ width:50%; list-style:none; float:left; padding-right:3%; margin:0 0 0.15rem 0; position:relative; padding-left:0.2rem; text-align:left; font-size:0.2rem; color:#888}
.case_text ul li:before{ position:absolute; content:''; width:7px; height:7px; background:#b2b2b2; border-radius:50%; left:0; top:0.1rem;}


.case_photo{ width:100%; float:left; padding:50px 0; text-align:center}
.swiper_big{ width:100%; overflow:hidden; position:relative; padding:0 20%}
.swiper_big .swiper-button-prev{ left:0}
.swiper_big .swiper-button-next{ right:0}
.mySwiper2{ width:100%; overflow:hidden; margin:0 auto;}
.mySwiper2 .swiper-slide{ width:100%; padding:0}
.mySwiper2 .swiper-slide img{ display:block; width:100%}
.mySwiper{ width:60%; text-align:center; margin:20px auto 0 auto}
.mySwiper .swiper-wrapper{ justify-content:center;}
.mySwiper .swiper-slide{ width:calc(100% / 6); padding:0 5px;}
.mySwiper .swiper-slide-thumb-active{ opacity:.5} 


@media only screen and (max-width:1366px) { 
.swiper_big{padding:0 15%}
}


@media only screen and (max-width:1260px) { 
.swiper_big{padding:0 10%}
}


@media only screen and (max-width:992px) { 
.swiper_big{padding:0 8%}
.case_text ul{ width: 100%;}
}


.dadasfs{ margin-top: 0 !important;}
.addthis_toolbox { float: right;}


/*-------------------------ny_custom-------------------------------*/
.custom_top{ text-align: center; margin: 0 auto 0.6rem;}
.custom_top .my_more1{ line-height: 0.5rem; padding: 0 0.4rem;}
.custom_top .my_more1:hover{ padding-right: 46px;}
.custom_info{ background: #f7f7f7; position: relative; padding: 0.6rem 0 0.8rem; overflow: hidden;}
.custom_info .inquiry{ padding: 0 0.8rem;}
.custom_info .inquiry ul li.q_li span.span1{ position: relative; display: block; width: 100%; margin-bottom: 5px; padding-left: 15px; color: rgba(0,0,0,.85); text-align: left; font-family: 'poppins_S'; overflow: hidden;}
.custom_info .inquiry ul li.q_li0 span.span2{  display: block; width: 100%; margin-left: 5px; margin-bottom: 5px; color: rgba(0,0,0,.85); text-align: left; font-family: 'poppins_S'; overflow: hidden;}
.custom_info .inquiry ul li.q_li span.span1:before{ content: '*'; position: absolute; left: 0; top: 2px; margin-left: 5px; color: #6ac237; font-size: 14px;}
.custom_info .q_li1 p{ font-size: 14px; margin-top: 5px;}

.custom_info ul.messageList li textarea{border-width: 1px; border-color: #e5e5e5; box-shadow:0 2px 4px 0px rgb(0 0 0 / 10%) inset; border-radius: 5px;}
.custom_info ul.messageList li textarea:focus{border-color: #6ac237;}
.custom_info ul.messageList li .form_select:before{display: none;}
.custom_info ul.messageList li .form_select{position:relative;display: block;width: 100%;z-index: 5;background:#fff; overflow: hidden;}
.custom_info ul.messageList li select{border:1px solid #e5e5e5;box-shadow:0 2px 4px 0px rgb(0 0 0 / 10%) inset;height: 48px;line-height: 52px;width: 100%;background-color:transparent;padding-left:15px;font-size:12px;color:#808080;Appearance:none;-webkit-appearance:none;font-size: 14px;}
.custom_info ul.messageList li .form_select:after{content:"\f107";font-family:'FontAwesome';position:absolute;right:20px;line-height:16px;font-size:20px;color:#808080;top:18px;z-index:-1;}

.custom_info .fild{ margin: 0.15rem 0 0.2rem; overflow: hidden;}
.custom_info ul.messageList2{ margin:0 -0.15rem;}
.custom_info ul.messageList2 li{ list-style:none; float: left; width: 25%; padding: 0 0.15rem;}
.custom_info ul.messageList2 li label.gfield_label{ display: block; padding-left: 0; font-weight: normal; font-size: 0.2rem; color:#303030; margin-bottom:0.1rem; font-family: 'poppins_S'; overflow: hidden;}
.custom_info ul.messageList2 li input {border: 1px solid #e5e5e5; width:20px; height: 20px; line-height: 20px;  background-color: #fff; padding-left: 15px; color:#808080; margin: 0;box-shadow: 0 2px 4px 0px rgba(0,0,0,0.05) inset;}
.custom_info ul.messageList2 .gfield_checkbox li{ width: 100%; display: flex; align-items: center;}
.custom_info ul.messageList2 li label{margin:0; padding-left:10px }

.custom_info .gxh_form{ margin: 0 auto 0.2rem; overflow: hidden;}
.custom_info .gxh_form ul li span{  display: block; width: 100%; margin-left: 5px; margin-bottom: 5px; color: rgba(0,0,0,.85); text-align: left; font-family: 'poppins_S'; overflow: hidden;}
.custom_info .inquiry ul li textarea{ height: 1.2rem;}

@media only screen and (max-width:992px) { 
.custom_info .inquiry{padding:0;}
.custom_top{ margin-bottom: 0.3rem;}
.custom_top .i_title{ margin-bottom: 0.26rem;}
.custom_info{ padding: 0.4rem 0 0.6rem;}
}
@media only screen and (max-width:700px) { 
	.custom_info .inquiry ul{ margin:0 -5px;}
	.custom_info ul.messageList2 li{ float: inherit; width: 100%;}
	.custom_info ul.messageList2 .gfield_checkbox li{float: left;width: 33.33%; padding:0 5px;}
}
@media only screen and (max-width:610px) { 
	.custom_info ul.messageList2 .gfield_checkbox li{ width: 50%;}
	.custom_info ul.messageList2 li label{ font-size: 13px;}
}
@media only screen and (max-width:400px) { 
.custom_info ul.messageList2 li input{ width: 16px; height: 16px;}
.custom_info ul.messageList2 li label{ font-size: 12px;}
}

/*-------------------------video-tc-------------------------------*/
#video-dialog{ position: fixed;  width: 100%;  height: 100%;  top: 0;  left: 0; z-index: 88888888;  background: rgba(1,1,1,0.6);display: flex; align-items: center; justify-content: center;}
#video-dialog iframe{ display:block; width: 900px; height: 450px; }
.baguetteBox-button1{position:fixed;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(1,1,1,0);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease; z-index:88888899}
.baguetteBox-button1:focus,.baguetteBox-button1:hover{background-color:rgba(1,1,1,0.6)}

.baguetteBox-button1#close-button1{top:20px;right:2%; width:30px;height:30px}
.baguetteBox-button1 svg{position:absolute;left:0;top:0}

/*ny_download*/
.down_l .down_name{ float:left;}
.down_l .down_name a{ color:#666; font-size:15px;}
.down_l .down_name a:hover{ color:#6ac237;}
.down_l .down_name i{ font-size:18px;box-shadow:0px 0px 15px rgba(0,0,0,0.1); background: #6ac237; color:#fff; margin-right:0.2rem; width:0.46rem; height:0.46rem; text-align:center; line-height:0.46rem; border-radius:50%;}
.down_l .more i{ margin-left:6px;}
.down_l .more{ float:right; background:#6ac237; color:#fff; padding:4px 15px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; margin-top:6px; font-size:14px; border-radius:5px;}
.down_l .more:hover{  background:#6ac237; color:#fff;}
.down_l li{ list-style:none; border-bottom:1px solid #eee; padding:0.15rem 0; margin-bottom:0.2rem;}
.down_l .down_d {    float: right;
    background: #6ac237;
    color: #fff;
    padding: 4px 15px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    margin-top: 6px;
    font-size: 14px;
    border-radius: 30px;
}


/*ny_cate*/
.nycate_list{list-style:none;}
.nycate_list{ margin: 0 -0.1rem;}
.nycate_list li{margin-bottom:0.2rem; padding:0 0.1rem; overflow: hidden;}
.nycate_list li:nth-child(3n+1){clear: both;}
.nycate_list li .column{ padding: 0.3rem; border-radius: 5px; transition:all .5s; border: 1px solid rgba(43, 60, 107, 0.1); background: #fff; overflow: hidden;}
.nycate_list li .image{ border-radius: 5px; display:block; ;position:relative; overflow:hidden;}
.nycate_list li .image > a{position: absolute;left:0;top:0;width:100%;height:100%;z-index: 10;display: block; overflow:hidden;}
.nycate_list li .image img{ width: 100%;transition: all .9s; overflow:hidden;}
.nycate_list li:hover .image img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); overflow:hidden;}
.nycate_list li .image .more_box{position: absolute;left: 0;top: 10px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;z-index: 5;transition: all .8s;opacity: 0; overflow:hidden;}
.nycate_list li:hover .image .more_box{top: 0;opacity: 1;}
.nycate_list li .wrap{ margin-top: 0.2rem; text-align: center; position: relative;}
.nycate_list li .title{ font-family: 'poppins_S'; color:#303030; font-size:0.2rem; line-height:0.3rem; display:block; transition:all .5s; overflow:hidden;}
.nycate_list li:hover .title{ color: #6ac237;}

 @media only screen and (max-width: 768px) {
	.nycate_list li{ width: 50%;}
	.nycate_list li:nth-child(2n+1){clear: both;}
	.nycate_list li:nth-child(3n+1){clear:none;}
} 
@media only screen and (max-width: 480px) {
	.nycate_list li{padding: 0;width:100%;}
	.nycate_list li .title{height:auto; max-height:0.6rem;}
}